.ser-txt{font-size: 16px;color:#666;text-align: center;margin:10px auto 30px;}
.sercn_one{margin-top:30px;margin-bottom: 50px;    overflow: hidden;}
.sercn_one h1{font-size: 38px;color:#000;font-weight: 600;line-height: 60px;text-align: center;}
.sercn_one li{width: 30.33%;float: left;margin:0 1.5% 30px;position:relative;padding:45px 40px 35px;box-sizing:border-box;text-align:center; border:1px solid #c3c3c3; overflow:hidden;}
.sercn_one li strong{display:block;font-size:26px; color:#333; line-height:1.1em; margin-bottom:5px;}
.sercn_one li span{display:block;font-size:14px; color:#666; line-height:1.2em; height:1.2em; overflow:hidden;}
.sercn_one li .num{font-size:100px; font-family:Arial; color:#f8f8f8; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.sercn_one li .text{position:relative; z-index:3;}
.sercn_one li .mask{position:absolute;background: #2ec4b6;left:0;top:100%;width:100%;height:100%;z-index:1;}
.sercn_one li:hover strong{color:#000;}
.sercn_one li:hover span{color:#000;}
.sercn_one li:hover .num{color:#f8f8f847;}
.sercn_one li:hover .mask{top:0;transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}


.sercn_two{height: 530px;overflow:hidden;background-position:center center;background:url(../images/serverbg1.jpg) center repeat-x;}
.sercn_two .l_box{width:51%;float:left;}
.sercn_two .pd{position:relative; z-index:3; padding:80px 40px 0 10px;}
.sercn_two .pd h2{font-size:33px; font-weight:bold; color:#fff; margin-bottom:40px;}
.sercn_two .pd .info{font-size:18px; line-height:28px; color:#fff; margin-bottom:30px;}
.sercn_two .pd .text_box{font-size:14px; color:#fff; line-height:33px;}


.sercn_stree{margin-top:60px;margin-bottom: 50px;}
.sercn_stree h2{font-size: 38px;color:#000;font-weight: 600;line-height: 60px;text-align: center;}
.sercn_stree .ser-txt{line-height: 1.8em;}
.sercn_stree ul{width: 100%;overflow: hidden;}
.sercn_stree ul li{width: 47%;margin-right:1.5%;float: left;background: #dedede;}
.sercn_stree ul li:nth-child(2){margin-right:1.5%; margin-left:1.5px;float: right;}
.sercn_streeli {position: relative;overflow: hidden;}
.sercn_streeli img {width: 100%;height: auto;}
.sercn_streeli .zhezhao {background-color: #2ec4b8;width: 100%;height:180px;padding:3%;overflow:hidden;filter: alpha(opacity=90);-moz-opacity: 0.9;opacity: 0.9;position: absolute;bottom: -120px;left: 0;}
.zhezhao2{padding: 10px; line-height: 25px;    min-height: 170px;}
.sercn_streeli .zhezhao h4{font-size:20px; text-align:center;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; }
.sercn_streeli .zhezhao p {font-size: 12px;margin-bottom:15px;line-height:0;overflow: hidden; }
.sercn_streeli:hover .zhezhao {bottom: 0;background-color: #2ec4b6;filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.sercn_streeli:hover .zhezhao h4{margin:10px 0;color:#fff;}
.sercn_streeli:hover .zhezhao p {color: #fff; height:90px; overflow:hidden; line-height:24px; }




/*changqu*/
.imgZoom img {-moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;-webkit-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.imgZoom:hover img { -moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}

@media screen and (max-width: 767px){ 
.sercn_one li{    width: 98%;    margin: 10px 1%;    padding: 15px;}
.sercn_two{background: #ffce12;height: auto;}
.sercn_two .l_box{    width: 100%;float: inherit;}
.sercn_stree ul li{ width:96.7%;}
}