@charset "utf-8";
/* 主题图标 */
@font-face {
	font-family: 'iconfont';
	/* Project id 2997381 */
	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');
}

.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_6boj0xyn4wh.woff2?t=1642737382187') format('woff2'),
		url('//at.alicdn.com/t/font_2997381_6boj0xyn4wh.woff?t=1642737382187') format('woff'),
		url('//at.alicdn.com/t/font_2997381_6boj0xyn4wh.ttf?t=1642737382187') 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: 0; left: 0; z-index: 99; width: 100%; background-color:#fff; border-bottom:1px solid transparent;}
.header-space{height: 80px;}
.header-index{ background-color:transparent;}
.header-index::after {position: absolute;top: 0;left: 0; content: '';width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: -1; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px);}

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

@media (max-width:768px) {
	.header{padding: 10px 0;}
	.header-space{height: 50px;}
}
.header .container{ align-items: center; justify-content: space-between;}
.header-logo svg{height: 30px;}
.header-logo svg path.header-logo-color{fill: #fff;}
@media (max-width:1200px) {
	.header-logo svg{height: 25px;}
}

@media (max-width:768px) {
	.header-logo svg{height: 20px;}
}


.header-right{align-items: center;}

/* navigation */
.navigation>ul>li{ position: relative; padding: 0 25px;}
.navigation>ul>li>a{ font-size: 20px; line-height: 80px; color: #fff;}
.navigation>ul>li:hover a{color: var(--default);}
@media (max-width:1440px) {
	.navigation>ul>li{padding: 0 15px;}
	.navigation>ul>li>a{ font-size: 18px;}
}

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


/* sub */
.navigation .navigation-sub{position: absolute; top: 80px; left: 0; z-index: 6; background: rgba(255, 255, 255, 1); display:none;}
.navigation .navigation-sub ul li a{display: block; padding: 0 55px 0 25px; line-height: 50px; font-size: 16px; border-bottom: 1px solid #eee; white-space: nowrap; color: #333; white-space: nowrap;}
.navigation .navigation-sub ul li:last-child a{border-bottom: none;}
.navigation .navigation-sub ul li a:hover{color: #666; background-color: #f5f5f5; color: var(--default);}
.navigation>ul>li:hover .navigation-sub{ display:block;}

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

/* tools */
.header-tools { align-items: center;}
.header-tools a{display: inline-block; margin-left: 20px;}
.header-tools a:hover{color: #fff;}
/* search */
.header-search{}
.header-search svg{ width: 20px; transform: translateY(3px);}
.header-search:hover svg path{fill: var(--default)!important;}
/* user */
.header-user{ width: 30px; height:30px; line-height: 30px; text-align: center; border-radius: 44px; background-color: #eee; border:1px solid #eee;}
.header-user img{width: 20px;}
.header-user span{display: none;}
.header-user:hover{border:1px solid var(--default);}
/* navbar */
.navbar {margin-left: 20px;width: 30px; cursor: pointer; display: none;}
.navbar span {display: block;width: 100%; height: 2px;background-color: #fff;}
.navbar span:nth-child(2) {position: relative;margin: 7px 0;}

@media(max-width: 1200px) {
	.navbar {display: block;}
}

.header-active{background-color:#fff; border-bottom-color: #eee;}
.header-active:after{display:none;}
.header-active .navigation>ul>li>a{color:#333;}
.header-active .navigation>ul>li:hover>a{color: var(--default);}
.header-active .header-logo svg path.header-logo-color{fill:#333;}
.header-active .header-search svg path{fill:#333;}
.header-active .navbar span{background-color: #333;}
/* 
|----------------------
|   footer
|----------------------
*/

.footer-bg{background-color: var(--default);}
.footer-bg>.container{justify-content: space-between;}
.footer-wx{display: inline-block; margin-left: 180px;}
.footer-wx img{height: 160px;}
.footer-wx h3{ color: #fff; padding-top: 25px; text-align: center;}
.footer-wx button{ 
    margin: 20px auto;
    display: block;
    text-align: center;
    width:140px;
    line-height: 32px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    background: none;
    display: none;
}


.footer-nav{ width: 70%; justify-content: space-between;}
.footer-nav-item{ padding-left: 25px;}
.footer-nav-item a{color: #fff;}
.footer-nav-item h3{ margin-bottom: 35px; font-size: 20px;}
.footer-nav-item ul li{margin-top: 15px;}
.footer-nav-item ul li a{font-size: 16px; color: #ADC7B6;}
.footer-nav-item ul li a:hover{ color: #fff;}

.footer-nav .footer-nav-item:nth-child(1){padding-left:0;}

@media (max-width:1600px) {
	.footer-wx{  margin-left: 140px;}
}

@media (max-width:1400px) {
	.footer-wx{  margin-left: 80px;}
}

@media (max-width:1200px) {
	.footer-wx{  margin-left: 40px;}
}

@media (max-width:960px) {
	.footer-left{width: 100%;}
	.footer-nav{width: 100%;}
	.footer-nav ul{display: block;}
	.footer-nav-item{ padding-left:0; margin-top: 25px;}
	.footer-wx{display:block; margin-top: 50px; width: 100%; margin-left: 0; text-align: center;}
}

@media (max-width:768px) {
	.footer-nav-item{display: block; width: 100%;}
	.footer-nav-item ul{display: none;}
	.footer-nav-item{margin-top: 15px;}
	.footer-nav-item h3{ margin-bottom: 15px; padding-bottom: 15px; font-size: 16px; border-bottom: 1px solid rgba(255,255,255,.4);}
	.footer-wx{display: inline-block; margin-top:30px;}
	.footer-wx h3{display:none;}
.footer-wx button{display:block;}
}

@media (max-width:480px) {
    .footer-nav-item h3{ margin-bottom: 10px; padding-bottom: 10px; font-size: 14px; }
    .footer-wx img{height: 120px;}
}

/* copyright */
.copyright{background-color:  var(--default);}
.copyright-link{ padding-bottom: 15px; color: #fff; overflow: hidden;}
.copyright-link ul{margin-left: -15px;}
.copyright-link ul li{ padding-left: 15px; line-height: 1.6; color: #fff;}
.copyright-link ul li a{ color: #ADC7B6;}
.copyright-link ul li a:hover{ color: #fff;}
.copyright-info{ border-top: 1px solid #666; padding: 15px 0; line-height: 1.2; justify-content: space-between;}
.copyright-info p,
.copyright-info p a{ color: #ADC7B6;}
.copyright-info p a:hover{ color: #fff;}

@media (max-width:768px) {
	.copyright-info p{font-size: 12px;}
	.copyright-info p a{ margin-top: 6px; display: block;}
}

@media (max-width: 640px) {
    .copyright-link ul li a{ font-size:14px;}
}

/* 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: #ffff;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; }
.alert-search-form button { width: 120px; border: none; line-height: 44px; font-size: 16px; background-color: #333; color: #fff; }

@media (max-width:768px) {
    .alert-search-box {height: 100%;}
    .alert-search-form input {line-height: 40px;font-size: 14px;}
    .alert-search-form button {width: 80px; line-height: 40px;font-size: 14px;}
}
.close-alert-search {position: absolute;top: 15px;right: 15px;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);}

/* burger */
.burger-bg {position: fixed;top: 0;left: 0;z-index: 1071; width: 100%; height: 100%; padding: 70px 15px 20px; background-color: #fff; transition: all .3s;}
.burger-logo{position: fixed; top: 15px;left: 15px; z-index: 6;}
.burger-logo img{height: 20px;}

.burger-scroll{ height: 100%; overflow-y: auto;}
/* menu */
.burger-nav { height: 100%;padding: 0 15px ; }
.burger-nav ul {display: block;text-align: left;}
.burger-nav ul li { padding: 10px 0; overflow: hidden; border-bottom: 1px solid #eee;}
.burger-nav ul li a {display: block; color: #666;font-size: 16px;line-height: 22px;}
.burger-nav ul li a:hover {color: var(--default);}


.burger-nav .navigation-sub{margin-top: 5px; padding-left: 15px;}
.burger-nav .navigation-sub ul li{ padding-bottom: 5px; border-bottom: 1px solid rgba(0,0,0,.2);}
.burger-nav .navigation-sub ul li:last-child{border-bottom: none;}
.burger-nav .navigation-sub ul li a{display: block; color: rgba(0,0,0,.7); font-size: 14px;}

/* close */
.close-burger {position: fixed; top: 15px;right: 15px; z-index: 7; width: 40px; height: 40px;}
.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);}

/* active */
.burger-bg-active {visibility: hidden;opacity: 0;transform: translateX(120px);}


/* pagination */
.paging{padding: 20px 0 100px;}
.paging-link{ position: relative; display: inline-block; margin:2px 8px; padding: 0 15px;  height: 35px; line-height: 35px; font-size: 14px; text-align: center; background-color: #fff;}
/* hover */
.paging-link:hover,
.paging-link:hover{background-color: var(--default); color: #fff;}
/*  */
/* active */
.paging-nav ul li a{ width: 35px;}
.paging-nav ul li a.active,
.paging-nav ul li a:hover{ background-color: var(--default); color: #fff;}

@media(max-width:640px){
	.paging{ justify-content: center; padding: 20px 0 50px;}
    .paging-link{padding:0 10px; margin:1px 8px;}
    .paging-nav{display:none;}
}


.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:#fff;}
.commaLink:hover svg circle{fill: #E40010;}
.commaLink:hover svg path {fill: #fff ;}



/* online */
.fixed-online{position: fixed; bottom: 20px; right: 15px; z-index: 77;}

.fixed-online ul li{margin-bottom: 2px; width: 40px; text-align: center; cursor: pointer; transition: .3s;}
.fixed-online ul li a{position: relative; height: 40px ; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; color: #333; box-shadow: 0px 4px 19px rgba(165, 165, 165, 0.25);}
.fixed-online ul li i{font-size: 28px; }
.fixed-online ul li p svg{width: 20px;}
.fixed-online ul li p svg path{fill: #666;}

.fixed-online-way{position: absolute; bottom: 0; right: 42px; background-color: #fff; opacity: 0; visibility: hidden; transition: all .3s;}

.fixed-online #fixed-online-tel{ width: 160px; height: 40px; line-height: 40px; font-size: 20px;}
.fixed-online #fixed-online-wx{padding: 15px; line-height: 40px;}
.fixed-online #fixed-online-wx img{ width: 120px; height: 120px; background-color: #eee;}
.fixed-online #fixed-online-wx h3{margin-top: 10px; line-height: 20px; font-size: 14px;}
#gotop{height: 0; opacity: 0; overflow: hidden;}
.gotop-active{height: 64px!important; opacity: 1!important; }
.fixed-online ul li:hover .fixed-online-way{opacity: 1; visibility: visible;}

.fixed-online ul li:hover a{background-color: var(--default);}
.fixed-online ul li:hover a p svg path{fill: #fff;}
/* @media (max-width:768px) {
	.fixed-online{position: fixed; bottom: 0; right: 0; z-index: 77; width: 100%;}
	.fixed-online ul{display: flex;}
	.fixed-online ul li{margin-bottom: 0; width: 25%; text-align: center; cursor: pointer; transition: .3s;}
	#gotop{height: 40px; opacity: 1;}
	.gotop-active{height: 40px!important; }
	
	
	.fixed-online-way{position: absolute; bottom: 42px; right: 0; background-color: var(--default); }
	
	.fixed-online #fixed-online-wx img{ width: 120px; height: 120px; background-color: #eee;}
	
	.fixed-online #fixed-online-tel{display: none;}
} */