@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; }

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"; }

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%; }

.h100 { height: 100%; }

.mg-auto { margin: auto; }

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

.pd-b-0 { padding-bottom: 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: 9.200rem; }

.automatic-img_01, .automatic-img_02, .automatic-img_03, .automatic-img_04, .automatic-img_05, .automatic-img_06, .automatic-img_07, .automatic-img_08, .automatic-img_09, .automatic-img_10 { 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%; }

#content { padding: .400rem 0; background-color: #f5f5f5; }

/*内页-swiper翻页*/

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

.swiper-page .swiper-pagination-bullet { margin: 0 7px !important; width: 10px; height: 10px; background: #ffffff; opacity: 1; }

.swiper-page .swiper-pagination-bullet-active { background: #662f24; }

/* -------------------------------- 头部 -------------------------------- */

.nav-btn { position: absolute; top: 0.533rem; right: 0.400rem; z-index: 999; cursor: pointer; width: .960rem; height: .960rem; }

.menu { overflow-y: auto; position: fixed; top: 0; z-index: 1000; margin-top: 0; background-color: #ffffff; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; opacity: 1; visibility: visible; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top: 0; transform: translateX(100%); }

.menu-logo { margin-bottom: .800rem; width: 6.227rem; height: 1.093rem; }

.menu.open { transform: translateX(0); }

.menu-closed { cursor: pointer; position: absolute; top: .400rem; right: .400rem; width: .533rem; height: .533rem; }

.menu ul { margin: auto; width: 9.467rem; }

.menu ul li { float: left; width: 2.973rem; margin: .133rem .267rem .133rem 0; background-color: #f5f5f5; border-radius: .080rem; transform: translateY(0); -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity: 0; }

.menu ul li:nth-child(3n) { margin-right: 0; }

.menu.open ul li{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.menu ul li:nth-child(1) { -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; }

.menu ul li:nth-child(2) { -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; }

.menu ul li:nth-child(3) { -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; }

.menu ul li:nth-child(4) { -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; }

.menu ul li:nth-child(5) { -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; }

.menu ul li:nth-child(6) { -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; }

.menu ul li:nth-child(7) { -webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms; }

.menu ul li a { display: block; text-decoration: none; height: 1.120rem; line-height: 1.120rem; font-size: .427rem; text-align: center; color: #333333; }





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

#nMain { background-image: url(../images/bg@2x.png); background-size: 100% auto; background-position: center top; background-repeat: repeat-y; }

#nBanner { height: 13.093rem; }

#nTitle { text-align: center; font-size: 0; }

.nTitle-cnt { display: inline-block; padding: .027rem; margin-top: 1.120rem; border: .027rem solid #a5a0a0; }

.nTitle-img { width: 4.000rem; height: .827rem; border: .027rem solid #a5a0a0; }

#nMenu { margin-top: .533rem; text-align: center; font-size: 0; }

.nMenu-round { margin-bottom: .173rem; display: inline-block; width: .187rem; height: .187rem; background-color: #662f24; border-radius: 100%; }

.nMenu-line { margin-bottom: .253rem; display: inline-block; width: .333rem; height: .027rem; background-color: #662f24; }

.nMenu-cnt { margin: 0 .267rem; display: inline-block; width: 7.627rem; height: .533rem; }

.nMenu-cnt a { line-height: .533rem; font-size: .427rem; text-align: center; color: #333333; }

.nMenu-cnt a.nMenu-hover { color: #662f24 !important; }

#foot { padding: .427rem 0; background-color: #662f24; }

.foot-copy { line-height: .533rem; font-size: .320rem; text-align: center; color: #ffffff; }

.foot-copy a { color: #ffffff; }

.loading { line-height: 1; font-size: .373rem; text-align: center; }

/* -------------------------------- 详细页 -------------------------------- */

.nDetails-cnt { padding-top: .800rem; padding-bottom: .587rem; }

.nDetails-cnt img { max-width: 100%; }

.nDetails-tit { padding-bottom: .480rem; margin-bottom: .320rem; border-bottom: .027rem dotted #dddddd; text-align: center; }

.nDetails-tit_h1 { line-height: .6rem; font-size: .480rem; font-weight: bold; color: #333333; }

.nDetails-tit-info { padding-top: .240rem; line-height: .373rem; font-size: .373rem; color: #666666; }

.nDetails-font { line-height: .613rem; font-size: .373rem; text-align: justify; color: #333333; }



.nDetails-font iframe {width:100%;}