
/* 首页优势star */
.index_youshi{
	width: 100%;
	height: auto;
	background: #f5f5f5;
	padding: 80px 0;
}
.youshi_box{
	width: 1200px;
	height: 265px;
	margin: 0px auto;
	background: #fff;
	box-shadow:0px 0px 10px rgba(0,0,0,0.2);
}
.youshi_box_main{
	width: 1100px;height: 100%;margin: 0 auto;display: flex;flex-direction: row;justify-content: space-between;align-items: center;
}
.youshi_item{
	width: 264px;height: 200px;display: flex;flex-direction: column;align-items: center;
}
.youshi_item_line2.jpg{
	width: 1px;height: 100%;
}
.youshi_item h3{
	font-weight: 600;line-height: 40px;font-size: 20px;margin-top: 35px;
}
.youshi_item p{
	line-height: 30px;
	text-align: center;
}
.youshi_item_icon_box{
	width: 100%;height: 60px;display: flex;flex-direction: column;justify-content: center;align-items: center;
}
.youshi_item_icon_1{
	width: 29px;height: 29px;background: url(../images/qiandai.png) no-repeat;
}
.youshi_item_icon_2{
	width: 29px;height: 29px;background: url(../images/shandian.png) no-repeat;
}
.youshi_item_icon_3{
	width: 29px;height: 29px;background: url(../images/xunzhang.png) no-repeat;
}
.youshi_item_icon_4{
	width: 29px;height: 29px;background: url(../images/pingzhi.png) no-repeat;
}
.youshi_item_icon_5{
	width: 29px;height: 29px;background: url(../images/dingzhi.png) no-repeat;
}
.youshi_item_line{
	width: 30%;height: 4px;margin: 0 auto;background: #5db308;display: none;
}
.youshi_item:hover{
	color:#5db308;
}
.youshi_item:hover .youshi_item_line{
	display: block;
}
.youshi_item:hover .youshi_item_icon_1{
	background: url(../images/qiandai_s.png) no-repeat;
}
.youshi_item:hover .youshi_item_icon_2{
	background: url(../images/shandain_s.png) no-repeat;
}
.youshi_item:hover .youshi_item_icon_3{
	background: url(../images/xunzhang_s.png) no-repeat;
}
.youshi_item:hover .youshi_item_icon_4{
	background: url(../images/pingzhi_s.png) no-repeat;
}
.youshi_item:hover .youshi_item_icon_5{
	background: url(../images/dingzhi_s.png) no-repeat;
}
/* 首页优势end */



/* 解决方案star */
.index_programme{
	width: 1200px;
	height: 655px;
	margin: 0 auto;
}

/* 解决方案end */



.product_box {
	background:#f5f5f5;
	padding-bottom:40px
}
.product_list li {
	width:380px;
	margin:0 10px 20px;
	background:#ffffff
}
.product_list li:hover {
	-moz-box-shadow:4px 4px 10px rgba(0,0,0,0.05),-4px 4px 10px rgba(0,0,0,0.05),4px -4px 10px rgba(0,0,0,0.05),-4px -4px 10px rgba(0,0,0,0.05);
	-webkit-box-shadow:4px 4px 10px rgba(0,0,0,0.05),-4px 4px 10px rgba(0,0,0,0.05),4px -4px 10px rgba(0,0,0,0.05),-4px -4px 10px rgba(0,0,0,0.05);
	box-shadow:4px 4px 10px rgba(0,0,0,0.05),-4px 4px 10px rgba(0,0,0,0.05),4px -4px 10px rgba(0,0,0,0.05),-4px -4px 10px rgba(0,0,0,0.05)
}
.product_list li:hover h2 {
	color:#5db308
}
.product_list li:hover .product_info::after {
	background:url("../images/product_active_icon.png") no-repeat;
	background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	-ms-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	transform:translateY(-25px);
	-webkit-transform:translateY(-25px);
	-moz-transform:translateY(-25px);
	-ms-transform:translateY(-25px);
	-o-transform:translateY(-25px)
}
.product_list .imgs_box {
	width:380px;
	height:329px
}
.product_list .imgs_box img {
	max-width:380px;
	max-height:329px
}
.product_info {
	padding:0 15px;
	border-top:1px solid #eee
}
.product_info::after {
	display:block;
	content:"";
	width:52px;
	height:50px;
	background:url("../images/product_icon.png") no-repeat;
	background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	-ms-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-webkit-transition:transform .2s linear;
	-moz-transition:transform .2s linear;
	-o-transition:transform .2s linear;
	-ms-transition:transform .2s linear;
	transition:transform .2s linear
}
.product_info h2 {
	max-width:80%;
	height:50px;
	line-height:50px;
	color:#222222
}
.Problem {
	padding:40px 0;
	background:#291a18 url(../images/problembg.jpg) no-repeat center center;
	overflow:hidden
}
.ProblemCon {
	margin-top:40px
}
.Title03 h3 {
	font-size:24px;
	color:#fff;
	text-align:center
}
.Title03 p {
	font-size:35px;
	color:#fff;
	text-align:center;
	margin-top:10px
}
.ProblemCon ul li {
	float:left;
	width:239px;
	text-align:center;
	padding:20px 0;
	height:264px;
	position:relative;
	border-left:1px #41413f solid;
	border-radius:5px
}
.ProblemCon ul li:first-child {
	border-left:none
}
.ProblemCon ul li span {
	width:40px;
	height:40px;
	display:block;
	margin:0 auto;
	border-radius: 20px;
	overflow: hidden;
}
.ProblemCon ul li span img {
	display:block;
	width:40px;
	height:40px
}
.ProblemCon ul li h3 {
	font-size:24px;
	color:#fff;
	margin:30px 0 10px
}
.ProblemCon ul li h4 {
	color:#8c8c8c;
	font-size:18px
}
.ProblemCon ul li i {
	width:1px;
	height:22px;
	background-color:#ccc;
	display:block;
	margin:10px auto
}
.ProblemCon ul li p {
	color:#fff;
	font-size:14px;
	line-height:20px
}
.ProblemCon ul li a {
	display:block;
	color:#5db308;
	font-size:13px;
	margin-top:25px;
	text-decoration:underline;
	display:none
}
.ProblemCon ul li h2 {
	width:40px;
	height:40px;
	border-radius:50%;
	background-color:#5db308;
	color:#fff;
	font-size:20px;
	text-align:center;
	line-height:40px;
	margin:0 auto;
	display:none
}
.ProblemCon ul li:hover {
	background-color:#fff
}
.ProblemCon ul li:hover a {
	display:block
}
.ProblemCon ul li:hover h3 {
	color:#242424
}
.ProblemCon ul li:hover p {
	color:#666
}
.ProblemCon ul li:hover span {
	display:none
}
.ProblemCon ul li:hover h2 {
	display:block
}
.ProblemCon ul li:hover::after {
	position:absolute;
	left:50%;
	bottom:-5px;
	width:8px;
	height:5px;
	display:block;
	margin-left:-4px
}
.reason_box {
	background:#f8f8f8 url(../images/reason_bg.jpg) no-repeat center top
}
.reason_item {
	height:454px
}
.reason_item>div {
	width:580px
}
.reason_item img {
	max-width:100%
}
.reason_info>div {
	padding-top:20px
}
.reason_info h1 {
	padding-left:110px;
	font-weight:bold;
	color:#5db308;
	font-size:27px
}
.reason_info h6 {
	margin:5px 0 40px;
	padding-left:110px;
	color:#222222
}
.reason_info h4 {
	color:#666666;
	margin-bottom:15px
}
.reason_info h4::before {
	margin-right:5px;
	content:"";
	display:inline-block;
	width:4px;
	border:2px solid #5db308;
	height:4px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px
}
.reason_info a {
	margin-top:30px
}
.reason_icon_1 {
	background:url("../images/reason_icon_1.png") no-repeat left top
}
.reason_icon_2 {
	background:url("../images/reason_icon_2.png") no-repeat left top
}
.reason_icon_3 {
	background:url("../images/reason_icon_3.png") no-repeat left top
}
.reason_icon_4 {
	background:url("../images/reason_icon_4.png") no-repeat left top
}
.quality_swiper {
	padding-bottom:50px
}
.quality_swiper .swiper-slide{
	width:380px;
	margin:0 10px;
	box-sizing:border-box;
	background:#fff;
	height:320px;
}
.quality_swiper .swiper-slide:hover h1 {
	background:#5db308;
	color:#fff
}
.quality_swiper .imgs_box {
	width:100%;
	height:232px
}
.quality_swiper .imgs_box img {
	max-width:100%;
	max-height:232px
}
.quality_swiper h1 {
	color:#666666;
	text-align:center;
	line-height:50px;
	background: #d5d5d5;
}
.process_box {
	background:#fff;
	position:relative;
	overflow:hidden;
	height:558px
}
.process_box .process_cont {
	background:url(../images/process_box_bg.jpg) no-repeat center 165px;
	margin-top:34px;
	height:235px
}
.process_box li {
	float:left;
	width:150px;
	margin:0 10.5px;
	height:235px;
	text-align:center;
	background:url(../images/process_box_cbg.png) no-repeat top center
}
.process_box li:last-child {
	margin-right:0
}
.process_box li em {
	display:block;
	width:109px;
	height:126px;
	line-height:0;
	margin:0 auto
}
.process_box li em.pic1 {
	padding-top:40px;
	height:86px
}
.process_box li em.pic2 {
	padding-top:0px;
	display:none
}
.process_box li span {
	display:block;
	font-size:18px;
	font-weight:bold;
	margin-top:68px
}
.process_box li.cur {
	background:url(../images/process_box_cbgh.png) no-repeat top center
}
.process_box li.cur em.pic1 {
	display:none
}
.process_box li.cur em.pic2 {
	display:block
}
.process_box li.cur span {
	color:#5db308
}
.focusing_box {
	background:#f4f4f4;
	padding-bottom:40px
}
.new {
	background:#f4f4f4;
	position:relative;
	overflow:hidden;
	height:793px
}
.new:after {
	content:"";
	width:0;
	height:0;
	position:absolute;
	border-top:50px solid #fff;
	border-right:960px solid transparent;
	border-left:960px solid transparent;
	left:50%;
	top:0;
	margin-left:-960px
}
.new h2 {
	text-align:center;
	font-size:40px;
	color:#252525;
	line-height:40px;
	font-weight:normal;
	position:relative;
	z-index:1;
	padding-top:20px
}
.new h2 a {
	display:block
}
.new h2 b {
	background:url(../images/sl_tbg.png) no-repeat;
	width:57px;
	height:54px;
	display:block;
	text-align:center;
	padding-top:12px;
	margin:0 auto;
	margin-bottom:8px
}
.new h2 b img {
	width:auto;
	height:auto;
	margin:0 auto
}
.new h2 span {
	color:#5db308;
	font-weight:bold
}
.new h2 em {
	display:block;
	margin-top:15px;
	font-size:20px;
	color:#333;
	line-height:20px
}
.new_l {
	width:320px;
	background:url(../images/new_bg.jpg) repeat-x 0 0 #fff;
	padding:30px 40px 0;
	height:510px;
	box-shadow:0 0 10px 2px #e7e7e7;
	overflow:hidden;
	margin-top:54px
}
.new_r {
	width:781px;
	margin-top:54px
}
.new1,.new2 {
	width:701px;
	overflow:hidden;
	height:230px;
	background:#fff;
	box-shadow:0 0 10px 2px #e7e7e7;
	margin-bottom:20px;
	padding:30px 40px 0
}
.newtil {
	height:51px;
	line-height:30px;
	font-size:24px;
	font-weight:normal
}
.newtil a {
	color:#363636
}
.newtil em {
	display:block;
	font-size:10px;
	opacity:0.5;
	line-height:12px
}
.newtil span {
	float:right;
	width:33px;
	height:33px;
	display:block;
	background:url(../images/new_more2.png) no-repeat 0 0
}
.newtil span a {
	display:block;
	width:33px;
	height:33px
}
.new_l .newtil a {
	color:#fff
}
.new_l .newtil span {
	background:url(../images/new_more1.png) no-repeat 0 0
}
.new_l dl {
	padding:16px 0 0
}
.new_l dt {
	height:239px;
	width:320px;
	display:block;
	overflow:hidden
}
.new_l dt a {
	display:block;
	height:239px;
	width:320px
}
.new_l dt img {
	max-height:239px;
	max-width:320px
}
.new_l dd {
	padding:11px 0 0
}
dd {
	margin-inline-start:0
}
.new_l dd h3,.new1_c li h1 {
	height:45px;
	line-height:45px;
	font-size:16px;
	color:#363636;
	display:block
}
.new_l dd h3 a {
	display:block;
	color:#363636
}
.new_l dd h3 a:hover {
	color:#5db308
}
.new_l dd h3:hover,.new1_c li a:hover {
	color:#5db308
}
.new_l dd p {
	font:14px "Microsoft YaHei";
	color:#989898;
	overflow:hidden;
	margin-bottom:30px
}
.new_l dd span,.new1_c li span {
	background:url(../images/new_line.jpg) no-repeat 0 center;
	height:24px;
	overflow:hidden;
	text-align:right;
	font-family:Times New Roman;
	color:#989898;
	display:block
}
.new1_c li {
	width:312px;
	float:left
}
.new1_c li:hover h1 {
	color:#5db308
}
.new1_c li p {
	height:75px;
	overflow:hidden;
	color:#989898;
	font-size:14px;
	line-height:25px;
	margin-bottom: 24px;
}
.new1_c li:nth-child(2n-1) {
	padding:0 68px 0 0
}
.new2 {
	position:relative
}
.new2 .newtil {
	height:10px
}
.new2 .newtil span {
	position:absolute;
	right:40px;
	top:30px
}
.new2 .newtil p {
	position:absolute;
	left:40px;
	top:30px
}
.new2_w {
	width:326px
}
.new2_w li {
	height:30px;
	line-height:30px;
	overflow:hidden
}
.new2_w li a {
	color:#999;
	font-size:14px
}
.new2_w li a:hover {
	color:#5db308;
	text-decoration:underline
}
.new2_p {
	width:355px
}
.new2_p dt {
	float:right
}
.new2_p dd {
	float:left;
	padding:145px 0 0
}
.new2_p dd a {
	display:block;
	background:url(../images/new_more4.png) no-repeat;
	width:148px;
	height:43px;
	font:14px "Microsoft YaHei";
	line-height:43px;
	padding-left:20px;
	color:#fff
}
.new2_p dd a:hover {
	animation:shake 1.5s linear;
	-webkit-animation:shake 1.5s linear;
	-ms-animation:shake 1.5s linear;
	-o-animation:shake 1.5s linear;
	-moz-animation:shake 1.5s linear
}
.news_swiper {
	height:215px
}
.news_swiper li {
	height:35px
}
.news_swiper li a {
	display:block
}
.AboutTop {
	margin:45px 0
}
.AboutLeft {
	width:600px;
	position:relative;
	top:20px
}
.AboutLeft::after {
	content:"";
	width:475px;
	height:307px;
	display:block;
	position:absolute;
	right:0;
	top:0;
	background:url(../images/aboutbox.png) no-repeat center;
	z-index:1
}
.AboutImg {
	position:relative;
	z-index:9;
	top:30px
}
.AboutImg::after {
	content:"";
	width:61px;
	height:12px;
	display:block;
	position:absolute;
	right:0;
	bottom:25px;
	z-index:9
}
.AboutImg ul li {
	float:left;
	overflow:hidden;
	width:570px;
	height:342px
}
.AboutImg ul li a {
	display:block;
	width:570px;
	height:342px;
	overflow:hidden
}
.AboutImg ul li a img {
	display:block;
	width:570px;
	height:342px;
	transition:.8s
}
.AboutImg ul li:hover a img {
	transform:scale(1.1)
}
.AboutRight {
	width:550px
}
.AboutRight h3 {
	font-weight:normal;
	font-size:30px
}
.AboutRight h3 em {
	font-size:82px;
	color:#eaeaea;
	text-transform:uppercase;
	font-family:"Impact"
}
.AboutRight h3 a {
	color:#333
}
.AboutRight p {
	font-size:14px;
	color:#666;
	font-size:14px;
	line-height:25px;
	margin-top:40px
}
.AboutRight h4 {
	font-weight:normal;
	margin-top:50px;
	overflow:hidden
}
.AboutRight h4 img {
	width:31px;
	height:26px;
	display:block;
	float:left
}
.AboutRight h4 a {
	display:block;
	float:right;
	color:#666;
	font-size:14px;
	background:url(../images/sjxjt.png) no-repeat center right;
	padding-right:25px
}
.AboutLeft i {
	display:block;
	width:81px;
	height:80px;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	bottom:0;
	z-index:99
}
.AboutLeft i img {
	display:block;
	width:81px;
	height:160px;
	position:relative
}
.AboutLeft i:hover img {
	position:relative;
	top:-80px
}
.AboutLeft i.prev {
	left:30px
}
.AboutLeft i.next {
	left:112px
}
.about_tab {
	margin:20px 0
}
.about_tab li {
	padding:0 40px
}
.about_tab li a {
	display:block;
	font-size:20px;
	color:#000000;
	line-height:25px
}
.about_tab li a:hover {
	color:#5db308
}
.about_tab_1 {
	background:url("../images/about_icon_1.png") no-repeat left center
}
.about_tab_2 {
	background:url("../images/about_icon_2.png") no-repeat left center
}
.about_list {
	padding-bottom:80px
}
.about_list li {
	width:286px;
	height:177px
}
.about_list li:hover img {
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-moz-transform:scale(1.2)
}
.about_list li img {
	max-width:286px;
	max-height:177px
}
