@font-face {
	font-family: D-DIN;
	src: url(../font/D-DIN-PRO-700-Bold.ttf);
}
body{padding: 0;margin: 0;font-family: "Source Han Sans";font-size: 16px;color: #333333;overflow-x:hidden;}
body.noscroll{height: 100vh;overflow-y: hidden;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
p{margin: 0;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
.ovh1{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.hidden-xs{display: block;}
.visible-xs{display: none;}
*{box-sizing: border-box;}
.db{display: block;}
.tc{text-align: center;}
img{max-width: 100%;}
.c_center{width: 1200px;margin: 0 auto;}
.baibg{background: #ffffff;}
.huibg{background: #fafbff;}
.heibg{background: #151412;}
.pore{position: relative;}
.flexb{display: flex;align-items: center;justify-content: center;}
.flexb2{display: flex;align-items: center;justify-content: space-between;}
.flexb3{display: flex;align-items: flex-start;justify-content: space-between;}
.swiper{position: relative;overflow: hidden;}
.bgBox{background: url() center no-repeat;background-size: cover;}
.wrap{padding: 0 15px;max-width: 1470px;margin: 0 auto;width: 96%;}
@media (max-width:800px) {.wrap{max-width: 100%;width: 100%;};}
.row{display: flex;justify-content: flex-start;align-items: center;align-items: stretch;flex-wrap: wrap;}
.row .kuang{height: 100%;}
.col_6{width: calc(100% / 6);}
.col_5{width: calc(100% / 5);}
.col_4{width: calc(100% / 4);}
.col_3{width: calc(100% / 3);}
.col_2{width: calc(100% / 2);}
.imgB{
	position: relative;
   
	display: block;
}
.imgB .pic{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; border-radius:5px
}
.imgB .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
	display: block;
}


header{
	position: fixed;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	z-index: 999;
	transition: all 0.3s;
	border-bottom: 1px solid rgba(204, 204, 204, 0.3);
}
header .othersDiv{height: 100px;margin-left: 30px; }
header .othersDiv .langDiv{position: relative; margin-top:5px }
header .othersDiv .langDiv>a{color: #fff;height: 32px;border: 1px solid rgba(255,255,255,.3);border-radius: 23px;padding: 0 13px;background: #33a5fa; }
header .othersDiv .langDiv>a span{ font-size: 14px; }
header .othersDiv .langDiv .aDiv{position: absolute;left: 50%;width: 100%;background: rgba(0,0,0,.3);top: 100%;transform: translateX(-50%);border-radius: 3px;font-size: 14px;display: none;overflow: hidden; }
header .othersDiv .langDiv .aDiv a{color: #fff;display: block;text-align: center;padding: 10px; }
header .othersDiv .langDiv .aDiv a.on{color: #33a5fa; }
header .othersDiv .langDiv:hover .aDiv{display: block; }

header .nrBox{height: 100px;}
header .logo img{max-height: 60px;display: block;}
header .logo img.cai{display: none;}
header .menuUl>li{
	position: relative;
}
header .menuUl .yiji{
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
header .menuUl .yiji a{
	font-size: 18px;
	color: #ffffff;
	line-height: 100px;
	display: block;
	position: relative; 
	text-align: center;
	padding: 0 1.36vw; font-weight:bold
}
header .menuUl>li .yiji a::before{
	content: "";
	display: block;
	width: 0;
	height: 3px;
	border-radius: 3px;
	position: absolute;
	left: 50%;
	bottom: 0px;
	background: #ffffff;
	transition: all 0.3s;
}
header .menuUl>li.on .yiji a::before,
header .menuUl>li:hover .yiji a::before{
	width: calc(100% - 3.12vw);
	left: 1.56vw;
}
header .menuUl>li:last-child .yiji a{padding-right: 0;}
header .menuUl>li:last-child.on .yiji a::before,
header .menuUl>li:last-child:hover .yiji a::before{
	width: calc(100% - 1.56vw);
	left: 1.56vw;
}
header .menuUl>li.hasDown::before{
	content: "";
	position: fixed;
	left: 0px;
	top: 100px;
	width: 100vw;
	height: 60px;
	background: #fafbff;
	z-index: 1;
	opacity: 0;
	height: 0;
	visibility: hidden;
	transform: translateY(-20px);
	z-index: 2;
	transition: all 0.3s;
}
header .menuUl>li.hasDown:hover::before{
	opacity: 1;
	height: 60px;
	visibility: visible;
	transform: translateY(0);
}
header .menuUl .erjiBox{
	position: absolute;
	left: 50%;
	top: 100px;
	transition: all 0.3s;
	text-align: left;
	width: max-content;
	width: -webkit-max-content;
	opacity: 0;
	height: 0;
	visibility: hidden;
	transform: translateY(-20px) translateX(-50%);
	min-width: 150px;
	z-index: 2;
}
header .menuUl>li:hover .erjiBox{
	opacity: 1;
	height: auto;
	visibility: visible;
	transform: translateY(0) translateX(-50%);
}
header .menuUl .erjiUl{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
}
header .menuUl .erjiUl>li>a{
	font-size: 16px;
	color: #333333;
	transition: all 0.3s;
	width: 100%;
	position: relative;
	display: block;
	padding: 0 1.56vw;
	line-height: 60px;
}
header .menuUl .erjiUl>li>a:hover{color: #33a5fa;}
header .mopenBtn{display: none;}
header.onFix{background: #ffffff;}
header.onFix .logo img.bai{display: none;}
header.onFix .logo img.cai{display: block;}
header.onFix .menuUl .yiji a{color: #333333;}
header.onFix .menuUl>li .yiji a::before{background: #33a5fa;}
header.onFix .menuUl>li.on .yiji a,
header.onFix .menuUl>li:hover .yiji a{color: #33a5fa;}
@media (max-width:1232px) {
	header .menuUl .yiji a{font-size: 16px;}
}
@media (max-width:1024px) {
	header{background: #ffffff;}
	header .logo img.cai{display: block;}
	header .logo img.bai{display: none;}
	header .nrBox{height: 56px;}
	header .logo img{max-height: 36px;}
	header .findBox{height: 56px;}
	header .mopenBtn{
		display: block;
		width: 26px;
		height: 56px;
		position: relative;
		z-index: 20;
		float: right;
		cursor: pointer;
		transition: 0.4s;
	}
	header .mopenBtn span {
		margin-top: 28px;
		display: block;
		width: 100%;
		height: 2px;
		background: #33a5fa;
		position: relative;
		vertical-align: middle;
		-webkit-transition-duration: .3s, .3s;
		-moz-transition-duration: .3s, .3s;
		-ms-transition-duration: .3s, .3s;
		-o-transition-duration: .3s, .3s;
		transition-duration: .3s, .3s;
		-webkit-transition-delay: .3s, 0s;
		-moz-transition-delay: .3s, 0s;
		-ms-transition-delay: .3s, 0s;
		-o-transition-delay: .3s, 0s;
		transition-delay: .3s, 0s;
		transition: color 0.3s 0s;
	}
	header .mopenBtn span:after, 
	header .mopenBtn span:before {
		content: "";
		position: absolute;
		display: inline-block;
		width: 26px;
		height: 2px;
		left: 0;
		background-color: #33a5fa;
		-webkit-transition-duration: .3s, .3s;
		-moz-transition-duration: .3s, .3s;
		-ms-transition-duration: .3s, .3s;
		-o-transition-duration: .3s, .3s;
		transition-duration: .3s, .3s;
		-webkit-transition-delay: .3s, 0s;
		-moz-transition-delay: .3s, 0s;
		-ms-transition-delay: .3s, 0s;
		-o-transition-delay: .3s, 0s;
		transition-delay: .3s, 0s;
	}
	header .mopenBtn span:before {
		top: -8px;
		-webkit-transition-property: top, transform;
		-moz-transition-property: top, transform;
		-ms-transition-property: top, transform;
		-o-transition-property: top, transform;
		transition-property: top, transform;
	}
	header .mopenBtn span:after {
		bottom: -8px;
		-webkit-transition-property: bottom, transform;
		-moz-transition-property: bottom, transform;
		-ms-transition-property: bottom, transform;
		-o-transition-property: bottom, transform;
		transition-property: bottom, transform;
	}
	header.open .mopenBtn span {
		background-color: transparent;
		-webkit-transition-delay: 0s, 0s;
		-moz-transition-delay: 0s, 0s;
		-ms-transition-delay: 0s, 0s;
		-o-transition-delay: 0s, 0s;
		transition-delay: 0s, 0s;
	}
	header.open .mopenBtn span:after, 
	header.open .mopenBtn span:before {
		-webkit-transition-delay: 0s, .3s;
		-moz-transition-delay: 0s, .3s;
		-ms-transition-delay: 0s, .3s;
		-o-transition-delay: 0s, .3s;
		transition-delay: 0s, .3s;
	}
	header.open .mopenBtn span:before {
		top: 0px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	header.open .mopenBtn span:after {
		bottom: 0px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	body.nofix{height: 100vh;overflow-y: hidden;}
	header .menuB{
		position: fixed;
		right: -100%;
		top: 56px;
		display: block;
		width: 100%;
		height: calc(100vh - 56px);
		background: #ffffff;
		transition: all 0.3s;
	}
	header.open .menuB{right: 0;}
	header .menuUl{
		display: block;
		padding: 16px;
		overflow: auto;
		height: 100%;
	}
	header .menuUl>li{margin: 0;border-bottom: 1px dashed #d6d6d6;}
	header .menuUl .yiji{height: auto;display: block;}
	header .menuUl .yiji a{line-height: 40px;color: #333333;width: calc(100% - 40px);padding: 0;text-align: left;}
	header .menuUl>li.on .yiji a::before{display: none;}
	header .menuUl>li .yiji a::before{display: none;}
	header .menuUl>li.hasDown:hover::before{display: none;}
	header .menuUl .hasDown>div>.ejBtn{
		position: absolute;
		right: 12px;
		top: 12px;
		width: 16px;
		height: 16px;
	}
	header .menuUl .hasDown>div>.ejBtn::before{
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		background: #33a5fa;
		position: absolute;
		left: 0;
		top: calc(50% - 1px);
	}
	header .menuUl .hasDown>div>.ejBtn::after{
		content: "";
		display: block;
		width: 2px;
		height: 100%;
		background: #33a5fa;
		position: absolute;
		top: 0;
		left: calc(50% - 1px);
	}
	header .menuUl .hasDown.open>div>.ejBtn::after{display: none;}
	header .menuUl .erjiBox{
		position: relative;
		left: unset;
		top: unset;
		opacity: 1;
		height: auto;
		visibility: visible;
		transform:unset;
		padding: 8px 0;
		display: none;
		transition: unset;
		width: 100%;
		border-radius: 0;
		background: none;
		border: 0;
		border-top: 1px dashed #d6d6d6;
	}
	header .menuUl .erjiUl{display: block;}
	header .menuUl .erjiUl>li{border: 0;}
	header .menuUl>li:hover .erjiBox{
		transform:unset;
	}
	header .menuUl .erjiUl>li{width: 100%;padding: 0;}
	header .menuUl .erjiUl>li>a{color: #333333;padding: 4px 16px;display: block;width: 100%;font-size: 15px;position: relative;background: none;}
	header .menuUl .erjiUl>li>a{line-height: 32px;padding: 0 0 0 20px;}
	header .menuUl .erjiUl>li>a::before{
		content: "";
		display: block;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: #b1b1b1;
		position: absolute;
		left: 0;
		top: calc(50% - 2px);
	}
	header .menuUl .erjiUl>li.on, header .menuUl .erjiUl>li:hover{background: none;}
	header.onFix .mopenBtn span,
	header.onFix .mopenBtn span:after, 
	header.onFix .mopenBtn span:before{background: #33a5fa;}
	header.open .mopenBtn span{background: none;}
}
footer{background: #01152a;}
footer .fNav{
	padding: 56px 0 32px;
}
footer .fNav .fCol{
	 width: 120px; margin-left:10px
}
footer .fNav .fCol img{ width:100%}
footer .fNav .fCol:first-child{
	min-width: 55%;
}
footer .fNav .fTit{
	padding: 0 0 10px 0;
	margin-bottom: 12px;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
}
footer .fNav .fCon{
	font-size: 14px;
	color: rgb(255, 255, 255);
	line-height: 2.5;
	font-size: 14px;
	color: #CCCCCC;
}
footer .fNav .fCon a{
	color: #CCCCCC;
	display: block;
}
footer .fNav .fCon a:last-child{margin-bottom: 0;}
footer .fNav .fCon a:hover{color: #ffffff;}
footer .fInfo{
	font-size: 14px;
	color: #FFFFFF;
}
footer .fInfo .shareDiv{margin-top: 0px; }
footer .fInfo .shareDiv a{margin-right: 20px;position: relative; }
footer .fInfo .shareDiv a span{width: 50px;height: 50px;border: 1px solid #fff;border-radius: 50%; }
footer .fInfo .shareDiv a span i{ }
footer .fInfo .shareDiv a:hover span{background: #33a5fa; }
footer .fInfo .shareDiv a:hover span i{color: #33a5fa; }
footer .fInfo .shareDiv .ewmDiv{position: absolute;left: 50%;bottom: calc(100% + 14px);width: 148px;height: 158px;padding: 3px 3px 12px;background: url(../img/ewm-bg.png) no-repeat center center/100% 100%;transform: translateX(-50%);display: none; }
footer .fInfo .shareDiv a:hover .ewmDiv{display: block; }

footer .fInfo .fxx{
	max-width: 400px;
	line-height: 1.5;
	margin-top: 20px;
}
footer .fInfo .fxx a,
footer .fInfo .fxx a:hover{color: #ffffff;}
footer .fInfo .fxx p{margin-bottom: 8px;}
footer .fInfo .fxx p:last-child{margin-bottom: 0;}
footer .fInfo .fxx b{
	font-size: 20px;
	font-family: D-DIN;
}
footer .fInfo .fxx span{
	color: #CCCCCC 
}
footer .fBq{
	border-top: 1px solid #012B58;
	font-size: 14px;
	color: #828D99;
	line-height: 1.6;
	padding: 18px 0; text-align:center
}
footer .fBq a{color: #828D99;}
footer .fBq a:hover{color: #ffffff;}
@media (max-width:1232px) {
	footer .fNav .fCol:first-child{min-width: 50%;}
}
@media (max-width:1024px) {
	footer .fNav .fCol,
	footer .fNav .fCol:first-child{min-width: unset;}
}
@media (max-width:768px) {
	footer .fNav{display: block;padding: 16px 0 0;}
	footer .fInfo .fxx{margin-top: 8px;}
	footer .fNav .fCol,
	footer .fNav .fCol:first-child{width: 100%;padding: 0;  }
	footer .fNav .fCol:first-child{border-bottom: 1px solid rgba(255, 255, 255,0.2);padding-bottom: 16px;}
	footer .fNav .fCol:nth-child(2){ width:30%; float:left; margin-bottom:20px }
	footer .fNav .fCol:nth-child(3){width:30%; float:left ; margin-bottom:20px }
	footer .fNav .fCol:nth-child(4){width:30%; float:left ; margin-bottom:20px }
	footer .fNav .fCol:first-child .fTit{border-bottom: 0;}
	footer .fNav .fCol .fTit{
		font-size: 16px;
		position: relative;
		margin-bottom: 0;
		padding: 12px 0;
		border-bottom: 1px solid rgba(255, 255, 255,0.2);
	}
	footer .fNav .fCol .fTit .ejBtn{
		position: absolute;
		right: 12px;
		top: 16px;
		width: 16px;
		height: 16px;
	}
	footer .fNav .fCol .fTit .ejBtn::before{
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		background: rgba(255, 255, 255, 0.3);
		position: absolute;
		left: 0;
		top: calc(50% - 1px);
	}
	footer .fNav .fCol .fTit .ejBtn::after{
		content: "";
		display: block;
		width: 2px;
		height: 100%;
		background: rgba(255, 255, 255, 0.3);
		position: absolute;
		top: 0;
		left: calc(50% - 1px);
	}
	footer .fNav .fCol.open .fTit .ejBtn::after{display: none;}
	footer .fNav .fCon{display: none;line-height: 2;}
	footer .fNav .fCon{margin: 0;padding: 16px;}
	footer .fNav .open .fCon{border-bottom: 1px solid rgba(255, 255, 255,0.2);}
	
	footer .fBq{padding: 8px 0;  }
}
/* banner */
.banner{ height:100vh; }
.banner img{display: block;width: 100%; height: 100vh}
.swiper-pagination{
	bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.swiper-pagination-bullet{
	width: 20px;
	height: 6px;
	border-radius: 3px;
	background: #999999;
	opacity: 1;
	margin: 0 5px;
}
.swiper-pagination-bullet-active{
	width: 40px;
	background: #ffffff;
}
.swiper-button-prev,
.swiper-button-next{
	width: 45px;
	height: 45px;
	background: rgba(255,255,255,.5);
	opacity: 1;
	border-radius: 50%;
	transition: all 0.3s;
}
.swiper-button-prev{left: 40px;}
.swiper-button-next{right: 40px;}
.swiper-button-prev::after,
.swiper-button-next::after{
	font-size: 16px;
	color: #3D3D3D;
	transition: all 0.3s;
	font-weight: 700;
}
.swiper-button-prev:hover,
.swiper-button-next:hover{
	background: #33a5fa;
}
.swiper-button-prev:hover::after,
.swiper-button-next:hover::after{
	color: #ffffff;
}

.indp{padding:60px 0 ;overflow: hidden; background:#f7f7f7}
.pubTit{
	font-size: 32px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 40px;
}
.pubTit.bai{color: #ffffff;}
.swiper_indp1{overflow: visible;}
.swiper_indp1 .swiper-wrapper{align-items: stretch;}
.swiper_indp1 .swiper-slide{height: unset;}
.swiper_indp1 .kuang{
	height: 100%;
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
	padding: 1.5625vw;
	transition: all 0.5s;
}
.swiper_indp1 .imgB{
	padding-top: 60%;
	border-radius: 4px;
	overflow: hidden;
}
.swiper_indp1 .titB{
	font-size: 24px;
	color: #333333;
	position: relative;
	padding-right: 56px;
	min-height: 36px;
	margin-top: 28px;
	transition: all 0.5s;
}
.swiper_indp1 .titB::after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 36px;
	height: 36px;
	background: url(../img/jt3.png) center center no-repeat #33a5fa;
	border-radius: 4px;
	transition: all 0.5s;
}
.swiper_indp1 .descB{
	font-size: 14px;
	color: #666666;
	margin-top: 20px;
	transition: all 0.5s; line-height:26px
}
.swiper_indp1 .kuang:hover{
	background: #33a5fa;
}
.swiper_indp1 .kuang:hover .titB,
.swiper_indp1 .kuang:hover .descB{
	color: #ffffff;
}
.swiper_indp1 .kuang:hover .titB::after{
	background-color: #33a5fa;
}
.indp1 .swiper-button-prev{right: 90px;left: unset;top: 0;background: #E2E2E2;margin: 0;}
.indp1 .swiper-button-next{right: 0;left: unset;top: 0;background: #E2E2E2;margin: 0;}
.indp1 .swiper-button-prev:hover,
.indp1 .swiper-button-next:hover{background: #33a5fa;}
.indp1 .swiper-pagination{
	height: 1px;
	background: #d8d8d8;
	margin-top: 3.125vw;
	position: relative;
	bottom: unset;
	left: unset;
}
.indp1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #33a5fa;}
.indp2{padding: 50px 0; background: #fafafa; }
.indp5{padding: 60px 0; background:#fff}
.indp2 .bgt{
	padding-top: unset;
	height: 77.5%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1;
}
.indp2 .kk2{position: relative;z-index: 2;}
.indp2 .zs{
	position: absolute;
	right: 0;
	top: 24px;
	/* width: 40vw; */
	z-index: 3;
}
.indp2 .zs img{height: calc(8.8vw + 23px);display: block;}
.indp2 .nrBox{
	position: relative;
	z-index: 4;
	border-radius: 10px;
	background: #FFFFFF;
	padding: 20px  ;box-shadow:0 8px 15px 0 rgba(95,125,158,.2);
}
.indp2 .xwz{ text-align:center; color:#fff; font-size:16px; margin-bottom:50px}
.indp2 .pubTit{margin-bottom: 5.2vw;}
.ind2Ul li{padding: 20px 0;border-top: 1px solid #d8d8d8;}
.ind2Ul li:nth-child(-n+4){border-top: 0;}
.ind2Ul .kuang{
	text-align: center;
	border-right: 1px solid #d8d8d8;
}
.ind2Ul li:nth-child(4n) .kuang{
	border-right: none;
}
.ind2Ul .numB{
	font-size: 16px;
	font-family: D-DIN; 
	color: #333333;
	line-height: 1;
	padding: 2px 0;
}
.ind2Ul .numB b{
	color: #33a5fa;
	font-size: 4.2vw;
}
.ind2Ul .iconB img{height: 3.125vw;display: block;margin: 0 auto;}
.ind2Ul .titB{
	font-size: 20px;
	color: #333333;
	margin-top: 20px; font-weight:bold
}
.ind2Ul .descB{
	font-size: 16px;
	color: #333333;
	margin-top: 12px; padding:0 20px; line-height:30px
}
/* .swiper_indp3{height: 308px;} */
/* .swiper_indp3 .swiper-slide{height: calc((100% - 20px) / 3);} */
/* .swiper_indp3 .imgB{padding-top: unset;height: 100%;} */
.swiper_indp3 .imgB{padding-top: 41.4%;}
.indp3 .swiper-pagination{position: relative;left: unset;bottom: unset;margin: 40px auto 0;}
.indp3 .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	background: #CCCCCC;
	border-radius: 12px;
}
.indp3 .swiper-pagination-bullet-active{
	background: #33a5fa;
}

.indp4{padding: 60px 0;}
.ind4Ul li{
	text-align: center;
	margin-right: 4.2vw;
}
.ind4Ul li:last-child{margin-right: 0;}
.ind4Ul .iconB{width: max-content;position: relative;}
.ind4Ul .iconB p{
	width: 110px;
	height: 110px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #FFFFFF;
	border-radius: 50%;
	position: relative;
}
.ind4Ul .iconB img{max-width: 50%;max-height: 50%;}
.ind4Ul .iconB::after{
	content: "";
	display: block;
	width: 1.25vw;
	height: 1vw;
	background: url(../img/jt4.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	right: -2.8vw;
	top: calc(50% - 0.5vw);
}
.ind4Ul li:last-child .iconB::after{display: none;}
.ind4Ul .titB{
	font-size: 24px;
	color: #FFFFFF;
	margin-top: 14px;
}
.ind4R .titB{
	font-size: 16px;
	color: #FFFFFF;
}
.ind4R .telB{
	font-family: D-DIN;
	font-size: 36px;
	color: #FFFFFF;
	margin-top: 12px;
}
.ind4R .kfBtn{
	width: 100%;
	height: 42px;
	line-height: 42px;
	border-radius: 4px;
	background: #33a5fa;
	font-size: 16px;
	color: #FFFFFF;
	display: block;
	text-align: center;
	margin-top: 20px;
	transition: all 0.5s;
}
.ind4R .kfBtn:hover{background: #ffffff;color: #33a5fa;}
.ind5L{width: 50%;padding: 0 0 ;position: relative;}
.ind5L .imgB{
	border-radius: 10px;
	overflow: hidden;
	padding-top: 72%;
	position: relative;
	z-index: 2;
}
.ind5L::before{
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: block;
	width: 24%;
	height: 76%;
	border-radius: 10px;
	background: #fafbff;
	z-index: 1;
}
.ind5R{width: 46%;}
.ind5R h1{ font-size:32px}
.ind5R em{border-radius: 1px;
background: #33a5fa;
width: 48px;
height: 3px;
margin: 26px 0 10px;
display: block;}
.ind5R .descB{
	font-size: 16px;
	line-height: 36px;
	color: #3D3D3D; padding-top:10px 
}
.ind5R .moreB{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 180px;
	height: 44px;
	font-size: 16px;
	color: #FFFFFF;
	background: #33a5fa;
	margin: 30px 0 0;
	transition: all 0.5s;border-radius:22px
}
.ind5R .moreB:hover{background: #33a5fa;}
.ind5R .moreB img{margin-left: 20px;}
.pubTit a{
	font-size: 16px;
	color: #666666;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pubTit a img{margin-left: 20px;}
.indp6 .pubTit{text-align: left;color: #ffffff;}
.indp6 .pubTit::after{background: #ffffff;margin-left: 0;margin-top: 12px;}
.indp6 .clickB{
	position: absolute;
	right: 0;
	top: 32px;
}
.indp6 .clickB .eachB{
	border-style: solid;
	border-width: 1px;
	border-color: rgb(255, 255, 255);
	background-color: rgba(29, 55, 108, 0);
	width: max-content;
	height: 40px;
	font-size: 16px;
	color: rgb(255, 255, 255);
	padding: 0 28px;
	margin-left: 20px;
	border-radius: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.indp6 .clickB .eachB:first-child{margin-left: 0;}
.indp6 .clickB .eachB.on{background: #ffffff;color: #2fa6f8;}
.indp6 .showB .kuang{
	border-radius: 8px;
	background-color: rgb(255, 255, 255);
	overflow: hidden;
}
.indp6 .showB .imgB img{width: 100%;display: block;}
.indp6 .showB .titB{
	font-size: 20px;
	color: rgb(51, 51, 51);
	padding: 16px 16px 8px;
	text-align: center;
}
.indp6 .showB .descB{
	font-size: 14px;
	color: rgb(153, 153, 153);
	line-height: 1.714;
	padding: 0 16px 28px;
}
.indp6 .swiper-pagination{
	position: relative;
	left: unset;
	top: unset;
	margin: 52px auto 0;
	background-color: #d8d8d8;
	height: 1px;
}
.indp6 .swiper-pagination-progressbar-fill{background: #33a5fa;}
.indp7{padding: 0;position: relative;}
.indp7::before{
	content: "";
	display: block;
	width: calc(50vw - 720px);
	position: absolute;
	left: 0;
	top: 0;
	background: #33a5fa;
	height: 100%;
}
.indp7 .nrBox{justify-content: flex-end;}
.indp7 .pubTit{
	font-size: 22px;
	color: #FFFFFF;
	background: #33a5fa;
	width: 14.6%;
	font-weight: 400;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-right: 32px;
	margin-bottom: 0; font-weight:bold; line-height:36px
}
.indp7 .ind7R{
	width: 83%;
	padding: 30px 0;
}
.ind7Form{align-items: flex-end;}
.ind7Form label{
	width: 18.66%;
}
.ind7Form label.chang{
	width: 39%;
}
.ind7Form .titB{
	display: block;
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;
}
.ind7Form input{
	display: block;
	border-radius: 4px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 16px;
	width: 100%;
	height: 42px;
	border-radius: 4px;
	padding: 0 8px;
}
.ind7Form input:focus{
	border: 1px solid #33a5fa;
}
.ind7Form .tijiao{
	width: 18.66%;
	height: 42px;
	background: #33a5fa;
	position: relative;
	font-size: 16px;
	color: #ffffff;
	border-radius: 4px;
	transition: all 0.5s;
}
.ind7Form .tijiao:hover{background: #33a5fa;}
.ind7Form .tijiao img{margin-left: 10px;}
.ind7Form .tijiao input{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
@media (max-width:1600px) {
	.indp7::before{width: 4%;}
	/* .swiper_indp3{height: 20vw;} */
	.indp7 .pubTit{padding-right: 16px;}
}
@media (max-width:1400px) {
	.swiper-button-prev, .swiper-button-next{width: 48px;height: 48px;}
	.pubTit{font-size: 32px;margin-bottom: 32px;}
	.indp2 .pubTit{font-size: 32px;}
	.indp2 .zs img{height: calc(8.8vw + 18px);}
	.ind4Ul .iconB p{width: 96px;height: 96px;}
	.ind5R .moreB{margin-top: 40px;height: 48px;}
	.swiper_indp1 .titB,
	.ind4Ul .titB,
	.indp6 .titB{font-size: 22px;}
	.indp7 .pubTit{font-size: 20px;}
	.ind6Ul .titB{font-size: 20px;}
}
@media (max-width:1200px) {
	.indp{padding: 72px 0;}
	.indp2{padding-bottom: 0;}
	.indp7{padding: 0;}
	.swiper_indp1 .titB,
	.ind4Ul .titB,
	.indp6 .titB,
	.ind2Ul .titB{font-size: 20px;}
	.swiper_indp1 .titB{min-height: 30px;}
	.swiper_indp1 .titB::after{width: 30px;height: 30px;background-size: 16px;}
	.swiper_indp1 .descB{margin-top: 8px;}
	.pubTit, .indp2 .pubTit{font-size: 28px;}
	.indp2 .nrBox{padding: 16px 40px;}
	.ind2Ul li{padding: 24px 0;}
	/* .swiper_indp3{height: 24vw;} */
	.indp3 .swiper-pagination{margin-top: 16px;}
	.indp4{padding: 48px 0;}
	.ind4Ul .iconB p{width: 88px;height: 88px;}
	.ind4R .telB{font-size: 30px;}
	.ind4Ul li{margin-right: 3vw;}
	.ind4Ul .iconB::after{right: -2.2vw;}
	.ind5L{width: 50%;}
	.ind5R{width: 45%;}
	.ind5R .descB{font-size: 15px;line-height: 26px;}
	.ind5R .moreB {margin-top: 24px;height: 40px;width: 160px; font-size:14px}
	.indp6 .descB,
	.indp6 .timeB{font-size: 14px;}
	.ind6Ul .titB{font-size: 18px;}
	.ind6Ul .descB{margin-top: 4px;}
}
@media (max-width:1024px) {
	.banner{margin-top: 56px; height:260px}
	.banner img{display: block;width: 100%; height: 260px}
	.indp{padding: 56px 0;}
	.indp4,
	.indp7{padding: 32px 0;}
	.indp2{padding-bottom: 0;}
	.swiper-button-prev, .swiper-button-next{width: 40px;height: 40px;}
	.indp2 .nrBox{padding: 16px 16px 0;}
	.ind2Ul li{padding: 16px 0 0;}
	.ind2Ul .kuang{padding: 0 16px;}
	.ind2Ul .titB{font-size: 16px;}
	.ind2Ul .numB,
	.ind2Ul .descB{font-size: 14px;}
	/* .swiper_indp3 {height: 28vw;} */
	.indp3 .swiper-pagination-bullet{width: 8px;height: 8px;}
	.ind4Ul .iconB p{width: 64px;height: 64px;}
	.ind4Ul .titB{font-size: 16px;}
	.ind4R .telB{font-size: 28px;}
	.indp5 .nrBox,
	.indp6 .nrBox{display: block;}
	.ind5L,
	.ind6L{width: 100%;}
	.ind5R,
	.ind6R{width: 100%;margin-top: 16px;}
	.indp6 .titB{font-size: 18px;}
	.indp7 .nrBox{display: block;}
	.indp7::before{display: none;}
	.indp7 .pubTit{position: relative;left: unset;top: unset;background: none;width: 100%;height: auto;color: #fff;font-weight: 700;text-align: center;display: block;font-size: 24px;}
	.indp7 .ind7R{width: 100%;padding-bottom: 0;}
	.ind7Form{flex-wrap: wrap;}
	.ind7Form label{width: calc(50% - 8px);margin-top: 16px;}
	.ind7Form label:nth-child(-n+2){margin-top: 0;}
	.ind7Form label.chang{width: calc(100% - 160px)}
	.ind7Form .tijiao{width: 144px;}
}
@media (max-width:800px) {
	.banner .swiper-button-prev, .banner .swiper-button-next{display: none;}
	.swiper-pagination-bullet{height: 4px;width: 8px;}
	.swiper-pagination-bullet-active{width: 24px;}
	.indp{padding: 20px 0;}
	.indp4,
	.indp7{padding: 32px 0;}
	.indp2{padding-bottom: 30px;}
	.pubTit, .indp2 .pubTit{font-size: 24px;margin-bottom: 16px;}
	.swiper-button-prev, .swiper-button-next{width: 32px;height: 32px;}
	.swiper-button-prev::after, .swiper-button-next::after{font-size: 14px;}
	.indp1 .swiper-button-prev{right: 48px;}
	.swiper_indp1 .kuang{padding: 8px;}
	.swiper_indp1 .titB{margin-top: 12px;}
	.swiper_indp1 .descB{font-size: 14px;line-height: 1.6;}
	.indp1 .swiper-scrollbar{margin-top: 16px;}
	.indp2 .zs{top: 0;}
	.indp2 .zs img{height: 18vw;}
	.ind2Ul li,
	.ind2Ul li:nth-child(-n+4){width: 50%;border-top: 1px solid #d8d8d8;}
	.ind2Ul li:nth-child(-n+2){border-top: 0;}
	.ind2Ul li:nth-child(2n) .kuang{border-right: 0;}
	.ind2Ul .numB b{font-size: 28px;}
	.ind2Ul .iconB img{height: 28px;}
	.ind2Ul .titB{margin-top: 12px;}
	.ind2Ul .descB{margin-top: 4px;padding: 0 ;}
	.ind5R h1 {
  font-size: 20px;
}
.ind5R em {
  border-radius: 1px;
  background: #33a5fa;
  width: 40px;
  height: 3px;
  margin: 16px 0 15px;
  display: block;
}
	/* .swiper_indp3{height: 44vw;} */
	/* .swiper_indp3 .swiper-slide{height: calc((100% - 8px) / 3);} */
	.indp3 .swiper-pagination{margin-top: 12px;}
	.indp4 .nrBox{display: block;}
	.ind4Ul{flex-wrap: wrap;margin: -4px;}
	.ind4Ul li{width: calc(100% / 3);margin: 0;padding: 4px;}
	.ind4Ul li:nth-child(3n) .iconB::after{display: none;}
	.ind4Ul .iconB{width: 100%;}
	.ind4Ul .iconB p{margin: 0 auto;}
	.ind4Ul .iconB::after{width: 3.2vw;height: 2vw;top: calc(50% - 1vw);right: -1.6vw;}
	.ind4Ul .titB{margin-top: 8px;}
	.ind4R{margin-top: 16px;text-align: center;}
	.ind4R .telB{margin-top: 4px;}
	.ind4R .kfBtn{margin-top: 4px;font-size: 14px;}
	.ind5R .moreB img {margin-left: 10px;width: 14px;}
	.pubTit a{font-size: 14px;}
	.pubTit a img {margin-left: 8px;width: 6px;}
	.ind6L .titB{margin-top: 16px;}
	.ind6L .descB{margin-top: 12px;}
	.ind6L .timeB{margin-top: 12px;}
	.ind6Ul .tuB{width: 37%;}
	.ind6Ul .textB{width: 60%;}
	.ind6Ul .titB{font-size: 16px;}
	.ind6Ul .descB{margin-top: 8px;}
	.ind6Ul .timeB{font-weight: 400;}
	.ind7Form label,
	.ind7Form label:nth-child(-n+2),
	.ind7Form label.chang,
	.ind7Form .tijiao{width: 100%;margin-top: 16px;}
	.ind7Form label:nth-child(1){margin-top: 0;}
}
.ind3Ul{
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.ind3Ul li{
	/* flex-wrap: wrap; */
	margin-top: 10px;
	display: flex;
	left: 0;
	animation: myScroll 30s linear infinite;
}
.ind3Ul li:first-child{margin-top: 0;}
.ind3Ul .each{
	position: relative;
	/* opacity: 0; */
	background: #ffffff;
	border-radius: 0.0625rem;
	display: flex;
	justify-content: center;
	align-items: center;
	/* padding: 0 5px; */
	width: 232px;
	height: 96px;
	margin-right: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.ind3Ul .each img{display: block;width: 100%;}
@keyframes myScroll{
	100% {
		transform: translateX(-76.875rem);
	}
}
@media (max-width:1200px) {
	.ind3Ul .each{width: 180px;height: 74px;}
}
@media (max-width:1024px) {
	.ind3Ul .each{width: 160px;height: 66px;}
}
@media (max-width:800px) {
	.ind3Ul .each{width: 120px;height: 49px;}
	
}

.f30{font-size: 23px;}
.f18{font-size: 18px;}
.bold { font-weight:bold}
.flexcen {
  display: flex;
  justify-content: center;
  align-items: center;
}
.indexDiv9 {position: relative;background: #F2F3F7;padding: 70px 0; height:auto; overflow:hidden}
.indexDiv9 .rowDiv .row{margin: 0 -10px; }
.indexDiv9 .rowDiv .row>div{padding: 0 10px; }
.indexDiv9 .rowDiv .row>div a{color: #fff;display: block;padding: 50px 40px;border-radius: 8px;height: 100%; }
.indexDiv9 .rowDiv .row>div .textDiv{display: flex;justify-content: space-between;flex-direction: column;height: 100%; text-align:center }
.indexDiv9 .rowDiv .row>div .p{margin: 20px 0 30px; line-height:30px }
.indexDiv9 .rowDiv .row>div .moreBtn{background: #33a5fa;color: #fff;border-radius: 20px;padding: 10px 10px; }
.indexDiv9 .rowDiv .row>div .moreBtn:hover{background: #33a5fa;color: #fff; }

.pubTit1{
	font-size: 32px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
.pubTit1::after{
	content: "";
	border-radius: 1px;
	background: #33a5fa;
	width: 48px;
	height: 3px;
	margin: 16px auto 0;
	display: block;
}


.pubTit11{
	font-size: 32px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
.pubTit11::after{
	content: "";
	border-radius: 1px;
	background: #fff;
	width: 48px;
	height: 3px;
	margin: 16px auto 0;
	display: block;
}
@media (max-width:1024px) {
.indexDiv9 {position: relative;background: #fafbff;padding: 20px 0; height:auto; overflow:hidden}
.pubTit1{
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.pubTit1::after{
	content: "";
	border-radius: 1px;
	background: #33a5fa;
	width: 40px;
	height: 3px;
	margin: 16px auto 0;
	display: block;
}
.pubTit11{
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.pubTit11::after{
	content: "";
	border-radius: 1px;
	background: #fff;
	width: 40px;
	height: 3px;
	margin: 16px auto 0;
	display: block;
}
.col_4 {
  width: 100%; margin-bottom:20px
}	
}
.sy_p4{padding: 50px 0 60px; overflow: hidden;background-color:#fafbff;}
.sy_p4 .bt {margin-bottom: 50px;overflow: hidden;}
.sy_p4 .bt h1 {font-size:36px;font-weight: bold;color: #212529;}
.sy_p4 .bt h4 {font-size: 16px;color: #33a5fa;margin-bottom: 15px;font-weight: bold;}
.sy_p4 .bt .lx {float: right;padding: 10px 20px;position: relative;}
.sy_p4 .bt .lx a {font-size: 18px;color: #333;font-weight: bold;}
.sy_p4 .bt .lx span {position: absolute;left: 0;width: 0;height: 3px;background: #33a5fa;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;border-radius: 2px;}
.sy_p4 .bt .lx:hover span{width: 100%;right: 0;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.sy_p4 ul li {width: 49%;float: left;padding: 0 20px;box-sizing: border-box;margin: 0 2% 2% 0;  }
.sy_p4 ul li:nth-child(2n){margin-right:0; }
.sy_p4 ul li .box{
  border: 0px solid rgba(0, 0, 0, 0.125);
  border-radius: 5px;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); width:100%}
.sy_p4 ul li .tp {margin-bottom: 10px;border-radius: 5px;box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.05), 0 0.5rem 1.2rem rgba(0, 0, 0, 0.1) !important;overflow: hidden;}
.sy_p4 ul li .tp img {width: 100%;display: block; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.sy_p4 ul li:hover .tp img { -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07);}
.sy_p4 ul li .w_z {}
.sy_p4 ul li .w_z span {margin-bottom: 15px !important;
  padding-top: 5px !important;
  padding-right: 8px !important;
  padding-bottom: 5px !important;
  padding-left: 8px !important;display: inline-block;font-weight: bold;background: #33a5fa;border-radius: 15px;color: #fff;}
.sy_p4 ul li .w_z h3 {color: #212529 !important;font-size: 22px;font-weight: bold;margin-bottom: 15px; margin-top:25px}
.sy_p4 ul li .w_z p {color: #04084a;line-height: 26px;font-size: 16px; overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:2;}
.sy_p4 ul li .w_z .more {padding: 10px 20px;display: inline-block;background-color:#33a5fa;margin-top: 15px;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;font-size: 16px;font-weight: 500;border-radius: 6px; color:#fff; text-transform:capitalize}
  .sy_p4 ul li .w_z .more a{ color:#fff}
.sy_p4 ul li .w_z .more:hover{background-color: #581528;} 

@media only screen and (max-width:992px){
.sy_p4{padding: 20px 0 20px; overflow: hidden;background-color:#fafbff;}
.sy_p4 ul li {width: 100%;float: none; height:auto; overflow:hidden;padding: 0 5px;box-sizing: border-box;margin: 0 0 20px 0;  }
 .sy_p4 ul li .w_z h3 {color: #212529 !important;font-size: 20px;font-weight: bold;margin-bottom: 10px; margin-top:20px}
.sy_p4 ul li .w_z p {color: #04084a;line-height: 26px;font-size: 16px; overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:2;}
	
.sy_p4 ul li .w_z .more{ margin-top:0}	
}

.swiper_banner video{width:100%; height: 800px  ;  display:block;
object-fit:cover;
object-position:center;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;}
@media (max-width:1024px) {
	
.swiper_banner video{width:100%; height: 260px  ;  display:block;
}
}
.flexcen{display: flex;justify-content: center;align-items: center;}
.flexsta{display: flex;justify-content: flex-start;align-items: center;}
.flexend{display: flex;justify-content: flex-end;align-items: center;}
.flexbet{display: flex;justify-content: space-between;align-items: center;}
.flexaro{display: flex;justify-content: space-around;align-items: center;}
.pd60{padding: 60px 0; }
.f36{font-size: 30px; }
.f20{font-size: 16px; }

.bold{ font-weight:bold }
.ny-banner .wrap{position:relative;height: 27.6vw;text-align: center;}
.ny-banner span{font-size: 2.396vw;text-transform: capitalize;font-weight: bold; }
.ny-banner .cfff{color: #fff;}
@media (max-width:1024px) {
.ny-banner .wrap{position:relative;height: 47.6vw;text-align: center;}
 
}
.nyTitle span{ margin-bottom:10px; display:block; font-size:30px; font-weight:bold}
.nyTitle p{ line-height:36px; font-size:18px}
.contactDiv1{ background:#f5f5f5}
.contactDiv1 .bdDiv{align-items: flex-start; }
.contactDiv1 .blDiv{width: 62.5%; }
.contactDiv1 .blDiv .formDiv{margin-top: 40px; }
.contactDiv1 .blDiv .formDiv .row{margin: 0 -10px; }
.contactDiv1 .blDiv .formDiv .row>div{padding: 0 10px;margin-bottom: 20px; }
.contactDiv1 .blDiv .formDiv .row>div input{border: 1px solid #ccc;padding: 0 20px;width: 100%;line-height: 48px; }
.contactDiv1 .blDiv .formDiv .row>div input:focus{border-color: #33a5fa; }
.contactDiv1 .blDiv .formDiv .row>div textarea{width: 100%;height: 180px;border: 1px solid #ccc;padding: 10px 20px;resize: none; }
.contactDiv1 .blDiv .formDiv .row>div textarea:focus{border-color: #33a5fa; }
.contactDiv1 .blDiv .formDiv button{width: 100%;max-width: 440px;margin: 20px auto 0;background: #33a5fa;color: #fff;height: 50px;border: 0;padding: 0;cursor: pointer; border-radius:6px; }
.contactDiv1 .blDiv .formDiv button:hover{opacity: .8; }

.contactDiv1 .brDiv{width: 33.33%; }
.contactDiv2 .nyTitle{ text-align:center; margin-bottom:10px}
.contactDiv2 .row>div{margin-top: 30px; }
.contactDiv2 .bdDiv .row{margin: 0 -30px; }
.contactDiv2 .bdDiv .row>div{padding: 0 30px;margin-bottom: 40px; }
.contactDiv2 .bdDiv .row>div .conDiv{background: #f5f5f5;padding: 50px;text-align: center;height: 100%; }
.contactDiv2 .bdDiv .row>div .conDiv .iconDiv{width: 80px;height: 80px;background: #33a5fa;border-radius: 50%;margin: 0 auto; }
.contactDiv2 .bdDiv .row>div .conDiv span{display: block;font-size: 20px;margin: 20px 0 10px; font-weight:bold } 
.contactDiv2 .bdDiv .row>div .conDiv p{color: #666;flex-wrap: wrap; }.contactDiv2 .mapDiv{margin-top: 30px; }

.newsDiv{padding: 50px 0 60px;}
.newsDiv ul{margin-bottom: 40px;}
.newsDiv ul li{margin-bottom: 30px;}
.newsDiv ul li a{padding: 0 0 30px;border-bottom: 1px solid #e6e6e6; }
.newsDiv ul li .imgDiv{width: 355px;height: 213px;overflow: hidden;}
.newsDiv ul li .imgDiv img{width: 100%;height: 100%;object-fit: cover;}
.newsDiv ul li .textDiv{width: calc(100% - 385px);}
.newsDiv ul li .textDiv .title{color: #333; font-size:20px; font-weight:bold}
.newsDiv ul li .textDiv .p{font-size: 16px;color: #666666;margin: 15px 0 30px;line-height: 30px;}
.newsDiv ul li .textDiv .date{color: #999999;font-size: 14px;}
.newsDiv ul li .textDiv .date img{margin-right: 10px;}
.newsDiv ul li .textDiv span{color: #33a5fa;font-size: 14px;}
.newsDiv ul li a:hover .textDiv .title{color: #33a5fa; } 
@media (max-width:1024px) {
.newsDiv{padding: 20px 0 20px;}
.newsDiv ul{margin-bottom: 20px;}
.newsDiv ul li{margin-bottom: 20px;}
 .newsDiv ul li .imgDiv {
  width: 100%;
  height: auto  ;
  overflow: hidden;
}
.newsDiv ul li .textDiv{width: 100%;}
.newsDiv ul li .textDiv .title{color: #333; font-size:16px; font-weight:bold; margin-top:20px}
.newsDiv ul li .textDiv .p{font-size: 16px;color: #666666;margin: 10px 0 10px;line-height: 30px;}
.newsDiv ul li .textDiv .date{ display:none}
 }
.casesDiv{padding: 80px 0 ; }
.casesDiv .row{margin-bottom: 40px; }
.casesDiv .row>div{margin-bottom: 40px; }
.casesDiv .row>div a{display: block;background: #f5f5f5;box-shadow: 0px 0px 15px rgba(0,0,0,.15); }
.casesDiv .row>div .imgDiv{position: relative;padding-top: 65.2%;overflow: hidden;background: #F2F3F7; }
.casesDiv .row>div .imgDiv .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center; }
.casesDiv .row>div .imgDiv .pic img{width: 100%;height: 100%;object-fit: cover; }
.casesDiv .row>div .textDiv{padding: 25px 29px; }
.casesDiv .row>div .textDiv .title{background: url(../img/c-m.png) no-repeat right center;color: #333;padding-right: 40px; font-weight:bold }
.casesDiv .row>div .textDiv .p{color: #999;margin-top: 20px;font-size: 14px;line-height: 1.8; }
.casesDiv .row>div a:hover{background: #33a5fa; }
.casesDiv .row>div a:hover .textDiv .title{background: url(../img/c-m_.png) no-repeat right center;color: #fff;}
.casesDiv .row>div a:hover .textDiv .p{color: rgba(255,255,255,.8); }
.pageDiv{text-align: center;}
.pageDiv a,.pageDiv span{display: inline-block;line-height: 34px;margin: 0 7px;color: #333333;width: 36px; border-radius: 50%;border: 1px solid #999999; }
.pageDiv span{color: #fff;background: #33a5fa;border-color: #33a5fa; }


.fz_lc{ height:auto; overflow:hidden; padding:60px 0}
.fz_lc ul li{padding-left:150px; padding-bottom:50px; position:relative;}
.fz_lc ul li:after{width:1px; height:100%; background-color:#ddd; position:absolute; top:0; left:50px; content:"";}
.fz_lc .s_j{width:100px; height:100px; padding:15px; border-radius:100%; background-color:#33a5fa; font-size:26px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:70px; text-align:center; color:#fff; position:absolute; top:0; left:0; z-index:9;}
.fz_lc .s_j span{font-size:18px; line-height:30px; font-weight:normal; border-top:1px solid #333; display:block;}
.fz_lc .n_r{padding:30px 0; min-height:168px; overflow:hidden;}
.fz_lc .n_r h3{font-size:26px; line-height:40px; margin-bottom:15px;}
.fz_lc .n_r p{font-size:16px; color:#555; line-height:30px; margin-bottom:15px;}
.fz_lc .n_r img{max-width:100%; height:auto; display:block;}


.bgF5F5F5{  }
.twoMenuDiv{ padding:18px 0; background:#f5f5f5}
.twoMenuDiv ul{text-align: center;font-size: 0; }
.twoMenuDiv ul li{margin: 0 10px;display: inline-block; border:#33a5fa 1px solid;padding: 10px 20px;border-radius:25px;  }
.twoMenuDiv ul li a{color: #33a5fa;font-size: 16px;  }
.twoMenuDiv ul li.on {color: #fff; background:#33a5fa }
.twoMenuDiv ul li.on a{ color:#fff}
.twoMenuDiv ul li:hover{background:#33a5fa;}
.twoMenuDiv ul li:hover a{color:#fff}
@media (max-width:1024px) {
.twoMenuDiv{ padding:10px 0; background:#f5f5f5}
.twoMenuDiv ul li a{color: #33a5fa;font-size: 14px;  }
.twoMenuDiv ul li{margin: 5px;display: inline-block; border:#33a5fa 1px solid;padding:5px 10px;border-radius:25px;  }
.casesDiv {
  padding: 20px 0;
}	
.contactDiv1 .blDiv{width: 100%; }	
.contactDiv1 .brDiv {
  width: 100%; margin-top:20px
}
.flexbet{display: block  ;justify-content: space-between;align-items: center;}
.nyTitle span {
  margin-bottom: 10px;
  display: block;
  font-size: 20px;
  font-weight: bold;
}
.nyTitle p {
  line-height: 26px;
  font-size: 16px;
}
}
.adDiv1{position: relative; padding:60px 0 }
.adDiv1 .bzImg1{position: absolute;left: 0;top: 100px; }
.adDiv1 .bzImg2{position: absolute;right: 0;bottom: 30px; }
.adDiv1 .bdDiv{margin: 105px 0 40px;/* overflow: hidden; */ }
.adDiv1 .bdDiv ul{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 35px; }
.adDiv1 .bdDiv ul li .conDiv{position: relative;height: 100%;display: flex;flex-direction: column;justify-content: space-between; }
.adDiv1 .bdDiv ul li .conDiv::after{content: "";width: 29px;height: 160px;background: url(../img/a_yy.png) no-repeat center center;position: absolute;left: 100%;top: 0; }
.adDiv1 .bdDiv ul li img{position: absolute;left: 50%;bottom: 98%;transform: translateX(-50%); }
.adDiv1 .bdDiv ul li .title{height: 54px;color: #fff;border-radius: 4px;transform: skewX(-15deg);margin-left: 7.5px;width: 100%; }
.adDiv1 .bdDiv ul li .title span{transform: skewX(15deg); font-size:18px }
.adDiv1 .bdDiv ul li .p{background: #fff;padding: 15px 20px 30px;line-height: 30px;font-size: 15px;border-radius: 4px;box-shadow: 0px 0px 16px rgba(44,63,107,.1);flex: 1; }
.bg477efd{background: #b04a5a; }
.bg8856ff{background: #33a5fa; }
.adDiv2 {padding: 50px 0 40px;}
.adDiv2 .bdDiv{margin: 30px 0 48px; }
.adDiv2 .bdDiv ul{display: grid;grid-template-columns: repeat(4,1fr);grid-column-gap: 49px;grid-row-gap: 49px; }
.adDiv2 .bdDiv ul li{text-align: center;position: relative;padding: 0 10px 26px; }
.adDiv2 .bdDiv ul li .imgDiv{position: relative;z-index: 1;border: 1px solid rgba(101,29,50,.9);border-radius: 60px ; overflow:hidden; width:70%; margin:0 auto}
.adDiv2 .bdDiv ul li .imgDiv img{ width:100% }
.adDiv2 .bdDiv ul li .imgDiv1{position: relative;z-index: 1; width:180px; margin:-40px auto 0}
.adDiv2 .bdDiv ul li .imgDiv1 img{ width:100% }
.btwz{ text-align:center; font-size:40px; font-weight:bold; margin-bottom:30px}

.adDiv2 .bdDiv ul li::after{content: "";width: 100%;height: calc(100% - 51px);background: #fff;border-radius: 24px;border: 1px solid rgba(101,29,50,.41);position: absolute;left: 0;bottom: 0;z-index: 0;box-shadow: 6px 6px 0 rgba(101,29,50,.17);  }
.adDiv2 .bdDiv ul li .textDiv{margin: 30px 0;position: relative;z-index: 1; }
.adDiv2 .bdDiv ul li .textDiv p{margin-top: 10px; line-height:30px }
.adDiv2 .bdDiv ul li a.moreBtn{height: 48px;border-radius: 15px;position: relative;z-index: 1;max-width: 195px;margin: 0 auto; }

.adDiv2 .bdDiv1{margin: 30px 0 48px; }
.adDiv2 .bdDiv1 ul{display: grid;grid-template-columns: repeat(3,1fr);grid-column-gap: 49px;grid-row-gap: 49px; }
.adDiv2 .bdDiv1 ul li{text-align: center;position: relative;padding: 0 10px 26px; margin-bottom:20px }
.adDiv2 .bdDiv1 ul li .imgDiv{position: relative;z-index: 1; }
.adDiv2 .bdDiv1 ul li .imgDiv1{position: relative;z-index: 1; width:180px; margin:-40px auto 0}
.adDiv2 .bdDiv1 ul li .imgDiv1 img{ width:100% }

.adDiv2 .bdDiv1 ul li::after{content: "";width: 100%;height: calc(100% - 51px);background: #fff;border-radius: 24px;border: 1px solid rgba(101,29,50,.41);position: absolute;left: 0;bottom: 0;z-index: 0;box-shadow: 6px 6px 0 rgba(101,29,50,.17);  }
.adDiv2 .bdDiv1 ul li .textDiv{margin: 30px 0;position: relative;z-index: 1; }
.adDiv2 .bdDiv1 ul li .textDiv p{margin-top: 10px; line-height:30px }
.adDiv2 .bdDiv1 ul li a.moreBtn{height: 48px;border-radius: 15px;position: relative;z-index: 1;max-width: 195px;margin: 0 auto; }


.c477efd{color: #33a5fa; }
.c8856ff{color: #914e62; }
.c8955ff{color: #8955ff; }
.cff1440{color: #ff1440; }
a.bge73d58{background: #e73d58; }
a.bg477efd{background: #33a5fa; }
a.bg8856ff{background: #914e62; }
a.cfff{color: #fff; }
a.cfff:hover{color: #fff;}

.jndDiv1{position: relative;padding-bottom: 0; padding:60px 0 }
.jndDiv1 .bzImg1{position: absolute;right: 50px;top: 170px; }
.jndDiv1 .bzImg2{position: absolute;left: 0;bottom: 70px; }
.jndDiv1 .bdDiv ul li{margin-top: 0px;align-items: stretch; }
.jndDiv1 .bdDiv ul li:nth-of-type(even){flex-direction: row-reverse; }
.jndDiv1 .bdDiv ul li .textDiv{width: 50%; }
.jndDiv1 .bdDiv ul li .textDiv .p{  padding-top:50px  }
.jndDiv1 .bdDiv ul li .textDiv .p span{position: relative;display: block; font-size:24px}
.jndDiv1 .bdDiv ul li .textDiv .p p{margin: 20px 0; min-height:160px ; width:80%; line-height:30px}
.jndDiv1 .bdDiv ul li .textDiv .p a{padding: 0 28px;background: #33a5fa;border-radius: 20px;color: #fff;line-height: 40px;display: inline-block; }
.jndDiv1 .bdDiv ul li .textDiv .p a:hover{background: #f45018; }

.jndDiv1 .bdDiv ul li .textDiv .p1{ padding-left:50px; padding-top:50px  }
.jndDiv1 .bdDiv ul li .textDiv .p1 span{position: relative;display: block; font-size:24px}
.jndDiv1 .bdDiv ul li .textDiv .p1 p{margin: 20px 0; min-height:160px ; line-height:30px}
.jndDiv1 .bdDiv ul li .textDiv .p1 a{padding: 0 28px;background: #33a5fa;border-radius: 20px;color: #fff;line-height: 40px;display: inline-block; }
.jndDiv1 .bdDiv ul li .textDiv .p1 a:hover{background: #f45018; }

.jndDiv1 .bdDiv ul li .imgDiv{width: 50%; }
.jndDiv1 .bdDiv ul li .imgDiv img{ width:100%}

.aboutDiv1{padding: 0 0 ; }
.aboutDiv1 .textDiv{margin: 60px 0;line-height: 36px; font-size:18px }
 .lsDiv3{ padding:60px 0 50px; height:auto; overflow:hidden}
 .lsDiv3 .bdDiv{   }
.lsDiv3 .bdDiv ul{}
.lsDiv3 .bdDiv ul li{background: #fff;align-items: stretch;padding: 10px;box-shadow: 0px 0px 35px rgba(0,0,0,.07);border-radius: 4px; float:left; width:32%; margin-right:2%; margin-bottom:30px }
.lsDiv3 .bdDiv ul li:nth-child(3n){margin-right:0; }
.lsDiv3 .bdDiv ul li .imgDiv{width: 181px;margin-right: 20px; }
.lsDiv3 .bdDiv ul li .textDiv{flex: 1; }
.lsDiv3 .bdDiv ul li .textDiv .title{color: #33a5fa;margin: 15px 0 10px; font-size:20px }
.lsDiv3 .bdDiv ul li .textDiv .p{line-height:26px;font-size: 15px; } 
.lsDiv3 .tishiDiv p{padding: 15px 60px;background: #c60d30;color: #fff;box-shadow: 0 4px 0px rgba(198,13,48,.35); }
@media (max-width:1024px) {
.aboutDiv1{padding: 0 0 20px; }
.aboutDiv1 .textDiv{margin: 20px 0;line-height:26px; font-size:15px }
.aboutDiv1  .col-4{ padding-left:5px; padding-right:5px}
.adDiv1{position: relative; padding:20px 0 }
.btwz{ text-align:center; font-size:20px; font-weight:bold; margin-bottom:30px}
.adDiv1 .bdDiv{margin: 55px 0 20px;/* overflow: hidden; */ }
.adDiv1 .bdDiv ul{display: grid;grid-template-columns: repeat(1,1fr);grid-gap: 75px; }
 .lsDiv3{ padding:20px 0 20px; height:auto; overflow:hidden}
.lsDiv3 .bdDiv ul li{background: #fff;align-items: stretch;padding: 10px;box-shadow: 0px 0px 35px rgba(0,0,0,.07);border-radius: 4px; float:left; width:100%; margin-right:0; margin-bottom:20px }
.lsDiv3 .bdDiv ul li .textDiv .title{color: #33a5fa;margin: 0 0 10px; font-size:18px }


.adDiv2 {padding: 20px 0 20px;}
.adDiv2 .bdDiv{margin: 30px 0 48px; }
.adDiv2 .bdDiv ul{display: grid;grid-template-columns: repeat(1,1fr);grid-column-gap: 49px;grid-row-gap: 49px; }
.pd60 {padding: 20px 0;}
.adDiv2 .bdDiv ul li .imgDiv{position: relative;z-index: 1;border: 1px solid rgba(101,29,50,.9);border-radius: 60px ; overflow:hidden; width:50%; margin:0 auto}
.adDiv2 .bdDiv ul li a.moreBtn{height: 40px;border-radius: 15px;position: relative;z-index: 1;max-width: 160px;margin: 0 auto; font-size:14px }
.f36 {font-size: 20px;}
.contactDiv2 .nyTitle{ text-align:center; margin-bottom:0px;}
.contactDiv2 .row>div{margin-top: 10px; }
.contactDiv2 .mapDiv{margin-top: 10px; }



.jndDiv1{position: relative;padding-bottom: 0; padding:20px 0 }
.jndDiv1 .bzImg1{position: absolute;right: 50px;top: 170px; }
.jndDiv1 .bzImg2{position: absolute;left: 0;bottom: 70px; }
.jndDiv1 .bdDiv ul li{margin-top: 0px;align-items: stretch; }
.jndDiv1 .bdDiv ul li:nth-of-type(even){flex-direction: row-reverse; }
.jndDiv1 .bdDiv ul li .textDiv{width: 100%; }
.jndDiv1 .bdDiv ul li .textDiv .p{  padding-top:0px ; padding-bottom:20px }
.jndDiv1 .bdDiv ul li .textDiv .p span{position: relative;display: block; font-size:20px}
.jndDiv1 .bdDiv ul li .textDiv .p p{margin: 10px 0; min-height: inherit ; width:100%; line-height:26px}
.jndDiv1 .bdDiv ul li .textDiv .p a{padding: 0 28px;background: #33a5fa;border-radius: 20px;color: #fff;line-height: 40px;display: inline-block; }
.jndDiv1 .bdDiv ul li .textDiv .p a:hover{background: #f45018; }

.jndDiv1 .bdDiv ul li .textDiv .p1{ padding-left:0px; padding-top:20px; padding-bottom:20px  }
.jndDiv1 .bdDiv ul li .textDiv .p1 span{position: relative;display: block; font-size:20px}
.jndDiv1 .bdDiv ul li .textDiv .p1 p{margin: 10px 0; min-height: inherit ; line-height:26px}
.jndDiv1 .bdDiv ul li .textDiv .p1 a{padding: 0 28px;background: #33a5fa;border-radius: 20px;color: #fff;line-height: 40px;display: inline-block; font-size:14px }
.jndDiv1 .bdDiv ul li .textDiv .p1 a:hover{background: #f45018; }

.jndDiv1 .bdDiv ul li .imgDiv{width: 100%; }
.jndDiv1 .bdDiv ul li .imgDiv img{ width:100%}


.adDiv2 .bdDiv1{margin: 20px 0 28px; }
.adDiv2 .bdDiv1 ul{display: grid;grid-template-columns: repeat(1,1fr);grid-column-gap: 49px;grid-row-gap: 49px; }
.adDiv2 .bdDiv1 ul li{text-align: center;position: relative;padding: 0 10px 26px; margin-bottom:20px }
.adDiv2 .bdDiv1 ul li .imgDiv{position: relative;z-index: 1; }
.adDiv2 .bdDiv1 ul li .imgDiv1{position: relative;z-index: 1; width:180px; margin:-40px auto 0}
.adDiv2 .bdDiv1 ul li .imgDiv1 img{ width:100% }
.adDiv2 .bdDiv1 ul li a.moreBtn{height: 40px;border-radius: 15px;position: relative;z-index: 1;max-width: 160px;margin: 0 auto; font-size:16px }

}


.indexDiv6{padding: 70px 0; background:#F2F3F7 }
.indexDiv6 .bdDiv{position: relative; align-items: stretch; }
.indexDiv6 .blDiv{width: 50%;position: relative; }
.indexDiv6 .blDiv img{ width: 100%;
  height: 100%;
  object-fit: cover;}
.indexDiv6 .blDiv .hdDiv{background: #fff;box-shadow: 0px 0px 51px rgba(192,192,192,.31);padding: 46px 60px 80px;margin-bottom: 22px; }
.indexDiv6 .blDiv .shDiv{margin-bottom: 40px; }
.indexDiv6 .blDiv .shDiv .infoDiv .txImg{margin-right: 26px;width: 85px;height: 85px;overflow: hidden;border-radius: 50%; }
.indexDiv6 .blDiv .shDiv .infoDiv .txImg img{width: 100%;height: 100%;object-fit: cover; }
.indexDiv6 .blDiv .shDiv .infoDiv .info .name{color: #14264f; }
.indexDiv6 .blDiv .shDiv .infoDiv .info p{color: #333333;margin-top: 10px; }
.indexDiv6 .blDiv .sbDiv .p2{color: #999999;margin-top: 30px;line-height: 2;font-size: 14px; }
.indexDiv6 .blDiv .bd ul li{width: calc(33.33% - 7px); }
.indexDiv6 .blDiv .bd ul li .imgDiv{padding-top: 73.1%; }
.indexDiv6 .swiper-pagination{position: relative;margin-top: 35px;text-align: left; }
.indexDiv6 .swiper-pagination-bullet{width: 8px;height: 8px;background: #111111;border-radius: 0;opacity:.5; }
.indexDiv6 .swiper-pagination-bullet-active{opacity: 1;position: relative;background: #33a5fa; }
.indexDiv6 .swiper-pagination-bullet{margin: 0 15px 0 0;}
.indexDiv6 .formDiv{width:50%;background: #33a5fa;color:rgba(255,255,255,.7);padding: 35px 30px 22px;position: relative; }
.indexDiv6 .formDiv>img{position: absolute;bottom: 20px;right: 0; }

.aboutDiv3{ padding: 60px 0 ;overflow: hidden; }
.aboutDiv3 .indexTitle{text-align: center; }
.aboutDiv3 .nrBox{margin-top: 60px; }
.swiper_abop4 .tuB{width: 46.875%;transition: all 0.3s;}

.swiper_abop4 .imgB{padding-top: 65%;}

.swiper_abop4 .textB{width: 46.875%; }
 
.swiper_abop4 .indTit .titB{color: #33a5fa;font-size: 20px;font-family: MR;font-weight: bold;margin-bottom: 1.5vw; }
.swiper_abop4 .indTit .descB{width: 100%;}
.swiper_abop4 .indTit .descB span{font-weight: bold;font-size: 20px;color: #33a5fa }
.swiper_abop4 .indTit .descB p{color: #666666;margin-top: 10px; line-height:36px }
.abop4 .bok{margin-top: 4.6vw;padding: 0 0;position: relative;}

.abop4 .bok::before{

	content: "";

	background-color: rgb(234, 234, 234);

	position: absolute;

	left: -8.33vw;

	top: 50%;

	width: 100vw;

	height: 1px;

	z-index: 1;

}

.abop4 .swiper-button-prev{left: 0;}

.abop4 .swiper-button-next{right: 0;}

.abop4 .swiper-button-prev,

.abop4 .swiper-button-next{

	border-radius: 50%;

	background-color: rgb(241, 241, 241);

	width: 50px;

	height: 50px;

	display: flex;

	justify-content: center;

	align-items: center;

	z-index: 2;

	transition: all 0.3s;

}

.abop4 .swiper-button-next.swiper-button-disabled, 

.abop4 .swiper-button-prev.swiper-button-disabled{opacity: 1;}

.abop4 .swiper-button-next:hover,

.abop4 .swiper-button-prev:hover{background: #33a5fa;}

.abop4 .swiper-button-prev::before,

.abop4 .swiper-button-next::before{

	color: #cdcdcd;

	font-size: 20px;

	transition: all 0.3s;

}

.abop4 .swiper-button-prev:hover::before,

.abop4 .swiper-button-next:hover::before{

	color: #fff;

}

/* .abop4 .swiper-button-next::before{transform: rotate(180deg);} */

.abop4 .swiper-button-prev::after,

.abop4 .swiper-button-next::after{display: none;}

.abop4 .swiper_abop4s .kuang{

	text-align: center;

	position: relative;

	font-size: 20px;

	font-family: "Poppins-bold";

	color: #555;

	cursor: pointer; font-weight:bold

}

.abop4 .swiper_abop4s .kuang::before{

	content: "s";

	opacity: 0;

}

.abop4 .swiper_abop4s .kuang::after{

	content: "";

	position: absolute;

	left: calc(50% - 5px);

	top: calc(50% - 5px);

	border-radius: 50%;

	background-color: rgb(205, 205, 205);

	display: block;

	width: 10px;

	height: 10px;

}

.abop4 .swiper_abop4s .titB{

	padding-top: 30px;

	position: relative;

}

.abop4 .swiper_abop4s .titB::after{

	content: "";

	display: block;

	width: 0;

	height: 1px;

	background: #33a5fa;

	position: absolute;

	left: 50%;

	top: 15px;

}

.abop4 .swiper_abop4s .swiper-slide-thumb-active .titB::after{

	animation: dodow 4s infinite ease-in-out;

}

@keyframes dodow{

	0% {width: 0;left: 50%;}

	50%{width: 100%;left: 50%;}

	100% {width: 0;left: 150%;}

}

.abop4 .swiper_abop4s .swiper-slide-thumb-active .kuang{color: #33a5fa;}

.abop4 .swiper_abop4s .swiper-slide-thumb-active .kuang::after{background: #33a5fa;}


.zxzx { overflow:hidden;  padding: 60px 0;background:#f7f7f7}
.zxzx .con{ width:80%}
.zxzx ul { margin-top:40px}
.zxzx ul li { width:32%; float:left; margin-right:2%; background:#fff;box-shadow: 0px 0px 10px #ccc;}
.zxzx ul li:nth-child(3n){margin-right: 0;}
.zxzx ul li .tp { width:100%; position:relative}
.zxzx ul li .tp img { width:100%}
.zxzx ul li .rq { position: absolute;z-index: 100;-webkit-transition: transform .3s ease-in-out,background-color .2s ease-in-out;transition: transform .3s ease-in-out,background-color .2s ease-in-out;background-color: #33a5fa;
width: 58px;padding-top: 13px;padding-bottom: 13px;color: #fff; left:0; top:0}
.zxzx ul li .rq .month { font-size: 12px; line-height: 16px; display:block; text-align:center}
.zxzx ul li .rq .day {font-size: 28px; line-height: 28px; font-weight: 700; margin-bottom: 2px; display:block; text-align:center}
.zxzx ul li .rq .year { font-size: 12px;line-height: 16px; color: #eee; -webkit-transition: color .1s ease-in-out; transition: color .1s ease-in-out;display:block; text-align:center}
.zxzx ul li:hover .rq { background:#f08200;transform: translateY(-5px);

	-wbkit-transform: translateY(-5px);

	-o-transform: translateY(-5px);

	-moz-transform: translateY(-5px);

	transition: all 0.3s;

	-wbkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;}
.zxzx ul li .text { width:100%; margin:0 auto; padding:25px }
.zxzx ul li h3 { font-size:16px; width:100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; margin-bottom:10px;color: #333; font-weight:bold}
.zxzx ul li p { line-height:30px; font-size:15px;color: #666;display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; width:90%}
.zxzx ul li .sj{ border:#33a5fa 1px solid; width:100px; line-height:28px; display:block; margin-top:20px; text-align:center; color:#33a5fa; height:30px; font-size:14px}
.zxzx ul li:hover{transform: translateY(-5px);

	-wbkit-transform: translateY(-5px);

	-o-transform: translateY(-5px);

	-moz-transform: translateY(-5px);

	transition: all 0.3s;

	-wbkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;}
	
@media (max-width:1024px) {
	
.zxzx { overflow:hidden;  padding: 20px 0;background:#f7f7f7}
.zxzx ul {
  margin-top: 30px;
}
.zxzx ul li { width:100%; float:left; margin-right:0; background:#fff;box-shadow: 0px 0px 10px #ccc; margin-bottom:20px}
.aboutDiv3{ padding: 20px 0 ;overflow: hidden; }
.swiper_abop4 .tuB{width: 100%;transition: all 0.3s;}

.swiper_abop4 .imgB{padding-top: 65%;}

.swiper_abop4 .textB{width: 100%; }	
.swiper_abop4 .indTit .descB {
  width: 100%; padding:20px
}
.aboutDiv3 .nrBox {
  margin-top: 20px;
}
}
	
	.contactDiv{padding: 0 0 100px;}
.contactDiv .row{margin: 0 -10px; }
.contactDiv .row>div{padding: 0 10px;margin-bottom: 20px; }
.contactDiv .row>div .conDiv{border: 1px solid #e6e6e6;background: #fbfbfd;padding: 50px 30px;height: 100%; }
.contactDiv .row>div .conDiv .textDiv{width: calc(100% - 112px); }
.contactDiv .row>div .conDiv .textDiv span{color: #666666; }
.contactDiv .row>div .conDiv .textDiv p{color: #394787;word-break:break-all; }
.contactDiv .bdDiv{margin-top: 16px;align-items: stretch;box-shadow: 0px 0px 51px rgba(192,192,192,.31); }
.contactDiv .bdDiv .imgDiv{width: 58%;overflow: hidden; } 
.contactDiv .bdDiv .imgDiv img{width: 100%;height: 100%;object-fit: cover; }


.formDiv1{width: 43.14%;background: #33a5fa;color: #fff;padding: 60px 50px 70px; }
.formDiv1 .titleDiv span{display: block; margin-bottom:20px; font-weight:bold }
.formDiv1 .titleDiv p{color: rgba(255,255,255,.6);margin: 10px 0 35px; }
.formDiv1 form .conDiv{border: 1px solid rgba(255,255,255,.3);margin-bottom: 20px; }
.formDiv1 form .conDiv input{display: block;border: 0; padding:10px; font-size:14px  ;background: transparent;color: #fff; }
.formDiv1 form .conDiv textarea{width: 100%;height: 125px;border: 0;display: block;padding: 0 0 15px;background: transparent;resize: none;color: #fff; }
.formDiv1 form button{width: 200px;height: 48px;background: rgba(255,255,255,.8);color: #33a5fa;border: 0;padding: 0;cursor: pointer; font-weight:bold }
.formDiv1 form button img{margin-left: 12px; }
.formDiv1 form input::placeholder{color: #fff; }
.formDiv1 form input::-webkit-input-placeholder{color: #fff; }
.formDiv1 form input::-moz-placeholder{color: #fff; }
.formDiv1 form textarea::placeholder{color: #fff; }
.formDiv1 form textarea::-webkit-input-placeholder{color: #fff; }
.formDiv1 form textarea::-moz-placeholder{color: #fff; }
.forms .form .siteFormContainer .siteFormMultiLine {
  float:right;
  height:100px
}
 
 .siteFormItemMiddle5 {
  float:left;
  margin-left:2%;
  position:relative;
  width:77%
}
 .siteFormContainer .siteFormFUDescFuparent {
  line-height:20px;
  margin:8px 0 0 2%
}
.xz{ margin-top:25px}
.xz a{ font-size:20px; color:#013561}


.formDiv .titleDiv span{display: block; }
.formDiv .titleDiv p{color: rgba(255,255,255,.6);margin: 10px 0 25px; }
.formDiv form .conDiv{margin-bottom: 10px; width:48%; float:left; margin-right:2% }
.formDiv form .conDiv:nth-child(2n){margin-right:0; }
.formDiv form .conDiv:last-child{ width:100%;   }
.formDiv form .conDiv>span{display: block;margin-bottom: 5px; font-size:14px }
.formDiv form .conDiv select{width: 100%;height: 36px;background: #1f85ce;border-radius: 4px;border: 0;padding: 0 10px;color:rgba(255,255,255,.5);font-size: 14px; }
.formDiv form .conDiv select:focus{outline: none; }
.formDiv form .conDiv .inputDiv input{display: block;background: #1f85ce;border-radius: 4px;border: 0;padding: 0 10px;color: rgba(255,255,255,.5);width: 100%;line-height: 36px; }
.formDiv form .conDiv textarea{width: 100%;height: 85px;border: 0;display: block;padding: 0 0 15px;background: transparent;resize: none;color: rgba(255,255,255,.5); }
.formDiv form .conDiv .textDiv{background: #1f85ce;font-size: 14px;padding: 10px 20px;border-radius: 4px; }
.formDiv form .conDiv .textDiv>div{margin: 5px 0; }
.formDiv form .conDiv .textDiv input{width: calc(100% - 98px);background: transparent;padding: 0;border: 0;color: #fff;position: relative;z-index: 1; }
.formDiv form button{width: 150px;height: 40px;background: #fff;color: #33a5fa;border: 0;padding: 0;cursor: pointer;border-radius: 2px;  font-size:16px ;  }
.formDiv form input::placeholder{color: #fff; }
.formDiv form input::-webkit-input-placeholder{color: #fff; }
.formDiv form input::-moz-placeholder{color: #fff; }
.formDiv form textarea::placeholder{color: #fff; }
.formDiv form textarea::-webkit-input-placeholder{color: #fff; }
.formDiv form textarea::-moz-placeholder{color: #fff; }
select::-ms-expand{ display: none; }
select{appearance:none;-moz-appearance:none;-webkit-appearance:none; padding-right: 20px;background: url(../img/xiala.png) no-repeat right 14px center;}


@media (max-width:1024px) {
.contactDiv .bdDiv .imgDiv{width: 100%;overflow: hidden; } 
.contactDiv .bdDiv .imgDiv img{width: 100%;height: 100%;object-fit: cover; }


.formDiv1{width: 100%;background: #33a5fa;color: #fff;padding: 20px; }
	
.contactDiv {
  padding: 0 0 30px;
}	
.contactDiv2 .bdDiv .row > div {
  padding: 0 30px;
  margin-bottom: 20px;
}
.fz_lc .n_r h3 {
  font-size: 20px;
  line-height: 40px;
  margin-bottom: 15px;
}
.fz_lc .s_j{ font-size:20px}
.casesDiv .row > div {
  margin-bottom: 20px;
}
}