@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:#f6f8f9;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}
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:#1054c8;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{width:1280px;margin:0 auto;}
.g-in:after{content:'\20';display:block;height:0;clear:both;}
a{display:block;}

/* @media (max-width:1680px){.g-in{width:100%;padding:0 2%;}
} */
@media (max-width:1300px){.g-in{padding:0 2%;width: 100%;}
}
@media (max-width:768px){.g-in{padding:0 3%;}
}
.head{position:relative; width: 100%;background: white;}
.head .header{line-height:95px;}
.head  .fun .fun-txt{color: #333333;font-size: 22px;background: url(../images/ico1.png) no-repeat left center;padding-left: 39px;}
.head  .nav{background: #d31718;width: 100%;line-height: 60px;}
.head  .nav li{float:left;position:relative;width: 12.5%;text-align: center;}

.head  .nav li.current{background: url(../images/ico2.png) no-repeat bottom center;}
.head  .nav li:hover{background: url(../images/ico2.png) no-repeat bottom center;}
.head  .nav li::before{ content: ""; left: 0; top: 50%; height: 10px; border-left: 1px solid #fff; position: absolute; opacity: 0.5; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); }
.head  .nav li:last-child::after{ content: ""; right: 0; top: 50%; height: 10px; border-left: 1px solid #fff; position: absolute; opacity: 0.5; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); }
.head  .nav li a{color:white;font-size:18px;font-weight: bold;}
.head  .nav li .shownav{padding:15px 0 0;display: none; position:absolute;top:45px;left:0;width:100%;z-index:99999;box-sizing: border-box;}
.head  .nav li .shownav a{line-height:20px;padding:10px;color:black;font-size:14px;text-align:center;margin:0;background-color:white;}
/* .head  .nav li:hover .shownav{visibility:visible;} */
.head  .nav li .shownav a:hover{background-color:#d31718;color:white;}
.head .header .fun .fun-icon .fun-search-icon{height:95px;display:flex;align-items:center;position:relative;}
.head .header .fun .fun-icon .fun-search-icon .fun-search-icon1{background:url(search.png) no-repeat center;width:18px;height:18px;}
.head .header .fun .fun-icon .fun-search-icon form{position:absolute;top:58px;right:0;width:300px;display:none;border:1px solid #1054c8;background-color:#fff;z-index:999999;}
.head .header .fun .fun-icon .fun-search-icon .search-form input[type="text"]{width:228px;height:45px;line-height:38px;background:#fff;float:left;padding:0 12px;font-size:14px;}
.head .header .fun .fun-icon .fun-search-icon .search-form input[type="submit"]{width:70px;height:45px;background:#1054c8;color:#fff;text-align:center;cursor:pointer;float:right;font-size:14px;border:0;}
.banner{margin-top: 10px;}
.fun-nav { position: relative;  display: none; margin-left: 25px; }
.fun-nav .fun-nav-ico { display: inline-block; width: 30px; height: 30px; background: url(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;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:#d7000e;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: #d7000e; }

.c-nav {position:fixed;top:84px;right:0;bottom:0;left:0; width: 100%; z-index:9999999999;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: #d7000e;  transition-delay:0.10s;z-index:3; width: 100%;}

.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; padding: 10vh 0 0 15vw;z-index:4;}
.c-nav_list-wrap a { display: block; font-size: 20px; color: #fff; text-transform: uppercase; line-height: 3; }

.c-nav_list-wrap .c-nav_list {position:relative;margin:0;padding:0;line-height:1;z-index:4;display:inline-block;font-size:.3rem;padding-top:2rem; padding-left:4.2rem;}
.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;}


/* .nav li .shownav{transform:scale(0);} */
/* .nav li .shownav a{opacity:0;transform:rotateY(90deg);
 transition:all .4s ease;}
.nav li:hover .shownav{z-index:10;transform:scale(1);}
.nav li:hover .shownav a{opacity:1;transform:none} */



.footer{background: #333333;color:rgba(255,255,255,.3);padding-bottom: 35px;}
.footer a{color:rgba(255,255,255,.3);}
.link{border-bottom:1px solid #484848;color:rgba(255,255,255,.3);padding:  20px 0;}
.link a{margin-right:15px;padding:0 16px;opacity:1;display:inline-block;color: white;line-height: 35px;}
.footer-wp{padding:35px 0 0 0;}
.footer-contact{width: 205px;}
.footer-contact .tit{margin-bottom:5px;font-size:14px;line-height:24px;color: white;}
.footer-ads:nth-child(1){margin-bottom:8px;}
.footer-ads .desc{font-size:14px;line-height:24px;margin-top: 8px;}
.footer-nav{width:64%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.footer-nav dl{padding-right:5%;}
.footer-nav dl dt{margin-bottom:18px;font-size:18px;line-height:28px;}
.footer-nav dl dt a{color: white;}
.footer-nav dl dd{font-size:14px;line-height:24px;margin-bottom: 16px;}
.footer-nav dl dd:last-child{margin-bottom: 0;}
.footer-nav dl dd a:hover,.copy a:hover{color:#fff;}
.footer-nav dl:last-child{padding-right:0;}
.footer-right{width: 365px;}
.footer-right .wx{width: 108px;text-align: center;font-size: 12px;}
.footer-right .wx .tle{line-height: 22px;margin-top: 20px;}
.copy{padding:14px 0 0;line-height:24px;font-size: 14px;}
.copy a{display:inline-block;}

@media (max-width:1300px){
    .logo{width:auto;height:95px;}
    .logo img{position:relative;top:0;width:auto;height:55px;}
    .nav{display:none;margin-right:14px;font-size:16px;line-height:84px;}
    .fun-nav{display:block;}
    .head .fun .fun-txt{font-size: 20px;}
    .link{line-height: 40px;}
    .footer-wp{padding-top: 20px;}
    .footer-nav{width: 100%;float: unset;}
    .footer-right{width: 100%;float: unset;margin-top: 20px;}
    .footer-contact{width: unset;}
    .footer-nav dl{padding-right: 4%;}
    .footer-nav dl:last-child{margin-right: 0;}
    .footer-contact .tit{margin-bottom: 15px;}
    .footer{padding-bottom: 20px;}
    .footer-ads:nth-child(1){margin-bottom: 10px;}
}

@media (max-width:768px){
    body { padding-top: 55px; }
    .head .header{line-height: 55px; position: fixed; top: 0; left: 0; right: 0; background-color: #fff; }
    .head .fun .fun-txt{display: none;}
    .head .header .fun .fun-icon .fun-search-icon{height: 60px;}
    .logo img{height: 45px;}
    .header{height:55px;}
    .logo{height:55px;}
    .fun{height:55px;}
    .nav{font-size:14px;line-height:55px;}
    .c-nav {top: 55px;}

    .link{line-height: 32px;}
    .link a{padding: 0;}

    .footer-nav dl {display: none;}
    .footer-contact{width: calc(100% - 115px);}

}