@charset "utf-8";

body,
html {
    margin: 0;
    padding: 0;
    
    color: #333;}

input,
textarea {
    
    font-size: 14px;
    -webkit-appearance: none;}

img {
    max-width: 100%;}

body {
    font-size: 14px;}

body a {
    outline: none;
    text-decoration: none !important;}

blockquote,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    list-style: none;}

li {
    list-style: none;}

img {
    border: none;}

em,
i {
    font-style: normal;}

a {
    text-decoration: none;}

a:hover {
    text-decoration: none;}

.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '';}

* html .clearfix {
    height: 1%;}

* + html .clearfix {
    height: 1%;}

.clearfix {
    display: block;
    clear: both;}

*:focus {
    outline: none;}

input {
    outline: none;}

* {
    box-sizing: border-box;}

.fline {
    clear: both;
    width: 100%;}

input[type="button"],
input[type="number"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: none;}

textarea {
    -webkit-appearance: none;
    resize: none;}

* {
    margin: 0;
    padding: 0;}


.comwidth {
    width: 1200px;
    margin: 0 auto;}

.hide {
    display: none !important;}

.fl {
    float: left;}

.cl:after {
    content: "";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;}



.header {
    background-color: #fff;}

.header .logotop {
    overflow: hidden;}

.header .logotop .logo_pic {
    float: left;
    margin-top: 23px;
    margin-bottom: 23px;}

.header .logotop .search_box {
    width: 240px;
    height: 36px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(206, 206, 206);
    border-radius: 18px;
    float: right;
    margin-top: 49px;}

.header .logotop .search_box input {
    display: inline-block;
    line-height: 34px;
    border: none;
    outline: none;
    width: 80%;
    
    border-radius: 18px;
    padding-left: 10px;}

.header .logotop .search_box button {
    border: none;
    background: none;
    float: right;
    margin-right: 15px;
    margin-top: 7px;}


.nav {
    width: 100%;
    height: 52px;
    background-color: #0060B9;}

.pc_nav li {
    float: left;
    
    width: 10%;
    height: 52px;
    line-height: 52px;
    text-align: center;
    transition: all 200ms;
    position: relative;}

.pc_nav li .waia {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 600;}  





.pc_nav li.cur .waia {
    background-color: #00509A;}

.pc_nav li:hover .waia {
    background-color: #00509A;}

.pc_nav li .xldiv {
    display: none;
    position: absolute;
    top: 52px;
    z-index: 2;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    text-align: center;}

.pc_nav li .xldiv a {
    display: block;
    font-size: 16px;
    background: rgb(0, 80, 154);
    color: #fff;
    line-height: 52px;
    border-bottom: 1px solid #A4B3C1;}

.pc_nav li .xldiv a:first-child {
    border-top: 1px solid #A4B3C1;}





.footer {
    background-color: #004e97;
    
    margin-top: 20px;
    padding-bottom: 6px;}

.footer_box {
    overflow: hidden;}

.footer .footer_box > div {
    width: 50%;
    float: left;
    margin-top: 40px;}

.footer_box .left_box .yqlj {
    font-size: 16px;
    
    font-weight: 400;
    color: rgb(255, 255, 255);
    line-height: 16px;}

.footer_box .left_box .red_line {
    margin-top: 6px;
    width: 40px;
    height: 1px;
    background-color: rgb(255, 255, 255);
    margin-bottom: 0;}

.footer_box .left_box .gglj {
    width: 370px;
    overflow: hidden;}

.footer_box .left_box .gglj > a {
    font-size: 14px;
    
    font-weight: 400;
    color: rgb(255, 255, 255);
    line-height: 25px;
    opacity: 0.9;
    display: block;
    float: left;}

.footer_box .zhong_box {
    overflow: hidden;
    margin-left: 0;}

.footer_box .zhong_box .zhong_div {
    width: 50%;
    margin-bottom: 19px;
    float: left;
    overflow: hidden;}

.footer_box .zhong_box .zhong_div:first-child {
    width: 60%;
    padding-left: 30px;}

.footer_box .zhong_box .zhong_div:last-child {
    width: 60%;
    padding-left: 90px;}

.footer_box .zhong_box .zhong_div img {
    width: 32px;
    display: block;
    float: left;
    position: relative;
    top: 4px;}

.footer_box .zhong_box .zhong_div .zhong_neirong {
    margin-left: 8px;
    float: left;}

.footer_box .zhong_box .zhong_div div {
    font-size: 14px;
    
    font-weight: 400;
    color: rgb(255, 255, 255);
    line-height: 19px;}

.footer_box .right_box {
    float: right !important;}

.footer_box .right_box .right_div {
    text-align: center;}

.footer_box .right_box .right_div div {
    font-size: 12px;
    
    font-weight: 400;
    color: rgb(203, 203, 203);
    line-height: 14px;}

.footer .footer_box .footer_line {
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, .3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4CFFFFFF, endColorstr=#4CFFFFFF);
    margin-top: 20px;}

.footer .footer_box > div.banquan {
    margin-top: 4px;
    width: 100%;
    font-size: 13px;
    
    font-weight: 400;
    color: rgb(255, 255, 255);}

.footer .footer_box > div.banquan > div > a {
    font-size: 13px;
    
    font-weight: 400;
    color: rgb(255, 255, 255);}

.footer .footer_box > div.banquan > div {
    float: left;}

.footer .footer_box > div.banquan > div:nth-child(2) {
    float: right;}




.celan {
    width: 50px;
    height: 210px;
    position: fixed;
    right: 75px;
    top: 50%;
    margin-top: -105px;
    z-index: 11;}

.celan .mli {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    position: relative;
    line-height: 50px;}

.celan .mli .qq {
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    background: rgb(202, 202, 202);
    transition: all 400ms;}

.celan .mli:hover .qq {
    width: 250px;
    background: rgb(0, 96, 185);}

.celan .mli:hover .qq.qq2 {
    width: 150px;}

.celan .mli .qq .zi {
    width: 0;
    height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    transition: all 400ms;
    overflow: hidden;}

.celan .mli .qq .zi a {
    color: #fff;}

.celan .mli:hover .qq .zi {
    width: 100px;}

.celan .mli .qq .tu {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;}

.celan .mli .qq .tu img {
    margin-top: 8px;}

.celan .mli .qq .tu i {
    font-size: 30px;}

.celan .mli .ms {
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    background: rgb(202, 202, 202);
    cursor: pointer;
    transition: all 400ms;}

.celan .mli:hover .ms {
    background: rgb(0, 96, 185);}

.celan .mli .ms .tu {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;}

.celan .mli .ms .tu img {
    margin-top: 8px;}

.celan .mli .ms .tu i {
    font-size: 30px;}



















































































































































.nav.active {
    position: fixed;
    top: 0;
    z-index: 999999;}