@charset "utf-8";

body,html,span,div,ul,ol,li,dl,dd,dt,a,p,h1,h2,h3,h4,h5,h6,table,td,tr{color:#7d7c7c;list-style-type:none;margin:0;padding:0;font-size:12px;font-family:Microsoft YaHei,SimHei,SimSun;}

.cn1200{width:1200px;margin:0 auto;}.cn {margin:0 auto;}
.mtop5 {margin-top:5px;}.mtop30 {margin-top:30px;}.mtop50 {1margin-top:50px;}.mri5 {margin-right:5px;}.mri20 {margin-right:20px;}.mbot30 {margin-bottom:30px;}.mleft40 {margin-left:40px;}.pbot50 { 1padding-bottom:50px;}.ptop22 { padding-top:22px;}.pad20 { padding:20px;}
.font14 { font-size:14px;}.font16 { font-size:16px;}.font18 { font-size:18px;}.font24 { font-size:24px;}
.lin-height24 { line-height:24px;}.lin-height36 { line-height:36px;}.lin-height42 { line-height:42px;}.lin-height49 { line-height:49px;}
.border-b1 { border-bottom:1px #e4e4e4 solid;}.border-b2 { border-bottom:1px #d6d6d6 dashed;}.border-b3 {border: 1px #ccc solid;}
.text-align { text-align:center;}
.overf-h { overflow:hidden;}
.display-b { display:block;}
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } /*终极版清除浮动一*/
.clearfix {*zoom:1;}/*IE/7/6*/
.left {float: left;}
.right {float: right;}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:none;color:#f00;}
.color-f { color:#fff;}.color-2 { color:#353535;}



/*------------------------------------------------------------------------------*/

/*头部样式*/


/*服务项目*/
.appli {}
.appli_t { position:relative;}
.appli_t .appli_tn { width:566px; height:216px; position:absolute; left:317px; top:224px; background-color:#15ba08;}
.appli_t .appli_tn a { margin:0 40px;}

.appli .dl,.appli_n .dl { margin-bottom:8px; position:relative;}
.appli .dl{ width:312px; height:216px;}
.appli .dl dd img { width:312px; height:216px;}
.appli .dl dt { position:absolute; top:180px; width:100%; height:36px; background:rgba(0,0,0,0.5);text-overflow: ellipsis; overflow: hidden; white-space: nowrap;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.appli .dl a:hover dt { top:0px; height:216px; line-height:216px;}

.appli .dl3 { width:566px; height:216px; background-color:#00b3ed;}
.appli .dl3 h3 { font-weight:normal;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.appli .dl3 p { height:72px; margin:0 40px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.appli .dl:nth-child(2),.appli .dl:nth-child(7){width:566px;}
.appli .dl:nth-child(2) dd img,.appli .dl:nth-child(7) dd img { width:566px; height:216px;}
.appli .dl:nth-child(3),.appli .dl:nth-child(5),.appli .dl:nth-child(8){ margin-right:0;}
.appli .dl:nth-child(5) { margin-left:571px;}