@import url(style.css);
@import url(custom.css);
@import url(mobile.css);
@import url(lrtk3.css);
@keyframes scaleAnim{
    0%{         
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
/*内页*/
.postions{ height:70px; line-height:70px; /* overflow:hidden; */color:#222222; font-size:14px; background:#fff; position:relative;}
.postions:after{ content:""; position:absolute; bottom:0; left:0; height:1px; width:100%; background:#e5e5e5;}
.sec .postions{ margin-top:20px;}
.postions.bgs2{-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1);box-shadow: 0 5px 15px rgba(0,0,0,.1);}
.postions.bgs3{ border-bottom:0; height:58px; line-height:58px;}
.postions.bgs4{display: none;}
.posadd .postions{ position:fixed; top:0; left:0; width:100%; z-index:5;}
.postions a{color:#222222; }
.postions a:hover{ color:222222;}
.postions label{ color:#777777;}
.postions .goback{ float:right; height:72px; line-height:72px;color:#777777; font-size:14px; padding-left:25px; background:url(../images/goback.png) left center no-repeat; background-size:16px 15px;}
.postions .goback:hover{color:#00468c;}
.postions .postions_r{}
.postions .postions_r img{ vertical-align:text-top; margin-right:8px; height:16px;}
.postions .postions_r img:first-child{ margin-left:0;}
.postions h2{ float:left; font-weight:normal; color:#333; height:58px; font-size:20px;}
.postions h2 span{font-size:16px; font-family:Arial; }
.postions .rclass{ float:right;background:url(../images/pos_bg2.png) left center no-repeat;background-size:20px auto;  padding-left:25px;-webkit-tap-highlight-color: #fff;-webkit-tap-highlight-color: transparent; display:none;}
.postions .postions_b{ text-align:center;}
.postions .postions_b li{ display:inline-block; vertical-align:top; /*float:left;*/margin-left: 2.5%;margin-right: 2.5%; text-align:center;/* overflow:hidden; */ font-size:18px; color:#222222; position:relative;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:0; }
.postions .postions_b li a{display: block;position: relative;}
.postions .postions_b li a:hover{color:#222222;}  
.postions .postions_b li a span{ display:inline-block; vertical-align:top; overflow:hidden; padding:inherit; z-index:0; position:relative;}
.postions .postions_b li a span:after{content: "";display: block;position: absolute;left: 50%;right:50%; bottom: 0;height:3px;opacity: 0;background:var(--main-color);-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:-1;}
/* .postions .postions_b li a:before{ content:""; position:absolute; right:0; top:50%; margin-top:-15px; height:30px; width:1px; background:#e6e6e6;}
.postions .postions_b li a:last-child:before{ display:none;} */
.postions .postions_b li.isel a span:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b li a:hover span:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b li.isel a{color:var(--main-color); }
.postions .postions_b li a i{ height:100%; width:20px; background:url(../images/arrow1.png) right center no-repeat; vertical-align:middle; margin-right:16px;float: right;display: inline-block;vertical-align:top;margin-top: 20px; height: 20px;background-size: 9px auto;display: none;}
.postions .postions_b li.isel a i{background-image: url(../images/top_bg2.png);}
.postions .postions_b li .dl{ position:absolute; top:80px; left:50%;margin-left: -300px; width:600px;  height:0;transition:all 0.3s; z-index:1; overflow:hidden;}
.postions .postions_b li .dl a{ display:inline-block;vertical-align: top;margin-left: 10px;margin-right: 10px; font-size:15px; color:#555555; -webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; text-align:center; height:50px; line-height:50px; overflow:hidden;}
.postions .postions_b li .dl a:hover{ color:var(--main-color);}
.postions .postions_b li .dl a.on{ color:var(--main-color);}
.area_a{height:70px; line-height:70px; /* overflow:hidden; */color:#222222; font-size:14px; background:#fff;}
.area_a .swiper-wrapper{justify-content: center;}
.area_a .swiper-slide{text-align: center;font-size:16px;}
.area_a .swiper-slide span{display:inline-block; vertical-align:top; overflow:hidden;z-index:0; position:relative;margin-left: 2.5%;margin-right: 2.5%;}
.area_a .swiper-slide span:after{content: "";display: block;position: absolute;left: 50%;right:50%; bottom: 0;height:3px;opacity: 0;background:var(--main-color);-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:-1;}
.area_a .swiper-slide.isel span::after{left: 0%;right: 0%;opacity: 1;}
.area_a .swiper-slide span a{display: block;}
/*搜索*/
.postions .search{ float:right; background:#ffffff;border-radius:4px; overflow:hidden; margin-top:16px; width:374px; border:1px solid #dddddd;}
.postions .search .inputs{height:38px; line-height:38px; background:none; border:0;width:calc(100% - 112px);width:-webkit-calc(100% - 112px);width:-moz-calc(100% - 112px); float:left; outline:none; text-indent:12px; font-size:14px; color:#777777; font-family:"微软雅黑";}
.postions .search .inputs::-webkit-input-placeholder{color:#999999;}
.postions .search .inputs::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#999999;}
.postions .search .inputs:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999999;}
.postions .search .inputs:-ms-input-placeholder{  /* Internet Explorer 10-11 */color:#999999;}
.postions .search .bnts{ float:right;width:112px; height:38px; background:#00468c;  cursor:pointer; border:none; border-radius:0 4px 4px 0; color:#fff; background:#00468c;}
.position2 .search .bnts:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
/*分类弹窗*/
.about_bgs{z-index: 19891024;background:url(../images/about_bg.png) repeat; width: 100%; height: 100%;  position: fixed;  left: 0;  top: 0;  display: none;}
.about_tc .closed2{ display:none;}

.o_big_con{ overflow:hidden; position:relative;}
.o_big{ overflow:hidden; background-repeat:no-repeat; background-position:70% center; background-size:cover; position:relative;  width:100%;-webkit-animation:scaleAnim 5s ease forwards; animation: scaleAnim 5s ease forwards;}
.o_big img{ width:100%;filter: Alpha(Opacity=0);opacity: 0;}
.o_big_con .cons{ position:absolute; top:0; left:0; width:100%; height:100%;}
.o_big_con .cons .wrap{ height:100%; display:table; }
.o_big_con .cons .wrap3{ height:100%; display:table; }
.o_big_con .cons .wrap12{ height:100%; display:table; }
.o_big_con .h2{font-weight:normal; display:table-cell; vertical-align:middle;   text-transform:uppercase; text-align:center;}
.o_big_con .h2 label{width:100%; display:block;color:rgba(255,255,255,1);  margin-top:1%;  text-transform:none; line-height:36px;font-weight: lighter;}
.o_big_con .h2 .label{width:100%; display:block;color:rgba(255,255,255,1);  margin-top:1%;  text-transform:none; line-height:36px;font-weight: lighter;}
.o_big_con .h2 .span{ display:block; overflow:hidden; color:rgba(255,255,255,1); line-height:1;  position:relative;  letter-spacing:1px; font-weight:bold; }
.o_big_con .h2 .span i{ font-style:normal; overflow:hidden; color:rgba(153,153,153,0.15); font-family:Arial; display:block; position:relative; line-height:100px; text-transform:uppercase;}
.o_big_con .h2 .span em{ font-style:normal; overflow:hidden; color:#fff; position:absolute; bottom:0; left:0;}
.o_big_con .h2 .play_video{width: 78px;height: 78px;background: url(../images/solution_pic1.png) no-repeat;background-size: 100% 100%;cursor: pointer;display: block;margin: 0 auto;transition:all 0.3s;position: relative;z-index: 11;}
.o_big_con .cons:hover .h2 .play_video{transform:scale(1.1, 1.1);}
.o_big_con .videos2{cursor: pointer;}
.o_big_con .videos{ position:absolute; top:0; left:0; width:100%; height:100%;object-fit: fill;}
.postions2{ position:absolute; left:0; width:100%; height:78px; line-height:78px; overflow:hidden;color:rgba(255,255,255,1); font-size:16px; bottom:0;/* border-bottom: 1px solid #e9e9e9; */text-align: left;}
.postions2.bgs2{position: static;}
.postions2 a{color:rgba(255,255,255,1); }
.postions2 a:hover{ color:var(--main-color);}
.postions2 .postions_r img{ height:16px; margin-right:9px;vertical-align:text-bottom;}
.postions2 .postions_r{ overflow:hidden; position:relative;}
/*.postions2 .postions_r:after{ content:""; position:absolute; left:24px; top:50%; margin-top:-5px; height:10px; width:1px;background:rgba(255,255,255,0.5); }*/
.postions2 label{ color:#fff;}
.postions2 h2{ float:left; font-weight:normal; color:#fff; height:58px; }
.postions2 h2 span{font-size:15px; font-family:Arial; color:rgba(255,255,255,0.5); }
.map{ position: relative;top: -80px; color:#999999; font-size:14px;transition:all 0.3s;}
/*分页*/
.yema{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:4%; padding-bottom:5%; clear:both; font-family:Arial;}
.yema.bgs2{ text-align:right;}
.yema a{ display:inline-block; height:42px; line-height:42px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:42px;margin-left:3px;  text-align:center; color:#555; font-size:15px; border:1px solid #ffffff; background:#ffffff;border-radius: 50%; }
.yema a:hover{ text-decoration:none; color:#fff; background:var(--main-color);border:1px solid var(--main-color);}
.yema a.on{color:#fff;  background:var(--main-color);border:1px solid var(--main-color);}
.yema a.first,.yema a.last{ margin-right:0;  }
.yema a.first:hover,.yema a.last:hover{background-color:var(--main-color);}
.yema a span{ font-family:"宋体"; font-weight:bold; font-size:15px;}
/*暂无内容*/
.nodata{ clear:both; max-width:1200px; margin:0 auto; overflow:hidden; text-align:center; margin-top:13%; margin-bottom:13%; background:url(../images/empty.png) center top no-repeat; background-size:auto 169px; padding-top:180px;}
.nodata .title{ color:#555555; font-size:18px; overflow:hidden; margin-top:2%; line-height:26px;}
.nodata .desc{color:#999999; font-size:14px; overflow:hidden; line-height:24px; margin-top:5px;}


@media screen and (max-width: 1560px) {
/*内页*/
.postions{  font-size:14px;height: 60px;line-height: 60px;}
.postions .search{ margin-top:10px;}
.postions .goback{height:60px; line-height:60px;}
.postions .postions_b li{margin-left: 2%;margin-right:2%;font-size: 17px;}
.postions .postions_b li .dl{top: 60px;}
.area_a{font-size:14px;height: 60px;line-height: 60px;}
.area_a .swiper-slide span{margin-left: 2%;margin-right: 2%;}
.postions2{font-size: 15px;}
}

@media screen and (max-width: 1360px) {
.o_big_con .h2 .span i{ line-height:86px;}

}

@media screen and (max-width: 1200px) {
/*内页*/
.sec .postions{ margin-top:10px;}
.postions h2{ font-size:18px;}
.postions h2 span{ font-size:14px;}
.postions .postions_b li{margin-left: 1%;margin-right:1%;font-size: 16px;}
.area_a .swiper-slide span{margin-left: 1%;margin-right: 1%;}
.postions2{ height:60px; line-height:60px;font-size: 14px;}
.postions2 h2{ font-size:18px;}
.postions2 h2 span{ font-size:14px;}
.postions2.bgs2{bottom: 0;}
.o_big_con.bgs2 .h2 label{ margin-bottom:3%;}
.o_big_con .h2 label{ line-height:30px;margin-top: 1.5%;}
.o_big_con .h2 .label{ line-height:30px;margin-top: 1.5%;}
.o_big_con .h2 .span i{ line-height:72px;}
.map{ top:-50px;}


}

@media screen and (max-width: 1100px) {
/*内页*/
.postions .search{ margin-top:6px; width:300px;}
.postions .search .inputs{width: calc(100% - 80px);width: -webkit-calc(100% - 80px);width: -moz-calc(100% - 80px); font-size:13px;}
.postions .search .bnts{ width:80px;}
.postions .goback{height:50px; line-height:50px;}

/*分页*/
.yema a{ height:36px; line-height:36px;min-width:30px; font-size:14px;}
.yema a span{ font-size:14px;}


}
@media screen and (max-width: 1000px) {
/*内页*/
.postions{ position:static; border-bottom:1px solid #e1e1ea;}
.postions:after{ display:none;}
.postions.bgs4{display: block;}
.postions .rclass{ display:block;}
.postions .postions_b{ display:none;}

.postions .postions_b li{ float:none; font-size:15px; display:block;  margin-left:0;  text-align:left; background:#efefef; border-bottom:1px solid #fff; width:auto; margin-right:0;}
.postions .postions_b li a{padding-left:3%;}
.postions .postions_b li.isel a:hover{ background:var(--main-color); color:#fff;}
.postions .postions_b li.isel a{ color:#fff;background:var(--main-color);}
.postions .postions_b li a span:after{ height:0;}
.postions .postions_b li .dl{position: static;left: 0;padding-left: 3%;top: 0;margin-left: 0;}
.postions .postions_b li .dl a{background: none;color: #333333;margin-left: 0;display: block;text-align: left;}
.postions .postions_b li a i{display: inline-block;}
.area_a .swiper-slide{font-size: 15px;}
.area_a .swiper-slide span{margin-left: 5px;margin-right: 5px;}
.postions2{ height:50px; line-height:50px;}
.postions2 .postions_r:after{ left:24px;}
.o_big_con .h2 label{  line-height:26px;}
.o_big_con .h2 .label{  line-height:26px;}
.o_big_con .h2 .span i{ line-height:68px;}

/*分类弹窗*/
.about_tc{z-index: 19891025; width: 0%; right: 0%; position:absolute; overflow: hidden; top:0; height:100%;/* display: none;*/transition: all 0.3s;}
.postions_b.lws .about_tc{ width:80%;}
.postions_b.lws{ display:block;}
.about_l.lws .about_tc{ width:88%;}
.about_tc .about_divs{ position:absolute; right:0; width:85%; background-color:#f5f5f7; top:0; overflow:hidden; height:100%;}
.about_tc .closed2{ right:84.5%; position:absolute; top:150px; cursor:pointer; width:25px; display:block;}
.about_tc .closed2:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}


}
@media screen and (max-width: 992px) {
/*内页*/
.o_big_con .h2 .play_video{width: 60px;height: 60px;}

.area_a.pro .swiper-wrapper{justify-content:left;}
}

@media screen and (max-width: 830px) {
/*内页*/
.postions h2{ font-size:16px;}
.postions h2 span{ font-size:13px;}
.postions2 h2{ font-size:16px;}
.postions2 h2 span{ font-size:13px;}


}
@media screen and (max-width: 780px) {
/*内页*/
.o_big{ height:290px;}
.o_big_con .h2 .span i{ line-height:60px;}
.postions{ height:44px; line-height:44px; font-size:13px;}
.postions.bgs3{height:44px; line-height:44px;}
.sec .postions{ margin-top:0px;}
.postions h2{ display:none;}
.postions .postions_b li{ /* height:44px; line-height:44px; */ font-size:14px;}
.postions .postions_b li .dl{top: 44px;}
.postions .postions_b li a i{margin-top: 12px;}
.postions .postions_b li .dl a{line-height: 40px;height: 40px;font-size: 14px;}
.area_a{height:44px; line-height:44px; font-size:13px;}
.area_a .swiper-slide{font-size: 14px;}
.postions .search{ margin-top:3px;}
.postions .goback{height:44px; line-height:44px; font-size:12px;}
.postions2{ font-size:13px; height:40px; line-height:40px;}
/*分页*/
.yema a{ height:26px; line-height:24px; padding-left:6px; padding-right:6px; margin-left:2px; font-size:13px; min-width:26px;}
.yema a span{ font-size:13px;}

}

@media screen and (max-width: 640px) {
/*内页*/
.position{height:44px; line-height:44px; font-size:13px;}
.position .postions_b a{ font-size:13px;}
.postions .postions_r img{ height:16px;}
.o_big_con .h2 label{  line-height:24px;margin-top: 2%;}
.o_big_con .h2 .label{  line-height:24px;margin-top: 2%;}
.o_big_con .h2 .span i{ line-height:50px;}
.o_big_con .h2 .play_video{width: 50px;height: 50px;}
/*分页*/
.yema a{ font-size:12px;}
.yema a span{ font-size:12px;}
/*暂无内容*/
.nodata{background-size:auto 130px; padding-top:140px;margin-top:15%; margin-bottom:15%;}

}


@media screen and (max-width: 480px) {
/*内页*/
.o_big{ height:200px;}
.o_big_con .h2{ font-size:18px; }
.o_big_con .h2 label{ line-height:22px;}
.o_big_con .h2 .label{ line-height:22px;}
.o_big_con .h2 .span i{ line-height:50px;}
.o_big_con .h2 .play_video{width: 40px;height: 40px;}
.postions{ font-size:12px;}
.postions .postions_b li{ font-size:13px;}
.area_a{font-size: 12px;}
.area_a .swiper-slide{font-size: 13px;}
.postions .postions_r span{ display:none;}
.postions .postions_r img{ height:14px;}
.postions .search{ width:220px;}
.postions .search .inputs{width: calc(100% - 60px);width: -webkit-calc(100% - 60px);width: -moz-calc(100% - 60px); font-size:12px;}
.postions .search .bnts{ width:60px;}
.postions2{ font-size:12px;height: 30px;line-height: 30px;}

/*分页*/
.yema{ padding-top:35px; padding-bottom:40px;}
.yema a{ padding-left:5px; padding-right:5px; margin-left:2px;}

}

@media screen and (max-width: 420px) {
/*内页*/
.o_big_con .h2 label{ line-height:20px;}
.o_big_con .h2 .label{ line-height:20px;}
.o_big_con .h2 .span i{ line-height:46px;}

}
@media screen and (max-width: 360px) {
/*内页*/
.o_big_con .h2 label{ font-size:12px;}
.o_big_con .h2 .label{ font-size:12px;}
}
/*滚动条*/
.i_jsq_scroll{ overflow:hidden;overflow-y: auto; max-height:100%; position:relative;/*  background:url(../images/contact_bg3.png) right top repeat-y; */ }
.i_jsq_scroll::-webkit-scrollbar { -webkit-appearance: none;}
.i_jsq_scroll::-webkit-scrollbar:vertical { width: 4px;}
.i_jsq_scroll::-webkit-scrollbar-thumb { border-radius: 8px; border:0; background-color:#222631;}

/*关于我们*/
.a_name{position:relative;top:-80px;}
.o_about_bg{overflow: hidden;position: relative;z-index: 0;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.o_about_bg .wrap{margin-top: 5%;margin-bottom: 6%;display: flex;justify-content: space-between;}
.o_about_bg .boxs{width: 48.73%;max-width: 690px;position: relative;}
.o_about_bg .h3{font-weight: bold;color: #222222;line-height: 1.2;text-transform: capitalize;position: relative;z-index: 0;padding-bottom: 4%;}
.o_about_bg .h3 .year{position: absolute;z-index: -1;left: -33px;top: 50%;transform: translate(0%, -50%);-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#e7e7e7;color: transparent;font-weight:bold;}
.o_about_bg .imgs{overflow: hidden;width: 49.27%;max-width: 739px;order: 1;display: flex;align-items: center;justify-content: center;}
.o_about_bg .imgs .img{position: relative;width: 100%;height: 100%;border-radius: 20px;overflow: hidden;}
.o_about_bg .imgs .img img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;object-fit: cover;}
.o_about_bg .imgs .img:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.o_about_bg .imgs .ico{display: block;width: 72px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;object-fit: cover;cursor: pointer;position: absolute;left: 50%;top: 50%;margin-left: -36px;margin-top: -36px;}
.o_about_bg .imgs .ico:hover{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.o_about_bg .p{overflow: hidden;line-height: 2;margin-top: -1%;color: #222222;padding-top: 4.5%;position: relative;}
.o_about_bg .p::before{content: "";position: absolute;left: 0;top: 0;width: 62px;height: 4px;background: var(--main-color);}
.o_about_bg .counter{ text-align:left; margin-top:7%;}
.o_about_bg .counter ul{display: flex;justify-content: space-between;width: 100%;flex-wrap: wrap;}
.o_about_bg .counter ul li{ display:inline-block; vertical-align:top;transition:all 0.3s; position:relative;width: 50%;/* max-width: 220px; */margin-bottom: 7%;padding-right: 1%; }
.o_about_bg .counter ul li:nth-child(2n){padding-right: 0;}
.o_about_bg .counter ul li .nums{  line-height:1; color:var(--main-color);position: relative;display:flex;align-items: center;justify-content: left;}
.o_about_bg .counter span{overflow:hidden; letter-spacing:1px;  font-weight:bold; font-family:Arial;}
.o_about_bg .counter label{font-weight:bold;color: var(--main-color);margin-bottom: 10px;}
.o_about_bg .counter i{font-family:Arial;font-style: normal;position: absolute;right: -15px;top: 0;color: var(--main-color);}
.o_about_bg .counter .h6{ font-weight: normal; overflow:hidden; line-height:24px;  /*  white-space:nowrap;text-overflow:ellipsis; */ margin-top:7px; margin-bottom:6px; color:#222222;font-size: 16px;}
.o_about_bg .counter .h6 font{font-size: 12px;}
.o_about_bg .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.picture-transition{ overflow:hidden; }
.picture-transition figure .pc-version{display: flex;list-style: none;position: relative;padding-left: 0;width: 100%; margin-top:3%;}
.picture-transition figure .pc-version .img-item{width: 8.75%;  margin-right:1px;position: relative;padding-bottom: 37.75%;transition: all 1.6s; overflow:hidden; }
.picture-transition figure .pc-version .img-item:nth-child(8n){ margin-right:0;}
.picture-transition figure .pc-version .img-item .bg-img{width: 100%;background-position: 72% 0;background-size: auto 100%;background-repeat: no-repeat;height: 100%;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);top: 0;padding:0px 40px;display: flex;flex-direction: column;color: #fff;text-align: left;justify-content: space-between;transition: all .6s; overflow:hidden;background-color:#040000;}
/* .picture-transition figure .pc-version .img-item .bg-img .item-title{writing-mode: vertical-lr;display: inline-flex;align-items: center;} */
.picture-transition figure .pc-version .img-item .bg-img p{margin: 0;transition: all .6s}
.picture-transition figure .pc-version .img-item .bg-img div{z-index: 10}
.picture-transition figure .pc-version .img-item .bg-img div .item-desc{font-size:24px;color: #fff;display: none;font-weight: bold;margin-bottom: 30px;}
.picture-transition figure .pc-version .img-item .bg-img div .item-function{font-size:26px;display: none;color: #fff;display: none}
.picture-transition figure .pc-version .img-item .bg-img:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.41);z-index: 9; }
.picture-transition figure .pc-version .img-item:nth-of-type(2) .bg-img{background-position: 80% 0}
.picture-transition figure .pc-version .img-item+.img-item{border-left: 1px solid #fff}
.picture-transition figure .pc-version .active{width: 38.385%}
.picture-transition figure .pc-version .active .bg-img div .item-desc{display: block;}
.picture-transition figure .pc-version .active .bg-img div .item-function{display: block}
.picture-transition figure .pc-version .active .bg-img:before{background: linear-gradient(to top, rgba(0, 0, 0, 0.81) 0%,  rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0) 100%);}
.picture-transition figure .pc-version .active .bg-img .item-title .bb{animation: show_hiden2 2s ease-out;}
.picture-transition figure .pc-version .active .bg-img .item-desc .bb{animation: show_hiden2 2s ease-out;}
/* .picture-transition figure .pc-version .img-item:hover{width: 38.385%}
.picture-transition figure .pc-version .img-item:hover .bg-img div .item-desc{display: block;}
.picture-transition figure .pc-version .img-item:hover .bg-img div .item-function{display: block}
.picture-transition figure .pc-version .img-item:hover .bg-img:before{background: linear-gradient(to top, rgba(0, 0, 0, 0.81) 0%,  rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0) 100%);}
.picture-transition figure .pc-version .img-item:hover .bg-img .item-title .bb{animation: show_hiden2 3s ease-out;}
.picture-transition figure .pc-version .img-item:hover .bg-img .item-desc .bb{animation: show_hiden2 3s ease-out;} */
.picture-transition figure .mobile-version{display: none}
@keyframes show_hiden2 {
  0% {
    filter:alpha(opacity=0);opacity:0; transform: translateY(20px);
	
  }
  40% {
    filter:alpha(opacity=0);opacity:0; transform: translateY(20px);
  }
  100% {
   filter:alpha(opacity=100);opacity:1; transform: translateY(20px);
  }
}

.picture-transition .page-up {
  position: relative;z-index: 1;margin-top: 4%;
}
.picture-transition .pages{width: 126px;position: absolute;height: 60px;top: 0px;right: 0;z-index: 2;}
.picture-transition .pages .swiper-button-prev{background-image: url(../images/left2.png);background-size: 10px 16px;width: 58px;height: 58px;left: 0px;transition:all 0.3s;margin-top: -29px;background-color:transparent;border-radius: 16px;border: 1px solid var(--main-color);}
.picture-transition .pages .swiper-button-prev:hover{background-color: var(--main-color);background-image: url(../images/left.png);}
.picture-transition .pages .swiper-button-next{background-image: url(../images/right2.png);background-size: 10px 16px;width: 58px;height: 58px;right: 0px;transition:all 0.3s;margin-top: -29px;background-color:transparent;border-radius: 16px;border: 1px solid var(--main-color);}
.picture-transition .pages .swiper-button-next:hover{background-color: var(--main-color);background-image: url(../images/right.png);}
.i_solution{margin-top: 5%;margin-bottom:3.5%;padding-bottom: 77px;background: url(../images/i_bg4.png) center bottom repeat-x;overflow: hidden;}
.picture-transition .abo .pages .swiper-button-prev,.picture-transition .abo .pages .swiper-button-next{border-color: #cfcfcf;background-color: #cfcfcf;}
.picture-transition .abo .pages .swiper-button-prev{background-image: url(../images/left.png);}
.picture-transition .abo .pages .swiper-button-next{background-image: url(../images/right.png);}
.picture-transition .abo .pages .swiper-button-prev:hover{background-color: var(--main-color);}
.picture-transition .abo .pages .swiper-button-next:hover{background-color: var(--main-color);}
.picture-transition .abo .pages{position: relative;}
@media screen and (max-width: 1920px){
/*关于我们*/
.picture-transition figure .pc-version .img-item .bg-img{padding:0px 40px}
.picture-transition figure .pc-version .img-item .bg-img div .item-desc{font-size:24px;margin-bottom:30px;}
.picture-transition figure .pc-version .img-item .bg-img div .item-function{font-size:24px}

}
@media screen and (max-width: 1400px) {
/*关于我们*/
.picture-transition figure .pc-version .img-item .bg-img div .item-desc{font-size:23px;margin-bottom:30px;}
.picture-transition figure .pc-version .img-item .bg-img div .item-function{font-size:22px;}

}
@media screen and (max-width: 1200px) {
/*关于我们*/
.a_name{top:-50px;}
 .o_about_bg .counter .h6{font-size: 15px;}
 .o_about_bg .h3 .year{left: -20px;}
 .picture-transition{ font-size:16px;}
.picture-transition figure .pc-version .img-item .bg-img{padding:0px 30px;}
.picture-transition figure .pc-version .img-item .bg-img div .item-desc{font-size:22px;margin-bottom:26px;}
.picture-transition figure .pc-version .img-item .bg-img div .item-function{font-size:21px;}
.picture-transition .pages{width: 106px;}
.picture-transition .pages .swiper-button-prev{width: 46px;height: 46px;}
.picture-transition .pages .swiper-button-next{width: 46px;height: 46px;}
}
@media screen and (max-width: 992px) {
/*关于我们*/
  .o_about_bg .wrap{display: block;margin-top: 6%;margin-bottom: 1%;}
  .o_about_bg .imgs{width: 100%;max-width: none;max-width: none;display: block;position: relative;}
  .o_about_bg .imgs .img{height: auto;padding-top:104.832%;}
  .o_about_bg .imgs .ico{width: 66px;}
  .o_about_bg .boxs{width: 100%;max-width: none;margin-top: 7%;}
  .o_about_bg .h3{padding-bottom: 3%;}
  .o_about_bg .p{-webkit-line-clamp: 22;}
  .o_about_bg .counter{margin-top: 5%;max-width: 700px;}
.o_about_bg .counter ul li{margin-bottom:5;}
.picture-transition{ font-size:15px;}
.picture-transition figure .pc-version .img-item .bg-img{padding:0px 32px;}
.picture-transition figure .pc-version .img-item .bg-img div .item-desc{font-size:19px;margin-bottom:18px;}
.picture-transition figure .pc-version .img-item .bg-img div .item-function{font-size:19px;}

}
@media screen and (max-width: 830px) {
/*关于我们*/
.picture-transition{ font-size:14px;}
.picture-transition figure .pc-version{display: none}
.picture-transition figure .mobile-version{display: flex;/* flex-direction: column;list-style: none; */position: relative;padding-left: 0;width: 100%; margin-top:5%;flex-wrap: wrap;}
.picture-transition figure .mobile-version .img-item{width: 25%;position: relative;padding-right: 1px;padding-bottom: 1px;z-index: 0;}
.picture-transition figure .mobile-version .img-item:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.41);z-index: 1; }
.picture-transition figure .mobile-version .img-item img{width: 100%; display:block;height: 180px;object-fit: cover;}
.picture-transition figure .mobile-version .img-item .text-area{position: absolute;top: 0;left: 0;right: 0;bottom: 0;color: #fff;padding:20px;display: flex;flex-direction: column;justify-content: space-between;z-index: 2;}
.picture-transition figure .mobile-version .img-item .text-area p{text-align: left;margin: 0}
.picture-transition figure .mobile-version .img-item .text-area .item-title{font-size:18px;}
.picture-transition figure .mobile-version .img-item .text-area div .item-desc{font-size:18px;margin-bottom:12px;}
.picture-transition figure .mobile-version .img-item .text-area div .item-function{font-size:14px;color: rgba(255,255,255,.5)}
/* .picture-transition figure .mobile-version .img-item+.img-item{margin-top: 10px} */
}

@media screen and (max-width: 780px) {
/*关于我们*/
.picture-transition figure .mobile-version .img-item img{height: 330px;}
 .picture-transition figure .mobile-version .img-item{width: 50%;}

}
@media screen and (max-width: 640px) {
/*关于我们*/
  .o_about_bg .p::before{width: 52px;height: 3px;}
 .o_about_bg .counter .h6{font-size: 14px;margin-top: 6px;}
 .picture-transition{ font-size:13px;}
.picture-transition figure .mobile-version .img-item img{height: 270px;}
.picture-transition .pages{width: 86px;}
.picture-transition .pages .swiper-button-prev{width: 36px;height: 36px;border-radius: 10px;background-size: 8px auto;}
.picture-transition .pages .swiper-button-next{width: 36px;height: 36px;border-radius: 10px;background-size: 8px auto;}
}
@media screen and (max-width: 520px) {
/*关于我们*/
.picture-transition figure .mobile-version .img-item img{height: 220px;}
}
@media screen and (max-width: 480px) {
/*关于我们*/
.o_about_bg .wrap{margin-top: 12%;}
.o_about_bg .imgs .ico{width: 56px;}
.o_about_bg .imgs .img{border-radius: 10px;}
.o_about_bg .boxs{margin-top: 12%;}
  .o_about_bg .p{padding-top: 5%;margin-top: 2%;line-height: 1.8;}
 .o_about_bg .counter .h6{font-size: 13px;}
  .o_about_bg .counter ul{flex-wrap: wrap;}
  .o_about_bg .counter ul li .txts2{display: inline-block;vertical-align:top;}
  .picture-transition{ font-size:12px;}
/* .picture-transition figure .mobile-version .img-item+.img-item{ margin-top:6px;} */
.picture-transition figure .mobile-version .img-item .text-area div .item-desc{ margin-bottom:5px;}
.picture-transition figure .mobile-version .img-item img{height: 208px;}
.picture-transition .pages{width: 66px;}
.picture-transition .pages .swiper-button-prev{width: 26px;height: 26px;}
.picture-transition .pages .swiper-button-next{width: 26px;height: 26px;}
}
@media screen and (max-width: 420px) {
/*关于我们*/
 .o_about_bg .counter .h6{font-size: 12px;}
 .picture-transition figure .mobile-version .img-item img{height: 180px;}
}
@media screen and (max-width: 360px) {
/*关于我们*/
.picture-transition figure .mobile-version .img-item .text-area{padding:15px 12px}
.picture-transition figure .mobile-version .img-item .text-area div .item-desc{font-size:16px;margin-bottom:12px;}
.picture-transition figure .mobile-version .img-item .text-area div .item-function{font-size:12px;color: rgba(255,255,255,.5)}
}

/*发展历程2*/
.about-page{overflow: hidden;background: url(../img/about/about_img3.jpg) center center no-repeat;background-size: cover;margin-bottom: 4%;overflow: hidden;}
.about-page .history {
 margin-top:3.5%;background: url(../images/about_bg3.png) center top repeat-x;padding-top: 33px;
}
.about-page .history .gallery-top{overflow: hidden;position: relative;}
.about-page .history .bb_boxs{ margin-bottom: 2%;margin-top: 4%; position: relative;}
.about-page .history .gallery-top .swiper-slide {
  overflow: hidden;
}
.about-page .history .gallery-top .year{color: var(--main-color);overflow: hidden;line-height: 1.3;font-weight: bold;}
.about-page .history .gallery-top .txt{
   width:100%; font-weight:normal; color:rgba(34, 34, 34, 0.74); overflow:hidden; line-height:26px;margin-top: 2%;position: relative;max-width: 1200px;
}
.about-page .history .gallery-top .txt ul li{padding-left: 20px;position: relative;display: block;margin-bottom: 1.5%;}
.about-page .history .gallery-top .txt ul li::before{content: "";position: absolute;left: 0;top: 10px;width: 6px;height: 6px;background: #8e8e8e;border-radius: 50%;}
.about-page .history .bb_boxs .btns{position: absolute;right: 0;/* width: 134px;bottom: -42px; */width: 100%;top: 50%;margin-top: -28px;}
.about-page .history .bb_boxs .btns .btn{ position: absolute;top: 0; z-index: 1; width: 57px;height: 57px;cursor: pointer; background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
.about-page .history .bb_boxs .btns .prev{ left: -70px; background-image:url(../images/about/about_left2.png);}
.about-page .history .bb_boxs .btns .prev:hover{ background-image:url(../images/about/about_left2_on.png);}
.about-page .history .bb_boxs .btns .next{ right: -70px;background-image:url(../images/about/about_right2.png);}
.about-page .history .bb_boxs .btns .next:hover{background-image:url(../images/about/about_right2_on.png);}
.about-page .history .gallery-thumbs {
  margin-bottom:2%;/* max-width: 240px;overflow: visible; */
}
.about-page .history .gallery-thumbs .swiper-slide {
  font-size:18px;
  font-weight: bold;
 
  color:#222222;
  cursor: pointer;transition:all 0.3s;
}
.about-page .history .gallery-thumbs .swiper-slide span{text-align: center;background-repeat: no-repeat;background-position: center center;
  background-size: auto 100%; height:60px;line-height: 60px;display: inline-block;vertical-align: top;}
.about-page .history .gallery-thumbs .swiper-slide-thumb-active span {
  /* color: var(--main-color); */  background-image:url(../images/about_bg4.png);/* font-weight: bold; */
}


@media screen and (max-width: 992px) {
/*发展历程2*/
.about-page .history .bb_boxs .btns{/* width: 110px; */margin-top: -22px;}
.about-page .history .bb_boxs .btns .btn{width: 44px;height: 44px;}
.about-page .history .bb_boxs .btns .prev{left: -55px;}
.about-page .history .bb_boxs .btns .next{right: -55px;}
}
@media screen and (max-width: 780px) {
/*发展历程2*/
  .about-page .history .bb_boxs .btns .prev{left: -50px;}
.about-page .history .bb_boxs .btns .next{right: -50px;}

}
@media screen and (max-width: 640px) {
/*发展历程2*/
.about-page .history{margin-top:4%;}
.about-page .history .gallery-thumbs .swiper-slide span{line-height: 50px;height:50px;}
.about-page .history .bb_boxs .btns{/* width: 100px;bottom: -32px; */margin-top: -15px;}
.about-page .history .bb_boxs .btns .btn{width: 30px;height: 30px;}
.about-page .history .bb_boxs .btns .prev{left: -36px;}
.about-page .history .bb_boxs .btns .next{right: -36px;}
}
@media screen and (max-width: 480px) {
/*发展历程2*/
.about-page .history{margin-top: 5%;}
.about-page .history .bb_boxs .btns{/* width: 70px;bottom: -22px; */margin-top: -14px;}
 .about-page .history .bb_boxs .btns .btn{width:28px;height: 28px;}
 .about-page .history .bb_boxs .btns .prev{left: -32px;}
.about-page .history .bb_boxs .btns .next{right: -32px;}
.about-page .history .gallery-thumbs .swiper-slide span{line-height: 40px;height:40px;}
.about-page .history .gallery-top .txt ul li{padding-left: 12px;}
}
@media screen and (max-width: 420px) {
/*发展历程2*/
.about-page .history{margin-top: 6%;}
 .about-page .history .bb_boxs .btns .prev{left: -28px;}
.about-page .history .bb_boxs .btns .next{right: -28px;}
}

/*新闻列表*/
.news_ul{overflow: hidden;margin-top: 4%;}
.news_ul ul{display: flex;gap: 46px;justify-content: left;flex-wrap: wrap;margin-top: 5px;}
.news_ul ul li{width:calc(33.33% - 30.67px);width:-webkit-calc(33.33% - 30.67px);width:-moz-calc(33.33% - 30.67px);overflow: hidden; transform:translateY(0); transition:all .3s;border-radius: 10px;background: #f5f5f5;}
.news_ul ul li .imgs{ overflow:hidden; position:relative; padding-top:64.2%;border-radius: 10px 10px 0 0; }
.news_ul ul li .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.news_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_ul ul li .txts{max-width: 406px;width: 92%;margin: 0 auto; overflow:hidden;margin-bottom: 42px;margin-top: 30px;}
.news_ul ul li .txts .date{line-height: 20px;height: 20px;overflow: hidden;color: var(--main-color);}
.news_ul ul li .txts .h3{ line-height:30px; height:60px; font-weight:bold; overflow:hidden;color:#333333;transition:all 0.3s;margin-top: 15px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-bottom: 33px;}
.news_ul ul li:hover{transform:translateY(-5px);background: var(--main-color);}
.news_ul ul li:hover .txts .h3{color: #ffffff;}
.news_ul ul li:hover .txts .date{color: #ffffff;}
.news_ul ul li .AutoMore{ display:block; position:relative;  transition:all .3s;width: 40px;height: 40px;border: 2px solid var(--main-color);border-radius: 50%;background: url(../images/arrow3_on.png) center center no-repeat;background-size: 7px auto; }
.news_ul ul li:hover .AutoMore{border-color: #ffffff;background-image: url(../images/arrow3.png); }
.news_ul ul li .AutoMore:hover{margin-left: 5px;}
@media screen and (max-width: 1560px) {
  /*新闻列表*/
.news_ul ul{gap: 36px;}
.news_ul ul li{width:calc(33.33% - 24px);width:-webkit-calc(33.33% - 24px);width:-moz-calc(33.33% - 24px);}
.news_ul ul li .txts{margin-bottom: 32px;margin-top: 25px;}
.news_ul ul li .txts .h3{margin-bottom: 23px;}
}

@media screen and (max-width: 1200px) {
    /*新闻列表*/
  .news_ul ul{gap: 18px;}
  .news_ul ul li{width:calc(33.33% - 12px);width:-webkit-calc(33.33% - 12px);width:-moz-calc(33.33% - 12px);}
  .news_ul ul li .txts .h3{line-height:26px; height:52px;}

}

@media screen and (max-width: 992px) {
      /*新闻列表*/
  .news_ul ul{gap: 12px;}
  .news_ul ul li{width:calc(50% - 6px);width:-webkit-calc(50% - 6px);width:-moz-calc(50% - 6px);}


}

@media screen and (max-width:640px) {
      /*新闻列表*/
  /* .news_ul ul{gap:0px;}
  .news_ul ul li{width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px);margin-bottom: 2%;} */
  .news_ul ul li{border-radius: 6px;}
  .news_ul ul li .imgs{border-radius: 6px 6px 0 0;}
  .news_ul ul li .txts{max-width: none;margin-top: 15px;margin-bottom: 22px;}
  .news_ul ul li .txts .h3{line-height: 20px;height: 40px;margin-top: 10px;margin-bottom: 15px;}
.news_ul ul li .AutoMore{width: 32px;height: 32px;background-size: 6px auto;border-width: 1px;}


}
@media screen and (max-width:480px) {
   /*新闻列表*/
 .news_ul ul{gap: 8px;}
  .news_ul ul li{width:calc(50% - 5.34px);width:-webkit-calc(50% - 5.34px);width:-moz-calc(50% - 5.34px);}
.news_ul ul li .txts{margin-bottom: 16px;}

}
/*新闻资讯详细*/
.articleFlex{align-items: start;display: flex;justify-content: space-between;}
.about_x2{  padding-bottom:1%; padding-top:55px;max-width: 1056px;float: left;width:calc(98% - 300px);width:-webkit-calc(98% - 300px);width:-moz-calc(98% - 300px);}
.about_x2 .desc{overflow: hidden;color: var(--main-color);line-height: 1.6;margin-bottom: 15px;}
.about_x2 .show_t{ line-height:46px;  color:#090909; text-align:left; margin-bottom:15px; font-weight:bold;max-width: 990px;}
.about_x2 .con_line{height:60px; line-height:40px;font-size:14px; color:#999999; border-bottom:1px solid #e9e9e9; text-align:left; padding-bottom:10px; }
.about_x2 .con_line .span{position: relative;margin-left: 16px;padding-left: 20px;}
.about_x2 .con_line .span::after{content: "";position: absolute;left: 0;top: 50%;width: 1px;height:10px;margin-top: -5px;background: #d9d9d9;}
.about_x2 img{/* margin-bottom:10px; display:block; */ max-width:100%;}
.about_x2 .con_id{ line-height:28px;overflow:hidden;white-space:normal;/* word-break:break-all;  */padding-top:4%;font-size:16px; color:#333333;text-align:left;/* font-family:"宋体";*/ padding-bottom:4%;}
.about_x2 .con_id .h2{   color: var(--main-color);font-weight: bold;}
.about_x2 .con_id p{ padding-bottom:2%; overflow:hidden;}
.about_x2 .con_id p.t{display: flex;align-items: center;width: 100%;}
.about_x2 table{border-collapse:collapse;border-spacing:0;}
.about_x2 table td{ line-height:22px;height:27px; /*border:1px solid #000;*/}
.prenext{ padding-top:3%; text-align:center;display:flex;align-items: center;justify-content:space-between;  font-size:18px;margin-bottom:4%;border-top:1px solid #e9e9e9; overflow:hidden; line-height:26px; color:#000000; text-align:center; }
.prenext span{ /* width:40%; */ overflow:hidden;}
.prenext span.l{ text-align:left;padding-left: 40px;background: url(../images/news_left.png) left center no-repeat;background-size: 31px 8px;}
.prenext span.l:hover{background-image: url(../images/news_left_on.png);color: var(--main-color);}
.prenext span.r{ text-align:right;padding-right: 40px;background: url(../images/news_right.png) right center no-repeat;background-size: 31px 8px;}
.prenext span.r:hover{background-image: url(../images/news_right_on.png);color: var(--main-color);}
.prenext a{ color:#000000; overflow:hidden; transition:all 0.3s;}
.prenext a:hover{ color:var(--main-color);  text-decoration:none;/*opacity:0.8;filter:Alpha(opacity=80);*/}
.prenext .goback{ display:flex;align-items: center;justify-content: center; line-height:54px; width:154px;  border-radius:27px; color:#ffffff; margin-top:-2px;background:var(--main-color);}
.prenext .goback i{width: 14px;height: 16px;overflow: hidden;background: url(../images/news_pic1.png) no-repeat;background-size: 100% 100%;margin-right: 12px;}
.prenext .goback:hover{ background:#e02a35; color:#fff;}
.prenext .goback:hover i{background-image: url(../images/news_pic1.png);}
.news_one_r{ width:300px; overflow:hidden;margin-top: 260px;float: right; position: sticky;top: 90px;}
.news_one_r .h4{ font-weight:bold; color:#222222; overflow:hidden; line-height:80px;border-top:1px solid #e9e9e9;}
.news_ul2{ margin-top:9px; overflow:hidden;}
.news_ul2 ul li{ display:block; overflow:hidden; margin-bottom:38px;}
.news_ul2 ul li .imgs{ overflow:hidden; position:relative; padding-top:64.6%; border-radius:10px; }
.news_ul2 ul li .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.news_ul2 ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_ul2 ul li .date{ font-style:normal;  height:20px; line-height:20px;  color:var(--main-color);margin-top:20px; position:relative;z-index:0;overflow:hidden;}
.news_ul2 ul li .h3{ font-weight:bold; overflow:hidden; line-height:26px; height:52px; color:#222222; margin-top:8px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;transition:all 0.3s;}
.news_ul2 ul li:hover .h3{ color:var(--main-color);}

.news_ul3{ margin-top:9px; overflow:hidden;margin-bottom: 3%;}
.news_ul3 ul li{ display:block; overflow:hidden; margin-bottom:38px;}
.news_ul3 ul li .imgs{ overflow:hidden; position:relative; padding-top:89.333%; }
.news_ul3 ul li .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.news_ul3 ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_ul3 ul li .a{ font-style:normal;  height:20px; line-height:20px;  color:var(--main-color);margin-top:16px; position:relative;z-index:0;overflow:hidden;padding-right: 17px;float: left;background: url(../images/product_pic2_on.png) right center no-repeat;background-size: 6px 11px;transition:all 0.3s;}
.news_ul3 ul li .h3{ font-weight:bold; overflow:hidden; line-height:26px; height:52px; color:#222222; margin-top:22px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;transition:all 0.3s;}
.news_ul3 ul li:hover .h3{ color:var(--main-color);}
.news_ul3 ul li .a:hover{margin-left: 5px;}
@media screen and (max-width: 1560px) {
/*新闻资讯详细*/
.about_x2 .show_t{line-height: 40px;}
.about_x2 .con_line{height: 70px;}
.prenext{font-size: 16px;}
.news_one_r{margin-top: 253px;}
.news_one_r .h4{line-height: 70px;}
}
@media screen and (max-width: 1200px) {
/*新闻资讯详细*/
.about_x2{padding-top: 45px;}
.about_x2 .show_t{line-height: 36px;}
.about_x2 .con_line{height: 60px;}
.prenext{font-size: 15px;}
.about_x2 .con_line .span{margin-left: 10px;padding-left: 14px;}
.news_one_r{margin-top: 225px;}
}
@media screen and (max-width: 992px) {
  /*新闻资讯详细*/
.articleFlex{display: block;}
.about_x2{padding-top:3%;width: 100%;max-width: none;float: none;}
.about_x2 .show_t{line-height: 32px;}
.about_x2 .con_line{height: 50px;}
.about_x2 .con_id{  font-size:15px;}
.prenext{ font-size:14px; line-height:24px; text-align:right;}
/* .prenext span{ width:70%;}
.prenext .l{ float:none; display:block;}
.prenext .r{ float:none; display:block;}
.prenext span.r{ text-align:left;}*/
.prenext .goback{/* text-align:center;  margin-top:-44px;  */width:130px;} 
.news_one_r{margin-top: 5%;width: 100%;float: none;}
}
@media screen and (max-width: 640px) {
  /*新闻资讯详细*/
/* .about_x2 .show_t{   text-align:center;} */
.about_x2 .con_line{ font-size:12px; height:40px; line-height:30px; /* text-align:center; */}
.about_x2 .con_id{ font-size:14px; line-height:26px;}
.prenext{ font-size:13px; /* text-align:center; */}
/* .prenext span{ width:100%;}
.prenext .goback{ margin-top:15px; height:32px; line-height:32px; width:99%; margin-bottom:10px;} */
.prenext .goback{line-height: 32px;width: 120px;}
.prenext span.l{padding-left: 30px;background-size: 25px auto;}
.prenext span.r{padding-right: 30px;background-size: 25px auto;}
.news_one_r .h4{line-height: 60px;}
}
@media screen and (max-width: 480px) {
  /*新闻资讯详细*/
.about_x2 .con_id{ font-size:13px;line-height: 24px;}	
.prenext{ font-size:12px; line-height:22px;}
.prenext .goback{width: 100px;}
}
@media screen and (max-width: 420px) {

}

/*联系我们*/
.contact_one_bg{ background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;}
.contact_one_bg .i_title_t{max-width: 430px;width: 92%;margin-top: 0;}
.contact_one_bg .i_title_t .h3{padding-bottom: 5%;}
.contact_one_bg .wrap{display: flex;align-items: center;justify-content: space-between;margin-top: 6%;margin-bottom: 6%;}
.contact_one{overflow: hidden;position: relative;margin-bottom: 6%;max-width: 500px;color: #222222;width: 48%;margin-top: 3.3%;}
.contact_one dl{padding-top: 2%;}
.contact_one dd{display: block;}
.contact_one dd label{overflow: hidden;display: block;line-height: 1.6;margin-top: 7%;color: #999999;}
.contact_one dd a{color: #222222;}
.contact_one dd a:hover{color: var(--main-color);}
.contact_one dd .p{overflow: hidden;margin-top: 1%;font-weight: bold;margin-bottom:3%;}
.contact_one_a{  margin-top: 10%;}
.contact_one_a ul li{float:left; margin-right:13px; width:40px;  background-repeat:no-repeat; background-size:auto 20px;background-position: center center; transition:all 0.3s; line-height:40px;border: 1px solid #a1a8af;border-radius: 50%;filter: brightness(0) saturate(100%);}
.contact_one_a ul li:hover{border-color: var(--main-color);  filter: none;}
.contact_one_a ul li a{ display:block; width:100%; height:100%;padding-top: 38px;margin:0; position:relative;transition:all 0.3s;color: #ffffff;}
.contact_one_a ul li a:hover{filter: Alpha(Opacity=80);opacity: 0.8;background:none;-webkit-background-clip: inherit;-webkit-text-fill-color: inherit;}
.contact_one_a ul li.facebook{ background-image:url(../images/fx1.png);}
.contact_one_a ul li.tiktok{ background-image:url(../images/fx2.png);}
.contact_one_a ul li.twitter{ background-image:url(../images/fx3.png);}
.contact_one_a ul li.video{ background-image:url(../images/fx4.png);}
.contact_one_a ul li.tels{ background-image:url(../images/fx5.png);}
.contact_one_a ul li.wechat{ background-image:url(../images/fx6.png);}
.contact_one_a ul li.email{ background-image:url(../images/fx7.png);}
.contact_one_a ul li.wechat .wem1{width: 116px; bottom:44px; text-align: center;  position: absolute; margin-left:-38px;margin-top: -116px; /*  */ height:0; overflow:hidden;transition:all 0.3s;}
.contact_one_a ul li.wechat .wem1 img{ width:116px; height:116px; margin-right:5px;transition:all 0.3s; }
.contact_one_a ul li.wechat a:hover .wem1{ height:116px;/* padding-top: 20px; padding-bottom:20px; */}
.contact_one_a ul li.wechat a:hover{filter: Alpha(Opacity=100);opacity: 1.0;}
.contact_one_a ul li.facebook:hover{ background-image:url(../images/fx1_on.png);}
.contact_one_a ul li.tiktok:hover{ background-image:url(../images/fx2_on.png);}
.contact_one_a ul li.twitter:hover{ background-image:url(../images/fx3_on.png);}
.contact_one_a ul li.video:hover{ background-image:url(../images/fx4_on.png);}
.contact_one_a ul li.tels:hover{ background-image:url(../images/fx5_on.png);}
.contact_one_a ul li.wechat:hover{ background-image:url(../images/fx6_on.png);}
.contact_one_a ul li.email:hover{ background-image:url(../images/fx7_on.png);}
.contact_one_a .social-share .social-share-icon{ width:100%; height:100%; /* line-height:38px;  */vertical-align:top;}
.contact_one_a .social-share .social-share-icon:hover{background:none;}

.contact_one_bg .product_feedback_r{ text-align:left; float:right; width:50%; overflow:hidden;background: #ffffff;padding: 50px 50px 63px 50px;border-radius: 10px;}
.contact_one_bg .product_feedback_r .i_title_t{margin-bottom: 5%;}
.contact_one_bg .product_feedback_r .divs{ overflow:hidden; border:1px solid #e3e3e3; margin-bottom:15px;}
.contact_one_bg .product_feedback_r .inputs {
  width: 100%;
  height: 58px;
  line-height: 58px;
  padding: 0 18px;padding-left: 30px;
  font-size: 16px;
  background:none; color:#222222; border:none;font-family:"微软雅黑";
}
.contact_one_bg .product_feedback_r .inputs::-webkit-input-placeholder {
  color: #222222;
}
.contact_one_bg .product_feedback_r .inputs:-moz-placeholder {
  color: #222222;
}
.contact_one_bg .product_feedback_r .inputs::-moz-placeholder {
  color: #222222;
}
.contact_one_bg .product_feedback_r .inputs:-ms-input-placeholder {
  color: #222222;
}
.contact_one_bg .textarea{ padding:1%; width:100%; padding-left:18px;padding-left: 30px; background:none; font-size:16px; border:none; outline:none; color:#222222; height:136px;font-family:"微软雅黑";padding-top: 20px; }
.contact_one_bg .textarea::-webkit-input-placeholder {
  color: #222222;
}
.contact_one_bg .textarea:-moz-placeholder {
  color: #222222;
}
.contact_one_bg .textarea::-moz-placeholder {
  color: #222222;
}
.contact_one_bg .textarea:-ms-input-placeholder {
  color: #222222;
}
.contact_one_bg .input-box{max-width: 230px; width: 30%; display: inline-block; vertical-align: top;}
.contact_one_bg .img{margin-left: 16px; display: inline-block; vertical-align: top;  max-width: 154px;  width: 30%; cursor: pointer;  overflow: hidden;}
.contact_one_bg .img img{height: 58px;width: 100%;display: block;}
@media screen and (max-width: 1200px) {
/*联系我们*/
.contact_one_bg .wrap{display: block;}
.contact_one dd label{margin-top: 3%;}
.contact_one{width: 100%;max-width: none;}
.contact_one_a{margin-top: 4%;}
.contact_one_bg .product_feedback_r{ float:none; width:100%; margin-top:3%;}
.contact_one_bg .product_feedback_r .a_bnt{margin-top: 3%;}
}
@media screen and (max-width: 992px) {
/*联系我们*/
i_title_t{margin-bottom: 10px;}
.contact_one_a ul li{ width: 36px;line-height: 36px;}
.contact_one_a ul li a{padding-top: 34px;}
}
@media screen and (max-width: 780px) {
/*联系我们*/

}
@media screen and (max-width: 640px) {
/*联系我们*/
.contact_one_bg .i_title_t .h3{padding-bottom: 3%;}
.contact_one_bg .product_feedback_r{ margin-top:4%;padding: 30px 30px 43px 30px;}
.contact_one_bg .product_feedback_r .inputs{ height:38px; line-height:38px;}
.contact_one_bg .input-box{width: 36%;}
.contact_one_bg .img img{height: 38px;}
}
@media screen and (max-width: 480px) {
/*联系我们*/
.contact_one_bg .product_feedback_r{padding: 20px 20px 33px 20px;}
.contact_one_bg .product_feedback_r .inputs{padding-left: 20px;}
.contact_one_bg .textarea{padding-left: 20px;}
.contact_one_bg .img{margin-left: 8px;}
.contact_one_bg .input-box{width: 40%;}
.contact_one_a ul li{margin-right: 6px;}
}
@media screen and (max-width: 420px) {
/*联系我们*/
.contact_one_bg .textarea{ font-size:13px; padding-left:12px; padding-top:2%;}
.contact_one_bg .product_feedback_r .inputs{padding-left: 12px;}
}

/*产品中心*/
.product_one{ overflow:hidden; margin-top:5%; margin-bottom:5%;display: flex;align-items: center;justify-content: space-between;}
.product_one .product_one_l{ float:left; overflow:hidden; width:49%;color:#333; max-width:690px;}
.product_one .i_title_t{margin-top: 0;}
.product_one .i_title_t .h3{padding-bottom: 5%;}
.product_one .i_title_t .desc{margin-top: 4%;line-height: 2;margin-bottom: 4%;}
.product_one .imgs{ float:right; width:49%; max-width:726px; overflow:hidden;order: 1;}
.product_one .imgs img{ width:100%; display: block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.product_one .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.product_bg{ background:#f5f5f5;padding-top:4%;padding-bottom:2%;}
.about_l{ float: left; background:#fff;width:300px; padding-left:25px;padding-right:25px;overflow:hidden;   margin-bottom:5%; position:relative;/*-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.1); box-shadow: 0 5px 15px rgba(0,0,0,0.1);*/ }
.about_l .i_left_ul2{ overflow:hidden;  /*background-color:#f4f8f9;*//* border:1px solid #dddddd; border-top:0;*/ margin-bottom:10px; background:#fff;}
.about_l .i_left_ul2 .product_tt{font-weight: bold;overflow: hidden;line-height: 68px;margin-top: 15px;}
.about_l .i_left_ul2 li h2{ font-weight:normal; overflow:hidden; padding-right:30px; min-height:60px;font-size:18px; color:#222222; position:relative;background:url(../images/product_pic2.png) right 8px center no-repeat; background-size:6px 11px;transition:all 0.3s;-webkit-tap-highlight-color:transparent; border-top:1px solid #e8e8e8;padding-top: 12px;padding-bottom: 12px;display: flex;align-items: center; }
.about_l .i_left_ul2 li h2 span{ display:block; width:100%; line-height:22px; }
.about_l .i_left_ul2 li h2 span em{ font-style:normal; display:block; overflow:hidden; height:18px; line-height:18px; color:#999999; font-size:13px; font-family:Arial;}
/*.about_l .i_left_ul2 li:last-child h2{ border-bottom:0;}*/
.about_l .i_left_ul2 li h2 a{color:#333333; text-decoration:none; width:100%; display:block;transition:all 0.3s;height:100%; width:100%; line-height:70px;display: flex; align-items: center; justify-content: left;}
.about_l .i_left_ul2 li h2 a:hover{ color:var(--main-color);/*margin-left:3px; */}
.about_l .i_left_ul2 li h2:hover{background-image:url(../images/product_pic2_on.png);}
.about_l .i_left_ul2 li.left_sel h2{ color:#333333; background-image:url(../images/product_pic2_on.png); }
.about_l .i_left_ul2 li.left_sel h2 a{ color:var(--main-color);}


.about_l .i_left_ul2 li{display:block;/* width:100%;*/ position:relative;/* border-bottom:1px solid #cccccc;*/}
.about_l .i_left_ul2 li:last-child h2 a{border-bottom:none; }
.about_l .i_left_ul2 li:last-child h1 a{ border-bottom:none; margin-bottom:0;}
.about_l .i_left_ul2 li h1{ font-weight:normal; overflow:hidden;padding-left:30px; padding-right:27px;  height:40px;line-height:40px;font-size:18px; color:#333; cursor:pointer; position:relative;background:url(../images/product_pic2.png) right 25px center no-repeat; background-size:10px 10px;transition:all 0.3s;-webkit-tap-highlight-color:transparent;}
.about_l .i_left_ul2 li h1 a{ color:#666666; text-decoration:none;display:block; transition:all 0.3s;}
.about_l .i_left_ul2 li h1:hover a{color:#01b4ed;margin-left:3px;}
.about_l .i_left_ul2 li.left_sel h1{ color:#01b4ed;background:url(../images/product_pic3.png) right 20px center no-repeat;}
.about_l .i_left_ul2 li.left_sel h1 a{ color:#01b4ed;}
.about_l .i_left_ul2 li div{ display:none; margin-bottom:4px; }
.about_l .i_left_ul2 li.left_sel div{ display:block;}
.about_l .i_left_ul2 li div a{ font-size:16px;  line-height:28px; padding-left:15px; padding-top:6px; padding-bottom:6px; overflow:hidden; display:block; color:#555555;transition:all 0.3s;/*display: flex; align-items: center; justify-content: left;*/ margin-bottom:6px;}
.about_l .i_left_ul2 li div a:hover{color:var(--main-color); /*margin-left:4px;*/}
.about_l .i_left_ul2 li div a.left_sel{color:var(--main-color); background:#ebf8ff;}
.about_l .i_left_ul2 li div dl{overflow:hidden;}
.about_l .i_left_ul2 li div dl dd{overflow:hidden; display:none; padding-bottom:1px;}
.about_l .i_left_ul2 li div dl dd p{ height:30px; line-height:30px; overflow:hidden; padding-left:37px; padding-right:10px; }
.about_l .i_left_ul2 li div dl dd p a{ height:30px; line-height:30px; overflow:hidden; display:block; padding-left:9px; padding-right:8px; color:#666666;background:url(../images/product_bg4.png) left center no-repeat;transition:all 0.3s;}
.about_l .i_left_ul2 li div dl dd p a:hover{color:#e94001;background-image:url(../images/product_bg4_on.png); margin-left:4px;}
.about_l .i_left_ul2 li div dl dd p.on a{ color:#e94001;background-image:url(../images/product_bg4_on.png);}
.about_l .i_left_ul2 li div dl span{ padding-left:23px; padding-right:8px; overflow:hidden; display:block; line-height:34px;  height:34px;font-size:14px; color:#333;cursor:pointer;background:url(../images/product_bg3.png) 16px center no-repeat; transition:all 0.3s;}
.about_l .i_left_ul2 li div dl span:hover{margin-left:4px;}
.about_l .i_left_ul2 li div dl span a{ color:#666666; text-decoration:none; display:inline;}
.about_l .i_left_ul2 li div dl span a:hover{color:#e94001; }
.about_l .i_left_ul2 li div dl span.left_sel{color:#e94001; background-image:url(../images/product_bg3_on.png);}
.about_l .i_left_ul2 li div dl span.left_sel a{color:#e94001;}
.about_l .i_left_ul2 li div dl span i{ float:right; margin-right:4px; width:8px; height:4px; background:url(../images/product_bg5.png) no-repeat; margin-top:15px; display:none;}
.about_l .i_left_ul2 li div dl span.left_sel i{ display:block;}
.about_r{ float:right;width:calc(98% - 300px);width:-webkit-calc(98% - 300px);width:-moz-calc(98% - 300px);max-width: 1168px; }
.class-list li { width: 32%;float: left; margin-bottom: 2%; text-align: center; margin-right:2%; overflow:hidden;}
.class-list li:hover{box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);}
.class-list li:nth-child(3n){ margin-right:0;}
.class-list li a {display: block;}
.class-list li .picc img { width: 100%; display: block; height:100%;}
.class-list li .picc span { display: block; background: no-repeat center;background-size: cover;-moz-background-size: cover; -webkit-background-size: cover; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s;-o-transition-duration: 0.8s; transition-duration: 0.8s; position:absolute; top:0; width:100%; left:0; height:100%;}
.class-list li a:hover .picc span {/*opacity: .2;filter: alpha(opacity=20);*/transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);}
/*.class-list li a:hover .text {background: var(--main-color);}*/
/*.class-list li a:hover .tit,
.class-list li a:hover .txt { color: #fff;}*/
.class-list li .picc{background: #fff; position: relative; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s;
 -ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;overflow: hidden; padding-top:98.13%;}
.class-list li .text { background: #fff;padding: 27px 30px 36px 30px;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s;-o-transition-duration: 0.4s; text-align:left; overflow:hidden;}
.class-list li .tit {height: 52px;line-height: 26px; overflow: hidden;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;
  transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s; -o-transition-duration: 0.4s;color: #222222; font-size:16px;font-weight: bold; }
.class-list li .a{ font-style:normal;  height:20px; line-height:20px;  color:var(--main-color);margin-top:25px; position:relative;z-index:0;overflow:hidden;padding-right: 17px;float: left;background: url(../images/product_pic2_on.png) right center no-repeat;background-size: 6px 12px;transition:all 0.3s;}
.class-list li .a:hover{margin-left: 5px;}
.class-list li a:hover .text{background: var(--main-color);}
.class-list li a:hover .tit {color: #ffffff;}
.class-list li a:hover .a{color: #ffffff;background-image: url(../images/right.png);}

@media screen and (max-width: 1560px) {
/*产品中心*/
.class-list li .text {padding: 20px 22px 26px 22px;}
}
@media screen and (max-width: 1200px) {
/*产品中心*/
.class-list li{ width:49%;}
.class-list li:nth-child(3n){ margin-right:2%;}
.class-list li:nth-child(2n){ margin-right:0;}
.class-list li .tit{ font-size:17px;}
}
@media screen and (max-width: 1100px) {
/*产品中心*/
.class-list li .tit {font-size: 17px;}
}
@media screen and (max-width: 992px) {
/*产品中心*/
.product_one{display: block;}
.product_one .product_one_l{ float:none; width:100%;max-width: none;margin-top:5%;}
.product_one .i_title_t .h3{padding-bottom: 3%;}
.product_one .i_title_t .desc{margin-top: 3%;margin-bottom: 0;}
.product_one .imgs{ float:none; width:100%; max-width:none;}
.about_l{ float:none; width:0%; padding-left:0; padding-right:0; background:none; margin-right:0; z-index: 19891025; right: 0%; position:absolute; overflow: hidden; top:0; height:100%; margin-bottom:0;}
.about_l.lws{ width:90%; max-width:410px;}
/*.about_l .i_left_ul2 li:after{ top:16px; height:22px;}*/
.about_l .i_left_ul2{ padding-left:3%; padding-right:3%;}
.about_l .i_left_ul2 li h1{ padding-right:12px;font-size:16px;}
.about_l .i_left_ul2 li h2{padding-right:12px; font-size:16px; background-position:right 7px center;}
.about_l .i_left_ul2 li div{   margin-bottom:2px; }
.about_l .i_left_ul2 li div a{ font-size:14px;}
.about_r{ float:none;width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px);}
.class-list li a:hover .picc span {opacity: 1;filter: alpha(opacity=100);transform: scale(1, 1);-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);-moz-transform: scale(1, 1);}
/*.class-list li a:hover .text {background: #f8f8f8;}*/
.class-list li .picc::after {display: none;}
.class-list li .tit {font-size: 16px;line-height: 24px;height: 48px;}
.class-list li .a{margin-top: 20px;}
}
@media screen and (max-width: 780px) {
/*产品中心*/
.about_l .i_left_ul2{ margin-bottom:10px;}

}
@media screen and (max-width: 640px) {
/*产品中心*/
.about_l .i_left_ul2{ margin-bottom:8px;}
.class-list li .tit { font-size:15px;}

}
@media screen and (max-width: 480px) {
/*产品中心*/
.class-list li .tit { height:44px; line-height:22px;font-size:14px;}
.class-list li .text {padding: 12px 12px 16px 12px;}
.class-list li .a{margin-top: 15px;background-size: 5px 10px;padding-right: 14px;}
}
@media screen and (max-width: 420px) {
/*产品中心*/

}

/*产品详细2*/
.product2_one_bg{background: url(../images/product2_bg1.jpg) center center no-repeat;background-size: cover;overflow: hidden;}
.product2_one{overflow: hidden;margin-top: 6%;display: flex;justify-content: space-between;margin-bottom: 7%;}
.product2_one .product2_one_l{width: 40.8%;overflow: hidden;}
.product2_one .product2_one_l .imgs{ overflow:hidden;  position:relative; padding-top:98.366%; }
.product2_one .product2_one_l .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.product2_one:hover .product2_one_l .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.product2_one .product2_one_r{overflow: hidden;width: 57%;max-width: 704px;max-width: 844px;}
.product2_one .product2_one_r .boxs{overflow: hidden;}
.product2_one .product2_one_r .date{overflow: hidden;color: var(--main-color);line-height: 1.5;}
.product2_one .product2_one_r .h3{font-weight: bold;color: #000000;overflow: hidden;line-height: 1.3;margin-top: 1.5%;transition:all 0.3s;}
.product2_one .product2_one_r .p{color: #000000;line-height: 1.6;overflow: hidden;margin-top: 3%;border-top: 1px solid #eeeeee;padding-top: 3%;}
.product2_one .product2_one_r .p p{overflow: hidden;margin-bottom: 2%;}
.product2_one .product2_one_r .p p:last-child{margin-bottom: 0;}
.product2_one .product2_one_r .divs{overflow: hidden;margin-top: 3.5%;border-top: 1px solid #eeeeee;padding-top: 3.5%;display: flex;justify-content: left; align-items: center;}
.product2_one .product2_one_r .divs .a_bnt{margin-top: 0;color: #fff;border-color: var(--main-color);}
.product2_one .product2_one_r .divs .a_bnt::after{width: 100%;}
.product2_one .product2_one_r .divs .a_bnt::before{background-image: url(../images/product_pic3.png);background-color: #ffffff;border-radius: 50%;}
.product2_one .product2_one_r .divs .a_bnt2{padding-left: 58px;overflow: hidden;line-height: 50px;color: #999999;background: url(../images/product_pic4.png) left 8px center no-repeat;transition:all 0.3s;margin-left: 19px;background-size: auto 40px;border-radius: 25px;padding-right: 20px;}
.product2_one .product2_one_r .divs .a_bnt2:hover{color: #ffffff;background-image: url(../images/product_pic4_on.png);margin-left: 24px;background-color: var(--main-color);}
.product2_one .product2_one_r .ends{overflow: hidden;margin-top: 6%}
.product2_one .product2_one_r .ends li{float: left;margin-right: 14px;}
.product2_one .product2_one_r .ends img{display: block; height: 68px;margin-bottom: 5px;}
.product_two_bg{overflow: hidden;background: #f7f7f7;}
.product_two{overflow: hidden;margin-top: 4%;margin-bottom: 4%;}
.product_two ul{display: flex;flex-wrap: wrap;}
.product_two ul li{width: 23.5%;margin-bottom: 2%;margin-right: 2%;overflow: hidden;background: #ffffff;border-radius: 10px;transition:all 0.3s;}
.product_two ul li:nth-child(4n){margin-right: 0;}
.product_two ul li:hover{background: var(--main-color);}
.product_two ul li .boxs{width: 92%;margin: 0 auto;overflow: hidden;}
.product_two ul li .boxs i{width: 122px;height: 122px;display: flex;align-items: center;justify-content: center;border-radius: 50%;position: relative;z-index: 0;margin: 0 auto;margin-top: 40px;background: #f7f7f7;}
.product_two ul li .boxs i img{display: block;width: 76px;position: relative;z-index: 2;}
.product_two ul li .boxs i::before{content: "";border-radius: 50%;background:#ffffff;width: 0%;height: 0%;position: absolute;left: 50%;top:50%;transition:all 0.3s;z-index: 1;}
.product_two ul li:hover .boxs i::before{width: 100%;height: 100%;left: 0;top: 0;}
.product_two ul li .boxs .h3{overflow: hidden;font-weight: bold;line-height: 1.6;margin-top: 21px;margin-bottom: 20px;color: #222222;transition:all 0.3s;text-align: center;}
.product_two ul li:hover .boxs .h3{color: #ffffff;}
.product_three_t{margin-top: 5%;font-weight: bold;color: #222222;line-height: 1.1;}
.product_three{overflow: hidden;margin-top: 3%;color: #222222;line-height: 1.6;margin-bottom: 2%;}
.product_three li{display: block; overflow: hidden;border-top: 1px solid #e3e3e3;padding-top: 1.9%;padding-bottom: 1.9%;}
.product_three li label{font-weight: bold;width: 33.8%;margin-right: 2%;float: left;}
.product_three li .p{overflow: hidden;}
.product_four{ overflow:hidden;  font-size:18px; line-height:30px; color:#666666; margin-top:3%; padding-bottom:4.5%;}
.product_four img{ max-width:100%;}
.product_four .table{ overflow:hidden;overflow-x: auto;display: block;}
.product_four .table::-webkit-scrollbar {width: 3px;height: 10px;}
.product_four .table::-webkit-scrollbar-thumb { background-color: rgba(204, 14, 25, 1.0);}
.product_four .table:hover::-webkit-scrollbar-thumb {background-color: rgba(204, 14, 25, 0.7);}
.product_four .table::-webkit-scrollbar-thumb:hover { background-color: rgba(204, 14, 25, 1.0);-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1); }
.product_four .table::-webkit-scrollbar-track {  background-color:#dddddd;}
.product_four .table table{ width:100%;border-collapse:collapse;border-spacing:0; color:#333333;min-width: 600px;}
.product_four .table table th{ line-height:24px;height:70px;padding:5px;border:1px solid var(--main-color); background:var(--main-color); color:#fff; text-align:center; width:20%;font-weight: normal;}
.product_four .table table td{ line-height:24px;height:70px; padding:5px; border:1px solid #ffffff; text-align:center;}
.product_four .table table .w1{ width:103px; padding-left:22px; padding-right:5px; font-weight:bold; color:#666666;}
.product_four .table table .w2{ width:264px;padding-left:54px; padding-right:5px; }
.product_four .table table .p1{ max-width:230px;}
.product_five{margin-top: 3%;margin-bottom: 5%;}
.product_five .boxs{ position:relative;overflow: hidden;border-radius:20px;border: 1px solid #ebebeb;
background: #ffffff;}
.product_five .boxs:hover{box-shadow: 0 5px 25px rgba(0,0,0,0.05);}
.product_five .boxs .imgs{overflow: hidden;padding-top:103.5%;position: relative;border-radius:20px 20px 0 0;z-index: 0;}
.product_five .boxs .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;object-fit: cover;}
.product_five .boxs:hover .imgs img{-webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); transform:scale(1.05, 1.05);}
.product_five .boxs .bgs{overflow: hidden;padding-left: 2%;padding-right: 2%;padding-top: 5px;padding-bottom: 8%;position: relative;z-index: 0;}
.product_five .boxs .h4{width: 92%;margin: 0 auto;max-width: 376px;overflow: hidden;font-weight: bold;text-align: center;line-height: 26px;height: 52px;transition:all 0.3s;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-top: 2%;color: #333333;}
.product_five .boxs:hover .h4{color: var(--main-color);}
.product_five .boxs em{font-style: normal;color: var(--main-color);display: block;overflow: hidden;line-height: 1.2;text-align: center;}

@media screen and (max-width: 1560px) {
/*产品详细2*/
/* .product2_one .product2_one_r .ends img{height: 80px;} */
.product_two ul li .boxs i{width: 110px;height: 110px;}
.product_two ul li .boxs i img{width: 66px;}
.product_two ul li .boxs .h3{margin-top: 16px;margin-bottom: 16px;}
.product_four{font-size: 17px;}
}
@media screen and (max-width: 1200px) {
/*产品详细2*/
.product2_one .product2_one_r .divs .a_bnt2{line-height: 46px;padding-left: 50px;background-size: auto 36px;}
.product2_one .product2_one_r .ends img{height: 60px;}
.product_two ul li .boxs i{width: 90px;height: 90px;margin-top: 30px;}
.product_two ul li .boxs i img{width: 50px;}
.product_two ul li .boxs .h3{margin-top: 12px;margin-bottom: 20px;}
.product_four{font-size: 16px;}
}
@media screen and (max-width: 992px) {
/*产品详细2*/
    .product2_one{display: block;}
    .product2_one .product2_one_l{width: 100%;}
    .product2_one .product2_one_r{width: 100%;}
    .product2_one .product2_one_r .boxs{max-width: 860px;margin-top: 5%;}
    .product2_one .product2_one_r .p{margin-top: 4%;padding-top: 4%;}
    .product2_one .product2_one_r .divs{margin-top: 4%;padding-top: 4%;}
    /* .product2_two{max-height: 745px;} */
    .product2_one .product2_one_r .ends img{height: 56px;}
    .product_two ul li{width: 32%;}
    .product_two ul li:nth-child(4n){margin-right: 2%;}
    .product_two ul li:nth-child(3n){margin-right: 0;}
    .product_two ul li:hover{background: #ffffff;}
    .product_two ul li:hover .boxs i::before{display: none;}
    .product_two ul li:hover .boxs .h3{color: #222222;}
    .product_four{ line-height:26px; font-size:15px;}
    
}
@media screen and (max-width: 780px) {
/*产品详细2*/
.product_five .boxs .h4{line-height: 24px;height: 48px;margin-top: 3%;}
}
@media screen and (max-width: 640px) {
/*产品详细2*/
.product2_one .product2_one_r .ends li{margin-right: 10px;}
.product2_one .product2_one_r .ends img{height: 50px;}
.product_two ul li .boxs i{margin-top: 25px;width: 80px;height: 80px;}
.product_two ul li .boxs .h3{margin-top: 10px;}
.product_three li{padding-top: 3%;padding-bottom: 4%;}
.product_three li label{float: none;width: 100%;margin-right: 0;}
.product_three li .p{margin-top: 2%;}
.product_four{ font-size:14px; margin-top:5%; padding-bottom:6%;}
.product_five .boxs .h4{line-height:22px;height: 44px;}
}
@media screen and (max-width: 480px) {
/*产品详细2*/
.product2_one .product2_one_r .p{margin-top: 5%;padding-top: 5%;}
.product2_one .product2_one_r .divs{margin-top: 5%;padding-top: 5%;}
.product2_one .product2_one_r .ends li{margin-right: 6px;}
.product2_one .product2_one_r .ends img{height: 40px;}
.product_two ul li{width: 49%;}
.product_two ul li:nth-child(3n){margin-right: 2%;}
.product_two ul li:nth-child(2n){margin-right: 0;}
.product_two ul li .boxs i{margin-top: 20px;width: 70px;height: 70px;}
.product_two ul li .boxs i img{width: 44px;}
.product_two ul li .boxs .h3{margin-bottom: 15px;}
.product_four{ font-size:13px; line-height:22px;}
.product_four .table table .w2{ padding-left:8px; width:310px;}
.product_five .boxs{border-radius: 10px;}
.product_five .boxs .h4{width: 98%;}
}
@media screen and (max-width: 420px) {
/*产品详细2*/
.product_four{ font-size:12px;}

}

/*application*/
.application_one_bg{overflow: hidden;background: rgba(239, 239, 239, 0.42);}
.application_one{margin: 0 auto; overflow: hidden;margin-top:2%;margin-bottom:2%;max-width: 1326px;}
.application_one ul{display: flex;justify-content: space-between;}
.application_one ul li{overflow: hidden;}
.application_one ul li .bb{ overflow:hidden; text-align:center;position: relative;z-index: 0;padding-left: 1%;padding-right: 1%;}
.application_one ul li .bb .icor{width: 86px;height: 86px;position: relative;z-index: 0;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.application_one ul li .bb .icor::after{content: "";position: absolute;left: 0;width: 100%;height: 100%;border: 10px solid #ededed; top: 0;z-index: -2;border-radius: 50%;opacity:0;filter:Alpha(opacity=0);transition:all 0.3s;}
.application_one ul li .bb .icor::before{ content: "";
  position: absolute;width: 100%; height: 100%;border-radius: 50%; top: 0; left: 0; z-index: -1; box-sizing: border-box; border: 0px solid transparent;
  /* 初始状态：只有一点红色 */
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  transform: rotate(0deg);
  transition: 
    border-top-color 0.2s,
    border-right-color 0.2s 0.2s,
    border-bottom-color 0.2s 0.4s,
    border-left-color 0.2s 0.6s,
    transform 0.8s ease-in-out;}
.application_one ul li .bb .h5{ font-weight:bold; color:#222222; line-height:24px;max-width: 216px;/*max-height: 48px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; */display: flex;align-items: center;justify-content: center;text-align: center;margin-top: 5%;white-space: nowrap;}
.application_one ul li .bb .ico{height: 45px;position: relative;margin: 0 auto;}
.application_one ul li .bb .ico img{height: 100%;width: auto;transition:all 0.3s;}
.application_one ul li .bb .ico .img2{opacity:0;filter:Alpha(opacity=0);position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
.application_one ul li.on .bb .ico .img1{opacity:0;filter:Alpha(opacity=0);}
.application_one ul li.on .bb .ico .img2{opacity:1.0;filter:Alpha(opacity=100);}
.application_one ul li.on  .bb .icor::before{  border: 10px solid transparent;transform: rotate(405deg);
  border-top-color: var(--main-color);
  border-right-color: var(--main-color);
  border-bottom-color: var(--main-color);
  border-left-color: var(--main-color);}
.application_one ul li.on  .bb .icor::after{opacity:1.0;filter:Alpha(opacity=100);}

.application_one ul li:hover .bb .ico .img1{opacity:0;filter:Alpha(opacity=0);}
.application_one ul li:hover .bb .ico .img2{opacity:1.0;filter:Alpha(opacity=100);}
.application_one ul li:hover .bb .icor::before{  border: 10px solid transparent;transform: rotate(405deg);
  border-top-color: var(--main-color);
  border-right-color: var(--main-color);
  border-bottom-color: var(--main-color);
  border-left-color: var(--main-color);}
.application_one ul li:hover  .bb .icor::after{opacity:1.0;filter:Alpha(opacity=100);}
.application_bg{overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.application_bg .i_title_t .h3{padding-bottom: 1.6%;}
.application_two{margin-top: 3%;margin-bottom: 4%;}
.application_two ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.application_two ul li{overflow: hidden;width: 49%;max-width: 732px;position: relative;border-radius: 10px;margin-bottom: 2%;}
.application_two ul li .imgs{ overflow:hidden; position:relative; padding-top:50%; }
.application_two ul li .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.application_two ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.application_two ul li .bgs{position:absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to top, rgba(0, 0, 0, 0.61) 0%, /* 底部完全不透明 */ rgba(0, 0, 0, 0.3) 30%, /* 中间部分 */ rgba(0, 0, 0, 0.1) 70%, /* 渐变到半透明 */ rgba(0, 0, 0, 0) 100%);display: flex;align-items: flex-end;}
.application_two ul li .cons{width: 92%; margin: 0 auto;max-width: 630px;margin-bottom: 4.5%;}
.application_two ul li .h3{font-weight: bold;color: #ffffff;overflow: hidden;line-height: 1.3;white-space:nowrap;text-overflow:ellipsis;}
.application_two ul li .p{overflow: hidden;line-height: 1.6;color: #ffffff;margin-top: 2%;}
.application_three_bg{overflow: hidden;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.application_three_bg .i_title_t .h3{padding-bottom: 1.6%;color: #ffffff;}
.about1_seven{margin-top: 4%;/* overflow: hidden; */margin-bottom: 1%;}
.about1_seven .hboxswiper4{position: relative;}

.about1_seven .controlbox .swiper-scrollbar{background-color: rgba(232, 232, 232,0.31);height: 5px;top: 15px;}
.about1_seven .controlbox .swiper-scrollbar-drag{background: var(--main-color);height: 5px;top: 0px;}
.about1_seven .swiper .boxs{overflow: hidden;transition:all 0.3s;}
.about1_seven .swiper .boxs:hover{transform: translate(0%, -32px);}
.about1_seven .swiper .boxs .imgs{ overflow:hidden; position:relative; padding-top:62.91%;border-radius: 10px; }
.about1_seven .swiper .boxs .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.about1_seven .swiper .boxs:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.about1_seven .swiper .boxs .txts{overflow: hidden;margin-top: 35px;}
.about1_seven .swiper .boxs .txts .h3{color: #ffffff;overflow: hidden;font-weight: normal;line-height: 43px;position: relative;display: flex;}
.about1_seven .swiper .boxs .txts .h3 img{margin-right: 18px;height: 43px;}
.about1_seven .swiper .boxs .txts .h3 .div{overflow: hidden;}
.about1_seven .swiper .boxs .txts .p{overflow: hidden;line-height: 24px;margin-top: 20px;/* max-height: 48px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; */color: rgba(255,255,255,0.7);}

.about1_seven .controlbox{width: 100%;z-index: 2;padding-bottom: 6%;max-width: 540px;margin: 0 auto;margin-top: 4%;}
.about1_seven .controlbox .bb{width: 100%;position: absolute;left: 0;top: 0;height: 75%;}
.about1_seven .controlbox .swiper-button-prev{width: 190px;height: 100%;border-radius: 50%;overflow: hidden;left: -190px;margin-top: 0px; transform: translateY(-50%);/* background: url(../images/left5.png) no-repeat;background-size: 100% 100%;box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.16); */top: 0;transform: translateY(0%);background: none;}
/* .about1_seven .controlbox .swiper-button-prev:hover{background-image: url(../images/left5_on.png);} */
.about1_seven .controlbox .swiper-button-next{width: 190px;height: 100%;border-radius: 50%;overflow: hidden;right: -190px;margin-top: 0px;transform: translateY(-50%);/* background: url(../images/right5.png) no-repeat;background-size: 100% 100%;box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.16); */top: 0;transform: translateY(0%);background: none;}
/* .about1_seven .controlbox .swiper-button-next:hover{background-image: url(../images/right5_on.png);} */
.about1_seven .controlbox .swiper-button-prev:hover,.about1_seven .controlbox .swiper-button-next:hover{box-shadow: 0px 4px 7px 0px rgba(0,0,0,0);}
.about1_seven .controlbox .swiper-button-prev:after,.i_news_bg .controlbox .swiper-button-next:after{font-size: 14px;color: #fff;}
.application_four{margin-top: 4%;overflow: hidden;line-height: 1.6;margin-bottom: 5%;}
.application_four img{max-width: 100%;}
.application_four .mobile{display: none;}
.application_four .img-main{overflow: hidden;position: relative;/* width: 80.92269327%; */ }
.application_four .img-main .img-text,
.application_four .img-main .img-icon,
.application_four .img-main .img-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.application_four .img-main .img-text {
  z-index: 3;
}
.application_four .img-main .img-line {
  width: 14.7%;
  max-width: 345px;
  height: auto;
  top: 41%;
  left: 64%;z-index: 0;
}
.application_four .img-main .img-line svg,
.application_four .img-main .img-line img {
  width: 100%;
  height: 100%;
}
.application_four .img-main .img-line svg path,
.application_four .img-main .img-line img path {
  animation: animation-line 4s ease-in;
  animation-fill-mode: forwards;
  stroke-dashoffset: 968px;
  stroke-dasharray: 968px;
  stroke: #db3326;
  stroke-width: 1;
}
.application_four .img-main .icon {
  position: absolute;
  color: #333333;
  z-index: 4;
}
.application_four .img-main .icon:hover{z-index: 5;}
.application_four .img-main .icon.icon8,.contact_one_bg .img-main .icon.icon15,.contact_one_bg .img-main .icon.icon18,.contact_one_bg .img-main .icon.icon20,.contact_one_bg .img-main .icon.icon24 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 0.16rem;
}
.application_four .img-main .icon.icon8 .circle,.contact_one_bg .img-main .icon.icon15 .circle,.contact_one_bg .img-main .icon.icon18 .circle,.contact_one_bg .img-main .icon.icon20 .circle,.contact_one_bg .img-main .icon.icon24 .circle {
  margin: auto;
}
.application_four .img-main .icon.icon22 .circle{opacity:0;filter:Alpha(opacity=0);}
/* .application_four .img-main .icon.icon1 .circle{width: 0.51rem;height: 0.51rem;}
.application_four .img-main .icon.icon1 .circle::before,
.application_four .img-main .icon.icon1 .circle::after {
  left: -0.14rem;
  top: -0.14rem;
  width: 0.78rem;
  height: 0.78rem;
}
.application_four .img-main .icon.icon1 .circle::after {
  left: -0.19rem;
  top: -0.19rem;
  width: 0.88rem;
  height: 0.88rem;
}
.application_four .img-main .icon.icon1 .circle span{color: #ffffff;font-size: 14px;text-align: center;display: flex;align-items: center;justify-content: center;} */
.application_four .img-main .icon .circle{
  width: 0.1rem;
  height: 0.1rem;width: 0.35rem;height: 0.35rem;
  position: relative;
  margin: auto;cursor: pointer;
  /* margin-bottom: 0.35rem; */
}
.application_four .img-main .icon .circle::before,
.application_four .img-main .icon .circle::after{
  content: "";
  position: absolute;
  /* left: -0.09rem;
  top: -0.09rem; */
  margin: auto;
  /* width: 0.28rem;
  height: 0.28rem; */
  background-color: rgba(218, 37, 28, 0.5);
  border-radius: 50%;
  opacity: 0.5;
  -webkit-animation: circleScale 3s linear infinite;
  animation: circleScale 3s linear infinite;
   left: -0.14rem;
  top: -0.14rem;
  width: 0.62rem;
  height: 0.62rem;
}
.application_four .img-main .icon .circle::after {
  /* left: -0.14rem;
  top: -0.14rem;
  width: 0.38rem;
  height: 0.38rem; */
  background-color: rgba(228, 66, 58, 0.5);
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
    left: -0.19rem;
  top: -0.19rem;
  width: 0.72rem;
  height: 0.72rem;
}
.application_four .img-main .icon .circle span {
  width: 100%;
  height: 100%;
  display: block;
  background-color: #da251c;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  color: #ffffff;font-size: 16px;text-align: center;display: flex;align-items: center;justify-content: center;font-weight: bold;
}
@-webkit-keyframes circleScale {
  0% {
    opacity: 1;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    border-radius: 50%;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@keyframes circleScale {
  0% {
    opacity: 1;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    border-radius: 50%;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }
}
.circleScale {
  -webkit-animation-name: circleScale;
  animation-name: circleScale;
}
@-webkit-keyframes animation-line {
  0% {
    stroke-dashoffset: 968px;
  }
  100% {
    stroke-dashoffset: 0px;
  }
}
@keyframes animation-line {
  0% {
    stroke-dashoffset: 968px;
  }
  100% {
    stroke-dashoffset: 0px;
  }
}
.animation-line {
  -webkit-animation-name: animation-line;
  animation-name: animation-line;
}
.application_four .img-main .icon:hover .icon-text{display: block;}
.application_four .img-main .icon-text{position:absolute;width: 0;height: 0;top: -120px;left: 0%;margin-left: -83px;z-index: 1;display: none;}
.application_four .img-main .icon-text .boxs{padding: 20px;display: flex;align-items: center;border-radius: 7px;box-shadow: 0 5px 25px rgba(0,0,0,0.05);position: relative;z-index: 0;background: #ffffff;justify-content: center;min-width: 200px;}
.application_four .img-main .icon-text .boxs::after{content: "";position: absolute;width: 13px;height: 6px;bottom: -6px;left: 50%;margin-left: -6.5px;background: url(../images/application_pic5.png) no-repeat;background-size: 100% 100%;z-index: 1;}
.application_four .img-main .icon-text img{height: 63px;margin-right: 15px;max-width: 68px;object-fit: contain;}
.application_four .img-main .icon-text .p{overflow: hidden;color: #222222;line-height: 1.5;font-weight: 500;}
.application_five{margin-bottom: 5%;}
.application_five ul{display: flex;flex-wrap: wrap;}
.application_five ul li{width: 18.4%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;border: 1px solid #dcdcdc;border-radius: 7px;box-shadow: 0 5px 25px rgba(0,0,0,0.05);position: relative;padding: 20px;display: flex;align-items: center;}
.application_five ul li:nth-child(5n){margin-right: 0;}
.application_five ul li::after{content: "";position: absolute;left: 20px;top: 50%;width: 31px;height: 31px;line-height: 31px;text-align: center;color: #ffffff;background: var(--main-color);border-radius: 50%;/* margin-top: -15.5px; */font-weight: bold;font-size: 15px;top: 40px;}
.application_five ul li:nth-child(1)::after{content: "1";}
.application_five ul li:nth-child(2)::after{content: "2";}
.application_five ul li:nth-child(3)::after{content: "3";}
.application_five ul li:nth-child(4)::after{content: "4";}
.application_five ul li:nth-child(5)::after{content: "5";}
.application_five ul li:nth-child(6)::after{content: "6";}
.application_five ul li:nth-child(7)::after{content: "7";}
.application_five ul li:nth-child(8)::after{content: "8";}
.application_five ul li:nth-child(9)::after{content: "9";}
.application_five ul li:nth-child(10)::after{content: "10";}
.application_five ul li:nth-child(11)::after{content: "11";}
.application_five ul li:nth-child(12)::after{content: "12";}
.application_five ul li:nth-child(13)::after{content: "13";}
.application_five ul li:nth-child(14)::after{content: "14";}
.application_five ul li:nth-child(15)::after{content: "15";}
.application_five ul li:nth-child(16)::after{content: "16";}
.application_five ul li:nth-child(17)::after{content: "17";}
.application_five ul li:nth-child(18)::after{content: "18";}
.application_five ul li:nth-child(19)::after{content: "19";}
.application_five ul li:nth-child(20)::after{content: "20";}
.application_five ul li img{height: 63px;margin-left: 46px;margin-right: 15px;}
.application_five ul li .p{overflow: hidden;color: #222222;line-height: 1.5;font-weight: 500;}

@media screen and (max-width: 1700px) {
/*application*/
/* .application_four .img-main .icon.icon1 .circle span{font-size: 12px;} */
.application_four .img-main .icon .circle span{font-size: 12px;}
}
@media screen and (max-width: 1600px) {
/*application*/
.application_one ul li .bb .ico{height: 40px;}
.application_four .img-main .icon-text{margin-left: -77px;}
.application_four .img-main .icon-text .boxs{min-width: 180px;}
.application_four .img-main .icon-text img{height: 60px;max-width: 62px;}
.application_five ul li img{height: 60px;}
.application_five ul li::after{top: 36px;}
}
@media screen and (max-width: 1440px) {
/*application*/
.about1_seven .swiper .boxs .txts .h3{line-height: 40px;}
.about1_seven .swiper .boxs .txts .h3 img{height: 40px;}
}
@media screen and (max-width: 1200px) {
/*application*/
.application_bg .i_title_t .h3{padding-bottom: 2%;}
.application_one ul li .bb .ico{height: 36px;}
.application_one ul li .bb .icor{width: 80px;height: 80px;}
.application_one ul li .bb .icor::after{border-width: 8px;}
.application_one ul li.on .bb .icor::before{border-width: 8px;}
.application_one ul li:hover .bb .icor::before{border-width: 8px;}
.application_three_bg .i_title_t .h3{padding-bottom: 2%;}
.about1_seven .swiper .boxs .txts .h3{line-height: 36px;}
.about1_seven .swiper .boxs .txts .h3 img{height: 36px;}
.about1_seven .swiper .boxs .txts .p{margin-top: 15px;}
.about1_seven .swiper .boxs .txts{margin-top: 30px;}
/* .application_four .img-main .icon.icon1 .circle{width: 0.71rem;height: 0.71rem;}
.application_four .img-main .icon.icon1 .circle::before,
.application_four .img-main .icon.icon1 .circle::after {
  width: 0.98rem;
  height: 0.98rem;

}
.application_four .img-main .icon.icon1 .circle::after {
  width: 1.08rem;
  height: 1.08rem;
} */
 /* .application_four .img-main .icon .circle{width: 0.6rem;height: 0.6rem;}
.application_four .img-main .icon .circle::before,
.application_four .img-main .icon .circle::after {
  width: 0.87rem;
  height: 0.87rem;

}
.application_four .img-main .icon .circle::after {
  width: 0.97rem;
  height: 0.97rem;
} */
 .application_five ul li{width: 23.5%;}
 .application_five ul li:nth-child(5n){margin-right: 2%;}
 .application_five ul li:nth-child(4n){margin-right: 0;}
}
@media screen and (max-width:1024px) {
/*application*/
.application_four .img-main { width: 100%;}
}
@media screen and (max-width:992px) {
/*application*/
.application_one{margin-top: 3%;margin-bottom: 3%;}
/*.about1_seven .controlbox .bb{width: 100px;margin-top: 40px;}
.about1_seven .controlbox .swiper-button-prev{width: 46px;height: 46px;}
.about1_seven .controlbox .swiper-button-next{width: 46px;height: 46px;} */
.about1_seven .swiper .boxs .txts{margin-top: 25px;}
.about1_seven .swiper .boxs .txts .h3{line-height: 32px;}
.about1_seven .swiper .boxs .txts .h3 img{height: 32px;}
.application_four .mobile{display:block;}
.application_four .img-main{display: none;}
 .application_five ul li{width: 32%;}
 .application_five ul li:nth-child(4n){margin-right: 2%;}
 .application_five ul li:nth-child(3n){margin-right: 0;}
}
@media screen and (max-width:780px) {
/*application*/
.application_one{margin-top: 4%;}
.application_one ul{flex-wrap: wrap;}
.application_one ul li{width: 32%;margin-right: 2%;margin-bottom: 3%;}
.application_one ul li:nth-child(3n){margin-right: 0;}
.about1_seven .swiper .boxs .txts .h3 img{margin-right: 12px;}
/* .application_four .img-main .img-line { width: 75.5%; left: 13.7%;} */
.application_four .img-main .icon .icon-text {
    font-size: var(--font12);
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
  }
/* .application_four .img-main .icon.icon8 .circle,.application_four .img-main .icon.icon15 .circle,.application_four .img-main .icon.icon18 .circle,.application_four .img-main .icon.icon20 .circle,.application_four .img-main .icon.icon24 .circle {
    margin: auto;
    margin-bottom: 0.24rem;
  } */
  /* .application_four .img-main .icon.icon4 {
    left: 85.98% !important;
  } */
  .application_five ul li{width: 49%;}
 .application_five ul li:nth-child(3n){margin-right: 2%;}
 .application_five ul li:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width:640px) {
/*application*/
.application_bg .i_title_t .h3{padding-bottom: 2.5%;}
.application_one ul li .bb .icor{width: 70px;height:70px;}
.application_one ul li .bb .icor::after{border-width: 6px;}
.application_one ul li .bb .ico{height: 30px;}
.application_one ul li .bb .h5{line-height: 22px;/* max-height: 44px; */}
.application_one ul li.on .bb .icor::before{border-width: 6px;}
.application_one ul li:hover .bb .icor::before{border-width: 6px;}
.application_two{margin-top: 4%;margin-bottom: 5%;}
.application_two ul{display: block;}
.application_two ul li{width: 100%;max-width: none;border-radius: 6px;}
.application_three_bg .i_title_t .h3{padding-bottom: 2.5%;}
/* .about1_seven .controlbox .bb{width: 80px;}
.about1_seven .controlbox .swiper-button-prev{width: 36px;height: 36px;}
.about1_seven .controlbox .swiper-button-next{width: 36px;height: 36px;} */
.about1_seven .swiper .boxs .txts{margin-top: 20px;}
.about1_seven .swiper .boxs .txts .h3{line-height: 28px;}
.about1_seven .swiper .boxs .txts .h3 img{height: 28px;}
}
@media screen and (max-width:520px) {
/*application*/
}
@media screen and (max-width:480px) {
/*application*/
.application_bg .i_title_t .h3{padding-bottom: 3.5%;}
.application_one{margin-top: 5%;}
.application_one ul li .bb .ico{height: 28px;}
.application_one ul li{width: 49%;}
.application_one ul li:nth-child(3n){margin-right: 2%;}
.application_one ul li:nth-child(2n){margin-right: 0;}
.application_two{margin-top: 5%;}
.application_three_bg .i_title_t .h3{padding-bottom: 3.5%;}
.about1_seven .controlbox .bb{margin-top: 30px;}
.about1_seven .swiper .boxs .txts{margin-top: 15px;}
.about1_seven .swiper .boxs .txts .h3{line-height: 24px;}
.about1_seven .swiper .boxs .txts .h3 img{margin-right: 6px;height: 26px;}
/* 
.application_four .img-main .icon.icon1 .circle{width: 0.81rem;height: 0.81rem;}
.application_four .img-main .icon.icon1 .circle::before,
.application_four .img-main .icon.icon1 .circle::after {
  width: 1.08rem;
  height: 1.08rem;

}
.application_four .img-main .icon.icon1 .circle::after {
  width: 1.18rem;
  height: 1.18rem;
} */
 
/* .application_four .img-main .icon .circle{width: 0.7rem;height: 0.7rem;}
.application_four .img-main .icon .circle::before,
.application_four .img-main .icon .circle::after {
  width: 0.97em;
  height: 0.97rem;

}
.application_four .img-main .icon .circle::after {
  width: 1.07rem;
  height: 1.07rem;
} */
   .application_five ul li{padding: 12px;}
   .application_five ul li::after{left: 12px;}
 .application_five ul li img{height: 50px;margin-left: 38px;margin-right: 12px;}
 .application_five ul li::after{top: 22px;}
}
@media screen and (max-width:420px) {
/*application*/
 .application_five ul li{width: 100%;margin-right: 0;}
 .application_five ul li:nth-child(3n){margin-right: 0%;}
}