@charset "utf-8";

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

/**/
.cp_bg{ background:url(../images/cp_bg.gif) repeat-x;height: 835px;padding: 70px 0 0;}
.cp_tit{font-size: 34px;color: #333;text-align: center; background:url(../images/cp_line.gif) no-repeat center 20px;line-height: 38px;height: 90px;overflow: hidden;}
.cp_tit a{font-size: 34px;color: #333;}
.cp_tit a:hover{color: #0167d2;}
.cp_tit span{display: block;font-size: 16px;font-weight: normal;}
.cp_t ul li{width: 365px;height: 135px;float: left;position: relative;margin-top: 30px;margin-right: 52px;}
.cp_t ul li em{width: 135px;height: 135px;line-height: 0;position: absolute;top: 0;left: 0;}
.cp_t ul li em img{width: 135px;height: 135px;display: block;border-radius: 50%;border: #dfdfdf 1px solid;box-sizing:border-box;
-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;}
.cp_t ul li img:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.cp_t ul li span{display: block;font-size: 20px;color: #333;width: 300px;height: 90px;line-height: 90px;border-radius: 10px;box-shadow: 0 3px 10px 3px #f3f3f3;margin-top: 22px;margin-left: 65px;text-align: center; background:url(../images/cp_ico01.png) no-repeat 220px 24px;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
.cp_t ul li a:hover span{ background:#0167d2 url(../images/cp_ico02.png) no-repeat 220px 24px;color: #fff;}
.cp_t .nobor{margin-right: 0;}
.cp_m{padding: 40px 0 0;}
.cp_m ul li{width:384px;float:left;text-align:center;margin-right: 20px;}
.cp_m ul li em{display:block;width: 384px;height: 286px;margin-bottom:15px;-webkit-transition:all .3s;transition:all .3s;}
.cp_m ul li em img{width: 384px;height: 286px;}
.cp_m ul li a{font-size:16px;color: #333;}
.cp_m ul li a:hover{color: #0167d2;}
.cp_m p{width: 80px; height: 80px; position: absolute; top: 140px; cursor: pointer;-webkit-transition:all .3s;transition:all .3s;border-radius: 50%;} 
.cp_lico{left: -100px;}
.cp_rico{right: -100px;}
.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,-2px);-webkit-transform:translate(0,-2px)}

/*案例*/
.plan{padding: 75px 0 60px;}
.plan .cp_tit{ background:url(../images/case_line.gif) no-repeat center 20px;}
.case{width: 960px;}
.case_t{height: 70px;line-height: 70px;overflow: hidden; background:url(../images/case_ico.gif) no-repeat 0 18px;padding: 0 0 0 35px;}
.case_t ul li{float: left; background:url(../images/case_bor.gif) no-repeat right 29px;padding: 0 25px 0 15px;}
.case_t ul li a,.case_t span a{font-size: 16px;color: #333;}
.case_t ul li a:hover,.case_t span a:hover,.case_t ul li.on a{color: #0167d2;font-weight: bold;}
.case_t span{float: right;}
.case_t .nobor{background: none;}
.case_m{width: 960px;height: 540px;}
.case_m dl{width: 960px;height: 540px;position: relative;}
.case_m dl dt{width: 960px;height: 540px;line-height: 0;overflow: hidden;}
.case_m dl dt img,.news_l dl dt img{width: 960px;height: 540px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_m dl dt img:hover,.news_l dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_m dl dd{width: 230px;height: 270px;position: absolute;bottom: 0;right: 0; background: rgba(1,103,210,0.9);padding: 45px 20px 0;z-index: 50;}
.case_m dl dd h5{height: 40px;line-height: 40px;width: 230px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #fff;}
.case_m dl dd h5 a{font-size: 16px;color: #fff;}
.case_m .case_desc{font-size: 14px;color: #fff;height: 120px;line-height: 24px;overflow: hidden;padding: 10px 0 0;}

/*合作客户*/
.hz{width: 230px;padding: 70px 0 0;height: 540px;overflow: hidden;}
.hz ul li{width: 230px;margin-bottom: 8px;}
.hz ul li img{width: 228px;height: 227px;}
.hz_btn{display: block;*display: inline;*zoom: 1;position: relative;height:227px;border:1px solid #e0e0e0;width:228px;}
.hz_btn:before,.hz_btn:after{content: '';position: absolute;z-index: 1;overflow: hidden;left: 50%;height: 0px;width: 20%;border: 1px solid #0167d2;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: width .3s ease-out .2s, height .2s ease-in;transition: width .3s ease-out .2s, height .2s ease-in;}
.hz_btn:before{top: -1px;border-bottom: 0;}
.hz_btn:after{bottom: -1px;border-top: 0;}
.hz_btn:hover:before,.hz_btn:hover:after{width: 100%;height: 127px;-webkit-transition: width .3s ease-in, height .2s ease-out .3s;transition: width .3s ease-in, height .2s ease-out .3s;}

/*优势*/
.ys_bg{width: 100%; background:url(../images/ys_bg.jpg) no-repeat center 0;height: 1485px;padding: 66px 0 0;overflow: hidden;}
.ys_bg .cp_tit{ background:url(../images/ys_line.png) no-repeat center 33px;height: 135px;line-height: 46px;}
.cp_tit i{font-size: 58px;color: #0167d2;}
.ys01,.ys02,.ys03{height: 450px;position: relative;}



.ys_l{width: 950px;height: 450px;position: absolute;top: 0;right: 50%;}
.ys_l img{width: 950px;height: 450px;}
@media screen and (max-width: 1660px) {
.ys_l{width: auto;height: 450px;position: absolute;top: 0;right: 50%;}
.ys_l img{width: auto;height: 450px;}
}
.ys_r{width: 555px;}
.ys_r dl{width: 555px;padding: 110px 0 0;}
.ys_r dl dt{font-size: 28px;color: #333;font-weight: bold;width: 286px;height: 125px;line-height: 205px;overflow: hidden;}
.ys_r dl dd{font-size: 14px;color: #333;line-height: 25px;padding: 18px 0 0;}
.ys01 dl dt{ background:url(../images/ys_t01.png) no-repeat;}
.ys02 dl dt{ background:url(../images/ys_t02.png) no-repeat;}
.ys03 dl dt{ background:url(../images/ys_t03.png) no-repeat;}
.ys02 .ys_l{margin-right:-950px;}
.ys_ico{display: block; width: 46px; height: 46px; position: absolute; top: 426px; left: 50%;margin-left: -23px;z-index: 50;} 
.ys_ico img{width: 46px;height: 46px;}

/*广告条*/
.ban01{ background:url(../images/ban01.gif) no-repeat center 0;height: 191px;overflow: hidden;color: #fff;line-height: 40px;text-align: center;}
.ban01 p{font-size: 24px;padding: 15px 0 0;}
.ban01 p b{font-size: 32px;}
.ban01 span{display: block;font-size: 20px;}
.ban01 span b{font-size: 28px;}
.ban01 em{display: block;font-size: 24px; font-family: Helvetica, sans-serif;font-style: italic;}
.ban01 i{display: block;width: 46px;height: 46px;margin:0 auto;
  animation: msClock 1s linear infinite;
  animation: msClock 1s linear infinite;}

@keyframes msClock {
  0%,90%,100% {
    transform: rotate(0) scale(1);
  }
  20%,40% {
    transform: rotate(-15deg) scale(1);
  }
  30%,50% {
  transform: rotate(15deg) scale(1);
  }
}

/**/
.news_main{padding: 38px 0 0;}
.news{border-bottom: #ebebeb 1px solid;padding: 0 0 50px;}
.news_t{height: 60px;line-height: 60px;overflow: hidden;border-bottom: #ebebeb 1px solid; background:url(../images/news_ico01.gif) no-repeat 0 15px;}
.news_t a{font-size: 20px;color: #333;padding-left: 45px;}
.news_t a:hover,.news dl dd h5 a:hover,.wd dt a:hover,.photo_t a:hover{color: #0167d2;}
.news_t span{display: block; float: right; width: 150px; text-align: center; height: 50px; line-height: 50px; background: #e0e0e0;overflow: hidden;margin-top: 10px;} 
.news_t span a{font-size: 14px;color: #666;font-weight: normal;padding: 0;}
.news_l{width: 570px;padding: 40px 0 0;}
.news_l dl{width: 570px;}
.news_l dl dt{width: 570px;height: 285px;line-height: 0;overflow: hidden;}
.news_l dl dt img{width: 570px;height: 285px;}
.news_l dl dd{padding: 20px 0 0;width: 570px;}
.news_time,.news_r dl dt{font-size: 14px;color: #666; font-family:Arial, Helvetica, sans-serif;width: 95px;background:url(../images/news_line.gif) no-repeat right 5px;line-height: 32px;overflow: hidden;}
.news_time b,.news_r dl dt b{display: block;font-size: 50px;color: #333;padding: 12px 0 2px;}
.news dl dd h5{height: 25px;line-height: 25px;overflow: hidden;}
.news dl dd h5 a{font-size: 16px;color: #333;font-weight: normal;}
.news_desc{float: left;width: 455px;padding: 0 0 0 20px;}
.news_desc div,.news_r .wd_desc{font-size: 14px; color: #888; height: 44px; line-height: 22px; overflow: hidden;padding: 5px 0 0;}
.news_r{width: 580px;padding: 10px 0 0;}
.news_r dl{width: 578px;height: 108px; border:#ebebeb 1px solid;overflow: hidden;background: #efefef;margin-top: 30px;}
.news_r dl dt{width: 112px;text-align: center; border-right:#ebebeb 1px solid;height: 90px;padding: 18px 0 0;float: left; background: none;}
.news_r dl dd{width: 420px;float: left;padding: 15px 0 0 15px;}

/*常见问答*/
.wd{padding: 50px 0 75px;}
.wd_t{width: 175px;height: 160px;background: #0167d2 url(../images/wd_ico01.gif) no-repeat 25px 100px;overflow: hidden;}
.wd_t a{font-size: 20px;color: #fff;font-weight: bold;display: block;width: 150px;height: 135px; padding:25px 0 0 25px;line-height: 28px;}
.wd_t i{display: block;font-size: 16px;text-transform: uppercase;}
.wd_m{width: 1015px; padding-left:10px;overflow: hidden;}
.wd dl{ width:445px;float: left; padding:15px 35px 0 40px; background:url(../images/wd_line.gif) no-repeat right 50px;}
.wd dt{ background:url(../images/wd_ico02.gif) no-repeat; padding:25px 0 0; height:44px; line-height:44px; overflow:hidden;}
.wd dt a{ font-size:18px; color:#333;font-weight: bold;}
.wd dd{ padding:10px 0 0;font-size:14px; color:#888;height: 48px;line-height: 24px;overflow: hidden;}

/*关于汇多宝*/
.about{ background:url(../images/ab_bg.jpg) no-repeat center 0;height: 455px;overflow: hidden;padding: 85px 0 0;}
.about .cp_tit{color: #fff; background:url(../images/ab_line.png) no-repeat center 20px;}
.about .cp_tit a{color: #fff;}
.about dl{width: 875px;margin:0 auto;text-align: center;}
.about dl dt{height: 40px;line-height: 40px;overflow: hidden;}
.about dl dt a{font-size: 20px;color: #fff;font-weight: bold;}
.about dl dd{padding: 10px 0 0;}
.about .ab_desc{font-size: 14px;color: #fff;line-height: 24px;height: 120px;overflow: hidden;}
.about dl dd span{display: block;width: 160px;margin:0 auto;padding: 30px 0 0;}
.about dl dd span a{display: block; width: 160px; text-align: center; height: 50px; line-height: 50px; background: #fff; font-size: 14px; color: #333; overflow: hidden;border-radius: 60px;}
.about dl dd span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*企业风采*/
.photo{width: 100%; padding: 0 0 50px;overflow: hidden;}
.photo_t{height: 78px;line-height: 90px;overflow: hidden;border-bottom: #ebebeb 1px solid; background:url(../images/photo_ico.gif) no-repeat 0 30px;font-weight: normal;}
.photo_t a{font-size: 18px;color: #333;padding-left: 35px;}
.photo_t span{float: right;} 
.photo_t span a{ font-family:Arial, Helvetica, sans-serif;font-size: 14px;text-transform: uppercase;}
.photo_c{padding: 40px 0 0;}
.photo_c ul li{width: 16%;float: left;margin: 0 0 0 12px;position: relative;line-height: 0;}
.photo_c ul li img{width: 100%;height: 100%;}
.photo_c ul li span {
  display: block;width: 100%; background: rgba(0,0,0,0.6);text-align: center;position: absolute;
  bottom: 0;
  left: 0;height: 34px;
  line-height: 34px;color: #fff;font-size: 14px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.photo_c ul li span:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(1,103,210,0.6);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.photo_c ul li a:hover span, .photo_c ul li a:focus span, .photo_c ul li a:active span{
  color: white;
}
.photo_c ul li a:hover span:before, .photo_c ul li a:focus span:before, .photo_c ul li a:active span:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/**/


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