﻿.harmos-r { font-family: "HarmonyRegular"; font-weight: initial; }
.harmos-b { font-family: "HarmonyBold"; }
.harmos-m { font-family: "HarmonyMedium"; }
.harmos-l { font-family: "HarmonyLight"; }
* { outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-family: "HarmonyRegular"; }
body { padding: 0; margin: 0 auto; color: #333; background-color: #fff; font-family: 'Arial'; -webkit-text-size-adjust: none; -webkit-tap-highlight: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
ul, ol, li { list-style: none; list-style-type: none; }
a, a:link, a:visited { text-decoration: none; }
a { color: #333; }
ul, li, ol { list-style-type: none; }
img { max-width: 100%; vertical-align: middle; outline: none; border: none; }
input { border: none; }
select { appearance: none; }
table { border-collapse: collapse; border-spacing: 0 }
table td { border-collapse: collapse; }
img { border: none; max-width: 100%; vertical-align: middle; }
a { color: #333; text-decoration: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; }
.clear { clear: both; height: 0px; overflow: hidden; zoom: 0; }
.fl { float: left; }
.fr { float: right; }
.clearfix { zoom: 1; }
.overscroll { height: 100%; overflow: auto; width: 100%; }
.overscroll::-webkit-scrollbar { width: 4px; height: 2px; }
.overscroll::-webkit-scrollbar-thumb { border-radius: 4px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); background: #01b4ed; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.overscroll::-webkit-scrollbar-track { border-radius: 10px; background: #dfe5f0; }
.clearfix:after { content: ''; display: block; height: 0; clear: both; }
.dot { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.dot2, .dot3, .dot4 { display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; }
.dot2 { -webkit-line-clamp: 2; }
.dot3 { -webkit-line-clamp: 3; }
.dot4 { -webkit-line-clamp: 4; }
.dis_pc { display: block; }
.dis_mb { display: none; }
@media (max-width:768px) {
	.dis_pc { display: none; }
	.dis_mb { display: block; }
}
/* .inner { width: 83.3%; margin: 0 auto; position: relative; }
.auto1440 { width: 75.7%; margin: 0 auto; position: relative; }
.auto1200 { width: 63%; margin: 0 auto; position: relative; }
.wrp { width: 93.75%; margin: 0 auto; position: relative; } */

.inner { max-width: 1600px; margin: 0 auto; position: relative; }
.auto1440 { max-width: 1440px; margin: 0 auto; position: relative; }
.auto1200 { max-width: 1200px; margin: 0 auto; position: relative; }
.wrp { max-width: 1800px; margin: 0 auto; position: relative; }


/* .post_l { left:calc((100% - 1440px)/2) 12.15% !important; }
.post_r { right: 12.15% !important; }
.padding_l { padding-left: 12.15% !important; }
.padding_r { padding-right: 12.15% !important; }
.padding_l1 { padding-left: 8.32% !important; } */

.post_l { left:calc((100% - 1440px)/2) !important; }
.post_r { right: calc((100% - 1440px)/2) !important; }
.padding_l { padding-left: calc((100% - 1440px)/2) !important; }
.padding_r { padding-right: calc((100% - 1440px)/2) !important; }
.padding_l1 { padding-left: calc((100% - 1600px)/2) !important; }
@media (max-width:1800px) {
	/* .wrp { width: 90%; } */
	.wrp{width: 100%; padding: 0 20px;}
}
@media (max-width:1600px) {
	/* .wrp { width: 95%; } */
	/* .inner { width: 85%; } */
	.inner{width: 90%;}
	/* .padding_l1 { padding-left: 7.5% !important; } */
	.padding_l1 { padding-left: 5% !important; }
}
@media (max-width:1440px) {
	.auto1440 { width: 100%; padding: 0 20px;}
	.inner{width: 95%;padding: 0 20px;}
}
@media (max-width:1280px) {
	/* .inner { width: 90%; } */
	/* .padding_l1 { padding-left: 5% !important; } */
	/* .auto1200, .auto1440 { width: 85%; } */
	/* .post_l { left: 7.5% !important; }
	.post_r { right: 7.5% !important; }
	.padding_l { padding-left: 7.5% !important; }
	.padding_r { padding-right: 7.5% !important; } */


	/* .inner { width: 90%; } */
	.padding_l1 { padding-left: 20px !important; } 
	.post_l { left: 20px !important; }
	.post_r { right: 20px !important; }
	.padding_l { padding-left: 20px !important; }
	.padding_r { padding-right: 20px !important; }
}
@media (max-width:1200px) {
	/* .auto1200 { width: 80%; } */
	.auto1200{width: 100%; padding: 0 20px;}
	/* .post_l { left: 10% !important; }
	.post_r { right: 10% !important; }
	.padding_l { padding-left: 10% !important; }
	.padding_r { padding-right: 10% !important; } */
	
}
@media (max-width:1024px) {
	.inner, .auto1200, .auto1440 { width: 100%; padding: 0 20px; }
	/* .padding_l1 { padding-left: 15px !important; }
	.post_l { left: 15px !important; }
	.post_r { right: 15px !important; }
	.padding_l { padding-left: 15px !important; }
	.padding_r { padding-right: 15px !important; } */
}
@media (max-width:768px) {
	/* .padding_l1 { padding-left: 20px !important; }
	.post_l { left: 20px !important; }
	.post_r { right: 20px !important; }
	.padding_l { padding-left: 20px !important; }
	.padding_r { padding-right: 20px !important; } */
}
.index_box { height: 100%; }
.index_box .index_main { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.index_box .index_main_padding { padding-top: 110px; }
.index_box .index_main.no { padding: 0; display: block;}
.header { position: fixed; z-index: 999; top: 0; left: 0; right: 0; }
.top_main { display: flex; align-items: center; height: 100px; justify-content: center; position: relative; }
.nav_height { height: 100px; }
.top_main .logo { width: 160px; display: inline-block; }
.top_main .img1 { display: block; }
.top_main .img2 { display: none; }
.top_main .left { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); width: 160px; z-index: 7; }
.top_main .right { display: flex; align-items: center; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); z-index: 3; }
.top_main .center { margin-left: 5%; }
.head_list { display: flex; align-items: center; position: relative; z-index: 10; }
.head_list .item { width: 200px; position: relative; }
.head_list .item:hover .cpt::before, .head_list .item.cur .cpt::before { width: 100%; }
.head_list .item:hover .cpt, .header .head_list ul.oneUl li:hover>span a { font-family: "HarmonyMedium"; font-weight: 700; }
.head_list .item .cpt::before { content: ''; display: block; position: absolute; bottom: 0; height: 4px; background-color: #005bac; width: 0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); }
.head_list .item.pcur:before { content: ''; display: block; position: absolute; top: 22px; border-top: 1px solid #555555; border-right: 1px solid #555555; right: 18px; width: 6px; height: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.head_list .item.pcur.ocur::before { top: 19px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); }
.head_list .cpt { color: #fff; line-height: 100px; position: relative; display: inline-block; }
.search { position: relative; }
.search .search_tit { color: #fff; cursor: pointer; background-image: url(../image/icon02.svg); background-repeat: no-repeat; background-size: 18px; background-position: center left; width: 22px; height: 100px; }
.search .input_box { position: absolute; top: 100%; width: 0; background-color: #fff; left: 50%; overflow: hidden; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.search input { width: 100%; padding-left: 15px; font-size: 14px; color: #333; height: 100%; }
.search .input_btn { width: 30px; height: 100%; background-image: url(../image/icon03.svg); background-repeat: no-repeat; background-position: center; background-size: 17px; position: absolute; right: 0; top: 0; }
.search .input_box.cur { display: block; width: 250px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; height: 40px; box-shadow: 0 0 15px rgba(0, 0, 0, .05); }
.langs { margin-left: 60px; position: relative; }
.langs .lang { border: 1px solid rgba(255, 255, 255, .2); padding: 10px 25px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.langs .lang span { position: relative; padding-right: 25px; color: #fff; }
.langs .lang span::before { content: ''; display: block; position: absolute; top: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; right: 2px; width: 6px; height: 6px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); }
.langs .langs_box.cur { height: auto; padding-top: 15px; }
.langs .langs_box { position: absolute; top: 100%; width: 100%; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; height: 0; overflow: hidden; }
.langs .lang_main { box-shadow: 0 0 15px rgba(0, 0, 0, .05); border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; overflow: hidden; }
.langs .lang1 { background-color: #fff; color: #333; display: block; text-align: center; padding: 10px; }
.langs .lang1:hover { background-color: #005bac; color: #fff; }
.nav_box { position: fixed; top: 100px; left: 0; right: 0; z-index: 2; background-color: #f4f9ff; overflow: hidden; border-top: 1px solid #ebecf1; display: none; }
.nav_box .nav_inner { padding: 0 85px; }
.nav_box::before { content: ''; display: block; position: absolute; right: 0; bottom: 0; }
.nav_box .nav_main { position: relative; z-index: 2; display: flex; }
.nav_box .nav_mainr { flex: 1; position: relative; }
.nav_box .nav_mainl { width: 25%; min-width: 420px; border-right: 1px solid #ebecf1; position: relative; }
.nav_mainl::before { content: ''; display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 200%; background-image: url(../image/icon16.png); background-position: center right; background-size: 100%; }
.nav_mainr::before { content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 10000%; background-color: #ffffff; }
.hbox10 { position: relative; z-index: 2; padding: 35px 10%; }
.hbox10 .hbox10_tit { color: #333333; }
.hbox10 .hbox10_editor { color: #333333; line-height: 1.7; margin-top: 25px; }
.hbox10 .more1 { margin-top: 40px; color: #333; }
.hbox10 .more1::before { border-color: #333; }
.clist { padding: 35px 100px; display: flex; flex-wrap: wrap; position: relative; z-index: 2; height: auto; }
.clist .citem { margin-bottom: 2%; width: 21%; }
.clist .citem:not(:nth-child(4n+1)) { margin-left: 5.3%; }
.clist .capt { color: #333333; margin-bottom: 30px; display: inline-block; }
.clist .capt:hover { color: #005bac; }
.olist .oitem { margin-bottom: 20px; display: block; color: #666666; cursor: pointer; }
.olist .oitem:hover { color: #005bac; }
.olist .oitem a { color: #666666; }
.olist .oitem a:hover { color: #005bac; }
.header.white, .header.white1, .white .header { background-color: rgba(255,255,255,.9); box-shadow: 0 7px 32px -12px rgba(192, 196, 204, 0.72); }
.header.white1 .top_main .img1, .header.white .top_main .img1, .white .header .top_main .img1 { display: none; }
.header.white1 .top_main .img2, .header.white .top_main .img2, .white .header .top_main .img2 { display: block; }
.header.white1 .head_list .cpt, .header.white .head_list .cpt, .white .header .head_list .cpt { color: #333333; }
.header.white1 .search .search_tit, .header.white .search .search_tit, .white .header .search .search_tit { background-image: url(../image/icon03.svg); }
.header.white1 .langs .lang, .header.white .langs .lang, .white .header .langs .lang { border-color: #333; }
.header.white1 .langs .lang span, .header.white .langs .lang span, .white .header .langs .lang span { color: #333; }
.header.white1 .langs .lang span::before, .header.white .langs .lang span::before, .white .header .langs .lang span::before { border-color: #333; }
.header.white1 .open_menu i, .header.white .open_menu i, .white .header .open_menu i { background-color: #126fa6; }
.footer { position: relative; }
.footer_box { padding-top: 100px; position: relative; }
.footer_main { background-color: #005bac; padding: 2.1% 0 1.6%; }
.footer::before { content: ''; display: block; position: absolute; left: 0; top: 0; background-image: url(../image/icon13.png); background-repeat: no-repeat; background-size: 100% 100%; height: 102px; width: 100%; }
.footer::after { content: ''; display: block; position: absolute; left: 0; top: 0; background-image: url(../image/icon40.png); background-repeat: no-repeat; background-size: 100% 100%; height: 97px; width: 100%; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.footer_t { display: flex; justify-content: space-between; border-bottom: 1px solid #126fa6; }
.hbox8 .logo img { width: 155px; }
.hbox8 .tit { color: #fff; margin-top: 25px; }
.hbox8 .fnavs { margin-top: 19%; }
.fnavs .fnav { padding: 10px 0; }
.fnavs .fnav:not(:last-child) { border-bottom: 1px solid #126fa6; }
.fnavs .fnav .fna { position: relative; display: inline-block; padding-right: 170px; color: #fff; }
.fnavs .fnav .fna::before { content: ''; display: block; position: absolute; top: 7px; border-top: 2px solid rgba(255, 255, 255, .5); border-right: 2px solid rgba(255, 255, 255, .5); right: 3px; width: 6px; height: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.hbox9 { text-align: right; }
.hbox9 .tit { color: #7cb2e1; padding-bottom: 10px; }
.hbox9 .desc { color: #fff; padding-bottom: 10px; }
.hbox9 .desc a { color: #fff; }
.hbox9 .flinks { margin-top: 16%; }
.flinks { display: flex; align-items: center; justify-content: flex-end; }
.flinks .flink { width: 40px; height: 40px; background-color: rgba(255, 255, 255, .1); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: relative; cursor: pointer; }
.flinks .flink>img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-height: 50%; opacity: .5; }
.flinks .flink:not(:first-child) { margin-left: 20px; }
.flinks .wximg { position: absolute; bottom: 150%; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); width: 0; overflow: hidden; background-color: #fff; }
.flinks .wximg img { width: 100%; }
.flinks .wximg::before { content: ''; display: block; position: absolute; width: 0; height: 0; border: 10px solid transparent; border-bottom: 13px solid #faf9f7; border-top: 0; bottom: -13px; z-index: 1; left: 50%; transform: translate(-50%, 0) rotate(180deg); -webkit-transform: translate(-50%, 0) rotate(180deg); -moz-transform: translate(-50%, 0) rotate(180deg); -ms-transform: translate(-50%, 0) rotate(180deg); -o-transform: translate(-50%, 0) rotate(180deg); }
.flinks .flink:hover .wximg { opacity: 1; width: 135px; padding: 10px; overflow: unset; }
.flinks .flink:hover>img { opacity: 1; }
.footer_b { display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 25px; align-items: center; }
.copy_right { padding-top: 10px; }
.copy_right, .copy_right * { color: rgba(255, 255, 255, .92); }
.links { display: flex; align-items: center; padding-top: 10px; }
.links_main { display: flex; align-items: baseline; }
.links_main .link { color: #fff; position: relative; padding: 0 20px; }
.links_main .link+.link::before { content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #fff; position: absolute; left: -1px; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); }
.linkhs { position: relative; }
.linkhs:hover .link_box { max-height: 288px; opacity: 1; overflow-y: auto; height: auto;}
.linkhs .linkh_tit { border: 1px solid rgba(255, 255, 255, .3); padding: 13px 15px; color: #fff; }
.linkhs .linkh_tit span { padding-right: 45px; position: relative; }
.linkhs .linkh_tit span::before { content: ''; display: block; position: absolute; top: 7px; border-top: 2px solid #fff; border-right: 2px solid #fff; right: 3px; width: 6px; height: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.linkhs .link_box { position: absolute; bottom: 100%; width: 100%; background-color: #fff; 
	height: 0; overflow: hidden; opacity: 0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.linkhs .linkh { text-align: center; color: #126fa6; padding: 10px 0; display: block; }
.footer_center { position: absolute; top: 5%; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); width: 130px; height: 130px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: 2; display: flex; align-items: center; justify-content: center; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; cursor: pointer; }
.footer_center .span { color: #fff; position: relative; z-index: 2; }
.footer_center::after { content: ''; display: block; position: absolute; left: 50%; top: 50%; background-color: #01b4ed; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background-position: center; width: 110%; height: 110%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: 1; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.footer_center .bg { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.footer_center .footer_i { width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 3; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.footer_center .svg { position: absolute; left: 50%; top: 50%; background-image: url(../image/icon14.png); background-repeat: no-repeat; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background-position: center; width: 100%; height: 100%; animation: router linear 18s infinite; -webkit-animation: router linear 18s infinite; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: 2; background-size: 90%; }
.footer_center:hover::after { transform: translate(-50%, -50%) scale(.9); -webkit-transform: translate(-50%, -50%) scale(.9); -moz-transform: translate(-50%, -50%) scale(.9); -ms-transform: translate(-50%, -50%) scale(.9); -o-transform: translate(-50%, -50%) scale(.9); }
.footer_center:hover .footer_i { transform: translate(-50%, -50%) scale(.9); -webkit-transform: translate(-50%, -50%) scale(.9); -moz-transform: translate(-50%, -50%) scale(.9); -ms-transform: translate(-50%, -50%) scale(.9); -o-transform: translate(-50%, -50%) scale(.9); }
@keyframes router {
	0% { transform: translate(-50%, -50%) rotate(0); -webkit-transform: translate(-50%, -50%) rotate(0); -moz-transform: translate(-50%, -50%) rotate(0); -ms-transform: translate(-50%, -50%) rotate(0); -o-transform: translate(-50%, -50%) rotate(0); }
	100% { transform: translate(-50%, -50%) rotate(360deg); -webkit-transform: translate(-50%, -50%) rotate(360deg); -moz-transform: translate(-50%, -50%) rotate(360deg); -ms-transform: translate(-50%, -50%) rotate(360deg); -o-transform: translate(-50%, -50%) rotate(360deg); }
}
.footer_center i svg path { fill: #fff; }
.footer_center i { position: absolute; left: calc(100% + 3px); top: -3px; width: 16px; height: 16px; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.footer_center i svg { width: 50%; height: 50%; animation: arrowRun 5s infinite; }
@keyframes arrowRun {
	0% { transform-style: preserve-3d; transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); -webkit-transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); -moz-transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); -ms-transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); -o-transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); }
	7% { transform-style: preserve-3d; transform: translate3d(150%, -150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); -webkit-transform: translate3d(150%, -150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); -moz-transform: translate3d(150%, -150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); -ms-transform: translate3d(150%, -150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); -o-transform: translate3d(150%, -150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); }
	7.1% { transform-style: preserve-3d; transform: translate3d(-150%, 150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); -webkit-transform: translate3d(-150%, 150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); -moz-transform: translate3d(-150%, 150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); -ms-transform: translate3d(-150%, 150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); -o-transform: translate3d(-150%, 150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); }
	14% { transform-style: preserve-3d; transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); -webkit-transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); -moz-transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); -ms-transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); -o-transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); }
}
.open_menu { width: 30px; height: 20px; position: absolute; top: 48%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); right: 15px; display: none; cursor: pointer; z-index: 10; }
.open_menu i { position: absolute; width: 100%; height: 2px; background: #fff; left: 0; top: 10px; margin-top: -2px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; }
.open_menu i:nth-child(1) { margin-top: -10px; }
.open_menu i:nth-child(3) { margin-top: 8px; }
.open_menu.cur i:nth-child(2) { display: none; }
.open_menu.cur i:nth-child(3) { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); margin: 0; }
.open_menu.cur i:nth-child(1) { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); margin: 0; }
.mask::before { content: ''; display: block; width: 100%; height: 1px; background-color: #eee; position: absolute; top: 100px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); bottom: 0; }
@media (max-width:1560px) {
	.top_main, .nav_height { height: 80px; }
	.mask::before { top: 80px; }
	.index_box .index_main_padding { padding-top: 80px; }
	.index_box .index_main_padding { padding-top: 90px; }
	.nav_box { top: 80px; }
	.head_list .item { width: 150px; }
	.head_list .cpt { line-height: 80px; }
	.search .search_tit { height: 80px; }
	.clist .capt { margin-bottom: 20px; }
	.nav_box .nav_inner { padding: 0 45px; }
}
@media (max-width:1280px) {
	.top_main, .nav_height { height: 70px; }
	.mask::before { top: 70px; }
	.index_box .index_main_padding { padding-top: 80px; }
	.head_list .item { width: 120px; }
	.nav_box { top: 70px; }
	.head_list .cpt { line-height: 70px; }
	.search .search_tit { height: 70px; }
	.clist { padding: 40px 45px; }
	.hbox10 { padding: 40px 45px; }
	.clist .citem { margin-bottom: 20px; }
	.clist .capt { margin-bottom: 20px; }
	.clist .citem { width: 30.33%; }
	.clist .citem:not(:nth-child(4n+1)) { margin-left: 0; }
	.clist .citem:not(:nth-child(3n+1)) { margin-left: 4.5%; }
	.olist .oitem { margin-bottom: 10px; }
	.nav_box .nav_inner { padding: 0 35px; }
}
@media (max-width:1024px) {
	.top_main .logo { width: 120px; }
	.langs { margin-left: 20px; margin-right: 60px; }
	.langs .lang { padding: 5px 15px; }
	.open_menu { display: block; }
	.clist .capt { padding: 10px 0; margin-bottom: 10px; }
	.head_main { display: none; }
	.head_main .inner { position: static; }
	.head_list { position: fixed; top: 70px; left: 0; border-top: 1px solid #ebecf1; width: 100%; display: block; background-color: #fff; padding: 0 20px; }
	.nav_box { position: static; }
	.head_list .item { border-bottom: 1px solid #ebecf1; width: 100%; }
	.nav_ul { position: static; }
	.head_list .cpt { line-height: 45px; }
	.search .search_tit { height: 45px; }
	.nav_box .nav_mainl { min-width: unset; }
	.nav_box .nav_mainr { padding-right: 0; }
	.clist .citem { width: 30.66%; }
	.clist .citem:not(:nth-child(2n+1)) { margin-left: 0; }
	.clist .citem:not(:nth-child(3n+1)) { margin-left: 4%; }
	.hbox10 .hbox10_editor { overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; margin-top: 5px; }
	.hbox10 .more1 { margin-top: 10px; }
	.nav_box .nav_inner { padding: 0; }
	.clist { padding: 20px 15px; max-height: 200px; overflow-y: auto; height: auto; }
	.hbox10 { padding: 10px; }
	.hbox10 { padding: 20px 15px; }
	.head_list .item .cpt::before { height: 2px; bottom: 0; }
	.footer_center { width: 100px; height: 100px; }
	.langs .lang1 { padding: 5px 10px; }

	.langs:hover{
		user-select: none;
	}
	.langs .lang_main{
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
}
}
@media (max-width:640px) {
	.nav_box .nav_mainl { width: 100%; padding: 0 10px; }
	.nav_box .nav_main { flex-wrap: wrap; }
	.clist .citem { width: 49%; margin-bottom: 5px; }
	.clist .citem:not(:nth-child(3n+1)) { margin-left: 0; }
	.clist .citem:not(:nth-child(2n+1)) { margin-left: 2%; }
	.clist { padding: 10px; }
	.nav_box .inner { padding: 0; }
	.clist .capt { padding: 5px; }
	.footer_center { width: 60px; height: 60px; }
	.footer_box { padding-top: 50px; }
	.footer::before, .footer::after { height: 50px; }
	.footer_center { top: 3%; }
	.footer_t { flex-wrap: wrap; border-bottom: unset; }
	.footer_t .left { width: 100%; }
	.footer_t .right { width: 100%; }
	.hbox8 .logo img { width: 100px; }
	.hbox8 .tit { margin-top: 10px; }
	.fnavs .fnav .fna { display: block; }
	.footer_center i { width: 12px; height: 12px; }
	.hbox8 .fnavs { margin-top: 10px; }
	.hbox9 .tit { text-align: center; padding-bottom: 3px; }
	.hbox9 .desc { text-align: center; padding-bottom: 3px; }
	.hbox9 .flinks { margin-top: 10px; justify-content: center; }
	.footer_b { padding-top: 5px; }
	.footer_main { padding: 20px 0; }
	.linkhs .linkh_tit { padding: 5px 10px; }
	.linkhs .linkh { padding: 5px 0; }
	.linkhs:hover .link_box { height: 130px; }
	.flinks .flink { width: 30px; height: 30px; }
	.top_main .logo { width: 100px; }
	.top_main { position: static; }
	.top_main .left { left: 20px; }
}
.banner .video_box { width: 100%; z-index: 2; }
.banner .imgbox { height: 100vh; position: relative; overflow: hidden; }
.banner .imgbox a{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner .video_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }
.banner .imgbox img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.banner .video_box video { width: 100%; height: 100%; object-fit: cover; }
.banner .text_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); width: 100%; z-index: 2; }
.banner .tit { color: #fff; line-height: 1.2; transform: translate(0, 120px); -webkit-transform: translate(0, 120px); -moz-transform: translate(0, 120px); -ms-transform: translate(0, 120px); -o-transform: translate(0, 120px); transition: all 1.5s; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -ms-transition: all 1.5s; -o-transition: all 1.5s; transition-delay: 0.5s; opacity: 0; }
.banner .tit1 { color: #fff; line-height: 1.15; margin-top: 20px; transform: translate(0, 100px); -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); -ms-transform: translate(0, 100px); -o-transform: translate(0, 100px); transition: all 2s; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition-delay: 0.8s; opacity: 0; }

.banner .banner_btn_box{
	transform: translate(0, 100px);
	-webkit-transform: translate(0, 100px);
	-moz-transform: translate(0, 100px);
	-ms-transform: translate(0, 100px);
	-o-transform: translate(0, 100px);
	transition: all 2.5s;
	-webkit-transition: all 2.5s;
	-moz-transition: all 2.5s;
	-ms-transition: all 2.5s;
	-o-transition: all 2.5s;
	transition-delay: 1s;
	opacity: 0;
}
.banner .banner_video {
	margin-top: 3.8%;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	text-align: center;
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid #fff;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	cursor: pointer;
}
.banner .banner_video:hover{
	background-color: #008cd6;
	border-color: #008cd6;
}
.banner .banner_video span{
	padding-left: 30px;
	position: relative;
	color: #fff;
}
.banner .banner_video span::before{
	content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    background-image: url(../image/icon01.png);
    background-repeat: no-repeat;
    background-size: contain;
	width: 25px;
    height: 25px;
}



.banner .swiper-slide-active .tit, .banner .swiper-slide-active .tit1, .banner .swiper-slide-active .banner_btn_box { transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); opacity: 1; }
.banner .swiper_box { position: absolute; bottom: 7%; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); z-index: 2; display: flex; justify-content: space-between; 
}
.banner .swiper-pagination{
	margin: 0 30px;
	position: relative;
}
.banner .swiper-pagination .swiper-pagination-bullet{
	background-color: #fff;
	margin: 0 10px;
	opacity: 1;
}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #004faa;
}

.banner .swiper_btn { width: 11px; height: 20px; position: relative; cursor: pointer; }
.banner .swiper_btn.prev::before { content: ''; display: block; position: absolute; top: 4px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; right: -3px; width: 10px; height: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.banner .swiper_btn.next::before { content: ''; display: block; position: absolute; top: 4px; border-top: 2px solid #fff; border-right: 2px solid #fff; right: 3px; width: 10px; height: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.list1 .item.cur1 .text_o { display: block; }
.list1 .item:nth-child(1) .text_o { left: 28%; }
.list1 .item:nth-child(2) .text_o { left: 52%; }
.text_o { position: absolute; top: 50%; left: 50%; z-index: 2; color: rgba(255, 255, 255, .5); width: 15px; transform: translate(0, -50%); display: none; }
.index01 { width: 100%; height: 100%; }
.index01 .index01_main { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; justify-content: center; padding: 0 15% 0 9%; z-index: 3; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; padding-top: 100px; display: none; }
.index01 .item:nth-child(1) .index01_main { align-items: center; padding-bottom: 4%;}
.index01 .item:nth-child(2) .index01_main { align-items: flex-end; padding-bottom: 4%; padding-top: 8%; }
.index01 .item.cur .index01_main { display: flex; }
.list1 { display: flex; height: 100%; }
.list1 .item { position: relative; width: 55%; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; }
.list1 .item:nth-child(1) { position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; }
.list1 .item:nth-child(2) { position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; }
.list1 .bgimg {
	overflow: hidden;
	 width: 100%; height: 100%; transition: all .1s; -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; }
.list1 .bgimg .bg { width: 100%; height: 100%; }
.list1 .bgimg img { width: 100%; height: 100%; object-fit: cover; }
.list1 .text_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 2; width: 95%; text-align: center; }
.list1 .text_box .desc { color: #fff; margin-top: 20px; }
.list1 .item .bgimg img { transition: transform .5s ,width .1s ,height .1s; -webkit-transition: transform .5s ,width .1s ,height .1s; -moz-transition: transform .5s ,width .1s ,height .1s; -ms-transition: transform .5s ,width .1s ,height .1s; -o-transition: transform .5s ,width .1s ,height .1s; }
.list1 .item:hover .bgimg img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.list1 .item:hover .text_box .more { border-color: #008cd6; background-color: #008cd6; }
.list1 .item:hover .text_box .more::before { border-color: #fff; }
.list1 .text_box .more { margin-top: 40px; }
.list1 .return_btn { position: absolute; z-index: 3;
	 top: 0; color: #fff;
	  display: flex; 
	  align-items: center; 
	/* background-image: url(../images/return_btn1.png);  */
	background-repeat: no-repeat; 
	background-size: contain;
	 background-position: center right; 
	 cursor: pointer; 
	 transition: all .1s;
	  -webkit-transition: all .1s; 
	  -moz-transition: all .1s; 
	  -ms-transition: all .1s; 
	  -o-transition: all .1s; 
	}

.list1 .return_btn:hover i{
	background-color: #008cd6;
}
.list1 .return_btn i{
	width: 40px;
	height: 40px;
	border-radius:50%;
	-webkit-border-radius:50% ;
	-moz-border-radius:50% ;
	-ms-border-radius:50% ;
	-o-border-radius:50% ;
	position: relative;
	margin-left: 10px;
}
.list1 .return_btn i::before{
	content: '';
    display: block;
    position: absolute;
    top: 15px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    right: 17px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);

}
.list1 .return_btn1 { right: -11%; top: auto; bottom: 0;}
.list1 .return_btn2 {left: -8%;
    top: unset;
    bottom: 0; 
}

.list1 .return_btn1  i::before{
	right: 13px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
}
.index_tit { display: flex; align-items: center; justify-content: center; }
.index_tit .span1 { position: relative; }
.index_tit .span1, 
.index_tit .span2 { padding: 10px; line-height: 1;}
.index_tit .span1::before {
	content: '+';
    position: absolute;
    right: -.35em;
    top: 0;
    font-size: .6em;
    line-height: 0;
    color: #005bac;
    text-shadow: 0 0 BLACK;
}



.index_tit .span1 .t1 {
	position: absolute;
	right: 0;
	/* background-color: #333333; */
	height: 2px;
	top: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	width: var(--width);
}
.index_tit .span1 .t1::before{
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	right: .35em;
	top: 0;
	width: calc(100% - .5em);
	background-image: linear-gradient(to right, #005bac, #90cbff);
}
.index_tit .span1 .t2 {
	position: absolute;
	left: 0;
	/* background-color: #333333; */
	height: 2px;
	top: 2px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	/* background-image: linear-gradient(to right, #005bac, #90cbff); */
	transform: rotate(90deg);
	transform-origin: 0;
	width: var(--height);
}
.index_tit .span1 .t2::before{
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	right: .35em;
	top: 0;
	width: calc(100% - .5em);
	background-image: linear-gradient(to right, #005bac, #90cbff);
}
.index_tit .span1 .t3 {
	position: absolute;
	left: 0;
	/* background-color: #333333; */
	height: 2px;
	bottom: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	/* background-image: linear-gradient(to right, #005bac, #90cbff); */
	transform: rotate(180deg);
	width: var(--width);
}
.index_tit .span1 .t3::before{
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	right: .35em;
	top: 0;
	width: calc(100% - .5em);
	background-image: linear-gradient(to right, #005bac, #90cbff);
}
.index_tit .span1 .t4 {
	position: absolute;
	left: 100%;
	/* background-color: #333333; */
	height: 2px;
	bottom: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	/* background-image: linear-gradient(to right, #005bac, #90cbff); */
	transform: rotate(270deg);
	transform-origin: 0;
	width: var(--height);
}
.index_tit .span1 .t4::before{
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	right: .35em;
	top: 0;
	width: calc(100% - .5em);
	background-image: linear-gradient(to right, #005bac, #90cbff);
}
.index_tit .span1 { --t1:0%; --t2:0%; --t3:0%; --t4:0%;  }
.index_tit.ani .span1{animation: example 3s linear infinite; -webkit-animation: example 3s linear infinite;}
@keyframes example {
	0% { --t1:0; --t2:0; --t3:0; --t4:0; --dis:block;}
	20% { --t1:var(--width); --t2:0; --t3:0; --t4:0;  --dis:block;}
	40% { --t1:var(--width); --t2:var(--height); --t3:0; --t4:0;  --dis:block;}
	60% { --t1:var(--width); --t2:var(--height); --t3:var(--width); --t4:0;  --dis:block;}
	80% { --t1:var(--width); --t2:var(--height); --t3:var(--width); --t4:var(--height);  --dis:block;}
	90% { --t1:var(--width); --t2:var(--height); --t3:var(--width); --t4:var(--height);  --dis:block;}
	100% { --t1:var(--width); --t2:var(--height); --t3:var(--width); --t4:var(--height);  --dis:none;}
}
.index_tit .span1 .t1 { width: var(--t1); display: var(--dis);} 
.index_tit .span1 .t2 { width: var(--t2); display: var(--dis);}
.index_tit .span1 .t3 { width: var(--t3); display: var(--dis);}
 .index_tit .span1 .t4 { width: var(--t4); display: var(--dis);}
/* @keyframes t3 {
	0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
	50% { transform: rotate(25deg); -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); }
	100% { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
} */
.list1 .item.cur .text_box, .list1 .item.cur1 .text_box { display: none; }

.list1 .item.cur { width: 90%;}
.list1 .item.cur1 { width: 14%;}

.list1 .item:nth-child(1).cur1 { width: 19%;}



.list1 .item:nth-child(2).cur1 .bgimg { clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%); }
.list1 .item:nth-child(2).cur .bgimg { -webkit-clip-path: polygon(3% 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(3% 0, 100% 0%, 100% 100%, 0% 100%); }
.list1 .item:nth-child(2) .bgimg { -webkit-clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%); }
.list1 .item.cur .bgimg::before, .list1 .item.cur1 .bgimg::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 39, 73, .5); z-index: 2; }
.list1 .item.cur1 .bgimg::before { background-color: rgba(0, 0, 0, .7); }
.list1 .item.cur .index01_main { opacity: 1; }
.list1 .item.cur1 .index01_main { height: 0; opacity: 0; }
.hbox1 { display: flex; align-items: center; width: 100%; height: 100%; position: relative; }
.hbox1 .left { flex: 1; padding-right: 20%; }
.hbox1 .right { width: 260px; }
.hbox1_swiper { height: 400px; }
.hbox1_swiper .swiper-container { height: 100%; }
.hbox1 .htext_box .htit { color: #fff; }
.hbox1 .htext_box .editor { color: #fff; line-height: 1.77; margin-top: 40px; }
.hbox1 .htext_box .lables { margin-top: 40px; }
.hbox1 .htext_box .more1 { margin-top: 80px; }
.lables { display: flex; align-items: center; flex-wrap: wrap; }
.lables .lable { margin-right: 20px; white-space: nowrap; padding: 10px 25px; border: 1px solid #fff; color: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; margin-bottom: 10px; }
.bklables .lable { color: #c2c2c2; border-color: #a19e9e; }
.bklables .lable:hover { border-color: #005bac; background-color: #005bac; color: #fff; }
.hbox1_swiper { position: relative; }
.hbox1_swiper::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); height: 150%; width: 100%; background-image: linear-gradient(transparent, rgba(138, 142, 147, .8), transparent); }
.hbox1_swiper .citem { color: rgba(255, 255, 255, .5); padding-top: 25px; padding-bottom: 25px; padding-left: 30px; position: relative; cursor: pointer; }
.hbox1_swiper .swiper-slide.swiper-slide-active .citem { background-color: rgba(255, 255, 255, .2); color: #fff; }
.hbox1_swiper .swiper-slide.swiper-slide-active .citem::before { content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background-color: #01b4ed; }
.hbox2 { width: 100%; height: 100%; position: relative; padding-top: 35px; }
.hbox2 .hbox2_swiper { margin-top: 40px; width: 100%; }
.hbox2 .shbox2_swiper { }
.hbox2_swiper { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; background-color: rgba(139, 146, 150, .7); }
.hbox2_swiper .citem { padding: 50px 3%; text-align: center; cursor: pointer; }
.hbox2_swiper .ctit { color: #fff; margin-top: 15px; }
.hbox2_swiper .icon { padding-bottom: 40px; position: relative; }
.hbox2_swiper .icon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-height: 100%; }
.hbox2_swiper .swiper-slide.swiper-slide-thumb-active .citem { background-color: rgba(255, 255, 255, .3); }
.hbox2_swiper .swiper-slide.swiper-slide-thumb-active .citem::before { height: 40%; position: absolute; left: 0; bottom: 0; right: 0; background-image: linear-gradient(transparent, #01b4ed); }
.shbox2_swiper .swiper-slide { opacity: 0 !important; }
.shbox2_swiper .swiper-slide.swiper-slide-active { opacity: 1 !important; }
.tbox1 .tbox1_tp { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, .2); }
.tbox1 .tbox1_tp .base_more { margin-bottom: 15px; }
.tbox1 .tbox1_text { padding: 3.5% 0 3%; }
.tbox1 .tbox1_tit { color: #fff; }
.tbox1 .editor { margin-top: 30px; line-height: 1.77; color: #fff; 
    overflow: hidden;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
 }
.tbox1 .more1 { margin-top: 35px; }
.tabs { display: flex; align-items: center; flex: 1; padding-right: 15px; 
	flex-wrap: wrap;
    max-height: 3.2em;
    overflow: hidden;
}
.tabs .tab { margin-right: 50px; padding-bottom: 30px; position: relative; color: #fff; cursor: pointer; }
.tabs .tab.cur { color: #01b4ed; }
.tabs .tab.cur::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: #fff; }
.index02 { position: relative; z-index: 2; width: 100%; }
.index_bgs { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.index_bgs .index_bg { width: 100%; height: 100%; position: relative; }
.index_bgs .index_bg img { width: 100%; height: 100%; object-fit: cover; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }


@keyframes myscale{
    from{
		transform:scale(1.1);
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-ms-transform:scale(1.1);
		-o-transform:scale(1.1);
	}
	to{
		transform:scale(1);
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		-o-transform:scale(1);
	}
}
.index02_bg.index_bgs .index_bg img{
	animation: myscale 5s ease-in-out;
    -webkit-animation: myscale 5s ease-in-out;
    animation-iteration-count: 10000;
    -webkit-animation-iteration-count: 10000;
    animation-iteration-count: 1;
}


.hbox3 { display: flex; align-items: center; justify-content: space-between; }
.hbox3 .index_tit .span1, 
.hbox3 .index_tit .span2 { color: #fff;}

/* .index_tit .span1,
.index_tit .span2{
	color: #fff;
} */
.index01 .index_tit .span1,
.index01 .index_tit .span2{
	text-shadow: 0px 1px 9px rgba(0,140,214,.5);
	color: #fff;
}

.hbox3 .left { width: 60%; }
.hbox3 .right { flex: 1; text-align: right; transform: translate(50%, 0); -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); -o-transform: translate(50%, 0); position: relative; }
.hbox3 .desc { color: #fff; line-height: 1.5; margin-top: 10px; padding: 0 0 8%; }
.hbox3 .index_tit { justify-content: flex-start; }
.hbox3_swiper { opacity: 0; position: absolute; left: 50%; top: 50%; z-index: -1; width: 50px; }
.tbox2 .tbox2_desc { color: #fff; margin-top: 30px; line-height: 1.875; }
.tbox2 .tbox2_desc * { font-family: "HarmonyLight"; }
.tbox2 .more1 { color: #fff; margin-top: 55px; }
.tbox2 .more1::before { border-color: #fff; }
.tbox2 .tbox2_tit { color: #aad5f7; line-height: 1.1; }
.tbox2 .lables { margin-top: 35px; }
.round01 { height: 800px; width: 800px; border: 1px solid #fff; position: relative; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); }
.round01 .list2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.list2 .text_box { transition: all 0.5s; color: rgba(255, 255, 255, .3); max-width: 140px; width: 140px; }
.list2 .bar { width: 20px; height: 20px; background-color: rgba(255, 255, 255, .3); position: relative; margin-left: 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; margin-right: -10px; }
.list2 .bar::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); width: 30%; height: 30%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; counter-reset: 'nums'; }
.list2 .item { position: absolute; cursor: pointer; width: 50%; transform-origin: right center; top: 50%; }
.list2 .item .text_main { display: flex; align-items: center; position: absolute; right: 100%; }
.list2 .item:nth-child(1) { transform: translate(0, -50%) rotate(0); -webkit-transform: translate(0, -50%) rotate(0); -moz-transform: translate(0, -50%) rotate(0); -ms-transform: translate(0, -50%) rotate(0); -o-transform: translate(0, -50%) rotate(0); }
.list2 .item:nth-child(2) { transform: translate(0, -50%) rotate(30deg); -webkit-transform: translate(0, -50%) rotate(30deg); -moz-transform: translate(0, -50%) rotate(30deg); -ms-transform: translate(0, -50%) rotate(30deg); -o-transform: translate(0, -50%) rotate(30deg); }
.list2 .item:nth-child(3) { transform: translate(0, -50%) rotate(60deg); -webkit-transform: translate(0, -50%) rotate(60deg); -moz-transform: translate(0, -50%) rotate(60deg); -ms-transform: translate(0, -50%) rotate(60deg); -o-transform: translate(0, -50%) rotate(60deg); }
.list2 .item:nth-child(4) { transform: translate(0, -50%) rotate(90deg); -webkit-transform: translate(0, -50%) rotate(90deg); -moz-transform: translate(0, -50%) rotate(90deg); -ms-transform: translate(0, -50%) rotate(90deg); -o-transform: translate(0, -50%) rotate(90deg); }
.list2 .item:nth-child(5) { transform: translate(0, -50%) rotate(120deg); -webkit-transform: translate(0, -50%) rotate(120deg); -moz-transform: translate(0, -50%) rotate(120deg); -ms-transform: translate(0, -50%) rotate(120deg); -o-transform: translate(0, -50%) rotate(120deg); }
.list2 .item:nth-child(6) { transform: translate(0, -50%) rotate(150deg); -webkit-transform: translate(0, -50%) rotate(150deg); -moz-transform: translate(0, -50%) rotate(150deg); -ms-transform: translate(0, -50%) rotate(150deg); -o-transform: translate(0, -50%) rotate(150deg); }
.list2 .item:nth-child(7) { transform: translate(0, -50%) rotate(180deg); -webkit-transform: translate(0, -50%) rotate(180deg); -moz-transform: translate(0, -50%) rotate(180deg); -ms-transform: translate(0, -50%) rotate(180deg); -o-transform: translate(0, -50%) rotate(180deg); }
.list2 .item:nth-child(8) { transform: translate(0, -50%) rotate(210deg); -webkit-transform: translate(0, -50%) rotate(210deg); -moz-transform: translate(0, -50%) rotate(210deg); -ms-transform: translate(0, -50%) rotate(210deg); -o-transform: translate(0, -50%) rotate(210deg); }
.list2 .item:nth-child(9) { transform: translate(0, -50%) rotate(240deg); -webkit-transform: translate(0, -50%) rotate(240deg); -moz-transform: translate(0, -50%) rotate(240deg); -ms-transform: translate(0, -50%) rotate(240deg); -o-transform: translate(0, -50%) rotate(240deg); }
.list2 .item:nth-child(10) { transform: translate(0, -50%) rotate(270deg); -webkit-transform: translate(0, -50%) rotate(270deg); -moz-transform: translate(0, -50%) rotate(270deg); -ms-transform: translate(0, -50%) rotate(270deg); -o-transform: translate(0, -50%) rotate(270deg); }
.list2 .item:nth-child(11) { transform: translate(0, -50%) rotate(300deg); -webkit-transform: translate(0, -50%) rotate(300deg); -moz-transform: translate(0, -50%) rotate(300deg); -ms-transform: translate(0, -50%) rotate(300deg); -o-transform: translate(0, -50%) rotate(300deg); }
.list2 .item:nth-child(12) { transform: translate(0, -50%) rotate(330deg); -webkit-transform: translate(0, -50%) rotate(330deg); -moz-transform: translate(0, -50%) rotate(330deg); -ms-transform: translate(0, -50%) rotate(330deg); -o-transform: translate(0, -50%) rotate(330deg); }
.list2 .item:nth-child(13) { transform: translate(0, -50%) rotate(240deg); -webkit-transform: translate(0, -50%) rotate(240deg); -moz-transform: translate(0, -50%) rotate(240deg); -ms-transform: translate(0, -50%) rotate(240deg); -o-transform: translate(0, -50%) rotate(240deg); }
.list2 .item:nth-child(14) { transform: translate(0, -50%) rotate(260deg); -webkit-transform: translate(0, -50%) rotate(260deg); -moz-transform: translate(0, -50%) rotate(260deg); -ms-transform: translate(0, -50%) rotate(260deg); -o-transform: translate(0, -50%) rotate(260deg); }
.list2 .item:nth-child(15) { transform: translate(0, -50%) rotate(280deg); -webkit-transform: translate(0, -50%) rotate(280deg); -moz-transform: translate(0, -50%) rotate(280deg); -ms-transform: translate(0, -50%) rotate(280deg); -o-transform: translate(0, -50%) rotate(280deg); }
.list2 .item:nth-child(16) { transform: translate(0, -50%) rotate(300deg); -webkit-transform: translate(0, -50%) rotate(300deg); -moz-transform: translate(0, -50%) rotate(300deg); -ms-transform: translate(0, -50%) rotate(300deg); -o-transform: translate(0, -50%) rotate(300deg); }
.list2 .item:nth-child(17) { transform: translate(0, -50%) rotate(320deg); -webkit-transform: translate(0, -50%) rotate(320deg); -moz-transform: translate(0, -50%) rotate(320deg); -ms-transform: translate(0, -50%) rotate(320deg); -o-transform: translate(0, -50%) rotate(320deg); }
.list2 .item:nth-child(18) { transform: translate(0, -50%) rotate(340deg); -webkit-transform: translate(0, -50%) rotate(340deg); -moz-transform: translate(0, -50%) rotate(340deg); -ms-transform: translate(0, -50%) rotate(340deg); -o-transform: translate(0, -50%) rotate(340deg); }
.list2 .item.cur .text_box { color: #fff; transform: scale(1.2); }
.list2 .item.cur .bar { background-color: #fff; }
.list2 .item.cur .bar::before { background-color: #fff; }
.round01 .list2 { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; }
.index03_swiper { height: 100%; width: 100%; }
.index03_swiper .swiper-container { height: 100%; }
.index03_swiper .swiper-wrapper { transition-duration: 1000ms !important; }
.index03_swiper .swiper-slide { width: auto; }
.hbox4_side { z-index: 2; margin-right: -2%; }
.hbox4 { width: 2055px; height: 100%; position: relative; }
.hbox4 .inner { height: 100%; }
.hbox4_main { display: flex; height: 100%; padding: 5% 0 0; }
.hbox4_main .text_box { flex: 1; }
.hbox4_main .right { width: 45%; display: flex; align-items: flex-end; padding-bottom: 10%; }
.hbox4 .text_img { position: absolute; bottom: 0; left: 0; bottom: -4px; }
.hbox4_main .icon img { height: 34px; }
.hbox4_main .num { color: #005bac; margin-top: 15px; }
.hbox4_main .desc { color: #231916; margin-top: 10px; }
.hbox4_main .cdesc { color: #444444; margin-top: 10px; }
.hbox4_main .index_tit { margin-top: 11%; }
.hbox4_main .index_tit { justify-content: flex-start; }
.tbox3 { padding: 50px 35px; position: relative; background-image: url(../image/icon06.png); background-repeat: no-repeat; background-size: 100% 100%; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.tbox3 .editor { color: #fff; line-height: 1.77; margin-top: 30px; }
.tbox3 .more_box { text-align: right; }
.tbox3 .year_box { position: absolute; left: 0; top: -11%; color: #fff; }
.tbox3 .year_box .year { position: relative; line-height: .9; padding-right: 60px; }
.tbox3 .year_box .year_t { position: absolute; right: 0; top: 0; }
.tbox3 .year_box .year_b { position: absolute; right: 20px; bottom: 0; }
.hbox5 { width: 4130px; height: 100%; }
.list3 { display: flex; justify-content: space-between; padding: calc(100px + 3%) 10% 5%; position: relative; z-index: 2; height: 100%; }
.list3 .year_box { color: #01b4ed; position: relative; display: inline-block; }
.list3 .year_box .year { position: relative; line-height: .9; padding-right: 60px; font-size: 140px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to bottom, #fff 20%, #afafaf); }
.list3 .year_box .year_t { position: absolute; right: 0; top: 0; font-size: 36px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to bottom, #fff 20%, #afafaf); }
.list3 .tit { margin-top: 15px; color: #fff; }
.list3 .desc { color: #fff; margin-top: 15px; max-width: 510px; }
.list3 .item { height: 100%; display: flex; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; margin-top: 100px; opacity: 0; }
.list3 .item:nth-child(2n+1) { align-items: flex-end; }
.list3 .item:nth-child(2n) { align-items: flex-start; }
.list3 .item.cur { opacity: 1; margin-top: 0; }
.index04 { width: 100%; }
.index04_main { background-image: linear-gradient(#ddefff, #f4f9ff); overflow: hidden; }
.hbox6 { display: flex; align-items: center; }
.hbox6_swiper { width: 100%; }
.hbox6 .left { width: 47.5%; }
.hbox6 .left .desc { margin-top: 20px; }
.hbox6 .right { width: 52.5%; padding-left: 60px; }
.hbox6_swiper { position: relative; padding-bottom: 9.2%; margin-top: 11.8%; }
.hbox6_swiper .swiper-pagination { bottom: 0; width: 100%; height: 5px; }
.hbox6_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #01b4ed; }
.hbox6_swiper .swiper-pagination-progressbar { background-color: #e3e8f1; display: none;}
.hbox6_swiper .imgbox { padding-bottom: 44%; position: relative; }
.hbox6_swiper .imgbox img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-height: 70%; }
.hbox6_swiper .imgbox .img1 { display: block; }
.hbox6_swiper .imgbox .img2 { display: none; }
.hbox6_swiper .item:hover .img1 { display: none; }
.hbox6_swiper .item:hover .img2 { display: block; }
.layout { width: 790px; height: 790px; position: relative; margin-bottom: -10%; }
.layout .addre01_main { width: 100%; height: 100%; position: relative; }
.addre01_main .dians { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.addre01_main .dian { position: absolute; background-color: rgba(1, 180, 237, .15); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: 3; }
.addre01_main .dian.dian1 { width: 20px; height: 20px; }
.addre01_main .dian.dian2 { width: 10px; height: 10px; }
.addre01_main .dian.dian3 { width: 8px; height: 8px; }
.addre01_main .dian.dian4 { width: 30px; height: 30px; }
.addre01_main .dian:nth-child(1) { left: 3.8%; top: 70%; }
.addre01_main .dian:nth-child(2) { left: 5%; top: 72.5%; }
.addre01_main .dian:nth-child(3) { left: 98%; top: 60.5%; }
.addre01_main .dian:nth-child(4) { left: 99%; top: 57.5%; }
.addre01_main .dian:nth-child(5) { left: 68%; top: 63.5%; }
.addre01_main .dian:nth-child(6) { left: 75%; top: 92.2%; }
.addre01_main .dian:nth-child(7) { left: 60%; top: 59.5%; }
.addre01_main .dian:nth-child(8) { left: 38%; top: 58.5%; }
.addre01_main .dian:nth-child(9) { left: 62.8%; top: 42.5%; }
.addre01_main .dian:nth-child(10) { left: 60%; top: 38.5%; }
.addre01_main .dian:nth-child(11) { left: 84%; top: 49.5%; }
.addre01_main .dian:nth-child(12) { left: 20%; top: 28.5%; }
.addre01_main .dian:nth-child(13) { left: 71%; top: 21.5%; }
.addre01_main .dian:nth-child(14) { left: 15%; top: 11.5%; }
.addre01_main .dian:nth-child(15) { left: 68%; top: 2.5%; }
.addre01_main .dian:nth-child(16) { left: 97%; top: 33.5%; }
.layout .addre01_main::before { content: ''; display: block; width: 100%; height: 100%; border: 1px solid #d8ecf9; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.addre01_main .tmain { position: absolute; left: 50%; top: 50%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border: 1px solid #b4e6ff; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.addre01_main .tmain.t1 { width: 70%; height: 70%; z-index: 1; }
.addre01_main .tmain.t2 { width: 50%; height: 50%; z-index: 2; }
.addre01_main .tmain.t3 { width: 30%; height: 30%; z-index: 3; }
.tabs1 { display: flex; align-items: center; justify-content: center; position: absolute; bottom: 17%; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); z-index: 12; }
.tabs1 .tab { background-color: #eaf4ff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border: 1px solid #d2e1ed; line-height: 40px; padding: 0 40px; margin: 0 5px; cursor: pointer; }
.tabs1 .tab.cur { background-color: #7989a3; border-color: #7989a3; color: #fff; }
.addre01 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; }
.addre_box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; }
.addre_box .item.show { z-index: 5 }
.addre_box .item.show .addre_tg { transform: scale(1) translate(0, -50%); -webkit-transform: scale(1) translate(0, -50%); -moz-transform: scale(1) translate(0, -50%); -ms-transform: scale(1) translate(0, -50%); -o-transform: scale(1) translate(0, -50%); }
.addre_box .item1 span, .addre_box .item2 span { position: relative; z-index: 2; }
.addre_box .item1 { width: 60px; height: 60px; background-color: rgba(1, 180, 237, .15); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; }
.addre_box .item2 { width: 100px; height: 100px; background-color: #f5fbff; color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
.addre_box .item2::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; background-color: #01b4ed; width: 100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.addre_box .itemcenter { position: absolute; left: 50%; top: 50%; background-color: #f5fbff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 110px; height: 110px; z-index: 2; display: flex; align-items: center; justify-content: center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.addre_box .itemcenter::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; background-color: #008cd6; width: 80%; height: 80%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.addre_box .itemcenter::after { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 40%; height: 40%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.addre_box .itemcenter span { color: #fff; position: relative; z-index: 2; }
.allcountry .item:nth-child(2) { left: 23%; top: 36%; }
.allcountry .item:nth-child(3) { left: 37%; top: 19%; }
.allcountry .item:nth-child(4) { left: 66%; top: 19%; }
.allcountry .item:nth-child(5) { left: 23%; top: -7%; }
.allcountry .item:nth-child(6) { left: 46%; top: -23%; }
.allcountry .item:nth-child(7) { left: 62%; top: -20%; }
.allcountry .item:nth-child(8) { left: 76%; top: -20%; }
.allcountry .item:nth-child(9) { left: 0%; top: -45%; }
.allcountry .item:nth-child(10) { left: 28%; top: -69%; }
.allcountry .item:nth-child(11) { left: 68%; top: -67%; }
.allcountry .item:nth-child(12) { left: 50%; top: -90%; }
.allcountry .item:nth-child(13) { left: 72%; top: -96%; }
.allcountry .item:nth-child(14) { left: 88%; top: -90%; }
.allcountry .item:nth-child(15) {
    left: 32%;
    top: -74%;
}
.addre_tg { position: absolute; padding: 20px; background-color: rgba(255, 255, 255, .8); top: 50%; right: 110%; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; overflow: hidden; min-width: 300px; transition: 0.5s; width: 0; }
.addre_tg .addre_tit { padding-left: 20px; position: relative;     color: #000;}
.addre_tg .addre_tit br { display: none; }
.addre_tg .addre_tit::before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); width: 13px; height: 15px; background-size: contain; background-image: url(../image/icon07.svg); background-repeat: no-repeat; }
.addre_tg .addre_desc { margin-top: 15px; color: #231916; line-height: 1.5; }
.allcountry1 .item:nth-child(2) { left: 34%; top: 54%; }
.allcountry1 .item:nth-child(3) { left: 12%; top: 44%; }
.allcountry1 .item:nth-child(4) { left: 23%; top: 26%; }
.allcountry1 .item:nth-child(5) { left: 66%; top: 17%; }
.allcountry1 .item:nth-child(6) { left: 69%; top: 24%; }
.allcountry1 .item:nth-child(7) { left: 13%; top: -4%; }
.allcountry1 .item:nth-child(8) { left: 27%; top: -15%; }
.allcountry1 .item:nth-child(9) { left: 40%; top: -32%; }
.allcountry1 .item:nth-child(10) { left: 9%; top: -41%; }
.allcountry1 .item:nth-child(11) { left: 26%; top: -56%; }
.allcountry1 .item:nth-child(12) { left: 49%; top: -70%; }
.allcountry1 .item:nth-child(13) { left: 63%; top: -66%; }
.allcountry1 .item:nth-child(14) { left: 75%; top: -66%; }
.allcountry1 .item:nth-child(15) { left: 81%; top: -56%; }
.allcountry1 .item:nth-child(16) { left: -4%; top: -99%; }
.allcountry1 .item:nth-child(17) { left: 16%; top: -123%; }
.allcountry1 .item:nth-child(18) { left: 29%; top: -126%; }
.allcountry1 .item:nth-child(19) { left: 46%; top: -145%; }
.allcountry1 .item:nth-child(20) { left: 70%; top: -137%; }
.allcountry1 .item:nth-child(21) { left: 76%; top: -157%; }
.allcountry1 .item:nth-child(22) { left: 88%; top: -150%; }
.allcountry1 .item:nth-child(23) { left: 88%; top: -90%; }
@keyframes rotate_addre01_main {
	0% { transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); opacity: 1; }
	100% { transform: translate(-50%, -50%) scale(1.2); -webkit-transform: translate(-50%, -50%) scale(1.2); -moz-transform: translate(-50%, -50%) scale(1.2); -ms-transform: translate(-50%, -50%) scale(1.2); -o-transform: translate(-50%, -50%) scale(1.2); opacity: 0; }
}
@keyframes top_bot {
	0% { transform: translate(0, -15px); -webkit-transform: translate(0, -15px); -moz-transform: translate(0, -15px); -ms-transform: translate(0, -15px); -o-transform: translate(0, -15px); }
	50% { transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); }
	100% { transform: translate(0, -15px); -webkit-transform: translate(0, -15px); -moz-transform: translate(0, -15px); -ms-transform: translate(0, -15px); -o-transform: translate(0, -15px); }
}
@keyframes top_bot1 {
	0% { transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -o-transform: translate(0, -10px); }
	50% { transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); }
	100% { transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -o-transform: translate(0, -10px); }
}
.layout .addre01_main::before { animation: rotate_addre01_main linear 1s infinite; -webkit-animation: rotate_addre01_main linear 1s infinite; }
.layout .addre01_main .t1 { animation: rotate_addre01_main linear 1s infinite; -webkit-animation: rotate_addre01_main linear 1s infinite; }
.layout .addre01_main .t2 { animation: rotate_addre01_main linear 1s infinite; -webkit-animation: rotate_addre01_main linear 1s infinite; }
.addre_box .item1, .addre_box .item2, .addre01_main .dian { animation: top_bot 3s infinite; -webkit-animation: top_bot 3s infinite; }
.addre_box .item:nth-child(1), .addre_box .item:nth-child(6), .addre_box .item:nth-child(9), .addre_box .item:nth-child(14) { animation: top_bot 2.7s infinite; -webkit-animation: top_bot 2.7s infinite; }
.addre_box .item:nth-child(2), .addre_box .item:nth-child(5), .addre_box .item:nth-child(12) { animation: top_bot 2.5s infinite; -webkit-animation: top_bot 2.5s infinite; }
.addre_box .item:nth-child(10), .addre_box .item:nth-child(16), .addre_box .item:nth-child(20) { animation: top_bot 2.5s infinite; -webkit-animation: top_bot 2.4s infinite; }
.index05 { width: 100%; }
.index_tab { display: flex; justify-content: space-between; align-items: center; }
.index_tab .tit { color: #333333; }
.index_tab .more1 { color: #333; }
.index_tab .more1::before { border-color: #333; }
.index05 .hbox7 { margin-top: 40px; height: 67.8vh; }
.hbox7 { display: flex; }
.hbox7 .left { width: 62.5%; display: flex; justify-content: space-between; }
.hbox7 .left .item { display: flex; flex-direction: column; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); background-color: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; width: 49%; }
.hbox7 .left .item .imgbox { padding-bottom: 65.5%; position: relative; overflow: hidden; }
.hbox7 .left .item .imgbox img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.hbox7 .left .item:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.hbox7 .left .item .text_box { flex: 1; padding: 8.2% 9.2% 10.2%; }
.hbox7 .left .item .tit { color: #333333; line-height: 1.5; }
.hbox7 .left .item .desc { color: #666; line-height: 1.5; margin-top: 9%; }
.hbox7 .left .item .time { display: block; position: relative; padding-right: 10px; margin-top: 12.2%; color: #999999; }
.hbox7 .left .item .time::before { content: ''; display: block; position: absolute; top: 7px; border-top: 2px solid #15baee; border-right: 2px solid #15baee; right: 3px; width: 6px; height: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.hbox7 .right { width: 35.5%; margin-left: 2%; }
.list4_box { box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.list4 { padding: 15px 40px; height: 100%; }
.list4 .item { color: #333333; line-height: 1.5; padding: 30px 0; border-bottom: 1px solid #e2e8f0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; display: block; }
.list4 .item .imgbox { margin-left: 2%; display: none; width: 32.5%; }
.list4 .item .text_box { flex: 1; }
.list4 .item .time { margin-top: 15px; }
.list4 .item:hover { display: flex; }
.list4 .item:hover .imgbox { display: block; }
.list4 .item:hover .text_box { padding-left: 30px; }



.addre_box1 .item1 span, .addre_box1 .item2 span {
    font-size: .8em;
    text-align: center;
    padding: .2em;
}
@media (max-width:1560px) {
	.layout {
		width: 720px;
		height: 720px;
	}
	.addre_box .itemcenter span{
		font-size: .8em;
	}
	.hbox4_main .right { 
        margin-right: 5%;
    }
}
@media (max-width:1560px) {
	.tbox3 .editor { margin-top: 20px; }
	.tbox3 { padding: 40px 35px 15px; }
	.hbox2 .hbox2_swiper { margin-top: 30px; }
	.tbox1 .tbox1_text { padding: 2% 0; }
	.hbox2_swiper .citem { padding: 30px 3%; }
	.hbox2_swiper .ctit { margin-top: 10px; }
	.round01 { width: 650px; height: 650px; }
	.hbox3 .right { transform: translate(72%, 0); }
	.hbox3 .desc { padding-bottom: 3%; }
	.hbox4_main .index_tit { margin-top: 35px; }
	.list3 .year_box .year { font-size: 100px; }
	.hbox7 .left .item .desc { margin-top: 4%; }
	.hbox7 .left .item .time { margin-top: 7.2%; }
	.list4 .item { padding: 15px 0; }
	.hbox2_swiper .icon { padding-bottom: 35px; }
	.addre_box .item2 { width: 80px; height: 80px; }
	.addre_box .item1 { width: 45px; height: 45px; }
	.addre_box .item1 span, .addre_box .item2 span { font-size: 12px; }
	.hbox4 { width: 108vw; }
	.list1 .return_btn2 { left:-9%; }
	.layout{
		width: 650px;
        height: 650px;
	}
	.hbox6 .right { 
        transform: scale(.85);
    }
}
@media (max-width:1459px) {
	.layout { 	width: 600px;
        height: 600px;}
	.addre_box .itemcenter { width: 80px; height: 80px; }
	.allcountry .item1, .allcountry1 .item1 { width: 35px; height: 35px; }
	.tabs1 .tab { padding: 0 20px; }
	.addre_box .item1 span, .addre_box .item2 span { font-size: 10px; }
	.list1 .return_btn1 { right: -12%; }
	.list1 .return_btn2 { left: -10%; }


	.allcountry1 .item:nth-child(2) {left: 34%;top: 53%;}
	.allcountry1 .item:nth-child(3) { left: 12%; top: 44%; }
	.allcountry1 .item:nth-child(4) { left: 23%; top: 26%; }
	.allcountry1 .item:nth-child(5) { left: 66%; top: 17%; }
	.allcountry1 .item:nth-child(6) { left: 69%; top: 24%; }
	.allcountry1 .item:nth-child(7) { left: 13%; top: -4%; }
	.allcountry1 .item:nth-child(8) { left: 27%; top: -15%; }
	.allcountry1 .item:nth-child(9) {left: 40%;top: -20%;}
	.allcountry1 .item:nth-child(10) {left: 9%;top: -18%;}
	.allcountry1 .item:nth-child(11) {left: 26%;top: -30%;}
	.allcountry1 .item:nth-child(12) {left: 49%;top: -29%;}
	.allcountry1 .item:nth-child(13) {left: 63%;top: -52%;}
	.allcountry1 .item:nth-child(14) {left: 75%;top: -55%;}
	.allcountry1 .item:nth-child(15) {left: 81%;top: -49%;}
	.allcountry1 .item:nth-child(16) {left: -4%;top: -74%;}
	.allcountry1 .item:nth-child(17) {left: 16%;top: -100%;}
	.allcountry1 .item:nth-child(18) {left: 29%;top: -97%;}
	.allcountry1 .item:nth-child(19) {left: 46%;top: -115%;}
	.allcountry1 .item:nth-child(20) {left: 70%;top: -114%;}
	.allcountry1 .item:nth-child(21) {left: 76%;top: -137%;}
	.allcountry1 .item:nth-child(22) {left: 88%;top: -132%;}
	.allcountry1 .item:nth-child(23) { left: 88%; top: -90%; }
    .hbox4 {
        width: 110vw;
    }

}
@media (max-width:1280px) {
	.layout { width: 500px; height: 500px; }
	.allcountry .item2 { width: 80px; height: 80px; }
	.hbox1_swiper .citem { padding-top: 10px; padding-bottom: 10px; }
	.hbox1_swiper { height: 300px; }
	.tabs .tab { margin-right: 25px; }
	.addre_box .itemcenter { width: 60px; height: 60px; }
	.addre_box .itemcenter span { font-size: 14px; }
	.list1 .item:nth-child(2) .text_o { left: 48%; }
	.list1 .return_btn i {
		width: 30px;
		height: 30px;
	}
	
	.list1 .return_btn i::before {
		right: 10px;
		top: 10px;
	}
	.hbox4 {
        width: 131vw;
    }

	.allcountry1 .item:nth-child(2) { left: 34%; top: 54%; }
	.allcountry1 .item:nth-child(3) { left: 12%; top: 44%; }
	.allcountry1 .item:nth-child(4) { left: 23%; top: 26%; }
	.allcountry1 .item:nth-child(5) { left: 66%; top: 17%; }
	.allcountry1 .item:nth-child(6) { left: 69%; top: 24%; }
	.allcountry1 .item:nth-child(7) { left: 13%; top: -4%; }
	.allcountry1 .item:nth-child(8) { left: 27%; top: -15%; }
	.allcountry1 .item:nth-child(9) { left: 40%; top: -32%; }
	.allcountry1 .item:nth-child(10) { left: 9%; top: -41%; }
	.allcountry1 .item:nth-child(11) { left: 26%; top: -56%; }
	.allcountry1 .item:nth-child(12) { left: 49%; top: -70%; }
	.allcountry1 .item:nth-child(13) { left: 63%; top: -66%; }
	.allcountry1 .item:nth-child(14) { left: 75%; top: -66%; }
	.allcountry1 .item:nth-child(15) { left: 81%; top: -56%; }
	.allcountry1 .item:nth-child(16) { left: -4%; top: -99%; }
	.allcountry1 .item:nth-child(17) { left: 16%; top: -123%; }
	.allcountry1 .item:nth-child(18) { left: 29%; top: -126%; }
	.allcountry1 .item:nth-child(19) { left: 46%; top: -145%; }
	.allcountry1 .item:nth-child(20) { left: 70%; top: -137%; }
	.allcountry1 .item:nth-child(21) { left: 76%; top: -157%; }
	.allcountry1 .item:nth-child(22) { left: 88%; top: -150%; }
	.allcountry1 .item:nth-child(23) { left: 88%; top: -90%; }
		
	


}
@media (max-width:1024px) {
	.list1 .return_btn { padding-right: 20px; }
	.list1 .return_btn:hover { padding-right: 25px; }
	.list1 .return_btn1 { right: -11%; }
	.round01 { width: 500px; height: 500px; }
	.fullpage_navs { display: none; }
	.hbox1 .htext_box .editor { margin-top: 10px; }
	.hbox1 .htext_box .lables { margin-top: 10px; }
	.hbox1 .htext_box .more1 { margin-top: 25px; }
	.lables .lable { margin-right: 10px; padding: 5px 10px; }
	.list1 .text_box .more { margin-top: 20px; }
	.tabs .tab { margin-right: 15px; padding-bottom: 15px; }
	.tbox1 .tbox1_tp .base_more { margin-bottom: 0; }
	.tabs .tab { margin-right: 15px; }
	.tbox1 .editor { margin-top: 15px; }
	.hbox2_swiper .citem { padding: 20px 3%; }
	.hbox2_swiper .icon { padding-bottom: 25px; }
	.tbox3 .editor { margin-top: 10px; }
	.tbox3 { padding: 35px 20px; }
	.list3 .year_box .year { font-size: 76px; padding-right: 25px; }
	.list3 .year_box .year_t { font-size: 30px; line-height: .8; }
	.layout { margin-bottom: 0; }
	.hbox6 .right { padding-left: 15px; }
	.hbox6_swiper { padding-bottom: 20px; margin-top: 20px; }
	.hbox7 .left .item .desc { margin-top: 10px; }
	.hbox7 .left .item .time { margin-top: 25px; }
	.list4 .item { padding: 10px 0; }
	.list4 { padding: 15px; }
	.index05 .hbox7 { margin-top: 15px; }
	.allcountry .item2, .allcountry1 .item2 { width: 60px; height: 60px; }
	.tabs1 .tab { padding: 0 15px; line-height: 35px; font-size: 16px; }
	.tabs1 { bottom: 3%; }
	 .hbox4 {
        width: 174vw;
    }
}
@media (max-width:768px) {
	.layout { width: 350px; height: 350px; }
	.hbox6_swiper .imgbox { padding-bottom: 37%; }
	.list1 .item.cur1 .index01_main { height: auto; opacity: 1; }
	.index_box .index_main { position: relative; left: unset; top: unset; overflow: hidden; }
	.index_box .index_main_padding { padding-top: 20px; }
	.round01 { width: 400px; height: 400px; }
	.hbox3 .left { width: 50%; }
	.tbox2 .more1 { margin-top: 20px; }
	.index03_swiper .swiper-slide { height: auto; }
	.hbox4 .text_img { width: 30%; bottom: 0; }
	.list3 { padding: 3% 9%; }
	.hbox4 { width: 800px; }
	.hbox4_main { padding: 5% 0; }
	.hbox4_main .right { padding-bottom: 0; }
	.hbox5 { width: 1200px; }
	.tbox3 { padding: 15px 10px 10px; margin-bottom: -7%; }
	.list3 .year_box .year { font-size: 36px; }
	.list3 .item { margin-left: 50px; }
	.list3 .desc { min-width: 200px; }
	.index05 .hbox7 { height: 350px; }
	.index05 { padding-bottom: 15px; }
	.list1 { flex-wrap: wrap; }
	.list1 .item { position: relative !important; left: unset !important; top: unset !important; bottom: unset !important; width: 100%; clip-path: unset !important; }
	.list1 .item.cur, .list1 .item.cur1 { width: 100%; }
	.list1 .item.cur .text_box, .list1 .item.cur1 .text_box{display: block;}
	.index01 .index01_main { padding: 0 !important; }
	.hbox1, .hbox2 { padding: 15px; }
	.list1 .item:nth-child(2) .bgimg, .list1 .item:nth-child(2).cur .bgimg { clip-path: unset !important; }
	.open_menu { right: 20px; }
	.langs .lang span::before { top: 3px; }
	.top_main, .nav_height { height: 60px; }
	.hbox10 { padding: 10px 0; }
	.tbox2 .tbox2_desc { overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; width: 60%; }
	.tbox2 .lables { width: 65%; }
	.list1 .return_btn { display: none; }
	.hbox2 .shbox2_swiper { height: auto; }
	.hbox2 { height: auto; }
	.hbox1_swiper::before { display: none; }
	.list1 .item { width: 100% !important; }
	.text_o { display: none !important; }


	.allcountry1 .item:nth-child(2) {left: 34%;top: 47%;}
	.allcountry1 .item:nth-child(3) {left: 12%;top: 19%;}
	.allcountry1 .item:nth-child(4) {left: 28%;top: 4%;}
	.allcountry1 .item:nth-child(5) {left: 66%;top: -5%;}
	.allcountry1 .item:nth-child(6) {left: 73%;top: 2%;}
	.allcountry1 .item:nth-child(7) {left: 5%;top: -34%;}
	.allcountry1 .item:nth-child(8) {left: 27%;top: -50%;}
	.allcountry1 .item:nth-child(9) {left: 40%;top: -54%;}
	.allcountry1 .item:nth-child(10) {left: 9%;top: -24%;}
	.allcountry1 .item:nth-child(11) {left: 26%;top: -59%;}
	.allcountry1 .item:nth-child(12) {left: 49%;top: -104%;}
	.allcountry1 .item:nth-child(13) {left: 63%;top: -114%;}
	.allcountry1 .item:nth-child(14) {left: 75%;top: -116%;}
	.allcountry1 .item:nth-child(15) {left: 88%;top: -105%;}
	.allcountry1 .item:nth-child(16) {left: -4%;top: -109%;}
	.allcountry1 .item:nth-child(17) {left: 16%;top: -167%;}
	.allcountry1 .item:nth-child(18) {left: 29%;top: -105%;}
	.allcountry1 .item:nth-child(19) {left: 46%;top: -140%;}
	.allcountry1 .item:nth-child(20) {left: 70%;top: -126%;}
	.allcountry1 .item:nth-child(21) {left: 76%;top: -155%;}
	.allcountry1 .item:nth-child(22) {left: 84%;top: -155%;}
	.allcountry1 .item:nth-child(23) { left: 88%; top: -90%; }
	
}
@media (max-width:640px) {
	.list4_box { max-height: 290px; }
	.banner .text_box { text-align: center; }
	.banner .imgbox { height: 100vh; }
	.banner .swiper_box { bottom: 100px; }
	.hbox1 .htext_box .editor { margin-top: 35px; }
	.hbox1 .htext_box .lables { margin-top: 50px; }
	.hbox3 .right { transform: unset; width: 100%; height: 200px; flex: unset; }
	.round01 { position: absolute; left: 50%; width: 600px; height: 600px; }
	.hbox6 { flex-wrap: wrap; }
	.hbox6 .left { width: 100%; }
	.hbox6 .right { width: 100%; padding-top: 15px; display: flex; justify-content: center; }
	.layout { min-width: 420px; min-height: 420px; transform: scale(.7); }
	.index05 .hbox7 { height: auto; flex-wrap: wrap; }
	.hbox7 .left { width: 100%; }
	.hbox7 .right { width: 100%; margin-top: 10px; margin-left: 0; }
	.round01 { transform: translate(0, -50%) scale(.8); left: -120px; }
	.hbox3 .left { width: 100%; }
	.hbox3 .right { width: 0; }
	.hbox4_main .right { width: unset; flex: 1; padding-bottom: 0; }
	.hbox4_main .index_tit { margin-top: 15px; }
	.tbox3 .editor { overflow: hidden; -webkit-line-clamp: 4; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
	.tbox3 { padding: 15px 10px; }
	.tbox3 .year_box .year { padding-right: 35px; }
	.list3 .item { margin-left: 15px; }
	.list3 .desc { min-width: unset; }
	.hbox4_main .icon img { height: 25px; }
	.hbox4_main .num { margin-top: 5px; }
	.hbox4 { height: 320px; }
	.hbox5 { height: 320px; }
	.list3 { padding: 3%; }
	.index01 .item.cur .index01_main { flex-wrap: wrap; }
	.hbox1 { flex-wrap: wrap; flex-direction: column; }
	.hbox1 .left { width: 100%; flex: unset; padding-right: 0; }
	.list1 .item { overflow: hidden; height: 100vh; padding: 0; display: flex; align-items: center; justify-content: center; }
	.hbox1 .right { width: 100%; margin-top: 65px; }
	.list1 .text_box { display: none; }
	.index01 .index01_main { position: relative !important; transform: unset !important; -webkit-transform: unset !important; -moz-transform: unset !important; -ms-transform: unset !important; -o-transform: unset !important; display: block; left: unset !important; top: unset !important; height: auto; }
	.list1 .bgimg { position: absolute; left: 0; top: 0; }
	.hbox1_swiper { height: auto; }
	.hbox1_swiper .citem { padding: 15px; }
	.hbox1_swiper .swiper-slide.swiper-slide-active .citem::before { bottom: 0; left: 0; right: 0; width: 100%; height: 2px; top: unset; }
	.list1 .item .bgimg .bg::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 39, 73, .5); }
	.tbox1 .tbox1_tp { flex-wrap: wrap; }
	.tabs { flex-wrap: wrap; width: 100%; flex: unset; }
	.tabs .tab { margin-right: 10px; margin-bottom: 10px; padding-bottom: 5px; }
	.tbox1 .tbox1_text { padding: 35px 0; }
	.tbox1 .tbox1_tp .base_more { margin-bottom: 10px; margin-top: 20px; }
	.hbox2_swiper .citem { padding: 10px 5px; }
	.hbox2_swiper .icon { padding-bottom: 20px; }
	.list4 .item .time { margin-top: 10px; }
	.addre_tg { left: 50%; transform: scale(0) translate(-50%, 0); -webkit-transform: scale(0) translate(-50%, 0); -moz-transform: scale(0) translate(-50%, 0); -ms-transform: scale(0) translate(-50%, 0); -o-transform: scale(0) translate(-50%, 0); top: unset; bottom: 100%; right: unset; min-width: 250px; }
	.addre_box .item.show .addre_tg { transform: scale(1) translate(-50%, 0); -webkit-transform: scale(1) translate(-50%, 0); -moz-transform: scale(1) translate(-50%, 0); -ms-transform: scale(1) translate(-50%, 0); -o-transform: scale(1) translate(-50%, 0); }
	.tbox1 .editor, .hbox1 .htext_box .editor { overflow: hidden; -webkit-line-clamp: 3; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
	.index02 { height: 100vh; display: flex; align-items: center; justify-content: center; }
	.swiper-wrapper .swiper-wrapper { }
	.index03_swiper .swiper-wrapper { display: block; }
	.hbox4 { width: auto; height: auto; padding: 5% 0; }
	.hbox4_main { flex-wrap: wrap; padding: 15% 0; }
	.hbox4_main .text_box { flex: unset; width: 100%; }
	.hbox4_main .right { flex: unset; width: 100%; margin-top: 45px; justify-content: flex-end; padding-right: 15px; }
	.tbox3 { width: 71%; display: inline-block; }
	.list3 { flex-wrap: wrap; padding: 50px 25px; }
	.list3 .item { opacity: 1; margin: 0 0 5% !important; width: 48%; }
	.list3 .item:nth-child(2n) { margin-top: 50px !important; margin-left: 4%; }
	.hbox5 { height: auto; width: auto; }
	.list3 .tit { margin-top: 25px; }
	.list3 .desc { margin-top: 15px; display: none; }
	.banner .tit {
		font-size: 30px;
	}
	
	.banner .tit1 {
		font-size: 24px;
	}


	.allcountry1 .item:nth-child(2) { left: 34%; top: 54%; }
	.allcountry1 .item:nth-child(3) {left: 12%;top: 55%;}
	.allcountry1 .item:nth-child(4) {left: 23%;top: 34%;}
	.allcountry1 .item:nth-child(5) {left: 66%;top: 22%;}
	.allcountry1 .item:nth-child(6) {left: 69%;top: 28%;}
	.allcountry1 .item:nth-child(7) {left: 13%;top: 9%;}
	.allcountry1 .item:nth-child(8) { left: 27%; top: -15%; }
	.allcountry1 .item:nth-child(9) { left: 40%; top: -32%; }
	.allcountry1 .item:nth-child(10) {left: 11%;top: -38%;}
	.allcountry1 .item:nth-child(11) { left: 26%; top: -56%; }
	.allcountry1 .item:nth-child(12) { left: 49%; top: -70%; }
	.allcountry1 .item:nth-child(13) { left: 63%; top: -66%; }
	.allcountry1 .item:nth-child(14) { left: 75%; top: -66%; }
	.allcountry1 .item:nth-child(15) { left: 81%; top: -56%; }
	.allcountry1 .item:nth-child(16) { left: -4%; top: -99%; }
	.allcountry1 .item:nth-child(17) { left: 16%; top: -123%; }
	.allcountry1 .item:nth-child(18) {left: 29%;top: -136%;}
	.allcountry1 .item:nth-child(19) {left: 46%;top: -153%;}
	.allcountry1 .item:nth-child(20) {left: 70%;top: -159%;}
	.allcountry1 .item:nth-child(21) { left: 76%; top: -157%; }
	.allcountry1 .item:nth-child(22) { left: 88%; top: -150%; }
	.allcountry1 .item:nth-child(23) { left: 88%; top: -90%; }


}
.base_banner { position: relative; }
.base_banner .text_box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); width: 100%; text-align: center; z-index: 2; }
.base_banner .base_en { font-weight: 400; }
.base_banner .base_cn { font-weight: 400; margin-top: 30px; }
.base_banner .lables1 { margin-top: 3.8%; }
.base_down { background-color: #01b4ed; background-image: url(../image/icon17.svg); background-repeat: no-repeat; background-position: center; background-size: 13px; width: 60px; height: 60px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; cursor: pointer; animation: top_bot 3s infinite; -webkit-animation: top_bot 3s infinite; }
.base_banner .base_banner_box { position: absolute; bottom: 45px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); z-index: 2; display: flex; justify-content: center; }
.base_banner .imgbox img { width: 100%; height: 100vh; object-fit: cover; }
.finance01 { padding: 6.3% 0 8.4%; }
.finance01.cur .imgbox::before { opacity: 0; }
.hbox11 .tit { text-align: center; }
.hbox11 .imgbox { margin-top: 70px; position: relative; }
.hbox11 .editor { line-height: 1.77; color: #333333; margin-top: 50px; }
.hbox11 .imgbox img { width: 100%; }
.finance02 { position: relative; }
.finance02 .bgimg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; }
.finance02 .img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.finance02 .bgimg img { width: 100%; height: 100%; object-fit: cover; }
.finance02 .box_tit { position: absolute; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); top: 12%; z-index: 5; }
.list5 { position: relative; z-index: 2; display: flex; height: 960px; }
.list5 .item { flex: 1; display: flex; justify-content: center; align-items: center; height: 100%; }
.list5 .item_main { text-align: center; }
.list5 .desc { color: #ffffff; opacity: 0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; padding: 0 30px; }
.list5 .icon { padding-bottom: 70px; position: relative; }
.list5 .icon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-height: 100%; }
.list5 .text_box { margin-top: 24%; }
.list5 .more1 { opacity: 0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.list5 .item.cur { background-color: rgba(0, 33, 63, .5); }
.list5 .item.cur .more1 { margin-top: 95px; height: auto; opacity: 1; }
.list5 .item.cur .desc { margin-top: 35px; opacity: 1; }
.finance03 { position: relative; background-size: cover; background-repeat: no-repeat; padding: 6.3% 0; }
.hbox12 .title { text-align: center; }
.hbox12 .hbox12_swiper { margin-top: 90px; }
.hbox12_swiper { counter-reset: myCounter 0; 
	/* display: flex; */
 }
.hbox12_swiper .item { text-align: center; padding-top: 15px; }
.hbox12_swiper .item .num { position: relative; width: 100%; height: 288px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; overflow: hidden; }
.hbox12_swiper .item .num::before { counter-increment: myCounter; content: counter(myCounter, decimal-leading-zero); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); font-size: 60px; font-family: "HarmonyBold"; background-image: linear-gradient(to bottom, #22d1ff, transparent); background-clip: text; -webkit-background-clip: text; color: transparent; opacity: .3; transition: 0.5s; }
.hbox12_swiper .icon { width: 60px; height: 60px; margin: auto; position: relative; transition: 0.5s; }
.hbox12_swiper .icon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-height: 100%; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.hbox12_swiper .text_box { transition: 0.5s }
.hbox12_swiper .tit { margin-top: 25px; padding-bottom: 30px; position: relative; }
.hbox12_swiper .tit::before { content: ''; display: block; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); height: 2px; width: 40px; background-image: linear-gradient(to right, #22d1ff, #02b4ee); }
.hbox12_swiper .desc { color: #444444; padding: 0 10%; margin-top: 20px; }
.hbox12_swiper .swiper-slide { height: auto; }
.hbox12_swiper .swiper-slide:nth-child(2n+1) .num { background-image: url(../image/icon19.png); background-repeat: no-repeat; background-position: center; background-size: contain; }
.hbox12_swiper .swiper-slide:nth-child(2n+1) .text_box { margin-top: -27%; }
.hbox12_swiper .swiper-slide:nth-child(2n) .num { background-image: url(../image/icon20.png); background-repeat: no-repeat; background-position: center; background-size: contain; }
.hbox12_swiper .swiper-slide:nth-child(2n) .text_box { margin-bottom: -27%; }
.hbox12_swiper .swiper-slide:nth-child(2n):hover .item .num::before { top: 55% }
.hbox12_swiper .swiper-slide:nth-child(2n):hover .text_box { transform: translateY(30px) }
.hbox12_swiper .swiper-slide:nth-child(2n+1):hover .item .num::before { top: 40% }
.hbox12_swiper .swiper-slide:nth-child(2n+1):hover .text_box { transform: translateY(-30px) }
.hbox12_swiper .swiper-slide:hover .icon img { transform: translate(-50%, -50%) rotate(360deg); -webkit-transform: translate(-50%, -50%) rotate(360deg); -moz-transform: translate(-50%, -50%) rotate(360deg); -ms-transform: translate(-50%, -50%) rotate(360deg); -o-transform: translate(-50%, -50%) rotate(360deg); }
.finance04 { padding: 6.3% 0 0; background-image: linear-gradient(#f4f9ff, #d4e5ff); }
.hbox13 .title { text-align: center; }
.finance04 .hbox14 { margin-top: 16%; }
.hbox14 { position: relative; }
.list7 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.list7 .item { position: absolute; max-width: 9rem; }
.list7 .tit {
	color: #333333;
	line-height: 1.77;
	font-size: .9vw;
	text-align: center;
	position: absolute;
	bottom: 100%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	min-width: 9em;
	left: 50%;
}
.list7 .icon { 
	position: relative;
    margin-top: 1vw;
    width: 3vw;
    height: 2.5vw;	
 }
	.list7 .icon img {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		max-height: 100%;
	}
 .list7 .item:nth-child(1) { left: 2%; top: 64%; }
.list7 .item:nth-child(2) { left: 15%; top: 20%; }
.list7 .item:nth-child(3) { left: 34%; top: -4%; }
.list7 .item:nth-child(4) { left: 59%; top: -4%; }
.list7 .item:nth-child(5) { right:15%; top: 20%; }
.list7 .item:nth-child(6) { right:2%; top: 64%; } 
 

.finance05 { padding: 6.3% 0; }
.hbox15 .title { text-align: center; }
.hbox15 .hbox15_swiper { margin-top: 50px; }
.hbox15_swiper { padding-bottom: 70px; }
.hbox15_swiper .item { display: block; }
.hbox15_swiper .imgbox { padding-bottom: 43%; position: relative; }
.hbox15_swiper .imgbox::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 80%; background-image: linear-gradient(transparent, #005bac); z-index: 2; }
.hbox15_swiper .imgbox img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.hbox15_swiper .text_box { position: absolute; bottom: 13%; left: 5.7%; right: 5.7%; z-index: 2; }
.hbox15_swiper .tit { color: #ffffff; padding-bottom: 30px; position: relative; }
.hbox15_swiper .tit::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; height: 4px; width: 60px; background-image: linear-gradient(to right, #22d1ff, #02b4ee); }
.hbox15_swiper .editor { color: #fff; line-height: 1.77; margin-top: 20px; }
.hbox15_swiper .more1 { margin-top: 40px; transition: 0.5s }
.hbox15_swiper .more1 a { color: #fff; }
.hbox15_swiper .more1:hover { transform: translateX(20px) }
.hbox15_swiper .swiper-pagination { position: absolute; bottom: 0; width: 100%; }
.hbox15_swiper .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: transparent; position: relative; margin: 0 8px; }
.hbox15_swiper .swiper-pagination .swiper-pagination-bullet::before { content: ''; display: block; position: absolute; width: 4px; height: 4px; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #7989a3; }
.hbox15_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 1px solid #147bd1; }
.hbox15_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before { background-color: #147bd1; }
@media (max-width:1560px) {
	.base_down { width: 45px; height: 45px; }
	.hbox12_swiper .item .num::before { font-size: 48px; }
}
@media (max-width:1280px) {
	.list5 { height: 700px; }
	.list5 .icon { padding-bottom: 45px; }
	.list5 .text_box { margin-top: 20px; }
	.list5 .item.cur .more1 { margin-top: 35px; }
	.list7 .tit { font-size: 1.4vw; }
	.hbox11 .imgbox { margin: 40px 100px; }
	.hbox15_swiper { padding-bottom: 50px; }
}
@media (max-width:768px) {
	.finance01, .finance03, .finance05 { padding: 25px 0; }
	.hbox11 .editor { margin-top: 15px; }
	.list5 { height: 500px; }
	.list5 .icon { padding-bottom: 30px; }
	.list5 .item.cur .more1 { margin-top: 15px; }
	.hbox12_swiper .item .num { height: 185px; }
	.hbox12_swiper .item .num::before { font-size: 36px; }
	.hbox12_swiper .tit { margin-top: 10px; padding-bottom: 10px; }
	.hbox12_swiper .icon { width: 30px; height: 30px; }
	.hbox12_swiper .item { padding: 20px 0; }
	.hbox12 .hbox12_swiper, .hbox15 .hbox15_swiper { margin-top: 25px; }
	.finance04 { padding-top: 25px 0 0; }
	.hbox15_swiper .more1 { margin-top: 15px; }
	.hbox15_swiper .tit { padding-bottom: 10px; }
	.hbox15_swiper .editor { margin-top: 10px; }
	.hbox15_swiper { padding-bottom: 35px; }
	.base_banner .base_banner_box { bottom: 20px; }
	.hbox11 .imgbox { margin: 20px 30px; }
	.base_banner .lables1 { margin-top: 25px; }
}
@media (max-width:640px) {
	.hbox15_swiper .text_box { position: relative; left: unset; bottom: unset; right: unset; background-color: #005bac; padding: 15px 35px; }
	.hbox15_swiper .editor { height: 80px; overflow-y: hidden; }

	.finance05 .auto1440 {
		padding: 0;
	}
	.hbox15_swiper.base_swiper .swiper_btn { 
		display: none;
		bottom: 30%; top: unset; transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); }
	.base_down {        width: 25px;
        height: 25px;
        background-size: 10px; }
	.base_banner .base_banner_box { bottom: 10px; }
	.base_banner .imgbox img { height: 250px; }
	.base_banner .base_cn { margin-top: 10px; }
	.base_banner .lables1 { margin-top: 10px; }
	.list5 { height: auto; flex-wrap: wrap; padding-top: 100px; }
	.list5 .icon { padding-bottom: 20px; }
	.list5 .text_box { margin-top: 10px; }
	.list5 .item { flex: unset; width: 50%; padding: 30px 0; }
	.finance02 .box_tit { top: 45px; }
	.hbox12_swiper .item { margin-bottom: 15px; }
	.hbox12_swiper .item .num { height: 100px; }
	.list7 .tit { 
	    font-size: 12px; 
	    position: static;
	    transform:unset;
	}
	.list7 { display: flex; flex-wrap: wrap; position: relative; width: auto; top: unset; left: unset; }
	.list7 .item { 
	    right: unset !important;
		left: unset !important;
        top: unset !important;
        display: flex;
        width: 50%;
        position: relative;
        max-width: unset;
        margin: 15px 0;
        flex-direction: column-reverse;
		justify-content: flex-end;
	}
	.list7 .icon {    width: 5vw;
    height: 7.5vw; 
	            margin: 0 auto;
	}
	.finance04 .hbox14 { margin-top: 10px;         display: flex;
        flex-direction: column-reverse;}
	.list5 .item.cur .desc { margin-top: 25px; }
	.hbox15_swiper .imgbox::before{opacity:0;}
}
.trade01 { padding: 6.3% 0; }
.hbox16 { display: flex; align-items: flex-start; justify-content: space-between; line-height: 1.1; }
.hbox16 .left { flex: 1; padding-right: 5%; }
.hbox16 .right { width: 55%; }
.hbox16 .desc { color: #444444; margin-top: 20px; }
.hbox16 .editor { color: #333; line-height: 1.888; }
.trade02 { padding: 6.3% 0; background-image: linear-gradient(#eaf4ff, #f4f9ff); }
.hbox17 .title { color: #333333; text-align: center; }
.hbox17 .hbox17_box { margin-top: 5%; }
.hbox17_box { display: flex; }
.hbox17_box .left { width: 54%; }
.hbox17_box .imgbox { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; width: 100%; height: 100%; }
.hbox17_box .imgbox img { width: 100%; object-fit: cover; height: 100%; }
.hbox17_box .right { width: 46%; padding-left: 5%; }
.hbox17_swiper { height: 580px; }
.hbox17_swiper .swiper-container { height: 100%; }
.hbox17_swiper .item { padding: 15px 0 35px; border-bottom: 1px solid #d8deea; }
.hbox17_swiper .item .icon { padding-bottom: 48px; position: relative; }
.hbox17_swiper .item .icon img { position: absolute; left: 0; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); max-height: 100%; }
.hbox17_swiper .tit { margin-top: 15px; }
.hbox17_swiper .desc { color: #666666; line-height: 1.5; margin-top: 10px; }
.hbox17_swiper .swiper-pagination { position: absolute; right: -70px; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); }
.hbox17_swiper .swiper-slide { display: flex; align-items: center; }
.hbox17_swiper .swiper-pagination-clickable .swiper-pagination-bullet { display: block; margin: 8px 0; width: 20px; height: 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: transparent; position: relative; }
.hbox17_swiper .swiper-pagination .swiper-pagination-bullet::before { content: ''; display: block; position: absolute; width: 4px; height: 4px; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #7989a3; }
.hbox17_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 1px solid #147bd1; }
.hbox17_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before { background-color: #147bd1; }
.trade03 { padding: 6.3% 0; }
.hbox18 .title { text-align: center; color: #333333; }
.hbox18 .imgbox { margin-top: 4%; }
.hbox18 .imgbox img {    width: 100% !important;
    height: auto !important; }
.trade04 { padding: 6.3% 0; background-image: linear-gradient(#eaf4ff, #f4f9ff); }
.hbox19 { display: flex; }
.hbox19 .text_box { width: 52%; padding-right: 6%; }
.hbox19 .imgbox { width: 48%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; }
.hbox19 .imgbox img { width: 100%; height: 100%; object-fit: cover; }
.hbox19 .title { color: #333333; text-align: center; }
.hbox19 .list8 { margin-top: 10.6%; }
.list8 { display: flex; flex-wrap: wrap; }
.list8 .item { width: 47%; margin-bottom: 11.4%; }
.list8 .item:not(:nth-child(2n+1)) { margin-left: 6%; }
.list8 .icon { padding-bottom: 16.6%; position: relative; }
.list8 .icon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-height: 100%; }
.list8 .tit { color: #333333; line-height: 1.5; margin-top: 15px; text-align: center; }
.list8 .desc { text-align: center; line-height: 1.3; color: #666; margin-top: 15px; }
.trade05 { padding: 6.3% 0; }
.hbox20 .title { color: #333333; text-align: center; }
.hbox20 .hbox20_swiper { margin-top: 5%; }
.hbox20_swiper { padding-bottom: 60px; position: relative; }
.hbox20_swiper .item { padding: 12% 9%; height: 100%; }
.hbox20_swiper .item .icon { padding-bottom: 14%; position: relative; }
.hbox20_swiper .item .icon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-height: 100%; }
.hbox20_swiper .tit { margin-top: 30px; color: #333333; line-height: 1.5; text-align: center; }
.hbox20_swiper .swiper-slide { height: auto; }
.hbox20_swiper .swiper-slide-active .item { background-image: linear-gradient(transparent, #f4f9ff); }
.hbox20_swiper .swiper-pagination { position: absolute; bottom: 0; width: 100%; }
.hbox20_swiper .swiper-pagination-clickable .swiper-pagination-bullet { margin: 0 8px; width: 20px; height: 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: transparent; position: relative; }
.hbox20_swiper .swiper-pagination .swiper-pagination-bullet::before { content: ''; display: block; position: absolute; width: 4px; height: 4px; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #7989a3; }
.hbox20_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 1px solid #147bd1; }
.hbox20_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before { background-color: #147bd1; }
@media (max-width:1280px) {
	.trade01, .trade02, .trade03, .trade04, .trade05 { padding: 3.15% 0; }
	.hbox17_swiper .swiper-pagination { right: 10px; }
}
@media (max-width:1024px) {
	.hbox17_swiper { height: 450px; }
}
@media (max-width:768px) {
	.hbox17_swiper .item .icon { padding-bottom: 25px; }
	.hbox17_swiper .item { padding: 15px 0; }
	.hbox17_swiper { height: 400px; }
	.hbox20_swiper .tit { margin-top: 20px; }
}
@media (max-width:640px) {
	.hbox16 { flex-wrap: wrap; }
	.hbox16 .left { flex: unset; width: 100%; padding: 0; }
	.hbox16 .right { width: 100%; margin-top: 10px; }
	.trade01, .trade02, .trade03, .trade04, .trade05 { padding: 20px 0; }
	.hbox17_box { flex-wrap: wrap; }
	.hbox17_box .left { width: 100%;height: 160px; }
	.hbox17_box .right { width: 100%; padding: 15px 0; }
	.hbox17_swiper { height: auto; }
	.hbox19 { flex-wrap: wrap; }
	.hbox19 .text_box { width: 100%; padding-right: 0; }
	.hbox19 .list8 { margin-top: 20px; }
	.hbox19 .imgbox { width: 100%; margin-top: 15px; height: 200px;}
	.hbox20 .hbox20_swiper { margin-top: 15px; }
	.hbox20_swiper { padding-bottom: 35px; }
}
.solution01 { padding: 40px 0 6.3%; }
.tabs2 { display: flex; justify-content: center; border-bottom: 1px solid #e1e3ea; flex-wrap: wrap; }
.tabs2 .tab { color: #333333; padding: 40px 0; margin: 0 45px; position: relative; }
.tabs2 .tab.cur { font-family: "HarmonyMedium"; color: #005bac; }
.tabs2 .tab.cur::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: #005bac; }
.solution01 .list9 { margin-top: 80px; }
.list9 { display: flex; flex-wrap: wrap; }
.list9 .item { width: 30.33%; position: relative; margin-bottom: 4%; }
.list9 .item:not(:nth-child(3n+1)) { margin-left: 4%; }
.list9 .imgbox { padding-bottom: 78%; position: relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; }
.list9 .imgbox::before { content: ''; display: block; position: absolute; left: 0; bottom: 0; right: 0; height: 40%; background-image: linear-gradient(transparent, #005bac); z-index: 2; }
.list9 .imgbox img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.list9 .text_box { position: absolute; bottom: 13%; left: 12%; right: 12%; z-index: 3; }
.list9 .tit { color: #fff; }
.list9 .desc { color: #fff; line-height: 1.5; height: 0; overflow: hidden; opacity: 0; }
.list9 .more1 { height: 0; overflow: hidden; opacity: 0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.list9 .item:hover .imgbox::before { height: 100%; background-image: unset; background-color: rgba(0, 91, 172, .85); }
.list9 .item:hover .more1 { margin-top: 40px; height: auto; opacity: 1; }
.list9 .item:hover .desc { height: auto; opacity: 1; margin-top: 15px; }
.more_box { text-align: center; margin-top: 2%; }
.more_box .more_icon { display: inline-block; background-image: url(../image/icon21.png); background-repeat: no-repeat; width: 40px; height: 40px; background-repeat: no-repeat; background-size: contain; }
@media (max-width:1280px) {
	.tabs2 .tab { padding: 30px 0; }
	.solution01 .list9 { margin-top: 45px; }
}
@media (max-width:1024px) {
	.tabs2 .tab { padding: 10px 0 20px; }
	.list9 .item:hover .more1 { margin-top: 20px; }
	.solution01 .list9 { margin-top: 35px; }
}
@media (max-width:768px) {
	.list9 .item:hover .more1 { margin-top: 10px; }
	.solution01 { padding: 25px 0; }
	.solution01 .list9 { margin-top: 25px; }
	.more_box .more_icon { width: 30px; height: 30px; }
}
@media (max-width:640px) {
	.list9 .item:hover .more1 { margin-top: 20px; }
	.list9 .text_box { left: 15px; right: 15px; bottom: 15px; }
	.list9 .item:hover .desc { margin-top: 10px; }
	.tabs2 .tab { margin: 0 10px; }
	.tabs2 .tab { padding: 10px 0; }
	.list9 .item { width: 48%; }
	.list9 .item:not(:nth-child(3n+1)) { margin-left: 0; }
	.list9 .item:not(:nth-child(2n+1)) { margin-left: 4%; }
	.hbox6_swiper .swiper-pagination { display: none; }
	.hbox6 { padding: 30px 0 0; flex-direction: column-reverse; }
	.hbox6 .text_box { position: absolute; top: 0; }
	.hbox6_swiper { margin-top: 0; }
	.list4 .item { display: none; }
	.list4 .item:nth-child(1), .list4 .item:nth-child(2), .list4 .item:nth-child(3), .list4 .item:nth-child(4) { display: block; }
	.list4_box { height: auto; max-height: unset; }
	.hbox8 .fnavs { flex-wrap: wrap; display: flex; margin-bottom: 10px; }
	.fnavs .fnav { width: 25%; text-align: center;border-bottom: none !important;
	position: relative;}
	.fnavs .fnav .fna { padding-right: 0; }
	.fnavs .fnav { border-bottom: 1px solid #126fa6; }
	.copy_right { text-align: center; }
	.fnavs .fnav:not(:last-child)::before{
		content: '';
		display: block;
		width: 2px;
		height: 10px;
		background-color: #fff;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		-moz-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
		-o-transform: translate(0,-50%);
	}
	.hbox9 .tit,
	.hbox9 .desc{
		display: none;
	}
	

	.fnavs .fnav .fna::before{
		display:none;
	}
	

	.hbox8 {
		text-align: center;
		padding-top: 10px;
	}

	.footer_b .right {
		display: none;
	} 
	
}
.hbox11.cur { display: flex; align-items: center; }
.hbox11.cur .text_box { width: 51%; padding-right: 8%; }
.hbox11.cur .imgbox { width: 49%; margin-top: 0; }
.hbox11.cur .tit { text-align: left; }
.hbox11.cur .editor { margin-top: 25px; }
.hbox11.cur .imgbox::before { right: -6%; top: -7%; width: 18.2%; height: 23%; background-size: contain; }
.finance06 { background-image: linear-gradient(#d4e5ff, #f4f9ff); padding: 6.3% 0; }
.hbox21 .title { text-align: center; }
.hbox21 .tabs4 { margin-top: 50px; }
.tabs4 { display: flex; flex-wrap: wrap; justify-content: center; }
.tabs4 .tab { color: #333333; padding: 0 0 20px; margin: 0 45px; position: relative; cursor: pointer; }
.tabs4 .tab.cur { color: #005bac; }
.tabs4 .tab.cur::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: #005bac; }
.hbox22 { display: flex; margin-top: 40px; }
.hbox22 .left { width: 32.6%; padding-bottom: 15px; }
.hbox22 .right { width: 67.4%; }
.hbox22 .item1 { height: 100%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; position: relative; display: block; }
.hbox22 .item1 .imgbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.hbox22 .item1 .imgbox img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; object-fit: cover; }
.hbox22 .item1 .text_box { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 50px; }
.hbox22 .item1 .tit { color: #005bac; }
.hbox22 .item1 .editor { margin-top: 25px; color: #333333; line-height: 1.77; }
.hbox22 .item1 .more1 { color: #333; margin-top: 30px; }
.hbox22 .item1 .more1::before { border-color: #333; }
.list10 { width: 100%; display: flex; flex-wrap: wrap; }
.list10 .item { margin-left: 15px; background-color: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; padding: 30px 40px; width: calc(50% - 15px); margin-bottom: 15px; }
.list10 .text_box { padding-right: 15px; position: relative; display: flex; align-items: center; }
.list10 .icon { padding-bottom: 25px; position: relative; width: 25px; }
.list10 .icon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.list10 .text_box .tit { margin-left: 20px; }
.list10 .text_box::before { content: ''; display: block; position: absolute; top: 9px; border-top: 2px solid #333; border-right: 2px solid #333; right: 3px; width: 6px; height: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.finance07 { padding: 6.3% 0; background-image: linear-gradient(#d4e5ff, #f4f9ff); }
.hbox23 .title { text-align: center; }
.hbox23 .hbox23_swiper { margin-top: 70px; }
.hbox23_swiper .swiper-container { padding: 30px 1%; }
.hbox23_swiper .items .item:nth-child(2n) { box-shadow: 0 14px 15px rgba(0, 0, 0, .05); }
.hbox23_swiper .items .item:nth-child(2n+1) { box-shadow: 0 -14px 15px rgba(0, 0, 0, .05); }
.hbox23_swiper .item { transition: all .5s ease; width: 10.8%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; padding: 60px 20px; height: 100%; }
.hbox23_swiper .tit { text-align: center; }
.hbox23_swiper .items { display: flex; height: 600px; width: 100%; }
.hbox23_swiper .item:not(:first-child) { margin-left: 0.5%; }
.hbox23_swiper .hover_text { display: none; padding: 15px 0; }
.hbox23_swiper .items .text_box { height: 100%; overflow: hidden; }
.hbox23_swiper .icon { padding-bottom: 100px; position: relative; }
.hbox23_swiper .icon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-height: 100%; }
.hbox23_swiper .items .item:nth-child(2n+1) { background-image: linear-gradient(#fff, transparent); }
.hbox23_swiper .items .item:nth-child(2n+1) .text_box { display: flex; flex-direction: column; justify-content: flex-end; }
.hbox23_swiper .items .item:nth-child(2n+1) .tit { margin-top: 30px; }
.hbox23_swiper .items .item:nth-child(2n+1) .icon::before { content: ''; display: block; position: absolute; left: 50%; bottom: 120%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); height: 10000%; background-color: #e7eef6; width: 2px; }
.hbox23_swiper .items .item:nth-child(2n) { background-image: linear-gradient(transparent, #fff); }
.hbox23_swiper .items .item:nth-child(2n) .text_box { display: flex; flex-direction: column-reverse; justify-content: flex-end; }
.hbox23_swiper .items .item .tit { margin-bottom: 10px; }
.hbox23_swiper .items .item:nth-child(2n) .icon::before { content: ''; display: block; position: absolute; left: 50%; top: 120%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); height: 10000%; background-color: #e7eef6; width: 2px; }
.hbox23_swiper.hbox23_swiper1 .item { width: 14.5%; }
.hbox23_swiper.hbox23_swiper1 .item.cur { width: 40%; }
.hbox23_swiper .item.cur { width: 43.5%; padding-left: 60px; padding-right: 60px; }
.hbox23_swiper .item.cur .hover_text { display: block; }
.hbox23_swiper .item.cur .icon::before { display: none !important; }
.hbox23_swiper .item.cur .tit { margin-top: 30px; text-align: left; display: flex; align-items: center; }
.hbox23_swiper .item.cur .text_box { margin-top: -80px; justify-content: flex-start; height: auto; }
.hbox23_swiper .item.cur:nth-child(2n) .text_box { flex-direction: column; }
.hbox23_swiper .item.cur .tit::after { content: ''; display: block; flex: 1; margin-left: 5%; height: 2px; background-color: #e7eef6; }
.hbox23_swiper .item.cur .icon img { left: 0; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); }
.hbox23_swiper .hover_text li { padding-left: 18px; position: relative; margin: 14px 0; }
.hbox23_swiper .hover_text li:before { content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #005bac; left: 0; top: 10px; position: absolute; }
.hbox23_swiper .item.cur .item_main { opacity: 0; }
.finance08 { padding: 6.3% 0; background-repeat: no-repeat; background-size: cover; }
.hbox24 .title { text-align: center; color: #333; }
.hbox24 .list11_swiper { margin-top: 25px; }
.list11_swiper .item { position: relative; }
.list11_swiper .item:hover .item_main::before { opacity: .8; }
.list11_swiper .item .item_main::before { content: ''; display: block; position: absolute; left: 0; bottom: 19%; right: 0; height: 100%; background-image: linear-gradient(transparent, #fff); opacity: .3; z-index: 2; }
.list11_swiper .imgbox { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; }
.list11_swiper .imgbox img { width: 118%; max-width: unset; }
.list11_swiper .text_box { position: relative; padding: 0 4%; z-index: 2; }
.list11_swiper .editor { text-align: center; }
.list11_swiper .tit { color: #333333; text-align: center; }
.list11_swiper .editor ul { display: inline-block; }
.list11_swiper .editor li { padding-left: 18px; position: relative; margin: 14px 0; color: #333333; width: fit-content; font-family: "HarmonyLight"; }
.list11_swiper .editor li:before { content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #005bac; left: 0; top: 10px; position: absolute; }
.list11_swiper .item .item_main { padding: 15% 0 11.4vw; position: relative; }
.list11_swiper .swiper-slide:nth-child(2n+1) .item { padding-top: 11.4vw; }
.list11_swiper .swiper-slide:nth-child(2n) .item { padding-bottom: 11.4vw; }
.list11_swiper .swiper-slide:nth-child(2n+1) .item::before { content: ''; display: block; position: absolute; left: 85%; background-image: url(../image/icon22.png); background-repeat: no-repeat; width: 23%; height: 4.5%; background-size: contain; bottom: 9vw; }
.list11_swiper .swiper-slide:nth-child(2n) .item::before { content: ''; display: block; position: absolute; left: 85%; background-image: url(../image/icon23.png); background-repeat: no-repeat; width: 23%; height: 4.5%; background-size: contain; bottom: 9vw; }
.list11_swiper .swiper-slide:last-child .item::before { display: none; }
.finance09 { padding: 6.3% 0; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.hbox25 .title { text-align: center; color: #333; }
.hbox25 .list12_box { margin: 13% 0 10%; }
.list12_box { text-align: center; position: relative; }
.list12_box .list12_icon { display: inline-block; position: relative; }
.list12 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: left; }
.list12 .icon { width: 3.12vw; height: 3.12vw; background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: relative; }
.list12 .icon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-height: 40%; }
.list12 .tit { color: #333; font-size: .94vw; }
.list12 .desc { margin-top: .5vw; font-size: .832vw; }
.list12 .item { position: absolute; z-index: 5; }
.list12 .item:nth-child(1) .icon, .list12 .item:nth-child(2) .icon { margin-top: 2.6vw; position: relative; }
.list12 .item:nth-child(4) .icon, .list12 .item:nth-child(5) .icon { margin-bottom: 2.6vw; position: relative; }
.list12 .item:nth-child(1) .icon::before, .list12 .item:nth-child(2) .icon::before { content: ''; display: block; height: 1.3vw; width: 3px; left: 50%; background-image: url(../image/icon24.png); transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); position: absolute; bottom: 120%; }
.list12 .item:nth-child(4) .icon::before, .list12 .item:nth-child(5) .icon::before { content: ''; display: block; height: 1.3vw; width: 3px; left: 50%; background-image: url(../image/icon24.png); transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); position: absolute; top: 120%; }
.list12 .item:nth-child(3) .icon { margin-right: 2.6vw; position: relative; }
.list12 .item:nth-child(3) .icon::before { content: ''; display: block; height: 1.3vw; width: 3px; top: 50%; background-image: url(../image/icon24.png); transform: translate(0, -50%) rotate(90deg); -webkit-transform: translate(0, -50%) rotate(90deg); -moz-transform: translate(0, -50%) rotate(90deg); -ms-transform: translate(0, -50%) rotate(90deg); -o-transform: translate(0, -50%) rotate(90deg); position: absolute; left: 130%; }
.list12 .item:nth-child(6) .icon { margin-left: 2.6vw; position: relative; }
.list12 .item:nth-child(6) .icon::before { content: ''; display: block; height: 1.3vw; width: 3px; top: 50%; background-image: url(../image/icon24.png); transform: translate(0, -50%) rotate(90deg); -webkit-transform: translate(0, -50%) rotate(90deg); -moz-transform: translate(0, -50%) rotate(90deg); -ms-transform: translate(0, -50%) rotate(90deg); -o-transform: translate(0, -50%) rotate(90deg); position: absolute; right: 130%; }
.list12 .item:nth-child(1) { left: 32%; top: -28%; }
.list12 .item:nth-child(2) { left: 60%; top: -28%; }
.list12 .item:nth-child(3) { left: 80.2%; top: 34%; display: flex; flex-direction: row-reverse; align-items: center; }
.list12 .item:nth-child(4) { left: 60%; top: 81.2%; display: flex; flex-direction: column-reverse; }
.list12 .item:nth-child(5) { left: 32%; top: 81.2%; display: flex; flex-direction: column-reverse; }
.list12 .item:nth-child(6) { left: 7%; top: 34%; display: flex; align-items: center; }
.finance10 { padding: 6.3% 0 12%; background-image: linear-gradient(#dcefff, #f4f9ff); overflow: hidden;}
.hbox26 .title { text-align: center; color: #333; }
.list13_box { position: relative; padding-top: 25px; }
.list13_box .list13_icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-height: 100%; z-index: 1; }
.list13 { display: flex; flex-wrap: wrap; position: relative; z-index: 2; }
.list13 .item { width: 35%; display: flex; margin-top: 6.8%; }
.list13 .item:not(:nth-child(2n+1)) { margin-left: 30%; }
.list13 .text_box { flex: 1; }
.list13 .tit { color: #333333; line-height: 1.3; }
.list13 .desc { color: #333333; line-height: 1.5; margin-top: 15px; }
.list13 .icon img { min-width: 60px; width: 60px; }
.list13 .item:nth-child(2n+1) { flex-direction: row; }
.list13 .item:nth-child(2n+1) .icon { margin-left: 40px; }
.list13 .item:nth-child(2n+1) .text_box { text-align: right; }
.list13 .item:nth-child(2n+1) .desc { text-align: left; }
.list13 .item:nth-child(2n) .icon { margin-right: 40px; }
.list13 .item:nth-child(2n) { flex-direction: row-reverse; }
.list13 .item:nth-child(6n+3) { padding-right: 5%; }
.list13 .item:nth-child(6n+4) { padding-left: 5%; }
.hbox27 .title { text-align: center; color: #333; }
.hbox27 { padding-bottom: 60px; }
.finance11 { background-image: linear-gradient(#d9ecff, #f1f8ff); }
.finance11 .list8 { margin-top: 0; }
.finance11 .hbox19 { align-items: center; }
.finance11 .list8 .item:nth-child(5), .finance11 .list8 .item:nth-child(6) { margin-bottom: 0; }
.finance12 { position: relative; padding: 6.3% 0 26.2%; }
.finance12 .base_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.finance12 .base_bg img { width: 100%; height: 100%; object-fit: fill; }
.hbox28 { position: relative; z-index: 2; padding: 0 10%; }
.hbox28 .title { text-align: center; color: #fff; line-height: 1.3; }
.hbox28 .desc { color: #ffffff; line-height: 1.77; margin-top: 40px; text-align: center; }
.hbox28 .list14 { margin-top: 7.2%; }
.list14 { display: flex; align-items: center; color: #fff; justify-content: space-between; }
.list14 .num { display: flex; align-items: flex-end; justify-content: center; }
.list14 .year { line-height: .8; }
.list14 .year_b { margin-left: 5px; }
.list14 .tit { margin-top: 13px; line-height: 1.5; }
.finance13 { padding: 6.3% 0; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.hbox29 .title { text-align: center; }
.hbox29 .hbox29_swiper { margin-top: 5.3%; }
.hbox29_swiper .swiper-container { overflow: unset; }
.hbox29_swiper .swiper-slide { height: auto; }
.hbox29_swiper .imgbox { padding-bottom: 50%; position: relative; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.hbox29_swiper .imgbox::before { content: ''; display: block; bottom: 0; left: 0; right: 0; position: absolute; background-image: linear-gradient(transparent 30%, #005bac); height: 100%; z-index: 2; }
.hbox29_swiper .imgbox img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.hbox29_swiper .item { display: block; width: 100%; height: 100%; }
.hbox29_swiper .text_box { position: absolute; padding: 6.3% 6.7%; left: 0; right: 0; bottom: 0; z-index: 2; }
.hbox29_swiper .tit { color: #ffffff; padding-bottom: 20px; position: relative; }
.hbox29_swiper .tit::before { content: ''; display: block; width: 60px; height: 4px; background-image: linear-gradient(to right, #22d1ff, #01b5ee); position: absolute; bottom: 0; left: 0; }
.hbox29_swiper .desc { color: #ffffff; line-height: 1.77; height: 0; overflow: hidden; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.hbox29_swiper .more1 { height: 0; overflow: hidden; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.hbox29_swiper.base_swiper .prev { left: 0; }
.hbox29_swiper.base_swiper .next { right: 0; }
.hbox29_swiper .swiper-slide-active .desc { height: auto; opacity: 1; margin-top: 20px; }
.hbox29_swiper .swiper-slide-active .more1 { height: auto; opacity: 1; margin-top: 40px; }
.hbox29_swiper .swiper-pagination { position: absolute; bottom: -65px; width: 100%; }
.hbox29_swiper .swiper-pagination-clickable .swiper-pagination-bullet { margin: 0 8px; width: 20px; height: 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: transparent; position: relative; }
.hbox29_swiper .swiper-pagination .swiper-pagination-bullet::before { content: ''; display: block; position: absolute; width: 4px; height: 4px; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #7989a3; }
.hbox29_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 1px solid #147bd1; }
.hbox29_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before { background-color: #147bd1; }
.finance14 { padding: 6.3% 0; }
.hbox30 .title { text-align: center; color: #333; }
.hbox30 .hbox30_swiper { margin-top: 4.5%; }
.hbox30_swiper .swiper-container { padding: 2%; }
.hbox30_swiper .imgbox { padding-bottom: 41%; position: relative; box-shadow: 0 0 15px rgba(0, 0, 0, .1); }
.hbox30_swiper .imgbox img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-height: 100%; }
.hbox30_swiper .tit { color: #333333; margin-top: 15px; text-align: center; }
.finance01.finance01_padding { padding: 6.3% 0; }
@media (max-width:1560px) {
	/* .finance10{
		padding: 6.3% 0 10%;
	} */
}
@media (max-width:1440px) {
	.list12 .item:nth-child(1) { top: -26.4%; left: 32%; }
	.list12 .item:nth-child(2) { left: 60%; top: -26.4%; }
	.list12 .item:nth-child(3) { left: 80.2%; top: 36%; }
	.list12 .item:nth-child(4) { left: 60%; top: 82.2%; }
	.list12 .item:nth-child(5) { left: 32%; top: 82.2%; }
	.list12 .item:nth-child(6) { left: 7.9%; top: 34%; }
}
@media (max-width:1280px) {
	.finance01.finance01_padding.finance01_padding1 .hbox11 .imgbox { margin: 35px 0 0; }
	.finance01.finance01_padding.finance01_padding2 .hbox11 .imgbox { margin-right: 35px; }
	.list10 .item { padding: 15px 25px; }
	.list13 .icon img { min-width: 40px; width: 40px; }
	.list13 .item:nth-child(2n+1) .icon { margin-left: 20px; }
	.list13 .item:nth-child(2n) .icon { margin-right: 20px; }
	.hbox29_swiper .swiper-pagination { bottom: -40px; }
	.list12 .item:nth-child(1) { top: -24.4%; }
	.list12 .item:nth-child(2) { left: 60%; }
	.list12 .item:nth-child(6) { left: 8.3%; top: 37%; }
	.hbox23 .hbox23_swiper { margin-top: 45px; }
}
@media (max-width:1024px) {
	.finance01.finance01_padding.finance01_padding1 .hbox11 .imgbox { margin: 35px 50px 0; }
	.finance01.finance01_padding.finance01_padding2 .hbox11 .imgbox { margin-right: 50px; }
	.hbox23 .hbox23_swiper { margin-top: 25px; }
	.tabs4 .tab { padding: 0 0 10px; margin: 0 15px; }
	.hbox21 .tabs4 { margin-top: 20px; }
	.hbox23_swiper .icon { padding-bottom: 80px; }
	.list11_swiper .item .item_main::before { bottom: 15%; }
	.hbox29_swiper .text_box { padding: 3% 5%; }
}
@media (max-width:768px) {
	.hbox23_swiper .item.cur { padding-left: 25px; padding-right: 25px; }
	.finance06, .finance07, .finance08, .finance09, .finance10, .finance11, .finance12, .finance13, .finance01.finance01_padding { padding: 25px 0; }
	.list13 .item:nth-child(2n+1) .icon { margin-left: 10px; }
	.list13 .item:nth-child(2n) .icon { margin-right: 10px; }
	.finance13 { padding-bottom: 70px; }
	.hbox28 .list14 { margin-top: 15px; }
	.finance09 { padding-bottom: 70px; }
	.hbox23_swiper .items { height: 450px; }
	.hbox27 { padding-bottom: 35px; }
	
}
@media (max-width:640px) {
	.list14 {
		flex-wrap: wrap;
	}
	
	.list14 .item {
		text-align: center;
		width: 48%;
		margin-top: 15px;
	}
	.hbox23_swiper .hover_text li:before { top: 7px; }
	.hbox23_swiper .hover_text li { padding-left: 14px; }
	.finance13 { padding-bottom: 50px; }
	.hbox23_swiper .item { padding-left: 15px; padding-right: 15px; padding-bottom: 15px; }
	.hbox23_swiper .items { height: 450px; }
	.hbox23_swiper .item { width: 20%; }
	.hbox23_swiper .item.cur { flex: 1; width: unset; }
	.hbox23_swiper .items .item:nth-child(2n+1) .tit { margin-top: 10px; }
	.hbox11.cur { flex-wrap: wrap; }
	.hbox11.cur .text_box { width: 100%; padding: 0; }
	.hbox11.cur .imgbox { width: 100%; margin-top: 20px; }
	.hbox11.cur .tit { text-align: center; }
	.tabs4 .tab { margin: 0 5px; }
	.hbox22 { margin-top: 20px; flex-wrap: wrap; }
	.hbox22 .left { width: 100%; }
	.hbox22 .right { width: 100%; margin-top: 15px; }
	.list10 .item { margin-left: 0; width: 49%; margin-bottom: 2%; padding: 10px 15px; }
	.list10 .item:not(:nth-child(2n+1)) { margin-left: 2%; }
	.hbox22 .item1 { height: auto; }
	.hbox22 .item1 .imgbox { position: static; }
	.hbox22 .item1 .imgbox img { position: static; }
	.hbox22 .item1 .text_box { padding: 15px; }
	.list10 .text_box .tit { margin-left: 10px; }
	.list11_swiper .swiper-slide .item::before { display: none !important; }
	.list11_swiper .item .item_main { padding-bottom: 80px; }
	.list12 { z-index: 2; position: relative; display: flex; flex-wrap: wrap; left: unset; top: unset; }
	.list12 .item { position: static !important; width: 49%; display: flex !important; margin-bottom: 15px; justify-content: flex-end !important; flex-direction: column-reverse !important; align-items: center !important; text-align: center; }
	.list12 .item .icon::before { display: none !important; }
	.list12 .item:not(:nth-child(2n+1)) { margin-left: 2% !important; }
	.list12 .icon { width: 30px; height: 30px; min-height: 30px;
        margin: 0 !important;}
	.list12 .item:nth-child(1) .icon, .list12 .item:nth-child(2) .icon { margin-top: 20px; }
	.list12 .tit { font-size: 14px; margin-top: 10px; }
	.list12 .desc { font-size: 12px; margin-top: 10px; }
	.list12 .item:nth-child(1) .icon::before, .list12 .item:nth-child(2) .icon::before, .list12 .item:nth-child(3) .icon::before, .list12 .item:nth-child(6) .icon::before { display: none; }
	.list12_box .list12_icon { position: absolute; left: 50%; top: 50%; opacity: .1; transform: translate(-50%, -50%); width: 150%; }
	.hbox25 .list12_box { margin: 25px 0; }
	.finance09 { padding-bottom: 15px; }
	.list13 .item { width: 49%; }
	.list13 .item:not(:nth-child(2n+1)) { margin-left: 2%; }
	.list13 .icon img { min-width: 20px; width: 20px; }
	.list13 .desc { margin-top: 5px; }
	.list13 .tit {
		text-align: center;
	}
	.list13 .item {
		flex-direction: column-reverse !important;
		align-items: center !important;
		justify-content: flex-end;
	}
	.list13 .text_box {
		flex: unset;
		width: 100%;
	} 
	.list13 .item:nth-child(5),
	.list13 .item:nth-child(6){
		display:none;
	}
	.list13 .item{
		margin-top:0;
	}
	.list13 .item:nth-child(1),
	.list13 .item:nth-child(2){
		margin-bottom:35%; 
	} 

	.list13_box{
		margin-top:10%;
		padding-top:0;
	}
	.list13_box { padding-top: 15px; }
	.hbox27 { padding-bottom: 25px; }
	.hbox28 { padding: 5% 0; }
	.hbox28 .desc { margin-top: 15px; }
	.hbox29_swiper .imgbox { padding-bottom: 200px; }
	.hbox29_swiper .swiper-slide-active .desc { height: 40px; overflow: hidden; }
	.hbox29_swiper .tit { padding-bottom: 10px; }
	.hbox29_swiper .swiper-slide-active .more1 { margin-top: 15px; }
	.hbox29_swiper.base_swiper .swiper_btn {
		display: none;
	}
	.hbox29_swiper .text_box {
		position: static;
		box-shadow: 0 0 15px rgba(23, 138, 217, .1);
		background-image: linear-gradient(#e6f1f8, #ffffff);
		border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px;
		-ms-border-radius: 0 0 10px 10px;
		-o-border-radius: 0 0 10px 10px;
	}
	.hbox29_swiper .imgbox {
		border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		-ms-border-radius: 10px 10px 0 0;
		-o-border-radius: 10px 10px 0 0;
	}
	
	.hbox29_swiper .desc {
		height: 40px !important;
		opacity: 1;
		margin-top: 20px;
		color: #333;
	}
	 
	
	.hbox29_swiper .more1 {
		height: auto;
		margin-top: 15px;
		color: #333;
	}
	
	.hbox29_swiper .imgbox::before {
		display:none;
	}
	
	.hbox29_swiper .tit {
		color: #333;
	}
	
	
	.hbox29_swiper .more1::before {
		border-color: #333;
	}
	.hbox23_swiper .icon { padding-bottom: 60px; }
	.hbox23_swiper .item.cur { padding-left: 10px; padding-right: 10px; }
	.hbox23_swiper .items {
		 /* height: 350px;  */
	height: auto;}
}
.lables1 { display: flex; align-items: center; justify-content: center; }
.lables1 .lable { padding: 0 50px; line-height: 46px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border: 2px solid #fff; color: #fff; margin: 0 15px; }
.lables1 .lable.cur, .lables1 .lable:hover { border-color: #005bac; background-color: #005bac; color: #fff; }
.innovate01 { padding: 6.3% 0; }
.innovate01 .hbox16 .right { width: 72%; }
.innovate01 .hbox31_swiper { margin-top: 80px; }
.hbox31_swiper { padding-bottom: 70px; }
.hbox31_swiper .imgbox { padding-bottom: 70px; position: relative; }
.hbox31_swiper .swiper-container { padding: 2% 1%; }
.hbox31_swiper .item { padding: 17% 11%; box-shadow: 0 0 15px rgba(23, 138, 217, .1); height: 100%; display: flex; flex-direction: column; border: 1px solid #fff; background-image: linear-gradient(#e6f1f8, #ffffff); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.hbox31_swiper .swiper-pagination { position: absolute; bottom: 0; width: 100%; }
.hbox31_swiper .imgbox img { position: absolute; left: 0; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); max-height: 100%; }
.hbox31_swiper .swiper-slide { height: auto; }
.hbox31_swiper .text_box { flex: 1; }
.hbox31_swiper .tit { color: #333333; margin-top: 40px; }
.hbox31_swiper .desc { color: #666666; line-height: 1.7877; margin-top: 25px; }
.hbox31_swiper .swiper-pagination-clickable .swiper-pagination-bullet { margin: 0 8px; width: 20px; height: 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: transparent; position: relative; }
.hbox31_swiper .swiper-pagination .swiper-pagination-bullet::before { content: ''; display: block; position: absolute; width: 4px; height: 4px; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #7989a3; }
.hbox31_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 1px solid #147bd1; }
.hbox31_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before { background-color: #147bd1; }
.innovate02 { padding: 6.3% 0; background-image: linear-gradient(#dceeff, #f3f8ff); }
.hbox32 .title { text-align: center; }
.hbox32_box1 { display: flex; align-items: center; margin: 70px 0; }
.hbox32_box1 .left { width: 52%; padding-right: 4%; }
.hbox32_box1 .editor { color: #333333; line-height: 1.7; }
.hbox32_box1 .imgbox { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, .1); position: relative; }
.hbox32_box1 .right { width: 48%; position: relative; }
.hbox32_box1 .more_img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.hbox32 .hbox32_box2 { margin-top: 70px; }
.list15 { display: flex; align-items: center; justify-content: center; }
.list15 .item { width: 23.5%; border: 2px solid #fff; box-shadow: 0 0 15px rgba(23, 138, 217, .1); background-image: linear-gradient(#e6f1f8, #ffffff); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; padding: 50px 15px 40px; margin-bottom: 2%; transition: 0.5s; position: relative; }
.list15 .item:not(:nth-child(4n+1)) { margin-left: 2%; }
.list15 .item:hover { transform: translate(0, -30px); -webkit-transform: translate(0, -30px); -moz-transform: translate(0, -30px); -ms-transform: translate(0, -30px); -o-transform: translate(0, -30px); }
.list15 .tit { padding-bottom: 20px; position: relative; text-align: center; }
.list15 .tit::before { content: ''; display: block; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); width: 30px; height: 3px; background-image: linear-gradient(to right, #01b3ec, #005faf); }
.hbox33 { position: relative; }
.hbox33 .text_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 2; text-align: center; }
.hbox33 .tit { color: #fff; margin-top: 25px; }
.hbox33 .imgbox { position: relative; }
.hbox33 .imgbox img { position: absolute; left: 0; top: 0; width: 100%; object-fit: cover; height: 100%; }
.hbox33 .imgbox video { width: 100%; height: 100%;}
.innovate04 { padding: 6.3% 0; background-repeat: no-repeat; background-size: cover; }
.hbox34 .title { text-align: center; color: #333; }
.hbox34 .list16 { margin-top: 60px; }
.list16 { display: flex; flex-wrap: wrap; }
.list16.cur{justify-content: center;}
.list16 .item { width: 23.5%; border: 2px solid #fff; box-shadow: 0 0 15px rgba(23, 138, 217, .1); background-image: linear-gradient(#e6f1f8, #ffffff); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; padding: 50px 35px 40px; }
.list16 .item:not(:nth-child(4n+1)) { margin-left: 2%; }
.list16 .tit { padding-bottom: 20px; position: relative; }
.list16 .tit::before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 40px; height: 2px; background-image: linear-gradient(to right, #01b3ec, #005faf); }
.list16 .editor { line-height: 1.66; }
.list16 .editor li { padding-left: 18px; position: relative; margin: 14px 0; color: #333333; width: fit-content; font-family: "HarmonyLight"; }
.list16 .editor li:before { content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #005bac; left: 0; top: 10px; position: absolute; }
.innovate05 { padding: 6.3% 0; }
.hbox35 .title { text-align: center; color: #333; }
.hbox35 .desc1 { color: #333333; max-width: 1030px; width: 100%; margin: 45px auto 0; text-align: center; line-height: 1.7; }
.hbox35_box { position: relative; }
.hbox35_box .bgimg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background-image: linear-gradient(#fdfeff, #bde3f6); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border: 1px solid #c6e0f5; display: flex; align-items: center; justify-content: center; width: 16.7vw; height: 16.7vw; z-index: 2; }
.hbox35_box .bgimg .tit { color: #1579d1; text-align: center; }
.list17 { display: flex; flex-wrap: wrap; padding: 10.45% 0; margin-top: -7%; }
.list17::before { content: ''; display: block; position: absolute; background-image: url(../image/icon26.png); background-repeat: no-repeat; left: 0; top: 0; bottom: 0; right: 0; background-position: center; background-size: contain; }
.list17 .item { width: 28%; position: relative; z-index: 2; }
.list17 .item:not(:nth-child(2n+1)) { margin-left: 44%; }
.list17 .text_box { display: flex; align-items: center; }
.list17 .desc { margin-top: 20px; line-height: 1.7; color: #666666; }
.list17 .icon img { height: 58px; }
.list17 .item:nth-child(2n+1) .tit { margin-left: 25px; }
.list17 .item:nth-child(2n) .text_box { flex-direction: row-reverse; }
.list17 .item:nth-child(2n) .tit { margin-right: 25px; }
.list17 .item:nth-child(1), .list17 .item:nth-child(2) { margin-bottom: 8.4%; }
.innovate06 { padding: 6.3% 0; }
.hbox36 .title { text-align: center; }
.hbox36 .list18 { margin-top: 70px; }
.list18 .item { margin-bottom: 2%; position: relative; }
.list18 .imgbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; }
.list18 .imgbox img { width: 100%; height: 100%; object-fit: cover; }
.list18 .text_box { position: relative; z-index: 2; padding: 4.5% 4.2%; }
.list18 .tit { color: #ffffff; line-height: 1.5; }
.list18 .desc { color: #fff; margin-top: 15px; line-height: 1.5; }
.list18 .down { margin-top: 35px; }
@media (max-width:1280px) {
	.lables1 .lable { padding: 0 25px; line-height: 36px; }
	.list17 .icon img { height: 40px; }
	.list17 .item:nth-child(2n+1) .tit { margin-left: 15px; }
	.list17 .item:nth-child(2n) .tit { margin-right: 15px; }
	.hbox31_swiper .imgbox { padding-bottom: 45px; }
	.hbox31_swiper .imgbox { padding-bottom: 45px; }
	.hbox31_swiper .tit { margin-top: 20px; }
	.hbox31_swiper .desc { margin-top: 10px; }
	.innovate01 .hbox31_swiper { margin-top: 45px; }
	.hbox31_swiper { padding-bottom: 45px; }
	.hbox32 .hbox32_box2 { margin-top: 45px; }
	.hbox32_box1 { margin: 45px 0; }
}
@media (max-width:768px) {
	.innovate01 .hbox31_swiper { margin-top: 15px; }
	.hbox31_swiper { padding-bottom: 30px; }
	.innovate01, .innovate02, .innovate04, .innovate05, .innovate06 { padding: 25px 0; }
	.list15 .item { padding: 25px 15px; }
	.list15 .tit { padding-bottom: 10px; }
	.hbox32 .hbox32_box2 { margin-top: 25px; }
	.hbox32_box1 { margin: 25px 0; }
	.list16 .item { width: 49%; margin-bottom: 2%; padding: 25px 15px; }
	.list16 .item:not(:nth-child(4n+1)) { margin-left: 0; }
	.list16 .item:not(:nth-child(2n+1)) { margin-left: 2%; }
	.list16 .cur{
		justify-content: flex-start;
	}
	.lables1 .lable { line-height: 26px; padding: 0 10px; margin: 0 5px; }
	.hbox34 .list16 { margin-top: 25px; }
	.hbox35 .desc1 { margin: 25px auto 0; }
	.hbox36 .list18 { margin-top: 25px; }
}
@media (max-width:640px) {
	.hbox16{
		padding: 0 20px;
	}
	.innovate01 .auto1440{
		padding: 0;
	}
	.innovate01 .hbox16 .right { width: 100%; }
	.lables1 .lable { line-height: 20px; }
	.hbox32_box1 { flex-wrap: wrap; }
	.hbox32_box1 .left { width: 100%; padding: 0; }
	.hbox32_box1 .right { width: 100%; margin-top: 15px; }
	.list15 .item { width: 49%; padding: 15px; }
	.list15 { flex-wrap: wrap; }
	.list15 .item:not(:nth-child(4n+1)) { margin-left: 0; }
	.list15 .item:not(:nth-child(2n+1)) { margin-left: 2%; }
	.hbox33 .tit { margin-top: 10px; }
	.list16 .tit { padding-bottom: 10px; }
	.list17 .item { width: 49%; }
	.list17 .item:not(:nth-child(2n+1)) { margin-left: 2%; }
	.hbox35_box .bgimg .tit { font-size: 14px; }
	.list17 .item:nth-child(1), .list17 .item:nth-child(2) { margin-bottom: 15%; }
	.list17 .icon img { height: 30px; }
	.list17 .item:nth-child(2n+1) .tit { margin-left: 10px; }
	.list17 .item:nth-child(2n) .tit { margin-right: 10px; }
	.list17 .item:nth-child(2n) .text_box{
		flex-direction: unset;
	}
	.list17 .item:nth-child(2n) .tit{
		margin-left: 10px;
		margin-right: 0;
	}
	.list17 .desc{
		overflow: hidden;
		-webkit-line-clamp: 3;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}
	 
	.list23 .item.cur .imgbox::before{
		background-image: unset !important;
	}
}
.case01 { padding: 6.3% 0; }
.hbox37 .title { text-align: center; }
.hbox37 .list19 { margin-top: 30px; }
.list19 .item { margin-top: 50px; }
.list19 .item_tit { color: #005bac; }
.list19 .editor { margin-top: 10px; }
.list19 .editor li { padding-left: 18px; position: relative; margin: 20px 0; color: #333333; width: fit-content; font-family: "HarmonyLight"; }
.list19 .editor li:before { content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #005bac; left: 0; top: 10px; position: absolute; }
@media (max-width:1024px) {
	.list19 .editor li { margin: 10px 0; }
	.list19 .item { margin-top: 35px; }
}
@media (max-width:768px) {
	.case01 { padding: 25px 0; }
}
@media (max-width:640px) {
	.list19 .item { margin-top: 25px; }
}
.about01 { padding: 6.3% 0; }
.hbox38 { position: relative; }
.hbox38 .title { text-align: center; color: #333; }
.hbox38 .editor { color: #333333; margin-top: 3.5%; line-height: 1.77; max-height: 310px; overflow-y: auto; padding-right: 65px; }
.hbox39 .imgbox { position: relative; border-radius: 0 0 25px 0; -webkit-border-radius: 0 0 25px 0; -moz-border-radius: 0 0 25px 0; -ms-border-radius: 0 0 25px 0; -o-border-radius: 0 0 25px 0; overflow: hidden; }
.hbox39 .text_box { position: absolute; bottom: 16%; z-index: 2; width: 50%; display: flex; align-items: center; justify-content: space-between; }
.hbox39 .text_box .left { width: 54%; }
.list20 { display: flex; flex-wrap: wrap; }
.list20 .item { width: 49%; }
.list20 .item:not(:nth-child(2n+1)) { margin-left: 2%; }
.list20 .item:nth-child(1), .list20 .item:nth-child(2) { margin-bottom: 3.4vw; }
.list20 .num { display: inline-block; position: relative; padding-right: 30px; }
.list20 .tit { color: #fff; margin-top: 15px; text-shadow: 2px 2px 2px rgba(24, 61, 93, .5); }
.list20 .year { line-height: .8; text-shadow: 3px 3px 4px rgba(24, 61, 93, .5); color: #fff; }
.list20 .year_b { position: absolute; bottom: 0; right: 0; line-height: .6; text-shadow: 2px 2px 1px rgba(24, 61, 93, .5); color: #fff; }
.list20 .year_t { position: absolute; top: 0; right: 0; line-height: .6; text-shadow: 2px 2px 1px rgb(24, 61, 93, .5); color: #fff; }
.hbox40 .title { text-align: center; }
.about03 { padding: 6.3% 0 0; }
.hbox40 .list21 { margin-top: 4.2%; }
.list21 { display: flex; flex-wrap: wrap; }
.list21 .item { width: 48.65%; position: relative; margin-bottom: 2.7%; }
.list21 .item:not(:nth-child(2n+1)) { margin-left: 2.7%; }
.list21 .imgbox { padding-bottom: 42.8%; position: relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; }
.list21 .imgbox img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.list21 .item:nth-child(1) .imgbox::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(to right, #01b4ed, transparent); z-index: 2; }
.list21 .item:nth-child(2) .imgbox::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(to right, #1164af, transparent); z-index: 2; }
.list21 .text_box { position: absolute; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); width: 100%; padding: 3% 8.6%; z-index: 3; }
.list21 .tit { color: #fff; }
.list21 .desc { color: #fff; margin-top: 23px; }
.list22 { display: flex; flex-wrap: wrap; }
.list22 .item { width: 31.533%; box-shadow: 0 0 15px rgba(0, 0, 0, .1); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; margin-bottom: 2.7%; padding: 4.16%; }
.list22 .item:not(:nth-child(3n+1)) { margin-left: 2.7%; }
.list22 .item img { height: 55px; }
.list22 .imgbox { padding-bottom: 60px; position: relative; }
.list22 .imgbox img { position: absolute; left: 0; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); max-height: 100%; }
.list22 .tit { color: #333333; margin-top: 40px; }
.list22 .desc { margin-top: 20px; color: #666666; line-height: 1.77; }
.about04 { padding: 6.3% 0; position: relative; overflow: hidden; }
.hbox41 .title { text-align: center; color: #333; }
.hbox41 .hbox41_main { margin-top: 70px; }
.hbox41_swiper { background-repeat: no-repeat; background-size: cover; position: relative; }
.hbox41_swiper00::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background-image: url(../image/icon29.png); background-repeat: no-repeat; background-size: 100% auto; width: 100%; height: 100%; background-position: center; }
.hbox41_swiper .swiper-container { padding: 0 25px; }
.hbox41_swiper .item { padding-left: 19%; position: relative; height: 50%; }
.hbox41_swiper01 .auto1440 { height: 100%; }
.hbox41_swiper00 .item { border-left: 1px solid transparent; }
.hbox41_swiper01 .item { border-left: 1px solid #afc4db; }
.hbox41_swiper01 .swiper-container { height: 100%; }
.hbox41_swiper .year { color: #0062c8; }
.hbox41_swiper .desc { color: #333333; line-height: 1.787; margin-top: .5vw; }
.hbox41_swiper .swiper-slide { height: 615px; display: flex; }
.hbox41_main { position: relative; }
.hbox41_swiper .swiper-slide .bar { position: absolute; width: 20px; height: 20px; border: 5px solid #0062c8; background-color: #ffffff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.hbox41_swiper00 .swiper-slide .bar { opacity: 0 !important; }
.hbox41_swiper01 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
.hbox41_swiper .swiper-slide-active .item { transform: translate(0, 8.5vw); -webkit-transform: translate(0, 8.5vw); -moz-transform: translate(0, 8.5vw); -ms-transform: translate(0, 8.5vw); -o-transform: translate(0, 8.5vw); }
.hbox41_swiper .swiper-slide-next .item { transform: translate(0, 1.5vw); -webkit-transform: translate(0, 1.5vw); -moz-transform: translate(0, 1.5vw); -ms-transform: translate(0, 1.5vw); -o-transform: translate(0, 1.5vw); }
.hbox41_swiper .swiper-slide-next+.swiper-slide .item { transform: translate(0, .5vw); -webkit-transform: translate(0, .5vw); -moz-transform: translate(0, .5vw); -ms-transform: translate(0, .5vw); -o-transform: translate(0, .5vw); }
.hbox41_swiper .swiper-slide-next+.swiper-slide+.swiper-slide .item { transform: translate(0, -6vw); -webkit-transform: translate(0, -6vw); -moz-transform: translate(0, -6vw); -ms-transform: translate(0, -6vw); -o-transform: translate(0, -6vw); }
.hbox41_swiper.base_swiper .prev { left: 13%; top: 72%; }
.hbox41_swiper.base_swiper .next { right: 33%; top: 46%; }
.hbox41_swiper .swiper-slide-active, .hbox41_swiper .swiper-slide-active+.swiper-slide+.swiper-slide, .hbox41_swiper .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide { align-items: flex-start; }
.hbox41_swiper .swiper-slide-active+.swiper-slide, .hbox41_swiper .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide { align-items: flex-end; }
.hbox41_swiper .swiper-slide-active .bar, .hbox41_swiper .swiper-slide-active+.swiper-slide+.swiper-slide .bar, .hbox41_swiper .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide .bar { left: -10px; bottom: -8px; }
.hbox41_swiper .swiper-slide-active+.swiper-slide .bar, .hbox41_swiper .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide .bar { left: -10px; top: -8px; }
.hbox42 { display: flex; overflow: hidden; }
.hbox42 .title { text-align: center; }
.hbox42 .tg { height: 100%; }
.hbox42 .tgs { height: 100%; }
.hbox42 .left { width: 34%; background-color: #004faa; padding: 130px 0; position: relative; }
.hbox42 .right { width: 60%; margin-left: 6%; position: relative; z-index: 2; }
.hbox42 .right .right_box { position: relative; }
.hbox42_swiper { position: relative; z-index: 3; }
.hbox42_swiper .swiper-container { height: 430px; }
.hbox42_swiper .year { color: rgba(255, 255, 255, .1); line-height: .8; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; cursor: pointer; }
.hbox42_swiper .swiper-slide-active .year { color: #fff; }
.hbox42_swiper .swiper_box { position: absolute; left: -100px; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); z-index: 2; }
.hbox42_swiper .swiper_btn { position: static; }
.hbox42_swiper .swiper_btn.next { margin-top: 35px; }
.hbox42_swiper .swiper_btn.prev::before { transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); right: 15px; top: 19px; }
.hbox42_swiper .swiper_btn.next::before { transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); right: 15px; top: 14px; }
.lizi { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; }
.lizi canvas { width: 100% !important; height: 100% !important; }
.hbox42_swiper1 { position: absolute; right: 2%; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); width: 120%; z-index: 2; }
.hbox42_swiper1 .swiper-container { padding: 0 1.5%; }
.hbox42_swiper1 .swiper-slide { height: auto; padding: 2% 0; }
.hbox42_swiper1 .desc { color: #333333; margin-top: 31%; }
.hbox42_swiper1 .item { padding: 12.5% 21%; box-shadow: 0 0 15px rgba(0, 0, 0, .1); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; background-color: #fff; text-align: center; height: 100%; }
.hbox42_swiper1 .center_img { height: 230px; display: flex; align-items: center; justify-content: center; }
.hbox42_swiper1 .imgbox { display: inline-block; position: relative; }
.hbox42_swiper1 .imgbox::before { content: ''; display: block; position: absolute; right: 0px; bottom: 13%; transform-origin: 100% 100%; box-shadow: 8px 11px 13px #abbcc7; width: 56%; height: 72%; transform: rotate(-5deg); background-color: #eeeeee; }
.hbox42_swiper1 .img_big { position: relative; z-index: 2; border: 1px solid #f3f3f3; display: inline-block; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; overflow: hidden; background-color: #fff; padding: 10px; transform: translate(0, 4px); -webkit-transform: translate(0, 4px); -moz-transform: translate(0, 4px); -ms-transform: translate(0, 4px); -o-transform: translate(0, 4px); background-image: url(https://www..com.cn/template/cn/images/icon17.png); background-size: 100% 100%; }
.hbox42 .swiper-pagination { position: absolute; bottom: 0; left: 0; right: 0; height: 4px; }
.hbox42 .right .right_box { position: relative; width: 100%; height: 100%; display: flex; align-items: flex-end; }
.hbox42 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #01b4ed; }
.hbox42 .swiper-pagination-progressbar { background-color: #ebecf1; }
.about06 { padding: 6.3% 0; }
.about06 .list23 { margin-top: 5.6%; }
.list23 { display: flex; }
.list23 .imgbox { padding-bottom: 58.2vh; position: relative; }
.list23 .imgbox::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); z-index: 2; }
.list23 .imgbox img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.list23 .item { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; width: 10%; position: relative; overflow: hidden; }
.list23 .text_box { position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 60px 3%; z-index: 3; display: flex; align-items: center; }
.list23 .text_main { height: 100%; }
.list23 .tit { color: #fff; width: 24px; margin: 0 auto; writing-mode: vertical-rl; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; height: 90%; text-align: center; }
.list23 .item.cur .text_main { height: auto; }
.list23 .item.cur .tit { height: auto; writing-mode: unset; text-align: left;     white-space: normal;}
.list23 .desc { color: #ffffff; line-height: 1.78; height: 0; overflow: hidden; }
.list23 .item:not(:first-child) { margin-left: 1%; }
.list23 .item.cur { width: 66%; }
.list23 .item.cur .tit { font-size: 24px; width: auto; opacity: 0; }
.list23 .item.cur .text_box { align-items: flex-end; }
.list23 .item.cur .desc { height: auto; margin-top: 25px; opacity: 0; }
.list23 .item.cur .imgbox { opacity: 1; }
.list23 .item.cur .imgbox::before { background-image: linear-gradient(transparent, #0062c8); }
.list23 .item:nth-child(2n) { transform: translate(0, 60px); -webkit-transform: translate(0, 60px); -moz-transform: translate(0, 60px); -ms-transform: translate(0, 60px); -o-transform: translate(0, 60px); }
@media (max-width:1560px) {
	.hbox41_swiper.base_swiper .prev { top: 68%; }
	.hbox41_swiper.base_swiper .next { top: 47%; }
}
@media (max-width:1280px) {
	.hbox38 .editor { padding-right: 35px; max-height: 320px; }
	.list22 .tit { margin-top: 20px; }
	.list22 .desc { margin-top: 10px; }
	.hbox42_swiper .swiper-container { height: 380px; }
	.hbox41_swiper.base_swiper .prev { top: 66%; }
}
@media (max-width:1024px) {
	.hbox41_swiper.base_swiper .prev { top: 64%; }
	.hbox41_swiper.base_swiper .next { top: 46%; }
	.hbox41_swiper .swiper-slide-active .item { transform: translate(0, 12.5vw); -webkit-transform: translate(0, 12.5vw); -moz-transform: translate(0, 12.5vw); -ms-transform: translate(0, 12.5vw); -o-transform: translate(0, 12.5vw); }
	.hbox41_swiper .swiper-slide-next .item { transform: translate(0, 4.5vw); -webkit-transform: translate(0, 4.5vw); -moz-transform: translate(0, 4.5vw); -ms-transform: translate(0, 4.5vw); -o-transform: translate(0, 4.5vw); }
	.hbox41_swiper .swiper-slide-next+.swiper-slide+.swiper-slide .item { transform: translate(0, -8vw); -webkit-transform: translate(0, -8vw); -moz-transform: translate(0, -8vw); -ms-transform: translate(0, -8vw); -o-transform: translate(0, -8vw); }
	.hbox42_swiper .swiper-container { height: 200px; }
	.hbox42_swiper1 .center_img { height: 180px; }
	.list22 .item img { height: 45px; }
	.hbox41 .hbox41_main { margin-top: 50px; }
}
@media (max-width:768px) {
	.about01, .about02, .about03, .about04, .about05 { padding: 25px 0; }
	.hbox39 .text_box { bottom: 11%; }
	/* .hbox39 .imgbox>img { min-height: 237px; } */ 
	.list20 .year_t {
		line-height: 1;
	}
	
	.list20 .year_b {
		line-height: 1;
	}
	.hbox42_swiper { padding-left: 60px; }
	.hbox42_swiper .swiper_box { left: 0; }
	.hbox42_swiper .swiper_btn.prev::before { right: 11px; top: 13px; }
	.hbox42_swiper .swiper_btn.next::before { right: 11px; top: 9px; }
	.list23 .item.cur .tit { font-size: 18px; }
	.list23 .item.cur .desc { margin-top: 15px; }
	.hbox42_swiper1 .desc { margin-top: 20px; }
	.hbox42_swiper1 .center_img { height: 130px; }
	.hbox41_swiper.base_swiper .prev { top: 60%; }
	.hbox38 .editor { padding-right: 25px; }
	.hbox41 .hbox41_main { margin-top: 30px; }
	.hbox41_swiper .item { padding-left: 15px; }
	.hbox41_swiper .swiper-slide { padding-left: 15px; }
}
@media (max-width:640px) {
	.about04 {
		background-position: center;
	}
	.about01, .about02, .about03, .about04, .about05 { padding: 15px 0; }
	.hbox39 .text_box { width: 80%; }
	.hbox39 .text_box .left { width: 70%; }
	.list20 .year { padding: 5px 0; }
	.list21 .item { width: 100%; }
	.list21 .item:not(:nth-child(2n+1)) { margin-left: 0; }
	.list22 .item img { height: 35px; }
	.list22 .item { padding: 10px;text-align: center; }
	.list21 .text_box {
		text-align: center;
	}
	.list23 .item:not(:first-child){
		margin-left: 0;
	}
	.list23 .item{
		border-radius: unset;
		-webkit-border-radius: unset;
		-moz-border-radius: unset;
		-ms-border-radius: unset;
		-o-border-radius: unset;
	}
	.list23 .text_main {
		text-align: center;
	}
	
	.list23 .item.cur .tit {
		text-align: center;
	}
	.hbox41_swiper00::before { display: none; }
	.hbox41_swiper .swiper-slide { height: auto; display: block; }
	.hbox41_swiper .swiper-slide .item { transform: translate(0, 0) !important; -webkit-transform: translate(0, 0) !important; -moz-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; -o-transform: translate(0, 0) !important; height: 100% }
	.hbox41_swiper.base_swiper .next { right: 0; top: 50%; }
	.hbox41_swiper.base_swiper .prev { left: 0; top: 50%; }
	.hbox41_swiper .swiper-container { padding: 15px 0; }
	.hbox41_swiper .swiper-slide .bar { left: -10px !important; top: -8px !important; bottom: unset; right: unset; }
	.list23 { flex-wrap: wrap; }
	.list23 .item { width: 100%; margin-bottom: 2%; }
	.list23 .item.cur { width: 100%; }
	.list23 .text_box { padding: 20px 3%; }
	.list23 .imgbox { padding-bottom: 60%; }
	.list23 .tit { width: auto; }
	.list23 .item:nth-child(2n) { transform: unset; }
	.list23 .desc { height: auto; margin-top: 15px; }
	.list23 .item.cur .tit { font-size: 14px; }
	.list23 .text_box { align-items: flex-end; }
	.hbox42 { flex-wrap: wrap; flex-direction: column-reverse;}
	.hbox42 .left { width: 100%; padding: 30px; }
	.hbox42 .right { width: 100%; margin: 15px 0 0; }
	.hbox42_swiper1 { position: static; width: 100%; transform: unset; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; -o-transform: unset; }
	.hbox42_swiper .swiper_btn.prev::before { right: 8px; top: 9px; transform: rotate(45deg); }
	.hbox42_swiper .swiper_btn.next::before { right: 10px; top: 8px; transform: rotate(45deg); }
	.hbox42_swiper { padding-left: 0; }
	.hbox42_swiper .swiper_box { position: static; transform: unset; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; -o-transform: unset; }
	.hbox42_swiper .swiper_btn { position: absolute; top: 50%; transform: translate(0, -50%); }
	.hbox42_swiper .swiper_btn.next { margin-top: 0; }
	.hbox42_swiper .swiper-container { height: auto; }
	.hbox42_swiper .year { text-align: center; padding: 35px 0; }
	.hbox42_swiper1 .item { padding: 15px 20px; }
	.hbox42_swiper .swiper_btn {
		display: none;
	}
	.hbox42_swiper .year {
		padding: 10px 0;
	}
	.hbox42 .left {
		padding: 15px;
		margin-top: 10px;
	}
	
	.hbox42 .title {
		margin-bottom: 10px;
	}
	.list23 .text_main { height: auto; }
	.list23 .item .tit { width: auto; opacity: 0; }
	.hbox42_swiper1 .img_big img { max-height: 100px; }
}
.contact01.contact01fist { padding: 2.15% 0 0; }
.hbox43 .title { text-align: center; color: #333333; padding-top: 80px; }
.hbox43 .list24 { margin-top: 55px; }
.list24 { display: flex; flex-wrap: wrap; }
.list24 .item { background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .1); width: 48.65%; padding: 3.5% 3.9% 3.9%; margin-bottom: 2.7%; position: relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; cursor: pointer; }
.list24 .item:not(:nth-child(2n+1)) { margin-left: 2.7%; }
.list24 .bg_img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.list24 .bg_img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.list24 .text_box { position: relative; z-index: 2; }
.list24 .tit { padding-bottom: 25px; position: relative; }
.list24 .tit::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 25px; height: 4px; background-color: #005bac; }
.list24 .desc { padding-top: 35px; }
.list24 .citem { display: flex; align-items: flex-start; margin-bottom: 10px; line-height: 1.77; }
.list24 .ctit { color: #999; white-space: nowrap; }
.list24 .ctit1 { color: #333333; margin-left: 10px; }
.list24 .item .img1 { display: none; }
.list24 .item .img2 { display: block; }
.list24 .item:hover .bg_img::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(to right, #005bac, transparent); z-index: 2; }
.list24 .item:hover .bg_img::after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #005bac; z-index: 2; opacity: .7; }
.list24 .item:hover .img1 { display: block; }
.list24 .item:hover .img2 { display: none; }
.list24 .item:hover .tit, .list24 .item:hover .ctit, .list24 .item:hover .ctit1 { color: #fff; }
.list24 .item:hover .tit *{color:#fff;}
.list24 .item:hover .tit::before { background-color: #fff; }
@media (max-width:1280px) {
	.hbox43 .title { padding-top: 45px; }
	.hbox43 .list24 { margin-top: 30px; }
	.list24 .tit { padding-bottom: 15px; }
}
@media (max-width:1024px) {
	.hbox43 .title { padding-top: 35px; }
	.list24 .desc { padding-top: 25px; }
	.list24 .desc { padding-top: 15px; }
	.list24 .citem { margin-bottom: 5px; }
}
@media (max-width:768px) {
	.hbox43 .title { padding-top: 15px; }
}
@media (max-width:640px) {
	.hbox43 .list24 { margin-top: 20px; }
	.list24 .item { width: 100%; }
	.list24 .item:not(:nth-child(2n+1)) { margin-left: 0; }
}
.invest01 { padding: 6.3% 0; }
.hbox44 .title { text-align: center; }
.hbox44 .hbox44_box { margin-top: 5.21%; }
.hbox44_box { display: flex; }
.hbox44_box .left { width: 33.5%; }
.hbox44_box .right { flex: 1; margin-left: 54px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; overflow: hidden; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .1); }
.hbox44_box .right iframe { width: 100%; height: 100%; }
.hbox44_box .item { border-bottom: 1px solid #cccccc; padding-bottom: 45px; }
.hbox44_box .item1 { display: flex; align-items: flex-end; }
.hbox44_box .item1 .text_box { margin-left: 35px; color: #333333; }
.hbox44_box .item1 .ctit { margin-top: 15px; }
.hbox44_box .item2, .hbox44_box .item3 { padding-top: 50px; }
.hbox44_box .item2 .tit { display: flex; align-items: flex-end; }
.hbox44_box .item2 .desc { margin-left: 15px; line-height: 1; }
.hbox44_box .item2 .num { padding-right: 20px; position: relative; background-image: url(../image/icon31.png); background-repeat: no-repeat; background-size: contain; background-position: bottom right; background-size: 15px; color: #f00000; line-height: .8; }
.hbox44_box .item2 .num.cur { background-image: url(../image/hicon31.png); color:#07c160; }
.hbox44_box .item3 .qlis_tishi { color: #666666; line-height: 1.5; }
.qlis { display: flex; flex-wrap: wrap; }
.qlis .qli { width: 35%; color: #333333; margin-bottom: 25px; }
.invest02 { padding: 6.3% 0; background-image: linear-gradient(#dceeff, #f3f8ff); }
.hbox45 .title { text-align: center; color: #333; }
.hbox45 .search1 { margin-top: 50px; flex-wrap: wrap; }
.search1 { display: flex; align-items: center; flex-wrap: wrap; }
.search1 .item { border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; background-color: #fff; width: 54%; height: 50px; box-shadow: 0 0 10px rgba(0, 0, 0, .05); position: relative; }
.search1 .item.w33 { width: 21%; flex: unset; }
.search1 .item.margin_l { margin-left: 2%; }
.search1 .input { padding: 0 30px; height: 100%; }
.search1 .input input { height: 100%; background-color: transparent; }
.search1 .input.time select { height: 100%; border: none; width: 100%; color: #333333; }
.search1 .input.time { padding-right: 50px; position: relative; background-image: url(../image/icon32.png); background-repeat: no-repeat; background-position: center right 30px; }
.search1 .input.select select { height: 100%; border: none; width: 100%; color: #333333; }
.search1 .input.select { padding-right: 50px; position: relative; background-image: url(../image/icon33.png); background-repeat: no-repeat; background-position: center right 30px; }
.search1 .input.sousuo { display: flex; align-items: center; }
.search1 .input.sousuo input { flex: 1; }
.search1 .input.sousuo .input_btn { width: 20px; background-image: url(../image/icon34.png); background-repeat: no-repeat; background-position: center; margin-left: 20px; height: 20px; background-size: contain; }
.list25 .item { display: flex; padding: 35px 0; border-bottom: 1px solid #ccc; }
.list25 .tit { padding-left: 38px; background-image: url(../image/icon35.png); background-repeat: no-repeat; background-position: center left; background-size: 19px; }
.list25 .item:hover .tit {
    color: #005bac;
}
.list25 .left { flex: 1; }
.list25 .text_box { display: flex; }
.list25 .time { color: #666666; padding-right: 40px; position: relative; }
.list25 .time::before { content: ''; display: block; height: 100%; width: 1px; background-color: #ccc; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); }
.list25 .down1 { margin-left: 35px; }
.down1 { color: #005bac; padding-left: 28px; background-image: url(../image/icon36.png); background-repeat: no-repeat; background-position: center left; }
.hbox45 .list25_box { margin-top: 7%; }
.list25_box { max-height: 480px; overflow-y: auto; padding-right: 3.9%; }
.invest03 { padding: 6.3% 0; }
.hbox46 { display: flex; }
.hbox46 .left { width: 18%; min-width: 150px; }
.hbox46 .right { flex: 1; padding-left: 4.9%; }
.tbox4 { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; padding: 21.3% 15.5% 200px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.tbox4 .time { color: #fff; padding-left: 30px; background-image: url(../image/icon37.png); background-position: center left; background-repeat: no-repeat; background-size: contain; }
.tbox4 .select2 { margin-top: 25px; }
.select2 .item { border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; position: relative; }
.select2 .item.cur, .select2 .item.cur .input { border-radius: 25px 25px 0 0; -webkit-border-radius: 25px 25px 0 0; -moz-border-radius: 25px 25px 0 0; -ms-border-radius: 25px 25px 0 0; -o-border-radius: 25px 25px 0 0; }
.select2 .item .input { padding: 0 20px; height: 50px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border: 1px solid #fff; }
.select2 .input input { height: 100%; background-color: transparent; width: 100%; border: none; color: #fff; pointer-events: none; }
.select2 .input input option { background-color: #004faa; }
.select2 .input.select { background-image: url(../image/icon38.png); background-repeat: no-repeat; background-position: center right 30px; }
.tbox5 .tbox5_t { display: flex; justify-content: space-between; }
.tbox5 .tbox5_t .year { color: #004faa; }
.tbox5 .list26 { margin-top: 40px; }
.list26 { display: flex; flex-wrap: wrap; }
.list26 .item { width: 45.5%; display: flex; align-items: center; padding: 28px 0; justify-content: space-between; border-bottom: 1px solid #ccc; }
.list26 .item:not(:nth-child(2n+1)) { margin-left: 9%; }
.list26 .ctit { color: #333333; }
.list26 .ctit .num { color: #333333; }
.invest04 { position: relative; }
.invest04 .auto1440 { position: static; }
.invest04 .bg_img { position: absolute; top: 0; left: 0; }
.invest04 .bg_img::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(to right, #005bac 30%, transparent); }
.invest04 .bg_img img { width: 100%; height: auto; }
.hbox47 { position: relative; padding: 6.3% 0 0; }
.hbox47 .title { color: #fff; position: relative; z-index: 2; }
.hbox47 .list27 { margin-top: 4.9%; }
.list27 { display: flex; flex-wrap: wrap; padding: 20px 6% 120px; background-color: #fff; }
.list27 .item { display: flex; align-items: center; padding: 35px 0; border-bottom: 1px solid #ccc; width: 45.5%; }
.list27 .item:not(:nth-child(2n+1)) { margin-left: 9%; }
.list27 .icon img { width: 50px; min-width: 50px; }
.list27 .text_box { margin-left: 25px; }
.list27 .tit { color: #333333; }
.list27 .tel { margin-top: 15px; color: #666666; }
@media (max-width:1280px) {
	.hbox44_box .item { padding-bottom: 30px; }
	.hbox44_box .item2, .hbox44_box .item3 { padding-top: 30px; }
	.list25 .item { padding: 25px 0; }
	.list25 .tit { padding-left: 25px;  background-size: 14px;}
	.list26 .item { padding: 25px 0; } 
}
@media (max-width:1024px) {
	.select2 .item .input { height: 35px; padding: 0 10px; background-position: center right 20px; }
	.tbox4 .select2 { margin-top: 15px; }
	.tbox5 .list26 { margin-top: 20px; }
	.list26 .item { padding: 20px 0; }
	.list25 .time { padding-right: 25px; }
	.list25 .down1 { margin-left: 25px; }
	.hbox45 .search1 { margin-top: 35px; }
	.hbox44_box .item1 .text_box { margin-left: 15px; }
	.hbox44_box .item1 .icon img { width: 120px; }
	.hbox44_box .item1 .ctit { margin-top: 10px; }
	.qlis .qli { margin-bottom: 10px; }
	.search1 .item { height: 40px; }
}
@media (max-width:768px) {
	.hbox44_box .item2, .hbox44_box .item3 { padding-top: 15px; }
	.hbox44_box .item { padding-bottom: 20px; }
	.invest01, .invest02, .invest03, .invest04 { padding: 25px 0; }
	.search1 .item { height: 35px; width: 100%; }
	.search1 .item.w33 { width: 100%; margin-bottom: 2%; }
	.search1 .item.margin_l { margin-left: 0; }
	.search1 .input { padding: 0 20px; }
	.search1 .input.select, .search1 .input.time { background-position: center right 20px; }
	.list25 .item { padding: 15px 0; }
	.hbox47 { padding: 25px 0 0; }
	.list27 .item { padding: 20px 0; }
	.list27 .icon img { width: 35px; min-width: 35px; }
	.list27 .text_box { margin-left: 10px; }
	.list27 .tel { margin-top: 5px; }
	.list27 { padding-bottom: 40px; }
}
@media (max-width:640px) {
	.hbox44_box { flex-wrap: wrap; }
	.hbox44_box .left { width: 100%; }
	.hbox44_box .right { flex: unset; width: 100%; margin-top: 15px; margin-left: 0; height: 50vh;}
	.hbox45 .search1 { margin-top: 15px; }
	.list25 .item { flex-wrap: wrap; }
	.list25 .left { width: 100%; flex: unset; }
	.list25 .right { margin-top: 10px; }
	.list25 .item { padding: 10px 0; }
	.hbox46 { flex-wrap: wrap; }
	.hbox46 .left { width: 100%; }
	.tbox4 { padding: 15px; }
	.select2 .item .input { height: 25px; }
	.list26 .item { padding: 10px 0; width: 100%; }
	.hbox46 .right { flex: unset; margin-top: 10px; padding-left: 0; }
	.list26 .item:not(:nth-child(2n+1)) { margin-left: 0; }
	.list27 .item { width: 100%; padding: 10px 0; }
	.list27 .item:not(:nth-child(2n+1)) { margin-left: 0; }
}
.news01 { padding: 6.3% 0; position: relative; }
.news01 .bg_img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.news01 .bg_img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.news01 .news01_swiper { position: relative; z-index: 2; }
.news01 .base_banner_box { position: absolute; bottom: 45px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); z-index: 2; display: flex; justify-content: center; }
.news01_swiper.base_swiper .prev { left: -8%; }
.news01_swiper.base_swiper .next { right: -8%; }
.news01_swiper .item { overflow: hidden; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; cursor: pointer; }
.news01_swiper .swiper-container { padding: 5% 0 3%; }
.news01_swiper .swiper-slide { width: auto; }
.news01_swiper .imgbox { position: relative; width: 100%; height: 28.1vw; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; }
.news01_swiper .imgbox img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.news01_swiper .text_box { height: 0; overflow: hidden; padding: 15px 0; text-align: center; width: 0; }
.news01_swiper .time { color: #333; }
.news01_swiper .tit { color: #005bac; line-height: 1.5; margin-top: 15px; }
.news01_swiper .swiper-slide-active .text_box { height: auto; width: auto; }
.news01_swiper .swiper-slide-active { z-index: 2; }

.news01_swiper .swiper-slide.swiper-slide-prev::before,
.news01_swiper .swiper-slide.swiper-slide-next::before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.hbox48 .list28 { margin-top: 4%; }
.list28 { display: flex; flex-wrap: wrap; }
.list28 .item { width: 31.06%; box-shadow: 0 0 15px rgba(0, 0, 0, .1); margin-bottom: 3.4%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; }
.list28 .item:not(:nth-child(3n+1)) { margin-left: 3.4%; }
.list28 .item:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.list28 .item:hover .tit { color: #004faa; }
.list28 .imgbox { padding-bottom: 71.5%; position: relative; overflow: hidden; }
.list28 .imgbox img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.list28 .text_box { padding: 9%; flex: 1; }
.list28 .tit { color: #333333; line-height: 1.5; }
.list28 .desc { margin-top: 25px; color: #666666; line-height: 1.625; }
.list28 .time { color: #666666; position: relative; margin-top: 40px; }
.list28 .time::before { content: ''; display: block; position: absolute; top: 7px; border-top: 2px solid #01b4ed; border-right: 2px solid #01b4ed; right: 3px; width: 6px; height: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.news02 { padding: 5.3% 0; }
.hbox49 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.hbox49 .left { height: 100%; }
.hbox49 .right { flex: 1; display: flex; justify-content: flex-end; }
.tabs3 { display: flex; flex-wrap: wrap; }
.tabs3 .tab { line-height: 48px; border: 1px solid #ccc; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; color: #333333; padding: 0 50px; cursor: pointer; }
.tabs3 .tab.cur { background-color: #005bac; border-color: #005bac; color: #fff; }
.tabs3 .tab.cur a{color: #fff;}
.tabs3 .tab:not(:first-child) { margin-left: 25px; }
.hbox49 .search2 { width: 80%; }
.search2 { display: flex; align-items: center; border: 1px solid #ccc; height: 50px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; padding: 0 35px; }
.search2 .input_btn { width: 22px; height: 22px; background-position: center; background-repeat: no-repeat; background-image: url(../image/icon03.svg); margin-left: 15px; }
.search2 .input { flex: 1; height: 100%; display: flex; }
@media (max-width:1560px) { }
@media (max-width:1280px) {
	.list28 .desc { margin-top: 15px; }
	.list28 .time { margin-top: 15px; }
	.tabs3 .tab { padding: 0 25px; line-height: 38px; }
	.search2 { height: 40px; }
	.news01_swiper.base_swiper .prev { left: 0; }
	.news01_swiper.base_swiper .next { right: 0; }
}
@media (max-width:768px) {
	.news01_swiper .text_box { position: absolute; left: 0; bottom: 0; right: 0; background-color: rgba(255, 255, 255, .5); padding: 5px; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
	.news01_swiper .tit { margin-top: 10px; }
	.news01_swiper .imgbox { padding-bottom: 60%; width: auto; height: auto; }
	.news01_swiper .time { display: none; }
	.news01_swiper .tit { margin-top: 0; }
	.news01_swiper .tit { font-size: 12px; color: #fff; }
}
@media (max-width:640px) {
	.list28 .item { width: 100%; }
	.list28 .item:not(:nth-child(3n+1)) { margin-left: 0; }
	.list28 .text_box { padding: 15px; }
	.tabs3 .tab { padding: 0 15px; line-height: 28px; }
	.hbox49 .right { justify-content: flex-start; margin-top: 10px; flex: unset; width: 100%; }
	.search2 { height: 38px; padding: 0 15px; }
	.hbox49 .search2 { width: 100%; }
	.news01_swiper .swiper-container { padding: 45px 0; }
	.news01 .base_banner_box { bottom: 25px; }
}
.info01 { padding: 13.7% 0 4.2%; background-image: linear-gradient(#c2dcf2, #fff); }
.hbox50 .tit_box { padding-bottom: 28px; border-bottom: 1px solid #ccc; }
.hbox50 .tit_box .title { text-align: center; color: #000000; line-height: 1.5; font-weight: 500; }
.hbox50 .tit_box .time { color: #999999; text-align: center; padding-top: 20px; }
.hbox50 .editor { padding: 30px 0; line-height: 1.7; }
.hbox50 .editor * { line-height: 1.7; }
.mores1 { display: flex; align-items: center; padding: 40px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.mores1 .left { flex: 1; padding-right: 5%; }
.mores1 .gonlink { color: #666666; }
.mores1 .next { margin-top: 18px; }
.share_box { display: flex; align-items: center; }
.share_box .share_tit { color: #666; }
.share_box .share-2 { margin-left: 20px; }
.return_more { text-align: center; padding-top: 60px; display: flex; align-items: center; justify-content: center; }
.return_more .back { width: 90px; height: 90px; border: 1px solid #e2e8f0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #666666; }
@media (max-width:1280px) {
	.return_more .back { width: 70px; height: 70px; }
}
@media (max-width:768px) {
	.mores1 { flex-wrap: wrap; padding: 20px 0; }
	.mores1 .left { width: 100%; flex: unset; }
	.mores1 .next { margin-top: 10px; }
	.mores1 .right { margin-top: 10px; }
	.return_more { padding-top: 40px; }
	.return_more .back { width: 50px; height: 50px; padding: 0 10px; }
	.hbox50 .tit_box .time { padding-top: 10px; }
	.hbox50 .editor { padding: 20px 0; }
	.hbox50 .tit_box { padding-bottom: 15px; }
	.info01 { padding: 80px 0 30px; }
}
@media (max-width:640px) {
	.return_more { padding-top: 20px; }
}
.join01 { padding: 6.3% 0 18.7%; position: relative; }
.join01 .bg_img { position: absolute; bottom: 0; left: 0; }
.join01 .bg_img img { width: 100%; height: auto; }
.hbox51 { display: flex; }
.hbox51 .title { color: #333333; line-height: 1.45; }
.hbox51 .left { flex: 1; padding-right: 5%; }
.hbox51 .right { width: 52%; }
.list29 { display: flex; width: 100%; }
.list29 .item { padding: 9.4% 6.7%; width: 49%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; }
.list29 .item:not(:nth-child(2n+1)) { margin-left: 2%; }
.list29 .icon img { height: 115px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.list29 .item:nth-child(1) { background-color: #1578d0; }
.list29 .item:nth-child(2) { background-color: #01b4ed; }
.list29 .item:hover .icon img { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); }
.list29 .text_box { margin-top: 34%; padding-right: 60px; position: relative; color: #fff; }
.list29 .tit { line-height: 1.3; }
.list29 .ctit { line-height: 1.3; margin-top: 8px; }
.list29 .more_btn { width: 45px; height: 45px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border: 1px solid #fff; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); }
.list29 .more_btn::before { border-color: #005bac; content: ''; display: block; position: absolute; width: 10px; height: 10px; top: 17px; border-top: 1px solid #fff; border-right: 1px solid #fff; right: 18px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.join02 { padding: 6.3% 0; position: relative; }
.join02 .bg_img { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }
.join02 .bg_img img { width: 100%; height: 100%; object-fit: cover; }
.hbox52 { position: relative; z-index: 2; padding-left: 8.93%; padding-right: 10.51%; }
.hbox52 .title { text-align: center; color: #fff; }
.list30 { padding: 6.3% 0 0; }
.list30 .item { align-items: center; display: flex; margin-bottom: 6%; }
.list30 .left { width: 60%; }
.list30 .right { width: 40%; }
.list30 .editor { color: #333333; line-height: 1.9; margin-top: 50px; }
.list30 .item:nth-child(2n+1) { padding-right: 12.15%; }
.list30 .item:nth-child(2n) { padding-left: 12.15%; flex-direction: row-reverse; }
.list30 .item:nth-child(2n+1) .text_box { padding-left: 15%; }
.list30 .item:nth-child(2n) .text_box { padding-right: 15%; }
.list30_swiper { position: relative; }
.list30_swiper .imgbox { padding-bottom: 60%; position: relative; }
.list30_swiper .imgbox img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.list30_swiper .swiper-pagination { position: absolute; bottom: 40px; width: 100%; }
.list30_swiper .swiper-pagination-clickable .swiper-pagination-bullet { margin: 0 8px; width: 20px; height: 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: transparent; position: relative; }
.list30_swiper .swiper-pagination .swiper-pagination-bullet::before { content: ''; display: block; position: absolute; width: 4px; height: 4px; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #7989a3; }
.list30_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 1px solid #147bd1; }
.list30_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before { background-color: #147bd1; }
.hbox53 { display: flex; align-items: center; position: relative; padding-bottom: 120px; }
.hbox53 .icon { position: absolute; left: 0; bottom: 0; height: auto; z-index: 2; width: 49.5%; }
.hbox53 .icon img{ 
	height: 100%;
}
.hbox53 .left { flex: 1; padding-right: 11%; }
.hbox53 .tit { color: #333333; }
.hbox53 .editor { margin-top: 40px; line-height: 1.78; }
.hbox53 .right { width: 40%; }
.join04 { padding: 6.3% 0; overflow: hidden; background-image: linear-gradient(#d9ecff, #ffffff); }
.hbox54 .title { text-align: center; }
.hbox54 .hbox54_swiper { margin-top: 50px; }
.hbox54_swiper .swiper-container { overflow: unset; }
.hive { padding-top: 100px; }
.hive .line { display: flex; flex-wrap: wrap; }
.hive .item { display: flex; flex-wrap: wrap;
/*-webkit-clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%); clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);*/

/*background-color: rgba(255, 255, 255, .85); */
	background-image: url(../image/hive_act.png);
	 background-repeat: no-repeat;
	  background-size: contain; 
	 background-position: center; height: 10.37vw; display: flex; align-items: center; justify-content: center; width: 12vw; text-align: center; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.hive .item:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.hive .icon { padding-bottom: 40px; position: relative; transition: 0.5s; }
.hive .icon img { position: absolute; left: 50%; top: 50%; max-height: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.hive .tit { color: #005bac; margin-top: .4vw; }
.hive .desc { color: #666666; margin: 15px auto 0; line-height: 1.5; max-width: 60%; transform: scale(0); margin-bottom: -40px; position: relative; transition: 0.5s }
.hive .item:hover .desc { transform: scale(1); margin-bottom: 0; }
.hive .item:hover .icon { padding-bottom: 0 }
.hive .line:first-child { margin-top: 0; }
.hive .line:nth-child(2n) { margin-top: -4.9vw; }
.hive .line:nth-child(2n+1) { margin-top: -4.8vw; }
.hive .line:nth-child(2n+1) .item:not(:first-child) { margin-left: 8.5%; }
.hive .line:nth-child(2n) .item:nth-child(4n+1) { margin-left: 11.8%; }
.hive .line:nth-child(2n) .item:nth-child(4n+2) { margin-left: 8.5%; }
.hive .line:nth-child(2n) .item:nth-child(4n+3) { margin-left: 8.5%; }
.hive .line:nth-child(2n) .item:nth-child(4n+4) { margin-left: 8.5%; }
.hive .line.line1 .item {
    /*background-image: linear-gradient(#fff, transparent);*/
opacity: .25; }
.hive .line.line2 .item {
    /*background-image: linear-gradient(transparent, #fff);*/
opacity: .25; }
@media (max-width:1560px) {
	.list29 .icon img { height: 90px; }
	.list30 .editor { margin-top: 40px; }
}
@media (max-width:1280px) {
	.list29 .icon img { height: 60px; }
	.list30 .editor { margin-top: 20px; }
	.list30 .item:nth-child(2n+1) { padding-right: 7.5%; }
	.list30 .item:nth-child(2n) { padding-left: 7.5%; }
	.list29 .more_btn { width: 30px; height: 30px; }
	.list29 .more_btn::before { top: 11px; right: 12px; width: 6px; height: 6px; }
	.list30_swiper .swiper-pagination { bottom: 20px; }
}
@media (max-width:1024px) {
	.list29 .icon img { height: 40px; }
	.list29 .text_box { margin-top: 45px; }
	.hive .icon { padding-bottom: 25px; }
	.hive .tit { margin-top: 5px; }
}
@media (max-width:768px) {
	.hive .desc { font-size: 10px; }
	.hive { padding-top: 80px; }
	.list30 .item { margin-bottom: 30px; }
	.list30 .item:nth-child(2n+1) { padding-right: 15px; }
	.list30 .item:nth-child(2n) { padding-left: 15px; }
	.list30 .item:nth-child(2n+1) .text_box { padding-left: 25px; }
	.list30 .item:nth-child(2n) .text_box { padding-right: 25px; }
	.join01 { padding: 25px 0 20px }
	.join01 .bg_img {
		display: none;
	}
	
	.join02, .join04 { padding: 25px 0; }
	.list30 { padding-top: 25px 0; }
	.hbox53 { padding-bottom: 60px; }
	.hive .tit { font-size: 12px; }
}
@media (max-width:640px) {
	.hbox51 { flex-wrap: wrap; }
	.hbox51 .left { padding: 0; flex: unset; width: 100%; text-align: center; }
	.hbox51 .right { width: 100%; margin-top: 15px; margin-bottom: 15px; }
	.list29 .text_box { margin-top: 15px; }
	.list29 .item { padding: 15px; width: 100%;}
	.list29 .icon img { height: 30px; }
	
	.list29 .item:not(:nth-child(2n+1)) {
		margin-left: 0;
	}
	.list29 .item:not(:first-child){
		margin-top:15px;
	}
	.list29 {
		flex-wrap: wrap;
	}

	.list30 .item { flex-wrap: wrap; }
	.list30 .left { width: 100%; }
	.list30 .item {
		flex-direction: column-reverse !important;
	}
	.list30 .right { width: 100%; margin-bottom: 15px; }
	
	.list30_swiper .swiper-pagination { bottom: 10px; }
	.hbox53 { flex-wrap: wrap; padding: 0 10px 60px !important; }
	.hbox53 .left { width: 100%; flex: unset; padding-right: 0; }
	.hbox53 .right { width: 100%; margin-top: 15px; display: none;}
	.hbox53 .editor { margin-top: 15px; }
	.hive .tit { font-size: 12px; }
	.hive .line.line1, .hive .line.line2 { display: none; }
	.hive .line .item { width: 49%; clip-path: unset; margin-left: 0 !important; margin-bottom: 1.33%; height: auto; padding: 10px 0; 
	    background-color: rgba(255, 255, 255, .85);
        background-image: unset;
	}
	.hive .line .item:hover .desc { margin-top: 10px; }
	.hive .line { margin-top: 0 !important; }
	.hive { padding-top: 15px; }
	.hive .line .item:not(:nth-child(2n+1)) { margin-left: 2% !important; }
	.hbox52 { padding-left: 15px; padding-right: 15px; }

	.hive .icon {
		padding-bottom: 25px !important;
	}


	.hive .item { transform: scale(1) !important ; -webkit-transform: scale(1) !important ; -moz-transform: scale(1) !important ; -ms-transform: scale(1) !important ; -o-transform: scale(1) !important ; }
	.hive .item .desc { transform: scale(1); margin-bottom: 0; }
	.hive .item .icon { padding-bottom: 0 }

	.hbox54 .hbox54_swiper {
		margin-top: 30px;
		padding-bottom: 20px;
	}
	.hbox54_swiper.base_swiper .swiper_btn{
		display: none;
	}
    .hbox53 .icon{height:28px;}
}
.single01 { padding: 6.3% 0; }
.single_box .editor *, .single_box .editor { color: #666; line-height: 1.875; }
@media (max-width:768px) {
	.single01 { padding: 25px 0; }
}
.single02 { padding: 6.3% 0; }
.single02 .list25 { padding-bottom: 20px; }
.searchlist .capt { display: flex; align-items: center; }
.searchlist .tit { color: #333333; flex: 1; }
.searchlist .time { color: #666666; white-space: nowrap; margin-left: 15px; }
.searchlist .item { margin-bottom: 20px; padding: 30px 40px; display: block; background-color: #fff; box-shadow: 0 0 15px rgba(24, 94, 126, .16); }
@media (max-width:1560px) {
	.searchlist .item { padding: 25px 30px; }
}
@media (max-width:1280px) {
	.searchlist .item { padding: 20px; }
}
@media (max-width:768px) {
	.report02 { padding: 25px 0; }
	.searchlist .item { padding: 15px; margin-bottom: 15px; }
	.searchlist .capt { flex-wrap: wrap; }
	.searchlist .tit { width: 100%; flex: unset; }
	.searchlist .time { margin: 10px 0 0; }
}
.base_fixed { position: relative; }
.base_ding { position: absolute; top: -110px; }
.template { position: relative; }
.fixed_top { position: fixed; top: 0; left: 0; right: 0; z-index: 10; }
.fixed_main { padding-top: 100vh; z-index: 100; min-height: 200vh; position: fixed; width: 100%; overflow: hidden; pointer-events: none; }
.fixed_main::before { content: ''; display: block; height: 50%; width: 100%; top: 100vh; left: 0; right: 0; background-color: #fff; position: absolute; }
.fixed_main .main_overscroll { 
	pointer-events: auto;
    overflow-x: hidden;
    padding-bottom: 5%;
    position: relative;
}
.main_overscroll:before {
    content: '';
    display: block;
    clip-path: ellipse(184% 50% at 50% 50%);
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    z-index: -1;
}
.fixed_bottom { position: fixed; bottom: 0; width: 100%; left: 0; z-index: 2; }
.main_overscroll { overflow-y: auto; width: 100%; 
	/* clip-path: ellipse(300% 50% at 50% 50%); background-color: #fff; */
 }
@media (max-width:768px) {
	.fixed_main { padding-top: 250px; }
	.fixed_main::before { top: 250px; }
	.hbox31_swiper .imgbox{
		padding-bottom: 35px;
	}
}
.list13 .icon img, .list17 .icon img, .hbox31_swiper .imgbox img, .list5 .icon, .list8 .icon, .hbox20_swiper .item .icon, .hbox17_swiper .item .icon { animation: top_bot 3s infinite; -webkit-animation: top_bot 3s infinite; }
.hbox12_swiper .swiper-slide .icon { animation: top_bot1 3s infinite; -webkit-animation: top_bot1 3s infinite; }
.search1 .item.hsselect .input input { pointer-events: none; }
.pull_box { width: 100%; position: absolute; top: 100%; display: none; z-index: 333; border-top: 1px solid #e7eef6; }
.pull_box input { width: 100%; height: 100%; color: #333333; }
.pull_box .pulls { top: 100%; width: 100%; border-radius: 0 0 25px 25px; -webkit-border-radius: 0 0 25px 25px; -moz-border-radius: 0 0 25px 25px; -ms-border-radius: 0 0 25px 25px; -o-border-radius: 0 0 25px 25px; overflow: hidden; }
.pull_box .pull { color: #333; text-align: center; padding: 10px 5px; background-color: #fff; border-bottom: 1px solid #e7eef6; cursor: pointer; }
.pull_box .pull:hover a{color: #005bac;}
.pull_box .pull:hover { color: #005bac; }
.search1 .item.hsselect.cur { border-radius: 25px 25px 0 0; -webkit-border-radius: 25px 25px 0 0; -moz-border-radius: 25px 25px 0 0; -ms-border-radius: 25px 25px 0 0; -o-border-radius: 25px 25px 0 0; }
@media (max-width:768px) {
	.select2 .item.cur, .search1 .item.hsselect.cur { border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; -ms-border-radius: 15px 15px 0 0; -o-border-radius: 15px 15px 0 0; }


	.search .input_box.cur{
		position: fixed;
        top: 100%;
        right: 0;
        left: unset;
        transform: unset;
	}
}
.nav_ul { position: absolute; top: 100%; left: 0; height: 0; overflow: hidden; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; padding-top: 5%; width: 100%; }
.nav_ul li { margin: 10px 0; position: relative; }
.nav_ul .oneUl>li>span { position: relative; display: inline-block; padding: 5px 0; line-height: normal; }
.nav_ul .oneUl>li>span::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #005bac; width: 0; transition: all 0.5s; }
.mask { position: absolute; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; z-index: 2; background-color: #fff; top: 0; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); width: 200%; height: 0; overflow: hidden; }
.header .head_list:hover+.mask { height: 35em; }
.header .head_list:hover .nav_ul { height: 28.8em; }
.header .head_list li { transform: translate(0, 20px); -webkit-transform: translate(0, 20px); -moz-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -o-transform: translate(0, 20px); transition: all 1.5s; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -ms-transition: all 1.5s; -o-transition: all 1.5s; opacity: 0;}
.header .head_list:hover li { transform: unset; opacity: 1;}
.nav_ul .oneUl>li>span::after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; background-color: #005bac; width: 0; transition: all 0.5s; }
.nav_ul li:hover>span::after { width: 100%; }
.nav_ul .ul .ul { padding: 5px 10px 0; }
.nav_ul .ul .ul li a:hover { color: #333; }
.nav_ul .ul .ul li a { color: #999; }
.header .head_list li ul { display: none; }
.headnav_sub { position: absolute; left: 50%; transform: translateX(-50%); top: 100%; width: 100vw; background-color: #fff; padding: 40px 0; display: none; border-top: 1px solid #eee; }
.headnav_sub .inner { display: flex; justify-content: center; }
.headnav_sub .center { display: flex; margin-left: 5%; }
.headnav_sub dl { width: 200px; font-size: 20px; padding-right: 10px; }
.headnav_sub dt { display: none; }
.headnav_sub li { padding: 10px 0; }
.headnav_sub .ul .ul { padding: 5px 10px 0; display: none; }
.headnav_sub .ul .ul li { font-size: 18px; 
	padding: 5px 0; 
	margin: 0;
 }
.headnav_sub .ul .ul li a { color: #999; }
.headnav_sub .ul .ul li a:hover { color: #333; }
.headnav_sub .oneUl>li>span { position: relative; display: inline-block; padding: 5px 0; line-height: normal; }
.headnav_sub .oneUl>li>span::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #005bac; width: 0; transition: all 0.5s; }
.headnav_sub .ul .cur>span { font-weight: bold; }
.headnav_sub .ul .cur>span::after { width: 100%; }
@media (max-width:1560px) {
	.headnav_sub dl { width: 150px; font-size: 18px; }
	.headnav_sub .ul .ul li { font-size: 16px; }
}
@media (max-width:1280px) {
	.headnav_sub dl { width: 120px; font-size: 16px; }
	.headnav_sub .ul .ul li { font-size: 14px; }
}
@media (max-width:1024px) {
	.headnav_sub { padding: 0; }
	.headnav_sub .inner { padding: 0 !important; }
	.headnav_sub .center { margin-left: 0; flex-wrap: wrap; width: 100%; padding: 0 20px; }
	.headnav_sub .center dl { width: 100%; border-bottom: 1px solid #ebecf1; padding-right: 0; }
	.headnav_sub .center dt { display: block; position: relative; }
	.headnav_sub .center dt a { display: inline-block; line-height: 45px; }
	.headnav_sub .center .pcur:before { content: ''; display: block; position: absolute; top: 22px; border-top: 1px solid #555555; border-right: 1px solid #555555; right: 18px; width: 6px; height: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
	.headnav_sub .center .ocur:before { top: 19px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg) }
	.headnav_sub .center dd { display: none; padding: 0 20px; font-size: 14px; }
	.headnav_sub .center dd span { display: block; position: relative; }
	.headnav_sub .center dd .pcur::before { top: 12px; }
	.headnav_sub { background-color: #fff; }
}
/* 20241113 */


.app_pagination.swiper-pagination { position: absolute; bottom: -15px; width: 100%;
display: none; }
.app_pagination.swiper-pagination .swiper-pagination-bullet { margin: 0 8px; width: 20px; height: 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: transparent; position: relative; }
.app_pagination.swiper-pagination .swiper-pagination-bullet::before { content: ''; display: block; position: absolute; width: 4px; height: 4px; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #7989a3; }
.app_pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 1px solid #147bd1; }
.app_pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before { background-color: #147bd1; }

 




@media(max-width:1024px){
	.headnav_sub {
		position: fixed;
		top: 70px;
		left: 0;
		width: 100%;
		transform: none;
		bottom: 0;
		overflow: auto;
	}
}
@media (max-width:768px) {
	.headnav_sub{
		top: 60px;
	}
	.banner .video_btn{
		margin-top: 20px;
	}
	.hbox1_swiper .swiper-wrapper {
		display: flex;
		flex-wrap: wrap;
	}
	
	.hbox1_swiper .swiper-slide {
		flex: 0 0 auto;
		width: 33.33%;
		text-align: center;
	}
	.list1 .item .text_box {
		display: block;
		position: static;
		transform: none;
		color: #fff;
		width: 100%;
		padding: 20px 0;
	}
	
	.list1 .item {
		flex-direction: column;
	}
	
	.list1 .text_box .desc {
		color: #fff;
		margin-top: 10px;
		display: none;
	}
	
	.list1 .text_box .more {
		display: none;
	}
	
	.index_tit .span1::before { 
		font-size: .6em;
		line-height: 1;
		right: -.2em;
	    top: -.4em;
	}
	
	.hbox1 .htext_box .editor {
		font-size: 14px;
		line-height: 1.8;
	}
	.tbox1 .tbox1_tp .tabs .tab {
		flex: 0 0 auto;
		width: 44%;
		margin: 0;
		font-size: 14px;
		padding-bottom: 10px;
		line-height: 1.6;
	}
	
	.tbox1 .tbox1_tp .tabs {
		justify-content: space-between;
		align-items: stretch;
		padding-right: 0;
	}
	
	.tabs .tab.cur::before {
		height: 1px;
	}
	
	.tbox1 .tbox1_tp .base_more {
		margin: 25px 0;
		font-size: 14px;
	}
	
	.tbox1 .editor {
		font-size: 14px;
		line-height: 1.8;
	}
	.hbox6 .text_box {
		width: 100%;
		text-align: center;
	}
	
	.hbox6 {
		position: relative;
	}
	.index_tit .span1{animation: example 3s linear infinite; -webkit-animation: example 3s linear infinite;}

	.list5 .desc {
		opacity: 1;
		margin-top: 25px;
		min-height: 95px;
	}
	
	.list5 .item.cur .more1 {
		margin-top: 0;
	}
	.app_pagination.swiper-pagination{
		display: block;
	}
	.app_pagination.swiper-pagination .swiper-pagination-bullet {
		margin: 0 3px;
		width: 15px ;
		height: 15px ;
	}
	.hbox24 .list11_swiper {
		padding-bottom: 30px;
	}
}


@media (max-width:768px) {
	.list1 .item:nth-child(2){
		display: none !important;
	}
	.hbox3 {
		flex-wrap: wrap;
	}
	
	.hbox3 .right {
		width: 100%;
	}
	.round01 {
	   width: 450px;
        height: 450px;
        transform: translate(-50%, 0) rotate(93deg);
        left: 51%;
	}
	
	.list2 .text_box {
		opacity: 0;
	}
	
	.index02 {
		padding: 0 20px !important; 
	}
	
	.hbox3 .index_tit {
		justify-content: center;
	}
	
	.hbox3 .desc {
		text-align: center;
	}
	
	.tbox2 .tbox2_tit {
		text-align: center;
	}
	
	.tbox2 .tbox2_desc {
		width: 100%;
	}
	
	
	.tbox2 .more1 {
		margin: 20px auto 0;
		text-align: center;
		width: fit-content;
		display: block;
	}
	
	.tbox2 .lables {
		width: 100%;
		justify-content: center;
	}
	.hbox4_side1{
		display: none;
	}
	.hbox1 .htext_box .htit {
		text-align: center;
	}
	
	.hbox1 .htext_box .more1 {
		margin: 25px auto 0;
		display: block;
		width: fit-content;
	}
	
	.hbox1 .htext_box .lables {
		justify-content: center;
	}
	.hbox4 {
		height: 100%;
	}
	
	.tbox3 {
		width: 90%;
	}
	
	.hbox4_main .right {
		margin-top: 0;
		padding-right: 0;
	}
	
	.hbox4_main {
		padding: 26% 0;
	}
	
	.hbox4_main .text_box {
		text-align: center;
	}
	
	.hbox4_main .index_tit {
		justify-content: center;
	}
	
	.hbox4 .text_img {
		width: 50%;
	}
	.index03_swiper .swiper-slide{
		height: 100%;
	}
	.hbox7 .right {
		display: none;
	}
	
	.hbox7 .left .item {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.hbox7 .left {
		flex-wrap: wrap;
	}
	
	.hbox7 .left .item .imgbox {
		padding-bottom: 40%;
	}
	
	.hbox7 .left .item .text_box {
		padding: 15px;
	}
	
	.hbox7 .left .item .desc {
		-webkit-line-clamp: 1;
	}
	
	.hbox7 .left .item .time {
		margin-top: 10px;
	}
	.top_main .left{
		width: 125px;
	}
	@keyframes example {
		0% { --t1:0; --t2:0; --t3:0; --t4:0; --dis:block;}
		20% { --t1:60%; --t2:0; --t3:0; --t4:0;  --dis:block;}
		40% { --t1:60%; --t2:55%; --t3:0; --t4:0;  --dis:block;}
		60% { --t1:60%; --t2:55%; --t3:70%; --t4:0;  --dis:block;}
		80% { --t1:60%; --t2:55%; --t3:70%; --t4:55%;  --dis:block;}
		90% { --t1:60%; --t2:55%; --t3:70%; --t4:55%;  --dis:block;}
		100% { --t1:60%; --t2:55%; --t3:70%; --t4:55%;  --dis:none;}
	}
	.headnav_sub .center dt a {
		font-size: 16px;
	}
}
@media (max-width:640px) {
	.tbox3 .editor{
		font-size: 14px;
	}
	.hbox4_main .text_box {
		display: flex;
		flex-direction: column-reverse;
		justify-content: flex-end;
	}
	.hbox4_main .text_box .text_box1 {
		margin-top: 15px;
	}
	.hbox4_main {
		padding: 20% 0;
	}
	.index_tit .span1, .index_tit .span2 {
		font-size: 30px;
	}
	.hbox4_main .cdesc {
		font-size: 16px;
	}
	.hbox4_main .desc {
		font-size: 14px;
	}
	.tbox3 {
		margin-bottom: 10%;
	}
	
	.hbox4 .text_img {
		width: 65%;
	}
	.tbox3 .year_box .year {
		font-size: 36px;
	}
	.hbox7 .left .item:first-child{
		margin-top: 4%;
	}
	
	.index05 {
		padding-top: 1%;
	}
	.hbox7 .left .item .tit{
		-webkit-line-clamp: 1;
		margin-top: 5px;
	}
	.fullpage .section{
		overflow: hidden;
	}
	.hbox44_box .right{
		display: none;
	}
	.list23 .item .tit {
		opacity: 1;
		width: fit-content;
		height: auto;
		writing-mode: unset;
		white-space: normal;
	}


	.list20 .tit {
        font-size: 8px;
        margin-top: 5px;
    }
	.list20 .item:nth-child(1), .list20 .item:nth-child(2) {
		margin-bottom: 1.2vw;
	}
	.list20 .year {
        padding: 4px 0;
    }
	.hbox39 .text_box {
        bottom: 5%;
    }


	.allcountry .item:nth-child(2) {
		left: 21%;
		top: 52%;
	}
	
	.allcountry .item:nth-child(3) {
		left: 38%;
		top: 29%;
	}
	
	.allcountry .item:nth-child(4) {
		left: 68%;
		top: 27%;
	}
	
	.allcountry .item:nth-child(5) {
		left: 23%;
		top: 1%;
	}
	
	.allcountry .item:nth-child(6) {
		left: 46%;
		top: -18%;
	}
	
	.allcountry .item:nth-child(7) {
		left: 58%;
		top: -17%;
	}
	
	.allcountry .item:nth-child(8) {
		left: 77%;
		top: -22%;
	}
	
	.allcountry .item:nth-child(9) {
		left: -4%;
		top: -45%;
	}
	
	.allcountry .item:nth-child(10) {
		left: 28%;
		top: -69%;
	}
	
	.allcountry .item:nth-child(11) {
		left: 68%;
		top: -67%;
	}
	
	.allcountry .item:nth-child(12) {
		left: 50%;
		top: -96%;
	}
	
	.allcountry .item:nth-child(13) {
		left: 75%;
		top: -101%;
	}
	
	.allcountry .item:nth-child(14) {
		left: 91%;
		top: -88%;
	}
	.allcountry .item:nth-child(15) {
    left: 32%;
    top: -74%;
}
	.addre_box .itemcenter {
		top: 63%;
		left: 44%;
	}

	

}


.more_box .more_icon {
    background-image: none;
    border: 1px solid #005bac;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

.more_box .more_icon:after {
    content: "";
    position: absolute;
    left: 40%;
    width: 20%;
    border-right: 2px solid #005bac;
    border-bottom: 2px solid #005bac;
    transform: rotate(45deg);
    top: 34%;
    height: 20%;
}