

.index-equip {

	padding: 3% 0;

}



.index-equip .title {

	text-align: center;

}



.index-equip .title h2 {

	font-weight: bold;

	font-size: 48px;

	color: #000;

}



.index-equip .title p {

	font-size: 18px;

	margin-top: 18px;

	color: #666;

	line-height: 32px;

}



.index-equip .list {

	margin-top: 3%;

}



.index-equip .list li {

	margin-bottom: 24px;

	width: calc(33.33333333% - 18px);

}



.index-equip .list li:nth-child(1) {

	width: calc(67.28% - 18px);

}



.index-equip .list li a {

	display: block;

	position: relative;

}



.index-equip .list li a .img {

	overflow: hidden;

}



.index-equip .list li a .img img {

	width: 100%;

	transition: all .5s;

}



.index-equip .list li h3 {

	text-align: center;

	color: #fff;

	font-size: 20px;

	font-weight: bold;

	line-height: 32px;

	width: 100%;

	position: absolute;

	bottom: 25px;

	left: 0;

	right: 0;

}



.index-equip .list li a:hover img {

	transform: scale(1.05);

}



.equip-more {

	text-align: center;

	margin-top: 30px;

}



.equip-more a {

	display: inline-block;

	width: 300px;

	height: 42px;

	line-height: 42px;

	background: #0055a2;

	border-radius: 42px;

	color: #fff;

	font-size: 16px;

}













.index-news {

	padding: 100px 0;

}



.index-news .title {

	text-align: center;

}



.index-news .title h2 {

	font-weight: bold;

	font-size: 48px;

	color: #000;

}



.index-news .title p {

	font-size: 18px;

	margin-top: 15px;

	color: #666;

	line-height: 32px;

}



.index-news .wrap {

	margin-top: 50px;

	justify-content: space-between;

}



.index-news .wrap .left {

	width: 49%;

}



.index-news .wrap .left .item {

	overflow: hidden;

    -webkit-transform: rotate(0);

    transform: rotate(0);

}



.index-news .wrap .item .img a {

	display: block;

	overflow: hidden;

}



.index-news .wrap .item .img a img {

	width: 100%;

	transition: all .5s;

}



.index-news .wrap .item:hover .img img {

	transform: scale(1.1);

}



.index-news .wrap .text_box {

	margin-top: 25px;

}



.index-news .wrap .text_box .time {

	font-size: 18px;

    color: #888888;

    line-height: 1;

    margin-bottom: 20px;

}



.index-news .wrap .text_box .t {

	font-size: 24px;

    color: #333;

    line-height: 1;

    font-weight: bold;

    margin-bottom: 12px;

}



.index-news .wrap .item:hover .text_box .t {

	color: #42a838;

}



.index-news .wrap .text_box .c {

	font-size: 18px;

    color: #888888;

    line-height: 1;

    margin-bottom: 20px;

}



.index-news .wrap .text_box .more {

	transition: all .3s ease;

    display: inline-block;

}



.index-news .wrap .text_box .more img {

	-moz-transition: all .8s ease 0s;

    -ms-transition: all .8s ease 0s;

    -o-transition: all .8s ease 0s;

    -webkit-transition: all .8s ease 0s;

    transition: all .8s ease 0s;

}



.index-news .wrap .item:hover .text_box .more {

	padding-left: 25px;

}



.index-news .wrap .item:hover .text_box .more img {

	-moz-transform: scale(1.1, 1.1);

    -ms-transform: scale(1.1, 1.1);

    -o-transform: scale(1.1, 1.1);

    -webkit-transform: scale(1.1, 1.1);

    transform: scale(1.1, 1.1);

}



.index-news .wrap .right {

	width: 49%;

}



.index-news .wrap .right .top_ {

	margin-bottom: 16px;

}



.index-news .wrap .right .item {

	overflow: hidden;

    -webkit-transform: rotate(0);

    transform: rotate(0);

}



.index-news .wrap .right .item .left_ {

	width: 61%;

}



.index-news .wrap .right .item .left_ .img a {

	display: block;

	overflow: hidden;

}



.index-news .wrap .right .item .left_ .img a img {

	width: 100%;

	transition: all .5s;

}



.index-news .wrap .right .item:hover .left_ .img a img {

	transform: scale(1.1);

}



.index-news .wrap .right .item .right_ {

	width: 39%;

	background: #42a838;

}



.index-news .wrap .right .top_ .right_ .rect-798 {

	position: relative;

    display: block;

    width: 100%;

    height: 0;

    overflow: hidden;

    padding-bottom: 79.5%;

}



.index-news .wrap .right .top_ .right_ .text_box {

	margin-top: 0;

    position: absolute;

    left: 50%;

    top: 50%;

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

    width: 80%;

}



.index-news .wrap .right .top_ .right_ .text_box .time {

	font-size: 16px;

    line-height: 1;

    margin-bottom: 0.15rem;

    color: #fff;

}



.index-news .wrap .right .top_ .text_box .t {

	font-size: 18px;

    color: #fff;

    font-weight: bold;

    margin: 20px 0;

    line-height: 32px;

}



.index-news .wrap .right .top_ .item:hover .text_box .t a {

	color: #fff;

}



.index-news .wrap .right .bot_ {

	justify-content: space-between;

}



.index-news .wrap .right .bot_ .item {

	width: 49%;

}









@media (max-width: 768px) {



    .index-news {

    	padding: 30px 0;

    }



    .index-news .title h2 {

    	font-size: 24px;

    }



    .index-news .title p {

    	font-size: 14px;

    	line-height: 28px;

    }



    .index-news .wrap {

    	margin-top: 20px;

    }



    .index-news .wrap .left {

    	width: 100%;

    }



    .index-news .wrap .text_box {

    	margin-top: 15px;

    }



    .index-news .wrap .text_box .time {

    	font-size: 14px;

    	margin-bottom: 10px;

    }



    .index-news .wrap .text_box .t {

    	font-size: 16px;

    	line-height: 24px;

    }



    .index-news .wrap .text_box .c {

    	font-size: 12px;

    	line-height: 22px;

    	margin-bottom: 10px;

    }



    .index-news .wrap .right {

    	width: 100%;

    	margin-top: 20px;

    }



    .index-news .wrap .right .item .left_ {

    	width: 100%;

    }



    .index-news .wrap .right .item .right_ {

    	width: 100%;

    }



    .index-news .wrap .right .top_ .right_ .rect-798 {

    	padding-bottom: 55%;

    }



    .index-news .wrap .right .bot_ .item {

    	width: 100%;

    	margin-bottom: 15px;

    }

}









.flex-row {

	display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    flex-direction: row;

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    -o-flex-wrap: wrap;

    flex-wrap: wrap;

}



.container {

	width: 96%;

	margin: 0 auto;

	max-width: 1530px;

}





/*产品*/

.index-pro {

	padding: 80px 0;

}



.pro-hd {

	margin-bottom: 60px;

}



.pro-hd .flex-row {

	justify-content: space-between;

    align-items: center;

}



.pro-hd-left h2 {

	display: inline-block;

    font-size: 48px;

    font-weight: bold;

    color: #000;

    margin: 0;

}



.pro-tabs .layer_tab_item {

	display: inline-block;

    color: #333;

    line-height: 51px;

    background: #e1e1e1;

    padding: 0 1.5em;

    font-size: 18px;

}



.pro-tabs .layer_tab_item+.layer_tab_item {

	margin-left: 15px;

}



.pro-tabs .layer_tab_item.active,.pro-tabs .layer_tab_item:hover {

	background: #42a838;

    color: #fff;

}



.pro-bd .panel_hide {

	display: none;

}



.pro-bd .layer_tab_panel.panel_active {

	opacity: 1;

    visibility: visible;

    -webkit-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

    display: block;

}



.pro-bd .pro_pd_items {

	margin: -25px;

	padding: 0;

}



.pro-bd .pro_pd_items li {

    padding: 25px;

    width: 50%;

    list-style: none;

}



.pro-bd .pro_pd_items li a {

	display: block;

    min-height: 100%;

    background-color: #fff;

    padding: 5% 1% 5% 5%;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: nowrap;

    flex-wrap: nowrap;

    align-items: center;

    justify-content: space-between;

}



.pro-bd .pro_pd_items li a .item_info {

	width: 44%;

}



.pro-bd .pro_pd_items li a .item_info h3 {

	margin: 0;

	color: #333;

    font-weight: bold;

    font-size: 32px;

}



.pro-bd .pro_pd_items li a .item_info .title {

	font-size: 18px;

	color: #333;

	margin-top: 14px;

}



.pro-bd .pro_pd_items li a .item_info .desc {

	color: #888888;

	font-size: 16px;

	line-height: 28px;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	overflow: hidden;

	margin-top: 20px;

}



.pro-bd .pro_pd_items li a .item_info .item_btn {

	display: inline-block;

    min-width: 145px;

    text-align: center;

    line-height: 48px;

    padding: 0 1em;

    margin-top: 60px;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    -webkit-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    position: relative;

    overflow: hidden;

    font-size: 16px;

    color: #fff;

    border-radius: 3px;

    background: #42a838;

}



.pro-bd .pro_pd_items li a .item_img {

	width: 55%;

	text-align: center;

}



.pro-bd .pro_pd_items li a .item_img img {

	display: block;

    width: 100%;

    height: auto;

    -webkit-transition: all .6s ease;

    -o-transition: all .6s ease;

    transition: all .6s ease;

}



.pro-bd .pro_pd_items li a:hover h3 {

	color: #42a838;

}



.pro-bd .pro_pd_items li a:hover .item_btn {

	background: #008733;

}



.pro-bd .pro_pd_items li a:hover .item_img img {

	-webkit-transform: translateX(-15px);

    -ms-transform: translateX(-15px);

    -o-transform: translateX(-15px);

    transform: translateX(-15px);

}



@media(max-width: 768px) {

	.index-pro {

		padding: 50px 0;

	}



	.pro-hd {

		margin-bottom: 30px;

	}



	.pro-hd-left {

		margin-bottom: 15px;

	}



	.pro-hd-left h2 {

		font-size: 24px;

	}



	.pro-hd-right {

		width: 100%;

	}



	.pro-tabs .layer_tab_item {

		padding: 0 1em;

		font-size: 14px;

		line-height: 32px;

	}



	.pro-tabs .layer_tab_item+.layer_tab_item {

		margin-left: 5px;

	}



	.pro-bd .pro_pd_items {

		margin: -5px;

	}



	.pro-bd .pro_pd_items li {

		padding: 5px;

	}



	.pro-bd .pro_pd_items li a {

		flex-wrap: wrap;

	}



	.pro-bd .pro_pd_items li a .item_info {

		width: 100%;

	}



	.pro-bd .pro_pd_items li a .item_info h3 {

		font-size: 16px;

	}



	.pro-bd .pro_pd_items li a .item_info .title {

		font-size: 14px;

		line-height: 22px;
		height: 44px;
		overflow: hidden;

	}



	.pro-bd .pro_pd_items li a .item_info .desc {

		font-size: 12px;

		line-height: 22px;

		margin-top: 10px;

	}



	.pro-bd .pro_pd_items li a .item_info .item_btn {

		min-width: 100px;

		line-height: 32px;

		margin-top: 15px;

		font-size: 14px;

	}



	.pro-bd .pro_pd_items li a .item_img {

		width: 100%;

		margin-top: 10px;

	}

}





/*行业应用*/

.index-case {

	padding: 130px 0;

}



.index-case .flex-row {

	justify-content: space-between;

}



.case-hd {

	width: 21%;

}



.case-hd h2 {

	color: #000;

	font-size: 48px;

	font-weight: bold;

	margin: 0;

	margin-top: 24px;

}



.case-hd h4 {

	color: #333;

	font-size: 24px;

	margin-top: 10px;

}



.case-tabs {

	margin-top: 100px;

}



.case-tabs a {

	display: block;

	line-height: 60px;

	color: #333;

	font-size: 22px;

	max-width: 235px;

	padding-left: 18px;

	margin-bottom: 10px;

	

	position: relative;

}

.case-tabs a:before {
	content: '';
	display: inline-block;
	height: 60px;
	width: 0;
	background: #42a838;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .5s;
	z-index: -1;
}


.case-tabs a .img {
	display: inline-block;
	width: 36px;
	text-align: center;
	margin-right: 20px;
}



.case-tabs a img {

	

}



.case-tabs a.active {

/*	background: #42a838;*/

	color: #fff;

	font-weight: bold;

}

.case-tabs a.active:before {
	width: 100%;
}



.case-tabs a.active img {

	 filter: brightness(100)

}



.case-bd {

	width: 70%;

	position: relative;

}



.case-bd .panel_hide {

	display: none;

}



.case-bd .layer_tab_panel {

	position: absolute;

	top: 0;

	left: 0;

	width: 120%;

}



.case-bd .layer_tab_panel.panel_active {

	opacity: 1;

    visibility: visible;

    -webkit-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

    display: block;

}



.case-bd .layer_tab_panel .img {

	position: relative;

	overflow: hidden;

}



.case-bd .layer_tab_panel .img img {

	width: 100%;

	max-height: 680px;

	-webkit-transition: all .6s ease;

    -o-transition: all .6s ease;

    transition: all .6s ease;

}



.case-bd .layer_tab_panel .img:hover img {

	transform: scale(1.05);

}



.case-bd .layer_tab_panel .img .link {

	position: absolute;

	left: 45px;

	bottom: 45px;

}



.case-bd .layer_tab_panel .img .link p {

	display: inline-block;

	line-height: 32px;

	color: #fff;

	font-size: 18px;

	position: relative;

	padding-left: 18px;

}



.case-bd .layer_tab_panel .img .link p:before {

	content: '';

	width: 5px;

	height: 5px;

	border-radius: 50%;

	background: rgba(255, 255, 255, 0.6);

	position: absolute;

	top: 50%;

	left: 0;

	margin-top: -2.5px;

}



.case-bd .layer_tab_panel .img .link p+ p {

	margin-left: 30px;

}



@media(max-width: 768px) {

	.index-case {

		padding: 50px 0;

	}



	.case-hd {

		width: 100%;

	}



	.case-hd h2 {

		font-size: 24px;

	}



	.case-hd h4 {

		font-size: 16px;

	}



	.case-tabs {

		margin-top: 30px;

		display: flex;

		flex-wrap: wrap;

	}



	.case-tabs a {

		font-size: 14px;

		line-height: 36px;

		padding: 0 10px;

		min-width: 110px;

	}

	.case-tabs a:before {
		height: 36px;
	}

	.case-tabs a .img {
		width: 30px;
		margin-right: 5px;
	}



	.case-tabs a img {

		max-width: 20px;

	}



	.case-bd {

		width: 100%;

		margin-top: 20px;

	}



	.case-bd .layer_tab_panel {

		position: relative;

		width: 100%;

	}



	.case-bd .layer_tab_panel .img .link a {

		font-size: 12px;

		line-height: 24px;

	}



	.case-bd .layer_tab_panel .img .link {

		left: 15px;

		bottom: 15px;

	}



	.case-bd .layer_tab_panel .img .link a+ a {

		margin-left: 10px;

	}

}





/*合作伙伴*/

.index-partner {

	padding: 65px 0;

	margin-top: 100px;

}



.index-partner .title {

	text-align: center;

	color: #fff;

}



.index-partner .title h2 {

	font-size: 40px;

	font-weight: bold;

}



.index-partner .title h4 {

	font-size: 18px;

	color: rgba(255, 255, 255, 0.8);

	margin-top: 10px;

}



.partner-list {

	margin-top: 40px;

	position: relative;

}



.partner-list li .img {

	overflow: hidden;

}



.partner-list li .img img {

	width: 100%;

	transition: all .5s;

}

.partner-list li:hover .img img {
	transform: scale(1.05);
}



.index-partner .swiper_prev, .index-partner .swiper_next {

	display: block;

    width: 20px;

    height: 22px;

    position: absolute;

    top: 50%;

    margin-top: -11px;

    z-index: 50;

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

}



.index-partner .swiper_prev {

	background-image: url(../images/par_prev.png);

    left: -50px;

}



.index-partner .swiper_prev:hover {

	background-image: url(../images/par_prev_h.png);

}



.index-partner .swiper_next {

	background-image: url(../images/par_next.png);

    right: -50px;

}



.index-partner .swiper_next:hover {

	background-image: url(../images/par_next_h.png);

}



@media(max-width: 1530px) {

	.index-partner {

		margin-top: 50px;

	}



	.index-partner .swiper_prev {

		left: -30px;

	}



	.index-partner .swiper_next {

		right: -30px;

	}

}



@media(max-width: 1440px) {

	.index-partner {

		margin-top: 20px;

	}

}



@media(max-width: 1366px) {

	.index-partner {

		margin-top: 0;

	}

}



@media(max-width: 768px) {

	.index-partner {

		margin-top: 0;

		padding: 30px 0;

	}



	.index-partner .title h2 {

		font-size: 20px;

	}



	.index-partner .title h4 {

		font-size: 14px;

	}



	.partner-list {

		margin-top: 20px;

	}



	.index-partner .swiper_prev, .index-partner .swiper_next {

		display: none;

	}

}





/*关于我们*/

.index-about {

	position: relative;

}



.index-about .img img {

    width: 100%;

    height: auto;

}



.about-box {

	position: absolute;

    z-index: 1;

    width: 100%;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

}



.about-box .wrap {

	max-width: 700px;

}



.about-box h2 {

	color: #42a838;

	font-size: 48px;

	font-weight: bold;

}



.about-box h4 {

	color: #000;

	font-size: 38px;

	margin-top: 15px;

}



.about-box .desc {

	margin-top: 32px;

	color: #444444;

	font-size: 18px;

	line-height: 36px;

}



.about-box .more a {

	display: block;

	max-width: 192px;

	line-height: 58px;

	color: #fff;

	font-size: 18px;

	background: url(../images/about_more.png) 80% 50% #42a838 no-repeat;

	padding-left: 34px;

	margin-top: 90px;

}



.about-box .more a:hover {

	background-color: #008733;

}





@media(max-width: 768px) {

	.index-about {

		background-size: cover !important;

		padding: 2rem 0;

	}

	.about-box {

		position: relative;

		top: 0;

    	transform: translateY(0);

	}

	.about-box h2 {

		font-size: 20px;

	}

	.about-box h4 {

		font-size: 16px;

	}

	.about-box .desc {

		font-size: 12px;

		line-height: 22px;

		margin-top: 10px;

	}

	.about-box .more a {

		max-width: 120px;

		margin-top: 20px;

		line-height: 36px;

		font-size: 14px;

		padding-left: 15px;

	}

}







/*进一步了解*/

.index-learn {

	padding: 88px 0;

	text-align: center;

}



.index-learn h2 {

	color: #fff;

	font-size: 40px;

	font-weight: bold;

}



.index-learn h4 {

	color: #fff;

	font-size: 24px;

	margin-top: 20px;

}



.index-learn a {

	display: inline-block;

	width: 170px;

	height: 54px;

	line-height: 54px;

	background: rgba(66, 168, 56, 0.8);

	border-radius: 54px;

	color: #fff;

	font-size: 18px;

	margin-top: 48px;

}



.index-learn a:hover {

	background: rgba(66, 168, 56, 1);

}



@media(max-width: 768px) {

	.index-learn {

		padding: 45px 0;

	}



	.index-learn h2 {

		font-size: 20px;

	}



	.index-learn h4 {

		font-size: 14px;

		margin-top: 10px;

	}



	.index-learn a {

		width: 100px;

		height: 36px;

		line-height: 36px;

		border-radius: 36px;

		font-size: 14px;

		margin-top: 20px;

	}

}