blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, input, li, ol, p, pre, td, textarea, th, ul { margin:0; padding:0 }
body { font:14px/1.8 '微软雅黑', "microsoft yahei", Arial, Helvetica, Verdana, sans-serif; color:#333; word-wrap:break-word; background-color:#fff }
button, input, select, textarea { font:14px/2 Arial, '微软雅黑', "microsoft yahei", Helvetica, Verdana, sans-serif; word-wrap:break-word; color:#565756 }
article, aside, figure, footer, header, main, nav, section { display:block }
li, ul { list-style:none; margin:0; padding:0 }
h1, h2, h3, h4, h5, h6 { font-weight:400; font-size:100% }
img { border:none; border:0; vertical-align:middle }
a { text-decoration:none; outline:0; color:#333 }
p { margin:0; padding:0 }
input, select, textarea { vertical-align:middle }
input { margin:0; outline:0; padding:0 }
input::-ms-clear {
display:none
}
article, aside, figure, footer, header, main, nav, section { display:block }
.tc { text-align:center }
li, ol, ul { list-style:none }
form { display:block }
.fl { float:left }
.fr { float:right }
.w { width:100%; max-width:1200px; /*min-width:800px;*/ margin:0 auto }
.w_1000 { width:1000px; margin:0 auto }
.w_1200 { width:1200px; margin:0 auto }
.f16 { font-size:16px!important }
.clearfix:after, .clf:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
@font-face {
font-family:Futura_BK;
src:url(../font/Futura_BK.ttf)
}
.futura { font-family:Futura_BK!important }
@font-face {
font-family:Futura_bold;
src:url(../font/Futura_Md_BT_bold.ttf)
}
.futura_b { font-family:Futura_bold!important }
.h50 { width:100%; height:50px }
body, html { position:relative; color:#fff; background-color:#132373;  }
#top { width:100%; height:60px; color:#fff; font-size:14px; line-height:60px }
#top a { color:#fff; font-size:14px; line-height:60px }
#top .col { position:relative; display:inline-block; width:100px; color:#fff; font-size:14px; line-height:60px; text-align:right; margin-left:10px }
#top .col .xuanfu { position:absolute; top:38px; right:-20px; z-index:9999; width:0; height:0; overflow:hidden; background:url(../image/xuanfu_bg.png) }
#top .col .xuanfu .img { width:187px; height:187px; position:absolute; top:34px; left:14.5px }
#top .col .xuanfu .img img { width:187px; height:187px }
#top .col .xuanfu .txt { width:187px; height:40px; position:absolute; bottom:0; left:14.5px; color:#fff; font-size:14px; line-height:40px; text-align:center }
#top .col:hover .xuanfu { height:264px; width:216px; -moz-transition:all .15s ease-in;
-webkit-transition:all .15s ease-in;
-o-transition:all .15s ease-in;
transition:all .15s ease-in
}
header { width:100%; height:98px; background:#fff}
header .logo { width:181px; height:77px; padding-top:10.5px }
nav { height:100% }
nav ul>li { width:auto; height:98px; float:left; position:relative }
nav a { display:block; font-size:16px;padding:0 20px; color:#0068ab; line-height:98px; text-align:center; font-weight:700 }
nav ul>li.big_nav { width:130px }
nav ul>li.big_nav a { line-height:22px; padding:27px 0 }
nav li:hover>a { background:#0068ab; color:#fff; -moz-transition:all .15s ease-in;
-webkit-transition:all .15s ease-in;
-o-transition:all .15s ease-in;
transition:all .15s ease-in
}
nav li ul { height:0; width:0; overflow:hidden; /*-moz-transition:all .15s ease-in;
-webkit-transition:all .15s ease-in;
-o-transition:all .15s ease-in;
transition:all .15s ease-in*/
}
nav li li a { color:#fff }
nav li li { height:34px; width:100%; background:#334C72 url(../image/nav_right_icon.png) no-repeat 94% center }
nav li li a { height:100%; color:#efefef; line-height:34px; font-size:14px; padding:0 20px; text-align:left; display:block; font-weight:400 }
nav li li:hover a { background:#5b708d url(../image/nav_right_icon.png) no-repeat 94% center }
nav li:hover ul { display:block; position:absolute; z-index:9999; width:182px; /*-moz-transition:all .15s ease-in;
-webkit-transition:all .15s ease-in;
-o-transition:all .15s ease-in;
transition:all .15s ease-in;*/
height:auto }
nav li:hover ul.big_nav{width:200px}
nav li.now a { font-weight:700 }
.msub { display:none; float:right; margin-top:10px; padding:30px }
.msub .line { width:20px; height:3px; background:#0068ab; margin-top:4px }
footer { width:100%; position:relative; padding-top:40px; overflow:hidden;background: url(../image/2020STCKV.jpg) center bottom no-repeat; }
footer .info { height:auto; padding:50px 60px; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box }
footer .col { width:33.333% }
footer .col-1 { float:left; font-size:16px }
footer .col-3 { float:right; text-align:right }
footer .bottom { width:100%; background:rgba(7, 13, 45, .6); font-size:14px; line-height:80px }
footer .bottom .link, footer .bottom .link a { color:#fff; font-size:14px }
footer .bottom .link a { padding:0 20px }
footer .bottom .link a:hover { text-decoration:underline }
@media screen and (max-width:1200px) {
footer .col, footer .col-3 {
width:50%;
text-align:center
}
footer .col-3 {
width:100%;
text-align:center;
margin-top:30px
}
}
@media screen and (max-width:800px) {
footer .bottom, footer .col, footer .col-3 {
width:100%;
text-align:center;
font-size:12px;
}
footer .bottom .link, footer .bottom p {
float:none;line-height:25px;font-size:12px;
}
    footer .bottom {padding:10px 0;
    }
    footer .bottom .fl a{display:block;    }
    footer .bottom a {font-size:12px;padding:3px 0;
    }
    footer .info {padding:30px 0;
    }
}
@media screen and (max-width:1200px) {
.w {
width:100%;
padding:0 2%;
/*min-width:800px;*/
 box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box
}
}
@media (max-width:1200px) and (min-width:800px) {
    .w{width:100%;}
header {
height:100%;
width:100%;
text-align:center
}
header .logo {
width:100%;
float:none
}
nav {
width:100%;
float:none!important
}
nav ul>li.home{display:block;}
nav ul>li, nav ul>li.language {
width:12.5%!important;
}
nav a {
font-size:16px;
padding:0 10px;
}
nav ul>li.big_nav {
width:14.2%
}
nav li li a {
color:#fff
}
nav li li {
height:34px;
width:100%!important;
background:#334C72 url(../image/nav_right_icon.png) no-repeat 94% center
}
nav li li a {
font-size:14px
}
nav li:hover ul {
width:140%!important;
}
nav li.now a {
font-weight:700
}
}
@media (max-width:800px) {
.msub {
display:block
}
nav {
position:absolute;
top:98px;
left:0;
width:100%;
height:auto;
z-index:66;
background:#003872;
color:#fff;
z-index:999;
display:none;
opacity:.95;
padding:10px 0
}
nav ul>li, nav ul>li.language {
width:100%;
height:auto;
float:left;
position:relative;
padding:0
}
nav a {
display:block;
font-size:16px;
line-height:40px;
color:#f1f1f1
}
nav ul>li.big_nav {
width:100%
}
nav ul>li.big_nav a {
line-height:22px;
padding:5px 0
}
nav li:hover>a {
background:#006eb3;
color:#fff;
-moz-transition:all .15s ease-in;
-webkit-transition:all .15s ease-in;
-o-transition:all .15s ease-in;
transition:all .15s ease-in
}
nav li ul {
height:0;
width:0;
overflow:hidden;
-moz-transition:all .15s ease-in;
-webkit-transition:all .15s ease-in;
-o-transition:all .15s ease-in;
transition:all .15s ease-in
}
nav li li a {
color:#fff
}
nav li li {
height:34px;
width:100%;
background:#334C72 url(../image/nav_right_icon.png) no-repeat 94% center
}
nav li li a {
height:100%;
color:#efefef;
line-height:34px;
font-size:15px;
padding:0 20px;
text-align:left;
display:block;
text-align:center
}
nav li li:hover a {
background:#5b708d url(../image/nav_right_icon.png) no-repeat 94% center
}
nav li:hover ul {
display:block;
position:absolute;
z-index:9999;
width:100%;
-moz-transition:all .15s ease-in;
-webkit-transition:all .15s ease-in;
-o-transition:all .15s ease-in;
transition:all .15s ease-in;
height:auto
}
nav li.now a {
font-weight:700
}
}