@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: "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; text-overflow: ellipsis; }
.txt-cut { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; /* -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; }
.center { text-align: center !important; }
.img { font-size: 0; }
.img-size img { width: 100%; height: 100%; }
.w100 { width: 100% !important; }
.h100 { height: 100%; }
.mg-auto { margin: auto; }
.mt10-auto { margin: 10px auto 0; }
.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; }
.tcenter { text-align: center; }
.wrap { width: 1200px; }
.automatic-01, .automatic-02, .automatic-03, .automatic-04, .automatic-05, .automatic-06, .automatic-07, .automatic-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; }


/* -------------------------------- 头部导航 -------------------------------- */
.hd-heard { position: relative; background-color: #ffffff; }
.logo { padding: 12px 0; height: 66px; }
/* 导航 */
.menu { margin-left: 80px; height: 90px; }
.menu li { float: left; padding: 0 40px; height: 90px; }
.menu a.menu_a { position: relative; display:inline-block; height: 90px; line-height: 90px; font-size: 14px; color:#333333; }
.menu a.menu_a i { position: absolute; right: -20px; top: 50%; margin-top: -3px; display: block; width: 12px; height: 6px; background-image: url(../images/icon-03.png); background-repeat: no-repeat; background-position: center; }
.menu_a:after { content: " "; position: absolute; left: 50%; right: 50%; bottom: 0px; display: block; height: 3px; opacity: 0; background-color: #AB150B; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; }
.menu li:hover .menu_a:after { left: 0; right: 0; opacity: 1; }
.menu .menu-box { overflow:hidden; position: absolute; top: 90px; left: 0; right: 0; z-index: 999999; padding: 2.36% 0 0; display: none; width: 100%; background-color: #ffffff; border-top: 1px solid #f1f1f1; }
.menu-box-list { display: -webkit-box; display: -webkit-flex; display: flex; }
.menu-box-list .menu-cnt_item { margin-left: 2.36%; margin-bottom: 2.36%; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 18.11%;}
.menu-box-list .menu-cnt_item:first-child { margin-left: 0; }
.menu-cnt_item__img { padding-top: 61.79%; z-index: 1; background-color: #ffffff; }
.menu-cnt_item__img-box { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.menu-cnt_item-font { padding-top: 5.99%; line-height: 1; text-align: left; }
.menu-cnt_item-tit { font-size: 16px; color: #000000; }
.menu-cnt_item-txt { padding: 10px 0 20px; font-size: 14px; color: #666666; }
.menu-cnt_item-line { width: 20px; height: 3px; background-color: #AB150B; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; }
.menu-cnt_item:hover .menu-cnt_item-line { width: 100%; }

/* 语言版本 */
.language { height: 90px; }
.language li { position: relative; float: left; padding-left: 14px; margin-left: 14px; height: 90px; line-height: 90px; }
.language li::before { content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -6px; width: 2px; height: 12px; background-color: #000000; }
.language li:first-child { padding-left: 0; margin-left: 0; }
.language li:first-child::before { display: none; }
.language li a { font-size: 14px; color: #333333; }
.language li a:hover { color: #0153DB; }
/* 搜索 */
.search { margin: 31px 0 31px 1.94% ; padding: 6px; width: 16px; height: 16px; background-color: #F8F8F8; border-radius: 100%; }
.search-open { cursor: pointer; display: block; width: 16px; height: 16px; }
.search-close { cursor: pointer; display: none; width: 16px; height: 16px; }
.search-box { position: absolute; left: 0; top: 90px; z-index: 99999; display: none; width: 100%; background-color :#F1F1F1; }
.search-cnt { padding: 20px 60px; }
.search-wrap { width: 455px; border: 1px solid #d9d9d9; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.search-input { padding-left: 20px; width: 395px; height: 40px; background-color: #ffffff; }
.search-btn { cursor: pointer; padding: 8px; width: 24px; height: 24px; background-color: #AB150B; }
.search-input input { display: block; width: 100%; height: 40px; border-width: 0; background-color: transparent; outline: medium none; line-height: 40px; font-family: "Noto Sans CJK SC", "Source Han Sans CN", "PingFangSC-Regular", "sans-serif", "Arial"; font-size: 14px; color: #333333; }
.search-input input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #ffffff inset; -webkit-text-fill-color: #333333; }


/* -------------------------------- 底部 -------------------------------- */
.foot { padding: 2% 0; background-color: #000000; }
.foot-l { width: 33.333%; }
.foot-l dt { padding-bottom: 5.99%; line-height: 1; font-size: 16px; font-weight: bold; color: #ffffff; }
.foot-l dd { line-height: 2.5; font-size: 14px; color: #cccccc; }
.foot-l dd a { color: #cccccc; }
.foot-l dd a:hover { color: #e5e5e5; }
.foot-r { width: 66.667%; }
.foot-r li { float: left; padding-right: 6.25%; width: 15%; }
.foot-r li:last-child { padding-right: 0; }
.foot-r li dt { padding-bottom: 11.24%; line-height: 1; font-size: 16px; font-weight: bold; color: #ffffff; }
.foot-r li dd { line-height: 2.5; font-size: 14px; }
.foot-r li dd a { display: block; color: #cccccc; }
.foot-r li dd a:hover { color: #e5e5e5; }
.foot-copy { padding: 0.83% 0; border-top: 1px solid #333333; background-color: #000000; }
.foot-copy-l { line-height: 34px; font-size: 14px; color: #cccccc; }
.foot-copy-l a { color: #cccccc; }
.foot-copy-l a:hover { color: #e5e5e5; }
.links { cursor: pointer; position: relative; width: 14.58%; height: 32px; border: 1px solid #333333; }
.links p { cursor: pointer; padding: 0 20px 0 10px; background: url(../images/icon-06.png) no-repeat 95% center; font-size: 14px; line-height: 32px; color: #cccccc; }
.links-list { position: absolute; left: 0; bottom: 33px; display:none; width: 100%; box-sizing: border-box; padding: 4px 24px 4px 8px; background-color: #ffffff; }
.links-list a { display: block; line-height: 32px; font-size: 14px; color: #333333; }
.links-list a:hover { color:#333333; }


/* -------------------------------- 内页 - 公共样式 -------------------------------- */
.nBanner { padding-top: 31.25%; background-size: contain; }
.nBanner-cnt { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: black; }
.iTitle { padding-bottom: 2.25%; text-align: center; line-height: 1; }
.iTitle__h2 { font-size: 36px; font-weight: bold; color: #333333; }
.iTitle__h3 { padding: 14px 0; font-size: 14px; font-weight: lighter; text-transform: uppercase; color: #999999; }
.iTitle__h4 { font-size: 16px; color: #666666; }
.iTitle.white .iTitle__h2, .iTitle.white .iTitle__h3, .iTitle.white .iTitle__h4 { color: #ffffff; }
.page-fy { line-height: 1; text-align: center; font-size: 0; }
.page-fy span { display: inline-block; padding: 8px 10px !important; margin: 0 6px; background-color: #AB150B !important; border: 1px solid #AB150B !important; font-size: 14px !important; color: #ffffff !important; border-radius: 5px; }
.page-fy a { display: inline-block; padding: 8px 10px; margin: 0 6px; background-color: #ffffff; border: 1px solid #bdbdbd; color: #999999; font-size: 14px; border-radius: 5px; }
.page-fy a:hover { background-color: #AB150B; border: 1px solid #AB150B; color: #ffffff; }
/* 详情页翻页 */
.page-btn { margin: 28px 0 0; }
.page-btn li { padding: 0 32px; width: 500px; line-height: 24px; font-size: 14px; }
.page-btn li.prev { text-align: left; background: url(../images/icon-16.png) no-repeat left center; background-size: 20px 21px; }
.page-btn li.next { text-align: right; background: url(../images/icon-17.png) no-repeat right center; background-size: 20px 21px; }
.page-btn li a { color: #666666; }
.page-btn li a:hover { color: #AB150B; }


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{
    width: 7px;
    height: 7px;
    background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #c8c8c8;
}


.headerSJ { display: none; }
@media(max-width:960px){
    .hd-heard, .foot, .links { display: none; }
    .wrap { padding: 0 16px; width: auto; }

    .headerSJ { padding: 0px 0px; display: block; width:100%; box-shadow: 0px 1px 10px rgba(0,0,0,0.2); background-color: #ffffff; }
	.headerSJ .headerSC { padding: 0px 15px; height: 60px; }
	.headerSJ .logoSJ { float: left; padding: 15px 0; font-size: 0; }
	.headerSJ .logoSJ img { height: 30px; }
	.headerSJ .navwrap { position: fixed; top: 0px; left: -50%;z-index:9000; width: 50%; height: 100%; background-color: #000000; opacity:0;}
	.headerSJ .navwrap .nav { padding: 10px 5% 0px 5%; }
	.headerSJ .navwrap .nav li { padding: 0px 5%; border-bottom: 1px solid #232530; line-height: 42px; }
	.headerSJ .navwrap .nav li a { display: block; font-size: 14px; color: #ffffff; }
	.headerSJ .navbg { position: fixed; left:0px; top: 0px; z-index: 1001; display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); }
	.headerSJ .navbg .closeSJ { position:absolute; right: 20px; top: 20px; }
	.headerSJ .navwrap .nav .SJbod { display: none; }
	.headerSJ .navwrap .nav .SJbod dd a { height: 32px; line-height: 32px; font-size: 12px; }
	.headerSJ .navwrap .nav .plus a { background: url(../images/icon-04.png) right center no-repeat; }
	.headerSJ .navwrap .nav .minus a { background: url(../images/icon-05.jpg) right center no-repeat; }
	.headerSJ .navwrap .nav .lan .SJtit a { display: inline-block;}
	.headerSJ .navwrap .nav .lan .SJtit span { padding: 0px 5px; display: inline-block; font-size: 12px; color: #ffffff; }
	.navbar { position: relative; padding: 9px 10px; margin-top: 13px; margin-right: 0px; margin-bottom: 8px; float: right; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; border-color: #AB150B; outline: none; }
	.navbar:focus { background-color: #AB150B; }
	.navbar:focus .icon-bar { background-color: #ffffff;}
	.navbar .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #AB150B; }
    .navbar .icon-bar+.icon-bar { margin-top: 4px; }
    
    .foot-copy { padding: 3.32% 0; }
    .foot-copy-l { line-height: 1.5; text-align: center; }

    /* -------------------------------- 内页 - 公共样式 -------------------------------- */
    .nBanner { padding-top: 48.82%; }
	.iTitle { padding-bottom: 4.94% }
	.iTitle__h2 { font-size: 24px; }
	.iTitle__h3 { padding: 6px 0; font-size: 12px; }
	.iTitle__h4 { font-size: 12px; display: none;}
	
	/* 详情页翻页 */
	.page-btn li { width: 100%; box-sizing: border-box; }
	.page-btn li.next { text-align: left; background: url(../images/icon-17.png) no-repeat left center; }
}