html,body { font-family: PingFang-Medium,PingFang SC,Microsoft YaHei,HanHei SC,Helvetica Neue,Open Sans,Arial,微软雅黑,STHeiti,sans-serif; }
body{background-color: #F2F2F2; color: #1A1A1A;}
a{text-decoration: none;}
.color333{ color: #333333;}

.v79{width: 79vw;  margin: 0 auto;}
.v79-2{width: 79vw;  margin: 0 auto;}
.v85-s{width: 85vw; padding: 0 3vw; margin:0 auto;clear: both;}
.v85-s-2{width: 85vw; margin:0 auto;clear: both;}
.v100{float: left;width: 100%;background-color: #ffffff;}
.m-t-10vw{ margin-top:8vw;}
.f1vw p{font-size: 1vw !important; line-height: 2vw !important;}
.c4d p{color: #4D4D4D !important;}

.m-bg-white{background-color: rgb(255, 255, 255); float: left; width:100%;}
.m-bg-hui{background-color: #F4F5F7; float: left; width:100%;}

*{margin: 0; padding: 0; box-sizing: border-box;}
li{list-style: none;}

.header{position: relative; width: 100%;}
.w1080{margin: 0 auto; width: 100%; position: relative;}

.logo{ position:relative; width:100%; text-align: center; padding:2vw 0;}
.logo img{width: 250px;}

.frame { width: 100%; height: 40vw;}

.nav{width: 79vw; margin: 0 auto; margin-bottom: 2vw; margin-top: 5vw; overflow: hidden;}
.nav ul{float: left; width: calc( 100% + 15px );}
.nav ul li{float: left; width: calc( 33.33% - 15px ); margin-right: 15px; height: 3vw; text-align: center; line-height: 3vw; background-color: #ffffff;}
.nav ul li a{font-weight: 700; color: #1A1A1A; display: block; font-size: 1.2vw;}
.nav ul li a:hover{background-color: #042D19;color: #fff;}

.index-about{text-align: center; margin-top: 6vw; margin-bottom: 6vw; }
.index-about h2{color: #006E47; font-size: 2.5vw; font-weight: 600;margin-bottom: 20px;}
.index-about p{ font-size: 1.4vw; margin-bottom: 15px; line-height: 1.8;}

.about-left{float: left; width: 100%; font-size: 1.4vw; line-height: 1.7;}
.about-left #video{ float: right; width:55%; margin-left: 5%;}
.about-right{ float:right; width:47%;background-color: #333333;}

.product-index{width: 79vw; margin: 0 auto; margin-bottom: 2vw; margin-top: 5vw; overflow: hidden;}
.product-index h2{ font-size: 2.5vw; font-weight: 600;text-align: center;margin-top: 4.8vw; margin-bottom:2vw;}
.product-index ul{float: left; width: calc( 100% + 15px );}
.product-index ul li{float: left; width: calc( 33.33% - 15px ); margin-right: 15px; text-align: center; line-height: 3vw; background-color: #ffffff; display: flex; justify-content: center;overflow: hidden;}
.product-index ul li img{width:100%;transition:all 0.5s; -webkit-transition:all 0.5s;}
.product-index ul li:hover img{transform:scale(1.07); -webkit-transform:scale(1.07);}

.product-index .info{position: absolute; margin-top: 4vw;z-index: 1;}
.product-index .info h3{ font-size: 2vw;}
.product-index .info p{ font-size: 1.2vw; line-height: 1.6vw; font-weight: 700; margin-top: 1vw; margin-bottom: 1vw; height: 3vw;}
.product-index .info a{ background-color: #D09484; color: #ffffff; font-size: 1vw; padding: 0.5vw 2vw; }
.product-index .info a:hover{ background-color: #ffffff; color: #D09484; }


.star-index{width: 79vw; margin: 0 auto; margin-bottom: 7vw; margin-top: 6vw; overflow: hidden;}
.star-index h2{ font-size: 2.5vw; font-weight: 600;text-align: center; margin-bottom:2vw;}
.star-index ul{float: left; width: calc( 100% + 15px );}
.star-index ul li{float: left; width: calc( 50% - 15px ); margin-right: 15px; text-align: center; line-height: 3vw; background-color: #ffffff; display: flex; justify-content: center; margin-bottom: 15px;overflow: hidden;}
.star-index ul li img{float:left; width:100%;transition:all 0.5s; -webkit-transition:all 0.5s;}
.star-index ul li:hover img{transform:scale(1.07); -webkit-transform:scale(1.07);}
.star-index .info{position: absolute; margin-top: 4vw;z-index: 1;}
.star-index .info h3{ font-size: 2vw; font-weight: normal;}
.star-index .info p{ font-size: 1.2vw; line-height: 1.6vw; font-weight: 700; margin-top: 1vw; margin-bottom: 1vw; height: 3vw;}
.star-index .info a{ background-color: #1A1A1A; color: #ffffff; font-size: 1vw; padding: 0.5vw 2vw; }
.star-index .info a:hover{ background-color: #f2f2f2; color: #1A1A1A;}

.footer{width: 100%; background-color: #1A1A1A; padding-top: 3vw; padding-bottom: 3vw; float: left;}
.v85{width: 85vw;  margin: 1vw auto;}
.footer-logo{float: left; width:20vw; margin-top: 3vw;}
.footer-logo img{ width:10vw; height:auto;}
.footer-nav{float: left; width:16vw;}
.footer-nav a{float: left; width:100%; font-size: 1vw; color: #ffffff; line-height: 2.6vw;}
.footer-nav a.ss{margin-top: -6px;}
.footer-contact{float:right; width: 30vw; height: 5vw;}
.footer-contact .tel{float:left; width:100%; font-size:0.8vw; line-height: 1.6vw; color: #ffffff; border-bottom: 1px #333333 solid; padding-bottom: 10px;}
.footer-contact .tel img{ float:right; width:5vw; height:auto; background-color:#ffffff; padding: 5px;}
.footer-contact .tel span{font-size: 1.2vw;}
.footer-contact .add{float: left; width:100%; font-size: 1vw; line-height: 1.5vw; color:#ffffff; padding-top: 1vw;}
.footer-contact .add a{color:#ffffff;}
.footer-contact .add a:hover{color: #999;}
.footer-cop{float: left; width:100%; border-top: 1px #333333 solid; line-height: 2vw; font-size: 1vw; color:#ffffff; background-color: #1A1A1A; padding-bottom:1vw;}
.footer-cop span{float: right; }
.footer-cop a{color:#fff;}

.goTop >img{
  width: 50px;
  cursor: pointer;
}
.goTop{
  position: fixed;
  right : 20px;
  bottom : 20px;
}

.position{position: relative; width:100%; height:40px; line-height: 40px; font-size: 16px; color: #ffffff; 
  background-image: linear-gradient(to right, #1A1A1A 0%, #1A1A1A 50%, #1a7955 50%, #1a7955 100%);
}
.position a{color: #fff;}
.position a:hover{color:#999;}

.page-banner{position: relative; width:100%; background-color: #333333; display: flex; justify-content: center;}
.page-banner img{width: 100%; float: left;}
.banner-text{position: absolute; color: #ffffff;}
.banner-text h2{ font-size: 3.5vw; padding-top: 10vw;}
.banner-text h3{ font-size: 2.5vw; color: #1A1A1A; padding-top: 7vw;}
.banner-text p{font-size: 22px; line-height: 1.3; padding-top: 1vw;}


/*--产品中心滚动切换--*/
.w-imgText{ overflow:hidden; margin-top:6vw;}
.w-imgText ul,.w-imgText li{ list-style:none; padding:0; margin:0;}
.w-imgText .item{ position:relative;}
.w-imgText .item > a{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2;}
.w-imgText .img-count-in{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;*height:100%; }
.w-imgText .text_x{ position:relative; z-index:1;}
.w-imgText1{position:relative;}
.w-imgText1 .item{ padding-bottom:30px; padding-left:1px;}

.w-imgText1 .img{ float: left; width:33.3333%; overflow:hidden;}
.w-imgText1 .img img{width:98%;transition:all 0.5s; -webkit-transition:all 0.5s; }
.w-imgText1 li:hover .img img{ transform:scale(1.07); -webkit-transform:scale(1.07);}

.w-imgText1 .textB{ float: left; width:calc( 100% - 33.3333% - 80px ); margin-right: 80px;}
.w-imgText1 .text_x .tt_h{font-size:2.5vw; font-weight: 700; color:#000;}
.w-imgText1 .text_x .tt_h span{font-size: 1.8vw; }
.w-imgText1 .text_x p{color:#4d4d4d; width: 100%; font-size: 1vw; line-height: 1.8;float: left;margin-top: 20px;}

.v79-2{display: flex; justify-content: center;}
.igt_btn{ position:absolute; z-index:0; max-width:1920px; width: calc( 100% - 4vw ); left:2vw; right:2vw; height:100px; margin-top:15vw; }
.igt_btn .igt_prev,.igt_btn .igt_next{ position:absolute; cursor:pointer; width: 6vw;}
.igt_btn .igt_prev img,.igt_btn .igt_next img{ width: 100%;}
.igt_btn .igt_prev{ left:0;}
.igt_btn .igt_next{ right:0;}


.w-imgText1 .text_x .btn a{ background-color: #00AE54; color: #ffffff; font-size: 1.2vw; padding: 0.5vw 2vw; margin-top: 2.5vw; float: left;}
/*--产品中心滚动切换END--*/


.cp-nav{position: relative; width:100%; margin-top: 10vw; margin-bottom: 10vw; display: flex;}
.cp-nav ul{ position:relative; flex: 1;}
.cp-nav ul li{ font-size: 1.35vw; line-height:3.5vw;}
.cp-nav ul li a{color: #1A1A1A;}
.cp-nav ul li a:hover{color: #00AE54;}
.cp-nav ul li:nth-child(1){color: #D99D7B; font-weight: 700;}
.cp-nav ul:nth-child(2) li{ border-left:1px #666666 solid; padding-left: 2vw; width: calc( 100% - 1px - 2vw );}
.cp-nav ul:nth-child(3) li{ border-left:1px #666666 solid; padding-left: 2vw; width: calc( 100% - 1px - 2vw );}


/*--Tab开始--*/
.swiper1, .swiper3, .swiper5 {
  padding-top: 2.5vw;
}
.swiper1 .selected, .swiper3 .selected, .swiper5 .selected {color: #000;background-color: #fff !important;}
.swiper1 .swiper-slide, .swiper3 .swiper-slide, .swiper5 .swiper-slide {
  text-align: center;
  font-size: 1.2vw;
  font-weight: 700;
  height: 4vw;
  line-height: 4vw;
  cursor: pointer;
}
.swiper-slide.tab-bg{background-color: #E6E6E6;}

.swiper2 .swiper-slide, .swiper4 .swiper-slide, .swiper6 .swiper-slide {
  background-color: #fff;
  text-align: center;
  padding: 5%;
}
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
  height: auto !important;
}
.swiper-wrapper {
  position: relative;
  width: 79vw;
  z-index: 1;
  display: flex;
}
.swiper-container-free-mode>.swiper-wrapper {
  margin: 0 auto
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  position: relative
}
/*--Tab结束--*/

.showCp{float: left; width: 100%; text-align: left;}
.showCp h2{float: left; width:100%; font-size: 3vw;margin-bottom: 3vw;}
.showCp p{float: left; width:100%; font-size: 1.3vw; color: #4D4D4D; line-height: 1.8;margin-bottom: 20px;}

.showCp p img{width: 450px;transition:all 0.5s; -webkit-transition:all 0.5s;float: right;margin-right: 5vw;margin-bottom: 5vw;margin-left: 9vw;}
.showCp p:hover img{transform:scale(1.05); -webkit-transform:scale(1.05);}


.p-l{float: left;width: calc( 82% - 450px );}
.p-r{float: right;width: 450px;}
.p-l .l2{float: left;width: 100%;text-align: right;margin-top: 20px;}
.p-l .l2 img{width: 230px;}

.p-r p img{width: 450px;transition:all 0.5s; -webkit-transition:all 0.5s;float: right;}
.p-r p:hover img{transform:scale(1.05); -webkit-transform:scale(1.05);}



.showCp h3{float:left;width: 100%;margin-top: 5vw;font-size: 1.8vw;margin-bottom: 5vw;padding: 0 3vw;}
.showCp ul{float: left;width: 100%;}
.showCp ul li{float: left;width: 100%;padding-bottom: 2vw;padding-top: 2vw;}
.showCp ul li h4{float:left;width:30%;font-size: 1.4vw;padding-left: 3vw;}
.showCp ul li h4 span{float:left;width:100%;color: #00AE54;font-size: 1vw;}
.showCp ul li p{float:left;width:66%;font-size: 22px;line-height: 1.8;margin-top: 0;}
.showCp ul li:nth-child(1){background-color: #f8f8f8;}
.showCp ul li:nth-child(3){background-color: #f8f8f8;}
.showCp ul li:nth-child(5){background-color: #f8f8f8;}

.btn a {
  background-color: #00AE54;
  color: #ffffff;
  font-size: 1.2vw;
  padding: 0.5vw 2vw;
  margin-top: 5vw;
  margin-bottom: 5vw;
  float: left;
}
.btn a:hover{color:#1a1a1a;}

#dosubmit{
  background-color: #00AE54;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px;
  border: none;
}


.cp-s-nav{float:left; width:100%; padding-bottom: 10vw; padding-top: 4vw;}
.cp-s-nav h4{color: #D99D7B; font-size: 1.5vw; font-weight: 700; line-height:4vw;}
.cp-s-nav ul{ position:relative; }
.cp-s-nav ul li{ font-size: 1.35vw; line-height:3.5vw; width: 50%; float: left; font-weight: 700;height: 70px;}
.cp-s-nav ul li a{color: #1A1A1A;float: left;}
.cp-s-nav ul li:nth-child(1) a{padding-top: 6px;}
.cp-s-nav ul li a:hover{color: #00AE54;}


.js-info{ float: left; width:100%; padding: 3vw 0; background-color: #ffffff; margin-top: 5vw;}
.js-info-left{float: left; background-image: url(../images/js1.png); background-position: right center; background-repeat: no-repeat; width: 50%; padding:4.5vw 9vw 4.5vw 4.5vw; font-size: 22px; line-height: 1.8; color: #ffffff;background-size: cover;}
.js-info-right, .js-info-right2{float: right;width: 35%;margin-right: 10%;}
.js-info-right ul, .js-info-right2 ul{float: left;width: 100%;}
.js-info-right ul li, .js-info-right2 ul li{float: left;width: 100%;border-bottom: 1px #666666 solid; font-size: 22px;line-height: 1.8;color: #666666;padding: 1vw 0;}

.js-info2{ float: left; width:100%; padding: 5%; background-image: url(../images/js2.jpg); background-position: left center; background-repeat: no-repeat;background-size: cover;}
.js-info2 h2{float: left;width: 100%;text-align: center;font-size: 2vw;color: #ffffff;margin: 1vw 0;}
.js-info2 h2 span{color: #71E286;padding: 0 10px;}
.js-info2 p{float: left;width:100%;text-align: center;font-size: 22px;color: #ffffff;line-height: 1.8;margin-top: 1vw;margin-bottom: 3vw;}
.js-info2-left{float: left;font-size: 5vw;color: #ffffff;text-align: right;width:45%;}
.js-info2 .js-info-right2 ul li{color: #ffffff;border-bottom: 1px #ffffff solid;}

.js-title{float: left;width: 100%;text-align: center;margin-top: 5vw;color: #1A1A1A;font-size: 2.5vw;font-weight: 700;}

.swiper-container h3{font-size: 1.8vw;margin-bottom: 3vw;}
.swiper-container h3 span{margin-top: 5vw;font-size: 1vw;color: #006E47;text-align: center;float: left;width: 100%;margin-bottom: 2vw;}

.js{float: left;width: 100%;}
.js .swiper1 { width: 90%; padding-top: 2.5vw;}
.js .swiper1 .swiper-wrapper{width: calc( 100% + 10px );}
.js .swiper1 .swiper-slide{ padding: 0vw; width: 25% !important;margin-right: 0 !important;}
.js .swiper2 .swiper-slide{ padding: 4vw;height: auto !important;}
.js .swiper1 .swiper-slide.tab-bg{background-color: #042D19;color: #ffffff;}
.js .swiper1 .selected {color: #ffffff;background-color: #00AD54 !important;}

.js-left { float: left; width: calc( 92% - 35vw); text-align: left;}
.js-left h3{float: left; width:100%; font-size: 1.5vw; color:#006E47;}
.js-left h4{float: left; width:100%; font-size: 1.3vw; font-weight: bold; margin-bottom: 1vw;}
.js-left p{float: left; width:100%; font-size: 1vw; color: #000000; line-height: 1.8; margin-bottom: 30px;}
.js-left p span{color:#006E47;}
.js-right{float:right; width: 36vw;}
.js-right img{width: 100%; }
.js-img{width:100%; margin: 4vw 0;float: left;margin-bottom: 0;}
.js-img img{width: 100%;}

.jsfz-info{margin: 0 auto;margin-top: 5vw;font-size: 1.2vw;color: #006E47;text-align: center;width: 100%;margin-bottom: 2vw;font-weight: 700;}
.js-fz{float: left;width: 100%;margin-top: 5vw;margin-bottom: 3vw;}
.js-fz ul{float: right;width: 95%;}
.js-fz ul li{float: left;border-left: 1px #000000 solid;padding-left: 20px;text-align: left;margin-left: 40px;height: 27vw;}
.js-fz ul li h4{float: left;width: 100%;margin-top: -10px;margin-bottom: 1vw;font-size: 20px;font-weight: 700;}
.js-fz ul li h4 span{float: left;width: 5px;height: 5px;margin-left: -23px;background-color: #000;border-radius: 5px;margin-top: 9px;}
.js-fz ul li p{float: left;width: 100%;line-height: 1.8;font-size: 1vw;}
.js-fz ul li img{float: left;border: 1px #ccc solid;padding: 5px;margin-top: 1vw;margin-bottom: 3vw;width: 90%;}
.js-fz ul li:nth-child(1){width: calc( 38% - 61px );}
.js-fz ul li:nth-child(2){width: calc( 31% - 61px );}
.js-fz ul li:nth-child(3){width: calc( 31% - 61px );}

.js-sjx{float:left;width: 100%;}
.js-sjx ul{float: left;width: 100%;}
.js-sjx ul li:nth-child(1){float: left;width: 17%;height: 3vw;text-align: center;line-height: 3vw;color: #ffffff;font-size: 1vw;background-color: #042D19;margin-left: 0;padding-left: 0;border: none;}
.js-sjx ul li:nth-child(2){float: left;width: 24%;height: 3vw;text-align: center;line-height: 3vw;color: #ffffff;font-size: 1vw;background-color: #044E19;margin-left: 0;padding-left: 0;border: none;}
.js-sjx ul li:nth-child(3){float: left;width: 24%;height: 3vw;text-align: center;line-height: 3vw;color: #ffffff;font-size: 1vw;background-color: #006E47;margin-left: 0;padding-left: 0;border: none;}
.js-sjx ul li:nth-child(4){float: left;width: 24%;height: 3vw;text-align: center;line-height: 3vw;color: #ffffff;font-size: 1vw;background-color: #00AD54;margin-left: 0;padding-left: 0;border: none;}
.js-sjx ul li:nth-child(5){float: left;width: 10%;height: 3vw;text-align: center;line-height: 3vw;color: #ffffff;font-size: 1vw;background-color: #71E286;margin-left: 0;padding-left: 0;border: none;}
.js-sjx ul li:nth-child(5) img{border: none;padding: 0;height: auto;margin-bottom: 0;margin-top: -1.5vw;margin-right: -1vw;float: right;width: 14%;}

.js-ul3{float: left;width: 75%;margin-left: 38%;}
.js-ul3 ul{float: left;width: 100%;}
.js-ul3 ul li{float: left;width: calc( 33% - 61px ) !important;}
.js-ul3 ul li h4{padding-top: 80px;}
.js-ul3 ul li p{width: 100%;}

.js-yxyy{width:80%;margin: 0 auto;padding-top: 3vw;}
.js-yxyy .js-left{float:left;width:50%;}
.js-yxyy .js-left ul{float: left;width: 100%;}
.js-yxyy .js-left ul li{float: left;width:30%;height: 8.5vw;border-radius: 50%;margin-left: 10px;text-align: center;line-height: 1em;color: #ffffff;font-size: 1.3vw;padding-top: 2.2em;}
.js-yxyy .js-left ul li:nth-child(1){background-color: #042D19;}
.js-yxyy .js-left ul li:nth-child(2){background-color: #006E47;}
.js-yxyy .js-left ul li:nth-child(3){background-color: #00AD54;}
.js-yxyy .js-right{float:right;width:40%;text-align: left;}
.js-yxyy .js-right h4{color: #006E47;font-size: 1.2vw;margin-bottom: 1vw;line-height: 1.8;}
.js-yxyy .js-right p{line-height: 1.8;font-size: 1.2vw;}
.js-yxyy .info{float: left;width: 100%;font-size: 1.2vw;line-height: 1.8;margin-top: 4vw;text-align: left;margin-bottom: 2vw;}

.js-yy{float:left;width: 100%;}
.js-yy .js-left{width:25%;position: absolute;}
.js-yy .js-left h4{color: #006E47;font-size: 1.2vw;margin-bottom: 1vw;line-height: 1.8;}
.js-yy .js-left p{line-height: 1.8;font-size: 1vw;}
.js-yy .js-img{float:left;width: 100%;}


.js .swiper3 { width: 90%; padding-top: 2.5vw;ta}
.js .swiper3 .swiper-wrapper{width: calc( 100% + 10px );}
.js .swiper3 .swiper-slide{ padding: 0vw; width: 25%!important;margin-right: 0 !important;}
.js .swiper4 .swiper-slide{ padding: 4vw;padding-top:6vw;height: auto !important;margin-bottom: 8vw;}
.js .swiper3 .swiper-slide.tab-bg{background-color: #042D19;color: #ffffff;}
.js .swiper3 .selected {color: #ffffff;background-color: #00AD54 !important;}

.js .swiper4 h3{float: left;width: 20%;font-size: 2vw;text-align: left;}
.js .swiper4 h3 span{float: left;margin-bottom: 0;margin-top: 0;text-align: left;color: #000000;}
.js .swiper4 h3 span small{float:left;font-size: 1vw;line-height: 2vw;}
.js .swiper4 h3 span img{width:3vw;margin-left: 10px;margin-top: 0.5vw;float: left;}
.js .swiper4 .js-right{float: right;width: 60%;text-align: left;font-size: 1.2vw;line-height: 1.8;margin-right: 9%;}
.js .swiper4 .js-right p{float: left;width: 100%;margin-bottom: 1vw;}
.js .swiper4 .btn{float:left;width: 100%;text-align: center;margin: 2vw 0;margin-top: 10vw;}
.js .swiper4 .btn span{padding: 0.5vw 5vw;border: 1px #00AD54 solid;font-size: 1.2vw;}

.js .swiper5 { width: 90%; padding-top: 2.5vw;}
.js .swiper5 .swiper-wrapper{width: calc( 100% + 10px );}
.js .swiper5 .swiper-slide{ padding: 0vw; width: 25%!important;margin-right: 0 !important;}
.js .swiper5 .swiper-slide.tab-bg{background-color: #042D19;color: #ffffff;line-height: 1.1;padding-top: 10px;}
.js .swiper5 .selected {color: #ffffff;background-color: #00AD54 !important;}
.js .swiper5 .swiper-wrapper div:nth-child(1){padding-top: 7px;}
.js .swiper5 .swiper-wrapper div:nth-child(2){padding-top: 10px;}
.js .swiper5 .swiper-wrapper div:nth-child(3){padding-top: 10px;}
.js .swiper5 .swiper-wrapper div:nth-child(4){padding-top: 10px;}

.js .swiper6 h3{float: left;width: 100%;font-size: 2vw;}
.js .swiper6 h3 span{float: left;margin-bottom: 0;margin-top: 0;text-align: left;color: #000000;}
.js .swiper6 h3 span small{float:left;font-size: 1vw;line-height: 2vw;}
.js .swiper6 h3 span img{width:3vw;margin-left: 10px;margin-top: 0.5vw;float: left;}
.js .swiper6 .js-right{float: right;width: 50%;text-align: left;font-size: 1.2vw;line-height: 2vw;}
.js .swiper6 .js-right p{float: left;width: 100%;margin-bottom: 1vw;}
.js .swiper6 .btn{float:left;width: 100%;text-align: center;margin: 2vw 0;margin-top: 10vw;}
.js .swiper6 .btn span{padding: 0.5vw 5vw;border: 1px #00AD54 solid;font-size: 1.2vw;}





.page-about{ margin-top: 6vw; margin-bottom: 6vw;float: left;width: 100%;}
.page-about img{float: left;width: 100%;}

.about-nav{float: left;width: 100%;height: 3vw;background-color: #042D19;}
.about-nav ul{float: left;width: 100%;}
.about-nav ul li{float: left;width: 25%;text-align: center;line-height: 3vw;font-size: 1vw;color: #ffffff;}
.about-nav ul li:hover{background-color:#00AD54;}
.about-nav ul li a{color: #fff;}

.about-p-left{float:left;width:100%; margin-top:96px;}
.about-p-left p{float:left;width:100%;margin-bottom: 1vw;font-size: 22px;line-height: 1.8;color: #1A1A1A;}
.about-p-left p img{float: right; padding-left: 20px; max-width: 50%;}
.about-p-right{float:right;width:50%;overflow: hidden;}
.about-p-right img{float:right;width: 100%;transition:all 0.5s; -webkit-transition:all 0.5s;}
.about-p-right:hover img{transform:scale(1.07); -webkit-transform:scale(1.07);}

.img100{float: left;width: 100%;}
.img100 img{width: 100%;}

.p-t-b{margin: 100px 0;}

.dsj{float:left;width:100%;margin-top: 50px;}
.dsj h3{float:left;width:100%;text-align: center;font-size: 2vw;}
.dsj .info{float:left;padding:50px;font-size: 22px;line-height: 1.8;}

.about .swiper1{border-bottom: 4px #4D4D4D solid;width: 100%;padding: 0 1% 1vw 1%;}

.about .swiper1 .selected{background-color: transparent !important;border-radius: 50px 50px 50px 50px;border: 1px #1A1A1A solid;height: 3vw;line-height: 3vw;font-size: 1.1vw;margin: 0 2vw !important;color: #1A1A1A !important;width: calc( 25% - 4vw) !important;}
.about .swiper1 .selected span{width: 100%;height: 4px;background-color: #00A659;margin-top: 3.8vw;position: absolute;left: 0;}

.about .swiper1 .swiper-slide.tab-bg{background-color: transparent !important;border-radius: 50px 50px 50px 50px;border: 1px #1A1A1A solid;height: 3vw;line-height: 3vw;font-size: 1.1vw;margin: 0 2vw !important;color: #1A1A1A !important;width: calc( 25% - 4vw) !important;}

.ls{float: left;width: 100%;margin-bottom: 2vw;}
.ls ul{float: left;width: 100%;}
.ls ul li{float: left;width: 100%;}
.ls-left{float: left;width: 220px;text-align: left;font-size: 22px; line-height: 1.8;}
.ls-right{float: left;width: calc( 100% - 220px );margin-bottom: 1vw;}
.ls-right p{float:left;width:100%;font-size: 22px; line-height: 1.8;float: left;text-align: left;}

.zl{float: left;width: 100%;padding: 5vw 5vw 8vw 5vw;}
.zl h2{float: left;width: 100%;text-align: center;font-size: 2.5vw;color: #ffffff;margin-bottom: 3vw;}
.zl ul{float: left;width: 100%;background-color: transparent;margin-bottom: 0;}
.zl ul li{width: 100%;border-bottom: 1px #ffffff solid;line-height: 1.8;font-size: 22px;color: #ffffff;padding: 15px 0;float: left;}
.zl ul li span{float: left;width: 180px;}
.zl ul li p{float:left; width: calc( 100% - 180px );}
.zl-left{float: left;width: 200px;text-align: center;}
.zl-right{float: left;width:calc( 100% - 200px );}

.job{width: 70%;margin: 0 auto;}
.job h2{float:left;width: 100%;text-align: center;font-size: 2.5vw;margin-bottom: 3vw;margin-top: 10vw;}
.job p{float:left;width:100%;text-align: center;font-size: 22px;line-height: 1.8; margin-bottom:10px;}

.jr{float:left;width:100%;margin-top: 3vw;text-align: center;margin-bottom: 10vw;}
.jr .con{ border: 1px #00A659 solid;padding: 20px;float: left;width: 100%;}
.jr .con h3{width: 100%;font-size: 1.5vw;margin-bottom: 1vw;float: left;}
.jr .con p{width: 100%;padding-bottom: 1vw;float: left;}
.jr .con p a{color: #00A659;}

.yf-info{text-align: center;background-color: #ffffff;font-size: 1.4vw;line-height: 1.8;margin:5vw auto}

h2.yf-td{text-align: center;font-size: 2.5vw;width: 100%;float: left;margin-bottom: 6vw;}


.yf .w-imgText{margin-top: 1vw;margin-bottom: 1vw;}
.yf .igt_btn{margin-top: 10vw;}
.yf .w-imgText1 .textB{margin-left: 80px;margin-right: 0;}
.yf .w-imgText1 .text_x .tt_h{margin-top: 2vw; font-size: 2vw;margin-bottom: 3vw;}
.yf .w-imgText1 .text_x .tt_h span{font-size: 18px;line-height: 22px;margin-top: 20px;float: left;}
.yf-list{float:left;width: 100%;}
.yf-list ul{float: left;width: 100%;margin-bottom: 3vw;}
.yf-list ul li{float:left;width:calc( 50% - 1vw );margin: 0 0.5vw 5vw 0.5vw;overflow: hidden;}
.yf-list ul li img{float: left;width: 100%;transition:all 0.5s; -webkit-transition:all 0.5s;}
.yf-list ul li:hover img{transform:scale(1.07); -webkit-transform:scale(1.07);}

.yf-list ul li h3{float: left;width: 90%;font-size: 1.4vw;line-height: 2;color: #006E47;margin: 0 5%;margin-top: 1.5vw;margin-bottom: 1vw;font-weight: bold;}
.yf-list ul li p{float:left;width:90%;margin: 0 5%;font-size: 1vw;line-height: 1.8;}

.news{margin: 8vw auto;float: left;}
.news h2{font-size: 3vw;float: left;width: 100%;margin-bottom: 2vw;}
.news ul{}
.news ul li{float: left;width: 100%;margin-top: 2vw;}
.news ul li span:nth-child(1){float: left;margin-right: 40px;font-size: 22px;line-height: 1.8;width: 115px;}
.news ul li span:nth-child(2){float: left;padding: 0 10px;border: 1px #00A659 solid;font-size: 20px;line-height: 1.8;width: 250px;}
.news ul li a{float: right;font-size: 22px;margin-left: 40px;color: #000;line-height: 1.2;width: calc( 100% - 115px - 40px - 250px - 40px );}
.news ul li a:hover{color: #006E47;}

.show{max-width: 800px;margin: 0 auto;}
.show h2{font-size: 40px;margin-top: 80px;line-height: 50px;}
.show .date{text-align: right;font-size: 14px;margin-bottom: 20px;margin-top: 20px;}
.show img{max-width:100%;height: auto !important;}
.show .con p{font-size: 18px;line-height: 40px;margin-bottom: 30px;}
.show .info{margin-top: 5vw;float: left;width: 200px;text-align: center;font-size: 16px;line-height: 25px;font-weight: 700;}
.show .info img{float: left;margin-bottom: 20px;}
.show .btn{margin-top: 5vw;float: left;width: 100%;margin-bottom: 5vw;}
.show .btn a{color: #FFFFFF;background-color: #1A1A1A;line-height: 45px;display: block;height: 45px;width: 15vw;text-align: center;padding: 0;font-size: 20px;}

/* 分页 */
#pages { padding:14px 0 10px;margin-top: 20px;float: left;width: 100%;}
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#00A659; border:1px solid #00A659; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }



/* 视频样式 */
#video {
  width: 100%;
  height: 51vw;
}
.page-about #video {
  width: 100%;
  height: 40vw;
}
#video video {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.VideoBtn {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 70px;
  height: 70px;
  margin-left: -35px;
  margin-top: -35px;
  cursor: pointer;
  z-index: 10;
}

.ypsq{padding: 100px 0;float: left;width: 100%;}
.ypsq h1{float: left;width: 100%;margin-bottom: 40px;}
.ypsq tr{font-size: 14px;line-height: 30px;}
.ypsq td label{line-height: 22px;margin-right: 20px;float:left;width: 100% !important;}
.input-text{height: 25px;}
.ypsq td textarea{width: 380px;height: 150px !important;}
#dosubmit{margin-top: 40px;padding: 10px 30px;margin-left: 100px;}




.nav-about.side-menu>li {
	cursor: pointer
}

.nav-about.child_menu {
	display: none
}

.nav-about>li>a {
	display: block;
	color: #ffffff;
}

.liname{text-align: center;cursor: pointer}



.logo.mm{display: none;}
.mmBanner{display: none;}

.pc{display:block;}
.mm{display:none;}

.jr .con p br{display:none;}

@media only screen and (max-width: 959px) {
  .logo.pc{display: none;}
  .logo.mm{display: block;}

  .logo{min-height: 50px;}
  .nav, .about-left, .footer-contact .tel img{ display: none;}
  .index-about{ margin-top: 40px;}
  .about-right{width: 100%;height: auto;}
  .product-index ul{width: 100%;}
  .product-index ul li{width: 100%;height: 200px;margin-bottom: 15px;margin-right: 0;}
  #video{height: auto;}
  .index-about h2{font-size: 20px;}
  .index-about p{font-size: 14px; line-height: 1.5;text-align: left;}
  .index-about p br{display: none;}
  .product-index h2{font-size: 24px;}
  .product-index .info{left: 12%;text-align: left;margin-top: 30px;}
  .product-index .info h3{font-size:20px;}
  .product-index .info p{font-size:14px;line-height: 1.5;height: auto;margin-bottom: 25px;margin-top: 10px;font-weight: normal;}
  .product-index .info a { padding: 5px 10px;font-size: 16px;margin-top: 10px;}
  .logo img{width:23vw;}
  .product-index ul li img { height: 60vh; margin-top: -19vh;}
.star-index h2 {font-size: 24px;}
.star-index ul li{width: 100%;height: 200px;}
.star-index ul li img { height: 45vh; margin-top: -19vh;}
.star-index .info{left: 12%;text-align: left;margin-top: 30px;}
.star-index .info h3{font-size:20px;}
.star-index .info p{font-size:14px;line-height: 1.5;height: auto;margin-bottom: 25px;margin-top: 10px;font-weight: normal;}
.star-index .info a { padding: 5px 10px;font-size: 16px;margin-top: 10px;}

.footer-logo img {width: 15vw;}

.footer-nav{width: 25vw;}
.footer-nav.h5-help{width: 40vw;}
.footer-nav a{line-height: 20px; font-size: 12px;}
.footer-contact{float: left; width: 85vw; height:auto;margin-top: 20px;}
.footer-contact .tel, .footer-contact .add, .footer-cop{line-height: 16px; font-size: 12px;}

.footer-cop span{float: left;width: 85vw;}

.about-nav{height: 30px;}
.about-nav ul li{line-height: 30px;}
.about-nav ul li a{font-size: 12px;}
.about-p-left{width: 100%;margin-top: 0;}
.about-p-left p{font-size: 14px;line-height: 1.5;margin-bottom: 20px;}
.about-p-right{float: left;width: 100%;margin-top: 10px;}
.p-t-b{margin: 20px 0;}
.dsj{margin-top: 30px;}
.dsj h3, .zl h2, .job h2{font-size: 20px;margin-bottom: 10px;text-align: left;font-weight: 700;}
.dsj .info{padding: 0px;font-size: 14px;line-height: 1.5;margin-bottom: 20px;}
.ls-left{width: 90px;font-size: 14px; line-height: 1.5;}
.ls-right{width: calc( 100% - 90px );}
.ls-right p{font-size: 14px; line-height: 1.5;}
.js .swiper2 .swiper-slide{padding: 15px 0;}
.about .swiper1{border-bottom: 1px #4D4D4D solid;}
.zl{padding: 20px 0;}


.zl ul li{width: 100%;border-bottom: 1px #ffffff solid !important;height: auto;line-height: 1.5;font-size: 14px;color: #ffffff;padding: 0;overflow: hidden;}
.zl ul li span{float: left;height: auto;width: 90px;padding: 10px 0;}
.zl ul li p{padding: 10px 0;line-height: 22px;float: right; width: calc( 100% - 90px );}
.nav-about>li>a { line-height: 40px;}


.zl-left{width: 70px;}
.zl-right{width: calc( 100% - 70px );}

.job{width: 100%;}
.job p, .jr .con p{font-size: 14px;line-height: 1.5;text-align: left;}
.jr .con h3{font-size: 16px;text-align: left;font-weight: 700;}
.jr .con p span{display: none;}
.jr .con p br{display:block;}

.position{height: 30px;line-height: 30px;font-size: 12px;background-color:#1a1a1a ;background-image: none;}
.banner-text p{font-size: 14px;line-height: 24px;}
.banner-text p br{display: none;}

.w-imgText1 .text_x .tt_h{font-size: 18px;}
.w-imgText1 .text_x p{font-size: 14px;line-height: 1.5;}
.w-imgText1 .textB{width: 100%;margin-right: 0px;}
.w-imgText1 .img{width: 100%;}

.cp-nav{float: left;width: 100%;display: block;margin-top: 40px;}
.cp-nav ul{margin-bottom: 20px;}
.cp-nav ul li{border-left: 0 !important;padding-left: 0 !important;font-size: 16px; line-height: 28px;}
.cp-nav ul li:nth-child(1){font-size: 18px;margin-bottom: 10px;}

.igt_btn{height: auto;margin-top: 100px;}
.banner-text h3{font-size: 14px;}

.showCp h2{font-size: 25px;}
.showCp p img{margin-left:0;margin-right: 0;width: 100%;}
.showCp p{font-size: 14px;line-height: 1.5;}

.showCp h3{font-size: 22px;}
.showCp ul li p{font-size: 14px;line-height: 1.5;margin-bottom: 0;width: calc( 100% - 20px );float:left;padding-left: 20px;}

.cp-s-nav h4{font-size: 20px;float: left;width: 100%;margin-bottom: 20px;}
.cp-s-nav ul li{float:left;width:100%;margin-bottom: 15px;}
.cp-s-nav ul li a{font-size: 16px;}
.showCp ul li { padding-bottom: 20px;}
.showCp ul li h4{font-size: 16px;width: calc( 100% - 20px ); padding-left: 20px;margin-bottom: 20px;}
.showCp.xx ul li h4{font-size: 16px;width: 100%;}
.showCp ul li h4 span{font-size: 14px;padding-top: 10px;}

.p-l{width:100%;padding-right:0;}
.p-l .l2{text-align: center;}
.p-l .l2 img{width: 150px;}

.p-r{width:100%;margin-top:20px;}

.js-info-left{font-size: 14px;
  width: 50%;
  line-height: 1.5;
  padding: 4.5vw 33px 4.5vw 4.5vw;
}
.js-info-right{width: 40%;
  margin-left: 5%;
  margin-right: 40px;}
.js-info-right ul li{line-height: 19px;font-size: 14px;padding: 0px 0 10px 0;
  margin-bottom: 10px;}
.js-info-right2{width: 42%;margin-right: 5%;padding: 20px 0;}
.js-info-right2 ul li{line-height: 1.4;
  font-size: 14px;
  padding: 10px 0;color: #fff;}

.js-info2{background-image: url(../images/js2_mob.jpg);
  background-position: -127px bottom;
  width: 110%;
  margin-left: -5%;
  padding: 0;
  background-size: 253%;
  border: 20px #ffffff solid;
  border-top: none;
}
.js-info2 h2{font-size: 18px;width: 100%;float: left;background-color: #fff;padding: 20px 0 10px 0;color: #1A1A1A;font-weight: 700;margin: 0;}
.js-info2 p{font-size: 14px;line-height: 1.5;background-color: #fff;width: 100%;float: left;color: #1A1A1A;padding: 0 5%;text-align: center;margin: 0;padding-bottom: 30px;}
.js-info2-left{font-size: 45px;
  width: 45%;
  padding-top: 30px;}

.js-title{font-size: 20px;
  width: 115%;
  margin-left: -10%;
  padding: 10px 5%;
  background-color: #006E47;
  color: #fff;margin-top: 40px;}
.js-title.mm{width: 110%;}

.js .swiper1 .swiper-slide{width:auto !important;padding: 0;}
.swiper1 .swiper-slide, .swiper3 .swiper-slide, .swiper5 .swiper-slide{font-size: 12px;height: auto;line-height: 30px;}

.swiper-container h3{font-size:18px;margin-top: 20px;margin-bottom: 0;}

.js-left{width:100%;padding: 0 5%;}
.js-left h4{font-size:16px;margin-top: 10px;font-weight: 700;margin-bottom: 15px;}
.js-left p{font-size:14px;line-height:1.4;margin-bottom: 15px;}

.js-right{width:100%;padding: 5%;}
.js-img{margin: 0;padding: 5%;}

.js-fz ul li{margin-left: 0;padding-left: 10px;font-size: 14px;line-height: 24px;}
.js-fz ul li h4 span{margin-left: -13px;}

.js-fz ul li:nth-child(1){width: calc( 54% - 60px );}
.js-fz ul li:nth-child(2){width: calc( 47% - 60px );}
.js-fz ul li:nth-child(3){width: calc( 47% - 60px );}
.js-fz ul li p{width: 94%;font-size: 14px;line-height: 24px;height:145px;}
.js-fz ul li img{height: 55px;padding: 1px;}

.js-sjx ul li{font-size: 12px !important;line-height: 30px !important;height: 30px !important;}
.js-sjx ul li:nth-child(1){width:17% !important;}
.js-sjx ul li:nth-child(2){width:18% !important;}
.js-sjx ul li:nth-child(3){width:24% !important;}
.js-sjx ul li:nth-child(4){width:24% !important;}
.js-sjx ul li:nth-child(5){width:14% !important;}
.js-sjx ul li:nth-child(5) img{margin-top: -16px; margin-right: -8px; width: 23%;}

.js-ul3{margin-left: 38%;}
.js-ul3 ul li{width: calc( 63% - 61px ) !important;}

.js-yxyy{width:100%;}
.js-yxyy .js-left{padding: 0 5%;width: 100%;}
.js-yxyy .js-left ul{width: 100%;}
.js-yxyy .js-left ul li{width:26vw;height: 26vw;font-size: 16px;}

.js-yxyy .js-right{width:100%;}
.js-yxyy .js-right h4{font-size: 14px;line-height: 1.5;}
.js-yxyy .js-right p{font-size: 14px;line-height: 1.5;}

.js-yxyy .info{width: 100%;padding: 5%;font-size: 14px;line-height: 1.5;margin-top: 0;}

.js-yy .js-left{width: 100%;float: left;position: relative;padding: 0;}
.js-yy .js-left h4{font-size:16px;line-height: 1.5;}
.js-yy .js-left p{font-size:14px;line-height: 1.5;float: left;width: 100%;padding-bottom: 20px;}
.js-img img{float: left;}

.js .swiper4 .js-right{margin-right: 0;width: 73%;font-size: 14px;line-height: 24px;}
.js .swiper4 h3{ width: 23%; font-size: 16px;}
.js .swiper4 h3 span small{font-size: 14px;line-height: 22px;}
.js .swiper4 h3 span img{width: 40px;margin-top: 20px;}
.js .swiper4 .btn{margin-bottom: 20px;}

.js .swiper6 .js-right{margin-right: 0;width: 100%;font-size: 14px;line-height: 24px;padding-bottom: 0;}
.js .swiper6 h3{ width: 100%; font-size: 20px;padding: 20px 5%;font-weight: 700;}
.js .swiper6 h3 span small{font-size: 14px;line-height: 22px;}
.js .swiper6 h3 span img{width: 40px;margin-top: 20px;}
.js .swiper6 .btn{margin-bottom: 20px;}


.yf-info{font-size: 14px;line-height: 1.5;text-align: left;}
.yf-info br{display: none;}
h2.yf-td{font-size: 16px;}

.yf .w-imgText1 .textB{margin-left: 0;}
.yf .w-imgText1 .text_x .tt_h{font-size: 16px;margin-top: 20px;line-height: 24px;}
.yf .w-imgText1 .text_x .tt_h span{font-size: 14px;}

.yf-list ul li{width:100%;margin: 0;}
.yf-list ul li h3{float:left;width:100%;font-size: 16px;margin-top: 20px;margin-bottom: 15px;margin-left: 0;}
.yf-list ul li p{width: 100%;font-size: 14px;line-height: 1.5;margin: 0;margin-bottom: 20px;}

.yf .igt_btn{margin-top:170px;}

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

.news ul li{margin-top: 15px;}
.news ul li span:nth-child(1){font-size: 14px;}
.news ul li span:nth-child(2){font-size:14px;}
.news ul li a{width: 100%;line-height: 1.5;font-size: 14px;margin-left: 0;margin-top: 10px;}
.news ul li a:hover{color:#006E47;}
.news ul li span:nth-child(1){font-size: 14px;}

.show h2{font-size: 18px;margin-top: 40px;line-height: 26px;}
.show .date{font-size: 14px;}
.show .con p{font-size: 14px;line-height: 24px;margin-bottom: 16px;}
.show .con p img{height: auto !important;}

.show .info{text-align: center;width: 100%;margin-top: 50px;}
.show .info img{width:150px;float: none;}

.show .btn a{width:100%;font-size: 16px;}

.footer{padding-top: 40px;}
.footer .v85 div.footer-nav:nth-child(2){width: 39vw;}
.footer .v85 div.footer-nav:nth-child(3){width: 23vw;}

.footer-cop{padding-bottom: 20px;}

.ypsq td textarea{width: 100%;height: 150px !important;}

.input-text{width:100%;
  float: left;
  height: 25px !important;}

.about .swiper1 .swiper-slide.tab-bg{margin:0 0 5px 0 !important;width: calc( 25% - 2px ) !important;font-size: 14px;line-height: 24px;height: auto;border: none;}
.about .swiper1{padding:0 !important;}
.about .swiper1 .selected span{margin-top: 27px;}

.v79{width: 90vw;}

.banner-text h2{font-size:18px;padding-top:20px;}

.w-imgText1 .text_x .btn a{font-size: 16px;padding: 5px 20px;}

.btn a{font-size:16px;padding: 5px 15px;}
.js .swiper4 .js-right p{font-size: 14px;line-height: 24px;}

.js .swiper5 { width: 100%; padding-top: 2.5vw;}

.js .swiper5 .swiper-wrapper{width:100%;}

.jsfz-info{float:left;width: 100%;font-size: 16px;}


.pcBanner{display: none;}
.mmBanner{display:block;}

.pc{display: none;}
.mm{display:block;}

.footer-contact .tel span{font-size: 14px;}

.about-nav{display:none;}
.banner-text p br{display: block;}

.nav-about{background-color: #fff;float: left; width: 100%;margin-bottom: 40px;}

.jsjs .js-right{padding: 0 5%;margin-bottom: 20px;}
.jsjs h3{padding: 20px 5%;color: #006E47;}
.jsjs .js-img{padding-top:0;}

.jsjs .nav-about>li{border-bottom: 1px #cccccc solid;float: left;
  width: 100%;}
.jsjs .nav-about>li>a {
  line-height: 40px;
  float: left;
  width: 100%;
  color: #1a1a1a;
  font-size: 18px;
  text-align: left;
  padding: 5px 5%;
  font-weight: 700;
}
.child_menu li{border-bottom: none !important;}
.main_menu span.fa {
  float: right;
  text-align: center;
  margin-top: 10px;
  font-size: 10px;
  min-width: inherit;
  color: #C4CFDA;
}


.jsnav{transition: all .3s;margin-bottom: 30px;}
.jsnav a{display: block;overflow: hidden;line-height: 46px;color: #1a1a1a;transition: all .3s;font-size: 18px;font-weight: 700;padding: 5px 5%;}
.jsnav-item{position: relative;border-bottom: 1px #cccccc solid;}
.jsnav-item.jsnav-show{border-bottom: none;}
.jsnav-item ul{display: none;}
.jsnav-item.jsnav-show ul{display: block;}

.jsnav-more{float:right;font-size: 12px;transition: transform .3s;}
.jsnav-more::after{content: "\e612";}
.jsnav-show .jsnav-more{transform:rotate(180deg);}

.jsjs dl{float: left;width: 20px; padding-left: 5%;margin-top: 30px;}
.jsjs dl dd{float:left;width:35px;padding-top: 20px;}
.jsjs dl dd span{
  font-size: 16px;
  color: #fff;
  position: absolute;
  transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); 	/* Opera */
}
.jsjs dl dd:nth-child(1){background-color: #042D19;height: 262px;}
.jsjs dl dd:nth-child(2){background-color: #044E19;height: 138px;}
.jsjs dl dd:nth-child(3){background-color: #006E47;height: 464px;}
.jsjs dl dd:nth-child(4){background-color: #00AB54;height: 320px;}
.jsfz{float: right;width:calc( 86% - 40px );margin-left: 20px;margin-right: 5%;margin-top: 30px;}
.jsfz h4{float:left;width:100%;font-size: 18px;font-weight: 700;margin-bottom: 10px;}
.jsfz p{float:left;width:100%;font-size: 14px;line-height: 1.5;margin-bottom: 10px;}
.jsfz img{float:left;padding: 2px;border: 1px #cccccc solid;margin-bottom: 20px;}
.jsfz img.jsfz01{width:90%;}
.jsfz p img{float:right;}
.jsfz img.jsfz02{width:65%;}
.jsfz img.jsfz03{width:65%;}

.jsal h3 {font-size: 20px;}
.jsal h3 img{width:60px;padding-left: 20px;}
.jsal .js-right p{padding-bottom: 10px;font-size: 14px;line-height: 1.5;}
.jsal p{float: left;width: 100%;padding: 0 5%;font-size: 14px;line-height: 1.5;}

.jsal .js-right p{padding:0 0 10px 0;}

.about-p-left p img{margin-bottom: 20px;padding-left: 0;}
}

@media only screen and (max-width: 1060px) {
.js-info{width: 100%;padding: 40px 0;background-size: cover;}
.js-info-right{margin-left: 0;}
}
@media only screen and (max-width: 650px) {
  .js-info-left{background-image: none;background-color: #1A1A1A;width: 53%;line-height: 22px;}
  .js-info-right{width: 37%;margin-right: 20px;margin-left: 0;}

}