/* ====================重置样式========================= */
*{margin:0;padding:0;list-style:none;border-style:none;text-decoration:none;box-sizing: border-box;}
@font-face {
    font-family: "Poppins-Regular";
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
}

html{font-family:sans-serif;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
body{color:#222;font:14px/1.5 'Poppins-Regular','Microsoft YaHei','PingFang SC','Source Han Sans CN', 'HarmonyOS Sans SC',Arial, Helvetica, sans-serif; overflow-x:hidden; -webkit-text-size-adjust: 100% ; text-size-adjust: 100%; -moz-text-size-adjust: 100%; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
h1,h2,h3,h4,h5,h6{font-weight:normal}
a{text-decoration:none}
:focus{outline:0}
i,em{font-style:normal}
ul, ol {list-style-type: none;margin: 0;padding: 0;}
ul, ol ,li { list-style: none;}
.clearfix:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.clearfix{*zoom:1}
.fl{float:left}
.fr{float:right}
img{vertical-align:middle;border:0;max-width:100%}
input,select,textarea{border:0;outline:0;sans-serif;-webkit-appearance:none; font-family:'Poppins-Regular','Microsoft YaHei','PingFang SC','Source Han Sans CN', 'HarmonyOS Sans SC',Arial, Helvetica, sans-serif;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#888}
input:-moz-placeholder,textarea:-moz-placeholder{color:#888}
input::-moz-placeholder,textarea::-moz-placeholder{color:#888}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#888}
table{border-collapse:collapse;border-spacing:0}
::-webkit-scrollbar{width:3px;height:3px;background-color:#f5f5f5}
::-webkit-scrollbar-track{background-color:#e2e2e2}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555555}


#tips,.toast {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0); z-index: 999999; display: none; }
#tips div {position: absolute; top: 30%; left: 50%; padding: 10px; min-width: 90px; margin-left: -45px; background: rgba(0, 0, 0, 0.6); color: #fff; text-align: center; font-size: 14px; border-radius: 4px; word-wrap: break-word; }
#tips .loading {padding-top: 38px; }
.toast.success { background: #52c41a; }
.toast.error { background: #ff4d4f; }

/* ====================公共样式========================= */
.body-maxwidth {max-width: 1920px;margin: 0 auto;}

/* 头部 */
.Header-wrapper{width: 100%;position: fixed;left: 0;top: 0;z-index: 99999;transition: background .4s;}
/*box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);*/
.Header-logo{float: left;height: 80px;display: flex;align-items: center;position: relative;z-index: 999;}
.Header-logo img{height: 52px;max-width: none;position: absolute;transition: all .4s ease;}

body.onSearch .Header-navbar{visibility: hidden;opacity: 0;}

.Header-navbar{float: right;visibility: visible;opacity: 1;transition: visibility .2s ease, opacity .2s ease}
body.PC .Header-navbar{display: block !important;}
.Header-navbar li{float: left;margin: 0 24px;position: relative;z-index: 9}
.Header-navbar li .Header-menu{position: relative;z-index: 4;height: 80px;display: flex;align-items: center;color: #ffffff;font-size: 18px;transition: color .4s ease;}
.Header-navbar li.active .Header-menu, .Header-navbar li:hover .Header-menu{color: #E30083}
.Header-arrow{display: none;}
.Header-drop{display: none;width: 160px;position: absolute;background: #FFFFFF;left: 50%;font-size: 0;transform: translateX(-50%)}

.Header-drop a{display: block;color: #333333;font-size: 16px;padding: 12px 10px;text-align: center;transition: color .4s ease;position: relative;z-index: 2;}
.Header-drop a.active, .Header-drop a:hover{color: #E30083;background-color: #f5f5f5;}
.Header-drop a:first-child{margin-left: 0;}
.Header-drop a:last-child{margin-right: 0;}

.Header-navclick{display: none;width: 24px;height: 60px;cursor: pointer;float: right;user-select: none;align-items: center;}
.Header-navclick span{width: 100%;height: 2px;background: #444;display: block;position: relative;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #444;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -7px;}
.Header-navclick span:after{top: 7px;}
.Header-navclick.active span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.active span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Header-navclick.active span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}

.scrollLucency .Header-wrapper {background: #FFFFFF;}
.scrollLucency .Header-navbar li .Header-menu {color: #202020;}
.scrollLucency .Header-navbar li.active .Header-menu,.scrollLucency .Header-navbar li:hover .Header-menu{color: #E30083}


@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-moz-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-moz-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}
    50% {-moz-transform: translateY(7px) rotate(0);-ms-transform: translateY(7px) rotate(0);-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}
    100% {-moz-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
}
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-moz-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-moz-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}
    50% {-moz-transform: translateY(-7px) rotate(0);-ms-transform: translateY(-7px) rotate(0);-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}
    100% {-moz-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent;}
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0);}
    100% {background: rgba(255, 255, 255, 0);}
}

/* 底部 */
.Footer-wrapper{width: 100%;background: #131313;background-size: cover;position: relative;z-index: 9;}
.Footer-contact {width: 100%;background: #ffffff;border-top: 1px solid #f8f8f8}
.Footer-contact .contain {position: relative;height: 115px;}
.Footer-contact ul li {display: inline-block; padding: 0 80px 0 0; margin: 30px 0px; font-size: 14px; color: #848484; background: url(../images/ft-more.png) no-repeat right; margin-right: 120px; }
.Footer-contact ul li img {vertical-align: top; }
.Footer-contact ul li span {display: inline-block; padding-left: 15px; }
.Footer-contact ul li span em{font-size:24px;color: #333333;font-style:normal;padding-top: 4px; display: block;}
.Footer-contact ul li span{display: inline-block;padding-left:15px;}
.Footer-contact ul li:last-child{margin:0;background: none}
.Footer-contact .g_top {width: 101px; height: 115px; background: #E30083; cursor: pointer; position: absolute; right: 0; top: 0; text-align: center; box-sizing: border-box; padding-top: 33px; }
.Footer-contact .g_top span {display: block; font-size: 14px; color: rgba(255, 255, 255, 0.9); padding-top: 12px;}

.Footer-container{width: 1440px;margin: 0 auto}
.Footer-infonav{width: 100%;padding: 54px 0 40px;}
.Footer-navbar{width:100%;position: relative;}
.Footer-navbar ul {display: flex;align-items: flex-start;justify-content: space-between;}
.Footer-navbar ul li{color: #FFFFFF;max-width: 30%;}
.Footer-navclick{width: 100%;position: relative;}
.Footer-navclick h6 {font-size: 16px;color: #666666;display: block;width: 100%;height: 32px;line-height: 32px;}
.Footer-navclick i{width: 42px;height: 42px;display: none;position: absolute;z-index: 9;right: 0;top: 0;background: url('../images/iconArrW.png') no-repeat center center /14px auto;}
.Footer-navclick i.ontrue{transform: rotate(180deg);}
.Footer-navwords{width: 100%;overflow: hidden;margin-top: 10px;display: flex;flex-direction: column;}
.Footer-navwords p {color: #fff;font-size: 16px;min-height: 24px;line-height: 24px;margin-bottom: 12px;}
.Footer-navwords a{display: inline-block;color: #fff;font-size: 16px;transition: all .4s ease-in-out;}
.Footer-navwords a:hover{color: #E30083;}
.Footer-navwords .Footer-logo {margin-bottom: 15px;}

/* Footer Share 社交图标 */
.share-links{display: flex;flex-wrap: wrap;gap: 12px;max-width: 150px;}
.share-links a{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;background: rgba(255,255,255,.3);transition: all .3s ease;}
.share-links a img{width: 20px;height: 20px;display: block;filter: brightness(0) invert(1);transition: filter .3s ease;}
.share-links a:hover {background: #E30083;}
.Footer-share{width: 100%;font-size: 0;padding: 24px 0 28px;border-top: 1px solid rgba(255, 255, 255, 0.05);}
.Footer-share span, .Footer-share a{display: inline-block;vertical-align: middle;}
.Footer-share span{font-size: 16px;color: #fff;margin-right: 24px;}
.Footer-share a{font-size: 14px;color: #adadad;transition: all .4s ease;margin-right: 12px;}
.Footer-share a:last-of-type{margin-right: 0;}
.Footer-share a:hover{color: #fff;}
.Footer-copyright{width: 100%;padding: 24px 0;background: #000;}
.Footer-copyright p, .Footer-copyright span{font-size: 14px;color: #9c9c9c;line-height: 24px;}
.Footer-copyright p{float: left;}
.Footer-copyright span{float: right;}
.Footer-copyright span a {color: rgba(255, 255, 255, .2);}

/* 中间+共用部分 */
.Container-wrapper{width: 100%;}
.contain{width: 1440px;margin: 0 auto;}

.pubTitle{width: 100%;text-align: center;margin-bottom: 50px;}
.pubTitle h6{font-size: 64px;color: #202020;font-weight: bold;}
.pubTitle p {color: #888;font-size: 18px;line-height: 28px;max-width: 100%;}


.sonMenu{width: 100%;}
.sonMenu-menu{float: left;position: relative;font-size: 0;}
.sonMenu-menu a, .sonMenu-menu::before{display: inline-block;vertical-align: top;height: 60px;line-height: 60px;font-size: 14px;color: #666666;transition: all .4s ease;}
.sonMenu-menu::before{content: "";padding-left: 32px;background: url('../images/sonic1.png') no-repeat left top 46%;}
.sonMenu-menu a::after{content: ">";font-family: "宋体","SimSun","\5B8B\4F53";font-weight: 700;margin: 0 7px;display: inline-block;color: #999;}
.sonMenu-menu a:last-child::after{display: none;}
.sonMenu-menu a:hover{color: #E30083;}

.pagination {margin-top: 48px;text-align: center;}
.pagination a{display: inline-block;vertical-align: middle;color: #666;font-size: 14px;min-width: 38px;height: 38px;line-height: 36px;padding: 0px 16px;border: 1px solid #dcdcdc;margin: 0 4px;border-radius: 38px;transition: all .4s ease;}
.pagination a:hover, .pagination a.active, .fullpage a.on{background-color: #E30083;color: #fff;border-color: #E30083;}

.swiper-button-next, .swiper-button-prev {width: 54px;height:54px;background-size: 100% 100%;}
.swiper-button-next:after, .swiper-button-prev:after {display: none;}
.swiper-button-prev {background-image: url('../images/icon-button-left.png');}
.swiper-button-next {background-image: url('../images/icon-button-right.png');}

.link-more {display: flex;justify-content: center;margin-top: 50px;}
.link-more a {display: flex; align-items: center; justify-content: center;  color: #ffffff; font-size: 20px; width: 248px; height: 75px; background: #E30083; border-radius: 75px; border:1px solid #E30083;transition: all .4s ease;}
.link-more a:after {content: ''; width: 30px; height: 30px; background-image: url('../images/icon-arrow-right.png'); background-size: 100% 100%; margin-left: 15px;transition: all .8s ease; }
.link-more a:hover {background: #fff;color: #E30083;}
.link-more a:hover:after {background-image: url('../images/link-arrow-right.png'); }
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1600px) {
    /* 1440 × (900/1050) */
    .contain{width: 92%;}
}

@media all and (max-width:1440px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .pubTitle h6{font-size: 28px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .Header-search-wordsform input{width: 480px;}
    .Header-drop-contain{width: 92%;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */    
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    body.onSearch .Header-navbar{visibility: visible;opacity: 1;}
    .contain{width: 92%;}
    body.noLucency .Container-wrapper{margin-top: 60px;}
    .Container-wrapper{margin-top: 60px;}
    .Header-wrapper{background: #fff;}
    .Header-wrapper::after{content: "";width: 100%;height: 1px;position: absolute;background: rgba(0, 0, 0, 0.1);left: 0;bottom: 0;}
    .Header-logo, .Header-search-click{height: 60px;line-height: 60px;}
    .Header-logo img {height: 35px;}
    .Header-search {margin-right: 4%;}
    .Header-search .Header-search-click {font-size: 0;padding: 0;background-position: center;}
    .Header-navclick{display: flex;}
    .Header-navbar{display: none;position: absolute;width: 100%;margin-right: 0;height: calc(100vh - 60px);top: 60px;left: 0;padding: 20px 0;background: #fff;transition: none;}
    .Header-navbar ul{display: block;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch}
    .Header-navbar li{display: block;width: 100%;margin: 0;opacity: 0;transform: translateY(32px);transition: transform .4s ease, opacity .4s ease;padding: 0;position: relative;}
    .Header-navbar li::after{display: none;}
    .Header-navbar.active li{opacity: 1;transform: translateY(0);}
    .Header-navbar li .Header-menu{height: 50px;padding: 0 4%;color: #444;}
    .Header-arrow{display: block;width: 50px;height: 50px;position: absolute;z-index: 9;right: 0;top: 0;background: url('../images/iconArrH.png') no-repeat center /14px auto;}
    .Header-arrow.active{transform: rotate(180deg);}
    .Header-navbar li:hover .Header-menu{color: #444;}
    .Header-block{display: none !important;}
    .Header-drop {position: relative;top: 0;left: 0; transform: translateX(0);width: 100%;overflow: hidden;padding: 16px 0;text-align: left !important;background: #F5F5F5;}
    .Header-drop a {text-align: left;padding: 12px 4%;width: 100%;margin: 0;}
    .Header-tel {margin-top: 10px;margin-right: 30px;}

    
    .Footer-infonav {padding: 38px 0 34px;}
    .Footer-navbar {width: 100%;padding: 0;;margin-left: 0;}
    .Footer-navbar ul li{width: 100%;}
    .Footer-navclick h6 {line-height: 40px;}
    .Footer-navwords a {padding: 4px 0;font-size: 16px;}
    .Footer-navwords{margin-top: 0;display: none;}
    .Footer-navclick i{display: block;}
    .Footer-copyright {padding: 20px 0;}

    .Footer-contact .contain {height: auto;}
    .Footer-contact ul li {width: 27%;margin:20px 0px;margin-right: 2%;padding-right: 0px;}
    .Footer-contact ul li img {width: 30px;vertical-align: middle;}
    .Footer-contact ul li span {vertical-align: middle;}
    .Footer-contact ul li span em {font-size: 18px;}
    .Footer-contact .g_top {height: 87px;width: 87px;padding-top: 14px;}

    .pubTitle {margin-bottom: 35px;}
    .pubTitle h6{font-size: 24px;}
    .pubTitle p {font-size: 14px;line-height: 22px}
    .link-more a {font-size: 17px; width: 210px; height: 60px; border-radius: 60px;}
  
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
     .Header-tel {display: none;}
     .Footer-code,
     .Footer-contact {display: none;}
    .link-more a {font-size: 15px; width: 170px; height: 50px; border-radius: 50px;}

}