@charset "utf-8";
/* 
|----------------------
|   全局设置
|----------------------
*/
* {transition: all .3s;}
/*@font-face {*/
/*	font-family: 'PingFang';*/
/*	src: url('../fonts/PINGFANG_REGULAR.ttf');*/
/*}*/






body {font-size: 16px; font-family: "Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif!important;;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;max-width: 1600px;}
@media (max-width:1700px) {
	.container {padding-left: 70px;padding-right: 70px;}
}

/* @media (max-width:1400px) {
	.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:1700px) {
	.padding {padding-top: 70px;padding-bottom: 70px;}
}

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

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

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


.padding-top {padding-top: 100px;}
@media (max-width:1700px) {
	.padding-top {padding-top: 70px;}
}

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

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

/* 
|----------------------
|   主题色设置
|----------------------
*/
:root {
	/* 主色调 */
	--default: #000A80;
	/* 辅助色 */
	--fuColor: #FE7537;
}

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

@font-face {
  font-family: 'iconfont';  /* project id 3051233 */
  src: url('');
  src: url('?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_3051233_bgo0u6qrma5.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_3051233_bgo0u6qrma5.woff') format('woff'),
  url('//at.alicdn.com/t/font_3051233_bgo0u6qrma5.ttf') format('truetype'),
  url('#iconfont') format('svg');
}



.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';
	src: url('../iconfont/public/iconfont.eot');
	src: url('../iconfont/public/iconfont.eot?#iefix') format('embedded-opentype'),
		url('../iconfont/public/iconfont.woff') format('woff'),
		url('../iconfont/public/iconfont.ttf') format('truetype'),
		url('../iconfont/public/iconfont.svg#iconfont') format('svg');
}

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


.swiper-button-next,
.swiper-button-prev{outline:none;}

/* 
|----------------------
|   header
|----------------------
*/
.header{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; padding: 0 50px; background-color: #fff; box-shadow: 0 10px 10px rgba(0,0,0,.02);}
.active-header{ transform: translateY(-88px); opacity: 0; visibility: hidden;}
@media (max-width:1200px) {
	.header{padding: 15px 50px;}
}

@media (max-width:768px) {
	.header{padding: 15px;}
}
/* wrap */
.header-wrap{justify-content: space-between; align-items: center;}
/* logo */

.logo img{height: 50px;}
@media (max-width:1400px) {
	.logo img{height: 40px;}
}

@media (max-width:768px) {
	.logo img{height: 30px;}
}
/* navmenu */
.nav-menu>ul>li{ position: relative; margin: 0 30px;}
.nav-menu>ul>li>a{display: block; line-height: 100px; font-size: 18px; color: #333;}
.nav-menu>ul>li.on>a,
.nav-menu>ul>li:hover>a{color: #000A80; box-shadow: 0 -2px 0 #000A80 inset;}
.nav-menu-ico{position: absolute; top: 50%; right: -16px; margin-top: -8px; width: 10px; height: 10px; border-left: 1px solid red; border-bottom: 1px solid red; transform: rotate(-45deg);}
.nav-value{display: none;}
@media (max-width:1600px) {
	.nav-menu>ul>li{ position: relative; margin: 0 20px;}
	.nav-menu>ul>li>a{ font-size: 16px; }
}

@media (max-width:1400px) {
	.nav-menu>ul>li{ position: relative; margin: 0 15px;}
	.nav-menu>ul>li>a{line-height: 80px; font-size: 16px;}
	.nav-menu-ico{right: -10px; margin-top: -4px; width: 6px; height: 6px;}
}

@media (max-width:1200px) {
	.nav-menu{display: none;}
	.nav-value{display: block;}
}
/* sub */
.nav-menu .nav-menu-sub{position: absolute; top: 100px; left: 50%; z-index: 4; margin-left: -100px; width: 200px; background-color: #fff; transform: translateY(-5px); opacity: 0; visibility: hidden;}
.nav-menu .nav-menu-sub ul li a{display: block; padding: 15px; line-height: 1.4; font-size: 16px; text-align: center; color: #333;border-top: 1px solid #eee; }
.nav-menu .nav-menu-sub ul li a:hover{color: #000A80;}
.nav-menu>ul>li:hover .nav-menu-sub{ transform: translateY(0); opacity: 1; visibility: visible;}

@media (max-width:1400px) {
	.nav-menu .nav-menu-sub{ top: 80px; margin-left: -70px; width: 140px;}
	.nav-menu .nav-menu-sub ul li a{ font-size: 14px;}
}



/* lang */
.header-right{ align-items: center;}
.header-search{}
.header-search img{width: 20px;}
.header-lang{ position:relative; padding-left: 40px;}
.header-lang svg{ position:absolute; top: -1px; left:20px; width:18px; height:18px;}
.header-lang svg path{fill:#666;}
.header-lang a{margin-left: 4px; display: inline-block; font-size: 16px; color: #666;}

.header-lang a:hover{color: #000A80;}

.mobile-lang{position: absolute; bottom: 20px; left: 15px;}
.mobile-lang a{ margin-left: -1px; width: 50px; font-size: 14px; line-height: 30px; text-align: center; border: 1px solid #000A80;}
.mobile-lang a:first-child{background-color: #000A80; color: #fff;}
/* navbar */
.navbar { margin-left: 25px; width: 30px; cursor: pointer;display: none;}
.navbar span {display: block;width: 100%;height: 2px;background-color: #000A80;}
.navbar span:nth-child(2) {position: relative;margin: 7px 0;}
@media(max-width: 1200px) {
    .navbar {display: block;}
	.header-right{display: none;}
}



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

.footer-bg{padding: 75px 0; background-color: #fff;}
.footer{justify-content: space-between;}

@media (max-width:1400px) {
	.footer{display: block;}
}

.footer-logo{width: 30%;}
.footer-info{margin-top: 40px;}
.footer-info ul li{ position: relative; padding: 5px 0; line-height: 24px;}
.footer-info ul li img{position: absolute; top: 9px; left: 0;}
.footer-info ul li p{margin-left: 30px; color: #3D3D3D; font-size: 18px;}

.footer-shar{ margin-top: 5px; display: inline-block; line-height:24px;}
.footer-shar a{ position: relative;  margin-right:20px;}
.footer-shar a>img{max-width:19px}
.footer-shar a>span{display:inline-block; margin-left:6px; font-size:18px;}
.footer-shar div{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%) translateY(5px); opacity: 0; visibility: hidden; transition:.1s}
.footer-shar a:hover div{opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);}

@media (max-width:1600px) {
	.footer-shar a:hover div{ left: 0; opacity: 1; visibility: visible; transform: translateX(0) translateY(0);}
}

@media (max-width:1400px) {
	.footer-logo{width: 100%;}
}

.footer-nav{flex: 1; padding-left: 60px;}
.footer-nav-item{flex: 1;}
.footer-nav-item h3{ margin-bottom: 30px; font-size: 18px; font-weight: 400;}
.footer-nav-item h3 a{ color: #000A80;}
.footer-nav-item ul li a{margin-bottom: 10px; display: block; line-height: 24px; font-size: 14px; color: #6A7D9E;}

@media (max-width:1400px) {
	.footer-nav{ margin-top: 60px; flex: 1; padding-left:0;}
}

@media (max-width:860px) {
	.footer-nav{display: block;}
	.footer-nav-item{display: block;}
	.footer-nav-item ul{display: none;}
	.footer-nav-item h3{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee;}
}

@media (max-width:640px) {
	.footer-bg{padding: 50px 0;}

	.footer-nav{ margin-top: 30px;}
	.footer-info ul li p{margin-left: 25px; font-size: 14px;}
	.footer-nav-item h3{ margin-bottom: 15px; padding-bottom: 12px;font-size: 14px;}
	.footer-shar a>span{ margin-left:2px; font-size:14px;}
}

/* copyright */
.copyright-bg{padding: 20px 0; border-top: 1px solid #E5E5E5; background-color: #fff;}
.copyright{justify-content: space-between;}
.copyright p,
.copyright a{color: #999; line-height:1.6;}

.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;}
}

@media(max-width:640px){
  .copyright p,
    .copyright a{font-size:12px;}  
}
/* alert-search */
.alert-search{position: fixed; top: 0; left: 0; z-index: 1000; width: 100%;height: 100%; background-color: rgba(0,0,0,.7);  visibility: hidden; opacity: 0; transition: .3s;}
.alert-search-box {width: 100%; height: auto; padding: 50px 0; background-color: #fff ;transform: translateY(-100px);visibility: hidden;transition: .3s;}
.alert-search-logo{height: 50px; text-align: center; margin: 0 auto 25px;}
.alert-search-logo img{max-width: 100%;}
/* form */
.alert-search-form {max-width: 600px; margin: 0 auto; padding: 0 15px;}
.alert-search-form form{display: flex; justify-content: space-between; align-items: center;}
.alert-search-form input { flex: 1; padding:0 10px; background: none; background-color: #eee; line-height: 44px;color: #777;font-size: 16px; outline: none;}
.alert-search-form button { width: 120px; border: 1px solid #000A80; line-height: 40px; font-size: 16px; background-color: #000A80; color: #fff; outline: none;}

@media (max-width:768px) {
    .alert-search-box {height: 100%;}
    .alert-search-form input {line-height: 39px;font-size: 14px;}
    .alert-search-form button {width: 80px; line-height: 35px;font-size: 14px;}
}
.close-alert-search {position: absolute;top: 45px;right: 45px;width: 35px;height: 35px;cursor: pointer;}
.close-alert-search span {position: absolute;top: 17px;left: 6px;width: 25px;height: 2px;background-color: #333;}
.close-alert-search span:first-child {transform: rotate(45deg);}
.close-alert-search span:last-child {transform: rotate(-45deg);}
@media (max-width:768px) {
    .close-alert-search {top: 15px;right: 15px;width: 35px;height: 35px;cursor: pointer;}
}
.alert-search-show {visibility: visible; opacity: 1; transform: translateY(0);}
.alert-search-show1{visibility: visible; transform: translateY(0);}

/* 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;}
/* 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:nth-child(1){transition-delay: .2s;}*/
/*.mobile-menu>ul>li:nth-child(2){transition-delay: .3s;}*/
/*.mobile-menu>ul>li:nth-child(3){transition-delay: .4s;}*/
/*.mobile-menu>ul>li:nth-child(4){transition-delay: .5s;}*/
/*.mobile-menu>ul>li:nth-child(5){transition-delay: .6s;}*/
/*.mobile-menu>ul>li:nth-child(6){transition-delay: .7s;}*/
/*.mobile-menu>ul>li:nth-child(7){transition-delay: .8s;}*/

.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;}

.mobile-menu .nav-menu-sub{margin-bottom: 15px;display: none; transition: none;}
.mobile-menu .nav-menu-sub ul li{}
.mobile-menu .nav-menu-sub ul li a{display: block; color: #777; font-size: 14px; border-bottom: 1px solid #eee;}
/* 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);
    }
}




/* loading */
.loading-pages{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff;  display: flex; justify-content: center; align-items: center; z-index: 99999;}

.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #000A80;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}