@charset "UTF-8";


/* -------------------------------- 初始化样式 -------------------------------- */


*{ margin: 0; padding: 0; list-style-type: none; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }


html, body { font-family: "Noto Sans CJK SC", "Source Han Sans CN", "PingFangSC-Regular", "sans-serif", "Arial", "Microsoft YaHei"; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling : touch; font-weight: normal; background-color: #f5f5f5; }


html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, input, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; padding: 0; }


body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }


h1, h2, h3, h4, h5, h6, em, h6, b, p, i { font-weight: normal; font-style: normal; }


a { text-decoration: none; cursor: pointer; }


a:hover { text-decoration: none !important; }


ol, ul, li { list-style: none outside none; }


ul:after, dl:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }


table { border-collapse: collapse; }


input, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "Noto Sans CJK SC", "Source Han Sans CN", "PingFangSC-Regular", "sans-serif", "Arial", "Microsoft YaHei"; }


select::-ms-expand { display:none; }


input[type=radio]::-ms-check,input[type=checkbox]::-ms-check { display: none; }


input[type="submit"], input[type="reset"], input[type="button"], input { resize: none; border: none; }


:focus{ outline: none; }


.one-txt-cut { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }


.txt-cut { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; /* -webkit-line-clamp: 2; */ }


.clearfix:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }


.clearfix { zoom: 1; }


.fl { float: left !important; }


.fr { float: right !important; }


.db { display: block !important; }


.dn { display: none !important; }


.pr { position: relative !important; }


.ovfl { overflow: hidden; }


.img { font-size: 0; }


.img-size img { width: 100%; height: 100%; }


.w100 { width: 100% !important; }


.h100 { height: 100%; }


.mg-auto { margin: auto; }


.pd-0 { padding: 0 !important; }


.pd-t-0 { padding-top: 0 !important; }


.pd-b-0 { padding-bottom: 0 !important; }


.mg-r-0 { margin-right: 0 !important; }


.bgstyel { background-position: center; background-repeat: no-repeat; }


.bgsize { -o-background-size: cover; background-size: cover; }


.bor-0 { border-width: 0 !important; }


#wrap { width: 100%; }


.main { width: 12.80rem; }


.automatic-img_01, .automatic-img_02, .automatic-img_03, .automatic-img_04, .automatic-img_05, .automatic-img_06, .automatic-img_07, .automatic-img_08 { overflow: hidden; display: block; width: 100%; height: 100%; }


.layout { display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; ustify-content: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; width: 100%; height: 100%; }


/*内页-swiper翻页*/


.swiper-slide { 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; }








/* -------------------------------- 内页 - 导航 -------------------------------- */


.nHeard { padding-top: .18rem; height: 1.74rem; background-image: url("../images/nav-bg.jpg"); background-repeat: repeat-x; }


.nHeard-logo { padding: .46rem 0; width: 2.85rem; height: .82rem; }


.nHeard-nav { height: 1.74rem; }


.nHeard-nav li { height: 1.74rem; }


.nHeard-nav li a { padding: .42rem .32rem 0 .32rem; height: 1.32rem; font-size: 0; }


.nHeard-nav-ch { margin-left: .10rem; /*display: inline-block;*/ line-height: 1; font-size: .18rem; color: #ffffff; -moz-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; vertical-align: top; }


.nHeard-nav-en { /*display: inline-block;*/ line-height: 1; font-size: .12rem; color: #d7d1d0; -moz-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; vertical-align: top; text-transform: uppercase; }


.nHeard-nav li a:hover { background-image: url("../images/ico-17.png"); background-repeat: no-repeat; background-position: center .22rem; background-color: #833727; }


/* -------------------------------- 内页-底部 -------------------------------- */


.nFoot { padding-top: .72rem; background-image: url("../images/foot-bg.jpg"); background-repeat: repeat-x; background-color: #662f24; }


.nFoot-contact { padding-bottom: .56rem; border-bottom: 1px solid #7a493d; }


.nFoot-contact li { width: 33.333%; }


.nFoot-contact-ico { margin-bottom: .25rem; width: .42rem; height: .42rem; }


.nFoot-contact-txt { padding: 0 .10rem; line-height: .26rem; font-size: .16rem; text-align: center; color: #deccb6; }


.nFoot-copy { padding: .27rem 0; line-height: .26rem; font-size: .16rem; text-align: center; color: #deccb6; }


.nFoot-copy a { color: #deccb6; }


.nFoot-copy a:hover { color: #ffffff; }


/* -------------------------------- 内页-公共样式 -------------------------------- */


.nContainer { width: 11.54rem; }


.nBanner { height: 4.76rem; }


.nContainer-layout { padding-top: .80rem; padding-bottom: 1.00rem; background-image: url("../images/page-bg.jpg"); background-size: 100% auto; }


.nContainer-tit { margin-bottom: .40rem; height: .40rem; text-align: center; }


.nContainer-menu { margin-bottom: .82rem; font-size: 0; text-align: center; }


.nContainer-menu_item { zoom: 1; display: inline-block; *display: inline; padding-left: .36rem; margin: 0 .16rem .16rem; height: .46rem; background-image: url("../images/menu-bg-l.png"); background-position: left center; background-size: auto 100%; background-repeat: no-repeat; }


.nContainer-menu_item a { padding-right: .36rem; height: .46rem; background-image: url("../images/menu-bg-r.png"); background-position: right center; background-size: auto 100%; background-repeat: no-repeat; line-height: .46rem; font-size: .18rem; color: #ffffff; }


.nContainer-menu_item.hover { background-image: url("../images/menu-bg-l_h.png"); }


.nContainer-menu_item.hover a { background-image: url("../images/menu-bg-r_h.png"); color: #333333; }








/* -------------------------------- 内页-翻页 -------------------------------- */


.page-fy { margin-top: 0.30rem; line-height: 1; text-align: center; font-size: 0; }


.page-fy span { display: inline-block; padding: 0.09rem 0.16rem !important; margin: 0 0.06rem; background-color: #662f24 !important; border: 0.005rem solid #662f24 !important; font-size: 0.14rem !important; color: #ffffff !important; }


.page-fy a { display: inline-block; padding: 0.09rem 0.16rem; margin: 0 0.06rem; background-color: #ffffff; border: 0.005rem solid #bdbdbd; color: #999999; font-size: 0.14rem; }


.page-fy a:hover { background-color: #662f24; border: 0.005rem solid #662f24; color: #ffffff; }


.page-btn { margin: 0.32rem 0; }


.page-btn li { padding: 0 0.42rem; width: 4.22rem; line-height: 0.32rem; font-size: 0.14rem; }


.page-btn li.prev { text-align: left; background: url(../images/ico-21.png) no-repeat left center; background-size: 0.20rem 0.21rem; }


.page-btn li.next { text-align: right; background: url(../images/ico-22.png) no-repeat right center; background-size: 0.20rem 0.21rem; }


.page-btn li a { color: #666666; }


.page-btn li a:hover { color: #e50013; }