@charset "utf-8";
html{font-size: 625%;}
*{margin:0;padding:0;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body{position:relative;font-family:'SimSun';font-size:0.16rem;color:#9f7b57;background:#000;}
ul,li{list-style:none;}
a{text-decoration:none;outline:none;color:#9f7b57;}
a:hover{text-decoration:none;}
a:active {star:expression(this.onFocus=this.blur());} 
.left{float:left}
.right{float:right}
img{border:0;}
h1, h2, h3, h4, h5, h6, b, i, em {font-size: 100%;font-style:normal;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'SimSun';}
.none{ display:none;}
.area{position:relative;margin:0 auto;width:100%;max-width:750px;}
.area,.clear,.con{*zoom:1;}
.area:after,.clear:after,.con:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}

.pageboder{margin:0 auto;position:relative;z-index:1;overflow:hidden;width:100%;min-width:320px;max-width:750px;background: #000;}

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

/*
 * m-panel
 * 侧导航样式
*/

.allpage{position:relative;z-index:10;left:0%; height:100%;background:url(../images/bg-page.jpg) center top / 100% repeat;}


.m-panelBg{display:none;position:absolute;z-index:99;width:100%;background: rgba(0,0,0,.5); cursor:pointer;}

.m-panel{position:absolute;top:0;left:0%;width:60%;height:100%;z-index:1; background: #870000; }

.panel-nav{ }
.panel-nav ul{ padding: 0.2rem; }
.panel-nav li{ float: left; padding: 0.1rem 0; width:100%; border-bottom: solid 1px #9f7b57; }
.panel-nav li a{ display: block; height: 0.5rem; line-height:0.5rem; overflow: hidden; font-size:0.3rem; font-weight: bold; text-align: center; color: #9f7b57;}
.panel-nav li a:active{ color: #f5e69e; }


/***************** header ***********************/
.top-box{ position:relative; z-index: 15; padding-top: .44rem; height: 1.04rem; background: url(../images/bg-top.jpg) center / 100% 100% no-repeat;}
.top-box .logo{ margin: 0 auto; width: 3.01rem; height: .68rem; overflow: hidden; text-align: center; background: url(../images/bg-logo.png) center / 100% 100% no-repeat; }
.top-box .logo:before{ content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.top-box .logo img{ max-width:85%; max-height: 80%; vertical-align:middle; }
.top-box .nav{ position: absolute; top: .44rem; left: .14rem; width:.44rem; cursor:pointer; -moz-border-radius:.04rem;-webkit-border-radius:.04rem;border-radius:.04rem; -moz-box-shadow:1px 1px 1px rgba(20,11,7,.75); -webkit-box-shadow:1px 1px 1px rgba(20,11,7,.75); box-shadow:1px 1px 1px rgba(20,11,7,.75); }

#content{ padding-bottom: .4rem; }

.center{ text-align: center;}

/***************** main-box ***********************/
.main-box{}

/*
 * swiper
 * banner图样式
*/
.banner{ position:relative; zoom:1; background: url(../images/bg-banner.jpg) center top / cover; }
.banner:before{ content: ""; position: absolute; bottom: -.12rem; left: 0; width: 100%; height: 1.42rem; overflow: hidden; background: url(../images/ico-banner.png) center bottom / contain; }
.swiper-banner{ position: relative; z-index: 5; overflow: hidden; }
.swiper-banner a{ display:block; }
.swiper-banner img{ max-width:100%; vertical-align:top; }
.banner .swiper-pagination{ left: 0; bottom:0.1rem; width: 100%; line-height: 0; font-size: 0; text-align: center; transition:none; }
.banner .swiper-pagination-bullet{vertical-align:top; margin:0 .05rem; width:.16rem;height:.16rem; background:#f5e69e url(../images/btn-banner.gif) center / contain repeat; opacity:1; border-radius:.08rem; box-shadow: .02rem .02rem .03rem rgba(0,0,0,.3); transition:all .2s ease; }
.banner .swiper-pagination-bullet-active{ width: .26rem; background-image: url(../images/btn-banner-hover.gif); }


.m-nav{ position: absolute; z-index: 10; top: 0; left: 0; width: 100%; }

.m-nav ul{ display: flex; justify-content: center;}
.m-nav li{ margin: 0 .23rem; }
.m-nav li a{ display: block; width: .77rem; height: 1.23rem; overflow: hidden; font-size: 0; }
.m-nav li:nth-child(1) a:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/ico/nav-i1.png) center top / contain no-repeat; }
.m-nav li:nth-child(2) a:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/ico/nav-i2.png) center top / contain no-repeat; }
.m-nav li:nth-child(3) a:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/ico/nav-i3.png) center top / contain no-repeat; }
.m-nav li:nth-child(4) a:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/ico/nav-i4.png) center top / contain no-repeat; }
.m-nav li:nth-child(5) a:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/ico/nav-i5.png) center top / contain no-repeat; }
.m-nav li:nth-child(6) a:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/ico/nav-i6.png) center top / contain no-repeat; }


.m-notice{ position: relative; margin: -.02rem 0 -.55rem; padding: .16rem 0 .65rem; height: 1.21rem; background: url(../images/bg-notice.png) center top / 100% 100% no-repeat; }

.m-notice .title{ float: left; display: inline; padding-left: .42rem; height: .4rem; line-height: .4rem; overflow: hidden; font-size: .26rem; font-weight: normal; color: #f5e69e; }
.m-notice .notice{ margin-right: .42rem; overflow: hidden; }
.m-notice .notice li{ height: .4rem; line-height: .4rem; overflow: hidden; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .26rem; color: #f5e69e; }
.m-notice .notice a{ color: #f5e69e; }
.m-notice .notice a:hover{ color: #f5eece; }




.m-title{ position: relative; zoom:1; height: .7rem; }
.m-title:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; height:0; overflow:hidden; border-width:0 .12rem .7rem .12rem; border-style:solid; border-color: transparent transparent #870000 transparent; }

.m-title h2{ position: relative; padding: 0 .1rem; height: .7rem; line-height: 0; font-size: 0; }
.m-title h2:before,
.m-title h2:after{ content: ""; display: inline-block; vertical-align: middle; }
.m-title h2:before{ height: 100%; }
.m-title h2:after{ margin: .06rem 0 0 -.03rem; width: .65rem; height: .35rem; overflow: hidden; background: url(../images/ico-title.png) center / contain no-repeat; }
.m-title h2 img{ position: relative; z-index: 10; vertical-align: middle; max-height: .45rem; }

.sub-title{ margin: .36rem .2rem 0; }
.sub-title:after{ content: ""; position: absolute; top: -.26rem; left: 0; right: 0; height:0; overflow:hidden; border-width:.26rem .12rem 0 .12rem; border-style:solid; border-color: #4e0708 transparent transparent transparent; }

.m-more{ padding: .2rem 0; }
.m-more .btn{ display: block; margin: 0 auto; width: .98rem; height: .46rem; overflow: hidden; background: url(../images/btn-more.png) center / contain no-repeat; }


.m-video,
.m-news{ position: relative; zoom:1; margin: 0 .2rem; padding-bottom: .26rem; }
.m-video:before,
.m-news:before{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; height:0; overflow:hidden; border-width:.26rem .12rem 0 .12rem; border-style:solid; border-color: #4e0708 transparent transparent transparent; }
.m-video .conBox{ height: 4.3rem; background: #650506; }

.m-news .listBox{ padding: .06rem 0; background: #650506; }

.newsList{ margin: 0 .16rem; }
.newsList li{ padding: .14rem 0; border-bottom: dotted 1px #9f7b57; }
.newsList li:last-child{ padding-bottom: 0; border-bottom: none; }
.newsList li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.newsList .u-img{ float: left; margin-right: .16rem; width: 1.68rem; overflow: hidden; border: solid 1px #870000; }
.newsList .u-img .over{position:relative;zoom:1;display:block;padding-top: 1.22rem; overflow:hidden;}
.newsList .u-img .over img{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.newsList .u-name{ height: .4rem; line-height: .4rem; overflow: hidden; font-size: .26rem; }
.newsList .u-name .date{ float: right; font-size: .18rem; font-weight: normal; }
.newsList .u-con{ margin-top: .08rem; height: .68rem; line-height: .34rem; overflow: hidden; font-size: .22rem; }


.m-product{ margin: 0 .2rem; }
.m-product .listBox{ padding: .15rem 0; background: #650506; }

.picList li{ float: left; margin: .2rem .1rem 0; width: 3.35rem; }
.picList li:nth-child(-n+2){ margin-top: 0; }
.picList .u-box{ position: relative; zoom:1; display: block; padding: .03rem .03rem 0; color: #f5dbba; background: url(../images/bg-product.gif) center / 100% 100% no-repeat; }
.picList .u-box:before,
.picList .u-box:after{ content: ""; position: absolute; z-index: 5; top: 0; width: .3rem; height: .3rem; overflow: hidden;}
.picList .u-box:before{ left: 0; background: url(../images/ico-product-left.png) center /100% 100% no-repeat; }
.picList .u-box:after{ right: 0; background: url(../images/ico-product-right.png) center /100% 100% no-repeat; }
.picList .u-img{ display: block; overflow: hidden; }
.picList .u-img .over{position:relative;zoom:1;display:block;padding-top: 3.21rem; overflow:hidden;}
.picList .u-img .over img{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.picList .u-name{ height: .54rem; line-height: .54rem; overflow: hidden; font-size: .24rem; text-align: center; }




#footer{z-index:200; background: #650506; }
.m-footer{position:relative;margin:0 auto;max-width:750px;min-width:320px;text-align:center;}
.m-footer li{float:left;width:25%;}

.m-footer li a{display:block; padding: .1rem 0 .04rem;text-align:center;font-size:.18rem;color:#f5dbba;}
.m-footer span{display:block;margin:0 auto;width:100%;}
.m-footer span.u-img{ display: block; width:0.48rem; height: 0.48rem; overflow: hidden; }
.m-footer span.u-title{ line-height:0.38rem; }

.m-footer li:nth-child(1) span.u-img{ background: url(../images/ico/footer-i1.png) center / contain no-repeat; }
.m-footer li:nth-child(2) span.u-img{ background: url(../images/ico/footer-i2.png) center / contain no-repeat; }
.m-footer li:nth-child(3) span.u-img{ background: url(../images/ico/footer-i3.png) center / contain no-repeat; }
.m-footer li:nth-child(4) span.u-img{ background: url(../images/ico/footer-i4.png) center / contain no-repeat; }


.sub-menu{ margin-top: .2rem;}
.sub-menu li{ float: left; display: inline; margin-left: .22rem; width: 1.6rem; }
.sub-menu a{ display: block; height: .6rem; line-height: .6rem; overflow: hidden; font-size: .26rem; text-align: center; color: #f5e69e; background-image:linear-gradient(to bottom,#800000,#410101); border-radius: .04rem; box-shadow: inset 0 0 3px #890101; }

.sub-menu li.current a{ color: #fff; }

.m-content{ margin: 0 .2rem; padding: .1rem 0 .2rem; background: #650506; }



.detail_share,
.detail_page{ margin-top: .4rem;}
.detail_page{ padding: .24rem 0; border-top: dashed 1px #9f7b57; }
.detail_page a{display: block;margin-top: .24rem;height: 0.3rem;line-height: 0.3rem;font-size: 0.2rem;overflow:hidden;color:#9f7b57;text-overflow:ellipsis;white-space:nowrap;}
.detail_page a:first-child{ margin-top: 0; }

.public_proDetail{ padding: .1rem .2rem; }
.public_proDetail .hd{ line-height: .36rem; font-size: 0.26rem; text-align: center;color: #f5e69e;}
.public_proDetail .time{ line-height: 1.5;font-size: 0.2rem;font-weight: normal;text-align: center;color: #9f7b57;}
.public_proDetail .pro_imgBox{overflow: hidden;position: relative; margin-bottom: .2rem;}
.public_proDetail .pro_imgBox img{display: block;margin: 0 auto;max-width: 100%;}
.public_proDetail .pro_imgBox a{display: block; margin-top: -0.435rem; width: 0.54rem;height: 0.87rem;line-height: 0.87rem; overflow: hidden; font-size: 0.36rem;font-family: "Microsoft YaHei";color: #fff;text-align: center; background: #000;position: absolute;z-index: 5;top: 50%;opacity: .8;}
.public_proDetail .pro_imgBox a.last_btn{left: 0;}
.public_proDetail .pro_imgBox a.next_btn{right: 0;}
.public_proDetail .pro_explain{line-height: 0.36rem;font-size: 0.24rem;margin-top: .2rem; color: #9f7b57; }


.public_newDetail{ padding: .1rem .2rem; }
.public_newDetail img{max-width: 100%; vertical-align: top;}
.public_newDetail .hd{ line-height: .36rem; font-size: 0.26rem; text-align: center;color: #f5e69e;}
.public_newDetail .time{ line-height: 1.5;font-size: 0.2rem;font-weight: normal;text-align: center;color: #9f7b57;}
.public_newDetail .newDetail_con{line-height: 0.36rem;font-size: 0.24rem;margin-top: .2rem; color: #9f7b57; }

.public_dealerDetail{ padding: .1rem .2rem; }

.dealer-menu{ position: relative; zoom:1; z-index: 10; }
.dealer-menu .menuBtn{ position: relative; zoom:1; display: block; padding: 0 .56rem 0 .48rem; height: .58rem; line-height: .56rem; overflow: hidden; font-size: .24rem; font-weight: normal; color: #9f7b57; border: solid 1px #9f7b57; }
.dealer-menu .menuBtn:before,
.dealer-menu .menuBtn:after{ content: ""; position: absolute; }
.dealer-menu .menuBtn:before{ left: .14rem; top: .13rem; width: .24rem; height: .32rem; overflow: hidden; background: url(../images/ico-dealer-menu.png) center / contain no-repeat; }
.dealer-menu .menuBtn:after{ right: .15rem; top: 50%; margin-top: -.07rem; width:0; height:0; overflow:hidden; border-width:.14rem .13rem 0 .13rem; border-style:solid; border-color: #9f7b57 transparent transparent transparent; }

.dealer-menu .menuList{ display: none; position: absolute; top: 100%; left: 0; width: 100%; }
.dealer-menu .menuList ul{margin-top: -1px; border: solid 1px #9f7b57; border-top: none; background: #650506; }
.dealer-menu .menuList li{ border-top: solid 1px #9f7b57; }
.dealer-menu .menuList a{ display: block; padding: .05rem .48rem; line-height: .36rem; overflow: hidden; font-size: .24rem; color: #9f7b57; }
.dealer-menu .menuList a:hover{ color: #f5e69e; }


.dealerDetail_con{ margin-top: .2rem; }
.dealerDetail_con img{ max-width: 100%; vertical-align: top; }
.dealerDetail_con li{ margin-bottom: .1rem; }
.dealerDetail_con table{border-collapse:collapse;border-spacing:0;}
.dealerDetail_con th,
.dealerDetail_con td{ padding: .1rem; line-height: 1.5; font-size: .24rem; }
.dealerDetail_con th{ font-weight: normal; color: #f5e69e; background: #34120a; }
.dealerDetail_con th .num{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin: .07rem .1rem 0 0; width: .22rem; height: .22rem; line-height: .22rem; overflow: hidden; font-size: .2rem; font-family: 'SimHei'; font-weight: bold; text-align: center; color: #421910; background: #f5e69e; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }
.dealerDetail_con td{ color: #9f7b57; border: solid 1px #650506; background: #570405; }


.public_messages{padding: .1rem .2rem .2rem;}
.pub_text{ line-height: .24rem; font-size: .2rem; }
.pub_text img{ float: left; width: .47rem; margin-right: .15rem; }
.pub_text span{ margin-left: 2em; }
.pub_text i{ color: #f00; }
.pub_message_ul{ margin-top: .1rem; overflow: hidden;}
.pub_message_ul li{overflow: hidden;margin-top: 1px;}
.pub_message_ul label{display: block; font-size: 0.24rem;color: #9f7b57;line-height: 0.54rem; background: #570405;}
.pub_message_ul li i{ color: #f00; }
.pub_message_ul li .txt_name{ display: inline-block; vertical-align: top; padding-left: .08rem; width: 1.2rem; overflow: hidden; }
.pub_message_ul li .txt_ipt,
.pub_message_ul li .message_textarea{ vertical-align: top; width: 5.5rem;height: .54rem;border: 0 none; background: none; outline: 0px; font-size: 0.24rem; color: #9f7b57;}
.pub_message_ul li .message_textarea{ width: 100%;height:2.8rem;font-size: 0.24rem;padding: 0.15rem 0.08rem; resize: none; background: #570405; }
.pub_message_ul li .message_textarea::placeholder{color: #9f7b57;}
.pub_message_ul li.code_li{ margin-top: .1rem; font-size: 0; }
.pub_message_ul li.code_li label{ display: inline-block; vertical-align: top; }
.pub_message_ul li.code_li img{ margin-left: .2rem; width: 2.1rem; height: .54rem; vertical-align: top;}
.pub_message_ul li.code_li .txt_ipt{width:3.2rem;}
.pub_message_ul li.submi_li{ margin-top: .36rem; }
.pub_message_ul li.submi_li input{margin: 0 auto; display: block; width: 3.9rem;height: .6rem;background: #fece8d;border: 0 none;font-size: .32rem;color: #650506;font-weight: bold; cursor: pointer; outline: 0px;}



/* 普通翻页器-默认居中 */
.m-page{ padding:0.3rem 0;text-align:center;line-height:0.52rem;color:#333; font-size: 0;}
.m-page a,.m-page i{display:inline-block;*display:inline;*zoom:1;vertical-align:top;padding: 0 0.2rem;font-size:0.3rem;color:#870000; border: solid 1px #870000;}
.m-page i{ padding: 1px; border: none; }
.m-page a,.m-page a:hover{text-decoration:none;}
.m-page a.first{margin-left:0;}
.m-page a.last{margin-right:0;}
.m-page a:hover,
.m-page a:active{border-color: #e1d08f;color:#e1d08f;}
.m-page a.z-crt,.m-page a.z-crt:hover,.m-page a.z-crt:active{cursor:default;color:#e1d08f;border-color: #e1d08f;}
.m-page a.z-dis,.m-page a.z-dis:hover,.m-page a.z-dis:active{display: none;}
/* 居左 */
.m-page-lt{text-align:left;}
/* 居右 */
.m-page-rt{text-align:right;}
/* 较小 */
.m-page-sm a,.m-page-sm i{padding:0 0.1rem;}
/* 分离 */
.m-page-sr a,.m-page-sr i{margin:0 0.08rem;}