@charset "utf-8";
/* 
|----------------------
|   全局设置
|----------------------
*/
/** {transition: all .3s;}*/
html {font-size: 62.5%;}
body {font-size: 1.8rem; font-family: Arial,"Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;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;}
.position {position: relative;}
.overflow {overflow: hidden;}
.background {background-position: center;background-repeat: no-repeat;background-size: cover;}

.container {margin: 0 auto;width: 100%; padding-left: 18rem; padding-right: 18rem;}
@media (max-width:1700px) {
	.container {padding-left: 7rem;padding-right: 7rem;}
}

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

.padding {padding-top: 10rem;padding-bottom: 10rem;}
@media (max-width:1700px) {
	.padding {padding-top: 7rem;padding-bottom: 7rem;}
}

@media (max-width:1400px) {
	.padding {padding-top: 5rem;padding-bottom: 5rem;}
}

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

/*scrollbar*/
::-webkit-scrollbar{width:4px;-webkit-appearance:none;-webkit-border-radius:100px}
::-webkit-scrollbar-track{background:#9f9f9f;-webkit-border-radius:100px}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:vertical{background:#666;border:none;-webkit-border-radius:100px}
::-webkit-scrollbar-thumb:vertical:active{background:#666;border:none;-webkit-border-radius:100px}

/* 
|----------------------
|   主题色设置
|----------------------
*/
:root {
	/* 主色调 */
	--default: #0C287E;
	/* 辅助色 */
	--fuColor: #E47C13;
}

/* 
|----------------------
|   字体图标
|----------------------
*/
@font-face {
  font-family: 'iconfont';  /* Project id 3199141 */
  src: url('//at.alicdn.com/t/font_3199141_gcyr68bpo7f.woff2?t=1645688049873') format('woff2'),
       url('//at.alicdn.com/t/font_3199141_gcyr68bpo7f.woff?t=1645688049873') format('woff'),
       url('//at.alicdn.com/t/font_3199141_gcyr68bpo7f.ttf?t=1645688049873') format('truetype');
}

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

@font-face {
  font-family: 'iconpublic';  /* Project id 2997381 */
  src: url('//at.alicdn.com/t/font_2997381_uvq54kazcu8.woff2?t=1645688323273') format('woff2'),
       url('//at.alicdn.com/t/font_2997381_uvq54kazcu8.woff?t=1645688323273') format('woff'),
       url('//at.alicdn.com/t/font_2997381_uvq54kazcu8.ttf?t=1645688323273') format('truetype');
}

.iconpublic {
	font-family: "iconpublic" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* 
|----------------------
|   header
|----------------------
*/
.header{ position: fixed; top: 3.4rem; left: 0; z-index: 99; width: 100%; transition:.3s;}
@media (max-width:1200px) {
	.header{ top: 1.5rem;}
	.header .container{padding: 0 1.5rem;}
}
.active-header{ top: 0; padding: 1.5rem 0; background-color: #fff; transition:none;}
/* wrap */
.header-wrap{justify-content: space-between; align-items: center;}
/* logo */
.header-logo img{height: 5rem;}
@media (max-width:1400px) {
	.header-logo img{height: 4rem;}
}

@media (max-width:768px) {
	.header-logo img{height: 3rem;}
}
/* navmenu */
.nav-menu>ul>li{ position: relative; margin-left: 6rem;}
.nav-menu>ul>li>a{display: block; padding: 1rem 0; font-size: 1.8rem; color: #333;}
.nav-menu>ul>li.on>a,
.nav-menu>ul>li:hover>a{color: var(--default); box-shadow: 0 -2px 0 var(--default) inset;}

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

/* navbar */
.navbar { margin-left: 25px; width: 30px; cursor: pointer;display: none;}
.navbar span {display: block;width: 100%;height: 2px;background-color: var(--default);}
.navbar span:nth-child(2) {position: relative;margin: 7px 0;}
@media(max-width: 1200px) {
    .navbar {display: block;}
}

/* mobile-nav */
.mobile-nav {position: fixed;top: 0;left: 0; z-index: 1071;width: 100%;height: 100%; background-color: rgba(255,255,255,1); visibility: hidden; opacity: 0; transition:.3s}
/* menu */
.mobile-box{ width: 100%; height: 100%;  overflow: hidden; visibility: hidden; opacity: 0; transform: translateX(-120px);}
.mobile-logo {padding: 15px; margin-bottom: 15px; display:block;}
.mobile-logo img{height: 30px;}
.mobile-menu ul {display: block; padding: 0 15px;}
.mobile-menu>ul>li{position: relative; border-bottom: 1px solid #eee;transform: translateX(10px); transition: .3s;}


.mobile-menu ul li .nav-menu-ico{ top: 15px; margin-top: 0; right: 25px;}
.mobile-menu ul li a {display: inline-block; padding: 10px 0 5px; color: #333; font-size: 16px; line-height: 30px;}
.mobile-menu ul li a:hover {color:#000A80;}


/* close */
.close-btn {position: fixed;top: 10px;right: 10px; z-index: 9; width: 35px;height: 35px;}
.close-btn span {position: absolute;top: 17px;left: 6px;width: 25px;height: 2px;background-color: #333;}
.close-btn span:first-child {transform: rotate(45deg);}
.close-btn span:last-child {transform: rotate(-45deg);}

/* onshow */
.show-mobile-nav-active .nav-menu-sub ul li:last-child a{border-bottom-color: transparent!important;}
.show-mobile {opacity: 1;visibility: visible;}
.show-mobile1 {opacity: 1;visibility: visible; transform: translateX(0);}
/*.show-mobile .mobile-menu>ul>li {transform: translateX(0);}*/
.show-mobile .mobile-menu ul li {animation: xssss 1s 1;}
@keyframes xssss {
    from {
        transform: translateY(56px);
    }
}



/* 
|----------------------
|   footer
|----------------------
*/

.footer-wrap{justify-content: space-between;}

.footer-logo ul{margin-top: 4rem;}
.footer-logo ul li{margin-bottom: 1.5rem; color: #666;}

.footer-nav-item{margin-left: 9.5rem;}
.footer-nav-item h3{ margin-bottom: 2.5rem;}
.footer-nav-item h3 a{ font-size: 2rem;font-weight: bold; color: var(--default);}
.footer-nav-item ul li a{display: block; margin-bottom: 1.5rem; color: #666;}

@media (max-width:1200px) {
	.footer-wrap{display: block;}
	.footer-nav{  margin-top: 5rem; width: 100%; justify-content: space-between;}
	.footer-nav-item{margin-left:0;}
}


@media (max-width:640px) {
	.footer-nav{display: block;}
	.footer-nav-item ul{display:none;}
	
	.footer-nav-item h3{ padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid #eee;}
	.footer-nav-item h3 a{ font-size: 1.8rem;}
}
/* copyright */
.copyright{}
.copyright-wrap{padding: 1.8rem 0; justify-content: space-between; font-size: 1.2rem; color: #999; border-top: 1px solid #eee;}
.copyright a{color: #999;}
.comma-link{align-items: center;}
/* .comma-logo:hover circle{fill: #e50012!important;} */
.comma-link:hover svg circle{ animation: commalogo 3s infinite;}
@keyframes commalogo{
	0{fill: #fff;}
	50%{fill: #e50012;}
	100%{fill: #fff;}
}