/******CSS--Initialize******/
* { margin: 0; padding: 0; }
html { overflow-x: hidden; }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input { margin: 0; padding: 0; border: 0; }
body { font-size: 14px; line-height: 26px; color: #333; max-width: 1920px; margin: 0 auto; padding: 0; font-family: 'Microsoft YaHei', Arial; padding-top: 80px; }
ul, ol { list-style-type: none; }
em, i { font-style: normal; }
[hidden], template { display: none; }
select, input, img { vertical-align: middle; outline: none; max-width: 100%; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; }
a { text-decoration: none; }
a:hover, a:visited, a:active, a:link { text-decoration: none; outline: none; color: #0588ce; }
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { zoom: 1; }
.clear:after { content: ""; display: block; clear: both; }
.clear { zoom: 1; }
.rel { position: relative; }
.abs { position: absolute; }
.ov { overflow: hidden; }
.fl, .left { float: left; }
.fr, .right { float: right; }
.tr { text-align: right; }
.tl { text-align: left; }
.tc { text-align: center; }
.wrapper { overflow: hidden; }
.container { width: 1200px; margin: 0 auto; display: block; clear: both; zoom: 1; }

/*手机版菜单按钮点击效果样式*/
.menu-bar { position: absolute; display: none; right: 10px; top: 50%; margin-top: -12px; -webkit-transition: -webkit-transform .25s ease-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; transition: transform .25s ease-out; transition: top .25s ease-in-out; }
.menu-bar .btn-menu { display: block; box-sizing: border-box; width: 30px; text-align: center; text-decoration: none; border-bottom: none; }
.menu-bar .btn-menu .menu-line { display: block; width: 30px; height: 3px; margin: 8px auto; border-radius: 2px; background-color: #0588ce; }
.menu-bar .btn-menu .menu-line.menu-line-top { margin-top: 0; -webkit-transition: -webkit-transform .25s ease-out, background-color .25s ease-out; transition: transform .25s ease-out, background-color .25s ease-out; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; }
.menu-bar.is-open .btn-menu .menu-line.menu-line-top { width: 36px; -webkit-transform: rotate(45deg) translate(-1px, -1px) scaleX(1); -ms-transform: rotate(45deg) translate(-1px, -1px) scaleX(1); transform: rotate(45deg) translate(-1px, -1px) scaleX(1); background-color: #0588ce; }
.menu-bar .btn-menu .menu-line.menu-line-middle { -webkit-transition: opacity .25s ease-out, background-color .25s ease-out; transition: opacity .25s ease-out, background-color .25s ease-out; opacity: 1; }
.menu-bar.is-open .btn-menu .menu-line.menu-line-middle { opacity: 0; }
.menu-bar .btn-menu .menu-line.menu-line-bottom { margin-bottom: 0; -webkit-transition: -webkit-transform .25s ease-out, background-color .25s ease-out; transition: transform .25s ease-out, background-color .25s ease-out; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; }
.menu-bar.is-open .btn-menu .menu-line.menu-line-bottom { width: 36px; -webkit-transform: rotate(-45deg) translate(-2px, 1px) scaleX(1); -ms-transform: rotate(-45deg) translate(-2px, 1px) scaleX(1); transform: rotate(-45deg) translate(-2px, 1px) scaleX(1); background-color: #0588ce; }

/**** Header--style--begin ****/
#Header { width: 100%; z-index: 999; position: fixed; left: 0; top: 0; background: #fff; }
#Header .main { }
#Header .logo { padding: 17px 0 18px; transition: all 0.3s linear; }
#Header .left { float: left; width: 20%; }
#Header .right { float: right; width: 75%; }
#Header .right .fl { float: right; }
#Header .right .fr { float: right; }
#Header .tool { float: left; }
#Header .ts { }
#Header .Email { background: #f3f3f3; position: relative; margin-left: 15px; }
#Header .Email a { display: block; line-height: 80px; font-size: 14px; color: #333; padding: 0 15px; transition: all 0.3s linear; }
#Header .Email a .icon-Email { display: inline-block; position: relative; top: 2px; font-size: 20px; margin-right: 5px; }
#Header .Email a span { display: inline-block; font-size: 14px; }
#Header .Email:hover a { color: #0588ce; }
#Header .nav { width: 100%; }
#Header .nav > ul > li { height: 80px; transition: all 0.3s linear; }
#Header .nav .nav-li { float: left; text-align: center; position: relative; }
#Header .nav .nav-li > a { padding: 0 5px; margin: 0 16px; display: block; position: relative; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
#Header .nav .nav-li > a abbr { font-size: 16px; color: #000; line-height: 80px; display: block; transition: all 0.3s linear; }
#Header .nav .nav-li .nav-down { overflow: hidden; box-shadow: 0 0 5px #888; display: none; position: absolute; left: 0; top: 80px; width: 100%; text-align: center; background: #fff; text-align: center; }
#Header .nav .nav-li .nav-down li { float: none; display: block; width: 100%; }
#Header .nav .nav-li .nav-down li a { font-size: 14px; line-height: 40px; color: #333; border-bottom: 1px solid #e4e6ea; display: block; }
#Header .nav .nav-li .nav-down li:last-child a { border-bottom: none; }
#Header .nav .nav-li .nav-down li:hover > a { background: #0588ce; color: #fff; }
#Header .nav .line { display: block; width: 0; height: 3px; background: #0588ce; position: absolute; bottom: 0; transition: 300ms; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; }
#Header .nav .line_1 { right: 50%; }
#Header .nav .line_2 { left: 50%; }
#Header .nav li:hover a abbr { color: #0588ce; }
#Header .nav li:hover .line { width: 50%; }
#Header .nav li.cur a abbr { color: #0588ce; }
#Header .nav li.cur .line { width: 50%; }
#Header .search { position: relative; padding: 25px 10px; transition: all 0.3s linear; }
#Header .search .icon-search { font-size: 20px; color: #fff; background: #0588ce; height: 30px; width: 30px; border-radius: 100%; line-height: 30px; text-align: center; cursor: pointer; }
#Header .search form { box-shadow: 0 0 5px #888; position: absolute; top: 80px; right: 0; display: none; width: 400px; padding: 10px; background: #fff; overflow: hidden; box-sizing: border-box; }
#Header .search form input { border: 1px solid #eee; font-size: 12px; color: #333; line-height: 40px; height: 40px; padding: 0 5px; float: left; }
#Header .search form input[name="keywords"] { width: 81%; }
#Header .search form input[type="submit"] { width: 15%; height: 42px; border-left: none; background: url('../image/icon-s.png') no-repeat center center; background-size: 16px; }
#Header.active { box-shadow: 0 0 5px #888; }

/**** Footer--style--begin ****/
#Footer { position: relative; color: #dcdcdc; }
#Footer .main { padding: 40px 0; background: #363636; }
#Footer .main .left { float: left; width: 80%; }
#Footer .main .right { float: right; width: 18%; }
#Footer .f-nav { overflow: hidden; }
#Footer .f-nav li { float: left; width: 16.66%; font-size: 12px; color: #dcdcdc; line-height: 20px; }
#Footer .f-nav li a { font-size: 14px; color: #dcdcdc; line-height: 20px; display: inline-block; margin: 0 10px; }
#Footer .f-nav dt a { font-size: 14px; color: #fff; line-height: 40px; }
#Footer .f-nav dt a:hover { color: #0588ce; }
#Footer .f-nav dd a { font-size: 12px; color: #dcdcdc; line-height: 30px; }
#Footer .f-nav dd a:hover { color: #0588ce; }
#Footer .QRCode .pic { text-align: center; }
#Footer .QRCode .pic p { font-size: 14px; line-height: 30px; margin-top: 10px; }
#Footer .bottom { padding: 20px 0; background: #000000; }
#Footer .Copyright p { font-size: 14px; color: #fff; line-height: 40px; }
#Footer .Copyright a { font-size: 14px; color: #fff; line-height: 40px; display: inline-block; }
.select { width: 290px; position: relative; float: right; }
.select .link_con { text-align: left; position: relative; width: 289px; padding: 0; height: 41px; border-radius: 5px; border-radius: 1px; line-height: 40px; display: inline-block; color: #b8bbc2; transition: all 0.3s ease; background: url('../image/linkbg.png') no-repeat right center; }
.select .link_con .name { font-size: 14px; color: #fff; padding-left: 15px; display: block; width: 200px; }
.select .link_son { display: none; position: absolute; bottom: 40px; left: 0; width: 100%; background: #fff; overflow: auto; max-height: 220px; border: 1px solid #eee; }
.select .link_son li a { font-size: 14px; display: block; width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #eee; text-indent: 5px; color: #666; transition: all 0.3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.select .link_son li:hover a { background: #0588ce; color: #fff; }
/**** Footer--style--end   ****/



@media (min-width: 1200px) {
    #Header .nav > ul { display: flex; display: -webkit-box; }
    #Header.active .logo { padding: 7px 0 8px; }
    #Header.active .logo { padding: 7px 0 8px; }
    #Header.active .nav .nav-li > a abbr { line-height: 60px; }
    #Header.active .search { padding: 15px 10px; }
    #Header.active .search form { top: 60px; }
    #Header.active .Email a { line-height: 60px; }
    #Header.active .nav > ul > li { height: 60px; }
    #Header.active .nav .nav-li .nav-down { top: 60px; }
}

@media (max-width: 1600px) {
}

@media (max-width: 1360px) {
    .container { width: 980px; }
    #Header .left { width: 24%; }
    #Header .right { width: 72%; }
    #Header .nav .nav-li > a { margin: 0 6px; }
    #Header .nav .nav-li > a abbr { font-size: 14px; }
    #Header .nav .nav-li .nav-down { width: 120%; margin-left: -10%; }
    #Header .Email { margin-left: 12px; }
    #Footer .main { padding: 30px 0; }
}

@media (max-width: 1200px) {
}

@media (max-width: 1025px) {
    * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .container { width: 100%; padding: 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    body { padding-top: 60px; }
    .menu-bar { display: block; }
    #Header .logo { padding: 10px 0; }
    #Header .logo img { height: 40px; }
    #Header .left { float: left; width: 50%; }
    #Header .right { float: right; width: 50%; }
    #Header .nav > ul > li { height: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    #Header .tool { float: none; }
    #Header .Email { margin: 0 10px; padding: 0; text-align: center; }
    #Header .Email a { line-height: 50px; }
    #Header .search { padding: 0; margin: 10px 0; }
    #Header .search .icon-search { display: none; }
    #Header .search form { display: block; position: relative; top: 0; right: auto; left: auto; box-shadow: none; width: 100%; }
    #Header .search form input[name="KeyWord"] { width: 85%; }
    #Header .search form input[type="submit"] { height: 40px; }
    #Header .main .nav { display: none; position: fixed; background: #fff; left: 0; top: 60px; width: 100%; border-top: 1px solid #e3e3e3; overflow: scroll; height: 100%; }
    #Header .main .nav > ul { overflow: scroll; padding-bottom: 100px; height: 100%; }
    #Header .nav .nav-li { float: none; width: auto; position: relative; height: auto; margin: 0 10px; }
    #Header .nav .nav-li > a { margin: 0; }
    #Header .nav .nav-li > a abbr { text-align: left; border-bottom: 1px solid #f1f1f1; font-size: 16px; color: #000; line-height: 50px; display: block; }
    #Header .nav .nav-li .Down { background: url('../image/icon_hide01.png') no-repeat right 10px center; }
    #Header .nav .nav-li.cur .Down { background-image: url('../image/icon_show01.png'); color: #0588ce; }
    #Header .nav .nav-li .nav-down { box-shadow: none; display: none; text-align: left; width: auto; position: relative; top: auto; left: auto; }
    #Header .nav .nav-li .nav-down li a { padding-left: 5px; font-size: 14px; color: #333; line-height: 40px; border-bottom: 1px solid #f1f1f1; display: block; }
    #Header .nav .nav-li .nav-down li { width: auto; padding-left: 20px; }
    #Header .nav .nav-li .nav-down li:hover a { color: #fff; }

    #Footer .bottom .left { float: none; width: 100%; text-align: center; }
    #Footer .bottom .right { float: none; width: 100%; }
    #Footer .Copyright p { line-height: 20px; margin: 5px 0; }
    #Footer .Copyright a { line-height: 20px; }
    .select { margin: 0 auto; float: none; margin-bottom: 10px; }
}

@media (max-width: 768px) {
    #Footer .main .left { float: none; width: 100%; margin-bottom: 15px; }
    #Footer .main .right { float: none; width: 100%; }
    #Footer .main { padding: 20px 0; }
    #Footer .f-nav li { float: none; width: 100%; }
    #Footer .f-nav dt { border-bottom: 1px solid #555; padding-right: 50px; position: relative; }
    #Footer .f-nav dt a { display: block; }
    #Footer .f-nav dt .Icon { position: absolute; right: 0; bottom: 0; width: 50px; height: 40px; text-align: center; background: url('../image/icon_hide.png') no-repeat center center; }
    #Footer .f-nav dd { padding: 0 20px; display: none; }
    #Footer .f-nav dd a { line-height: 40px; }
    #Footer .f-nav li.cur dt a { color: #0588ce; }
    #Footer .f-nav li.cur dt .Icon { background: url('../image/icon_show.png') no-repeat center center; }
}

@media (max-width: 640px) {


    #Footer .main { padding: 15px 0; }
    #Footer .bottom { padding: 15px 0; }
}

@media (max-width: 480px) {
    #Footer .main { padding: 10px 0; }
    #Footer .bottom { padding: 10px 0; }
}


@media (max-width: 420px) {
}

@media (max-width: 380px) {
}

@media (max-width: 321px) {
}