@charset "UTF-8";
html{
    font-size: calc(100vw/19.2);
}
html, body, figure, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

body {
	font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'Source Han Sans CN', 'Source Han Serif CN', 'SimSun', 'SimHei', 'Arial';
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent;
	/* tap-highlight-color: transparent; */
	background: #fff;
}

input, textarea, button {
	padding: 0;
	/* font-family: Verdana, Arial; */
	font-family: 'Microsoft Yahei','PingFangSC-Regular','PingFang SC';
	-webkit-appearance: none;
}

select{
	-webkit-appearance: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

img {
	border: 0;
	vertical-align: middle;
	max-width: 100%;
    object-fit: cover;
}

input[type=submit], input[type=text], button {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	cursor: pointer;
}

input:focus, textarea:focus, button:focus, input:active {
	outline-color: transparent;
	border: 0;
}

select, input, select, textarea {
	vertical-align: middle;
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

ul, ol, li {
	list-style-type: none;
	line-height: 1;
}

a {
	color: #333;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	line-height: 1;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
}

a:active {
	text-decoration: none;
}


@media(max-width:768px){
	html{
		font-size: 66px;
	}
}
@media(max-width:500px){
	html{
		font-size: 54px;
	}
}

/* header */
.header{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9;
	transition: all ease-in .3s;
}
.header .box{
	width: 87.5%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media(max-width:1024px){
	.header .box{
		width: 90%;
	}
}
.header .box .logo{
	display: flex;
	align-items: center;
}
.header .box .logo a{
	width: 1.73rem;
	line-height: 0;
}
.header .box .logo a img:first-child{
	display: block;
}
.header .box .logo a img:last-child{
	display: none;
}
@media(max-width:1024px){
	.header .box .logo a{
		width: 2.3rem;
	}
}
.header .box .logo .gp{
	margin-left: 0.3rem;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	color: rgba(255,255,255,.7);
}
.header .box .logo .gp span{
	display: block;
	font-size: 14px;
}
@media (max-width:1366px) {
	.header .box .logo .gp{
		display: none;
	}
}
.header .box .menu{
	display: flex;
	flex-wrap: wrap;
}
.header .box .menu .list{

}
.header .box .menu .list ul{
	display: flex;
	flex-wrap: wrap;
}
.header .box .menu .list li{
	padding: 0 25px;
	position: relative;
	line-height: 0;
}
@media (max-width:1600px) {
    .header .box .menu .list li{
		padding: 0 0.25rem;
	}
}
@media (max-width:1440px) {
	.header .box .menu .list li{
		padding: 0 0.2rem;
	}
}
@media (max-width:1220px) {
	.header .box .menu .list li{
		padding: 0 0.12rem;
	}
}

.header .box .menu .list li .menu-a{
	font-size: 16px;
	font-weight: 400;
	color: #C5C5C5;
	display: flex;
	align-items: center;
	transition: all ease-in .3s;
	height: 0.99rem;
}
.header .box .menu .list li .menu-a .nav-box{
	position: relative;
    max-height: 24px;
    overflow: hidden;
}
.header .box .menu .list li .menu-a .nav-box div{
	height: 24px;
    line-height: 24px;
}
.header .box .menu .list li .menu-a .nb-cn{
	-webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.header .box .menu .list li .menu-a .nb-en{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	color: #0097FF;
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
	-webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
@media (min-width:1201px) {
	.header .box .menu .list li.on .menu-a .nb-cn{
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	.header .box .menu .list li.on .menu-a .nb-en{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.header .box .menu .list li::after{
		-webkit-transition: width .3s ease-out;
		transition: width .3s ease-out;
		content: "";
		display: block;
		position: absolute;
		left: 50%;
		bottom: 0;
		width: 0;
		height: 3px;
		background-color: #0097FF;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.header .box .menu .list li:hover::after{
		width: 100%;
	}
}

.header .box .menu .list li:hover .menu-a,
.header .box .menu .list li.on .menu-a{
	color: #058be9;
}
.header .box .menu .list li span{
	width: 10px;
	height: 0.5rem;
	position: absolute;
	top: 0.26rem;
	right: 5px;
	display: flex;
	align-items: center;
	cursor: pointer;
	opacity: 0;
}
@media (max-width:1024px) {
	.header .box .menu .list li span{
		opacity: 1;
	}
}
.header .box .menu .list li span img{
	width: 10px;
	height: 5px;
}
.header .box .menu .list li span img:first-child{
	display: block;
}
.header .box .menu .list li span img:last-child{
	display: none;
}
@media (max-width:1366px) {
	.header .box .menu .list li span{
		right: 0;
	}
}
@media (min-width:1201px) {
	.header .box .menu .list li .s-menu{
		-webkit-transition: all .3s ease-out;
		transition: all .3s ease-out;
		opacity: 0;
		visibility: hidden;
		clip-path: polygon(0 -20%, 100% -20%, 100% 0, 0 0);
		position: absolute;
		padding-bottom: 20px;
		left: 50%;
		top: 100%;
		text-align: center;
		width: 300px;
		background-color: #fff;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.5);
	}
	.header .box .menu .list li.on .s-menu{
		opacity: 1;
		visibility: visible;
		clip-path: polygon(0 -20%, 100% -20%, 100% 100%, 0 100%);
	}
}
.header .box .menu .list li .s-menu a{
	font-size: 14px;
	line-height: 24px;
	display: block;
	color: #666;
	margin: 10px 0;
	transition: all ease-in .3s;
}
.header .box .menu .list li .s-menu a:last-child{
	margin-bottom: 0;
}
.header .box .menu .list li .s-menu a:hover{
	color: #009afe;
}

.header .box .menu .right{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-left: 1.05rem;
}
@media (max-width:1600px) {
    .header .box .menu .right{
		margin-left: 0.5rem;
	}
}
@media (max-width:1440px) {
    .header .box .menu .right{
		margin-left: 0.3rem;
	}
}
.header .box .menu .right .language{
    width: 30px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	line-height: 30px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	position: relative;
	
	display: none;
}
.header .box .menu .right .language ul{
	position: absolute;
	top: 80%;
	width: 160%;
	display: none;
	color: #058be9;
	text-align: center;
	background: #fff;
	padding: 0.1rem 0;
}
.header .box .menu .right .language:hover ul{
	display:block;
}
.header .box .menu .right .language ul li{
    line-height: 2;
}
.header .box .menu .right .language ul li a{
    color: #333;
}
.header .box .menu .right .language ul li a:hover{
    color: #058be9;
}
@media (max-width:1024px){
    .header .box .menu .right .language{
        width: 100%;
        justify-content: center;
        padding-left: 10px;
        margin-bottom: 10px;
    }
    .header .box .menu .right .language ul{
        position: relative;
        top: initial;
        width: initial;
        display: flex;
    }
    .header .box .menu .right .language:hover ul{
    	display:flex;
    }
    .header .box .menu .right .language ul li{
        margin-left: 10px;
    }
}
.header .box .menu .right .contact{
	margin-left: 40px;
}
@media (max-width:1600px) {
    .header .box .menu .right .contact{
		margin-left: 0.3rem;
	}
}
.header .box .menu .right .contact a{
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 30px;
	display: flex;
	align-items: center;
	transition: all ease-in .3s;
}

@media  (max-width:1366px) {
	.header .box .menu .right .contact a{
		font-size: 14px;
	}
}
.header .box .menu .right .contact a span{
	width: 14px;
	display: flex;
	margin-left: 10px;
	position: relative;
}
.header .box .menu .right .contact a span::after{
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
	top: 50%;
	transform: translateY(-50%);
	right: -20px;
	background: #1B46B3;
	border: 1px solid rgba(120, 150, 244, 0.31);
	border-radius: 15px;
	z-index: -1;
	transition: all ease-in .3s;
}
.header .box .menu .right .contact a:hover span::after{
	width: 120px;
}
@media  (max-width:1440px) {
	.header .box .menu .right .contact a span::after{
		width: 40px;
		height: 40px;
	}
}
@media  (max-width:1024px) {
	.header .box .menu .right .contact a span::after{
		width: 30px;
		height: 30px;
		right: -10px;
		border-radius: 10px;
	}
}
.header .box .menu .right .contact a img{
	width: 14px;
	height: 12px;
}
.header .box .menu .right .contact a img:first-child{
	display: inline-block;
}
.header .box .menu .right .contact a img:last-child{
	display: none;
}



.header.h2{
	top: -100px;
}
.header.fh{
	background: #fff;
}
.header.fh .box .logo a img:first-child{
	display: none;
}
.header.fh .box .logo a img:last-child{
	display: block;
}
.header.fh .box .logo .gp,
.header.fh .box .menu .list li .menu-a{
	color: #333;
}
.header.fh .box .menu .list li span img:first-child{
	display: none;
}
.header.fh .box .menu .list li span img:last-child{
	display: block;
}
.header.fh .box .menu .right .language{
	color: rgba(51, 51, 51, .5);
}
.header.fh .box .menu .right .language span img:first-child{
	display: none;
}
.header.fh .box .menu .right .language span img:last-child{
	display: block;
}
.header.fh .box .menu .right .contact a span::after{
	background: #fff;
}
.header.fh .box .menu .right .contact a,
.header.fh .box .menu .right .contact a:hover{
	color: #00A2FF;
}
.header.fh .box .menu .right .contact a img:first-child{
	display: none;
}
.header.fh .box .menu .right .contact a img:last-child{
	display: inline-block;
}

.header:hover{
	background: #fff;
}
.header:hover .box .logo a img:first-child{
	display: none;
}
.header:hover .box .logo a img:last-child{
	display: block;
}
.header:hover .box .logo .gp,
.header:hover .box .menu .list li .menu-a,
.header:hover .box .menu .right .language{
	color: #333;
}
.header:hover .box .menu .list li span img:first-child{
	display: none;
}
.header:hover .box .menu .list li span img:last-child{
	display: block;
}
@media(max-width:1024px){
	.header:hover .box .menu .list li span img:first-child{
		display: none;
	}
	.header:hover .box .menu .list li span img:last-child{
		display: block;
	}
}
.header:hover .box .menu .right .language{
	color:#333;
}
.header:hover .box .menu .right .language span img:first-child{
	display: none;
}
.header:hover .box .menu .right .language span img:last-child{
	display: block;
}
.header:hover .box .menu .right .contact a,
.header:hover .box .menu .right .contact a:hover{
	color: #00A2FF;
}
.header:hover .box .menu .right .contact a span::after{
	background: #fff;
}
.header:hover .box .menu .right .contact a img:first-child{
	display: none;
}
.header:hover .box .menu .right .contact a img:last-child{
	display: inline-block;
}

.header.info{
	background: #fff;
}
.header.info .box .logo a img:first-child{
	display: none;
}
.header.info .box .logo a img:last-child{
	display: block;
}
.header.info .box .logo .gp,
.header.info .box .menu .list li .menu-a,
.header.info .box .menu .right .language,
.header.info .box .menu .right .contact a{
	color: #333;
}
.header.info .box .menu .list li span img:first-child{
	display: none;
}
.header.info .box .menu .list li span img:last-child{
	display: block;
}
.header.info .box .menu .right .language{
	color: rgba(51, 51, 51, .5);
}
.header.info .box .menu .right .language span img:first-child{
	display: none;
}
.header.info .box .menu .right .language span img:last-child{
	display: block;
}
.header.info .box .menu .right .contact a{
	color: #00A2FF;
}
.header.info .box .menu .right .contact a:hover{
	color: #00A2FF;
}
.header.info .box .menu .right .contact a span::after{
	background: #fff;
}
.header.info .box .menu .right .contact a img:first-child{
	display: none;
}
.header.info .box .menu .right .contact a img:last-child{
	display: inline-block;
}


.header .box .close{
	width: 0.5rem;
	height: 0.99rem;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	display: none;
}
.header .box .close span{
	width: 0.45rem;
	height: 3px;
	border-radius: 3px;
	background: #fff;
	display: block;
	margin: 2px 0;
}
.header.h2 .box .close span,
.header.fh .box .close span,
.header.info .box .close span,
.header:hover .box .close span{
	background: #058be9;
}
.header .box .close.on span{
	background: #058be9;
}
.header .box .close.on span:first-child{
	transform: rotateZ(45deg);
	margin-top: 0.2rem;
}
.header .box .close.on span:nth-child(2){
	opacity: 0;
}
.header .box .close.on span:last-child{
	transform: rotateZ(-45deg);
	margin-top: -0.35rem;
}
@media(max-width:1024px){
	.header.h2{
		top: 0;
	}
	body.on{
		width: 100%;
		height: 100vh;
		overflow: hidden;
	}
	.header .box .close{
		display: flex;
	}
	.header .box .menu{
		position: absolute;
		width: 100%;
		height: 100vh;
		left: 0;
		top: 0;
		z-index: -1;
		background: #fff;
		overflow-y: scroll;
		padding: 0.9rem 0;
		display: none  ;
	}
	.header .box .menu .list{
		width: 100%;
	}
	.header .box .menu .list li{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.header .box .menu .list li .menu-a{
		text-align: center;
	}
	.header .box .menu .list li span{
		right: calc(50% - 1rem);
	}
	.header .box .menu .list li .s-menu{
		display: none;
		width: 100%;
		padding-bottom: 0.3rem;
	}
	.header .box .menu .list li .s-menu a{
		text-align: center;
	}

	.header .box .menu .right{
		width: 100%;
		margin-left: 0;
		justify-content: center;
	}
}
@media(max-width:768px){
	.header .box .close.on span:last-child{
		margin-top: -0.33rem;
	}
}
@media(max-width:500px){
	.header .box .close.on span:last-child{
		margin-top: -0.35rem;
	}
}








/* footer */
.footer{
	width: 100%;
	background: #162632;
	padding: 1.6rem 0 0.36rem;
}
.footer .box{
	width: 1400px;
	margin: auto;
}
@media (max-width:1600px){
	.footer .box{
		width: 83%;
	}
}
@media (max-width:1024px){
	.footer .box{
		width: 90%;
	}
}
.footer .box .box1{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.footer .box .box1 .logo{
	width: 2.2rem;
}
.footer .box .box1 .logo a{
	display: block;
}
.footer .box .box1 .menu{

}
@media (max-width:768px) {
	.footer .box .box1 .menu{
		width: 100%;
	}
}
@media(max-width:500px){
	.footer .box .box1 .menu{
		display: none;
	}
}
.footer .box .box1 .menu ul{
	display: flex;
}
.footer .box .box1 .menu li{
	margin-right: 0.55rem;
}
@media (max-width:1366px) {
	.footer .box .box1 .menu li{
		margin-right: 0.3rem;
	}
}
.footer .box .box1 .menu li:last-child{
	margin-right: 0;
}
.footer .box .box1 .menu li a{
	font-size: 18px;
	font-weight: 400;
	color: #C5C5C5;
	line-height: 30px;
	display: block;
	transition: all ease-in .3s;
}
@media (max-width:1600px){
	.footer .box .box1 .menu li a{
		font-size: 16px;
	}
}
@media (max-width:1024px){
	.footer .box .box1 .menu li a{
		font-size: 14px;
	}
}
.footer .box .box1 .menu li:hover a{
	color: #fff;
}
.footer .box .box2{
	width: 100%;
	border-top: 1px solid #2D3243;
	margin-top: 0.38rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0.55rem 0 0.54rem;
}
.footer .box .box2 .left{

}
.footer .box .box2 .left .lm{
	display: flex;
}
@media(max-width:500px){
	.footer .box .box2 .left .lm{
		display: none;
	}
}
.footer .box .box2 .left .lm a{
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 24px;
	margin-right: 0.65rem;
}
@media (max-width:1600px) {
	.footer .box .box2 .left .lm a{
		font-size: 16px;
	}
}
@media (max-width:1024px) {
	.footer .box .box2 .left .lm a{
		font-size: 14px;
	}
}
.footer .box .box2 .left .lm a:last-child{
	margin-right: 0;
}
.footer .box .box2 .left .ld{
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.35rem;
}
@media(max-width:500px){
	.footer .box .box2 .left .ld{
		margin-top: 0;
	}
}
.footer .box .box2 .left .ld .d1{
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 36px;
	padding-left: 20px;
	background: url(../images/icon3.png) left 10px no-repeat;
	background-size: 15px;
}
@media (max-width:1366px) {
	.footer .box .box2 .left .ld .d1{
		line-height: 26px;
		padding: 5px 0 5px 20px;
	}
}
.footer .box .box2 .left .ld .d2{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 36px;
	padding-left: 20px;
	background: url(../images/icon4.png) left center no-repeat;
	background-size: 15px;
	margin-right: 30px;
}
.footer .box .box2 .right{
	display: flex;
}
.footer .box .box2 .right .rl{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
}
.footer .box .box2 .right .rl .lx{
	width: 170px;
	height: 35px;
	background: #0097FF;
	border-radius: 18px;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer .box .box2 .right .rl .lx img{
	width: 17px;
	margin-right: 8px;
}
.footer .box .box2 .right .rl .tel{
	font-size: 14px;
	font-weight: 400;
	color: rgba(255,255,255,.6);
	line-height: 24px;
	text-align: right;
	margin-top: 28px;
}
.footer .box .box2 .right .rl .tel span{
	width: 210px;
	display: block;
	font-size: 24px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 24px;
	margin-top: 9px;
}
.footer .box .box2 .right .rr{
	display: flex;
	margin-left: 25px;
}
.footer .box .box2 .right .rr .ewm{
	width: 113px;
	margin-left: 12px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
}
@media (max-width:1366px) {
	.footer .box .box2 .right .rr .ewm{
		width: 80px;
	}
}
.footer .box .box2 .right .rr .ewm img{
	border: 8px solid #fff;
	width: 113px;
	height: 113px;
}
@media (max-width:1366px) {
	.footer .box .box2 .right .rr .ewm img{
		width: 80px;
		height: 80px;
	}
}
.footer .box .box2 .right .rr .ewm span{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 24px;
	display: block;
	text-align: center;
	opacity: 0.6;
	margin-top: 6px;
}
.footer .box .box3{
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	color: rgba(255,255,255,.3);
	line-height: 24px;
}
.footer .box .box3 a{
	color: rgba(255,255,255,.3);
}
@media(max-width:768px){
	.footer .box .box2{
		flex-wrap: wrap;
	}
	.footer .box .box2 .left{
		width: 50%;
	}
	.footer .box .box2 .right{
		width: 50%;
		flex-wrap: wrap;
	}
	.footer .box .box2 .right .rl{
		width: 100%;
	}
	.footer .box .box2 .right .rr{
		width: 100%;
		justify-content: flex-end;
		margin-top: 0.2rem;
	}


}
@media(max-width:500px){
	.footer{
		padding: 0.36rem 0 0.36rem;
	}
	.footer .box .box2{
		padding: 0.38rem 0;
	}
	.footer .box .box2 .left{
		width: 100%;
	}
	.footer .box .box2 .right{
		width: 100%;
		display: none;
	}
	.footer .box .box2 .right .rl{
		width: 50%;
	}
	.footer .box .box2 .right .rr{
		width: 50%;
	}
	.footer .box .box3{
		text-align: center;
	}

}

/* banner */
.banner{
	width: 100%;
	height: 100vh;
}
@media(max-width:500px){
	.banner{
		height: 70vh;
	}
}
.banner .swiper-container{
	height: 100%;
}
.banner .swiper-slide{
	width: 100%;
}
.banner .img-box{
	width: 100%;
	height: 100%;
}
.banner .swiper-slide .img-box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner .swiper-pagination{
	width: 100%;
	font-size: 0;
	bottom: 0.2rem;
}
  .banner .swiper-pagination-bullet {
	position: relative;
	opacity: 1;
	margin: 0 !important;
	width: 150px;
	height: 2px;
	background: #FFFFFF;
	border-radius: 0;
  }
  @media (max-width: 1580px) {
	.banner .swiper-pagination-bullet {
	  width: 80px;
	}
  }
  @media (max-width: 972px) {
	.banner .swiper-pagination-bullet {
	  width: 50px;
	}
  }
  .banner .swiper-pagination-bullet span {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #00ADBB;
	transition: 0s;
  }
  .banner .swiper-pagination-bullet.swiper-pagination-bullet-active span {
	width: 100%;
	transition: 5s linear;
	background: #00ADBB;
  }
.banner .box{
	position: absolute;
	z-index: 2;
	width: 73%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	z-index: 2;
}
@media(max-width:1600px){
	.banner .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.banner .box{
		width: 90%;
	}
}
.banner .box .title{
	width: 100%;
	font-size: 0.8rem;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 1rem;
}
@media(max-width:500px){
	.banner .box .title{
		font-size: 0.6rem;
	}
	.banner .swiper-slide img{
		object-position: 85%;
	}
}
.banner .img-dq{
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
}
@media(max-width:500px){
	.banner .img-dq{
		display: none;
	}
}
.banner .img-dq .img1{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 5.55rem;
	height: 5.55rem;
}
.banner .img-dq .img1 img{
	transform-origin:center center;
	-webkit-animation: spin2 18s linear 2s 5 alternate;
	animation: spin2 18s linear infinite;
}
.banner .img-dq .img2{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 9.45rem;
    height: 9.45rem;
    display: flex;
	justify-content: center;
	align-items: center;
}
.banner .img-dq .img2 img{
	transform-origin:center center;
	-webkit-animation: spin 18s linear 2s 5 alternate;
	animation: spin 18s linear infinite;
}
.banner .img-dq .img3{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0.05;
}
.banner .img-dq .img3 img{
	max-width: initial;
	width: 300%;
}
.banner .vbox-img{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.banner .vbox-img::after{
	content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../images/wenli.png) center;
	transform:translate3d(0,0,0);overflow:hidden;
}
@media(max-width:500px){
	.banner .vbox-img::after{
		display: none;
	}
}
.banner .vbox-img video{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 130%;
	object-fit: cover;
	transform: translate(-50%,-55%);
}
.banner .vbox-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: none;
}
@media(max-width:500px){
	.banner .vbox-img img{
		display: block;
	}
	.banner .vbox-img video{
		display: none;
	}
}
.more-link{
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 24px;
	display: flex;
	align-items: center;
	position: relative;
	padding-left: 58px;
	transition: all ease-in .3s;
}
.more-link::before{
	content: '';
	width: 25px;
	height: 25px;
	background: rgba(31, 40, 48, 0);
	border: 1px solid #FFFFFF;
	border-radius: 8px;
	margin-right: 33px;
	position: absolute;
	left: 0;
	top: 0;
	transition: all ease-in .3s;
}
.more-link::after{
	content: '';
	width: 30px;
	height: 1px;
	background: #FFFFFF;
	position: absolute;
	left: 13px;
	top: 14px;
	transition-property: left,width;
    transition-timing-function: cubic-bezier(.77,0,.175,1);
    transition-duration: .6s;
	animation: t 1.5s cubic-bezier(.77,0,.175,1) infinite forwards;
    transform-origin: left top;
	transition: all ease-in .3s;
}
@media (max-width:1366px){
	.more-link{
		font-size: 16px;
	}
}
@media (max-width:1024px){
	.more-link{
		font-size: 14px;
	}
}
@media (max-width:768px){
	.more-link::before{
		width: 22px;
		height: 22px;
	}
	.more-link::after{
		top: 12px;
	}
}
.banner .box .more-link{
	margin-top: 1.6rem;
}
@keyframes t{
	0%{transform:scaleX(0);transform-origin:left top}
	25%{transform:none;transform-origin:left top}
	50%{transform:none;transform-origin:right top}
	75%{transform:scaleX(0);transform-origin:right top}to{transform:scaleX(0);transform-origin:left top}
}
.more-link:hover{
	padding: 0 29px;
}
.more-link:hover::before{
	width: 100%;
	height: 40px;
	top: -8px;
}
.more-link:hover::after{
	left: initial;
	right: -13px;
}

.index-box{
	width: 100%;
}
.ibox1{
	width: 100%;
	height: 200vh;
	position: relative;
}

.ibox1 .top{
	width: 100%;
	position: relative;
	display: none;
	padding: 1rem 0 0;
}
@media (max-width:500px) {
	.ibox1 .top{
		display: block;
	}
}
.ibox1 .top .tip{
	font-size: 0.3rem;
	font-weight: 300;
	color: #107EEF;
	line-height: 1;
	text-align: center;
}
.ibox1 .top .title{
	width: 100%;
	font-size: 0.36rem;
	font-weight: bold;
	color: #1E2025;
	line-height: 0.6rem;
	text-align: center;
}

.ibox1 .vbox{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: sticky;
	top: 0;
	padding: 1.23rem 2.6rem;
}
@media(max-width:500px){
	.ibox1{
		height: auto;
	}
	.ibox1 .vbox{
		padding: 0.5rem 0;
		height: auto;
	}
}
.ibox1 .vbox .vbox-img{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #fff;
	z-index: 2;
}
.ibox1 .vbox .vbox-img img{
	display: none;
}
.ibox1 .vbox .vbox-img video{
	width: 100vw;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}
@media(max-width:500px){
	.ibox1 .vbox .vbox-img img{
		display: block;
		height: 4rem;
	}
	.ibox1 .vbox .vbox-img video{
		display: none;
	}
}
.ibox1 .vbox .tbox{
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 4;
}
.ibox1 .vbox .tbox .img{
	width: 43%;
	margin: auto;
	display: table;
}
.ibox1 .vbox .tbox .img1{
	width: 43%;
	display: table;
	margin: auto;
}
.ibox1 .vbox .tbox .img1 img{
	width: 100%;
}
@media(max-width:500px){
	.ibox1 .vbox .tbox .img{
		width: 60%;
		display: none;
	}
	.ibox1 .vbox .tbox .img1{
		width: 60%;
		display: none;
	}
}
.ibox1 .vbox .tbox .txt{
	font-size: 0.36rem;
	font-weight: 400;
	color: #0097ff;
	text-align: center;
	margin-top: 12px;
}

@-webkit-keyframes movePlay {
    0% {
        -webkit-transform: scale(0.95);
		transform: scale(0.95);
    }
    50% {
        -webkit-transform: scale(1.05);
		transform: scale(1.05);
    }
    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
}

@keyframes movePlay {
    0% {
        -webkit-transform: scale(0.95);
		transform: scale(0.95);
    }
    50% {
        -webkit-transform: scale(1.05);
		transform: scale(1.05);
    }
    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
}
.ibox1 .vbox .tbox .vplay{
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
    z-index: 2;
    margin-top: -0.5rem;
	cursor: pointer;
}
.ibox1 .vbox .tbox .vplay img{
	width: 50px;
	height: 50px;
	animation: movePlay 1.5s linear infinite;
    -webkit-animation: movePlay 1.5s linear infinite;
}
.ibox1 .vbox .tbox .vplay span{
	width: 100%;
	font-size: 18px;
	color: #fff;
	line-height: 24px;
	text-align: center;
	margin-top: 10px;
}
@media(max-width:1440px){
	.ibox1 .vbox .tbox .vplay span{
		font-size: 16px;
	}
}
@media(max-width:500px){
	.ibox1 .vbox .tbox .txt{
		font-size: 24px;
		margin-top: 0;
		display: none;
	}
	.ibox1 .vbox .tbox .vplay{
		opacity: 1;
		margin-top: 0;
	}
	.ibox1 .vbox .tbox .vplay img{
		width: 30px;
		height: 30px;
	}
	.ibox1 .vbox .tbox .vplay span{
		font-size: 14px;
		margin-top: 0;
	}
}

.ibox2{
	width: 100%;
	position: relative;
}
.ibox2 .img{
	width: 100%;
}
.ibox2 .img img{
	width: 100%;
	height: 100%;
}
@media(max-width:768px){
	.ibox2 .img{
		height: 100vh;
	}
}
.ibox2 .box{
	width: 1400px;
	position: absolute;
	top: 1.02rem;
	left: 50%;
	transform: translateX(-50%);
}
@media(max-width:1600px){
	.ibox2 .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.ibox2 .box{
		width: 90%;
	}
}
.ibox2 .box .title{
	width: 100%;
	position: relative;
	padding-left: 20.35%;
}
.ibox2 .box .title .t1{
	font-size: 0.3rem;
	font-weight: 300;
	color: #FFFFFF;
	line-height: 0.42rem;
	position: absolute;
	left: 0;
	top: 0;
}
@media (max-width:500px) {
	.ibox2 .box .title .t1{
		width: 100%;
		text-align: center;
	}
}
.ibox2 .box .title .t2{
	font-size: 0.48rem;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 0.6rem;
	width: 80%;
	text-align: center;
}
@media(max-width:768px){
	.ibox2 .box .title .t2{
		width: 100%;
	}
}
@media(max-width:500px){
	.ibox2 .box .title{
		padding-left: 0;
		padding-top: 0.5rem;
	}
	.ibox2 .box .title .t2{
		font-size: 0.36rem;
		line-height: 0.46rem;
	}
}
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(-360deg);
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(-360deg);
	}
}
@-webkit-keyframes spin2 {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin2 {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.ibox2 .box .taow{
	width: 61.7%;
	height: 8rem;
	position: relative;
	margin: 0.3rem auto 0;
}
@media(max-width:500px){
	.ibox2 .box .taow{
		width: 100%;
		height: 6rem;
		margin-top: 0.8rem;
	}
}
.ibox2 .box .taow .tw1{
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ibox2 .box .taow .tw1 img{
	width: 0;
	height: 0;
	transition: all ease-in .8s;
}
.ibox2 .box .taow .tw1.on img{
	width: 100%;
	height: 100%;
}
.ibox2 .box .taow .tw2{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 5.55rem;
	height: 5.55rem;
}
.ibox2 .box .taow .tw2 img{
	transform-origin:center center;
	-webkit-animation: spin 4s linear 1s 5 alternate;
	animation: spin 4s linear infinite;
}
.ibox2 .box .taow .tw3{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 4rem;
	height: 4rem;
}
.ibox2 .box .taow .tw3 img{
	transform-origin:center center;
	-webkit-animation: spin2 5s linear 1s 5 alternate;
	animation: spin2 5s linear infinite;
}
.ibox2 .box .taow .tw4{
	/*width: 1.44rem;*/
	/*height: 1.44rem;*/
	width: 1.2rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.ibox2 .box .taow .tw5{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 5.55rem;
	height: 5.55rem;
}
.ibox2 .box .taow .tw5 .tb1{
	width: 2.22rem;
	height: 0.55rem;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	font-size: 22px;
	font-weight: 500;
	color: #0097FF;
	text-align: center;
	line-height: 0.55rem;
	background: url(../images/icon57.png) center center no-repeat;
	background-size:100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ibox2 .box .taow .tw5 .tb1 .tbox{
	position: absolute;
	bottom: 100%;
	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
	color: #FFFFFF;
	background: url(../images/icon59.png) bottom center no-repeat;
	background-size: 0.8rem 0.3rem;
	padding-bottom: 0.4rem;
}
@media(max-width:1366px){
	.ibox2 .box .taow .tw5 .tb1{
		font-size: 18px;
	}
	.ibox2 .box .taow .tw5 .tb1 .tbox{
		font-size: 16px;
	}
}
@media(max-width:1024px){
	.ibox2 .box .taow .tw5 .tb1{
		font-size: 16px;
	}
	.ibox2 .box .taow .tw5 .tb1 .tbox{
		font-size: 14px;
	}
}
@media(max-width:768px){
	.ibox2 .box .taow .tw5 .tb1{
		font-size: 14px;
	}
	.ibox2 .box .taow .tw5 .tb1 .tbox{
		width: 120%;
	}
}
.ibox2 .box .taow .tw5 .tb2{
	width: 0.55rem;
	height: 2.22rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 22px;
	font-weight: 500;
	color: #0097FF;
	text-align: center;
	line-height: 1.1;
	background: url(../images/icon58.png) center center no-repeat;
	background-size:100% 100%;
	padding: 0 0.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ibox2 .box .taow .tw5 .tb2 .tbox{
	width: 3.2rem;
	height: 0.8rem;
	position: absolute;
	left: 100%;
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 24px;
	text-align: left;
	padding-left: 0.6rem;
	background: url(../images/icon60.png) left center no-repeat;
	background-size: 0.36rem;
	display: flex;
	align-items: center;
}
@media(max-width:1366px){
	.ibox2 .box .taow .tw5 .tb2{
		font-size: 18px;
	}
	.ibox2 .box .taow .tw5 .tb2 .tbox{
		font-size: 16px;
	}
}
@media(max-width:1024px){
	.ibox2 .box .taow .tw5 .tb2{
		font-size: 16px;
	}
	.ibox2 .box .taow .tw5 .tb2 .tbox{
		font-size: 14px;
	}
}
@media(max-width:1024px){
	.ibox2 .box .taow .tw5 .tb2{
		font-size: 14px;
	}
	.ibox2 .box .taow .tw5 .tb2 .tbox{
		width: 2.8rem;
	}
}
.ibox2 .box .taow .tw5 .tb3{
	width: 2.22rem;
	height: 0.55rem;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	font-size: 22px;
	font-weight: 500;
	color: #0097FF;
	text-align: center;
	line-height: 0.55rem;
	background: url(../images/icon57.png) center center no-repeat;
	background-size:100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ibox2 .box .taow .tw5 .tb3 img{
	width: 80%;
}
.ibox2 .box .taow .tw5 .tb3 .tbox{
	width: 3.2rem;
	position: absolute;
	top: 100%;
	font-size: 20px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1;
	padding-top: 0.2rem;
}
@media(max-width:1366px){
	.ibox2 .box .taow .tw5 .tb3 .tbox{
		font-size: 16px;
	}
}
@media(max-width:1024px){
	.ibox2 .box .taow .tw5 .tb3 .tbox{
		font-size: 14px;
	}
}
.ibox2 .box .taow .tw5 .tb4{
	width: 0.55rem;
	height: 2.22rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 22px;
	font-weight: 500;
	color: #0097FF;
	text-align: center;
	line-height: 1.1;
	background: url(../images/icon58.png) center center no-repeat;
	background-size:100% 100%;
	padding: 0 0.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ibox2 .box .taow .tw5 .tb4 .tbox{
	width: 3.4rem;
	height: 0.8rem;
	position: absolute;
	right: 100%;
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 24px;
	text-align: right;
	padding-right: 0.6rem;
	background: url(../images/icon61.png) right center no-repeat;
	background-size: 0.43rem;
	display: flex;
	align-items: center;
}
@media(max-width:1366px){
	.ibox2 .box .taow .tw5 .tb4{
		font-size: 18px;
	}
	.ibox2 .box .taow .tw5 .tb4 .tbox{
		font-size: 16px;
	}
}
@media(max-width:1024px){
	.ibox2 .box .taow .tw5 .tb4{
		font-size: 16px;
	}
	.ibox2 .box .taow .tw5 .tb4 .tbox{
		font-size: 14px;
	}
}
@media(max-width:768px){
	.ibox2 .box .taow .tw5 .tb4{
		font-size: 14px;
	}
	.ibox2 .box .taow .tw5 .tb4 .tbox{
		width: 2.8rem;
	}
}
@media(max-width:500px){
	.ibox2 .box .taow .tw5 .tb1 .tbox,
	.ibox2 .box .taow .tw5 .tb2 .tbox,
	.ibox2 .box .taow .tw5 .tb4 .tbox{
		display: none;
	}
}
.ibox2 .box .taow .tw6{
	width: 3.5rem;
	height: 3.5rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.ibox2 .box .taow .tw6 .tb{
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 20px;
	/* opacity: 0.8; */
	position: absolute;
}
@media(max-width:1024px){
	.ibox2 .box .taow .tw6 .tb{
		font-size: 14px;
	}
}
.ibox2 .box .taow .tw6 .tb1{
	left: 0;
	top: 0;
}
.ibox2 .box .taow .tw6 .tb2{
	right: 0;
	top: 0;
}
.ibox2 .box .taow .tw6 .tb3{
	left: 0;
	bottom: 0;
}
.ibox2 .box .taow .tw6 .tb4{
	right: 0;
	bottom: 0;
}

.ibox2 .list{
	width: 87.5%;
	height: 1.8rem;
	border-radius: 0.9rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	/* bottom: 1.05rem; */
	top: 78%;   
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(119, 200, 255, 0.21);
	box-shadow: 0px 5px 50px 0px rgba(180, 194, 204, 0.15) inset, 0px 3px 10px 0px rgba(0, 151, 255, 0.4) inset;
	overflow: hidden;
}
.ibox2 .list ul{
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 0.43rem 0;
}
@media(max-width:500px){
	.ibox2 .list ul{
		overflow-x: scroll;
		white-space: nowrap;
		justify-content: flex-start;
		display: none;
	}
}
.ibox2 .list li{
	width: 19.2%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0.1rem 0 0.04rem;
	border-right: 1px dashed #B4C0CC;
}
.ibox2 .list li:last-child{
	border-right: none;
}
.ibox2 .list li .icon{
	width: 0.46rem;
	height: 0.46rem;
	display: flex;
}
.ibox2 .list li .icon img{
	width: 100%;
	height: 100%;
}
.ibox2 .list li .txt{
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 30px;
	margin-top: 0.1rem;
}
@media(max-width:1366px){
	.ibox2 .list li .txt{
		font-size: 18px;
	}
}
@media(max-width:1024px){
	.ibox2 .list{
		width: 90%;
	}
	.ibox2 .list li .txt{
		font-size: 16px;
		line-height: 26px;
	}
}
@media(max-width:768px){
	.ibox2 .list{
		width: 95%;
	}
	.ibox2 .list li{
		width: 20%;
	}
	.ibox2 .list li .txt{
		font-size: 14px;
		line-height: 24px;
	}
}
@media(max-width:500px){
	.ibox2 .list li{
		width: auto;
		padding: 0 0.5rem;
	}
}


.ibox2 .list .swiper-container{
	width: 100%;
	height: 100%;
	display: none;
}
@media (max-width:500px) {
	.ibox2 .list .swiper-container{
		display: block;
	}
}
.ibox2 .list .ibox2-lbox{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	padding: 0.1rem 0 0.04rem;
	border-right: 1px dashed #B4C0CC;
}
.ibox2 .list .ibox2-lbox:last-child{
	border-right: none;
}
.ibox2 .list .ibox2-lbox .icon{
	width: 0.46rem;
	height: 0.46rem;
	display: flex;
}
.ibox2 .list .ibox2-lbox .icon img{
	width: 100%;
	height: 100%;
}
.ibox2 .list .ibox2-lbox .txt{
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 30px;
	margin-top: 0.1rem;
}
@media(max-width:1366px){
	.ibox2 .list .ibox2-lbox .txt{
		font-size: 18px;
	}
}
@media(max-width:1024px){
	.ibox2 .list .ibox2-lbox .txt{
		font-size: 16px;
		line-height: 26px;
	}
}
@media(max-width:768px){
	.ibox2 .list .ibox2-lbox .txt{
		font-size: 14px;
		line-height: 24px;
	}
}

@media (max-width:500px) {
	.ibox2{
		position: relative;
		padding: 0.8rem 0;
	}
	.ibox2 .img{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.ibox2 .box{
		position: relative;
		top: initial;
	}
	.ibox2 .list{
		position: relative;
		bottom: initial;
		margin-top: 1rem;
	}


}



.ibox3{
	width: 100%;
	background: url(../images/bg2.jpg) center center navajowhite;
	background-size: cover;
	padding: 1.25rem 0 1rem;
}
.ibox3 .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.ibox3 .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.ibox3 .box{
		width: 90%;
	}
}
.ibox3 .box .top{
	width: 100%;
	position: relative;
	/* padding-left: 20%; */
}
@media(max-width:500px){
	.ibox3 .box .top{
		padding-top: 0.5rem;
	}
}
.ibox3 .box .top .tip{
	font-size: 0.3rem;
	font-weight: 300;
	color: #107EEF;
	line-height: 1;
	position: absolute;
	left: 0;
	top: 0;
}
@media (max-width:500px) {
	.ibox3 .box .top .tip{
		width: 100%;
		text-align: center;
	}
}
.ibox3 .box .top .title{
	width: 100%;
	font-size: 0.48rem;
	font-weight: bold;
	color: #1E2025;
	line-height: 0.6rem;
	text-align: center;
}
@media(max-width:500px){
	.ibox3 .box .top .title{
		font-size: 0.36rem;
		line-height: 0.46rem;
	}
}
.ibox3 .box .top .more-link{
	width: 170px;
	color: #058be9;
	margin-top: 0.55rem;
	display: none;
}
.ibox3 .box .top .more-link::before{
	border: 1px solid #058be9;
}
.ibox3 .box .top .more-link::after{
	background: #058be9;
}
.ibox3 .box .list{
	width: 100%;
	display: table;
	margin-top: 0.75rem;
}
.ibox3 .box .list li{
	width: 18.57%;
	height: 1.2rem;
	border-radius: 5px;
	float: left;
	margin-right: 1.7875%;
	margin-bottom: 25px;
	-webkit-animation: 5s moveup linear infinite normal;
	animation: 5s moveup linear infinite normal;
	background: #fff;
}
.ibox3 .box .list li:nth-child(5n){
	margin-right: 0;
}
.ibox3 .box .list li img{
	width: 100%;
	height: 100%;
}
@media(max-width:768px){
	.ibox3 .box .list li{
		margin-bottom: 15px;
	}
}
@media(max-width:500px){
	.ibox3 .box .list li{
		width: 32%;
		margin-right: 2%;
		margin-bottom: 7px;
	}
	.ibox3 .box .list li:nth-child(5n){
		margin-right: 2%;
	}
	.ibox3 .box .list li:nth-child(3n){
		margin-right: 0;
	}
}
@-webkit-keyframes moveup {
	0% {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
	50% {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, -14px, 0);
	}
	100% {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  @keyframes moveup {
	0% {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
	50% {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, -14px, 0);
	}
	100% {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }


  /* 荣誉资质 */
.ibox4{
	width: 100%;
	height: 9.3rem;
	position: relative;
	padding: 1.4rem 0 1.8rem;
}
.ibox4 .ibox4-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.ibox4 .ibox4-bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ibox4 .box{
	width: 1400px;
	margin: auto;
	position: relative;
	z-index: 2;
}
@media(max-width:1600px){
	.ibox4 .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.ibox4 .box{
		width: 90%;
	}
}
.ibox4 .box .a-box{
	width: 100%;
}
.ibox4 .box .a-box .more-link{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.ibox4 .box .content{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	position: relative;
}
.ibox4 .box .content .left{
	width: 42%;
}
.ibox4 .box .content .left .title{
	font-size: 0.3rem;
	font-weight: 300;
	color: #FFFFFF;
	line-height: 1;
}
@media (max-width:500px) {
	.ibox4 .box .content .left .title{
		text-align: center;
	}
}
.ibox4 .box .content .left .title2{
	font-size: 0.48rem;
	font-weight: 800;
	color: #FFFFFF;
	line-height: 0.6rem;
	margin-top: 0.54rem;
}
@media(max-width:500px){
	.ibox4 .box .content .left .title2{
		font-size: 0.36rem;
		text-align: center;
		margin-top: 0.34rem;
		line-height: 0.46rem;
	}
}
.ibox4 .box .content .left .title2 p{
	display: inline-block;
}
.ibox4 .box .content .left .tbox{
	width: 100%;
	margin-top: 1.5rem;
}
.ibox4 .box .content .left .tbox .txt{
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 30px;
	opacity: 0.7;
	position: relative;
	display: none;
}
.ibox4 .box .content .left .tbox .txt.on{
	display: block;
}
@media(max-width:1366px){
	.ibox4 .box .content .left .tbox .txt{
		font-size: 16px;
		line-height: 26px;
	}
}
@media(max-width:1024px){
	.ibox4 .box .content .left .tbox .txt{
		font-size: 14px;
		line-height: 24px;
	}
}
.ibox4 .box .content .left .line{
	width: 2.26rem;
	height: 3px;
	background: rgba(255, 255, 255, .2);
	position: relative;
	margin-top: 2.2rem;
}
.ibox4 .box .content .left .line .span{
	width: 30px;
	height: 3px;
	background: #fff;
}
@media (max-width:768px) {
	.ibox4 .box .content .left .line{
		display: none;
	}
}

.ibox4 .box .content .right{
	width: 51.4%;
	height: 7.9rem;
	/* height: 600vh; */
}
@media (max-width:768px) {
	.ibox4 .box .content .right{
		height: 5.9rem;
	}
}
@media (max-width:500px) {
	.ibox4 .box .content .right{
		height: 4.6rem;
	}
}
.ibox4 .box .content .right .swiper-container{
	height: 100%;
}
.ibox4 .box .content .right .swiper-slide::after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(255, 255, 255, .8);
	border-radius: 0.3rem;
}
.ibox4 .box .content .right .swiper-slide-active::after{
	display: none;
}
.ibox4 .box .content .right .item{
	width: 100%;
	height: 100%;
}
.ibox4 .box .content .right .item .item-box{
	position: relative;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 20px 5px rgba(109,113,116,.1);
}
.ibox4 .box .content .right .item .item-box .item-bg{
	width: 100%;
	height: 100%;
	border-radius: 0.3rem;
	overflow: hidden;
}
.ibox4 .box .content .right .item .item-box .item-bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ibox4 .box .content .right .item .item-box .item-tbox{
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.75rem 0.65rem 0 0.86rem;
	width: 100%;
	height: 100%;
}
@media (max-width:768px) {
	.ibox4 .box .content .right .item .item-box .item-tbox{
		padding: 0 0.65rem 0 0.86rem;
		align-content: center;
	}
}
.ibox4 .box .content .right .item .item-box .item-tbox .img{
	width: 39.4%;
	height: 3.5rem;
}
.ibox4 .box .content .right .item .item-box .item-tbox .img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.ibox4 .box .content .right .item .item-box .item-tbox .tbox{
	width: 47%;
	margin-top: -0.3rem;
}
.ibox4 .box .content .right .item .item-box .item-tbox .tbox .t1{
	width: 110px;
	background: #303A40;
	border-radius: 18px;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 36px;
	text-align: center;
}
.ibox4 .box .content .right .item .item-box .item-tbox .tbox .t2{
	font-size: 0.36rem;
	font-weight: bold;
	color: #0097FF;
	line-height: 0.48rem;
	margin-top: 12px;
}
@media(max-width:768px){
	.ibox4{
		height: auto;
	}
	.ibox4 .box .a-box{
		height: auto;
		position: relative;
		top: 0;
	}
	.ibox4 .box .content .left{
		width: 100%;
		min-height: initial;
		position: relative;
		top: 0;
	}
	.ibox4 .box .content .left .tbox{
		width: 100%;
		margin-top: 0.4rem;
		display: none;
	}
	.ibox4 .box .content .right{
		width: 100%;
		margin-top: 0.5rem;
	}
	.ibox4 .box .content .right .item{
		width: 100%;
		position: relative;
	}
	
}



/* 新闻资讯 */
.ibox5{
	width: 100%;
	background: url(../images/bg4.jpg) center center no-repeat;
	background-size: cover;
	padding: 1.18rem 0 0;
}
.ibox5 .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.ibox5 .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.ibox5 .box{
		width: 90%;
	}
}
.ibox5 .box .top{
	width: 100%;
	position: relative;
	/* padding-left: 20%; */
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
@media(max-width:500px){
	.ibox5 .box .top{
		padding-top: 0.5rem;
	}
}
.ibox5 .box .top .title{
	font-size: 0.3rem;
	font-weight: 300;
	color: #107EEF;
	line-height: 1;  
	position: absolute;
	left: 0;
	top: 0;
}
@media (max-width:500px) {
	.ibox5 .box .top .title{
		width: 100%;
		text-align: center;
	}
}
.ibox5 .box .top .tip{
	width: 100%;
	font-size: 0.48rem;
	font-weight: bold;
	color: #1E2025;
	line-height: 0.48rem;
	text-align: center;
}
@media(max-width:500px){
	.ibox5 .box .top .tip{
		font-size: 0.36rem;
	}
}
.ibox5 .box .top .more-link{
	margin-top: 0.48rem;
	color: #107EEF;
	display: none;
}
.ibox5 .box .top .more-link::before{
	border: 1px solid #107EEF;
}
.ibox5 .box .top .more-link::after{
	background: #107EEF;
}

.ibox5 .box .content{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 1rem;
	padding-bottom: 1.15rem;
	flex-wrap: wrap;
}
@media(max-width:500px){
	.ibox5 .box .content{
		margin-top: 0.5rem;
		padding-bottom: 0.7rem;
	}
}
.ibox5 .box .content .new-box{
	width: 31.42%;
	background: #fff;
	border-radius: 7px;
	box-shadow: 0 0 50px 5px rgba(180,194,204,.15);
}
.ibox5 .box .content .new-box .img{
	width: 100%;
	height: 1.7rem;
	overflow: hidden;
	position: relative;
}
.ibox5 .box .content .new-box .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ibox5 .box .content .new-box .img .img-box{
	position: absolute;
	left: 0.3rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 30px;
}
.ibox5 .box .content .new-box .img .img-box span{
	font-size: 16px;
	display: block;
}
@media(max-width:1366px){
	.ibox5 .box .content .new-box .img .img-box{
		font-size: 22px;
	}
	.ibox5 .box .content .new-box .img .img-box span{
		font-size: 14px;
	}
}
@media(max-width:1024px){
	.ibox5 .box .content .new-box .img .img-box{
		font-size: 20px;
	}
}
.ibox5 .box .content .new-box .list{
	width: 100%;
	padding: 7px 0.25rem 14px;
}
.ibox5 .box .content .new-box .list li{
	width: 100%;
	border-bottom: 1px dashed #e8e8e8;
	padding: 0.17rem 0 0.14rem;
}
.ibox5 .box .content .new-box .list li:last-child{
	border-bottom: none;
}
.ibox5 .box .content .new-box .list li .time{
	font-size: 14px;
	font-weight: 400;
	color: #999999;
	line-height: 18px;
}
.ibox5 .box .content .new-box .list li .txt{
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
	transition: all ease-in .3s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ibox5 .box .content .new-box .list li:hover .txt{
	color: #058be9;
}
@media(max-width:1024px){
	.ibox5 .box .content .new-box .list li .txt{
		font-size: 14px;
	}
}
@media(max-width:768px){
	.ibox5 .box .content .new-box{
		width: 100%;
		margin-bottom: 0.5rem;
	}
	.ibox5 .box .content .new-box .img{
		height: 3.4rem;
	}
}

.index-advertising{
	width: 87.5%;
	height: 2.4rem;
	margin: 0 auto -0.7rem;
	border-radius: 1.2rem;
	/* background: url(../images/img8.png) center center no-repeat; */
	position: relative;
	z-index: 2;
	padding-top: 0.66rem;
}
@media(max-width:500px){
	.index-advertising{
		width: 100%;
		height: 2.8rem;
		border-radius: 0;
		margin: 0 auto;
	}
}
.index-advertising .title{
	font-size: 0.4rem;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1;
	text-align: center;
}
.index-advertising .ck{
	display: flex;
	justify-content: center;
	margin-top: 0.25rem;
}
.index-advertising .ck a{
	width: 1.8rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #297ff2;
	border: 2px solid #FFFFFF;
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	margin: 0 10px;
	transition: all ease-in .3s;
}
.index-advertising .ck a:hover{
	color: #0097FF;
	background: #fff;
}
@media(max-width:1366px){
	.index-advertising .ck a{
		font-size: 16px;
	}
}
@media(max-width:1024px){
	.index-advertising .ck a{
		font-size: 14px;
	}
}
@media(max-width:500px){
	.index-advertising .title{
		font-size: 0.36rem;
	}
	.index-advertising .ck{
		margin-top: 0.4rem;
	}
	.index-advertising .ck a{
		width: 2rem;
		height: 0.7rem;
		border-radius: 0.35rem;
	}
}
/* index-end */

.h-height{
	height: 0.99rem;
}

/* info */
/* info-banner */
.news-banner{
	width: 100%;
	height: 5rem;
	position: relative;
}
.news-banner img{
	width: 100%;
	height: 100%;
}
@media(max-width:500px){
	.news-banner img{
		object-position: 60%;
	}
}
.news-banner .tbox{
	width: 1400px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	margin-top: -3px;
	font-size: 0.48rem;
	font-weight: bold;
	color: rgba(255,255,255,.9);
	line-height: 1;
}
.news-banner.contact-b .tbox{
	color: #1A1A1A;
}
@media (max-width:1600px){
	.news-banner .tbox{
		width: 83%;
	}
}
@media (max-width:1024px){
	.news-banner .tbox{
		width: 90%;
	}
}
.info-menu{
	width: 100%;
	background: #fff;
}
.info-menu .box{
	width: 1400px;
	margin: auto;
}
.info-menu.md{
	position: sticky;
	top: 0;
	z-index: 3;
}
@media (max-width:1600px){
	.info-menu .box{
		width: 83%;
	}
}
@media (max-width:1024px){
	.info-menu .box{
		width: 90%;
	}
}
@media (max-width:768px){
	.info-menu .box{
		width: 90%;
	}
}

.info-menu .box ul{
	width: 100%;
	display: flex;
}
.info-menu .box li{
	margin-right: 0.4rem;
}
.info-menu .box li a{
	font-size: 16px;
	font-weight: 400;
	color: #333;
	line-height: 0.67rem;
	transition: all ease-in .3s;
	border-bottom: 3px solid #fff;
	display: block;
	padding: 0 4px;
}
.info-menu .box li:hover a,
.info-menu .box li.on a{
	color: #058BE9;
	border-bottom: 3px solid #058be9;
}
@media (max-width:1220px){
	.info-menu .box li a{
		line-height: 0.8rem;
	}
}
@media (max-width:1024px){
	.info-menu .box li a{
		line-height: 1rem;
		font-size: 14px;
		border-bottom: 2px solid #fff;
	}
	.info-menu .box li:hover a,
	.info-menu .box li.on a{
		color: #058BE9;
		border-bottom: 2px solid #058be9;
	}
}
@media(max-width:768px){
	.info-menu .box ul{
		overflow: scroll;
		white-space: nowrap;
	}
	.info-menu .box li{
		display: inline-block;
	}


}
/* news */
.news{
	width: 100%;
	padding-bottom: 1.34rem;
}
.hot-news{
	width: 100%;
	background: url(../images/img27.png) center center no-repeat;
	background-size: cover;
	padding: 1rem 0;
}
.hot-news .box{
	width: 1400px;
	margin: auto;
}
@media (max-width:1600px){
	.hot-news .box{
		width: 83%;
	}
}
@media (max-width:768px){
	.hot-news .box{
		width: 90%;
	}
}
.hot-news .box a{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.hot-news .box .img{
	width: 49.5%;
	height: 4.09rem;
	overflow: hidden;
}
@media(max-width:1024px){
	.hot-news .box .img{
		height: 5rem;
	}
}
@media(max-width:768px){
	.hot-news .box .img{
		width: 100%;
	}
}
@media(max-width:768px){
	.hot-news .box .img{
		height: 3.5rem;
	}
}
.hot-news .box .img img{
	width: 100%;
	height: 100%;
}
.hot-news .box .tbox{
	width: 44.3%;
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
}
@media(max-width:1024px){
	.hot-news .box .tbox{
		width: 46%;
	}
}
@media(max-width:768px){
	.hot-news .box .tbox{
		width: 100%;
		margin-top: 0.4rem;
	}
}
.hot-news .box .tbox .time{
	font-size: 16px;
	font-weight: 400;
	color: #999999;
	line-height: 30px;
	padding-left: 31px;
	background: url(../images/icon13.png) left center no-repeat;
	background-size: 21px;
}
@media(max-width:1024px){
	.hot-news .box .tbox .time{
		font-size: 14px;
		line-height: 24px;
		padding-left: 25px;
		background-size: 16px;
	}
}
.hot-news .box .tbox .title{
    width: 100%;
	font-size: 0.36rem;
	font-weight: 500;
	color: #1E2025;
	line-height: 0.4rem;
	margin-top: 0.12rem;
	transition: all ease-in .3s;
}
@media(max-width:1024px){
	.hot-news .box .tbox .title{
		font-size: 0.4rem;
		line-height: 0.5rem;
	}
}
@media(max-width:768px){
	.hot-news .box .tbox .title{
		font-size: 0.34rem;
		line-height: 0.56rem;
	}
}
.hot-news .box:hover .tbox .title{
	color: #058be9;
}
.hot-news .box .tbox .txt{
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
	margin-top: 0.21rem;
}
@media(max-width:1024px){
	.hot-news .box .tbox .txt{
		font-size: 16px;
		line-height: 24px;
	}
}
@media(max-width:768px){
	.hot-news .box .tbox .txt{
		font-size: 14px;
		line-height: 20px;
	}
}
.hot-news .box .tbox .more-link{
	color: #058be9;
	margin-top: 1rem;
}
.hot-news .box .tbox .more-link::before{
	border: 1px solid #058be9;
}
.hot-news .box .tbox .more-link::after{
	background: #058be9;
}

.news-list{
	width: 100%;
	padding: 1.2rem 0 1rem;
}
.news-list ul{
	width: 1400px;
	margin: auto;
}
@media (max-width:1600px){
	.news-list ul{
		width: 83%;
	}
}
@media (max-width:768px){
	.news-list ul{
		width: 90%;
	}
}
.news-list li{
	width: 100%;
	margin-bottom: 0.81rem;
}
.news-list li:last-child{
	margin-bottom: 0;
}
.news-list li a{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.news-list li .img{
	width: 32.85%;
	height: 2.71rem;
	overflow: hidden;
}
@media (max-width:1024px){
	.news-list li .img{
		width: 38%;
		height: 4rem;
	}
}
@media (max-width:768px){
	.news-list li .img{
		width: 100%;
		height: 5rem;
	}
}
@media (max-width:500px){
	.news-list li .img{
		height: 3.5rem;
	}
}
.news-list li .img img{
	width: 100%;
	height: 100%;
}
.news-list li .tbox{
	width: 62.85%;
	border-top: 3px solid rgba(16, 16, 16, .1);
	padding-top: 0.23rem;
	display: flex;
	flex-wrap: wrap;
}
@media (max-width:1024px){
	.news-list li .tbox{
		width: 58%;
		border-top: 1px solid rgba(16, 16, 16, .1);
	}
}
@media (max-width:768px){
	.news-list li .tbox{
		width: 100%;
		border-top: 1px solid rgba(16, 16, 16, .1);
	}
}
.news-list li .tbox .time{
	font-size: 16px;
	font-weight: 400;
	color: #999999;
	height: 30px;
	display: flex;
	align-items: center;
	padding-left: 31px;
	background: url(../images/icon13.png) left center no-repeat;
	background-size: 21px;
}
@media(max-width:1024px){
	.news-list li .tbox .time{
		font-size: 14px;
		padding-left: 25px;
		background-size: 16px;
	}
}
.news-list li .tbox .title{
	width: 100%;
	font-size: 0.3rem;
	font-weight: 500;
	color: #1E2025;
	line-height: 0.36rem;
	margin-top: 0.12rem;
	transition: all ease-in .3s;
}
@media(max-width:1024px){
	.news-list li .tbox .title{
		font-size: 0.36rem;
		line-height: 0.5rem;
	}
}
@media(max-width:768px){
	.news-list li .tbox .title{
		font-size: 0.3rem;
	}
}
.news-list li:hover .tbox .title{
	color: #058be9;
}
.news-list li .tbox .txt{
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
	margin-top: 0.13rem;
}
@media(max-width:1024px){
	.news-list li .tbox .txt{
		font-size: 14px;
	}
}
.news-list li .tbox .more-link{
	font-size: 16px;
	color: #058be9;
	margin-top: 0.64rem;
}
.news-list li .tbox .more-link::before{
	border: 1px solid #058be9;
}
.news-list li .tbox .more-link::after{
	background: #058be9;
}
@media(max-width:1024px){
	.news-list li .tbox .more-link{
		font-size: 14px;
	}
}
@media(max-width:768px){
	.news-list li .tbox .more-link{
		margin-top: 0.2rem;
	}
}


.pagelist{
	width: 100%;
}
.pagelist ul{
	width: 100%;
	display: flex;
	justify-content: center;
}
.pagelist li{
	width: 44px;
	height: 44px;
	background: #FEFEFE;
	border: 1px solid #E7E7E8;
	margin: 0 5px;
}
.pagelist li a{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	font-weight: 400;
	color: #555555;
	transition: all ease-in .3s;
}
.pagelist li:hover a,
.pagelist li.on a{
	color: #fff;
	background: #0097FF;
}
.pagelist li a.prev{
	background: #FEFEFE url(../images/icon11.png) center center no-repeat;
	background-size: 6px;
}
.pagelist li a.next{
	background: #FEFEFE url(../images/icon12.png) center center no-repeat;
	background-size: 6px;
}
@media(max-width:1024px){
	.pagelist li{
		width: 40px;
		height: 40px;
	}
}
@media(max-width:768px){
	.pagelist li{
		width: 36px;
		height: 36px;
	}
	.pagelist li a{
		font-size: 16px;
	}
}
@media(max-width:768px){
	.pagelist li{
		width: 32px;
		height: 32px;
	}
}

/* info-news */
.Breadcrumbs{
	width: 100%;
	background: #F0F4FA;
}
.Breadcrumbs .box{
	width: 1400px;
	margin: auto;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
	padding: 0.14rem 0;
}
.Breadcrumbs .box a{
	color: #666;
	transition: all ease-in .3s;
}
.Breadcrumbs .box a:hover{
	color: #058be9;
}
.Breadcrumbs .box span{
	color: #0097FF;
}
@media (max-width:1600px){
	.Breadcrumbs .box{
		width: 83%;
	}
}
@media (max-width:1024px){
	.Breadcrumbs .box{
		width: 90%;
		font-size: 14px;
	}
}
@media (max-width:500px){
	.Breadcrumbs .box{
		display: none;
	}
}

.news-info{
	width: 100%;
	padding: 0.6rem 0 1.2rem;
}
.news-info .box{
	width: 1000px;
	margin: auto;
}
@media (max-width:1220px){
	.news-info .box{
		width: 83%;
	}
}
@media (max-width:768px){
	.news-info .box{
		width: 90%;
	}
}
.news-info .box .title{
	font-size: 0.36rem;
	font-weight: 500;
	color: #333333;
	line-height: 0.48rem;
}
.news-info .box .other{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	line-height: 30px;
	margin-top: 0.2rem;
}
.news-info .box .other .time{
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	padding-left: 26px;
	background: url(../images/icon14.png) left center no-repeat;
	background-size: 18px;
	margin-right: 0.46rem;
}
.news-info .box .other .txt{
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	padding-left: 28px;
	background: url(../images/icon15.png) left center no-repeat;
	background-size: 18px;
	margin-right: 0.36rem;
}
.news-info .box .other .share{
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	padding-left: 26px;
	background: url(../images/icon16.png) left center no-repeat;
	background-size: 18px;
	line-height: 30px;
}
@media(max-width:768px){
	.news-info .box .other .time,
	.news-info .box .other .txt,
	.news-info .box .other .share{
		font-size: 14px;
	}
}
@media(max-width:500px){
	.news-info .box .other .time{
		padding-left: 22px;
		margin-right: 0.2rem;
	}
	.news-info .box .other .txt{
		padding-left: 22px;
		margin-right: 0.2rem;
	}
}
.news-info .box .tbox{
	width: 100%;
	border-top: 1px solid #e9e9e9;
	margin-top: 0.17rem;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
	padding: 0.37rem 0 1.02rem;
}
@media(max-width:768px){
	.news-info .box .tbox{
		font-size: 14px;
	}
}
.news-info .box .tbox img{
    height: auto !important;
    object-fit: contain;
}
.news-info .box .tbox video{
    max-width: 100%;
}
.news-info .box .ck-box{
	width: 100%;
	border-top: 1px solid #e9e9e9;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 0.24rem;
}
.news-info .box .ck-box .prev{
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
	padding-left: 25px;
	background: url(../images/icon17.png) left center no-repeat;
	background-size: 8px;
}
.news-info .box .ck-box .prev:hover{
	background: url(../images/icon17-1.png) left center no-repeat;
	background-size: 8px;
	color: #058be9;
}
.news-info .box .ck-box .back{
	width: 19px;
	line-height: 0;
}
.news-info .box .ck-box .next{
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
	padding-right: 25px;
	background: url(../images/icon18.png) right center no-repeat;
	background-size: 8px;
}
.news-info .box .ck-box .next:hover{
	background: url(../images/icon18-1.png) right center no-repeat;
	background-size: 8px;
	color: #058be9;
}
@media(max-width:768px){
	.news-info .box .ck-box .prev,
	.news-info .box .ck-box .next{
		font-style: 14px;
	}
}
.news-info .box .other-news{
	width: 100%;
	margin-top: 1.13rem;
}
.news-info .box .other-news .otitle{
	font-size: 0.3rem;
	font-weight: bold;
	color: #333333;
	line-height: 1;
}
.news-info .box .other-news .list{
	width: 100%;
	margin-top: 0.33rem;
}
.news-info .box .other-news .list li{
	width: 100%;
	border-bottom: 1px solid #DFDFE3;
	padding-bottom: 0.38rem;
	margin-bottom: 0.4rem;
}
.news-info .box .other-news .list li:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.news-info .box .other-news .list li a{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.news-info .box .other-news .list li .img{
	width: 27.7%;
	height: 1.63rem;
}
@media(max-width:1024px){
	.news-info .box .other-news .list li .img{
		height: 2.5rem;
	}
}
@media(max-width:768px){
	.news-info .box .other-news .list li .img{
		width: 40%;
		height: 2.5rem;
	}
}
@media(max-width:500px){
	.news-info .box .other-news .list li .img{
		width: 100%;
	}
}
.news-info .box .other-news .list li .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.news-info .box .other-news .list li .obox{
	width: 67.7%;
}
.news-info .box .other-news .list li .obox .t1{
	font-size: 24px;
	font-weight: 500;
	color: #1E2025;
	line-height: 30px;
	transition: all ease-in .3s;
}
@media(max-width:1024px){
	.news-info .box .other-news .list li .obox .t1{
		font-size: 20px;
	}
}
@media(max-width:768px){
	.news-info .box .other-news .list li .obox{
		width: 55%;
	}
	.news-info .box .other-news .list li .obox .t1{
		font-size: 18px;
	}
}
@media(max-width:500px){
	.news-info .box .other-news .list li .obox{
		width: 100%;
		margin-top: 0.3rem;
	}
}
.news-info .box .other-news .list li:hover .obox .t1{
	color: #058be9;
}
.news-info .box .other-news .list li .obox .time{
	font-size: 14px;
	font-weight: 400;
	color: #999999;
	line-height: 24px;
	padding-left: 24px;
	background: url(../images/icon13.png) left center no-repeat;
	background-size: 16px;
	margin-top: 8px;
}

/* news-info end */

/* 投资者关系 */
.investor{
	width: 100%;
	border-top: 1px solid #F0F4FA;
	padding: 1.2rem 0;
}
.investor .box{
	width: 1400px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
@media(max-width:1600px){
	.investor .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.investor .box{
		width: 90%;
	}
}
.investor .box .left{
	width: 34.25%;
}
@media(max-width:768px){
	.investor .box .left{
		width: 100%;
	}
	.investor .box.investor-rl .left{
		width: 30%;
	}
}
@media(max-width:500px){
	.investor .box.investor-rl .left{
		width: 100%;
	}
}
.investor .box .left .title{
	font-size: 0.42rem;
	font-weight: bold;
	color: #333333;
	line-height: 1;
}
.investor .box .right{
	width: 65.75%;
}
@media(max-width:768px){
	.investor .box .right{
		width: 100%;
		margin-top: 0.5rem;
	}
	.investor .box.investor-rl .right{
		width: 70%;
		margin-top: 0;
	}
}
@media(max-width:500px){
	.investor .box.investor-rl .right{
		width: 100%;
		margin-top: 0.5rem;
	}
}
/* 企业管制 */
.qygz{
	width: 100%;
}
.qygz .title{
	font-size: 24px;
	font-weight: 400;
	color: #333333;
	line-height: 1;
}
@media(max-width:1024px){
	.qygz .title{
		font-size: 22px;
	}
}
@media(max-width:768px){
	.qygz .title{
		font-size: 20px;
	}
}
.qygz .txt{
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 22px;
	margin-top: 0.18rem;
}
.qygz .tt{
	width: 100%;
	font-size: 24px;
	font-weight: 500;
	line-height: 28px;
	display: flex;
	align-items: center;
	color: #333333;
	margin-top: 0.5rem;
	font-weight: 600;
}
@media(max-width:1440px){
	.qygz .tt{
		font-size: 22px;
	}
}
@media(max-width:1366px){
	.qygz .tt{
		font-size: 20px;
	}
}
@media(max-width:1024px){
	.qygz .tt{
		font-size: 18px;
	}
}
@media(max-width:1024px){
	.qygz .tt{
		font-size: 20px;
	}
}
@media(max-width:768px){
	.qygz .tt{
		font-size: 16px;
	}
}
.qygz .pp{
	width: 100%;
	margin-top: 0.37rem;
	border: 1px solid #F0F0F0;
}
.qygz .pp li{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #F0F0F0;
}
.qygz .pp li:last-child{
	border-bottom: none;
}
.qygz .pp li .t1{
	width: 2rem;
	background: #FAFAFA;
	font-size: 16px;
	color: #333333;
	padding-left: 0.36rem;
	line-height: 0.56rem;
	font-weight: 600;
}
@media (max-width:1366px) {
	.qygz .pp li .t1{
		font-size: 14px;
	}
}
@media(max-width:1024px){
	.qygz .pp li .t1{
		line-height: 0.8rem;
	}
}
@media(max-width:500px){
	.qygz .pp li .t1{
		width: 100%;
	}
}
.qygz .pp li .t2{
	display: flex;
	flex-wrap: wrap;
	padding-left: 0.46rem;
}
.qygz .pp li .t2 span{
	font-size: 16px;
	font-weight: 300;
	color: #333333;
	line-height: 0.56rem;
	margin-right: 0.4rem;
}
@media(max-width:1366px){
	.qygz .pp li .t2 span{
		font-size: 14px;
	}
}
@media(max-width:1024px){
	.qygz .pp li .t2 span{
		line-height: 0.8rem;
	}
}
@media(max-width:500px){
	.qygz .pp li .t2{
		width: 100%;
	}
}
.qygzbox2{
	width: 100%;
	margin-top: 0.58rem;
}
.qygzbox2 .t1{
	font-size: 0.24rem;
	line-height: 0.28rem;
	color: #333;
	font-weight: 600;
}
@media (max-width:768px) {
	.qygzbox2 .t1{
		font-size: 0.3rem;
	}
}
.qygzbox2 .list{
	width: 100%;
	margin-top: 0.18rem;
	border-top: 2px solid #ddd;
}
.qygzbox2 .list .item{
	width: 100%;
	display: flex;
	font-size: 16px;
	line-height: 26px;
	padding: 0.26rem 0;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media (max-width:1366px) {
	.qygzbox2 .list .item{
		font-size: 14px;
	}
}
.qygzbox2 .list .item .it1{
	width: 65%;
	color: #333;
	font-weight: 600;
	transition: all ease-in .3s;
}
.qygzbox2 .list .item:hover .it1{
	color: #0097FF;
}
@media (max-width:500px) {
	.qygzbox2 .list .item .it1{
		width: 100%;
	}
}
.qygzbox2 .list .item .it2{
	width: 20%;
	color: #999;
	font-weight: 500;
	font-size: 18px;
}
@media (max-width:1366px) {
	.qygzbox2 .list .item .it2{
		font-size: 16px;
	}
}
@media (max-width:500px) {
	.qygzbox2 .list .item .it2{
		width: 40%;
		font-size: 14px;
	}
}
.qygzbox2 .list .item .it3{
	width: 15%;
	color: #0097ff;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.qygzbox2 .list .item .it3 img{
	width: 0.19rem;
	height: 0.19rem;
	margin-right: 0.1rem;
	transition: all ease-in .3s;
}
.qygzbox2 .list .item:hover .it3 img{
	margin-top: 0.05rem;
}
@media (max-width:500px) {
	.qygzbox2 .list .item .it3{
		width: 25%;
		justify-content: center;
	}
	.qygzbox2 .list .item .it3 img{
		width: 0.22rem;
		height: 0.22rem;
	}
}
/* 公告通函 */
.ggth-list{
	width: 100%;
}
.ggth-list li{
	width: 100%;
	border-bottom: 1px solid #F2F2F2;
}
.ggth-list li a{
	width: 100%;
	height: 1.1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0.94rem 0 0.45rem;
	position: relative;
	transition: all ease-in .3s;
}
.ggth-list li:hover a{
	background: #0097ff;
}
.ggth-list li a::before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0,151,255,.18);
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: all ease-in .3s;
	z-index: -1;
}
.ggth-list li:hover a::before{
	opacity: 1;
	right: -10px;
	bottom: -10px;
}
@media(max-width:1220px){
	.ggth-list li a{
		height: 1.3rem;
	}
}
@media(max-width:1024px){
	.ggth-list li a{
		height: 1.5rem;
	}
}
@media(max-width:500px){
	.ggth-list li a{
		padding: 0 0.4rem;
	}
}
.ggth-list li .ggth-tbox{
	position: relative;
	z-index: 2;
}
.ggth-list li .ggth-tbox .t1{
	font-size: 20px;
	font-weight: 500;
	color: #333333;
	line-height: 22px;
	transition: all ease-in .3s;
}
.ggth-list li .ggth-tbox .t2{
	font-size: 16px;
	font-weight: 400;
	color: #999999;
	line-height: 28px;
	transition: all ease-in .3s;
}
.ggth-list li:hover .ggth-tbox .t1,
.ggth-list li:hover .ggth-tbox .t2{
	color: #fff;
}
.ggth-list li .ggth-icon{
	width: 33px;
	line-height: 0;
	position: relative;
	z-index: 2;
}
.ggth-list li .ggth-icon img:last-child{
	display: none;
}
.ggth-list li:hover .ggth-icon img:first-child{
	display: none;
}
.ggth-list li:hover .ggth-icon img:last-child{
	display: block;
}
@media(max-width:1024px){
	.ggth-list li .ggth-tbox .t1{
		font-size: 18px;
	}
}
@media(max-width:768px){
	.ggth-list li .ggth-tbox .t1{
		font-size: 16px;
	}
}
@media(max-width:500px){
	.ggth-list li .ggth-icon{
		width: 23px;
	}
}
/* 投资者联系 */
.tzzlx{
	width: 100%;
}
.tzzlx .lxbox1{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.tzzlx .lxbox1 .t1{
	width: 1.56rem;
	font-size: 0.24rem;
	color: #333;
	line-height: 1;
	font-weight: bold;
}
.tzzlx .lxbox1 .t2{
	width: calc(100% - 1.56rem);
	display: flex;
	flex-wrap: wrap;
}
.tzzlx .lxbox1 .t2 .ts{
	display: flex;
	align-items: center;
	font-size: 20px;
	color: #333;
	width: 41.4%;
	margin-bottom: 0.2rem;
}
@media (max-width:1440px) {
	.tzzlx .lxbox1 .t2 .ts{
		font-size: 18px;
	}
}
@media (max-width:1366px) {
	.tzzlx .lxbox1 .t2 .ts{
		font-size: 16px;
	}
}
@media (max-width:1220px) {
	.tzzlx .lxbox1 .t2 .ts{
		font-size: 14px;
	}
}
@media (max-width:500px) {
	.tzzlx .lxbox1 .t2 .ts{
		width: 100%;
	}
}
.tzzlx .lxbox1 .t2 .ts span{
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	margin-right: 0.2rem;
}
.tzzlx .lxbox1 .t2 .ts span img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.tzzlx .map{
	width: 100%;
	height: 6rem;
	margin-top: 0.4rem;
	font-size: 16px;
}
.BMap_shadow img{
    max-width: initial;
}
.BMap_Marker img{
    max-width: 100%;
}
.tzzlx .message{
	width: 100%;
	margin-top: 0.6rem;
	display: flex;
	flex-wrap: wrap;
}
.tzzlx .message .title{
	font-size: 0.24rem;
	font-weight: bold;
	color: #333333;
	line-height: 1;
	margin-bottom: 0.38rem;
}
.tzzlx .message .tbox{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.tzzlx .message .tbox .txt1{
	width: 48.6%;
	height: 0.57rem;
	border: 1px solid #EBEBEB;
	padding: 0 0.2rem;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	margin-bottom: 0.2rem;
}
@media (max-width:1366px) {
	.tzzlx .message .tbox .txt1{
		font-size: 14px;
	}
}
.tzzlx .message .set{
	width: 100%;
	height: 0.57rem;
	border: 1px solid #EBEBEB;
	padding: 0 0.2rem;
	cursor: pointer;
	background: url(../images/cg-icon5.png) 98% center no-repeat;
	background-size: 0.14rem;
	margin-bottom: 0.2rem;
	font-size: 16px;
	color: #333;
}
@media (max-width:1366px) {
	.tzzlx .message .set{
		font-size: 14px;
	}
}
.tzzlx .message .txt2{
	width: 100%;
	height: 0.57rem;
	border: 1px solid #EBEBEB;
	padding: 0 0.2rem;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	margin-top: 0.13rem;
}
@media (max-width:1366px) {
	.tzzlx .message .tbox .txt2{
		font-size: 14px;
	}
}
.tzzlx .message .txt4{
	width: 100%;
	height: 1.24rem;
	border: 1px solid #ebebeb;
	font-size: 16px;
	line-height: 22px;
	color: #666;
	resize: none;
	padding: 0.1rem 0.2rem;
}
@media (max-width:1366px) {
	.tzzlx .message .txt4{
		font-size: 14px;
	}
}
.tzzlx .message .yzm{
	width: 100%;
	margin-top: 0.2rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.tzzlx .message .yzm #mpanel2{
	width: 48.9%;
	display: flex;
	flex-wrap: wrap;
}
@media (max-width:1220px) {
	.tzzlx .message .yzm #mpanel2{
		width: 100%;
	}
}
.tzzlx .message .yzm .verify-code-area{
	display: flex;
}
.tzzlx .message .yzm .cerify-code-panel{
	width: 100%;
}
.tzzlx .message .yzm .txt3{
	border: 1px solid #EBEBEB;
	padding: 0 0.2rem;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	width: 60%;
	height: 0.57rem;
}
@media (max-width:500px) {
	.tzzlx .message .yzm .txt3{
		width: 70%;
	}
}
.tzzlx .message .yzm .varify-input-code{
	width: 100%;
	height: 100%;
	border: 1px solid #EBEBEB;
	padding: 0 0.2rem;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
}
.tzzlx .message .yzm .img{
	width: 1.56rem;
	height: 0.57rem;
	background: #FFFFFF;
	border: 1px solid #0097FF;
	cursor: pointer;
	display: flex;
}
@media (max-width:500px) {
	.tzzlx .message .yzm .img{
		width: 30%;
	}
}
.tzzlx .message .yzm .verify-change-area{
	display: none;
}
.tzzlx .message .yzm .verify-code{
	display: flex;
	justify-content: center;
	align-items: center;
}
.tzzlx .message .ckb{
	width: 43.5%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media (max-width:1220px) {
	.tzzlx .message .ckb{
		width: 100%;
		margin-top: 0.2rem;
		justify-content: flex-start;
	}
}
@media (max-width:500px) {
	.tzzlx .message .ckb{
		justify-content: space-around;
	}
}
.tzzlx .message .ckb .btn1{
	width: 1.8rem;
	height: 0.5rem;
	background: #0097FF;
	border-radius: 25px;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
}
.tzzlx .message .ckb .btn1:hover{
	background: #088eef;
}
@media (max-width:1220px) {
	.tzzlx .message .ckb .btn1{
		margin-right: 0.2rem;
	}
}
.tzzlx .message .ckb .btn2{
	width: 1.8rem;
	height: 0.5rem;
	border: 1px solid #0097FF;
	border-radius: 25px;
	font-size: 18px;
	font-weight: 400;
	color: #0097FF;
	background: #fff;
	cursor: pointer;
}
.tzzlx .message .ckb .btn2:hover{
	background: #ccc;
}
@media(max-width:1366px){
	.tzzlx .message .tbox .txt1,
	.tzzlx .message .txt2,
	.tzzlx .message .yzm .verify-input-area,
	.tzzlx .message .yzm .imgbox,
	.tzzlx .message .set{
		height: 0.7rem;
	}

	.tzzlx .message .ckb .btn1,
	.tzzlx .message .ckb .btn2{
		width: 2.3rem;
		height: 0.7rem;
		font-size: 16px;
	}

}
@media(max-width:1220px){
	.tzzlx .message .tbox .txt1,
	.tzzlx .message .txt2,
	.tzzlx .message .yzm .varify-input-code{
		font-size: 14px;
	}
	.tzzlx .message .ckb .btn1,
	.tzzlx .message .ckb .btn2{
		font-size: 14px;
	}
}
/* 投资者日历 */
.investor .box .left .year{
	position: relative;
	margin-top: 0.5rem;
}
.investor .box .left .year .line{
	position: absolute;
	z-index: -1;
	width: 1px;
	height: auto;
	background: #D8D9DC;
	left: 3px;
}
.investor .box .left .year .ys ul{
	display: none;
}
.investor .box .left .year .ys ul.on{
	display: block;
}
.investor .box .left .year li{
	font-size: 16px;
	font-weight: bold;
	color: #999999;
	line-height: 30px;
	display: flex;
	align-items: center;
	position: relative;
	padding-left: 0.2rem;
	margin-bottom: 30px;
	cursor: pointer;
}
.investor .box .left .year li:last-child{
	margin-bottom: 0;
}
.investor .box .left .year li.on{
	font-size: 22px;
	color: #0097FF;
}
@media(max-width:500px){
	.investor .box .left .year ul{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.investor .box .left .year .line{
		display: none;
	}
	.investor .box .left .year li{
		margin-bottom: 0;
	}
}
.investor .box .left .year li span{
	width: 7px;
	height: 7px;
	background: #D8D9DC;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.investor .box .left .year li.on span{
	width: 9px;
	height: 9px;
	background: #0097FF;
	border-radius: 50%;
	left: -1px;
}

.tzzrl{
	width: 100%;
}
.tzzrl .t1{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	line-height: 1;
}
.tzzrl .t2{
	font-size: 14px;
	font-weight: 300;
	color: #999999;
	line-height: 22px;
	margin-top: 6px;
}
.tzzrl .menus{
	width: 100%;
	display: flex;
}
.tzzrl .t3{
	font-size: 24px;
	color: #333333;
	line-height: 1;
	/* margin-top: 0.4rem; */
	min-width: 20.5%;
	cursor: pointer;
}
.tzzrl .t3.on{
	font-weight: bold;
}
@media(max-width:1024px){
	.tzzrl .t1,
	.tzzrl .t3{
		font-size: 22px;
	}
}
@media(max-width:768px){
	.tzzrl .t1,
	.tzzrl .t3{
		font-size: 20px;
	}
}
.tzzrl .rlbox .rldiv{
    display: none;
}
.tzzrl .rlbox .rldiv.on{
    display: block;
}
.tzzrl .list{
	width: 100%;
	margin-top: 0.3rem;
	display: none;
}
.tzzrl .list.on{
	display: block;
}
.tzzrl .list li{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #F0F4FA;
	padding: 0.4rem 0 0.56rem;
}
.tzzrl .list li.lfirst{
	font-size: 16px;
	font-weight: 600;
	color: #333333;
	line-height: 22px;
	padding: 7px 0;
}
@media (max-width:1366px) {
	.tzzrl .list li.lfirst{
		font-size: 14px;
	}
}
.tzzrl .list li .lt1{
	width: 1.7rem;
}
.tzzrl .list li .lt2{
	width: 60%;
}
@media (max-width:500px) {
	.tzzrl .list li.lfirst .lt2{
		width: 58%;
	}
}
.tzzrl .list li .time{
	width: 1.7rem;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 22px;
}
.tzzrl .list li .meeting{
	width: 78.3%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
@media(max-width:1440px){
	.tzzrl .list li .lt1{
		width: 21%;
	}
	.tzzrl .list li .time{
		width: 21%;
	}
}
@media(max-width:1220px){
	.tzzrl .list li .lt1{
		width: 23%;
	}
	.tzzrl .list li .time{
		width: 23%;
	}
	.tzzrl .list li .meeting{
		width: 77%;
	}
}
@media (max-width:768px) {
	.tzzrl .list li .meeting{
		align-items: flex-start;
	}
}
@media(max-width:500px){
	.tzzrl .list li .lt1{
		width: 25%;
	}
	.tzzrl .list li .time{
		width: 25%;
	}
	.tzzrl .list li .meeting{
		width: 75%;
	}
}
.tzzrl .list li .meeting .mtn{
	width: 76.8%;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 24px;
}
.tzzrl .list li .meeting .mtadd{
	font-size: 14px;
	font-weight: 300;
	color: rgba(153, 153, 153, .6);
	line-height: 22px;
	padding-left: 15px;
	background: url(../images/icon21.png) left center no-repeat;
	background-size: 11px;
	margin-top: 2px;
}
.tzzrl .list li .meeting .mtc{
    width: 100%;
	font-size: 14px;
	font-weight: 300;
	color: #666666;
	line-height: 22px;
	margin-top: 13px;
}

/* 财务报告 */
.investor .box .left.lcwbg{
	position: sticky;
	top: 1.2rem;
}
.cwbg{
	width: 100%;
}
.cwbg .item{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-bottom: 0.75rem;
}
.cwbg .item:last-child{
	margin-bottom: 0;
}
.cwbg .item .year{
	font-size: 0.36rem;
	font-weight: 500;
	color: #999999;
	line-height: 1;
}
.cwbg .item .list{
	width: 88%;
}
.cwbg .item .list li{
	width: 100%;
	border-top: 1px solid #F2F2F2;
}
.cwbg .item .list li a{
	width: 100%;
	height: 1.1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0.41rem 0 0.45rem;
	position: relative;
	transition: all ease-in .3s;
}
.cwbg .item .list li:hover a{
	background: #0097ff;
}
.cwbg .item .list li a::before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0,151,255,.18);
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: all ease-in .3s;
	z-index: -1;
}
.cwbg .item .list li:hover a::before{
	opacity: 1;
	right: -10px;
	bottom: -10px;
}
@media(max-width:1220px){
	.cwbg .item .list li a{
		height: 1.3rem;
	}
}
@media(max-width:1024px){
	.cwbg .item .list li a{
		height: 1.3rem;
	}
}
.cwbg .item .list li .ggth-tbox{
	position: relative;
	z-index: 2;
}
.cwbg .item .list li .ggth-tbox .t1{
	font-size: 20px;
	font-weight: 500;
	color: #333333;
	line-height: 22px;
	transition: all ease-in .3s;
}
.cwbg .item .list li .ggth-tbox .t2{
	font-size: 16px;
	font-weight: 400;
	color: #999999;
	line-height: 28px;
	transition: all ease-in .3s;
}
.cwbg .item .list li:hover .ggth-tbox .t1,
.cwbg .item .list li:hover .ggth-tbox .t2{
	color: #fff;
}
.cwbg .item .list li .ggth-icon{
	width: 33px;
	line-height: 0;
	position: relative;
	z-index: 2;
}
.cwbg .item .list li .ggth-icon img:last-child{
	display: none;
}
.cwbg .item .list li:hover .ggth-icon img:first-child{
	display: none;
}
.cwbg .item .list li:hover .ggth-icon img:last-child{
	display: block;
}
@media(max-width:1024px){
	.cwbg .item .list li .ggth-tbox .t1{
		font-size: 18px;
	}
}
@media(max-width:768px){
	.investor .box .left.lcwbg{
		position: relative;
		width: 25%;
		top: 0;
	}
	.investor .box .right.lcwbg{
		width: 75%;
		margin-top: 0;
	}

	.cwbg .item .list{
		width: 85%;
	}
	.cwbg .item .list li .ggth-tbox .t1{
		font-size: 16px;
	}
}
@media(max-width:500px){
	.investor .box .left.lcwbg{
		width: 100%;
	}
	.investor .box .right.lcwbg{
		width: 100%;
		margin-top: 0.5rem;
	}
	.cwbg .item .year{
		width: 100%;
	}
	.cwbg .item .list{
		width: 100%;
		margin-top: 0.3rem;
	}
	.cwbg .item .list li .ggth-icon{
		width: 23px;
	}

}
/* 股票信息 */
.gpxx{
	width: 100%;
}
.gpxx .title{
	font-size: 24px;
	font-weight: 400;
	color: #333333;
	line-height: 1;
}
@media(max-width:1024px){
	.gpxx .title{
		font-size: 22px;
	}
}
@media(max-width:768px){
	.gpxx .title{
		font-size: 20px;
	}
}
.gpxx .txt{
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 22px;
	margin-top: 10px;
}
.gpxx .list{
	width: 100%;
	margin-top: 0.4rem;
}
.gpxx .list ul{
	width: 100%;
	display: flex;
}
.gpxx .list li.li_1{
	width: 28.85%;
}
.gpxx .list li.li_2{
	width: 17.9%;
}
.gpxx .list li.li_3{
	width: 15.7%;
}
.gpxx .list li.li_4{
	width: 15.9%;
}
.gpxx .list li.li_5{
	width: 21.9%;
}
.gpxx .list li .tb1{
	width: 100%;
	height: 1.64rem;
	background: #fff;
}
.gpxx .list li .tb1 .t1{
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 0.36rem;
	padding-left: 0.18rem;
}
.gpxx .list li .tb1 .t2{
	font-size: 0.32rem;
	font-weight: bold;
	color: #333333;
	line-height: 1;
	padding-left: 0.18rem;
	margin-top: 0.24rem;
}
.gpxx .list li .tb1 .t3{
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	color: #0097FF;
	display: flex;
	align-items: center;
	padding-left: 0.18rem;
	margin-top: 0.26rem;
}
.gpxx .list li .tb1 .t3 img{
	width: 18px;
	margin-right: 12px;
}
.gpxx .list li .ts1{
	background: #F8F8F8;
	font-size: 16px;
	font-weight: 400;
	color: #999999;
	line-height: 0.36rem;
	padding-left: 0.28rem;
}
.gpxx .list li.li_1 .ts1{
	padding-left: 0.18rem;
}
.gpxx .list li .ts2{
	font-size: 18px;
	font-weight: 500;
	color: #666666;
	line-height: 0.4rem;
	padding-top: 0.06rem;
	padding-left: 0.28rem;
}
.gpxx .list li.li_1 .ts2{
	padding-left: 0.18rem;
}

@media(max-width:1366px){
	.gpxx .list li .tb1{
		height: 156px;
	}
	.gpxx .list li .tb1 .t1{
		line-height: 36px;
	}
	.gpxx .list li .ts1{
		font-size: 14px;
		line-height: 36px;
	}
	.gpxx .list li .ts2{
		font-size: 14px;
		line-height: 36px;
		padding-top: 6px;
	}
}
@media(max-width:500px){
	.gpxx .list ul{
		width: 100%;
		overflow-x: scroll;
		white-space: nowrap;
		display: block;
		padding-bottom: 10px;
	}
	.gpxx .list li{
		display: inline-block;
		margin-right: -16px;
	}
	.gpxx .list li.li_1{
		width: 170px;
	}
	.gpxx .list li.li_2{
		width: 100px;
	}
	.gpxx .list li.li_3{
		width: 100px;
	}
	.gpxx .list li.li_4{
		width: 100px;
	}
	.gpxx .list li.li_5{
		width: 130px;
	}
}
/* 投资者关系 end */

/* 加入东信 */
/* 人才理念 */
.join{
	width: 100%;
}
.join .jbox1{
	width: 100%;
	background: url(../images/img27.png) center top repeat-y;
	background-size: 100%;
	padding: 1.2rem 0 1.13rem;
}
.join .jbox1 .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.join .jbox1 .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.join .jbox1 .box{
		width: 90%;
	}
}
.join .jbox1 .box .title{
	font-size: 0.42rem;
	line-height: 1;
	text-align: center;
	color: #333;
}
.join .jbox1 .box .list{
	width: 100%;
	margin-top: 0.58rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.join .jbox1 .box .list .item{
	width: 31.85%;
	position: relative;
}
@media (max-width:500px) {
	.join .jbox1 .box .list .item{
		width: 100%;
		margin-bottom: 0.5rem;
	}
}
.join .jbox1 .box .list .item .img{
	width: 100%;
	height: 2.4rem;
	overflow: hidden;
	display: flex;
}
.join .jbox1 .box .list .item .img img{
	width: 100%;
	height: 100%;
}
.join .jbox1 .box .list .item .icon{
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	margin: -0.6rem auto 0;
	background: #fff;
	position: relative;
	z-index: 2;
	box-shadow: 0 0 1.1rem 0 rgba(190,198,212,.43);
}
.join .jbox1 .box .list .item .icon img{
	width: 100%;
	height: 100%;
}
.join .jbox1 .box .list .item .tbox{
	width: 100%;
	margin-top: 0.4rem;
}
.join .jbox1 .box .list .item .tbox .t1{
	font-size: 0.3rem;
	line-height: 1;
	text-align: center;
	color: #333;
}
@media (max-width:500px) {
	.join .jbox1 .box .list .item .tbox .t1{
		font-size: 18px;
	}
}
.join .jbox1 .box .list .item .tbox .t2{
	font-size: 16px;
	line-height: 30px;
	color: #666;
	text-align: center;
	width: 70%;
	margin: 0.14rem auto 0;
}
@media (max-width:1366px) {
	.join .jbox1 .box .list .item .tbox .t2{
		font-size: 14px;
		line-height: 24px;
	}
}
@media (max-width:1220px) {
	.join .jbox1 .box .list .item .tbox .t2{
		width: 90%;
	}
}
@media (max-width:768px) {
	.join .jbox1 .box .list .item .tbox .t2{
		width: 100%;
	}
}

/* 人才培养 */
.jbox2{
	width: 100%;
	padding: 1.2rem 0;
}
.jbox2 .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.jbox2 .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.jbox2 .box{
		width: 90%;
	}
}
.jbox2 .box .title{
	font-size: 0.42rem;
	line-height: 1;
	color: #333;
	text-align: center;
}
.jbox2 .box .list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 0.6rem;
}
.jbox2 .box .list .item{
	width: 21.4%;
	height: 5.25rem;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	transition: all ease-in .3s;
}
.jbox2 .box .list .item::after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	transition: all ease-in .3s;
}
.jbox2 .box .list .item.on{
	width: 57%;
}
.jbox2 .box .list .item.on::after{
	background: transparent;
}
@media (max-width:500px) {
	.jbox2 .box .list .item.on::after{
		background: rgba(0, 0, 0, 0.5);
	}
}
@media (max-width:500px) {
	.jbox2 .box .list .item{
		width: 100%;
		margin-bottom: 0.2rem;
	}
	.jbox2 .box .list .item.on{
		width: 100%;
	}
}
.jbox2 .box .list .item .img{
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
}
.jbox2 .box .list .item .img img{
	width: 100%;
	height: 100%;
}
.jbox2 .box .list .item .tbox{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0.8rem;
	z-index: 2;
}
.jbox2 .box .list .item .tbox .t1{
	width: 100%;
	font-size: 0.3rem;
	line-height: 1;
	color: #fff;
	text-align: center;
}
@media (max-width:500px) {
	.jbox2 .box .list .item .tbox .t1{
		font-size: 18px;
	}
}
.jbox2 .box .list .item .tbox .t2{
	width: 100%;
	font-size: 16px;
	line-height: 1;
	color: #fff;
	text-align: center;
	margin-top: 0.2rem;
	opacity: 0;
	height: 0;
	overflow: hidden;
	transition: all ease-in .3s;
}
@media (max-width:1366px) {
	.jbox2 .box .list .item .tbox .t2{
		font-size: 14px;
	}
}
@media (max-width:500px) {
	.jbox2 .box .list .item .tbox .t2{
		opacity: 1;
		height: auto;
	}
}
.jbox2 .box .list .item.on .tbox .t2{
	opacity: 1;
	height: auto;
}

/* 人才引进 */
.jbox3{
	width: 100%;
	background: #021727;
	padding: 1.2rem 0;
}
.jbox3 .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.jbox3 .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.jbox3 .box{
		width: 90%;
	}
}
.jbox3 .box .title{
	font-size: 0.42rem;
	line-height: 1;
	color: #fff;
	text-align: center;
}
.jbox3 .box .list{
	width: 100%;
	margin-top: 0.6rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.jbox3 .box .list .item{
	width: 48.9%;
}
@media (max-width:500px) {
	.jbox3 .box .list .item{
		width: 100%;
		margin-bottom: 0.8rem;
	}
	.jbox3 .box .list .item:last-child{
		margin-bottom: 0;
	}
}
.jbox3 .box .list .item .img{
	width: 100%;
	height: 4.2rem;
	overflow: hidden;
	position: relative;
}
.jbox3 .box .list .item .img img{
	width: 100%;
	height: 100%;
}
.jbox3 .box .list .item .img .tc{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,151,255,.88);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	transition: all ease-in .3s;
}
.jbox3 .box .list .item .img .tc .txt{
	width: 100%;
	font-size: 0.3rem;
	text-align: center;
	line-height: 1;
	color: #fff;
}
.jbox3 .box .list .item .img .tc a{
	background: #fff;
	color: #058be9;
	font-size: 18px;
	padding: 0.16rem 0.36rem;
	border-radius: 0.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0.4rem;
	transition: all ease-in .3s;
}
@media (max-width:1440px) {
	.jbox3 .box .list .item .img .tc a{
		font-size: 16px;
	}
}
@media (max-width:1366px) {
	.jbox3 .box .list .item .img .tc a{
		font-size: 14px;
	}
}
.jbox3 .box .list .item .img .tc a:hover{
	background: #0097FF;
	color: #fff;
}
.jbox3 .box .list .item .txt{
	width: 100%;
	font-size: 0.3rem;
	text-align: center;
	line-height: 1;
	color: #fff;
	margin-top: 0.4rem;
}


/* 公司环境 */
.jbox4{
	width: 100%;
	padding: 1.2rem 0 0.9rem;
}
.jbox4 .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.jbox4 .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.jbox4 .box{
		width: 90%;
	}
}
.jbox4 .box .title{
	width: 100%;
	text-align: center;
	font-size: 0.42rem;
	line-height: 1;
	color: #333;
}
.jbox4 .box .imgbox{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 0.56rem;
}
.jbox4 .box .imgbox .img:nth-child(1),
.jbox4 .box .imgbox .img:nth-child(6){
	width: 69.28%;
	height: 5.4rem;
	overflow: hidden;
	margin-bottom: 0.3rem;
}
.jbox4 .box .imgbox .img:nth-child(2),
.jbox4 .box .imgbox .img:nth-child(5){
	width: 28.57%;
	height: 5.4rem;
	overflow: hidden;
	margin-bottom: 0.3rem;
}
.jbox4 .box .imgbox .img:nth-child(3),
.jbox4 .box .imgbox .img:nth-child(4){
	width: 48.9%;
	height: 5.4rem;
	overflow: hidden;
	margin-bottom: 0.3rem;
}
.jbox4 .box .imgbox .img img{
	width: 100%;
	height: 100%;
}
@media (max-width:500px) {
	.jbox4 .box .imgbox .img:nth-child(1),
	.jbox4 .box .imgbox .img:nth-child(2),
	.jbox4 .box .imgbox .img:nth-child(3),
	.jbox4 .box .imgbox .img:nth-child(4),
	.jbox4 .box .imgbox .img:nth-child(5),
	.jbox4 .box .imgbox .img:nth-child(6){
		width: 100%;
	}
}


/* 员工活动 */
.jbox5{
	width: 100%;
	padding: 1.2rem 0 0;
}
.jbox5 .box{
	width: 1400px;
	margin: auto;
}
@media (max-width:1600px) {
	.jbox5 .box{
		width: 83%;
	}
}
@media (max-width:1024px) {
	.jbox5 .box{
		width: 90%;
	}
}
.jbox5 .box .title{
	width: 100%;
	text-align: center;
	font-size: 0.42rem;
	line-height: 1;
	color: #333;
}
.jbox5 .box .list{
	width: 100%;
	margin-top: 0.5rem;
}
.jbox5 .box .list .swiper-slide{
	height: 3.8rem;
}
.jbox5 .box .list .swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width:1600x) {
	.jbox5 .box .list .swiper-slide{
		height: 4.26rem;
	}
}
@media (max-width:1024px) {
	.jbox5 .box .list .swiper-slide{
		height: 4.56rem;
	}
}
@media (max-width:768px) {
	.jbox5 .box .list .swiper-slide{
		height: 4.25rem;
	}
}
@media (max-width:500px) {
	.jbox5 .box .list .swiper-slide{
		height: 5.35rem;
	}
}

/* 广告 */
.join-ad{
	width: 100%;
	position: relative;
}
.join-ad .img{
	width: 100%;
	height: 2.4rem;
	overflow: hidden;
}
.join-ad .img img{
	width: 100%;
	height: 100%;
}
.join-ad .tbox{
	width: 1400px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
@media (max-width:1600px) {
	.join-ad .tbox{
		width: 83%;
	}
}
@media (max-width:1024px) {
	.join-ad .tbox{
		width: 90%;
	}
}
.join-ad .tbox .left{
	font-size: 0.36rem;
	line-height: 1;
	color: #fff;
	display: flex;
	align-items: center;
}
.join-ad .tbox .left a{
	padding: 0 0.35rem;
	height: 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 0.25rem;
	font-size: 18px;
	margin-left: 0.3rem;
	color: #058be9;
}
@media (max-width:1440px) {
	.join-ad .tbox .left a{
		font-size: 16px;
	}
}
@media (max-width:1366px) {
	.join-ad .tbox .left a{
		font-size: 14px;
	}
}
.join-ad .tbox .right{
	display: flex;
	align-items: center;
}
@media (max-width:500px) {
	.join-ad .tbox .right{
		margin-top: 0.2rem;
	}
}
.join-ad .tbox .right img{
	width: 1.2rem;
	height: 1.2rem;
}
.join-ad .tbox .right span{
	font-size: 16px;
	line-height: 24px;
	color: #a8b7de;
	margin-left: 0.2rem;
}
@media (max-width:1440px) {
	.join-ad .tbox .right span{
		font-size: 14px;
	}
}
/* 加入东信-end */

/* 创意工坊 */
.workshop-banner{
	width: 100%;
	height: 6.8rem;
	position: relative;
}
.workshop-banner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.workshop-banner .tbox{
	width: 1400px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
@media(max-width:1600px){
	.workshop-banner .tbox{
		width: 83%;
	}
}
@media(max-width:1024px){
	.workshop-banner .tbox{
		width: 90%;
	}
}
.workshop-banner .tbox .t1{
	font-size: 0.48rem;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1;
	opacity: 0.9;
}
.workshop-banner .tbox .t2{
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1;
	margin-top: 0.33rem;
}

.workshop{
	width: 100%;
}
.workbox1{
	width: 100%;
	background: #ecf3fc;
	padding: 1.2rem 0 0.4rem;
}
.workbox1 .box{
	width: 1400px;
	margin: auto;
}
@media (max-width:1600px) {
	.workbox1 .box{
		width: 83%;
	}
}
@media (max-width:1024px) {
	.workbox1 .box{
		width: 90%;
	}
}
.workbox1 .box .title{
	font-size: 0.42rem;
	line-height: 1;
	color: #333;
	text-align: center;
}
.workbox1 .box .list{
	width: 100%;
	margin-top: 0.6rem;
}
.workbox1 .box .list .item{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0.8rem;
}
.workbox1 .box .list .item:nth-child(2n){
	flex-direction: row-reverse;
}
@media (max-width:500px) {
	.workbox1 .box .list .item:nth-child(2n){
		flex-direction: row;
	}
}
.workbox1 .box .list .item .video{
	width: 50%;
	height: 5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (max-width:500px) {
	.workbox1 .box .list .item .video{
		width: 100%;
	}
}
.workbox1 .box .list .item .video video{
	max-width: 100%;
	max-height: 100%;
	transition: all ease-in .3s;
}
.workbox1 .box .list .item .tbox{
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	padding-left: 1.24rem;
}
.workbox1 .box .list .item:nth-child(2n) .tbox{
	padding-left: 0;
}
@media (max-width:500px) {
	.workbox1 .box .list .item .tbox{
		width: 100%;
		padding-left: 0;
		margin-top: 0.3rem;
	}
}
.workbox1 .box .list .item .tbox .t1{
	width: 100%;
	font-size: 0.42rem;
	color: #333;
	line-height: 0.52rem;
}
.workbox1 .box .list .item .tbox .t1 span{
	color: #0097ff;
}
.workbox1 .box .list .item .tbox .ts{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.5rem;
}
@media (max-width:500px) {
	.workbox1 .box .list .item .tbox .ts{
		margin-top: 0.2rem;
	}
}
.workbox1 .box .list .item .tbox .ts .ts1{
	font-size: 18px;
	line-height: 30px;
	color: #0097FF;
}
@media (max-width:1440px) {
	.workbox1 .box .list .item .tbox .ts .ts1{
		font-size: 16px;
	}
}
.workbox1 .box .list .item .tbox .ts .ts1 span{
	width: 20px;
	height: 2px;
	background: #008bff;
	display: block;
}
.workbox1 .box .list .item .tbox .ts .ts2{
	width: 80%;
	font-size: 16px;
	line-height: 30px;
	color: #666;
	margin-left: 0.35rem;
}
@media (max-width:1440px) {
	.workbox1 .box .list .item .tbox .ts .ts2{
		font-size: 14px;
		line-height: 24px;
		width: 100%;
		margin-left: 0;
		margin-top: 0.2rem;
	}
}


.workbox2{
	width: 100%;
	position: relative;
	padding: 1.14rem 0 1.57rem;
	overflow: hidden;
}
.workbox2 .waves{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.workbox2 .waves canvas{
	display: block;
}
.workbox2 .box{
	width: 1400px;
	margin: auto;
	position: relative;
	z-index: 2;
}
@media (max-width:1600px) {
	.workbox2 .box{
		width: 83%;
	}
}
@media (max-width:1024px) {
	.workbox2 .box{
		width: 90%;
	}
}
.workbox2 .box .title{
	font-size: 0.42rem;
	line-height: 0.52rem;
	color: #fff;
	text-align: center;
}
.workbox2 .box .list{
	width: 100%;
	margin-top: 1.2rem;
	position: relative;
	padding-bottom: 0.93rem;
	overflow: hidden;
}
.workbox2 .box .list .line{
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(255, 255, 255, .2);
}
@media (max-width:500px) {
	.workbox2 .box .list .line{
		display: none;
	}
}
.workbox2 .box .list .line .span{
	width: 20%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
	transition: all ease-in .3s;
}
.workbox2 .box .list .itembox{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
@media (max-width:500px) {
	.workbox2 .box .list .itembox{
	    width: auto;
		display: block;
		white-space: nowrap;
		overflow-x: scroll;
		transition: all ease-in .3s;
	}
}
.workbox2 .box .list .item{
	width: 20%;
}
@media (max-width:500px) {
	.workbox2 .box .list .item{
		width: 2.2rem;
		display: inline-block;
	}
}
.workbox2 .box .list .item .wbtbox{
	width: 100%;
	position: relative;
}
.workbox2 .box .list .item .wbtbox .img{
	width: 100%;
	height: 1.7rem;
	overflow: hidden;
}
@media (max-width:500px) {
	.workbox2 .box .list .item .wbtbox .img{
		height: 1.2rem;
		display: flex;
	}
}
.workbox2 .box .list .item.on .wbtbox .img{
	background: url(../images/cg-icon15.png) center center no-repeat;
	background-size: 100% 100%;
}
@media (max-width:500px) {
	.workbox2 .box .list .item.on .wbtbox .img{
		/*background: none;*/
	}
}
.workbox2 .box .list .item .wbtbox .img img{
	width: 100%;
	height: 100%;
}
.workbox2 .box .list .item .wbtbox .txt{
	width: 100%;
	font-size: 0.3rem;
	text-align: center;
	color: #fff;
	line-height: 0.3rem;
	margin-top: 0.3rem;
}
@media (max-width:768px) {
	.workbox2 .box .list .item .wbtbox .txt{
		font-size: 0.24rem;
	}
}
.workbox2 .box .list .item .wbtbox .txt span{
	display: block;
	font-size: 18px;
	color: #fff;
	margin-top: 0.05rem;
}
@media (max-width:1440px) {
	.workbox2 .box .list .item .wbtbox .txt span{
		font-size: 16px;
	}
}
@media (max-width:1366px) {
	.workbox2 .box .list .item .wbtbox .txt span{
		font-size: 14px;
	}
}

.workbox3{
	width: 100%;
	background: #fff;
	padding: 1.2rem 0;
}
.workbox3 .box{
	width: 1400px;
	margin: auto;
}
@media (max-width:1600px) {
	.workbox3 .box{
		width: 83%;
	}
}
@media (max-width:1024px) {
	.workbox3 .box{
		width: 90%;
	}
}
.workbox3 .box .title{
	width: 100%;
	font-size: 0.42rem;
	line-height: 1;
	color: #333;
	text-align: center;
}
.workbox3 .box .img-box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 0.6rem;
}
.workbox3 .box .img-box .img1{
	width: 31.85%;
	height: 4.5rem;
	overflow: hidden;
	margin-bottom: 0.3rem;
	position: relative;
}
.workbox3 .box .img-box .img1::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
}
.workbox3 .box .img-box .img1 img{
	width: 100%;
	height: 100%;
	transition: all ease-in .3s;
	max-width: initial;
}
.workbox3 .box .img-box .img1:hover img{
	transform: scale(1.05);
}
@media (max-width:1600px) {
	.workbox3 .box .img-box .img1{
		height: 5.15rem;
	}
}
@media (max-width:1024px) {
	.workbox3 .box .img-box .img1{
		height: 5.5rem;
	}
}
@media (max-width:768px) {
	.workbox3 .box .img-box .img1{
		height: 3.4rem;
	}
}
@media (max-width:500px) {
	.workbox3 .box .img-box .img1{
		width: 100%;
		height: 6.3rem;
	}
}
.workbox3 .box .img-box .img1 .icon{
	width: 0.69rem;
	height: 0.69rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	display: flex;
	z-index: 2;
	cursor: pointer;
}
.workbox3 .box .img-box .img1 .icon img{
	width: 100%;
	height: 100%;
}


.workbox3 .box .img-box .img2{
	width: 100%;
	height: 5.4rem;
	overflow: hidden;
	margin-bottom: 0.3rem;
}
.workbox3 .box .img-box .img2 img{
	width: 100%;
	height: 100%;
}
@media (max-width:1600px) {
	.workbox3 .box .img-box .img2{
		height: 6.17rem;
	}
}
@media (max-width:1024px) {
	.workbox3 .box .img-box .img2{
		height: 6.6rem;
	}
}
@media (max-width:768px) {
	.workbox3 .box .img-box .img2{
		height: 4.05rem;
	}
}
@media (max-width:500px) {
	.workbox3 .box .img-box .img2{
		height: 2.4rem;
	}
}
.workbox3 .box .img-box .img2 .swiper-container{
	height: 100%;
}
.workbox3 .box .img-box .img2 .swiper-pagination{
	font-size: 0;
	bottom: 0.3rem;
}
.workbox3 .box .img-box .img2 .swiper-pagination-bullet{
	width: 0.18rem;
	height: 0.18rem;
	background: #c5c5c5;
	opacity: .5;
}
.workbox3 .box .img-box .img2 .swiper-pagination-bullet-active{
	opacity: 1;
	background: #088eef;
}

.workbox3 .box .list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.workbox3 .box .list .item{
	width: 23.35%;
}
@media (max-width:500px) {
	.workbox3 .box .list .item{
		width: 49%;
	}
}
.workbox3 .box .list .item .img{
	width: 100%;
	height: 4.52rem;
	overflow: hidden;
}
.workbox3 .box .list .item .img img{
	width: 100%;
	height: 100%;
	transition: all ease-in .3s;
	max-width: initial;
}
.workbox3 .box .list .item:hover .img img{
	transform: scale(1.05);
}
@media (max-width:1600px) {
	.workbox3 .box .list .item .img{
		height: 5.2rem;
	}
}
@media (max-width:1024px) {
	.workbox3 .box .list .item .img{
		height: 5.6rem;
	}
}
@media (max-width:768px) {
	.workbox3 .box .list .item .img{
		height: 3.4rem;
	}
}
@media (max-width:500px) {
	.workbox3 .box .list .item .img{
		height: 4.25rem;
	}
}
.workbox3 .box .list .item .txt{
	width: 100%;
	background: #f5f5f5;
	font-size: 0.24rem;
	line-height: 0.34rem;
	color: #333;
	padding: 0.4rem 0.32rem 0.46rem;
}
@media (max-width:500px) {
	.workbox3 .box .list .item .txt{
		font-size: 14px;
	}
}

.workbox3 .box .tips{
	font-size: 14px;
	color: #666;
	width: 100%;
	line-height: 24px;
	text-align: center;
	margin-top: 0.5rem;
}

/* 创意工坊-end */

/* 企业文化 */
.culture{
	width: 100%;
}
.c-brand{
	width: 100%;
	background: url(../images/bg5.png) left top repeat;
	padding: 1.2rem 0;
}
.c-brand .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.c-brand .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.c-brand .box{
		width: 90%;
	}
}
.c-brand .box .top{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media(max-width:768px){
	.c-brand .box .top{
		flex-direction: column-reverse;
	}
}
.c-brand .box .top .tbox{
	width: 37.85%;
	padding-top: 0.64rem;
}
@media(max-width:768px){
	.c-brand .box .top .tbox{
		width: 100%;
	}
}
.c-brand .box .top .tbox .t1{
	font-size: 0.42rem;
	font-weight: bold;
	color: #333333;
	line-height: 1;
}
.c-brand .box .top .tbox .t2{
	font-size: 0.22rem;
	font-weight: 300;
	color: #666666;
	line-height: 0.3rem;
	margin-top: 0.37rem;
}
@media (max-width:500px) {
	.c-brand .box .top .tbox .t2{
		font-size: 14px;
		line-height: 24px;
	}
}
.c-brand .box .top .tbox .dload{
	width: 176px;
	height: 45px;
	background: #AAAAAA;
	border-radius: 23px;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all ease-in .3s;
	margin-top: 0.88rem;
}
@media(max-width:1024px){
	.c-brand .box .top .tbox .dload{
		font-size: 14px;
		margin-top: 0.7rem;
	}
}
.c-brand .box .top .tbox .dload img{
	width: 15px;
	margin-right: 8px;
}
.c-brand .box .top .tbox .dload:hover{
	background: #058be9;
}
.c-brand .box .top .logo{
	width: 52.85%;
	height: 4.6rem;
	overflow: hidden;
	position: relative;
}
@media(max-width:768px){
	.c-brand .box .top .logo{
		width: 100%;
	}
}
.c-brand .box .top .logo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.c-brand .box .top .logo video{
	width: 100%;
	height: 100%;
}
.c-brand .box .top .logo .cover-video{
	
}
.c-brand .box .top .logo .cover-video2{
	display: none;
}
@media (max-width:500px) {
	.c-brand .box .top .logo .cover-video{
		display: none;
	}
	.c-brand .box .top .logo .cover-video2{
		display: block;
	}
}
.c-brand .box .top .logo .icon{
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	display: none;
}
.c-brand .box .top .logo .icon img{
	width: 100%;
	height: 100%;
}
@media (max-width:500px) {
	.c-brand .box .top .logo .icon{
		display: flex;
	}
}
.c-brand .box .list{
	width: 100%;
	margin-top: 1.75rem;
}
@media(max-width:768px){
	.c-brand .box .list{
		margin-top: 1.2rem;
	}
}
@media(max-width:500px){
	.c-brand .box .list{
		overflow: hidden;
	}
}
.c-brand .box .list ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
@media(max-width:500px){
	.c-brand .box .list ul{
	    width: auto;
		overflow-x: scroll;
		white-space: nowrap;
		transition: all ease-in .3s;
	}
}
.c-brand .box .list li{

}
@media(max-width:500px){
	.c-brand .box .list li{
	    min-width: 2.5rem;
		margin-right: 0.2rem;
		padding: 0.1rem 0;
	}
}
.c-brand .box .list li .num{
	font-size: 0.24rem;
	font-weight: 500;
	color: #333333;
	line-height: 0.3rem;
}
.c-brand .box .list li .num span{
	font-size: 1.2rem;
	font-weight: bold;
	color: #0097FF;
	line-height: 0.3rem;
	margin-right: 0.2rem;
}
@media(max-width:768px){
	.c-brand .box .list li .num span{
		font-size: 1rem;
		margin-right: 0.1rem;
	}
}
@media(max-width:500px){
	.c-brand .box .list li .num span{
		line-height: 1;
	}
}
.c-brand .box .list li .txt{
	font-size: 0.3rem;
	font-weight: 400;
	color: #8C8C8C;
	line-height: 1;
	margin-top: 0.42rem;
}

/* 人才理念 */
.c-talents{
	width: 100%;
	position: relative;
}
.c-talents .imgbox{
	width: 100%;
	height: 8rem;
}
@media (max-width:500px) {
	.c-talents .imgbox{
		display: none;
	}
}
.c-talents .imgbox .item{
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
	opacity: 0;
	transition: all ease-in .3s;
}
.c-talents .imgbox .item.on{
	display: block;
	opacity: 1;
}
.c-talents .imgbox .item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.c-talents .cbox{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	flex-wrap: wrap;
}
@media (max-width:500px) {
	.c-talents .cbox{
		position: relative;
	}
}
.c-talents .cbox .item{
	width: 33.3%;
	height: 8rem;
	text-align: center;
	border-right: 1px solid rgba(255, 255, 255, .1);
	cursor: pointer;
	position: relative;
}
@media (max-width:500px) {
	.c-talents .cbox .item{
		width: 100%;
	}
}
.c-talents .cbox .item .img{
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
}
@media (max-width:500px) {
	.c-talents .cbox .item .img{
		display: block;
	}
}
.c-talents .cbox .item .img img{
	width: 100%;
	height: 100%;
}
.c-talents .cbox .item .tbox{
	width: 100%;
	height: 100%;
	padding-top: 2.68rem;
}
@media (max-width:500px) {
	.c-talents .cbox .item .tbox{
		position: absolute;
		top: 0;
	}
}
.c-talents .cbox .item .tbox .t1{
	font-size: 0.42rem;
	line-height: 1;
	color: #f2f7fd;
}
.c-talents .cbox .item .tbox .t2{
	font-size: 22px;
	line-height: 24px;
	color: #f2f7fd;
	margin-top: 0.38rem;
}
@media (max-width:1440px) {
	.c-talents .cbox .item .tbox .t2{
		font-size: 20px;
	}
}
@media (max-width:1366px) {
	.c-talents .cbox .item .tbox .t2{
		font-size: 18px;
	}
}
@media (max-width:1220) {
	.c-talents .cbox .item .tbox .t2{
		font-size: 16px;
	}
}
@media (max-width:768px) {
	.c-talents .cbox .item .tbox .t2{
		min-height: 0.48rem;
	}
}
@media (max-width:500px) {
	.c-talents .cbox .item .tbox .t2{
		font-size: 14px;
		line-height: 24px;
	}
}
.c-talents .cbox .item .tbox .t3{
	font-size: 1.2rem;
	color: #f2f7fd;
	line-height: 1;
	margin-top: 1.95rem;
	text-transform: uppercase;
	-webkit-text-fill-color:transparent;   
	-webkit-text-stroke:1px #fff;  
	transition: all ease-in .5s;
}
.c-talents .cbox .item:hover .tbox .t3,
.c-talents .cbox .item.on .tbox .t3{
	-webkit-text-fill-color:#fff;  
}
@media (max-width:768px) {
	.c-talents .cbox .item .tbox .t3{
		font-size: 0.8rem;
		-webkit-text-fill-color:#fff;  
	}
}
/* 东信之家 */
.C-home{
	width: 100%;
	background: url(../images/bg6.png) left top repeat;
	padding: 1.26rem 0 1.2rem;
}
.C-home .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.C-home .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.C-home .box{
		width: 90%;
	}
}
.C-home .box .title{
	font-size: 0.42rem;
	font-weight: bold;
	color: #333333;
	line-height: 1;
}

.C-home .box .img-box{
	width: 100%;
	margin-top: 0.7rem;
}
.C-home .box .img-box .imgs{
	width: 100%;
	position: relative;
}
.C-home .box .img-box .img1 .img{
	width: 100%;
	height: 5.85rem;
}
.C-home .box .img-box .img1 .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width:500px) {
	.C-home .box .img-box .img1 .img img{
		object-position: right;
	}
}
.C-home .box .img-box .img1 .tbox{
	width: 6.2rem;
	background: rgba(0,151,255,0.9);
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0.53rem 0.58rem 0.57rem 0.45rem;
}
@media (max-width:500px) {
	.C-home .box .img-box .img1 .tbox{
		position: relative;
		width: 100%;
	}
}
.C-home .box .img-box .img1 .tbox .t1{
	font-size: 0.26rem;
	color: #fff;
	line-height: 0.42rem;
}
@media (max-width:500px) {
	.C-home .box .img-box .img1 .tbox .t1{
		width: 100%;
		font-size: 18px;
	}
}
.C-home .box .img-box .img1 .tbox .t1 .ewm{
	width: 1.2rem;
	height: 1.2rem;
	margin-top: 0.2rem;
}
.C-home .box .img-box .img1 .tbox .t1 .ewm img{
	width: 100%;
	height: 100%;
}
.C-home .box .img-box .img1 .tbox .t2{
	/*width: 4rem;*/
	font-size: 16px;
	line-height: 30px;
	color: #fff;
}
@media (max-width:1440px) {
	.C-home .box .img-box .img1 .tbox .t2{
		font-size: 14px;
		line-height: 24px;
	}
}
@media (max-width:500px) {
	.C-home .box .img-box .img1 .tbox .t2{
		width: 100%;
		margin-top: 0.2rem;
	}
}
.C-home .box .img-box .img2{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	margin-top: 0.6rem;
}
@media (max-width:500px) {
	.C-home .box .img-box .img2{
		flex-direction: column;
	}
}
.C-home .box .img-box .img2 .img{
	width: 67.85%;
	height: 5rem;
	overflow: hidden;
}
@media (max-width:500px) {
	.C-home .box .img-box .img2 .img{
		width: 100%;
	}
}
.C-home .box .img-box .img2 .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.C-home .box .img-box .img2 .tbox{
	width: 32.15%;
	height: 5rem;
	background: #0097ff;
	padding: 0.9rem 1.2rem 0 0.5rem;
}
@media (max-width:1024px) {
	.C-home .box .img-box .img2 .tbox{
		padding: 0.9rem 0.5rem 0 0.5rem;
	}
}
@media (max-width:500px) {
	.C-home .box .img-box .img2 .tbox{
		width: 100%;
	}
}
.C-home .box .img-box .img2 .tbox .t1{
	font-size: 0.26rem;
	line-height: 1;
	color: #fff;
}
@media (max-width:500px) {
	.C-home .box .img-box .img2 .tbox .t1{
		font-size: 18px;
	}
}
.C-home .box .img-box .img2 .tbox .t2{
	width: 30px;
	height: 2px;
	background: rgba(255, 255, 255, .5);
	margin-top: 0.3rem;
}
.C-home .box .img-box .img2 .tbox .t3{
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	margin-top: 0.52rem;
}
@media (max-width:1440px) {
	.C-home .box .img-box .img2 .tbox .t3{
		font-size: 14px;
		line-height: 24px;
	}
}
.C-home .box .img-box .img3{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 0.25rem;
}
.C-home .box .img-box .img3 .img{
	width: 32.15%;
	height: 3.8rem;
}
@media (max-width:500px) {
	.C-home .box .img-box .img3 .img{
		width: 100%;
		margin-top: 0.2rem;
	}
}
.C-home .box .img-box .img3 .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.C-home .box .img-box .img4{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.6rem;
}
.C-home .box .img-box .img4 .img{
	width: 67.85%;
	height: 5rem;
}
@media (max-width:500px) {
	.C-home .box .img-box .img4 .img{
		width: 100%;
	}
}
.C-home .box .img-box .img4 .img img{
	width: 100%;
	height: 100%;
}
.C-home .box .img-box .img4 .tbox{
	width: 32.15%;
	height: 5rem;
	background: #0097ff;
	padding: 0.9rem 1.3rem 0 0.5rem;
}
@media (max-width:1024px) {
	.C-home .box .img-box .img4 .tbox{
		padding: 0.9rem 0.5rem 0 0.5rem;
	}
}
@media (max-width:500px) {
	.C-home .box .img-box .img4 .tbox{
		width: 100%;
	}
}
.C-home .box .img-box .img4 .tbox .t1{
	font-size: 0.26rem;
	line-height: 1;
	color: #fff;
}
@media (max-width:500px) {
	.C-home .box .img-box .img4 .tbox .t1{
		font-size: 18px;
	}
}
.C-home .box .img-box .img4 .tbox .t2{
	width: 30px;
	height: 2px;
	background: rgba(255, 255, 255, .5);
	margin-top: 0.3rem;
}
.C-home .box .img-box .img4 .tbox .t3{
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	margin-top: 0.52rem;
}
@media (max-width:1440px) {
	.C-home .box .img-box .img4 .tbox .t3{
		font-size: 14px;
		line-height: 24px;
	}
}
.C-home .box .img-box .img5{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	margin-top: 0.6rem;
}
.C-home .box .img-box .img5 .img{
	width: 67.85%;
	height: 5rem;
}
@media (max-width:500px) {
	.C-home .box .img-box .img5 .img{
		width: 100%
	}
}
.C-home .box .img-box .img5 .img img{
	width: 100%;
	height: 100%;
}
.C-home .box .img-box .img5 .tbox{
	width: 32.15%;
	height: 5rem;
	background: #0097ff;
	padding: 0.9rem 1.3rem 0 0.5rem;
}
@media (max-width:1024px) {
	.C-home .box .img-box .img5 .tbox{
		padding: 0.9rem 0.5rem 0 0.5rem;
	}
}
@media (max-width:500px) {
	.C-home .box .img-box .img5 .tbox{
		width: 100%;
	}
}
.C-home .box .img-box .img5 .tbox .t1{
	font-size: 0.26rem;
	line-height: 1;
	color: #fff;
}
@media (max-width:500px) {
	.C-home .box .img-box .img5 .tbox .t1{
		font-size: 18px;
	}
}
.C-home .box .img-box .img5 .tbox .t2{
	width: 30px;
	height: 2px;
	background: rgba(255, 255, 255, .5);
	margin-top: 0.3rem;
}
.C-home .box .img-box .img5 .tbox .t3{
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	margin-top: 0.52rem;
}
@media (max-width:1440px) {
	.C-home .box .img-box .img5 .tbox .t3{
		font-size: 14px;
		line-height: 24px;
	}
}

/* 企业文化-end */

/* 关于东信 */
.about-banner{
	width: 100%;
	position: relative;
}
.about-banner .img{
	width: 100%;
	height: 6.8rem;
}
.about-banner .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media(max-width:768px){
	.about-banner .img img{
		object-position: 66%;
	}
}
.about-banner .tbox{
	width: 1400px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
@media(max-width:1600px){
	.about-banner .tbox{
		width: 83%;
	}
}
@media(max-width:1024px){
	.about-banner .tbox{
		width: 90%;
	}
}
.about-banner .tbox .title{
	font-size: 0.48rem;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1;
	opacity: 0.9;
}
.about-banner .tbox .txt{
	width: 43.85%;
	font-size: 16px;
	font-weight: 300;
	color: #FFFFFF;
	line-height: 30px;
	opacity: 0.8;
	margin-top: 0.3rem;
}
@media(max-width:1024px){
	.about-banner .tbox .txt{
		font-size: 14px;
	}
}
@media(max-width:768px){
	.about-banner .tbox .txt{
		width: 100%;
	}
}
.about-banner .tbox .more{
	width: 1.8rem;
	height: 0.55rem;
	background: #FBFBFB;
	border-radius: 0.27rem;
	font-size: 18px;
	font-weight: 400;
	color: #0097FF;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin-top: 1.26rem;
}
.about-banner .tbox .more img{
	width: 0.38rem;
	height: 0.38rem;
	background: #0097FF;
	border-radius: 50%;
	margin-left: 0.15rem;
}
@media(max-width:1600px){
	.about-banner .tbox .more{
		font-size: 16px;
	}
}
@media(max-width:1366px){
	.about-banner .tbox .more{
		width: 2rem;
	}
}
@media(max-width:1024px){
	.about-banner .tbox .more{
		font-size: 14px;
	}
}

#hi-video-pop,
#hi-video-pop2 {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#hi-video-pop *,
#hi-video-pop2 * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#hi-video-pop .hi-close,
#hi-video-pop2 .hi-close {
	position: fixed;
	top: 86%;
	left: 50%;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	color: #fff;
	background: #fff;
	border-radius: 50%;
	transition: .5s;
	cursor: pointer;
}

#hi-video-pop .hi-close:after,
#hi-video-pop .hi-close:before,
#hi-video-pop2 .hi-close:after,
#hi-video-pop2 .hi-close:before {
	content: "";
	position: absolute;
	bottom: 24px;
	left: 10px;
	width: 30px;
	height: 2px;
	background: #333;
	transition: .5s;
}

#hi-video-pop .hi-close:hover,
#hi-video-pop2 .hi-close:hover {
	background: #019dee;
}

#hi-video-pop .hi-close:hover:after,
#hi-video-pop .hi-close:hover:before,
#hi-video-pop2 .hi-close:hover:after,
#hi-video-pop2 .hi-close:hover:before {
	background: #fff;
}

#hi-video-pop .hi-close:after,
#hi-video-pop2 .hi-close:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#hi-video-pop .hi-close:before,
#hi-video-pop2 .hi-close:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#hi-video-pop video {
	position: fixed;
	left: 50%;
	top: 50%;
	max-width: 90%;
	min-width: 60%;
	max-height: 70%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#hi-video-pop2 video {
	position: fixed;
	left: 50%;
	top: 50%;
	max-width: 90%;
	width: 3.76rem;
	height: calc(3.76rem * 16 / 9);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
@media (max-width:500px){
    #hi-video-pop2 video {
        width: 4.76rem;
	    height: calc(4.76rem * 16 / 9);
    }
}
/* 供应商 */
.supplier{
	width: 100%;
	background: url(../images/bg7.png) left top repeat;
	padding: 1.23rem 0 1.52rem;
}
.supplier .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.supplier .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.supplier .box{
		width: 90%;
	}
}
.supplier .box .title{
	width: 100%;
	font-size: 0.42rem;
	line-height: 1;
	color: #333;
	text-align: center;
}
.supplier .box .txts{
	width: 100%;
	font-size: 18px;
	line-height: 36px;
	color: #333;
	margin-top: 0.4rem;
	text-align: justify;
}
@media (max-width:1366px) {
	.supplier .box .txts{
		font-size: 16px;
		line-height: 32px;
	}
}
@media (max-width:1024px) {
	.supplier .box .txts{
		font-size: 14px;
		line-height: 24px;
	}
}
@media (max-width:500px) {
	.supplier .box .txts{
		display: none;
	}
}
.supplier .box .mtxts{
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
	color: #333;
	margin-top: 0.4rem;
	display: none;
}
@media (max-width:500px) {
	.supplier .box .mtxts{
		display: block;
	}
}
.supplier .box .icon-list{
	width: 100%;
	height: 1.8rem;
	margin-top: 1.45rem;
	border-radius: 0.9rem;
	background: #fff;
	box-shadow: 0 0.05rem 0.5rem 0 rgba(180,194,204,.15);
	overflow: hidden;
}
.supplier .box .icon-list .swiper-container{
	height: 100%;
}
.supplier .box .icon-list .tbox{
	width: 100%;
	height: 100%;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}
.supplier .box .icon-list .tbox .icon{
	width: 0.5rem;
	height: 0.5rem;
	overflow: hidden;
	margin: auto;
	display: flex;
}
.supplier .box .icon-list .tbox .icon img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.supplier .box .icon-list .tbox .txt{
	width: 100%;
	font-size: 0.2rem;
	line-height: 0.3rem;
	color: #333;
	text-align: center;
	margin-top: 0.1rem;
}
@media (max-width:500px) {
	.supplier .box .icon-list .tbox .txt{
		font-size: 14px;
		line-height: 24px;
	}
}
/* 企业文化 */
.acurter{
	width: 100%;
	position: relative;
	padding: 1.2rem 0;
}
.acurter .box{
	width: 1400px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
@media(max-width:1600px){
	.acurter .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.acurter .box{
		width: 90%;
	}
}
.acurter .box .img{
	width: 52.64%;
	height: 4.52rem;
}
.acurter .box .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.acurter .box .tbox{
	width: 39.79%;
}
@media(max-width:1024px){
	.acurter .box .img{
		width: 100%;
	}
	.acurter .box .tbox{
		width: 100%;
		margin-top: 0.5rem;
	}
}
.acurter .box .tbox .item{
	width: 100%;
	margin-bottom: 0.47rem;
}
.acurter .box .tbox .item:last-child{
	margin-bottom: 0;
}
.acurter .box .tbox .item .t1{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	line-height: 1;
}
@media(max-width:1366px){
	.acurter .box .tbox .item .t1{
		font-size: 22px;
	}
}
@media(max-width:1024px){
	.acurter .box .tbox .item .t1{
		font-size: 20px;
	}
}
@media(max-width:768px){
	.acurter .box .tbox .item .t1{
		font-size: 18px;
	}
}
.acurter .box .tbox .item .t2{
	font-size: 16px;
	/* font-weight: 300; */
	color: #333;
	line-height: 22px;
	margin-top: 0.13rem;
}
@media(max-width:1024px){
	.acurter .box .tbox .item .t2{
		font-size: 14px;
	}
}
.acurter .icon{
	position: absolute;
	right: 1.5rem;
	bottom: 0;
	width: 2.54rem;
	height: 1.55rem;
	overflow: hidden;
	z-index: -1;
}
.acurter .icon img{
	width: 100%;
}
@media(max-width:768px){
	.acurter .icon{
		right: 0.5rem;
	}
}
/* 管理团队 */
.team{
	width: 100%;
	background: #F2F7FD;
	padding: 1.2rem 0;
}
.team .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.team .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.team .box{
		width: 90%;
	}
}
.team .box .title{
	font-size: 0.42rem;
	font-weight: bold;
	color: #333333;
	line-height: 1;
	text-align: center;
}
.team .box .teambox{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	margin-top: 0.48rem;
}
.team .box .teambox .item{
	width: 20%;
}
@media (max-width:768px) {
	.team .box .teambox .item.items{
		width: 100%;
		order: -5;
		margin-bottom: 0.2rem;
	}
}
@media (max-width:500px) {
	.team .box .teambox .item{
		width: 50%;
		margin-bottom: 0.2rem;
	}
	.team .box .teambox .item:first-child{
		order: 2;
	}
	.team .box .teambox .item:last-child{
		order: -1;
	}
	.team .box .teambox .item:nth-child(2){
		order: -2;
	}
}
.team .box .teambox .item .img{
	width: 1.2rem;
	height: 1.2rem;
	overflow: hidden;
	display: flex;
	margin: auto;
}
.team .box .teambox .item .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.team .box .teambox .item .t1{
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	color: #333;
	text-align: center;
	margin-top: 0.28rem;
}
@media (max-width:1440px) {
	.team .box .teambox .item .t1{
		font-size: 18px;
	}
}
@media (max-width:1366px) {
	.team .box .teambox .item .t1{
		font-size: 16px;
	}
}
.team .box .teambox .item.items .t1{
	margin-top: 0.08rem;
}
.team .box .teambox .item .t2{
	font-size: 16px;
	line-height: 24px;
	color: #999;
	text-align: center;
}
@media (max-width:1440px) {
	.team .box .teambox .item .t2{
		font-size: 14px;
	}
}
.team .box .teambox .item.items .img{
	width: 1.6rem;
	height: 1.6rem;
}
.team .box .list{
	width: 100%;
	margin-top: 0.46rem;
	height: 6rem;
	overflow: hidden;
	display: flex;
}
@media (max-width:500px) {
	.team .box .list{
		height: 3rem;
	}
}
.team .box .list img{
	width: 100%;
	height: 100%;
}

/* 大事记 */
.things{
	width: 100%;
	position: relative;
}
.things .img{
	width: 100%;
	height: 8.4rem;
	overflow: hidden;
	position: relative;
}
.things .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}
.things .box{
	width: 1400px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
@media(max-width:1600px){
	.things .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.things .box{
		width: 90%;
	}
}
.things .box .title{
	font-size: 0.42rem;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1;
}
.things .box .tips{
	font-size: 22px;
	font-weight: 300;
	color: #FFFFFF;
	line-height: 1;
	margin-top: 0.2rem;
}
@media(max-width:1024px){
	.things .box .tips{
		font-size: 20px;
	}
}
@media(max-width:768px){
	.things .box .tips{
		font-size: 18px;
	}
}
.things .box .list{
	width: 100%;
	position: relative;
	margin-top: 1.07rem;
}
.things .box .list .swiper-container{
	width: 87%;
	height: 3.6rem;
	margin: 0;
}
@media(max-width:500px){
	.things .box .list .swiper-container{
		height: 6.2rem;
	}
}
.things .box .list .swiper-container-autoheight .swiper-wrapper{
	margin: -1px 0 0;
}
.things .box .list .tbox{
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,.26);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size: 18px;
	font-weight: 300;
	color: #FFFFFF;
	line-height: 0.3rem;
	padding: 0.48rem 0 0.12rem;
}
.things .box .list .tbox span{
	font-size: 0.3rem;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 0.52rem;
}
@media(max-width:1366px){
	.things .box .list .tbox{
		font-size: 16px;
	}
}
@media(max-width:1024px){
	.things .box .list .tbox{
		font-size: 14px;
		line-height: 24px;
	}
}
@media(max-width:500px){
	.things .box .list .tbox{
		font-size: 12px;
		padding: 0 0 0.12rem;
	}
	.things .box .list .tbox span{
		width: 100%;
		display: block;
	}
}
.things .box .list .prev1,
.things .box .list .next1{
	position: absolute;
	right: 0;
	width: 0.63rem;
	height: 0.63rem;
	border-radius: 50%;
	cursor: pointer;
	transition: all ease-in .3s;
}
.things .box .list .prev1{
	background: #fff url(../images/icon34.png) center center no-repeat;
	background-size: 17px;
	top: 0.9rem;
}
.things .box .list .prev1:hover{
	background: #0097FF url(../images/icon34-1.png) center center no-repeat;
	background-size: 17px;
}
.things .box .list .next1{
	background: #fff url(../images/icon35.png) center center no-repeat;
	background-size: 17px;
	top: 1.8rem;
}
.things .box .list .next1:hover{
	background: #0097FF url(../images/icon35-1.png) center center no-repeat;
	background-size: 17px;
}
/* 关于东信-end */

/* 网站地图 */
.wmap{
	width: 100%;
	background: #F2F7FD;
	padding-bottom: 1.2rem;
}
.wmap .Breadcrumbs{
	background: #F2F7FD;
}
.wmap .mbox{
	width: 1400px;
	margin: auto;
	background: #fff;
	padding: 0.57rem 0.9rem 0.83rem 0.8rem;
}
@media(max-width:1600px){
	.wmap .mbox{
		width: 83%;
	}
}
@media(max-width:1024px){
	.wmap .mbox{
		width: 90%;
	}
}
@media(max-width:768px){
	.wmap .mbox{
		padding: 0.57rem 0.5rem 0.83rem;
	}
}
.wmap .mbox .title{
	font-size: 0.36rem;
	font-weight: 400;
	color: #333333;
	line-height: 1;
	margin-bottom: 0.55rem;
}
.wmap .mbox .tbox{
	width: 100%;
	margin-bottom: 0.42rem;
}
.wmap .mbox .tbox:last-child{
	margin-bottom: 0;
}
.wmap .mbox .tbox .t1{
	width: 100%;
	display: flex;
	align-items: center;
}
.wmap .mbox .tbox .t1 span{
	width: 5px;
	height: 5px;
	background: #B8B8B8;
	border-radius: 50%;
	margin-right: 0.12rem;
}
.wmap .mbox .tbox .t1 a{
	font-size: 20px;
	font-weight: 400;
	color: #333333;
	line-height: 30px;
	transition: all ease-in .3s;
}
.wmap .mbox .tbox .t1 a:hover{
	color: #058be9;
}
@media(max-width:1220px){
	.wmap .mbox .tbox .t1 a{
		font-size: 18px;
	}
}
@media(max-width:1024px){
	.wmap .mbox .tbox .t1 a{
		font-size: 16px;
	}
}
.wmap .mbox .tbox .t2{
	width: calc(100% - 17px);
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
	border-top: 1px solid #ECECEC;
	margin-left: 17px;
	padding-top: 0.15rem;
	margin-top: 3px;
}
.wmap .mbox .tbox .t2 span{
	margin-right: 0.36rem;
}
.wmap .mbox .tbox .t2 a{
	color: #666666;
	transition: all ease-in .3s;
}
.wmap .mbox .tbox .t2 a:hover{
	color: #058be9;
}
/* 网站地图-end */

/* Cookies政策 */
.policy{
	width: 100%;
	background: #F2F7FD;
	padding-bottom: 1.2rem;
}
.policy .Breadcrumbs{
	background: #F2F7FD;
}
.policy .pbox{
	width: 1400px;
	margin: auto;
	background: #fff;
	padding: 0.73rem 0.75rem 0.9rem 0.8rem;
}
@media(max-width:1600px){
	.policy .pbox{
		width: 83%;
	}
}
@media(max-width:1024px){
	.policy .pbox{
		width: 90%;
	}
}
@media(max-width:768px){
	.policy .pbox{
		padding: 0.73rem 0.5rem 0.9rem;
	}
}
.policy .pbox .title{
	font-size: 0.36rem;
	font-weight: 400;
	color: #333333;
	line-height: 1;
}
.policy .pbox .txt{
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
	margin-top: 0.4rem;
}
@media(max-width:1024px){
	.policy .pbox .txt{
		font-size: 14px;
	}
}
/* Cookies政策-end */

/* 联系东信 */
.contact-info{
	width: 100%;
}

.contact-info .cbox1{
	width: 100%;
	padding: 1.2rem 0;
}
.contact-info .cbox1 .box{
	width: 1400px;
	margin: auto;
}
@media (max-width: 1600px){
	.contact-info .cbox1 .box{
		width: 83%;
	}
}
@media (max-width: 1024px){
	.contact-info .cbox1 .box{
		width: 90%;
	}
}
.contact-info .cbox1 .box .title{
	font-size: 0.42rem;
	line-height: 1;
	color: #fff;
	text-align: center;
}
.contact-info .cbox1 .box .content{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 0.7rem;
}
@media (max-width:768px) {
	.contact-info .cbox1 .box .content{
		justify-content: center;
	}
}
.contact-info .cbox1 .box .content .map{
	width: 67.28%;
	width: 9.42rem;
	height: 6.9rem;
	margin-left: -0.73rem;
	position: relative;
}
@media (max-width:500px) {
	.contact-info .cbox1 .box .content .map{
		width: 100%;
		height: 4.6rem;
	}
}
.contact-info .cbox1 .box .content .map .img{
	width: 100%;
	height: 100%;
}
.contact-info .cbox1 .box .content .map .img img{
	width: 100%;
	height: 100%;
}
.contact-info .cbox1 .box .content .map .itembox{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.contact-info .cbox1 .box .content .map .itembox .item {
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.contact-info .cbox1 .box .content .map .itembox .item .i {
	flex: 0 0 40px;
	min-width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(4255, 255, 255, 0.4);
	border: 1px solid #fff;
	animation: scalemap 2s linear infinite;
	-moz-animation: scalemap 2s linear infinite;
	-webkit-animation: scalemap 2s linear infinite;
}
.contact-info .cbox1 .box .content .map .itembox .item75{
	top: 42%;
	right: 29.2%;
	/* 北京 */
}
.contact-info .cbox1 .box .content .map .itembox .item76{
	top: 53.4%;
	right: 26.2%;
	/* 山东 */
}
.contact-info .cbox1 .box .content .map .itembox .item77{
	right: 42.8%;
	bottom: 38.2%;
	/* 陕西 */
}
.contact-info .cbox1 .box .content .map .itembox .item78{
	right: 33.9%;
	bottom: 38.6%;
	/* 海南 */
}
.contact-info .cbox1 .box .content .map .itembox .item79{
	right: 28.3%;
	bottom: 32.3%;
	/* 安徽 */
}
.contact-info .cbox1 .box .content .map .itembox .item80{
	right: 21.1%;
	bottom: 31.5%;
	/* 上海 */
}
.contact-info .cbox1 .box .content .map .itembox .item81{
	right: 45.7%;
	bottom: 27.2%;
	/* 重庆 */
}
.contact-info .cbox1 .box .content .map .itembox .item82{
	right: 37.4%;
	bottom: 22.6%;
	/* 湖南 */
}
.contact-info .cbox1 .box .content .map .itembox .item83{
	right: 23.7%;
	bottom: 26%;
	/* 浙江 */
}
.contact-info .cbox1 .box .content .map .itembox .item84{
	right: 33.9%;
	bottom: 12.7%;
	/* 广东 */
}
.contact-info .cbox1 .box .content .map .itembox .item85{
	right: 21.9%;
	bottom: 13.1%;
	/* 台湾 */
}
.contact-info .cbox1 .box .content .map .itembox .item86{
	right: 39%;
	bottom: 1.7%;
}
.contact-info .cbox1 .box .content .map .itembox .item101{
	right: 24.9%;
    bottom: 37.1%;
	/* 江苏 */
}
.contact-info .cbox1 .box .content .map .itembox .item102{
	left: 47%;
    top: 68%;
    /* 四川 */
}
.contact-info .cbox1 .box .content .map .itembox .item121{
    left: 69%;
    top: 77%;
    /* 江西 */
}
.contact-info .cbox1 .box .content .map .itembox .item74{
	background: none;
	width: 71px;
	height: 10px;
	right: 26.9%;
	bottom: 9.8%;
}
@media (max-width:500px) {
	.contact-info .cbox1 .box .content .map .itembox .item74{
		right: 20%;
	}
}
.contact-info .cbox1 .box .content .map .itembox .item74 .is1{
	width: 0.22rem;
	height: 0.34rem;
	position: absolute;
	display: flex;
	bottom: 100%;
	animation: scalemap2 1.2s linear infinite;
	-moz-animation: scalemap2 1.2s linear infinite;
	-webkit-animation: scalemap2 1.2s linear infinite;
}
.contact-info .cbox1 .box .content .map .itembox .item74 .is2{
	width: 0.71rem;
	height: 0.1rem;
	display: flex;
}
@keyframes scalemap2 {
	0% {
		margin-bottom: 0;
	}
	50% {
		margin-bottom: 3px;
	}
	100% {
		margin-bottom: 0;
	}
}
@-moz-keyframes scalemap2 {
	0% {
		margin-bottom: 0;
	}
	50% {
		margin-bottom: 3px;
	}
	100% {
		margin-bottom: 0;
	}
}
@-webkit-keyframes scalemap2 {
	0% {
		margin-bottom: 0;
	}
	50% {
		margin-bottom: 3px;
	}
	100% {
		margin-bottom: 0;
	}
}
@-o-keyframes scalemap2 {
	0% {
		margin-bottom: 0;
	}
	50% {
		margin-bottom: 3px;
	}
	100% {
		margin-bottom: 0;
	}
}

@keyframes scalemap {
0% {
	transform: scale(0.2);
	opacity: 1;
}
100% {
	transform: scale(1.5);
	opacity: 0;
}
}
@-moz-keyframes scalemap {
0% {
	transform: scale(0.2);
	opacity: 1;
}
100% {
	transform: scale(1.5);
	opacity: 0;
}
}
@-webkit-keyframes scalemap {
0% {
	transform: scale(0.2);
	opacity: 1;
}
100% {
	transform: scale(1.5);
	opacity: 0;
}
}
@-o-keyframes scalemap {
0% {
	transform: scale(0.2);
	opacity: 1;
}
100% {
	transform: scale(1.5);
	opacity: 0;
}
}

.contact-info .cbox1 .box .content .sbox{
	width: 30.7%;
	margin-top: 0.57rem;
	position: relative;
	background: #fff;
	border-radius: 0.08rem;
}
@media (max-width:1440px) {
	.contact-info .cbox1 .box .content .sbox{
		width: 40%;
		margin-top: 0;
	}
}
@media (max-width:768px) {
	.contact-info .cbox1 .box .content .sbox{
		width: 100%;
		margin-top: 0.3rem;
	}
}
.contact-info .cbox1 .box .content .sbox .item{
	width: 100%;
	position: relative;
	padding: 1.13rem 0.64rem 0.8rem 0.4rem;
	display: none;
}
@media (max-width:500px) {
	.contact-info .cbox1 .box .content .sbox .item{
		padding: 1.13rem 0.4rem 0.8rem 0.4rem;
	}
}
.contact-info .cbox1 .box .content .sbox .item.on{
	display: block;
}
.contact-info .cbox1 .box .content .sbox .item .stxt{
	position: absolute;
	left: -0.2rem;
	top: 0.6rem;
	background: #009afe;
	border-radius: 0.08rem;
	height: 0.5rem;
	display: flex;
	align-items: center;
	padding: 0 0.3rem 0 0.4rem;
	font-size: 0.24rem;
	color: #fff;
}
.contact-info .cbox1 .box .content .sbox .item .ico1{
	width: 1.1rem;
	height: 1.24rem;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	display: flex;
	align-items: flex-end;
}
.contact-info .cbox1 .box .content .sbox .item .ico1 img{
	width: 1.27rem;
	height: 1.27rem;
	max-width: initial;
	object-position: bottom left;
}
.contact-info .cbox1 .box .content .sbox .item .swiper-container{
	padding-bottom: 0.35rem;
}
.contact-info .cbox1 .box .content .sbox .item .addbox{
	padding: 0.3rem 0 0.35rem;
	width: 100%;
	border-bottom: 1px dashed #a9a9a9;
}
.contact-info .cbox1 .box .content .sbox .item .swiper-slide:nth-child(2n) .addbox{
	border-bottom: none;
}
@media (max-width:768px) {
	.contact-info .cbox1 .box .content .sbox .item .addbox{
		border-bottom: none;
	}
}
.contact-info .cbox1 .box .content .sbox .item .addbox .t1{
	font-size: 20px;
	line-height: 36px;
	font-weight: bold;
	color: #333;
}
@media (max-width:1366px) {
	.contact-info .cbox1 .box .content .sbox .item .addbox .t1{
		font-size: 18px;
	}
}
@media (max-width:1024px) {
	.contact-info .cbox1 .box .content .sbox .item .addbox .t1{
		font-size: 16px;
	}
}
.contact-info .cbox1 .box .content .sbox .item .addbox .t2{
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	color: #333;
}
@media (max-width:1366px) {
	.contact-info .cbox1 .box .content .sbox .item .addbox .t2{
		font-size: 14px;
	}
}
.contact-info .cbox1 .box .content .sbox .item .addbox .t2 span{
	width: 80%;
	display: inline-flex;
}
.contact-info .cbox1 .box .content .sbox .item .addbox .t2 span.s1{
	color: #009afe;
}
.contact-info .cbox1 .box .content .sbox .item .swiper-pagination{
	width: 100%;
	font-size: 0;
}
.contact-info .cbox1 .box .content .sbox .item .swiper-pagination-bullet{
	width: 0.15rem;
	height: 0.15rem;
}



.contact-info .cbox3{
	width: 100%;
	padding: 1.13rem 0;
}
.contact-info .cbox3 .box{
	width: 1400px;
	margin: auto;
}
@media (max-width: 1600px){
	.contact-info .cbox3 .box{
		width: 83%;
	}
}
@media (max-width: 1024px){
	.contact-info .cbox3 .box{
		width: 90%;
	}
}
.contact-info .cbox3 .box .title{
	font-size: 0.42rem;
	font-weight: bold;
	color: #1E2025;
	line-height: 1;
	text-align: center;
}
.contact-info .cbox3 .box .txt{
	font-size: 18px;
	color: #666;
	text-align: center;
	line-height: 1;
	padding: 0.28rem 0 0.2rem;
}
@media (max-width:1440px) {
	.contact-info .cbox3 .box .txt{
		font-size: 16px;
	}
}
@media (max-width:1366px) {
	.contact-info .cbox3 .box .txt{
		font-size: 14px;
	}
}
.contact-info .cbox3 .box .fbox{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 0.4rem;
}
.contact-info .cbox3 .box .fbox .t1{
	width: 49.28%;
	height: 0.57rem;
	border: 1px solid #EBEBEB;
	padding-left: 0.1rem;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	margin-bottom: 0.22rem;
}
.contact-info .cbox3 .box .fbox .set{
	width: 100%;
	height: 0.57rem;
	border: 1px solid #EBEBEB;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 22px;
	padding: 0.1rem;
	margin-bottom: 0.22rem;
	cursor: pointer;
	background: url(../images/icon2-1.png) 98% center no-repeat;
	background-size: 12px;
}
.contact-info .cbox3 .box .fbox .t2{
	width: 100%;
	height: 1.22rem;
	border: 1px solid #EBEBEB;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 22px;
	padding: 0.1rem;
	resize: none;
}
.contact-info .cbox3 .box .btn{
	width: 2rem;
	height: 0.57rem;
	background: #058BE9;
	border-radius: 0.28rem;
	margin: 0.27rem auto 0;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	cursor: pointer;
}
.contact-info .cbox3 .box .btn:hover{
	background: #088eef;
}
@media (max-width:1366px){
	.contact-info .cbox3 .box .fbox .t1{
		height: 0.7rem;
	}
	.contact-info .cbox3 .box .fbox .set{
		height: 0.7rem;
	}
	.contact-info .cbox3 .box .btn{
		height: 0.7rem;
		border-radius: 0.35rem;
	}
}
@media (max-width:1220px){
	.contact-info .cbox3 .box .fbox .t1,
	.contact-info .cbox3 .box .fbox .set,
	.contact-info .cbox3 .box .fbox .t2{
		font-size: 14px;
	}
	.contact-info .cbox3 .box .btn{
		font-size: 16px;
	}
}
@media (max-width:500px){
	.contact-info .cbox3 .box .fbox .t1{
		width: 100%;
	}
}
/* 联系东信-end */

/* case */
.case{
	width: 100%;
	padding: 1.2rem 0;
}
.case .box{
	width: 1400px;
	margin: 0 auto 0.34rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media(max-width:1600px){
	.case .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.case .box{
		width: 90%;
	}
}
.case .box .item{
	width: 48.5%;
	background: #FFFFFF;
	border: 1px solid #EBEBEB;
	margin-bottom: 0.4rem;
	border: 1px solid #EBEBEB;
	transition: all ease-in .3s;
}
.case .box .item:hover{
	box-shadow: 0px 5px 35px 0px rgba(166, 166, 166, 0.15);
	border: 1px solid transparent;
}
@media(max-width:500px){
	.case .box .item{
		width: 100%;
	}
}

.case .box .item .img-box{
	width: 100%;
	position: relative;
}
.case .box .item .img-box .bg{
	width: 100%;
	height: 3.45rem;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-content: center;
}
@media (max-width:1600px) {
	.case .box .item .img-box .bg{
		height: 3.9rem;
	}
}
@media (max-width:1024px) {
	.case .box .item .img-box .bg{
		height: 4.25rem;
	}
}
@media (max-width:768px) {
	.case .box .item .img-box .bg{
		height: 2.6rem;
	}
}
@media (max-width:500px) {
	.case .box .item .img-box .bg{
		height: 3.15rem;
	}
}
.case .box .item .img-box .bg img{
	width: 100%;
	height: 100%;
	max-width: initial;
	transition: all ease-in .3s;
}
.case .box .item:hover .img-box .bg img{
	transform: scale(1.01);
}
.case .box .item .img-box .ibox{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0.3rem;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.case .box .item .img-box .ibox .label{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.case .box .item .img-box .ibox .label span{
	height: 0.3rem;
	padding: 0 0.22rem;
	border-radius: 0.15rem;
	display: flex;
	align-items: center;
	background: rgba(0, 0, 0, 0.5);
	font-size: 14px;
	color: #fff;
	margin: 0 0.1rem;
}
.case .box .item .tbox{
	width: 100%;
	padding: 0.44rem 0.4rem 0.4rem 0.35rem;
}
.case .box .item .tbox .t1{
	font-size: 0.3rem;
	font-weight: bold;
	color: #282828;
	line-height: 1;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	transition: all ease-in .3s;
}
.case .box .item:hover .tbox .t1{
	color: #0097FF;
}
.case .box .item .tbox .t2{
	font-size: 16px;
	line-height: 24px;
	color: #666;
	margin-top: 0.24rem;
}
@media (max-width:1440px) {
	.case .box .item .tbox .t2{
		font-size: 14px;
	}
}
.case .box .item .tbox .ts{
	width: 100%;
	border-top: 1px dashed #e2e2e2;
	margin-top: 0.32rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding-top: 0.4rem;
}
.case .box .item .tbox .ts .tb1{
	font-size: 14px;
	line-height: 22px;
	color: #666;
}
@media (max-width:768px) {
	.case .box .item .tbox .ts .tb1{
		width: 50%;
		margin-bottom: 0.2rem;
		font-size: 12px;
	}
}
.case .box .item .tbox .ts .tb1 .ts1{
	font-size: 0.36rem;
	line-height: 1;
	color: #058be9;
}
.case .box .item .tbox .ts .tb1 .ts1 span{
	font-size: 18px;
}
.case .box .item .tbox .ts .tb2{
	font-size: 14px;
	line-height: 22px;
	color: #666;
}
@media (max-width:768px) {
	.case .box .item .tbox .ts .tb2{
		width: 50%;
		margin-bottom: 0.2rem;
		font-size: 12px;
	}
}
.case .box .item .tbox .ts .tb2 .ts1{
	font-size: 0.36rem;
	line-height: 1;
	color: #039a68;
}
.case .box .item .tbox .ts .tb2 .ts1 span{
	font-size: 18px;
}
@media (max-width:1440px) {
	.case .box .item .tbox .ts .tb2 .ts1 span{
		font-size: 16px;
	}
}
@media (max-width:1366px) {
	.case .box .item .tbox .ts .tb2 .ts1 span{
		font-size: 14px;
	}
}
.case .box .item .tbox .ts .more{
	width: 1.8rem;
	height: 0.52rem;
	background: #f8f8f8;
	border-radius: 0.1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	color: #009afe;
	transition: all ease-in .3s;
}
.case .box .item:hover .tbox .ts .more{
	color: #fff;
	background: #009afe;
}
@media (max-width:1440px) {
	.case .box .item .tbox .ts .more{
		font-size: 14px;
	}
}
.case .tips{
	font-size: 14px;
	color: #666;
	width: 100%;
	line-height: 24px;
	text-align: center;
	margin-top: 0.5rem;
}


.case-info{
	width: 100%;
}
.case-info .box1{
	width: 100%;
	padding: 0.9rem 0 0.9rem;
}
.case-info .box1 .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.case-info .box1 .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.case-info .box1 .box{
		width: 90%;
	}
}
.case-info .box1 .box .tbox1{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0 0.65rem 0 0.87rem;
	flex-wrap: wrap;
}
@media(max-width:1366px){
	.case-info .box1 .box .tbox1{
		padding: 0;
	}
}
.case-info .box1 .box .tbox1 .t1{
	font-size: 0.6rem;
	font-weight: bold;
	color: #333333;
	line-height: 0.8rem;
}
@media(max-width:500px){
	.case-info .box1 .box .tbox1 .t1{
		width: 100%;
		font-size: 0.4rem;
		margin-bottom: 0.5rem;
	}
}
.case-info .box1 .box .tbox1 .t2{
	display: flex;
}
.case-info .box1 .box .tbox1 .t2 .nb1{
	font-size: 16px;
	font-weight: 500;
	color: #666666;
	line-height: 30px;
	margin-right: 1.29rem;
}
.case-info .box1 .box .tbox1 .t2 .nb1 span{
	font-size: 0.6rem;
	font-weight: 800;
	line-height: 0.8rem;
	color: #058BE9;
}
.case-info .box1 .box .tbox1 .t2 .nb1 span img{
	width: 14px;
}
.case-info .box1 .box .tbox1 .t2 .nb2{
	font-size: 16px;
	font-weight: 500;
	color: #666666;
	line-height: 30px;
}
.case-info .box1 .box .tbox1 .t2 .nb2 span{
	font-size: 0.6rem;
	font-weight: 800;
	line-height: 0.8rem;
	color: #039A68;
}
.case-info .box1 .box .tbox1 .t2 .nb2 span img{
	width: 14px;
}
.case-info .box1 .box .tbox2{
	width: 100%;
	box-shadow: 0px 0px 68px 0px rgba(190, 198, 212, 0.15);
	padding: 0.87rem 0.65rem 0.87rem 0.87rem;
	display: flex;
	justify-content: space-between;
	margin-top: 0.83rem;
	flex-wrap: wrap;
}
.case-info .box1 .box .tbox2 .sbox{
	width: 49.3%;
}
.case-info .box1 .box .tbox2 .sbox .t1{
	font-size: 0.4rem;
	font-weight: bold;
	color: #333333;
	line-height: 1;
}
.case-info .box1 .box .tbox2 .sbox .t2{
	font-size: 16px;
	font-weight: 500;
	color: #666666;
	line-height: 30px;
	margin-top: 0.27rem;
}
.case-info .box1 .box .tbox2 .img{
	width: 22.7%;
	height: 0.88rem;
	margin-top: 0.34rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.case-info .box1 .box .tbox2 .img img{
	max-height: 100%;
	object-fit: initial;
}
@media(max-width:768px){
	.case-info .box1 .box .tbox2{
		flex-direction: column-reverse;
	}
	.case-info .box1 .box .tbox2 .sbox{
		width: 100%;
		margin-top: 0.4rem;
	}
	.case-info .box1 .box .tbox2 .img{
		width: 40%;
	}
}
@media(max-width:500px){
	.case-info .box1 .box .tbox2{
		padding: 0.5rem 0.3rem;
	}
	.case-info .box1 .box .tbox2 .img{
		width: 70%;
	}
}

.case-info .box2{
	width: 100%;
	background: #F2F7FD;
	padding: 1.08rem 0 1.02rem;
}
.case-info .box2 .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.case-info .box2 .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.case-info .box2 .box{
		width: 90%;
	}
}
.case-info .box2 .box .item{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	background: #fff;
}
.case-info .box2 .box .item:nth-child(2n){
	flex-direction: row-reverse;
}
.case-info .box2 .box .item .img{
	width: 50%;
	height: 4rem;
	overflow: hidden;
}
.case-info .box2 .box .item .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.case-info .box2 .box .item .tbox{
	width: 50%;
	padding: 1.2rem 0.6rem 0 0.8rem;
}
.case-info .box2 .box .item .tbox .t1{
	font-size: 0.36rem;
	font-weight: bold;
	color: #333333;
	line-height: 1;
}
.case-info .box2 .box .item .tbox .t2{
	font-size: 16px;
	font-weight: 500;
	color: #666666;
	line-height: 26px;
	margin-top: 0.27rem;
}
@media(max-width:768px){
	.case-info .box2 .box .item .img{
		width: 100%;
	}
	.case-info .box2 .box .item .tbox{
		width: 100%;
		padding: 0.5rem 0.5rem 1rem;
	}
}
@media(max-width:500px){
	.case-info .box2 .box .item{
		margin-bottom: 0.5rem;
	}
	.case-info .box2 .box .item:last-child{
		margin-bottom: 0;
	}
	.case-info .box2 .box .item .tbox{
		padding: 0.5rem 0.3rem 1rem;
	}
}
.case-info .box2 .tips{
    font-size: 14px;
    color: #666;
    width: 100%;
    line-height: 24px;
    text-align: center;
    margin-top: 0.5rem;
}


.case-info .box3{
	width: 100%;
	padding: 1.02rem 0 0.43rem;
}
.case-info .box3 .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.case-info .box3 .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.case-info .box3 .box{
		width: 90%;
	}
}
/*.case-info .box3 .box .title{*/
/*	font-size: 0.42rem;*/
/*	font-weight: bold;*/
/*	color: #333333;*/
/*	line-height: 0.48rem;*/
/*}*/
/*.case-info .box3 .box .fbox{*/
/*	width: 100%;*/
/*	display: flex;*/
/*	justify-content: space-between;*/
/*	flex-wrap: wrap;*/
/*	margin-top: 0.78rem;*/
/*}*/
/*.case-info .box3 .box .fbox .t1{*/
/*	width: 49.28%;*/
/*	height: 0.57rem;*/
/*	font-size: 16px;*/
/*	font-weight: 400;*/
/*	color: #666666;*/
/*	line-height: 22px;*/
/*	border: 1px solid #EBEBEB;*/
/*	padding: 0 0.22rem;*/
/*	margin-bottom: 0.22rem;*/
/*}*/
/*@media(max-width:1366px){*/
/*	.case-info .box3 .box .fbox .t1{*/
/*		height: 0.7rem;*/
/*	}*/
/*}*/
/*@media(max-width:500px){*/
/*	.case-info .box3 .box .title{*/
/*		font-size: 0.4rem;*/
/*	}*/
/*	.case-info .box3 .box .fbox .t1{*/
/*		width: 100%;*/
/*	}*/
/*}*/
/*.case-info .box3 .box .fbox .t2{*/
/*	width: 100%;*/
/*	height: 1.22rem;*/
/*	resize: none;*/
/*	font-size: 16px;*/
/*	font-weight: 400;*/
/*	color: #666666;*/
/*	line-height: 22px;*/
/*	border: 1px solid #EBEBEB;*/
/*	padding: 0.22rem;*/
/*}*/
/*.case-info .box3 .box .btn{*/
/*	width: 2rem;*/
/*	height: 0.57rem;*/
/*	border-radius: 0.28rem;*/
/*	background: #058BE9;*/
/*	font-size: 18px;*/
/*	font-weight: bold;*/
/*	color: #FFFFFF;*/
/*	margin: 0.27rem auto 0;*/
/*	display: flex;*/
/*	justify-content: center;*/
/*	align-items: center;*/
/*	cursor: pointer;*/
/*}*/
/*.case-info .box3 .box .btn:hover{*/
/*	background: #088eef;*/
/*}*/
/*@media(max-width:1366px){*/
/*	.case-info .box3 .box .btn{*/
/*		font-size: 16px;*/
/*	}*/
/*}*/
/*@media(max-width:1024px){*/
/*	.case-info .box3 .box .btn{*/
/*		font-size: 14px;*/
/*	}*/
/*}*/

.case-info .box3 .box{
	width: 1400px;
	margin: auto;
}
@media (max-width: 1600px){
	.case-info .box3 .box{
		width: 83%;
	}
}
@media (max-width: 1024px){
	.case-info .box3 .box{
		width: 90%;
	}
}
.case-info .box3 .box .title{
	font-size: 0.42rem;
	font-weight: bold;
	color: #1E2025;
	line-height: 1;
	text-align: center;
}
.case-info .box3 .box .txt{
	font-size: 18px;
	color: #666;
	text-align: center;
	line-height: 1;
	padding: 0.28rem 0 0.2rem;
}
@media (max-width:1440px) {
	.case-info .box3 .box .txt{
		font-size: 16px;
	}
}
@media (max-width:1366px) {
	.case-info .box3 .box .txt{
		font-size: 14px;
	}
}
.case-info .box3 .box .fbox{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 0.4rem;
}
.case-info .box3 .box .fbox .t1{
	width: 49.28%;
	height: 0.57rem;
	border: 1px solid #EBEBEB;
	padding-left: 0.1rem;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	margin-bottom: 0.22rem;
}
.case-info .box3 .box .fbox .set{
	width: 100%;
	height: 0.57rem;
	border: 1px solid #EBEBEB;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 22px;
	padding: 0.1rem;
	margin-bottom: 0.22rem;
	cursor: pointer;
	background: url(../images/icon2-1.png) 98% center no-repeat;
	background-size: 12px;
}
.case-info .box3 .box .fbox .t2{
	width: 100%;
	height: 1.22rem;
	border: 1px solid #EBEBEB;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 22px;
	padding: 0.1rem;
	resize: none;
}
.case-info .box3 .box .btn{
	width: 2rem;
	height: 0.57rem;
	background: #058BE9;
	border-radius: 0.28rem;
	margin: 0.27rem auto 0;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	cursor: pointer;
}
.case-info .box3 .box .btn:hover{
	background: #088eef;
}
@media (max-width:1366px){
	.case-info .box3 .box .fbox .t1{
		height: 0.7rem;
	}
	.case-info .box3 .box .fbox .set{
		height: 0.7rem;
	}
	.case-info .box3 .box .btn{
		height: 0.7rem;
		border-radius: 0.35rem;
	}
}
@media (max-width:1220px){
	.case-info .box3 .box .fbox .t1,
	.case-info .box3 .box .fbox .set,
	.case-info .box3 .box .fbox .t2{
		font-size: 14px;
	}
	.case-info .box3 .box .btn{
		font-size: 16px;
	}
}
@media (max-width:500px){
	.case-info .box3 .box .fbox .t1{
		width: 100%;
	}
}


.case-info .box4{
	width: 100%;
	padding: 0.5rem 0 1.26rem;
}
.case-info .box4 .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.case-info .box4 .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.case-info .box4 .box{
		width: 90%;
	}
}
.case-info .box4 .box .title{
	font-size: 0.42rem;
	font-weight: bold;
	color: #333333;
	line-height: 1;
}
.case-info .box4 .box .list{
	width: 100%;
	margin-top: 0.52rem;
}
.case-info .box4 .box .list .tbox{
	width: 100%;
}
.case-info .box4 .box .list .tbox .img{
	width: 100%;
	height: 1.37rem;
	overflow: hidden;
	border: 1px solid #ECECEC;
	display: flex;
	justify-content: center;
	align-items: center;
}
.case-info .box4 .box .list .tbox .img img{
	max-height: 100%;
	object-fit: initial;
}
.case-info .box4 .box .list .tbox .txt{
	font-size: 0.2rem;
	font-weight: 500;
	color: #333333;
	line-height: 0.3rem;
	margin-top: 0.23rem;
	text-align: center;
}
/* case-end */

/* saas */
.saas{
	width: 100%;
}
.saas-box1{
	width: 100%;
	position: relative;
}
.saas-box1 .img{
	width: 100%;
	height: 8.3rem;
	overflow: hidden;
	position: relative;
}
.saas-box1 .img video{
	width: 100vw;
    height: 100%;
    object-fit: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.saas-box1 .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: none;
}
@media(max-width:500px){
	.saas-box1 .img video{
		display: none;
	}
	.saas-box1 .img img{
		display: block;
	}
}
.saas-box1 .tbox{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(4, 14, 44, 0.3);
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}
.saas-box1 .tbox .t1{
	width: 100%;
	font-size: 0.55rem;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1;
	text-align: center;
}
.saas-box1 .tbox .t2{
	width: 100%;
	font-size: 0.36rem;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 0.46rem;
	margin-top: 0.38rem;
	text-align: center;
}
.saas-box1 .tbox .icon{
	width: 0.69rem;
	height: 0.69rem;
	background: rgba(255,255,255, 0.2);
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	margin: 0.55rem auto 0;
	cursor: pointer;
}
.saas-box1 .tbox .icon img{
	width: 100%;
	height: 100%;
}

.saas-box2{
	width: 100%;
	background: #F7FBFF;
	padding: 1.1rem 0 1.4rem;
}
.saas-box2 .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.saas-box2 .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.saas-box2 .box{
		width: 90%;
	}
}
.saas-box2 .box .top{
	width: 100%;
	position: relative;
}
.saas-box2 .box .top .t1{
	font-size: 0.3rem;
	line-height: 0.44rem;
	color: #009afe;
	position: absolute;
	left: 0;
	top: 0;
}
@media (max-width:500px) {
	.saas-box2 .box .top .t1{
		position: relative;
		width: 100%;
		text-align: center;
	}
}
.saas-box2 .box .top .t2{
	font-size: 0.42rem;
	line-height: 0.52rem;
	color: #1f2023;
	text-align: center;
}
.saas-box2 .box .top .t3{
	font-size: 0.22rem;
	line-height: 0.5rem;
	color: #333;
	text-align: center;
}
@media (max-width:500px) {
	.saas-box2 .box .top .t3{
		font-size: 14px;
	}
}
.saas-box2 .box .content{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-top: 1.36rem;
	padding-right: 1.25rem;
}
@media (max-width:768px) {
	.saas-box2 .box .content{
		padding-right: 0;
		flex-direction: column-reverse;
	}
}
.saas-box2 .box .content .left{
	width: 39.6%;
	border-left: 2px solid #ddd;
}
@media (max-width:768px) {
	.saas-box2 .box .content .left{
		width: 100%;
		margin-top: 0.3rem;
	}
}
.saas-box2 .box .content .left .item{
	padding-left: 0.33rem;
	margin-left: -2px;
	margin-bottom: 0.45rem;
	cursor: pointer;
}
.saas-box2 .box .content .left .item.on{
	border-left: 2px solid #0097ff;
}
.saas-box2 .box .content .left .item .t1{
	font-size: 0.24rem;
	color: #333;
	line-height: 1;
}
@media (max-width:500px) {
	.saas-box2 .box .content .left .item .t1{
		font-size: 16px;
	}
}
.saas-box2 .box .content .left .item.on .t1{
	color: #0097ff;
}
.saas-box2 .box .content .left .item .t2{
	font-size: 16px;
	line-height: 24px;
	color: #666;
	margin-top: 0.16rem;
	opacity: 0;
	height: 0;
	overflow: hidden;
	transition: all ease-in .3s;
}
.saas-box2 .box .content .left .item.on .t2{
	height: auto;
	opacity: 1;
}
@media (max-width:1366px) {
	.saas-box2 .box .content .left .item .t2{
		font-size: 14px;
	}
}

.saas-box2 .box .content .right{
	width: 50.9%;
	height: 3.66rem;
	box-shadow: 0 5px 0.35rem 0 rgba(0,42,71,.15);
}
.saas-box2 .box .content .right .swiper-container{
	width: 100%;
	height: 100%;
}
.saas-box2 .box .content .right .swiper-slide{
	width: 100%;
	height: 100%;
	opacity: .3;
}
.saas-box2 .box .content .right .swiper-slide-active{
	opacity: 1;
}
.saas-box2 .box .content .right .swiper-slide img{
	width: 100%;
	height: 100%;
}
@media (max-width:1600px) {
	.saas-box2 .box .content .right{
		height: 4.2rem;
	}
}
@media (max-width:1024px) {
	.saas-box2 .box .content .right{
		height: 4.66rem;
	}
}
@media (max-width:768px) {
	.saas-box2 .box .content .right{
		width: 100%;
		height: 6rem;
	}
}
@media (max-width:500px) {
	.saas-box2 .box .content .right{
		height: 3.6rem;
	}
}

.saas-box3{
	width: 100%;
	padding: 1.18rem 0 1.62rem;
}
.saas-box3 .box{
	width: 1400px;
	margin: auto;
}
@media (max-width:1600px) {
	.saas-box3 .box{
		width: 83%;
	}
}
@media (max-width:1024px) {
	.saas-box3 .box{
		width: 90%;
	}
}
.saas-box3 .box .top{
	width: 100%;
	position: relative;
}
.saas-box3 .box .top .t1{
	font-size: 0.3rem;
	line-height: 0.44rem;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}
@media (max-width:500px) {
	.saas-box3 .box .top .t1{
		position: relative;
		width: 100%;
		text-align: center;
	}
}
.saas-box3 .box .top .t2{
	font-size: 0.42rem;
	line-height: 0.52rem;
	color: #fff;
	text-align: center;
}
.saas-box3 .box .top .t3{
	font-size: 0.22rem;
	line-height: 0.5rem;
	color: #fff;
	text-align: center;
}
@media (max-width:500px) {
	.saas-box3 .box .top .t3{
		font-size: 14px;
	}
}
.saas-box3 .box .content{
	width: 100%;
	margin-top: 0.88rem;
	position: relative;
}
.saas-box3 .box .content .imgbox{
	width: 7rem;
	height: 5rem;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
@media (max-width:500px) {
	.saas-box3 .box .content .imgbox{
		width: 100%;
		position: relative;
	}
}
.saas-box3 .box .content .imgbox .img1{
	width: 100%;
	height: 100%;
}
.saas-box3 .box .content .imgbox .img2{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	animation: img2 1.2s linear infinite;
	-moz-animation: img2 1.2s linear infinite;
	-webkit-animation: img2 1.2s linear infinite;
	display: flex;
	justify-content: center;
    padding-right: 0.4rem;
}
@keyframes img2 {
	0% {
		margin-top: 0;
	}
	50% {
		margin-top: 3px;
	}
	100% {
		margin-top: 0;
	}
}
@-moz-keyframes img2 {
	0% {
		margin-top: 0;
	}
	50% {
		margin-top: 3px;
	}
	100% {
		margin-top: 0;
	}
}
@-webkit-keyframes img2 {
	0% {
		margin-top: 0;
	}
	50% {
		margin-top: 3px;
	}
	100% {
		margin-top: 0;
	}
}
@-o-keyframes img2 {
	0% {
		margin-top: 0;
	}
	50% {
		margin-top: 3px;
	}
	100% {
		margin-top: 0;
	}
}

.saas-box3 .box .content .tbox{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.saas-box3 .box .content .tbox .item{
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 1.35rem;
}
.saas-box3 .box .content .tbox .item:nth-child(2n){
	text-align: right;
	justify-content: flex-end;
}
.saas-box3 .box .content .tbox .item:nth-child(3),
.saas-box3 .box .content .tbox .item:nth-child(4){
	margin-bottom: 0;
}
@media (max-width:500px) {
	.saas-box3 .box .content .tbox .item{
		width: 100%;
		margin-bottom: 0.5rem;
	}
	.saas-box3 .box .content .tbox .item:nth-child(2n){
		text-align: left;
		justify-content: flex-start;
	}
	.saas-box3 .box .content .tbox .item:nth-child(3),
	.saas-box3 .box .content .tbox .item:nth-child(4){
		margin-bottom: 0.5rem;
	}
}
.saas-box3 .box .content .tbox .item .t1{
	width: 50%;
	font-size: 0.24rem;
	line-height: 0.36rem;
	color: #fff;
	margin: 0 50% 0 0;
	padding: 0 0.8rem 0 0;
}
.saas-box3 .box .content .tbox .item:nth-child(2n) .t1{
	margin: 0 0 0 50%;
	padding: 0 0 0 0.8rem;
}
@media (max-width:500px) {
	.saas-box3 .box .content .tbox .item .t1{
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		font-size: 16px;
	}
	.saas-box3 .box .content .tbox .item:nth-child(2n) .t1{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
}
.saas-box3 .box .content .tbox .item .t2{
	width: 50%;
	font-size: 16px;
	line-height: 24px;
	color: rgba(255, 255, 255, .5);
	margin-top: 0.2rem;
	padding: 0 0.4rem 0 0;
}
.saas-box3 .box .content .tbox .item:nth-child(2n) .t2{
	padding: 0 0 0 0.4rem;
}
@media (max-width:1366px) {
	.saas-box3 .box .content .tbox .item .t2{
		font-size: 14px;
	}
}
@media (max-width:500px) {
	.saas-box3 .box .content .tbox .item .t2{
		width: 100%;
		padding: 0;
	}
	.saas-box3 .box .content .tbox .item:nth-child(2n) .t2{
		padding: 0;
	}
}


.saas-box4{
	width: 100%;
	padding: 1.16rem 0 1.36rem;
	background: #ebf2f8;
}
.saas-box4 .box{
	width: 1400px;
	margin: auto;
}
@media (max-width:1600px) {
	.saas-box4 .box{
		width: 83%;
	}
}
@media (max-width:1024px) {
	.saas-box4 .box{
		width: 90%;
	}
}
.saas-box4 .box .top{
	width: 100%;
	position: relative;
}
.saas-box4 .box .top .t1{
	font-size: 0.3rem;
	color: #009afe;
	line-height: 0.34rem;
	position: absolute;
	left: 0;
	top: 0;
}
@media (max-width:500px) {
	.saas-box4 .box .top .t1{
		position: relative;
		width: 100%;
		text-align: center;
	}
}
.saas-box4 .box .top .t2{
	font-size: 0.42rem;
	color: #1f2023;
	text-align: center;
	line-height: 0.52rem;
}
@media (max-width:500px) {
	.saas-box4 .box .top .t2{
		font-size: 0.4rem;
	}	
}
.saas-box4 .box .list{
	width: 100%;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-top: 0.8rem;
}
.saas-box4 .box .list .item{
	width: 30.7%;
	min-height: 5.2rem;
	position: relative;
	background: #fff;
	padding: 0.76rem 0.6rem 0.72rem;
	transition: all ease-in .3s;
}
.saas-box4 .box .list .item:hover{
	background: #0097FF;
	box-shadow: 0 0.05rem 0.3rem 0 rgba(0,151,255,.3);
}
@media (max-width:768px) {
	.saas-box4 .box .list .item{
		padding: 0.76rem 0.3rem 0.72rem;
	}
}
@media (max-width:500px) {
	.saas-box4 .box .list .item{
		width: 100%;
		margin-bottom: 0.5rem;
	}
}
.saas-box4 .box .list .item .icon{
	width: 1rem;
	height: 1rem;
	margin: auto;
	display: flex;
}
.saas-box4 .box .list .item .icon img{
	width: 100%;
	height: 100%;
}
.saas-box4 .box .list .item .icon img:last-child{
	display: none;
}
.saas-box4 .box .list .item:hover .icon img:first-child{
	display: none;
}
.saas-box4 .box .list .item:hover .icon img:last-child{
	display: block;
}
.saas-box4 .box .list .item .t1{
	font-size: 1rem;
	color: #333;
	text-align: center;
	opacity: .1;
	transition: all ease-in .3s;
}
.saas-box4 .box .list .item:hover .t1{
	color: #fff;
}
.saas-box4 .box .list .item .t2{
	font-size: 0.24rem;
	color: #333;
	text-align: center;
	line-height: 0.3rem;
	margin-top: -0.37rem;
	transition: all ease-in .3s;
}
.saas-box4 .box .list .item:hover .t2{
	color: #fff;
}
@media (max-width:500px) {
	.saas-box4 .box .list .item .t2{
		font-size: 18px;
	}
}
.saas-box4 .box .list .item .t3{
	font-size: 16px;
	line-height: 30px;
	color: #666;
	margin-top: 0.22rem;
	transition: all ease-in .3s;
	text-align: justify;
}
@media (max-width:1366px) {
	.saas-box4 .box .list .item .t3{
		font-size: 14px;
		line-height: 24px;
	}
}
.saas-box4 .box .list .item:hover .t3{
	color: #fff;
}
.saas-box4 .box .list .item .t4{
	width: 90%;
	height: 10px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -10px;
	background: #0097ff;
	transition: all ease-in .3s;
}
.saas-box4 .box .list .item:hover .t4{
	bottom: 0;
}


.saas-box5{
	width: 100%;
	padding: 1.5rem 0 0;
}
.saas-box5 .box{
	width: 1400px;
	margin: auto;
	padding-bottom: 1.07rem;
}
@media (max-width:1600px) {
	.saas-box5 .box{
		width: 83%;
	}
}
@media (max-width:1024px) {
	.saas-box5 .box{
		width: 90%;
	}
}
.saas-box5 .box .top{
	width: 100%;
	position: relative;
}
.saas-box5 .box .top .t1{
	font-size: 0.3rem;
	color: #009afe;
	line-height: 0.34rem;
	position: absolute;
	left: 0;
	top: 0;
}
@media (max-width:500px) {
	.saas-box5 .box .top .t1{
		position: relative;
		width: 100%;
		text-align: center;
	}
}
.saas-box5 .box .top .t2{
	font-size: 0.42rem;
	color: #1f2023;
	text-align: center;
	line-height: 0.52rem;
}
@media (max-width:500px) {
	.saas-box5 .box .top .t2{
		font-size: 0.4rem;
	}	
}
.saas-box5 .box .imgbox{
	width: 100%;
	box-shadow: 0 0.05rem 0.5rem 0 rgba(204,204,204,.3);
	margin-top: 0.63rem;
}
/* saas-end */



/* saas-info */
.saas-info{
	width: 100%;
	padding: 0.96rem 0;
}
.saas-info .box{
	width: 1400px;
	margin: auto;
}
@media (max-width:1600px) {
	.saas-info .box{
		width: 83%;
	}
}
@media (max-width:1024px) {
	.saas-info .box{
		width: 90%;
	}
}
.saas-info .box .title{
	font-size: 0.4rem;
	color: #333;
	font-weight: bold;
	line-height: 0.6rem;
}
@media (max-width:768px) {
	.saas-info .box .title{
		font-size: 0.5rem;
		line-height: 0.6rem;
	}
}
.saas-info .box .content{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 0.38rem;
}
.saas-info .box .content .left{

}
@media (max-width:768px) {
	.saas-info .box .content .left{
		width: 100%;
		display: flex;
	}
}
.saas-info .box .content .left .item{
	width: 1.38rem;
	height: 1.38rem;
	background: #fff;
	box-shadow: 0 0 0.68rem 0 rgba(190,198,212,.3);
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	margin-bottom: 0.2rem;
}
@media (max-width:768px) {
	.saas-info .box .content .left .item{
		margin-right: 0.2rem;
	}
}
.saas-info .box .content .left .item .icon{
	width: 0.7rem;
	height: 0.7rem;
	overflow: hidden;
	display: flex;
}
.saas-info .box .content .left .item .icon img{
	width: 100%;
	height: 100%;
}
.saas-info .box .content .left .item .txt{
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #0099ff;
	line-height: 30px;
}
@media (max-width:1366px) {
	.saas-info .box .content .left .item .txt{
		font-size: 14px;
	}
}

.saas-info .box .content .right{
	width: 87.14%;
}
@media (max-width:768px) {
	.saas-info .box .content .right{
		width: 100%;
	}
}
.saas-info .box .content .right .item{
	width: 100%;
	background: #fff;
	box-shadow: 0 0 0.68rem 0 rgba(190,198,212,.3);
	margin-bottom: 0.2rem;
	padding: 0.66rem 0.88rem 0.73rem 0.49rem;
}
.saas-info .box .content .right .item:nth-child(3){
    display: none;
}
.saas-info .box .content .right .item .num{
	font-size: 1rem;
	color: #000;
	opacity: .1;
	line-height: 1;
}
.saas-info .box .content .right .item .t1{
	font-size: 24px;
	line-height: 1;
	color: #333;
	margin-top: -0.35rem;
	font-weight: bold;
}
@media (max-width:1440px) {
	.saas-info .box .content .right .item .t1{
		font-size: 22px;
	}
}
@media (max-width:1366px) {
	.saas-info .box .content .right .item .t1{
		font-size: 20px;
	}
}
@media (max-width:1220px) {
	.saas-info .box .content .right .item .t1{
		font-size: 18px;
	}
}
@media (max-width:1024px) {
	.saas-info .box .content .right .item .t1{
		font-size: 16px;
	}
}
.saas-info .box .content .right .item .t2{
	font-size: 16px;
	line-height: 30px;
	color: #666;
	margin-top: 0.33rem;
}
@media (max-width:1366px) {
	.saas-info .box .content .right .item .t2{
		font-size: 14px;
	}
}






/* solution */
.solution-banner{
	width: 100%;
	height: 5rem;
	position: relative;
}
.solution-banner .img{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.solution-banner .img img{
	width: 100%;
	height: 100%;
}
@media(max-width:500px){
	.solution-banner img{
		object-position: 60%;
	}
}
.solution-banner .tbox{
	width: 1400px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
@media(max-width:1600px){
	.solution-banner .tbox{
		width: 83%;
	}
}
@media(max-width:1024px){
	.solution-banner .tbox{
		width: 90%;
	}
}
.solution-banner .tbox .title{
	font-size: 0.48rem;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.2;
}
.solution-banner .tbox .txt{
	font-size: 0.24rem;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 0.36rem;
	opacity: 0.9;
	margin-top: 0.28rem;
}
/*@media(max-width:500px){*/
/*	.solution-banner .tbox .txt{*/
/*		font-size: 0.3rem;*/
/*	}*/
/*}*/
.solution{
	width: 100%;
}
.solution .info-menu{
	background: #f7fbff;
}
.sbox1{
	width: 100%;
	background: #f7fbff;
	padding: 1.21rem 0 1.32rem;
}
.sbox1 .box{
	width: 1400px;
	margin: auto;
	position: relative;
}
@media(max-width:1600px){
	.sbox1 .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.sbox1 .box{
		width: 90%;
	}
}
.sbox1 .box .tip{
	font-size: 0.3rem;
	color: #009afe;
	line-height: 0.36rem;
	position: absolute;
	left: 0;
	top: 0;
}
@media (max-width:500px) {
	.sbox1 .box .tip{
		position: relative;
		width: 100%;
		text-align: center;
	}
}
.sbox1 .box .tbox{
	width: 100%;
	text-align: center;
}
@media (max-width:768px) {
	.sbox1 .box .tbox{
		margin-top: 0.2rem;
	}
}
.sbox1 .box .tbox .t1{
	font-size: 0.42rem;
	line-height: 0.54rem;
	color: #333;
	font-weight: bold;
}
.sbox1 .box .tbox .t2{
	width: 1000px;
	max-width: 100%;
	margin: 0.2rem auto 0;
	font-size: 18px;
	line-height: 30px;
	color: #666;
	text-align: center;
}
@media (max-width:1440px) {
	.sbox1 .box .tbox .t2{
		font-size: 16px;
	}
}
@media (max-width:1366px) {
	.sbox1 .box .tbox .t2{
		font-size: 14px;
		line-height: 24px;
	}
}


.sbox2{
	width: 100%;
	background: url(../images/img79.png) center top no-repeat;
	background-size: cover;
	padding: 1.22rem 0 1.18rem;
}
.sbox2 .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.sbox2 .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.sbox2 .box{
		width: 90%;
	}
}
.sbox2 .box .top{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.sbox2 .box .top .img{
	width: 47.85%;
	height: 4.05rem;
	overflow: hidden;
}
.sbox2 .box .top .img img{
	width: 100%;
	height: 100%;
}
@media(max-width:500px){
	.sbox2 .box .top .img{
		width: 100%;
	}
}
.sbox2 .box .top .tbox{
	width: 46.42%;
	position: relative;
}
@media(max-width:500px){
	.sbox2 .box .top .tbox{
		width: 100%;
		margin-top: 0.5rem;
	}
}
.sbox2 .box .top .tbox .num{
	font-size: 2.02rem;
	font-weight: bold;
	color: #06112B;
	line-height: 1.46rem;
	opacity: 0.05;
	position: absolute;
	right: 0;
	top: -1.09rem;
}
.sbox2 .box .top .tbox .t1{
	font-size: 0.4rem;
	font-weight: bold;
	color: #06112B;
	line-height: 1;
}
@media(max-width:500px){
	.sbox2 .box .top .tbox .t1{
		font-size: 0.36rem;
	}
}
.sbox2 .box .top .tbox .t2{
	font-size: 0.24rem;
	font-weight: 300;
	color: #666666;
	line-height: 0.36rem;
	margin-top: 0.38rem;
}
.sbox2 .box .list{
	width: 100%;
	margin-top: 0.8rem;
}
.sbox2 .box .list ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sbox2 .box .list li{
	width: 21.42%;
	background: #F7FBFF;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0.27rem 0 0.39rem;
}
@media(max-width:500px){
	.sbox2 .box .list li{
		width: 47.84%;
		margin-bottom: 0.3rem;
	}
}
.sbox2 .box .list li .icon{
	width: 0.55rem;
	height: 0.55rem;
	overflow: hidden;
	display: flex;
}
.sbox2 .box .list li .icon img{
	width: 100%;
	height: 100%;
}
.sbox2 .box .list li .txt{
	width: 100%;
	font-size: 0.3rem;
	font-weight: 400;
	color: #06112B;
	line-height: 1;
	margin-top: 0.27rem;
	text-align: center;
}
@media(max-width:768px){
	.sbox2 .box .list li .txt{
		font-size: 0.26rem;
	}
}

.sbox3{
	width: 100%;
	background: url(../images/img81.png) center top no-repeat;
	background-size: cover;
	padding: 1.24rem 0 0.98rem;
}
.sbox3 .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.sbox3 .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.sbox3 .box{
		width: 90%;
	}
}
.sbox3 .box .top{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}
.sbox3 .box .top .img{
	width: 47.85%;
	height: 4.05rem;
	overflow: hidden;
}
.sbox3 .box .top .img img{
	width: 100%;
	height: 100%;
}
@media(max-width:1024px){
	.sbox3 .box .top .img{
		width: 100%;
	}
}
.sbox3 .box .top .tbox{
	width: 46.42%;
	position: relative;
}
@media(max-width:500px){
	.sbox3 .box .top .tbox{
		width: 100%;
		margin-top: 0.5rem;
	}
}
.sbox3 .box .top .tbox .num{
	font-size: 2.02rem;
	font-weight: bold;
	color: #06112B;
	line-height: 1.46rem;
	opacity: 0.05;
	position: absolute;
	right: 0;
	top: -1.09rem;
}
.sbox3 .box .top .tbox .t1{
	font-size: 0.4rem;
	font-weight: bold;
	color: #06112B;
	line-height: 1;
}
@media(max-width:500px){
	.sbox3 .box .top .tbox .t1{
		font-size: 0.36rem;
	}
}
.sbox3 .box .top .tbox .t2{
	font-size: 0.24rem;
	font-weight: 300;
	color: #666666;
	line-height: 0.36rem;
	margin-top: 0.38rem;
}
.sbox3 .box .list{
	width: 100%;
	margin-top: 0.8rem;
}
.sbox3 .box .list ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sbox3 .box .list li{
	width: 21.42%;
	background: #fff;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0.27rem 0 0.39rem;
}
@media(max-width:500px){
	.sbox3 .box .list li{
		width: 47.84%;
		margin-bottom: 0.3rem;
	}
}
.sbox3 .box .list li .icon{
	width: 0.55rem;
	height: 0.55rem;
	overflow: hidden;
	display: flex;
}
.sbox3 .box .list li .icon img{
	width: 100%;
	height: 100%;
}
.sbox3 .box .list li .txt{
	width: 100%;
	font-size: 0.3rem;
	font-weight: 400;
	color: #06112B;
	line-height: 1;
	margin-top: 0.27rem;
	text-align: center;
}
@media(max-width:768px){
	.sbox3 .box .list li .txt{
		font-size: 0.26rem;
	}
}

.sbox4{
	width: 100%;
	/* background: url(../images/img83.png) center center no-repeat; */
	background-size: cover;
	padding: 1.02rem 0 1.15rem;
}
.sbox4 .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.sbox4 .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.sbox4 .box{
		width: 90%;
	}
}
.sbox4 .box .title{
	font-size: 0.4rem;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1;
	text-align: center;
}
.sbox4 .box .list{
	width: 100%;
	margin-top: 0.6rem;
	position: relative;
}
.sbox4 .box .list .tbox{
	width: 100%;
}
.sbox4 .box .list .tbox .img{
	width: 77%;
    height: 5.4rem;
	padding: 0.13rem 0.17rem;
	overflow: hidden;
	margin: auto;
	position: relative;
}
.sbox4 .box .list .tbox .img::after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/img84.png) center center no-repeat;
	background-size: 100% 100%;
}
@media(max-width:1600px){
	.sbox4 .box .list .tbox .img{
		width: 71%;
		height: 5.6rem;
	}
}
@media(max-width:1024px){
	.sbox4 .box .list .tbox .img{
		width: 52%;
		height: 5.6rem;
	}
}
@media(max-width:768px){
	.sbox4 .box .list .tbox .img{
		width: 53%;
    	height: 5.2rem;
	}
}
@media(max-width:500px){
	.sbox4 .box .list .tbox .img{
		width: 42%;
    	height: 5.2rem;
	}
}
.sbox4 .box .list .tbox .img img{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: -1;
}
.sbox4 .box .list .tbox .txt{
	font-size: 16px;
	/* font-weight: 300; */
	color: #FFFFFF;
	line-height: 26px;
	text-align: center;
	margin-top: 0.6rem;
}
.sbox4 .box .list .tbox .txt span{
	display: block;
	font-size: 24px;
	font-weight: 500;
	color: #FFFFFF;
	margin-bottom: 0.18rem;
}
@media(max-width:1366px){
	.sbox4 .box .list .tbox .txt span{
		font-size: 22px;
	}
}
@media(max-width:1024px){
	.sbox4 .box .list .tbox .txt span{
		font-size: 20px;
	}
}
@media(max-width:500px){
	.sbox4 .box .list .tbox .txt{
		font-size: 14px;
	}
}

.sbox4 .box .list .prev,
.sbox4 .box .list .next{
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	position: absolute;
	top: 2.26rem;
	z-index: 2;
	cursor: pointer;
	transition: all ease-in .3s;
	display: none;
}
@media(max-width:1024px){
	.sbox4 .box .list .prev,
	.sbox4 .box .list .next{
		display: block;
	}
}
.sbox4 .box .list .prev{
	background: rgba(255, 255, 255, 0.2) url(../images/icon17-2.png) center center no-repeat;
	background-size: 17px;
	left: 0%;
}
.sbox4 .box .list .prev:hover{
	background: rgba(255, 255, 255, 1) url(../images/icon17-1.png) center center no-repeat;
	background-size: 17px;
}
.sbox4 .box .list .next{
	background: rgba(255, 255, 255, 0.2) url(../images/icon18-2.png) center center no-repeat;
	background-size: 17px;
	right: 0%;
}
.sbox4 .box .list .next:hover{
	background: rgba(255, 255, 255, 1) url(../images/icon18-1.png) center center no-repeat;
	background-size: 17px;
}
@media(max-width:500px){
	.sbox4 .box .list .prev,
	.sbox4 .box .list .prev:hover{
		width: 0.6rem;
		height: 0.6rem;
		left: 10%;
		background-size: 12px;
	}
	.sbox4 .box .list .next,
	.sbox4 .box .list .next:hover{
		right: 10%;
		width: 0.6rem;
		height: 0.6rem;
		background-size: 12px;
	}
}


.sbox5{
	width: 100%;
	padding: 1.13rem 0 1.35rem;
}
.sbox5 .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.sbox5 .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.sbox5 .box{
		width: 90%;
	}
}
.sbox5 .box .top{
	width: 100%;
	position: relative;
}
.sbox5 .box .top .tip{
	font-size: 0.42rem;
	line-height: 0.54rem;
	color: #333;
	font-weight: bold;
	text-align: center;
}

.sbox5 .box .list{
	width: 100%;
	margin-top: 0.9rem;
}
.sbox5 .box .list ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sbox5 .box .list li{
	width: 22.85%;
	height: 4.2rem;
	padding: 0.3rem;
	box-shadow: 0px 5px 50px 0px rgba(170, 170, 170, 0.15);
}
@media(max-width:768px){
	.sbox5 .box .list li{
		width: 47.7%;
	}
}
@media(max-width:500px){
	.sbox5 .box .list li{
		width: 100%;
		height: 4.3rem;
		margin-bottom: 0.5rem;
	}
	.sbox5 .box .list li:last-child{
		margin-bottom: 0;
	}
}
.sbox5 .box .list li .num{
	font-size: 0.36rem;
	font-weight: 300;
	color: #000000;
	line-height: 14px;
	opacity: 0.2;
	text-align: right;
}
.sbox5 .box .list li .icon{
	width: 0.66rem;
	height: 0.6rem;
	overflow: hidden;
	display: flex;
}
.sbox5 .box .list li .icon img{
	width: 100%;
	height: 100%;
}
.sbox5 .box .list li .t1{
	font-size: 0.28rem;
	font-weight: 500;
	color: #06112B;
	line-height: 0.4rem;
	margin-top: 0.15rem;
}
@media (max-width:500px) {
	.sbox5 .box .list li .t1{
		font-size: 18px;
	}
}
.sbox5 .box .list li .t2{
	font-size: 16px;
	/* font-weight: 300; */
	color: #333;
	line-height: 0.3rem;
	margin-top: 0.24rem;
	text-align: justify;
}
@media(max-width:1366px){
	.sbox5 .box .list li .t2{
		font-size: 14px;
		line-height: 24px;
	}
}

.sbox6{
	width: 100%;
	padding: 1.28rem 0 1.31rem;
	background: #F7FBFF;
}
.sbox6 .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.sbox6 .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.sbox6 .box{
		width: 90%;
	}
}
.sbox6 .box .top{
	width: 100%;
	position: relative;
}
.sbox6 .box .top .tip{
	font-size: 0.3rem;
	font-weight: 300;
	color: #009AFE;
	line-height: 0.4rem;
	position: absolute;
	left: 0;
	top: 0;
}
@media (max-width:500px) {
	.sbox6 .box .top .tip{
		position: relative;
		width: 100%;
		text-align: center;
	}
}
.sbox6 .box .top .title{
	width: 60%;
	font-size: 0.4rem;
	font-weight: bold;
	color: #1E2025;
	line-height: 0.55rem;
	text-align: center;
	margin: auto;
}
@media(max-width:500px){
	.sbox6 .box .top .title{
		width: 100%;
		font-size: 0.32rem;
		margin-top: 0.2rem;
	}
}
.sbox6 .box .content{
	width: 100%;
	margin-top: 0.94rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.sbox6 .box .content .quanbox{
	width: 6.5rem;
	height: 6.7rem;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.sbox6 .box .content .quanbox .img{
	width: 100%;
	height: 100%;
}
.sbox6 .box .content .quanbox .img img{
	width: 100%;
	height: 100%;
}
.sbox6 .box .content .quanbox .quan1{
	width: 3.63rem;
	height: 3.63rem;
	border-radius: 50%;
	border: 1px dashed #CDCDCD;
	font-size: 0.43rem;
	font-weight: bold;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.sbox6 .box .content .quanbox .quan1 svg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: initial;
}
@media (max-width:500px) {
	.sbox6 .box .content .quanbox .quan1 svg{
		left: -0.2rem;
		top: -0.05rem;
	}
}
.sbox6 .box .content .quanbox .quan1 g{
    position: relative;
    z-index: 3;
}
.sbox6 .box .content .quanbox .quan1 path{
    position: relative;
    z-index: 1;
}
.sbox6 .box .content .quanbox .quan1 .qimg{
    cursor: pointer;
    position: relative;
    z-index: 2;
}
@media (max-width:500px) {
	.sbox6 .box .content .quanbox .quan1 svg .qimg{
		width: 2.5rem;
		height: 2.5rem;
	}
}
.sbox6 .box .content .quanbox .quan1 .quan2{
	width: 1.6rem;
	height: 1.6rem;
	position: absolute;
	top: -0.8rem;
	left: 50%;
	transform: translateX(-50%);
}
.sbox6 .box .content .quanbox .quan1 .quan3{
	width: 1.6rem;
	height: 1.6rem;
	position: absolute;
	left: -0.8rem;
	bottom: 0;
}
.sbox6 .box .content .quanbox .quan1 .quan4{
	width: 1.6rem;
	height: 1.6rem;
	position: absolute;
	right: -0.8rem;
	bottom: 0;
}

.sbox6 .box .content .tbox{
	width: 46.42%;
}
.sbox6 .box .content .tbox .item{
	width: 100%;
	display: none;
}
.sbox6 .box .content .tbox .item.on{
	display: block;
}
.sbox6 .box .content .tbox .item .t1{
	font-size: 0.36rem;
	font-weight: 500;
	color: #06112B;
	line-height: 1;
	margin-bottom: 0.48rem;
}
.sbox6 .box .content .tbox .item .tbox{
	width: 100%;
	border-bottom: 1px solid rgba(6, 17, 43, 0.05);
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 20px;
	padding-left: 0.2rem;
	position: relative;
	padding-bottom: 0.28rem;
	margin-bottom: 0.28rem;
}
@media(max-width:768px){
	.sbox6 .box .content .tbox .item .tbox{
		font-size: 14px;
	}
}
.sbox6 .box .content .tbox .item .tbox:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.sbox6 .box .content .tbox .item .tbox::before{
	content: '';
	width: 3px;
	height: 24px;
	background: #009afe;
	position: absolute;
	left: 0;
	top: 0;
}
.sbox6 .box .content .tbox .item .tbox::after{
	content: '';
	width: 1px;
	height: 0.7rem;
	border-left: 1px dashed #abb2bc;
	position: absolute;
	left: 1px;
	top: 0;
}
.sbox6 .box .content .tbox .item .tbox .ts1{
	font-size: 24px;
	font-weight: 400;
	color: #06112B;
	line-height: 1;
	margin-bottom: 18px;
}
@media(max-width:1366px){
	.sbox6 .box .content .tbox .item .tbox .ts1{
		font-size: 20px;
	}
	.sbox6 .box .content .tbox .item .tbox::after{
		height: 1rem;
	}
	.sbox6 .box .content .quanbox{
		height: 9rem;
	}
}
@media(max-width:1024px){
	.sbox6 .box .content .tbox .item .tbox .ts1{
		font-size: 18px;
	}
	.sbox6 .box .content .quanbox{
		height: 10rem;
	}
}
@media(max-width:768px){
	.sbox6 .box .content .quanbox{
		width: 100%;
		height: 6.2rem;
	}
	.sbox6 .box .content .tbox{
		width: 100%;
		margin-top: 0.5rem;
	}

}


.sbox7{
	width: 100%;
	padding: 1.33rem 0;
}
.sbox7 .box{
	width: 1400px;
	margin: auto;
}
@media(max-width:1600px){
	.sbox7 .box{
		width: 83%;
	}
}
@media(max-width:1024px){
	.sbox7 .box{
		width: 90%;
	}
}
.sbox7 .box .title{
	font-size: 0.4rem;
	font-weight: bold;
	color: #06112B;
	line-height: 1;
	text-align: center;
}
.sbox7 .box .tips{
	font-size: 18px;
	font-weight: 300;
	color: #06112B;
	line-height: 28px;
	margin-top: 0.24rem;
	text-align: center;
}
@media(max-width:1024px){
	.sbox7 .box .tips{
		font-size: 16px;
	}
}
@media(max-width:768px){
	.sbox7 .box .tips{
		font-size: 14px;
	}
}
.sbox7 .box .fbox{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 0.4rem;
}
.sbox7 .box .fbox .t1{
	width: 49.28%;
	height: 0.57rem;
	border: 1px solid #EBEBEB;
	padding-left: 0.1rem;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	margin-bottom: 0.22rem;
}
.sbox7 .box .fbox .set{
	width: 100%;
	height: 0.57rem;
	border: 1px solid #EBEBEB;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 22px;
	padding: 0.1rem;
	margin-bottom: 0.22rem;
	cursor: pointer;
	background: url(../images/icon2-1.png) 98% center no-repeat;
	background-size: 12px;
}
.sbox7 .box .fbox .t2{
	width: 100%;
	height: 1.22rem;
	border: 1px solid #EBEBEB;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 22px;
	padding: 0.1rem;
	resize: none;
}
.sbox7 .box .btn{
	width: 2rem;
	height: 0.57rem;
	background: #058BE9;
	border-radius: 0.28rem;
	margin: 0.27rem auto 0;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	cursor: pointer;
}
@media (max-width:1366px){
	.sbox7 .box .fbox .t1{
		height: 0.7rem;
	}
	.sbox7 .box .fbox .set{
		height: 0.7rem;
	}
	.sbox7 .box .btn{
		height: 0.7rem;
		border-radius: 0.35rem;
	}
}
@media (max-width:1220px){
	.sbox7 .box .fbox .t1,
	.sbox7 .box .fbox .set,
	.sbox7 .box .fbox .t2{
		font-size: 14px;
	}
	.sbox7 .box .btn{
		font-size: 16px;
	}
}
@media (max-width:500px){
	.sbox7 .box .fbox .t1{
		width: 100%;
	}
}



/* 12-17--------------------------------------- */

.ibox2 .box .taow .tw4 .line1{
	width: 1.3rem;
	height: 2px;
	background: #4dd3ff;
	position: absolute;
	right: calc(100% + 0.15rem);
	bottom: 0.7rem;
}
.ibox2 .box .taow .tw4 .line1::before{
	content: '';
	width: 9px;
	height: 13px;
	background: url(../images/img25-nicon1.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) rotateZ(180deg);
}
.ibox2 .box .taow .tw4 .line2{
	width: 1.3rem;
	height: 2px;
	background: #4dd3ff;
	position: absolute;
	left: calc(100% + 0.15rem);
	bottom: 0.7rem;
}
.ibox2 .box .taow .tw4 .line2::before{
	content: '';
	width: 9px;
	height: 13px;
	background: url(../images/img25-nicon1.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.ibox2 .box .taow .tw5 .ntb{
	position: absolute;
}
.ibox2 .box .taow .tw5 .ntb .t1{
	font-size: 0.26rem;
	font-weight: bold;
	color: #fff;
	position: absolute;
}
@media (max-width:767px) {
	.ibox2 .box .taow .tw5 .ntb .t1{
		display: none;
	}
}

.ntb1{
	top: 50%;
	transform: translateY(-50%);
	left: -0.35rem;
	width: 1rem;
	display: flex;
}
.ntb1 .line{
	width: 1.3rem;
	height: 2px;
	background: #4dd3ff;
	position: absolute;
	left: calc(100% + 0.1rem);
	bottom: 0.3rem;
}
.ntb1 .line::before{
	content: '';
	width: 9px;
	height: 13px;
	background: url(../images/img25-nicon1.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.ntb1 .t1{
	right: calc(100% + 0.1rem);
	white-space: nowrap;
	top: 50%;
	transform: translateY(-50%);
}
.ntb2{
	left: 50%;
	transform: translateX(-50%);
	top: -0.7rem;
	width: 1rem;
	display: flex;
}
.ntb2 .line{
	width: 2px;
	height: 1.2rem;
	background: #4dd3ff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: calc(100% + 0.1rem);
}
.ntb2 .line::before{
	content: '';
	width: 9px;
	height: 13px;
	background: url(../images/img25-nicon1.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	left: 50%;
	top: calc(100% - 5px);
	transform: translateX(-50%) rotateZ(90deg);
}
.ntb2 .t1{
	bottom: calc(100%);
	white-space: nowrap;
	left: 50%;
	transform: translateX(-50%);
}
.ntb3{
	top: 50%;
	transform: translateY(-50%);
	right: -0.35rem;
	width: 1rem;
	display: flex;
}
.ntb3 .line{
	width: 1.3rem;
	height: 2px;
	background: #4dd3ff;
	position: absolute;
	right: calc(100% + 0.1rem);
	bottom: 0.3rem;
}
.ntb3 .line::before{
	content: '';
	width: 9px;
	height: 13px;
	background: url(../images/img25-nicon1.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) rotateZ(180deg);
}
.ntb3 .t1{
	left: calc(100% + 0.1rem);
	white-space: nowrap;
	top: 50%;
	transform: translateY(-50%);
}
.ntb4-5{
	left: 50%;
	transform: translateX(-50%);
	bottom: -0.2rem;
	/* width: 1.43rem; */
	display: flex;
	align-items: flex-end;
	padding: 0 0.1rem 0.1rem;
	border: 2px dashed #4dd3ff;
	border-radius: 0.1rem;
}
.ntb4-5 .line{
	width: 2px;
	height: 1.2rem;
	background: #4dd3ff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 90%;
}
.ntb4-5 .line::before{
	content: '';
	width: 9px;
	height: 13px;
	background: url(../images/img25-nicon1.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	left: 50%;
	bottom: calc(100% - 5px);
	transform: translateX(-50%) rotateZ(-90deg);
}
.ntb4-5 .ntb4{
	display: flex;
	width: 0.64rem;
}
.ntb4-5 .ntb5{
	display: flex;
	width: 0.64rem;
}
.ntb4-5 .ts1{
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	color: #fff;
	padding: 0 0.2rem;
	position: relative;
	margin: 0 0.1rem;
	white-space: nowrap;
}
@media (max-width:500px) {
	.ntb4-5 .ts1{
		font-size: 12px;
	}
}
.ntb4-5 .ts1 .lines{
	width: 100%;
	height: 2px;
	background: #42adfb;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.ntb4-5 .ts1 .lines::before{
	content: '';
	width: 9px;
	height: 13px;
	background: url(../images/img25-nicon2.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) rotateZ(180deg);
}
.ntb4-5 .ts1 .lines::after{
	content: '';
	width: 9px;
	height: 13px;
	background: url(../images/img25-nicon2.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.xy-new-box{
	width: 100%;
	background: url(../images/xy-new-box-bg.png) center center no-repeat;
	background-size: cover;
	/*background: #0c1644;*/
	padding: 0.6rem 0.9rem;
}
.xy-new-box .box{
	width: 100%;
}
.xy-new-box .box .title{
	width: 100%;
	height: 43px;
	background: url(../images/new-box-bg1.png) center center no-repeat;
	background-size: auto 43px;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (max-width:1024px) {
	.xy-new-box .box .title{
		background: none;
	}
}
.xy-new-box .box .boxs{
	width: 100%;
	position: relative;
	padding: 0.2rem;
	margin-top: -2px;
}
.xy-new-box .box .boxs .boxss{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	clip-path: polygon(0 0.38rem , 0.38rem 0, calc(100% - 0.38rem ) 0, 
	100% 0.38rem , 100% calc(100% - 0.38rem
	), calc(100% - 0.73rem
	) 100%, 0.73rem
	 100%, 0 calc(100% - 0.38rem
	));
	-webkit-clip-path: polygon(0 0.38rem , 0.38rem 0, calc(100% - 0.38rem ) 0, 
	100% 0.38rem , 100% calc(100% - 0.38rem
	), calc(100% - 0.73rem
	) 100%, 0.73rem
	 100%, 0 calc(100% - 0.38rem
	));
}
.xy-new-box .box .boxs .boxss::before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to right bottom, #008eff, #00feff);
}
.xy-new-box .box .boxs .boxss::after{
	content: '';
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	position: absolute;
	top: 2px;
	left: 2px;
	background: #0c1644;
	clip-path: polygon(0 0.38rem , 0.38rem 0, calc(100% - 0.38rem ) 0, 
	100% 0.38rem , 100% calc(100% - 0.38rem
	), calc(100% - 0.73rem
	) 100%, 0.73rem
	 100%, 0 calc(100% - 0.38rem
	));
	-webkit-clip-path: polygon(0 0.38rem , 0.38rem 0, calc(100% - 0.38rem ) 0, 
	100% 0.38rem , 100% calc(100% - 0.38rem
	), calc(100% - 0.73rem
	) 100%, 0.73rem
	 100%, 0 calc(100% - 0.38rem
	));
}
.xy-new-box .box .boxs .lbox1{
	width: 0.1rem;
	height: 3.1rem;
	background: linear-gradient(to bottom, #00feff, #008eff);
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
}
.xy-new-box .box .boxs .lbox2{
	width: 0.1rem;
	height: 3.1rem;
	background: linear-gradient(to bottom, #008eff, #00feff);
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
}
.xy-new-box .box .boxs .lbox3{
	width: 6.65rem;
	height: 0.1rem;
	background: linear-gradient(to right, #00feff, #008eff);
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
}
@media (max-width:767px) {
	.xy-new-box .box .boxs .lbox3{
		width: 3rem;
	}
}
.xy-new-box .box .boxs .zbox{
	width: 100%;
	position: relative;
	z-index: 2;
}
.xy-new-box .box .boxs .zbox .bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	clip-path: polygon(0 0.38rem , 0.38rem 0, calc(100% - 0.38rem ) 0, 
	100% 0.38rem , 100% calc(100% - 0.38rem
	), calc(100% - 0.73rem
	) 100%, 0.73rem
	 100%, 0 calc(100% - 0.38rem
	));
	-webkit-clip-path: polygon(0 0.38rem , 0.38rem 0, calc(100% - 0.38rem ) 0, 
	100% 0.38rem , 100% calc(100% - 0.38rem
	), calc(100% - 0.73rem
	) 100%, 0.73rem
	 100%, 0 calc(100% - 0.38rem
	));
}
.xy-new-box .box .boxs .zbox .bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.xy-new-box .box .boxs .xy-container{
	position: relative;
	z-index: 2;
	padding: 0.6rem 0.95rem 1.52rem;
}
@media (max-width:767px) {
	.xy-new-box .box .boxs .xy-container{
		padding: 0.5rem;
	}
}
.xy-new-box .box .boxs .xy-container .titles{
	font-size: 0.34rem;
	line-height: 0.44rem;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.xy-new-box .box .boxs .xy-container .titles img{
	width: 0.63rem;
	margin-right: 0.17rem;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box{
	width: 2.9rem;
	position: relative;
	margin: 4.46rem auto 0;
}
@media (max-width:767px) {
	.xy-new-box .box .boxs .xy-container .xy-zhu-box{
		margin: 4.46rem auto 0;
	}
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zimg{
	width: 100%;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox1{
	position: absolute;
	width: 1.1rem;
	height: 1.1rem;
	top: -1rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox1 .font{
	width: 100%;
	height: 100%;
	background: url(../images/xy-zhu-box-zbox1-bg.png) center center no-repeat;
	background-size: contain;
	font-size: 0.4rem;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox1 .font span{
	background-image: linear-gradient(to bottom, #00feff, #008eff); /* 线性渐变背景，方向向上 */
	-webkit-background-clip: text; /* 背景被裁剪成文字的前景色 */
	-webkit-text-fill-color: transparent; /* 文字填充颜色变透明 */ 
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox1 .font.font1{
	top: 0.66rem;
	left: 0.42rem;

	animation: run2 3s infinite;
	-webkit-animation: run2 3s infinite;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox1 .font.font2{
	top: 0;
	left: 0;

	animation: run3 3s infinite;
	-webkit-animation: run3 3s infinite;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox1 .font.font3{
	top: 0.66rem;
	right: 0.42rem;

	animation: run1 3s infinite;
	-webkit-animation: run1 3s infinite;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox1 .icon{
	width: 0.6rem;
	height: 0.67rem;
	position: absolute;
	display: flex;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox1 .icon.icon1{
	top: 0.88rem;
	right: calc(100% + 0.56rem);
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox1 .icon.icon1 img{
	animation: run1 3s infinite;
	-webkit-animation: run1 3s infinite;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox1 .icon.icon2{
	left: 50%;
	transform: translateX(-50%) rotateZ(90deg);
	bottom: calc(100% + 0.1rem);
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox1 .icon.icon2 img{
	animation: run1 3s infinite;
	-webkit-animation: run1 3s infinite;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox1 .icon.icon3{
	top: 0.88rem;
	left: calc(100% + 0.56rem);
	transform: rotateZ(180deg);
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox1 .icon.icon3 img{
	animation: run1 3s infinite;
	-webkit-animation: run1 3s infinite;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon{
	width: 2.62rem;
	height: 2.95rem;
	background: url(../images/xy-zhu-box-zbox2-bg.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}
@keyframes run1 {
	0% {
	  transform: translateX(0);
	}
	50% {
	  transform: translateX(10px);
	}
	100% {
	  transform: translateX(0);
	}
}
@-webkit-keyframes run1 {
	0% {
	  transform: translateX(0);
	}
	50% {
	  transform: translateX(10px);
	}
	100% {
	  transform: translateX(0);
	}
}
@keyframes run2 {
	0% {
	  transform: translateX(0);
	}
	50% {
	  transform: translateX(-10px);
	}
	100% {
	  transform: translateX(0);
	}
}
@-webkit-keyframes run2 {
	0% {
	  transform: translateX(0);
	}
	50% {
	  transform: translateX(-10px);
	}
	100% {
	  transform: translateX(0);
	}
}
@keyframes run3 {
	0% {
	  transform: translateY(0);
	}
	50% {
	  transform: translateY(10px);
	}
	100% {
	  transform: translateY(0);
	}
}
@-webkit-keyframes run3 {
	0% {
	  transform: translateY(0);
	}
	50% {
	  transform: translateY(10px);
	}
	100% {
	  transform: translateY(0);
	}
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon.bicon1{
	top: -1.41rem;
	right: calc(100% + 0.87rem);
	
	animation: run1 3s infinite;
	-webkit-animation: run1 3s infinite;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}
@media (max-width:767px) {
	.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon.bicon1{
		right: 100%;
	}
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon.bicon1 .bicon-img img{
	height: 0.46rem;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon.bicon1::before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 3.57rem;
	height: 4.14rem;
	background: url(../images/xy-zhu-box-zbox2-bg2.png) center center no-repeat;
	background-size: contain;
	display: none;
}
@media (max-width:767px) {
	.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon.bicon1::before{
		width: 2.57rem;
		height: 3.14rem;
	}
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon.bicon2{
	left: -0.9rem;
	bottom: calc(100% + 1rem);
	
	animation: run3 3s infinite;
	-webkit-animation: run3 3s infinite;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon.bicon2 .bicon-img img{
	height: 0.3rem;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon.bicon3{
	right: -1.04rem;
	bottom: calc(100% + 1rem);
	
	animation: run3 3s infinite;
	-webkit-animation: run3 3s infinite;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon.bicon3 .bicon-img img{
	height: 0.3rem;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon.bicon4{
	top: -1.41rem;
	left: calc(100% + 0.73rem);
	
	animation: run2 3s infinite;
	-webkit-animation: run2 3s infinite;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}
@media (max-width:767px) {
	.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon.bicon4{
		left: 100%;
	}
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon.bicon4 .bicon-img img{
	height: 0.46rem;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon.bicon4::before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 3.57rem;
	height: 4.14rem;
	background: url(../images/xy-zhu-box-zbox2-bg2.png) center center no-repeat;
	background-size: contain;
	display: none;
}
@media (max-width:767px) {
	.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon.bicon4::before{
		width: 2.57rem;
		height: 3.14rem;
	}
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon .f-ibox{
	position: absolute;
	width: 1.88rem;
	height: 0.64rem;
	border-radius: 0.1rem;
	background: url(../images/xy-zhu-box-zbox2-f-bg.png) center center no-repeat;
	background-size: contain;
	font-size: 20px;
	color: #fff;
	display: flex;
	align-items: center;
	padding-left: 0.1rem;
}
@media (max-width:1600px) {
	.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon .f-ibox{
		font-size: 18px;
	}
}
@media (max-width:1440px) {
	.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon .f-ibox{
		font-size: 16px;
	}
}
@media (max-width:1280px) {
	.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon .f-ibox{
		font-size: 14px;
	}
}
@media (max-width:1024px) {
	.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon .f-ibox{
		font-size: 12px;
	}
}
@media (max-width:991px) {
	.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon .f-ibox{
		display: none;
	}
}

.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon .f-ibox .icon{
	height: 100%;
	display: flex;
	align-items: center;
	margin-right: 0.1rem;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon .f-ibox .icon img{
	max-height: 100%;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon .f-ibox.f-ibox1{
	bottom: calc(100% + 0.67rem);
	left: 0.65rem;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon .f-ibox.f-ibox2{
	left: -1.35rem;
	top: -0.15rem;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon .f-ibox.f-ibox3{
	top: 0.89rem;
	right: calc(100% + 0.22rem);
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon .f-ibox.f-ibox4{
	right: calc(100% + 0.26rem);
	bottom: 0.38rem;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon .f-ibox.f-ibox5{
	top: calc(100% + 0.13rem);
	left: -1.19rem;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon .f-ibox.f-ibox6{
	left: 0.52rem;
	bottom: calc(100% + 0.68rem);
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon .f-ibox.f-ibox7{
	top: -0.13rem;
	left: 2.37rem;
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon .f-ibox.f-ibox8{
	top: 0.91rem;
	left: calc(100% + 0.38rem);
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon .f-ibox.f-ibox9{
	bottom: 0.33rem;
	left: calc(100% + 0.38rem);
}
.xy-new-box .box .boxs .xy-container .xy-zhu-box .zbox2 .bicon .f-ibox.f-ibox10{
	left: 2.38rem;
	top: calc(100% + 0.11rem);
}

.b-box{
	width: 10.43rem;
	position: absolute;
	top: 2.28rem;
	left: calc(50% + 0.46rem);
	transform: translateX(-50%);
}
@media (max-width:991px) {
	.b-box{
		display: none;
	}
}
.b-box span{
	width: 100%;
	display: flex;
	justify-content: center;
	padding-right: 0.92rem;
	text-align: center;
	font-size: 0.28rem;
	line-height: 0.62rem;
	color: #68faff;
	position: relative;
	z-index: 2;
	padding-top: 0.12rem;
}
@media (max-width:1600px) {
	.b-box{
		top: 2.28rem;
	}
	.b-box span{
		padding-top: 0.12rem;
	}
}
.b-box .line-svg{
	width: 100%;
	height: 0.81rem;
	position: absolute;
	top: -0.11rem;
	left: 0;
}
.b-box .line-svg .icon{
	width: 0.6rem;
    height: 0.67rem;
	transform: rotateZ(90deg);
	position: absolute;
	right: -0.25rem;
	display: flex;
	top: -0.05rem;
}
@media (max-width:1600px) {
	.b-box .line-svg{
		top: -0.21rem;
	}
	.b-box .line-svg .icon{
		top: 0;
	}
}
/* 12-17----------------------------------------- */


/* 12-22------------------------------------------ */
.xy-nlist{
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 0.87rem;
}
.xy-nlist ul{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.xy-nlist ul li{
	width: 1.8rem;
	height: 1.8rem;
	margin: 0 0.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (max-width:991px) {
	.xy-nlist ul li{
		margin: 0 0.1rem;
	}
}
.xy-nlist ul li .img{
	width: 1.6rem;
	height: 1.6rem;
	background: #fff;
	border-radius: 50%;
	overflow: hidden;
	transition: all ease-out .3s;
}
.xy-nlist ul li .img img{
	width: 100%;
	height: 100%;
}
.xy-nlist ul li:hover .img{
	width: 1.8rem;
	height: 1.8rem;
}

.xy-nlist2{
	width: 100%;
	margin-top: 0.7rem;
}
.xy-nlist2 ul{
	width: calc(100% + 0.3rem);
	margin: 0 -0.15rem;
	display: flex;
	flex-wrap: wrap;
}
.xy-nlist2 li{
	width: calc(20% - 0.3rem);
	margin: 0 0.15rem;
	background: rgba(255, 255, 255, .4);
	border-radius: 0.13rem;
	padding: 0.55rem 0 0.44rem;
}
@media (max-width:991px) {
	.xy-nlist2 ul li{
		width: calc(33.33% - 0.3rem);
		margin-bottom: 0.3rem;
	}
}
@media (max-width:767px) {
	.xy-nlist2 ul li{
		width: calc(50% - 0.3rem);
	}
}
.xy-nlist2 li .t1{
	font-size: 0.32rem;
	line-height: 0.42rem;
	color: #fff;
	text-align: center;
}
.xy-nlist2 li .t2{
	width: 100%;
	font-size: 0.24rem;
	line-height: 0.6rem;
	display: inline-flex;
	justify-content: center;
	align-items: baseline;
	color: #fff;
	margin-top: 0.58rem;
}
.xy-nlist2 li .t2 span{
	font-weight: bold;
	font-size: 0.6rem;
}
.xy-nlist2 li .t3{
	font-size: 0.24rem;
	line-height: 0.34rem;
	color: #fff;
	margin-top: 7px;
	text-align: center;
}


/* 12-22------------------------------------------ */


/* solution-end */

@media only screen and (min-width:1921px) {
    
}

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

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


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


}



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


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




}