﻿body {
	margin: 0;
	padding: 0;
	min-width: 1200px;
	background-color: rgb(245, 245, 246);
}

/* img {
	display: block;
} */

p {
	margin: 0;
	padding: 0;
}

.top_one a,
.top_one a:link,
.top_one a:visited,
.top_one a:hover,
.top_one a:active {
	text-decoration: none !important;
	color: rgb(114, 114, 114);
}

.top_nav a:hover {
	color: white;
}

a,
a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none !important;
	color: #ffb800;
}

.text_center {
	text-align: center;
}

.text_left {
	text-align: left;
}

.text_right {
	text-align: right;
}

.mr2 {
	margin-right: 20px;
}

.ml2 {
	margin-left: 20px;
}

.f12 {
	font-size: 12px;
}

.f13 {
	font-size: 13px;
}

.f14 {
	font-size: 14px;
}

.f15 {
	font-size: 15px;
}

.f16 {
	font-size: 16px;
}

.f17 {
	font-size: 17px;
}

.f18 {
	font-size: 18px;
}

.f19 {
	font-size: 19px;
}

.f20 {
	font-size: 20px;
}

.f21 {
	font-size: 21px;
}

.f22 {
	font-size: 22px;
}

.f23 {
	font-size: 23px;
}

.f24 {
	font-size: 24px;
}

.f25 {
	font-size: 25px;
}

.f30 {
	font-size: 30px;
}

.f35 {
	font-size: 35px;
}

.f40 {
	font-size: 40px;
}

.f50 {
	font-size: 50px;
}

.f55 {
	font-size: 55px;
}

.fb {
	font-weight: bold;
}

.fwl {
	font-weight: lighter;
}

.fi {
	font-style: italic;
}

.bg_w {
	background-color: white;
}

.color_w {
	color: white;
}

.color_114 {
	color: rgb(114, 114, 114);
}

.color_108 {
	color: rgb(108, 108, 108);
}

.color_b1 {
	color: rgb(0,146,82) !important;
}

.color_216 {
	color: rgb(216, 216, 217);
}

.color_175 {
	color: rgb(175, 175, 175);
}

.color_h {
	color: #000000;
}

.blue_bg {
	background-image: linear-gradient(to right, rgb(0, 101, 156), rgb(0,146,82));
}

.mt30 {
	margin-top: 30px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt15 {
	margin-top: 15px;
}

.mt5 {
	margin-top: 5px;
}

.mt15 {
	margin-top: 15px;
}

.wl200 {
	width: 1200px;
}

.ma {
	margin: auto;
	 
}

.ls2 {
	letter-spacing: 2px;
}

.ls5 {
	letter-spacing: 5px;
}

.nav_bg {
	background-color: rgb(0,146,82) !important;
}

.nav_bg1 {
	background-color: rgb(0,146,82);
}

.xz {
	color: rgb(197, 129, 78) !important;
}

.display {
	display: none !important;
}

/* 用以悬浮定位 */
.fx {
	position: fixed;
	top: 0;
}

.ax {
	position: absolute;
	bottom: 0;
}

.top_one {
	width: 100%;
	background-color: rgb(249, 249, 249);
	height: 30px;
	line-height: 30px;
}

.top_one_main {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.top_one_main_right {
	display: flex;
	justify-content: space-between;
	width: 200px;
}

.top_logo {
	width: 100%;
	background-color: rgb(255, 255, 255) !important;
	padding: 20px 0;
}

.top_logo_main {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.nav_div {
	position: relative;
}

.top_nav {
	width: 100%;
	height: 60px;
	background-image: linear-gradient(to top, rgb(0, 101, 156), rgb(0,146,82));
	line-height: 60px;
}

.nav_list {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.nav_list_item {
	width: calc(1200px/8);
	text-align: center;
}

.nav_list_item:hover {
	background-color: rgb(0, 191, 64);
}

.nav_list a {
	text-decoration: none !important;
	color: white;
}

.top_xiala {
	width: 1200px;
	margin: auto;
	background-color: rgb(0, 116, 185, 0.67);
	display: flex;
	justify-content: space-between;
	position: absolute;
	left: calc(50% - 600px);
	z-index: 9999;
}

.xiala_list {
	width: calc(1200px/8);
	text-align: center;
	border-right: 1px solid rgb(60, 147, 202);
}

.xiala_list:last-child {
	border: 0;
}

.xiala_list_item {
	padding: 10px 0;
}

.xiala_list_item a {
	text-decoration: none !important;
	color: white;
}

.xiala_list_item a:hover {
	color: rgb(197, 129, 78);
}

.head_img,
.head_img img {
	width: 100%;
}


/* 产品部分 */
.index_session_2 {
	width: 100%;
	padding: 30px 0;
}

.index_s2_main {}

.left_nav {
	float: left;
	width: 275px;
}

.index_s2_main_right {
	float: right;
	width: 885px;

}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;

}

.left_nav_head {
	width: 100%;
	height: 100px;
	line-height: 100px;
	background-color: rgb(0,146,82);
	display: flex;
	align-items: center;
	justify-content: center;
}

.left_nav_head img {
	width: 28px;
	height: 28px;
}

.left_nav_bottom {
	width: 100%;
	background-image: linear-gradient(to right, rgb(0, 101, 156), rgb(0,194,64));
}

.left_nav_bottom_item {
	width: 100%;
	height: 40px;
	background-image: linear-gradient(to right, rgb(0, 101, 156), rgb(0,146,82));
	display: flex;
	justify-content: space-around;
	align-items: center;
	border-bottom: 1px solid #4182c5;
	cursor: pointer;
	box-shadow: 
		-2px 0 3px -1px white, 
		0 -2px 3px -1px #afafaf52, 
		0 2px 3px -1px #000000, 
		2px 0 3px -1px white;
}

.left_nav_bottom_item:last-child {
	border: 0;
}

.left_nav_bottom_item img {
	margin: auto;
	width: 15px;
	height: 11px;
}

.left_nav_ul {
	width: 100%;
}

.left_nav_li {
	display: flex;
	height: 20px;
	align-items: center;
	padding: 15px;
	padding-left: 20px;
	cursor: pointer;
}

.left_nav_li img {
	width: 16px;
	height: 16px;
}

.left_nav_li span {
	margin-left: 10px;
}

.index_pro_title {
	width: 100%;
	display: grid;
	grid-template-columns: 120px 120px 120px 120px 120px 120px;
	grid-column-gap: 33px;
	grid-row-gap: 33px;

}

.index_pro_title_item {
	display: inline-grid;
	width: 100%;
	background-color: rgb(0,101,156);
	cursor: pointer;
	padding: 10px 0;
}

.pro_row {
	width: 100%;
	display: grid;
	grid-template-columns: 275px 275px 275px;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
}

.pro_row a {}

.pro_item {
	display: inline-grid;
	width: 100%;
	cursor: pointer;
}

.pro_item_img img {
	width: 100%;
}

.pro_item_content {
	padding: 25px 0;
	background-color: rgb(240, 240, 240);
}

.pro_item_btn {
	display: flex;
	justify-content: space-evenly;
}

.pro_item_btn_btn {
	width: 100px;
	height: 30px;
	border: 1px solid rgb(177, 177, 177);
	line-height: 30px;
	cursor: pointer;
	color: rgb(111, 111, 111);

}

.pro_item_btn_btn:hover {
	background-color: rgb(240, 146, 14);
	border: 1px solid rgb(240, 146, 14) !important;
}

/* 底部 */
.foot {
	width: 100%;
	background-color: white;
}

.foot_top {
	display: flex;
	justify-content: space-between;
	padding: 30px 0;
	border-bottom: 1px solid rgb(245, 245, 245);
}

.foot_top_left {
	width: 750px;
}

.foot_top_right {
	width: 400px;
}

.foot_top_left_top {
	display: flex;
	align-items: center;
	position: relative;
	border-bottom: 1px solid rgb(216, 216, 216);
	padding-bottom: 15px;
}

.foot_top_btn {
	width: 123px;
	height: 40px;
	background-color: rgb(149, 149, 149);
	color: white;
	line-height: 40px;
	margin-right: 20px;
	cursor: pointer;
}

.foot_btn_bg {
	background-image: linear-gradient(to right, rgb(0, 101, 156), rgb(0,146,82));
}

.foot_more {
	position: absolute;
	right: 0;
	color: rgb(95, 95, 95);
	cursor: pointer;
}

.foot_top_main_top {
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
	cursor: pointer;
}

.foot_top_main_top_left {
	width: 40%;
}

.foot_top_main_top_left img {
	width: 100%;
}

.foot_top_main_top_right {
	width: 57%;
}

.banfa {
	padding: 10px 0;
	border-bottom: 1px dashed rgb(191, 191, 191);
	cursor: pointer;
}

.jianjie {
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	padding: 10px 0;
}

.foot_top_main_top_right a {
	color: rgb(108, 108, 108);
}

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

.foot_news_title_icon {
	position: relative;
	padding-left: 15px;
}

.foot_news_title_icon::before {
	content: "";
	position: absolute;
	left: 0;
	top: calc(50% - 4px);
	width: 8px;
	height: 8px;
	background-color: rgb(203, 203, 203);
}

.foot_top_right_title {
	width: 100%;
	height: 60px;
	line-height: 60px;

}

.wen {
	width: 100%;
	padding: 15px 10px;
	display: flex;
	align-items: flex-start;
}

.wen_left {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: rgb(255, 120, 0);
	line-height: 25px;
}

.wen_right {
	padding: 0 20px;
}

.da {
	width: 100%;
	padding: 15px 10px;
	border-bottom: 1px dashed rgb(216, 216, 217);
	display: flex;
	align-items: flex-start;
}

.da_left {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: rgb(185, 185, 185);
	line-height: 25px;
}

.da_right {
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	padding: 0 20px;
}

#swiper2 {
	height: 400px;
	background-color: rgb(245, 245, 245);
}

.lianjie {
	display: flex;
	padding: 10px 0;
	align-items: center;
}

.liajie_btn {
	display: flex;
	box-shadow: 0px 0px 5px #ddd;
	width: 125px;
	height: 40px;
	line-height: 40px;
	align-items: center;
	padding-left: 5px;
}

.liajie_btn img {
	width: 16px;
	height: 16px;
	margin-left: 10px;
}

.lianjie_row {
	padding-left: 20px;
	display: flex;
	flex-wrap: wrap;
}

.lianjie_row a {
	color: rgb(85, 85, 85);
	margin-right: 15px;
	display: block;
}

.foot_bottom {
	width: 100%;
	padding: 30px 0;
	border-bottom: 1px solid rgb(0, 124, 45);
}

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

.foot_bottom_item {
	display: flex;
	align-items: center;
	width: 270px;
}

.foot_bottom_content {
	width: 100%;
	padding: 30px 0;
}

.foot_content_main {
	display: flex;
	justify-content: space-between;
}

.foot_line {
	width: 1px;
	height: 120px;
	background-color: rgb(0, 124, 45);
}

.zoujin {
	display: flex;
	justify-content: space-between;
	width: 420px;
	align-items: center;
}

.zoujina {
	display: flex;
	justify-content: space-between;
	width: 170px;
	align-items: center;
}

.foot_content_main input {
	outline: none;
	margin: 0;
	border: 0;
	padding: 0;
	width: 120px;
	height: 20px;
	margin-left: 10px;
	font-size: 12px;
	color: rgb(176, 176, 176);
}

.tijiao {
	width: 80px;
	height: 20px;
	line-height: 20px;
	background-color: rgb(255, 174, 0);
	cursor: pointer;
	float: right;
}

.foot_last {
	width: 100%;
	background-color: rgb(0, 124, 45);
	padding: 15px 0;
}


/* 产品推荐 */
.product_tuijian {
	display: grid;
	grid-template-columns: 590px 590px;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	padding: 60px 0;
}

.product_tuijian_item {
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	background-color: white;
	padding: 10px 0;
	cursor: pointer;
	box-shadow: 5px 5px 5px #ddd;
	letter-spacing: 1px;
}

.product_tuijian_item_left {
	width: 150px;
	display: grid;
	place-items: center; 
}

.product_tuijian_item_right {
	width: 310px;
	line-height: 18px;
}

.product_tuijian_item img {
	width: 100%;
}
 /* banner */
.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top:-2px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}

 