/* 龙采科技 -- 样式表 */
/* TIME:202-07-26 | author: Hefengyu */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: 0;
}

html *::-webkit-scrollbar {
	width: 7px;
	background: #fff;
}

html *::-webkit-scrollbar-thumb {
	background: #ccc;
}

html *::-webkit-scrollbar-track-piece {
	width: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	padding: 0;
	margin: 0;
}

fieldset,
iframe,
img {
	border: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block
}

audio,
canvas,
video,
progress {
	display: inline-block;
	vertical-align: baseline
}

button {
	background: none;
	border: 0;
	box-sizing: content-box;
	color: inherit;
	cursor: pointer;
	font: inherit;
	line-height: inherit;
	overflow: visible;
	vertical-align: inherit
}

button:disabled {
	cursor: default
}

audio:not([controls]) {
	display: none
}

input {
	font-family: '微软雅黑'
}

input[type="text"],
input[type="tel"],
input[type="button"],
input[type="reset"],
input[type="email"],
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	font-family: 'Microsoft YaHei'
}

body {
	font: normal normal normal 14px/1.8 Gotham, 'Microsoft YaHei', Helvetica, Arial, " sans-serif";
	color: #555;
	overflow-x: hidden;
}

a,
a:link,
a:visited {
	text-decoration: none;
}

a:active {
	text-decoration: none
}

a {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
}

a:hover {
	text-decoration: none
}

ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}

dl,
dd {
	padding: 0;
	margin: 0;
}

img {
	border: none;
}

.clearfix {
	clear: both;
}
.container{
	width: 1200px;
	margin: 0 auto;
}
.vh-100 { 
	height: 100vh !important 
}
.hidden-lg{
	display: none;
}
.hidden-md,
.hidden-sm,
.hidden-sx{
	display: block;
}

.visible-lg{
	display: block;
}
.visible-md,
.visible-sm,
.visible-xs{
	display: none;
}
@font-face {
	font-family: 'di';
	/* src: url('../fonts/pingfang-webfont.eot'); */
	src: url('../fonts/di.woff') format('woff'),
		url('../fonts/di.woff2') format('woff2');
	/* url('../fonts/pingfang-webfont.eot?#iefix') format('embedded-opentype')
       url('../fonts/pingfang-webfont.ttf') format('truetype'),
       url('../fonts/pingfang-webfont.svg#pingfang') format('svg') */
	font-weight: normal;
	font-style: normal;
}


/* 主要样式 */
.header_top{
	border-bottom: 1px solid #eee;
	line-height: 40px;
}
.header_top .container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header_top .left{
	color: #888;
}
.header_top .right{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.header_top .right .item{
	display: flex;
	align-items: center;
	margin-left: 20px;
}
.header_top .right .item img{
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 4px;
	transition: all linear 0.2s;
}
.header_top .right .item span{
	display: block;
	color: #888;
}
.header_top .right .item:hover img{
	opacity: 0.85;
}
.header_top .right .item:hover span{
	color: #333;
}
.header{
	padding: 30px 0 16px 0;
}
.header .container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header .logo{
	display: block;
}
.header .logo img{
	display: block;
	width: 600px;
}
.header .right{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.header .right .item{
	display: flex;
	align-items: center;
	margin-left: 30px;
}
.header .right .item img{
	display: block;
	width: 40px;
	height: 40px;
	margin-right: 10px;
}
.header .right .item .world{
	color: #222;
	font-style: italic;
	line-height: 1;
	text-indent: 2px;
}
.header .right .item h6{
	font-size: 14px;
	margin-bottom: 6px;
}
.header .right .item .num{
	font-size: 20px;
	letter-spacing: 2px;
	font-weight: bold;
}


.nav {width:100%;height: 66px;background: url(../images/nav_bg.png) no-repeat center;background-size: 100% 100%;position: relative;z-index: 10;}
.nav .container {width:1300px;padding-top: 10px;}
.nav ul{display: flex;align-items: center;justify-content: center;}
.nav li {height:56px;position: relative;z-index:9;box-sizing: border-box;background: url(../images/nav_x.png) no-repeat right;}
.nav li > a{font-size:16px;color:#fff;display:block;height:54px;line-height:54px;position: relative;z-index: 2;position: relative;padding:0 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nav li:after{}
.nav li:hover:after,.nav .cur:after{content: "";display: block;width:100%;height:100%;background: #fff000;position: absolute;left:0%;bottom:0px;transition:all 0.5s;z-index: 1;transform: skewX(45deg)}
.nav li:last-child:hover:after,.nav .cur:last-child:after{content: "";display: block;width:100%;height:100%;background: #fff000;position: absolute;left:0%;bottom:0px;transition:all 0.5s;z-index: 1;transform: skewX(-45deg)}
.nav li:hover > a,.nav .cur > a {color: #333333}
.nav li:hover,.nav .cur{background: none}

.nav li.active:after,.nav .cur:after{content: "";display: block;width:100%;height:100%;background: #fff000;position: absolute;left:0%;bottom:0px;transition:all 0.5s;z-index: 1;transform: skewX(45deg)}
.nav li:last-child.active:after,.nav .cur:last-child:after{content: "";display: block;width:100%;height:100%;background: #fff000;position: absolute;left:0%;bottom:0px;transition:all 0.5s;z-index: 1;transform: skewX(-45deg)}
.nav li.active > a,.nav .cur > a {color: #333333}
.nav li.active,.nav .cur{background: none}

.nav li:last-child{background: none}
.nav li:last-child > a{padding:0 34px;}
.nav li > .erj{position:absolute;left:0;top:0px;background:rgba(255,255,255,0.9);padding:10px 0;text-align: center;width:100%;transition: all 0.5s;opacity: 0;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);opacity: 0;visibility: hidden;-webkit-transform: translate3d(0, 10px, 0);overflow: hidden;z-index: 199;width:170px;left:0;border:1px solid #e4e4e4;border-top:0;box-shadow:0 13px 42px 11px rgba(0, 0, 0, 0.05)}
.nav li > .erj > a{display:block;height:54px;line-height:54px;/*border-bottom:1px dashed rgba(0,0,0,0.2);*/color: #333;font-size:14px;}
.nav li > .erj > a:last-child{border:0;}
.nav li > .erj > a:hover{background: #fff000;color:#333333;}
.nav li:hover .erj{top:56px;opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);}
em,i{font-style: normal;}

.banner{
	position: relative;
	top: -15px;
}
.banner .swiper-slide img{
	display: block;
	width: 100%;
}
.banner .swiper-pagination{
	bottom: 20px;
}
.banner .swiper-pagination-bullet,
.laboratory .group03 .swiper-pagination-bullet{
	width: 36px;
	height: 8px;
	border-radius: 10px;
	opacity: 1;
	background: #fff;
	margin: 0 8px !important;
}
.banner .swiper-pagination-bullet-active{
	background: #3b982d;
}
.banner .swiper-button-next, 
.banner .swiper-button-prev{
	opacity: 1;
	width: 36px;
	height: 80px;
	margin-top: -40px;
	background-size: 100% 100%;
	visibility: hidden;
	opacity: 0;
	transition: all linear 0.4s;
}
.banner .swiper-button-next{
	right: 0;
}
.banner .swiper-button-prev{
	left: 40;
}
.banner:hover .swiper-button-next{
	right: 4%;
	visibility: visible;
	opacity: 1;
}
.banner:hover .swiper-button-prev{
	left: 4%;
	visibility: visible;
	opacity: 1;
}

.search{
	box-shadow: 10px 17.321px 40px 0px rgba(34, 34, 34, 0.05);
	padding: 5px 0 20px 0;
}
.search .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.search .left{
	display: flex;
	align-items: center;
}
.search .left input{
	width: 365px;
	border: 1px solid #e3e3e3;
	line-height: 36px;
	padding: 0 15px;
	color: #333;
}
.search .left button{
	background: #3b982d;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 38px;
	width: 65px;
}
.search .right{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.search .right a{
	display: block;
	color: #666;
	margin-left: 15px;
}
.search .right a:nth-child(2){
	margin-left: 5px;
}
.search .right a:hover{
	color: #3b982d;
}

.about{
	padding: 80px 0;
}
.about .container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.about .left{
	width: 45%;
}
.about .left .til{
	color: #222;
	line-height: 1;
	margin-bottom: 55px;
}
.about .left .til h4{
	font-size: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 14px;
	font-weight: bold;
}
.about .left .til h6{
	font-size: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.about .left img{
	display: block;
	width: 100%;
	height: 400px;
}

.about .right{
	width: 47.5%;
}
.about .right .num_group{
	border: 1px solid #ddd;
	padding: 40px 0px;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.about .right .item{
	border-right: 1px solid #ddd;
	width: 33.33%;
	padding-left: 45px;
}
.about .right .item:nth-child(3){
	border: 0;
}
.about .right .item h4{
	font-size: 46px;
	line-height: 1;
	color: #3b982d;
	font-family: "impact";
	margin-bottom: 15px;
}
.about .right .item h4 div{
	display: inline-block;
	position: relative;
}
.about .right .item h4 div span{
	font-size: 16px;
	color: #666;
	position: absolute;
	top: 0;
	right: -20px;
	font-family: "微软雅黑";
}
.about .right .item:nth-child(2) h4 div span{
	right: -40px;
}
.about .right .item p{
	font-size: 16px;
	color: #333;
}
.about .right .text_box{
	font-size: 16px;
	color: #555;
	margin-bottom: 30px;
}
.btn{
	width: 190px;
	line-height: 55px;
	background: #3b982d;
	color: #fff;
	border-radius: 40px;
	text-align: center;
	font-size: 16px;
	transition: all linear 0.2s;
}
.btn a{
	color: #fff;
	display: block;
}
.btn:hover{
	opacity: 0.85;
}

.title {
	text-align: center;
	margin-bottom: 50px;
}
.title h4{
	font-size: 50px;
	font-weight: bold;
	line-height: 1;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 4px;
	text-indent: 4px;
}
.title h6{
	font-size: 14px;
	color: #b2b2b2;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-indent: 2px;
	margin: 10px 0;
}
.title p{
	font-size: 20px;
	color: #666666;
	margin: 10px 0 15px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.title .line_list{
	display: flex;
	align-items: center;
	justify-content: center;
}
.title .line_list div{
	width: 22px;
	height: 1px;
	background: #d2d2d2;
	margin: 0 5px;
}
.title .line_list div.color{
	background: #b19460;
}
.product_01{
	padding-bottom: 80px;
}
.product_01 .til_p{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.product_01 .til_p .left{
	display: flex;
	align-items: center;
}
.product_01 .til_p .left h4{
	font-size: 28px;
	line-height: 1;
	font-weight: bold;
	color: #222;
	margin-left: 10px;
}
.product_01 .til_p .right{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.product_01 .til_p .right a{
	display: flex;
	align-items: center;
	color: #333;
	font-size: 16px;
	margin-left: 35px;
}
.product_01 .til_p .right a img{
	display: block;
	margin-right: 6px;
}
.product_01 .til_p .right .btn_a{
	font-size: 16px;
	text-transform: uppercase;
	color: #3b982d;
	font-weight: bold;
}
.product_01 .til_p .right .item:hover{
	color: #3b982d;
}
.product_01 .swiper-slide{
	width: 33.3%;
}
.product_01 .swiper-slide a{
	display: block;
	position: relative;
	overflow: hidden;
}
.product_01 .swiper-slide img{
	width: 100%;
	height: 294px;
	display: block;
	transition: all linear 0.3s;
}
.product_01 .swiper-slide:hover img{
	transform: scale(1.1);
}
.product_01 .swiper-slide a>h4{
	font-size: 16px;
	line-height: 50px;
	background: #e3e6e6;
	color: #222;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* position: relative;
	z-index: 1; */
}
.product_01 .swiper-slide .world{
	position: absolute;
	left: 0;
	bottom: -100%;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	flex-flow: column;
	padding: 50px 10% 0 10%;
	color: #fff;
	text-align: center;
	background: rgba(59,152,5,0.6);
	transition: all ease 0.4s;
}
.product_01 .swiper-slide:hover .world{
	bottom: 0;
}
.product_01 .swiper-slide .world h4{
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.product_01 .swiper-slide .line{
	width: 50px;
	height: 3px;
	background: #fff;
	margin: 10px 0;
}
.product_01 .swiper-slide p{
	font-size: 16px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3; 
	height: 90px;
}
.product_01 .swiper-slide .btn_p{
	width: 130px;
	line-height: 45px;
	background: #fff;
	color: #333;
	border-radius: 25px;
	font-size: 16px;
	text-align: center;
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translate(-50%,0);
	transition: all linear 0.2s;
}
.product_01 .swiper-slide .btn_p:hover{
	bottom: 60px;
}
.product_01 .bottom{
	position: relative;
}
.product_01 .swiper-button-next,.product_01 .swiper-button-prev{
	background: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	font-size: 24px;
	text-align: center;
	line-height: 50px;
	border: 1px solid #ddd;
	margin-top: -25px;
	transition: all linear 0.2s;
}
.product_01 .swiper-button-next{
	right: -80px;
}
.product_01 .swiper-button-prev{
	left: -80px;
}
.product_01 .swiper-button-next:hover,
.product_01 .swiper-button-prev:hover{
	background: #3b982d;
	color: #fff;
	border: 1px solid #3b982d;
}

.product_02{
	background: url(../images/pro_bj1.jpg) no-repeat center;
	background-size: cover;
	padding: 80px 0;
}
.pro_til{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.pro_til .left{
	position: relative;
	min-width: 250px;
}
.pro_til .left img{
	height: 44px;
	display: block;
}
.pro_til .left h4{
	font-size: 28px;
	color: #222;
	position: absolute;
	left: 45px;
	top: 15px;
	line-height: 1;
	font-weight: bold;
}
 .pro_til .right{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
 .pro_til .right a{
	display: flex;
	align-items: center;
	color: #333;
	font-size: 16px;
	margin-left: 35px;
}
 .pro_til .right a img{
	display: block;
	margin-right: 6px;
}
 .pro_til .right .btn_a{
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	color: #111;
}
.pro_til .right a:hover{
	color: #3b982d;
}
.pro_content{
	display: flex;
	justify-content: space-between;
}
.pro_r{
	flex-flow: row-reverse;
}
.pro_content .item_p{
	width: 520px;
	background: #fff;
	border: 1px solid #eee;
	overflow: hidden;
	position: relative;
}
.pro_content .item_p img{
	display: block;
	width: 100%;
	height: 408px;
	transition: all linear 0.3s;
}
.pro_content .item_p:hover img{
	transform: scale(1.1);
}
.pro_content .item_p .world{
	background: #fff;
	padding: 20px 30px;
	text-align: center;
	position: relative;
	z-index: 1;
}
.pro_content .item_p .world .text{
	font-size: 16px;
	color: #333;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3; 
	height: 88px;
}
.pro_content .item_p .btn_list{
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translate(-50%);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	z-index: 2;
	height: 60px;
}
.pro_content .item_p .btn_list a{
	display: block;
	width: 140px;
	line-height: 45px;
	background: #3b982d;
	color: #fff;
	border-radius: 25px;
	font-size: 16px;
	text-align: center;
	transition: all linear 0.3s;
	margin: 0 4px;
}
.pro_content .item_p .btn_list a:nth-child(1){
	border: 2px solid #3b982d;
	color: #3b982d;
	background: transparent;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 41px;
}
.pro_content .item_p .btn_list a:hover{
	margin-bottom: 6px;
}
.pro_content .group_p{
	width: 665px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.pro_content .list{
	width: 48.8%;
	margin-bottom: 15px;
}
.pro_content .list:nth-child(3),
.pro_content .list:nth-child(4){
	margin-bottom: 0;
}
.pro_content .list a{
	display: block;
	position: relative;
	overflow: hidden;
}
.pro_content .list img{
	width: 100%;
	height: 245px;
	display: block;
	transition: all linear 0.3s;
}
.pro_content .list:hover img{
	transform: scale(1.1);
}
.pro_content .list a>h4{
	font-size: 16px;
	line-height: 50px;
	background: #e3e6e6;
	color: #222;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	z-index: 1;
}
.pro_content .list .world{
	position: absolute;
	left: 0;
	bottom: -100%;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	flex-flow: column;
	padding: 40px 10% 0 10%;
	color: #fff;
	text-align: center;
	background: rgba(59,152,5,0.6);
	transition: all ease 0.4s;
	z-index: 2;
}
.pro_content .list:hover .world{
	bottom: 0;
}
.pro_content .list .world h4{
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pro_content .list .line{
	width: 50px;
	height: 3px;
	background: #fff;
	margin: 10px 0;
}
.pro_content .list p{
	font-size: 15px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3; 
	height: 86px;
}
.pro_content .list .btn_p{
	width: 130px;
	line-height: 45px;
	background: #fff;
	color: #333;
	border-radius: 25px;
	font-size: 16px;
	text-align: center;
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translate(-50%,0);
	transition: all linear 0.2s;
}
.pro_content .list .btn_p:hover{
	bottom: 50px;
}

.product_03,.product_05{
	padding: 80px 0;
}
.product_04{
	background: #f0f2f2;
	padding: 80px 0;
}

.tel_form{
	background: url(../images/tel_form.jpg) no-repeat center;
	background-size: cover;
}
.tel_form .container{
	position: relative;
	height: 262px;
}
.tel_form .tel{
	color: #fff;
	font-size: 32px;
	line-height: 1;
	font-family: "impact";
	position: absolute;
	left: 60px;
	top: 172px;
	letter-spacing: 3px;
}
.tel_form form{
	width: 590px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-flow: wrap;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
}
.tel_form .item{
	margin: 8px 0;
}
.tel_form input{
	display: block;
	width: 280px;
	line-height: 45px;
	height: 45px;
	border-radius: 5px;
	padding: 0 15px;
	background: transparent;
	border: 1px solid #fff;
	font-size: 16px;
	color: #fff;
}
.tel_form button{
	width: 280px;
	line-height: 45px;
	height: 45px;
	border-radius: 5px;
	background: #ffff00;
	text-align: center;
	font-size: 20px;
	color: #222;
	font-weight: bold;
}
.tel_form input::input-placeholder{
    color: #fff;
}
.tel_form input::-webkit-input-placeholder{
    color: #fff;
}
.tel_form input:-moz-placeholder{
    color: #fff;
}
.tel_form input::-moz-placeholder{
    color: #fff;
}
.tel_form input:-ms-input-placeholder{
    color: #fff;
}

.technology{
	background: url(../images/js_bj.jpg) no-repeat center;
	background-size: cover;
	padding: 80px 0;
}
.technology .cont{
	display: flex;
	width: calc(100% + 30px);
	margin-left: -15px;
}
.technology .item{
	width: calc(33.33% - 30px);
	margin: 0 15px;
	background: #fff;
	box-shadow: 0 0 10px #ddd;
	position: relative;
}
.technology .item a>img{
	width: 100%;
	height: 265px;
	display: block;
}
.technology .item .world{
	padding: 30px;
	text-align: center;
}
.technology .item h4{
	font-size: 26px;
	line-height: 1;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.technology .item .line{
	width: 30px;
	height: 1px;
	background: #aaa;
	margin: 15px auto;
}
.technology .item .text{
	font-size: 16px;
	color: #555;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3; 
	height: 86px;
}
.technology .item .world .btn_t{
	width: 130px;
	height: 40px;
	border: 2px solid #3b982d;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px auto 0 auto;
	border-radius: 40px;
	padding-bottom: 4px;
}
.technology .item .world .btn_t img{
	display: block;
}
.technology .item_hover{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	transition: all ease 0.4s;
}
.technology .item:hover .item_hover{
	visibility: visible;
	opacity: 1;
}
.technology .item_hover>img{
	width: 200%;
	display: block;
}
.technology .item_hover .green_bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(59,152,45,0.8);
	color: #fff;
	text-align: center;
	padding: 12px;
}
.technology .item_hover .white_border{
	height: 100%;
	border: 5px solid #fff;
	border-radius: 15px;
	padding: 30px;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.technology .item_hover .white_border img{
	width: 77px;
	height: 77px;
	display: block;
	margin-bottom: 30px;
}
.technology .item_hover .line{
	background: #fff;
	margin-bottom: 25px;
}
.technology .item_hover h4,
.technology .item_hover .text{
	color: #fff;
}
.technology .item_hover .text{
	-webkit-line-clamp: 4;
	height: auto;
}
.case{
	padding: 80px 0;
}
.case_two_nav{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.case_two_nav a{
	width: calc(100% / 7 - 2px);
	line-height: 50px;
	height: 50px;
	display: block;
	color: #333;
	font-size: 18px;
	text-align: center;
	border: 1px solid #ddd;
	position: relative;
	transition: all linear 0.2s;
	text-transform: uppercase;
}
.case_two_nav a:last-child{
	font-weight: bold;
}
.case_two_nav a:last-child::after{
	display: none;
}
.case_two_nav a::after{
	content: '';
	background: url(../images/icon_c1.png) no-repeat center;
	background-size: cover;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: -10px;
	transform: translate(0,-50%);
	z-index: 2;
}
.case_two_nav a:hover{
	background: #3b982d;
	color: #fff;
	font-weight: bold;
	border: 1px solid #3b982d;
}
.case .swiper-case{
	margin-top: 30px;
}
.swiper-case .swiper-slide{
	background: #f5f5f5;
	padding: 30px;
	display: flex;
	justify-content: space-between;
	color: #333;
}
.swiper-case .swiper-slide .img_box{
	display: block;
	width: 50%;
	height: 434px;
	overflow: hidden;
}
.swiper-case .swiper-slide .img_box img{
	width: 100%;
	height: 434px;
	display: block;
	transition: all linear 0.2s;
}
.swiper-case .swiper-slide .img_box:hover img{
	transform: scale(1.05);
}
.swiper-case .swiper-slide .world{
	width: 46%;
}
.swiper-case .swiper-slide .world h4{
	font-size: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
	margin-bottom: 15px;
}
.swiper-case .swiper-slide .world .text{
	font-size: 16px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3; 
	height: 86px;
}
.swiper-case .swiper-slide .world .btn_par{
	display: block;
	width: 150px;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	margin-top: 50px;
	border: 2px solid #3b982d;
	color: #3b982d;
	border-radius: 30px;
	transition: all linear 0.2s;
}
.swiper-case .swiper-slide .world .btn_par:hover{
	background: #3b982d;
	color: #fff;
}
.swiper-case .swiper-slide .bom{
	display: flex;
	align-items: center;
	margin-top: 35px;
}
.swiper-case .swiper-slide .bom a{
	width: 40%;
	margin-right: 12px;
	overflow: hidden;
}
.swiper-case .swiper-slide .bom a img{
	display: block;
	width: 100%;
	height: 160px;
	transition: all linear 0.2s;
}
.swiper-case .swiper-slide .bom a:hover img{
	transform: scale(1.05);
}

.case_container{
	position: relative;
}
.case_container .swiper-button-next,.case_container .swiper-button-prev{
	background: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	font-size: 24px;
	text-align: center;
	line-height: 50px;
	border: 1px solid #ddd;
	margin-top: -25px;
	transition: all linear 0.2s;
	opacity: 1;
}
.case_container .swiper-button-next{
	right: -80px;
}
.case_container .swiper-button-prev{
	left: -80px;
}
.case_container .swiper-button-next:hover,
.case_container .swiper-button-prev:hover{
	background: #3b982d;
	color: #fff;
	border: 1px solid #3b982d;
}
.partner_container{
	margin-top: 30px;
}
.partner_container .swiper-slide{
	background: #fff;
}
.partner_container .swiper-slide a{
	display: block;
	border: 1px solid #ddd;
}
.partner_container .swiper-slide img{
	display: block;
	width: 100%;
	height: 95px;
}
.partner_container .swiper-wrapper{
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}


.example .cont{
	position: relative;
}
.example .bg_box{
	background-size: cover;
	min-height: 768px;
	position: relative;
}
.example .bg_box .bg_item{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	transition: all linear 0.3s;
}
.example .bg_box .bg_item.active{
	opacity: 1;
	visibility: visible;
}
.example .cont .container{
	display: flex;
	justify-content: space-between;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.example .cont .item{
	width: 33.33%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-flow: column;
	text-align: center;
	color: #fff;
	position: relative;
	transition: all linear 0.3s;
	overflow: hidden;
}
.example .cont .item .default{
	border-right: 1px solid rgba(255,255,255,0.4);
	width: 100%;
	padding: 30px 0;
	position: relative;
}
.example .cont .item .default::after{
	content: '';
	width: 1px;
	height: 40px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
}
.example .cont .item .default img{
	display: block;
	margin: 0 auto 18px auto;
	width: 72px;
	height: 72px;
}
.example .cont .item h4{
	font-size: 26px;
	line-height: 1;
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.example .cont .item .hover_box{
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(52,152,45,0.85);
	padding: 120px 45px 45px 45px;
	transition: all linear 0.3s;
}
.example .cont .item .hover_box .icon{
	display: block;
	margin: 0 auto 25px auto;
}
.example .cont .item h6{
	font-size: 14px;
	text-transform: uppercase;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.example .cont .item .line{
	width: 50px;
	height: 2px;
	background: #ffff00;
	margin: 20px auto;
}
.example .cont .item .text{
	font-size: 16px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:6; 
}
.example .cont .item .num{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
}
.example .cont .item .num img{
	display: block;
}
.example .cont .line_bg{
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, 0.4);
	position: absolute;
	bottom: 180px;
	left: 0;
	z-index: 3;
}
.example .cont .item:hover .hover_box{
	bottom: 0;
}
.example .cont .item:hover .default{
	display: none;
}
.news{
	padding: 80px 0;
}
.news .cont{
	display: flex;
	justify-content: space-between;
	/* align-items: flex-start; */
}
.news .left{
	width: 48%;
}
.news .left .swiper-slide a>img{
	display: block;
	width: 100%;
	height: 315px;
	transition: all linear 0.3s;
}
.news .swiper-slide:hover a>img{
	transform: scale(1.05);
}
.news .left .swiper-slide .world{
	background: #fff;
	position: relative;
	z-index: 1;
}
.news .swiper-slide .time{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 0 15px 0;
}
.news .swiper-slide .time .time_left div{
	color: #222;
	font-size: 20px;
	line-height: 1;
}
.news .swiper-slide .time .time_left div:nth-child(1){
	font-size: 32px;
	margin-bottom: 8px;
}
.news .swiper-slide .time .time_right{
	font-size: 30px;
	line-height: 1;
	color: #333;
}
.news .swiper-slide h4{
	font-size: 20px;
	color: #222;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news .swiper-slide .text{
	font-size: 15px;
	color: #666;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}
.news .left .btn_box{
	display: flex;
	align-items: center;
	margin-top: 50px;
}
.news .left .swiper-button-prev,
.news .left .swiper-button-next{
	font-family: "宋体";
	position: initial;
	width: 24px;
	height: 24px;
	line-height: 24px;
	background: #cacaca;
	color: #fff;
	text-align: center;
	margin: 0;
	font-size: 20px;
}
.news .left .swiper-button-next{
	background: #3b982d;
	margin-left: 1px;
}
.news .left .swiper-button-prev:hover{
	background: #3b982d;
}

.news .right{
	width: 48%;
}
.news .right .swiper-container{
	height: 572px;
}
.news .right .swiper-slide a{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.news .right .swiper-slide a>img{
	width: 35%;
	height: 150px;
	display: block;
	transition: all linear 0.2s;
}
.news .right .swiper-slide .world{
	width: 60%;
}
.news .right .swiper-slide .time{
	padding: 0;
}
.news .right .swiper-slide .time .time_left div:nth-child(1){
	font-size: 28px;
	margin-bottom: 5px;
}
.news .right .swiper-slide h4{
	margin: 5px 0;
}
.news .swiper-slide:hover h4{
	color: #3b982d;
}
.news .right .btn_right{
	color: #222;
	font-size: 20px;
	line-height: 1;
	text-transform: uppercase;
	text-align: right;
	display: block;
}
.news .right .btn_right:hover{
	color: #3b982d;
}
.advant{
	position: relative;
	margin-bottom: 80px;
}
.advant .bg_img{
	display: block;
	width: 100%;
	min-height: 770px;
	background-size: cover;
}
.advant .right_item{
	position: absolute;
	right: 0;
	top: 0;
	width: 38%;
	height: 100%;
	background: #3b982d;
	color: #fff;
	padding: 15px 10% 15px 5%;
	display: flex;
	flex-flow: column;
	justify-content: center;
}
.advant .right_item .line{
	width: 30px;
	height: 4px;
	background: #fff;
	margin-bottom: 40px;
}
.advant .right_item h4{
	font-size: 45px;
	line-height: 1;
	font-weight: bold;
}
.advant .right_item h4 div{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.advant .right_item h4 div:nth-child(1){
	margin-bottom: 10px;
}
.advant .right_item  h6{
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 15px 0 20px 0;
	opacity: 0.9;
}
.advant .right_item .text{
	font-size: 16px;overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3; 
}
.advant .right_item .icon_group{
	display: flex;
	align-items: center;
	margin-top: 30px;
}
.advant .right_item .icon_item{
	margin-right: 45px;
	text-align: center;
}
.advant .right_item .icon_item .img_box{
	width: 85px;
	height: 85px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	border: 5px solid #a5d49f;
	transition: all linear 0.3s;
}
.advant .right_item .icon_item img{
	display: block;
	max-width: 56%;
}
.advant .right_item .icon_item p{
	font-size: 20px;
	color: #fff;
}
.advant .right_item .icon_item:hover .img_box{
	background: #fff000;
	transform: rotateY(180deg);
}

.footer{
	background: #f0f6f7;
	padding: 60px 0;
}
.footer .container{
	width: 1300px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.footer .left{
	width: 39.5%;
	position: relative;
}
.footer .left::after{
	content: '';
	width: 1px;
	height: 100%;
	background: #ccc;
	position: absolute;
	right: 60px;
	top: 0;
}
.footer .left img{
	max-width: 100%;
	display: block;
}
.footer .left h2{
	font-size: 23px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #222;
	font-weight: bold;
	margin: 15px 0 30px 0;
}
.footer .left .text{
	font-size: 15px;
}
.footer .left .text a{
	display: block;
	color: #444;
}
.footer .center{
	width: 46%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
}
.footer .center::after{
	content: '';
	width: 1px;
	height: 100%;
	background: #ccc;
	position: absolute;
	right: 0;
	top: 0;
}
.footer .center .item_01{
	width: 40%;
}
.footer .center .item_02{
	width: 50%;
}
.footer .center .item h4{
	font-size: 18px;
	color: #222222;
	font-weight: bold;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.footer .center .item h4 img{
	display: block;
	margin-left: 40px;
}
.fot_two_nav{
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.fot_two_nav a{
	display: block;
	color: #111;
	font-size: 15px;
	width: 48%;
	line-height: 32px;
}
.footer .center .item .list{
	display: flex;
	align-items: center;
}
.footer .center .item .list img{
	display: block;
}
.footer .center .item .list div{
	font-size: 20px;
	font-weight: bold;
	color: #222;
	margin-left: 15px;
}
.footer .center .item .text{
	margin-top: 20px;
	color: #222;
	font-size: 15px;
}
.footer .right{
	width: 12.5%;
	padding-left: 4%;
}
.footer .right h4{
	font-size: 18px;
	color: #222222;
	font-weight: bold;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.footer .right .img_box{
	width: 135px;
	height: 135px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #e4eaeb;
	position: relative;
	overflow: hidden;
}
.footer .right .img_box::after{
	;content:"";
	display:block;
	position:absolute;
	left:0px;
	top:0;
	width:100%;
	height:35px;
	animation:light 5s infinite;
	-webkit-animation:light 5s infinite;
	background:url(../images/code_shadow1.png) repeat-x 0 0;
}
.footer .right .img_box img{
	display: block;
	width: 105px;
	height: 105px;
}
.footer a:hover{
	color: #3b982d !important;
}
@keyframes light{
	0%{top:0;}
	50%{top:100%;}
	100%{top:-40px;}
}



.friend_links{
	background: #2c2c2c;
	padding: 25px 0;
}
.friend_links .container{
	display: flex;
	align-items: center;
}
.friend_links .til{
	display: flex;
	align-items: center;
	width: 220px;
}
.friend_links .til .sjx{
	display: block;
	margin-left: 8px;
}
.friend_links .til h4{
	font-size: 22px;
	color: #999;
	font-weight: bold;
}
.friend_links .cont{
	display: flex;
	align-items: center;
	flex-flow: wrap;
	width: calc(100% - 220px);
}
.friend_links .cont a{
	font-size: 14px;
	color: #969696;
	font-weight: bold;
	display: block;
	margin-right: 30px;
}
.friend_links .cont a:hover{
	color: #3b982d;
}


.right_menu{
	position: fixed;
	right: 10px;
	top: 50%;
	transform: translate(0,-50%);
	z-index: 10;
}
.right_menu .list{
	margin: 6px 0;
	position: relative;
}
.right_menu .list .img_box{
	width: 50px;
	height: 50px;
	background: #3b982d;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all linear 0.2s;
}
.right_menu .list .img_box img{
	display: block;
	max-width: 55%;
}
.right_menu .list .hover_box{
	position: absolute;
	right: 240px;
	top: 50%;
	transform: translate(0,-50%);
	background: #3b982d;
	color: #fff;
	display: flex;
	align-items: center;
	font-size: 16px;
	width: 240px;
	text-align: center;
	border-radius: 30px;
	height: 50px;
	padding-left: 20px;
	visibility: hidden;
	opacity: 0;
	transition: all linear 0.4s;
}
.right_menu .list:hover .hover_box{
	visibility: visible;
	opacity: 1;
	right: 60px;
}
.right_menu .list .hover_box img{
	display: block;
	width: 32px;
	margin-right: 8px;
}
.right_menu .list1 .hover_box{
	width: 180px;
}
.right_menu .list2 .hover_box{
	flex-flow: column;
	height: auto;
	width: 130px;
	border-radius: 0;
	padding: 0;
	justify-content: center;
	font-size: 15px;
}
.right_menu .list2 .hover_box img{
	width: 120px;
	height: 120px;
	margin: 5px 0 0 0;
}
.right_menu .list3 .hover_box{
	font-size: 18px;
}
.right_menu .list:hover .img_box{
	background: #f6bf00;
}
.right_menu .top_back{
	opacity: 0;
	visibility: hidden;
	transition: all linear 0.2s;
}
.right_menu .top_back.active{
	opacity: 1;
	visibility: visible;
}

/* 内页样式 */
.index{
	padding-top: 30px;
}
.index .container{
	display: flex;
	align-items: center;
	font-size: 15px;
	color: #666;
}
.index img{
	display: block;
	margin-right: 10px;
	height: 20px;
} 
.index a{
	color: #666;
}
.index a:last-child{
	color: #3b982d;
}
.index a:hover{
	color: #3b982d;
}
.index span{
	display: block;
	margin: 0 3px;
}
.product_inpage{
	padding: 50px 0;
}
.product_inpage .container{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.product_inpage .left {
	width: 240px;
}
.product_inpage .left .til{
	background: #3b982d;
	color: #fff;
	text-align: center;
	padding: 25px 15px 20px 15px;
}
.product_inpage .left .til h4{
	font-size: 24px;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 6px;
}
.product_inpage .left .til h6{
	font-size: 13px;
	line-height: 1;
	text-transform: uppercase;
}
.product_inpage .left_nav .item_one>a{
	font-size: 17px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 55px;
	line-height: 55px;
	color: #333;
	background: #ececeb;
	padding: 0 20px;
	margin-top: 4px;
	transition: all ease 0.2s;
	position: relative;
}
.product_inpage .left_nav .item_one>a span{
	font-size: 28px;
	line-height: 20px;
	position: absolute;
	right: 15px;
	top: 46%;
	transform: translate(0,-50%);
	z-index: 10;
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-align: center;
}
.product_inpage .left_nav .item_one>a span:nth-child(3){
	display: none;
	/* background: #fff; */
}
.product_inpage .left_nav .item_one>a:hover{
	background: #63c055;
	color: #fff;
}
.product_inpage .left_nav .item_one.active>a{
	background: #63c055;
	color: #fff;
}
.product_inpage .left_nav .item_one.active>a span:nth-child(2){
	display: none;
}
.product_inpage .left_nav .item_one.active>a span:nth-child(3){
	display: block;
}
.product_inpage .left_nav .item_one .two_nav{
	display: none;
}
.product_inpage .left_nav .item_one.active .two_nav{
	display: block;
}
.product_inpage .left_nav .item_two>a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px 0 30px;
	background: #ececeb;
	color: #333;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	margin-top: 2px;
	position: relative;
}

.product_inpage .left_nav .item_two>a:hover{
	color: #63c055;
}
.product_inpage .left_nav .item_two>a i{
	font-style: normal;
	font-family: "宋体";
	font-size: 20px;
	line-height: 1;
	display: block;
	width: 20px;
	text-align: center;	position: absolute;
	right:15px;
	top: 50%;
	transform: translate(0,-50%);
}
.product_inpage .left_nav .item_two .item_three{
	display: none;
}
.product_inpage .left_nav .item_two.current .item_three{
	display: block;
}
.product_inpage .left_nav .item_three{
	background: #fff;
	border: 1px solid #ddd;
}
.product_inpage .left_nav .item_three a{
	display: block;
	color: #333;
	border-bottom: 1px solid #ddd;
	padding: 0 20px 0 40px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}
.product_inpage .left_nav .item_three>a.active3{
	color: #63c055;
}
.product_inpage .left_nav .item_three a:hover{
	color: #63c055;
}
.product_inpage .left_nav .item_three a:last-child{
	border-bottom: 0;
}
.product_inpage .left_swiper .til_s{
	background: #3a982d;
	color: #fff;
	line-height: 55px;
	height: 55px;
	text-align: center;
	font-size: 24px;
	margin: 20px 0 12px 0;
}
.product_inpage .left_swiper .swiper-container{
	height: 260px;
}
.product_inpage .left_swiper .swiper-container .swiper-wrapper{
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}
.product_inpage .left_swiper .swiper-slide a{
	color: #111;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 12px;
	margin-bottom: 12px;
}
.product_inpage .left_swiper .swiper-slide:hover a{
	color: #3a982d;
}
.product_inpage .left_tel{
	position: relative;
	overflow: hidden;
	margin-top: 10px;
}
.product_inpage .left_tel img{
	display: block;
	width: 100%;
}
.product_inpage .left_tel .tel{
	color: #fff;
	font-weight: bold;
	position: absolute;
	bottom: 24%;
	left: 40%;
	font-size: 15px;
	font-style: italic;
}

.product_inpage .right_group{
	width: calc(100% - 275px);
}
.product_inpage .right_group .til{
	font-size: 24px;
	line-height: 1;
	padding-bottom: 15px;
	margin-bottom: 15px;
	color: #222;
	border-bottom: 1px solid #ddd;
}
.product_inpage .right_group .til h4{
	font-weight: bold;
}
.product_inpage .right_group .cont{
	width: calc(100% + 20px);
	margin-left: -10px;
	display: flex;
	flex-flow: wrap;
}
.product_inpage .right_group .item{
	width: calc(33.33% - 20px);
	margin: 0 10px 20px 10px;
	border: 1px solid #ddd;
	transition: all linear 0.2s;
}
.product_inpage .right_group .item>a{
	display: block;
	overflow: hidden;
}
.product_inpage .right_group .item img{
	width: 100%;
	height: 221px;
	display: block;
	transition: all linear 0.2s;
}
.product_inpage .right_group .item .world{
	padding: 20px;
}
.product_inpage .right_group .item h4{
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 4px;
}
.product_inpage .right_group .item h4 a{
	color: #111;
}
.product_inpage .right_group .item p{
	font-size: 15px;
	line-height: 24px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
	height: 50px;
}
.product_inpage .right_group .item .btn_list{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
}
.product_inpage .right_group .item .btn_list a{
	display: block;
	font-size: 15px;
	width: 120px;
	line-height: 42px;
	text-align: center;
	background: #3a982d;
	color: #fff;
	border-radius: 5px;
	width: 49%;
	transition: all linear .2s;
}
.product_inpage .right_group .item .btn_list a:nth-child(2){
	border: 1px solid #3a982d;
	color: #333;
	background: transparent;
}
.product_inpage .right_group .item:hover{
	border: 1px solid #3a982d;
}
.product_inpage .right_group .item:hover img{
	transform: scale(1.05);
}
.product_inpage .right_group .item:hover h4 a{
	color: #3a982d;
}
.product_inpage .right_group .item .btn_list a:nth-child(1):hover{
	opacity: 0.9;
}
.product_inpage .right_group .item .btn_list a:nth-child(2):hover{
	color: #3a982d;
}

.inpage_page{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}
.inpage_page a{
	padding: 0 8px;
	border: 1px solid #ddd;
	line-height: 30px;
	height: 30px;
	font-size: 15px;
	text-align: center;
	display: block;
	margin: 0 2px;
	color: #333;
	transition: all linear 0.2s;
}
.inpage_page a:hover{
	background: #3a982d;
	color: #fff;
	border: 1px solid #3a982d;
}
.inpage_page a.active{
	background: #3a982d;
	color: #fff;
	border: 1px solid #3a982d;
}

.product_show .right_group .top{
	display: flex;
	justify-content: space-between;
}
.product_show .right_group .top .right_swiper{
	width: 48%;
	position: relative;
}
.product_show .right_group .top .right_swiper .gallery-thumbs{
	margin-top: 10px;
	width: 80%;
}
.product_show .right_group .top .right_swiper .gallery-thumbs .swiper-slide{
	cursor: pointer;
}
.product_show .right_group .top .right_swiper .gallery-thumbs .swiper-slide-thumb-active{
	border: 1px solid #3a982d;
}
.product_show .right_group .top .right_swiper .swiper-slide img{
	width: 100%;
	display: block;
}
.product_show .right_group .top .right_text{
	width: 48%;
}

.product_show .right_group .swiper-button-prev, 
.product_show .right_group .swiper-button-next{
	background: transparent;
	color: #3a982d;
	font-family: "宋体";
	font-size: 30px;
	font-weight: bold;
	top: initial;
	bottom: 22px;
	margin-top: 0;
	transform: translate(0,0);
	width: 20px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.product_show .right_group .swiper-button-prev{
	left: 0;	
}
.product_show .right_group .swiper-button-next{
	right: 0;
}
.product_show .right_group .right_text{
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.product_show .right_group .right_text h4{
	font-size: 24px;
	color: #222;
	font-weight: bold;
}
.product_show .right_group .right_text .text{
	font-size: 16px;
	line-height: 36px;
}
.product_show .right_group .right_text .item_tel{
	display: flex;
	align-items: center;
}
.product_show .right_group .right_text .item_tel img{
	display: block;
	width: 40px;
	height: 40px;
	margin-right: 10px;
}
.product_show .right_group .right_text .item_tel .world{
	color: #222;
	font-style: italic;
	line-height: 1;
	text-indent: 2px;
}
.product_show .right_group .right_text .item_tel h6{
	font-size: 14px;
	margin-bottom: 6px;
}
.product_show .right_group .right_text .item_tel .num{
	font-size: 20px;
	letter-spacing: 2px;
	font-weight: bold;
}
.product_show .right_group .right_text .btn_show{
	width: 150px;
	line-height: 50px;
	background: #3a982d;
	color: #fff;
	font-size: 18px;
	text-align: center;
	display: block;
	margin-top: 50px;
	transition: all linear 0.2s;
}
.product_show .right_group .right_text .btn_show:hover{
	opacity: 0.9;
}
.product_show .til_show{
	border: 1px solid #eee;
	height: 45px;
	margin-top: 30px;
	position: relative;
}
.product_show .til_show h4{
	position: absolute;
	left: 0;
	top: 0;
	width: 140px;
	text-align: center;
	line-height: 43px;
	border: 1px solid #095f3a;
	color: #095f3a;
	font-size: 18px;
}
.product_show .item_show{
	margin-top: 35px;
}
.product_show .item_show h4{
	font-size: 28px;
	font-weight: bold;
	color: #222;
	margin-bottom: 6px;
}
.product_show .item_show .cont_show{
	font-size: 16px;
}
.product_show .item_show .cont_show img{
	max-width: 100%;
	display: block;
	margin: 10px 0;
}
.product_show .bottom_show{
	margin-top: 40px;
}
.product_show .bottom_show .til_p{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.product_show .bottom_show .til_p h4{
	font-size: 24px;
	font-weight: bold;
	color: #222;
}
.product_show .bottom_show .til_p img{
	display: block;
	margin-right: 10px;
}
.product_show .bottom_show .group_bom{
	width: calc(100% + 20px);
	margin-left: -10px;
	display: flex;
	flex-flow: wrap;
}
.product_show .bottom_show .group_bom .item_bom{
	width: calc(33.33% - 20px);
	margin: 0 10px 20px 10px;
	overflow: hidden;
}
.product_show .bottom_show .group_bom .item_bom img{
	display: block;
	width: 100%;
	height: 221px;
	transition: all linear 0.2s;
}
.product_show .bottom_show .group_bom .item_bom:hover img{
	transform: scale(1.05);
}
.product_show .bottom_show .group_bom .item_bom h4{
	text-align: center;
	background: #e3e3e3;
	line-height: 45px;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	z-index: 1;
	color: #333;
}
.product_show .bottom_show .group_bom .item_bom:hover h4{
	color: #3a982d;
}

.product_show .infor_group{
	display: flex;
	justify-content: space-between;
}
.product_show .infor_group .left_s{
	width: 42%;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.product_show .item_infor{
	background: #3a982d;
	border-radius: 6px;
	padding: 28px;
	color: #fff;
}
.product_show .item_infor>div:nth-child(1){
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px dashed #fff;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
.product_show .item_infor>div:nth-child(2){
	font-size: 16px;
}
.product_show .item_infor>div:nth-child(1)>div{
	line-height: 1;
}
.product_show .item_infor>div:nth-child(1)>div:nth-child(1)>:nth-child(1){
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.product_show .item_infor>div:nth-child(1)>div:nth-child(1)>:nth-child(2){
	font-size: 16px;
}
.product_show .infor_group .right_s{
	width: 56%;
}
.product_show .infor_group .right_s img{
	width: 100%;
	display: block;
}


.case_inpage{
	padding: 50px 0 60px 0;
}
.case_inpage .two_nav_case{
	display: flex;
	align-items: center;
	flex-flow: wrap;
}
.case_inpage .two_nav_case a{
	display: block;
	width: 120px;
	line-height: 45px;
	color: #fff;
	background: #999999;
	text-align: center;
	font-size: 16px;
	margin-right: 8px;
	transition: all linear 0.2s;
}
.case_inpage .two_nav_case a.active{
	background: #3a982d;
	color: #fff;
}
.case_inpage .two_nav_case a:hover{
	background: #3a982d;
	color: #fff;
}
.case_inpage .case_group{
	width: calc(100% + 30px);
	margin-left: -15px;
	margin-top: 30px;
	display: flex;
	flex-flow: wrap;
}
.case_inpage .item{
	width: calc(33.33% - 30px);
	margin: 0 15px 30px 15px;
	border: 1px solid #ddd;
	position: relative;
	transition: all linear 0.2s;
}
.case_inpage .item::after{
	content: '';
	width: 0;
	height: 4px;
	background: #3a982d;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all linear 0.2s;
}
.case_inpage .item:hover{
	box-shadow: 0 0 15px #ccc;
}
.case_inpage .item:hover::after{
	width: 100%;
}
.case_inpage .item img{
	display: block;
	width: 100%;
	height: 283px;
}
.case_inpage .item .world{
	background: #fff;
	padding: 20px;
}
.case_inpage .item h4{
	font-size: 18px;
	line-height: 26px;
	color: #222;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
	height: 52px;
	font-weight: bold;
}
.case_inpage .item .line{
	width: 40px;
	height: 2px;
	background: #ddd;
	margin: 10px 0 15px 0;
}
.case_inpage .item .text{
	font-size: 14px;
	line-height: 22px;
	height: 66px;
	color: #555;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.case_inpage .item .time{
	font-size: 14px;
	text-align: right;
	color: #888;
	margin-top: 10px;
}
.common_show{
	padding: 50px 0 60px 0;
}
.common_show .container{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.common_show .left{
	width: calc(100% - 390px);
}
.common_show .left .top{
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
}
.common_show .left .top h2{
	font-size: 30px;
	line-height: 1.6;
	color: #222;
}
.common_show .left .top .time{
	font-size: 15px;
	color: #666;
}
.common_show .left .cont{
	font-size: 15px;
	line-height: 30px;
	color: #222;
}
.common_show .left .cont img{
	max-width: 100%;
	display: block;
	margin: 10px 0;
}
.common_show .left .bottom{
	border-top: 1px solid #ddd;
	padding-top: 20px;
	margin-top: 20px;
}
.common_show .left .bottom a{
	display: block;
	color: #333;
	font-size: 15px;
}
.common_show .left .bottom a:hover{
	color: #3a982d;
}
.common_show .right{
	width: 340px;
	background: #f1f1f1;
	padding: 20px;
}
.common_show .right .til img{
	display: block;
	width: 100%;
}
.common_show .right .group{
	background: #fff;
	margin-top: 20px;
	padding: 20px;
}
.common_show .right .til_small{
	border-bottom: 1px solid #3a982d;
	padding-bottom: 12px;
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.common_show .right .til_small h4{
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	color: #3a982d;
}
.common_show .right .til_small a{
	color: #888;
}
.common_show .right .til_small a:hover{
	color: #3a982d;
}
.common_show .right .item{
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.common_show .right .item:last-child{
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
.common_show .right .item img{
	display: block;
	width: 100%;
	height: 195px;
}
.common_show .right .item h4{
	background: #eee;
	font-size: 16px;
	line-height: 45px;
	color: #333;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all linear 0.2s;
}
.common_show .right .item:hover h4{
	background: #3a982d;
	color: #fff;
}
.common_show .right .item_a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-flow: wrap;
	margin-top: 10px;
}
.common_show .right .item_a a{
	width: 49%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border: 1px solid #ddd;
	color: #333;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	margin: 0 0 5px 0;
	border-radius: 4px;
	transition: all linear 0.2s;
}
.common_show .right .item_a a:hover{
	border: 1px solid #3a982d;
	color: #3a982d;
}

.news_inpage {
	padding: 50px 0 60px 0;
}
.news_inpage .item{
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #ddd;
}
.news_inpage .item a{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.news_inpage .item img{
	width: 250px;
	height: 195px;
	display: block;
	transition: all linear 0.2s;
}
.news_inpage .item .world{
	width: calc(100% - 280px);
	position: relative;
	padding-right: 200px;
}
.news_inpage .item h4{
	font-size: 20px;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 30px;
}
.news_inpage .item .text{
	font-size: 15px;
	color: #666;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3; 
}
.news_inpage .item .time{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
	background: #787c81;
	width: 100px;
	height: 100px;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	transition: all linear 0.2s;
}
.news_inpage .item .time div{
	line-height: 1;
}
.news_inpage .item .time div:nth-child(1){
	font-size: 24px;
	margin-bottom: 5px;
}
.news_inpage .item .time div:nth-child(2){
	font-size: 16px;
}
.news_inpage .item:hover img{
	transform: scale(1.05);
}
.news_inpage .item:hover h4{
	color: #3a982d;
}
.news_inpage .item:hover .time{
	background: #3a982d;
}

.about_inpage{
	padding: 50px 0 60px 0;
}
.about_two_nav a{
	width: calc(100% / 5 - 2px);
}
.about_two_nav a:last-child{
	font-weight: normal;
}
.about_two_nav a:last-child:hover{
	font-weight: bold;
}
.about_two_nav a.active{
	background: #3b982d;
	color: #fff;
	font-weight: bold;
	border: 1px solid #3b982d;
}

.message_inpage .cont_mes{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 60px 0 30px 0;
}
.message_inpage .left{
	width: 441px;
	display: block;
}
.message_inpage .right{
	width: calc(100% - 500px);
}
.message_inpage .right .en{
	font-family: "impact";
	font-size: 66px;
	line-height: 1;
	color: #eaeaea;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.message_inpage .right h4{
	font-size: 42px;
	line-height: 1;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 15px 0 10px 0;
}
.message_inpage .right h6{
	font-size: 24px;
	line-height: 1;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.message_inpage .right .ts{
	font-size: 18px;
	line-height: 1;
	color: #555;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 40px 0 20px 0;
}
.message_inpage .right .item{
	border: 1px solid #ddd;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	padding: 0 20px;
}
.message_inpage .right .item label{
	font-size: 16px;
	color: #222;
	width: 110px;
}
.message_inpage .right .item label i{
	color: #ff0000;
	font-style: normal;
	width: 10px;
	display: inline-block;
}
.message_inpage .right .item input{
	border: 0;
	font-size: 15px;
	color: #333;
	display: block;
	width: calc(100% - 110px);
}
.message_inpage .right .item_textarea{
	height: auto;
	align-items: flex-start;
	padding: 12px 20px;
}
.message_inpage .right .item_textarea textarea{
	border: 0;
	font-size: 15px;
	color: #333;
	display: block;
	width: calc(100% - 110px);
	height: 120px;
	padding: 5px 0;
	font-family: "微软雅黑";
}
.message_inpage .right button{
	width: 160px;
	line-height: 50px;
	height: 50px;
	text-align: center;
	border-radius: 8px;
	font-size: 18px;
	background: #3a982d;
	color: #fff;
	font-weight: bold;
	margin-top: 20px;
	transition: all linear 0.2s;
}
.message_inpage .right button:hover{
	opacity: 0.9;
}
.contact_inpage .cont_con{
	margin: 45px 0;
}
.contact_inpage .cont_con .til h6{
	font-size: 22px;
	color: #999999;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 10px;
}
.contact_inpage .cont_con .til h4{
	font-size: 28px;
	color: #222;
	font-weight: bold;
	line-height: 1;
}
.contact_inpage .cont_con .text{
	font-size: 16px;
	text-indent: 32px;
	margin: 30px 0;
}
.contact_inpage .infor{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% + 30px);
	margin-left: -15px;
}
.contact_inpage .item_infor{
	width: calc(33.33% - 30px);
	margin: 0 15px;
	background: #3a982d;
	border-radius: 6px;
	padding: 28px;
	color: #fff;
	transform: all linear 0.2s;
}
.contact_inpage .item_infor:hover{
	opacity: 0.9;
}
.contact_inpage .item_infor>div:nth-child(1){
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px dashed #fff;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
.contact_inpage .item_infor>div:nth-child(2){
	font-size: 16px;
}
.contact_inpage .item_infor>div:nth-child(1)>div{
	line-height: 1;
}
.contact_inpage .item_infor>div:nth-child(1)>div:nth-child(1)>:nth-child(1){
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.contact_inpage .item_infor>div:nth-child(1)>div:nth-child(1)>:nth-child(2){
	font-size: 16px;
}
.contact_inpage #map{
	width: 100%;
	height: 550px;
	border: #ddd solid 1px;
	font-size: 13px;
	margin-top: 45px;
}
.laboratory{
	padding-top: 50px;
}
.laboratory .til h6,
.ab_inpage .til h6{
	font-size: 22px;
	color: #999999;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 10px;
}
.laboratory .til h4,
.ab_inpage .til h4{
	font-size: 28px;
	color: #222;
	font-weight: bold;
	line-height: 1;
}
.laboratory .group01 .text_cont,
.ab_inpage .group01 .text_cont{
	font-size: 16px;
	text-indent: 32px;
	margin: 30px 0;
}
.laboratory .group01 .text_cont img,
.ab_inpage .group01 .text_cont img{
	width: 100%;
	display: block;
}
.laboratory .group02{
	padding: 50px 0 80px 0;
}
.laboratory .group02 .cont{
	position: relative;
	margin-top: 35px;
}
.laboratory .group02 .swiper-button-next,.laboratory .group02 .swiper-button-prev{
	background: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	font-size: 24px;
	text-align: center;
	line-height: 50px;
	border: 1px solid #ddd;
	margin-top: -25px;
	transition: all linear 0.2s;
}
.laboratory .group02 .swiper-button-next{
	right: -80px;
}
.laboratory .group02 .swiper-button-prev{
	left: -80px;
}
.laboratory .group02 .swiper-button-next:hover,
.laboratory .group02 .swiper-button-prev:hover{
	background: #3b982d;
	color: #fff;
	border: 1px solid #3b982d;
}
.laboratory .group02 .swiper-slide{
	border: 1px solid #ddd;
	position: relative;
	transition: all linear 0.2s;
}
.laboratory .group02 .swiper-slide::after{
	content: '';
	width: 0;
	height: 4px;
	background: #3a982d;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all linear 0.2s;
}
.laboratory .group02 .swiper-slide:hover{
	box-shadow: 0 0 15px #ccc;
}
.laboratory .group02 .swiper-slide:hover::after{
	width: 100%;
}
.laboratory .group02 .swiper-slide img{
	display: block;
	width: 100%;
	height: 283px;
}
.laboratory .group02 .swiper-slide .world{
	background: #fff;
	padding: 20px;
}
.laboratory .group02 .swiper-slide h4{
	font-size: 18px;
	line-height: 26px;
	color: #222;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.laboratory .group02 .swiper-slide .line{
	width: 40px;
	height: 2px;
	background: #ddd;
	margin: 10px 0 15px 0;
}
.laboratory .group02 .swiper-slide .text{
	font-size: 14px;
	line-height: 22px;
	height: 66px;
	color: #555;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.laboratory .group:last-child{
	padding-bottom: 60px;
}
.laboratory .group03 .swiper-honor{
	margin-top: 35px;
	padding-bottom: 60px;
}
.laboratory .group03 .swiper-slide{
	height: 369px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #eee;
}
.laboratory .group03 .swiper-slide img{
	display: block;
	width: 100%;
	max-height: 100%;
}
.laboratory .group03 .swiper-pagination{
	bottom: 0;
}
.laboratory .group03 .swiper-pagination-bullet{
	background: #aaa;
}
.laboratory .group03 .swiper-pagination-bullet-active{
	background: #3a982d;
}

.equipment_inpage .cont_equ{
	width: calc(100% + 20px);
	margin-left: -10px;
	margin-top: 35px;
	display: flex;
	flex-flow: wrap;
}
.equipment_inpage .cont_equ .item{
	width: calc(25% - 20px);
	margin: 0 10px 20px 10px;
}
.equipment_inpage .cont_equ .item img{
	display: block;
	border: 1px solid #e3e3e3;
	padding: 10px;
	width: 100%;
	height: 220px;
	cursor: pointer;
}
.equipment_inpage .cont_equ .item h4{
	background: #f0f0f0;
	color: #222;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all linear 0.2s;
}
.equipment_inpage .cont_equ .item:hover h4{
	background: #3a982d;
	color: #fff;
}
.about_inpage{
	width: 100%;
	overflow: hidden;
}
.ab_inpage .group01{
	padding-top: 50px;
}
.ab_inpage .group02{
	padding: 60px 0;
}
.ab_inpage .group02 .til{
	margin-bottom: 35px;
}
.ab_inpage .group02 .item{
	display: flex;
	justify-content: space-between;
	height: 400px;
}
.ab_inpage .group02 .item .world{
	width: 50%;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	background: #f2f2f2;
	padding: 30px 50px;
	overflow: hidden;
}
.ab_inpage .group02 .item h4{
	font-size: 30px;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #3a982d;
	margin-bottom: 25px;
}
.ab_inpage .group02 .item .text{
	font-size: 16px;
	color: #222;
	line-height: 32px;
}
.ab_inpage .group02 .item .img_box{
	width: 50%;
	display: flex;
}
.ab_inpage .group02 .item .img_box img{
	height: 100%;
	width: auto;
}
.ab_inpage .group02 .item:nth-child(2n-1){
	flex-flow: row-reverse;
}
.ab_inpage .group02 .item:nth-child(2n-1) .img_box{
	justify-content: flex-end;
}

.ab_inpage .group03 .con{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 40px 0 0px 0;
}
.ab_inpage .group03 .left_til{
	width: 270px;
	position: relative;
}
.ab_inpage .group03 .left_til::after{
	content: '';
	width: 150px;
	height: 1px;
	background: #ddd;
	position: absolute;
	right: 10px;
	top: 18px;
}
.ab_inpage .group03 .left_til h4{
	font-size: 32px;
	line-height: 1;
	color: #3a982d;
	margin-bottom: 15px;
}
.ab_inpage .group03 .left_til h6{
	font-size: 24px;
	color: #222;
}
.ab_inpage .group03 .swiper-history{
	width: calc(100% - 280px);
	overflow: initial;
}
.ab_inpage .group03 .swiper-history .swiper-slide{
	position: relative;
}
.ab_inpage .group03 .swiper-history .swiper-slide::after{
	content: '';
	width: calc(100% - 100px);
	height: 1px;
	background: #ddd;
	position: absolute;
	right: 0;
	top: 18px;
}
.ab_inpage .group03 .swiper-history .num{
	font-size: 32px;
	line-height: 1;
	color: #3a982d;
	margin-bottom: 15px;
}
.ab_inpage .group03 .swiper-history .group_his{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.ab_inpage .group03 .swiper-history .group_his .list{
	width: 47%;
	margin-bottom: 20px;
}
.ab_inpage .group03 .swiper-history .group_his .list h4{
	font-size: 22px;
	color: #222;
	margin-bottom: 5px;
}
.ab_inpage .group03 .swiper-history .group_his .list p{
	font-size: 16px;
	line-height: 26px;
	color: #666;
}
.ab_inpage .group03 .swiper-history .swiper-slide-prev{
	opacity: 0;
	visibility: hidden;
}

.active3 {
	color: rgb(99,192,85) !important;
}















/* ---------------------------------------1680--------------------------------------- */
@media(max-width:1680px) {
	.nav{
		background-size: auto 100%;	
	}
	.nav li > a{
		padding: 0 25px;
		font-size: 15px;
	}
}







/* ---------------------------------------1440--------------------------------------- */
@media(max-width:1440px) {
	
	
}

/* ---------------------------------------1367--------------------------------------- */
@media(max-width:1367px) {
	
}

/* ---------------------------------------1200--------------------------------------- */
@media(max-width:1200px) {
	.hidden-lg,
	.hidden-sm,
	.hidden-sx{
		display: block;
	}
	.hidden-md{
		display: none;
	}
	
	.visible-lg,
	.visible-sm,
	.visible-xs{
		display: none;
	}
	.visible-md{
		display: block;
	}
	.container{
		width: 992px;
	}
	
	
	
	
	
}

/* ---------------------------------------992--------------------------------------- */
@media(max-width:992px) {
	.hidden-lg,
	.hidden-md,
	.hidden-sx{
		display: block;
	}
	.hidden-sm{
		display: none;
	}
	
	.visible-lg,
	.visible-md,
	.visible-xs{
		display: none;
	}
	.visible-sm{
		display: block;
	}
	.container{
		width: 100%;
		padding: 0 15px;
	}
	
	
	
	
	
}



/* ---------------------------------------767--------------------------------------- */
@media(max-width:767px) {
	.hidden-lg,
	.hidden-md,
	.hidden-sm{
		display: block;
	}
	.hidden-xs{
		display: none;
	}
	
	.visible-lg,
	.visible-md,
	.visible-sm{
		display: none;
	}
	.visible-xs{
		display: block;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}


/* ---------------------------------------385--------------------------------------- */
@media(max-width:385px) {
	
}



/* ---------------------------------------340--------------------------------------- */
@media(max-width:340px) {
	
}