@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;}

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}

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:#145591;text-decoration:none;} 

a:focus{outline:0px dotted;}

a:focus, input:focus{ -moz-outline-style: none; } 

::selection { background:#145591; color:#fff;}

::-moz-selection { background:#145591; color:#fff;  }

::-webkit-selection { background:#145591; color:#fff;  }

input[type="button"],

input[type="submit"],

input[type="reset"] {-webkit-appearance: none;}

input, textarea, button {border: 0;}


.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: 86%; 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: 1100px){

    .g-in { padding: 0; }

}



.header { position: relative; top: 0; left: 0; right: 0; height: 97px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); transition:transform 0.6s cubic-bezier(0.4,0,0.2,1); z-index: 15; }

.logo { position: relative; float: left; width: 460px; height: 97px; }
.logo img { width: 100%; height: auto; max-height: 97px; }

.fun { position: relative; float: right; height: 97px; }

.nav { float: left; margin-right: 12px; font-size: 18px; line-height: 97px; }

.nav>li { position: relative; float: left; padding: 0 1.4vw; color: #333; }

.nav> li> a { position: relative; display: block; color: #333; }

.nav> li:hover>a,

.nav> .cur > a { color: #333; }

.nav li a:before{ content:''; background:#145591; width:0; height:4px; position:absolute; left:50%; bottom:24px; transition:all 0.4s;}

.nav li.hov a:before,

.nav li:hover a:before{ width:100%; left:0;}



.subbox {  background:rgba(20,85,145,.7); position:absolute; left:0px; top:100%; width:100%; padding-left:115px; display:none; }

.subnav { float:left; display:block; height:299px; padding:20px 0px; width:115px; position:relative; text-align:center; border-left:1px solid rgba(255,255,255,.15);}

.subnav a {line-height:37px; font-size:14px; display:block; position:relative; color:#fff;}

.subnav a:hover{ background:#0b3c69;}

.subnav .cbg { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background:#145591; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.subnav.cur .cbg { -webkit-transform: scaleX(1); transform: scaleX(1); }



.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/fun-search.png) no-repeat; vertical-align: top; }

.fun-search form {position:absolute;top:58px;right:0;z-index: 18;width: 300px;display:none;border: 1px solid #145591;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:#145591;color:#fff;text-align:center;cursor:pointer;float:right;font-size:14px;border: 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:#000;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: #000; }



.c-nav {position:fixed;top:0;right:0;bottom:0;left:0; width: 100%; z-index:9;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: #145591;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; 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:4rem; 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;}



/* .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/fun-search2.png) 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: 1440px){

    .header { position: relative; padding: 0; height: 80px; }

    .logo { width: auto; height: 80px; }

    .logo img { position:relative; top:0; width:auto; height:100%; }

    .fun { height: 80px; }

    .fun-search .fun-search-ico { background: url(../images/fun-search.png) no-repeat; }

    .nav { display: none; margin-right: 14px; font-size: 16px; line-height: 80px; }

    .fun-nav { display: block; }

}

@media (max-width: 1100px){

    .header { padding: 0 13px; height: 55px; }

    .logo { height: 55px; }

    .fun { height: 55px; }

    .nav { font-size: 14px; line-height: 55px; }

}

@media (max-width: 321px){

    .logo { height: 55px; padding-top: 8px; }

}

.footer { background: #145591; color: #fff; }

.footer a { color: #fff; }

.link { padding: 15px 30px 20px; border-bottom:1px solid #145591; color: #7484b0; 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: 32px 0 23px; }

.footer-contact { width: 38%; }

.footer-contact dt { margin-bottom: 10px; font-size: 18px; line-height: 30px; font-weight: bold; }

.footer-contact dd { color: rgba(255,255,255,.6); line-height: 28px; }

.footer-contact dd a { color: rgba(255,255,255,.6); transition: all .3s ease; }

.footer-contact dd a:hover { color: rgba(255,255,255,1); }

.footer-nav,

.footer-nav ul { display: flex; justify-content: space-between; flex-wrap: wrap; }

.footer-nav ul { padding-top: 11px; margin-right: 6vw; }

.footer-qr { padding: 0 10px; color: #fff; text-align: center; line-height: 32px; }

.footer-qr img { display: block; margin: 0 auto; border-radius: 6px; }

.footer-nav dt { margin-bottom: 10px; font-size: 18px; line-height: 30px; font-weight: bold; }

.footer-nav dd { margin-left: -13px; margin-right: -13px; margin-bottom: 13px; color: rgba(255,255,255,.6);  line-height: 28px; }

.footer-nav dd a { margin: 0 13px; color: rgba(255,255,255,.6); transition: all .3s ease; }

.footer-nav dd a:hover { color: rgba(255,255,255,1); }

.footer-nav select { width: 257px; height: 33px; margin-left: 13px; border: 1px solid rgba(255,255,255,.3); background: none; color: rgba(255,255,255,.6); }
.footer-nav select option { color: #000; }
.footer-nav dd:last-child { margin-bottom: 0; }

.copy { padding: 16px 0; border-top: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.3); line-height: 24px; text-align: center; }

.copy a { color: rgba(255,255,255,.3); transition: all .3s ease; }

.copy a:hover { color: rgba(255,255,255,1); }

@media (max-width: 1000px){

    .footer-contact { width: 100%; padding-bottom: 2vh; text-align: center; }

    .footer-nav { width: 100%; justify-content: space-around; }

}

@media (max-width: 1100px){

    .footer { padding: 0; }

    .footer-wp { padding: 5%; }

    .footer-nav dl { text-align: center; }

    .footer-nav ul { padding: 11px 0; margin-right: 0; }

    .copy .fl,

    .copy .fr { float: none; }

}


.sjArea { display:none; }
@media all and (max-width:1200px){
	.pcArea { display:none; }
	.sjArea { display:block; }
}