*, *::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:1200px; margin: 0 auto}

 

.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(../images/listspan_03.png) right no-repeat }
.screen-pro ul li { float:left;  width: calc((100% - 75px) /4);margin:25px 25px 0px 0}
.screen-pro ul li:nth-of-type(4n) { 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 .screen-case-l { float:left; width:416px;margin-top:15px; }
.screen-case img { display:block; width:100%; margin-top:10px;}
.screen-case .screen-case-r { float:right; width:784px;margin-top:15px; }
.screen-case .screen-case-r ul li { float:left;  width: calc((100% - 45px) /3);margin:0 0px 0 15px}
.screen-case a p { font-size:14px; text-align:center; line-height:32px; margin-top:14px; }
.screen-advantage ul#pic li{ float:left;  width: calc((100% - 60px) /4);margin:30px 20px 0 0}
.screen-advantage ul#pic li:nth-of-type(4n) { margin-right:0}
.screen-advantage ul#pic li img { display:block; width:100%; }
.screen-advantage ul#pic li p { margin:20px 0; font-size:16px; line-height:28px; }
.screen-advantage ul#pic li .li-tit { font-size:16px; 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((100% - 90px) /4);margin:30px 30px 0 0}
.screen-advantage ul#text-list li:nth-of-type(4n) { margin-right:0}
.screen-advantage ul#text-list li img { display:block; }
.screen-advantage ul#text-list li p { margin:20px 0; font-size:16px; line-height:32px; }


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

.screen-news ul#recommend { margin-top:15px; }
.screen-news ul#recommend li{ float:left;  width: calc((100% - 30px) /2);margin:0px 30px 0 0; }
.screen-news ul#recommend li:nth-of-type(2n) { margin-right:0}
.screen-news ul#recommend li a { display:block;line-height:30px;background: url(../images/big_13.png) no-repeat 5px center; padding-left:25px; } 
/*.screen-news ul#recommend li a::after {content: ''; display:block; width:0;border-bottom:solid 2px #770062;-webkit-transition:All 0.8s ease-in-out;-moz-transition:All 0.8s ease-in-out;-o-transition:All 0.8s ease-in-out; transition:All 0.8s ease-in-out; }*/
.screen-news ul#recommend li a:hover{ color:#770062;background: url(../images/xtub_06.png) no-repeat 5px center; }
/*.screen-news ul#recommend li a:hover::after { width:100% }*/

.screen-type { }
.screen-type .type { float:left; width:75% }
.screen-type .type ul li { float:left;  width: calc((100% - 80px) /4);margin:0px 20px 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 } 
.screen-type .type ul li:nth-of-type(3) { background:#ffe902 } 
.screen-type .type ul li:nth-of-type(4) { background:#609a0c } 
.screen-type .erweima { float:right; width:25% }
.screen-type .erweima ul li { float:left;  width: calc((100% - 30px) /2);margin:30px 30px 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}

.art-gccp { width:1200px; margin: 0 auto}
.art-gccp .entry-content{ line-height:0;}
.art-gccp .entry-content img { display:block;}