.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: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: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;}
.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{display: none;}
@media screen and (max-width:768px)
{
	body{ margin: 0px; padding: 0px;}
	.middle,.w1400,.w1440{ width: 100%;}
	.waphear{ display: block;}
	.head,.header,.syproduct{ display: none;}
	.waphear { display: block;width: 100%; height: 50px; z-index: 9;}
	.waphear .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.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(255,255,255,0.9); box-shadow:  1px 3px 6px #cacaca;position: fixed; }
	.waphear .logo {
	      width: 54%;
	      height: 50px;
	      float: left;
	      background: url(../images/flogo.png) no-repeat left center;
		  background-size: 100%;
		  }
	.lb .swiper-button-prev,.lb .swiper-button-next{ width: 20px; height: 20px;}
	.lb .swiper-button-prev{ left: 87%;}
	.lb .swiper-button-prev:after{ content: url(../images/fleft1.png);}
	.lb .swiper-button-next:after{ content: url(../images/fright1.png);}
	.tailorism .tailorism-tit p i:first-child{ margin-left: 4%; float: left;}
	.tailorism .tailorism-tit p i:last-child{ float: right; margin-right: 4%;}
	.tailorism .tailorism-tit p span{ margin: auto;}
	.advantage-tit p i:first-child{ margin-left: 4%; float: left;}
	.advantage-tit p i:last-child{ float: right; margin-right: 4%;}
	.advantage-tit h5{ font-size: 26px;}
	.tailorism .tailorism-tit h5{ font-size: 26px;}
	.advantage-tit p span{ font-size: 14px; margin: auto;}
	.wapproduct{ display: block; padding-top: 6%;}
	.wap-title,.wap-cont{ width: 97%; margin: auto; }
	.wap-title ul li{ width: 32%; float: left; border: 1px solid #3D3C3A; text-align: center; height: 35px; line-height: 35px; margin-right: 1%; margin-bottom: 10px;}
	.wap-title ul {height: auto;
    display: inline-block;
    width: 100%;}
	.wap-title ul li.on{ background: #efd9db;}
	.wap-title ul li:nth-child(3n){ margin-right: 0px;}
	.wap-cont ul li{ width: 100%; background: #EFD9DB;}
	.wap-cont ul li .wap-img{ width: 100%; height: 160px;  overflow: hidden;}
	.wap-img img{ width: 100%; min-height: 100%;} 
	.wap-cont ul li p{ font-size: 16px; line-height: 25px; padding: 0px 6px; padding-top: 10px; box-sizing: border-box;}
	.wap-cont ul li span{ width: 20%; color: #fff; text-align: center; display: block; height: 25px; line-height: 25px; background: #3D3C3A; font-size: 14px; margin: 6px; }
	.tailorism { margin-top: 40px;}
	.tailorism-cont{ padding: 0px 6px; display: block;}
	.tailorism-cont ul li{ width: 48.6%;  height: 272px; margin-bottom: 15px;}
	.tailorism-cont ul li:nth-child(2n){ margin-right: 0px;}
	.tailorism-cont ul li:nth-child(3n){ margin-right: 2.7%;}
	.tailorism-cont ul li:last-child{ margin-right: 0px;}
	.tailorism-cont ul li .tai-img{ height: 196px;}
	.tailorism-cont ul li .title{ margin:0px 6px;}
	.tailorism-cont ul li .title p{ font-size: 14px;}
	.tailorism-cont ul li .title p i,.tailorism-cont ul li .img-tit .left-tit img{ display: none;}
	.tailorism-cont ul li .img-tit{ height: 196px;  padding: 0px; padding-top: 20px;}
	.tailorism-cont ul li .img-tit .left-tit,.tailorism-cont ul li .img-tit .right-tit{ float: inherit; width: 80%; margin: auto; margin-bottom: 10px;}
	.tailorism-cont ul li .img-tit .left-tit span{ font-size: 18px; line-height: 30px; height: 30px;}
	.right-tit dl dt span{ font-size: 14px;}
	.right-tit dl dt{ margin-bottom: 0px; }
	.tailorism-cont{ margin-top: 20px;}
	.tailorism-cont ul{ height: auto; display: inline-block;}
	.syabout-cont .left-syabout,.right-syabout{ float: inherit;}
	.syabout-cont .left-syabout{ width: 96%; margin: auto;}
	.left-syabout .left-cont{ float: inherit; width: 96%; text-align: center; margin: auto;}
	.left-syabout .left-cont h5{ font-size: 30px;}
	.left-syabout .left-cont .b{ margin: auto;}
	.left-syabout .left-cont p{ margin-top: 10px; font-size: 16px;}
	.left-syabout .left-cont .m{ float: inherit; margin: auto; margin-top: 15px;}
	.syabout-cont .left-syabout{ height: 380px;}
	.syabout-cont{ margin-top: 6%;}
.right-syabout{ width: 100%;}	
.right-syabout ul li { width: 22%; border: 1px solid #fff; height: 120px; margin-left: 8px;}
.right-syabout ul li p{ font-size: 16px; line-height: 30px;}
.syabout{ padding-bottom: 25px;}
.adv-cont{ display: none;}
.wapadv-cont { display: block; width: 100%; margin: auto;}
.wapadv-cont ul{ overflow:hidden; zoom:1; width: 100%; display: block; }
.wapadv-cont ul li{ height: 313px; background: #efd9db; border: 1px solid #3D3C3A; padding: 0px 10px; position: relative;}
.wapadv-cont ul li:hover .adv-img{display: none;}
.wapadv-cont ul li h6{ font-size: 24px; margin: 32px 0px;}
.wapadv-cont ul li p:nth-child(2){ font-size: 16px; line-height: 30px; font-weight: 700;}
.wapadv-cont ul li p:nth-child(3){ font-size: 16px; line-height: 30px; margin-top: 7%;}
.wapadv-cont ul li span{ float: right; font-size: 16px;text-transform:uppercase; margin-top: 6%;}
.topcase p{ font-size: 16px;}
.advantage-tit p{ padding: 0px 3%; box-sizing: border-box;}
.adv-cont ul li .adv-img span{ left: 150px;}
.sycsee{ padding-top: 30px; background-size: 400%;}
.sycase-cont ul li{ width: 100%;}
.sycase-cont ul li .case-img{ height: 267px;}
.sycase-cont .sPrev1, .sycase-cont .sNext1{ width: 50px; height: 510px; top: 140px;}
.sycase-cont ul li .topcase{padding: 0px 20px; width: 88%;}
.process .craft ul li{ width: 48%; height: 170px;}
.process .craft ul li:hover .craft-tit{display: none;}
.process .craft{ overflow: hidden;}
.wapcra-titl { display: block; position: absolute; bottom: 0px; height: 30px; background: rgba(0,0,0,0.5); color: #fff; line-height: 30px; text-align: center; width: 100%;}
.synews-cont{padding: 0px 10px;}
.synews-cont ul li{width: 48%; margin-right: 13px;}
.synews-cont ul li:nth-child(2n){ margin-right: 0px;}
.synews-cont ul li:nth-child(3n){ margin-right: 13px;}
.synews-cont ul li:nth-child(6n){ margin-right: 0px;}
.synews-cont ul li .synews-img{height: 122px;}
.synews-title p:nth-child(2){ display: none;}
.synews-title p:first-child{ font-size: 16px; line-height: 30px;}
.synews-title .time{ font-size: 12px; margin-top: 4%;}
.synews-cont ul li .synews-title{ height: 100%;}
.coop-list ul li{ width: 26%; margin-right: 10%;height: 70px; margin-bottom: 3%;}
.coop-list ul li:nth-child(3n){ margin-right: 0px;}
.coop-list ul li img{ width:90%; height: auto;}
.framework{ padding-bottom: 40px;}
.foot-cont .foot-nva{ display: none;}
.foot-cont .foot-add{ width: 96%; margin: 0px auto; float: inherit;}
.foot-cont .foot-weixin,.about_list_title p{display: none;}
.foot-botttom{  font-size: 14px;}
.footer_float{display: block;}
.foot{ padding-bottom: 50px;}
.banner-image{ background-size: 143%;
    width: 100%;
    overflow: hidden;
    height: 150px;
    background-position-x: 48%;}
.content-color{padding: 0px 6px;}
.crumbs{ font-size: 14px;}
.about-title p{ font-size: 26px;}
.about-tel{ background-size: 117%; height: 157px; margin: 0px;}
.about-tel span{ width: 42%; margin-top: 21%; font-size: 18px;}
.about_bd ul li{ width: 48%; margin-right: 20px;}
.about_bd ul li .about_list{ height: 140px;}
.about_bd ul li .about_list_title{ height: 65px; text-align: center; }
.about_list_title span{font-size: 16px; text-align: center;}
.about_bd ul li{ height: 168px;}
.about-bd .next, .about-bd .prev{ width: 50px; height: 50px;}
.about-bd .next img, .about-bd .prev img{  padding-top: 5px;}
.foot-cont .foot-add p{font-size: 16px;}
.nei-title p{ font-size: 18px;letter-spacing:0px; font-weight: 600;}
.contacts{ display: none;}
.message{ float: inherit; width: 96%; margin: auto;}
.contact_ej_ly_bt{ font-size: 26px;}
.contact_ej_ly_box{ margin-top: 25px;}
.content{ padding-bottom: 30px;}
.contact_ej_ly_box input:last-child{ height: 45px;}
.update-dy-contact-right{ height: 350px; margin-top: 20px;}
.product_cont .pro_title{ font-size: 20px; letter-spacing: 0px; width: 100%; box-sizing: border-box;}
.product_cont .on{ width: 100% !important; position: relative;}
.product_cont .on .pic{width: 100%; height: 450px; overflow: hidden;}
.product_cont .on .pic img{ width: 100%; height:450px; object-fit:cover;}
.right-news{display: none;}
.news .left-news{ float: inherit; display: block; width: 98%; margin: 0px auto;}
.news .left-news ul li{ padding: 0px;}
.news .left-news ul li .news-thumb{width: 100%; float: inherit; border-radius: 20px 20px 0px 0px;}
.news .left-news ul li .news-cont{width: 100%; float: inherit; padding: 0px 10px; box-sizing: border-box; }
.news-cont p:first-child{font-size: 18px; line-height: 30px;}
.news-cont p:nth-child(2){ font-size: 14px; display: none;}
.wap-news{ font-size: 14px; line-height: 25px;font-weight: 300; text-indent: 2em; display: block;}
.news-cont .time{ margin-top: 15px; font-size: 14px; }
.news .left-news ul li .news-thumb img{width: 100%; height: auto; min-height: 100%;}
.v9_pages{font-size: 14px; }
.v9_pages a{  padding: 4px;}
.v9_pages  span{ padding: 4px; margin-right: 4px;}
.wap-nesnva{ display: block; margin-top: 15px;}
.wap-nesnva ul{  width: 100%; display: inline-block;}
.wap-nesnva ul li{ width: 31%; float: left; margin-bottom: 2%; height: 30px; line-height: 30px; text-align: center; display: block; border: 1px solid #3D3C3A; margin-right: 2%; border-radius: 8px;}
.wap-nesnva ul li:nth-child(3n){ margin-right: 0px;}
.wap-nesnva ul li.on{ background: #3D3C3A;}
.wap-nesnva ul li.on a{ color: #fff;}
.left-show { width: 100%;}
.show-introduce .showup{ padding: 20px 6px;}
.rel-news ul li{width: 100%; font-size: 14px;}
.rel-news ul li i{ width: 75%; overflow: hidden; height: 30px; line-height: 30px; float: left; font-style: inherit; display: block;}
.rel-news ul li{ overflow: hidden; height: 30px; line-height: 30px;}
.relevant p{ font-size: 18px; height: 30px; line-height: 30px;}
.rel-pic ul li { width: 31.3%;}
.rel-pic ul li .rel-img{ height: 122px;} 
.rel-pic ul li span{ overflow: hidden;}
.content .case-list ul li{ margin: 0px; width: 48.8%; margin-right: 8px;}
.content .case-list ul li:nth-child(2){ margin: 0px;}
.content .case-list ul li .case-thumb,.content .case-arrange ul li .arr-thumb{ height: 128px; }
.content .case-list ul li p{ font-size: 18px;}
.content .case-list ul li span{ width: 100%; font-size: 14px;}
.content .case-arrange{ padding: 0px;}
.content .case-arrange ul li{ width: 48%;}
.content .case-arrange ul li p{width: 96%;}
.content .case-arrange ul li span{ width: 90%;}
.show-lai{height: auto !important; line-height: 25px !important;}
.products-list{ padding: 0px; width: 100%;}
.products-list ul li{ width: 49%; margin-right: 2%;}
.products-list ul li:nth-child(2n){ margin-right: 0px;}
.products-list ul li:nth-child(3n){ margin-right: 2%;}
.products-list ul li:nth-child(6n){ margin-right: 0px;}
.products-list ul li .product-thumb{ height: 170px;}
.products-list ul li p{font-size: 16px; height: 40px; line-height: 40px; overflow: hidden; display: block;}
.poster{ background-size: 180%; height: 185px;}
.poster h4{ font-size: 22px;}
.poster p{  font-size: 14px;}
.products-list ul li .pic-img{ height: 170px;}
.show .show_left{ width: 100%; float: inherit; height: auto;}
.show .show-right{width: 100%; }
.show .show-right .show-jiasnjei,.show .show-right p { display: none;}
.par_casecont ul li{ width: 46%;}
.par_casecont .par_img{ height: 125px;}
.par-anniu .sPrev1, .par-anniu .sNext1{ height: 125px;}
.show .show-right .xiangmu:nth-child(2){ display: none;}
.tailorism .tailorism-tit p span{ font-size: 14px;}
.synews-cont ul li .synews-title{ padding-bottom: 10px;}
.about_bd .tempWrap{ width: 100% !important;}
.abot-cont p{ line-height: 30px;}
.show-introduce p{font-size: 18px; line-height: 40px;}
.page_turn span{ float: inherit; width: 100%; display: block;}
.par-title span{ margin-top: 18%; border: none; font-size: 14px !important; line-height: 30px !important;}
.crumbs{ height: auto;}
.biaori{display: none;}
.lb{ z-index: 0;}
		}