body{padding: 0;margin: 0;font-family: "Source Han Sans CN";font-size: 16px;color: #555;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;}
 @media (max-width:1352px) {.container{max-width: 1300px;}}
@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;
}



.banner{
	background: #000000;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.banner .swiper-slide{
	height: 80vh;
}
.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: #1f92fb;
	background: #1f92fb;
}
.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(133, 184, 41);
	border: 1px solid rgb(133, 184, 41);
}
.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: 18px;
	color: rgb(51, 51, 51);
	transition: all 0.3s;
}
.ind1Ul li:hover .kuang{background: #1f92fb;}
.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: 60px 0 20px;
  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; margin:60px auto 0
}
.indp3 .swiper-button-prev,
.indp3 .swiper-button-next{
	background-color: #f4f4f4;
	width: 40px;
	height: 40px;
	transition: all 0.3s;
	position: relative;
	left: unset;
	top: unset;
	bottom: unset;
	right: unset;
	margin: unset;border-radius:4px;
}
.indp3 .swiper-button-prev:hover,
.indp3 .swiper-button-next:hover{
	background-color: #1f92fb;
}
.indp3 .swiper-button-prev::after,
.indp3 .swiper-button-next::after{
	font-size: 18px;
	color: #999999;
}
.indp3 .swiper-button-prev:hover::after,
.indp3 .swiper-button-next:hover::after{
	color: #ffffff;
}
.swiper_indp3{margin: -11px;}
.swiper_indp3 .swiper-slide{
	padding: 11px;
}
.swiper_indp3 .kuang{
	background:#f4f4f4;
	transition: all 0.3s;
	 
}
.swiper_indp3 .kuang .imgB{padding-top: 77.2%;}
.swiper_indp3 .textB{
	padding: 20px;
	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:16px;
	color: rgb(51, 51, 51);
	transition: all 0.3s;
}
.swiper_indp3 .titenB{
	transition: all 0.3s;
}
.swiper_indp3 .swiper-slide:hover .kuang{
	background:#1f92fb;
	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(31,146,251, 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(31,146,251,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: #1f92fb;
}
.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: 12px;
}
.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: #1f92fb;
}
.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(133, 184, 41);
	width: 41px;
	height: 4px;
	border-radius: 0;
}
.abop5{
	padding: 108px 0 178px;
}
.abop5 .nrBox{
	width: 58%;
}
.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: 60px 0  ;background-color: #f9f9f9;}
.abop6 .nrBox{
	width: 100%;
	padding: 0 ;
	margin: 0 auto;
}
.abop6 .yxk{
	overflow: hidden;
}
.abop6 .kuang{
	width: 262px;
	width: 100%;
	margin: 0 auto;
}
.abop6 .swiper{
	overflow: visible;
}
.abop6 .swiper-slide{
	padding: 5px;
}
.abop6 .swiper-slide-active{
	transform: scale(1);
}
.abop6 .swiper-slide .tuB{
	transform: scale(0.8);
	transition: all 0.3s;
	height: auto  ;
	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: -56px;}
.abop6 .swiper-button-next{right:-56px;}
.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(133, 184, 41);
}
.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: #1f92fb;
	color: #ffffff;
}
.abo7Ul li:last-child::before{
	content: "";
	width: 0;
	height: 0;
	border-left: 30px solid #1f92fb;
	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(133, 184, 41);
	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(133, 184, 41);
	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(133, 184, 41);
	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 .swiper-slide-active{
	font-size: 20px;
	color: #333333;
	position: relative;
}
.filterB .swiper-slide-active::after{
	content: "";
	background-color: rgb(133, 184, 41);
	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 .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: rgb(37, 166, 224);
	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: #1f92fb;
	background: #1f92fb;
	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(133, 184, 41);
	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: 20px;
	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: auto;}
	.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 {padding: 20px 0 ;}
	.abop7{padding: 20px 0 0;}
	.abop3{padding: 20px 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: 14px;}
	.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;margin: 20px auto 0;}
	.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;
}

.flexcen{display: flex;justify-content: center;align-items: center;}
.flexsta{display: flex;justify-content: flex-start;align-items: center;}
.flexend{display: flex;justify-content: flex-end;align-items: center;}
.flexbet{display: flex;justify-content: space-between;align-items: center;}
.flexaro{display: flex;justify-content: space-around;align-items: center;}
.flexbet1{display: flex;justify-content: space-between; }

.pd80{padding: 80px 0; }
.adTitleDiv{font-size: 36px;font-weight: 700; }
.aboutDiv1{padding: 60px 0; background:#efefef}
.aboutDiv1 .bdDiv .imgDiv{margin: 30px 0; text-align:center }
.aboutDiv1 .bdDiv .textDiv{margin: 0 0 30px; }
.aboutDiv1 .bdDiv .textDiv .tt{font-size: 28px;font-weight: 700; }
.aboutDiv1 .bdDiv .textDiv .p{color: #555; line-height: 36px; font-size:16px }
.aboutDiv1 .bdDiv .dataDiv ul{ height:auto; overflow:hidden  }
.aboutDiv1 .bdDiv .dataDiv ul li{ width: 25%;border-right: 1px solid #D8D8D8; float:left; text-align:center }
.aboutDiv1 .bdDiv .dataDiv ul li:last-child{border: 0; }
.aboutDiv1 .bdDiv .dataDiv ul li span{font-size: 60px;color: #1f92fb;font-weight: 700; }
.aboutDiv1 .bdDiv .dataDiv ul li p{margin-top: 15px;color: #3d3d3d; font-size:18px }
.aboutDiv1 .bdDiv .dataDiv ul li span em{ font-size:24px; font-style:normal}

.gs_jj{width:100%; padding:60px 0 ; background: url(../images/wh.jpg) no-repeat center; overflow:hidden;}
.gs_jj .row{margin:0;}
.gs_jj .jj_nr{width:70%; padding:15px 0; border-bottom:#d6d6d6 1px solid; text-align:left; margin:0 auto 10px}

.gs_jj .bt{  background:#7cb31c; width:185px; height:45px; line-height:45px; font-size:22px; color:#fff; float:left; text-align:center; margin-right:30px}
.gs_jj .wz {font-size:26px; color:#727171;   line-height:45px; float:left }

@media only screen and (max-width:640px){
.gs_jj{padding:20px 0 20px;}
.gs_jj .jj_nr{width:100%; padding:20px; line-height:2.2rem; margin-bottom:0px; position:relative;}
.gs_jj .jj_nr:hover{transform:none;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;}
.gs_jj .jj_nr img{width:6rem; margin:0; position:absolute; top:2rem; left:2rem;}
.gs_jj .jj_nr h3{font-size:1.6rem; line-height:2.4rem; text-align:left; margin:0 0 1.5rem;}

.gs_jj .bt{  background:#7cb31c; width:165px; height:45px; line-height:45px; font-size:20px; color:#fff; float:left; text-align:center; margin-right:0; margin-bottom:10px}
.gs_jj .wz {font-size:16px; color:#727171;   line-height:35px; float:left }
.aboutDiv1{padding: 20px 0; background:#efefef}
.aboutDiv1 .bdDiv .dataDiv ul li span{font-size: 20px;color: #1f92fb;font-weight: 700; }
.aboutDiv1 .bdDiv .dataDiv ul li p{margin-top: 10px;color: #3d3d3d; font-size:14px }
.aboutDiv1 .bdDiv .dataDiv ul li span em{ font-size:16px; font-style:normal}

}
.newsDiv{padding: 60px 0 120px; }
.newsDiv ul li{ align-items: flex-start; width:100%  ; border-bottom:#f4f4f4 1px solid}
.newsDiv ul li .dateDiv{color: #999999;margin-right: 30px;font-weight: bold; } 
.newsDiv ul li .dateDiv span{color: #000000;font-size: 28px;display: block; } 
.newsDiv ul li .lrDiv{flex: 1;padding: 30px; }
.newsDiv ul li .lrDiv .imgWrap{width: 25%;overflow: hidden;}
.newsDiv ul li .lrDiv .imgWrap img{ width:100%}
.newsDiv ul li .lrDiv .imgDiv{}
.newsDiv ul li .lrDiv .textDiv{width: 45%; margin-right:5%; margin-left:2% }
.newsDiv ul li .lrDiv .textDiv .title{font-size: 20px;font-weight: bold;color: #333333; margin-bottom:5px }
.newsDiv ul li .lrDiv .textDiv .p{color: #444444;margin: 10px 0 20px; font-size:14px ; line-height:26px; overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:3;}
.time1{ font-size:14px; color:#141414}
.newsDiv ul li .lrDiv .textDiv i{font-size: 20px;color: #1a4ebb; }
.newsDiv ul li .lrDiv:hover{background: #f4f4f4; }
.newsDiv ul li .lrDiv:hover .imgWrap{box-shadow: none; }
.newsDiv ul li .lrDiv .mo{ width:10%; text-align:center; line-height:40px; border-radius:20px;; color:#fff}
.newsDiv ul li .lrDiv .mo i{ margin-left:10px; color:#333}
.newsDiv ul li .lrDiv:hover .mo{ background:#1f92fb; color:#fff;}
.newsDiv ul li .lrDiv:hover .mo i{ color:#fff}
.pageDiv{text-align: center;}
.pageDiv a,.pageDiv span{display: inline-block;line-height: 38px;margin: 0 2px;color: #333333;width: 40px; border-radius: 2px;border: 1px solid #eeeeee; }
.pageDiv span{background: #1f92fb;color: #fff;border-color: #1f92fb; }
@media only screen and (max-width:990px){
.newsDiv{padding: 20px 0 20px; }
.flexbet{display: block  ;justify-content: space-between;align-items: center;}
.newsDiv ul li .lrDiv{flex: 1;padding: 10px 0; }
.newsDiv ul li .dateDiv{ display:none}	
.newsDiv ul li .lrDiv .imgWrap{width: 100%;overflow: hidden; margin-bottom:20px}
.newsDiv ul li .lrDiv .textDiv{width: 100%; margin-right:0; margin-left:0 }
.newsDiv ul li .lrDiv .textDiv .title{font-size: 18px;font-weight: bold;color: #333333; margin-bottom:5px }
.newsDiv ul li .lrDiv .textDiv .p{color: #444444;margin: 10px 0 0px; font-size:14px ; line-height:26px;overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:2;}
.time1{ font-size:14px; color:#141414}
.newsDiv ul li .lrDiv .mo{ display:none}
}

.nbt{ margin-bottom:50px}
.nbt h1{ color:#c9caca; font-size:50px; font-weight:bold; text-transform:uppercase} 
.nbt p{ color:#232323; font-size:30px} 


.chanpin{padding: 60px 0 120px; background:#f7f7f7; height:auto; overflow:hidden }
.tupian{ width:100%}
.tupian img{ width:100%} 


.nbt2{ margin:50px auto}
.nbt2 h1{ color:#464646; font-size:40px;   text-transform:uppercase; border-bottom:#464646 1px solid; width:380px; margin:0 auto 10px; padding:20px 0} 
.nbt2 p{ color:#88ba31; font-size:30px} 
@media only screen and (max-width:990px){
.chanpin{padding: 20px 0 20px; background:#f7f7f7; height:auto; overflow:hidden }
.nbt{ margin-bottom:20px}
.nbt h1{ color:#c9caca; font-size:24px; font-weight:bold; text-transform:uppercase} 
.nbt p{ color:#232323; font-size:18px} 
.nbt2{ margin:20px auto}
.nbt2 h1{ color:#464646; font-size:24px;   text-transform:uppercase; border-bottom:#464646 1px solid; width:380px; margin:0 auto 10px; padding:20px 0} 
.nbt2 p{ color:#88ba31; font-size:18px} 
.nbt2 img{ width:40%; margin:0 auto }	
}

.chengfen{ margin-bottom:60px; height:auto; overflow:hidden}
.chengfen li{ float:left; width:12.5%}
.chengfen li img{ width:100%}
.chengfen li p{ text-align:center; line-height:30px; font-size:18px; margin-top:15px}
.wenzi{ font-size:18px; line-height:36px}
@media only screen and (max-width:990px){
.chanpin{padding: 20px 0 20px; background:#f7f7f7; height:auto; overflow:hidden }
.nbt{ margin-bottom:20px}
.nbt h1{ color:#c9caca; font-size:24px; font-weight:bold; text-transform:uppercase} 
.nbt p{ color:#232323; font-size:18px} 
.nbt2{ margin:20px auto}
.nbt2 h1{ color:#464646; font-size:24px;   text-transform:uppercase; border-bottom:#464646 1px solid; width:380px; margin:0 auto 10px; padding:20px 0} 
.nbt2 p{ color:#88ba31; font-size:18px} 
.nbt2 img{ width:40%; margin:0 auto }	
.chengfen{ margin-bottom:20px; height:auto; overflow:hidden}
.chengfen li{ float:left; width:25%}
.chengfen li p{ text-align:center; line-height:30px; font-size:16px; margin:10px 0}
.wenzi{ font-size:16px; line-height:30px}

}
.sdjd{ height:auto; overflow:hidden; padding:60px 0}
.sdjd li{ background:#7cb31c; width:100%; margin-bottom:20px; padding:35px;box-sizing:border-box; position:relative}
.sdjd li h1{ color:#f2fb03; font-size:30px; font-weight:bold; margin-bottom:20px}
.sdjd li p{ width:80%; font-size:20px; color:#fff; line-height:36px}
.sdjd li span{ font-size:140px; color:rgba(255,255,255,.5); position:absolute; right:60px; display:inline-block; z-index:99; top:20px; font-weight:bold; font-style: italic}
.zuhe{ width:90%; height:auto; overflow:hidden}
.zuhe dl{ float:left; width:25%; color:#fff}
.zuhe dt{ font-size:28px; font-weight:normal; margin-bottom:10px }
.zuhe dt em{ font-style:normal; font-size:20px; display:block}
.zuhe dd{ font-size:17px}

.tixi{ background:url(../images/bj.jpg) no-repeat center / cover fixed;; padding:60px 0 1px}
.tixi h1{ color:#fff; font-size:70px; text-align:center; font-weight:bold; letter-spacing:20px; margin-bottom:10px}
.tixi em{color:#fff; font-size:60px; text-align:center; font-weight:bold;letter-spacing:10px; display:block; margin-bottom:10px}
@media only screen and (max-width:990px){
.sdjd{ height:auto; overflow:hidden; padding:20px 0}
.sdjd li{ background:#7cb31c; width:100%; margin-bottom:10px; padding:20px;box-sizing:border-box; position:relative}

.sdjd li h1{ color:#f2fb03; font-size:20px; font-weight:bold; margin-bottom:20px}
.sdjd li p{ width:80%; font-size:16px; color:#fff; line-height:30px}
.sdjd li span{ font-size:100px; color:rgba(255,255,255,.5); position:absolute; right:20px; display:inline-block; z-index:99; top:10px; font-weight:bold; font-style: italic}
.zuhe dl{ float:left; width:50%; color:#fff; margin-bottom:10px}
.zuhe dt{ font-size:24px; font-weight:normal; margin-bottom:10px }
.zuhe dt em{ font-style:normal; font-size:18px; display:block}
.zuhe dd{ font-size:14px}

.tixi{ background:url(../images/bj.jpg) no-repeat center / cover fixed;; padding:20px 0 1px}
.tixi h1{ color:#fff; font-size:30px; text-align:center; font-weight:bold; letter-spacing:0px; margin-bottom:10px}
.tixi em{color:#fff; font-size:20px; text-align:center; font-weight:bold;letter-spacing:0px; display:block; margin-bottom:10px}
	
}

.tupian1{ width:94%; margin:0  auto 60px}
.tupian1 img{ width:100%} 

.hangye{background:url(../images/10.jpg) no-repeat top left; padding:60px 0;}
.hangye p{ text-align:center; font-size:30px; line-height:50px; color:#727171}
.hangye p em{ font-style:normal; color:#ff8e01}

.fuchi{background:url(../images/11.jpg) no-repeat top  right; padding:0 0 60px;}
.fuchi li{ float:left; width:18.4%; margin-right:2%;border-radius:10px;background-image: linear-gradient(180deg, #86ba1a,#e2f906);  text-align:center; font-size:50px; color:#273960; padding:20px 0; margin-bottom:2%}
.fuchi li:nth-child(5n){margin-right:0; }

@media only screen and (max-width:990px){
.tupian1{ width:94%; margin:0  auto 20px}
.hangye{background:url(../images/10.jpg) no-repeat top left; padding:20px 0;}
.hangye p{ text-align:center; font-size:20px; line-height:30px; color:#727171}
.hangye p em{ font-style:normal; color:#ff8e01}
.fuchi li{ float:left; width:49%; margin-right:2%;border-radius:10px;background-image: linear-gradient(180deg, #86ba1a,#e2f906);  text-align:center; font-size:30px; color:#273960; padding:20px 0; margin-bottom:2%}	
.fuchi li:nth-child(even) { margin-right:0}
.fuchi li:nth-child(odd) { margin-right:2%}
.fuchi{background:url(../images/11.jpg) no-repeat top  right; padding:0 0 20px;}

}



.nTab{width:100%;margin:0 auto;  overflow:hidden}
.none {display:none;}
.nTab .TabTitle { text-align:center; margin-bottom:60px}
.nTab .TabTitle li{ cursor:pointer;line-height: 50px;
 
  position: relative;
  border: #727171 1px solid;
  text-align: center;
  border-radius: 26px; display:inline-block; font-size:16px; padding:0 35px; margin:0 5px}
.nTab .TabTitle li a{text-decoration:none;}
.nTab .TabTitle .active{background:#1f92fb; color:#fff;}
.nTab .TabTitle .normal{ }
.nTab .TabContent{clear:both;overflow:hidden; display:block}
@media only screen and (max-width:990px){
.nTab .TabTitle { text-align:center; margin-bottom:30px}

.nTab .TabTitle li{ cursor:pointer;line-height: 40px;
  margin-right: 10px;
  position: relative;
  border: #727171 1px solid;
  text-align: center;
  border-radius: 20px; display:inline-block; font-size:14px; padding:0 5px;margin:0 }	
	
}
/*页码*/
.xiaocms-page{
	margin: 60px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.xiaocms-page a,
.xiaocms-page span{
	border-style: solid;
	border-width: 1px;
	border-color: rgb(238, 238, 238);
	border-radius: 2px;
	background: rgb(255, 255, 255);
	min-width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 14px; 
	color: #333333; 
	padding: 0 8px;
	display: block;
	text-align: center;
	margin: 5px;
}
.xiaocms-page span{
	border-color: #1f92fb;
	background: #1f92fb;
	color:#ffffff; 
}


@media (max-width:768px) {
    .xiaocms-page{margin-top: 16px;}
    .xiaocms-page a, 
	.xiaocms-page span{
        margin-bottom: 4px;
        min-width: 24px;
        height: 24px;
        line-height: 24px;
        padding: 0px 4px;font-size: 14px;
	}
}