@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; background-color: #F4F5FA; }
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; }
.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 { padding: 0 12.50%; }
.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; background-image: url(../images/hearder-bg.png); background-position: center top; background-repeat: no-repeat; background-size: auto 40px; }
.hd-heard-box { display: flex; display: -webkit-flex; justify-content: space-between; }
.logo { padding: 19px 0 15px; width: 12.85%; height: 66px; }
.logo img { height: 66px; }
.hearder-r { width: 87.15%; }
/* 语言版本 */
.language { padding-left: 10px; height: 40px; }
.language li { position: relative; float: left; padding-left: 14px; margin-left: 14px; height: 40px; line-height: 40px; }
.language li::before { content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -6px; width: 2px; height: 12px; background-color: #ffffff; }
.language li:first-child { padding-left: 0; margin-left: 0; }
.language li:first-child::before { display: none; }
.language li a { font-size: 14px; color: #ffffff; }
.language li a:hover { color: #ffffff; }  
/* 搜索 */
.search { margin: 11px 0 11px 34px; width: 18px; height: 18px; }
.search-open { cursor: pointer; display: block; width: 18px; height: 18px; }
.search-close { cursor: pointer; display: none; width: 18px; height: 18px; }
.search-box { position: absolute; left: 0; top: 100px; 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: #E54700; }
.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; }
/* 小图标 */
.header-icon { margin: 11px 0; height: 18px; font-size: 0; }
.header-icon a { display: block; padding-right: 34px; height: 18px; }
/* 语言版本 */
.header-tel { padding-left: 10px; margin-right: 34px; height: 40px; }
.header-tel li { position: relative; float: left; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; color: #ffffff; }
/* 导航 */
.menu { height: 60px; display: flex; display: -webkit-flex; justify-content: flex-end; }
.menu ul { width: 80%; display: flex; display: -webkit-flex; justify-content: flex-end; }
.menu li { height: 60px; -webkit-flex: 1; flex: 1; font-size: 0; text-align: center; }
.menu a.menu_a { position: relative; display:inline-block; height: 60px; line-height: 60px; font-size: 16px; 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-07.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: #E54700; -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: 100px; left: 0; right: 0; z-index: 999999; padding: 2.08% 0 0; display: none; width: 100%; background-color: #F1F1F1; }
.menu-box-list { display: -webkit-box; display: -webkit-flex; display: flex; }
.menu-box-list .menu-cnt_item { margin-left: 2.08%; margin-bottom: 2.08%; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.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: 4.16%; line-height: 1; text-align: left; }
.menu-cnt_item-tit { font-size: 18px; color: #000000; }
.menu-cnt_item-line { margin-top: 4.16%; width: 20px; height: 3px; background-color: #E54700; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; }
.menu-cnt_item:hover .menu-cnt_item-line { width: 100%; }
.menu-box dl { padding-bottom: 2.08%; width: 20%; text-align: left; }
.menu-box dl dt { position: relative; padding-right: 20px; padding-bottom: 20px; line-height: 1; font-weight: bold; font-size: 14px; }
.menu-box dl dt:after { content: ""; position: absolute; left: 0; bottom: 8px; width: 20px; height: 2px; background-color: #E54700; }
.menu-box dl dt a { color: #333333; }
.menu-box dl dt a:hover { color: #E54700; }
.menu-box dl dd { line-height: 1; line-height: 2; font-size: 14px; }
.menu-box dl dd a { color: #666666; }
.menu-box dl dd a:hover { color: #E54700; }


/* -------------------------------- 底部 -------------------------------- */
.foot { padding: 4.17% 0; background-color: #F4F5FA; }
.foot-box { display: flex; display: -webkit-flex; justify-content: space-between; }
.foot-l { width: 23%; }
.foot-l dt { padding-bottom: 5.99%; line-height: 1; font-size: 16px; font-weight: bold; color: #333333; }
.foot-l dd { line-height: 2.5; font-size: 14px; color: #666666; }
.foot-l dd a { color: #666666; }
.foot-l dd a:hover { color: #000000; }
.foot-r { width: 66%; }
.foot-r ul { display: flex; display: -webkit-flex; justify-content: flex-end; }
.foot-r li { -webkit-flex: 1; flex: 1; font-size: 0; padding-right: 3.66%; width: 13.61%; }
.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: #333333; }
.foot-r li dt a { display: block; color: #333333; }
.foot-r li dt a:hover { color: #000000; }
.foot-r li dd { line-height: 2.5; font-size: 14px; }
.foot-r li dd a { display: block; color: #666666; }
.foot-r li dd a:hover { color: #000000; }
.foot-copy { padding: 0.83% 0; border-top: 1px solid #e3e3e3; background-color: #F4F5FA; }
.foot-copy-l { line-height: 34px; font-size: 14px; color: #666666; }
.foot-copy-l a { color: #666666; }
.foot-copy-l a:hover { color: #000000; }
.links { cursor: pointer; position: relative; width: 14.58%; height: 32px; border: 1px solid #e3e3e3; }
.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: #333333; }
.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: #666666; }
.links-list a:hover { color:#000000; }


/* -------------------------------- 公共样式 -------------------------------- */
.Title { line-height: 1; font-size: 36px; font-weight: bold; color: #333333; text-align: center; }
.nBanner { padding-top: 31.25%; }
.nBanner-cnt { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.nMenu { height: 60px; line-height: 60px; background-color: #F4F5FA; }
.nMenu-box { display: flex; display: -webkit-flex; justify-content: space-between; }
.nMenu-l li { position: relative; float: left; padding: 0 30px; font-size: 16px; }
.nMenu-l li::after { content: ""; position: absolute; right: 0; top: 50%; margin-top: -8px; width: 1px; height: 16px; background-color: #DCDCDC; }
.nMenu-l li:last-child::after { display: none; }
.nMenu-l li a { color: #333333; }
.nMenu-l li a:hover { color: #E54700; }
.nMenu-l-hover a { color: #E54700 !important; }
.nMenu-r { padding-left: 20px; background-image: url(../images/icon-13.png); background-repeat: no-repeat; background-position: left center; background-size: 14px; line-height: 60px; font-size: 14px; color: #666666; }
.nMenu-r i { padding-right: 26px; background-image: url(../images/icon-14.png); background-repeat: no-repeat; background-position: center; background-size: 5px 9px; }
.nMenu-r i.icon { background-image: url(../images/icon-15.png); }
.nMenu-r a { color: #666666; }
.nMenu-r a:hover { color: #E54700; }
.nMenu-r span { color: #E54700; }
.nTitle { padding-top: 4.72%; padding-bottom: 2.36%; line-height: 1; text-align: center; }
.nTitle__h2 { font-weight: bold; font-size: 32px; color: #333333; }
.nTitle__h3 { margin-top: 17px; margin-bottom: 25px; font-size: 14px; color: #666666; }
.nTitle__line { width: 2.88%; height: 3px; background-color: #E54700; }
.nContent {  padding: 4.68% 0 6.25%; background-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: #E54700 !important; border: 1px solid #E54700 !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 #DCDCDC; color: #1C1E2B; font-size: 14px; border-radius: 5px; }
.page-fy a:hover { background-color: #E54700; border: 1px solid #E54700; color: #ffffff; }
/* 详情页翻页 */
.page-btn { margin: 28px 0 0; display: flex; display: -webkit-flex; justify-content: space-between; }
.page-btn__item { padding: 0 32px; width: 500px; line-height: 24px; font-size: 14px; }
.page-btn__item.prev { text-align: left; background: url(../images/icon-30.png) no-repeat left center; background-size: 20px 21px; }
.page-btn__item.next { text-align: right; background: url(../images/icon-31.png) no-repeat right center; background-size: 20px 21px; }
.page-btn__item a { color: #666666; }
.page-btn__item a:hover { color: #E54700; }


.headerSJ, .name-icon, .name__h2, .nMenu-btn, .nMenu-cnt, .nMenu-name { display: none; }
@media(max-width: 1500px){
    .wrap { padding: 0 8.78%; }
	.menu li { float: left; padding: 0 17px; }
	/* -------------------------------- 内页 - 公共样式 -------------------------------- */
	.nMenu { height: 48px; line-height: 48px; }
	.nMenu-l li { padding: 0 22px; font-size: 12px; }
	.nMenu-l li::after { height: 12px; }
	.nMenu-r { line-height: 48px; font-size: 12px; }
	.nTitle__h2 { font-size: 24px; }
	.nTitle__h3 { margin-top: 12px; margin-bottom: 18px; font-size: 12px; }
}
@media(max-width:960px){
    .hd-heard, .foot, .links { display: none; }
    .wrap { padding: 0 16px; }

    .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-10.png) right center no-repeat; }
	.headerSJ .navwrap .nav .minus a { background: url(../images/icon-11.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: #E54700; outline: none; }
	.navbar:focus { background-color: #E54700; }
	.navbar:focus .icon-bar { background-color: #ffffff;}
	.navbar .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #E54700; }
    .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%; }
    .Title { font-size: 18px; }
	.nMenu { height: 42px; line-height: 42px; background-color: #F1F1F1; }
	.nMenu-l, .nMenu-r { display: none; }
	.nMenu-name { display: block; }
	.name-icon { display: block; padding-right: 12px; margin: 13px 0; width: 20px; }
	.name-icon__item { margin-bottom: 2px; }
	.name-icon__item-l { width: 4px; height: 4px; background-color: #E54700; border-radius: 2px; }
	.name-icon__item-r { margin-left: 2px; width: 14px; height: 4px; background-color: #E54700; border-radius: 2px; }
	.name.color { background-color: #d9d9d9; color: #686868; }
	.name__h2 { display: block; font-size: 16px; font-weight: bold; color: #E54700; }
	.nMenu-btn { display: block; margin: 11px 0; width: 20px; }
	.nMenu-btn li { float: left; margin-right: 1px; margin-bottom: 1px; width: 5px; height: 5px; background-color: #E54700; }
	.nMenu-btn li:nth-child(3n) { margin-right: 0; }
	.nMenu-cnt { display: block; 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: 52px; }
	.nMenu-cnt-down-icon { position: absolute; left: 50%; top: 50%; margin-top: -12px; margin-left: -12px; width: 24px; height: 24px; }
	.nMenu-cnt-list { margin-left: 52px; background-color: #ffffff; }
	.nMenu-cnt-list dt { height: 48px; background-color: #f0f0f0; line-height: 48px; font-size: 20px; text-align: center; color: #333333; }
	.nMenu-cnt-list dd { position: relative; padding-left: 36px; height: 42px; border-bottom: 1px solid #f9f9f9; line-height: 42px; font-size: 14px; }
	.nMenu-cnt-list dd::after { content: ""; position: absolute; left: 16px; top: 50%; margin-top: -3px; width: 6px; height: 6px; background-color: #666666; border-radius: 100%; }
	.nMenu-cnt-list dd a { display: block; color: #666666; }
	.nContent { padding-bottom: 30px; }
	/* 详情页翻页 */
	.page-btn { margin: 20px 0 0; }
	.page-btn li { padding: 2.36% 32px; width: 100%; box-sizing: border-box;}
	.page-btn li.prev { text-align: left; background: url(../images/icon-20.png) no-repeat left center; }
	.page-btn li.next { text-align: left; background: url(../images/icon-21.png) no-repeat left center; }




}