body{padding: 0;margin: 0;font-family: "Source Han Sans CN";font-size: 14px;color: #666666;overflow-x:hidden;}
.wrap{max-width: 1200px;margin: 0 auto;}
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;}
.bgf3f3f3{background: #f3f3f3;}
.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%;}
.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{width:100%;padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto}
@media (min-width:800px){.container{max-width:800px}}
@media (min-width:1024px){.container{max-width:1024px}}
@media (min-width:1232px){.container{padding: 0 16px;max-width: 1232px;}}
.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);}
.col_1{width: calc(100% / 1);}
.imgB{
	position: relative;
    padding-top: 100%;
	display: block;
}
.imgB .pic{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.imgB .pic video,
.imgB .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.showB .eachB{display: none;}
.showB .eachB:first-child{display: block;}

header{
	position: fixed;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);
	z-index: 99;
	transition: all 0.3s;
	background: #ffffff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.502);
}
header .nrBox{height: 90px;}
header .logo img{max-height: 52px;display: block;max-width: 250px;}
header .menuUl>li{
	margin-right: 36px;
	position: relative;
}
header .menuUl>li:last-child{margin-right: 0;}
header .menuUl .yiji{
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
header .menuUl .yiji a{
	font-size: 16px;
	color: #333333;
	line-height: 90px;
	display: block;
	position: relative; 
}
header .menuUl>li .yiji a::before{
	content: "";
	display: block;
	width: 0;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: 0px;
	background: #0171bd;
	transition: all 0.3s;
}
header .menuUl>li.on .yiji a,
header .menuUl>li:hover .yiji a{color: #0171bd;}
header .menuUl>li.on .yiji a::before,
header .menuUl>li:hover .yiji a::before{
	width: 100%;
	left: 0;
}
header .menuUl .erjiBox{
	position: absolute;
	left: 50%;
	top: 90px;
	transition: all 0.3s;
	background-color: #ffffff;
	text-align: left;
	width: max-content;
	width: -webkit-max-content;
	opacity: 0;
	height: 0;
	visibility: hidden;
	transform: translateY(-20px) translateX(-50%);
	min-width: 130px;
	padding: 12px 0;
	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 16px;
	text-align: center;
}
header .menuUl .erjiUl>li>a:hover{
	background-color: rgba(1, 113, 189,0.06);
}
header .headForm{
	margin-left: 48px;
}
header .headForm .shuru{
	background-color: rgb(242, 245, 247);
	width: 180px;
	height: 40px;
	border-radius: 20px;
	padding: 0 48px 0 16px;
	font-size: 14px;
	border: 0;
	display: block;
}
header .headForm .tijiao{
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}
header .mopenBtn{display: none;}
.topDiv{height: 90px;}
@media (max-width:1232px) {
	header .menuUl>li{margin-right: 24px;}
	header .headForm{margin-left: 24px;}
}
@media (max-width:1024px) {
	.topDiv{height: 56px;}
	header .nrBox{
		height: 56px;
	}
	header .logo img{max-height: 44px;}
	header .findBox{height: 56px;}
	header .mopenBtn{
		display: block;
		width: 32px;
		height: 26px;
		position: relative;
		cursor: pointer;
		margin-left: 16px;
	}
	header .mopenBtn span, 
	header .mopenBtn:after, 
	header .mopenBtn:before {
		content: "";
		display: block;
		width: 100%;
		height: 3px;
		background: rgb(1, 113, 189);
		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(12px) rotate(45deg);
		-ms-transform: translateY(12px) rotate(45deg);
		transform: translateY(12px) 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;
	}
	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;
	}
	header .menuUl .hasDown>div>.ejBtn::before{
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		background: rgba(1, 113, 189,0.3);
		position: absolute;
		left: 0;
		top: calc(50% - 1px);
	}
	header .menuUl .hasDown>div>.ejBtn::after{
		content: "";
		display: block;
		width: 2px;
		height: 100%;
		background: rgba(1, 113, 189,0.3);
		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: none;
	}
	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 .headForm{margin: 16px 16px 0;width: calc(100% - 32px);}
	header .headForm .shuru{width: 100%;}
}
footer{background: #0171bd;}
footer .fNav{
	padding: 32px 0 6.6vw;
}
footer .fNav .fCol{
	width: 100%;
	margin-right: 30px;
}
footer .fNav .fCol:last-child{
	min-width: 358px;
	margin-right: 0;
}
footer .fNav .fTit{
	font-size: 16px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	padding: 0 0 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255,0.2);
	margin-bottom: 12px;
	width: 100%;
}
footer .fNav .fCon{
	font-size: 14px;
	color: rgb(203, 205, 210);
	line-height: 2;
}
footer .fNav .fCon a{
	color: rgb(203, 205, 210);
	display: block;
	margin-bottom: 10px;
	line-height: 1.4;
}
footer .fNav .fCon a:last-child{margin-bottom: 0;}
footer .fNav .fCon a:hover{color: #ffffff;}
footer .fNav .fCon b{
	font-size: 30px;
	font-family: "Impact";
	text-transform: uppercase;
	line-height: 1.2;
	display: block;
	font-weight: 400;
	margin-bottom: 8px;
}
footer .ewmB{
	margin-top: 32px;
	text-align: center;
	font-size: 14px;
	color: #cbcdd2;
	width: max-content;
}
footer .ewmB img{width: 112px;display: block;margin-bottom: 8px;}
footer .fBot{
	padding: 12px 0;
	border-top: 1px solid rgba(255,255,255,0.2);
}
footer .banquan{
	font-size: 14px;
	color: rgb(255, 255, 255);
}
footer .banquan a{color: rgb(255, 255, 255);}
footer .banquan a:hover{color: #ffffff;}
footer .frLi{position: relative;}
footer .frLi .showB{
	border-style: solid;
	border-width: 1px;
	border-color: rgb(220, 220, 220);
	border-radius: 2px;
	width: max-content;
	line-height: 38px;
	padding: 0 32px 0 16px;
	font-size: 14px;
	color: #ffffff;
	background: url(../img/icon1.png) calc(100% - 16px) center no-repeat;
	background-size: 10px 6px;
}
footer .frLi .seleV{
	position: absolute;
	left: 0;
	bottom: 40px;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(220, 220, 220);
	padding: 4px 0;
	border-bottom: 0;
	display: none;
	background-color: rgb(255, 255, 255);
}
footer .frLi:hover .seleV{display: block;}
footer .frLi .seleV a{
	font-size: 14px;
	color: #818690;
	padding: 4px 16px;
	transition: all 0.3s;
	display: block;
	text-align: center;
}
footer .frLi .seleV a:hover{background: #0171bd;color: #ffffff;}
@media (max-width:1200px) {
	footer .fNav{padding: 40px 0;}
	footer .fNav .fCol{margin-right: 40px;}
	footer .fNav .fCol:last-child {min-width: 300px;}
}
@media (max-width:1024px) {
	footer .fNav{flex-wrap: wrap;}
	footer .fNav .fCol{width: calc(100% / 3);margin: 0;padding-left: 32px;}
	footer .fNav .fCol:first-child{width: calc(100% / 3);margin: 0;padding-left: 0;}
	footer .fNav .fCol:last-child{width: 100%;padding-left: 0;}
	footer .fNav .fCol:nth-child(4){padding-left: 0;}
	footer .fNav .fTit{padding: 10px 0;}
}
@media (max-width:768px) {
	footer .fNav{padding: 0 0 16px;}
	footer .fNav .fCol,
	footer .fNav .fCol:first-child{width: 100%;padding: 0;}
	footer .fNav .fCol .fTit{
		font-size: 16px;
		position: relative;
		margin-bottom: 0;
		padding: 12px 0;
	}
	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;}
	footer .fNav .fCol:last-child .fTit{margin-bottom: 16px;}
	footer .fNav .fCol:last-child .fCon{display: block;padding: 0;}
	footer .fNav .fCon{margin: 0;padding: 16px;}
	footer .fNav .open .fCon{border-bottom: 1px solid rgba(255, 255, 255,0.2);}
	footer .fBot{border-top: 1px solid rgb(0, 20, 80);display: block;text-align: center;}
	footer .frLi{width: max-content;margin: 8px auto 0;}
}



.banner{overflow: hidden;}
.banner .imgB{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 0;
	z-index: 1;
}
.banner .nrBox{
	position: relative;
	z-index: 2;
	text-align: center;
	padding: 188px 0;
}
.banner .titB{
	font-size: 30px;
	color: rgb(254, 254, 254);
	line-height: 1;
	margin: 0;
	font-weight: 400;
}
.banner .descB{
	font-size: 80px;
	color: rgb(254, 254, 254);
	font-weight: bold;
	margin-top: 24px;
	margin-bottom: 0;
}
.banner .telB{
	border-radius: 5px;
	background-color: rgb(1, 113, 189);
	width: max-content;
	line-height: 58px;
	font-size: 30px;
	color: rgb(254, 254, 254);
	padding: 0 34px;
	margin: 40px auto 0;
	justify-content: flex-start;
	display: block;
} 
.banner .swiper-slide .titB{transition: all 0.6s;transform: translateY(40px);opacity: 0;}
.banner .swiper-slide .descB{transition: all 0.6s;transition-delay: 0.3s;transform: translateY(40px);opacity: 0;}
.banner .swiper-slide .telB{transition: all 0.6s;transition-delay: 0.6s;transform: translateY(40px);opacity: 0;} 
.banner .swiper-slide-active .titB,
.banner .swiper-slide-active .descB,
.banner .swiper-slide-active .telB{transform: translateY(0);opacity: 1;}
.banner .swiper-pagination{
	bottom: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.banner .swiper-pagination-bullet{
	border-radius: 5px;
	background-color: rgb(255, 255, 255);
	opacity: 1;
	width: 10px;
	height: 10px;
	transition: all 0.3s;
}
.banner .swiper-pagination-bullet-active{background-color: rgb(1, 113, 189);width: 36px;}
.banner .swiper-button-prev{left: 60px;}
.banner .swiper-button-next{right: 60px;}
.banner .swiper-button-prev,
.banner .swiper-button-next{
	border-radius: 4px;
	background-color: rgba(0, 0, 0,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 60px;
	background-size: auto 24px;
}
.indp{padding: 64px 0 0;}
.indpb{padding: 64px 0;}
.pubTit{text-align: center;margin-bottom: 40px;line-height: 1;}
.pubTit .tit{
	font-size: 36px;
	color: rgb(51, 51, 51);
}
.pubTit .tit span{color: #0071bd;}
.pubTit .desc{
	font-size: 16px;
	color: rgb(153, 153, 153);
	margin-top: 16px;
}
.titB{
	font-size: 18px;
	color: rgb(51, 51, 51);
}
.descB{
	font-size: 14px;
	color: rgb(119, 119, 119);
	line-height: 1.7;
	margin-top: 8px;
}
.moreBtn{
	font-size: 14px;
	color: rgb(153, 153, 153);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 40px;
	transition: all 0.6s;
}
.moreBtn i{
	margin-left: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 12px;
	height: 8px;
	overflow: hidden;
	position: relative;
}
.moreBtn i img{
	display: block;
}
.moreBtn i img:last-child{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
@keyframes link-arrow{
	0%{transform:translate(0,0)}
	50%{transform:translate(100%,0)}
	51%{transform:translate(100%,-200%)}
	52%{transform:translate(-100%,-200%)}
	53%{transform:translate(-100%,0)}
	100%{transform:translate(0,0)}
}

.indp1 .swiper{margin: -15px;}
.indp1 .swiper-wrapper{align-items: stretch;}
.indp1 .swiper-slide{
	height: auto;
	padding: 15px;
}
.indp1 .kuang{
	border-radius: 8px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 15px 0px rgba(26, 59, 91, 0.1);
	height: 100%;
	padding: 32px;
}
.indp1 .iconB img{display: block;width: 48px;}
.indp1 .titB{font-weight: bold;margin-top: 12px;}
.indp1 .kuang:hover .titB{color: #0171bd;}
.indp1 .kuang:hover .moreBtn{color: #0171bd;}
.indp1 .kuang:hover .moreBtn i img{animation:link-arrow .6s ease-in-out .3s 1 forwards}
.indp1 .kuang:hover .moreBtn i img:first-child{opacity: 0;}
.indp1 .kuang:hover .moreBtn i img:last-child{opacity: 1;}
.indp1 .fy,
.indp2 .fy{
	margin: 30px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.indp1 .swiper-button-prev,
.indp1 .swiper-button-next,
.indp2 .swiper-button-prev,
.indp2 .swiper-button-next{
	border-style: solid;
	border-width: 1px;
	border-color: rgb(204, 204, 204);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 46px;
	height: 46px;
	position: relative;
	left: unset;
	right: unset;
	top: unset;
	margin: 0 12px;
	background-size: auto 16px;
}
.indp2 .swiper{margin: -15px;}
.indp2 .swiper-slide{
	height: auto;
	padding: 15px;
}
.indp2 .kuang{
	border-radius: 8px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 15px 0px rgba(26, 59, 91, 0.1);
	flex-direction: row-reverse;
}
.indp2 .tuB{width: 52.3%;}
.indp2 .imgB{padding-top: 68.3%;}
.indp2 .textB{
	width: 47.7%;
	padding: 12px 24px 94px 24px;
}
.indp2 .catB{
	font-size: 18px;
	color: rgb(0, 111, 188);
}
.indp2 .titB{
	font-size: 24px;
	color: rgb(51, 51, 51);
	margin-top: 8px;
}
.indp2 .descB{
	margin-top: 28px;
}
.indp2 .fy{
	position: absolute;
	left: 24px;
	bottom: 48px;
}
.ind3Ul{margin: -5px;}
.ind3Ul li{
	padding: 5px;
	width: 20%;
	float: left;
}
.ind3Ul li:first-child{
	width: 40%;
}
.ind3Ul .imgB{padding-top: 94.4%;}
.ind3Ul .titB{
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	display: block;
	width: 100%;
	padding: 10px;
}
.indp4 .swiper-wrapper{align-items: stretch;}
.indp4 .swiper-slide{height: auto;}
.indp4 .kuang{
	height: 100%;
	border-bottom: 1px solid #f3f3f3;
	position: relative;
}
.indp4 .kuang::before{
	content: "";
	background-color: rgb(1, 113, 189);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	transition: all 0.3s;
}
.indp4 .imgB{padding-top: 133%;}
.indp4 .titB{
	font-size: 14px;
	color: rgb(102, 102, 102);
	line-height: 1.7;
	text-align: center;
	padding: 16px 12px;
}
.indp4 .swiper-slide:hover .titB{
	color: rgb(1, 113, 189);
}
.indp4 .swiper-slide:hover .kuang::before{width: 40px;}
.indp4 .swiper-button-prev{left: 0;}
.indp4 .swiper-button-next{right: 0;}
.indp4 .swiper-button-prev,
.indp4 .swiper-button-next{
	border-radius: 2px;
	background-color: rgba(0, 0, 0,0.2);
	width: 32px;
	height: 60px;
	background-size: auto 24px;
	top: calc(50% - 30px);
	margin-top: -40px;
}
.indp5 .pubTit{text-align: left;}
.indp5 .clickB{
	position: absolute;
	right: 16px;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.indp5 .clickB .eachB{
	font-size: 14px;
	color: rgb(51, 51, 51);
	border-style: solid;
	border-width: 1px;
	border-color: rgb(221, 221, 221);
	border-radius: 4px;
	background-color: rgb(255, 255, 255);
	line-height: 40px;
	padding: 0 20px;
	margin-left: 20px;
	cursor: pointer;
}
.indp5 .clickB .eachB:first-child{margin-left: 0;}
.indp5 .clickB .eachB.on{
	border-color: #0171bd;
	background-color: #0171bd;
	color: #ffffff;
}
.newsUl{
	margin: -10px;
}
.newsUl li{
	/* float: left; */
	padding: 10px;
	/* width: calc(100% / 3); */
}
.newsUl .kuang{
	border-style: solid;
	border-width: 1px;
	border-color: rgb(230, 230, 230);
	background-color: rgb(255, 255, 255);
}
.newsUl .imgB{padding-top: 56%;}
.newsUl .textB{
	padding: 16px;
}
.newsUl .titB{
	font-size: 18px;
	color: rgb(51, 51, 51);
}
.newsUl .descB{
	font-size: 12px;
	color: rgb(153, 153, 153);
	margin-top: 4px;
}
.newsUl .timeB{
	font-size: 12px;
	color: rgb(153, 153, 153);
	margin-top: 40px;
	padding-left: 16px;
	background: url(../img/time.png) left center no-repeat;
	background-size: 11px;
}
/* .ind5Ul li{width: 25%;}
.ind5Ul li:first-child{width: 50%;}
.ind5Ul li:first-child .kuang{display: block;height: 100%;}
.ind5Ul li:first-child .imgB{padding-top: 0;height: 100%;} */
.ind5Ul li:first-child .titB{
	font-size: 16px;
	color: rgb(255, 255, 255);
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 6px 20px;
	text-align: left;
	width: 100%;
}
.abop1 .nrBox{flex-direction: row-reverse;}
.abop1Left{width: 62%;}
.abop1Right{width: 35%;}
.abop1Right .imgB{padding-top: 116%;}
.abop1Left .enTit{
	font-size: 40px;
	color: rgba(221, 221, 221, 0.502);
	font-weight: 600;
}
.abop1Left .pubTit{
	text-align: left;
	margin-top: 4px;
	margin-bottom: 20px;
}
.abop1Left .descB{
	font-size: 18px;
	color: rgb(1, 113, 189);
}
.abop1Left .textB{
	font-size: 16px;
	color: rgb(102, 102, 102);
	line-height: 1.8;
	text-align: justify;
	margin-top: 24px;
}
.abop3 .nrBox{flex-direction: row-reverse;}
.abop3Left{width: 46.7%;}
.abop3Right{width: 48.3%;}
.abop3Right .imgB{padding-top: 64.8%;}
.abop3Left .pubTit{text-align: left;margin-bottom: 24px;}
.abop3Left .xian{
	background-color: rgb(1, 113, 189);
	display: block;
	width: 36px;
	height: 3px;
	margin-top: 24px;
}
.abop3Left .textB{
	font-size: 16px;
	color: rgb(102, 102, 102);
	line-height: 1.8;
	text-align: justify;
}
.innerP{padding: 30px 0 64px;}
aside{width: 240px;}
article{width: calc(100% - 270px);}
aside .catName{
	background-color: rgb(1, 113, 189);
	width: 100%;
	font-size: 20px;
	color: rgb(255, 255, 255);
	padding: 13px 20px;
}
.secUl{
	background: #f7fafd;
}
.secUl li{
	padding: 0 20px;
}
.secUl a{
	display: block;
	font-size: 14px;
	color: rgb(102, 102, 102);
	padding: 14px 0;
	border-top: 1px solid #e6e6e6;
	padding-left: 12px;
	position: relative;
}
.secUl a::before{
	content: "";
	background-color: rgb(204, 204, 204);
	position: absolute;
	left: 0;
	top: calc(50% - 2px);
	width: 4px;
	height: 4px;
}
.secUl li:first-child a{border-bottom: 0;}
.secUl li.on{background: rgba(1, 113, 189,0.05);}
.secUl li.on a{color: #0171bd;border-top: 0;background: url(../img/jt2.png) right center no-repeat;}
.secUl li.on+li a{border-top: 0;}
.secUl li.on a::before{background: #0171bd;}
.innerLine{margin-top: 28px;}
.innerLine:first-child{margin-top: 0;}
.innerTit{
	border-bottom: 1px solid #eeeeee;
	font-size: 20px;
	color: rgb(51, 51, 51);
	font-weight: 500;
	padding: 13px 0;
	position: relative;
	margin-bottom: 20px;
}
.innerTit::before{
	content: "";
	background-color: rgb(1, 113, 189);
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 80px;
	height: 2px;
}
.innerCon{padding: 12px 0;}
aside .innerTit{color: rgb(1, 113, 189);margin-bottom: 0;}
.recomUl li{padding: 12px 0;border-bottom: 1px dashed #eeeeee;}
.recomUl li:first-child{padding-top: 0;}
.recomUl .tuB{width: 64px;margin-right: 12px;}
.recomUl .textB{width: calc(100% - 76px);}
.recomUl .titB{
	font-size: 14px;
	color: rgb(51, 51, 51);
}
.recomUl .timeB{
	font-size: 12px;
	color: rgb(153, 153, 153);
	margin-top: 6px;
}
.pageTurn{
	margin: 32px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.pageTurn a,
.pageTurn span{
	border-style: solid;
	border-width: 1px;
	border-color: rgb(238, 238, 238);
	border-radius: 2px;
	background: rgb(255, 255, 255);
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 14px; 
	color: #333333; 
	padding: 0 8px;
	display: block;
	text-align: center;
	margin: 5px;
}
.pageTurn span{
	border-color: #0673c9;
	background: #0673c9;
	color:#ffffff; 
}
.kcB{flex-direction: row-reverse;}
.detailP .pageTit{
	font-size: 36px;
	color: #333333;
	font-weight: bold;
	margin: 8px 0 16px;
}
.detailP .infoBox{
	font-size: 14px;
	line-height: 22px;
	padding: 10px 0;
	color: #999999;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 1px solid #eeeeee;
}
.detailP .infoBox span::after{
	content: "";
	background-color: rgb(204, 204, 204);
	display: inline-block;
	width: 1px;
	height: 13px;
	margin: 0 20px;
}
.detailP .infoBox span:last-child::after{display: none;}
.detailP .nrBox{
	padding: 24px 0;
	font-size: 16px;
	color: rgb(51, 51, 51);
	line-height: 1.8;
	text-align: justify;
}
.caseUl .kuang{
	margin-top: 16px;
	border: 1px solid #eeeeee;
	padding: 10px;
}
.caseUl li:first-child .kuang{margin-top: 0;}
.caseUl .tuB{
	width: 300px;
	margin-right: 20px;
	border: 1px solid #eeeeee;
	overflow: hidden;
}
.caseUl .imgB{padding-top: 56%;}
.caseUl .textB{
	width: calc(100% - 320px);
	padding-bottom: 42px;
}
.caseUl .titB{transition: all 0.5s;}
.caseUl .descB{
	font-size: 12px;
	color: rgb(153, 153, 153);
	line-height: 1.5;
}
.caseUl .moreB{
	display: block;
	font-size: 12px;
	color: rgb(1, 113, 189);
	border-style: solid;
	border-width: 1px;
	border-color: rgb(1, 113, 189);
	line-height: 32px;
	padding: 0 20px;
	position: absolute;
	right: 24px;
	bottom: 20px;
	transition: all 0.5s;
}
.caseUl li .titB:hover{color: rgb(1, 113, 189);}
.caseUl li .moreB:hover{
	background: rgb(1, 113, 189);
	color: #ffffff;
}
/* 鼠标经过 */
.indp2 .titB,
.newsUl .titB,
.recomUl .titB{transition: all 0.5s;}
.indp2 .titB:hover,
.newsUl .titB:hover,
.recomUl .titB:hover{color: rgb(1, 113, 189);}


@media (max-width:1232px) {
	.banner .descB{font-size: 64px;}
	.banner .telB{font-size: 24px;}
	.detailP .pageTit,
	.pubTit .tit,
	.abop1Left .enTit{font-size: 32px;}
	.caseUl .tuB{width: 240px;margin-right: 16px;}
	.caseUl .textB{width: calc(100% - 256px);}
	.ind5Ul li:first-child .imgB {padding-top: 60.15%;}
	.indp4 .swiper-button-prev, .indp4 .swiper-button-next{margin-top: -50px;}
}
@media (max-width:1024px) {
	.banner .titB{font-size: 24px;}
	.banner .descB{font-size: 48px;}
	.banner .telB{font-size: 20px;line-height: 40px;}
	.newsUl{margin: -4px;}
	.newsUl li{padding: 4px;}
	.ind5Ul li:first-child .imgB {padding-top: 65.8%;}
	.moreBtn,
	.newsUl .timeB{margin-top: 24px;}
	.kcB,.kcB2{display: block;}
	article{width: 100%;}
	aside{width: 100%;margin-top: 16px;}
}
@media (max-width:800px) {
	.detailP .pageTit, .pubTit .tit, .abop1Left .enTit{font-size: 28px;}
	.banner .nrBox{padding: 24vw 0;}
	.banner .titB{font-size: 20px;}
	.banner .descB{font-size: 28px;margin-top: 16px;}
	.banner .telB{font-size: 16px;line-height: 36px;margin-top: 16px;}
	.banner .swiper-button-prev{left: 16px;}
	.banner .swiper-button-next{right: 16px;}
	.banner .swiper-pagination{bottom: 12px;}
	.indp1 .swiper{margin: -4px;}
	.indp1 .swiper-slide{padding: 4px;}
	.indp1 .kuang {box-shadow: 0px 0px 4px 0px rgba(26, 59, 91, 0.1);}
	.indp1 .kuang{padding: 16px 12px;}
	.indp1 .iconB img{width: 40px;}
	.indp1 .titB{font-size: 16px;}
	.descB{font-size: 14px;line-height: 1.6;}
	.indp1 .swiper-button-prev, .indp1 .swiper-button-next, .indp2 .swiper-button-prev, .indp2 .swiper-button-next{width: 32px;height: 32px;}
	.indp2 .kuang{display: block;}
	.indp2 .tuB{width: 100%;}
	.indp2 .textB{width: 100%;padding: 16px;}
	.indp2 .titB{font-size: 20px;}
	.indp2 .descB{margin-top: 16px;}
	.indp2 .fy{position: relative;left: unset;bottom: unset;}
	.ind3Ul li{width: 50%;}
	.ind3Ul li:first-child{width: 100%;}
	.ind3Ul .titB{font-size: 16px;padding: 8px 16px;}
	.indp4 .swiper-slide{opacity: 0.5;}
	.indp4 .swiper-slide-active{opacity:1;}
	.indp4 .titB{font-size: 16px;padding: 8px 16px;}
	.indp4 .kuang{height: auto;}
	.banner .swiper-button-prev, .banner .swiper-button-next,
	.indp4 .swiper-button-prev, .indp4 .swiper-button-next{width: 24px;height: 40px;background-size: auto 20px;background-color: rgba(0,0,0,0.6);}
	.indp5 .pubTit{text-align: center;}
	.indp5 .clickB{position: relative;margin: 16px auto 0;width: 100%;right: unset;top: unset;}
	.indp5 .clickB .eachB,
	.indp5 .clickB .eachB:first-child{padding: 0 16px;margin: 0 8px;line-height: 36px;}
	.indp5 .showB{margin-top: 16px;}
	.ind5Ul li{width: 50%;}
	.ind5Ul li:first-child{width: 100%;}
	.moreBtn, .newsUl .timeB{margin-top: 16px;}
	.newsUl .textB{padding: 8px;}
	.newsUl .titB{font-size: 16px;}
	.newsUl .descB{font-size: 14px;}
	.abop1 .nrBox,
	.abop3 .nrBox{display: block;}
	.abop1Right,
	.abop3Right{width: 100%;}
	.abop1Left,
	.abop3Left{width: 100%;margin-top: 16px;}
	.abop1Left .enTit{font-size: 24px;}
	.newsUl li{width: 50%;}
	.recomUl .tuB{width: 30%;}
	.recomUl .textB{width: calc(70% - 12px);}
	.detailP .pageTit{margin: 0 ;font-size: 24px;}
	.detailP .infoBox span::after{margin: 0 8px;}
	.innerCon{font-size: 15px;}
	aside .catName{padding: 8px 16px;}
	.secUl li{padding: 0 16px;}
	.secUl a{padding: 10px 0;padding-left: 12px;}
	.caseUl{margin: -4px;display: flex;justify-content: flex-start;align-items: stretch;flex-wrap: wrap;}
	.caseUl li{width: 50%;padding: 4px;margin: 0;height: unset;}
	.caseUl .kuang{display: block;height: 100%;margin: 0;padding: 0;}
	.caseUl .tuB{width: 100%;margin: 0;border: 0;border-bottom: 1px solid #eeeeee;}
	.caseUl .textB{width: 100%;margin-top: 16px;padding-bottom: 48px;padding: 8px;margin: 0;padding-bottom: 0;}
	.caseUl .titB{font-size: 16px;}
	.caseUl .descB{font-size: 14px;}
	.caseUl .moreB{font-size: 14px;position: relative;right: unset;bottom: unset;margin: 8px auto;width: max-content;}
	.pageTurn{margin-top: 16px;margin-bottom: 24px;}
	.recomUl{margin: -8px;display: flex;justify-content: flex-start;align-items: stretch;flex-wrap: wrap;}
	.recomUl li,
	.recomUl li:first-child{width: 50%;padding: 8px;margin: 0;height: unset;margin: 0;border-bottom: 0;}
	.recomUl .kuang{display: block;}
	.recomUl .tuB{width: 100%;margin: 0;}
	.recomUl .textB{width: 100%;padding: 8px;}
	
}