﻿@charset "utf-8"; *{ margin:0; padding:0; box-sizing:border-box;}
html, body{ width:100%; height:auto; margin:0; padding:0; font-size:14px; background:#FFFFFF; color:#3e3e3e; overflow-x:hidden;}
body, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{ border:medium none; margin:0; padding:0; outline:none;}
body, button, input, select, textarea{ font:14px LatoLight, '微软雅黑', "Microsoft YaHei", tahoma, Srial, helvetica, sans-serif; outline:none; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -webkit-overflow-scrolling:touch;}
h1, h2, h3, h4, h5, h6{ margin:0;}
ul, ol, li{ list-style:none;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
p{ margin:0;}
img{ border:0px; display:block;max-width:100%;}
table{ border-spacing:0px; border-collapse:collapse;}
tr{ cursor:pointer;}
input{ border:0;}
textarea{ resize:none; padding:0;}
::selection{ background:#e4d393; color:#FFF;}
::-moz-selection{ background:#e4d393;}
.clear{ clear:both;}
.scroll_cs{ position:fixed; top:0; color:#000; font-size:36px; z-index:999; left:0;}
.Hover_off{ cursor:url("hover.ico"), crosshair;}
.scrollbar{ overflow:auto;}
.scrollbar::-webkit-scrollbar{ width:20px; height:10px; border-radius:4px;}
.scrollbar::-webkit-scrollbar-track{ background:#6c6c6c;}
.scrollbar::-webkit-scrollbar-thumb{ background:#af1212; border-radius:4px;}
.scrollbar::-webkit-scrollbar-corner{ background:#82AFFF;}
.scrollbar::-webkit-scrollbar-resizer{ background:#FF0BEE;}
.content1000{ width:1000px; margin:0 auto; position:relative; height:auto; z-index:2;}

/*****************************/


/*IEtips*/

.IEtips{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; background:url("ieBG.png"); display:none;}
.IEtips_Box{ width:1000px; background:#FAFAFA; height:500px; position:absolute; left:50%; top:50%; margin:-250px 0 0 -500px;}
.IEtips .Browser{ margin-top:35px;}
.IEtips .IEtips_title{ font-size:36px; width:80%; margin:0 auto; padding-top:35px;}
.IEtips .Browser ul{ overflow:hidden; text-align:center; width:80%; margin:0 auto;font-size:0;}
.IEtips .Browser ul li{ margin:0 40px; text-align:center; width:120px;display:inline-block;vertical-align:top;}
.IEtips .Browser ul li img{ width:100px; margin:0 auto;}
.IEtips .Browser ul li a, .IEtips .Browser ul li span{ display:block; margin-top:25px; color:#2570e1; font-size:16px; transition:all .5s; -webkit-transition:all .5s;}
.IEtips .Browser ul li a:hover{ color:#800886;}
.IEtips .brn_off{ background:url("brn_off.png"); height:32px; width:32px; position:absolute; top:5px; right:5px; cursor:pointer;}

/***mobile*********/

#navToggle{ position:fixed; z-index:101; top:30px; right:30px; width:40px; height:40px; cursor:pointer; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; padding:5px; background:#FFF; border:1px solid #EEE;}
#navToggle span{ position:absolute; top:9px; display:block; width:26px; height:3px;border:0px solid #d5c896; background-color:#045c39; -webkit-transition:top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; transition:top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; transition:top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s; transition:top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s;}
#navToggle span:nth-of-type(2),#navToggle span.span2{ top:18px;}
#navToggle span:nth-of-type(3),#navToggle span.span3{ top:auto; bottom:10px; -webkit-transition:bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s; transition:bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s; transition:bottom 0.2s 0.2s, transform 0.2s, background 0.2s; transition:bottom 0.2s 0.2s, transform 0.2s, background 0.2s, -webkit-transform 0.2s;}
#navToggle.expanded{ border-color:#aaa;}
#navToggle.expanded span:nth-of-type(1),#navToggle.expanded span.span1{ top:19px; transform:rotate(45deg); transition:top 0.2s, transform 0.2s 0.2s, background 0.2s; -webkit-transform:rotate(45deg); -webkit-transition:top 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s;}
#navToggle.expanded span:nth-of-type(2),#navToggle.expanded span.span2{ opacity:0; transition:opacity 0.2s; -webkit-transition:opacity 0.2s;}
#navToggle.expanded span:nth-of-type(3),#navToggle.expanded span.span3{ bottom:18px; transform:rotate(-45deg); transition:bottom 0.2s, transform 0.2s 0.2s, background 0.2s; -webkit-transform:rotate(-45deg); -webkit-transition:bottom 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s;}
#mobileNav.expanded{ display:block; top:0;}
#mobileNav{ position:fixed; top:0; left:0; width:100%; z-index:100; background:#f7f4e8; transform:translateY(-100%); -webkit-transform:translateY(-100%); transition:cubic-bezier(0.92, 0.1, 0.25, 1) 0.8s; -webkit-transition:cubic-bezier(0.92, 0.1, 0.25, 1) 0.8s;}
#mobileNav.cur{ transform:translateY(0); -webkit-transform:translateY(0);}
#mobileNav ul{ margin-top:44px; background:#e5dec3;}
#mobileNav ul li{ line-height:40px; font-size:16px; text-align:center; border-bottom:1px solid #e1dabc; border-top:1px solid #ece6cc;}
#mobileNav ul li a{ display:block; height:100%; color:#FFF;}

/**/


/********************/

.err-text{position:absolute;font-size:14px;color:red;bottom:-20px;left:10px;}
.btn_Prompt{position:absolute;bottom:15px; right:10px;width:20px;height:20px;display:block;}
.btn_Prompt.error{ background:url("btn_error.png") no-repeat;}
.btn_Prompt.empty{ background:url("btn_empty.png") no-repeat;}
.btn_Prompt.Correct{ background:url("btn_Correct.png") no-repeat;}
.input-box.err input,.input-box.err textarea,.input-box.err select{border:1px solid #ff0000 !important;}

/**********************/


/*newsDel*/

.model_news_detail{ max-width:1020px; margin:auto; padding-bottom:50px; position:relative; padding:0 10px;z-index:1;}
.model_news_detail .back{ width:100%; height:50px; position:relative;}
.model_news_detail .back a{ display:block; width:150px; height:40px; color:#bb341e; line-height:40px; text-align:center; position:absolute; top:20px; right:0px; border:1px solid #bb341e;}
.model_news_detail .back a:hover{ background:#bb341e; color:#FFFFFF;}
.model_news_detail .title{ width:100%; height:auto; line-height:35px; text-align:center; font-size:24px; font-weight:bold; padding:35px 5% 15px 5%;}
.model_news_detail .summary{ width:100%; height:auto; line-height:20px; font-size:12px; text-align:center; color:#666666; padding-bottom:15px; border-bottom:1px dotted #CCC;}
.model_news_detail .detailContent{ width:100%; min-height:300px; margin:25px 0px; line-height:28px; text-indent:28px; color:#3E3E3E;}
.model_news_detail .detailContent img{ text-indent:0px; max-width:100%; margin:15px auto; display:block;}
.model_news_detail .newShare{ width:100%; height:25px; position:relative; margin:15px 0px 35px 0px;}
.model_news_detail .newShare strong{ float:right; margin-right:10px;}
.model_news_detail .detailPage{ width:100%; height:auto;}
.model_news_detail .detailPage div a{ font-weight:normal;}
.model_news_detail .detailPage div{ width:100%; line-height:20px; border-bottom:1px dotted #CCC; font-size:14px; height:auto; padding:5px 0px; font-weight:bold;}

/**/

.clearBoth:after{ display:block; content:""; clear:both;}
#mobileNav{ display:none;}
.wd1350{ width:1350px; margin:0 auto;}

/*shade*/

.shade{ position:fixed; z-index:100; width:100%; height:100%;}
.shade .shade-top, .shade .shade-bottom{ position:absolute; width:100%; height:50%; background:#FFF; top:0%; transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -moz-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -o-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; z-index:1;}
.shade .shade-bottom{ top:auto; bottom:0%;}
.shade .loading{ position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); display:block; z-index:2;}
.shade.show{ visibility:hidden;}
.shade.show .loading{ display:none;}
.shade.show .shade-top{ top:-50%;}
.shade.show .shade-bottom{ bottom:-50%;}

/*header*/

header{ position:fixed; top:0; height:auto; left:0; width:100%; background:transparent; z-index:10; text-align:center;}
header .nav-top{ position:relative; z-index:4; height:100px; 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-top .logo{ display:inline-block; height:100%;}
header .nav-top .logo img{ height:90%; margin-top:5%;}
header .nav-top .memu{ position:absolute; right:0; top:0; width:70px; height:100%; line-height:100px; margin-right:70px; 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-top .memu #navToggle{ position:absolute; background:transparent; left:-50px; border:none; top:32px; 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-top .memu #navToggle span{ background:#FFF; width:30px;}
@media only screen and (min-width:1200px){ header .nav-top .memu:hover{ margin-right:75px;}
	header .nav-top .memu:hover #navToggle{ left:-45px;}
	}
header .nav-top .img1{ display:inline-block; vertical-align:middle;}
header .nav-top .img2{ display:none;}
header.toTop{ box-shadow:0 0 30px rgba(0, 0, 0, 0.2);}
header.toTop .nav-top{ background:#FFF; height:70px;}
header.toTop .nav-top .logo img{width:66px;height:90%;}
header.toTop .memu{ line-height:70px;}
header.toTop .memu #navToggle{ top:17px;}
header.toTop .memu #navToggle span{ background:#5d5d5d;}
header.toTop .img2{ display:inline-block; vertical-align:middle;}
header.toTop .nav-top >a img.img2 {max-height:100%;}
header.toTop .img1{ display:none;}
header.navOpen{ height:100%; background:rgba(255, 255, 255, 0.6);}
header.navOpen .nav-top .logo img{width:66px;height:90%;}
header.navOpen .nav-top{ height:70px;}
header.navOpen .memu{ line-height:70px;}
header.navOpen .memu #navToggle{ top:17px;}
header.navOpen .memu #navToggle span{ background:#5d5d5d;}
header.navOpen .img2{ display:inline-block;}
header.navOpen .img1{ display:none;}
header.navOpen .nav{ top:0;}
header.navOpen .nav .line{ width:100%; 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); 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;}/* -webkit-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); */
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;}
header .nav .nav-ul1 >li {position:relative;}
header .nav{ background:#FFF; padding:100px 20px 0; position:absolute; top:-500px; height:500px; left:0; z-index:1; width:100%; 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;}
header .nav .line{ height:1px; width:0; background:#dedede;}
header .nav .nav-ul1{ display:inline-block; vertical-align:middle;}
header .nav .nav-ul1 li{float:left;padding:30px 0;width:200px;opacity:0;filter:alpha(opacity=0);text-align:center;}/* -webkit-transform:translateY(40%);-ms-transform:translateY(40%);-o-transform:translateY(40%);transform:translateY(40%); */
header .nav .nav-ul1 li a{ display:block; position:relative; font-size:16px; color:#5D5D5D;}
header .nav .nav-ul1 li ul li{padding:10px 0;width:200px;background:#F2F2F2;border-bottom:1px solid #ddd}
header .nav .nav-ul2{ overflow:hidden; display:inline-block; vertical-align:middle; margin-top:20px;}
header .nav .nav-ul2 li{ float:left; width:200px; text-align:center; padding:5px 60px; overflow:hidden; opacity:0; filter:alpha(opacity=0); -webkit-transform:translateY(40%); -ms-transform:translateY(40%); -o-transform:translateY(40%); transform:translateY(40%);}
header .nav .nav-ul2 li a{ display:block; height:30px; width:100%; line-height:30px; font-size:14px; padding-bottom:2px; overflow:hidden; position:relative; color:#999; padding:0 5px;}
header .nav .nav-ul2 li a:after{ position:absolute; content:""; width:100%; left:-100%; height:1px; background:#999; bottom:1px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
header .nav .nav-ul2 li a:hover:after{ left:0;}

/*footer*/

footer{ background:#f5f5f5; padding-top:70px; position:relative; z-index:2; text-align:center;}
footer .img{ display:inline-block; margin-bottom:40px;}
footer .foot-nav{ width:1400px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; text-align:center; margin:0 auto 40px; position:relative;}
footer .foot-nav ul{ display:inline-block; overflow:hidden; vertical-align:middle;}
footer .foot-nav ul li{ float:left;}
footer .foot-nav ul li a{ height:60px; line-height:60px; text-align:center; font-size:14px; color:#999; display:block; padding:0 45px;}
footer .foot-nav ul li a:hover{ color:#666;}
footer .foot-nav .zhiding{ position:absolute; right:25px; top:0; width:40px; height:100%; background:url("zhiding.png") no-repeat center center; cursor:pointer;}
footer .footer-links{ text-align:center;}
footer .footer-links ul{ display:inline-block; padding-bottom:30px;}
footer .footer-links ul li{ float:left;}
footer .footer-links ul li a{ display:block; width:88px; height:88px; margin:0 20px; background:url("footer-wx.png") no-repeat center center; border:1px solid #c7af82; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:relative;}
footer .footer-links ul li a .ewm{ position:absolute; width:150px; height:150px; top:-180px; left:50%; margin-left:-75px; visibility:hidden; opacity:0; filter:alpha(opacity=0);}
footer .footer-links ul li a .ewm img{ width:100%; height:100%;}
footer .footer-links ul li a .ewm:after{ content:""; position:absolute; border-top:10px solid #FFF; border-left:7px solid transparent; bottom:-9px; border-right:7px solid transparent; left:50%; margin-left:-7px;}
footer .footer-links ul li a:after{ position:absolute; width:100%; text-align:center; bottom:-30px; font-size:14px; color:#c7af82; left:0; content:""; display:none;}
footer .footer-links ul li.wx a{ background-image:url("../images/footer-wx.png");}
footer .footer-links ul li.wx a:after{ content:"QR code";}
footer .footer-links ul li.wb a{ background-image:url("footer-wb.png");}
footer .footer-links ul li.wb a:after{ content:"";}
footer .footer-links ul li.dz a{ background-image:url("../images/footer-dz.png");}
footer .footer-links ul li.dz a:after{ content:"Contact us";}
footer .footer-links ul li.jxs a{ background-image:url("footer-jxs.png");}
footer .footer-links ul li.jxs a:after{ content:"";}
footer .footer-links ul li:hover a{ border-width:0; box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.2);}
footer .footer-links ul li:hover a .ewm{ visibility:visible; top:-160px; opacity:1; filter:alpha(opacity=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;}
footer .footer-links ul li:hover a:after{ display:block;}
footer .footer-phone{ text-align:center; padding:30px 0 50px;}
footer .footer-phone img{ display:inline-block;}
footer .footer-bottom{ padding:15px; background:#333333; text-align:center;}
footer .footer-bottom>ul{ overflow:hidden; display:inline-block; vertical-align:middle;}
footer .footer-bottom>ul li{ float:left; height:20px; line-height:20px; font-size:13px; color:#b3b3b3; padding:0 50px; border-right:1px solid #87898c; text-transform:uppercase;}
footer .footer-bottom>ul li:last-child{border:0;}
footer .footer-bottom>ul li a{ color:#B3B3B3;}
footer .footer-bottom>ul li a:hover{ color:#007AFF;}

/*model*/

.model{ position:fixed; width:100%; height:100%; background:rgba(0, 0, 0, 0.66); top:0; left:0; z-index:101; display:none;}
.model.show{ display:block;}

/*banner*/

.tracker{ width:1px; height:1px; position:absolute; z-index:5; top:50%; left:20%; display:none;}
.tracker.show{ display:block;}
.tracker svg{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:visible;}
.tracker line{ stroke:#FFF; stroke-width:1px; stroke-dasharray:245; stroke-dashoffset:-3;}
.tracker .pointer{ width:62px; height:62px; position:absolute; top:50%; left:50%; border-radius:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.tracker:hover .dot{ transform:translate(-50%, -50%) scale(1.2);}
.tracker:hover line{ stroke-dasharray:245; stroke-dashoffset:-5;}

/**/

@keyframes sf{ from{ opacity:.23; transform:translate3d(-36px, -36px, 0) scale(1);}
	to{ opacity:.8; transform:translate3d(-36px, -36px, 0) scale(0.9);}
	}
.tracker .pointer .pulse{ position:absolute; top:50%; left:50%; width:70px; height:70px; border:1px solid rgba(255, 255, 255, 0.23); border-radius:100%; transform:translate3d(-36px, -36px, 0); animation:sf .8s ease infinite alternate;}
.tracker .pointer .dot{ position:absolute; top:50%; left:50%; width:26px; height:26px; transform:translate(-50%, -50%); border:1px solid #FFF; border-radius:50%; transition-duration:.6s; -webkit-transition-duration:.05s;}
.tracker .pointer .product-bubble{ position:absolute; bottom:50%; right:-20px; margin-bottom:-200px; display:none; width:340px; height:508px; background-color:#FFF; transition-duration:.8s; box-shadow:0 0 40px 0 rgba(255, 255, 255, 0.3);}
.tracker .pointer .product-bubble .inner{ padding:70px 28px; text-align:center;}
.tracker .pointer .product-bubble .inner .product-img{ width:280px; height:175px; margin:0 auto; margin-bottom:5px;}
.pointer .product-bubble .inner .product-title{ font-size:18px; line-height:24px; font-weight:600;}
.tracker .pointer .product-bubble .inner .product-description{ font-size:14px; line-height:24px; font-weight:600; padding:10px 0;}
.tracker .pointer .product-bubble .inner .product-detail{ position:relative; display:inline-block; margin-top:42px; width:165px; height:44px; color:#000; border:1px solid #000; font-size:14px; line-height:44px; text-transform:uppercase; text-decoration:none;}
.tracker .pointer .product-bubble .inner .product-detail .hover_container{ position:absolute; top:0; left:-2px; width:167px; height:100%; text-transform:uppercase; text-decoration:none; opacity:0; overflow:hidden; box-sizing:border-box; transition-duration:.8s;}
.tracker .pointer .product-bubble .inner .product-detail .hover_container .label{ color:#FFF; position:absolute; width:100%; height:100%; top:0; left:0; z-index:1; line-height:40px;}
.tracker .pointer .product-bubble .inner .product-detail .hover_container .background{ background:#000; position:absolute; width:200px; height:300px; top:-100px; right:120%; transform:rotate(45deg); transition-duration:.8s;}
.tracker .pointer .product-bubble .inner .product-detail:hover .hover_container{ opacity:1;}
.tracker .pointer .product-bubble .inner .product-detail:hover .hover_container .background{ top:-100px; right:0;}

/*banner*/

.banner-box{ width:100%; height:100vh; overflow:hidden; position:relative; z-index:0;}
.banner{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:0;}
.banner .swiper-wrapper{
	/*图片和文字*/
	transition:all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s; -webkit-transition:all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s; -moz-transition:all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s; -o-transition:all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s;}
.banner .swiper-wrapper .swiper-slide{ overflow:hidden;}
.banner .swiper-wrapper .swiper-slide .line-jd{ width:100%; height:5px; position:absolute; top:0; left:-100%; background:#d8a450; z-index:2;}
.banner .swiper-wrapper .swiper-slide.cur .line-jd{ left:0; transition:all 7s ease 0s; -webkit-transition:all 7s ease 0s; -moz-transition:all 7s ease 0s; -o-transition:all 7s ease 0s;}
.banner .swiper-wrapper .swiper-slide .bgs{ width:100%; height:100%; background:url("banner1.jpg") no-repeat center center; background-size:cover; transition:all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s; -webkit-transition:all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s; -moz-transition:all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s; -o-transition:all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s; position:relative; z-index:1;}
.banner .swiper-wrapper .swiper-slide .bgs:after{ content:""; position:absolute; width:100%; height:100%; z-index:0;}
.banner .swiper-wrapper .swiper-slide .banner-text{ position:absolute; z-index:2; left:50%; top:50%;width:100%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); cursor:pointer; perspective:800; -webkit-perspective:800;}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box{ transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; display:block; min-width:600px; text-align:center; color:#FFF;}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box div{ transition:opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -webkit-transition:opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -moz-transition:opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -o-transition:opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; opacity:0; filter:alpha(opacity=0);}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box .text1{ font-size:70px; font-weight:bold; font-family:Adobe Devanagar; text-transform:uppercase; line-height:1.3em;}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box .text2{ font-size:24px; font-family:"黑体"; line-height:1.5em; margin-bottom:10px;}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box .text3{ display:inline-block; border:1px solid #FFF; padding:4px 20px; font-family:Adobe Devanagar; text-transform:uppercase;}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box1{ perspective:800; -webkit-perspective:800; visibility:hidden;}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box1.anim{ visibility:visible;}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box1.anim .text1{ animation:textShow1 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal; -webkit-animation:textShow1 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal; -moz-animation:textShow1 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box1.anim .text2{ animation:textShow2 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal; -webkit-animation:textShow2 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal; -moz-animation:textShow2 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box1.anim .text3{ animation:textShow3 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal; -webkit-animation:textShow3 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal; -moz-animation:textShow3 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;}
@media screen and (min-width:1200px){ .banner .swiper-wrapper .swiper-slide .banner-text .text-box:hover{ -webkit-transform:rotate3d(0, 0, 0, 0) translate3d(0, 0, 0); -ms-transform:rotate3d(0, 0, 0, 0) translate3d(0, 0, 0); -o-transform:rotate3d(0, 0, 0, 0) translate3d(0, 0, 0); transform:rotate3d(0, 0, 0, 0) translate3d(0, 0, 0);}
	}
@-webkit-keyframes textShow1{ 0%{ -webkit-transform:translate3d(0, 0, 300px); -ms-transform:translate3d(0, 0, 300px); -o-transform:translate3d(0, 0, 300px); transform:translate3d(0, 0, 300px);}
	100%{ -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
	}
@-moz-keyframes textShow1{ 0%{ -webkit-transform:translate3d(0, 0, 300px); -ms-transform:translate3d(0, 0, 300px); -o-transform:translate3d(0, 0, 300px); transform:translate3d(0, 0, 300px);}
	100%{ -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
	}
@-o-keyframes textShow1{ 0%{ -webkit-transform:translate3d(0, 0, 300px); -ms-transform:translate3d(0, 0, 300px); -o-transform:translate3d(0, 0, 300px); transform:translate3d(0, 0, 300px);}
	100%{ -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
	}
@keyframes textShow1{ 0%{ -webkit-transform:translate3d(0, 0, 300px); -ms-transform:translate3d(0, 0, 300px); -o-transform:translate3d(0, 0, 300px); transform:translate3d(0, 0, 300px);}
	100%{ -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
	}
@-webkit-keyframes textShow2{ 0%{ -webkit-transform:translate3d(50px, 0, 0); -ms-transform:translate3d(50px, 0, 0); -o-transform:translate3d(50px, 0, 0); transform:translate3d(50px, 0, 0);}
	100%{ -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
	}
@-moz-keyframes textShow2{ 0%{ -webkit-transform:translate3d(50px, 0, 0); -ms-transform:translate3d(50px, 0, 0); -o-transform:translate3d(50px, 0, 0); transform:translate3d(50px, 0, 0);}
	100%{ -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
	}
@-o-keyframes textShow2{ 0%{ -webkit-transform:translate3d(50px, 0, 0); -ms-transform:translate3d(50px, 0, 0); -o-transform:translate3d(50px, 0, 0); transform:translate3d(50px, 0, 0);}
	100%{ -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
	}
@keyframes textShow2{ 0%{ -webkit-transform:translate3d(50px, 0, 0); -ms-transform:translate3d(50px, 0, 0); -o-transform:translate3d(50px, 0, 0); transform:translate3d(50px, 0, 0);}
	100%{ -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
	}
@-webkit-keyframes textShow3{ 0%{ -webkit-transform:translate3d(-50px, 0, 0); -ms-transform:translate3d(-50px, 0, 0); -o-transform:translate3d(-50px, 0, 0); transform:translate3d(-50px, 0, 0);}
	100%{ -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
	}
@-moz-keyframes textShow3{ 0%{ -webkit-transform:translate3d(-50px, 0, 0); -ms-transform:translate3d(-50px, 0, 0); -o-transform:translate3d(-50px, 0, 0); transform:translate3d(-50px, 0, 0);}
	100%{ -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
	}
@-o-keyframes textShow3{ 0%{ -webkit-transform:translate3d(-50px, 0, 0); -ms-transform:translate3d(-50px, 0, 0); -o-transform:translate3d(-50px, 0, 0); transform:translate3d(-50px, 0, 0);}
	100%{ -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
	}
@keyframes textShow3{ 0%{ -webkit-transform:translate3d(-50px, 0, 0); -ms-transform:translate3d(-50px, 0, 0); -o-transform:translate3d(-50px, 0, 0); transform:translate3d(-50px, 0, 0);}
	100%{ -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
	}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box2 .text1{ -webkit-transform:translate3d(50%, 0, 50px); -ms-transform:translate3d(50%, 0, 50px); -o-transform:translate3d(50%, 0, 50px); transform:translate3d(50%, 0, 50px); opacity:0; filter:alpha(opacity=0); transition:transform 2.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1); -weikit-transition:transform 2.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition:transform 2s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box2 .text2{ -webkit-transform:translate3d(40%, 0, 50px); -ms-transform:translate3d(40%, 0, 50px); -o-transform:translate3d(40%, 0, 50px); transform:translate3d(40%, 0, 50px); opacity:0; filter:alpha(opacity=0); transition:transform 2.2s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1); -weikit-transition:transform 2.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition:transform 2s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box2 .text3{ -webkit-transform:translate3d(30%, 0, 0); -ms-transform:translate3d(30%, 0, 0); -o-transform:translate3d(30%, 0, 0); transform:translate3d(30%, 0, 0); opacity:0; filter:alpha(opacity=0); transition:transform 2s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1); -weikit-transition:transform 2.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition:transform 2s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);}
.banner .swiper-wrapper .swiper-slide.swiper-slide-active .bgs{ -webkit-transform:scale(1) translate3d(0, 0, 0); -ms-transform:scale(1) translate3d(0, 0, 0); -o-transform:scale(1) translate3d(0, 0, 0); transform:scale(1) translate3d(0, 0, 0);}
.banner .swiper-wrapper .swiper-slide.swiper-slide-active .banner-text .text-box .text1, .banner .swiper-wrapper .swiper-slide.swiper-slide-active .banner-text .text-box .text2, .banner .swiper-wrapper .swiper-slide.swiper-slide-active .banner-text .text-box .text3{ -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); opacity:1; filter:alpha(opacity=100);}
.banner .swiper-wrapper .swiper-slide.swiper-slide-prev .bgs{ -webkit-transform:scale(1.2) translate3d(50%, 0, 0); -ms-transform:scale(1.2) translate3d(50%, 0, 0); -o-transform:scale(1.2) translate3d(50%, 0, 0); transform:scale(1.2) translate3d(50%, 0, 0);}
.banner .swiper-wrapper .swiper-slide.swiper-slide-next .bgs{ -webkit-transform:scale(1.2) translate3d(-50%, 0, 0); -ms-transform:scale(1.2) translate3d(-50%, 0, 0); -o-transform:scale(1.2) translate3d(-50%, 0, 0); transform:scale(1.2) translate3d(-50%, 0, 0);}
.banner .swiper-wrapper .swiper-slide.b1 .text-box{ -webkit-transform:rotate3d(1, 0, 0, 30deg); -ms-transform:rotate3d(1, 0, 0, 30deg); -o-transform:rotate3d(1, 0, 0, 30deg); transform:rotate3d(1, 0, 0, 30deg);}
.banner .swiper-wrapper .swiper-slide.b2 .text-box{ -webkit-transform:rotate3d(1, 0, 0, 30deg); -ms-transform:rotate3d(1, 0, 0, 30deg); -o-transform:rotate3d(1, 0, 0, 30deg); transform:rotate3d(1, 0, 0, 30deg);}
.banner .swiper-wrapper .swiper-slide.b3 .text-box{ -webkit-transform:rotate3d(1, 0, 0, 30deg); -ms-transform:rotate3d(1, 0, 0, 30deg); -o-transform:rotate3d(1, 0, 0, 30deg); transform:rotate3d(1, 0, 0, 30deg);}


.banner .banner-page{
	/**/
	position:absolute; z-index:10; width:130px; height:20px; bottom:50px; right:100px;}
.banner .banner-page span{ line-height:20px; width:20px; height:100%; display:inline-block; text-align:center; color:#FFF; position:relative; bottom:0; left:0; top:0; right:0;}
.banner .banner-page span.b_l{ background:url("banner-l.png") no-repeat center center; cursor:pointer;}
.banner .banner-page span.of{ width:30px; background:url("banner-of.png") no-repeat center center;}
.banner .banner-page span.b_r{ background:url("banner-r.png") no-repeat center center; cursor:pointer;}

/**/

.banner-in{ position:relative; height:780px; text-align:center; background:no-repeat fixed center center; background-size:auto 100%;z-index:0;}
.banner-in:after{ position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, 0.2); z-index:0; left:0; top:0; content:"";}
.banner-in .banner-mask{ position:fixed; top:340px; left:0; width:100%; z-index:1;}
.banner-in .banner-mask img{ display:inline-block;}
.banner-in .banner-mask .tabs-btn{ margin-top:82px;}
.banner-in .banner-mask .tabs-btn a{ display:inline-block; margin:0 13px; width:232px; height:36px; line-height:36px; font-size:18px; box-sizing:border-box; text-align:center; color:#FFF; border:1px solid #FFF; text-decoration:none; font-family:'黑体';}
.banner-in .banner-mask .tabs-btn a:hover, .banner-in .banner-mask .tabs-btn a.active{ color:#000; background-color:#FFF;}

/*index*/

.home-body{
	/**/
	/**/
	/**/
	}
.home-body .main{ position:relative;z-index:1;background:#FFF;padding:0;float:none;width:100%;}
.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;font-size:30px;}
.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:18px; 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;}
@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);}
	}
.home-body .main-product .boxs li.p1 a .box-z .img-box{ background-image:url("icon-table.png"); background-size:auto 100%;}
.home-body .main-product .boxs li.p1 a .box-f .img-box{ background-image:url("sofa.png");background-size:auto 125%!important;}
.home-body .main-product .boxs li.p2 a .box-z .img-box{ background-image:url("icon-chuang.png");}
.home-body .main-product .boxs li.p2 a .box-f .img-box{ background-image:url("sofa.png");}
.home-body .main-product .boxs li.p3 a .box-z .img-box{ background-image:url("icon-tinggui.png");}
.home-body .main-product .boxs li.p3 a .box-f .img-box{ background-image:url("sofa.png");}
.home-body .main-product .boxs li.p4 a .box-z .img-box{ background-image:url("icon-sofa.png");}
.home-body .main-product .boxs li.p4 a .box-f .img-box{ background-image:url("sofa.png");}
.home-body .main-product .boxs li.p5 a .box-z .img-box{ background-image:url("icom-shujia.png");}
.home-body .main-product .boxs li.p5 a .box-f .img-box{ background-image:url("sofa.png");}
.home-body .main-product .boxs li.p6 a .box-z .img-box{ background-image:url("icon-shuzhuangtai.png")/;}
.home-body .main-product .boxs li.p6 a .box-f .img-box{ background-image:url("sofa.png");}
.home-body .main-product .boxs li.p7 a .box-z .img-box{ background-image:url("icom-chugui.png");}
.home-body .main-product .boxs li.p7 a .box-f .img-box{ background-image:url("sofa.png");}
.home-body .main-product .boxs li.p8 a .box-z .img-box{ background-image:url("icon-yigui.png");}
.home-body .main-product .boxs li.p8 a .box-f .img-box{ background-image:url("sofa.png");}
.home-body .main-product .boxs li.p9 a .box-z .img-box{ background-image:url("icon-yizhi.png");}
.home-body .main-product .boxs li.p9 a .box-f .img-box{ background-image:url("sofa.png");}
.home-body .main-other .others{ margin-bottom:100px; height:630px;}
.home-body .main-other .others .text{ font-size:14px; color:#FFF; line-height:24px; margin:40px 0 60px;}
.home-body .main-other .others .more{ position:relative; display:block; overflow:hidden; width:155px; height:24px; font:14px Adobe Devanagari; text-align:center; color:#FFF; line-height:24px; border:1px solid #FFF;}
.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:#c8b183; 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 span{ color:#FFF;}
.home-body .main-other .others .more:hover:before{ left:0;}
.home-body .main-other .other1{ background:url("production-bg.jpg") no-repeat fixed center center; background-size:cover; position:relative;}
.home-body .main-other .other1 .tit strong{font-size:24px;color:#FFF;}
.home-body .main-other .other1 .tit strong a{color:#FFF;}
.home-body .main-other .other2 .tit strong{font-size:24px;color:#FFF;}
.home-body .main-other .other2 .tit strong a{color:#FFF;}
.home-body .main-other .other3 .tit strong{font-size:24px;color:#FFF;}
.home-body .main-other .other3 .tit strong a{color:#FFF;}
.home-body .main-other .other1:after{ content:""; position:absolute; background:rgba(0, 0, 0, 0.4); width:50%; height:100%; right:0; top:0; z-index:0;}
.home-body .main-other .other1 .content{ width:1400px; margin:0 auto; position:relative; z-index:1;}
.home-body .main-other .other1 .content-r{ width:50%; float:right; padding-left:40px; padding-top:10%;}
.home-body .main-other .other2{ width:1400px; margin:0 auto 100px; background:url("Centre-bg.jpg") no-repeat right center; background-size:50% 100%; position:relative;}
.home-body .main-other .other2 dl dd p{height:40px;}
/* .home-body .main-other .other2:after{ content:""; position:absolute; width:65px; height:490px; left:50%; top:50%; margin-top:-245px; background:#FFF;z-index:0;} */
.home-body .main-other .other2 .content{ position:absolute; width:50%; height:490px; left:0; top:50%; margin-top:-245px; padding:110px 60px 0;z-index:1;background:#FFF}
.home-body .main-other .other2 .content .tits{ position:relative;}
.home-body .main-other .other2 .content .tits .e{ position:absolute; right:0; bottom:0;}
.home-body .main-other .other2 .content .text{ color:#666;}
.home-body .main-other .other2 .content .more{ color:#333; border-color:#000;}
.home-body .main-other .other3{ position:relative; background:url("index-bg3.jpg") no-repeat left top; background-size:42% auto; margin:0;}
.home-body .main-other .other3:after{ content:""; position:absolute; width:100%; height:100%; z-index:0; right:0px; bottom:0; background:url("index-ng3-2.jpg") no-repeat right 100px;}
.home-body .main-other .other3 .content{ position:absolute; width:700px; height:100%; left:45%; top:0; z-index:1;}
.home-body .main-other .other3 .content .tits{ position:relative; margin-top:60px;}
.home-body .main-other .other3 .content .tits .e{ position:absolute; left:0; bottom:0;}
.home-body .main-other .other3 .content .text{ color:#666;}
.home-body .main-other .other3 .content .more{ color:#333; border-color:#000;}
.home-body .main-other .other3 .content .bg3{ margin-top:30px; margin-left:-150px; width:300px;}

/*about*/

.about .banner-in{ background-image:url("about-banner.jpg");}
.about .about-boxs{ position:relative; z-index:2; background:#f5f5f5;}
.about .tits{ text-align:center; padding:70px 0 20px;}
.about .tits img{ display:inline-block;}
.about .history{
	/*history*/
	}
.about .history .content{ width:1400px; margin:0 auto; position:relative; text-align:center; padding:70px 0 140px;}
.about .history .content ul li{ height:350px; border-bottom:1px solid #DDD; overflow:hidden;}
.about .history .content ul li .box-l, .about .history .content ul li .box-r{ width:50%; float:left; height:100%;}
.about .history .content ul li .box-l{ border-right:1px solid #DDD; padding:40px 0; text-align:left;}
.about .history .content ul li .box-l img{ height:100%; display:inline-block;}
.about .history .content ul li .box-r{ padding:100px; left:50px; text-align:left;}
.about .history .content ul li .box-r .tit{ font-size:36px; color:#c7af82;}
.about .history .content ul li .box-r .text{ font-size:14px; color:#666; line-height:24px;}
.about .history .content ul li.even .box-r{ border-right:1px solid #DDD; float:left; text-align:right;}
.about .history .content ul li.even .box-l{ float:right; border:none; text-align:right;}
.about .history .content:after{ position:absolute; content:""; width:50%; height:85px; left:0; bottom:85px; border-right:1px solid #DDD;}
.about .history .content .lx{ position:absolute; left:50%; top:20px; margin-left:-26px;}
.about .history .content .lx.lingxing2{ top:auto; bottom:35px; cursor:pointer;}
.about .history .content .lx .down1{ position:absolute; left:50%; top:50%; margin-top:-3px; margin-left:-7px; animation:arrowDown1 1s linear 0s infinite normal; -webkit-animation:arrowDown1 1s linear 0s infinite normal; -moz-animation:arrowDown1 1s linear 0s infinite normal;}
@-webkit-keyframes arrowDown1{ 0%{ margin-top:-4px;}
	100%{ margin-top:0;}
	}
@-moz-keyframes arrowDown1{ 0%{ margin-top:-4px;}
	100%{ margin-top:0;}
	}
@-o-keyframes arrowDown1{ 0%{ margin-top:-4px;}
	100%{ margin-top:0;}
	}
@keyframes arrowDown1{ 0%{ margin-top:-4px;}
	100%{ margin-top:0;}
	}
.about .culture{
	/*公司文化*/
	}
.about .culture .box{ width:1400px; margin:50px auto; overflow:hidden; margin-bottom:110px; height:455px;}
.about .culture .box .img-box{ width:57%; float:right; position:relative; height:100%;}
.about .culture .box .img-box img{ position:absolute; left:0; top:0; z-index:1;}
.about .culture .box .img-box:after{ width:80%; height:90%; content:""; border:3px solid #c7af82; bottom:0; right:0; z-index:0; position:absolute;}
.about .culture .box .text-box{ float:left; width:40%; height:100%; position:relative;}
.about .culture .box .text-box .middle-box{ position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); width:100%;}
.about .culture .box .text-box .stit{ margin-bottom:30px;}
.about .culture .box .text-box .text{ font-size:14px; color:#666; line-height:24px;}
.about .culture .box .text-box .lx{ position:absolute; left:0; bottom:0;}
.about .culture .box.even .img-box{ float:left;}
.about .culture .box.even .img-box img{ left:auto; right:0;}
.about .culture .box.even .img-box:after{ right:auto; left:0;}
.about .culture .box.even .text-box{ float:right;}
.about .culture:after{ display:table; content:"";}
.about .survey{
	/**/
	}
.about .survey .content{ width:1400px; margin:0 auto -70px; position:relative; background:#FFF; top:-105px;}
.about .survey .box1{ padding:40px;}
.about .survey .box1 img{ margin-bottom:10px;}
.about .survey .box1 div{ font-size:14px; color:#666; line-height:24px;}
.about .survey .box2 img{ width:100%;}
.about .survey .box3{ overflow:hidden;}
.about .survey .box3 .img-box{ float:right; width:50%;}
.about .survey .box3 .img-box img{ width:100%;}
.about .survey .box3 .text-box{ float:left; width:50%; padding:120px 40px 0;}
.about .survey .box3 .text-box img{ margin-bottom:10px;}
.about .survey .box3 .text-box div{ font-size:14px; color:#666; line-height:24px;}

/*service*/

.service-center .banner-in{ background-image:url("service-banner.jpg");}
.service-center .main{ background:#f5f5f5; position:relative; z-index:2;}
.service-center .main .main1{
	/**/
	background:#FFF; position:relative; top:-100px; width:1400px; margin:0 auto;}
.service-center .main .main1 .main1-top{ text-align:center; font-size:14px; color:#666; line-height:24px; padding:60px 0;}
.service-center .main .main1 .main1-bottom{ overflow:hidden;}
.service-center .main .main1 .main1-bottom .img-box{ width:74%; float:left; position:relative; height:560px;}
.service-center .main .main1 .main1-bottom .img-box img{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.service-center .main .main1 .main1-bottom .list{ width:24%; float:right; padding:20px 0;}
.service-center .main .main1 .main1-bottom .list .tit1{ margin:0 0 20px 10px;}
.service-center .main .main1 .main1-bottom .list ul li{ margin:5px 0; height:70px; line-height:70px; font-size:18px; color:#333; overflow:hidden; cursor:pointer;}
.service-center .main .main1 .main1-bottom .list ul li .icon{ width:60px; height:100%; background:no-repeat center center; float:left;}
.service-center .main .main1 .main1-bottom .list ul li .r{ margin-left:75px;}
.service-center .main .main1 .main1-bottom .list ul li.flow1 .icon{ background-image:url("lc1.png");}
.service-center .main .main1 .main1-bottom .list ul li.flow1.active{ background-image:url("lc1-hover-bg.png");}
.service-center .main .main1 .main1-bottom .list ul li.flow1.active .icon{ background-image:url("lc1-hover.png");}
.service-center .main .main1 .main1-bottom .list ul li.flow2 .icon{ background-image:url("lc2.png");}
.service-center .main .main1 .main1-bottom .list ul li.flow2.active{ background-image:url("lc2-hover-bg.png");}
.service-center .main .main1 .main1-bottom .list ul li.flow2.active .icon{ background-image:url("lc2-hover.png");}
.service-center .main .main1 .main1-bottom .list ul li.flow3 .icon{ background-image:url("lc3.png");}
.service-center .main .main1 .main1-bottom .list ul li.flow3.active{ background-image:url("lc3-hover-bg.png");}
.service-center .main .main1 .main1-bottom .list ul li.flow3.active .icon{ background-image:url("lc3-hover.png");}
.service-center .main .main1 .main1-bottom .list ul li.flow4 .icon{ background-image:url("lc4.png");}
.service-center .main .main1 .main1-bottom .list ul li.flow4.active{ background-image:url("lc4-hover-bg.png");}
.service-center .main .main1 .main1-bottom .list ul li.flow4.active .icon{ background-image:url("lc4-hover.png");}
.service-center .main .main1 .main1-bottom .list ul li.flow5 .icon{ background-image:url("lc5.png");}
.service-center .main .main1 .main1-bottom .list ul li.flow5 .r{ line-height:20px; padding:15px 0;}
.service-center .main .main1 .main1-bottom .list ul li.flow5 .r div{ font-size:14px;}
.service-center .main .main1 .main1-bottom .list ul li.flow5.active{ background-image:url("lc5-hover-bg.png");}
.service-center .main .main1 .main1-bottom .list ul li.flow5.active .icon{ background-image:url("lc5-hover.png");}
.service-center .main .main1 .main1-bottom .list ul li.active{ background-color:#c7af82; background-repeat:no-repeat; background-position:right bottom;}
.service-center .main .main1 .main1-bottom .list ul li.active .r{ color:#FFF;}
.service-center .main .main2{
	/*问题反馈*/
	text-align:center; background:url("problemFeedback-bg.jpg") no-repeat fixed center bottom; padding:20px 0;}
.service-center .main .main2 .tit{ padding:45px 0;}
.service-center .main .main2 .tit img{ display:inline-block;}
.service-center .main .main2 #problemDeedback .input-box{ width:660px; margin:0 auto; position:relative; height:50px; margin-bottom:30px;}
.service-center .main .main2 #problemDeedback .input-box input{ width:100%; height:100%; line-height:50px; color:#999; padding:0 40px 0 20px;}
.service-center .main .main2 #problemDeedback .input-box.txts{ height:200%;}
.service-center .main .main2 #problemDeedback .input-box.txts textarea{ width:100%; height:100%; line-height:40px; padding:10px 20px;}
.service-center .main .main2 #problemDeedback .submit-btn{ width:200px; height:36px; line-height:36px; background:#000; color:#FFF; margin:10px 0 30px;}
.service-center .main .main3{
	/*联系我们*/
	padding:40px 0;}
.service-center .main .main3 .tit{ padding:30px 0; text-align:center;}
.service-center .main .main3 .tit img{ display:inline-block;}
.service-center .main .main3 .content{ width:1400px; margin:0 auto; background:#FFF;}
.service-center .main .main3 .content .information{ padding:30px 40px; overflow:hidden;}
.service-center .main .main3 .content .information ul{ float:left;}
.service-center .main .main3 .content .information ul li{ font-size:16px; color:#333; line-height:36px; padding-left:40px; background:no-repeat left center;}
.service-center .main .main3 .content .information ul li.address{ background-image:url("service-address.png");}
.service-center .main .main3 .content .information ul li.phone{ background-image:url("service-phone.png");}
.service-center .main .main3 .content .information ul li.email{ background-image:url("service-email.png"); text-transform:uppercase;}
.service-center .main .main3 .content .information .ewms{ float:right;}
.service-center .main .main3 .content .information .ewms .ewm-box{ float:left; margin-left:20px;}
.service-center .main .main3 .content .information .ewms .ewm-box img{ margin:0 auto;display:block;}
.service-center .main .main3 .content .information .ewms .ewm-box span{ font-size:12px; color:#000; margin-top:10px;}
.service-center .main .main3 .content .map{ width:100%; height:600px;}

/*newp*/

.newsDel{background:#FFF;}

/*****************************************************************************************/

a{ text-decoration:none; color:#3E3E3E;}
img{ display:inline-block;}
input[type="button"], input[type="submit"], input[type="reset"], select{ -webkit-appearance:none;appearance:none;-moz-appearance:none;}
html{ font-size:62.5%;}
body{ font-size:1.6rem;}
.clearfix{ clear:both;}

/*procontent*/

.show-list{position:fixed;background-color:#FFF;z-index:100;background-position:center center; background-repeat:no-repeat;opacity:1; visibility:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden; transform:perspective(800px) rotateX(180deg) rotateY(180deg) scale(1);-webkit-transform:perspective(800px) rotateX(180deg) rotateY(180deg) scale(1); transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0s;-webkit-transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0s;}
.show-list.show{transform:none;-webkit-transform:none;opacity:1;visibility:visible;}
.show-list.show .close-pop{opacity:1;transform:none;-webkit-transform:none; transition-duration:1s;-webkit-transition-duration:1s;transition-delay:.8s;-webkit-transition-delay:.8s;}
.show-list.show .sbtips{opacity:1;transition:all 1s cubic-bezier(.77, 0, .175, 1) 1s;-webkit-transition:all 1s cubic-bezier(.77, 0, .175, 1) 1s;}
.show-list.show .swiper-container{opacity:1;-webkit-filter:brightness(100%);filter:brightness(100%); transition:all 1s cubic-bezier(.77, 0, .175, 1) 1s;-webkit-transition:all 1s cubic-bezier(.77, 0, .175, 1) 1s;}
.show-list .img-bg{position:absolute;width:100%;height:100%;background-color:#FFF;background-position:center center;background-repeat:no-repeat;z-index:0; transform:rotateX(180deg);-webkit-transform:rotateX(180deg);}
.show-list .sbtips{position:absolute;top:50%;left:50%;margin-left:-120px;margin-top:-66px; padding:40px; width:160px;height:52px;box-sizing:content-box; text-align:center;color:#FFF;opacity:0;background-color:rgba(0, 0, 0, .6);z-index:10;font-size:24px;}
.show-list .sbtips span{font-size:14px;}
.show-list .close-pop{position:absolute;top:20px;right:20px; width:51px;height:51px;background-color:#c7af82;z-index:10;text-align:center;border-radius:50%;opacity:0;transform:scale(0);-webkit-transform:scale(0);cursor:pointer;}
.show-list .close-pop:hover img{transform:rotate(180deg);}
.show-list .close-pop img{display:inline-block;width:25px;height:25px;margin-top:12px;transition-duration:1s;-webkit-transition-duration:1s;}
.show-list .swiper-container{height:100vh;width:100vw; opacity:0;-webkit-filter:brightness(200%);filter:brightness(200%);margin:0 auto;}
.show-list .swiper-container .imagesBox{height:100%;background-repeat:no-repeat;background:no-repeat center center; background-color:#FFF;}
.show-list .swiper-wrapper{ transition:all 1s cubic-bezier(.77, 0, .175, 1) 0s; -webkit-transition:all 1s cubic-bezier(.77, 0, .175, 1) 0s; -mox-transition:all 1s cubic-bezier(.77, 0, .175, 1) 0s;}
.show-list .swiper-container .swiper-slide{-webkit-filter:brightness(200%);filter:brightness(200%); transition:all 1s cubic-bezier(.77, 0, .175, 1) 0s; -webkit-transition:all 1s cubic-bezier(.77, 0, .175, 1) 0s;}
.show-list .swiper-container .swiper-slide.swiper-slide-active{-webkit-filter:brightness(100%);filter:brightness(100%);}
.show-list .swiper-container .my-btn{width:51px;height:51px;background-size:auto;border-radius:50%;border:1px solid #c7af82;background-color:#c7af82;}
.show-list .swiper-container .my-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;}
.show-list .swiper-container .prev{background-image:url("arrow-left.png");}
.show-list .swiper-container .next{background-image:url("arrow-right.png");right:25px;}
.show-list .swiper-pagination{bottom:20px;color:#FFF;}
.show-list .go_shop{position:absolute;left:40px;line-height:26px;font-size:18px;color:#3e3e3e;bottom:40px;z-index:1;}
.show-list .go_shop img{vertical-align:middle;margin-right:10px;}
.show-list .go_shop span{vertical-align:middle;}

/*
 *scene
 *
 */

.scene-body{ background-color:#f5f5f5;}
.center1400{ margin:0 auto; width:1400px;}
.theme-title{ padding-top:72px; margin-bottom:36px; text-align:center;}
.theme-title img{ display:inline-block;}
.scene-main{ background-color:#f5f5f5; position:relative; z-index:1;}
.scene-box .col-md-6{ padding:0 10px;}
.scene-box .scene-category{ position:relative; margin-bottom:42px; display:block; overflow:hidden; transition-duration:1s; -webkit-transition-duration:1s;}
.scene-box .scene-category > img{ width:100%; -webkit-filter:blur(2px); filter:blur(2px); transition-duration:1s; -webkit-transition-duration:1s;}
.scene-box .scene-category .bg{ position:absolute; top:0; left:0; width:100%; height:100%;transition-duration:1s; -webkit-transition-duration:1s;}
.scene-box .scene-category .text-box{ position:absolute; top:50%; left:50%; margin-top:-141px; margin-left:-332px; width:664px; height:282px; text-align:center; border:1px solid rgba(255, 255, 255, 0.41); transition-duration:1s; -webkit-transition-duration:1s;}
.scene-box .scene-category .text-box h3{ position:absolute; top:50%; left:50%; margin-top:-56px; margin-left:-158px; padding-top:24px; width:316px; height:112px; line-height:36px; font-size:3.0rem; color:#FFF;}
.scene-box .scene-category .text-box h3 span{ display:block; font-size:1.8rem;}
.scene-box .scene-category:hover{ box-shadow:0 0 15px 1px #999;}
.scene-box .scene-category:hover > img{ filter:none; -webkit-filter:none;}
.scene-box .scene-category:hover .bg{ top:50%; left:50%; margin-top:-64px; margin-left:-165px; width:330px; height:128px; background-color:#000; opacity:.5;}
.scene-box .scene-category:hover .text-box{ margin-left:-157px; margin-top:-56px; width:314px; height:112px;}

/*
 *
 * scene-details
 */

.banner-in.scene-detail-banner{}
.scene-detai-body{ background-color:#f5f5f5;}
.scene-detail-main{ margin-top:-104px;padding-bottom:40px; position:relative; z-index:1; background-color:#f5f5f5;}
.scene-detail-main .theme{ margin-bottom:40px; padding:66px 0; text-align:center; background-color:#FFF; font-size:1.4rem; line-height:24px; box-shadow:0 0 15px 1px rgba(0, 0, 0, 0.1);}
.scene-detail-main .box{ position:relative; margin-bottom:24px; background-color:#FFF; box-shadow:0 0px 20px rgba(0, 0, 0, 0.1);}
.scene-detail-main .box:hover{box-shadow:0 20px 40px rgba(0, 0, 0, .1);}
.scene-detail-main .box:last-child{ margin-bottom:0;}
.scene-detail-main .box .img-box{ box-sizing:content-box; padding:70px 0 50px; width:65%; height:388px; line-height:388px; border-right:1px solid #ececec; text-align:center;}
.scene-detail-main .box .img-box img{ display:inline-block; vertical-align:middle;max-height:100%;max-width:90%;}
.scene-detail-main .box .detail{ padding-top:60px;padding-right:30px; width:35%; position:absolute; top:0; right:0; line-height:24px;}
.scene-detail-main .box .detail h2{ margin-left:66px; font-size:3.0rem;line-height:36px; font-weight:500; text-transform:uppercase; margin-bottom:28px;}
.scene-detail-main .box .detail .models, .scene-detail-main .box .detail .product-size, .scene-detail-main .box .detail .product-color{ margin-bottom:28px; margin-left:66px; font-size:1.4rem; color:#999;}
.scene-detail-main .box .detail span{ font-size:1.8rem; color:#666; font-weight:500; text-transform:uppercase;}
.scene-detail-main .box .detail > a{font-size:14px; font-family:"Adobe Devanagari"; position:relative; display:inline-block; width:156px;height:24px; line-height:24px; margin-left:66px; color:#333; border:2px solid #000; text-transform:uppercase; text-align:center;overflow:hidden;}
.scene-detail-main .box .detail > a:hover:before{left:0;}
.scene-detail-main .box .detail > a:hover span{color:#FFF;}
.scene-detail-main .box .detail > a span{font-size:14px; position:absolute;top:0;left:0;width:100%;transition-duration:.6s;-webkit-transition-duration:.6s;}
.scene-detail-main .box .detail > a:before{position:absolute;content:"";background:#000;width:100%;height:100%;left:-100%;top:0;z-index:0;transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;}

/*
 * product
 */

.product-body{ background-color:#f5f5f5;}
.product-main{ position:relative; z-index:1; background-color:#f5f5f5;}
.product-main .tabs{ margin:70px auto 0; width:900px; height:130px; text-align:center; overflow:hidden;}
.product-main .tabs a{ display:inline-block; width:100px; float:left; font-size:1.4rem; line-height:24px; transition-duration:1s; -webkit-transition-duration:1s;}
@media only screen and (min-width:1200px){ .product-main .tabs a:hover{ color:#c7af82;}
	.product-main .tabs a:hover .icon-box .status1{ margin-top:-48px;}
	.product-main .tabs a:hover .nums{ width:80%; height:24px; opacity:1;}
	}
.product-main .tabs a.active{ color:#c7af82;}
.product-main .tabs a.active .icon-box .status1{ margin-top:-48px;}
.product-main .tabs a.active .nums{ width:80%; height:24px; opacity:1;}
.product-main .tabs a.active .icon-box img:first{ margin-top:-48px;}
.product-main .tabs a .icon-box{ margin-bottom:10px; height:48px; line-height:48px; text-align:center; overflow:hidden;}
.product-main .tabs a .icon-box .status1{ transition-duration:1s; -webkit-transition-duration:1s; height:48px; overflow:hidden;}
.product-main .tabs a .icon-box .status2{ transition-duration:1s; -webkit-transition-duration:1s; height:48px;}
.product-main .tabs a .icon-box img{ display:inline-block; vertical-align:middle;}
.product-main .tabs a .nums{ margin:0 auto; width:0; height:0; overflow:hidden; opacity:0; font-size:1.8rem; border-top:1px solid #c7af82; color:#c7af82; transition-duration:1s; -webkit-transition-duration:1s;}
.product-main hr{ border:none; height:1px; background:#dadada;}
.product-main .show-box{ overflow:hidden;}
.product-main .show-box a{ display:inline-block; float:left; margin-top:70px; width:25%; color:#000;}
.product-main .show-box a .pic{ position:relative; height:152px; line-height:152px; text-align:center;}
.product-main .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-main .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-main .show-box a .name{ margin-top:30px; text-align:center; font-size:1.4rem; line-height:24px;}
.product-main .show-box a .name .type{ color:#bcbcbc; display:inline-block; padding:0 25px; border-top:1px solid #bcbcbc;}
@media only screen and (min-width:1200px){ .product-main .show-box a:hover .pic img{ opacity:.3;}
	.product-main .show-box a:hover .pic .ad{ opacity:1; transform:none;-webkit-transform:none;}
	}

/*joinUs*/

.joinus-body{margin-bottom:-90px; background-color:#f5f5f5;position:relative;z-index:1;}
.product-banner{ background-image:url("about-banner.jpg");}
.joinus-main{ position:relative; z-index:1; background-color:#f5f5f5; top:-92px;}
.joinus-main .company-introduce{ padding:44px 44px 38px 44px; font-size:14px; line-height:24px;}
.joinus-main .company-introduce .tit{font-size:30px;line-height:36px;font-weight:600;margin-bottom:5px;}
.joinus-main .store-show{ position:relative;}
.joinus-main .store-show >img{width:100%;}
.joinus-main .store-show .control-btn{ width:51px; height:51px; background-position:center center; background-size:auto; background-color:#595959; cursor:pointer;}
.joinus-main .store-show .control-btn:hover{ background-color:#000;}
.joinus-main .store-show .prev{ left:0; background-image:url("arrow-left.png");}
.joinus-main .store-show .next{ right:0; background-image:url("arrow-right.png");}
.joinus-main .store-show .select{ position:absolute; top:50%; left:50%; margin-top:-32px; margin-left:-110px; width:220px; height:64px;z-index:1;cursor:pointer;}
.joinus-main .store-show .select:hover{background-color:#c7af82;}
.joinus-main .store-show .select:hover select{background-color:#c7af82;}
.joinus-main .store-show .select:before{content:""; position:absolute;top:50%;right:36px;margin-top:-5px; width:14px; height:9px; background:url("arrow-down.png") no-repeat center center;pointer-events:none;}
.joinus-main .store-show .select select{display:block; padding-left:24px; width:100%; height:64px; line-height:64px; background:rgba(0, 0, 0, 0.74); font-size:18px; color:#FFF; text-align:left;cursor:pointer;outline:none;border:none;appearance:none;-webkit-appearance:none;}
.joinus-main .stores{margin-top:15px;}
.joinus-main .stores ul{display:none;}
.joinus-main .stores ul.active{display:block;}
.joinus-main .stores .store-info{transition-duration:1s; box-shadow:0 0 20px 0 rgba(0, 0, 0, .1); position:relative;margin-bottom:25px;padding-top:1px; height:140px; background-color:#FFF; color:#2f2f2f;z-index:1;}
.joinus-main .stores .store-info:hover{box-shadow:0 20px 40px 0 rgba(0, 0, 0, .1);}
.joinus-main .stores .store-info .info{ padding-left:56px; font-size:14px; line-height:22px;}
.joinus-main .stores .store-info .info .en{ margin-top:20px; margin-bottom:12px; text-transform:uppercase;}
.joinus-main .stores .store-info .info .name{ font-size:18px;}
.joinus-main .stores .store-info .info .tel{display:none;}
.joinus-main .stores .store-info .map-link{ position:absolute; top:0; right:0; width:140px; height:100%; border-left:1px solid #e0e0e0; text-align:center;}
.joinus-main .stores .store-info .map-link a{ display:block; width:100%;height:100%; line-height:140px;background:url("MAP1.png") no-repeat center center;transition-duration:1s;-webkit-transition-duration:1s;}
.joinus-main .stores .store-info .map-link a:hover{background-image:url("MAP.png"); background-color:#c7af82;}
.joinus-main .addMore{margin:55px auto 60px; overflow:hidden; position:relative; display:block; width:156px; height:24px; line-height:24px; font-size:14px; border:1px solid #000; text-align:center; text-transform:uppercase;font-family:"Adobe Devanagari";}
.joinus-main .addMore:hover:before{left:0;}
.joinus-main .addMore:hover span{color:#FFF;}
.joinus-main .addMore span{position:absolute;left:0;top:0; width:100%;height:100%; z-index:1;}
.joinus-main .addMore:before{content:""; position:absolute;left:-100%;width:100%;height:100%;background-color:#000; transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;}
.joinus-main .apply-to{background-color:#FFF; padding:60px 0 70px; text-align:center;}
.joinus-main .apply-to .tit{ margin-bottom:30px; font-size:12px; line-height:36px;}
.joinus-main .apply-to form{ margin:0 auto; width:656px;}
.joinus-main .apply-to form >div{position:relative;margin-bottom:22px; text-align:left;}
.joinus-main .apply-to form >div .btn_Prompt{top:12px; right:-30px;bottom:auto;}
.joinus-main .apply-to form input, .joinus-main .apply-to form select{padding-left:25px; border:1px solid #d2d2d2; outline:none; width:100%; height:50px; line-height:50px; box-sizing:border-box; font-size:14px;}
.joinus-main .apply-to .submit-btn{ margin-top:40px; padding:0; width:200px; height:35px; line-height:35px; background-color:#000; color:#FFF; cursor:pointer;}
.joinus-main .apply-to form label{ position:relative;}
.joinus-main .apply-to form .agency-arrow{ position:absolute; top:50%; right:20px; margin-top:-4px; width:13px; height:8px; background:url("select-arrow.png") no-repeat center center;}

/*
 *
 * activity-zone
 *
 *
 */

.activity-banner{ background-image:url("Activity-banner.png");}
.activity-main{ position:relative; margin-top:-92px; padding-bottom:40px; background-color:#f5f5f5; z-index:1;}
.activity-main .box a{ display:block; margin-bottom:46px; background-color:#FFF; box-shadow:0 0 25px 0 rgba(0, 0, 0, 0.04); transition-duration:1s;}
.activity-main .box:last-of-type a{margin-bottom:0;}
.activity-main .box a:hover{ box-shadow:0 15px 30px rgba(0, 0, 0, 0.3);}
.activity-main .box .description{ padding:44px; padding-bottom:38px;}
.activity-main .box .description h2{ font-size:28px; line-height:50px;}
.activity-main .box .description .content{ font-size:14px; line-height:24px;}
.activity-main .box a > img{ display:block;max-width:100%;}

/*activityDel*/

.activityDel-banner{background-image:url("Activity-banner.png");}

/*
 *custom
 *
 */

.custom-banner{ background-image:url("custom-banner.jpg");}
.custom-main{ position:relative; margin-top:-92px; background-color:#f5f5f5; z-index:1;}
.custom-main .product-show{ background-color:#FFF;}
.custom-main .product-show .theme{ padding:74px 44px 60px 44px; font-size:14px; line-height:24px; text-align:center;}
.custom-main .product-show .product-carousel{ position:relative;}
.custom-main .product-show .product-carousel .pic-box1{ position:relative;}
.custom-main .product-show .product-carousel .pic-box1 > img{ display:block;width:100%;}
.custom-main .product-show .product-carousel .pic-box1 .bg{ position:absolute; top:50%; left:108px; margin-top:-172px; width:422px; height:344px; background-color:rgba(0, 0, 0, 0.37); color:#FFF;}
.custom-main .product-show .product-carousel .pic-box1 .bg .in-text{ margin:10px; padding:0 26px; height:324px; border:1px solid #FFF;}
.custom-main .product-show .product-carousel .pic-box1 .bg h3{ margin-top:30px; font-size:48px; font-weight:500; text-transform:uppercase;}
.custom-main .product-show .product-carousel .pic-box1 .bg h3 span{ display:block; margin-top:-10px; font-size:28px;}
.custom-main .product-show .product-carousel .pic-box1 .bg .cont{ margin-top:15px; text-align:justify; font-size:14px; line-height:24px;}
.custom-main .product-show .product-carousel .control-btn{ position:absolute; top:50%; margin-top:-25px; width:51px; height:51px; background-color:#919191; cursor:pointer;background-size:auto;}
.custom-main .product-show .product-carousel .prev{ left:0; background-image:url("arrow-left.png");}
.custom-main .product-show .product-carousel .next{ right:0; background-image:url("arrow-right.png");}
.custom-main .custom-method{/*overflow:hidden; */
	padding-bottom:100px;}
.custom-main .custom-method .tit{ text-align:center; padding:52px 0 42px;}
.custom-main .custom-method .fill-form, .custom-main .custom-method .online-service, .custom-main .custom-method .hot-line{ position:relative; float:left; width:33%; height:458px; text-align:center; padding-top:36px; padding-bottom:40px; transition-duration:1s; -webkit-transition-duration:1s;}
.custom-main .custom-method .fill-form form{ display:inline-block; margin-top:20px; width:80%;}
.custom-main .custom-method .fill-form form >div{position:relative;margin-bottom:22px;text-align:left;}
.custom-main .custom-method .fill-form form >div .btn_Prompt{bottom:auto;top:13px;left:auto;right:-30px;}
.custom-main .custom-method .fill-form form input, .custom-main .custom-method .fill-form form select{ padding-left:25px; border:1px solid #d2d2d2; outline:none; width:100%; height:50px; line-height:50px; box-sizing:border-box; font-size:14px;}
.custom-main .custom-method .fill-form label{ position:relative; width:80%;}
.custom-main .custom-method .fill-form label .agency-arrow{ position:absolute; top:50%; right:20px; margin-top:-4px; width:13px; height:8px;background:url("select-arrow.png") no-repeat center center;}
.custom-main .custom-method .fill-form label .agency-arrow img{ display:block;}
.custom-main .custom-method .fill-form form .submit-btn{ margin-top:10px; padding-left:0; width:200px; height:35px; line-height:35px; font-size:14px; color:#FFF; background-color:#000; outline:none; cursor:pointer;}
.custom-main .custom-method .des{ margin-top:80px; font-size:18px; line-height:24px; font-weight:500;}
.custom-main .custom-method .des span{ display:block; margin-top:10px; font-size:14px; font-weight:normal;}
.custom-main .custom-method .online-service a{ position:absolute; display:inline-block; bottom:55px; left:50%;}
.custom-main .custom-method .online-service a{ margin-left:-100px; width:200px; height:35px; line-height:35px; font-size:14px; color:#FFF; background-color:#000;}
.custom-main .custom-method .hot-line a{ position:absolute; bottom:55px; left:0; width:100%; font-size:40px; text-align:center;}
@media only screen and (min-width:1300px){ .custom-main .custom-method .fill-form:hover, .custom-main .custom-method .online-service:hover, .custom-main .custom-method .hot-line:hover{ background-color:#FFF; box-shadow:0 20px 40px 1px rgba(0, 0, 0, 0.1);}
	}

/*
 *
 *brand-idea
 */

.brand-banner{ background-image:url("brand-banner.jpg")/;}
.brand-banner .banner-mask{ top:45%;}
.brand-main{ position:relative; z-index:1; background-color:#f5f5f5; margin-top:-92px;}
.brand-main .brand-idea .theme{ padding:74px 44px 60px 44px; font-size:14px; line-height:24px; text-align:center;}
.brand-main .brand-idea .brand-concept{ position:relative;}
.brand-main .brand-idea .brand-concept:after{position:absolute;content:"";width:100%;height:100%;background:rgba(0, 0, 0, .2);left:0;top:0;z-index:0;}
.brand-main .brand-idea .brand-concept>img{width:100%;display:block;}
.brand-line .brand-material .carousel .pic-wrap img{width:100%;display:block;}
.brand-line .brand-material .carousel .pic-wrap{position:relative;}
.brand-main .brand-idea .brand-concept .idea img{max-width:100%;}
.brand-main .brand-idea .brand-concept .idea{ position:absolute; left:50px; bottom:80px; font-size:14px; line-height:24px; color:#FFF;z-index:1;}
.brand-main .brand-info{ padding-bottom:64px;}
.brand-main .brand-info .tit{ padding:74px 44px 60px 44px; font-size:14px; line-height:24px; text-align:center;}
.brand-main .brand-info .info-box{ margin-bottom:48px; height:460px;}
.brand-main .brand-info .info-box .info-wrap{ float:left; margin-top:100px; width:25%; text-align:center; transition-duration:1s; -webkit-transition-duration:1s;}
.brand-main .brand-info .info-box .info-wrap a{ display:block; margin:0 10px; padding:18px 18px 30px 18px; transition-duration:1s; -webkit-transition-duration:1s;}
.brand-main .brand-info .info-box .info-wrap:hover{ margin-top:0;}
.brand-main .brand-info .info-box .info-wrap:hover a{ background-color:#FFF; box-shadow:0 0 25px 1px rgba(0, 0, 0, 0.08); overflow:visible;}
.brand-main .brand-info .info-box .info-wrap:hover a img{ opacity:1; height:165px;}
.brand-main .brand-info .info-box .info-wrap:hover a .findMore{opacity:1;height:36px;}
.brand-main .brand-info .info-box .info-wrap:hover a .findMore:before{height:2px;}
.brand-main .brand-info .info-box .info-wrap a img{ width:100%; height:0; opacity:0; transition-duration:1s; -webkit-transition-duration:1s;}
.brand-main .brand-info .info-box .info-wrap a h3{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
.brand-main .brand-info .info-box .info-wrap a .date{ text-align:left;}
.brand-main .brand-info .info-box .info-wrap a .abstract{height:120px;overflow:hidden; font-size:14px; line-height:24px; text-align:justify;}
.brand-main .brand-info .info-box .info-wrap a .findMore{ position:relative; display:block; margin-top:20px; text-transform:uppercase; text-align:left; font-size:12px; line-height:36px;height:0; font-weight:600;opacity:0; transition-duration:1s; -webkit-transition-duration:1s;}
.brand-main .brand-info .info-box .info-wrap a .findMore:before{ content:""; position:absolute; top:50%; left:-18px; margin-top:-1px; width:16px; height:0; background-color:#000; transition-duration:1s; -webkit-transition-duration:1s;transition-delay:.5s;-webkit-transition-delay:.5s;}
.brand-main .brand-info > a{overflow:hidden; position:relative; display:block; margin:0 auto; width:156px; height:24px; line-height:24px; font-size:14px; border:1px solid #000; text-align:center; text-transform:uppercase;}
.brand-main .brand-info > a:hover:before{left:0;}
.brand-main .brand-info > a:hover span{color:#FFF;}
.brand-main .brand-info > a span{position:absolute;left:0;top:0; width:100%;height:100%; z-index:1;}
.brand-main .brand-info > a:before{content:""; position:absolute;left:-100%;width:100%;height:100%;background-color:#000; transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;}
.brand-line{ position:relative; background-color:#f5f5f5; z-index:1;}
.brand-line .brand-produce{ padding-top:62px; height:576px; background:url("bg-brand-produce.jpg") no-repeat center center; text-align:center; box-sizing:content-box;}
.brand-line .brand-produce .tit{ text-align:center; margin-bottom:44px;}
.brand-line .brand-produce .brand-product-line{ margin-top:90px; height:320px;}
.brand-line .brand-produce .line{ display:inline-block; width:50px; height:1px; background-color:#FFF;}
.brand-line .brand-produce .float-box{ display:inline-block; padding-bottom:40px; width:252px; height:255px; vertical-align:middle; box-sizing:content-box;}
.brand-line .brand-produce .float-box:hover{ background-color:#c7af82;}
.brand-line .brand-produce .float-box:hover .des{ opacity:1; height:auto;}
.brand-line .brand-produce .float-box:hover img{ margin-top:45px; margin-bottom:24px;}
.brand-line .brand-produce .float-box img{ margin-top:100px; transition-duration:1.2s; -webkit-transition-duration:1.2s;}
.brand-line .brand-produce .float-box .des{ font-size:14px; line-height:24px; color:#FFF; opacity:0; height:0;}
.brand-line .brand-material{ padding-bottom:100px;}
.brand-line .brand-material .tit{ padding:74px 44px 60px 44px; font-size:14px; line-height:24px; text-align:center;}
.brand-line .brand-material .carousel{ position:relative;}
.brand-line .brand-material .carousel .pic-wrap img{width:100%;display:block;}
.brand-line .brand-material .carousel .pic-wrap{position:relative;}
.brand-line .brand-material .carousel .desc{ position:absolute; bottom:0; left:0; padding-left:70px; padding-bottom:42px; color:#FFF;}
.brand-line .brand-material .carousel .desc .left{ width:80%;}
.brand-line .brand-material .carousel .desc h3{ font-size:38px;}
.brand-line .brand-material .carousel .desc .conte{ margin-top:15px; font-size:14px; line-height:24px;}
.brand-line .brand-material .carousel .my-btn{top:auto;bottom:55px; width:51px;height:51px;background-position:center center;background-color:#919191;background-size:auto; cursor:pointer;}
.brand-line .brand-material .carousel .my-btn.swiper-button-disabled{opacity:1;pointer-events:auto;}
.brand-line .brand-material .carousel .my-btn:hover{background-color:#c7af82;}
.brand-line .brand-material .carousel .prev-btn{left:auto;right:143px; background-image:url("arrow-left.png");}
.brand-line .brand-material .carousel .next-btn{right:90px;background-image:url("arrow-right.png");}
.brand-line .brand-material .carousel .pic-wrap:after{position:absolute;content:"";width:100%;height:100%;z-index:0;background:rgba(0, 0, 0, .2);top:0;}

/*
 * brand-info
 *
 * */

.brand-main .brand-information{ padding-bottom:64px;}
.brand-main .brand-information .tit{ padding:74px 44px 60px 44px; font-size:14px; line-height:24px; text-align:center;}
.brand-main .brand-information .info-box{ margin-bottom:48px;}
.brand-main .brand-information .info-box .info-wrap{ float:left; margin-top:40px; width:25%; text-align:center; transition-duration:1s; -webkit-transition-duration:1s;}
.brand-main .brand-information .info-box .info-wrap a{ display:block; margin:0 10px; padding:18px 18px 30px 18px; transition-duration:1s; -webkit-transition-duration:1s;}
.brand-main .brand-information .info-box .info-wrap:hover a{ background-color:#FFF; box-shadow:0 20px 40px rgba(0, 0, 0, 0.1); overflow:visible;}
.brand-main .brand-information .info-box .info-wrap a img{ width:100%;/* height:0;*/
	transition-duration:1s; -webkit-transition-duration:1s;}
.brand-main .brand-information .info-box .info-wrap a h3{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
.brand-main .brand-information .info-box .info-wrap a .date{ text-align:left;}
.brand-main .brand-information .info-box .info-wrap a .abstract{overflow:hidden; font-size:14px; line-height:24px; text-align:justify;height:120px;}
.brand-main .brand-information .info-box .info-wrap a .findMore{ position:relative; display:block; margin-top:20px;height:36px; text-transform:uppercase; text-align:left; font-size:12px; line-height:36px; font-weight:600; transition-duration:1s; -webkit-transition-duration:1s;}
.brand-main .brand-information .info-box .info-wrap a .findMore:before{ content:""; position:absolute; top:50%; left:-18px; margin-top:-1px; width:16px; height:2px; background-color:#000; transition-duration:1s; -webkit-transition-duration:1s;transition-delay:.5s;-webkit-transition-delay:.5s;}
.brand-main .brand-information > a{margin-top:40px; overflow:hidden; position:relative; display:block; margin:0 auto; width:156px; height:24px; line-height:24px; font-size:14px; border:1px solid #000; text-align:center; text-transform:uppercase;}
.brand-main .brand-information > a:hover:before{left:0;}
.brand-main .brand-information > a:hover span{color:#FFF;}
.brand-main .brand-information > a span{position:absolute;left:0;top:0; width:100%;height:100%; z-index:1;}
.brand-main .brand-information > a:before{content:""; position:absolute;left:-100%;width:100%;height:100%;background-color:#000; transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;}
@media only screen and (max-width:1450px){ .center1400{width:1200px;max-width:100%;}
	/*品牌中心*/
	.brand-line .brand-produce .float-box{width:210px;}
	.brand-line .brand-produce .line{width:60px;}
	/*产品详细*/
	.scene-detail-main .box .detail h2{margin-left:40px;}
	.scene-detail-main .box .detail .models, .scene-detail-main .box .detail .product-size, .scene-detail-main .box .detail .product-color{margin-left:40px;}
	.scene-detail-main .box .detail > a{margin-left:40px;}
	}
@media screen and (max-width:767px){
	/*产品详细*/
	.scene-detail-main .theme{padding:20px 3%;}
	.scene-detail-main .box .img-box{padding:30px 0; width:100%;height:auto;line-height:normal;}
	.scene-detail-main .box .detail{position:initial;width:94%; padding:0;padding-bottom:25px;margin-left:3%;}
	.scene-detail-main .box .detail h2{margin-left:20px;margin-bottom:10px;font-size:2.4rem;}
	.scene-detail-main .box .detail .models, .scene-detail-main .box .detail .product-size, .scene-detail-main .box .detail .product-color{margin-left:20px;margin-bottom:10px;}
	.scene-detail-main .box .detail > a{margin-top:10px; margin-left:20px;}
	}

/********************************************************************************************************************************************/

@media screen and (max-width:1450px){ footer .foot-nav{width:96%;}
	.banner-in{height:100vh;}
	/*index*/
	.home-body .main-product .boxs{width:96%;}
	.home-body .main-other .other1 .content{width:90%;}
	.home-body .main-other .other2{width:90%;}
	.home-body .main-other .other2 .content .tits .e{width:115%;}
	.home-body .main-other .other3 .content{width:45%;left:44%;}
	.home-body .main-other .other3:after{background-size:auto 65%;}
	/*公司文化*/
	.about .culture .box{width:96%;}
	/*发展历程*/
	.about .history .content{width:96%;}
	/*公司概况*/
	.about .survey .content{width:96%;}
	/*品牌咨询*/
	.brand-main .brand-information .info-box .info-wrap a{margin:0 5px;padding:15px;}
	.brand-main .brand-information .info-box .info-wrap a .findMore{left:3px;}
	/*服务中心*/
	.service-center .main .main1{width:96%;}
	.service-center .main .main3 .content{width:96%;}
	}
@media screen and (max-width:1024px){ header .nav-top .memu{margin-right:20px;}
	header .nav-top .memu #navToggle{left:-40px;}
	header .nav .nav-ul1 li{width:140px;padding:20px 0;}
	header .nav .nav-ul2 li{width:140px;padding:5px 30px;}
	header .nav .nav-ul2 li a:after{display:none;}
	header .nav{height:380px;padding-top:80px;}
	footer .foot-nav ul li a{padding:0 30px;}
	.banner-in{background-attachment:scroll;}
	.banner-in .banner-mask{position:absolute;top:40%;}
	.banner-in .banner-mask .tabs-btn{margin-top:50px;}
	.banner-in .banner-mask .tabs-btn a{margin-bottom:15px;}
	/*index*/
	.tracker{display:none !important;}
	.banner .swiper-wrapper .swiper-slide .line-jd{top:auto;bottom:0;}
	.home-body .main-product .boxs li{height:200px;}
	.home-body .main-other .others{margin-bottom:40px;}
	.home-body .main-other .other2{width:96%;}
	.home-body .main-other .other3:after{background-position:right bottom;background-size:10% auto;}
	.home-body .main-other .other3 .content .tits .e{width:80%;}
	.home-body .main-other .other3{background-size:45% auto;}
	.home-body .main-other .other3 .content{left:48%;}
	.home-body .main-other .other3 .content .bg3{margin-left:-80%;margin-top:0;}
	/*公司文化*/
	.tits img{width:50%;}
	.about .culture .box{margin:30px auto 50px;}
	.about .culture .box .text-box .stit{width:100%;}
	/*发展历程*/
	.about .history .content ul li{height:300px;}
	.about .history .content ul li .box-r{padding:60px 5%;}
	.about .history .content ul li .box-l img{width:90%;height:auto;}
	/*公司概况*/
	.about .survey .content{top:-50px;}
	.about .survey .box3 .text-box,.about .survey .box3 .img-box{float:none;width:100%;}
	.about .survey .box3 .text-box{padding:40px;}
	/*活动专区*/
	.center1400{width:96%;}
	/*品牌中心*/
	.brand-main .brand-info .info-box .info-wrap{ margin-top:0;}
	.brand-main .brand-info .info-box .info-wrap a{ background-color:#FFF; box-shadow:0 0 25px 1px rgba(0, 0, 0, 0.08); overflow:visible;margin:0 5px;padding:10px 10px 30px;}
	.brand-main .brand-info .info-box .info-wrap a h3{font-size:18px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.brand-main .brand-info .info-box .info-wrap a img{ opacity:1; height:165px;}
	.brand-main .brand-info .info-box .info-wrap a .findMore{opacity:1;height:36px;margin-left:8px;}
	.brand-main .brand-info .info-box .info-wrap a .findMore:before{height:2px;}
	.brand-main .brand-info .tit,.brand-line .brand-produce .tit{padding:60px 0 40px;width:70%;margin:0 auto;}
	.brand-line .brand-produce{background-size:cover; height:auto;overflow:hidden;}
	.brand-line .brand-produce .brand-product-line{margin-top:0;height:auto;}
	.brand-line .brand-produce .line{display:none;}
	.brand-line .brand-produce .float-box{ background-color:#c7af82;margin:0 25px 25px;}
	.brand-line .brand-produce .float-box .des{ opacity:1; height:auto;}
	.brand-line .brand-produce .float-box img{ margin-top:45px; margin-bottom:24px;}
	.brand-line .brand-material .carousel .my-btn{width:40px;height:40px;}
	.brand-line .brand-material .carousel .prev-btn{right:90px;}
	.brand-line .brand-material .carousel .next-btn{right:40px;}
	/*品牌咨询*/
	.brand-main .brand-information .info-box .info-wrap a{ background-color:#FFF; box-shadow:0 0 25px 1px rgba(0, 0, 0, 0.08); overflow:visible;margin:0 5px;padding:10px 10px 30px;}
	.brand-main .brand-information .info-box .info-wrap a h3{font-size:18px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.brand-main .brand-information .info-box .info-wrap a img{ opacity:1; height:165px;}
	.brand-main .brand-information .info-box .info-wrap a .findMore{opacity:1;height:36px;margin-left:8px;}
	.brand-main .brand-information .info-box .info-wrap a .findMore:before{height:2px;}
	/*在线定制*/
	.custom-main .custom-method .hot-line a{font-size:26px;}
	/*产品*/
	.product-main .show-box a .name{margin-top:0;}
	.show-list .swiper-container .imagesBox{background-size:100% auto;}
	.show-list .swiper-pagination{color:#333;}
	.show-list.show .sbtips{display:none !important;}
	.show-list .go_shop{color:#333;}
	/*场景*/
	.scene-box{width:100%;margin:0 auto;}
	.theme-title{padding-top:36px;}
	.scene-box .scene-category{margin-bottom:20px;}
	.scene-box .scene-category > img{filter:none;-webkit-filter:none;}
	.scene-box .scene-category .bg{top:50%;left:50%;margin-top:-64px;margin-left:-165px;width:330px;height:128px;background-color:#000;opacity:.5;}
	.scene-box .scene-category .text-box{margin-left:-157px;margin-top:-56px;width:314px;height:112px;}
	/*场景详情页*/
	.scene-detail-main .box .detail h2{font-size:2.4rem;}
	/*服务中心*/
	.service-center .main .main1{top:0;width:100%;}
	.service-center .main .main1 .main1-top{padding:40px 0;}
	.service-center .main .main1 .main1-bottom{position:relative;}
	.service-center .main .main1 .main1-bottom .list .tit1 img{max-width:100%;}
	.service-center .main .main1 .main1-bottom .list ul li .r{margin-left:65px;}
	.service-center .main .main1 .main1-bottom .img-box{width:100%;}
	.service-center .main .main1 .main1-bottom .list{position:absolute;z-index:1;right:0;background:rgba(255, 255, 255, .8);height:100%;}
	.service-center .main .main3 .content .information{padding:30px 24px;}
	}
@media only screen and (max-width:768px){ header .nav .nav-ul1 li{width:110px;padding:15px 0;}
	header .nav .nav-ul2{margin-top:15px;}
	header .nav .nav-ul2 li{width:110px;padding:5px 10px;}
	footer .foot-nav ul li a{padding:0 15px;}
	.banner-in{height:60vh;}
	.banner-in .banner-mask{top:240px;}
	.banner-in .banner-mask .tabs-btn a{width:200px;}
	/*index*/
	.home-body .main-other .others{height:500px;}
	.home-body .main-other .other1 .content-r .tits img{width:100%;}
	.home-body .main-other .other2{background-size:auto 100%;width:100%;}
	.home-body .main-other .other2:after{height:420px;margin-top:-210px;}
	.home-body .main-other .other2 .content{height:420px;margin-top:-210px;padding:50px 0 0 60px;width:54%;}
	.home-body .main-other .other2 .content .tits .e{right:-8%;}
	.home-body .main-other .other3 .content{background:rgba(255, 255, 255, .8);padding:20px;width:60%;left:auto;right:10%;}
	.home-body .main-other .other3{background-size:100% auto;}
	.home-body .main-other .other3:after,.home-body .main-other .other3 .content .bg3{display:none;}
	/*公司文化*/
	.about .history .content ul li{height:230px;}
	/*活动专区*/
	.activity-main .box .description{padding:30px;}
	.activity-main .box .description h2{font-size:24px;}
	/*品牌中心*/
	.brand-main .brand-info .tit,.brand-line .brand-produce .tit{width:60%;margin:0 auto;}
	.brand-main .brand-info .tit img,.brand-line .brand-produce .tit img{width:100%;}
	.brand-main .brand-info .info-box{overflow:hidden;height:auto;}
	.brand-main .brand-info .info-box .info-wrap{width:50%;margin-bottom:10px;}
	.brand-line .brand-produce .float-box{margin:0 15px 15px;}
	/*品牌资讯*/
	.brand-main .brand-information .info-box .info-wrap{width:50%;margin-bottom:10px;}
	/*在线定制*/
	.custom-main .custom-method{padding-bottom:0;}
	.custom-main .product-show .theme{padding:50px 40px;}
	.custom-main .product-show .product-carousel .pic-box1 .bg .in-text{height:94%;top:0;margin:2%;}
	.custom-main .product-show .product-carousel .pic-box1 .bg{height:100%;top:0;margin:0;}
	.custom-main .product-show .product-carousel .pic-box1 .bg h3{font-size:30px;}
	.custom-main .product-show .product-carousel .pic-box1 .bg h3 span{font-size:24px;}
	.custom-main .custom-method .fill-form, .custom-main .custom-method .online-service, .custom-main .custom-method .hot-line{width:100%;height:auto;}
	.custom-main .custom-method .des{margin:20px auto 80px;}
	/*产品*/
	.product-main .tabs{height:auto;margin:40px auto 10px;text-align:center;width:100%;font-size:0;}
	.product-main .show-box a{margin-top:40px;}
	.product-main .tabs a{width:85px;float:none;width:33%;height:120px;}
	/*服务中心*/
	.service-center .main .main1 .main1-bottom .list{width:300px;}
	.service-center .main .main1 .main1-bottom .img-box img{width:auto;}
	}
@media only screen and (max-width:767px){ header .nav{padding:45px 10px 0;height:100vh;top:-100vh;}
	header.toTop .nav-top{height:40px;}
	header.toTop .nav-top .logo img,header.navOpen .nav-top .logo img{width:35%;height:auto;margin-top:3%;}
	header .nav-top .memu{width:0;margin-right:0;line-height:40px;}
	header .nav-top .memu img{display:none !important;}
	header .nav-top .memu #navToggle{top:0;left:-36px;}
	header .nav-top .memu #navToggle span{width:20px;height:2px;}
	#navToggle span{top:13px;}
	#navToggle span:nth-of-type(2),#navToggle span.span2{top:19px;}
	#navToggle span:nth-of-type(3),#navToggle span.span3{bottom:13px;}
	#navToggle.expanded span:nth-of-type(3),#navToggle.expanded span.span3{bottom:19px;}
	header .nav .nav-ul1{padding:10px 0;}
	header .nav .nav-ul1 li{width:100%;padding:5px 0;}
	header .nav .nav-ul2{margin:0;height:0;width:100%;transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;}
	header .nav .nav-ul1 li.cur.n1 .nav-ul2{height:100px;}
	header .nav .nav-ul1 li.cur.n2 .nav-ul2{height:130px;}
	header .nav .nav-ul1 li.cur.n3 .nav-ul2{height:40px;}
	header .nav .nav-ul1 li.cur.n4 .nav-ul2{height:100px;}
	header .nav .nav-ul1 li.cur.n5 .nav-ul2{height:160px;}
	header .nav .nav-ul1 li.cur.n6 .nav-ul2{height:40px;}
	footer{padding-top:40px;}
	footer .img{width:90%;margin-bottom:30px;}
	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-bottom>ul li{border:none;text-align:center;width:100%;}
	.banner-in .banner-mask{top:40%;}
	.banner-in .banner-mask img{width:80%;}
	.banner-in .banner-mask .tabs-btn{margin-top:30px;}
	.banner-in .banner-mask .tabs-btn a{width:90px;height:24px;line-height:24px;font-size:12px;margin:0 5px 10px;}
	/*index*/
	.banner .swiper-wrapper .swiper-slide .bgs{background-size:auto 100%;}
	.banner .swiper-wrapper .swiper-slide .banner-text{width:96%;}
	.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{right:50%;margin-right:-67px;bottom:5%;width:134px;}
	.home-body .main-product{padding:40px 0;}
	.home-body .tits img{width:45%;}
	.home-body .main-product .Tits{margin-bottom:30px;}
	.home-body .main-product .Tits img{width:50%;}
	.home-body .main-product .boxs li{padding:2px;height:100px;}
	.home-body .main-product .boxs li a > div .img-box{background-size:50% auto;height:75%;}
	.home-body .main-product .boxs li a > div span{font-size:14px;height:25%;}
	.home-body .main-product .boxs li a .box-f{display:none;}
	.home-body .main-other .other1:after{width:60%;}
	.home-body .main-other .other1 .content{width:100%;}
	.home-body .main-other .others{margin-bottom:10px;}
	.home-body .main-other .others .text{font-size:12px;margin:15px auto 20px;text-align:justify;}
	.home-body .main-other .others .more{font-size:12px;width:110px;}
	.home-body .main-other .other1{background-attachment:scroll;}
	.home-body .main-other .other1 .content-r{width:60%;padding:10% 15px;}
	.home-body .main-other .other2:after{display:none;}
	.home-body .main-other .other2 .content{width:70%;padding:10% 15px;}
	.home-body .main-other .other3{background-size:auto 100%;}
	.home-body .main-other .other3 .content{width:80%;padding:30px 15px 0;}
	.home-body .main-other .other3 .content .tits{margin:0;}
	.home-body .main-other .other3 .content .tits .e{width:100%;}
	/*公司文化*/
	.about .tits{padding:40px 0 10px;}
	.tits img{width:80%;}
	.about .culture .box{margin:20px auto;height:auto;}
	.about .culture .box .img-box,.about .culture .box .text-box{width:100%;float:none;height:auto;}
	.about .culture .box .text-box{padding:20px 0;}
	.about .culture .box .img-box img{position:relative;}
	.about .culture .box .text-box .middle-box{position:static;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
	.about .culture .box .text-box .lx{display:none;}
	/*发展历程*/
	.about .history .content:after{display:none;}
	.about .history .content ul li{height:auto;}
	.about .history .content ul li .box-l,.about .history .content ul li .box-r{border:none !important;width:100%;}
	.about .history .content ul li .box-l{padding:20px 0 0;}
	.about .history .content ul li .box-l img{width:100%;}
	.about .history .content ul li .box-r{padding:5%;}
	.about .history .content .lx.lingxing2{bottom:40px;}
	/*公司概况*/
	.about .survey .content{top:-30px;}
	.about .survey .box1,.about .survey .box3 .text-box{padding:30px 20px;text-align:justify;}
	/*加盟店  加入我们*/
	.joinus-body{margin:0;}
	.joinus-main{top:0}
	.joinus-main .company-introduce{padding:20px 15px 10px;text-align:justify;}
	.joinus-main .company-introduce .tit{padding-left:5px;}
	.joinus-main .stores .store-info{margin-bottom:15px;}
	.joinus-main .stores .store-info .map-link{width:100%;border:none;}
	.joinus-main .stores .store-info .map-link a{background-position:92% center;}
	.joinus-main .stores .store-info .info{padding:0 20% 0 20px;}
	.joinus-main .apply-to .tit{line-height:20px;padding:0 10px;}
	.joinus-main .apply-to .tit img{width:80%;margin-bottom:10px;}
	.joinus-main .apply-to form{width:80%;}
	.joinus-main .apply-to{padding:40px 0 70px;}
	.joinus-main .apply-to form input, .joinus-main .apply-to form select{height:40px;line-height:40px;padding-left:10px;}
	.joinus-main .apply-to form >div{margin-bottom:18px;}
	.joinus-main .apply-to form >div .btn_Prompt{right:-24px;top:10px;}
	.joinus-main .apply-to .submit-btn{margin-top:20px;}
	.err-text{font-size:10px;bottom:-16px;}
	/*活动专区*/
	.center1400{width:100%;margin-top:0;}
	.activity-main .box .description{padding:20px 15px;text-align:justify;}
	.activity-main .box .description h2{font-size:18px;line-height:40px;}
	.activity-main .box .description .content{font-size:12px;line-height:20px;}
	/*详情页*/
	.model_news_detail .title{font-size:18px;line-height:28px;}
	/*品牌中心*/
	.brand-main .brand-idea .theme{padding:20px 5px;}
	.brand-main .brand-idea .brand-concept>img{width:auto; height:100%;}
	.brand-main .brand-idea .brand-concept .idea{left:10px;right:10px;}
	.brand-main .brand-info .info-box .info-wrap{width:100%;}
	.brand-main .brand-info .tit, .brand-line .brand-produce .tit{width:80%;}
	.brand-line .brand-material .tit img{width:100%;}
	.brand-line .brand-produce{padding-top:0;}
	.brand-line .brand-material .carousel .pic-wrap img{width:auto;height:450px;}
	.brand-line .brand-material .carousel .desc{padding-left:20px;bottom:auto;top:30px;}
	.brand-line .brand-material .carousel .desc .left{width:90%;}
	.brand-line .brand-material .carousel .my-btn{bottom:20px;right:20px;}
	.brand-line .brand-material .carousel .prev-btn{right:70px;}
	/*品牌资讯*/
	.brand-main .brand-information .info-box .info-wrap{width:100%;margin:20px 0 0;}
	.brand-main .brand-information .info-box .info-wrap a{margin:0 10px;}
	/*在线定制*/
	.custom-main .product-show .theme{padding:40px 20px;}
	.custom-main .custom-method .tit img{width:80%;}
	.custom-main .product-show .product-carousel .pic-box1{min-height:450px;}
	.custom-main .product-show .product-carousel .pic-box1 > img{height:450px;width:auto;}
	.custom-main .product-show .product-carousel .pic-box1 .bg{width:100%;left:0;}
	.custom-main .product-show .product-carousel .control-btn{width:40px;height:40px;}
	.custom-main .custom-method .fill-form, .custom-main .custom-method .online-service, .custom-main .custom-method .hot-line{padding-top:10px;}
	.custom-main .custom-method .fill-form form >div{margin-bottom:18px;}
	.custom-main .custom-method .fill-form form >div .btn_Prompt{right:-24px;}
	/*产品*/
	.product-main .show-box a{width:50%;margin-top:10px;}
	.product-main .show-box a .pic{height:125px;}
	.product-main .tabs a{height:100px;}
	.product-main .tabs a .nums{display:none;}
	.product-main .theme-title{margin-bottom:0;}
	.product-main .theme-title img{width:45%;}
	/*弹出框*/
	.show-list .swiper-container .my-btn{background-color:#c7af82;width:30px;height:30px;background-size:auto 70%;right:5px;}
	.show-list .swiper-container .my-btn.prev{right:auto; left:5px;}
	.swiper-button-next, .swiper-button-prev{margin-top:-15px;}
	.show-list .go_shop{bottom:50px;left:25px;}
	/*场景*/
	.scene-box .scene-category .bg{width:294px;margin-left:-147px;}
	.scene-box .scene-category .text-box{width:280px;margin-left:-140px;}
	.scene-box .scene-category .text-box h3{font-size:2.4rem;}
	.scene-body .theme-title{margin-bottom:20px;}
	.scene-body .theme-title img{width:27%;}
	/*场景详情页*/
	.scene-detail-main .box .detail h2{font-size:2rem;}
	/*服务中心*/
	.service-center .main .main1 .main1-bottom .list{width:100%;}
	.service-center .main .main1 .main1-bottom .list .tit1{width:60%;}
	.service-center .main .main1 .main1-bottom .img-box{height:530px;}
	.service-center .main .main2{background-attachment:scroll;}
	.service-center .main .main2 .tit{padding:25px 0;}
	.service-center .main .main2 .tit img{width:80%;}
	.service-center .main .main2 #problemDeedback .input-box{width:96%;margin-bottom:18px;}
	.service-center .main .main3{padding:10px 0;}
	.service-center .main .main3 .tit img{width:60%;}
	.service-center .main .main3 .content .information{padding:20px 15px;}
	.service-center .main .main3 .content .information ul li{font-size:14px;line-height:20px;padding:5px 0;padding-left:40px;}
	.service-center .main .main3 .content .information .ewms{float:left;margin-top:10px;}
	.service-center .main .main3 .content .information .ewms .ewm-box{margin-left:0;margin-right:15px;}
	.service-center .main .main3 .content .map{height:400px;}
	}
.more-load{ margin:55px auto 60px; overflow:hidden; position:relative; display:block; width:156px; height:24px; line-height:24px; font-size:14px; border:1px solid #000; text-align:center; text-transform:uppercase; font-family:"Adobe Devanagari";}
.more-load span{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.more-load:before{ content:""; position:absolute; left:-100%; width:100%; height:100%; background-color:#000; transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s;}
.more-load:hover span{color:#FFF;}
.more-load:hover:before{left:0;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:0}
#map img{ max-width:none;}
.eput,.form-control{width:260px;border:1px solid #CCC;color:#999;text-indent:12px;font-size:14px;}
.eput{height:30px;}
.form-control{height:64px;resize:none;overflow:auto;margin:12px auto;line-height:30px;font-family:Arial, Helvetica, sans-serif}
.form-control:focus,.eput:focus{border-color:#c8b183;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(240, 99, 104, .6);box-shadow:inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(240,99,104,0.6);}
.ebtn{float:right;padding:0 15px;height:30px;border:0px;background:#c8b183;font-size:14px;font-weight:600;color:#FFF;text-transform:uppercase;cursor:pointer}
.ebtn:hover{background:#000;}
.sidebar{float:left;width:240px;padding-top:24px;}
.main{padding:23px 0 0 0px;float:right;width:72%;}
@media (max-width:991px){
.main{width:59%}}
@media (max-width:640px){
.main{width:100%}}
.ctit h3{font-size:18px;color:#FFF;line-height:50px;border-bottom:1px solid #CCC;text-align:center;margin-bottom:12px;background:#c8b183;}
.bPosition{line-height:45px;padding:0 16px;color:#333;margin:10px 0px 0px 0px;background:#Eee;}
.bPosition a{color:#c8b183; }
.bPosition a:hover{color:#c8b183; text-decoration:underline;}
.pcon_l{float:left;}
.pcon_r{padding:0 16px 0 440px ;}
h1.pd-title{font-size:20px;font-weight:600;color:#4a4a4a;padding-bottom:10px;line-height:24px;border-bottom:1px solid #E4E2E2;text-transform:none;margin-bottom:15px;}
.pcon_r .pcon_info{line-height:25px;color:#333;font-size:14px;}
.pcon_r .p_more{line-height:48px;height:48px;padding:0 20px;}
.pcon{padding-top:30px;float:left;width:100%;}
.pcon .tit{height:40px;line-height:40px;padding-left:20px;background:#e2e2e2;color:#c8b183;font-size:18px;font-weight:bold;}
.pcon .pinfo{display:block;line-height:24px;padding:20px 20px 30px 20px;}
.pcon .pinfo img{max-width:100%;margin:0px auto;}
.acon{float:left;width:100%;}
.acon .pinfo{display:block;line-height:24px;padding:0px 0 30px 10px;}
.proIntro{color:#999;padding:10px 10px; margin:10px 0; border:1px solid #EEE; border-radius:5px;clear:both;}
.prosubmenu li{float:left;width:32%;line-height:24px;}
.prosubmenu{padding:3px 0 0 10px;}
.sf-menu{display:table;width:240px;margin:0px auto;padding-bottom:20px;}
.sf-menu li{clear:both;border-bottom:1px solid #FFF;}
.sf-menu li a,.sf-menu li:hover a{display:block;color:#111;line-height:20px;font-size:16px;background:#ccc url(pico.png) 5px 15px no-repeat;padding:9px 0 9px 18px;}
.sf-menu li a:hover{background-color:#c8b183;color:#FFF;}
.sf-menu li li{clear:both;text-transform:capitalize;margin:0px auto;position:relative;border-bottom:none;padding-bottom:0px;}
.sf-menu li li.LiLevel2 a{background:#FFF;line-height:20px;}
.sf-menu li li.LiProDetail a{background:url(ico_sort.png) no-repeat 8px 11px;}
.sf-menu li li a,.sf-menu li:hover li a{display:block;line-height:20px;color:#333;padding:6px 0 4px 0px;text-decoration:none;font-size:14px;padding-left:18px;font-weight:normal;}
.sf-menu li li a:hover{text-decoration:none; color:#c8b183; }
ul.sf-menu ul{display:block;}
.sf-menu li:hover ul{display:block;}
ul.sf-menu ul ul{position:absolute;left:240px;width:240px;top:0px;margin:0px;visibility:hidden;border:0px;border-radius:0px;border-left:0px;z-index:999999;}
.sf-menu li li li{background:#FFF;padding:0px;}
.sf-menu li li:hover{opacity:1}
.sf-menu li li li a,.sf-menu li:hover li li a{text-decoration:none;background:url(ico_sort.png) #F2F2F2 no-repeat 8px 11px;border-bottom:1px solid #ddd;padding:5px 0 3px 12px;text-indent:8px;}
ul.pro-menu{margin-top:-1px;margin:0px;padding:0px;text-transform:capitalize;}
ul.sf-menu li:hover > ul{visibility:visible;margin:0px;padding:0px;}
ul.sf-menu li.Level1 > a{background:url(pico1.png) 3px 15px no-repeat;}
.ptit{margin-top:10px;height:40px;line-height:40px;padding-left:20px;background:#e2e2e2;color:#c8b183;font-size:18px;font-weight:bold;}
.rollPro1 {width:100%;margin:10px auto;overflow:hidden;}
.productsTitle h4{height:40px;line-height:40px;padding-left:20px;background:#e2e2e2;color:#c8b183;font-size:18px;font-weight:bold;}
.rollPro1 li { width:30%; float:left; margin-right:5%; text-align:center;}
.rollPro1 li:nth-of-type(3) { margin-right:0%;}
.rollPro1 li:nth-of-type(6) { margin-right:0%;}
.rollPro1 li:nth-of-type(9) { margin-right:0%;}
.rollPro1 li:nth-of-type(12) { margin-right:0%;}
.rollPro1 li .pbox {border:1px solid #ddd;padding:4px;height:190px;}
.rollPro1 li .pbox img {max-width:100%;max-height:180px;}
.rollPro1 li p { height:40px; line-height:20px; overflow:hidden; margin:10px auto;}
.pages{text-align:center;font-size:12px;padding:15px 0 20px 0;color:#b2b2b2;clear:both}
.pages a,.pages span{display:inline-block;margin:1px 5px;min-width:10px;height:30px;padding:0 10px;line-height:30px;}
.pages a:link,.pages a:visited{color:#666;background:#FFF;}
.pages a:hover,.pages a:active,.pages span.ctxt{color:#FFF;background:#333;color:#FFF;text-decoration:none}
.newslist{margin:0px auto 12px auto;float:left;width:100%;}
.newslist ul{padding-right:16px}
.newslist li{text-align:right;height:40px;background:url(pico.png) 3px 17px no-repeat;border-bottom:1px dashed #ddd;line-height:40px;color:#888;overflow:hidden;}
.newslist li a{float:left;font-size:15px;text-align:left;text-indent:15px;max-width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newslist li a:hover{color:#c8b183;text-decoration:underline}
.newslist li span { font-size:14px; color:#333;}
.rnews,.rollPro{margin:0px auto 50px;}
.rnews h3,.rollPro h3{font-size:25px;line-height:24px;padding:10px 0 35px 0;color:#333;font-weight:normal;height:30px;color:#c8b183;}
.rnews li{float:left;width:50%;height:35px;line-height:35px;}
.rnews li a{display:block;white-space:nowrap;margin-right:3%;text-overflow:ellipsis;overflow:hidden;font-size:14px;border-bottom:1px dashed #CCC;color:#333;}
.rnews li a:hover{color:#c8b183;}
.rollPro{height:220px;margin-bottom:30px;}
.rollPro .Cont{width:94%;overflow:hidden;margin:0px auto;}
.rollPro .ScrCont{width:10000000px;}
.rollPro .pic{position:relative;width:170px;height:160px;margin:0 3px;border:1px solid #EEE;text-align:center;}
.rollPro .pbox img{max-width:162px;max-height:100px;}
.rollPro .pbox{width:100%;height:120px;text-align:center;}
.rollPro p{height:42px;overflow:hidden;line-height:20px;position:absolute;bottom:0;}
.rollPro #List1,.rollPro #List2,.rollPro .wen_jt,.rollPro .Cont,.rollPro .pic{float:left;}
.rollPro .wen_jt{width:24px;padding-top:45px;}
.newcon{padding-top:0px;}
.newcon .tit{text-align:center;color:#000;font-size:22px;}
.newcon .time{line-height:30px;border-bottom:1px solid #CCC;padding-top:10px;font-size:12px;color:#999;width:160px;margin:0px auto 20px;text-align:center;}
.newcon p{line-height:24px;font-size:15px;}
.pinfo{font-size:14px;}
.newcon .pn{padding:12px 0 0 0;min-height:40px;}
.newcon .prev,.newcon .next{font-size:16px;padding:6px 0  0  0;width:100%;}
.newcon .next{margin-right:0;}
.newcon .prev a,.newcon .next a { color:#666;}
.newcon .prev a:hover,.newcon .next a:hover { color:#c8b183;}
#feedbackForm table{width:100%;max-width:600px;_width:600px;margin-top:20px;margin:0px auto;text-align:left;}
.ftxt{width:30%;}
.fput{width:68%;}
#feedbackForm .text{float:left;width:90%;height:26px;margin:16px 0px 0px 0px;font-size:12px;line-height:26px;padding:0px;border:1px solid #CCC;}
#feedbackForm .lable{padding:10px 12px 0px 0px;line-height:30px;height:30px;text-align:right;}
#feedbackForm .atextarea{float:left;width:90%;padding:0px;margin:16px 0px 0px 0px;border:1px solid #CCC;height:100px;font-size:12px;line-height:24px;font-family:Arial, Helvetica, sans-serif;color:#666;}
#feedbackForm .submita{display:inline-blockl;padding:0 20px;height:30px;line-height:30px;text-align:center;font-size:18px;background:#ff9c00;margin:20px auto;border:none;color:#FFF;cursor:pointer}
#feedbackForm .fsbtn{text-align:center;width:90%;border:1px solid #FFF;}
#feedbackForm span.xh{color:#c8b183;}
.es-carousel-wrapper{padding:10px 37px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;position:relative;}
.es-carousel{overflow:hidden;background:#FFF;}
.es-carousel ul{display:none;}
.es-carousel ul li{height:100%;float:left;display:block;}
.es-carousel ul li a{display:block;border:1px solid #EEE!important;width:138px;height:136px;line-height:136px;vertical-align:middle;display:table-cell;text-align:center}
.es-carousel ul li a img{display:block;border:none;max-width:132px;max-height:124px;_margin-top:expression_r((300-this.height)/2);margin:0px auto;}
.es-nav span{position:absolute;top:50%;left:12px;background:transparent url(duo_left.gif) no-repeat top left;width:19px;height:32px;margin-top:-13px;text-indent:-9000px;cursor:pointer;opacity:0.8;}
.es-nav span.es-nav-next{right:12px;left:auto;background:transparent url(duo_right.gif) no-repeat top left;}
.es-nav span:hover{opacity:1.0;}
.table{border-collapse:collapse;}
.table td, .table th{border:1px solid #cdcdcd;padding:5px;}
.table p{padding:0px;margin:0px;}
@media screen and (min-width:1004px){.top .fl{/* min-width:690px; */overflow:hidden;}
.top .fr .ss{clear:both;}
#nav li a{font-size:14px;}
#nav ul{display:inherit}
.pro_lb1 li:nth-child(4n+5){clear:both}}
@media screen and (max-width:1004px) and (min-width:960px){.top .fl{float:none;clear:both;max-width:100%;}
.top .fr{float:right;}
.top .fr .ss{float:right;}
.top .fr .xyz{float:left;padding-top:6px;}
#nav li a{font-size:14px;padding:0 20px}
#nav ul{display:inherit}
.col2{width:27%}
.col3{width:28%}
.pro_lb1 li{width:33.33%;}
.pro_lb1 li:nth-child(3n+4){clear:both}}
@media screen and (max-width:960px) and (min-width:640px){
.logo{float:none;width:100%;max-width:480px;text-align:center;display:block;}
.head-text,.top .fr .xyz{display:none;}
.logo img{max-height:90px;}
#nav{border-bottom:6px solid #c8b183;}
#nav li{width:100%;border-right:0px;border-bottom:1px solid #c40000!important;}
#nav li a{line-height:48px;}
#nav li:chirden(2n){}
#nav li:hover ul{display:none!important}
.inmenu::before{border-bottom-width:1px;}
#nav li a.inmenu_1{background:#c8b183;z-index:-1;}
.prolist li{float:left;width:98%;height:200px;border:1px solid #dddada;margin:15px 0.8%;}
.hotpro li{width:50%;}
.tnew,.lnew{float:none;width:100%;clear:both}
#nav .fl,#nav .fr{display:block;}
#nav ul{display:none;position:absolute;top:60px;left:0;background:#FFF;width:100%;}
#nav ul li{ border:0;}
#nav{height:60px;position:relative;}
.col1{width:50%;}
.col2{width:262px;padding-right:15px;float:right;}
.col3{padding-left:15px;clear:both}
.pro_lb1 li{width:50%;}
.pro_lb1 li:nth-child(2n+3){clear:both}
.pcon_r{word-break:break-word;}
.newslist li a{width:75%;}
#nav li#liHome{border-left:0px;}
.ss { display:none;}}
@media screen and (max-width:960px) and (min-width:700px){.pcon_l{float:none;width:402px;margin:0px auto;overflow:hidden;}
.pcon_r{padding-left:0px;}
.pcon_r .pd-title,.pcon_r .pcon_info{padding-left:20px;}
.pcon_r .p_more{margin-left:20px;}
.zoomdiv,.jqZoomPup{display:none!important}
.rnews li{float:none;display:block;width:100%;margin:0px auto;}
.newcon .prev,.newcon .next{float:none;width:100%;margin:0px auto;}
#nav li#liHome{border-left:0px;}}
@media screen and (max-width:700px) and (min-width:480px){.pcon_l{float:none;width:400px;margin:0px auto;overflow:hidden}
.pcon_r{padding-left:12px;}
.zoomdiv,.jqZoomPup{display:none!important}
.newslist li a{width:75%;}
.rnews li{float:none;display:block;width:100%;margin:0px auto;}
.newcon .prev,.newcon .next{float:none;width:100%;margin:0px auto;}
#nav li#liHome{border-left:0px;}}
@media screen and (max-width:640px){
.searchbox { height:60px;}
.searchbox-li { width:300px; margin:0px auto; padding-top:10px;}
.sk{width:218px; height:40px;}
.sbtn {width:80px; height:40px;}
.full-screen-en-title { font-size:30px;}
.full-screen-en-title span { margin:0px 10px;}
.top .fl,.top .fr{float:none;width:100%;margin-top:0px;}
.logo{float:none;width:100%;max-width:480px;text-align:center}
.head-text,.top .fr .ss,.top .fr .xyz{display:none;}
.logo img{max-height:70px;}
#nav{/* border-top:4px solid #c8b183; */}
#nav li{width:100%;border-right:0px;border-bottom:1px solid #c8b183;}
#nav li a{line-height:36px;}
#nav li:chirden(2n){}
#nav li:hover ul{display:none!important}
.inmenu::before{border-bottom-width:0px;}
#nav li a.inmenu_1{background:#c8b183;z-index:-1;}
#nav .fl,#nav .fr{display:block;}
#nav ul{display:none;position:absolute;top:48px;left:0;background:#FFF;}
#nav{height:48px;position:relative;}
#nav .fl,#nav .fr{font-size:18px;line-height:48px;}
.top .fr .ss{float:none;width:300px;padding-top:0;margin:0px auto;}
.ss .sk{border-radius:0;}
.tnew,.lnew{float:none;width:100%;clear:both}
.hotpro li{float:left;width:50%;}
.hotpro li.hotpro li .p_more{display:none}
.tnew .tbox{height:160px;}
.tnew p{max-height:106px;}
.ttext{padding:0 12px 0 172px;}
.tnew img{width:160px;}
.prolist li{float:none;width:98%;height:160px;}
.propic{height:160px;width:160px;text-align:center}
.propic img{max-height:160px;max-width:160px;}
.protext{padding:0 12px 0 180px;font-size:12px;}
.protext h3{font-size:14px;margin-top:25px;}
.protext p{max-height:40px;overflow:hidden;}
.p_more{margin:16px 0;display:inline-block;min-width:85px;padding:0 15px;height:30px;line-height:30px;font-size:14px;font-weight:600;text-transform:uppercase;text-align:center;color:#FFF;}
.col1,.col2{display:none;}
.col3{float:none;width:auto;margin:0px;padding:0px;}
.col3 h3{text-indent:15px;}
.col4{float:left;}
.ccs{word-break:break-word;word-wrap:break-word;padding:0 15px;}
.col4{float:left;padding-left:15px;}
.pro_lb1 li{width:50%;}
.sidebar{float:none;width:100%;padding-top:12px;}
.main{padding:6px 0 0 0px;}
.sf-menu{display:table;width:96%;margin:0px auto;padding-bottom:20px;}
ul.sf-menu ul ul{display:none!important;}
.ctit h3{text-indent:10px;}
.newcon .prev,.newcon .next{float:none;width:100%;margin:0px auto;}
.newcon{padding:0 12px;}}
@media screen and (max-width:480px){.hotpro span{display:none}
.col1,.col2{display:none;}
.col3{float:none;width:auto;margin:0px;padding:0px;}
.col3 h3{text-indent:15px;}
.col4{float:left;}
.pro_lb1 li{width:100%;}
.pages span{display:none;}
.pages span.ctxt{display:inline-block}
.pcon_l{float:none;margin:0px auto;overflow:hidden}
.pcon_r{padding-left:12px;}
.pcon_l{float:none;width:302px;margin:0px auto;overflow:hidden}
.spec-preview,.jqzoom{width:300px!important;height:300px!important;}
.jqzoom img {max-width:300px!important;max-height:300px!important;}
.spec-scroll .items{width:244px!important;}
.spec-scroll{width:302px!important;}
.zoomdiv,.jqZoomPup{display:none!important}
.newslist li a,.rnews li{float:none;display:block;width:100%;}
.newslist li span{display:none;}
.newcon .prev,.newcon .next{float:none;width:100%;margin:0px auto;}
.newcon{padding:0 12px;}
#nav li#liHome{border-left:0px;}
.es-carousel ul li a{width:100%;height:100px;line-height:100px;}
.es-carousel ul li a img{max-height:96px;max-width:100%;}}
.table{border-collapse:collapse;}
.table td, .table th{border:1px solid #cdcdcd;padding:5px;}
.table p{padding:0px;margin:0px;}
.buybtn{clear:both;width:200px;height:40px;margin:20px 0 0 0;text-align:left;line-height:40px;}
.buybtn a{display:inline-block;padding:0 15px;color:#FFF;height:40px;background:#0a4da6;border-radius:2px;font-size:18px;}
.buybtn a:hover{background:#145cbc;color:#FFF;border-radius:2px;}
.pshare{float:left;padding:8px 0 0 0;}
.jsshare {text-align:center;padding-top:8px;}
.pshare li{float:left;width:48%;height:28px;line-height:28px;}
.pshare li img{vertical-align:middle;margin-right:12px;}
.jsshare span.stxt{display:inline-block;font-size:14px;line-height:24px;padding:0 8px 0 0;position:relative}
.jsshare a,.jsshare a img{width:35px;vertical-align:middle}
.addthis_sharing_toolbox{display:inline-block}
span.at-icon-wrapper,.at-icon-wrapper svg{width:24px!important;height:24px!important;line-height:24px!important;}
.tenflag1,.tenflag2,.tenflag3{width:680px;clear:both}
.tenflag1{border:1px solid #EEE;}
.tenflag1 dt{border-bottom:1px solid #EEE;}
.tenflag1 dd{text-indent:12px;}
.tenflag1 dt,.tenflag2 dt,.tenflag3 dt{font-size:16px;font-weight:bold;padding:16px 0 12px 12px;}
.tenflag2 dd{float:left;width:20%;margin:0px;padding:0px;line-height:36px;text-align:left}
.tenflag1 dd{height:36px;line-height:36px;border-bottom:1px solid #EEE;padding:0px;margin:0px;background:#f5f5f5;}
.tenflag1 dd span{float:left;width:36%;background:#FFF;font-weight:bold}
.tenflag1 dd:nth-child(2n) span{background:#f5f5f5;}
.tenflag1 dd:nth-child(2n){background:#FFF;}
.tenflag2 dd{text-align:center;}
.tenflag2 dd img{width:116px;display:block;margin:0px auto;padding-bottom:0px!important;}
.tenflag2 dd p{padding:0 0 6px 0!important;margin:0px;}
.tenflag3 img{width:680px!important;height:448px!important}
.pdown1 #A_DownLoadProduct{display:inline-block;clear:both;height:32px;margin:16px 0 0 0;line-height:32px;background:url(/images/down1_2.png) right top no-repeat;padding-right:50px}
.pdown1 #A_DownLoadProduct span{display:inline-block;height:32px;background:url(/images/down1_1.png)no-repeat;padding:0 0 0 16px;}
.pdown2 #A_DownLoadProduct,.pdown3 #A_DownLoadProduct,.pdown4 #A_DownLoadProduct{display:inline-block;clear:both;height:45px;margin:16px 0 0 0;line-height:45px;padding-right:45px}
.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span{display:inline-block;height:45px;background:url(/images/down2_1.png)no-repeat;padding:0 12px 0 16px;}
.pdown2 #A_DownLoadProduct{background:url(/images/down2_2.png) right top no-repeat;}
.pdown3 #A_DownLoadProduct{ background:url(/images/down2_3.png) right top no-repeat;}
.pdown4 #A_DownLoadProduct{background:url(/images/down2_4.png) right top no-repeat;}
.proCateTags{clear:both;padding:0 10px 8px 10px;margin:0 10px;border:1px solid #EEE;border-radius:5px;}
.proCateTags h3{font-size:14px;line-height:32px;margin:0px;padding:0px;}
.keywords{margin:12px auto;}
.keywords a{margin-right:10px;color:#2e66b5;line-height:1.8;text-decoration:underline;display:inline-block;white-space:nowrap;text-overflow:ellipsis;}
.keywords a:hover{text-decoration:none;}
.plist{}
.qrcode{height:24px;float:right;line-height:24px;background:url(/images/2wm.png) no-repeat;background-size:24px 24px;text-align:left;cursor:pointer;position:relative;margin:-24px 12px 0 12px;}
.qrcode .ErWeiImg{width:24px;height:24px;opacity:0;border:3px solid #FFF;position:absolute;z-index:9999999999999999999}
.qrcode span{display:inline-block;background:url(/images/bmore.png) right no-repeat;padding:0 12px 0 30px;background-size:8px 7px;color:#FFF;}
.qrcode:hover span{background:url(/images/bmore1.png) right no-repeat;background-size:8px 7px;}
.hamore{color:#FFF;clear:both;float:left;height:36px;line-height:36px;background:#5fa568;padding:0 20px;margin-top:12px;}


.rollPro1 {width:100%;margin:10px auto;overflow:hidden;}
.productsTitle h4{height:40px;line-height:40px;padding-left:20px;background:#e2e2e2;color:#c8b183;font-size:18px;font-weight:bold;}
.rollPro1 li { width:30%; float:left; margin-right:5%; text-align:center;}
.rollPro1 li:nth-of-type(3n) { margin-right:0%;}
.rollPro1 li .pbox {border:1px solid #ddd;padding:4px;height:190px;}
.rollPro1 li .pbox img { max-width:100%; max-height:180px;}
.rollPro1 li p { height:40px; line-height:20px; overflow:hidden; margin:10px auto;}
.homebg1 { background:url(gallery-1.jpg) no-repeat center center;}
.homebg2 { background:url(gallery-2.jpg) no-repeat center center;}
.homebg3 { background:url(gallery-3.jpg) no-repeat center center;}
.homebg4 { background:url(gallery-4.jpg) no-repeat center center;}
.homebg5 { background:url(home5.jpg) no-repeat center center;}
.pro-body {
    border:1px solid #EEE;
    padding:10px;
    font-size:14px;
    border-radius:3px;
    margin-bottom:5px;
}
.services p { font-size:15px;line-height:23px; margin-bottom:10px;}
.singglepic { margin-bottom:10px!important;}
.plist{ display:block;}
.pro-bigbox { float:left; width:100%; background:#FFF; margin-bottom:20px; border-bottom:1px dashed #CCC; padding-bottom:20px;}
.pro-bigbox .bigboximg { width:30%; float:left; text-align:center; font-size:0;}
.pro-bigbox .bigboximg img { max-width:100%;}
.pro-bigbox .bigboxword {width:67%;float:right;}
.pro-bigbox .bigboxword h3 {margin:10px 0;line-height:25px;font-size:20px;color:#222;font-weight:600;}
.pro-bigbox .bigboxword h3:hover { color:#c8b183;}
.pro-bigbox .bigboxword p {line-height:25px;padding:0;}
.pro-bigbox .bigboxword .bigboxmore {margin:15px 0px;}
.pro-bigbox .bigboxword .bigboxmore a {padding:8px 20px;background:#c8b183;color:#FFF;border-radius:5px;}
.pro-bigbox .bigboxword .bigboxmore a:hover { background:#222;}


@media only screen and (max-width:960px){
.pro-bigbox .bigboximg { width:40%; float:left; text-align:center; font-size:0;}
.pro-bigbox .bigboxword {width:57%;float:right;}
.pro-bigbox .bigboxword h3 {margin:10px 0;line-height:20px;font-size:20px;color:#c8b183;}}


@media only screen and (max-width:450px){
.pro-bigbox { width:100%;margin-bottom:20px; margin-right:0;}
.pro-bigbox .bigboximg { width:100%; float:none; text-align:center; font-size:0;}
.pro-bigbox .bigboxword { width:96%; float:none; text-align:center;}
.pro-bigbox .bigboxword h3 {margin:10px 0;line-height:20px;font-size:20px;color:#c8b183;}}


.pro_lb1 li{float:left !important;width:30%;margin:0 4% 30px 0; height:300px;clear:none !important;}
.pro_lb1 li:nth-child(3n){margin-right:0;}
.pro_lb1 li a img { max-width:100%;max-height:273px;}
.pro_lb1 li a h3 {font-size:15px;text-align:center;}
.submenu{position:absolute;top:81px;z-index:999999;display:none;}
.searchbox { width:100%; height:100px; background:#c8b183;}
.searchbox-li { width:600px; margin:0px auto; padding-top:25px;}
.sk{float:left;height:50px;line-height:50px;border:1px solid #FFF;width:498px;text-indent:20px;color:#333;font-size:17px;background:#FFF;border-radius:50px 0 0 50px;}
.sbtn {width:100px;height:50px;background:#222;border:0px;color:#FFF;font-size:17px;border-radius:0 50px 50px 0;}


.ejfl {
    font-size:24px;
    margin:0 0 20px;
    font-weight:normal;
}





.pcon_info+a,.pcon_info+a+a{background-color:#c8b183;padding:8px 20px!important;border-radius:5px;color:#FFF;}
.pcon_info+a:hover,.pcon_info+a+a:hover{background-color:#000;color:#FFF}

/*product detail*/
#con {margin-top:30px;}
#tagContent {padding-top:20px;}
#tags{border-bottom:1px solid #CCC}
#tags:after{content:'';display:block;clear:both;visibility:hidden;height:0;}
#tags li {height:40px;line-height:40px; float:left;margin-bottom:10px;}
#tags li a {display:block;padding:0 20px;margin-right:3px;background:#e2e2e2;color:#333;font-size:18px;}
ul#tags li.selectTag a {background:#c8b183;color:#FFF;text-decoration:none}
.tagContent{ display:none; width:100%; color:#333; padding-top:10px; font-size:14px; line-height:28px;}
#tagContent div.selectTag{display:block;}
@media screen and (max-width:992px){#tags li a{padding:0 15px;font-size:17px;}}
.inner-banner {padding-top:70px;}



#xyz ul{display:flex;justify-content:center;padding-top:10px;flex-wrap:wrap}
#xyz ul li{margin:5px}
#xyz ul li a{font-size:12px;color:#b3b3b3;display:flex;align-items:center;line-height:1.4;text-transform:capitalize}
#xyz ul li a img{margin-right:3px}
.sf-menu li a, .sf-menu li:hover a,.newslist li{background-image:none;}
.newslist li.nwmor {width:100%;float:left;border-bottom:1px dashed #CCC;padding:14px 0;background:none;height:auto;text-align:left;}
.newslist li.nwmor .wmpic {display:block;float:left;width:250px;}
.newslist li.nwmor .wmpic img {max-width:100%;display:block;margin:0 auto}
.newslist li.nwmor .newstxt {padding-left:270px;color:#696969;}
.newslist li.nwmor .newstxt a {font-size:19px;float:none;display:block;line-height:1.5;}
.newslist li.nwmor .txtime {color:#999;font-size:13px;margin:8px 0;display:block;line-height:1.1;}
.newslist li.nwmor .txtime span {font-weight:700;margin-right:6px}
.newslist li.nwmor .newstxt p {line-height:1.6;font-size:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:72px;}
@media screen and (max-width:992px) and (min-width:768px) {.newslist li.nwmor .newstxt {padding-left:0;width:100%;float:left;margin-top:15px}}
@media screen and (max-width:600px) {.newslist li.nwmor .newstxt {padding-left:0;width:100%;float:left;margin-top:15px}}
.newslist li.nwmor a {text-indent:0;max-width:inherit;white-space:normal}
.proIntro {color:#444;line-height:1.6;margin-bottom:30px;font-size:15px;}
.productsTags {font-size:14px;line-height:24px;margin-bottom:10px;}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:bold;}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px;}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:175%;}