@charset "utf-8";
.w1200{width:1200px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
.middle{vertical-align: middle;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.transs{-webkit-transition:all 2000ms ease 0s; -moz-transition:all 2000ms ease 0s; -ms-transition:all 2000ms ease 0s; -o-transition:all 2000ms ease 0s; transition:all 2000ms ease 0s;}
html{min-height: 100%;position: relative;z-index: 1;}


/*头部部分*/
#header{width: 100%;/*position: fixed;top: 0;left: 0;z-index: 999;*/margin-bottom: 6px;}
#header .wrap{width: 100%;height: 150px;background: rgba(255,255,255,0.9);box-shadow: 0px 2px 10px rgba(0,0,0,0.2);margin: 0 auto;z-index: 999;}
#header .wrap .logo{min-width: 105px;height: 85px;margin-top: 30px;margin-left: 50px;width: 7%;}
#header .wrap .logo img{width: 100%;height: auto;}
#header .wrap .nav{width: 35%;margin-top: 90px;margin-right: 100px;}
#header .wrap .nav .nav_a{font-size: 15px;color: #333333;height: 25px;line-height: 25px;text-align: center;display: block;float: left;border-radius: 10px;margin-right: 5%;overflow: hidden;padding: 0 16px;margin-top: 5px;}
#header .wrap .nav .nav_a:hover{background: #e0ded2;color: #fff;}
#header .wrap .nav .cur{background: #e0ded2;color: #fff;}

/*底部部分*/
#footer{width: 100%;background: url(../images/footer.png)no-repeat center;}
#footer .wrap{width: 100%;max-width: 1550px;height: 280px;margin: 0 auto;}
#footer .wrap .big{max-width: 1890px;width: 100%;padding: 40px 0;}
#footer .wrap .big .top{width: 150px;height: 190px;margin: 0 auto;}
#footer .wrap .big .top img{width: 100%;}
#footer .wrap .big .top .font{text-align: center;}
#footer .wrap .big .top .font a{font-size: 18px;color: #383838;}

/*Banner*/
#banner .pc{max-width:1920px; width:100%; /*height:930px;*/height: 100%; overflow:hidden; margin:0 auto; position:relative; z-index:9;}
#banner .pc .bd{position:absolute; left:50%; margin-left:-50%; z-index:9;}
#banner .pc .bd ul li{width: 100%;}
#banner .pc .bd img{max-width: 100%;}
#banner .pc .hd{position:absolute; bottom:260px; right:10px; text-align:center; z-index:9;}
#banner .pc .hd li{width:15px; height:15px; background:#dfc6a8; border-radius:100%; /*display:inline-block;*/ margin-right:20px; cursor:pointer;margin-bottom: 50px;}
#banner .pc .hd li.on{background:#dfc6a8;height: 24px;}
#banner .pc .hd li:last-child{margin-right:0;}
#banner .pc .prev{position: absolute;right: 10px;top: 220px;width: 54px;height: 26px;font-size: 40px;color: #000;z-index: 999;background: url(../images/prev.png)no-repeat center;cursor: pointer;}
#banner .pc .next{position: absolute;right: 10px;bottom: 200px;width: 54px;height: 26px;font-size: 40px;color: #000;z-index: 999;background: url(../images/next.png)no-repeat center;cursor: pointer;}

#banner .mobile{max-width:1920px; width:100%; height:100%; overflow:hidden; margin:0 auto; position:relative; z-index:9;}
#banner .mobile .bd{position:absolute; left:50%; margin-left:-50%; z-index:9;}
#banner .mobile .bd img{width: 100%;}
#banner .mobile .hd{position:absolute; bottom:260px; right:10px; text-align:center; z-index:9;}
#banner .mobile .hd li{width:15px; height:15px; background:#dfc6a8; border-radius:100%; /*display:inline-block;*/ margin-right:20px; cursor:pointer;margin-bottom: 50px;}
#banner .mobile .hd li.on{background:#dfc6a8;height: 24px;}
#banner .mobile .hd li:last-child{margin-right:0;}
#banner .mobile .prev{position: absolute;right: 10px;top: 70px;width: 54px;height: 26px;font-size: 40px;color: #000;z-index: 999;background: url(../images/prev.png)no-repeat center;cursor: pointer;}
#banner .mobile .next{position: absolute;right: 10px;top:460px;width: 54px;height: 26px;font-size: 40px;color: #000;z-index: 999;background: url(../images/next.png)no-repeat center;cursor: pointer;}

#banner .pc{display: block;}
#banner .mobile{display: none;}
#banner img{display:block;width: 100%;height: 100%;}
#banner2{width:100%;overflow: hidden;}
#banner2 img{width: 100%;}
.swiper-pagination-bullet{background: #e2cbb0 !important;width: 14px;height: 14px;display: block;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{right: 0;width: 0;right: 68px;top: 90px; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 50px 5px; }


#banner .pc .swiper-container,#banner .mobile .swiper-container{width: 100%;height: 100%;}
#banner .pc .swiper-slide,#banner .mobile .swiper-slide{text-align: center;font-size: 18px;background: #fff;
/* Center slide text vertically *//*display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;*/
}
#banner .pc .swiper-container-vertical>.swiper-pagination-bullets,#banner .mobile .swiper-container-vertical>.swiper-pagination-bullets{top: 300px;right: 50px;}
#banner .pc .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,#banner .mobile .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{width: 15px;height: 15px;background:#dfc6a8;border-radius: 100%;margin-bottom: 50px;}
.swiper-button-prev{background:url('../images/prev.png')no-repeat center;top: 10%;right: 43px;}
.swiper-button-next{background:url('../images/next.png')no-repeat center;right: 43px;top: 500px;}

/*联系*/
#contact{width: 100%;}
#contact .wrap{width: 100%;max-width: 1550px;padding-bottom: 150px;margin: 0 auto;}
#contact .wrap .four{width: 700px;height: 465px;margin: 0 auto;margin-top: 100px;}
#contact .wrap .four .img{width: 352px;height: 328px;}
#contact .wrap .four .img img{width: 100%;}
#contact .wrap .four .msg1{font-size: 34px;color: #393939;writing-mode:tb-rl;margin-top: 50px;margin-left: 20px;}
#contact .wrap .four .msg2{font-size: 34px;color: #393939;margin-top: 27px;margin-left: 25%;}
#contact .wrap .four .border1{width: 2px;height: 185px;background: #4d4d4d;margin-left: 50px;margin-top: 87px;}
#contact .wrap .four .border2{width: 300px;height: 2px;background: #4d4d4d;margin-top: 10px;}
#contact .wrap .big_con{width: 100%}
#contact .wrap .big_con .con{width: 100%;margin-top: 100px;}
#contact .wrap .big_con .con-first-child{margin-top: 0;}
#contact .wrap .big_con .con .imgs{width: 900px;}
#contact .wrap .big_con .con .imgs img{max-width: 100%;height: auto;}
#contact .wrap .big_con .con .meg{width: 500px;border: solid 2px #ececec;border-left: solid 9px #ececec;margin-top: 136px;padding: 30px 30px;overflow: hidden;}
#contact .wrap .big_con .con .meg .title{font-size: 46px;color: #393939;font-family: 'CTXiYuanSF';}
#contact .wrap .big_con .con .meg .c{margin-top: 50px;font-size: 20px;color: #393939;}
#contact .owl-pagination{margin-top: -40px;}
#contact .owl-buttons{display: none;}
#contact .wrap .contact_us{margin-top: 50px;}
#contact .wrap .contact_us .address{font-size: 26px;color: #393939;text-align: center;margin-top: 240px;}
#contact .wrap .contact_us .tel{font-size: 26px;color: #393939;text-align: center;margin-top: 40px;}
#contact .wrap .contact_us .code .all{width: 33%;overflow: hidden;}
#contact .wrap .contact_us .code .all .icon{margin:0 auto;text-align: center;margin-top: 30px;}
#contact .wrap .contact_us .code .all .titles{font-size: 23px;color: #666666;margin: 0 auto;text-align: center;margin-top: 30px;}
#contact .wrap .contact_us .code .all .codes{width: 130px;height: 130px;margin: 0 auto;text-align: center;margin-top: 40px;}
#contact .wrap .contact_us .code .all .codes img{max-width: 100%;height: auto;}
#contact .wrap .contact_us .code .taobao{text-align: center;font-size: 23px;color: #666;margin-top: 20px;}

/*品牌*/
#brand{width: 100%;}
#brand .wrap{width: 100%;margin: 0 auto;}
#brand .wrap .one{width: 100%;background: #fff; }
#brand .wrap .one .con{width: 40%;overflow: hidden;font-size: 18px;color: #393939;line-height: 36px;text-indent: 36px;margin: 100px auto;padding: 30px 10%;border-top: solid 2px  #c4c3bd;border-bottom: solid 2px #c4c3bd;}
#brand .wrap .one .img{width: 80%;margin: 0 auto;}
#brand .wrap .one .img img{width: 100%;}
#brand .wrap .two{width: 100%;background: #f0efea;position: relative;}
#brand .wrap .two .imgs{width: 38%;margin-top: 10%;margin-left: 5%;}
#brand .wrap .two .imgs img{max-width: 100%;}
#brand .wrap .two .con{width: 45%;overflow: hidden;font-size: 18px;color: #393939;margin-top: 15%;line-height: 36px;text-indent: 36px;margin-left: 5%;padding:3% 0;}
#brand .wrap .two .hover{width: 90%;height: 400px;background: rgba(255,255,255,0.5);position: absolute;left: 50%;top: 70px;margin-left: -45%;}
#brand .wrap .two .hover .border{width: 25%;height: 1px;background: #dad9d3;position: absolute;right: 0;top: 20%;border:none;}
#brand .wrap .three{width: 100%;background: #fff;position: relative;padding-bottom: 200px;}
#brand .wrap .three .con{width: 40%;height: 170px;overflow: hidden;font-size: 18px;color: #393939;margin-left: 15%;margin-top: 20%;line-height: 36px;text-indent: 36px;}
#brand .wrap .three .imgss{width: 30%;margin-left: 10%;margin-top: 10%;}
#brand .wrap .three .imgss img{max-width: 100%;}
#brand .wrap .three .border{width: 20%;position: absolute;left: 0;top: 225px;}

/*产品列表*/
#products{width: 100%;}
#products .wrap{max-width: 1550px;width: 100%;margin: 0 auto;}
#products .wrap .nav{width: 70%;line-height: 60px;margin: 0 auto;border-bottom: solid 2px #f0efea;/*padding: 0 145px;*/text-align: center;}
#products .wrap .nav li{/*float: left;*/width: 15%;text-align: center;display: inline-block;}
#products .wrap .nav li:nth-child(5){margin-right: 0;}
#products .wrap .nav li a{font-size: 17px;color: #000000;padding: 4px 15px;}
#products .wrap .nav li a:hover{background: #e0ded2;color: #fff;border-radius: 10px;}
#products .wrap .nav li .cur{background: #e0ded2;color: #fff;border-radius: 10px;}
#products .wrap .pro{width: 75%;margin: 0 auto;padding-bottom: 300px;}
#products .wrap .pro .p{float: left;width: 25%;margin-top: 50px;opacity: 0.5;}
#products .wrap .pro .p .img{width:100%;text-align: center;}
#products .wrap .pro .p .img img{max-width: 100%;height: auto;}
#products .wrap .pro .p .title{text-align: center;margin-top: 15px;}
#products .wrap .pro .p .title a{font-size: 17px;color: #5b483b;}
#products .wrap .pro .p:hover{opacity: 1;}

/*产品详细*/
#products-detail{width: 100%;}
#products-detail .wrap{/*max-width: 1550px;*/width: 100%;padding: 50px 0;margin: 0 auto;}
#products-detail .wrap .one .left{width: 55%;}
#products-detail .wrap .one .left .img{width: 90%;height: 470px;margin: 0 auto;margin-top: 200px;display: none;text-align: center;}
#products-detail .wrap .one .left .img img{max-width: 100%;}
#products-detail .wrap .one .right{width: 45%;}
#products-detail .wrap .one .right .top .l{font-size: 16px;color: #393939;writing-mode:tb-rl;height: 410px;margin-left: 60px;}
#products-detail .wrap .one .right .top .r{font-size: 34px;color: #393939;width: 34px;margin-left: 50px;}
#products-detail .wrap .one .right .bot{margin-top: 30px;}
#products-detail .wrap .one .right .bot .all .img{width: 43%;margin-right: 30px;cursor: pointer;}
#products-detail .wrap .one .right .bot .all .img img{max-width: 100% !important;height: auto;box-shadow: 0px 2px 10px rgba(0,0,0,0.2);}
#products-detail .wrap .one .right .bot .all .img img:hover{/*-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-transform:scale(1.2);*/opacity: 0.5;}
#products-detail .wrap .two .n .nav,#products-detail .wrap .three .n .nav{margin: 0 auto;text-align: center;font-size: 34px;color: #393939;margin-bottom: 70px;padding: 0 10px;}
#products-detail .wrap .two .n,#products-detail .wrap .three .n{width: 400px;margin: 0 auto;}
#products-detail .wrap .two .n .borderss{margin-top: 10px;margin-right: 10px;margin-left: 10px;}
#products-detail .wrap .three .n .borderss{margin-top: 10px;margin-right: 2%;margin-left: 2%;}
#products-detail .wrap .two .con{width: 80%;margin:0 auto;}
#products-detail .wrap .two .con .pro{/*padding: 0 6%;*/width: 33.3%;text-align: center;}
#products-detail .wrap .two .con .pro .imgs img{-webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -ms-transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s; transition:all 0.6s ease 0s; cursor: pointer; max-width: 100%;text-align: center;}
/*#products-detail .wrap .two .con .pro .imgs:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-transform:scale(1.2);}*/
#products-detail .wrap .two .con .pro:nth-child(3){margin-right: 0;}
#products-detail .wrap .two .con .pro .font{/*padding: 0 20px;*/margin: 0 auto;margin-top: 30px;text-align: left;width: 250px;}
#products-detail .wrap .three .content{width: 100%;text-align: center;}
#products-detail .wrap .three .content p img{max-width: 100%;}

.cnzz{text-align: center;}
.cnzz a{color: #333 !important;font-size: 12px;}


@media only screen and (max-width: 1920px){
	#brand .wrap .two .hover{top: 160px;}
	#products-detail .wrap .one .right .bot .all .img{width: auto;margin-right: 50px;}
	#products-detail .wrap .one .left .img{margin-top: 50px;}
}

@media only screen and (max-width: 1440px){
	#brand .wrap .two .hover{top: 70px;}
	#contact .wrap .big_con .con .imgs{width: 50%;}
	#products-detail .wrap .one .right .bot .all .img{width: 43%;margin-right: 30px;}
	#products-detail .wrap .one .left .img{margin-top: 200px;}
}

@media only screen and (max-width: 1200px){
	#contact .wrap .big_con .con .imgs{width: 50%;}
	#contact .wrap .big_con .con .meg{width: 40%;margin-top: 0;}
	#brand .wrap .three .border{top: 190px;}
	#products-detail .wrap .two .con{width: 100%;margin:0 auto;}
}

@media only screen and (max-width:1024px){
	#contact .wrap .big_con .con{margin-top:0; height: auto;margin-bottom: 50px;}
	#contact .wrap .big_con .con .imgs{width: 50%;height: auto;}
	#brand .wrap .one .con{width: 60%;}
	#brand .wrap .three .border{top: 150px;}
}

@media only screen and (max-width: 980px){
	#header .wrap .nav{width: 50%;margin-top: 70px;margin-right: 0;}
	#contact .wrap .four{width: 500px;}
	#contact .wrap .four .msg1{margin-left: 10%;}
	#products .wrap .nav{padding: 0 5px;}
	#products .wrap .pro{width: 96%;}
	#contact .wrap .big_con .con .meg{width: 45%;margin-top: 0;padding:0;}
	#products-detail .wrap .one .left,#products-detail .wrap .one .right{width: 100%;}
	#products-detail .wrap .one .right{margin-top: 5%;}
	#products-detail .wrap .one .right .top .l{width: 55%;margin-left: 0;}
	#products-detail .wrap .one .left .img{height: auto;}
	#products-detail .wrap .one .right .bot .all .img{margin-right: 0;width: 50%;text-align: center;}
	#contact .wrap .big_con .con .imgs{width: 100%;margin-top: 50px;height: auto;}
	#contact .wrap .big_con .con .meg{width: auto;margin-top: 50px;padding: 0 15px;}

}

@media only screen and (max-width: 780px){
	#header .wrap .nav{width:50%;margin-top: 50px;}
	#header .wrap .logo{margin-left: 5%;}
	#products-detail .wrap .one .right .bot .all .img{margin-bottom: 20px;text-align: center;width: 50%;margin-right: 0;}
	#products-detail .wrap .one .left .img{height: auto;margin-bottom: 20px;margin-top: 0;}
	#banner{height: 890px;}
	#brand .wrap .three .border{top: 130px;}
	#products-detail .wrap .two .con .pro{width: 100%;text-align: center;margin-bottom: 20px;}
	#products-detail .wrap .three .content{width: 98%;text-align: center;margin: 0 auto;}
	#brand .wrap .two .imgs{width: 40%;}
	#brand .wrap .two .hover .border{top: 10%;}
	#products .wrap .nav li{width: auto;}
	#products .wrap .nav{width: 80%;}
	#products .wrap .pro .p{float: left;width: 25%;margin-top: 50px;opacity: 1;}
}

@media only screen and (max-width: 640px){
	#contact .wrap .contact_us .code .all{width: 100%;}
	#brand .wrap .two .imgs{width: 90%;}
	#brand .wrap .two .con{width: 90%;}
}

@media only screen and (max-width: 480px){
	#head .wrap .nav{width: 40%;margin-top: 50px;}
	#products .wrap .nav li{width: auto;}
	#products .wrap .pro .p{width: 50%;}
	#header .wrap .logo img{width: 90%;}
	#header .wrap .logo{margin-top: 12%;}
	#contact .wrap .big_con .con{height: auto;}
	#contact .wrap .four .img img{width: 70%;}
	#contact .wrap .four .img{width: 75%;height: auto;}
	#contact .wrap .four{width: auto;}
	#contact .wrap .contact_us .tel{margin-top: 0;}
	#contact .wrap .four{margin-top: 50px;}
	#products-detail .wrap .one .left{width: 95%;text-align: center;float: none;margin: 0 auto;}
	#products-detail .wrap .one .left .img{margin-top: 0;height: auto;}
	#products-detail .wrap .one .right{width: 98%;height: 500px;float: none;}
	#products-detail .wrap .one .right .top{position: absolute;top: 650px;width: 100%;}
	#products-detail .wrap .one .right .top .l{writing-mode:horizontal-tb;margin-left: 0;padding: 0 10px;height: auto;width: 94%;float: none;margin: 0 auto;}
	#products-detail .wrap .one .right .top .r{width: 100%;text-align: center;margin-left: 0;position: absolute;top: -35px;float: none;margin: 0 auto;}
	#products-detail .wrap .one .right .bot{position: absolute;top: 420px;height: 160px;}
	#products-detail .wrap .one .right .bot .all .img{margin-bottom: 20px;width: 40%;}
	#products-detail .wrap .one .right .bot .all .img:nth-child(1){margin-left: 5%;margin-right: 10%;}
	#products-detail .wrap .one .right .bot .all .img:nth-child(2){margin-right: 5%;}
	#banner{height: 580px;overflow: hidden;}
	#banner .prev{top: 75px;}
	#banner .hd{top: 145px;}
	#banner .hd li{margin-bottom: 15px;width: 10px;height: 10px;}
	#banner .hd li.on{height: 15px;}
	#banner .prev{width: 25px;right: 22px;}
	#banner .next{width: 25px;right: 22px;top: 300px;}
	#brand .wrap .one .con{width: 80%;}
	#brand .wrap .three .con{width: 90%;margin-left: 5%;}
	#brand .wrap .three .imgss{width: 80%;}
	#brand .wrap .two .hover{display: none;}
	#brand .wrap .three .border{top: 60px;}
	#contact .wrap .four{height: auto;}
	#contact .wrap .four .border1{margin-left: 1%;}
	#products-detail .wrap .two .n,#products-detail .wrap .three .n{width: auto;}
	#banner .pc{display: none;}
	#banner .mobile{display: block;}
	#products-detail .wrap .two .n .borderss,#products-detail .wrap .three .n .borderss{/*margin-right: 20px;*/margin-left: 15px;}
	.swiper-button-prev{background:url('../images/prev.png')no-repeat center;top: 10%;right: 43px;display: none;}
	.swiper-button-next{background:url('../images/next.png')no-repeat center;right: 43px;}
	#banner .mobile .swiper-container-vertical>.swiper-pagination-bullets{top: 190px;}
	#banner .pc .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet, #banner .mobile .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin-bottom: 20px;}
	.swiper-button-next{top: 300px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{right: 0;width: 0;right: 68px;top: 70px; }
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 25px 5px; }
	#banner .mobile .swiper-pagination,#banner .mobile .swiper-button-prev,#banner .mobile .swiper-button-next{display: none;}
	#banner .mobile{overflow: hidden;}
}

@media only screen and (max-width: 680px){
	#banner{height: auto;position: absolute;z-index: 1;top: 156px;right: 0;bottom: 0;left: 0;}
	#banner .mobile{height: 100%;}
}

@media only screen and (max-width: 375px){
	/*#banner{height: 511px;overflow: hidden;}*/
	/*#products .wrap .nav li{margin-right: 10px;}*/
	#products-detail .wrap .one .right .top .l{width: 90%;}
	#products-detail .wrap .two .n,#products-detail .wrap .three .n{width: 92%;}
	#products-detail .wrap .three .n .borderss,#products-detail .wrap .two .n .borderss{margin-right: 0;margin-left: 0;width: 85px;overflow: hidden;}
}

@media only screen and (max-width: 320px){
	#header .wrap .logo img{width: 70%;}
	#header .wrap .logo{margin-top: 15%;}
	#banner{height: 412px;overflow: hidden;}
	#products-detail .wrap .two .n,#products-detail .wrap .three .n{width: 100%;}
}