@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;}
.flex-between{justify-content: space-between;}
.flex-align{align-items: center;}
.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: 768px;}
}
@media (max-width:768px) {
	.padding{padding-top: 30px; padding-bottom: 30px;}
}
/* 
|----------------------
|   主题色设置
|----------------------
*/
:root{
    /* 主色调 */
    --mColor:#FEDA31;
    /* 辅助色 */
    --fColor:#E60012;
 }

/* 
|----------------------
|   字体图标
|----------------------
*/

@font-face {
  font-family: 'iconfont';  /* project id 2398168 */
  src: url('//at.alicdn.com/t/font_2398168_fgp2hwxhrq.eot');
  src: url('//at.alicdn.com/t/font_2398168_fgp2hwxhrq.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2398168_fgp2hwxhrq.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2398168_fgp2hwxhrq.woff') format('woff'),
  url('//at.alicdn.com/t/font_2398168_fgp2hwxhrq.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2398168_fgp2hwxhrq.svg#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;
}

/* 
|----------------------
|   header
|----------------------
*/

.header {position: fixed; width: 100%;z-index: 99; padding: 20px 0; border-bottom: 1px solid #666;}
@media (max-width:1200px) {
	.header {padding: 10px 0;}
    .header>.container{ max-width: 100%;}
}


/* logo */
.header-logo img {max-width: 100%;}

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


/* search */
.header-search{padding: 0 15px 0 15px; display: flex; justify-content: center; align-items: center;}
.header-search a{display: block; color: #fff;}
@media(max-width: 768px) {
    .header-search {padding-top: 2px;}
}
/* search */
.header-tel{position: relative; margin-left: 25px; padding: 0 25px; display: flex; justify-content: center; align-items: center;}
.header-tel::before{position: absolute; top: 50%; left: 0; content: ""; margin-top: -15px; width: 1px; height: 30px; background-color: #fff;}
.header-tel p{display: block; font-size: 20px; line-height: 25px; color: #fff;}
.header-tel p i{display: inline-block; font-size: 20px; text-align: center; width: 25px; height: 25px; line-height: 25px; background-color: #DD2E32; border-radius: 50%;}
@media (max-width:960px) {
	.header-tel{display: none;}
}

/* lang */
.header-lang{ position: relative; padding-right:25px; display: flex; justify-content: center; align-items: center;}
.header-lang span{ padding:0 5px;}
.header-lang a{display: block; line-height: 25px; font-size: 16px; color: #fff;}
.header-lang a:last-child{position: absolute; top: 25px; left: 0; opacity: 0; visibility: hidden;}
.header-lang:hover a{opacity: 1; visibility: visible;}
@media (max-width:768px) {
    .header-lang{display: none;}
	.header-lang img{display: none;}
    .header-lang span{ padding:0;}
}


/* login */
.header-login{ display: flex; justify-content: center; align-items: center;}
.header-login a{display: inline-block; padding: 0 25px; line-height: 35px; background-color: var(--mColor); color: #333;}
@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;  padding: 0 15px; font-size: 18px; color: #fff;}
.nav-menu li.current-menu-item a,
.nav-menu li a:hover { color:var(--mColor);}

@media (max-width:1230px) {

}

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

/*  */
.header-fixed{background-color: #3B3C40; border-bottom-color: transparent;}

/* open */
.navbar { width: 30px;height: 30px;padding: 8px 6px; cursor: pointer;display: none;}
.navbar span {display: block;width: 18px;height: 2px;background-color: #fff;}
.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: blue;}

/* 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: var(--mColor); color: #333;}

/* 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/adpush-bg.jpg); text-align: center;}
.adpush h2{font-size: 30px; text-transform: uppercase;}
.adpush a{margin-top: 25px; display: inline-block; padding:0 40px; line-height: 50px; font-size: 24px; border: 1px solid #333;}
.adpush a:hover{background-color: #333; color: #fff;}


@media (max-width:765px) {
    .adpush{padding: 30px 0; }
    .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 var(--mColor);line-height: 44px;color: #777;font-size: 16px;outline: none;}
.alert-search-form button {width: 120px; border: 1px solid var(--mColor); line-height: 44px;font-size: 16px;background-color: var(--mColor);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: #383838;}
.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: var(--mColor);color: #333;}
.x-footer-tel a i{font-size: 20px; color: #333;}
.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 li {float: left; width: 50%; 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-bottom: 15px;  background-color: #383838;}
.footer-hotlink{margin-bottom: 15px;padding-top: 15px;}
.footer-link{color: #fff;display: flex;align-items: center;}
.footer-link a{margin-right: 15px; color: #b1b1b1;}
.footer-link a:hover{color: #fff;}

.site-copyright{line-height: 35px; color: #777; font-size: 12px;border-top: 1px solid #4d4d4d; background-color: #363636;}
.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: var(--mColor); 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: var(--mColor); 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;}