/*yz*/
.yz {background:url(../image/yzbg.jpg) no-repeat center 0;height: 700px;padding-top: 70px;}
.yz h2{height: 180px;text-align: center;font-size: 56px;font-weight: bold;color: #000000;}
.yz h2 b{color: #1054B0;}
.yz h2 i{display: inline-block;font-size: 30px;font-style: normal;position: relative;padding: 0 6px;top:-6px;}
.yz h2 em{display: block;font-size: 22px;color: #545657;font-weight: normal;position: relative;margin-top: 12px;}
.yz h2 em:before{content: "";position: absolute;width: 50px;height: 2px;background: #1054B0;left:370px;top:15px;}
.yz h2 em:after{content: "";position: absolute;width: 50px;height: 2px;background: #1054B0;right:370px;top:15px;}
.yz-list dl{float: left;width: 388px;margin-right: 16px;background-image: linear-gradient(-90deg, #1054B0, #1166D0);padding: 40px 0;box-shadow: 0 0 6px 6px rgba(0,0,0,0.1);margin-top: 30px;}
.yz-list dl:nth-child(2) {padding: 70px 0;margin-top: 0;}
.yz-list .lastdl{margin-right: 0;}
.yz-list dt{height: 88px;text-align: center;font-size: 24px;color: #fff;}
.yz-list dt b{display: block;font-size: 24px;}
.yz-list dd i{width: 82px;margin: 0 auto;display: block;overflow: hidden;}
.yz-list dd i img{width: 82px;display: block;transition: all 0.3s linear 0s;}
.yz-list dd:hover i img{transform: scale(1.2);}
.yz-list p{width: 266px;text-align: center;font-size: 16px;line-height: 24px;color: #fff;margin: 0 auto 26px;}
.yz-list span a{display: block;width: 180px;height: 40px;line-height: 40px;background: rgba(255,255,255,.6);text-align: center;font-size: 16px;color: #1054B0;margin: 0 auto;border-radius: 20px;position: relative;z-index: 1; }
.yz-list span a:before{content: "";position: absolute;z-index:-1;width:0;height:40px;top: 0;left: 0;-webkit-transition:width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.yz-list span a:hover:before{width: 180px;background:rgba(255,255,255,1);color: #fff;border-radius: 20px;}
.yz-list span a:hover{color: #1054B0;}

/*pro*/
.pro {padding-top: 70px;padding-bottom: 70px;overflow: hidden;/*position: relative;*/ max-width: 1920px;margin: 0 auto;}
.pro h2{height: 180px;text-align: center;font-size: 56px;font-weight: bold;color: #000000;}
.pro h2 b{color: #1054B0;}
.pro h2 i{display: inline-block;font-size: 30px;font-style: normal;position: relative;padding: 0 6px;top:-6px;}
.pro h2 em{display: block;font-size: 22px;color: #545657;font-weight: normal;position: relative;margin-top: 12px;}
.pro h2 em:before{content: "";position: absolute;width: 50px;height: 2px;background: #1054B0;left:440px;top:15px;}
.pro h2 em:after{content: "";position: absolute;width: 50px;height: 2px;background: #1054B0;right:440px;top:15px;}
.pro .cpfltit{height: 100px;margin: 0 auto;width:820px; }
.pro .cpfltit li{float: left;position: relative;font-size: 22px;color: #fff;height: 60px;width: 240px;text-align: center;line-height: 60px;margin-right: 40px;}
.pro .cpfltit li:last-child {margin-right: 0;}
.pro .cpfltit .lastli{margin-right:0;}

.pro .cpfltit li a{color: #fff;background: #333;display: block;}
.pro .cpfltit li i{position: absolute;left:0;top:0;width: 60px;height: 60px;overflow: hidden;}
.pro .cpfltit li i img{transition: all 0.3s linear 0s;}
.pro .cpfltit li em{display: block;font-size: 12px;color: #cacaca;text-transform: uppercase;}
.pro .cpfltit li:hover,.pro .cpfltit .cur a {color: #fff;background: #1054B0;}

.cplst{max-width:1920px;min-width:1200px;margin:0 auto;}
.cplst dl{float: left;width:31.2%;margin-left:1.5%; height: 100%;position: relative;margin-bottom: 30px;overflow: hidden;}
.cplst dt{width: 100%;display: block;}
.cplst dt img{width: 100%;display: block;background: url(../image/product-bg.jpg) no-repeat;background-size: 100% 100%;}
.cplst dt em{display: block;height: 42px;line-height: 42px;background: #f5f5f5;text-align: center;font-size: 20px;color: #333333;}
.cplst dt em i{display: inline-block;width: 16px;height: 16px;position: relative;left: 20px;}
.cplst dd{position: absolute;left:0;bottom:-100%;background:rgba(15,85,175,.7);width: 100%;height: 100%;transition: all 0.3s linear 0s;}
.cplst h3{padding-top: 19%;height: 44px;line-height: 44px;text-align: center;overflow: hidden;font-size: 20px;font-weight: bold;color: #fff;letter-spacing: 2px;}
.cplst h3 a{color: #fff;}
.cplst p {width: 94%;margin-left: 3%;color: #fff;line-height:2;margin-top: 5%;margin-bottom: 5%;}
.cplst span{display:block; width:320px;margin:0 auto;}
.cplst span a{display: block;background:url(../image/cpbtn.png) no-repeat;margin:10px 10px 0 0;width: 90px;height: 40px;line-height: 40px;padding-left: 50px;font-size: 16px;color: #fff;float:left; }



.cplst dl:hover dd{bottom:0;}
.cplst dl:hover dt em i{display: none;}
.cplst dl:hover dt em{font-size: 0}


#premium{
    z-index: -1;
    position: relative;
}
.canvas{
    position: absolute;
    bottom: -500px;
}

/**/
.solution{padding-top:93px; box-sizing: border-box;overflow: hidden;background: #efefef;}
.solution h2{text-align: center; margin-bottom: 35px;}
.solution h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold;}
.solution h2 span:before{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.solution h2 span:after{width:15px; height:20px; background:url(../image/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.solution h2 em{display: block; height:42px; line-height: 42px;font-size: 24px; color:#666666;font-weight: normal;}
.solution .sol-con{width:100%;height:840px;position: relative;}
.solution .sol-con .sol-list,.solution .sol-con .sol-pic{height:840px;}
.solution .sol-con .sol-pic{position: relative;width:100%;}
.solution .sol-con .sol-pic span{display: block; width:100%; height:100%; line-height: 0; overflow: hidden;}
.solution .sol-con .sol-pic span img{width:100%;height:100%;}
.solution .sol-con .sol-pic .sol-left{width:50%; height:840px;padding:106px 0 0 178px; box-sizing: border-box; position: absolute; left:0; top:0;}
.solution .sol-con .sol-pic .sol-left i{display: block; width:60px; height:5px; background: #fff; margin-bottom: 31px;}
.solution .sol-con .sol-pic .sol-left h4{width:342px;}
.solution .sol-con .sol-pic .sol-left h4 em{display: block; line-height:23px; font-size: 16px; color:rgba(255,255,255,0.37); text-transform: uppercase; font-weight: normal;}
.solution .sol-con .sol-pic .sol-left h4 span{display: block; height:62px;line-height: 62px;font-size: 42px; color:#FFF; font-weight: bold; font-family: "思源黑体 CN"; margin-bottom: 16px;}
.solution .sol-con .sol-pic .sol-left p{ line-height:27px;font-size: 16px; color:#FFF; margin-bottom: 340px;width:342px; }
.solution .sol-con .sol-pic .sol-left strong{display: block; width:159px; height: 44px; background:#1054B0;}
.solution .sol-con .sol-pic .sol-left strong a{display: block; height:44px; text-align: center;}
.solution .sol-con .sol-pic .sol-left strong em{display: inline-block; height:44px; line-height: 44px;font-size:14px; color:#FFF;padding-right:40px;background:url(../image/sol-jt1.png) no-repeat right;font-weight: normal;}
.solution .sol-con .sol-hd{width:50%; height:840px;background:rgba(10,65,140,0.77); position: absolute;right:0;top:0;}
.solution .sol-con .sol-hd ul li{height:280px;border-bottom:1px solid rgba(255,255,255,0.18); box-sizing: border-box; transition: .5s;}
.solution .sol-con .sol-hd ul li a{display: block;height:208px;padding:70px 106px 0 42px; box-sizing: border-box;}
.solution .sol-con .sol-hd ul li em{display: block;  height:62px; line-height: 62px;font-size: 62px; color:rgba(255,255,255,0.1); font-family: "Impact"; margin-bottom: 10px; transition: .5s;}
.solution .sol-con .sol-hd ul li span{display: block; height:37px; line-height: 37px;font-size: 26px; color:rgba(255,255,255,0.37);  font-family: "思源黑体 CN";}
.solution .sol-con .sol-hd ul li span i {width: 24px;height: 24px;line-height: 24px;font-size: 16px;text-align: center;float: right;border: 1px solid #839ec3;}
.solution .sol-con .sol-hd ul li:last-child{border-bottom:0;}
.solution .sol-con .sol-hd ul li.cur{background: rgba(255,255,255,0.25);}
.solution .sol-con .sol-hd ul li.cur em{color:#fff;}
.solution .sol-con .sol-hd ul li.cur span {color: #fff;}
.solution .sol-con .sol-hd ul li.cur span i {color: #fff;border: 1px solid #fff;} 
/**/
.ysbj{height:970px; overflow: hidden;}
.ys{padding-top:100px;}
.ys h2{text-align: center; margin-bottom: 60px;}
.ys h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold; font-family: "思源黑体 CN";}
.ys h2 span:before{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.ys h2 span:after{width:15px; height:20px; background:url(../image/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.ys h2 em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#666666;font-weight: normal;}
.ys .ys-nav{height:74px;}
.ys .ys-nav ul li{float:left; width:400px; height:51px; text-align: center;position: relative;}
/*.ys .ys-nav ul li:nth-child(3) {display: none;}*/
.ys .ys-nav ul li:before{width:1px; height:26px; background: #e5ecf6;content:""; position: absolute; right:0;top:14px;}
.ys .ys-nav ul li:last-child:before{display: none;}
.ys .ys-nav ul li i{display: inline-block; width:40px; height:46px; overflow: hidden; margin-right:12px; }
.ys .ys-nav ul li i img{width: 100%; transition: .5s;}
.ys .ys-nav ul li h4{display: inline-block; text-align: left;}
.ys .ys-nav ul li h4 span{display: block; height:34px; line-height: 34px;font-size: 26px; color:#333333; font-weight: normal;}
.ys .ys-nav ul li h4 p{height:17px; line-height: 17px;font-size: 14px; color:#666666;text-transform: uppercase; font-weight: normal;}
.ys .ys-nav ul li.cur i img{margin-top:-46px;}
.ys .ys-nav ul li.cur h4 span{color:#1054B0; font-weight: bold;}
.ys .ys-con dl{height:600px; position: relative;}
.ys .ys-con dl dt{width:100%; line-height: 0; overflow: hidden;}
.ys .ys-con dl dt img{width:100%;}
.ys .ys-con dl dd{width:1168px;height:169px; background:rgba(255,255,255,0.95); position: absolute; left:15px; bottom:15px;padding:28px 0 0 53px; box-sizing: border-box;}
.ys .ys-con dl dd .left{width:440px;float:left;padding-top:3px;}
.ys .ys-con dl dd .left h4{height:41px; line-height: 41px;font-size: 30px; color:#333333; font-family: "思源黑体 CN";}
.ys .ys-con dl dd .left h4 i{display: inline-block;width:4px; height:4px; background:#1054B0;margin:19px 17px 0 11px; border-radius: 50%;vertical-align: top;}
.ys .ys-con dl dd .left h4 em{color:#1054B0;display: inline-block; vertical-align: top;}
.ys .ys-con dl dd .left p{height:22px; line-height: 22px;font-size: 14px; color:#bfc0bb; font-family: "思源黑体 CN";padding-bottom:25px; background:url(../image/ys-yy.png) no-repeat left 6px bottom; text-transform: uppercase;letter-spacing: 1px;}
.ys .ys-con dl dd ul{float:left;}
.ys .ys-con dl dd ul li{height:40px; line-height: 40px; font-size: 16px; color:#666666; font-weight: normal;}
.ys .ys-con dl dd ul li i {margin-right: 10px;}

/*定制流程*/
.liuc {
  padding: 40px 0 40px 0;
  overflow: hidden;
}

.liuc ul li {
  font-size: 16px;
  color: #333;
  float: left;
  position: relative;
  height: 130px;
  padding: 10px 0 0 30px;
  width: 117px;
  line-height: 26px;
}
.liuc ul li:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #dfdfdf;
  position: absolute;
  top: 0;
  left: 0;
}
.liuc ul li:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
  border-left:8px solid #dfdfdf;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
}
.liuc ul li em {
  width: 38px;
  height: 38px;
  display: block;
  line-height: 0;
  overflow: hidden;
  margin-bottom: 10px;
}
.liuc ul li em img {
  width: 38px;
  height: 38px;
}
.liuc ul li i {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  color: rgba(51,51,51,0.5);
  font-family:Arial, Helvetica, sans-serif;
}
.liuc ul li:hover em {
  -webkit-animation:hvr-buzz-out 0.75s linear;
  animation:hvr-buzz-out 0.75s linear;
}
.liuc ul li:hover {
  font-weight: bold;
}
.liuc ul li.liuc-li02 {
  width: 140px;
}

/**/
.zcbj{padding-top:56px;box-sizing: border-box;overflow: hidden;}
.zcbj h2{text-align: center; margin-bottom: 25px;}
.zcbj h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold; font-family: "思源黑体 CN";}
.zcbj h2 span:before{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.zcbj h2 span:after{width:15px; height:20px; background:url(../image/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.zcbj h2 em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#666666;font-weight: normal;}
.zcbj .zc-con{height:509px;background:url(../image/zcbj.jpg) no-repeat center;}
.zcbj .zc-con .zc{padding-top:80px; float: left;width: 500px;}
.zcbj .zc-con .zc h3{height:80px; line-height: 80px;font-size: 30px; color:#fff;font-family: "思源黑体 CN"; font-weight: bold; position: relative;margin-bottom: 24px;}
.zcbj .zc-con .zc h3 i{font-size: 40px; color:#fff;font-family: "思源黑体 CN"; font-weight: bold;}
.zcbj .zc-con .zc h3:before{width:56px; height:1px; background:#fff; content:""; position: absolute; left:0;bottom:0;}
.zcbj .zc-con .zc ul li{height:62px; line-height: 62px;padding-left:36px; background:url(../image/zc-ico.png) no-repeat left;font-size: 19px; color:#fff; position: relative;font-weight: bold;}
.zcbj .zc-con .zc ul li:before{width:2px; height:46px; background:#fff;content:""; position: absolute; left:7px;top:39px;}
.zcbj .zc-con .zc ul li:last-child:before{display: none;}
/**/
.flow_path{height:379px; background:url(../image/flow_path.jpg) no-repeat center;overflow: hidden;}
.flow{padding-top:30px;}
.flow h2{text-align: center;}
.flow h2 span{display: inline-block; height:146px; line-height: 146px;font-size: 50px; color:#FFF;padding:0 21px;position: relative; font-weight: bold; font-family: "思源黑体 CN";}
.flow h2 span:before{width:15px; height:15px; background:url(http://127.0.0.1/template/yhdlt.com/images/tit-left1.png) no-repeat center; content:""; position: absolute; left:0;top:67px;}
.flow h2 span:after{width:15px; height:15px; background:url(http://127.0.0.1/template/yhdlt.com/images/tit-rig1.png) no-repeat center; content:""; position: absolute; right:0;top:67px;}
.flow .lc-con .lc{width:114px; float:left;}
.flow .lc-con .lc em{display: block; width:74px;height:74px;margin:0 auto 20px; position: relative; overflow: hidden;}
.flow .lc-con .lc em i{display: block; width:74px; height:74px; line-height: 0; overflow: hidden;}
.flow .lc-con .lc em i img{width:100%;}
.flow .lc-con .lc em i.default{position: absolute;left:0;top:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.flow .lc-con .lc em i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;}
.flow .lc-con .lc span{display:block; text-align: center; line-height: 18px;font-size: 16px; color:#FFF; font-family: "思源黑体 CN";}
.flow .lc-con b{display: block; width:20px; height:16px;  background:url(../image/flo-jt.png) no-repeat center; float:left; margin-top: 58px;}
.flow .lc-con .lc.cur i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.flow .lc-con .lc.cur i.hover{opacity: 1; transform: scale(1);}
.flow .lc-con .lc.cur span{color:#1054B0; font-weight: bold;}
/**/
.case{height:750px;overflow: hidden;}
.cas{padding-top:79px;}
.cas h2{text-align: center; margin-bottom: 32px;}
.cas h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold; font-family: "思源黑体 CN";}
.cas h2 span:before{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.cas h2 span:after{width:15px; height:20px; background:url(../image/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.cas h2 em{display: block; height:45px; line-height: 45px;font-size: 24px; color:#666666;font-weight: normal;}
.cas .cas-nav{width: 100%; height:47px; border:1px solid #e9e9e9; margin-bottom: 40px;  transform:skew(-20deg);-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform:skew(-20deg);-ms-transform:skew(-20deg); }
.cas .cas-nav ul li{float:left; width:240px; height:47px;position: relative;}
.cas .cas-nav ul li a{display: block; height:47px; text-align: center;transform:skew(20deg);-webkit-transform: skew(20deg);-moz-transform: skew(20deg);-o-transform:skew(20deg);-ms-transform:skew(20deg);}
.cas .cas-nav ul li i{display: inline-block; width:25px; height:21px; overflow: hidden;margin: 12px 5px 0 0;}
.cas .cas-nav ul li i img{width:100%; transition: .5s;}
.cas .cas-nav ul li em{display: inline-block; height:47px; line-height: 47px;font-size: 20px; vertical-align: top;}
.cas .cas-nav ul li:before{width:6px; height:16px;content:"/";color:#e9e9e9;position: absolute;right:0; top:15px;transform:skew(20deg);-webkit-transform: skew(20deg);-moz-transform: skew(20deg);-o-transform:skew(20deg);-ms-transform:skew(20deg); transition: .5s;}
.cas .cas-nav ul li:last-child:before{display: none;}
.cas .cas-nav ul li.cur{background:#1054B0;}
.cas .cas-nav ul li.cur i img{margin-top:-21px;}
.cas .cas-nav ul li.cur em{color:#FFF;}
.cas .cas-nav ul li.cur:before{opacity: 0;}
.cas .cas-con{height:598px; margin-bottom: 58px;}
.cas .cas-con dl{width:791px; height:598px;float:left; position: relative;}
.cas .cas-con dl dt{width:100%; height:598px; line-height: 0; overflow: hidden;}
.cas .cas-con dl dt img{width: 100%; height:100%; transition: 1s;}
.cas .cas-con dl dd{height:91px;padding:10px 24px 0 30px; box-sizing: border-box;width:100%; position: absolute; left:0;bottom:0;background:rgba(0,0,0,0.6);}
.cas .cas-con dl dd h4{height:38px; line-height: 38px;background:url(http://127.0.0.1/template/yhdlt.com/images/cas-jt1.png) no-repeat right;}
.cas .cas-con dl dd h4 a{font-size: 18px; color:#FFF; font-weight: bold;display: block;}
.cas .cas-con dl dd p{height:33px;line-height: 33px; font-size: 14px;color:#FFF;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cas .cas-con dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.cas .cas-con ul{float:right;width:398px; }
.cas .cas-con ul li{width:100%; position: relative;height:293px; margin-bottom: 9px;}
.cas .cas-con ul li span{display: block; width:100%; height:100%; line-height: 0; overflow: hidden;}
.cas .cas-con ul li span img{width: 100%; height:100%; transition: 1s;}
.cas .cas-con ul li em{display: block; width:100%; height:56px; padding:0 16px 0 20px; box-sizing: border-box; position: absolute;left:0;bottom:0;background:rgba(0,0,0,0.6);}
.cas .cas-con ul li em i{display: block; height:56px; line-height: 56px; font-size: 16px; color:#FFF; font-weight: bold; background:url(http://127.0.0.1/template/yhdlt.com/images/cas-jt2.png) no-repeat right;}
.cas .cas-con ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.cas .cas-ml h4{height:67px; margin-bottom:32px; }
.cas .cas-ml h4 span{display: block;height:67px; line-height: 67px; float:left; padding:0 24px;font-size: 28px; color:#333333; font-family: "思源黑体 CN"; font-weight: bold; position: relative;}
.cas .cas-ml h4 span:before{width:15px; height:20px; background:url(../image/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.cas .cas-ml h4 span:after{width:15px; height:20px; background:url(../image/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.cas .cas-ml h4 i{display: block; height:67px; line-height: 67px; float:right;position: relative; font-size: 14px; color:#333333; font-weight: normal; text-transform: uppercase;}
.cas .cas-ml h4 i:before{width:899px; height:1px; background: #EAEAEA; content:""; position: absolute; left:-946px; top:34px;}
.cas .cas-ml .cas-bd{overflow: hidden;}
.cas .cas-ml .cas-bd ul li{float:left;width:188px !important; height:105px;border:1px solid rgba(197,197,197,0.57); box-sizing: border-box; margin-right: 13px;}
.cas .cas-ml .cas-bd ul li a{display: block; width:100%; height:105px;}
.cas .cas-ml .cas-bd ul li i{display: block; width:183px; height:103px; margin:0 auto; line-height: 0; overflow: hidden;}
.cas .cas-ml .cas-bd ul li i img{width: 100%;}
/**/
.hfbj{height:157px; background:url(../image/hfbj.jpg) no-repeat center;overflow: hidden;}
.hf{padding-top:36px;}
.hf .hf-left{width:50%;float:left;}
.hf .hf-left .hf1{width:208px; float:left; margin-right:18px; }
.hf .hf-left .hf1 em{display: block; height:37px; line-height: 37px;font-size: 26px; color:#FFF; background: url(../image/hf1.png) no-repeat right;}
.hf .hf-left .hf1 span{display: block; height:47px; line-height: 47px; font-size: 39px; color:#FFF; font-weight: bold; font-family: "思源黑体 CN";}
.hf .hf-left .hf2{padding-top:11px;float:left;}
.hf .hf-left .hf2 em{display: block; height:32px; line-height: 32px;font-size: 12px; color:rgba(255,255,255,0.41); text-transform: uppercase;}
.hf .hf-left .hf2 span{display: block; height:45px;line-height: 45px;font-size: 26px; color:#FFF;}
.hf .hf-rig{width: 388px; float:right;}
.hf .hf-rig .hf-tel{float:left;padding-top:20px;}
.hf .hf-rig .hf-tel em{display: block; height:28px; line-height: 28px; padding-left:42px; background: url(../image/hf-tel.png) no-repeat left;font-size: 14px; color:rgba(255,255,255,0.54);}
.hf .hf-rig .hf-tel p{line-height: 30px;font-size: 24px;color:#FFF;padding-left:42px; }
.hf .hf-rig a{display: block; width:125px; height:43px; line-height: 43px;text-align: center; font-size: 14px; color:#FEFEFE;float:right;background: url(../image/hf-kk.png) no-repeat center; margin-top: 32px;}
.show{position: relative;top: 55px;}
.show-list li{float: left;margin:0 38px 0 0;position: relative;}
.show-list li,.show-list li p,.show-list li p img{width: 300px;height:408px;display: block;overflow: hidden;}
.show-list li span{width: 300px;height:0;position: absolute;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.7);}
.show-list li span a{display: none;color: #fff;background: url(http://127.0.0.1/template/yhdlt.com/images/ico01.png) no-repeat center 66px;padding: 175px 0 0;line-height: 42px;text-align: center;}
.show-list li:hover span{height:408px;}
.show-list li:hover span a{display: block;}

/**/

/**/
/*客户名录*/
.cooperation {background: url(../image/cooperationbg.jpg) no-repeat top center;height: 620px;overflow: hidden;padding-bottom: 90px;}
.cooperation-l {width: 500px;height: 590px;float: left;}
.cooperation-l {padding: 80px 0 0;float: left;width: 440px;}
.cooperation-l h5{height: 125px;position: relative;font-size: 46px;font-weight: bold;}
.cooperation-l h5:before{content: "";width: 38px;height: 3px;background: #0071bd;position: absolute;bottom: 0;left: 0;}
.cooperation-l h5 b{display: block;font-size: 24px;color: #bcbcbc;text-transform: uppercase;font-family:Arial, Helvetica, sans-serif;height: 38px;}
.cooperation-l h5 i{height: 66px;line-height: 66px;font-size: 46px;color: #014DA1;float: left;font-weight: normal;margin-right: 15px;}
.cooperation-l p{font-size: 18px;color: #666;line-height: 40px;height: 120px;overflow: hidden;padding: 30px 0 0;}
.cooperation-l b{color: #333;}
.cooperation-l span a{ display: inline-block; float: left; width: 176px; height: 43px; line-height: 43px; background: #014DA1; border-radius: 2px; text-align: center; color: #fff; font-size: 16px;transition: all 0.2s;margin-top: 25px;}
.cooperation-l span a:hover{ padding: 0 15px;}
.cooperation-r {width: 662px;float: right;margin-right: 40px;margin-top: 110px;} 
.cooperation-r li {float: left;width:210px;height: 100px;margin-bottom: 20px;border-right: 1px solid #ccc;margin-left: 10px;}
.cooperation-r li img {width: 200px;height: 100px;}
.cooperation-r li:nth-child(3n) {border-right: 0;}
/**/
.about{line-height:27px;position: relative;z-index: 1;overflow: hidden;padding:600px 0 0;font-size: 16px;text-align: center;background: url(../image/aboutbg.jpg) no-repeat center 0;height: 340px;}
.about h2{ display: block;font-size: 40px;color: #1b1b1b;line-height: 40px;font-weight: normal; text-align: center;margin-bottom: 40px;}
.about h2 i{ display: inline-block;font-size: 56px; }
.about-info{padding:50px 65px 0;height: 225px;background: #fff;box-shadow: box-shadow:5px 0 5px -5px rgba(0,0,0,.2), -5px 0 5px -5px rgba(0,0,0,.2);}
.about a {color: #1b1b1b;}

/**/
.news {overflow: hidden;padding-bottom: 90px;}
.news-left {width: 400px;float: left;background: #1054B0;padding-bottom: 30px;overflow: hidden;height: 500px;}
.news-left img {width: 400px;height: 300px;}
.news-left a {color: #fff;}
.news-left h2 {line-height: 2;font-weight: bold;font-size: 1.5rem;padding: 15px 25px; }
.news-left p {line-height: 2;padding: 0 25px; }
.news-right {
  width: 760px;
  float: right;
  overflow: hidden;
}
.news-right ul li a {
  color: #333;
  display: block;
  padding: 16px 0;
  margin-bottom: 23px;
  position: relative;
}
.news-right ul li a:after {
  z-index: -1;
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  background: #ddd;
  left: 91px;
}
.news-right ul li a:hover {
  background: #1054B0;
}
.news-right ul li a:hover .date label, .news-right ul li a:hover .date span, .news-right ul li a:hover .text p {
  color: #fff;
}
.news-right ul li a:hover .text h2 {
  color: #fff;
  font-size: 1.8rem;
  line-height: 2;
}
.news-right ul li a:hover .text:after {
  background: #fff;
}
.news-right ul li a:hover:after {
  background: #1054B0;
}
.news-right ul li .date {
  font-size: 1rem;
  line-height: 1;
  float: left;
  width: 75px;
  margin-right: 15px;
  text-align: right;
}
.news-right .date span {
  display: block;
  font-size: 1.6rem;
  margin-bottom: 5px;
  color: #999;
}
.news-right .text {
  padding: 0 20px;
  overflow: hidden;
  position: relative;
}
.news-right .text p {
  line-height: 1.5;
}
.news-right .text:after {
  content: '';
  display: block;
  width: 3px;
  left: 0;
  background: #1054B0;
  top: 0px;
  position: absolute;
  height: 20px;
}
.news-right .text h2 {
  font-size: 1.8rem;
  line-height: 2;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
}

/*风采展示
.show{height:380px;position: relative;}
.prev2,.next2{width:54px;height:25px;display: block;overflow: hidden;position: absolute;top:86px;right: -87px;background: url(../images/next2.gif) no-repeat 0 0;}
.prev2{left: -87px;background: url(../images/prev2.gif) no-repeat 0 0;}
.prev2:hover,.next2:hover{background-position: 0 bottom;}
.show_t{height:87px;line-height:38px;position: relative;z-index:1;font-size: 18px;overflow: hidden;display: none;}
.show_t li{height:38px;color: #fff;width:146px;float: left;border-radius:19px;background: #a7a7a7;margin: 0 14px 0 0;}
.show_t li a{color: #fff;display: block;}
.show_t li.cur{background: #197cd9;}

.show_c1{position: relative;}
.show_cl{overflow: hidden;}
.show_c li{float: left;margin:0 38px 0 0;position: relative;}
.show_c li,.show_c li p,.show_c li p img{width: 270px;height:203px;display: block;overflow: hidden;}
.show_c li span{width: 270px;height:0;position: absolute;left: 0;bottom: 0;background: rgba(25, 124, 217 , 0.7);}
.show_c li span a{display: none;color: #fff;background: url(http://127.0.0.1/template/yhdlt.com/images/ico01.png) no-repeat center 66px;padding: 98px 0 0;line-height: 42px;}
.show_c li:hover span{height:203px;}
.show_c li:hover span a{display: block;}


.date{ width: 66%; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,0.1); padding:30px 0; margin-top:-80px;float: right;}
.date li{width: 25%; text-align: center; float:left;}
.date li p{font-size: 2.8vw;color: #222;font-family:"iconfont" !important; }
.date li span{font-size: 1vw;color: #333;}
.date li p:after{content:"\e60b";width: 42px;height: 42px;display: inline-block;border-radius: 50%;background: #0B17BB;color:#fff;font-size: 21px;line-height: 42px;position: relative;top: -10px;margin-left: 10px; text-align: center;}
.date li:nth-child(2) p:after{content: "\e63d";}
.date li:nth-child(3) p:after{content: "\e6bc";}
.date li:nth-child(4) p:after{content: "\e66f";}*/

/* link*/
.link {padding: 25px 0;overflow: hidden;background: #171717;width: 100%;border-top: 1px solid #4D535D;}
.link span {width: 100px;float: left;font-size: 24px;color: #646973;letter-spacing: 1px;height: 36px;line-height: 36px;}
.link span b {color: #1054B0;font-size: 28px;/*text-transform: uppercase;*/}
.link ul {width: 1100px;float: right;}
.link ul li {padding: 0 10px;font-size: 18px;line-height: 36px;float: left;}
.link a {color: #8b8a8b;}

/*图标抖动*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}