[genuitec-file-id="wc1-1674"],[genuitec-lp-path="/dongsheng/WebRoot/rtjt/about/respond.css"],[genuitec-lp-enabled=false]{
  /* for codelive */
}

@media screen and (max-width:1920px){
.about-1left ul li { margin-bottom: .5vw; }

.about-2left{ height: 909px;}

}

@media screen and (max-width:1660px){
/*banner*/
.banner-bg{animation:yunmove 150s linear infinite }
.banner-wz{top:80px;height:calc(100% - 80px)}
.banner-ver h3{font-size:36px;}
.banner-ver p{font-size:17px;margin-top:22px;}
.banner-ver ul{margin-top:65px;}
.banner-ver ul li{margin-right:55px }
.banner-ver ul li span{font-size:26px}
.banner-ver ul li span em{font-size:50px}
.banner-ver ul li samp{font-size:15px;margin-top:8px }

.content-1{padding:90px 0px 50px;}
.content-1 h3{font-size:40px;}
.content-1 ul{margin-top:15px}
.content-1 ul li{margin-left:40px;}

.content-2slide h3{font-size:24px;}

.content-4top,.content-5top,.content-6top{height:110px;line-height:110px;font-size:32px;}
.content-4content{padding:170px 0px 100px 120px;}
.content-4left{margin-top:90px;}
.content-4left h4{font-size:32px;}
.content-4info{font-size:15px;margin-top:30px;}
.content-4info p{width:96%;}
.content-4more{width:170px;height:45px;line-height:45px;margin-top:30px;}
.content-4more a{font-size:14px;}
.content-4left ul{margin-top:120px;}
.content-4left ul li{height:160px}
.content-4left ul li samp{margin:30px 0px 0px 18px;}
.content-4left ul li span{padding-left:18px;font-size:18px;}
.content-4left ul li em{width:32px;height:32px;margin:20px 0px 0px 18px;}
.content-4right{width:35%;}
.content-4right ul{width:80%;}
.content-4right ul li span{font-size:74px;}

.content-7{padding-bottom:90px;}
.content-7left{width:35%;margin:120px 0px 0px 70px;}
.content-7left h3{font-size:42px;}
.content-7left p{margin-top:45px;}
.content-7left span{margin-top:45;}
.content-7right{width:45%;margin-top:220px;margin-right:7vw;}
.content-7right h3{font-size:32px;}
.content-7info{margin-top:40px;}
.content-7right ul{margin-top:50px;}
.content-7right ul li span{font-size:60px;}
.content-7scroll{margin-top:160px;height:140px;background-size:auto 120px}

.content-8{padding-bottom:100px;}
.content-8head{margin:100px auto 0px;}
.content-8left h3{font-size:42px;}
.content-8left p{font-size:16px;margin-top:26px;}
.content-8head ul li{float:left;width:150px;}
.content-8cont{margin:90px auto 0px;}
.content-8more span{width:170px;height:45px;line-height:45px;}

/*news*/
.news{margin-top:80px;padding-bottom:200px}
.news-left{top:80px;height:calc(100vh - 80px); }
.news-head{margin-top:20vh;}
.news-head span{margin-top:40px; font-size:40px;}
.news-head h3{ font-size:32px;}
.news-right ul{ margin-top:55px}
.news-right ul li{width:90px; height:30px; line-height:30px;  margin-right:1.5vw; font-size:14px}
.news-list{ margin-top:4.5vw}
.news-item{margin:4.2vw 0.2vw 0px 3vw}
.news-item span{font-size:16px;line-height:26px; height:52px; margin-top:22px;padding-bottom:10px}
.news-item p{ width:32px; height:32px; margin-top:8px;}
.news-item p:before,.news-item p:after{ width:32px; height:32px; }

/*news-info*/
.news-info{margin-top:80px;padding-bottom:100px}
.detail-head ul li{margin-left:25px}

/*contact*/
.contact-map{height:600px}
.contact-content{padding:70px 110px}
.contact-content h3{font-size:20px;}

/*product*/
.product-item{ width:120px; height:120px; margin-left:-60px;margin-top:-60px}
.product-item samp{height:30px; margin-top:30px}
.product-item span{font-size:14px;}
.product-item:before{ width:150px; height:150px;}
.product-pannel h3{font-size:28px;}
.product-pannel p{font-size:18px;}

/*product-info*/
.banners{margin-top:80px}
.banners-ver{ width:40%; }
.banners-ver:before{ width:200px; }
.banners-ver span{ font-size:50px;margin-top:40px}
.banners-ver h3{font-size:36px; }
.banners-ver p{width:54px; height:54px;margin-top:80px}
.products-nav{height:120px}
.products-right{ width:150px;top:56px;}
.products-right .swiper-button-prev,.products-right .swiper-button-next{ width:50px; height:50px;}
.products-content{padding:20px 9% 100px;}
.products-item{ margin:50px 2.66% 0px 0px; }


/*about*/
.banners-vers:before{ width:220px; }
.banners-vers span{font-size:50px;margin-top:35px}
.banners-vers h3{font-size:36px;}
.banners-vers em{width:50px; height:50px;margin-top:70px}
.about-nav{height:80px; line-height:80px;margin-top:-80px;}
.about-nav ul li:before{height:4px;}
.about-fixed{margin-top:0px}
.about-1ver span{font-size:24px; }
.about-1ver p{font-size:14px;margin-top:28px}
.about-1age{left:0;bottom:0;}
.about-1age img { width: 70%;}
.about-1content{margin:6vw 0px 0px 14%}
.about-1content h3{font-size:30px;}
.about-1info{font-size:14px;line-height:30px}
.about-1info p{margin-top:18px}
.about-1content span{margin-top:5vw; padding:9px 27px}
.about-1content span samp{ margin-left:30px}
.about-1left ul{width:200px;margin-top:4vw;margin-right:4vw}
.about-1left ul li{margin-bottom:3vw}
.about-1left ul li span{font-size:60px;}
.about-1left ul li p{font-size:14px;}
.about-2{height:800px;}
.about-2left{ margin-top:140px;height: 800px;}
.about-2left:before{ width:190px;}
.about-2left h3{font-size:32px;}

.about-3left{ width:25%; }
.about-3left:before{ width:190px;}
.about-3left h3{font-size:30px; margin-top:20px}
.about-3left p{font-size:14px; margin-top:22px; line-height:24px;}
.about-3left ul{margin-top:80px}
.about-3left ul li{padding-bottom:15px}
.about-3left ul li span{font-size:14px; margin-top:30px; width:42%  }
.about-3left ul li em{width:120px; font-size:20px; line-height:100px}
.about-3left ul li em samp{font-size:54px;}
.about-3nav{ top:57px; }

.about-4head h3{font-size:30px;top:32%}
.about-4head h3:before{ width:109%;}
.about-4left span{font-size:20px;}
.about-4pag{ width:120px;}
.about-4pag .swiper-button-prev,.about-4pag .swiper-button-next{ width:50px; height:50px; }
	
.about-5{height:760px}


.about-6{ height:760px}


.about-7{padding:80px 0px;}
.about-7left .about-7item,.about-7right .about-7item{margin:50px 0px;}
.about-7left .about-7item samp,.about-7right .about-7item samp{width:66px; height:66px; }
.about-7left .about-7ct,.about-7right .about-7ct{ width:calc(100% - 76px); }
.about-7left .about-7ct span,.about-7right .about-7ct span{ font-size:20px; margin-top:0px}
.about-7left .about-7ct p,.about-7right .about-7ct p{ font-size:14px;  margin-top:4px; line-height:20px}
.about-7center samp em{font-size:30px;}

/*server*/
.server{padding-top:80px;}
.server-ver{ margin-left:65px}
.server-ver h3{font-size:30px;}
.server-ver p{font-size:14px;margin-top:36px}
.server-ver span{width:170px; height:45px; line-height:45px;margin-top:45px;}
.server-nav ul li span{font-size:18px}
.server-nav ul li:nth-child(1){left:-1%;}
.server-nav ul li:nth-child(2){left:-3.4%;}
.server-nav ul li:nth-child(3){left:-3.1%;}
.server-nav ul li:nth-child(1).active{left:-1.9%}
.server-nav ul li:nth-child(2).active{left:-4.6%}
.server-nav ul li:nth-child(3).active{left:-3.8%}
.server-nav ul li:nth-child(1).active span{font-size:22px; }
.server-nav ul li:nth-child(2).active span{ font-size:22px; }
.server-nav ul li:nth-child(3).active span{ font-size:22px; }

/*chanye*/
.banner-about ul li{ height:200px;}
.banner-about ul .icon{ margin:110px 0px 0px 30px}
.banner-about ul .icon p{font-size:20px;}
.banner-about ul .icon-p{padding:0px 30px; margin-top:15px;}
.banner-about ul .icon-arr{width:32px; height:32px; margin:120px 30px 0px 0px}
.banner-about ul li.active .icon{ margin-top:20px}
.banner-about ul li.active .icon-arr{ margin-top:15px; margin-left:30px;}

/*jinrong*/
.jinrong-1{ padding:140px 0px 100px}
.jinrong-1head h3{ font-size:30px;}
.jinrong-1head h3:before{ width:180px;}
.jinrong-1head p{font-size:22px; }
.jinrong-1info{line-height:30px}
.jinrong-1info p{ margin-bottom:26px}
.jinrong-1content{margin-top:30px}

.jinrong-2{ padding:100px 0px}
.jinrong-2 h3{ font-size:30px; }
.jinrong-2 h3:before{ width:180px;  }
.jinrong-2item p{font-size:15px; }

/*nongye*/
.ny-1{padding:120px 0px; }
.ny-1right{bottom:120px}
.ny-1right h3{font-size:30px; margin-left:70px}
.ny-1right h3:before{ width:230px;}
.ny-1right em{  margin:5px 0px 0px 70px; font-size:20px; }
.ny-1info{width:80%; margin:35px 0px 0px 70px; }
.ny-1right samp img{ float:left; width:50%; overflow:hidden; height:auto}

.ny-2 h3{ font-size:30px;}
.ny-2 h3:before{ width:270px;}
.ny-2info{font-size:90px;}
.ny-2 .swiper-slide-active .ny-2ct span{font-size:20px;}
.ny-2pag{ width:120px; height:80px;}
.ny-2pag .swiper-button-prev{width:50px; height:50px;  }
.ny-2pag .swiper-button-next{width:50px; height:50px; 	}

.ny-3{height:820px;}
.ny-3 h3{font-size:30px;}
.ny-3 h3:before{ width:280px; }
.ny-3left ul{ margin-top:70px;}
.ny-3left ul li span{ font-size:20px; }
.ny-3left ul li span::before{top:10px}
.ny-3map{width:700px; }

.ny-4{padding:140px 0px 110px}
.ny-4 h3{ font-size:30px; }
.ny-4 h3:before{ width:190px; }
.ny-4content .swiper-container{ padding-top:110px}
.ny-4content .swiper-slide:hover{transform:translateY(-50px);}
.ny-4pag{margin-top:40px;}

.ny-5{ padding-bottom:100px}
.ny-5 h3{ margin:150px auto 0px;}


/*shiyou*/
.sy-1{ padding:140px 9% 110px;}
.sy-1left{width:300px;}
.sy-1left h3{font-size:30px; }
.sy-1left h3:before{ width:170px;}
.sy-1left p{font-size:22px; }

.sy-2{ margin:70px auto 0px; padding-bottom:100px;}
.sy-2left{  margin-top:70px;}
.sy-2left h3{ font-size:30px; }
.sy-2info{ margin-top:40px}
.sy-2data{margin-top:50px;padding-bottom:45px}
.sy-2data h4{font-size:18px; padding-bottom:20px}
.sy-2data ul li span{font-size:50px;  margin-top:30px}
.sy-2data ul li p{ font-size:12px; }

.sy-4{ padding-bottom:140px}
.sy-4 h3{font-size:30px; }
.sy-4 h3:before{ width:170px;}
.sy-4content{ margin:70px auto 0px}

.sy-4pannel h4{font-size:30px; }
.sy-4more{ margin-top:5px;}
.sy-4more span{ line-height:32px}
.sy-4more em{ width:32px; height:32px;}
.sy-4ct h4{font-size:22px;}
.sy-4button{ width:130px;}
.sy-4button .swiper-button-prev{width:50px; height:50px; }
.sy-4button .swiper-button-next{width:50px; height:50px; }

.sy-5{ padding:140px 0px 110px}
.sy-5head h3{font-size:30px;}
.sy-5button{ width:130px; }
.sy-5button .swiper-button-prev{width:50px; height:50px;}
.sy-5button .swiper-button-next{width:50px; height:50px;}
.sy-5content{ margin-top:40px}

.sy-5content .swiper-slide{height:360px;}
.sy-5content .sy-5item span{font-size:22px; }

.sy-6{height:880px}
.sy-6head{margin:140px auto 0px;}
.sy-6head h3{font-size:30px;}
.sy-6head h3:before{width:170px;}
.sy-6head p{padding-top:25px}
.sy-6content{margin:150px auto 0px; }
.sy-6item{height:150px}
.sy-6item samp{width:76px;height:76px;margin-top:32px;}
.sy-6ver span{font-size:22px;}
.sy-7{padding:190px 0px 110px}
.sy-7head h3{width:250px;font-size:30px; }
.sy-7head p{margin:5px auto 0px;font-size:18px; }
.sy-7content{margin:60px auto 0px;}

.banner-zp{ margin-top:80px}
.banner-zp2 h3{ font-size:42px; }
.banner-zp2 p{  font-size:21px; margin-top:12px}

}

@media screen and (max-width:1366px){
/*banner*/
.banner-ver h3{font-size:30px;}
.banner-ver p{font-size:16px;margin-top:20px;}
.banner-ver ul{margin-top:50px;}
.banner-ver ul li span{font-size:24px}
.banner-ver ul li span em{font-size:44px}
.banner-ver ul li samp{font-size:14px }

.content-1{padding:50px 0px 40px;}
.content-1 h3{font-size:32px}
.content-1 ul{ margin-top:8px}
.content-1 ul li{margin-left:30px;}
.content-1 ul li a{font-size:14px;padding:0px 13px;}

.content-2slide{padding:50px;}
.content-2slide h3{font-size:22px;margin-top:15px;}
.content-2slide p{font-size:14px;margin-top:16px;}
.content-2bottom{margin-top:22px;}
.content-2bottom samp{width:46%; height:17vw}
.content-more{width:160px;height:44px;line-height:44px;}
.content-more span{font-size:14px;}
.content-2pag{top:30px; width:100px}
.content-2pag .swiper-button-prev,.content-2pag .swiper-button-next,.content-2pag .swiper-pagination{width:40px;height:40px;}
.content-3{height:60px;line-height:60px;}

.content-4top,.content-5top,.content-6top{height:90px;line-height:90px;font-size:26px;letter-spacing:2px;}
.content-4content{padding:140px 0px 80px 90px;}
.content-4left{margin-top:70px;}
.content-4left h4{font-size:26px;}
.content-4info{font-size:14px;line-height:30px;margin-top:26px;}
.content-4more,.content-5more{width:160px;height:44px;line-height:44px;margin-top:26px;}
.content-4more a,.content-5more a{font-size:14px;}
.content-4left ul{margin-top:120px;}
.content-4left ul li{height:130px; width:18%}
.content-4left ul li samp{width:20px;height:20px;margin:20px 0px 0px 15px;}
.content-4left ul li.active{ width:22%}
.content-4left ul li span{padding-left:15px;font-size:16px;}
.content-4left ul li em{width:30px;height:30px;margin:18px 0px 0px 15px;}
.content-4right ul li span{font-size:60px;letter-spacing:-2px;}
.content-4right ul li p{font-size:14px;}

.content-7{padding-bottom:90px;}
.content-7left{margin:100px 0px 0px 70px;}
.content-7left h3{font-size:34px;}
.content-7left p{font-size:14px;margin-top:40px;}
.content-7left span{margin-top:40px; width:180px}
.content-7left span a{font-size:14px;}
.content-7right{margin-top:170px;margin-right:6vw;}
.content-7right h3{font-size:26px;}
.content-7info{font-size:14px;margin-top:35px;}
.content-7right ul{margin-top:50px;}
.content-7right ul li span{font-size:50px;letter-spacing:-2px;}
.content-7right ul li p{font-size:14px;}
.content-7scroll{margin-top:110px;height:130px;}

.content-8{padding-bottom:80px;}
.content-8head{margin:80px auto 0px;}
.content-8left{width:44%;}
.content-8left h3{font-size:34px;}
.content-8left p{font-size:14px;margin-top:20px;}
.content-8head ul li{width:140px;height:44px;line-height:44px;font-size:14px;}
.content-8cont{margin:40px auto 0px;}
.content-8item{margin:16px 1.25% 0px 0px;height:90px;}
.content-8more{margin-top:25px;}
.content-8more span{width:160px;height:44px;line-height:44px;font-size:14px;}

/*news*/
.news-head span{ margin-top:32px; font-size:32px;}
.news-head h3{font-size:30px;}
.news-left p{ font-size:14px} 
.news-right ul li{width:80px; margin-right:1.5vw; font-size:14px}
.news-list{ margin-top:4vw}
.news-item{margin:4vw 0.2vw 0px 3.13vw}
.news-item span{font-size:16px;line-height:28px; height:56px; margin-top:18px;padding-bottom:10px}

/*news-info*/
.news-info{ padding-bottom:80px}
.detail-content{ width:80%; margin:30px auto 0px; padding:40px}
.detail-content h3{font-size:22px;}
.detail-page1 span{font-size:14px;}
.detail-page1 p{ font-size:14px;}
.detail-page2 span{font-size:14px;}
.detail-page2 p{ font-size:14px;}

/*contact*/
.contact-content{ padding:60px 70px;}
.contact-content h3{font-size:20px;}

/*product*/
.product-item{ width:100px; height:100px;margin-left:-50px;margin-top:-50px ;}
.product-item samp{height:26px;margin-top:25px}
.product-item span{ font-size:13px; margin-top:4px}
.product-item:before{ width:120px; height:120px;left:-10px;top:-10px;}
.product-pannel h3{font-size:26px;}
.product-pannel p{font-size:20px;margin-top:8px}
.product-pannel em{ width:160px; height:44px; line-height:44px; }
.product-pannel em a{ font-size:14px;}

/*product-info*/
.banners-ver:before{ width:220px;}
.banners-ver span{font-size:36px;margin-top:35px}
.banners-ver h3{ font-size:34px;}
.about-nav ul li:first-child {
  padding-left: 3%;
}
.about-nav ul li {
  display: inline-block;
  margin-right: 3px;
}

.products-content{padding:20px 9% 80px;}
.products-item{ margin:40px 2.66% 0px 0px;}
.products-item span{height:60px; line-height:60px; font-size:16px;}
.products-item p{height:66px}
.products-item p em{ width:100px; height:30px; line-height:30px;margin-top:17px}
.product-prop-item{width:1000px; height:400px;}
.product-prop-right h3{font-size:24px; }
.product-prop-right span{ font-size:14px; margin-top:12px; }

/*about*/
.banners-vers:before{ width:200px;}
.banners-vers span{font-size:40px; margin-top:30px}
.banners-vers h3{font-size:36px;}
.banners-vers em{width:50px; height:50px; margin-top:60px}

.about-1ver span{font-size:22px;}
.about-1age{bottom:0;}
.about-1age img { width: 60%;}
.about-1content{margin:5vw 0px 0px 12%; width:46%}
.about-1content h3{font-size:26px;}
.about-1info{  font-size:14px;line-height:28px}
.about-1info p{ margin-top:12px}
.about-1content span{height:28px;margin-top:4vw; padding:8px 20px}
.about-1content span em{  line-height:28px;  font-size:14px;}
.about-1content span samp{ width:28px; height:28px;margin-left:30px}
.about-1left ul{width:190px;margin-top:4vw;margin-right:4vw}
.about-1left ul li{ margin-bottom:2vw}
.about-1left ul li span{font-size:56px;}
.about-1left ul li p{font-size:14px;}

.about-2{ height:760px;}
.about-2left{margin-top:120px;height: 760px;}
.about-2left:before{ width:180px;}
.about-2left h3{ font-size:26px;margin-top:20px}
.about-2content{ height:270px; margin-top:30px}
.about-2bottom{ margin-top:60px}
.about-2s img{ width:50%; height:auto}
.about-2s p{ margin-top:20px}
.about-2bottom span{width:32px; height:32px; background-size:50% }
.about-2bottom em{ width:32px; height:32px; background-size:50%  }

.about-3left:before{ width:170px; }
.about-3left h3{font-size:26px; margin-top:18px}
.about-3left p{ font-size:14px;margin-top:22px; line-height:26px;}
.about-3left ul{margin-top:70px}
.about-3left ul li{ padding-bottom:15px}
.about-3left ul li span{ font-size:14px;margin-top:20px }
.about-3left ul li em{width:80px; font-size:18px;line-height:80px}
.about-3left ul li em samp{ font-size:42px;letter-spacing:-2px; padding-right:0px;}
.about-3nav{ width:170px; height:36px; line-height:36px;top:50px; }
.about-3nav span{font-size:14px; }

.about-4head h3{font-size:26px;xtop:30%}
.about-4left span{font-size:18px;}
.about-4pag{ width:110px; }

.about-5{height:700px}
.about-5 h3{ width:180px; margin:90px auto 0px;font-size:26px;}
.about-5pannel{ width:76%;  }
.about-5item{padding-top:80px; }
.about-5s{ padding:25px;}
.about-5s samp{ width:280px; height:160px; }
.about-5right{ width:calc(100% - 360px);right:25px;top:36px;}
.about-5right span{ font-size:20px;}
.about-5right p{ font-size:14px; line-height:28px; height:84px; margin-top:22px}
.about-5item h4{ top:-10px;font-size:100px; color:rgba(76,78,82,0.05);}
.about-5slide{margin:90px auto 0px; }
.about-5bottom p{font-size:16px;}
.about-5slide .swiper-slide.active p{ font-size:20px}

.about-6{padding:120px 0px}
.about-6 h3{ font-size:26px;}
.about-6 h3:before{ width:170px;}
.about-6content{margin:40px auto 0px}
.about-6bottom{margin:50px auto 0px; height:5px}

.about-7{ padding:70px 0px;}
.about-7left .about-7item,.about-7right .about-7item{ margin:36px 0px; }
.about-7left .about-7item samp,.about-7right .about-7item samp{width:50px; height:50px;}
.about-7left .about-7ct,.about-7right .about-7ct{width:calc(100% - 70px);}
.about-7left .about-7ct span,.about-7right .about-7ct span{ font-size:18px; margin-top:0px}
.about-7left .about-7ct p,.about-7right .about-7ct p{font-size:14px; margin-top:5px; line-height:22px}
.about-7center{ width:36vw; height:36vw; }
.about-7center samp em{ font-size:26px;}

/*server*/
.server .swiper-slide:nth-child(1),.server .swiper-slide:nth-child(2),.server .swiper-slide:nth-child(3){ background-size:48%}
.server-ver h3{font-size:24px;}
.server-ver p{margin-top:32px}
.server-nav ul li:nth-child(1){left:-2%;}
.server-nav ul li:nth-child(2){left:-4.3%;}
.server-nav ul li:nth-child(3){left:-4%;}
.server-nav ul li:nth-child(1).active{left:-3.1%}
.server-nav ul li:nth-child(2).active{left:-5.8%}
.server-nav ul li:nth-child(3).active{left:-4.9%}


/*chanye*/
.banner-about ul li{height:200px;}
.banner-about ul .icon{margin:120px 0px 0px 30px}
.banner-about ul .icon p{ font-size:18px; }
.banner-about ul .icon-p{ padding:0px 30px; height:60px; margin-top:15px; }
.banner-about ul .icon-arr{ width:28px; height:28px; margin:120px 30px 0px 0px; background-size:12px}
.banner-about ul li.active .icon{ margin-top:25px}
.banner-about ul li.active .icon-arr{ margin-top:15px; margin-left:30px;}

/*jinrong*/
.jinrong-1{ padding:100px 0px}
.jinrong-1head{width:25%;}
.jinrong-1head h3{ font-size:24px;}
.jinrong-1head h3:before{ width:160px; height:3px; }
.jinrong-1head p{font-size:18px;}
.jinrong-1info{ font-size:14px;  line-height:28px}
.jinrong-1info p{margin-bottom:24px}
.jinrong-1content{  margin-top:20px}

.jinrong-2{padding:100px 0px }
.jinrong-2 h3{ font-size:24px; }
.jinrong-2 h3:before{ width:160px; height:3px; }
.jinrong-2content{  margin:20px auto 0px;}
.jinrong-2item{  height:90px;}
.jinrong-2item p{ font-size:14px; }

/*nongye*/
.ny-1{ padding:90px 0px; }
.ny-1right{bottom:50px}
.ny-1right h3{font-size:24px; padding-top:18px; margin-left:40px}
.ny-1right h3:before{ width:200px; height:3px;}
.ny-1right em{margin:5px 0px 0px 40px; font-size:18px; letter-spacing:2px}
.ny-1info{width:90%; margin:20px 0px 0px 0px;box-sizing:border-box;padding-left:40px;font-size:14px;line-height:26px}
.ny-1right samp img{width:40%; height:auto}

.ny-2 h3{top:15%;font-size:24px;padding-top:18px}
.ny-2 h3:before{ width:220px; height:3px;}
.ny-2info{font-size:70px;}
.ny-2 .ny-2item em{ width:20px; height:20px; }
.ny-2 .ny-2item em:after{left:5px;top:5px;}
.ny-2 .ny-2item .ny-2ct{ width:calc(100% - 30px);}
.ny-2 .ny-2item .ny-2ct span{font-size:14px;}
.ny-2 .swiper-slide-active .ny-2ct{ width:calc(100% - 54%);margin-top:2vw}
.ny-2 .swiper-slide-active .ny-2ct span{font-size:18px;}
.ny-2pag{width:110px; height:80px;top:56%}
.ny-2pag .swiper-button-prev{width:40px; height:40px; }
.ny-2pag .swiper-button-next{width:40px; height:40px;}

.ny-3{ height:760px;}
.ny-3 h3{margin-top:110px; font-size:24px; padding-top:18px; }
.ny-3 h3:before{ width:210px; height:3px;}
.ny-3left ul{margin-top:60px; margin-bottom:30px}
.ny-3left ul li span{font-size:18px; }
.ny-3left ul li span:before{ width:7px; height:7px;top:10px;}
.ny-3left ul li p{ font-size:14px; line-height:22px; margin-top:16px;}
.ny-3prop{ width:240px;right:30px;}
.ny-3prop p{  height:42px; line-height:42px; font-size:14px;}

.ny-4{padding:100px 0px 80px}
.ny-4 h3{ font-size:24px; padding-top:18px;}
.ny-4 h3:before{ width:160px; height:3px;}
.ny-4content .swiper-container{ padding-top:80px}
.ny-4content .ny-4bottom{height:100px; padding:0px 10px 0px 16px;}
.ny-4content .ny-4bottom span{font-size:16px; margin-top:24px}
.ny-4content .ny-4bottom p{ font-size:14px;margin-top:6px}
.ny-4content .ny-4bottom p:before{ width:6px; height:6px;}
.ny-4content .swiper-slide:hover{transform:translateY(-30px);}
.ny-4pag{ margin-top:40px; height:40px}
.ny-4pag .swiper-pagination-bullet{ width:11px; height:11px; margin:0px 12px;border:5px #f5f5f5 solid}
.ny-4pag .swiper-pagination-bullet-active{ width:13px; height:13px;border:5px #1d754b solid;}

.ny-5{padding-bottom:80px}
.ny-5 h3{ width:130px; height:130px; line-height:130px; margin:100px auto 0px;}
.ny-5 h3 span{ font-size:18px}
.ny-5info{ width:70%; margin:40px auto 0px; line-height:28px; font-size:14px;}
.ny-5pic{ width:70%; margin:54px auto 0px;}


/*shiyou*/
.sy-1{padding:110px 9% 80px;}
.sy-1left{ width:260px; }
.sy-1left h3{font-size:24px;  padding-top:18px; }
.sy-1left h3:before{ width:180px; height:3px; }
.sy-1left p{font-size:18px; letter-spacing:2px}
.sy-1right{line-height:28px; font-size:14px;}
.sy-1right p{margin-bottom:30px}
.sy-1pic{margin-top:30px}

.sy-2{margin:60px auto 0px; padding-bottom:80px;}
.sy-2left{ margin-top:40px; }
.sy-2left h3{font-size:24px;padding-top:18px}
.sy-2left h3:before{ height:3px;}
.sy-2info{ font-size:14px; line-height:26px; margin-top:20px}
.sy-2data{ margin-top:30px; padding-bottom:35px}
.sy-2data h4{  margin:35px 0px 0px  7%; font-size:16px;padding-bottom:18px}
.sy-2data ul li span{font-size:36px; margin-top:32px}
.sy-2data ul li p{ font-size:12px;}
.sy-2cor{ margin-left:10%; margin-top:10px; }
.sy-2cor span{  height:80px;}
.sy-2des{  font-size:14px; line-height:26px; margin-top:24px}

.sy-4{padding-bottom:80px}
.sy-4 h3{top:16%; font-size:24px;padding-top:18px}
.sy-4 h3:before{ width:160px; height:3px;}
.sy-4content{ margin:60px auto 0px}
.sy-4pannel h4{font-size:24px;}
.sy-4more span{line-height:30px; }
.sy-4more em{width:30px; height:30px;}
.sy-4info{font-size:14px;margin-top:30px}
.sy-4ct h4{font-size:18px; margin-top:4vw}
.sy-4button{ width:114px;}
.sy-4button .swiper-button-prev{width:50px; height:50px; }
.sy-4button .swiper-button-next{width:50px; height:50px; }
.sy-4all span{width:160px; height:44px; line-height:44px; }

.sy-5{padding:110px 0px 80px}
.sy-5head h3{font-size:24px;  padding-top:18px}
.sy-5head h3:before{ width:160px; height:3px;}
.sy-5button{ width:124px;}
.sy-5button .swiper-button-prev{width:46px; height:46px; }
.sy-5button .swiper-button-next{width:46px; height:46px; }
.sy-5content{ margin-top:25px}
.sy-5content .swiper-slide{height:300px;}
.sy-5content .sy-5item{height:200px; }
.sy-5content .sy-5item span{margin:40px auto 0px;font-size:18px; }
.sy-5content .sy-5item p{margin:12px auto 0px;font-size:14px;line-height:26px; height:78px }
.sy-5icon em{line-height:32px; }
.sy-5icon samp{width:32px;line-height:32px;height:32px;}
.sy-5content .swiper-slide:hover .sy-5icon{margin-top:50px}
.sy-5more{margin-top:50px;}
.sy-5more span{width:160px; height:44px;line-height:44px;  }
.sy-5more span a{font-size:14px;}

.sy-6{height:720px}
.sy-6head{margin:110px auto 0px;}
.sy-6head h3{font-size:24px;padding-top:18px}
.sy-6head h3:before{width:160px;height:3px;}
.sy-6head p{font-size:14px;padding-top:24px}
.sy-6head span{width:160px; height:44px;line-height:44px;margin-top:40px;}
.sy-6head span em{font-size:14px;}
.sy-6content{margin:100px auto 0px;padding:25px 0px;}
.sy-6item{height:120px}
.sy-6item samp{width:60px;height:60px;margin-top:30px;}
.sy-6info{width:calc(100% - 210px);margin-left:17px}
.sy-6ver span{font-size:18px;}
.sy-6more{margin-top:34px}
.sy-6more span{line-height:32px;font-size:12px;}
.sy-6more em{width:32px; height:32px;}

.sy-7{padding:110px 0px 90px}
.sy-7head h3{width:210px;font-size:24px;padding-top:18px;}
.sy-7head p{font-size:18px; }
.sy-7content{margin:50px auto 0px}


}

@media screen and (max-width:1280px){
/*banner*/
.banner-wz{top:70px;height:calc(100% - 70px);}
.banner-ver h3{font-size:24px;}
.banner-ver p{font-size:16px;margin-top:20px;}
.banner-ver ul{margin-top:50px;}
.banner-ver ul li{margin-right:50px }
.banner-ver ul li span{font-size:24px}
.banner-ver ul li span em{font-size:40px}
.banner-ver ul li samp{font-size:12px; }

.content-1{padding:40px 0px;}
.content-1 h3{font-size:24px;}
.content-1 ul{ margin-top:4px}
.content-1 ul li{margin-left:20px;}
.content-1 ul li a{font-size:14px;padding:0px 12px;}

.content-2slide{padding:40px 70px;}
.content-2slide h3{font-size:18px;margin-top:18px;}
.content-2slide p{font-size:14px;margin-top:16px;line-height:22px;}
.content-2bottom{margin-top:20px;}
.content-more{width:150px;height:42px;line-height:42px;}
.content-more span{font-size:14px;}
.content-2pag{width:90px;top:30px;}
.content-3{height:60px;line-height:60px;}
.content-3 a{font-size:14px;}

.content-4top,.content-5top,.content-6top{height:80px;line-height:80px;font-size:24px;letter-spacing:0px;}
.content-4content{padding:120px 0px 120px 70px;}
.content-4left{margin-top:60px;}
.content-4left h4{font-size:18px;}
.content-4info{font-size:14px;margin-top:26px;}
.content-4left ul li span{ font-size:14px}
.content-4right ul li span{font-size:54px;}
.content-4right ul li p{font-size:14px;}

.content-7{padding-bottom:60px;}
.content-7left{margin:70px 0px 0px 70px;}
.content-7left h3{font-size:24px;}
.content-7left p{font-size:14px;margin-top:30px;}
.content-7left span{width:170px;height:44px;line-height:44px;margin-top:35px;}
.content-7left span a{font-size:14px; background-size:12px}

.content-7right{margin-top:110px;margin-right:7vw;}
.content-7right h3{font-size:20px;}
.content-7info{font-size:14px;margin-top:35px;}
.content-7right ul{margin-top:30px;}
.content-7right ul li span{font-size:40px;}
.content-7right ul li p{font-size:14px;}
.content-7scroll{margin-top:110px;height:120px;}

.content-8{padding-bottom:60px;}
.content-8head{margin:60px auto 0px;}
.content-8left h3{font-size:22px;}
.content-8left p{font-size:14px;margin-top:20px;}
.content-8head ul li{width:120px;height:40px;line-height:40px;font-size:14px;}
.content-8cont{margin:40px auto 0px;}
.content-8item{height:80px;}
.content-8more span{width:160px;height:44px;line-height:44px;font-size:14px;}


/*news*/
.news{margin-top:70px; padding-bottom:180px}
.news-left{top:70px; height:calc(100vh - 70px); }
.news-head{margin-top:20vh;}
.news-head span{ margin-top:36px; font-size:26px;}
.news-head h3{font-size:24px;}
.news-left p{ font-size:14px} 
.news-right ul{ margin-top:40px}
.news-item span{font-size:14px;line-height:24px; height:48px; margin-top:15px;}
.news-item em{ margin-top:12px}
.news-item p{width:24px; height:24px;margin-top:8px;}
.news-item p:before{ width:24px; height:24px; }
.news-item p:after{ width:24px; height:24px;}
.news-more{ margin-top:50px; }


/*news-info*/
.news-info{margin-top:70px;padding-bottom:70px}
.detail-head ul{ display:none}
.detail-content{ margin:30px auto 0px; padding:30px}
.detail-content h3{  font-size:20px; }
.detail-nav span{ font-size:12px;  margin-right:30px}
.detail-cont{ line-height:26px; font-size:14px; padding:24px 0px;}
.detail-page{padding-top:20px}
.detail-page1 span,.detail-page1 p,.detail-page12 span,.detail-page2 p{  font-size:14px;}


/*contact*/
.contact-map{ height:440px}
.contact-content{ padding:50px 60px }
.contact-content h3{  font-size:20px;}
.contact-content ul{ margin-top:36px;}


/*product*/
.product-pannel h3{ font-size:20px}
.product-pannel p{ font-size:16px}

/*product-info*/
.banners{margin-top:70px}
.banners-ver{ width:50% }
.banners-ver:before{ width:210px;}
.banners-ver span{ font-size:30px; margin-top:25px}
.banners-ver h3{  font-size:26px; }
.banners-ver p{ width:45px; height:45px; margin-top:90px; background-size:18px}

.products-nav{height:90px;}
.products-slide samp{ height:20px}
.products-slide span{ font-size:14px;  margin-top:12px}
.products-left .swiper-slide:before{height:3px}
.products-right{ top:48px; width:110px }
.products-right .swiper-button-prev{ width:40px; height:40px;}
.products-right .swiper-button-next{ width:40px; height:40px;}
.products-content{ padding:10px 9% 60px; }
.products-item{  margin:40px 2.66% 0px 0px;}
.products-item samp{ height:12vw;}
.products-item span{height:40px; line-height:40px;font-size:14px;}
.products-item p{ height:50px}
.products-item p em{ width:90px; height:28px; line-height:28px;margin-top:11px; font-size:12px}
.product-prop-item{width:90%; height:350px;}
.product-prop-left{ padding:5%;}
.product-prop-right h3{ font-size:20px; }
.product-prop-right span{ font-size:14px;  margin-top:12px; }


/*about*/

.banners-vers:before{ width:210px; }
.banners-vers span{font-size:30px;margin-top:25px}
.banners-vers h3{  font-size:26px; }
.banners-vers p{  font-size:14px;}
.banners-vers em{ width:45px; height:45px; margin-top:60px; background-size:18px}

.about-nav{height:70px; line-height:70px;margin-top:-70px;}
.about-nav ul li{font-size:14px;} 
.about-nav ul li:before{height:3px; }
.about-nav ul li:first-child {
  padding-left: 0%;
}
.about-nav ul li {
  display: inline-block;
  margin-right: 0px;
}

.about-1content h3{ font-size:20px}
.about-1info{ font-size:12px}
.about-1left ul li span{ font-size:40px}
.about-1ver span{ font-size:20px}

.about-2{ height:650px}
.about-2left h3{ font-size:20px; margin-top:16px}
.about-2left::before{ width:140px; height:2px}
.about-2left { height:650px;}
.about-3left{top:50%;}
.about-3left:before{ width:150px; height:3px; }
.about-3left h3{ font-size:22px;  margin-top:15px}
.about-3left p{ font-size:14px; margin-top:18px; line-height:25px;}
.about-3left ul{  margin-top:30px}
.about-3left ul li{padding-bottom:15px}
.about-3left ul li span{font-size:14px;  margin-top:20px }
.about-3left ul li em{  width:60px; font-size:20px; line-height:60px}
.about-3left ul li em samp{font-size:36px;}
.about-3nav{ width:170px; height:36px; line-height:36px;top:50px;}
.about-3nav span{ font-size:14px; }

.about-4head h3{font-size:20px;}
.about-4head h3:before{ height:3px; }
.about-4left span{font-size:16px; line-height:30px;}

.about-6{ padding:90px 0px }
.about-6 h3{ font-size:20px;  padding-top:18px}
.about-6 h3:before{ width:150px; height:3px;}
.about-6content{ margin:30px auto 0px}
.about-7{ padding:70px 0px;}


/*server*/
.server{  padding-top:70px;}
.server-ver h3{ font-size:20px}
.server-ver span a{ font-size:12px}
.server-nav ul li{ width:80px}
.server-nav ul li span{ font-size:16px}
.server-nav ul li:nth-child(1).active span {font-size: 18px;}
.server-nav ul li:nth-child(2).active span {font-size: 18px;}
.server-nav ul li:nth-child(3).active span {font-size: 18px;}
.server-nav ul li:nth-child(1){left:-1.7%;}
.server-nav ul li:nth-child(2){left:-4%;}
.server-nav ul li:nth-child(3){left:-3.6%;}
.server-nav ul li:nth-child(1).active{left:-2.6%}
.server-nav ul li:nth-child(2).active{left:-4.9%}
.server-nav ul li:nth-child(3).active{left:-4.3%}
.server-nav ul li:nth-child(1).active::before{ right:14%}
.server-nav ul li:nth-child(2).active::before{ right:16%}
.server-nav ul li:nth-child(3).active::before{ right:22%}

/*jinrong*/
.jinrong-1{padding:80px 0px}

.jinrong-1head h3{font-size:22px; padding-top:18px}
.jinrong-1head h3:before{ width:140px; height:3px; }
.jinrong-1head p{font-size:16px; }
.jinrong-1info{  font-size:14px;  line-height:30px}
.jinrong-1info p{  margin-bottom:18px}
.jinrong-1content{margin-top:30px}

.jinrong-2{padding:70px 0px}
.jinrong-2 h3{font-size:22px; padding-top:18px; }
.jinrong-2 h3:before{ width:140px; height:3px;}
.jinrong-2content{ margin:25px auto 0px;}
.jinrong-2item{ height:86px;  margin:10px 1% 0px 0px;}
.jinrong-2item p{  font-size:12px;}

/*nongye*/
.ny-1{padding:70px 0px;}
.ny-1right h3{ font-size:20px}
.ny-1right em{ font-size:16px}
.ny-1right samp img{ width:34%}

.ny-3{  height:700px;}
.ny-3 h3{margin-top:110px; font-size:22px;padding-top:18px;}
.ny-3 h3:before{ width:164px; height:3px; }
.ny-3left ul{ margin-top:50px; margin-bottom:20px}
.ny-3left ul li span{  font-size:18px;}
.ny-3left ul li span:before{ width:7px; height:7px;top:10px;}
.ny-3left ul li p{font-size:14px;  line-height:22px; margin-top:15px}

.ny-4{ padding:70px 0px}
.ny-4 h3{ font-size:22px;padding-top:18px;}
.ny-4 h3:before{ width:140px; height:3px; }
.ny-4content .swiper-container{ padding-top:60px}
.ny-4content .ny-4bottom{height:100px; }
.ny-4content .ny-4bottom span{ font-size:16px;  margin-top:22px}
.ny-4content .ny-4bottom p{ font-size:14px;  margin-top:5px}
.ny-4content .ny-4bottom p:before{ width:5px; height:5px;}


/*shiyou*/
.sy-1{ padding:70px 9%;}
.sy-1left h3{  font-size:22px;padding-top:18px;}
.sy-1left h3:before{ width:140px; height:3px; }
.sy-1left p{font-size:16px;}
.sy-1right{ width:65%; line-height:28px; font-size:14px; }
.sy-1right p{margin-bottom:20px}
.sy-1pic{  margin-top:30px}


.sy-2{ margin:50px auto 0px; padding-bottom:70px;}
.sy-2left{ margin-top:40px;}
.sy-2left h3{font-size:22px;padding-top:18px}
.sy-2left h3:before{ height:3px; }
.sy-2info{font-size:14px; line-height:24px; margin-top:20px}
.sy-2data{  margin-top:30px;padding-bottom:35px}
.sy-2data h4{  margin:25px 0px 0px  7%; font-size:16px; padding-bottom:17px}
.sy-2data ul li span{ font-size:30px;  margin-top:20px}
.sy-2data ul li p{  font-size:12px; }

.sy-2cor span{ height:66px;}
.sy-2des{font-size:14px;}

.sy-4{  padding-bottom:70px}
.sy-4 h3{ font-size:22px;padding-top:18px}
.sy-4 h3:before{ width:140px; height:3px;}
.sy-4content{ margin:40px auto 0px}
.sy-4pannel h4{ font-size:20px}

.sy-5{padding:70px 0px}
.sy-5head h3{font-size:22px; padding-top:18px}
.sy-5head h3:before{ width:140px; height:3px;}
.sy-5content{margin-top:25px}
.sy-5content .swiper-slide{height:240px;}
.sy-5content .sy-5item{height:210px; }
.sy-5content .sy-5item span{margin:30px auto 0px; font-size:16px; }
.sy-5content .sy-5item p{margin:12px auto 0px; font-size:14px;line-height:24px; height:96px }
.sy-5content .swiper-slide:hover .sy-5icon{margin-top:26px}

.sy-6ver span{ font-size:16px}
.base-left span{ font-size:20px}
.base-left p{ font-size:12px}
.base-left,.base-right{ margin-top:40px}

.banner-zp{ margin-top:70px}
.banner-zp2 h3{ font-size:32px; }
.banner-zp2 p{  font-size:20px; margin-top:10px}
}

@media screen and (max-width:1000px){
/*banner*/
.banner-wz{top:50px;height:calc(100% - 50px);}
.banner-ver h3{font-size:20px;}
.banner-ver p{font-size:14px;margin-top:16px;}
.banner-ver ul{margin-top:30px}
.banner-ver ul li{margin-right:30px }
.banner-ver ul li span{font-size:14px}
.banner-ver ul li span em{font-size:28px}
.banner-ver ul li samp{font-size:12px;margin-top:5px }

.content-1{padding:20px 0px}
.content-1 h3{font-size:20px;margin-left:5%;}
.content-1 ul{float:left;width:100%;margin-right:0px;margin-left:5%;margin-top:12px}
.content-1 ul li{height:28px;line-height:28px;margin-left:0px;margin-right:20px}

.content-2content .swiper-container{width:100%;margin-left:-3px;}
.content-2slide{padding:5%;}
.content-2slide h3{font-size:16px;margin-top:15px;}
.content-2slide p{width:100%;margin-top:15px;line-height:22px;}
.content-2pag{left:83%;top:20px;}
.content-2bottom samp{ height:23vw}

.content-4top,.content-5top,.content-6top{height:60px;line-height:60px;font-size:20px;}
.content-4pic{height:50vh; background-attachment:inherit; background-position:bottom}
.content-4content{padding:50px 5%;box-sizing:border-box}
.content-4left{width:100%;margin-top:20px;}
.content-4left h4{font-size:18px;}
.content-4info{font-size:14px;line-height:24px;margin-top:14px;}
.content-4info p{width:100%;}
.content-4more,.content-5more{width:130px;}
.content-4more a,.content-5more a{font-size:12px;}
.content-4left ul{margin-top:50px;}
.content-4left ul li{height:100px;}
.content-4left ul li samp{margin:20px 0px 0px 10px;}
.content-4left ul li span{padding-left:10px;font-size:14px; margin-top:5px}
.content-4left ul li em{width:20px;height:20px;margin:6px 0px 0px 10px; background-size:10px}

.content-4right{float:left;width:100%;}
.content-4right ul{width:100%;margin-top:10px;}
.content-4right ul li{width:50%;margin-top:18px;padding-right:5%;box-sizing:border-box}
.content-4right ul li span{font-size:34px;}
.content-4right ul li p{ line-height:22px}


.content-7{padding-bottom:30px;}
.content-7left{width:100%;margin:30px 0px 0px 0%; padding:0px 5%;box-sizing:border-box}
.content-7left h3{font-size:20px;}
.content-7left p{font-size:14px;line-height:24px;margin-top:20px;}
.content-7right{float:left;width:100%;margin-top:30px;margin-right:0vw;padding:0px 5%;box-sizing:border-box}
.content-7right h3{font-size:22px;}
.content-7info{font-size:14px;line-height:24px;margin-top:15px;}
.content-7right ul{margin-top:30px;}

.content-7right ul li span{font-size:30px;}
.content-7right ul li p{font-size:12px;}
.content-7scroll{margin-top:90px;height:60px;animation:movewenzi 150s linear infinite; background-size:auto 55px}

.content-8{padding-bottom:30px;}
.content-8head{width:90%;margin:30px auto 0px;}
.content-8left{width:100%;}
.content-8left h3{font-size:20px;}
.content-8left p{font-size:14px;margin-top:20px;}
.content-8head ul{float:left;width:100%;position: relative; margin-top:30px}
.content-8head ul li{width:20%;height:40px;line-height:40px;}
.content-8cont{width:90%;margin:20px auto 0px;}
.content-8item{margin:15px 1.25% 0px 0px;height:60px;}
.content-8more{margin-top:20px;}
.content-8more span{width:140px;height:40px;line-height:40px;font-size:14px;}
.content-8more span em{padding-right:22px;}


/*news*/
.news{margin-top:50px;padding-bottom:60px}
.news-left{ float:left; width:100%; position: relative;left:0px;top:0px; height:300px; }
.news-head{ float:none; width:90%; margin:80px auto 0px}
.news-head span{margin-top:20px; font-size:20px;}
.news-head h3{font-size:20px;}
.news-left p{ width:90%;bottom:70px; font-size:12px;left:5%} 
.news-list{ margin-top:0px}
.news-right{ float:left; width:100%;padding:0px 5%;box-sizing:border-box }
.news-right ul{margin-left:0vw; margin-top:30px}
.news-item{ width:30%;margin:30px 5% 0px 0px}
.news-item:nth-child(3n){ float:right; margin-right:0px}
.news-item span{  font-size:14px; line-height:20px; height:40px; margin-top:15px;}
.news-item:nth-child(2n+1){transform:translateY(0vw)}

/*news-info*/
.news-info{margin-top:50px;  padding-bottom:30px}
.detail-left{width:100%;  padding:0px 5%;box-sizing:border-box}
.detail-content{ width:90%;  margin:20px auto 0px;}
.detail-content h3{ ont-size:18px; }
.detail-page{ padding-top:20px}
.detail-page1{ width:100%; }
.detail-page2{ float:left; width:100%; margin-top:20px }
.detail-page2 span{ float:left; background:url(../images/icon-6.png) no-repeat left center; padding-left:30px}
.detail-page2 p{ text-align:left}


/*contact*/
.contact-map{ height:360px}
.contact-content{ padding:30px 5%;}
.contact-content h3{font-size:18px; }
.contact-content ul{ margin-top:28px; }
.contact-content ul li{width:48%; margin-right:4%; margin-bottom:30px}
.contact-content ul li:nth-child(2n){ margin-right:0px; float:right}
.contact-content ul li p{margin-top:20px; padding-top:12px;}

/*product*/
.product-item{ width:60px; height:60px;margin-left:-30px;margin-top:-30px ;}
.product-item samp{ height:15px;margin-top:15px}
.product-item span{ font-size:10px;  margin-top:4px}
.product-item:before{ width:70px; height:70px;left:-6px;top:-6px;}
.product-pannel h3{font-size:20px;}
.product-pannel p{font-size:14px; margin-top:6px}
.product-pannel em{ width:120px; height:34px; line-height:34px;}
.product-pannel em a{ font-size:14px; padding-right:30px}


/*product-info*/
.banners{ margin-top:50px}
.banners-ver{ width:70%;}
.banners-ver:before{ width:120px;}
.banners-ver span{font-size:20px;margin-top:15px}
.banners-ver h3{font-size:20px; }
.banners-ver p{ width:40px; height:40px; margin-top:40px}
.products-nav{height:60px;}
.products-left{ width:100%}
.products-left .swiper-container{ width:100%; }
.products-slide samp{ height:20px}
.products-slide span{ font-size:14px;margin-top:5px}
.products-left .swiper-slide:before{ height:2px;}
.products-left .swiper-container{ width:86%}
.products-right{ width:90px;top:38px;}
.products-right .swiper-button-prev{ width:30px; height:30px;}
.products-right .swiper-button-next{ width:30px; height:30px;}
.products-content{padding:20px 5% 30px;}
.products-item{ margin:30px 2.66% 0px 0px;}

/*about*/
.banners-vers{ width:90%; }
.banners-vers span{ font-size:20px; margin-top:15px}
.banners-vers h3{ font-size:20px;}
.banners-vers em{width:40px; height:40px; margin-top:40px}

.about-1left{width:100%;padding:0px 5%;box-sizing:border-box }
.about-1right{ float:left; width:100%; margin-top:30px }
.about-1ver{ width:90%;}
.about-1ver span{ font-size:20px;}
.about-1content{ width:100%;  margin:8vw 0px 0px 0%}
.about-1content h3{font-size:20px;}
.about-1info{line-height:24px}
.about-1info p{ margin-top:10px}
.about-1left ul{ float:left; width:100%;margin-top:5.8vw;margin-right:4.5vw}
.about-1left ul li{ width:50%; margin-bottom:2vw}
.about-1left ul li span{font-size:30px;}
.about-1left ul li p{font-size:12px;}

.about-2{ height:500px; }
.about-2left{width:41%;  margin-left:5%; margin-top:40px; }
.about-2left:before{ width:120px; height:3px;}
.about-2left h3{font-size:20px;  margin-top:14px}
.about-2content{ height:200px; margin-top:20px}
.about-2info{  line-height:25px;font-size:14px; }
.about-2bottom{ margin-top:26px}
.about-2bottom span{width:32px; height:32px; }
.about-2bottom em{ width:32px; height:32px;}
.about-2right img{ width:70%; margin-right:12%}

.about-3map{ margin-top:30px}
.about-3content {height: 55vw; top: 390px;z-index: 21;}
.about-3left{ float:left; width:100%; left:0%;top:0px; position:relative;padding:0px 5%;box-sizing:border-box;transform: translateY(0%); margin-top:30px}
.about-3left:before{ width:120px; height:3px;left:5%}
.about-3left h3{ font-size:20px;margin-top:15px}
.about-3left p{ font-size:14px; margin-top:18px; line-height:24px;}
.about-3left ul{  margin-top:20px}
.about-3nav{ width:120px; height:30px; line-height:30px;right:5%;top:30px;}

.about-4head h3{ font-size:20px;}
.about-4content{ width:90%; }
.about-4left{ width:100%}
.about-4right{ width:100%; margin-right:-60px }


.about-5{ height:530px}
.about-5 h3{ width:120px; margin:30px auto 0px; font-size:20px;  padding-top:18px; }
.about-5 h3:before{height:3px;}
.about-5content{ width:90%; }
.about-5content .swiper-button-prev{width:30px; height:30px; margin-top:20px}
.about-5content .swiper-button-next{width:30px; height:30px; margin-top:20px}
.about-5pannel{ width:72%;  }
.about-5item{ padding-top:70px;}
.about-5s{  padding:15px;}
.about-5s samp{ width:100%; height:30vw}
.about-5right{float:left; width:100%; position: relative;right:0px;top:0px;}
.about-5right span{font-size:16px; margin-top:15px}
.about-5right p{ font-size:12px; line-height:22px; height:auto; margin-top:12px}
.about-5item h4{top:10px; font-size:60px;}
.about-5slide{ width:80%; margin:120px auto 0px; position:relative}
.about-5slide img{ float:left; width:100%; height:auto}
.about-5bottom{ display:none}

.about-6{ padding:30px 0px}
.about-6 h3{ width:90%; font-size:20px; padding-top:18px}
.about-6 h3:before{ width:120px; height:3px; }
.about-6content{ width:90%; margin:20px auto 0px}
.about-6bottom{ height:4px}

.about-7{  padding:30px 0px;}
.about-7left{ width:28.1%; margin-left:5%}
.about-7right{width:32%; margin-right:5%}
.about-7center samp em{ font-size:16px}
.about-7left .about-7ct span, .about-7right .about-7ct span{ font-size:16px}
.about-7left .about-7ct p, .about-7right .about-7ct p{ font-size:12px}
.about-7left .about-7item, .about-7right .about-7item{ margin:10px auto}

/*server*/
.server{ padding-top:50px;}
.server-nav{ display:none}
.server-right{ background-position:left center}

/*jinrong*/
.jinrong-1{ width:90%; padding:40px 0px}
.jinrong-1head h3{ font-size:20px;padding-top:18px}
.jinrong-1head h3:before{ width:120px; height:3px; }
.jinrong-1head p{font-size:14px; }

.jinrong-2{padding:30px 0px}
.jinrong-2 h3{ width:90%; font-size:20px; padding-top:18px;}
.jinrong-2 h3:before{ width:120px; height:3px;}
.jinrong-2content{ width:90%; margin:15px auto 0px; }
.jinrong-2item{width:32%; height:70px;margin: 10px 2% 0px 0px;}
.jinrong-2item:nth-child(5n){ float:left; margin-right:2%}
.jinrong-2item:nth-child(3n){ float:right; margin-right:0px}
.jinrong-2item p{font-size:12px; }

/*nongye*/
.ny-1{ width:90%; padding:30px 0px; }
.ny-1left{ width:100%;}
.ny-1right{ float:left; width:100%;position: relative;right:0px;bottom:0px; margin-top:30px}
.ny-1right h3{ font-size:20px; padding-top:18px; margin-left:0px}
.ny-1right h3:before{ width:120px; height:3px;}
.ny-1right em{ width:100%;margin:5px 0px 0px 0px; font-size:14px;}
.ny-1info{width:100%; margin:20px 0px 0px 0px;font-size:14px; line-height:24px; padding-left:0PX}

.ny-2 h3{left:5%;top:12%;font-size:20px;padding-top:18px}
.ny-2 h3:before{ width:120px; height:3px;}
.ny-2info{left:5%;bottom:26%;font-size:40px;}
.ny-2 .ny-2item .ny-2ct span{font-size:14px; }
.ny-2 .swiper-slide-active .ny-2ct span{font-size:14px;}
.ny-2pag{ width:80px; height:60px; left:86%;top:56%}
.ny-2pag .swiper-button-prev{width:30px; height:30px;}
.ny-2pag .swiper-button-next{width:30px; height:30px; }

.ny-3{ height:600px}
.ny-3 h3{margin-left:5%;margin-top:30px; font-size:20px;padding-top:18px; }
.ny-3 h3:before{ width:120px; height:3px; }
.ny-3left{ margin-left:5%; }
.ny-3left ul{margin-top:30px; margin-bottom:20px}
.ny-3left ul li span{font-size:14px;}
.ny-4{padding:40px 0px}


/*shiyou*/
.sy-1{padding:40px 5%;}
.sy-1left h3{font-size:20px;padding-top:18px; }
.sy-1left h3:before{ width:120px; height:3px; }
.sy-1left p{font-size:14px}
.sy-1right{ float:left; width:100%;line-height:24px; font-size:14px; margin-top:30px}
.sy-1right p{ margin-bottom:15px}
.sy-1pic{margin-top:20px}

.sy-2{ width:90%;margin:30px auto 0px; padding-bottom:30px; }
.sy-2left{ margin-top:30px;}
.sy-2left h3{font-size:20px; padding-top:18px}
.sy-2info{  line-height:24px; margin-top:20px}
.sy-2cor{margin-top:77px}

.sy-4{padding-bottom:30px}
.sy-4 h3{ width:90%; left:5%;top:12%; font-size:20px; padding-top:18px}
.sy-4 h3:before{ width:120px; height:3px; }
.sy-4content{ width:90%; margin:20px auto 0px}
.sy-4pannel h4{ font-size:20px; }
.sy-4slide{ right:5%;top:10%; }
.sy-4ct h4{font-size:14px;  margin-top:4vw}
.sy-4ct span{padding-bottom:10px}
.sy-4all span{ width:100px; height:40px; line-height:40px}
.sy-4all span a{ font-size:14px;  padding-right:26px}
.sy-4all span a:hover{ padding-right:26px}

.sy-5{padding:30px 0px}
.sy-5head{margin-left:5%; width:90%;}
.sy-5head h3{font-size:20px;padding-top:18px}
.sy-5head h3:before{ width:120px; height:3px; }
.sy-5content{ width:95%}

.sy-7{ padding:40px 0px}
.sy-7head h3{ width:180px; font-size:20px}
.sy-7head p{padding:0px 5%;box-sizing:border-box; font-size:14px}
.sy-7item1 p,.sy-7item2 p,.sy-7item3 p,.sy-7item4 p{ font-size:12px}
.base-head ul{width:calc(100% - 120px);height:50px;line-height:50px;}
.base-head ul li{font-size:14px;}
.base-head ul li:before{height:3px;}
.base-content{margin-top:50px}
.base-left{ width:100%;margin:30px 0px 0px ;padding:0px 5%;box-sizing:border-box}
.base-left span{font-size:20px; }
.base-left p{font-size:12px;}
.base-right{float:left;width:100%;margin:30px 0px 0px;font-size:14px;line-height:25px;padding:0px 5%;box-sizing:border-box}
.base-right p{margin-bottom:20px}
.base-close{width:32px;height:32px;right:30px;top:10px;}
.jian-slide{width:calc(100% - 120px);height: 50px;line-height: 50px; }
.jian-slide .swiper-slide{font-size:14px;}
.jian-button{width:80px;right:20px;}
.jian-button .swiper-button-prev{width:32px; height:32px;top:11px }
.jian-button .swiper-button-next{width:32px; height:32px;top:11px; }

.zw-nav{margin:20px auto 0px;line-height:70px;font-size:14px;}
.zw-nav span.nav1{padding-left:32px}
.zw-content{ padding-bottom:50px}

.zw-ul{line-height:60px;font-size:12px; }
.zw-ul span{height:60px}
.zw-ul span.nav1{padding-left:32px}


.zw-pannel{  padding:20px 40px 40px;}
.zw-pannel h3{ font-size:20px; }
.zw-2{  margin-top:24px; font-size:14px;}

.zw-3{margin-top:60px;line-height:24px; font-size:12px;}
.zw-3 h4{ font-size:14px; }

.zw-4{ margin-top:60px;line-height:24px; font-size:12px; }
.zw-4 h4{ font-size:14px; }
.zw-4 em a{ width:150px; height:36px; line-height:36px;}

.banner-zp{ margin-top:50px}
.banner-zp2 h3{ font-size:26px; }
.banner-zp2 p{  font-size:18px; margin-top:8px}
}

@media screen and (max-width:768px){
.banner-pag{bottom:15%}
.banner-ver ul{ display:none}
.banner-ver h3{ font-size:16px}
.banner-ver p{ font-size:10px; margin-top:8px}
.content-2pag{left:72%;top:9px; width:75px}
.content-2pag .swiper-button-prev, .content-2pag .swiper-button-next, .content-2pag .swiper-pagination{ width:32px; height:32px}
.content-6 .content-4right ul li{ width:100%}

.content-2slide p{ height:44px}
.content-2bottom samp{ width:100%; height:49vw}
.content-4left ul li{ width:48%; margin-top:4px}
.content-4left ul li.active{ width:48%}
.content-8item{ width:32%; margin-right:1.7%}
.content-8item:nth-child(5n){ float:left; margin-right:1.7%}
.content-8item:nth-child(3n){ float:right; margin-right:0%}
.content-8head ul li{ width:33%}

.news-left{ height:220px}
.news-head{ margin-top:30px}
.news-left p{bottom:40px}
.news-item{ width:47%; margin-right:2%}
.news-item:nth-child(3n){ float:left; margin-right:2%}
.news-item:nth-child(2n){ float:right; margin-right:0%}
.news-item samp{ height:30vw}
.news-item span{ padding-bottom:0px}
.news-item p{ display:none}

.content-7scroll {animation: movewenzi 70s linear infinite;background-size: auto 40px;width:400%}

/*product*/

.product{ margin-top:50px; height:400px; background:#f5f5f5}
.product-bg{ display:none}
.product-pic{ display:none}
.product-item.item1{left:14%;top:27%}
.product-item.item2{left:14%;top:54%}
.product-item.item3{left:14%;bottom:11%}
.product-item.item4{right:10%;top:27%}
.product-item.item5{right:10%;top:54%}
.product-item.item6{right:10%;bottom:11%}

.product-pannel h3{ font-size:16px; }
.product-pannel p{font-size:14px;}
.product-pannel em{ width:120px; height:40px; line-height:40px;}
.product-pannel em a{ font-size:12px; }
.prodcut-content{top:50%}

.products-item {width:48%;margin:20px 2.66% 0px 0px;}
.products-item:nth-child(2n){ float:right; margin-right:0px}
.products-content{padding-top:10px}
.products-item samp{ height:32vw}

.product-prop-item{ height:auto}
.product-prop-left{float:left; position:relative;width:100%;padding:4%; height:auto}
.product-prop-left img{height:auto;}
.product-prop-right{ float:left; width:100%; height:200px; position: relative;right:0%;top:0%;padding:4%;box-sizing:border-box}
.product-prop-right h3{font-size:16px;}
.product-prop-right span{ font-size:14px; line-height:20px; margin-top:6px; }

.banner-about{margin-top:50px}
.about-nav{ display:none}
.banners-vers em{ display:none}
.banners-vers p{ margin-top:10px}

.about-2left{ width:100%;padding:0px 5%;box-sizing:border-box;margin:0px; margin-top:30px}
.about-2right{ float:left; width:100%; position:relative; height:auto; margin-top:30px}
.about-2left::before{left:5%}
.about-2{ height:800px}
.about-3item em{ font-size:12px}
.about-4pag{top:30px}
.about-4right{margin-right:-30px}
.about-5item h4{ font-size:40px}
.about-5content{ width:100%}
.about-5{ height:480px}

.about-6content .swiper-slide:nth-child(2n+1) .about-6item span:nth-child(1){ height:26vw}
.about-6content .swiper-slide:nth-child(2n) .about-6item span:nth-child(3){ height:26vw}
.about-6content .swiper-slide:nth-child(2n+1) .about-6item span:nth-child(2),.about-6content .swiper-slide:nth-child(2n+1) .about-6item span:nth-child(3){ height:16vw}
.about-6content .swiper-slide:nth-child(2n) .about-6item span:nth-child(1),.about-6content .swiper-slide:nth-child(2n) .about-6item span:nth-child(2){ height:16vw}

.about-7left{ width:100%;padding:0px 5%;box-sizing:border-box;margin:0px}
.about-7right{ width:100%;padding:0px 5%;box-sizing:border-box;margin:0px}
.about-7right .about-7item samp{ float:left}
.about-7right .about-7ct{ float:right; text-align:left}
.about-7center{ display:none}
.server-left{width:65%; text-align:center}
.server-right{width:35%}
.server-ver{ margin-left:0px; text-align:left; width:90%}
.server-ver p{ margin-top:20px}
.server-ver span{ margin-top:20px}
.server-pag{ width:90px;top:56%;}
.server-pag .swiper-button-prev{width:36px; height:36px;  }
.server-pag .swiper-button-next{width:36px; height:36px;}

/*chanye*/
.banner-about ul{ display:none}
.jinrong-1head{ width:70%}
.jinrong-1info{ width:100%; margin-top:20px}
.jinrong-1info p { margin-bottom:12px;}
.jinrong-1content {margin-top: 10px;}

.ny-2info{ display:none}
.ny-2content{top:44%; }
.ny-2 .swiper-slide-active .ny-2item{ width:90%;left:5%;top:0px}
.ny-2 .swiper-slide-active samp{ width:40%}
.ny-2 .swiper-slide-active .ny-2ct{ width:calc(100% - 44%)}
.ny-2pag{left:65%;top:0%}
.ny-3{ height:650px}
.ny-3left{ width:90%;}
.ny-3left ul{ margin-top:10px}
.ny-3map{ float:left; width:100%; position:relative;left:0px;top:0px; margin-top:60px}
.ny-5info{ width:90%}
.ny-5pic{ width:90%; margin-top:20px}
.ny-5{ padding-bottom:30px}

.sy-2left{ width:100%}
.sy-2right{ float:left; width:100%; position:relative; margin-top:20px}
.sy-2cor span{ width:45%}
.sy-2cor{ margin-left:0px}
.sy-2des{ width:100%}
.sy-4 h3{top:5%}
.sy-4pannel{ width:65%}
.sy-4slide{ width:32%;right:2%;top:20%}
.sy-4slide .swiper-container{ height:200px}
.sy-4button{ width:70px;bottom:50px}
.sy-4button .swiper-button-prev{width:30px; height:30px;}
.sy-4button .swiper-button-next{width:30px; height:30px}
.sy-4all span{ width:100%}
.sy-5button .swiper-button-prev,.sy-5button .swiper-button-next{ width:36px; height:36px}
.sy-5button{ width:84px}
.sy-5bg{ display:none}
.sy-6{ height:auto; padding-bottom:40px}
.sy-6head{ width:90%; margin-top:30px}
.sy-6content{ width:90%; margin-top:20px}
.sy-6item{ width:100%;border-bottom:1px #ddd solid; height:80px}
.sy-6item samp{ width:36px; height:36px; margin-top:16px}
.sy-6item samp img{ width:60%; height:auto;}
.sy-6info{ width: calc(100% - 110px);}
.sy-6ver span{ font-size:14px}
.sy-6ver p{ font-size:10px}
.sy-6more{ margin-top:22px}
.sy-6more span{ display:none}
.sy-6content{ padding:0px}

.sy-7content{ width:90%; margin-top:20px}
.sy-7item1,.sy-7item2,.sy-7item3,.sy-7item4{ width:100%; background:none; margin-top:20px}
.sy-7item1 span,.sy-7item2 span,.sy-7item3 span,.sy-7item4 span{ width:60px; height:60px; line-height:60px; margin-top:0px}
.sy-7item1 span::before,.sy-7item2 span::before,.sy-7item3 span::before,.sy-7item4 span::before{ width:50px; height:50px;border-width:2px;left:3px;top:3px}
.sy-7item1 span::after,.sy-7item2 span::after,.sy-7item3 span::after,.sy-7item4 span::after{ width:46px; height:46px;border-width:2px;left:5px;top:5px}
.sy-7item1 p,.sy-7item2 p,.sy-7item3 p,.sy-7item4 p{ margin-top:0px; width:70%}
.sy-7center{ display:none}
.sy-7item2 span,.sy-7item4 span{float:left}
.jian-slide{width:calc(100% - 80px);}
.contact-content ul li{ width:100%; border-bottom:1px #ddd solid; padding-bottom:15px}
.contact-content ul li p{ float:right; width:calc(100% - 45px); border-top:none; margin-top:4px; padding-top:0px}

.about-3nav{ float:left; position: relative;right:0px;top:0px; margin:30px 0px 0px 5%; width:90%; height:40px; line-height:40px}
.about-3map{ margin-top:20px}
.about-3map span:nth-child(1) img{ width:140%; margin-left:-33%}
.about-3map span:nth-child(2) img{ width: 200%;margin-left: -84%;margin-top: -22%;}
.about-3content{ width: 140%;height: 34%;left: -33%;top: 65%;}
.about-3item em{left:13px;top:-6px}
.about-3item.map3 em{left:-46px}
.about-4pag{ width:90px;top:41px;left:68%}
.about-4pag .swiper-button-prev, .about-4pag .swiper-button-next{ width:36px; height:36px}

.zw-nav{margin:16px auto 0px;line-height:50px;font-size:12px; width:90%}
.zw-nav span.nav1{padding-left:0px}
.zw-content{ padding-bottom:30px; width:90%}

.zw-ul{line-height:40px; }
.zw-ul span{height:40px}
.zw-ul span.nav5{ width:18%}
.zw-ul span.nav1{padding-left:5px; width:19%}
.zw-ul span em{ padding:0px; background:none}
.zw-2 span{ line-height:24px}
.zw-2 span,.zw-2 span:nth-child(1),.zw-2 span:nth-child(2),.zw-2 span:nth-child(3){ width:50%}

.zw-pannel{  padding:15px;}
.zw-pannel h3{ font-size:16px; padding-bottom:10px; background-size:18px; padding-left:24px}
.zw-2{  margin-top:12px; font-size:12px;}

.zw-3{margin-top:30px;line-height:20px;}
.zw-3 h4{ font-size:14px; }

.zw-4{ margin-top:30px;line-height:20px; }
.zw-4 h4{ font-size:14px; }
.zw-4 p{ width:100%}
.zw-4 em a{ width:130px; height:32px; line-height:32px; font-size:12px}


.banner-zp2 h3{ font-size:22px; }
.banner-zp2 p{  font-size:16px; margin-top:6px}
}