body{padding: 0;margin: 0;font-size: 20px;color: #3e3a39;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%;}
.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;}
@media (min-width:1200px) {.container{padding: 0;max-width: 1200px;}}


body::-webkit-scrollbar{
	width: 1px;
}
body::-webkit-scrollbar-track{
	width: 1px;
}
body::-webkit-scrollbar-thumb{
	width: 1px;
}
/**导航菜单**/
header{
	padding: 0 6.5%;
	background: #ffffff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);
}
header .nrBox{height: 100px;}
header .logo{display: block;}
header .logo img{
	display: block;
	max-height: 46px;
	max-width: 26vw;
}
header .menu>li{
	position: relative;
}
header .menu>li>a{
	font-size: 18px;
	color: #727171;
	padding: 0 20px;
	height: 100px;
	line-height: 100px;
}
header .menu>li>a:hover {color: #68c4e7;}
header .menu>li.hasDown::after{
	content: "";
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 7px solid #0062af;
	position: absolute;
	left: calc(50% - 6px);
	bottom: 12px;
	opacity: 0;
	transition: all 0.3s;
}
header .menu>li.hasDown:hover::after{opacity: 1;}
header .erjiUl{
	position: absolute;
	left: 0;
	top: 100px;
	width: 100%;
	display: none;
}
header .menu>li.hasDown:hover .erjiUl{display: block;}
header .erjiUl>li{
	background: rgba(255,255,255,0.8);
	border-top: 1px solid #fff;
	transition: all 0.3s;
}
header .erjiUl>li:hover{
	background: rgba(0,98,175,0.8);
}
header .erjiUl>li>a{
	color: #727171;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	width: 100%;
	transition: all 0.3s;
}
header .erjiUl>li:hover>a{
	color: #ffffff;
}
header .btnB{
	height: 100px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
	cursor: pointer;
}
header .showB{
	position: absolute;
	left: 0;
	top: 100px;
}
header .telB{
	margin-left: 10px;
}
header .telB .btnB::before{
	content: "";
	display: block;
	background: #727171;
	position: absolute;
	right: 0;
	top: calc(50% - 10px);
	width: 2px;
	height: 20px;
}
header .btnB::after{
	content: "";
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 7px solid #0062af;
	position: absolute;
	left: calc(50% - 6px);
	bottom: 12px;
	opacity: 0;
	transition: all 0.3s;
}
header .telB .btnB i{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/tel2.png) center no-repeat;
	background-size: cover;
}
header .showB{
	background: rgba(0,98,175,0.8);
	width: max-content;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 16px;
	color: #ffffff;
	font-size: 18px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 20px;
	display: none;
}
header .telB:hover .showB{display: flex;}
header .telB:hover .btnB::after{opacity: 1;}
header .langB{
	font-size: 18px;
	color: #727171;
}
header .langB:hover .showB{display: flex;}
header .langB:hover .btnB::after{opacity: 1;}
header .mbtn{
	margin-left: 30px;
	width: 40px;
	height: 40px;
	background: url(../img/menu2.png) center no-repeat;
	background-size: cover;
}
header.indHead{background: #0062af;}
header.indHead .menu>li>a{color: #ffffff;}
header.indHead .menu>li.on>a{color: #68c4e7;}
header.indHead .telB .btnB i{background-image: url(../img/tel.png);}
header.indHead .telB .btnB::before{background: #ffffff;}
header.indHead .langB{color: #ffffff;}
header.indHead .mbtn{background-image: url(../img/menu1.png);}
header.indHead .menu>li.hasDown::after,
header.indHead .btnB::after,
header.indHead .btnB::after{border-top: 7px solid #ffffff;}
/* body{width: 100%;height: 100%;overflow: hidden;} */
.showNav{
	width: 100%;
	height: 100vh;
	background: url(../img/navbg.jpg) center no-repeat;
	background-size: cover;
	position: fixed;
	left: 0;
	top: -100vh;
	z-index: 100;
	transition: all 0.5s;
}
.showNav.open{
	top: 0;
}
.showNav .line1{
	padding: 0 6.5%;
	width: 100%;
	height: 100px;
	justify-content: flex-end;
}
.showNav .mbtn{
	display: block;
	width: 40px;
	height: 40px;
	background: url(../img/menu3.png) center no-repeat;
	background-size: cover;
}
.showNav .logo{display: block;margin-top: 20px;}
.showNav .logo img{display: block;max-height: 64px;margin: 0 auto;}
.showNav .menu{margin-top: 108px;}
.showNav .menu a{
	display: block;
	font-size: 18px;
	color: #ffffff;
	margin-top: 20px;
}
.showNav .menu .yiji>a{margin-top: 0;}
.topDiv{height: 100px;}
.banner .img{height: 100vh;background: url() center no-repeat;background-size: cover;transition: all 5s;display: block;}
.banner .font{
	font-size: 36px;
	color: rgb(255, 255, 255);
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 600;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 56%;
	height: 100%;
	line-height: 2;
	text-shadow: 0px 9px 13px rgba(52, 90, 163, 0.8);
	transition: all 0.8s;
	transition-delay: 0.5s;
	left: 32%;
	opacity: 0;
}
.banner .swiper-slide{position: relative;}
.banner .swiper-slide-active .font{
	left: 22%;
	opacity: 1;
}
.banner .font1{padding-bottom: 18vh;}
.banner .font2{color: #0062af;padding-bottom: 40vh;text-shadow: 0px 9px 13px rgba(52, 90, 163, 0.3);}
.banner .swiper-slide-active .img{transform: scale(1.02);}
.banner .fanye{
	position: absolute;
	right: 6.25vw;
	top: 0;
	height: 100%;
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.banner .swiper-pagination{
	left: unset;
	bottom: unset;
	margin: 0;
	position: relative;
}
.banner .swiper-pagination-bullet{
	height: 36px;
	line-height: 36px;
	padding-right: 48px;
	background: url(../img/bani4.png) right center no-repeat;
	background-size: 30px 36px;
	font-size: 26px;
	color: #ffffff;
	width: auto;
	border-radius: 0;
	margin: 32px 0;
	opacity: 1;
	color: rgba(255,255,255,0);
	display: block;
}
.banner .swiper-pagination-bullet-active{background-image: url(../img/bani3.png);color: #ffffff;}
.banner .fanye.lan .swiper-pagination-bullet{background-image: url(../img/bani2.png);}
.banner .fanye.lan .swiper-pagination-bullet-active{background-image: url(../img/bani1.png);color: #0062af;}
.banquan{
	background: rgb(0,0,0);
	color: #ffffff;
	font-size: 18px;
	padding: 16px 0;
	text-align: center;
}
footer.indFoot{
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99;
	width: 100%;
}
footer.indFoot .banquan{
	background: rgba(0,0,0,0.7);
}
.bannerny .nrBox{
	height: 430px;
	font-size: 53px;
	font-weight: 600;
	color: #ffffff;
}
.bannerny .kuang{
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
}
.bannerny .font1{
	font-weight: 700;
	position: relative;
	margin-right: 14px;
	font-size: 56px;
}
.bannerny .font1 img{
	position: absolute;
	right: 0;
	top: -32px;
	height: 32px;
}
.aboP{padding: 88px 0;}
.aboP .tit{
	font-size: 30px;
	color: rgb(104, 196, 231);
	line-height: 1.5;
	padding: 0 17%;
}
.aboP .nrBox{
	margin-top: 88px;
	line-height: 2;
	line-height: 2.64;
}
.aboP .nrBox .textB{width: 58%;}
.aboP .nrBox .imgB{width: 33%;}
.footLine1{
	padding: 80px 0 60px;
	background: url(../img/footer.jpg) center center no-repeat;
	background-size: cover;
}
.footLine1 .menu{
	justify-content: space-around;
}
.footLine1 .menu a{
	display: block;
	font-size: 18px;
	color: #ffffff;
	margin-top: 20px;
}
.footLine1 .menu>li>a{margin-top: 0;}
.footLine1 .gotop{
	position: absolute;
	right: 8.8vw;
	bottom: 25%;
	width: 56px;
	height: 56px;
	background: url(../img/top.png) center no-repeat;
	background-size: cover;
}
.newsP{padding: 40px 0 60px;}
.newUl li{margin-top: 32px;background: #eaeaea;padding: 42px;}
.newUl li:first-child{margin-top: 0;}
.newUl .textB{width: 48%;}
.newUl .time{
	font-size: 36px;
	color: rgb(132, 133, 133);
}
.newUl .tit{
	font-size: 24px;
	color: rgb(104, 196, 231);
	line-height: 1.6;
}
.newUl .xian{
	width: 75px;
	height: 6px;
	background: #136199;
	display: block;
	margin: 16px 0 8px;
}
.newUl .desc{
	font-size: 18px;
	color: rgb(62, 58, 57);
	line-height: 1.6;
}
.newUl .imgB{width: 44%;}
.newUl .imgB img{width: 100%;display: block;}
.newUl .imgG{margin-top: 36px;}
.newUl .imgG .img2{width: calc(100% / 3);}
.newUl .imgG .img2 img{width: 100%;}
.bannerny2 .nrBox{
	height: 678px;
	font-size: 46px;
	font-weight: 600;
	color: #ffffff;
	max-width: 1500px;
	justify-content: flex-end;
	align-items: flex-end;
	padding: 64px 0;
}
.bannerny2 .kuang{
	line-height: 1;
	text-align: right;
}
.bannerny2 .font1{
	font-weight: 700;
	position: relative;
	font-size: 56px;
}
.bannerny2 .font1 img{
	position: absolute;
	right: 0;
	top: -24px;
	height: 24px;
}
.proNav{
	background: #68c4e7;
}
.proNav .container{
	max-width: 1296px;
}
.proNav a{
	display: block;
	font-size: 21px;
	color: rgb(255, 255, 255);
	height: 88px;
	line-height: 88px;
	width: 100%;
	text-align: center;
}
.proNav a.on{background: #136194;}
.prodP1{padding: 8.8vw 0 11.5vw;}
.prodP1Ul{margin: 0 -16px;}
.prodP1Ul li{padding: 0;}
.prodP1Ul .kuang{
	background: rgba(255,255,255,0.6);
	border-radius: 50%;
	width: 282px;
	height: 282px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	color: #0062af;
	position: relative;
}
.prodP1Ul .kuang img{display: block;margin: 0 auto 8px;}
.prodP1Ul .kuang .a{position: relative;z-index: 8;}
.prodP1Ul .kuang .b{
	width: calc(100% - 16px);
	height: calc(100% - 16px);
	border: 1px solid #6cc5e7;
	border-radius: 50%;
	position: absolute;
	left: 8px;
	top: 8px;
}
.prodP1Ul .kuang .c{
	display: block;
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	border: 1px solid #ffffff;
	border-radius: 50%;
	position: absolute;
	left: -4px;
	top: -4px;
}
.prodP1Ul .kuang .c::after{
	content: "";
	display: block;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	border: 1px solid #ffffff;
	border-radius: 50%;
	position: absolute;
	left: -5px;
	top: -5px;
}
.prodP1Ul .kuang .c::before{
	content: "";
	display: block;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	border: 1px solid #ffffff;
	border-radius: 50%;
	position: absolute;
	left: -10px;
	top: -10px;
	opacity: 0.9;
}
.prodP1Ul .kuang .d{
	display: block;
	width: calc(100% + 36px);
	height: calc(100% + 36px);
	border: 1px solid #ffffff;
	border-radius: 50%;
	position: absolute;
	left: -18px;
	top: -18px;
	opacity: 0.8;
}
.prodP1Ul .kuang .d::after{
	content: "";
	display: block;
	width: calc(100% + 12px);
	height: calc(100% + 12px);
	border: 1px solid #ffffff;
	border-radius: 50%;
	position: absolute;
	left: -6px;
	top: -6px;
	opacity: 0.7;
}
.prodP1Ul .kuang .d::before{
	content: "";
	display: block;
	width: calc(100% + 24px);
	height: calc(100% + 24px);
	border: 1px solid #ffffff;
	border-radius: 50%;
	position: absolute;
	left: -12px;
	top: -12px;
	opacity: 0.6;
}
.prodP1Ul .kuang .e{
	display: block;
	width: calc(100% + 70px);
	height: calc(100% + 70px);
	border: 1px solid #ffffff;
	border-radius: 50%;
	position: absolute;
	left: -35px;
	top: -35px;
	opacity: 0.5;
}
.prodP1Ul .kuang .e::after{
	content: "";
	display: block;
	width: calc(100% + 12px);
	height: calc(100% + 12px);
	border: 1px solid #ffffff;
	border-radius: 50%;
	position: absolute;
	left: -6px;
	top: -6px;
	opacity: 0.4;
}
.prodP1Ul .kuang .e::before{
	content: "";
	display: block;
	width: calc(100% + 24px);
	height: calc(100% + 24px);
	border: 1px solid #ffffff;
	border-radius: 50%;
	position: absolute;
	left: -12px;
	top: -12px;
	opacity: 0.3;
}
.prodP2{padding: 104px 0 96px;}
.prodP2Ul{margin: -36px -22px;}
.prodP2Ul li{padding: 36px 22px;}
.prodP2Ul .kuang{
	background: #e6e6e6;
	padding: 24px;
	border-radius: 76px;
}
.prodP2Ul .imgB{
	border-radius: 50%;
	display: block;
}
.prodP2Ul .imgB img{border-radius: 50%;display: block;width: 104px;}
.prodP2Ul .textB{
	width: calc(100% - 124px);
	margin-left: 20px;
	font-size: 18px;
	font-weight: 600;
	color: #0062af;
	line-height: 2;
}
.proPubTit{
	font-size: 24px;
	font-weight: 600;
	color: rgb(0, 98, 175);
	padding-left: 30px;
	margin-bottom: 32px;
	position: relative;
}
.proPubTit::before{
	content: "";
	display: block;
	width: 6px;
	height: 32px;
	background: #0062af;
	position: absolute;
	left: 0;
	top: calc(50% - 16px);
}
.prodP3{padding-bottom: 88px;}
.prodP3Ul{margin: -16px -30px;}
.prodP3Ul li{padding: 16px 30px;}
.prodP3Ul .kuang{
	border: 1px solid #d7d8d8;
	padding: 28px 36px;
	width: 100%;
}
.prodP3Ul .imgB{
	width: 48px;
	margin-right: 24px;
}
.prodP3Ul .textB{
	font-size: 18px;
	color: #727171;
	line-height: 1.8;
	margin-right: 24px;
	width: calc(100% - 160px);
}
.prodP3Ul .viewBtn{
	font-size: 14px;
	color: #ffffff;
	width: 72px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #0062af;
	margin-left: 16px;
}
.prodP3Ul .viewBtn img{width: 14px;display: block;margin-right: 8px;}
.prodP4{
	padding: 48px 0;
	font-size: 24px;
	color: rgb(255, 255, 255);
	background: linear-gradient(to right,#68c4e7,#0062af);
	text-align: center;
}
.prodP5{padding: 44px 0 96px;}
.prodP5 .nrBox{text-align: center;}
.prodP5 .nrBox img{width: 100%;display: block;}
.prodP6{padding: 80px 0;}
.prodP6Ul{
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.prodP6Ul li{
	min-width: 288px;
	margin-right: 1px;
}
.prodP6Ul li:last-child{margin-right: 0;}
.prodP6Ul .tit{
	background: #0062af;
	color: #ffffff;
	text-align: center;
	padding: 24px 16px;
}
.prodP6Ul .desc{
	background: #e6e6e6;
	font-size: 21px;
	color: #3e3a39;
	line-height: 1.6;
	text-align: center;
	padding: 24px 16px;
}
.areaP1{padding-bottom: 48px;}
.areaP1 .nrBox{
	margin: -48px 0 0;
	background: #bebebe;
}
.areaP1 .nrBox>div{padding: 0;}
.areaP1 .imgB{
	height: 348px;
	position: relative;
}
.areaP1 .imgB::before{
	content: "";
	height: 40%;
	width: 100%;
	background: linear-gradient(to top,rgba(0,99,181,0.8),rgba(0,0,0,0));
	position: absolute;
	left: 0;
	bottom: 0;
}
.areaP1 .nrBox>div.textB{
	height: 348px;
	padding: 32px 48px;
}
.areaP1 .tit{
	color: #0063b5;
	font-size: 40px;
	font-weight: 700;
}
.areaP1 .ampure{
	color: #0063b5;
	font-size: 40px;
	font-weight: 700;
	position: absolute;
	right: 32px;
	bottom: 32px;
	text-transform: uppercase;
	line-height: 1;
}
.areaP1 .ampure i{
	width: max-content;
	padding: 0 8px;
	height: 20px;
	line-height: 20px;
	border-radius: 10px;
	background: #808091;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	position: absolute;
	right: 0;
	top: -20px;
	font-style: normal;
}
.areaP2Ul .nrBox{margin: -4px;flex-wrap: wrap;}
.areaP2Ul .eachB{padding: 4px;}
.areaP2Ul .imgB{width: 100%;height: 274px;}
.areaP2Ul .imgB2{width: 100%;height: 556px;}
.areaP2Ul .textB{
	width: 100%;
	height: 274px;
	background: #0063b5;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	padding: 20px;
}
.areaP2Ul .desc{
	color: #ffffff;
	font-size: 20px;
	line-height: 1.6;
}
.areaP2Ul li:nth-child(odd){background: #c8c8c8;}
.areaP2Ul li:nth-child(even){padding: 44px 0;}
.areaP2Ul li .nrBox{margin: -8px -4px;}
.areaP2Ul .eachB1{width: calc(50% - 156px);}
.areaP2Ul .eachB2{width: calc(50% + 156px);}
.areaP2Ul .eachB3{width: calc(25% - 78px);}
.areaP2Ul .eachB4{width: 312px;}
.areaP2Ul .eachB5{width: 22%;}
.areaP2Ul .eachB6{width: 78%;}
.areaP2Ul .eachB7{width: 50%;}
.areaP2Ul .eachB8{width: calc(100% - 312px);}
.areaP2Ul .eachB9{width: 100%;}
.servP{padding: 80px 0;min-height: 288px;}
.servP .nrBox{font-size: 20px;color: #3e3a39;line-height: 1.6;}
.servP .nrBox .dazi{color: #0062af;font-size: 24px;font-weight: 600;}
.servP .nrBox .dazi2{font-size: 24px;text-indent: 2em;}
.contactP{padding: 80px 0;min-height: 288px;}
.contactP .nrBox{font-size: 20px;color: #3e3a39;line-height: 1.6;}
.contactP .nrBox .dazi{color: #0062af;font-size: 24px; font-weight: 600;}
.contactP .mapBox{
	width: 100%;
	margin-bottom: 64px;
	padding: 40px 48px;
	position: relative;
}
.contactP #map{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.contactP .mapBox .textB{
	position: relative;
	z-index: 2;
	padding: 40px 30px 88px;
	background: #0062af;
	width: 45%;
	color: #ffffff;
	min-height: 532px;
}
.contactP .mapBox .textB .tit{
	font-size: 21px;
	padding-left: 16px;
	font-weight: 600;
	position: relative;
	margin-bottom: 32px;
}
.contactP .mapBox .textB .tit::before{
	content: "";
	display: block;
	width: 4px;
	height: 22px;
	background: #ffffff;
	position: absolute;
	left: 0;
	top: calc(50% - 11px);
}
.contactP .mapBox .desc{font-size: 18px;font-weight: 600;}
.contactP .mapBox .desc p{margin-bottom: 28px;}
.contactP .mapBox .ampure {
    color: #ffffff;
    font-size: 40px;
    font-weight: 700;
    position: absolute;
    right: 32px;
    bottom: 32px;
    text-transform: uppercase;
    line-height: 1;
}
.contactP .mapBox .ampure i {
    width: max-content;
    padding: 0 8px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    background: #ffffff;
    color: #0062af;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: -20px;
    font-style: normal;
}
@media (max-width:1480px) {
	header .menu>li>a{padding: 0 12px;font-size: 16px;}
	header .erjiUl>li>a{font-size: 14px;height: 32px;line-height: 32px;}
	header .telB{margin: 0;}
	header .mbtn{margin: 0;}
	.showNav .container{padding: 0 16px;}
	.bannerny2 .nrBox{padding: 64px 16px;}
	.bannerny2 .nrBox{height: 560px;}
}
@media (max-width:1200px) {
	header,
	.showNav .line1{padding: 0 16px;}
	.banner .font{font-size: 40px;width: 80%;left: 30%;}
	.banner .swiper-slide-active .font{left: 10%;}
	.bannerny .nrBox{height: 320px;font-size: 48px;}
	.bannerny .font1{font-size: 48px;}
	.aboP .tit{padding: 0;}
	.aboP .nrBox{line-height: 2;font-size: 18px;}
	.newUl .desc{font-size: 16px;}
	.prodP1Ul .kuang{width: 224px;height: 224px;font-size: 18px;}
	.prodP1Ul .kuang img{height: 48px;}
	.bannerny2 .nrBox{height: 480px;font-size: 40px;}
	.bannerny2 .font1{font-size: 48px;}
	.prodP2Ul{margin: -8px;}
	.prodP2Ul li{padding: 8px;}
	.prodP2Ul .kuang{padding: 16px;}
	.prodP2Ul .imgB img{width: 72px;}
	.prodP2Ul .textB{width: calc(100% - 80px);margin-left: 8px;font-size: 16px;line-height: 1.6;}
	.prodP3Ul .kuang{padding: 16px;}
	.prodP3Ul .textB{font-size: 14px;line-height: 1.6;}
	.proNav a{height: 72px;line-height: 72px;}
}
@media (max-width:996px) {
	header .menu{display: none;}
	header .logo img{max-width: 50vw;}
	.banner .font{font-size: 32px;}
	.bannerny .nrBox{height: 240px;font-size: 32px;}
	.bannerny .font1{font-size: 32px;}
	.aboP .tit{font-size: 24px;}
	.aboP .nrBox{font-size: 16px;margin-top: 16px;line-height: 1.8;}
	.aboP .nrBox .imgB{width: 40%;}
	.footLine1{padding: 40px 0;}
	.footLine1 .menu a{font-size: 14px;}
	.footLine1 .menu li:first-child a{font-size: 16px;}
	.newUl .time{font-size: 14px;}
	.newUl .tit{font-size: 20px;}
	.bannerny2 .nrBox{height: 320px;font-size: 28px;}
	.bannerny2 .font1{font-size: 32px;}
	.prodP1Ul .kuang{width: 180px;height: 180px;font-size: 16px;}
	.prodP1Ul .kuang img{height: 40px;}
	.prodP1Ul .kuang .e,
	.prodP1Ul .kuang .e::after,
	.prodP1Ul .kuang .e::before{display: none;}
	.prodP2{padding: 64px 0;}
	.prodP6Ul li{min-width: 33%;}
	.contactP .mapBox .textB{width: 60%;padding: 24px;padding-bottom:88px;}
	.contactP .mapBox .ampure{right: 24px;bottom: 24px;font-size: 24px;}
	.contactP .mapBox .ampure i{font-size: 14px;}
}
@media (max-width:768px) {
	header,
	.showNav .line1{padding: 0 8px;}
	header .nrBox,
	header .btnB,
	.showNav .line1{height: 56px;}
	header .logo img{max-width: calc(100vw - 172px);}
	.banner .font{font-size: 24px;text-align: center;left: 10%;justify-content:center;}
	.banner .font2{padding-bottom: 18vh;}
	.showNav .menu{margin-top: 16px;display: block;}
	.showNav .logo img{max-width: 80%;}
	.showNav{background-image: url(../img/navbgm.jpg);}
	.showNav .menu .yiji{
		position: relative;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	.showNav .menu .yiji>a{
		height: 48px;
		line-height: 48px;
		position: relative;
		padding-right: 48px;
	}
	.showNav .menu .hasDown .downBtn{
		width: 48px;
		height: 48px;
		border-left: 1px solid rgba(255,255,255,0.1);
		position: absolute;
		right: 0;
		top: 0;
	}
	.showNav .menu .hasDown .downBtn::after{
		content: "";
		width: 10px;
		height: 2px;
		background: rgba(255,255,255,0.6);
		position: absolute;
		left: calc(50% - 5px);
		top: calc(50% - 1px);
	}
	.showNav .menu .hasDown .downBtn::before{
		content: "";
		width: 2px;
		height: 10px;
		background: rgba(255,255,255,0.6);
		position: absolute;
		left: calc(50% - 1px);
		top: calc(50% - 5px);
	}
	.showNav .menu li.open.hasDown{
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	.showNav .menu li.open.hasDown .downBtn::before{opacity: 0;}
	.showNav .menu li ul{padding: 8px 0;display: none;}
	.showNav .menu li li a{
		margin: 0;
		height: 32px;
		line-height: 32px;
		padding: 0 16px;
		font-size: 14px;
	}
	.banner .img{}
	.banquan{font-size: 14px;padding: 8px;}
	.banner .fanye{right: 16px;align-items: flex-end;padding-bottom: 10vh;}
	.banner .swiper-pagination-bullet{font-size: 18px;background-size: 20px 24px;margin: 12px 0;padding-right: 28px;}
	.topDiv{height: 56px;}
	.bannerny .nrBox{padding: calc(20vw + 16px) 0 20vw;height: auto;font-size: 26px;}
	.bannerny .font1{font-size: 26px;}
	.bannerny .font1 img{height: 16px;top: -16px;}
	.aboP{padding: 40px 0;}
	.aboP .tit{font-size: 18px;}
	.aboP .nrBox .flexb3{display: block;}
	.aboP .nrBox .textB{width: 100%;}
	.aboP .nrBox .imgB{width: 100%;margin-top: 16px;}
	.footLine1{background-size: auto 100%;}
	.footLine1{padding: 16px 0;}
	.footLine1 .menu{display: block;}
	.footLine1 .menu a{margin: 0;}
	.footLine1 .menu>li{margin-top: 8px;}
	.footLine1 .menu>li:first-child{margin-top: 0;}
	.footLine1 .erjiUl{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.footLine1 .erjiUl a{margin: 0 4px 4px;}
	
	
	.footLine1 .menu .yiji{
		position: relative;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	.footLine1 .menu .yiji>a{
		height: 48px;
		line-height: 48px;
		position: relative;
		padding-right: 48px;
	}
	.footLine1 .menu .hasDown .downBtn{
		width: 48px;
		height: 48px;
		border-left: 1px solid rgba(255,255,255,0.1);
		position: absolute;
		right: 0;
		top: 0;
	}
	.footLine1 .menu .hasDown .downBtn::after{
		content: "";
		width: 10px;
		height: 2px;
		background: rgba(255,255,255,0.6);
		position: absolute;
		left: calc(50% - 5px);
		top: calc(50% - 1px);
	}
	.footLine1 .menu .hasDown .downBtn::before{
		content: "";
		width: 2px;
		height: 10px;
		background: rgba(255,255,255,0.6);
		position: absolute;
		left: calc(50% - 1px);
		top: calc(50% - 5px);
	}
	.footLine1 .menu li.open.hasDown{
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	.footLine1 .menu li.open.hasDown .downBtn::before{opacity: 0;}
	.footLine1 .menu li ul{padding: 8px 0;display: none;}
	.footLine1 .menu li li a{
		margin: 0;
		height: 32px;
		line-height: 32px;
		padding: 0 16px;
		font-size: 14px;
	}
	.footLine1 .menu>li{margin-top: 0;}
	
	
	
	
	
	.newUl li{padding: 16px;}
	.newUl .kuang{display: block;}
	.newUl .textB{width: 100%;}
	.newUl .tit{font-size: 16px;line-height: 1.6;}
	.newUl .imgB{width: 100%;margin-top: 16px;}
	.newUl .xian{width: 48px;height: 3px;margin: 12px 0;}
	.newUl .desc{font-size: 14px;}
	.newUl li{margin-top: 16px;}
	.newUl .imgG{margin-top: 16px;}
	.footLine1 .gotop{right: 16px;bottom: 100%;width: 48px;height: 48px;}
	.proNav a{height: 40px;line-height: 40px;font-size: 18px;}
	.prodP1Ul{padding: 0 8px;}
	.prodP1Ul .kuang {width: 30vw;height: 30vw;font-size: 14px;border-radius: 24px;}
	.prodP1Ul .kuang .b{font-size: 14px;border-radius: 24px;}
	.prodP1Ul .kuang .b::after,
	.prodP1Ul .kuang .b::before,
	.prodP1Ul .kuang .c,
	.prodP1Ul .kuang .c::after,
	.prodP1Ul .kuang .c::before,
	.prodP1Ul .kuang .d,
	.prodP1Ul .kuang .d::after,
	.prodP1Ul .kuang .d::before{display: none;}
	.prodP1Ul li{width: calc(100% / 3);}
	.prodP1Ul .kuang .b {width: calc(100% - 8px);height: calc(100% - 8px);left: 4px;top: 4px;}
	.prodP1,
	.prodP2,
	.prodP5,
	.prodP6{padding: 40px 0;}
	.prodP2Ul .kuang{padding: 8px;}
	.prodP3Ul .kuang{padding: 8px;}
	.proPubTit{font-size: 22px;margin-bottom: 24px;padding-left: 16px;}
	.proPubTit::before{height: 24px;top: calc(50% - 12px);width: 3px;}
	.prodP3{padding-bottom: 40px;}
	.prodP4{padding: 24px;font-size: 18px;}
	.prodP3Ul{margin: 0;}
	.prodP3Ul li{padding: 0;margin-top: 12px;}
	.prodP3Ul li:first-child{margin-top: 0;}
	.prodP6Ul{display: block;}
	.prodP6Ul li{margin-bottom: 8px;}
	.prodP6Ul .tit{padding: 8px;font-size: 18px;}
	.prodP6Ul .desc{padding: 8px;font-size: 16px;}
	.areaP1 .nrBox{margin-top: -16px;}
	.areaP1 .imgB{height: 50vw;}
	.areaP1 .nrBox>div.textB{height: auto;padding: 16px 16px 64px;}
	.areaP1 .tit{font-size: 24px;}
	.areaP1 .ampure{right: 16px;bottom: 16px;font-size: 24px;}
	.areaP1 .ampure i{font-size: 14px;}
	.areaP1{padding-bottom: 40px;}
	.areaP2Ul .eachB1,
	.areaP2Ul .eachB2,
	.areaP2Ul .eachB3,
	.areaP2Ul .eachB4,
	.areaP2Ul .eachB5,
	.areaP2Ul .eachB6,
	.areaP2Ul .eachB7,
	.areaP2Ul .eachB8{width: 100%;}
	.areaP2Ul .imgB,
	.areaP2Ul .imgB2{height: 40vw;}
	.areaP2Ul .textB{height: auto;padding: 16px;}
	.areaP2Ul .desc{font-size: 16px;}
	.servP{padding: 40px 0;}
	.servP .nrBox{font-size: 16px;}
	.contactP{padding: 40px 0;}
	.contactP .nrBox{font-size: 16px;}
	.contactP .mapBox{padding: 0;margin-bottom: 16px;}
	.contactP #map{position: relative;width: 100%;height: 60vw;}
	.contactP .mapBox .textB{width: 100%;min-height: unset;}
	.contactP .mapBox .textB .tit{font-size: 20px;margin-bottom: 16px;}
	.contactP .mapBox .desc{font-size: 16px;}
	.contactP .mapBox .desc p{margin-bottom: 8px;}
	.servP .nrBox .dazi,
	.servP .nrBox .dazi2,
	.contactP .nrBox .dazi{font-size: 20px;}
	
}
.newUl .imgB,
.newUl .imgB2,
.areaP2Ul .kuang{overflow: hidden;}


.newUl .imgB2 img,
.newUl .imgB img,
.prodP2Ul li .kuang,
.prodP3Ul li .imgB,
.areaP2Ul .kuang .imgB,
.areaP2Ul .kuang .imgB2{transition: all 0.3s;}


.newUl .imgB:hover img{transform: scale(1.1);}
.newUl .imgB2:hover img{transform: scale(1.1);}
.prodP2Ul li:hover .kuang{transform: translateY(-10px);}
.prodP3Ul li:hover .imgB,
.areaP2Ul .kuang:hover .imgB,
.areaP2Ul .kuang:hover .imgB2{transform: scale(1.1);}