html {
	width: 100%;
}

body {
	font-size: 16px;
	background: #fff;
	font-family: Verdana, "Microsoft Yahei", "Arial", Verdana, Arial, sans-serif;
	line-height: 28px;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

ol,
ul,
li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #333;
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
	transition: all .3s ease;
	cursor: pointer;
}

em,
i {
	font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
th {
	/*font-weight: normal;*/
}

strong {
	font-weight: 800;
}

img {
	border: 0;
	height: auto;
	vertical-align: middle;
	/*display: block;*/
}

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

input,
textarea,
select,
button {
	border: 0;
	background: none;
	outline: 0;
	font-family: "Microsoft Yahei";
}

input[type="button"],
input[type="text"],
input[type="submit"] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

input,
input:focus,
input:active {
	user-select: text;
}

button:focus {
	outline: 0;
}

textarea {
	resize: none;
}

video {
	outline: none;
	display: block;
}

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

.clearfix:after {
	content: "";
	*zoom: 1;
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	overflow: hidden;
}

.relative {
	position: relative;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.container {
	position: relative;
	width: 1500px;
	margin: 0 auto;
}

.flex {
	display: flex;
	height: 100%;
}

.content_box {
	box-sizing: border-box;
	width: 100%;
	margin: auto;
	padding-top: 100px;
}

.pd50 {
	padding: 0 50px;
}

.pagesDiv {
	clear: both;
	width: 100%;
	margin: 0 auto;
	line-height: 25px;
	padding: 10px 0px 10px 0px;
}

.pages {
	height: 30px;
	color: #666666;
	margin-top: 5px;
	text-align: center;
}

.pages a:link,
.pages a:visited {
	color: #666666;
}

.pages a,
.pages a:link {
	text-decoration: none;
	padding: 2px 5px;
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	margin: 0px 2px;
	font-size: 12px;
	color: #666666;
	text-align: center;
}

.pages a:hover {
	background: #FB9007;
	color: #FFFFFF;
	border: 1px solid #E61636;
	text-decoration: none;
	text-align: center;
	padding: 2px 5px;
}

.pages .cpb {
	font-weight: bold;
	color: #FFFFFF;
	background: #FB9007;
	border: 1px solid #E61636;
	text-align: center;
	margin: 0px 2px;
	padding: 2px 5px;
}

.pages .intext {
	width: 30px;
	border: 1px solid #7F9DB9;
	height: 19px;
	line-height: 19px;
}

.pagination {
	text-align: center;
}

.pagination li {
	display: inline-block;
	color: #333333;
	height: 30px;
	line-height: 30px;
	margin: 0px 4px;
	vertical-align: middle;
	font-size: 14px;
}

.pagination li a {
	float: left;
	display: block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	font-size: 14px;
	border: 1px solid #dddddd;
	color: #666;
	text-decoration: none;
}

.pagination li a:hover {
	background: #FB9007;
	color: #ffffff;
}

.pagination li a.thisclass {
	background: #FB9007;
	color: #ffffff;
	border: 1px solid #E61636;
	cursor: default;
}

.pagination li a.thisclass:hover {
	background: #FB9007;
	color: #ffffff;
	border: 1px solid #E61636;
	cursor: default;
}

.pagination li .pageinfo {
	line-height: 21px;
	padding: 12px 10px 12px 16px;
	color: #999999;
}

.pagination li .pageinfo strong {
	color: #555555;
	font-weight: normal;
}

.pagination table {
	text-align: center;
	margin: 10px 0px 0px 25%;
}

.pagination table td {
	padding: 0px 2px;
}

#pages {
	padding: 14px 0 70px;
	text-align: right;
}

#pages a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	background: #ffffff;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #333333;
	padding: 0 14px;
	margin: 0;
}

#pages a.a1 {
	background: url('https://www.osrfidglobal.com/template/default/skin/images/pages.png') no-repeat 0 5px;
	padding: 0 5px;
}

#pages a:hover {
	background: #f1f1f1;
	color: #000000;
	text-decoration: none;
}

#pages span {
	display: inline-block;
	height: 30px;
	padding: 0 14px;
	line-height: 30px;
	background: #7FC048;
	border: 1px solid #7FC048;
	color: #ffffff;
	text-align: center;
}

#pages .noPage {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	background: url('https://www.osrfidglobal.com/template/default/skin/images/titlebg.png') repeat-x 0 -55px;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #a4a4a4;
}

.layui-layer-hui .layui-layer-content {
	color: #FF6508 !important;
	font-weight: bold;
}

.layui-layer-hui {
	border: 1px solid #FF6508 !important;
	background: #f6f6f6 !important;
}

@font-face {
	font-family: 'Verdana';
	src: url('/template/default/skin/fonts/VERDANA.TTF');
}

@font-face {
	font-family: 'VerdanaB';
	src: url('/template/default/skin/fonts/VERDANAB.TTF');
}

@font-face {
	font-family: 'DIN-BLA';
	src: url('/template/default/skin/fonts/DIN-BLA.TTF');
}

.layui-layer-setwin .layui-layer-close2 {
	max-width: none;
}

/************************************ header start ********************************/
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999999;
	transition: .3s;
}

.header .logo {
	float: left;
	margin-top: 25px;
	transition: .3s;
}

.header .logo a {
	display: block;
	height: 50px;
	width: 160px;
	background: url(/template/default/skin/images/logo1.png);
	transition: .3s;
	background-size: 160px 50px !important;
}

.header .h_nav {
	float: right;
	margin-right: 0px;
}

.header .h_nav ul>li {
	float: left;
	margin: 0 65px 0 0;
	position: relative;
}

.header .h_nav ul>li>a {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	line-height: 100px;
	letter-spacing: .5px;
	position: relative;
	height: 100%;
	display: block;
}

.header .h_nav ul>li>a::after {
	content: "";
	display: block;
	height: 4px;
	width: 0px;
	background: #7FC048;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: .3s;
}

.header .h_nav ul>li.active>a,
.header .h_nav ul>li>a:hover {
	color: #7FC048 !important;
}

.header .h_more {
	float: right;
	margin-top: 36px;
	transition: .3s;
}

.header .h_more .lang_box {
	float: left;
	position: relative;
	cursor: pointer;
	margin-left: 30px;
	padding-left: 30px;
}

.header .h_more .lang_box span {
	font-size: 14px;
	font-weight: 400;
	color: #999999;
	line-height: 24px;
	padding: 0 30px 0 5px;
	background: url(/template/default/skin/images/xjt.png) no-repeat;
	background-position: calc(100% - 15px) center;
}

.header .h_more .lang_box::after {
	content: "";
	display: block;
	width: 1px;
	height: 14px;
	background: rgba(255, 255, 255, .6);
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7px;
	transition: .3s;
}

.header .h_more .search_box {
	float: left;
	margin-left: 15px;
	cursor: pointer;
}

.header .h_more .lang_box .iconfont {
	font-size: 18px;
	color: #fff;
	transition: .3s;
}

.header .h_more .lang_box:hover .iconfont {
	color: #7FC048 !important;
}

.header .h_more .search_box .iconfont {
	font-size: 22px;
	color: #fff;
	transition: .3s;
}

.header .h_more .search_box:hover .iconfont {
	color: #7FC048 !important;
}

.header .h_more .search_box .iconfont2 {
	display: none;
}

.subnav {
	width: 100%;
	background: #fff;
	font-size: 12px;
	text-align: left;
	position: fixed;
	left: 0px;
	top: 100px;
	overflow: hidden;
	box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
	display: none;
	z-index: 333;
	border-top: 1px solid #eee;
}

.subnav .con {
	padding: 20px 0;
}

.subnav .title {
	width: 300px;
	float: left;
	text-align: right;
	padding-right: 50px;
}

.subnav .title a {
	font-size: 16px;
	line-height: 32px;
	font-weight: bold;
}

.subnav .sublist {
	width: calc(100% - 600px);
	float: left;
	border-left: 1px solid #eee;
	padding-left: 50px;
	display: block;
	min-height: 1px;
}

.subnav .sublist .col-md-3 {
	width: 33.3333%;
	float: left;
	padding: 0px 10px;
}

.subnav .sublist a {
	font-size: 14px;
	line-height: 36px;
}

.subnav .nav_img {
	width: 300px;
	height: 170px;
	float: left;
	position: relative;
}

.subnav .nav_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: .3s;
}

.subnav .nav_img .img {
	width: 100%;
	height: 100%;
	background-size: cover !important;
	background-position: center !important;
	transition: .3s;
}

.subnav a:hover {
	color: #7FC048;
}

.h_more i img {
	width: 20px;
}

.subnav_lang {
	margin-left: 15px;
	/* padding-top: 3-px; */
	width: 100px;
	font-size: 12px;
	text-align: left;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
	margin-top: 20px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	z-index: 44;
}

.subnav_lang ol {
	padding: 0px 0;
	background: #ffffff;
	box-shadow: 0 0 16px -4px rgba(0, 0, 0, .3);
}

.subnav_lang ol li {
	width: 100%;
	margin: 0 !important;
}

.subnav_lang a {
	transition: .3s;
	padding: 10px 10px;
	box-sizing: border-box;
	width: 100%;
	display: block;
	line-height: 22px;
	color: #333;
	font-size: 14px;
	text-align: center;
}

.subnav_lang a:hover {
	background: #7FC048;
	color: #fff !important;
}

.header .h_more .lang_box:hover .subnav_lang {
	height: auto;
	opacity: 1;
	visibility: visible;
	margin-top: 0;
}

.sear_box {
	display: none;
	position: fixed;
	background: #F3F3F3;
	width: 100%;
	top: 100px;
	left: 0;
	-index: 111;
}

.sear {
	float: right;
	margin-right: 200px;
	background: #fff;
	height: 40px;
	margin: 25px 0px 25px 0;
}

.sear_box form {
	line-height: 0;
}

.sear_box input[type=text] {
	border: none;
	font-size: 14px;
	background: no-repeat;
	line-height: 40px !important;
	outline: none;
	padding-left: 10px;
	width: 260px;
}

.sear_box button {
	display: block;
	height: 40px;
	width: 40px;
	float: right;
	background: none;
	border: none;
	outline: none;
	background: url(https://www.osrfidglobal.com/template/default/skin/images/head_icon2.png) no-repeat;
	background-position: center;
	cursor: pointer;
}

.header:hover,
.header.active {
	background: #fff;
}

.header:hover .logo a,
.header.active .logo a {
	background: url(/template/default/skin/images/logo2.png);
}

.header:hover .h_nav ul>li>a,
.header.active .h_nav ul>li>a {
	color: #333;
}

.header:hover .h_nav ul>li.active>a::after,
.header.active .h_nav ul>li.active>a::after {
	width: 60px;
}

.header:hover .h_more .lang_box::after,
.header.active .h_more .lang_box::after {
	background: rgb(0, 0, 0, .6);
}

.header:hover .h_more .lang_box .iconfont,
.header.active .h_more .lang_box .iconfont {
	color: #333;
}

.header:hover .h_more .search_box .iconfont,
.header.active .h_more .search_box .iconfont {
	color: #333;
}

.header.active {
	box-shadow: 0px 0px 5px #aaa;
}

/* .header.active .h_nav ul>li>a{line-height: 60px;} */
/* .header.active .h_more{margin-top: 16px;} */
/* .header.active .logo{margin-top: 3px;} */
/* .header.active .sear_box {top: 60px;} */
/* .header.active .subnav {top: 60px;} */

.wap_header {
	width: 100%;
	height: 60px;
	padding: 0 12px;
	display: none;
	justify-content: space-between;
	align-items: center;
	background: #7FC048;
	position: fixed;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: 999999;
	box-sizing: border-box;
}

.wap_header .toggle {
	display: block;
	width: 25px;
	height: 24px;
	position: relative;
	z-index: 6;
}

.wap_header .toggle i {
	display: block;
	width: 25px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 0;
	transition: all ease .35s;
}

.wap_header .toggle i:nth-of-type(1) {
	top: 0;
}

.wap_header .toggle i:nth-of-type(2) {
	top: 8px;
}

.wap_header .toggle i:nth-of-type(3) {
	top: 16px;
}

.wap_header .toggle.on i {
	background: #000;
}

.wap_header .toggle.on i:nth-of-type(1) {
	top: 8px;
	transform: rotate(45deg);
}

.wap_header .toggle.on i:nth-of-type(2) {
	width: 0;
}

.wap_header .toggle.on i:nth-of-type(3) {
	top: 8px;
	transform: rotate(-45deg);
}

.wap_header #h60 {
	height: 60px;
}

.wap_header .maskbg {
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .5);
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 3;
}

.wap_header .maskbg.on {
	display: block;
}

.wap_header .nav {
	width: 240px;
	background: #fff;
	height: 100vh;
	padding: 56px 0 20px 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 5;
	transform: translateX(100%);
	opacity: 0;
	transition: transform .4s, opacity .4s;
}

.wap_header .nav.open {
	transform: translateX(0);
	opacity: 1;
}

.wap_header .nav>ul {
	height: calc(100vh - 230px);
	margin: 0 auto;
	position: relative;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.wap_header .nav ul li {
	border-top: 1px solid #ddd;
	margin: 0 20px;
	line-height: 40px;
	font-size: 14px;
	position: relative;
}

.wap_header .nav>ul>li:first-child {
	border-top: 0 none;
}

.wap_header .nav ul li a {
	height: 60px;
	line-height: 60px;
	display: block;
	padding-right: 30px;
	font-size: 14px;
	color: #333;
}

.wap_header .nav ul li a:active {
	color: #dd0518 !important;
}

.wap_header .nav ul li ul {
	display: none;
}

.wap_header .nav ul li i {
	width: 30px;
	height: 60px;
	font-size: 16px;
	color: #9c9c9c;
	position: absolute;
	right: 0;
	top: 0;
	transition: transform .5s;
}

.wap_header .nav ul li i.down {
	color: #dd0518;
	transform: rotate(90deg);
}

.wap_header .nav ul li .icon {
	background: url(/template/default/skin/images/yjt.png)no-repeat;
	background-size: 20px !important;
	background-position: center !important;
}

.wap_header .nav ul li ul li {
	margin-right: 0;
}

.wap_header .nav ul li ul li a {
	color: #666;
	height: auto;
	line-height: 24px;
	font-size: 14px;
	padding: 12px 0;
}

.wap_header .nav ul li ul li i {
	top: -10px;
}

.wap_header .logo {
	float: left;
	margin-top: 5px;
	position: relative;
	height: 50px;
}

.wap_header .logo a {
	display: block;
	height: 100%;
}

.wap_header .logo img {
	height: 100%;
	max-width: none;
}

.wap_header .toggle {
	float: right;
	margin-top: 21px;
}

.wap_header .dropdown {
	float: right;
	margin-top: 18px;
	margin-right: 20px;
	position: relative;
}

.wap_header #dLabel {
	border: 1px solid #9C9C9C;
	background: none;
	color: #9C9C9C;
	padding: 2px 5px;
	font-size: 12px;
	position: relative;
}

.wap_header .dropdown-menu {
	background: #222;
	min-width: auto !important;
	text-align: center;
}

.wap_header .dropdown-menu li a {
	color: #9C9C9C !important;
	transition: .3s;
	font-size: 14px !important;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	width: 100%;
}

.open>.dropdown-menu {
	display: block;
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

/************************************ header end ********************************/



/************************************ banner start ********************************/
.banner {
	position: relative;
	height: 100vh;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
	position: fixed;
}

.banner .swiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.banner .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.banner .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.banner video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.banner .swiper-button-next:after,
.banner .swiper-button-prev:after {
	display: none;
}

.banner .swiper-button-prev,
.banner .swiper-button-next {
	width: 43px;
	height: 89px;
	top: 50%;
	margin-top: -45px;
}

.banner .swiper-button-prev {
	background: url(/template/default/skin/images/left1.png);
	left: 60px;
}

.banner .swiper-button-next {
	background: url(/template/default/skin/images/right1.png);
	right: 60px;
}

.banner_mouse {
	position: absolute;
	left: 50%;
	bottom: 30px;
	z-index: 9;
	font-size: 40px;
	color: #fff !important;
	margin-left: -20px;
	text-align: center;
}

.banner_mouse img {
	animation: mouse1 1.3s infinite;
	position: relative;
}

.banner_mouse p {
	font-size: 13px;
	font-family: Arial;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 36px;
}

@keyframes mouse1 {
	0% {
		bottom: 0px;
	}

	30% {
		bottom: 10px;
	}

	100% {
		bottom: 0px;
	}
}

#canvas-line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}

#canvas-line canvas {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}

.wap_banner {
	position: relative;
	width: 100%;
	margin-top: 60px;
	display: none;
	z-index: -1;
	position: fixed;
	top: 0;
	left: 0;
}

.wap_banner .swiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.wap_banner .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/* .wap_banner .swiper-slide img{width: 100%;} */
.wap_banner .swiper-button-next:after,
.wap_banner .swiper-button-prev:after {
	display: none;
}

.wap_banner .swiper-button-prev,
.wap_banner .swiper-button-next {
	width: 43px;
	height: 89px;
	top: 50%;
	margin-top: -45px;
	zoom: .7;
}

.wap_banner .swiper-button-prev {
	background: url(/template/default/skin/images/left1.png);
	left: 20px;
}

.wap_banner .swiper-button-next {
	background: url(/template/default/skin/images/right1.png);
	right: 20px;
}

.swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	opacity: 1;
	background-color: #fff;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #7FC048;

}

.wap_banner_item {
	height: calc(100vh - 60px);
	background-size: cover !important;
	background-position: center !important;
	width: 100%;
	position: relative;
}

.wap_banner_item img {
	width: 96%;
	max-width: 400px;
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/************************************ banner end ********************************/


.ind_tit {
	text-align: center;
	padding: 50px 0 ;
}

.ind_tit p {
	font-size: 48px;
	font-family: DIN-BLA;
	color: #7FC048;
	line-height: 50px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.ind_tit h1{
        font-size: 48px;
    font-family: DIN-BLA;
    color: #7FC048;
    line-height: 50px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.ind_tit i img {}

.ind_tit.white p {
	color: #000;
}

/************************************ sec1 start ********************************/
.sec1 {
	position: relative;
	overflow: hidden;
	/* padding: 100px 0 109px; */
	padding: 100px 0 20px;
	margin-top: 100vh;
}

.sec1 .real {
	position: relative;
}

.sec1 .ab_box {
	/* width: 780px; */
	width: 100%;
	position: relative;
	/* left: 50%; */
	/* margin-left: -750px; */
	/* float: left; */
}

.sec1 .ab_box .atit {
	font-size: 32px;
	font-weight: 400;
	color: #090909;
	line-height: 40px;
}

.sec1 .ab_box .btit {
	margin: 25px 0;
}

.sec1 .ab_box .ctit {
	max-height: 310px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	margin-bottom: 35px;
}

.sec1 .ab_box .ctit p {
	font-size: 17px;
	color: #444444;
	line-height: 35px;
}

.sec1 .ab_box .ctit p+p {
	margin-top: 35px;
}

.sec1 .ab_box .dtit {
	display: block;
	width: 200px;
	height: 55px;
	line-height: 55px;
	background: #7FC048;
	border-radius: 4px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	position: relative;
	z-index: 9999;
}

.sec2 .dtit {
	display: block;
	width: 200px;
	height: 55px;
	line-height: 55px;
	background: #7FC048;
	border-radius: 4px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	position: relative;
	z-index: 9999;
	margin: 0 auto;
}

.indAb_num {
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* margin-top: 60px; */
	box-sizing: border-box;
	/* margin-left: -7%; */
	z-index: 1;
}

.indAb_div {
	position: relative;
	text-align: center;
	width: 100%;
}

.indAb_div::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background: #eee;
	/* transform: rotate(15deg); */
}

.indAb_div:first-child:before {
	content: none;
}

.indAb_div>div {
	position: relative;
	display: inline-block;
}

.indAb_div img {
	display: block;
	margin-bottom: 14px;
}

.indAb_num span {
	color: #7FC048;
	/* font-size: 48px; */
	font-size: 76px;
	letter-spacing: 0;
	line-height: 1;
	font-family: 'DIN-BLA';
	min-width: 66px;
	display: inline-block;
	font-weight: bold;
}

.indAb_num i {
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 135%;
	color: #7FC048;
	line-height: 1;
	font-size: 36px;
	text-align: left;
	text-transform: uppercase;
	transform-origin: top left;
	transform: rotate(90deg);
	font-style: inherit;
}

.indAb_num p {
	/* font-size: 13px; */
	font-size: 20px;
	color: #999;
	margin-top: 6px;
	line-height: 1.2;
	height: 50px;
}




.sec1 .out_box {
	width: 800px;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

.sec1 .out_box .img {
	position: relative;
	padding-top: 60px;
	padding-right: 60px;
	height: 100%;
}

.sec1 .out_box .img .i {
	position: relative;
	height: 100%;
}

.sec1 .out_box .img .i::before {
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	background: #7FC048;
	top: -60px;
	right: -60px;
	position: absolute;
}

/* .sec1 .out_box .img .i::after{content: "";display: block;height: 100%;width: 100%;background: rgba(18, 22, 39, 0.79);position: absolute;top: 0;left: 0;z-index: 99;} */
.sec1 .out_box img {
	width: 100%;
	z-index: 99;
	position: relative;
}

.sec1 .out_box video {
	width: 100%;
	z-index: 99;
	position: relative;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.sec1 .out_box iframe {
	width: 100%;
	z-index: 99;
	position: relative;
	height: 100%;
}

.sec1 .out_box .video-open {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 0px;
	margin-left: -65px;
	cursor: pointer;
}

.sec1 .wz1 {
	position: absolute;
	bottom: 110px;
	right: 800px;
	width: calc(100% - 820px);
	max-width: 1010px;
}

.sec1 .wz1 img {
	width: 100%;
}

.layui-layer-video {
	max-width: 1200px;
}

.layui-layer-video video {
	display: block;
	width: 100%;
}

/************************************ sec1 end ********************************/



/************************************ sec2 start ********************************/
.sec2 {
	background: #F9F9F9;
	padding-bottom: 70px;
}

.pro_item {
	width: 100%;
	overflow: hidden;
	border: 1px solid #DCDCDC;
	position: relative;
	background: #fff;
	margin-bottom: 50px;
}

.pro_item .img {
	overflow: hidden;
}

.pro_item .img img {
	width: 100%;
}

.pro_item .desc {
	text-align: center;
	line-height: 70px;
	height: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	color: #444444;
	display: block;
	padding: 0 10px;
}

.pro_item .info {
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	display: flex;
	padding: 20px 15px 0;
	/*background: rgba(127, 192, 72, .8);*/
	background: #ecf6e4;
	transition: .6s;
	opacity: 1;
}

.pro_item .info .nr {
	margin: auto;
}

.pro_item .info p {
	display: block;
	font-size: 14px;
	color: #000;
	line-height: 32px;
	max-height: 224px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	text-align: center;
}

.pro_item .info i {
	display: block;
	width: 140px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #F9F9F9;
	border-radius: 3px;
	margin-left: auto;
	margin-right: auto;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	margin-top: 30px;
}

.pro_item:hover .info {
	bottom: 0;
	opacity: 1;
}


.mySwiper-pro {
	width: 100%;
	eight: 100%;
	position: relative;
	overflow: hidden;
}

.mySwiper-pro .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}



/************************************ sec2 end ********************************/



/************************************ sec3 start ********************************/
.sec3 {
	position: relative;
	overflow: hidden;
	padding-top: 110px;
}

.sec3 .sec3_content {
	position: relative;
	padding-bottom: 90px;
}

.sec3 .wz2 {
	position: absolute;
	left: 50%;
	margin-left: -870px;
	top: 50%;
	transform: translateY(-50%);
}

.sec3 .sec2_bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -700px;
	background: #ecf6e4;
	border-radius: 280px 0px 0px 0px;
	height: 100%;
	width: 100%;
}

.sec3 .solut_box {
	padding-left: 100px;
}

.sec3 .swiper-button-prev::after,
.sec3 .swiper-button-next::after {
	display: none;
}

.sec3 .swiper-button-prev,
.sec3 .swiper-button-next {
	height: 76px;
	width: 38px;
	margin-top: -38px;
}

.sec3 .swiper-button-prev {
	background: url(/template/default/skin/images/left2.png);
}

.sec3 .swiper-button-next {
	background: url(/template/default/skin/images/right2.png);
}

.sec3 .solut_content {
	position: relative;
	padding: 0 80px;
}

.sec3 .swiper {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}


/* new sec5 */
.sec5{
	background-color: #fff;
}
.sec5 .ind_tit p{
	font-size: 48px;
}
.sec5Main{
	display: flex;
	 align-items: center;
	 background: #7FC048;
}
.sec5Main h3{
	font-weight: bolder;
}

.sec5Main h2{
	font-weight: bolder;
}

.sec5Main ul{
	margin-bottom: 15px;
}
.sec5Main ul:last-child{
    margin-bottom:0px;
}


.sec5Left{
	width: 50%;
	background-color: #7FC048;
	box-sizing: border-box;
	padding:0 70px;
}
.sec5Right{
	width: 50%;
	overflow: hidden;
}
.sec5 .atit {
	color: #fff;
	font-size: 32px;
	line-height: 40px;
}
.sec5 .ctit{
	color: #fff;
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 35px;
}
.sec5 .btit{
	margin: 25px 0;
}
.sec5  .dtit{
	display: block;
    width: 200px;
    height: 55px;
    line-height: 55px;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #7FC048;
    position: relative;
    z-index: 9999;
}


.news_sel_box2 {
	display: flex;
	justify-content: center;
	margin: 0 0 30px;
}


.news_sel2 {
	border: 1px solid #626262;
	border-radius: 10px;
	height: 50px;
	line-height: 48px;
	padding: 0 40px;
	margin: 0 20px;
	transition: .3s;
}

.news_sel2 a {
	font-size: 18px;
	font-weight: bold;
	transition: .3s;
}

.news_sel2.active {
	background: #7FC048;
	border: 1px solid #7FC048;
}

.news_sel2.active a {
	color: #fff;
}

.pro_list{
	display: none;
}

.pro_list.active{
	display: block;
 }

.sec3 .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.sec3 .ind_tit {
	padding-left: 100px;
}

.solut_item {
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	transition: .3s;
	margin-top: 25px;
}

.solut_item .img {
	overflow: hidden;
}

.solut_item .img img {
	width: 100%;
	transition: .5s;
}

.solut_item .desc {
	padding: 20px 35px;
	text-align: center;
	transition: .3s;
	position: relative;
	z-index: 99;
	background: #fff;
}

.solut_item .desc p {
	font-size: 22px;
	color: #000000;
	line-height: 38px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.solut_item .desc span {
	font-size: 14px;
	color: #666666;
	line-height: 22px;
	display: block;
	margin: 15px 0 25px;
	height: 88px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.solut_item .desc i {
	display: block;
	margin: 0 auto;
	line-height: 33px;
	background: #7FC048;
	border-radius: 3px;
	text-align: center;
	width: 125px;
	font-size: 14px;
	color: #FFFFFF;
	height: 0;
	transition: .3s;
}

.solut_item:hover {
	margin-top: 0px;
}

.solut_item:hover .desc {
	margin-top: -33px;
}

.solut_item:hover .desc i {
	height: 33px;
}

.solut_item:hover .img img {
	transform: scale(1.1);
}


/************************************ sec3 end ********************************/



/************************************ sec4 start ********************************/
.sec4 {
	padding-bottom: 130px;
}

.news_sel_box {
	display: flex;
	justify-content: center;
	margin-top: -15px;
}





.news_sel {
	border: 1px solid #626262;
	border-radius: 10px;
	height: 50px;
	line-height: 48px;
	padding: 0 40px;
	margin: 0 20px;
	transition: .3s;
}

.news_sel a {
	font-size: 18px;
	font-weight: bold;
	transition: .3s;
}

.news_sel.active {
	background: #7FC048;
	border: 1px solid #7FC048;
}

.news_sel.active a {
	color: #fff;
}



.news_box_list {
	position: relative;
	display: none;
	margin-top: 100px;
}

.news_box_list.active {
	display: block;
}

.news_item1 {
	width: 590px;
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	margin-left: -750px;
	background: #FFFFFF;
	box-shadow: 0px 4px 16px 2px rgba(98, 98, 98, 0.15);
	border-radius: 6px 6px 6px 10px;
	overflow: hidden;
	padding: 55px 30px 25px 30px;
	z-index: 99;
}

.news_item1 .atit {
	font-size: 24px;
	font-weight: bold;
	color: #666666;
	line-height: 26px;
}

.news_item1 .btit {
	font-size: 22px;
	font-family: VerdanaB;
	font-weight: bold;
	color: #191919;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 22px 0 15px;
}

.news_item1 .ctit {
	font-size: 16px;
	color: #666666;
	line-height: 32px;
	height: 132px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	margin-bottom: 20px;
}

.news_item1 .dtit {
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	width: 120px;
	text-align: center;
	background: #7FC048;
	border-radius: 5px;
	margin-top: 25px;
}

.news_item1 .img {
	height: calc(100% - 300px);
	overflow: hidden;
}

.news_item1 .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: .5s;
}

.news_item1:hover .img img {
	transform: scale(1.1);
}

.news_item {
	transition: .4s;
}

.news_item .container {
	padding: 60px 0 65px 650px;
}

.news_item .desc {
	float: left;
	width: calc(100% - 100px);
	padding-right: 60px;
}

.news_item .desc p {
	font-size: 22px;
	font-weight: bold;
	color: #191919;
	height: 30px;
	line-height: 30px;
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .4s;
}

.news_item .desc span {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	transition: .4s;
}

.news_item .date {
	float: left;
	width: 100px;
}

.news_item .date .adate {
	font-size: 24px;
	color: #666666;
	line-height: 26px;
	margin: 8px 0 18px;
	transition: .4s;
}

.news_item .date .bdate {
	display: flex;
	justify-content: space-between;
	padding: 0 15px 0 5px;
}

.news_item .date .bdate span {
	display: block;
	width: 2px;
	height: 25px;
	background: #AEAEAE;
	transition: .4s;
}

.news_item .date .bdate .iconfont {
	color: #666;
	font-size: 26px;
	transition: .4s;
}

.news_item.active {
	background: #ecf6e4;
}

.news_item.active .desc p {
	color: #000;
}

.news_item.active .desc span {
	color: #000;
}

.news_item.active .date .adate {
	color: #000;
}

.news_item.active .date .bdate span {
	background: #000;
}

.news_item.active .date .bdate .iconfont {
	color: #000;
}

/************************************ sec4 end ********************************/



/************************************ footer start ********************************/
.footer {
	background: #7FC048;
}

.foot1 {
	display: flex;
	padding: 70px 0 40px;
}


.ft_ewm{width: 120px;background: #FFFFFF;height: 100%;}
.ft_ewm .img{padding: 2px;}
.ft_ewm .img img{width: 100%;}
.ft_ewm p{text-align: center;color: #333;font-size: 12px;line-height: 1.4;padding: 5px;}
	
.f_nav {
	width: calc(100% - 500px);
	display: flex;
	justify-content: space-between;
}

.f_nav dl {
	padding-right: 15px;
}

.f_nav dt {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 22px;
	position: relative;
	padding-bottom: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.f_nav dt::after {
	content: "";
	display: inline-block;
	background: url(/template/default/skin/images/xjt1.png);
	width: 11px;
	height: 7px;
	position: relative;
	top: -2px;
	margin-left: 5px;
}

.f_nav dd a {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.7);
	line-height: 32px;
}

.f_more {
	width: 500px;
	border-left: 1px solid rgba(255, 255, 255, 0.4);
	padding-left: 50px;
	padding-right: 40px;
}

.f_more1 .img {
	width: 115px;
	padding: 3px;
	background: #fff;
	float: left;
}

.f_more1 .img img {
	width: 100%;
}

.f_more1 .desc {
	width: calc(100% - 115px);
	float: left;
	padding-left: 20px;
}

.f_more1 .desc b {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 26px;
}

.f_more1 .desc p {
	font-size: 14px;
	color: rgba(245, 245, 245, 0.7);
	line-height: 46px;
}

.f_more1 .desc p+p {}

.f_more2 {}

.f_more2 b {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 1px;
	padding-bottom: 20px;
	display: block;
}

.f_more2 p {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.7);
	line-height: 32px;
}

.foot1 .other_a {
	padding-top: 30px;
}

.foot1 .other_a a {
	opacity: .4;
	margin-right: 12px;
}

.foot1 .other_a a:hover {
	opacity: 1;
}


/* .foot2{display: flex;justify-content: space-between;} */
.foot2 .links span {
	font-size: 18px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.5);
	line-height: 26px;
}

.foot2 .links a {
	font-size: 14px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.5);
	line-height: 26px;
}

.foot2 .links a+a {
	margin-left: 15px;
}

.foot3 {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid rgba(255, 255, 255, .2);
	padding: 25px 0 20px;
	margin-top: 20px;
}

.foot3 span,
.foot3 a {
	font-size: 14px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.5);
	line-height: 26px;
}

.footer a:hover {
	color: #fff;
}


/************************************ footer end ********************************/

.sec1,
.sec3,
.sec4 {
	background: #fff;
}

 

@media screen and (max-width:1780px) {
	.sec3 .sec2_bg {
		margin-left: -670px;
	}

	.sec3 .wz2 {
		margin-left: -810px;
	}

	.sec1 .ab_box {
		/*width: 700px;*/
	}
	
	.sec5 .ctit{
	    line-height: 30px;    
	}
}

@media screen and (max-width:1650px) {
	.sec3 .solut_box {
		padding-left: 130px;
	}

	.sec3 .sec2_bg {
		margin-left: -640px;
	}

	.sec3 .wz2 {
		margin-left: -780px;
	}

}

.sec5Right .swiper-slide img{
	width: 100%;
	height: 100%;
}
@media screen and (max-width:1550px) {
	.sec1{
		padding: 50px 0 20px;
	}
    .sec5Left{
        padding:10px 55px;
    }
	.container {
		width: 1200px;
	}

	.header .h_nav ul>li {
		margin: 0 45px 0 0;
	}

	.sec1 .ab_box {
		/*width: 600px;*/
		/*margin-left: -600px;*/
	}

	.sec1 .out_box {
		width: 650px;
	}

	.ind_tit {
		padding-bottom: 30px;
	}

	.sec3 .sec2_bg {
		margin-left: -525px;
	}

	.sec3 .wz2 {
		margin-left: -630px;
	}

	.sec3 .wz2 img {
		width: 80px;
	}

	.news_item1 {
		margin-left: -600px;
		width: 550px;
	}

	.news_item .container {
		padding: 55px 0 55px 600px;
	}

	.news_box_list {
		margin-top: 80px;
	}

	.sec4 {
		padding-bottom: 100px;
	}

	.f_more {
		max-width: 400px;
		padding-left: 20px;
	}

	.f_nav {
		width: calc(100% - 400px);
	}

}
@media screen and (max-width:1024px){
    .sec5Main{
        flex-direction: column;
    }
    .sec5Left{
        width: 100%;
    }
    .sec5Right{
        width:100%;
    }
}

@media screen and (max-width:1350px) {
	.sec1{
		padding: 20px 0;
	}
	.sec1 .out_box {
		width: 600px;
	}

	.sec1 .ab_box .ctit p {
		font-size: 16px;
	}
	.sec5Main{
	    /* flex-direction: column; */
	}
	.sec5Left{
	   /* width:100%; */
	}
	.sec5Right{
	    /* width:100%; */
	}
}

@media screen and (max-width:1199px) {
    .sec5 .atit{
        font-size: 28px;
    }
    .indAb_num p{
        font-size: 16px;
    }
    .indAb_num span{
        font-size: 48px;
    }
	.header {
		display: none;
	}

	.wap_header {
		display: block;
	}

	.banner {
		display: none;
	}

	.wap_banner {
		display: block;
	}

	.container {
		width: 100%;
		padding: 0 15px;
	}

	.sec1 {
		padding: 50px 15px 50px;
	}

	.sec1 .ab_box {
		/*width: 50%;*/
		/*margin-left: 0;*/
		/*left: 0;*/
	}

	.sec1 .out_box {
		width: 50%;
	}

	.sec1 .ab_box .ctit p {
		font-size: 14px;
		line-height: 24px;
	}

	.sec3 .wz2 {
		display: none;
	}

	.sec3 .sec2_bg {
		left: 0;
		margin: 0;
		border-radius: 80px 0 0 0;
	}

	.sec3 .solut_box {
		padding-left: 0;
	}

	.sec3 .ind_tit {
		padding-left: 0;
	}

	.sec3 {
		padding-top: 50px;
	}

	.f_more {
		padding-left: 0px;
	}

	.news_item1 {
		position: relative;
		width: 100%;
		margin: 0;
		left: 0;
	}

	.left_news {
		width: 50%;
		float: left;
	}

	.news_box {
		width: 50%;
		float: left;
	}

	.news_item .container {
		padding: 55px 15px 55px 15px;
	}

	.f_nav {
		display: none;
	}

	.f_more {
		width: 100%;
		text-align: center;
		border-left: 0;
		max-width: 500px;
		margin: 0 auto;
	}

	.f_more2 b {
		padding-bottom: 10px;
	}

	.foot1 .other_a {
		padding-top: 10px;
	}

	.foot1 {
		padding: 50px 0 10px;
	}

	.foot2 {
		display: none;
	}

	.pro_item .info {
		display: none;
	}

	.sec1 .out_box .img {
		padding-right: 20px;
		padding-top: 20px;
	}

	.sec1 .out_box .img .i::before {
		right: -20px;
		top: -20px;
	}

	/* .pro_item{margin-right: 15px;margin-bottom: 15px;width: calc(25% - 12px);} */
	.pro_item {
		margin-bottom: 15px;
	}

	.pro_item .desc {
		font-size: 14px;
		height: 50px;
		line-height: 50px;
	}

	.solut_item {
		margin-top: 0;
	}

	.solut_item .desc {
		padding: 20px 15px;
	}

	.news_item .desc {
		padding-right: 30px;
	}

	.sec4 {
		padding-bottom: 0;
	}

	.sec1 .out_box .video-open {
		margin-top: -40px;
		margin-left: -40px;
	}

	.f_more2 p {
		text-align: left;
	}

	.foot3 {
		text-align: left;
	}
}

@media screen and (max-width:899px) {
    
    
    .ind_tit h1{
        font-size: 32px;
     
}

    
    
    .news_sel2 a{
        font-size: 16px;
    }
    .sec5 .dtit{
        margin:0 auto;
    }
    .sec5 .atit{
        text-align: center;
    }
    .sec5 .btit{
        text-align: center;
        margin: 0;
    }
	.ind_tit {
		/* padding: 50px 0 20px; */
		padding: 20px 0;
	}

	.ind_tit p {
		font-size: 32px;
		line-height: 36px;
		margin-bottom: 5px;
	}

	.ind_tit i img {
		height: 6px;
	}

	.sec1 .ab_box {
		width: 100%;
		float: none;
	}

	.sec1 .ab_box .ctit {
		max-height: none;
		-webkit-line-clamp: inherit;
	}
.sec5 .ind_tit p{
    font-size: 32px;
}
.sec5 .atit{
    font-size: 24px;
}
 
.sec5Left{
    width: 100%;
    margin: 0 auto;
}
	.sec1 {
		/* padding: 50px 15px 60px; */
		padding: 20px 0;
	}
	.indAb_num{
	    flex-wrap: wrap;
	}
	.indAb_div:nth-child(3)::before{
	    content: none;
	}
	.indAb_div{
	    width: 50%;
	    margin-bottom: 20px;
	}

	.sec1 .ab_box .atit {
		font-size: 20px;
	}

	.sec1 .ab_box .btit {
		margin: 5px 0;
	}

	.sec1 .ab_box .btit img {
		height: 6px;
	}

	.sec1 .ab_box .dtit {
		width: 160px;
		height: 45px;
		line-height: 45px;
		font-size: 16px;
	}

	.sec2 .dtit {
		width: 160px;
		height: 45px;
		line-height: 45px;
		font-size: 16px;
	}

	.sec1 .out_box {
		width: 100%;
		float: none;
		margin-top: 20px;
		position: relative;
	}

	.sec1 .ab_box .ctit p+p {
		margin-top: 15px;
	}

	.indAb_num span {
		font-size: 32px;
	}

	.indAb_num p {
		/* height: 60px; */
		height: auto;
	}

	/* .pro_item{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;} */
	.pro_item:nth-of-type(2n) {
		margin-right: 0;
	}

	.sec3 .swiper-button-next {
		right: 0;
	}

	.sec3 .swiper-button-prev {
		left: 0;
	}

	.sec3 .solut_content {
		padding: 0 50px;
	}

	.sec3 .sec3_content {
		padding-bottom: 50px;
	}

	.solut_item .desc p {
		font-size: 18px;
	}

	.solut_item .desc span {
		font-size: 12px;
		line-height: 20px;
		height: 80px;
		margin-bottom: 10px;
	}

	.news_sel {
		margin: 0 10px;
		padding: 0 20px;
	}

	.news_sel a {
		font-size: 16px;
	}

	.left_news {
		width: 100%;
		float: none;
	}

	.news_item1 {
		padding: 55px 15px 25px 15px;
	}

	.news_item1 .atit {
		font-size: 18px;
	}

	.news_item1 .btit {
		font-size: 20px;
		line-height: 24px;
		height: 24px;
	}

	.news_item1 .ctit {
		font-size: 14px;
		line-height: 24px;
		height: 72px;
	}

	.news_box {
		width: 100%;
		float: none;
	}

	.news_item .desc p {
		font-size: 18px;
		line-height: 24px;
		height: 24px;
		margin-bottom: 5px;
	}

	.news_item .date .adate {
		font-size: 18px;
		margin-top: 0;
	}

	.news_item .desc span {
		font-size: 14px;
		line-height: 24px;
		height: 48px;
	}

	.foot3 {
		flex-direction: column;
		text-align: center;
		padding: 15px 0;
		line-height: 18px;
	}

	.foot3 span,
	.foot3 a {
		font-size: 12px;
		display: inline-block;
		line-height: 18px;
	}

	.f_more2 p {
		font-size: 14px;
		line-height: 24px;
	}

	.sec1 .out_box iframe {
		min-height: 30vh;
		width: 100% !important;
	}
}

@media screen and (max-width:768px) {
	.pro-title div {
		padding: 0 10px !important;
	}

	.pro3-d .pro-sum {
		padding: 0px 0 30px !important;
	}
	
	
	
	
	
}

@media screen and (max-width:599px) {
    .news_sel2{
        
    
        margin: 0 5px;
    margin-bottom: 7px;
    padding: 0 15px;
    }
    .news_sel2 a{
        font-size: 14px;
    }
	.container {
		padding: 0 10px;
	}

	.news_sel_box {
		flex-wrap: wrap;
	}

	.news_sel {
		margin: 0 5px;
		margin-bottom: 7px;
		padding: 0 15px;
	}

	.news_sel a {
		font-size: 14px;
	}

	.news_box_list {
		margin-top: 40px;
	}

	.news_item1 {
		padding: 25px 10px 25px 10px;
	}

	.sec2 {
		padding-bottom: 50px;
	}

	.news_item .container {
		padding: 40px 15px;
	}

	.news_box_list {
		margin-top: 20px;
	}

	.indAb_num {
		flex-wrap: wrap;
		margin-left: 0;
	}

	.indAb_div {
		width: 100%;
	}

	.indAb_div::before {
		display: none;
	}

}







.filter-container {
	display: none
}

.filter {
	border: 1px solid rgba(230, 231, 232, .5);
	color: #666766;
	background: #fff
}

.filter .filter-header {
	padding: 6px 10px
}

.filter .filter-header .filter-title {
	display: inline-block;
	margin: 0;
	font-size: 20px;
	font-weight: 400;
	color: #666766;
	letter-spacing: 0
}

.filter .filter-header .reset-button {
	float: right;
	margin-top: 5px;
	font-size: 14px;
	color: #7FC048
}

.filter .filter-header .apply-button {
	display: none;
	float: right;
	width: 25%;
	margin-top: 5px;
	font-size: 12px;
	color: #666766;
	text-align: right;
	letter-spacing: 0
}

.filter .switch-wizard-container {
	display: none;
	padding: 2px 0 0
}

.filter .switch-wizard-container .switch-wizard-button {
	display: block;
	padding: 6px 5px;
	border-top: 1px solid #808285;
	border-bottom: 1px solid #808285;
	color: #666766;
	font-size: 10px;
	text-align: center;
	letter-spacing: .8px
}

.filter .filter-box {
	padding: 0
}

.filter .filter-box .filter-box-title {
	margin: 0;
	padding: 7px 10px;
	display: block;
	background-color: #7FC048;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0
}

.filter .filter-box .filter-box-title .arrow-icon {
	display: none;
	float: right;
	width: 17px;
	height: 17px;
	margin-top: 0px;
	stroke: #fff;
	fill: none;
}

.auto-collapse.filter .filter-box .filter-box-title .arrow-icon {
	display: inline-block;
}

.filter .filter-box .filter-box-content {
	padding: 17px 10px 20px;
	display: flex;
	flex-wrap: wrap
}

.auto-collapse.filter .filter-box .filter-box-content {
	display: none;
}

.auto-collapse.filter .filter-box.desktop-expanded .filter-box-content {
	display: flex;
}

.auto-collapse.filter .filter-box.desktop-expanded .filter-box-title .arrow-icon {
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";
}

.filter .filter-box .filter-box-content:after {
	display: block;
	clear: both;
	content: ''
}

.filter .filter-box .filter-box-content:not(.expanded) .col-sm-6 .filter-item:nth-child(n+3),
.filter .filter-box .filter-box-content:not(.expanded) .filter-check-multi:nth-child(n+4),
.filter .filter-box .filter-box-content:not(.expanded) .filter-item:nth-child(n+5) {
	display: none
}

.filter .filter-box .filter-box-content .more-button {
	display: block;
	float: right;
	color: #7FC048;
	font-size: 10px;
	font-weight: 400;
	margin-left: auto;
	width: 100%;
	text-align: right;
}

.filter .filter-box .filter-box-content .more-button:focus {
	text-decoration: none
}

.filter .filter-box .filter-box-content .more-button .arrow-icon {
	display: inline-block;
	width: 12px;
	height: 5px;
	margin-left: 3px;
	fill: none;
	stroke: #7FC048;
	vertical-align: middle
}

.filter .filter-box .filter-box-content .more-button .less,
.filter .filter-box .filter-box-content.expanded .more-button .more {
	display: none
}

.filter .filter-box .filter-box-content.expanded .more-button svg {
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV"
}

.filter .filter-box .filter-box-content.expanded .more-button .less {
	display: inline
}

.filter .filter-box .filter-box-content.range-slider {
	padding: 13px 10px 27px
}

.filter .filter-box .filter-box-content select {
	width: 100%;
}

.filter .filter-box .col-sm-6 .filter-check {
	width: 100%;
}

.filter .filter-box .filter-check {
	display: block;
	position: relative;
	margin-top: 9px;
	width: 50%
}

.filter .filter-box .filter-check label {
	display: inline-block;
	margin: 0;
	vertical-align: top;
	width: 100%;
}

.filter .filter-box .filter-check input[type=checkbox] {
	display: none
}

.filter .filter-box .filter-check input[type=checkbox]+.check-box {
	display: block;
	float: left;
	width: 19px;
	height: 19px;
	margin-right: 5px;
	background-color: #fff;
	border: 1px solid #808285;
	vertical-align: top;
	align-items: center;
	padding-top: 4px;
}

.filter .filter-box .filter-check input[type=checkbox]+.check-box .check-icon {
	display: none;
	margin: 0;
	width: 100%;
	height: 65%;
	fill: #fff
}

.filter .filter-box .filter-check input[type=checkbox]:checked+.check-box {
	background-color: #7FC048;
	border: #7FC048
}

.filter .filter-box .filter-check input[type=checkbox]:checked+.check-box .check-icon {
	display: block
}

.filter .filter-box .filter-check .check-label {
	display: block;
	float: right;
	width: calc(100% - 24px);
	margin: 0;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	vertical-align: middle;
	padding-right: 5px;
	line-height: 19px;
}

.filter .filter-box .filter-check-multi-headers {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	text-align: center;
	width: 100%
}

.filter .filter-box .filter-check-multi-headers .check-header {
	padding: 0
}

.filter .filter-box .filter-check-multi {
	display: block;
	position: relative;
	margin-top: 12px;
	margin-bottom: 15px;
	width: 100%
}

.filter .filter-box .filter-check-multi:first-of-type {
	margin-top: 0
}

.filter .filter-box .filter-check-multi label {
	display: inline-block;
	margin: 0;
	vertical-align: top
}

.filter .filter-box .filter-check-multi .check-label {
	margin: 4px 0 0;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0
}

.filter .filter-box .filter-check-multi .check-box-container {
	padding: 0;
	text-align: center
}

.filter .filter-box .filter-check-multi input[type=checkbox] {
	display: none
}

.filter .filter-box .filter-check-multi input[type=checkbox]+.check-box {
	display: inline-flex;
	width: 19px;
	height: 19px;
	background-color: #fff;
	border: 1px solid #808285;
	vertical-align: middle;
	align-items: center
}

.filter .filter-box .filter-check-multi input[type=checkbox]+.check-box .check-icon {
	display: none;
	margin: 0;
	width: 100%;
	height: 65%;
	fill: #fff
}

.filter .filter-box .filter-check-multi input[type=checkbox]:checked+.check-box {
	background-color: #7FC048;
	border: 1px solid #7FC048
}

.filter .filter-box .filter-check-multi input[type=checkbox]:checked+.check-box .check-icon {
	display: block
}

.filter .filter-box .filter-range-slider {
	padding: 0 10px;
	width: 100%
}

.filter .filter-box .filter-range-slider .rangeslider {
	margin: 18px 0 19px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #666766
}

.filter .filter-box .filter-range-slider .rangeslider--horizontal {
	height: 1px
}

.filter .filter-box .filter-range-slider .rangeslider__fill {
	background: #E6E7E8
}

.filter .filter-box .filter-range-slider .rangeslider__handle {
	width: 20px;
	height: 20px;
	border: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #7FC048
}

.filter .filter-box .filter-range-slider .current-label {
	display: block;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
	text-align: center
}

.filter .filter-box .filter-range-slider .steps-labels {
	display: block;
	margin-bottom: -12px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
	text-align: justify
}

.filter .filter-box .filter-range-slider .steps-labels::after {
	display: inline-block;
	width: 100%;
	content: ''
}


.jiansuo {
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	color: #7fc048;
	padding: 0 0 0 10px;
}


.uploadFile {
	display: block !important;
	width: 120px !important;
	height: 50px !important;
	background: #f1f1f1 !important;
	color: #000 !important;
	line-height: 50px !important;
	text-align: center !important;
	font-size: 16px !important;
	margin: 10px 0 10px !important;
	cursor: pointer;
}

.filelist {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.uploadFile-right {
	display: block !important;
	width: 120px !important;
	height: 40px !important;
	background: #f1f1f1 !important;
	color: #000 !important;
	line-height: 40px !important;
	text-align: center !important;
	font-size: 14px !important;
	margin: 10px 0 10px !important;
	cursor: pointer;
	border-radius: 5px;
}

.filelist-right {
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}