@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/*服务项目*/
.cp_bt{font-size: 40px;color: #333;text-align: center;line-height: 36px;padding: 60px 0 0;height: 80px;overflow: hidden;}
.cp_bt a{font-size: 40px;color: #333;}
.cp_bt span{display: block;font-size: 20px;color: #666;font-weight: normal;padding: 10px 0 0;}
.cp_tit{ overflow:hidden; }
.cp_ul01 li{float: left;padding: 0 0 0 25px;width: 540px;}
.cp_ul01 li a{display: block;font-size: 20px;color: #fff;font-weight: bold;width: 540px;height: 54px;line-height: 54px; background:url(../images/cp_ico01.png) no-repeat 0 17px; padding:0 0 0 40px;}
.cp_ul01 .cp_ul02 li{width: 108px;padding: 0;}
.cp_ul01 .cp_ul02 li a{font-size: 14px;color: #bcc5cf;font-weight: normal; background:url(../images/cp_ico02.png) no-repeat 0 15px;padding: 0 0 0 18px;width: 90px;height: 38px;line-height: 38px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_ul01 .cp_ul02 li a:hover{ background:url(../images/cp_ico03.png) no-repeat 0 15px;color: #fff;}
.cp_ul01 li.nobor{width: 324px;padding: 0 0 0 60px;}
.cp_more{position: absolute;top: 70px;right: 0;width: 225px;}
.cp_more b{display: block;font-size: 16px;color: #fff;width: 70px;height: 80px;}
.cp_more em{display: block; width: 86px; height: 24px; text-align: center; line-height: 24px; font-size: 14px; color: #0f5aad; background: #fff; overflow: hidden;border-radius: 20px;-webkit-transition:all .3s;transition:all .3s;}
.cp_more a:hover em{box-shadow:0 2px 3px 0 #bcc5cf;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}

.cp_m{padding: 35px 0;position: relative;}
.cp_m p{width: 80px; height: 80px; position: absolute; top: 225px; cursor: pointer;-webkit-transition:all .3s;transition:all .3s;border-radius: 50%;z-index: 30;} 
.cp_lico{left: -100px;}
.cp_rico{right: -100px;}
.cp_m ul{float: left;}
.cp_m ul li{ width: 200px;margin-right: 50px; }

.cp_m ul li em{ width: 200px;height: 200px; border:1px solid #CCCCCC; display: block;line-height: 0;overflow: hidden; text-align:center; margin-bottom:15px;-webkit-transition:all .3s;transition:all .3s;}
.cp_m ul li em img{ vertical-align: middle; max-width: 198px; max-height: 198px; _width: expression((this.offsetWidth > 198) ? "198px" : this.offsetWidth + "px" );
_height: expression((this.offsetHeight > 198) ? "198px" : this.offsetHeight + "px" );
}
.cp_m ul li em i { display: inline-block; height: 100%; width: 0; vertical-align: middle; }

.pinz dl dd span img,.ys_pic img,.jz dl dt span img,.news dt img{width: 374px;height: 260px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pinz dl dd span img:hover,.ys_pic img:hover,.jz dl dt span img:hover,.news dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_m ul li span{ width:200px; display:block; text-align:center; height:40px; line-height:25px;font-size: 14px;color: #666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_m ul li a:hover span{color: #0f5aad;}
.cp_m ul li a:hover em,.cp_m p:hover{box-shadow:0 10px 15px 0 #bbb;z-index:2;-webkit-transform:translate(0,-0px);-webkit-transform:translate(0,-0px)}

/*品质*/
.pinz_bg{ background:url(../images/pinz_gb.jpg) no-repeat center 0;height: 560px;overflow: hidden;}
.pinz .cp_bt{color: #fff;padding: 54px 0 0;height: 122px;}
.pinz .cp_bt span{color: #c6c6c6;}
.pinz dl{width: 225px;float: left;padding-right: 50px;padding-left: 50px; background:url(../images/pinz_line.gif) no-repeat 0 57px;padding-top: 57px;}
.pinz dl dt{ overflow: hidden;font-size: 24px;color: #555; }
.pinz dl dt em{ display: block; line-height: 0; text-align:center;}
.pinz dl dt em img{
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.pinz dl dt:hover img {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.pinz dl dd { padding: 35px 0 0; font-size:18px; color: #666666; text-align: center; }
.pinz dl dd p { color: #555; line-height: 20px; overflow: hidden; font-size:16px; }
.pinz dl dd span { display: block; overflow: hidden; color:#000000; line-height:40px; }
.pinz .nobor01 { padding-left: 0; background: none; }
.pinz .nobor02 { padding-right: 0; }


/*荣誉资质*/
.honor_bgw{ background:url(../images/honor_bgw.jpg) no-repeat center 0;}
.honor_bg{ background:url(../images/honor_bg.png) no-repeat center 0;height: 641px;overflow: hidden;}
.honor .cp_bt,.about .cp_bt{padding: 54px 0 0;height: 120px;}
.honor .cp_bt a,.about .cp_bt a{color: #fff;}
.honor .cp_bt span,.about .cp_bt span{color: #d3d3d3;}
.honor_c{width: 215px;float: right;height: 360px;padding: 20px 60px 0 40px;}
.honor_c ul li{height: 55px;line-height: 55px;overflow: hidden;}
.honor_c ul li a{font-size: 14px;color: #666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 215px;}
.honor_c ul li a:hover{color: #0f5aad;}
.honor_c ul li b{font-size: 18px;padding: 0 10px 0 0;}

/*客户见证*/
.jz{padding: 0 0 60px;position: relative;}
.jz .cp_bt,.news_bg .cp_bt{padding: 57px 0 0;height: 120px;}
.jz dl dt{position: relative;width: 690px;float: left;}
.jz dl dt em{width: 240px;height: 450px;display: block;position: absolute;top: 0;left: 0;z-index: 20;}
.jz dl dt em img{width: 240px;height: 450px;}
.jz dl dt span{width: 600px;height: 450px;display: block;overflow: hidden;margin-left: 90px;}
.jz dl dt span img{width: 600px;height: 450px;}
.jz dl dd{width: 410px;float: right;padding: 40px 0 0;}
.jz dl dd h5{font-weight: normal;line-height: 52px;height: 130px; background:url(../images/jz_line.gif) no-repeat 5px 128px;}
.jz dl dd h5 a{color: #1f1715;font-size: 34px;display: block;}
.jz dl dd h5 a:hover{color: #0f5aad;}
.jz .jz_desc{font-size: 14px;color: #9e9e9e;line-height: 28px;height: 112px;overflow: hidden;padding: 35px 0 0;}
.jz dl dd span{display: block;width: 140px;padding: 60px 0 0;}
.jz dl dd span a{display: block; font-size: 14px; color: #fff; width: 140px; text-align: center; height: 40px; line-height: 40px; background: #0f5aad; overflow: hidden;border-radius: 20px;-webkit-transition:all .3s;transition:all .3s;}
.jz b{width: 50px;height: 50px;position: absolute;top: 577px;display: block;z-index: 50;}
.jz b a{ width:50px; height:50px; display:block;}
.jz_l a{ background:url(../images/case_lico01.gif) no-repeat;}
.jz_l a:hover{ background:url(../images/case_lico02.gif) no-repeat;}
.jz_r a{ background:url(../images/case_rico01.gif) no-repeat;}
.jz_r a:hover{ background:url(../images/case_rico02.gif) no-repeat;}
.jz_l{left: 640px;}
.jz_r{left: 691px;}

/*新闻中心*/
.news_bg{padding: 0 0 60px;background: #FFFFFF;overflow: hidden;}
.news{ width:580px;height: 400px;background: #fff;box-shadow: 0 3px 10px 3px #ddd;}
.news_t{ height:60px;line-height: 60px;overflow: hidden;border-bottom: #ebebeb 1px solid;}
.news_t em{float: left;width: 100px;height: 60px;display: block;line-height: 0;}
.news_t em img{width: 80px;height: 60px;}
.news_t a{font-size: 22px;color: #333;}
.news_t a:hover,.news_t a:hover i{color: #0f5bad;}
.news_t span{float: right;width: 85px;height: 60px;display: block;line-height: 16px;padding: 15px 0 0 15px; background:url(../images/news_line.gif) no-repeat 0 20px;}
.news_t span a{font-size: 12px;color: #2e2e2e;}
.news_t span i{color: #666;display: block;}
.news dl{ width:520px; padding:30px 0 20px;margin:0 auto;height: 126px;}
.news dt{ width:224px; height:126px;overflow: hidden;float: left;}
.news dt img{ width:224px; height:126px;}
.news dd{width:260px;float: left; padding:0 0 0 30px;}
.news dd span{display: block;font-size: 36px;color: #0f5bad;font-weight: bold; font-family:"Times New Roman", Times, serif;line-height: 40px;}
.news dd h3{ height:30px; line-height:30px; overflow:hidden;}
.news dd h3 a{ font-size:14px; color:#333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.news dd h3 a:hover,.news ul li a:hover{color: #0f5bad;}
.news .news_desc{ font-size:14px; color:#757373; height:40px; line-height:20px;overflow: hidden;}
.news_c{ width:520px;margin:0 auto;display: block;}
.news ul li{ height:45px; line-height:45px; overflow:hidden;border-top: #c2c2c2 1px dotted;}
.news ul li a{ font-size:14px; color:#666;display: block;float: left;width: 420px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news ul li span{display: block;float: right;font-size: 14px;color: #909090;width: 100px; text-align:right;}
.news ul li b{padding: 0 10px 0 0;}

/*关于我们*/
.about{ background:url(../images/ab_bg.jpg) no-repeat center 0;overflow: hidden;padding: 10px 0 60px;}
.ab_desc{font-size: 14px;color: #fff;height: 56px;line-height: 28px;overflow: hidden;width: 960px;text-align: center;margin:0 auto;}
.about h4{font-size: 24px;color: #fff;font-weight: normal;height: 44px;line-height: 44px;text-align: center;overflow: hidden;padding: 25px 0 0;}
.about em{display: block;width: 135px;margin:0 auto;padding: 60px 0 0;}
.about em a{display: block; font-size: 14px; color: #0a4eb2; width: 135px; text-align: center; height: 34px; line-height: 34px; overflow: hidden;background: #fff;border-radius: 20px;}
.about em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear; }

/*友情链接*/
.f_link{height: 62px;line-height: 62px;overflow: hidden; background:#e3e3e3;}
.f_link b{display: block;float: left;font-size: 14px;color: #333;width: 80px;font-weight: normal;}
.f_link p{font-size: 14px;color: #333;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #333; padding:0 10px 0 0;}

/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}


.i-zero-wrap { background: #fff; }
    .i-zero-wrap .w1200 { }
.counter_list { padding-top: 75px; padding-bottom: 75px; }
    .counter_list li { width: 25%; float: left; text-align: center; position: relative; }
        .counter_list li:not(:last-child):after { content: ''; position: absolute; width: 1px; height: 45px; background-color: rgba(170,170,170,.2); right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
        .counter_list li p { text-align: left; margin-left: 90px; }
            .counter_list li p.number .counterDX { font-size: 50px; font-family: helveticaneuethn,Arial; text-align: center; margin-top: 15px; line-height: 52px; vertical-align: top; color: #3c3c3c; }
            .counter_list li p.number .unit { position: relative; top: 1px; left: 3px; font-size: 14px; vertical-align: top; color: #999; }
        .counter_list li .title { color: #999; font-size: 13px; line-height: 30px; }

.youshi { overflow: hidden; width: 100%; padding: 0px 0 60px; background: url(../images/youshi_bg.jpg) repeat center; }
    .youshi .ysbox { overflow: hidden; width: 1100px; margin: 0 auto; background: url(../images/youshi_tu.png) no-repeat center 20px; margin-top: 45px; }
    .youshi .ysleft { width: 320px; float: left; }
    .youshi .ysright { width: 320px; float: right; }
    .youshi .ysleft .ys { overflow: hidden; padding-left: 85px; }
    .youshi .ysright .ys { overflow: hidden; padding-right: 85px; }
    .youshi h3 { font-size: 18px; color: #006bbd; margin-bottom: 12px; line-height: 36px; }
        .youshi .ysright .ys h3 { text-align: right; line-height: 36px; }
    .youshi p { font-size: 16px; color: #666; line-height: 23px;height:69px; }
        .youshi .ysright .ys p { text-align: left; }
    .youshi .ys { margin-bottom: 9px; margin-top: 5px; }
    .youshi .ys01 { background: url(../images/youshi01.png) no-repeat left top; }
    .youshi .ys02 { background: url(../images/youshi02.png) no-repeat left top;margin-top: 15px; }
    .youshi .ys03 { background: url(../images/youshi03.png) no-repeat left top;margin-top: 25px; }
    .youshi .ys04 { background: url(../images/youshi04.png) no-repeat right top; }
    .youshi .ys05 { background: url(../images/youshi05.png) no-repeat right top; margin-top: 15px; }
    .youshi .ys06 { background: url(../images/youshi06.png) no-repeat right top;margin-top: 25px; }