@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; }
.mg-b-0 { margin-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.360rem; }
.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%; }
/*内页-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-pagination { bottom: 0 !important; }
.swiper-page .swiper-pagination-bullet { margin: 0 7px !important; width: 10px; height: 10px; }
.swiper-page .swiper-pagination-bullet-active { background: #a38757; }
/* -------------------------------- 头部 -------------------------------- */
#header { height: 1.227rem; background-color: #ffffff; border-bottom: 1px solid #e2e2e4; }
.logo { padding: .254rem 0; width: 3.627rem; height: .720rem; }
.nav-btn { cursor: pointer; z-index: 102; margin: .413rem 0; width: .453rem; }
.nav-btn_item { margin-bottom: .080rem; height: .080rem; background-color: #999999; }
.menu { position: fixed; top: 0; right: 0; bottom: 0; z-index: 101; width: 6.587rem; height: 100vh; background-color: #ffffff; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transform: translateX(100%); }
.menu-isOpen { transform: translateX(0); }
.menu dt { padding-left: .533rem; height: 1.227rem; background-color: #333333; line-height: 1.227rem; font-size: .373rem; color: #ffffff; }
.menu dd { padding-left: .533rem; height: .960rem; border-bottom: 1px solid #f9f9f9; line-height: .960rem; font-size: .373rem; }
.menu dd a { display: block; color: #666666; }


/* -------------------------------- 尾部 -------------------------------- */
#foot { padding: .427rem 0; margin-bottom: 1.547rem; border-top: 1px solid #f5f5f5; background-color: #ffffff; }
.foot-copy { line-height: .533rem; font-size: .373rem; text-align: center; color: #707070; }
.foot-copy a { color: #707070; }


/* -------------------------------- 浮动导航 -------------------------------- */
#tagbar { position: fixed; left: 0; right: 0; bottom: 0; height: 1.547rem; background-color: #073f89; }
#tagbar li { width: 33.333%; height: 1.547rem; border-right: 1px solid #266199; box-sizing: border-box; }
#tagbar__icon { width: .533rem; height: .533rem; }
#tagbar__p { padding-top: .267rem; line-height: 1; font-size: .320rem; text-align: center; color: #ffffff; }


/* -------------------------------- 公共样式 -------------------------------- */
.nBanner { height: 4.693rem; }
.name { height: 1.067rem; background-color: #073f89; line-height: 1.067rem; font-size: .480rem; color: #ffffff; }
.name-icon { padding-right: 0.187rem; margin: .333rem 0; width: .453rem; }
.name-icon__item { margin-bottom: .080rem; }
.name-icon__item-l { width: .080rem; height: .080rem; background-color: #ffffff; border-radius: .040rem; }
.name-icon__item-r { margin-left: .053rem; width: .320rem; height: .080rem; background-color: #ffffff; border-radius: .040rem; }
.name.color { background-color: #d9d9d9; color: #686868; }
.more__btn { cursor: pointer; padding: .480rem 0; background-color: #f2f2f2; line-height: 1; font-size: .373rem; text-align: center; color: #333333; }
.more__btn a { color: #333333; }
.nMenu-btn { margin: .280rem 0; width: .507rem; }
.nMenu-btn li { float: left; margin-right: .053rem; margin-bottom: .053rem; width: .133rem; height: .133rem; background-color: #ffffff; }
.nMenu-btn li:nth-child(3n) { margin-right: 0; }
.nMenu-cnt { overflow-y: auto; position: fixed; top: 0; bottom: 0; z-index: 1000; background-color: rgba(0,0,0,0.3); opacity: 1; visibility: visible; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transform: translateX(100%); }
.nMenu-cnt.open { transform: translateX(0); }
.nMenu-cnt-down { cursor: pointer; width: 1.387rem; }
.nMenu-cnt-down-icon { position: absolute; left: 50%; top: 50%; margin-top: -.293rem; margin-left: -.293rem; width: .587rem; height: .587rem; }
.nMenu-cnt-list { margin-left: 1.387rem; background-color: #ffffff; }
.nMenu-cnt-list dt {height: 1.227rem;background-color: #f0f0f0;line-height: 1.227rem;font-size: .480rem;text-align: center;color: #333333;}
.nMenu-cnt-list dd {position: relative;padding-left: .933rem;height: 1.024rem;border-bottom: 1px solid #f9f9f9;line-height: 1.024rem;font-size: .400rem;}
.nMenu-cnt-list dd::after { content: ""; position: absolute; left: .453rem; top: 50%; margin-top: -.080rem; width: .160rem; height: .160rem; background-color: #666666; border-radius: 100%; }
.nMenu-cnt-list dd a { display: block; color: #666666; }
.content-name { padding-bottom: .400rem; border-bottom: 1px solid #f4f4f4; line-height: 1; font-size: .480rem; text-align: center; color: #000000; }
.page-cnt { padding: .400rem; background-color: #f2f2f2; }
.page-cnt li { padding-left: .533rem; width: 50%; box-sizing: border-box; background-image: url(../images/@2x/icon-05@2x.png); background-position: left center; background-repeat: no-repeat; background-size: .267rem .533rem; line-height: 1; font-size: .373rem; text-align: left; }
.page-cnt li a { color: #8f8f8f; }
.page-cnt li p { padding-top: .133rem; color: #333333; }
.page-cnt li:last-child { padding-right: .533rem; background-image: url(../images/@2x/icon-06@2x.png); background-position: right center; text-align: right; }

.language{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}
.languag_btn{
    margin-right: 15px;
    border: 1px solid #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    border-radius: 5px;
    color: #666;
    padding: 9px 20px;
    line-height: 1;
}
.languag_btn:last-child{
    margin-right: 0;
}