@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", "PingFangSC-Regular", "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"; }

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: 1440px; }

.automatic-img_01, .automatic-img_02, .automatic-img_03, .automatic-img_04, .automatic-img_05, .automatic-img_06, .automatic-img_07 { 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-nav { position: relative; z-index: 9; height: 86px; background-color: #ffffff; }

.hd-logo { padding: 19px 20px 19px 0; height: 48px; }

.hd-nav li { position: relative; float: left; height: 86px; }

.hd-nav li a { overflow: hidden; display: block; height: 86px; }

.hd-nav li a span { cursor: pointer; display: block; width: 124px; line-height: 86px; font-size: 16px; color: #333333; text-align: center; }

.hd-nav li a:hover span { background-color: #023798; color: #ffffff; }

.hd-nav li a.selected span { background-color: #023798; color: #ffffff; }

.hd-nav li a.current span { background-color: #023798; color: #ffffff; }

.hd-nav li .submenu { position: absolute; top: 0; left: 0; display: none; }

.hd-nav li .submenu { width: 100%; border: 1px solid #dfdfdf; background: #ffffff; box-sizing: border-box; }

.hd-nav li .submenu li { background: none; width: 100%; height: auto; border-bottom: 1px dashed #dfdfdf; }

.hd-nav li .submenu li:last-child { border-bottom-width: 0; }

.hd-nav li .submenu li a {display: block; height: 42px; line-height: 42px; font-size: 14px; color: #666666; text-align: center; text-transform: uppercase; }

.hd-nav li .submenu li a:hover { background-color: #E56100; color: #ffffff; }

/* 搜索-语言版本 */

.hd-nav__r { padding: 26px 0; }

.hd-nav__r-search { padding: 1px 30px 1px 10px; width: 173px; height: 30px; border: 1px solid #BEBEBE; border-radius: 17px; }

.hd-nav__r-search input { width: 100%; height: 30px; border: none; line-height: 30px; background-color: transparent; outline: none; font-size: 14px; color: black; }

.hd-nav__r-search input::-webkit-input-placeholder { color: #cccccc !important; }

.hd-nav__r-search input:-moz-placeholder { color: #cccccc !important; }

.hd-nav__r-search input::-moz-placeholder { color: #cccccc !important; }

.hd-nav__r-search input:-ms-input-placeholder { color: #cccccc !important; }

.hd-nav__r-search-btn { cursor: pointer; position: absolute; right: 1px; top: 1px; width: 30px; height: 30px; background-color: #023798; border-radius: 100%; }

.hd-nav__r-languages { padding-left: 35px; line-height: 34px; font-size: 16px; color: #333333; }

.hd-nav__r-languages a { color: #333333; }

.hd-nav__r-languages a:hover { color: #023798; }





/* -------------------------------- 模块标题 -------------------------------- */

.Title { padding-bottom: 5%; text-align: center; line-height: 1; }

.Title__h4 { font-size: 60px; font-weight: bold; text-transform: uppercase; color: rgba(255, 255, 255, .10); }

.Title__h3 { margin-top: -43px; font-size: 40px; font-weight: bold; text-transform: uppercase; color: #ffffff; }

.Title__h2 { padding-top: 18px; font-size: 28px; font-weight: bold; color: #ffffff; }

.Title.color .Title__h4 { color: rgba(51, 51, 51, .10); }

.Title.color .Title__h3 { color: #333333; }

.Title.color .Title__h2 { color: #666666; }





/* -------------------------------- 底部 -------------------------------- */

.foot { padding: 5% 0; background-color: #191919; }

.foot-l { width: 23.33%; color: #8d8d8d; }

.foot-l a { color: #8d8d8d; }

.foot-l a:hover { color: #ffffff; }

.foot-l__logo { padding-top: 14.29%; }

.foot-l__logo-box { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

.foot-l__font { padding-top: 5.95%; line-height: 32px; font-size: 14px; }

.foot-r { width: 74.44%; }

/* .foot-r-nav { display: -webkit-box; display: -webkit-flex; display: flex; } */

.foot-r-nav { }

.foot-r-nav:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }

/* .foot-r-nav__item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; line-height: 1; white-space: nowrap; } */

.foot-r-nav__item { float: left; padding-right: 1.66%; width: 15.00%; }

.foot-r-nav__item a { color: #ffffff; }

.foot-r-nav__item dt { padding-bottom: 16px; font-size: 20px; font-weight: bold; }

.foot-r-nav__item dd { line-height: 32px; font-size: 14px; }

.foot-r-nav__item dd a { color: #8d8d8d; text-transform: uppercase; }

.foot-r-nav__item dd a:hover { color: #ffffff; }

.foot-copy { border-top: 1px solid #2A2A2A; /*height: 60px;*/ background-color: #191919; line-height: 30px; font-size: 14px; text-align: center; color: #ffffff; padding:15px 0; }

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





/* -------------------------------- 公共样式 -------------------------------- */

.hove-img img { transition: 424ms linear; -webkit-transition: 424ms linear; -moz-transition: 424ms linear; }

.hove-img:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }

.list li img { transition: 424ms linear; -webkit-transition: 424ms linear; -moz-transition: 424ms linear; }

.list li:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }

.ListHover { position: absolute; left: 0; top: 0; box-sizing: border-box; width: 100%; height: 100%; background: rgba(2,55,152,0.3); filter: alpha(opacity=30); z-index: 30; opacity: .30; transform: skewX(45deg); visibility: hidden; transition: 360ms; }

.ListHover b { position: absolute; left: 50%; top: 50%; margin-left: -23px; margin-top: -23px; z-index:30; display: block; width: 46px; height: 46px; } 

.ListHover b:before { content: ""; position: absolute; left: 0; top: 23px; width: 100%; height: 1px; background-color: #023798; transform: translateX(-200px); -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); } 

.ListHover b:after { content: ""; position: absolute; left: 23px; top: 0; width: 1px; height:100%; background-color: #023798; transform: translateY(-200px); -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); } 

.ListHover:before { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 0%; border-left: 3px solid #023798; border-right: 3px solid #023798; box-sizing: border-box; transition: 320ms; } 

.ListHover:after { content: ""; position: absolute; left: 0; top: 0; width: 0%; height: 100%; border-top: 3px solid #023798; border-bottom: 3px solid #023798; box-sizing: border-box; transition: 320ms;} 

.list li:hover .ListHover { opacity: 1; transform: skewX(0); visibility: visible; } 

.list li:hover .ListHover:before { height: 100%; transition: 330ms 200ms; } 

.list li:hover .ListHover:after { width: 100%; transition: 330ms 200ms; }  

.list li:hover .ListHover b:before { transition: 355ms 180ms; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); } 

.list li:hover .ListHover b:after { transition: 355ms 240ms; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); } 

.nBanner { padding-top: 27.08%; background-color: #333333; }

.nBanner-cnt { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #c4c4c4; }

.nMenu { height: 80px; line-height: 80px; background-color: #ffffff }

.nMenu_item { padding: 0 16px; line-height: 80px; font-size: 16px; color: #333333; } 

.nMenu_item:hover { background-color: #023798; color: #ffffff; }

.nMenu_item.nMenu_item_hover { background-color: #023798 !important; color: #ffffff; }

.bread { line-height: 80px; font-size: 14px; color: #333333; }

.bread a { color: #333333; }

.bread span { color: #023798; }

.nContent { padding: 5% 0; background-color: #F5F5F5; }

.nContent-cnt {  }





/* -------------------------------- 列表页翻页 -------------------------------- */

.page-fy { height: 32px; line-height: 24px; text-align: center; font-size: 0; }

.page-fy span { display: inline-block; padding: 8px 12px !important; margin: 0 4px; background-color: #023798 !important; border: 1px solid #023798 !important; line-height: 1; font-size: 12px !important; color: #ffffff !important; }

.page-fy a { display: inline-block; padding: 8px 12px; margin: 0 4px; background-color: #ffffff; border: 1px solid #bbbbbb; line-height: 1; font-size: 12px; color: #999999; }

.page-fy a:hover { background-color: #023798; border: 1px solid #023798; color: #ffffff; }





/* -------------------------------- 内页-详细页标题 来源 发布时间 分享 -------------------------------- */

.nDetails { padding-top: 60px; padding-bottom: 100px; }

.nDetails__h1 { line-height: 40px; font-size: 24px; font-weight: bold; text-align: center; color: #333333; }

.nDetails-info { margin-top: 16px; line-height: 20px; font-size: 0; text-align: center; color: #666666; }

.nDetails-info-font { position: relative; display: inline-block; margin: 0 8px; font-size: 14px; }

.nDetails-info-font:last-child { margin-bottom: -7px; } 

.nDetails-info-font i { color: #999999; }

.nDetails-info-font .bdsharebuttonbox { display: inline-block; float: left; }

.nDetails-info-font .bdshare-button-style1-24 a { float: none !important; display: inline-block!important; font-size: 0 !important; padding-left: 0 !important; line-height: 0 !important; width: 20px; height: 20px !important; background-image: url("../images/icon-09.png") !important; _background-image: url("../images/icon-09.png") !important; background-size: 20px 80px; margin: 0 5px -3px 0 !important; }

.nDetails-info-font .bdshare-button-style1-24 .bds_tsina { background-position: 0 0; }

.nDetails-info-font .bdshare-button-style1-24 .bds_weixin { background-position: 0 -20px; }

.nDetails-info-font .bdshare-button-style1-24 .bds_qzone { background-position: 0 -40px; }

.nDetails-info-font .bdshare-button-style1-24 .bds_sqq { background-position: 0 -60px; }

.nDetails-font { margin-top: 24px; margin-bottom: 48px; padding-top: 24px; border-top: 1px dotted #cccccc; line-height: 24px; font-size: 14px; text-align: justify; color: #999999; }

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





/* -------------------------------- 详情页翻页 -------------------------------- */

.page-btn { margin: 24px 0; }

.page-btn li { padding: 0 32px; width: 30%; line-height: 24px; font-size: 14px; }

.page-btn li.prev { text-align: left; background: url(../images/icon-10.png) no-repeat left center; background-size: 20px 21px; }

.page-btn li.next { text-align: right; background: url(../images/icon-11.png) no-repeat right center; background-size: 20px 21px; }

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

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





/* -------------------------------- 浮动 -------------------------------- */

.fixside { position: fixed; width: 54px; height: 216px; right: 0px; bottom: 0px; z-index: 100; }

.fixside li { cursor: pointer; position: relative; border-bottom: 1px solid #355fad; width: 54px; height: 54px; background-color: #023798; }

.fixside li:last-child { border-bottom-width: 0; }

.fixside li .fixsidebox { width: 54px; height: 54px; }

.fixside_wx { position: absolute; right: 74px; top: 0; display: none; padding: 10px; width: 130px; height: 130px; border: 1px solid #cccccc; background-color: #ffffff; border-radius: 10px; }

.fixside_contant { position: absolute; right: 74px; top: 50%; margin-top: -22px; z-index: 10; display: none; padding: 0 10px; width: 115px; height: 42px; border: 1px solid #cccccc; background-color: #ffffff; border-radius: 5px; line-height: 42px; font-size: 14px; }

.fixside_contant.w170 { width: 170px; }

.fixside_icon { position: absolute; right: 68px; top: 50%; margin-top: -6px; z-index: 11; display: none; width: 7px; height: 13px; }

.fixside li:hover .fixside_wx, .fixside li:hover .fixside_contant, .fixside li:hover .fixside_icon { display: block; }



.headerSJ { display: none; }





@media(max-width: 1500px){

    .main { width: 1200px; }

    .hd-nav li a span {  width: 120px; font-size: 14px; }

    .hd-nav li .submenu li a { font-size: 12px; }

    .hd-nav__r-search { display: none; }

}

@media(max-width:960px){

    .main { width: auto; margin: 0 15px; }

	.hd-nav, .fixside, .foot, .nMenu { display: none; }

	



	.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 12px; height: 60px; }

	.headerSJ .logo { float: left; padding: 10px 0; font-size: 0; }

	.headerSJ .logo img { height: 40px; }

	.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: 16px; color: #ffffff; text-transform: uppercase; }

	.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: 36px; line-height: 36px; font-size: 14px; text-transform: uppercase; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

	.headerSJ .navwrap .nav .plus a { background: url(../images/icon-12.png) right center no-repeat; }

	.headerSJ .navwrap .nav .minus a { background: url(../images/icon-13.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: 16px; color: #ffffff; }



	.navbar { position: relative; padding: 9px 10px; margin-top: 14px; margin-right: 0px; margin-bottom: 8px; float: right; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; border-color: #0a6fb5; outline: none; }

	.navbar:focus { background-color: #0a6fb5; }

	.navbar:focus .icon-bar { background-color: #ffffff;}

	.navbar .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #0a6fb5;}

	.navbar .icon-bar+.icon-bar { margin-top: 4px; }





    /* -------------------------------- 模块标题 -------------------------------- */

    .Title__h4 { font-size: 30px; }

    .Title__h3 { margin-top: -21px; font-size: 20px; }

    .Title__h2 { padding-top: 6px; font-size: 18px; }

    .foot-copy { padding: 2.5% 0; height: auto; line-height: 24px; }

}