@charset "utf-8";


.banner{height: 640px;position: relative;}
.bdu{width: 100% !important;height: 640px;}
.bdu li{width: 100% !important;height: 640px;position:relative;}
.bdu li a{display: block;height: 640px;}
.bdu li img{height:640px;margin-left: -960px;position:absolute;left:50%;}
.hdu{position: absolute;width: 100%;height: 10px;right: 0;bottom: 44px;text-align: center;}
.hdu li{display: inline-block;width: 12px;height: 12px;background: #fff;margin:0 10px;border-radius: 6px;}
.hdu li.on{background: #0f4ca6;}

.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit span{display:block;font-size: 40px;color: #333333;line-height: 40px;}
.tit i{display:block;font-size: 18px;color: #333333;margin: 14px auto 0;height: 38px;line-height: 38px;border: 1px solid #757575;border-radius: 19px;text-align: center;}

.yz{overflow: hidden; height: auto;}
.yz h2{text-align: center;font-weight: normal;font-size: 0;line-height: 0;padding-top: 85px;}
.yz h2 span{display:block;font-size: 40px!important;color: #333333;line-height: 40px;}
.yz h2 i{display:block;font-size: 18px;color: #333333;line-height: 18px;padding-top: 16px;position: relative;}
.yz p{ font-size:18px ;line-height: 26px;color: #333333;padding-top:36px ;text-align: left; text-indent: 2rem;}
.yz_z{ margin-top: 40px;}
.yz_z li{ float: left;color: #333333; width:240px;text-align:center; }
.yz_z li:last-child{ margin-right: 0;}
.yz_z li b{ display: inline-block; font-size: 50px; line-height: 50px; color: #0a68c0; vertical-align: sub;font-family: Arial;text-align: center;}
.yz_z li i{ display: inline-block; width: 20px; height: 20px; line-height: 20px; font-size:16px ; color: #333333; border-radius: 2px; border: 1px solid #333333; margin-left: 2px;text-align: center;}
.yz_z li span{ display: block;font-size: 18px; line-height: 20px; color: #333; font-weight:normal;text-align: center;}
.yz .fl{width: 590px; margin-top: 50px;}
.yz .fl video{width: 100%;}
.yz .fr{width: 550px;}

.pro{ margin-top: 50px; }
.pro .tit i{ width: 820px;}
.pro_s{ margin-top:41px ;height: 737px;background: url(../images/pros_bg.jpg) no-repeat center;}
.pro_t li{float: left;width: 240px;height: 114px;border-right: 1px solid #dcdcdc;box-sizing: border-box;position: relative;}
.pro_t li i{width: 75px;height: 32px; margin: 33px auto 0;display: block;transition: all 0.5s ease-in-out;}
.pro_t li span{display: block;font-size: 18px;color: #fff;line-height: 18px;padding-top: 6px; text-align: center;}
.pro_t li:hover,.pro_t li.cur{ background: #ffc000;}
.pro_t li:hover span,.pro_t li.cur span{ color: #333;}
.pro_t li:hover:after,.pro_t li.cur:after{ position: absolute;left: 50%;top: 0;width: 20px;margin-left: -10px;height: 12px;content: "";background:url(../images/san2.png) no-repeat  center;}


.pro_t .p1 i{ background:url(../images/pro_ic1.png) no-repeat center; }
.pro_t .p2 i{ background:url(../images/pro_ic2.png) no-repeat center; }
.pro_t .p3 i{ background:url(../images/pro_ic3.png) no-repeat center; }
.pro_t .p4 i{ background:url(../images/pro_ic4.png) no-repeat center; }
.pro_t .p5 i{ background:url(../images/pro_ic5.png) no-repeat center; }
.pro_t .p1:hover i,.pro_t .p1.cur i{background:url(../images/pro_ic1h.png) no-repeat center; }
.pro_t .p2:hover i,.pro_t .p2.cur i{background:url(../images/pro_ic2h.png) no-repeat center; }
.pro_t .p3:hover i,.pro_t .p3.cur i{background:url(../images/pro_ic3h.png) no-repeat center; }
.pro_t .p4:hover i,.pro_t .p4.cur i{background:url(../images/pro_ic4h.png) no-repeat center; }
.pro_t .p5:hover i,.pro_t .p5.cur i{background:url(../images/pro_ic5h.png) no-repeat center; }
.pro_s .content{ position: relative;height: 737px;}

.pro_con{ padding-top: 150px;position: relative;} 
.pro_con dt img{display: block;width:675px ;height: 450px;float: right;}
.pro_con dd h3{display: block;font-size:30px ;line-height: 30px;color: #0a68c0;font-weight: normal; position: relative;padding-bottom: 64px;}
.pro_con dd h3 b{display: block;font-size:42px ;line-height: 42px;color: #0a68c0;padding-bottom: 10px;}
.pro_con dd h3:after{ position: absolute;left: 0;top: 100px;width: 42px;height: 3px;background: #1458b9;content: "";}t
.pro_con dd p {padding-bottom: 34px;width: 580px;}
.pro_con dd p em{display: block; font-size:16px ;line-height:25px ;color: #666666;}
.pro_con dd p b{ font-weight: normal;font-size: 24px;line-height:24px ;color: #333;padding-bottom: 14px;display: block;}
.pro_con dd p span{display: block;font-size:16px ;line-height:30px ;color:#666666 ;padding-left: 16px;background:url(../images/tb1.png) no-repeat left; width: 280px;float: left;}
.pro_con dd p span:nth-child(2n+1){ width: 160px;}
/* .pro_con dd p:nth-child(2n+1){ height: 130px;} */
.pro_con dd .more{ display: block;font-size:18px ;line-height:45px ;color: #333333;width: 178px;height: 45px;float: left;box-sizing: border-box;padding-left: 70px;background:url(../images/pro_more.png) no-repeat center;margin-right: 18px;}
.pro_con dd .zx{ display: block;font-size:18px ;line-height:45px ;color: #333;width: 108px;height: 45px;float: left;padding-left: 70px;background:url(../images/pro_zx.png) no-repeat center;}
.pro_con .sprev{ position:absolute; left:-90px; top:275px; width:40px;height:74px; background:url(../images/sprev.png) no-repeat;z-index: 100;}
.pro_con .snext{ position:absolute; right:-90px; top:275px;  width:40px;height:74px; background:url(../images/snext.png) no-repeat;z-index: 100;}
.pro .pageState{position:absolute;right: 0;bottom:32px;line-height: 16px;font-size: 16px;color: #666666;}
.pro .pageState span{font-size: 36px;color: #0a68c0; font-weight: bold;}


.index-line{ clear: both; margin-top: 55px; }

.index-line ul{clear: both; overflow: hidden; margin-top: 40px; margin-left: -0.2%; padding: 3px; box-sizing: border-box; }
.index-line ul li{ float: left; position:relative; width:24.8%; margin-left:0.2%; height:100%; list-style:none; overflow:hidden; box-shadow:1px 3px 3px 0 rgba(0,0,0,.1); -webkit-box-shadow:1px 3px 3px 0 rgba(0,0,0,.1); -moz-box-shadow:1px 3px 3px 0 rgba(0,0,0,.1); box-sizing:border-box;}

.index-line ul li .line1 img{ width:100%; height:330px;}
.index-line ul li .line1 .line-name{ position:absolute; bottom:0; left:0; width:100%; height:66px; line-height: 66px; text-align: center; background-color:#FFF;}
.index-line ul li .line1 .line-name h3{ position: relative; font-size: 22px; font-weight: normal; width:60%; height:66px; line-height: 66px; text-align: center; margin: 0 auto; background-color:#FFF;}

.index-line ul li .line2{ position:absolute; bottom:-100%;  width:100%; height:100%;text-align:center; color:#FFF; background:rgba(0,0,0,.7); padding-top: 20%; box-sizing: border-box; transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);}
.index-line ul li .line2 .p1{ width:100%; text-align:center; color:#FFF; font-size:30px; font-weight:700;}
.index-line ul li .line2 .p2{ text-align:center; line-height:20px; margin-top:20px; font-size:16px; color:#FFF;}
.index-line ul li .line2 .p3{ width:40%; height:42px; line-height:42px; border-radius:6px; margin:30px auto 0; background-color: #ed1c24; }
.index-line ul li .line2 .p3 a{ display: block; color: #FFF; }
.index-line ul li:hover .line2{ bottom:0;}
.index-line ul li:hover .line-name{ display: none; }


.so { padding: 90px 0;}
.so .tit i{background:url(../images/line1.png) no-repeat center;border: 0;}
.so .fa{ margin-top: 39px;}
.so .fa h3{padding-left:28px ;font-size:28px ;line-height:28px ;color: #333333;font-weight: normal;background:url(../images/fang.png) no-repeat left;}
.so .fa h3 span{ display: inline-block;font-size:14px ;line-height: 28px;color: #999999;text-transform: uppercase;margin-left: 10px;}
.so .fa ul{ margin-top: 27px;}
.so .fa ul li{float: left;width:139px ;height:139px ;background: #fff;margin-right: 12.5px;    box-shadow: 0 0 15px rgba(0,0,0,0.19);}
.so .fa ul li:last-child{ margin-right: 0;}
.so .fa ul li span{display: block;font-size:16px ;line-height:16px ;color: #333333;font-weight: bold;text-align: center;}
.so .fa ul li em img{  display: block;width: 42px;height: 42px;transition: all 0.3s;}
.so .fa ul li em {display: block;width: 42px;height: 42px;overflow: hidden;margin-right: 20px;margin: 28px auto 22px;}
.so .fa ul li:hover em img:nth-child(1) { margin-top: -42px;}
.so .fa ul li:hover{ background: #0a68c0;}
.so .fa ul li:hover span{ color: #fff;}
.so .qu{ margin-top:45px;margin-bottom: 40px;}
.so .qu h3{padding-left:28px ;font-size:28px ;line-height:28px ;color: #333333;font-weight: normal;background:url(../images/fang.png) no-repeat left;}
.so .qu h3 span{ display: inline-block;font-size:14px ;line-height: 28px;color: #999999;text-transform: uppercase;margin-left: 10px;}
.so .qu ul{ margin-top: 22px;}
.so .qu ul li { float: left;font-size: 16px;height: 44px;line-height:44px ;color: #333;margin-right: 6px;border-radius: 3px;background: #e5e5e5;text-align: center;margin-bottom: 6px;padding:0 16px;}



/*.so .qu ul li:nth-child(7n){margin-right: 0; }*/
.so .qu ul li:hover{ background: #0a68c0;color: #fff;}
.so .qu ul li:hover a{color: #fff; }

/* 关于我们 */
.fl {
  float: left;
}

.fr {
  float: right;
}
.about{background-color: rgb(244, 244, 244);padding:120px 0; height: 500px;}
.about_bg{width:100%;}
.about_con{margin-left:-15px;margin-right:-15px;font-family: '微软雅黑';position: relative;}
.about_con .fl{width:54.5%}
.about_con .fr{width:45%;position: relative;}
.about_con .fr:hover:after{content:'';position: absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}
.about_con .fl h2{font-size:34px;color:rgb(51,51,51);margin:0;}
.about_con .fl h2 div{border-top: 4px solid #ff7327;height:0;width:64px;margin-top:15px;}
.about_con .fl .about_text{position: relative;padding-bottom:120px;margin-top:50px;}
.about_con .fl .about_text p{font-size: 16px;line-height: 200%;color:#5a5a5a;text-overflow: -o-ellipsis-lastline;margin:0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;}
.about_con .fl .about_p p{-webkit-line-clamp: 1000;
  line-clamp: 1000;}
.about_con .fl .about_p{padding-bottom:0}
.about_con .fl .about_text .more{right:0;bottom:50px;}
.counters {position: relative;font-family: '微软雅黑';width:960px;height:180px;z-index:2;}
.counters .bg{background:#fff;width:100%;height:180px;}
.counters  ul{display: flex;display: -webkit-flex;justify-content: space-around;position: absolute;top:30px;left:0;right:0;bottom:0;}
.counters  ul li{font-size:16px;color:#666;text-align: center;width:25%;}
.counters  ul li span{font-size:60px;font-weight:bold;line-height:80px;display: block;margin:0;color: #ff7327;}
.counters  ul li span:hover{color: #ff7327;}
.counters  ul li p{margin:0;}

.index-about{padding:50px 0 50px;background:url(../images/about-bg1.jpg) #fff bottom center no-repeat; background-size: 100%;}
.about-pic{float:left;width:40%}
.about-info{float:right;width:57%}
.about-info h1{color:#333;font-size:32px;line-height:1.1}
.about-info p{color:#666;font-size:18px;line-height:36px;margin-top:40px}
.about-info ul{margin-top:50px;margin-left:-3.3%}
.about-info ul li{float:left;width:30%;margin-left:3.3%;text-align:center}
.about-info ul li strong{display:block;color:#014a7f;font-size:48px;line-height:1.1}
.about-info ul li p{margin-top:4px}
.about-info span{margin-top:80px}
.btn-price{margin-top: 40px; display:inline-block;width:280px;line-height:70px;text-align:center;background-color:#f0be4d;-webkit-border-radius:70px;-moz-border-radius:70px;-ms-border-radius:70px;-o-border-radius:70px;border-radius:70px;color:#f00; font-weight: bold; font-size:24px;cursor:pointer;position:relative;z-index:0}
.btn-price:before{content:"";position:absolute;left:-10px;top:-10px;right:-10px;bottom:-10px;background:rgba(240,190,77,.3);-webkit-border-radius:70px;-moz-border-radius:70px;-ms-border-radius:70px;-o-border-radius:70px;border-radius:70px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:-1}
.btn-price:hover:before{background:rgba(240,190,77,.1)}

.ind_tit{font-size:44px; color: #333333; text-align: center; position: relative; font-weight: bold;  }
.ind_tit b{ position: relative;z-index: 66}
.ind_tit b:before{ color: #5767e5;position: absolute;  content: '';  height: 10px; width: 80px; background:url(../images/tit_l.jpg) no-repeat top center; left:-95px; top:23px }
.ind_tit b:after{ color: #5767e5;position: absolute;  content: '';  height: 10px; width: 80px; background:url(../images/tit_r.jpg) no-repeat top center; right:-95px; top:23px }
.ind_tit .ind_tit2 { font-size: 16px; color: #666; font-weight: normal; margin:15px 0 50px 0;text-align: center; display: block; }
.ind_tit .ind_tit2 strong{ color: #000; font-weight: normal;}
/*优势*/
.iys{background:#fff url(../images/yy_bg.jpg) no-repeat top center; padding: 65px 0 0 0; }
.ystit{ color: #fff !important }
.ystit b:before{background:url(../images/tit_l2.png) no-repeat top center; }
.ystit b:after{  background:url(../images/tit_r2.png) no-repeat top center; }
.ystit .ind_tit2 {color: #ffff; }


.yslist { padding-top:10px }
.yslist .tab{ position: relative; }
.tab-hd{width: 100%;height: 180px;}
.tab-hd li{ width: 10%;padding: 5px; background: #fff; box-shadow: 0 0 5px #999; border-radius: 8px;font-size: 16px; text-align: center; height: auto; margin: 0 1.5% 0 0; float: left; }
.tab-hd li img{ width: 100%; border-radius: 8px }
.tab-hd li b{ display: block; line-height: 2.2 }
.tab-hd  .active b{ color: #fff !important; background: #2252af }
.tab-hd li:nth-child(8){margin:0}

.tab-bd{ z-index: 66;width: 100%; padding-top: 55px; clear: both;}
.tab-bd li.thisclass{ display:list-item;}
.tab-bd li:nth-child(1){display:list-item;}
.tab-bd li{display:none; position: relative;}
.tab-bd li .hytit{ font-size: 30px; color: #222;display: block; width: 70%; line-height: 1.8 }
.tab-bd li .hytit span{ font-weight: normal; font-size: 15px; display: block; }
.tab-bd li .dingzhi{ display: block; width: 130px; height: 50px; line-height: 50px; color: #fff; font-size: 16px; text-align: center; background: #222; margin-top: 20px } 
.tab-bd li .dingzhi:hover{ background: #ffae00 }
.yylist{ clear: both; height: auto; overflow: hidden; margin: 65px auto }
.yylist .yyitem{ width: 23%; margin: 0 2.5% 0 0; color: #333; text-align: center; display: inline-block; }
.yylist .yyitem:nth-child(4){ margin: 0 }
.yylist img{ width: 100%; display:block; height: auto;  border-radius: 8px; transition: all 0.6s; margin-bottom: 10px}
.yylist .yyitem img:hover{transform: scale(1.03, 1.03);}
.yylist .yyitem a{ font-size: 18px; color: #333 }

/*服务*/
.ind-ser{margin: 0 auto; padding: 40px 0;background: #fff url(../images/bg.jpg) top center repeat;
    background-size: 33px 33px;}
.in-serbox{ margin: 0 auto }
.in-ser-ul {margin-top:20px;}
.in-ser-ul li {width: 15.8%;margin-left: 2%;text-align: center;transition: all .3s; padding:25px 1% 15px 1%; display: inline-block;}
.in-ser-ul li:nth-child(1){ margin-left: 0 }
.in-ser-ul li i {display: block;width:80px;height:80px;margin: 0 auto;line-height: 80px;text-align: center;font-size: 32px;color: #fff;background: linear-gradient(to right, #002fa0 , #006dd8);transition: all .3s; border-radius: 50%}
.in-ser-ul li h3 {margin: 20px auto 15px; font-size: 22px}
.in-ser-ul li p {font-size: 14px;color: #666666;line-height: 26px;}
.in-ser-ul li a {display: block;width: 140px;height: 40px;margin: 60px auto 0;line-height: 40px;color: #333333;border: 1px solid #EBEBEB;border-radius: 4px;}
.in-ser-ul li:hover{ box-shadow: 0 0 5px #ddd;background: #fff; }
.in-ser-ul li:hover i {background: linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));color: #FFFFFF;transform: scale(1.08, 1.08);}
.in-ser-ul li:hover a {color: #FFFFFF;border: none;background: -webkit-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));background: -moz-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));background: -o-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));background: linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));}


/*公司优势*/
.advantage{clear:both; width:1300px; height:auto; overflow:hidden; margin:0 auto; padding:40px 0 50px;}
.advantage h2{text-align:center; font-size:45px;}
.advantage p{text-align:center; font-size:15px; line-height:100px;}
.digital {
    margin: 30px 0;
    width: 100%;
    overflow: hidden;
}
.digital ul li {
    width: 325px;
    float: left;
}
.mun_top {
    text-align: center;
}
.mumping_mun b {
    font-size: 92px;
    font-weight: normal;
    color: #f3782a;
    font-family: Impact,Arial;
    text-align: center;
    border-bottom: none;
    display: inline-block;
    background: none;
    line-height: 72px;
}
.digital ul li p {
    text-align: center;
    font-size: 16px;
    line-height: 17px;
    height: 17px;
    display: block;
    margin-top: 30px;
}

.liuy{ margin-top: 60px;padding-top:70px ;background:url(../images/liuy_bg.jpg) no-repeat center;height: 305px;}
.liuy_l{ float: left;width: 375px;padding-left: 38px;}
.liuy_l h2{font-size: 16px;line-height: 28px;color: #333;font-weight: normal;padding-top: 42px;}
.liuy_l h3{font-size: 30px;line-height: 30px;color: #333;font-weight: normal;padding-top: 25px;}
.liuy_l h4{font-size: 22px;line-height: 22px;color: #333;font-weight: normal;padding-top: 12px;}

.ly_box{margin-top:33px;position: relative; float: left;width: 654px;position:relative;margin-left: 80px;}
.ly_box ul li{ height:45px; line-height:45px;   width: 303px;margin-bottom: 12px;border: 1px solid #74a5d6;float: left;margin-right: 24px;box-sizing:border-box;}
.ly_box ul li:nth-of-type(5){width: 462px;}
.ly_box ul li:nth-of-type(5) input{width: 327px;}
.ly_box ul li i{ display: inline-block;font-size: 16px; color: #fff; padding-left: 15px;}
.ly_box ul li input{ display: inline-block;width:207px; border: none; background: none; height: 45px; line-height: 45px;outline:none; color: #fff;font-size: 16px;border:0;outline:0;padding-left: 5px;}
.ly_box li span{ display:none;}

.ly_box li:last-of-type{ background: none; margin-right: 0;width:145px;float: left;border: 0;}
.ly_box li:last-of-type button{ width:145px; height: 45px; background:#ffc000; border: none; cursor: pointer; font-size: 16px; color: #333333; line-height: 45px;}
.form-btn-reset{ display:none;}
.ly_box .submit{display:none;}
.ly_box li:last-of-type b{ font-weight:normal;color:#fff!important;}

/* 视频 */
.video_wraper{position: relative; overflow: hidden;margin-top: 90px;}
.video_wraper video {
  border: none;
  outline: none;
  vertical-align: top;
  height: 790px;
  object-fit: cover;
}
.video_wraper>.txt {
  top: 45%;
  width: 100%;
  padding: 20px 0;
  font-size: 20px;
  color: #fff;
  background-color: rgba(0, 0, 0, .6);
  position: absolute;
  margin-bottom: 40px;
}

.video_wraper h1 {
  font-size: 46px;
  letter-spacing: 5px;
  margin: 30px 0;
  text-align: center;
}

.video_wraper p {
  padding: 0 300px;
  text-align: center;
  border-bottom: 1px dashed #999;
  font-size: 20px;
}

.index_hzpp img {
  width: 100%;
  max-width: 1200px;
}


.tit_in{ position: relative; text-align: center;}
.tit_in:before{ color: rgba(51,51,51,0.05); text-transform: uppercase; content: attr(data-title); font-weight: bold; font-size: 72px; position: absolute; text-align: center; left: 0; right: 0; margin: auto; top: 0; height: 100%; display: block; width: 100%; font-family: eng;}
.tit_in h2{ color: var(--theme-black); font-size: 46px;}

#anli{ padding: 0; margin-top: 3%; margin-bottom: 60px;}
#anli .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#anli .swiper-slide {
    text-align: center;
    transition: 0.3s;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#anli .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 125%; position: relative; overflow: hidden; transition:0.3s;}
#anli .swiper-slide .pic:before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(255,255,255,0.01)); z-index: 1;}
#anli .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
#anli .swiper-slide .pic ul{ position: absolute; left: 0; top: 100%; z-index: 2; background: rgba(0,0,0,0.85); width: 100%; height: 100%; padding-top: 10% !important; transition: all 0.5s;}
#anli .swiper-slide .pic ul li{ height: 45px; line-height: 35px; color: #fff; padding: 3% 8%;}
#anli .swiper-slide .pic ul li p{font-size: 14px;}
#anli .swiper-slide .pic ul li a{ color: #fff; font-size: 16px; position: relative;}
#anli .swiper-slide .pic ul li a:after{z-index:1;content: ''; position: absolute; left: 0; bottom: 0; display: block; height:5px; background-color: rgba(213,0,40, .6);width:100%; -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; -webkit-transform: scaleX(0); transform: scaleX(0);-webkit-transform-origin: right center;transform-origin: right center;}
#anli .swiper-slide .pic ul li a:hover::after{ -webkit-transform-origin: left center;transform-origin: left center;  -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);}
#anli .swiper-slide a{display: block; width: 100%; height: 100%;}
#anli .swiper-slide .tit{ padding: 15% 0; width: 100%; position: relative;}
#anli .swiper-slide .tit:before{ position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 0; background: #d50028; transition: all 0.5s;}
#anli .swiper-slide .tit:after{ position: absolute; left: 0; bottom: -100%; width: 100%; height: auto; content: 'hanqi'; text-transform: uppercase; color: rgba(255,255,255,0.15); font-size: 100px; font-family: eng; font-weight: bold; transition: all 0.5s; opacity: 0;}
#anli .swiper-slide .tit p{ position: relative; z-index: 1; font-size: 32px; color: #000000; margin-top: 10% !important;}
#anli .swiper-slide .tit i{ position: relative; z-index: 1; color: #d50028; font-size: 50px; height: 60px; line-height: 60px;}
#anli .swiper-slide:hover .tit:before{ height: 100%;}
#anli .swiper-slide:hover .tit:after{ bottom: 0; opacity: 1;}
#anli .swiper-slide:hover .tit p,#anli .swiper-slide:hover .tit i{ color: #fff;}
#anli .swiper-slide:hover .pic ul{ top: 0;}
#anli .swiper-slide:hover .pic img{transform: scale(1.1);}
#anli .tit i{border: 0;}
@media screen and (max-width:1500px){
    #anli .swiper-slide .tit p{ font-size: 24px; margin-top: 5% !important;}
    #anli .swiper-slide .tit i{ font-size: 40px; height: 50px; line-height: 50px;}
    #anli .swiper-slide .tit:after{ font-size: 75px;}
}
@media screen and (max-width:991px){
}
@media screen and (max-width:768px){
    #anli .swiper-slide .tit p{ font-size: 20px; margin-top: 2% !important;}
    #anli .swiper-slide .tit i{ font-size: 30px; height: 35px; line-height: 35px;}
    #anli .swiper-slide .tit:after{ font-size: 50px;}
    #anli .swiper-slide .pic ul li{ line-height: 25px; font-size: 12px;}
}

.c3 .tit i{width: 472px;}
.c3{width:1200px;margin:80px auto 0;background:url(../images/c3.png) no-repeat center -32px;height:510px;}
.c3a{overflow: hidden;}
.c3b{float:left;width:282px;margin-top: 60px;padding-left:115px;text-align:left; display:block;}
.c3b1{color:#333;}
.c3b2{padding-top: 105px;display:block; clear:both;}
.c3c{float:right;width:274px;margin-top: 61px;padding-right:120px}
.c3c1{text-align:right;}
.c3c2{text-align:right;padding-top: 105px;}
.c3b1 h3,.c3b2 h3,.c3c1 h3,.c3c2 h3{font-size:30px; height:40px; line-height:40px;}
.c3b1 span,.c3b2 span,.c3c1 span,.c3c2 span{display:block;font-size:15px; padding-top:7px;height:80px; line-height:25px;}


.ys{ padding-top:90px ;background:url(../images/ys_bg.jpg) no-repeat center;height: 1854px;}
.ys .tit i{ width: 312px;}
.ys_con{ margin-top: 32px;}
.ys1,.ys4{ height: 400px;}
.ys2,.ys3{ height: 420px;}
.ys dd{float: left;position: relative;}
.ys dd h3{padding-top: 114px;font-size: 34px;font-weight: bold;color: #0a68c0;line-height: 34px;position: relative;}
.ys dd h3:after{ position: absolute;width: 60px;height: 1px;left: 0;top: 84px;background: #0a68c0;content: "";}
.ys dd h4{padding-top: 12px;font-size: 24px;color: #333333;line-height: 24px;font-weight: normal;}
.ys dd p{padding-top: 45px;font-size:16px ;color: #333333;line-height:26px ;}
.ys dd em img{ display: block;width: 94px;height: 84px;position: absolute;right: 0;top: 74px;}
.ys2 dd em img,.ys4 dd em img{ display: block;width: 94px;height: 84px;position: absolute;right: 78px;top: 74px;}
.ys1 dt{ width:640px ;height:400px ;display: block;overflow:hidden;margin-left: -40px;}
.ys1 dt img{ width:640px ;height:400px ;display: block;transition: all 0.5s;}
.ys3 dt { width:960px ;height:420px ;display: block;overflow:hidden;margin-left: -360px;}
.ys3 dt img{ width:960px ;height:420px ;display: block;transition: all 0.5s;}
.ys2 dt{ width:960px ;height:420px ;display: block;overflow:hidden;margin-right: -360px;}
.ys2 dt img{ width:960px ;height:420px ;display: block;transition: all 0.5s;}
.ys4 dt{ width:640px ;height:400px ;display: block;overflow:hidden;margin-right: -40px;}
.ys4 dt img{ width:640px ;height:400px ;display: block;transition: all 0.5s;}
.ys dt:hover img{transform: scale(1.1); }
.ys1 dd,.ys3 dd{ padding-left: 96px;width: 504px;}
.ys2 dd,.ys4 dd{ padding:0 78px;width: 444px;}


.case{margin-bottom: 30px;}
.case .tit i{ width: 472px;}
.al_on{margin-top: 34px;position: relative;}
.al_on .tempWrap{margin-left: -1110px !important;}
.al_on ul{overflow: hidden;}
.al_on ul li{width: 1000px; float: left;margin-left: 120px;}
.al_on ul li strong{display:block; width:1000px; height:512px;overflow:hidden; }
.al_on ul li img{display:block; width:1000px; height:512px;transition: all 0.5s;object-fit: cover;}
.al_on ul li:hover img{ transform: scale(1.1); }

.al_on ul li p{position: relative;height: 150px;width: 827px;margin: -88px auto 0;background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.19);}

.al_on ul li p i{float: left;padding-left: 47px;padding-right: 40px;width:590px ;}
.al_on ul li p i span{ display: block;color: #333333;font-size: 26px;line-height: 26px;padding-top: 22px;}
.al_on ul li p i em{display: block;color: #666666;font-size: 16px;line-height: 24px;padding-top: 12px;}

.al_on ul li p b{display: block;float: right;width: 150px;height: 150px;background:url(../images/case_ic.png) no-repeat center;}
.al_on ul li:hover p b{background:url(../images/case_ich.png) no-repeat center; }

.al_on li:last-child{padding-right:0px;}
.al_on .prev{ position:absolute; left:39px; top:220px; width:60px;height:60px; background:url(../images/prev.png) no-repeat;z-index: 100;}
.al_on .next{ position:absolute; right:-20px; top:220px;  width:60px;height:60px; background:url(../images/next.png) no-repeat;z-index: 100;}

.xc{ padding-top: 10px;}

.xc p{ font-size:16px ;line-height: 28px;color: #333333;padding-top:30px ;text-align: center;}
.xc ul{ margin-top: 40px;}
.xc ul li{ float: left;width: 387px;height: 273px;position: relative;margin-right:19px;}
.xc ul li:last-child{ margin-right: 0;}
.xc ul li i{ width: 387px;height: 100%;display: block;overflow:hidden;}
.xc ul li img{ width: 387px;height: 100%;object-fit: cover; display: block;transition: all 0.5s;}
.xc ul li:hover img{transform: scale(1.1);}
.xc ul li span{display: block;width: 357px;padding-left:30px ;height:78px ;line-height:78px ;color: #fff;font-size: 20px;position: absolute;left: 0;bottom: 0;background:url(../images/xc_ic.png) no-repeat center;}
.xc ul li:hover span{ background:url(../images/xc_ich.png) no-repeat center;}

.news{ padding-top:40px;background: #f5f5f5;height: 710px;}
.news .tit i{ width: 278px;}
.news_con{ margin-top: 55px;}
.news_l{ float: left;width: 483px;}
.news_l p img{ float: left;width:87px ;height: 31px;}
.news_l .dnext img{ float: right;width:73px ;height: 20px;margin-top: 11px;}
.news_g{ margin-top: 40px;}
.news_g dt{display: block;width: 483px;height: 268px;overflow:hidden;}
.news_g dt img{display: block;width: 483px;height: 268px;transition: all 0.5s;}
.news_g dl:hover img{transform: scale(1.1);}
.news_g dd{padding: 0 44px;background: #fff;height: 173px;}
.news_g dd h3 a{display: block;font-size:18px ;line-height: 18px;color: #333333;font-weight: bold;padding-top:35px ;}
.news_g dd p{font-size:13px ;line-height:22px ;color: #666666;padding-top: 16px;}

.news_r{ float: right;width: 674px;}
.news_q { height: 36px;border-bottom: 1px solid #dcdcdc;}
.news_q ul{ float: left;}
.news_q ul li{ float: left;padding-left: 18px;margin-right: 45px;height: 36px;font-size: 18px;font-weight: bold;color: #666666;background:url(../images/icon1.png) no-repeat 0 8px;}
.news_q ul li a{ color: #666;}
.news_q ul li:hover,.news_q ul li.cur{ background:url(../images/icon1h.png) no-repeat 0 8px;border-bottom: 1px solid #0a68c0;}
.news_q ul li:hover a,.news_q ul li.cur a{ color: #0a68c0;}

.news_q p{float: right;}
.news_q p a{display: block;width: 27px;height:27px ;background:url(../images/news_ic.png) no-repeat center;}
.news_q p a:hover{ background:url(../images/news_ich.png) no-repeat center;}
.news_f dl{ padding-left: 15px;height: 110px;border-bottom: 1px dashed #cccccc;}
.news_f dl:last-child{ border-bottom: 0;}
.news_f dd h3 a{ display: block;font-size:18px ;line-height: 18px;padding-top:20px ;color: #333333;font-weight: normal;}
.news_f dd p{ font-size:14px ;line-height: 20px;padding-top:12px ;color: #999999;}

.abt{ background:url(../images/abt_bg.jpg) no-repeat center;height:705px;}
.abt dl{ padding-top: 100px;}
.abt dt{display: block;width: 852px;height:504px ;overflow:hidden;}
.abt dt img{display: block;width: 852px;height:504px ;transition: all 0.5s;}
.abt dt:hover img{transform: scale(1.1);}
.abt dd{ height: 504px;background: #fff;padding: 0 44px;width:260px;}
.abt dd h3{padding-top: 72px;font-weight: normal;}
.abt dd h3 span{display:block;font-size: 40px;color: #333333;line-height: 40px;}
.abt dd h3 i{display:block;font-size: 18px;color: #333333;line-height: 18px;padding-top: 12px;}
.abt dd p{font-size: 13px;color: #666666;line-height: 24px;padding-top: 40px;}
.abt dd .more{ display: block;width:45px ;height: 18px;margin-top: 65px;float: right;}



/*表单弹框*/
.nsw-modal {
  width: 100%;
  height: 100%;
  background: rgba(225, 225, 225, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999; }

.modal-dialog {
  position: fixed;
  color:#000000;
  top: 150px;
  width: 400px;
  border-radius: 3px;
  min-height: 155px;
  overflow: hidden;
  z-index: 99998;
  margin-left: -200px;
  left: 50%; }
  .modal-dialog .css-icon {
    background-image: url("../images/modal-icons.png"); }
  .modal-dialog .modal-head {
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    background: #0a68c0;
    font-size: 14px;
    color:#fff;}
    .modal-dialog .modal-head .modal-logo {
      width: 15px;
      height: 15px;
      background-position: 1px 0px;
      margin: 8px 5px 0 0;
      float: left; }
    .modal-dialog .modal-head .close {
      float: right;
      width: 15px;
      height: 15px;
      background-position: -14px 0px;
      margin-top: 8px; }
  .modal-dialog .modal-body {
    width: 100%;
    min-height: 125px;
    background: #ffc000; }
    .modal-dialog .modal-body .modal-body-left {
      width: 140px;
      float: left; }
      .modal-dialog .modal-body .modal-body-left .icon {
        width: 64px;
        height: 64px;
        margin: 30px 0 0 48px; }
      .modal-dialog .modal-body .modal-body-left .success-message {
        background-position: 0px -14px; }
      .modal-dialog .modal-body .modal-body-left .warming-message {
        background-position: 0px -78px; }
    .modal-dialog .modal-body .modal-body-right {
      width: 260px;
      float: right;
      padding-top: 20px; }
      .modal-dialog .modal-body .modal-body-right .close-btn {
        color: #fff;
        text-align: center;
        width: 90px;
        display: inline-block;
        height: 24px;
        line-height: 24px;
        background: #333; }
      .modal-dialog .modal-body .modal-body-right p {
        line-height: 30px; }


		body{min-width:1200px;width:100%;overflow-x:hidden;}
		i,em{ font-style:normal;}




    .sao{float: right;width: 150px;margin-top: -15px; }   
    .sao p img{width: 120px;height: 120px;display:block;float:left;}
    .sao p span{display: block;float: right;
    writing-mode: vertical-lr;font-size: 14px;color: #b2b8c8;line-height: 30px; padding: 25px 0; background: #364d7d;text-align: center;display: inline-block;writing-mode: tb-rl; }  
  

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #0a68c0;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #0a68c0;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
/*以上为20220905修改首页样式*/




.content_l{
	width:310px;
	height:400px;
	float:left;
	margin-right:35px;
	overflow:hidden;
	/* [disabled]border:1px solid green; */
}
.content_index_title a{font-size:15px; font-weight:bold;color:#000000; clear:both;}
.content_index_title a:hover{color:#ed1b23;}
#scrollDiv{margin-top:20px; width:315px; height:170px; min-height:25px; font-size:13px; overflow:hidden;}
#scrollDiv li{width:310px; height:25px; overflow:hidden;}
#scrollDiv ul li a{line-height:25px;color:#000;}
#scrollDiv ul li a:hover{color:#ed1b23;}
p.more{width:150px; padding-top:24px; border-bottom:1px solid #ed1b23;}
p.more a{color:#ed1b23;}
.content_c{
	width:470px;
	height:400px;
	float:left;
	margin-right:30px;
	overflow:hidden;
	/* [disabled]border:1px solid green; */
}
ul.content_c_products{width:470px; height:auto; overflow:hidden;}
ul.content_c_products li {width:113px; height:85px; line-height:20px; text-align:center;float:left; margin-right:4px; margin-bottom:10px; overflow:hidden;}
ul.content_c_products li img{width:111px; height:65px; border:1px solid #ddd;}
.content_c_projects{width:470px; height:58px;margin-bottom:8px;}
.content_c_projects img{width:106px; height:58px;}
.content_c_projects p{line-height:19px; width:350px;float:right;font-size:12px; }
.content_r{
	width:250px;
	height:400px;
	float:right;
	overflow:hidden;
}
.content_r_serve{
	width:250px;
	height:350px;
	font-size:13px;
	line-height:20px;
	background-image: url(../images/kf.jpg);
	background-repeat: no-repeat;
	background-position: right -10px;
}
.select{width:100%;height:25px;margin:10px 0;}
ul.content_r_serve_contact{padding-top:10px; margin-top:10px; border-top:1px dashed #666666;}
ul.content_r_serve_contact li{
	background-image: url(../images/tel.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}




.masking-s {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  z-index: 9999;
}

.dialog {
  width: 840px;
  height: 430px;
  padding: 20px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: none;
  z-index: 1000;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 2px #3BA86F;
}

.dialog .close1 {
  font-size: 20px;
  position: relative;
  margin-left: -20px !important;
  margin-top: -20px !important;
}

.dialog .close1 .consult {
  width: 880px;
  height: 90px;
  margin-bottom: 15px;
}

.dialog .close1 .exit {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 30px;
  right: 0;
  cursor: pointer;
}

/* .dialog .close:hover {
  border-radius: 6px;
  background: red;
  color: #fff;
} */

.dialog h4 {
  text-align: center;
  font-size: 16px;
  color: red;
  line-height: 50px;
}

.dialog h5 {
  font-size: 14px;
  line-height: 50px;
  border-bottom: 1px solid #3BA86F;
}

.dialog h5 strong {
  font-weight: bold;
  font-size: 30px;
  color: #3BA86F;
  padding-right: 10px;
}

.dialog h5 span {
  color: #3BA86F;
  font-size: 16px;
  font-weight: bold;
}

.dialog_item {
  display: flex;
}

.dialog_left {
  flex: 2;
}

.dialog_right {
  flex: 1;
}

.dialog_left .tonnage {
  margin-top: 30px;
}

.dialog_left .afterSale_item {
  margin-bottom: 20px;
}

.dialog_left .afterSale_item label {
  width: 50px;
  font-size: 14px;
}

.dialog_left .name,
.dialog_left .phone {
  float: left;
}

.dialog_left .name .input_text {
  width: 160px;
  height: 40px;
  border: 1px solid #666;
  margin-right: 10px;
  text-indent: 20px;
  border-radius: 6px;
  outline: #666;
}

.dialog_left .phone input {
  width: 220px;
  height: 40px;
  border: 1px solid #666;
  margin-right: 10px;
  text-indent: 20px;
  border-radius: 6px;
  outline: #666;
}

.dialog_left .phone span {
  color: red;
}

.dialog_left .afterSale_item input {
  padding: 4px 10px;
  border: none;
  margin-right: 5px;
  cursor: pointer;
  font-size: 14px;
  border-radius: 6px;
  background: #EFEFEF;
  cursor: pointer;
}

.dialog_right .count_down {
  margin-top: 20px;
  color: #3BA86F;
}

.dialog_right .count_down,
.dialog_right .today_consulting {
  width: 100%;
  font-size: 16px;
  height: 38px;
  line-height: 38px;
  margin-bottom: 0;
  text-align: center;
}

.clock {
  width: 100%;
  text-align: center;
  margin-top: 5px;
}

.dialog_right button {
  border: none;
  background: #3BA86F;
  color: #fff;
  width: 100%;
  font-size: 20px;
  height: 50px;
  border-radius: 6px;
  cursor: pointer;
}

.cursor {
  cursor: pointer;
}


.container {
  max-width: 1600px;
 
  margin: auto;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
  float: left;
}
.col-lg-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 49%;
  max-width: 49%;
}
.col-md-6 {
  -ms-flex: 0 0 49%;
  flex: 0 0 47%;
  max-width: 47%;
}
.index_new_box {
  padding: 0;
}

.index_new_box:nth-child(2) {
  padding-right: 15px;
}

.index_new_box:nth-child(3) {
  padding-left: 15px;
}

.index_new_box .title,
.hudong_wraper .title {
  padding: 0 15px;
  background: url(../images/bg1.jpg) no-repeat 0 center;
  background-size: contain;
  font-size: 26px;
  line-height: 28px;
  margin: 30px 0;
}

.index_new_box .img_box1 {
  background-color: #eeeeee;
}
/*.new_first .img_box1{*/
/*    height: 0;*/
/*    padding-bottom:70%;*/
/*    position: relative;*/
/*}*/
/*.new_first .img_box1 img{*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*}*/                
.more {
  color: #666;
  padding: 0 10px;
  font-size: 14px;
  line-height: 28px;
  border-radius: 6px;
  border: 1px solid #999;
}

.more:hover {
  color: #666;
  border-color: #0a68c0;
  box-shadow: 1px 2px 3px 3px #999;
}
/* 鏂伴椈鐗堝潡 */

.new_first {
  padding: 0;
}
/* 鍔ㄧ敾杈规 寮€濮� */

.spbq {
  position: relative;
  overflow: hidden;
}

.biankuang {
  width: 3px;
  height: 3px;
  position: absolute;
  z-index: 99;
  border-radius: 10px;
  /*background: black;*/
}

.biankuang_1 {
  height: 0px;
  top: 0px;
  left: 0px;
  border-left: 3px solid #0a68c0;
}

.biankuang_2 {
  width: 0px;
  bottom: -0px;
  left: 0px;
  border-top: 3px solid #0a68c0;
}

.biankuang_3 {
  height: 0px;
  bottom: 0px;
  right: 0px;
  border-right: 3px solid #0a68c0;
}

.biankuang_4 {
  width: 0px;
  top: -0px;
  right: 0px;
  border-bottom: 3px solid #0a68c0;
}
/* 鍔ㄧ敾杈规 缁撴潫 */

.img_box1>img {
  width: 100%;
  height: 210px;
  object-fit: cover;
}

.new_first:hover .new_title {
  color: #0a68c0;
}

.new_con {
  background-color: #eeeeee;
  padding: 15px 15px 20px;
  height: 90px;
}

.new_con .new_time {
  margin-bottom: 10px;
}

.new_con .new_title {
  line-height: 1.4;
  margin-bottom: 10px;
}

.new_title {
  color: #000;
}

.new_des {
  line-height: 25px;
  height: 220px; text-indent: 2rem;overflow: hidden;
}

.new_lists {
  padding: 0 20px;
}

.index_new_list {
  height: 90px;
  overflow: hidden;
  line-height: 1.6;
  border-bottom: 1px dashed #999;
  margin-bottom: 15px;
  padding-top: 3px;
}

.index_new_list .fr {
  width: calc(100% - 70px);
  line-height: 1.5;
}

.index_new_list .new_time {
  width: 60px;
  height: 60px;
  background: #c1c1c1;
}

.index_new_list .new_time>p {
  line-height: 1.4;
  margin-bottom: 0;
}

.index_new_list .new_title {
  margin: 0 0 4px;
}

.index_new_list:hover .new_time {
  background-color: #0a68c0;
}

.index_new_list:hover .new_title {
  color: #0a68c0;
}


.gywm{
  margin-top: 50px; margin-bottom: 50px;
}
.gywm .sytitle h3{

}
.gywm .gywm_fc{
  /* margin-top: 3.2%; */
  padding: 3.2% 3.2%;
  background-color: #ffffff;
  box-shadow: 0px 6px 14px 2px rgba(0, 0, 0, 0.08);
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.gywm .gywm_fc .gywm_fcl{
  width: 44.73%;
  overflow: hidden;
  cursor: pointer;
}
.gywm .gywm_fc .gywm_fcl img{
  width: 100%;
  transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;
} 
.gywm .gywm_fc .gywm_fcl:hover img{
  transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);
}

.gywm .gywm_fc .gywm_fcr{
  width: 52.28%;
}
.gywm .gywm_fc .gywm_fcr h3{
  font-size: 16px;
font-weight: normal;
line-height: 2;
color: #666666;
  margin: .4rem 0 3.25rem;
}
.gywm .gywm_fc .gywm_fcr li:nth-child(1) a{
  background: #1f509c;
background-blend-mode: normal, normal;
border-radius: 4px 0px 0px 4px;
  color: #ffffff;
}
.gywm .gywm_fc .gywm_fcr li a{
  display: inline-block;
  font-size: .9rem;
line-height: 1;
  padding: .9rem 3.75rem;
color: #222222;
  background-color: #ebebeb;
border-radius: 0px 4px 4px 0px;
}
.gywm .gywm_fb{
  background-color: #E70012;
}
.bsbj{
  padding: 3.2% 0 0;
  width: 100%;
  background: #fff;
}
.gywm .gywm_fb ul{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 3.734%;
  padding-bottom: 5.334%;
}
.gywm .gywm_fb li{
  width: 25%;
  padding: 0 5px;
  text-align: center;
}
.gywm .gywm_fb li .suzi{
  font-size: 3.2rem;
font-weight: normal;
line-height: 1;
color: #ffffff;
}
.gywm .gywm_fb li .suzi1{
  display: inline-block;
  width: 22px;
background-color: #ffffff;
  font-size: 18px;
font-weight: normal;
line-height: 22px;
color: #ff4a4a;
  border-radius: 50%;
  text-align: center;
  vertical-align: top;
  margin-left: 5px;
}
.gywm .gywm_fb li h4{
  font-size: 18px;
font-weight: normal;
line-height: 1.25;
color: #ffffff;
  margin-top: 2.935%;
}
@media(max-width: 1366px){
  .gywm .gywm_fc .gywm_fcr h3{
      font-size: 14px;
  }
  .gywm .gywm_fb li h4{
      font-size: 16px;
  }
}
@media(max-width: 1280px){
  .gywm .gywm_fc .gywm_fcr li a{
      font-size: 15px;
  } 
}
@media(max-width: 991px){
  .gywm .gywm_fb li h4{
      font-size: 14px;
      margin-top: 10px;
  }
  .gywm .gywm_fc .gywm_fcl{
      width: 100%;
  }
  .gywm .gywm_fc .gywm_fcr{
      width: 100%;
      margin-top: 15px;
  }
  .gywm .gywm_fc .gywm_fcr h3{
      margin: 0 0 15px;
  }
  .gywm .gywm_fc .gywm_fcr li a{
      padding: 12px 40px;
  } 
}
@media(max-width: 768px){
  .gywm .gywm_fb li{
      width: 50%;
      margin: 5px 0;
  }
}
@media(max-width: 468px){
  .gywm{
      padding-top: 25px;
  }
  .gywm .gywm_fc{
      margin-top: 15px;
      padding: 15px 15px 0;
  }
  .bsbj{
      padding: 15px 0 0;
  }
  .gywm .gywm_fb ul{
      padding: 15px 0;
  }
  .gywm .gywm_fc .gywm_fcr li{
      width: 50%;
      text-align: center;
  }
  .gywm .gywm_fc .gywm_fcr li a{
      display: block;
      padding: 15px 30px;
  }
  .gywm .gywm_fb li .suzi1{
      font-size: 14px;
  }
}


/* company */
/* 标题 */
.sytitle{
  text-align: center;
  position: relative;
}
.sytitle h3{
  font-family: Arial;
  font-size: 4rem;
font-weight: bold;
line-height: 1;
color: rgba(0, 0, 0, .1);
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index:2;
}
.sytitlex{
  padding-top: 1.25rem;
  position: relative;
  z-index: 5;
}
.sytitle h4{
  font-size: 42px;
font-weight: bold;
line-height: 1.33333333;
  color: #1f509c;
}
.sytitle h4 span{
  color: #222222;
}
.sytitle h5{
  font-size: 16px;
  font-weight: normal;
line-height: 1.3333;
color: #666666;
  margin-top: 1%;
  margin-bottom: 1.4%;
}
@media(max-width: 1200px){
  .sytitle h5{
      font-size: 16px;
  }
}
@media(max-width: 991px){
  .sytitle h3{
      font-size: 46px;
  }
  .sytitlex{
      padding-top: 12px;
  }
  .sytitle h4{
      font-size: 28px;
  }
  .sytitle h5{
      font-size: 16px;
  }
  .sytitle h5{
      margin-top: 5px;
      margin-bottom: 5px;
  }
}

.title{
	width: 100%;
	margin: 20px auto;
}

.title h3{
	color: #333333;
	font-weight: bolder;
	font-size: 28px;
	display: inline-block;
	margin: auto;
	position: relative;
}
.title h3 font{
	color: #ca2c18;
}
.title span{
	color: #6c6c6c;
	font-size: 25px;
	line-height: 3;
	display: inline-block;
}

.ftitle {
	width: 100%;
	margin: 0px 0 15px 0;
}

.ftitle h3 {
	font-size: 40px;
	color: #3f3f3f;
	text-align: center;
	position: relative;
	background: url(../img/tit-x1.png) no-repeat center 37px;
	background-size: 100% 30%;
}

.ftitle h3 span {
	color: #ca2c18;
}

.ftitle p {
	text-align: center;
	line-height: 55px;
}

.sy_txt{}
.sy_txt p{display: block; font-size: 50px; font-weight: bold; color: #333;  line-height: 42px;height: 79px; text-align: center;}
.sy_txt p i{font-size: 60px; font-style: normal; padding: 0 5px;}
.sy_txt span{text-align: center; display: block; font-size: 18px; color: #666666;  margin-top: 11px;}
.hz {height: 358px;width: 100%;background: url(../images/hz.jpg) no-repeat center;}
.sy_youshi{width:100%;  background: url(../images/zs.png) no-repeat center; }
.sy_youshi_a{padding-top: 10px;  margin: 0 auto;  width: 1300px;}
.sy_bz1{height: 455px; margin-bottom: 50px; margin-top: 32px;}
.sy_bz1 span{ display: block; float: left; width: 645px; height: 459px; margin-left: 48px;}
.sy_ys_a{ float: right; width: 540px; margin-top: 30px;}
.sy_youshi_a dl{}
.sy_youshi_a dl dt{margin-bottom: 20px; height: 100px; border-bottom: 2px dashed #f0f0f0; padding-bottom: 10px;}
.sy_youshi_a dl dt i{display: block; float: left;}
.sy_youshi_a dl dt strong{display: block; float: left; position: relative; margin-left: 20px;  padding-top: 12px;  line-height: 30px;  font-size: 36px;  color: #0a68c0; font-weight: bold;}
.sy_youshi_a dl dt strong em{line-height: 24px; font-size: 24px; color: #333; font-weight: bold; display: block; padding-top: 17px;}
.sy_youshi_a dl dd{background:url(../images/ys_tit.jpg) no-repeat left;     margin-left: 30px;}
.sy_youshi_a dl dd p{font-size: 16px; color: #333333; margin-bottom: 20px !important; padding-left: 40px;}
.sy_youshi_a dl dd p i{font-size: 14px; font-weight: bold; color: #ff8400; font-style: normal;}

.sy_ys_b dd{background: url(../images/ys_tit2.jpg) no-repeat left !important;}
.sy_ys_b{float: left; width: 478px; margin-top: 30px;}
.sy_bz2{height: 400px; margin-bottom: 120px;}
.sy_bz2 span{ display: block; float: right; width: 645px; height: 459px; margin-left: 48px;    padding-right: 35px;}

.sy_ys_c{float: right; width: 540px; margin-top: 30px;}
.sy_bz3{height: 456px;}
.sy_bz3 span{display: block;  float: left; width: 651px; height: 403px;  margin-left: 48px;}
.sy_youshi_b{ height: 555px; background: url(../images/bz4.jpg) no-repeat center; }
.sy_bz4{height: 456px; }
.sy_bz4 span{ display: block; float: right; width: 645px; height: 400px; margin-left: 48px;    padding-right: 35px;}
.sy_youshi_b dl dt{margin-bottom: 20px; height: 100px;  border-bottom: 2px dashed #f0f0f0; padding-bottom: 10px;}
.sy_youshi_b dl dt i{display: block; float: left;}
.sy_youshi_b dl dt strong{display: block; float: left; position: relative; margin-left: 20px;  padding-top: 12px; line-height: 30px; font-size: 36px;  color: #0a68c0; font-weight: bold;}
.sy_youshi_b dl dt strong em{line-height: 24px; font-size: 24px; color: #333; font-weight: bold; display: block; padding-top: 17px;}
.sy_youshi_b dl dd{background: url(../images/ys_tit.jpg) no-repeat left;  margin-left: 30px;}
.sy_youshi_b dl dd p{    font-size: 16px; color: #333333; margin-bottom: 20px; padding-left: 40px;}
.sy_ys_d dd{background: url(../images/ys_tit3.jpg) no-repeat left !important;}
.sy_youshi_b dl dd p i{font-size: 14px; font-weight: bold; color: #ff8400; font-style: normal;}
.sy_ys_d{float: left; width: 480px; margin-top: 88px;}

.sy_youshi_b dl dd em{display:block;margin-top: 60px;}
.sy_youshi_b dl dd a{display: block; width:122px; height:38px; text-align: center; line-height: 38px;background:url("../images/wzbj2.png") no-repeat center; float:left; font-size: 16px; color:#FFF; font-weight: bold; margin-right: 22px;}
.sy_youshi_b dl dd strong{display: block;float:left; font-size: 14px; line-height: 15px; height:38px; font-weight: normal; color:#666666;}
.sy_youshi_b dl dd strong b{display: block; font-weight: bold; font-size: 24px; line-height: 25px; color:#1a1a1a; font-family:"Arial";}


.sy_youshi_a dl dd em{display:block;margin-top: 50px;}
.sy_youshi_a dl dd a{display: block; width:122px; height:38px; text-align: center; line-height: 38px;background:url("../images/wzbj2.png") no-repeat center; float:left; font-size: 16px; color:#FFF; font-weight: bold; margin-right: 22px;}
.sy_youshi_a dl dd strong{display: block;float:left; font-size: 14px; line-height: 15px; height:38px; font-weight: normal; color:#666666;}
.sy_youshi_a dl dd strong b{display: block; font-weight: bold; font-size: 24px; line-height: 25px; color:#1a1a1a; font-family:"Arial";}


/* 浜掑姩骞冲彴 */

.hudong_wraper {
  margin-bottom: 70px;
}

.hudong_list>div {
  height: 20px;
  padding: 20px 40px 20px 20px;
  color: #fff;
}

.hudong_list:nth-child(2) div {
  color: #000;
}

.hudong_list:first-of-type>div {
  background: url(../images/hudong1.jpg) no-repeat 0 0;
  background-size: cover;
}

.hudong_list:nth-child(2)>div {
  background: url(../images/hudong2.jpg) no-repeat;
  background-size: cover;
}

.hudong_list:nth-child(3)>div {
  background: url(../images/hudong3.jpg) no-repeat 0 0;
  background-size: cover;
}

.hudong_list img {
  height: 160px;
  width: 160px;
}

.hudong_list .txt {
  width: calc(100% - 200px);
  margin-right: .4rem;
}

.hudong_list:hover {
  transform: translateY(-10px);
  /* color: #000; */
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
float: left;
}
.wraper{
width: 100%;
overflow: hidden;
}

.index_new_box .img_box1 {
display: block;
height: 210px;
overflow: hidden;
}

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
float: left;
}
.fs20 {
font-size: 20px;
}
.tc {
text-align: center;
}
.fs26 {
font-size: 26px;
}
.fs14 {
font-size: 14px;
}
.white {
color: #fff;
}

.new_lists h4{line-height: 50px;}
.new_lists .lxp{line-height: 50px; font-size: 23px;}

#w_grid-1622167938351 {
  width: 100%;
  max-width: none;
  min-width: 0px;
  height: auto;
  max-height: none;
  min-height: 0px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
.w_grid-000 > .w_grid {
  width: 100%;
  position: relative;
}
#w_grid-1622167938351 >div {
    animation-fill-mode: both;
    border-bottom: 1px dashed #e4e4e4;
}
.w_grid-000 > div > .p_gridbox {
  width: 100%;
  overflow: hidden;
  position: static;
}
.w_grid-000 > div > div > .p_gridCell {
  float: left;
  position: static;
}
#w_grid-1622167938351> div > .p_gridbox > .p_gridCell {
  margin-bottom: 0rem;
  margin-top: 0rem;
  margin-left: 0px;
}
#w_grid-1622167938351> div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
  margin-left: 0px;
  clear: left;
  margin-right: 0px;
  width: 15.21%;
}
.w_fimg-000 {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 200px;
}
#w_fimg-1622167938371 {
  width: 100%;
  max-width: 50px;
  min-width: 0px;
  height: auto;
  max-height: none;
  min-height: 0px;
  margin-top: 14px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
}
.w_img {
    margin: 0;
    padding: 0;
    width: inherit;
    height: inherit;
}
.w_fimg-000 .animated {
  width: 100%;
  height: 100%;
  position: relative;
  min-height: inherit;
}
#w_fimg-1622167938371 >div {
    animation-fill-mode: both;
}
.w_fimg-000 .p_box {
  width: 100%;
  height: 100%;
  text-align: center;
  position: static;
}
.w_fimg-000 .p_link001 {
    width: 100%;
    height: 100%;
}
.w_fimg-000 .p_dimage {
  height: inherit;
  overflow: hidden;
  font-size: 0;
  width: 30px;
}
#w_grid-1622167938351> div > .p_gridbox > .p_gridCell:nth-child(2n+0) {
  width: 72.78999999999999%;
  margin-left: 0px;
  margin-right: 0px;
  clear: none;
}
#w_grid-1622167938351> div > .p_gridbox > .p_gridCell:nth-child(2n) {
  margin-right: 0px;
}
#w_common_text-1622167938375 {
  width: auto;
  max-width: none;
  min-width: 0px;
  height: auto;
  max-height: none;
  min-height: 66px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
#w_grid-1622168284796 {
  width: 100%;
  max-width: none;
  min-width: 0px;
  height: auto;
  max-height: none;
  min-height: 0px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
#w_grid-1622168284796 >div {
  animation-fill-mode: both;
  border-bottom: 1px dashed #e4e4e4;
}
#w_grid-1622168284796> div > .p_gridbox > .p_gridCell {
  margin-bottom: 0rem;
  margin-top: 0rem;
  margin-left: 0px;
}
#w_grid-1622168284796> div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
    margin-left: 0px;
    clear: left;
    margin-right: 0px;
    width: 15.21%;
}
#w_fimg-1622168168340 {
  width: 100%;
  max-width: 50px;
  min-width: 0px;
  height: auto;
  max-height: none;
  min-height: 0px;
  margin-top: 14px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
}
#w_fimg-1622168168340 >div {
  animation-fill-mode: both;
}
#w_grid-1622168284796 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
  margin-left: 0px;
  clear: left;
}
#w_grid-1622168284796> div > .p_gridbox > .p_gridCell:nth-child(2n+0) {
  width: 72.78999999999999%;
  margin-left: 0px;
  margin-right: 0px;
  clear: none;
}
#w_grid-1622168284796> div > .p_gridbox > .p_gridCell:nth-child(2n) {
    margin-right: 0px;
}
#w_common_text-1622168284807 {
  width: auto;
  max-width: none;
  min-width: 0px;
  height: auto;
  max-height: none;
  min-height: 66px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
#w_grid-1622168324565 {
  width: 100%;
  max-width: none;
  min-width: 0px;
  height: auto;
  max-height: none;
  min-height: 0px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
#w_grid-1622168324565 >div {
    animation-fill-mode: both;
    border-bottom: 1px dashed #e4e4e4;
}
#w_grid-1622168324565> div > .p_gridbox > .p_gridCell {
  margin-bottom: 0rem;
  margin-top: 0rem;
  margin-left: 0px;
}
#w_grid-1622168324565> div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
    margin-left: 0px;
    clear: left;
    margin-right: 0px;
    width: 15.21%;
}
#w_fimg-1622168168333 {
  width: 100%;
  max-width: 50px;
  min-width: 0px;
  height: auto;
  max-height: none;
  min-height: 0px;
  margin-top: 14px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
}
#w_fimg-1622168168333 >div {
  animation-fill-mode: both;
}
#w_grid-1622168324565> div > .p_gridbox > .p_gridCell:nth-child(2n+0) {
  width: 72.78999999999999%;
  margin-left: 0px;
  margin-right: 0px;
  clear: none;
}
#w_grid-1622168324565> div > .p_gridbox > .p_gridCell:nth-child(2n) {
  margin-right: 0px;
}
#w_common_text-1622168324571 {
  width: auto;
  max-width: none;
  min-width: 0px;
  height: auto;
  max-height: none;
  min-height: 66px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}