

.site{line-height: 50px; color: #b6b6b6;}
.site a{color: #b6b6b6;}
.site span{color: #595757;}

.o_banner{height: 245px; position: relative; background-position:center center ;background-size: auto 100%;}
.o_banner .wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); text-align: center; color:#fff;}
.o_banner .wrap h1{line-height: 1.1em; margin-bottom: 25px; color: #fff;}
.o_banner .wrap p{color: #fff;}

.contact{padding: 60px 0 100px;}

/*联系我们*/
.contact1{position: relative; margin-bottom: 50px;}
.contact1 img{width: 100%;}
.contact1_wrap{background:rgba(181,181,182,0.8); position: absolute; top: 0; right: 0; width: 50%; height: 100%;}
.contact1_con{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); color: #fff; min-width: 57%;}
.contact1_con h1{margin-bottom: 20px; color: #fff;}
.contact1_con p{line-height: 36px; padding-left: 17px; background-position: left 12px; background-repeat: no-repeat; color: #fff;}
.contact1_con p:nth-of-type(1){background-image: url(../images/contact_icon01.png);}
.contact1_con p:nth-of-type(2){background-image: url(../images/contact_icon02.png);}
.contact1_con p:nth-of-type(3){background-image: url(../images/contact_icon03.png);}
.contact1_con p:nth-of-type(4){background-image: url(../images/contact_icon04.png);}

.contact2{padding: 0 11.7%;}
.contact2 ul{margin: 0 -5px;}
.contact2 ul li{width: 33.333333%; padding: 0 5px; float: left; margin-bottom: 10px; }
.contact2_txt{width: 100%; height: 45px; border: #e7e7e6 solid 1px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); color: #595757; padding: 0 15px; line-height: 43px;}
.contact2_txt::-webkit-input-placeholder{color: #595757;}
.contact2 ul li:nth-child(4){width: 100%; margin-bottom: 40px;}
.contact2_ta{width: 100%; padding:10px 15px;border: #e7e7e6 solid 1px; color: #595757; height: 230px;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);}
.contact2_ta::-webkit-input-placeholder{color: #595757;}
.contact2 ul li:nth-child(5){width: 100%; text-align: center; margin-bottom: 0;}
.contact2_btn{width: 200px; height: 54px; border: none; background: #92c425; color: #fff;}


@media only screen and (max-width: 1440px) {
	
}
@media only screen and (max-width: 1200px) {
	.o_banner{height: 180px;}
	.o_banner .wrap h1{margin-bottom: 15px;}
	.contact{padding: 40px 0 60px;}
	
	.contact1{margin-bottom: 30px;}
	.contact1_con{min-width: 70%;}
	.contact2 ul li:nth-child(4){margin-bottom: 20px;}
}

@media only screen and (max-width: 1023px) {
	.o_banner .wrap h1{margin-bottom: 15px;}
	.contact{padding: 20px 0 30px;}
	
	.contact1{margin-bottom: 20px;}
	.contact1_con{width: 100%; padding: 20px;}
	.contact1_con h1{margin-bottom: 10px;}
	.contact1_con p{line-height: 24px; background-position: left 6px;}
	.contact2{padding: 0 20px;}
}

@media only screen and (max-width: 767px) {
	.contact1_wrap{position: static; width: 100%;background: rgba(181,181,182,1);}
	.contact1_con{position: static;transform: translate(0%,0%);-webkit-transform: translate(0%,0%);}
	.contact2 ul li{width: 100%;}
	.contact2_btn{width: 160px; height: 36px;}
	.contact2_txt{line-height: normal;}
}

/*关于我们*/
.about{padding-top: 60px;}

.about1{padding: 0 30px; margin-bottom: 60px;}
.about1_img{width: 52%;}
.about1_img img{width: 100%;}
.about1_r{width: 45%; padding-left: 3.6%; background-size:100% auto; background-repeat: no-repeat;}
.about1_r_tit{padding: 50px 0;}
.about1_r_cn{line-height: 1.2em;}
.about1_r_con{line-height: 24px; height: 168px;}

.about2_l{width: 50%; float: left;}
.about2_l img{width: 100%;}
.about2_r{position: relative;}
.about2_r_wrap{position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); width:100%; padding: 0 10.4%;}
.about2_r_cn{line-height: 1.33em;color: #fff; margin-bottom: 1em;}
.about2_r_en{color: #fff; font-style: italic;}


.about3_tit{text-align: center; padding: 55px 0 35px;}
.about3_tabs{padding: 0 40px 20px; overflow: hidden;}
.about3_tabs ul li{padding: 0 40px; width: 20%; float: left;}
.about3_tabs_in{width: 100%; text-align: center; padding-bottom: 100%; height: 0px; border-radius: 50%; background: #f5f6fa; position: relative; cursor: pointer;}
.about3_tabs_inner{position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.about3_tabs_img{height: 44px; margin-bottom: 10px; position: relative;}
.about3_tabs_img img{max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.about3_tabs_in p{color: #000000;}
.about3_icon_on{display: none;}
.about3_arrow{position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%); opacity: 0;}

.about3_tabs_in.on{background: #87c828;}
.about3_tabs_in.on .about3_icon{display:none ;}
.about3_tabs_in.on .about3_icon_on{display:block ;}
.about3_tabs_in.on p{color: #fff;}
.about3_tabs_in.on .about3_arrow{opacity: 1;}

.about3_wrap{background-size: cever; background-position: center center;}
.about3_list{/*padding: 80px 30px;*/ position: relative; display: none; background-size: 100% 100% !important; width: 100%; height: 100%;}
.about3_list .wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); height: 80%;}
.about3_list.on{display: block;}
.about3_list_img{width: 44.8%;}
.about3_list_img img{width: 100%;}
.about3_list_r{width: 48%; position: relative; /*right: 0; top: 0%; transform: translateY(0%); -webkit-transform: translateY(0%);*/ margin-left: 30px; float: left; background: rgba(135,200,40,0.6); height: 100%; padding: 40px;}
.about3_list_r h1{color: #fff; line-height: 1.1em; margin-bottom: 20px;}
.about3_list_r p{color: #fff; line-height: 24px; max-height: 120px;}
.about3_list_r p .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{color: #fff;}
.about3_list_r p .mCSB_inside>.mCSB_container{color: #fff;}
.about_boxin{position: absolute; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); top: 50%; left: 50%; width: calc(100% - 80px); width: -moz-calc(100% - 80px); max-height: calc(100% - 80px); max-height: -moz-calc(100% - 80px);}


.about-his{ padding:3% 0; background: #F5F6FA;}
.about-his h2{ text-align: center;}
.about-his h3{ text-align: center; margin:1% 0 5%;}
.about-his .swiper-button-next,.about-his .swiper-button-prev{ width: 17px; height:31px; margin-top:-40px; }
.about-his .swiper-button-prev{ background: url(../images/btn_ll.png) no-repeat!important;}
.about-his .swiper-button-next{ background: url(../images/btn_rr.png) no-repeat!important;}
.about-his .swiper-button-prev.swiper-button-disabled{opacity: 1; background: url(../images/btn_ll_dis.png) no-repeat!important;}
.about-his .swiper-button-next.swiper-button-disabled{opacity: 1; background: url(../images/btn_rr_dis.png) no-repeat!important;}
.about-his .wrap{position: relative;}
.about-his .his-line{position: absolute; left:5%; top:96px; width: 90%; height: 1px; background: #87C829;}
.about-his .swiper-container{width: 90%; margin:0 auto;}
.about-his .his_year{ display: block; margin:0 auto; width: 24px; height:100px; color: #fff;writing-mode: tb-rl; padding-top: 16px; background: url(../images/his_dot.png) no-repeat;}
.about-his .his_year i{position: relative; font-family: arial; font-size: 18px;font-weight: bold;}

.about-his .his_img{ margin:30px 0;text-align: center; }
.about-his .his_img img{max-width: 100%;}
@media only screen and (max-width: 1520px) {
	.about-his .swiper-button-next,.about-his .swiper-button-prev{margin-top:-28px;}
}
@media only screen and (max-width: 1024px) {
	.about-his .swiper-button-next,.about-his .swiper-button-prev{margin-top:-48px;}
}
@media only screen and (max-width: 767px) {
	.about-his .his_txt{font-size: 13px;}
}

.about4{position: relative;}
.about4_l{width: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.about4_l_wrap{max-width: 640px; width: 94%; padding: 30px; margin: auto;}
.about4_l_wrap h1{line-height: 1.1em; margin-bottom: 1em;}
.about4_l_wrap p{line-height: 1.33em;}
.about4_r{width: 50%;}
.about4_r img{width: 100%;}

@media only screen and (min-width: 1025px){
	.about3_tabs_in:hover{background: #87c828;}
	.about3_tabs_in:hover .about3_icon{display:none ;}
	.about3_tabs_in:hover .about3_icon_on{display:block ;}
	.about3_tabs_in:hover p{color: #fff;}
	.about3_tabs_in:hover .about3_arrow{opacity: 1;}
	
}

@media only screen and (max-width: 1440px) {
	.about1_r_tit{padding: 40px 0;}
}

@media only screen and (max-width: 1200px) {
	.about{padding-top: 40px;}
	
	.about_boxin{ width: calc(100% - 40px); width: -moz-calc(100% - 40px); max-height: calc(100% - 40px); max-height: -moz-calc(100% - 40px);}
	.about3_list_r h1{margin-bottom: 10px;}
	
	.about1{margin-bottom: 40px;}
	.about1_r_tit{padding: 20px 0;}
	.about1_r_con{height: 144px;}
	/*.about3_list{padding: 50px 30px;}*/
	.about3_tit{padding: 40px 0 30px;}
	.about3_tabs ul li{padding: 0 20px;}
	.about3_tabs_img{height: 30px;}
}
@media only screen and (max-width: 1024px) {
/*.about_boxin{padding: 30px;}*/
}
@media only screen and (max-width: 1023px) {
	.about{padding-top: 20px;}
	.about1{margin-bottom: 20px; padding: 0;}
	.about1_r{padding-left: 0;}
	.about1_r_tit{padding: 20px 0;}
	.about1_r_con{height: 96px; }
	.about2_r_wrap{padding: 20px;}
	.about3_tit{padding: 20px 0 15px;}
	.about3_tabs{padding: 0 0 20px;}
	.about3_tabs ul li{}
	.about3_arrow{width: 20px; bottom: -8px;}
	.about3_tabs_img{height: 30px; margin-bottom: 5px;}
	/*.about3_list{padding: 30px 0px;}*/
	/*.about3_list_r{padding-right: 0;min-height: 200px;}*/
	.about3_list_r h1{margin-bottom: 10px;}
	.about3_list_r p{max-height: auto;}
	.about4_l_wrap{padding: 0 20px 0 0;}
	.about4_l_wrap h1{margin-bottom: 10px;}
	
	.about3_wrap{height: auto !important; background-image: none !important;}
	.about3_list{padding-top: 24.27%; background-size: 100% auto !important;}
	.about3_list .wrap{position: static; transform: translate(0,0); -webkit-transform: translate(0,0); }
	.about3_list_r{width: 100%; margin-left: 0;}
	.about_boxin{position: static; transform: translate(0,0); -webkit-transform: translate(0,0); width: auto;}

}

@media only screen and (max-width: 767px) {
	.about1_img{width: 100%;}
	.about1_r{width: 100%;}
	.about1_r_tit{padding: 20px 0 10px;}
	.about1_r_con{height: auto;}
	.about2_l{width: 100%;}
	.about2_r_wrap{padding: 0 3%;}
	.about2_r_cn{margin-bottom: 10px;}
	
	.about3_tabs{padding: 0;}
	.about3_tabs ul li{width: 33.333333%; padding: 0 8px 20px;}
	.about3_tabs_in p{font-size: 12px;}
	.about3_tabs_img{height: 20px;}
	
	/*.about3_list{padding: 40px 0;}*/
	.about3_list_img{width: 100%; margin-bottom: 20px;}
	.about3_list_r{width: 100%; position: static; transform: translate(0,0);-webkit-transform: translate(0,0);margin-left: 0; padding: 20px; }
	.about3_list_r p{max-height: none;}
	.about3_list_r{min-height: none;}
	/*.about_boxin{padding: 20px;}*/
	.about4_l{width: 100%; position: static;  transform: translate(0,0);-webkit-transform: translate(0,0);}
	.about4_l_wrap{padding: 20px 0; float: none;}
	.about4_r{width: 100%;}
	.about4_l_wrap p{font-size: 14px;}
}


.news{padding-left:30px; padding-right: 30px; overflow: hidden;}
.news1{width: 100%; margin-bottom: 40px;}
.news1 ul{width: 100%; height: 100%; position: relative;}
.news1 ul li{position: absolute; overflow: hidden;}
.news1 ul li:nth-child(1){width: 64.3%; height: 50%; top: 0; left: 0;}
.news1 ul li:nth-child(2){width: 64.3%; height: 50%; top: 50%; left: 0;}
.news1 ul li:nth-child(3){width: 35.7%; height: 100%; top: 0; left: 64.3%; }

.news1_img{width: 60%; height: 100%;}
.news1_img img{width: 100%; height: 100%;}
.news1_wrap{width: 40%; height: 100%; border: #e7e7e6 solid 1px; padding:40px 30px; position: relative;}
.news1_wrap i{position: absolute; display: block; width: 11px; height: 18px; top: 50%; margin-top: -9px;}
.news1_wrap b{color: #85c02e; font-family: arial; margin-bottom: 20px; display: block;}
.news1_wrap h1{line-height: 1.67em; line-height: 1.67em; height: 3.34em; overflow: hidden; margin-bottom: 10px;}
.news1_wrap p{line-height: 24px; height: 48px; overflow: hidden;}

.news1 ul li:nth-child(1) .news1_wrap i{left: -10px; background-image: url(../images/news_icon01.png);}
.news1 ul li:nth-child(2) .news1_wrap i{right: -10px; background-image: url(../images/news_icon02.png);}

.news1 ul li:nth-child(3) .news1_img{width: 100%; height: 100%;}
.news1 ul li:nth-child(3) .news1_wrap{width: 100%; height: auto; position: absolute; bottom: 0; left: 0; border: none;
	background: -webkit-linear-gradient(transparent, rgba(135,198,44,0.68)); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(transparent, rgba(135,198,44,0.68)); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(transparent, rgba(135,198,44,0.68)); /* Firefox 3.6 - 15 */
	background: linear-gradient(transparent, rgba(135,198,44,0.68)); /* 标准的语法 */
}
.news1 ul li:nth-child(3) .news1_wrap b{color: #fff;}
.news1 ul li:nth-child(3) .news1_wrap h1{margin-bottom: 0;}
.news1 ul li:nth-child(3) .news1_wrap h1 a{color: #fff!important;}


.news2{overflow: hidden;}
.news2 ul{width: 100%; height: 100%; position: relative;}
.news2 ul li{position: absolute; width: 50%; height: 50%;}
.news2 ul li:nth-child(1){top: 0; left: 0;}
.news2 ul li:nth-child(2){top: 0; left: 50%;}
.news2 ul li:nth-child(3){top: 50%; left: 0;}
.news2 ul li:nth-child(4){top: 50%; left: 50%;}

.news2_img{width: 50%; height: 100%;}
.news2_img img{width: 100%; height: 100%;}
.news2_wrap{width: 50%; height: 100%; border: #e7e7e6 solid 1px; padding:60px 30px; position: relative;}
.news2_wrap i{position: absolute; display: block; width: 11px; height: 18px; top: 50%; margin-top: -9px;}
.news2_wrap b{color: #85c02e; font-family: arial; margin-bottom: 20px; display: block;}
.news2_wrap h1{line-height: 1.67em; line-height: 1.67em; height: 3.34em; overflow: hidden; margin-bottom: 10px;}
.news2_wrap p{line-height: 24px; height: 48px; overflow: hidden;}

.news2 ul li:nth-child(1) .news2_wrap i{left: -10px; background-image: url(../images/news_icon01.png);}
.news2 ul li:nth-child(2) .news2_wrap i{left: -10px; background-image: url(../images/news_icon01.png);}
.news2 ul li:nth-child(3) .news2_wrap i{right: -10px; background-image: url(../images/news_icon02.png);}
.news2 ul li:nth-child(4) .news2_wrap i{right: -10px; background-image: url(../images/news_icon02.png);}

.news2 ul li:nth-child(3) .news2_img.fl{float: right;}
.news2 ul li:nth-child(3) .news2_wrap.fl{float: right;}

.news2 ul li:nth-child(4) .news2_img.fl{float: right;}
.news2 ul li:nth-child(4) .news2_wrap.fl{float: right;}


@media only screen and (max-width: 1200px) {
	.news1_wrap{padding: 20px;}
	.news1_wrap b{margin-bottom: 10px;}
	.news1_wrap h1{margin-bottom: 5px;}
	
	.news2_wrap{padding:40px 20px;}
	.news2_wrap b{margin-bottom: 10px;}
	.news2_wrap h1{margin-bottom: 5px;}
}

@media only screen and (max-width: 1023px) {
	.news{padding-left: 0; padding-right: 0;}
	.news1{margin-bottom: 20px;}
	.news1_wrap{padding: 20px;}
	.news1_wrap b{margin-bottom: 0px;}
	.news1_wrap h1{margin-bottom: 0px; }
	
	.news2_wrap{padding:30px 20px;}
	.news2_wrap b{margin-bottom: 0px;}
	.news2_wrap h1{margin-bottom: 0px;}
}

@media only screen and (max-width: 767px) {
	.news1{height: auto !important;}
	.news1 ul li{position: static; width: 100% !important; height: auto !important; top: auto !important; left: auto !important;}
	.news1_img{width: 100%;}
	.news1_wrap{width: 100%;}
	.news1 ul li:nth-child(3){position: relative;}
	.news1_wrap i{display: none;}
	
	.news2{height: auto !important;}
	.news2 ul li{position: static; width: 100% !important; height: auto !important; top: auto !important; left: auto !important; }
	.news2_img{width: 100%;}
	.news2_wrap{width: 100%; padding: 20px;}
	.news2_wrap i{display: none;}
}


/*新闻详情页*/
.details{padding-left:30px; padding-right: 30px;}
.details_l{width: calc(100% - 330px);width: -moz-calc(100% - 330px);}
.details_r{width: 270px;}
.details_r ul li{margin-bottom: 10px;}
.details_r ul li a{display: block; position: relative;}
.details_r ul li a img{width: 100%;}
.details_r ul li a p{position: absolute; width: 100%; left: 0; padding:0 20px; color: #fff;}
.details_r ul li p.en{ top: 20px; line-height: 1.1em; padding-top:14px; }
.details_r ul li p.en:before{content: ''; position: absolute; width: 42px; height: 4px; background: #fff; top: 0; left: 20px; }
.details_r ul li p.cn{ top: 80px;line-height: 1.1em;}

.details_tit{line-height: 1.5em; margin-bottom: 25px;}
.details_line{width: 180px; height: 3px; background: #87c828; margin-bottom: 15px;}

.details_info{font-size: 12px;}
.details_info .posttime{color: #85c02e; font-weight: bold; margin-right: 10px;}
.details_info .source{color: #696969;}

.details_wrap{padding: 50px 0;}
.share{padding-bottom: 35px; border-bottom: #e9e9e9 solid 1px; margin-bottom: 25px;}
.details_b{overflow: hidden; position: relative;}
.details_b span{ display: block; width: calc(100% - 150px);width: -moz-calc(100% - 150px); color: #000; margin-bottom: 7px;}
.details_b span a{color: #000;}
.close{display: block; width: 120px; height: 42px; line-height: 42px; text-align: center; background: #0096e0; color: #fff; position: absolute; top: 0; right: 0;}
.bdsharebuttonbox span{color: #9b9b9b; display: block; line-height: 16px;  margin-right: 20px;}
.bdshare-button-style0-16 a{ margin: 0 15px 0 0 !important; display: block;background-size: auto 100% !important; background-repeat: no-repeat !important; background-position: left center !important; padding-left: 21px !important;}
.bdshare-button-style0-16 a.bds_tsina{ background-image: url(../images/details_share01.png); }
.bdshare-button-style0-16 a.bds_weixin{ background-image: url(../images/details_share02.png); }
.bdshare-button-style0-16 a.bds_sqq{ background-image: url(../images/details_share03.png); }


@media only screen and (min-width: 1025px) {
	.close:hover{color: #fff !important;}
}
@media only screen and (max-width: 1200px) {
	.details_l{width: calc(100% - 300px);width: -moz-calc(100% - 300px);}
	.details_wrap{padding: 30px 0;}
}

@media only screen and (max-width: 1024px) {
	.details_b span{ display: block; width: 100%;}
	.close{display: none;}
}

@media only screen and (max-width: 1023px) {
	.details{padding-left: 0; padding-right: 0;}
	.details_tit{margin-bottom: 15px;}
	.details_line{margin-bottom: 8px;}
	.details_wrap{padding: 20px 0;}
	.share{padding-bottom: 20px; margin-bottom: 15px;}
	.bdsharebuttonbox span{margin-right: 10px;}
}

@media only screen and (max-width: 767px) {
	.details_l{width: 100%; margin-bottom: 15px;}
	.details_r{width: 100%;}
}

/*解决方案详情页*/
.sd1{position: relative; }
.sd1_l{width: 65%; background: #fff; padding: 30px 0; overflow: hidden; margin-top: -100px; padding-bottom: 0 !important;}
.sd1_l ul li{width: 100%; padding:30px; float: left; }
.sd1_l ul li dl{overflow: hidden;}
.sd1_l ul li dl dt{width: 30%;}
.sd1_l ul li dl dt img{width: 100%;}
.sd1_l ul li dl dd{width: 66%;}
.sd1_l ul li h1{color: #87c828; line-height: 1.1em; margin-bottom: 20px;}
.sd1_l ul li h2{color: #87c828; line-height: 1.1em; margin-bottom: 20px;}
.sd1_l ul li p{color: #595757; line-height: 24px; height: 168px;}
.sd1_l ul li p .mCSB_inside>.mCSB_container{margin-right: 10px;}

.noimg{margin-top: 0 !important;}
.o_main.sd .sd1 .sd1_l{width:100%;}
.sd1_r{width: 34%; padding-right: 30px; padding-top: 60px;display:none;}
.sd1_r_dl{padding: 25px 40px; background-size: cover; margin-bottom: 0 !important;}
.sd1_r_dl h1{height: 29px; line-height: 29px; margin-bottom: 10px;}
.sd1_r_dl a{color: #87c828;}
.sd1_r_dl a img{margin-right: 13px;}
.sd1_r_dl p{color: #87c828;}
.sd1_r_dl p.info{margin-bottom: 20px;}
.sd1_r_dl p.flow{}

.sd1_r_apply h1{color: #87c828; margin-bottom: 10px;}
.sd1_r_apply ul li{padding: 0 20px; height: 60px; line-height: 60px; background: #f5f5f5; margin-bottom: 10px;}
.sd1_r_apply ul li p{color: #595757; width: calc(100% - 20px); width: -moz-calc(100% - 20px); float: left;}
.sd1_r_apply ul li img{float: right; margin-top: 25px;}

.sd1_b{clear: both; overflow: hidden; padding: 30px 0; padding-top: 0 !important;}
.sd1_b ul{overflow: hidden;}
.sd1_b ul li{width: 25%; float: left; padding:30px;}
.sd1_b ul li h1{color: #87c828; line-height: 1.1em; margin-bottom: 15px;}
.sd1_b ul li p{color: #87c828;line-height: 24px; height: 48px;}

.sd2{margin-bottom: 60px;}

.sd3{width: 100%; height: 0; padding-bottom: 28.8%; position: relative; margin-bottom: 195px;}
.sd3_l{width: 47.66%; height: 100%; position: absolute; top: 0; left: 0;}
.sd3_l_wrap{max-width: 685px; width: 94%; height: 100%; padding: 60px 45px 60px 30px;}
.sd3_l_wrap h1{color: #fff; line-height: 1.1em; text-align: right; margin-bottom: 60px;}
.sd3_l_wrap ul{height: 240px;}
.sd3_l_wrap ul li{overflow: hidden; line-height: 60px;}
.sd3_l_wrap ul li p{width: 50%; float: left; color:#fff;}
.sd3_l_wrap ul li p:nth-child(1){text-align: right; padding-right: 18px; }
.sd3_l_wrap ul li p:nth-child(2){position: relative; top: 8px;}

.sd3_r{width: 52.34%; height: 100%; position: absolute; top: 0; left: 47.66%;}
.sd3_r_wrap{max-width: 595px; width: 94%; height: 100%; padding: 60px 30px 60px 45px;}
.sd3_r_wrap h1{color: #fff; line-height: 1.1em; }
.sd3_r_img{width: 145.6%; margin-left: -140px;}

.sd4{padding: 100px 0 130px;}
.sd4 h1{color: #87c828; line-height: 1.1em; margin-bottom: 30px;}
.sd4 p{color: #595757; line-height: 24px;}

.sd5{margin-bottom: 80px;}
.sd5_tit{text-align: center; color: #595757; padding: 60px 0 30px;}
.sd5 ul{margin: 0 -9px; overflow: hidden;}
.sd5 ul li{width:33.333333%; float:left; padding: 0 9px;}
.sd5 ul li a{display: block; background: #f6f6f6;}
.sd5_img img{width: 100%;}
.sd5 ul li a dl{ padding: 15px 20px 30px;}

.sd5 ul li a dl dt{line-height: 1.2em; height: 2.4em; overflow: hidden; color: #595757; margin-bottom: 15px;}
.sd5 ul li a dl dd{ color: #86c12f;}

@media only screen and (min-width: 1025px) {
	.sd5 ul li a:hover{background: #85c02e;}
	.sd5 ul li a:hover dl dt{color: #fff;}
	.sd5 ul li a:hover dl dd{color: #fff;}
}

@media only screen and (max-width: 1600px) {
	.sd3_l_wrap h1{margin-bottom: 40px;}
	.sd3_r_img{width: 120%;}
}
@media only screen and (max-width: 1440px) {
	.sd1_l{margin-top: -60px;}
	
	.sd3{margin-bottom: 150px;}
	.sd3_l_wrap{padding: 30px;}
	.sd3_l_wrap ul{height: 160px;}
	.sd3_l_wrap ul li{line-height: 40px;}
	.sd3_r_img{width: 100%; margin-left: -100px;}
	.sd4{padding: 80px 0;}
}

@media only screen and (max-width: 1200px) {
	.sd1_l{margin-top: -40px; padding: 20px 0;}
	.sd1_l ul li{padding: 20px 30px;}
	.sd1_l ul li h1{margin-bottom: 10px;}
	.sd1_l ul li h2{margin-bottom: 10px;}
	.sd1_r_dl{padding: 20px;}
	.sd1_r_dl p.info{margin-bottom: 10px;}
	
	.sd1_r{padding-top: 40px;}
	
	.sd1_b{padding: 0;}
	
	.sd2{margin-bottom: 40px;}
	
	.sd3{margin-bottom: 40px;}
	.sd3_l_wrap h1{margin-bottom: 30px;}
	.sd3_l_wrap ul li p:nth-child(2){top: 5px;}
	.sd3_r_wrap{padding: 30px;}
	
	.sd3_r_img{width: 80%; margin-left: -30px;}
	
	.sd4{padding: 60px 0;}
	.sd5{margin-bottom: 40px;}
	.sd5_tit{padding: 40px 0 20px;}
}

@media only screen and (max-width: 1023px) {
	.sd1_l{margin-top: -30px; padding: 20px 10px;}
	.sd1_l ul li{padding: 10px;}
	.sd1_l ul li p{height: 72px;}
	.sd1_r{padding-right:0; padding-top: 30px; padding-left: 20px;}
	
	.sd1_b{padding: 0 10px;}
	.sd1_b ul li{padding: 20px 10px;}
	
	.sd2{margin-bottom: 20px;}
	.sd3_l_wrap{padding: 20px 20px 20px 0;}
	.sd3_l_wrap h1{margin-bottom: 20px;}
	.sd3_l_wrap ul{height: 120px;}
	.sd3_l_wrap ul li{line-height: normal;}
	.sd3_l_wrap ul li p{width: 100%; padding: 0 !important; text-align: left !important; }
	.sd3_l_wrap ul li p:nth-child(2){top:0;}
	.sd3_r_wrap{padding: 20px 0 20px 20px;}
	.sd3_r_img{margin-left: -20px;}
	.sd4{padding: 40px 0;}
	.sd4 h1{margin-bottom: 20px;}
	.sd5{margin-bottom: 30px;}
	.sd5_tit{padding: 20px 0 15px;}
	.sd5 ul li a dl{padding: 15px;}
	.sd5 ul li a dl dt{margin-bottom: 5px;}
	
}

@media only screen and (max-width: 767px) {
	.sd1_l{width: 100%; margin-top: 0; padding: 20px 0 !important;}
	.sd1_l ul li{width: 100%; padding: 0;}
	.sd1_l ul li dl dt{width: 100%; margin-bottom: 20px;}
	.sd1_l ul li dl dd{width: 100%;}
	.sd1_l ul li h1{margin-bottom: 15px !important;}
	.sd1_l ul li h2{margin-bottom: 15px;}
	.sd1_l ul li p{height: auto;}
	
	.sd1_r{width: 100%; padding: 0;}
	
	.sd1_b{padding: 20px 0 !important;}
	.sd1_b ul li{padding: 10px 0; width: 100%;}
	.sd1_b ul li h1{margin-bottom: 10px;}
	
	.sd3{height: auto; overflow: hidden; padding-bottom: 0; margin-bottom: 20px;}
	.sd3_l{width: 100%; position: static;}
	.sd3_l_wrap{padding:20px 0; float: none; margin: auto;}
	.sd3_l_wrap h1{text-align: left; margin-bottom: 15px;}
	.sd3_l_wrap ul{height: auto;}
	.sd3_r{width: 100%; position: static;}
	.sd3_r_wrap{padding:20px 0; float: none; margin: auto;}
	.sd3_r_img{margin-left: 0;}
	
	.sd4{padding: 30px 0;}
	.sd4 h1{margin-bottom: 10px;}
	
	.sd5 ul li{width: 100%; margin-bottom: 20px;}
	.sd5 ul li:last-child{margin-bottom: 0px;}

	.sd1_b ul li p{height: auto;}
}


/*解决方案*/
.p30{padding-left: 30px !important; padding-right: 30px !important;}
.solve_bnimg{ background-repeat: no-repeat; background-size:auto 100%; background-position: center center;}
.solve_bnimg img{width: 100%;}
.solve_tit{color: #87c828; line-height: 1.1em; padding: 60px 0 30px;}

.solve1 .sd1_r_dl a{color: #fff;}
.solve1 .sd1_r_dl a:hover{color: #fff !important;}
.solve1 .sd1_r_dl p{color: #fff;}

.solve1_b ul li{width: 33.333333% !important;}

.solve2{ background-size: cover; padding-bottom: 70px;}
.solve2_l{width: 61%; position: relative;}
.solve2_l > img{width: 100%;}
.solve2_l_point{position: absolute; top: 0; left: 0; width: 100%; height: 100%;display:none;}
.solve2_l_point ul{width: 100%; height: 100%; position: relative;}
.solve2_l_point ul li{position: absolute;width: 31px; height: 31px; cursor: pointer; transition: all 0.3s;}
.solve2_l_point ul li.on{transform: translateY(-125px);}

.solve2_l_point ul li em{display: block; width: 31px; height: 31px; border-radius: 50%; background: #595757; border: #d4d4d4 solid 3px; color: #fff; line-height: 25px; text-align: center; font-size: 20px;}
.solve2_l_point ul li.on em{ background: #85c02e; border-color: #c2db9d;}
.solve2_l_point ul li i{display: block; width: 0px; height: 105px; border-right: #85c02e dotted 1px;  border-left: #c2db9d dotted 1px; margin: auto; opacity: 0;}
.solve2_l_point ul li.on i{opacity: 1;}
.solve2_l_point ul li span{display: block; width: 9px; height: 9px; border-radius: 50%; background: #85c02e; margin: auto; opacity: 0;}
.solve2_l_point ul li.on span{opacity: 1;}

.solve2_r{width: 30.5%; background: #fff;}
.solve2_img_box{width: 100%;}
.solve2_img{width: 100%;} 
.solve2_r_wrap{padding: 0 40px 75px;}
.solve2_r_wrap h1{line-height: 2.33em;}
.solve2_r_wrap i{display: block; width: 146px; height: 1px; background: #0f0f0f; margin-left: -40px; margin-bottom: 24px;}
.solve2_r_wrap ul{ margin-bottom: 25px;}
.solve2_r_wrap ul li{line-height: 24px; background: url(../images/solve2_icon.png) left 7px no-repeat; padding-left: 15px;}
.solve2_r_wrap a{display: block; width: 107px; height: 26px; line-height: 26px; text-align: center; background: #85c02e; color: #fff;}
.solve2_r_wrap a:hover{color: #fff !important;}

.solve2_r .swiper-slide{/*width: 100% !important;*/}
.solve2_r .swiper-pagination{font-size: 0; bottom: 30px;}
.solve2_r .swiper-pagination-bullet{width: 6px; height: 6px; opacity: 1; margin: 0 2.5px; background: #dbdbdb;}
.solve2_r .swiper-pagination-bullet-active{background: #85c02e;}

.solve3_wrap{position: relative; overflow: hidden;}
.solve3_img{width: 100%; cursor: pointer;}
.video_btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); cursor: pointer;}
.solve3_video{position: absolute; object-fit: cover; width: 100%;left: 0px;top: 50%;transform: translateY(-50%); display: none;}

.solve4{margin-bottom: 60px;}
.solve4_wrap{background-size: cover;}
.solve4_tabs ul{overflow: hidden;}
.solve4_tabs ul li{width: 286px; height: 45px; line-height: 43px; text-align: center; border-bottom: #c9c9c9 solid 2px; color: #333333; cursor: pointer; float: left; background: #c9c9c9;}
.solve4_tabs ul li.on{ background: #fff; border-bottom-color: #85c02e; color: #87c828;}
.solve4_con{padding: 55px 0 90px;}
.solve4_list{display: none;}
.solve4_list p{line-height: 24px;}
.solve4_list.on{display: block;}

@media only screen and (max-width: 1200px) {
	.solve_tit{padding: 40px 0 20px;}
	
	.solve2{padding-bottom: 50px;}
	.solve2_r_wrap{padding: 0 20px 70px;}
	.solve2_r_wrap i{margin-bottom: 15px; width: 100px; margin-left: -20px;}
	.solve2_r_wrap ul{margin-bottom: 15px;}
	.solve2_l_point ul li i{ height: 60px;}
	.solve2_l_point ul li.on{transform: translateY(-80px);}
	
	.solve4{margin-bottom: 40px;}
	.solve4_con{padding: 40px 0 60px;}
}

@media only screen and (max-width: 1023px) {
	.solve_tit{padding: 20px 0 15px;}
	.p30{padding-left: 0px !important; padding-right: 0px !important;}
	
	.solve2{padding-bottom: 30px;}
	.solve2_r_wrap{padding: 0 20px 50px;}
	.solve2_r_wrap i{width: 60px;}
	.solve2_r .swiper-pagination{bottom: 20px;}
	
	.solve4_con{padding: 20px 0 30px;}
	
}
@media only screen and (max-width: 767px) {
	.solve_bnimg{height: 200px;}
	.solve_bnimg img{display: none;}
	
	.solve1_b ul li{width: 100% !important;}
	
	.solve2_l{width: 100%; margin-bottom: 20px;}
	.solve2_r{width: 100%;}
	
	.video_btn{width: 40px;}
	
	.solve4{margin-bottom: 30px;}
	.solve4_tabs ul li{width: 50%;}
	
	.solve2_l_point ul li em{width: 21px; height: 21px; line-height: 15px; font-size: 12px; margin: 10px 5px 0 5px;}
}
