@charset "utf-8";
/* 
|----------------------
|   全局设置
|----------------------
*/
*{transition: all .3s;}
body {
	font-size: 14px;
	font-family: arial, "Microsoft YaHei";
}
.container{max-width: 1230px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
.flex{display: flex; flex-wrap: wrap;}
.position{position: relative;}
.overflow{overflow: hidden;}
.padding{padding-top: 80px; padding-bottom: 80px;}
.background{background-position: center;background-repeat: no-repeat; background-size: cover;}
@media (max-width:1200px) {
	.container{ max-width: 100%;}
}
@media (max-width:768px) {
	.padding{padding-top: 30px; padding-bottom: 30px;}
}
/* 
|----------------------
|   主题色设置
|----------------------
*/
:root{/* 主色调 */--default: #FFDC00;/* 辅助色 */--fColor: #155EF1;}
/* 
|----------------------
|   字体图标
|----------------------
*/

@font-face {
  font-family: 'iconfont';  /* Project id 2470015 */
  src: url('//at.alicdn.com/t/font_2470015_dbd3oau5omw.woff2?t=1621834244349') format('woff2'),
       url('//at.alicdn.com/t/font_2470015_dbd3oau5omw.woff?t=1621834244349') format('woff'),
       url('//at.alicdn.com/t/font_2470015_dbd3oau5omw.ttf?t=1621834244349') 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';
	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;
}

/* 
|----------------------
|   header
|----------------------
*/
.global-placeholder{height: 70px;}
@media (max-width:960px) {
    .global-placeholder{height: 60px;}
}
@media (max-width:768px) {
    .global-placeholder{height: 50px;}
}

.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; background-color: #fff;}
.header-container{justify-content: space-between;}
@media (max-width:1200px) {
}

@media (max-width:768px) {
	.header {padding: 10px 0;}
}
/* logo */
.header-logo{display: flex; align-items: center;}
.header-logo h3{margin-left: 15px; padding-left: 15px; border-left: 1px solid #ccc;}
.header-logo img {max-width: 100%;}

@media (max-width:960px) {
    .header-logo h3{display: none;}
    .header-logo img {height: 40px;}
}
@media(max-width: 768px) {
    .header-logo img {height: 30px;}
}


/* search */
.header-item{display: flex;  align-items: center;}

/* login */
.header-login{ display: flex; justify-content: center; align-items: center;}
.header-login a{display: inline-block; margin-left: 10px; padding: 0 15px; line-height: 35px; height: 37px; border: 1px solid #FFDC00; font-size: 16px; background-color: #FFDC00; border-radius: 4px;}
.header-login a i{color: #333; font-size: 24px; vertical-align: middle;}
.header-login a:first-child{background-color: #fff; color: #333; border-color: #333;}
@media (max-width:960px) {
    .header-login a{padding: 0 15px; font-size: 14px;}
}
@media (max-width:768px) {
	.header-login{display: none;}
}
/* nav */
.nav-menu ul{display: flex;}
.nav-menu li{text-align: center;} 
.nav-menu li a {position: relative;z-index: 1; display: block; line-height: 70px;  padding:0 25px; font-size: 16px; color: #333;}
.nav-menu li.current-menu-item a,
.nav-menu li a:hover { background-color:#FFDC00; color: #333;}

@media (max-width:1230px) {
    .nav-menu li a { padding: 0 15px; }
}

@media (max-width:960px) {
    .nav-menu li a {font-size: 14px; line-height: 60px;}
    
}

@media (max-width:768px) {
    /* .nav-menu li a {line-height: 30px;} */
    .nav-menu{display: none;}
    
}

/*  */
.header-fixed{box-shadow: 0 0 10px rgba(0,0,0,.1);}

/* open */
.navbar { width: 30px;height: 30px;padding: 8px 6px; cursor: pointer;display: none;}
.navbar span {display: block;width: 18px;height: 2px;background-color: #666;}
.navbar span:nth-child(2) {position: relative;margin: 5px 0;}

.open-navbar span{background-color: #000;}
.open-navbar span:first-child ,
.open-navbar span:last-child {width: 0;}
.open-navbar span:nth-child(2){ transform: rotate(-45deg);}
.open-navbar span:nth-child(2):before {position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 1px; background-color:#000;transform: rotate(90deg);}
/*  */


@media(max-width: 768px) {
    .navbar {display: block;}
}
/* mobile-nav */
.mobile-nav {position: fixed;top: 0;left: 0;z-index: 101;width: 100%;height: 100%;background-color: #fff;visibility: hidden;opacity: 0;transform: translateX(120px);}

/* menu */
.mobile-menu {height: 100%;padding: 20px 15px 0;display: flex;align-items: center; justify-content: center;}
.mobile-menu ul {display: block;text-align: center;}
.mobile-menu ul li {height: 40px;overflow: hidden;}
.mobile-menu ul li a {display: block;color: #666;font-size: 16px;line-height: 26px;}
.mobile-menu ul li a:hover {color: #FFDC00;}

/* close */
.close-btn {position: fixed;top: 0;left: 0;width: 35px;height: 35px;}
.close-btn span {position: absolute;top: 17px;left: 6px;width: 25px;height: 1px;background-color: #000;}
.close-btn span:first-child {transform: rotate(45deg);}
.close-btn span:last-child {transform: rotate(-45deg);}

/* mobile-lang */
.mobile-lang{position: absolute; top: 10px; right: 10px;}
.mobile-lang a{margin-right: 10px;}


.mobile-login{display: inline-block; padding: 0 15px; line-height: 30px; background-color: #FFDC00; color: #333; border-radius: 4px;}
/* onshow */
.show-mobile {opacity: 1;visibility: visible;transform: translateX(0);}
.show-mobile .mobile-menu ul li a {animation: xssss 1s 1;}

@keyframes xssss {
	from {transform: translateY(56px);}
}





.adpush{padding: 60px 0; background-image: url(../images/page/adpush-bg.jpg); text-align: center;}
.adpush>.container{display: flex; justify-content: space-between; align-items: center;}
.adpush h2{font-size: 30px; text-transform: uppercase;color: #fff;}
.adpush a{ display: inline-block; padding:0 40px; line-height: 45px; font-size: 18px; border: 1px solid #fff; color: #fff;}
.adpush a:hover{background-color: #fff; color: #FFDC00;}


@media (max-width:768px) {
    .adpush{padding: 30px 0; }
    .adpush>.container{flex-direction: column;}
    .adpush h2{font-size: 24px; text-transform: uppercase;}
    .adpush a{margin-top: 15px;padding:0 20px; line-height: 40px; font-size: 18px;}
}




/* 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: #3B3C40;transform: translateY(-10px);visibility: hidden;opacity: 0; transition: .3s;}
.alert-search-box .img{max-width: 150px; height: 50px; margin: 0 auto 25px;}
.alert-search-box .img 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;border: 1px solid #FFDC00;line-height: 44px;color: #777;font-size: 16px;outline: none;}
.alert-search-form button {width: 120px; border: 1px solid #FFDC00; line-height: 44px;font-size: 16px;background-color: #FFDC00;color: #333;outline: none;}

@media (max-width:768px) {
    .alert-search-box {height: 100%;}
    .alert-search-form input {line-height: 35px;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: #fff;}
.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);}


/* =================footer================ */
.x-footer{padding: 50px 0 10px; background-color: #161B30;}
.x-footer h3{margin-bottom: 15px; color: #fff;}

.x-footer-contact{float: left; padding-right: 30px;}
.x-footer-contact:nth-child(1),
.x-footer-contact:nth-child(2){width: 22%;}
.x-footer-contact:nth-child(3){width: 30%;}
.x-footer-contact>p{margin-bottom: 8px; color: #a9a9a9;}
.x-footer-tel{padding-top: 15px;}
.x-footer-tel a{margin-top: 15px; display: inline-block; padding: 0 20px; line-height: 35px; background-color: #FFDC00;}
.x-footer-tel p{color: #a9a9a9;}
.x-footer-tel em{color: #fff; font-size: 24px; font-style: normal;}

.x-footer-wx{float: right; width: 26%; text-align: right;}
.x-footer-wx ul{justify-content: space-between;}
.x-footer-wx ul li { width: 30%; padding: 5px; text-align: center;}
.x-footer-wx ul li img{max-width: 100%;}
.x-footer-wx p{padding-top: 10px; color: #fff; font-size: 12px;}

@media (max-width:1000px) {
	.x-footer-contact:nth-child(1),
	.x-footer-contact:nth-child(2),
	.x-footer-contact:nth-child(3),
	.x-footer-wx{ width: 25%;}
}

@media (max-width:768px) {
	.x-footer-contact:nth-child(1),
	.x-footer-contact:nth-child(2),
	.x-footer-contact:nth-child(3),
	.x-footer-wx{ width: 50%; margin-bottom: 25px;}
}
@media (max-width:640px) {
	.x-footer-contact:nth-child(1),
	.x-footer-contact:nth-child(2),
	.x-footer-contact:nth-child(3),
	.x-footer-wx{ width: 100%; margin-bottom: 25px; text-align: center; padding-right: 0;}
}

.footer-linkbox{padding: 25px 0;  background-color:  #161B30;}
.footer-hotlink{margin-bottom: 15px;padding-top: 15px;}
.footer-link{color: #fff;display: flex;flex-wrap: wrap;}
.footer-link a{margin-right: 15px; color: #b1b1b1;}
.footer-link a:hover{color: #fff;}

.site-copyright{ padding: 10px 0; line-height: 30px; color: #777; font-size: 12px; background-color: #0D1122;}
.site-copyright a{color: #777;}
@media (max-width:940px) {
	.site-copyright span{display: block; width: 100%; text-align: left;}
}
@media (max-width:768px) {
	/* .site-copyright{ margin-bottom: 64px;} */
}
	






/* =================chat================ */
.fixed-chat{position: fixed; bottom: 50%; right: 15px; z-index: 77; transition: none; transform: translateY(50%);}
@media (max-width:768px) {
    .fixed-chat{right: 0; bottom: 0; top: inherit!important; left: inherit !important; width: 100%;}
}

.fixed-chat ul li{margin-bottom: 2px; width: 64px; text-align: center; cursor: pointer}
.fixed-chat ul li a{position: relative; height: 64px ; display: flex; justify-content: center; align-items: center; flex-direction: column;background-color: #FFDC00; color: #333; }
.fixed-chat ul li i{font-size: 28px; }
.fixed-chat ul li p{font-size: 12px; }
.fixed-chat-sms,
.fixed-chat-contact{display: none;}


@media (max-width:768px) {
    .fixed-chat ul{display: flex; justify-content: center; align-items: center;}
    .fixed-chat ul li{width: 25%;}

}

.fixed-chat-position {position: absolute; bottom: 0; right: 66px; background-color: #FFDC00; opacity: 0; transform: translateX(10px); visibility: hidden; transition: all .3s;}
.fixed-chat ul li a:hover .fixed-chat-position{opacity: 1; visibility: visible;}
@media (min-width:768px) {
    .fixed-chat ul li a:hover .fixed-chat-position{ transform: translateX(0); }
}

@media (max-width:768px) {
    .fixed-chat{transform: translateY(0);}
    .fixed-chat-position{top: inherit; bottom: 66px; right: 50%; transform: translateX(50%); }
}

.fixed-chat #fixed-chat-tel{ width: 200px; height: 64px; line-height: 64px; font-size: 24px;}
.fixed-chat #fixed-chat-wx{padding: 15px; line-height: 64px;}
.fixed-chat #fixed-chat-wx img{ max-width: 120px;}
.fixed-chat #fixed-chat-wx h3{margin-top: 10px; line-height: 20px; font-size: 14px;}



.item-animate li:nth-child(1){animation-delay: .1s;}
.item-animate li:nth-child(2){animation-delay: .2s;}
.item-animate li:nth-child(3){animation-delay: .3s;}
.item-animate li:nth-child(4){animation-delay: .4s;}
.item-animate li:nth-child(5){animation-delay: .5s;}
.item-animate li:nth-child(6){animation-delay: .6s;}
.item-animate li:nth-child(7){animation-delay: .7s;}
.item-animate li:nth-child(8){animation-delay: .8s;}
.item-animate li:nth-child(9){animation-delay: .9s;}
.item-animate li:nth-child(10){animation-delay: 1s;}
.item-animate li:nth-child(11){animation-delay: 1.1s;}
.item-animate li:nth-child(12){animation-delay: 1.2s;}

.global-msg{position: fixed; bottom: 15px; right: 15px; z-index: 9; width: 300px; border-radius: 6px; box-shadow: 1px 2px 15px 0 rgb(0 0 0 / 10%); overflow: hidden;}
.global-msg-title{ position: relative; padding: 15px; background-color: #FFDC00;}
.global-msg-title a{position: absolute; top: 50%; right: 15px; margin-top: -10px; display: flex; justify-content: center; align-items: center; width: 15px; height: 20px;}
.global-msg-title a::before{ display: block; content: ''; width: 100%; height: 2px; background-color: #333;}
.global-msg-title i {background-color: #ffffff;width: 16px;height: 3px;float: right;margin-top: -14px;cursor: pointer;}
.wpcf7-form{ padding: 15px; background-color: #fff;}
.global-msg-textarea textarea,
.global-msg-input input{display: block; width: 100%; padding:8px 15px; border: 1px solid #eee;margin-bottom: 15px; font-family: arial,"microsoft yahei"; border-radius: 6px;}
.global-msg-button {text-align: right;}
.global-msg-button button{display: inline-block; padding: 10px 30px;border: none; background-color: #000; color: #fff; border-radius: 6px; }
.global-msg-textarea textarea {min-height: 120px;}
@media (max-width:768px) {
	.global-msg {display: none;}
}