@charset "utf-8";
/*视频*/
.videohide{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	visibility: hidden;
    opacity: 0;
	transition: .5s;
	display: flex;
	justify-content: center;
	align-items: center;
}
.videohide_class{
	visibility: visible;
	opacity: 1; 
}
.pd4 .wrap1{
	position: relative;
}
.more_a {
    position: absolute;
    top: 18px;
    right: 0;
}
.more_a a{
  font-size: 17px;

    color: #008c38;
}
.videohidebg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.7);
	z-index: 10;
}
.videohidebox i{
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 24px;
	border-radius: 30px;
	background: #008C38;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	margin-right: -15px;
	margin-top: -15px;
	border: 2px solid #fff;
	cursor: pointer;
	font-style: normal;
}
.videohidebox i.fa-close:hover{
	-webkit-filter: brightness(110%);
}
.videohidebox{
	position: relative;
	width: 1000px;
	height: auto;
	background: #fff;
	z-index: 20;
	padding: 10px;
	transition: .5s;
	margin-top: -100px;
}
.videohidebox_class{
	margin-top: 0;
	opacity: 1;
}
.videohidebox_1{
	width: 100%;
	height: auto;
}
.videohidebox_1 video{
	width: 100%;
	height: 100%;
	object-fit: fill;
}
.videohidebox_1 p{
	font-size: 16px;
	color: #000;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.vdbg{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	position: absolute;
	left: 0;
	top: 0;
	transition: .5s;
}
.hide{
	opacity: 0;
}
.amt1{
	animation-delay:.2s;
	-webkit-animation-delay:.2s;
}
.amt2{
	animation-delay:.4s;
	-webkit-animation-delay:.4s;
}
.amt3{
	animation-delay:.6s;
	-webkit-animation-delay:.6s;
}
.amt4{
	animation-delay:.8s;
	-webkit-animation-delay:.8s;
}
.amt5{
	animation-delay:1s;
	-webkit-animation-delay:1s;
}
.amt6{
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}
.amt7{
	animation-delay:1.4s;
	-webkit-animation-delay:1.4s;
}
.amt8{
	animation-delay:1.4s;
	-webkit-animation-delay:1.4s;
}
.head{
	height: 100px;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.head_height{
	height: 100px;
}
.head_active{
	height: 80px;
}
.head_active,.head_height_active{
	height: 80px;
}
.head_hide{
	opacity: 0;
}
.logo{
	display: inline-block;
	height: 69px;
	transition: 0s;
}
.nav span{
	position: relative;
}
.nava{
	display: block;
	line-height: 100px;
	font-size: 18px;
	color: #666;
	padding: 0 35px;
	transition: 0s;
}
.nav span:hover .nava{
	color: #008C38;
}
.nav span.active .nava{
	background: #008C38;
	color: #fff;
}
.navhide{
	z-index: 99;
	position: absolute;
	left: 50%;
	margin-left: -70px;
	top: 100%;
	margin-top: 20px;
	background:#fff;
	padding: 0;
	overflow: hidden;
	width: 140px;
	opacity: 0;
	visibility: hidden;
	transition: .25s;
	box-shadow: 0 1px 8px rgba(0,0,0,.2);
	padding: 5px;
}
.nav span:hover .navhide{
	opacity: 1;
	visibility: inherit;
	margin-top: 0;
}
.navhide a{
	display: block;
	line-height: 35px;
	text-align: center;
	color: #666;
	font-size: 14px;
}
.navhide a:hover{
	color: #008c38;
}
.head_active .nava{
	line-height: 80px;
}
.head_active .logo{
	height: 50px;
}
.head_active .hdr3sp{
	width: 80px;
	height: 80px;
}
.textcolor{
	color: #008c38;
}
.bgcolor{
	background: #008c38;
}
.hdr1 {
	margin-left: 50px;
	padding-left: 80px;
	border-left: 1px solid #ddd;
}
.hdr1sp{
	line-height: 36px;
	background: #f2f2f2;
	border-radius: 36px;
	padding: 0 15px;
	cursor: pointer;
}
.hdr1sp i{
	color: #999;
}
.hdr2sp{
	display: block;
	width: 65px;
	height: 80px;
	background: url(../images/sc_03.png) no-repeat center;
	cursor: pointer;
}
.hdr3sp{
	display: block;
	width: 100px;
	height: 100px;
	background: url(../images/rico_02.png) no-repeat center;
	cursor: pointer;
}
.hdrhide{
	width: 100%;
	height: 100%;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transform: scale(0, 1);
	transition: .5s;
	transform-origin: right center;
}
.hdrhide_active{
	opacity: 1;
	visibility: inherit;
	transform: scale(1, 1);
}
.hrhbg{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
}
.hrw{
	width: 31.5%;
	height: 100%;
	background: #008C38;
	background-image: linear-gradient(#01b1a7, #59b535);
	color: #fff;
	padding: 20px;
	overflow: hidden;
	overflow-y: auto;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	-webkit-overflow-scrolling: touch;
}
.mobile_banner{
		display: none;
	}
	
	@media screen and (max-width: 768px){
		.mobile_banner{
		display: block;
	}
	.err{
		display: none;
	}
	.swiper-container-bn .bnimg {
  
    background-size: 100% !important;
}
	}
.bgjb{
	background-image: linear-gradient(#01b1a7, #59b535);
	color: #fff;
}
.twhite{
	filter: grayscale(100%) brightness(500%);
}
.hrt{
	padding: 20px 0;
	border-bottom: 2px solid #fff;
}
.hra{
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	padding: 25px 0;
}
.hra h3 a{
	font-size: 18px;
	color: #fff;
}
.hraw{
	margin-top: 10px;
	line-height: 30px;
}
.hraw a{
	margin-right: 20px;
	color: #fff;
}
.hraw a:hover{
	opacity: .85;
}
#scroll-2::-webkit-scrollbar{
	width:4px;
	height:4px;
}
#scroll-2::-webkit-scrollbar-track{
	background: #f6f6f6;
	border-radius:2px;
}
#scroll-2::-webkit-scrollbar-thumb{
	background: #aaa;
	border-radius:2px;
}
#scroll-2::-webkit-scrollbar-thumb:hover{
	background: #747474;
}
#scroll-2::-webkit-scrollbar-corner{
	background: #f6f6f6;
}
.close_hr{
	width: 30px;
	height: 30px;
	background: url(../images/close.png) no-repeat center;
	background-size: 60%;
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
}
.hdr2_hdrhide{
	transform: scale(1, 0);
}
.hdr2_hdrhide.hdrhide_active{
	transform: scale(1, 1);
}
.scbox{
	position: absolute;
	left: 50%;
	margin-left: -285px;
	top: 50%;
	margin-top: -30px;
	z-index: 99;
}
.scbox input{
	width: 510px;
	height: 60px;
	background: #fff;
	font-size: 20px;
	padding: 0 20px;
}
.scbox button{
	width: 60px;
	height: 60px;
	background: #008C38;
	display: flex;
	justify-content: center;
	align-items: center;
}
.scbox button img{
	filter: grayscale(100%) brightness(500%);
}
.hdr1_hdrhide{
	width: 70%;
	background: #F2F2F2;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 9;
	padding: 7px;
	transition: .25s;
	opacity: 0;
	visibility: hidden;
	transform: scale(1, 0);
}
.hdr1_hdrhide a{
	font-size: 14px;
	display: block;
	text-align: center;
	line-height: 35px;
}
.hdr1_hdrhide a:hover{
	color: #008C38;
}
.hdr1:hover .hdr1_hdrhide{
	opacity: 1;
	visibility: inherit;
	transform: scale(1, 1);
}
.pd15{
	padding: 15px;
}
.pc_demo{
	display: block;
}
.wap_demo{
	display: none;
}
.right{
	position: fixed;
	right: 10px;
	bottom: 5%;
	z-index: 9999;
}
.rta{
	margin-top: 15px;
	position: relative;
}
.rta1{
	animation: myfirst 2s infinite;
}
@keyframes myfirst {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, -10px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}
.rtahide{
	font-size: 16px;
	width: 170px;
	line-height: 50px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	transition: .5s;
	opacity: 0;
	visibility: hidden;
	background: #00b1a9;
	color: #fff;
}
.rtahide::after{
	width: 10px;
	height: 10px;
	background: #00b1a9;
	transform:rotate(45deg);
	content: "";
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: -5px;
}
.rta:hover .rtahide{
	opacity: 1;
	visibility: inherit;
	right: 65px;
}
.bnimgwap{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	padding: 0 25px;
}
.bnimgwap img{
	width: 417px;
}
.textnumber{
	font-size: 66px;
	font-weight: bold;
	background-image:-webkit-linear-gradient(top,#00b1a9,#56b539); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}
.ipadding{
	padding-top: 40px;
}
.mdtop h3{
	font-size: 50px;
}
.mdtop p{
	font-size: 30px;
}
.mdtop i{
	width: 40px;
	height: 1px;
	background: #008c38;
	margin: 15px 0;
}
.mdtop_center{
	text-align: center;
}
.mdtop_center i{
	margin: 15px auto;
}
.mdtop_wt{
	color: #fff;
}
.mdtop_wt i{
	background: #fff;
}
.mdtop_wt *{
	color: #fff;
}
.i2l{
	width: 52.2%;
	margin-right: 5%;
}
.i2lba h3{
	height: 60px;
	line-height: 60px;
	margin-top: 10px;
}
.i2lba h3 em{
	font-size: 16px;
	color: #666;
	font-weight: normal;
	vertical-align: top;
	margin-left: 10px;
	display: inline-block;
}
.i2lba .line{
	width: 40px;
	height: 1px;
	margin: 10px auto;
	background: #ddd;
}
.morea a{
	color: #008c38;
	font-size: 24px;
}
.vd_click{
	cursor: pointer;
}
.i2rico{
	width: 18.8%;
	position: absolute;
	right: 0;
	bottom: 0;
}
.i2rico img{
	max-width: 100%;
}
.maximg{
	max-width: 100%;
}
.i3bg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.i3bgtxt{
	position: absolute;
	left: 0;
	top: 0;
}
.i3bg img.i3bgpic{
	animation: rotate 40s linear infinite;
}
@-webkit-keyframes rotate{
    from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
.i3bg img{
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
}
.i3w{
	z-index: 9;
}
.i3ba{
	width: 50%;
	display: flex;
	padding: 25px 0;
}
.i3ba:nth-child(2),
.i3ba:nth-child(4){
	justify-content: flex-end;
}
.i3baw{
	width: 50%;
}
.i3ba img.img1{
	display: inline-block;
}
.i3ba img.img2{
	display: none;
}
.i3ba:hover img.img1{
	display: none;
}
.i3ba:hover img.img2{
	display: inline-block;
}
.i3ba p{
	opacity: .7;
}
.i3batxt::after{
	width: 12px;
	height: 12px;
	background: url(../images/i3ico_03.png) no-repeat center;
	position: absolute;
	top: 10px;
	content: "";
}
.i3ba:hover .i3batxt::after{
	background: url(../images/i3icoac_03.png) no-repeat center;
}
.i3ba:nth-child(odd){
	text-align: left;
}
.i3ba:nth-child(odd) .i3batxt::after{
	left: -25px;
}
.i3ba:nth-child(even){
	text-align: right;
}
.i3ba:nth-child(even) .i3batxt::after{
	right: -25px;
}
.i4w{
	padding: 0 5%;
}
.i4img{
	position: relative;
}
#certify .swiper-slide{
	width: 500px;
}
#certify .swiper-slide img{
	display: block;
	width: 100%;
	position: relative;
	border: 10px rgba(255,255,255,.5);
}
#certify .swiper-slide .i4img::after{
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.5);
	transition: .25s;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
}
#certify .swiper-slide-active .i4img::after{
	background: none;
}
.swiper-button-prev-public,.swiper-button-next-public{
	width: 50px;
	height: 50px;
	background: url(../images/i4btn_03.png) no-repeat center;
	margin-top: -25px;
}
.swiper-button-prev-public{
	transform:rotate(180deg);
}
.i5l{
	width: 24.5%;
	margin-right: 3%;
}
.i5lmore em{
	width: 8px;
	height: 8px;
	background: #fff;
	border: 2px solid #008C38;
	border-radius: 100%;
}
.i5rimg{
	width: 47%;
	margin-right: 3%;
}
.i5a{
	padding: 35px 15px;
	background: #f2f2f2;
	margin-top: 20px;
}
.i5a:first-child{
	margin: 0;
}
.i5a *{
	transition: .25s;
}
.i5am{
	margin: 0 20px;
	padding-left: 20px;
	border-left: 1px solid #ddd;
}
.i5a i{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	border: 1px solid #999;
	transition: .25s;
}
.i5a:hover{
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	color: #008C38;
}
.i5a:hover .i5al{
	color: #008C38;
}
.i5a:hover i{
	background: #008C38;
	border: 1px solid #008C38;
}
.i5a:hover i img{
	filter: grayscale(100%) brightness(500%);
}
.i6w{
	color: #fff;
}
.i6ba{
	color: #fff;
}
.i6ba i{
	width: 80px;
	height: 80px;
	padding: 5px;
	border: 2px dashed #fff;
	border-radius: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}
.i6ba em{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .25s;
	border-radius: 100%;
}
.i6ba em img{
	filter: grayscale(100%) brightness(500%);
}
.i6b span.active .i6ba img{
	filter:inherit;
}
.i6b span.active .i6ba em{
	background: #fff;
}
.i6b span{
	text-align: center;
	font-size: 22px;
	cursor: pointer;
	position: relative;
	margin: 0 80px;
}
.i6b span::after{
	width: 140px;
	border-bottom: 2px dashed #fff;
	content: "";
	position: absolute;
	right: -150px;
	top: 32%;
}
.i6b span:last-child::after{
	display: none;
}
.i6b .i6bw{
	align-items: flex-start;
}
.i6b .line{
	width: 140px;
	border-bottom: 2px dashed #fff;
	margin: 0 20px;
	margin-top: 39px;
}
.i6t .sho{
	display: none;
}
.i6t .sho.active{
	display: block;
}
.i6tw{
	padding: 0 5%;
}
.i6ta{
	border-radius: 10px;
	overflow: hidden;
}
.i6abg{
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/i6abg_03.png) no-repeat bottom center;
	background-size: 100% 100%;
	display: flex;
	align-items: flex-end;
	color: #fff;
	opacity: 0;
	transition: .25s;
}
.i6abg p{
	margin-bottom: 10px;
}
.swiper-button-next-public-wt,.swiper-button-prev-public-wt{
	filter: grayscale(100%) brightness(500%);
}
.i6ta:hover .i6abg{
	opacity: 1;
}
.foot{
	background: #333333;
	color: #fff;
}
.foot a{
	color: #999;
}
.foot a:hover{
	color: #fff;
}
.md{
	padding: 70px 0;
}
.ftl{
	width: 25%;
}
.ftm,.ftr{
	flex: 0;
	flex-grow: 1;
	margin-left: 4%;
}
.ftlm a{
	width: 50px;
	height: 50px;
	display: flex;
	border-radius: 100%;
	border: 1px solid #999999;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	margin-right: 20px;
}
.ftlm a:hover{
	background: #008C38;
	color: #fff;
	border: 1px solid #008C38;
}
.ftlba{
	width: 30%;
}
.ftlba img{
	display: block;
	width: 100%;
	border-radius: 6px;
}
.ftma h3{
	margin-bottom: 10px;
}
.ftma p,.ftma a{
	line-height: 30px;
}
.ftrt{
	border-bottom: 1px solid rgba(255,255,255,.1);
	padding-bottom: 30px;
}
.ftrt h4{
	font-weight: normal;
	color: #666;
}
.ftrtl h3{
	font-size: 30px;
}
.ftrbw i{
	width: 6px;
	height: 6px;
	background: #666;
	border-radius: 6px;
	margin: 0 5px;
	vertical-align: middle;
	margin-top: -3px;
}
.ftrbw i:last-child{
	display: none;
}
.fb{
	border-top: 1px solid rgba(255,255,255,.1);
	padding: 20px 0;
	line-height: 25px;
	color: #666;
}
.fb a{
	color: #666;
}


.head_list{
	position: relative;
}
.listbn{
	height: 820px;
	margin-top: 80px;
}
.listbntop_ico img{
	filter: grayscale(100%) brightness(500%);
}
.listnav{
	margin-top: 120px;
}
.listnav a{
	background: #fff;
	padding: 25px 50px;
	color: #666;
}
.listnav a:first-child{
	border-radius: 6px 0 0 6px;
}
.listnav a:last-child{
	border-radius: 0 6px 6px 0;
}
.listnav a img{
	transition: .25s;
}
.listnav a:hover,.listnav a.active{
	background: rgba(0,140,56,.8);
	color: #fff;
	font-weight: bold;
}
.listnav a:hover img,.listnav a.active img{
	filter: grayscale(100%) brightness(500%);
}
.abl,.abr{
	width: 48%;
}
.abl *,.abr *{
	max-width: 100%;
}
.ab1tr1 h3{
	font-size: 50px;
}
.abicoa,.abicoa2{
	margin-right: 5%;
}
.abicoa h3 i{
	font-size: 60px;
}
.aba1b {
	padding: 10px 0;
}
.aba1b i{
	line-height: 32px;
	border: 2px solid #008C38;
	color: #008C38;
	display: inline-block;
	padding: 0 20px;
	border-radius: 32px;
	margin-right: 10px;
	transition: .25s;
}
.aba1b:hover i{
	background: #008C38;
	color: #fff;
}
.aba:nth-child(odd){
	flex-flow: row-reverse;
}
.ab2w{
	color: #fff;
}
.ab2w p{
	opacity: .3;
}
.ab3w{
	background: url(../images/ab3b_03.png) no-repeat bottom;
	padding: 0 6%;
	padding-bottom: 100px;
}
.ab3a{
	padding: 0 25px;
	border-left: 1px solid #e6e6e6;
	padding-bottom: 100px;
}
.ab3a h3 em{
	font-weight: normal;
	color: #008C38;
	margin-left: 10px;
}
.ab3a h3 i{
	font-size: 50px;
}
.ab3a p{
	font-size: 15px;
	line-height: 30px;
}
.ab4a{
	width: 480px;
	margin: 0 20px;
	background: #53b131;
	color: #fff;
	border-radius: 25px 10px 25px 10px;
	padding: 50px 25px;
}
.ab4a:nth-child(2){
	background: #00ad9e;
}
.ab4a:nth-child(3){
	background: #e0b119;
}
.ab4a h4{
	margin-bottom: 10px;
	font-size: 32px;
}
.ab4a h3{
	font-size: 34px;
}
.ab4a i{
	display: block;
	width: 80px;
	height: 4px;
	background: #fff;
	margin: 0 auto;
	margin-top: 15px;
}
.ab4a p{
	opacity: .5;
}
.ab5map{
	width: 58.3%;
	margin-right: 5%;
}
.ab5r{
	color: #fff;
}
.ab5ra{
	margin-bottom: 15px;
	padding: 25px;
	background: rgba(255,255,255,.1);
	border-radius: 6px;
}
.ab5ra i{
	margin-top: 10px;
}
.ab5ra p{
	opacity: .6;
}
.ab6w p{
	width: 100%;
	line-height: 40px;
	font-size: 16px;
	color: #666;
	text-align: center;
	opacity: 0;
	transition: .25s;
	margin-top: 20px;
}
.ab6w .swiper-slide-active p{
	opacity: 1;
}
.ab7a{
	width: 20%;
	
	cursor: pointer;
}
.ab7a a { transition: .5s; border-radius: 6px; display:block; width:90%; margin:0 auto; box-shadow: 0 8px 8px rgba(0,0,0,.1); padding: 25px 0;}
.ab7a img { max-width:80%; display:block; margin:0 auto}
.ab7ab{
	border-top: 1px dotted #ddd;
	margin-top: 10px;
	padding-top: 10px; padding-left:20px; padding-right:20px
}
.ab7ab em{
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #008C38;
	color: #008C38;
	margin: 0 auto;
	margin-top: 25px;
	border-radius: 100%;
	transition: .25s;
}
.ab7a:hover .ab7ab em{
	background: #008C38;
	color: #fff;
}
.ab7a:hover{
	transform: scale(1.1);
	position: relative;
	z-index: 9;
}
.ab8img{
	width: 35%;
}
.ab8r{
	padding: 40px;
}
.ab8rtl{
	font-size: 30px;
}
.ab8rt h3{
	font-size: 66px;
	color: #008C38;
	opacity: .2;
}
.ab8ra{
	margin-top: 25px;
}
.swiper-button-prev-ab8,.swiper-button-next-ab8{
	background: url(../images/ab8btn_03.png) no-repeat center;
	background-size: 100% 100%;
}
.swiper-button-prev-ab8{
	left: 10.2%;
}
.swiper-button-next-ab8{
	right: 10.2%;
}
.ab8b{
	position: relative;
	opacity: .2;
	transition: .25s;
}
.active .ab8b{
	opacity: 1;
}


.pd1l{
	width: 40%;
	margin-right: 5%;
}
.pd1r{
	background: url(../images/pdico_03.png) no-repeat left top;
	padding-top: 60px;
}
.pd1rtxt span{
	opacity: .3;
	color: #999;
}
.pd2a{
	width: 23.7%;
	padding: 60px 25px;
	padding-bottom: 100px;
	color: #fff;
	background-image: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.0));
}
.pd2a h3{
	font-size: 30px;
	margin: 20px 0;
}
.pd2a span{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	font-weight: bold;
}
.pd2a span i{
	width: 20px;
	height: 2px;
	background: #fff;
	display: block;
	margin: 0 10px;
}
.pd3al1 p{
	color: #008C38;
}
.pd3al1 i{
	background: #ddd;
	margin: 15px 0;
}
.pd3al1 h3{
	opacity: .2;
}
.pd3al{
	z-index: 10;
}
.pd3al,.pd3ar{
	width: 49.5%;
}
.pd3a{
	margin-top: 40px;
	justify-content: space-between;
}
.pd3a:first-child{
	margin: 0;
}
.pd3a:nth-child(even){
	flex-flow: row-reverse;
}
.pd3a:nth-child(even) .pd3al{
	text-align: right;
}
.pd3atxt{
	width: 520px;
	height: 280px;
	background: #fff;
	position: absolute;
	right: -15%;
	top: 50%;
	margin-top: -140px;
	z-index: 9;
	padding: 50px;
	text-align: left;
}
.pd3atxt h3{
	font-size: 40px;
}
.pd3a:nth-child(even)  .pd3atxt{
	left: -15%;
}
.pd4w{
	width: 102%;
}
.pd4a{
	width: 23%;
	margin-right: 2%;
	margin-top: 30px;
	border-radius: 8px;
	overflow: hidden;
}
.pd4abg{
	position: absolute;
	left: 0;
	top: 0;
	padding: 20px;
	color: #fff;
	display: flex;
	align-items: center;
	background: rgba(0,140,56,.9);
	opacity: 0;
	transition: .5s;
}
.pd4abg .txt{
	line-height: 20px;
	opacity: .7;
}
.pd4abg i{
	width: 70px;
	height: 2px;
	background: rgba(255,255,255,.5);
	display: block;
	margin-top: 10px;
}
.pd4a:hover .pd4abg{
	opacity: 1;
}
.page *{
	font-size: 16px;
	margin: 5px;
}
.page a,.page input,.page button{
	display: inline-block;
	line-height: 48px;
	padding: 0 18px;
	border: 1px solid #e6e6e6;
	color: #666;
}
.page a.abg,.page button{
	background: #f2f2f2;
	transition: .25s;
	border: 1px solid #f2f2f2;
	cursor: pointer;
}
.page a i{
	color: #008C38;
}
.page a:hover i{
	color: #fff;
}
.page a:hover,.page a.active{
	background: #008C38;
	color: #fff;
	border: 1px solid #008C38;
}
.page input{
	padding: 0;
	width: 50px;
	text-align: center;
}
.page button{
	width: 50px;
	padding: 0;
}
.page button:hover{
	background: #008C38;
	color: #fff;
}


.listnav1{
	padding: 20px 0;
	line-height: 30px;
}
.listnav1 i{
	color: #008C38;
}
.listnav1 a{
	color: #666;
}
.listnav1 a:hover,.listnav1 a.active{
	color: #008C38;
}
.ne1a{
	width: 24%;
	background: #fff;
}
.ne1a *{
	transition: .25s;
}
.ne1a:hover{
	background: #008C38;
	color: #fff;
}
.ne1a:hover *{
	color: #fff;
}
.ne1atxt{
	padding: 20px;
}
.ne2sc{
	padding: 25px;
	box-shadow: 0 0 16px rgba(0,0,0,.1);
}
.ne2sc span{
	width: 120px;
	text-align: right;
}
.ne2scipt {
	width: 360px;
	margin-right: 10px;
}
.ne2scipt select,.ne2scipt input{
	width: 100%;
	height: 60px;
	padding: 0 20px;
	color: #666;
	font-size: 16px;
	background: #f8f8f8;
	border-radius: 4px;
}
.ne2scbtn{
	width: 120px;
	height: 60px;
	background: url(../images/scico_03.png) no-repeat center #008c38;
	border-radius: 4px;
	cursor: pointer;
	transition: .25s;
}
.ne2scbtn:hover{
	opacity: .85;
}
.ne2scipt i{
	line-height: 30px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -15px;
}
.ne2aimg{
	width: 20%;
}
.ne2a{
	background: #f2f2f2;
	margin-top: 10px;
}
.ne2a *{
	transition: .25s;
}
.ne2a:hover{
	color: #fff;
	background: #008C38;
}
.ne2a:hover *{
	color: #fff;
}
.ne2al{
	padding: 15px 5%;
}
.ne2ar{
	width: 140px;
}
.ne2ar h3{
	font-size: 56px;
}

.case .ne2a:nth-child(even){
	background: #fff;
}
.case .ne2a:nth-child(even):hover{
	background: #008C38;
}

.nibn {
	color: #fff;
	height: 360px;
	margin-top: 80px;
}
.nibn .wrap{
	align-items: flex-end;
}
.niw{
	padding: 55px;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.05);
}
.nit{
	padding: 30px;
	background: rgba(0,140,56,.9);
}
.nitl h3{
	font-size: 30px;
	font-weight: normal;
}
.nitlb,.nitr{
	color: rgba(255,255,255,.7);
}
.nitr i{
	margin: 0 10px;
}
.nitra{
	cursor: pointer;
}
.nitrashare{
	width: 60px;
	position: absolute;
	right: 0;
	top: 100%;
	text-align: center;
	padding-top: 20px;
	opacity: 0;
	visibility: hidden;
	transition: .25s;
	padding: 10px;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.15);
}
.nitra:hover .nitrashare{
	opacity: 1;
	visibility: inherit;
}
.nitxt p{
	/*text-indent: 2em;*/
}
.nitxt *{
	max-width: 100%;
}
.nim{
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #E6E6E6;
	padding: 20px 0;
}
.nim a{
	width: 50%;
	color: #666;
	display: flex;
	align-items: center;
}
.nim a:last-child{
	text-align: right;
}
.nim a i{
	width: 48px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	font-size: 20px;
	color: #008C38;
	background: #f2f2f2;
	transition: .25s;
}
.nim a:hover{
	color: #008C38;
}
.nim a:hover i{
	background: #008C38;
	color: #fff;
}
.nibr a{
	display: inline-block;
	line-height: 47px;
	padding: 0 25px;
	border: 1px solid #008C38;
	color: #666;
}
.nibr a img{
	transition: .25s;
}
.nibr a:hover{
	background: #008C38;
	color: #fff;
}
.nibr a:hover img{
	filter: grayscale(100%) brightness(500%);
}
.niblw{
	padding-left: 35px;
}
.niblw a{
	display: inline-block;
	line-height: 40px;
	padding: 0 15px;
	background: #f2f2f2;
	color: #999;
	font-size: 12px;
	margin-top: 10px;
	margin-right: 10px;
}
.niblw a:hover{
	background: #008C38;
	color: #fff;
}

.jo1{
	height: 926px;
	color: #fff;
}
.jo1txt p{
	opacity: .5;
}
.jo2bg{
	padding: 80px;
	display: flex;
	justify-content: flex-end;
}
.jo2w{
	width: 45%;
	text-align: right;
}
.jo21{
	font-size: 40px;
	font-weight: normal;
	color: #fff;
	justify-content: flex-end;
}
.jo22{
	justify-content: flex-end;
}
.jo22 a{
	display: inline-block;
	line-height: 40px;
	font-size: 16px;
	border-radius: 2px;
	padding: 0 12px;
	background: rgba(255,255,255,.1);
	color: #fff;
	margin-left: 10px;
	margin-top: 10px;
}
.jo23{
	justify-content: flex-end;
}
.jo23a{
	width: 150px;
	height: 150px;
	margin-left: 20px;
	border-radius: 4px;
	overflow: hidden;
	text-align: left;
	color: #fff;
}
.jo23a1{
	border: 4px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.jo3{
	padding: 170px 0;
}
.jo3w{
	width: 45%;
	margin: 0 auto;
}
.jo3a{
	width: 48%;
	position: absolute;
}
.jo3a:nth-child(1){
	left: -44%;
	top: 5%;
	color: #81aa30;
	text-align: right;
}
.jo3a:nth-child(2){
	left: -50%;
	top: 43%;
	color: #405d89;
	text-align: right;
}
.jo3a:nth-child(3){
	left: -38%;
	bottom: -5%;
	color: #4282dc;
	text-align: right;
}
.jo3a:nth-child(4){
	right: -46%;
	top: 5%;
	color: #359875;
}
.jo3a:nth-child(5){
	right: -51%;
	bottom: 15%;
	color: #2ca6ac;
}

.co1{
	padding: 110px 0 170px 0;
}
.co2,.co3{
	padding: 110px 0;
}
.co1top_b{
	border-bottom: 2px solid #00afa0;
	padding-bottom: 15px;
}
.co1top_ico{
	display: inline-block;
	height: 50px;
}
.co1l{
	width: 29%;
	margin-right: 15%;
}
.co1la{
	line-height: 40px;
}
.co1la span{
	width: 110px;
	text-align: right;
}
.co1ra{
	width: 150px;
}
.co1ra img{
	border: 1px solid #e6e6e6;
	border-radius: 4px;
}
.co2map{
	width: 60%;
}
.co2r{
	width: 35%;
	background: #f1f7fd;
	border-radius: 20px;
	overflow: hidden;
}
.co2rt{
	height: 95px;
	padding: 0 40px;
	background: #d8ece9;
}
.co2rt i{
	width: 30px;
	height: 30px;
	background: #008C38;
	color: #fff;
	border-radius: 100%;
	text-align: center;
	line-height: 30px;
}
.co2rb{
	padding: 0 60px;
	padding-top: 30px;
	padding-bottom: 80px;
	background: url(../images/co2rbg_03.png) no-repeat bottom center;
	background-size: 100%;
}
.co2rba{
	margin-bottom: 25px;
}
.co2rba:last-child{
	margin-bottom: 0;
}
.co2rba::after{
	width: 6px;
	height: 6px;
	border: 2px solid #008C38;
	border-radius: 100%;
	content: "";
	position: absolute;
	left: -20px;
	top: 10px;
}
.co3bg{
	background: #fff;
	padding: 55px 20px;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.co3box{
	width: 1200px;
	margin: 0 auto;
}
.co3top h3{
	font-size: 30px;
}
.co3ar{
	position: relative;
}
.co3a{
	width: 48%;
	margin-top: 15px;
}
.co3a_w100{
	width: 100%;
}
.co3a span{
	width: 95px;
	text-align: center;
	line-height: 60px;
	height: 60px;
	font-size: 16px;
	color: #666;
	letter-spacing: 5px;
}
.co3ar i{
	line-height: 30px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -15px;
	font-size: 18px;
}
.co3ar input,.co3ar select{
	width: 100%;
	height: 60px;
	padding: 0 15px;
	background: #f2f2f2;
	border: 1px solid #f2f2f2;
	font-size: 16px;
	color: #666;
	transition: .25s;
}
.co3ar textarea{
	width: 100%;
	height: 180px;
	padding: 15px;
	background: #f2f2f2;
	border: 1px solid #f2f2f2;
	font-size: 16px;
	color: #666;
	transition: .25s;
}
.co3ar input:focus,.co3ar textarea:focus,.co3ar select:hover{
	border: 1px solid #008C38;
	background: #fff;
}
.co3btn button{
	width: 180px;
	height: 60px;
	text-align: center;
	background: #008C38;
	border-radius: 4px;
	cursor: pointer;
	transition: .25s;
	color: #fff;
	font-size: 16px;
	box-shadow: 0 0 15px rgba(0,140,56,.5);
}
.co3btn button:hover{
	opacity: .85;
}

.maodian{
	position: fixed;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 15px;
	top: 50%;
	margin-top: -150px;
	z-index: 98;
	opacity: 0;
	visibility: hidden;
	transition: .25s;
}
.maodian.active{
	opacity: 1;
	visibility: inherit;
}
.maodian a{
	width: 28px;
	height: 28px;
	display: block;
	background: url(../images/maodianico.png) no-repeat center;
	border: 2px solid rgba(0,0,0,0);
	margin: 5px 0;
}
.maodian a.active{
	background: url(../images/maodianico_ac.png) no-repeat center;
	background-size: 20px;
	border: 2px solid #008C38;
	border-radius: 100%;
}

.tc{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	background: rgba(0,0,0,.5);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: .25s;
}
.tc_active{
	opacity: 1;
	visibility: inherit;
}
.ab7hide{
	padding: 50px;
}
.ab7hl{
	width:15%;
	margin-right: 5%;
}
.tc_close{
	position: absolute;
	right: 0;
	top: -45px;
	cursor: pointer;
	filter: grayscale(100%) brightness(500%);
}
.tc_close img{
	height: 25px;
}


@media only screen and (max-width:1800px){
	.ne1a {
    width: 23%;
    background: #fff;
}
}
@media only screen and (max-width:1499px) {
	.nava{
		padding: 0 20px;
	}
	.hdr1{
		margin-left: 20px;
		padding-left: 40px;
	}
	#fp-nav.right{
		right: -8px !important;
	}
	.mdtop h3{
		font-size: 40px;
	}
	.mdtop i{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.mdtop p{
		font-size: 24px;
	}
	.textnumber{
		font-size: 45px;
		line-height: 45px;
		height: 45px;
	}
	.i3w {
		padding: 0 5%;
	}
	
	.listbntop_ico img{
		height: 80px;
	}
	.listbn{
		height: 700px;
	}
	.i2lba h3{
		height: 45px;
		line-height: 45px;
	}
	.ab1tr1 h3{
		font-size: 34px;
	}
	.abicoa .textnumber{
		font-size: 45px;
	}
	.abicoa2 img{
		width: 50px;
	}
	.ab4a h4{
		font-size: 20px;
	}
	.ab4a h3{
		font-size: 24px;
	}
	.ab8rtl{
		font-size: 20px;
	}
	.ab8rt h3{
		font-size: 30px;
	}
	.ab8ra{
		margin-top: 15px;
	}
	.ab8ra .txt{
		font-size: 14px;
	}
	.ab8r{
		padding: 25px;
	}
	.ab8rw{
		margin-top: 25px;
	}
	
	.jo1{
		height: 700px;
	}
	
	.co1l{
		width: 40%;
		margin-right: 4%;
	}
	.ab7hide{
		padding: 35px;
	}
	.hdr1_hdrhide{
		width: 80%;
	}
}
@media only screen and (min-width:768px) and (max-width:1199px) {
	.ab3a h3 i{
		font-size: 40px;
	}
	.ab3a p{
		font-size: 14px;
		line-height: 28px;
	}
	.logo{
		height: 50px;
	}
	.videohidebox{
		width: 80%;
	}
	.hdr1{
		margin-left: 10px;
		padding-left: 20px;
	}
	.nava{
		padding: 0 15px;
		font-size: 16px;
	}
	.logo{
		display: inline-block;
		height: 50px;
	}
	.hdr3sp{
		width: 80px;
	}
	.morea a{
		font-size: 20px;
	}
	.morea a img{
		height: 10px;
	}
	.i3ba p{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	#certify .swiper-slide{
		width: 400px;
	}
	.i6b span{
		font-size: 16px;
	}
	.ftrtl h3{
		font-size: 20px;
	}
	.ftrt h4{
		font-size: 16px;
	}
	.ftlba p{
		font-size: 12px;
		line-height: 22px;
	}
	.ftlm a{
		width: 35px;
		height: 35px;
		font-size: 18px;
	}
	
	.listnav a{
		padding: 25px 0;
		width: 100%;
	}
	.ab1tr1 h3{
		font-size: 24px;
	}
	.abicoa {
		margin: 10px;
	}
	
	.pd2a h3{
		font-size: 22px;
	}
	.pd2a span{
		font-size: 16px;
	}
	.pd3atxt{
		width: 70%;
		height: 200px;
		margin-top: -100px;
		padding: 30px;
	}
	.pd3atxt h3{
		font-size: 24px;
	}
	.pd3al img{
		height: 80px;
	}
	.pd4a{
		width: 31.33%;
	}
	
	.ne2ar h3{
		font-size: 30px;
	}
	.ne2sc span{
		width: auto;
	}
	.ne2scipt{
		flex: 0;
		flex-grow: 1;
	}
	.ne2scipt select, .ne2scipt input{
		height: 45px;
	}
	.ne2scbtn{
		height: 45px;
		width: 80px;
		background-size: 30%;
	}
	.ne1atxt{
		padding: 15px;
	}
	
	.nitl h3{
		font-size: 22px;
	}
	
	.jo3a h3{
		font-size: 16px;
	}
	.jo3a p{
		font-size: 12px;
	}
	.jo21{
		font-size: 24px;
	}
	.jo21 img{
		height: 30px;
	}
	.jo22{
		margin-top: 15px;
	}
	.jo22 a{
		font-size: 12px;
		line-height: 30px;
	}
	.jo23{
		margin-top: 25px;
	}
	
	.co3box{
		width: 100%;
	}
	
	.hdr1_hdrhide{
		width: 100%;
	}
}
@media only screen and (max-width:950px) {
	.ipadding{
		padding-top: 30px;
	}
	.mt_30,.mt_35,.mt_40,.mt_45,.mt_50,.mt_60,.mt_70,.mt_80{
		margin-top: 25px;
	}
	/*视频*/
	.videohidebox{
		width: 90%;
		margin-left: 0;
		padding-bottom: 0;
	}
	.videohidebox_1 p{
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}
	.scbox{
		position: relative;
		width: 100%;
		left: 0;
		top: 0;
		width: 100%;
		margin: 0;
	}
	.scbox form{
		display: flex;
	}
	.scbox input{
		flex: 0;
		flex-grow: 1;
		height: 40px;
		font-size: 14px;
		padding: 0 12px;
		width: 100%;
		border: 1px solid #e6e6e6;
	}
	.scbox button{
		width: 40px;
		height: 40px;
	}
	.scbox button img{
		height: 16px;
	}
	.scba a{
		display: block;
		line-height: 30px;
		width: 48%;
		background: #F2F2F2;
		color: #666;
		font-size: 12px;
		margin-top: 10px;
		text-align: center;
	}
	.ipadding{
		padding-top: 30px;
	}
	.textnumber {
	    font-size: 30px;
	    line-height: 30px;
	    height: 30px;
	}
	
	.pd4a{
		width: 48%;
		margin-top: 15px;
	}
	
	.niw{
		padding: 25px;
	}
	.nibr a{
		line-height: 40px;
	}
	
	.jo1{
		height: 500px;
	}
	
}
@media only screen and (max-width:768px) {
	.flex_lmr_wap{
		justify-content: space-between;
		width: 100%;
	}
	.wap_disblock{
		display: block;
	}
	.pc_demo{
		display: none;
	}
	.wap_demo{
		display: block;
	}
	.bnimgwap{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		display: flex;
		align-items: center;
		padding: 0 25px;
	}
	.bnimgwap img{
		width: 50%;
	}
	.mdtop h3{
		font-size: 24px;
	}
	.mdtop i{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.mdtop p{
		font-size: 16px;
	}
	.i2ltxt {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.i2rwapimg{
		height: 220px;
	}
	.textnumber{
		font-size: 24px;
		line-height: 25px;
		height: 25px;
	}
	.right{
		right: -5px;
		transform: scale(.6);
	}
	.i2lb{
		display: none;
	}
	.i2lba{
		width: 25%;
	}
	.i2lba img{
		width: 60%;
	}
	.i2lba h3{
		height: 35px;
		line-height: 35px;
	}
	.i2lba p{
		display: none;
	}
	.i2lba i{
		display: none;
	}
	.i2l .mt_50{
		margin-top: 12px;
	}
	.i2lba h3 em{
		font-size: 12px;
		line-height: 20px;
		margin-left: 5px;
	}
	.i2r{
		margin-top: 15px;
	}
	.morea a{
		font-size: 14px;
	}
	.morea a img{
		height: 7px;
	}
	.i3ba{
		width: 50%;
	}
	.i3batxt::after{
		display: none;
	}
	.i3ba p{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		display: none;
	}
	.i3ba img{
		height: 40px;
	}
	.i3ba h3{
		font-size: 14px;
	}
	.i3bg{
		align-items: center;
	}
	.i3w {
		display: flex;
		align-items: center;
		position: relative;
		padding: 0;
	}
	.i3w .mdtop{
		position: absolute;
		left: 0;
		top: 30px;
		width: 100%;
	}
	.i3bgtxt img{
		height: 80px;
	}
	#certify .swiper-slide{
		width: 100%;
	}
	.i5l {
		display: none;
	}
	.i5r{
		display: block;
	}
	.i5rimg{
		display: none;
	}
	.i5a{
		padding: 15px;
		margin-top: 15px;
	}
	.i6b{
		transform: scale(.7);
	}
	.i6b span{
		font-size: 18px;
	}
	.i6abg{
		opacity: 1;
	}
	.swiper-button-prev-public, .swiper-button-next-public{
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background-size: 100% 100%;
	}
	.ftm, .ftr{
		display: none;
	}
	.ftl{
		width: 100%;
		text-align: center;
	}
	.ft{
		padding: 25px 0;
	}
	.ftllogo img{
		height: 30px;
	}
	.ftlm {
		justify-content: center;
	}
	.ftlm a{
		width: 30px;
		height: 30px;
		font-size: 14px;
		margin: 0 7px;
	}
	.ftlba p{
		font-size: 12px;
		margin-top: 5px;
	}
	.fb{
		text-align: center;
		font-size: 12px;
	}
	
	.listbntop_ico img{
		height: 30px;
	}
	.listnav{
		display: none;
	}
	.listbn{
		margin-top: 60px;
		height: 200px;
	}
	.md{
		padding: 25px 0;
	}
	.ab1tr1 h3{
		font-size: 18px;
	}
	.abicoa *{
		display: block !important;
	}
	.abicobox {
		margin-top: 0;
	}
	.abicobox {
		justify-content: space-between;
	}
	.abicoa{
		display: flex;
		align-items: center;
		width: 48%;
		margin: 0;
		margin-top: 15px;
	}
	.abicoa i img{
		display: block;
		width: 50px;
	}
	.abicoa .txt{
		flex: 0;
		flex-grow: 1;
	}
	.abicoa .txt p{
		font-size: 12px;
	}
	.abicoa .line{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.abicoa_w100{
		width: 100%;
	}
	.abicoa .textnumber{
		font-size: 24px;
		display: inline-block !important;
	}
	.abicoa .line{
		margin-left: 0;
	}
	.abicoa img{
		width: 100%;
	}
	.i2lba h3 em{
		display: inline-block !important;
	}
	.abr {
		margin-top: 15px;
	}
	.aba1b i{
		border: 1px solid #008C38;
		line-height: 30px;
		font-size: 12px;
		padding: 0 15px;
	}
	.abicoa2{
		width: 50%;
		margin-top: 15px;
		margin-right: 0;
	}
	.ab2w img{
		height: 30px;
	}
	.ab3a{
		padding-bottom: 25px;
	}
	.ab3a p{
		font-size: 13px;
		margin-top: 10px;
	}
	.ab3w{
		padding-bottom: 0;
		background: none;
	}
	.ab4a{
		width: 100%;
		margin: 0;
	}
	.ab4a i{
		height: 2px;
		width: 40px;
	}
	.ab4a h3{
		font-size: 18px;
		line-height: 34px;
	}
	.ab6w p{
		font-size: 14px;
		margin-top: 10px;
	}
	.ab7w {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.ab7a{
		width: 100%;
		margin-top: 15px;
	}
	.ab8w{
		padding: 0 15px;
	}
	.ab8img{
		width: 100%;
	}
	.swiper-button-next-ab8{
		right: 0;
	}
	.swiper-button-prev-ab8{
		left: 0;
	}
	.ab8rtl{
		font-size: 20px;
		line-height: 30px;
	}
	.ab8rt h3{
		font-size: 24px;
		margin-left: 15px;
	}
	.ab8ra img{
		height: 16px;
		margin-top: 5px;
	}
	
	.pd1r{
		background-size: 40px;
	}
	.pd1r{
		padding-top: 30px;
	}
	.pd2a{
		width: 100%;
		padding: 40px 15px;
	}
	.pd2a h3{
		font-size: 20px;
	}
	.pd2a span{
		font-size: 14px;
	}
	.pd2a span i{
		width: 20px;
		height: 1px;
	}
	.pd3atxt{
		width: 100%;
		position: relative;
		left: 0 !important;
		top: 0;
		margin: 10px 0;
		padding: 15px;
		height: auto;
	}
	.pd3atxt h3{
		font-size: 20px;
	}
	.pd3al, .pd3ar{
		width: 100%;
	}
	.pd3al img{
		height: 40px;
	}
	.pd3a:nth-child(even) .pd3al{
		text-align: left;
	}
	.pd4w{
		width: 100%;
	}
	.pd4a{
		margin-top: 15px;
		width: 100%;
	}
	.pd4abg{
		opacity: 1;
	}
	
	.page *{
		font-size: 13px;
	}
	.page a, .page input, .page button {
    	display: inline-block;
	    line-height: 28px;
	    padding: 0 10px;
	    border: 1px solid #e6e6e6;
	    color: #666;
	}
	
	.ne1a{
		width: 100%;
		margin-top: 15px;
	}
	.ne1a:first-child{
		margin-top: 0;
	}
	.ne1atxt{
		padding: 15px;
	}
	.ne2sc{
		flex-wrap: wrap;
		padding: 15px;
		justify-content: flex-start;
	}
	.ne2sc span{
		text-align: left;
		width: auto;
	}
	.ne2scipt{
		width: 100%;
		margin: 7px 0;
	}
	.ne2scipt select, .ne2scipt input{
		height: 40px;
		padding: 0 15px;
		font-size: 14px;
	}
	.ne2scbtn{
		height: 40px;
		width: 80px;
		background-size: 20px;
		margin-top: 8px;
	}
	.ne2a{
		flex-wrap: wrap;
	}
	.ne2aimg{
		width: 100%;
	}
	.ne2ar{
		width: 100px;
	}
	.ne2ar h3{
		font-size: 24px;
	}
	.ne2al p{
		margin-top: 10px;
	}
	
	.nibn{
		height: auto;
		padding-top: 15px;
		margin-top: 60px;
	}
	.nit{
		padding: 15px;
		display: block;
	}
	.nitl h3{
		font-size: 18px;
		line-height: 28px;
	}
	.nitlb{
		padding: 5px 0;
	}
	.nitr{
		margin-left: 0;
		margin-top: 10px;
	}
	.niw{
		padding: 20px;
	}
	.nim a{
		width: 100%;
		display: flex;
		align-items: center;
		margin-bottom: 10px;
	}
	.nim a:last-child{
		margin-bottom: 0;
	}
	.nim a i{
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 16px;
	}
	.nibr{
		width: 100%;
		margin-top: 15px;
		text-align: center;
	}
	.nibr a{
		line-height: 32px;
		padding: 0 15px;
		font-size: 13px;
	}
	.nibr a img{
		height: 13px;
	}
	
	.jo1{
		height: 300px;
	}
	.jo1img{
		margin-top: 10px;
	}
	.jo1img img{
		height: 20px;
	}
	.jo1txt {
		margin-top: 12px;
	}
	.jo1txt h3{
		font-size: 14px;
	}
	.jo1txt p{
		font-size: 12px;
		line-height: 20px;
	}
	.jo2bg{
		padding: 20px;
	}
	.jo2w{
		width: 100%;
	}
	.jo21{
		font-size: 24px;
	}
	.jo21 img{
		height: 34px;
	}
	.jo22 a{
		font-size: 12px;
		line-height: 26px;
	}
	.jo23a1{
		border: 2px solid #fff;
		background: rgba(255,255,255,.1);
	}
	.jo23a{
		width: 120px;
		height: 120px;
	}
	.jo3w {
		width: 100%;
	}
	.jo3a{
		width: 100%;
		text-align: left !important;
		position: relative;
		left: 0 !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		margin: 0 !important;
		margin-top: 20px !important;
	}
	
	.co1top_ico{
		height: 20px;
	}
	.co1lb {
		margin-top: 10px;
	}
	.co1ra{
		margin-top: 20px;
	}
	.co2rt{
		height: 50px;
		padding: 0 20px;
	}
	.co2rt i{
		width: 22px;
		height: 22px;
		line-height: 22px;
	}
	.co2rb{
		padding: 20px;
		padding-left: 40px;
	}
	.co3top h3{
		font-size: 22px;
	}
	.co3box{
		width: 100%;
	}
	.co3a{
		width: 100%;
	}
	.co3a span{
		width: 80px;
		line-height: 40px;
		height: 40px;
		font-size: 14px;
	}
	.co3bg{
		padding: 20px;
	}
	.co3ar input, .co3ar select{
		height: 40px;
		font-size: 14px;
		padding: 0 12px;
	}
	.co3ar textarea{
		height: 120px;
		padding: 12px;
	}
	.co3btn button{
		height: 40px;
		width: 130px;
		font-size: 14px;
	}
	
	.ab7hide{
		padding: 20px;
	}
	.ab7hl{
		width: 40%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.i6b span::after{
		width: 50px;
		right: -60px;
	}
	.i6b span{
		margin: 0 35px;
	}
	.ab3a h3 i{
		font-size: 24px;
	}
	.ab3a p{
		font-size: 14px;
		line-height: 25px;
	}
}