@import url(style.css);

@import url(mobile.css);

@import url(custom.css);

@import url(pscroll.css);

@import url(lrtk3.css);

/*内页*/

@keyframes scaleAnim{

    0%{         

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    100%{

        -webkit-transform: scale(1.1);

        transform: scale(1.1);

    }

}





.postions{ height:64px; line-height:64px; overflow:hidden;color:#666; font-size:14px; background:#fff; border-bottom:1px solid #d2d2d2;}

.postions.bgs2{border-bottom: 0; height:55px; line-height:55px;position: relative;margin-top: 3.57%;}

.postions.bgs2::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #aaaaaa;}

.posadd .postions{ position:fixed; top:0; left:0; width:100%; z-index:5;}

.postions a{color:#666666; }

.postions a:hover{ color:var(--main-color);}

.postions label{ color:#666666;}

.postions .postions_r{display: flex;align-items: center; justify-content: left;}

.postions .postions_r img{ vertical-align:baseline; margin-right:8px; margin-left:11px;height:21px;}

.postions .postions_r img:first-child{ margin-left:0;}

.postions h2{ float:left; font-weight:normal; color:#333; height:55px; font-size:26px;}

.postions h2 label{line-height: 40px;height: 40px;display: block;overflow: hidden;}

.postions h2 span{font-size:18px;line-height: 15px;height: 15px;position: relative;overflow: hidden;background: #fff;padding-right: 18px;display: block;z-index: 1;}

.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:right; }

.postions .postions_b a{ float:left; text-align:center;overflow:hidden; font-size:16px; color:#333333; position:relative;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:0; margin-left:60px;}

.postions .postions_b a:hover{color:#333333;}

.postions .postions_b a:after{content: "";display: block;position: absolute;left: 50%;right:50%; bottom: 0;height:3px;opacity: 0;background:#56bde9;-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:#56bde9; }

/*分类弹窗*/

.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:bold; display:table-cell; vertical-align:middle; color:#fff; text-align:center;}

.o_big_con .h2 .tit{overflow: hidden;padding-top: 27px;background: url(../images/about_pic2.png) center top no-repeat;background-size: 29px 22px;font-style: normal;}

.o_big_con .h2 label{display:block;color:#fff; line-height:1;margin-top:10px; font-size:16px;font-weight: normal;}

.o_big_con .h2 span{ display:block; /* overflow:hidden; */  color:#fff; line-height:1;  margin-top:27px; font-size:18px;font-weight: lighter;position: relative;}

/* .o_big_con .h2 span::after{content: "";position: absolute;left: 0;bottom: 0;width: 36px;height: 2px;background: linear-gradient(83deg, #2989CC, #1C72A9);} */



/*分页*/

.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:40px; line-height:38px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:40px;margin-left:3px;  text-align:center; color:#333333; font-size:14px; border:1px solid #f8f8f8; background:#f8f8f8;}

.yema a:hover{ text-decoration:none; color:#fff; background:#99c145;border:1px solid #99c145;}

.yema a.on{color:#fff;  background:#99c145;border:1px solid #99c145;border: 0;}

.yema a.first,.yema a.last{ margin-right:0;  }

.yema a.first:hover,.yema a.last:hover{background-color:#99c145;}

.yema a span{ font-family:"宋体"; font-size:16px;}

.yema a:hover span{color:#fff;}

.yema .Prev,.yema .next{border:1px solid #f8f8f8;color:#333333; }

/*分类弹窗*/

.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;}



@media screen and (max-width: 1600px) {

/*内页*/

.postions .postions_b a{margin-left:50px;}



}

@media screen and (max-width: 1440px) {

/*内页*/

.postions{  font-size:15px;}

.postions .postions_b a{margin-left:40px;}



}



@media screen and (max-width: 1200px) {

/*内页*/

.postions h2{ font-size:22px;}

.postions h2 span{ font-size:16px;}

.postions .postions_b a{margin-left:30px;}



}



@media screen and (max-width: 1100px) {

/*内页*/

.postions .postions_b a{margin-left:20px;font-size: 17px;}

.postions .postions_r img{height: 15px;}

.o_big_con .h2 span{ font-size:14px;margin-top: 20px;}

.o_big_con .h2 label{font-size: 16px;margin-top: 8px;}

.o_big_con .h2 .tit{padding-top: 20px;}



}



@media screen and (max-width: 992px) {

/*内页*/

.postions.bgs2{margin-top: 0;}

.postions{height:46px; line-height:46px;}

.postions h2{ display:none;}

.postions .postions_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;}

.postions .postions_b a:hover{ background:#56bde9; color:#fff;}

.postions .postions_b a.isel{ color:#fff;background:#56bde9;}

.postions .postions_b a:after{ height:0;}

/*分类弹窗*/

.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;}



}

@media screen and (max-width: 830px) {

/*内页*/

.postions h2{ font-size:20px;}

.postions h2 span{ font-size:15px;}



}

@media screen and (max-width: 780px) {

/*内页*/

.o_big{ height:176px;}

.postions{ height:42px; line-height:42px; font-size:14px;}

.postions .postions_b a{ height:44px; line-height:44px; 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:14px;}*/

}



@media screen and (max-width: 640px) {

/*内页*/

.o_big_con .h2 .tit{background-size: 24px auto;}

.o_big_con .h2 span{ font-size:13px;margin-top: 15px;}

.o_big_con .h2 label{font-size: 15px;margin-top: 5px;}

.postions{font-size: 13px;}

.postions h2 span{ font-size:14px;}

.postions .postions_b a{ font-size:14px;}

/*分页*/

.yema a{ font-size:12px;}

/*.yema a span{ font-size:13px;}*/

/*暂无内容*/

.nodata{background-size:auto 130px; padding-top:140px;margin-top:15%; margin-bottom:15%;}

}



@media screen and (max-width: 480px) {

/*内页*/

.o_big{ height:150px;}

.o_big_con .h2 .tit{padding-top: 18px;}

.o_big_con .h2 span{ font-size:12px;margin-top: 12px;}

.o_big_con .h2 label{font-size: 14px;}

.postions{ font-size:12px;}

.postions .postions_b a{ font-size:13px;}

.postions .postions_r span{ display:none;}

.postions .postions_r img{ margin-left:6px;margin-right: 6px;}

/*分页*/

.yema{ padding-top:35px; padding-bottom:40px;}

.yema a{ padding-left:5px; padding-right:5px; margin-left:2px;min-width: 30px;}

}



/*关于我们*/

.about_bg2{overflow: hidden; background:url(../img/about_img1.jpg) center center no-repeat; background-size:cover;}

.about_a{overflow: hidden;text-align: center; margin-top: 33px;}

.about_a a{display: inline-block;vertical-align: top;overflow: hidden;padding-left: 25px;padding-right: 25px;line-height: 32px;height: 32px;color: #222222;border-radius: 16px;}

.about_a a.on{background: var(--main-color);color: #fff;}

.about_one{overflow: hidden;margin-top: 6%;color: #666666;margin-bottom: 13%;}

.about_one img{max-width: 100%;}

.about_one .desc{overflow: hidden; text-align: center;line-height: 2;}

.about_one .desc .img{display: block;margin: 0 auto;height: 100px;margin-bottom: 13px;}

.about_one .desc .img2{display: block;margin: 0 auto;height: 17px;margin-bottom: 4%;}

.about_one .ul{max-width: 960px;margin:0 auto; overflow: hidden;clear: both;margin-top: 6%;}

.about_one .ul li{float: left;padding-left: 115px;width: 32%;margin-right: 2%;position: relative;overflow: hidden;z-index: 0;}

.about_one .ul li:last-child{margin-right: 0;}

.about_one .ul li .h4{font-weight: normal;overflow: hidden;line-height: 32px;height: 32px;color: #333333;margin-top: 33px;}

.about_one .ul li .p{overflow: hidden;line-height: 28px; color: #666666;margin-bottom: 31px;max-width: 180px;}

.about_one .ul li .i{  position:absolute; left:0; top:0; height:124px; width:124px;transition:all 0.3s; content:""; z-index:-1;background-repeat: no-repeat;background-position: left center;background-size: auto 100%;display: block;}

.about_one .ul li .i.bgs1{background-image: url(../images/i_pic3.png);}

.about_one .ul li .i.bgs2{background-image: url(../images/i_pic4.png);}

.about_one .ul li .i.bgs3{background-image: url(../images/i_pic5.png);}

@media screen and (max-width: 1660px) {

  /*关于我们*/

  .about_one .ul li{padding-left: 100px;}

  .about_one .ul li .i{width: 110px;height: 110px;}

  .about_one .ul li .h4{margin-top: 28px;}

}

@media screen and (max-width: 1440px) {

  /*关于我们*/

  .about_one .ul li .h4{margin-top: 25px;}

}

@media screen and (max-width: 1200px) {

/*关于我们*/

.about_one .desc .img{height: 80px;}

.about_one .desc .img2{height: 15px;}

.about_one .ul li{padding-left: 90px;}

.about_one .ul li .p{line-height: 22px;margin-bottom: 20px;}

.about_one .ul li .i{width: 100px;height: 100px;}

.about_one .ul li .h4{margin-top: 22px;}

}

@media screen and (max-width: 992px) {

/*关于我们*/

.about_a a{padding-left: 20px;padding-right: 20px;}

.about_one .desc .img{height: 70px;}

.about_one .desc .img2{height: 13px;}

.about_one .ul li{padding-left: 0;text-align: center;}

  .about_one .ul li .i{position: relative;margin: 0 auto;}

}



@media screen and (max-width: 640px) {

 /*关于我们*/

 .about_a{margin-top: 25px;}

 .about_a a{padding-left: 15px;padding-right: 15px;line-height: 30px;height: 30px;}

 .about_one .desc .img{height: 60px;}

}

@media screen and (max-width: 480px) {

/*关于我们*/

.about_a{margin-top: 20px;}

.about_one .desc .img{height: 58px;}

.about_one .ul{margin-top: 8%;}

  .about_one .ul li .h4{margin-top: 15px;}

}



@media screen and (max-width: 420px) {

  /*关于我们*/



}

/*产品中心*/

.product_tt{overflow: hidden;position: relative;z-index: 0;margin-top: 5%;line-height: 55px;}

.product_tt::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #aaaaaa;}

.product_bg{ /* padding-bottom:2%; */margin-top: 3%;}

.about_l{ float: left; width:220px; overflow:hidden;   margin-bottom:5%; position:relative;/*-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.1); box-shadow: 0 5px 15px rgba(0,0,0,0.1);*/background: url(../images/product_bg1.jpg) center top #fafafa no-repeat;background-size: 100% auto;padding-left: 17px;padding-right: 17px;padding-top: 27px;padding-bottom: 16px;}

.about_l .i_left_ul2{ overflow:hidden;  /*background-color:#f4f8f9;*//* border:1px solid #dddddd; border-top:0;*/ margin-bottom:10px;}

/*.about_l .i_left_ul2 .borders{ padding-top:32px;}*/

.about_l .i_left_ul2 li h2{ font-weight:normal; overflow:hidden; padding-right:38px; height:46px;font-size:20px; color:#222222; position:relative;/* background:url(../images/i_pic2.png) #fff right 18px center no-repeat; background-size:12px 12px; */background: #fff; transition:all 0.3s;-webkit-tap-highlight-color:transparent;display: flex; align-items: center; justify-content: left;border: 1px solid var(--main-color);border-radius: 23px;z-index: 0;}

.about_l .i_left_ul2 li h2::before{z-index: -1;content: "";width: 12px;height: 12px;right: 18px;top: 50%;margin-top: -6px;position: absolute;background:url(../images/i_pic2.png) no-repeat; background-size:100% 100%;transition:all 0.3s;}

.about_l .i_left_ul2 li h2 span{ display:block; width:100%; line-height:22px; padding-left: 26px; }

.about_l .i_left_ul2 li h2 span em{ font-style:normal; display:block; overflow:hidden; height:18px; line-height:18px; color:#999999; font-size:13px; font-family:Arial;}

/*.about_l .i_left_ul2 li:last-child h2{ border-bottom:0;}*/

.about_l .i_left_ul2 li h2 a{color:#222; text-decoration:none; width:100%; display:block;transition:all 0.3s;height:100%; width:100%; outline: none;}

.about_l .i_left_ul2 li h2 a:hover{/*color:#01b4ed;*/margin-left:3px;}

/* .about_l .i_left_ul2 li h2:hover{background-image:url(../images/product_pic6.png);background-size:16px 17px;} */

.about_l .i_left_ul2 li.left_sel h2{ color:#fff; background-color: var(--main-color); }

.about_l .i_left_ul2 li.left_sel h2 a{ color:#fff;}

.about_l .i_left_ul2 li.left_sel h2::before{background-image:url(../images/i_pic8.png);transform: rotate(45deg);}

.about_l .i_left_ul2 li h2:hover::before{ transform: rotate(45deg);}





.about_l .i_left_ul2 li{display:block;/* width:100%;*/ position:relative;/* border-bottom:1px solid #cccccc;*/ margin-bottom: 7px; border-radius: 6px; overflow: hidden;}

.about_l .i_left_ul2 li:last-child h2 a{border-bottom:none; }

.about_l .i_left_ul2 li:last-child h1 a{ border-bottom:none; margin-bottom:0;}

.about_l .i_left_ul2 li h1{ font-weight:normal; overflow:hidden; padding-right:38px;  height:46px;font-size:20px; color:#222222; cursor:pointer; position:relative;  background: #fff;/*background:url(../images/product_pic2.png) right 18px center no-repeat; background-size:10px 10px;*/transition:all 0.3s;-webkit-tap-highlight-color:transparent;display: flex; align-items: center; justify-content: left;border: 1px solid var(--main-color);border-radius: 23px; }

.about_l .i_left_ul2 li h1 span{ display:block; width:100%; line-height:22px; padding-left: 26px; }

.about_l .i_left_ul2 li h1 a{ color:#222; text-decoration:none; width:100%; display:block;transition:all 0.3s;height:100%; width:100%; }

.about_l .i_left_ul2 li h1:hover a{/*color:#01b4ed;*/margin-left:3px;}

.about_l .i_left_ul2 li.left_sel h1{ color:#fff;/*background:url(../images/product_pic3.png) right 20px center no-repeat;*/background: var(--main-color);}

.about_l .i_left_ul2 li.left_sel h1 a{ color:#fff;}

.about_l .i_left_ul2 li div{ display:none; margin-bottom:7px; padding-top:4px;margin-left: 12px;margin-right: 16px; }

/*.about_l .i_left_ul2 li.left_sel div{ display:block;}*/

.about_l .i_left_ul2 li div a{ font-size:14px;  line-height:28px;  overflow:hidden; display:block; color:#555555;transition:all 0.3s;/*display: flex; align-items: center; justify-content: left;*/ }

.about_l .i_left_ul2 li div dl{overflow:hidden;}

.about_l .i_left_ul2 li div dl dd{overflow:hidden; display:none; padding-bottom:1px;}

/*.about_l .i_left_ul2 li div dl.on dd{ display: block; overflow: hidden;}*/

.about_l .i_left_ul2 li div dl dd p{ height:30px; line-height:30px; overflow:hidden; padding-left:20px; padding-right:10px; }

.about_l .i_left_ul2 li div dl dd p a{ height:30px; line-height:30px; overflow:hidden; display:block; color:#666666;background:url(../images/product_pic3.png) left center no-repeat;transition:all 0.3s;padding-left: 20px;background-size: 13px 13px;}

.about_l .i_left_ul2 li div dl dd p a:hover{color:var(--main-color);background-image:url(../images/product_pic3_on.png); margin-left:4px;}

.about_l .i_left_ul2 li div dl dd p.on a{ color:var(--main-color);background-image:url(../images/product_pic3_on.png);}

.about_l .i_left_ul2 li div dl span:first-child{ padding-left:1px; padding-right:10px; overflow:hidden; display:block; line-height:30px;  height:30px;font-size:16px; color:#333;cursor:pointer;/* background:url(../images/product_bg3.png) 16px center no-repeat; */ transition:all 0.3s; position: relative;border-bottom: 1px solid #e4e4e4;}

.about_l .i_left_ul2 li div dl span:first-child:hover{margin-left:4px;}

.about_l .i_left_ul2 li div dl span:first-child:after{ content:''; position: absolute; right:3px; top: 50%; background:url(../images/product_pic1.png) no-repeat; margin-top: -4px; height: 9px; width: 6px;background-size: 100% 100%;}



.about_l .i_left_ul2 li div dl span:first-child a{ color:#333333; text-decoration:none; display:inline;}

.about_l .i_left_ul2 li div dl span:first-child a:hover{color:var(--main-color); }

.about_l .i_left_ul2 li div dl.on span:first-child{color:var(--main-color);border-color: var(--main-color);}

.about_l .i_left_ul2 li div dl.on span:first-child a{color:var(--main-color);}

.about_l .i_left_ul2 li div dl.on span:first-child:after{background-image: url(../images/product_pic1_on.png);}

.about_l .i_left_ul2 li div dl span i{ float:right; margin-right:4px; width:8px; height:4px; background:url(../images/product_bg5.png) no-repeat; margin-top:15px; display:none;}

.about_l .i_left_ul2 li div dl span.left_sel i{ display:block;}

.about_r{ float:right;width:calc(98% - 220px);width:-webkit-calc(98% - 220px);width:-moz-calc(98% - 220px); max-width: 1160px;background: #fafafa;padding-left: 12px;padding-right: 12px;margin-bottom: 6%;}

.about_r.bgs2{position: relative;margin-bottom: 92px;}

.product_title{color: #333333;overflow: hidden;text-align: center;margin-top: 5%;}

.about_r .tables{overflow: hidden;overflow-x: auto;text-align: center;margin-top: 3%;margin-bottom: 5%;}

.about_r .tables table{border-collapse:collapse;border-spacing:0;width: 100%;word-wrap: break-word;/* word-break: break-all; */min-width: 900px;}

.about_r .tables table th{background: #99c145;line-height: 24px;color: #fff;font-size: 16px;width: 11.111%;}

.about_r .tables.bgs2 table th{width: 16.666%;}

.about_r .tables table th .div{width: 100%;display: flex;align-items: center; justify-content: center;height: 48px;border-right: 1px solid #b8d47d;font-weight: normal;margin-top: 18px;margin-bottom: 18px;padding-left: 3px;padding-right: 3px;}

.about_r .tables table th:last-child{border-radius: 0 6px 6px 0;}

.about_r .tables table th:last-child .div{border-right: 0;}

.about_r .tables table th:first-child{border-radius: 6px 0 0 6px;}

.about_r .tables table td:last-child{border-radius: 0 6px 6px 0;}

.about_r .tables table td:first-child{border-radius: 6px 0 0 6px;}

.about_r .tables table td{ line-height:18px;height:46px; /*border:1px solid #000;*/font-size: 14px;padding: 3px;}

.about_r .tables table tr:nth-child(2n+1) td{background: #f1f1f1;}

.about_r .tables table td a{color: var(--main-color);}

.about_r .tables table td a:hover{text-decoration: underline;}



@media screen and (max-width: 1200px) {

/*产品中心*/





}

@media screen and (max-width: 992px) {

	/*产品中心*/

	.about_l{ float:none; width:0%; padding-left:0; padding-right:0; background:none; margin-right:0; z-index: 19891025; right: 0%; position:absolute; overflow: hidden; top:0; height:100%; margin-bottom:0;}

	.about_l.lws{ width:90%; max-width:280px;}

	.about_r{ float:none;width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px);}





}

@media screen and (max-width: 640px) {

/*产品中心*/

.about_r.bgs2{margin-bottom: 74px;}

}

@media screen and (max-width: 480px) {

/*产品中心*/



}



/*产品详细*/

.product_con{padding-left: 10px;padding-right: 10px;overflow: hidden;margin-top: 40px;}

.product_con img{max-width: 100%;}

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

.product_t::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #aaaaaa;}

.product_t .h3{float: left;overflow: hidden;line-height: 50px;height: 50px;position: relative;padding-right: 37px;color: #333333;}

.product_t .h3::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: var(--main-color);}

.product_p{overflow: hidden;padding-top: 22px;line-height: 1.5;color: #666666;font-size: 16px;padding-bottom: 4%;}

.product_p p{overflow: hidden;margin-bottom: 2%;}

.product_p ul{overflow: hidden;max-width: 700px;margin-top: 1%;}

.product_p ul li{float: left;width: 49%;overflow: hidden;position: relative;margin-bottom: 10px;padding-left: 13px;}

.product_p ul li:nth-child(2n){float: right;}

.product_p ul li::after{content: "";position: absolute;left: 0;top: 10px;width: 4px;height: 4px;border-radius: 50%;background: #666666;}

.product_bnt{overflow: hidden;text-align: center;border-top: 1px solid #aaaaaa;}

.product_bnt .a{display: inline-block;vertical-align: top;padding-left: 26px;padding-right: 68px; border-radius: 25px;line-height: 50px;height: 50px;color: #fff;margin-top: 22px;margin-bottom: 22px; transition:all 0.5s;font-size: 18px;position: relative;z-index: 0;background-color: var(--main-color);overflow: hidden;}

/* .product_bnt .a:hover{opacity:0.9;filter:Alpha(opacity=90);} */

.product_bnt .a::before{content: "";position: absolute;left: 0;top: 0;width: 100%; height: 100%;background: url(../images/product_pic2.png) right 27px center no-repeat;background-size: 30px auto;z-index: -1;}

.product_bnt .a::after{

  content: "";

	display: block;

	width: 0%;

	height: 100%;

	position: absolute;

	top: 0;

	right: 0;

	/* background-image: linear-gradient(90deg,var(--main-color2) 0,var(--main-color)); */

	/*background-color: var(--main-color);*/

  background-color:#89b037;

	transition: 0.5s;

  z-index: -2;

}

.product_bnt .a:hover::after{left: 0;width: 100%;}

.product_page{padding-left: 30px;position: absolute;bottom: -80px;line-height: 68px;left: 0;background: #fafafa;width: 100%;padding-right: 30px;text-align: center;}

.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: #bfbfbf;left: 17px;position: absolute;}

.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: #bfbfbf;right: 17px;position: absolute;}

.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);}

@media screen and (max-width: 1200px) {

/*产品详细*/

.product_p{font-size: 15px;}

.product_bnt .a{font-size: 17px;}

  

}



@media screen and (max-width: 992px) {

 /*产品详细*/

 .product_p{font-size: 14px;}

 .product_bnt .a{font-size: 16px;}

}

@media screen and (max-width: 640px) {

  /*产品详细*/

  .product_p{font-size: 13px;}

  .product_bnt .a{font-size: 15px;height: 40px;line-height: 40px;padding-left: 20px;}

  .product_bnt .a::before{background-size: 24px auto;padding-right: 50px;background-position: right 16px center;}

  .product_page{padding-left: 20px;padding-right: 20px;line-height: 50px;bottom: -62px;}

  .product_page .bntss{background-size: 20px auto;}

  .product_con{margin-top: 30px;padding-left: 0;padding-right: 0;}

  .product_t .h3{padding-right: 27px;}

}

  @media screen and (max-width: 480px) {

  /*产品详细*/

  .product_con{margin-top: 20px;}

  .product_p{font-size: 12px;line-height: 1.6;padding-top: 16px;}

  .product_p ul li{float: none;width: 100%;}

  .product_p ul li:nth-child(2n){float: none;}

  .product_t .h3{padding-right: 20px;}

  }

  @media screen and (max-width: 420px) {

  /*产品详细*/

  

  }

  



/*新闻列表*/

.o_more{overflow: hidden;display: inline-block;vertical-align: top;padding-right: 28px;line-height: 44px;position: relative;/* background: url(../images/i_pic2.png) right center no-repeat;background-size: 12px 12px; */transition:all 0.3s;float: right;color: #333;margin-top: 50px;z-index: 0;}

/* .o_more:hover{background-position: right top;background-image: url(../images/i_pic2_on.png);} */

.o_more::after{ background:#000000; position:absolute; left:0; bottom: 0; height:1px; width:100%;transition:all 0.3s; content:""; z-index:-1;}

/* .o_more:hover::after{width: 0;} */

.o_more::before{ background:var(--main-color); position:absolute; left:0; bottom: 0; height:1px; width:0%;transition:all 0.3s; content:""; z-index:1;}

.o_more:hover:before{width: 100%;}

.o_more:hover{color: var(--main-color);}

.o_more .span{width: 12px;height: 12px;top: 50%;right: 0;position: absolute;background: url(../images/i_pic2.png) no-repeat;background-size: 100% 100%;margin-top: -6px;transition:all 0.3s;}

.o_more:hover .span{ transform: rotate(45deg);right: 3px;background-image: url(../images/i_pic2_on.png);}



.news_ul{ margin-top:33px; overflow:hidden;}

.news_ul li{ display:block; overflow:hidden; position:relative; padding-top:36px; padding-bottom:56px;transition:all 0.3s;border-radius: 10px;z-index: 0;margin-bottom: 2%;z-index:0;}

.news_ul li:before{ content:""; width:100%; height:100%; background:#fafafa; position:absolute; bottom:0; left:0;z-index: -2;}

.news_ul li:after{ content:""; width:0%; height:100%; background:url(../img/product_img2.jpg) center center no-repeat;background-size: cover; position:absolute; bottom:0; left:0;transition:all 0.6s;z-index: -1;}

.news_ul li:hover:after{ width:100%;}

.news_ul li .date{ float:left; overflow:hidden; width:254px; margin-top:96px; text-align:center; font-family:Arial; color:#1f1f1f;transition: all 0.3s;}

.news_ul li .date .day{ font-size:91px; overflow:hidden; line-height:80px; display:block;}

.news_ul li .date .year{ margin-top:8px; display:inline-block; vertical-align:top; border-top:2px solid #1f1f1f; line-height:54px;}

.news_ul li:hover .date{ color:#fff;}

.news_ul li:hover .year{ border-top-color:#fff;}

.news_ul li .txts{ overflow:hidden;}

.news_ul li .cons{ overflow:hidden; width:94%; max-width:1186px; margin:0 auto;}

.news_ul li .txts .desc{ overflow:hidden; position:relative;  line-height:44px; height:44px; text-transform:uppercase; font-size:16px; color:#7f7f7f; font-family:Arial;}

.news_ul li .txts .desc:after{ content:""; position:absolute; bottom:0; left:0; width:20px; height:1px; background:#7f7f7f;}

.news_ul li .txts .h3{ font-weight:normal; overflow:hidden; color:#222222; line-height:36px; height:36px;white-space:nowrap;text-overflow:ellipsis; margin-top:50px;transition:all 0.3s; max-width:1130px;}

.news_ul li:hover .txts .h3{ color:#fff;}

.news_ul li .txts .p{ line-height:24px; height:48px; overflow:hidden; color:#666666; font-size:16px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:13px;transition:all 0.3s; max-width:1130px;}

.news_ul li .more-box-a{ float:left;margin-top:50px;}

.news_ul li:hover .more-box-a .more-box {background: var(--main-color);border-color:#fff;color:#fff;}

.news_ul li:hover .more-box-a .more-box .more-box-a-jt {--fill: #fff;}

.news_ul li:hover .txts .p{color:#fff;}

.news_ul li:hover .txts .desc{color:#fff;}

.news_ul li:hover .txts .desc:after{ background:#fff;}

.news_ul li .o_more{clear: both;float: left;}

.news_ul li:hover .o_more{color: #fff;}

.news_ul li:hover .o_more .span{background-image: url(../images/i_pic8.png);}

.news_ul li:hover .o_more::after{background: #fff;}

.news_ul li .o_more:hover::before{width: 0%;}



@media screen and (max-width: 1200px) {

/*新闻列表*/

.news_ul li{ padding-bottom:46px; padding-top:26px;}

.news_ul li .date{ width:200px; margin-top:86px;}

.news_ul li .txts .h3{ margin-top:40px;}

.news_ul li .more-box-a{ margin-top:40px;}

.news_ul li .date .day{ font-size:81px;}

}

@media screen and (max-width: 992px) {

/*新闻列表*/

.o_more{margin-top: 40px;}

.news_ul li .date{ width:180px; margin-top:76px;}

.news_ul li .txts .h3{ margin-top:30px;}

.news_ul li .more-box-a{ margin-top:30px;}

.news_ul li .date .day{ font-size:71px;}

}

@media screen and (max-width: 640px) {

  /*新闻列表*/

  .o_more{margin-top: 30px;line-height: 36px;}

  .news_ul{margin-top: 25px;}

  .news_ul li{ padding-bottom:36px; padding-top:20px;}

.news_ul li .date{ width:140px; margin-top:60px;}

.news_ul li .txts .h3{ margin-top:25px; height:30px; line-height:30px;}

.news_ul li .more-box-a{ margin-top:25px;}

.news_ul li .date .day{ font-size:61px; line-height:70px;}

.news_ul li .txts .desc{ font-size:14px;}

.news_ul li .txts .p{ font-size:14px; margin-top:6px;}

}

@media screen and (max-width: 480px) {

    /*新闻列表*/

    .news_ul{margin-top: 20px;}

    .news_ul li{ padding-bottom:26px; padding-top:15px;}

    .news_ul li .date{ width:100px;}

    .news_ul li .txts .h3{ margin-top:20px; height:26px; line-height:26px;}

    .news_ul li .more-box-a{ margin-top:20px;}

    .news_ul li .date .day{ font-size:51px; line-height:50px;}

    .news_ul li .txts .desc{ font-size:13px;}

    .news_ul li .txts .p{ font-size:13px; line-height:22px; height:44px;}

    .news_ul li .date .year{ line-height:44px;}

}

@media screen and (max-width: 420px) {

      /*新闻列表*/

  .news_ul li .date .year{ font-size:16px; line-height:36px;}

}



/*新闻详情*/

.about_x2{  padding-top:5%; /*border-right:1px solid #e7e7e7;*/margin-bottom: 5%;}

.about_x2 .show_t{ line-height:1.3;  color:#000000; text-align:center; margin-bottom:1%; margin-top:5px; font-weight:bold;}

.about_x2 .con_line{line-height:44px;font-size:16px; color:#666666; border-bottom:1px solid #f0f0f0; text-align:left; padding-bottom:1%; }

.about_x2 img{margin-bottom:10px; max-width:100%;}

.about_x2 .con_id{ line-height:24px;overflow:hidden;white-space:normal;word-break:break-all; padding-top:4%;font-size:16px; color:#333333;text-align:left;/* font-family:"宋体";*/ padding-bottom:5%;clear: both;}

.about_x2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}

.about_x2 .con_id p{ padding-bottom:2%; 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: 0;}

.fenxiang{ float:right;}

.fenxiang label{display: inline-block;vertical-align: top;color: #666666;}

.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:44px; height:44px;  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);}

.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:44px; height:44px; 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%;}

@media screen and (max-width: 1200px) {

/*新闻详情*/



}

@media screen and (max-width: 992px) {

/*新闻详情*/

.about_x2 .con_id{  font-size:15px;}

.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:14px; /* height:65px; */ line-height:30px; text-align:center;}

.about_x2 .con_id{ font-size:14px; line-height:24px;}

.fenxiang{ float:none; margin-top:5px;}

}

@media screen and (max-width: 480px) {

/*新闻详情*/

.about_x2 .show_t{ font-size:18px; line-height:26px;}

.about_x2 .con_id{ font-size:13px;}

.about_x2 .con_line{font-size: 12px;}

}









/*联系我们*/

.service-customer {

  --btpad: min(90px, 5vw);

  background: url(../img/contact_bg1.jpg) no-repeat center / cover;

  padding: var(--btpad) 0;

}

.service-customer .box-bg {

  display: flex;

  background: #ffffff;

  border-radius: 16px;

  padding: 80px 80px 70px;

  justify-content: space-between;

}

.service-customer .info-text {

  display: flex;

  width: min(450px, 37%);

  flex-direction: column;

  justify-content: space-between;

}

.service-customer .info-text .top-text .h2 {

  font-size: 38px;

  font-weight: bold;

  line-height: 1.2em;

  color: #222222;

}

.service-customer .info-text .top-text .line {

  margin: 30px 0 26px;

  border: 1px solid var(--main-color);

  width: 70px;

  height: 3px;

  background-color: var(--main-color);

}

.service-customer .info-text .top-text .desc {

  font-size: 16px;

  line-height: 30px;

  color: #555555;

}

.service-customer .info-text .top-text .desc a{color: #555;}

.service-customer .info-text .top-text .desc a:hover{color: var(--main-color);}

.service-customer .form-box{

   --lh: 50px;

  width: min(730px, 60%);

}

.service-customer .form-box .form {

  display: block;

}

.service-customer .form-box .h6 {

  margin-bottom: 20px;

  font-size: 26px;

  font-weight: normal;

  line-height: 1.3em;

  color: #222222;

}

.service-customer .form-box .form-li {

  padding: 15px 0;

}

.service-customer .form-box .wid5 {

  width: 47.5%;

}

.service-customer .form-box .wid-full {

  width: 100%;

}

.service-customer .form-box .input-title {

  font-size: 16px;

  line-height: 1.3em;

  color: #222222;

}

.service-customer .form-box .tips {

  margin-left: 7px;

  color: #d02126;

}

.service-customer .form-box .input {

  display: block;

  margin-top: 18px;

  border-radius: 4px;

  border: 1px solid #e5e5e5;

  width: 100%;

  height: calc(var(--lh) + 2px);

  padding: 0 1em;

  font-size: 15px;

  line-height: var(--lh);

  color: #333333;

}

.service-customer .form-box .submit-box {

  margin-top: 35px;

  --main-color2:#8fb739;

}

.service-customer .form-box .submit-box .more

{

  position: relative;

	width: 132px;

	height: 48px;

	border-radius: 24px;

	background-image: linear-gradient(90deg,var(--main-color) 0,var(--main-color2));

	overflow: hidden;

	transition: 0.5s;

	word-break: keep-all;display: block;float: left;

}

.service-customer .form-box .submit-box .more:after{

    content: "";

    display: block;

    width: 0%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-image: linear-gradient(90deg,var(--main-color2) 0,var(--main-color));

    transition: 0.5s;

  }

  .service-customer .form-box .submit-box .more:hover:after{

    width: 100%;

  }

  .service-customer .form-box .fsbc{display: flex;display: -webkit-flex;justify-content: space-between; align-items: center;}

  .service-customer .form-box .submit-box .more .fsbc{

    /*position: absolute;*/

    position: relative;

    top: 0;

    left: 0;

    z-index: 9;

    width: 100%;

    height: 100%;

    padding: 0 24px;

    color: #fff;

    font-size: 16px;

    box-sizing: border-box;

  }

  .service-customer .form-box .submit-box .more .fsbc .jiantou{

    margin-left: .6em;

    flex-shrink: 0;

    width: 12px;

    height: 12px;

    border-right: 2px solid #fff;

    border-top: 2px solid #fff;

    position: relative;

    transition: 0.5s;

  }

  .service-customer .form-box .submit-box .more .fsbc .jiantou:after{

    content: "";

    display: block;

    position: absolute;

    top: 50%;

    right: -1px;

    width: 14px;

    height: 2px;

    background-color: #fff;

    transform: rotateZ(-45deg);

    transition: 0.5s;

  }

  .service-customer .form-box .submit-box .more:hover .fsbc .jiantou{

    transform: rotateZ(45deg);

  }

  .wai{overflow: hidden;}

  .zhaopin{

    padding-top: 108px;

    padding-bottom: 114px;

  }

  .zhaopin .bottombox{

    margin-top: 65px;

  }

  .zhaopin .leftbox{

    width: 878px;

    flex-shrink: 0;

    border-radius: 18px;

    overflow: hidden;

  }

  .wai .guccbox{position: relative;}

  .wai .fsbc{display: flex; display: -webkit-flex;justify-content: space-between;  align-items: center;}

  .guccbox .imgbox{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

  }

  .guccbox .imgbox img{

    object-fit: cover;

    width: 100%;

    height: 100%;

    transform: scale(1);

    transition: 0.3s;

  }

  .zhaopin .leftbox .guccbox{

    padding-top: 59.567198%;

  }

  .zhaopin .rightbox{

    width: 100%;

    padding-left: 70px;

    box-sizing: border-box;

  }

  .zhaopin .rightbox .partbox:not(:last-child){

    margin-bottom: 52px;

  }

  .zhaopin .rightbox .title{

    font-size: 26px;

    color: #333;

    font-weight: bold;

    margin-bottom: 9px;

  }

  .zhaopin .rightbox .tips{

    font-size: 20px;

    color: #333;

    font-weight: bold;

    margin-bottom: 22px;

  }

  .zhaopin .rightbox .des{

    font-size: 16px;

    color: #777;

    line-height: 2;

  }

  .tijiao{margin-top: 10px;padding-left: 12px;float: left;padding-right: 42px;background: url(../images/contact_pic1.png) var(--main-color) right 16px center no-repeat;background-size: 20px 7px;line-height: 38px;color: #fff;font-size: 15px;border-radius: 19px;transition:all 0.3s;font-size: 15px;} 

  .tijiao:hover{padding-left: 15px;background-position: right 13px center;color: #fff;}

  .zhaopin2{

    padding-top: 113px;

    padding-bottom: ;

  }

  .aboutbtbox .abouttitle{

    color: #333;

    font-weight: bold;

    margin-bottom: 12px;

  }

  .aboutbtbox .aboutdes{

    color: #555;

  }

  .zhaopin2 .aboutbtbox .abouttitle{

    color: #fff;text-align: center;

  }

  .zhaopin2 .topdes{

    font-size: 18px;

    color: #fff;

    line-height: 1.5;

    width: 71%;

    margin: 0 auto;

    text-align: center;

    margin-top: 44px;

  }

  .zhaopin2 .zpbox{

    background-color: #fff;

    padding: 65px 40px;

    margin-top: 102px;box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.08);margin-bottom: 6%;padding-bottom: 0;overflow: hidden;

  }

  .zhaopin2 .zpbox .partbox{

    border: 1px solid #dddddd;

    box-sizing: border-box;

    padding: 0 50px;

    margin-bottom: 3%;

  }

  .zhaopin2 .zpbox .partbox:hover{border-color: #8c97cb;}

  .zhaopin2 .zpbox .partbox .topbox{

    padding: 24px 0;

    border-bottom: 1px solid #dddddd;

  }

  .zhaopin2 .zpbox .partbox .topbox .imgbox img{

    width: 22px;vertical-align: middle;

  }

  .zhaopin2 .zpbox .partbox .name{

    font-size: 24px;

    color: #333;

    font-weight: bold;

    margin-left: 22px;

  }

  .zhaopin2 .zpbox .partbox .topbox:hover .name{color: #2f3195;}

  .zhaopin2 .zpbox .partbox .seemore{

    position: relative;

    padding-right: 18px;

    font-size: 15px;

    color: #999;

    cursor: pointer;

  }

  .zhaopin2 .zpbox .partbox .seemore:after{

    content: "";

    display: block;

    width: 4px;

    height: 4px;

    border-top: 1px solid #777;

    border-right: 1px solid #777;

    transform: translateY(-2px) rotateZ(135deg);

    position: absolute;

    top: 50%;

    right: 0;

  }

  .zhaopin2 .zpbox .partbox .seemore.on:after{

    transform: translateY(-2px) rotateZ(-45deg);

  }

  .zhaopin2 .zpbox .partbox .seemore:hover{

    color:#2f3195;

  }

  .zhaopin2 .zpbox .partbox .seemore:hover:after{

    border-color: #2f3195;

  }

  .zhaopin2 .middlebox{

    font-size: 16px;

    color: #777;

    padding: 25px 0;

  }

  .zhaopin2 .middlebox .pbox{

    margin-right: 150px;

    line-height: 2;

  }

  .zhaopin2 .bottombox{

    border-top: 1px solid #dddddd;

    box-sizing: border-box;

    padding: 26px 0;

    display: none;

  }

  .zhaopin2 .bottombox .contentbox{

    padding: 0;

  }

  .zhaopin2 .bottombox .zptitle{

    font-size: 16px;

    color: #333;

    line-height: 2;

  }

  .zhaopin2 .bottombox .zpdes{

    font-size: 16px;

    color: #777;

    line-height: 2.4;

  }

  .wai .fcss{

    display: flex;

    display: -webkit-flex;

    justify-content: flex-start;

    align-items: flex-start;

    flex-direction: column;

  }

.wai .fsc{display: flex; display: -webkit-flex; justify-content: flex-start; align-items: center;}

.wai .fssw{display: flex;display: -webkit-flex;justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}



@media screen and (max-width: 1500px) {

  /*联系我们*/

  .service-customer .box-bg {

    border-radius: 14px;

    padding: 65px 55px 60px;

  }

  .service-customer .info-text .top-text .h2 {

    font-size: 30px;

  }

  .service-customer .info-text .top-text .line {

    margin: 25px 0 20px;

    width: 70px;

  }

  .service-customer .info-text .top-text .desc {

    font-size: 15px;

    line-height: 30px;

  }

  .service-customer .form-box .h6 {

    margin-bottom: 10px;

    font-size: 24px;

  }

  .service-customer .form-box .form-li {

    padding: 13px 0;

  }

  .service-customer .form-box .input-title {

    font-size: 15px;

  }

  .service-customer .form-box .tips {

    margin-left: 5px;

  }

  .service-customer .form-box .input {

    margin-top: 15px;

    font-size: 14px;

  }

  .service-customer .form-box .submit-box {

    margin-top: 25px;

  }

  .service-customer .form-box .fscw{

    display: flex;

    display: -webkit-flex;

    justify-content: flex-start;

    align-items: center;

    flex-wrap: wrap;

  }

  .zhaopin .leftbox{width: 700px;}

.zhaopin .rightbox{padding-left: 30px;}

.zhaopin .rightbox .title{font-size: 24px;}

.zhaopin .rightbox .tips{margin-bottom: 10px;}

.zhaopin .rightbox .des{line-height: 1.8;}

.zhaopin .rightbox .partbox:not(:last-child){margin-bottom: 30px;}

}

@media screen and (max-width: 1300px) {

  /*联系我们*/

  .zhaopin .leftbox{width: 550px;}

  .zhaopin .leftbox .guccbox{padding-top: 75%;}

  .zhaopin .rightbox .des{line-height: 1.5;}

  .zhaopin2{padding-top: 80px;}

  .zhaopin2 .topdes{font-size: 16px;margin-top: 20px;}

  .zhaopin2 .zpbox{margin-top: 40px;}

}

@media screen and (max-width: 1200px) {

  /*联系我们*/

  .service-customer .box-bg {

    border-radius: 12px;

    padding: 45px 40px;

  }

  .service-customer .info-text .top-text .h2 {

    font-size: 26px;

  }

  .service-customer .info-text .top-text .line {

    margin: 20px 0 15px;

    width: 60px;

  }

  .service-customer .info-text .top-text .desc {

    font-size: 14px;

    line-height: 30px;

  }

  .service-customer .form-box .h6 {

    margin-bottom: 8px;

    font-size: 20px;

  }

  .service-customer .form-box .form-li {

    padding: 11px 0;

  }

  .service-customer .form-box .tips {

    margin-left: 4px;

  }

  .service-customer .form-box .input {

    margin-top: 10px;

  }

  .service-customer .form-box .submit-box {

    margin-top: 20px;

  }



}

@media screen and (max-width: 1100px) {

  /*联系我们*/

  .zhaopin2 .middlebox .pbox{margin-right: 50px;}

}

@media screen and (max-width: 992px) {

    /*联系我们*/

    .service-customer {

      --btpad: 5%;

    }

    .service-customer .box-bg {

      border-radius: 8px;

      padding: 35px 30px;

      flex-wrap: wrap;

    }

    .service-customer .info-text {

      width: 100%;

    }

    .service-customer .info-text .top-text{margin-bottom: 3%;}

    .service-customer .info-text .top-text .h2 {

      font-size: 22px;

    }

    .service-customer .info-text .top-text .line {

      margin: 15px 0 10px;

      width: 50px;

    }

    .service-customer .info-text .top-text .desc {

      font-size: 13px;

      line-height:1.6;

    }

    .service-customer .form-box {

      --lh: 40px;

      margin-top: 1%;

      width: 100%;

    }

    .service-customer .form-box .h6 {

      font-size: 18px;margin-bottom: 10px;

    }

    .service-customer .form-box .form-li {

      padding: 0.14rem 0;

    }

    .service-customer .form-box .input-title {

      font-size: 14px;line-height: 36px;

    }

    .service-customer .form-box .tips {

      margin-left: 0.8em;

    }

    .service-customer .form-box .input {

      margin-top: 0.14rem;

      font-size: 0.24rem;

    }

    .service-customer .form-box .submit-box {

      margin-top: 15px;

    }

    .zhaopin{padding: 50px 0;}

.zhaopin .bottombox{margin-top: 30px;flex-direction: column;}

.zhaopin .leftbox{width: 100%;margin-bottom: 30px;}

.zhaopin .leftbox .guccbox{padding-top: 59.567198%;}

.zhaopin .rightbox{padding-left: 0;}

.zhaopin .rightbox .title{font-size: 22px;}

.zhaopin .rightbox .tips{font-size: 18px;}

.zhaopin2{padding-top: 50px 0 0;}

.zhaopin2 .aboutbtbox .abouttitle{line-height: 1;}

.zhaopin2 .topdes{width: 100%;margin-top: 10px;}

.zpbgsize{background-size: 120% !important;}

.zhaopin2 .zpbox .partbox .name{font-size: 22px;}

.zhaopin2 .bottombox .contentbox{flex-direction: column;}

.zhaopin2 .bottombox .contentbox .leftbox{margin-bottom: 20px;}

.zhaopin2 .bottombox .zpdes{line-height: 1.6;font-size: 14px;}

}

@media screen and (max-width: 640px) {

 /*联系我们*/

 .service-customer .info-text .top-text .h2{font-size: 20px;}

 .service-customer .form-box .h6{font-size: 16px;}

 .service-customer .form-box .submit-box .more{height: 40px;}

 .service-customer .form-box .submit-box .more .fsbc{font-size: 14px;}

 .zhaopin .rightbox .title{font-size: 20px;}

.zhaopin .rightbox .tips{font-size: 17px;}

.zhaopin .rightbox .des{font-size: 15px;}

.zpbgsize{background-size: 240% !important;}

.zhaopin2 .zpbox{padding: 30px 20px;}

.zhaopin2 .zpbox .partbox{padding: 0 20px;}

.zhaopin2 .zpbox .partbox .name{font-size: 20px;}

.zhaopin2 .middlebox{font-size: 14px;}

.zhaopin2 .zpbox{padding-bottom: 25px;}

}

@media screen and (max-width: 480px) {

   /*联系我们*/

   .service-customer .box-bg{padding: 25px 20px;}

  .service-customer .form-box{--lh: 30px;}

  .service-customer .form-box .h6{font-size: 15px;}

  .service-customer .info-text .top-text{margin-bottom: 8%;}

  .service-customer .info-text .top-text .line {

    margin: 10px 0 10px;

  }

  .zhaopin .rightbox .des{font-size: 14px;}

  .zhaopin .rightbox .title{font-size: 18px;margin-bottom: 7px;}

  .zhaopin2{padding-top: 50px;}

  .zhaopin2 .zpbox{padding: 20px 10px;}

  .zhaopin2 .zpbox .partbox{padding: 0 12px;}

  .zhaopin2 .zpbox .partbox .name{font-size: 18px;margin-left: 10px;}

  .zhaopin2 .zpbox .partbox .topbox{padding: 20px 0;}

  .zhaopin2 .zpbox .partbox .seemore{padding-right: 15px;font-size: 12px;}

  .zhaopin2 .middlebox{padding: 15px 0;}

  .zhaopin2 .topdes{font-size: 14px;}

  



}

/*滚动条*/

.i_jsq_scroll{ overflow:hidden;overflow-y: auto; max-height:100%; position:relative; /*background:url(../images/contact_bg3.png) right -1px top repeat-y;*/ }

.i_jsq_scroll::-webkit-scrollbar { -webkit-appearance: none;}

.i_jsq_scroll::-webkit-scrollbar:vertical { width: 2px;}

.i_jsq_scroll::-webkit-scrollbar-thumb { border-radius: 8px; border:0; background-color:var(--main-color);}

/*应用场景*/

.solution_bg{ background:url(../images/application_bg1.jpg) center top no-repeat;background-size: 100% auto; overflow:hidden;}

.solution_list{ overflow:hidden; margin-top:6%; margin-bottom:7%;}

.solution_list ul li{ display:block; overflow:hidden; background:#fff; position:relative; }

.solution_list ul li .imgs{ float:left; width:50%;  overflow:hidden;}

.solution_list ul li:nth-child(2n) .imgs{ float:right;}

.solution_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;}

.solution_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);}

.solution_list ul li .text{ position:absolute; right:0; top:0; width:50%;  height:100%;padding-top:1%; padding-bottom:1%;display: flex; align-items: center; justify-content: left;}

.solution_list ul li:nth-child(2n) .text{ right:auto; left:0;}

.solution_list ul li .text .boxs{ width:94%; margin:0 auto; max-width:570px;}

.solution_list ul li .text .tit{ overflow:hidden; color:var(--main-color); line-height:1.3; font-weight:normal; margin-top:2%;}

.solution_list ul li:hover .text .tit{ color:var(--main-color); }

.solution_list ul li .text .txt{ color:#666666; overflow:hidden; line-height:1.7; margin-top:2%; font-size:16px;}

.solution_list ul li .text .txt p{ overflow:hidden; padding-bottom:1.5%;}

.solution_list ul li .text .txt p:last-child{ padding-bottom:0;}

.solution_list ul li .text img{ height:46px; display:block;transition:all 0.3s;margin-top: 5px;}

.solution_list ul li:hover .text img{transform: translate3d(0, -5px, 0);}

.solution_list ul li .text .o_more{justify-content:left; margin-top:7%;float: left;}

.solution_list ul li .i_jsq_scroll{ background:none;}

@media screen and (max-width: 1200px) {

/*应用场景*/

}

@media screen and (max-width: 992px) {

/*应用场景*/

.solution_list{ margin-bottom:2%;}

.solution_list ul li .imgs{ float:none; width:100%; max-width:none;}

.solution_list ul li:nth-child(2n) .imgs{ float:none;}

.solution_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%;}

.solution_list ul li .text .boxs{ max-width:none;}

.solution_list ul li .text .o_more{ margin-top:5%;}

.solution_list ul li .text .txt{ font-size:14px;}

}

@media screen and (max-width: 640px) {

/*应用场景*/

.solution_list ul li .text .txt{  line-height:1.6;}

}

@media screen and (max-width: 480px) {

/*应用场景*/

.solution_list ul li .text{ margin-top:8%; margin-bottom:8%;}

.solution_list ul li .text .txt{ font-size:13px; margin-top:3%;}

.solution_list ul li .text img{ height:36px;}

.solution_list ul li .text .tit{ margin-top:3%;}

}

@media screen and (max-width: 420px) {

/*应用场景*/

.solution_list ul li .text .txt{ font-size:12px;}

}



/*应用方案*/

.product_one{ overflow:hidden; background:#f8f8f8;color:#333;line-height:1.5;}

.product_one .wrap{ margin-top:5%; margin-bottom:5%;}

.solution_ul{ margin-top:4%;}

.solution_ul ul li{ float:left; width:31.33%; margin-right:3%; margin-bottom:3%; position:relative; padding-top:10px; padding-bottom:10px;}

.solution_ul ul li:nth-child(3n+0){ margin-right:0;}

.solution_ul ul li:before{ content:""; width:48%; height:10px; position:absolute; right:5px; top:0; background:#99c145;transform: skew(-30deg);  -webkit-transform: skew(-30deg); -ms-transform: skew(-30deg);transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}

.solution_ul ul li:after{ content:""; width:48%; height:10px; position:absolute; left:5px; bottom:0; background:#97be44;transform: skew(-30deg);  -webkit-transform: skew(-30deg); -ms-transform: skew(-30deg);transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}

.solution_ul ul li:hover:before{opacity:1.0;filter:Alpha(opacity=100);}

.solution_ul ul li:hover:after{opacity:1.0;filter:Alpha(opacity=100);}

.solution_ul ul li .boxs{ overflow:hidden;box-shadow: 0 4px 14px 1px rgba(0, 0, 0, 0.05);}

.solution_ul ul li .boxs .imgs{ overflow:hidden;position:relative; padding-top:66%;}

.solution_ul ul li .boxs .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.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}

.solution_ul ul li .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);}

.solution_ul ul li .txts{ overflow:hidden;background:#fff; padding-top:20px; padding-bottom:20px; }

.solution_ul ul li .h3{ width:96%; margin:0 auto; max-width:360px; font-weight:normal;height:30px; line-height:30px; overflow:hidden;font-size:20px; color:#222222; transition:all 0.3s; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align:center;}

.solution_ul ul li:hover .h3{ color:#99c145;}

@media screen and (max-width: 1400px) {

  /*应用方案*/

  

}

@media screen and (max-width: 1200px) {

/*应用方案*/





}

@media screen and (max-width: 992px) {

/*应用方案*/

.solution_ul ul li .txts{ padding-top:15px; padding-bottom:15px;}

.solution_ul ul li .h3{ font-size:18px;}



}

@media screen and (max-width: 780px) {

/*应用方案*/

.solution_ul ul li{ width:49%; margin-right:2%; margin-bottom:2%; padding-top:6px; padding-bottom:6px;}

.solution_ul ul li:nth-child(3n+0){ margin-right:2%;}

.solution_ul ul li:nth-child(2n+0){ margin-right:0;}

.solution_ul ul li:before{ height:6px; right:3px;}

.solution_ul ul li:after{ height:6px; left:3px;}

}

@media screen and (max-width: 640px) {

  /*应用方案*/

  .solution_ul ul li .h3{ font-size:16px; }

  .solution_ul ul li .txts{ padding-top:12px; padding-bottom:12px;}

  

}

@media screen and (max-width: 480px) {

/*应用方案*/

.product_one .wrap{ margin-top:6%; margin-bottom:6%;}

.solution_ul ul li{ padding-top:4px; padding-bottom:4px;}

.solution_ul ul li .h3{ font-size:14px;}

.solution_ul ul li:before{ height:4px; right:2px;}

.solution_ul ul li:after{ height:4px; left:2px;}

.solution_ul ul li .txts{ padding-top:10px; padding-bottom:10px;}



}

@media screen and (max-width: 420px) {

    /*应用方案*/



}



/*加入我们*/



@media screen and (max-width: 1400px) {

/*加入我们*/



}

@media screen and (max-width: 1200px) {

/*加入我们*/





}

@media screen and (max-width: 992px) {

   /*加入我们*/





}

@media screen and (max-width: 640px) {

  /*加入我们*/



}

@media screen and (max-width: 480px) {

  /*加入我们*/



}

@media screen and (max-width: 420px) {

   /*加入我们*/



}



















@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}