@font-face {
  font-family: 'SourceHanSerifCN-Regular';
  src: url('./SourceHanSerifCN-Regular.otf');
}
*{margin:0;padding:0;}
li{list-style-type: none;}
a{text-decoration:none;color:#000;}
h1,h2,h3,h4,h5,h6{ font-style: normal; font-size:100%; font-weight:normal;}
body{margin: 0 auto;color:#333;background:#fff;font-size: 1rem;}
.no{display:none;}
img{ border:0;}
.img{width: 100%;display:block}
.clear{clear:both;}
.box{width:94%;margin:0 auto;}
.over{overflow: hidden}
.fl{float: left} 
.fr{float: right}
.border{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;}
.syst{font-family: 'SourceHanSerifCN-Regular';}
.swiper{ margin: 0;}
.swiper-button-prev,.swiper-button-next{outline: none;margin: 0;}


.sy1{width:100%;height:5rem;padding: 0 5%; position:fixed;top:0;left:0;z-index:999;background:#fff;}
.sy1 .logo{display: block;height: 2.3rem;}

.sy12{width:2.3rem;height:1.6rem;z-index:99;background:url('../image/logo1.png') no-repeat center;background-size:100%}
.sy12 div{ position:relative;background-size:auto}
.sy12 div a{ height:47px; line-height:47px;}
.sy12  .showmenu{  display:none;height:auto; width:10rem;position:absolute; right:-1rem; top:3.5rem; z-index:99; background-color:#fff;border-radius:0px 0px  5px 5px;margin-right: 1rem;}
.sy12  .showmenu p{ text-shadow:none; height:3rem; border-bottom:1px solid #e8e8e8; text-align:center}
.sy12  .showmenu p a{ height:24px; line-height:24px; width:100%; display:block; color:#666;margin-top: 1rem;}

.hz1{width:100%;position:relative;margin-top:5rem;}
.hz11{position:absolute;top:0;left:0;width:100%;height:100%}
.hz11 .main_visual{height:100%;overflow:hidden;position:relative;width:100%;}
.hz11 .main_image{height:100%;overflow:hidden;position:relative;}
.hz11 .main_image ul{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.hz11 .main_image li{float:left;width:100%;height:100%;}
.hz11 .main_image li span{display:block;width:100%;height:100%}
.hz11 .main_image li .img_1{background:url('../image/1.jpg') center top no-repeat;background-size: 100%}
.hz11 .main_image li .img_2{background:url('../image/2.jpg') center top no-repeat;background-size: 100%}
.hz11 .main_image li .img_3{background:url('../image/3.jpg') center top no-repeat;background-size: 100%}
.hz11 .flicking_con{width: 100%; position:absolute;bottom:0.5rem;left:0;z-index:99;text-align: center}
.hz11 .flicking_con a{width:0.8rem;height:0.8rem; display: inline-block; background:url('../image/dot.png') 0 0rem no-repeat;text-indent:-1000px;background-size:100%;margin:0 0.3rem;}
.hz11 .flicking_con a.on{background-position:0 -1.6rem}


.banner{width: 100%;margin-top: 5rem;}

.cor{color: #173883}
.cor2{color: #ffffff}
/* 内容 */
.title{padding:3rem 0 2rem;}
.title h3{font-size: 1.8rem;font-weight: 700;margin-bottom: 0.5rem;}
.title p{font-size: 1.2rem;color: #999999;}

.ht0{width: 100%;padding: 3rem 0;}
.ht01{padding: 2rem 5%; background: #fff;box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);}
.ht011 h5{font-size: 1.2rem;padding-left: 0.3rem;border-left: 0.2rem solid #173883;line-height: 1.2rem;}
.ht011 h5 span{font-size: 1.3rem;font-weight: 700}
.ht012{width: 100%;margin-top: 1.5rem}
.ht012 .text{display: block; width:100%;height:3rem;border-radius: 0.3rem; border: 1px solid #dbdbdb;margin-bottom: 1rem; background:none;outline: none;font-size: 0.9rem;padding: 0 2%;}
.ht012 .tj{display: block;width:60%; height:3rem;border-radius: 0.3rem;margin:  1.5rem auto 0;  background:#173883;outline:none;cursor: pointer;border: none; font-size: 1.2rem;color: #fff;}

.ht1{width: 100%; background: url(../image/ht1.jpg) no-repeat center bottom;background-size: 100%;background-color: #f6f6f6;padding-bottom: 3rem;}
.ht11{margin-bottom: 2rem;}
.ht11 ul div{font-size: 1rem;color: #999999;}
.ht11 ul div:last-child{display: none}
.ht11 ul li a{display: block;font-size: 0.8rem;color: #999999;line-height: 2.2rem;}
.ht11 ul li.active a{border-bottom: 0.1rem solid #173883;color: #173883;font-weight: 700}

.ht122{width: 100%}
.ht122 ul li{width: 45%;margin-bottom: 1.5rem;font-size: 0.9rem}
.ht12_img{width: 100%;height: 10rem;margin-bottom: 2rem;}
.ht12_img img{max-width: 100%;max-height: 100%;}


.ht2{width: 100%;background: url(../image/ht2.jpg) no-repeat center top;background-size: 100%;padding-bottom: 3rem;}
.ht21{width: 100%;height: 15.7rem;}
.ht21>img{display: block;width: 100%;height: 100%;}
.ht211{width: 93%;bottom: 7%;left:0;right: 0;margin:auto;}
.ht21_img{width: 100%;height: 3.8rem;background: #fff;}
.ht21_img img{max-width: 85%;max-height: 85%;}

.ht22{width: 100%;background: #efefef;margin-bottom: 2rem}
.ht22 ul li{width: 32.8%;height: 3rem;margin-bottom: 0.2rem;padding: 0 0 0 3%; background: #fff;font-size: 0.9rem;}
.ht22 ul li .icon{width:2.2rem; margin-right: 8%; position:relative; overflow:hidden;}
.ht22 ul li .icon img{ display:block;width:2.2rem; margin:0 auto; position:relative; filter: drop-shadow(2.2rem 0 #fff); -webkit-filter: drop-shadow(2.2rem 0 #fff);}
.ht22 ul li.active{background: #173883;color: #fff}
.ht22 ul li.active .icon img{transform: translate(-2.2rem, 0);-webkit-transform: translate(-2.2rem, 0);-ms-transform: translate(-2.2rem, 0);-o-transform: translate(-2.2rem, 0);}
.ht22 ul li:nth-child(9),.ht22 ul li:nth-child(10){margin-bottom: 0}

.ht31 ul li{width: 25%; display: inline-block;margin: 0 2% 2rem;}
.ht31 ul li a{width: 100%;height: 2.2rem;color: #666666;}
.ht31 ul li.active a{background-color: #173883;color: #fff;}

.ht3{padding-bottom: 3rem;}
.ht321 .swiper-slide{padding-bottom: 1.5rem; border-bottom: 1px solid #e6e6e6;}

.ht322 .swiper{height: 18rem;}
.ht323 .swiper{height: 18rem;}
.ht323 .swiper-slide div{width: 100%;height: 3.6rem;border:1px solid #eeeeee;padding: 0 3%;font-size: 0.8rem;color: #666666;}





.con{padding: 3rem 0;}
.con1{padding:0  0 3rem;}

.etit{padding: 3rem 0 2rem ;}
.etit h3{font-size: 1.8rem;font-weight: 700}

/* 产品中心 */
.product ul li{width: 48%;overflow: hidden; margin-bottom: 1.5rem;}
.p_img{width: 100%;height: 15rem;background: #fff;border: 1px solid #bcb9c1;}
.p_img img{max-width: 90%;max-height: 90%;}
.p_title{margin: 0.8rem 0 0.5rem;font-size: 1rem;font-weight: 700;height: 28px;overflow: hidden;}
.p_des{font-size: 0.8rem;height: 52px;overflow: hidden; color: #999999;line-height: 1.3rem;-webkit-line-clamp: 2;}
.product ul li:hover .p_title{color: #173883}

/* 切割视频 */
.a_nav{margin-bottom: 2rem;}
.a_nav ul li{width: 33%;margin: 0.5rem 0}
.a_nav ul li a{display: inline-block;line-height: 2rem;font-size: 1rem;border-bottom: 0.1rem solid #fff}
.a_nav ul span{display: block;width: 1px;height: 1.2rem;background: #999999}
.a_nav ul span:nth-child(6n){display: none}
.a_nav ul span:last-child{display: none}
.a_nav ul li a:hover,.a_nav ul li a.active{color: #173883;border-bottom: 0.1rem solid #173883}

.video ul li{width: 48.5%;overflow: hidden;border: 1px solid #f0f0f0; margin-bottom: 1.5rem;}
.v_sp{width: 100%;height: 10rem;}
.v_title{display: block;line-height: 2.5rem;background: #f0f0f0; font-size: 0.9rem;font-weight: 700}
.video ul li:hover .v_title{color: #fff;background: #173883}


/* 新闻资讯 */
.news ul li{width: 48%;padding-bottom: 1rem; border-bottom: 1px solid #e6e6e6;margin: 0  0 1.5rem 0;}
.n_img{display: block;width: 100%;height: 9.3rem}
.n_img img{width: 100%;height: 100%;}
.n_title{margin: 1.3rem 0 0.8rem;font-size: 0.9rem}
.n_des{font-size: 0.8rem;line-height: 1.2rem;-webkit-line-clamp: 2;height: 2.5rem;overflow: hidden;}



.dynamoic ul li{margin-bottom: 1.5rem;}
.d_img{display: block;width: 45%;height: 8.5rem;position: relative}
.d_img img{width: 100%;height: 100%;display: block;position: absolute;top:0;left:0;}
.d_con{width: 52%}
.d_title{height: 1.25rem;overflow: hidden;}
.d_con p{font-size: 0.7rem;color: #858585;margin: 0.6rem 0 0.8rem;}
.d_des{font-size: 0.8rem;line-height: 1.2rem;-webkit-line-clamp: 2;height: 2.5rem;overflow: hidden;margin: 0.8rem 0;}
.d_more{width: 30%;height: 1.2rem;border-radius: 0.6rem;background: #173883;font-size: 0.6rem;color: #fff;}
.dynamoic ul li:hover .d_title{color: #173883;font-weight: 700}

.guide ul li{width: 100%;height: 3.8rem;border:1px solid #eeeeee;padding: 0 3%;font-size: 0.8rem;color: #666666;margin-bottom: 1rem;}
.g_title{width: 60%;padding-left: 5%;background: url(../images/sj.png) no-repeat left center;background-size: 0.8rem; font-size: 0.9rem;}
.guide ul li:hover .g_title{background: url(../images/sj_.png) no-repeat left center;background-size: 0.8rem;color: #173883}

/* 关于我们 */
.about_body{font-size:0.9rem;color: #999999; line-height: 2rem;white-space:-moz-pre-wrap;word-wrap:break-word;text-align: justify;}
.about_body img{max-width:100%;}

/* 企业文化 */
.wh1{margin-top: 2rem;}
.wh11{top:4.5rem;left: 3% ;}
.wh11 h3{font-size: 1.2rem;font-weight: 700;}
.wh11 p{font-size: 0.8rem;line-height: 1.2rem; margin-top: 0.7rem}

.wh21 ul li{width: 32.5%; padding: 0.3rem 0.3rem 4rem;background: #f8f8f8}
.wh21 ul li .w211{display: block;margin: 1rem 0 0.7rem;height: 0.8rem}
.wh21 ul li h5{font-weight: 700;font-size: 1rem;width: 60%;border-bottom: 0.1rem solid #173883;padding-bottom: 0.2rem;margin-bottom: 0.8rem;}
.wh21 ul li p{color: #666666;font-size: 0.8rem}
.wh21 ul li .w212{display: block;height: 2rem; position: absolute;bottom: 1rem;right: 5%;}
.wh31 ul li .wh311{width: 100%;}
.wh31 ul li .wh312{width: 100%;padding: 1.5rem 0;}
.wh31 ul li .wh312 h5{font-size: 1rem;}
.wh31 ul li .wh312 p{font-size: 0.8rem;color: #999999;padding-top: 1rem;margin-top: 1rem;line-height: 1.5rem;border-top: 1px solid #e6e6e6;}

/* 发展历程 */
.fzlc{width: 100%;background: url(../image/fz.jpg)  0 center;background-size: 100%; padding: 1.5rem 3% 0;}
.fzlc ul li{width: 52.4%;float: left;padding-top: 0.1rem;}
.fzlc ul li:nth-child(2n+1){padding-right: 8%;background: url(../images/fz.png) no-repeat right 0;background-size: 1.5rem; margin-bottom: 2.5rem;}
.fzlc ul li:nth-child(2n){padding-left: 8%;background: url(../images/fz.png) no-repeat left 0;background-size: 1.5rem; margin-top: 6rem;}
.fzlc ul li:nth-child(2n){margin-left: -5.2%;margin-bottom: -5rem;}
.fzlc ul li p{font-size: 1rem;}
.fzlc ul li .f_img{width: 100%;height: 9.4rem;margin: 1rem 0;}
.fzlc ul li .f_img img{width: 100%;height: 100%;}
.fzlc ul li:nth-child(2n+1) p{text-align: right ;}
.fzlc ul li .f_des{font-size: 0.8rem;color: #858585;line-height: 1.5rem;max-height: 10.5rem;overflow: auto;}
.fzlc ul li:last-child{margin-bottom: 0}


/* 荣誉证书 */
.honor{padding-bottom: 3rem;}
.honor1 .swiper .swiper-wrapper .swiper-slide .zz_img{width: 100%;height: 13rem;border: 0.2rem solid #666666;}
.honor1 .swiper .swiper-wrapper .swiper-slide .zz_img img{max-width: 100%;max-height: 100%;}
.honor1 .swiper .swiper-wrapper .swiper-slide .zz_name{display: block; margin-top: 0.8rem;}
.honor0{width: 100%;background: url(../image/h.jpg) no-repeat center;background-size: 100%;padding-bottom: 3rem;}


/* 精良装备 */
.jlzb ul li{width: 48.5%;margin-bottom: 1.5rem;background: #fff;border-bottom: 0.1rem solid #fff}
.jlzb ul li .zb_img{display: block;width: 100%;height: 10.2rem;}
.jlzb ul li .zb_img img{display: block;width: 100%;height: 100%;}
.jlzb ul li .zb_tit{line-height: 4rem;font-size: 0.9rem;padding: 0 5%;}
.jlzb ul li:hover{border-color: #2468f2;box-shadow: 0 0 0.2rem rgba(36, 104, 242, 0.1)}
.jlzb ul li:hover .zb_tit{color: #2468f2}


/* 团队风采 */
.td11 ul li{width: 48.5%;margin-bottom: 1rem}
.td1_img{width: 100%;height: 10rem; border: 1px solid #f0f0f0;}
.td1_img img{width: 95%;height: 95%;}
.td11 ul li p{width: 100%;height: 3rem;background: #f0f0f0;font-size: 0.9rem;}
.td211{width: 100%}
.td211 img{width: 49%;}
.td212{width: 100%;margin: 0.6rem 0;}
.td31 ul li{width: 48.5%;margin-bottom: 1rem;}

/* 售后服务 */
.sh1 h4{font-size: 1.5rem;font-weight: 700}
.sh1 p{margin: 1.5rem 0 2rem;font-size: 1rem;line-height: 2rem;color: #666666}
.sh1 a{width: 45%;height: 3rem;border-radius: 1.5rem;background: #173883;font-size: 1.1rem;color: #fff;margin:0 auto 3rem;}

.sh2{width: 100%;background: url(../images/sh2.jpg) no-repeat center bottom;background-size: 100%; background-color: #f2f2f2;padding-bottom: 7rem;}
.sh21>p{font-size: 1rem;color: #999999;line-height: 2rem;width: 95%;margin: 0 auto 2rem;}
.sh21>ul li{width: 32%;margin-bottom: 1rem;}
.sh21>ul li h5{font-size: 0.9rem;}
.sh21>ul li h5 span{font-size: 2.5rem;font-weight: 700 }
.sh21>ul li p{font-size: 0.8rem;color: #666666;}

.sh31 ul li{width: 48.5%;margin-bottom: 2rem}
.sh311 h5{font-size: 3rem;color: #dadada;line-height: 2.5rem;}
.sh311 h4{font-size: 1.5rem;color: #454545;line-height: 1.5rem;margin: 0.7rem 0 0 0.3rem}
.sh311 h4 span{font-size: 0.7rem;color: #999999}
.sh31 ul li h3{font-size: 1.1rem;line-height: 1.4rem;color: #454545;font-weight: 500;margin: 1.5rem 0 1.2rem;}
.sh31 ul li p{height: 3.9rem; font-size: 0.8rem;line-height: 1.3rem;color: #666666;text-align: justify;margin-bottom: 1.2rem;}
/* 联系我们 */
.lx1{width: 100%;background: url(../image/lx.jpg) no-repeat center top;background-size: 100%;}
.lx11{width: 90%; box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.1);padding: 2rem 5%;background: #fff;}
.lx111{width: 100%;margin-bottom: 1.5rem}
.lx111>h1{font-size: 1.3rem;}
.lx111>p{font-size: 0.8rem;color: #666666;margin: 0.5rem 0 0;}
.lx111 ul li{width: 100%;margin-top: 0.8rem;}
.lx111 ul li h5{width: 20%;}
.lx111 ul li h5 img{width: 2rem;height: 2rem;}
.lx111 ul li p{width: 80%;line-height: 1.6rem;margin-top: 0.2rem;}


.lx112 ul li{width: 35%;margin-right: 5%}
.lx112 ul li img{padding: 5%;border:1px solid #e6e6e6;}
.lx112 ul li p{font-size: 0.8rem;margin-top: 0.8rem;}

.lx21{box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);padding: 50px 75px;}
.lx211{width: 330px;height: 46px;background: #f7f7f7;padding: 0 20px;}
.lx21 p{color: #7c7c7c;}
.lx21 p span{color: #ff0000;}
.lx21 .text{display: block; width:200px; height:46px;background: none;outline: none;border: none;font-size: 18px;}
.lx212{padding:20px;margin: 28px 0 40px; width: 100%;height: 130px;background: #f7f7f7;line-height: 26px;}
.lx21 .text1{width: 920px;height: 90px;}
.lx21 .tj{display: block;width:470px; height:60px;background: #d5b345;outline:none;cursor: pointer;border: none;margin: 0 auto 0; font-size: 18px;color: #fff}

.lx3{width: 100%;}
.map{width:100%; height: 30rem;overflow: hidden;}
.iw_poi_title {color:#CC5522;font-size:0.7rem;font-weight:bold;overflow:hidden;padding-right:0.6rem;white-space:nowrap}
.iw_poi_content {font:0.6rem arial,sans-serif;overflow:visible;padding-top:0.2rem;white-space:-moz-pre-wrap;word-wrap:break-word}


.article_title{margin-bottom: 2rem}
.article_title h2{font-size: 1.3rem;}
.article_title p{font-size: 0.8rem;color: #666666;margin-top:0.7rem;}
.article_body{white-space:-moz-pre-wrap;word-wrap:break-word;font-size: 0.9rem;line-height: 1.8rem;padding:2rem 0;border-top: 1px dashed #999999;border-bottom: 1px dashed #999999;}
.article_body img{max-width:100%;}

.cp_body{white-space:-moz-pre-wrap;word-wrap:break-word;font-size: 0.9rem;line-height: 1.8rem;}
.cp_body img{max-width:100%;}



/* 上下篇 */
.sxy{font-size: 0.9rem;line-height: 1.8rem; color: #666666 ;margin-top: 2rem}
.sxy a{color: #666}
.sxy1{width:100%;}
.sxy2{width:100%;}
.sxy a:hover{color: #173883}


.di{width: 100%;background:#27282d;padding: 1rem 0 5rem;font-size: 0.8rem;text-align: center;line-height: 1.5rem;color: #6e6e6e}
.di a{color: #6e6e6e}

.di0{width:100%;position:fixed;bottom:0;left: 0;z-index: 999;}
.di01{display:flex;justify-content: space-between; flex-flow:nowrap}
.di01 a{width:50%;line-height:4rem;height:4rem;text-align: center;font-size: 1.2rem;color: #fff;}