﻿@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(pscroll.css);
@import url(lrtk3.css);
.i_contact_bg{background-attachment: fixed;}
@keyframes scaleAnim{
    0%{         
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.postions{  line-height:48px; overflow:hidden;color:#333333; font-size:16px;text-align: center;margin-top: 60px;}
.postions.bgs2{height: 66px;line-height: 66px;color:#ffffff;margin-top: 0;}
.postions.bgs3{height: 76px;line-height: 76px;margin-top: 0;position: absolute;top: 0;left: 0; width:100%; }
.postions.bgs4{ /*position:absolute; bottom:0; left:0; width:100%; background:rgba(231,231,231,0.19);*/display: none; margin-top:0;}
.posadd .postions{ position:fixed; top:0; left:0; width:100%; z-index:5;}
.postions a{color:#333333;position: relative; }
.postions .postions_r a{padding-right: 11px;margin-right: 10px;}
.postions .postions_r a::before{content: "";position: absolute;right: 0;height: 8px;width: 1px;background: #d9d9d9;margin-top: -4px;top: 50%;}
.postions .postions_r a:first-child:before{display: none;}
.postions .postions_r a:first-child{padding-right: 0;margin-right: 0;}
.postions a:hover{ color:#032132;}
.postions label{ color:#333333;}
.postions.bgs2 a{color: #ffffff;}
.postions.bgs2 a:hover{ color:#032132;}
.postions.bgs2 label{color: #ffffff;}
.postions .postions_r{display: flex;align-items: center; justify-content: left;float: left;}
.postions .postions_r .home{line-height:normal;}
.postions .postions_r .img{ vertical-align:text-bottom; margin-right:8px; height: 18px;}
.postions .postions_r .img:first-child{ margin-left:0;}
.postions .postions_r .one{border-left: 1px solid #032132;padding-left:15px;}
.postions .postions_r span{font-family:Arial;}
.postions .goto2{float: right;line-height: 36px;color: #ffffff;border: 1px solid #ffffff;width: 136px;font-size: 14px;background: url(../images/product_pic9.png) left 28px center no-repeat;background-size: 25px auto;text-indent: 68px;border-radius: 18px;margin-top: 11px;}
.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_bg3.png) left center no-repeat;background-size:20px auto;  padding-left:25px;-webkit-tap-highlight-color: #333333;-webkit-tap-highlight-color: transparent; display:none;}
.postions .postions_b{display: inline-block;align-items: center;vertical-align: top;}
.postions .postions_b a{ float:left; text-align:center;overflow:hidden; font-size:20px; color:#333333; position:relative;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:0; margin-left:10px;margin-right: 10px; padding-left: 18px;padding-right: 18px;border-radius: 24px;}
.postions.bgs5 .postions_b a{margin-bottom: 12px;}
.postions .postions_b a:hover{color:rgba(255,255,255,0.9);}
.postions .postions_b a:after{content: "";display: block;position: absolute;left: 50%;right:50%; bottom: 0;height:100%;opacity: 0;background:#032132;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:-1;}
.postions .postions_b a.isel:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a:hover:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a.isel{color:rgba(255,255,255,0.9); }
/*分类弹窗*/
.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 .h2{ font-weight:normal; display:table-cell; vertical-align:middle; color:rgba(255,255,255,1.0); text-align:center;letter-spacing: 6px;}
.o_big_con .h2 label{ display:block; overflow:hidden; font-weight:normal; color:rgba(255,255,255,1.0); line-height:1;  margin-bottom:0.8%; text-transform: uppercase;letter-spacing: 0;}
.o_big_con.bgs2 .h2 label{color: rgba(255,255,255,0.2);}
.o_big_con .h2 span{ display:block; overflow:hidden; font-weight:normal; color:rgba(255,255,255,1.0); line-height:1.6;max-width: 870px;margin: 0 auto;  margin-top:1.4%;letter-spacing: 17px;}


/*分页*/
.yema{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:4%; padding-bottom:4%; clear:both;}
.yema.bgs2{ text-align:right;}
.yema a{ display:inline-block; height:50px; line-height:50px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:60px;margin-left:3px;  text-align:center; color:#333333; font-size:16px; border:1px solid #F7F7F7; background:#F7F7F7;border-radius: 5px;}
.yema a:hover{ text-decoration:none; color:#fff; background:#032132;background: #032132;border:1px solid #032132;/* border: 0; */}
.yema a.on{color:#fff;  background:#032132;background: #032132;/* border: 0; */}
.yema a.first,.yema a.last{ margin-right:0;  }
.yema a.first:hover,.yema a.last:hover{background-color:#032132;}
.yema a span{ /* font-family:"宋体"; */ font-size:16px;color: #333333;}
.yema a:hover span{color:#fff;}
/*分类弹窗*/
.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;}
/*暂无内容*/
.nodata{ clear:both; max-width:1200px; margin:0 auto; overflow:hidden; text-align:center; margin-top:13%; margin-bottom:13%; background:url(../images/nodata.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;}
.product_title on{background-color: red;}
@media screen and (max-width: 1440px) {
/*内页*/
.postions{  line-height:46px; font-size:15px;margin-top: 50px;}
.postions .postions_b a{border-radius: 23px;}
.postions .goto2{margin-top: 3px;}
}

@media screen and (max-width: 1200px) {
/*内页*/
.postions h2{ font-size:18px;}
.postions h2 span{ font-size:14px;}
.postions .postions_b a{font-size: 18px;}
.postions .goto2{margin-top: 5px;line-height: 32px;width: 120px;background-position: left 20px center;text-indent: 58px;}
.o_big_con .h2 span{letter-spacing: 20px;}
}

@media screen and (max-width: 1100px) {
/*内页*/
.postions{  line-height:44px;}
.postions .postions_b a{font-size: 17px;border-radius: 22px;}
.o_big_con .h2 span{ margin-top:1.2%;letter-spacing: 15px; }

}


@media screen and (max-width: 992px) {
/*内页*/
.postions{margin-top: 0;border-bottom: 1px solid #e3ddda;}
.postions.bgs2{line-height: 50px;height: 50px;}
.postions.bgs3{position: static;line-height: 50px;height: 50px;}
.postions .rclass{ display:block;}
.postions .postions_b{ display:none;}
.postions .postions_b a{ float:none; font-size:16px; display:block; margin-left:0;margin-right: 0; padding-left:3%; text-align:left; background:#efefef; border-bottom:1px solid #fff; width:auto;color: #333333;border-radius: 0;}
.postions.bgs5 .postions_b a{margin-bottom: 0;}
.postions .postions_b a:hover{ background:#032132; color:#fff;}
.postions .postions_b a.isel{ color:#fff;background:#032132;}
.postions .postions_b a:after{ height:0;}
.postions.bgs4{ display:block;}
/*分类弹窗*/
.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:100%;}
.about_tc .about_divs{ position:absolute; right:0; width:85%; background-color:#fff; 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;}
/*分页*/
.yema a{height:36px; line-height:36px;min-width:44px;font-size: 14px;}
.yema a span{font-size: 14px;}
}
@media screen and (max-width: 830px) {
/*内页*/
.postions h2{ font-size:16px;}
.postions h2 span{ font-size:13px;}
}
@media screen and (max-width: 780px) {
/*内页*/
.o_big{ height:278px;}
.postions{  line-height:42px; font-size:14px;}
.postions.bgs2{line-height: 42px;height: 42px;}
.postions.bgs3{line-height: 42px;height: 42px;}
.postions h2{ display:none;}
.postions .postions_b a{  font-size:15px;}
/*分页*/
.yema a{ height:28px; line-height:26px; padding-left:6px; padding-right:6px; margin-left:2px; font-size:13px;min-width: 36px;}
.yema a span{ font-size:13px;}
}

@media screen and (max-width: 640px) {
/*内页*/
.o_big{ height:220px;}
.o_big_con .h2{letter-spacing: 4px;}
.o_big_con .h2 span{letter-spacing: 10px;}
.postions{font-size: 13px;}
.postions .postions_b a{ font-size:14px;}
.postions .goto2{margin-top: 8px;line-height: 26px;width: 100px;background-position: left 15px center;text-indent:46px;font-size: 13px;background-size: 20px auto;}
/*分页*/
.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:160px;}
.o_big_con .h2{letter-spacing: 2px;}
.o_big_con .h2 span{letter-spacing: 5px;}
.postions{ font-size:12px;}
.postions .postions_b a{ font-size:13px;}
.postions .postions_r span{ display:none;}
.postions .postions_r .img{margin-right: 6px;}
.postions .postions_r .one{padding-left: 10px;}
.postions .goto2{font-size: 12px;width: 90px;}
/*分页*/
.yema{ padding-top:35px; padding-bottom:40px;}
.yema a{ padding-left:5px; padding-right:5px; margin-left:2px;min-width: 30px;}
}

.selects{height: 52px;  width: 100%;border:1px solid #e8e8e8;color:#656565;font-size: 16px;padding-left: 66px;}
@media screen and (max-width: 1440px){
	.selects{
		height:46px;
		padding-left: 50px;
	}
}
@media screen and (max-width: 640px){
	.selects{
		height:40px;
		width:100%;border:1px solid #e8e8e8;color:#656565;font-size: 16px;padding-left: 10px;
	}
}

@media screen and (max-width: 480px){
.selects{ font-size:14px;}
}


/*公司简介*/
.o_title{text-align: center;overflow: hidden;color: #000000;margin-top: 5%;}
.o_title .h3{font-weight: bold;line-height: 1.3;color: #000000;}
.o_title .p{overflow: hidden;line-height: 1.6;margin-top: 8px;text-transform: uppercase;color: #666666;}
.i_about_bg{ /*display:none;*/background-repeat:no-repeat; background-position:center center; background-size:cover;overflow:hidden;}
.i_about_bg .o_title{text-align: left;padding-left: 20px;position: relative;}
.i_about_bg .o_title::after{content: "";position: absolute;left: 0;top: 5%;height: 90%;width: 2px;background: #b3b3b3;}
.i_about_bg .o_title .h3{overflow: hidden;}
.i_one{overflow: hidden;margin-top: 6%;margin-bottom: 6%;}
.i_one .i_one_l{float: left;width: 60%;max-width: 810px;color: #333333;line-height: 1.6;}
.i_one .i_one_l .desc{overflow: hidden;display: flex;align-items: center;margin-top: 2%;}
.i_one .i_one_l .desc img{height: 63px;margin-left: 24px;cursor: pointer;}
.i_one .i_one_l .p{overflow: hidden;margin-top: 2.5%;}
.i_one .i_one_l .p p{overflow: hidden;margin-bottom: 4%;}
.i_one .counter{  float: right;width: 38%;max-width: 472px;}
.i_one .counter ul li{ display:flex;width: 100%; transition:all 0.3s; position:relative;padding-bottom: 30px;margin-bottom: 30px;justify-content: space-between;align-items: center;}
.i_one .counter ul li:after{ content:""; position:absolute; left:0; bottom:0%; height:1px; width:100%; background:#d8d8d9}
/* .i_one .counter ul li:last-child:after{ display:none;} */
.i_one .counter ul li::before{ content:""; position:absolute; left:0; bottom:0%; height:1px; width:0%; background:var(--main-color);transition:all 0.3s;z-index: 1;}
.i_one .counter ul li:hover:before{width: 100%;}
/* .i_one .counter ul li:last-child::before{display: none;} */
.i_one .counter ul li:last-child{margin-bottom: 0;/* padding-bottom: 0; */}
.i_one .counter ul li .txts2{}
.i_one .counter ul li .nums{  line-height:1; color:#333333;transition:all 0.3s;}
.i_one .counter span{display:inline-block; vertical-align:middle; overflow:hidden; letter-spacing:1px;  font-weight:bold; font-family:Arial; }
.i_one .counter label{display:inline-block;/* vertical-align:top; */font-weight:500; font-size:22px;margin-left: 3px; }
.i_one .counter ul li:first-child label{ font-size:16px;}
.i_one .counter .h6{ font-weight: normal; overflow:hidden; line-height:24px;   white-space:nowrap;text-overflow:ellipsis; margin-top:12px; margin-bottom:6px; color:#333333;transition:all 0.3s;}
.i_one .counter ul li:hover .nums{color: var(--main-color);}
.i_one .counter ul li:hover .h6{color: var(--main-color);}
/* .i_one .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);} */
.i_one .counter ul li .ico{width: 80px;height: 80px;border-radius: 50%;border: 1px solid #cbcbcb;order:1;position: relative;}
.i_one .counter ul li .ico img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition:all 0.3s;}
.i_one .counter ul li .ico img.img2{opacity:0;filter:Alpha(opacity=0);}
.i_one .counter ul li:hover .ico{border-color: var(--main-color);}
/* .i_one .counter ul li:hover .ico img.img2{opacity:1.0;filter:Alpha(opacity=100);}
.i_one .counter ul li:hover .ico img.img1{opacity:0;filter:Alpha(opacity=0);} */

@media screen and (max-width: 1560px) {
  /*公司简介*/
  .i_one .counter ul li{margin-bottom: 20px;padding-bottom: 20px;}
  .i_one .counter .h6{margin-top: 6px;}
}
@media screen and (max-width: 1200px) {
  /*公司简介*/
  .i_one .counter label{font-size:20px;}
  .i_one .counter ul li:first-child label{ font-size:15px;}
  .i_one{ margin-top:6%; margin-bottom:6%;}
  .i_one .i_one_l .desc img{height: 50px;margin-left: 20px;}
}
@media screen and (max-width: 992px) {
/*公司简介*/
.o_title{margin-top: 7%;}
.i_one{display: block;margin-top: 5%;}
.i_one .i_one_l{float: none;width: 100%;max-width: none;}
.i_one .i_one_l .desc{margin-top: 0;}
.i_one .i_one_l .p{margin-top: 2%;}
.i_one .i_one_l .p p{margin-bottom: 2%;}
.i_one .counter{float: none;width: 100%;max-width: none;margin-top: 5%;}
.i_one .counter ul li:first-child label{ font-size:14px;}
.i_one .counter ul li .ico{width: 70px;height: 70px;}

}
@media screen and (max-width:640px) {
  /*公司简介*/
  .o_title{margin-top: 8%;}
  .i_one .counter label{font-size:16px;}
  .i_one .counter ul li:first-child label{ font-size:13px;}
  .i_one .i_one_l .desc img{height: 40px;margin-left: 12px;}

}
@media screen and (max-width:480px) {
  /*公司简介*/
  .i_one .counter label{font-size:14px;}
  .i_one .counter ul li{margin-bottom: 15px;padding-bottom: 15px;}
  .i_one .counter ul li:first-child label{ font-size:12px;}
  .i_one .counter ul li .ico{width: 60px;height: 60px;}
  .i_one .counter .h6{line-height: 20px;}
  .i_one .i_one_l .desc img{height: 32px;margin-left: 10px;}

}

  /*企业文化*/
  .about_two_bg{ /*display:none;*/background-repeat:no-repeat; background-position:center center; background-size:cover;overflow:hidden;}
  .about_two{overflow: hidden;margin-top: 4%;margin-bottom: 6%;}
  .about_two ul{gap: 30px;display: flex;}
  .about_two ul li{overflow: hidden;transition:all 0.3s;width:calc(33.33% - 20px);width:-webkit-calc(33.33% - 20px);width:-moz-calc(33.33% - 20px);}
  /* .about_two ul li:hover{background: #032132;} */
  .about_two ul li .boxs{overflow: hidden;width: 90%;margin: 0 auto;text-align: center;}
  .about_two ul li .imgs{overflow: hidden;width: 90px;height: 86px;margin: 0 auto;margin-top: 58px;position: relative;}
  .about_two ul li .imgs img{position: absolute;left: 0;top:0;width: 100%;height: 100%;transition:all 0.3s;}
  .about_two ul li .imgs img.img2{opacity:0;filter:Alpha(opacity=0);}
  /* .about_two ul li:hover .imgs img.img2{opacity:1.0;filter:Alpha(opacity=100);}
  .about_two ul li:hover .imgs img.img1{opacity:0;filter:Alpha(opacity=0);} */
  .about_two ul li .h3{font-weight: normal;overflow: hidden;line-height: 36px;height: 36px;white-space:nowrap;text-overflow:ellipsis;margin-top: 5%;color: #032132;transition:all 0.3s;letter-spacing: 3px;}
  /* .about_two ul li:hover .h3{color: #ffffff;} */
  .about_two ul li .p{overflow: hidden;color: #333333;line-height: 38px;position: relative;margin-bottom: 60px;transition:all 0.3s;margin-top: 10%;}
  /* .about_two ul li:hover .p{color: rgba(255,255,255,1.0);} */
@media screen and (max-width: 1560px) {
  /*企业文化*/
  .about_two ul{gap: 20px;}
  .about_two ul li{width:calc(33.33% - 13.4px);width:-webkit-calc(33.33% - 13.4px);width:-moz-calc(33.33% - 13.4px);}
  .about_two ul li .p{line-height: 32px;}
}
@media screen and (max-width: 1200px) {
  /*企业文化*/
  .about_two ul{gap: 12px;}
  .about_two ul li{width:calc(33.33% - 8px);width:-webkit-calc(33.33% - 8px);width:-moz-calc(33.33% - 8px);}
.about_two ul li .imgs{width: 80px;height: 76px;margin-top: 50px;}
.about_two ul li .p{margin-bottom: 50px;}
.about_two ul li .h3{margin-top: 32px;}
}
@media screen and (max-width: 992px) {
/*企业文化*/
.about_two ul li .imgs{width: 70px;height: 67px;margin-top: 35px;}
.about_two ul li .p{margin-bottom: 40px;}
.about_two ul li .h3{margin-top: 25px;}
}
@media screen and (max-width:780px) {
/*企业文化*/
.about_two ul{flex-wrap: wrap;gap: 20px;}
.about_two ul li{width:calc(50% - 10px);width:-webkit-calc(50% - 10px);width:-moz-calc(50% - 10px);}
} 
@media screen and (max-width:640px) {
/*企业文化*/
.about_two{margin-bottom: 8%;}
.about_two ul li .imgs{width: 60px;height:57px;margin-top: 30px;}
.about_two ul li .p{margin-bottom: 30px;line-height: 24px;height: 44px;}
.about_two ul li .h3{margin-top: 15px;}
}
@media screen and (max-width:480px) {
/*企业文化*/
.about_two ul{gap: 10px;}
.about_two ul li{width:calc(50% - 5px);width:-webkit-calc(50% - 5px);width:-moz-calc(50% - 5px);}
.about_two ul li .imgs{width: 50px;height:48px;margin-top: 25px;}
.about_two ul li .h3{margin-top: 10px;height: 30px;line-height: 30px;}
}
/*我们的优势*/
.i_youshi_bg .o_title .h3{color: #ffffff;}
.i_youshi_bg .o_title .p{color: #ffffff;}
.i_youshi{margin-bottom: 3%;}
/*荣誉资质*/
.about_honor_bg{overflow: hidden;background-repeat:no-repeat; background-position:center center; background-size:cover;overflow:hidden;}
.honor_boxs{margin-bottom: 5%;margin-top: 3%;}
/*发展历程*/
.about-page .history {
  margin-top:3.5%;
 }
 .about-page .history .gallery-top{ background:#fff;margin-bottom: 6%;position: relative;}
 .about-page .history .gallery-top .pages{width: 100%; position: absolute;top: 50%; left: 50%; max-width: 800px;transform: translate(-50%, -50%);z-index: 1; }
 .about-page .history .gallery-top .swiper-slide {
   overflow: hidden;border-radius: 10px;
 }
 .about-page .history .gallery-top .text{width: 96%; max-width: 800px; overflow: hidden;text-align: center;margin: 0 auto;}
 .about-page .history .gallery-top .text .boxs{padding-left: 70px;padding-right: 70px;overflow: hidden;}
 .about-page .history .gallery-top .h3{font-weight: normal; color: #333; overflow: hidden;line-height: 1.3;}
 .about-page .history .gallery-top .txt{
    width:100%; font-weight:normal; color:#555555; overflow:hidden; line-height:24px; margin-top:4%;
 }
 /* .about-page .history .gallery-top .txt li{ overflow: hidden; display: block; padding-left: 16px; position: relative; line-height: 22px; padding-top: 7px; padding-bottom: 7px;}
 .about-page .history .gallery-top .txt li:after{
  content: "";
  width: 5px;
  height: 5px;
  background: linear-gradient(90deg, #00A4E2, #48CCBF);
  border-radius: 50%;
position: absolute; left: 0; top: 15px;} */
 .about-page .history .gallery-thumbs {
   margin-top: 4.4%; margin-bottom:3%; position:relative; margin-right: 3px;
 }
 .about-page .history .gallery-thumbs:after{ content:""; position:absolute; bottom:0px; width:100%; left:0; height:0; border-bottom:1px dashed #b2b2b2;}
 .about-page .history .gallery-thumbs .swiper-slide {
   font-size: 24px;
   font-weight: normal;font-family: Arial;
   text-align: center; position:relative;
   background: url(../images/history_pic1.png) no-repeat center top;
   background-size: 100% 20px;
   padding-bottom: 27px; color:#333333;
   cursor: pointer;transition:all 0.3s; height:50px;line-height: 23px;
 }
 .about-page .history .gallery-thumbs .swiper-slide::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height:50px; background: url(../images/about_pic4.png) no-repeat; background-size: 100% 100%;}
 .about-page .history .gallery-thumbs .swiper-slide:after{ content:""; position:absolute; left:50%; bottom:0; height:13px; background:#1a1a1a; width:6px;display: none;}
 .about-page .history .gallery-thumbs .swiper-slide-thumb-active {
   color: #000000;  /*background-image:url(../images/history_pic1.png);*/
   /* background: linear-gradient(0deg, #00A4E2 0%, #48CCBF 100%); 
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/
 }
 .about-page .history .gallery-thumbs .swiper-slide-thumb-active::after{display: block;}
 .about-page .history .gallery-top .swiper-button-prev.swiper-button-disabled, .about-page .history .gallery-top .swiper-button-next.swiper-button-disabled{opacity:0.3;filter:Alpha(opacity=30);}
 .about-page .history .gallery-top .swiper-button-prev,.about-page .history .gallery-top .swiper-button-next{ width:62px; height:62px; margin-top:-31px; border-radius:25%;opacity: 1; cursor:pointer; /* border: 1px solid #e6e6e6; */background: none; z-index: 2;  }
 .about-page .history .gallery-top .swiper-button-prev::before,.about-page .history .gallery-top .swiper-button-next::before{
  content: ""; position: absolute; top:0; left: 0; width: 100%;height: 100%;z-index: 3;
 }
 .about-page .history .gallery-top .swiper-button-prev::before{background: url(../images/left.png) center center no-repeat;}
 .about-page .history .gallery-top .swiper-button-next::before{background: url(../images/right.png) center center no-repeat;  }
 .about-page .history .gallery-top .swiper-button-prev:hover::before{ background-image: url(../images/left_on.png);}
 .about-page .history .gallery-top .swiper-button-next:hover::before{ background-image: url(../images/right_on.png);}
 .about-page .history .gallery-top .swiper-button-prev{left:0;}
 .about-page .history .gallery-top .swiper-button-next{right:0;}
 .about-page .history .gallery-top .swiper-button-prev::after,.about-page .history .gallery-top .swiper-button-next::after{
   /* content: ""; position: absolute; top:0; left: 0; width: 100%;height: 100%; background: #cdcccc;border-radius:50%;z-index: 0; */
   content: "";position: absolute; top: 0; height:100%; width: 100%; left: 0;background-image: linear-gradient(90deg, 
  #00a4e2 0%, 
  #48ccbf 100%), 
linear-gradient(
  #1879bf, 
  #1879bf);
background-blend-mode: normal, 
  normal;
border-radius: 25%;
opacity:0;filter:Alpha(opacity=0);
z-index: -2;
transition:all 0.3s;
 }
 .about-page .history .gallery-top .swiper-button-prev:hover::after,.about-page .history .gallery-top .swiper-button-next:hover::after{ 
  background-blend-mode: normal, normal;background-image: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%), linear-gradient( #f9f9f9, #f9f9f9);/* opacity:1.0;filter:Alpha(opacity=100); */
 }
@media screen and (max-width: 1200px) {
/*发展历程*/
.about-page .history .gallery-top .text {
	width: 100%;
	float: none;
}
.about-page .history .gallery-top .text{ position: static; max-width: none;}
.about-page .history .gallery-top .text .boxs{ max-width: none; }
.about-page .history .gallery-thumbs .swiper-slide {
	font-size: 22px; 
	/*background-size: 100% 14px;
	padding-top: 24px;*/
}
/* .about-page .history .gallery-thumbs .swiper-slide-thumb-active { font-size:30px;} */
}
@media screen and (max-width: 1100px) {
/*发展历程*/
.about-page .history .gallery-top .txt{margin-top:3%; }
}
@media screen and (max-width: 992px) {
/*发展历程*/
.about-page .history .gallery-top .txt{line-height:22px; }
.about-page .history .gallery-top .h3{margin-top:3%; line-height:36px;}
.about-page .history .gallery-thumbs .swiper-slide { font-size:20px;/* padding-top:30px; */}
/* .about-page .history .gallery-thumbs .swiper-slide-thumb-active { font-size:28px;} */
.about-page .history .gallery-top .swiper-button-prev,.about-page .history .gallery-top .swiper-button-next{ margin-top:-49px;}
}
@media screen and (max-width:780px) {
/*发展历程*/
.about-page .history .gallery-top .h3{ margin-top:2%;line-height:30px;}
}
@media screen and (max-width:640px) {
/*发展历程*/
.about-page .history{margin-top: 5%;}
.about-page .history .gallery-top .text{ width:94%; position:static; display:block; height:auto; margin-top:3%; margin-bottom:3%;}
.about-page .history .gallery-top .txt{ margin-top:4%;}
.about-page .history .gallery-top .h3{ margin-top:4%; line-height:26px;}
.about-page .history .gallery-top .text .boxs{padding-left: 0;padding-right: 0;}
.about-page .history .gallery-thumbs .swiper-slide { font-size:18px;/*padding-top:25px;*/}
/* .about-page .history .gallery-thumbs .swiper-slide-thumb-active { font-size:24px;} */
.about-page .history .gallery-top .swiper-button-prev,.about-page .history .gallery-top .swiper-button-next{ margin-top:-40px; display:none;}
}
@media screen and (max-width:480px) {
/*发展历程*/

}

/*合作伙伴*/
.about_partner_bg{overflow: hidden;background-repeat:no-repeat; background-position:center center; background-size:cover;}
.about_partner_bg .o_title .h3{color: #ffffff;}
.about_partner_bg .o_title .p{color: #ffffff;}
.about_partner{max-width: 1368px;margin: 0 auto; margin-top: 5%;margin-bottom: 6%;}
.about_partner .swiper-slide .boxs{margin-bottom: 60px;overflow: hidden;border-radius: 10px;}
.about_partner .swiper-slide .boxs .imgs{ overflow:hidden;  position:relative; padding-top:47.3%; }
.about_partner .swiper-slide .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;}
.about_partner .swiper-slide .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);}
.about_partner .swiper-pagination{width: 100%;position: static;}
.about_partner .swiper-pagination-bullet{width: 21px; height: 7px;background: #ffffff;border-radius: 4px;opacity: 1;margin-left: 5px;margin-right: 5px;transition:all 0.3s;}
.about_partner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 34px;}
@media screen and (max-width: 1200px) {
  /*合作伙伴*/
  .about_partner{margin-bottom: 7%;}
  .about_partner .swiper-slide .boxs{margin-bottom: 40px;}
}

@media screen and (max-width: 992px) {
  /*合作伙伴*/
  .about_partner{margin-bottom: 8%;}
  .about_partner .swiper-slide .boxs{margin-bottom: 30px;}
}
@media screen and (max-width:780px) {
  /*合作伙伴*/
  .about_partner .swiper-slide .boxs{margin-bottom: 20px;}
}
@media screen and (max-width:640px) {
  /*合作伙伴*/
  .about_partner .swiper-slide .boxs{margin-bottom: 20px;}
}
@media screen and (max-width:480px) {
  /*合作伙伴*/
  .about_partner .swiper-slide .boxs{margin-bottom: 10px;}
}
/*企业风采*/
.about-block-manufacturing-e{margin-top: 1%; padding-bottom: 60px;padding-top: 3%;position: relative;--wrap-width-val: 1600px;--wrap-1680-width: var(--wrap-width-val);}
.about_fengcai{--wrap-width: var(--wrap-1680-width);}
.about-block-manufacturing-e .swiper-box{    --anitime: 3s;}
.about-block-manufacturing-e .swiper-btn-box-a {--s: 58px;}
.swiper-box.swiper-type2{position: relative;--scale: 0.8;}
.swiper-box.swiper-type2 .swiper-slide {
  width: clamp(10vw, 55.8vw, 1070px);
  transition: all 0.3s;
}
.swiper-box.swiper-type2 .swiper-slide-prev {
  transform: scale(var(--scale)) translate(80%, -7%);
}
.swiper-box.swiper-type2 .swiper-slide-next {
  transform: scale(var(--scale)) translate(-80%, -7%);
}
.swiper-box.swiper-type2 .swiper-slide-active {
  z-index: 2;
  transform: scale(1);
}
.swiper-box.swiper-type2 .swiper-slide-active .img-box {
  box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.25);border-radius: 10px;
}
.swiper-box.swiper-type2 .swiper-slide-active .img-box::after {
  opacity: 0;
}
.swiper-box.swiper-type2 .swiper-slide-active .title {
  opacity: 1;
}
.swiper-box.swiper-type2 .title {
  opacity: 0;
  padding: 1.5em 1em;
  font-size: 24px;
  line-height: 1.2em;
  color: #222222;
  transition: all 0.3s;text-align: center;
}
.swiper-box.swiper-type2 .img-box {
  display: block;
  transition: all 0.3s;
}
.swiper-box.swiper-type2 .img-box::before {
  padding-top: 57%;
}
.swiper-box.swiper-type2 .img-box::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.3s;
}
.swiper-box.swiper-type2 .swiper-btn {
  margin-top: -3%;
}
.swiper-box.swiper-type2 .swiper-btn-box-a .swiper-btn .self-svg{box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.16);}

.about-block-manufacturing-e .img-box img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
@media (max-width: 1800px) {
/*企业风采*/
.about-block-manufacturing-e{--wrap-width-val: 1500px;--wrap-1680-width: var(--wrap-width-val);}
}
@media (max-width: 1700px) {
  /*企业风采*/
  .about-block-manufacturing-e{--wrap-width-val: 1400px;--wrap-1680-width: var(--wrap-width-val);}
  .swiper-box.swiper-type2 .title {
    font-size: 22px;
  }
}
@media (max-width: 1600px) {
    /*企业风采*/
    .about-block-manufacturing-e{--wrap-width-val: 1300px;--wrap-1680-width: var(--wrap-width-val);}
  .swiper-box.swiper-type2 .title {
    font-size: 20px;
  }
}
@media (max-width: 1500px) {
      /*企业风采*/
  .about-block-manufacturing-e{--wrap-width-val: 82vw;--wrap-1680-width: var(--wrap-width-val);}
  .swiper-box.swiper-type2 .title {
    font-size: 18px;
  }
}
@media (max-width: 1400px) {
        /*企业风采*/
        .about-block-manufacturing-e{--wrap-width-val: 85vw;--wrap-1680-width: var(--wrap-width-val);}
  .swiper-box.swiper-type2 .swiper-slide {
    width: clamp(10vw, 55.8vw, 1070px);
  }
  .swiper-box.swiper-type2 .title {
    font-size: 17px;
  }
}
@media (max-width: 1200px) {
          /*企业风采*/
          .about-block-manufacturing-e{--wrap-width-val: 92vw;--wrap-1680-width: var(--wrap-width-val);}
  .swiper-box.swiper-type2 .swiper-slide {
    width: clamp(10vw,70vw, 1070px);
  }
  .swiper-box.swiper-type2 .title {
    font-size: 0.26rem;
  }
  /* .swiper-box.swiper-type2 .swiper-btn {
    margin-top: -7%;
  } */
}
@media (max-width:992px) {
          /*企业风采*/
          .about-block-manufacturing-e{--wrap-width-val: clamp(0px, 710px, calc(100vw -(0.25rem* 2)));--wrap-1680-width: var(--wrap-width-val);}
}
@media (max-width: 768px) {
    /*企业风采*/
  .swiper-box .swiper-btn-box-a .swiper-btn {
    transform: translate(0%, -50%);
  }
  .swiper-box .swiper-btn-box-a .next {
    transform: translate(0%, -50%);
  }
  .about-block-manufacturing-e .swiper-btn-box-a {--s: 40px;}
}
/*关于我们快速导航*/
/* .map{position: relative;
  top: -80px;
  color: #999999;
  font-size: 14px;
  transition: all 0.3s;} */
.navigation{ position:fixed; left:0px; top:50%;height:0px; width:100%; z-index:999; opacity: 1; filter:alpha(opacity=100); -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s;transform: scale3d(1, 1, 1);}
.lift-hide{  opacity: 0; filter:alpha(opacity=0);transform: scale3d(1, 0, 0);}
.navigation ul{ float:left; width:136px; margin-top:-110px; overflow:hidden; -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s;}
.navigation ul li{ display:block; overflow:hidden; height:38px; cursor:pointer; color:#9f9f9f; position:relative;transition:all 0.3s;}
.navigation ul li:after{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; width:0px; height:2px; background:#032132;}
.navigation ul li span{ text-align:left; padding-left:16px;line-height:38px; font-size:14px; }
.navigation ul li:hover{ color:#032132; }
.navigation ul li.isel{  color:#032132;}
.navigation ul li.isel:after{ width:12px;}
@media screen and (max-width: 1200px) {
  /*关于我们快速导航*/
  /* .map{ top:-50px;} */
  /* .navigation ul li span{ font-size:16px;} */
}
@media screen and (max-width: 640px) {
/*关于我们快速导航*/
.navigation ul li{ height:36px;}
.navigation ul li span{ font-size:13px; line-height:36px;}

}
/*联系我们*/
.contact_ul{ overflow:hidden;  margin-top:3%; font-size:16px; line-height:26px; color:#333333; margin-bottom:6%;}
.contact_ul ul{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 20px;width: 100%;  }
.contact_ul ul li{width:calc(25% - 15px);width:-webkit-calc(25% - 15px);width:-moz-calc(25% - 15px);  overflow:hidden; text-align:center;background: #f7f7f7;border-radius: 10px;max-width: 350px;}
.contact_ul ul li .box{ padding-left:2%; padding-right:2%; padding-top:21%; padding-bottom:15%;margin: 0 auto;max-width: 270px; }
.contact_ul ul li .box a{ color:#333333;transition:all 0.3s;}
.contact_ul ul li .box a:hover{ color:#032132;}
.contact_ul ul li .box .h3{   font-weight:bold; color:#333333; margin-bottom:1%;letter-spacing: 2px;margin-top: 14%;}
.contact_ul ul li .box i{ margin:0 auto; width:96px; height:97px; display:block; transition:all 0.3s; background-repeat:no-repeat; background-position:center center; background-size:100% 100%;transition:all 0.3s; border-radius:50%;border: 16px solid #e6e6e6;transition:all 0.3s;}
.contact_ul ul li:hover .box i{border-color: #032132;}
.contact_ul ul li .box i.bgs1{ background-image:url(../images/contact_pic1.png);}
.contact_ul ul li .box i.bgs2{ background-image:url(../images/contact_pic2.png);}
.contact_ul ul li .box i.bgs3{ background-image:url(../images/contact_pic3.png);}
.contact_ul ul li .box i.bgs4{ background-image:url(../images/contact_pic4.png);}
/*.contact_ul ul li:hover i{transform: rotate(360deg);}*/
/*.contact_ul ul li:hover .box i.bgs1{ background-image:url(../images/contact_pic1_on.png);}
.contact_ul ul li:hover .box i.bgs2{ background-image:url(../images/contact_pic2_on.png);}
.contact_ul ul li:hover .box i.bgs3{ background-image:url(../images/contact_pic3_on.png);}*/
.contact_ul ul li .p{ max-width:290px; margin:0 auto; overflow:hidden; font-weight:normal;line-height: 1.5;margin-top: 16%;}
.contact_ul ul li .p label{ display:block; color:#999999; margin-top:4px;}
#map_container{overflow: hidden;height: 660px;width: 100%;}
.circleClass { position: relative; border-radius: 50%;}
.circleClass img { position: relative; z-index: 2;}
.circleClass::after { content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #32a7da;
    border: 1px solid #32a7da;
    animation: yuanRun 2s infinite linear;}
.circleClass::before { content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #32a7da;
    border: 1px solid #32a7da;
    animation: yuanRun 2s 1s infinite linear;}
    @keyframes yuanRun {
      form {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
      }
      to {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
      }
    }
    .messages { padding: 2% 0 210px; background: url(../img/contact_img1.jpg) center no-repeat; background-size: cover;}
    .anchorBL { display: none!important;}
    .messagesForm ul::after { content: ''; clear: both; display: block; height: 0;}
    .messagesForm li { margin-bottom: 2%; background: #ffffff; margin-right: 2%; float: left; width: 32%;  }
    .messagesForm.bgs2 li{margin-bottom: 1%;}
    .messagesForm .tt{overflow: hidden;line-height: 58px;color: #666666;}
    .messagesForm .tt font{color: #FF0000;}
    .messagesForm li .boxs{border-radius: 6px;display: flex;align-items: center;box-sizing: border-box; border: 1px solid #e8e8e8; position: relative; padding-left: 50px;}
    .messagesForm li img { display: block; position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}
    .messagesForm li input { font-size: 16px; background: none; width: calc(100% - 55px); box-sizing: border-box; height: 58px; padding: 0; border: none;}
    .messagesForm li input::-webkit-input-placeholder {color: #666666;}
    .messagesForm li input:-moz-placeholder {color: #666666;}
    .messagesForm li input:-ms-input-placeholder {color: #666666;}
    .messagesForm li select{ font-size: 16px; background: none; width: calc(100% - 55px); box-sizing: border-box; height: 58px; padding: 0; border: none;appearance: none; -moz-appearance: none; -webkit-appearance: none;background: url(../images/service2_pic5.png) #ffffff right 15px center no-repeat;cursor: pointer;text-indent: 0;color: #666666;}
    .messagesForm li:nth-child(3n) { margin-right: 0; line-height: 58px;}
    .messagesForm li span { color: #FF0000;}
    .messagesForm .tagArea { position: relative; background: #ffffff; border:1px solid #e8e8e8; border-radius: 6px; padding: 20px;padding-top: 15px;padding-bottom: 15px;}
    .messagesForm  .tagArea textarea{padding-left: 32px; height: 88px; outline: none; resize: none; font-family: '微软雅黑'; border: none; resize: none; font-size: 16px; width: 100%; box-sizing: border-box; line-height:26px;}
    .messagesForm  .tagArea::-webkit-input-placeholder {color: #666666;}
    .messagesForm  .tagArea:-moz-placeholder {color: #666666;}
    .messagesForm  .tagArea:-ms-input-placeholder {color: #666666;}
    .messagesForm  .tagArea.bgs2 textarea{height: 26px;}
    .messagesForm .tagArea img { position: absolute; left: 20px; top: 15px;}
    .messagesForm a.subForm { overflow: hidden; text-align: center; transition: all .5s; display: block; width: 164px; line-height: 48px; border: none; margin: 50px auto; color: #ffffff; font-size: 16px; background: #032132; border-radius: 48px;
    cursor: pointer; position: relative;}
    .messagesForm a.subForm span { position: relative; z-index: 2;}
    .messagesForm a.subForm::after {content: "";
        display: block;
        width: 0;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #000000;
        transition: 0.6s;}
    .messagesForm a.subForm:hover::after { width: 100%;}
    .messagesForm button:hover { box-shadow: 0 0 20px rgba(0,0,0,0.2);}
    .messagesForm {margin: 75px auto 0;}
@media screen and (max-width: 1200px) {
  /*联系我们*/
  .contact_ul ul li .p{margin-top: 8%;}
  #map_container{height: 600px;}
  .messages {padding-bottom: 160px;}
  .messagesForm {margin-top: 55px;}
}

@media screen and (max-width: 992px) {
    /*联系我们*/
  .contact_ul ul li .box i{border-width: 12px;}
  .contact_ul ul li .box i{width: 90px;height: 91px;}
  #map_container{height: 600px;}
  .messages {padding-bottom: 110px;}
  .messagesForm {margin-top: 45px;}
  .messagesForm .tt{line-height: 48px;}
}
@media screen and (max-width:780px) {
/*联系我们*/
.contact_ul{margin-top: 4%;}
.contact_ul ul{gap: 10px;}
.contact_ul ul li{ width:calc(50% - 5px);width:-webkit-calc(50% - 5px);width:-moz-calc(50% - 5px);}
.contact_ul ul li:nth-child(2n){margin-right: 0;}
#map_container{height: 500px;}
.messages {padding-bottom: 80px;}
.messagesForm {margin-top: 35px;}
.messagesForm li input{height: 50px;}
.messagesForm a.subForm {line-height: 42px;width: 150px;margin: 40px auto;}
.messagesForm li input {font-size: 15px;}
.messagesForm li select{font-size: 15px;height: 50px;}
.messagesForm .tagArea textarea {font-size: 15px;}
.messagesForm .tagArea img{top: 11px;}
.messagesForm .tagArea {padding-top: 11px;padding-bottom: 11px;}

}
@media screen and (max-width:640px) {
/*联系我们*/
.contact_ul{ line-height:24px;}
.contact_ul ul li .box{padding-top: 16%;}
.contact_ul ul li .box .h3{margin-top: 10%;}
.contact_ul ul li .p{margin-top: 5%;}
#map_container{height: 400px;}
.messagesForm {margin-top: 20px;}
	.messagesForm li { width: 100%; margin: 0 0 2%;}
  .messagesForm .tt.bgs2{display: none;}
	.messages { padding: 0px 0 8%;}
}
@media screen and (max-width:480px) {
/*联系我们*/
.contact_ul{ margin-top:4%; }
.contact_ul ul li .p label{ font-size:12px; margin-top:0;}
.contact_ul ul li .box i{ width:80px; height:81px;}
#map_container{height: 360px;}
.messagesForm .tt{line-height: 38px;}
.messagesForm.bgs2 li{margin-bottom: 2%;}
}
/*新闻列表*/
.i_more{overflow: hidden;text-align: center;width: 120px;border: 1px solid #0d0d0d;border-radius:23px;line-height: 46px;font-size: 16px;color: #333333;position: relative;z-index: 0;display: inline-block;vertical-align: top;font-style: normal;transition: all 0.3s;}
.i_more:hover{color: #ffffff;border-color: #032132;}
.i_more::after{content: "";width: 0%;height: 100%;position: absolute; left: 0; top: 0;background: #032132; z-index: -1; transition: all 0.3s;}
.i_more:hover::after{width: 100%;}
.hover:hover .i_more{color: #ffffff;border-color: #032132;}
.hover:hover .i_more::after{width: 100%;}
.news_ul{overflow: hidden;margin-top: 4%;}
.news_ul ul{display: flex;gap: 45px;justify-content: center;flex-wrap: wrap;}
.news_ul ul li{width:calc(33.33% - 30px);width:-webkit-calc(33.33% - 30px);width:-moz-calc(33.33% - 30px);overflow: hidden;border-radius: 12px;background: #f5f5f5;}
.news_ul ul li .imgs{ overflow:hidden; position:relative; padding-top:73.78%;border-radius: 12px; }
.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{ overflow:hidden; width:94%;max-width: 460px;margin: 0 auto;}
.news_ul ul li .txts .date{line-height: 30px;height: 30px;overflow: hidden;margin-top: 32px;padding-left: 28px;background: url(../images/i_pic10.png) left center no-repeat;background-size: 21px auto;font-size: 16px;}
.news_ul ul li .txts .h3{ line-height:40px; height:40px; font-weight:bold; overflow:hidden;color:#333333;transition:all 0.3s;white-space:nowrap;text-overflow:ellipsis;margin-top: 20px;}
.news_ul ul li .txts .p{line-height:22px; height:44px;overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#333333; font-size:16px;margin-top:23px;}
.news_ul ul li .txts .i_more{margin-top: 42px;margin-bottom: 42px;}
.news_ul ul li:hover .txts .h3{color: var(--main-color);}
.news_ul2{overflow: hidden;margin-top: 5%;}
.news_ul2 ul li{display: block;overflow: hidden;padding-bottom:3%;margin-bottom: 3%;position: relative;z-index: 0;}
.news_ul2 ul li:last-child{margin-bottom: 0;}
.news_ul2 ul li::before{background:#e5e5e5; position:absolute; left:0; bottom:0; height:1px; width:100%;transition:all 0.3s; content:""; z-index:-1;}
.news_ul2 ul li::after{background:var(--main-color); position:absolute; left:0; bottom:0; height:1px; width:0%;transition:all 0.3s; content:""; z-index:1;}
.news_ul2 ul li:hover:after{width: 100%;}
.news_ul2 ul li .imgs{ overflow:hidden; float:left; width:431px; position:relative; padding-top:318px;margin-right: 35px;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 .txts{ overflow:hidden;  }
.news_ul2 ul li .txts .date{line-height: 30px;height: 30px;overflow: hidden;margin-top: 32px;padding-left: 28px;background: url(../images/i_pic10.png) left center no-repeat;background-size: 21px auto;font-size: 16px;}
.news_ul2 ul li .txts .h3{ line-height:40px; height:40px; font-weight:bold; overflow:hidden;color:#333333;transition:all 0.3s;white-space:nowrap;text-overflow:ellipsis;margin-top: 20px;}
.news_ul2 ul li .txts .p{line-height:22px; height:44px;overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#333333;margin-top:23px;}
.news_ul2 ul li .txts .i_more{margin-top: 42px;}
.news_ul2 ul li:hover .txts .h3{color: var(--main-color);}
@media screen and (max-width: 1560px) {
  /*新闻列表*/
  .i_more{line-height: 42px;font-size: 15px;}
  .news_ul ul{gap: 30px;}
  .news_ul ul li{width:calc(33.33% - 20px);width:-webkit-calc(33.33% - 20px);width:-moz-calc(33.33% - 20px);}
}

@media screen and (max-width: 1200px) {
    /*新闻列表*/
  .i_more{line-height: 36px;font-size: 14px;width: 110px;}
  .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 .i_more{margin-top: 32px;margin-bottom: 32px;}
  .news_ul ul li .txts .p{margin-top: 15px;font-size: 15px;}
  .news_ul ul li .txts .date{font-size: 15px;}
  .news_ul ul li .txts .h3{margin-top: 10px;}
  .news_ul2 ul li .txts .date{font-size: 15px;}
}

@media screen and (max-width: 992px) {
      /*新闻列表*/
  .news_ul ul li .txts .date{margin-top: 22px;}
  .news_ul ul{gap: 12px;}
  .news_ul ul li{width:calc(33.33% - 8px);width:-webkit-calc(33.33% - 8px);width:-moz-calc(33.33% - 8px);}
  .news_ul2 ul li .imgs{margin-right: 25px;width: 380px;padding-top: 280px;}
  .news_ul2 ul li .txts .h3{margin-top: 3%;}
  .news_ul2 ul li .txts .p{margin-top: 3%;}
  .news_ul2 ul li .txts .i_more{margin-top: 6%;}

}
@media screen and (max-width:780px) {
  /*新闻列表*/
  .news_ul2 ul li .imgs{margin-right: 15px;width: 320px;padding-top: 236px;}
  .news_ul2 ul li .txts .date{margin-top: 4%;}
  .news_ul2 ul li .txts .h3{height: 32px;line-height: 32px;}
}
@media screen and (max-width:640px) {
      /*新闻列表*/
  .i_more{line-height: 30px;font-size: 13px;width: 100px;}
  .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 .txts{max-width: none;}
  .news_ul ul li .txts .date{margin-top: 4%;font-size: 14px;}
  .news_ul ul li .txts .h3{line-height: 32px;height: 32px;margin-top:2%;}
  .news_ul ul li .txts .p{margin-top: 3%;font-size: 14px;}
  .news_ul ul li .txts .i_more{margin-top: 4%;margin-bottom: 5%;}
  .news_ul2 ul li .imgs{margin-right: 12px;width: 260px;padding-top: 192px;}
  .news_ul2 ul li .txts .h3{height: 26px;line-height: 26px;}
  .news_ul2 ul li .txts .date{ line-height: 24px;height: 24px;font-size: 14px;}
}
@media screen and (max-width:480px) {
   /*新闻列表*/
  .news_ul ul li .txts .h3{height: 26px;line-height: 26px;}
  .news_ul ul li .txts .date{font-size: 13px;}
  .news_ul ul li .txts .p{font-size: 13px;}
  .news_ul2 ul li{padding-bottom: 4%;margin-bottom: 4%;}
  .news_ul2 ul li .txts .i_more{margin-top: 4%;}
  .news_ul2 ul li .imgs{float: none;width: 100%;margin-right: 0;padding-top: 73.78%;}
  .news_ul2 ul li .txts .p{height: 40px;line-height: 20px;margin-top: 2%;}
  .news_ul2 ul li .txts .date{font-size: 13px;}

}

/*新闻详细*/
.news_one{padding-top: 234px;overflow: hidden;background-repeat:no-repeat; background-position:center center; background-size:cover;}
 .news_one .show_t{ line-height:62px;  color:#ffffff; text-align:left; margin-bottom:1%;  font-weight:bold;position: relative;z-index: 0;padding-top: 30px;}
 .news_one .show_t::after{content: "Company news";position: absolute;left: 0;top: 0%;text-transform: uppercase;font-size: 120px;z-index: -2;color: rgba(242,242,242,0.05);font-weight: normal;width: 100%;line-height: 1;}
 .news_one .con_line{font-size:16px; color:#ffffff;border-bottom:1px solid rgba(220,220,220,0.43); text-align:left; padding-bottom:7px;padding-top: 11px;margin-top: 40px;font-weight: lighter;}
 .news_one .con_line .span{float: left;padding-left: 32px;overflow: hidden;position: relative;background-repeat: no-repeat;background-size: 19px 19px;background-position: left center; margin-right: 50px;line-height:34px;}
 .news_one .con_line .span.bgs1{background-image: url(../images/news_ico1.png);}
 .news_one .con_line .span.bgs2{background-image: url(../images/news_ico2.png);}
 .news_one .con_line .span.bgs3{background-image: url(../images/news_ico3.png);}
 .news_one .con_line .span.bgs4{background-image: url(../images/news_ico4.png);margin-right: 0;}
 .news_one .con_line .span::after{content: "";position: absolute;left: 25px;top: 50%;margin-top: -4px;height: 8px;width: 1px;background: #d9d9d9;}
 .news_one .con_line .p{line-height: 36px;max-width: 620px;margin-bottom: 2.5%;font-weight: normal;}
 .about_x2{  /*border-right:1px solid #e7e7e7;*/float: left;width: 70%;
  /*  box-shadow: 0px 6px 30px 2px rgba(179,179,179,0.09); */border-radius: 10px; margin-top: 28px;padding-bottom: 45px;max-width: 1100px;margin-bottom: 4%;}
 .about_x2 img{margin-bottom:10px; display:block; max-width:100%;}
 .about_x2 .boxs{width: 94%;margin: 0 auto;max-width: 1018px;}
 .about_x2 .con_id{ line-height:28px;overflow:hidden;white-space:normal;word-break:break-all; padding-top:80px;font-size:18px; color:#333333;text-align:left;/* font-family:"宋体";*/ padding-bottom:5%;position: relative;}
 .about_x2 .con_id::before{content: '“';color: #254444;position: absolute;font-size: 348px;left: -190px;top: 0px;line-height: 1;opacity: 0.08;font-family: SimHei;}
 .about_x2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
 .about_x2 .con_id p{ padding-bottom:3%; overflow:hidden;}
 .about_x2 table{border-collapse:collapse;border-spacing:0;}
 .about_x2 table td{ line-height:22px;height:27px; /*border:1px solid #000;*/}
 .about_x2 .product_page{position: static;bottom: 0px;box-sizing: border-box;}
 .fenxiang{ float:right;}
 .fenxiang label{display: inline-block;vertical-align: top;color: #bababa;line-height:34px;font-weight: lighter;}
 .fenxiang div.social-share{ display:inline-block; vertical-align:top;}
 .fenxiang .news_fx{ text-align:center;display:inline-block; vertical-align:top;  padding-left:3px; padding-right:3px;}
 .fenxiang .news_fx ul li{ display:inline-block; width:35px; height:34px;  margin-left:2px; margin-right:2px; background-repeat:no-repeat; background-size:100% 100%; cursor:pointer;position: relative;}
 .fenxiang .news_fx ul li.bgs1{ background-image:url(../images/fx_pic1.png);}
 .fenxiang .news_fx ul li.bgs2{ background-image:url(../images/fx_pic2.png);}
 .fenxiang .news_fx ul li.bgs3{ background-image:url(../images/fx_pic3.png);}
 .fenxiang .news_fx ul li:hover{transition:all 0.3s/*;opacity:0.8;filter:Alpha(opacity=80);*/}
 .fenxiang .news_fx ul li.bgs1:hover{ background-image:url(../images/fx_pic1_on.png);}
 .fenxiang .news_fx ul li.bgs2:hover{ background-image:url(../images/fx_pic2_on.png);}
 .fenxiang .news_fx ul li.bgs3:hover{ background-image:url(../images/fx_pic3_on.png);}
 .fenxiang .news_fx ul li a{ display:block; width:35px; height:34px; padding:0; margin:0;}
 .fenxiang .news_fx ul li a:hover{ background:none;}
 .fenxiang .social-share .icon-qq:before{ content:"";}
 .fenxiang .social-share .icon-qq{ border:0;}
 .fenxiang .social-share .icon-qq:hover{ background-image:url(../images/news/fx_pic1_on.png);background-size:100% 100%;}
 .fenxiang .social-share .icon-wechat:before{ content:"";}
 .fenxiang .social-share .icon-wechat{ border:0;}
 .fenxiang .social-share .icon-wechat:hover{ background-image:url(../images/news/fx_pic3_on.png);background-size:100% 100%;}
 .fenxiang .social-share .icon-weibo:before{ content:"";}
 .fenxiang .social-share .icon-weibo{ border:0;}
 .fenxiang .social-share .icon-weibo:hover{ background:url(../images/news/fx_pic2_on.png) no-repeat;background-size:100% 100%;}
 .product_page{padding-left: 30px;position: absolute;bottom: -80px;line-height: 68px;left: 0;background: #f8f8f8;width: 100%;padding-right: 30px;text-align: center;border-radius: 20px;}
  .product_page .prev{float: left;width: 36%;text-align: left;}
  .product_page .prev a{padding-left: 25px;background: url(../images/product_pic4.png) left center no-repeat;background-size: 8px auto;position: relative;}
  .product_page .prev a:hover{background-image: url(../images/product_pic4_on.png);}
  .product_page .prev a::before{content: "";width: 1px;height: 12px;top: 50%;margin-top: -6px;background: #d6d6d6;left: 17px;position: absolute;}
  .product_page .prev a:hover::before{background: var(--main-color);}
  .product_page .next{float: right;width: 36%;text-align: right;}
  .product_page .next a{padding-right: 25px;background: url(../images/product_pic5.png) right center no-repeat;background-size: 8px auto;position: relative;}
  .product_page .next a:hover{background-image: url(../images/product_pic5_on.png);}
  .product_page .next a::before{content: "";width: 1px;height: 12px;top: 50%;margin-top: -6px;background: #d6d6d6;right: 17px;position: absolute;}
  .product_page .next a:hover::before{background: var(--main-color);}
  .product_page .bntss{overflow: hidden;display: inline-block; vertical-align: top;padding-left: 30px;transition: all 0.3s;background: url(../images/product_pic3.png) left center no-repeat;background-size: 26px auto;}
  .product_page .bntss:hover{background-image: url(../images/product_pic3_on.png);}
  .product_page a{color: #666666;}
  .product_page a:hover{color: var(--main-color);}
  .news_r{float: right;width: 28%;background: #f8f8f8; /* box-shadow: 0px 6px 30px 2px rgba(179,179,179,0.09); */border-radius: 10px;margin-top: 58px;overflow: hidden;max-width: 444px;margin-bottom: 5%;}
  .news_r .boxs{width: 90%;margin: 0 auto;max-width: 440px;}
  .news_r .news_r_title{font-size: 24px;font-weight: 800;color: var(--main-color);line-height: 28px;margin-top: 30px;}
  .news_r .news_r_ul{overflow: hidden;padding-top: 13px;border-top: 1px solid #dcdcdc;margin-top: 14px;margin-bottom: 20px;}
  .news_r .news_r_ul li{border-bottom: 1px solid #dcdcdc;overflow: hidden;padding-top: 11px;padding-bottom: 11px;}
  .news_r .news_r_ul li:last-child{border-bottom: 0;}
  .news_r .news_r_ul li .h3{line-height: 30px;height: 30px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;font-weight: normal;font-size: 18px;color: #333;}
  .news_r .news_r_ul li:hover .h3{color: var(--main-color);}
  .news_r .news_r_ul li .date{overflow: hidden;font-size:16px; color:#666666;}
  .news_r .news_r_ul li .date .span{float: left;padding-left: 32px;overflow: hidden;position: relative;background-repeat: no-repeat;background-size: 17px auto;background-position: left center; margin-right: 28px;line-height:44px;}
  .news_r .news_r_ul li .date .span.bgs1{background-image: url(../images/news_pic1.png);}
  .news_r .news_r_ul li .date .span::after{content: "";position: absolute;left: 25px;top: 50%;margin-top: -4px;height: 8px;width: 1px;background: #d9d9d9;}
  .news_r .news_r_ul li .imgs{ overflow:hidden;position:relative; padding-top:58.2%;border-radius: 10px;margin-bottom: 6%;}
  .news_r .news_r_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_r .news_r_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_r .news_r_ul li .more{float: left;padding-right: 15px;background-size: 6px 12px;background: url(../images/solution_pic1.png) right center no-repeat;color: #333333;font-size: 14px;line-height: 24px;margin-top: 5px;margin-bottom: 10px;transition:all 0.3s;}
    .news_r .news_r_ul li:hover .more{color: var(--main-color);background-image: url(../images/solution_pic1_on.png);}
    .news_r .news_r_ul li .more:hover{margin-left: 5px;}
  .news_r.bgs2 .news_r_ul li{border-bottom: 0;}
  .product_three .product_page{position: static;bottom: 0px;box-sizing: border-box;margin-top: 5%;}

  @media screen and (max-width: 1860px) {
    /*新闻详细*/
    .news_one .show_t::after{font-size: 110px;}
  
  }
  @media screen and (max-width: 1660px) {
    /*新闻详细*/
    .news_one .show_t::after{font-size: 100px;}
  
  }
  @media screen and (max-width: 1440px) {
    /*新闻详细*/
    .news_one .show_t{ line-height:42px; }
    .news_one .show_t::after{font-size: 90px;}
    .news_one .con_line .span{margin-right: 30px;}
  
  }
@media screen and (max-width: 1200px) {
 /*新闻详细*/
 .news_one{padding-top: 160px;}
 .news_one .show_t::after{font-size: 80px;}
 .about_x2{float: none;width: 100%;max-width: none;}
.news_r{float: none;width: 100%;max-width: none;}
.news_r .boxs{width: 94%;max-width: none;}
.news_r .news_r_ul li .imgs{margin-bottom: 2%;}
}

@media screen and (max-width: 992px) {
 /*新闻详细*/
 .news_one{padding-top: 140px;}
 .news_one .con_line{font-size: 14px;}
 .news_one .con_line .span{margin-right: 20px;line-height: 30px;}
 .news_one .show_t::after{font-size: 70px;}
 .news_one .con_line .p{line-height: 30px;}
 .about_x2 .con_id{  font-size:15px;padding-top: 70px;}
 .about_x2 .con_id::before{ font-size: 300px;left: -165px;}
 .fenxiang label{line-height: 26px;}
.fenxiang .news_fx ul li{ width:26px; height:26px;}
.fenxiang .news_fx ul li a{width: 26px;height: 26px;}
}
@media screen and (max-width:830px) {
  /*新闻详细*/
  .news_one{padding-top: 110px;}
  .news_one .show_t{padding-top: 15px;padding-bottom: 15px;text-align: center;}
  .news_one .show_t::after{font-size: 60px;/* display: none; */left: 50%;transform: translate(-50%, 0%);}
  .news_one .con_line{margin-top: 30px;}
  .about_x2{margin-top: 5%;}
  .news_r .news_r_title{font-size: 20px;}
  .news_r .news_r_ul li{padding-top: 6px;padding-bottom: 6px;}
  .news_r .news_r_ul li .h3{font-size: 16px;}
  .news_r .news_r_ul li .date{font-size: 14px;}

}
@media screen and (max-width:640px) {
 /*新闻详细*/
 .news_one{padding-top: 90px;}
 .news_one .show_t{ font-size:20px; line-height:28px; text-align:center;}
 .news_one .show_t::after{font-size: 50px;}
 .news_one .con_line{ font-size:14px; text-align:center;margin-top: 20px;}
 .news_one .con_line .span{float: none;display: inline-block;vertical-align: top;margin-right: 10px;}
 .news_one .con_line .p{line-height: 24px;}
 .about_x2 .con_id{ font-size:14px; line-height:24px;padding-top: 50px;}
 .about_x2 .con_id::before{ font-size: 250px;left: -135px;}
 .fenxiang{ float:none; margin-top:5px;}
 .product_page{padding-left: 20px;padding-right: 20px;line-height: 50px;bottom: -62px;}
 .product_page .bntss{background-size: 20px auto;}
 .news_r{margin-top: 5%;}
 .news_r .news_r_title{font-size: 18px;}
 .news_r .news_r_ul li .h3{font-size: 15px;}
 .news_r .news_r_ul li .date{font-size: 13px;}
 .news_r .news_r_ul li .more{font-size: 13px;}
}
@media screen and (max-width:480px) {
    /*新闻详细*/
    .news_one{padding-top: 80px;}
    .news_one .show_t{ font-size:18px; line-height:26px;}
    .news_one .show_t::after{font-size: 40px;}
    .news_one .con_line{font-size: 12px;margin-top: 12px;}
    .news_one .con_line .p{line-height: 22px;}
    .about_x2 .con_id{ font-size:13px;}
    .news_r .news_r_title{margin-top: 30px;}
    .news_r .news_r_ul li .h3{font-size: 14px;}
  .news_r .news_r_ul li .date{font-size: 12px;}
  .news_r .news_r_ul li .date .span{margin-right: 18px;}
  .news_r .news_r_ul li .more{font-size: 12px;}
}
@media screen and (max-width:420px) {
  /*新闻详细*/
  .news_one{padding-top: 70px;}
  .news_one .show_t{line-height: 24px;}
  .news_one .show_t::after{font-size: 30px;}
}

/*常见问题*/
.technology_ul{ margin-top:3.5%;overflow:hidden;border-top:1px solid #e3ddda;}
.technology_ul ul li{ display:block; overflow:hidden; border-bottom:1px solid #e3ddda; background:url(../images/faq_pic1.png) right 32px top 20px no-repeat;transition:all 0.3s; cursor:pointer;-webkit-tap-highlight-color:transparent; background-size:40px 40px;  }
.technology_ul ul li:hover{ background-color:#f8f8f8; background-image:url(../images/faq_pic1_on.png);}
.technology_ul ul li.on{ background-color:#fff;  background-image:url(../images/faq_pic1_on.png);}
.technology_ul ul li .h3{ font-weight:normal; overflow:hidden; padding-top:26px; padding-bottom:26px; padding-left:56px;line-height:28px;font-size:18px; padding-right:60px; /*white-space:nowrap;text-overflow:ellipsis;*/  color:#222222; position:relative;}
.technology_ul ul li.on .h3{font-weight: bold;}
.technology_ul ul li .h3:after{ content:"Q"; position:absolute; left:0px; top:25px;font-size:25px;  height:30px; line-height:30px;font-family:"微软雅黑";color: #032132;
  /* @supports(-webkit-background-clip: text) or (background-clip: text){
  background: linear-gradient(90deg, #62b44a 0%, #1589aa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	} */
 
}
.technology_ul ul li .h3::before{content: "";position: absolute;left: 33px;width: 4px;height: 4px;border-radius: 50%;background: #032132;top: 40px;}
/* .technology_ul ul li.on .h3{ color: #62b44a;} */
.technology_ul ul li .down{overflow:hidden; line-height:30px; font-size:16px; padding-left:56px;  padding-bottom:35px; display: none;  color:#333333;  position:relative; }
.technology_ul ul li .down:after{ content:"A"; position:absolute; left:0px; top:0px;font-size:25px; height:30px; color:#999999; line-height:30px;font-family:"微软雅黑";}
.technology_ul ul li .down p{overflow: hidden;}
.technology_ul ul li .down p:last-child{margin-bottom: 0;}
.technology_ul ul li .down .i_more{margin-top: 2%;}
@media screen and (max-width: 1200px) {
/*常见问题*/
.technology_ul ul li{ background-position:right 10px top 20px;}
.technology_ul ul li .h3{  padding-left:40px;  padding-right:40px;font-size: 18px; }
.technology_ul ul li .h3:after{ left:0; font-size: 22px;}
.technology_ul ul li .h3::before{left: 30px;}
.technology_ul ul li .down{padding-left:40px; font-size:14px; line-height:26px;}
.technology_ul ul li .down:after{ left:0;font-size: 22px;}
}
@media screen and (max-width: 992px) {
/*常见问题*/
.technology_ul {border-top: 0;}
}


@media screen and (max-width: 640px) {
/*常见问题*/
.technology_ul ul li{ background-position:right 6px top 14px; background-size:30px 30px;}
.technology_ul ul li .h3{  padding-top:15px; padding-bottom:15px; padding-left:40px; font-size:16px;}
.technology_ul ul li .h3:after{ top:13px;}
.technology_ul ul li .h3::before{top: 26px;}
.technology_ul ul li .down{  padding-bottom:20px; font-size:14px; padding-left:40px;}
}
@media screen and (max-width: 480px) {
/*常见问题*/
.technology_ul{ margin-top:4%;}
.technology_ul ul li{ background-position: right 10px top 9px;}
.technology_ul ul li .h3{padding-left:25px; padding-top:10px; padding-bottom:10px; font-size:14px;}
.technology_ul ul li .h3:after{ width:26px; height:26px; line-height:26px; font-size:14px; top:10px;}
.technology_ul ul li .h3::before{left: 18px;top: 22px;}
.technology_ul ul li .down{ font-size:13px; line-height:22px; padding-left:25px;}
.technology_ul ul li .down:after{width:26px; height:26px; line-height:26px; font-size:14px;}
}
@media screen and (max-width: 420px) {
/*常见问题*/
.technology_ul ul li .down{ font-size:12px; }
.technology_ul ul li .down:after{ line-height:22px; height:22px;}
}


/*解决方案*/
.solution_ul{overflow: hidden;margin-top: 3.5%;border-top: 1px solid #e5e5e5;padding-top: 4%;}
.solution_ul ul li{display: block; overflow: hidden;padding-bottom:4%;margin-bottom: 4%;position: relative;z-index: 0;}
.solution_ul ul li a{display: flex;align-items: center;justify-content: space-between;}
.solution_ul ul li:last-child{margin-bottom: 0;}
.solution_ul ul li::before{background:#e5e5e5; position:absolute; left:0; bottom:0; height:1px; width:100%;transition:all 0.3s; content:""; z-index:-1;}
.solution_ul ul li::after{background:var(--main-color); position:absolute; left:0; bottom:0; height:1px; width:0%;transition:all 0.3s; content:""; z-index:1;}
.solution_ul ul li:hover:after{width: 100%;}
.solution_ul ul li .imgs{ overflow:hidden;  width:718px; position:relative; padding-top:416px;border-radius: 10px;order: 1; }
.solution_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;}
.solution_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);}
.solution_ul ul li .txts{ overflow:hidden;max-width: 650px;width:calc(98% - 718px);width:-webkit-calc(98% - 718px);width:-moz-calc(98% - 718px);  }
.solution_ul ul li .txts .date{line-height: 30px;height: 30px;overflow: hidden;color: #979797;text-transform: uppercase;}
.solution_ul ul li .txts .h3{ line-height:40px; height:40px; font-weight:bold; overflow:hidden;color:#333333;transition:all 0.3s;white-space:nowrap;text-overflow:ellipsis;margin-top: 20px;}
.solution_ul ul li .txts .p{line-height:28px; height:56px;overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#333333;margin-top:23px;}
.solution_ul ul li .txts .i_more{margin-top: 42px;}
.solution_ul ul li:hover .txts .h3{color: var(--main-color);}
@media screen and (max-width: 1560px) {
/*解决方案*/
.solution_ul ul li .imgs{width: 660px;padding-top: 382px;}
.solution_ul ul li .txts{width:calc(98% - 660px);width:-webkit-calc(98% - 660px);width:-moz-calc(98% - 660px); }
}

@media screen and (max-width: 1200px) {
/*解决方案*/
.solution_ul ul li .imgs{width: 560px;padding-top: 324px;}
.solution_ul ul li .txts{width:calc(98% - 560px);width:-webkit-calc(98% - 560px);width:-moz-calc(98% - 560px); }
}

@media screen and (max-width: 992px) {
/*解决方案*/
  .solution_ul ul li .imgs{width: 400px;padding-top: 232px;}
  .solution_ul ul li .txts{width:calc(98% - 400px);width:-webkit-calc(98% - 400px);width:-moz-calc(98% - 400px); }
  .solution_ul ul li .txts .h3{margin-top: 3%;}
  .solution_ul ul li .txts .p{margin-top: 3%;}
  .solution_ul ul li .txts .i_more{margin-top: 6%;}

}
@media screen and (max-width:780px) {
/*解决方案*/
  .solution_ul ul li .imgs{width: 320px;padding-top: 185px;}
  .solution_ul ul li .txts{width:calc(98% - 320px);width:-webkit-calc(98% - 320px);width:-moz-calc(98% - 320px); }
  .solution_ul ul li .txts .h3{height: 32px;line-height: 32px;}
  .solution_ul ul li .txts .p{line-height: 22px;height: 44px;}
}
@media screen and (max-width:640px) {
/*解决方案*/
  .solution_ul ul li .imgs{width: 260px;padding-top: 151px;}
  .solution_ul ul li .txts{width:calc(98% - 260px);width:-webkit-calc(98% - 260px);width:-moz-calc(98% - 260px); }
  .solution_ul ul li .txts .h3{height: 26px;line-height: 26px;margin-top: 2%;}
  .solution_ul ul li .txts .date{ line-height: 24px;height: 24px;}
  .solution_ul ul li .txts .p{line-height: 20px;height: 40px;}
}
@media screen and (max-width:480px) {
 /*解决方案*/
 .solution_ul{border-top: 0;}
  .solution_ul ul li{padding-bottom: 5%;margin-bottom: 5%;}
  .solution_ul ul li a{display: block;}
  .solution_ul ul li .txts{width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px);margin-top: 4%; }
  .solution_ul ul li .txts .i_more{margin-top: 4%;}
  .solution_ul ul li .imgs{float: none;width: 100%;margin-left: 0;padding-top: 73.78%;}
  .solution_ul ul li .txts .p{height: 40px;line-height: 20px;margin-top: 2%;}
}
/*案例列表*/
.case_ul{margin-top: 6%;}
.case_ul ul{display: flex;gap: 45px;flex-wrap: wrap;}
.case_ul ul li{width:calc(33.33% - 30px);width:-webkit-calc(33.33% - 30px);width:-moz-calc(33.33% - 30px);border-radius: 12px;margin-bottom: 45px;}
.case_ul ul li .imgs{position: relative; }
.case_ul ul li .imgs .img{overflow: hidden;overflow:hidden; position:relative; padding-top:110.78%;border-radius: 10px;}
.case_ul ul li .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;}
.case_ul ul li:hover .imgs .img 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);}
.case_ul ul li .imgs .ico{position: absolute;bottom: -69px;height: 138px;display: block;right: 15px;border-radius: 50%; box-shadow: 0 5px 25px rgba(0,0,0,0.1);}
.case_ul ul li .h3{ line-height:40px; height:40px; font-weight:normal; overflow:hidden;color:#666666;transition:all 0.3s;white-space:nowrap;text-overflow:ellipsis;margin-top:13px;margin-right: 160px;}
@media screen and (max-width: 1560px) {
  /*案例列表*/
  .case_ul ul{gap: 30px;}
  .case_ul ul li{width:calc(33.33% - 20px);width:-webkit-calc(33.33% - 20px);width:-moz-calc(33.33% - 20px);}
}
@media screen and (max-width: 1200px) {
  /*案例列表*/
  .case_ul ul{gap: 18px;}
  .case_ul ul li{width:calc(33.33% - 12px);width:-webkit-calc(33.33% - 12px);width:-moz-calc(33.33% - 12px);margin-bottom: 35px;}
  .case_ul ul li .imgs .ico{height: 100px;bottom: -50px;}
  .case_ul ul li .h3{margin-right: 125px;}
}

@media screen and (max-width: 992px) {
  /*案例列表*/
  .case_ul ul{gap: 10px;}
  .case_ul ul li{width:calc(33.33% - 8px);width:-webkit-calc(33.33% - 8px);width:-moz-calc(33.33% - 8px);margin-bottom: 25px;}
  .case_ul ul li .imgs .ico{height: 80px;bottom: -40px;}
  .case_ul ul li .h3{margin-right: 105px;line-height: 30px;height: 30px;}

}
@media screen and (max-width:640px) {
    /*案例列表*/
  .case_ul ul{gap:0px;}
  .case_ul ul li{width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px);margin-bottom: 4%;}

}
@media screen and (max-width:480px) {
   /*案例列表*/
  .case_ul ul li{margin-bottom: 6%;}
}
/*产品列表*/
.product_ul{overflow: hidden;margin-top: 3.5%;}
.product_ul ul{display: flex;justify-content: space-between;gap: 26px;flex-wrap: wrap;}
.product_ul ul li{display: block; overflow: hidden;position: relative;z-index: 0;background: #f7f7f7;width:calc(50% - 13px);width:-webkit-calc(50% - 13px);width:-moz-calc(50% - 13px);}
.product_ul ul li a{display: flex;align-items: center;justify-content: space-between;width: 90%;margin: 0 auto;max-width: 830px;padding-top: 40px;padding-bottom: 40px;}
.product_ul ul li .imgs{ width:49%;max-width: 351px; position:relative; padding-top:58.734%;border-radius: 10px;order: 1; }
.product_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;object-fit: cover;}
.product_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);}
.product_ul ul li .txts{ overflow:hidden;max-width: 650px;width: 49%; }
.product_ul ul li .txts .date{line-height: 30px;height: 30px;overflow: hidden;color: #1a1a1a;text-transform: uppercase;font-weight: bold;}
.product_ul ul li .txts .h3{ line-height:46px; height:92px; font-weight:bold; overflow:hidden;color:#333333;transition:all 0.3s;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-top: 15%;max-width: 250px;}
.product_ul ul li .txts .p{line-height:36px;/*  height:36px;overflow:hidden; */ color:#8c8c8c;margin-top:6px;/* white-space:nowrap;text-overflow:ellipsis; */}
.product_ul ul li .txts .i_more{margin-top: 12%;}
.product_ul ul li:hover .txts .h3{color: var(--main-color);}
@media screen and (max-width: 1560px) {
/*产品列表*/

}

@media screen and (max-width: 1200px) {
/*产品列表*/
.product_ul ul li .txts .h3{line-height: 36px;height: 36px;}
.product_ul ul li .txts .p{line-height: 30px;}
}

@media screen and (max-width: 992px) {
/*产品列表*/
.product_ul ul{gap: 16px;}
.product_ul ul li{width:calc(50% - 8px);width:-webkit-calc(50% - 8px);width:-moz-calc(50% - 8px);}
.product_ul ul li .txts .p{line-height: 26px;}
}
@media screen and (max-width:780px) {
/*产品列表*/
  .product_ul ul li .txts .h3{height: 64px;line-height: 32px;}
  .product_ul ul li .txts .p{line-height: 22px;}
}
@media screen and (max-width:640px) {
/*产品列表*/
.product_ul{margin-top: 5%;}
.product_ul ul{display: block;}
.product_ul ul li{width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px);margin-bottom:4%;}
  .product_ul ul li .txts .h3{height: 52px;line-height: 26px;}
  .product_ul ul li .txts .date{ line-height: 24px;height: 24px;}
  .product_ul ul li .txts .p{line-height: 20px;margin-top: 12px;}
}
@media screen and (max-width:480px) {
 /*产品列表*/
 .product_ul ul li .txts .h3{height: 48px;line-height: 24px;}
}

/*产品详细*/
.product_one{padding-top: 40px;overflow: hidden;background-repeat:no-repeat; background-position:center center; background-size:cover;position: relative;}
.product_one .wrap{position: relative;}
.product_one .introduction{display: flex;align-items: start;justify-content: space-between;}
.product_one .product_one_l{width: 43%;position: relative;padding-top: 90px;margin-bottom: 70px;}
.product_one .product_one_l .boxs{max-width: 480px;overflow: hidden;}
.product_one .product_one_l .content_timgr{ width: 518px; height: 518px; float: left; overflow: hidden; display: inline; border: 1px solid #eee; display: none; position: absolute; right: -20%; top:20px; background-color: #FFF; z-index:9;border-radius: 10px;}
.product_one .product_one_l .content_timgr img{width: 1000px; max-width:none; height:1000px; }
.product_one .nums{font-weight: bold;overflow: hidden;color: #1a1a1a;}
.product_one .desc{overflow: hidden;text-transform: uppercase;line-height: 1.2;font-weight: bold;color: rgba(3,33,50,0.15);margin-top: 5%;}
.product_one .h1{color: #333333;overflow: hidden;line-height: 1.5;}
.product_one .indmh-more{justify-content: left;margin-top: 19%;}
.product_one .i_more2{width: 166px;text-align: left;text-indent: 30px;margin-right: 4%;}
.product_one .i_more2::before{content: "";width: 34px;height: 33px;position: absolute;right: 12px;top: 50%;margin-top: -16.5px;background: url(../images/i_pic2.png) no-repeat;background-size: 100% 100%;transition:all 0.3s;}
.product_one .i_more2:hover::before{background-image: url(../images/i_pic2_on.png);}
.product_one .i_more2.bgs2::before{background-image: url(../images/product_pic6.png);}
.product_one .i_more2.bgs2:hover::before{background-image: url(../images/product_pic6_on.png);}
.product_one .tels{overflow: hidden;padding-left: 56px;background: url(../images/product_pic7.png) left center no-repeat;background-size: 33px 30px;position: relative;margin-top: 10%;}
.product_one .tels::before{content: "";position: absolute;left: 43px;top: 0;height: 100%;width: 2px;background: #e5e5e5;}
.product_one .tels label{display: block;font-size: 16px;overflow: hidden;line-height: 1.1;color: #666666;margin-bottom: 5px;}
.product_one .tels .a{color: #666666;font-weight: bold;line-height: 1;}
.product_one .product_one_r{width: 58%;align-items: center;position: relative;order: 1;}
.product-page .introduction .photo { max-width: 614px; padding-right: 96px;margin: 0 auto; position: relative;}
.product-page .introduction .photo img { width: 100%; display: block; height: 100%;}
/* .product-page .introduction .photo .gallery-top { border: solid 1px #eee;} */
.product-page .introduction .photo .right {position: absolute;top: 50%; right: 0; width: 81px; height: 543px; z-index: 2;padding: 70px 0;transform: translate(0%, -50%);}
.product-page .introduction .photo .gallery-thumbs {height: 100%;overflow: hidden;}
.product-page .introduction .photo .gallery-thumbs .swiper-slide {height: 82px;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select: none;-khtml-user-select: none;
  -webkit-user-select: none;-ms-user-select: none;user-select: none;}
.product-page .introduction .photo .gallery-thumbs .swiper-slide span {border: solid 1px #ffffff;display: block;cursor: pointer;border-radius: 50%;height: 82px;padding: 10px;background: #ffffff;overflow: hidden;}
.product-page .introduction .photo .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span {border: solid 1px #c0c0c0;}
.product-page .introduction .photo .swiper-button-prev,
.product-page .introduction .photo .swiper-button-next {width: 100%;height: 51px;margin: 0;top: auto;bottom: auto;left: 0;right: auto;background: no-repeat center;
transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;display: block;}
/* .product-page .introduction .photo .swiper-button-prev:hover,
.product-page .introduction .photo .swiper-button-next:hover {background-color: #ffffff;} */
.product-page .introduction .photo .swiper-button-prev { top: 0;  background-image: url(../images/zuo.png);}
.product-page .introduction .photo .swiper-button-prev:hover {background-image: url(../images/zuo_on.png);}
.product-page .introduction .photo .swiper-button-next {bottom: 0;background-image: url(../images/you.png);}
.product-page .introduction .photo .swiper-button-next:hover { background-image: url(../images/you_on.png);}
.product-page .introduction .photo .swiper-button-next.swiper-button-disabled,.product-page .introduction .photo .swiper-button-prev.swiper-button-disabled{opacity: 0.9;}
.product_one .product_one_r .content_timglt.bgs2{position: absolute; left: 0; top: 0;width: 100%;z-index: 1;}
.product_one .product_one_r #drag_img{width: 160px; height: 120px; background: url(../images/zoom_bg.gif) repeat; float: left; display: none;}
.product_title{  background:#fff; font-size:18px; position:relative; overflow:hidden;margin-top: 4%;clear: both;z-index: 0;}
.product_title.bgs2:after{ content:""; position:absolute; bottom:1px; left:0; width:100%;transition:all 0.3s; height:1px; background:#959595;z-index: -1; }
.product_title a{ float:left; overflow:hidden; color:#666666;  cursor:pointer; position:relative;  z-index:0;margin-right: 56px;padding-bottom: 20px;}
.product_title a:nth-child(2){margin-right: 0;}
.product_title a:after{ content:""; position:absolute; bottom:0px; left:0; width:0;transition:all 0.3s; height:3px; background:#000000; z-index:1;}
.product_title a.on:after{ width:100%;}
.product_title a .desc{color: #919191;text-transform: uppercase;line-height: 1.6;}
.product_title a .tt{font-weight: bold;overflow: hidden;line-height: 1.6;color: #a1a1a1;}
.product_title a.on .tt{color: #032132;}
.product_title.bgs3:after{ content:""; position:absolute; bottom:1px; left:0; width:100%;transition:all 0.3s; height:1px; background:#959595;z-index: -1; }
.product_title.bgs3 a .tt{line-height: 1.2;}
.product_two{ overflow:hidden;  font-size:16px; line-height:30px; color:#333333;margin-top: 2%;}
.product_two p img{ /* max-width:100%; */width:100%!important;height:auto!important;}
.product_two img{ max-width:100%;height:auto!important;}
.product_two_a{overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.product_two_a .wrap{display: flex;justify-content: space-between;align-items: center;margin-top: 6.5%;margin-bottom: 6.5%;}
.product_two_a .product_two_a_l{max-width: 440px;overflow: hidden;width: 49%;}
.product_two_a .label{display: inline-block;vertical-align: top; padding-left: 20px;padding-right: 20px;color: #ffffff;border-radius: 10px;line-height: 44px;background: #333333;}
.product_two_a .h3{font-weight: bold;line-height: 1.3;color: #333333;margin-top: 5%;display: block;letter-spacing: 5px;}
.product_two_a .desc{overflow: hidden;margin-top:2%;line-height: 1.3;color: #333333;}
.product_two_a .product_two_a_r{width: 49%;max-width: 700px;order: 1;}
.product_two_a .product_two_a_r img{width: 100%;}
.product_two_b{overflow: hidden;border: 1px solid #f2f2f2;padding: 3px;/* padding-left: 28px;padding-right: 28px;padding-bottom: 16px; */}
.product_two_b table{border-collapse:collapse;border-spacing:0;width: 100%;}
.product_two_b table td{ line-height:22px;height:60px;/*  border:1px solid #000; */width: 33.33%;text-align: center;color: #5b514b;padding-left: 12px;padding-right: 12px;}
.product_two_b table td:first-child{text-align: left;align-items: center;}
.product_two_b table td:first-child img{width: 31px;margin-right: 6px;}
.product_two_b table td .span{display: flex;align-items: center;}
.product_two_b table tr:nth-child(2n) td{background: #f6f6f6;}
.product_two_b table tr:nth-child(2n-1) td{background:#e5e5e5;}

.product_four{overflow: hidden;padding-top: 3%;border-top: 1px solid #b2b2b2;margin-top: 3%;margin-bottom: 3%;}
.product_four .swiper-slide a{display: block;overflow: hidden;position: relative;background: #f7f7f7;}
.product_four .swiper-slide .imgs{ position:relative; padding-top:108%;margin-top: 10%; }
.product_four .swiper-slide .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_four .swiper-slide: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_four .swiper-slide .bgs{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: rgba(67,67,67,0.5);transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.product_four .swiper-slide:hover .bgs{opacity:1.0;filter:Alpha(opacity=100);}
.product_four .swiper-slide .bgs .i_more{color: #ffffff;border-color: #ffffff;}
.product_four .swiper-slide .bgs .i_more:hover{border-color: var(--main-color);}
.product_four .swiper-slide .txts{width: 94%;margin: 0 auto;text-align: center;}
.product_four .swiper-slide .h3{color: #333333;font-weight: bold;overflow: hidden;line-height: 32px;margin-top: 12px;height: 32px;white-space:nowrap;text-overflow:ellipsis;}
.product_four .swiper-slide .p{line-height: 26px;height: 26px;overflow: hidden;color: #8c8c8c;white-space:nowrap;text-overflow:ellipsis;}
.product_four .swiper-slide .desc{line-height: 26px;height: 26px;overflow: hidden;color: #1a1a1a;white-space:nowrap;text-overflow:ellipsis;margin-top: 4px;font-weight: bold;margin-bottom: 33px;}
@media screen and (max-width: 1560px) {
  /*产品详细*/
  .product_one .product_one_l .content_timgr{top: 10px;}
  .product_two_b{padding-right: 15px;padding-left: 15px;}
}
@media screen and (max-width: 1200px) {
  /*产品详细*/
  .product_one .i_more2{width: 150px;}
  .product_one .i_more2::before{width: 30px;height: 29px;margin-top: -14.5px;}
  .product-page .introduction .photo .right{height: 476px;padding-top: 60px;padding-bottom: 60px;}
  .product_one .product_one_l .content_timgr{ width:500px; height:500px;top: 0;}

}
@media screen and (max-width: 1100px) {
  /*产品详细*/
  .product_one .product_one_l .content_timgr{top: -10px;}
}
@media screen and (max-width: 992px) {
  /*产品详细*/
  .product_one{padding-top: 0;}
  .product_one .i_more2{width: 140px;text-indent: 20px;}
  .product_one .i_more2::before{width: 26px;height: 25px;margin-top: -12.5px;}
  .product_one .introduction{display: block;}
  .product_one .product_one_r{width: 100%;margin-top: 4%;}
  .product_one .product_one_l{width: 100%;padding-top: 5%;margin-bottom: 6%;}
  .product_one .indmh-more{margin-top: 10%;}
  .product_one .tels{margin-top: 7%;}
  .product_one .tels label{font-size: 15px;}
  .product_one .product_one_l .content_timgr{ display:none!important;}
  .product_one .product_one_r #drag_img{display: none!important;}
  .product_title a{margin-right: 36px;}
  .product_two_b table td{height: 60px;}
}
@media screen and (max-width:640px) {
    /*产品详细*/
    .product_one .i_more2{width: 126px;text-indent: 16px;}
    .product_one .i_more2::before{right: 10px;}
    .product-page .introduction .photo{padding-right: 76px;}
    .product-page .introduction .photo .right{width: 71px;height: 440px;}
    .product-page .introduction .photo .gallery-thumbs .swiper-slide span{height: 72px;}
    .product_one .tels label{font-size: 14px;}
    .product_title{ font-size:16px;margin-top: 5%;}
    .product_title a{margin-right: 26px;padding-bottom: 15px;}
    .product_two_a .label{line-height: 40px;}
    .product_four .swiper-slide .desc{margin-bottom: 23px;}
}
@media screen and (max-width:520px) {
      /*产品详细*/
      .product_title{font-size:14px;}
      .product_one .product_one_l{margin-bottom: 8%;}
  .product-page .introduction .photo{padding-right: 66px;}
  .product-page .introduction .photo .right{width: 61px;height: 400px;}
  .product-page .introduction .photo .gallery-thumbs .swiper-slide span{height: 62px;}
}
@media screen and (max-width:480px) {
      /*产品详细*/
      .product-page .introduction .photo .right{height: 320px;}
      .product_one .tels label{font-size: 13px;}
      .product_title{font-size:13px;}
      .product_title a{margin-right: 16px;padding-bottom: 10px;}
      .product_two_a .label{line-height: 32px;}
      .product_four .swiper-slide .h3{height: 26px;line-height: 26px;}
      .product_four .swiper-slide .p{height: 22px;line-height: 22px;}
      .product_four .swiper-slide .desc{height: 22px;line-height: 22px;}
      .product_two_b table td{padding-left: 6px;padding-right: 6px;height: 40px;}
}
@media screen and (max-width:420px) {
  /*产品详细*/
  .product-page .introduction .photo{padding-right: 56px;}
  .product-page .introduction .photo .right{width: 51px;height: 286px;}
  .product-page .introduction .photo .gallery-thumbs .swiper-slide span{height: 52px;}
  .product_one .tels label{font-size: 12px;}
  .product_title{ font-size:12px; }
  .product_title a{margin-right: 10px;}
}

/*客户服务*/
.servie_one_bg{background: #f8f8f8;overflow: hidden;}
.servie_one{overflow: hidden;margin-top: 4%;margin-bottom:4%;}
.servie_one ul{gap: 26px;display: flex;flex-wrap: wrap;}
.servie_one ul li{overflow: hidden;transition:all 0.3s;width:calc(33.33% - 17.4px);width:-webkit-calc(33.33% - 17.4px);width:-moz-calc(33.33% - 17.4px);background: #ffffff;border-radius: 20px;box-shadow: 0 0 10px rgba(0,0,0,0.01);margin-bottom: 2.5%;}
.servie_one ul li:hover{background: #032132;}
.servie_one ul li .boxs{overflow: hidden;width: 90%;margin: 0 auto;text-align: center;}
.servie_one ul li .imgs{overflow: hidden;width: 84px;height: 84px;margin: 0 auto;margin-top: 58px;position: relative;}
.servie_one ul li .imgs img{position: absolute;left: 0;top:0;width: 100%;height: 100%;transition:all 0.3s;}
.servie_one ul li .imgs img.img2{opacity:0;filter:Alpha(opacity=0);}
.servie_one ul li:hover .imgs img.img2{opacity:1.0;filter:Alpha(opacity=100);}
.servie_one ul li:hover .imgs img.img1{opacity:0;filter:Alpha(opacity=0);}
.servie_one ul li .h3{font-weight: normal;overflow: hidden;line-height: 36px;height: 36px;white-space:nowrap;text-overflow:ellipsis;margin-top: 5%;color: #032132;transition:all 0.3s;letter-spacing: 3px;}
.servie_one ul li:hover .h3{color: #ffffff;}
.servie_one ul li .p{overflow: hidden;color: #333333;line-height: 38px;position: relative;margin-bottom: 50px;transition:all 0.3s;margin-top: 5%;}
.servie_one ul li:hover .p{color: rgba(255,255,255,1.0);}
.service_two_bg{overflow: hidden;background-repeat: no-repeat;background-position: center bottom;background-size: cover;}
.service_two{overflow: hidden;margin-top: 5%;margin-bottom: 10%;position: relative;}
.service_two ul{display: flex;justify-content: space-between;}
.service_two ul li{max-width: 32%;margin-right: 2%;position: relative;z-index: 0;}
.service_two ul li::after{content: "";position: absolute;left: 50px;top: 0;height: 88%;width: 1px;background: #cecece;z-index: -1;}
.service_two ul li:last-child{margin-right: 0;}
.service_two ul li .h3{line-height: 117px;height: 117px;overflow: hidden;color: #333333;padding-left: 120px;margin-bottom: 4px;background-repeat: no-repeat;background-position: left top;background-size: auto 100%;}
.service_two ul li .p{line-height: 34px;padding-top: 20px;padding-bottom: 20px; overflow: hidden;color: #032132;padding-left: 120px;position: relative;z-index: 0;}
.service_two ul li .p::after{content: "";position: absolute;left: 44px;top: 28px;height: 12px;width: 12px;background: #032132;z-index: 1;border-radius: 50%;}
.service_three_bg{overflow: hidden;background-repeat: no-repeat;background-position: center bottom;background-size: cover;}
.service_three_desc{overflow: hidden;text-align: center;margin-top: 3%;}

@media screen and (max-width: 1560px) {
/*客户服务*/
.servie_one ul{gap: 20px;}
.servie_one ul li{width:calc(33.33% - 13.4px);width:-webkit-calc(33.33% - 13.4px);width:-moz-calc(33.33% - 13.4px);}
.servie_one ul li .p{line-height: 32px;}
}
@media screen and (max-width: 1200px) {
/*客户服务*/
.service_two{font-size: 18px;}
}
@media screen and (max-width: 1200px) {
/*客户服务*/
.servie_one ul{gap: 12px;}
.servie_one ul li{width:calc(33.33% - 8px);width:-webkit-calc(33.33% - 8px);width:-moz-calc(33.33% - 8px);}
.servie_one ul li .imgs{width: 80px;height: 80px;margin-top: 50px;}
.servie_one ul li .p{margin-bottom: 50px;}
.servie_one ul li .h3{margin-top: 32px;}
.service_two{font-size: 16px;}
.service_two ul li .h3{padding-left: 100px;height: 100px;line-height: 100px;}
.service_two ul li .p{padding-left: 100px;padding-top: 15px;padding-bottom: 15px;}
.service_two ul li::after{left: 43px;}
.service_two ul li .p::after{left: 38px;top: 23px;}
}
@media screen and (max-width: 1100px) {
  /*客户服务*/
  .service_two{font-size: 14px;}
}
@media screen and (max-width: 992px) {
/*客户服务*/
.servie_one ul li .imgs{width: 70px;height: 70px;margin-top: 35px;}
.servie_one ul li .p{margin-bottom: 40px;}
.servie_one ul li .h3{margin-top: 25px;}
.service_two ul{display: block;}
.service_two ul li{max-width: 100%;margin-right: 0%;}
.service_two ul li .h3{padding-left: 80px;height: 70px;line-height: 70px;}
.service_two ul li .p{padding-left: 80px;padding-top: 10px;padding-bottom: 10px;}
.service_two ul li::after{left: 30px;}
.service_two ul li .p::after{left: 25px;top: 20px;}

}
@media screen and (max-width:780px) {
/*客户服务*/
.servie_one ul{flex-wrap: wrap;gap: 20px;}
.servie_one ul li{width:calc(50% - 10px);width:-webkit-calc(50% - 10px);width:-moz-calc(50% - 10px);}
} 
@media screen and (max-width:640px) {
/*客户服务*/
.servie_one{margin-bottom: 8%;margin-bottom: 6%;}
.servie_one ul li{margin-bottom: 0;}
.servie_one ul li .imgs{width: 60px;height:60px;margin-top: 30px;}
.servie_one ul li .p{margin-bottom: 30px;line-height: 24px;height: 44px;}
.servie_one ul li .h3{margin-top: 15px;}

}
@media screen and (max-width:480px) {
/*客户服务*/
.servie_one ul{gap: 10px;}
.servie_one ul li{width:calc(50% - 5px);width:-webkit-calc(50% - 5px);width:-moz-calc(50% - 5px);}
.servie_one ul li .imgs{width: 50px;height:50px;margin-top: 25px;}
.servie_one ul li .h3{margin-top: 10px;height: 30px;line-height: 30px;}

}
/*地图*/
@keyframes map-point {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0.15;
    transform: scale(5);
  }
}
.index-research{overflow: hidden;}
.index-research .map-list {
  --pointw: 10px;
  position: relative;
  width: 100%;max-width: 1298px;margin: 0 auto;margin-top: 4%;margin-bottom: 2%;
}
.index-research .map-list .list-li {
  display: block;
  position: absolute;
}
/* .index-research .map-list .list-li:hover {
  z-index: 3;
}
.index-research .map-list .list-li:hover .line-cont {
  opacity: 1;
  pointer-events: auto;
} */
.index-research .map-list .point {
  --anstime: 3s;
  display: block;
  z-index: 2;
  margin-left: calc(var(--pointw)*-0.5);
  margin-top: calc(var(--pointw)*-0.5);
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--pointw);
  height: var(--pointw);
}
.index-research .map-list .point .i {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #032132;
  opacity: 1;cursor: pointer;
}
.index-research .map-list .point:hover .i{background: #c60000;}
.index-research .map-list .point .i2 {
  animation: map-point var(--anstime) infinite;
  animation-delay: 1.5s;
}
.index-research .map-list .point .i3 {
  animation: map-point var(--anstime) infinite;
  animation-delay: 3s;
}
.index-research .map-list .line-cont {
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.index-research .map-list .line {
  flex-shrink: 0;
  width: 111px;
  padding-top: 46px;
}
.index-research .map-list .line img {
  display: block;
  width: 100%;
}
.index-research .map-list .cont {
  border: 2px solid #ff4248;
  width: 285px;
  padding: 32px 20px 22px;
  background: #ffffff;
  font-size: 18px;
  line-height: 1.4em;
  color: #666666;
}
.index-research .map-list .cont .cont-tit {
  color: #ff4248;
}
.index-research .map-list .cont .cont-tit .area {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2em;
}
.index-research .map-list .cont .cont-tit .diagonal-line {
  display: inline-block;
  transform: skewX(-30deg) translate(0, 10%);
  margin: 0 0.5em 0 0.7em;
  width: 1px;
  height: 0.8em;
  background: #7b9fb3;
}
.index-research .map-list .cont .cont-tit .txt {
  margin-top: 1em;
  font-size: 18px;
  color: #474747;
}
.index-research .map-list .cont .cont-tag {
  margin: 18px -0.65em 0;
}
.index-research .map-list .cont .tag-li {
  padding: 0 0.65em;
}
.index-research .map-list .cont .tag-li::before {
  content: '';
  display: inline-block;
  margin-right: 3px;
  vertical-align: middle;
  transform: translateY(-0.15em);
  border-radius: 50%;
  height: 4px;
  width: 4px;
  background: var(--main-color);
}
.index-research .map-list .li-area{
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  padding-top: 30px;
  word-break: keep-all;
  white-space: nowrap;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.2em;
  color: #333333;
}
.index-research .map-list .li1 {
  left: 15.33%;
  top: 37.41%;
}
.index-research .map-list .li2 {
  left: 28.65%;
  top: 71.42%;
}
.index-research .map-list .li3 {
  left: 53.15%;
  top: 33.87%;
}
.index-research .map-list .li4 {
  left: 51.07%;
  top: 57.8%;
}
.index-research .map-list .li5 {
  left: 59.32%;
  top: 53.87%;
}
.index-research .map-list .li6 {
  left: 68.95%;
  top: 34.01%;
}
.index-research .map-list .li7 {
  left: 76.11%;
  top: 45.85%;
}
.index-research .map-list .li8 {
  left: 86.82%;
  top: 74.69%;
}

/* .index-research .map-list .li9 .line-cont {
  left: auto;
  right: 0;
}
.index-research .map-list .li9 .line {
  order: 2;
  transform: scaleX(-1);
}
.index-research .map-list .li10 .line-cont {
  left: auto;
  right: 0;
}
.index-research .map-list .li10 .line {
  order: 2;
  transform: scaleX(-1);
}
.index-research .map-list .li11 .line-cont {
  left: auto;
  right: 0;
}
.index-research .map-list .li11 .line {
  order: 2;
  transform: scaleX(-1);
}
.index-research .map-list .li12 .line-cont {
  left: auto;
  right: 0;
}
.index-research .map-list .li12 .line {
  order: 2;
  transform: scaleX(-1);
} */
.index-research .map-list—m{ display:none; margin-top:4%;margin-bottom:4%;}
.index-research .map-list—m img{ width:100%; display:block;}
@media screen and (max-width: 1200px) {
  /*地图*/
  .index-research .map-list .li-area{font-size: 16px;}
}

@media screen and (max-width: 992px) {
/*地图*/
.index-research .map-list{ display:none;}
.index-research .map-list—m{ display:block;}
.index-research .map-list .li-area{font-size: 15px;}
}
@media screen and (max-width:640px) {
  /*地图*/
  .index-research .map-list .li-area{font-size: 14px;}
}
@media screen and (max-width:480px) {
  /*地图*/
  .index-research .map-list .li-area{font-size: 13px;}
}

/*设备维护*/
.service{
	padding-top: 4%;
}
.service .bigtitle{
	text-align: center;
	font-size: 48px;
	color: #000;
	font-weight: bold;
	margin-bottom: 69px;
}
.service .addbox{
	border: 1px solid #d2d2d2;overflow: hidden;
}
.service .addbox .leftbox{
	width: 50%;
}
.service .addbox .rightbox{
	width: 50%;
	padding: 52px 20px 10px;
	box-sizing: border-box;
	text-align: center;
}
.service .addbox .rightbox .des1{
	font-size: 18px;
	color: #333;
	margin-bottom: 20px;
}
.service .addbox .rightbox .line{
	width: 24px;
	height: 3px;
	background-color: #999999;
	margin-bottom: 18px;
}
.service .addbox .rightbox .des2{
	font-size: 36px;
	color: #000;
	font-weight: bold;
	margin-bottom: 84px;
}
.service .addbox .rightbox .des3{
	width: 227px;
	height: 49px;
	border-radius: 6px;
	font-size: 18px;
	color: #fff;
	margin-bottom: 23px;
	cursor: pointer;
	transition: 0.5s;
	position: relative;
	overflow: hidden;z-index: 0;
}
.service .addbox .rightbox .des3:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #032132;
	transition: 0.6s;
	z-index: -1;
}
.service .addbox .rightbox .des3:after{
	content: "";
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #08293b;
	transition: 0.6s;
	z-index: -1;
}
.service .addbox .rightbox .des3:hover:after{
	width: 100%;
}
.service .addbox .rightbox .des3 img{
	width: 30px;
	margin-right: 12px;
}
.service .addbox .rightbox .des3 .imgbox{
	width: 30px;
	max-height: 31px;
}
.service .addbox .rightbox .des4{
	font-size: 17px;
	color: #666;
	line-height: 2;
}
.service .bottombox{
	padding-top: 5%;
	padding-bottom: 6%;
}
.service .bottombox .contentbox .partbox{
	width: calc(33.33333% - 48px);
	border: 1px solid #d2d2d2;
	padding: 66px 68px 20px;
	box-sizing: border-box;
	height: 775px;background: #ffffff;
}
.service .bottombox .contentbox .partbox .imgbox{
	align-self: center;
	margin-bottom: 28px;
	transition: 1s;
}
.service .bottombox .contentbox .partbox:hover .imgbox{
	transform: rotateY(360deg);
}
.service .bottombox .contentbox .partbox .title{
	align-self: center;
	font-size: 24px;
	color: #000;
	font-weight: bold;
	margin-bottom: 50px;
}
.service .bottombox .contentbox .partbox .des{
	font-size: 20px;
	color: #333;
	margin-bottom: 20px;
	padding-top: 20px;
}
.service .bottombox .contentbox .partbox .des2{
	font-size: 17px;
	color: #666;
	line-height: 2;
}
.service .fsbs{display: flex; display: -webkit-flex;justify-content: space-between;align-items: flex-start;}
.service .fccc{display: flex; display: -webkit-flex; justify-content: center; align-items: center;  flex-direction: column;}
.service .fcc{display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
.service .fsbsw{display: flex;display: -webkit-flex; justify-content: space-between; align-items: flex-start;flex-wrap: wrap;}
.service .fcss{display: flex;display: -webkit-flex;justify-content: flex-start;align-items: flex-start; flex-direction: column;}
.service .topbox{overflow: hidden;}
.service .imgbox img{width: 100%;overflow: hidden;transition: 0.3s;display: block;}
@media screen and (max-width: 1600px) {
/*设备维护*/
.service .addbox .rightbox .des2{margin-bottom: 60px;}
}
@media screen and (max-width: 1500px) {
/*设备维护*/
.service .addbox .rightbox{padding: 20px;}
.service .addbox .rightbox .des2{margin-bottom: 20px;}
.service .bottombox .contentbox .partbox{width: calc(33.3333% - 20px);}
}
@media screen and (max-width: 1400px) {
/*设备维护*/
.service .bottombox .contentbox .partbox{padding: 20px;}
.service .bottombox .contentbox .partbox .title{margin-bottom: 25px;}
}
@media screen and (max-width: 1200px) {
/*设备维护*/
}

@media screen and (max-width: 992px) {
/*设备维护*/
.service .bottombox .contentbox .partbox{width: 100%;padding: 30px;height: unset;margin-bottom: 20px;}
.service .bigtitle{font-size: 24px;}
.service .addbox{flex-direction: column;}
.service .addbox .leftbox{width: 100%;}
.service .addbox .rightbox{width: 100%;}
.service .addbox .rightbox .des2{font-size: 24px;}
.service .bigtitle{margin-bottom: 25px;}
.service .bottombox .contentbox .partbox .title{font-size: 19px;}
.service .bottombox .contentbox .partbox .des{font-size: 18px;}
.service .bottombox .contentbox .partbox .des2{font-size: 15px;}


}
@media screen and (max-width:640px) {
/*设备维护*/
.service .bottombox .contentbox .partbox .imgbox{margin-bottom: 20px;}
.service .bottombox .contentbox .partbox .title{font-size: 18px;margin-bottom: 15px;}
.service .bottombox .contentbox .partbox .des{font-size: 16px;padding-top: 10px;margin-bottom: 10px;}
.service .bottombox .contentbox .partbox .des2{font-size: 14px;}
}
@media screen and (max-width:480px) {
/*设备维护*/
}
/*下载*/
.support_ul{overflow: hidden;margin-bottom: 3%;}
.support_ul ul li{overflow: hidden;display: block;position: relative;padding-top: 3.5%;padding-bottom: 3.5%;z-index: 0;}
.support_ul ul li::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #a0a0a0;}
.support_ul ul li::after{content: "";position: absolute;left: 0;bottom: 0;width: 0%;height: 1px;background: var(--main-color);transition:all 0.3s;}
.support_ul ul li:hover:after{width: 100%;}
.support_ul ul li:last-child:before{display: none;}
.support_ul ul li:last-child::after{display: none;}
.support_ul ul li .boxs{overflow: hidden;padding-right: 190px;position: relative;}
.support_ul ul li .h3{overflow: hidden;font-weight: normal;line-height: 36px;height: 36px;color: #666666;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s;margin-top: 10px;}
.support_ul ul li:hover .h3{color: var(--main-color);}
.support_ul ul li .p{overflow: hidden;line-height:30px;color: #333333;margin-top: 20px;height: 30px;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s;}
.support_ul ul li .date{overflow: hidden;padding-left: 30px;line-height: 30px;height: 30px;color: #a2a2a2;background: url(../images/supprt_pic2.png) left center no-repeat;background-size: 18px 20px;text-transform: uppercase;}
.support_ul ul li .a{position: absolute;right: 0;top: 32px;line-height: 50px;padding-left: 22px;padding-right: 69px;border: 1px solid #000000;border-radius: 25px;background: url(../images/supprt_pic1.png) right 30px center no-repeat;background-size: 20px 22px;color: #333333;transition:all 0.3s;}
.support_ul ul li .a:hover{border-color: var(--main-color);background-color:var(--main-color);background-image: url(../images/supprt_pic1_on.png);color: #ffffff;}
@media screen and (max-width: 1200px) {
/*下载*/
.support_ul ul li .a{line-height: 44px;}
}

@media screen and (max-width: 992px) {
/*下载*/
.support_ul ul li .p{margin-top: 20px;}
.support_ul ul li .a{padding-right: 52px;background-position: right 20px center;background-size: 16px 18px;}
}
@media screen and (max-width:640px) {
/*下载*/
.support_ul ul li .boxs{padding-right: 160px;}
.support_ul ul li .p{margin-top: 10px;}
}
@media screen and (max-width:480px) {
/*下载*/
.support_ul ul li .date{line-height: 26px;height: 26px;padding-left: 22px;background-size: 18px 18px;}
.support_ul ul li .h3{height: 30px;line-height: 30px;margin-top: 5px;}
.support_ul ul li .p{line-height: 26px;height: 26px;margin-top: 5px;}
.support_ul ul li .boxs{padding-right: 0;}
.support_ul ul li .a{position: static;float: left;margin-top: 3.5%;margin-bottom: 10px;line-height: 40px;background-size: 14px 16px;background-position: right 16px center;padding-right: 45px;}
}

/*视频列表*/
.video_one{ position:relative;z-index: 1;}
.search_form{position: absolute;width: 49%;max-width: 723px;right: 0;top: 0;z-index: 2;}
.search_form .searchtitle4{width:218px;height: 62px;font-size: 18px;position: relative;  background:url(../images/job_pic1.png) #fff right 20px top 28px no-repeat; background-size:15px 9px; float:left;margin-right:15px;}
.search_form .searchtitle4 label{text-indent:18px;height:62px; line-height:62px; display:block; width:100%; text-decoration:none; cursor:pointer; overflow:hidden; color:#b5b5b5; text-align:left;border-radius: 30px;box-shadow: 0 2px 10px rgba(0,0,0,0.15);  }
.search_form .searchtitle4 ul{display: none;position: absolute;z-index: 10;width: 100%; top: 63px; background-color:#fff; border-radius:20px;box-shadow: 0 2px 10px rgba(0,0,0,0.15);  margin-right:0; overflow: hidden;}
.search_form .searchtitle4 li{cursor: pointer; line-height:34px;text-indent:18px;color:#fff;overflow:hidden; height:34px;}
.search_form .searchtitle4 li:last-child{border-radius:0 0 6px 6px;}
.search_form .searchtitle4 li a{ color:#333;/*border-bottom:1px solid #eee; */text-align:left; display:block;text-decoration:none; font-size:14px; text-indent:18px;}
.search_form .searchtitle4 li:hover{background: #63c6ed; color:#fff;}
.search_form .searchtitle4 li:hover a{ color:#fff;}
.search_form .input_shurk{float:left;width:calc(100% - 233px);width:-webkit-calc(100% - 233px);width:-moz-calc(100% - 233px); height:62px; line-height:62px; border-radius: 30px;box-shadow: 0 2px 10px rgba(0,0,0,0.15);outline:medium; color:#b5b5b5; font-size:18px; text-indent:20px; }
.search_form .s_btns{position: absolute;right: 0;top: 0; width:124px; height:62px;background:url(../images/video_pic1.png) left 25px center #032132 no-repeat; font-size:18px; color:#fff;  border:none;cursor:pointer; outline:none;background-size: 21px 21px;border-radius: 30px; text-indent: 25px;}
.search_form .s_btns:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.video_ul{overflow: hidden;margin-top: 23px;}
.video_ul ul{display: flex;vertical-align: top;gap: 20px;flex-wrap: wrap;}
.video_ul ul li{width:calc(50% - 10px);width:-webkit-calc(50% - 10px);width:-moz-calc(50% - 10px);}
.video_ul ul li .imgs{position:relative; padding-top:59.242%;overflow: hidden; }
.video_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;object-fit: cover;}
.video_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);}
.video_ul ul li .bgs{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);}
.video_ul ul li .bgs i{width: 93px;height: 88px;position: absolute;left: 50%;top: 50%;margin-top: -44px;margin-left: -46px;background: url(../images/video_pic2.png) no-repeat;background-size: 100% 100%;}
.video_ul ul li .bgs .txts{position: absolute; bottom: 25px;left:20px;width:calc(100% - 40px);width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);padding-left: 12px;}
.video_ul ul li .bgs .txts::before{content: "";width: 3px;height: 100%;position: absolute;left: 0;top:0;background: #ffffff;}
.video_ul ul li .bgs .txts .h3{font-weight: normal;overflow: hidden;line-height: 20px;height: 20px;color: #ffffff;}
.video_ul ul li .bgs .txts .p{overflow: hidden;line-height: 20px;height: 20px;margin-top: 4px;color: #ffffff;}
.video_more{text-align: center;margin-top: 4%;margin-bottom: 4%;font-size: 16px;color: #666666;line-height: 1.1;}
.video_more img{display: block;margin: 0 auto;height: 67px;margin-bottom: 12px;}

@media screen and (max-width: 1200px) {
  .search_form .searchtitle4{height: 48px;font-size: 16px;background-position: right 20px top 20px;}
  .search_form .searchtitle4 label{height: 48px;line-height: 48px;}
  .search_form .s_btns{height:48px; line-height:48px;font-size: 16px;}
  .search_form .input_shurk{height:48px; line-height:48px;font-size: 16px;}
  .search_form .searchtitle4 ul{top: 48px;}
  .search_form{position: relative;margin-top: 4%;width: 100%;max-width: none;height: 50px;}
  .video_ul ul li .bgs i{width: 80px;height: 76px;margin-left: -40px;margin-top: -38px;}
}

@media screen and (max-width: 992px) {
 /*视频列表*/
 .search_form{height: 40px;}
 .video_ul ul li .bgs i{width: 70px;height: 66px;margin-left: -35px;margin-top: -33px;}
}
@media screen and (max-width: 830px) {
  /*视频列表*/
  .video_ul ul li .bgs i{width:50px;height: 47px;margin-left: -25px;margin-top: -23px;}
  .video_ul ul li .bgs .txts{bottom: 20px;}
  .video_ul{margin-top: 12px;}
  .video_ul ul{gap: 12px;}
  .video_ul ul li{width:calc(50% - 6px);width:-webkit-calc(50% - 6px);width:-moz-calc(50% - 6px);}
 }
@media screen and (max-width:640px) {
  /*视频列表*/
  .search_form .searchtitle4{width:30%; margin-bottom:2%; margin-right:2%; background-position:right 12px top 17px; height:38px;font-size: 14px;background-size: 12px 6px;}
  .search_form .searchtitle4:nth-child(2){ margin-right:0;}
  .search_form .searchtitle4 label{ text-indent:12px; height:38px; line-height:38px;}
  .search_form .searchtitle4 ul{top: 38px;}
  .search_form .searchtitle4 li{ text-indent:12px; height:30px; line-height:30px;}
  .search_form .s_btns{ width:120px; height:38px; line-height:38px; font-size:14px;}
  .search_form .input_shurk{ text-indent:12px; font-size:14px; height:38px; line-height:38px;width:calc(68% - 0px);width:-webkit-calc(68% - 0px);width:-moz-calc(68% - 0px);}
  .video_ul ul li .bgs i{width:40px;height: 38px;margin-left: -20px;margin-top: -19px;}
  .video_ul ul li .bgs .txts{bottom: 15px;left: 10px;width: calc(100% - 20px);width: -webkit-calc(100% - 20px);width: -moz-calc(100% - 20px);padding-left: 10px;}
  .video_ul ul li .bgs .txts::before{width: 2px;}
  .video_ul ul li .imgs{padding-top: 70%;}
}
@media screen and (max-width:480px) {
    /*视频列表*/
  .search_form .searchtitle4{ font-size:13px;}
  .search_form .s_btns{ font-size:13px;width: 100px;background-size: 18px 18px;}
  .search_form .input_shurk{ font-size:13px;}
  .video_ul ul li .imgs{padding-top: 76%;}
  .video_ul ul li .bgs .txts{bottom: 10px;}
  .video_ul ul li .bgs i{width: 30px;height: 28px;margin-top: -14px;margin-left: -15px;}
  .video_ul ul li .bgs .txts .p{margin-top: 0;line-height: 18px;height: 18px;}
  .video_ul ul li .bgs .txts .h3{line-height: 18px;height: 18px;}
}
/*视频详细*/
.video_con{overflow: hidden;position: relative;margin-top:2.5%;}
.video_con img{ display:block;width: 100%;opacity:0;filter:Alpha(opacity=0);}
.video_con .videos{ position:absolute; top:0; left:0; width:100%; height:100%;object-fit: fill;}
.video_con i{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/video_pic2.png) rgba(0, 0, 0, 0.25) center center no-repeat; cursor:pointer;transition:all 0.3s;background-size: 122px 115px;}
.video_con i:hover{opacity:0.8;filter:Alpha(opacity=80);}
.video_con_bg .product_page{position: static;bottom: 0px;box-sizing: border-box;margin-top: 3%;margin-bottom: 3%;}
@media screen and (max-width: 1200px) {
  /*视频详细*/
  .video_con i{background-size: 100px 94px;}
}

@media screen and (max-width: 992px) {
  /*视频详细*/
  .video_con i{background-size: 90px 85px;}
}
@media screen and (max-width:640px) {
  /*视频详细*/
  .video_con i{background-size: 70px 66px;}
}
@media screen and (max-width:480px) {
  /*视频详细*/
  .video_con i{background-size: 60px 57px;}
}
@media screen and (max-width:420px) {
  /*视频详细*/
  .video_con i{background-size: 50px 47px;}
}
/*加入我们*/
.join_desc{overflow: hidden;text-align: center;margin-top: 3%;color: #000000;line-height: 1.4;}
.join_desc2{overflow: hidden;text-align: center;margin-top: 2%;color: #666666;line-height: 1.2;}
.join_ul{ overflow:hidden;  margin-top:5%; font-size:16px; line-height:26px; color:#333333; margin-bottom:6%;}
.join_ul ul{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 20px;width: 100%;  }
.join_ul ul li{width:calc(25% - 15px);width:-webkit-calc(25% - 15px);width:-moz-calc(25% - 15px);  overflow:hidden; text-align:center;background: #f7f7f7;border-radius: 10px;max-width: 350px;}
.join_ul ul li .box{ padding-left:2%; padding-right:2%; padding-top:21%; padding-bottom:15%;margin: 0 auto;max-width: 270px; }
.join_ul ul li .box a{ color:#333333;transition:all 0.3s;}
.join_ul ul li .box a:hover{ color:#032132;}
.join_ul ul li .box .h3{   font-weight:bold; color:#333333; margin-bottom:1%;letter-spacing: 2px;margin-top: 14%;}
.join_ul ul li .box i{ margin:0 auto; width:50px; height:50px; display:block; transition:all 0.3s; background-repeat:no-repeat; background-position:center center; background-size:100% 100%;transition:all 0.3s;}
.join_ul ul li .box i.bgs1{ background-image:url(../images/join_pic1.png);}
.join_ul ul li .box i.bgs2{ background-image:url(../images/join_pic2.png);}
.join_ul ul li .box i.bgs3{ background-image:url(../images/join_pic3.png);}
.join_ul ul li .box i.bgs4{ background-image:url(../images/join_pic4.png);}
.join_ul ul li:hover i{transform: rotate(360deg);}
.join_ul ul li .p{ max-width:290px; margin:0 auto; overflow:hidden; font-weight:normal;line-height: 1.5;margin-top: 16%;font-size: 16px;}
.join_two_bg{background: #f5f5f5;overflow: hidden;}
.join_two_bg .join_two_title{overflow: hidden;margin-top: 5%;text-align: center;}
.join_two_bg .join_two_title .h3{font-weight: bold;overflow: hidden;color: #042133;line-height: 1.6;max-width: 700px;margin: 0 auto;}
.join_two_bg .join_two_title .p{overflow: hidden;line-height: 1.6;color: #042133;font-size: 16px;margin-top: 2%;}
.jobList li { transition: all .5s; margin-bottom: 20px; padding: 10px 1.5%; border: 1px solid #dddddd; border-radius: 10px;background: #ffffff;}
.jobName { border-bottom: 1px solid #dddddd; padding-right: 20px; line-height: 72px; display: flex; justify-content: space-between;align-items: center; overflow: hidden;}
.jobName p { transition: all .5s; padding-left: 50px; background: url(../images/joinIcon1.png) 20px center no-repeat; color: #000000; font-size: 24px;}
.jobName span { display: flex; align-items: center; justify-content: center; width: 115px; height: 36px; border-radius: 36px; color: #ffffff; background: #042133; line-height: 36px; text-align: center;
cursor: pointer; font-size: 15px;}
.jobName span i { margin-left: 8px; transition: all .5s; display: inline-flex; background: url(../images/top_bg2.png) center no-repeat; width: 8px; height: 5px;}
.jobName span.cur i { transform: rotate(180deg);}
.jobTag { padding: 0 20px; line-height: 78px;}
.jobTag span { color: #333333; font-size: 16px; margin-right:30px;}
.jobTag span:last-child { margin-right: 0;}
.descSub {display: none;}
.jobDesc { padding: 10px 20px; border-top: 1px solid #dddddd;}
.jobDesc p { font-size: 16px; color: #333333; line-height: 30px;}
.jobList li:hover {border: 1px solid #042133;}
.jobList li:hover .jobName p { color: #042133; background: url(../images/joinIcon2.png) 20px center no-repeat;}
.sendMail { border-top: 1px solid #dddddd; padding: 0 20px; line-height: 100px; display: flex; justify-content: space-between; align-items:  center;}
.sendMail p { font-size: 16px; color: #333333;}
.sendMail a { transition: all .5s; display: inline-flex; align-items: center; background: #042133; line-height: 36px; padding: 0 14px 0 15px; border-radius: 36px; color: #ffffff;}
.sendMail a img { display: inline-flex; height: 20px; margin-right: 5px;}
.sendMail a:hover { box-shadow: 0 0 10px rgba(51,111,182,.4);}
.jobList { margin: 40px auto;}
@media screen and (max-width: 1200px) {
  /*加入我们*/
  .join_ul ul li .p{margin-top: 8%;font-size: 15px;}
}

@media screen and (max-width: 992px) {
    /*加入我们*/
 
}
@media screen and (max-width:780px) {
      /*加入我们*/
  .join_ul ul{gap: 10px;}
  .join_ul ul li{ width:calc(50% - 5px);width:-webkit-calc(50% - 5px);width:-moz-calc(50% - 5px);}
  .join_ul ul li:nth-child(2n){margin-right: 0;}
  .join_ul ul li .p{font-size: 14px;}
}
@media screen and (max-width:640px) {
        /*加入我们*/
  .join_ul{ line-height:24px;}
  .join_ul ul li .box{padding-top: 16%;}
  .join_ul ul li .box .h3{margin-top: 10%;}
  .join_ul ul li .p{margin-top: 5%;}
  .jobName { padding-right: 0; line-height: 50px;}
	.jobName span i { display: none;}
	.jobName span { font-size: 13px; width: 80px; height: 30px; line-height: 30px;}
  .jobTag { line-height: 1.5; padding: 10px;}
.jobTag span { font-size: 14px; display: inline-block; line-height: 2;}
.jobName p { background-position: 5px center!important;padding-left: 35px; font-size: 14px; }
.sendMail { line-height: 50px;}
.jobDesc p { font-size: 14px; line-height: 1.75;}
}
@media screen and (max-width:480px) {
         /*加入我们*/
         .join_ul ul li .box i{width: 40px;height: 40px;}
         .join_ul ul li .p{font-size: 13px;}

}