.ico {
  background: url(../img/ico302.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.w302 {
  width: 1220px;
  margin: 0 auto;
}
.top302 {
  width: 100%;
  height: 30px;
  line-height: 30px;
  position: relative;
  background-color: #f5f5f5;
  color: #999999;
  font-size: 12px;
}
.top302 li {
  display: inline-block;
  zoom: 1;
  text-align: center;
  margin: 0 8px;
}
.top302 li a {
  color: #999999;
  cursor: pointer;
  font-size: 12px;
}
.top302 li a:hover {
  color: #d80303;
}
.top302 .split {
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #999999;
  vertical-align: middle;
  margin: 0;
}
.head302 {
  width: 100%;
  height: 130px;
  padding-top: 20px;
  background: #fff;
}
.head302 .logo {
  margin-right: 80px;
  display: block;
}
.head302 .logo img {
  display: block;
}
.head302 .tel {
  width: 350px;
  line-height: 33px;
  margin-top: 10px;
  font-family: impact;
  font-size: 30px;
  color: #d80303;
}
.head302 .tel span {
  color: #999999;
  font-size: 14px;
  line-height: 16px;
  display: block;
}
.head302 .tel strong {
  font-weight: normal;
  display: block;
  white-space: nowrap;
  font-size: 42px;
  color: #d80303;
}
.head302 .tel s {
  width: 85px;
  height: 65px;
  float: left;
  background-position: 0 3px;
  margin-right: 12px;
}
.nav302 {
  height: 50px;
  line-height: 50px;
  background: #2e89ff;
  position: relative;
  z-index: 111;
}
.nav_hover{
  background: #ff981c;
}
.nav302 li {
  width: 152px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: block;
  z-index: 11;
  float: left;
  position: relative;
 /* background: url(../img/nav302.png) no-repeat left center;*/
  border-right: 1px solid rgba(255,255,255,.3);
}
.nav302 li:first-child {
  background: none;
}
.nav302 li .nav1 {
  display: block;
  font-size: 16px;
  color: #fff;
}
.nav302 li .nav1:hover, .nav302 li.hover .nav1 {
  background: #ff981c;
}

.nav302 .subnav {
  background: #2e89ff;
  height: 45px;
  line-height: 45px;
  position: absolute;
  z-index: 11;
  left: 0px;
  top: 50px;
}
.nav302 .subnav {
  position: absolute;
  left: 0px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
  z-index: 199;
  opacity: 0;
  visibility: hidden;
  height: auto;
  overflow: hidden;
  width: 100%;
  transition: all .6s ease 0s;
  transform: translate3d(0, 10px, 0);
  -moz-transform: translate3d(0, 10px, 0);
  -webkit-transform: translate3d(0, 10px, 0);
}
.nav302 li:hover .subnav {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.nav302 .subnav a {
  color: #fff;
  line-height: 45px;
  height: 45px;
  font-size: 14px;
  display: block;
  border-bottom: 1px solid rgba(255,255,255,.3);
}
.nav302 .subnav a:hover {
  background: #ff981c;
}

.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
.content{ width:1200px; margin:0 auto;}
/* -- 定制 -- */
.dz{height:389px;background:url(../img/zxbg.jpg) no-repeat center 0;}
.dz h3{height: 102px;text-align: left;float: left;padding-top: 68px;}
.dz h3 em{font-size: 36px;color: #ffffff;font-weight: normal;display: block;line-height: 48px;}
.dz h3 em i{font-weight: bold;font-style: normal;}
.dz p {float: right;margin-top:110px;background:url(../img/ph2.png) no-repeat left; padding-left:35px;}
.dz p span{ font-size: 13px;color: #e0e0e0;text-align: left; display: block;}
.dz p b a{display:block; font-size: 24px; color: #ffffff; font-family: "Arvo"; line-height: 30px;font-weight:bold;}
.dz .dz1{height: 102px;float: left;width: 1200px;padding-top: 80px;}
.dz .dz1 h2{height:102px;width:107px;background:#ffffff;font-size: 30px;color: #2e89ff;line-height: 36px;text-align: center;float: left;padding-top: 12px; }
.dz .dz1 ul{float:right;background:url(../img/zx1.jpg) no-repeat center;width: 1083px;height: 102px;padding-top: 25px;padding-left: 49px;}
.dz .dz1 ul li{float: left;font-size: 18px;color: #ffffff;padding-right: 80px;font-weight: bold;}
.dz .dz1 ul li:last-child{padding-right: 0px;}
.dz .dz1 .a1{padding-right: 83px;}
.dz .dz1 .a2{padding-right: 78px;}
.dz .dz1 .a3{padding-right: 73px;}
.dz .dz1 .a4{padding-right: 60px;}


.solution{padding-top:0px; box-sizing: border-box;}
.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(../img/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.solution h2 span:after{width:15px; height:20px; background:url(../img/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:32px; height:2px; background: #ff981c; 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: 372px;width:342px; }
.solution .sol-con .sol-pic .sol-left strong{display: block; width:159px; height: 44px; background:url(../img/sol-kk.png) no-repeat center;}
.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(../img/sol-jt1.png) no-repeat right;font-weight: normal;}
.solution .sol-con .sol-hd{width:50%; height:840px;background:rgba(0,49,113,0.77); position: absolute;right:0;top:0;}
.solution .sol-con .sol-hd ul li{height:210px;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:19px 106px 0 42px; box-sizing: border-box;}
.solution .sol-con .sol-hd ul li i{display: block;  height:80px; line-height: 80px;font-size: 62px; color:rgba(255,255,255,0.1); font-family: "Impact"; margin-bottom: 26px; transition: .5s;}
.solution .sol-con .sol-hd ul li span{display: block; height:37px; line-height: 37px;font-size: 26px; color:#FFF; font-family: "思源黑体 CN";}
.solution .sol-con .sol-hd ul li p{height:24px; line-height: 24px;font-size: 16px; color:rgba(255,255,255,0.37); text-transform: uppercase; background:url(../img/sol-jt.png) no-repeat right;}
.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 i{color:#ff981c;}
.solution .sol-con .sol-hd ul li.cur p{background:url(../img/sol-jt_h.png) no-repeat right;}


.about_body{ width:100%; height:600px; background:url(../img/about_body.png) center top no-repeat; }

@media screen and (min-width:1660px){
.container{margin:0 260px;}
}
@media screen and (max-width:1660px) and (min-width:1360px){
.container{ margin:0 80px;}
}
@media screen and (max-width:1360px) and (min-width:960px){
.container{ margin:0 30px;}
}
.habout{background: url(../images/abbg1.jpg) top center no-repeat;}
@media screen and (max-width:1300px){
.habout{margin-top: 20px;}
}
.habout .htitle h3,.habout .htitle p{color: #fff;}
.habbox{padding:3%;/*box-shadow: 5px 5px 15px -5px #666;*/position: relative;bottom:-100px;opacity: 0;}
.habbox.current{opacity: 1;bottom: 0;}
.hableft{float: left;width: 50%;overflow: hidden;height: 555px; position:relative; /*background-color:#fff;*/}
.habright{float: right;width: 45%;}
/*.hableft img{display: block;height: 100%;}*/
.habimgbox img{display: block;width: 100%;}
.habimg_dian{
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;right: 10px;
  text-align: right;
}
.habimg_dian span{
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #555;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #555;
  cursor: pointer;
}
.habimg_dian span.swiper-active-switch {
  background: #2e89ff;border: 1px solid #2e89ff;
}

.habinfo h2{font-size: 60px;color: #2e89ff;font-family: 'Impact'}
.habinfo h4{font-size: 24px;color: #333;font-weight: 500;}
.habinfo h5{font-size:16px;color: #2e89ff;margin-bottom: 20px;}
.habinfo i{display: block;width: 45px;height: 1px;background-color: #2e89ff;margin:20px 0;}
.habinfo p{font-size: 14px;color: #666;line-height: 33px;}
a.habbtn{background-color: #ff981c;width: 145px;height: 45px;line-height: 45px;font-size: 16px;color: #fff;text-align: center;display: block;position: relative;overflow: hidden;margin-top: 30px;}
a.habbtn{z-index: 5;transition: 0.5s;}
a.habbtn::before{content: "";width: 0;background-color: #2e89ff;z-index: -1; height: 100%;transition:0.2s ease all;position: absolute;top: 0;left: 0;}
a.habbtn:hover::before{width: 100%;}
.habico{margin-top:35px;}
.habico a{display: block;float: left;width: 31.33%;margin-right: 2%;}
.habico i{width:23%;display: block;float: left;-webkit-transition: All 0.7s ease-in-out;
  -moz-transition: All 0.7s ease-in-out;
  -o-transition: All 0.7s ease-in-out;}
.habico i img{display: block;width: 100%;}  
.habico span{display: block;width:70%;float: left;font-size:18px;color: #333;font-weight: 700;position: relative;top:10px;left: 10px;}
.habico span em{font-size:14px;color: #9eadbd;display: block;font-weight: 500;}
.habico a:hover i{transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);}
.habico a:hover span{color: #2e89ff;}
@media screen and (max-width:1680px){
.hableft{width:45%;height: 520px;}
.habright{width: 50%;}