@charset "utf-8";
/* CSS Document */
html{color:#000;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-size: 62.5%;background:#fff;}
body{font-family: 'Microsoft YaHei';}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
ol,ul,li {list-style:none;}.fl,.fr {_display:inline;}.fl{float:left;}.fr {float:right;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{margin: 0;padding: 0;}
ol, ul, li{list-style: none;}
em,i{ font-style:normal}
a{text-decoration: none;display:inline}
img{border:none; width:100%; display:block}
.fl, .fr{_display: inline;}
.fl{float: left;}
.fr{float: right;}
.cl { clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.mt80{ margin-top:0.6rem;}
.pr{ position:relative;}
html, body {position: relative; height: 100%; } 
body {background: #fff; font-size:0.24rem; color:#000; margin: 0; padding: 0; } 
.swiper-container { width: 100%; height: 100%; }
.flex-mid{position:relative;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;}
p{font-size:.24rem;line-height:1.8;text-align:justify;white-space:pre-wrap;}
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}
.mt{margin-top:-.3rem;}
#arraw{width:.7rem;height:.7rem; position:absolute; bottom:.95rem; left:50%; margin-left:-.35rem;z-index:999;-webkit-animation: start 1.5s infinite ease-in-out;}
/*标题*/

/*首页*/
.bg1{ width:100%; height:100%; background:url(../img/bg1.jpg) no-repeat; background-size:cover;}
.bg2{ width:100%; height:100%; background:url(../img/bg2.jpg) no-repeat; background-size:cover;}
.bg3{ width:100%; height:100%; background:url(../img/bg3.jpg) no-repeat; background-size:cover;}

.tt1{ width:100%; text-align:center;}
.tt1 h2{ font-size:.4rem; color:#fff; font-weight:bold;}
.tt1 h2 small{ font-size:.45rem; color:#cbb9a8; font-weight:bold;}
.tt1 span{ width:1.22rem; height:1px; background:#fff; display:block; margin:.05rem auto;}
.tt1 p{ font-size:.18rem; color:#fff; text-transform:uppercase; width:100%; text-align:center;}
.tt1.tt2 h2{ color:#222;}
.tt1.tt2 h2 small{ color:#54372a}
.tt1.tt2 span{ background:#222;}
.tt1.tt2 p{ color:#222}

.w94{ width:7.08rem; margin:0 auto;}
.banner img:first-child{ width:71%; margin:0 auto 0.7rem;}

.p1 .tt{ width:1.91rem; height:2.13rem; margin:0 auto; }
.p1 .cl .fl{ width:3.1rem;position:absolute; left:0; top:-1.6rem; background:rgba(18,11,7,.8); color:#fff; padding:.3rem .1rem .2rem;}
.p1 .cl .fl i{ width:100%; overflow:hidden; padding:0 0 .2rem; display:block;}
.p1 .cl .fl i span{ float:right; width:1.38rem; height:1px; background:#fff;}
.p1 .cl .fl p{ font-size:.24rem; line-height:1.2; text-align:justify; text-indent:2em;}
.p1 .cl .fr{ width:3.6rem; padding-bottom:.8rem;}
.p1 .cl .fr img{ width:2.84rem; height:.66rem; margin:.35rem auto;}

.txt h3{ width:6.14rem; height:.3rem; line-height:.3rem; position:relative; text-align:center; font-size:.24rem; color:#cbb9a8; margin:.1rem auto; font-weight:bold;}
.txt h3 span{ width:.9rem; height:1px; background:#fff; position:absolute;  top:50%;}
.txt h3 span.fl{ left:0;}
.txt h3 span.fr{ right:0;}
.txt p{ font-size:.24rem; line-height:1.4; color:#fff; text-indent:2em; text-align:justify;}
.txt.dark h3{ color:#222}
.txt.dark h3 span{ background:#222;}
.txt.dark p{ color:#222}

.slide{ margin-top:.1rem; position:relative;}
.p2 .slide .bd{ width:7.1rem; height:3.4rem; overflow:hidden;}
.p2 .slide .bd ul li{ position:relative;}
.p2 .slide .bd ul li img{ display:block;  width:7.1rem; height:3.4rem;}
.p2 .slide .bd ul li i{ width:100%; height:.6rem; line-height:.6rem; text-align:center; color:#fff; font-size:.24rem; position:absolute; left:0; bottom:.1rem;}

.p2 .slide .hd ul{ width:100%; text-align:center; padding-top:.2rem;}
.p2 .slide .hd ul li{ display:inline-block; width:.24rem; height:.24rem; border:1px solid #b59a81; margin:0 .05rem; border-radius:100%;}
.p2 .slide .hd ul li.on{ background:#b59a81;}

.p3 .slide .hd ul{ width:100%; text-align:center; padding-top:.2rem;}
.p3 .slide .hd ul li{ display:inline-block; width:.24rem; height:.24rem; border:1px solid #b59a81; margin:0 .05rem; border-radius:.12rem;}
.p3 .slide .hd ul li.on{ background:#b59a81; width:.6rem;}

.p3 .slide .bd{ width:7.1rem; height:3.83rem; overflow:hidden;}
.p3 .slide .bd ul li{ position:relative;}
.p3 .slide .bd ul li img{ display:block;  width:7.1rem; height:3.83rem;}
.p3 .slide .bd ul li i{ width:6.14rem; text-align:justify; color:#fff; font-size:.18rem; position:absolute; left:50%; margin-left:-3.07rem; line-height:.3rem; bottom:.2rem; text-indent:2em;}

.scroll{ width:100%; height:1.88rem; overflow-y:scroll; padding-right:.3rem;box-sizing: border-box;}
.scroll::-webkit-scrollbar{background:url(../img/scroll-line.jpg) center repeat-y;width: 7px;}
.scroll::-webkit-scrollbar-thumb{width: 5px;background:#b59a81;cursor:pointer;}

.swiper-scrl{height:1.9rem; width:100%; box-sizing:border-box; padding-right:.3rem;border-radius:.1rem;margin-bottom:.3rem;}
.swiper-scrl .swiper-slide{height:auto;}
.swiper-scrl .swiper-scrollbar{right:.15rem;opacity:1 !important;border-right:1px solid #b59a81;}
.swiper-scrollbar-drag{left:3px;height:.65rem;background:#b59a81;}
.swiper-scrollbar{ background:none;}

.p5 .slide .hd ul{ width:100%; text-align:center; padding:.3rem 0 .2rem; }
.p5 .slide .hd ul li{width:1.34rem; height:1.34rem; color:#222;display:inline-block; vertical-align:middle; background:url(../img/p4-hd2.png) no-repeat center center; background-size:1.34rem 1.34rem; font-size:.2rem; padding-top:.2rem; box-sizing:border-box;}
.p5 .slide .hd ul li:nth-child(1),.p5 .slide .hd ul li:nth-child(4){ padding-top:.4rem;}
.p5 .slide .hd ul li:nth-child(3){ padding-top:.5rem}
.p5 .slide .hd ul li.on{ background:url(../img/p4-hd1.png) no-repeat center center; background-size:100%; color:#fff;}
.p5 .slide span{ width:.36rem; height:.8rem; position:absolute; top:.58rem;}
.p5 .slide span.left{ left:0;}
.p5 .slide span.right{ right:0;}
.p5 .slide .bd{ width:7.1rem; height:3.7rem; overflow:hidden;}
.p5 .slide .bd ul li{ position:relative; width:7.1rem; height:3.7rem;}
.p5 .slide .bd ul li img{ width:7.1rem; height:3.7rem;}
.p5 .slide .bd ul li i{ background:rgba(0,0,0,.8); width:6.4rem; height:.6rem; line-height:.6rem; text-align:center; color:#fff; font-size:.2rem; position:absolute; left:.35rem; bottom:.15rem;}

.p6 .slide .bd{ width:7.1rem; height:3.7rem; overflow:hidden;}
.p6 .slide .bd ul li{ position:relative; width:7.1rem; height:3.7rem;}
.p6 .slide .bd ul li img{ width:7.1rem; height:3.7rem;}
.p6 .slide .bd ul li i{  width:3.74rem; text-align:center; color:#222; font-size:.22rem; position:absolute; left:50%; margin-left:-1.87rem; bottom:.3rem; background:rgba(255,255,255,.5); padding:15px 0;}

.p6 .slide .hd ul{ width:100%; text-align:center; padding-top:.2rem;}
.p6 .slide .hd ul li{ display:inline-block; width:.24rem; height:.24rem; border:1px solid #b59a81; margin:0 .05rem; border-radius:100%;}
.p6 .slide .hd ul li.on{ background:#b59a81;}


.p7 .slide .bd{ width:6.1rem; height:4.02rem; overflow:hidden; margin:0 auto;}
.p7 .slide .bd ul li{ position:relative;}
.p7 .slide .bd ul li img{ display:block;  width:6.1rem; height:4.02rem;}
.p7 .slide .bd ul li i{ width:100%; height:.4rem; line-height:.4rem; text-align:center; color:#fff; font-size:.24rem; position:absolute; left:0; bottom:0; background:rgba(0,0,0,.8)}

.p7 .slide .hd ul{ width:100%; text-align:center; padding-top:.2rem;}
.p7 .slide .hd ul li{ display:inline-block; width:.24rem; height:.24rem; border:1px solid #b59a81; margin:0 .05rem; border-radius:100%;}
.p7 .slide .hd ul li.on{ background:#b59a81;}

.video{ width:7.1rem; height:4rem; background:#ccc; margin-top:.2rem;}

.p9 ul li{ width:100%; text-align:center;}
.p9 ul li{ line-height:.54rem; font-size:.24rem;}
.p9 ul li img{ width:4.02rem; height:.07rem; margin:0 auto;}
.p9 .cl{ width:4.3rem; margin:0 auto;}
.p9 .cl .fl,.p9 .cl .fr{ width:2.02rem;}
.p9 dl dt{ width:100%; text-align:center; font-size:.3rem; font-weight:bold; color:#333; margin:.4rem 0 .1rem;}
.p9 dl dt i{ color:#db0000;}
.p9 dl dd{ font-size:.24rem; line-height:1.5; width:100%; text-align:center;}

.u-topbar{ position:fixed; width:100%; z-index:999;}

/*兼容屏幕宽度750*/
@media only screen and (min-width:1601px) and (max-width:2047px){
	html{ font-size:100px!important}
	body{ max-width:750px; margin:0 auto; }
}
@media only screen and (min-width: 1025px){
	body {width: 100% !important;margin: 0 auto;}
}