@charset "UTF-8";/*!

*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}

.yin{background: #f6f6f6;padding: 5px 0 0;}
.yin_t{font-size: 40px;color: #333;background:url(../images/yin_tbg.gif) no-repeat center 0;text-align: center;height: 90px;line-height: 40px;overflow: hidden;padding: 30px 0 0;}
.yin_t a{color: #333;}
.yin_t span{display: block;font-size: 16px;color: #666;font-weight: normal;padding: 5px 0 0;}
.yin_l{width: auto;padding: 40px 0 0;}
.yin_l dl{width: 250px;height: 208px;overflow: hidden;}
.yin_l dl dt{font-size: 20px;color: #333;font-weight: bold;height: 44px;line-height: 44px;overflow: hidden;}
.yin_l dl dt em{display: block;float: left;width: 44px;height: 44px;line-height: 0;overflow: hidden;background: #333;border-radius: 5px;margin-right: 20px;}
.yin_l dl dt em img{width: 44px;height: 44px;}
.yin_l dl:hover dt{color: #176aaa}
.yin_l dl:hover dt em{background: #176aaa;}
.yin_l dl dd{padding: 15px 0 0;height: 75px;overflow: hidden;}
.yin_l dl dd p{font-size: 14px;color: #999;line-height: 25px;}
.yin_c{width: 700px;height: 620px;padding: 55px 0 0;-webkit-transition:transform .3s;transition:transform .3s;}
.yin_c img{width: 680px;}
.yin_c:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
dl, dt, dd, ul, ol, li, 
pre, 
fieldset, lengend, button, input, textarea,
th, td { 
    margin: 0;
    padding: 0;
}
input,textarea {border: 2 none; box-shadow: none; outline: none;}
html {overflow-y: scroll;}
.fl {float: left;}
.fr {float: right;}
.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100%px ;float:none;}
.content88{ width:auto; margin:auto;}

.td_bj{background: url(../images/td_bj.jpg) no-repeat center top;height: 852px;box-sizing: border-box;padding-top:65px;}
.td_nr{margin-top:33px;height: 529px;}
.td_nr li{float:left;width:169px;height: 506px;position: relative;margin-right:6px;box-sizing: border-box;}
.td_w{padding:300px 0 0 31px;box-sizing: border-box;height: 506px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.91) 100%); 
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.91) 100%); 
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.91) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e8000000',GradientType=0 ); 
}
.td_w i{font-size:0;line-height: 0;}
.td_w h4{font-size:22px;color: #fff;line-height: 30px;font-weight: normal;padding-top:22px;}
.td_w h4 span{display: block;}
.td_w em{font:12px arial;color:rgba(255,255,255,0.3);margin-top:12px;display: block;}
.td_w p{display: none;font-size:15px;line-height: 26px;width:588px;color: rgba(255,255,255,0.8);padding-top:10px;}
.td_nr li:nth-child(1){background: url(../images/td_img01.jpg) no-repeat center top;}
.td_nr li:nth-child(2){background: url(../images/td_img02.jpg) no-repeat left top;}
.td_nr li:nth-child(3){background: url(../images/td_img03.jpg) no-repeat center top;}
.td_nr li:nth-child(4){background: url(../images/td_img4.jpg) no-repeat center top;margin:0;}
.td_nr li.cur .td_w p{display: block;}
.td_nr li.cur .td_w h4 span{display: inline-block;}
.td_nr li.cur .td_w h4 {font-weight: bold;}
.td_nr li.cur .td_w em{display: none}
.td_nr li.cur .td_w i{opacity: 0}

.about{background:#f6f6f6 url(../images/ab_img1.jpg) no-repeat center top;height: 814px;padding-top:543px;box-sizing: border-box;}
.ab_w{background: #fff;height: 204px;box-sizing: border-box;padding:34px 0 0 23px;box-shadow: 0 0 15px rgba(0,0,0,0.2)}
.ab_w dt{float:left;width:317px;text-align: center;padding-top:18px;background: url(../images/ab_ico1.png) no-repeat right top;height: 118px;}
.ab_w dt h4{height:;font-size:38px;color: #333333;height: 54px;line-height: 54px;}
.ab_w dt h4 a{color: #333}
.ab_w dt h4 em{color: #176aaa}
.ab_w dt span{display: block;font-size: 18px;color: #333333;height: 35px;line-height: 35px;}
.ab_w dd{float:left;width:735px;padding:10px 0 0 50px;}
.ab_w dd p{font-size:16px;color: #333333;line-height: 28px;}
.ab_w dd em{display: block;text-align: right;padding-top:20px;}
.ab_w dd em a{padding-right:35px;background: url(../images/pro_ico1.png) no-repeat right;font-size:16px;color: #176aaa;}

/*合作客户*/
.hz{background: #f6f6f6;padding: 65px 0 90px 0;}
.hz .yin_t{background:url(../images/hz_tbg.gif) no-repeat center 0;height: 130px;}
.hz ul li{width: 240px;height: 135px;float: left;line-height: 0;border-bottom: #ddd 1px solid;position: relative;}
.hz ul li a{ display:block; position:relative;width: 240px;height: 135px;}
.hz ul li a:before{content: "";width: 1px;height: 100%;background: #ddd;position: absolute;top: 0;right: 0;z-index: 20;}
.hz ul li img{width: 240px;height: 135px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: #079fe6; }
.hz ul li:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);}
.hz ul li:nth-child(5n):before{background: none;}
.hz ul li a:hover:after{content: "";width: 240px;height: 135px;position: absolute;top: 0;left: 0;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);z-index: 21;}



/*广告条*/
.ban01{background: url(../images/ban01.jpg) no-repeat center 0;height: 150px;overflow: hidden;}
.ban_l{width: 790px;padding: 38px 0 0 80px;}
.ban_l span{display: block;font-size: 22px;color: #fff;}
.ban_l span em{padding-left: 20px;}
.ban_l p{font-size: 28px;color: #fff;height: 50px;line-height: 50px;overflow: hidden;padding: 8px 0 0;}
.ban_l p i{font-size: 34px;color: #079fe6;font-style: italic;font-weight: bold;}
.ban_l p b{font-size: 34px;color: #079fe6;padding: 0 30px 0 0;}
.ban_r{padding: 35px 0 0;width: 300px;text-align: right;}
.ban_r em{width: 100px;display: block;float: right;}
.ban_r em a{display: block;font-size: 14px;color: #fff;width: 100px;text-align: center;background: #079fe6;overflow: hidden;height: 30px;line-height: 30px;border-radius: 5px;}
.ban_r span{display: block;font-size: 14px;color: #fff;padding: 20px 0 0;clear: both;}
.ban_r b{font-size: 24px;}
.ban_r em a:hover {
    animation: shake 1.5s linear;
    -webkit-animation: shake 1.5s linear;
}



.serv_c{min-width: 1200px; width: 100%;height: 580px;overflow: hidden;max-width: 80%;margin:auto}
.serv_c ul{width: 100%;height: 580px;}
.serv_c li{width:15.78%;float: left;position: relative;cursor:pointer;height: 580px;line-height:30px;font-size: 16px; border-right:1px solid #fff; box-sizing:border-box;overflow: hidden;}
.serv_c li:last-child{border: 0;}
.serv_c li img{display: block;}
.mo {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(42,45,47,0.30);
}
.shu2{width: 100%;  position: absolute;left:0rem;bottom:7rem;text-align: center;}
.shu2 h3{width: 100%; line-height: 45px;}
.shu2 h3 img{width:48px;height:44px;margin:0 auto 20px;display: block;}
.shu2 h3 b{ font-size:22px; text-align:center; color:#ffffff; font-weight: bold;  display: block;}
.shu2 h3 i{font-size:12px;color:rgb(255, 255, 255,0.5); display: block; font-weight: normal;}

.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}
.bock{position: absolute;left: 0; bottom:-230px;width:100%;height:100%;text-align: left;color: #fff;box-sizing: border-box; height:196px;opacity: 0;}
.bock dl{width: 100%;padding:112px 5% 0; height:196px;box-sizing: border-box;background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0.91) 100%); 
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0.91) 100%); 
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0.91) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e8000000',GradientType=0 ); }
.bock dl dt{width: 24%; float: left;}
.bock dl dt h3{ font-size:22px; color: #ffffff;height: 62px; line-height:30px }
.bock dl dt h3 i{font-size: 12px;color:rgb(255, 255, 255,0.5); display: block; font-weight: normal;}
.bock dl dd{width: 71.5%;float: left;}
.bock dl dd p{font-size: 14px; line-height: 26px;color:#ffffff;overflow: hidden;}


.serv_c li.cur{width: 52.6%;}
.serv_c li.cur .shu2{opacity: 0;}
.serv_c li.cur .bock{opacity: 1;bottom: 0;}