body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0px; margin: 0px; }
body { font-family: "Microsoft YaHei", arial, sans-serif, "Helvetica Neue", Helvetica; font-size: 14px; min-width: 1000px; color: rgb(102, 102, 102); }
table { border-collapse: collapse; border-spacing: 0px; }
fieldset, img { border: 0px; }
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%; letter-spacing: 1px; }
q::before, q::after { content: ""; }
abbr, acronym { border: 0px; }
a { text-decoration: none; outline: none; color: rgb(102, 102, 102); }
img { display: block; max-width: 100%; }
p { line-height: 2em; min-height: 20px; }
.clear { display: block; clear: both; }
::-webkit-scrollbar-track-piece, ::-webkit-scrollbar, ::-webkit-scrollbar-thumb { width: 6px; }
::-webkit-scrollbar-track-piece { background-color: rgba(255, 255, 255, 0.6); }
::-webkit-scrollbar { background-color: rgba(255, 255, 255, 0.6); }
::-webkit-scrollbar-thumb { background-color: rgb(153, 153, 153); }
::-webkit-scrollbar-thumb:hover { background-color: rgb(153, 153, 153); }
html, body { position: relative; width: 100%; min-width: 1150px; }
.he_liBl::after, .news_li, .news_block, .news_block::after, a.me_li, .vid_button, .videoBl_clear, .ide_li, .ide_teBl, .nav_ul a::after, .ho_icon, .cuBl_block, .ind_navBl, .indNe_InBl, a.indNe_li, a.indN_li, .se_liBl, .de_liBl, .bu3_liBl, .new_InBl, .new_ul a.new_li, .pr_li, .sh_li, .home_banner .sw_prev, .home_banner .sw_next, .home_banner .comIco span { transition: all 0.3s ease 0s; }
.king { transition: all 0.6s cubic-bezier(0.75, 0, 0.25, 1) 0.3s; }
.king:hover { transform: scale(1.1); }
.king:hover, .news_li:hover, a.me_li:hover, .se_liBl:hover, .de_liBl:hover, .new_ul a.new_li:hover, .pr_li:hover, .sh_li:hover { transform: scale(0.95); box-shadow: rgb(204, 204, 204) 0px 0px 10px 0px; }
.new_InBl:hover { transform: scale(0.95); }
.vid_button:hover, .videoBl_clear:hover, .cuBl_block:hover, .home_banner .sw_prev:hover, .home_banner .sw_next:hover { transform: scale(0.9); }
.swiper-slide { overflow: hidden; }
.he_logo::after { content: ""; display: block; position: absolute; left: -200px; top: 0px; width: 150px; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); overflow: hidden; transform: skewX(-25deg); transition: all 0s ease 0s; }
.king { width: 150px; left: 600px; transition: all 1.2s ease 0s; }
.king { width: 150px; left: 1000px; transition: all 1.2s ease 0s; }

@keyframes toShow {
    0% { opacity: 0.5; }
    100% { opacity: 1; }
}

body { animation: 1s ease-in-out 0s 1 normal backwards running toShow; }

@keyframes t_01 {
    0% { opacity: 0; transform: translate(0px, 60px); }
    100% { opacity: 1; transform: translate(0px, 0px); }
}

@keyframes t_02 {
    0% { opacity: 1; transform: translate(0px, -60px); }
    100% { opacity: 1; transform: translate(0px, 0px); }
}

.com_img { animation: 0.6s ease-in-out 0s 1 normal backwards running t_01; }
.com_tiBl { animation: 0.6s ease-in-out 0.3s 1 normal backwards running t_01; }
.com_conBlock { animation: 1s ease-in-out 0s 1 normal backwards running t_02; }

@-webkit-keyframes anim09 {
    0% { left: -200px; }
    30% { left: 600px; }
    100% { left: 600px; }
}

.he_logo::after { animation: 5s ease-in-out 0s infinite normal none running anim09; }

@keyframes animScale {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

@-webkit-keyframes animScale {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.ind_bgImg, .com_img img, .vid_img, .ba_block, .ind2_img img, .ind3_img img, .ab_img img, .ab2_img img, .si_imgLi img, .si_img2 img, .jo_img img, .we_imgBl img { animation: 10s linear 0s infinite normal none running animScale; }
.we_imgBl { overflow: hidden; }
.king { animation: 1s linear 0s infinite normal none running animScale; }
.he_content { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 900; background: url("/images/a1_6.png"); height: 80px; }
.he_ulBl { position: absolute; top: 0px; right: 135px; }
.he_logo { padding: 13px 1%; width: 150px; position: absolute; left: -1%; top: 0px; z-index: 90; display: block; overflow: hidden; }
.he_logo img { display: block; }
.he_liBl { float: left; position: relative; height: 80px; }
.he_a { display: block; padding: 31px 20px; position: relative; z-index: 90; }

@keyframes top01 {
    0% { transform: translate(0px, 20px); opacity: 0; }
    100% { transform: translate(0px, 0px); opacity: 1; }
}

.pagination { display: flex !important; justify-content: center; padding: 50px 0; flex-wrap: wrap; }
.pagination a, .pagination span { display: block; padding: 5px 13px; border-radius: 4px; border: solid 1px #ccc; margin: 4px; color: #808080; cursor: pointer; }
.pagination .page_current { background-color: #125d95; color: #fff; border-color: rgba(178, 132, 27, 1); }
.pagination .pagetext { color: rgba(178, 132, 27, 1); }
.pagination .pagetext strong { color: #808080; font-weight: normal; }

.he_block { position: absolute; top: 75px; padding-top: 6px; width: 1920px; left: 0%; display: none; animation: 0.3s ease-in-out 0s 1 normal backwards running top01; }
.top_button { animation: 0.3s ease-in-out 0s 1 normal backwards running top01; }
.he_ul { background: rgba(255,255,255,0.6); padding: 10px; height: 40px; }
.he_ul a { display: block; text-align: center; padding: 10px 12px; float: left; margin-right: 2px; }
.he_liBl.active .he_a, .he_liBl:hover .he_a { color: rgb(255, 255, 255); }
.he_ulBl:hover .he_liBl.active .he_a { color: #666; }
.he_ulBl .he_liBl.active:hover .he_a { color: rgb(255, 255, 255); }
img.lo2 { display: none; }
body.home .he_content { background: url("/images/1_1.png"); }
body.home a.he_logo img { display: none; }
body.home a.he_logo img.lo2 { display: block; }
body.home a.he_a { color: rgb(255, 255, 255); }
body.home .he_ulBl:hover .he_liBl.active .he_a { color: rgb(255, 255, 255); }
.ind_ico img { display: none; }
body.home .ind_ico { background: url("/images/a1_51.png") center center no-repeat; border: 1px solid rgb(153, 153, 153); }
body.home .ind_input input { color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); }
.tou_ico { display: none; }
.ind_body { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; min-width: 1200px; min-height: 500px; }
.ind_content { position: relative; width: 100%; height: 100%; }
.swiper-container.swiper-container01 { height: 100%; width: 100%; position: relative; }
.swiper-container01 .swiper-slide { position: relative; width: 100%; height: 100%; overflow: hidden; }
.ind_conBlock { position: relative; width: 100%; height: 100%; overflow: hidden; background: rgb(32, 32, 32); }
.ind_bgContent { position: relative; width: 100%; height: 100%; background: url("../images/a1_6.jpg") center center / cover no-repeat; }
.ind_logo { position: absolute; top: 0px; left: 0px; z-index: 990; background: rgb(35, 35, 35); width: 180px; cursor: pointer; }
.ind_navBu { position: absolute; top: 22px; left: 200px; z-index: 90; width: 34px; cursor: pointer; opacity: 0.5; }
img { max-width: 100%; }
.ind_ico { position: absolute; right: 0px; top: 0px; border: 1px solid rgb(153, 153, 153); z-index: 99; padding: 28px; cursor: pointer; width: 22px; height: 22px; background: url("/images/a1_5.png") center center no-repeat; }
body.homeZ .he_content { background: url(""); }

@keyframes topAm {
    0% { transform: translate(0px, 0px); }
    50% { transform: translate(0px, -20px); }
    100% { transform: translate(0px, 0px); }
}

.ind_bottom { position: absolute; bottom: 20px; z-index: 99; left: 50%; margin-left: -13px; width: 26px; opacity: 1; animation: 1s ease-in-out 0s infinite normal none running topAm; cursor: pointer; }
.ind_navBl { position: absolute; left: 30px; top: 76px; z-index: 60; height: 100%; width: 1px; opacity: 0; }
.ind_InnerBlock { position: relative; width: 100%; top: 50%; transform: translate(0px, -50%); }
.indN_ul { position: absolute; top: 33%; width: 120px; left: -6px; }
.indN_li { color: rgb(0, 0, 0); padding: 10px 0px 10px 30px; background: url("../images/a1_4.png") left center no-repeat; opacity: 0.3; display: block; }
.indN_li.cur, .indN_li:hover { background: url("../images/a1_4.png") left center no-repeat; opacity: 1; }
.indA_img { position: absolute; top: 40%; left: 50%; margin-left: -293px; margin-top: -93px; }
.ind_navBl.active { opacity: 1; }
.ind_navBl.col2 a { background: url("../images/a1_42.png") left center no-repeat; }
.ind_navBl.col2 { }
.ind_navBl.col2 a.indN_li.cur, .ind_navBl.col2 a.indN_li:hover { background: url("../images/a1_42.png") left center no-repeat; }
.bigImg_content { position: relative; width: 100%; height: 100%; overflow: hidden; }
.bigImg_contentBlock { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; }
.bigImg_ulBlock { position: relative; width: 100%; height: 100%; }
.big_imgContent { position: relative; width: 100%; height: 100%; overflow: hidden; }
.big_img { position: absolute; width: 100%; height: 100%; bottom: 0px; left: 0px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.big_img { animation: 12s linear 0s infinite normal none running animScale; }
.big_imgBlock { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 8; display: none; }

@-webkit-keyframes btssize {
    0% { transform: scale(1); }
    100% { transform: scale(1.2); }
}

.big_imgBlock.current { animation: 3s linear 0s 1 normal forwards running btssize; }
.navIcon_block { position: absolute; bottom: 30px; right: 60px; }
.navIcon_block { position: absolute; bottom: 40px; right: 8%; z-index: 99; text-align: right; }
.navIcon_block span { position: relative; display: inline-table; width: 50px; height: 50px; cursor: pointer; color: rgb(51, 51, 51); font-size: 16px; text-align: center; line-height: 50px; margin-left: 10px; }

@keyframes roAm {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.navIcon_block span.swiper-active-switch::after { background: url("../images/a1_3.png") center center / 40px no-repeat; animation: 2s linear 0s infinite normal none running roAm; }
.indA_content { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 90; }
.ind_bg2 { background: rgb(55, 55, 55); }
.ind_InnContent { position: relative; padding-left: 16%; height: 100%; z-index: 90; }
.ind_bgImg, .ind_bgImgB, .ind_parentImg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.ind_InImg { position: absolute; top: 0px; left: -3%; width: 106%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
body.bo_cur .ind_navBl { opacity: 0; }
body.bo_cur .ind_bottom { opacity: 0; }
.indE_ho img { width: 316px; }
video#video_2 { width: 100%; }
.indB_teBl, .indB_bgC, .indB_vBl, .indB_teIco, .indB_teImg, .ind_ico, .indB_ho, .indE_more img, .ind_navBu, .indB_IImg { transition: all 0.3s ease 0s; }
.indB_content.cur .indB_teBl { width: 28%; }
a.indE_more img { position: absolute; top: 4px; left: 3px; z-index: 9; opacity: 0; display: none; }
.he_liBl.active::after, .he_liBl:hover::after { height: 100%; }
.he_liBl::after { content: ""; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; background: #125d95; height: 0px; opacity: 0.8; }
.he_ulBl:hover .he_liBl::after { height: 0px; }
.he_ulBl:hover .he_liBl:hover::after { height: 100%; }
.com_content { position: relative; width: 100%; }
.com_navBlock { position: relative; width: 100%; height: 62px; z-index: 99; /* background: #f8f8f8; */ border-bottom: 1px solid #ececec; }
a.com_li { float: left; padding: 20px 0px 21px 18px; height: 20px; display: block; background: url("../images/a1_4.png") left center no-repeat; margin-left: 10px; }
a.com_li.home { width: 25px; background: url("../images/a1_3.png") center center no-repeat; padding-left: 0px; margin-left: 0px; }
.com_ul { position: absolute; float: left; left: 0px; top: 0px; padding-right: 35px; }
.nav_ul { position: relative; float: right; }
.nav_ul a { padding-top: 20px; display: block; float: left; position: relative; margin-left: 40px; color: rgb(102, 102, 102); }
.nav_ul a::after { content: ""; display: block; width: 0%; margin: 21px auto auto; border-bottom: 2px solid #125d95; }
.nav_ul a:hover::after, .nav_ul a.active::after { content: ""; display: block; width: 100%; }
.nav_ul a:hover, .nav_ul a.active { color: #125d95; }
.com_InnContent { width: 88%; margin: auto; position: relative; z-index: 90; min-width: 1100px; }
.com_conBlock { position: relative; width: 100%; min-height: 402px; overflow: hidden; z-index: 90; background: #fff; }
.com_bgImg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; background-size: 100%; /* background-image: url(/images/c6_bg.png); */ overflow: hidden; }

.com_navBlock::after { content: ""; display: block; position: absolute; left: 10%; top: 0px; width: 90%; height: 100%; }
.com_img img { width: 100%; display: block; }
.com_tiBl { position: absolute; top: 45%; z-index: 90; left: 10%; text-align: center; width: 80%; }
.com_banner { position: relative; width: 100%; padding-top: 80px; }
h2.com_h2 { font-size: 28px; color: rgb(255, 255, 255); letter-spacing: 5px; margin-top: 10px; }
.com_tiBlock { position: relative; width: 100%; padding: 25px 0px; background: rgb(255, 255, 255); text-align: center; font-size: 20px; text-transform: uppercase; }
.com_tiInn { width: 80%; margin: auto; position: relative; }
.com_tiEn span { background: rgb(255, 255, 255); padding: 0px 30px; z-index: 90; position: relative; font-weight: 100; }
.com_InnBlock { position: relative; width: 80%; margin: auto; z-index: 90; }
.com_img { position: relative; width: 100%; overflow: hidden; }
.he_enCh { position: absolute; right: 0px; top: 30px; }
.he_enCh a { padding: 5px; }
a { color: rgb(102, 102, 102); }
.he_enCh a.active, .he_enCh a:hover { color: rgb(54, 142, 166); }
.he_conBlock { position: relative; width: 100%; }
.navIcon_block span::after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.he_ul a:hover { color: rgb(54, 142, 166); }
.com_pages { position: relative; z-index: 90; width: 100%; padding: 60px 0px 80px 0; }
.page_ul { font-size: 16px; text-align: center; position: relative; width: 100%; padding: 20px 0px; }
.page_ul a { padding: 8px; margin: 0px 5px; }
.page_ul::after { content: ""; display: inline-block; width: 30px; border-bottom: 1px solid rgb(153, 153, 153); margin-left: 10px; position: relative; top: -6px; }
.page_ul::before { content: ""; display: inline-block; width: 30px; border-bottom: 1px solid rgb(153, 153, 153); margin-right: 10px; position: relative; top: -6px; }
.page_ul a:hover, .page_ul a.active { color: rgb(189, 28, 55); }
.he_ul a { color: #666; }
.com_ti img { display: inline-block; }
.he_seek { position: absolute; right: 50px; top: 0px; padding-left: 40px; }
.he_button { position: relative; width: 40px; height: 80px; background: url("/images/a1_5.png") center center / 18px no-repeat; }

@keyframes top02 {
    0% { opacity: 0; transform: translate(0px, 20px); }
    100% { opacity: 1; transform: translate(0px, 0px); }
}

.he_seek input { position: absolute; right: 0px; top: 80px; height: 40px; line-height: 40px; border: 1px solid #ccc; border-radius: 5px; outline: none; display: none; background: url("/images/1_2.png"); color: #666; animation: 0.3s ease 0s 1 normal backwards running top02; width: 220px; padding: 0 15px; }
.he_seek:hover input { display: block; }
div#Footer { background: #e7ebf1; }
.fo_block span, .fo_block a { margin: 0px 15px; color: rgb(255, 255, 255); opacity: 0.5; }
div#Footer::after { content: ""; display: block; position: absolute; bottom: -2px; border-bottom: 2px solid rgb(17, 17, 17); width: 100%; }
.he_content .com_InnContent { width: 88%; }
.ab_content { position: relative; width: 100%; padding-bottom: 80px; padding-top: 10px; }
.com_tiEn { font-size: 16px; text-transform: uppercase; color: rgb(153, 153, 153); font-weight: bold; padding-bottom: 5px; }
.com_tiCh { font-size: 26px; color: #125d95; letter-spacing: 2px; }
.ab_ti { font-size: 18px; margin-bottom: 40px; padding-left: 20px; position: relative; }
.ab_ti::after { content: ""; display: block; position: absolute; top: 3px; left: 0px; height: 20px; border-left: 3px solid #125d95; }
.ab_teBl { position: relative; width: 55%; float: left; }
.ab_img { position: relative; width: 37%; float: right; max-width: 440px; overflow: hidden; }
.ab_content::after { content: ""; display: block; clear: both; }
.ab_ul { position: relative; width: 106%; margin-top: 40px; }
.ab_li { float: left; margin-right: 6%; min-width: 27.3%; }
.ab_ico { float: left; width: 44px; padding-top: 7px; }
.ab_teBl { float: left; }
.ab_te span { font-size: 26px; margin-right: 4px; font-weight: bold; }
.ab_te { margin-left: 12px; float: left; }
.ab2_block { position: relative; width: 100%; padding-bottom: 20px; }
.ab2_block::after { content: ""; display: block; clear: both; }
.ab2_img { position: relative; width: 55%; float: left; max-width: 770px; overflow: hidden; }
.ab2_text { position: relative; width: 40%; float: left; padding-top: 50px; text-align: justify; margin-left: 5%; }
.ab_ul::after { content: ""; display: block; clear: both; }
.com_title { margin-bottom: 40px; }
.sh_ul { position: relative; width: 103%; padding-top: 20px; }
.sh_li { float: left; width: 30.3%; margin-right: 3%; margin-bottom: 60px; position: relative; overflow: hidden; }
.sh_ul::after { content: ""; display: block; clear: both; }
.page_block { text-align: center; padding-bottom: 20px; }
.page_block a { padding: 6px 8px; margin: 0px 3px; }
.page_block a:hover, .page_block a.active { background: rgb(141, 198, 65); color: rgb(255, 255, 255); }

.com_ti { font-size: 46px; color: #fff; letter-spacing: 6px; font-weight: 100; display: none; }

.fo_left { float: right; }

.fo_right { float: left; }

div#Footer .com_InnContent:after { content: ""; display: block; clear: both; }

div#Footer a:hover { }

div#Footer a:hover { color: #2587ba; }

div#Footer a { transition: all 0.3s; }

a.he_en { position: absolute; right: -10px; top: 20px; padding: 10px; }

a.he_en:after { /* content: ""; */ display: block; height: 14px; border-left: 1px solid #999; position: absolute; top: 13px; left: -6px; }

.home_banner .sw_next { position: absolute; right: 5%; top: 50%; z-index: 90; cursor: pointer; width: 50px; height: 50px; background: #125d95 url(/images/next.png) no-repeat center; background-size: 20px; border-radius: 300px; margin-top: -33px; opacity: 0.5; }

.home_banner .sw_prev { position: absolute; left: 5%; top: 50%; z-index: 90; cursor: pointer; width: 50px; height: 50px; background: #125d95 url(/images/prev.png) no-repeat center; background-size: 20px; border-radius: 500px; margin-top: -33px; overflow: 0; opacity: 0.5; }

.home_banner { position: relative; width: 100%; padding-bottom: 140px; }

.home_banner .comIco { position: absolute; bottom: 50px; left: 10%; width: 80%; text-align: center; z-index: 90; display: none; }

.home_banner .comIco span.swiper-pagination-switch { display: inline-block; width: 60px; border-bottom: 3px solid #fff; margin-right: 1px; position: relative; cursor: pointer; }

.home_banner .comIco span.swiper-pagination-switch:after { content: ""; display: block; position: absolute; top: -15px; height: 35px; width: 100%; }

.home_banner .comIco span.swiper-active-switch, .home_banner .comIco span:hover { border-bottom: 3px solid #125d95; }

/* common */
.he_seek:after { content: ""; display: block; height: 14px; border-left: 1px solid #999; position: absolute; top: 33px; left: 15px; }
.fo_center { position: absolute; left: 50%; top: -5px; margin-left: -90px; }

select.fo_select { width: 180px; border: 0; font-size: 14px; padding: 6px 0; border-radius: 6px; background: #d6dee8; color: #666; padding-left: 8px; outline: none; }

.fo_right a { margin-left: 10px; }
.foBottom_content { border-top: 1px solid #dcdfe2; padding: 20px 0; }

.com_InnContent:after { content: ""; display: block; clear: both; }

.foTop_logo { float: left; }

.foTop_ulBl { position: relative; float: right; }

.foTop_content { }

.foTop_content .com_InnContent { padding: 50px 0 40px; }

.foTop_ulBl:after { content: ""; display: block; clear: both; }

.foTop_liBl { float: left; margin-left: 60px; text-align: center; }

.foTop_ul a { display: block; padding: 10px 0; }

.foTop_a { font-size: 16px; display: block; margin-bottom: 10px; }

.abo_bgA { position: absolute; top: 11px; left: 0; }

.abo_bgB { position: absolute; right: 0; bottom: 5%; }

.abo_block:after { display: block; clear: both; content: ""; }

.abo_img { float: left; width: 48%; }

.abo_textBlock { position: relative; width: 48%; float: right; }

h2.abo_ti { font-size: 40px; color: #333; }

.abo_te { font-size: 40px; color: #125d95; padding-bottom: 40px; position: relative; }

.abo_te:after { content: ""; display: block; position: absolute; bottom: 10px; left: 0; width: 30px; border-top: 4px solid #125d95; }

.abo_text p { margin-bottom: 10px; }

.abo_ul { margin-top: 10px; }

.abo_ul:after { content: ""; display: block; clear: both; }

.abo_li { float: left; width: 33.3%; }

.abo_numBlock { color: #125d95; }

span.abo_num { font-size: 40px; }

span.abo_ico { vertical-align: top; font-size: 22px; }

.abo_ulBl { margin-top: 80px; position: relative; width: 101%; }

.abo_block { padding-top: 20px; }

.abo_ulBl:after { content: ""; display: block; clear: both; }

.abo_liBl { float: left; width: 48%; background: #fff; margin-right: 2%; box-sizing: border-box; padding: 2%; min-height: 248px; padding-left: 306px; position: relative; }

.abo_liBl:after { content: ""; display: block; clear: both; }

.aboBl_img { float: left; position: absolute; left: 4%; top: 12%; width: 252px; }

.aboBl_img img { width: 100%; }

h2.aboBl_ti { font-size: 24px; color: #333; margin-bottom: 10px; padding-left: 17px; position: relative; }

.aboBl_te { line-height: 24px; }

h2.aboBl_ti:after { content: ""; display: block; position: absolute; top: 5px; left: 0; width: 0; height: 25px; border-right: 4px solid #2587ba; display: block; }

.com_title { font-size: 48px; color: #333; position: relative; margin-top: 20px; }

.cul_te { font-size: 24px; position: absolute; left: 35%; top: 0; color: #333; }

.com_title:after { content: ""; display: block; position: absolute; top: -10px; width: 30px; border-top: 3px solid #2587ba; }

.cul_ul:after { content: ""; display: block; clear: both; }

.cul_li { position: relative; width: 23%; float: left; margin-right: 2%; }

.cul_ul { position: relative; width: 102%; padding: 60px 0; }

.cul_te:after { content: ""; position: absolute; top: 4px; left: -24px; height: 25px; border-right: 3px solid #2587ba; }

.cul_title { font-size: 24px; margin-bottom: 30px; padding-left: 25px; position: relative; }

.cul_title:after { content: ""; position: absolute; top: 4px; left: 0px; height: 25px; border-right: 3px solid #2587ba; }

.cul_img img { width: 100%; }

.com_conBlock.bg2 { background: #f8f8f8; }

.van_ul { position: relative; width: 102%; padding-top: 20px; }

.van_li { display: block; float: left; width: 31.3%; margin-right: 2%; margin-bottom: 2%; display: block; border-radius: 10px; overflow: hidden; transition: all 0.3s; }

.van_block { background: #2587ba url(/images/b3_3.jpg) no-repeat right; color: #fff; padding: 20px; background-size: auto 100%; min-height: 78px; }

.van_ti { font-size: 22px; margin-bottom: 10px; position: relative; width: 100%; }

.van_te { position: relative; overflow: hidden; line-height: 1.4em; }

.van_li img { width: 100%; }

.azi_li { display: block; float: left; width: 48%; margin-right: 2%; margin-bottom: 2%; position: relative; }

.azi_ul { width: 102%; margin-bottom: 40px; }

.azi_ul:after { content: ""; display: block; clear: both; }

.azi_img img { width: 100%; }

.azi_content { padding-top: 20px; }

.azi_image img { width: 96%; }

.azi_image { position: relative; padding-left: 1px; }

.azi_block { position: relative; width: 101.3%; }

.azi_li.add { width: 98%; }

.azi_bl { position: absolute; top: 5%; left: 5%; z-index: 90; color: #fff; }

.azi_ti { font-size: 40px; padding-bottom: 50px; position: relative; }

.azi_ti:after { content: ""; display: block; position: absolute; bottom: 21px; width: 30px; border-bottom: 3px solid #fff; }

.azi_te { width: 70%; }

.azi_li.add .azi_te { width: 50%; }

.azi_block .comIco { position: relative; margin: auto; margin-top: 25px; display: flex; justify-content: center; }

.azi_block .comIco span.swiper-pagination-switch { display: block; position: relative; width: 6px; height: 6px; background: #1363b1; display: block; border-radius: 100px; margin: 0 10px; cursor: pointer; }

.azi_block .comIco span.swiper-active-switch:after { content: ""; display: block; position: absolute; top: -3px; left: -3px; width: 10px; height: 10px; border-radius: 100px; border: 1px solid #1363b1; }

.azi_te p { margin-bottom: 10px; }

.nav_ul br { display: none; }

.lng_img img { width: 100%; }

.lng_ti { font-size: 40px; color: #333; position: relative; }

.lng_block { margin-top: 80px; position: relative; }

.lng_ti:after { position: absolute; top: -10px; left: 0; width: 30px; border-top: 3px solid #2587ba; content: ""; }

.lng_right { position: absolute; right: 0; top: 0; }

.leg_input { display: none; position: absolute; right: 0; top: 31px; z-index: 90; }

.lng_ul:after { content: ""; display: block; clear: both; }

.lng_li { float: left; margin-left: 10px; }

.lng_right:after { content: ""; display: block; clear: both; }

.lng_seekBlock { float: left; margin-right: 20px; position: relative; }

.lng_ul { float: left; }

select.lng_select { padding: 8px; width: 100px; border: 1px solid #ccc; color: #666; outline: none; }

.lng_button { padding: 8px; padding-left: 30px; position: relative; background: url(/images/b5_3.png) no-repeat left 8px; background-size: 20px; cursor: pointer; padding-bottom: 20px; }

.lng_liBl { display: block; background: #e0ecf3; float: left; width: 31.3%; margin-right: 2%; margin-bottom: 2%; box-sizing: border-box; padding: 1% 1.5%; font-size: 20px; display In combination with 'float' and 'position', determines the type of box or boxes that are generated for an element. Widely available across major browsers (`Baseline` since 2018��1��) �˽���ϸ��Ϣ ����ʾ: -webkit-box; transition: all 0.3s; }

.lng_ulBl:after { content: ""; display: block; clear: both; }

.lng_ulBl { margin-top: 30px; position: relative; width: 102%; }

.lng_liBl:hover { background: #2587ba; color: #fff; }

.lng_text { height: 52px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; position: relative; }

.lng_seekBlock:hover .leg_input { display: block; }

.leg_input input { padding: 7px 10px; border: 1px solid #ccc; border-radius: 5px; width: 200px; outline: none; }

.com_bgImg.bg_5:after { content: ""; display: block; position: absolute; top: 29%; left: 0; width: 100%; height: 100%; background: #f8f8f8; }

h2.Inn_title { font-size: 40px; text-align: center; color: #333; margin-bottom: 50px; position: relative; }

.Inn_back { position: absolute; right: 0; border: 1px solid #ccc; padding: 5px 20px; border-radius: 200px; top: -50px; transition: all 0.3s; }

.Inn_back:hover { background: #125d95; color: #fff; }

.Inn_content { margin-top: 20px; }

.Inn_ul { border-top: 1px solid #ccc; padding: 30px 0; margin-top: 40px; }

.Inn_ul:after { content: ""; display: block; clear: both; }

.Inn_prev { float: left; width: 45%; font-size: 18px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.Inn_next { float: right; width: 45%; font-size: 18px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; }

.news_block { background: #f5f7fa; padding: 60px 0; }

.news_a { padding-left: 460px; display: block; width: 80%; margin: auto; box-sizing: border-box; position: relative; min-height: 206px; }

.news_date { position: absolute; top: 0; left: 0; background: #2587ba; color: #fff; padding: 10px; border-radius: 10px; color: #7cb7d6; font-weight: bold; font-size: 18px; min-height: 87px; }

.news_day { font-size: 30px; position: relative; margin-bottom: 20px; color: #fff; }

.news_day:after { content: ""; display: block; position: absolute; top: 45px; left: 0px; width: 28px; border-bottom: 2px solid #fff; }

.news_img { position: absolute; top: 0; left: 130px; width: 300px; box-shadow: 0 0 20px 0 #ccc; overflow: hidden; }

.news_title { font-size: 24px; line-height: 1.4em; position: relative; max-height: 68px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 20px; transition: all 0.3s; }

.news_text { line-height: 1.6em; position: relative; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 68px; margin-bottom: 10px; }

.news_ico { position: relative; font-size: 16px; }

.news_ico span { position: absolute; left: 73px; top: 7px; width: 38px; }

.news_content { padding: 60px 0; position: relative; }

.news_content:after { content: ""; display: block; clear: both; }

.news_ul { position: relative; width: 62%; float: left; padding-bottom: 10px; }

.newsR_Block { position: relative; width: 24%; float: right; background: url(/images/b6_3.jpg) no-repeat center; background-size: cover; padding: 4%; border-radius: 6px; }

.newsR_title { font-size: 24px; color: #333; position: relative; margin-bottom: 20px; }

.newsR_title h2 { position: relative; margin-bottom: 6px; }

.newsR_title h3 { color: #ccc; font-size: 18px; }

.newsR_title h2:after { content: ""; display: block; position: absolute; left: -30px; top: 14px; width: 20px; border-bottom: 3px solid #2587ba; }

select.newsR_select { position: relative; width: 100%; height: 50px; line-height: 50px; border: 1px solid #ccc; background: #fff; border-radius: 6px; box-sizing: border-box; padding-left: 12px; margin-bottom: 15px; color: #666; font-size: 14px; outline: none; }

.newsR_seek input { position: relative; width: 100%; height: 50px; line-height: 50px; border: 1px solid #ccc; background: #fff; border-radius: 6px; box-sizing: border-box; padding-left: 15px; margin-bottom: 15px; color: #666; font-size: 14px; outline: none; }

.newsR_seek { position: relative; }

.newsR_button { position: absolute; right: 0; top: 0; width: 60px; height: 50px; z-index: 90; background: url(/images/b6_5.png) no-repeat center; background-size: 20px; cursor: pointer; }

.newsB_a { display: block; padding-left: 130px; position: relative; margin-bottom: 32px; border-bottom: 1px dashed #ccc; padding-bottom: 20px; min-height: 120px; }

.newsB_date { position: absolute; left: 0; top: 0; background: #f5f7fa; color: #fff; padding: 10px; border-radius: 10px; color: #cccccc; font-weight: bold; font-size: 18px; min-height: 87px; }

.newsB_day { font-size: 30px; position: relative; color: #2587ba; }

.newsB_day:after { }

.newsB_date:after { content: ""; display: block; position: absolute; bottom: 12px; left: 10px; width: 54px; border-bottom: 2px solid #ccc; }

.newsB_title { font-size: 20px; color: #434343; margin-bottom: 6px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s; }

.newsB_text { line-height: 1.8em; position: relative; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 50px; }

.newsB_more { position: relative; display: block; width: 100%; font-size: 16px; background: #2587ba; color: #fff; text-align: center; padding: 15px 0; transition: all 0.3s; }

.newsB_te { color: #cccccc; position: relative; margin-top: 6px; }

.newsB_te span { margin-right: 20px; }

.newsB_more:hover { transform: scale(0.95); }

.news_a:hover .news_title, .newsB_a:hover .newsB_title { color: #125d95; }

.newsB_a:hover .newsB_title { }

.news_a:hover .news_img img { transform: scale(1.1); }

.news_img img { transition: all 0.3s; }

.Inn_te { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 40px; }

.Inn_te span { margin-right: 30px; }

.news_404 { position: relative; width: 419px; margin: auto; padding: 100px; }
.joi_li { position: relative; float: left; width: 31.8%; margin-right: 2%; margin-bottom: 2%; overflow: hidden; }

.joi_block { position: absolute; top: 15%; left: 10%; width: 80%; z-index: 90; color: #fff; }

.joi_ti { font-size: 26px; margin-bottom: 30px; }

.joi_te { font-size: 18px; line-height: 1.8em; }

.joi_li:nth-child(4n-3), .joi_li:nth-child(4n) { width: 64.2%; }

.joi_ul { position: relative; width: 102%; }

.joi_img img { width: 100%; }

.joi_li:nth-child(4n-3) .joi_block, .joi_li:nth-child(4n) .joi_block { left: 6%; width: 30%; }

.con_content:after { content: ""; display: block; clear: both; }

.con_map { position: relative; float: left; width: 60%; }

.con_map img { width: 100%; }

.con_ulBl { position: relative; width: 37%; float: right; }

.con_liBl { border: 1px solid #ccc; position: relative; box-sizing: border-box; padding: 5.4% 6% 3.5%; margin-bottom: 20px; cursor: pointer; transition: all 0.3s; }

.con_title { font-size: 30px; margin-bottom: 7%; }

.con_ul:after { content: ""; display: block; clear: both; }

.con_li { float: left; margin-bottom: 15px; min-width: 50%; box-sizing: border-box; padding-left: 26px; background-repeat: no-repeat; transition: all 0.3s; }

.con_li.ico1 { background-image: url(/images/b8_31.png); }
.con_li.ico2 { background-image: url(/images/b8_41.png); }
.con_li.ico3 { background-image: url(/images/b8_51.png); }

.con_liBl.active { color: #2587ba; border: 1px solid #fff; background: linear-gradient(to left, #d8e9f3, transparent); border-right: 6px solid #2587ba; }

.con_liBl.active .con_li.ico1 { background-image: url(/images/b8_3.png); }
.con_liBl.active .con_li.ico2 { background-image: url(/images/b8_4.png); }
.con_liBl.active .con_li.ico3 { background-image: url(/images/b8_5.png); }

.van_li:hover { transform: scale(0.95); }

.baBl_content { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 90; background: #00458f; }

.baBl_content .sw_prev, .baBl_content .sw_next { display: none; }

.baBl_block { float: left; width: 30%; background: linear-gradient(to bottom, #2a87bb, #1d5e97); color: #fff; box-sizing: border-box; padding: 20px 3%; height: 140px; }

.baBl_content:after { content: ""; display: block; clear: both; }

.baBl_title { font-size: 24px; }

.baBl_text { font-size: 20px; opacity: 0.4; margin-top: 10px; }

.baNe_block { position: relative; float: left; width: 40%; height: 140px; }

a.baBl_news { color: #fff; }

.baBl_news { padding: 20px 9%; display: block; box-sizing: border-box; }

.baNe_title { font-size: 24px; margin-bottom: 10px; }

.baNe_text { font-size: 16px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.home_banner .baBl_content span.swiper-pagination-switch { width: 8px; height: 8px; background: #fff; display: block; float: left; border-radius: 200px; padding: 0; border: 0; margin-right: 10px; opacity: 0.4; }

.baNe_block .comIco { display: block; position: absolute; bottom: 24px; left: 9%; }

.home_banner .baBl_content span.swiper-pagination-switch.swiper-active-switch { opacity: 1; }

a.baBl_block.active { background: #fff; color: #125d95; }

.pa2_bgA { position: absolute; left: 0; width: 22%; top: 40px; }

.page_content { position: relative; padding: 100px 0; background: #f5f7fa; }

.pa3_title { text-align: center; font-size: 40px; color: #333; margin-bottom: 40px; }

.pa2_te { font-size: 30px; color: #125d95; text-transform: uppercase; margin: 10px 0; }

a.pa2_more { color: #125d95; font-size: 16px; margin-top: 10px; display: block; }

.pa2_content h2.abo_ti { /* padding-top: 40px; */ }

.abo_text { display: -webkit-box; -webkit-line-clamp: 12; position: relative; overflow: hidden; -webkit-box-orient: vertical; }

.pa3_bgA { position: absolute; right: 0; width: 18%; top: 0; }

.pa3_title span { margin-right: 10px; color: #1d5d96; }

.pa3_ul { position: relative; width: 110%; }

a.pa3_li { float: left; display: block; width: 23.3%; margin-right: 10%; text-align: center; }

.pa3_ti { font-size: 20px; margin-bottom: 10px; color: #333; }

.pa3_te { font-size: 16px; line-height: 1.6em; }

.pa3_wr { position: relative; width: 100px; border-top: 3px solid #1363b1; margin: 40px auto; }

.pa3_ico { width: 80px; height: 80px; border: 1px solid #125d95; border-radius: 200px; margin: auto; margin-bottom: 30px; background-repeat: no-repeat; background-size: 50px; background-position: center; }

.pa3_ico.ico1 { background-image: url(/images/b9_2.png); }

.pa3_ico.ico2 { background-image: url(/images/b9_3.png); }

.pa3_ico.ico3 { background-image: url(/images/b9_4.png); }

.pa3_content:after { position: absolute; top: 200px; width: 100%; border-bottom: 1px solid #ccc; }

.pa3_content:after { content: ""; display: block; position: absolute; top: 452px; left: 0; border-bottom: 1px solid #ccc; }

.pa4_ul { display: flex; justify-content: center; font-size: 20px; margin-bottom: 80px; }

.pa4_li { margin: 0 30px; cursor: pointer; }

.pa4_li.active { color: #1d5d96; }

.pa4_aUl { position: relative; width: 103%; }

a.pa4_block { position: relative; display: block; float: left; width: 22%; margin-right: 3%; }

.pa4_aUl:after { content: ""; display: block; clear: both; }

.pa4_liBl { margin-bottom: 80px; }

.pa4_ti { font-size: 16px; margin: 10px 0; line-height: 1.6em; position: relative; height: 52px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }

.pa4_da { color: #ccc; }

.pa4_ulBl { position: relative; width: 100%; height: 350px; overflow: hidden; }

.pa4_bgA { position: absolute; right: 0; width: 23%; top: 0; }

.pa4_content .com_InnContent { width: 94%; }

.pa5_bgA { position: absolute; left: 0; top: 0; width: 25%; }

.pa5_ti { font-size: 30px; margin-bottom: 10px; }

.pa5_block { color: #1d5d96; text-align: center; width: 580px; margin: 40px auto; position: relative; }

.pa5_left { position: absolute; left: 0; top: 0; height: 70px; width: 50px; background: url(/images/b9_6.png) no-repeat center; background-size: 28px; }

.pa5_right { position: absolute; right: 0; top: 0; height: 70px; width: 50px; background: url(/images/b9_7.png) no-repeat center; background-size: 28px; }

.pa5_block.b2 { margin: 0; width: 500px; left: 50%; margin-left: -500px; }

.pa5_block.b3 { left: 50%; margin: 40px 0; margin-left: -50px; }

.pa5_block.b1 { width: 500px; }

.pa5_content { position: relative; padding-bottom: 60px; }

.page_content.pa4_content { padding-bottom: 0; }

.pa5_bgB { position: absolute; right: 0; bottom: 60px; width: 21%; }

.pa3_ul:after { content: ""; display: block; clear: both; }

.baBl_block:nth-child(2) .baBl_title, .baBl_block:nth-child(3) .baBl_title { top: 50%; transform: translate(0, -50%); position: relative; }

a.baBl_block { width: 33.33%; }

.home_content { position: relative; overflow: hidden; }