*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}
input[type="submit"], input[type="reset"], input[type="button"], input[type="email"],
button {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
}
body {
    font-style: normal;
    font-size: 14px;
    background:#fff;
    font-family: "微软雅黑";

}
html,body{height:100%}
::-webkit-input-placeholder {
    color: #666;
    font-size:14px;
}

input[type="text"], input[type="password"] ,select,textarea{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border-radius: 0;
}

h1, h2, h3, h4, h5 {
    font-weight: normal;
}
select{-webkit-appearance: none}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 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, p {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    text-decoration: none;
    list-style: none;
    font-style: normal;

}
.input{font-size:12px;}
::-webkit-input-placeholder{font-size:12px}
.fr {
    float: right
}

.fl {
    float: left;
}
.clearfix:after{display: block; content: "\20"; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.cbody{background:#f4f4f4}
.hbox{ width:1190px; margin:0 auto; overflow:hidden;}
.hbox .tel{ float:right; }
.headerbox{width: 100%; height:60px;  background:#0f3273;}

.nav{width:1190px; margin:0 auto; position: relative;}
.nav ul > li{display: inline-block; transition: all 0.5s}
.nav ul > li >a{line-height:60px; color:#FFFFFF;position: relative; font-size:14px; display: block; padding: 0 50px; transition: all 0.5s;}
.nav ul > li.on >a{background: #0061ae; color:#fff;}
.nav ul > li:hover >a{color:#ffea00}
.nav ul > li.on:hover >a{color:#ffea00}
.nav ul > li >a:after{content:''; width: 0%; height: 2px; position: absolute; left: 50%; background:#0061ae; bottom: 41px; transition: all 0.5s}
.nav ul > li:hover >a:after{content:''; width: 80px; height: 2px; position: absolute; left: 40px; background:#0061ae; bottom: 50px; }

.nav ul > li ol{position: absolute; left: 0; background: #fff; top:60px; width: 100%; height: 0; transition: all 0.5s; overflow:hidden; z-index: 9999; }
.nav ul > li ol li{width: 1000px; margin: auto; overflow: hidden; height: 260px; position: relative}
.nav ul > li ol li p.vg1{float:left}
.nav ul > li ol li p.vg1 span{color:#333; font-size: 22px; font-weight: bold; padding-top:100px; position: relative; display: block; text-align: left}
.nav ul > li ol li p.vg1 span:after{content:''; width: 50px; height: 2px; position: absolute; left: 0; background:#0061ae; top: 80px; transition: all 0.5s}
.nav ul > li ol li p.vg1 a{color:#aaaaaa; font-size: 12px; border:1px solid #dddddd; display: block; width: 120px; height: 40px; line-height: 40px; margin-top:40px; }
.nav ul > li ol li p.vg2{width: 420px; margin: auto; padding-top:50px; position: relative}
.nav ul > li ol li p.vg2 a{color:#888888; font-size: 14px; line-height: 40px; display: block; float:left; width: 50%; text-align: left}
.nav ul > li ol li p.vg2 a{border-right: 1px solid #dddddd;padding-right: 20px;}
.nav ul > li ol li p.vg2 a:nth-child(2n){border-right: 0; padding-left: 20px; padding-right:0}
.nav ul > li ol li p.vg2 a:hover{color:#0061ae; text-decoration:underline}
.nav ul > li ol li p.vg3{position: absolute; right: 0; top:50px; }
.nav ul > li ol li p.vg3 img{width: 260px; height: 150px;}
.nav ul > li:hover ol{height: 260px;}
.bannerbox{width: 100%; overflow: hidden; position: relative;}
.bd{width: 100%; overflow: hidden; margin-top:-162px;}
.bd ul{position: relative; height: 100%}
.bd ul li{float:left; width: 100%; height: 100%; background-size: cover}
.cd{position: absolute; left: 0; bottom: 35px; text-align: center; z-index: 999; width: 100%;}
.cd ul li{color:#fff; display: inline-block; font-size: 24px; font-weight: bold;  margin-right: 30px; position: relative;cursor: pointer; background:#FFF; width:20px; height:20px;border-radius:10px; overflow:hidden}
.cd ul li:after{content: ''; width: 150%; height: 2px; background: #fff; position: absolute; bottom: -2px; left:-25%;width:20px; height:20px;border-radius:10px; overflow:hidden; color:#FFF}
.cd ul li.on{color:#036aac;background: #036aac;}
.cd ul li.on:after{content: ''; width: 150%; height: 2px; background: #036aac; color:#FFF; position: absolute; bottom: -2px; left:-25%}




.footerbox{width: 100%; height: 200px; background:#0f3273;}
.footer-auto{width: 1190px; margin: auto; position: relative; height:100%}
.footer-left{float:left; padding-top:30px}
.footer-left ul li{ line-height:24px; color:#FFF; font-family:Verdana, Geneva, sans-serif}
.footer-ewm{ position: absolute; top:40px; right:60px; height:180px;}