/* reset */
html, input { margin: 0; padding: 0; }
body { background: #FFF; line-height: 1.4; color: #222; font-size: 14px; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; }
input, select, textarea { font-size: 100%; }
input:focus, select:focus, textarea:focus { outline: none; }
body, form, h1, h2, h3, h4, h5, h6, ol, p, ul { margin: 0; }
h4, h5, h6 { font-size: 1em; }
ol, ul { padding-left: 0; list-style-type: none; list-style: none; }
ul li { list-style: none; }
th, td { padding: 0; }
img, iframe { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; outline: none; }
* { box-sizing: border-box; }
input::-ms-clear, input::-ms-reveal { display: none; }
/* Optimization */
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: none; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: none; }
body { font-family: "PingFang SC",Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "STHeiti"; color: #333; background: #FFF; }

.clearfix{
    content: ""; clear: both; height: 0; display: table; overflow: hidden;}
.content{width: 1200px; margin:0px auto;}
/* menu begain */
.header{height:80px; background:#fff;display: flex; align-items: center;}
.header h1{float:left;padding-right:100px;}
.header h1 a{float:left;width:182px;height:70px; background: url(../image/logo.png) no-repeat left 3px;display:inline-block; font-size: 0px; cursor: pointer;}
.header ul{ flex: 1;display: flex; align-items: center;}
.header ul li{float: left; padding:0px 30px;height:80px; line-height:80px; position: relative; cursor: pointer;}
.header ul li a{font-size:16px; color:#0A2C61;}
.header ul li a:hover{color:#0FA3D8;}
.header ul li a.current{color:#0FA3D8;}

.headerbox{
    position:absolute;
    top: 80px;
    left: 0px;
    width: 120px;
    background:#fff;
    border-radius:0px 0px 4px 4px;
    z-index: 999;
    padding: 10px 15px;
    display: none;
}
.headersvg{width: 10px; height: 7px; margin: 0px auto;position: absolute;top: -50px;left: 45%;}
.headerbox a{display: block; height: 30px;text-align:center; line-height: 30px; font-size:16px; color:#0A2C61; cursor: pointer;}
.headerbox a:hover{color:#0FA3D8;}
.banner{width: 100%; overflow: hidden;}
/* footer begain */
.footer{
    background: #354458;
    padding:30px 0px;
    }
.footer .left{
    float: left;
    width: 50%;;
}
.footer .left p{
    line-height: 28px;
    font-size: 14px;
    color: rgb(255, 255, 255,0.6);
    padding-left:30px;
}
.footer .right{
    float: right;
    width: 30%;
    text-align: right;
    margin-top:-84px;
   
}
.footer .right p{
    text-align:center;
    float: left;
    width: 120px;
    color: rgba(255,255,255,0.6);
    line-height: 15px;
}
.footer .right p img{
    padding:0px 10px;
}