﻿@keyframes scaleAnim{
    0%{         
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

/*内页*/
.postions{ height:86px; line-height:86px; overflow:hidden;color:#777777; font-size:15px; background:#fff; position:relative;}
.postions:after{ content:""; position:absolute; bottom:0; left:0; height:1px; width:100%; background:#e5e5e5;}
.sec .postions{ margin-top:20px;}
.postions.bgs2{-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1);box-shadow: 0 5px 15px rgba(0,0,0,.1);}
.postions.bgs3{ border-bottom:0; height:58px; line-height:58px;}
.posadd .postions{ position:fixed; top:0; left:0; width:100%; z-index:5;}
.postions a{color:#777777; }
.postions a:hover{ color:#1b8b29;}
.postions label{ color:#333;}
.postions .goback{ float:right; height:72px; line-height:72px;color:#777777; font-size:14px; padding-left:25px; background:url(../images/goback.png) left center no-repeat; background-size:16px 15px;}
.postions .goback:hover{color:#1b8b29;}
.postions .postions_r{}
.postions .postions_r img{ vertical-align:text-top; margin-right:8px; height:16px;}
.postions .postions_r img:first-child{ margin-left:0;}
.postions h2{ float:left; font-weight:normal; color:#333; height:58px; font-size:20px;}
.postions h2 span{font-size:16px; font-family:Arial; }
.postions .rclass{ float:right;background:url(../images/pos_bg2.png) left center no-repeat;background-size:20px auto;  padding-left:25px;-webkit-tap-highlight-color: #fff;-webkit-tap-highlight-color: transparent; display:none;}
.postions .postions_b{ float: left;}
.postions .postions_b a{/* display:inline-block; vertical-align:top;*/ float:left; text-align:center; font-size:16px; color:#222; position:relative;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:0;margin-right: 70px; }
.postions .postions_b a:hover{font-weight: bold;}
.postions .postions_b a:after{content: "";display: block;position: absolute;left: 50%;right:50%; bottom: 0;height:3px;opacity: 0;background:#002060;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:-1;}
.postions .postions_b a:before{ content:""; position:absolute; right:-35px; top:50%; margin-top:-7px; height:15px; width:1px; background:#e5e5e5;}
.postions .postions_b a:last-child:before{ display:none;}
.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{font-weight: bold;}

/*分类弹窗*/
.about_bgs{z-index: 19891024;background:url(../images/about_bg.png) repeat; width: 100%; height: 100%;  position: fixed;  left: 0;  top: 0;  display: none;}
.about_tc .closed2{ display:none;}

.o_big_con{ overflow:hidden; position:relative;}
.o_big{ overflow:hidden; background-repeat:no-repeat; background-position:70% center; background-size:cover; position:relative;  width:100%;-webkit-animation:scaleAnim 5s ease forwards; animation: scaleAnim 5s ease forwards;}
.o_big img{ width:100%;filter: Alpha(Opacity=0);opacity: 0;}
.o_big_con .cons{ position:absolute; top:0; left:0; width:100%; height:100%;}
.o_big_con .cons .wrap{ height:100%; display:table; }
.o_big_con .cons .wrap3{ height:100%; display:table; }
.o_big_con .h2{font-weight:normal; display:table-cell; vertical-align:middle;   text-transform:uppercase; text-align:center;color: #fff;}
.o_big_con .h2 label{width:100%; display:block;color:rgba(255,255,255,1.0); font-weight:lighter;  margin-top:1%; font-size:18px; text-transform:none;max-width:670px; line-height:38px;}
.o_big_con .h2 span{ display:block; overflow:hidden; color:rgba(255,255,255,1.0); line-height:1;  position:relative;  letter-spacing:1px; font-weight:normal;margin-top: 1.5%; }
/* .o_big_con .wave-box { position: absolute; z-index: 2; bottom: -1px; left: 0; width: 100%;} */
.postions2{ position:absolute; left:0; width:100%; line-height:68px; overflow:hidden;color:#fff; font-size:16px; bottom:clamp(0px, calc(100vw*0.0772), 60px);  }
.postions2 .wrap{border-top: 1px solid rgba(255,255,255,.18); padding-top: 0.8%; }
.postions2 a{color:#fff; }
.postions2 a:hover{ color:#ff8700;}
.postions2 .postions_r img{ height:16px; margin-right:6px;vertical-align:revert;}
.postions2 .postions_r{ overflow:hidden; position:relative; float: right;color:rgba(255,255,255,0.59);}
.postions2 .postions_r a{color:rgba(255,255,255,0.59);}
.postions2 .postions_r a:hover{color:#ff8700;}
.postions2 label{ color:rgba(255,255,255,0.59);}
.postions2 h2{ float:left; font-weight:normal; color:#fff; height:58px; }
.postions2 h2 span{font-size:15px; font-family:Arial; color:rgba(255,255,255,0.5); }
.postions2 .alist{ overflow:hidden; float: left;}
.postions2 .alist a{ position:relative; overflow:hidden; /* line-height:38px; height:38px; */ float:left; margin-right:40px; color:#fff;}
.postions2 .alist a.on{ color:#ff8700;padding-left:13px; }
.postions2 .alist a:after{ content:""; position:absolute; width:7px; height:7px; border-radius:50%; top:50%; margin-top:-3px; left:5px; background:#ff8700;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.postions2 .alist a.on:after{opacity:1.0;filter:Alpha(opacity=100);left:0;}

/*分页*/
.yema{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:4%; padding-bottom:5%; clear:both; font-family:Arial;}
.yema.bgs2{ text-align:right;}
.yema a{ display:inline-block; height:44px; line-height:42px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:44px;margin-left:3px;  text-align:center; color:#555555; font-size:15px; border:1px solid #f8f8f8; background:#f8f8f8;border-radius: 50%; }
.yema a:hover{ text-decoration:none; color:#fff; background:var(--main-color);border:1px solid var(--main-color);background: linear-gradient(90deg, #303577, #50A343);}
.yema a.on{color:#fff;  background:var(--main-color);border:1px solid var(--main-color);background: linear-gradient(90deg, #303577, #50A343);}
.yema a.Prev,.yema a.next{ margin-right:0; font-size: 18px;  }
.yema a.Prev:hover,.yema a.next:hover{background-color:var(--main-color);background: linear-gradient(90deg, #303577, #50A343);}
.yema a span{ font-family:"微软雅黑"; font-size:15px;}
/*暂无内容*/
.nodata{ clear:both; max-width:1200px; margin:0 auto; overflow:hidden; text-align:center; margin-top:13%; margin-bottom:13%; background:url(../images/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;}



@media screen and (max-width: 1440px) {
/*内页*/
.postions{  font-size:14px;height: 70px;line-height: 70px;}
.postions .search{ margin-top:10px;}
.postions .goback{height:60px; line-height:60px;}
.postions2 .alist a{ margin-right: 30px;}
.postions .postions_b a{margin-right: 60px;}
.postions .postions_b a:before{right: -30px;}

}


@media screen and (max-width: 1200px) {
/*内页*/
.sec .postions{ margin-top:10px;}
.postions h2{ font-size:18px;}
.postions h2 span{ font-size:14px;}
.postions .postions_b a{margin-right: 50px;}
.postions .postions_b a:before{right: -25px;}
.postions2{  line-height:50px; font-size: 14px;}
.postions2 h2{ font-size:18px;}
.postions2 h2 span{ font-size:14px;}
.o_big_con.bgs2 .h2 label{ margin-bottom:3%;}
.o_big_con .h2 label{ line-height:30px;}
.postions2 .alist a{ margin-right:20px;}


}

@media screen and (max-width: 1100px) {
/*内页*/
.postions .search{ margin-top:6px; width:300px;}
.postions .search .inputs{width: calc(100% - 80px);width: -webkit-calc(100% - 80px);width: -moz-calc(100% - 80px); font-size:13px;}
.postions .search .bnts{ width:80px;}
.postions .goback{height:50px; line-height:50px;}

/*分页*/
.yema a{ height:36px; line-height:34px;min-width:36px; font-size:14px;}
.yema a span{ font-size:14px;}

}
@media screen and (max-width: 1000px) {
/*内页*/
.postions{ position:static; border-bottom:1px solid #e1e1ea;}
.postions:after{ display:none;}
.postions .postions_r.r{float: left;}
.postions .rclass{ display:block;}
.postions .postions_b{ display:none;}
.postions .postions_b a{ float:none; font-size:16px; display:block; margin-left:0; padding-left:3%; text-align:left; background:#efefef; border-bottom:1px solid #fff; width:auto; margin-right:0;}
.postions .postions_b a:hover{ background:#1b8b29; color:#fff;}
.postions .postions_b a.isel{ color:#fff;background:#1b8b29;}
.postions .postions_b a:after{ height:0;}
.postions2{  line-height:40px;}
.o_big_con .h2 label{  margin-top:4px; font-size:16px; line-height:26px;}

/*分类弹窗*/
.about_tc{z-index: 19891025; width: 0%; right: 0%; position:absolute; overflow: hidden; top:0; height:100%;/* display: none;*/transition: all 0.3s;}
.postions_b.lws .about_tc{ width:80%;}
.postions_b.lws{ display:block;}
.about_l.lws .about_tc{ width:88%;}
.about_tc .about_divs{ position:absolute; right:0; width:85%; background-color:#f5f5f7; top:0; overflow:hidden; height:100%;}
.about_tc .closed2{ right:84.5%; position:absolute; top:150px; cursor:pointer; width:25px; display:block;}
.about_tc .closed2:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}

}
@media screen and (max-width: 960px) {
.postions2 .alist a{ margin-right:10px;}
.postions2 .postions_r{ display: none;}
}

@media screen and (max-width: 830px) {
/*内页*/
.postions h2{ font-size:16px;}
.postions h2 span{ font-size:13px;}
.postions2 h2{ font-size:16px;}
.postions2 h2 span{ font-size:13px;}
}
@media screen and (max-width: 780px) {
/*内页*/
.o_big{ height:290px;}
.postions{ height:44px; line-height:44px; font-size:13px;}
.postions.bgs3{height:44px; line-height:44px;}
.sec .postions{ margin-top:0px;}
.postions h2{ display:none;}
.postions .postions_b a{ height:44px; line-height:44px; font-size:14px;}
.postions .search{ margin-top:3px;}
.postions .goback{height:44px; line-height:44px; font-size:12px;}
.postions2{ font-size:13px;  line-height:30px;}
/*分页*/
.yema a{ height:26px; line-height:24px; padding-left:6px; padding-right:6px; margin-left:2px; font-size:13px; min-width:26px;}
.yema a span{ font-size:13px;}
}

@media screen and (max-width: 640px) {
/*内页*/
.position{height:44px; line-height:44px; font-size:13px;}
.position .postions_b a{ font-size:13px;}
.postions .postions_r img{ height:16px;}
.o_big_con .h2 label{ font-size:15px; line-height:24px;}

/*分页*/
.yema a{ font-size:12px;}
.yema a span{ font-size:12px;}
/*暂无内容*/
.nodata{background-size:auto 130px; padding-top:140px;margin-top:15%; margin-bottom:15%;}
}


@media screen and (max-width: 480px) {
/*内页*/
.o_big{ height:200px;}
.o_big_con .h2{ font-size:18px; }
.o_big_con .h2 label{ font-size:14px; line-height:22px; margin-bottom:30px;}
.postions{ font-size:12px;}
.postions .postions_b a{ font-size:13px;}
.postions .postions_r span{ display:none;}
.postions .postions_r img{ height:14px;}
.postions .search{ width:220px;}
.postions .search .inputs{width: calc(100% - 60px);width: -webkit-calc(100% - 60px);width: -moz-calc(100% - 60px); font-size:12px;}
.postions .search .bnts{ width:60px;}
.postions2{ font-size:12px;bottom: clamp(0px, calc(100vw*0.0272), 60px);}
/*分页*/
.yema{ padding-top:35px; padding-bottom:40px;}
.yema a{ padding-left:5px; padding-right:5px; margin-left:2px;}
}

@media screen and (max-width: 420px) {
/*内页*/
.o_big_con .h2 label{ font-size:13px; line-height:20px;}
}
@media screen and (max-width: 360px) {
/*内页*/
.o_big_con .h2 label{ font-size:12px;}
}
/*产品中心*/
.product_bg{background: #f3f3f3;overflow: hidden;}
.product_bg .wrap{position: relative;}
.o_title{text-align: center;overflow: hidden;margin-top: 6%;}
.o_title .h3{font-weight: bold;overflow: hidden;line-height: 1.3;color: #222;}
.o_title .p{color: #777;overflow: hidden;line-height: 1.6;max-width: 920px;margin: 0 auto;margin-top: 1.5%;}
.product_ul{  margin-top:5%;}
.product_ul li{ float:left; width:31.33%; margin-right:3%; margin-bottom:3%;  position:relative;text-align:center;}
.product_ul li:nth-child(3n){ margin-right:0;}
.product_ul li:hover .imgs{ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);}
.product_ul li .imgs{ overflow:hidden; position:relative; padding-top:100%;border-radius: 10px; border:1px solid #eeeeee;}
.product_ul li .imgs img{display: block;width: 100%; height:100%; position:absolute; top:0; left: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;/*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.product_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);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.product_ul li .h3{ font-weight:bold; overflow:hidden; line-height:36px; height:36px; margin-top:23px;white-space:nowrap;text-overflow:ellipsis; transition:all 0.3s;}
.product_ul li:hover .h3{ color:var(--main-color);}
.product_ul li .p{overflow: hidden;font-size: 15px;color: #777777;line-height: 32px;height: 32px;white-space:nowrap;text-overflow:ellipsis;}
.pos_img{position: absolute;height: 175px; width: 171px; top: 22%;z-index: 3;left: 0;margin-left: -85px;
  animation: runs 24s linear infinite;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}
.product_ul li .pos_img{opacity:0;filter:Alpha(opacity=0);transition:all 0.3s; top: 40%;margin-top: 10px;}
.product_ul li:hover .pos_img{opacity:1.0;filter:Alpha(opacity=100);margin-top: 0;}
@media screen and (max-width: 1440px) {
  /*产品中心*/
  .product_ul li{margin-right: 2%;width: 32%;}

}
@media screen and (max-width: 1200px) {
    /*产品中心*/
  .product_ul li .p{font-size: 14px;}
}
@media screen and (max-width: 992px) {
  /*产品中心*/
  .product_ul li{ width:49%;}
.product_ul li:nth-child(3n){ margin-right:2%;}
.product_ul li:nth-child(2n){ margin-right:0;}
.pos_img{width: 160px;height: 163px;margin-left: -80px;}
}
@media screen and (max-width: 640px) {
   /*产品中心*/
   .product_ul{ margin-top:4%;}
.product_ul li .h3{ height:30px; line-height:30px; margin-top:15px;}
    .product_ul li .p{font-size: 13px;line-height: 26px;height: 26px;}
    .pos_img{display: none;}
}
@media screen and (max-width: 480px) {
     /*产品中心*/
     .product_ul li{margin-bottom: 4%;}
     .product_ul li .h3{margin-top: 10px;}
  .product_ul li .p{font-size: 12px;}
}


/*产品详细*/
.phone_img{ display:none;}
.pro_one{ overflow:hidden; padding-bottom:4%; margin-top:5%; font-size:14px; color:#333333;}
.pro_one .product_one_l{ /*width:52%;*/ width:810px; /*overflow:hidden;*/ float:left;padding-right:46px;}
.pro_one .product_one_l .control{width: 640px;height: 406px;display: block;float: right;overflow: hidden;box-sizing: border-box;}
.pro_one .product_one_l .change li {width: 640px;height: 406px;overflow: hidden;text-align: center;}
.pro_one .product_one_l .change li .imgWrap {display: table-cell;width:640px;height: 406px;vertical-align: middle;cursor: pointer;*font-size: 500px;}
.pro_one .product_one_l .change li img {max-width: 100%;width: expression(this.width > 640px && this.width > this.height ? 640px :true);height: expression(this.height >406px ? 406px: true);vertical-align: middle;overflow: hidden}
.pro_one .product_one_l .prev,
.pro_one .product_one_l .next,
.pro_one .product_one_l .pageClass,
.pro_one .product_one_l .change li .textDesc {display: none;}
.pro_one .product_one_l .thumbWrap {width: 100px;height: 446px;overflow: hidden;float: left; position:relative;}
.pro_one .product_one_l .thumbWrap .thumbCont{width: 100%;position: relative;height:350px;margin-top: 48px; overflow:hidden;}
.pro_one .product_one_l .thumbWrap ul li{width: 100px;height: 72px;text-align: center;overflow: hidden;padding-bottom:10px;}
.pro_one .product_one_l .thumbWrap ul li div{display: table-cell;width: 100px;height: 62px;vertical-align: middle;cursor: pointer;border: solid 1px #cbcbcb;}
.pro_one .product_one_l .thumbWrap ul li.cur div{border: solid 1px #50a243;}
.pro_one .product_one_l .thumbWrap ul li img{max-width: 98px;max-height:60px;width: expression(this.width > 98 && this.width > this.height ? 98 :true);height: expression(this.height >60 ? 60: true);vertical-align: middle;overflow: hidden;transition:all 0.3s;}
.pro_one .product_one_l .thumbWrap ul li.cur div img{opacity:0.8;filter:Alpha(opacity=80);}
.pro_one .product_one_l .thumbPrev,
.pro_one .product_one_l .thumbNext{width: 100px;height: 48px; line-height:100px; overflow:hidden;text-align: center;position: absolute;color: #f4f4f4;z-index: 9;outline: none;background: red;}
.pro_one .product_one_l .thumbPrev span,
.pro_one .product_one_l .thumbNext span{}
.pro_one .product_one_l .thumbPrev{left: 0;top: 0;background: url(../images/left1.png) no-repeat center #fff;background-size: 25px 15px;}
.pro_one .product_one_l .thumbNext{left: 0;bottom: 0;background: url(../images/right1.png) no-repeat center #fff;background-size: 25px 15px;}
.pro_one .product_one_l .thumbPrev:hover{background-image: url(../images/left1_on.png);}
.pro_one .product_one_l .thumbNext:hover{background-image: url(../images/right1_on.png);}


.pro_one .product_one_l .pro_big2{ overflow:hidden;/* width:470px; float:right;*/ border:1px solid #ececec; position:relative; margin-bottom:2%;}
.pro_one .product_one_l .big_img{ width:100%; /*max-width:433px; max-height:384px;*/}
.pro_one .pro_one_r{ overflow:hidden; position:relative;}
.pro_one .pro_one_r .label{ display:block; color:#777777; overflow:hidden; line-height:1; font-size:16px; margin-top:15px;}
.pro_one .pro_one_r .h2{color:#333333; font-weight:bold;  line-height:1.3; overflow:hidden; margin-top:15px;}
.pro_one .pro_one_r .txts{line-height:30px; overflow:hidden;  margin-top:3%; padding-top:5%; color:#888888; font-size:16px; border-top:1px solid #e4e4e4;  padding-bottom:5%; border-bottom:1px solid #e4e4e4; margin-bottom:4.5%; }
.pro_one .pro_one_r .txts .color1{color:#333333; margin-bottom:5px; font-size:16px; display:block; margin-bottom:10px;}
.pro_one .pro_one_r .txts ul li{ display:block; padding-left:16px; position:relative; overflow:hidden; line-height:38px;}
.pro_one .pro_one_r .txts ul li:after{ content:""; position:absolute; left:0; top:0%; margin-top:16px; border-radius:50%; width:5px; height:5px; background:#777777;}
/* .pro_one .pro_one_r .product_bnt{ overflow:hidden; float:left; display:block; width:182px; margin-bottom:1%; color:#fff; text-align:center; background:#f87e03; height:50px; line-height:50px; border-radius:30px;transition:all 0.3s; font-size:15px; margin-right:15px; margin-top:3%;}
.pro_one .pro_one_r .product_bnt:hover{opacity:0.8;filter:Alpha(opacity=80);}
.pro_one .pro_one_r .product_bnt em{ font-style:normal; padding-left:15px; font-family:"宋体";} */
.pro_one .pro_one_r .imore{margin-top: 4%;}
.imore{ display: inline-block; overflow: hidden; 
  height: 48px; line-height: 48px; text-align: center; padding-left: 40px; padding-right: 40px;-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; position: relative; z-index: 0; margin-top: 5%; z-index: 0;font-style: normal; font-size: 15px;color: #fff;}
.imore:before{ content: ""; width: 100%; position:absolute; height:100%; left:0; top:0;background: linear-gradient(-90deg, #0060A4, #1C8C26);-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;border-radius: 24px; z-index: -1;opacity: 0; filter: Alpha(opacity=0);}
.imore:after{  content: ""; width: 100%; position:absolute; height:100%; left:0; top:0;-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;z-index: -2;
  background: linear-gradient(90deg, #0060A4, #1C8C26);
  border-radius: 24px;}
.imore .span{ font-size: 16px;margin-left: 10px;font-family:"宋体";color: #fff;font-weight: bold;}
.imore:hover::before{ opacity: 1; filter: Alpha(opacity=100);}
.imore:hover{color: #fff;padding-left: 45px;padding-right: 35px;}
.product_title{ height:90px; line-height:90px; border-bottom:1px solid #dedede; font-size:24px;margin-top: 5%;}
.product_title a{ float:left; overflow:hidden; margin-right:5%; color:#333;  cursor:pointer; position:relative;}
.product_title a:after{ content:""; position:absolute; bottom:0; left:0; width:0;transition:all 0.3s; height:2px; background:#222222;background: linear-gradient(90deg, #303577, #50A343);}
.product_title a.on:after{ width:100%;}
.product_title a.on{ color:#222222;}
.product_two{ overflow:hidden;  font-size:18px; line-height:46px; color:#222222; margin-top:3.5%; padding-bottom:5%;}
.product_two img{ max-width:100%;}
.product_two .imgs{width: 48.07%;}
.product_two .txts{width: 48.28%;}
@media screen and (max-width: 1440px) {
/*产品详细*/
.pro_one .product_one_l{ padding-right:50px; width:800px;}
.pro_one .product_one_l .control{ width:631px;}
.pro_one .product_one_l .change li{ width:631px;}
.product_two{line-height: 40px;font-size: 16px;}
}
@media screen and (max-width: 1360px) {
/*产品详细*/
.pro_one .product_one_l{ padding-right:40px;}
}
@media screen and (max-width: 1200px) {
/*产品详细*/
.pro_one .product_one_l{ padding-right:2%; width:700px;}
.pro_one .product_one_l .control{ width:551px;}
.pro_one .product_one_l .change li{ width:551px;}
.imore{  height: 40px;  line-height: 40px;font-size: 14px;padding-left: 30px;padding-right: 30px;}
.imore:hover{padding-left: 35px;padding-right: 25px;}
.imore .span{ font-size: 16px;}
.imore:before{border-radius: 20px;}
.imore:after{border-radius: 20px;}
.product_two{line-height: 32px;font-size: 15px;}
}
@media screen and (max-width: 1100px) {
  /*产品详细*/
.pro_one .product_one_l{ float:left; margin-bottom:0%; width:49%; padding-right:2%;}
.pro_one .product_one_l .control{ display:none!important;}
.pro_one .product_one_l .thumbWrap{ display:none!important;}
.phone_img{ display:block;}
.pro_one .pro_one_r{ margin-top:4%;}
.pro_one .pro_one_r .label{ margin-top:0;}
/* .pro_one .pro_one_r .product_bnt{ height:44px; line-height:44px; width:160px;} */
.product_title{ line-height:80px; height:80px; font-size:20px;}
}
@media screen and (max-width: 992px) {
  /*产品详细*/
.pro_one .pro_one_r{ margin-top:0%; width:45%;}
.pro_one .pro_one_r .txts{ font-size:15px; line-height:26px;}
.pro_one .pro_one_r .txts .color1{ font-size:15px;}
.pro_one .pro_one_r .txts ul li{ line-height:30px;}
.imore{ line-height: 36px; height: 36px; padding-left: 25px;padding-right: 25px;}
.imore:hover{padding-left: 30px;padding-right: 20px;}
.imore .span{ font-size: 13px;}

}
@media screen and (max-width: 830px) {
  /*产品详细*/
/* .pro_one .pro_one_r .product_bnt{ font-size:14px; line-height:40px; height:40px; width:150px;} */
}
@media screen and (max-width: 780px) {
  /*产品详细*/
.pro_one .pro_one_r{ float:none; width:96%; margin-left:2%;margin-top:5%;max-width:none;}
.pro_one .pro_one_r .pro_one_rtxt{max-width:none;}
.pro_one .pro_one_r .p{ min-height:inherit;}
.pro_one .product_one_l{ padding-right:0; width:100%; float:none;}
.product_title{font-size: 18px;line-height:70px; height:70px;}
}
@media screen and (max-width: 640px) {
  /*产品详细*/
.pro_one .pro_one_r .txts ul li{ line-height:26px;}
/* .pro_one .pro_one_r .product_bnt{ margin-bottom:3%; width:150px;} */
.imore{ padding-left: 20px; padding-right: 20px; line-height: 32px; height:32px;font-size: 13px;}
.imore:hover{padding-left: 25px;padding-right: 15px;}
.imore:before{border-radius: 18px;}
.imore:after{border-radius: 18px;}
.product_two{display: block;line-height: 28px;}
.product_two .imgs{width: 100%;}
.product_two .txts{width: 100%;margin-top: 3%;margin-bottom: 5%;}

}
@media screen and (max-width: 480px) {
  /*产品详细*/
.pro_one{ font-size:13px;}
.pro_one .pro_one_r .txts{ font-size:14px; line-height:24px;}
.pro_one .pro_one_r .txts .color1{ font-size:14px;}
/* .pro_one .pro_one_r .product_bnt{ height:36px; line-height:36px; font-size:13px; width:130px;} */
.product_title{ line-height:60px; height:60px; font-size:16px;}
.product_two{font-size: 14px;line-height: 24px;}
}
@media screen and (max-width: 420px) {
   /*产品详细*/
  .product_title{ font-size:14px;margin-top: 0;}
}

/*联系我们*/
.contact_cons{position: relative;overflow: hidden;}
.contact_one{overflow: hidden;height: 900px;}
.contact_one iframe{height: 900px;}
.contact_bg{position: absolute;top: 160px;right: 0;width: 100%; height: 0px;z-index: 0;}
.contact_bg::after{content: "";position: absolute;width: 57.29%;right: 0;background: #fff;height: 100%; height: 590px;top: 0;z-index: -1;}
.contact_two{float: right;width: 54.71%;overflow: hidden;}
.contact_two .h3{font-weight: bold;text-transform: uppercase;float: left;
  color: #1C8C26;
  @supports(-webkit-background-clip: text) or (background-clip: text){
  background: linear-gradient(90deg, #303577 0%, #50A343 100%);
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent;
  }
  line-height: 1.2;font-size: 80px;margin-top: 68px;}
.contact_two .h4{font-weight: bold;color: #222222;line-height: 1.3;padding-top: 5px;clear: both;}
.contact_two ul{overflow: hidden;}
.contact_two li{overflow: hidden;display: block;border-bottom: 1px solid #EBEBEB;margin-top: 4%;padding-bottom: 3%;cursor: pointer;}
.contact_two li .nums{float: left;width: 116px;overflow: hidden;
  color: #1C8C26;
  @supports(-webkit-background-clip: text) or (background-clip: text){
  background: linear-gradient(90deg, #303577 0%, #50A343 100%);
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent;
  }
  font-size: 56px;font-weight: bold;}
.contact_two li .boxs{overflow: hidden;line-height: 40px;color: #222222;font-size: 18px;}
@media screen and (max-width: 1200px) {
/*联系我们*/
.contact_two li .boxs{line-height: 32px;font-size: 16px;}
}
@media screen and (max-width: 992px) {
  /*联系我们*/
  .contact_one{height: 700px;}
.contact_one iframe{height: 700px;}
  .contact_bg{position:static;top: 0;height: auto;}
  .contact_two{float: none;width: 100%;margin-bottom: 7%;}
  .contact_two .h3{font-size: 70px;margin-top: 50px;}
}
@media screen and (max-width: 640px) {
  /*联系我们*/
  .contact_one{height: 600px;}
  .contact_one iframe{height: 600px;}
  .contact_two .h3{font-size: 60px;}
  .contact_two li .nums{width: 90px;font-size: 50px;line-height: 1.1;}
.contact_two li .boxs{line-height: 1.8;font-size: 14px;}
}
@media screen and (max-width: 480px) {
  /*联系我们*/
  .contact_one{height: 500px;}
  .contact_one iframe{height: 500px;}
  .contact_two .h4{margin-bottom: 2%;}
  .contact_two .h3{font-size: 50px;margin-top: 40px;}
  .contact_two li{padding-bottom: 4%;margin-top: 5%;}
  .contact_two li .nums{width: 80px;font-size:44px;}
}
@media screen and (max-width: 470px) {
  .contact_one{height: 400px;}
  .contact_one iframe{height: 400px;}
}
@media screen and (max-width: 420px) {
    /*联系我们*/
    .contact_one{height: 350px;}
  .contact_one iframe{height: 350px;}
    .contact_two .h3{font-size: 40px;}
}

/*新闻列表*/
.news_con{  padding-top: 3%; }
.news_con ul li{ overflow:hidden;padding-top:4%;display:block; transition:all 0.3s; position:relative; padding-bottom: 4%;z-index: 0;padding-left: 5%;padding-right: 3%;border-radius: 16px;background-color: #F5F5F5;margin-top: 2.5%;background-repeat: no-repeat;background-size: cover;background-position: left center;}
.news_con ul li:hover{background-image:url(../images/news_bg1.png);box-shadow: 0px 0px 92px 0px #EAEAEA;background-color: #fff;}
.news_con ul li .imgs{width:335px;float:right;display:inline;overflow:hidden;margin-left:3.5%; border-radius: 16px;}
.news_con ul li .imgs img{ display: block; width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s;}
.news_con 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_con ul li .txts{ overflow:hidden;max-width: 850px; }
.news_con ul li .txts .h3{ line-height:32px; height:32px; overflow:hidden; color:#333333; font-weight:bold;transition: all 0.3s; margin-top:13px;white-space:nowrap;text-overflow:ellipsis; }
.news_con ul li .txts .date{ height:30px; line-height:30px; overflow:hidden; color:#555555; font-size:16px; }
.news_con ul li .txts .p{ margin-top:18px; height:28px; overflow:hidden; font-size:16px; color:#555555; line-height:28px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.news_con ul li:hover .txts h3{color:#1b8b29;}
.news_con ul li .imore{margin-top: 3%;border: 1px solid #1b8b29;border-radius: 24px;color: #1b8b29;}
.news_con ul li .imore .span{color: #1b8b29;}
.news_con ul li .imore:after{opacity: 0;filter: Alpha(opacity=0);}
.news_con ul li:hover .imore:after{opacity: 1;filter: Alpha(opacity=100);}
.news_con ul li:hover .imore{border: 0;color: #fff;}
.news_con ul li:hover .imore .span{color: #fff;}
@media screen and (max-width: 1200px) {
/*新闻列表*/
.news_con ul li .imgs{ margin-left:2%;}
.news_con ul li .o_more{ margin-top: 3%;}
.news_con ul li{padding-left: 3%;}
}
@media screen and (max-width: 992px) {
  /*新闻列表*/
.news_con ul li .imgs{ width:300px; }
.news_con ul li .txts .h3{ margin-top:5px;}
.news_con ul li .txts .p{ line-height: 24px; height: 24px;font-size: 15px;}
.news_con ul li .txts .date{font-size: 15px;}
.news_con ul li .imore{margin-top: 4%;}
}
@media screen and (max-width: 640px) {
  /*新闻列表*/
.news_con ul li .imgs{ width:200px;}
.news_con ul li .txts .p{ font-size:13px; line-height:22px; height:44px; margin-top:5px;-webkit-line-clamp: 2;}
.news_con ul li .txts .h3{line-height: 26px;height: 26px;}
.news_con ul li .txts .o_more{ display:none;}
.news_con ul li .txts .imore{ display: none;}
.news_con ul li .txts .date{font-size: 13px;}
}
@media screen and (max-width: 480px) {
  /*新闻列表*/
.news_con ul li{padding-top: 4.5%;padding-bottom: 4.5%;}
.news_con ul li .imgs{ width:154px;}
.news_con ul li .txts .h3{ height:24px; line-height:24px; margin-top:0px;}
.news_con ul li .txts .p{ height:40px; line-height:20px; font-size: 12px;margin-top: 0px;}
.news_con ul li .txts .date{ font-size:12px;line-height: 22px;height: 22px;}
}
@media screen and (max-width: 420px) {
  /*新闻列表*/
.news_con ul li .imgs{ width:150px;}
.news_con ul li .txts .h3{  font-size:15px;margin-top: 2px;}
}

/*新闻资讯详细*/
.about_x2{ float:left; width:100%; margin-top:3%;/* border-right:1px solid #e7e7e7;*/}
.about_x2 .show_t{ line-height:40px; font-size:28px; color:#333333; text-align:center; margin-bottom:1%; margin-top:5px; font-weight:bold;}
.about_x2 .con_line{height:50px; line-height:40px;font-size:15px; color:#c8c8c8; border-bottom:1px solid #f0f0f0; text-align:center; padding-bottom:1%; }
.about_x2 img{margin-bottom:10px; max-width:100%;}
.about_x2 .con_id{ line-height:32px;overflow:hidden;white-space:normal;word-break:break-all; padding-top:4%;font-size:15px; color:#555555;text-align:left;/* font-family:"宋体";*/ padding-bottom:4%;}
.about_x2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2 .con_id p{ padding-bottom:10px; overflow:hidden;}
.about_x2 table{border-collapse:collapse;border-spacing:0;}
.about_x2 table td{ line-height:22px;height:27px; /*border:1px solid #000;*/}
.prenext{ padding-top:3%; text-align:center;  font-size:15px;margin-bottom:4%;border-top:1px solid #f0f0f0; overflow:hidden; line-height:26px; color:#555555; text-align:center; }
.prenext span{ width:40%; overflow:hidden;}
.prenext span.l{ text-align:left;}
.prenext span.r{ text-align:right;}
.prenext a{ color:#555555; overflow:hidden; transition:all 0.3s;}
.prenext a:hover{ color:#1b8b29;  text-decoration:none;/*opacity:0.8;filter:Alpha(opacity=80);*/}
.prenext .goback{ display:inline-block; vertical-align:top; height:38px; line-height:38px; width:120px; border:1px solid #9e0534; border-radius:20px; color:#9e0534; margin-top:-6px;}
.prenext .goback:hover{ background:#1b8b29; color:#fff;}
.fenxiang{ float:right;}
.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:30px; height:30px;  margin-left:2px; margin-right:2px; background-repeat:no-repeat; background-size:100% 100%; cursor:pointer;}
.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); position:relative;}
.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:30px; height:30px; 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/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/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/fx_pic2_on.png) no-repeat;background-size:100% 100%;}


.news_r{ float:right; /*overflow:hidden;*/ background:#fff; width:27.8%; max-width:390px; margin-top:3%; margin-bottom:5%;}
.news_r .news_t{ font-weight:normal;  overflow:hidden; position:relative;/*  padding-left:10px; */}
.news_r .news_t .h2{ font-weight:normal; color:#555555; font-size:22px; margin-right:30px;height:70px; line-height:70px;}
.news_r .news_ul3{ /* margin-left:10px; */overflow:hidden;}
.news_r .news_ul3 ul li{ display:block; border-bottom:1px solid #f0f0f0; padding-bottom:5%; margin-bottom:5%; overflow:hidden;}
.news_r .news_ul3 ul li label{ display:block; height:24px; line-height:24px;  color:#c8c8c8; font-size:15px;}
.news_r .news_ul3 ul li .h3{ font-weight:normal; overflow:hidden;height:30px; line-height:30px; color:#555555; font-size:16px;transition:all 0.3s; margin-top:1%; margin-bottom:1%;white-space:nowrap;text-overflow:ellipsis;}
.news_r .news_ul3 ul li:hover .h3{ color:#1b8b29;}
.news_r .news_ul3 ul li:last-child{ border-bottom:0;}
.news_title{text-align: center;overflow: hidden;margin-top: 5%;font-weight: bold;}

@media screen and (max-width: 1440px) {
/*新闻资讯详细*/
.news_r .news_t .h2{ margin-right:20px; font-size:22px;}
}
@media screen and (max-width: 1200px) {
/*新闻资讯详细*/
.about_x2{ width:59%;}
.about_x2 .show_t{font-size: 26px;}
.news_r{ width:37%;}
}
@media screen and (max-width: 992px) {
  /*新闻资讯详细*/
.about_x2{ width:100%; float:none; border-right:0; padding-right:0;}
.about_x2 .show_t{font-size: 24px;}
.about_x2 .con_id{ line-height:26px; font-size:15px;}
.news_r{ width:100%; float:none; max-width:none;}
.news_r .news_ul3 ul li{ padding-bottom:2%; margin-bottom:2%;}

.prenext{ font-size:14px; line-height:24px; text-align:right;}
.prenext span{ width:70%;}
.prenext .l{ float:none; display:block;}
.prenext .r{ float:none; display:block;}
.prenext span.r{ text-align:left;}
.prenext .goback{ text-align:center; margin-top:-44px; width:110px;}
.fenxiang .news_fx ul li{ width:26px; height:26px;}
}
@media screen and (max-width: 640px) {
  /*新闻资讯详细*/
.about_x2 .show_t{ font-size:20px; line-height:28px; text-align:center;}
.about_x2 .con_line{ font-size:12px; height:auto; line-height:30px; text-align:center;}
.about_x2 .con_id{ font-size:14px; line-height:24px;}
.news_r .news_t .h2{ margin-right:12px;font-size:18px; height:60px; line-height:60px;}
.news_r .news_ul3 ul li .h3{ font-size:15px;}
.news_r .news_ul3 ul li label{ font-size:13px;}

.prenext{ font-size:13px; text-align:center;}
.prenext span{ width:100%;}
.prenext .goback{ margin-top:15px; height:32px; line-height:32px; width:99%; margin-bottom:10px;}

.fenxiang{ float:none; margin-top:5px;display: none;}
}
@media screen and (max-width: 480px) {
  /*新闻资讯详细*/
.about_x2 .show_t{ font-size:18px; line-height:26px;}
.about_x2 .con_id{ font-size:13px;}	
.news_r .news_t .h2{font-size:16px; height:50px; line-height:50px;}

.prenext{ font-size:12px; line-height:22px;}
}
@media screen and (max-width: 420px) {
  
}

/*应用案例*/
.case_con{  padding-top: 3%; }
.case_con ul li{float: left;width: 48.5%; overflow:hidden;padding-top:4%;display:block; transition:all 0.3s; position:relative; padding-bottom: 4%;z-index: 0;padding-left: 5%;padding-right: 3.7%;border-radius: 16px;background-color: #F5F5F5;margin-top: 3%;}
.case_con ul li:nth-child(2n){float: right;}
.case_con ul li:hover{background-color: #fff;box-shadow: 0px 0px 92px 0px #EAEAEA;}
.case_con ul li .imgs{width:237px;float:right;display:inline;overflow:hidden;margin-left:3.5%; border-radius: 16px;}
.case_con ul li .imgs img{ display: block; width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s;}
.case_con 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);}
.case_con ul li .txts{ overflow:hidden;max-width: 850px; }
.case_con ul li .txts .h3{ line-height:32px; height:32px; overflow:hidden; color:#333333; font-weight:bold;transition: all 0.3s; margin-top:10px;white-space:nowrap;text-overflow:ellipsis; }
.case_con ul li .txts .p{ margin-top:23px; height:56px; overflow:hidden; font-size:16px; color:#555555; line-height:28px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.case_con ul li:hover .txts h3{color:#1b8b29;}
.case_con ul li .imore{margin-top: 10%;border: 1px solid #1b8b29;border-radius: 24px;color: #1b8b29;}
.case_con ul li .imore .span{color: #1b8b29;}
.case_con ul li .imore:after{opacity: 0;filter: Alpha(opacity=0);}
.case_con ul li:hover .imore:after{opacity: 1;filter: Alpha(opacity=100);}
.case_con ul li:hover .imore{border: 0;color: #fff;}
.case_con ul li:hover .imore .span{color: #fff;}

@media screen and (max-width: 1400px) {
  /*应用案例*/
  .case_con ul li{padding-left: 3%;padding-right: 3%;}
}
@media screen and (max-width: 1200px) {
  /*应用案例*/
  .case_con ul li .imgs{margin-left: 2%;width: 210px;}
  
}
@media screen and (max-width: 992px) {
    /*应用案例*/
    .case_con ul li{float: none;width: 100%;}
    .case_con ul li:nth-child(2n){float: none;}
    .case_con ul li .txts .p{height: auto;}
    .case_con ul li .imore{margin-top: 5%;}
}
@media screen and (max-width: 640px) {
   /*应用案例*/
  .case_con ul li .txts .p{font-size: 14px;line-height: 24px;margin-top: 13px;}
  .case_con ul li .imore{margin-top: 10%;}
}
@media screen and (max-width: 480px) {
  /*应用案例*/
  .case_con ul li .imgs{width: 200px;}
  .case_con ul li .txts .p{font-size: 13px;}
}
@media screen and (max-width: 420px) {
  /*应用案例*/
  .case_con ul li .imgs{width: 180px;}
  .case_con ul li .txts .p{font-size: 12px;line-height: 20px;}
}

/*生产能力*/
.technical_con{overflow: hidden;margin-top: 3%;margin-bottom: 6%;line-height: 1.6;}
.technical_bg{overflow: hidden;background: #f5f5f5;}
.o_title_a{text-align: center;margin-top: 3%;}
.o_title_a li{display: inline-block;vertical-align: top;overflow: hidden;padding-left: 20px;padding-right: 20px;min-width: 186px;font-size: 18px;color: #222222;line-height: 48px;transition:all 0.3s;z-index: 0;position: relative; border-radius: 24px;cursor: pointer;}
.o_title_a li::after{content: "";position: absolute;top:0 ;width: 0;left: 50%;right: 50%;height: 100%;transition:all 0.3s;z-index: -1;background: linear-gradient(90deg, #0060A4, #1C8C26);
 }
.o_title_a li.on::after{width: 100%;left: 0;right: 0;}
.o_title_a li.on{color: #fff;}
.technical_bg .technical_one{ }
.technical_bg .technical_one .divhidden{opacity: 0; filter: Alpha(opacity=0);transition: all 0.3s;/* height: 0; */display: none; /* overflow: hidden; */}
.technical_bg .technical_one .divhidden.on{opacity: 1.0; filter: Alpha(opacity=100); /* height: auto; */ display: block;}

@media screen and (max-width: 1200px) {
  /*生产能力*/
  .o_title_a li{font-size: 16px;min-width: 160px;line-height: 40px;}
}
@media screen and (max-width: 992px) {
  /*生产能力*/
  .o_title_a li{line-height: 36px;font-size: 14px;min-width: 150px;}
}
@media screen and (max-width: 640px) {
    /*生产能力*/
    .o_title_a li{line-height: 32px;font-size: 13px;min-width: 130px;}
}
@media screen and (max-width: 480px) {
  /*生产能力*/
  .o_title_a li{padding-left: 15px;padding-right: 15px;font-size: 12px;min-width: 120px;}
}
@media screen and (max-width: 420px) {
   /*生产能力*/
   .o_title_a li{min-width: 100px;padding-left: 12px;padding-right: 12px;}
}

/*技术能力*/
.technical_ul{  margin-top:5%;}
.technical_ul li{ float:left; width:48.08%; margin-bottom:4%;  position:relative;text-align:center;}
.technical_ul li:nth-child(2n){float: right;}
.technical_ul li:nth-child(2n+1){clear: both;}
.technical_ul li .imgs{ overflow:hidden; position:relative; padding-top:60%;}
.technical_ul li .imgs img{display: block;width: 100%; height:100%; position:absolute; top:0; left: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;/*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.technical_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);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.technical_ul li .h3{ font-weight:bold; overflow:hidden; line-height:50px; height:50px; margin-top:35px;white-space:nowrap;text-overflow:ellipsis; transition:all 0.3s;}
.technical_ul li:hover .h3{ color:var(--main-color);}
.technical_ul li .p{overflow: hidden;color: #777777;line-height: 30px;margin-top: 16px;word-wrap: break-word;}
.technical_ul li .desc{color: #222222;overflow: hidden;line-height: 30px;height: 30px;margin-top: 11px;white-space:nowrap;text-overflow:ellipsis;}
@media screen and (max-width: 1200px) {
/*技术能力*/
.technical_ul li{width: 49%;}
.technical_ul li .h3{height: 40px;line-height: 40px;margin-top: 25px;}
.technical_ul li .desc{line-height: 26px;height: 26px;margin-top: 8px;}
.technical_ul li .p{line-height: 26px;margin-top: 12px;}

}
@media screen and (max-width: 992px) {
    /*技术能力/
    .technical_ul li .h3{height: 32px;line-height: 32px;margin-top: 15px;}
    .technical_ul li .desc{line-height: 22px;height: 22px;}
    .technical_ul li .p{line-height: 22px;margin-top: 8px;}
}
@media screen and (max-width: 640px) {
  /*技术能力*/

}
@media screen and (max-width: 480px) {
  /*技术能力*/
  .technical_ul li .h3{height: 26px;line-height: 26px;margin-top: 10px;}
  .technical_ul li .desc{margin-top: 5px;line-height: 20px;height: 20px;}
  .technical_ul li .p{line-height: 20px;margin-top: 5px;}
}
@media screen and (max-width: 420px) {
  
}

/*研发能力*/
.guide_list{ overflow:hidden; margin-top:3.5%;margin-bottom: 7%; }
.guide_list ul li{ display:block; overflow:hidden; background:#fff; position:relative;background: #f5f5f5;z-index: 0;}
.guide_list ul li::after{content: "";position: absolute;right: 1.9%;bottom:6%;color: #e9e9e9;font-size: 228px;z-index: -1;line-height: 1;}
.guide_list ul li:nth-child(2n)::after{right: auto;left: 1.9%;}
.guide_list ul li:nth-child(2)::after{content: "02";}
.guide_list ul li:nth-child(3)::after{content: "03";}
.guide_list ul li:nth-child(4)::after{content: "04";}
.guide_list ul li:nth-child(5)::after{content: "05";}
.guide_list ul li:nth-child(6)::after{content: "06";}
.guide_list ul li:nth-child(7)::after{content: "07";}
.guide_list ul li:nth-child(8)::after{content: "08";}
.guide_list ul li .imgs{ float:left; width:50%;  overflow:hidden;}
.guide_list ul li:nth-child(2n) .imgs{ float:right;}
.guide_list ul li .imgs img{display: block;width: 100%;-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;}
.guide_list ul li .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.guide_list ul li .text{ position:absolute; right:0; top:0; width:50%;  height:100%;padding-top:5%; padding-bottom:5%;display: flex; align-items: center; justify-content: left;}
.guide_list ul li:nth-child(2n) .text{ right:auto; left:0;}
.guide_list ul li .text .boxs{ width:94%; margin:0 auto; max-width:586px;}
.guide_list ul li .text .tit{ overflow:hidden; color:#333333; line-height:1.3; font-weight:bold;padding-top: 5%;position: relative; }
.guide_list ul li .text .tit::before{content: "";top: 0;left: 0;width: 57px;height: 4px;position: absolute;background: linear-gradient(90deg, #303577, #50A343);}
.guide_list ul li .text .txt{ color:#777777; overflow:hidden; line-height:1.8; margin-top:6%; position:relative;font-size: 18px;margin-bottom: 4%; }
.guide_list ul li .i_jsq_scroll{ background:none;padding-right: 10px;}
@media screen and (max-width: 1440px) {
  /*研发能力*/
  .guide_list ul li::after{font-size: 190px;}
}
@media screen and (max-width: 1200px) {
  /*研发能力*/
  .guide_list ul li .text{padding-top:3%; padding-bottom:3%;}
  .guide_list ul li .text .txt{font-size: 16px;}
  .guide_list ul li::after{right: 1%;font-size: 170px;}
  .guide_list ul li:nth-child(2n)::after{left: 1%;}
}
@media screen and (max-width: 992px) {
    /*研发能力*/
  .guide_list ul li .imgs{ float:none; width:100%; max-width:none;}
.guide_list ul li:nth-child(2n) .imgs{ float:none;}
.guide_list ul li .text{ position:static; height:auto; display:block; width:100%; max-width:none; margin-top:5%; padding-top:0; padding-bottom:0; margin-bottom:5%;}
.guide_list ul li .text .boxs{ max-width:none;}
.guide_list ul li .text .txt{font-size: 14px;margin-top: 2%;margin-bottom: 10%;}
.guide_list ul li::after{font-size: 150px;bottom: 3%;}
.guide_list ul li:nth-child(2n)::after{right: 1%;left: auto;}

}
@media screen and (max-width: 640px) {
      /*研发能力*/
  .guide_list ul li .text .txt{font-size: 13px;}
  .guide_list ul li::after{font-size: 130px;bottom: 2%;}
}
@media screen and (max-width: 480px) {
   /*研发能力*/
  .guide_list ul li .text{ margin-top:8%; margin-bottom:8%;}
.guide_list ul li .text .txt{ margin-top:3%;font-size: 12px;}
.guide_list ul li::after{font-size: 100px;}
.guide_list ul li .text .tit::before{width: 44px;}
}
@media screen and (max-width: 420px) {
  
}

/*关于我们*/
.fsas{display: flex;justify-content: space-around;align-items: flex-start;}
.fsbs{display: flex;justify-content: space-between;align-items: flex-start;}
.hideabox .mainbox{padding-top: 60px;}
.ideaswiper1 .partbox .box1{width: 90%;margin: 0 auto;max-width: 800px; padding-top: 60px;margin-bottom: 250px;position: relative;z-index: 0;}
/* .ideaswiper1 .partbox .proimgbox{width: 30%;} 
.ideaswiper1 .partbox .box2{width: 35%;padding-top: 60px;}*/
.ideaswiper1 .partbox .dot{width: 65px;height: 65px;position: relative;}
.ideaswiper1 .partbox .dot i{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: var(--main-color);border-radius: 50%;}
.ideaswiper1 .partbox .dot i:nth-child(1){width: 0px;height: 0px;animation: dot1 1s linear infinite;opacity: 1;}
.ideaswiper1 .partbox .dot i:nth-child(2){width: 5px;height: 5px;animation: dot2 1s linear infinite;opacity: 0.9;}
.ideaswiper1 .partbox .dot i:nth-child(3){width: 17px;height: 17px;animation: dot3 1s linear infinite;opacity: 0.6;}
.ideaswiper1 .partbox .dot i:nth-child(4){width: 37px;height: 37px;animation: dot4 1s linear infinite;opacity: 0.3;}
/*.ideaswiper1 .partbox .dot i:nth-child(4){width: 65px;height: 65px;}*/
.ideaswiper1 .partbox .title{/* font-size: 4.70833333vw; */color: #333;padding-left: 50px;padding-right: 50px; font-weight: bold;text-align: center;margin-top: 55px;margin-bottom: 100px;}
.ideaswiper1 .partbox .year{text-align: center;color: #f2f2f2;font-size: 267px;line-height: 200px;font-weight: 500;position: absolute;top: 50%;left: 0;width: 100%;margin-top: -60px;z-index: -1;}
/* .ideaswiper1 .partbox .des{font-size: 26px;color: #222222;font-weight: bold;padding-top: 20px;padding-bottom: 20px;}
.ideaswiper1 .partbox .des2{font-size: 18px;color: #999999;line-height: 2;}
.ideaswiper1 .proimgbox .imgbox{height: 566px;}
.ideaswiper1 .proimgbox .imgbox img{height: 100%;} */
@keyframes dot1{to{width: 5px;height: 5px;opacity: 0.9;}}
@keyframes dot2{to{width: 17px;height: 17px;opacity: 0.6;}}
@keyframes dot3{to{width: 37px;height: 37px;opacity: 0.3;}}
@keyframes dot4{to{width: 65px;height: 65px;opacity: 0;}}
.hideabox .bottombox{margin-top: -185px;}
.ideaswiper2{padding-top: 100px;margin-bottom: 6%;}
.ideaswiper2 .partbox{position: relative;}
.ideaswiper2 .partbox .linebox i{position: relative;width: 2px;height: 200px;border-radius: 1px; background-color:#c5c5c5;transition: 0.3s;/* background-image: linear-gradient(to right,#9adc3a 0%,#ff8921 15%,#20fff7 30%,#d34bff 45%,#ff9eb5 64%,#9adc3a 83%,#41b3dc 100%); */background-size: 100vw 100%;overflow: hidden;}
.ideaswiper2 .partbox .linebox i:after{content: "";display: block;position: absolute;bottom: -1px;left: -50%;width: 200%;height: 20%;background-image: linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 80%,rgba(255, 255, 255, 1) 100%)}
.ideaswiper2 .partbox .linebox i:nth-child(10){height: 180px;/*transform: translateY(20px);*/margin-top: 20px;}
.ideaswiper2 .partbox .linebox i:nth-child(11){height: 400px;/*transform: translateY(-49px);*/margin-top: -49px;}
.ideaswiper2 .partbox .linebox i:nth-child(12){height: 180px;/*transform: translateY(20px);*/margin-top: 20px;}
.ideaswiper2 .swiper-slide-active .partbox .linebox i:nth-child(9){height: 220px;/*transform: translateY(-20px);*/margin-top: -20px;}
.ideaswiper2 .swiper-slide-active .partbox .linebox i:nth-child(10){height: 249px;/*transform: translateY(-49px);*/margin-top: -49px;}
.ideaswiper2 .swiper-slide-active .partbox .linebox i:nth-child(11){height: 437px;/*transform: translateY(-86px);*/margin-top: -86px;}
.ideaswiper2 .swiper-slide-active .partbox .linebox i:nth-child(12){height: 249px;/*transform: translateY(-49px);*/margin-top: -49px;}
.ideaswiper2 .swiper-slide-active .partbox .linebox i:nth-child(13){height: 220px;/*transform: translateY(-20px);*/margin-top: -20px;}
.ideaswiper2 .partbox .linebox i:nth-child(11)::after{height: 100%;}
.ideaswiper2 .partbox .title{position: absolute;top: 220px;left: 0;text-align: center;width: 100%;font-size: 26px;color: #222222;font-weight: bold;}
.ideaswiper2 .swiper-slide-active .partbox .title{
  color: #1C8C26;
  @supports(-webkit-background-clip: text) or (background-clip: text){
  background: linear-gradient(90deg, #303577 0%, #50A343 100%); 
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent;
  }
  font-size: 42px;
}
.company{margin-top: 5%;}
.inner .group{display: grid;justify-content: space-between; padding: 0 1rem; position: relative; z-index: 4;}
.inner .group .col{display: grid;justify-content: space-between; grid-auto-flow: row; /* align-content: space-between; */text-align: center;}
.inner .group .col div{line-height: .95;text-transform: uppercase;}
.inner .group .col .h2{margin-bottom: 1vw; font-weight: bold;}
.inner .group .col .grc{line-height: 1.8;color: #555555;overflow: hidden;text-align: left;font-size: 16px;}
.inner .group .f120{font-weight: bold;
  color: #1C8C26;
  @supports(-webkit-background-clip: text) or (background-clip: text){
  background: linear-gradient(90deg, #303577 0%, #50A343 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }
}
.inner .group .bc{color: #333;font-weight: bold;}
.inner .group .bl{font-weight: bold;text-align: left;}
.inner .part{width: 100%;
    overflow: hidden;
    z-index: 4;
    padding-bottom: 45%;
    position: relative;}
.inner .part img{position: absolute;
  left: 0;
  top: 25%;
  width: 100%;}  
.about_three_bg{overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: left bottom;}
.about_three{margin-top: 4%;margin-bottom: 8%;}
.about_three .about_three_l{float: left;overflow: hidden;max-width: 543px;width: 49%;}
.about_three .about_three_l .h3{font-weight: bold;overflow: hidden;line-height: 1.3;}
.about_three .about_three_l .h3 span{
  color: #1C8C26;
  @supports(-webkit-background-clip: text) or (background-clip: text){
  background: linear-gradient(90deg, #303577 0%, #50A343 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.about_three .about_three_l .p{overflow: hidden;line-height: 1.6;margin-top: 3%;color: #777777;}
.about_three .about_three_r{float: right;overflow: hidden;max-width: 543px;width: 49%;border-bottom: 1px solid rgba(214,214,214,0.52);}
.about_three .about_three_r li{display: block;overflow: hidden;border-top: 1px solid rgba(214,214,214,0.52);padding-top: 5.5%;padding-bottom: 5.5%;}
.about_three .about_three_r .h4{font-weight: normal;overflow: hidden;line-height: 1.3;color: #333;}
.about_three .about_three_r .p{overflow: hidden;color: #899099;line-height: 1.6; margin-top: 3%;}
/*荣誉*/
.about_four_bg{background: #f5f5f5;overflow: hidden;}
.about-block-certificate2 {
  position: relative;
 /* padding-top: clamp(30px, 3.48vw, 67px);*/
  padding-bottom: clamp(0.5rem, 3.9vw, 75px);
  overflow: hidden;
}
.about-block-certificate2 .swiper-box {
  margin-top: clamp(15px, 2vw, 55px);
}

@media screen and (max-width: 1200px) {
/*关于我们*/
.hideabox .mainbox{padding-top: 30px;}
.ideaswiper1 .partbox .box1{padding-top: 30px;}
.ideaswiper1 .partbox .year{font-size: 220px;line-height: 180px;}
/*荣誉*/
.about-block-certificate2 {/*padding-top: 0.55rem;*/padding-bottom: 5%;}
.about-block-certificate2 .swiper-box {margin-top: 3%;}
}
@media screen and (max-width: 992px) {
  /*关于我们*/
.hideabox .mainbox{padding-top: 20px;}
.ideaswiper1 .partbox .box1{padding-top: 20px;margin-bottom: 220px;}
  .ideaswiper1 .partbox .year{font-size: 200px;line-height: 170px;}
  .ideaswiper1 .partbox .title{margin-bottom: 90px;}
  .company{margin-top: 7%;}
  .inner .group{grid-template-columns: 100%;}
  .inner .group .col{grid-template-columns: 86vw;text-align: left;}
  .inner .group .col:first-child{margin-bottom: 5%;}
  .inner .group .col .grc{margin-top: 3%;}
  .about_three .about_three_l{float: none;max-width: none;width: 100%;}
  .about_three .about_three_r{float: none;max-width: none;width: 100%;margin-top:5%;}
  .about_three .about_three_r li{padding-top: 4%;padding-bottom: 4%;}
  .about_three .about_three_r .p{margin-top: 2%;}
}
@media screen and (max-width: 640px) {
    /*关于我们*/
    .ideaswiper2 .partbox .linebox i{height: 150px;}
    .ideaswiper2 .partbox .linebox i:nth-child(10){height: 130px;}
    .ideaswiper2 .partbox .linebox i:nth-child(11){height: 300px;}
    .ideaswiper2 .partbox .linebox i:nth-child(12){height: 130px;}
    .ideaswiper2 .swiper-slide-active .partbox .linebox i:nth-child(9){height: 170px;}
    .ideaswiper2 .swiper-slide-active .partbox .linebox i:nth-child(10){height: 199px;}
    .ideaswiper2 .swiper-slide-active .partbox .linebox i:nth-child(11){height:337px;}
    .ideaswiper2 .swiper-slide-active .partbox .linebox i:nth-child(12){height: 199px;}
    .ideaswiper2 .swiper-slide-active .partbox .linebox i:nth-child(13){height: 170px;}
  .ideaswiper2 .partbox .linebox i:nth-child(4),.ideaswiper2 .partbox .linebox i:nth-child(15){display: none;}
  .ideaswiper2 .partbox .title{top: 150px;}
  .ideaswiper1 .partbox .year{font-size: 180px;line-height: 150px; margin-top: -50px;}
  .inner .group .col .grc{font-size: 15px;}
  .about_three{margin-top: 10%;margin-bottom: 10%;}
  .about_three .about_three_r li{padding-top: 3%;padding-bottom: 3%;}
  .about_three .about_three_r .p{margin-top: 1.5%;}
  .about_three_bg{padding-bottom: 100px;}
}
@media screen and (max-width: 480px) {
      /*关于我们*/
      .hideabox .mainbox{padding-top: 10px;}
      .ideaswiper1 .partbox .box1{margin-bottom: 180px;}
      .ideaswiper1 .partbox .dot{width: 50px;height: 50px;}
      .ideaswiper2 .partbox .linebox i:nth-child(5),.ideaswiper2 .partbox .linebox i:nth-child(16){display: none;}
      .ideaswiper1 .partbox .year{font-size: 160px;line-height: 130px; margin-top: -44px;}
      .ideaswiper2 .partbox .title{top: 120px;}
      .ideaswiper2 .partbox .linebox i{height: 100px;}
      .ideaswiper2 .partbox .linebox i:nth-child(10){height: 80px;}
      .ideaswiper2 .partbox .linebox i:nth-child(11){height: 250px;}
      .ideaswiper2 .partbox .linebox i:nth-child(12){height: 80px;}
      .ideaswiper2 .swiper-slide-active .partbox .linebox i:nth-child(9){height: 120px;}
      .ideaswiper2 .swiper-slide-active .partbox .linebox i:nth-child(10){height: 149px;}
      .ideaswiper2 .swiper-slide-active .partbox .linebox i:nth-child(11){height:287px;}
      .ideaswiper2 .swiper-slide-active .partbox .linebox i:nth-child(12){height: 149px;}
      .ideaswiper2 .swiper-slide-active .partbox .linebox i:nth-child(13){height: 120px;}
      .inner .group .col .grc{font-size: 14px;}
}
@media screen and (max-width: 420px) {
   /*关于我们*/
   .ideaswiper1 .partbox .year{font-size: 140px;}
}
.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;}
}

@keyframes runs {
  from {
    transform: rotate(0deg);
      -ms-transform: rotate(0deg); /* IE 9 */
      -moz-transform: rotate(0deg); /* Firefox */
      -webkit-transform:rotate(0deg); /* Safari å’Œ Chrome */
      -o-transform: rotate(0deg);

  }

  to {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg); /* IE 9 */
    -moz-transform: rotate(360deg); /* Firefox */
    -webkit-transform:rotate(360deg); /* Safari å’Œ Chrome */
    -o-transform: rotate(360deg);
  }
}

