@charset "utf-8";

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

/*引子*/
.yin{ background:url(yin_bg.gif) repeat-x;padding: 57px 0 0;overflow: hidden;height: 405px;}
.iserve{height:360px;}
.iserve dd{float:left;width:240px;height:360px;position:relative;text-align:center; background:url(yin_line.png) no-repeat right 0;}
.iserve dd.d5{background: none;}
.iserve dd h5{font-size: 20px;color: #0366c2;height: 30px;line-height: 30px;overflow: hidden;padding: 225px 0 0;}
.iserve dd p{font-size: 16px;color: #89898a;height: 30px;line-height: 30px;overflow: hidden;padding: 5px 0 0;}
.iserve dd span{display: none;width: 112px;margin: 0 auto;padding: 20px 0 0;}
.iserve dd span a,.u-more a,.about dl dd span a{display: block;font-size: 16px;color: #fff;width: 112px;height: 36px;line-height: 36px;background: #18cc7a;overflow: hidden;border-radius: 20px;}
.iserve dd span a:hover,.u-more a:hover,.about dl dd span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.iserve dd .hover,.iserve dd .default{background:url(iserve_bg.png);}
.iserve dd i{display:block;width:96px;height:96px;margin:56px auto 0;background:url(iserve_icon.png);}
.iserve dd .hover,.iserve dd .default{position:absolute;width:187px;height:211px;top:0;left:26px;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}
.iserve dd .default{background-position:0 0;}
.iserve dd .hover{background-position:0 -211px;color:#fff;opacity:0;visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.iserve dd.d1 .default i{background-position:0 0;}
.iserve dd.d1 .hover i{background-position:-96px 0;}
.iserve dd.d2 .default i{background-position:0 -96px;}
.iserve dd.d2 .hover i{background-position:-96px -96px;}
.iserve dd.d3 .default i{background-position:0 -192px;}
.iserve dd.d3 .hover i{background-position:-96px -192px;}
.iserve dd.d4 .default i{background-position:0 -288px;}
.iserve dd.d4 .hover i{background-position:-96px -288px;}
.iserve dd.d5 .default i{background-position:0 -384px;}
.iserve dd.d5 .hover i{background-position:-96px -384px;}
.iserve dd:hover .hover{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.iserve dd:hover .default{opacity:0;visibility:hidden;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.iserve dd.cur h5{color: #18cc7a;}
.iserve dd.cur span{display: block;}

/*六大服务体系*/
.fuw{background: #f5f5f5;padding: 40px 0 70px;}
.fuw_t{height: 77px;text-align: center;line-height: 36px;font-size: 30px;color: #47484a;font-weight: normal; background:url(fuw_tbg.png) no-repeat center 0;padding: 8px 0 0;overflow: hidden;}
.fuw_t a{color: #47484a;}
.fuw_t span{display: block;font-size: 18px;color: #18cc7a;}

.fuw01{width: 590px;height: 238px;background: #fff;border-radius: 10px;margin-top: 30px;overflow: hidden;box-shadow: 0 3px 10px 3px #eee;}
.fuw01 span,.fuw02 span{font-size: 140px;color: #eceff4;display: block;position: absolute;bottom: -35px;right: 0;font-family: "DINOT";line-height: 100px;}
.fuw_h3{width: 167px;height: 238px;}
.fuw_h3 img{width: 167px;height: 238px;display: block;border-radius: 10px 0 0 10px;}
.fuw_h3 a{font-size: 20px;color: #0366c2; background:url(fuw_line.gif) no-repeat center 77px;display: block;width: 167px;text-align: center;height: 80px;line-height: 100px;overflow: hidden;position: absolute;top: 0;left: 0;}
.fuw_ul{display: block;width: 370px;padding: 30px 0 0 35px;z-index: 20;position: relative;}
.fuw_ul li{float: left;height: 36px;overflow: hidden;width: 185px;}
.fuw_ul li a{font-size: 14px;color: #245e93;display: block;float: left;height: 36px;line-height: 36px;width: 170px; background:url(fuw_ico01.gif) no-repeat 0 15px;padding: 0 0 0 15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fuw_ul li a:hover{color: #18cc7a; background:url(fuw_ico02.gif) no-repeat 0 15px;}
.fuw02{width: 285px;height: 285px;background: #fff;border-radius: 10px;margin-top: 20px;overflow: hidden;margin-right: 20px;box-shadow: 0 3px 10px 3px #eee;}
.fuw02 .fuw_h3{width: 285px;height: 80px;}
.fuw02 .fuw_h3 a{width: 285px;}
.fuw02 .fuw_ul{width: 240px;padding: 20px 0 0;margin: 0 auto;}
.fuw02 .fuw_ul li{width: 240px;}
.fuw02 .fuw_ul li a{margin-left:40px;}
.fuw .nobor{margin-right: 0;}
.fuw01:hover,.fuw02:hover{box-shadow: 0 3px 10px 3px rgba(30,220,133,0.1);}

/*客户见证*/
.jz{ background:url(jz_bg.jpg) no-repeat center 0;height: 1063px;overflow: hidden;padding: 50px 0 0;}
.jz .fuw_t{background:url(jz_tbg.png) no-repeat center 0;}
.jz dl{width: 380px;float: left;height: 440px;box-shadow: 0 2px 10px 2px rgba(0,0,0,0.1);border-radius:10px;margin-top: 26px;margin-right:20px;}
.jz dl dt{width: 380px;height: 285px;line-height: 0;overflow: hidden;border-radius: 10px 10px 0 0;}
.jz dl dt img,.ys_r dl dt img,.news dl dt img,.about dl dt img{width: 380px;height: 285px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.jz dl dt img:hover,.ys_r dl dt img:hover,.news dl dt img:hover,.about dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.jz dl dd{width: 300px;height: 140px;position:relative;background-color:#fff;z-index: 1;padding: 15px 40px 0;color: #707275;border-radius:0 0 10px 10px;}
.jz dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.jz dl dd h5 a{font-size: 20px;color: #47484a;}
.jz dl dd h5 i{font-size: 16px;font-weight: normal;}
.jz .jz_desc{font-size: 14px;line-height: 24px;height: 72px;overflow: hidden;padding: 10px 0 0;}
.jz dl dd:after{content:'';position:absolute;width:100%;height:0;background-color:#18cb7a;z-index:-1;left:0;bottom:0;-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);border-radius:0 0 10px 10px;}
.jz dl dd:hover,.jz dl dd:hover h5 a{color:#fff;}
.jz dl dd:hover:after{height:100%;}
.jz .nobor{margin-right: 0;}

/*优势*/
.ys_bg{background: #f5f5f5;padding: 90px 0 40px;}
.ys .fuw_t{background:url(ys_tbg.png) no-repeat center 0;margin-bottom: 30px;}
.ys_l{background:url(ys_lbg.gif) no-repeat;width: 124px;height: 496px;overflow: hidden;}
.ys_l ul li{font-size: 18px;color: #707275;line-height: 26px;width: 100px;height: 90px;border-bottom: #f0f0f0 1px solid;padding: 33px 0 0 24px;background:url(ys_line01.gif) no-repeat 24px 33px;cursor: pointer;overflow: hidden;}
.ys_l ul li i{display: block;padding: 18px 0 0;}
.ys_l ul li.on{color: #0366c2;font-weight: bold;background:url(ys_line02.gif) no-repeat 24px 33px;}
.ys_r{width: 1076px;}
.ys_r dl{width: 1076px;height: 496px;background: #fff;box-shadow: 0 2px 10px 2px #eee;}
.ys_r dl dt{width: 520px;height: 496px;float: right;line-height: 0;overflow: hidden;}
.ys_r dl dt img{width: 520px;height: 496px;}
.ys_r dl dd{width: 556px;height: 496px;float: left;}
.ys_r dl dd h3{background:url(ys_k.gif) no-repeat;width: 496px;height: 92px;font-size: 24px;color: #fff;padding: 32px 0 0 60px;overflow: hidden;}
.ys_r dl dd h3 em{display: block;padding: 0 0 5px;}
.ys_r dl dd h4{font-size: 20px;color: #0366c2;font-weight: normal;background:url(ys_line03.gif) no-repeat 60px 127px;height: 130px;line-height: 130px;overflow: hidden;padding: 0 0 0 60px;margin-bottom: 30px;}
.ys_r dl dd p{font-size: 14px;color: #707275;line-height: 36px;background:url(fuw_ico01.gif) no-repeat 40px 14px;padding: 0 0 0 60px;}
.ys_rico{width: 82px;height: 40px;position: absolute;top: 350px;right: -30px;z-index: 20;cursor: pointer;}
.ys_rico img{width: 82px;height: 40px;}

/*省省省*/
.three{ background:#f5f5f5 url(three_bg.jpg) no-repeat center 0;height: 203px;overflow: hidden;padding: 40px 0 0;}
.three ul{width: 810px;margin: 0 auto;}
.three ul li{width: 270px;float: left;text-align: center;}
.three ul li em{display: block;width: 81px;height: 81px;margin: 0 auto;}
.three ul li em img{width: 81px;height: 81px;display: block; transition: all 0.3s ease-in-out 0s;}
.three ul li:hover img{ transform: rotateY(180deg);}
.three ul li b{display: block;font-size: 20px;color: #0366c2;height: 40px;line-height: 40px;overflow: hidden;padding: 10px 0 0;}
.three ul li i{display: block;font-size: 14px;color: #62666d;height: 30px;line-height: 30px;overflow: hidden;}

/**/
.news_bg{ background:url(news_bg.gif) no-repeat center 0;height: 802px;overflow: hidden;padding: 91px 0 0;}
.news_bg .fuw_t{background:url(news_tbg.png) no-repeat center 0;}

.news{width: 528px;padding: 55px 0 0;}
.news_t{height: 70px;line-height: 50px;overflow: hidden;font-weight: normal;}
.news_t a{font-size: 24px;color: #fff;}
.news_t a:hover{color: #fff;}
.news_t span{display: block;float: right;line-height: 0;padding: 20px 20px 0 0;}

.news dl{width: 528px;}
.news dl dt{width: 528px;height: 297px;line-height: 0;overflow: hidden;border-radius: 10px 10px 0 0;}
.news dl dt img{width: 528px;height: 297px;border-radius: 10px 10px 0 0;display: block;}
.news dl dd{background: #fff;width: 420px;height: 270px;padding: 25px 54px 0;}
.news dl dd h5{height: 45px;line-height: 30px;overflow: hidden; border-bottom:#b3b3b3 1px dotted;}
.news dl dd h5 a{font-size: 18px;color: #47484a;font-weight: normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 420px;}
.news dl dd h5 a:hover{color: #18cc7a;}
.news .news_desc{font-size: 14px;color: #707275;line-height: 26px;height: 78px;overflow: hidden;padding: 20px 0 0;}
.news dl dd span{display: block;font-size: 14px;color: #b9b8b8;}
.news_bot{width: 100px;position: absolute;top: 665px;left: 60px;}
.news_bot ul li{background:#bebebe;width: 8px;height: 8px;float: left; cursor: pointer;text-indent:-99999px;border-radius: 50%;margin-right: 5px;}
.news_bot ul li.on{background:#18cc7a;}

/**/
.wd{width: 615px;padding: 55px 0 0;}
.wd .news_t a{color: #47484a;}
.wd dl{border-bottom: #dcdcdc 1px dotted;height: 130px;padding-top: 30px;width: 615px;}
.wd dl dt{ background:url(wen.png) no-repeat 0 5px;height: 30px;line-height: 30px;overflow: hidden;padding-left: 30px;}
.wd dl dt a{font-size: 18px;color: #47484a;}
.wd dl dt a:hover{color: #0366c2;}
.wd dl dd{background:url(da.png) no-repeat 0 5px;padding-left: 30px;font-size: 14px;color: #707275;margin-top: 10px;height: 52px;line-height: 26px;overflow: hidden;}
.u-more{display: block;width: 112px;padding: 40px 0 0;}
.u-more a,.about dl dd span a{background: #0366c2;text-align: center;}


.about{background: #f5f5f5;padding: 90px 0 20px;}
.about .fuw_t{background:url(ab_tbg.png) no-repeat center 0;margin-bottom: 30px;}
.about dl{width: 1200px;height: 490px;background: #fff;box-shadow: 0 3px 5px 3px #eee;}
.about dl dt{width: 442px;height: 388px;line-height: 0;float: right;overflow: hidden;border-radius: 10px;margin-right: 60px;margin-top: 50px;}
.about dl dt img{width: 442px;height: 388px;display: block;border-radius: 10px;}
.about dl dd{width: 585px;float: left;padding: 35px 0 0 60px;}
.ab_desc{font-size: 14px;color: #707275;line-height: 26px;}
.about dl dd p{padding: 20px 0 0;}
.about dl dd span{display: block;width: 112px;padding: 30px 0 0;}

/**/
.photo{background: #f5f5f5;padding: 0 0 30px;}
.photo_l{width: 225px;}
.photo_l img{width: 225px;height: 300px;}
.photo_c{width: 490px;}
.photo_c p{width: 468px;height: 140px;padding: 0 0 0 20px;}
.photo_c p img{width: 468px;height: 140px;}
.photo_c ul li{width: 224px;height: 140px;float: left;padding: 20px 0 0 20px;}
.photo_c ul li img{width: 224px;height: 140px;}
.photo_r{width: 470px;}
.photo_r p{font-size: 20px;color: #fff;font-weight: bold;width: 154px;height: 190px;float: left;background: #18cc7a;border-radius: 5px;line-height: 36px;padding: 110px 0 0 70px;overflow: hidden;}
.photo_r p b{display: block;}
.photo_r ul{display: block;float: right;}
.photo_r ul li{width: 224px;height: 140px;padding: 0 0 20px;}
.photo_r ul li img{width: 224px;height: 140px;}

/*友情链接*/
.f_link{line-height:26px;overflow: hidden;background: #47484a;border-top: #2b2b2b 1px solid;}
.f_link b{display: block;float: left;font-size: 14px;color: #c8c8c8;width: 80px;}
.f_link p{font-size: 14px;color: #c8c8c8;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #c8c8c8; 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);}
}