html,body{width: 100%;overflow-x:hidden; padding: 0!important; margin: 0; font-size: 0.22rem; font-family: "宋体", SimSun, sans-serif;}
*{ margin:0; padding:0;}
em{ font-style:normal;}
img {border: 0 none;height: auto;vertical-align: middle;}
ul{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}

/*::-webkit-scrollbar {display:none}*/
li{list-style: none;}
.relative{position: relative;}
.absolute{position: absolute;}
a,img{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;text-decoration:none;}
img,video{width:auto;height:auto;max-width:100%;vertical-align:middle}
a { background: transparent; text-decoration: none; color: #666; transition: 0.3s; -moz-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}
a:active, a:hover { outline: 0;}

.s_width{ width:85%; margin:0 auto; position:relative}
i,em{ font-style:normal;}
.biaoge{overflow-x: auto;}
.biaoge td{padding:0.5% 1%;white-space: nowrap;}

table {width: 100%;border-collapse: collapse;}
table td {border: 1px solid #e6e7ea;padding: 0.5%;line-height: 31px; }
::selection {color:#fff; background-color: #02923b;} ::-moz-selection {color:#fff; background-color: #02923b;}
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} 
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#02923b;}

.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1}

.flex {display: -webkit-box;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;width: 100%; margin: 0 auto;}

@font-face {
	font-family: "DINENGSCHRIFTSTD";
	src: url("../css/font/DINENGSCHRIFTSTD.woff2") format("woff2"),
	url("../css/font/DINENGSCHRIFTSTD.woff") format("woff"),
	url("../css/font/DINENGSCHRIFTSTD.ttf") format("truetype"),
	url("../css/font/DINENGSCHRIFTSTD.eot") format("embedded-opentype"),
	url("../css/font/DINENGSCHRIFTSTD.svg") format("svg");
}


/*===================== 公用样式 START =====================*/
.pub_title{text-align: center;color: #fff;text-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 0px 30px rgba(0,0,0,0.075);}
.pub_title h3{font-weight: 700;text-transform: uppercase;}
.pub_title p,.pub_title h4{font-weight: 400;}
.img img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}


.more-info{ line-height: 40px;}
.more-info ul{width: 100%; margin: 0 auto; padding-top: 20px;}
.more-info li{width: 100%;}
.more-info li a{color: #333;}
.more-info li em{font-weight: 500; padding-right: 15px;}

/*主导航多级菜单*/
.tel_top{display: none;}
.hbg{width: 100%;height: 90px;position: fixed;top: 0px; left: 0; z-index: 9999;background: none;text-align: center;background:rgba(2,146,59,0.7)}
#logo{transition: .5s;position: absolute; left: 2%; top: 11px;}
#logo:hover{left:4%;}
#logo img{ width:100%}

.hbg .nav{ height:50px; width:52%; position: absolute;   left: 27%; }
.hbg .nav li{width: calc(100%/7); float:left; text-align:center; line-height:50px; position:relative; padding:0 0 20px 0}
.hbg .nav li a{ color:#fff; display:block;  margin-top:20px; font-weight: bold;}
.hbg .nav ul li i{position: absolute;width:100%;height:0;background-color:#f1b12d;left:0;top:0;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.hbg .nav ul li a:hover i, .hbg .nav ul li a.active i{height:100%;}
.hbg .nav ul li a:hover, .hbg .nav ul li a.active{color:#fff;}

.hbg .product_son{display: none;position: absolute;left:0;top:90px;text-align: center;width:100%;padding:20px 0;height:auto;background-color:rgba(0,0,0,0.75);z-index:999;}
.hbg .product_son .item{display: inline-block;width:9%;margin:0.5%;}
.hbg .product_son .item img{border: 0;vertical-align: middle;max-width: 100%;display: block;}
.hbg .product_son .item p{font-size:16px;color:#fff;height:40px;line-height:40px;}
.hbg .product_son .item:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}

.pub_button{position: relative;z-index:1;}
.pub_button .pb_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(12,162,52,0.7);-webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transform-origin: left 100%;-webkit-transform-origin: left 100%;transform: scaleY(0);-webkit-transform: scaleY(0);visibility: hidden\9;z-index: -1;}
.pub_button:hover .pb_bg, .pub_button.active .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}


.ttel{text-align: center;color: #fff;padding: 0 15px;transition: .5s;line-height: 35px;text-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 0px 30px rgba(0,0,0,0.075);}
.ttel img{display: inline-block;border-right: 1px solid rgba(255,255,255,0.4);padding-right: 5px;margin-right: 5px;}
.ttel em{ padding-left: 5px; display: inline-block;text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);}
.hrt{display:block;float:right;margin-top:28px;margin-right:15px;}
.hrt a{display:block;float:left;padding:0 15px;border-right:2px solid #fff;height:20px;position:relative; margin-top: 5px;}
.hrt a:last-child{border:none;padding-right:0;}
.hrt a img{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;display:block;width:30px;position:relative;top:0;cursor: pointer;}
.hbg .hrt a img.ssr{display: none;}
.hbg .hrt a:hover img.ss{display: none;}
.hbg .hrt a:hover img.ssr{display: block;}
.hbg .hrt a .ewm{width:133px;position:absolute;top:42px;right:0;display:none;}
.hbg .hrt a .ewm img{width:100%;}


.hbg.bg{padding:6px 0; height: 60px;background-image: -webkit-linear-gradient(left,#02923b, #07ae49);}
.hbg.bg #logo{width:12%; top: 4px;}
.hbg.bg #logo img{margin-top:2px;}
.hbg.bg .nav{padding-top: 0;}
.hbg.bg .nav li{line-height:15px; }
.hbg.bg .hrt{margin-top:5px;}

@media( max-width:1280px ){
  #logo{ top: 18px;}
  .hbg .nav{  left: 35%; }
  .hbg .nav li a{font-size: 18px;}
  .ttel{display: none;}
}


@media( max-width:790px ){
	.hbg{background: #02923b;height: 70px;}
	#logo{ top: 10px;width: 50%;}
	.hbg.bg #logo{width: 50%;}
	.hbg.bg{height: 55px;}
	.hbg .nav{display: none;}
  }
  



/* ------------------------ */

@media screen and (max-width:1150px){
	.tel_top{display: block;width: 100%;}
	.tel_top .tel_logo{width: 70%;margin: 2% 0;}
	.tel_top .tel_logo img{width: 100%;}
	.navbtn2{ position: absolute; right: 0; top:14px; z-index: 20; width: 60px; height: 40px; display: block;-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;-o-transition: 0.4s; transition: 0.4s;}
.navbtn2 s{ position: absolute; left: 25%; display: block; width: 50%; height: 4%; background-color: #fff;-moz-transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;}
.navbtn2>s:nth-child(1){top: 32%;}
.navbtn2>s:nth-child(2){top: 48%; width: 40%; transform: rotate(0deg) scale(1,1);}
.navbtn2>s:nth-child(3){top: 64%;}
.navbtn2.on s:nth-child(1){ top:48%; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}
.navbtn2.on s:nth-child(2) { transform: rotate(-180deg) scale(0,1);}
.navbtn2.on s:nth-child(3) { top:48%; -webkit-transform: rotate(225deg); transform: rotate(225deg);}

/* 手机导航 */
.navsjout{ width: 100%; opacity: 0; overflow: auto; position: fixed; top:1.5rem; bottom:1.5rem; left:-100%; z-index: 20;-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;-o-transition: 0.4s; transition: 0.4s; background-color: #159e50;}
.navsjout.on{ opacity: 1; left:0;}

.navsj{ width: 100%; -webkit-overflow-scrolling : touch; background-color: #159e50;position: absolute; top:0; left:0;}
.navsj>li{ position: relative;}
.navsj>li>a{ display: block; height:1.5rem; text-align: center; line-height: 1.5rem; font-size: 19px; color: #fff; position: relative;}
.navsj>li>a:after{ content: ''; position: absolute; left: 30px; right:30px; bottom:0; z-index: 0;height: 1px; background-color: rgba(255,255,255,0.2);}

.navsjtwo{ width: 100%; overflow: hidden; display: block; padding: 10px 0; background-color: #f1f1f1; }
.navsjtwo>li{ width: 32%;float: left; border-right: 1px solid #fff;border-top: 1px solid #fff;}
.navsjtwo>li + li{}
.navsjtwo>li>a{ display: block; line-height: 58px; color: #432a23;position: relative; z-index: 1; text-align: center;}

.navsjthree{ width: 100%; display: none;}
.navsjthree dd{ width: 100%; height: 60px; line-height: 60px; text-align: center; border-top: 1px solid #fff;}
.navsjthree dd>a{ display: block;  height: 100%; background-color: #e1e1e1; color: #1d6bdd; overflow: hidden;}



.navsj li i{ position: absolute; right: 2rem; top:0; z-index: 1; width: 80px; height: 65px;display: block; cursor: pointer; background: url('../images/nav-jtd1.png') center no-repeat;}
.navsj li.on i{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.navsj,.navsj li i{ -moz-transition: 0.3s; -ms-transition: 0.3s;-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
#close { position: fixed; left: 0; top: 0; width: 100%;bottom: 0; z-index: 9; display: none; background:url('../images/op0-60.png'); cursor: pointer;}
.navbtn{position: absolute; right:40px; top:20px; z-index: 20; width: 50px; height: 50px; opacity: 0;-moz-transition: 0.4s 0.5s; -ms-transition: 0.4s 0.5s; -webkit-transition: 0.4s 0.5s;-o-transition: 0.4s 0.5s; transition: 0.4s 0.5s;}
.navbtn.active{ opacity: 1;}
.navbtn s{ position: absolute; left: 30%; display: block; width: 40%; height: 4%; background-color: #fff;-moz-transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.navbtn>s:nth-child(1){top: 34%;}
.navbtn>s:nth-child(2){top: 48%; left:38%; transform: rotate(0deg) scale(1,1);}
.navbtn>s:nth-child(3){top: 62%;}
.navbtn.on s:nth-child(1){ top:48%; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}
.navbtn.on s:nth-child(2) { transform: rotate(-180deg) scale(0,1);}
.navbtn.on s:nth-child(3) { top:48%; -webkit-transform: rotate(225deg); transform: rotate(225deg);}
.special .navbtn s,.special2 .navbtn s,.nvact .navbtn s{ background-color: #fff;}

.navsjout .se_nav{position: absolute; bottom: 0;}
.navsjout .se_nav a{color: #b6f5d1;}
.navsjout .se_nav li{border-color: rgba(255, 255, 255, 0.1);}
}


/*shouyenav*/
.tel_nav{display: none;}
@media screen and (max-width:790px){
	.tel_nav{display: block; width: 100%; margin: 0 auto;}	
	.tel_nav ul{display: flex; -webkit-justify-content: space-between;   justify-content: space-between;  justify-content: center;flex-wrap: wrap;}
	.tel_nav li{font-size: 16px;border-right:1px solid transparent;border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); line-height: 35px; text-align: center; width: 33%;transition: .5s; background: #008b3f;}
	.tel_nav li a{color: #fff;}
}

/*产品分类*/
.index_a .se_nav,.index_a .index_a_tit h4{display: none;}
.index_a{width: 100%;background: url('../images/prolistbg.jpg') no-repeat center top; padding: 4% 0;}
.index_a .index_a_tit{text-align: center;}
.index_a .index_a_tit h2{font-size: 58px; color: #008b3f;}
.index_a .index_a_tit h2 em{color: #f1b12d; margin-left: 7px;}
.index_a .index_a_tit h2:before {content: "";background: url(../images/lline.png) center no-repeat;width: 110px;height: 3px;display: inline-block;padding: 30px 30px 0 0;}
.index_a .index_a_tit h2:after{content: "";background: url('../images/rline.png') center no-repeat; width: 110px; height: 3px;display: inline-block;padding: 30px 0 0 30px;}
.index_a .index_a_tit h3{font-size: 18px; font-weight: 400; color: #333;margin-top: 5px;}
.index_a .s_width{margin-top: 4%;}
.tx_index_pro{ overflow:hidden;	width:90%;margin: 0 auto; padding:20px 0; clear:both;  position:relative; }
.rtCont{position:relative;width: 100%;margin: 0 auto;overflow: hidden;}
.rtCont ul{width: 100%;}
.rtCont ul li{width:230px;overflow:hidden; float: left; margin: 0 10px;}
.pro_pic{ overflow: hidden;}
.rtCont ul li img{border-radius:10px 10px 0 0; width: 100%; }
.rtCont ul li p{ background-image: -webkit-linear-gradient(left,#1aa468, #088a52); margin-top: 9%;border-radius: 30px; text-align: center;}
.rtCont ul li p a{color:#fff;font-weight: 700; line-height:30px;text-align:center;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:3% 0;transition:all linear .3s}
.rtCont ul li:hover p a{font-size:22px;font-weight:700;color:#fff}
.rtCont ul li h3{text-align: center; line-height: 40px;}


@media screen and (max-width:1440px){
	.index_a .index_a_tit h2{font-size: 48px;}
}

@media screen and (max-width:790px){
	.index_a .index_a_tit h2{font-size: 32px; margin-bottom: 10px;padding-top: 2%;}
	.index_a .index_a_tit h2 i{display: none;}
	.index_a .index_a_tit h2 em{color: #008b3f;}
	.index_a .index_a_tit h2:before,.index_a .index_a_tit h2:after {width: 50px; padding-top: 23px;}
	.index_a .index_a_tit h2:after{margin-left: 8px;}
	.index_a .index_a_tit h3{display: none; width: 85%; margin: 0  auto; font-size: 16px;}
	.index_a .index_a_tit h4{display: block; width: 85%; margin: 0  auto; font-size: 16px; font-weight: 400;}
	.rtCont ul li{width:150px;}
	.sc_wrap{display: none;}
	.index_a .se_nav{display: block;}
}


.index_a .sc_wrap{margin:0px auto;position: relative;margin-top:75px;width:90%;}
.index_a .sc_scroll{width: 92%; }
.index_a .swiper-wrapper{margin: 0 auto; }
.index_a .swiper-slide{width: 200px; }
.index_a .sc_scroll_item img{margin:0 auto;}
.index_a .sc_scroll_item  p{height:36px;line-height:36px;margin-top:10px;text-align: center;font-size:22px;color:#000; font-weight: bold;}
.index_a .swiper-button-next, .index_a .swiper-button-prev{top:35%}

@media screen and (max-width:790px){
	.index_a .sc_wrap{margin-top: 20px; width: 100%;}	
	.swiper-button-next,.swiper-button-prev{display: none;}
	.index_a .sc_scroll_item p{font-size: 17px;}
}

/*产品展示*/
.pro .pro_tit h4{display: none;}
.pro{width:90%; margin:0px auto; position: relative; overflow: hidden; padding:3% 0 4% 0; }
.pro .pro_tit{text-align: center;}
.pro .pro_tit h2{font-size: 58px; color: #008b3f;}
.pro .pro_tit h2 em{color: #f1b12d; margin-left: 7px;}
.pro .pro_tit h2:before {content: "";background: url(../images/lline.png) center no-repeat;width: 110px;height: 3px;display: inline-block;padding: 30px 30px 0 0;}
.pro .pro_tit h2:after{content: "";background: url('../images/rline.png') center no-repeat; width: 110px; height: 3px;display: inline-block;padding: 30px 0 0 30px;}
.pro .pro_tit h3{font-size: 18px; font-weight: 400; color: #333;margin-top: 5px;}
.pro ul{width:100%;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;flex-wrap: wrap; margin-top: 3%;}
.pro li{width: 24%;}
.pro ul li{position: relative; float: left;width:24%;margin:0 .5% 1%;overflow: hidden;  box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.pro ul li .img{width: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
.pro ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
.pro ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.pro ul li .proText{ padding: 25px 0; transition: .4s;-webkit-transition: .4s;}
.pro ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 23px;border-bottom: #e1dfdf 1px solid; padding-bottom: 15px;}
.pro .protel{width: 70%; margin: 0 auto; line-height: 45px; padding:0 0 15px 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; font-size: 16px;}
.pro .protel .protel_a{width: 47%; text-align: center; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);transition: .5s;background: #f1b12d;color: #fff; }
.pro .protel .protel_a:hover{background: #14ae67; }
.pro .protel .protel_b{width: 47%; text-align: center; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);transition: .5s; background: #0bae5b;color: #fff;}
.pro .protel .protel_b:hover{background: #8ec31f; }

@media screen and (max-width:1440px){
	.pro .pro_tit h2{font-size: 48px;}
}

@media screen and (max-width:790px){
	.pro{width: 95%;}
	.pro .pro_tit h2{font-size: 32px; margin-bottom: 10px;padding-top: 2%;}
	.pro .pro_tit h2 i{display: none;}
	.pro .pro_tit h2 em{color: #008b3f;}
	.pro .pro_tit h2:before,.pro .pro_tit h2:after {width: 50px; padding-top: 23px;}
	.pro .pro_tit h2:after{margin-left: 8px;}
	.pro .pro_tit h3{display: none; width: 85%; margin: 0  auto; font-size: 16px;line-height: 24px;}
	.pro .pro_tit h4{display: block; width: 85%; margin: 0  auto; font-size: 16px; font-weight: 400;}

	.pro ul li{width: 49%;}
	.pro ul li .proText{padding: 0;}
	.pro ul li strong{font-size: 19px; padding-bottom:0; line-height: 50px;}
	.pro .protel{width: 95%;font-size: 15px; line-height: 35px;}
}


/**/
.index3{width: 100%;background: url('../images/bg.jpg') no-repeat center top; padding: 3% 0 3% 0;}
.index3 .s_width{display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.index3 h3{color: #fff; font-size:43px;}
.index3 .zxbtn{display:block;width:341px;height:66px;border:1px solid transparent; border-color: rgba(255, 255, 255, 0.3);;font-size:28px;color:#ffffff;text-align:center;line-height:66px;position:relative;overflow:hidden;cursor:pointer;transition:all linear 0.3s; margin-top: 20px;}
.index3 .zxbtn a{color: #fff;}
.index3 .zxbtn span{display:block;transition:all linear 0.3s;transform-style:preserve-3d;transform:translateY(0);transition-property:transform}
.index3 .zxbtn span+span{position:absolute;top:0;left:0;width:100%;transform:translate3d(0, 36%, 0) rotateX(-90deg);display:none\9}
.index3 .zxbtn:hover span{transform:translate3d(0, -36%, 0) rotateX(90deg);transform:none\9}
.index3 .zxbtn:hover span+span{transform:none}

@media screen and (max-width:790px){
	.index3{padding: 5% 0;}
	.index3 .s_width{display: block; width: 95%;}
	.index3 h3{font-size: 26px; text-align: center;}
	.index3 .zxbtn{width: 200px; font-size: 18px;line-height: 40px; height: 40px; margin:4% auto 0 auto;}
}


.index4{width: 100%;background: url('../images/advbg.jpg') no-repeat center bottom; padding-bottom: 4%; }
.index4 .about{display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.index4 .about .about_l{width: 45%;background: url('../images/about.jpg') no-repeat center top;}
.index4 .about .about_r{width: 45%; padding: 5% 5% 5% 0;}
.index4 .about .about_r h2{font-size: 32px;;}
.index4 .about .about_r h2 img{margin-left: 10px;;}
.index4 .about .about_r p{font-size: 18px; line-height: 36px; margin-top: 4%;}
.index4 .about .about_more{display:block;width:200px;height:45px;border:1px solid transparent; border-color: rgba(11, 174, 91, 0.6);;font-size:18px;color:#ffffff;text-align:center;line-height:45px;position:relative;overflow:hidden;cursor:pointer;transition:all linear 0.3s; margin-top: 70px;}
.index4 .about .about_more a{color: #333;}
.index4 .about .about_more span{display:block;transition:all linear 0.3s;transform-style:preserve-3d;transform:translateY(0);transition-property:transform}
.index4 .about .about_more span+span{position:absolute;top:0;left:0;width:100%;transform:translate3d(0, 36%, 0) rotateX(-90deg);display:none\9}
.index4 .about .about_more:hover span{transform:translate3d(0, -36%, 0) rotateX(90deg);transform:none\9}
.index4 .about .about_more:hover span+span{transform:none}

.index4 .adv{ padding: 4% 0;}
.index4 .adv h2{text-align: center; font-weight: 400;}
.index4 .adv h2 img{display: block; margin: 0 auto;}
.index4 .adv h2 em{font-size: 18px; font-family: 400;}
.index4 .adv .s_width{display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between; padding-top: 4%;}
.adv .adv_l{width: 50%;}
.adv .adv_l ul{width: 100%; margin-top: 80px;}
.adv .adv_l li{margin-bottom: 40px;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between; height: 155px;}
.adv .adv_l .adv_img{height: 100%;padding: 0 20px; background-image: -webkit-linear-gradient(left,#e67516, #efa92a); display: flex; justify-content:center; align-items: center;-webkit-align-items: center;}
.adv .adv_l .adv_img i{font-size: 60px; color: #fff;}
.adv .adv_l .adv_cont{background: #fff; padding: 2% 5%;border-radius:0 60px 60px 0}
.adv .adv_l .adv_cont h3{font-size: 26px;}
.adv .adv_l .adv_cont p{margin-top: 2%;font-size: 18px; line-height:32px; opacity: 0.7;}
.adv .adv_r{width: 45%;}
.adv .adv_r img{width: 100%;}


@media screen and (max-width:1280px){
	.index4{padding-bottom: 0;}
	.adv .adv_l .adv_cont p{font-size: 16px; line-height: 26px;}
}

@media screen and (max-width:790px){
	.index4 .about{display: block; }
	.index4 .about .about_l{width: 100%;}	
	.index4 .about .about_r{width: 92%; padding: 4%;}
	.index4 .about .about_r p{font-size: 16px; line-height: 31px;}
	.index4 .about .about_more{margin-top: 21px;font-size: 16px;}

	.index4 .adv .s_width{display: block; width: 95%;}
	.adv .adv_l{width: 100%;}
	.adv .adv_l ul{margin-top: 25px;}
	.adv .adv_l li{height: 140px; margin-bottom: 15px;}
	.adv .adv_l .adv_cont h3{font-size: 21px;}
	.adv .adv_r{width: 100%;}
	.adv .adv_l .adv_cont p{font-size: 14px; line-height: 21px;margin-top: 8px}
}

/*实力*/
.index5 .index5_tit h4{display: none;}
.index5{width:100%; margin:0px auto; position: relative; overflow: hidden; padding:4% 0 4% 0; }
.index5 .index5_tit{text-align: center;}
.index5 .index5_tit h2{font-size: 58px; color: #008b3f;}
.index5 .index5_tit h2 em{color: #f1b12d; margin-left: 7px;}
.index5 .index5_tit h2:before {content: "";background: url(../images/lline.png) center no-repeat;width: 110px;height: 3px;display: inline-block;padding: 30px 30px 0 0;}
.index5 .index5_tit h2:after{content: "";background: url('../images/rline.png') center no-repeat; width: 110px; height: 3px;display: inline-block;padding: 30px 0 0 30px;}
.index5 .index5_tit h3{font-size: 18px; font-weight: 400; color: #333;margin-top: 5px;}

.index5 .swiper-container.casebox { width: 100%; padding-top: 50px; padding-bottom: 1.5%; } 
.index5 .swiper-container.casebox .swiper-slide { background-position: center; background-size: cover; width: 600px; border: 10px solid #fff; box-sizing: border-box }
.index5 .swiper-container.casebox .swiper-slide img{width: 100%;}



@media screen and (max-width:1440px){
	.index5 .index5_tit h2{font-size: 48px;}
}


@media screen and (max-width:790px){
	.index5{padding-top: 6%;}
	.index5 .index5_tit h2{font-size: 32px; margin-bottom: 10px;}
	.index5 .index5_tit h2 i{display: none;}
	.index5 .index5_tit h2 em{color: #008b3f;}
	.index5 .index5_tit h2:before,.index5 .index5_tit h2:after {width: 50px; padding-top: 23px;}
	.index5 .index5_tit h2:after{margin-left: 8px;}
	.index5 .index5_tit h3{display: none; width: 85%; margin: 0  auto; font-size: 16px;}
	.index5 .index5_tit h4{display: block; width: 85%; margin: 0  auto; font-size: 16px; font-weight: 400;}

	.index5 .swiper-container.casebox{padding-top: 25px;}
}



/*news*/
.news .news_tit h2 span{display: none;}
.news{width:85%; margin:0 auto 0 auto; padding: 4% 0;}
.news .news_tit{display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.news .news_tit h2{width: 70%; color: #02923b;font-size: 50px;}
.news .news_tit h2 em{font-size: 18px; font-weight: 400;color: #333;display: block; margin-top: 10px;}
.news .news_tit a{}
.PubLink {display: inline-block;color:#333;height: 55px; line-height: 55px;text-align: center;font-family:  Times New Roman;font-size: 18px;border-width: 1px;padding: 0px 5%; margin-top:3%; transition: .5s;border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); }
.PubLink i{font-size: 20px;}

.index_4_1{width: 100%; margin:3% auto 0 auto;}
.index_4_1 ul li{ float:left; width:31%; margin-right:3%;font-size: 16px; }
.index_4_1 ul li:nth-child(3n){margin-right:0}
.index_4_1_mid_1{overflow:hidden; position:relative;}
.index_4_1_mid_1 img{width:100%;}
.index_4_1_mid_2{margin-top:1.125em; }
.index_4_1_mid_2_1{color:#999999;font-family:Calibri;text-transform: uppercase;}
.index_4_1_mid_2_2{font-size:1.5em; color:#000; margin-top:.75em; margin-bottom:.75em;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; font-weight: bold;}
.index_4_1_mid_2_3{color:#666;display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 2;   overflow: hidden;word-wrap:break-word;word-break:break-all; line-height:1.9;}
.index_4_1 .bottom_btn{font-size:14px;line-height:40px;text-transform:uppercase;transition:all .5s ease;background:rgba(255,255,255,0.9) ;width: 150px;border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);text-align: center; margin-top: 20px;}
.index_4_1 .contentBoxB .bottom_btn{ display:none; }
.index_4_1 .newList:hover .bottom_btn{ color:#b62021; } 

.index_4_2{text-align:center; margin:4.375em 0;}
.index_4_1_mid{overflow:hidden; position:relative;padding-bottom: 20px;}
.a-image-hover{align-items:center;color:#fff;display:flex;font-size:14px; font-family:Arial, Helvetica, sans-serif;height:100%;justify-content:center;left:0;letter-spacing:0;line-height:1;position:absolute;top:0;width:100%;z-index:2}
.a-image-hover span{display:inline-block;opacity:0;transform:translate3d(-30px,0,0);transition:all .5s cubic-bezier(.14,1,.34,1) 0s; font-size: 18px;}
.a-image-hover span:first-child{transition-delay:.03s}
.a-image-hover span:nth-child(2){transition-delay:.06s}
.a-image-hover span:nth-child(3){transition-delay:.09s}
.a-image-hover span:nth-child(4){transition-delay:.12s}
.index_4_1 ul li:hover .a-image-hover span{opacity:1;transform:translateZ(0)}
.index_4_1 ul li:hover .a-image-hover span:first-child{transition-delay:.12s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(2){transition-delay:.06s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(3){transition-delay:.04s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(4){transition-delay:.03s}
.index_4_1_mid_1:after{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0; z-index:1;opacity:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;width:100%}
.index_4_1 ul li:hover .index_4_1_mid_1:after{opacity:1;}
.index_4{overflow:hidden; background: #f7f9fb; padding-top: 4%;}

@media screen and (max-width:1440px){
	.news .news_tit h2{font-size: 50px;padding-top: 2%;}
	.news .news_tit p{font-size: 16px;}
}



@media screen and (max-width:790px){
	.news {width: 100%; margin-bottom: 150px;}
	.news .news_tit{display: block;}
	.news .news_tit a{display: none;}
	.news .news_tit h2{text-align: center;font-size: 32px; width: 100%;}
	.news .news_tit h2 i:before {content: "";background: url(../images/lline.png) center no-repeat;width: 50px;height: 3px;display: inline-block;padding: 23px 30px 0 0; margin-right: 5px;}
	.news .news_tit h2 i:after{content: "";background: url('../images/rline.png') center no-repeat; width: 50px; height: 3px;display: inline-block;padding: 23px 0 0 30px; margin-left: 5px;}
	.news .news_tit h2 em{font-size: 16px; width: 95%; margin: 0 auto;display: none;}
	.news .news_tit h2 span{display: block; width: 85%; margin: 0  auto; font-size: 16px; font-weight: 400;color: #333;}
	.index_4_1{width: 95%;}
	.index_4_1 ul li{width: 100%; margin-right: 0;}
	.index_4_1_mid_2_2{font-size:18px;}
	.index_4_1_mid_2_3{font-size: 15px;}
}





/*************footer******************/
.bottom-btn{display: none;}
.footer2{display: none;}
.footer{background: url('../images/end.jpg') no-repeat center top; ; position:relative; overflow:hidden}
.footer .footer_box{width: 85%; margin: 0 auto 0 auto; color: #fff;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.footer .footer_box a{ color: #fff;}

.footer_pro{width: 31%; padding-top: 4%;}
.footer_pro h2{font-size: 26px; font-weight: bold;}
.footer_pro h2:after{content: ""; width: 50px; height: 3px; background: #f8de07;display: block; margin: 10px 0;}
.footer_pro ul{display: flex; display:-webkit-flex;-webkit-justify-content:left;   justify-content:left;flex-wrap: wrap; margin-top: 25px;}
.footer_pro li{width: 30%; margin: 1% 1% 1% 0; line-height:36px;  font-size: 17px;}

.footer_contact{width: 40%;border-left:1px solid transparent; border-right:1px solid transparent;border-color: rgba(255, 255, 255, 0.5); padding: 4% 4% 0 4%;}
.footer_contact h2{font-size: 26px; font-weight: bold;}
.footer_contact h2:after{content: ""; width: 50px; height: 3px; background: #f8de07;display: block; margin: 10px 0;}
.footer_contact ul{display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.footer_contact li{width: 48%;font-size: 17px; line-height: 36px;}
.footer_contact li span{font-weight: bold;font-size: 20px;display: block; margin: 6% 0 3% 0;}

.footer_ewm{width: 20%;margin-top: 7%; padding-left: 4%;}
.footer_ewm ul{display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.footer_ewm li{width: 48%;}
.footer_ewm li img{width: 100%;}
.footer_ewm li i{display: block;text-align: center; line-height: 40px; font-size: 16px;}



.footer_mid_1{ padding-top:3.375em; padding-bottom:3.375em; border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.2);}
.footer_mid_2_left{float:left; width:70%;}
.footer_mid_2_right{float:right; width:30%; position:relative;}
.footer_mid_2_right:after{content:''; position:absolute; left:0; top:0; height:100%; width:1px; background-color:rgba(255, 255, 255, 0.2)}
.footer_mid_2_left ul li{float:left; color:#fff;}
.footer_mid_2_left ul li:nth-child(1){width:21%}
.footer_mid_2_left ul li:nth-child(2){width:31%}
.footer_mid_2_left ul li:nth-child(3){width:25%}
.footer_mid_2_left ul li:nth-child(4){width:23%}
.footer_mid_2_left_mid{padding-right:1em}
.footer_mid_2_left_mid p,.footer_mid_2_right_mid p{ color:#fff;font-size:1.125em; position:relative; padding:.875em 0;}
.footer_mid_2_left_mid p:after,.footer_mid_2_right_mid p:after{content:''; position:absolute; left:0; bottom:0; height:1px; background-color:#fff; width:13px;}
.footer_mid_2_left_mid a{color:#e0e0e0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.footer_mid_2_left_mid a:hover{color:#fff;}
.footer_mid_2_left_mid dl dd,.footer_mid_2_right_mid_2 dl dd{margin-top:.9em;}
.footer_mid_2_left_mid dl,.footer_mid_2_right_mid_2 dl{margin-top:1.25em;}
.footer_mid_2{margin-top:3.25em;}
.footer_mid_2_right_mid{padding-left:36%; color:#e0e0e0 }
.footer_mid_2_right_mid_3{margin-top:2.1875em;}
.footer_mid_2_right_mid_3 img{width: 120px;}
.footer_mid_3_left{ font-size:16px; color:#7c6363; text-align: center;color:#fff}
.footer_mid_3_left a{color:#fff;}
.footer_mid_3{margin-top:2.6875em; border-top:1px solid transparent; border-color: rgba(255, 255, 255, 0.2); padding-top:1.5em; padding-bottom:1.5em;background: #04702f;}

#wmkc {position:fixed;left:5px;bottom:0%;transform:translateY(-10%);font-family:Arial,Helvetica,sans-serif;z-index:9999} 
#wmkc * {box-sizing:border-box;font-size: 16px;} 
.wmkc-list {padding:0;border:1px solid #EEE;background-color:#FFF;max-width:95px;border-radius:4px;margin:0} 
.wmkc-icon {display:inline-block;background:url(../images/wmkc-ico23.png)no-repeat;width:28px;height:28px;transform:scale(.8)} 
.wmkc-list>li {width:100%;border-top:1px solid #EEE;list-style:none;text-align:center;padding:2px 0 4px;transition:all .2s ease-in-out} 
.wmkc-list>li>a>p {margin:0;transform:scale(.9);text-transform:capitalize} 
.wmkc-list>li a {color:#555;text-decoration:none;display:block;padding:0 2px} 
.wmkc-wechat-img {position:absolute;left:calc(100% - 1px);top:27%;width:120px;text-align:center;padding:10px 10px 6px;background-color:#FFF;border:1px solid #EEE;border-radius:4px;transform:scale(0);transform-origin:right bottom} 
.wmkc-wechat-img img {display:block;max-width:100%;max-height:100%} 
.wmkc-wechat-img p {margin:4px 0 0;transform:scale(.9);word-break:break-all; font-size: 16px;} 
.wmkc-wechat-img em {display:inline-block;width:16px;height:16px;background:url(../images/wmkc-ico23.png)-76px -8px/99px no-repeat;vertical-align:middle;margin-right:4px} 
.wmkc-list>li:hover .wmkc-wechat-img {transition:transform .4s;transform:scale(1)} 
.wmkc-list>li:hover,.wmkc-list>li:hover+li {border-color:transparent} 


.wmkc-skypeh {position:absolute;left:calc(100% - 1px);top:22%;width:280px;text-align:center;padding:10px 10px 6px;background-color:#FFF;border:1px solid #EEE;border-radius:4px;transform:scale(0);transform-origin:right bottom} 
.wmkc-skypeh p{font-size: 18px; line-height: 36px;}
.wmkc-list>li:hover .wmkc-skypeh{transition:transform .4s;transform:scale(1)} 
.wmkc-list>li:hover,.wmkc-skypeh>li:hover+li {border-color:transparent} 

.wmkc-tel {position:absolute;left:calc(100% - 1px);top:0;width:280px;text-align:center;padding:10px 10px 6px;background-color:#FFF;border:1px solid #EEE;border-radius:4px;transform:scale(0);transform-origin:right bottom} 
.wmkc-tel p{font-size: 18px; line-height: 36px;}
.wmkc-list>li:hover .wmkc-tel{transition:transform .4s;transform:scale(1)} 
.wmkc-list>li:hover,.wmkc-tel>li:hover+li {border-color:transparent} 

.wmkc-tel2 {position:absolute;left:calc(100% - 1px);top:60%;width:280px;text-align:center;padding:10px 10px 6px;background-color:#FFF;border:1px solid #EEE;border-radius:4px;transform:scale(0);transform-origin:right bottom} 
.wmkc-tel2 p{font-size: 18px; line-height: 36px;}
.wmkc-list>li:hover .wmkc-tel2{transition:transform .4s;transform:scale(1)} 
.wmkc-list>li:hover,.wmkc-tel2>li:hover+li {border-color:transparent} 

.wmkc-youx {position:absolute;left:calc(100% - 1px);bottom:0;width:280px;text-align:center;padding:10px 10px 6px;background-color:#FFF;border:1px solid #EEE;border-radius:4px;transform:scale(0);transform-origin:right bottom} 
.wmkc-youx p{font-size: 18px; line-height: 36px;}
.wmkc-list>li:hover .wmkc-youx{transition:transform .4s;transform:scale(1)} 
.wmkc-list>li:hover,.wmkc-youx>li:hover+li {border-color:transparent} 


.wmkc-email .wmkc-icon {background-position:-8px -6px} 
.wmkc-whatsapp .wmkc-icon {background-position:-52px -50px} 
.wmkc-skype .wmkc-icon {background-position:-52px -6px}
.wmkc-wechat .wmkc-icon {background-position:-144px -10px} 
.wmkc-list li:hover a {color:#FFF} 
.wmkc-email:hover {background-color:#f90} 
.wmkc-whatsapp:hover {background-color:#25D366}
.wmkc-skype:hover {background-color:#f90}
.wmkc-wechat:hover {background-color:#07C160} 
.wmkc-email:hover .wmkc-icon {background-position:-96px -6px} 
.wmkc-whatsapp:hover .wmkc-icon {background-position:-52px -94px} 
.wmkc-skype:hover .wmkc-icon {background-position:-96px -50px} 
.wmkc-wechat:hover .wmkc-icon {background-position:-144px -62px} 
.wmkc-list>li:first-child {border-radius:4px 4px 0 0;border:0} 
.wmkc-list>li:last-child {border-radius:0 0 4px 4px}
 @media (max-width:768px) {
   #wmkc {display:none}
  } 


@media screen and (max-width:1440px){
	.footer .footer_box{width: 90%;}	
	.footer_pro{width: 30%;}
	.footer_pro li{font-size: 16px;line-height: 30px;}
	.footer_contact{padding: 4% 3% 5% 3%; width: 38%;}
	.footer_contact li{font-size: 16px;line-height: 30px}
	.footer_ewm {width: 19%;padding-left:0}
}

@media screen and (max-width:1280px){
	.footer_logo{display: none;}
	.footer_pro {width: 31%;}
	.footer_contact {width: 42%;}
	.footer_ewm {width: 17%; padding-left: 4%;}
	.footer_ewm li i{font-size: 14px; line-height: 21px;}
}


@media screen and (max-width:790px){
	.footer{display: none;}
	.bottom-btn{position:fixed;display:flex;left:0;bottom:-16vw;width:100%;z-index:890;background-color:#0bad5a;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);justify-content:space-between;transition:bottom .2s ease;}
	.bottom-btn .btn-item{width:16vw;height:16vw}
	.bottom-btn .btn-item>a{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;align-items:center}
	.bottom-btn .iconfont{font-size:28px;color:#FFF}
	.bottom-btn p{font-size:12px;color:#FFF;text-transform:capitalize}
	.bottom-btn .btn-item.cart{display:none}
	.bottom-btn .btn-item.cart>div{width:100%;height:100%}
	.bottom-btn.is-active{bottom:0}
	.bottom-btn.show-cart{bottom:0}
	.bottom-btn.is-pro .btn-item.inquiry{display:none}
	.bottom-btn.is-pro .btn-item.cart{display:block}
	footer .foot-sign,footer .foot-about,footer .foot-cate:nth-of-type(3){display:none}
    footer .foot-submit{width:100%;max-width:100%}
    footer .foot-main .foot-item{max-width:45%}
    footer .foot-main .foot-item.foot-contact{border:none;width:auto}
	footer .foot-main .foot-item.foot-cate:nth-of-type(2){width:auto;max-width:45%}
	
	.weixin{ position:relative; }
	.weixin .weixin_nr{width:80px; height:120px; padding:5px; background:#fff; text-align:center; position:absolute; right:0; bottom:60px; display:none;}
	.weixin .weixin_nr img{ margin-bottom:5px;}
	.weixin.on .weixin_nr,.weixin.onclick .weixin_nr{ display:block;}
	.weixin.on a{ display:block;}
}


.news_box{width: 85%; margin: 0 auto;}
.news_box li{ line-height: 55px; border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);}
.news_box li span{float: right;}
.flex-center{width: 85%; margin: 5% auto; text-align: center;}

/* ===================== 内页 Banner 图 ===================== */

/* ------------------------ */
#banner{position:relative;overflow:hidden;width:100%;}
#banner ul{position:relative;overflow:hidden;width:300%;margin: 0;}
#banner ul li{width:33.333%;float:left}
#banner ul li img{width:100%;display:block;}
#banner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
#banner aside span{display:block;width:65px;height:65px;z-index:63;background:rgba(255,255,255,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}
#banner:hover aside span{opacity:1;}
#banner aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:27px;height:27px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
#banner aside span.prev{float:left;}
#banner aside span.next{float:right;}
#banner aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}
#banner #bannerBtnS{width:85px;position:absolute;right:0;left:0;bottom:3%;margin:auto}
#banner  #bannerBtnS em{display:block;float:left;width:15px;height:15px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
#banner  #bannerBtnS em.act{background:#02923b}
#banner .telbanner{display: none;}

@media( max-width:790px){
  #banner{margin-top: 70px;}
  #banner .pcbanner{display: none;}
  #banner .telbanner{display: block;}
}

.aboutone {padding:5% 0 0 0;overflow: hidden;position: relative;width: 100%;}
.aboutone .abbg {position: absolute;left: 0;bottom: -255px;z-index: -1;width: 100%;height: 855px;background: #ffffff;}
.cer8{width: 85%;  margin: 0 auto;}
.aboutcon {overflow: hidden;margin-top: 0.8rem;text-indent:2em;}
.aboutl {width: 100%;}
.abcate {position: relative;}
.abcate .cn {font-size: 46px;color: #222;line-height: 66px;letter-spacing: 2px;font-weight: bold;}
.abcate .cn span {color: #159e50;}
.abcate .cn2 {color: #222;line-height: 66px;}
.abcate i {position: absolute;right: 0;top: 23px;z-index: 2;width: 80px;height: 80px;display: block;visibility: hidden;}
.abcate s {position: absolute;left: 50%;top: 62px;right: 0;z-index: 1;height: 1px;background-color: #eee;}
.abouttxt {overflow: hidden;font-size:18px;line-height: 35px;color: #555;text-align: justify;}
.abouttxt p{margin-bottom: 20px;}
.abouttxt img {display: none;}




@media screen and (max-width: 1180px) {
	.inbanner{height: 500px;}
.aboutone {padding: 80px 0 120px;}
.aboutcon {margin-top: 60px;}
.aboutl {float: none;width: 100%;height: auto;margin-top: 40px;}
.aboutr {float: none;width: 470px;max-width: 100%;margin: 0 auto;height: auto;}
.abcate {text-align: center;}
.abcate s {display: none;}
.abouttxt {margin: 30px auto 0;}
}
@media screen and (max-width: 790px) {
	.inbanner{height:220px;margin-top: 0;}
	.aboutone {padding: 1rem 0 1rem;}
	.aboutcon ,.abouttxt,.aboutl{margin-top: 0px;}
.abcate i {z-index: -1;}
.abcate .cn {font-size: 0.6rem;line-height: 56px;}
.abcate .cn2 {font-size: 15px;line-height: 23px; margin-bottom: 30px;}
.ibcatein .en {font-size: 1rem;}
.cer8{width: 95%;}
.mouse{display: none;}
.ibcatein{top: 6%!important;}
}



.main .main_tit h4{display: none;}
.main{ width:100%; margin:0 auto 0 auto;padding: 5vh 0 0 0;background: url('../images/jtd-mouse.png') center no-repeat;}
.main .main_tit{text-align: center;margin-bottom: 3%;}
.main .main_tit h2{font-size: 58px; color: #008b3f; }
.main .main_tit h2 em{color: #f1b12d; margin-left: 7px;}
.main .main_tit h2:before {content: "";background: url('../images/lline.png') center no-repeat;width: 110px;height: 3px;display: inline-block;padding: 30px 30px 0 0;}
.main .main_tit h2:after{content: "";background: url('../images/rline.png') center no-repeat; width: 110px; height: 3px;display: inline-block;padding: 30px 0 0 30px;}
.main .main_tit h3{font-size: 18px; font-weight: 400; color: #333;margin-top: 5px;}
.main  .s_width{display: flex; display:-webkit-flex; -webkit-justify-content: center;   justify-content: center;flex-wrap:wrap; margin-bottom: 5vh;}

.main .main_l{width: 16%; background: #f2f2f2;}
.main_l h3{font-size: 40px; text-align: center; line-height: 150px; background: #071336; color: #fff;}
.se_nav{width:90%; margin:3% auto 3% auto;} 
.se_nav ul{ position: relative;display: flex; display:-webkit-flex;-webkit-justify-content:left;   justify-content: left;flex-wrap: wrap;}
.se_nav li{ width: 9.6%; line-height: 7vh;border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); text-align: center; margin: 1% 0.5%;transition: .5s;color: #333; cursor:pointer}
.se_nav li a{color: #333;font-size: 18px;}
.se_nav li:hover{ background: #0bae5b;}
.se_nav li:hover a{ color: #fff;}


@media screen and (max-width: 790px) {
	.main{ padding:5vh 0 0 0;}
	.main .main_tit h2{font-size: 32px; margin-bottom: 10px;}
	.main .main_tit h2 i{display: none;}
	.main .main_tit h2 em{color: #008b3f;}
	.main .main_tit h2:before,.main .main_tit h2:after {width: 50px; padding-top: 23px;}
	.main .main_tit h2:after{margin-left: 8px;}
	.main .main_tit h3{width: 85%; margin: 0  auto; font-size: 16px; line-height: 26px;display: none;}
	.main .main_tit h4{display: block; width: 85%; margin: 0  auto; font-size: 16px; font-weight: 400;}
	.main  .s_width{display: block;width: 95%;}
	.se_nav li{width: 31%;  line-height: 40px;}
	.se_nav li a{font-size: 16px;}

}
/* ===================== 内页 Banner 图 ===================== */

.mbx{ width:100%; height:60px;   border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);}
.mbx .mbx_cont{ width:85%; margin:0 auto; font-size:16px; line-height:60px; color:#333;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.mbx .mbx_cont a{color: #333;}

@media (max-width:1280px){
	#nyba{height:350px;}
}

@media (max-width:790px){
	#nyba{height:150px;}
	.se_nav{width:95%;}
}

/*企业文化*/
.caselist{ height:673px; background:url(../images/bg1.jpg) no-repeat center top;background-size: cover; position: relative; width:100%;}
.caselist li{ width:33.3%; float:left; position:relative; height:100%; z-index:2; border-right:1px solid rgba(255,255,255,0.2); box-sizing:border-box; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; cursor:pointer;}

.caselist li .caselist_con{ width:100%; height:400px; position:absolute; top:50%; margin-top:-200px; text-align:center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.caselist li .caselist_con .caselist_pic{ position:absolute; width:100px; height:100px; left:50%; margin-left:-50px; }
.caselist li .caselist_con h2{position:absolute; width:100%; top:130px; font-size:36px; color:#ffffff; }
.caselist li .caselist_con span{ position:absolute; display:block; width:60px; left:50%; margin-left:-30px; top:200px;  height:1px; background:rgba(255,255,255,0.3)}
.caselist li .caselist_con p{ position:absolute; width:100%; top:220px; font-size:15px; color:#fff; line-height:28px; }
.caselist li .caselist_con .caselist_more{ position:absolute; width:130px; left:50%; margin-left:-65px; bottom:0; height:35px; line-height:35px; border:1px solid rgba(255,255,255,0.3); border-radius:50px; }
.caselist li .caselist_con .caselist_more a{ font-size:16px; color:#fff;text-decoration:none}
.caselist li .caselist_con .caselist_more:hover{ background:#14ae67; border:0;}

.caselist li:hover .caselist_more{ background:#14ae67; border:0;}
.caselist li:hover .caselist_con{ top:45%;}



@media (max-width:750px){
	.caselist{ height:673px; background:url(../images/bg1.jpg) repeat center top; background-attachment: fixed; background-size: cover;}
	.caselist li{ width:100%; float: none; height:33%;}
	.caselist li .caselist_con .caselist_pic,.caselist li .caselist_con .caselist_more{display: none;}
}
.se_prolist{width:100%; margin:3% auto 0 auto; position: relative; overflow: hidden;}
.se_prolist h2{text-align: center;font-size: 0.8rem; font-weight:800; ;}
.se_prolist h2 em{font-weight: 500;}
.se_prolist h2 i{display: block;font-size: 16px; line-height: 31px; font-weight: 500;}
.se_prolist h2 i:before{content: ""; width: 100px; height: 5px;background-image: -webkit-linear-gradient(left,#159e50, #114791);display: block;margin:0.1rem auto;}

.rongyumain {padding: 0% 0 90px;}
.rongyumain h2.btitle {font-size: 36px;color: #333;line-height: 54px;font-weight: bold;text-align: center;height: 54px;overflow: hidden;}
.rongyumain .intro {margin: 20px auto 0;font-size: 16px;color: #555;line-height: 32px;max-width: 1200px;text-align: center;}
.rylist {overflow: hidden;padding: 0 0 50px;max-width: 1500px;margin: 60px auto 0;}
.rylist li {float: left;width: 33.33%;margin-bottom: 50px;}
.rylist li .lin {padding: 0 30px;}
.rylist li a {display: block;position: relative;border: 1px solid #e7e7e7;}
.rylist li .pic {width: 100%;overflow: hidden;position: relative;font-size: 0;text-align: center;}
.rylist li img {max-width: 90%;max-height: 95%;}
.rylist li h3 {padding: 0 30px;position: relative;overflow: hidden;}
.rylist li h3 span {position: relative;text-align: center;z-index: 3;display: block;height: 40px;overflow: hidden;font-size: 20px;color: #333;line-height: 40px;white-space: nowrap;padding: 15px 30px 15px 0;
background: url('../images/glass2.png') right no-repeat;border-top: 1px solid #ebebeb;}
.rylist li h3 em {position: relative;text-align: center;z-index: 3;display: block;height: 40px;overflow: hidden;font-size: 16px;color: #333;line-height: 25px;padding: 15px 0 15px 0;
border-top: 1px solid #ebebeb;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.rylist li h3:before {content: '';position: absolute;left: 100%;bottom: 0;z-index: 0;width: 0;height: 100%;background-image: -webkit-gradient(linear, left top, right top, from(#10a13e), to(#075aa7));background-image: linear-gradient(to right, #10a13e, #075aa7);
}
.rylist li h3 span,.rylist li h3 em,.rylist li h3:before {  -webkit-transition: .5s;  transition: .5s;}
.rylist li:hover h3 span {  color: #fff; text-align: center;  background-image: url('../images/glass2h.png');  border-top-color: transparent;}
.rylist li:hover h3 em {  color: #fff; text-align: center;  }
.rylist li:hover h3:before {  width: 100%;  left: 0;  -webkit-transition: width .5s;  transition: width .5s;}
@media screen and (max-width: 1440px) {
.rylist {padding: 0 0 40px;}
.rylist li .lin {padding: 0 20px;}
}
@media screen and (max-width: 1100px) {
.rylist {padding: 0 0 30px;margin: 23px auto 0;}
.rylist li .lin {padding: 0 15px;}
.rylist li {width: 50%;}
.rylist li h3 {padding: 0 20px;}
}
@media screen and (max-width: 640px) {
.rongyumain {padding: 0 0 0;}
.rylist li {width: 100%;}
}

/*内页产品展示*/


.se_tuandui { width:90%; margin:0 auto 1rem auto; }
.se_tuandui ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.se_tuandui li{padding:0; width:24%; margin:0 1% 1% 0; position:relative; overflow:hidden; background:#fff; border:1px solid #eee;}
.se_tuandui li:nth-child(4n){ margin-right:0px;}
.se_tuandui li .p-img{  margin:0 auto 0px auto;  text-align:center;  position:relative; overflow:hidden;width: 100%;object-fit: cover; object-position: center; }
.se_tuandui li .p-name{ line-height:65px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center; font-weight: 500;}
.se_tuandui li .p-img img{ width:100%; height: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_tuandui li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_tuandui p{ font-size:18px; line-height:35px; color:#666;}
.se_tuandui p span{ font-size:17px;  color:#1aa468;}
.se_tuandui ul li:hover .p-name{ color: #fff;}
.se_tuandui ul li .proText{ padding: 25px 0; transition: .4s;-webkit-transition: .4s;}
.se_tuandui ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 23px;border-bottom: #e1dfdf 1px solid; padding-bottom: 15px;}
.se_tuandui .protel{width: 70%; margin: 0 auto; line-height: 45px; padding:0 0 15px 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; font-size: 16px;}
.se_tuandui .protel .protel_a{width: 47%; text-align: center; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);transition: .5s;background: #f1b12d;color: #fff; }
.se_tuandui .protel .protel_a:hover{background: #14ae67; }
.se_tuandui .protel .protel_b{width: 47%; text-align: center; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);transition: .5s; background: #0bae5b;color: #fff;}
.se_tuandui .protel .protel_b:hover{background: #8ec31f; }

@media (max-width:1440px){
	.se_tuandui li .p-img{}
}
@media (max-width:1280px){
	.se_tuandui { width:95%; margin:2% auto 1rem auto; }
	.se_tuandui li{width: 24%;}
	.se_tuandui li .p-img{}
}

@media (max-width:1000px){
	.se_tuandui li .p-img{height: 185px;}
	.se_tuandui ul li i{  background:none;}
}


@media (max-width:769px){
	.se_tuandui li{width: 48%;}
	.se_tuandui ul li .proText{padding: 0;}
	.se_tuandui ul li strong{padding-bottom: 0;font-size: 19px; line-height: 50px;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
	.se_tuandui .protel{width: 95%; font-size: 14px;line-height: 38px;}

}

.inbanner2 {width: 100%;height: 300px;position: relative;overflow: hidden;background: #000;}
.inbanner2 > img {position: relative;width: 100%;height: 100%;-o-object-fit: cover;	object-fit: cover;z-index: 0;opacity: 0.7;}

/*产品展示内页*/
.se_procont{width: 100%;background:url(../images/index-bg-2.jpg) no-repeat center top;padding: 7% 0 4% 0;background-attachment: fixed; background-size: cover;}
.se_procont .s_width{background: #fff;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;width: 80%; margin: 0 auto;}
.se_procont .se_procont_l{width: 45%;}
.l{float: left;}
.r{float: right;}

.se_procont_r{width: 50%;padding: 4%;}
.se_procont .se_procont_r h1 {color: #333333;line-height: 1.25; font-size: 40px; font-weight: 800;}
.se_procont .se_procont_r .aside {margin-top:20px;line-height: 1.25; }
.se_procont .se_procont_r .aside span{font-size: 16px;}
.se_procont .se_procont_r .imax {margin:16px 0 20px 0;padding-top: 16px;border-top: #eeeeee solid 1px;color: #666666;font-size: 18px;}
.se_procont .se_procont_r .imax p{ line-height: 36px;}
.se_procont .se_procont_r .btns { margin-top: 12%;}
.se_procont .se_procont_r .btns .btn {z-index: 2;display: inline-block;vertical-align: top;position: relative;overflow: hidden;min-width: 150px;height: 60px; line-height: 60px;text-align: center;font-size: 16px;border: #e0e0e0 solid 1px;-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s;color: #333333;}
.se_procont .se_procont_r .btns .btn:after {background-color: #0bae5b;opacity: 1;z-index: -1;content: " ";position: absolute;border-radius: 50%;left: 50%;top: 50%;background-color: #fff;width: 108%;padding-bottom: 108%;-webkit-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);pointer-events: none;}

.se_procont .se_procont_r .btns .btn:nth-child(1n+2) {margin-left: 0.6rem;}
.se_procont .se_procont_r .btns .btn2 {color: #0bae5b;border-color: #0bae5b;}

.se_product_box{width: 85%; margin: 4% auto;}
.se_product_box .se_product_tit{font-size: 30px; font-weight: bold;background: #cd2729;padding: 20px 0px;width: 200px; text-align: center; color: #fff;}
.se_product_box h2{ font-size: 30px;color: #0bae5b;line-height: 40px;margin-bottom: 30px;background: url(../images/new-tag.png) no-repeat left 5px;padding-left: 72px}
.se_product_box .se_product_cont p{font-size: 18px; line-height: 35px;text-indent:2em;}

.se_product_cont table {width: 100%;text-align: center;border-spacing: 0px;border-collapse: collapse;background: #fff;border-bottom: 1px solid #ddd;margin-bottom: 15px;font-size: 16px;}
.se_product_cont tr:first-child {background-image: linear-gradient(90deg,#148ffa 3%,#00c0fa 100%);background: #148ffa;height: 60px;line-height: 60px;color: #fff;}
.se_product_cont tr:nth-child(2n+3) {background: #f5f5f5;}
.se_product_cont .bhead {background-image: linear-gradient(90deg,#148ffa 3%,#00c0fa 100%);background: #148ffa;color: #fff}
.se_product_cont tr.odd {background: #f5f5f5;color: #333;}
.se_product_cont tr.even {background: none;}
.se_product_cont td.even {background: #fff;}
.se_product_cont table td {line-height: 46px;border: 1px solid #ddd;}
.se_product_cont tr {border: 1px solid #ddd;}
.se_product_cont .fr.frcontent {width: 22.1%;background: url(../images/ico15.png) repeat;margin-top: 80px;margin-bottom: 40px;-webkit-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4);-moz-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4);
box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4);}
.se_product_cont .fr.frcontent .tt {padding: 0 35px;margin-top: -31px;}

.atc-pn {position: relative;padding-top: 26px;padding-right: 160px;border-top: 1px solid #ddd;}
.atc-pn a {display: block;overflow: hidden;font-size: 18px;color: #666;line-height: 34px;margin-top: 10px;}
.atc-pn a:hover {color: #0bae5b;}
.atc-pn a label {display: inline-block;border: 1px solid #ccc;width: 98px;height: 32px;text-align: center;font-size:18px;line-height: 38px;margin-right: 15px;-webkit-transition: 0.3s;transition: 0.3s;}
.atc-pn a:hover label {border-color: #0bae5b;}

@media screen and (max-width: 960px) {
.atc-pn {padding-right: 0;margin-bottom:100px}
.atc-pn a{font-size: 16px;}
.atc-pn a label{font-size: 16px;}
.se_procont{padding-top: 21%;}
.se_procont .s_width{background: #fff;display: block;width: 95%;}
.se_procont .se_procont_l{width: 100%;}
.se_procont_r{width:95%;}
.se_procont .se_procont_r h1{margin-top: 40px; font-size: 32px;}
.se_product_box .se_product_cont p{font-size: 16px; line-height: 31px;}

}



/*内页合作案例*/
.huoout {padding:5% 0;background: url('../images/bg_01.jpg') repeat;}
.huoout:before {content: "";position: fixed;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;}
.huoout .cer9{width: 90%; margin: 0 auto;}
.huoout h2.btitle {font-size: 42px;color: #333;line-height: 66px;text-align: center;height: 66px;overflow: hidden;}
.huocon {margin: 30px auto 62px;font-size: 16px;color: #333;line-height: 36px;max-width: 900px;text-align: center;}
.huocon img {max-width: 100%;}
.huobtn {display: block;width: 62px;height: 32px;padding-left: 48px;margin: 0 auto;font-size: 14px;color: #a9a9a9;line-height: 32px;position: relative;}
.huobtn i {position: absolute;left: 0;top: 0;z-index: 1;width: 32px;height: 32px;}
.huobtn:hover i {-webkit-animation: rotate360 2s linear infinite;animation: rotate360 2s linear infinite;}
.huobtn.finish {padding-left: 0;}
.huobtn.finish i {width: 0;opacity: 0;}
.kehulist {padding: 2px 0 60px;overflow: hidden;margin: 0 -12px;}
.kehulist li {float: left;width: 15.5%;margin: 10px 0; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); margin: 0 1% 1% 0;}
.kehulist li .lin {padding: 0 12px;text-align: center;}
.kehulist li a {display: block;background-color: #fff;overflow: hidden;}
.kehulist .pic {width: 100%;height: 120px;overflow: hidden;font-size: 0;line-height: 120px;}
.kehulist img {max-width: 75%;max-height: 90%; }
.kehulist li:hover a {
-webkit-transform: scale(0.9, 0.9);transform: scale(0.9, 0.9);
}
@media screen and (max-width: 1400px) {
.kehulist li {width: 20%;}
}
@media screen and (max-width: 1200px) {
.kehulist li {width: 25%;}
}
@media screen and (max-width: 900px) {
.kehulist li {width: 33.33%;}
.huoout h2.btitle {font-size: 36px;}
.huocon {line-height: 30px;}
}
@media screen and (max-width: 750px) {
    .huoout .cer9{width: 95%; }
    .huoout h2.btitle {font-size: 22px;}
    .huocon {margin: 10px auto 15px;line-height: 31px;max-width: 90%;text-align: center;}

    .kehulist .pic {height: 78px;line-height: 78px;}

.huoout {padding: 80px 0;}
.kehulist li {width: 50%;}
}

.sepro_cont{width: 90%; margin: 0 auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;background: #f8f8f8; }
.sepro_cont_l{width: 50%;}
.sepro_cont_l img{width: 100%;}
.sepro_cont_r{width: 50%; padding: 4% 3%; }
.sepro_cont_r h2{ text-align: left; font-weight: 500; font-size: 35px;}
.sepro_cont_r .info-intro{text-align: left; }
.sepro_cont_r .info-pic{ margin: 10px 0;}
.sepro_cont_r .info-pic img{ margin: 0 auto; max-width: 100%; display: block;}
.sepro_cont_r .info_cont{font-size: 16px; line-height: 31px;;}
.sepro_cont_r .info_cont p{ margin-bottom: 15px;}

.fenye{width: 1280px; margin: 0 auto 1% auto;display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content: center; align-items: center;-webkit-align-items: center; height: 45px;}
.fenye_zong{ font-size: 14px; width: 200px; background: #f2f2f2; text-align: center;  line-height: 45px;}

@media screen and (max-width: 750px) {
	.fenye{width: 95%;  margin: 0 auto 30% auto; line-height: 30px; height: 30px;}
	.fenye_zong{ font-size: 12px; width: auto;}
}

/*se_hangye*/
.newslist {padding: 80px 0;width: 100%;font-size: 0;overflow: hidden;}
.newslist li {width: 100%;border-bottom: 1px solid #e7e7e7;}
.newslist li .lin {padding: 60px 0;position: relative;}
.newslist li a {display: block;position: relative;min-height: 225px;overflow: hidden;padding-right: 540px;}
.newslist li .pic {position: absolute;right: 0;top: 0;z-index: 1;width: 400px;height: 225px;overflow: hidden;}
.newslist li .pic img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.newslist li .wrap {padding: 26px 0 0;}
.newslist li h3 {font-size: 26px;color: #333;line-height: 42px;height: 42px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;margin: 20px 0;}
.newslist li .date {font-size: 24px;color: #999;line-height: 32px;height: 32px;font-family: "Times New Roman";}
.newslist li .txt {color: #666;line-height: 31px;text-align: justify;overflow: hidden;height: 89px;-webkit-box-orient: vertical;}
.newslist li i {width: 50px;height: 50px;border-radius: 50%;overflow: hidden;-webkit-box-shadow: 0 0 0 50px rgba(255, 255, 255, 0.15);box-shadow: 0 0 0 50px rgba(255, 255, 255, 0.15);-webkit-transition: 0.5s;transition: 0.5s;
opacity: 0;position: absolute;left: 50%;top: 50%;z-index: 2;margin-left: -25px;margin-top: -25px;}
.newslist li:hover i {width: 200px;height: 200px;margin-left: -100px;margin-top: -100px;opacity: 1;}
.newslist li .cov {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0);}
.newslist li label {position: absolute;left: 0;top: 50%;z-index: 3;width: 100%;height: 30px;margin-top: -15px;font-size: 14px;color: rgba(255, 255, 255, 0);line-height: 30px;text-align: center;cursor: pointer;}
.newslist li:hover {border-bottom-color: #222;}
.newslist li:hover h3 {-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: -webkit-linear-gradient(left,#14ae67, #048f4f);}
.newslist li:hover .cov {background-color: rgba(0, 0, 0, 0.4);}
.newslist li:hover label {color: #fff;}
.newslist li,.newslist h3,.newslist .cov,.newslist label {-webkit-transition: 0.4s;transition: 0.4s;}
@media screen and (max-width: 1200px) {
.newslist {padding: 60px 0;}
.newslist li .lin {padding: 40px 0;}
.newslist li a {padding-right: 490px;}
}
@media screen and (max-width: 1100px) {
.newslist li .wrap {padding: 30px 0 0;}
.newslist li .txt {height: 104px;}
}
@media screen and (max-width: 1023px) {
.newslist {width: auto;margin: 0 -20px;}
.newslist li {display: inline-block;width: 50%;padding-top: 0;margin-bottom: 30px;}
.newslist li .lin {margin: 0 20px;padding-top: 0;}
.newslist li .pic {position: relative;width: 100%;height: 0;padding-bottom: 62.8%;right: 0;}
.newslist li .pic img {position: absolute;left: 0;top: 0;z-index: 0;}
.newslist li a {padding-right: 0;}
.newslist li .wrap {padding: 20px 15px 0;}
.newslist li h3 {font-size: 20px;margin: 10px 0;}
}
@media screen and (max-width: 750px) {
.newslist {margin: 0 -10px;padding: 60px 0 20px;}
.newslist li .lin {margin: 0 10px;padding-bottom: 10px;}
.newslist li .wrap {padding: 20px 0 0;}
.newslist li .date {font-size: 18px;line-height: 24px;height: 24px;}
.newslist li h3 {font-size: 18px;margin: 0;}
.newslist li .txt {display: none;}
}
@media screen and (max-width: 600px) {
.newslist {margin: 0 0;}
.newslist li {display: block;width: 100%;}
.newslist li .lin {margin: 0 0;}
.newslist li .txt {display: block;height: 64px;font-size: 15px;}
}

/*新闻详情页*/
.container{width: 70%; margin: 3% auto; background: #f2f2f2; padding: 5%;}
.container h2{text-align: center;font-weight: bold; font-size: 2vw;}
.info-intro{text-align: center; font-size: 16px; line-height: 55px; border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); padding-bottom: 15px; margin-bottom: 4%;}
.info-pic{ margin: 10px 0;}
.info-pic img{ margin: 0 auto;  display: block;}
.info_cont{font-size: 16px; line-height: 31px;;}
.info_cont p{ margin-bottom: 15px;}

.container2{width: 90%; margin: 0 auto; background: #f2f2f2; padding: 5%;}
.container2 p{font-size: 16px; line-height: 31px;}

@media (max-width:750px){
	.container{margin-bottom: 15%;width: 90%; }
	.container h2{ font-size: 20px;}
	.more-info ul{width: 95%; display: block;}
	.more-info li{width:100%;}
}


/*内页加盟代理*/
.se_join{width: 85%; margin: 5% auto;}
.se_join h2{text-align: center;font-weight: 500;}
.se_join h3{text-align: center; font-weight: 100; margin-top:1%;}
.se_join h3 i{color: #f00;}

.liuyan { margin-top: 3%;}
.liuyan .hang {width: 100%;margin-bottom: 32px;}
.liuyan label {display: block;font-size: 16px;color: #333;line-height: 30px;}
.liuyan input[type=text] {width: 90%;line-height:50px;font-size:16px;color: #555;background-color: rgba(255, 255, 255, 0.2); border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); margin-bottom: 2%; padding-left: 1%;}
.liuyan textarea {padding: 12px 14px;height: 110px;resize: none;vertical-align: top;width: 90%;line-height: 28px;font-size: 14px;  border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);}
.liuyan input[type=text]:focus,.liuyan textarea:focus {border-color: #71ba2d;}
.liuyan input[type=text],.liuyan textarea {-webkit-transition: 0.3s;transition: 0.3s;}

.liuyan .layui-btn {display: block;width: 150px;height: 46px;font-size: 16px;line-height: 46px;background-color: #71ba2d;color: #fff;border:none; margin-top: 4%;}
.liuyan .layui-btn:hover {background-color: #f9be00;}
.liuyan .layui-btn-primary{display: none;}
.box_title span{display: none;}

/*内页联系我们*/
.lianxi {width: 100%;overflow: hidden;background-color: #fff;position: relative;}
.mapout {width: 50%;height: 100%;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 0;}
#map {width: 100%;height: 100%;}
.lianxicon {width: 50%;height: 100%;float: right;display: table;}
.lianxicon .inner {padding: 4% 0 10% 15%;display: table-cell;vertical-align: middle;}
.cate7 .cn {font-size: 34px;color: #222;line-height: 52px; font-weight: bold;}
.cate7 .hx {margin: 18px 0;width: 40px;height: 2px;background-color: #333;}
.cate7 .cn2 {font-size: 18px;color: #777;line-height: 31px;max-width: 80%;}
.lxcon {margin-top: 0;}
.lxcon h2{font-size: 30px; margin-top: 40px;}
.lxcon div {font-size: 18px;color: #333;line-height: 21px;margin-top: 20px;}
.lxcon i{font-size: 25px; margin-right: 20px;}
.lxewm {margin-top: 72px;}
.lxewm .subewm {display: inline-block;width: 108px;margin-right: 10px;text-align: center;}
.lxewm .pic {border: 1px solid #eee;height: 106px;line-height: 106px;}
.lxewm img {max-width: 96%;max-height: 96%;}
.lxewm p {font-size: 14px;color: #666;line-height: 24px;height: 24px;margin-top: 5px;}
#map22{height:100%;}

.css_animation{ position:relative;height:120px;  width:120px; background:rgba(0,119,211,.15);border-radius: 100%; }  
.css_animation:before{background-position:center; background-repeat:no-repeat; background-image:url(../images/alogo.png);content:''; position:absolute; left:50%; margin-left:-28px; margin-top:-28px; background-size:cover; z-index:10; top:50%; width:56px; height:56px;}  
@keyframes ripples{0%{opacity:0;transform:scale(.1,.1)}5%{opacity:1}100%{opacity:0;transform:scale(1)}}
.css_animation:after{ content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:50%; border:2px solid #14ae67; background-color:#14ae67; opacity:0;
-webkit-animation:ripples 4s ease-out 225ms infinite; -moz-animation:ripples 4s ease-out 225ms infinite; -o-animation:ripples 4s ease-out 225ms infinite; animation:ripples 4s ease-out 225ms infinite}
.css_animation i{display:block; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:50%; border:2px solid #14ae67; background-color:#14ae67; opacity:0;
-webkit-animation:ripples 4s ease-out 725ms infinite; -moz-animation:ripples 4s ease-out 725ms infinite; -o-animation:ripples 4s ease-out 725ms infinite; animation:ripples 4s ease-out 725ms infinite}
.ovh{overflow:hidden}

@media screen and (max-width: 1440px) {
	.lianxi {height: auto}
.lxcon {margin-top: 50px;}
.lxcon div {margin-top: 10px;}
.lxewm {margin-top: 50px;}
}
@media screen and (max-width: 1240px) {
.lianxicon .inner {padding-left: 40px;}
}
@media screen and (max-width: 1080px) {
.lianxi {height: auto;padding-bottom: 150px;}
.mapout {width: 100%;height: 700px;position: static;}
.lianxicon {width: 100%;padding: 0 0 50px 0;height: auto;display: block;}
.lianxicon .inner {display: block;padding: 0 40px;}
.cate7 .cn2 {max-width: 100%;}
}
@media screen and (max-width: 750px) {
	.lxcon div{font-size: 16px;}
	.lxcon i{margin-right: 10px;}
	.lxcon h2{font-size: 25px;}
	.mapout{display: none;}
.lianxicon .inner {padding: 0 20px;}
.cate7 .cn {font-size: 26px;}
}
@media screen and (max-width: 640px) {
.lianxicon .inner {padding: 0;}
}


.info_cont iframe{width:640px; height:450px; margin: 0 auto;display: inline;}

@media screen and (max-width: 770px) {
	.swiper-slide{height: auto;}
	.info_cont iframe{width:100%; height:auto; margin: 0 auto;display: inline;}
}

/*===================== 响应式代码 START =====================*/
.f_80{font-size: 80px;}
.f_72{font-size: 72px;}
.f_62{font-size: 62px;}
.f_58{font-size: 58px;}
.f_48{font-size: 48px;}
.f_40{font-size: 40px;}
.f_30{font-size: 30px;}
.f_24{font-size: 23px;}
.f_20{font-size: 20px;}
.f_18{font-size: 18px;}
.f_16{font-size: 16px;}
.f_15{font-size: 15px;}
.f_14{font-size: 14px;}

/*===================== 响应式代码 START =====================*/
@media( max-width:1600px ){
.f_80{font-size: 60px;}
.f_72{font-size: 50px;}
.f_62{font-size: 40px;}
.f_58{font-size: 58px;}
.f_48{font-size: 38px;}
.f_40{font-size: 30px;}
.f_30{font-size: 24px;}
.f_24{font-size: 20px;}
.f_20{font-size: 20px;}
.f_18{font-size: 18px;}
.f_16{font-size: 16px;}
.f_15{font-size: 15px;}
.f_14{font-size: 14px;}
}

@media( max-width:1210px ){
.f_80{font-size: 60px;}
.f_72{font-size: 50px;}
.f_62{font-size: 30px;}
.f_58{font-size: 48px;}
.f_48{font-size: 28px;}
.f_40{font-size: 26px;}
.f_30{font-size: 24px;}
.f_24{font-size: 16px;}
.f_20{font-size: 18px;}
.f_18{font-size: 16px;}
.f_16{font-size: 14px;}
.f_15{font-size: 14px;}
.f_14{font-size: 14px;}

}



@media (max-width:750px){
.f_80{font-size: 60px;}
.f_72{font-size: 50px;}
.f_62{font-size: 30px;}
.f_48{font-size: 22px;}
.f_40{font-size: 22px;}
.f_30{font-size: 24px;}
.f_24{font-size: 14px;}
.f_20{font-size: 14px;}
.f_18{font-size: 16px;}
.f_16{font-size: 14px;}
.f_14{font-size: 14px;}
}