@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: 60px; padding-bottom: 60px;}
.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:#AB6FA3;
    /* 辅助色 */
    --fColor:#537D74;
 }

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

@font-face {
  font-family: 'iconfont';  /* project id 2228683 */
  src: url('//at.alicdn.com/t/font_2228683_f0k2n90j1dt.eot');
  src: url('//at.alicdn.com/t/font_2228683_f0k2n90j1dt.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2228683_f0k2n90j1dt.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2228683_f0k2n90j1dt.woff') format('woff'),
  url('//at.alicdn.com/t/font_2228683_f0k2n90j1dt.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2228683_f0k2n90j1dt.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
|----------------------
*/
/* top */
.header-top{padding: 5px 0; background-color: #f5f5f5;}
.header-top-link a{position: relative; display: inline-block; margin: 0 5px;}
.header-top-link a::before{position: absolute; top: 5px; right: -7px; content: ''; width: 1px; height: 10px; background-color: #999;}
.header-top-link a:last-child::before{display: none;}
.header-top-link a:hover{color: var(--mColor);}
@media(max-width: 1230px) {
    .header-top {display: none;}
}
/* nav */

.header {width: 100%;padding: 20px 0;line-height: 40px; background-color: #fff; border-bottom: 1px solid #eee;}
@media (max-width:768px) {
	.header {padding: 5px 0;}
}

.header-logo img {max-width: 100%;}
@media(max-width: 768px) {
    .header-logo img {height: 30px;}
}
/* nav */
.header-nav li a {position: relative;z-index: 1;display: block;padding: 0 15px; font-size: 16px; color: #666;}
.header-nav li.on a,
.header-nav li a:hover {color: var(--mColor);}

@media (max-width:1230px) {
	.header-nav ul {display: none;}
}

/*  */
.header-fixed{position: fixed; top: 0; left: 0; padding: 5px 0; width: 100%; z-index: 99;}

/* 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: 1230px) {
    .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);}

/* 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);}
}

/* search */
.header-search{ margin: 0 20px 0 15px; height: 40px;}
.header-search i{ font-weight: bold; font-size: 18px; vertical-align: middle;}
@media(max-width: 1200px) {
    .header-search{ margin: 0 10px 0 15px;}
}
/* tel */
.header-tel {height: 40px; display: flex; align-items: center; color: var(--mColor);}
.header-tel i{font-size: 28px; }
.header-tel span{ font-size: 18px ;font-weight: bold;line-height: 1.2;}

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

/* 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: rgb(255, 255, 255);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: #fff;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: #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);}







.x-footer{padding: 50px 0 10px; background-color: #383838;}
.x-footer h3{margin-bottom: 15px; color: #fff;}
.x-footer-nav{float: left; width: 25%;}
.x-footer-nav ul li{float: left; width: 50%; margin-bottom: 8px;}
.x-footer-nav ul li a{ color: #a9a9a9;}

.x-footer-contact{float: left; width: 35%;}
.x-footer-contact p{margin-bottom: 8px; color: #a9a9a9;}

.x-footer-wx{float: right; width: 40%; display: flex; justify-content: space-between; text-align: right;}
.x-footer-tel{padding-top: 15px;}
.x-footer-tel a{display: inline-block; padding: 0 20px; line-height: 35px; background-color: var(--mColor);color: #fff;}
.x-footer-tel p{margin-top: 8px; color: #a9a9a9;}
.x-footer-tel em{color: #fff; font-size: 24px;}
.x-footer-ewm {text-align: center;}
.x-footer-ewm ul{display: flex; justify-content: space-between; align-items: center;}
.x-footer-ewm ul li{ padding-left: 35px;}

.x-footer-ewm img{max-width: 120px;}
.x-footer-ewm p{padding-top: 10px; color: #fff; font-size: 12px;}

@media (max-width:1200px) {
	.x-footer-nav,
	.x-footer-contact{ width: 100%; margin-bottom: 15px;}
	.x-footer-nav ul li{float: left; width:auto; margin-right: 15px; margin-bottom: 0;}
	.x-footer-wx{ width: 100%; text-align: left;}
	.x-footer-tel{padding-top: 0;}
}

@media (max-width:640px) {
	.x-footer-wx{ padding: 15px 0; flex-direction: column;}
    .x-footer-ewm{margin-top: 25px;}
    .x-footer-ewm ul{align-items: center;}
    .x-footer-ewm ul li{ padding-left: 0;}
}


.footer-linkbox{padding-bottom: 15px;  background-color: #383838;}
.footer-hotlink{margin-bottom: 15px;padding-top: 15px;}
.footer-link{color: #fff;}
.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;}
}






/**************** window-service ****************/
.window-service{position: fixed; top: 250px; right: 10px; z-index: 19;}
.window-service ul li{position: relative ; background-color: var(--mColor); padding-top: 8px; width: 64px; height: 64px; margin-bottom: 2px; color: var(--mColor); text-align: center; cursor: pointer}
.window-service ul li a{color: #fff;  }
.window-service ul li i{font-size: 28px;color: #fff;}
.window-service ul li p{font-size: 12px;color: #fff;}
/*  */
.window-service-tel{position: absolute; top: 0; right: 60px; z-index: -1; width: 200px; height: 64px; line-height: 64px; font-size: 20px; color: #fff; font-family: arial; background-color: var(--mColor);}
.window-service-wx-pic{position: absolute; bottom: 0; right: 68px; z-index: -1; padding: 15px; background-color: var(--mColor);}
.window-service-wx-pic h3{color: #fff; font-size: 14px;}
.window-service-tel,
.window-service-wx-pic{opacity: 0; visibility: hidden; transform: translateX(10px);}
/* hover */
.window-service ul li:hover .window-service-tel,
.window-service ul li:hover .window-service-wx-pic{opacity: 1; visibility: visible; transform: translateX(0)}

.gotop{transition: none;}

/*  */
.window-service-sms,
.window-service-contact{display: none;}
/*  */
@media(max-width:768px){
	.window-service{position: fixed; top:inherit; bottom: 0; right: 0; width: 100%;}
	.window-service ul li{float: left; padding-top: 8px; width: 25%; height: 64px; margin-bottom: 0;}
	.window-service-sms,
	.window-service-contact{display: block;}
	.open-window-service-form,
	.window-service-tel,
	.window-service-wx,
	.gotop{display: none!important;}
}