@charset "utf-8";
/* scrollbar */
::-webkit-scrollbar {-webkit-appearance: none;width: 6px;width: 6px;}
::-webkit-scrollbar-track {background: #ccc;}
::-webkit-scrollbar-thumb {background: #333;}
::-webkit-scrollbar-thumb:active {background: #666;}
/* 全局设置 */
@font-face {
	font-family: "思源黑体 Regular";
	font-weight: 400;
	src: url("//at.alicdn.com/wf/webfont/ZcaxAnfpRv5r/5KkluhRlswr70f6FEkDIW.woff2") format("woff2"),
		url("//at.alicdn.com/wf/webfont/ZcaxAnfpRv5r/tX3HiRx3xpq8RF9X6cFT1.woff") format("woff");
	font-display: swap;
}

body {width: 100%;height: 100%;font-size: 14px;font-family: Arial, "PingFang SC", "Microsoft YaHei";line-height: 1;}

.flex {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.position {
	position: relative;
}

.overflow {
	overflow: hidden;
}

.background {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.container {max-width: 1920px;margin: 0 auto;width: 100%;padding-left: 160px;padding-right: 160px;}
@media (max-width:1600px) {
	.container {padding-left: 120px;padding-right: 120px;}
}

@media (max-width:1400px) {
	.container {padding-left: 80px;padding-right: 80px;}
}

@media (max-width:1200px) {
	.container {padding-left: 50px;padding-right: 50px;}
}

@media (max-width:1000px) {
	.container {padding-left: 30px;padding-right: 30px;}
}

@media (max-width: 768px) {
	.container {padding-left: 15px;padding-right: 15px;}
}


.padding {
	padding-top: 100px;
	padding-bottom: 100px;
}
@media (max-width:1200px) {
	.padding{
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

@media (max-width:860px) {
	.padding{
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

@media (max-width:768px) {
	.padding{
		padding-top: 40px;
		padding-bottom: 40px;
	}
}


/* 主题色设置 */
:root {
	--default: #0C287E;
	--deputy: #E47C13;
}


/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
/* @font-face {
  font-family: 'iconfont';  
  src: url('//at.alicdn.com/t/c/font_3796989_qujb24nt6nj.woff2?t=1669688747806') format('woff2'),
       url('//at.alicdn.com/t/c/font_3796989_qujb24nt6nj.woff?t=1669688747806') format('woff'),
       url('//at.alicdn.com/t/c/font_3796989_qujb24nt6nj.ttf?t=1669688747806') format('truetype');
} */

@font-face {
	font-family: 'iconfont';
	src: url('../../iconfont/iconfont.woff2?t=1669975143241') format('woff2'),
		 url('../../iconfont/iconfont.woff?t=1669975143241') format('woff'),
		 url('../../iconfont/iconfont.ttf?t=1669975143241') format('truetype');
  }

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}


.header{position: fixed; top: 0; left: 0; z-index: 99; width: 100%; padding: 40px 0; transition: .3s;}

@media (max-width:1200px) {
	.header{ padding: 20px 0;}
}

@media (max-width:768px) {
	.header{ padding: 15px 0;}
}


.header-logo{display: block; }
.header-logo img{height: 20px;}

@media (max-width:640px) {
	.header-logo img{height: 18px;}
}

.header-wrapper{justify-content: space-between; align-items: center;}
.navigation ul li{margin: 0 20px;}
.navigation ul li a{ display: block; line-height: 45px; font-size: 16px; color: #fff; opacity: .7;}

.navigation ul li a.active{ opacity: 1;}

@media (max-width:1200px) {
	.navigation{display: none;}
}

.header-search{font-size: 18px; color: #fff;}
/*  */
.navbar {margin-left: 20px;width: 24px;cursor: pointer;display: none;}
.navbar span {display: block;width: 100%;height: 2px;background-color: #fff;}
.navbar span:nth-child(2) {position: relative;margin: 6px 0;}
@media(max-width: 1200px) {
	.navbar {display: block;}
}

.header-space{height: 85px;}
@media (max-width:640px) {
	.header-space{height: 40px;}
}


.header-active-white{padding: 20px 0; background-color: #fff!important;}
.header-active-white .navigation ul li a,
.header-active-white .header-search{color:#333;}
.header-active-white .navbar span {background-color: #333;}
.header-active{ padding: 20px 0; background-color: #1B1B1B;}
@media (max-width:768px) {
	.header-active-white{ padding: 15px 0;}
}

/*  */
.burger-bg{position:fixed;top:0;left:0;z-index:3378;padding:60px 15px 20px;width:100%;height:100%;background-color:#fff;transition:all .3s}
.burger-scroll{overflow-y:auto;height:100%}
.burger-logo{position:fixed;top:15px;left:15px}
.burger-logo img{height:20px}
@media (max-width:640px) {
	.burger-logo img{height: 20px;}
}
.close-burger{position:fixed;top:15px;right:15px;width:34px;height:29px}
.close-burger span{position:absolute;top:17px;left:6px;width:25px;height:1px;background-color:#000}
.close-burger span:first-child{transform:rotate(45deg)}
.close-burger span:last-child{transform:rotate(-45deg)}
.burger-bg-active{visibility:hidden;opacity:0;transform:translateX(120px)}
.burger-nav{position:relative;padding-top:20px;height:100%}
.burger-nav-lists>li{position:relative;border-bottom:1px solid #eee}
.burger-nav-lists>li>a{color:#333;font-size:18px;line-height:45px}
.burger-nav-f1{display:none;transition:none}
.burger-nav-f1 ul>li{position:relative;padding-left:20px;border-bottom:1px solid #eee}
.burger-nav-f1 ul>li:last-child{border-bottom:none}
.burger-nav-f1 ul>li a{color:#999;font-size:16px;line-height:45px}
.burger-nav-f2{display:none;transition:none}
.burger-nav-f2 li{border-color:#6196bb;background-color:#d6e6f1}
.burger-nav-f2 li a{padding-left:20px;color:#316a91;font-size:16px}
.burger-nav-lists li span{position:absolute;top:12px;right:15px;width:12px;height:12px;border-top:1px solid #333;border-right:1px solid #333;transform:rotate(135deg)}

/* 
|----------------------
|   footer
|----------------------
*/
.footer-support{padding: 100px 0; background-color: #1B1B1B; border-top: 1px solid #3D3D3D; border-bottom: 1px solid #3D3D3D;}
.footer-support ul{justify-content: center;}
.footer-support ul li{ padding: 0 50px; margin: 0 100px; text-align: center;}
.footer-support ul li i{font-size: 64px; color: #fff;}
.footer-support ul li h3{ margin-top: 20px; font-size: 24px; color: #fff;}
.footer-support ul li a{ position: relative; display: inline-block; margin-top: 10px; padding-right:15px; font-size: 16px; color: #999;}
.footer-support ul li a i{ position: absolute; top: 4px; right: 0; display: inline-block; width: 8px; height: 8px; border-top: 1px solid #999; border-right: 1px solid #999; transform: translateX(-4px) rotate(45deg);}

@media (max-width:1400px) {
	.footer-support{padding: 50px 0;}
	.footer-support ul li{ padding: 0 50px; margin: 0 30px; text-align: center;}
	.footer-support ul li i{font-size: 48px;}
	.footer-support ul li h3{ margin-top: 20px; font-size: 20px;}
}

@media (max-width: 768px) {
	.footer-support{padding: 30px 0;}
	.footer-support ul li{ padding: 0 20px; width: 33.33%; margin: 0; width: 33.33%;}
	.footer-support ul li i{font-size: 36px;}
	.footer-support ul li h3{ margin-top: 20px; font-size: 18px;}
	.footer-support ul li a{ margin-top: 10px; font-size: 14px; }
}

@media (max-width: 480px) {
	.footer-support{padding: 20px 0; border: none;}
	.footer-support ul li i{font-size: 24px;}
	.footer-support ul li h3{ margin-top: 15px; font-size: 14px;}
	.footer-support ul li a{ margin-top: 5px; padding-right: 10px; font-size: 12px; }
	.footer-support ul li a i{ position: absolute; top: 2px; right: -1px; }
}

.footer-bg{ padding-top: 80px; background-color: #1B1B1B;}

.footer-brand{width: 300px;}
.footer-logo img{margin-bottom: 20px;}
.footer-logo p{ margin-top: 10px; font-size: 16px; color: #A4A4A4;}

.footer-shar{margin-top: 40px;}
.footer-shar a{ margin-right: 15px; position: relative; display: inline-block; width: 46px; height: 46px; line-height: 46px; text-align: center; background-color: #474747; border-radius: 50%; }
.footer-shar a i{font-size: 24px; color: #d9d9d9; vertical-align: middle;}
.footer-shar a img{ position: absolute; bottom: 60px; left: 50%; margin-left: -60px; width: 120px; transform: translateY(-10px); visibility: hidden; opacity: 0;}
.footer-shar a:hover img{opacity: 1; visibility: visible; transform: translateY(0); transition: .3s;}

.footer-nav{flex: 1; padding-left: 120px; justify-content: space-between;}
.footer-nav-item{padding-left: 30px;}
.footer-nav-item h3{margin-bottom: 15px;}
.footer-nav-item h3 a{ font-size: 18px; color: #A4A4A4;}
.footer-nav-item ul li a{ margin-top: 10px; display: block; font-size:16px; color: #E6E6E6;}
@media (max-width:1400px) {
	.footer-brand{width: 240px;}
	.footer-nav{flex: 1; padding-left: 60px;}
}

@media (max-width:1200px) {
	.footer-brand{width: 100%;}
	.footer-nav{ margin-top: 30px; flex: 1; padding-left:0; width: 100%;}
	.footer-nav-item{padding-left: 0;}
}


@media (max-width: 768px) {
	
	.footer-bg{ padding-top: 40px; }
	
	.footer-logo img{ height: 18px;}
	
	.footer-nav{display: block;}
	.footer-nav-item{margin-bottom: 15px; border-bottom: 1px solid #444;}
	.footer-nav-item ul{display: none;}
	.footer-nav-item ul li a{ font-size:14px; }
}
@media (max-width: 640px) {
 
	.footer-nav-item h3 a{ font-size: 16px; color: #A4A4A4;}
}
/* 
|----------------------
|   copyright
|----------------------
*/
.copyright-bg{padding: 100px 0 40px;}

.copyright{ display: flex; justify-content: space-between; color: #999;}
.copyright p{margin-right: 10px;}
.copyright a{color: #999;}
.copyright a:hover{color: #fff;}

.copyright-link ul li{padding-left: 15px;}

@media (max-width: 768px) {
	.copyright-bg{padding: 0 0 10px;}
	.copyright{display: block;}
	.copyright p{text-align: center; width: 100%; margin-right: 0;}
	.copyright p span{display: block;}
	.copyright p b{display: none;}
	.copyright p a{display: block;}
	
	
	.copyright-link ul{ justify-content: center;}
	.copyright-link ul li{ margin-top: 20px; padding: 0 10px; }
}

/* 
|----------------------
|   comma sign
|----------------------
*/

.commaLink { display: flex; align-items: center; font-size: 12px; line-height: 14px; color:#C1C1C1;}
.commaLink span { padding-right: 5px;}
.commaLink svg { width: 14px;}
.commaLink svg circle {fill: none;}
.commaLink svg path {fill: #C1C1C1 ;}

.commaLink:hover span{ color:#ccc;}
.commaLink:hover svg circle{fill: #E40010;}
.commaLink:hover svg path {fill: #ccc ;}


/* sub */
.navigation .nav-menu-sub{position: absolute; top: 65px; left: 50%; z-index: 4; min-width: 140px; background-color: #fff; transform: translate(-50%,-5px); opacity: 0; visibility: hidden; transition:.3s}
.navigation.home-nav .nav-menu-sub{
	background: none;
}
.header-active .navigation.home-nav .nav-menu-sub{
	background-color: #1B1B1B;
}
.navigation .nav-menu-sub ul li a{display: block; padding: 0 15px; line-height: 50px; font-size: 16px; text-align: center; color: #999; white-space: nowrap;opacity: 1;}
.navigation .nav-menu-sub ul li a:hover{color: #333;}
.navigation.home-nav .nav-menu-sub ul li a:hover{color: #fff;}
.navigation>ul>li:hover .nav-menu-sub{ transform: translate(-50%,0); opacity: 1; visibility: visible;}

@media (max-width:1400px) {
	.navigation .nav-menu-sub{}
	.navigation .nav-menu-sub ul li a{ line-height: 50px; font-size: 14px;}
}
/* menu */

.burger-nav { position: relative; padding-top: 20px; height: 100%;}
.burger-nav-lists {}

.burger-nav-lists>li {position: relative; border-bottom: 1px solid #eee;}
.burger-nav-lists>li>a { font-size: 18px; color: #333; font-weight: bold; line-height: 45px;}

.burger-nav-f1 {display: none;}
.burger-nav-f1>li {position: relative; padding-left: 10px;  border-bottom: 1px solid #eee;}
.burger-nav-f1>li:last-child{border-bottom: none;}
.burger-nav-f1>li a{line-height: 45px; font-size: 16px; color: #333;}

.burger-nav-f2 {display: none; padding-bottom: 15px;}
.burger-nav-f2 li { }
.burger-nav-f2 li a {color: #333; padding-left: 10px; line-height: 35px; font-size: 14px;}

/*  */
.burger-nav-lists li span{position: absolute; top: 14px; right: 15px; width: 8px; height: 8px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(135deg);}