@charset "utf-8";
*,*::after,*::before{box-sizing:border-box;}
*:focus { outline: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button,figure{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none; }
body{font-size:14px;position:relative;*overflow-x:hidden; background-color: #fff;color: #000;font-family:"Microsoft YaHei", "PingFang SC", apple-system, "Helvetica Neue", "Source Han Sans SC","WenQuanYi Micro Hei", sans-serif;line-height: 1.5;outline:none;}
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
img{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle;border:0;transition: all 0.3s;}
em,i{font-style: normal;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:'';content:none;}
a{text-decoration:none;color:#000;} 
a:hover{color: #005eac;text-decoration:none;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
::selection { background:#0080c8; color:#fff;}
::-moz-selection { background:#0080c8; color:#fff;  }
::-webkit-selection { background:#0080c8; color:#fff;  }
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear { clear:both;}
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
::-webkit-scrollbar { height:11px; width:11px }
::-webkit-scrollbar-button { height:0; width:0 }
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment { display:block }
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement { display:none }
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal { border-style:solid; border-color:transparent}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{ background-clip:padding-box; background-color:#fff;}
::-webkit-scrollbar-thumb { -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07); background-clip:padding-box; background-color:rgba(0,0,0,.2); min-height:28px; padding-top:100}
::-webkit-scrollbar-thumb:hover { -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25); background-color:rgba(0,0,0,.4)}
::-webkit-scrollbar-thumb:active { -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35); background-color:rgba(0,0,0,.5)}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal { border-width:0;}
::-webkit-scrollbar-track:hover { -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1); background-color:rgba(0,0,0,.05)}
::-webkit-scrollbar-track:active { -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07); background-color:rgba(0,0,0,.05)}

.g-in { position: relative; width: 1600px; margin: 0 auto; }
.g-in:after { content: '\20'; display: block; height: 0; clear: both; }

@media (max-width: 1680px){
    .g-in { width: 100%; padding: 0 2%; }
}
@media (max-width: 1280px){
    .g-in { padding: 0 2%; }
}
@media (max-width: 768px){
    .g-in { padding: 0; }
}

.header { position: fixed; top: 0; left: 0; right: 0; height: 96px; transition:transform 0.6s cubic-bezier(0.4,0,0.2,1); z-index: 15; }
.logo {position: relative;float: left;/* width: 420px; *//* height: 96px; */}
.fun { float: right; height: 96px; }
.nav { float: left; margin-right: 14px; font-size: 16px; line-height: 96px; }
.nav>li { position: relative; float: left; color: #fff; }
.nav> li> a {display: block;padding: 0 16px;font-size: 16px;color: #fff;}
.nav> li:hover>a,.nav> .cur > a { color: #fff; }
@media (max-width: 1540px){
    .nav> li> a { padding: 0 9px; }
}
@media (max-width: 1300px){
	.nav> li> a { padding: 0 5px; }
}
@media (max-width: 1200px){
    .nav{display: none;}
}
.nav li .shownav { position:absolute; left:-15%; top:70px; width:130%; padding: 15px 0 0; background: url(../images/g_01.png) no-repeat center top; visibility:hidden; font-size:14px; z-index:1; }
.nav li .shownav a { display: block; margin:0; padding:10px 10px; background: rgba(255,255,255,.76); color:#000; line-height:20px; text-align:center; }
.nav li .shownav { transform:scale(0); }
.nav li .shownav a { opacity: 0; transform: rotateY(90deg); transition: all .4s ease; }
.nav li .shownav a:hover { background: #7f1084; color:#fff; }
.nav li:hover .shownav { visibility:visible; }
.nav li:hover .shownav{z-index:10; transform:scale(1);} 
.nav li:hover .shownav a{opacity:1; transform:none}
.nav li:hover .shownav a:nth-child(1){ transition-delay:0s}
.nav li:hover .shownav a:nth-child(2){ transition-delay:50ms}
.nav li:hover .shownav a:nth-child(3){ transition-delay:.1s}
.nav li:hover .shownav a:nth-child(4){ transition-delay:150ms}
.nav li:hover .shownav a:nth-child(5){ transition-delay:.2s}
.nav li:hover .shownav a:nth-child(6){ transition-delay:250ms}
.nav li:hover .shownav a:nth-child(7){ transition-delay:.3s}
.nav li:hover .shownav a:nth-child(8){ transition-delay:350ms}
.nav li:hover .shownav a:nth-child(9){ transition-delay:.4s}
.nav li:hover .shownav a:nth-child(10){ transition-delay:450ms}
.nav li:hover .shownav a:nth-child(11){ transition-delay:.5s}
.nav li:hover .shownav a:nth-child(12){ transition-delay:550ms}
.nav li:hover .shownav a:nth-child(13){ transition-delay:600ms}
.nav li:hover .shownav a:nth-child(14){ transition-delay:650ms}
.nav li:hover .shownav a:nth-child(15){ transition-delay:700ms}
.nav li:hover .shownav a:nth-child(16){ transition-delay:750ms}
.nav li:hover .shownav a:nth-child(17){ transition-delay:800ms}
.nav li:hover .shownav a:nth-child(18){ transition-delay:850ms}
.nav li:hover .shownav a:nth-child(19){ transition-delay:900ms}
.nav li:hover .shownav a:nth-child(20){ transition-delay:950ms}

.fun-search { position: relative; float: left; top: 50%; height: 30px; transform: translateY(-50%); }
.fun-search .fun-search-ico { display: inline-block; width: 30px; height: 30px; background: url(../images/g_02.png) center center no-repeat; vertical-align: top; }

.fun-search form {position:absolute;top:58px;right:0;z-index: 18;width: 300px;display:none;border: 1px solid #7f1084;background-color: #fff; z-index: 99; }
.fun-search input[type="text"]{width: 228px;height: 45px;line-height:38px;background:#fff;float:left;padding: 0 12px;font-size:14px;}
.fun-search input[type="submit"]{width: 70px;height: 45px;background:#7f1084;color:#fff;text-align:center;cursor:pointer;float:right;font-size:14px;border: 0;border-radius: 0;}

.fun-nav { position: relative; float: left; top: 50%; display: none; transform: translateY(-50%); margin-left: 10px; }
.fun-nav .fun-nav-ico { display: inline-block; width: 30px; height: 30px; background: url(../images/fun-menu.png) no-repeat; vertical-align: top; }

.c-nav-button {width: 25px;cursor: pointer;height: 25px;background: none;text-align:center;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);z-index:902;}
.c-nav-button_wrap {display:inline-block;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);}

.c-nav-button_icon {display:inline-block;width: 25px;margin-top: 3px;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);}
.has-nav-open .c-nav-button_icon {transform:rotate(135deg);transition-delay:0.2s;}
.c-nav-button_line {position:relative;display:block;height:3px;margin-bottom: 6px;border-radius:3px;transform:translateZ(0);transition:transform 0.2s cubic-bezier(0.4,0,0.2,1) 0.2s,opacity 0.15s 0.05s;}
.c-nav-button_line::before,
.c-nav-button_line::after {display:block;content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:2px;background-color:#fff;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);transform:translateZ(0);}
.c-nav-button_line::after {opacity:0;}

.has-nav-open .c-nav-button:hover .c-nav-button_line::before {transform:translateY(0);}
.c-nav-button_line:nth-child(1)::before {transition-delay:0.2s;}
.c-nav-button:hover .c-nav-button_line:nth-child(1)::before {transition-delay:0s;}
.has-nav-open .c-nav-button_line:nth-child(1) {transition-delay:0s,0.2s;transform: translateY(9px);}

.c-nav-button_line:nth-child(2) {transition:transform 0.2s cubic-bezier(0.4,0,0.2,1) 0.05s;width: 60%;}
.c-nav-button_line:nth-child(2)::before {transition-delay:0.1s;}
.has-nav-open .c-nav-button_line:nth-child(2) {transform:rotate(90deg);transition-delay:0.15s; width:100%;}
.c-nav-button_line:nth-child(3) {position:relative;margin-bottom:0;}
.c-nav-button_line:nth-child(3)::before {transition-delay:0.0s;}
.c-nav-button:hover .c-nav-button_line:nth-child(3)::before {transition-delay:0.2s;}
.has-nav-open .c-nav-button_line:nth-child(3) {transform:translateY(-0.59375rem);opacity:0;transition-delay:0s,0.15s;}
.c-nav-button_line:nth-child(3)::after {top:0.59375rem;}

.has-nav-open .c-nav-button_line::before,
.has-nav-open .c-nav-button_line::after { background-color: #fff; }

.c-nav {position:fixed;top:0;right:0;bottom:0;left:0; width: 100%; z-index:12;overflow:hidden;visibility:hidden;transition:visibility 0s 0.85s;}
.has-nav-open .c-nav {visibility:visible;transition-delay:0s;}

.c-nav_background {position:absolute;top:0;right:0;bottom:0;left:0; }
.c-nav_background::before,
.c-nav_background::after {content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleX(0);transform-origin:center left;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);}
.c-nav_background::before { transition-delay:0.25s;z-index:1;}
.c-nav_background::after {background: #005eac;transition-delay:0.10s;z-index:3;}

.has-nav-open .c-nav_background::before,
.has-nav-open .c-nav_background::after { transform:scaleX(1);}
.has-nav-open .c-nav_background::before {transition-delay:0s;}
.has-nav-open .c-nav_background::after {transition-delay:0.15s;}

.c-nav_list-wrap {position:relative; height: 85vh; padding: 0 0 0 15vw; margin:10vh 0 5vh; overflow-y: auto; z-index:4; }
.c-nav_list-wrap a { position: relative; display: block; font-size: 20px; color: #fff; text-transform: uppercase; line-height: 3; }
.c-nav_list-wrap a i { position: relative; display: inline-block; width: 8px; height: 8px; margin-left: 5px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(315deg); transform-origin: 0 0; transition: all .3s ease; }
.c-nav_list-wrap a.o { color: #ff0; }
.c-nav_list-wrap a.o i { transform: rotate(135deg); transform-origin: 5px 5px; }
.c-nav_list-wrap .c-nav_list {position:relative;margin:0;line-height:1;z-index:4;display:inline-block;font-size:.3rem; padding:4vh 0 0 4.2rem;}
.c-nav_list-wrap .c-nav_list .shownav { display: none; padding-left: 2.2rem; }
.c-nav_list-wrap .c-nav_list .shownav a { font-size: 16px; line-height: 2.4; } 
.c-nav_list-wrap .c-nav_list .c-nav_item {position:relative; transform:translateX(-100%) translateX(-.5rem); transition:transform 0.45s cubic-bezier(0.4,0,0.2,1),opacity 0.3s cubic-bezier(0.4,0,0.2,1); opacity:0;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(1) {transition-delay:0.2s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(2) {transition-delay:0.1s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(3) {transition-delay:0.0666666667s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(4) {transition-delay:0.05s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(5) {transition-delay:0.04s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(6) {transition-delay:0.0333333333s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(7) {transition-delay:0.0285714286s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(8) {transition-delay:0.025s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(9) {transition-delay:0.0222222222s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(10) {transition-delay:0.02s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(11) {transition-delay:0.0181818182s;}
.c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(12) {transition-delay:0.0166666667s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item { transform:translateX(0);opacity:1;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(1) {transition-delay:0.19s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(2) {transition-delay:0.23s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(3) {transition-delay:0.27s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(4) {transition-delay:0.31s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(5) {transition-delay:0.35s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(6) {transition-delay:0.39s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(7) {transition-delay:0.43s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(8) {transition-delay:0.47s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(9) {transition-delay:0.51s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(10) {transition-delay:0.55s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(11) {transition-delay:0.59s;}
.has-nav-open .c-nav_list-wrap .c-nav_list .c-nav_item:nth-child(12) {transition-delay:0.63s;}

.header-bg { background-color: rgba(0,0,0,.5); color: #fff; }
.header-bg .nav> li> a { color: #fff; }
.header-bg .fun-search .fun-search-ico { background: url(../images/g_02.png) center center no-repeat; }
.header-bg .fun-nav .fun-nav-ico { background: url(../images/fun-menu.png) no-repeat; }

@media (max-width: 1680px){
    /* body { padding-top: 70px; } */
    /* .header {position: fixed;height: 70px; }
    .logo { width: 156px; height: 70px; }
    .logo img { position: relative; top: 0; width: auto; height: 100%;}
    .fun { height: 70px; }
    .fun-search .fun-search-ico { background: url(fun-search2.png) no-repeat; }
    .nav { display: none; margin-right: 14px; font-size: 16px; line-height: 70px; }
    .fun-nav { display: block; } */
}
@media (max-width: 1280px){
    .header { position: fixed; padding: 0; height: 84px; }
    .logo { width: auto; height: 84px; }
    .logo img { position:relative; top:0; width:auto; height:100%; }
    .fun { height: 84px; }
    .fun-search .fun-search-ico { background: url(../images/g_02.png) center center no-repeat; }
    .nav { display: none; margin-right: 14px; font-size: 16px; line-height: 84px; }
    .fun-nav { display: block; }
}
@media (max-width: 768px){
    .header { padding: 0 13px; height: 55px; }
    .logo { height: 55px; }
    .fun { height: 55px; }
    .nav { font-size: 14px; line-height: 55px; }
}
.footer {padding-top: 59px;background: url(../images/footer.jpg) no-repeat center top #1f232c;color: #fff;}
.footer a { color: #fff; }
.link { padding: 15px 30px 20px; border-bottom:1px solid rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .3); line-height: 30px; }
.link a { margin-right: 15px; padding: 0 16px; opacity: 1; }
.footer-wp { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 50px 30px 35px; }
.footer-contact dt { margin-bottom: 26px; font-size: 18px; line-height: 38px; }
.footer-ads { margin-bottom: 30px; line-height: 30px; }
.footer-ads .desc { color: rgba(255, 255, 255, .3); } 
.footer-nav { width: 70%; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* .footer-nav dl { padding-right: 5%; } */
.footer-nav dl dt { margin-bottom: 26px; font-size: 18px; line-height: 38px; }
.footer-nav dl dd { font-size: 14px; line-height: 36px; }
.footer-nav dl dd a,
.copy a { color: rgba(255,255,255,0.3); transition: all .3s ease; }
.footer-nav dl dd a:hover,
.copy a:hover { color: #fff; }
.footer-nav dl:last-child { padding-right: 0; }
.copy { padding: 12px; border-top: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.3); line-height: 28px; text-align: center; }
.footer-qr { color: rgba(255,255,255,0.3); text-align: center; font-size: 12px; line-height: 26px; }
.footer-qr img { display: block; margin-bottom: 17px; }


@media (max-width: 1330px){
    .footer-contact,
    .footer-nav { width: 100%;display: flex; justify-content: space-between; flex-wrap: wrap;  }
}
@media (max-width: 768px){
    .footer { padding: 0; background-image: none; }
    .link,
    .footer-wp { padding: 5%; }
    .link a { padding: 0; }
    .footer-contact dt,
    .footer-ads { margin-bottom: 10px; }
    .footer-ads:last-child { margin-bottom: 0; }
    .footer-nav { display: none; }
}

.kf { position: fixed; right: 28px; top: 15%; width: 140px; padding: 0 10px 20px; border-radius: 0 0 70px 70px; background: linear-gradient(to bottom, #005eac,#bb091b); color: #fff; font-size: 18px; z-index: 999; text-align: center; }
.kf a { color: #fff; }
.kf .hd { padding: 10px 0 15px; font-weight: bold; font-size: 28px; line-height: 1.2; }
.kf .bd ul { border-top: 1px solid #bb091b; border-bottom: 1px solid #005eac; }
.kf .bd ul li { padding: 12px 0; border-bottom: 1px solid #bb091b; border-top: 1px solid #005eac; line-height: 30px; }
.kf .ft { padding-top: 10px; font-size: 20px; font-weight: bold; line-height: 40px; }
.kf .close { position: absolute; right: -25px; top: -16px; display: block; width: 22px; height: 22px; background: url(../images/close1.png) no-repeat; cursor: pointer; }

.wap-kf { display: none; }
.wap-kf-wp { padding: 5% 0; display: flex; justify-content: space-between; align-items: center;  border-bottom: 1px solid #1a4692; }
.wap-kf-wp a { color: #fff; }
.wap-kf-wp .hd { text-align: center; flex: 0 0 20%; font-weight: bold; }
.wap-kf-wp .bd { flex: 0 0 60%; }
.wap-kf-wp .bd ul { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.wap-kf-wp .bd ul li { width: 33.333%; text-align: center; line-height: 2; }
.wap-kf-wp .ft { text-align: center; flex: 0 0 20%; font-size: 12px; }

@media (max-width: 768px){
    .kf  { /*display: none;*/ }
    .kf {right: 10px;top: 25%;width: 110px;padding: 0 10px 10px;border-radius: 0 0 50px 50px;font-size: 14px;}
    .kf .hd {padding: 10px 0 10px;font-weight: bold;font-size: 16px;line-height: 1.2;}
    .kf .bd ul { border-top: 1px solid #7baeca; border-bottom: 1px solid #013b76; }
    .kf .bd ul li {padding: 5px 0;line-height: 26px;}
    .kf .ft {font-size: 14px;line-height: 30px;padding-top: 0;}
    .kf .close {right: 0;top: -26px;}
    .wap-kf { display: block; }
}