@media screen and (max-width:768px){ 
	
	.other-body .other-box{background: #fff}
	
	
	header{ width: 100%; height: 70px;}

	header .logo{ float: none; padding: 0; margin: 0 auto;}
	header .logo img{ display: block; width: 134px;  position: absolute; left: 20px; top: 20px;}
	header .logo:before{ display: none;}
	header .logo img.img1{ visibility: visible;}
	header .logo img.img2{ visibility: hidden;}

	header .memu{ display: block; width: 40px; height: 40px; position: fixed; right: 15px; top: 15px; transition: all ease 0.6s 0s;}

	#navToggle{ width: 40px; height: 40px; position: relative; cursor: pointer; z-index: 101; }
	#navToggle span{ display: block; width: 30px; height: 4px; background: #333; position: absolute; left: 5px; transition:all 0.2s 0.2s;}
	#navToggle span:nth-of-type(1),#navToggle span.span1{ top: 10px;}
	#navToggle span:nth-of-type(2),#navToggle span.span2{ top: 18px;}
	#navToggle span:nth-of-type(3),#navToggle span.span3{ bottom: 10px; }
	#navToggle.expanded{}
	#navToggle.expanded span{ background: #666; transition: all 0.2s 0.2s;}
	#navToggle.expanded span:nth-of-type(1),#navToggle.expanded span.span1{ top: 18px; transform: rotate(45deg);}
	#navToggle.expanded span:nth-of-type(2),#navToggle.expanded span.span2{ opacity: 0;}
	#navToggle.expanded span:nth-of-type(3),#navToggle.expanded span.span3{ bottom: 18px; transform: rotate(-45deg);}

	header .nav{ float: none; width: 100%; height: auto; padding-right: 0px; z-index: 4; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; text-align: center; opacity: 0; visibility: hidden; position: absolute; top: 90px;}
	header .nav .nav-ul{ padding-top: 20px;}
	header .nav .nav-ul > li{ float: none; width: 100%; height: 40px; overflow: hidden; opacity: 1; text-align: center; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s;}
	header .nav .nav-ul > li > a{ display: block; width: 100%; height: 40px; line-height: 40px; padding: 0; font-size: 13px; text-align: center; position: relative;}
	header .nav .nav-ul > li > a i{ display: none; visibility: hidden; margin: 0;}
	header .nav .nav-ul > li > a span{ display: block; width:100%; height: 40px; font-size: 18px; color: #333; text-align: center; }
	header .nav .nav-ul > li > a:hover{ height: 40px; background: none; box-shadow: none;}
	header .nav .nav-ul > li > a:hover span{ height: 40px; line-height: 40px; color: #92725B; background: none;}
	header .nav .nav-ul > li ul{ display: block; padding: 10px 0; overflow: hidden; background: #92725B;}
	header .nav .nav-ul > li ul li{ display: block; width: 100%; height: 30px; overflow: hidden; transition: all 0.5s;}
	header .nav .nav-ul > li ul li a{ display: block; width: 100%; height: 30px; line-height: 30px; color: #fff;}
	header .nav .nav-ul > li ul li a:focus{ background: rbga(255,255,255,0.5);}
	header .nav .nav-ul > li.cur{ height: auto;}

	header.toTop .nav .nav-ul > li > a span{ color: #333;} 
	header.toTop .nav .nav-ul > li > a:hover span{ color: #92725B;} 	
	header.toTop .nav .nav-ul > li.cur > a span{ color: #92725B;}

	header.navOpen{ height: 100%; background: rgba(255, 255, 255, 0.95);}

	header.navOpen .nav{ opacity: 1; visibility: visible;}
	header.navOpen .nav .line{ width: 100%; height: 1px; background: #d0d0d0; transition: all 1.2s ease 0.3s; -webkit-transition: all 1.2s ease 0.3s; -moz-transition: all 1.2s ease 0.3s; -o-transition: all 1.2s ease 0.3s;}
	header.navOpen .nav > ul > li{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s;}
	header.navOpen .nav > ul > li:nth-of-type(1){ transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;}
	header.navOpen .nav > ul > li:nth-of-type(2){ transition-delay: 0.4s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s;}
	header.navOpen .nav > ul > li:nth-of-type(3){ transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s;}
	header.navOpen .nav > ul > li:nth-of-type(4){ transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s;}
	header.navOpen .nav > ul > li:nth-of-type(5){ transition-delay: 0.7s; -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s;}
	header.navOpen .nav > ul > li:nth-of-type(6){ transition-delay: 0.8s; -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s;}


	/*footer*/

	footer{ width: 100%;  background:#F4F4F4 -200px; padding-top: 0px; position: relative; z-index: 2; text-align: center;}
	footer .img{ display: block; width: 100%; height: 100px; background: url(../images/footer-bg.png) no-repeat center top; background-size: auto 100px; margin: 0 auto; margin-bottom: 50px;}
	footer .foot-nav{display: none;}
	footer .footer-links ul li a{margin: 0 10px;}
	footer .footer-links ul li a .ewm{width: 90px;height: 90px;margin-left: -45px;top: -130px;}
	footer .footer-links ul li a:hover .ewm{top: -100px;}
	footer .footer-links ul li a:after{display: block;}
	footer .footer-phone{ text-align: center; padding: 30px 0 50px;}
	footer .footer-phone img{ display:block; width: auto; height: 40px; margin: 0 auto;}
	
	footer .footer-bottom ul li{border: none;text-align: center;width: 100%;}

	footer .footer-bottom{ width: 100%; padding-top: 30px; border-top: solid 1px rgba(255,255,255,0.5); font-size: 14px;color: #fff; text-align: center; margin: 0 auto;}
	footer .footer-bottom a{ color: #fff;}
	footer .footer-bottom br.mob{ display: block;}
	div.footerbottombanquan{height: auto;line-height: 30px}
	div.footerbottombanquan p{float: none}
	div.footerbottomdianhua{width: 100%}
	div.footerbottomback{width: 100%}
	/*index*/
	.c-common-title{margin: 40px 15px 40px;}
	.two-cols .info .container{margin: 50px 0;}
		.featured .item .flex-centerbox .aboutit{font-size: 34px}
	.featured .item .pic{display: none;}

	.c-common-title .fl{display: none}
	.vertical_obj .vertical_cont .cn{font-size: 30px}
	div.footertopleft{display: none}
	div.footertopright {float: none;
    width: 100%;
		}
	.c-common-title .c-more{padding: 0 10px;margin-left: 10px}
	.c-common-title .c-title{font-size: 26px}
	.c-common-title .c-title i{font-size: 14px}
	
	.newslist .item:first-child .newsimg{display: none}
	.newslist .item{width: 100%}
	.newslist .item:nth-child(2), .newslist .item:nth-child(3), .newslist .item:nth-child(5){margin-left: 0}
	.banner .swiper-wrapper .swiper-slide .bgs{background-size: auto 100%;}
	.banner .swiper-wrapper .swiper-slide .banner-text{width: 100%;}
	.banner .swiper-wrapper .swiper-slide .banner-text .text-box{min-width: 0;width: 100%;}
	.banner .swiper-wrapper .swiper-slide .banner-text .text-box .text1{font-size: 36px;}
	.banner .swiper-wrapper .swiper-slide .banner-text .text-box .text2{font-size: 18px;}
	.banner .swiper-wrapper .swiper-slide .banner-text .text-box .text3{font-size: 12px;padding: 2px 10px;}

	.banner .banner-page{position: absolute; z-index: 10; width: 130px; height: 20px; bottom: 50px; right: 50%; margin-right: -65px;}



	.home-body .main-other { padding-top: 00px;}
	.home-body .main-other .others{ height:auto;}
	.home-body .main-other .others .text{ font-size: 14px; color: #fff; line-height: 24px; margin: 40px 0 60px;}

	/*关于我们*/
	.home-body .main-other .other3{ position: relative; padding-bottom: 20px; margin-bottom: 50px;}
	.home-body .main-other .other3:after{ content: none;}
	.home-body .main-other .other3 .bg{ width: 100%; height: 300px; background: url(../images/index-bg3.jpg) no-repeat center top; background-size: auto 100%; position: absolute; left:0; bottom: 0; top: auto; z-index: 1;}
	.home-body .main-other .other3 .content{ position: relative; width:calc(100% - 20px); height:calc(100% - 20px); padding: 10px; background: rgba(255,255,255,0.85); left: 10px; top: 10px; z-index: 1;}
	.home-body .main-other .other3 .content .tits{position: relative; margin-top: 35px; margin-bottom: 0;}
	.home-body .main-other .other3 .content .tits img{ display: block; height: 20px;}
	.home-body .main-other .other3 .content .tits .e{ height: 40px; position: absolute; left: -35px; bottom: 0;}
	

	/*产品中心*/
.home-body .main{ position: relative; z-index: 1; background: #fff;}
.home-body .main:after{ display: table; content: "";}
.home-body .main-product{ padding: 80px 0;background: #f0f0f0;}
.home-body .main-product .Tits{ text-align: center; margin-bottom: 50px;}
.home-body .main-product .Tits img{ display: inline-block;}
.home-body .main-product .boxs{ width: 1400px; margin: 0 auto;}
.home-body .main-product .boxs li{ width: 33.3%; float: left; padding: 10px; height: 260px;}
.home-body .main-product .boxs li a{ display: block; width: 100%; height: 100%; position: relative; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s;}
.home-body .main-product .boxs li a > div{ width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: 0; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden;}
.home-body .main-product .boxs li a > div .img-box{ height: 80%; background: no-repeat 50% center; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s;}
.home-body .main-product .boxs li a > div span{ color: #333; font-size: 14px; display: block; height: 20%; width: 100%; text-align: center; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s;}
.home-body .main-product .boxs li a > div.box-f{ -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); opacity: 0; filter: alpha(opacity=0); height: 80%;}
.home-body .main-product .boxs li a > div.box-f .img-box{ height: 100%;}
.home-body .main-product .boxs li a > div.box-f span{ display: none;}

.home-body .main-product .boxs li.p1 a .box-z .img-box{ background-image:url(../images/icon-bed.png);background-size: 30%;}
.home-body .main-product .boxs li.p1 a .box-f .img-box{ background-image: url(../images/icon-bedroom-cabinet.png);background-size: 30%;}
.home-body .main-product .boxs li.p2 a .box-z .img-box{ background-image: url(../images/icon-living-room-cabinet.png);background-size: 30%;}
.home-body .main-product .boxs li.p2 a .box-f .img-box{ background-image: url(../images/sofa.png);background-size: 30%;}
.home-body .main-product .boxs li.p3 a .box-z .img-box{ background-image: url(../images/icon-tinggui.png);background-size: 30%;}
.home-body .main-product .boxs li.p3 a .box-f .img-box{ background-image: url(../images/sofa.png);background-size: 30%;}
.home-body .main-product .boxs li.p4 a .box-z .img-box{ background-image: url(../images/icon-sofa.png);background-size: 30%;}
.home-body .main-product .boxs li.p4 a .box-f .img-box{ background-image: url(../images/sofa.png);background-size: 30%;}
.home-body .main-product .boxs li.p5 a .box-z .img-box{ background-image: url(../images/icom-shujia.png);}
.home-body .main-product .boxs li.p5 a .box-f .img-box{ background-image: url(../images/sofa.png);}
.home-body .main-product .boxs li.p6 a .box-z .img-box{ background-image: url(../images/icon-shuzhuangtai.png);background-size: 30%;}
.home-body .main-product .boxs li.p6 a .box-f .img-box{ background-image: url(../images/sofa.png);}
.home-body .main-product .boxs li.p7 a .box-z .img-box{ background-image: url(../images/icom-chugui.png);background-size: 30%;}
.home-body .main-product .boxs li.p7 a .box-f .img-box{ background-image: url(../images/sofa.png);background-size: 30%;}
.home-body .main-product .boxs li.p8 a .box-z .img-box{ background-image: url(../images/icon-yigui.png);background-size: 30%;}
.home-body .main-product .boxs li.p8 a .box-f .img-box{ background-image: url(../images/sofa.png);background-size: 30%;}
.home-body .main-product .boxs li.p9 a .box-z .img-box{ background-image: url(../images/icon-yizhi.png);background-size: 30%;}
.home-body .main-product .boxs li.p9 a .box-f .img-box{ background-image: url(../images/sofa.png);background-size: 30%;}
	.home-body .main-other .others{ margin-bottom: 100px; height: 630px;}
	
	/*新闻中心*/
	.home-body .main-other .other2{ padding: 50px 0; height:550px; background:#fff; position: relative;}
	.home-body .main-other .other2 .bg{ width: 100%; height: 450px; background: url(../images/index-bg2.jpg) no-repeat right top; background-size: auto 100%; position: absolute; left:0%; top: 50px; z-index: 1;}
	.home-body .main-other .other2 .content{width:calc(100% - 20px); height:calc(100% - 120px); padding: 10px; position: absolute; right: 10px; top: 60px; z-index: 3;background: rgba(255,255,255,0.85);}
	.home-body .main-other .other2 .content .tits{ position: relative;margin-top: 35px; margin-bottom: 0px;}
	.home-body .main-other .other2 .content .tits img{ display: block; height: 20px;}
	.home-body .main-other .other2 .content .tits .e{ height: 40px; position: absolute; left: -35px; bottom: 0;}
	
	.home-body .main-other .other2 .content .newlist{ margin-bottom: 0px;}
	.home-body .main-other .other2 .content .newlist li{ width: 100%; overflow: hidden; padding: 20px 0;}
	.home-body .main-other .other2 .content .newlist li:first-child{ border-bottom: dotted 1px #d0d0d0;}
	.home-body .main-other .other2 .content .dat{float:none; width: 80px; line-height: 24px;font-size: 14px;color:#92725B; margin-right: 20px;position: relative; margin-bottom: 5px;}
	.home-body .main-other .other2 .content .dat:before{display: none;}
	.home-body .main-other .other2 .content .con{float: none; width:100%;}
	.home-body .main-other .other2 .content .con .tit{ font-size: 16px; line-height: 24px; margin-bottom: 0px;}
	.home-body .main-other .other2 .content .con .des{}

	
	/*更多*/
	.home-body .main-other .others .more{margin: 0 auto;}
	.home-body .main-other .others .more span{ position: absolute; z-index: 1; width: 100%; text-align: center; left: 0; top: 0; height: 100%; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s;}
	.home-body .main-other .others .more:before{ position: absolute; content: ""; background: #92725B; width: 100%; height: 100%; left: -100%; top: 0; z-index: 0; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s;}
	.home-body .main-other .others .more:hover{ border-color:#92725B; }
	.home-body .main-other .others .more:hover span{ color: #fff;}
	.home-body .main-other .others .more:hover:before{ left: 0;}
	
	
	
	.other-body .content{ width: 100%; background: #fff; margin: 0 auto; position: relative; top: -100px; margin-bottom: 0px;z-index: 2}
	.other-body .content .tits{ height: 100px; padding: 20px 10px 0; font-size: 20px; line-height: 20px; margin-bottom: 00px;}
	.other-body .content .tits span{display: block; font-size: 15px; color: #92725B; text-transform: uppercase; margin-top: 15px;}
	
	.banner-in{ position: relative; height: 400px;text-align: center; z-index: 0;}
	.banner-in.about{ background: url(../images/about-banner.jpg) no-repeat scroll center top -50px; background-size: auto 100%;}
	.banner-in.news{ background: url(../images/news-banner.jpg) no-repeat scroll center top -50px; background-size: auto 100%;}
	.banner-in.product{ background: url(../images/product-banner.jpg) no-repeat scroll center top -50px; background-size: auto 100%;}
	.banner-in.contact{ background: url(../images/contact-banner.jpg) no-repeat scroll center top -50px; background-size: auto 100%;}
	.banner-in.service{ background: url(../images/service-banner.jpg) no-repeat scroll center top -50px; background-size: auto 100%;}
	
	.banner-in:after{ position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.0); z-index: 0; left: 0; top: 0; content: "";}
	.banner-in .banner-mask{ position: absolute; top: 130px; left: 0; width: 100%; z-index: 1;}
	.banner-in .banner-mask img{ display: block; width: auto; height: 46px; margin: 0 auto; margin-bottom: 40px;}
	.banner-in .banner-mask .tabs-btn{}
	.banner-in .banner-mask .tabs-btn a{ display: inline-block; margin: 0 5px; width: auto; height: 36px; padding: 0 10px; line-height: 36px; font-size: 12px; box-sizing: border-box; text-align: center; color: #fff; border: 1px solid #fff; transition: 0.5s;}
	.banner-in .banner-mask .tabs-btn a:hover, .banner-in .banner-mask .tabs-btn a.active{ color: #fff; background-color: #92725B; border-color:#92725B; }

	
	
/*公司概况*/
.survey{}
.survey .box1{ padding:0 10px; margin-bottom: 10px;}
.survey .box1 img{ margin-bottom: 10px;}
.survey .box1 div{ font-size: 14px; color: #666; line-height: 24px;}
.survey .box2 img{ width: 100%;}
.survey .box3{ overflow: hidden;}
.survey .box3 .img-box{ float: none; width: 100%;}
.survey .box3 .img-box img{ width: 100%;}
.survey .box3 .text-box{ float: none; width: 100%; padding: 10px;}
.survey .box3 .text-box div{ font-size: 14px; color: #666; line-height: 24px;}

/*公司文化*/
.culture{}
.culture .box{ width: 100%; height:auto; margin: 0px auto; overflow: hidden; margin-bottom: 20px;}
.culture .box:last-child{ margin-bottom: 0px;}
.culture .box .img-box{ width: 100%; float: none; position: relative; height: auto;}
.culture .box .img-box img{ display: block; width: 100%; position: relative; left: 0; top: 0; z-index: 1;}
.culture .box .img-box:after{display: none;}
.culture .box .text-box{ float: none; width: 100%; height: auto; position: relative;}
.culture .box .text-box .middle-box{ position: relative; top: 0%; left: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); width: 100%; padding: 10px;}
.culture .box .text-box .stit{ display: block; max-width: 100%; height: 71px; margin: 0 auto; margin-bottom: 10px;}
.culture .box .text-box .text{ font-size: 14px; color: #666; line-height: 24px;}
.culture .box .text-box .lx{ position: absolute; left: 0; bottom: 0;}
.culture .box.even .img-box{ float: left;}
.culture .box.even .img-box img{ left: auto; right: 0;}
.culture .box.even .img-box:after{ right: auto; left: 0;}
.culture .box.even .text-box{ float: right;}
.culture:after{ display: table; content: "";}



/*新闻*/
.news{}
.news .content ul li{ height:auto; border-bottom: 1px solid #DDD; overflow: hidden;}
.news .content ul li .box-l, .news .content ul li .box-r{ width: 100%; float: none; height: 100%;}
.news .content ul li .box-l{ border-right: 1px solid #DDD; padding: 40px 0; text-align: left; position: relative;}
.news .content ul li .box-l img{ height: 100%; display: none;}
.news .content ul li a:hover img{ opacity: 0.75;}
.news .content ul li a:hover .text{ color: #92725B;}
.news .content ul li .box-l .dat{ position: absolute; right: 10px; bottom: auto; top: 30px; width: 200px; color: #fff; padding: 10px; background: #92725B;}
.news .content ul li.even .box-l .dat{ position: absolute; left: auto; right: 10px; bottom: auto; top: 30px; width: 200px; color: #fff; padding: 10px; background: #92725B;}
.news .content ul li .box-r{ padding: 10px; left: 0px; text-align: left;}
.news .content ul li .box-r .tit{ font-size: 18px; color: #92725B; margin-bottom: 10px;}
.news .content ul li .box-r .text{ font-size: 14px; color: #666; line-height: 24px;}
.news .content ul li.even .box-r{ border-right: 0; float: none; text-align: left;}
.news .content ul li.even .box-l{ float: none; border: none; text-align: left;}

/*新闻详情页*/

.news_detail{ padding-top: 10px; position: relative; z-index: 1;}
.news_detail .back{ width: 100%; height: 50px; position: relative;}
.news_detail .back a{ display: block; width: 150px; height: 40px; color: #92725B; line-height: 40px; text-align: center; position: absolute; top: 20px; right: 40px; border: 1px solid #92725B;}
.news_detail .back a:hover{ background: #92725B; color: #FFFFFF;}
.news_detail .title{ width: 100%; height: auto; line-height: 35px; text-align: center; font-size: 20px; padding: 35px 5% 15px 5%;}
.news_detail .summary{ width: 100%; height: auto; line-height: 20px; font-size: 14px; text-align: center; color: #666666; padding-bottom: 15px; margin-bottom: 40px; border-bottom: 1px dotted #ccc;}
.news_detail .detailContent{ width: 100%; padding:0 10px; min-height: 300px;}
.news_detail .detailContent img{ text-indent: 0px; max-width: 100%; margin: 15px auto; display: block;}
.news_detail .newShare{ width: 100%; height: 25px; position: relative; padding-right: 40px; margin-bottom: 40px;}
.news_detail .newShare strong{ float: right; margin-right: 10px;}
.news_detail .detailPage{ width: 100%; padding: 20px 10px; height: auto; border-top: 1px dotted #ccc;}
.news_detail .detailPage div a{ font-weight: normal;}
.news_detail .detailPage div{ width: 100%; line-height: 20px; font-size: 14px; height: auto; padding: 5px 0px; font-weight: bold;}
	
	.thumbs.news li a .pic{display: none}

/*产品*/
.product{}
.product .show-box{ overflow: hidden;}
.product .show-box a{ display: inline-block; float: left; margin-bottom: 20px; width: 100%; color: #000;}
.product .show-box a .pic{ position: relative; width: 100%; height:auto; line-height: normal; text-align: center;}
.product .show-box a .pic:before,.product .show-box a .pic:after {display: none;}

.product .show-box a .pic img{ display: inline-block; vertical-align: middle; transition-duration: 1s; -webkit-transition-duration: 1s;max-width: 80%;max-height: 80%;}
.product .show-box a .pic .ad{transform: scale(.8);-webkit-transform: scale(.5); opacity: 0; position: absolute; top: 0; left: 50%; margin-left: -125px; padding: 36px 30px; width: 250px; height: 100%; border: 10px solid rgba(0, 0, 0, 0.5); box-sizing: border-box; font-size: 1.8rem; line-height: 24px; color: #000; font-weight: 600; transition-duration: 1.2s; -webkit-transition-duration: 1.2s;}
.product .show-box a .name{ margin-top: 30px; text-align: center; font-size: 1.4rem; line-height: 24px;}
.product .show-box a .name .type{ color: #bcbcbc; display: inline-block; padding: 0 25px; border-top: 1px solid #bcbcbc;}

.product .show-box a:hover .pic img{ opacity: .3;}
.product .show-box a:hover .pic .ad{ opacity: 1; transform: none;-webkit-transform: none;}
	
/*产品内页*/
.product_detail{ padding-top: 10px; position: relative; z-index: 1;}
.product_detail .back{ width: 100%; height: 50px; position: relative;}
.product_detail .back a{ display: block; width: 150px; height: 40px; color: #92725B; line-height: 40px; text-align: center; position: absolute; top: 10px; right: 10px; border: 1px solid #92725B;}
.product_detail .back a:hover{ background: #92725B; color: #FFFFFF;}
.product_detail .title{ width: 100%; height: auto; line-height: 35px; text-align: center; font-size: 24px; padding: 35px 5% 15px 5%;}
.product_detail .summary{ width: 100%; height: auto; line-height: 20px; font-size: 14px; text-align: center; color: #666666; padding-bottom: 15px; margin-bottom: 40px; border-bottom: 1px dotted #ccc;}
.product_detail .detailContent{ width: 100%; padding:0 40px; min-height: 300px;}
.product_detail .detailContent img{ text-indent: 0px; max-width: 100%; margin: 15px auto; display: block;}
.product_detail .newShare{ width: 100%; height: 25px; position: relative; padding-right: 40px; margin-bottom: 40px;}
.product_detail .newShare strong{ float: right; margin-right: 10px;}
.product_detail .detailinfo{ margin-bottom: 40px; padding: 10px;}

.product_detail .detailPage{ width: 100%; padding: 20px 10px; height: auto; border-top: 1px dotted #ccc;}
.product_detail .detailPage div a{ font-weight: normal;}
.product_detail .detailPage div{ width: 100%; line-height: 20px; font-size: 14px; height: auto; padding: 5px 0px; font-weight: bold;}
	


/*service*/
.service .main1{}
.service .main1 .main1-top{ padding: 10px; text-align: center; font-size: 14px; color: #666; line-height: 24px; margin-bottom: 0px;}
.service .main1 .main1-bottom{ padding: 10px; overflow: hidden; position: relative;}
.service .main1 .main1-bottom .img-box{ width:calc(100% - 20px); float: none; position: absolute; top:0; height: 280px; z-index: 1}
.service .main1 .main1-bottom .img-box img{ width: 100%; height: auto; position: absolute; left: 0; top: 10px; overflow: hidden;}
.service .main1 .main1-bottom .list{ width: 100%; float: none; padding: 0px 0; background: rgba(255,255,255,0.75); position: relative; z-index: 2;}
.service .main1 .main1-bottom .list ul li{ margin: 0px 0; height: 70px; line-height: 70px; font-size: 18px; color: #333; overflow: hidden; cursor: pointer;}
.service .main1 .main1-bottom .list ul li .icon{ width: 60px; height: 100%; background: no-repeat center center; float: left;}
.service .main1 .main1-bottom .list ul li .r{ margin-left: 75px;}
.service .main1 .main1-bottom .list ul li.flow1 .icon{ background-image: url(../images/lc1.png);}
.service .main1 .main1-bottom .list ul li.flow1.active{ background-image: url(../images/lc1-hover-bg.png);}
.service .main1 .main1-bottom .list ul li.flow1.active .icon{ background-image: url(../images/lc1-hover.png);}
.service .main1 .main1-bottom .list ul li.flow2 .icon{ background-image: url(../images/lc2.png);}
.service .main1 .main1-bottom .list ul li.flow2.active{ background-image: url(../images/lc2-hover-bg.png);}
.service .main1 .main1-bottom .list ul li.flow2.active .icon{ background-image: url(../images/lc2-hover.png);}
.service .main1 .main1-bottom .list ul li.flow3 .icon{ background-image: url(../images/lc3.png);}
.service .main1 .main1-bottom .list ul li.flow3.active{ background-image: url(../images/lc3-hover-bg.png);}
.service .main1 .main1-bottom .list ul li.flow3.active .icon{ background-image: url(../images/lc3-hover.png);}
.service .main1 .main1-bottom .list ul li.flow4 .icon{ background-image: url(../images/lc4.png);}
.service .main1 .main1-bottom .list ul li.flow4.active{ background-image: url(../images/lc4-hover-bg.png);}
.service .main1 .main1-bottom .list ul li.flow4.active .icon{ background-image: url(../images/lc4-hover.png);}
.service .main1 .main1-bottom .list ul li.flow5 .icon{ background-image: url(../images/lc5.png);}
.service .main1 .main1-bottom .list ul li.flow5 .r{ line-height: 20px; padding: 15px 0;}
.service .main1 .main1-bottom .list ul li.flow5 .r div{ font-size: 14px;}
.service .main1 .main1-bottom .list ul li.flow5.active{ background-image: url(../images/lc5-hover-bg.png);}
.service .main1 .main1-bottom .list ul li.flow5.active .icon{ background-image: url(../images/lc5-hover.png);}
.service .main1 .main1-bottom .list ul li.active{ background-color: #92725B; background-repeat: no-repeat; background-position: right bottom;}
.service .main1 .main1-bottom .list ul li.active .r{ color: #fff;}
	
.service .main1 .stores .store-info{margin-bottom: 15px;}
.service .main1 .stores .store-info .map-link{width: 100%;border: none;}
.service .main1 .stores .store-info .map-link a{background-position: 92% center;}
.service .main1 .stores .store-info .info{padding: 0 20% 0 20px;}
.service .main1 .apply-to .tit{line-height: 20px;padding: 0 10px;}
.service .main1 .apply-to .tit img{width: 80%;margin-bottom: 10px;}
.service .main1 .apply-to form{width: 80%;}
.service .main1 .apply-to{padding: 40px 0 70px;}
.service .main1 .apply-to form input, .joinus-main .apply-to form select{height: 40px;line-height: 40px;padding-left: 10px;}
.service .main1 .apply-to form >div{margin-bottom: 18px;}
.service .main1 .apply-to form >div .btn_Prompt{right: -24px;top: 10px;}
.service .main1 .apply-to .submit-btn{margin-top: 20px;}

	

/*联系方式*/
.contact .main3{}
.contact .main3 .tit{ padding: 30px 0; text-align: center;}
.contact .main3 .tit img{ display: inline-block;}
.contact .main3 .content{ width: 100%; margin: 0 auto; background: #fff;}
.contact .main3 .content .information{ padding: 10px; overflow: hidden;}
.contact .main3 .content .information ul{ float: none;}
.contact .main3 .content .information ul li{ font-size: 14px; color: #333; line-height: 36px; padding-left: 00px; background: no-repeat left center;}
.contact .main3 .content .information ul li.address{ background-image: url(../images/service-address.png);}
.contact .main3 .content .information ul li.phone{ background-image: url(../images/service-phone.png);}
.contact .main3 .content .information ul li.email{ background-image: url(../images/service-email.png); text-transform: uppercase;}
.contact .main3 .content .information .ewms{ float: none;}
.contact .main3 .content .information .ewms .ewm-box{ float: left; margin-left: 20px;}
.contact .main3 .content .information .ewms .ewm-box img{ margin: 0 auto;display: block;}
.contact .main3 .content .information .ewms .ewm-box span{ font-size: 12px; color: #000; margin-top: 10px;}
.contact .main3 .content .map{ width: 100%; height: 600px;}


/*留言反馈*/
.contact .main2{text-align: center; background: url(../images/problemFeedback-bg.jpg) no-repeat center bottom; padding: 10px;}
.contact .main2 .tit{ padding: 45px 0;}
.contact .main2 .tit img{ display: inline-block;}
.contact .main2 #problemDeedback .input-box{ width: 100%; margin: 0 auto; position: relative; height: 50px; margin-bottom: 30px;}
.contact .main2 #problemDeedback .input-box input{ width: 100%; height: 100%; line-height: 50px; color: #999; padding: 0 40px 0 15px;}
.contact .main2 #problemDeedback .input-box.txts{ height: 200%;}
.contact .main2 #problemDeedback .input-box.txts textarea{ width: 100%; height: 100%; line-height: 40px; padding: 5px 15px;}
.contact .main2 #problemDeedback .submit-btn{ width: 200px; height: 36px; line-height: 36px; background: #92725B; color: #fff; margin: 10px 0 30px;}


/*招贤纳士*/
.join .theme{ padding: 10px; font-size: 14px; line-height: 24px; text-align: left; position: relative; left: auto; top: 0; margin-bottom: 40px;}
.join .join-list{ position: relative; width: 100%; height: auto; background: none; border-bottom: solid 1px #d0d0d0; padding-top: 60px; margin-bottom: 40px;}
.join .join-list .pic-box1{ position: relative;}
.join .join-list .pic-box1 .bg{ width: 100%; height:auto; position: relative; left: 0; bottom: auto; border:0;}
.join .join-list .pic-box1 .bg .in-text{ padding: 10px;}
.join .join-list .pic-box1 .bg h3{ color: #92725B; font-size: 20px; margin-bottom: 10px; text-align: center;}
.join .join-list .pic-box1 .bg .num{ margin-bottom: 15px; text-align: center;}
.join .join-list .pic-box1 .bg .cont{ font-size: 14px; line-height: 24px;}
.join .join-list .control-btn{ position: absolute; top: 0; margin-top: 0; width: 51px; height: 51px; background-color: #919191; cursor: pointer;background-size: auto;}
.join .join-list .prev{ left: 10px; background-image: url(../images/arrow-left.png);}
.join .join-list .next{ right: auto; left: 62px; background-image: url(../images/arrow-right.png);}

.join .join-info{}
.join .join-info .column{ position: relative; float: none; width: 100%; min-height: auto; padding:10px; transition-duration: 1s; -webkit-transition-duration: 1s;}
.join .join-info .tit{ font-size: 20px; text-align: center; color: #92725B; margin-bottom: 20px;}
.join .join-info .des{ font-size: 14px;}
.join .join-info .online-service a{ position: absolute; display: inline-block; bottom: 55px; left: 50%;}
.join .join-info .online-service a{ margin-left: -100px; width: 200px; height: 35px; line-height: 35px; font-size: 14px; color: #fff; background-color: #000;}
.join .join-info .hot-line a{ position: absolute; bottom: 55px; left: 0; width: 100%; font-size: 40px; text-align: center;}

	
	

}

@media only screen and (min-width:1200px){ .home-body .main-product .boxs li a:hover{ box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);}
	.home-body .main-product .boxs li a:hover > div.box-z .img-box{ opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8);}
	.home-body .main-product .boxs li a:hover > div span{ color: #c7af82;}
	.home-body .main-product .boxs li a:hover > div.box-f{ -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100);}
	}