@charset "utf-8";

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

/**/
.yin{background: #f6f6f6;border-top: #eaeaea 1px solid;padding: 95px 0 85px;}
.yin_t{text-align: center;line-height:0;}
.yin_m{width: 1200px;height: 161px;background:#fff url(../images/yin_k.png) no-repeat;margin-top: 40px;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}
.yin_l{width: 420px;padding: 30px 0 0 45px;}
.yin_l i{display: block;font-size: 28px;color: #13aad2;background: url(../images/yin_line.gif) no-repeat 66px 20px;height: 40px;line-height: 40px;overflow: hidden;}
.yin_l p{font-size: 16px;color: #666;height: 30px;line-height: 30px;overflow: hidden;}
.yin_l em{display: block;padding: 5px 0 0;}
.yin_c{width: 192px;margin: 0 10px 0 40px;position: relative;}
.yin_c em img{width: 192px;height: 161px;display: block; transition: all 0.3s ease-in-out 0s;}
.yin_c:hover em img{ transform: rotateY(180deg);}
.yin_c span{width: 192px;height: 161px;display: block;position: absolute;top: 0;left: 0;font-size: 16px;color: #666;line-height: 24px;text-align: center;}
.yin_c span i{display: block;padding: 42px 0 0;}
.yin_c span b{width: 27px;height: 27px;display: block;margin: 0 auto;padding: 10px 0 0;}
.yin_c span b img{width: 27px;height: 27px;}

/*优势*/
.ys_bg{background:url(../images/ys_bg.jpg) no-repeat center 0;height: 730px;overflow: hidden;padding: 69px 0 0;}
.ys{padding: 58px 0 0 540px;width: 660px;}
.ys dl{float: left;text-align: center;}
.ys dl dt{height: 130px;overflow: hidden;font-size: 26px;color: #333;}
.ys dl dt em{display: block; width: 60px; height: 60px; line-height: 0; overflow: hidden;margin: 0 auto 25px;} 
.ys dl dt em img{width: 60px;height: 120px;-webkit-transition:all .5s;transition:all .5s;}
.ys dl:hover dt em img{margin-top: -60px;}
.ys dl dd p{font-size: 16px;color: #666;line-height: 25px;}
.ys .ys_dl01{width: 338px;padding-top: 15px;height: 249px;}
.ys .ys_dl01:hover{background:url(../images/ys_ico01.png) no-repeat right bottom;}
.ys .ys_dl02{width: 320px;padding-top: 15px;height: 249px;margin-left: 1px;}
.ys .ys_dl02:hover{background:url(../images/ys_ico02.png) no-repeat 0 bottom;}
.ys .ys_dl03{width: 338px;padding: 40px 0 0;height: 215px;margin-top: 2px;}
.ys .ys_dl03:hover{background:url(../images/ys_ico03.png) no-repeat right top;}
.ys .ys_dl04{width: 320px;padding: 40px 0 0;height: 215px;margin-top: 2px;margin-left: 1px;}
.ys .ys_dl04:hover{background:url(../images/ys_ico04.png) no-repeat 0 top;}

/*广告条01*/
.ban01{background:url(../images/ban01.jpg) no-repeat center 0;height: 170px;overflow: hidden;padding: 55px 0 0;}
.ban01_l{font-size: 28px;color: #fff;width: 600px;line-height: 60px;padding: 5px 0 0;}
.ban01_l b{display: block;font-size: 42px;}
.ban01_r{width: 400px;}
.ban01_r span{display: block;font-size: 22px;color: #fff;height: 56px;line-height: 56px;overflow: hidden;background:url(../images/ban_tel.png) no-repeat 0 17px;padding-left: 40px;}
.ban01_r b{font-size: 36px;}
.ban01_r em,.ban02_r em{display: block;width: 142px;margin: 0 auto;padding: 15px 0 0;}
.ban01_r em a,.ban02_r em a,.about dl dd span a{display: block;font-size: 18px;color: #1fb1c4;width: 142px;height: 40px;text-align: center;line-height: 40px;overflow: hidden;background: #fff;border-radius: 5px;}
.ban01_r em a:hover,.ban02_r em a:hover,.news dd span a:hover,.about dl dd span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

.ban03{background:url(../images/ban03.jpg) no-repeat center 0;height: 170px;overflow: hidden;padding: 55px 0 0;}
.ban03_l{font-size: 28px;color: #fff;width: 600px;line-height: 60px;padding: 5px 0 0;}
.ban03_l b{display: block;font-size: 42px;}
.ban03_r{width: 400px;}
.ban03_r span{display: block;font-size: 22px;color: #fff;height: 56px;line-height: 56px;overflow: hidden;background:url(../images/ban_tel.png) no-repeat 0 17px;padding-left: 40px;}
.ban03_r b{font-size: 36px;}
.ban03_r em,.ban02_r em{display: block;width: 142px;margin: 0 auto;padding: 15px 0 0;}
.ban03_r em a,.ban02_r em a,.about dl dd span a{display: block;font-size: 18px;color: #1fb1c4;width: 142px;height: 40px;text-align: center;line-height: 40px;overflow: hidden;background: #fff;border-radius: 5px;}
.ban03_r em a:hover,.ban02_r em a:hover,.news dd span a:hover,.about dl dd span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

.ban02{background:url(../images/ban02.jpg) no-repeat center 0;height: 150px;overflow: hidden;padding: 54px 0 0;width: 1208px;margin: 0 auto;}
.ban02_l{padding: 10px 0 0 140px;width: 580px;}
.ban02_r{width: 340px;text-align: center;}
.ban02_r span{display: block;font-size: 22px;color: #333;height: 56px;line-height: 56px;overflow: hidden;}
.ban02_r b{font-size: 30px;}
.ban02_r em a,.about dl dd span a{color: #fff;background: #3cc2d3;}

/*服务*/
.fuw{padding: 70px 0 90px;background: #f0f0f0;}
.fuw .yin_t{height: 140px;}
.fuw dl{width: 24.5%;height: 100%;overflow: hidden;margin-bottom: 0.7rem;float: left;position: relative;margin-right: 0.66%;}
.fuw dl dt{width: 100%;line-height: 0;}
.fuw dl dt img{width: 100%;}
.fuw dl dt span{display: block;font-size: 1.2rem;color: #1a1a1a;width: 100%;text-align: center;height: 3rem;line-height: 3rem;position: absolute;bottom: 0;left: 0;overflow: hidden;background: rgba(255,255,255,0.6);
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.fuw dl:hover dt span{height: 0;}
.fuw dl dd{width: 100%;height: 0;position: absolute;bottom: 0;left: 0;background:url(../images/fuw_k.png) no-repeat 50% 50%;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */
-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.fuw dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;text-align: center;padding: 0.8rem 0 0;}
.fuw dl dd h5 a{font-size: 30px;color: #fff;font-weight: normal;}
.fuw dl dd ul{height: 7.5rem;width: 100%;display: block;padding:0.5rem 0 0;}
.fuw dl dd ul li{font-size: 16px;color: #fff;line-height: 1.5rem;width: 35%;float: left;height: 1.5rem;padding: 0 0 0 13%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;position: relative;}
.fuw dl dd ul li:before{content: "";width: 0.2rem;height: 0.2rem;background: #fff;position: absolute;top: 0.8rem;left: 2rem;}
.fuw dl dd span{display: block; width: 3.7rem; height: 3.7rem;margin: 0 auto;} 
.fuw dl dd span img{width: 3.7rem;height: 3.7rem;}
.fuw .nobor{margin-right: 0;}
.fuw dl:hover dd{height: 100%;}
html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 15px;}}
@media screen and (min-width: 1280px) {html {font-size: 16px;}}
@media screen and (min-width: 1366px) {html {font-size: 17px;}}
@media screen and (min-width: 1440px) {html {font-size: 18px;}}
@media screen and (min-width: 1600px) {html {font-size: 20px;}}
@media screen and (min-width: 1920px) {html {font-size: 24px;}}

/*案例*/
.case_bg{overflow: hidden;padding: 70px 0 0;}
.case_m{padding-top: 35px;}
.case dl{width: 446px;float: left;padding-bottom: 50px;margin-right: 45px;}
.case dl dt{width: 446px;height: 335px;line-height: 0;overflow: hidden;}
.case dl dt img,.news dt img,.about dl dt img,.photo ul li img{width: 446px;height: 335px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case dl dt img:hover,.news dt img:hover,.about dl dt img:hover,.photo ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case dl dd{width: 400px;height: 90px;background: #fff;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);margin: -45px auto 0;position: relative;z-index: 10;}
.case dl dd h5{float: left;width: 250px;padding: 15px 0 0 30px;font-weight: normal;}
.case dl dd span{display: block;height: 30px;line-height: 30px;overflow: hidden;font-size: 20px;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case dl dd i{display: block;height: 30px;line-height: 30px;overflow: hidden;font-size: 14px;color: #666;}
.case dl dd em{width: 90px;height: 90px;display: block;float: right;line-height: 0;}
.case dl dd em img{width: 90px;height: 90px;}
.case dl dd:hover span{color: #02a1e8;}
.case_l{width: 76px;height: 76px;border-radius: 50%;position: absolute;top: 235px;left: -100px;cursor: pointer;-webkit-transition:all .3s;transition:all .3s;}
.case_l img{width: 76px;height: 76px;}
.case_l:hover{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);}

/*合作客户*/
.hz{padding: 0 0 80px;}
.hz_m{width: 1200px;overflow: hidden;}
.hz_m ul{display: block;float: left;width: 220px; padding: 5px 20px 0 6px;}
.hz_m ul li{width: 200px;height: 100px;line-height: 0;overflow: hidden;margin-bottom: 20px;-webkit-transition:all .3s;transition:all .3s;box-shadow: 0 3px 5px 3px #eee;}
.hz_m ul li img{width: 200px;height: 100px;}
.hz_m ul li:hover{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);}

/*服务流程*/
.liuc{background:url(../images/liuc_bg.jpg) no-repeat center 0;height: 679px;overflow: hidden;}
.liuc_t{padding: 140px 0 0 75px;height: 220px;}
.liuc ul li{width: 240px;float: left;height: 190px;padding: 44px 0 0;text-align: center;}
.liuc ul li b{display: block;font-size: 18px;color: #333;height: 30px;line-height: 30px;overflow: hidden;}
.liuc ul li i{display: block;font-size: 16px;color: #999; font-family:"Times New Roman", Times, serif;}
.liuc ul li em{display: block;width: 60px;height: 60px;line-height: 0;overflow: hidden;margin: 20px auto 0;}
.liuc ul li em img{width: 60px;height: 120px;-webkit-transition:all .5s;transition:all .5s;}
.liuc ul li:hover em img{margin-top: -60px;}

/*新闻中心*/
.news_main{padding: 90px 0 60px;}
.news,.wd{ width:560px;padding: 20px 0 0;}
.news_t{ height:50px;line-height: 40px;overflow: hidden;border-bottom: #ebebeb 1px solid;}
.news_t a{font-size: 24px;color: #333;font-weight: normal;}
.news_t a:hover{color: #00a0e9;}
.news_t span{display: block;float: right;width: 24px;padding: 8px 5px 0 0;line-height: 0;}
.news_t span img{width: 24px;height: 24px;}
.news dl{ width:560px; padding:20px 0;border-bottom: #d5d5d5 1px dashed; display: inline-block;margin-bottom: 15px;}
.news dt{ width:560px; height:160px;overflow: hidden;line-height: 0;}
.news dt img{ width:560px; height:315px;}
.news dd{width:560px; padding:10px 0 0;}
.news dd h3{ height:30px; line-height:30px; overflow:hidden;font-weight: normal;}
.news dd h3 a{ font-size:16px; color:#333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 560px;}
.news dd h3 a:hover,.news ul li a:hover,.wd dl dt a:hover{color: #00a0e9;}
.news .news_desc{ font-size:14px; color:#666; height:50px; line-height:25px;overflow: hidden;}
.news dd span{display: block;padding: 15px 0 0;}
.news dd span a{display: block;font-size: 14px;color: #fff;font-weight: bold;width: 140px;text-align: center;height: 30px;line-height: 30px;background: #00a0e9;overflow: hidden;border-radius: 20px;}
.news ul li{ height:30px; line-height:30px; overflow:hidden;width: 560px;}
.news ul li a{ font-size:14px; color:#333;display: block;float: left;width: 420px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:url(../images/news_ico01.gif) no-repeat 0 11px;padding-left: 30px;}
.news ul li span{display: block;float: right;font-size: 14px;color: #aaa;width: 100px; text-align:right;}

/*常见问题*/
.wd_m{padding: 20px 0 0;height: 390px;overflow: hidden;}
.wd dl{height: 120px;width: 560px;padding-top: 15px;}
.wd dl dt{height: 36px;line-height: 36px;overflow: hidden;}
.wd dl dt a{font-size: 16px;color: #666; background:url(../images/wd_ico01.gif) no-repeat;padding-left: 60px;display: block;height: 36px;}
.wd dl dd{width: 500px;margin-left: 60px;font-size: 14px;color: #aaa;height: 50px;line-height: 25px;overflow: hidden;border-bottom: #ededed 1px dashed;padding:5px 0 20px;}

/*关于我们*/
.ab_bg{background: #f6f6f6; overflow:hidden;height: 610px;}
.about dl{position: relative;}
.about dl dt{width: 960px;height: 610px;line-height: 0;overflow: hidden;position: absolute;top: 0;right: 50%;}
.about dl dt img{width: 960px;height: 610px;}
.about dl dd{width: 535px;float: right;padding:88px 0 0;}
.about .ab_desc{font-size: 14px;color: #808080;line-height: 30px;height: 180px;overflow: hidden;padding: 30px 0 0;}
.about dl dd span{display: block;padding: 50px 0 0;}

/*企业相册*/
.photo{padding: 60px 0 50px;}
.photo_qie{width: 1200px;overflow: hidden;}
.photo ul li{width: 216px;float: left;margin-left: 24px;}
.photo ul li em{display: block;width: 216px;height: 162px;line-height: 0;overflow: hidden;}
.photo ul li img{width: 216px;height: 162px;}
.photo ul li span{font-size: 14px;color: #666;display: block;width: 216px;text-align: center;height: 30px;line-height: 30px;overflow: hidden;}

/*友情链接*/
.f_link{height: 55px;line-height: 55px;overflow: hidden;border-top: #b5b5b5 1px solid;background: #f1f1f1;}
.f_link b{display: block;float: left;font-size: 14px;color: #333;width: 80px;}
.f_link p{font-size: 14px;color: #666;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #666; padding:0 10px 0 0;}
.f_link p a:hover{color: #000;}


/**/
@-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);}
}