:root{
	--theme-color: #1251d5;
	--swiper-theme-color: var(--theme-color);
	--header-height: 130px;
	--other-full-screen: calc(100vh - var(--header-height));
	--normal: 16px;
	--title: 36px;
	--subtitle: 16px;
	--tit: 18px;
}

.wrap-container {
	margin: 0 auto;
	max-width: max(1400px, 72.91666vw);
}
.icon-arr{font-size: 12px;}
.more-arr{display: inline-block; transform: rotate(-45deg); margin-left: 1.25vw;}
hr.line{
	height: 3px; width: 24.69vw;
	background: linear-gradient(to right, #ef8100, #ffc000);
}
.more-btn{
	width: var(--width);	height: var(--height);
	border-radius: calc(var(--height) / 2);
	font-size: var(--normal);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 1s;
}
.more-btn.hover:hover{border: #fff; background: var(--theme-color); color: #fff;}
.only-moblie-bg{display: none;}

.title{font-size: var(--title); font-weight: bold;}
.subtitle{font-size: var(--subtitle); margin-top: 0.4vw; color: #666;}
.tit{font-size: var(--tit);}
.scroll-x{width: 100%; overflow-y: hidden; overflow-x: auto;}

/* header */
header{
	position: fixed;
	top: 0; left: 0;
	width: 100vw;
	z-index: 99;
	transition: 1s;
}
.header{height: var(--header-height);}
header.on{background: var(--theme-color);}

.header .switch{display: none;}
.header .switch .iconfont{color: #fff;}

/* nav */
.nav{color: #fff; font-size: 18px;}
.nav .item{margin: 0 1vw; --active: #ff8f00;}
.nav .item:hover{color: var(--active);}
.nav .item:hover::after{opacity: 1;}
.nav .item.active{color: var(--active);}
.nav .item.active::after{opacity: 1;}
.nav .item::after{
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background: var(--active);
	margin-top: 0.5vw;
	opacity: 0;
	transition: opacity .5s;
}

/* banner */
.banner .imgbox img{width: 100%;}
.banner .title{font-size: 60px;}
.banner pre{font-size: 55px;}
.banner hr.line{margin: 2.34vw 0 1.5625vw;}
.banner .txt{font-size: 18px; line-height: 1.33;}
/* index-banner */
.index-banner .text{
	color: #fff;
	left: 13.54vw;
}
.index-banner .tit{font-size: 60px; line-height: 1.2;}
.index-banner hr.line{margin: 1vw 0 1.5vw;}
.index-banner .txt{font-size: 18px; line-height: 1.33;}
.index-banner .more-btn{
	--width: 8.23vw; --height: 2.5vw;
	background: linear-gradient(to right, #ff8f00, #ffb400);
	margin-top: 2.5vw;
}
.index-banner .imgbox img{width: 100%;}

/* footer */
footer{--fc: #878da2; background: #273456;}
footer .title{color: #fff; font-size: 16px;}
footer .item{font-size: 14px; color: var(--fc);}
.footer{padding-top: 6.25vw; padding-bottom: 3.65vw;}

.footer .top > div:first-child{margin-right: 5.21vw;}
.footer .lists .part{margin-right: 4.69vw;}
.footer .top .qr{margin-left: auto; margin-right: 0;}
.footer .top .title{margin-bottom: 1vw;}
.footer .top .item{margin-bottom: 0.5vw;}
.footer .top{padding-bottom: 6.25vw; border-bottom: 1px solid var(--fc);}
.footer .qr-box{padding: 5px; background: #fff;}
.footer .qr p{font-size: 14px; text-align: center; color: var(--fc); margin-top: 0.5vw;}

.footer .bottom{padding-top: 3.91vw;}
.footer .info > div{font-size: 14px; color: var(--fc); line-height: 1.5;}
.footer .info > div:nth-child(2){font-size: 24px;}
.footer .copyright{color: var(--fc); font-size: 14px; line-height: 1.7;}
.footer .icons{margin-bottom: 0.9vw;}
.footer .icons > a{width: 21px; height: 18px; margin-left: 15px;}

/* index1 */
.index1{min-height: 39.84vw;}
.index1 .wrap-container{padding: 7.03vw 0;}
.index1 .text{width: 35%;}
.index1 .edit-box{margin-top: 1.82vw;}
.index1 .nums{margin-top: 3.39vw;}
.index1 .nums .num{font-size: 48px; color: #324fb8; font-weight: bold; display: flex; align-items: center;}
.index1 .nums .item{margin-right: 5vw;}
.index1 .nums p{font-size: var(--normal);}

/* index2 */
.index2 .wrap-container{padding: 7.03vw 0;}
.index2 .list{margin-top: 3.9vw;}
.index2 .list .item{
	--num: 3; --space: 14.32vw;
	margin-bottom: 4.43vw;
}
.index2 .list .item:nth-child(3n){margin-right: 0;}
.index2 .desc .tit{margin-top: 1vw; font-weight: bold;}
.index2 .desc .txt{font-size: 14px; color: #888; margin-top: 1vw; line-height: 1.71;}
.index2 .item .imgbox{width: 9vw; margin: 0 auto;}

/* index3 */
.index3{background: #f4f7fb;}
.index3 .wrap-container{padding: 7.81vw 0 8.85vw;}
.index3 .tabbar{padding: 1.82vw 0; margin-bottom: 10px; margin-top: 3vw;}
.tabbar{background: #fff; border-radius: 5px; position: relative; width: 100%;}
.tabbar .icon{margin-right: .5vw;}
.tabbar .item{border-left: 1px solid #e9e9e9; cursor: pointer;}
.tabbar .item:first-child{border-left: none;}
.tabbar .slider{
	width: 20%;
	height: 5px;
	background: var(--theme-color);
	position: absolute;
	bottom: 0; left: 0;
	transition: 1s;
}
.tabbar .item .tit{font-weight: bold; text-align: left;}
.tabbar .item div p{font-size: 14px; color: #666;}

.index3 .text .tit{font-size: 24px;}
.index3 .edit-box{color: #707070;}
.index3 .container .imgbox{width: 29.17vw; height: 27.6vw;}
.index3 .container .imgbox img{max-width: 70%;}
.index3 .container .item{background: #fff; border-radius: 5px; display: none;}
.index3 .container .item:first-child{display: block;}
.index3 .container .text{padding: 4.69vw;}
.index3 .container .edit-box{margin-top: 2.34vw;}
.index3 .more-btn{
	--width: 8.23vw; --height: 2.5vw;
	border: 2px solid var(--theme-color);
	color: var(--theme-color);
	margin-top: 3.65vw;
}

/* index4 */
.index4{background: #fff;}
.index4 .wrap-container{padding: 5.73vw 0 5.99vw;}
.index4 .more-btn{
	--width: 8.23vw; --height: 2.5vw;
	border: 2px solid var(--theme-color);
	color: var(--theme-color);
}
.index4 .swiper-slide{
	background: #f7f8fa;
	min-height: 24vw;
}
.index4 .swiper-container{margin-top: 2.6vw;}
.index4 .swiper-slide .imgbox{height: 11.56vw;}
.index4 .swiper-slide .imgbox img{width: 100%;}
.index4 .swiper-slide .desc{padding: 1.3vw; min-height: 9.7vw;}
.index4 .swiper-slide .txt{margin-top: 1.4vw; color: #888; font-size: 14px;}
.index4 .swiper-slide .date{padding: 1vw 1.3vw; width: 100%; color: #888; font-size: 14px; border-top: 1px solid #dfdfdf; transition: 1s;}
.index4 .swiper-slide:hover .date{background: var(--theme-color); color: #fff;}

/* index5 */
.index5{background: #f4f7fb;}
.index5 .wrap-container{
	background-position-y: 135%;
	background-size: 140%;
	padding: 7vw 0 15vw;
	height: 100%;
}
.index5 .titles{width: 50%; margin: 0 auto; line-height: 1.71;}
.index5 .subtitle{margin-top: 1vw; color: #666;}
.index5 .logo-list{display: flex; align-items: center; justify-content: space-evenly; margin-top: 2.65vw;}
.index5 .logo-list p{margin-top: 10px; font-size: 14px; color: #666;}
.index5 .more-btn{
	--width: 8.23vw; --height: 2.5vw;
	border: 2px solid var(--theme-color);
	background: var(--theme-color);
	color: #fff;
	margin: 0 auto;
	margin-top: 4.17vw;
}

/* 产品中心tabbar */
.icon-tabbar{padding: 1.3vw 0 1.56vw; border-bottom: 1px solid #e2e2e2; background: #fff;}
.icon-tabbar .item p{font-size: 18px; word-break: break-all; white-space: nowrap; margin-top: 10px; font-weight: bold; transition: color 0.5s;}
.icon-tabbar .item:hover p{color: var(--theme-color);}
.icon-tabbar .item.active p{color: var(--theme-color);}
.icon-tabbar .scroll-container{justify-content: space-between;}
.icon-tabbar .item:nth-child(6n){margin-right: 0;}
.icon-tabbar .item .imgbox{width: 4.0625vw; height: 4.6875vw; margin: 0 auto;}

/* 产品中心 */
.cp{
	--title: 30px;
	--subtitle: 24px;
}
.list .item:nth-child(6n) {
	margin-right:0;
}
.list .list-container {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	align-items:stretch;
}
.cp .title, .cp .subtitle {
	font-weight: bold;
}
.cp .subtitle p{font-weight: normal;}
.gs{padding: 3.65vw 0 4.69vw;}
.gs .wrap{margin-top: 2.34vw;}
.gs .imgbox{border-radius: 15px; margin-right: 0.78vw;}
.gs .desc{padding: 1.82vw 2.6vw 2.6vw;}
.gs .subtitle{font-weight: bold;}
.gs .edit-box{margin-top: 2.08vw; color: #666;}

.gn{padding: 4.69vw 0 5.99vw;background: #f4f7fb;}
.gn .subtitle p{font-size: var(--normal); margin-top: 5px;}
.gn .icon{height: 2.4vw;}
.gn .icon img{height: 100%;}
.gn .list .item{
	--num: 3; --space: 1.82vw;
	background: #fff;
	display: flex;
	min-height:6.25vw;
	border-radius: 8px;
	overflow: hidden;
	align-items: center;
	padding:0 2.19vw;
	transition: 1s;
	min-height:6.25vw;
	line-height:1.5;
	padding:2em 2.19vw;
}
.gn .list .item:hover{transform: scale(1.1);}
.gn .list .item:nth-child(3n){margin-right: 0;}
.gn .list .item p{margin-top: 5px;line-height:1.5}
.gn .icon{margin-right: 1vw;}
.gn .title{margin-bottom: 2.86vw;}
.gn .list{margin-top: 2.86vw;}
.gn hr{margin: 3.65vw 0; width: 100%; height: 1px; background: #dbdbdb;}
.gn .list2 .item{
	--num: 5; --space: 1.56vw;
	display: block;
	/* height: 16.46vw; */
	height: auto;
	padding: 1.82vw;
}
.gn .list2 .item:nth-child(3n){margin-right: var(--space);}
.gn .list2 .item:last-child{margin-right: 0;}
.gn .list2 .tit{margin-top: 1.25vw; font-weight: bold;}
.gn .list2 .desc{margin-top: 0.94vw; line-height: 1.125; color: #666;}

.ts{padding: 5.2vw 0 6.77vw;}
.ts .icon{margin-right: 1vw;}
.ts .list{margin-top: 2.6vw;}
.ts .item{
	display: flex;
	align-items: center;
	padding: 0 1.56vw;
	border-radius: 5px;
	box-shadow: 0 5px 35px -5px #c9d0e7;
	--num: 3; --space: 1.82vw;
	min-height: 6.77vw;
	padding:2em 1.56vw;
}
.ts .item:nth-child(1),
.ts .item:nth-child(2),
.ts .item:nth-child(3),
.ts .item:nth-child(4){
	--num: 4; --space: 1.56vw;
}
.ts .item:nth-child(4){margin-right: 0;}
.ts .item:last-child{margin-right: 0;}
.ts .item p{line-height:1.5; margin-top: 5px;}

/* .ts .item.part1{
	--num: 4; --space: 1.56vw;
	height: 6.77vw;
}
.ts .item.part1:nth-child(4){margin-right: 0;}

.ts .item.part2{
	--num: 3; --space: 1.82vw;
	height: 6.77vw;
}
.ts .item.part2:last-child{margin-right: 0;} */

.ys{background: #f7f8fa; padding: 5.2vw 0 3.91vw;}
.ys .swiper-container{margin-top: 3vw;}
.ys .swiper-slide{
	background: #fff;
	border-radius: 5px;
	padding: 2.08vw;
	/* height: 11.72vw; */
}
.ys .swiper-slide .tit{font-size: 18px; margin-top: 0.5vw; font-weight: bold;}
.ys .swiper-slide .desc{font-size: var(--normal); margin-top: 0.4vw; line-height: 1.5;}
.ys .console{margin-top: 2.86vw;}

/* 关于我们 */
.about1 .fs30{font-size: 30px;}
.about1{
	background-position-x: right;
	background-size: auto;
}
.about3 .bottom2 .swiper-container img {
	width: 100%;
}
.about1 .wrap-container{padding: 8.85vw 0;}
.about1 .nums{margin-top: 3.39vw;}
.about1 .nums .num{font-size: 45px; color: #324fb8; font-weight: bold; display: flex; align-items: center;}
.about1 .nums .item{margin-right: 5vw;}
.about1 .nums p{font-size: var(--normal);}
.about1 .wrap{width: 50%;}
.about1 .edit-box{margin-top: 2vw; line-height: 1.875; color: #666;}

.about2{height: 26.04vw; color: #fff;}
.about2 .title{font-size: 45px;}
.about2 .title p{font-size: 20px; margin-top: 1.56vw;}

.about3{background: #f4f7fb; padding: 8.07vw 0 7.03vw;}
.about3 .wrap-container{
	background-position: right top;
	background-size: auto;
}
.about3 .top{width: 50%; text-align: right;}
.about3 .timebar{margin-right: 3vw; margin-top: 1vw;}
.about3 .timebar .iconfont{color: #c7c8c8; margin-right: 4px; font-size: 18px; cursor: pointer;}
.about3 .timebar .swiper-container{height: 15.625vw; overflow: hidden;}
.about3 .timebar .swiper-slide{
	--height: 7.55vw;
	display: flex; 
	align-items: center;
}
.about3 .timebar .year{font-size: 20px; color: #898989; margin-right: 1.46vw; transition: .5s;}
.about3 .timebar .dot{
	--size: 10px;
	width: var(--size); height: var(--size);
	border-radius: 50%;
	background: #dcdcdc;
	position: relative;
}
.about3 .timebar .up{display: inline-block; transform: rotate(-90deg);}
.about3 .timebar .down{display: inline-block; transform: rotate(90deg);}
.about3 .timebar .dot::before,
.about3 .timebar .dot::after{
	content: ''; display: block;
	width: 1px; height: 2.6vw;
	background: #dcdcdc;
	position: absolute;
	left: 50%; transform: translateX(-50%);
}
.about3 .timebar .dot::before{
	bottom: 1vw;
}
.about3 .timebar .dot::after{
	top: 1vw;
}
.about3 .timebar .swiper-slide-active .dot{
	--size: 18px;
	transform: translateX(-4px);
	border: 5px solid #282597;
}

.about3 .wrap .title::after{
	content: ''; display: block;
	width: 2.5vw; height: 3px;
	background: #c9c9c9;
	margin-top: 2.08vw;
}

.about3 .timebar .swiper-slide-active .year{opacity: 0;}
.about3 .timebar-conts{width: 70%; margin-top: 3.5vw;}
.about3 .timebar-conts .year{font-size: 60px; color: var(--theme-color); font-weight: bold;}
.about3 .timebar-conts .txt{font-size: 20px; margin-top: 2.6vw; line-height: 1.5; color: #333;}
.about3 .timebar-conts .item{display: none;}
.about3 .timebar-conts .item:first-child{display: block;}
.about3 .bottom{margin-top: 9.11vw;}
.about3 .bottom .swiper-container{margin-top: 2vw;}

/* 解决方案2 */
.page-tabbar .tabbar{padding: 1.04vw 0;}
.plan1 .wrap-container{padding: 3.91vw 0 10.94vw; min-height: 38vw;}
.plan1 .wrap{width: 40%;}
.plan1 .title::before{
	content: ''; display: block;
	width: 1.09vw; height: 0.83vw;
	background: var(--theme-color);
	position: relative; z-index: 0;
	margin-right: 1.3vw;
}
.plan1 .edit-box{margin-top: 7.03vw; font-size: 18px; line-height: 1.67; color: #333;}

.plan2{
	--title: 30px;
}
.plan2 .wrap-container{padding: 5.2vw 0 2vw;}
.plan2 .id{
	font-size: 45px;
	background: linear-gradient(#9996fd, #2159d9);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	color: transparent;
	font-weight: bold;
	margin-right: 1vw;
}
.plan2 .swiper-slide .cont{padding: 2vw 1.5vw 4vw;}
.plan2 .swiper-slide .cont .tit{font-weight: bold;}
.plan2 .swiper-slide .cont .edit-box{color: #666; font-size: 14px; line-height: 1.71; margin-top: 0.5vw;}
.plan2 .swiper-container{margin-top: 3.125vw;}

.plan4{
	--title: 33px;
	background-size: 90%;
	background-position-x: left;
	background-position-y: 75%;
}
.plan4 .wrap-container{
	padding: 5.2vw 0 7.81vw;
}
.plan4 .list-container{align-items: unset;}
.plan4 .list .item{
	--num: 2; --space: 0px;
	margin-bottom: 10vw;
}
.plan4 .item.mt0{margin-bottom: 0;}
.plan4 .item .imgbox{margin-top: 2vw;}
.plan4 .item:last-child{align-self: center;}
.plan4 .item:last-child .title{font-size: 30px; font-weight: bold;}
.plan4 .item:last-child .edit-box{font-size: 18px; line-height: 1.67; margin-top: 2vw;}

.plan6 .wrap-container{padding: 3vw 0 4.69vw;}
.plan6 .imgbox{margin-top: 3.4vw;}

/* 联系我们 */
.page-tabbar2 .tabbar .item{font-size: 18px;}
.page-tabbar2 .tabbar .item.on{color: var(--theme-color);}
.page-tabbar2 .tabbar .item:hover{color: var(--theme-color);}
.page-tabbar2 .tabbar{padding: 1.82vw 0;}
.contact.tabbar{width: 23.44vw;}

.contact1{background: #f7f8fa; position: relative;}
.contact1::after{
	content: ''; display: block;
	width: 100%; height: 100%;
	background: url(../img/bg/c1.png) no-repeat;
	background-size: auto; background-position: right bottom;
	position: absolute; top: 0; left: 0;
	z-index: 0;
}
.contact1 .wrap-container{padding: 4.69vw 0 5.2vw; position: relative; z-index: 1;}
.contact1 .icon{margin-right: 1vw; max-width: 45px; max-height: 39px; width: 2.34vw; height: 2.03vw;}
.contact1 .item .tit{font-size: 16px; color: #1e46c8;}
.contact1 .item .info{font-size: 20px; margin-top: 5px;}
.contact1 .item:nth-child(2){
	--border: 2px solid #e5e5e5;
	border-right: var(--border);
	border-left: var(--border);
}
.contact1 .item:last-child{position: relative;}
.contact1 .item .qr{
	--size: 4.69vw;
	position: absolute; right: 0;
	background: #fff;
	padding: 8px;
}
.contact1 .qr img{width: var(--size);height: var(--size);}
.contact1 .item2:nth-child(1){background: #424953;}
.contact1 .item2:nth-child(2){background: #1251c8;}
.contact1 .item2:nth-child(3){background: #fff;}
.contact1 .icon2{max-width: 71px; max-height: 71px; width: 3.7vw; height: 3.7vw; margin: 0 auto;}
.contact1 .item2 .title{font-size: 25px; margin-top: 1.82vw;}
.contact1 .item2 .title::after{
	content: ''; display: block;
	width: 24px; height: 5px;
	border-radius: 2.5px;
	background: #fff;
	margin: 0 auto;
	margin-top: 1vw;
}
.contact1 .item2 .edit-box{font-size: 17px; color: #fff; margin-top: 1vw; opacity: 0.7; line-height: 1.875;}
.contact1 .item2{padding: 4vw 0; min-height: 22.08vw;}
.contact1 .wrap-container > div:last-child{margin-top: 4.17vw;}
.contact1 .item2:last-child{
	padding: 2.08vw;
	color: #000;
}
.contact1 .item2:last-child .title{margin-top: 0;}
.contact1 .item2:last-child .title::after{display: none;}
.contact1 .item2:last-child a{color: inherit;}
.contact1 .item2:last-child .more-btn{
	--width: 6.67vw; --height: 1.98vw;
	border: 2px solid var(--theme-color);
	color: var(--theme-color);
}
.contact1 .input{
	font-size: 14px;
	padding: 1.5vw 0;
	border-bottom: 1px solid #d2d2d2;
}
.contact1 .input-tit{width: 20%; text-align: left; font-weight: bold;}

.contact2 .wrap-container{padding: 3.65vw 0 4.17vw;}


.accordion{
	width: 100%;
	--titfc: #8f8f8f;
	--titfs: 18px;
	--bg: #f6f6f6;
	--fs: var(--normal);
	--padding: 1.3vw 2.9vw;
	margin-top: 2vw;
}
.accordion .titles{display: flex; align-items: center; width: 100%; background: var(--bg); color: var(--titfc); font-size: var(--titfs); padding: var(--padding);}
.accordion .item{display: flex; flex-direction: column; border-top: 1px solid #d7d7d7;}
.accordion .info{display: flex; align-items: center; font-size: var(--fs); background: var(--bg); padding: var(--padding); cursor: pointer; transition: .5s;}
.accordion .titles > div{flex: 1;}
.accordion .info > div{flex: 1;}
.accordion .item:hover .info{background: var(--theme-color); color: #fff;}
.accordion .item .cont{background: #fff; padding: 2.08vw 4.17vw 2.5vw; border: 2px solid var(--theme-color); display: none;}
.accordion .item.active .cont{display: block;}

.accordion .item .more-btn{
	--width: 6.35vw; --height: 1.875vw;
	border: 1px solid #fff;
}
.accordion .cont{font-size: var(--normal);}
.accordion .cont hr{border-top: 1px dashed #bebebe; margin: 1.82vw 0;}
.accordion .cont .edit-box{margin-top: 1.25vw; line-height: 1.875; color: #868686;}

/* 商务合作 */
.hz{
	--title: 30px;
	--subtitle: 14px;
}
.hz .title{font-weight: bold; margin-top: 2.6vw;}
.hz .subtitle{color: #a7a7a7;}

.hz1{background: #fff;}
.hz1 .wrap-container{padding: 2.08vw 0 4.69vw;}
.hz1 .item{
	width: 45%;
	background-position: right top;
	background-size: auto;
}
.hz1 .edit-box{margin-top: 12.5vw; color: #8a8a8a;}

.hz2,.hz3{background: #f4f7fb;}
.hz2 .wrap-container{padding: 4.43vw 0;}
.hz2 .box{height: 20.83vw;}
.hz2 .item{
	padding: 4.17vw 3.125vw;
	background: #fff;
	background-repeat: no-repeat;
	background-position: right 1.5vw;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	border-right: 1px solid #dcdcdc;
}
.hz2 .item:last-child{border-right: none;}
.hz2 .tel{font-size: 25px;}
.hz2 .edit-box{color: #8a8a8a; margin-top: 0.94vw;}

.hz3 .wrap-container{padding-bottom: 4.43vw;}
.hz3 .item{width: 50%;}
.hz3 .item:first-child{padding-right: 0.78vw;}
.hz3 .item:last-child{padding-left: 0.78vw;}
.hz3 .form{margin-top: 3.39vw;}
.hz3 .input{background: #fff; border: 1px solid #d8dce2; padding: 1.3vw 2.08vw; margin-bottom: 1.3vw; display: flex; align-items: center;}
.hz3 .input:last-child{margin-bottom: 0;}
.hz3 .input .tit{width: 20%;}
.input input{flex: 1;}
.hz3 input{font-size: 15px;}
.hz3 .textarea{padding: 1.82vw; background: #fff; border: 1px solid #d8dce2; height: 100%;}
.hz3 .textarea textarea{margin-top: 10px; width: 100%; height: 80%;}
.hz3 .textarea .more-btn{
	--width: 8.23vw; --height: 2.5vw;
	background: var(--theme-color);
	color: #fff;
	margin-left: auto;
	margin-right: 0;
}

/* 新闻动态 */
.tabbar.news{width: 15.63vw;}

.news1{padding: 3.39vw 0 4.43vw;}
.news1 .item{
	--num: 4; --space: 1.56vw;
	background: #f7f8fa;
}
.news1 .item:nth-child(4n){margin-right: 0;}
.news1 .item .imgbox{max-height: 11.56vw;}
.news1 .item .desc{padding: 1.3vw; min-height: 9.7vw;}
.news1 .item .txt{margin-top: 1.4vw; color: #888; font-size: 14px;}
.news1 .item .date{padding: 1vw 1.3vw; width: 100%; color: #888; font-size: 14px; border-top: 1px solid #dfdfdf; transition: 1s;}
.news1 .item:hover .date{background: var(--theme-color); color: #fff;}

.paging .paging-container > a{
	border-radius: unset;
	background: #f7f8fa;
	font-size: var(--normal);
}

/* 新闻动态详情 */
.news-details{background: #f3f7fa; --title: 30px;}
.news-details .wrap-container{padding: 2.08vw 0 5.2vw;}
.news-details .left{padding-top: 1.5vw; flex: 1;}
.news-details .day{margin-right: 1.56vw; font-size: 60px; color: var(--theme-color); font-weight: bold; border-bottom: 4px solid;}
.news-details .left .title{margin-top: 1.56vw; padding-bottom: 2.08vw; border-bottom: 1px solid #bfbfbf;}
.news-details .date > div:last-child{font-size: var(--normal); color: #ccc;}
.news-details .title .info{font-size: 14px; color: #919191; margin-top: 1vw;}
.news-details .info > div{margin-right: 2vw;}
.news-details .edit-box{padding-top: 3vw; line-height: 1.875; color: #333;}

.news-details .right{width: 17vw; margin-left: 5.73vw;}
.news-details .right .list-col{margin-top: 1.82vw;}
.news-details .right .item{background: #fff; margin-bottom: 1vw;}

.news-details .item .imgbox{max-height: 11.56vw;}
.news-details .item .imgbox img{width: 100%;}
.news-details .item .desc{padding: 1.3vw; min-height: 9.7vw;}
.news-details .item .txt{margin-top: 1.4vw; color: #888; font-size: 14px;}
.news-details .item .date{padding: 1vw 1.3vw; width: 100%; color: #888; font-size: 14px; border-top: 1px solid #dfdfdf; transition: 1s;}
.news-details .item:hover .date{background: var(--theme-color); color: #fff;}


@media screen and (max-width: 1400px) {
	.nav{font-size: 16px;}
	.wrap-container{width: 90%;}
	.index-banner .tit{font-size: 35px;}
	.index1 .nums .num{font-size: 35px;}
	.banner .title{font-size: 40px;}
	.news-details .day{font-size: 45px;}
	.news-details{
		--title: 24px;
	}
	.news-details .item .imgbox{max-height: 14.56vw;}
	.news-details .right{width: 22vw;}
	.page-tabbar2 .tabbar .item{font-size: 16px;}
	.tabbar .slider{height: 4px;}
	.news1 .item .imgbox{min-height: 13vw;}
	.hz{
		--title: 24px;
	}
	.contact1 .item2 .title{font-size: 24px;}
	.contact1 .item .info{font-size: 18px;}
	.contact1 .item2:last-child .more-btn{--width: 8.5vw; --height: 2.5vw;}
	.banner pre{font-size: 35px;}
	.plan1 .edit-box{font-size: 16px;}
	.page-tabbar .tabbar{padding: 2vw 0;}
	.about1{background-size: 55%;}
	.about1 .nums .num{font-size: 36px;}
	.about2 .title{font-size: 32px;}
	.about3 .timebar-conts .year{font-size: 40px;}
	.about3 .timebar-conts .txt{font-size: 18px;}
	.about3 .wrap-container{background-size: 50%;}
	.icon-tabbar .item p{font-size: 16px;}
	.ys .swiper-slide{height: 15.72vw;}
	.gn .list .item{height: 8.25vw;}
	.gn .list2 .item{height: 21.46vw;}
	.index5 .wrap-container{padding: 7vw 0 18vw;}
	.about3 .bottom{margin-top: 15vw;}

	:root{
		--normal: 15px;
		--title: 30px;
		--header-height: 110px;
		--tit: 16px;
	}
}

@media screen and (max-width: 1024px) {
	.index-banner .more-btn,
	.index3 .more-btn,
	.index4 .more-btn,
	.hz3 .textarea .more-btn{--width: 11.23vw; --height: 3.5vw;}
	.gn .list2 .item{height: auto;}
	.ts .item{height: 8.77vw;}
	.about3 .bottom{margin-top: 15vw;}
	.hz2 .box{height: 31vw;}
	.hz2 .item{background-size: 60%;}
	.hz3 .textarea textarea{height: 75%;}
	.contact1 .input-tit{width: 26%;}
	.contact1 .item2:last-child .more-btn{--width: 10.5vw; --height: 3vw;}
	.contact1 .item .qr{--size: 6.5vw;}
}

@media screen and (max-width: 980px) {
	nav{
		width: 100vw; height: calc(100vh - var(--header-height));
		position: fixed;
		top: var(--header-height); left: 100%;
		z-index: 999;
		background: var(--theme-color);
		transition: 1s;
	}
	.nav{
		font-size: 16px;
		color: #fff;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 100%;
	}
	.header .switch{display: block;}
	.nav .item{margin: 4vw 0;}
	.index-banner,.banner{margin-top: var(--header-height);}
	.header .logo{width: 30vw;}
	.more-btn{font-size: 12px;}

	.index-banner .more-btn{--width: 24vw; --height: 8vw; margin-top: 9vw;}
	.index-banner .text{width: 90%; left: 50%; transform: translate(-50%,-50%);}
	.index-banner .tit{font-size: 20px;}
	.index-banner .txt,.banner .txt{font-size: 14px; display: none;}
	.banner .title{font-size: 20px;}

	.index1 .text{width: 100%;}
	.index1 .nums .num{font-size: 30px;}
	.index1{background: #f3f7fa;}
	.index1 .edit-box{margin-top: 3.5vw;}
	.index2 .list .item{--num: 2;}
	.index2 .list .item:nth-child(3n){margin-right: var(--space);}
	.index2 .list .item:nth-child(2n){margin-right: 0;}
	.index1 .wrap-container,.index2 .wrap-container,
	.index3 .wrap-container{padding: 10vw 0;}
	.index3 .more-btn,
	.index4 .more-btn{--width: 24vw; --height: 8vw; margin: 0 auto; margin-top: 5vw;}
	.index3 .container .item > div{flex-direction: column;}
	.index3 .container .imgbox{width: auto; height: auto; max-width: 90%; margin: 0 auto;}
	.index3 .text .tit{font-size: 20px; text-align: center;}
	.tabbar .icon{margin-right: 3vw; max-width: 6vw;}
	.index3 .tabbar{padding: 0;}
	.tabbar .item{flex: none; background: #fff; padding: 4vw 6vw;}
	.index4 .swiper-slide .desc{padding: 5vw; min-height: 32vw;}
	.index4 .swiper-slide .date{padding: 4vw 5vw;}
	.index5 .wrap-container{padding: 10vw 0;}
	.index5 .titles{width: 100%;}
	.index5 .more-btn{--width: 24vw; --height: 8vw; margin: 0 auto; margin-top: 5vw;}
	.index5 .logo-list{justify-content: unset; flex-wrap: wrap;}
	.index5 .logo-list .item{
		--space: 3vw;
		width: calc(25% - (var(--space) * 3 / 4) );
		margin-right: var(--space);
		margin-bottom: var(--space);
	}
	.index5 .logo-list .item:nth-child(4n){margin-right: 0;}
	.index5 .logo-list .imgbox img{width: 100%;}
	.footer .top{flex-direction: column;}
	.footer .top .qr{margin: 0; width: fit-content; width: -moz-fit-content;}
	.footer .top .lists{flex-direction: column;}
	.footer .lists .part{display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 5vw;}
	.footer .top .title{width: 100%;}
	.footer .top .item{margin-right: 3vw; margin-bottom: 2vw;}
	.footer .top > div:first-child{display: flex; align-items: center; flex-wrap: wrap;}
	.footer .bottom{flex-direction: column;}
	.footer .info > div:nth-child(2){font-size: 22px;}
	.footer .icons{justify-content: center;}
	.footer .copyright{text-align: center;}
	.footer .copyright p{text-align: inherit;}
	.footer .bottom .info{text-align: center; margin-bottom: 4vw;}
	.news-details .wrap-container{flex-direction: column;}
	.news-details .date > div:last-child{font-size: 16px;}
	.news-details{
		--title: 20px;
	}
	.news-details .title .info{margin-top: 3vw; flex-wrap: wrap;}
	.news-details .info > div{font-size: 4vw;}
	.news-details .right{width: 100%; margin-left: 0;}
	.news-details .item .imgbox{max-height: 60vw;}
	.news-details .item .desc{padding: 4vw; min-height: 26vw;}
	.news-details .item .date{padding: 4vw;}
	.news-details .right .item{margin-bottom: 5vw;}
	.page-tabbar2 .tabbar{padding: 0;}
	.tabbar.news{width: 58vw;}
	.news1 .item{--num: 1; --space: 0px; margin-bottom: 5vw;}
	.news1 .item:nth-child(4n){margin-right: var(--space);}
	.news1 .item .imgbox{min-height: 60vw;}
	.news1 .item .imgbox img{width: 100%;}
	.news1 .item .desc{padding: 4vw;}
	.news1 .item .date{padding: 4vw;}
	.hz{
		--title: 20px;
	}
	.hz1 .wrap-container > div{flex-direction: column;}
	.hz1 .item{width: 100%; min-height: 60vw; padding: 5vw 0; background-size: 50%;}
	.hz2 .box{height: auto; flex-direction: column;}
	.hz2 .item{background-size: 50%; margin-bottom: 5vw; padding: 5vw;}
	.hz2 .tel{font-size: 22px; margin-top: 20vw;}
	.hz3 .form{flex-direction: column;}
	.hz3 .item{width: 100%; margin-bottom: 5vw;}
	.hz3 .input .tit{width: 30%;}
	.hz3 .input{padding: 4vw;}
	.hz3 .textarea{padding: 4vw;}
	.hz3 .item:last-child{padding-left: 0; height: 60vw;}
	.hz3 .textarea .more-btn{--width: 24vw; --height: 8vw;}
	.hz3 .textarea textarea{height: 68%;}
	.contact.tabbar{width: auto;}
	.contact1 .wrap-container{padding: 10vw 0;}
	.contact1 .wrap-container > div:first-child{flex-direction: column; align-items: flex-start;}
	.contact1 .wrap-container > div:first-child .item{width: 100%; justify-content: flex-start; margin-bottom: 3vw;}
	.contact1 .item .qr{--size: 22vw; bottom: 6vw;}
	.contact1 .icon{width: 7vw; margin-right: 3vw; height: auto;}
	.contact1 .item .info{font-size: 16px;}
	.contact1 .wrap-container > div:last-child{margin-top: 5vw; flex-direction: column;}
	.contact1 .item2 .title{font-size: 20px;}
	.contact1 .icon2{width: 8vw; height: auto;}
	.contact1 .item2 .edit-box{font-size: 16px; margin-top: 5vw;}
	.contact1 .item2:last-child{padding: 4vw;}
	.contact1 .item2:last-child .more-btn{--width: 28.5vw; --height: 8.5vw;}
	.contact1 .input{padding: 5.5vw 0;}
	.contact1 .input-tit{width: 30%;}
	.contact2 .wrap-container{padding: 10vw 0;}
	.accordion{
		margin-top: 4vw;
		--titfs: 12px;
		--fs: 12px;
		--padding: 5vw 2vw;
	}
	.accordion .item .more-btn{--width: 100%; --height: 6.875vw;}
	.accordion .info > div{padding-right: 2vw;}
	.banner pre{font-size: inherit;}
	.page-tabbar .tabbar{padding: 0;}
	.plan1 .wrap{width: 100%;}
	.plan1 .title::before{width: 4vw; height: 2vw;}
	.plan2{
		--title: 22px;
	}
	.plan4 .list .item{--num: 1; text-align: center;}
	.plan4 .item .imgbox{width: 100%; margin-top: 4vw;}
	.plan4{
		--title: 24px;
	}
	.plan4 .item:last-child .title{margin-top: 4vw; font-size: 22px;}
	.plan4 .item:last-child .edit-box{font-size: 16px;}
	.about1 .wrap{width: 100%;}
	.about1{background: #f3f7fa; background-size: 0;}
	.about2 .title{font-size: 16px;}
	.about2 .title p{font-size: 16px; display: none;}
	.about3 .top{width: 100%;}
	.about3 .timebar .swiper-container{height: 45vw;}
	.about3 .timebar .dot::before{bottom: 4vw;}
	.about3 .timebar .dot::after{top: 4vw;}
	.about3 .timebar .dot::before, .about3 .timebar .dot::after{height: 5vw;}
	.about3 .wrap .title::after{width: 11.5vw;}
	.about3 .timebar-conts{margin-top: 12.5vw; width: 90%;}
	.about3{padding: 10vw 0;}
	.about3 .timebar-conts .year{font-size: 32px;}
	.about3 .timebar-conts .txt{font-size: 16px;}
	.icon-tabbar .item .imgbox{width: 11vw; height: auto;}
	.icon-tabbar .item p{font-size: 14px;}
	.icon-tabbar .item{padding: 2vw 5vw;}
	.cp{
		--title: 24px;
		--subtitle: 18px;
	}
	.gs .wrap{flex-direction: column;}
	.gs .imgbox{margin-right: 0;}
	.gn .list .item{--num: 2; height: 22vw;}
	.gn .icon{--size: 7vw; margin-right: 2vw;}
	.gn .list .item:nth-child(3n){margin-right: var(--space);}
	.gn .list .item:nth-child(2n){margin-right: 0;}
	.gn .list2 .item{height: 75vw; padding: 3vw;}
	.gn .list .item p{font-size:var(--normal);margin-top:5px;line-height:1.5;}
	.ts .item.part1{--num: 2; --space: 3vw; height: 25vw;}
	.ts .item.part1:nth-child(2n){margin-right: 0;}
	.ts .icon{width: 7vw;}
	.ts .item.part2{--num: 1; --space: 0px; height: 25vw; margin-bottom: 3vw;}
	.ts .item{box-shadow: 0 5px 20px -5px #c9d0e7;}
	.ys .swiper-slide{height: 50vw;}
	.ys .swiper-slide .icon{width: 10vw;}
	.ys .swiper-slide .desc{line-height: 1.5; margin-top: 3vw; color: #333;}
	.index2 .item .imgbox{width: 16vw;}
	.footer .top > div:first-child,.footer .top .lists{display: none;}
	.footer .top .qr{margin: 0 auto;}
	.gn .icon{height: 7vw;}
	.gn .list .item{height: 39vw;}
	.gn .list2 .item{height: auto;}
	.title{font-weight: bold;}
	.index5 .wrap-container{background-position: center bottom;}
	.news-details .left{padding-bottom: 5vw; border-bottom: 1px solid #ccc;}
	.news-details .right{margin-top: 10vw;}
	.only-moblie-bg{display: flex; justify-content: flex-end;}
	.only-moblie-bg img{width: 155%; max-width: none;}
	.index4 .swiper-slide .imgbox{height: 60vw;}

	:root{
		--header-height: 70px;
		--normal: 14px;
		--title: 22px;
		--tit: 14px;
	}
}