@charset "utf-8";

/* 
|----------------------
|   全局设置
|----------------------
*/
* {transition: all .3s;}
body {font-size: 14px;font-family: arial, "Microsoft YaHei";}

.flex {
    display: flex;
    display: -webkit-box;
    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;
    /* 混合版本语法: IE 10 */
    display: -webkit-flex;
    /* 新版本语法: Chrome 21+ */
    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 {max-width: 1230px;margin: 0 auto;padding-left: 15px;padding-right: 15px;}
@media (max-width:1200px) {
    .container {max-width: 768px;}
}
.padding {padding-top: 80px;padding-bottom: 80px;}
@media (max-width:768px) {
    .padding {padding-top: 30px;padding-bottom: 30px;}
}

/* 
|----------------------
|   主题色设置
|----------------------
*/
:root {
    /* 主色调 */
    --default: #aedc34;
    /* 辅助色 */
    --fColor: #537D74;
}

/* 
|----------------------
|   字体图标
|----------------------
*/
@font-face {
  font-family: 'iconfont';  /* project id 2425983 */
  src: url('//at.alicdn.com/t/font_2425983_ncazlbeixy.eot');
  src: url('//at.alicdn.com/t/font_2425983_ncazlbeixy.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2425983_ncazlbeixy.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2425983_ncazlbeixy.woff') format('woff'),
  url('//at.alicdn.com/t/font_2425983_ncazlbeixy.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2425983_ncazlbeixy.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
|----------------------
*/
.global-header{height: 80px;}
.header {position: fixed;top: 0;left: 0;z-index: 99;width: 100%;padding: 18px 0;line-height: 40px;background-color: rgba(0, 0, 0,.8);}
@media (max-width:1230px) {
    .header{padding: 10px 0 ;}
    .header>.container { max-width: 100%;}
}

/*  */
.header-flex{justify-content: space-between; align-items: center;}
/* nav */
.header-logo img {max-width: 100%;height: 50px;}
@media(max-width: 1230px) {
    .header-logo img {height: 30px;}
}

/* nav */
.header-nav ul li a {position: relative;z-index: 1;display: block;padding: 0 15px; color: #fff;}
.header-nav ul li.current-menu-item a,
.header-nav ul li a:hover {color: var(--default);}
@media (max-width:768px) {
    .header-nav ul {display: none;}
}

/*  */
.header-fixed {padding: 10px 0;width: 100%;background-color: #333;border-color: #333;}
.header-fixed .header-logo img {height: 30px;}

/* navbar */
.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;}
@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;
    display: -webkit-box;
    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;
    /* 混合版本语法: IE 10 */
    display: -webkit-flex;
    /* 新版本语法: Chrome 21+ */
    align-items: center;
    justify-content: center;
}

.mobile-menu ul {display: flex; width: 100%; text-align: center;}
.mobile-menu ul li { flex: 1; 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:var(--default);}

@media(max-width: 768px) {
    .mobile-menu ul {display: block; width: 100%; }
    .mobile-menu ul li { flex: auto; }
}
/* 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);
    }
}



/* footer */
.footer {margin-top: 145px; padding-bottom: 15px;}
.footer-copyright{justify-content: space-between;}
.footer-copyright p,
.footer-copyright p a{font-size: 12px; color: #666;}
.footer-copyright p a:hover{color: var(--default);}

@media (max-width:768px) {
    .footer-copyright {display: inherit;}
    .footer-copyright p{margin-bottom: 15px; text-align: center;}
}

/* =================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(--default); color: #ffffff; }
.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(--default); 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;}