/* 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: 1000px; margin:0px auto;}
/* header begain */
body{
    padding-top: 60px;
}
.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display:-webkit-flex; 
    display:flex; 
    height:60px;
    padding:0px 160px;
    flex-direction:row;
    justify-content: space-between;
    align-items:center;
    /* position: relative; */
    z-index:9999;
    background: #fff;
}
.header .header-logo{
  width: 180px;
}
.header .header-logo img{
  width: 100%;
}

.header h1,.header ul{
    display: inline-flex;
}
.header h1 a,.header h1{font-size: 0px; color: #FFF;}
.header ul li{
    padding:0px 28px;
    align-items:center;
}
.header ul li.current a{color:#0080FF;opacity:0.8;}
.header ul li a{color: #000;}
.header ul li:hover a{color:#0080FF; }
.header ul li a b{
    display: none;
}
.banner{
    height:400px;
    overflow: hidden;
    background:url(../images/banner2.png) no-repeat center center;
    background-size:cover;
}
.banner .banner-left{
    float: left;
}
.banner .banner-right{
    float:left;
}
.banner .banner-right img{
    padding-top:10px;
    width: 540px;
}
.banner .banner-left h3{padding-top:110px;}
.banner .banner-left h3 p{
    display: none;
}
.banner .banner-left p.des{
    font-size:20px;
    color:#616C7B;
    color: #000;
    width: 660px;
    line-height:36px;
    padding-top:20px;
}


.help-des{
    display: none;
}
.help-img{
    font-size:0px;
}
.help-img img{
 width: 20%;
}
.ban-banner{
    box-sizing: border-box;
    padding-top:30px;
    padding-left:40px;
    display: flex;
    align-items: center;
}
.ban-banner a{
    padding: 0 30px;
    margin-right: 20px;
    height: 50px;
    font-size:18px;
    color:#fff;
    /* padding:6px 30px; */
    background:#0080FF;
    -o-border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    display: inline-flex;
    align-items: center;

}

.ban-banner a img{
    width: 28px;
    display: block;
    margin-right: 5px;
}
.ban-banner .web-jump{
    background:rgba(0,0,0,0);
    color: #000;
    border: 1px solid #666;
}
/* footer begain */
.footer{
    background:#262D33;
    padding-top:40px;
    padding-bottom:20px;
    margin-top:70px;
    border-top:solid 1px #8F959E;
}
.footer ul{
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer ul > div{
    display: flex;
    justify-content: space-between;
    width: 64%;
}
.footer ul li{
    /* width: 20%;
    float: left; */
    padding:0px 10px;
 }
 .footer ul li  p{
    height:32px;
    line-height:32px;
    font-size:12px;
    color: #EEE;
    font-weight: normal;
 }
 .footer ul li > p > a > b{
    display: none;
 }
 .footer ul > div > li > p > b {
    display: none;
 }
 
 .footer ul > div > li > p > a{
    color: #EEE;
    font-size:12px;
    font-weight: normal;
 }
 .footer ul > div > li > p > a >em{
    display: none;
 }
 .footer ul li > p > a{
    font-size:18px;
    color: #EEE;
 }
 /* .footer ul li > p a{
    color: #EEE;
    font-size:12px;
    font-weight: normal;
 } */
 .container{
    width: 1200px;
    margin:0 auto;
 }
 .container .line{
    background-color: #8F959E;
    width: 100%;
    height: 1px;
    margin: 20px 0 20px 0;
 }
 .container .record-varchar{
    color: #8F959E;
    text-align: center;
    font-size: 14px;
 }