/* 瀛椾綋璋冩暣 */
/* @font-face { font-family: 'HarmonyMedium'; src: url('../fonts/HarmonyOS_Sans_SC_Medium.ttf'); font-style: normal; font-display: swap; } */
/* .harmos-r { font-family: "HarmonyRegular"; }
.harmos-b { font-family: "HarmonyBold"; font-weight: bold; }
.harmos-m { font-family: "HarmonyMedium"; }
.harmos-l { font-family: "HarmonyLight"; } */
.color-white { color: #fff; }
.bgcolor { background-color: #f1f6f7; }
.fs260 { font-size: 260px; }
.fs76 { font-size: 3.9584vw; line-height: 1.125em; }
.fs60 { font-size: 3.75em; line-height: 1.125em; }
.fs52 { font-size: 52px; }
.fs48 { font-size: .48rem; }
.fs40 { font-size: 40px; }
.fs36 { font-size: 36px; }
.fs32 { font-size: 32px; }
.fs30 { font-size: 1.875em; line-height: 1.125em; }
.fs28 { font-size: 26px; }
.fs26 { font-size: 1.625em; }
.fs24 { font-size: 1.5em; }
.fs22 { font-size: 22px; }
.fs20 { font-size: 20px; }
.fs18 { font-size: 1.125em; }
.fs16 { font-size: 16px; }
.fs15 { font-size: 15px; }
.fs14 { font-size: 14px; }
@media (max-width:1459px) {
	.fs52 { font-size: 34px; }
	.fs40 { font-size: 28px; }
	.fs36 { font-size: 26px; }
	.fs32 { font-size: 24px; }
	.fs28 { font-size: 20px; }
	.fs22 { font-size: 18px; }
	.fs20 { font-size: 18px; }
	.fs260 { font-size: 180px; }
}
@media (max-width:1280px) {
	.fs52 { font-size: 26px; }
	.fs40, .fs32 { font-size: 24px; }
	.fs36 { font-size: 24px; }
	.fs28 { font-size: 18px; }
	.fs16 { font-size: 14px; }
	.fs15 { font-size: 14px; }
	.fs260 { font-size: 100px; }
}
@media (max-width:1024px) {
	.fs52 { font-size: 22px; }
	.fs40, .fs32 { font-size: 20px; }
	.fs36 { font-size: 20px; }
	.fs28 { font-size: 16px; }
	.fs22 { font-size: 16px; }
	.fs20 { font-size: 16px; }
	.fs16 { font-size: 12px; }
	.fs15 { font-size: 12px; }
	.fs260 { font-size: 90px; }
}
@media (max-width:768px) {
	.fs52 { font-size: 20px; }
	.fs40, .fs32 { font-size: 18px; }
	.fs36 { font-size: 18px; }
	.fs28, .fs22, .fs20 { font-size: 14px; }
	.fs16 { font-size: 12px; }
	.fs15 { font-size: 12px; }
	.fs260 { font-size: 76px; }
}
@media (max-width:750px) {
	.fs48 { font-size: 1.667em }
	.fs60 { font-size: 2.25em; }
	.fs76 { font-size: 2.5em; }
}

/* 鍏叡鍏冪礌 */
html { font-size: 5.20834vw; }
body { font-size: 0.8334vw; line-height: 1.875em; }
body.noscroll { overflow: hidden; }
.pc { display: block; }
.mb { display: none; }
.inner { max-width: 100em; width: 93.75%; margin: 0 auto; }
@media (max-width:1280px) {
	body { font-size: 12px; }
}
@media (max-width:750px) {
	body { font-size: 3.2vw; }
}
@media (max-width:768px) {
	.pc { display: none; }
	.mb { display: block; }
}
.more { display: inline-block; padding: 2.1875em; position: relative; background-image: url(../images/icon03.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: relative; }
.more::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-67%, -50%); -webkit-transform: translate(-67%, -50%); -moz-transform: translate(-67%, -50%); -ms-transform: translate(-67%, -50%); -o-transform: translate(-67%, -50%); background-image: url(../images/icon01.png); background-repeat: no-repeat; width: 1.125em; height: 1em; background-position: center; background-size: contain; }
.more1 { display: inline-block; padding: 2.1875em; position: relative; background-image: url(../images/icon04.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: relative; }
.more1::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-67%, -50%); -webkit-transform: translate(-67%, -50%); -moz-transform: translate(-67%, -50%); -ms-transform: translate(-67%, -50%); -o-transform: translate(-67%, -50%); background-image: url(../images/icon02.png); background-repeat: no-repeat; width: 1.125em; height: 1em; background-position: center; background-size: contain; }
.more:hover { background-image: url(../images/icon04.png); }
.more:hover::before { background-image: url(../images/icon02.png); }
.more2 { background-image: linear-gradient(to right, #0080c9, #0354a6); padding: 0 1.875em; line-height: 3.125em; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -ms-border-radius: 0.5em; -o-border-radius: 0.5em; display: inline-block; color: #fff; transition: all .3s; }
.more2:hover { background-image: linear-gradient(to left, #0080c9, #0354a6); }
.mouse { display: inline-block; padding-bottom: 25px; position: relative; }
.mouse::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); background-image: url(../images/icon15.png); background-repeat: no-repeat; width: 12px; height: 14px; }
.goback { color: #0354a6; padding-left: 25px; position: relative; white-space: nowrap; }
.goback::before { content: ''; display: block; position: absolute; top: 41%; border-bottom: 1px solid #0354a6; border-left: 1px solid #0354a6; left: 0; width: 6px; height: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
@media (max-width:1280px) {
	.more2 { line-height: 40px; padding: 0 25px; }
	.goback { padding-left: 12px; }
}
@media (max-width:1024px) {
	.more, .more1 { font-size: 0.83334em; }
	.more2 { line-height: 30px; padding: 0 15px; }
}
@media (max-width:768px) { }
.base_tit { display: inline-block; padding-right: 80px; font-weight: 500; position: relative; }
.base_tit::before { content: ''; display: block; 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%); background-image: url(../images/icon08.png); background-repeat: no-repeat; background-size: contain; width: 60px; height: 32px; }
@media (max-width:768px) {
	.base_tit { padding-right: 40px; }
	.base_tit::before { width: 33px; height: 19px; }
}
.video_btn { background-image: url(../images/icon09.png); background-repeat: no-repeat; background-size: contain; width: 75px; height: 75px; cursor: pointer; }
@media (max-width:1459px) {
	.video_btn { width: 45px; height: 45px; }
}
@media (max-width:1024px) {
	.video_btn { width: 35px; height: 35px; }
}
@media (max-width:768px) {
	.video_btn { width: 25px; height: 25px; }
}
.videoMask { position: fixed; z-index: 999; background: rgba(0, 0, 0, 0.6); left: 0; top: 0; width: 100%; height: 100%; display: none; }
.videoMask .videoBox { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70%; max-width: 94%; }
.videoMask .videoBox video { width: 100%; }
.videoMask .videoBox .close { position: absolute; right: 5px; top: 5px; padding: 10px; z-index: 10; cursor: pointer; padding-top: 2%; }
.videoMask .videoBox .close:before, .videoMask .videoBox .close:after { content: ""; position: absolute; width: 100%; left: 0; top: 50%; border-bottom: 1px solid #fff; }
.videoMask .videoBox .close:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.videoMask .videoBox .close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.video_click { cursor: pointer; }
@media (max-width:680px) {
	.videoMask .videoBox { width: 90%; }
}
.editor { color: #000000; line-height: 1.666; }

/* 澶撮儴 */
.header { position: fixed; top: 0; z-index: 99; width: 100%; }
.header .main { display: flex; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; justify-content: space-between; }
.nav_height { height: 85px; }
.header .logo { display: flex; align-items: center; width: 10.75em; }
.header .logo a { display: block; width: 100%; }
.header .logo .img1 { display: block; }
.header .logo .img2 { display: none; }
.header .logo img { display: block; width: 100%; height: auto; }
.header .right { display: flex; justify-content: space-between; align-items: center; }
.header .header_list { display: flex; }
.header .header_item { margin: 0 .28rem; position: relative; }
.header .header_item em { display: none; position: relative; margin-left: 1em; vertical-align: middle; }
.header .header_item em:after { width: 0.35em; height: 0.35em; border-right: 1px solid #333; border-bottom: 1px solid #333; content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); }
.header .header_item.cur a.cpt::before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background-color: #fff; }




/* 2024.6.4 */
.header .clist{
	text-align: center;	
}
.header .clist .item{
	position: relative;
}
.header .plist {
    position: absolute;
    left: 100%;
	width:max-content;
	max-width:2.7rem;
    top: 0;
}
.header .plist{
	display: none;
}
.header .plist .pitem {
    display: block;
    padding: 1em;
    background-color: #fff;
    text-align: center;
}
.header .plist .pitem:hover {
    background-color: #f0f6fc;
    color:#0354a6;
}
.header .clist .item:hover .plist{
	display: block;
}
/* 2024.6.4 */


@media only screen and (max-width:1024px) {

 }
.header .cpt { font-size: 1.125em; line-height: 4.7223em; display: inline-block; position: relative; color: #fff; }
.header .clist { position: absolute; top: 100%; background-color: #fff; 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:max-content; max-width:2.7rem; display: none;}
.header .clist .cpta { display: block; position: relative; }
.header .clist .item { padding:1em; }
.header .clist .item:hover { background-color: #f0f6fc; }
.header .clist .item:hover .cpta { color: #0354a6; }
.header .clist .item:hover .cpta::before { border-color: #0354a6; }
.My { position: relative; margin-left: 40px; display: flex; }
.My img { width: 20px; height: 20px; filter: brightness(8.5); }
.My .Login { color: #fff; margin-top: 2px; margin-left: 5px; margin-right: 10px; }
.search { display: flex; align-items: center; position: relative; }
.search .input_box.cur { opacity: 1; height: auto; padding: 0.625em; margin-top: 0.9375em; }
.search .icon { width: 1.5625em; height: 1.5625em; background-image: url(../images/icon05.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: relative; cursor: pointer; }
.search .input_box { position: absolute; top: 100%; right: 0; display: flex; background-color: #fff; border-radius: 0.3125em; -webkit-border-radius: 0.3125em; -moz-border-radius: 0.3125em; -ms-border-radius: 0.3125em; -o-border-radius: 0.3125em; height: 0; overflow: hidden; width: 13.75em; }
.search .input_box .input { flex: 1; }
.search .input_box .input input { width: 100%; font-size: 1em; }
.search .input_btn { width: 1.5em; background: url(../images/icon06.png) no-repeat center center; background-size: contain; }
.open_menu { width: 1.6667em; height: 1.25em; 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: 0; display: none; cursor: pointer; }
.open_menu i { position: absolute; width: 100%; height: 0.16667em; background-color: #fff; left: 0; top: 0.83335em; margin-top: -0.125em; 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: -0.6667em; }
.open_menu i:nth-child(3) { margin-top: 0.35em; }
.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; top: 50%; }
.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; top: 50%; }
.h_other { display: flex; align-items: center; margin-right: 1.875em; }
.h_other a { color: #fff; position: relative; }
.h_other a::before { content: ''; display: block; position: absolute; right: -1.875em; 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-color: #fff; width: 1px; height: 80%; }
.h_inner{display: flex;align-items: center;}
.langs { display: flex; align-items: center; margin-left: 1.875em; position: relative; }
.langs .lang_box { position: relative; }
.langs .lang { cursor: pointer; color: #fff; }
.langs .lang { padding-right: 1.25em; position: relative; }
.langs .lang::after { content: ''; display: block; position: absolute; top: 37%; border-top: 0.125em solid #fff; border-right: 0.125em solid #fff; right: 0; width: 0.375em; height: 0.375em; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); }
.langs .lang_list.cur { display: block; }
.langs .lang_list { position: absolute; top: 100%; width: 100%; text-align: center; padding-top: 0.9375em; display: none; }
.langs .lang_list .lang_tb { padding: 0.625em 0; background-color: #fff; }
.langs .lang_list .lang_item { color: #333; display: block; text-align: center; }
.langs .lang_list .lang_item:not(:first-child) { margin-top: 0.625em; }
.langs .lang_list .lang_item:hover { color: #0062c8; }
.header.white .h_other a::before { background-color: #353b40; }
.header.white { background-color: #fff; box-shadow: 0 0 1em rgba(0, 0, 0, 0.1); }
.header.white .logo .img1 { display: none; }
.header.white .logo .img2 { display: block; }
.header.white .cpt, .header.white .h_other a { color: #333; }
.header.white .search .icon { background-image: url(../images/icon06.png); }
.header.white .langs .lang { color: #333; }
.header.white .langs .lang::after { border-color: #333; }
.header.white .search .input_box.cur { box-shadow: 0 0 1em rgba(0, 0, 0, .1); }
.header.white .open_menu i { background-color: #333; }
.header.white .My img { width: 20px; height: 20px; filter: brightness(1.5); }
.header.white .My .Login { color: #333; }

/* 搴曢儴 */
.footer { background-image: url(../images/footer_bg01.jpg); background-repeat: no-repeat; background-size: cover; }
.footer .tmain { display: flex; padding: 6.6% 0 8.12%; justify-content: space-between; }
.footer .tmain .left { width: 240px; }
.footer .tmain .right { flex: 1; padding-left: 13%; padding-top: 1.9%; }
.footer .bmain { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 2.82% 0; border-top: 1px solid rgba(255, 255, 255, .1); }
.fnavs { display: flex; justify-content: space-between; }
.fnavs .fnav { padding-left: 10px; }
.fnavs .fna { color: #fff; font-size: 1.2em; }
.fnavs .fitem { color: rgba(255, 255, 255, .6); margin-bottom: 15px; display: block; font-size: 1em; }
.fnavs .flist { margin-top: 30px; }
.fnavs .fitem:hover { color: #fff; }
.footer .logo { max-width: 205px; }
.footer .logo img { width: 80%; }
.footer .footel { color: rgba(255, 255, 255, .6); padding-right: 30px; position: relative; display: inline-block; margin-top: 21%; }
.footer .footel::before { content: ''; background-image: url(../images/icon07.png); background-repeat: no-repeat; width: 18px; height: 18px; 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%);display: none}
.footer .foot_phone { margin-top: 10px; line-height: 1; color: #fff; font-size: 1.6em;display: none}
.footer .foot_phone * { color: #fff; }
.footer .linin{width: .2rem;height: .2rem;background-image: url(../images/link.svg);background-position: center;background-size: contain;display: block;margin-top: .2rem;margin-right: .1rem;}
.footer .email{width: .2rem;height: .2rem;background-image: url(../images/email.png);background-position: center;background-size: contain;display: block;margin-top: .2rem;}

.flows { display: flex; }
.flows .flow { width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: rgba(53, 118, 184, .5); position: relative; }
.flows .flow img { opacity: .6; 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; }
.flows .flow .img1 { display: block; }
.flows .flow .img2 { display: none; }
.flows .flow:not(:first-child) { margin-left: 10px; }
.flows .flow:hover .img1 { display: none; }
.flows .flow:hover { background-color: #fff; }
.flows .flow:hover .img2 { display: block; opacity: 1; }
.links { display: flex; justify-content: flex-end; }
.links .link { color: rgba(255, 255, 255, .6); position: relative; padding: 0 15px; }
.links .link:last-child { padding-right: 0; }
.links .link:first-child { padding-left: 0; }
.links .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%); }
.copy_right { color: rgba(255, 255, 255, .6); margin-top: 15px; }
.copy_right a { color: rgba(255, 255, 255, .6); }
.copy_right a:hover { color: #fff; }
@media (max-width:1459px) {
	.header .cpt { line-height: 70px; }
	.nav_height { height: 70px; }
	.langs { margin-left: 20px; }
	.h_other { margin-right: 20px; }
	.h_other a::before { right: -20px; }
	.footer .logo { max-width: 120px; }
}
@media (max-width:1280px) {
	.header .header_item { margin: 0 1.25em; }
	.langs { margin-left: 20px; }
	.header .clist .item { padding: 10px; }
	.langs { margin-left: 15px; }
	.h_other { margin-right: 15px; }
	.h_other a::before { right: -15px; }
	.footer .tmain { padding: 4% 0; }
	.footer .bmain { padding: 2% 0; }
	.footer .footel { margin-top: 30px; }
}
@media (max-width:1024px) {
	.langs { margin-left: 10px; }
	.header .header_list { display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #fff; }
	.open_menu { display: block; }
	.header .main { padding: 0.625em 3.3334em 0.625em 0; position: relative; }
	.nav_height { height: 50px; }
	.header .cpt { line-height: 40px; vertical-align: middle; }
	.header .header_item em { display: inline-block; }
	.header .clist { position: relative; transform: unset; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; -o-transform: unset; left: unset; width: 100%; text-align: left;}
	.header .clist .cpta { padding: 5px 10px; }
	.header .cpt { color: #000 !important; }
	.header .clist .cpta::before { top: 10px; }
	.footer .tmain .right { padding-left: 0; }
	.footer .tmain .left { width: 200px; }
	.links { justify-content: flex-start; }
	.fnavs .flist { margin-top: 20px; }


	/* 2024.6.4 */
	.header .clist .cpta{
		display: inline-block;
	}
	.header .plist {
		display: flex;
		position: relative;
		left: unset;
		width: unset;
		top: unset;
		flex-wrap: wrap;
		display: none;
	}
	 
	.header .plist .pitem {
		text-align: left;
		background-color: unset;
		padding: .25em 1.25em;
	}
	 
	.header .clist .item:hover .plist {
		display: flex;
	}
	 /*2024.6.4  */

}
@media (max-width:800px) {
	.footer .bmain { flex-wrap: wrap; }
	.footer .bmain .left { width: 100%; }
	.footer .bmain .right { margin-top: 10px; }
	.copy_right { margin-top: 10px; }
	.flows .flow img { max-height: 40%; }
	.footer .footel { margin-top: 15px; }
}
@media (max-width:750px) {
	.header .main { padding-right: 2.75em; }
	.search { margin-left: 1.35em; }
	.header .logo { width: 9em; }
	.search .input_box { right: 0; width: 22em; }
}
@media (max-width:640px) {
	.footer .tmain { flex-wrap: wrap; }
	.footer .tmain .left { width: 100%; }
	.fnavs .fnav { padding-left: 0; }
	.footer .tmain .right { width: 100%; margin-top: 15px; }
	.fnavs { flex-wrap: wrap; }
	.fnavs .fnav { width: 33.33%; }
	.fnavs .flist { margin-top: 15px; }
	.flows { justify-content: center; }
	.flows .flow { width: 30px; height: 30px; }
}





/*璇█鐗堟湰*/
.translate_french .header .inner{max-width: 113em;width: 96.75%;}


.translate_deutsch .header .header_item,
.translate_french .header .header_item,
.translate_portuguese .header .header_item,
.translate_italian .header .header_item { margin: 0 .12rem; }

.translate_deutsch .My,
.translate_french .My,
.translate_portuguese .My,
.translate_italian .My {margin-left: .2rem; }

@media (max-width:750px) {
.translate_deutsch .h_other a::before,
.translate_french .h_other a::before,
.translate_portuguese .h_other a::before,
.translate_italian .h_other a::before { display: none; }

.translate_deutsch .header .right,
.translate_french .header .right,
.translate_portuguese .header .right,
.translate_italian .header .right { flex-direction: column-reverse; }

.translate_deutsch .My .Login,
.translate_french .My .Login,
.translate_portuguese .My .Login,
.translate_italian .My .Login { margin-right: 0; }
}

/* .translate_deutsch .search,
.translate_french .search,
.translate_portuguese .search,
.translate_italian .search {margin-left: 1.125em;} */


@media(max-width:1800px){
    .translate_french .My .Login{margin-right: 5px;}
    .translate_french .search{margin-left: 5px}
    .translate_french .header .cpt{font-size: 1em}
    .translate_french .header .header_item{margin: 0 .05rem}
}




.Pages { text-align: center; }
.Pages .p_page { display: flex; justify-content: center; }
.Pages1 .p_page { justify-content: flex-start; }
.Pages .p_page a { width: 3.5715em; text-align: center; height: 3.5715em; line-height: 3.5715em; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: relative; display: inline-block; font-style: initial; margin: 0 0.71428em; font-size: 0.875em; color: #666666; font-family: "HarmonyMedium"; }
.Pages .p_page a.a_cur { color: #fff; background-image: linear-gradient(to right, #0178c2, #035cac); }
.Pages .p_page a:hover { color: #fff; background-image: linear-gradient(to right, #0178c2, #035cac); }

/* .Pages .num{
padding: 0 20px;
} */
.Pages .a_prev { background-image: url(../images/icon20.png); background-repeat: no-repeat; background-position: center; background-size: 1em; background-color: #fff; }
.Pages .a_next { width: 3.5715em; background-image: url(../images/icon21.png); background-repeat: no-repeat; background-repeat: no-repeat; background-position: center; background-size: 1em; background-color: #fff; }
.Pages a.a_prev:hover { background-image: url(../images/icon22.png); }
.Pages a.a_next:hover { background-image: url(../images/icon23.png); }
@media (max-width:1024px) {
.Pages .num { padding: 0 1.25em; }
}
@media (max-width:768px) {
.Pages .a_prev, .Pages .a_next { height: 30px; }
}
@media (max-width:640px) {
.Pages .num { display: none; }
}
.base_swiper, .base_swiper1 { position: relative; }
.base_swiper1 .swiper_btn { width: 20px; height: 20px; position: relative; background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; }
.base_swiper .swiper_btn { display: inline-block; padding: .35rem; position: absolute; background-image: url(../images/icon04.png); background-repeat: no-repeat; background-size: contain; background-position: center; cursor: pointer; 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: 10; }
.base_swiper .swiper_btn::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-67%, -50%); -webkit-transform: translate(-67%, -50%); -moz-transform: translate(-67%, -50%); -ms-transform: translate(-67%, -50%); -o-transform: translate(-67%, -50%); background-repeat: no-repeat; width: 18px; height: 16px; background-position: center; background-size: contain; }
.base_swiper .swiper_btn.prev:hover { background-image: url(../images/icon32.png); }
.base_swiper .swiper_btn.prev { background-image: url(../images/icon32.png); }
.base_swiper .swiper_btn.prev::before { background-image: url(../images/icon12.png); transform: translate(-45%, -50%); }
.base_swiper .swiper_btn.next::before { background-image: url(../images/icon02.png); }
.base_swiper .swiper_btn:hover { background-image: url(../images/icon04.png); }
.base_swiper .swiper_btn.prev:hover::before { background-image: url(../images/icon12.png); }
.base_swiper .swiper_btn.next:hover::before { background-image: url(../images/icon02.png); }
.base_swiper .swiper_btn.prev { left: 0; }
.base_swiper .swiper_btn.next { right: 0; }
.base_swiper1 .swiper_btn.prev { background-image: url(../images/icon12.png); }
.base_swiper1 .swiper_btn.next { background-image: url(../images/icon02.png); }
.base_swiper1 .swiper_btn.prev:hover { background-image: url(../images/icon12.png); }
.base_swiper1 .swiper_btn.next:hover { background-image: url(../images/icon02.png); }
@media (max-width:1459px) {
.base_swiper .swiper_btn { padding: .25rem; }
.base_swiper1 .swiper_btn { width: 15px; height: 15px; }
}
@media (max-width:1280px) {
.base_swiper1 .swiper_btn { width: 12px; height: 12px; }
}
@media (max-width:768px) {
.base_swiper .swiper_btn { padding: 20px; }
}
@media (max-width:640px) {
.base_swiper .swiper_btn { padding: 15px; }
.base_swiper .swiper_btn::before { width: 11px; height: 11px; }
}
@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); }
}
.base_banner { position: relative; }
.base_banner .imgbox { overflow: hidden; position: relative; }
.base_banner img { width: 100%;    /* animation: myscale 5s infinite;
-webkit-animation: myscale 5s infinite;
animation-iteration-count: 1;
-webkit-animation-iteration-count: 1; */ }
.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%; }
.base_banner .text_box .tit { color: #fff; font-weight: bold; }

    /* 灏忓鑸 */
.bg-grey { background-color: #f5f9fd; }
.locat { border-bottom: 1px solid #f0f0f0; }
.locat .auto1600 { display: flex; justify-content: space-between; }
.ltabs { display: flex; color: #666666 !important; }
.ltabs a.ltab { color: #666666; }
.ltabs .ltab { margin-right: 65px; cursor: pointer; position: relative; }
.ltabs .ltab.cur { color: #000; }
.ltabs .ltab.cur::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: #0354a6; }
.ltabs .ltab, .loted a { padding: 35px 0; }
.loted { display: flex; align-items: center; color: #999999; }
.loted .home { padding-left: 30px; position: relative; }
.loted .home::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(../images/icon13.png); background-repeat: no-repeat; width: 21px; height: 18px; background-size: contain; }
.loted a { margin: 0 5px; color: #999; }
.loted a:hover { color: #0354a6; }
.loted span {    /* color: #0354a6; */
margin-left: 5px; }
@media (max-width:1459px) {
.ltabs .ltab, .loted a { padding: 30px 0; }
.ltabs .ltab { margin-right: 25px; }
}
@media (max-width:1024px) {
.ltabs .ltab, .loted a { padding: 20px 0; }
.ltabs .ltab { margin-right: 35px; }
}
@media (max-width:1024px) {
.ltabs .ltab, .loted a { padding: 15px 0; }
.ltabs .ltab { margin-right: 25px; }
}
@media (max-width:768px) {
.locat .auto1600 { flex-wrap: wrap; flex-direction: column-reverse; }
.ltabs .ltab { margin-right: 10px; }
.ltabs .ltab, .loted a { padding: 10px 0; }
.ltabs .ltab { font-size: 12px; }
.ltabs .ltab { white-space: nowrap; }
.ltabs { overflow-x: auto; width: 100%; }
}
@media (max-width:640px) {
.loted .home { padding-left: 25px; }
.loted .home::before { width: 15px; height: 14px; }
.loted * { white-space: nowrap; }
.loted { overflow-x: auto; width: 100%; }
}

    /* 寮圭獥 */
.msg_box { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 999; }
.msg_box .main { display: flex; align-items: center; width: 100%; height: 100%; justify-content: center; }
.msg_box .title { text-align: center; }
.msg_box .base_content { position: relative; width: 100%; }
.msg_box .close { position: absolute; right: 15px; top: 15px; padding: 16px; z-index: 10; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: 3; }
.msg_box .close:before, .msg_box .close:after { content: ""; position: absolute; width: 100%; left: 50%; top: 50%; border-bottom: 2px solid #000; }
.msg_box .close:before { transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); }
.msg_box .close:after { transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); }
@media (max-width:640px) {
.msg_box .close { padding: 10px; top: 1em; }
}

@media (max-width:640px) {
	.My {
		margin-left: 10px;
	}
	
	.header .logo {
		width: 6em;
	}
	
	.header .main {
		padding-right: 2.2em;
	}
	.options li {
		margin-bottom: 0;
	}
	.search {
		margin-left: 5px;
	}
	
	.My .Login {
		margin-right: 5px;
	}
	
	.header .langs .lang {
		font-size: 12px;
	}
	
	.h_other {
		margin-right: 5px;
		font-size: 12px;
	}
	
	.langs {
		margin-left: 5px;
	}
	
	.h_other a::before {
		right: -5px;
		height: 60%;
	}
}

.flex{
	display: flex;
	align-items: center;
}