.rel {
	position:relative
}
.abs {
	position:absolute
}
.fixed {
	position:fixed
}
.bgfixed {
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-position:center center
}
.bg {
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal
}
.txtbg {
	display:inline-block;
	background-image:-webkit-linear-gradient(left, #0d83ff 0%, #31def2 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.flex {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox
}
.flex-wrap {
	flex-flow:wrap
}
.flex-between {
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.inline-block {
	display:inline-block
}
.block {
	display:block
}
.hide {
	display:none
}
.bold {
	font-weight:700
}
.txt-center {
	text-align:center
}
.txt-left {
	text-align:left
}
.txt-right {
	text-align:right
}
.before {
	opacity:0;
	visibility:hidden
}
.after {
	opacity:1;
	visibility:visible
}
.font {
	font-family:Arial
}
.txt {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.upper {
	text-transform:uppercase
}
.middle {
	vertical-align:middle
}
.background {
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center
}
.mbackground {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center
}
.box-container {
	width:80%;
	margin:0 auto
}
.w1200 {
	width:1200px;
	margin:0 auto
}
.rl {
	writing-mode:tb-rl;
	writing-mode:vertical-lr
}
body {
	font-size:16px;
	overflow-x:hidden;
	-webkit-tap-highlight-color:transparent
}
.bgBlack {
	background:#000
}
html.act {
	height:100vh;
	overflow:hidden
}
@font-face {
font-family:"light";
src:url('../font/HarmonyOS_Sans_SC_Light.ttf');
font-weight:normal;
font-style:normal
}
@font-face {
font-family:"regular";
src:url('../font/HarmonyOS_Sans_SC_Regular.ttf');
font-weight:normal;
font-style:normal
}
@font-face {
font-family:"en_light";
src:url('../font/Montserrat-Light.otf');
font-weight:normal;
font-style:normal
}
@font-face {
font-family:"mb";
src:url('../font/MontserratBold.ttf');
font-weight:normal;
font-style:normal
}
@font-face {
font-family:"db";
src:url('../font/DINPRO-CONDMEDIUM.OTF');
font-weight:normal;
font-style:normal
}
@font-face {
font-family:"en_regular";
src:url('../font/Montserrat-Regular.otf');
font-weight:normal;
font-style:normal
}
@font-face {
font-family:"mm";
src:url('../font/Montserrat-Medium.otf');
font-weight:normal;
font-style:normal
}
.mb {
	font-family:"mb"
}
.light {
	font-family:"light"
}
.regular {
	font-family:"regular"
}
.medium {
	font-family:"regular"
}
.en_light {
	font-family:"en_light"
}
.en_regular {
	font-family:"en_regular"
}
.mm {
	font-family:"mm"
}
.pic {
	font-size:0;
	overflow:hidden;
	display:block;
	width:100%
}
.pic img {
	width:100%;
	display:block;
transition:transform .8s ease;
-webkit-transition:transform .8s ease;
-moz-transition:transform .8s ease;
-ms-transition:transform .8s ease;
-o-transition:transform .8s ease
}
.pic img.phone {
	display:none
}
:root {
--fs14:14px;
--fs15:15px;
--fs16:16px;
--fs18:18px;
--fs20:20px;
--fs22:22px;
--fs24:24px;
--fs28:28px;
--fs30:30px;
--fs36:36px;
--fs40:40px;
--fs48:48px
}
.phone-nav {
	display:none
}
.content, .desc {
	text-align:justify
}
.content img, .content input[type="image"] {
	max-width:100%;
	height:auto!important;
	display:block;
	margin:0 auto
}
.header-wrapper {
	position:fixed;
	z-index:50;
	top:0;
	left:0;
	width:100%;
transition:all .6s ease;
-webkit-transition:all .6s ease;
-moz-transition:all .6s ease;
-ms-transition:all .6s ease;
-o-transition:all .6s ease
}
.header-wrapper:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	background:url(../image/shadow.png) repeat-x left top;
	background-size:100% 100%;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease
}
.header-wrapper.shadow {
	box-shadow:0 2px 30px rgba(0, 0, 0, 0.1)
}
.header-wrapper.scroll {
	top:-1rem
}
.header-wrapper.scroll .hidenav-box {
	opacity:0;
	visibility:hidden
}
.header-wrapper.active, .header-wrapper.on, .header-wrapper.shadow {
	background:#fff
}
.header-wrapper.active:before, .header-wrapper.on:before, .header-wrapper.shadow:before {
	background:#fff
}
.header-wrapper.active .pc-nav-box li.on>a, .header-wrapper.on .pc-nav-box li.on>a, .header-wrapper.shadow .pc-nav-box li.on>a, .header-wrapper.active .pc-nav-box li:hover>a, .header-wrapper.on .pc-nav-box li:hover>a, .header-wrapper.shadow .pc-nav-box li:hover>a, .header-wrapper.active .pc-nav-box li.active>a, .header-wrapper.on .pc-nav-box li.active>a, .header-wrapper.shadow .pc-nav-box li.active>a {
	color:#0d83ff
}
.header-wrapper.active .pc-nav-box li.on>a:after, .header-wrapper.on .pc-nav-box li.on>a:after, .header-wrapper.shadow .pc-nav-box li.on>a:after, .header-wrapper.active .pc-nav-box li:hover>a:after, .header-wrapper.on .pc-nav-box li:hover>a:after, .header-wrapper.shadow .pc-nav-box li:hover>a:after, .header-wrapper.active .pc-nav-box li.active>a:after, .header-wrapper.on .pc-nav-box li.active>a:after, .header-wrapper.shadow .pc-nav-box li.active>a:after {
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1)
}
.header-wrapper.active .pc-nav-box li>a, .header-wrapper.on .pc-nav-box li>a, .header-wrapper.shadow .pc-nav-box li>a {
	color:#333
}
.header-wrapper.active .logo-box .init, .header-wrapper.on .logo-box .init, .header-wrapper.shadow .logo-box .init {
	display:none
}
.header-wrapper.active .logo-box .on, .header-wrapper.on .logo-box .on, .header-wrapper.shadow .logo-box .on {
	display:block
}
.header-wrapper.active .index-more, .header-wrapper.on .index-more, .header-wrapper.shadow .index-more {
	border-color:#e4e5e7
}
.header-wrapper.active .index-more span, .header-wrapper.on .index-more span, .header-wrapper.shadow .index-more span {
	color:#0d83ff
}
.header-wrapper.active .index-more:hover span, .header-wrapper.on .index-more:hover span, .header-wrapper.shadow .index-more:hover span {
	color:#fff
}
.header-wrapper.active .search, .header-wrapper.on .search, .header-wrapper.shadow .search {
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
	border:none
}
.header-wrapper.active .nav-icon span, .header-wrapper.on .nav-icon span, .header-wrapper.shadow .nav-icon span {
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal
}
.header-wrapper .box-container {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
height:.9rem;
	align-items:center
}
.header-wrapper .logo-box {
	width:3.5rem;
	position:relative;
	z-index:10
}
.header-wrapper .logo-box a {
	display:block
}
.header-wrapper .logo-box .init {
	display:block
}
.header-wrapper .logo-box .on {
	display:none
}
.header-wrapper .logo-box img {
	width:100%
}
.header-wrapper .search {
	cursor:pointer;
	position:relative;
width:.4rem;
height:.4rem;
	border-radius:50%;
	border:solid 1px #fff;
margin-left:.2rem;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease;
	overflow:hidden
}
.header-wrapper .search:before, .header-wrapper .search:after {
	width:100%;
	height:100%;
	content:"";
transition:all .4s ease;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease;
	border-radius:50%;
	position:absolute;
	left:0;
	top:0
}
.header-wrapper .search:before {
	opacity:0;
	visibility:hidden;
	transform:scale(.5);
	-webkit-transform:scale(.5);
	-moz-transform:scale(.5);
	-ms-transform:scale(.5);
	-o-transform:scale(.5);
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
	z-index:1
}
.header-wrapper .search:after {
	background-image:url(../image/search.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:16px;
	z-index:2
}
.header-wrapper .other-box {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	align-items:center
}
.pc-nav-box {
	flex:1;
margin:0 .75rem
}
.pc-nav-box ul {
	list-style-type:none
}
.pc-nav-box ul {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.pc-nav-box ul li:hover>a, .pc-nav-box ul li.active>a {
	color:#0d83ff
}
.pc-nav-box ul li:hover>a:after, .pc-nav-box ul li.active>a:after {
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1)
}
.pc-nav-box ul li:last-child {
	margin-right:0
}
.pc-nav-box ul li>a {
line-height:.9rem;
	font-size:var(--fs18);
transition:color .35s ease;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-ms-transition:color .35s ease;
-o-transition:color .35s ease;
	position:relative;
	color:#fff;
	display:block;
	font-family:"regular"
}
.pc-nav-box ul li>a:after {
	content:"";
	width:100%;
	height:2px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:10;
	background:#0d83ff;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease
}
.pc-nav-box .nav {
	display:none;
	position:absolute;
	left:0;
	top:100%;
	z-index:10;
	width:100%;
padding:.3rem 0;
	background:rgba(255, 255, 255, 0.9);
	box-shadow:0 30px 30px rgba(0, 0, 0, 0.03);
	text-align:center
}
.pc-nav-box .nav a {
	display:inline-block;
transition:color .35s ease;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-ms-transition:color .35s ease;
-o-transition:color .35s ease;
	font-size:var(--fs16);
	line-height:initial;
	background:url(../image/line.jpg) no-repeat;
	background-size:0 1px;
	background-position:100% 100%;
transition:background-size .7s ease, color .7s ease, transform .5s;
	font-size:16px;
	color:#666;
line-height:.3rem;
margin-right:.44rem;
	font-family:"regular"
}
.pc-nav-box .nav a:last-child {
	margin-right:0
}
.pc-nav-box .nav a:hover {
	color:#0d83ff;
	background-size:100% 1px;
	background-position:0 100%;
	transform:translateY(-8px);
	-webkit-transform:translateY(-8px);
	-moz-transform:translateY(-8px);
	-ms-transform:translateY(-8px);
	-o-transform:translateY(-8px)
}
.hidenav-box {
	position:absolute;
	left:0;
	top:100%;
	z-index:10;
	width:100%
}
.hidenav-box ul {
	list-style-type:none
}
.hidenav-box .nav {
	display:none;
	position:absolute;
	left:0;
	top:100%;
	z-index:10;
	width:100%;
padding:.3rem 0;
	background:rgba(255, 255, 255, 0.9);
	box-shadow:0 30px 30px rgba(0, 0, 0, 0.03);
	text-align:center
}
.hidenav-box .nav a {
	display:inline-block;
transition:color .35s ease;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-ms-transition:color .35s ease;
-o-transition:color .35s ease;
	font-size:var(--fs16);
	line-height:initial;
	background:url(../image/line.jpg) no-repeat;
	background-size:0 1px;
	background-position:100% 100%;
transition:background-size .7s ease, color .7s ease;
	font-size:16px;
	color:#666;
line-height:.3rem;
margin-right:.44rem;
	font-family:"regular"
}
.hidenav-box .nav a:last-child {
	margin-right:0
}
.hidenav-box .nav a:hover {
	color:#0d83ff;
	background-size:100% 1px;
	background-position:0 100%
}
.close {
	opacity:1!important
}
.search-form {
	width:100%;
	position:fixed;
	left:0;
top:.9rem;
	background:#fff;
	z-index:30;
padding:.7rem 0;
	display:none;
	border-top:1px solid #f7f8f9
}
.search-form .w960 {
	position:relative;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	width:9.6rem;
	margin:0 auto;
	align-items:center;
	border-bottom:1px solid #f7f8f9
}
.search-form .keywords {
	flex:1;
	overflow:hidden;
line-height:.56rem;
	margin-left:20px;
	font-size:15px;
	color:#999
}
.search-form ::-webkit-input-placeholder {
color:#999;
font-size:15px
}
.search-form :-moz-placeholder {
color:#999;
font-size:15px
}
.search-form ::-moz-placeholder {
color:#999;
font-size:15px
}
.search-form :-ms-input-placeholder {
color:#999;
font-size:15px
}
.search-form .close {
	position:absolute;
	right:0;
	top:50%;
	z-index:10;
	color:#999;
	margin-top:-0.15rem;
width:.2rem;
height:.2rem;
	background:url(../image/close.png) no-repeat;
	background-size:contain;
transition:transform .3s ease;
-webkit-transition:transform .3s ease;
-moz-transition:transform .3s ease;
-ms-transition:transform .3s ease;
-o-transition:transform .3s ease
}
.search-form .close:hover {
	color:#0d83ff;
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg)
}
.index-more {
	position:relative;
	display:inline-block;
	text-align:center;
	overflow:hidden;
	font-size:var(--fs16);
	width:1.28rem;
line-height:.48rem;
height:.48rem;
	border-radius:10px;
	border:solid 1px #f3f7f9;
transition:border .3s ease;
-webkit-transition:border .3s ease;
-moz-transition:border .3s ease;
-ms-transition:border .3s ease;
-o-transition:border .3s ease;
	font-family:"regular"
}
.index-more.circle {
	color:#0d83ff;
border-radius:.24rem;
line-height:.44rem;
	border:2px solid #0d83ff
}
.index-more.circle:hover {
	border-color:#55a8ff
}
.index-more.circle:hover span {
	color:#fff
}
.index-more.circle:hover i {
	background-image:url(../image/i-right.png)
}
.index-more.circle i {
	background-image:url(../image/i-right2.png);
margin-left:.1rem
}
.index-more:hover {
	background:#0d83ff;
	color:#fff
}
.index-more:hover i {
	transform:translateX(5px);
	-webkit-transform:translateX(5px);
	-moz-transform:translateX(5px);
	-ms-transform:translateX(5px);
	-o-transform:translateX(5px)
}
.index-more.white {
	border-color:#f3f7f9
}
.index-more.white span {
	color:#fff
}
.index-more.white:hover {
	border-color:#3e8bdf
}
.index-more.white .btnbg {
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal
}
.index-more.md {
	width:1.5rem;
line-height:.5rem;
	border:none;
height:.5rem;
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
	font-size:var(--fs18);
	font-family:"mb";
	text-transform:uppercase;
border-radius:.25rem
}
.index-more.md span {
	color:#fff
}
.index-more i {
	display:inline-block;
width:.16rem;
height:.12rem;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(../image/i-right4.png);
margin-left:.18rem;
	vertical-align:middle;
	position:relative;
	top:-2px;
transition:transform .35s ease;
-webkit-transition:transform .35s ease;
-moz-transition:transform .35s ease;
-ms-transition:transform .35s ease;
-o-transition:transform .35s ease
}
.index-more span {
	position:relative;
	z-index:10;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease;
	color:#0d83ff
}
@media screen and (min-width:1024px) {
.header-wrapper:hover {
background:#fff
}
.header-wrapper:hover:before {
background:#fff
}
.header-wrapper:hover .pc-nav-box li.on>a, .header-wrapper:hover .pc-nav-box li:hover>a, .header-wrapper:hover .pc-nav-box li.active>a {
color:#0d83ff
}
.header-wrapper:hover .pc-nav-box li.on>a:after, .header-wrapper:hover .pc-nav-box li:hover>a:after, .header-wrapper:hover .pc-nav-box li.active>a:after {
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1)
}
.header-wrapper:hover .pc-nav-box li>a {
color:#333
}
.header-wrapper:hover .logo-box .init {
display:none
}
.header-wrapper:hover .logo-box .on {
display:block
}
.header-wrapper:hover .index-more {
border-color:#e4e5e7
}
.header-wrapper:hover .index-more span {
color:#0d83ff
}
.header-wrapper:hover .index-more:hover span {
color:#fff
}
.header-wrapper:hover .search {
background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
background-blend-mode:normal,  normal;
border:none
}
.header-wrapper .search:hover {
border-color:#3e8bdf
}
.header-wrapper .search:hover:before {
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
opacity:1;
visibility:visible
}
}
@media screen and (max-width:1366px) {
.pc-nav-box ul li a {
font-size:var(--fs16)
}
.index-more {
font-size:12px
}
.header-wrapper .search:after {
background-size:14px
}
}
@media screen and (max-width:1004px) {
.header-wrapper {
background:#fff
}
.header-wrapper:before {
display:none
}
.header-wrapper.scroll {
top:-1.3rem
}
.header-wrapper .box-container {
height:1.2rem
}
.header-wrapper .logo-box {
width:4.4rem
}
.header-wrapper .logo-box .init {
display:none
}
.header-wrapper .logo-box .on {
display:block
}
.header-wrapper .search {
width:.56rem;
height:.56rem;
margin:0 .3rem;
background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
background-blend-mode:normal,  normal;
border:none
}
.header-wrapper .search:after {
background-size:.24rem
}
.header-wrapper .index-more {
border-color:#e4e5e7
}
.header-wrapper .index-more span {
color:#0d83ff
}
.header-wrapper .index-more:hover span {
color:#fff
}
.pc-nav-box, .hidenav-box {
display:none
}
.index-more {
font-size:var(--fs14);
width:1.6rem;
border-radius:6px;
line-height:.56rem;
height:.56rem
}
.index-more.md {
width:2rem;
height:.7rem;
line-height:.7rem;
font-size:var(--fs14);
border-radius:.35rem
}
.index-more i {
width:12px;
height:10px
}
}
.footer2 .footer-wrapper .box-1 {
	background-attachment:inherit
}
.footer-wrapper {
padding-bottom:.56rem;
	background:#f9f9f9;
	overflow:hidden
}
.footer-wrapper .box-1 {
	position:relative;
	text-align:center;
padding:.63rem 0 .44rem;
	background-repeat:no-repeat;
	background-position:left center;
	background-image:url(../image/footerbg.jpg);
	background-attachment:fixed;
	background-size:cover;
	overflow:hidden
}
.footer-wrapper .box-1 .box-container {
	position:relative;
	z-index:10
}
.footer-wrapper .box-1 .title {
	font-family:"regular";
	font-size:var(--fs36);
line-height:.48rem;
	color:#fff
}
.footer-wrapper .box-1 h4 {
	font-family:"regular";
	font-size:var(--fs24);
line-height:.36rem;
	color:#fff;
	text-align:left;
	margin:0
}
.footer-wrapper .box-1 .contact {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	align-items:center;
	justify-content:center;
margin:.2rem auto .3rem
}
.footer-wrapper .box-1 .contact p {
	font-family:"regular";
	font-size:var(--fs16);
	color:#fff;
	text-align:left
}
.footer-wrapper .box-1 .caption {
padding-left:.52rem;
background:url(../image/tel.png) no-repeat left top .08rem;
background-size:.4rem
}
.footer-wrapper .box-1 .tel {
	font-family:"mb";
	font-size:var(--fs40);
line-height:.6rem;
	color:#fff;
margin-left:.32rem
}
.footer-wrapper .box-1 .more {
	text-align:center;
	display:block;
	margin:0 auto;
	width:1.72rem;
height:.55rem;
line-height:.55rem;
	background-color:#fff;
border-radius:.28rem;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease
}
.footer-wrapper .box-1 .more:hover {
	background:#0d83ff;
	box-shadow:0 2px 30px rgba(47, 99, 255, 0.5)
}
.footer-wrapper .box-1 .more:hover span {
	-webkit-text-fill-color:#fff
}
.footer-wrapper .box-1 .more span {
	display:inline-block;
	background-image:-webkit-linear-gradient(left, #0d83ff 0%, #31def2 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	font-weight:700;
	font-family:"regular";
	font-size:var(--fs20)
}
.footer-wrapper .decoration {
	background:url(../image/footlogo.png) no-repeat center center;
	background-size:100%;
	left:8.125%;
	bottom:0;
	z-index:1;
	position:absolute;
	width:35.42%;
	height:3.22rem
}
.footer-wrapper .box-2 {
margin-top:.78rem
}
.footer-wrapper .box-2 .box-container, .footer-wrapper .box-3 .box-container {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.footer-wrapper .box-3 {
margin-top:.48rem
}
.footer-wrapper .copyright, .footer-wrapper .copyright a {
	font-size:var(--fs14);
	color:#666
}
.footer-wrapper .copyright {
margin-top:.36rem;
line-height:.3rem;
	width:75%
}
.footer-wrapper .copyright a {
transition:color .3s ease;
-webkit-transition:color .3s ease;
-moz-transition:color .3s ease;
-ms-transition:color .3s ease;
-o-transition:color .3s ease
}
.footer-wrapper .copyright a:hover {
	color:#0d83ff
}
.footer-wrapper .footer-nav-box li>a, .footer-wrapper .qrcode-box .caption {
	font-family:"regular";
	font-size:var(--fs18);
line-height:.3rem;
	color:#333;
margin-bottom:.2rem
}
.footer-wrapper .left {
padding-top:.3rem;
	width:74.22%
}
.footer-wrapper .footer-nav-box {
	width:100%
}
.footer-wrapper .right, .footer-wrapper .qrcode-box {
	width:20.18%
}
.footer-wrapper .qrcode-box {
	display:none
}
.links {
	font-size:0
}
.links a {
	position:relative;
	font-size:var(--fs16);
padding-right:.3rem;
margin-right:.28rem;
	display:inline-block;
	vertical-align:top;
	line-height:24px;
	color:#666;
transition:color .3s ease;
-webkit-transition:color .3s ease;
-moz-transition:color .3s ease;
-ms-transition:color .3s ease;
-o-transition:color .3s ease
}
.links a:hover {
	color:#0d83ff
}
.links a:hover span {
	background-size:100% 1px;
	background-position:0 100%
}
.links a:after {
	content:"";
	display:inline-block;
	position:absolute;
	right:0;
	top:5px;
	z-index:1;
	width:2px;
	height:14px;
	background:#d0d0d0
}
.links a:last-child {
	margin-right:0;
	padding-right:0
}
.links a:last-child:after {
	display:none
}
.links span {
	background:url(../image/line.jpg) no-repeat;
	background-size:0 1px;
	background-position:100% 100%;
transition:background-size .7s ease
}
.footer-nav-box ul {
	list-style-type:none;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.footer-nav-box a {
transition:color .35s ease;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-ms-transition:color .35s ease;
-o-transition:color .35s ease;
	display:block
}
.footer-nav-box .nav a {
	font-size:16px;
	color:#666;
line-height:.3rem;
margin-bottom:.06rem
}
.footer-nav-box .nav a:last-child {
	margin-bottom:0
}
.footer-nav-box .nav a:hover {
	color:#0d83ff
}
.footer-nav-box .nav a:hover span {
	background-size:100% 1px;
	background-position:0 100%
}
.footer-nav-box .nav span {
	background:url(../image/line.jpg) no-repeat;
	background-size:0 1px;
	background-position:100% 100%;
transition:background-size .7s ease
}
.qrcode-box ul {
	list-style-type:none;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex-flow:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.qrcode-box li {
	width:1.2rem;
	text-align:center;
margin-top:.23rem
}
.qrcode-box li:nth-child(-n+2) {
margin-top:0
}
.qrcode-box p {
	font-size:var(--fs16);
line-height:.3rem;
	color:#666;
margin-top:.06rem
}
.shares {
margin-bottom:.4rem;
	display:none
}
.shares ul {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	list-style-type:none
}
.shares li {
	position:relative;
width:.43rem;
height:.43rem;
margin-right:.28rem
}
.shares li:last-child {
	margin-right:0
}
.shares li a {
	display:block
}
.shares li:hover a .init {
	display:none
}
.shares li:hover a .on {
	display:block;
animation:fadeIn .48s ease
}
.shares li:hover .hidebox {
	opacity:1;
	visibility:visible;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0)
}
.shares li img {
	width:100%
}
.shares .hidebox {
	position:absolute;
	left:50%;
bottom:.6rem;
	z-index:10;
	margin-left:-0.6rem;
	width:1.2rem;
	background:#fff;
	padding:5px;
	opacity:0;
	visibility:hidden;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease;
transform:translateY(.1rem);
-webkit-transform:translateY(.1rem);
-moz-transform:translateY(.1rem);
-ms-transform:translateY(.1rem);
-o-transform:translateY(.1rem);
	box-shadow:0 2px 30px rgba(0, 0, 0, 0.1)
}
.shares .hidebox:after {
	content:"";
	border:5px solid transparent;
	border-top-color:#fff;
	position:absolute;
	left:50%;
	margin-left:-5px;
	bottom:-10px;
	z-index:10
}
.shares a .init {
	display:block
}
.shares a .on {
	display:none
}
.gotop {
width:.52rem;
height:.52rem;
	background-color:#fff;
	box-shadow:0 0 18px 0 rgba(0, 0, 0, 0.1);
	border-radius:50%;
	position:fixed;
right:.2rem;
bottom:.3rem;
	z-index:20;
	overflow:hidden;
	display:none
}
.gotop:after {
	content:"";
	width:100%;
	height:100%;
	background-image:url(../image/gotop.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:16px;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	animation:TopBtn 1.5s ease-out infinite;
	-webkit-animation:TopBtn 1.5s ease-out infinite
}
.friendlink {
	position:relative;
	width:100%;
margin-top:.4rem
}
.friendlink .caption {
	cursor:pointer;
line-height:.45rem;
	background-color:#ffffff;
	position:relative;
padding:0 .5rem 0 .2rem;
	box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.05);
	font-size:var(--fs16);
	color:#666;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.friendlink .caption i {
	position:absolute;
right:.3rem;
	top:0;
	z-index:10;
width:.14rem;
	height:100%;
	background-image:url(../image/up.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center
}
.friendlink .list {
	position:absolute;
	left:0;
	bottom:100%;
	z-index:10;
	width:100%;
	background:#fff;
	border-top:1px solid #f7f8f9;
	display:none;
	max-height:4.5rem;
	overflow-y:auto
}
.friendlink .list::-webkit-scrollbar {
width:3px;
background-color:#f7f8f9
}
.friendlink .list::-webkit-scrollbar-thumb {
background-color:#0d83ff
}
.friendlink .list a {
	display:block;
padding:0 .2rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#333;
	font-size:var(--fs16);
	font-family:"light";
	border-bottom:1px solid #f7f8f9;
line-height:.45rem;
transition:color .35s ease;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-ms-transition:color .35s ease;
-o-transition:color .35s ease
}
.friendlink .list a:hover {
	color:#0d83ff
}
.sidebar-box {
	position:fixed;
width:.52rem;
	text-align:center;
right:.2rem;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	z-index:50
}
.sidebar-box .online {
	background:#0d83ff;
border-radius:.26rem;
padding:.14rem 0 .26rem;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease
}
.sidebar-box .online:hover {
	box-shadow:0 2px 30px rgba(13, 131, 255, 0.25)
}
.sidebar-box .online img {
width:.3rem;
margin:0 auto .05rem;
	display:block
}
.sidebar-box .online p {
	writing-mode:tb-rl;
	writing-mode:vertical-lr;
	font-size:var(--fs16);
line-height:.52rem;
	color:#fff
}
.sidebar-box ul {
margin-top:.1rem;
padding:.16rem 0 .2rem;
	background-color:#fff;
	box-shadow:0 0 20px 0 rgba(11, 30, 60, 0.14);
border-radius:.26rem;
	border:solid 2px #fff;
	list-style-type:none
}
.sidebar-box li {
	position:relative;
margin-bottom:.16rem
}
.sidebar-box li:last-child {
	margin-bottom:0
}
.sidebar-box li.on .icon:before {
	top:-100%
}
.sidebar-box li.on .icon:after {
	top:0
}
.sidebar-box li.on a p {
	color:#0d83ff
}
.sidebar-box li.on .hidebox {
	opacity:1;
	visibility:visible;
	transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%)
}
.sidebar-box li p {
	font-size:var(--fs14);
	line-height:20px;
	color:#666;
transition:color .36s ease;
-webkit-transition:color .36s ease;
-moz-transition:color .36s ease;
-ms-transition:color .36s ease;
-o-transition:color .36s ease;
margin-top:.04rem
}
.sidebar-box .tel .icon:before {
	background-image:url(../image/i-tel.png)
}
.sidebar-box .tel .icon:after {
	background-image:url(../image/i-tel2.png)
}
.sidebar-box .tel .hidebox {
	min-width:2rem;
line-height:.48rem;
padding:0 .2rem
}
.sidebar-box .tel .hidebox a {
	display:inline-block;
	background-image:-webkit-linear-gradient(left, #0d83ff 0%, #31def2 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	font-family:"mb";
	white-space:nowrap;
	font-size:var(--fs30)
}
.sidebar-box .qrcode .icon:before {
	background-image:url(../image/i-qrcode.png)
}
.sidebar-box .qrcode .icon:after {
	background-image:url(../image/i-qrcode2.png)
}
.sidebar-box .qrcode .hidebox {
	width:1.2rem;
padding:.06rem .06rem .1rem
}
.sidebar-box .qrcode .hidebox img {
	display:block;
	width:100%
}
.sidebar-box .msg .icon:before {
	background-image:url(../image/i-msg.png)
}
.sidebar-box .msg .icon:after {
	background-image:url(../image/i-msg2.png)
}
.sidebar-box .icon {
	width:20px;
	height:20px;
	position:relative;
	overflow:hidden;
	margin:0 auto
}
.sidebar-box .icon:before, .sidebar-box .icon:after {
	content:"";
	width:100%;
	height:100%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	position:absolute;
	left:0;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease
}
.sidebar-box .icon:before {
	top:0
}
.sidebar-box .icon:after {
	top:100%
}
.sidebar-box .hidebox {
	position:absolute;
	top:50%;
right:calc(100% + .14rem);
	background:#fff;
	border-radius:5px;
	box-shadow:0 2px 30px rgba(0, 0, 0, 0.1);
transition:all .6s ease;
-webkit-transition:all .6s ease;
-moz-transition:all .6s ease;
-ms-transition:all .6s ease;
-o-transition:all .6s ease;
transform:translate(.5rem, -50%);
-webkit-transform:translate(.5rem, -50%);
	opacity:0;
	visibility:hidden
}
.sidebar-box .hidebox:after {
	content:"";
	border:6px solid transparent;
	border-left-color:#fff;
	position:absolute;
	right:-12px;
	top:50%;
	margin-top:-6px;
	z-index:10
}
@media screen and (min-width:1024px) {
.sidebar-box li:hover .icon:before {
top:-100%
}
.sidebar-box li:hover .icon:after {
top:0
}
.sidebar-box li:hover a p {
color:#0d83ff
}
.sidebar-box li:hover .hidebox {
opacity:1;
visibility:visible;
transform:translate(0, -50%);
-webkit-transform:translate(0, -50%)
}
.footer2 .footer-wrapper .box-2 {
margin-top:.54rem
}
.footer2 .footer-wrapper .copyright {
margin-top:.2rem
}
.footer2 .shares {
margin-top:.3rem
}
}
@media screen and (max-width:1600px) {
.footer-wrapper .copyright {
margin-top:.3rem
}
.footer-wrapper .footer-nav-box li>a, .footer-wrapper .qrcode-box .caption {
margin-bottom:.12rem
}
.qrcode-box li {
width:1.1rem;
margin-top:.18rem
}
}
@media screen and (max-width:1440px) {
.footer-wrapper .copyright {
margin-top:.2rem
}
}
@media screen and (max-width:1366px) {
.friendlink .list a, .friendlink .caption, .qrcode-box p, .links a, .footer-nav-box .nav a {
font-size:12px
}
.footer-wrapper .footer-nav-box li>a, .footer-wrapper .qrcode-box .caption {
font-size:var(--fs16)
}
}
@media screen and (max-width:1004px) {
.nav-icon {
font-size:0;
width:.48rem;
height:.48rem;
position:relative
}
.nav-icon.on span:nth-child(1) {
transform:rotate(45deg);
margin:0;
transition:margin 180ms cubic-bezier(.215, .61, .355, 1), transform 270ms cubic-bezier(.215, .61, .355, 1) 180ms, -webkit-transform 270ms cubic-bezier(.215, .61, .355, 1) 180ms
}
.nav-icon.on span:nth-child(2) {
opacity:0
}
.nav-icon.on span:nth-child(3) {
transform:rotate(-45deg);
margin:0;
transition:margin 180ms cubic-bezier(.215, .61, .355, 1), transform 270ms cubic-bezier(.215, .61, .355, 1) 180ms, -webkit-transform 270ms cubic-bezier(.215, .61, .355, 1) 180ms
}
.nav-icon span {
display:inline-block;
width:100%;
height:.04rem;
background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
background-blend-mode:normal,  normal;
position:absolute;
left:0;
top:.2rem;
z-index:10;
transform-origin:center center;
transition:margin 140ms cubic-bezier(.25, .46, .45, .94) 230ms, transform 280ms cubic-bezier(.215, .61, .355, 1) 0ms, -webkit-transform 280ms cubic-bezier(.215, .61, .355, 1) 0ms
}
.nav-icon span:nth-child(1) {
margin-top:-7px
}
.nav-icon span:nth-child(2) {
margin-top:0
}
.nav-icon span:nth-child(3) {
margin-top:6px
}
.phone-nav {
width:100%;
height:calc(100% - 1.2rem);
position:fixed;
right:0;
top:1.2rem;
background:#fff;
z-index:501;
overflow:auto;
border-top:1px solid #f3f3f3
}
.phone-nav ul {
width:100%;
margin:0 auto;
position:relative;
height:100%;
overflow-y:auto;
overflow-x:hidden;
transition:max-height .8s ease;
-webkit-transition:max-height .8s ease;
-moz-transition:max-height .8s ease;
-ms-transition:max-height .8s ease;
-o-transition:max-height .8s ease
}
.phone-nav ul::-webkit-scrollbar {
width:4px
}
.phone-nav ul::-webkit-scrollbar-track {
background-color:#eaeaea
}
.phone-nav ul::-webkit-scrollbar-thumb {
background-color:#0d83ff
}
.phone-nav ul li {
position:relative
}
.phone-nav ul li.active .cat {
color:#0d83ff;
font-weight:700
}
.phone-nav ul li.active .cat:before {
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg)
}
.phone-nav ul li>a {
position:relative;
display:block;
font-size:.3rem;
color:#333;
line-height:.96rem;
padding:0 .3rem;
border-bottom:1px solid #f3f3f3
}
.phone-nav ul li .cat:before, .phone-nav ul li .cat:after {
content:"";
display:inline-block;
background:#0d83ff;
position:absolute;
z-index:10
}
.phone-nav ul li .cat:before {
width:.06rem;
height:.26rem;
right:.4rem;
top:.36rem;
transition:transform .3s ease;
-webkit-transition:transform .3s ease;
-moz-transition:transform .3s ease;
-ms-transition:transform .3s ease;
-o-transition:transform .3s ease
}
.phone-nav ul li .cat:after {
width:.26rem;
height:.06rem;
right:.3rem;
top:.46rem
}
.phone-nav ul li.on>a {
font-weight:700;
color:#0d83ff
}
.phone-nav ul li .navs {
background:#f9f9f9;
width:100%;
display:none
}
.phone-nav ul li .navs a {
font-size:14px;
display:block;
color:#666;
padding-left:0;
line-height:1rem;
padding:0 .3rem;
border-bottom:1px solid #f3f3f3
}
.phone-nav ul li .navs a:last-child {
margin-bottom:0;
border-bottom:none
}
.search-form {
top:1.2rem;
padding:.24rem 0;
box-shadow:0 16px 30px rgba(0, 0, 0, 0.05)
}
.search-form img {
width:14px
}
.search-form .w960 {
width:100%;
padding:0 .3rem
}
.search-form .keywords {
line-height:40px;
margin-left:15px;
font-size:14px;
padding-right:20px
}
.search-form ::-webkit-input-placeholder {
color:#999;
font-size:14px
}
.search-form :-moz-placeholder {
color:#999;
font-size:14px
}
.search-form ::-moz-placeholder {
color:#999;
font-size:14px
}
.search-form :-ms-input-placeholder {
color:#999;
font-size:14px
}
.search-form .close {
margin-top:-10px;
width:16px;
height:16px;
right:15px
}
.search-form .search-btn img {
width:16px
}
.footer-wrapper {
padding-bottom:.5rem
}
.footer-wrapper .box-1 {
padding:.8rem 0;
background-attachment:inherit
}
.footer-wrapper .box-1 .title {
font-size:var(--fs24);
line-height:.6rem;
padding:0 .5rem;
width:78%;
margin:0 auto
}
.footer-wrapper .box-1 h4 {
font-size:var(--fs20);
line-height:.48rem
}
.footer-wrapper .box-1 .contact {
margin:.3rem auto .5rem
}
.footer-wrapper .box-1 .contact p {
font-size:var(--fs14)
}
.footer-wrapper .box-1 .caption {
padding-left:.7rem;
background-size:.54rem
}
.footer-wrapper .box-1 .tel {
font-size:var(--fs48);
margin-left:.46rem
}
.footer-wrapper .box-1 .more {
width:2rem;
height:.64rem;
line-height:.64rem;
border-radius:.32rem
}
.footer-wrapper .box-1 .more span {
font-size:var(--fs16)
}
.footer-wrapper .decoration {
width:60%;
height:4rem
}
.footer-wrapper .box-2 {
margin-top:.6rem
}
.footer-wrapper .box-2 .box-container {
display:block
}
.footer-wrapper .box-3 {
margin-top:.5rem
}
.footer-wrapper .box-3 .box-container {
flex-flow:wrap;
flex-direction:column-reverse
}
.footer-wrapper .copyright {
margin-top:0;
line-height:.44rem;
width:100%
}
.footer-wrapper .qrcode-box .caption {
font-size:var(--fs16);
line-height:.48rem;
margin-bottom:.1rem
}
.footer-wrapper .left {
padding-top:0
}
.footer-wrapper .right, .footer-wrapper .qrcode-box, .footer-wrapper .left {
width:100%
}
.footer-wrapper .right {
display:flex;
display:-webkit-box;
display:-moz-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between
}
.links a {
font-size:var(--fs14);
padding-right:.2rem;
margin-right:.2rem
}
.links a:after {
height:12px;
top:6px
}
.footer-nav-box {
display:none
}
.qrcode-box ul {
justify-content:flex-start
}
.qrcode-box li {
width:22%;
margin-top:0;
margin-right:4%
}
.qrcode-box li:last-child {
margin-right:0
}
.qrcode-box p {
font-size:var(--fs14);
line-height:.44rem;
margin-top:.12rem
}
.shares {
margin-bottom:.4rem
}
.shares li {
width:.64rem;
height:.64rem;
margin-right:.34rem
}
.shares .hidebox {
bottom:.8rem;
margin-left:-0.8rem;
width:1.6rem
}
.shares .hidebox:after {
bottom:-10px
}
.shares a .init {
display:block
}
.shares a .on {
display:none
}
.gotop {
width:.6rem;
height:.6rem
}
.gotop:after {
background-size:10px
}
.friendlink {
width:60%;
margin-top:0;
margin-bottom:.4rem
}
.friendlink .caption {
line-height:.7rem;
padding:0 .6rem 0 .3rem;
font-size:var(--fs14)
}
.friendlink .caption i {
width:.2rem
}
.friendlink .list {
max-height:5.6rem
}
.friendlink .list a {
padding:0 .3rem;
font-size:var(--fs14);
line-height:.7rem
}
.sidebar-box {
width:.6rem;
right:.1rem
}
.sidebar-box .online {
border-radius:.3rem;
padding:.24rem 0 .3rem
}
.sidebar-box .online img {
width:.3rem;
margin-bottom:.1rem
}
.sidebar-box .online p {
font-size:var(--fs14);
line-height:.6rem
}
.sidebar-box ul {
margin-top:.2rem;
padding:.3rem 0;
border-radius:.3rem
}
.sidebar-box li {
margin-bottom:.2rem
}
.sidebar-box li p {
display:none
}
.sidebar-box .tel .hidebox {
min-width:2.5rem;
line-height:.7rem;
padding:0 .2rem
}
.sidebar-box .tel .hidebox a {
font-size:var(--fs20)
}
.sidebar-box .qrcode .hidebox {
width:1.8rem;
padding:.1rem .1rem .2rem
}
.sidebar-box .icon {
width:14px;
height:14px
}
.sidebar-box .hidebox {
right:calc(100% + .24rem)
}
.sidebar-box .hidebox:after {
border-width:5px;
right:-10px;
margin-top:-5px
}
}
.swiper-box {
	position:relative
}
.swiper-btn {
	display:inline-block;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	position:absolute;
	z-index:10;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
transition:all .5s ease;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease
}
.index .index-swiper .index-title-box.white .brief {
	color:#fff
}
.index .index-swiper .index-title-box.white .line {
	background:#fff
}
.index .index-swiper .index-title-box .brief {
	margin-bottom:0
}
.index-swiper .swiper-slide.animated .index-title-box p i, .index-swiper .swiper-slide.active .index-title-box p i {
	opacity:1;
	visibility:visible;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0)
}
.index .gotop {
	display:block
}
.index-swiper {
	width:100%
}
.index-swiper .index-banner-wrapper, .index-swiper .idxOffset, .index-swiper .widget {
	width:100%
}
.index-swiper .index-swiper-pagination {
	display:block;
	top:auto;
	bottom:1.2rem;
	font-size:0;
right:.4rem;
	transform:none
}
.index-swiper .index-swiper-pagination.blue .swiper-pagination-bullet {
	border:1px solid #0d83ff
}
.index-swiper .index-swiper-pagination .swiper-pagination-bullet {
	opacity:1;
	background:none;
	margin:9px auto;
width:.12rem;
height:.12rem;
	border:none;
	background:#fff;
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}
.index-swiper .index-swiper-pagination .swiper-pagination-bullet:link, .index-swiper .index-swiper-pagination .swiper-pagination-bullet:visited, .index-swiper .index-swiper-pagination .swiper-pagination-bullet:active, .index-swiper .index-swiper-pagination .swiper-pagination-bullet:focus {
	outline:none
}
.index-swiper .index-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color:#0d83ff
}
#idxSwiper>.swiper-wrapper {
	display:block
}
#idxSwiper>.swiper-wrapper>div {
	width:100%
}
.index-box-1 {
	position:relative;
	height:100vh;
	background:url(../image/indexbg.jpg) no-repeat center center;
	background-size:cover;
	overflow:hidden;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	align-items:center
}
.index-box-1 .decoration {
	width:2.8rem;
	height:2.8rem;
	background:url(../image/index.png) no-repeat center center;
	background-size:100%;
	position:absolute;
	right:0;
	bottom:-0.94rem;
	z-index:1
}
.index-box-1 .box-container {
	position:relative;
	z-index:10
}
.index-box-1 .searchbtn {
	display:block;
	width:2.6rem;
line-height:.56rem;
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%), linear-gradient(#ffffff, #ffffff);
	background-blend-mode:normal,  normal;
border-radius:.28rem;
	text-align:center;
	color:#fff;
	font-size:var(--fs18);
	font-family:"regular";
	margin:0 auto;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease
}
.index-box-1 .searchbtn:hover {
	box-shadow:0 2px 30px rgba(32, 96, 201, 0.5)
}
.index-box-1 .searchbtn i {
	display:inline-block;
width:.2rem;
height:.2rem;
	background-image:url(../image/search4.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
	top:-2px;
	vertical-align:middle;
margin-left:.25rem
}
.index-box-1 .data {
margin-top:.5rem
}
.index-box-1 .data ul {
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.index-box-1 .data p {
	font-size:var(--fs20);
line-height:.3rem;
	color:#333333;
margin-bottom:.17rem
}
.index-box-1 .data .num {
	display:inline-block;
	font-family:"regular";
	font-size:var(--fs48);
	color:#333333;
	background-image:-webkit-linear-gradient(top, #0d83ff 0%, #31def2 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.index-box-1 .data .num span {
font-size:.72rem;
	font-weight:700;
line-height:.72rem;
height:.72rem;
	background:none
}
.index-box-1 .data em, .index-box-1 .data i, .index-box-1 .data span {
	display:inline-block
}
.index-box-1 .data em {
	position:relative;
	font-size:var(--fs18);
	line-height:24px;
	color:#333333;
	font-family:"light";
	-webkit-text-fill-color:#333
}
.index-box-1 .data em, .index-box-1 .data i {
	background:none
}
.index-box-1 .data i {
	position:absolute;
	left:0;
	top:-0.2rem;
	font-size:var(--fs30);
	font-family:inherit;
	font-weight:700;
line-height:.15rem;
	-webkit-text-fill-color:#0d83ff
}
.index-box-2 {
	position:relative
}
.index-box-2 .swiper-slide-active .pic img {
	opacity:1;
	visibility:visible
}
.index-box-2 .pic img {
	height:100vh;
	object-fit:cover;
	opacity:0;
	visibility:hidden;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease
}
.index-box-2 .info {
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	width:100%
}
.index-box-2 .cats {
	text-align:center;
	position:absolute;
	left:0;
bottom:.26rem;
	z-index:1;
	width:100%
}
.index-box-2 .cats .box-container {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	justify-content:center
}
.index-box-2 .cats a {
	position:relative;
	display:inline-block;
	width:18.23%;
margin-right:.33rem;
border-radius:.1rem;
	overflow:hidden;
transition:all .5s ease;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease
}
.index-box-2 .cats a:last-child {
	margin-right:0
}
.index-box-2 .cats a.on {
	transform:translateY(-0.23rem);
	-webkit-transform:translateY(-0.23rem);
	-moz-transform:translateY(-0.23rem);
	-ms-transform:translateY(-0.23rem);
	-o-transform:translateY(-0.23rem)
}
.index-box-2 .cats a:hover img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.index-box-2 .cats a img {
	display:block;
transition:all .8s ease;
-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-o-transition:all .8s ease
}
.index-box-3 {
	background-color:#f7fbfd;
	height:100vh;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	align-items:center
}
.index-box-3 .index-title-box {
margin-bottom:.42rem
}
.index-box-3 .index-title-box p {
font-size:.6rem;
line-height:.5rem;
	display:inline-block;
	background-image:-webkit-linear-gradient(left, #0d83ff 0%, rgba(49, 222, 242, 0.85) 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
margin-bottom:.08rem
}
.index-box-3 .box-container {
	position:relative;
	z-index:2;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	align-items:center
}
.index-box-3 .left {
	width:42.83%
}
.index-box-3 .left .desc {
	font-size:var(--fs18);
line-height:.36rem;
	color:#333333;
	margin-bottom:1rem
}
.index-box-3 .right {
	width:70%
}
.index-box-3 .decoration {
	background:url(../image/index3bg.png) no-repeat center bottom;
	background-size:100%;
	right:15.9%;
	bottom:0;
	z-index:1;
	position:absolute;
	width:57.55%;
	height:3.81rem
}
.index-box-3 .swiper-slide.swiper-slide-active img {
	opacity:1;
	visibility:visible
}
.index-box-3 .swiper-slide img {
	opacity:0;
	visibility:hidden
}
.index-box-3 .swiper-pagination {
	display:block;
	bottom:0;
	font-size:0
}
.index-box-3 .swiper-pagination .swiper-pagination-bullet {
	opacity:1;
	background:none;
	margin:0 5px;
width:.15rem;
height:.15rem;
	border:none;
	background:#fff;
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}
.index-box-3 .swiper-pagination .swiper-pagination-bullet:link, .index-box-3 .swiper-pagination .swiper-pagination-bullet:visited, .index-box-3 .swiper-pagination .swiper-pagination-bullet:active, .index-box-3 .swiper-pagination .swiper-pagination-bullet:focus {
	outline:none
}
.index-box-3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color:#00a0e9
}
.index-box-4 {
	position:relative
}
.index-box-4 .cats {
	position:absolute;
	left:0;
	bottom:0;
	z-index:10;
	width:4.85rem;
	background-color:rgba(0, 0, 0, 0.5)
}
.index-box-4 .cats ul {
	margin-bottom:0
}
.index-box-4 .cats li {
	position:relative;
padding:.26rem .6rem .26rem .32rem;
	border-bottom:1px solid rgba(255, 255, 255, 0.1)
}
.index-box-4 .cats li.on:before {
	width:100%;
	opacity:1;
	visibility:visible
}
.index-box-4 .cats li.on>a:after {
	opacity:1;
	visibility:visible;
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0)
}
.index-box-4 .cats li.on>a .icon .on {
	opacity:1;
	visibility:visible;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1)
}
.index-box-4 .cats li.on>a .icon .init {
	opacity:0;
	visibility:hidden;
	transform:scale(.75);
	-webkit-transform:scale(.75);
	-moz-transform:scale(.75);
	-ms-transform:scale(.75);
	-o-transform:scale(.75)
}
.index-box-4 .cats li.on .inner {
	display:block
}
.index-box-4 .cats li:before {
	content:"";
	width:85%;
	height:100%;
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
	position:absolute;
	left:0;
	bottom:0;
	z-index:0;
	opacity:0;
	visibility:hidden;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease
}
.index-box-4 .cats li>a {
	position:relative;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
height:.48rem;
	align-items:center
}
.index-box-4 .cats li>a:after {
	content:"";
	position:absolute;
	right:0;
	top:0;
	z-index:10;
width:.15rem;
	height:100%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(../image/i-right4.png);
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease;
	transform:translateX(5px);
	-webkit-transform:translateX(5px);
	-moz-transform:translateX(5px);
	-ms-transform:translateX(5px);
	-o-transform:translateX(5px);
	opacity:0;
	visibility:hidden
}
.index-box-4 .cats .icon, .index-box-4 .cats p {
	position:relative;
	z-index:10
}
.index-box-4 .cats .icon {
width:.42rem;
height:.42rem;
	position:relative;
margin-right:.14rem
}
.index-box-4 .cats .icon img {
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	width:100%;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease
}
.index-box-4 .cats .icon .on {
	opacity:0;
	visibility:hidden;
	transform:scale(.75);
	-webkit-transform:scale(.75);
	-moz-transform:scale(.75);
	-ms-transform:scale(.75);
	-o-transform:scale(.75)
}
.index-box-4 .cats p {
	font-size:var(--fs24);
	color:#ffffff;
	font-family:"regular"
}
.index-box-4 .cats .info {
	width:100%;
	bottom:0
}
.index-box-4 .cats .info .title, .index-box-4 .cats .info .desc, .index-box-4 .cats .info .btns {
	display:block
}
.index-box-4 .pic img {
	height:100vh;
	object-fit:cover
}
.index-box-4 .inner {
	position:relative;
	z-index:10;
	display:none
}
.index-box-4 .inner .desc {
	color:#fff;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
height:.6rem;
margin-top:.1rem
}
.index-box-4 .inner .learnbtn {
	background:#fff
}
.index-box-4 .inner .learnbtn:before {
	border-color:#fff
}
.index-box-4 .swiper-slide .info {
	display:none
}
.index-box-4 .info {
	position:absolute;
	right:0;
	width:30%;
	bottom:2rem;
	z-index:10;
	min-height:4rem;
	background-color:rgba(255, 255, 255, 0.9);
border-radius:.1rem 0 0 .1rem;
padding:.58rem .72rem .8rem;
	display:none
}
.index-box-4 .info .title, .index-box-4 .info .desc, .index-box-4 .info .btns {
	display:none
}
.index-box-4 .info .title {
	font-weight:700;
	font-family:"regular";
	font-size:var(--fs36);
line-height:.48rem;
	color:#333333;
margin-bottom:.12rem
}
.index-box-4 .desc {
	font-size:var(--fs16);
line-height:.3rem;
	color:#333333
}
.index-box-4 .btns {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	justify-content:flex-end;
margin-top:.2rem
}
.index-box-4 .btns a:last-child {
	margin-right:0
}
.index-box-4 .index-title-box {
	min-width:4.85rem;
	min-height:3.5rem;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
padding:1.06rem .54rem 0 .3rem;
	background:url(../image/index4bg.png) repeat-x top left
}
.learnbtn {
	display:block;
	width:1.46rem;
line-height:.48rem;
	position:relative;
	text-align:center;
border-radius:.24rem;
margin-right:.24rem;
	color:#0d83ff;
	font-size:var(--fs16);
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease
}
.learnbtn:hover, .learnbtn.on {
	color:#fff
}
.learnbtn:hover:before, .learnbtn.on:before {
	opacity:0;
	visibility:hidden
}
.learnbtn:hover:after, .learnbtn.on:after {
	opacity:1;
	visibility:visible
}
.learnbtn:hover i {
	background-image:url(../image/i-right4.png)
}
.learnbtn.on:hover {
	box-shadow:0 2px 30px rgba(32, 96, 201, 0.35)
}
.learnbtn:before, .learnbtn:after {
	content:"";
	width:100%;
	height:100%;
	box-sizing:border-box;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease;
border-radius:.24rem
}
.learnbtn:before {
	border:solid 2px #0d83ff
}
.learnbtn:after {
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
	opacity:0;
	visibility:hidden
}
.learnbtn i {
	display:inline-block;
width:.15rem;
height:.12rem;
	background-image:url(../image/i-right3.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
margin-left:.1rem
}
.learnbtn span {
	position:relative;
	z-index:10
}
.index-box-5 {
	position:relative;
	height:100vh;
	background:#f5f5f5;
	padding-top:1rem;
	overflow:hidden
}
.index-box-5 .index-title-box {
	margin-bottom:0
}
.index-box-5 .en {
	font-family:"mb";
	position:absolute;
	left:0;
	top:1.32rem;
	z-index:0;
	font-size:3.1rem;
	line-height:3rem;
	text-transform:uppercase;
	font-weight:700;
	text-align:center;
	width:100%;
letter-spacing:.16rem;
	color:rgba(0, 0, 0, 0.04)
}
.index-box-5 .swiper-wrapper {
	align-items:center
}
.index-box-5 .swiper-slide {
	width:57.81%
}
.index-box-5 .swiper-slide:hover .title {
	color:#0d83ff
}
.index-box-5 .swiper-slide a {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.index-box-5 .swiper-slide-prev a {
	justify-content:flex-end
}
.index-box-5 .swiper-slide-prev .pic {
	margin-left:auto;
	margin-right:0
}
.index-box-5 .swiper-slide-prev .info {
	opacity:0;
	visibility:hidden;
	position:absolute
}
.index-box-5 .swiper-slide-prev .pic, .index-box-5 .swiper-slide-next .pic {
	width:3.5rem;
	height:3.5rem
}
.index-box-5 .pic {
	width:7rem;
	height:7rem;
	border-radius:50%;
	background:url(../image/goodsbg.png) no-repeat center bottom;
	background-size:100%;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease
}
.index-box-5 .pic img {
	height:100%;
	object-fit:contain
}
.index-box-5 .pic:hover img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.index-box-5 .itag {
	right:-0.85rem;
	top:-0.52rem
}
.index-box-5 .info, .index-box-5 .swiperbtn-box {
	width:3.28rem
}
.index-box-5 .swiperbtn-box {
	position:absolute;
	right:21.1%;
	bottom:1.7rem;
	z-index:10
}
.index-box-5 .info {
padding-top:.86rem
}
.index-box-5 .info .title {
	position:relative;
	display:inline-block;
	font-size:var(--fs48);
	font-family:"regular";
line-height:.6rem;
	font-weight:700;
	color:#333333
}
.index-box-5 .desc {
	font-size:var(--fs16);
line-height:.3rem;
	color:#333333;
margin:.25rem auto .32rem;
	height:1.2rem;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	overflow:hidden
}
.index-box-6 {
	height:100vh;
	background:url(../image/index6bg.jpg) no-repeat;
	background-size:cover;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	align-items:center;
padding-top:.5rem
}
.index-box-6 .index-title-box {
margin-bottom:.5rem
}
.index-box-6 .swiper-wrapper {
	flex-flow:wrap
}
.index-box-6 .swiper-slide {
	position:relative;
	width:31.57%
}
.index-box-6 .swiper-slide:hover .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.index-box-6 .swiper-slide:hover .name {
	opacity:0;
	visibility:hidden
}
.index-box-6 .swiper-slide:hover .info:before {
	opacity:1;
	visibility:visible;
	opacity:.9
}
.index-box-6 .swiper-slide:hover .title, .index-box-6 .swiper-slide:hover .desc {
	opacity:1;
	visibility:visible;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0)
}
.index-box-6 .pic {
	position:relative;
border-radius:.1rem
}
.index-box-6 .pic:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	bottom:0;
	z-index:2;
	background:url(../image/index6bg.png) repeat-x left bottom;
	background-size:100% 100%
}
.index-box-6 .pic img {
	height:3rem;
	object-fit:cover
}
.index-box-6 .info {
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	width:100%;
	height:100%;
border-radius:.1rem;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex-flow:wrap;
	align-content:center;
padding-left:.8rem;
padding-right:.8rem
}
.index-box-6 .info:before {
	content:"";
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%), linear-gradient(#000000, #000000);
	background-blend-mode:normal,  normal;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:100%;
	height:100%;
transition:all .4s ease;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease;
	opacity:0;
	visibility:hidden
}
.index-box-6 .info .title, .index-box-6 .info .desc {
	width:100%;
transform:translateY(.3rem);
-webkit-transform:translateY(.3rem);
-moz-transform:translateY(.3rem);
-ms-transform:translateY(.3rem);
-o-transform:translateY(.3rem);
	opacity:0;
	visibility:hidden;
	text-align:center;
	position:relative;
	z-index:10;
	font-family:"regular";
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease
}
.index-box-6 .desc {
	font-size:var(--fs18);
	color:#fff;
transition-delay:.2s;
line-height:.3rem
}
.index-box-6 .swiper-slide .title {
	font-size:var(--fs24);
	color:#fff;
	font-family:"regular";
line-height:.36rem
}
.index-box-6 .name {
	font-size:var(--fs18);
	color:#fff;
line-height:.3rem;
	font-family:"regular";
	position:absolute;
	left:0;
bottom:.32rem;
	z-index:10;
	width:100%;
padding:0 .3rem
}
.index-box-6 .name span {
	display:block;
	font-size:var(--fs14);
	line-height:20px
}
.index-box-6 .swiperbtn {
	display:none
}
.swiper-slide .news-wrapper-2 {
	height:100vh;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex-flow:wrap;
	align-content:center;
padding-top:.5rem !important
}
.swiper-slide .news-wrapper-2 .index-title-box {
margin-bottom:.4rem
}
.swiper-slide .news-wrapper-2 .index-more {
margin:.4rem auto 0
}
.swiper-slide .news-wrapper-2 .info {
	text-align:left
}
.index-banner-wrapper {
	position:relative
}
.index-banner-wrapper .index-banner-swiper .swiper-slide-active .box-container {
	opacity:1;
	visibility:visible;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0)
}
.index-banner-wrapper .index-banner-swiper .box-container {
	opacity:0;
	visibility:hidden;
	transform:translateY(120px);
	-webkit-transform:translateY(120px);
	-moz-transform:translateY(120px);
	-ms-transform:translateY(120px);
	-o-transform:translateY(120px);
	transition:all 1.5s ease;
	-webkit-transition:all 1.5s ease;
	-moz-transition:all 1.5s ease;
	-ms-transition:all 1.5s ease;
	-o-transition:all 1.5s ease;
transition-delay:.4s;
	transition-timing-function:cubic-bezier(.175, .885, .32, 1.275)
}
.index-banner-wrapper .swiper-slide {
	overflow:hidden
}
.index-banner-wrapper .swiper-slide.video .pic {
	display:none
}
.index-banner-wrapper .swiper-slide a {
	display:block
}
.index-banner-wrapper .swiper-slide img.pc {
	display:block
}
.index-banner-wrapper .swiper-slide img, .index-banner-wrapper .swiper-slide video {
	width:100%;
	height:100vh;
	object-fit:cover
}
.index-banner-wrapper .swiper-slide video {
	display:block
}
.index-banner-wrapper .swiper-pagination-bullet {
width:.08rem;
height:.08rem;
	background:rgba(255, 255, 255, 0.8);
	position:relative
}
.index-banner-wrapper .swiper-pagination-bullet svg {
width:.38rem;
height:.38rem;
	position:absolute;
	top:50%;
	margin-top:-0.19rem;
	left:50%;
	margin-left:-0.19rem
}
.index-banner-wrapper .swiper-pagination-bullet svg:nth-child(2) {
position:absolute;
left:0;
top:0;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg)
}
.index-banner-wrapper .swiper-pagination-bullet {
	fill:none
}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background {
	stroke:rgba(255, 255, 255, 0.2);
	stroke-width:1
}
.index-banner-wrapper .circle-chart__circle {
	stroke-linecap:square;
	fill:none
}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
	stroke:#fff;
	stroke-width:2;
	stroke-linecap:square;
	fill:none;
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform-origin:center;
	-webkit-transform-origin:center;
	-ms-transform-origin:center;
	-moz-transform-origin:center
}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
	animation:circle-chart-fill 3.8s linear reverse;
	-moz-animation:circle-chart-fill 3.8s linear reverse;
	-webkit-animation:circle-chart-fill 3.8s linear reverse;
	-ms-animation:circle-chart-fill 3.8s linear reverse
}
.index-banner-wrapper .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle {
	animation:circle-chart-fill 2.4s linear reverse;
	-moz-animation:circle-chart-fill 2.4s linear reverse;
	-webkit-animation:circle-chart-fill 2.4s linear reverse;
	-ms-animation:circle-chart-fill 2.4s linear reverse
}
.index-banner-wrapper .swiper-pagination {
bottom:.84rem;
	width:100%
}
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet {
margin:0 .18rem;
	opacity:1;
	background:#fff
}
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:focus, .index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:active, .index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:link {
	outline:none
}
@media screen and (min-width:1024px) {
.swiper-slide.active .index-box-1 .decoration {
opacity:1;
visibility:visible;
right:0;
transform:translateX(-4rem) rotate(10deg)
}
.index-box-1 .decoration {
opacity:0;
visibility:hidden;
transform:translateX(8rem);
-webkit-transform:translateX(8rem);
-moz-transform:translateX(8rem);
-ms-transform:translateX(8rem);
-o-transform:translateX(8rem);
transform:translateX(8rem) rotate(0deg);
transition:all 5s ease;
-webkit-transition:all 5s ease;
-moz-transition:all 5s ease;
-ms-transition:all 5s ease;
-o-transition:all 5s ease
}
.swiper-slide .news-wrapper-2 .swiper-wrapper, .swiper-slide .news-wrapper-2 .swiper-container {
overflow:inherit
}
.index-swiper .index-box-4 .index-title-box .title {
font-size:.48rem;
line-height:.6rem
}
.index-swiper .index-box-1 .index-title-box, .index-swiper .index-box-1 .searchbtn, .index-swiper .index-box-1 .data li {
transform:translateY(var(--set-top));
opacity:var(--opacity);
-webkit-transition:all 1.5s cubic-bezier(.4, 0, .2, 1);
-o-transition:all 1.5s cubic-bezier(.4, 0, .2, 1);
transition:all 1.5s cubic-bezier(.4, 0, .2, 1)
}
.index-swiper .index-box-1 .index-title-box {
transition-delay:.08s
}
.index-swiper .index-box-1 .searchbtn {
transition-delay:.1s
}
.index-swiper .index-box-2 .index-title-box, .index-swiper .index-box-2 .cats {
transform:translateY(var(--set-top));
opacity:var(--opacity);
-webkit-transition:all 1.5s cubic-bezier(.4, 0, .2, 1);
-o-transition:all 1.5s cubic-bezier(.4, 0, .2, 1);
transition:all 1.5s cubic-bezier(.4, 0, .2, 1)
}
.index-swiper .index-box-2 .index-title-box {
transition-delay:.08s
}
.index-swiper .index-box-2 .cats {
transition-delay:.15s
}
.index-swiper .index-box-3 .left {
transform:translateX(var(--set-top));
opacity:var(--opacity);
-webkit-transition:all 1.5s cubic-bezier(.4, 0, .2, 1);
-o-transition:all 1.5s cubic-bezier(.4, 0, .2, 1);
transition:all 1.5s cubic-bezier(.4, 0, .2, 1)
}
.index-swiper .index-box-3 .right {
transform:translateX(var(--set-left));
opacity:var(--opacity);
-webkit-transition:all 1.5s cubic-bezier(.4, 0, .2, 1);
-o-transition:all 1.5s cubic-bezier(.4, 0, .2, 1);
transition:all 1.5s cubic-bezier(.4, 0, .2, 1)
}
.index-swiper .index-box-4 .index-title-box, .index-swiper .index-box-4 .cats {
transform:translateX(var(--set-left));
opacity:var(--opacity);
-webkit-transition:all 1.5s .1s cubic-bezier(.4, 0, .2, 1);
-o-transition:all 1.5s .1s cubic-bezier(.4, 0, .2, 1);
transition:all 1.5s .1s cubic-bezier(.4, 0, .2, 1)
}
.index-swiper .index-box-5 .index-title-box {
transform:translateY(var(--set-left))
}
.index-swiper .index-box-5 .en, .index-swiper .index-box-5 .swiper-box {
transform:translateY(var(--set-top))
}
.index-swiper .index-box-5 .index-title-box, .index-swiper .index-box-5 .en, .index-swiper .index-box-5 .swiper-box {
opacity:var(--opacity);
-webkit-transition:all 1.5s cubic-bezier(.4, 0, .2, 1);
-o-transition:all 1.5s cubic-bezier(.4, 0, .2, 1);
transition:all 1.5s cubic-bezier(.4, 0, .2, 1)
}
.index-swiper .index-box-5 .en {
transition-delay:.1s
}
.index-swiper .index-box-5 .index-title-box {
transition-delay:.15s
}
.index-swiper .index-box-5 .swiper-box {
transition-delay:.2s
}
.index-swiper .index-box-6 .index-title-box, .index-swiper .index-box-6 .swiper-box {
transform:translateY(var(--set-top));
opacity:var(--opacity);
-webkit-transition:all 1.5s cubic-bezier(.4, 0, .2, 1);
-o-transition:all 1.5s cubic-bezier(.4, 0, .2, 1);
transition:all 1.5s cubic-bezier(.4, 0, .2, 1)
}
.index-swiper .news-wrapper-2 .index-title-box, .index-swiper .news-wrapper-2 .swiper-box {
transform:translateY(var(--set-top));
opacity:var(--opacity);
-webkit-transition:all 1.5s cubic-bezier(.4, 0, .2, 1);
-o-transition:all 1.5s cubic-bezier(.4, 0, .2, 1);
transition:all 1.5s cubic-bezier(.4, 0, .2, 1)
}
.index-box-6 .swiper-slide {
margin-right:2.645%;
margin-top:28px
}
.index-box-6 .swiper-slide:nth-child(-n+3) {
margin-top:0
}
.index-box-6 .swiper-slide:nth-child(3n) {
margin-right:0
}
.index-swiper .index-goods-wrapper .goods-box, .index-swiper .index-goods-wrapper .index-title-box, .index-swiper .index-goods-wrapper .goods-tabs {
transform:translateY(var(--set-top));
opacity:var(--opacity);
-webkit-transition:all 1.5s cubic-bezier(.4, 0, .2, 1);
-o-transition:all 1.5s cubic-bezier(.4, 0, .2, 1);
transition:all 1.5s cubic-bezier(.4, 0, .2, 1)
}
.index-swiper .index-goods-wrapper .goods-tabs {
transition-delay:.15s
}
.index-swiper .index-goods-wrapper .goods-box {
transition-delay:.3s
}
.index-swiper .news-wrapper-2 .index-title-box, .index-swiper .news-wrapper-2 .swiper-box {
transform:translateY(var(--set-top));
opacity:var(--opacity);
-webkit-transition:all 1.5s cubic-bezier(.4, 0, .2, 1);
-o-transition:all 1.5s cubic-bezier(.4, 0, .2, 1);
transition:all 1.5s cubic-bezier(.4, 0, .2, 1)
}
.index-box-6 .swiper-slide {
margin-right:2.645%;
margin-top:28px
}
.index-box-6 .swiper-slide:nth-child(-n+3) {
margin-top:0
}
.index-box-6 .swiper-slide:nth-child(3n) {
margin-right:0
}
}
@media screen and (max-width:1600px) {
.index-box-5 .pic {
width:5.6rem;
height:5.6rem
}
.index-box-4 .info {
bottom:1rem
}
.index-box-5 .swiperbtn-box {
bottom:.5rem
}
.index-title-box p i, .index-title-box .title em {
width:.44rem;
height:.44rem
}
.index-box-6 .swiperbtn.prev {
left:-0.8rem
}
.index-box-6 .swiperbtn.next {
right:-0.8rem
}
.index-box-6 .desc {
margin-top:.12rem
}
.news-wrapper-2 .swiper-box {
padding:0 15px
}
.index-box-6 .pic img {
height:2.75rem
}
.index-box-5 .en {
font-size:2.8rem;
line-height:2.8rem
}
.news-wrapper-2 .swiper-slide .title, .news-wrapper-2 li .title {
margin-bottom:.3rem
}
.shares {
margin-bottom:.3rem
}
.footer2 .shares {
margin-top:0
}
}
@media screen and (max-width:1440px) {
.index-box-4 .info {
padding:.5rem .6rem
}
.index-swiper .index-swiper-pagination {
bottom:16%
}
}
@media screen and (max-width:1004px) {
.index-banner-wrapper .swiper-slide img, .index-banner-wrapper .swiper-slide video {
height:auto
}
.index-banner-wrapper .swiper-slide img.pc {
display:none
}
.index-banner-wrapper .swiper-slide.video .pic {
display:block
}
.index-banner-wrapper .swiper-slide .playIcon {
display:none
}
.index-banner-wrapper .swiper-pagination-bullet {
width:.12rem;
height:.12rem
}
.index-banner-wrapper .swiper-pagination-bullet svg {
width:.44rem;
height:.44rem;
margin-top:-0.22rem;
margin-left:-0.22rem
}
.index-banner-wrapper .swiper-pagination {
bottom:.48rem
}
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet {
margin:0 .24rem
}
.index-box-1 {
height:auto;
display:block;
padding:1rem 0 2rem
}
.index-box-1 .decoration {
width:2.5rem;
height:2.5rem;
transform:translateX(4rem);
-webkit-transform:translateX(4rem);
-moz-transform:translateX(4rem);
-ms-transform:translateX(4rem);
-o-transform:translateX(4rem);
opacity:0;
visibility:hidden;
transition:all 4s ease;
-webkit-transition:all 4s ease;
-moz-transition:all 4s ease;
-ms-transition:all 4s ease;
-o-transition:all 4s ease;
transition-delay:.35s
}
.index-box-1 .decoration.animated {
opacity:1;
visibility:visible;
transform:translateX(-2rem);
-webkit-transform:translateX(-2rem);
-moz-transform:translateX(-2rem);
-ms-transform:translateX(-2rem);
-o-transform:translateX(-2rem)
}
.index-box-1 .searchbtn {
width:2.4rem;
line-height:.74rem;
border-radius:.37rem;
font-size:var(--fs14)
}
.index-box-1 .searchbtn i {
width:.24rem;
height:.24rem
}
.index-box-1 .data {
margin-top:1rem
}
.index-box-1 .data ul {
flex-flow:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between
}
.index-box-1 .data li {
width:48%;
margin-top:.6rem
}
.index-box-1 .data li:nth-child(-n+2) {
margin-top:0
}
.index-box-1 .data li:last-child {
margin-right:0
}
.index-box-1 .data p {
font-size:var(--fs14);
line-height:.44rem
}
.index-box-1 .data .num {
font-size:var(--fs36)
}
.index-box-1 .data .num span {
font-size:.6rem;
line-height:.6rem;
height:.6rem
}
.index-box-1 .data em {
font-size:var(--fs14);
line-height:20px
}
.index-box-1 .data i {
top:-0.2rem;
font-size:var(--fs24);
line-height:.24rem
}
.index-box-2 .info {
position:relative;
padding-bottom:0
}
.index-box-2 .pic img {
height:auto
}
.index-box-2 .cats a {
width:20%;
margin-right:.15rem
}
.index-box-2 .cats a.on {
transform:translateY(-0.15rem);
-webkit-transform:translateY(-0.15rem);
-moz-transform:translateY(-0.15rem);
-ms-transform:translateY(-0.15rem);
-o-transform:translateY(-0.15rem)
}
.index-box-3 {
height:auto;
display:block;
padding-top:1rem;
padding-bottom:1rem
}
.index-box-3 .index-title-box {
text-align:center
}
.index-box-3 .index-title-box p {
font-size:var(--fs48);
margin-bottom:.12rem
}
.index-box-3 .index-title-box p br {
display:none
}
.index-box-3 .box-container {
display:block
}
.index-box-3 .info {
text-align:center
}
.index-box-3 .index-more {
margin-left:auto;
margin-right:auto
}
.index-box-3 .left {
width:100%;
margin-bottom:.7rem
}
.index-box-3 .left .desc {
font-size:var(--fs15);
line-height:.44rem;
margin-bottom:.5rem
}
.index-box-3 .right {
width:100%;
margin:0 auto;
padding-bottom:0
}
.index-box-3 .swiper-pagination {
bottom:0
}
.index-box-3 .swiper-pagination .swiper-pagination-bullet {
width:.16rem;
height:.16rem
}
.index-box-3 .decoration {
display:none
}
.index-box-4 {
padding:1rem 0
}
.index-box-4 .cats {
position:relative;
width:100%;
background:none
}
.index-box-4 .cats ul {
display:flex;
display:-webkit-box;
display:-moz-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
list-style-type:none
}
.index-box-4 .cats li {
border-bottom:none;
background-color:#f6f6f6;
border-right:1px solid #fff;
width:20%;
padding:0
}
.index-box-4 .cats li:before {
width:100%;
height:85%
}
.index-box-4 .cats li.on:before {
height:100%
}
.index-box-4 .cats li.on .inner {
display:none
}
.index-box-4 .cats li.on p {
color:#fff
}
.index-box-4 .cats li.on a:after {
transform:rotate(90deg) translateY(0)
}
.index-box-4 .cats li>a {
display:block;
text-align:center;
height:auto;
padding:.3rem .2rem .5rem
}
.index-box-4 .cats li>a:after {
right:auto;
left:50%;
top:auto;
bottom:.2rem;
width:.2rem;
height:.2rem;
margin-left:-0.1rem;
transform:rotate(90deg) translateY(5px)
}
.index-box-4 .cats .icon {
width:.5rem;
height:.5rem;
margin:0 auto .2rem
}
.index-box-4 .cats p {
font-size:.2rem;
color:#7f7f7f
}
.index-box-4 .pic img {
height:auto
}
.index-box-4 .swiper-slide-active .info .title, .index-box-4 .swiper-slide-active .info .desc, .index-box-4 .swiper-slide-active .info .btns {
animation:fadeInUp50 .8s ease
}
.index-box-4 .swiper-slide-active .info .title {
animation-delay:.15s;
display:block
}
.index-box-4 .swiper-slide-active .info .desc {
animation-delay:.3s;
display:block
}
.index-box-4 .swiper-slide-active .info .btns {
animation-delay:.45s;
display:flex;
display:-webkit-box;
display:-moz-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox
}
.index-box-4 .swiper-slide .info {
display:block
}
.index-box-4 .info {
position:relative;
width:100%;
bottom:0;
min-height:4rem;
border-radius:.15rem 0 0 .15rem;
padding:.74rem .6rem
}
.index-box-4 .info .title {
font-size:var(--fs24);
line-height:.6rem;
margin-bottom:.1rem
}
.index-box-4 .desc {
font-size:var(--fs15);
line-height:.44rem
}
.index-box-4 .btns {
margin-top:.6rem;
justify-content:center
}
.index-box-4 .index-title-box {
min-width:inherit;
min-height:inherit;
position:relative;
padding:0;
background:none
}
.learnbtn {
width:2.2rem;
line-height:.74rem;
border-radius:.37rem;
margin-right:.48rem;
font-size:var(--fs14)
}
.learnbtn:before, .learnbtn:after {
border-radius:.37rem
}
.learnbtn i {
width:.2rem;
height:.2rem;
margin-left:.15rem
}
.index-box-5 {
height:auto;
padding-bottom:1rem
}
.index-box-5 .index-title-box {
margin-bottom:0
}
.index-box-5 .en {
top:1.2rem;
font-size:1.4rem;
line-height:1.4rem;
letter-spacing:.1rem
}
.index-box-5 .swiper-slide {
width:60%
}
.index-box-5 .swiper-slide a {
display:block
}
.index-box-5 .swiper-slide-prev a {
justify-content:flex-start
}
.index-box-5 .swiper-slide-prev .pic {
margin-left:auto;
margin-right:auto
}
.index-box-5 .swiper-slide-prev .info {
opacity:1;
visibility:visible;
position:relative
}
.index-box-5 .swiper-slide-prev .pic, .index-box-5 .swiper-slide-next .pic {
width:6rem;
height:6rem
}
.index-box-5 .pic {
width:6rem;
height:6rem;
margin:0 auto
}
.index-box-5 .itag {
right:-1rem;
top:-0.7rem
}
.index-box-5 .info, .index-box-5 .swiperbtn-box {
width:100%
}
.index-box-5 .swiperbtn-box {
position:static;
right:0;
top:0;
justify-content:center
}
.index-box-5 .swiperbtn-box .swiperbtn {
position:absolute;
top:2.7rem
}
.index-box-5 .swiperbtn-box .swiperbtn.prev {
left:.2rem;
margin-right:0
}
.index-box-5 .swiperbtn-box .swiperbtn.next {
right:.2rem
}
.index-box-5 .info {
text-align:center;
padding:.6rem .4rem .8rem
}
.index-box-5 .info .title {
font-size:var(--fs24);
line-height:.48rem
}
.index-box-5 .desc {
font-size:var(--fs15);
line-height:.44rem;
height:auto;
max-height:1.76rem;
text-align:center;
margin:.3rem auto .48rem
}
.index-box-5 .learnbtn {
margin:0 auto
}
.index-box-6 {
height:auto;
display:block;
padding-top:1rem;
padding-bottom:1rem
}
.index-box-6 .index-title-box {
margin-bottom:.4rem
}
.index-box-6 .swiper-wrapper {
-webkit-box-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between
}
.index-box-6 .swiper-slide {
width:48%;
margin-top:15px
}
.index-box-6 .swiper-slide:nth-child(-n+2) {
margin-top:0
}
.index-box-6 .swiper-slide:hover .name {
opacity:1;
visibility:visible
}
.index-box-6 .swiper-slide a {
display:block;
padding-bottom:.2rem
}
.index-box-6 .pic {
border-radius:.15rem
}
.index-box-6 .pic img {
height:2.4rem
}
.index-box-6 .info {
border-radius:.15rem;
padding-left:.5rem;
padding-right:.5rem
}
.index-box-6 .desc {
font-size:.2rem;
line-height:.32rem
}
.index-box-6 .swiper-slide .title {
font-size:var(--fs14);
line-height:.4rem
}
.index-box-6 .name {
position:relative;
font-size:var(--fs14);
line-height:.3rem;
height:.9rem;
color:#000;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
bottom:0;
margin-top:.2rem;
padding:0 .2rem
}
.index-box-6 .name span {
font-size:.2rem;
line-height:16px;
color:#666;
margin-top:.04rem
}
.index-box-6 .swiperbtn.prev {
left:-0.3rem
}
.index-box-6 .swiperbtn.next {
right:-0.3rem
}
.swiper-slide .news-wrapper-2 {
height:auto;
display:block;
padding-top:1rem!important;
padding-bottom:1rem
}
.swiper-slide .news-wrapper-2 .swiper-box {
padding:0
}
.swiper-slide .news-wrapper-2 .box-container {
padding:0
}
.swiper-slide .news-wrapper-2 .swiper-container {
padding:.6rem .3rem .8rem;
margin-top:-0.6rem
}
.swiper-slide .news-wrapper-2 .info {
text-align:left
}
}
.page-banner-wrapper {
	position:relative
}
.page-banner-wrapper .info {
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	width:100%;
	height:100%;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	align-items:center
}
.page-banner-wrapper .box-container {
	text-align:right
}
.page-banner-wrapper h1, .page-banner-wrapper h2 {
	font-family:"regular";
	font-size:var(--fs48);
line-height:.6rem;
	color:#fff;
	margin:0
}
.page-banner-wrapper .en {
	font-size:var(--fs18);
	color:#fff;
	text-transform:uppercase;
line-height:.3rem;
margin-top:.16rem
}
.modal-wrapper {
	position:fixed;
	display:table;
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index:110;
	transform:scale(0);
	-webkit-transform:scale(0)
}
.modal-wrapper.one {
	transform:scaleY(.01) scaleX(0);
	animation:unfoldIn 1s cubic-bezier(.165, .84, .44, 1) forwards;
	-webkit-transform:scaleY(.01) scaleX(0);
	-webkit-animation:unfoldIn 1s cubic-bezier(.165, .84, .44, 1) forwards
}
.modal-wrapper.one.out {
	transform:scale(1);
animation:unfoldOut 1s .3s cubic-bezier(.165, .84, .44, 1) forwards;
	-webkit-transform:scale(1);
-webkit-animation:unfoldOut 1s .3s cubic-bezier(.165, .84, .44, 1) forwards
}
.modal-wrapper.one.out .w1200, .modal-wrapper.one.out .close {
animation:zoomOut .5s cubic-bezier(.165, .84, .44, 1) forwards;
-webkit-animation:zoomOut .5s cubic-bezier(.165, .84, .44, 1) forwards
}
.modal-wrapper.one .w1200, .modal-wrapper.one .close {
	transform:scale(0);
animation:mzoomIn .5s .8s cubic-bezier(.165, .84, .44, 1) forwards;
	-webkit-transform:scale(0);
-webkit-animation:mzoomIn .5s .8s cubic-bezier(.165, .84, .44, 1) forwards
}
.modal-wrapper .main {
	display:table-cell;
	background:rgba(0, 0, 0, 0.7);
	text-align:center;
	vertical-align:middle
}
.modal-wrapper .close {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	align-items:center;
	position:absolute;
	right:1rem;
	top:1rem;
	z-index:10;
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
width:.8rem;
height:.8rem;
	opacity:1!important;
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%), linear-gradient(#114c42, #114c42);
	background-blend-mode:normal,  normal
}
.modal-wrapper .close:hover svg {
	transform:rotate(90deg)
}
.modal-wrapper .close svg {
	width:28px;
	height:28px;
	margin:0 auto;
	font-weight:700;
transition:transform .3s ease;
-webkit-transition:transform .3s ease;
-moz-transition:transform .3s ease;
-ms-transition:transform .3s ease;
-o-transition:transform .3s ease
}
.pic-modal-wrapper .pic img {
	max-height:90vh;
	max-width:100%;
	margin:0 auto;
	width:auto
}
.video-modal-wrapper .w1200 {
	text-align:center
}
.video-modal-wrapper .w1200 video {
	max-width:100%;
	height:auto;
	display:inline-block;
	margin:0 auto;
	max-height:80vh;
	width:auto
}
.video-modal-wrapper .box {
	position:relative;
	display:inline-block
}
.video-modal-wrapper iframe {
	width:12rem;
	height:80vh
}
@keyframes unfoldIn {
0% {
transform:scaleY(.005) scaleX(0)
}
50% {
transform:scaleY(.005) scaleX(1)
}
100% {
transform:scaleY(1) scaleX(1)
}
}
@keyframes mzoomIn {
0% {
transform:scale(0)
}
100% {
transform:scale(1)
}
}
@keyframes unfoldOut {
0% {
transform:scaleY(1) scaleX(1)
}
50% {
transform:scaleY(.005) scaleX(1)
}
100% {
transform:scaleY(.005) scaleX(0)
}
}
@keyframes zoomOut {
0% {
transform:scale(1)
}
100% {
transform:scale(0)
}
}
.userinfo-modal {
	background:rgba(0, 0, 0, 0.56);
	position:fixed;
	left:0;
	top:0;
	z-index:50;
	width:100%;
	height:100%;
	display:none
}
.userinfo-modal .inner {
	width:4.4rem;
	background-color:#fff;
	border-radius:5px;
	position:relative;
	left:50%;
	top:50%;
padding:.6rem .4rem .4rem;
	transform:translate(-50%, -50%)
}
.userinfo-modal .group {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
margin-bottom:.15rem
}
.userinfo-modal .group.max .text {
	width:100%;
	margin-right:0
}
.userinfo-modal .text {
	flex:1;
margin-right:.15rem;
	border-radius:5px;
line-height:.48rem;
height:.48rem;
padding:0 .2rem;
	border:1px solid #eee;
	overflow:hidden;
	font-family:"regular";
transition:border .35s ease;
-webkit-transition:border .35s ease;
-moz-transition:border .35s ease;
-ms-transition:border .35s ease;
-o-transition:border .35s ease
}
.userinfo-modal .text:focus {
	border-color:#0d83ff
}
.userinfo-modal ::-webkit-input-placeholder {
color:#666;
font-size:var(--fs14)
}
.userinfo-modal :-moz-placeholder {
color:#666;
font-size:var(--fs14)
}
.userinfo-modal ::-moz-placeholder {
color:#666;
font-size:var(--fs14)
}
.userinfo-modal :-ms-input-placeholder {
color:#666;
font-size:var(--fs14)
}
.userinfo-modal .getCaptchaBtn {
	display:block;
line-height:.48rem;
height:.48rem;
	color:#00a0e9;
	border-radius:5px;
padding:0 .2rem;
	font-size:var(--fs14);
	cursor:pointer;
	border:1px solid #eee;
	font-family:"regular";
	min-width:1.3rem;
	text-align:center;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease
}
.userinfo-modal .getCaptchaBtn[disabled] {
	cursor:not-allowed
}
.userinfo-modal .getCaptchaBtn:hover {
	background:#00a0e9;
	color:#fff;
	border-color:#00a0e9
}
.userinfo-modal .submitBtn {
line-height:.48rem;
	text-align:center;
	font-size:var(--fs16);
	color:#fff;
	background:#00a0e9;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease;
	border-radius:5px;
margin-top:.3rem;
	cursor:pointer
}
.userinfo-modal .submitBtn:hover {
	background:#0d83ff
}
.userinfo-modal p {
	text-align:center;
margin-top:.3rem
}
.userinfo-modal p span {
	text-decoration:underline;
	color:#999;
	cursor:pointer;
	font-family:"regular";
transition:color .35s ease;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-ms-transition:color .35s ease;
-o-transition:color .35s ease
}
.userinfo-modal p span:hover {
	color:#0d83ff
}
@media screen and (min-width:1004px) {
.page-nav-wrapper {
position:relative;
top:0;
left:0;
z-index:30;
background-color:#f9f9f9;
width:100%;
transition:top .4s ease;
-webkit-transition:top .4s ease;
-moz-transition:top .4s ease;
-ms-transition:top .4s ease;
-o-transition:top .4s ease
}
.page-nav-wrapper.scroll {
top:.9rem
}
.page-nav-wrapper .box-container {
display:flex;
display:-webkit-box;
display:-moz-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between;
height:.7rem;
align-items:center
}
.page-nav-wrapper .intruction-caption {
display:none
}
.page-nav-wrapper .nav {
position:relative;
z-index:2;
font-size:0;
display:flex;
display:-webkit-box;
display:-moz-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox
}
.page-nav-wrapper .nav>a {
position:relative;
font-size:var(--fs16);
line-height:.7rem;
color:#333;
text-align:center;
font-family:"regular";
transition:all .5s ease;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
min-width:1.7rem;
padding:0 .2rem
}
.page-nav-wrapper .nav>a:last-child {
margin-right:0
}
.page-nav-wrapper .nav>a:last-child:after {
display:none
}
.page-nav-wrapper .nav>a.on, .page-nav-wrapper .nav>a:hover {
color:#fff
}
.page-nav-wrapper .nav>a.on:before, .page-nav-wrapper .nav>a:hover:before {
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
opacity:1;
visibility:visible
}
.page-nav-wrapper .nav>a:before {
content:"";
display:block;
width:100%;
height:100%;
position:absolute;
left:0;
bottom:0;
z-index:0;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease;
background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
background-blend-mode:normal,  normal;
transform:scaleY(.1);
opacity:0;
visibility:hidden
}
.page-nav-wrapper .nav span {
position:relative;
z-index:1
}
.breadcrumbs {
font-size:0
}
.breadcrumbs a, .breadcrumbs span, .breadcrumbs img {
display:inline-block;
vertical-align:middle
}
.breadcrumbs .home {
margin-right:.16rem
}
.breadcrumbs .home+.icon {
margin-left:0
}
.breadcrumbs .home img {
position:relative;
top:-2px
}
.breadcrumbs a, .breadcrumbs span {
font-size:var(--fs16);
font-family:"regular"
}
.breadcrumbs a {
color:#333;
transition:color .35s ease;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-ms-transition:color .35s ease;
-o-transition:color .35s ease
}
.breadcrumbs a:hover {
color:#0d83ff
}
.breadcrumbs span {
color:#00a0e9
}
.breadcrumbs .icon {
margin:0 .16rem
}
}
@media screen and (max-width:1366px) {
.breadcrumbs a, .breadcrumbs span {
font-size:13px
}
}
@media screen and (max-width:1004px) {
.breadcrumbs {
display:none
}
.page-nav-wrapper {
position:relative;
padding:0;
height:auto;
margin-top:0;
top:0;
width:100%;
z-index:30;
background:#f4f4f4
}
.page-nav-wrapper .box-container {
height:auto;
padding:0
}
.page-nav-wrapper .intruction-caption {
display:none
}
.page-nav-wrapper .page-nav-box {
overflow-x:auto;
width:100%
}
.page-nav-wrapper .nav {
width:auto;
overflow:auto;
padding:0 .3rem;
white-space:nowrap;
text-align:center
}
.page-nav-wrapper .nav a {
display:inline-block;
text-align:left;
line-height:.84rem;
margin-right:.3rem;
font-size:.26rem;
color:#333
}
.page-nav-wrapper .nav a:last-child {
margin-right:0
}
.page-nav-wrapper .nav>a.on {
color:#0d83ff
}
.page-nav-wrapper .nav>a.on, .page-nav-wrapper .nav>a:hover {
background:none
}
.page-nav-wrapper .nav>a:after {
display:none
}
.modal-wrapper .close {
right:.3rem;
top:.3rem;
width:.8rem;
height:.8rem
}
.modal-wrapper .close svg {
width:.4rem;
height:.4rem
}
.page-banner-wrapper {
margin-top:1.2rem
}
.page-banner-wrapper h1, .page-banner-wrapper h2 {
font-size:var(--fs20);
line-height:.48rem
}
.page-banner-wrapper .desc {
width:100%;
font-size:var(--fs16);
line-height:.4rem;
margin-top:.27rem;
display:none
}
.userinfo-modal .inner {
width:calc(100% - 1.2rem);
padding:.6rem
}
.userinfo-modal .group {
margin-bottom:.2rem
}
.userinfo-modal .text {
margin-right:.2rem;
line-height:.76rem;
height:.76rem;
padding:0 .3rem
}
.userinfo-modal .getCaptchaBtn {
display:block;
line-height:.76rem;
height:.76rem;
padding:0 .3rem;
min-width:2rem
}
.userinfo-modal .submitBtn {
line-height:.74rem;
margin-top:.36rem
}
.userinfo-modal p {
margin-top:.4rem
}
}
.mt {
	margin-top:1rem
}
.page-box {
	padding-top:1.2rem;
	padding-bottom:1.2rem
}
.index-title-box {
margin-bottom:.6rem
}
.index-title-box.phone {
	display:none
}
.index-title-box.center {
	text-align:center
}
.index-title-box.center .line {
	margin-left:auto;
	margin-right:auto
}
.index-title-box.center .desc {
	text-align:center
}
.index-title-box.animated .title em, .index-title-box.animated p i {
	opacity:1;
	visibility:visible;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0)
}
.index-title-box.white p, .index-title-box.white .title {
	color:#fff
}
.index-title-box.white .brief {
	color:#00f4fe
}
.index-title-box.white .line {
	background:#fff
}
.index-title-box .title {
	font-family:"regular";
	font-weight:700;
font-size:.6rem;
line-height:.8rem;
	margin:0
}
.index-title-box .title i {
font-size:.72rem;
	color:#00a0e9;
	display:inline-block;
	font-family:"db";
	margin:0 2px
}
.index-title-box .title em {
margin:0 .1rem;
	top:-0.08rem
}
.index-title-box p+.line, .index-title-box .brief+.line {
	margin-top:0
}
.index-title-box p {
	font-family:"mb";
font-size:.35rem;
line-height:.4rem;
	text-transform:uppercase;
margin:2px auto .18rem
}
.index-title-box p i {
margin:0 .06rem;
	top:-2px
}
.index-title-box p i {
width:.35rem;
height:.38rem
}
.index-title-box .title em {
width:.57rem;
height:.61rem
}
.index-title-box p i, .index-title-box .title em {
	display:inline-block;
	background-image:url(../image/icon.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	vertical-align:middle;
	position:relative;
	transform:translateY(-1rem);
	-webkit-transform:translateY(-1rem);
	-moz-transform:translateY(-1rem);
	-ms-transform:translateY(-1rem);
	-o-transform:translateY(-1rem);
	opacity:0;
	visibility:hidden;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
transition-delay:.5s
}
.index-title-box .brief {
font-size:.35rem;
line-height:.48rem;
margin:.12rem auto .22rem;
	font-family:"regular"
}
.index-title-box .brief i {
	display:inline-block;
margin-right:.42rem
}
.index-title-box .brief i:last-child {
	margin-right:0
}
.index-title-box .line {
width:.25rem;
height:.05rem;
	background-color:#31def2;
	border-radius:3px;
margin:.22rem 0 0
}
.index-title-box .desc {
margin-top:.11rem;
	font-size:var(--fs16);
line-height:.3rem
}
.honor-cate {
margin-bottom:.75rem
}
.honor-cate ul {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox
}
.honor-cate li {
	width:25%;
	text-align:center;
	border-right:1px solid #e3e4e5
}
.honor-cate li:last-child {
	border-right:none
}
.honor-cate li.on .icon .init {
	transform:scale(.75);
	-webkit-transform:scale(.75);
	-moz-transform:scale(.75);
	-ms-transform:scale(.75);
	-o-transform:scale(.75);
	opacity:0;
	visibility:hidden
}
.honor-cate li.on .icon .on {
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	opacity:1;
	visibility:visible
}
.honor-cate li.on p {
	color:#0d83ff
}
.honor-cate li a {
	display:block;
	color:#333
}
.honor-cate .icon {
width:.6rem;
height:.6rem;
	margin:0 auto;
	position:relative
}
.honor-cate .icon img {
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	width:100%;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease
}
.honor-cate .icon .on {
	transform:scale(1.25);
	-webkit-transform:scale(1.25);
	-moz-transform:scale(1.25);
	-ms-transform:scale(1.25);
	-o-transform:scale(1.25);
	opacity:0;
	visibility:hidden
}
.honor-cate p {
	font-family:"regular";
	font-size:var(--fs18);
line-height:.3rem;
	color:#222;
transition:color .35s ease;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-ms-transition:color .35s ease;
-o-transition:color .35s ease;
margin-top:.15rem
}
.honor-wrapper {
	background:url(../image/honorbg.jpg) no-repeat center bottom;
	background-size:100%
}
.honor-wrapper ul {
	list-style-type:none
}
.honor-wrapper .item {
	position:relative;
margin-bottom:.62rem
}
.honor-wrapper .item:before {
	content:"";
width:calc(100% + .4rem);
	height:1.12rem;
	position:absolute;
	left:-0.2rem;
bottom:.5rem;
	z-index:0;
	background:url(../image/honorbg.png) no-repeat center center;
	background-size:100%
}
.honor-wrapper .item:last-child {
	margin-bottom:0
}
.honor-wrapper .item ul {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	position:relative;
	z-index:10;
	justify-content:center
}
.honor-wrapper .item li {
	cursor:pointer;
	text-align:center;
	width:20%;
	margin-right:3.25%
}
.honor-wrapper .item li:last-child {
	margin-right:0
}
.honor-wrapper .item li:hover .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.honor-wrapper .item li:hover figcaption {
	color:#0d83ff
}
.honor-wrapper .item .pic img {
	height:3rem;
	object-fit:contain
}
.honor-wrapper figcaption {
	font-family:"regular";
	font-size:var(--fs18);
	color:#444;
line-height:.3rem;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
height:.6rem;
margin-top:.7rem;
transition:color .35s ease;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-ms-transition:color .35s ease;
-o-transition:color .35s ease
}
.service-wrapper-1 {
	background:#ebf4fd
}
.service-wrapper-1 .main {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.service-wrapper-1 .video-box {
	position:relative;
	width:62.5%;
	cursor:pointer
}
.service-wrapper-1 .video-box:hover .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.service-wrapper-1 .video-box:hover .pic:after {
	opacity:.4;
	visibility:visible
}
.service-wrapper-1 .video-box .pic {
	background:#000
}
.service-wrapper-1 .video-box .pic img {
	opacity:.78;
	transition:transform 1.2s ease;
	-webkit-transition:transform 1.2s ease;
	-moz-transition:transform 1.2s ease;
	-ms-transition:transform 1.2s ease;
	-o-transition:transform 1.2s ease
}
.service-wrapper-1 .info-box {
	width:37.5%;
	background:#fff;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	align-items:center
}
.service-wrapper-1 .info {
	width:100%
}
.service-wrapper-1 .content {
	font-size:var(--fs18);
line-height:.36rem;
padding:.48rem .8rem
}
.play {
	position:absolute;
	left:50%;
	top:50%;
	z-index:10;
width:.8rem;
height:.8rem;
	margin-top:-0.4rem;
	margin-left:-0.4rem;
	border:solid 8px rgba(255, 255, 255, 0.4);
	background-color:#ffffff;
	border-radius:50%;
	cursor:pointer
}
.play:before, .play:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
	background-color:#fff;
	border-radius:50%;
	box-sizing:border-box
}
.play:before {
	animation:iconScale2 2.4s linear infinite
}
.play:after {
	animation:iconScale2 2.4s 1.2s linear infinite
}
.play i {
	display:block;
	width:100%;
	height:100%;
	background:url(../image/play.png) no-repeat center center;
	background-size:100%;
	position:relative;
	z-index:10;
	transform:scale(.525);
	-webkit-transform:scale(.525);
	-moz-transform:scale(.525);
	-ms-transform:scale(.525);
	-o-transform:scale(.525)
}
.playIcon {
	position:absolute;
	left:50%;
	top:50%;
	z-index:10;
	width:1.04rem;
	height:1.04rem;
	margin-top:-0.52rem;
	margin-left:-0.52rem;
	background-color:#ffffff;
	border-radius:50%;
	cursor:pointer
}
.playIcon:before, .playIcon:after {
	content:"";
	position:absolute;
	left:-50%;
	top:-50%;
	width:200%;
	height:200%;
	z-index:0;
	border:1px solid rgba(255, 255, 255, 0.6);
	border-radius:50%;
	box-sizing:border-box
}
.playIcon:before {
	animation:iconScale3 3s linear infinite
}
.playIcon:after {
animation:iconScale3 3s .5s linear infinite
}
.playIcon .icon {
	position:relative;
	width:100%;
	height:100%;
	margin:0 auto
}
.playIcon .icon:before, .playIcon .icon:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
	background-color:rgba(255, 255, 255, 0.3);
	border-radius:50%;
	box-sizing:border-box
}
.playIcon .icon:before {
	animation:iconScale3 2.4s 1s linear infinite
}
.playIcon .icon:after {
	animation:iconScale3 2.4s 1.2s linear infinite
}
.playIcon i {
	display:block;
	width:100%;
	height:100%;
	background:url(../image/play.png) no-repeat center center;
	background-size:100%;
	position:relative;
	z-index:10;
	transform:scale(.4038);
	-webkit-transform:scale(.4038);
	-moz-transform:scale(.4038);
	-ms-transform:scale(.4038);
	-o-transform:scale(.4038)
}
.service-wrapper-2 .main ul {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	flex-flow:wrap;
	list-style-type:none
}
.service-wrapper-2 li {
	width:48.83%;
border-radius:.1rem;
	margin-top:2.34%;
line-height:.6rem;
	font-size:var(--fs24);
	font-family:"light";
	overflow:hidden;
padding:.52rem .52rem .48rem .55rem;
	background-color:#eef5fb;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease
}
.service-wrapper-2 li:nth-child(-n+2) {
margin-top:0
}
.service-wrapper-2 li:hover {
	box-shadow:0 2px 30px rgba(13, 131, 255, 0.1);
	background:#fff
}
.service-wrapper-2 li:hover:after {
transform:translateX(.2rem);
-webkit-transform:translateX(.2rem);
-moz-transform:translateX(.2rem);
-ms-transform:translateX(.2rem);
-o-transform:translateX(.2rem)
}
.service-wrapper-2 li:after {
	content:"";
width:.91rem;
height:.86rem;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	position:absolute;
right:.43rem;
top:.26rem;
	z-index:0;
	background-image:url(../image/service31.png);
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease
}
.service-wrapper-2 li:nth-child(even):after {
background-image:url(../image/service32.png)
}
.service-wrapper-2 li>b {
	font-family:"db";
	font-size:var(--fs24)
}
.service-wrapper-3 {
	position:relative;
	overflow:hidden
}
.service-wrapper-3 .box-container {
	position:relative;
	z-index:10
}
.service-wrapper-3 .index-title-box {
	position:absolute;
	left:0;
top:.9rem;
	z-index:10;
	width:100%
}
.service-wrapper-3 .info {
	display:none
}
.service-wrapper-3 .content {
	display:none
}
.service-wrapper-3 .earth {
	display:none
}
.service-wrapper-4 {
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-position:center center
}
.service-wrapper-4 .swiper-box {
padding:0 .88rem
}
.service-wrapper-4 .swiper-slide {
	text-align:center
}
.service-wrapper-4 .swiper-slide:hover .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.service-wrapper-4 .pic {
	width:4rem;
	height:4rem;
	border-radius:50%;
	margin:0 auto
}
.service-wrapper-4 .pic img {
	height:100%;
	object-fit:cover
}
.service-wrapper-4 .name {
	font-size:var(--fs30);
line-height:.4rem;
	font-weight:700;
	font-family:"regular";
margin:.26rem auto .1rem
}
.service-wrapper-4 .tag {
	color:#0d83ff;
	background:none;
	border:none;
	padding:0
}
.service-wrapper-4 .tag, .service-wrapper-4 .info p {
	font-size:var(--fs18);
line-height:.3rem
}
.service-wrapper-4 .swiperbtn {
top:calc((4rem - .5rem) / 2);
	transform:none
}
.swiperbtn {
width:.5rem;
height:.5rem;
	background-color:#fff;
	box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.1);
	border-radius:50%;
	position:absolute;
	z-index:10;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	cursor:pointer
}
.swiperbtn:hover:before {
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	opacity:1;
	visibility:visible
}
.swiperbtn:before {
	content:"";
	width:100%;
	height:100%;
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	transform:scale(.8);
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	-ms-transform:scale(.8);
	-o-transform:scale(.8);
	opacity:0;
	visibility:hidden;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease;
	border-radius:50%
}
.swiperbtn.grey {
	box-shadow:none;
	background-color:rgba(232, 232, 232, 0.8)
}
.swiperbtn.grey:hover {
	box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.1)
}
.swiperbtn i {
	position:relative;
	display:block;
	width:12px;
	height:100%;
	margin:0 auto;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	z-index:10;
	transition:background .35 ease;
	-webkit-transition:background .35 ease;
	-moz-transition:background .35 ease;
	-ms-transition:background .35 ease;
	-o-transition:background .35 ease
}
.swiperbtn.prev {
	left:-0.38rem
}
.swiperbtn.prev:hover i {
	background-image:url(../image/prev.png)
}
.swiperbtn.prev i {
	background-image:url(../image/prev2.png)
}
.swiperbtn.next {
	right:-0.38rem
}
.swiperbtn.next:hover i {
	background-image:url(../image/next.png)
}
.swiperbtn.next i {
	background-image:url(../image/next2.png)
}
.service-wrapper-5 .swiper-box {
padding:0 .5rem
}
.service-wrapper-5 .swiper-slide {
	height:auto;
	background:#eef5fb;
border-radius:0 0 .1rem .1rem;
transition:background .35s ease;
-webkit-transition:background .35s ease;
-moz-transition:background .35s ease;
-ms-transition:background .35s ease;
-o-transition:background .35s ease
}
.service-wrapper-5 .swiper-slide:hover {
	background-color:#0d83ff
}
.service-wrapper-5 .swiper-slide:hover .info p, .service-wrapper-5 .swiper-slide:hover .desc {
	color:#fff
}
.service-wrapper-5 .swiper-slide:hover .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.service-wrapper-5 .pic {
	position:relative
}
.service-wrapper-5 .pic:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	bottom:0;
	z-index:2;
	background:url(../image/serviceshadow.png) repeat-x left bottom;
	background-size:100% 100%
}
.service-wrapper-5 .pic img {
	height:4.5rem;
	object-fit:cover;
	position:relative;
	z-index:1
}
.service-wrapper-5 .desc {
	font-family:"regular";
	font-weight:700;
	font-size:var(--fs20);
line-height:.3rem;
transition:color .3s ease;
-webkit-transition:color .3s ease;
-moz-transition:color .3s ease;
-ms-transition:color .3s ease;
-o-transition:color .3s ease
}
.service-wrapper-5 .info p, .service-wrapper-5 .hidebox p {
line-height:.3rem;
	font-size:var(--fs16);
transition:color .3s ease;
-webkit-transition:color .3s ease;
-moz-transition:color .3s ease;
-ms-transition:color .3s ease;
-o-transition:color .3s ease
}
.service-wrapper-5 .info {
padding:.4rem .32rem .5rem
}
.service-wrapper-5 .hidebox {
	position:absolute;
left:.3rem;
bottom:.2rem;
	z-index:10;
width:calc(100% - .6rem);
border-left:.03rem solid #fff;
padding-left:.2rem
}
.service-wrapper-5 .hidebox p {
	color:#fff;
margin-top:.04rem
}
.service-wrapper-5 .name {
	font-size:var(--fs24);
line-height:.3rem;
	color:#fff;
	font-family:"regular";
transition:color .3s ease;
-webkit-transition:color .3s ease;
-moz-transition:color .3s ease;
-ms-transition:color .3s ease;
-o-transition:color .3s ease;
	margin-bottom:1px
}
.service-wrapper-6 {
	background:#eef5fb
}
.service-wrapper-6 .swiper-slide {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	background-color:#fff
}
.service-wrapper-6 .info {
	width:37.43%;
padding:1.3rem 1.05rem .6rem .82rem
}
.service-wrapper-6 .pic, .service-wrapper-6 .swiper-pagination {
	width:62.57%
}
.service-wrapper-6 .pic {
	position:relative
}
.service-wrapper-6 .pic:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	bottom:0;
	z-index:20;
	background:url(../image/picbg.png) repeat-x left bottom;
	background-size:contain
}
.service-wrapper-6 .pic img {
	transition:transform 2s ease;
	-webkit-transition:transform 2s ease;
	-moz-transition:transform 2s ease;
	-ms-transition:transform 2s ease;
	-o-transition:transform 2s ease;
	position:relative;
	z-index:1
}
.service-wrapper-6 .pic:hover img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.service-wrapper-6 .swiper-slide-active .info .title, .service-wrapper-6 .swiper-slide-active .desc, .service-wrapper-6 .swiper-slide-active .learn {
	display:block
}
.service-wrapper-6 .info .title, .service-wrapper-6 .desc, .service-wrapper-6 .learn {
	display:none
}
.service-wrapper-6 .info .title {
	font-family:"regular";
	font-size:var(--fs36);
line-height:.48rem;
margin-bottom:.2rem;
animation-delay:.1s
}
.service-wrapper-6 .desc {
	font-size:var(--fs24);
line-height:.42rem;
margin-bottom:.4rem;
animation-delay:.2s
}
.service-wrapper-6 .learn {
animation-delay:.3s
}
.service-wrapper-6 .swiper-pagination {
	display:block;
bottom:.3rem;
	font-size:0;
	text-align:left;
	left:auto;
	right:0;
padding:0 .5rem
}
.service-wrapper-6 .swiper-pagination .swiper-pagination-bullet {
	opacity:1;
	background:#fff;
margin:0 .09rem;
width:.14rem;
height:.14rem;
	border:none;
transition:background .3s ease;
-webkit-transition:background .3s ease;
-moz-transition:background .3s ease;
-ms-transition:background .3s ease;
-o-transition:background .3s ease
}
.service-wrapper-6 .swiper-pagination .swiper-pagination-bullet:link, .service-wrapper-6 .swiper-pagination .swiper-pagination-bullet:visited, .service-wrapper-6 .swiper-pagination .swiper-pagination-bullet:active, .service-wrapper-6 .swiper-pagination .swiper-pagination-bullet:focus {
	outline:none
}
.service-wrapper-6 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background:#0d83ff
}
.btns-box {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
margin-top:.78rem
}
.btns-box .learn {
	width:47.36%
}
.learn {
	position:relative;
	display:inline-block;
	text-align:center;
	overflow:hidden;
	font-size:var(--fs24);
	font-family:"regular";
	width:1.8rem;
height:.6rem;
line-height:.6rem;
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
border-radius:.3rem
}
.learn:hover {
	background:#0d83ff;
	color:#fff
}
.learn.grey {
	background:#202020
}
.learn span {
	position:relative;
	z-index:10;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease;
	color:#fff
}
.service-wrapper-7 {
	background:#3d5dfe;
	padding-bottom:0!important
}
.service-wrapper-7 .index-title-box {
margin-bottom:.32rem
}
.service-wrapper-7 .swiper-slide {
	width:10.5rem;
	background:#3d5dfe
}
.service-wrapper-7 .swiper-slide.swiper-slide-active img {
	opacity:1
}
.service-wrapper-7 .swiper-slide:hover img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.service-wrapper-7 .swiper-slide img {
	opacity:.5;
	transition:all 2s ease;
	-webkit-transition:all 2s ease;
	-moz-transition:all 2s ease;
	-ms-transition:all 2s ease;
	-o-transition:all 2s ease
}
.service-wrapper-7 .content {
	font-size:var(--fs18);
line-height:.36rem;
	color:#fff;
	text-align:center;
	width:81%;
margin:0 auto .34rem
}
.service-wrapper-7 .content b {
	font-family:"regular";
	font-weight:500
}
.support-wrapper-1 .main {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex-flow:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.support-wrapper-1 .main .item {
	width:48.83%
}
.support-wrapper-1 .main ul {
	list-style-type:none
}
.support-wrapper-1 .main li {
	position:relative;
line-height:.3rem;
	background-image:linear-gradient(90deg, #e6f0fa 0%, #f7fafe 51%, #ecf5f7 100%), linear-gradient(#f3f9ff, #f3f9ff);
	background-blend-mode:normal, normal;
border-radius:.1rem;
	font-size:var(--fs18);
	margin-bottom:2px;
padding:.2rem .3rem .2rem .83rem
}
.support-wrapper-1 .main li:last-child {
	margin-bottom:0
}
.support-wrapper-1 .main li i {
	display:inline-block;
width:.4rem;
height:.4rem;
line-height:.4rem;
	text-align:center;
	color:#fff;
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
	position:absolute;
left:.3rem;
top:.15rem;
	z-index:10;
	font-size:var(--fs18);
	font-family:"db";
	border-radius:50%;
margin-right:.12rem
}
.support-wrapper-2 {
	position:relative
}
.support-wrapper-2 .index-title-box {
	position:absolute;
	left:0;
top:.82rem;
	z-index:1;
	width:100%
}
.support-wrapper-3 .box-container {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex-flow:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.support-wrapper-3 .index-title-box {
margin-bottom:.43rem
}
.support-wrapper-3 .item {
	position:relative;
	width:48.83%
}
.support-wrapper-3 .item:before {
	content:"";
	width:100%;
	height:calc(100% - 1.8rem);
border-radius:.1rem;
	background-color:#dbdbdb;
	position:absolute;
	left:0;
	bottom:0;
	z-index:-1
}
.support-wrapper-3 .item:nth-child(odd):before {
background-image:linear-gradient(135deg, #377dff 0%, #0dccff 100%), linear-gradient(#0d84ff, #0d84ff);
background-blend-mode:normal,  normal
}
.support-wrapper-3 .item:nth-child(odd) .index-title-box .title, .support-wrapper-3 .item:nth-child(odd) .index-title-box .brief {
color:#00a0e9
}
.support-wrapper-3 .item:nth-child(odd) .index-title-box .line {
background:#00a0e9
}
.support-wrapper-3 .item:nth-child(odd) .content {
color:#fff
}
.support-wrapper-3 .item:nth-child(odd) .content li {
color:#fff
}
.support-wrapper-3 .item:nth-child(even) .content {
padding-top:.78rem
}
.support-wrapper-3 .item>img {
	width:1.3rem;
	margin:0 auto;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
bottom:.27rem
}
.support-wrapper-3 .content {
	font-size:var(--fs18);
	color:#333;
padding:.5rem .5rem 1.57rem
}
.support-wrapper-3 .content ul {
	list-style-type:none
}
.support-wrapper-3 .content>ul>li {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	font-size:var(--fs18);
margin-bottom:.2rem
}
.support-wrapper-3 .content>ul>li>span {
	flex:1
}
.support-wrapper-3 .content b {
	font-family:"regular";
	font-weight:500
}
.support-wrapper-4 {
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-position:center center
}
.support-wrapper-4 .index-title-box {
margin-bottom:.25rem
}
.support-wrapper-4 .box-container>.content {
	width:11.5rem;
	text-align:center;
	margin:0 auto
}
.support-wrapper-4 .main {
margin-top:.64rem
}
.support-wrapper-4 .item {
	background-color:#fff;
border-radius:.2rem;
margin-bottom:.2rem;
padding:.5rem 1.04rem .67rem
}
.support-wrapper-4 .item:last-child {
	margin-bottom:0
}
.support-wrapper-4 .item .title {
	font-family:"regular";
	font-size:var(--fs30);
line-height:.48rem;
	color:#00a0e9;
	text-align:center;
	font-weight:700;
margin-bottom:.12rem
}
.support-wrapper-4 .content {
	font-size:var(--fs18);
line-height:.36rem
}
.benefit-wrapper .item {
	position:relative;
	background-repeat:no-repeat;
	background-size:cover
}
.benefit-wrapper .index-title-box {
	position:absolute;
	left:0;
top:.9rem;
	z-index:10;
	width:100%
}
.newsinfo-wrapper {
	overflow:hidden
}
.newsinfo-wrapper .top {
	position:relative;
padding:.9rem 0 .6rem;
	background-color:#fff
}
.newsinfo-wrapper .top .box-container {
	position:relative;
	z-index:10;
	text-align:center;
	padding-right:1.95rem
}
.newsinfo-wrapper .top h1 {
	font-size:var(--fs36);
line-height:.5rem;
	font-weight:700;
	font-family:"regular";
	margin-top:0;
margin-bottom:.8rem
}
.newsinfo-wrapper .time {
	font-size:var(--fs18);
	color:#ccc;
	font-family:"en_regular";
line-height:.3rem
}
.newsinfo-wrapper .time img {
	vertical-align:middle;
margin-right:.1rem;
	position:relative;
	top:-2px
}
.newsinfo-wrapper .main {
	position:relative
}
.newsinfo-wrapper .main:after {
	content:"";
	width:calc(10% + 1px);
	height:100%;
	background:#f6f6f6;
	position:absolute;
	right:0;
	top:0;
	z-index:1
}
.newsinfo-wrapper .main>.box-container {
	position:relative;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	justify-content:flex-end
}
.newsinfo-wrapper .main>.box-container:after {
	content:"";
	width:75.91%;
	height:1px;
	background:#f0f0f0;
	position:absolute;
	left:0;
	top:0;
	z-index:1
}
.newsinfo-wrapper .content {
	width:70.05%;
	background-color:#fff;
padding:.62rem .72rem 3.75rem .6rem;
	font-size:var(--fs18);
	color:#333;
	font-family:"regular";
line-height:.34rem;
}
.newsinfo-wrapper .bottom {
	width:100%
}
.newsinfo-wrapper .relative-box {
	width:70.05%;
	position:absolute;
	left:0;
	bottom:1.36rem;
	z-index:10
}
.newsinfo-wrapper .relative-box p, .newsinfo-wrapper .relative-box p a {
	color:#333;
	font-family:"regular"
}
.newsinfo-wrapper .relative-box p {
	width:61.42%;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
line-height:.48rem;
padding:0 .24rem;
	border:1px solid #f7f7f7;
	background-color:#f7f7f7;
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
margin-bottom:.2rem;
	margin-right:0;
	margin-left:auto
}
.newsinfo-wrapper .relative-box p:last-child {
	margin-bottom:0
}
.newsinfo-wrapper .relative-box p:hover {
	background-color:#fff;
	border-color:#0d83ff
}
.newsinfo-wrapper .relative-box p b {
	color:#333;
	font-weight:500
}
.newsinfo-wrapper .relative-box a {
transition:color .3s ease;
-webkit-transition:color .3s ease;
-moz-transition:color .3s ease;
-ms-transition:color .3s ease;
-o-transition:color .3s ease;
	max-width:80%;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow:hidden
}
.newsinfo-wrapper .relative-box a:hover {
	color:#0d83ff
}
.newsinfo-wrapper .recommend-box {
	position:relative;
	width:calc(29.95% - 1.5rem);
padding:.42rem .33rem 0 .4rem;
	background:#f6f6f6
}
.newsinfo-wrapper .recommend-box:before {
	content:"";
height:.04rem;
	width:250%;
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
	position:absolute;
	left:0;
	top:-0.04rem;
	z-index:10
}
.newsinfo-wrapper .recommend-box .caption {
	font-size:var(--fs18);
	color:#0d83ff;
	font-family:"regular";
line-height:.3rem;
margin-bottom:.16rem
}
.newsinfo-wrapper .recommend-box ul {
margin-bottom:.42rem
}
.newsinfo-wrapper .recommend-box li {
	list-style-type:none;
margin-bottom:.38rem
}
.newsinfo-wrapper .recommend-box li:last-child {
	margin-bottom:0
}
.newsinfo-wrapper .recommend-box li:hover .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.newsinfo-wrapper .recommend-box li:hover .title {
	color:#0d83ff
}
.newsinfo-wrapper .recommend-box li a {
	display:block
}
.newsinfo-wrapper .recommend-box .pic {
border-radius:.1rem
}
.newsinfo-wrapper .recommend-box .title {
	color:#333333;
transition:color .3s ease;
-webkit-transition:color .3s ease;
-moz-transition:color .3s ease;
-ms-transition:color .3s ease;
-o-transition:color .3s ease;
line-height:.24rem;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
max-height:.48rem;
	font-size:var(--fs16);
margin-top:.24rem;
	font-family:"regular"
}
.share-box {
	width:1.5rem;
	position:sticky;
	height:100%;
	top:0;
	left:10%;
	z-index:10;
transition:top .35s ease;
-webkit-transition:top .35s ease;
-moz-transition:top .35s ease;
-ms-transition:top .35s ease;
-o-transition:top .35s ease
}
.share-box.scroll {
top:.9rem
}
.share-box a {
	display:block;
line-height:.7rem;
padding-left:.28rem;
	font-size:var(--fs16);
	color:#666;
	background-color:#fafafa;
	border-bottom:1px solid #ebebeb;
transition:color .3s ease;
-webkit-transition:color .3s ease;
-moz-transition:color .3s ease;
-ms-transition:color .3s ease;
-o-transition:color .3s ease
}
.share-box a:hover {
	color:#0d83ff
}
.share-box a:last-child {
	border-bottom:none
}
.share-box a.return {
	color:#fff !important;
	padding-left:0;
	text-align:center;
	background-color:#0d83ff
}
.share-box a.return img {
	margin-right:0;
	margin-left:10px;
width:.17rem
}
.share-box img {
	vertical-align:middle;
width:.3rem;
margin-right:.15rem
}
.news-wrapper-1 {
	padding-bottom:0!important;
	position:relative;
	overflow:hidden
}
.news-wrapper-1 .box-container {
	position:relative;
	z-index:10
}
.news-wrapper-1 .main {
	position:relative
}
.news-wrapper-1 .top {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	align-items:start
}
.news-wrapper-1 .swiper-slide .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.news-wrapper-1 .swiper-slide a {
	display:block
}
.news-wrapper-1 .swiper-slide .info {
	display:none
}
.news-wrapper-1 .swiper-box {
	width:59.89%
}
.news-wrapper-1 .info-box {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	z-index:10;
	width:44.46%
}
.news-wrapper-1 .info-box ul {
	list-style-type:none
}
.news-wrapper-1 .info-box li {
	position:relative;
	background-color:#fff;
	box-shadow:0 5px 30px 0 rgba(4, 0, 0, 0.06);
	border-radius:5px;
	margin-bottom:8px;
	overflow:hidden;
padding:.44rem .6rem .52rem
}
.news-wrapper-1 .info-box li:last-child {
	margin-bottom:0
}
.news-wrapper-1 .info-box li.on .title {
	color:#fff
}
.news-wrapper-1 .info-box li.on .time {
	color:rgba(255, 255, 255, 0.4)
}
.news-wrapper-1 .info-box li.on:before {
	opacity:1;
	visibility:visible
}
.news-wrapper-1 .info-box li:before {
	content:"";
	width:100%;
	height:100%;
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	opacity:0;
	visibility:hidden;
transition:all .4s ease;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease
}
.news-wrapper-1 .info-box li a {
	position:relative;
	display:block;
	z-index:10
}
.news-wrapper-1 .time, .news-wrapper-1 .main .title {
transition:color .35s ease;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-ms-transition:color .35s ease;
-o-transition:color .35s ease
}
.news-wrapper-1 .time {
	color:#2e2624;
	font-family:"mm";
	font-size:var(--fs18);
	line-height:24px
}
.news-wrapper-1 .main .title {
	font-size:var(--fs22);
	color:#333;
	font-family:"regular";
line-height:.3rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
margin-top:.1rem
}
.news-wrapper-1 .decoration {
	background:url(../image/newsbg.png) no-repeat center center;
	background-size:100%;
	right:0;
	top:0;
	z-index:1;
	position:absolute;
	width:33.33%;
	height:5rem
}
.news-wrapper-1 .top {
	position:relative;
	z-index:20
}
.form-box {
	position:relative;
	z-index:20;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
padding-top:.25rem
}
.form-box.normal {
	display:block
}
.form-box .group {
	position:relative;
	width:2.48rem
}
.form-box .caption {
	position:relative;
	cursor:pointer;
	font-size:var(--fs16);
	color:#333;
height:.5rem;
line-height:.48rem;
	background-color:#ffffff;
	border:solid 1px #e6e6e6;
padding:0 .4rem 0 .36rem
}
.form-box .caption:after {
	content:"";
	display:block;
	width:10px;
	height:100%;
	background-image:url(../image/idown.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	position:absolute;
	right:10px;
	top:0;
	z-index:10
}
.form-box .list {
	width:100%;
	position:absolute;
	right:0;
	top:100%;
	z-index:12;
	max-height:264px;
	overflow-y:auto;
	display:none;
	background-color:#ffffff;
	border:solid 1px #e6e6e6;
	border-top:none
}
.form-box .list a {
	display:block;
	font-size:var(--fs16);
	line-height:43px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#333;
padding:0 .36rem;
	border-bottom:1px solid #e6e6e6;
transition:color .3s ease;
-webkit-transition:color .3s ease;
-moz-transition:color .3s ease;
-ms-transition:color .3s ease;
-o-transition:color .3s ease
}
.form-box .list a:hover, .form-box .list a.on {
	color:#0d83ff
}
.form-box .list a:last-child {
	border-bottom:none
}
.form-box .searchbox {
	width:3rem;
margin-left:.1rem
}
.form-box .text {
	width:100%;
height:.5rem;
line-height:.48rem;
	background-color:#fff;
	border:solid 1px #e6e6e6;
padding:0 .2rem;
	font-size:var(--fs16);
	color:#333
}
.form-box ::-webkit-input-placeholder {
color:#333;
font-size:var(--fs16)
}
.form-box :-moz-placeholder {
color:#333;
font-size:var(--fs16)
}
.form-box ::-moz-placeholder {
color:#333;
font-size:var(--fs16)
}
.form-box :-ms-input-placeholder {
color:#333;
font-size:var(--fs16)
}
.news-wrapper-2 {
	padding-top:0!important;
	width:100%
}
.news-wrapper-2 .list ul {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex-flow:wrap
}
.news-wrapper-2 .list li {
	width:31.12%;
	margin-right:3.32%;
margin-top:.8rem
}
.news-wrapper-2 .swiper-box {
	padding:0 10px;
	text-align:center;
	width:100%
}
.news-wrapper-2 .swiper-slide {
	width:23.68%;
	margin-right:1.76%
}
.news-wrapper-2 .swiper-slide:last-child {
	margin-right:0
}
.news-wrapper-2 .swiper-slide, .news-wrapper-2 li {
border-radius:.1rem;
	overflow:hidden;
	background:#fff;
	box-shadow:0 5px 45px 0 rgba(0, 0, 0, 0.09)
}
.news-wrapper-2 .swiper-slide:hover .pic img, .news-wrapper-2 li:hover .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.news-wrapper-2 .swiper-slide:hover .info, .news-wrapper-2 li:hover .info {
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal
}
.news-wrapper-2 .swiper-slide:hover .imore, .news-wrapper-2 li:hover .imore {
	background-image:url(../image/more_on.png)
}
.news-wrapper-2 .swiper-slide:hover .time, .news-wrapper-2 li:hover .time, .news-wrapper-2 .swiper-slide:hover .title, .news-wrapper-2 li:hover .title {
	color:#fff;
	opacity:1
}
.news-wrapper-2 .swiper-slide a, .news-wrapper-2 li a {
	display:block
}
.news-wrapper-2 .swiper-slide .title, .news-wrapper-2 li .title, .news-wrapper-2 .swiper-slide .time, .news-wrapper-2 li .time {
transition:color .35s ease;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-ms-transition:color .35s ease;
-o-transition:color .35s ease
}
.news-wrapper-2 .swiper-slide .title, .news-wrapper-2 li .title {
	font-family:"regular";
	font-size:var(--fs22);
line-height:.36rem;
	color:#333;
transition:color .35s ease;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-ms-transition:color .35s ease;
-o-transition:color .35s ease;
height:.72rem;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
margin-bottom:.5rem
}
.news-wrapper-2 .info {
padding:.3rem .5rem .4rem;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease
}
.news-wrapper-2 .time {
	font-family:"en_regular";
	font-size:var(--fs16);
line-height:.3rem;
	color:#333;
	opacity:.32;
margin-bottom:.05rem
}
.news-wrapper-2 .pic img {
	height:3.3rem;
	object-fit:cover
}
.imore {
	display:block;
width:.47rem;
height:.33rem;
border-radius:.16rem;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease;
	background-image:url(../image/more.png)
}
.imore:hover, .imore.on {
	background-image:url(../image/more_on.png)
}
.job-wrapper .box-container {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.job-wrapper .left {
	width:67.7%
}
.job-wrapper .right {
	width:24.74%
}
.job-wrapper .top {
padding:.28rem 2rem .28rem .45rem
}
.job-wrapper .top, .job-wrapper .detail {
padding-left:.45rem;
	padding-right:2rem
}
.job-wrapper .item {
	position:relative;
margin-bottom:.25rem;
	background:#f7f9fb;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease
}
.job-wrapper .item:last-child {
	margin-bottom:0
}
.job-wrapper .item:before {
	width:100%;
	height:2px;
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal, normal;
	opacity:.2;
	content:"";
	position:absolute;
	left:0;
	top:0;
	z-index:1;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease
}
.job-wrapper .item.on {
	box-shadow:0 5px 30px 0 rgba(0, 60, 65, 0.08);
	background:#fff
}
.job-wrapper .item.on:before {
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
	opacity:1
}
.job-wrapper .item.on .top {
	background:#fff
}
.job-wrapper .item.on .icon {
bottom:.8rem;
	margin-bottom:0;
	border-color:#0d83ff
}
.job-wrapper .item.on .icon i:after {
	transform:rotate(90deg)
}
.job-wrapper .top {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex-flow:wrap;
	cursor:pointer
}
.job-wrapper .icon {
	position:absolute;
	right:1.25rem;
width:.6rem;
height:.6rem;
	bottom:50%;
	margin-bottom:-0.3rem;
	background-color:#fff;
	border-radius:50%;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	align-items:center;
	cursor:pointer;
	border:3px solid #fff;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease
}
.job-wrapper .icon i {
	width:12px;
	height:12px;
	position:relative;
	margin:0 auto
}
.job-wrapper .icon i:before, .job-wrapper .icon i:after {
	content:"";
	background:#0d83ff;
	position:absolute;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease
}
.job-wrapper .icon i:before {
	width:100%;
	height:2px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-1px
}
.job-wrapper .icon i:after {
	height:100%;
	width:2px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-1px
}
.job-wrapper .name {
	font-weight:700;
	font-size:var(--fs22);
line-height:.3rem;
	color:#17171d;
	width:2.3rem
}
.job-wrapper .desc, .job-wrapper .brief span {
	font-size:14px;
line-height:.26rem
}
.job-wrapper .brief {
padding-top:.05rem;
	color:rgba(0, 0, 0, 0.6)
}
.job-wrapper .brief span {
margin-right:.6rem;
	color:rgba(0, 0, 0, 0.6)
}
.job-wrapper .brief span:last-child {
	margin-right:0
}
.job-wrapper .desc {
	width:100%;
	color:rgba(0, 0, 0, 0.8);
margin-top:.16rem
}
.job-wrapper .detail {
padding-bottom:.8rem;
	display:none
}
.job-wrapper .left .caption {
	font-family:"regular";
	font-size:14px;
line-height:.28rem;
	color:#17171d;
	margin-bottom:4px
}
.job-wrapper .content {
	font-family:"regular";
	font-size:14px;
	color:#555;
line-height:.28rem;
margin-bottom:.28rem
}
.job-wrapper .index-more {
margin-top:.24rem
}
.job-wrapper .pic:hover img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.job-wrapper .form-box {
padding:.46rem .35rem .78rem .44rem;
	background-image:linear-gradient(135deg, #0d83ff 0%, #31def2 100%)
}
.job-wrapper .form-box .group {
	width:100%;
margin-bottom:.3rem
}
.job-wrapper .form-box .group:last-child {
	margin-bottom:0
}
.job-wrapper .form-box .title {
	line-height:24px;
margin-bottom:.2rem;
	font-family:"regular";
	font-size:var(--fs18);
	color:#fcfeff
}
.job-wrapper .form-box .caption {
	font-size:var(--fs15);
	color:#a4a4a4;
padding-left:.2rem
}
.job-wrapper .form-box .caption:after {
right:.23rem
}
.job-wrapper .form-box .list a {
padding:0 .2rem;
	font-size:var(--fs15);
	color:#a4a4a4
}
.job-wrapper .form-box .list a:hover, .job-wrapper .form-box .list a.on {
	color:#0d83ff
}
.job-wrapper .info {
padding:.4rem .3rem .5rem;
	box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.04)
}
.job-wrapper .info .title {
	font-family:"regular";
	font-size:var(--fs24);
line-height:.36rem;
	display:inline-block;
	background-image:-webkit-linear-gradient(left, #0d83ff 0%, #31def2 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
margin-bottom:.1rem
}
.job-wrapper .contact {
	font-size:var(--fs16);
	color:#666;
	font-family:"light";
line-height:.3rem
}
.loading {
	width:100%;
padding:.13rem 0;
	background-color:#f7f9fb;
	text-align:center;
margin-top:.2rem;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease
}
.loading:hover {
	box-shadow:0 2px 30px rgba(0, 0, 0, 0.1);
	background:#fff
}
.loading:hover i {
	transform:rotateY(180deg)
}
.loading a {
	display:inline-block;
	font-family:"regular";
	font-size:var(--fs16);
line-height:.34rem;
	color:#0d83ff
}
.loading i {
	display:inline-block;
width:.34rem;
height:.34rem;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease;
	background-image:url(../image/loading.png);
	position:relative;
	vertical-align:middle;
	top:-2px;
margin-right:.14rem;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease
}
.videoinfo-wrapper {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
padding-left:.48rem;
padding-right:.48rem
}
.videoinfo-wrapper .video-box {
	width:77.2%
}
.videoinfo-wrapper video, .videoinfo-wrapper iframe {
	width:100%
}
.videoinfo-wrapper iframe {
	height:7.9rem
}
.videoinfo-wrapper video {
	max-height:7.9rem
}
.videoinfo-wrapper .info-box {
	width:20.83%;
	height:100%
}
.videoinfo-wrapper .info {
padding:.42rem .42rem .6rem;
	background-color:#202020;
border-radius:.1rem
}
.videoinfo-wrapper .caption {
	font-family:"regular";
	font-size:var(--fs18);
line-height:.36rem;
	color:#fff;
margin-bottom:.06rem
}
.videoinfo-wrapper h1 {
	font-family:"regular";
	font-size:var(--fs24);
line-height:.36rem;
	margin:0;
	color:#fff
}
.videoinfo-wrapper .brief {
	font-size:var(--fs18);
	color:#fff;
line-height:.3rem;
margin-bottom:.22rem
}
.videoinfo-wrapper .desc, .videoinfo-wrapper .caption span {
	color:#999999
}
.videoinfo-wrapper .desc {
	font-size:14px;
	line-height:24px;
	max-height:216px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:9;
	overflow:hidden;
	color:#999999;
margin-bottom:.1rem
}
.videoinfo-wrapper .qrcode {
	width:1.2rem;
margin-bottom:.1rem
}
.videoinfo-wrapper .qrcode img {
	display:block;
	width:100%
}
.cat-box {
	width:1.3rem;
	position:absolute;
left:.35rem;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	z-index:10
}
.cat-box a.on .icon .init {
	opacity:0;
	visibility:hidden
}
.cat-box a.on .icon .on {
	opacity:1;
	visibility:visible
}
.cat-box a.on p {
	color:#0d83ff;
	font-family:"regular"
}
.cat-box a {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	align-items:center;
margin-bottom:.4rem
}
.cat-box a:last-child {
	margin-bottom:0
}
.cat-box .icon {
width:.24rem;
height:.24rem;
margin-right:.12rem;
	position:relative
}
.cat-box .icon img {
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	width:100%;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease
}
.cat-box .icon .on {
	opacity:0;
	visibility:hidden
}
.cat-box p {
	color:#999;
	font-family:"regular";
	font-size:var(--fs18);
transition:color .35s ease;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-ms-transition:color .35s ease;
-o-transition:color .35s ease
}
.info-wrapper-1 {
	position:relative
}
.info-wrapper-1 .ad-swiper .pic img {
	height:100vh;
	object-fit:cover
}
.info-wrapper-1 .ad-swiper .swiper-slide:before, .info-wrapper-1 .ad-swiper .swiper-slide:after {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	background-size:100% 100%
}
.info-wrapper-1 .ad-swiper .swiper-slide:before {
	background-position:left top;
	background-image:url(../image/infobg.png);
	background-repeat:repeat-y
}
.info-wrapper-1 .ad-swiper .swiper-slide:after {
	background-position:bottom center;
	background-image:url(../image/infobg2.png);
	background-repeat:repeat-x
}
.info-wrapper-1 .ad-swiper .swiper-slide .pic {
	position:relative;
	z-index:1
}
.info-wrapper-1 .ad-swiper .swiper-slide-active .info>div {
	display:block
}
.info-wrapper-1 .ad-swiper .info {
	position:absolute;
	left:2.6rem;
bottom:.96rem;
	z-index:10
}
.info-wrapper-1 .ad-swiper .info>div {
	display:none
}
.info-wrapper-1 .ad-swiper .title {
	font-family:"regular";
	font-weight:700;
	font-size:var(--fs30);
line-height:.48rem;
	color:#ffffff;
animation-delay:.1s
}
.info-wrapper-1 .ad-swiper .brief {
	font-family:"regular";
	font-size:var(--fs24);
	color:#ffffff;
line-height:.36rem;
margin:.08rem auto .27rem;
animation-delay:.2s
}
.info-wrapper-1 .ad-swiper .btnbox {
animation-delay:.3s
}
.info-wrapper-1 .ad-swiper .swiper-pagination {
	display:none
}
.info-wrapper-1 .thumb-box {
	position:absolute;
bottom:.2rem;
	width:5.12rem;
	right:10%;
	z-index:10
}
.info-wrapper-1 .thumb-box .swiper-slide {
	cursor:pointer
}
.info-wrapper-1 .thumb-box .swiper-slide.on p {
	opacity:1
}
.info-wrapper-1 .thumb-box .swiper-slide.on .pic:after {
	opacity:0;
	visibility:hidden
}
.info-wrapper-1 .thumb-box .swiper-slide:hover .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.info-wrapper-1 .thumb-box .pic {
	position:relative;
border-radius:.1rem;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease
}
.info-wrapper-1 .thumb-box .pic:after {
	content:"";
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.5);
	position:absolute;
	left:0;
	top:0;
	z-index:2;
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease
}
.info-wrapper-1 .thumb-box .pic img {
	position:relative;
	z-index:1;
	height:2.08rem;
	object-fit:cover
}
.info-wrapper-1 .thumb-box p {
	font-family:"regular";
	font-size:14px;
	line-height:24px;
	color:#ffffff;
margin-top:.2rem;
	opacity:.5;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease
}
.info-wrapper-1 .thumb-box .swiper-btn {
	cursor:pointer;
width:.48rem;
height:.48rem;
	position:absolute;
	border-radius:50%;
	transform:none;
top:.8rem
}
.info-wrapper-1 .thumb-box .swiper-btn.swiper-button-disabled {
	display:none
}
.info-wrapper-1 .thumb-box .swiper-btn:before, .info-wrapper-1 .thumb-box .swiper-btn:after {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	border-radius:50%;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease
}
.info-wrapper-1 .thumb-box .swiper-btn:after {
	z-index:1;
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
	transform:scale(.5);
	-webkit-transform:scale(.5);
	-moz-transform:scale(.5);
	-ms-transform:scale(.5);
	-o-transform:scale(.5);
	opacity:0;
	visibility:hidden
}
.info-wrapper-1 .thumb-box .swiper-btn:before {
	z-index:2;
	background-repeat:no-repeat;
background-size:.16rem;
	background-position:center center
}
.info-wrapper-1 .thumb-box .swiper-btn:hover:after {
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	opacity:1;
	visibility:visible
}
.info-wrapper-1 .thumb-box .swiper-btn:hover:before {
	transform:scale(.85);
	-webkit-transform:scale(.85);
	-moz-transform:scale(.85);
	-ms-transform:scale(.85);
	-o-transform:scale(.85)
}
.info-wrapper-1 .thumb-box .prev {
	left:-0.8rem
}
.info-wrapper-1 .thumb-box .prev:before {
	background-image:url(../image/info-prev.png)
}
.info-wrapper-1 .thumb-box .next {
	right:-0.8rem
}
.info-wrapper-1 .thumb-box .next:before {
	background-image:url(../image/info-next.png)
}
.info-wrapper-2 .top {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	align-items:center;
margin-bottom:.1rem
}
.info-wrapper-2 .caption {
	font-weight:700;
	font-family:"regular";
	font-size:var(--fs30);
line-height:.48rem;
	color:#fff;
	position:relative;
margin-right:.25rem
}
.info-wrapper-2 .caption:after {
	content:"";
margin-left:.25rem;
	width:2px;
height:.23rem;
	display:inline-block;
	background:#999
}
.info-wrapper-2 .cats {
	font-size:0
}
.info-wrapper-2 .cats span {
	cursor:pointer;
	display:inline-block;
line-height:.36rem;
	font-size:var(--fs18);
	color:#999999;
transition:color .35s ease;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-ms-transition:color .35s ease;
-o-transition:color .35s ease;
margin-right:.5rem
}
.info-wrapper-2 .cats span:last-child {
	margin-right:0
}
.info-wrapper-2 .cats span.on {
	color:#0d83ff
}
.info-wrapper-2 .list {
margin-bottom:.88rem
}
.info-wrapper-2 .list:last-child {
	margin-bottom:0
}
.info-wrapper-2 ul {
	list-style-type:none;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex-flow:wrap
}
.info-wrapper-2 li {
	width:18.88%;
margin-top:.35rem;
	margin-right:1.4%
}
.info-wrapper-2 li:hover .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.info-wrapper-2 li:hover .name {
	color:#0d83ff
}
.info-wrapper-2 .pic {
border-radius:.1rem
}
.info-wrapper-2 .pic img {
	height:1.4rem;
	object-fit:cover
}
.info-wrapper-2 .info {
margin-top:.12rem
}
.info-wrapper-2 .name, .info-wrapper-2 p {
	line-height:24px;
	font-family:"regular";
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.info-wrapper-2 .name {
	font-size:var(--fs18);
	color:#ffffff;
transition:color .35s ease;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-ms-transition:color .35s ease;
-o-transition:color .35s ease
}
.info-wrapper-2 p {
	font-size:var(--fs14);
	color:#999
}
.info-wrapper-2 .item {
	display:none
}
.loading-box {
	text-align:center;
margin-top:.88rem
}
.loading-box a {
line-height:.3rem;
	color:#ffffff;
	display:inline-block;
	font-size:var(--fs14)
}
.loading-box i {
	display:block;
width:.4rem;
height:.4rem;
	animation:earthAni 6s linear infinite;
margin:0 auto .06rem;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(../image/loading2.png)
}
.advantage-wrapper {
	height:9.2rem;
	position:relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center
}
.advantage-wrapper .box-container {
padding-top:.9rem
}
.advantage-wrapper .index-title-box .brief {
	font-size:var(--fs30)
}
.advantage-wrapper-2 .index-title-box {
margin-bottom:.6rem
}
.advantage-wrapper-2 .swiper-slide {
	position:relative;
	cursor:pointer;
	width:2rem;
	height:4.8rem;
padding-top:.47rem;
	padding-bottom:1.2rem;
	background-color:#ffffff;
border-radius:.1rem;
margin-right:.1rem;
padding-left:.26rem;
padding-right:.26rem;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease
}
.advantage-wrapper-2 .swiper-slide .itembg {
	width:100%;
	height:100%;
	left:0;
	top:0;
border-radius:.1rem;
	opacity:0;
	visibility:hidden;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat
}
.advantage-wrapper-2 .swiper-slide>* {
	position:relative;
	z-index:10;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease
}
.advantage-wrapper-2 .swiper-slide>*.itembg {
	z-index:1;
	position:absolute
}
.advantage-wrapper-2 .swiper-slide .desc {
	font-family:"regular";
	font-size:var(--fs16);
	line-height:22px;
	color:#ffffff;
margin-top:.16rem
}
.advantage-wrapper-2 .info {
	opacity:0;
	visibility:hidden;
	transform:translateY(10px);
	-webkit-transform:translateY(10px);
	-moz-transform:translateY(10px);
	-ms-transform:translateY(10px);
	-o-transform:translateY(10px)
}
.advantage-wrapper-2 .info .caption {
	color:#fff;
	font-size:var(--fs30);
	margin-top:-0.06rem
}
.advantage-wrapper-2 .info .caption:after {
	background-color:#fff
}
.advantage-wrapper-2 .info .caption span {
	display:inline-block;
font-size:.72rem;
height:.6rem;
line-height:.6rem;
	margin-right:4px
}
.advantage-wrapper-2 .swiper-slide>.caption {
font-size:.6rem;
	color:#00a0e9;
	position:absolute;
left:.3rem;
bottom:.28rem;
	z-index:10
}
.advantage-wrapper-2 .caption {
	font-family:"db";
line-height:.6rem
}
.advantage-wrapper-2 .caption:after {
	display:block;
	content:"";
width:.25rem;
height:.03rem;
margin-top:.1rem;
	background-color:#00a0e9;
transition:background .35s ease;
-webkit-transition:background .35s ease;
-moz-transition:background .35s ease;
-ms-transition:background .35s ease;
-o-transition:background .35s ease
}
.advantage-wrapper-2 .year {
	font-family:"regular";
	font-size:var(--fs18);
	letter-spacing:1px;
	line-height:24px;
	margin-bottom:4px
}
.advantage-wrapper-2 .month {
	font-size:var(--fs48);
line-height:.48rem;
	color:#ccc
}
.advantage-wrapper-2 .swiperbtn.prev {
	left:-0.84rem
}
.advantage-wrapper-2 .swiperbtn.next {
	right:-0.84rem
}
.advantage-wrapper-5 .index-title-box {
margin-bottom:.48rem
}
.advantage-wrapper-5 .swiper-container {
	background-color:#ffffff;
border-radius:.1rem;
	border:solid 1px #ebebeb
}
.advantage-wrapper-5 .swiper-slide {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox
}
.advantage-wrapper-5 .swiper-slide-active .info {
	display:block;
animation:fadeInLeft50 .8s ease
}
.advantage-wrapper-5 .swiper-slide-active .pic {
	display:block;
animation:fadeInRight50 .8s ease
}
.advantage-wrapper-5 .info, .advantage-wrapper-5 .pic {
	width:50%;
	display:none
}
.advantage-wrapper-5 .pic:hover img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.advantage-wrapper-5 .info {
	font-family:"regular";
	font-size:var(--fs18);
line-height:.3rem;
	color:#333;
	padding:1.14rem 1rem 0
}
.advantage-wrapper-5 .info .num {
	display:inline-block;
	color:#0d83ff;
line-height:.7rem;
height:.7rem;
	font-size:var(--fs48)
}
.advantage-wrapper-5 .info .num span, .advantage-wrapper-5 .info .num i {
	display:inline-block;
	font-family:db;
	font-weight:700
}
.advantage-wrapper-5 .info .num span {
	margin:0 2px;
font-size:.6rem
}
.advantage-wrapper-5 .info .num i {
	font-family:"regular"
}
.category-box {
	text-align:center;
margin-bottom:.42rem
}
.category-box a {
	display:inline-block;
	position:relative;
padding:0 .2rem;
	min-width:1.8rem;
line-height:.55rem;
	background-color:#ffffff;
border-radius:.1rem;
	border:solid 1px #ebebeb;
	overflow:hidden;
	font-family:"regular";
	font-size:var(--fs18);
	color:#999999;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease;
margin-right:.3rem
}
.category-box a:last-child {
	margin-right:0
}
.category-box a.on {
	color:#fff;
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
	border-color:#7dcaff
}
.category-box span {
	position:relative;
	z-index:10
}
.store-wrapper {
	position:relative;
	background:#ebf8ff
}
.store-wrapper .decoration {
	width:50%;
	position:absolute;
	right:0;
	top:0;
	z-index:1;
	height:4.6rem;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(../image/store.png)
}
.store-wrapper .box-container {
	position:relative;
	z-index:10
}
.store-wrapper #id_provSelect, .store-wrapper #id_citySelect {
	display:none
}
.store-wrapper .form-box {
	padding-top:0;
margin-bottom:.4rem;
	justify-content:center
}
.store-wrapper .form-box select {
	cursor:pointer;
	width:2.48rem;
height:.5rem;
line-height:.48rem;
	border:solid 1px #2cd2f4;
margin-right:.1rem;
padding:0 .36rem 0 .26rem;
	appearance:none;
	-moz-appearance:none;
	font-size:var(--fs16);
	color:#333;
	-webkit-appearance:none;
background:#fff url(../image/idown.png) no-repeat right .24rem center;
	background-size:8px
}
.store-wrapper .form-box .btn {
	position:relative;
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
	color:#fff;
line-height:.5rem;
	display:block;
	text-align:center;
	overflow:hidden
}
.store-wrapper .form-box .btn img {
	position:relative;
	top:-2px;
margin-left:.32rem;
	vertical-align:middle
}
.store-wrapper .form-box .btn span {
	position:relative;
	z-index:10
}
.store-wrapper .content {
	font-size:var(--fs16);
	color:#666;
	line-height:24px
}
.store-wrapper table {
	width:100%;
	background:#fff
}
.store-wrapper table thead th {
	background:#0d83ff
}
.store-wrapper table th, .store-wrapper table td {
	width:16.925%;
padding:.2rem .3rem;
	text-align:center;
	border:1px solid #e0e0e0
}
.store-wrapper table th:nth-child(5), .store-wrapper table td:nth-child(5) {
width:32.3%
}
.store-wrapper table td {
	font-size:var(--fs16);
	color:#666;
	line-height:24px
}
.store-wrapper table th {
	font-size:var(--fs18);
	color:#ffffff
}
.contact-wrapper-1 ul {
	list-style-type:none;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox
}
.contact-wrapper-1 .contact li {
	width:30%;
	text-align:center
}
.contact-wrapper-1 .contact li:hover .icon {
	transform:rotateY(180deg)
}
.contact-wrapper-1 .contact .icon {
	width:1.05rem;
	margin:0 auto;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease
}
.contact-wrapper-1 .contact .title {
	font-family:"regular";
	font-size:var(--fs18);
line-height:.3rem;
	color:#262323;
margin:.32rem auto .08rem
}
.contact-wrapper-1 .contact p {
	font-family:"en_light";
	font-size:var(--fs22);
line-height:.3rem;
	color:#808080
}
.contact-wrapper-1 .address ul {
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.contact-wrapper-1 .address li {
	position:relative;
	min-width:21%;
padding-left:.72rem;
	max-width:33%;
padding-bottom:.24rem;
	border-bottom:1px solid #f2f2f2
}
.contact-wrapper-1 .address li:last-child {
	margin-right:0
}
.contact-wrapper-1 .address li:hover .icon .init {
	opacity:0;
	visibility:hidden
}
.contact-wrapper-1 .address li:hover .icon .on {
	opacity:1;
	visibility:visible
}
.contact-wrapper-1 .address .title {
	font-family:"regular";
	font-size:var(--fs20);
line-height:.3rem;
	color:#222
}
.contact-wrapper-1 .address p {
	font-size:var(--fs16);
	color:#666666;
	line-height:24px
}
.contact-wrapper-1 .address .icon {
width:.6rem;
height:.6rem;
	position:absolute;
	left:0;
	top:2px;
	z-index:10
}
.contact-wrapper-1 .address .icon img {
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:100%;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease
}
.contact-wrapper-1 .address .icon .on {
	opacity:0;
	visibility:hidden
}
.contact-wrapper-2 {
	position:relative
}
.contact-wrapper-2:before {
	content:"";
	width:100%;
	height:4.9rem;
	background:url(../image/contactbg.jpg) fixed no-repeat center center;
	background-size:cover;
	position:absolute;
	left:0;
	top:0;
	z-index:1
}
.contact-wrapper-2 .box-container {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	position:relative;
	z-index:10;
	align-items:flex-start
}
.contact-wrapper-2 .pic {
	width:36.46%;
border-radius:.1rem
}
.contact-wrapper-2 .pic:hover img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.contact-wrapper-2 .info {
	width:57.03%
}
.contact-wrapper-2 .index-title-box {
margin-bottom:.45rem
}
.contact-wrapper-2 .index-title-box, .contact-wrapper-2 .content {
padding-left:.3rem
}
.contact-wrapper-2 .content {
	font-size:var(--fs30);
line-height:.54rem;
	color:#36393b
}
.contact-wrapper-2 .form {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex-flow:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	margin-top:1.87rem
}
.contact-wrapper-2 .form .group {
	width:48.86%;
	margin-bottom:2.28%
}
.contact-wrapper-2 .form .group.max {
	width:100%
}
.contact-wrapper-2 .form .text, .contact-wrapper-2 .form .msg {
	font-size:var(--fs15);
	color:#999999;
	width:100%;
	background-color:#ffffff;
	border-radius:5px;
	border:solid 1px #ededed;
transition:border .35s ease;
-webkit-transition:border .35s ease;
-moz-transition:border .35s ease;
-ms-transition:border .35s ease;
-o-transition:border .35s ease;
padding-left:.3rem;
padding-right:.3rem
}
.contact-wrapper-2 .form .text:focus, .contact-wrapper-2 .form .msg:focus {
	border-color:rgba(13, 131, 255, 0.4)
}
.contact-wrapper-2 .form .text {
height:.55rem;
line-height:.53rem
}
.contact-wrapper-2 .form .msg {
	resize:none;
	height:1.2rem;
padding-top:.1rem;
padding-bottom:.1rem;
line-height:.3rem
}
.contact-wrapper-2 .form ::-webkit-input-placeholder {
color:#999;
font-size:var(--fs15)
}
.contact-wrapper-2 .form :-moz-placeholder {
color:#999;
font-size:var(--fs15)
}
.contact-wrapper-2 .form ::-moz-placeholder {
color:#999;
font-size:var(--fs15)
}
.contact-wrapper-2 .form :-ms-input-placeholder {
color:#999;
font-size:var(--fs15)
}
.contact-wrapper-2 .index-more {
margin-top:.2rem
}
.contact-wrapper-2 .index-more.md {
	font-size:var(--fs16)
}
.ip-swiper #idxSwiper {
	height:auto
}
.ip-swiper #idxSwiper>.swiper-wrapper {
	flex-flow:wrap
}
.ip-swiper .idx_scrollbar {
	display:none
}
.ip-swiper .pic {
	display:block
}
.entertainment-wrapper #idxSwiper {
	height:auto
}
.entertainment-wrapper #idxSwiper>.swiper-wrapper {
	flex-flow:wrap
}
.entertainment-wrapper .swiper-slide.animated .case-box, .entertainment-wrapper .swiper-slide.animated .index-title-box {
	opacity:1;
	visibility:visible;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0)
}
.entertainment-wrapper .index-title-box {
	position:absolute;
	left:0;
top:.9rem;
	z-index:10;
	width:100%;
transform:translateY(.9rem);
-webkit-transform:translateY(.9rem);
-moz-transform:translateY(.9rem);
-ms-transform:translateY(.9rem);
-o-transform:translateY(.9rem);
	opacity:0;
	visibility:hidden;
	transition:all 1.5s ease;
	-webkit-transition:all 1.5s ease;
	-moz-transition:all 1.5s ease;
	-ms-transition:all 1.5s ease;
	-o-transition:all 1.5s ease;
transition-delay:.2s
}
.entertainment-wrapper .index-title-box em {
	opacity:1;
	visibility:visible;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0)
}
.entertainment-wrapper .index-title-box .brief {
	margin-top:0
}
.entertainment-wrapper .index-title-box.white .brief {
	color:#fff
}
.entertainment-wrapper .service-wrapper-6 .swiper-box {
	text-align:left
}
.entertainment-wrapper .service-wrapper-6 .swiper-box .pic img {
	height:auto !important
}
.entertainment-wrapper .swiper-box {
padding-top:.9rem;
padding-bottom:.9rem;
	text-align:center
}
.entertainment-wrapper .swiper-box .index-title-box {
	position:relative;
	top:0;
margin-bottom:.65rem
}
.entertainment-wrapper .swiper-box .swiper-container {
margin-bottom:.2rem
}
.entertainment-wrapper .swiper-box .swiper-container:last-child {
	margin-bottom:0
}
.entertainment-wrapper .swiper-box .pic {
	position:relative;
border-radius:.1rem
}
.entertainment-wrapper .swiper-box .pic:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	bottom:0;
	z-index:2;
	background:url(../image/enbg.png) repeat-x left bottom;
	background-size:100% 100%
}
.entertainment-wrapper .swiper-box .pic img {
	height:2.54rem;
	object-fit:cover;
	position:relative;
	z-index:1
}
.entertainment-wrapper .swiper-box .swiper-slide {
	width:4.1rem
}
.entertainment-wrapper .swiper-box .swiper-slide:hover .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.entertainment-wrapper .swiper-box .swiper-slide p {
	font-family:"regular";
	font-size:var(--fs15);
	line-height:25px;
	color:#ffffff;
	text-align:left;
	position:absolute;
	left:0;
bottom:.15rem;
	z-index:10;
	width:100%;
padding:0 .26rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.entertainment-wrapper .case-box {
transform:translateY(.8rem);
-webkit-transform:translateY(.8rem);
-moz-transform:translateY(.8rem);
-ms-transform:translateY(.8rem);
-o-transform:translateY(.8rem);
	opacity:0;
	visibility:hidden;
	transition:all 1.5s ease;
	-webkit-transition:all 1.5s ease;
	-moz-transition:all 1.5s ease;
	-ms-transition:all 1.5s ease;
	-o-transition:all 1.5s ease;
transition-delay:.3s
}
.entertainment-wrapper .index-more {
margin-top:.1rem
}
.entertainment-wrapper .solution .swiper-slide {
	background:#fff
}
.entertainment-wrapper .solution .swiper-slide:before {
	content:"";
	width:100%;
	height:4rem;
	background:url(../image/entertainmentbg.png) repeat left bottom;
	position:absolute;
	left:0;
	bottom:0;
	z-index:1
}
.entertainment-wrapper .solution .swiper-slide a {
	display:block;
	position:relative;
	z-index:10
}
.entertainment-wrapper .solution .swiper-slide a>img, .entertainment-wrapper .solution .swiper-slide>img {
	position:relative;
	z-index:0;
	height:auto
}
.entertainment-wrapper .thumbs {
	position:absolute;
	left:0;
bottom:.25rem;
	z-index:10;
	width:100%
}
.entertainment-wrapper .thumbs ul {
	list-style-type:none;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	justify-content:center
}
.entertainment-wrapper .thumbs li {
	position:relative;
	cursor:pointer;
	width:10.94%;
margin-right:.1rem;
	overflow:hidden
}
.entertainment-wrapper .thumbs li:last-child {
	margin-right:0
}
.entertainment-wrapper .thumbs li img {
	height:1rem;
	object-fit:cover
}
.entertainment-wrapper .thumbs li:hover img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.entertainment-wrapper .thumbs li.on .line_t, .entertainment-wrapper .thumbs li.on .line_b {
	width:100%
}
.entertainment-wrapper .thumbs li.on .line_r, .entertainment-wrapper .thumbs li.on .line_l {
	height:100%
}
.entertainment-wrapper .thumbs li span {
	position:absolute;
	background:#31def2;
transition:all .5s cubic-bezier(.25, .46, .45, .94);
-webkit-transition:all .5s cubic-bezier(.25, .46, .45, .94);
-moz-transition:all .5s cubic-bezier(.25, .46, .45, .94);
-ms-transition:all .5s cubic-bezier(.25, .46, .45, .94);
-o-transition:all .5s cubic-bezier(.25, .46, .45, .94)
}
.entertainment-wrapper .thumbs li .line_t {
	top:0;
	left:0;
	width:0;
	height:3px
}
.entertainment-wrapper .thumbs li .line_r {
	top:0;
	right:0;
	width:3px;
	height:0
}
.entertainment-wrapper .thumbs li .line_b {
	right:0;
	bottom:0;
	height:3px;
	width:0
}
.entertainment-wrapper .thumbs li .line_l {
	bottom:0;
	left:0;
	width:3px;
	height:0
}
.entertainment-wrapper .idx_scrollbar {
	display:none
}
.about-wrapper-1 {
	position:relative;
	overflow:hidden
}
.about-wrapper-1 .box-container, .about-wrapper-1 .main {
	position:relative;
	z-index:10
}
.about-wrapper-1 .decoration {
	background:url(../image/aboutbg.png) no-repeat center center;
	background-size:100%;
	left:0;
	bottom:0;
	z-index:1;
	position:absolute;
	width:58.95%;
	height:6.1rem
}
.about-wrapper-1 .main {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	align-items:flex-start
}
.about-wrapper-1 .video-box {
	width:50%
}
.about-wrapper-1 .video-box:hover .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.about-wrapper-1 .video-box img {
	transition-duration:1.2s
}
.about-wrapper-1 .info-box {
	width:46.875%;
	padding-left:10%
}
.about-wrapper-1 .info-box .title {
	font-family:"regular";
	font-size:var(--fs36);
line-height:.36rem;
margin-bottom:.56rem;
	font-weight:700
}
.about-wrapper-1 .content {
	font-size:var(--fs18);
line-height:.36rem;
	overflow:hidden
}
.about-wrapper-1 .learnbtn {
margin-top:.4rem;
	display:none
}
.about-wrapper-1 .learnbtn.active {
	display:block
}
.about-wrapper-2 {
	position:relative;
	height:100vh;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}
.about-wrapper-2>.info {
	position:absolute;
	left:10%;
top:.83rem;
	z-index:10;
	width:80%
}
.about-wrapper-2>.info .icon {
	width:1.75rem;
margin-bottom:.3rem
}
.about-wrapper-2 .desc {
	font-size:var(--fs18);
line-height:.36rem;
	color:#fff
}
.about-wrapper-2 .list {
	position:absolute;
	left:0;
bottom:.8rem;
	z-index:10;
	width:100%
}
.about-wrapper-2 .list ul {
	list-style-type:none;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox
}
.about-wrapper-2 .list li {
	width:31.12%;
	background-color:#ffffff;
	border-radius:5px;
	margin-right:3.32%;
padding:.38rem .3rem;
	text-align:center
}
.about-wrapper-2 .list li:last-child {
	margin-right:0
}
.about-wrapper-2 .list li:hover {
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal
}
.about-wrapper-2 .list li:hover .icon .init {
	opacity:0;
	visibility:hidden;
	transform:scale(.75);
	-webkit-transform:scale(.75);
	-moz-transform:scale(.75);
	-ms-transform:scale(.75);
	-o-transform:scale(.75)
}
.about-wrapper-2 .list li:hover .icon .on {
	opacity:1;
	visibility:visible;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1)
}
.about-wrapper-2 .list li:hover .title, .about-wrapper-2 .list li:hover p {
	color:#fff
}
.about-wrapper-2 .list .icon {
width:.6rem;
height:.6rem;
	position:relative;
	margin:0 auto
}
.about-wrapper-2 .list .icon img {
	position:absolute;
	left:0;
	top:0;
	z-index:10;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease
}
.about-wrapper-2 .list .icon .on {
	opacity:0;
	visibility:hidden;
	transform:scale(1.25);
	-webkit-transform:scale(1.25);
	-moz-transform:scale(1.25);
	-ms-transform:scale(1.25);
	-o-transform:scale(1.25)
}
.about-wrapper-2 .list .title, .about-wrapper-2 .list p {
transition:color .35s ease;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-ms-transition:color .35s ease;
-o-transition:color .35s ease
}
.about-wrapper-2 .list .title {
	font-weight:700;
	font-family:"regular";
	font-size:var(--fs30);
line-height:.36rem;
	color:#333;
margin:.28rem auto .18rem
}
.about-wrapper-2 .list p {
	font-size:var(--fs18);
	color:#999;
line-height:.3rem
}
.about-wrapper-3 {
	text-align:center
}
.about-wrapper-3 .swiper-container {
padding:.3rem;
	margin:-0.3rem -0.3rem 0
}
.about-wrapper-3 .swiper-slide {
	background:#f7f7f7;
	width:31.12%;
	margin-right:3.32%;
transition:all .34s ease;
-webkit-transition:all .34s ease;
-moz-transition:all .34s ease;
-ms-transition:all .34s ease;
-o-transition:all .34s ease;
	height:auto;
	text-align:center;
padding:.52rem .52rem .34rem
}
.about-wrapper-3 .swiper-slide:hover {
	background:#fff;
	box-shadow:0 2px 30px rgba(0, 0, 0, 0.1)
}
.about-wrapper-3 .swiper-slide:hover .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.about-wrapper-3 .swiper-slide:hover p {
	color:#0d83ff
}
.about-wrapper-3 .swiper-slide .pic img {
	height:2.54rem;
	object-fit:contain
}
.about-wrapper-3 .swiper-slide p {
	font-size:var(--fs18);
	line-height:24px;
	color:#333;
margin-top:.35rem;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	max-height:48px
}
.about-wrapper-3 .swiperbtn.prev {
	left:-0.94rem
}
.about-wrapper-3 .swiperbtn.next {
	right:-0.94rem
}
.about-wrapper-3 .index-more {
margin-top:.67rem
}
.about-wrapper-4 .index-title-box {
margin-bottom:.6rem
}
.about-wrapper-4 .index-title-box .desc {
margin-top:.7rem
}
.about-wrapper-4 ul {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex-flow:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	list-style-type:none
}
.about-wrapper-4 li {
	width:37.5%;
	margin-top:1.2rem
}
.about-wrapper-4 li:nth-child(-n+2) {
margin-top:0
}
.about-wrapper-4 li:nth-child(2) .inner, .about-wrapper-4 li:nth-child(6) .inner {
transform:translateY(.68rem);
-webkit-transform:translateY(.68rem);
-moz-transform:translateY(.68rem);
-ms-transform:translateY(.68rem);
-o-transform:translateY(.68rem)
}
.about-wrapper-4 li:nth-child(3) {
margin-top:1.74rem
}
.about-wrapper-4 li:nth-child(4), .about-wrapper-4 li:nth-child(8) {
margin-top:0
}
.about-wrapper-4 li:hover .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.about-wrapper-4 li:nth-child(2), .about-wrapper-4 li:nth-child(3), .about-wrapper-4 li:nth-child(6), .about-wrapper-4 li:nth-child(7), .about-wrapper-4 li:nth-child(9), .about-wrapper-4 li:nth-child(10) {
width:49.15%
}
.about-wrapper-4 li:nth-child(odd) .info {
padding-left:.52rem
}
.about-wrapper-4 li:nth-child(odd) p {
width:100%
}
.about-wrapper-4 li .title {
	font-family:"regular";
	font-size:var(--fs36);
line-height:.48rem;
margin:.5rem auto .2rem
}
.about-wrapper-4 li p {
	width:83.2%;
	font-size:var(--fs16);
	line-height:24px
}
.about-wrapper-4 .pic {
border-radius:.1rem
}
.page-title-box.center {
	text-align:center
}
.page-title-box p {
	font-size:var(--fs24);
line-height:.36rem;
	color:#00277f;
margin-bottom:.25rem
}
.page-title-box .title {
	font-weight:700;
	font-family:"regular";
	color:#333;
font-size:.6rem;
line-height:.72rem
}
.page-title-box .title em {
margin-left:.4rem;
	display:inline-block
}
.page-title-box .tag {
margin-top:.15rem;
	min-width:6.5rem;
line-height:.8rem;
	background-image:linear-gradient(-90deg, #2871fa 0%, #6717cd 100%), linear-gradient(#001eff, #001eff);
	background-blend-mode:normal,  normal;
border-radius:.4rem;
	display:inline-block;
	text-align:center;
padding:0 .2rem;
	font-size:var(--fs30);
	color:#fff;
	font-family:"regular";
	border:none
}
.system-wrapper .page-title-box {
	width:100%;
	position:absolute;
	left:0;
top:.98rem;
	z-index:10;
	display:none
}
.system-wrapper .page-title-box em {
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.system-wrapper .item {
	position:relative;
	background-repeat:no-repeat;
	background-size:cover
}
.system-wrapper .item:first-child .page-title-box {
	top:1.98rem
}
.system-wrapper .item:nth-child(2) .page-title-box {
top:1.28rem
}
.system-wrapper .item:nth-child(2) .page-title-box .title {
background-image:-webkit-linear-gradient(#5a42ec 0%, #31def2 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.system-wrapper .item:nth-child(2) .page-title-box .title em {
margin-left:0;
background-image:-webkit-linear-gradient(#0d83ff 0%, #31def2 100%)
}
.system-wrapper .item:nth-child(3) .page-title-box .title {
background-image:-webkit-linear-gradient(34deg, #6519ce 15%, #2a6df8 90%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.system-wrapper .item:nth-child(3) .page-title-box .title em {
background-image:-webkit-linear-gradient(left, #572dd8 0%, #0d83ff 80%)
}
.system-wrapper .item:nth-child(4) .page-title-box .title {
background-image:-webkit-linear-gradient(34deg, #006cff 30%, #00d77c 60%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.system-wrapper .item:nth-child(4) .page-title-box .title em {
background-image:-webkit-linear-gradient(left, #0bb4e2 10%, #00d77c 100%)
}
.system-wrapper .item:nth-child(4) .tag {
background-image:linear-gradient(-90deg, #29f19c 0%, #02a1f9 100%), linear-gradient(#001eff, #001eff)
}
.system-wrapper .item:nth-child(5) .page-title-box .title {
background-image:-webkit-linear-gradient(0, #6717cd 30%, #2871fa 60%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.system-wrapper .item:nth-child(5) .page-title-box .title em {
background-image:-webkit-linear-gradient(left, #0bb4e2 10%, #00d77c 100%)
}
.system-wrapper .item:nth-child(5) .tag {
background-image:linear-gradient(-90deg, #0ee2f9 0%, #209cff 100%)
}
.brand-wrapper-1 {
	position:relative;
	overflow:hidden
}
.brand-wrapper-1 .box-container {
	position:relative;
	z-index:10
}
.brand-wrapper-1 .main {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	align-items:flex-start
}
.brand-wrapper-1 .main .pic {
	width:37.5%
}
.brand-wrapper-1 .main .pic:hover img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.brand-wrapper-1 .main .info {
	width:54.68%;
padding-top:.34rem
}
.brand-wrapper-1 .main .name {
	font-size:var(--fs48);
line-height:.6rem;
	color:#333333;
	font-family:"regular";
	font-weight:700
}
.brand-wrapper-1 .main .label {
	color:#333333;
	font-family:"regular";
	font-size:var(--fs18);
margin:.18rem auto .5rem;
	display:inline-block;
	padding:0;
	font-weight:500
}
.brand-wrapper-1 .main .caption {
	font-family:"regular";
	font-weight:700;
	font-size:var(--fs24);
	color:#333333;
line-height:.3rem;
margin-bottom:.2rem
}
.brand-wrapper-1 .main .content {
	font-size:var(--fs18);
	color:#333333;
line-height:.3rem;
margin-bottom:.42rem
}
.brand-wrapper-1 .main .content:last-child {
	margin-bottom:0
}
.brand-wrapper-1 .list {
margin-top:.78rem
}
.brand-wrapper-1 .list ul {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex-flow:wrap;
	list-style-type:none
}
.brand-wrapper-1 .list li {
	width:31.25%;
	margin-right:3.125%;
	text-align:center
}
.brand-wrapper-1 .list li:nth-child(-n+3) {
margin-top:0
}
.brand-wrapper-1 .list li:nth-child(3n) {
margin-right:0
}
.brand-wrapper-1 .list li:hover .name:after {
background-size:100% .1rem;
	background-position:0 100%
}
.brand-wrapper-1 .list li:hover img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.brand-wrapper-1 .list .name {
	position:relative;
	display:inline-block;
	font-family:"regular";
line-height:.4rem;
	font-size:var(--fs30);
	color:#000000;
	font-weight:700;
margin-top:.24rem
}
.brand-wrapper-1 .list .name:after {
	content:"";
	width:100%;
height:.1rem;
	position:absolute;
	left:0;
	bottom:1px;
	z-index:-1;
	background:url(../image/line.jpg) no-repeat;
background-size:0 .1rem;
	background-position:100% 100%;
transition:background-size .7s ease, color .7s ease
}
.brand-wrapper-1 .list p {
	font-size:var(--fs18);
	color:#000000;
	line-height:24px;
margin-top:.06rem
}
.brand-wrapper-1 .decoration {
	background:url(../image/aboutbg.png) no-repeat center center;
	background-size:100%;
	right:-14.74%;
	top:1rem;
	z-index:1;
	position:absolute;
	width:58.95%;
	height:6.1rem
}
.brand-wrapper-2 {
	position:relative
}
.brand-wrapper-2 .index-title-box {
	position:absolute;
	left:0;
top:.9rem;
	z-index:10;
	width:100%
}
.brand-wrapper-2 .index-title-box .line {
	background-color:#00a0e9
}
.brand-wrapper-2 .swiper-box {
	z-index:9;
	overflow:hidden
}
.brand-wrapper-2 .swiper-box .title {
	position:relative;
	z-index:10;
line-height:.36rem;
	font-size:var(--fs24);
	color:#ffffff
}
.brand-wrapper-2 .swiper-box .title b {
	display:block;
	font-family:"regular";
	font-weight:700
}
.brand-wrapper-2 .swiper-slide .info {
	position:absolute;
	bottom:0;
	z-index:10;
	width:40%;
	min-height:3.1rem;
padding:.44rem .7rem .48rem .64rem;
	opacity:0;
	visibility:hidden;
	right:0;
	background-color:rgba(0, 0, 0, 0.8);
transition:all .5s ease;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
transition-delay:.2s;
	transform:translateY(1.2rem);
	-webkit-transform:translateY(1.2rem);
	-moz-transform:translateY(1.2rem);
	-ms-transform:translateY(1.2rem);
	-o-transform:translateY(1.2rem)
}
.brand-wrapper-2 .swiper-slide .title {
	display:none
}
.brand-wrapper-2 .swiper-slide .desc {
	font-size:var(--fs18);
line-height:.36rem;
	color:#ffffff
}
.brand-wrapper-2 .swiper-slide.swiper-slide-active .info {
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	opacity:1;
	visibility:visible
}
.brand-wrapper-2 .desc {
	font-size:var(--fs18);
line-height:.36rem;
	color:#fff
}
.brand-wrapper-2 .list {
	position:absolute;
	left:0;
	top:1.47rem;
	width:5rem;
	z-index:10
}
.brand-wrapper-2 .list ul {
	list-style-type:none
}
.brand-wrapper-2 .list li {
	position:relative;
	cursor:pointer;
padding:.32rem .7rem .32rem .4rem;
	margin-bottom:1px;
	background-color:rgba(0, 0, 0, 0.6)
}
.brand-wrapper-2 .list li:last-child {
	margin-bottom:0
}
.brand-wrapper-2 .list li:before, .brand-wrapper-2 .list li:after {
	content:"";
	height:100%;
	position:absolute;
	top:0;
transition:all .4s ease;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease
}
.brand-wrapper-2 .list li:before {
right:.38rem;
width:.13rem;
	background-image:url(../image/plus.png);
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	z-index:2
}
.brand-wrapper-2 .list li:after {
	left:0;
	width:100%;
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
	opacity:0;
	visibility:hidden;
	z-index:1
}
.brand-wrapper-2 .list li.on:before {
	background-image:url(../image/right2.png)
}
.brand-wrapper-2 .list li.on:after {
	opacity:1;
	visibility:visible
}
.brand-wrapper-3 {
	background-image:url(../image/brandbg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-position:center center;
	position:relative
}
.brand-wrapper-3 .box-container, .brand-wrapper-3 .year-box {
	position:relative;
	z-index:10
}
.brand-wrapper-3 .swiper-box {
	padding:0 1.3rem 0 1.15rem
}
.brand-wrapper-3 .swiper-box .swiper-slide {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	align-items:flex-start;
padding-top:.6rem
}
.brand-wrapper-3 .swiper-box .swiper-slide-active .pic, .brand-wrapper-3 .swiper-box .swiper-slide-active .info {
	opacity:1;
	visibility:visible
}
.brand-wrapper-3 .pic {
	width:44.77%;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	opacity:0;
	visibility:hidden
}
.brand-wrapper-3 .pic:hover img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.brand-wrapper-3 .info {
	opacity:0;
	visibility:hidden;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	width:55.23%
}
.brand-wrapper-3 .info .desc {
	padding-left:1rem;
	margin-top:-0.5rem
}
.brand-wrapper-3 .info .desc ul {
	list-style-type:none
}
.brand-wrapper-3 .info .desc li {
	position:relative;
padding-left:.3rem;
margin-bottom:.3rem
}
.brand-wrapper-3 .info .desc li:last-child {
	margin-bottom:0
}
.brand-wrapper-3 .info .desc li:before {
	content:"";
width:.16rem;
height:.16rem;
	border-radius:50%;
border:.05rem solid #0d83ff;
	background:#fff;
	position:absolute;
	left:0;
top:.07rem;
	z-index:1;
	box-sizing:border-box
}
.brand-wrapper-3 .info .desc, .brand-wrapper-3 .info .desc li {
	font-size:var(--fs18);
line-height:.3rem
}
.brand-wrapper-3 .year {
	position:relative;
	font-family:db;
	font-size:1.5rem;
	line-height:1.5rem;
	color:#00a0e9;
	opacity:.95;
	font-weight:700;
	top:-0.6rem;
	left:-0.8rem
}
.brand-wrapper-3 .year-box {
	position:relative
}
.brand-wrapper-3 .year-box .swiper-container {
	padding:0 10%
}
.brand-wrapper-3 .year-box .swiper-slide {
	font-family:"regular";
	font-size:var(--fs18);
	line-height:24px;
	color:#9a9a9a;
	cursor:pointer;
padding-top:.1rem
}
.brand-wrapper-3 .year-box .swiper-slide.on {
	color:#0d83ff
}
.brand-wrapper-3 .swiper-pagination {
	cursor:pointer;
	width:100%;
	position:relative;
	left:0;
	top:0;
	height:1px;
	background-color:#dfe2e9;
	border-radius:0;
margin-top:.76rem
}
.brand-wrapper-3 .swiper-pagination-progressbar-fill {
	display:block;
	width:100%;
	height:3px;
	background-color:#00a0e9;
	border-radius:0;
	top:-1px;
	position:absolute;
	left:0;
	z-index:10;
	transform-origin:left center
}
.brand-wrapper-3 .swiperbtn {
margin-top:.3rem
}
.brand-wrapper-3 .swiperbtn.prev {
	left:0
}
.brand-wrapper-3 .swiperbtn.next {
	right:0
}
.brand-wrapper-3 .decoration {
	width:41.04%;
	position:absolute;
	right:0;
	top:-1rem;
	z-index:1;
	height:4.7rem;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(../image/brand.png)
}
.data ul {
	list-style-type:none;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox
}
.data .num span, .data .num i {
	display:inline-block
}
.data .num span {
	display:inline-block;
	background-image:-webkit-linear-gradient(left, #0d83ff 0%, #31def2 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	font-family:"db"
}
.caseinfo-wrapper .swiper-slide:hover img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.caseinfo-wrapper .swiper-slide img {
	transition-duration:4s
}
.caseinfo-wrapper .info-box {
	text-align:center;
margin-bottom:.46rem
}
.caseinfo-wrapper .info-box .title {
	font-family:"regular";
	font-weight:700;
	font-size:var(--fs36);
line-height:.5rem;
	color:#333333;
margin-bottom:.42rem
}
.caseinfo-wrapper .info-box .brief ul {
	list-style-type:none
}
.caseinfo-wrapper .info-box .brief li {
	display:inline-block;
	font-size:var(--fs16);
line-height:.3rem;
	color:#000000;
margin-right:.28rem
}
.caseinfo-wrapper .info-box .brief li:last-child {
	margin-right:0
}
.caseinfo-wrapper .data {
padding:.38rem;
	background:#f9f9f9
}
.caseinfo-wrapper .data ul {
	justify-content:center
}
.caseinfo-wrapper .data li {
	position:relative;
	min-width:1.9rem;
	margin-right:1.2rem
}
.caseinfo-wrapper .data li:after {
	content:"";
	position:absolute;
	right:0;
	top:50%;
	margin-top:-0.1rem;
	width:1px;
height:.2rem;
	background-color:#e0e0e0
}
.caseinfo-wrapper .data li:last-child {
	margin-right:0
}
.caseinfo-wrapper .data li:last-child:after {
	display:none
}
.caseinfo-wrapper .data .num span {
font-size:.6rem;
line-height:.6rem;
margin-right:.1rem
}
.caseinfo-wrapper .data .num i {
	vertical-align:top;
	font-family:"regular";
	font-size:var(--fs24);
line-height:.3rem
}
.caseinfo-wrapper .data p, .caseinfo-wrapper .data .num {
	font-size:var(--fs16);
line-height:.3rem
}
.caseinfo-wrapper .detail {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	align-items:center;
margin-top:.42rem
}
.caseinfo-wrapper .contents {
padding-top:.46rem;
padding-bottom:.86rem;
}
.caseinfo-wrapper .qrcode {
	width:25.06%
}
.caseinfo-wrapper .qrcode img {
	width:1.84rem;
	margin:0 auto
}
.caseinfo-wrapper .qrcode p {
	font-family:"regular";
	font-size:var(--fs18);
line-height:.34rem;
	text-align:center;
	color:#666666;
margin-top:.28rem
}
.caseinfo-wrapper .caption {
	font-family:"regular";
	font-weight:700;
	font-size:var(--fs24);
line-height:.34rem;
	color:#333333;
margin-bottom:.16rem
}
.caseinfo-wrapper .content {
	font-size:var(--fs18);
line-height:.34rem;
	color:#333333;
margin-bottom:.62rem
}
.caseinfo-wrapper .content:last-child {
	margin-bottom:0
}
.caseinfo-wrapper .swiperbtn.prev {
	left:-0.65rem
}
.caseinfo-wrapper .swiperbtn.next {
	right:-0.65rem
}
.caseinfo-wrapper-2 {
	text-align:center;
	background-image:url(../image/caseinfobg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-position:center center
}
.caseinfo-wrapper-2.hasSwiper .swiperbtn {
	display:block
}
.caseinfo-wrapper-2 .swiper-slide {
	width:31.57%;
	margin-right:2.645%
}
.caseinfo-wrapper-2 .swiper-slide:last-child {
	margin-right:0
}
.caseinfo-wrapper-2 .swiper-slide:hover .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.caseinfo-wrapper-2 .swiper-slide:hover .title {
	color:#0d83ff
}
.caseinfo-wrapper-2 .swiper-slide a {
	display:block;
transition:all .5s ease;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease
}
.caseinfo-wrapper-2 .pic {
border-radius:.1rem
}
.caseinfo-wrapper-2 .pic img {
	height:3rem;
	object-fit:cover
}
.caseinfo-wrapper-2 .swiper-slide {
	height:auto;
	text-align:left
}
.caseinfo-wrapper-2 .swiper-slide .title {
	font-family:"regular";
	font-size:var(--fs18);
line-height:.3rem;
	color:#333333;
transition:color .35s ease;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-ms-transition:color .35s ease;
-o-transition:color .35s ease;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow:hidden;
margin-top:.26rem
}
.caseinfo-wrapper-2 .swiperbtn {
	transform:none;
	top:1.25rem;
	display:none
}
.caseinfo-wrapper-2 .swiperbtn.prev {
	left:-0.65rem
}
.caseinfo-wrapper-2 .swiperbtn.next {
	right:-0.65rem
}
.caseinfo-wrapper-2 .index-more {
margin-top:.6rem
}
.case-wrapper, .goods-wrapper {
	position:relative;
	overflow:hidden
}
.case-wrapper .box-container, .goods-wrapper .box-container {
	position:relative;
	z-index:10
}
.case-wrapper .pageNum, .goods-wrapper .pageNum, .case-wrapper .pageMore, .goods-wrapper .pageMore {
	margin-top:1rem
}
.case-wrapper .canvas, .goods-wrapper .canvas {
	position:absolute;
	left:0;
	bottom:-4.5rem;
	z-index:1;
	width:100%;
	height:10rem
}
.case-wrapper .main {
	position:relative
}
.case-wrapper .first-case {
	position:relative;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
border-radius:.1rem;
	overflow:hidden
}
.case-wrapper .first-case .pic {
	display:block;
	width:65.5%
}
.case-wrapper .first-case .pic:hover img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.case-wrapper .first-case .pic img {
	transition-duration:2s
}
.case-wrapper .first-case .info {
	width:34.5%;
	background-image:linear-gradient(-55deg, #31def2 0%, #0d83ff 100%), linear-gradient(#0d83ff, #0d83ff);
	background-blend-mode:normal,  normal;
padding:1.1rem .6rem 0
}
.case-wrapper .first-case .title {
	font-family:"regular";
	font-weight:700;
	font-size:var(--fs30);
line-height:.36rem;
	color:#ffffff
}
.case-wrapper .first-case .desc {
margin:.42rem auto .45rem
}
.case-wrapper .first-case .index-more {
	width:1.46rem;
height:.48rem;
line-height:.44rem;
	border-radius:23px;
	border-width:2px;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease
}
.case-wrapper .first-case .index-more.white:hover, .case-wrapper .first-case .index-more:hover {
	background:#fff
}
.case-wrapper .first-case .index-more span {
	color:#fff
}
.case-wrapper .first-case .index-more i {
margin-left:.1rem
}
.case-wrapper .first-case .index-more .btnbg {
	background:#fff
}
.case-wrapper .top {
	position:relative;
	z-index:10;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	align-items:start
}
.case-wrapper .box-container>.list {
margin-top:.57rem
}
.case-wrapper .box-container>.list ul {
	list-style-type:none;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex-flow:wrap
}
.case-wrapper .box-container>.list li {
	position:relative;
	width:31.57%;
	margin-right:2.645%;
margin-top:.5rem
}
.case-wrapper .box-container>.list li:nth-child(-n+3) {
margin-top:0
}
.case-wrapper .box-container>.list li:nth-child(3n) {
margin-right:0
}
.case-wrapper .box-container>.list li:hover .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.case-wrapper .box-container>.list li:hover .name {
	color:#0d83ff
}
.case-wrapper .box-container>.list li:hover .info:before {
	opacity:1;
	visibility:visible;
	opacity:.9
}
.case-wrapper .box-container>.list li:hover .imore, .case-wrapper .box-container>.list li:hover .desc {
	opacity:1;
	visibility:visible;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0)
}
.case-wrapper .box-container>.list .pic {
	position:relative;
border-radius:.1rem
}
.case-wrapper .box-container>.list .pic img {
	height:3rem;
	object-fit:cover
}
.case-wrapper .box-container>.list .info {
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	width:100%;
	height:100%;
border-radius:.1rem;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex-flow:wrap;
padding-left:.8rem;
padding-right:.8rem;
	align-content:center
}
.case-wrapper .box-container>.list .info:before {
	content:"";
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%), linear-gradient(#000000, #000000);
	background-blend-mode:normal,  normal;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:100%;
	height:100%;
transition:all .4s ease;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease;
	opacity:0;
	visibility:hidden
}
.case-wrapper .box-container>.list .info>* {
	position:relative;
	z-index:10;
	text-align:center
}
.case-wrapper .box-container>.list .desc {
transform:translateY(.3rem);
-webkit-transform:translateY(.3rem);
-moz-transform:translateY(.3rem);
-ms-transform:translateY(.3rem);
-o-transform:translateY(.3rem);
	opacity:0;
	visibility:hidden;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease;
transition-delay:.2s
}
.case-wrapper .desc {
	width:100%;
	font-family:"regular";
	font-size:var(--fs18);
line-height:.3rem;
	color:#ffffff
}
.case-wrapper .name {
	font-family:"regular";
	font-size:var(--fs18);
line-height:.3rem;
	color:#333333;
transition:color .35s ease;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-ms-transition:color .35s ease;
-o-transition:color .35s ease;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow:hidden;
margin-top:.2rem
}
.case-wrapper .imore {
margin:.3rem auto 0;
	transform:translateY(-0.3rem);
	-webkit-transform:translateY(-0.3rem);
	-moz-transform:translateY(-0.3rem);
	-ms-transform:translateY(-0.3rem);
	-o-transform:translateY(-0.3rem);
	opacity:0;
	visibility:hidden;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease;
transition-delay:.2s
}
.step-wrapper {
	background:url(../image/stepbg.jpg) no-repeat center center;
	background-size:cover
}
.step-wrapper .main {
	position:relative;
	width:84.375%;
	margin:0 auto;
background:url(../image/stepbg.png) no-repeat top .99rem center;
	background-size:100%
}
.step-wrapper ul {
	list-style-type:none;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex-flow:wrap;
padding:0 .42rem
}
.step-wrapper li {
	width:25%;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	align-items:center;
margin-top:.76rem
}
.step-wrapper li:hover .icon {
	transform:rotateY(180deg)
}
.step-wrapper li:nth-child(-n+4) {
margin-top:0
}
.step-wrapper li:nth-child(4) .info:after {
content:"";
width:.25rem;
height:100%;
position:absolute;
right:-0.44rem;
top:1%;
z-index:10;
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
background-image:url(../image/right.png)
}
.step-wrapper .info {
	position:relative;
	width:1.98rem;
	height:1.98rem;
	background-color:#ffffff;
	box-shadow:0 0 18px 0 rgba(13, 131, 255, 0.05);
	border-radius:50%;
	margin:0;
	text-align:center;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex-flow:wrap;
	align-content:center
}
.step-wrapper .info .title {
	width:100%;
	font-size:var(--fs22);
line-height:.3rem;
	color:#666666;
	font-family:"regular";
	text-align:center;
margin-top:.1rem
}
.step-wrapper .info .title b {
	display:block
}
.step-wrapper .icon {
	max-width:100%;
height:.58rem;
	margin:0 auto;
	display:block;
transition:transform .35s ease;
-webkit-transition:transform .35s ease;
-moz-transition:transform .35s ease;
-ms-transition:transform .35s ease;
-o-transition:transform .35s ease
}
.step-wrapper .key {
	position:relative;
	top:-0.28rem;
	left:-0.24rem;
	font-family:db;
font-size:.72rem;
	font-weight:700;
line-height:.7rem;
	background-image:-webkit-linear-gradient(rgba(181, 220, 246, 0.7) 20%, rgba(181, 220, 246, 0.01) 70%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.step-wrapper .key:after {
	content:"";
width:.25rem;
height:.25rem;
	display:block;
	margin:-0.1rem auto 0;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(../image/right.png)
}
.step-wrapper-2 .index-title-box .title {
	display:inline-block;
	background-image:-webkit-linear-gradient(left, #0d83ff 0%, #31def2 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.step-wrapper-2 .cat {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
margin-bottom:.32rem
}
.step-wrapper-2 .cat a {
	position:relative;
	line-height:1rem;
	background-color:#cce7ff;
border-radius:.1rem;
	width:calc((100% - 15px) / 4);
	margin-right:15px;
	text-align:center;
	color:#7d9fd1;
	font-size:var(--fs30);
	font-family:"regular";
	font-weight:700;
transition:color .3s ease;
-webkit-transition:color .3s ease;
-moz-transition:color .3s ease;
-ms-transition:color .3s ease;
-o-transition:color .3s ease
}
.step-wrapper-2 .cat a:last-child {
	margin-right:0
}
.step-wrapper-2 .cat a.on {
	color:#fff
}
.step-wrapper-2 .cat a.on:hover {
	color:#fff
}
.step-wrapper-2 .cat a.on:before, .step-wrapper-2 .cat a.on:after {
	opacity:1;
	visibility:visible
}
.step-wrapper-2 .cat a:before, .step-wrapper-2 .cat a:after {
	opacity:0;
	visibility:hidden
}
.step-wrapper-2 .cat a:after {
	content:"";
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%), linear-gradient(#0d83ff, #0d83ff);
	background-blend-mode:normal,  normal;
border-radius:.1rem;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	opacity:0;
	visibility:hidden;
	width:100%;
	height:100%;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease
}
.step-wrapper-2 .cat a:before {
	content:"";
	width:100%;
	position:absolute;
	left:0;
	bottom:-9px;
	z-index:2;
	background-image:url(../image/angle.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	height:9px;
	opacity:0;
	visibility:hidden
}
.step-wrapper-2 .cat a span {
	position:relative;
	z-index:10
}
.step-wrapper-2 .cat a em {
	display:inline-block;
margin-left:.18rem
}
.step-wrapper-2 .item {
	display:none
}
.step-wrapper-2 .contact {
padding:.75rem 0;
	background-color:#f6f8fe
}
.step-wrapper-2 .contact ul {
	list-style-type:none;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox
}
.step-wrapper-2 .contact li {
	width:16.66%;
	text-align:center;
padding:0 .2rem
}
.step-wrapper-2 .contact img {
	width:1.68rem;
	background-color:#ffffff;
border-radius:.1rem;
	margin:0 auto
}
.step-wrapper-2 .contact .title, .step-wrapper-2 .contact p {
	font-size:var(--fs18);
line-height:.3rem;
	font-family:"regular"
}
.step-wrapper-2 .contact .title {
margin-top:.32rem
}
.step-wrapper-2 .contact p {
	color:#0d83ff
}
.step-wrapper-2 .normal {
	background:#f3f3f6;
border-radius:.1rem
}
.step-wrapper-2 .normal .inner {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	align-items:center
}
.step-wrapper-2 .normal .pic {
	width:49.86%
}
.step-wrapper-2 .normal .info {
	width:50.14%;
padding:.45rem
}
.step-wrapper-2 .normal .info, .step-wrapper-2 .normal li {
	font-family:"regular";
	font-size:var(--fs18);
line-height:.3rem
}
.step-wrapper-2 .normal ul {
	list-style-type:none
}
.step-wrapper-2 .normal .info li {
	position:relative;
padding-left:.3rem;
margin-bottom:.06rem
}
.step-wrapper-2 .normal .info li:last-child {
	margin-bottom:0
}
.step-wrapper-2 .normal .info li:before {
	content:"";
width:.16rem;
height:.16rem;
border:.05rem solid #0d83ff;
	background-color:#fff;
	position:absolute;
	z-index:10;
top:.07rem;
	left:0;
	box-sizing:border-box;
	border-radius:50%
}
.goods-breadcrumb {
	position:fixed;
	left:0;
top:.9rem;
	z-index:20;
	background:#f9f9f9;
line-height:.7rem;
	width:100%;
	opacity:0;
	visibility:hidden;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease;
	transform:translateY(-0.4rem);
	-webkit-transform:translateY(-0.4rem);
	-moz-transform:translateY(-0.4rem);
	-ms-transform:translateY(-0.4rem);
	-o-transform:translateY(-0.4rem)
}
.goods-breadcrumb.on {
	opacity:1;
	visibility:visible;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0)
}
.goods-breadcrumb.scroll {
	top:0
}
.goods-breadcrumb .box-container {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	align-items:center
}
.goods-breadcrumb .left {
	font-size:0
}
.goods-breadcrumb .left a, .goods-breadcrumb .left span, .goods-breadcrumb .left img {
	display:inline-block;
	vertical-align:middle
}
.goods-breadcrumb .left a, .goods-breadcrumb .left span {
	font-size:var(--fs18);
	font-family:"regular";
	font-weight:700;
line-height:.3rem
}
.goods-breadcrumb .left a {
	color:#333;
transition:color .35s ease;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-ms-transition:color .35s ease;
-o-transition:color .35s ease
}
.goods-breadcrumb .left span, .goods-breadcrumb .left a:hover {
	color:#00a0e9
}
.goods-breadcrumb .left img {
margin:0 .1rem
}
.goods-breadcrumb .right {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox
}
.goods-breadcrumb .right a {
	position:relative;
	display:block;
	cursor:pointer;
	font-family:"regular";
	color:#333;
line-height:.3rem;
	padding-bottom:3px;
	font-size:var(--fs16);
margin-right:.46rem;
transition:color .3s ease;
-webkit-transition:color .3s ease;
-moz-transition:color .3s ease;
-ms-transition:color .3s ease;
-o-transition:color .3s ease
}
.goods-breadcrumb .right a:hover, .goods-breadcrumb .right a.on {
	color:#0d83ff
}
.goods-breadcrumb .right a.on:after {
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1)
}
.goods-breadcrumb .right a:last-child {
	margin-right:0
}
.goods-breadcrumb .right a:after {
	content:"";
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
	height:3px;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	z-index:10;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease
}
.goods-banner-wrapper {
	position:relative
}
.goods-banner-wrapper video {
	width:100%;
	max-height:100vh;
	object-fit:cover
}
.goods-banner-wrapper .info {
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	height:100%;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	width:100%;
	align-items:center
}
.goods-banner-wrapper h1, .goods-banner-wrapper .brief {
	font-weight:700;
	font-family:"regular";
	font-size:var(--fs48);
line-height:.6rem;
	color:#ffffff
}
.goods-banner-wrapper h1 {
	margin:0
}
.goods-banner-wrapper .brief {
	display:inline-block;
	background-image:-webkit-linear-gradient(left, #0d83ff 0%, #31def2 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
margin:.3rem auto .1rem
}
.goods-banner-wrapper p {
	font-weight:700;
	font-family:"regular";
	font-size:var(--fs24);
line-height:.36rem;
	color:#ffffff
}
.goods-banner-wrapper .play {
	position:relative;
	left:0;
	top:0;
	transform:none;
width:.64rem;
height:.64rem;
margin:.75rem 0 0 0;
	border-radius:50%;
	border:0;
padding:.1rem;
	cursor:pointer;
	background-color:rgba(255, 255, 255, 0.1)
}
.goods-banner-wrapper .play:before, .goods-banner-wrapper .play:after {
	background-color:rgba(255, 255, 255, 0.1)
}
.goods-banner-wrapper .play.on i {
	background-image:url(../image/pause.png)
}
.goods-banner-wrapper .play i {
	transform:none;
	background-image:url(../image/play.png);
	background-position:center center;
	background-repeat:no-repeat
}
.goodsinfo-wrapper-1 {
	text-align:center;
padding:.65rem 0
}
.goodsinfo-wrapper-1 .title {
	font-family:"regular";
	font-weight:700;
	font-size:var(--fs48);
line-height:.6rem;
	color:#151515
}
.goodsinfo-wrapper-1 .brief {
	font-size:var(--fs40);
line-height:.48rem;
	color:#151515;
margin:.18rem auto .6rem
}
.goodsinfo-wrapper-1 .bigImg-swiper .swiper-slide-active img {
	opacity:1;
	visibility:visible
}
.goodsinfo-wrapper-1 .bigImg-swiper img {
	max-width:100%;
	height:5rem;
	object-fit:contain;
	opacity:0;
	visibility:hidden;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease
}
.goodsinfo-wrapper-1 .bigImg-swiper .swiper-pagination {
	display:none
}
.goodsinfo-wrapper-1 .thumb-box {
	position:relative;
	width:7.53rem;
margin:.2rem auto 0
}
.goodsinfo-wrapper-1 .thumb-box .swiper-slide {
	cursor:pointer;
	font-size:0
}
.goodsinfo-wrapper-1 .thumb-box .swiper-slide:before {
	content:"";
	border:2px solid #f8f8f8;
	box-sizing:border-box;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1
}
.goodsinfo-wrapper-1 .thumb-box .swiper-slide:hover img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.goodsinfo-wrapper-1 .thumb-box .swiper-slide.on .line_t, .goodsinfo-wrapper-1 .thumb-box .swiper-slide.on .line_b {
	width:100%
}
.goodsinfo-wrapper-1 .thumb-box .swiper-slide.on .line_r, .goodsinfo-wrapper-1 .thumb-box .swiper-slide.on .line_l {
	height:100%
}
.goodsinfo-wrapper-1 .thumb-box .swiper-slide img {
transition:all .8s ease;
-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-o-transition:all .8s ease;
	object-fit:contain;
	display:block;
	width:100%
}
.goodsinfo-wrapper-1 .thumb-box span {
	z-index:2;
	position:absolute;
	background:#31def2;
transition:all .5s cubic-bezier(.25, .46, .45, .94);
-webkit-transition:all .5s cubic-bezier(.25, .46, .45, .94);
-moz-transition:all .5s cubic-bezier(.25, .46, .45, .94);
-ms-transition:all .5s cubic-bezier(.25, .46, .45, .94);
-o-transition:all .5s cubic-bezier(.25, .46, .45, .94)
}
.goodsinfo-wrapper-1 .line_t {
	top:0;
	left:0;
	width:0;
	height:2px
}
.goodsinfo-wrapper-1 .line_r {
	top:0;
	right:0;
	width:2px;
	height:0
}
.goodsinfo-wrapper-1 .line_b {
	right:0;
	bottom:0;
	height:2px;
	width:0
}
.goodsinfo-wrapper-1 .line_l {
	bottom:0;
	left:0;
	width:2px;
	height:0
}
.goodsinfo-wrapper-1 .swiper-btn {
	width:14px;
	height:14px;
	background-size:9px
}
.goodsinfo-wrapper-1 .prev {
	left:-36px;
	background-image:url(../image/gi-prev.png)
}
.goodsinfo-wrapper-1 .prev:hover {
	background-image:url(../image/gi-prev2.png)
}
.goodsinfo-wrapper-1 .next {
	right:-36px;
	background-image:url(../image/gi-next.png)
}
.goodsinfo-wrapper-1 .next:hover {
	background-image:url(../image/gi-next2.png)
}
.goodsinfo-wrapper-2 {
	background:url(../image/gibg.jpg) no-repeat center center;
	background-size:cover
}
.goodsinfo-wrapper-2 .cube-box .btns {
margin-top:.88rem
}
a {
	color:#333
}
.goodsinfo-wrapper-3 .swiper-container {
padding:.3rem 17px .63rem;
	margin:-0.3rem -17px 0
}
.goodsinfo-wrapper-3 .swiperbtn {
	margin-top:-0.32rem
}
.goodsinfo-wrapper-3 .index-more {
	margin:0 auto;
	display:block
}
.goodsinfoFloor .content img {
	max-width:inherit;
	width:100%
}
.index-goods-wrapper {
	height:100vh;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex-flow:wrap;
	align-content:center;
	align-items:center;
padding-top:.8rem
}
.index-goods-wrapper .index-title-box {
	width:100%;
margin-bottom:.4rem
}
.index-goods-wrapper .goods-tabs {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	justify-content:center;
margin-bottom:.3rem
}
.index-goods-wrapper .goods-tabs a {
	display:inline-block;
	min-width:1.6rem;
line-height:.48rem;
margin-right:.24rem;
padding:0 .2rem;
	text-align:center;
	font-size:var(--fs18);
border-radius:.24rem;
	border:1px solid #eee;
transition:color .48s ease;
-webkit-transition:color .48s ease;
-moz-transition:color .48s ease;
-ms-transition:color .48s ease;
-o-transition:color .48s ease;
	color:#333
}
.index-goods-wrapper .goods-tabs a:last-child {
	margin-right:0
}
.index-goods-wrapper .goods-tabs a.on {
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
	color:#fff
}
.index-goods-wrapper .item {
	display:none
}
.index-goods-wrapper .goods-box {
	position:relative
}
.index-goods-wrapper .goods-box .swiper-slide {
	width:24.11%;
	height:auto
}
.index-goods-wrapper .goods-box .swiper-slide .info {
	padding-bottom:0
}
.index-goods-wrapper .goods-box .swiper-slide a {
padding-top:.6rem
}
.index-goods-wrapper .goods-box .swiper-slide .title {
	font-size:var(--fs30);
line-height:.4rem
}
.index-goods-wrapper .goods-box .swiper-slide .pic img {
	height:3rem
}
.index-goods-wrapper .goods-box .swiper-slide .itag {
	min-width:inherit;
	width:80px;
	height:40px;
	line-height:30px;
	font-size:12px;
	padding:0 10px
}
.goods-box.hasSwiper .swiperbtn {
	display:block
}
.goods-box ul {
	list-style-type:none;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex-flow:wrap
}
.goods-box li {
margin-top:.38rem
}
.goods-box .swiper-slide, .goods-box li {
	width:32.55%;
	background-image:linear-gradient(0deg, #e4e5e6 0%, #f8f9fa 100%);
	margin-right:1.175%;
	border:solid 1px #f8f9fa;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease
}
.goods-box .swiper-slide:last-child, .goods-box li:last-child {
	margin-right:0
}
.goods-box .swiper-slide:hover, .goods-box li:hover {
	box-shadow:11px 13px 30px 0 rgba(0, 0, 0, 0.15);
	border-color:#ffffff
}
.goods-box .swiper-slide:hover .pic img, .goods-box li:hover .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.goods-box .swiper-slide:hover .title, .goods-box li:hover .title {
	color:#0d83ff
}
.goods-box .swiper-slide:hover a:before, .goods-box li:hover a:before {
	transform:translateY(-5px);
	-webkit-transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
	-o-transform:translateY(-5px)
}
.goods-box .swiper-slide:hover a:after, .goods-box li:hover a:after {
	width:100%
}
.goods-box .swiper-slide a, .goods-box li a {
	position:relative;
	display:block;
padding-top:.78rem;
padding-bottom:.3rem
}
.goods-box .swiper-slide a:after, .goods-box li a:after {
	content:"";
	height:3px;
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%), linear-gradient(#00a0e9, #00a0e9);
	background-blend-mode:normal,  normal;
	width:0;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease;
	position:absolute;
	left:0;
	top:0;
	z-index:1
}
.goods-box .info {
	text-align:center;
padding:0 .3rem .24rem
}
.goods-box .title {
	font-weight:700;
font-size:.5rem;
line-height:.6rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#333333;
	font-family:"regular";
transition:color .35s ease;
-webkit-transition:color .35s ease;
-moz-transition:color .35s ease;
-ms-transition:color .35s ease;
-o-transition:color .35s ease
}
.goods-box a {
	display:block
}
.goods-box p {
	font-size:var(--fs18);
line-height:.3rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#333333;
margin:.1rem auto .23rem
}
.goods-box .pic img {
	height:4.5rem;
	object-fit:contain
}
.goods-box .swiperbtn {
	display:none
}
.goods-box .swiperbtn.prev {
	left:-0.8rem
}
.goods-box .swiperbtn.next {
	right:-0.8rem
}
.goods-box .index-more {
	display:none
}
.itag {
	position:absolute;
right:.18rem;
top:.19rem;
	z-index:10;
	min-width:1.16rem;
line-height:.4rem;
height:.5rem;
	background:url(../image/itag.png) no-repeat center center;
	background-size:100% 100%;
padding:0 .2rem;
	text-align:center;
	color:#fff;
	font-size:var(--fs16)
}
.search-goodsbox {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	align-items:center
}
.search-goodsbox .caption {
	font-size:var(--fs18);
	line-height:24px;
	color:#222222;
margin-right:.12rem;
	font-family:"regular"
}
.search-goodsbox .text {
	width:3.27rem;
	background-color:#ffffff;
	border:solid 2px #ededee;
height:.56rem;
line-height:.52rem;
	border-right:none;
padding:0 .2rem;
	font-size:var(--fs16);
transition:border .35s ease;
-webkit-transition:border .35s ease;
-moz-transition:border .35s ease;
-ms-transition:border .35s ease;
-o-transition:border .35s ease
}
.search-goodsbox .text:focus {
	border-color:#0d83ff
}
.search-goodsbox ::-webkit-input-placeholder {
color:#999;
font-size:var(--fs16)
}
.search-goodsbox :-moz-placeholder {
color:#999;
font-size:var(--fs16)
}
.search-goodsbox ::-moz-placeholder {
color:#999;
font-size:var(--fs16)
}
.search-goodsbox :-ms-input-placeholder {
color:#999;
font-size:var(--fs16)
}
.search-goodsbox .searchbtn {
	position:relative;
	display:block;
width:.56rem;
height:.56rem;
	background:#0d83ff
}
.search-goodsbox .searchbtn:hover {
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal
}
.search-goodsbox .searchbtn:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	background:url(../image/g-search.png) no-repeat center center;
	background-size:15px
}
.goodsinfo-wrapper-4 {
	background:url(../image/gibg2.jpg) fixed no-repeat center center;
	background-size:cover
}
.goodsinfo-wrapper-4 .box-container {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.goodsinfo-wrapper-4 .caption {
	font-size:var(--fs36);
	font-weight:700;
	font-family:"regular";
line-height:.48rem;
	letter-spacing:2px;
	color:#333333;
	height:1.24rem
}
.goodsinfo-wrapper-4 .left span, .goodsinfo-wrapper-4 .center span {
	font-size:var(--fs18);
line-height:.3rem;
	color:#333333;
	font-family:"regular"
}
.goodsinfo-wrapper-4 .left span img, .goodsinfo-wrapper-4 .center span img {
margin-right:.08rem;
	vertical-align:middle;
	position:relative;
	top:-2px
}
.goodsinfo-wrapper-4 .left i, .goodsinfo-wrapper-4 .center i {
	color:#ff0000
}
.goodsinfo-wrapper-4 .left {
	width:35.29%
}
.goodsinfo-wrapper-4 .left span {
	width:1.06rem
}
.goodsinfo-wrapper-4 .left .submit {
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%), linear-gradient(#00a0e9, #00a0e9);
	background-blend-mode:normal,  normal
}
.goodsinfo-wrapper-4 .left .group .text {
	border-bottom:solid 1px #a5a5a5;
	margin-left:0
}
.goodsinfo-wrapper-4 .group {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
min-height:.75rem;
line-height:.3rem;
	align-items:center;
	background-color:#ffffff;
	border:solid 1px #e6e6e6;
margin-bottom:.12rem;
padding-left:.35rem;
padding-right:.35rem
}
.goodsinfo-wrapper-4 .group:last-child {
	margin-bottom:0
}
.goodsinfo-wrapper-4 .group.msg {
	height:2.17rem;
padding:.16rem .22rem;
	display:block
}
.goodsinfo-wrapper-4 .group.address {
padding-top:.2rem;
	height:1.3rem;
	align-items:flex-start
}
.goodsinfo-wrapper-4 .group .msg {
	width:100%;
	font-size:12px;
	color:#333;
	font-family:inherit;
line-height:.3rem;
	height:1.2rem;
	resize:none
}
.goodsinfo-wrapper-4 .group .msg ::-webkit-input-placeholder {
color:#aaaaaa;
font-size:var(--fs12)
}
.goodsinfo-wrapper-4 .group .msg :-moz-placeholder {
color:#aaaaaa;
font-size:var(--fs12)
}
.goodsinfo-wrapper-4 .group .msg ::-moz-placeholder {
color:#aaaaaa;
font-size:var(--fs12)
}
.goodsinfo-wrapper-4 .group .msg :-ms-input-placeholder {
color:#aaaaaa;
font-size:var(--fs12)
}
.goodsinfo-wrapper-4 .group .text {
	flex:1;
margin-left:.2rem;
line-height:.3rem;
	font-size:var(--fs18)
}
.goodsinfo-wrapper-4 .group input[type="radio"]:checked+label:before {
	background-image:url(../image/circle2.png)
}
.goodsinfo-wrapper-4 .group label {
	cursor:pointer;
	font-size:var(--fs16);
line-height:.3rem;
	position:relative;
margin-right:.15rem
}
.goodsinfo-wrapper-4 .group label:last-child {
	margin-right:0
}
.goodsinfo-wrapper-4 .group label:before {
	content:"";
	display:inline-block;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(../image/circle.png);
width:.16rem;
height:.16rem;
	position:relative;
	vertical-align:middle;
	top:-2px;
	margin-right:5px;
transition:background .35s ease;
-webkit-transition:background .35s ease;
-moz-transition:background .35s ease;
-ms-transition:background .35s ease;
-o-transition:background .35s ease
}
.goodsinfo-wrapper-4 .radiobox {
	flex:1;
	overflow:hidden;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex-flow:wrap
}
.goodsinfo-wrapper-4 .center {
	width:29.16%
}
.goodsinfo-wrapper-4 .center ul {
	list-style-type:none;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex-flow:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
margin-bottom:.46rem
}
.goodsinfo-wrapper-4 .center li {
	width:49%;
	font-size:var(--fs22);
line-height:.3rem;
	color:#333333;
margin-top:.18rem
}
.goodsinfo-wrapper-4 .center li:nth-child(-n+2) {
margin-top:0
}
.goodsinfo-wrapper-4 .center li b {
	color:#00a0e9;
	font-family:"regular"
}
.goodsinfo-wrapper-4 .qrcode-box {
	width:29.94%;
	position:relative
}
.goodsinfo-wrapper-4 .qrcode-box ul {
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
padding:.3rem .7rem;
	height:3.91rem;
	background:#fff;
	border:solid 1px #e6e6e6
}
.goodsinfo-wrapper-4 .qrcode-box li:last-child, .goodsinfo-wrapper-4 .qrcode-box li:nth-child(-n+2) {
margin-right:0
}
.goodsinfo-wrapper-4 .qrcode-box>img {
	width:44%;
	position:absolute;
	right:0;
	top:0;
	z-index:10;
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease
}
.goodsinfo-wrapper-4 .right {
	position:relative;
	margin-top:1.24rem;
	width:29.94%;
padding:.24rem .48rem;
	background-image:linear-gradient(180deg, #0d83ff 0%, #31def2 100%), linear-gradient(#ffffff, #ffffff);
	background-blend-mode:normal, normal;
	height:3.98rem
}
.goodsinfo-wrapper-4 .right .title {
	font-weight:700;
	font-size:var(--fs24);
line-height:.36rem;
	color:#ffffff;
margin-bottom:.3rem
}
.goodsinfo-wrapper-4 .right .swiper-slide {
	font-size:var(--fs18);
line-height:.3rem;
	color:#ffffff
}
.goodsinfo-wrapper-4 .right .swiper-slide span {
margin-right:.2rem
}
.goodsinfo-wrapper-4 .right .swiper-slide span:last-child {
	margin-right:0
}
.goodsinfo-wrapper-4 .right .swiper-slide span:first-child {
	width:1.14rem
}
.goodsinfo-wrapper-4 .right img {
	width:45.65%;
	position:absolute;
	right:0;
	top:-1.1rem;
	z-index:10;
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease
}
.goodsinfo-wrapper-4 .selectbox {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex:1
}
.goodsinfo-wrapper-4 .selectbox select {
	cursor:pointer;
	width:1.28rem;
height:.49rem;
line-height:.49rem;
	border:solid 1px #e6e6e6;
	font-size:var(--fs18);
	color:#333333;
padding:0 .4rem 0 .2rem;
	-webkit-appearance:none;
margin-right:.1rem;
background:#fff url(../image/gi-down.png) no-repeat right .22rem center;
	background-size:8px
}
.goodsinfo-wrapper-4 .submit {
	width:3rem;
line-height:.5rem;
border-radius:.25rem;
	color:#fff;
	font-size:var(--fs18);
margin:.6rem auto 0;
	font-family:"regular";
	font-weight:700;
	display:block;
	text-align:center;
	background:#0d83ff;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease
}
.goodsinfo-wrapper-4 .submit:hover {
	box-shadow:0 2px 30px rgba(105, 163, 255, 0.45)
}
.goodsinfo-wrapper-4 .swiper-container {
	height:2.7rem
}
.goods-wrapper .top {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.page-box-2 {
padding:.8rem 0 1.2rem
}
.quality-wrapper-1 {
	position:relative
}
.quality-wrapper-1 .info {
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	width:100%
}
.quality-wrapper-2 {
	position:relative
}
.quality-wrapper-2:before {
	content:"";
	width:100%;
	height:9.2rem;
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	background:#002a57
}
.quality-wrapper-2 .box-container {
	position:relative;
	z-index:10
}
.quality-wrapper-2 .index-title-box.white .brief {
	color:#fff
}
.quality-wrapper-2 .index-title-box.white .line {
	background-color:#00a0e9
}
.quality-wrapper-2 .top {
	text-align:center;
margin-bottom:.44rem
}
.quality-wrapper-2 .top p {
	font-size:var(--fs36);
line-height:.48rem;
	color:#01a2ff;
	font-family:"regular"
}
.quality-wrapper-2 .num span {
	display:inline-block;
	font-size:1.5rem;
	line-height:1.4rem;
	background-image:-webkit-linear-gradient(bottom, #0d83ff 0%, #31def2 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	font-family:"db";
	font-weight:700
}
.quality-wrapper-2 .swiper-slide:hover .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.quality-wrapper-2 .swiper-slide-active .info {
	opacity:1;
	visibility:visible;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0)
}
.quality-wrapper-2 .pic img {
	transition-duration:1.8s
}
.quality-wrapper-2 .info {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
padding:.5rem .64rem;
	background:url(../image/rightbg.png) repeat left;
	background-size:100%;
transition:all .8s ease;
-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-o-transition:all .8s ease;
transition-delay:.3s;
	opacity:0;
	visibility:hidden;
transform:translateY(.8rem);
-webkit-transform:translateY(.8rem);
-moz-transform:translateY(.8rem);
-ms-transform:translateY(.8rem);
-o-transform:translateY(.8rem)
}
.quality-wrapper-2 .info .title, .quality-wrapper-2 .info .desc {
	position:relative;
	z-index:10
}
.quality-wrapper-2 .info .title {
	font-size:var(--fs36);
line-height:.48rem;
	color:#ffffff;
	font-weight:700;
	font-family:"regular";
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow:hidden;
margin-bottom:.2rem
}
.quality-wrapper-2 .desc {
	font-size:var(--fs16);
line-height:.3rem;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
height:.6rem;
	color:#ffffff
}
.quality-wrapper-2 .swiperbtn.prev {
	left:16.45%
}
.quality-wrapper-2 .swiperbtn.next {
	right:16.45%
}
.cube-box .swiper-container {
	perspective:1200px
}
.cube-box .swiper-wrapper, .cube-box .swiper-slide {
	transform-style:preserve-3d
}
.cube-box .swiper-slide {
	width:20vw;
	height:auto
}
.cube-box .swiper-slide:hover img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.cube-box p {
	font-size:var(--fs24);
line-height:.36rem;
	color:#333333;
	font-family:"regular";
	text-align:center;
margin-top:.3rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
transition:all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition:all .35s ease;
-ms-transition:all .35s ease;
-o-transition:all .35s ease
}
.cube-box .btns {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	justify-content:center;
margin-top:.6rem
}
.cube-box .swiperbtn {
	position:relative;
	transform:none;
	top:0
}
.cube-box .swiperbtn.prev {
	left:0;
	margin-right:1.18rem
}
.cube-box .swiperbtn.next {
	right:0
}
.swiperbtn-box {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox
}
.swiperbtn-box .swiperbtn {
	position:relative;
	transform:none;
	top:0
}
.swiperbtn-box .swiperbtn.prev {
	left:0;
margin-right:.6rem
}
.swiperbtn-box .swiperbtn.next {
	right:0
}
.quality-wrapper-3 {
	background:#e9f0f6 url(../image/qualitybg.jpg) repeat-x left bottom
}
.quality-wrapper-4 {
	background:#f3f7fb
}
.quality-wrapper-4 .item {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
margin-bottom:.7rem
}
.quality-wrapper-4 .item:last-child {
	margin-bottom:0
}
.quality-wrapper-4 .item:nth-child(odd) {
flex-direction:row-reverse
}
.quality-wrapper-4 .item:hover .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.quality-wrapper-4 .info, .quality-wrapper-4 .pic {
	width:50%
}
.quality-wrapper-4 .pic img {
	transition-duration:2s
}
.quality-wrapper-4 .info {
	background:#fff;
padding:.63rem .8rem
}
.quality-wrapper-4 .info .title {
	font-family:initial;
	font-weight:700;
	font-size:var(--fs30);
line-height:.36rem;
	color:#333333;
margin:.04rem auto .3rem
}
.quality-wrapper-4 .key {
	font-family:"db";
	font-weight:700;
	font-size:1rem;
	background-image:-webkit-linear-gradient(top, #0d83ff 0%, #fff 80%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block;
	line-height:1rem
}
.quality-wrapper-4 .desc {
	font-family:initial;
	font-size:var(--fs16);
line-height:.32rem;
	color:#666666
}
.quality-wrapper-5 {
	background:url(../image/quality5bg.jpg) fixed no-repeat;
	background-size:cover
}
.quality-wrapper-5 ul {
	list-style-type:none;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	flex-flow:wrap
}
.quality-wrapper-5 li {
	width:32.55%;
	text-align:center;
	margin-right:1.175%;
	margin-top:1.175%
}
.quality-wrapper-5 li:nth-child(-n+3) {
margin-top:0
}
.quality-wrapper-5 li:nth-child(3n) {
margin-right:0
}
.quality-wrapper-5 li:hover .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.quality-wrapper-5 li .title {
	font-weight:700;
	font-family:initial;
	font-size:var(--fs24);
line-height:.36rem;
	color:#333333;
margin:.24rem auto .08rem
}
.quality-wrapper-5 .info {
padding:0 .32rem
}
.quality-wrapper-5 .pic {
border-radius:.1rem
}
.quality-wrapper-5 .pic img {
	height:4rem;
	object-fit:cover
}
.quality-wrapper-5 .brief {
	font-size:var(--fs16);
line-height:.3rem;
	color:#666
}
@keyframes earthAni {
to {
transform:rotate(1turn);
-webkit-transform:rotate(1turn);
-moz-transform:rotate(1turn);
-ms-transform:rotate(1turn);
-o-transform:rotate(1turn)
}
}
@keyframes iconScale2 {
from {
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
opacity:1
}
to {
	transform:scale(1.9);
	-webkit-transform:scale(1.9);
	-moz-transform:scale(1.9);
	-ms-transform:scale(1.9);
	-o-transform:scale(1.9);
	opacity:0
}
}
@keyframes iconScale3 {
from {
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
opacity:1
}
to {
	transform:scale(2.4);
	-webkit-transform:scale(2.4);
	-moz-transform:scale(2.4);
	-ms-transform:scale(2.4);
	-o-transform:scale(2.4);
	opacity:0
}
}
@media screen and (min-width:1004px) {
.brand-wrapper-2 .swiperbtn {
display:none
}
.info-wrapper-2 .cats span.on:hover {
color:#0d83ff
}
.info-wrapper-2 .cats span:hover {
color:#fff
}
.category-box a:hover {
color:#fff;
background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
background-blend-mode:normal,  normal;
border-color:#7dcaff
}
.honor-cate li:hover .icon .init {
transform:scale(.75);
-webkit-transform:scale(.75);
-moz-transform:scale(.75);
-ms-transform:scale(.75);
-o-transform:scale(.75);
opacity:0;
visibility:hidden
}
.honor-cate li:hover .icon .on {
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
opacity:1;
visibility:visible
}
.honor-cate li:hover p {
color:#0d83ff
}
.goods-box li:nth-child(-n+3), .news-wrapper-2 .list ul li:nth-child(-n+3) {
margin-top:0
}
.goods-box li:nth-child(3n), .news-wrapper-2 .list ul li:nth-child(3n) {
margin-right:0
}
.job-wrapper .item:hover {
box-shadow:0 5px 30px 0 rgba(0, 60, 65, 0.08);
background:#fff
}
.job-wrapper .item:hover:before {
background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
background-blend-mode:normal,  normal;
opacity:1
}
.job-wrapper .item:hover .icon {
border-color:#0d83ff
}
.cat-box a:hover .icon .init {
opacity:0;
visibility:hidden
}
.cat-box a:hover .icon .on {
opacity:1;
visibility:visible
}
.cat-box a:hover p {
color:#0d83ff
}
.info-wrapper-2 .list:first-child li:nth-child(-n+5) {
margin-top:0
}
.info-wrapper-2 .list:first-child li:nth-child(5n) {
margin-right:0
}
.info-wrapper-2 .list:nth-child(2) li:first-child {
width:39.0625%;
border-radius:.1rem;
background:#333;
position:absolute;
left:0;
top:0;
z-index:10
}
.info-wrapper-2 .list:nth-child(2) li:first-child .pic img {
height:2.9rem
}
.info-wrapper-2 .list:nth-child(2) li:first-child .info {
margin-top:0;
padding:.26rem .4rem .4rem
}
.info-wrapper-2 .list:nth-child(2) li:first-child .name {
font-size:var(--fs30);
line-height:.36rem
}
.info-wrapper-2 .list:nth-child(2) li:first-child p {
font-size:var(--fs18);
line-height:.3rem;
margin-top:.06rem
}
.info-wrapper-2 .list:nth-child(2) li:nth-child(2), .info-wrapper-2 .list:nth-child(2) li:nth-child(5) {
margin-left:40.4625%
}
.info-wrapper-2 .list:nth-child(2) li:nth-child(107), .info-wrapper-2 .list:nth-child(2) li:nth-child(102), .info-wrapper-2 .list:nth-child(2) li:nth-child(97), .info-wrapper-2 .list:nth-child(2) li:nth-child(92), .info-wrapper-2 .list:nth-child(2) li:nth-child(87), .info-wrapper-2 .list:nth-child(2) li:nth-child(82), .info-wrapper-2 .list:nth-child(2) li:nth-child(77), .info-wrapper-2 .list:nth-child(2) li:nth-child(72), .info-wrapper-2 .list:nth-child(2) li:nth-child(67), .info-wrapper-2 .list:nth-child(2) li:nth-child(62), .info-wrapper-2 .list:nth-child(2) li:nth-child(57), .info-wrapper-2 .list:nth-child(2) li:nth-child(52), .info-wrapper-2 .list:nth-child(2) li:nth-child(47), .info-wrapper-2 .list:nth-child(2) li:nth-child(42), .info-wrapper-2 .list:nth-child(2) li:nth-child(37), .info-wrapper-2 .list:nth-child(2) li:nth-child(32), .info-wrapper-2 .list:nth-child(2) li:nth-child(27), .info-wrapper-2 .list:nth-child(2) li:nth-child(22), .info-wrapper-2 .list:nth-child(2) li:nth-child(17), .info-wrapper-2 .list:nth-child(2) li:nth-child(12), .info-wrapper-2 .list:nth-child(2) li:nth-child(7), .info-wrapper-2 .list:nth-child(2) li:nth-child(4) {
margin-right:0
}
.advantage-wrapper-2 .swiper-slide.on, .advantage-wrapper-2 .swiper-slide:hover {
padding-left:.32rem;
padding-right:.32rem;
width:4.85rem
}
.advantage-wrapper-2 .swiper-slide.on .itembg, .advantage-wrapper-2 .swiper-slide:hover .itembg {
opacity:1;
visibility:visible
}
.advantage-wrapper-2 .swiper-slide.on .year, .advantage-wrapper-2 .swiper-slide:hover .year {
color:#fff
}
.advantage-wrapper-2 .swiper-slide.on>.caption, .advantage-wrapper-2 .swiper-slide:hover>.caption {
opacity:0;
visibility:hidden;
transform:translateY(10px);
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-ms-transform:translateY(10px);
-o-transform:translateY(10px)
}
.advantage-wrapper-2 .swiper-slide.on .month, .advantage-wrapper-2 .swiper-slide:hover .month {
opacity:0;
visibility:hidden;
transform:translateY(-10px);
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px)
}
.advantage-wrapper-2 .swiper-slide.on .info, .advantage-wrapper-2 .swiper-slide:hover .info {
opacity:1;
visibility:visible;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0)
}
.caseinfo-wrapper-2.noSwiper .swiper-container, .caseinfo-wrapper-2.noSwiper .swiper-wrapper {
overflow:inherit
}
.step-wrapper-2 .cat a:hover {
color:#0d83ff
}
.goods-box.noSwiper .swiper-container, .goods-box.noSwiper .swiper-wrapper {
overflow:inherit
}
.footer2 .footer-wrapper .box-1 {
padding:.4rem 0
}
.footer-wrapper .pic img {
height:auto!important
}
#idxSwiper {
width:100%;
height:100vh;
overflow:hidden
}
#idxSwiper>div.swiper-wrapper>div.swiper-slide {
width:100%;
height:auto;
max-height:100%;
overflow:hidden
}
#idxSwiper>div.swiper-wrapper>div.swiper-slide.footer2 {
overflow:visible
}
#idxSwiper>div.swiper-wrapper>div.swiper-slide .idxOffset {
--set-top:100px;
--set-left:-60px;
--set-right:60px;
--opacity:0
}
#idxSwiper>div.swiper-wrapper>div.swiper-slide.active .idxOffset {
--set-top:0;
--set-left:0;
--set-right:0;
--opacity:1
}
.index-swiper .wow {
visibility:visible!important
}
.swiper-slide .goodsinfo-wrapper-4 {
height:100vh;
display:flex;
display:-webkit-box;
display:-moz-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
align-items:center
}
.swiper-slide .goodsinfo-wrapper-4 .box-container {
padding-top:.8rem
}
}
@media screen and (max-width:1600px) {
.page-box-2 {
padding-bottom:1.1rem
}
.page-box {
padding-top:1.1rem;
padding-bottom:1.1rem
}
.honor-wrapper .item .pic img {
height:2.8rem
}
.service-wrapper-2 li {
line-height:.5rem
}
.service-wrapper-5 .pic img {
height:4.08rem
}
.service-wrapper-5 .hidebox {
width:calc(100% - .48rem);
left:.24rem;
padding-left:.15rem
}
.service-wrapper-6 .info {
padding:1.1rem .9rem 0 .7rem
}
.service-wrapper-7 .content {
width:86%
}
.newsinfo-wrapper .top h1 {
margin-bottom:.6rem
}
.about-wrapper-2>.info, .share-box {
left:10%
}
.news-wrapper-2 .pic img {
height:3rem
}
.news-wrapper-1 .info-box li {
padding-top:.4rem;
padding-bottom:.4rem
}
.news-wrapper-2 .list .title {
margin-bottom:.4rem
}
.news-wrapper-2 .list li {
margin-top:.7rem
}
.btns-box .learn {
line-height:.56rem;
height:.56rem
}
.cat-box a {
margin-bottom:.3rem
}
.info-wrapper-2 .pic img {
height:1.27rem
}
.info-wrapper-2 .list:nth-child(2) li:first-child .pic img {
height:2.64rem
}
.contact-wrapper-2:before {
height:4.6rem
}
.contact-wrapper-2 .form {
margin-top:1.7rem
}
.contact-wrapper-1 .contact .icon {
width:.96rem
}
.about-wrapper-4 li p {
width:92%
}
.step-wrapper .info {
width:1.7rem;
height:1.7rem
}
.step-wrapper .icon {
height:.4rem
}
.step-wrapper .info .title {
font-size:var(--fs20);
line-height:.28rem
}
.step-wrapper .key {
font-size:.64rem;
line-height:.64rem;
left:-0.26rem
}
.step-wrapper li:nth-child(4) .info:after {
top:10%
}
.step-wrapper .main {
background-position:top .85rem center
}
.step-wrapper li {
margin-top:.85rem
}
.step-wrapper-2 .cat a {
line-height:.9rem
}
.goods-box .pic img {
height:4.48rem
}
.goods-box .swiper-slide a, .goods-box li a {
padding-top:.68rem
}
.goodsinfo-wrapper-4 .center li {
font-size:var(--fs22)
}
.goodsinfo-wrapper-4 .right {
height:3.9rem;
padding-left:.36rem;
padding-right:.36rem
}
.goodsinfo-wrapper-4 .submit {
margin-top:.6rem
}
.quality-wrapper-2 .swiperbtn.prev {
left:16%
}
.quality-wrapper-2 .swiperbtn.next {
right:16%
}
.quality-wrapper-5 .pic img {
height:3.64rem
}
.about-wrapper-2 {
height:80vh
}
.goodsinfo-wrapper-4 .group label {
font-size:var(--fs15);
margin-right:.1rem
}
.goodsinfo-wrapper-4 .group {
padding-left:.25rem;
padding-right:.25rem
}
.entertainment-wrapper .pic img {
object-fit:contain
}
.about-wrapper-3 .swiper-slide .pic img {
height:2.03rem
}
.job-wrapper .info .title {
font-size:var(--fs20)
}
.job-wrapper .contact {
font-size:var(--fs15)
}
.goodsinfo-wrapper-4 .qrcode-box ul {
padding-left:.5rem;
padding-right:.5rem
}
}
@media screen and (max-width:1440px) {
.page-box-2 {
padding-bottom:.9rem
}
.page-box {
padding-top:.9rem;
padding-bottom:.9rem
}
.job-wrapper .right {
width:27%
}
.about-wrapper-2 {
height:90vh
}
.goodsinfo-wrapper-4 .group label {
font-size:var(--fs14)
}
}
@media screen and (max-width:1366px) {
.index-swiper .news-wrapper-2 .swiper-slide .title, .index-swiper .news-wrapper-2 li .title {
margin-bottom:.3rem
}
.index-swiper .index-title-box .title {
font-size:var(--fs40);
line-height:.48rem
}
.index-swiper .index-title-box p {
font-size:var(--fs30);
line-height:.36rem;
margin-bottom:.12rem
}
.index-swiper .index-title-box p i, .index-swiper .index-title-box .title em {
width:.3rem;
height:.3rem
}
.index-swiper .index-title-box .brief {
font-size:var(--fs24);
line-height:.26rem;
margin-bottom:.15rem
}
.brand-wrapper-2 .swiper-slide .desc, .brand-wrapper-1 .main .content {
line-height:24px;
font-size:var(--fs16)
}
}
@media screen and (max-width:1004px) {
.itag {
line-height:.5rem;
height:.56rem;
padding:0 .15rem;
font-size:8px;
width:1rem
}
.index-swiper .news-wrapper-2 .swiper-slide .title, .index-swiper .news-wrapper-2 li .title {
margin-bottom:.3rem
}
.index-swiper .index-title-box .title {
font-size:var(--fs30);
line-height:.6rem
}
.index-swiper .index-title-box p {
font-size:var(--fs20);
line-height:.44rem
}
.index-swiper .index-title-box p i, .index-swiper .index-title-box .title em {
width:.44rem;
height:.44rem;
margin:0 .06rem
}
.index-swiper .index-title-box .brief {
font-size:var(--fs20);
line-height:.44rem
}
.index-swiper .index-title-box .brief i {
margin-right:.3rem
}
.index-title-box {
margin-bottom:.48rem
}
.index-title-box.pc {
display:none
}
.index-title-box.phone {
display:block
}
.index-title-box .title {
font-size:var(--fs30);
font-weight:500
}
.index-title-box p {
font-size:var(--fs20);
line-height:.44rem
}
.index-title-box p i {
width:.44rem;
height:.44rem;
margin:0 .06rem
}
.index-title-box .brief {
font-size:var(--fs20);
line-height:.44rem
}
.index-title-box .brief i {
margin-right:.3rem
}
.index-title-box .line {
width:.4rem;
height:.08rem
}
.index-title-box .desc {
margin-top:.2rem;
line-height:.4rem
}
.honor-cate {
margin-bottom:.6rem
}
.honor-cate .icon {
width:.52rem;
height:.52rem
}
.honor-cate p {
font-size:var(--fs14);
line-height:.44rem;
margin-top:.1rem
}
.honor-wrapper .item {
margin-bottom:.62rem
}
.honor-wrapper .item:before {
display:none
}
.honor-wrapper .item:last-child {
margin-bottom:0
}
.honor-wrapper .item ul {
flex-flow:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between
}
.honor-wrapper .item ul li:nth-child(odd):before {
content:"";
width:calc(100% * 2 + .8rem);
height:1rem;
position:absolute;
left:-0.3rem;
bottom:.7rem;
z-index:0;
background:url(../image/honorbg.png) no-repeat center center;
background-size:100%
}
.honor-wrapper .item li {
width:48%;
margin-right:0;
margin-top:.48rem
}
.honor-wrapper .item li:nth-child(-n+2) {
margin-top:0
}
.honor-wrapper figcaption {
font-size:var(--fs14);
line-height:.36rem;
height:.72rem;
margin-top:.6rem
}
.honor-wrapper .pageMore {
display:none
}
.honor-wrapper .pageNum {
display:block
}
.index-goods-wrapper {
height:auto;
display:block;
padding-bottom:.8rem;
background:#fdfdfd
}
.index-goods-wrapper .goods-tabs {
flex-flow:wrap
}
.index-goods-wrapper .goods-tabs a {
min-width:1.2rem;
line-height:.56rem;
margin-right:.16rem;
padding:0 .16rem;
font-size:var(--fs14);
border-radius:.28rem
}
.index-goods-wrapper .goods-box .swiper-slide {
width:calc((100% - .3rem) / 2);
margin-right:.3rem
}
.index-goods-wrapper .goods-box .swiper-slide a {
padding-top:.8rem
}
.index-goods-wrapper .goods-box .swiper-slide .title {
font-size:var(--fs20);
line-height:.48rem
}
.index-goods-wrapper .goods-box .swiper-slide .pic img {
height:3rem
}
.index-goods-wrapper .goods-box .swiper-slide .itag {
width:70px;
height:30px;
line-height:26px;
font-size:10px
}
.service-wrapper-1 .main {
display:block
}
.service-wrapper-1 .video-box {
width:100%
}
.service-wrapper-1 .info-box {
width:100%
}
.service-wrapper-1 .content {
font-size:var(--fs15);
line-height:.44rem;
padding:.8rem .6rem
}
.service-wrapper-2 li {
width:100%;
border-radius:.1rem;
margin-top:0;
line-height:.6rem;
font-size:var(--fs16);
padding:.64rem .6rem;
margin-bottom:.3rem
}
.service-wrapper-2 li:last-child {
margin-bottom:0
}
.service-wrapper-2 li:after {
width:1rem;
height:1rem;
right:.3rem;
top:.3rem
}
.service-wrapper-2 li>b {
font-size:var(--fs20)
}
.service-wrapper-3 .info {
width:100%
}
.service-wrapper-3 .info>ul {
padding:0
}
.service-wrapper-3 .info>ul>li {
width:calc(100% / 3);
line-height:1.2rem;
margin-right:0;
font-size:var(--fs18);
padding:0 .3rem;
margin-top:.1rem
}
.service-wrapper-3 .info>ul>li:nth-chlid(-n+3) {
margin-top:0
}
.service-wrapper-3 .info>ul>li:nth-child(3n) {
margin-right:0
}
.service-wrapper-3 .content {
font-size:var(--fs15);
line-height:.44rem;
margin-bottom:.4rem
}
.service-wrapper-3 .earth:before {
content:"";
position:absolute;
width:6rem;
height:6rem;
left:-2rem;
bottom:-3rem;
animation-duration:150s
}
.service-wrapper-4 .name {
font-size:var(--fs24);
line-height:.48rem;
margin:.48rem auto .1rem
}
.service-wrapper-4 .tag, .service-wrapper-4 .info p {
font-size:var(--fs16);
line-height:.44rem
}
.swiperbtn {
width:.6rem;
height:.6rem
}
.swiperbtn i {
width:10px
}
.swiperbtn.prev {
left:0
}
.swiperbtn.next {
right:0
}
.service-wrapper-5 .swiper-box {
padding:0
}
.service-wrapper-5 .pic img {
height:auto
}
.service-wrapper-5 .desc {
font-size:var(--fs18);
line-height:.48rem
}
.service-wrapper-5 .info p, .service-wrapper-5 .hidebox p {
line-height:.4rem;
font-size:var(--fs14)
}
.service-wrapper-5 .info {
padding:.4rem .32rem .5rem
}
.service-wrapper-5 .hidebox {
border-left-width:.04rem;
padding-left:.3rem
}
.service-wrapper-5 .name {
font-size:var(--fs18);
line-height:.44rem
}
.service-wrapper-5 .swiperbtn.prev {
left:-0.3rem
}
.service-wrapper-5 .swiperbtn.next {
right:-0.3rem
}
.service-wrapper-6 .swiper-slide {
flex-flow:wrap;
flex-direction:column-reverse
}
.service-wrapper-6 .info {
width:100%;
padding:.6rem .48rem 1.5rem
}
.service-wrapper-6 .pic, .service-wrapper-6 .swiper-pagination {
width:100%
}
.service-wrapper-6 .info .title {
font-size:var(--fs24)
}
.service-wrapper-6 .title {
margin-bottom:.1rem
}
.service-wrapper-6 .desc {
font-size:var(--fs18);
line-height:.44rem;
margin-bottom:.48rem
}
.service-wrapper-6 .swiper-pagination {
bottom:.48rem;
text-align:center
}
.service-wrapper-6 .swiper-pagination .swiper-pagination-bullet {
margin:0 .12rem;
width:.16rem;
height:.16rem;
border:1px solid #0d83ff
}
.learn {
font-size:var(--fs16);
width:2.2rem;
height:.74rem;
line-height:.74rem;
border-radius:.36rem
}
.service-wrapper-7 .swiper-slide {
width:100%
}
.service-wrapper-7 .content {
font-size:var(--fs15);
line-height:.44rem;
width:100%;
margin-bottom:.6rem
}
.support-wrapper-1 .main .item {
width:100%;
margin-bottom:3px
}
.support-wrapper-1 .main .item:last-child {
margin-bottom:0
}
.support-wrapper-1 .main ul {
display:flex;
display:-webkit-box;
display:-moz-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
flex-flow:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between
}
.support-wrapper-1 .main li {
width:calc((100% - 3px) / 2);
line-height:.4rem;
font-size:var(--fs16);
margin-bottom:3px;
padding:.3rem .2rem .3rem .8rem
}
.support-wrapper-1 .main li i {
width:.48rem;
height:.48rem;
line-height:.48rem;
left:.2rem;
top:.26rem;
font-size:var(--fs16)
}
.support-wrapper-2 .index-title-box {
position:relative;
top:0
}
.support-wrapper-2 .index-title-box .brief, .support-wrapper-2 .index-title-box .title {
color:#333
}
.support-wrapper-2 .index-title-box .line {
background:#31def2
}
.support-wrapper-3 .item {
width:100%;
margin-bottom:.6rem
}
.support-wrapper-3 .item:last-child {
margin-bottom:0
}
.support-wrapper-3 .item:before {
display:none
}
.support-wrapper-3 .item .content {
background-color:#dbdbdb;
border-radius:.1rem
}
.support-wrapper-3 .item:nth-child(odd) .content {
background-image:linear-gradient(135deg, #377dff 0%, #0dccff 100%), linear-gradient(#0d84ff, #0d84ff);
background-blend-mode:normal,  normal
}
.support-wrapper-3 .item>img {
width:1rem;
bottom:.4rem
}
.support-wrapper-3 .content {
padding-top:.78rem;
padding-bottom:1.6rem;
font-size:var(--fs15)
}
.support-wrapper-3 .content>ul>li {
display:flex;
display:-webkit-box;
display:-moz-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
font-size:var(--fs15)
}
.support-wrapper-4 {
background-attachment:inherit
}
.support-wrapper-4 .index-title-box {
margin-bottom:.3rem
}
.support-wrapper-4 .box-container>.content {
width:100%
}
.support-wrapper-4 .item {
margin-bottom:.3rem;
padding:.6rem .48rem
}
.support-wrapper-4 .item .title {
font-size:var(--fs22)
}
.support-wrapper-4 .content {
font-size:var(--fs15);
line-height:.44rem
}
.benefit-wrapper {
padding:1rem 0
}
.benefit-wrapper .item {
height:auto;
background:none!important;
margin-bottom:.8rem;
padding:0 .3rem
}
.benefit-wrapper .item:last-child {
margin-bottom:0
}
.benefit-wrapper .index-title-box {
top:0;
position:relative;
margin-bottom:.3rem
}
.newsinfo-wrapper .top {
padding:.6rem 0
}
.newsinfo-wrapper .top .box-container {
padding-right:.3rem
}
.newsinfo-wrapper .top h1 {
font-size:var(--fs20);
line-height:.5rem;
margin-bottom:.3rem
}
.newsinfo-wrapper .time {
font-size:.28rem;
line-height:.42rem
}
.newsinfo-wrapper .time img {
margin-right:.2rem;
width:.28rem
}
.newsinfo-wrapper .main:after {
display:none
}
.newsinfo-wrapper .main .box-container {
display:block;
padding:0 .3rem
}
.newsinfo-wrapper .main .box-container:after {
width:100%
}
.newsinfo-wrapper .content {
width:100%;
padding:.6rem 0;
line-height:.48rem
}
.newsinfo-wrapper .relative-box {
position:relative;
width:100%;
margin:.3rem auto .8rem;
padding:0 .3rem;
display:block;
bottom:0
}
.newsinfo-wrapper .relative-box p, .newsinfo-wrapper .relative-box p a {
font-size:.24rem
}
.newsinfo-wrapper .relative-box p {
width:100%;
line-height:.8rem;
padding:0 .3rem;
margin-bottom:.2rem
}
.newsinfo-wrapper .relative-box p:last-child {
margin-bottom:0
}
.newsinfo-wrapper .recommend-box {
width:100%;
padding:.6rem .3rem;
border-width:.04rem
}
.newsinfo-wrapper .recommend-box .caption {
font-size:.32rem;
margin-bottom:.5rem;
text-align:left
}
.newsinfo-wrapper .recommend-box ul {
display:flex;
display:-webkit-box;
display:-moz-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
flex-flow:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between;
margin-bottom:.6rem
}
.newsinfo-wrapper .recommend-box li {
width:48%;
margin-bottom:0;
display:none
}
.newsinfo-wrapper .recommend-box li:nth-child(-n+2) {
display:block
}
.newsinfo-wrapper .recommend-box .pic {
width:100%
}
.newsinfo-wrapper .recommend-box .title {
width:100%;
text-align:center;
line-height:.4rem;
max-height:.8rem;
margin-top:.2rem
}
.newsinfo-wrapper .index-more {
margin:0 auto
}
.share-box {
display:none
}
.news-wrapper-1 {
padding-bottom:0!important
}
.news-wrapper-1 .top {
display:block
}
.news-wrapper-1 .index-title-box {
width:100%;
text-align:center
}
.news-wrapper-1 .index-title-box .line {
margin-left:auto;
margin-right:auto
}
.news-wrapper-1 .swiper-slide .info {
display:block;
padding:.4rem;
background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
background-blend-mode:normal,  normal
}
.news-wrapper-1 .swiper-box {
width:100%
}
.news-wrapper-1 .swiper-container {
padding-bottom:1rem
}
.news-wrapper-1 .info-box {
display:none
}
.news-wrapper-1 .time {
color:rgba(255, 255, 255, 0.6);
font-size:var(--fs16);
line-height:20px
}
.news-wrapper-1 .main .title {
font-size:var(--fs20);
line-height:.44rem;
color:#fff
}
.news-wrapper-1 .decoration {
width:48%;
height:6rem
}
.news-wrapper-1 .swiper-pagination {
display:block;
bottom:0;
font-size:0
}
.news-wrapper-1 .swiper-pagination .swiper-pagination-bullet {
opacity:1;
background:none;
margin:0 5px;
width:8px;
height:8px;
border:1px solid #0d83ff;
transition:width .3s ease;
-webkit-transition:width .3s ease;
-moz-transition:width .3s ease;
-ms-transition:width .3s ease;
-o-transition:width .3s ease
}
.news-wrapper-1 .swiper-pagination .swiper-pagination-bullet:link, .news-wrapper-1 .swiper-pagination .swiper-pagination-bullet:visited, .news-wrapper-1 .swiper-pagination .swiper-pagination-bullet:active, .news-wrapper-1 .swiper-pagination .swiper-pagination-bullet:focus {
outline:none
}
.news-wrapper-1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background:#0d83ff;
width:24px;
border-radius:30px
}
.form-box {
display:none
}
.news-wrapper-2 .list li {
width:100%;
margin-right:0;
margin-top:.3rem
}
.news-wrapper-2 .list li:first-child {
margin-top:0
}
.news-wrapper-2 .swiper-slide, .news-wrapper-2 li {
width:100%;
border-radius:.16rem
}
.news-wrapper-2 .swiper-slide .title, .news-wrapper-2 li .title {
font-size:var(--fs20);
line-height:.44rem;
height:.88rem;
margin-bottom:.2rem
}
.news-wrapper-2 .swiper-slide .pic img {
height:3.4rem
}
.news-wrapper-2 .info {
padding:.6rem .4rem
}
.news-wrapper-2 .pic img {
height:auto
}
.news-wrapper-2 .time {
margin-bottom:.1rem
}
.imore {
width:.7rem;
height:.48rem;
border-radius:.24rem
}
.job-wrapper .box-container {
flex-flow:wrap;
flex-direction:column-reverse
}
.job-wrapper .left {
width:100%
}
.job-wrapper .right {
width:100%
}
.job-wrapper .top {
padding-top:.48rem;
padding-bottom:.6rem
}
.job-wrapper .top, .job-wrapper .detail {
padding-left:.4rem;
padding-right:1.2rem
}
.job-wrapper .item {
margin-bottom:.3rem
}
.job-wrapper .item.on .icon {
bottom:.5rem
}
.job-wrapper .top {
display:block
}
.job-wrapper .icon {
right:.2rem;
border-width:2px
}
.job-wrapper .icon i {
width:8px;
height:8px
}
.job-wrapper .name {
line-height:.48rem;
width:100%
}
.job-wrapper .desc, .job-wrapper .brief span {
line-height:.44rem
}
.job-wrapper .brief {
padding-top:.2rem;
flex-flow:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between
}
.job-wrapper .brief span {
margin-right:.4rem
}
.job-wrapper .brief span:nth-child(3) {
width:100%;
margin-right:0;
display:block
}
.job-wrapper .desc {
margin-top:.24rem
}
.job-wrapper .detail {
padding-bottom:.6rem
}
.job-wrapper .left .caption {
line-height:.44rem
}
.job-wrapper .content {
font-size:var(--fs15);
line-height:.44rem;
margin-bottom:.28rem
}
.job-wrapper .index-more {
margin-top:.3rem
}
.job-wrapper .form-box {
display:block;
background:none;
padding:0;
margin-bottom:.48rem
}
.job-wrapper .form-box .title {
margin-bottom:.16rem;
color:#666
}
.job-wrapper .form-box .caption {
padding-left:.3rem
}
.job-wrapper .form-box .list a {
padding:0 .3rem
}
.job-wrapper .info, .job-wrapper .pic {
display:none
}
.loading {
width:100%;
padding:.24rem 0;
margin-top:.3rem
}
.loading a {
font-size:var(--fs14);
line-height:.44rem
}
.loading i {
width:.44rem;
height:.44rem;
margin-right:.2rem
}
.form-box {
padding-top:0
}
.form-box .group {
width:100%
}
.form-box .caption {
font-size:var(--fs15);
height:.8rem;
line-height:.8rem;
padding:0 .4rem 0 .3rem
}
.form-box .caption:after {
width:8px;
right:8px
}
.form-box .list {
max-height:6.4rem
}
.form-box .list a {
font-size:var(--fs15);
line-height:.8rem;
padding:0 .3rem
}
.form-box .searchbox {
width:100%;
margin-left:0
}
.form-box .text {
height:.64rem;
line-height:.6rem;
padding:0 .3rem;
font-size:var(--fs15)
}
.form-box ::-webkit-input-placeholder {
color:#333;
font-size:var(--fs15)
}
.form-box :-moz-placeholder {
color:#333;
font-size:var(--fs15)
}
.form-box ::-moz-placeholder {
color:#333;
font-size:var(--fs15)
}
.form-box :-ms-input-placeholder {
color:#333;
font-size:var(--fs15)
}
.videoinfo-wrapper {
margin-top:1.2rem;
display:block;
padding-left:.3rem;
padding-right:.3rem
}
.videoinfo-wrapper .video-box {
width:100%
}
.videoinfo-wrapper iframe {
height:5rem
}
.videoinfo-wrapper video {
max-height:inherit
}
.videoinfo-wrapper .info-box {
width:100%;
height:auto
}
.videoinfo-wrapper .info {
padding:.6rem .48rem;
border-radius:.1rem;
margin-top:.48rem
}
.videoinfo-wrapper .caption {
font-size:var(--fs16);
line-height:.48rem;
margin-bottom:.16rem
}
.videoinfo-wrapper h1 {
font-size:var(--fs24);
line-height:.48rem;
margin-bottom:2px
}
.videoinfo-wrapper .brief {
line-height:.44rem;
margin-bottom:.4rem
}
.videoinfo-wrapper .desc {
height:auto;
max-height:inherit;
margin-bottom:.16rem
}
.videoinfo-wrapper .qrcode {
width:1.8rem
}
.btns-box .learn {
height:.8rem;
line-height:.8rem
}
.cat-box {
position:static;
transform:none;
overflow-x:auto;
width:100%;
padding:.4rem 0
}
.cat-box .list {
width:auto;
overflow:auto;
padding:0 .3rem;
white-space:nowrap;
text-align:center
}
.cat-box a {
display:inline-block;
margin-right:.2rem;
margin-bottom:0
}
.cat-box a:last-child {
margin-right:0
}
.cat-box .icon {
width:.5rem;
height:.5rem;
margin:0 auto .08rem;
display:block
}
.cat-box p {
font-size:var(--fs16);
line-height:.4rem
}
.info-wrapper-1 {
margin-top:1.2rem
}
.info-wrapper-1 .ad-swiper .pic {
z-index:10
}
.info-wrapper-1 .ad-swiper .pic img {
height:calc(100vh - 5.4rem - 52px);
object-fit:cover
}
.info-wrapper-1 .ad-swiper .info {
left:0;
bottom:0;
margin-top:.36rem;
width:100%;
padding:0 .3rem;
position:relative
}
.info-wrapper-1 .ad-swiper .title {
font-size:var(--fs20);
line-height:.44rem
}
.info-wrapper-1 .ad-swiper .brief {
font-size:var(--fs16);
line-height:.4rem;
margin:.08rem auto .27rem
}
.info-wrapper-1 .ad-swiper .swiper-pagination {
display:block;
bottom:18vh;
font-size:0
}
.info-wrapper-1 .ad-swiper .swiper-pagination .swiper-pagination-bullet {
opacity:1;
background:none;
margin:0 5px;
width:8px;
height:8px;
border:1px solid #fff;
transition:width .3s ease;
-webkit-transition:width .3s ease;
-moz-transition:width .3s ease;
-ms-transition:width .3s ease;
-o-transition:width .3s ease
}
.info-wrapper-1 .ad-swiper .swiper-pagination .swiper-pagination-bullet:link, .info-wrapper-1 .ad-swiper .swiper-pagination .swiper-pagination-bullet:visited, .info-wrapper-1 .ad-swiper .swiper-pagination .swiper-pagination-bullet:active, .info-wrapper-1 .ad-swiper .swiper-pagination .swiper-pagination-bullet:focus {
outline:none
}
.info-wrapper-1 .ad-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background:#0d83ff;
border-color:#0d83ff;
width:24px;
border-radius:30px
}
.info-wrapper-1 .btnbox {
font-size:0
}
.info-wrapper-1 .thumb-box {
display:none
}
.info-wrapper-2 .top {
margin-bottom:.1rem;
display:block
}
.info-wrapper-2 .caption {
font-size:var(--fs20);
margin-right:0;
margin-bottom:4px
}
.info-wrapper-2 .caption:after {
display:none
}
.info-wrapper-2 .cats {
display:flex;
display:-webkit-box;
display:-moz-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
flex-flow:wrap
}
.info-wrapper-2 .cats span {
line-height:.44rem;
font-size:var(--fs16);
margin-right:.3rem;
margin-bottom:.2rem
}
.info-wrapper-2 .cats span:last-child {
margin-right:0
}
.info-wrapper-2 .list {
margin-bottom:.6rem
}
.info-wrapper-2 ul {
-webkit-box-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between
}
.info-wrapper-2 li {
width:calc((100% - .3rem) / 2);
margin-top:.4rem;
margin-right:0
}
.info-wrapper-2 li:nth-child(-n+2) {
margin-top:0
}
.info-wrapper-2 .list:nth-child(2) li:first-child .pic img, .info-wrapper-2 .pic img {
height:1.52rem
}
.info-wrapper-2 .info {
margin-top:.24rem
}
.info-wrapper-2 .name {
font-size:var(--fs18)
}
.loading-box {
margin-top:.6rem
}
.loading-box a {
line-height:.44rem
}
.loading-box i {
width:.6rem;
height:.6rem;
margin-bottom:.1rem
}
.advantage-wrapper {
height:auto;
padding:1rem 0
}
.advantage-wrapper .box-container {
padding-top:0
}
.advantage-wrapper .index-title-box .brief {
font-size:var(--fs20)
}
.advantage-wrapper-1 {
background:none!important
}
.advantage-wrapper-2 .index-title-box {
margin-bottom:.4rem
}
.advantage-wrapper-2 .swiper-slide {
width:100%;
height:7rem;
padding-top:.6rem;
padding-bottom:1rem;
padding-left:.4rem;
padding-right:.4rem;
margin-right:0
}
.advantage-wrapper-2 .swiper-slide.swiper-slide-active .itembg {
opacity:1;
visibility:visible
}
.advantage-wrapper-2 .swiper-slide.swiper-slide-active .year {
color:#fff
}
.advantage-wrapper-2 .swiper-slide.swiper-slide-active>.caption {
opacity:0;
visibility:hidden;
transform:translateY(10px);
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-ms-transform:translateY(10px);
-o-transform:translateY(10px)
}
.advantage-wrapper-2 .swiper-slide.swiper-slide-active .month {
opacity:0;
visibility:hidden;
transform:translateY(-10px);
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px)
}
.advantage-wrapper-2 .swiper-slide.swiper-slide-active .info {
opacity:1;
visibility:visible;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0)
}
.advantage-wrapper-2 .swiper-slide .desc {
font-size:var(--fs15);
line-height:.44rem;
margin-top:.24rem
}
.advantage-wrapper-2 .info .caption {
font-size:var(--fs20);
margin-top:0
}
.advantage-wrapper-2 .info .caption span {
font-size:var(--fs48)
}
.advantage-wrapper-2 .swiper-slide>.caption {
font-size:var(--fs20);
left:.3rem;
bottom:.48rem
}
.advantage-wrapper-2 .caption {
line-height:.48rem
}
.advantage-wrapper-2 .caption:after {
width:.4rem;
height:.05rem
}
.advantage-wrapper-2 .swiper-slide-active:before {
opacity:1;
visibility:visible
}
.advantage-wrapper-2 .swiper-slide-active .year {
color:#fff
}
.advantage-wrapper-2 .swiper-slide-active>.caption {
opacity:0;
visibility:hidden;
transform:translateY(10px);
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-ms-transform:translateY(10px);
-o-transform:translateY(10px)
}
.advantage-wrapper-2 .swiper-slide-active .month {
opacity:0;
visibility:hidden;
transform:translateY(-10px);
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px)
}
.advantage-wrapper-2 .swiper-slide-active .info {
opacity:1;
visibility:visible;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0)
}
.advantage-wrapper-2 .swiperbtn.prev {
left:-0.3rem
}
.advantage-wrapper-2 .swiperbtn.next {
right:-0.3rem
}
.advantage-wrapper-3 {
background:none!important
}
.advantage-wrapper-3 .index-title-box {
padding-left:.3rem;
padding-right:.3rem
}
.advantage-wrapper-3 .index-title-box .title {
color:#333
}
.advantage-wrapper-3 .index-title-box .line {
background:#31def2
}
.advantage-wrapper-3 .box-container {
padding:0
}
.advantage-wrapper-4 {
background:none!important;
padding-top:0
}
.advantage-wrapper-4 .index-title-box {
padding-left:.3rem;
padding-right:.3rem
}
.advantage-wrapper-4 .box-container {
padding:0
}
.advantage-wrapper-5 .index-title-box {
margin-bottom:.48rem
}
.advantage-wrapper-5 .swiper-slide {
display:block
}
.advantage-wrapper-5 .info, .advantage-wrapper-5 .pic {
width:100%
}
.advantage-wrapper-5 .info {
font-size:var(--fs16);
line-height:.44rem;
padding:.8rem .6rem
}
.advantage-wrapper-5 .info .num {
line-height:.6rem;
height:.6rem;
font-size:var(--fs40)
}
.advantage-wrapper-5 .info .num span {
font-size:var(--fs48)
}
.category-box {
font-size:0;
margin-bottom:.36rem
}
.category-box a {
min-width:1.6rem;
line-height:.7rem;
margin-right:.2rem;
font-size:var(--fs14)
}
.index-swiper {
margin-top:1.2rem
}
.index-swiper>.swiper-container>.swiper-wrapper {
flex-flow:wrap
}
.store-wrapper .decoration {
height:5rem;
width:60%
}
.store-wrapper .form-box {
margin-bottom:.4rem;
display:flex;
display:-webkit-box;
display:-moz-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
flex-flow:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between
}
.store-wrapper .form-box select {
width:calc((100% - .16rem) / 2);
height:.7rem;
line-height:.66rem;
margin-right:0;
padding:0 .36rem 0 .26rem;
font-size:var(--fs14);
margin-bottom:.16rem;
background-size:6px;
background-position:right .2rem center
}
.store-wrapper .form-box .btn {
width:100%;
line-height:.8rem
}
.store-wrapper .form-box .btn img {
margin-left:.24rem;
width:.26rem
}
.store-wrapper table th, .store-wrapper table td {
width:16.925%;
padding:.16rem .1rem
}
.store-wrapper table th:nth-child(5), .store-wrapper table td:nth-child(5) {
width:32.3%
}
.store-wrapper table td, .store-wrapper table th {
line-height:.34rem
}
.store-wrapper table td {
font-size:.24rem
}
.store-wrapper table th {
font-size:.26rem
}
.contact-wrapper-1 ul {
display:block
}
.contact-wrapper-1 .contact li {
position:relative;
width:100%;
padding-left:1.2rem;
text-align:left;
margin-bottom:.4rem
}
.contact-wrapper-1 .contact li:last-child {
margin-bottom:0
}
.contact-wrapper-1 .contact .icon {
position:absolute;
left:0;
top:0;
z-index:10;
width:.9rem
}
.contact-wrapper-1 .contact .title {
font-size:var(--fs16);
line-height:.44rem;
margin:0 auto
}
.contact-wrapper-1 .contact p {
font-size:var(--fs24);
line-height:.44rem
}
.contact-wrapper-1 .address {
padding:0;
margin-top:.8rem
}
.contact-wrapper-1 .address li {
min-width:100%;
padding-left:0;
max-width:inherit;
width:100%;
padding-bottom:.4rem;
margin-bottom:.06rem;
margin-bottom:.4rem
}
.contact-wrapper-1 .address li:last-child {
margin-bottom:0
}
.contact-wrapper-1 .address li:first-child {
padding-top:.4rem;
border-top:1px solid #f2f2f2
}
.contact-wrapper-1 .address .title {
line-height:.44rem;
margin:8px auto 4px
}
.contact-wrapper-1 .address p {
font-size:var(--fs15);
line-height:.44rem
}
.contact-wrapper-1 .address .icon {
position:relative;
top:0;
width:.6rem;
height:.6rem
}
.contact-wrapper-2:before {
height:4.8rem;
background-attachment:inherit
}
.contact-wrapper-2 .pic {
display:none
}
.contact-wrapper-2 .info {
width:100%
}
.contact-wrapper-2 .index-title-box {
margin-bottom:.45rem
}
.contact-wrapper-2 .index-title-box, .contact-wrapper-2 .content {
padding-left:0
}
.contact-wrapper-2 .content {
font-size:var(--fs24);
line-height:.6rem
}
.contact-wrapper-2 .form {
margin-top:1.6rem
}
.contact-wrapper-2 .form .text, .contact-wrapper-2 .form .msg {
font-size:var(--fs14)
}
.contact-wrapper-2 .form .text {
height:.8rem;
line-height:.78rem
}
.contact-wrapper-2 .form .msg {
height:2.4rem;
padding-top:.2rem;
padding-bottom:.2rem;
line-height:.44rem
}
.contact-wrapper-2 .form ::-webkit-input-placeholder {
color:#999;
font-size:var(--fs14)
}
.contact-wrapper-2 .form :-moz-placeholder {
color:#999;
font-size:var(--fs14)
}
.contact-wrapper-2 .form ::-moz-placeholder {
color:#999;
font-size:var(--fs14)
}
.contact-wrapper-2 .form :-ms-input-placeholder {
color:#999;
font-size:var(--fs14)
}
.contact-wrapper-2 .index-more {
margin-top:.3rem
}
.contact-wrapper-2 .index-more.md {
font-size:var(--fs16)
}
.entertainment-wrapper .wow {
opacity:0;
visibility:hidden
}
.entertainment-wrapper .wow.animated {
opacity:1;
visibility:visible;
animation:fadeInUp50 1.5s ease
}
.entertainment-wrapper .index-title-box {
position:relative;
top:0;
opacity:1;
visibility:visible;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
margin-top:1rem;
padding-left:.3rem;
padding-right:.3rem
}
.entertainment-wrapper .index-title-box.white p, .entertainment-wrapper .index-title-box.white .title, .entertainment-wrapper .index-title-box.white .brief {
color:#333
}
.entertainment-wrapper .index-title-box.white .line {
background:#31def2
}
.entertainment-wrapper .pic img {
height:auto
}
.entertainment-wrapper .swiper-box {
height:auto;
padding-top:0;
padding-bottom:0
}
.entertainment-wrapper .swiper-box .index-title-box {
margin-bottom:.48rem
}
.entertainment-wrapper .swiper-box .swiper-container {
margin-bottom:.2rem
}
.entertainment-wrapper .swiper-box .pic img {
height:auto
}
.entertainment-wrapper .swiper-box .swiper-slide p {
font-size:var(--fs14);
line-height:.4rem;
bottom:.15rem;
padding:0 .26rem
}
.entertainment-wrapper .thumbs {
position:relative;
bottom:0;
margin-top:.3rem
}
.entertainment-wrapper .thumbs li {
width:12%;
padding:.1rem
}
.entertainment-wrapper .thumbs li img {
height:.6rem
}
.entertainment-wrapper .thumbs li .line_t {
height:1px
}
.entertainment-wrapper .thumbs li .line_r {
width:1px
}
.entertainment-wrapper .thumbs li .line_b {
height:1px
}
.entertainment-wrapper .thumbs li .line_l {
width:1px
}
.entertainment-wrapper .case-box {
opacity:1;
visibility:visible;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
padding-bottom:1rem
}
.entertainment-wrapper .index-more {
margin-top:.2rem
}
.about-wrapper-1 .decoration {
display:none
}
.about-wrapper-1 .main {
display:block;
padding:0 .3rem
}
.about-wrapper-1 .video-box {
width:100%
}
.about-wrapper-1 .info-box {
width:100%;
padding-left:0;
margin-bottom:.6rem
}
.about-wrapper-1 .info-box .title {
font-size:var(--fs30);
line-height:.48rem;
margin-bottom:.2rem
}
.about-wrapper-1 .content {
font-size:var(--fs15);
line-height:.44rem
}
.about-wrapper-2 {
height:auto;
padding:.8rem 0
}
.about-wrapper-2>.info {
position:static;
left:0;
top:0;
width:85%;
padding:0 .3rem
}
.about-wrapper-2>.info .icon {
width:.8rem;
margin-bottom:.2rem
}
.about-wrapper-2 .desc {
font-size:.26rem;
line-height:.44rem
}
.about-wrapper-2 .list {
position:relative;
bottom:0;
margin-top:.8rem
}
.about-wrapper-2 .list li {
padding:.3rem .2rem;
background:#f7f8f9
}
.about-wrapper-2 .list .icon {
width:.48rem;
height:.48rem
}
.about-wrapper-2 .list .title {
font-size:var(--fs18);
line-height:.4rem;
margin:.2rem auto .1rem
}
.about-wrapper-2 .list p {
font-size:var(--fs14);
line-height:.36rem
}
.about-wrapper-3 .swiper-container {
padding:0;
margin:0 auto
}
.about-wrapper-3 .swiper-slide {
width:100%;
margin-right:0;
padding:.3rem
}
.about-wrapper-3 .swiper-slide p {
font-size:var(--fs16);
margin-top:.4rem
}
.about-wrapper-3 .swiper-slide .pic img {
height:4.9rem
}
.about-wrapper-3 .swiperbtn.prev {
left:-0.15rem
}
.about-wrapper-3 .swiperbtn.next {
right:-0.15rem
}
.about-wrapper-3 .index-more {
margin-top:.5rem
}
.about-wrapper-4 .index-title-box {
margin-bottom:.4rem
}
.about-wrapper-4 .index-title-box .desc {
margin-top:.4rem
}
.about-wrapper-4 li {
width:48%;
margin-top:.7rem
}
.about-wrapper-4 li:nth-child(2) .inner, .about-wrapper-4 li:nth-child(6) .inner {
transform:translateY(.4rem);
-webkit-transform:translateY(.4rem);
-moz-transform:translateY(.4rem);
-ms-transform:translateY(.4rem);
-o-transform:translateY(.4rem)
}
.about-wrapper-4 li:nth-child(3) {
margin-top:.8rem
}
.about-wrapper-4 li:nth-child(2), .about-wrapper-4 li:nth-child(3), .about-wrapper-4 li:nth-child(6), .about-wrapper-4 li:nth-child(7), .about-wrapper-4 li:nth-child(9), .about-wrapper-4 li:nth-child(10) {
width:48%
}
.about-wrapper-4 li:nth-child(odd) .info {
padding-left:0
}
.about-wrapper-4 li .title {
font-size:var(--fs18);
line-height:.44rem;
margin:.3rem auto .1rem
}
.about-wrapper-4 li p {
width:100%;
font-size:var(--fs14);
line-height:.36rem
}
.system-wrapper .page-title-box {
position:relative;
top:0;
margin-bottom:.5rem
}
.system-wrapper .page-title-box p {
width:80%;
margin-left:auto;
margin-right:auto
}
.system-wrapper .item {
background:none!important;
height:auto
}
.system-wrapper .item:first-child .page-title-box {
top:0
}
.system-wrapper .item:nth-child(2) .page-title-box {
top:0
}
.page-title-box p {
font-size:var(--fs16);
line-height:.4rem;
margin-bottom:.12rem
}
.page-title-box .title {
font-size:var(--fs36);
line-height:.56rem
}
.page-title-box .title em {
margin-left:.3rem
}
.page-title-box .tag {
margin-top:.2rem;
min-width:4.8rem;
line-height:.76rem;
border-radius:.38rem;
padding:0 .36rem;
font-size:var(--fs18)
}
.brand-wrapper-1 .main {
display:block
}
.brand-wrapper-1 .main .pic {
width:65%;
margin:0 auto
}
.brand-wrapper-1 .main .info {
width:100%;
padding-top:.6rem
}
.brand-wrapper-1 .main .name {
font-size:var(--fs28);
line-height:.48rem
}
.brand-wrapper-1 .main .label {
font-size:var(--fs16);
margin:.2rem auto .3rem
}
.brand-wrapper-1 .main .caption {
font-size:var(--fs20);
line-height:.44rem;
margin-bottom:.1rem
}
.brand-wrapper-1 .main .content {
font-size:var(--fs15);
line-height:.44rem;
margin-bottom:.4rem
}
.brand-wrapper-1 .list {
margin-top:.48rem
}
.brand-wrapper-1 .list li {
width:100%;
margin-right:0;
margin-bottom:.6rem
}
.brand-wrapper-1 .list li:last-child {
margin-bottom:0
}
.brand-wrapper-1 .list .name {
line-height:.48rem;
font-size:var(--fs24);
margin-top:.4rem
}
.brand-wrapper-1 .list p {
font-size:var(--fs16);
margin-top:.06rem
}
.brand-wrapper-1 .decoration {
right:-14.74%;
top:1rem;
height:6.1rem
}
.brand-wrapper-2 .index-title-box {
position:relative;
top:0
}
.brand-wrapper-2 .swiper-box .title {
line-height:.6rem;
font-size:var(--fs24)
}
.brand-wrapper-2 .swiper-slide {
background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
background-blend-mode:normal,  normal;
height:auto
}
.brand-wrapper-2 .swiper-slide .info {
position:relative;
width:100%;
min-height:inherit;
padding:.6rem .6rem;
right:0;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
opacity:1;
visibility:visible;
background:none
}
.brand-wrapper-2 .swiper-slide .title {
display:block;
margin-bottom:.14rem
}
.brand-wrapper-2 .swiper-slide .desc {
font-size:var(--fs15);
line-height:.44rem
}
.brand-wrapper-2 .list {
display:none
}
.brand-wrapper-2 .index-title-box p, .brand-wrapper-2 .index-title-box .title {
color:#333
}
.brand-wrapper-3 {
background-attachment:inherit
}
.brand-wrapper-3 .swiper-box {
padding:0
}
.brand-wrapper-3 .swiper-box .swiper-slide {
display:block;
padding-top:0
}
.brand-wrapper-3 .pic {
width:calc(100% - .48rem);
margin-left:auto;
margin-right:0
}
.brand-wrapper-3 .pic img {
height:4.6rem;
object-fit:cover
}
.brand-wrapper-3 .info {
width:100%
}
.brand-wrapper-3 .info .desc {
padding-left:.48rem;
margin-top:-0.2rem
}
.brand-wrapper-3 .info .desc li {
padding-left:.3rem
}
.brand-wrapper-3 .info .desc li:before {
width:.2rem;
height:.2rem;
border-width:.06rem;
top:.14rem
}
.brand-wrapper-3 .info .desc, .brand-wrapper-3 .info .desc li {
font-size:var(--fs16);
line-height:.48rem
}
.brand-wrapper-3 .year {
font-size:1rem;
line-height:1rem;
top:-0.5rem;
left:0
}
.brand-wrapper-3 .year-box {
position:relative
}
.brand-wrapper-3 .year-box .swiper-container {
padding:0 .3rem
}
.brand-wrapper-3 .year-box .swiper-slide {
font-size:var(--fs20)
}
.brand-wrapper-3 .swiper-pagination {
margin-top:.76rem
}
.brand-wrapper-3 .swiperbtn {
margin-top:0;
transform:none;
top:2rem
}
.caseinfo-wrapper .info-box {
margin-bottom:.6rem
}
.caseinfo-wrapper .info-box .title {
font-size:var(--fs28)
}
.caseinfo-wrapper .info-box .brief li {
font-size:var(--fs14);
line-height:.4rem;
margin-right:.2rem
}
.caseinfo-wrapper .data {
padding:.6rem .48rem
}
.caseinfo-wrapper .data li {
min-width:1.6rem;
margin-right:.4rem
}
.caseinfo-wrapper .data li:after {
margin-top:-0.12rem;
height:.24rem
}
.caseinfo-wrapper .data .num span {
margin-right:.12rem
}
.caseinfo-wrapper .data .num i {
font-size:var(--fs18);
line-height:.3rem
}
.caseinfo-wrapper .data p, .caseinfo-wrapper .data .num {
line-height:.4rem
}
.caseinfo-wrapper .detail {
display:block;
margin-top:.4rem
}
.caseinfo-wrapper .contents {
width:100%;
padding-right:0;
padding-top:0;
padding-bottom:.48rem;
border-right:none
}
.caseinfo-wrapper .qrcode {
width:100%;
margin-top:.4rem
}
.caseinfo-wrapper .qrcode img {
width:2rem
}
.caseinfo-wrapper .qrcode p {
font-size:var(--fs16);
line-height:.4rem;
margin-top:.3rem
}
.caseinfo-wrapper .caption {
font-size:var(--fs20);
line-height:.44rem;
margin-bottom:.1rem
}
.caseinfo-wrapper .content {
font-size:var(--fs15);
line-height:.44rem;
margin-bottom:.62rem
}
.caseinfo-wrapper .swiperbtn.prev {
left:-0.3rem
}
.caseinfo-wrapper .swiperbtn.next {
right:-0.3rem
}
.caseinfo-wrapper-2 {
background-attachment:inherit
}
.caseinfo-wrapper-2 .box-container {
padding:0
}
.caseinfo-wrapper-2 .swiper-container {
padding-left:.3rem;
padding-right:.3rem
}
.caseinfo-wrapper-2 .swiper-slide {
width:100%;
margin-right:0
}
.caseinfo-wrapper-2 .swiper-slide .title {
line-height:.48rem;
margin-top:.4rem
}
.caseinfo-wrapper-2 .swiperbtn.prev {
left:0
}
.caseinfo-wrapper-2 .swiperbtn.next {
right:0
}
.case-wrapper .form-box {
display:none
}
.case-wrapper .first-case {
display:block
}
.case-wrapper .first-case .pic {
width:100%
}
.case-wrapper .first-case .info {
width:100%;
padding:.8rem .6rem
}
.case-wrapper .first-case .title {
font-size:var(--fs20);
line-height:.48rem
}
.case-wrapper .first-case .index-more {
width:2rem;
height:.7rem;
line-height:.62rem;
border-radius:.4rem
}
.case-wrapper .top {
display:block
}
.case-wrapper .box-container>.list {
margin-top:.3rem
}
.case-wrapper .box-container>.list li {
width:100%;
margin-right:0;
margin-top:0;
margin-bottom:.6rem
}
.case-wrapper .box-container>.list li:last-child {
margin-bottom:0
}
.case-wrapper .box-container>.list li .info {
padding:0 .48rem
}
.case-wrapper .box-container>.list .pic img {
height:4rem
}
.case-wrapper .desc {
font-size:var(--fs15);
line-height:.44rem
}
.case-wrapper .name {
line-height:.4rem;
margin-top:.4rem
}
.case-wrapper .imore {
margin:.3rem auto 0
}
.goods-wrapper .pageNum, .case-wrapper .pageNum, .goods-wrapper .pageMore, .case-wrapper .pageMore {
margin-top:1rem
}
.goods-wrapper .canvas, .case-wrapper .canvas {
bottom:-5.5rem
}
.step-wrapper .box-container {
padding:0
}
.step-wrapper .main {
width:100%;
padding:0 .3rem;
background:none;
position:relative
}
.step-wrapper .main:after, .step-wrapper .main:before {
content:"";
width:.3rem;
height:1.8rem;
border:2px solid #d5e7fb;
position:absolute;
z-index:0
}
.step-wrapper .main:before {
top:.76rem;
right:.3rem;
border-radius:0 2rem 2rem 0;
border-left:none
}
.step-wrapper .main:after {
left:.3rem;
border-radius:2rem 0 0 2rem;
border-right:none;
bottom:.76rem
}
.step-wrapper ul {
position:relative;
z-index:1;
padding:0 .3rem
}
.step-wrapper li {
width:33.33%;
margin-top:.36rem;
position:relative
}
.step-wrapper li:before {
content:"";
width:100%;
height:2px;
background:#d5e7fb;
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
z-index:-1
}
.step-wrapper li:nht-child(-n+3) {
margin-top:0
}
.step-wrapper li:nth-child(4) {
margin-top:.36rem
}
.step-wrapper li:nth-child(3n) .info:after {
content:"";
height:100%;
position:absolute;
top:2%;
width:.3rem;
right:-0.4rem;
z-index:10;
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
background-image:url(../image/right.png)
}
.step-wrapper li:nth-child(4) .info:after {
display:none
}
.step-wrapper .info {
width:1.5rem;
height:1.5rem
}
.step-wrapper .info .title {
font-size:.22rem;
line-height:.28rem;
margin-top:.08rem
}
.step-wrapper .icon {
height:.4rem
}
.step-wrapper .key {
top:-0.14rem;
left:-0.16rem;
font-size:var(--fs30);
line-height:.4rem
}
.step-wrapper .key:after {
width:.3rem;
height:.3rem
}
.step-wrapper-2 .cat a {
padding:.1rem 0;
line-height:.36rem;
width:calc((100% - 10px) / 4);
margin-right:10px;
font-size:var(--fs14)
}
.step-wrapper-2 .cat a:before {
bottom:-6px;
height:6px
}
.step-wrapper-2 .cat a em {
margin-left:.1rem
}
.step-wrapper-2 .contact {
padding:.48rem 0
}
.step-wrapper-2 .contact ul {
flex-flow:wrap
}
.step-wrapper-2 .contact li {
width:33.33%;
padding:0 .15rem;
margin-top:.4rem
}
.step-wrapper-2 .contact li:nth-child(-n+3) {
margin-top:0
}
.step-wrapper-2 .contact img {
width:75%
}
.step-wrapper-2 .contact .title, .step-wrapper-2 .contact p {
font-size:var(--fs14);
line-height:.36rem
}
.step-wrapper-2 .normal .inner {
display:block
}
.step-wrapper-2 .normal .pic {
width:100%
}
.step-wrapper-2 .normal .info {
width:100%;
padding:.6rem .4rem
}
.step-wrapper-2 .normal .info, .step-wrapper-2 .normal li {
font-size:var(--fs15);
line-height:.44rem
}
.step-wrapper-2 .normal .info li {
padding-left:.4rem;
margin-bottom:.08rem
}
.step-wrapper-2 .normal .info li:before {
width:.2rem;
height:.2rem;
top:.12rem
}
.goods-breadcrumb {
top:1.2rem;
line-height:.88rem
}
.goods-breadcrumb .left {
display:none
}
.goods-breadcrumb .right {
width:100%
}
.goods-breadcrumb .right a {
line-height:.88rem;
font-size:var(--fs15);
margin-right:.36rem
}
.goods-breadcrumb .right a:after {
height:2px
}
.goods-banner-wrapper {
margin-top:1.2rem
}
.goods-banner-wrapper video {
max-height:100vh
}
.goods-banner-wrapper video+.info h1, .goods-banner-wrapper video+.info .brief, .goods-banner-wrapper video+.info p {
width:100%
}
.goods-banner-wrapper .info {
width:100%
}
.goods-banner-wrapper h1, .goods-banner-wrapper .brief, .goods-banner-wrapper p {
width:50%
}
.goods-banner-wrapper h1, .goods-banner-wrapper .brief {
font-size:var(--fs20);
line-height:.44rem
}
.goods-banner-wrapper .brief {
margin:.1rem auto
}
.goods-banner-wrapper p {
font-size:var(--fs14);
line-height:.36rem
}
.goods-banner-wrapper .play {
margin-top:.3rem;
width:.7rem;
height:.7rem
}
.goodsinfo-wrapper-1 {
text-align:center;
padding:.65rem 0
}
.goodsinfo-wrapper-1 .title {
font-family:"regular";
font-weight:700;
font-size:var(--fs30);
line-height:.6rem;
color:#151515
}
.goodsinfo-wrapper-1 .brief {
font-size:var(--fs20);
line-height:.44rem;
color:#151515;
margin:.18rem auto .6rem
}
.goodsinfo-wrapper-1 .bigImg-swiper {
padding-bottom:.3rem
}
.goodsinfo-wrapper-1 .bigImg-swiper .swiper-slide-active img {
opacity:1;
visibility:visible
}
.goodsinfo-wrapper-1 .bigImg-swiper img {
max-width:100%;
height:5rem;
object-fit:contain;
opacity:0;
visibility:hidden;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease
}
.goodsinfo-wrapper-1 .bigImg-swiper .swiper-pagination {
display:block;
bottom:0;
font-size:0
}
.goodsinfo-wrapper-1 .bigImg-swiper .swiper-pagination .swiper-pagination-bullet {
opacity:1;
background:none;
margin:0 5px;
width:8px;
height:8px;
border:1px solid #0d83ff;
transition:width .3s ease;
-webkit-transition:width .3s ease;
-moz-transition:width .3s ease;
-ms-transition:width .3s ease;
-o-transition:width .3s ease
}
.goodsinfo-wrapper-1 .bigImg-swiper .swiper-pagination .swiper-pagination-bullet:link, .goodsinfo-wrapper-1 .bigImg-swiper .swiper-pagination .swiper-pagination-bullet:visited, .goodsinfo-wrapper-1 .bigImg-swiper .swiper-pagination .swiper-pagination-bullet:active, .goodsinfo-wrapper-1 .bigImg-swiper .swiper-pagination .swiper-pagination-bullet:focus {
outline:none
}
.goodsinfo-wrapper-1 .bigImg-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background:#0d83ff;
width:24px;
border-radius:30px
}
.goodsinfo-wrapper-1 .thumb-box {
display:none
}
.cube-box .btns {
margin-top:.6rem
}
.cube-box .swiperbtn.prev {
margin-right:.8rem
}
.goodsinfo-wrapper-3 {
overflow:hidden
}
.goodsinfo-wrapper-3 .swiper-container {
padding:.3rem 15px .63rem;
margin:-0.3rem -15px 0
}
.goods-box ul {
-webkit-box-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between
}
.goods-box .swiper-slide, .goods-box li {
width:100%;
margin-right:0
}
.goods-box .swiper-slide a, .goods-box li a {
padding-top:.5rem
}
.goods-box .swiper-slide a:after, .goods-box li a:after {
height:2px
}
.goods-box .swiper-slide.new a:before, .goods-box li.new a:before {
width:1rem
}
.goods-box .info {
padding:0 .2rem .24rem
}
.goods-box .title {
font-size:var(--fs40)
}
.goods-box p {
font-size:var(--fs15);
line-height:.4rem;
margin:.1rem auto .23rem
}
.goods-box .pic img {
height:5.2rem
}
.goods-box .swiperbtn.prev {
left:-0.3rem
}
.goods-box .swiperbtn.next {
right:-0.3rem
}
.goods-box .index-more {
line-height:.58rem;
height:.64rem;
width:1.8rem;
border-radius:.32rem
}
.goodsinfo-wrapper-4 {
background-attachment:inherit
}
.goodsinfo-wrapper-4 .box-container {
display:block
}
.goodsinfo-wrapper-4 .caption {
font-size:var(--fs24);
line-height:.48rem;
letter-spacing:1px;
height:auto;
margin-bottom:.2rem
}
.goodsinfo-wrapper-4 .left .group {
display:block
}
.goodsinfo-wrapper-4 .left .group span {
width:100%
}
.goodsinfo-wrapper-4 .left .group .text {
margin-left:0
}
.goodsinfo-wrapper-4 .left .submit {
display:none
}
.goodsinfo-wrapper-4 .left, .goodsinfo-wrapper-4 .center {
width:100%
}
.goodsinfo-wrapper-4 .left span, .goodsinfo-wrapper-4 .center span {
display:block;
font-size:var(--fs16);
line-height:.44rem;
margin-bottom:.1rem
}
.goodsinfo-wrapper-4 .left span img, .goodsinfo-wrapper-4 .center span img {
margin-right:.12rem
}
.goodsinfo-wrapper-4 .group {
min-height:.8rem;
line-height:.4rem;
padding:.3rem;
margin-bottom:.3rem
}
.goodsinfo-wrapper-4 .group.msg {
height:3rem;
padding:.3rem
}
.goodsinfo-wrapper-4 .group.address {
padding-top:.3rem;
height:auto
}
.goodsinfo-wrapper-4 .group .msg {
line-height:.3rem;
height:1.2rem
}
.goodsinfo-wrapper-4 .group .text {
width:100%;
line-height:.5rem;
font-size:var(--fs16)
}
.goodsinfo-wrapper-4 .group label {
font-size:var(--fs16);
line-height:.44rem;
margin-right:.2rem;
margin-bottom:.1rem
}
.goodsinfo-wrapper-4 .group label:before {
width:.3rem;
height:.3rem
}
.goodsinfo-wrapper-4 .center {
margin-top:.8rem
}
.goodsinfo-wrapper-4 .center ul {
margin-bottom:.36rem
}
.goodsinfo-wrapper-4 .center li {
line-height:.44rem;
font-size:var(--fs20)
}
.goodsinfo-wrapper-4 .qrcode-box {
margin-top:1.4rem;
width:100%
}
.goodsinfo-wrapper-4 .qrcode-box ul {
height:auto;
padding:1rem .8rem .6rem
}
.goodsinfo-wrapper-4 .qrcode-box li {
width:40%;
margin-top:.48rem
}
.goodsinfo-wrapper-4 .qrcode-box li:nth-child(-n+2) {
margin-top:0
}
.goodsinfo-wrapper-4 .qrcode-box>img {
width:38%;
top:-0.6rem
}
.goodsinfo-wrapper-4 .selectbox select {
width:40%;
height:.64rem;
line-height:.64rem;
font-size:var(--fs15);
margin-right:.2rem;
padding:0 .6rem 0 .3rem
}
.goodsinfo-wrapper-4 .submit {
width:60%;
line-height:.74rem;
border-radius:.37rem;
font-size:var(--fs16)
}
.goodsinfo-wrapper-4 .swiper-container {
height:4rem
}
.search-goodsbox {
display:none
}
.goods-wrapper .top {
display:block
}
.goods-wrapper .index-title-box {
text-align:center
}
.goods-wrapper .index-title-box .line {
margin-left:auto;
margin-right:auto
}
.quality-wrapper-1 .info {
position:relative;
padding-bottom:0!important
}
.quality-wrapper-2:before {
height:60%
}
.quality-wrapper-2 .top p {
font-size:var(--fs24)
}
.quality-wrapper-2 .num span {
font-size:1rem;
line-height:1rem
}
.quality-wrapper-2 .info {
padding:.36rem .6rem
}
.quality-wrapper-2 .info .title, .quality-wrapper-2 .info .desc {
width:100%
}
.quality-wrapper-2 .info .title {
font-size:var(--fs20);
line-height:.4rem;
margin-bottom:.1rem
}
.quality-wrapper-2 .desc {
font-size:var(--fs14);
line-height:.36rem;
height:.72rem
}
.quality-wrapper-2 .swiper-box {
padding:0 .3rem
}
.quality-wrapper-2 .swiperbtn.prev {
left:0
}
.quality-wrapper-2 .swiperbtn.next {
right:0
}
.cube-box .swiper-slide {
width:100%
}
.cube-box p {
font-size:var(--fs16);
line-height:.44rem;
margin-top:.2rem;
opacity:1;
visibility:visible
}
.quality-wrapper-4 .item {
display:block;
margin-bottom:.6rem
}
.quality-wrapper-4 .info, .quality-wrapper-4 .pic {
width:100%
}
.quality-wrapper-4 .info {
padding:.8rem .6rem
}
.quality-wrapper-4 .info .title {
font-size:var(--fs22);
line-height:.48rem;
margin-bottom:.2rem
}
.quality-wrapper-4 .key {
font-size:1rem;
line-height:1rem
}
.quality-wrapper-4 .desc {
font-size:var(--fs15);
line-height:.44rem
}
.quality-wrapper-5 {
background-attachment:inherit
}
.quality-wrapper-5 li {
width:100%;
margin-right:0;
margin-top:0;
margin-bottom:.6rem
}
.quality-wrapper-5 li:last-child {
margin-bottom:0
}
.quality-wrapper-5 li .title {
font-size:var(--fs20);
line-height:.48rem;
margin:.4rem auto .1rem
}
.quality-wrapper-5 .pic img {
height:auto
}
.quality-wrapper-5 .brief {
font-size:var(--fs15);
line-height:.44rem
}
}
.idx_scrollbar {
	width:20px;
	height:auto;
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%);
	z-index:15;
	pointer-events:none;
--number-color:#FFF;
--line-color:#FFF;
--h-size:0
}
.idx_scrollbar .one {
	width:100%;
	height:auto;
	text-align:center
}
.idx_scrollbar .one .icon {
	width:80%;
	height:auto;
	margin:0 auto;
	position:relative;
	z-index:1;
	text-align:center;
	filter:brightness(0) invert(1);
	overflow:hidden;
-webkit-transition:all .45s ease;
-o-transition:all .45s ease;
transition:all .45s ease
}
.idx_scrollbar .one .number {
	opacity:1
}
.idx_scrollbar .line {
	width:1px;
	height:160px;
	margin:10px auto;
	position:relative;
	z-index:1
}
.idx_scrollbar .line::before {
content:'';
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:1;
background:var(--line-color);
opacity:.2;
-webkit-transition:all .45s ease;
-o-transition:all .45s ease;
transition:all .45s ease
}
.idx_scrollbar .line::after {
content:'';
width:100%;
height:var(--h-size);
position:absolute;
left:0;
top:0;
z-index:2;
background:var(--line-color);
-webkit-transition:all .45s ease;
-o-transition:all .45s ease;
transition:all .45s ease
}
.idx_scrollbar .number {
	font-family:"en_regular";
	text-align:center;
	width:100%;
	height:auto;
	font-size:var(--font14);
	color:var(--number-color);
	opacity:.5;
-webkit-transition:all .45s ease;
-o-transition:all .45s ease;
transition:all .45s ease
}
.idx_scrollbar.active {
--number-color:#0d83ff;
--line-color:#0d83ff
}
.idx_scrollbar.active .one .icon {
	filter:none
}
@media (max-width:990px) {
.idx_scrollbar {
display:none
}
}
.pageNum {
	text-align:center;
	font-size:0;
margin-top:.63rem
}
.pageNum li {
	display:inline-block;
	color:#4d4d4d;
	font-size:14px;
	font-family:"regular";
	vertical-align:middle;
margin:0 .1rem;
width:.48rem;
height:.48rem;
line-height:.48rem;
	background-color:#fff;
	border:solid 1px rgba(0, 0, 0, 0.1);
	border-radius:5px;
	text-align:center;
transition:all .48s ease;
-webkit-transition:all .48s ease;
-moz-transition:all .48s ease;
-ms-transition:all .48s ease;
-o-transition:all .48s ease;
transition:background .5s ease;
-webkit-transition:background .5s ease;
-moz-transition:background .5s ease;
-ms-transition:background .5s ease;
-o-transition:background .5s ease
}
.pageNum li a {color:#333333;}
.pageNum li:first-child {
	margin-left:0
}
.pageNum li:last-child {
	margin-right:0
}
.pageNum .dot {
line-height:.38rem
}
.pageNum .btns i {
	display:inline-block;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:8px;
	position:relative;
	z-index:10;
	width:100%;
	height:100%
}
.pageNum .prev i {
	background-image:url(../image/pil2.png)
}
.pageNum .prev:hover i {
	background-image:url(../image/pil.png)
}
.pageNum .next i {
	background-image:url(../image/pir2.png)
}
.pageNum .next:hover i {
	background-image:url(../image/pir.png)
}
.pageNum li:hover, .pageNum .active {
	color:#fff;
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
	border:none
}
.pageMore {
	display:none;
margin-top:.6rem
}
.pageMore a {
	display:block;
	width:100%;
	text-align:center;
height:.8rem;
line-height:.8rem;
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
	color:#fff;
	font-size:12px
}
.page-wrapper .content {
	font-size:var(--fs16);
line-height:.36rem
}
.search-wrapper .result {
margin-bottom:.2rem
}
.search-wrapper .result span {
	display:inline-block;
	font-size:var(--fs16);
margin-right:.3rem;
line-height:.48rem
}
.search-wrapper .result b {
	display:inline-block;
	margin:0 4px;
	color:#cd0000;
	font-family:"mb";
	text-decoration:underline
}
.search-wrapper .list li {
	position:relative;
	list-style:none;
	border-bottom:1px dashed #eee
}
.search-wrapper .list li:first-child {
	border-top:1px dashed #eee
}
.search-wrapper .list li:hover .title {
	color:#0d83ff
}
.search-wrapper .list li a {
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
padding:.1rem 0;
	align-items:center
}
.search-wrapper .list .title {
	flex:1;
	font-size:var(--fs16);
	color:#666;
line-height:.48rem;
	margin-right:1rem;
transition:color .3s ease;
-webkit-transition:color .3s ease;
-moz-transition:color .3s ease;
-ms-transition:color .3s ease;
-o-transition:color .3s ease;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow:hidden
}
.search-wrapper .list p {
	font-size:var(--fs16);
	color:#999;
	font-family:"mr"
}
@media screen and (max-width:1004px) {
.pageNum {
display:block
}
.pageMore {
display:block
}
.page-wrapper .content {
line-height:.48rem
}
.search-wrapper .result {
margin-bottom:.3rem
}
.search-wrapper .result span {
font-size:var(--fs14);
margin-right:.48rem
}
.search-wrapper .list li a {
padding:.2rem 0
}
.search-wrapper .list .title {
font-size:var(--fs14);
line-height:.48rem;
margin-right:.6rem
}
.search-wrapper .list p {
font-size:var(--fs14)
}
.pageNum {
margin-top:.8rem
}
.pageNum li {
font-size:12px;
margin:0 .1rem;
width:.9rem;
height:.6rem;
line-height:.6rem
}
.pageNum .dot {
line-height:.44rem
}
.pageNum .btns i {
background-size:6px
}
}
.imgScale {
	position:relative
}
.imgScale:hover:before {
	-webkit-animation:shine 1s;
	animation:shine 1s
}
.imgScale:hover img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.imgScale:before {
	position:absolute;
	top:0;
	left:-90%;
	z-index:2;
	display:block;
	content:"";
	width:50%;
	height:100%;
	background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	-webkit-transform:skewX(-25deg);
	-ms-transform:skewX(-25deg);
	transform:skewX(-25deg);
-webkit-transition:All .5s ease;
transition:All .5s ease
}
@-webkit-keyframes shine {
100% {
left:125%
}
}
@keyframes shine {
100% {
left:125%
}
}
@keyframes circle-chart-fill {
to {
stroke-dasharray:0 100
}
}
@-webkit-keyframes circle-chart-fill {
to {
stroke-dasharray:0 100
}
}
@-moz-keyframes circle-chart-fill {
to {
stroke-dasharray:0 100
}
}
@-ms-keyframes circle-chart-fill {
to {
stroke-dasharray:0 100
}
}
@media screen and (min-width:1024px) {
::-webkit-scrollbar {
width:5px;
background-color:#f7f8f9
}
::-webkit-scrollbar-thumb {
background-color:#0d83ff
}
body.index {
overflow:hidden
}
}
@media screen and (max-width:1600px) {
:root {
--fs18:17px;
--fs20:18px;
--fs22:20px;
--fs24:22px;
--fs28:26px;
--fs30:28px;
--fs36:34px;
--fs40:36px;
--fs48:44px
}
}
@media screen and (max-width:1440px) {
:root {
--fs22:.2rem;
--fs24:.22rem;
--fs28:.26rem;
--fs30:.28rem;
--fs36:.3rem;
--fs40:.32rem;
--fs48:.4rem
}
}
@media screen and (max-width:1366px) {
:root {
--fs14:13px;
--fs15:14px;
--fs16:15px
}
}
@media screen and (max-width:1280px) {
:root {
--fs14:12px
}
}
@media screen and (max-width:1004px) {
:root {
--fs14:.24rem;
--fs16:.28rem;
--fs18:.3rem;
--fs20:.32rem;
--fs22:.36rem;
--fs24:.38rem;
--fs28:.4rem;
--fs30:.42rem;
--fs36:.44rem;
--fs40:.46rem;
--fs48:.48rem
}
.box-container, .w1200 {
width:100%;
padding:0 .3rem
}
.pic img.pc {
display:none
}
.pic img.phone {
display:block
}
.playIcon {
width:1.1rem;
height:1.1rem;
margin-top:-0.55rem;
margin-left:-0.55rem
}
.playIcon:before, .playIcon:after {
left:-10%;
top:-10%;
width:120%;
height:120%
}
}
.btnbg {
	background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
	background-blend-mode:normal,  normal;
	border-radius:1000px;
	position:absolute;
	left:0;
	top:0;
	width:0px;
	height:0px;
	margin-left:0px;
	margin-top:0px;
	pointer-events:none
}
.white .desplode-circle {
animation:desplode_white .5s forwards
}
.white .explode-circle {
animation:explode_white .5s forwards
}
.desplode-circle {
animation:desplode .5s forwards
}
.explode-circle {
animation:explode .5s forwards
}
@keyframes explode {
0% {
width:0px;
height:0px;
margin-left:0px;
margin-top:0px;
background-color:rgba(0, 0, 0, 0.7)
}
100% {
width:400px;
height:400px;
margin-left:-200px;
margin-top:-200px;
background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
background-blend-mode:normal,  normal
}
}
@keyframes desplode {
0% {
width:400px;
height:400px;
margin-left:-200px;
margin-top:-200px;
background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
background-blend-mode:normal,  normal
}
100% {
width:0px;
height:0px;
margin-left:0px;
margin-top:0px;
background-color:rgba(0, 0, 0, 0.7)
}
}
@keyframes explode_white {
0% {
width:0px;
height:0px;
margin-left:0px;
margin-top:0px;
background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
background-blend-mode:normal,  normal
}
100% {
width:400px;
height:400px;
margin-left:-200px;
margin-top:-200px;
background-color:#fff
}
}
@keyframes desplode_white {
0% {
width:400px;
height:400px;
margin-left:-200px;
margin-top:-200px;
background-color:#fff
}
100% {
width:0px;
height:0px;
margin-left:0px;
margin-top:0px;
background-image:linear-gradient(90deg, #0d83ff 0%, #31def2 100%);
background-blend-mode:normal,  normal
}
}
@keyframes TopBtn {
0% {
top:0;
opacity:1
}
35% {
top:-50%;
opacity:0
}
65% {
top:50%;
opacity:0
}
100% {
top:0;
opacity:1
}
}
@-webkit-keyframes TopBtn {
0% {
top:0;
opacity:1
}
35% {
top:-50%;
opacity:0
}
65% {
top:50%;
opacity:0
}
100% {
top:0;
opacity:1
}
}
@media screen and (max-width:1004px) {
.explode-circle {
display:none
}
}