body{padding: 0;margin: 0;font-family: "Source Han Sans CN";font-size: 16px;color: #666666;overflow-x: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;}

.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: #f5f5f5;}

.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;}

.container{padding: 0 16px;max-width: 1352px;margin: 0 auto;}

@media (max-width:1352px) {.container{max-width: 1232px;}}

@media (max-width:1232px) {.container{max-width: 1024px;}}

@media (max-width:1024px) {.container{max-width: 800px;}}

@media (max-width:800px) {.container{max-width: 100%};}

.imgB{

	position: relative;

    padding-top: 100%;

	display: block;

}

.imgB .pic{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

}

.imgB .pic img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}





/**导航菜单**/

header{

	position: fixed;

	left: 0;

	top: 0;

	display: block;

	width: 100%;

	box-shadow: 0px 3px 10px 0px rgba(0, 0, 16, 0.1);

	z-index: 99;

	transition: all 0.3s;

	background: #ffffff;

}

header .nrBox{height: 100px;}

header .logo img{max-height: 48px;display: block;max-width: 250px;}

header .logo img:last-child{display: none;}

header .menuUl>li{

	margin-right: 32px;

	position: relative;

}

header .menuUl>li:last-child{margin-right: 0;}

header .menuUl .yiji{

	height: 100px;

	display: flex;

	justify-content: center;

	align-items: center;

	position: relative;

}

header .menuUl .ejBtn{

	display: block;

	width: 14px;

	height: 8px;

	position: absolute;

	right: -18px;

	top: calc(50% - 4px);

	display: none;

}

header .menuUl .yiji a{

	font-size: 16px;

	color: #666666;

	line-height: 36px;

	display: block;

	position: relative; 

}

header .menuUl>li .yiji a::before{

	content: "";

	display: block;

	width: 0;

	height: 3px;

	position: absolute;

	left: 50%;

	bottom: 0px;

	background: #25a6e0;

	transition: all 0.3s;

}

header.indHead.onFix .menuUl>li.on .yiji a,
header.indHead:hover .menuUl>li.on .yiji a,
header .menuUl>li.on .yiji a,
header .menuUl>li:hover .yiji a{color: #25a6e0;}

header .menuUl>li.on .yiji a::before,

header .menuUl>li:hover .yiji a::before{

	width: 75%;

	left: 12.5%;

}

header .menuUl .erjiBox{

	position: absolute;

	left: 50%;

	top: 100px;

	transition: all 0.3s;

	background: #ffffff;

	text-align: left;

	width: max-content;

	width: -webkit-max-content;

	opacity: 0;

	height: 0;

	visibility: hidden;

	transform: translateY(-20px) translateX(-50%);

	min-width: 116px;

	padding: 8px;

	box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);

}

header .menuUl>li:hover .erjiBox{

	opacity: 1;

	height: auto;

	visibility: visible;

	transform: translateY(0) translateX(-50%);

}

header .menuUl .erjiUl>li:last-child{border-bottom: 0;}

header .menuUl .erjiUl>li>a{

	font-size: 14px;

	color: #666666;

	transition: all 0.3s;

	width: 100%;

	position: relative;

	display: block;

	padding: 6px 0;

	text-align: center;

}

header .menuUl .erjiUl>li>a:hover{

	color: #24a6e0;

}

header .rightDiv{

}

header .langB{

	position: absolute;

	right: 0;

	top: 0;

	width: calc(50% - 660px);

}

header .langB>div{width: max-content;margin: 0 auto;}

header .langB .aB{

	display: flex;

	justify-content: center;

	align-items: center;

	height: 100px;

	font-size: 16px;

	color: #666666;

	cursor: pointer;

}

header .langB .aB i{

	margin-left: 8px;

	font-size: 12px;

	color: #666666;

}

header .langB .bB{

	position: absolute;

	right: 0;

	top: 100px;

	transition: all 0.3s;

	background: #ffffff;

	text-align: center;

	width: max-content;

	width: -webkit-max-content;

	opacity: 0;

	height: 0;

	visibility: hidden;

	transform: translateY(-20px);

	min-width: 116px;

	padding: 8px;

	box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);

}

header .langB:hover .bB{

	opacity: 1;

	height: auto;

	visibility: visible;

	transform: translateY(0);

}

header .langB .bB a{

	display: block;

	font-size: 14px;

	color: #666666;

	padding: 6px 0;

}

header .mopenBtn{display: none;}

header.indHead{background: rgba(255, 255, 255,0);}

header.indHead .logo img:first-child{display: none;}

header.indHead .logo img:last-child{display: block;}

header.indHead .menuUl .yiji a{color: #ffffff;}

header.indHead .langB .aB{color: #ffffff;}

header.indHead .langB .aB i{color: #ffffff;}

header.indHead:hover{background: rgb(255, 255, 255);}

header.indHead:hover .logo img:first-child{display: block;}

header.indHead:hover .logo img:last-child{display: none;}

header.indHead:hover .menuUl .yiji a{color: #666666;}

header.indHead:hover .langB .aB{color: #666666;}

header.indHead:hover .langB .aB i{color: #666666;}

header.indHead.onFix{background: rgb(255, 255, 255);}

header.indHead.onFix .logo img:first-child{display: block;}

header.indHead.onFix .logo img:last-child{display: none;}

header.indHead.onFix .menuUl .yiji a{color: #666666;}

header.indHead.onFix .langB .aB{color: #666666;}

header.indHead.onFix .langB .aB i{color: #666666;}

@media (max-width:1560px) {

	header .langB{width: max-content;position: relative;right: unset;top: unset;margin-left: 32px;}

}

@media (max-width:1024px) {

	header .logo img:first-child{display: block;}

	header .logo img:last-child{display: none;}

	header.indHead .logo img:first-child{display: block;}

	header.indHead .logo img:last-child{display: none;}

	header .nrBox{

		height: 56px;

	}

	header .logo img{max-height: 36px;}

	header .findBox{height: 56px;}

	header .mopenBtn{

		display: block;

		width: 28px;

		height: 22px;

		position: relative;

		cursor: pointer;

		margin-left: 16px;

	}

	header .mopenBtn span, 

	header .mopenBtn:after, 

	header .mopenBtn:before {

		content: "";

		display: block;

		width: 100%;

		height: 2px;

		background: rgb(37, 166, 224);

		position: absolute;

		-webkit-transition: -webkit-transform .5s cubic-bezier(.165,.84,.44,1);

		transition: -webkit-transform .5s cubic-bezier(.165,.84,.44,1);

		-o-transition: transform .5s cubic-bezier(.165,.84,.44,1);

		transition: transform .5s cubic-bezier(.165,.84,.44,1);

		transition: transform .5s cubic-bezier(.165,.84,.44,1), -webkit-transform .5s cubic-bezier(.165,.84,.44,1);

		transition: transform .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1);

	}

	header .mopenBtn:before{

		top: 0;

	}

	header .mopenBtn:after {

		bottom: 0;

	}

	header .mopenBtn span{

		top: 50%;

		margin-top: -2px;

		-webkit-transition: opacity .2s cubic-bezier(.165,.84,.44,1);

		-o-transition: opacity .2s cubic-bezier(.165,.84,.44,1);

		transition: opacity .2s cubic-bezier(.165,.84,.44,1);

	}

	header.open .mopenBtn:before {

		-webkit-transform: translateY(9px) rotate(45deg);

		-ms-transform: translateY(9px) rotate(45deg);

		transform: translateY(9px) rotate(45deg);

	}

	header.open .mopenBtn:after {

		-webkit-transform: translateY(-11px) rotate(-45deg);

		-ms-transform: translateY(-11px) rotate(-45deg);

		transform: translateY(-11px) rotate(-45deg);

	}

	header.open .mopenBtn span {

		opacity: 0;

	}

	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);}

	header .menuUl>li.on .yiji a::before{display: none;}

	header .menuUl>li .yiji a::before{display: none;}

	header .menuUl .hasDown>div>.ejBtn{

		position: absolute;

		right: 12px;

		top: 12px;

		width: 16px;

		height: 16px;

		display: block;

	}

	header .menuUl .hasDown>div>.ejBtn::before{

		content: "";

		display: block;

		width: 100%;

		height: 2px;

		background: rgba(37, 166, 224,0.6);

		position: absolute;

		left: 0;

		top: calc(50% - 1px);

	}

	header .menuUl .hasDown>div>.ejBtn::after{

		content: "";

		display: block;

		width: 2px;

		height: 100%;

		background: rgba(37, 166, 224,0.6);

		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;

		box-shadow: unset;

	}

	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;text-align: left;}

	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 .langB .aB{height: 56px;}

	header .langB:hover .bB{top: 56px;}

	header .langB .aB{color: #666666;}

	header .langB .aB i{color: #666666;}

header.indHead .langB .aB{color: #666666;}

header.indHead .langB .aB i{color: #666666;}

}

.banner{

	background: #000000;

	position: relative;

	display: flex;

	justify-content: center;

	align-items: center;

}
.banner .swiper{
width: 100%;
}
.banner .swiper-slide{

	height: 46.88vw;

}

.banner video{

	display: block;

	width: 100%;

	height: 100%;

	margin: 0 auto;

	/* object-fit:fill; */

}

.banner .imgB{

	position: absolute;

	left: 0;

	top: 0;

	display: block;

	width: 100%;

	height: 100%;

	padding: 0;

}

.banner .playB{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

	cursor: pointer;

}

.banner .playB i{

	border-radius: 50%;

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

	width: 74px;

	height: 74px;

	display: flex;

	justify-content: center;

	align-items: center;

	font-size: 32px;

	color: #00a2ea;

}

.banner .swiper-pagination{

	bottom: 16px;

}

.banner .swiper-pagination-bullet{

	border-width: 1px;

	border-color: rgb(244, 244, 244);

	border-style: solid;

	border-radius: 50%;

	width: 14px;

	height: 14px;

	opacity: 1;

	background: none;

}

.banner .swiper-pagination-bullet-active{

	border-color: #2b9dd2;

	background: #2b9dd2;

}

.banner .swiper-button-prev{left: 16px;}

.banner .swiper-button-next{right: 16px;}

.banner .swiper-button-prev,

.banner .swiper-button-next{

	border-radius: 50%;

	box-shadow: 0px 3px 7px 0px rgba(0, 18, 54, 0.1);

	display: flex;

	justify-content: center;

	align-items: center;

	width: 56px;

	height: 56px;

	transition: all 0.3s;

	border: 1px solid #999999;

}

.banner .swiper-button-prev:hover,

.banner .swiper-button-next:hover{

	background-color: rgb(36, 166, 224);

	border: 1px solid rgb(36, 166, 224);

}

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

.banner .swiper-button-next::after{

	color: #999999;

	font-size: 24px;

	transition: all 0.3s;

}

.banner .swiper-button-prev:hover::after,

.banner .swiper-button-next:hover::after{

	color: #ffffff;

}

.indTit{

	text-align: center;

	margin-bottom: 36px;

}

.indTit .tit{

	font-size: 40px;

	color: rgb(0, 0, 0);

}

.indTit .desc{

	font-size: 16px;

	color: rgb(102, 102, 102);

	display: flex;

	justify-content: center;

	align-items: center;

	margin-top: 4px;

}

.indTit .desc::before,

.indTit .desc::after{

	content: "";

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

	display: block;

	width: 40px;

	height: 1px;

	margin: 0 20px;

}

.indTit.bai .tit,

.indTit.bai .desc{

	color: rgb(255, 255, 255);

}

.indTit.bai .desc::before,

.indTit.bai .desc::after{

	background: rgb(255, 255, 255);

}

a.moreB{

	display: flex;

	justify-content: center;

	align-items: center;

	background-color: rgb(37, 166, 224);

	width: 180px;

	height: 55px;

	font-size: 15px;

	color: rgb(255, 255, 255);

	transition: all 0.3s;

	position: relative;

}

a.moreB::before{

	content: "";

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	border: 1px solid rgba(255,255,255,0);

	transition: all 0.3s;

}

a.moreB span{

	display: block;

}

a.moreB img{

	margin-left: 8px;

	max-width: 24px;

	max-height: 24px;

}

a.moreB i{

	font-size: 24px;

	display: block;

	line-height: 1;

	margin-left: 14px;

	transition: all 0.3s;

}

a.moreB:hover::before{

	width: calc(100% - 8px);

	height: calc(100% - 8px);

	left: 4px;

	top: 4px;

	border: 1px solid #ffffff;

}

a.moreB:hover i{transform: translateX(10px);}

.titB{

	font-size: 18px;

	color: rgb(51, 51, 51);

	line-height: 1.333;

}

.descB{

	font-size: 16px;

	color: rgb(153, 153, 153);

	line-height: 1.5;

	margin-top: 16px;

}

.timeB{

	font-size: 16px;

	color: rgb(153, 153, 153);

}

.titenB{

	font-size: 16px;

	color: rgb(170, 170, 170);

}

.indp1{

	padding: 32px 0 80px;

	background-size: 100% auto;

}

.indp1 .indTit{

	margin-top: 160px;

}

.ind1Ul{margin: -32px;}

.ind1Ul li{padding: 32px;}

.ind1Ul .kuang{

	border-width: 1px;

	border-color: rgb(51, 51, 51);

	border-style: solid;

	border-radius: 12px;

	height: 100%;

	padding: 10px;

	transition: all 0.3s;

}

.ind1Ul .iconB{

	width: 72px;

	margin-right: 16px;

}

.ind1Ul .iconB img{display: block;}

.ind1Ul .iconB img:last-child{display: none;}

.ind1Ul .textB{

	width: calc(100% - 88px);

}

.ind1Ul .titB{

	font-size: 24px;

	color: rgb(51, 51, 51);

	transition: all 0.3s;

}

.ind1Ul .titenB{

	font-size: 14px;

	text-transform: uppercase;
color: rgb(102, 102, 102);

	transition: all 0.3s;

}

.ind1Ul li:hover .kuang{background: #2b9dd2;}

.ind1Ul li:hover .titB{color: #ffffff;}

.ind1Ul li:hover .titenB{color: #ffffff;}

.ind1Ul li:hover .iconB img:first-child{display: none;}

.ind1Ul li:hover .iconB img:last-child{display: block;}

.indp1 .nrBox{flex-direction: row-reverse;}

.ind1L{width: 50%;}

.ind1R{width: calc(50% - 48px);}

.ind1L .moreB{margin-top: 40px;}

.ind1Ul2{margin: -4px;}

.ind1Ul2 li{padding: 4px;}

.ind1Ul2 .col-12 .imgB{padding-top: 30%;}

.ind1Ul2 .col-6 .imgB{padding-top: 45.5%;}

.indp2{padding: 96px 0;}

.ind2Ul{

	display: flex;

	justify-content: space-around;

	align-items: center;

}

.ind2Ul .numB{

	font-size: 100px;

	color: rgb(113, 237, 255);

	font-weight: 700;

	width: max-content;

	margin: 0 auto;

	position: relative;

	line-height: 1;

}

.ind2Ul .numB .zw{opacity: 0;}

.ind2Ul .numB .counter{

	position: absolute;

	left: 0;

	top: 0;

}

.ind2Ul .numB sup{

	font-size: 44px;

	margin-left: 4px;

	vertical-align: super;

}

.ind2Ul .numB sub{

	font-size: 24px;

	margin-left: 4px;

}

.ind2Ul .titB{

	font-size: 16px;

	color: rgb(255, 255, 255);

	font-weight: 700;

	text-align: center;

	margin-top: 24px;

}

.indp3{padding: 160px 0 40px;position: relative;z-index: 2;width: 100%;overflow: hidden;}

.indTit2{

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 32px;

}

.indTit2 .tit{

	font-size: 40px;

	color: rgb(51, 51, 51);

}

.indTit2 .xian{

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

	width: calc(100% - 276px);

	height: 1px;

	margin: 0 8px;

}

.indp3 .fy{

	display: flex;

	justify-content: space-between;

	align-items: center;

	width: 96px;

}

.indp3 .swiper-button-prev,

.indp3 .swiper-button-next{

	background-color: rgb(237, 248, 255);

	width: 40px;

	height: 40px;

	transition: all 0.3s;

	position: relative;

	left: unset;

	top: unset;

	bottom: unset;

	right: unset;

	margin: unset;

}

.indp3 .swiper-button-prev:hover,

.indp3 .swiper-button-next:hover{

	background-color: rgb(36, 166, 224);

}

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

.indp3 .swiper-button-next::after{

	font-size: 24px;

	color: #999999;

}

.indp3 .swiper-button-prev:hover::after,

.indp3 .swiper-button-next:hover::after{

	color: #ffffff;

}

.swiper_indp3{margin: -35px;}

.swiper_indp3 .swiper-slide{

	padding: 35px;

}

.swiper_indp3 .kuang{

	background:#f4f4f4;

	transition: all 0.3s;

}

.swiper_indp3 .textB{

	padding: 40px;

	text-align: center;

	position: relative;

}

.swiper_indp3 .textB::before{

	content: "";

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	border: 2px solid rgba(255,255,255,0);

	transition: all 0.3s;

}

.swiper_indp3 .titB{

	font-size: 18px;

	color: rgb(51, 51, 51);

	transition: all 0.3s;

}

.swiper_indp3 .titenB{

	transition: all 0.3s;

}

.swiper_indp3 .swiper-slide:hover .kuang{

	background:#25a6e0;

	box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.08);

}

.swiper_indp3 .swiper-slide:hover .titB{

	color:#ffffff;

}

.swiper_indp3 .swiper-slide:hover .titenB{

	color:#ffffff;

}

.swiper_indp3 .swiper-slide:hover .textB::before{

	width: calc(100% - 20px);

	height: calc(100% - 20px);

	left: 10px;

	top: 10px;

	border: 2px solid #f4f4f4;

}

.indp3 .moreB{margin-top: 28px;float: right;}

.indp3 .out-pob-2 {

	background: rgba(37,166,224,0.1);

	position: absolute;

	z-index: -2;

	transform: skew(-45deg);

	right: 1.4vw;

	bottom: 40px;

	width: 400px;

	height: calc(100% - 196px);

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

}

.indp3:hover .out-pob-2 {

	right: 6vw;

}

.indp3 .out-pob {

	background: rgba(37,166,224,0.4);

	position: absolute;

	z-index: -1;

	transform: skew(-45deg);

	bottom: -60px;

	right: 2vw;

	width: 104px;

	height: calc(100% - 116px);

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	transition: all .3s;

}

.indp3:hover .out-pob {

	right: -2vw;

}

.indp4{

	position: relative;

	z-index: 1;

	padding: 88px 0 108px;

}

.indp4 .moreB{

	border-width: 1px;

	border-color: rgb(153, 153, 153);

	border-style: solid;

	background: none;

	color: #666666;

}

.indp4 .moreB:hover{

	border-color: rgb(37, 166, 224);

	background: rgb(37, 166, 224);

	color: #ffffff;

}

.indp4 .indTit2 .xian{

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

	width: calc(100% - 388px);

}

.ind4Ul{margin: -22px;}

.ind4Ul li{padding: 22px;}

.ind4Ul .kuang{

	height: 100%;

	background: #ffffff;

	transition: all 0.3s;

}

.ind4Ul .imgB{padding-top: 63%;}

.ind4Ul .textB{

	padding: 20px 32px;

}

.ind4Ul .titB{

	font-weight: 600;

	transition: all 0.3s;

}

.ind4Ul .bot{

	margin-top: 48px;

}

.ind4Ul .moreB{

	border: 0;

}

.ind4Ul .moreB i{

	font-size: 24px;

	color: #666666;

}

.ind4Ul .moreB:hover{background: none;}

.ind4Ul li:hover .kuang{box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1);}

.ind4Ul li:hover .titB,

.ind4Ul li:hover .moreB i{

	color: #25a6e0;

}

.indp5{

	background-size: 100% 100%;

	background-position: center bottom;

	padding: 180px 0 228px;

	position: relative;

	z-index: 2;

}

.indp5 .ind5Ul{

	width: calc(50% - 24px);

	font-size: 20px;

	color: rgb(255, 255, 255);

}

.ind5Ul li{margin-top: 24px;padding-left: 68px;position: relative;}

.ind5Ul li:first-child{margin-top: 0;}

.ind5Ul .iconB{

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

}

.indp5 .ewmB{

	width: calc(50% - 24px);

	justify-content: flex-end;

}

.indp5 .ewmB .eachB{

	margin-left: 40px;

}

.indp5 .ewmB .eachB:first-child{margin-left: 0;}

.indp5 .ewmB .eachB img{width: 178px;}

.indp5 .ewmB .eachB p{

	font-size: 20px;

	color: rgb(255, 255, 255);

	line-height: 1.2;

	margin-top: 24px;

}

footer.indFoot{/*margin-top: -44px;*/position: relative;z-index: 1;}

footer{

	background: #f9f9f9;

}

footer .foot1{

	padding: 92px 0 52px;

}

footer .logo{display: block;}

footer .logo img{

	max-height: 48px;

}

footer .fNav{

	display: flex;

	justify-content: flex-end;

	align-items: center;

}

footer .fNav a{

	font-size: 16px;

	color: rgb(0, 0, 0);

	display: inline-block;

	margin-right: 48px;

}

footer .fNav a:last-child{margin: 0;}

footer .foot2{

	padding: 56px 0 130px;

	border-top: 1px solid #bbbbbb;

}

footer .banquan{

	font-size: 12px;

	color: rgb(0, 0, 0);

}

footer .frlink{

	display: flex;

	justify-content: flex-end;

	align-items: center;

}

footer .frlink a{

	font-size: 12px;

	color: rgb(0, 0, 0);

	display: inline-block;

	margin-right: 48px;

}

footer .frlink a:last-child{margin: 0;}



/* 关于我们 */

.banny1 .imgB{padding-top: 36%;}

.location{

	background: #f4f4f4;

	font-size: 20px;

	color: rgb(59, 59, 59);

	padding: 5px 0;

}

.location a{

	color: rgb(59, 59, 59);

}

.location i{

	font-size: 16px;

	color: #616161;

	margin: 0 12px;

}

.abop1{

	background-size: 100% auto;

	background-position: left 36%; 

	padding-bottom: 48px;

}

.abop1 .abo1Tit{

	background-size: 100% auto;

	background-position: right 30%; 

	padding: 32px 0;

}

.abop1 .abo1Tit .titen{

	font-size: 106px;

	color: rgb(51, 51, 51);

	font-weight: bold;

	text-shadow: 0px 3px 9.5px rgba(18, 20, 62, 0.3);

}

.abop1 .abo1Tit .tit{

	font-size: 40px;

	color: rgb(51, 51, 51);

	font-style: italic;

	margin-top: 32px;

}

.abop1 .nrBox{

	background-color: rgb(245, 249, 255);

	box-shadow: 0px 0px 10px 0px rgba(18, 20, 62, 0.1);

	align-items: stretch;

}

.abop1 .abo1L{

	width: 46%;

}

.abop1 .imgB{

	min-height: 100%;

	padding-top: 113%;

}

.abop1 .abo1R{

	width: 54%;

	padding: 24px 55px;

}

.abop1 .abo1R .titB{

	font-size: 20px;

	color: rgb(51, 51, 51);

	margin-top: 24px;

	font-weight: 600;

}

.abop1 .abo1R .titB:first-child{margin: 0;}

.abop1 .abo1R .descB{

	font-size: 16px;

	color: rgb(102, 102, 102);

	line-height: 1.5;

	margin-top: 0;

}

.abop1 .abo1R .descB p{

	/* text-indent: 2em; */

	margin-top: 12px;

}

.abop1 .abo1R .tips{

	margin-top: 32px;

	font-size: 18px;

	color: rgb(51, 51, 51);

	display: flex;

	justify-content: flex-start;

	align-items: center;

}

.abop1 .abo1R .tips .each{

	margin-right: 32px;

}

.abop1 .abo1R .tips .each:last-child{margin-right: 0;}

.abop1 .abo1R .tips img{

	display: block;

	margin-right: 8px;

}

.abo1Bot{

	margin-top: 40px;

	background-color: rgb(245, 249, 255);

	box-shadow: 0px 0px 10px 0px rgba(2, 21, 59, 0.1);

	padding: 56px 0;

}

.abo1Ul{margin: -32px;}

.abo1Ul li{

	display: flex;

	justify-content: flex-start;

	align-items: center;

	padding: 32px;

}

.abo1Ul .iconB{

	border-radius: 50%;

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

	box-shadow: 0px 3px 7px 0px rgba(7, 18, 75, 0.2);

	width: 88px;

	height: 88px;

	display: flex;

	justify-content: center;

	align-items: center;

	margin-right: 24px;

}

.abo1Ul .textB{

	width: calc(100% - 112px);

	min-width: 152px;

}

.abo1Ul .titB{

	font-size: 20px;

	color: rgb(51, 51, 51);

}

.abo1Ul .descB{

	font-size: 16px;

	color: rgb(51, 51, 51);

	line-height: 1.5;

	margin-top: 4px;

}

.abop2{padding: 72px 0 80px;}

.abop2 .abo2L{

	width: 164px;

}

.abo2L .swiper{

	height: 360px;

}

.abo2L .swiper-slide{

	font-size: 30px;

	color: rgb(191, 191, 191);

	height: calc(100% / 5);

	display: flex;

	justify-content: center;

	align-items: center;

	cursor: pointer;

}

.abo2L .swiper-slide-thumb-active{

	color: rgb(255, 255, 255);

}

.abop2 .swiper-button-prev{

	transform: rotate(90deg);

}

.abop2 .swiper-button-next{

	transform: rotate(90deg);

}

.abop2 .swiper-button-prev,

.abop2 .swiper-button-next{

	position: relative;

	left: unset;

	right: unset;

	top: unset;

	margin: 0;

	outline: none;

	margin: 0 auto;

}

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

.abop2 .swiper-button-next::after{

	font-size: 30px;

	color: #ffffff;

}

.abop2 .abo2R{

	width: calc(100% - 220px);

}

.abo2R .imgB{

	padding-top: 28.4%;

}

.abo2R .titB{

	font-size: 20px;

	color: rgb(255, 255, 255);

	text-align: center;

	margin-top: 32px;

}

.abo2R .descB{

	font-size: 14px;

	color: rgb(255, 255, 255);

	line-height: 1.6;

	text-align: center;

}

.abop3{padding: 88px 0 0;}

.abo3L{width: 46%;}

.abo3L .titB{display: none;}

.abo3L .descB{display: none;}

.abo3R{width: 50%;text-align: right;}

.abop3 .titB{

	font-size: 22px;

	color: rgba(51, 51, 51, 0.8);

	transition: all 0.3s;

}

.abop3 .descB{

	font-size: 16px;

	color: rgb(102, 102, 102);

	line-height: 1.5;

	margin-top: 8px;

}

.abo3Ul li{

	border-bottom: 1px solid rgba(102, 102, 102,0.5);

	padding: 40px 0 48px;

	position: relative;

	padding-right: 0;

	transition: all 0.3s;

}

.abo3Ul li::after{

	content: "";

	background-color: rgb(37, 166, 224);

	position: absolute;

	right: 0;

	top: 40px;

	width: 4px;

	height: calc(100% - 88px);

	opacity: 0;

	transition: all 0.3s;

}

.abo3Ul li.on{

	padding-right: 12px;

}

.abo3Ul li.on .titB{

	color: #25a6e0;

}

.abo3Ul li.on::after{

	opacity: 1;

}

.abop3 .swiper-pagination{display: none;}

.abop4{padding: 128px 0 148px;}

.abop4 .imgB{padding-top: 75%;}

.abop4 .swiper-scrollbar{

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

	width: 100%;

	height: 5px;

	margin-top: 60px;

	border-radius: 0;

	position: relative;

	left: unset;

	bottom: unset;

}

.abop4 .swiper-scrollbar-drag{

	background-color: rgb(36, 166, 224);

	width: 41px;

	height: 4px;

	border-radius: 0;

}

.abop5{

	padding: 108px 0 178px;

}

.abop5 .nrBox{

	width: 69%;

}

.abop5 .titB{

	font-size: 48px;

	color: rgb(0, 176, 255);

}

.abop5 .xian{

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

	display: block;

	width: 112px;

	height: 2px;

	margin-top: 32px;

}

.abop5 .descB{

	font-size: 20px;

	color: rgb(255, 255, 255);

	line-height: 1.5;

	margin-top: 32px;

}

.abop5 .descB p{

	margin-top: 20px;

}

.abop5 .descB p:first-child{margin-top: 0;}

.abop6{padding: 88px 0 196px;}

.abop6 .nrBox{

	width: 72%;

	padding: 0 64px;

	margin: 0 auto;

}

.abop6 .yxk{

	overflow: hidden;

}

.abop6 .kuang{

	width: 262px;

	width: 100%;

	margin: 0 auto;

}

.abop6 .swiper{

	overflow: visible;

}

.abop6 .swiper-slide{

	padding: 10px;

}

.abop6 .swiper-slide-active{

	transform: scale(1);

}

.abop6 .swiper-slide .tuB{

	transform: scale(0.8);

	transition: all 0.3s;

	height: 344px;

	text-align: center;

	display: flex;

	justify-content: center;

	align-items: center;

}

.abop6 .swiper-slide .tuK{

	box-shadow: 0px 3px 10px 0px rgba(0, 18, 54, 0.2);

}

.abop6 .swiper-slide-active .tuB{

	transform: scale(1);

}

.abop6 .swiper-slide .tuB img{

	display: block;

	width: 100%;

}

.abop6 .swiper-slide .titB{

	font-size: 16px;

	color: rgb(51, 51, 51);

	text-align: center;

	opacity: 0;

	margin-top: 16px;

	transition: all 0.3s;

}

.abop6 .swiper-slide-active .titB{

	opacity: 1;

}

.abop6 .swiper-pagination{display: none;}

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

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

.abop6 .swiper-button-prev,

.abop6 .swiper-button-next{

	border-radius: 50%;

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

	box-shadow: 0px 3px 7px 0px rgba(0, 18, 54, 0.1);

	display: flex;

	justify-content: center;

	align-items: center;

	width: 56px;

	height: 56px;

	transition: all 0.3s;

}

.abop6 .swiper-button-prev:hover,

.abop6 .swiper-button-next:hover{

	background-color: rgb(36, 166, 224);

}

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

.abop6 .swiper-button-next::after{

	color: #999999;

	font-size: 24px;

	transition: all 0.3s;

}

.abop6 .swiper-button-prev:hover::after,

.abop6 .swiper-button-next:hover::after{

	color: #ffffff;

}

.abop7{padding: 80px 0 148px;}

.abop7 .nrBox{

	align-items: stretch;

}

.abo7L{width: 33.33%;}

.abo7Ul li{

	font-size: 16px;

	color: rgb(51, 51, 51);

	line-height: 1.5;

	position: relative;

	margin-top: 40px;

	padding: 16px;

	padding-left: 56px;

}

.abo7Ul li:first-child{margin-top: 0;}

.abo7Ul .iconB{

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

	width: 56px;

	display: flex;

	justify-content: center;

	align-items: center;

}

.abo7Ul li:last-child{

	background-color: #25a6e0;

	color: #ffffff;

}

.abo7Ul li:last-child::before{

	content: "";

	width: 0;

	height: 0;

	border-left: 30px solid #25a6e0;

	border-top: 8px solid transparent;

	border-bottom: 8px solid transparent;

	position: absolute;

	right: -30px;

	top: calc(50% - 8px);

}

.abo7R{width: 62.5%;}

.abo7R #map{

	width: 100%;

	height: 100%;

}

.historyP{

	background-size: 100% auto;

	background-position: center 12vw;

	background-color: #f4f4f4;

}

.historyUl li{

	padding: 96px 0;

	position: relative;

}

.historyUl li::before{

	content: "";

	background-color: rgb(9, 77, 230);

	position: absolute;

	left: 50%;

	top: 0;

	width: 1px;

	height: 100%;

}

.historyUl li::after{

	content: "";

	border-radius: 50%;

	background-color: rgb(10, 160, 255);

	position: absolute;

	left: calc(50% - 8px);

	top: calc(50% - 8px);

	display: block;

	width: 16px;

	height: 16px;

}

.historyUl .timeB1{

	font-size: 5.2vw;

	color: rgb(51, 51, 51);

	font-weight: 700;

	line-height: 1;

	width: 50%;

	padding: 0 5.2vw 0 0;

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

	z-index: 1;

}

.historyUl .timeB2{

	font-size: 9.9vw;

	color: rgba(153, 153, 153, 0.102);

	font-weight: 700;

	line-height: 1;

	width: 50%;

	padding: 0 0 0 5.2vw;

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

	z-index: 1;

}

.historyUl .titB{

	min-height: 78px;

	display: flex;

	align-items: center;

	width: 50%;

	padding: 0 5.2vw 0 0;

	z-index: 2;

	position: relative;

}

.historyUl li:nth-child(odd) .timeB1{text-align: right;}

.historyUl li:nth-child(even) .timeB1{left: 50%;padding: 0 0 0 5.2vw;}

.historyUl li:nth-child(odd) .timeB2{left: 50%;}

.historyUl li:nth-child(even) .timeB2{padding: 0 5.2vw 0 0;}

.historyUl li:nth-child(odd) .titB{margin-left: 50%;padding: 0 0 0 5.2vw;text-align: left;}

.historyUl li:nth-child(even) .titB{justify-content: flex-end;}

.banny{

	position: relative;

}

.banny .imgB{

	position: absolute;

	left: 0;

	top: 0;

	display: block;

	width: 100%;

	height: 100%;

	padding-top: 0;

	z-index: 1;

}

.banny .textB{

	padding: 200px 0;

	position: relative;

	z-index: 2;

	line-height: 1;

	font-style: italic;

}

.banny .titB{

	font-size: 26px;

	color: rgb(255, 255, 255);

}

.banny .titB b{

	font-weight: 400;

	font-size: 64px;

}

.pubTit{margin-bottom: 40px;}

.pubTit .tit{

	font-size: 40px;

	color: rgb(51, 51, 51);

}

.pubTit .desc{

	font-size: 16px;

	color: rgb(102, 102, 102);

	line-height: 1.6;

	margin-top: 8px;

}

.pubTit .time{

	font-size: 14px;

	color: #999999;

	line-height: 1.6;

	margin-top: 8px;

}

.pubTit.bai .tit,

.pubTit.bai .desc{

	color: rgb(255, 255, 255);

}

.designP{padding: 64px 0;}

.pubTit2{padding-left: 56px;}

.pubTit2 .tit{position: relative;}

.pubTit2 .tit::before{

	content: "";

	background-color: rgb(37, 166, 224);

	position: absolute;

	left: -56px;

	top: calc(50% - 12px);

	width: 5px;

	height: 24px;

}

.designP .imgB{padding-top: 74.28%;}

.designP .fyB{margin-top: 24px;align-items: flex-end;justify-content: space-between;}

.designP .swiper-scrollbar{

	width: calc(100% - 96px);

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

	display: block;

	height: 5px;

	border-radius: 0;

	position: relative;

	left: unset;

	bottom: unset;

}

.designP .swiper-scrollbar-drag{

	background: #24a6e0;

	border-radius: 0;

}

.designP .swiper-button-prev,

.designP .swiper-button-next{

	width: 40px;

	height: 40px;

	position: relative;

	left: unset;

	right: unset;

	top: unset;

	margin: unset;

	border: 1px solid #999999;

	transition: all 0.3s;

}

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

.designP .swiper-button-next::after{

	font-size: 12px;

	color: #333333;

	transition: all 0.3s;

}

.designP .swiper-button-prev:hover,

.designP .swiper-button-next:hover{

	background: #24a6e0;

}

.designP .swiper-button-prev:hover::after,

.designP .swiper-button-next:hover::after{

	color: #ffffff;

}

.designP2 .swiper-button-prev,

.designP2 .swiper-button-next{

	border-color: #ffffff;

}

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

.designP2 .swiper-button-next::after{

	color: #ffffff;

}

.designP .textB{

	border-width: 1px;

	border-color: rgb(36, 166, 224);

	border-style: solid;

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

	width: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

	padding: 16px;

	position: relative;

	padding-top: 100%;

}

.designP .numB{

	font-size: 200px;

	color: rgba(193, 218, 255, 0.2);

	position: absolute;

	left: 0;

	top: 0;

	display: flex;

	justify-content: center;

	align-items: center;

	width: 100%;

	height: 100%;

	padding: 16px;

	z-index: 1;

	font-weight: 700;

}

.designP .titB{

	font-size: 26px;

	color: rgb(51, 51, 51);

	text-align: center;

	position: relative;

	z-index: 2;

	position: absolute;

	left: 0;

	top: 0;

	display: flex;

	justify-content: center;

	align-items: center;

	width: 100%;

	height: 100%;

}

.designP .descB{

	background-color: rgb(36, 166, 224);

	width: 100%;

	min-height: 80px;

	display: flex;

	justify-content: center;

	align-items: center;

	margin-top: 32px;

	position: relative;

	font-size: 20px;

	color: #ffffff;

	padding: 8px;

	text-align: center;

}

.designP .descB::before{

	content: "";

	background-color: rgb(36, 166, 224);

	position: absolute;

	left: 50%;

	top: -32px;

	width: 1px;

	height: 32px;

}

.filterB .line{

	border-bottom: 1px solid #999999;

	position: relative;

	padding-left: 96px;

	padding-right: 150px;

}

.filterB .tit{

	font-size: 16px;

	color: rgb(153, 153, 153);

	position: absolute;

	left: 0;

	top: 0;

	line-height: 28px;

	display: block;

	padding: 16px 0;

}

.filterB .swiper-slide{

	padding: 16px 0;

	text-align: center;

	min-width: 80px;

	position: relative;

	font-size: 16px;

	color: rgb(153, 153, 153);

	line-height: 28px;

	width: max-content;

	cursor: pointer;

}

.filterB .active{

	font-size: 20px;

	color: #333333;

	position: relative;

}

.filterB .active::after{

	content: "";

	background-color: rgb(36, 166, 224);

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 2px;

}

.filterB .fyB{

	display: flex;

	justify-content: center;

	align-items: center;

	width: 150px;

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

}

.filterB .swiper-button-prev,

.filterB .swiper-button-next{

	position: relative;

	left: unset;

	right: unset;

	top: unset;

	margin: 0;

}

.filterB .swiper-button-prev.swiper-button-disabled,

.filterB .swiper-button-next.swiper-button-disabled{

	opacity: 0;

}

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

.filterB .swiper-button-next::after{

	color: #616262;

	font-size: 12px;

}

.proFind{

	margin-top: 56px;

	display: flex;

	justify-content: center;

	align-items: center;

	font-size: 16px;

	margin-bottom: 20px;

}

.proFind .shuru{

	background-color: rgb(245, 249, 255);

	width: calc(100% - 180px);

	height: 60px;

	padding: 0 32px;

	border: 0;

	display: block;

}

.proFind label{

	background-color: rgb(37, 166, 224);

	width: 180px;

	height: 60px;

	font-size: 16px;

	color: #ffffff;

	display: flex;

	justify-content: center;

	align-items: center;

	cursor: pointer;

	margin: 0;

}

.proFind label input{

	border: 0;

	background: none;

	color: #ffffff;

}

.proFind label img{

	display: block;

	margin-left: 12px;

	height: 14px;

}

.prodUl{

	margin: -8px;

}

.prodUl li{

	padding: 8px;

}

.prodUl .tuB{

	border-width: 1px;

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

	border-style: solid;

	position: relative;

}

.prodUl .imgB{

	padding-top: 48.6%;

}

.prodUl .textB{

	background-color: rgba(0, 0, 0,0.5);

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	display: flex;

	justify-content: flex-start;

	align-items: center;

	font-size: 16px;

	color: #ffffff;

	padding: 32px;

	opacity: 0;

	transition: all 0.3s;

}

.prodUl li:hover .textB{opacity: 1;}
.prodUl li:hover .titB2{color: #25a6e0;}

.prodUl .textB .kk{width: 100%;}

.prodUl .textB .titB{

	color: #ffffff;

	width: 100%;

}

.prodUl .textB .titB::after{

	content: "";

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

	display: block;

	width: 43%;

	height: 1px;

	margin-top: 12px;

	display: block;

}

.prodUl .textB .descB{

	color: #ffffff;

}

.prodUl .titB2{

	font-size: 16px;

	color: #666666;

	font-weight: bold;

	padding: 16px 0;

	text-align: center;

}

.pageTurn{

	margin: 40px auto 60px;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-wrap: wrap;

}

.pageTurn a,

.pageTurn span{

	border-style: solid;

	border-width: 1px;

	border-color: #999999;

	background: rgb(255, 255, 255);

	min-width: 40px;

	height: 40px;

	line-height: 40px;

	font-size: 16px; 

	color: #666666; 

	padding: 0 8px;

	display: block;

	text-align: center;

	margin: 10px;

}

.pageTurn span{

	border-color: #25a6e0;

	background: #25a6e0;

	color:#ffffff; 

}

.xqyDiv{height: 100px;}

.prodD1{padding: 112px 0 0;}

.prodD1 .nrBox{

	align-items: stretch;

}

.prodD1 .tuB{

	border-width: 1px;

	border-color: rgb(228, 228, 228);

	border-style: solid;

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

	width: 65.6%;

	display: flex;

	justify-content: center;

	align-items: center;

}

.prodD1 .textB{

	width: calc(34.4% - 30px);

}

.prodD1 .titB{

  font-size: 36px;

  color: rgb(59, 59, 59);

  padding-left: 22px;

  position: relative;

}

.prodD1 .titB::before{

	content: "";

	background-color: rgb(36, 166, 224);

	position: absolute;

	left: 0;

	top: calc(50% - 15px);

	display: block;

	width: 4px;

	height: 30px;

}

.prodD1 .descB{

	font-size: 16px;

	color: #666666;

	margin-top: 40px;

}

.prodD1 .descB .line{

	border-bottom: 1px solid #999999;

	padding: 12px 0;

	margin-top: 10px;

}

.prodD1 .descB .line:first-child{

	margin-top: 0;

	border-top: 1px solid #999999;

}

.prodD1 .descB b{font-weight: 400;}

.prodD1 .descB i{color: #24a6e0;}

.prodD1 .descB span{color: #333333;}

.prodD1 .moreB{

	margin-top: 48px;

}

.prodD2{padding-top: 88px;}

.prodD2 .imgB{

  border-width: 1px;

  border-color: rgb(228, 228, 228);

  border-style: solid;

  padding-top: 64.8%;

}

.designP.prodD2 .swiper-scrollbar{display: block !important;}

.designP.prodD2 .swiper-button-prev, 

.designP.prodD2 .swiper-button-next{display: flex;}

.prodD3{padding: 48px 0 56px;}

.prodD3Form label{

	width: 100%;

	position: relative;

	display: block;

	margin-bottom: 24px;

}

.prodD3Form .line label{

	width: calc((100% / 3) - 20px);

}

.prodD3Form input,

.prodD3Form textarea{

	display: block;

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

	width: 100%;

	height: 60px;

	border: 0;

	padding: 0 16px 0 112px;

}

.prodD3Form .duan input{padding-left: 72px;}

.prodD3Form textarea{

	height: 180px;

	padding: 19px 16px 19px 72px;

}

.prodD3Form .bitian{

	font-size: 20px;

	color: rgb(255, 0, 0);

	position: absolute;

	left: 8px;

	top: 4px;

	z-index: 2;

}

.prodD3Form .titB{

	font-size: 16px;

	color: rgb(153, 153, 153);

	position: absolute;

	left: 16px;

	top: 0px;

	line-height: 60px;

}

.prodD3Form .btnG{

	margin: 44px auto 0;

	display: flex;

	justify-content: center;

	align-items: center;

}

.prodD3Form .btnG input{

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

	width: 180px;

	height: 56px;

	font-size: 15px;

	color: rgb(102, 102, 102);

	cursor: pointer;

	padding: 0;

	margin: 0 10px;

}

.prodD3Form .btnG input[type=submit]{

	background-color: rgb(37, 166, 224);

	color: #ffffff;

}

.prodD3Form label.yzm{

	display: flex;

	justify-content: flex-start;

	align-items: center;

}

.prodD3Form label.yzm .titB{

	position: relative;

	left: unset;

	top: unset;

	background: #fbfbfb;

	width: 88px;

	padding: 0 8px;

	text-align: right;

}

.prodD3Form label.yzm input{

	width: 146px;

	padding: 0 16px;

}

.prodD3Form label.yzm #canvas{

	width: 110px;

	height: 60px;

	background: #e3e9f0;

}

.newsUl li{

	padding: 40px 0;

	border-bottom: 1px solid #eeeeee;

}

.newsUl .tuB{width: 330px;}

.newsUl .imgB{padding-top: 60%;}

.newsUl .textB{width: calc(100% - 386px);}

.newsUl .titB{

	font-size: 24px;

	color: rgb(51, 51, 51);

	transition: all 0.3s;

}

.newsUl .descB{

	font-size: 14px;

	color: rgb(102, 102, 102);

	line-height: 2;

	margin: 8px 0 16px;

}

.newsUl .timeB{

	font-size: 14px;

	color: rgb(153, 153, 153);

}

.newsUl .moreBtn{

	font-size: 14px;

	color: rgb(153, 153, 153);

	transition: all 0.3s;

}

.newsUl .moreBtn i{

	font-size: 12px;

	margin-left: 8px;

}

.newsUl li:hover .titB,

.newsUl li:hover .moreBtn{

	color: #0099e4;

}

.newsD{padding: 0 0 96px;background: #fbfbfb;}

.newsD .nrBox{padding: 48px 0 0;background: #ffffff;}

.newsD .pubTit2{margin-bottom: 72px;}

.newsD .pubTit2 .tit{font-size: 30px;}

.newsD .textB{

	font-size: 16px;

	color: rgb(102, 102, 102);

	line-height: 1.5;

	padding: 0 56px 16px;

}

.newsD .fyBox{

	margin-top: 40px;

	display: flex;

	justify-content: center;

	align-items: center;

}

.newsD .fyBox a{

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

	width: 50%;

	height: 84px;

	display: flex;

	justify-content: center;

	align-items: center;

	color: #444444;

	font-size: 16px;

	transition: all 0.3s;

}

.newsD .fyBox a i{font-size: 16px;}

.newsD .fyBox a:first-child i{transform: rotate(180deg);}

.newsD .fyBox a:last-child{flex-direction: row-reverse;}

.newsD .fyBox a span{

	margin: 0 4px;

}

.newsD .fyBox a:hover{

	background: #24a6e0;

	color: #ffffff;

}

.cotctB1 .pubTit .tit{font-size: 30px;}











/* .banner{height: 41.67vw;} */

.ind2Ul .numB{font-size: 5.2vw;}

.abop1 .abo1Tit .titen{font-size: 5.52vw;}

@media (max-width:1352px) {

	.ind1Ul{margin: -16px;}

	.ind1Ul li{padding: 16px;}

	.ind1Ul .iconB{width: 64px;}

	.ind1Ul .textB{width: calc(100% - 80px);}

	.indp1 .indTit{margin-top: 80px;}

	.indp2{padding: 64px 0;}

	.ind2Ul .numB sup{font-size: 32px;}

	.indp3{padding-top: 80px;}

	.swiper_indp3{margin: -24px;}

	.swiper_indp3 .swiper-slide{padding: 24px;}

	.swiper_indp3 .swiper-slide:hover .kuang {box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);}

	.indp5{padding: 96px 0 120px;}

	.indp5 .ewmB .eachB img{width: 120px;}

	footer .foot1 {padding: 72px 0 32px;}

	footer .foot2{padding: 24px 0 88px;}

	.indp3 .out-pob{height: calc(100% - 60px);}

	.indp3 .out-pob-2{height: calc(100% - 172px);}

	.indp4,

	.abop6{padding: 80px 0;}

}

@media (max-width:1232px) {

	.xqyDiv{display: none;}

	/* .topDiv{height: 100px;} */

	.banner .swiper-slide{height: calc(100vh - 100px);}

	.abop3,

	.prodD1{padding: 80px 0 0;}

	.abop2,

	.abop4,

	.abop5{padding: 80px 0;}

	.ind1Ul{margin: -8px;}

	.ind1Ul li{padding: 8px;}

	.ind1Ul .iconB{width: 56px;margin-right: 8px;}

	.ind1Ul .textB{width: calc(100% - 64px);}

	.ind1Ul .titB,

	.abop3 .titB,

	.newsUl .titB{font-size: 20px;}

	.swiper_indp3{margin: -16px;}

	.swiper_indp3 .swiper-slide,

	.ind4Ul .textB{padding: 16px;}

	.swiper_indp3 .swiper-slide:hover .kuang {box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);}

	.swiper_indp3 .textB{padding: 16px;}

	.swiper_indp3 .swiper-slide:hover .textB::before {

	    width: calc(100% - 10px);

	    height: calc(100% - 10px);

	    left: 5px;

	    top: 5px;

	    border: 1px solid #f4f4f4;

	}

	.abop1 .abo1R {padding: 24px 32px;}

	.abo1Bot{padding: 24px 0;}

	.abo1Ul{margin: -8px;}

	.abo1Ul li{padding: 8px;}

	.abo1Ul .iconB{width: 72px;height: 72px;}

	.abo1Ul .iconB img{max-width: 60%;max-height: 60%;}

	.abo3Ul li{padding: 28px 0 28px 28px;}

	.abo3Ul li::after{top: 28px;height: calc(100% - 56px);}

	.abop5 .titB{font-size: 32px;}

	.abop6 .nrBox{width: 88%;}

	.banny .textB{padding: 12vw 0;}

	.banny .titB{font-size: 22px;}

	.banny .titB b{font-size: 40px;}

	.pubTit2{padding-left: 40px;}

	.indTit .tit,

	.pubTit2 .tit,

	.indTit2 .tit,

	.pubTit .tit{font-size: 32px;}

	.pubTit2 .tit::before{left: -40px;}

	.designP .titB{font-size: 20px;}

	.designP .numB{font-size: 16vw;}

	.designP .descB{min-height: 60px;}

	.prodD3Form label.yzm input{width: 120px;}

	.prodD3Form .titB{font-size: 16px;}

	.newsD .fyBox a{height: 56px;}

}

@media (max-width:1024px) {

	.topDiv{height: 56px;}

	.banner .swiper-slide{height: 47vw;}

	.banner .swiper-button-prev, .banner .swiper-button-next{display: none;}

	.banner .swiper-pagination{display: block;}

	.indp1 .nrBox{display: block;}

	.ind1R{width: 100%;}

	.ind1L{width: 100%;margin-top: 16px;}

	.ind4Ul{margin: -8px;}

	.ind4Ul li{padding: 8px;}

	.indp5 .ind5Ul{font-size: 16px;}

	.abop1 .abo1R .descB{font-size: 14px;}

	.abop1 .abo1R .tips .each{margin-right: 12px;}

	.abop1 .abo1R .tips img{margin-right: 4px;}

	.abo2L .swiper-slide{font-size: 24px;}

	.abop2 .abo2L{width: 120px;}

	.abop2 .abo2R{width: calc(100% - 140px);}

	.abo2L .swiper{height: 280px;}

	.abop5 .descB{font-size: 16px;}

	.prodD1 .nrBox{display: block;}

	.prodD1 .tuB{width: 100%;}

	.prodD1 .textB{width: 100%;margin-top: 16px;}

	.prodD1 .descB{margin-top: 12px;}

	.prodD1 .titB{font-size: 30px;}

	.prodD3Form .line{display: block;}

	.prodD3Form .line label{width: 100%;}

	.newsUl .tuB {width: 30%;}

	.newsUl .textB {width: calc(70% - 16px);}

	.newsD .textB{padding: 0 16px 16px;}

	.newsD .pubTit2{margin-bottom: 40px;}

	.prodD3Form input{height: 48px;}

	.prodD3Form .titB{line-height: 48px;}

	.prodD3Form label.yzm canvas{height: 48px;}

	.historyUl .timeB2{font-size: 14vw;}

	.historyUl li{padding: 48px 0;}

}

@media (max-width:800px) {

	.banner .playB {

	    /* left: calc(50% - 24px);

	    top: calc(50% - 24px); */

	}

	.banner .playB i {

	    font-size: 24px;

	    width: 48px;

	    height: 48px;

	}

	.ind1Ul .iconB {

	    width: 32px;

	    margin-right: 8px;

	}

	.ind1Ul .textB{width: calc(100% - 40px);}

	.ind1Ul .kuang{border-radius: 8px;padding: 8px;}

	.indp1 .indTit{margin: 48px 0 16px;}

	.indTit .desc{margin: 0;}

	.indTit .desc::before, .indTit .desc::after {width: 30px;margin: 0 12px;}

	a.moreB {width: 164px;height: 48px;font-size: 14px;}

	.indp1{padding: 32px 0 64px;}

	.indp2{padding: 40px 0;}

	.ind2Ul .numB{font-size: 8vw;}

	.ind2Ul .numB sup{font-size: 20px;}

	.ind2Ul .numB sub{bottom: 0;font-size: 16px;}

	.ind2Ul{align-items: flex-start;}

	.ind2Ul li{width: calc(100% / 3);}

	.indTit2 .xian{display: none;}

	.swiper_indp3{margin: -8px;}

	.swiper_indp3 .swiper-slide,

	.ind4Ul .textB{padding: 8px;}

	.swiper_indp3 .swiper-slide:hover .kuang {box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);}

	.swiper_indp3 .textB{padding: 12px;}

	.indp3 .out-pob{bottom: 0;}

	.ind4Ul .bot{margin-top: 16px;}

	.indp5{padding: 32px 0 64px;background-size: auto 100%;}

	.indp5 .nrBox{display: block;}

	.indp5 .ind5Ul{width: 100%;}

	.ind5Ul .iconB{width: 28px;}

	.ind5Ul li{padding-left: 44px;}

	.indp5 .ewmB{width: 100%;margin-top: 16px;justify-content: center;}

	.indp5 .ewmB .eachB img{width: 96px;}

	.indp5 .ewmB .eachB p{font-size: 16px;}

	footer .logo img{max-height: 40px;}

	/* footer.indFoot{margin-top: -32px;} */

	footer .foot1{padding: 40px 0 16px;display: block;}

	footer .fNav{justify-content: center;margin-top: 16px;flex-wrap: wrap;}

	footer .fNav a,

	footer .fNav a:last-child{margin: 6px;}

	footer .foot2{padding: 16px 0;display: block;text-align: center;}

	footer .frlink{justify-content: center;margin-top: 8px;}

	.location{padding: 12px 0;font-size: 16px;}

	.location i{font-size: 14px;}

	.abop1 .abo1Tit .titen{font-size: 32px;}

	.abop1 .abo1Tit .tit{font-size: 24px;margin-top: 16px;}

	.abop1 .nrBox{display: block;}

	.abop1 .abo1L{width: 100%;}

	.abop1 .abo1R{width: 100%;padding: 16px;}

	.abop1 .abo1R .tips{font-size: 16px;}

	.abo1Ul{display: block;}

	.abo1Ul .iconB{width: 60px;height: 60px;margin-right: 16px;}

	.abo1Ul .textB{width: calc(100% - 76px);}

	.abop2 .nrBox{display: block;}

	.abop2 .abo2L{width: 100%;display: flex;justify-content: center;align-items: center;}

	.abop2 .abo2R{width: 100%;margin-top: 16px;}

	.abo2L .swiper{height: auto;}

	.abo2L .swiper-slide{width: max-content;font-size: 18px;padding: 16px;}

	.abop2 .swiper-button-prev{transform: unset;}

	.abop2 .swiper-button-next{transform: unset;}

	.abop2 .swiper-button-prev::after, .abop2 .swiper-button-next::after{font-size: 16px;}

	.abo3R{display: none;}

	.abop3 .nrBox{display: block;}

	.abo3L{width: 100%;}

	.abo3L .titB{display: block;font-size: 16px;margin-top: 8px;}

	.abo3L .descB{display: block;font-size: 14px;}

	.abop3 .swiper-pagination{display: block;position: relative;left: unset;bottom: unset;display: flex;justify-content: center;align-items: center;margin: 16px auto 0;}

	.abop5 .nrBox{width: 100%;}

	.abop5 .titB{font-size: 24px;}

	.abop5 .xian{width: 10%;margin-top: 16px;}

	.abop5 .descB{margin-top: 16px;}

	.abop6 .nrBox{width: 100%;padding: 0;}

	/* .abop6 .swiper-button-prev, .abop6 .swiper-button-next{display: none;} */

	/* .abop6 .swiper-pagination{display: block;position: relative;left: unset;bottom: unset;display: flex;justify-content: center;align-items: center;margin: 16px auto 0;} */

	.abop6 .swiper-slide .tuB{transform: unset;height: auto;}

	.abop6 .swiper-button-prev, .abop6 .swiper-button-next {width: 40px;height: 40px;}

	.abop7 .nrBox{display: block;}

	.abo7L{width: 100%;}

	.abo7R{width: 100%;margin-top: 16px;}

	.abo7Ul li{margin: 0;}

	.abo7Ul li:last-child::before{display: none;}

	.abo7Ul li{padding:12px;padding-left: 40px;}

	.abo7Ul .iconB{width: 28px;}

	.abo7R #map{height: 60vw;}

	.historyUl li{padding: 24px 0;}

	.historyUl li::after{width: 12px;height: 12px;left: 0;top: 32px;}

	.historyUl li::before{left: 5px;}

	.historyUl .timeB1,

	.historyUl li:nth-child(odd) .timeB1,

	.historyUl li:nth-child(even) .timeB1{font-size: 24px;position: relative;left: unset;top: unset;padding: 0 0 0 40px;width: 100%;text-align: left;transform:unset;}

	.historyUl .titB,

	.historyUl li:nth-child(odd) .titB,

	.historyUl li:nth-child(even) .titB{width: 100%;padding: 0 0 0 40px;justify-content: flex-start;margin: 0;min-height: unset;margin-top: 8px;font-size: 16px;}

	.historyUl .timeB2,

	.historyUl li:nth-child(odd) .timeB2,

	.historyUl li:nth-child(even) .timeB2{

		right: 0;

		left: unset;

		padding: 0;

		display: none;

	}

	.banny .textB{padding: 12vw 0;}

	.banny .titB{font-size: 16px;}

	.banny .titB b{font-size: 28px;}

	.pubTit{margin-bottom: 24px;}

	.pubTit2{padding-left: 24px;}

	.pubTit2 .tit::before{left: -24px;}

	.pubTit .desc{font-size: 14px;}

	.designP .numB{font-size: 24vw;}

	.designP .descB{margin-top: 20px;font-size: 16px;min-height: 48px;}

	.designP .descB::before{top: -20px;height: 20px;}

	.designP .titB{font-size: 16px;}

	.filterB .line{padding: 0 60px 0 48px;}

	.filterB .tit{padding: 8px 0;}

	.filterB .swiper-slide{padding: 8px 0;}

	.filterB .swiper-slide-active{font-size: 18px;}

	.filterB .fyB{width: 60px;}

	.proFind{margin: 16px 0;}

	.proFind label{width: 132px;height: 40px;}

	.proFind .shuru{width: calc(100% - 132px);height: 40px;padding: 0 16px;}

	.prodUl .titB2{padding: 8px 0;}

	.prodUl .textB{opacity: 1;position: relative;padding: 12px;left: unset;top: unset;height: auto;}

	.prodUl .textB .titB::after{margin-top: 8px;}

	.prodUl .textB .descB{margin-top: 8px;}

	.prodUl .titB2{display: none;}

	.prodD1{padding: 16px 0 0;}

	.prodD1 .titB{font-size: 24px;}

	.prodD1 .titB::before {top: calc(50% - 10px);height: 20px;}

	.prodD1 .descB .line{padding: 8px 0;}

	.prodD2{padding: 40px 0 0;}

	.prodD3Form label{margin-bottom: 12px;}

	.prodD3Form .btnG{margin-top: 24px;}

	.prodD3Form .btnG input {width: 132px;height: 40px;}

	.newsUl li{padding: 16px 0;}

	.newsUl .kuang{display: block;}

	.newsUl .tuB{width: 100%;}

	.newsUl .textB{width: 100%;margin-top: 12px;}

	.pageTurn{margin-top: 24px;}

	.pageTurn a, .pageTurn span {

	    min-width: 32px;

	    height: 32px;

	    line-height: 32px;

	    font-size: 16px;

	    margin: 4px;

	}

	.newsD .nrBox{background: none;padding: 16px 0;}

	.newsD .pubTit2{padding: 0;}

	.newsD .pubTit2 .tit{font-size: 24px;padding: 0;}

	.newsD .pubTit2 .tit::before{display: none;}

	.newsD .textB{padding: 0;}

	.newsD .fyBox{margin-top: 24px;}

	.newsD .fyBox a{height: 40px;}

	 

	/* padding */

	.indp3,

	.indp4,

	.abop2, .abop4, .abop5,

	.abop6,

	.abop7{padding: 64px 0;}

	.abop3{padding: 64px 0 0;}

	/* margin */

	.ind1L .moreB,

	.prodD1 .moreB{margin-top: 24px;}

	.abo2R .titB,

	.abop4 .swiper-scrollbar{margin-top: 16px;}

	.ind4Ul .descB,

	.abo2R .descB{margin-top: 8px;}

	/* 字号 */

	.indTit .tit, 

	.pubTit2 .tit, 

	.indTit2 .tit, 

	.pubTit .tit{font-size: 28px;}

	.cotctB1 .pubTit .tit{font-size: 20px;}

	.ind1Ul .titB,

	.swiper_indp3 .titB{font-size: 18px;}

	.ind1Ul .titenB,

	.swiper_indp3 .titenB,

	.ind4Ul .titB,

	.abo1Ul .titB,

	.abo2R .titB,

	.newsUl .titB{font-size: 16px;}

	.ind2Ul .titB,

	.ind4Ul .descB,

	.ind4Ul .timeB,

	.abo1Ul .descB,

	.newsUl .descB{font-size: 14px;line-height: 1.6;}

	

	

	

	/* 表格间距 */

	.ind1Ul,

	.ind2Ul{margin: -4px;}

	.ind1Ul li

	.ind2Ul li{padding: 4px;}

	

	

	

	/* 切换按钮 */

	.indp3 .fy{width: 72px;}

	.indp3 .swiper-button-prev,

	.indp3 .swiper-button-next,

	.designP .swiper-button-prev, 

	.designP .swiper-button-next{

	    width: 32px;

	    height: 32px;

	}

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

	.indp3 .swiper-button-next::after{

	    font-size: 20px;

	}

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

	.designP .swiper-button-next::after{

	    font-size: 16px;

	}

	.cotctB1{padding-bottom: 0;}

	

}

.ind1L .moreB,

.indp4 .indTit2 .moreB,

.indp3 .moreB{

	border-width: 1px;

	border-color: rgb(153, 153, 153);

	border-style: solid;

	background: none;

	color: #666666;

}

.ind1L .moreB:hover,

.indp4 .indTit2 .moreB:hover,

.indp3 .moreB:hover{

	border-color: rgb(37, 166, 224);

	background: rgb(37, 166, 224);

	color: #ffffff;

}