@charset "utf-8";
/*页面颜色变黑白*/
.page-bw{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);filter:gray;}
/* CSS Document */
/*服务项目*/
.itemBox{ margin-left:80px; height:100%; min-width:1200px;}
.item{ float:left; position:relative; width:25%; height:100%; background:#CCC; overflow:hidden;}
.item .showad{ position:absolute; left:0; top:0; content: ''; width:17px; height:100%; background:url(/images/showad.png) repeat-y; display: block; z-index:999;}
.item-pic{ width:100%; height:auto; position:absolute; left:0; top:0; overflow:hidden; z-index:1}
.item-pic a{ display:block; width:100%; height: 100%; background-position:center; background-size:cover;}
.mask{ position:relative; top:0; left:-470px; background:#FFF;}
.mask img{ width:100%; height:auto; vertical-align:top;}
.mask .text{ position:absolute;font-size:14px; }
.mask .text h4{ font-size:26px;}
.mask01 .text{ top:20%; left:5%; color:#333;}
.mask02 .text{ bottom:21%; left:5%; color:#FFF;}
.mask03 .text{ top:20%; left:5%; color:#333;}
.mask04 .text{ bottom:21%; left:5%; color:#FFF;}

.item-text{ width:100%; height:300px; position:absolute; bottom:34px; left:0; z-index:2; background:#eee;}
.item01 h2{background:#a26352 url(/images/i_h01.png) no-repeat right bottom;}
.item02 h2{background:#CC9966 url(/images/i_h02.png) no-repeat right bottom;}
.item03 h2{background:#666666 url(/images/i_h03.png) no-repeat right bottom;}
.item04 h2{background:#6c8484 url(/images/i_h04.png) no-repeat right bottom;}
.item-text h2{ width:100%; height:120px; line-height:120px; font-size:34px; color:#FFF; font-weight:bold; text-align:center; position:relative;}
.item-text h2 i{ display:block;content:""; width:18px; height:10px; background:url(/images/icon01.png) no-repeat; position:absolute; bottom:15px; left:50%; margin-left:-9px;transition-duration: 0.5s;}
.item-text a:hover i{ bottom:10px;}
.item-text h2 a{ color:#FFF; display:block; width:100%;}
.item-text-list{ width:100%; height:180px;}
.item-text-list li{ float:left; width:50%; height:90px; line-height:90px; text-align:center; font-size:16px; background:#fff; border-top:1px dotted #b1b1b1;}
.item-text-list li:nth-child(3),.item-text-list li:nth-child(4){ background:#eee}
.item-text-list li em{ font-style:italic; font-size:20px; margin-right:10px; display:inline-block; width:34px; height:34px; line-height:34px; background:url(/images/icon03.png) no-repeat;transition: All 0.5s ease-in-out;}
.item-text-list li:hover span{ color:#e70012;}
.item-text-list li:hover em{transform: rotate(360deg);}

@media (max-width:1500px) {
.mask .text{font-size:14px; }
.item-text{height:250px;}	
.item-text h2{ font-size:24px; height:100px; line-height:100px;}
.item-text-list li{height:75px; line-height:75px; }
}
@media (max-width:1400px){
.mask .text{font-size:12px; }
.item-text{height:160px;}
.item-text h2{ width:100%; height:60px; line-height:60px; font-size:18px;}
.item-text-list li{height:50px; line-height:50px; font-size:14px;}
.item-text h2 i{ bottom:7px;}
.item-text a:hover i{ bottom:2px;}
}