body {
	--www: 1.5rem;
	--interval: 1.5rem;
	--nav_height: 1rem;
	--color: #183b84;
	--f14:0.14rem;
	--f16:0.16rem;
	--f18:0.18rem;
	--f20:0.2rem;
	--f22:0.22rem;
	--f24:0.24rem;
	--f26:0.26rem;
	--f28:0.28rem;
	--f30:0.3rem;
	--f32:0.32rem;
	--f34:0.34rem;
	--f36:0.36rem;
	/*.Home_Banner .page_box .page div span*/
	--f38:0.38rem;
	--f40:0.4rem;
	--f42:0.42rem;
	--f44:0.44rem;
	--f46:0.46rem;
	--f48:0.48rem;
	--f50:0.5rem;
	--f52:0.52rem;
	--f54:0.54rem;
	--f56:0.56rem;
	--f58:0.58rem;
	--f60:0.6rem;
}
@media screen and (min-width:1921px) {
  body {--interval: calc((100vw - (19.2rem - 1.5rem)) / 2); }
}
@media screen and (max-width:1520px) {
  body {
	  --f14:12px;
	  --f16:14px;
	  --f18:16px;
	  --f20:18px;
	  --f22:20px;
	}
}
@media screen and (max-width:1200px) {
  body {
	  --f22:16px;
	  --f24:18px;
	  --f26:20px;
	  --f28:22px;
	  --f30:0.36rem;
	  --f32:0.36rem;
	  --f34:0.38rem;
	  --f36:0.4rem;
	  --f38:0.4rem;
	  --f40:0.4rem;
	  --f42:0.4rem;
	  --f44:0.4rem;
	  --f46:0.4rem;
	  --f48:0.4rem;
	  --f50:0.42rem;
	  --f52:0.46rem;
	  --f54:0.48rem;
	  --f56:0.52rem;
	  --f58:0.52rem;
	  --f60:0.54rem;
	  --interval: 5vw;
	  --nav_height: 58px;
	}
}
@media screen and (max-width:767px) {
  body {
	  --f14:0.26rem;
	  --f16:0.28rem;
	  --f18:0.3rem;
	  --f20:0.3rem;
	  --f22:0.32rem;
	  --f24:0.34rem;
	  --f26:0.34rem;
	  --f28:0.36rem;
	  --f30:0.4rem;
	  --f32:0.4rem;
	  --f34:0.4rem;
	  --f36:0.4rem;
	  --f38:0.4rem;
	  --f40:0.42rem;
	  --f42:0.42rem;
	  --f44:0.42rem;
	  --f46:0.42rem;
	  --f48:0.42rem;
	  --f50:0.42rem;
	  --f52:0.42rem;
	  --f54:0.44rem;
	  --f56:0.46rem;
	  --f58:0.46rem;
	  --f60:0.48rem;
	}
}


/*
.Header_Container { position: fixed; top: 0; width: 100%;background: #000000; z-index: 9; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Header_Container::after { content: ''; position: absolute; width: 100%; height: 1px; background: #eee; bottom: 0; opacity: 0 }
.Header_Container .box .logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: auto; margin: auto 2px;}
.Header_Container .box .logo a { display: block; position: relative }
.Header_Container .box .logo a img {width: 100%;height: 40px; }
.Header_Container .box .logo a p { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Header_Container .box .logo a .p2 { position: absolute;height: 40px;width: 200px; left: 0; top: 0; opacity: 0 }
.Header_Container .box .logo a .p2 img{height: 40px;width: auto;}
.Header_Container .box .nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: auto }
.Header_Container .box .nav .item { padding: 0 0.16rem; position: relative }
.Header_Container .box .nav .item > p a { position: relative; font-size: var(--f18); color: #fff; line-height: 58px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Header_Container .box .nav .item > p a::after { z-index: 3; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #fff; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; opacity: 0 }
.Header_Container .box .nav .item:hover > p a::after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); opacity: 1 }
.Header_Container .box .nav .item:hover .SelectNav { opacity: 1; visibility: inherit; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transform: translateX(-50%) translateY(0rem); -ms-transform: translateX(-50%) translateY(0rem); transform: translateX(-50%) translateY(0rem) }
.Header_Container .box .nav .item.active > p a { font-weight: bold }
.Header_Container .box .nav .item1 { position: initial }
.Header_Container .box .call { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 0.9rem }
.Header_Container .box .call p { font-family: 'gilroy_Medium'; font-size: 14px; color: #fff; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Header_Container .box .call p svg { margin-right: 5px; -webkit-animation: headanim 0.5s ease 0s infinite; animation: headanim 0.5s ease 0s infinite }
.Header_Container .box .call p svg path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Header_Container .box .search { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 0.5rem }
.Header_Container .box .search path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Header_Container.active,
.Header_Container.on,
.Header_Container.act { background: #fff }
.Header_Container.active::after,
.Header_Container.on::after,
.Header_Container.act::after { opacity: 1 }
.Header_Container.active .box .logo a .p1,
.Header_Container.on .box .logo a .p1,
.Header_Container.act .box .logo a .p1 { opacity: 0 }
.Header_Container.active .box .logo a .p2,
.Header_Container.on .box .logo a .p2,
.Header_Container.act .box .logo a .p2 { opacity: 1 }
.Header_Container.active .box nav .item > p a,
.Header_Container.on .box nav .item > p a,
.Header_Container.act .box nav .item > p a { color: #000 }
.Header_Container.active .box nav .item:hover > p a::after,
.Header_Container.on .box nav .item:hover > p a::after,
.Header_Container.act .box nav .item:hover > p a::after { background: #183b84 }
.Header_Container.active .box nav .item.active > p a,
.Header_Container.on .box nav .item.active > p a,
.Header_Container.act .box nav .item.active > p a { color: #183b84 }
.Header_Container.active .box .call p,
.Header_Container.on .box .call p,
.Header_Container.act .box .call p { color: #183b84 }
.Header_Container.active .box .call p svg path,
.Header_Container.on .box .call p svg path,
.Header_Container.act .box .call p svg path { fill: #183b84 }
.Header_Container.active .box .search svg path,
.Header_Container.on .box .search svg path,
.Header_Container.act .box .search svg path { fill: #183b84 }
*/




/* --------------------Header Middle-------------------- */

.site-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}

.site-header-spacer {height: 70px;}

.Header_Container {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}

@media (max-width: 1200px) {
	.site-header-spacer {height: 50px;}
}

.header-sticky {padding: 0;background-color: #333333;}

.header-middle-wrap {position: relative;padding: 0 6%;margin: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;background-color: #333333;}

/* --------------------Header Logo-------------------- */
.header-logo {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}

.header-logo img {height: 50px;width: 100%;}

@media (max-width: 991px) {
	.header-logo {padding: 10px 0;}

	.header-logo img {height: 30px;width: 100%;}
}

/* --------------------Header Main-------------------- */
.main-menu {padding: 0 6px;margin-left: auto;margin-right: 2px;align-items: center;}

@media (min-width: 1200px) {
	.main-menu {display: flex;}
}

@media (max-width: 1200px) {
	.main-menu {display: none;}
}

.main-nav {display: flex;justify-content: flex-end;}

.main-nav>ul {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}

.main-nav>ul>li {display: inline-block;padding-right: 38px;}

.main-nav>ul>li a {color: #fff;}

.main-nav>ul>li>a {display: inline-flex;align-items: center;gap: 14px;line-height: 70px;font-weight: 500;font-size: 16px;text-transform: uppercase;}

.main-nav>ul>li>a i {display: none;}

.main-nav>ul>li>a::after {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	border-right: 2.5px solid currentColor;
	border-bottom: 2.5px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.3s ease, margin-top 0.3s ease;
	flex: 0 0 auto;
}

.main-nav>ul>li:nth-child(-n+2)>a::after {
	display: none;
}

.main-nav>ul>li:hover>a::after {
	margin-top: 4px;
	transform: rotate(225deg);
}

.main-nav>ul>li:hover>a {color: #ee3231;}

.main-nav>ul>li:hover>.drop-menu {opacity: 1;visibility: visible;-webkit-transform: perspective(600px) rotateX(0deg);transform: perspective(600px) rotateX(0deg);}

.header-contact-shortcut {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 70px;
	color: #fff;
	flex: 0 0 38px;
}

.header-contact-shortcut i {font-size: 22px;line-height: 1;}


.header-contact-shortcut:hover {color: #ee3231;}

.header-mobile-actions {display: none;}

@media (max-width: 1200px) {
	.header-mobile-actions {display: flex;align-items: center;gap: 4px;margin-left: auto;}
	.header-mobile-action {display: inline-flex;align-items: center;justify-content: center;width: 38px;height: 50px;color: #fff;line-height: 1;text-decoration: none;}
	.header-mobile-action i {font-size: 22px;line-height: 1;}
	.header-mobile-action:hover,
	.header-mobile-action:focus-visible {color: #ee3231;}
	.header-mobile-action:focus-visible {outline: 2px solid #ee3231;outline-offset: -4px;}
}

/*展现弹窗*/

/* --------------------Header Drop Menu-------------------- */

.drop-holder {position: relative;}

.drop-menu {-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);background-color: #4E4E4E;position: absolute;visibility: hidden;opacity: 0;top: 100%;left: 0;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 250px;padding-left: 30px;padding-top: 25px;padding-bottom: 25px;text-align: left;z-index: 2;-webkit-transform-origin: 0 0 0;-ms-transform-origin: 0 0 0;transform-origin: 0 0 0;-webkit-transform: perspective(600px) rotateX(-90deg);transform: perspective(600px) rotateX(-90deg);}

.drop-menu>li:not(:last-child) {padding-bottom: 10px;}

.drop-menu a:hover {color: #ee3231;font-weight: 800;}

@media (max-width: 1199.98px) {
	.drop-menu {left: auto;right: 0;}
}


/* --------------------Header Megamenu-------------------- */
.megamenu {margin-top: -10px;width: 100%;padding: 0;padding: 40px 80px;display: flex;flex-direction: row;justify-content: space-between;}

.megamenu-holder {position: static;}

.megamenu span {width: 100%;}

.megamenu .title {text-transform: uppercase;margin-bottom: 30px;font-size: 20px;color: #FCFCFC;font-weight: 500;display: block;}

.megamenu.drop-menu>li {padding-bottom: 0;}

.megamenu>li {width: 100%;padding: 6px 12px;}

.megamenu>li:not(:last-child) {border-right: 1px solid #e7e7e7;padding-right: 30px;margin-right: 30px;}

.megamenu>li>ul li:not(:last-child) {padding-bottom: 20px;}

.megamenu>li>ul li a {display: block;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;font-size: 14px;padding: 6px}

.megamenu>li>ul li a:hover {background-color: #FFFFFF;padding-left: 10px;}

.megamenubanner img {-o-object-position: center center;object-position: center center;width: auto;max-height: 300px;}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.megamenu .title {font-size: 17px;}
}

/* --------------------Header Right-------------------- */
.header-right>ul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;position: relative;}

.header-right>ul>li {position: relative;cursor: pointer;}

.header-right>ul>li:not(:last-child) {padding-right: 15px;}

.header-right>ul>li>a i {font-size: 23px;vertical-align: middle;color: #FFFFFF;}

.header-right>ul>li>a i:before {font-weight: 500;}

.minicart-wrap {padding-right: 12px;}

.mobile-menu_wrap {display: block}

@media (min-width: 1201px) {
	.mobile-menu_wrap {display: none;}
}

.header-right>ul .btn {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}

.header-right>ul .btn i {color: #212529;font-size: 24px;}

.header-right>ul .btn:after {border: 0;}


/*--------------------搜索弹窗--------------------*/
.modal {position: fixed;top: 0;left: 0;display: none;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;outline: 0;z-index: 1055;}

@media (prefers-reduced-motion: reduce) {
	.modal-dialog {-webkit-transition: none;-o-transition: none;transition: none;}
}

.modal-header {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;padding: 1rem 1rem;border-bottom: 1px solid #dee2e6;border-top-left-radius: calc(0.5rem - 1px);border-top-right-radius: calc(0.5rem - 1px);}

.modal-header .btn-close {padding: 8px;margin: 6px 6px auto auto;-webkit-box-sizing: content-box;box-sizing: content-box;width: 30px;height: 30px;border: 0;border-radius: 6px;}

.modal-header.btn-close:hover {color: #000;text-decoration: none;opacity: 0.75;}

.modal-header>i {font-size: 13px;}

.modal-content {position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;width: 100%;pointer-events: auto;color: #000000;background-color: #fff;background-clip: padding-box;border: 1px solid #dee2e6;border-radius: 0.5rem;outline: 0;}

.modal-backdrop {position: fixed;top: 0;left: 0;z-index: 1050;width: 100vw;height: 100vh;background-color: #000;}

.modal-backdrop.fade {opacity: 0;}

.modal-backdrop.show {opacity: 0.7;}

.modal-title {margin-bottom: 0;line-height: 1.4;}

.modal-body {position: relative;-webkit-box-flex: 1;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1rem;}

.modal-footer {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;padding: calc(1rem - 0.5rem * 0.5);background-color: #FFFFFF;border-top: 1px solid #dee2e6;border-bottom-right-radius: calc(0.5rem - 1px);border-bottom-left-radius: calc(0.5rem - 1px);}

.modal-footer>* {margin: calc(0.5rem * 0.5);}

@media (min-width: 576px) {
	.modal-dialog {max-width: 500px;margin-right: auto;margin-left: auto;}
}

.modal-fullscreen {width: 100vw;max-width: none;height: 100%;margin: 0;}

.modal-fullscreen .modal-content {height: 100%;border: 0;border-radius: 0;}

.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {border-radius: 0;}

.modal-fullscreen .modal-body {overflow-y: auto;}

/* ---header Offcanvas Search Area--- */
.modal-fullscreen {opacity: 0.9;}

.modal-content {background-color: #FFFFFF;}

.modal-header {border-bottom: 0;}

.modal-header .btn-close {opacity: 1;color: #000000}

.modal-header .btn-close:focus {outline: none;-webkit-box-shadow: none;box-shadow: none;}

.modal-header .btn-close:hover {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}

.modal-search {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;height: 100%;}

.modal-search span.searchbox-info {margin-bottom: 30px;font-size: 20px;display: block;color: #212529;letter-spacing: 0.5px;text-align: center;}

.hm-searchbox {position: relative;width: 800px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}

@media (max-width: 991.98px) {
	.hm-searchbox {width: 100%;}
}

.hm-searchbox input {border-top: 0;border-bottom: 1px solid #212529;border-left: 0;border-right: 0;height: 100px;line-height: 100px;width: 100%;text-align: center;font-size: 30px;padding-right: 55px;font-weight: 300;}

@media (max-width: 479px) {
	.hm-searchbox input {font-size: 20px;}
}

.hm-searchbox input::-webkit-input-placeholder {color: #212529;}

.hm-searchbox input::-moz-placeholder {color: #212529;}

.hm-searchbox input:-ms-input-placeholder {color: #212529;}

.hm-searchbox input::-ms-input-placeholder {color: #212529;}

.hm-searchbox input::placeholder {color: #212529;}

.hm-searchbox .search-btn {position: absolute;font-size: 30px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);right: 0;border: 0;background: transparent;color: #212529;padding: 0;}

.hm-searchbox .search-btn i {vertical-align: middle;color: #000000;}

/*搜索弹窗结束*/

/* --------------------header小屏-------------------- */

.offcanvas-backdrop {position: fixed;top: 0;left: 0;z-index: 1040;width: 100vw;height: 100vh;background-color: #000;}

.offcanvas-backdrop.fade {opacity: 0;}

.offcanvas-backdrop.show {opacity: 0.5;}

.offcanvas-header {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;padding: 1rem 1rem;}

.offcanvas-header .btn-close {padding: calc(1rem * 0.5) calc(1rem * 0.5);margin-top: calc(1rem * -0.5);margin-right: calc(1rem * -0.5);margin-bottom: calc(1rem * -0.5);}

.offcanvas-title {margin-bottom: 0;line-height: 1.4;}

.offcanvas-body {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;padding: 1rem 1rem;overflow-y: auto;}

.placeholder {display: inline-block;min-height: 1em;vertical-align: middle;cursor: wait;background-color: currentcolor;opacity: 0.5;}

.placeholder.btn::before {display: inline-block;content: "";}


/*  --------------------05. herdr小屏导航栏--------------------*/

.tromic-offcanvas-body {background-color: #333333;position: fixed;top: 0;left: -350px;width: 350px;z-index: 9999;visibility: hidden;opacity: 0;overflow: visible;overflow-x: hidden;-webkit-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;height: 100%;overflow-y: auto;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}


@media (prefers-reduced-motion: reduce) {
	.tromic-offcanvas-body {-webkit-transition: none;-o-transition: none;transition: none;}
}

@media (max-width: 575.98px) {
	.tromic-offcanvas-body {width: 100%;}
}

.mobile-menu_wrapper.open .tromic-offcanvas-body,
.offcanvas-minicart_wrapper.open .tromic-offcanvas-body {visibility: visible;left: 0;opacity: 1;z-index: 999;}

.mobile-menu_wrapper.open .tromic-offcanvas-body,
.offcanvas-minicart_wrapper.open .tromic-offcanvas-body {z-index: 1001;}

.offcanvas-minicart_wrapper.open .tromic-offcanvas-body {left: auto;right: 0;}

.inner-body {padding: 50px 0;}


/*--------------------菜单关闭按键--------------------*/
.tromic-offcanvas-top {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;padding: 0 25px 30px;}

.tromic-offcanvas-top .button-close {display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;padding: 0;border: 0;background: transparent;color: #c0c0c0;line-height: 1;text-decoration: none;}

.drawer-close-icon {position: relative;display: block;width: 18px;height: 18px;}

.drawer-close-icon:before,
.drawer-close-icon:after {content: "";position: absolute;top: 8px;left: 1px;width: 16px;height: 2px;border-radius: 2px;background: currentColor;}

.drawer-close-icon:before {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.drawer-close-icon:after {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}

.tromic-offcanvas-top .button-close:hover,
.tromic-offcanvas-top .button-close:focus-visible {color: #ee3231;}

/*--------------------菜单关闭按键结束--------------------*/

.offcanvas-navigation .mobile-menu>li {height: 100%;}

.offcanvas-navigation .mobile-menu>li>a span {position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}

.offcanvas-navigation .mobile-menu li {position: relative;}

.offcanvas-navigation .mobile-menu li:not(:last-child) {padding-bottom: 25px;}

.offcanvas-navigation .mobile-menu li>.menu-expand {position: absolute;right: 0;top: 2px;width: 50px;height: 100%;line-height: 40px;cursor: pointer;text-align: center;margin-right: 4px;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;font-size: 20px;}

.offcanvas-navigation .mobile-menu li a {color: #c0c0c0;font-size: 14px;text-transform: uppercase;display: block;padding: 0 30px;}

.offcanvas-navigation .mobile-menu li a span>i {display: inline-flex;align-items: center;justify-content: center;width: 20px;height: 20px;margin-left: 16px;color: inherit;font-size: 14px;line-height: 1;flex: 0 0 20px;}

.offcanvas-navigation .mobile-menu li .sub-menu {display: none;background-color: rgba(255, 255, 255, 0.05);overflow-y: auto;padding: 25px 0;margin: 20px 0 10px;}

.offcanvas-navigation .mobile-menu li .sub-menu li a {text-transform: uppercase;font-size: 11px;color: #c0c0c0;}

.offcanvas-navigation .mobile-menu li .sub-menu li a span {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}

.offcanvas-navigation .mobile-menu li .sub-menu li.menu-open>a {color: #ee3231;}

.offcanvas-navigation .mobile-menu li .sub-menu li.menu-open>a>span>i:before {content: "\e619";}

.offcanvas-navigation .mobile-menu li.menu-open>a {color: #ee3231;}

.offcanvas-navigation .mobile-menu li.menu-open>a>span>i:before {content: "\e619";}

.offcanvas-minicart_wrapper .tromic-offcanvas-body {-webkit-box-shadow: 0px 0 15px rgba(0, 0, 0, 0.2);box-shadow: 0px 0 15px rgba(0, 0, 0, 0.2);background-color: #fff;padding: 55px 60px 0;width: 450px;left: auto;right: -660px;justify-content: flex-start;}

@media (max-width: 575.98px) {
	.offcanvas-minicart_wrapper .tromic-offcanvas-body {padding: 55px 30px 0;width: 100%;}
}

.minicart-heading {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;align-items: center;padding-bottom: 20px;}

.minicart-heading h4 {color: #6c788c;font-size: 26px;font-weight: 500;line-height: 1.25;}

.minicart-heading .button-close {display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;font-size: 20px;line-height: 1;color: #383838;text-decoration: none;}

.minicart-heading .button-close:hover {color: #ee3231;}

.minicart-heading .button-close:focus-visible {outline: 2px solid #ee3231;outline-offset: 2px;}

.offcanvas-minicart_wrapper .popup-contact {margin: 55px 6px 0;}

.offcanvas-minicart_wrapper .popup-contact ul {margin: 0;padding: 0;}

.offcanvas-minicart_wrapper .popup-contact li {display: flex;align-items: flex-start;margin-bottom: 32px;}

.offcanvas-minicart_wrapper .popup-icon {display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;margin-right: 20px;border-radius: 8px;background: #f64b3c;color: #fff;flex: 0 0 30px;}

.offcanvas-minicart_wrapper .popup-icon i {font-size: 19px;line-height: 1;}

.offcanvas-minicart_wrapper .popup-content {min-width: 0;color: #555252;}

.offcanvas-minicart_wrapper .popup-content h4 {margin: 0 0 10px;color: #111;font-size: 14px;font-weight: 700;line-height: 1.25;text-transform: uppercase;}

.offcanvas-minicart_wrapper .popup-content p {margin: 0;color: #555252;font-size: 16px;line-height: 1.55;}

.offcanvas-minicart_wrapper .popup-content a {color: #6c788c;}

.offcanvas-minicart_wrapper .popup-content a:hover {color: #ee3231;}

.offcanvas-minicart_wrapper .popup_scan {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 4px;width: 100%;margin: 40px 0 0;padding: 0;}

.offcanvas-minicart_wrapper .popup_img {width: auto;margin: 0;padding: 5px 5px 0;background: #444;text-align: center;}

.offcanvas-minicart_wrapper .popup_img img {display: block;width: 100%;height: auto;background: #fff;}

.offcanvas-minicart_wrapper .popup_img span {display: block;color: #fff;font-size: 16px;line-height: 22px;}

.group-btn_wrap {display: grid;gap: 10px;margin-top: auto;padding: 40px 0 52px;}

.offcanvas-minicart_wrapper .group-btn_wrap .btn {display: flex;align-items: center;justify-content: center;width: 100%;height: 46px;padding: 0 20px;border: 0;border-radius: 24px;background: #f1f5f9;color: #1f2937;font-size: 14px;font-weight: 600;line-height: 1;}

.offcanvas-minicart_wrapper .group-btn_wrap .btn:hover {background: #383838;color: #fff;}

.global-overlay {position: fixed;top: 0;left: 0;z-index: 99;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);visibility: hidden;opacity: 0;transition: opacity 0.3s ease, visibility 0.3s ease;}

.global-overlay.overlay-open {visibility: visible;opacity: 1;cursor: pointer;}

/* --------------------Offcanvas User Info-------------------- */
.offcanvas-user-info {text-align: center;padding: 0 10px;padding-bottom: 10px;}

.offcanvas-user-info p {color: #c0c0c0;}


.maodian { position: relative;  /*top: 0;*/ top: calc(58px * -1 + 1px) }
/*@media screen and (max-width: 1200px) {*/
/*  .maodian {*/
/*    top: calc(var58px * -1 + 1px);*/
/*  }*/
/*}*/
.public_author { position: relative; top: calc((83px + 58px) * -1) }
.search_open { cursor: pointer }
.mobile_search { top: 58px; }

/** 纵向滚动条样式 */
.wMain { padding-left: 8vw; padding-right: 8vw; width: 100% }
.swiper-button-lock { display: none !important }
.button-disabled,
.swiper-button-disabled { cursor: auto; pointer-events: none }
.dw { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2 }
.flex_center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.center { text-align: center }
.white { color: #fff }
.bgColor { background: #eff2f5 }
.pt { padding-top: 0.65rem }
.pb { padding-bottom: 0.65rem }
.mt { margin-top: 0.56rem }
.height_height { height: 58px; }
.Privacy_Policy .box_ .content1 { font-size: 0.4rem }
.Privacy_Policy .box_ .hr { border-top: 1px solid #eee; margin: 0.5rem 0 }
.Privacy_Policy .box_ .content3 { font-size: var(--f18); line-height: 1.8; color: #333 }
.Search_List .box1 { padding: 1.2rem 0 0.5rem; font-size: 18px; background: #eff2f5 }
.Search_List .box2 { min-height: 40vh }
.Search_List .box2 .item { padding: 0.2rem 0rem; border-bottom: 1px solid #eee }
@media screen and (max-width:1200px) {
  .Search_List .box2 .item { padding: 0.2rem 0rem }
}
.Search_List .box2 .item a .left { max-width: 80% }
.Search_List .box2 .item a .left .t { font-size: 12px; color: #999 }
.Search_List .box2 .item a .left .b { font-size: 18px; color: #333; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin-top: 12px }
.Search_List .box2 .item a .right { font-size: 14px; color: #183b84; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Search_List .box2 .item a .right i { font-size: 14px; display: inline-block; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Search_List .box2 .item a:hover .b { color: #183b84 }
.Search_List .box2 .item a:hover .right i { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px) }
.Search_List .box3 { font-size: var(--f18); text-align: center }
.code_button .a { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: 0.15rem; width: 0.6rem; height: 0.6rem; border-radius: 50%; color: #fff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s }
.code_button .a svg { width: 0.3rem; position: relative; z-index: 2; height: 0.3rem }
.code_button .a svg path { fill: #303E48; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s }
.code_button .a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; -webkit-box-shadow: inset 0 0 0 0.47rem #c2b2a5; box-shadow: inset 0 0 0 0.47rem #c2b2a5; -webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s; transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s; -o-transition: box-shadow 0.3s, transform 0.3s; transition: box-shadow 0.3s, transform 0.3s; transition: box-shadow 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s }
.code_button .a:hover::after { -webkit-box-shadow: inset 0 0 0 2px #c2b2a5; box-shadow: inset 0 0 0 2px #c2b2a5; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }

.SelectNav { position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(0.2rem); -ms-transform: translateX(-50%) translateY(0.2rem); transform: translateX(-50%) translateY(0.2rem); background: #fdfdfd; width: 1.5rem; visibility: hidden; opacity: 0 }
.SelectNav ul { padding: 0.1rem 0; border-bottom: 1px solid #e5ebf3 }
.SelectNav ul li a { display: block; text-align: center; font-size: 14px; padding: 0.1rem 0; color: #111; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.SelectNav ul li a:hover { color: #183b84 }
.Solution_Nav { position: absolute; top: 58px; height: calc(100vh - 58px); left: 0; width: 100%; opacity: 0; visibility: hidden }
.Solution_Nav .bg { height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; width: 100% }
.Solution_Nav .box_ { position: relative; z-index: 2; background: #fdfdfd }
.Solution_Nav .box_ .left_ { width: 4.2rem; background: #eff2f5; min-height: 1rem; padding: 0.4rem 0 0.4rem 5vw }
.Solution_Nav .box_ .left_ .h5 { font-size: var(--f26); font-weight: bold }
.Solution_Nav .box_ .left_ ul { margin-top: 0.36rem }
.Solution_Nav .box_ .left_ ul li { padding: 0 0.2rem }
.Solution_Nav .box_ .left_ ul li a { font-size: var(--f18); color: #333; font-weight: bold; width: 1.5rem; display: block; padding: 0.2rem 0.15rem 0.2rem 0; position: relative }
.Solution_Nav .box_ .left_ ul li a i { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 12px }
.Solution_Nav .box_ .left_ ul .active { background: #fff }
.Solution_Nav .box_ .left_ ul .active a { color: #183b84 }
.Solution_Nav .box_ .right_ { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0.4rem 5vw 0.4rem 0.8rem }
.Solution_Nav .box_ .right_ .list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.3rem 0.5rem; display: none; max-height: 70vh; padding-bottom: 0.4rem; overflow: auto; overflow-x: hidden; overflow-y: auto; padding-right: 0.1rem }
.Solution_Nav .box_ .right_ .list::-webkit-scrollbar { width: 2px; height: 2px }
.Solution_Nav .box_ .right_ .list::-webkit-scrollbar-thumb { border-radius: 2px; background: #183b84 }
.Solution_Nav .box_ .right_ .list::-webkit-scrollbar-track { border-radius: 2px; background: rgba(0, 0, 0, 0.1) }
@-moz-document url-prefix() {
  .Solution_Nav .box_ .right_ .list { scrollbar-color: #183b84 rgba(0, 0, 0, 0.1); scrollbar-width: thin }
}
.Solution_Nav .box_ .right_ .list .ite .h6 { font-size: 18px; font-weight: bold; padding-bottom: 0.2rem; border-bottom: 1px solid #cfd3d8 }
.Solution_Nav .box_ .right_ .list .ite .h6 a { color: #000 }
.Solution_Nav .box_ .right_ .list .ite ul { margin-top: 0.16rem }
.Solution_Nav .box_ .right_ .list .ite ul li { padding: 0.07rem 0 }
.Solution_Nav .box_ .right_ .list .ite ul li a { font-size: var(--f18); color: #666; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_Nav .box_ .right_ .list .ite ul li a p { background: #c8d7e6; text-align: center; padding: 3px 12px 1px; line-height: 1 }
.Solution_Nav .box_ .right_ .list .ite ul li:hover a { color: #183b84 }
.Solution_Nav .box_ .right_ .list .ite ul .active a { color: #183b84 }
.Solution_Nav .box_ .right_ .list.active { display: grid }
.Solution_Nav.active { opacity: 1; visibility: visible; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Inner_Banner { position: relative }
.Inner_Banner picture { overflow: hidden }
.Inner_Banner picture img { width: 100%; -webkit-animation: bannerscale 20s infinite linear; animation: bannerscale 20s infinite linear }
.Inner_Banner .orientation { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.Inner_Banner .orientation .box { color: #fff }
.Inner_Banner .orientation .box .content1 { font-size: var(--f42); font-weight: bold }
.Inner_Banner .orientation .box .content2 { font-size: var(--f18); margin-top: 0.24rem; line-height: 1.8; max-width: 10rem; max-height: -webkit-calc(10.8em); max-height: calc(1.8em * 6); overflow: auto; overflow-x: hidden; overflow-y: auto; padding-right: 0.1rem }
.Inner_Banner .orientation .box .content2::-webkit-scrollbar { width: 2px; height: 2px }
.Inner_Banner .orientation .box .content2::-webkit-scrollbar-thumb { border-radius: 2px; background: #fff }
.Inner_Banner .orientation .box .content2::-webkit-scrollbar-track { border-radius: 2px; background: rgba(255, 255, 255, 0.1) }

@-moz-document url-prefix() {
  .Inner_Banner .orientation .box .content2 { scrollbar-color: #183b84 rgba(255, 255, 255, 0.1); scrollbar-width: thin }
}
.Inner_Banner .orientation .box .content3 { margin-top: 0.5rem }
.Inner_Banner .orientation .box .content100 { display: flex; margin-top: 0.14rem; color: #fff; position: relative }
.Inner_Banner .orientation .box .content100 .posi { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0.24rem 0.2rem }
.Inner_Banner .orientation .box .content100 .t1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.Inner_Banner .orientation .box .content100 .t1 span { margin-left: 0.1rem; font-size: var(--f18) }
.Inner_Banner .orientation .box .content100 .t2 { margin-top: 0.2rem }
.Inner_Banner .orientation .box .content100 .t2 a { color: #fff; font-family: 'gilroy_regular'; font-size: 18px }
.Inner_Banner.on picture img { width: 100% }
@media screen and (min-width:1200px) {
  .Inner_Banner.on picture img { height: 100vh }
}
.Banner_posi .orientation_posi{margin: 0px;padding: 20px 0;background-color: #DEDEDE;}
.Banner_posi .orientation_posi:hover{background-color: #000000;}
.Banner_posi .orientation_posi:hover .box{color: #FFFFFF;}

.Banner_posi .orientation_posi .box{font-size: 20px;color: #000000}
.Banner_posi .orientation_posi .box:hover{color: #FF0000;}

@-webkit-keyframes bannerscale {
  0% { -webkit-transform: scale(1.1); transform: scale(1.1) }
  50% { -webkit-transform: scale(1); transform: scale(1) }
  100% { -webkit-transform: scale(1.1); transform: scale(1.1) }
}
@keyframes bannerscale {
  0% { -webkit-transform: scale(1.1); transform: scale(1.1) }
  50% { -webkit-transform: scale(1); transform: scale(1) }
  100% { -webkit-transform: scale(1.1); transform: scale(1.1) }
}
.mbx.posi { position: absolute; left: 0; bottom: 0.25rem; z-index: 2 }
.mbx .box { font-size: 14px;color: #fff; }
.mbx .box a { color: #fff; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.mbx .box a svg { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px) }
.mbx .box a:hover { text-decoration: underline }
.mbx .box em { margin: 0 0.1rem }
.mbx .box em i { color: #fff; font-size: 12px; }
.mbx .box span { color: #fff }
.mbx.on { background: #f9f9f9; padding: 0.15rem 0 }
.mbx.on .box a { color: #999 }
.mbx.on .box a path { fill: #666666 }
.mbx.on .box em i { color: #999 }
.mbx.on .box span { color: #666 }
.btn{ border: none;padding: 0.5rem 1.25rem;border-radius: 60px;font-weight: 600;cursor: pointer;transition: all 0.2s ease;font-family: inherit;background: #f1f5f9;}
.f3 { background: #f3f3f3 }

/* --------------- banner.html 开始 ------------ */
.slide-inner {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;min-height: 792px;}

.slide-inner:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #003769;opacity: 0.7;}

.animation-style.swiper-slide-active .slide-content .sub-title {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.animation-style.swiper-slide-active .slide-content .title {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-delay: 1s;animation-delay: 1s;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;text-shadow: 3px 0px black;}

.animation-style.swiper-slide-active .slide-content .short-desc {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-delay: 1.5s;animation-delay: 1.5s;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.animation-style.swiper-slide-active .slide-content .button-wrap {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-delay: 2s;animation-delay: 2s;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}


.slide-content {color: #FFFFFF;position: relative;z-index: 1;}

.slide-content .sub-title {font-weight: 400;font-size: 26px;line-height: 30px;display: block;text-transform: uppercase;color: #FF0004;text-align: left;margin-left: 20px;margin-bottom: 20px;}

.slide-content .sub-title strong {font-size: 38px}

.slide-content .title {font-size: 78px;text-transform: uppercase;margin-bottom: 16px}

.slide-content .title.font-weight-bold {font-weight: 700;}

.slide-content .short-desc {text-transform: uppercase;line-height: 30px;margin-bottom: 50px;font-size: 24px;font-weight: 10;color: #FFFFFF;}

@media (max-width: 1599.98px) {.slide-inner {min-height: 610px;}}

@media (max-width: 991.98px) {.slide-content {text-align: center;}}

@media (max-width: 767.98px) {
	.slide-inner {min-height: 480px;}

	.slide-content .sub-title {font-size: 18px;}

	.slide-content .title {font-size: 40px;}

	.slide-content .short-desc {font-size: 16px;text-transform: capitalize;}
}

/*首页大轮播图箭头*/
@media(max-width:767.98px) {
	.custom-arrow-wrap {display: none;}
}

@media (min-width: 768px) {
	.d-md-block {display: block;}
}

.custom-button-prev,
.custom-button-next {background-repeat: no-repeat;position: absolute;top: 50%;left: 30px;z-index: 1;width: 29px;height: 29px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);overflow: hidden;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;opacity: 0;visibility: hidden;}

.custom-button-prev:hover,
.custom-button-next:hover {background-position: 0 100%;}

.custom-button-prev {background-image: url("/powopublic/images/left-arrow.png");}

.custom-button-next {background-image: url("/powopublic/images/right-arrow.png");left: auto;right: 30px;}
/* --------------- banner.html 结束 ------------ */

/* --------------- about.html 开始 ------------- */
.features-section {z-index: 1;padding: 100px 0px 110px;margin-bottom: 6px;background-image: url(/powopublic/images/ft-bg.jpg);background-size: cover;background-repeat: no-repeat;position: relative;}

.features-section:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #EDEDED;opacity: 0.9;z-index: -1;}

.features-section .section-title-middle {margin: 0 auto;max-width: 100%;padding-bottom: 60px;text-align: center;}

.features-section .section-title-middle .title-tag {color: #000000;}

.features-section .section-title-middle h2 {color: #000000;}

.features-icon-text {border-radius: 2px;margin-bottom: 15px;background-color: #fff;padding: 55px 0px 50px 0px;-webkit-transition: .3s all ease-in-out;-o-transition: .3s all ease-in-out;transition: .3s all ease-in-out;text-align: center;position: relative;}

.features-icon-text .features-icon {margin-bottom: 20px;}

.features-icon-text .features-text h3 {color: #222222;font-size: 22px;font-weight: 700;padding-bottom: 8px;}

.features-icon-text .features-text p {font-weight: 300;font-size: 14px;margin-bottom: 0px;}

.features-icon-text .features-hover-content {top: 0;z-index: 2;width: 100%;height: 100%;padding: 50px 45px;position: absolute;background-color: #003561;opacity: 0;visibility: hidden;border-radius: 2px;-webkit-transition: .3s all ease-in-out;-o-transition: .3s all ease-in-out;transition: .3s all ease-in-out;}

.features-icon-text .features-hover-content .fh-icon-bg {position: absolute;z-index: -1;left: 0;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

.features-icon-text .features-hover-content .features-hover-text h3 {color: #fff;font-size: 22px;font-weight: 700;padding-bottom: 18px;}

.features-icon-text .features-hover-content .features-hover-text p {color: #fff;margin-bottom: 0px;}

.features-icon-text .features-hover-content .features-hover-text .fh-more {margin-top: 25px;}

.features-icon-text .features-hover-content .features-hover-text .fh-more a {color: #fff;font-size: 18px;}

.features-icon-text:hover {padding-bottom: 65px;margin-bottom: 0px;}

.features-icon-text:hover .features-hover-content {opacity: 1;visibility: visible;}

@media screen and (max-width: 991px) {
	.features-icon-text {margin-bottom: 45px;}
}

@media screen and (max-width: 480px) {
    .features-section {padding: 50px 0px;}
	
	.features-section .section-title-middle .title-tag {font-size: 14px !important;margin-bottom: 24px;}
	
	.features-section .section-title-middle h2 {margin: 36px 0 10px 0;}
	
	.customized-service {padding: 80px 0;}
	
	.ups-sec{padding:40px 0 60px;}
	
	.UPS-service-content h2,
	.sec-title h2 {font-size: 30px !important;}
	
	
	.UPS-service-content p {font-size: 16px !important;}
	
	.Footer_Container .box1 .boxLeft p {font-size: 21px !important;}
	
}


.customized-service {display: block;background-color: #003561;margin: 6px 0;padding: 100px 0;}

.customized-service-content {text-align: center;}

.customized-service-content p {font-size: 16px;color: #ccc;margin-bottom:0px;}

.customized-service .btn {padding: 8px 40px;margin-top: 60px;}
/* ------------- about.html 结束 ----------- */


/* --------------ups_list.html 开始------------- */
.sec-title {margin: 40px 0;text-align: center;}

.sec-title h2 {font-size: 32px;color: #202a30;font-weight: 600;margin: 0;margin-bottom: 15px;}

.sec-title h2 span {color: #f64b3c;}

.sec-title p {font-size: 16px;color: #747474;margin: 0;margin-bottom: 20px;}

.sec-title span.decor {width: 16px;height: 16px;border-radius: 50%;border: 2px solid #a2a1a1;background: #fff;display: inline-block;position: relative;z-index: 1;}

.sec-title span.decor::before {left: 14px;}

.sec-title span.decor::before,
.sec-title span.decor::after {content: '';position: absolute;top: 5px;width: 50px;height: 2px;background: #cecece;z-index: -1;}

.sec-title span.decor::after {right: 14px;}

.sec-title span.inner {width: 6px;height: 6px;background: #cecece;border-radius: 50%;display: block;margin: auto;margin-top: 3px;}
	
.ups-sec {display: block;background: url(/powopublic/images/ups_mrbg.jpg) center center no-repeat;background-size: cover;position: relative;z-index: 2;margin: 6px 0;padding: 80px 0;}

.ups-sec:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #ffffff;opacity: 0.86;z-index: -1;}

.ups-introduce {display: block;}

.ups-imgwrap {display: flex;justify-content: center;align-items: center;height: auto;float: right;}

.ups-imgwrap img {width: 100%;height: auto;}

.ups-content {max-width: 100%;height: auto;padding: 8px;}

.ups-content .top-title {color: #F64B3C;font-size: 22px;margin-bottom: 6px;font-weight: bold;text-transform: uppercase;text-align: center;}

.ups-content h2 {font-size: 36px;margin-bottom: 20px;text-align: left;}

.ups-content p {font-size: 17px;line-height: 1.6;text-align: left;}

.ups-content h2:empty,
.ups-content p:empty {display: none;}

.ups-content ul {margin-top: 16px;}

.ups-content ul li {position: relative;font-weight: 500;font-size: 16px;line-height: 20px;padding-left: 30px;margin-bottom: 16px;text-align: left;}

.ups-content ul li:last-child {margin: 0;}

.ups-content ul li i {display: inline-flex;align-items: center;justify-content: center;width: 26px;height: 26px;background-color: #ff3b30;border-radius: 50%;position: relative;box-sizing: border-box;box-shadow: inset 0 0 0 2px #ff3b30,inset 0 0 0 3.5px #ffffff;}
/* 绘制对勾 */
.ups-content ul li i:before {content: "";display: block;width: 5px;height: 9px;border: solid #ffffff;border-width: 0 2px 2px 0;transform: rotate(45deg);margin-top: -2px;}

.ups-content .default-btn {text-align: right;margin: 40px 0;padding: 10px 30px;display: inline-block;background-color: #f64b3c;color: #fff;}

.ups-content .default-btn:hover {color: #fff;border-color: #fff;}


/* ------------- ups_list.html 结束 ------------- */

/* ---------- UPS的好处 开始------------*/
.UPS-service {background-color: #003561;margin: 6px 0;padding: 80px 0;width: 100%;height: auto;}

.UPS-service-content {text-align: center;}

.UPS-service-content h3 {color: #f64b3c;margin: 0 0 8px;}

.UPS-service-content h2 {font-size: 45px;line-height: 100%;font-weight: 600;text-transform: capitalize;color: #fff;margin-bottom: 20px;}

.UPS-service-content p {font-size: 18px;line-height: 30px;text-transform: capitalize;color: #edf4ff;margin-bottom: 20px;}

.UPS-service-content .def-btn {margin: 10px 0 0;padding: 10px 30px;background-color: #f64b3c;color: #fff;}

.UPS-service-content .def-btn:hover {color: #fff;border-color: #fff;}

/* ---------- UPS的好处 结束------------*/

/* ---------- avr栏目 开始 ------------ */
.avr-sec {padding: 50px 0 90px;display: block;background: url(/powopublic/images/breadcrumb-bg.jpg) center center no-repeat;background-size: cover;position: relative;z-index: 2;}

.avr-sec:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #ffffff;opacity: 0.83;z-index: -1;}

.avr-imgwrap {display: flex;align-items: center;justify-content: center;height: auto;}

.avr-imgwrap img {width: 100%;height: auto;}

.avr-sec .accordion {padding: 0;margin: 0;}

.avr-sec .accordion .accordion-item {display: block;margin-bottom: 12px;}

.avr-sec .accordion .accordion-item:last-child {margin-bottom: 0;}
.avr-sec .accordion .accordion-item .accordion-title {padding: 15px 20px;color: #003769;position: relative;background: transparent;border-radius: 2px;font-size: 18px;font-weight: 600;display: block;border: 1px solid #003769;}

.avr-sec .accordion .accordion-item .accordion-title i {position: absolute;right: 30px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);color: #C81912;-webkit-transition: 0.5s;transition: 0.5s;font-size: 15px;}

.avr-sec .accordion .accordion-item .accordion-title.active {-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);background-color: #fff;}

.avr-sec .accordion .accordion-item .accordion-title.active i::before {content: "-";}

.avr-sec .accordion .accordion-item .accordion-content {display: none;background-color: #F2F2F2;margin: 2px 0;padding: 20px 15px;font-size: 16px;height: auto;}

.avr-sec .accordion .accordion-item .accordion-content.show {display: block;height: auto;}
/* ------------ avr栏目 结束 ------------- */


.button_01 .a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: var(--f18); color: #fff; background: #183b84; min-width: 1.7rem; padding: 0 0.3rem; height: 0.52rem }
@media screen and (max-width:1200px) {
	.button_01 .a { height: 0.7rem }
}
@media screen and (max-width:699px) {
	.button_01 .a { height: 0.8rem }
}
.button_01 .a p { position: relative; z-index: 2 }
.button_01 .a .circle { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 18px; height: 18px; border: 1px solid #fff; border-radius: 50%; margin-left: 0.12rem }
.button_01 .a .circle span { display: block; width: 6px; height: 6px; border-radius: 50%; background: #fff; margin: auto }
.button_01 .a .circle::before,
.button_01 .a .circle::after { content: ''; position: absolute; top: -18px; right: -18px; bottom: -18px; left: -18px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 100%; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5) }
.button_01 .a:hover .circle::before,
.button_01 .a:hover .circle::after { -webkit-animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1); animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1) }
.button_01 .a:hover .circle::after { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
@-webkit-keyframes sonarAnimation {
	0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5) }
	5% { opacity: 0.8 }
	100% { opacity: 0; -webkit-transform: scale(1.8); transform: scale(1.8) }
}
@keyframes sonarAnimation {
	0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5) }
	5% { opacity: 0.8 }
	100% { opacity: 0; -webkit-transform: scale(1.8); transform: scale(1.8) }
}
.Sitemap .container { padding-left: 5vw; padding-right: 5vw }
.Sitemap .container .ap_top { border-bottom: 1px solid #999; padding-bottom: 0.46rem }
.Sitemap .container .ap_top p { font-size: 0.54rem; color: #000 }
.Sitemap .container .ap_bot .item { padding: 0.44rem 0; border-bottom: 1px solid #ccc }
.Sitemap .container .ap_bot .item .content1 a { color: #000; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-weight: bold }
.Sitemap .container .ap_bot .item .content1 a:hover { color: #183b84 }
.Sitemap .container .ap_bot .item .content2 { margin-top: 0.22rem }
.Sitemap .container .ap_bot .item .content2 .firstorder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start }
.Sitemap .container .ap_bot .item .content2 .firstorder a { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin-right: 0.6rem; color: #333 }
.Sitemap .container .ap_bot .item .content2 .firstorder a:hover { color: #183b84 }
.Sitemap .container .ap_bot .item .content2 .multistage { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; flex-wrap: wrap }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list { margin-right: 0.5rem }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_1 a { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #333 }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_1 a:hover { color: #183b84 }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 { margin-top: 0.26rem }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .title_3 a { font-size: 0.9em; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #333 }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .title_3 a:hover { color: #183b84 }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 { padding-left: 0.1rem }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 { margin-top: 0.14rem }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.8em; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #666 }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a i { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-size: 0.9em }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a:hover { color: #183b84 }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 { padding-left: 0.1rem }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 { margin-top: 0.1rem }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.8em; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #666; line-height: 1.4 }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a i { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-size: 0.9em }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a:hover { color: #183b84 }
.Sitemap .container .ap_bot .item .content1 a { font-size: 0.26rem }
.firstorder > a, .ge_list { font-size: 0.24rem }
@media (max-width:1200px) {
	.Sitemap .container { padding: 0 5vw }
	.Sitemap { padding: 0.8rem 0 }
	.Sitemap .container .ap_bot .item .content2 .multistage, .Sitemap .container .ap_bot .item .content2 .firstorder { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.2rem }
	.Sitemap .container .ap_bot .item .content2 .multistage a, .Sitemap .container .ap_bot .item .content2 .firstorder a { margin-right: 0 }
	.Sitemap .container .ap_bot .item .content1 a { font-size: 0.32rem }
	.firstorder > a, .ge_list { font-size: 0.3rem }
}
@media (max-width:750px) {
	.Sitemap .container .ap_bot .item .content2 .multistage,
	.Sitemap .container .ap_bot .item .content2 .firstorder { grid-template-columns: repeat(1, 1fr) }
}



.Layer_Upload { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 11 }
.Layer_Upload .box { position: absolute; width: min(8.2rem, 90vw); margin: auto; background: #fff; padding: 0.6rem; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center }
.Layer_Upload .box .close { position: absolute; right: 0.4rem; top: 0.4rem; z-index: 2; cursor: pointer }
.Layer_Upload .box .close i { font-size: 18px; color: #ccc; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-weight: bold }
.Layer_Upload .box .close:hover i { color: #183b84 }
.Layer_Upload .box .content1 { font-size: 0.36rem; line-height: 1; font-weight: bold }
.Layer_Upload .box .content2 { margin-top: 0.5rem }
.Layer_Upload .box .content2 .upload { width: 2.9rem; margin: auto; cursor: pointer; position: relative }
.Layer_Upload .box .content2 .upload img { width: 100% }
.Layer_Upload .box .content2 .upload p { font-size: 14px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0.6rem; min-width: 0.95rem; padding: 0 0.3rem; line-height: 35px; border: 1px solid #183b84 }
.Layer_Upload .box .content3 { font-size: var(--f18); color: #666; margin-top: 0.25rem; margin-bottom: 0.15rem }
.Layer_Upload .box .content5 { margin-top: 0.45rem }
.Layer_Upload .box .content5 input { width: 1.6rem; height: 0.55rem; background: #183b84; color: #fff; font-size: 14px; cursor: pointer }
.title_01 .title { font-size: 0.4rem; font-weight: bold; line-height: 1.3; font-family: 'gilroy_bold' }
.title_01 .desc { font-size: 18px; color: #666; margin-top: 0.12rem }
.desc_01 { font-size: var(--f18); line-height: 1.8; color: #666 }

@-webkit-keyframes yuan {
	0% { stroke-dashoffset: 160 }
	100% { stroke-dashoffset: 0 }
}
@keyframes yuan {
	0% { stroke-dashoffset: 160 }
	100% { stroke-dashoffset: 0 }
}
.button_02 p, .button_02 .a { background: #183b84; height: 0.52rem; width: 0.52rem; color: #fff; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.button_02 p i, .button_02 .a i { margin: auto; font-size: 12px; font-weight: bold }
.button_03 .a { height: 0.52rem; width: 0.52rem; color: #fff; border-radius: 50%; border: 2px solid #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.button_03 .a i { margin: auto; font-size: 12px; font-weight: bold }
.button_04 .a { height: 0.52rem; width: 0.52rem; color: #183b84; border-radius: 50%; border: 2px solid #183b84; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.button_04 .a i { margin: auto; font-size: 12px; font-weight: bold }
.button_05 { display: inline-block }
.button_05 .a { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: var(--f18); color: #fff; border: 1px solid #fff; min-width: 1.7rem; padding: 0 0.3rem; height: 0.52rem }
@media screen and (max-width:1200px) {
	.button_05 .a { height: 0.7rem }
}
@media screen and (max-width:699px) {
	.button_05 .a { height: 0.8rem }
}
.button_05 .a p { position: relative; z-index: 2 }
.button_05 .a .circle { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 18px; height: 18px; border: 1px solid #fff; border-radius: 50%; margin-left: 0.12rem }
.button_05 .a .circle span { display: block; width: 6px; height: 6px; border-radius: 50%; background: #fff; margin: auto }
.button_05 .a .circle::before, .button_05 .a .circle::after { content: ''; position: absolute; top: -18px; right: -18px; bottom: -18px; left: -18px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 100%; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5) }
.button_05 .a:hover { background: #183b84; color: #fff; border-color: #183b84 }
.button_05 .a:hover .circle { border-color: #fff }
.button_05 .a:hover .circle span { background: #fff }
.button_05 .a:hover .circle::before, .button_05 .a:hover .circle::after { -webkit-animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1); animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1) }
.button_05 .a:hover .circle::after { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.button_06 { display: inline-block }
.button_06 .a { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: var(--f18); color: #fff; background: transparent; min-width: 1.7rem; padding: 0 0.3rem; height: 0.52rem; cursor: pointer; border: 1px solid #fff }
@media screen and (max-width:1200px) {
	.button_06 .a { height: 0.7rem }
}
@media screen and (max-width:699px) {
	.button_06 .a { height: 0.8rem }
}
.button_06 .a p { position: relative; z-index: 2 }
.button_06 .a svg { margin-left: 0.12rem; width: 18px }
.button_06 .a:hover { background: #183b84; color: #fff; border-color: #183b84; -webkit-box-shadow: 0px 0px 12px rgba(0, 76, 151, 0.3); box-shadow: 0px 0px 12px rgba(0, 76, 151, 0.3) }
.button_06 .a:hover .circle { border-color: #fff }
.button_06 .a:hover .circle span { background: #fff }
.button_06 .a:hover .circle::before,
.button_06 .a:hover .circle::after { -webkit-animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1); animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1) }
.button_06 .a:hover .circle::after { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.Home_Solution { overflow: hidden; background: #eff2f5 }
.Home_Solution .box { position: relative }
.Home_Solution .box .item { position: relative; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_Solution .box .item .img { position: relative }
.Home_Solution .box .item .img img { width: 100%; height: 7.8rem }
.Home_Solution .box .item .img::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 64%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.3))); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3)); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3)) }
.Home_Solution .box .item .orientation_01 { color: #fff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 50%; text-align: center; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_Solution .box .item .orientation_01 .content1 { font-size: 0.4rem; font-weight: bold }
.Home_Solution .box .item .orientation_01 .content2 { margin-top: 0.1rem; font-size: var(--f18) }
.Home_Solution .box .item .orientation_01 .content3 { margin-top: 0.4rem }
.Home_Solution .box .item .orientation_02 { color: #fff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 5vw; opacity: 0 }
.Home_Solution .box .item .orientation_02 .content1 { font-size: 0.4rem; font-weight: bold }
.Home_Solution .box .item .orientation_02 .content2 { margin-top: 0.1rem; font-size: var(--f18) }
.Home_Solution .box .item .orientation_02 .content3 { margin-top: 0.4rem; opacity: 0 }
.Home_Solution .box .item .orientation_03 { position: absolute; left: 5vw; bottom: 0.6rem; width: 100% }
.Home_Solution .box .item .orientation_03 .scroll { width: 7.4rem }
@media screen and (min-width:1200px) {
	.Home_Solution .box .item .orientation_03 .scroll { display: grid; grid-template-rows: 0fr; overflow: hidden }
}
.Home_Solution .box .item .orientation_03 .scroll ul { min-height: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px }
.Home_Solution .box .item .orientation_03 .scroll ul li { position: relative }
.Home_Solution .box .item .orientation_03 .scroll ul li::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.35) }
.Home_Solution .box .item .orientation_03 .scroll ul li a { font-size: var(--f18); color: #fff; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 0.35rem 0 0.55rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; background: rgba(255, 255, 255, 0.15); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); text-align: left; position: relative; z-index: 1 }
.Home_Solution .box .item .orientation_03 .scroll ul li i { position: absolute; right: 0.2rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; color: #fff; opacity: 0.3; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_Solution .box .item .orientation_03 .scroll ul li p { line-height: 50px; height: 50px }
.Home_Solution .box .item .orientation_03 .scroll ul li div { position: absolute; left: 0.18rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.Home_Solution .box .item .orientation_03 .scroll ul li div svg { width: 30px; -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px) }
.Home_Solution .box .item .orientation_03 .scroll ul li div svg path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_Solution .box .item .orientation_03 .scroll ul li:hover a { background: #fff; color: #183b84 }
.Home_Solution .box .item .orientation_03 .scroll ul li:hover i { color: #183b84; opacity: 1 }
.Home_Solution .box .item .orientation_03 .scroll ul li:hover div svg path { fill: #183b84 }
@media screen and (min-width:1200px) {
	.Home_Solution .box .left { -webkit-clip-path: polygon(0% 0%, 55.5% 0%, 45% 100%, 0% 100%); clip-path: polygon(0% 0%, 55.5% 0%, 45% 100%, 0% 100%) }
}
.Home_Solution .box .right { right: 0; top: 0; height: 100% }
@media screen and (min-width:1200px) {
	.Home_Solution .box .right { position: absolute; -webkit-clip-path: polygon(56% 0%, 100% 0%, 100% 100%, 45.5% 100%); clip-path: polygon(56% 0%, 100% 0%, 100% 100%, 45.5% 100%) }
}
.Home_Solution .box .right .orientation_01 { right: 0; left: auto }
.Home_Solution .box .right .orientation_02 { right: 5vw; left: auto; text-align: right }
@media screen and (min-width:1200px) {
	.Home_Solution .box1 .left { -webkit-clip-path: polygon(0% 0%, 81.5% 0%, 71% 100%, 0% 100%); clip-path: polygon(0% 0%, 81.5% 0%, 71% 100%, 0% 100%) }
	.Home_Solution .box1 .left .orientation_01 { opacity: 0 }
	.Home_Solution .box1 .left .orientation_02 { opacity: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s }
	.Home_Solution .box1 .left .orientation_03 { display: flex }
	.Home_Solution .box1 .left .orientation_03 .scroll { grid-template-rows: 1fr; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s }
	.Home_Solution .box1 .right { -webkit-clip-path: polygon(82% 0%, 100% 0%, 100% 100%, 71.5% 100%); clip-path: polygon(82% 0%, 100% 0%, 100% 100%, 71.5% 100%) }
	.Home_Solution .box1 .right .orientation_01 { width: 23% }
	.Home_Solution .box2 .left { -webkit-clip-path: polygon(0% 0%, 28.5% 0%, 18% 100%, 0% 100%); clip-path: polygon(0% 0%, 28.5% 0%, 18% 100%, 0% 100%) }
	.Home_Solution .box2 .left .orientation_01 { width: 23% }
	.Home_Solution .box2 .right { -webkit-clip-path: polygon(29% 0%, 100% 0%, 100% 100%, 18.5% 100%); clip-path: polygon(29% 0%, 100% 0%, 100% 100%, 18.5% 100%) }
	.Home_Solution .box2 .right .orientation_01 { opacity: 0 }
	.Home_Solution .box2 .right .orientation_02 { opacity: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s }
	.Home_Solution .box2 .right .orientation_03 { left: auto; right: 5vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end }
	.Home_Solution .box2 .right .orientation_03 .scroll { grid-template-rows: 1fr; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s }
}
.Home_Solution_01 { overflow: hidden; --h: 7.73rem; background: #eff2f5 }
.Home_Solution_01 .box { display: flex; width: 20.4rem }
.Home_Solution_01 .box .item { flex: 1; position: relative; will-change: auto; margin-right: 0.1rem; transition: all 0.6s }
.Home_Solution_01 .box .item .main { width: 100%; overflow: hidden; transform: skew(-10deg); transform-origin: left top; position: relative; height: var(--h) }
.Home_Solution_01 .box .item .main .main_01 { position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; transform: translate(-40%, 0) skew(10deg) }
.Home_Solution_01 .box .item .main .main_01 .img img { height: var(--h); width: 100% }
.Home_Solution_01 .box .item .main .main_01 .orientation_01 { color: #fff; position: absolute; top: 50%; left: 40%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50%; text-align: center; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_Solution_01 .box .item .main .main_01 .orientation_01 .content1 { font-size: 0.4rem; font-weight: bold }
.Home_Solution_01 .box .item .main .main_01 .orientation_01 .content2 { margin-top: 0.1rem; font-size: var(--f18) }
.Home_Solution_01 .box .item .main .main_01 .orientation_01 .content3 { margin-top: 0.4rem }
.Home_Solution_01 .box .item .main .main_01 .orientation_02 { color: #fff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 16%; opacity: 0 }
@media screen and (max-width:1680px) {
	.Home_Solution_01 .box .item .main .main_01 .orientation_02 { top: 40% }
}
@media screen and (max-width:1520px) {
	.Home_Solution_01 .box .item .main .main_01 .orientation_02 { top: 30% }
}
.Home_Solution_01 .box .item .main .main_01 .orientation_02 .content1 { font-size: 0.4rem; font-weight: bold }
.Home_Solution_01 .box .item .main .main_01 .orientation_02 .content2 { margin-top: 0.1rem; font-size: var(--f18) }
.Home_Solution_01 .box .item .main .main_01 .orientation_02 .content3 { margin-top: 0.4rem }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 { position: absolute; left: 16%; bottom: 0.6rem; width: 100% }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll { width: 7.4rem }
@media screen and (min-width:1200px) {
	.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll { display: grid; grid-template-rows: 0fr; overflow: hidden }
}
@media screen and (max-width:1200px) {
	.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll { height: -webkit-calc(170px); height: calc(50px * 3 + 20px); overflow: auto; overflow-x: hidden; overflow-y: auto; padding-right: 0.1rem }
	.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll::-webkit-scrollbar { width: 2px; height: 2px }
	.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll::-webkit-scrollbar-thumb { border-radius: 2px; background: #fff }
	.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll::-webkit-scrollbar-track { border-radius: 2px; background: rgba(255, 255, 255, 0.1) }
  @-moz-document url-prefix() {
	  .Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll { scrollbar-color: #183b84 rgba(255, 255, 255, 0.1); scrollbar-width: thin }
  }
}
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul { min-height: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li { position: relative }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.35) }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li a { font-size: var(--f18); color: #fff; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 0.35rem 0 0.55rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; background: rgba(255, 255, 255, 0.35); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); text-align: left; position: relative; z-index: 1 }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li i { position: absolute; right: 0.2rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; color: #fff; opacity: 0.3; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li p { line-height: 50px; height: 50px }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li div { position: absolute; left: 0.18rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li div svg { width: 30px; -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px) }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li div svg path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; fill: #fff }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li:hover a { background: #fff; color: #183b84 }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li:hover i { color: #183b84; opacity: 1 }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li:hover div svg path { fill: #183b84 }

@media screen and (min-width:1200px) {
	.Home_Solution_01 .box .item:nth-child(2) { margin-right: 0 }
	.Home_Solution_01 .box .item:nth-child(2) .main .main_01 .orientation_01 { right: 10%; left: auto }
	.Home_Solution_01 .box .item:nth-child(2) .main .main_01 .orientation_02 { right: 36%; left: auto !important; text-align: right }
	.Home_Solution_01 .box .item:nth-child(2) .main .main_01 .orientation_03 { right: 36%; left: auto !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end }
	.Home_Solution_01 .box .item.active { flex: 2 }
	.Home_Solution_01 .box .item.active .main .main_01 .orientation_01 { opacity: 0 }
	.Home_Solution_01 .box .item.active .main .main_01 .orientation_02 { opacity: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s }
	.Home_Solution_01 .box .item.active .main .main_01 .orientation_03 .scroll { grid-template-rows: 1fr; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s }
}
.Home_Case .box { margin-top: 20px }
.Home_Case .box .banner { border-bottom: 1px solid #cfd3d8 }
.Home_Case .box .banner .swiper { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px) }
.Home_Case .box .banner .swiper-slide { border-bottom: 2px solid transparent; width: auto; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; text-align: center }
.Home_Case .box .banner .swiper-slide p { font-size: 18px; color: #333; padding: 0.3rem 0; -webkit-transition: 0.4s; -o-transition: 0.4s; cursor: pointer; transition: 0.4s }
.Home_Case .box .banner .swiper-slide p:hover { color: #183b84 }
.Home_Case .box .banner .swiper-slide.active { border-color: #183b84 }
.Home_Case .box .banner .swiper-slide.active p { color: #183b84; font-weight: bold }
.Home_Case .box1 { --h: 5.1rem; --w: 7.45rem; margin-top: 0.68rem; padding-left: 5vw }
.Home_Case .box1 .swiper { margin-top: -0.3rem; padding: 30px 0;overflow: hidden;}
.Home_Case .box1 .swiper .swiper-slide { width: 3.8rem; -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s }
.Home_Case .box1 .swiper .swiper-slide a { display: block; position: relative }
.Home_Case .box1 .swiper .swiper-slide a .one { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: var(--h) }
.Home_Case .box1 .swiper .swiper-slide a .one > div { height: 4.36rem; padding: 0.3rem; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 76, 151, 0.1); box-shadow: 0px 10px 30px 0px rgba(0, 76, 151, 0.1) }
.Home_Case .box1 .swiper .swiper-slide a .one .con1 img { height: 0.45rem }
.Home_Case .box1 .swiper .swiper-slide a .one .con2 { line-height: 1.3; font-size: 18px; height: 2.6em; font-weight: bold; margin: 0.2rem 0 0.3rem; color: #000 }
.Home_Case .box1 .swiper .swiper-slide a .two { position: absolute; left: 0; bottom: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 100%; padding: 0.3rem }
.Home_Case .box1 .swiper .swiper-slide a .two .img { height: 100%; overflow: hidden }
.Home_Case .box1 .swiper .swiper-slide a .two .img img { width: 100%; height: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_Case .box1 .swiper .swiper-slide a .two .orientation { opacity: 0; position: absolute; left: 0; top: 0; width: 3.54rem; height: 100%; background: rgba(0, 76, 151, 0.6); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 0 0.38rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_Case .box1 .swiper .swiper-slide a .two .orientation > div { width: 100% }
.Home_Case .box1 .swiper .swiper-slide a .two .orientation .content1 img { height: 0.56rem }
.Home_Case .box1 .swiper .swiper-slide a .two .orientation .content2 { font-size: 22px; color: #fff; line-height: 1.5; height: 3em; font-weight: bold; margin: 0.3rem 0 0.24rem }
.Home_Case .box1 .swiper .swiper-slide a .two .orientation .content3 { font-size: 14px; line-height: 1.8; color: #fff; height: 5.4em }
.Home_Case .box1 .swiper .swiper-slide a .two .orientation .content4 { margin-top: 0.6rem }
.Home_Case .box1 .swiper .swiper-slide a:hover .two .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
@media screen and (min-width:1200px) {
	.Home_Case .box1 .swiper .swiper-slide-active {  }
}
.Home_Case .box1 .swiper .swiper-slide-active a .con1 { opacity: 0 }
.Home_Case .box1 .swiper .swiper-slide-active a .con2 { opacity: 0 }
.Home_Case .box1 .swiper .swiper-slide-active a .two { opacity: 1; padding: 0 }
.Home_Case .box1 .swiper .swiper-slide-active a .two .orientation { opacity: 1 }
.gdt { margin-top: 0.32rem; overflow: hidden }
.gdt .j { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.gdt .page { height: 1px; position: relative; width: 100% }
.gdt .page div { height: 1px; background: #e7e7e7 }
.gdt .page .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #183b84 }
.gdt .button { margin-left: 0.4rem }

.Home_News .box .boxLeft { width: 7.6rem; position: relative }
.Home_News .box .boxLeft p { height: 100%; position: absolute; left: 0; width: 100%; top: 0; opacity: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_News .box .boxLeft p a { display: block; height: 100%; overflow: hidden }
.Home_News .box .boxLeft p img { width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_News .box .boxLeft p:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
.Home_News .box .boxLeft .active { position: initial; z-index: 1; opacity: 1 }
.Home_News .box .boxRight { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 0.95rem }
.Home_News .box .boxRight .list { height: 100% }
.Home_News .box .boxRight .list .item { border-bottom: 1px solid #eee; padding: 0.37rem 0 }
.Home_News .box .boxRight .list .item a { width: 100% }
.Home_News .box .boxRight .list .item:first-child { padding-top: 0 }
.Home_News .box .boxRight .list .item .content1 .title { font-size: 18px; color: #111; font-weight: bold; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 1.2em; line-height: 1.2; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_News .box .boxRight .list .item .content1 .time { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: 'gilroy_regular'; font-size: 14px; color: #999; padding-left: 1.2rem }
.Home_News .box .boxRight .list .item .content2 { display: grid; grid-template-rows: 0fr; overflow: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_News .box .boxRight .list .item .content2 > div { min-height: 0 }
.Home_News .box .boxRight .list .item .content2 > div .content3 { font-size: 14px; color: #666; line-height: 1.6; height: 3.2em; margin: 0.18rem 0 }
.Home_News .box .boxRight .list .item .content2 > div .content4 .button_04 .a { width: 0.4rem; height: 0.4rem }
.Home_News .box .boxRight .list .active .content1 .title { color: #183b84 }
.Home_News .box .boxRight .list .active .content2 { grid-template-rows: 1fr }
.Home_Four { background: #183b84 }
.Home_Four .box { display: grid; grid-template-columns: repeat(4, 1fr); padding: 0.6rem 0 }
.Home_Four .box .item { text-align: center; color: #fff; border-right: 1px solid rgba(255, 255, 255, 0.15) }
.Home_Four .box .item:last-child { border-right: none }
.Home_Four .box .item .content1 { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; height: 0.6rem }
.Home_Four .box .item .content1 img { max-height: 100% }
.Home_Four .box .item .content2 { font-size: 18px; font-weight: bold; margin-top: 0.3rem }
.Home_Four .box .item .content3 { font-size: var(--f18); margin-top: 0.08rem }
.Home_Four .box .item:hover .content1 { -webkit-transform: translateY(-0.1rem); -ms-transform: translateY(-0.1rem); transform: translateY(-0.1rem) }
.Footer_Container { background: #0f151c }
.Footer_Container .box1 { padding: 0.55rem 0 0.4rem }
.Footer_Container .box1 .boxLeft img {height: auto;width: 50%;margin: 0 0px 0 -170px; }
.Footer_Container .box1 .boxLeft p { color: #FFFFFF;font-size: 24px;margin: 20px 0; }
.Footer_Container .box1 .boxRight .link { margin-right: 0.2rem }
.Footer_Container .box1 .boxRight .link a { display: block; text-align: center; line-height: 0.5rem; font-size: 14px; color: #fff; border: 2px solid #fff; padding: 0 0.3rem }
.Footer_Container .box1 .boxRight .select { position: relative }
.Footer_Container .box1 .boxRight .select p { width: 1.7rem; line-height: 0.5rem; border: 2px solid #fff; color: #fff; text-align: center; cursor: pointer }
.Footer_Container .box1 .boxRight .select p i { font-size: 12px; margin-left: 5px }
.Footer_Container .box1 .boxRight .select ul { opacity: 0; visibility: hidden; position: absolute; left: 0; background: #0f151c; width: 100%; z-index: 2; border-left: 1px solid rgba(255, 255, 255, 0.5); border-right: 1px solid rgba(255, 255, 255, 0.5) }
.Footer_Container .box1 .boxRight .select ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.5) }
.Footer_Container .box1 .boxRight .select ul li a { color: #fff; text-align: center; padding: 0.1rem 0.15rem; display: block; line-height: 1.5; opacity: 0.5; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Footer_Container .box1 .boxRight .select ul li a:hover { opacity: 1 }
.Footer_Container .box1 .boxRight .select:hover ul { opacity: 1; visibility: initial; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Footer_Container .box2 { padding: 0.8rem 0; border-top: 1px solid rgba(255, 255, 255, 0.1) }
.Footer_Container .box2 .boxLeft .item { margin-right: 0.9rem }
.Footer_Container .box2 .boxLeft .item:last-child { margin-right: 0 }
.Footer_Container .box2 .boxLeft .item .h5 a { font-size: 18px; color: #fff }
.Footer_Container .box2 .boxLeft .item ul { margin-top: 0.4rem }
.Footer_Container .box2 .boxLeft .item ul li { margin-bottom: 0.12rem }
.Footer_Container .box2 .boxLeft .item ul li:last-child { margin-bottom: 0 }
.Footer_Container .box2 .boxLeft .item ul li a { font-size: 14px; color: #fff; opacity: 0.4; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Footer_Container .box2 .boxLeft .item ul li a:hover { opacity: 1 }
.Footer_Container .box2 .boxRight { max-width: 3.5rem; text-align: right }
.Footer_Container .box2 .boxRight .content1 a { font-family: 'gilroy_bold'; font-size: var(--f26); color: #fff }
.Footer_Container .box2 .boxRight .content2 { font-size: 18px; line-height: 1.6; color: #fff; opacity: 0.4; margin-top: 0.24rem }
.Footer_Container .box2 .boxRight .content3 { margin-top: 0.76rem }
.Footer_Container .box2 .boxRight .content3 i{font-size: 40px;}
.Footer_Container .box2 .boxRight .content3 ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.Footer_Container .box2 .boxRight .content3 ul li { margin-left: 0.25rem; position: relative }
.Footer_Container .box2 .boxRight .content3 ul li a img { opacity: 0.5; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Footer_Container .box2 .boxRight .content3 ul li a:hover img { opacity: 1 }
.Footer_Container .box2 .boxRight .content3 ul li p { position: absolute; width: 1.2rem; left: 60%; bottom: 50px;/*top: 40px;*/ -webkit-transform: translateX(-50%) scale(0); -ms-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; opacity: 0; -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top }
.Footer_Container .box2 .boxRight .content3 ul li p img { width: 100% }
.Footer_Container .box2 .boxRight .content3 ul li:hover p { -webkit-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 1 }

/* Font Awesome ships the WhatsApp glyph; keep it scoped to footer social icons. */
@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.woff2') format('woff2'),
		url('../fonts/fontawesome-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* Isolate the floating WhatsApp glyph from other icon-font families. */
@font-face {
	font-family: 'CblWhatsApp';
	src: url('../fonts/fontawesome-webfont.woff2') format('woff2'),
		url('../fonts/fontawesome-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.Footer_Container .whatsapp-icon {
	display: inline-block;
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	line-height: 1.4;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.Footer_Container .whatsapp-icon::before {
	content: "\f232";
}

.cbl {position: fixed;right: 1px;z-index: 27;bottom: 40%;display: none}

.cbl ul li {width: 80px;background: #fff;text-align: center;margin-bottom: 5px;cursor: pointer;-webkit-box-shadow: 0px 0px 10px #eee;box-shadow: 0px 0px 10px #eee;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: relative;}
.cbl ul li > a { display: block; padding: 0.12rem 0 0.08rem }
.cbl ul li .top i { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;font-size: 40px; }
/*
.cbl ul li .top path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
*/
.cbl ul li .bot { font-size: 12px; color: #183b84; margin-top: 4px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.cbl ul li .main { position: absolute; right: -webkit-calc(105%); right: calc(100% + 5px); top: 0; height: 100%; background: #fff; white-space: nowrap; font-size: 18px; font-weight: bold; padding: 0 0.2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; visibility: hidden; opacity: 0; -webkit-box-shadow: 0px 0px 10px #eee; box-shadow: 0px 0px 10px #eee }
.cbl ul li .main a { color: #183b84 }
.cbl ul li .main p { color: #183b84 }
.cbl ul li .main p img { width: 100px;height: auto;left: 2%;}
.cbl ul li:hover { background: #183b84 }
.cbl ul li:hover .top path { fill: #fff }
.cbl ul li:hover .bot { color: #fff }
.cbl ul li:hover .main { visibility: visible; opacity: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.cbl .cbl-whatsapp__brand {
	display: inline-block;
	width: 40px;
	height: 40px;
	color: #74839c;
	font-family: "CblWhatsApp" !important;
	font-size: 36px !important;
	font-style: normal;
	font-weight: normal;
	line-height: 40px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.cbl .cbl-whatsapp__brand::before {
	content: "\f232";
}


.cbl .cbl-whatsapp__panel {
	position: absolute;
	right: calc(100% + 10px);
	left: auto;
	top: 0;
	bottom: auto;
	box-sizing: border-box;
	width: min(220px, calc(100vw - 104px), calc(100vh - 24px));
	max-width: none;
	padding: 12px;
	background: #fff;
	box-shadow: 0 3px 18px rgba(24, 59, 132, 0.18);
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transform: translateX(6px);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
	z-index: 2;
}

.cbl .cbl-whatsapp__panel::after {
	content: "";
	position: absolute;
	top: 0;
	right: -10px;
	width: 10px;
	height: 100%;
}
.cbl .cbl-whatsapp__panel img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	object-fit: contain;
	background: #fff;
}
.cbl .cbl-whatsapp__panel span {
	display: block;
	margin-top: 8px;
	color: #183b84;
	font-size: 12px;
	line-height: 1.35;
	text-align: center;
}
.cbl .cbl-whatsapp.is-open .cbl-whatsapp__panel {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transform: translateX(0);
}
@media screen and (min-width: 768px) {
	.cbl .cbl-whatsapp:hover .cbl-whatsapp__panel,
	.cbl .cbl-whatsapp:focus-within .cbl-whatsapp__panel {
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
		transform: translateX(0);
	}
	.cbl .cbl-whatsapp:hover .cbl-whatsapp__brand {
		color: #fff;
	}
	.cbl .cbl-whatsapp__panel {
		right: calc(100% + 10px);
		left: auto;
		top: 0;
		bottom: auto;
		transform: translateX(6px);
	}
}
.Inner_Nav .box { border-bottom: 1px solid #cfd3d8 }
.Inner_Nav .box p { margin-right: 0.5rem }
.Inner_Nav .box p:last-child { margin-right: 0 }
.Inner_Nav .box p a { display: block; line-height: 0.8rem; font-size: 18px; color: #111; font-weight: bold; border-bottom: 2px solid transparent; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Inner_Nav .box p a:hover { color: #183b84 }
.Inner_Nav .box .active a { color: #183b84; border-bottom: 2px solid #183b84 }
.Inner_Nav.on {  /*top: 0;*/ top: 58px; z-index: 6; background: #fff }
@media screen and (min-width:1200px) {
	.Inner_Nav.on { position: -webkit-sticky; position: sticky }
}
.Inner_Nav.bgfff { background: #fff }
.Inner_Nav_02 .box p { margin-right: 0.54rem }
.Inner_Nav_02 .box p:last-child { margin-right: 0 }
.Inner_Nav_02 .box p a { display: block; font-size: 18px; color: #111; font-weight: bold; border-bottom: 2px solid transparent; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); padding-bottom: 0.3rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Inner_Nav_02 .box p a:hover { color: #183b84 }
.Inner_Nav_02 .box .active a { color: #183b84; border-bottom: 2px solid #183b84 }
.Inner_Nav_03 .box p { margin-right: 0.54rem }
.Inner_Nav_03 .box p:last-child { margin-right: 0 }
.Inner_Nav_03 .box p a { display: block; font-size: 18px; color: #333; font-weight: bold; border-bottom: 1px solid #e5ebf3; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); padding-bottom: 0.2rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Inner_Nav_03 .box p a:hover { color: #183b84 }
.Inner_Nav_03 .box .active a { color: #183b84; border-bottom: 2px solid #183b84 }
.Inner_Nav_04 .box p { padding-right: 0.5rem; border-bottom: 1px solid #cfd3d8; margin-bottom: 0.3rem }
.Inner_Nav_04 .box p:last-child { padding-right: 0 }
.Inner_Nav_04 .box p a { display: block; font-size: 18px; color: #111; font-weight: bold; border-bottom: 2px solid transparent; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; padding-bottom: 0.2rem; cursor: pointer }
.Inner_Nav_04 .box p a:hover { color: #183b84 }
.Inner_Nav_04 .box .active a { color: #183b84; border-bottom: 2px solid #183b84 }
.Inner_Nav_04.m { margin-top: 0.42rem }
.Product_01 .box { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.3rem }
.Product_01 .box .item a { display: block; background: #fff; text-align: center; padding: 0.4rem 0.3rem; border: 1px solid #cfd3d8; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Product_01 .box .item a .content1 { font-size: 18px; font-family: 'gilroy_bold'; color: #111; line-height: 1.2; height: 1.2em; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Product_01 .box .item a .content2 { font-size: 14px; color: #666; line-height: 1.2; height: 1.2em; margin: 0.16rem 0 0.28rem }
.Product_01 .box .item a .content3 { height: 3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.Product_01 .box .item a .content3 img { margin: auto; max-height: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Product_01 .box .item a .content4 { margin-top: 0.15rem; font-size: 14px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Product_01 .box .item a .content4 i { font-size: 14px }
@media screen and (min-width:1200px) {
	.Product_01 .box .item a:hover { -webkit-box-shadow: 0px 0px 29px 0px rgba(0, 76, 151, 0.08); box-shadow: 0px 0px 29px 0px rgba(0, 76, 151, 0.08) }
	.Product_01 .box .item a:hover .content1 { color: #183b84 }
	.Product_01 .box .item a:hover .content4 { color: #183b84 }
	.Product_01 .box .item a:hover .content3 img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
}
.pagebar { margin-top: 0.68rem; padding: 10px 0 }
.pagebar ul li:first-child,
.pagebar ul li:last-child { display: none;}
.pagebar .pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }
.pagebar .pagination li { margin: 0px 12px 0 0px }
.pagebar .pagination li a,
.pagebar span { display: block; padding: 12px 16px; background-color: #fff; color: #000; font-family: 'gilroy_regular'; font-size: var(--f18); transition: background .2s, color .2s;border: 1px solid #e5ebf3; }
.pagebar .pagination li.active a, .pagebar .pagination li a:hover { background-color: #183b84; opacity: 1; color: #fff }
.pageno { padding: 10px 0; text-align: center; color: #000; opacity: .4 }
@media screen and (max-width:699px) {
	.pagebar .page-num { display: none }
}
.Product_02 .box { margin-bottom: 0.8rem }
@media screen and (min-width:1200px) {
	.Product_02 .box { padding: 0 3rem }
}
.Product_02 .box .content1 { font-size: var(--f18); line-height: 1.8; color: #666; line-height: 2; margin-top: 0.34rem }
.Product_02 .box .content2 { margin-top: 0.42rem }
.Product_02 .box .content2 svg { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px) }
.btnRight { margin-right: 0.2rem }
.video_box { position: relative }
.video_box .img img { width: 100% }
.video_box .text { margin-top: 0.24rem }
.video_box .text .t1 { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-size: 18px }
.video_box .play { position: absolute; width: 0.8rem; height: 0.8rem; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; cursor: pointer }
.video_box .play::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/powopublic/images/play1.png) no-repeat center center; background-size: 100% 100%; animation: yz 3s linear infinite }
@keyframes yz {
	to { transform: rotate(1turn) }
}
.Product_03 { background: #eff2f5 }
.Product_03 .box .boxLeft { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-right: 0.6rem }
.Product_03 .box .boxLeft .scroll { margin-top: 0.64rem }
.Product_03 .box .boxLeft .scroll ul li { margin-bottom: 0.4rem }
.Product_03 .box .boxLeft .scroll ul li:last-child { margin-bottom: 0 }
.Product_03 .box .boxLeft .scroll ul li .top { font-size: 18px; color: #183b84 }
.Product_03 .box .boxLeft .scroll ul li .bot { margin-top: 0.12rem; font-size: var(--f18); line-height: 1.8; color: #666; line-height: 2 }
.Product_03 .box .boxRight { width: 10rem }
.Product_03 .box .boxRight p { position: -webkit-sticky; position: sticky; top: 2rem }
.Product_03 .box .boxRight p img { width: 100% }
.Product_04 .box .item { margin-bottom: 0.78rem }
.Product_04 .box .item:last-child { margin-bottom: 0 }
.Product_04 .box .item .boxLeft { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-right: 2.6rem }
@media screen and (max-width:1200px) {
	.Product_04 .box .item .boxLeft { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; padding-right: 0 }
}
.Product_04 .box .item .boxLeft > div { width: 100% }
.Product_04 .box .item .boxLeft > div .content1 { font-size: 18px; font-weight: bold }
.Product_04 .box .item .boxLeft > div .content2 { font-size: var(--f18); line-height: 1.8; color: #666; margin-top: 0.34rem }
.Product_04 .box .item .boxRight { width: 7.8rem }
.Product_04 .box .item .boxRight p { overflow: hidden }
.Product_04 .box .item .boxRight p img { width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
@media screen and (min-width:1200px) {
	.Product_04 .box .item .boxRight p:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
}
@media screen and (min-width:1200px) {
	.Product_04 .box .item:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-flow: row-reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse }
	.Product_04 .box .item:nth-child(2n) .boxLeft { padding: 0 0.8rem 0 1.6rem }
}
.Product_05 { background: #eff2f5 }
.Product_05 .box .item { background: #fff; cursor: pointer; padding: 0.3rem 0; border: 1px solid #eee; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin-bottom: 0.2rem }
.Product_05 .box .item:last-child { margin-bottom: 0 }
.Product_05 .box .item .icon { padding: 0 0.5rem 0 0.6rem; border-right: 1px solid #eee; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.Product_05 .box .item .icon img { width: 33px }
.Product_05 .box .item .tit { font-size: 18px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 0.4rem; line-height: 0.4rem; margin: 0 0.5rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Product_05 .box .item .down { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-right: 1rem }
@media screen and (min-width:1200px) {
	.Product_05 .box .item:hover { border-color: #183b84 }
	.Product_05 .box .item:hover .tit { color: #183b84 }
}
.ScreeningCondition { padding: 0.5rem 0 }
.ScreeningCondition .box { background: #fff; padding: 0.1rem 0.5rem }
.ScreeningCondition .box .item { padding: 0.2rem 0 0.1rem; border-bottom: 1px solid #e5ebf3 }
.ScreeningCondition .box .item:last-child { border-bottom: none }
.ScreeningCondition .box .item .left { width: 1.75rem; font-size: 14px; color: #666; line-height: 30px }
.ScreeningCondition .box .item .right { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.ScreeningCondition .box .item .right ul li { cursor: pointer; margin-right: 0.4rem; font-size: 14px; color: #111; line-height: 30px; padding: 0 0.2rem; margin-bottom: 0.1rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.ScreeningCondition .box .item .right ul li a { transition: 0.4s }
@media screen and (min-width:1200px) {
	.ScreeningCondition .box .item .right ul li:hover a { color: #183b84 }
}
.ScreeningCondition .box .item .right ul .active { background: #183b84 }
.ScreeningCondition .box .item .right ul .active a { color: #fff !important }
.Solution_01 .box .boxLeft { background: #fff; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding:  0.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.Solution_01 .box .boxLeft > div { width: 100% }
.Solution_01 .box .boxLeft .content1 { font-size: 18px; font-weight: bold }
.Solution_01 .box .boxLeft .content2 { font-size: var(--f18); line-height: 1.8; color: #666; margin-top: 0.28rem }
.Solution_01 .box .boxRight { width: 7.4rem; overflow: hidden }
.Solution_01 .box .boxRight img { width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_01 .box .boxRight:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.Solution_02 { margin-top: 0.3rem }
.Solution_02 .box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.3rem }
.Solution_02 .box .item { background: #fff; padding: 0.48rem; padding-top: 0; min-height: 3.2rem }
.Solution_02 .box .item .top { font-size: 18px; font-weight: bold; line-height: 1rem; border-bottom: 1px solid #cfd3d8 }
.Solution_02 .box .item .top span { display: inline-block; width: 42px; margin-right: 0.16rem }
.Solution_02 .box .item .top span img { max-width: 100% }
.Solution_02 .box .item .bot { margin-top: 0.26rem }
.Solution_02 .box .item .bot ul li { margin-bottom: 0.12rem }
.Solution_02 .box .item .bot ul li:last-child { margin-bottom: 0 }
.Solution_02 .box .item .bot ul li a { display: block; font-size: var(--f18); color: #666; padding-left: 16px; position: relative; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_02 .box .item .bot ul li a::after { content: ''; width: 8px; height: 8px; background: #183b84; position: absolute; left: 0; top: 0.08rem; border-radius: 50%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_02 .box .item .bot ul li a:hover { color: #183b84 }
.Solution_02 .box1 p a { font-size: 14px; color: #183b84; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; cursor: pointer; font-weight: bold }
.Solution_02 .box1 p a i { font-size: 12px }
.Solution_02 .box1 p a:hover { color: #183b84 }
.Solution_03 .box0 { font-size: var(--f18); line-height: 1.8; color: #666; margin-bottom: 0.4rem }
.Solution_03 .box { display: grid; grid-template-columns: repeat(2, 1fr); margin-bottom: 0.48rem }
.Solution_03 .box .item .content1 img { height: 0.5rem }
.Solution_03 .box .item .content2 { font-size: 18px; font-weight: bold; margin-top: 0.36rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_03 .box .item:hover .content2 { color: #183b84 }
.Solution_03 .box .item .content3 { font-size: var(--f18); line-height: 1.8; color: #666; margin-top: 0.24rem }
@media screen and (min-width:1200px) {
	.Solution_03 .box .item:nth-child(1), .Solution_03 .box .item:nth-child(2) { padding-bottom: 0.5rem; border-bottom: 1px dashed #e5ebf3 }
	.Solution_03 .box .item:nth-child(3), .Solution_03 .box .item:nth-child(4) { padding-top: 0.5rem; padding-bottom: 0.25rem }
	.Solution_03 .box .item:nth-child(1), .Solution_03 .box .item:nth-child(3) { padding-right: 1.4rem; border-right: 1px dashed #e5ebf3 }
	.Solution_03 .box .item:nth-child(2), .Solution_03 .box .item:nth-child(4) { padding-right: 0.85rem; padding-left: 0.85rem }
}
.Solution_03 .box1 { margin-bottom: 0.8rem }
.Solution_04 { background: #eff2f5 }
.Solution_04 .box .item { margin-bottom: 1.8rem }
.Solution_04 .box .item:last-child { margin-bottom: 0 }
.Solution_04 .box .item .left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 6.8rem; min-height: 4.7rem }
.Solution_04 .box .item .left > div { width: 100% }
.Solution_04 .box .item .left .content1 { font-size: var(--f18); line-height: 1.8; color: #666; margin-top: 0.45rem }
.Solution_04 .box .item .right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 7.4rem }
.Solution_04 .box .item .right > div { width: 100%; overflow: hidden }
.Solution_04 .box .item .right > div img { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
@media screen and (min-width:1200px) {
	.Solution_04 .box .item .right > div:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
}
.Solution_05 .box .item { display: none }
.Solution_05 .box .item.active { display: block }
.Solution_05 .box .item .boxLeft { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-right: 0.7rem }
.Solution_05 .box .item .boxLeft .top { font-size: var(--f18); line-height: 1.8; color: #666 }
.Solution_05 .box .item .boxLeft .bot { margin-top: 0.75rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem }
.Solution_05 .box .item .boxLeft .bot .ite .content1 img { height: 0.42rem }
.Solution_05 .box .item .boxLeft .bot .ite .content2 { font-size: 18px; font-weight: bold; margin: 0.25rem 0 }
.Solution_05 .box .item .boxLeft .bot .ite .content3 { font-size: 14px; color: #666; line-height: 1.75 }
.Solution_05 .box .item .boxRight { width: 6.3rem }
.Solution_05 .box .item .boxRight img { width: 100% }
.Solution_06 { background: #eff2f5 }
.Solution_06 .box { margin-top: 0.74rem }
.Solution_06 .box .scroll .list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem 0 }
.Solution_06 .box .scroll .list .item { padding: 0 0.46rem }
.Solution_06 .box .scroll .list .item .content1 { text-align: center; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_06 .box .scroll .list .item .content1 img { height: 0.6rem }
.Solution_06 .box .scroll .list .item .content2 { font-size: 18px; font-weight: bold; margin: 0.25rem 0; text-align: center }
.Solution_06 .box .scroll .list .item .content3 { font-size: 14px; color: #666; line-height: 1.75 }
.Solution_06 .box .scroll .list .item .content3 p {    /*padding-left: 15px;*/

/*position: relative;*/ }
.Solution_06 .box .scroll .list .item .content3 p:after {    /*content: '';*/
position: absolute; left: 0; top: 0.11rem; width: 6px; height: 6px; background: #183b84; border-radius: 50% }
.Solution_06 .box .scroll .list .item:hover .content1 { -webkit-transform: translateY(-0.1rem); -ms-transform: translateY(-0.1rem); transform: translateY(-0.1rem) }
.Solution_07 .box { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.Solution_07 .box .item { text-align: center }
@media screen and (min-width:699px) {
	.Solution_07 .box .item { width: 20%; margin-bottom: 0.3rem }
}
@media screen and (max-width:1200px) {
	.Solution_07 .box .item { width: 25% }
}
.Solution_07 .box .item .top { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_07 .box .item .top img { height: 0.94rem }
.Solution_07 .box .item .bot { font-size: 18px; font-weight: bold; margin-top: 0.28rem }
.Solution_07 .box .item:hover .top { -webkit-transform: translateY(-0.1rem); -ms-transform: translateY(-0.1rem); transform: translateY(-0.1rem) }
.Solution_08 .box { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0.2rem }
.Solution_08 .box .item { -webkit-box-shadow: 0px 8px 14.4px 1.6px rgba(0, 76, 151, 0.04); box-shadow: 0px 8px 14.4px 1.6px rgba(0, 76, 151, 0.04); padding: 0.2rem 0.25rem 0 }
.Solution_08 .box .item .top { font-size: 18px; font-weight: bold; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_08 .box .item .bot { text-align: center; margin-top: 0.3rem; height: 2.4rem }
.Solution_08 .box .item .bot img { max-height: 100% }
.Solution_08 .box .item:hover .top { color: #183b84 }
.Solution_09 { background: #eff2f5 }
.Solution_09 .box { display: grid; gap: 0.4rem }
.Solution_09 .box .item { background: #fff; padding: 0.5rem 0 }
.Solution_09 .box .item .boxLeft { width: 3.1rem; padding-left: 0.68rem }
.Solution_09 .box .item .boxLeft p { font-size: var(--f36); font-weight: bold; margin-top: 0.7rem }
.Solution_09 .box .item .boxRight { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.Solution_09 .box .item .boxRight ul { display: grid; grid-template-columns: repeat(4, 1fr) }
.Solution_09 .box .item .boxRight ul li { text-align: center; padding: 0.3rem 0 }
.Solution_09 .box .item .boxRight ul li .icon { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_09 .box .item .boxRight ul li .icon img { height: 0.6rem }
.Solution_09 .box .item .boxRight ul li .text { font-size: 0.24rem; font-weight: bold; margin-top: 0.34rem }
.Solution_09 .box .item .boxRight ul li:hover .icon { -webkit-transform: translateY(-0.1rem); -ms-transform: translateY(-0.1rem); transform: translateY(-0.1rem) }
.Solution_10 .box { display: grid; grid-template-columns: repeat(3, 1fr) }
.Solution_10 .box .item { border: 0.5px solid #eee; padding: 0.5rem; padding-bottom: 0.4rem; min-height: 3rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position: relative }
.Solution_10 .box .item .max { max-width: 55% }
.Solution_10 .box .item .img { position: absolute; right: 0.5rem; top: 1.2rem; width: 1.8rem }
.Solution_10 .box .item .content1 { font-size: 18px; font-weight: bold; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_10 .box .item .content2 { margin-top: 0.35rem }
.Solution_10 .box .item .content2 ul li { font-size: var(--f18); color: #666; padding-left: 15px; position: relative; margin-bottom: 0.06rem }
.Solution_10 .box .item .content2 ul li:last-child { margin-bottom: 0 }
.Solution_10 .box .item .content2 ul li::after { content: ''; position: absolute; left: 0px; top: 0.1rem; width: 5px; height: 5px; border-radius: 50%; background: #183b84 }
.Solution_10 .box .item:hover { -webkit-box-shadow: 3.178px 6.237px 22.08px 1.92px rgba(0, 41, 82, 0.05); box-shadow: 3.178px 6.237px 22.08px 1.92px rgba(0, 41, 82, 0.05) }
.Solution_10 .box .item:hover .content1 { color: #183b84 }
.Solution_11 { background: #eff2f5 }
.Solution_11 .box { padding: 0 5vw }
.Solution_11 .box .swiper-slide p { height: 1.2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #fff }
.Solution_11 .box .swiper-slide p img { max-width: 80%; max-height: 80%; margin: auto }
.Solution_11 .gdt { margin-top: 0.6rem }
.Solution_12 .box { position: relative }
.Solution_12 .box .img img { width: 100% }
.Solution_12 .box .orientation { position: absolute; padding: 0 1.1rem; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.Solution_12 .box .orientation .content1 { font-size: var(--f36); font-weight: bold }
.Solution_12 .box .orientation .content2 { font-size: var(--f18); font-weight: bold; margin: 0.25rem 0 0.45rem }
.Solution_12 .box .orientation .content3 { font-size: var(--f30); font-weight: bold }
.Solution_12 .box .orientation .content4 { margin-top: 0.16rem }
.Solution_12 .box .orientation .content4 a { font-family: 'gilroy_bold'; font-size: var(--f42); color: #fff }
.Solution_13 .box { padding: 0 2.9rem }
.Solution_13 .box .banner { position: relative }
.Solution_13 .box .swiper { padding: 0 1.5rem }
.Solution_13 .box .swiper .swiper-slide { width: 8.66rem; padding: 0.1rem 0 }
.Solution_13 .box .swiper .swiper-slide p { transition: 0.4s }
.Solution_13 .box .swiper .swiper-slide-active p { filter: drop-shadow(0px 1px 12px rgba(0, 76, 151, 0.2)) }
.Solution_13 .banner_btn_01 .prev { left: -.3rem }
.Solution_13 .banner_btn_01 .next { right: -.3rem }
.Solution_13 .box1 { margin-top: 0.74rem }
.banner_btn_01 p { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 2 }
.banner_btn_01 p i { font-size: 18px; cursor: pointer; opacity: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-weight: bold }
.banner_btn_01 p i:hover { opacity: 1; color: #183b84 }
.banner_btn_01 .prev { left: 0 }
.banner_btn_01 .next { right: 0 }
.Solution_14 .box { padding-left: 5vw; --w: 8.76rem }
.Solution_14 .fen { width: auto; margin-right: .3rem; font-size: var(--f18) }
.Solution_14 .fen .swiper-pagination-current { color: #183b84; margin-right: 5px }
.Solution_14 .fen .swiper-pagination-total { margin-left: 5px }
.Solution_14 .box .banner .swiper-slide { width: 4.2rem; -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s }
.Solution_14 .box .banner .swiper-slide a { display: block; position: relative; color: #fff; overflow: hidden }
.Solution_14 .box .banner .swiper-slide a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)) }
.Solution_14 .box .banner .swiper-slide a img { height: 6.18rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_14 .box .banner .swiper-slide a .orientation1 { font-size: 18px; font-weight: bold; position: absolute; left: 0; width: 100%; bottom: 0.6rem; text-align: center; z-index: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; padding: 0 .3rem }
.Solution_14 .box .banner .swiper-slide a .orientation2 { bottom: 0.45rem; left: 0; width: 100%; position: absolute; z-index: 3; padding: 0 0.7rem; opacity: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_14 .box .banner .swiper-slide a .orientation2 .content1 { font-size: 18px; font-weight: bold }
.Solution_14 .box .banner .swiper-slide a .orientation2 .content2 { font-size: var(--f18); margin-top: 0.24rem; line-height: 1.6; padding-right: 20% }
.Solution_14 .box .banner .swiper-slide:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.Solution_14 .box .banner .swiper-slide-active { width: var(--w) }
.Solution_14 .box .banner .swiper-slide-active a .orientation1 { opacity: 0 }
.Solution_14 .box .banner .swiper-slide-active a .orientation2 { opacity: 1; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s }
.Solution_14 .box1 { margin-top: 0.46rem }
.Solution_15 { background: #eff2f5 }
.Solution_15 .box { font-size: var(--f18); line-height: 1.8; color: #666 }
.Solution_15 .box img { display: block; margin: auto }
.Solution_16 .box img { display: block; margin: auto }
.Solution_16 .box { font-size: var(--f18); line-height: 1.8; color: #666 }
.Solution_17 { background: #eff2f5 }
.Solution_17 .box .swiper-wrapper .content1 { overflow: hidden }
.Solution_17 .box .swiper-wrapper .content1 img { width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_17 .box .swiper-wrapper .content2 { font-size: 18px; font-weight: bold; margin-top: 0.26rem; color: #333 }
.Solution_17 .box .swiper-wrapper .content3 { font-size: var(--f18); line-height: 1.8; color: #666; margin-top: 0.22rem }
.Solution_17 .box .swiper-wrapper .swiper-slide:hover .content1 img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.Solution_18 .box .item { display: none }
.Solution_18 .box .item.active { display: block }
.Solution_18 .box .item .boxLeft { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-right: 0.7rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.Solution_18 .box .item .boxLeft div { width: 100% }
.Solution_18 .box .item .boxLeft .content1 { font-size: 18px; font-weight: bold }
.Solution_18 .box .item .boxLeft .content2 { font-size: var(--f18); line-height: 1.8; color: #666; margin-top: 0.35rem }
.Solution_18 .box .item .boxRight { width: 9.6rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.Solution_18 .box .item .boxRight p { width: 100% }
.Solution_18 .box .item .boxRight p img { width: 100% }
.Solution_19 .box table { width: 100% }
.Solution_19 .box table tr td { font-size: var(--f18); padding: 12px }
.Solution_19 .box table tr td, .Solution_19 .box table tr th { border: 1px solid #e5ebf3 }
.Solution_20 { background: none }
.Service_01 .box .boxLeft { width: 4.5rem; padding-right: 1.55rem }
.Service_01 .box .boxRight { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.Service_01 .box .boxRight .h5, .Service_01 .box .boxRight h5 { font-size: var(--f30); font-weight: bold; margin-top: 0.42rem; margin-bottom: 0.2rem }
.Service_01 .box .boxRight .h6, .Service_01 .box .boxRight h6 { color: #183b84; font-size: 18px; font-weight: bold; padding-top: 0.54rem; margin-bottom: 0.26rem }
.Service_01 .box .boxRight .desc { font-size: var(--f18); line-height: 2; color: #666 }
.Service_01 .box .boxRight .desc ul li { position: relative; padding-left: 20px }
.Service_01 .box .boxRight .desc ul li::after { content: ''; width: 8px; height: 8px; background: #183b84; border-radius: 50%; position: absolute; left: 0; top: 0.12rem }
.Service_01 .box .boxRight .content1 { font-size: var(--f18); line-height: 2; color: #666 }
.Service_01 .box .boxRight .content3 li { margin-bottom: 0.4rem }
.Service_01 .box .boxRight .content3 li:last-child { margin-bottom: 0 }
.Service_01 .box .boxRight .content6 .h6 { padding-top: 0 }
.Service_01 .box .boxRight .content6 .desc p { margin-bottom: 0.1rem }
.Service_01 .box .boxRight .content6 .desc p:last-child { margin-bottom: 0 }
.Left_Nav { position: -webkit-sticky; position: sticky; top: calc(58px + 0.2rem); z-index: 2 }
.Left_Nav .item { margin-bottom: 0.24rem }
.Left_Nav .item .top { cursor: pointer }
.Left_Nav .item .top a .left { font-size: var(--f18); color: #111; font-weight: bold; width: 80%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Left_Nav .item .top a .right { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Left_Nav .item .top a .right i { font-size: 12px; color: #183b84; display: inline-block; font-weight: bold; -webkit-transform: translateY(0.05rem); -ms-transform: translateY(0.05rem); transform: translateY(0.05rem) }
.Left_Nav .item .top a:hover .left { color: #183b84 }
.Left_Nav .item .bot { padding-left: 0.3rem; display: grid; grid-template-rows: 0fr; overflow: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Left_Nav .item .bot > div { min-height: 0 }
.Left_Nav .item .bot ul { margin-top: 0.2rem }
.Left_Nav .item .bot ul li { margin-bottom: 0.14rem }
.Left_Nav .item .bot ul li:last-child { margin-bottom: 0 }
.Left_Nav .item .bot ul li a { font-size: 14px; color: #666; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Left_Nav .item .bot ul li a:hover { color: #183b84 }
.Left_Nav .item .bot ul .active a { color: #183b84 }
.Left_Nav .item.active .top .right { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) }
.Left_Nav .item.active .bot { grid-template-rows: 1fr }
.Events_01 { background: #eff2f5 }
.Events_01 .box .banner { padding: 0 5vw }
.Events_01 .box .banner a { display: block; position: relative }
.Events_01 .box .banner a .img { position: relative }
.Events_01 .box .banner a .img img { width: 100% }
.Events_01 .box .banner a .img::after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(/powopublic/images/img65.png) no-repeat 50% 50% / cover }
.Events_01 .box .banner a .orientation { color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 0.3rem 0.4rem }
.Events_01 .box .banner a .orientation .content1 { font-weight: bold; font-size: var(--f22) }
.Events_01 .box .banner a .orientation .content2 { font-size: 14px; margin-top: 0.14rem }
.Events_02 .banner1 .swiper { width: 7rem; border-bottom: 1px solid #cfd3d8 }
.Events_02 .banner1 .swiper p { font-family: 'gilroy_regular'; font-size: 18px; color: #333; padding-bottom: 0.25rem; position: relative; text-align: center; cursor: pointer; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Events_02 .banner1 .swiper p::after { content: ''; position: absolute; left: 0; bottom: 0; width: 0%; height: 2px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; background: #183b84 }
.Events_02 .banner1 .swiper p:hover { color: #183b84 }
.Events_02 .banner1 .swiper .swiper-slide-thumb-active p { color: #183b84; font-family: 'gilroy_bold' }
.Events_02 .banner1 .swiper .swiper-slide-thumb-active p::after { width: 100% }
.Events_02 .banner1 .prev { margin-left: 0.5rem }
.Events_02 .box .banner .item .boxLeft { width: 5.4rem }
.Events_02 .box .banner .item .boxRight { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 0.8rem }
.Events_02 .box .banner .item .boxRight .scroll { overflow: auto; overflow-x: hidden; overflow-y: auto; padding-right: 0.1rem; max-height: 6rem }
.Events_02 .box .banner .item .boxRight .scroll::-webkit-scrollbar { width: 2px; height: 2px }
.Events_02 .box .banner .item .boxRight .scroll::-webkit-scrollbar-thumb { border-radius: 2px; background: #183b84 }
.Events_02 .box .banner .item .boxRight .scroll::-webkit-scrollbar-track { border-radius: 2px; background: rgba(0, 0, 0, 0.1) }
@-moz-document url-prefix() {
	.Events_02 .box .banner .item .boxRight .scroll { scrollbar-color: #183b84 rgba(0, 0, 0, 0.1); scrollbar-width: thin }
}
.Events_02 .box .banner .item .boxRight .scroll .ite { margin-bottom: 0.2rem }
.Events_02 .box .banner .item .boxRight .scroll .ite:last-child { margin-bottom: 0 }
.Events_02 .box .banner .item .boxRight .scroll .ite .h6 { font-size: 18px; font-weight: bold }
.Events_02 .box .banner .item .boxRight .scroll .ite .desc { font-size: var(--f18); line-height: 1.8; color: #666; line-height: 2; margin-top: 0.08rem }
.Events_03 { background: #eff2f5 }
.Events_03 .box .boxLeft { width: 9.54rem }
.Events_03 .box .boxLeft p { overflow: hidden }
.Events_03 .box .boxLeft p img { width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Events_03 .box .boxLeft p:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
.Events_03 .box .boxRight { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 0.75rem }
.Events_03 .box .boxRight > div { width: 100% }
.Events_03 .box .boxRight .content1 { margin-top: 0.64rem }
.Events_03 .box .boxRight .content1 .ite { margin-bottom: 0.2rem }
.Events_03 .box .boxRight .content1 .ite:last-child { margin-bottom: 0 }
.Events_03 .box .boxRight .content1 .ite .h6 { font-size: 18px; font-weight: bold }
.Events_03 .box .boxRight .content1 .ite .desc { font-size: var(--f18); line-height: 1.8; color: #666; line-height: 2; margin-top: 0.08rem }
.Events_04 .box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.45rem 0.3rem }
.Events_04 .box .item a { display: block }
.Events_04 .box .item a figure { overflow: hidden }
.Events_04 .box .item a figure img { width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Events_04 .box .item a figcaption { font-size: 18px; color: #111; line-height: 1.5; height: 3em; font-weight: bold; margin-top: 0.24rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Events_04 .box .item a:hover figure img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
.Events_04 .box1 p a { font-size: 14px; color: #183b84; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; cursor: pointer; font-weight: bold }
.Events_04 .box1 p a i { font-size: 12px; }
.Events_04 .box1 p a:hover { color: #183b84 }
.Events_06 .box .banner .list { display: grid }
@media screen and (min-width:699px) {
	.Events_06 .box .banner .list { grid-template-columns: repeat(5, 1fr) }
	.Events_06 .box .banner .list .div1 { grid-area: 1 / 1 / 3 / 3 }
	.Events_06 .box .banner .list .div2 { grid-area: 1 / 3 / 2 / 4 }
	.Events_06 .box .banner .list .div3 { grid-area: 1 / 4 / 2 / 5 }
	.Events_06 .box .banner .list .div4 { grid-area: 1 / 5 / 2 / 6 }
	.Events_06 .box .banner .list .div5 { grid-area: 2 / 3 / 3 / 4 }
	.Events_06 .box .banner .list .div6 { grid-area: 2 / 4 / 3 / 5 }
	.Events_06 .box .banner .list .div7 { grid-area: 2 / 5 / 3 / 6 }
}
@media screen and (max-width:699px) {
	.Events_06 .box .banner .list { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(5, 1fr) }
	.Events_06 .box .banner .list .div1 { grid-area: 1 / 1 / 3 / 3 }
	.Events_06 .box .banner .list .div2 { grid-area: 3 / 1 / 4 / 2 }
	.Events_06 .box .banner .list .div3 { grid-area: 3 / 2 / 4 / 3 }
	.Events_06 .box .banner .list .div4 { grid-area: 4 / 1 / 5 / 2 }
	.Events_06 .box .banner .list .div5 { grid-area: 4 / 2 / 5 / 3 }
	.Events_06 .box .banner .list .div6 { grid-area: 5 / 1 / 6 / 2 }
	.Events_06 .box .banner .list .div7 { grid-area: 5 / 2 / 6 / 3 }
}
.Events_06 .box .banner .list .item { position: relative; overflow: hidden }
.Events_06 .box .banner .list .item::after { content: ''; position: absolute; right: 0; width: 20px; top: 0; height: 100%; background: #fff; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s }
.Events_06 .box .banner .list .item::before { content: ''; position: absolute; left: 0; width: 100%; bottom: 0; height: 20px; background: #fff; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Events_06 .box .banner .list .item img { height: 100%; width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Events_06 .box .banner .list .item:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
.Events_06 .box .banner .swiper .swiper-slide { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Events_06 .box .banner .swiper .swiper-slide-active .list .item { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s }
.Events_06 .box .banner .swiper .swiper-slide-active .list .item::after { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; width: 0 }
.Events_06 .box .banner .swiper .swiper-slide-active .list .item::before { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; height: 0 }
.News_01 .box { display: grid; gap: 0.3rem }
.News_01 .box .item { background: #f9f9f9 }
.News_01 .box .item a .boxLeft { width: 4.24rem; overflow: hidden }
.News_01 .box .item a .boxLeft img { width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.News_01 .box .item a .boxRight { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0.26rem .5rem 0.26rem; display: flex; flex-direction: column }
.News_01 .box .item a .boxRight .content1 { font-family: 'gilroy_regular'; font-size: 14px; color: #999 }
.News_01 .box .item a .boxRight .content2 { font-size: 18px; color: #111; font-weight: bold; line-height: 1.2; height: 1.2em; margin: 0.22rem 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.News_01 .box .item a .boxRight .content3 { font-size: 14px; line-height: 1.6; color: #666; height: 3.2em }
.News_01 .box .item a .boxRight .content4 { margin-top: auto }
.News_01 .box .item a .boxRight .content4 .button_04 .a { width: 0.42rem; height: 0.42rem }
.News_01 .box .item a:hover .boxLeft img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
.News_01 .box .item a:hover .boxRight .content2 { color: #183b84 }
.News_01 .box .item a:hover .boxRight .content4 .button_04 .a { background: #183b84; color: #fff }
.News_02 .box .boxLeft { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.News_02 .box .boxLeft .content1 { font-size: 0.4rem; line-height: 1.2; font-weight: bold }
.News_02 .box .boxLeft .content2 { font-family: 'gilroy_regular'; font-size: 14px; color: #183b84; margin-top: 0.22rem }
.News_02 .box .boxLeft .content2 svg { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); margin-right: 0.1rem }
.News_02 .box .boxLeft .heng { margin: 0.4rem 0; border-top: 1px solid #cfd3d8 }
.News_02 .box .boxLeft .content3 { font-size: 14px; color: #666; line-height: 1.6 }
.News_02 .box .boxLeft .content4 { margin-top: 0.54rem; padding: 0.24rem 0; border-top: 1px solid #cfd3d8; border-bottom: 1px solid #cfd3d8 }
.News_02 .box .boxLeft .content4 > div { max-width: 48% }
.News_02 .box .boxLeft .content4 > div a { display: block }
.News_02 .box .boxLeft .content4 > div a .top { font-size: var(--f18); color: #111; font-weight: bold }
.News_02 .box .boxLeft .content4 > div a .bottom { font-size: var(--f18); color: #999; line-height: 1.2; height: 1.2em; margin-top: 0.15rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.News_02 .box .boxLeft .content4 > div a:hover .bottom { color: #183b84 }
.News_02 .box .boxLeft .content4 .next { text-align: right }
.News_02 .box .boxRight { width: 5.2rem; padding-left: 1rem }
.News_02 .box .boxRight .wntj { position: -webkit-sticky; position: sticky; z-index: 2; top: 0.3rem }
.News_02 .box .boxRight .wntj .list { margin-top: 0.4rem; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.15rem }
.News_02 .box .boxRight .wntj .list .item .content1 { overflow: hidden }
.News_02 .box .boxRight .wntj .list .item .content1 img { width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.News_02 .box .boxRight .wntj .list .item .content2 { font-size: 14px; color: #999; margin: 0.16rem 0 }
.News_02 .box .boxRight .wntj .list .item .content3 { font-size: var(--f18); color: #111; line-height: 1.5; max-height: 3rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-weight: bold }
.News_02 .box .boxRight .wntj .list .item:hover .content1 img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.News_02 .box .boxRight .wntj .list .item:hover .content3 { color: #183b84 }
.About_01 .box .boxLeft { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-right: 1rem }
.About_01 .box .boxLeft .content1 { font-size: var(--f30); color: #111; margin-top: 0.12rem; font-weight: bold }
.About_01 .box .boxLeft .content2 { margin-top: 0.3rem }
.About_01 .box .boxLeft .content2 .scroll { font-size: var(--f18); line-height: 1.8; color: #666; line-height: 1.66; max-height: -webkit-calc(19.92em); max-height: calc(1.66em * 12); overflow: auto; overflow-x: hidden; overflow-y: auto; padding-right: 0.1rem }
.About_01 .box .boxLeft .content2 .scroll::-webkit-scrollbar { width: 2px; height: 2px }
.About_01 .box .boxLeft .content2 .scroll::-webkit-scrollbar-thumb { border-radius: 2px; background: #183b84 }
.About_01 .box .boxLeft .content2 .scroll::-webkit-scrollbar-track { border-radius: 2px; background: rgba(0, 0, 0, 0.1) }
@-moz-document url-prefix() {
	.About_01 .box .boxLeft .content2 .scroll { scrollbar-color: #183b84 rgba(0, 0, 0, 0.1); scrollbar-width: thin }
}
.About_01 .box .boxRight { width: 7.6rem }
.About_01 .box .boxRight .video_box { position: sticky; top: 58px; z-index: 1 }
.About_02 { position: relative; background: url(/powopublic/images/img78.jpg) no-repeat 50% 50%; padding: 1.4rem 0 }
.About_02 .img img { width: 100% }
.About_02 .orientation .box .item { color: #fff }
.About_02 .orientation .box .item .top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end }
.About_02 .orientation .box .item .top div { position: relative }
.About_02 .orientation .box .item .top div p { font-family: 'gilroy_bold'; font-size: 0.8rem; line-height: 1; opacity: 0 }
.About_02 .orientation .box .item .top div .p2 { position: absolute; left: 0; top: 0; opacity: 1 }
.About_02 .orientation .box .item .top span { display: block; font-size: 18px; margin-left: 4px; -webkit-transform: translateY(-0.06rem); -ms-transform: translateY(-0.06rem); transform: translateY(-0.06rem) }
.About_02 .orientation .box .item .bot { margin-top: 0.08rem; font-size: 18px; font-weight: bold }
.About_03 .img img { width: 100% }
.About_03 .box { position: relative }
.About_03 .orientation { position: absolute; left: 0; top: 0; right: 0; bottom: 0 }
.About_03 .orientation .scroll { height: 100% }
.About_03 .orientation .scroll ul { height: 100% }
.About_03 .orientation .scroll ul li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.4); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.About_03 .orientation .scroll ul li:last-child { border-right: none }
.About_03 .orientation .scroll ul li .posi { position: absolute; bottom: 0.7rem; left: 0; width: 100%; padding: 0 0.3rem; z-index: 2; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.About_03 .orientation .scroll ul li .posi .content1 { height: 0.5rem }
.About_03 .orientation .scroll ul li .posi .content1 img { max-height: 100%;width: auto;}
.About_03 .orientation .scroll ul li .posi .content2 { font-size: 18px; color: #fff; font-weight: bold; margin-top: 0.3rem }
.About_03 .orientation .scroll ul li .posi .content3 { margin-top: 0rem; font-size: var(--f18); color: #fff; height: 0; opacity: 0; line-height: 1.5; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s }
@media screen and (min-width:1200px) {
	.About_03 .orientation .scroll ul li:hover, .About_03 .orientation .scroll ul li.active { -webkit-box-flex: 2.5; -webkit-flex: 2.5; -ms-flex: 2.5; flex: 2.5 }
	.About_03 .orientation .scroll ul li:hover .posi, .About_03 .orientation .scroll ul li.active .posi { bottom: 50%; padding: 0 0.96rem; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s }
	.About_03 .orientation .scroll ul li:hover .posi .content3, .About_03 .orientation .scroll ul li.active .posi .content3 { margin-top: 0.15rem; height: 1.5em; opacity: 1; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s }
}
.About_04 { background: url(/powopublic/images/img80.jpg) no-repeat 50% 50% / cover }
.About_04 .box { padding: 0 5vw }
.About_04 .box .swiper::after { content: ''; position: absolute; left: 0; top: 72px; border-top: 1px solid #183b84; opacity: 0.2; width: 100% }
.About_04 .box .swiper .swiper-slide { z-index: 2; padding-left: 1px }
.About_04 .box .swiper .swiper-slide .item .content1 { font-family: 'gilroy_bold'; font-size: var(--f30); line-height: 34px; height: 34px }
.About_04 .box .swiper .swiper-slide .item .content2 { margin: 32px 0 26px 12px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: relative }
.About_04 .box .swiper .swiper-slide .item .content2 span { width: 12px; height: 12px; background: #183b84; border-radius: 50%; display: block; position: relative; transition: 0.4s; z-index: 2 }
.About_04 .box .swiper .swiper-slide .item .content2 span:before { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0.36rem; height: 0.36rem; border-radius: 50%; border: 1px solid #183b84; opacity: 0.2; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.About_04 .box .swiper .swiper-slide .item .content2::before, .About_04 .box .swiper .swiper-slide .item .content2::after { content: ''; position: absolute; top: -6px; right: -6px; bottom: -6px; left: -6px; border: 1px solid rgba(0, 76, 151, 0.4); border-radius: 100%; transition: 0.4s; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5) }
.About_04 .box .swiper .swiper-slide .item .content3 p { font-size: var(--f18); color: #666; line-height: 1.6; position: relative; padding-left: 0.3rem }
.About_04 .box .swiper .swiper-slide .item .content3 p:before { content: ''; left: 0.14rem; top: 0.08rem; position: absolute; width: 8px; height: 8px; background: #183b84; border-radius: 50% }
@media screen and (min-width:1200px) {
	.About_04 .box .swiper .swiper-slide .item:hover .content2 span { transform: scale(0.8) }
	.About_04 .box .swiper .swiper-slide .item:hover .content2 span:before { opacity: 0 }
	.About_04 .box .swiper .swiper-slide .item:hover .content2::before,
	.About_04 .box .swiper .swiper-slide .item:hover .content2::after { -webkit-animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1); animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1) }
	.About_04 .box .swiper .swiper-slide .item:hover .content2::after { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
}
:root { --input_h: 0.6rem }
.wMain_2 { width: min(1200px, 90vw); margin: 0 auto }
._text { font-size: var(--f42); text-align: center; color: #111; font-weight: bold }
.button_100 { display: inline-block }
.button_100 .a { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: var(--f18); color: #183b84; border: 1px solid #183b84; min-width: 1.7rem; padding: 0 0.3rem; height: 0.52rem }
@media screen and (max-width:1200px) {
	.button_100 .a { height: 0.7rem }
}
@media screen and (max-width:699px) {
	.button_100 .a { height: 0.8rem }
}
.button_100 .a p { position: relative; z-index: 2 }
.button_100 .a .circle { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 18px; height: 18px; border: 1px solid #183b84; border-radius: 50%; margin-left: 0.12rem }
.button_100 .a .circle span { display: block; width: 6px; height: 6px; border-radius: 50%; background: #183b84; margin: auto }
.button_100 .a .circle::before, .button_100 .a .circle::after { content: ''; position: absolute; top: -18px; right: -18px; bottom: -18px; left: -18px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 100%; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5) }
.button_100 .a:hover { background: #183b84; color: #fff }
.button_100 .a:hover .circle { border-color: #fff }
.button_100 .a:hover .circle span { background: #fff }
.button_100 .a:hover .circle::before, .button_100 .a:hover .circle::after { -webkit-animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1); animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1) }
.button_100 .a:hover .circle::after { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.button_101 { display: inline-block }
.button_101 .a { cursor: pointer; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: var(--f18); color: #fff; background: #183b84; min-width: 1.7rem; padding: 0 0.3rem; height: 0.52rem ;border:0px;}
@media screen and (max-width:1200px) {
	.button_101 .a { height: 0.7rem }
}
@media screen and (max-width:699px) {
	.button_101 .a { height: 0.8rem }
}
.button_101 .a p { position: relative; z-index: 2 }
.button_101 .a svg { margin-left: 0.12rem }
.button_101 .a:hover { background: #183b84; color: #fff }
.button_101 .a:hover .circle { border-color: #fff }
.button_101 .a:hover .circle span { background: #fff }
.button_101 .a:hover .circle::before, .button_101 .a:hover .circle::after { -webkit-animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1); animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1) }
.button_101 .a:hover .circle::after { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.switch_ { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.switch_ .prev, .switch_ .next { cursor: pointer }
.switch_ .prev i, .switch_ .next i { font-size: 18px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #666666; font-weight: bold }
.switch_ .prev i:hover, .switch_ .next i:hover { color: #183b84 }
.switch_ .next { margin-left: 0.2rem }
.bg { background: url('/powopublic/images/100.jpg') no-repeat; background-size: cover }
.details_100 { padding: .6rem 0 1rem }
.details_100 .le_box { width: 45%;padding: 0 6% 0 2%;}
.details_100 .le_box .content1 .t1 { font-size: var(--f36); font-family: 'gilroy_bold'; color: #111 }
.details_100 .le_box .content1 .t2 { margin-top: 0.1rem; font-size: var(--f18); color: #666; line-height: 2;white-space: pre-line; }
.details_100 .le_box .content2 { margin-top: 0.68rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.details_100 .le_box .content2 .button_100 { margin-left: 0.2rem }
.details_100 .ri_box { width: 55%; text-align: center }
.details_100 .ri_box .div { position: sticky; z-index: 1; top: 58px }
.details_100 .ri_box .swiper .swiper-slide { position: relative }
.details_100 .ri_box .swiper .swiper-slide img { max-width: 100% ;padding:10px;}
.details_100 .ri_box .swiper .swiper-slide .play { position: absolute; width: 0.8rem; height: 0.8rem; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; cursor: pointer }
.details_100 .ri_box .swiper .swiper-slide .play::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/powopublic/images/play1.png) no-repeat center center; background-size: 100% 100%; animation: yz 3s linear infinite }
.details_100 .ri_box .swiper .swiper-slide .play img { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 0.8rem }
.details_100 .ri_box .swiper .swiper-slide .play img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.details_100 .ri_box .div_ { margin-top: 0.6rem }
.details_100 .ri_box .div_ .swiper-pagination-bullet { background: #183b84; opacity: 0.2; border-radius: 0; width: 0.6rem; height: 0.04rem }
.details_100 .ri_box .div_ .swiper-pagination-bullet-active { opacity: 1 }

.details_101 .ls_bot { margin-top: 0.7rem }


.details_102 { background: #eff2f5 }
.details_102 .ls_bot { margin-top: 0.7rem }
.details_102 .ls_bot .scroll table { min-width: 100%; font-size: 14px; border-color: #e9e9e9 }
.details_102 .ls_bot .scroll table tbody { width: 100% }
.details_102 .ls_bot .scroll table tbody tr td { padding: 12px 0 }
.details_102 .ls_bot .scroll table tbody tr td:nth-child(1) { width: 20%; text-align: center; font-size: var(--f18) }
.details_102 .ls_bot .scroll table tbody tr td:nth-child(2) { width: 80%; padding: 12px 1.45rem }
.details_102 .ls_bot .scroll table tbody tr:nth-child(odd) { background: #f7f9fc }
.details_102 .ls_bot .scroll table tbody tr:nth-child(1) { font-size: var(--f18); background: #183b84; color: #fff }
.details_102 .ls_div { margin-top: 0.4rem }

.details_103 .ls_bot { margin-top: 0.7rem }
.details_103 .ls_bot .swiper .swiper-slide { background: #eff2f5; padding: 0.44rem; height: initial }
.details_103 .ls_bot .swiper .swiper-slide .svg { height: 0.76rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.details_103 .ls_bot .swiper .swiper-slide .svg img { max-height: 100% }
.details_103 .ls_bot .swiper .swiper-slide .text { font-size: 18px; margin-top: 0.3rem }
.details_103 .ls_bot .swiper .swiper-slide .text .t1 { color: #111; font-size: 18px }
.details_103 .ls_bot .swiper .swiper-slide .text .t2 { margin-top: 0.18rem; font-size: var(--f18); line-height: 1.6; color: #666 }
.details_103 .ls_bot .swiper .swiper-slide:hover .svg { -webkit-transform: translateY(-0.1rem); -ms-transform: translateY(-0.1rem); transform: translateY(-0.1rem) }

.details_104 { background: #eff2f5 }
.details_104 .ls_bot { margin-top: 0.7rem }
.details_104 .ls_bot .swiper .swiper-slide .img { width: 100%; overflow: hidden }
.details_104 .ls_bot .swiper .swiper-slide .img img { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 100% }
.details_104 .ls_bot .swiper .swiper-slide .text { font-size: 18px; margin-top: 0.1rem }
.details_104 .ls_bot .swiper .swiper-slide:hover .img img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }





.re_model .mo_bot { margin-top: 0.7rem }
.re_model .mo_bot .swiper .swiper-slide .item a { display: block; background: #fff; text-align: center; padding: 0.6rem; border: 1px solid #cfd3d8; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.re_model .mo_bot .swiper .swiper-slide .item a .content1 { font-size: 0.4rem; font-family: 'gilroy_bold'; color: #111; line-height: 1.2; height: 1.2em; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.re_model .mo_bot .swiper .swiper-slide .item a .content2 { font-size: var(--f18); color: #666; line-height: 1.2; height: 1.2em; margin: 0.18rem 0 0.36rem }
.re_model .mo_bot .swiper .swiper-slide .item a .content3 { height: 3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.re_model .mo_bot .swiper .swiper-slide .item a .content3 img { margin: auto; max-height: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.re_model .mo_bot .swiper .swiper-slide .item a .content4 { margin-top: 0.45rem; font-size: var(--f18); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.re_model .mo_bot .swiper .swiper-slide .item a .content4 i { font-size: 14px }
@media screen and (min-width:1200px) {
	.re_model .mo_bot .swiper .swiper-slide .item a:hover { -webkit-box-shadow: 0px 0px 29px 0px rgba(0, 76, 151, 0.08); box-shadow: 0px 0px 29px 0px rgba(0, 76, 151, 0.08) }
	.re_model .mo_bot .swiper .swiper-slide .item a:hover .content1 { color: #183b84 }
	.re_model .mo_bot .swiper .swiper-slide .item a:hover .content4 { color: #183b84 }
	.re_model .mo_bot .swiper .swiper-slide .item a:hover .content3 img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
}
.information_100 .in_top { text-align: center }
.information_100 .in_top .t1 { font-size: var(--f42) }
.information_100 .in_top .t2 { margin-top: 0.1rem; font-size: 18px; color: #666 }
.information_100 .in_bot { margin-top: 0.6rem }
.information_100 .in_bot form .box1 .label { font-size: 14px }
.information_100 .in_bot form .box1 .label .tips { color: #111; margin-bottom: 6px }
.codebox { position: absolute; cursor: pointer; right: 0; top: 0; min-width: 1.7rem;   height: 100%; color: #183b84; border: 2px solid #183b84; font-size: var(--f18); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
@media screen and (max-width:1200px) {
	.codebox { font-size: 14px }
}
.information_100 .in_bot form .box1 .label .tips span { margin-right: 5px; color: #f00 }
.information_100 .in_bot form .box1 .label textarea, .information_100 .in_bot form .box1 .label input { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 100%; height: var(--input_h); border: 1px solid #e9e9e9; color: #183b84; padding: 0 0.2rem; resize: none; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.information_100 .in_bot form .box1 .label textarea::-webkit-input-placeholder, .information_100 .in_bot form .box1 .label input::-webkit-input-placeholder { color: #999 }
.information_100 .in_bot form .box1 .label textarea::-moz-placeholder, .information_100 .in_bot form .box1 .label input::-moz-placeholder { color: #999 }
.information_100 .in_bot form .box1 .label textarea:-ms-input-placeholder, .information_100 .in_bot form .box1 .label input:-ms-input-placeholder { color: #999 }
.information_100 .in_bot form .box1 .label textarea::-ms-input-placeholder, .information_100 .in_bot form .box1 .label input::-ms-input-placeholder { color: #999 }
.information_100 .in_bot form .box1 .label textarea::placeholder, .information_100 .in_bot form .box1 .label input::placeholder { color: #999 }
.information_100 .in_bot form .box1 .label textarea:focus, .information_100 .in_bot form .box1 .label input:focus { border-color: #183b84 }
.information_100 .in_bot form .box1 .label .code { margin-left: 0.2rem; cursor: pointer; min-width: 1.7rem; padding: 0 0.3rem; color: #183b84; border: 2px solid #183b84; height: var(--h); font-size: var(--f18); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.information_100 .in_bot form .box1 .label textarea { height: calc(var(--h) * 3); padding: 0.2rem }
.information_100 .in_bot form .box1 .label + .label { margin-top: 0.26rem }
.information_100 .in_bot form .box2 { margin-top: 0.1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.information_100 .in_bot form .box2 .layui-form-checkbox i { border-radius: 50%; border-color: #999; top: 0.08rem }
.information_100 .in_bot form .box2 .tips { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #999; line-height: 2; font-size: 14px }
.information_100 .in_bot form .box3 { margin-top: 0.6rem; text-align: center }
.information_100 .in_bot form .box3 .tips { font-size: 14px; color: #666 }
.information_100 .in_bot form .box3 .tips a { color: #183b84 }
.information_100 .in_bot form .box3 .tips a:hover { text-decoration: underline }
.information_100 .in_bot form .box3 .btn { margin-top: 0.26rem }
.case_100 .se_top { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.3rem }

.se_topbox p {padding:10px;text-align: center;}




.item_100 a { background: #fff; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 76, 151, 0.1); box-shadow: 0px 10px 30px 0px rgba(0, 76, 151, 0.1); padding: 0.3rem }
.item_100 a .img { width: 100%; overflow: hidden }
.item_100 a .img img { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 100% }
.item_100 a .box { margin-top: 0.24rem }
.item_100 a .box .text .t1 { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-size: 18px }
.item_100 a .box .text .t2 { margin-top: 0.14rem; font-size: 14px; color: #666; line-height: 1.6; height: 3.2em }
.item_100 a .box .svg { margin-top: 0.3rem; height: 0.48rem }
.item_100 a .box .svg img { max-height: 100% }
.item_100 a:hover .img img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
.item_100 a:hover .box .text .t1 { color: #183b84 }
.re_case_100 { background: #eff2f5 }
.re_case_100 .se_bot { margin-top: 0.74rem }
@media screen and (min-width:1200px) {
	.re_case_100 .se_bot .banner { max-width: -0.2rem; margin-left: -0.2rem; width: calc(100% + 0.4rem) }
	.re_case_100 .se_bot .banner .swiper { padding: 0.3rem 0.2rem }
}
.case_details .box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.8rem 0 }
.case_details .box .le_box { width: 22% }
.case_details .box .le_box p { font-size: var(--f30) }
.case_details .box .ri_box { width: 78%; font-size: var(--f18) }
.case_details .box .ri_box .div1 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.2rem }
.case_details .box .ri_box .div1 > div .text { color: #666 }
.case_details .box .ri_box .div1 > div ul { margin-top: 0.26rem }
.case_details .box .ri_box .div1 > div ul li { position: relative; padding-left: 0.2rem; color: #111; line-height: 1.6 }
.case_details .box .ri_box .div1 > div ul li::before { content: ''; position: absolute; left: 0; top: 0.1rem; width: 0.08rem; height: 0.08rem; background: #183b84; border-radius: 50% }
.case_details .box .ri_box .div1 > div ul li + li { margin-top: 0.34rem }
.case_details .box .ri_box .div2 { color: #111; line-height: 1.7 }
.case_details .box .ri_box .div2 img { max-width: 100% }
.case_details .box .ri_box .div3 .content1 { color: #111; line-height: 1.7 }
.case_details .box .ri_box .div3 .content1 img { max-width: 100% }
.case_details .box .ri_box .div3 .content2 { margin-top: 0.3rem }
.case_details .box:last-child { padding: 0.8rem 0 0 }
.case_details .box:first-child { padding: 0 0 0.8rem }
.case_details .box + .box { border-top: 1px solid #ddd }
.left_90 { padding: 0 0.9rem }
.online_form form { font-size: 14px }
.online_form form .box1 { text-align: center }
.online_form form .box1 .text { font-size: var(--f42); color: #111 }
.online_form form .box1 .desc { margin-top: 0.1rem; font-size: 18px; color: #666 }
.online_form form .box2 { margin-top: 0.7rem; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.2rem 0.3rem }
@media screen and (max-width:699px) {
	.online_form form .box2 { grid-template-columns: repeat(1, 1fr) }
}
.online_form form .box2 .label { position: relative }
.online_form form .box2 .label textarea, .online_form form .box2 .label input { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 100%; border: 1px solid #e9e9e9; height: var(--input_h); resize: none; padding: 0 0.2rem; color: #183b84 }
.online_form form .box2 .label textarea:focus, .online_form form .box2 .label input:focus { border-color: #183b84 }
.online_form form .box2 .label textarea:not(:placeholder-shown) + .tips, .online_form form .box2 .label input:not(:placeholder-shown) + .tips { display: none }
.online_form form .box2 .label textarea { height: calc(var(--input_h) * 3); padding: 0.2rem }
.online_form form .box2 .label .tips { position: absolute; width: 100%; top: 50%; left: 0; padding: 0 0.2rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #666; pointer-events: none }
.online_form form .box2 .label .tips span { margin-right: 4px; color: #f00 }
@media screen and (min-width:699px) {
	.online_form form .box2 .label:nth-last-of-type(2) { /*grid-area: 4 / 1 / 5 / 3;*/ }
	.consulting_100 form .box2 .label:nth-last-of-type(1) { /*grid-area: 5 / 1 / 6 / 3*/ }
}
@media screen and (min-width:699px) {
	.online_form form .box2 .label:nth-last-of-type(1) { grid-area: 5 / 1 / 6 / 3; height: calc(var(--input_h) * 3) }
}
.online_form form .box2 .label:nth-last-of-type(1) .tips { top: 0.2rem; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.online_form form .box3 { margin: 0.2rem 0 0.15rem }
.online_form form .box3 .label { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #e9e9e9; height: var(--input_h) }
.online_form form .box3 .label input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: var(--input_h); border: none; padding: 0 0.2rem; color: #183b84 }
.online_form form .box3 .label .code { cursor: pointer }
.online_form form .box3 .label .code img { padding: 5px 5px 5px 0; max-height: 100% }
.online_form form .box3 .label .tips { cursor: pointer; padding: 0 0.2rem; color: #666 }
.online_form form .box3 .label .tips span { color: #999 }
.online_form form .box3 .label:focus-within { border-color: #183b84 }
.online_form form .box4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.online_form form .box4 .layui-form-checkbox i { border-radius: 50% }
.online_form form .box4 .tips { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #666 }
.online_form form .box4 .tips a { color: #183b84 }
.online_form form .box4 .tips a:hover { text-decoration: underline }
.online_form form .box5 { margin-top: 0.45rem }
.ggt_100 .wMain > div { position: relative }
.ggt_100 picture { width: 100% }
.ggt_100 picture img { width: 100% }
.ggt_100 .post { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 0 0.76rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.ggt_100 .post > div { width: 100%; margin: auto; color: #fff }
.ggt_100 .post > div .t1 { font-size: var(--f30) }
.ggt_100 .post > div .t2 { margin-top: 0.14rem; color: #fff; font-size: var(--f42); font-family: 'gilroy_bold' }
.recruitment_100 .nt_bot { margin-top: 0.8rem; --w: 1.17rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.recruitment_100 .nt_bot .item { width: calc((100% - (var(--w) * 4)) / 5); text-align: center; position: relative }
.recruitment_100 .nt_bot .item .num { font-size: 0.88rem; font-family: 'gilroy_bold'; line-height: 0.8; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #f7f9fa), to(rgba(247, 249, 250, 0))); background: -o-linear-gradient(top, #f7f9fa 60%, rgba(247, 249, 250, 0)); background: linear-gradient(to bottom, #f7f9fa 60%, rgba(247, 249, 250, 0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent }
.recruitment_100 .nt_bot .item .img { margin-top: -0.26rem; height: 0.95rem }
.recruitment_100 .nt_bot .item .img img { max-height: 100% }
.recruitment_100 .nt_bot .item .text { margin-top: 0.1rem; color: #111; font-size: 18px }
.recruitment_100 .nt_bot .line { width: var(--w) }
.recruitment_100 .nt_bot .line img { width: 100% }
.recruitment_100 .nt_div { margin-top: 0.74rem }
.inquire_100 { background: #eff2f5 }
.inquire_100 .re_bot { margin-top: 0.58rem }
.inquire_100 .re_bot form { --h: 0.52rem; font-size: var(--f18) }
.inquire_100 .re_bot form .box1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.inquire_100 .re_bot form .box1 .label { width: 5.75rem; border: 1px solid #183b84; padding: 0 0.2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.inquire_100 .re_bot form .box1 .label input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 0.1rem; height: var(--h); border: none; background: none; color: #183b84; width: 100% }
.inquire_100 .re_bot form .box1 .label input::-webkit-input-placeholder { color: #999 }
.inquire_100 .re_bot form .box1 .label input::-moz-placeholder { color: #999 }
.inquire_100 .re_bot form .box1 .label input:-ms-input-placeholder { color: #999 }
.inquire_100 .re_bot form .box1 .label input::-ms-input-placeholder { color: #999 }
.inquire_100 .re_bot form .box1 .label input::placeholder { color: #999 }
.inquire_100 .re_bot form .box1 button { margin-left: 0.2rem; cursor: pointer; min-width: 1.7rem; padding: 0 0.3rem; background: #183b84; height: var(--h); color: #fff; text-align: center; border: none }
.tangchuang_100 { display: none; z-index: 99; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.25) }
.tangchuang_100 .box { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: min(8rem, 90vw); background: #fff; min-height: 3rem; padding: 0.5rem 0.38rem }
.tangchuang_100 .box .content1 { position: relative }
.tangchuang_100 .box .content1 .text { font-size: 18px; color: #111 }
.tangchuang_100 .box .content1 .close { position: absolute; right: 0; top: -25%; cursor: pointer; line-height: 1 }
.tangchuang_100 .box .content1 .close i { font-size: var(--f26); color: #666666 }
.tangchuang_100 .box .content1 .close i:hover { color: #183b84 }
.tangchuang_100 .box .content2 { margin-top: 0.22rem }
.tangchuang_100 .box .content2 .item { text-align: center; display: none }
.tangchuang_100 .box .content2 .item.active { display: block }
.tangchuang_100 .box .content2 .item .svg { height: 1.12rem }
.tangchuang_100 .box .content2 .item .svg img { max-height: 100% }
.tangchuang_100 .box .content2 .item .txt { margin-top: 0.3rem; font-size: 18px; color: #666 }
.tangchuang_100 .box .content3 { margin-top: 0.7rem }
.cooperation_100 .co_bot { --h: 1.2rem }
.cooperation_100 .co_bot .swiper .swiper-slide { height: var(--h); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.cooperation_100 .co_bot .swiper .swiper-slide img { margin: auto; max-width: 80%; max-height: 80% }
.cooperation_100 .co_bot .div_ { margin-top: 0.5rem }
.cooperation_100.bgColor .co_bot .swiper .swiper-slide { background: #fff }
.gdt { margin-top: 0.32rem }
.gdt .j { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.gdt .page { height: 1px; position: relative; width: 100% }
.gdt .page div { height: 1px; background: #e7e7e7 }
.gdt .page .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #183b84 }
.gdt .button { margin-left: 0.4rem }
.consulting_100 form { font-size: 14px }
.consulting_100 form .box1 { text-align: center }
.consulting_100 form .box1 .text { font-size: var(--f42); color: #111 }
.consulting_100 form .box1 .desc { margin-top: 0.1rem; color: #666; font-size: 18px }
.consulting_100 form .box3,
.consulting_100 form .box2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.2rem 0.3rem }
.consulting_100 form .box3 .label,
.consulting_100 form .box2 .label { position: relative }
.consulting_100 form .box3 .label textarea,
.consulting_100 form .box2 .label textarea,
.consulting_100 form .box3 .label input,
.consulting_100 form .box3 .label select,
.consulting_100 form .box2 .label input { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 100%; height: var(--input_h); border: 1px solid #e9e9e9; padding: 0 0.2rem; color: #183b84; resize: none }
.consulting_100 form .box3 .label select { color: #666; appearance: auto; -webkit-appearance: auto; -moz-appearance: auto }
.consulting_100 form .box3 .label textarea::-webkit-input-placeholder,
.consulting_100 form .box2 .label textarea::-webkit-input-placeholder,
.consulting_100 form .box3 .label input::-webkit-input-placeholder,
.consulting_100 form .box2 .label input::-webkit-input-placeholder { color: #666 }
.consulting_100 form .box3 .label textarea::-moz-placeholder,
.consulting_100 form .box2 .label textarea::-moz-placeholder,
.consulting_100 form .box3 .label input::-moz-placeholder,
.consulting_100 form .box2 .label input::-moz-placeholder { color: #666 }
.consulting_100 form .box3 .label textarea:-ms-input-placeholder,
.consulting_100 form .box2 .label textarea:-ms-input-placeholder,
.consulting_100 form .box3 .label input:-ms-input-placeholder,
.consulting_100 form .box2 .label input:-ms-input-placeholder { color: #666 }
.consulting_100 form .box3 .label textarea::-ms-input-placeholder,
.consulting_100 form .box2 .label textarea::-ms-input-placeholder,
.consulting_100 form .box3 .label input::-ms-input-placeholder,
.consulting_100 form .box2 .label input::-ms-input-placeholder { color: #666 }
.consulting_100 form .box3 .label textarea::placeholder,
.consulting_100 form .box2 .label textarea::placeholder,
.consulting_100 form .box3 .label input::placeholder,
.consulting_100 form .box2 .label input::placeholder { color: #666 }
.consulting_100 form .box3 .label textarea:focus,
.consulting_100 form .box3 .label select:focus,
.consulting_100 form .box2 .label textarea:focus,
.consulting_100 form .box3 .label input:focus,
.consulting_100 form .box2 .label input:focus { border-color: #183b84 }
.consulting_100 form .box3 .label textarea:not(:placeholder-shown) + .tips,
.consulting_100 form .box2 .label textarea:not(:placeholder-shown) + .tips,
.consulting_100 form .box3 .label input:not(:placeholder-shown) + .tips,
.consulting_100 form .box2 .label input:not(:placeholder-shown) + .tips { display: none }
.consulting_100 form .box3 .label textarea,
.consulting_100 form .box2 .label textarea { height: calc(var(--input_h) * 3); padding: 0.2rem }
.consulting_100 form .box3 .label .tips,
.consulting_100 form .box2 .label .tips { position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #666; padding: 0 0.2rem; pointer-events: none }
.consulting_100 form .box3 .label .tips span, .consulting_100 form .box2 .label .tips span { margin-right: 4px; color: #f00 }
.consulting_100 form .box3 .label .layui-form-select .layui-edge,
.consulting_100 form .box2 .label .layui-form-select .layui-edge { right: 0.2rem }
.consulting_100 form .box3 .label .layui-form-select dl,
.consulting_100 form .box2 .label .layui-form-select dl { top: var(--input_h) }
.consulting_100 form .box3 .label .layui-form-select dl dd,
.consulting_100 form .box2 .label .layui-form-select dl dd { font-size: 0.9em; padding: 0 0.2rem !important }
.consulting_100 form .box3 .label .layui-form-selectup dl,
.consulting_100 form .box2 .label .layui-form-selectup dl { top: auto; bottom: var(--input_h) }
.consulting_100 form .box3 { display: block }
.consulting_100 form .box3 .text { margin: 0.28rem 0 0.14rem; font-size: 18px; color: #111 }
.consulting_100 form .box3 .grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 0.2rem 0.3rem }
.consulting_100 form .box3 .grid .label:nth-last-of-type(1) .tips { top: 0.2rem; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.consulting_100 form .box4 { margin-top: 0.1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.consulting_100 form .box4 .layui-form-checkbox i { border-radius: 50% }
.consulting_100 form .box4 .tips { color: #666; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.consulting_100 form .box4 .tips a { color: #183b84 }
.consulting_100 form .box4 .tips a:hover { text-decoration: underline }
.consulting_100 form .box5 { margin-top: 0.46rem }
.phone_consult{margin-bottom: 10px;}
.phone_consult .lt_top ._text { text-align: left }
.phone_consult .lt_bot { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.3rem }
.phone_consult .lt_bot .item { position: relative }
.phone_consult .lt_bot .item > img { width: 100% }
.phone_consult .lt_bot .item picture { width: 100% }
.phone_consult .lt_bot .item picture img { width: 100% }
.phone_consult .lt_bot .item .post { position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.phone_consult .lt_bot .item .post > div { margin: auto; width: 100%; padding: 0 0.76rem }
.phone_consult .lt_bot .item .post > div .t1 { font-size: 18px; padding-bottom: 0.32rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2) }
.phone_consult .lt_bot .item .post > div .t2 { margin-top: 0.32rem }
.phone_consult .lt_bot .item .post > div .t2 a { display: block; color: #fff; font-size: var(--f36); font-family: 'gilroy_bold' }
.phone_consult .lt_bot .item .post > div .t2 a + a { margin-top: 0.2rem }
.district_100 { padding-bottom: 0.4rem }
@media screen and (min-width:1200px) {
	.district_100 { display: grid; grid-template-columns: repeat(2, 1fr) }
	.district_100 .item_0 { grid-area: 1 / 1 / 2 / 3 }
}
.district_100 .item ._text { text-align: left }
.district_100 .item .banner .swiper { padding-left: 5vw; padding-bottom: 1px }
.district_100 .item .banner .swiper .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; border: 1px solid #e9e9e9; padding: 0.36rem 0.42rem 0.24rem 0.18rem; height: auto }
.district_100 .item .banner .swiper .swiper-slide .img { width: 0.77rem }
.district_100 .item .banner .swiper .swiper-slide .img img { max-width: 100% }
.district_100 .item .banner .swiper .swiper-slide .box { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 0.2rem }
.district_100 .item .banner .swiper .swiper-slide .box .div1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.district_100 .item .banner .swiper .swiper-slide .box .div1 p { font-size: var(--f30) }
.district_100 .item .banner .swiper .swiper-slide .box .div1 .svg { width: 0.33rem }
.district_100 .item .banner .swiper .swiper-slide .box .div1 .svg img { width: 100% }
.district_100 .item .banner .swiper .swiper-slide .box .div2 { margin-top: 0.22rem }
.district_100 .item .banner .swiper .swiper-slide .box .div2 p { color: #666; font-size: var(--f18); line-height: 1.66 }
.district_100 .item .banner .swiper .swiper-slide .box .div2 p a { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #666 }
.district_100 .item .banner .swiper .swiper-slide .box .div2 p a:hover { color: #183b84 }
.district_100 .item .banner .swiper .swiper-slide .box .div2 p:nth-child(2) { height: 3.32em }
.down_1 { position: absolute; width: 100%; left: 0; top: 100%; opacity: 0; visibility: hidden }
.down_1 .box_100 { z-index: 1; position: relative; width: 100%; background: #fafbfb; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.down_1 .box_100 .le_box { width: 46%; background: #eff2f5; padding: 0.45rem calc(5vw - 0.35rem) 0.65rem 5vw }
.down_1 .box_100 .le_box .content1 form div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 0.28rem; background: #fff }
.down_1 .box_100 .le_box .content1 form div input { padding-right: 0.28rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border: none; background: none; height: 0.52rem; color: #183b84; font-size: 14px }
.down_1 .box_100 .le_box .content1 form div input::-webkit-input-placeholder { color: #888 }
.down_1 .box_100 .le_box .content1 form div input::-moz-placeholder { color: #888 }
.down_1 .box_100 .le_box .content1 form div input:-ms-input-placeholder { color: #888 }
.down_1 .box_100 .le_box .content1 form div input::-ms-input-placeholder { color: #888 }
.down_1 .box_100 .le_box .content1 form div input::placeholder { color: #888 }
.down_1 .box_100 .le_box .content1 form div svg { cursor: pointer; width: 18px }
.down_1 .box_100 .le_box .content2 { margin-top: 0.4rem }
.down_1 .box_100 .le_box .content2 .scroll { max-height: 60vh; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.4rem; overflow: auto; overflow-x: hidden; overflow-y: auto; padding-right: 0.1rem }
.down_1 .box_100 .le_box .content2 .scroll::-webkit-scrollbar { width: 2px; height: 2px }
.down_1 .box_100 .le_box .content2 .scroll::-webkit-scrollbar-thumb { border-radius: 2px; background: #183b84 }
.down_1 .box_100 .le_box .content2 .scroll::-webkit-scrollbar-track { border-radius: 2px; background: rgba(0, 0, 0, 0.1) }
@-moz-document url-prefix() {
	.down_1 .box_100 .le_box .content2 .scroll { scrollbar-color: #183b84 rgba(0, 0, 0, 0.1); scrollbar-width: thin }
}
.down_1 .box_100 .le_box .content2 .li .one { padding: 12px 0; border-bottom: 1px solid #ddd }
.down_1 .box_100 .le_box .content2 .li .one:hover{ background-color: #FF0000; }
.down_1 .box_100 .le_box .content2 .li .one a { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-size: 20px; color: #000 }
.down_1 .box_100 .le_box .content2 .li .one a:hover { color: #FFFFFF;}
.down_1 .box_100 .le_box .content2 .li .two { margin-top: 12px; }
/*
.down_1 .box_100 .le_box .content2 .li .two a { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: block; font-size: var(--f18); color: #666; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }
*/
.down_1 .box_100 .le_box .content2 .li .two a {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: block;
    font-size: 16px;
    margin:10px 0;
    background-color:#ededed;
    height:auto;
    width:auto;
    padding:10px 4px;
    color: #666;
}
.down_1 .box_100 .le_box .content2 .li .two a:hover { color: #FFFFFF;background-color: #BB0000; }
.down_1 .box_100 .le_box .content2 .li .two a + a { margin-top: 0.1rem }
.down_1 .box_100 .ri_box { width: 54%; padding: 0.45rem 5vw 0.65rem calc(5vw + 0.1rem) }
.down_1 .box_100 .ri_box .content1 { padding-bottom: 0.2rem; border-bottom: 1px solid #ddd }
.down_1 .box_100 .ri_box .content1 .txt { font-size: var(--f26); color: #000 }
.down_1 .box_100 .ri_box .content1 i { color: #183b84; font-size: 18px; font-weight: bold }
.down_1 .box_100 .ri_box .content2 { margin-top: 0.3rem }
.down_1 .box_100 .ri_box .content2 .scroll { max-height: 40vh; overflow: auto; overflow-x: hidden; overflow-y: auto; padding-right: 0.1rem }
.down_1 .box_100 .ri_box .content2 .scroll .li{padding: 4px 0;}
.down_1 .box_100 .ri_box .content2 .scroll .li:hover{background-color: #DDDDDD;}
.down_1 .box_100 .ri_box .content2 .scroll::-webkit-scrollbar { width: 2px; height: 2px }
.down_1 .box_100 .ri_box .content2 .scroll::-webkit-scrollbar-thumb { border-radius: 2px; background: #183b84 }

.down_1 .box_100 .ri_box .content2 .scroll::-webkit-scrollbar-track { border-radius: 2px; background: rgba(0, 0, 0, 0.1) }
@-moz-document url-prefix() {
	.down_1 .box_100 .ri_box .content2 .scroll { scrollbar-color: #183b84 rgba(0, 0, 0, 0.1); scrollbar-width: thin }
}
.down_1 .box_100 .ri_box .content2 .li {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }

.down_1 .box_100 .ri_box .content2 .li .img { width: auto; height: 120px;margin-left: 8px; background: #eff2f5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.down_1 .box_100 .ri_box .content2 .li .img img { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin: auto; max-width: 72%; max-height: 72%; mix-blend-mode: multiply !important; }
.down_1 .box_100 .ri_box .content2 .li .comm { padding-left: 0.36rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.down_1 .box_100 .ri_box .content2 .li .comm .m1 { margin-top: 20px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-size: 18px }
.down_1 .box_100 .ri_box .content2 .li .comm .m2 { margin: 0.1rem 0 0.2rem; font-size: 14px; color: #666; line-height: 1.6; height: 3.2em }
.down_1 .box_100 .ri_box .content2 .li .comm .m3 .button_04 .a { width: 34px; height: 34px; margin-bottom: 20px; border-width: 1px }
.down_1 .box_100 .ri_box .content2 .li + .li { margin-top: 0.3rem }
.down_1 .box_100 .ri_box .content2 .li:hover .img img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
.down_1 .box_100 .ri_box .content2 .li:hover .comm .m1 { color: #183b84 }
.down_1 .box_100 .ri_box .content2 .li:hover .comm .m3 .button_04 .a { background: #183b84; color: #fff }
.down_1 .bg_000 { position: absolute; top: 0; left: 0; width: 100%; height: calc(100vh - 58px); background: rgba(0, 0, 0, 0.3) }
.down_1.active { opacity: 1; visibility: visible; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.re_model.bgColor .mo_bot .swiper .swiper-slide .item a { border: 0 }
@media screen and (max-width:1680px) {
	.Home_Product .box .boxLeft .scroll .item { padding-bottom: 0.4rem }
	.Home_Solution .box .item .orientation_03 .scroll ul li div svg { transform: scale(0.8) translateY(-1px); transform-origin: left center }
	.Home_Solution_01 .box .item .orientation_03 .scroll ul li div svg { -webkit-transform: scale(0.8) translateY(-1px) !important; -ms-transform: scale(0.8) translateY(-1px) !important; transform: scale(0.8) translateY(-1px) !important; transform-origin: left center }
}
@media screen and (max-width:1520px) {
	.Home_Solution .box .item .orientation_02 { top: 35% }
	.Inner_Nav .box p { margin-right: 0.4rem }
	.Left_Nav .item .top a .left { width: 88% }

	.Header_Container .box .logo a img { height: 40px }
	.Header_Container .box .call { margin-left: 0.3rem }
	.Header_Container .box .search { margin-left: 0.3rem }

	.Home_Solution_01 .box { width: 20.7rem }
}
@media screen and (max-width:1400px) {

	.Header_Container .box .logo a img { height: 40px }
	.Header_Container .box .nav .item { padding: 0 0.1rem }

	.Home_Product .box .boxLeft .scroll .item .right .content3 { margin-top: 0.2rem }
	.Home_Product .box .boxLeft .scroll .item .right .content2 { margin-top: 0 }
	.Footer_Container .box2 .boxLeft .item { margin-right: 0.6rem }
	.Footer_Container .box2 .boxRight { max-width: 3.6rem }
	.Inner_Nav .box p { margin-right: 0.6rem }
	.Service_01 .box .boxLeft { padding-right: 1.35rem }
	.About_01 .box .boxLeft .content2 .scroll { max-height: -webkit-calc(14.94em); max-height: calc(1.66em*9) }
	.wMain_2 { width: min(1000px, 90vw) }
}
@media screen and (max-width:1281px) {

/*
	.Header_Container .box .nav .item > p a { font-size: 14px }
	.Header_Container .box .call { margin-left: 0.3rem }
*/

	.Home_Product .box .boxLeft .scroll .item { padding-bottom: 0.2rem }

	.Home_Product .box .boxLeft .scroll .item .right .content3 { margin-top: 0.1rem }
	.Solution_05 .box .item .boxLeft .bot { margin-top: 0.45rem; gap: 0.25rem }
	.Solution_06 .box .scroll .list .item { padding: 0 0.2rem }
	.Events_03 .box .boxLeft { width: 8.54rem }
}
.btn_phone { display: none }
@media screen and (max-width:1200px) {
/*	.Header_Container { display: none }*/
	.btn_pc { display: none }
	.btn_phone { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
	.Footer_Container .box2 .boxLeft { display: none }
	.Footer_Container .box2 .boxRight { max-width: 100%; text-align: left }
	.Footer_Container .box2 .boxRight .content3 { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start }
	.Footer_Container .box3 { text-align: center }
	.Footer_Container .box3 div { width: 100% }
	.Footer_Container .box2 .boxRight .content3 ul li { margin-left: 0; margin-right: 0.25rem }
	.Home_Solution .box .item .orientation_01 { display: none }
	.Home_Solution .box .item .orientation_02,
	.Home_Solution .box .item .orientation_03 { opacity: 1; text-align: left; left: 5vw; right: auto }
	.Home_Solution .box .item .orientation_03 .scroll { width: 90vw }
	.details_101 .ls_bot .scroll table tbody tr td:nth-child(2) { padding: 12px 0.5rem }
	.button_101 .a svg { margin-left: 15px; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9) }
	.button_100 .a .circle { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px) }
	.Product_04 .box { margin-top: 0.56rem }
	.Product_05 .box .item .down { padding-right: 0.4rem }
	.Solution_01 .box .boxLeft { padding: 0.5rem !important }
	.Solution_01 .box .boxRight { margin-top: 0 !important }
	.Solution_03 .box { gap: 0.6rem 0.3rem }
	.Solution_07 .box { padding: 0 }
	.Solution_09 .box .item .boxLeft { width: 2.5rem; padding-left: 0.4rem }
	.Solution_09 .box .item .boxLeft p { font-size: var(--f30) }
	.Solution_12 .box .img img { min-height: 4rem }
	.Solution_12 .box .orientation { padding: 0 0.7rem }
	.Solution_13 .box { padding: 0 5vw }
	.Service_01 .box .boxLeft { padding-right: 0.5rem; width: 3.6rem }
	.left_90 { padding: 0 }
	.ggt_100 picture img { min-height: 4rem }
	.phone_consult .lt_bot { grid-template-columns: repeat(1, 1fr) }
	.About_02 { background-attachment: initial }
	.About_02 .orientation .box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem 0.2rem }
	.About_02 .orientation .box .item .top div p { font-size: 0.7rem }
	.About_03 .orientation .scroll { overflow: auto; overflow-x: auto; overflow-y: hidden }
	.About_03 .orientation .scroll::-webkit-scrollbar { width: 2px; height: 4px }
	.About_03 .orientation .scroll::-webkit-scrollbar-thumb { border-radius: 2px; background: #183b84 }
	.About_03 .orientation .scroll::-webkit-scrollbar-track { border-radius: 2px; background: rgba(255, 255, 255, 0.5) }
	.About_03 .orientation .scroll ul { height: 100%; width: 250% }
	.About_03 .img img { height: 5rem }
	.About_03 .orientation .scroll ul li .posi .content3 { opacity: 1; margin-top: 0.12rem; line-height: 1.5 }
	.About_03 .orientation .scroll ul li .posi { bottom: 1.8rem }
	.News_01 .box .item a .boxLeft { width: 50% }
	.News_01 .box .item a .boxRight { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0.4rem }
	.News_01 .box .item a .boxRight .content4 { margin-top: 0.4rem }
	.height_height { height: 0 }
	.Events_02 .box .banner .item .boxRight { padding-left: 0.3rem }
	.Events_02 .box .banner .item .boxLeft { width: 50% }
	.Events_02 .box .banner .item .boxRight .scroll { max-height: 5.2rem }
	.Inner_Nav .box p { margin-right: 0.4rem }
	.Events_02 .flex_center { width: 100%; margin-top: 0.4rem }
	.Events_02 .banner1 .swiper { width: 8.3rem }
	.Product_01 .box, .Solution_02 .box, .Solution_06 .box .scroll .list,

  /*.Solution_10 .box,*/
	.re_case_100 .se_bot,
	.case_100 .se_top,
	.News_02 .box .boxRight .wntj .list,
	.Events_04 .box { grid-template-columns: repeat(2, 1fr); gap: 0.2rem }
	.Solution_08 .box { grid-template-columns: repeat(4, 1fr) }
	.Solution_10 .box { grid-template-columns: repeat(1, 1fr) }
	.Solution_10 .box .item .img { top: 1rem; width: 3.4rem }
	.Home_Product .box .flex_center,
	.Home_News .box .flex_center,
	.details_100 .flex_center,
	.Product_04 .box .item .flex_center,
	.Solution_01 .box .flex_center,
	.Solution_05 .box .item .flex_center,
	.Solution_18 .box .item .flex_center,
	.About_01 .box .flex_center,
	.News_02 .box .flex_center,
	.Events_03 .box .flex_center,
	.Product_03 .box .flex_center { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
	.Home_Product .box .boxLeft,
	.Home_News .box .boxLeft,
	.details_100 .boxLeft,
	.Product_04 .box .item .boxLeft,
	.Solution_01 .box .boxLeft,
	.Solution_05 .box .item .boxLeft,
	.Solution_18 .box .item .boxLeft,
	.About_01 .box .boxLeft,
	.News_02 .box .boxLeft,
	.Events_03 .box .boxLeft,
	.Product_03 .box .boxLeft,
	.Home_Product .box .le_box,
	.Home_News .box .le_box,
	.details_100 .le_box,
	.Product_04 .box .item .le_box,
	.Solution_01 .box .le_box,
	.Solution_05 .box .item .le_box,
	.Solution_18 .box .item .le_box,
	.About_01 .box .le_box,
	.News_02 .box .le_box,
	.Events_03 .box .le_box,
	.Product_03 .box .le_box { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; padding-left: 0; padding-right: 0 }
	.Home_Product .box .boxRight, .Home_News .box .boxRight,
	.details_100 .boxRight,
	.Product_04 .box .item .boxRight,
	.Solution_01 .box .boxRight,
	.Solution_05 .box .item .boxRight,
	.Solution_18 .box .item .boxRight,
	.About_01 .box .boxRight,
	.News_02 .box .boxRight,
	.Events_03 .box .boxRight,
	.Product_03 .box .boxRight,
	.Home_Product .box .ri_box,
	.Home_News .box .ri_box,
	.details_100 .ri_box,
	.Product_04 .box .item .ri_box,
	.Solution_01 .box .ri_box, 
	.Solution_05 .box .item .ri_box,
	.Solution_18 .box .item .ri_box,
	.About_01 .box .ri_box,
	.News_02 .box .ri_box,
	.Events_03 .box .ri_box,
	.Product_03 .box .ri_box { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; width: 100%; margin-top: 0.5rem; padding-left: 0; padding-right: 0 }
	.Solution_04 .box .item .left { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; padding-left: 0; padding-right: 0; min-height: 0 }
	.Solution_04 .box .item .right { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; width: 100%; margin-top: 0.5rem; padding-left: 0; padding-right: 0 }
	.mobile_search .close i { font-size: 0.4rem }
	.mobile_search { padding: 1rem 0 }
	.Home_Solution .box .item .orientation_03 .scroll ul li div { left: 0.1rem }
	.Home_Solution .box .item .orientation_03 .scroll ul li div svg { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8) }
	.Home_Solution .box .item .orientation_03 .scroll ul li a { padding: 0 0.35rem 0 0.75rem }
	.Solution_11 .box .swiper-slide p img,
	.cooperation_100 .co_bot .swiper .swiper-slide img { max-width: 60%; max-height: 60% }

	.Home_Solution .box .item .orientation_02 { top: 20% }
	.Footer_Container .box2 .boxRight .content3 ul li p { width: 110px; transform: translateX(0%) scale(1) !important; left: 0; transform-origin: left top }
	.News_02 .box .boxLeft .content4 > div { width: 100%; max-width: 100% }
	.News_02 .box .boxLeft .content4 .next { text-align: left; margin: 0.3rem 0 0 }
	.Home_Solution_01 .box { width: 100%; flex-wrap: wrap }
	.Home_Solution_01 .box .item { width: 100%; flex: 1 100% }
	.Home_Solution_01 .box .item .main { transform: skew(0deg) }
	.Home_Solution_01 .box .item .main .main_01 { left: 0%; width: 100vw; transform: translate(0%, 0) skew(0deg) }
	.Home_Solution_01 .box .item .main .main_01 .orientation_01 { display: none }
	.Home_Solution_01 .box .item .main .main_01 .orientation_02 { top: 1rem; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); left: 5vw; opacity: 1 }
	.Home_Solution_01 .box .item .main .main_01 .orientation_03 { left: 5vw; bottom: 0.6rem; width: 90vw }
	.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll { width: 100% }
	.Home_Solution_01 { --h: 6.7rem }
	.Home_Solution_01 .box .item .orientation_03 .scroll ul li a { padding: 0 0.35rem 0 0.75rem !important }
	.Home_Solution_01 .box .item .orientation_03 .scroll ul li div svg { -webkit-transform: scale(0.8) !important; -ms-transform: scale(0.8) !important; transform: scale(0.8) !important }
	.Home_Solution_01 .box .item .main .main_01 .orientation_02 .content3 { justify-content: flex-start }
}
@media screen and (min-width:2000px) {
	.Solution_Nav .box_ .left_ { width: 32% }
	.down_1 .box_100 .le_box { padding: 0.45rem 10% 0.65rem 10% }
	.down_1 .box_100 .ri_box { width: 54%; padding: 0.45rem 10% 0.65rem 10% }
}
@media screen and (max-width:699px) {
	.Home_Solution_01 { --h: 8rem }
	.button_03 .a { width: .62rem; height: .62rem }
	.Home_Solution_01 .box .item .orientation_03 .scroll ul { grid-template-columns: repeat(2, 1fr) !important }
	.Solution_14 .box .banner .swiper-slide a .orientation2 .content2 { padding-right: 0 }
	.Solution_07 .box .item { width: auto }
	.Solution_05 .box .item .boxLeft .bot .ite .content1 img { height: 0.62rem }
	.Footer_Container .box2 .boxRight .content3 ul li p { width: 100px }
	.MobileMain .HeaderMobile .box .logo { width: 120px; height: 100%; overflow: hidden }
	.MobileMain .HeaderMobile .box .logo a { height: 100%; display: flex; align-items: center }
	.MobileMain .HeaderMobile .box .logo a img { width: auto; max-width: 120px; height: 28px; object-fit: contain }
	.MobileMain .HeaderMobile .box .button { height: 100%; align-items: center }
	.MobileMain .HeaderMobile .box .button .menu { float: none; height: 100%; display: flex; align-items: center }
	.MobileMain .HeaderMobile .box .button .menu .menu_btn { height: 100%; display: flex; align-items: center }
	.MobileMain .HeaderMobile .box .button .menu .menu_btn p { width: 30px; height: 24px; margin: 0; display: flex; flex-direction: column; justify-content: space-between }
	.MobileMain .HeaderMobile .box .button .menu .menu_btn p span { margin: 0 }
	.Solution_05 .box .item .boxLeft .bot { gap: 0.65rem }
	.MobileMain .HeaderMobile .box .button .search { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8) }
	.Home_Product .box .boxLeft .scroll .item .left { width: 1.3rem }
	.Home_Product .box .boxLeft .scroll .item .right { padding-right: 0 }
	.Home_Product .box .boxLeft .scroll .item .left .svg { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8) }
	.Home_Solution .box .item .orientation_02 { top: 1rem; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%) }
	.Home_Solution .box .item .orientation_03 .scroll ul { grid-template-columns: repeat(2, 1fr) }
	.Home_Solution .box .item .orientation_03 .scroll { height: -webkit-calc(230px); height: calc(50px*4 + 30px); overflow: auto; overflow-x: hidden; overflow-y: auto; padding-right: 0.1rem }
	.Home_Solution .box .item .orientation_03 .scroll::-webkit-scrollbar { width: 2px; height: 2px }
	.Home_Solution .box .item .orientation_03 .scroll::-webkit-scrollbar-thumb { border-radius: 2px; background: #fff }
	.Home_Solution .box .item .orientation_03 .scroll::-webkit-scrollbar-track { border-radius: 2px; background: rgba(255, 255, 255, 0.1) }
	@-moz-document url-prefix() {
		.Home_Solution .box .item .orientation_03 .scroll { scrollbar-color: #183b84 rgba(255, 255, 255, 0.1); scrollbar-width: thin }
	}
	.Home_Case .box1 { padding-right: 5vw }
	.Home_Case .box1 .swiper .swiper-slide a .one,
	.Home_Case .box1 .swiper .swiper-slide a .one > div { height: auto }
	.Home_Case .box1 .swiper .swiper-slide a .one .con1 { display: none }
	.Home_Case .box1 .swiper .swiper-slide a .one .con2 { display: none }
	.Home_Case .box1 .swiper .swiper-slide a .two,
	.Home_Case .box1 .swiper .swiper-slide a .one > div { padding: 0 }
	.Home_Case .box1 .swiper .swiper-slide a .two .img img { height: 6rem }
	.Home_Case .box1 .swiper { margin-top: 0; padding: 0 }
	.Home_Four .box { grid-template-columns: repeat(2, 1fr); padding: 0.4rem; gap: 0.4rem 0.2rem }
	.Home_Four .box .item { border-right: 0 }
	.Home_Four .box .item:nth-child(2n-1) { border-right: 1px solid rgba(255, 255, 255, 0.15) }
	.Footer_Container .box1 .boxLeft img { height: 20px }
	.Footer_Container .box1 .boxRight .select p { width: 2.7rem; line-height: 0.7rem }
	.Footer_Container .box2 .boxRight .content3 ul li a img { width: 0.5rem }
	.cbl { bottom: 0; right: 0; width: 100% }
	.cbl ul { display: grid; grid-template-columns: repeat(4, 1fr) }
	.cbl ul li { width: 100%; margin-bottom: 0 }
	.cbl ul li > a { padding: 0.2rem 0 0.16rem }
	.cbl ul li .main { display: none !important }
	.Footer_Container { padding-bottom: 1.3rem }
	.Home_Case .box1 .swiper .swiper-slide a .two { padding: 0 }
	.Product_01 .box,
	.Solution_02 .box,
	.Solution_06 .box .scroll .list,
	.Solution_10 .box,
	.re_case_100 .se_bot,
	.case_100 .se_top,
	.News_02 .box .boxRight .wntj .list,
	.Events_04 .box { grid-template-columns: repeat(1, 1fr); gap: 0.4rem }
	.News_02 .box .boxRight .wntj .list { grid-template-columns: repeat(2, 1fr); gap: 0.2rem }
	.Inner_Banner picture img { min-height: 6.6rem }
	.Inner_Banner .orientation .box .content2 { max-height: calc(1.8em* 4) }
	.Solution_02 .box .item .top span img { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center }
	.Solution_03 .box, .Solution_05 .box .item .boxLeft .bot { grid-template-columns: repeat(1, 1fr) }
	.Solution_03 .box .item .content1 img { height: 0.8rem }
	.re_model .mo_bot .swiper .swiper-slide .item { padding: 0 1px }
	.Solution_07 .box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.4rem }
	.Solution_07 .box .item .bot { font-size: 18px }
	.Solution_08 .box { grid-template-columns: repeat(2, 1fr) }
	.Solution_09 .box .item .boxRight { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; padding: 0.4rem; padding-bottom: 0 }
	.Solution_12 .box .orientation { padding: 0 0.4rem }
	.Solution_13 .box .swiper { padding: 0 }
	.Solution_14 .box .banner .swiper-slide { width: 90vw }
	.Solution_14 .box { padding: 0 5vw }
	.case_details .box .ri_box .div1 { grid-template-columns: repeat(1, 1fr); gap: 0.2rem }
	.case_details .box .le_box { width: 100% }
	.case_details .box .ri_box { width: 100%; margin-top: 0.4rem }
	.Service_01 .box .boxLeft { width: 100%; padding-right: 0 }
	.Service_01 .box .boxRight { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; width: 100%; margin-top: 0.5rem }
	.Inner_Banner .orientation .box .content100 { width: 3.9rem; padding: 0 }
	:root { --input_h: 0.8rem }
	.online_form form .box3, .consulting_100 form .box3, .consulting_100 form .box2 { grid-template-columns: repeat(1, 1fr) }
	#_file { height: 0.8rem }
	.online_form form .box4 { margin-top: 0.2rem }
	.recruitment_100 .nt_bot { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.4rem }
	.recruitment_100 .nt_bot .line { display: none }
	.recruitment_100 .nt_bot .item { width: 100% }
	.inquire_100 .re_bot form { --h: 0.8rem }
	.inquire_100 .re_bot form .box1 .label { width: 100% }
	.phone_consult .lt_bot .item picture img { min-height: 4rem }
	.About_02 .orientation .box { grid-template-columns: repeat(2, 1fr) }
	.About_03 .orientation .scroll ul { width: 250% }
	.About_03 .img img { height: 6rem }
/*	.About_03 .orientation .scroll ul li .posi { bottom: 3.1rem }*/
	.About_04 .box .swiper .swiper-slide .item .content3 p { padding-left: 0.6rem }
	.About_04 .box .swiper .swiper-slide .item .content3 p:before { left: 0.24rem }
	.News_01 .box .item a .boxLeft, .Events_02 .box .banner .item .boxLeft { width: 100% }
	.News_01 .box .item a .boxRight, .Events_02 .box .banner .item .boxRight { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100% }
	.News_01 .box .item a .boxRight .content4 .button_04 .a { width: 0.52rem; height: 0.52rem }
	.Events_02 .banner1 .swiper { width: 70vw }
	.News_01 .box .item a .boxRight, .Events_02 .box .banner .item .boxRight { padding: 0; margin-top: 0.5rem }
	.consulting_100 form .box5 { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
	.item_100 a .box .svg { height: 0.6rem }
	.News_01 .box .item a .boxRight { padding: 0.4rem; margin: 0 }
	.phone_consult .lt_bot .item .post > div { width: 100%; padding: 0 0.3rem }
	.phone_consult .lt_bot .item > img { min-height: 3.5rem }
	.phone_consult .lt_bot .item .post > div .t2 a { font-size: 22px }
	.Footer_Container .box1 .boxRight { width: 62% }
	.Footer_Container .box1 .boxRight .link a, .Footer_Container .box1 .boxRight .select p { line-height: 40px }
	.Footer_Container .box1 .boxRight .select { margin-top: 0.2rem; width: 100% }
	.Footer_Container .box1 .boxRight .link { width: 100%; margin-right: 0 }
	.Footer_Container .box1 .boxRight .select p { width: 100% }
	.Solution_13 .banner_btn_01 { display: flex; justify-content: center; margin-top: .3rem }
	.Solution_13 .banner_btn_01 p { position: initial; transform: translateY(0); margin: 0 .2rem }
	.Solution_14 .switch_ { display: none }
	.Solution_10 .box .item .img { width: 2.4rem }
}
/*# sourceMappingURL=./style.css.map */

/* Keep quick actions visible as a bottom navigation on phones. */
@media screen and (max-width: 767.98px) {
	.cbl {
		right: 0;
		bottom: 0;
		width: 100%;
		display: block !important;
		opacity: 1 !important;
		padding-bottom: env(safe-area-inset-bottom);
		background: #fff;
		box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.12);
	}

	.cbl ul {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.cbl ul li {
		width: auto;
		min-width: 0;
		margin: 0;
		box-shadow: none;
	}

	.cbl ul li > a {
		min-height: 64px;
		padding: 8px 4px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.cbl ul li .top i {
		font-size: 28px;
	}
	.cbl .cbl-whatsapp__brand {
		width: 32px;
		height: 32px;
		border-radius: 8px;
		font-size: 23px !important;
	}

	.cbl ul li .bot {
		font-size: 11px;
		line-height: 1.2;
		margin-top: 4px;
		white-space: nowrap;
	}

	.cbl ul li:hover {
		background: #fff;
	}

	.cbl ul li:hover .bot,
	.cbl ul li:active .bot {
		color: #183b84;
	}

	.cbl ul li:active {
		background: #f2f5fa;
	}

.cbl .cbl-whatsapp__panel {
		left: 8px;
		right: auto;
		top: auto;
		bottom: calc(100% + 10px);
		width: min(220px, calc(100vw - 16px), calc(100vh - 96px));
		max-width: none;
		padding: 10px;
		transform: translateY(6px);
	}

	.cbl .cbl-whatsapp__panel::after {
		top: auto;
		right: 0;
		bottom: -10px;
		width: 100%;
		height: 10px;
	}

	.cbl .cbl-whatsapp.is-open .cbl-whatsapp__panel {
		transform: translateY(0);
	}
}
@media (prefers-reduced-motion: reduce) {
	.cbl .cbl-whatsapp__panel {
		transition: none;
	}