@charset "utf-8";

/* CSS Document */

@font-face {

	src: url(../fonts/SourceHanSansCN-Normal.otf);

	font-family: "myfont";

}

@font-face {

	src: url(../fonts/SourceHanSansCN-Regular.otf);

	font-family: "title";

}

@font-face {

	src: url(../fonts/Inter-Bold-4.otf);

	font-family: "en";

}

@font-face {

	font-family: 'iconfont';

	src: url(../icons/iconfont.eot);

	src: url(../icons/iconfont.eot?#iefix) format('embedded-opentype'),

		url(../icons/iconfont.woff) format('woff'),

		url(../icons/iconfont.ttf) format('truetype'),

		url(../icons/iconfont.svg#iconfont) format('svg');

}

.iconfont {

	font-family: "iconfont" !important;

	font-size: 16px;
	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: 0.2px;

	-moz-osx-font-smoothing: grayscale;

}

* {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-style: inherit;

	list-style: none;

	font-family: "myfont", sans-serif;

}

body,
html {

	font-size: 64.5%;

	background: #f7f7f7;
	;

}

.clear {

	clear: both;

}

a {

	text-decoration: none !important;

}

.w_all {

	width: 80%;

	margin: auto;

}

.w_all2 {

	width: 64%;

	margin: auto;

}

header {

	width: 100%;

	z-index: 999999;

	position: fixed;

	left: 0%;

	top: 0;

	/* border-bottom: 1px solid #e5e5e5; */

	box-sizing: border-box;

}

.header2 {

	background: #fff;

}

header .nav_box {

	width: 90%;

	position: relative;

	display: flex;

	justify-content: space-between;

	align-items: center;

	float: right;

}

header .logo {

	height: 52px;

}

header .logo img {

	display: block;

	height: 100%;

}

header nav {

	position: relative;

	display: flex;

	justify-content: space-between;

	align-items: center;

	width: 75%;

}

nav ul {

	width: 100%;

	display: flex;

	justify-content: space-between;

}

nav ul li {

	position: relative;

	font-size: 1.6rem;

	-webkit-transition: all 0.4s;

	transition: all 0.4s;

	letter-spacing: 1px;

	color: #333;

	line-height: 96px;

}

nav ul li:hover {

	color: #1ab04b;

}

header .language {

	border-right: 1px solid rgba(255,255,255,0.1);

	padding-right: 60px;

	display: flex;

	align-items: center;

}

header .language img {

	width: 22px;

	display: block;
	margin-right: 3px;
	margin-top: -2px;

}
header .language a{
	font-size: 1.4rem;
	color: #333;
	margin-left:5px ;
	position: relative;
	-webkit-transition: all 0.4s;
	
	transition: all 0.4s;
}
header .language a:hover{
	color: #1ab04b;
}
header .language a:last-of-type{
	padding-left: 10px;
}
header .language a:last-of-type:before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #666;
}
.navBtn {

	z-index: 9999;

	cursor: pointer;

	position: relative;

	padding-left: 50px;

	margin: 0 100px;

}

.navBtn p {

	position: absolute;

	left: 0;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	font-size: 1.4rem;

	color: #333;

}

.navBtn span {

	display: block;

	width: 25px;

	height: 2px;

	background: #333;

	margin: 6px 0;

}

.header3 .navBtn span {

	background: #333;

}

.nav_btn_active {

	-webkit-transition: all 0.4s;

	transition: all 0.4s;

}

.nav_btn_active span:nth-of-type(1) {

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

}

.nav_btn_active span:nth-of-type(2) {

	opacity: 0;

}

.nav_btn_active span:nth-of-type(3) {

	margin-top: -64%;

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

}

.nav_right{
	position:fixed;
	left:0px;
	width:100%;
	height: 100%;
	top:0%;
	background: #fff;
	display: none;
	z-index: 99999;
	overflow: hidden;
	}
.nav_right .close{
	position: absolute;
	right: 8%;
	top: 8%;
	display: flex;
	align-items: center;
	font-size: 1.3rem;
	color: #1a1a1a;
	font-weight: bold;
	cursor: pointer;
	z-index: 3;
}
.nav_right .close img{
	margin-left: 12px;
}
.nav_right .bgss img{
	position: absolute;
	right: -35%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 135%;
	opacity: 0.5;
}
.nav_list{
	position:absolute;
	left: 50%;
	top:46%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	width:75%;
	}
.nav_list .left{
	width: 50%;
}
.nav_list .left img{
	max-width: 100%;
}
.nav_list .left > p{
	font-size: 2rem;
	letter-spacing: 2px;
	color: #1a1a1a;
	margin: 5% 0 8%;
	font-weight: bold;
}
.nav_list ul li{
	display: flex;
	margin: 15px 0;
	align-items: center;
}
.nav_list ul li img{
	width: 24px;
	height: 24px;
	margin-right: 10px;
}
.nav_list ul li p{
	font-size: 1.5rem;
	letter-spacing: 1px;
	color: #1a1a1a;
}
.nav_list ul li p a{
	color: #1a1a1a;
	font-size: 1.5rem;
}
.nav_list dl{
	width: 50%;
}
.nav_list dl dd{
	width: 45%;
	text-align: center;
	display: inline-block;
	font-size: 2rem;
	color: #333;
	font-weight: bold;
	margin: 5% 0 0;
	letter-spacing: 1px;
	position: relative;
	line-height: 2.2;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.nav_list dl dd:before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0%;
	height: 2px;
	background: #1ab04b;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.nav_list dl dd:hover{
	color: #1ab04b;
}
.nav_list dl dd:hover:before{
	opacity: 1;
	width: 50%;
}
.n_bot{
	position:absolute;
	bottom: 3%;
	left: 4%;
	width: 92%;
	display: flex;
	justify-content: space-between;
}
.n_bot p{
	font-size: 1.1rem;
	color: #1a1a1a;
	text-transform: uppercase;
}

.bg img {

	max-width: 100%;

	position: absolute;

	left: 0;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

}

.banner {

	width: 100%;

	height: 100%;

	position: relative;

}
.banner .ph {
	display: none;
}
.banner .swiper-container {

	width: 100%;

	height: 100%;

	position: relative;

}
.banner .txt {

	position: absolute;

	top: 55%;

	left: 48%;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	display: flex;

	align-items: center;

	justify-content: space-between;

}
.banner .txt h3 {

	font-size: 6rem;

	color: #1ab04b;

	font-family: "en";

	padding-bottom: 5%;

	position: relative;

}

.banner .txt h3:before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100px;

	height: 4px;

	background: #1ab04b;

}

.banner .txt h4 {

	font-size: 5.2rem;

	color: #1a1a1a;

	font-weight: bold;

	font-family: "title";

	margin: 5% 0;
	width: 90%;
}

.banner .txt p {

	font-size: 2rem;

	color: #666666;
	width: 90%;

}

.banner .swiper-pagination {

	bottom: 3% !important;

}

.banner .swiper-pagination span {

	background: #f7dbc7 !important;

	width: 12px !important;

	height: 12px !important;

	margin: 16px !important;

	opacity: 1;

	position: relative;

	display: inline-block;

}

.banner .swiper-pagination span:before {

	content: "";

	position: absolute;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	width: 30px;

	height: 30px;

	background: url(../images/logo2.png) no-repeat center;

	background-size: 100%;

	opacity: 0;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.banner .swiper-pagination .swiper-pagination-bullet-active:before {

	opacity: 1;

}

.scroll {

	position: absolute;

	right: 52px;

	bottom: 5%;

	color: #333;

	cursor: pointer;

	z-index: 2;

	width: 10px;

}

.more {

	position: relative;

	margin-top: 15%;

	padding-left: 10px;

	display: flex;

	align-items: center;

	cursor: pointer;

	z-index: 3;

}

.more:before {

	content: '';

	position: absolute;

	left: 0px;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	width: 36px;

	height: 36px;

	border-radius: 30px;

	background: #1ab04b;

	z-index: -1;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.more:hover span {

	color: #fff;

	padding-left: 10px;

}

.more:hover:before {

	width: 135px
}

.more:hover i {

	opacity: 0;

}

.more span {

	color: #1ab04b;

	mix-blend-mode: color-dodge;

	font-size: 1.6rem;

	letter-spacing: 1px;

	text-transform: uppercase;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.more i {

	color: #1ab04b;

	font-size: 2rem;

	margin-left: 15px;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.slide {

	width: 100%;

	position: relative;

	height: 100%;

}

.index_bar1 .bg img {

	left: inherit;

	right: -9%;

}

.slide .contain {

	position: absolute;

	left: 50%;

	top: 55%;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}

.index_title {

	position: absolute;

	left: 0;

	top: 0;

}

.index_title h3 {

	font-size: 6rem;

	color: #1ab04b;

	font-family: "en";

	padding-bottom: 20px;

	position: relative;

	text-transform: uppercase;

}

.index_title h3:before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100px;

	height: 4px;

	background: #1ab04b;

}

.index_title h4 {

	font-size: 5.2rem;

	color: #1a1a1a;

	font-weight: bold;

	font-family: "title";

	margin: 25px 0;

}
.index_bar1 .index_title h4 {
	margin-bottom: 0;
}
.index_bar1 ul {

	display: flex;

	justify-content: space-between;

	align-items: flex-end;

}

.index_bar1 ul li {

	margin-right: 4%;

	width: 31.3%;
	

}

.index_bar1 ul li:nth-of-type(3n) {

	margin-right: 0;

}

.index_bar1 ul li b {
	display: block;
	overflow: hidden;
	width: 100%;

}
.index_bar1 ul li b img{
	display: block;

	width: 100%;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;

}
.index_bar1 ul li b:hover img {

	-webkit-transform: scale(1.06);
	transform: scale(1.06);

}
.index_bar1 ul li:last-of-type a:last-of-type b{

	margin-top: 12%;

}
.index_bar2 .contain{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.index_bar2 .index_title {

	position: static;

}
.index_bar2 .txt{
	width: 26%;
}

.index_bar2 ul {
	width: 74%;

	display: flex;

	justify-content: space-between;

}

.index_bar2 ul li {

	margin-right: 2%;

	width: 32%;

	background: #fff;

	text-align: center;

	box-shadow: -3.536px 3.536px 28.5px 1.5px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.2s linear;
	
	transition: all 0.2s linear;
}

.index_bar2 ul li:nth-of-type(4n) {

	margin-right: 0;

}
.index_bar2 ul li:last-of-type {

	margin-right: 0;

}
.index_bar2 ul li .bb {

	padding: 6% 3%;

	box-sizing: border-box;

	border-top: 1px solid #eee;

	

}

.index_bar2 ul li b {

	width: 100%;

	display: block;

	overflow: hidden;
	background: #fff;
}

.index_bar2 ul li img {

	width: 100%;

	-webkit-transition: all 0.4s linear;

	transition: all 0.4s linear;

}

.index_bar2 ul li:hover img {

	-webkit-transform: scale(1.06);

	transform: scale(1.06);

}

.index_bar2 ul li h5 {

	font-size: 2rem;

	color: #333;

	font-family: "title";

	margin-bottom: 5px;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.more2 {

	font-size: 1.4rem;

	color: #333;

	display: flex;

	align-items: center;

	justify-content: center;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.more2 span {

	width: 6px;

	height: 6px;

	border-radius: 50%;

	background: #333;

	margin-left: 10px;

	position: relative;

	display: block;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	margin-right: 30px;

}

.more2 span:before {

	content: "";

	position: absolute;

	left: 6px;

	top: 48%;

	width: 30px;

	height: 1px;

	background: #333;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.index_bar2 ul li:hover{

	background: #1ab04b;

}

.index_bar2 ul li:hover .bb h5 {

	color: #fff;

}

.index_bar2 ul li:hover .more2 {

	color: #fff;

}

.index_bar2 ul li:hover .more2 span {

	background: #fff;

}

.index_bar2 ul li:hover .more2 span:before {

	background: #fff;

}

.index_bar3 .bg img {

	left: inherit;

	right: 0%;

}

.index_bar3 .contain {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.index_bar3 .index_title {

	position: static;

}

.index_bar3 .txt {

	width: 30%;

}


.index_bar3 .index_title p {

	font-size: 1.6rem;

	color: #333333;

	line-height: 2;

}

.index_bar3 .right {

	position: relative;

	width: 55%;

}

.index_bar3 .right ul {

	width: 100%;

	display: flex;

	flex-wrap: wrap;

}

.index_bar3 .right ul li {

	width: 50%;

	padding: 10% 0;

	text-align: center;

	border-right: 1px solid #fff;

	border-bottom: 1px solid #fff;

	box-sizing: border-box;
	position: relative;

}
.index_bar3 .right ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0%;
	background: rgba(0,0,0,0.4);
	opacity: 0;
	-webkit-transition: all 0.4s linear;
	
	transition: all 0.4s linear;
}
.index_bar3 .right ul li:hover:before {
	opacity: 1;
	height: 100%;
}
.index_bar3 .right ul li img {

	width: 56px;

	margin: auto;
	position: relative;
	z-index: 3;
}

.index_bar3 .right ul li h5 {

	color: #fff;

	font-size: 2.2rem;

	font-weight: normal;

	margin-top: 3%;
	position: relative;
	z-index: 3;

}

.index_bar4 .bg img {

	left: -36%;

}

.index_bar4 .contain {

	display: flex;

	justify-content: space-between;

	align-items: center;

	top: 49%;

}

.index_bar4 .index_title {

	position: static;

}

.index_bar4 .btn {

	margin-top: 30%;

}

.btn {

	display: flex;

}

.btn .ll {

	background: #1ab04b;

	margin-right: 20px;

	padding: 14px;

	cursor: pointer;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.btn .ll i {

	color: #fff;

	display: block;

}

.btn .lll i {

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg);

}

.btn .ll.swiper-button-disabled {

	background: #87c483;

}

.index_bar4 .right {

	position: relative;

	width: 70%;

	margin: 0;

}
.index_bar4 .right .img{
	width: 100%;
	overflow: hidden;
}
.index_bar4 .right img {

	width: 100%;

	display: block;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.index_bar4 .right .swiper-slide:hover img {
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
}
.index_bar4 .txt {

	background: #fff;

	padding: 5%;

	box-sizing: border-box;

	-webkit-transition: all 0.2s linear;

	transition: all 0.2s linear;

}

.index_bar4 .txt span {

	font-size: 1.2rem;

	color: #666;

	letter-spacing: 0.5px;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.index_bar4 .txt h3 {

	font-size: 1.8rem;

	color: #333;

	margin: 5px 0 10px;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.index_bar4 .txt p {

	font-size: 1.4rem;

	color: #666;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.index_bar4 .swiper-container {

	padding: 2%;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.index_bar4 .swiper-slide:hover {

	box-shadow: 5px 8.66px 25px 0px rgba(0, 0, 0, 0.1);

}

.index_bar4 .swiper-slide:hover .txt {

	background: #1ab04b;

}

.index_bar4 .swiper-slide:hover .txt span,
.index_bar4 .swiper-slide:hover .txt h3,
.index_bar4 .swiper-slide:hover .txt p {

	color: #fff;

}

footer {

	width: 100%;

	background: #242424;

	position: absolute;

	left: 0;

	bottom: 0;

	padding: 20px 0;

}

footer .box {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

footer .box .top {

	display: flex;

}

footer .box .top p {

	font-size: 1.3rem;

	margin-right: 20px;

}

footer p {

	color: #8f8f8f;

	font-size: 1.2rem;

	margin: 3px 0;

}

footer a {

	color: #8f8f8f;

	font-size: 1.2rem;

}

footer .left>p a {

	margin-left: 20px;

}

footer ul {

	display: flex;

}

footer ul li {

	margin-left: 30px;

	color: #fff;

	font-size: 1.2rem;

	position: relative;

	padding: 0 10px 10px;

}

footer ul li:before {

	content: '';

	position: absolute;

	left: 0%;

	bottom: 0;

	width: 100%;

	height: 3px;

	border: 1px solid #989898;

	box-sizing: border-box;

}

footer ul li img {

	margin: 0 auto 5px;

	width: 30px;

	display: block;

}

.back_all {

	position: fixed;

	right: 1.5%;

	bottom: 8%;

	color: #555;

	font-size: 1.2rem;

	letter-spacing: 1PX;

	width: 60px;

	height: 60px;

	z-index: 9999;

	text-align: center;

	line-height: 60px;

	color: #fff;

	cursor: pointer;

}

.back_all img {

	display: 20px;

	margin: auto;

}

.foot_o {

	position: static;

}

.o_ban {

	position: relative;

	height: 480px;

	display: block;

	width: 100%;

}

.o_ban .txt {

	position: absolute;

	left: 50%;

	top: 58%;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}

.o_ban .txt h2 {

	font-size: 4rem;

	color: #fff;

	letter-spacing: 4px;

}

.o_ban .txt p {

	font-size: 1.8rem;

	color: #fff;

	margin-top: 20px;

	letter-spacing: 1px;
	width: 55%;

}

.about {

	padding: 6% 0 10%;

}

.about .top {

	display: flex;

	justify-content: space-between;

	align-items: flex-end;

}

.title h3 {

	font-size: 6rem;

	color: #1ab04b;

	margin-bottom: 10px;

	font-family: "en";

	text-transform: uppercase;

}

.title h4 {

	font-size: 3.2rem;

	color: #1a1a1a;

	letter-spacing: 1.5rem;

	font-family: "title";

}

.navs {

	color: #999999;

	font-size: 1.4rem;

}

.navs span {

	margin: 0 10px;

	letter-spacing: 1px;

	cursor: pointer;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.navs span.active {

	color: #1ab04b;

}

.navs span:last-of-type {

	margin-right: 0;

}

.navs span:hover {

	color: #333;

}

.about .contain {

	position: relative;

	margin-top: 5%;

}

.about .txt {

	background: #fff;

	padding: 5% 22% 8% 5%;

	box-sizing: border-box;

	width: 72%;

}

.title2 h3 {

	font-size: 3.6rem;

	color: #1ab04b;

	font-family: "en";

	text-transform: uppercase;

	margin-bottom: 5px;

}

.title2 h4 {

	font-size: 2.4rem;

	color: #1a1a1a;

	letter-spacing: 2px;

	padding-bottom: 3%;

	position: relative;

	margin-bottom: 5%;

}

.title2 h4:before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 60px;

	height: 2px;

	background: #1ab04b;

}

.about p {

	font-size: 1.5rem;

	color: #666;

	line-height: 2;

	margin: 3% 0;

	letter-spacing: 1px;

}

.about .imgs {

	position: absolute;

	right: 0;

	top: 20%;

	width: 35%;

}

.about .imgs img {

	display: block;

	max-width: 100%;

}

.about .imgs img:nth-of-type(1) {

	position: relative;

	z-index: 2;

}

.about .imgs img:nth-of-type(2) {

	margin-left: -26%;

	margin-top: -8%;

}

.about2 {

	background: #fff;

}

.about2 .contain {

	margin-top: 0;

}

.about2 .txt {

	width: 60%;

	float: right;

	background: #f7f7f7;

	padding: 5% 5% 5% 15%;

}

.about2 .imgs {

	right: inherit;

	left: 0;

	width: 48%;

	top: 30%;

}

.about2 ul {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.about2 ul li {

	width: 48%;

	margin-top: 10%;

}

.about2 ul li:nth-child(-n+2) {

	margin-top: 3%;

}

.about2 ul li img {

	width: 30px;

}

.about2 ul li h5 {

	font-size: 1.8rem;

	color: #1a1a1a;

	margin: 2% 0 3%;

}

.about2 ul li p {

	line-height: 1.6;

}

.about3 {

	padding: 6% 0;

}

.about3 .bar {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 5%;

}

.about3 .title2 h4 {

	padding-bottom: 10%;

}

.about3 .btn {

	margin-top: 50%;

}

.about3 .contain {

	width: 80%;

}

.about3 .contain img {

	width: 50%;

	float: left;

}

.about3 .txt {

	width: 42%;

	float: right;

}

.about3 .txt h3 {

	color: #1ab04b;

	font-size: 4.8rem;

	font-family: "en";

	padding-bottom: 4%;

	position: relative;

	display: inline-block;

	margin: 3% 0 6%;

}

.about3 .txt h3:before {

	content: '';

	position: absolute;

	bottom: 0;

	right: 0%;

	width: 250%;

	height: 2px;

	background: #1ab04b;
	;

}

.about3 .txt p {

	color: #333;

	font-size: 1.6rem;

	line-height: 1.8;

	margin: 3% 0;

	position: relative;

	padding-left: 16px;

}

.about3 .txt p:before {

	content: '';

	position: absolute;

	top: 13px;

	left: 0%;

	width: 6px;

	height: 6px;

	background: #1ab04b;

	border-radius: 50%;

}

.about3 .swiper-pagination {

	position: relative;

	padding-top: 10px;

}

.about3 .swiper-pagination:before {

	content: '';

	position: absolute;

	left: 0;

	top: 16px;

	width: 100%;

	height: 1px;

	background: #cccccc;

}

.about3 .swiper-pagination-bullet {

	font-size: 1.6rem;

	color: #999999;

	font-family: "en";

	position: relative;

	width: auto !important;

	height: auto !important;

	margin: 0 3%;

	opacity: 1;

	background: none !important;

	padding-top: 40px;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.about3 .swiper-pagination-bullet:before {

	content: '';

	background: #cccccc;

	width: 12px;

	height: 12px;

	border-radius: 50%;

	position: absolute;

	left: 50%;

	top: 0;

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

}

.about3 .swiper-pagination-bullet-active {

	color: #1a1a1a;

	font-weight: bold;

}

.about3 .swiper-pagination-bullet-active:before {

	background: url(../images/logo2s.png) no-repeat center;

	width: 38px;

	height: 38px;

	background-size: 100%;

	top: -12px;

}

.navs2 {

	position: fixed;

	left: 0;

	top: 75%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.navs2.active {

	top: 54%;

}

.navs2 a {

	display: block;

	font-size: 1.5rem;

	color: #999999;

	margin: 20px 0;

	padding-left: 50px;

	position: relative;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.navs2 a:before {

	content: '';

	position: absolute;

	left: 0;

	top: 50%;

	width: 35px;

	height: 1px;

	background: #1ab04b;

	opacity: 0;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.navs2 a.active,
.navs2 a:hover {

	color: #1ab04b;

}

.navs2 a.active:before {

	opacity: 1;

}

.news {

	padding: 3% 0 6%;

	background: #fff;
	min-height: 30vh;

}

.news .bar ul li {

	position: relative;

	padding: 4% 0;

	border-bottom: 1px solid #eee;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.news .bar ul li .txt {

	width: 50%;

}

.news .bar ul li .img {

	width: 44%;

	overflow: hidden;

}

.news .bar ul li .img img {

	width: 100%;

	-webkit-transition: all 0.5s linear;

	transition: all 0.5s linear;

}

.news .bar ul li:hover .img img {

	-webkit-transform: scale(1.06);

	transform: scale(1.06);

}

.news .bar ul li h6 {

	font-weight: normal;

	color: #1ab04b;

	font-size: 1.2rem;

	letter-spacing: 0.5px;

}

.news .bar ul li h3 {

	font-size: 2.2rem;

	color: #1a1a1a;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	letter-spacing: 1px;

	margin: 3% 0;

	padding-left: 20px;

	border-left: 2px solid #1ab04b;

	line-height: 1.3;

}

.news .bar ul li p {

	font-size: 1.6rem;

	color: #808080;

	letter-spacing: 1px;

}

.news .bar ul li:hover h3 {

	color: #1ab04b;

}

.news .more {

	margin-top: 8%;

}

.pages {

	text-align: center;

	margin-top: 3%;

}

.pages #pages {
	display: flex;
	justify-content: center;
}

.pages span,
.pages a {

	display: inline-block;

	margin: 6px;

	width: 30px;

	line-height: 30px;

	border-radius: 50%;

	background: #e6e6e6;

	color: #333;

	text-align: center;

	font-size: 1.3rem;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	cursor: pointer;

}

.pages li.active span,
.pages span:hover,
.pages a:hover {

	background: #1ab04b;

	color: #fff;

}

.pages li.disabled span {
	cursor: not-allowed;
	background: #e6e6e6 !important;
	color: #333 !important;
}

.news_d {

	background: #fff;

	padding: 6% 0;

}

.news_d .top {

	border-bottom: 1px solid #eee;

	padding-bottom: 3%;

	margin-bottom: 5%;

}

.news_d h3 {

	font-size: 2.6rem;

	letter-spacing: 1px;

	color: #1a1a1a;

	margin-bottom: 10px;

}

.news_d h4 {

	font-size: 1.3rem;

	color: #1ab04b;

	font-weight: normal;

}

.news_d p {

	font-size: 1.5rem;

	line-height: 2;

	margin: 3% 0;

	color: #666;

}

.news_d img {

	max-width: 100%;

}

.news_d .bottom {

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-top: 4%;

}

.news_d .bottom p {

	margin: 5px 0;

	font-size: 1.3rem;

}

.news_d .bottom p a {

	color: #666;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.news_d .bottom p a:hover {

	color: #1ab04b;

	text-decoration: underline;

}

.back {

	background: #1ab04b;

	color: #fff !important;

	padding: 5px 30px;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	letter-spacing: 0.5px;

}

.back:hover {

	padding: 5px 35px;

}

.navs3 {}

.navs3 a {

	display: inline-block;

	font-size: 1.6rem;

	color: #999999;

	margin-right: 6%;

	padding: 2.5% 0;

	position: relative;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.navs3 a.active {

	color: #1ab04b;

}

.navs3 a:hover {

	color: #1ab04b;

}

.pro {

	padding: 3% 0 6%;

	background: #fff;
	min-height: 20vh;

}

.pro .bar ul {

	display: flex;

	flex-wrap: wrap;

}

.pro .bar ul a {

	display: block;

	width: 31.3%;

	margin-right: 3%;

	margin-top: 3%;

}

.pro .bar ul a:nth-of-type(3n) {

	margin-right: 0;

}

.pro .bar ul li .img {

	overflow: hidden;

	background: #fafafa;

}

.pro .bar ul li .img img {

	width: 100%;

	padding: 10%;

	box-sizing: border-box;

	-webkit-transition: all 0.5s linear;

	transition: all 0.5s linear;

}

.pro .bar ul li:hover .img img {

	-webkit-transform: scale(1.06);

	transform: scale(1.06);

}

.pro .bar ul li .txt {

	-webkit-transition: all 0.2s linear;

	transition: all 0.2s linear;

	text-align: center;

	padding: 5%;

	box-sizing: border-box;

}

.pro .bar ul li h3 {

	font-size: 2.2rem;

	color: #1a1a1a;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	letter-spacing: 1px;

	margin: 3% 0 1.5%;

	line-height: 1.2;

}

.pro .bar ul li p {

	font-size: 1.5rem;

	color: #666666;

	letter-spacing: 1px;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.pro .bar ul li:hover .txt {

	background: #1ab04b;

}

.pro .bar ul li:hover h3,
.pro .bar ul li:hover p {

	color: #fff;

}

.pro_d {

	background: #fff;

}

.pro_d .bar1 {

	background: #f8f8f8;

	padding: 11% 0 6%;

}

.pro_d .bar1 .box {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.pro_d .bar1 .left {

	width: 40%;

}

.pro_d .bar1 img {

	width: 100%;

}

.pro_d .bar1 .txt {

	width: 50%;

}

.pro_d .bar1 h6 {

	font-size: 2rem;

	color: #1ab04b;

	letter-spacing: 1px;

}

.pro_d .bar1 h1 {

	font-size: 3.2rem;

	color: #1a1a1a;

	margin: 3% 0 1%;

}

.pro_d .bar1 p {

	font-size: 1.6rem;

	color: #333;

	letter-spacing: 1px;

}

.pro_d .bar1 .txt img {

	border-top: 1px solid #ddd;

	padding-top: 5%;

	margin-top: 5%;

}

.pro_d .bar2 {

	padding: 6% 0;

}

.pro_d .bar2 img {

	max-width: 100%;

	display: block;

	margin: auto;

}

.cases {

	background: #fff;

	padding: 2% 0 6%;

	overflow: hidden;

}

.cases ul li {

	margin-top: 5%;

	position: relative;

}

.cases ul li .img {

	width: 52%;

	float: left;

	position: relative;

	z-index: 2;

	overflow: hidden;

}

.cases ul li .img img {

	width: 100%;

	-webkit-transition: all 0.5s linear;

	transition: all 0.5s linear;

}

.cases ul li:hover .img img {

	-webkit-transform: scale(1.06);

	transform: scale(1.06);

}

.cases ul li .txt {

	width: 40%;

	position: absolute;

	right: 0;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

}

.cases ul li:nth-of-type(2n) .img {

	float: right;

}

.cases ul li:nth-of-type(2n) .txt {

	right: inherit;

	left: 0;

}

.cases ul li h3 {

	font-size: 3rem;

	color: #1a1a1a;

	letter-spacing: 1px;

	position: relative;

	padding-bottom: 3%;

	margin-bottom: 5%;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.cases ul li:hover h3 {

	color: #1ab04b;

}

.cases ul li h3:before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 60px;

	height: 3px;

	background: #1ab04b;

	z-index: 2;

}

.cases ul li h3::after {

	content: '';

	position: absolute;

	left: -30%;

	bottom: 1px;

	width: 200%;

	height: 1px;

	background: #eee;

}

.cases ul li p {

	font-size: 1.6rem;

	color: #666;

	letter-spacing: 1px;

}

.download {

	padding: 6% 0;

	background: #fff;

}

.download .box .top {
	width: 30%;

	float: left;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.download .top.active {

	position: fixed;

	left: 10%;

	top: 20%;

}

.download .title2 h4 {

	padding-bottom: 8%;

	margin-top: 3%;

}

.download .top p {
	

	font-size: 1.5rem;

	margin-top: 15%;

	line-height: 2;

	color: #666;

}

.download ul {

	width: 64%;

	float: right;

}

.download ul li {

	padding-bottom: 3%;

	margin-bottom: 4%;

	border-bottom: 1px solid #eee;

	cursor: pointer;

}

.download ul li h6 {

	font-size: 2.4rem;

	color: #333333;

	font-family: "en";

	margin-bottom: 1%;

}

.download ul li .bb {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.download ul li h3 {

	font-size: 1.6rem;

	line-height: 2;

	color: #666;

	font-weight: normal;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.download ul li:hover h3 {

	color: #1ab04b;

	letter-spacing: 1px;

}

.download ul li .imgs {

	display: flex;

}

.download ul li a {

	display: block;

	margin-left: 15px;

	display: flex;

}

.download ul li img {

	width: 25px;

	display: block;

}

.download ul li a img:nth-of-type(2) {

	display: none;

}

.download ul li a:hover img {

	display: none;

}

.download ul li a:hover img:nth-of-type(2) {

	display: block;

}

.contact {

	padding: 6% 0;

	background-color: #fff;

}

.contact .bar1 {

	display: flex;

	justify-content: space-between;

}

.contact .bar1 .left {

	width: 40%;

}

.contact .bar1 .title2 h4 {

	padding-bottom: 10%;

	margin-top: 3%;

}
.contact .bar1 .right {
	width: 55%;
}
.contact .bar1 .right img{
	width: 100%;
	display: block;
}
.contact .bar1 ul {

	width: 50%;

}

.contact .bar1 ul li {

	padding-bottom: 3%;

	margin-bottom: 4%;

	border-bottom: 1px solid #eee;

	display: flex;

	align-items: center;

}

.contact .bar1 ul li img {

	width: 32px;

	margin-right: 15px;

}

.contact .bar1 ul li p {

	font-size: 1.7rem;

	color: #333;

	letter-spacing: 0.5px;

}

.contact .bar1 ul li p a {

	color: #333;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.contact .bar1 ul li p a:hover {

	color: #1ab04b;

}

.contact2 {

	background: none;

}

.contact2 .bar1 .title2 h4 {

	padding-bottom: 3%;

	margin-top: 2%;

}

.contact2 .bar1 .left p {

	color: #666;

	font-size: 1.4rem;

	line-height: 2;

}

.job {

	padding: 5% 0 0;

}

.job ul li {

	margin: 10px 0;

}

.job ul li .top {

	display: flex;

	justify-content: space-between;

	background: #fff;

	cursor: pointer;

}

.job ul li h6 {

	padding: 15px;

	box-sizing: border-box;

	text-align: center;

	color: #666666;

	width: 15%;

	font-size: 1.6rem;

	font-weight: normal;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	letter-spacing: 0.5px;

}

.job ul li:first-of-type .top {

	background: #e6e6e6;

}

.job ul li:hover h6:first-of-type,
.job ul li.active h6:first-of-type {

	color: #1ab04b;

}

.job ul li:first-of-type h6,
.job ul li:first-of-type:hover h6 {

	font-size: 1.7rem;

	color: #1a1a1a;

	font-family: "title";

}

.job ul li .bar {

	background: #fff;

	padding: 3% 5%;

	box-sizing: border-box;

	border-top: 1px solid #e5e5e5;

	display: none;

	position: relative;

}

.job ul li .bar dl dd:nth-of-type(2) {

	margin-top: 2%;

}

.job ul li .bar dl dd h3 {

	font-size: 1.7rem;

	margin-bottom: 15px;

	color: #333;

}

.job ul li .bar dl dd p {

	font-size: 1.4rem;

	margin: 10px 0;

	color: #666;

}

.job ul li .bottom {

	position: absolute;

	right: 5%;

	bottom: 10%;

	background: #1ab04b;

	padding: 10px 35px;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	opacity: 0;

	color: #fff;

	font-size: 1.4rem;

	letter-spacing: 1px;

}

.job ul li .bottom:hover {

	padding: 10px 40px;

}

.job ul li.active .bottom {

	opacity: 1;

}
.banner .txt h4{
	font-size: 4.8rem;
	line-height: 1.4;
}
html[lang="en"] .banner .txt p{
	font-size: 1.8rem;
	line-height: 1.6;
}
html[lang="en"] nav ul li{
	letter-spacing:0;
}
html[lang="en"] .index_title{
	top: 10%;
}
html[lang="en"] .o_ban .txt h2{
	letter-spacing: 1px;
}
html[lang="en"] .o_ban .txt p{
	letter-spacing: 0;
}
html[lang="en"] .about .top{
	align-items: center;
}
html[lang="en"] .navs span{
	letter-spacing: 0;
}
html[lang="en"] .about p{
	letter-spacing: 0;
}
html[lang="en"] .pro .bar ul li p{
	letter-spacing: 0;
}
html[lang="en"] .pro_d .bar1 p{
	letter-spacing: 0;
}
html[lang="en"] .cases ul li p{
	letter-spacing: 0;
}
html[lang="en"] .title2 h3{
	margin-bottom: 3%;
}
html[lang="en"] .nav_list .left > p{
	letter-spacing: 0;
}
html[lang="en"] .index_title h3{
	margin-bottom: 30px;
}