﻿.clearfix {
    *zoom:1
}
.clearfix:before,.clearfix:after {
    display:table;
    content:"";
    line-height:0
}
.clearfix:after {
    clear:both
}
.gwjs_banner{
	width: 10rem;
    overflow: hidden;
    height:7.2rem;
    position: relative;
    z-index: 1;
	margin-top: -1.14666667rem;
}
.gwjs_banner img {
    width: 10rem;
    display: block;
}

button.sc_title {
    display: block;
    background: none;
    border: none;
    width: 100%;
    margin: 7vw 0 0;
	text-align: center;
}
button.sc_title .title {
    margin: 0 auto;
    text-align: center;
	color: #333333;
    font-size: 0.45333333rem;
    padding-bottom: 0.12rem;
}
button.sc_title .title span{
	color:#ea5404;
}
.sc_title .text {
    color: #999999;
    font-size: 0.24rem;
    line-height: 0.33333333rem;
}
.sc_title .text span{
	color:#ea5404;
}
button.block {
    width: 100vw;
    display: block;
    background: #fff;
    padding: 10vw 3.5vw;
    margin: 0;
    border: none;
}
.block p.title {
    font-size: 0.45333333rem;
	color: #333333;
}
.block p.text {
    font-size: 0.24rem;
    margin: 1.5vw 0 8vw;
    color: #999;
}
button.block .system li {
    width: 90vw;
    height: 91vw;
    margin: 0 auto;
    background-size: 100% 100%;
    margin-top: 1px;
}
button.block .system li>img {
    width: 20vw;
    margin: 20vw auto 5vw;
}
button.block .system li>p {
    text-align: center;
    color: #fff;
}
button.block .system li>p:nth-of-type(1) {
    font-size: 5vw;
    font-weight: 800;
}
button.block .system li>p:nth-of-type(2) {
    font-size: 5vw;
    font-weight: 800;
}
button.block .system li>p:nth-of-type(3) {
    width: 60%;
    font-size: 3.5vw;
    margin: 0 auto;
}
.service_content {
    padding-top: 0.1rem;
	background: #f6f7fa;
}
.service_content .yc_list {
  padding-bottom: 0.6rem;
  padding-top: 0.53333333rem;
}
.service_content .yc_list ul {
  font-size: 0;
  text-align: center;
}
.service_content .yc_list ul li {
  vertical-align: top;
  margin: 0 0.13333333rem;
  margin-bottom: 0.26666667rem;
  width: 2.13333333rem;
  height: 2.70666667rem;
}
.service_content .yc_list ul li .on {
  display: block !important;
}
.service_content .yc_list ul li .w_fex {
  width: 2.13333333rem;
  height: 2.70666667rem;
  overflow: hidden;
  background: #FFFFFF;
  border: 0.01333333rem solid #f5f5f5;
}
.service_content .yc_list ul li .w_fex .img {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0.08rem auto;
}
.service_content .yc_list ul li .w_fex .img img {
  width: 0.8rem;
  height: 0.8rem;
  display: block;
}
.service_content .yc_list ul li .w_fex .title {
  color: #333333;
  font-size: 0.29333333rem;
  line-height: 0.4rem;
  font-weight: bold;
  padding-bottom: 0.13333333rem;
}
.service_content .yc_list ul li .w_fex .price {
  font-size: 0.29333333rem;
  color: #999999;
}
.service_content .yc_list ul li .w_fex .price em {
  font-size: 0.21333333rem;
}
.service_content .yc_list ul li .w_fex .see {
  color: #2ba246;
  font-size: 0.24rem;
  padding-top: 0.21333333rem;
}
.service_content .yc_list ul li .re_see .img {
  margin-top: 0.6rem;
}
.service_content .yc_list ul li .prod_xx {
  position: fixed;
  display: none;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.6) none repeat scroll 0 0 !important;
  filter: alpha(opacity=60);
  background: #333333;
}
.service_content .yc_list ul li .prod_xx .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
}
.service_content .yc_list ul li .prod_xx .xx_cont {
  position: absolute;
  top: 50%;
  margin-top: -3.50666667rem;
  left: 50%;
  margin-left: -3.50666667rem;
  background: #fff;
  z-index: 9999;
  width: 7rem;
  border-radius: 0.06666667rem;
  padding-bottom: 0.66666667rem;
}
.service_content .yc_list ul li .prod_xx .xx_cont .head {
  margin-top: 0.46666667rem;
}
.service_content .yc_list ul li .prod_xx .xx_cont .head .title {
  color: #2ba246;
  font-size: 0.37333333rem;
  font-weight: bold;
  padding-top: 0.05333333rem;
}
.service_content .yc_list ul li .prod_xx .xx_cont .head .price {
  color: #999999;
  font-size: 0.29333333rem;
  font-weight: bold;
  padding-top: 0.05333333rem;
}
.service_content .yc_list ul li .prod_xx .xx_cont .head .img img {
  width: 0.8rem;
  height: 0.8rem;
}
.service_content .yc_list ul li .prod_xx .xx_cont .p_title {
  color: #333333;
  font-size: 0.34666667rem;
  font-weight: bold;
  display: block;
  margin-bottom: 0.09333333rem;
}
.service_content .yc_list ul li .prod_xx .xx_cont .function_list {
  margin-left: 0.4rem;
  text-align: left;
  margin-top: 0.4rem;
}
.service_content .yc_list ul li .prod_xx .xx_cont .function_list em {
  float: left;
  display: block;
  font-size: 0.24rem;
  color: #666666;
  width: 1rem;
  margin: 0.09333333rem 0;
  margin-right: 0.30666667rem;
}
.service_content .yc_list ul li .prod_xx .xx_cont .function_list .item {
  width: 3rem;
}
.service_content .yc_list ul li .prod_xx .xx_cont .function_list .item p {
  font-size: 0.24rem;
  color: #666666;
}
.service_content .yc_list ul li .prod_xx .xx_cont .close_btn {
  position: absolute;
  right: 0.21333333rem;
  top: 0.25333333rem;
}
.service_content .yc_list ul li .prod_xx .xx_cont .close_btn img {
  width: 0.2rem;
  height: 0.2rem;
}

.service_adv {
    position: relative;
    z-index: 1;
    background: #2ba246;
    height: 6rem;
    padding-top: 0.53333333rem;
}
.service_adv .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6.53333333rem;
  opacity: 0.15;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
.service_adv .y_title p {
  color: #fff;
}
.service_adv .yc_list {
  position: relative;
  z-index: 3;
  text-align: center;
  margin-top: 0.6rem;
  font-size: 0;
}
.service_adv .yc_list .w_fex {
  background: #fff;
  width: 2.3rem;
  height: 3.44rem;
}
.service_adv .yc_list .w_fex .img {
  margin-top: 0.37333333rem;
}
.service_adv .yc_list .w_fex .img img {
  width: 1.6rem;
  height: 1.6rem;
}
.service_adv .yc_list .w_fex .text {
  color: #333333;
  font-size: 0.26666667rem;
  padding-top: 0.30666667rem;
}
.service_set {
    text-align: center;
    padding-bottom: 0.66666667rem;
    padding-top: 0.53333333rem;
}
.bg_f6 {
    background: #f6f7fa;
}
.service_set .y_list {
  font-size: 0;
  margin-top: 0.57333333rem;
}
.service_set .y_list li {
  width: 1.78666667rem;
  height: 2.74666667rem;
  background: #fff;
  margin: 0 0.06666667rem;
}
.service_set .y_list li .img {
  width: 0.8rem;
  margin: 0 auto;
  margin-top: 0.34666667rem;
  position: relative;
  padding-bottom: 0.44rem;
}
.service_set .y_list li .img img {
  width: 0.8rem;
  height: 0.8rem;
}
.service_set .y_list li .img:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.14666667rem;
  width: 0.30666667rem;
  height: 0.02666667rem;
  background: #2ba246;
  opacity: 0.43;
}
.service_set .y_list li .title {
  color: #333333;
  font-size: 0.29333333rem;
  line-height: 0.41333333rem;
  padding-top: 0.17333333rem;
}


/*案例*/
.yun_case {
  background: #fff;
  padding-bottom: 1.2rem;
  width: 10rem;
  overflow: hidden;
}
.yun_case .yc_cont {
  margin-top: 0.73333333rem;
}
.yun_case .yc_cont .swiper-slide {
    width: 3.34666667rem;
    height: 6.85333333rem;
  	margin: 0 0.33333333rem;
	border: 1px solid #e6e6e6;
    border-radius: 1vw;
    overflow: hidden;
	    box-shadow: 0 6px 10px 0 rgba(138,138,138,.1);
}
.yun_case .yc_cont .swiper-slide p {
    border-top: 1px solid #e6e6e6;
    text-align: center;
    font-size: 0.26rem;
    line-height: 9vw;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.yun_case .yc_cont .swiper-slide img {
  width:100%;
}