﻿
@font-face {
    font-family: "alifont";font-weight: 300;src: url("http://at.alicdn.com/wf/webfont/BS8eMjpZgCgZ/jsrXUgCCCIuh.woff2") format("woff2"),
    url("http://at.alicdn.com/wf/webfont/BS8eMjpZgCgZ/huCIfapS0xx1.woff") format("woff");
    font-display: swap;
  }


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ line-height: 2em; }
body { font-family:  'Microsoft Yahei',Simsun,Arial;  min-width: 1250px; color: #555; background: #fff; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: ''; }
p { text-align: justify; }
abbr, acronym { border: 0; }
a { text-decoration: none; outline: none; blr: expression(this.onFocus=this.blur()); color: #666; display: block; }
.clear { display: block; clear: both; }
.relative { position: relative; }
.grayscale { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ }


body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
form { margin: 0; }
ul,
ol { margin: 0; padding: 0; list-style: none; }
a { text-decoration: none; }
img { border: none; vertical-align: top; }
input,
textarea { margin: 0; padding: 0; outline: none; }
select { outline: none; }
textarea { resize: none; overflow: auto; }
table { border-collapse: collapse; }
th,
td { padding: 0; }
input,
textarea { font-family: "微软雅黑", Arial; outline: 0; font-size: 14px; border: none; background: 0 0; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.ellipsis { /* text-overflow: ellipsis; */ /* overflow: hidden; */ /* white-space: nowrap; */ display: block; }
.clearfix:after { clear: both; display: block; content: ''; }
.clearfix { zoom: 1; }
.fw { margin: 0 auto; width: 1180px; }
.hide { display: none; }
.obHide { display: none; visibility: hidden; position: absolute; z-index: 99; }
.show { display: block; }
.fa { color: inherit; line-height: inherit; }
img { max-width: 100%; }
.fa-angle-right,
.fa-angle-down { padding-left: 10px; color: inherit; }
.item_index { display: none; }
.container_content { clear: both; }
/* css reset */
html, body { position: relative; width: 100%;     font-size: calc(100vw / 100);}
.cu3_li, .cu2_imIn, .news_liBl, .cou_yearBl, .ho_icon, .du1_li, .neIn_back, .bu2_li, .bu2_ti, .bu3_tiBl, .news_daBl, .item02_more2:after, .du5_more:after, .du5_block, .du5_img, .du4_img, .news_img, .neNa_aBl, .neNa_bg img, .neIn_li, .vid_li, .vid_bg, .In92_li, .ul_aBl, .me_submit:after, .ind3_ti, .ind3_tiCh, .bu2_InLi, .bu5_right, .bu5_left, .pro_liBl, .bu59_img, .bu59_img img, .pro_liBl img, .buIn2_back:after, .ciB_liBl { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.cu3_li:hover .cu2_imIn, .du5_block:hover .du5_img, .du4_block:hover .du4_img, .news_liBl:hover .news_img, .neNa_aBl:hover .neNa_bg img, .vid_liIn.vid_button:hover .vid_bg, .bu59_img:hover img, .pro_liBl:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.swiper-wrapper { -webkit-transition: all 0.6s easeOutCirc; -ms-transition: all 0.6s easeOutCirc; -moz-transition: all 0.6s easeOutCirc; -o-transition: all 0.6s easeOutCirc; transition: all 0.6s easeOutCirc; }
.item02_more2:after, .du5_more:after, .me_submit:after, .buIn2_back:after { background: #888; content: ""; display: block; height: 100%; position: absolute; top: 0px; right: 0px; width: 0px; z-index: 10; }
.item02_more2 div, .du5_more div, .me_submit div, .buIn2_back div { z-index: 20; position: relative; }
.item02_more2:hover:after, .du5_more:hover:after, .me_submit:hover:after, .buIn2_back:hover:after { width: 100%; left: 0px; right: auto; }
.du5_more:hover, .me_submit:hover div, .buIn2_back:hover div { color: #fff; }

.In92_li:hover, .cu3_li:hover, .du5_block:hover, .du4_block, .In92_li:hover, .neNa_aBl:hover, .vid_li:hover, .In92_li:hover { box-shadow: 0px 0px 10px 0px #ccc; }


body .searchGroup, #search-list .searchGroup { display: inline-block; height: 100%; }
body .searchGroup .search_wrap, #search-list .searchGroup .search_wrap { position: relative; top: 50%; transform: translate3d(0, -50%, 0); }
body .searchGroup .search_wrap::after, #search-list .searchGroup .search_wrap::after { content: ""; display: block; clear: both; }
body .searchGroup .searchOnOff, #search-list .searchGroup .searchOnOff { line-height: 40px; display: none; float: left; margin-right: 20px; cursor: pointer; }
body .searchGroup .searchBox, #search-list .searchGroup .searchBox { float: left; }
body .searchGroup .searchClose, #search-list .searchGroup .searchClose { display: inline-block; display: none; }
body .searchGroup .searchFormGroup, #search-list .searchGroup .searchFormGroup { height: 40px; }
body .searchGroup .searchFormGroup::after, #search-list .searchGroup .searchFormGroup::after { content: ""; display: block; clear: both; }
body .searchGroup .searchFormGroup input, #search-list .searchGroup .searchFormGroup input { float: left; box-sizing: border-box; width: 268px; height: 100%; text-indent: 15px; }
body .searchGroup .searchFormGroup .searchSub, #search-list .searchGroup .searchFormGroup .searchSub { line-height: 40px; float: left; height: 100%; padding: 0 12px; cursor: pointer; text-align: center; }
body #search-header { display: none; }
body #navWrapper .content { position: relative; }
body #search-nav.searchGroup { visibility: visible; opacity: 1; }
body #search-nav { position: absolute; right: 0; left: auto; display: block; height: 80px; transition: opacity 0.36s ease, height 0.36s ease; }
body #search-nav .searchBox { position: absolute; top: 100%; right: 0; overflow: hidden; height: 0; transition: height 0.36s ease; background: aliceblue; }
body #search-nav.search-open .searchBox { height: 40px; }
body #search-nav .searchOnOff { font-size: 17px; position: relative; top: 50%; display: block; transform: translate3d(0, -50%, 0); }
body #search-nav .searchSub { display: none; }
body #search-nav.navHide .searchBox { display: none; }
body #search-nav .search_wrap { height: 100%; }




body #search-header { display: none; }
div#search-nav { position: absolute; right: 0px; top: 0px; z-index: 120; }
body #header #search-nav { height: 80px; }
body #header.mini #search-nav { height: 66px; }
body #sitecontent { padding-top: 80px; }
body #header { position: fixed; z-index: 999; top: 0; min-width: 1200px;  transition: height 0.36s ease; width: 100%; height: 80px;     background: linear-gradient(180deg, rgba(0, 0, 0, 0.3), transparent); }
body #header .header_bg{ position: absolute; width: 100%; height: 100%; background: #fff; z-index: -1; left: 0; top:0;  height:0px;    transition: height 1s ease-in-out;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);}
body #header::after {
    content: '';
    display: block;
    width: calc(100% - 1.08rem);
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #fff;
    transition: all .5s;
    pointer-events: none;}
    body #header.bg_cur::after {width: 0;    transform: translate(0, 0);}
    

body .bg_cur#header  .header_bg{ height: 100%;}
body #header.mini { height: 66px; }
body #header.mini #navWrapper .content .nav > .navitem { font-size: 14px; }
body #header.mini #navWrapper .content .nav > .navitem > a { line-height: 64px; }
body #header.mini #logo img { height: 34px !important; }


body #header .wrapper { height: 100%; }
body #header .wrapper > .content { max-width: 1820px; height: 100%; margin: 0 auto; }
body #headTop { position: relative; float: left; height: 100%; margin-right: 50px; display: flex;align-items: center;  }

body #headTop #logo { position: relative; display: block; width: 8rem; }

body .bg_cur #headTop #logo .logo_white ,body   #headTop #logo .logo_black{ opacity: 0; display: none;}
body .bg_cur #headTop #logo .logo_black, body   #headTop #logo .logo_white{ opacity: 1; display: block;}

body #navWrapper { float: right; height: 100%; }
body #navWrapper .content { height: 100%; }
body #navWrapper .content::after { content: ""; display: block; clear: both; }
body #navWrapper .content .nav { float: right; height: 100%;  z-index: 99; position: relative; letter-spacing: 1px;  padding-right: 20px;}
body #navWrapper .content .nav > .navitem { transition: all 0.36s ease; font-size: 14px; position: relative; float: left; cursor: pointer; }
body #navWrapper .content .nav > .navitem:hover .subnav { display: block; background: rgba(255,255,255,1); }
body #navWrapper .content .nav > .navitem:hover  a{color:#002fa7 ;}
body #navWrapper .content .nav > .navitem > a { transition: all 0.36s ease; line-height: calc(80px - 2px); display: block; padding: 0 26px; border-bottom: 2px solid transparent; color:#002fa7 ; }

body #navWrapper .content .nav > .navitem .subnav {  position: absolute; z-index: 199; top: calc(100% - 20px); left: 0; /* overflow: hidden; */ width: 180px; height: auto; background: none; box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05); display: none; padding-bottom: 10px; padding-top: 5px; }
body #navWrapper .content .nav > .navitem .subnav li { width: auto; cursor: pointer; float: left; width: 100%; position: relative; }
body #navWrapper .content .nav > .navitem .subnav li a { transition: all 0.36s ease; font-size: 14px; font-weight: 500; line-height: 22px; display: block; transition: all 0.2s ease-in-out; color: #333; width: 100%; padding: 9px 0; }
body #navWrapper .content .nav > .navitem .subnav li a:hover { color: #fff; background-color: rgba(0, 47, 167, 0.8); }
body #openBtn,
body #hcontact { display: none; }
body .singlescreen #header { height: 66px; }
body .singlescreen #header #navWrapper .content .nav > .navitem > a { line-height: 64px; }
body #navWrapper { float: left; }
body #header .wrapper > .content { position: relative; }
body #search-nav { position: absolute; right: 0; }
.ind_seek { position: absolute; top: 0px; color: #fff; white-space: nowrap; font-size: 14px; letter-spacing: 4px; right: -5px; padding: 9px 0; opacity: 0.9; z-index: 30; width: 50px; }

.ind_seBu { display: block; width: 50px; background: url(../images/b_4.png) no-repeat center 21px; position: relative; float: right; height: 71px; cursor: pointer; padding-top: 20px;     transition: all 1s ease;}
.bg_cur .ind_seBu { background: url(../images/n2_6.png) no-repeat center 21px; }
.ind_seBu:hover .seek_block { display: block; }

.seek_block { position: absolute; top: 70px; right: -11px; width: 390px; background: #fff; padding: 12px 20px; display: none; border: 1px solid #eee; }
.seek_ico { position: absolute; right: 24px; top: -11px; width: 24px; height: 11px;  }
input.seek_input { width: 100%; }
.seek_inputBl { border-bottom: 1px solid #ccc; width: 92%; }
.seek_close { position: absolute; right: 6px; top: 5px; width: 40px; height: 40px; background: url(../images/n2_6.png) no-repeat center; cursor: pointer; display: block; }


#header.cur .he_bg { height: 0px; }
/* 头部 */
body #header .wrapper > .content { max-width: 100%; padding: 0 2.4%; }

.bodyindex body #sitecontent { padding-top: 0; }
body #navWrapper { float: right; }
/* body #header .wrapper{
    border-bottom: 1px solid rgba(255,255,255,.15);
} */
body #navWrapper .content { padding-right: 2px; }
body #navWrapper .content .nav > .navitem > a { color: rgba(255, 255, 255, 0.5); }
body .searchGroup .searchOnOff { margin-right: 0; }
.fa-search:before { font-size: 20px; font-weight: 600; content: "\e623"; color: rgba(255, 255, 255, 0.5); }
body #navWrapper .content .nav > .navitem > a.active { color: #002fa7; border-bottom: none; }
#navWrapper .content .nav .navitem > a:hover span:before,
#navWrapper .content .nav .navitem > a:hover .fa-angle-down { color: #fff; }
._newTopSlider { bottom: 0; /* height: 170px; */ width: 540px; }
body #navWrapper .content .nav > .navitem .subnav li a { text-align: center;  }

body #navWrapper .content .nav > .navitem .subnav { left: 0px; width: 100%; }

#navWrapper .content .nav > .navitem > a:hover { border-color: #b71f31; color: #b71f31; }
#navWrapper .content .nav > .navitem .subnav li a:hover { color: #fff; background-color: #b71f31; }

#navWrapper .content .nav .navitem span  ,.bg_cur  #navWrapper .content .nav .navitem .active span  { font-size: 0.9rem; color: #fff; transition: all 1.5s ease;}
.bg_cur  #navWrapper .content .nav .navitem .active span,
#navWrapper .content .nav .navitem:hover span,#navWrapper .content .nav .navitem.cur span, .bg_cur  #navWrapper .content .nav .navitem:hover .active span{ color: #002fa7!important; font-weight: bold;transition: all 0.2s ease;}
.bg_cur #navWrapper .content .nav .navitem span{ color: #000;}
#navWrapper .content .nav > .navitem > a:hover { color: #fff; border-color: transparent; }
body #navWrapper .content .nav > .navitem > a:before { position: absolute; bottom: 0; left: 50%; width: 4px; height: 4px; content: ""; transition: all 0.36s ease; opacity: 0; border-radius: 100%; }
body #navWrapper .content .nav > .navitem > a:hover:before { bottom: 18px; opacity: 1; }
body #navWrapper .content .nav > .navitem .subnav.he_left { left: -108px; }
body #navWrapper .content .nav > .navitem .subnav li:hover .na2_ul { display: block; }
body #navWrapper .content .nav > .navitem .subnav li:hover .na2_aBl { background-color: rgba(235, 17, 17, 0.4); }
span.navT_te { display: none; }





#footer { box-sizing: border-box; width: 100%;   }
#footer {     max-width: 100%;
    padding: 0 2.4%; font-size: 0.9rem; background: #1956b3; height: 100px; box-sizing: border-box; color: #fff;}
#footer .footer_wrap{ height: 100px; display: flex; padding: 0 2%; justify-content: space-between; align-items: center;}
#footer p { line-height: 24px; width: 100%; height: 24px; }
#footer p span.ellipsis { display: inline; max-width: 70%; opacity: 0.8; letter-spacing: 0.5px; }

#footer p a#fbeian { vertical-align: top; }
#footer  a{ display: inline-block; color: rgba(255, 255, 255, 1); }

#footer p:last-child { text-align: right;}
#footer p:last-child  span{ margin: 0 1em; opacity: 0.5;}
#footer p span.ellipsis { color: rgba(255, 255, 255, 0.8); }
.alert_block { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999999; background-position: center; background-size: cover; display: none; }
a.alert_aBl { position: fixed; bottom: 60px; z-index: 30; left: 50%; color: #fff; font-size: 16px; letter-spacing: 2px; width: 100px; margin-left: -50px; border: 1px solid #fff; text-align: center; padding: 2px 0; }


@media only screen and (max-width:900px) {

    html, body {
        font-size: calc(100vw / 20);    -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
  }
  input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
body { min-width: auto; }

div#header { min-width: auto; background: none; }
body #headTop #logo { width:5rem;}
div#headTop { padding-left: 10px;  margin-top: 0px; height: 100%;}
div#headTop  #logo img{ width: auto; height: auto;max-height: 35px;}
div#header { height: 60px; line-height: 60px; }
body #header.bg_cur { z-index: 99990; }
div#navWrapper { position: fixed; right: -220px; top: 0px; width: 200px; background: #1956b3; z-index: 90; }
.ind_seek { padding: 0px; right: 85px; width: 90px; }
body #navWrapper .content .nav { width: 100%; padding-top: 70px; }
.seek_block { width: 260px; right: -42px; top: 60px; }
body #navWrapper .content .nav > .navitem { width: 100%; }
body #navWrapper .content .nav > .navitem > a { line-height: 50px; padding-left: 36px;  color: #fff!important; }
#navWrapper .content .nav .navitem span, .bg_cur #navWrapper .content .nav .navitem .active span{font-size: 16px;}
.bg_cur #navWrapper .content .nav .navitem span{ color: #fff}
.seek_ico { right: 54px; }
.nav_bgBl { display: none; }
.navT_null { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 90; }
body #navWrapper .content .nav > .navitem:hover .subnav { /* position: relative; */ /* width: 112px; */ /* left: 36px; */ /* padding-bottom: 10px; */ /* border: 0px; */ /* padding-top: 0px; */ /* top: -8px; */ /* z-index: 120; */ }
body #navWrapper .content .nav > .navitem .subnav li { float: none; }
body #navWrapper .content .nav > .navitem .subnav li a { text-align: left; padding: 4px 0; color: #fff; }
.bg_cur #navWrapper .content .nav .navitem .active span, #navWrapper .content .nav .navitem:hover span, #navWrapper .content .nav .navitem.cur span, .bg_cur #navWrapper .content .nav .navitem:hover .active span{
    color: #fff!important  
}
body #header #search-nav { right: auto; left: 0px; width: 200px; height: 60px; }
body #navWrapper .content { width: 220px; }
.navT_ul.cur .tw_1 { -webkit-transform: rotate(405deg) translate(7px,7px); }
.navT_ul.cur .tw_2 { opacity: 0; }
.navT_ul.cur .tw_3 { -webkit-transform: rotate(-45deg) translate(7px,-7px); }
.navT_ul { position: absolute; right: 0px; top: 0px; padding: 18px; padding-bottom: 10px; z-index: 99; }
.navT_ul div { width: 28px; border-top: 2px solid #fff; margin-bottom: 8px; -webkit-transition: all .3s ease; transition: all .3s ease; }
.navT_ul.cur div,.bg_cur .navT_ul.cur div{ color: #fff;border-top: 2px solid #fff;}
.bg_cur .navT_ul div{ color: #fff;border-top: 2px solid #000;}

.swiper-slide .swiper-slide-img{ background-position: center; text-align: center;}
.ind_tiBl { width: 90%!important; bottom: 12%;margin: 0 auto; left: 5%;}

.bg_cur .ind_seBu{background: url(../images/b_4.png) no-repeat center 21px;}
#footer{ height: auto;padding: 20px 0; overflow: hidden;}
#footer .footer_wrap{ display: block;height: auto; }
#footer p{ height: auto ;font-size: 14px; text-align: center; margin: 10px auto;}
#footer p:last-child{ text-align: center;}

body #navWrapper .content .nav > .navitem .subnav li:hover .na2_ul { left: 80px; z-index: 120; background: none; }
body #navWrapper .content .nav > .navitem .subnav li .na2_ul a { color: #fff; font-size: 12px; text-decoration: underline; }
body #navWrapper .content .nav > .navitem .subnav li:hover a { background: url(); left: 20px; position: relative; color: #fff; }
body #navWrapper .content .nav > .navitem .subnav li:hover .na2_aBl { background: url(); }

body #navWrapper .content .nav > .navitem:hover .subnav { display: none; }
body #navWrapper .content .nav > .navitem .subnav { position: relative; border-top: 0px; padding-left: 36px; padding-top: 0px; margin-top: -10px; }
body #navWrapper .content .nav > .navitem .subnav { -webkit-animation: auto; transition: all 0s; }
body #navWrapper .content .nav > .navitem:hover .subnav{ background: none;}


}