.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:11}
.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:11; color:#E1E1E1}
.menu .show-menu{ width:50%; height:100%; position:fixed; z-index:9; background:#366daa; 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:#fff}
.menu .show-menu li{ line-height:2em; font-size:100%; letter-spacing:1px; text-align:center}
.show-erweima{ width:65%; 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:9}
.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;}
.footer_float {height:auto; overflow:hidden; background:#000; 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:25%; 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}
.zixun_txt{ line-height:1.4rem; text-align:center; font-size:16px; padding-bottom:1rem}
.zixun_boda{ width:71.6%; margin:auto; height:2em; line-height:2em; border:2px solid #fff; margin-bottom:1rem}
.zixun_boda li{ width:56%; float:left; line-height:2em; font-size:14px;color:#fff}
.zixun_boda li a{ color:#000}
.zixun_boda li:last-child{ width:44%; line-height:2em; background:#fff; color:#000}
.wap_title,.list_nva{display: none;}
.cont_thumb{ width:260px; height: 192px; overflow: hidden;}
@media screen and (max-width:768px)
{
	body{ margin: 0px; padding: 0px;}
	.middle{ width: 100%;}
	.logo_box .ico{
	  width: 10%;height:4px;
	  border-top: 4px solid #000;
	  border-bottom: 4px solid #000;
	  padding: 6px 0;
	  background-color:#000;
	  background-clip: content-box; position:absolute; right:0.2rem; top:1.2rem; z-index:9; margin-top:0.6rem; display:none
	}
	.container{ width: 100% !important;}
	.logo_box .ico{ display:block}
	.logo_box .logo{ width:100%; height:auto; background:none}
	.logo_box .logo img{ width:80%; margin-top:1rem; margin-bottom:1rem}
	.footer_float{display: block;}
	.head .tel,.head .logo .title,.search,.product .left_pro,.adv_cont ul li span,.right_about,.about .moer{ display: none;}
	
	.head .logo{ padding-top: 20px; width: 73%; height: auto; }
	.head{ height: 85px;}
	.nav ul li{ width: 25%; height: 45px; line-height: 45px;}
	.nav{ height: auto; display: flow-root;}
	.product_cont ul li .bd_thumb{ height: 141px;}
	.news_tui .recommend p{ font-size: 14px;}
	.news_tui .recommend span{ font-size: 14px; margin-top: 5%;}
	.list_news ul li span{ margin-top: 6%;}
	.foot_logo .code{ margin-top: 20px;}
	.swiper-slide img{ height: auto; width: 100%;}
	.swiper-container{ height: auto;}
	.wap_title{ display: block;}
	.wap_title{ text-align: center; }
	.wap_title h5{ font-size: 30px; line-height: 60px;}
	.wap_title span{ width: 40px; height: 3px; display: block; margin:3px auto; background: #dd3641;}
	.wap_title p{ font-size: 18px; text-transform:uppercase; line-height: 30px;}
	.right_title{ width: 100%;}
	.right_title ul{ padding-left: 1%;}
	.right_title ul li{ font-size: 13px;margin-right:1%; width: 32%; height:40px; line-height: 40px; border-radius: inherit;}
	.right_title ul li:nth-child(4n){ margin-right: 1%;}
	.right_title ul li:nth-child(3n){ margin-right: 0px;}
	.product_cont ul li{ width: 49%;}
	.advantage .adv_titi span{font-size: 28px;}
	.advantage{ background:none;}
	.adv_cont ul{ width: 99%; margin: auto; display: flow-root;}
	.adv_cont ul li{ width: 48%; background: #eee;  padding: 4px; box-sizing: border-box; border-radius: 5px;}
	.adv_cont ul li h5{ font-size: 18px; text-align: center; height: 52px;}
	.adv_cont ul .fl h5{ margin: 0px;}
	.adv_cont ul li p{ height: 184px; font-size: 14px;}
	.adv_cont .adv-bottm{ margin-top: 2%;}
	.adv_cont .adv-bottm h5{ margin: 0px;}
	.num dl dt{ width: 23%; margin: 2% 1%; font-size: 14px;}
	.num dl dt b{ font-size: 28px;}
	.num .num_title{ font-size: 16px;}
	.num .num_jia{ font-size: 16px;}
	.num{ height: 100px;}
	.about .left_about{ width: 98%; margin: 20px auto; float: inherit;}
	.about .left_about h3{ text-align: center; font-size: 20px;}
	.about .left_about span{ height: 4px;}
	.advantage .adv_titi p{ font-size: 14px;}
	.about .left_about span{ margin: auto;}
	.about .rongyu{ width: 100%; position: inherit; height: 134px;}
	.about .rongyu ul li{ text-align: center; width: 31%; margin-right: 5px; }
	.about .rongyu ul li img{ margin: auto; float: initial; width: 20%;}
	.case .tempWrap ul li{ width: 48%;}
	.case .parBd .tempWrap{ width: 100% !important; overflow: hidden;}
	.product_cont{ width: 98%; margin: auto; display: flow-root;}
	.product_cont ul li:nth-child(2n){ margin-right: 0px;}
	.case .parBd .sPrev, .case .parBd .sNext{ z-index: 99;}
	.case .tempWrap ul li .pic{ height: 142px;}
	.case .pic_title p{ font-size: 14px;}
	.case .pic_title .title{ font-size: 16px;}
	.case .pic_title .title span a{ font-size: 14px;}
	.case .tempWrap ul li{ margin: 0px; margin-right: 7px; height: 268px; }
	.case .parBd .sPrev, .case .parBd .sNext{ height: 268px; width: 45px;} 
	.case .parBd .tempWrap{ height: auto;}
	.foot_nva{ display: none;}
	.foot{display: flex; }
	.news .title ul li{ width: 26.5%; margin: 0px 2%;}
	.right_news{ display: none;}
	.news .left_news{ width: 98%; margin: auto; float: inherit;}
	.news_tui .img,.news_tui .recommend{ width: 100%; margin: 0px; float: inherit;}
	.list_news ul li{ width: 100%; height: 50px; line-height: 50px;}
	.coop_title p{ font-size: 16px;} 
	.coop_cont{ margin-top: 30px;}
	.coop_cont ul li{ width: 48%;}
	.coop_cont ul li{ height: 120px;}
	.link{display: none;}
	.foot_logo{ width: 100%;}
	.cont_foot{ width: 91%; margin: auto;}
	.cont_foot span{display: none;}
	.bottom{ line-height: 30px;margin-bottom: 50px;}
	.banner-image{ background-size: 143%; width: 100%; overflow: hidden; height: 132px; background-position-x: 48%;}
	.page-about .cont .left{ width: 100%;height:282px}
	.page-about .cont .right{ width: 100%; text-align: center; float: inherit;}
	.page-about .cont .left .bottom{ width: 98%; margin: 0px auto; margin-top: 2%; height:270px;}
	.page-about{ display: block;}
	.page-about .cont .left .bottom img{ width: 100%; min-height: 100%;}
	.page-about .cont .top h3{ width: 98%; text-align: center; margin: auto; padding: 0px; border: none; font-size: 20px; margin-top: 3%;}
	.page-about .cont h4{ display: none;}
	.rongyu1{ height: 120px;}
	.nav ul li:hover .subNews{display:none;}
	.left_mbox{ display: none;}
	.inner .inner-right{ width: 100%; margin: 0px;}
	.list-image .cont ul li{ width: 41%;}
	.cont_thumb{ width: 100%; height: 130px;}
	.list-image .cont ul li{ height: 226px !important; margin: 4px;}
	.list-image .cont ul li:nth-child(2n){ margin-right: 0px;}
	.list-image .cont ul li:nth-child(3n){ margin-right: 4px;}
	.list_nva{ display: flow-root;}
	.list_nva dl dt{ width: 30%; font-size: 14px; float: left; height: 30px; line-height: 30px; text-align: center; margin: 5px; border: 1px solid #eee;}
	.list_nva dl dt.on{ background: #366daa;}
	.list_nva dl dt.on a{ color: #fff;}
	.list-image .cont h1{ display: none;}
	.inner .inner-right .list-article .news-list{ padding: 6px;}
	.news_thumb { width:96%;border: 1px solid #ccc; padding: 5px; height: 144px; overflow: hidden;}
	.news_thumb img{ border: none; padding: 0px; width: 100%;}
	.inner .inner-right .list-article .news-list li img{border: none; padding: 0px; width: 100%; min-height: 100%; height: auto;}
	.inner .inner-right .list-article .news-list li .text{ width: 96%;}
	.inner .inner-right .list-article .news-list li{ height: 316px;}
	.page-contact .block-2 .cont ul{ width:98%; margin: auto;}
	.page-contact .block-2 .cont ul li{margin: 0px; padding: 0 10px; font-size: 16px !important; }
  .page-contact .block-2 .cont ul li span{ width: 70% !important; }
	#map{ width: 100% !important;}
	.about .left_about p{ font-size: 16px; line-height: 30px;}
	.adv_cont { width: 98%; margin: auto;}
	.about .left_about p{ letter-spacing: inherit;}
	.page-about .cont .left{ background: none;}
	.cont{ width: 96%; margin: auto;}
	.list_nva dl dt:nth-child(3n){ margin-right: 0px;}
	.list-image .cont{ float: inherit;}
	.list_news ul li a{ width: 90%;}
		.inner .inner-left{ display:none;}
.inner .news-show{ width: 100%; padding: 10px; box-sizing: border-box;}
.inner-position{ font-size: 12px;}
.showMarquee-left .sd{ padding: 10px 0px;}
.keywords .left{ line-height: 22px;}
	}