*, *::before, *::after {box-sizing:inherit;}
.clear { clear:both;}
.bai { background:#fff; padding:50px 0}
.hui { background:#f8f8f8; padding:50px 0}
.screen-pro,.screen-case,.screen-advantage,.screen-news,.screen-type { width:96%; margin: 0 2%}

 

.screen-tit { font-size:24px; color:#333; line-height:36px;  }
.screen-tit .screen-titl { float:left; }
.screen-tit .screen-titr { float:right; }
.screen-tit .screen-titr a { display:inline-block; font-size:16px; color:#999; padding:0 20px; background:url(/skin/m/css/listspan_03.png) right no-repeat }
.screen-pro ul li { float:left;  width: calc((96% - 10px) /2);margin:25px 10px 0px 0}
.screen-pro ul li:nth-of-type(2n) { margin-right:0}
.screen-pro ul li a { display:block;}.screen-pro ul li a div { overflow:hidden}
.screen-pro ul li a div img{ width:100% ; -webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out; }
.screen-pro ul li a p { text-align:center; line-height:36px;}
.screen-pro ul li a:hover div img{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);    -ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25);}
.screen-pro ul li a:hover p { color:#770062}

.screen-case img { display:block; width:100%; margin-top:10px;}
.screen-case ul li { float:left;width: calc((96% - 10px) /2);margin:0 10px 0 0px}
.screen-case ul li:nth-of-type(2n) { margin-right:0}
.screen-case a p { font-size:12px; text-align:center; line-height:24px;height:48px; margin-top:14px; }

.screen-advantage ul#pic li{ float:left;  width: calc((96% - 10px) /2);margin:25px 10px 0 0}
.screen-advantage ul#pic li:nth-of-type(2n) { margin-right:0}
.screen-advantage ul#pic li img { display:block; width:100%; }
.screen-advantage ul#pic li p { margin:10px 0; font-size:12px; line-height:24px;height:96px; }
.screen-advantage ul#pic li p.info { height:96px; } 
.screen-advantage ul#pic li .li-tit { font-size:12px; color:#fff; line-height:36px; text-align:center }
.screen-advantage ul#pic li:nth-of-type(1) .li-tit { background:#e3bd6c  }
.screen-advantage ul#pic li:nth-of-type(2) .li-tit { background:#518ec1  }
.screen-advantage ul#pic li:nth-of-type(3) .li-tit { background:#64352c  }
.screen-advantage ul#pic li:nth-of-type(4) .li-tit { background:#d37714 }



.screen-advantage ul#text-list li{ float:left;  width: calc((96% - 10px) /2);margin:25px 10px 0 0}
.screen-advantage ul#text-list li:nth-of-type(4n) { margin-right:0}
.screen-advantage ul#text-list li img { display:block; width:100%; }
.screen-advantage ul#text-list li p { margin:20px 0; font-size:16px; line-height:32px; }


.screen-news ul#pictext li{ float:left;  width: 96%;margin:20px 0px 0 0}
.screen-news ul#pictext li:nth-of-type(2n) { margin-right:0}
.screen-news ul#pictext li .li-pic { width:36%; float:left }
.screen-news ul li .li-pic img { width:100%}
.screen-news ul#pictext li .li-text { width:60%; float:right}
.screen-news ul#pictext li h2 {  font-size:14px; color:#666;  line-height:28px; }
.screen-news ul#pictext li p { font-size:12px; color:#999; line-height:26px; margin-top:10px;}

.screen-news ul#recommend { margin-top:15px; }
.screen-news ul#recommend li{    width: 96%;}
.screen-news ul#recommend li a { display:block;height: 30px;
line-height: 30px;
overflow: hidden;
border-bottom: dashed 0.1em #8c8c8c;background: url(/skin/m/images/hvna_03.png) no-repeat left center;padding-left:25px; } 
.screen-news ul#recommend li a:hover{ color:#770062;background: url(/skin/m/css/xtub_06.png) no-repeat 5px center; }

.screen-type { }
.screen-type .type { width:100% }
.screen-type .type ul li { float:left;  width:48%;margin:0px 0px 0 0; }
.screen-type .type ul li a { display:block;font-size:32px; color:#fff;  text-align:center;line-height:56px; padding:38px 0 }
.screen-type .type ul li:nth-of-type(1) { background:#077cd2 } 
.screen-type .type ul li:nth-of-type(2) { background:#666872; margin-right:0 } 
.screen-type .type ul li:nth-of-type(3) { background:#ffe902 } 
.screen-type .type ul li:nth-of-type(4) { background:#609a0c; margin-right:0  } 
.screen-type .erweima {width:96%; margin-top:30px;}
.screen-type .erweima ul li { float:left;  width: calc((96% - 20px) /2);margin:20px 20px 0 0; line-height:36px;}
.screen-type .erweima ul li img { width:100%;}
.screen-type .erweima ul li:nth-of-type(2n) { margin-right:0}