#business_list .banner{

    width:100%;

    height: 42vw;

    position: relative;

    overflow: hidden;

}

#business_list .banner .bg{

    animation: enlargeImg 2s ease;

    z-index: 1;

    height: 100%;

}

#business_list{

    width:100%;

    height: auto;

}

.business{

    padding: 100px 0;

}

#product.after-inner #main{

    z-index: 1;

    padding: 0 0 100px;

}

.banner .bg img{

    width:100%;

}

.container2{

    width:1278px;

    height: auto;

    margin-left: auto;

    margin-right: auto;

}



.circle{

    width: 7px;

    height: 7px;

    background: rgba(255,255,255,1);

    border-radius: 50%;

    display: inline-block;

    z-index: 10;

    line-height: 2.1052631578947367vw;

    text-align: center;

    animation: ripple 1s linear infinite;

    position: absolute;

    transform: translate(-50%,-50%);

}

.circle:hover{

    cursor: pointer;

}

.circle:hover p{

    opacity: 1;

}

.circle p{

    color: #e03333;

    font-size: 15px;

    font-weight: bold;

    width: 100px;

    display: block;

    transform: translate(-50%,-100%);

    opacity: 0;

    pointer-events:none;

}

@keyframes ripple {

    0% {

      box-shadow: 0 0 0 2 rgba(255,255,255,0.2),

      0 0 0 4px rgba(255,255,255,0.2),

      0 0 0 6px rgba(255,255,255,0.2)

      ;

    }

    100% {

      box-shadow: 0 0 0 4px rgba(255,255,255,0.2),

      0 0 0 6px rgba(255,255,255,0.2),

      0 0 0 8px rgba(255,255,255,0.2)

      ;

    }

  }

  @-o-keyframes ripple {

    0% {

      box-shadow: 0 0 0 2 rgba(255,255,255,0.2),

      0 0 0 4px rgba(255,255,255,0.2),

      0 0 0 6px rgba(255,255,255,0.2)

      ;

    }

    100% {

      box-shadow: 0 0 0 4px rgba(255,255,255,0.2),

      0 0 0 6px rgba(255,255,255,0.2),

      0 0 0 8px rgba(255,255,255,0.2)

      ;

    }

  }

  @-moz-keyframes ripple {

    0% {

      box-shadow: 0 0 0 2 rgba(255,255,255,0.2),

      0 0 0 4px rgba(255,255,255,0.2),

      0 0 0 6px rgba(255,255,255,0.2)

      ;

    }

    100% {

      box-shadow: 0 0 0 4px rgba(255,255,255,0.2),

      0 0 0 6px rgba(255,255,255,0.2),

      0 0 0 8px rgba(255,255,255,0.2)

      ;

    }

  }

  @-webkit-keyframes ripple {

    0% {

      box-shadow: 0 0 0 2 rgba(255,255,255,0.2),

      0 0 0 4px rgba(255,255,255,0.2),

      0 0 0 6px rgba(255,255,255,0.2)

      ;

    }

    100% {

      box-shadow: 0 0 0 4px rgba(255,255,255,0.2),

      0 0 0 6px rgba(255,255,255,0.2),

      0 0 0 8px rgba(255,255,255,0.2)

      ;

    }

  }

.banner .bg .circle:nth-child(2){

    left: 64vw;

    top: 6vw;

}

.banner .bg .circle:nth-child(3){

    left: 64.5vw;

    top: 14vw;

}

.banner .bg .circle:nth-child(4){

    left: 65vw;

    top: 15vw;

}

.banner .bg .circle:nth-child(5){

    left: 63.9vw;

    top: 16.8vw;

}

.banner .bg .circle:nth-child(6){

    left: 65.5vw;

    top: 17.7vw;

}

.banner .bg .circle:nth-child(7){

    left: 67.8vw;

    top: 17.7vw;

}

.banner .bg .circle:nth-child(8){

    left: 63vw;

    top: 20vw;

}

.banner .bg .circle:nth-child(9){

    left: 68.2vw;

    top: 20.5vw;

}

.banner .bg .circle:nth-child(10){

    left: 60vw;

    top: 20.5vw;

}

.banner .bg .circle:nth-child(11){

    left: 69.2vw;

    top: 21.8vw;

}

.banner .bg .circle:nth-child(12){

    left: 64.5vw;

    top: 23.5vw;

}

.banner .bg .circle:nth-child(13){

    left: 56.5vw;

    top: 23.8vw;

}

.banner .bg .circle:nth-child(14){

    left: 55.5vw;

    top: 24.9vw;

}

.banner .bg .circle:nth-child(15){

    left: 56.8vw;

    top: 26vw;

}

.banner .bg .circle:nth-child(16){

    left: 58.5vw;

    top: 24.8vw;

}

.banner .bg .circle:nth-child(17){

    left: 69.4vw;

    top: 25.3vw;

}

.banner .bg .circle:nth-child(18){

    left: 69.9vw;

    top: 24vw;

}

.banner .bg .circle:nth-child(19){

    left: 68.6vw;

    top: 23.8vw;

}

.banner .bg .circle:nth-child(20){

    left: 68.1vw;

    top: 24.8vw;

}

.banner .bg .circle:nth-child(21){

    left: 69vw;

    top: 27vw;

}

.banner .bg .circle:nth-child(22){

    left: 68.5vw;

    top: 28vw;

}

.banner .bg .circle:nth-child(23){

    left: 66.8vw;

    top: 29.8vw;

}

.banner .bg .circle:nth-child(24){

    left: 63.8vw;

    top: 29.6vw;

}

.banner .bg .circle:nth-child(25){

    left: 64.6vw;

    top: 29.9vw;

}

.banner .bg .circle:nth-child(26){

    left: 65.2vw;

    top: 30.3vw;

}

.banner .bg .circle:nth-child(27){

    left: 65.3vw;

    top: 30.9vw;

}

.banner .bg .circle:nth-child(28){

    left: 64.1vw;

    top: 30.5vw;

}

.banner .bg .circle:nth-child(29){

    left: 63.5vw;

    top: 30.1vw;

}

.banner .bg .circle:nth-child(30){

    left: 59.8vw;

    top: 36vw;

}

.banner .bg .circle:nth-child(31){

    left: 61vw;

    top: 38vw;

}

.region{

    height:108px;

    background:#4d8342;

    box-shadow:25px 0px 80px rgba(0,0,0,0.1);

    margin-top:29px;

    margin-bottom: 50px;

    line-height: 100px;

    font-size: 0;

}

.region form > div{

    width: calc((100% - 150px) / 3);

    margin-left: 40px;

    display: inline-block;

    position: relative;

}

.region form label{

    font-size:20px;

    

    font-weight:400;

    color:rgba(255,255,255,1);

    margin-right: 15px;

}

.business .manage.manage_align_cen > div{

    padding: 21px 0 21px 0;

}

.region form select{

    width: 265px;

    height:36px;

    background:rgba(255,255,255,1);

    border:none;

    outline: none;

    font-size: 15px;

    line-height: 36px;

    padding-left: 10px;

    color:rgba(191,190,190,1);

}

:-ms-input-placeholder{

    color:rgba(191,190,190,1);

    font-size: 15px;

    line-height: 36px;

}

::placeholder{

    color:rgba(191,190,190,1);

    font-size: 15px;

    line-height: 36px;

}

::-webkit-input-placeholder{

    color:rgba(191,190,190,1);

    font-size: 15px;

    line-height: 36px;

}

.region form select option{

    font-size:14px;

    

    font-weight:400;

    color:rgb(104, 102, 102);

    line-height:32px;

}

.region form select option:nth-child(1){

    font-size:14px;

    

    font-weight:400;

    color:rgba(191,190,190,1);

    line-height:32px;

}

.head_Icon{

    position: absolute;

    left: 67vw;

    top: 28.1vw;

    width: 130px;

    text-align: left;

    z-index: 1000;

}

.head_Icon:hover{

    cursor: pointer;

}

.head_Icon img{

    width:22px!important;

    height: 22px;

}

.head_Icon span{

    font-size:16px;

    font-family:MicrosoftYaHei-Bold;

    font-weight:bold;

    color:rgba(0,53,134,1);

}

.region form button{

    position: absolute;

    right:0;

    top:-7px;

    width:72px;

    height:36px;

    background:#4d8342;

    font-size:14px;

    

    font-weight:400;

    color:rgba(255,255,255,1);

    line-height:32px;

}

.region form button:hover{

    cursor: pointer;

}

select[id="business"]{

    transform: translateZ(0) translateY(-1px);

}

.region form input[id="userName"]{

    width: 265px;

    height:36px;

    line-height: 36px;

    padding-left: 10px;

    font-size: 15px;

    background:rgba(255,255,255,1);

    border:none;

    outline: none;

    position: relative;

    transform: translateZ(0) translateY(-7px);

}

.list2 h3{

    font-size:32px;

    

    font-weight:bold;

    color:rgba(51,51,51,1);

    line-height:32px;

    margin-bottom: 50px;

    display: block;

    width:100%;

    float: left;

}

.list2 h3 i{

    font-size: 34px;

    margin-left: 15px;

    color:#818181;

}

.list2 > div{

    width: 100%;

    background: rgba(248,248,248,0.8);

    position: relative;

    z-index: 2;

    float: left;

    margin-bottom: 30px;

    height: 200px;

    margin: 15px 0;

    padding: 15px 0;

}

.list2 > div:nth-of-type(odd){

    margin-right: 30px;

}

.list2 > div ul{

    margin-top:33px;

    margin-left: 41px;

}

.list2 > div ul li i{

    color:#70b063;

    font-size: 20px;

    margin-right: 11px;

}

.list2 > div ul li p{

    font-size:14px;

    

    font-weight:400;

    color:rgba(102,102,102,1);

    line-height:24px;

    display: inline-block;

    min-width: 40px;

    vertical-align: top;

}

.list2 > div ul li p:nth-child(even){

    margin-right: 10px;

    max-width: 85%;

}

.list2 > div ul li:nth-child(1){

    font-size:18px;

    font-family:Microsoft YaHei-Bold;

    font-weight:bold;

    color:#4d8342;

    line-height:30px;

    margin-bottom:12px!important;

}

.list2 .div{

    background: transparent!important;

}

.list2 .div >span.button{

    display: inline-block;

    width:158px;

    height:50px;

    border:1px solid rgba(228,228,228,1);

    font-size:14px;

    

    font-weight:400;

    color:rgba(153,153,153,1);

    line-height:50px;

    text-align: center;

    margin:10px auto 20px auto;

    position: relative;

    left:50%;

    transform: translateX(-50%);

}

.userName{

    position: relative;

    display: inline-block;

    line-height: 36px;

}

.list h3{

    font-size:32px;

    

    font-weight:bold;

    color:rgba(51,51,51,1);

    line-height:32px;

    margin-bottom: 50px;

    display: block;

    width:100%;

    float: left;

}

.list h3 i{

    font-size: 34px;

    margin-left: 15px;

    color:#818181;

}

.list > div{

    width: calc((100% - 34px) / 2);

    background: rgba(248,248,248,0.8);

    position: relative;

    z-index: 2;

    float: left;

    margin-bottom: 30px;

    height: auto;

    margin: 15px 0;

    padding: 15px 0;

}

.list > div:nth-of-type(odd){

    margin-right: 30px;

}

.list > div ul{

    margin-top:33px;

    margin-left: 41px;

}

.list > div ul li i{

    color:#70b063;

    font-size: 20px;

    margin-right: 11px;

}

.list > div ul li p{

    font-size:14px;

    

    font-weight:400;

    color:rgba(102,102,102,1);

    line-height:24px;

    display: inline-block;

    min-width: 40px;

    vertical-align: top;

}

.list > div ul li p:nth-child(even){

    margin-right: 10px;

    max-width: 85%;

}

.list > div ul li:nth-child(1){

    font-size:18px;

    font-family:Microsoft YaHei-Bold;

    font-weight:bold;

    color:#4d8342;

    line-height:30px;

    margin-bottom:12px!important;

}

.list .div{

    background: transparent!important;

}

.list .div >span.button{

    display: inline-block;

    width:158px;

    height:50px;

    border:1px solid rgba(228,228,228,1);

    font-size:14px;

    

    font-weight:400;

    color:rgba(153,153,153,1);

    line-height:50px;

    text-align: center;

    margin:10px auto 20px auto;

    position: relative;

    left:50%;

    transform: translateX(-50%);

}

.div_con{

    text-align: center;

    margin-top: .5rem;

}

.div_con a{

    margin:10px auto 20px auto;

    position: relative;

    width:140px;

    height:50px;

    background:#4d8342;

    border-radius:25px;

    font-size:14px;

    

    font-weight:400;

    color:#ffffff;

    display: block;

    text-align: center;

    line-height: 50px;







}

.list .div >span.button:hover{

    cursor: pointer;

}

.head .top{

    height: auto;

    position: relative;

}

.list >span.button:hover{

    cursor: pointer;

    background: #70b063;

    color:#ffffff;

}

.business{

    width:100%;

    height:auto;

    background:rgba(245,245,245,1);

    position: relative;



}

.business .bg{

    width:100%;

    height: auto;

    z-index: 0;

    top:-80px;

}

.business .info,.business .variety{

    background: #ffffff;

    position: relative;

    z-index: 1;

}

.business .box1{

    padding:30px 30px 40px 30px;

}

.business h3{

    font-size:26px;

    

    font-weight:bold;

    color:rgba(51,51,51,1);

    margin-bottom: 12px;

}

.business .info p{

    font-size:16px;

    

    font-weight:400;

    color:#4d8342;

    display: inline;

}

.business-range{

    font-size:16px;

    

    font-weight:400;

    color:rgba(153,153,153,1);

    display: block;

    margin-bottom: 10px;

}

.info-area{

    width:100%;

    height: auto;

    margin-top: 15px;

}

.marg-top2{

    margin-top: 30px;

}

.fsc-btn .circle-bg:hover{

    cursor: pointer;

}

.info-area .title{

    width:100%;

    background: #4d8342;

    font-size: 0;

}

.wood .contact .box {

    width:calc((100% - 110px) / 2);

    background:rgba(248,248,248,1);

    padding: 30px 40px 40px;

    float: left;

    margin-right: 30px;

}

.wood .contact .box:nth-child(even){

    margin-right: 0;

}

.wood .contact .title {

    margin-bottom: 15px

}

.wood .contact .title i{

    color:#4d8342;

    font-size: 24px;

}

.title-h3-3{

   margin:30px 0!important; 

}

.wood .contact .title i span{

    font-size:24px;

    font-family:Microsoft YaHei-Bold;

    font-weight:bold;

    color:#4d8342;

    margin-left: 5px;

}

.wood .contact .title > span{

    display: block;

    float: right;

    font-size:16px;

    font-family:Microsoft YaHei-Bold;

    font-weight:bold;

    color:rgba(102,181,229,1);

}

.wood .contact .box > span {

    font-size:16px;

    

    font-weight:bold;

    color:#333333;

    line-height:26px;

    display: block;

}

.wood .contact .box > span p{

    font-size:16px;

    

    color:#666666;

    line-height:26px;

}

.info-area .title span,

.info-area .cont span{

    text-align: center;

    display: inline-block;

    font-size: 18px;

    color:rgba(153,153,153,1);

    border-bottom: 1px solid rgba(235, 235, 235, 1);

    border-right:  1px solid rgba(235, 235, 235, 1);

}

.business .map{

    text-align: center;

    margin:120px auto;

    position: relative;

    width:62%;

}

.business .map img{

    margin:auto; 

    width:100%;

    display: block;

}

.info-area .title span{

    color:#ffffff;

   line-height: 24px;

   padding:18px 0;    

}

.marg-top{

    margin-top:10px;

}

.info-area .cont .row span{

    line-height: 24px;

    padding: 33px 0;

    white-space: nowrap;

    overflow-x: auto;

}

::-webkit-scrollbar

{

    width: 3px;

    height: 3px;

    background-color: rgb(236, 236, 236);

}

.info-area .cont .row{

    font-size: 0;

    background: #ffffff;

}

.info-area .cont .row:nth-child(even){

    background: #f7f7f7;

}

.info-area .title span:nth-child(1),

.info-area .cont .row span:nth-child(1){

    width:16%;

    border-left:  1px solid rgba(235, 235, 235, 1);

}

.info-area .title span:nth-child(2),

.info-area .cont .row span:nth-child(2){

    width:30%;

}

.info-area .title span:nth-child(3),

.info-area .cont .row span:nth-child(3){

    width:54%;

}

.business h4{

    font-size:20px;

    

    font-weight:bold;

    color:rgba(51,51,51,1);

    margin:30px 0 20px 0;

}

.ind_body h4 {

    font-size: 20px;

    font-family: Microsoft YaHei;

    font-weight: bold;

    color: rgba(51,51,51,1);

    margin: 30px 0 20px 0;

}

.business .sev_box div{

    width:calc((100% - 120px) / 5);

    background:rgba(245,245,245,1);

    text-align: center;

    margin-left: 30px;

    float: left;

}

.business .sev_box div:nth-child(1){

    margin-left: 0;

}

.business .sev_box span:nth-child(1){

    width:54px;

    height:54px;

    background:#4d8342;

    border-radius:27px;

    display: inline-block;

    margin:25px 0 18px 0;

}

.business .sev_box div span.deep{

    background:#4d8342;

}

.business .sev_box span:nth-child(2){

    font-size:16px;

    font-family:PingFang-SC-Heavy;

    font-weight:800;

    color:rgba(51,51,51,1);

    display: block;

    line-height: 18px;

}

#pro_show_imgs .right .box div img{

    height: 90%!important;

    max-width: 90%!important;

}

.business .sev_box p{

    font-size:14px;

    width: 80%;

    display: inline-block;

    font-family:PingFang-SC-Medium;

    font-weight:500;

    color:rgba(126,126,126,1);

    margin:16px 0 22px 0;

    line-height: 20px;

}

h4{

    margin:0;

    padding: 0;

}

.spacing{

    margin: 16px 20px 22px 20px!important;

}

#business-products .sev_box > div span{

    float: left;

    margin: auto 0;

}

#business-products .lease-width > div:nth-child(3n+1){

    clear: left;

    float: left;

}

#business-products .sev_box2 > div:nth-child(4n+1){

    clear: left;

    float: left;

}

.lease{

    background: #ffffff!important;

}

.bus_process .process > div{

    width:auto;

    height: 32px;

    position: relative;

    margin-bottom: 20px;

}

.bus_process .process2 > div{

    height: 64px;

}

.bus_process .process span{

    position: absolute;

    top: 0;

}

.process:nth-child(4) > div{

    transform: translate(-539px,626px);

}

.bus_process .process span.num_1{

    right: 0;

}

.bus_process .process span.num_2{

    right: 0;

}

.bus_process .process span.num_3{

    left: 0;

}

.bus_process .process span.num_4{

    left: 0;

}

.bus_process .process span.num_5{

    left: 0;

}

.bus_process .process span.num_6{

    left: 0;

}

.bus_process .process span.num_7{

    right: 0;

}

.bus_process .process span.num_8{

    left: 0;

}

.bus_process .process span.num_9{

    left: 0;

}



.bus_process .process.img{

    width:300px;

    height:183px;

    background:#4d8342;

    border-radius:10px;

    display: flex;

    align-items: center;

    position: relative;

}

.bus_process .process.img:nth-child(5){

    position: absolute;

    bottom: 67px;

    left: 50%;

    margin-left: -171px;

}

.bus_process .process.img .bg{

    opacity: 0;

}

.bus_process .process.img:hover .bg{

    z-index: 10;

    opacity: 1;

    cursor: pointer;

    animation: opacitys 1s ease;

}

@keyframes opacitys{

    0%{opacity: 0;}

    100%{opacity: 1;}

}

@-o-keyframes opacitys{

    0%{opacity: 0;}

    100%{opacity: 1;}

}

@-moz-keyframes opacitys{

    0%{opacity: 0;}

    100%{opacity: 1;}

}

@-webkit-keyframes opacitys{

    0%{opacity: 0;}

    100%{opacity: 1;}

}

.process.img .box{

    margin:auto auto;

}

.process.img .box div{

    display: inline-block;

}

.process.img .box div span{

    font-size: 24px;

    font-family: MicrosoftYaHei;

    font-weight: bold;

    color: rgba(255,255,255,1);

    line-height: 24px;

    background: transparent;

    margin-bottom: 5px;

    width: auto;

    position: relative;

}

.process.img .box div p{

    font-size:12px;

    font-family:MicrosoftYaHei;

    font-weight:400;

    color:rgba(255,255,255,1);

}

.process.img i{

    font-size: 40px;

    color: #ffffff;

    transform: translateY(-5px);

    display: inline-block;

    margin-right: 15px;

}

.bus_process h4{

    font-size:30px;

    

    font-weight:bold;

    color:rgba(51,51,51,1);

    line-height:36px;

    margin: 30px 0;

    width: 100%;

}

.bus_process .process:nth-child(2){

    width:538px;

    margin-left: 70px;

    height: 183px;

}



.bus_process span{

    display: block;

    background: #70b063;

    font-size:16px;

    font-weight:bold;

    color:rgba(255,255,255,1);

    margin-bottom: 20px;

    line-height: 32px;

    position: relative;

}

.span_r{

    border-radius:0 5px 5px 0;

}

.span_l{

    border-radius:5px 0 0 5px;

}

.bus_process span p.text{

    white-space: nowrap;

    overflow: hidden;

}

.bus_process span p.p_l{

    width: 0;

    height: 0;

    display: block;

    border-top: 16px solid transparent;

    border-right: 16px solid #70b063;

    border-bottom: 16px solid transparent;

    position: absolute;

    left: -16px;

    top: 0;

}

.bus_process span p.p_r{

    width: 0;

    height: 0;

    display: block;

    border-top: 16px solid transparent;

    border-left: 16px solid #70b063;

    border-bottom: 16px solid transparent;

    position: absolute;

    right:-16px;

    top:0;

}

.bus_process .odd{

    margin-left:7.5px;

    padding-left:70px;

}

.bus_process .even{

    margin-left:-7.5px;

    padding-left:84px;

}

.process{

    margin-bottom: 30px;



}

.process:nth-child(4){

    transform: rotate(45deg);

    margin-top: 100px;

    margin-left: 59px;

    text-align: center;

}

.process:nth-child(4) span:nth-child(1){

    width:300px;

    margin-left:50px;

   margin-bottom: 40px;

}

.process:nth-child(4) > div:nth-child(2) span{

    margin-left:0;

}

.process:nth-child(4) span:nth-child(2){

    width:400px;

}

.process:nth-child(5) {

    margin-top:200px;

}

.process:nth-child(6) {

    transform: rotate(-45deg);

    margin-top: 100px;

    position: relative;

    left: -136px;

}

.process:nth-child(6) > div{

    transform: translate(-219px,241px);

}

.process:nth-child(6) > div:nth-child(1) span {

    transform: translate(333px,0);

}

.process:nth-child(6) span{

    width:315px;

    text-align: center;

}

.process:nth-child(6) span:nth-child(1){

    margin-left: 7.5px;

}

.lease-body{

    background: #ffffff!important;

}

.bus_process{

    background: rgba(245,245,245,1);

    padding: 60px 0;

    position: relative;

    height: 817px;

    overflow: hidden;

}

.bus_process > img.bg{

    top: unset;

    z-index: 0;

    bottom: -168px;

}

#business-products div.sev_box2 > div{

    width: calc((100% - 90px) / 4);

    display: block;

    background:rgba(35,139,216,1);

    position: relative;

    padding: 27px 10px;

}

.equipment{

    position: absolute;

    right: -20px;

    bottom: -23px;

    width: 115px;

    height: 110px;

}

#business-products div.sev_box2 > div:hover{

    background:#12488B;

    cursor: pointer;

}

#business-products div.sev_box2 > div span{

    margin:0;

    display: block;

    font-size:12px;

    

    font-weight:400;

    color:rgba(255,255,255,1);

    width: 100%!important;

}

#business-products div.sev_box2 > div p{

    margin:0;

    display: block;

    text-align: left;

    font-size:20px;

    

    font-weight:400;

    color:rgba(255,255,255,1);

    line-height:36px;

}

#business-products div.sev_box2 > div:nth-child(4){

    margin-left: 30px;

}

.map-info{

    width:100%;

}

.map-info .left{

    max-width: 45%;

}

.map-info .right{

    max-width: 55%;

}

.map-info .left span,.map-info .right span{

    width: 100%;

}

#business-products .sev_box > div{

    width: calc((100% - 60px) / 3);

    display: flex;

    align-items: center;

    padding: 20px 10px;

    margin-bottom: 10px;

}

.map-info .business-range{

    margin-bottom: 0px!important;

}

#business-products .map{

    margin: 120px auto 60px auto;

}

#business-products .sev_box > div:nth-child(4){

    margin-left: 0;

}

#business-products .sev_box span:nth-child(1){

    margin:0 20px 0 20px; 

}

#business-products .sev_box span:nth-child(2){

    text-align: left;

    width:calc(100% - 60px - 55px);

}

.business .sev_box a{

    font-size:14px;

    font-weight:500;

    color:#70b063;

}

.business .sev_box i{

    color:#ffffff;

    display: inline-block;

    font-size: 18px;

    transform: translateY(50%);

    margin-top:5px;

}

.business .manage > div{

    border:1px solid rgba(232,232,232,1);

    margin-left: 30px;

    width:calc((100% - 60px) / 3);

    text-align: center;

    float: left;

    line-height:1!important;

    padding:14px 0 21px 0;

}

.business .manage > div:nth-child(1){

    margin-left: 0px;

}

.business .manage i{

    font-size:62px;

    color:#C9C9C9;

    margin-right: 15px;

}

.business .manage span{

    font-size:30px;

    font-weight:550;

    color:#4d8342;

    display: inline-block;

    line-height: 26px;

    text-align: left;

}

.business .manage p{

    font-size:16px;

    

    font-weight:400;

    color:rgba(153,153,153,1);

    display: inline;

}

.head .step {

    position: relative;

    z-index: 101;

    display: flex;

    flex-wrap: wrap;

}

.variety .right{

    width:calc(80% - 2px);

    height:auto;

    background:rgba(245,245,245,1);

    border:1px solid rgba(235, 235, 235, 1);

}

.variety {

    margin-top:25px;

}

.variety .left{

    width:20%;

    height: 100%;

    background:#4d8342;

    position: relative;

}

.business_left_bg{

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: -1;

}

.variety .left .cont span{

    display: block;

    width:100%;

    padding: 0 30px;

}

.brand_box{

    position: relative;

    overflow: hidden;

    left:0;

    transition: left 0.5s ease;

}

.brand{

    overflow: hidden;

    margin-bottom:160px;

}

.pulp .business-range{

    display: block;

}

.business.pulp .sev_box div{

    width: calc((100% - 120px) / 4);

}

.pulp .business-range:nth-child(2){

    margin-bottom: 16px;

}

.partner h4{

    font-size:32px;

    

    font-weight:bold;

    color:rgba(51,51,51,1);

    line-height:32px;

    margin:0;

    margin-bottom: 14px;

}

.partner .box{

    font-size: 0;

}

.partner .box > div{

    width:calc((100% - 100px) / 4);

    height:131px;

    background:rgba(255,255,255,1);

    border:2px solid rgba(240, 240, 240, 1);

    display: inline-block;

    margin:36px 0 0px 30px;

}

.partner .box > div img{

    width:100%;

    height: 100%;

}

.partner .box div:nth-child(4n+1){

    margin-left: 0;

}

.brand_show{

    float: left;

    width:100%;

}

.last-div{

    width:100%;

    text-align: center;

    margin:55px 0 15px 0;

}

.scroll-width2{

    position: relative;

    z-index: 10;

}

.circles{

    display: inline-block;

    width:10px;

    height: 10px;

    background: #cccccc;

    border-radius: 10px;

    margin-right: 10px;

}

.circles:hover{

    cursor: pointer;

}

.black{

    background: #656363;

}

.variety .left .title{

    width: 100%;

    height: 125px;

    line-height: 125px;

    border-bottom: 1px solid rgba(255,255,255,0.2);

    padding: 0 30px;

    opacity: 0.9;

    position: relative;

}

.variety .left .title span{

    font-size:26px;

    font-weight:bold;

    color:rgba(255,255,255,1);

    line-height:125px;

    display: inline-block;

    width:90%;

}

.variety .left .title i{

    color: #ffffff;

    font-size: 10px;

    position: absolute;

    top: 50%;

    right: 30px;

    margin-top: -5px;

    display: inline-block;

    line-height: 1;

    transition: right .7s ease;

}

.variety .left .cont span{

    font-size:16px;

    

    color:rgba(255,255,255,1);

    line-height:80px;

    border-bottom: 1px solid rgba(255,255,255,0.2);

}

.variety .left .cont ul{

    width:100%;

    margin-left: 20px;

    height: 0;

    overflow: hidden;

    transition: height 0.5s ease;

}

.variety .left .cont ul.showHeight{

    height: auto;

    transition: height 0.5s ease;

}

.variety .left .cont ul.showHeight2{

    height: 0!important;

}

.variety .left .cont li{

    font-size: 14px;

    font-family: Microsoft YaHei;

    color: rgba(255,255,255,1);

    line-height: 50px;

    opacity: 0.8;

}

.variety .left .cont a:last-child{

    display: block;

    margin-bottom: 30px!important;

}

.variety .left .cont span:hover{

    background: #70b063;

    cursor: pointer;

}

.partner{

    width:100%;

    height: auto;

    background: #ffffff;

    margin-top: 40px;

    padding: 58px 0;

    position: relative;

}

.FSC-COC {

    width: 100%;

    height: auto;

    padding-bottom: 72px;

    position: relative;

    background: #ffffff;

    z-index: -1;

    margin-top: 40px;

}

.FSC-COC .footers{

    background: #F5F5F5;

    position: relative;

    z-index: -3;

}

.FSC-COC .container{

    padding-top:170px;

    padding-bottom: 30px;

}

.FSC-COC > .container div h3{

    font-size:24px;

    font-weight:bold;

    color:rgba(51,51,51,1);

}

.partner2{

    margin-top:0!important;

}

.FSC-COC .left img{

    margin-top: 124px;

}

.FSC-COC > .container .left{

    margin-top: 120px;

}

.FSC-COC .container .title{

    top: 45px;

    font-size:30px;

    

    font-weight:400;

    color:rgba(51,51,51,1);

    line-height:36px;

}

.fsc-btn{

    position: absolute;

    right: 0;

    top: 280px;

}

.fsc-btn .circle-bg{

    width:44px;

    height:44px;

    background:rgba(190,190,190,0.6);

    border-radius:22px;

    display: inline-block;

    line-height: 44px;

    text-align: center;

}

.fsc-btn .circle-bg:nth-child(1){

    transform: rotate(180deg);

}

.fsc-btn span:nth-child(2){

    font-size:16px;

    

    font-weight:bold;

    color:#4d8342;

    margin-left: 5px;

}

.fsc-btn span:nth-child(3){

    font-size:14px;

    

    font-weight:400;

    color:rgba(208,208,208,1);

}

.fsc-box {

    position:absolute!important;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

}

.fsc-btn span:nth-child(4){

    font-size:14px;

    

    font-weight:400;

    color:rgba(208,208,208,1);

    margin-right: 5px;

}

.fsc-btn .circle-bg i{

    color:#ffffff;

}

.blue{

    background: #70b063!important;

}

.variety .left .cont i{

    font-size:14px;

    

    font-weight:bold;

    color:rgba(255,255,255,1);

    line-height:80px;

    opacity:0.3;

    float: right;

}

.variety .right{

    background: #ffffff;

    padding: 25px 0;

    font-size: 0;

}

.variety .right .box{

    text-align: center;

    /*margin-left: 30px;*/

    display: inline-block;

    vertical-align: top;

    width: 33%;

    padding: 10px;

}

.variety .right .box span{

    font-size:16px;

    font-weight:bold;

    color:rgba(51,51,51,1);

    margin:5px 0;

    display: block;

    width:100%;

}

.variety .right .box div{

    width:100%;

    height:100%;

    border:2px solid rgba(240, 240, 240, 1);

    display: flex;

    align-items: center;

    padding:10%;

    overflow: hidden;

}

.variety .right .box div:hover{

    cursor: pointer;

}

.variety .right .box div:hover img{

    transform: scale(1.3);

    transition: transform 0.5s ease;

}

.variety .right .box div img{

    margin: auto;

}

.menu-btn span{

    font-size:22px;

    

    font-weight:bold;

    color:rgba(154,154,154,1);

}

.menu-btn span:nth-child(3){

    padding-bottom: 18px;

}

.menu-btn span:nth-child(2){

    margin:0 20px 0 30px;

}

.menu-btn span.active{

    font-size:26px;

    

    font-weight:bold;

    color:rgba(51,51,51,1);

    padding-bottom: 18px;

    border-bottom: 3px solid #4d8342;

    background: transparent!important;

}

.business .line {

    width: 100%;

    height: 1px;

    background: rgba(230,230,230,1);

    margin-bottom: 38px;

    margin-top: 13px;

    position: relative;

    z-index: -1;

}

.margin-40{

    margin-top:40px;

}

.brand-intro{

    font-size: 0;

    margin-bottom: 40px;

}

.brand-intro-box{

    width: 450px;

    background: #70b063;

    overflow: hidden;

    position: relative;

    padding:62px 0 0 50px;

    height: 100%;

    display: inline-block;

}

.brand-intro-box .title{

    font-size:24px;

    font-family:Microsoft YaHei-Bold;

    font-weight:bold;

    color:rgba(255,255,255,1);

    line-height:26px;

    display: block;

}

.brand-intro-box .line-white{

    width:37px;

    height:5px;

    background:rgba(255,255,255,1);

    display: block;

    margin-top:22px;

}

.num_01,.num_02,.num_03,.num_04,.num_05,.num_06,.num_07,.num_08,.num_09{

    height: 0!important;

    overflow: hidden;

}

.num_1,.num_2,.num_3,.num_4,.num_5,.num_6,.num_7,.num_8,.num_9{

    overflow: unset;

}

.num_2{

    right: 0;

}

.num_1,.num_5,.num_8{

    width: 315px!important;

    animation: showWidth1 1.5s ease;

    -webkit-animation: showWidth1 1.5s ease;

}

@keyframes showWidth1{

    0%{width:0px;opacity: 0;}

    50%{opacity:1;}

    100%{width:315px}

}

@-moz-keyframes showWidth1{

    0%{width:0px;opacity: 0;}

    50%{opacity:1;}

    100%{width:315px}

}

@-webkit-keyframes showWidth1{

    0%{width:0px;opacity: 0;}

    50%{opacity:1;}

    100%{width:315px}

}

.num_2,.num_3,.num_7,.num_9{

    width: 538px!important;

    animation: showWidth2 1.5s ease;

    -webkit-animation:showWidth2 1.5s ease;

}

@keyframes showWidth2{

    0%{width:0px;opacity: 0;}

    50%{opacity:1;}

    100%{width:538px}

}

@-moz-keyframes showWidth2{

    0%{width:0px;opacity: 0;}

    50%{opacity:1;}

    100%{width:538px}

}

@-webkit-keyframes showWidth2{

    0%{width:0px;opacity: 0;}

    50%{opacity:1;}

    100%{width:538px}

}

.num_4{

    width: 300px!important;

    animation: showWidth3 1.5s ease;

    -webkit-animation: showWidth3 1.5s ease;

}

@keyframes showWidth3{

    0%{width:0px;opacity: 0;}

    50%{opacity:1;}

    100%{width:300px}

}

@-moz-keyframes showWidth3{

    0%{width:0px;opacity: 0;}

    50%{opacity:1;}

    100%{width:300px}

}

@-webkit-keyframes showWidth3{

    0%{width:0px;opacity: 0;}

    50%{opacity:1;}

    100%{width:300px}

}

.num_6{

    width: 400px!important;

    animation: showWidth4 1.5s ease;

    -webkit-animation: showWidth4 1.5s ease;

}

@keyframes showWidth4{

    0%{width:0px;opacity: 0;}

    50%{opacity:1;}

    100%{width:400px}

}

@-moz-keyframes showWidth4{

    0%{width:0px;opacity: 0;}

    50%{opacity:1;}

    100%{width:400px}

}

@-webkit-keyframes showWidth4{

    0%{width:0px;opacity: 0;}

    50%{opacity:1;}

    100%{width:400px}

}

.brand-intro-box .numb{

    font-size: 200px;

    font-family: BaronNeue;

    font-weight: 400;

    color: #2F8CC5;

    position: absolute;

    right: 26px;

    bottom: -48px;

    display: block;

    line-height: 200px;

    width: 165px;

    z-index: 0;

}

.brand-intro .right{

    display: inline-block;

    width:calc(100% - 450px);

    height: auto;

    min-height: 195px;

    padding: 21px 30px;

    background:rgba(247,247,247,1);

}

.brand-intro .right span{

    font-size:16px;

    

    font-weight:400;

    color:rgba(153,153,153,1);

    line-height:25px;

    display: block;

    height: 75px;

    overflow: hidden;

}

.brand-intro .right span:nth-child(1){

    margin-bottom: 15px;

}

.brand .box1 {

    padding: 30px 30px 1px 30px;

}

.brand-products{

    min-height: 351px;

    background: #ffffff;

    position: relative;

    z-index: 0;

}

.brand-products .box{

    position: relative;

}

.brand-products .box .cont{

    padding:55px 0 0 30px;

    width:calc(100% - 572px);

    margin-top:40px;

}

.brand-products .image-box{

    width:572px;

    height: 351px;

    position: absolute;

    top:0;

    right: 0;

}

.brand-products .image-box .cover{

    width:572px;

    height: 351px;

    position: absolute;

    top:0;

    right: 0;

    background: linear-gradient(left,rgba(255,255,255,0.8),rgba(255,255,255,0),rgba(255,255,255,0));

    background: -webkit-linear-gradient(left,rgba(255,255,255,0.8),rgba(255,255,255,0),rgba(255,255,255,0));

    z-index: 100;

}

.brand-products .box img{

    width:572px;

    height: 351px;

    filter:blur(3px);

}

.brand-products h4{

    font-size:24px;

    

    font-weight:bold;

    color:rgba(51,51,51,1);

    line-height:26px;

    margin-top:0;

    margin-bottom: 40px;

}

.brand-products span,.brand-products p{

    font-size:16px;

    

    font-weight:400;

    color:rgba(153,153,153,1);

    line-height:30px;

}

.brand-products span{

    display: block;

}

.brand-products p{

    display: inline;

}

.brand-contact{

    background: #ffffff;

    height: 170px;

    width: 100%;

}

.brand-contact .container{

    position: relative;

    transform: translateY(-120px);

    height: 270px;

    background: #ffffff;

    border:1px solid rgba(229, 229, 229, 1);

    z-index: 1;

}

.brand-contact .container > .left{

    background:rgba(138,175,79,1);

    width:50%;

    height: 100%;

}

.brand-contact .container > .left .left {

    padding:60px 0 10px 60px;

    width:50%;

}

.brand-contact .container > .left .left span,

.brand-contact .container > .left .left strong{

    font-size:18px;

    

    color:rgba(255,255,255,1);

}

.brand-contact .container > .left .left i{

    font-size: 20px;

    margin-right: 5px;

}

.brand-contact .container > .left .left .store{

    font-size: 16px;

}

.brand-contact .container .right{

    display:flex;

    align-items: center;

    height: 100%;

    width: 50%;

}

.brand-contact .container .right img,

.brand-contact .container .right div{

    display: inline-block;

    margin:auto 0;

}

.brand-contact .container .right span{

    font-size:16px;

    

    font-weight:bold;

    color:rgba(51,51,51,1);

    line-height:30px;

}

.brand-contact .container .right p{

    font-size:24px;

    

    font-weight:bold;

    color:rgba(51,51,51,1);

    line-height:30px;

}

.brand-contact .container .right div{

    margin-left: 20px;

}

.brand-contact .container .right img{

    margin-left: 10px;

}

.partner3 .box > div img{

    transform: scale(0.5)

}

.partner-contact{

    width:775px;

}

.partner3 .box > div{

    float: left;

}



.partner-contact span{

    font-size:16px;

    

    font-weight:400;

    color:rgba(153,153,153,1);

    line-height:30px;

}

.partner-contact .left{

    width:50%;

}

.partner-contact .right{

    width:35%;

}

.partner3 .contact{

    margin-top:57px;

    margin-bottom: 35px;

}

.business .sev_box span p{

    color:#ffffff;

    font-size:24px;

    font-weight:bold;

    margin:0;

    line-height: 54px;

    color:rgba(162,214,247,1);

}

@media screen and (max-width: 1600px){

    .business .map{

        margin: 146px auto 120px auto;

    }

}

@media screen and (max-width: 1400px){

}

@media screen and (max-width: 1300px){

    .bus_process .boxs {

        width: 1278px;

        height: 710px;

        transform: scale(0.8);

    }

}

@media screen and (max-width: 1200px){

    .bus_process .boxs{

        transform: scale(0.7);

    }

}

.content_box{

    float: left;

    width: 48.5%;

    padding: 40px 5%;

    margin-left: 3%;

    margin-bottom: 10px;

    background: rgba(245,245,245,1);

    min-height: 160px;

}

.content_box:nth-child(even){

    margin-left: 0

}

@media screen and (max-width: 1100px){

    .business .map{

        margin: 80px auto !important;

    }

    .business .map{

        width: 70%;

    }

    .bus_process .boxs{

        height: auto;

    }

    .inner_bus4 img{

        top: -15px;

    }

    .content_box{

        width: 100%;

        padding: 20px 5%;

        margin-left: 0;

        min-height: auto;

    }

    .list.lista .div >span.button{

        margin-left: -92px;

        transform: translateX(0);

    }

    .variety .right .box span{

        font-size: 13px;

        overflow: hidden;

    }

    .info-area .cont .row span{

        padding: 15px 0;

    }

    #business-products div.sev_box2 > div p{

        font-size: 16px;

        line-height: 25px;

        min-height: 25px;

        height: 25px;

    }

    #business-products .sev_box2 span:nth-child(2){

        font-size: 12px!important;

        height: 12px;

        overflow: hidden;

    }

    .menu-btn span.active{

        font-size: 20px;

    }

    .menu-btn span{

        font-size: 18px;

    }

    .mr-bt-20{

        margin-bottom: 16px!important;

    }

    .brand_show{

        float: left;

        width:100vw;

    }

    .bus_process > img.bg{

        display: none;

    }

    #business-products .sev_box span:nth-child(1){

        margin: 0 10px 0 20px;

    }

    .bus_process{

        overflow: hidden;

        position: relative;

        padding: 30px 15px;

        height: auto;

        background:transparent;

    }

    .bus_process h4{

        font-size: 18px;

        margin-bottom: 0;

    }

    #business-products .sev_box span:nth-child(2){

        font-size: 17px;

        width: calc(100% - 40px - 24px);

    }

    .products_width{

        width:233%!important;

    }

    .full_cover{

        position: fixed;

        top:0;

        left: 0;

        width: 100vw;

        height: 100vh;

        background: #ffffff;

        z-index: 100;

    }

    .bus_process .container{

        overflow-x: auto;

    }

    .products_width > div{

        width:calc((100% - 25px) / 3)!important;

    }

    .bus_process .boxs {

        transform: scale(0.4) translate(-75%,-42%);

    }

    .bus_process .process.img:nth-child(5) {

        bottom: -343px;

    }

    .business .sev_box i {

        transform: translateY(0%);

        margin-top: 2px;

    }

    #business-products div.sev_box2 > div span{

        font-size: 12px!important;

        height: 24px;

        line-height: 12px;

    }

    #business-products div.sev_box2 > div:nth-child(4) {

        margin-left: 0px;

    }

    .brand-intro-box {

        width: 100%;

        padding: 30px 0 30px 30px;

        height: auto;

    }

    .partner-contact{

        width: 100%;

    }

    .lease-body .business .sev_box span p{

        margin:0!important;

    }

    .partner-contact span {

        font-size: 14px;

        margin-left: 10px;

        display: inline-block;

        width: calc(100% - 20px);

    }

    .partner3 .contact {

        margin-top: 25px;

        margin-bottom: 6px;

    }

   .business h4.move1{

        color: #333 !important;

        opacity: 1!important;

    }

    .brand-intro-box .numb {

        font-size: 120px;

        right: -37px;

        bottom: -60px;

        opacity: 0.3;

    }

    .brand-intro:nth-child(2) .brand-intro-box .numb{

        right: -60px;

    }

    .brand-intro .right {

        width: 100%;

        padding: 10px;

        text-align: justify;

        margin-bottom: 20px;

        min-height: 120px;

    }

    .brand-products .image-box{

        z-index: -1;

        opacity: 0.5;

    }

    .brand-contact .container > .left .left {

        padding: 30px 0 10px 30px;

        width: 50%;

    }

    .brand-contact .container{

        height: 200px;

        transform: translateY(0px);

    }

    .brand{

        margin-bottom: 40px;

    }

    .partner-contact .right{

        width:100%;

    }

    .partner-contact .left{

        width:100%;

    }

    .partner3 .box > div{

        min-height: 81px;

    }

    .brand-contact .container > .left{

        width: 100%;

    }

    .brand-contact .container .right{

        width:100%;

    }

    .brand-contact .container .right div{

        display: none;

    }

    .brand-products .box .cont {

        width: 100%;

        padding: 30px 20px;

    }

    .brand-intro{

        margin-bottom: 0px;

    }

    .brand-intro .right span{

        font-size: 13px;

    }

    .brand-intro-box .title{

        font-size: 20px;

    }

    .brand-intro-box .line-white {

        width: 37px;

        height: 3px;

        margin-top: 12px;

    }

    .m-hide{

        display: none!important;

    }

    .FSC-COC .container .title {

        top: 20px;

        font-size: 22px;

        margin-left:10px;

    }

    .FSC-COC > .container .left {

        margin-top: 20px;

    }

    .FSC-COC > .container img:nth-child(2) {

        margin-right: 0;

    }

    .fsc-btn .circle-bg{

        width: 30px;

        height: 30px;

        border-radius: 15px;

        line-height: 30px;

    }

    .fsc-btn{

        right: 9px;

        top: 22px;

    }

    .FSC-COC{

        padding-bottom: 25px;

    }

    .FSC-COC > div:nth-child(2){

        height: 100px;

        bottom: 25px;

    }

    .FSC-COC .container{

        padding-bottom: 0px;

    }

    .FSC-COC .left img {

        margin-top: 15px;

    }

    .FSC-COC > .container > img{

        width: 41%;

         margin-left: 6%;

    }

    .FSC-COC .container{

        padding-top:80px;

    }

    .spacing{

        margin:16px 30px 22px 30px!important;

    }

    .map-info{

        width:100%;

    }

    .map-info > .left{

        width:48%;

    }

    .map-info > .right{

        width:52%;

    }

    .lease-width{

        width:233%!important;

    }

    .lease-width > div{

        width: calc(100% / 3 - 8px)!important;

    }

    .business.pulp .sev_box div{

        width: calc(100% / 4 - 8px);

    }

    .business.pulp .sev_box {

        width: 215%;

    }

    .business .sev_box p{

        height: 40px;

        overflow: hidden;

    }

    .partner {

        margin-top: 25px;

        padding: 10px 0 40px 0;

    }

    .partner .box > div{

        width: calc((100% / 2) - 15.5px);

        height: auto;

        margin: 10px 0 0 10px;

    }

    .partner h4{

        font-size: 20px;

        margin-left: 10px;

    }

    .partner .box div:nth-child(1), .partner .box div:nth-child(5){

        margin: 10px 0 0 10px;

    }

    .brand_box{

        max-height: unset;

    }

    .business h4{

        font-size: 20px;

    }

    .variety .right .box{

        margin-left:10px;

        width: calc((100% - 45px) / 4);

    }

    .business .variety{

        width: 100%;

        display: block;

    }

    .variety .right{

        clear: left;

        float: none;

        width:100%;

    }

    .variety .right .box div{

        display: block;

    }

    .variety .left .cont span{

        width:100px;

        line-height: 50px;

        float: left;

        white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

        padding: 0;

        text-align: center;

    }

    .variety .three-menu li{

        width:90px;

        line-height: 50px;

        float: left;

        display: block;

        white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

        padding: 0;

        text-align: center; 

    }

    .variety .left .cont ul{

        width: 100%;

        height: 48px;

        overflow: hidden;

        display: none;

    }

    .variety .left .cont{

        width:100%;

        overflow-x: auto;

    }

    .variety .left .cont i{

        display: none;

    }

    .variety .left {

        width: 100%;

        height: auto!important;

    }

    .business_left_bg{

        display: none;

    }

    .variety .left .title {

        width: 100%;

        height: 60px;

        line-height: 80px;

        padding:0 20px;

    }

    .variety .left .title span{

        font-size: 18px;

        line-height: 60px;

    }

    .variety .left .cont span{

        font-size: 14px;

    }

    .scroll-width{

        width: 100%;

        height: auto;

        overflow-x: auto;

        overflow-y: hidden;

    }

    .business .sev_box{

        width:300%;

    }

    .business .sev_box p{

        display: inline-block;

        margin: 16px 10px 22px 10px!important;

        min-height: 40px;

    }

    .business .manage > div{

        margin-left: 0;

        width: 100%;

        margin-bottom: 5px;

        display: flex;

        align-items: center;

    }

    .business .manage > div > .manage_box{

        margin: auto;

        text-align: left;

        min-width: 248px;

    }

    .business .sev_box div{

        margin-left: 0;

        margin-right: 8px;

        width:calc((100% / 5) - 8px)

    }

    .business .sev_box span:nth-child(1){

        text-align: center;

        width: 35px;

        height: 35px;

    }

    .business .sev_box span p{

        font-size: 20px;

        line-height: 35px;

    }

    .wood .contact .box {

        width: 100%;

        background: rgba(248,248,248,1);

        padding: 10px;

        float: unset;

        margin-right: 0;

        margin-bottom: 15px;

    }

    .wood .contact .box > span,

    .wood .contact .box > span p,

    .wood .contact .title > span{

        font-size: 13px;

    }

    .wood .contact .title i,

    .wood .contact .title i span{

        font-size: 18px;

    }

    .business .info p{

        font-size: 14px;

    }

    .info-area{

        width:100%;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

    }

    .info-area::-webkit-scrollbar {/*滚动条整体样式*/

        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/

        height: 3px;

    }

.info-area::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

        border-radius: 10px;

        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

        background: #4d8342;

    }

.info-area::-webkit-scrollbar-track {/*滚动条里面轨道*/

        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

        border-radius: 10px;

        background: #EDEDED;

    }

    .info-area .title span,

 .info-area .cont span{

        font-size: 14px;

    }

    .big-width{

        width:200%;

    }

    .business .box1 {

        padding: 20px 15px;

    }

    .business-range {

        font-size: 14px;

        line-height: 24px;

        margin-bottom: 0px;

        text-align: justify;

    }

    .map-info .business-range{

        text-align: left;

        font-size: 13px;

    }

    .business h3{

        font-size: 20px;

        margin-bottom: 10px;

    }

    .container2{

        width:100%;

    }

    .head .top{

        height: 50px;

    }

    #business .top{

        height: auto;

    }

    #business_list .banner .bg{

        animation: none;

    }

    .region{

        height: auto;

        line-height: 50px;

        padding: 15px 0;

        box-shadow: none;

        margin-top: 0;

        margin-bottom: 0;

        background: rgb(38, 97, 170);

        position: relative;

        left: 0;

        top: 0;

    }

    .region form > div{

        width: calc(100% - 25px);

        text-align: center;

        margin-left: 10px;

        height: 36px;

    }

    .region form label{

        width: 67px;

        font-size: 16px;

        display: inline-block;

        text-align: left;

        line-height: 16px;

    }

    .region form select,.region form .userName{

        width:calc(100% - 93px);

    }

    .region form input[id="userName"]{

        width: 100%;

    }

    #business_list .banner{

        /*height: calc(100vh - 80px);*/

        overflow: hidden;

        height: auto;

    }

    #business_list .bg{

        transform: translate(-14%,73%) scale(2.5);

    }

    #business_list .bg.m-cnMap {

        transform: translate(0) scale(1);

        height: auto;

        top: 0;

        position: relative;

        left: 0;

    }

    .circle{

        width: 2px;

        height: 2px;

    }

    #business_list{

        background: rgb(38, 97, 170);

        z-index: -1;

        /*height: 100vh;*/

    }

    @keyframes ripple {

    0% {

        box-shadow: 0 0 0 1px rgba(255,255,255,0.2),

        0 0 0 2px rgba(255,255,255,0.2),

        0 0 0 3px rgba(255,255,255,0.2)

        ;

    }

    100% {

        box-shadow: 0 0 0 2px rgba(255,255,255,0.2),

        0 0 0 3px rgba(255,255,255,0.2),

        0 0 0 4px rgba(255,255,255,0.2)

        ;

    }

    }

    .icon-caidan, .icon-guanbi{

        color:#cccccc;

    }

    .list h3{

        margin:15px 0;

        font-size: 22px;

    }

    .list > div{

        width: calc(100% - 30px);

        height: auto;

        margin: 15px;

    }

    .list > div ul{

        margin: 15px;

    }

    .list h3 i{

        font-size: 26px;

    }

    .brand-products span, .brand-products p{

        color: #000;

    }

    .business.pulp .sev_box2{

        width: 100%;

    }

    #business-products div.sev_box2 > div{

        width: calc((100% - 10px) / 2);

        overflow: hidden;

    }

    #business-products div.sev_box2 > div:nth-child(2n)

    {

        margin-right: 0;

    }

    #business-products div.sev_box2 > div:nth-child(2n +1){

        clear: left;

        float: left;

    }

    .last-div{

        margin-top: 10px;

    }

    .partner .box div:nth-child(4n+1){

        margin-left: 10px;

    }

}

@media screen and (max-width: 768px){

    .partner .box > div img {

        max-height: 73px;

    }

    .business .map{

        margin: 30px auto !important;

    }

    .business .map{

        width: 100%;

    }

    .big-width {

        width: 280%;

    }



}

@media screen and (max-width: 350px){

    .bus_process .process.img:nth-child(5) {

        bottom: -343px;

    }

    .big-width {

        width: 310%;

    }

}



.head .step{

    display: flex;

}

.head .step > div{

    margin-top: 1px;

    width:calc((100% - 4px)/ 5);

    background: #ededed;

    float: left;

    display: flex;

    align-items: center;

    height: 80px;

    border-right: 1px solid rgba(255,255,255,1);

    /*transform:translateZ(0) translateY(-42px);*/

}

.head .step > div.active{

    background: #0079c3;
}
.head .step div.active span{
    color:white !important;
}
.head .step i{

    font-size: 32px;

    color: #ffffff;

    margin-right: 10px;

    display: inline-block;

}

.head .step > div div{

    display: inline-block;

}

.head .step > div > div{

    margin:auto;

    height: 50px;

    line-height: 50px;

}

.head .step div span:nth-child(1){

    font-size:16px;

    

    font-weight:400;

    color:rgba(14,14,14,1);

    line-height:18px;

    display: block;

    width: 100%;

    text-align: left;

}

.head .step div span:nth-child(2){

    font-size: 14px;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: rgba(255,255,255,1);

    line-height: 12px;

    display: block;

    text-align: left;

    text-transform: uppercase;

    transform: scale(0.75);

    transform-origin: 0 50% 0;

}

@media screen and (max-width: 1350px){

    .head ul li {

      margin-right: 2.5vw;

  }

}

@media screen and (max-width: 1100px){

    .head .step i {

        font-size: 18px;

        color: #ffffff;

        margin-right: 0px

    }

}

