.menu{display: none;}
.menu{ width:100%;position:fixed; height:100%; background:rgba(0,0,0,0.8); left:0; top:0; display:none; z-index:9999999999}
.menu .show-menu img{ width:auto; max-width:100%;}
.menu .closed{ width:30px; height:25px; border-radius:50%; padding-top:5px; position:absolute; right:0.2rem; top:5px; z-index:999999999999; color:#E1E1E1}
.menu .show-menu{ width:60%; height:100%; position:fixed; z-index:9; background:#F4EBE7; left:0; top:0; padding-top: 5%; text-align:center}
.menu .show-menu h1{line-height:4rem; text-align:center; color:#000; font-weight:normal}
.menu .show-menu a{ color:#3D3C3A}
.menu .show-menu li{ line-height:2em; font-size:100%;  letter-spacing:1px; text-align:left; margin-left: 20px;}
.show-erweima{ width:66%; background:rgba(255,255,255,0.9); margin:auto; padding:2rem; text-align:center; border-radius:0.6rem; padding-bottom:1rem; position:fixed; bottom:20%; display:none; left:10%; z-index:99}
.show-erweima img.ewm{ width:auto; max-width:100%; height:auto}
.show-erweima .txt{ line-height:2rem; color:#0D0D0D; font-size:100%}
.show-erweima .txt span{ padding:5px 10px; background:#202D4F; color:#fff}
.show-erweima .txt span a{ color:#fff}
.show-erweima .txt .wx{ width:8%; margin-right:5px; display:inline-block }
.show-erweima .closed{ position:absolute; right:5px; top:5px; z-index:10; width:30px; height:25px; padding-top:5px; text-align:center; color:#fff; border-radius:50%; background:#373737;}
.waphear,.wapproduct,.wapcra-titl{ display: none;}
.footer_float {height:auto; overflow:hidden; background:#3D3C3A; color:#fff; width:100%; position:fixed; z-index:9999; left:0; bottom:0; display:none}
.footer_float a{ color:#fff;}
.footer_float ul li{ float:left; padding:0.6rem 0;  width:24%; line-height:2rem; text-align:center; font-size:100%; background:url(../images/nav_line.jpg) right repeat-y;}
.footer_float ul li:last-child{ background:none; border-right: none;}
.footer_float ul li{ border-right: 1px solid rgba(255,255,255,0.4)}
.wap-news,.wap-nesnva{display: none;}
.rel-news ul li i{ font-style: inherit;}
.wapadv-cont,.wap{display: none;}
.pc{ display: block;}
@media screen and (max-width:768px)
{
	body{ margin: 0px; padding: 0px;}
	.middle,.w1300{ width: 96%; margin: auto;}
	.waphear,.wap{ display: block;}
	.pc{display: none;}
	.head,.header,.syproduct{ display: none;}
	#header{ display: none;}
	.waphear { display: block;width: 100%; height: 70px; z-index: 99; background: #d7000f;}
	.waphear .ico{
	  width: 10%;height:4px;
	  border-top: 4px solid #fff;
	  border-bottom: 4px solid #fff;
	  padding: 6px 0;
	  background-color:#fff;
	  background-clip: content-box; position:absolute; right:0.4rem; top:1rem; z-index:9; }
	 .menu ul li{ position: relative; border-bottom: 1px solid rgba(255,255,255,0.2);}
	 .menu ul li .ico{ position:absolute; right:15px; width:15px; height:15px; top: 10px; z-index:1;background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;filter: grayscale(100%);}
	 .menu ul li a{height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
	 .menu ul li .a_js2{}
	 .menu ul li .a_fmj_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;filter: grayscale(100%);}
	 .menu ul li .a_bf{display:none}
	 .menu ul li .a_bf a{height:40px;line-height:40px;font-size:14px; display:block;} 
	.inner{ background: rgba(215,0,15,0.9); box-shadow:  1px 3px 6px #cacaca;position: fixed; }
	.waphear .logo {
	      width: 54%;
	      height: 50px;
	      float: left;
	      background: url(../images/footer-logo.png) no-repeat left center;
		  background-size: 100%;
		  }
.waphear h1{ padding: 10px; box-sizing: border-box;}
.banner-image{ background-size: 143%;
    width: 100%;
    overflow: hidden;
    height: 196px;
    background-position-x: 48%;}
    
.waplb .swiper-container>.swiper-pagination-bullets{ bottom: 3% !important;}
.waplb .swiper-pagination-bullet{width: 64px !important; height: 4px !important; background: #fff; opacity:0.5;border-radius: 0px;}
.waplb .swiper-pagination-bullet-active{ opacity: 1;}
.waplb .swiper-button-prev{ left: 83% !important; top: 94%;outline: none;color: #fff;border: 2px solid #fff; width: 40px;height: 40px;border-radius: 50%;}
.waplb .swiper-button-next:after,.waplb .swiper-button-prev:after{ font-size: 18px !important;font-weight: bold;}
.waplb .swiper-button-next{ right: 10% !important;top: 94%;outline: none;color: #fff;border: 2px solid #fff; width: 40px;height: 40px;border-radius: 50%;}
.waplb .swiper-slide img{width: 100%;height: auto;min-height: 100%;}
.waplb .swiper-button-prev:hover,.waplb .swiper-button-next:hover{ background: rgba(255,255,255,0.5);}

.waplb .swiper-pagination-bullet{ width: 20px !important; height:3px !important;}
.waplb .swiper-slide img{ width: 140%;margin-left: -19%;}
.waplb .swiper-container-horizontal>.swiper-pagination-bullets{ width: 40%;left:35%;}
.waplb .swiper-pagination-bullet-active{ width: 26px !important; height: 3px !important; background-size: 100% !important;} 
.waplb .swiper-button-next,.waplb .swiper-button-prev{ width: 30px;height: 30px;}
.waplb .swiper-button-prev {
    left: 2% !important;
    top: 56%;}
	.waplb .swiper-button-next {
	    right: 1% !important;
	    top: 56%;
		}
.button_down{ display:none}
.shipin{ z-index: 1;}
    
	.lb .swiper-slide .swiper-text .lb-title{ font-size: 18px !important; line-height: 40px;}
	.lb{ height: auto;}
	.lb-swiper-pagination-bullet.lb-swiper-pagination-bullet-active{ font-size: 16px !important;}
	.lb-swiper-pagination-bullet{font-size: 14px !important; line-height: 30px;}
	.lb-swiper-pagination-bullet.lb-swiper-pagination-bullet-active::after{ width: 30px;}
	.lb-swiper-pagination{ bottom: 0px !important; right: 10px; width: 30px !important;}
	.lb-swiper-pagination-bullet::after{ width: 30px;}
	.lb .swiper-slide .swiper-text{ left: -300px;}
	.bofang{ width: 25px; height: 25px;bottom: 8%;}
	.shengyin{ width: 25px; height: 25px; left: 13%; bottom: 7.6%;}
		.shengyin img{ width: 100% !important;} 
	.lb .swiper-slide .swiper-text{ bottom: 50px; width: 60%;}
	.lb .swiper-slide .swiper-text{ font-size: 14px !important;}
	.lb .swiper-slide .swiper-text .lb-tel{ font-size: 14px;}
	.lb .swiper-slide .swiper-text p{ width: 80px; height: 3px;}
	.lb .swiper-slide .swiper-text .lb-tel span{ font-size: 12px !important; width: 120px; height: 25px; line-height: 25px; float: left; margin-top: 2%; }
		.lb .swiper-slide img{ width: 110%;}
		.title img{ width: 50%;}
		.title p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
}
.about-index .num dl dt{ width: 50%;}
.about-index .num .num_title {
    font-size: 10px;
}
.about-index .num dl dt:nth-child(3){ padding-left: 0px;}
.about-index .num dl dt:nth-child(4){ text-align: left;padding-left: 12%; box-sizing: border-box;}
.indexabout-cont{ margin-top: 30px;}
.about-anno ul li{ width: 40%;}
.about-anno ul li img{ width: 100%;}
.about-anno ul li{ background: none; margin: 0px auto; display: block;}
.about-anno ul{ display: flex; flex-direction: row; justify-content: center;}
.about-anno{ margin-top: 46px;}
.about-index { padding-bottom: 40px;background-size: 589%;position:relative;}
.box-4 ul li{width: 32%; margin-right: 1%; border-radius: 10px; height: 300px; margin-bottom: 15px;}
.nucleus-cont h5{ font-size: 24px;}
.nucleus-cont span{ font-size: 12px;}
.nucleus-cont{ padding: 23% 8% 0px;} 
.box-4 ul li:nth-child(1){ width: 100%;  height: 240px;}
.box-4 ul li:nth-child(1) .nucleus-cont{ writing-mode:initial; text-align: center;}
.box-4 ul li:nth-child(1) .nucleus-cont h5{ line-height: 70px;}
.news-title{ width: 100%; background: none; padding: 0px;}
.news-box .w1300{ width: 96%;}
.news-title ul li{ width: 32%; float: left; text-align: center; height: 45px; line-height: 45px; margin-right: 1.5%;}
 .news-title ul li:nth-child(3){ margin-right: 0px;}
.news-title ul li i{ display: none;}
.news-title{ height: 50px; margin-bottom: 40px;}
.news-cont{ width: 100%;}
.news-time{ overflow: hidden}
.news-time ul li{ width:100% !important;margin: auto; margin-right: 30px;flex-shrink: 0; padding:7px; box-sizing:border-box;}
.more-news{ width: 46%;}
.nesw-qiehaun{ top: 40%; width: 100%; left: 0px ; z-index:3}
.nesw-qiehaun span:nth-child(1){ margin-right: 0px;}
.nesw-qiehaun span:nth-child(2){ float: right;}
.pro-foot, .nva-foot{ display: none;}
.footer{ background: #2a2a2a;}
.footer .w1300{ width: 96%;}
.footer .footer-box .footer-l{ width: 100%;}
.footer #xf-top{ display: none !important;}
.footer .footer-box .footer-r .footer-r-xx{ width: 100%;}
.footer .footer-box .footer-r{width: 100%;}
.footer .footer-box .footer-r .footer-r-ewm{  width: 100%;}
.footer_float{ display: block;}
.banner-image ul{ display: none;}
.search .right_seach{ display: none;}
.search .left_seach{ width: 100%;}
.search .left_seach,.search .left_seach a{ font-size: 10px;}
.left-pages{ width: 100%; height: 240px;}
.right-pahes{ width: 100%;}
.left-pages span{ border: 3px solid #345a98;}
.about-pages .num{ position: initial; width: 100%;}
.force{ background-size: 600%;}
.about-pages .num dl dt{ padding-left: 1%;}
.about-pages .num_value, .about-index .num .num_value {
    font-size: 29px;
}
.about-pages .num_title {
    font-size: 12px;
}
.about-pages .num dl dt{ height: 94px;}
.force{ padding-top: 30px;padding-bottom: 40px;}
.force-comt, .force-comt>div, .force-comt p{ margin-top: 30px; line-height: 30px;}
.title h6{ font-size: 32px;}
.left-system{ width: 100%;}
.right-system{ width: 100%;}
.left-system p{ line-height: 30px;}
.right-system .swiper-wrapper{ height: 280px;}
.wapnva { width: 96%; margin:20px auto; height: 40px;}
.wapnva  ul{ display: flex; flex-direction: row; justify-content: center;}
.wapnva  ul li{ width: 32%; height: 40px; line-height: 40px; background: #eee; text-align: center; border-radius: 20px; float: left; margin-right: 1.5%;}
.wapnva  ul li:nth-child(3){ margin-right: 0px;}
.wapnva  ul li a{ font-size: 12px;}
.right-pahes  .num{ height: 110px;}
.wapnva ul li.on{ background: #d7000f;}
.wapnva ul li.on a{ color: #fff;}
.course-title img{width: 70%;}
.course-list ul li:nth-child(3n),.course-list ul li:nth-child(3n-1){ margin-top: 0px;}
.course-list ul li{ margin-right: 0px; width: 320px;}
.yield-list ul li{ width: 49%;}
.yield-list ul li:nth-child(3n){ margin-right:1%;}
.yield-list ul li:nth-child(2n){ margin-right: 0px;}
.yield-list ul li .yid-img {
    min-height: 206px;
    max-height: 206px;
}
.yield-list ul li p{ height: 40px; line-height: 40px;}
.v9_pages a, .v9_pages span{ font-size: 12px; padding: 4px;}
.contact{ position: initial;}
.map{ height: 400px;}
.map>div{left: 0px !important;}
.contact{ width: 100%; padding: 20px 10px;}
.contact h5{ font-size: 24px;}
.xiaoshou a:nth-child(4), .xiaoshou a:nth-child(6), .xiaoshou a:nth-child(8), .xiaoshou a:nth-child(10) {
    padding-left: 39%;
}
.contact ul li {
    font-size: 16px;
}
.sales ul li{ width: 100%; padding: 20px; margin-top: 24px;}
.sales ul li h6{ font-size: 14px;}
.sales ul li p{ line-height: 25px; margin-top: 8%;}		
.sales ul li:nth-child(3),.sales ul li:nth-child(4){ background: #fff;}
.sales ul li:nth-child(2n) {
    background: #f4fbff;
}
.message-list .left-mess{ display: none;}
.message h3 i{ display: none;}
.message-list .right-mess{ width: 100%; border-radius: 20px; padding: 20px;}
.right-mess span{ margin-right: 0px; width: 100%; margin: 10px auto;}
.right-mess span textarea {
    width: 71%;
}
.message-list{ height: 550px;}
.sideMenu ul {
    margin-top: -154%;
}
.sideMenu h3{ padding-left: 20px;}
.sideMenu ul{ padding: 10px; box-sizing: border-box; }
.sideMenu ul li:nth-child(1),.sideMenu ul li:nth-child(2){ padding-left: 0px; width: 100%;}
.sideMenu ul li{ width: 100%; margin-top: 20px;}
.sideMenu ul li .join-comt{ padding: 0px; margin: 0px; line-height: 25px;}
.sideMenu h3 em{ margin-right: 6%;
    margin-top: 5%;}
	.sideMenu ul li:nth-child(1){ border-right: none;}	
	.toudi a{ width: 40%;}	
	.sideMenu h3.on{ height: 570px;}
.sideMenu h3 span:nth-child(3), .sideMenu h3 span:nth-child(4){ display: none;}
.sideMenu h3 span{ width: 48%;}
.join-tel ul li{ width: 100%; margin-bottom: 15px;}
.join-tel ul li {
    padding: 20px 0px 20px 20px;
}
.join-tel ul li .join-add i {
    font-size: 14px;
}
.jour-list ul li{ padding: 0px;}
.jour-list ul li .project-img{ width: 100%; height: 180px; border-radius: 10px;}
.jour-list ul li .jour-cont{ width: 100%;}
.jour-list ul li .jour-cont p{font-size: 16px; line-height: 30px;}
.jour-list ul li .jour-cont .jour-time i{ width: 30%;}
.jour-list ul li .jour-cont .jour-time{ height: 35px; line-height: 35px;}
.jour-list ul li .jour-cont{ border-bottom: 1px solid #999;}
.jour-list ul li a{ border-bottom: none;}
.right-show{  display: none;}
.left-show{width: 100%;}
.left-show .xiaoboao{ font-size: 12px;}
.show-cont img{  width: 100% !important; height: auto;}
.rel-news ul li{ width: 100%;}
.rel-news ul li{ overflow: hidden;}
.rec-img{ width: 100% !important;  }
.rec-img .rel-img{ border:1px solid #dedede; width:99%; margin:auto}
.rec-img .rel-img{ height: 272px;}
.project-list ul li{ width: 49%; margin-right: 2%;}
.project-list ul li:nth-child(3n){ margin-right: 2%;}
.project-list ul li:nth-child(2n){ margin-right: 0px;}
.project-list ul li .project-img{ height: 162px;}
.project-list ul li p{ font-size: 12px;}
.project-list ul li span{ width: 52%; font-size: 12px; height: 30px; line-height: 30px;}
.after-tel ul li{ width: 100%; height: auto; min-height: 160px; margin-bottom: 20px;}
.after-tel ul li p:nth-child(2){ line-height: 30px;}
.left-title{width: 100%; height: 140px;}
.left-title li{ width: 50%; float: left; padding-top: 10%; height: 100%;}
.right-after{ width: 100%;}
.after-cont ul li{width: 100%;}
.after-cont ul li h4 i{ width: 35px; height: 35px;}
.after-cont ul li h4{ height: 35px; line-height: 35px;}
.right-after, .left-title{ height: auto;}
.right-after{ padding: 30px 10px; margin-top: 30px; margin-bottom: 30px;}
.left-title li span{ width: 100%; height: 45px;}
.left-title li:nth-child(1) span,.left-title li.on:nth-child(1) span{ background-size: 30%;}
.left-title li:nth-child(2) span,.left-title li.on:nth-child(2) span{ background-size: 30%;}
.left-title li,.left-title li:nth-child(1),.left-title li:nth-child(2){ border-radius: 10px;}
.left-title li{ padding: 10px;}
.left-title li.on .sales-title,.sales-title{text-align: center;}
.after-tel ul li{ border-radius: 10px;}
.after-img{ display: none;}
.after-cont dl{ width: 100%;}
.after-cont dl dt i{ width: 25px; line-height: 25px; margin-right: 10px;}
.after-cont dl dt b{ font-size: 18px;}
.after-cont dl p {
    line-height: 34px;
}
.after-cont dl dt{ line-height: 25px; }
.market .left-market{ width: 100%;}
.right-market{width: 100%;}
.left-market p{ font-size: 14px;}
.left-market .num dl dt b {
    font-size: 27px;
}
.left-market .num .num_title{ font-size: 12px;}
.jm_box{ width: 100%; margin: 0px;}
.right_picseach{ width: 100%;}
.right_picseach i {
    font-size: 20px;
}
.seach_cont input {
    width: 71.8%;
}
.seach_cont span {
    width: 72.8px;
}
.product-list{ display: none;}
.product-moer{ font-size: 12px;line-height: 69px;}
.product-title span{ font-size: 18px;width: 50%;}
.product-title span i{ font-size: 12px;}
.product-title h5{ font-size: 46px;}
.product-title{ margin-top: 30px;}
.wapro-list{ width: 96%; margin: auto;}
.wapro-title{ width: 100%; display: inline-block;}
.wapro-title ul li{ width: 32%; margin-right: 1.5%; height: 30px; line-height: 30px; text-align: center; border-radius: 15px; background: #eee; color: #000; float: left;font-size: 12px; margin-bottom: 10px;}
.wapro-title ul li.on{ background: #d7000f; color: #fff; }
.wapro-title ul li:nth-child(3n){ margin-right: 0px;}
.wapro-qie{ width: 100%; display: inline-block; margin-top: 20px; }
.wapro-qie ul{ width: 100%; display: inline-block;}
.wapro-qie ul li{ width: 49%; margin-right: 2%;float: left; margin-bottom: 10px; position:relative; }
.wapro-qie ul li:nth-child(2n){ margin-right: 0px;}
.wapro-qie ul li .wapro-img{ width: 99%; height: 180px; display: flex;align-items: center;border: 1px solid #999; border-radius: 10px 10px 0px 0px ;}
.wapro-qie ul li .wapro-img img{ width: 100%;}
.wapro-qie ul li p{ font-size: 14px; height: 35px; line-height: 35px; background: #666; color: #fff; text-align: center; border-radius: 0px 0px 10px 10px ; }
.wapro-moer{ width: 100%; display: inline-block;}
.wapro-moer a{ width: 40%; height: 30px; line-height: 30px; text-align: center;  background: #d7000f; display: block; margin: 10px auto; color: #fff; font-size: 12px; border-radius: 15px;   }
.project-title dl{ display: block;}
.project-title dl dt{width: 32%; height: 30px; line-height: 30px; text-align: center; border-radius: 15px; background: #eee; color: #000; float: left;font-size: 12px; margin: 0px; margin-bottom: 10px; border: none; margin-right: 1.5%; }

.project-title dl dt.on{ background: #d7000f; color: #fff; }
.project-title dl dt:nth-child(3n){ margin-right: 0px;}
.sosuo .sounei{ display: none;}
.topshow{ width: 100%;}
.topshow .lefttop{ height: 280px;}
.details-qie span img{ width: 45%;}
.right-details{width: 100%;}
.right-details ul li{ width: 100%; font-size: 14px;}
.right-details ul{ min-height: auto; height: auto;}
.right-tel b{ padding-top: 0px;}
.left-tuijain{ width: 100%;}
.right-xiangqing{ width: 100%;}
.details-title ul li{width: 47%;}
.details-cont{ padding: 0px;}
.details-lsit img{width: 100%;}
.video-list{ height: 220px;}
.liucheng{ display: none;}
.sales h4{ font-size:24px}
.contact ul li, .contact ul li a{font-size:16px}
.contact dl dt{ width:120px}
.footer .footer-box .footer-l p{ margin:5px 0px;font-size: 14px;}
.footer-l p img {
    width: 20px;
}
.footer .footer-box .footer-r .footer-r-xx li{line-height:28px}
.footer-logo{ width：57%}
.footer .footer-box .footer-r .footer-r-ewm li:nth-child(2) img {
    width: 70%;
}
.footer .footer-box .footer-r .footer-r-ewm li:nth-child(1) img {
    width: 85%;
}
.showvideo {
    height: 230px;
    top: 80%;
    width: 90%;
    left: 4%;
    z-index: 5;
}
.showvideo .close{ width:40px; height：40px；top：-20px }
.nucleus-box {
    padding-bottom: 35px;
}
.box5 {
    margin-top: 24px;
}
.footer .footer-box {
    margin-top: 30px;
}
.more-news{ margin:20px auto;}
.recom-qie a{ width:30px; height:30px; line-height:30px}
.right-tel span{ height:35px; line-height:35px;margin-top: 1%;}
.right-tel span a{ font-size:14px;}
.details-thumb,.details-qie span{ height:92px}
.right-tel b{ font-size:14px}
.right-tel b i{ width:100%; font-size:20px;display:block; font-style:initial; }
.sosuo .right_seach{ display:none}
.xianguan span{ font-size:11px;margin-top: 5%;}

		}