.pcbox{
    display: block!important;
}

.phonebox{
    display: none!important;
}

.pcflex{
    display: flex!important;
}

.phoneflex{
    display: none!important;
}

.whyban-c2 {
    display: none ;
}


.navmob-hidden{
    width:0px!important;
    overflow: hidden;
    transition: all .1s linear 100ms ; 
-webkit-transition: all .1s linear 100ms;
}
.navx-mob-menu{
    display: none;
    width: 0px;
    flex: 1;
    text-align: right;
}
.navmob-modalbg{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
width:100%;
height:100%;
min-height:30px;
margin:0px 0px;
padding:0px 0px;
background:#000;
position:fixed;
z-index:99999999;
left:0px;
top:0px;
opacity:0.3;
transition: all .1s linear 100ms ; 
-webkit-transition: all .1s linear 100ms;
}

.navmob-modal{
    transition: all .1s linear 100ms ; 
-webkit-transition: all .1s linear 100ms;
box-sizing:border-box;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
width:70%;
height:100%;
min-height:30px;
margin:0px 0px;
padding:0px 0px;
background:#fff;
position:fixed;
z-index:999999999;
left:0px;
top:0px;
opacity:1;
}

.navmob-navmob{
box-sizing:border-box;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
width:100%;
height:100%;
min-height:30px;
margin:0px 0px;
padding:0px 0px;
}

.navmob-navmob-t{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
width:100%;
height:auto;
min-height:30px;
margin:0px 0px;
padding:0px 0px;
}

.navmob-navhead{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
width:100%;
height:50px;
min-height:30px;
margin:0px 0px;
padding:0px 0px;
border-bottom: solid 1px #eee;
}

.navmob-navhead-l{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
width:50%;
height:50px;
min-height:30px;
margin:0px 0px;
padding:0px 10px;
}

.navmob-navhead-l .img1{
width:auto;
height:30px;
min-height:30px;
margin:0px 0px;
padding:0px 0px;
object-fit:cover;
}

.navmob-navhead-r{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
width:30px;
height:auto;
min-height:30px;
margin:0px 0px;
padding:0px 0px;
}

.navmob-navhead-r>.label-close{
margin:0px 0px;
padding:0px 0px;
font-size:20px;
font-weight:normal;
color:red;
cursor:pointer;
}

.navmob-navmob-b{
box-sizing:border-box;
flex:1;
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:center;
width:100%;
height:0;
min-height:30px;
margin:0px 0px;
padding:0px 0px;
overflow-x:hidden;
overflow-y:auto;
}

.navmob-navtree-c{
box-sizing:border-box;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
width:100%;
height:auto;
min-height:30px;
margin:0px 0px;
padding:0px 0px;
background:#fff;
}

.navmob-navtree-on{
box-sizing:border-box;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
width:100%;
height:30px;
min-height:30px;
margin:0px 0px;
padding:0px 0px 0px 20px;
background:#ffdbdb;
cursor:pointer;
}

.navmob-navtree-menu-on{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
width:100%;
height:auto;
min-height:30px;
margin:0px 0px;
padding:0px 0px;
}

.navmob-navtree-menu-on>.label-arrow{
margin:0px 5px 0px 0px;
padding:0px 0px;
font-size:14px;
font-weight:normal;
color:red;
cursor:pointer;
}

.navmob-navtree-menu-on>.label-text{
padding:0px 0px;
font-size:14px;
font-weight:bold;
color:red;
cursor:pointer;
}

.navmob-navtree{
box-sizing:border-box;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
width:100%;
height:auto;
min-height:40px;
margin:0px 0px;
padding:0px 0px 0px 20px;
cursor:pointer;
}

.navmob-navtree-menu{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
width:100%;
height:auto;
min-height:40px;
margin:0px 0px;
padding:0px 20px 0 0px;
cursor:pointer;
}

.navmob-navtree-menu>.label-arrow{
margin:0px 5px 0px 0px;
padding:0px 0px;
font-size:14px;
font-weight:normal;
color:#666;
cursor:pointer;
}

.navmob-navtree-menu>.label-text{
padding:0px 0px;
font-size:14px;
font-weight:bold;
color:#000;
cursor:pointer;
}
/*--------自适应--------*/


@media screen and (max-width: 1920px) {
    
}

@media screen and (max-width: 960px) {
    .pcbox{
        display: none!important;
    }
    .phonebox{
        display: block!important;
    }
    .pcflex{
        display: none!important;
    }
    .phoneflex{
        display: flex!important;
    }
    
   
   
   
   
.mob-contact {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 15px 0px;
    border-bottom: solid 1px #ddd;
}

.mob-contact>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    color: #666;
}

.mob-contact>.link2 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 24px;
    font-weight: bold;
    color: #36B37E;
    text-decoration: none;
}

.mob-contact>.link2:hover {
    color: #36B37E;
    text-decoration: none;
}

.mob-contact>.link2:active {
    color: #36B37E;
    text-decoration: none;
}

.mob-contact>.link2:visited {
    color: #36B37E;
    text-decoration: none;
}

.mob-contact>.label3 {
    padding: 0px 0px;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    color: #666;
}

.mob-contact>.label4 {
    padding: 0px 0px;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    color: #666;
}

/*--------自适应--------*/
   
   
   
   .header-top-c {
       width: 100%;
        height: 47px;
        display: none;
    }
 
    .header {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    height: 80px;
    margin: 0px 0px;
    padding: 0px 10px;
}
   .header-l>a>.img1 {
    width: auto;
    height: 35px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
} 

  .header-r {
    display: none;
}
    
    .header-m {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}
.header-m>label.fa{
    font-size: 26px;
    font-weight: bold;
}
    
    
    .mainnav {
display: none;
}
    
    .subban-c {
    box-sizing: border-box;
    display: none;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
    background-size: cover;
    position: relative;
    height: 550px;
    overflow: hidden;
    background-position: 65% center !important;
}
.subban-c>img{
    width: 100%;
    height: auto;
}
   .subban {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 600px;
    margin: 0px auto;
    padding: 0px 0px;
    position: absolute;
    z-index: 999;
    bottom: 0px;
    left: 0px;
} 
.subban-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px 30px 0;
    padding: 0px 10px;
}
.subban-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 0%;
    height: 0px;
    margin: 0px 0px;
    padding: 0px 0px;
}

 .subbantext-t>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}   
    
    
    .subbantext-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 10px 0px;
}

.subbantext-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 10px 0px;
}
    .subbantext-m>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
    color: #fff;
}
    .subbantext-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 10px 0px;
}
    .subbantext-b>.link1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 47px;
    margin: 0px 0px;
    padding: 0px 30px;
    border-radius: 10px;
    background: #36B37E;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}
    
    
    
    .best-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 10px 0px;
    background: #fff;
}
 .best {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
}   
    
    .best-t>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
    
   .best-m>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #333;
} 
    
   .best-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0;
    position: relative;
} 
    .swiper_best {
    width: 100%;
    height: auto;
    margin: 20px 0 30px 0;
}
    .best-next {
    position: absolute;
    width: 32px;
    right: -10px;
    height: 32px;
    background-color: #fff;
    border-radius: 100%;
    border: solid 2px #ccc;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 999;
    cursor: pointer;
    top: 50%;
}
    
    .best-prev {
    position: absolute;
    width: 32px;
    left: -10px;
    top: 50%;
    height: 32px;
    background-color: #fff;
    border-radius: 100%;
    border: solid 2px #ccc;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 999;
    cursor: pointer;
}
    
    .inspir-prev {
    position: absolute;
    width: 42px;
    left: 0px;
    top: 50%;
    height: 42px;
    background-color: #fff;
    border-radius: 100%;
    border: solid 2px #ccc;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 999;
    cursor: pointer;
}
    .inspir-next {
    position: absolute;
    width: 42px;
    right: 0px;
    height: 42px;
    background-color: #fff;
    border-radius: 100%;
    border: solid 2px #ccc;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 999;
    cursor: pointer;
    top: 50%;
}
    
    
 .foot-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 10px 0px 0 0;
    background: #242424;
}   
  
  .footbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0px 10px;
}  
    .footbox-t>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    color: #fff;
}
    .footbox-t>.label2 {
    padding: 0px 0px;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    color: #fff;
}

.footbox-m1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content:flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.footbox-m1-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 20px auto;
    padding: 0px 0px;
}

.footbox-m1-b-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 20px 0px 0 0;
    padding: 0px 0px;
}


.footbox-m1-b-b>.input1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 50px;
    margin: 10px 0px 10px 0px;
    padding: 0px 10px;
    border: solid 0px #ccc;
    border-radius: 0px;
    background: #2F2F2F;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    color: #999;
    outline: none;
}

.footbox-m1-b-b>.input2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 50px;
    margin: 10px 0px 10px 0px;
    padding: 0px 10px;
    border: solid 0px #ccc;
    border-radius: 0px;
    background: #2F2F2F;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    color: #666;
    outline: none;
}
.footbox-m1-b-b>.button3 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    margin: 10px 0px;
    padding: 0px 0px;
    border: solid 0px #ccc;
    border-radius: 0px;
    background: #36B37E;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    outline: none;
    cursor: pointer;
}

.footbox-m2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 30px 0px;
    border-top: solid 1px #333;
}

.footmenu {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.footbox-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
    border-top: solid 1px #333;
}

.footbox-b-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 10px 0px;
}

.footbox-b-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 10px 0px;
}



















.together-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
    background: #F8F9F9;
}

.together {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
}

.together-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.together-t>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

.together-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.together-m>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #333;
}

.together-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.together-b-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 400px;
    margin: 10px 0px;
    padding: 0px 0px;
    border-radius: 10px;
    background-size: contain;
}

.together-b-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 250px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.together-b-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.together-b-a-b-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 30px 40px;
}

.together-b-a-b-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.together-b-a-b-a-a>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.together-b-a-b-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.together-b-a-b-a-b>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}

.together-b-a-b-a-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.together-b-a-b-a-c>.link1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 50px;
    margin: 0px 0px;
    padding: 0px 40px;
    border: solid 1px #fff;
    border-radius: 10px;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}




















.homeindustry-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 10px;
    background: #F8F9F9;
}

.homeindustry {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.homeindustry-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0px 0px;
}

.homeindustry-t>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.homeindustry-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0px 0px;
}

.homeindustry-m>.label1 {
    margin: 20px 0;
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

.homeindustry-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.homeindustry-b-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0px 0px;
    position: relative;
}


.swiper_industry .swiper-slide img {
    display: block;
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.swiper_industry {
    width: 100%;
    height: auto;
    overflow: visible !important;
    margin-top: 80px;
}

.swiper_industry .swiper-pagination {
    bottom: -50px !important;
}

.swiper_industry .swiper-pagination-bullet {
    width: 50px;
    height: 3px;
    text-align: center;
    line-height: 14px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: #ccc;
    margin: 0 20px;
    border-radius: 0px;
}

.swiper_industry .swiper-pagination-bullet-active {
    color: #fff;
    background: #36B37E;
}

.swiper_industry .swiper-button-next {
    width: 42px;
    right: 50px;
    height: 42px;
    /*background: url(/static/index/images/left-arr.png) center center no-repeat;*/
}

.swiper_industry .swiper-button-prev {
    width: 42px;
    left: 50px;
    height: 42px;
    /*background: url(/static/index/images/left-arr.png) center center no-repeat;*/
}

/*
.swiper_industry .swiper-button-next:after,
.swiper_industry .swiper-button-prev:after {
    content: '';
}
*/
/*--------自适应--------*/



.homeindustryitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px;
    border: solid 1px #eee;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.homeindustryitem-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.homeindustryitem-t>a>.img1 {
    width: 100%;
    height: 400px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.homeindustryitem-t>a {
    display: block;
    width: 100%;
    height: auto;
}

.homeindustryitem-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 50px;
    min-height: 50px;
    margin: 0px 0px;
    padding: 10px 20px;
}

.homeindustryitem-m>.link1 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

.homeindustryitem-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 5px 20px 30px 20px;
}

.homeindustryitem-b>.link1 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    text-decoration: none;
}

.homeindustryitem-b>.link1:hover {
    color: #333;
    text-decoration: none;
}

.homeindustryitem-b>.link1:active {
    color: #333;
    text-decoration: none;
}

.homeindustryitem-b>.link1:visited {
    color: #333;
    text-decoration: none;
}


.industry-next {
    position: absolute;
    width: 42px;
    right: 0px;
    height: 42px;
    background-color: #fff;
    border-radius: 100%;
    border: solid 2px #ccc;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 999;
    cursor: pointer;
    top: 0%;
}

.industry-prev {
    position: absolute;
    width: 42px;
    right: 70px;
    top: 0%;
    height: 42px;
    background-color: #fff;
    border-radius: 100%;
    border: solid 2px #ccc;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 999;
    cursor: pointer;
}

.industry-next label,
.industry-prev label {
    font-size: 30px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
}





















.hoemgoods-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
    background: #F8F9F9;
}

.homegoods {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
}

.homegoods-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.homegoods-t-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.homegoods-t-a-a {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.homegoods-t-a-a>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.homegoods-t-a-a>.label2 {
    margin: 20px 0px;
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

.homegoods-t-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.homegoods-t-a-b>.link1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 50px;
    margin: 0px 0px;
    padding: 0px 20px;
    border: solid 1px #333;
    border-radius: 6px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

.homegoods-t-a-b>.link1:hover {
    color: #fff;
    text-decoration: none;
    background-color: #36B37E;
    border: solid 1px #36B37E;
}


.homegoods-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.homegooditem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px;
    border: solid 1px #eee;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.homegooditem-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.homegooditem-t>a>.img1 {
    width: 100%;
    height: 300px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.homegooditem-t>a {
    display: block;
    width: 100%;
    height: auto;
}

.homegooditem-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 10px 20px;
}

.homegooditem-m>.link1 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

.homegooditem-m>.link1:hover {
    color: #333;
    text-decoration: none;
}

.homegooditem-m>.link1:active {
    color: #333;
    text-decoration: none;
}

.homegooditem-m>.link1:visited {
    color: #333;
    text-decoration: none;
}

.homegooditem-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 100px;
    overflow: hidden;
    margin: 0px 0px;
    padding: 5px 20px 30px 20px;
}

.homegooditem-b>.link1 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    text-decoration: none;
}

.homegooditem-b>.link1:hover {
    color: #333;
    text-decoration: none;
}

.homegooditem-b>.link1:active {
    color: #333;
    text-decoration: none;
}

.homegooditem-b>.link1:visited {
    color: #333;
    text-decoration: none;
}

/*--------自适应--------*/
.homeservice {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 20px 0px 0 0;
    padding: 0px 0px;
}

.homeservice-e {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 20px 0px;
    background: #FBFBFB;
}

.homeservice-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
    background: #fff;
}

.homeservice-t>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}
.servicex-tab-content.on {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 100px;
    margin: 10px 10px;
    padding: 10px 0px;
}
.service-tabrow {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 10px 0px;
    padding: 20px 20px;
    border: solid 1px #eee;
    border-radius: 10px;
    background: #E5FFF1;
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px 0px;
}   
    .servicex-nav-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
    border-bottom: solid 1px #ddd;
    background: #fff;
}
  .servicex-nav-item-on {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin: 0px 0px;
    padding: 10px 20px;
    border-bottom: solid 2px #333;
    cursor: pointer;
}  
      .servicex-nav-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin: 0px 0px;
    padding: 10px 20px;
    cursor: pointer;
}  
    
    .service-brow {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}
    
    
    .homeservice-f {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 20px 0px;
    background: #FBFBFB;
}
    
    .homeservice-f>.label2 {
    padding: 0px 0px;
    text-align: center;
    font-size: 22px;
    font-weight: normal;
    color: #333;
}
    
    
   
.faq-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 40px 0px;
    background: #fff;
}

.faq {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 10px;
}

.faq-con {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
}

.faq-con-l {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 20px 0 0;
    width: 300px;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: top;
    justify-content: flex-start;
}

.vnav {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 20px 30px;
    border-radius: 10px;
    background: #012c44;
}

.vnav-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 20px 0px;
    border-bottom: solid 1px #325468;
    cursor: pointer;
}

.vnav-item>.label-text {
    padding: 0px 0px;
    font-size: 16px;
    font-weight: normal;
    color: #ccc;
    cursor: pointer;
}

.vnav-item>.label-text:hover {
    color: #ccc;
    text-decoration: none;
}

.vnav-item>.label-text:active {
    color: #ccc;
    text-decoration: none;
}

.vnav-item>.label-text:visited {
    color: #ccc;
    text-decoration: none;
}

/*--------自适应--------*/


.faq-con-r {
    flex: 1;
    box-sizing: border-box;
    margin: 0 0 0 0px;
    padding: 0 0 0 0;
    width: 0px;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.faq-title {
    box-sizing: border-box;
    margin: 0 0 10px 0;
    padding: 0 0 0 10px;
    width: 100%;
    height: 50px;
    text-align: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-weight: bold;
    font-size: 30px;
    color: #022c44;
}

.faq-title>a {
    font-weight: bold;
    font-size: 30px;
    color: #022c44;
}

.faq-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.faq-t>.label1 {
    padding: 0px 0px;
    font-size: 30px;
    font-weight: bold;
    color: #000;
    text-align: center;
}

.faq-m {
    display: none;
    
}

.faq-m>.label1 {
    padding: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #666;
    line-height: 1.8;
    text-align: center;
}

.faq-b {
    box-sizing: border-box;
    clear: both;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 20px 0px 20px 0;
    padding: 0px 0px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.faqrow {
    float: left;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 10px 0 0 0px;
    min-height: 30px;
    padding: 10px 10px;
    border: solid 1px #ddd;
    border-radius: 10px;
    background: #fff;
}



.faqrow-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 10px 10px;
    cursor: pointer;

}

.faqrow-t-l {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.faqrow-t-l>.label-title {
    padding: 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    text-align: left;
}

.faqrow-t-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    width: 40px;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.faqrow-t-r>.label1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: 0px 0px;
    padding: 0px 0px;
    border-radius: 100%;
    background: #9af9c3;
    font-size: 14px;
    font-weight: normal;
    color: #069603;
    cursor: pointer;
}

.faqrow-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 10px 0px;
    padding: 10px 10px;
    border-top: solid 1px #eee;
    display: none;
    text-align: left;
}

.faqrow-m>.label1 {
    padding: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #999;
    text-align: left;
} 
    
    
    
    .contactban {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 70px;
    margin: 0px auto;
    padding: 0px 10px;
    border-radius: 35px;
    background: #F9F9FE;
}
    
    .homeservice-m1>.label1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0px 10px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
    color: #333;
}
    
    
.position {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 40px;
    margin: 0px auto;
    padding: 0px 10px;
    white-space: wrap;
    word-wrap: break-word;
    word-break: break-all;
}   
.position>.label5{
    white-space: wrap;
    word-wrap: break-word;
    word-break: break-all;
}
    
    
    
.nmproducts-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 10px 0px;
    background: #fff;
}

.nmproducts {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0px 0px;
}

   .nmproducts-msg-m>.label1 {
    width: 100%;
    padding: 0px 20px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.6;
    color: #666;
} 
    
    
    .nmgoodbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 30px 0px;
    padding: 0px 0px;
}

.nmgoodbox-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px 0px 10px;
    border-bottom: solid 1px #eee;
}

    .nmgoodbox-t-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0px 0px;
}

.nmgoodbox-t-a>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #333;
}

.nmgoodbox-t-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 10px auto;
    padding: 0px 0px;
}
    
    .nmgoodbox-t-a>.label2 {
    margin: 5px 0px;
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}
    
    
    .nmgoodbox-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 20px 0px;
    padding: 0px 0px;
    position: relative;
}

   .progoodlistitem-t>a>.img1 {
    width: 100%;
    height: 350px;
    margin: 0px 0px;
    padding: 0px 0px;
    border-radius: 8px;
    object-fit: cover;
} 
    
    .proexcell-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px 30px 0;
    padding: 10px 0px;
    background: #fff;
}

.proexcell-c-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.proexcell-c-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 10px;
}

.proexcell-c-a-a>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #333;
}

.proexcell-c-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 10px 0px;
}

.proexcell-c-a-b>.link1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0px 0px;
    padding: 10px 40px;
    border-radius: 6px;
    background: #3AAD67;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}
    
    
    
    .footbox-m1-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0px 0px;
    flex: 1;
}
    
    .footbox-m1-a-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 10px auto;
    padding: 0px 0px;
}
    
    
    
    .rcmd-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 10px 0px;
    background: #fff;
}
.rcmd {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}    
    
   .rcmd-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 10px;
} 
.rcmd-t>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}
   .rcmd-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
} 
    
   .rcmd-m>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #333;
} 
    
  
    .recmdtab-nav-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
    border-bottom: solid 1px #ddd;
    background: #fff;
}
    
    .recmdtab-nav-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 50px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    cursor: pointer;
    border-bottom: solid 1px #ddd;
}
    
    .recmdtab-nav-item-on {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 50px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    border-bottom: solid 2px #36B37E;
    cursor: pointer;
}
    
    .recmdtab-nav-item>.label-text {
    padding: 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-align: center;
    cursor: pointer;
}
 .recmdtab-nav-item-on>.label-text {
    padding: 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-align: center;
    cursor: pointer;
}
  .inspiritem-t>a>.img1 {
    width: 100%;
    height: 400px;
    margin: 0px 0px;
    padding: 0px 0px;
    border-radius: 8px;
    object-fit: cover;
}  
    
    
    
    
  
.customsize-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 30px 10px;
    background: #E6C8A3;
}

.custbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.custbox-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}
.custbox-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}
.custbox-l-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 10px 0px;
    padding: 0px 0px;
}

.custbox-l-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 10px 0px;
    padding: 0px 0px;
}

.custbox-l-a-a>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.custbox-l-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px 50px 0px;
    padding: 0px 0px;
}

.custbox-l-a-b>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

.custbox-l-a-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.custrow {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 20px 0px;
    padding: 0px 0px;
}  
    
   .xmater-tab-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 20px auto;
    padding: 0px 10px;
    background: #fff;
} 
    
    .materitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 10px 0px;
    padding: 0px 0px;
    border: solid 1px #eee;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;
}
    
    
    
 .xmater-nav-c {
    box-sizing: border-box;
    display: block;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    height: 64px;
    margin: 0px 0px;
    padding: 0px 0px;
    border-bottom: solid 1px #ddd;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
}   
    
    .xmater-nav-item {
        width: auto;
    box-sizing: border-box;
    display: inline-block;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 50px;
    line-height: 50px;
    margin: 0px 0px;
    padding: 10px 20px;
    cursor: pointer;
}
    
     .xmater-nav-item-on {
        width: auto;
    height: 50px;
    line-height: 50px;
    display: inline-block;
}
    
    
    
   .subindustry-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 20px 0px;
    padding: 10px 0px;
    background: #fff;
}
 
    
    .subindustry-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0px 10px;
}
    
    .subindustry-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0px 10px;
}


    .solution-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
    background: #F4F1ED;
}
    
    .solutionx {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
}
    
    
    .solutionx-m1>.label1 {
    width: 100%;
    padding: 0px 0px;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #333;
}
    
   .solutionx-m2>.label1 {
    width: 100%;
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #333;
} 
    
    
    
.solutionx-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 20px 0px;
    padding: 0px 10px;
}

.solution-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 20px 0px;
    padding: 0px 0px;
}

.solutionx-b>.solution-item:nth-child(even){
    flex-direction: row-reverse;
}

.solution-item-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px 0px 0px;
}

.solution-item-l>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

.solution-item-l>.label2 {
    margin: 20px 0px;
    padding: 0px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
    color: #333;
}

.solution-item-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.solution-item-r>.img1 {
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
    border-radius: 10px;
    object-fit: cover;
}

    .solutionx-m2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}
    
    
    
    
   
.discount-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.discount-c-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 30px 20px;
}

.discount-c-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.discount-c-a-a>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 60px;
    font-weight: bold;
    color: #36B37E;
}

.discount-c-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.discount-c-a-b>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.discount-c-a-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.discount-c-a-c>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.6;
    color: #333;
}
 
    
    
    .rungoods-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 40px 0px;
    background: #F4F1ED;
}
    
   .rungoods-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
} 
    .rungoods-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
}

.rungoods-t>.label1 {
    width: 100%;
    padding: 0px 0px;
    text-align: center;
    font-size: 22px;
    font-weight: normal;
    color: #333;
    text-decoration: underline;
    text-align: center;
}
    
    .rungoods-m>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 22px;
    font-weight: normal;
    color: #333;
    text-decoration: underline;
}
    
    
.industnav-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 40px auto;
    padding: 0px 0px;
}    
    
    
    .industnav {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 48%;
    height: auto;
    margin: 10px 0px;
    padding: 20px 0px;
    border: solid 1px #ddd;
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px 0px;
}
    
    
    
    .rcmd2-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
    background: #fff;
}
    
 .rcmd2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}   
 .rcmd2-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 10px;
}   
.rcmd2-t>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}
    .rcmd2-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
}
    .rcmd2-m>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #333;
}
    
    
    .industmater-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
    background: #fff;
}
    .indmater {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}
    .indmater-m1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 20px 0px;
    padding: 0px 10px;
}
    
    .indmater-m1>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #000;
}
    
    .indmater-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 30px 0px 10px 0;
    padding: 0px 0px;
}
    
   .indmrow {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 20px 0px;
    padding: 0px 0px;
}














.services-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
    background: #fff;
}

.services1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
}

.services1-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.services1-l2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}


.services1-l-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}



.services1-l-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.services1-l-a-a>.img1 {
    width: 60px;
    height: 60px;
    margin: 0px 0px;
    padding: 0px 0px;
    border-radius: 5px;
    object-fit: cover;
}

.services1-l-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.services1-l-a-b>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 28px;
    font-weight: bold;
    color: #333;
}

.services1-l-a-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.services1-l-a-c>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.6;
    color: #333;
}

.services1-l-a-d {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 20px 0px;
    padding: 0px 0px;
}

.services1-l-a-d-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 5px 0px;
    padding: 0px 0px;
}

.services1-l-a-d-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.services1-l-a-d-a-a>.label1 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.services1-l-a-d-a-b {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.services1-l-a-d-a-b>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

.services1-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.services1-r>.img1 {
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}




.ser360-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 10px;
}
.ser360-m2>.label1 {
    width: 100%;
    margin: 20px 0px;
    padding: 0px 10px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    color: #333;
}
.ser360row {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 20px 0px;
    padding: 0px 0px;
}
    
    
 .startwithus {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
}   
    
    .startwithus-t>.label1 {
    width: 100%;
    padding: 0px 0px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}
    
    
    .startwithus-m>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    color: #333;
}
    
    
    
    .whyban-c2 {
    box-sizing: border-box;
    display: flex !important;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    width: 100%;
    height: 700px;
    margin: 0px 0px;
    padding: 0px 0px;
    background-size: contain !important;
}

    
    
    
.whyban-c {
    box-sizing: border-box;
    display: none !important;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: 700px;
    margin: 0px 0px;
    padding: 0px 0px;
    background-size: cover;
}

.whyban-c-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 30px 0px;
    padding: 0px 0px;
}

.whyban-c-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 10px 0px;
}

.whyban-c-a-a>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.whyban-c-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
}

.whyban-c-a-b>.label1 {
    width: 100%;
    padding: 0px 0px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

.whyban-c-a-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 10px;
}

.whyban-c-a-c>.label1 {
    width: 100%;
    padding: 0px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    color: #333;
}

    
    
    
    
    
    
.whyfirst-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 30px 0px;
    background: #fff;
}

.whyfirst {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
}

.whyfirst-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
    position: relative;
}

.whyfirst-l>.img1 {
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
    border-radius: 10px;
    object-fit: cover;
}

.whyfirst-l-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 30px 30px;
    border-radius: 10px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    position: absolute;
    z-index: 100;
    right: 0px;
    bottom: -60px;
}

.whyfirst-l-b>.img1 {
    width: 100%;
    height: auto;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.whyfirst-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.whyfirst-r-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.whyfirst-r-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.whyfirst-r-a-a>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    color: #3AAD67;
}

.whyfirst-r-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 30px 0px;
}

.whyfirst-r-a-b>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #333;
}

.whyfirst-r-a-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.whyfirst-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 48%;
    height: auto;
    margin: 20px 0px;
    padding: 0px 0px;
}

.whyfirst-item-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.whyfirst-item-t>.img1 {
    width: 60px;
    height: 60px;
    margin: 0px 0px;
    padding: 0px 0px;
    border-radius: 100%;
    object-fit: cover;
}

.whyfirst-item-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 15px 0px;
}

.whyfirst-item-m>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.whyfirst-item-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.whyfirst-item-b>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.6;
    color: #333;
}

/*--------自适应--------*/


.whysee-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
    background: #F2F2F2;
}

.whysee {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
    background: #F2F2F2;
}

.whysee-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.whysee-t>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.whysee-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 40px 10px;
}

.whysee-row {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.whysee-row-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.whysee-row-t>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    color: #3AAD67;
}

.whysee-row-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.whysee-row-m>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #3AAD67;
}

.whysee-row-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.whysee-row-b>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.6;
    color: #333;
}

.whysee-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.whysee-b>.link1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 0px 0px;
    padding: 10px 30px;
    border: none;
    border-radius: 5px;
    background: #3AAD67;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}

    
    
    
    
    
    
    
    
.whyres-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px 20px 0;
    background: #F2F2F2;
}

.whyres {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
}

.whyres-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.whyres-t>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #3AAD67;
}

.whyres-m1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 20px 0px;
    padding: 0px 0px;
}

.whyres-m1>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #333;
}

.whyres-m2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 20px 0px;
    padding: 0px 0px;
}

.whyres-m2>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.6;
    color: #333;
}

.whyres-m3 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.whyres-m3>.img1 {
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.whyres-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 30px 0px;
    padding: 0px 0px;
}

.whyres-row {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.whyres-row-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.whyres-row-t>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 30px;
    font-weight: bold;
    color: #3AAD67;
}

.whyres-row-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 10px 0px;
}

.whyres-row-m>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #3AAD67;
}

.whyres-row-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 10px 0px;
}

.whyres-row-b>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.6;
    color: #333;
}

    
    
    
    

.endless-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
    background: #fff;
}

.endless-box {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 30px 0px;
    padding: 0px 10px;
}

.endless-box-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.endless-box-t>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #3AAD67;
}

.endless-box-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.endless-box-m>.label1 {
    width: 100%;
    padding: 0px 0px;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #333;
}

.endless-box-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.endless-box-b>.label1 {
    width: 100%;
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.6;
    color: #333;
}

.endless-box-d {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 30px auto;
    padding: 0px 0px;
}

.endless-row {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 20px 0px;
    padding: 0px 0px;
}

.endless-row-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.endless-row-l>.img1 {
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
    border-radius: 10px;
    object-fit: cover;
}

.endless-row-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.endless-row-r-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.endless-row-r-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.endless-row-r-a-a>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 26px;
    font-weight: bold;
    color: #333;
}

.endless-row-r-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.endless-row-r-a-b>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.6;
    color: #333;
}
    
    
    
    
    
    
    
    
    
    
  
.contactx-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 10px 0px;
    background: #F9F9F9;
}

.contactbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
}

.contactbox-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 30px 0px 0 0;
}

.contactbox-l-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 80px;
    margin: 0px auto;
    padding: 0px 0px;
}

.contactbox-l-c>.img1 {
    width: auto;
    height: 50px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.contactbox-l-bx {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: 80px;
    margin: 0px 0px;
    padding: 0px 0px 0 10px;
}


.contactbox-l-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 30px 0px;
    padding: 0px 0px;
}

.contactbox-l-b>.label1 {
    margin: 0px 0px 0px 10px;
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

.contactbox-l-b>.link2 {
    margin: 0px 0px 0px 10px;
    padding: 0px 0px;
    font-size: 16px;
    font-weight: normal;
    color: #3AAD67;
    text-decoration: none;
}

.contactbox-l-b>.link2:hover {
    color: #3AAD67;
    text-decoration: none;
}

.contactbox-l-b>.link2:active {
    color: #3AAD67;
    text-decoration: none;
}

.contactbox-l-b>.link2:visited {
    color: #3AAD67;
    text-decoration: none;
}

.contactbox-l-b-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.contactbox-l-b-a>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 30px;
    font-weight: bold;
    color: #3AAD67;
}

.contactbox-l-b-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.contactbox-l-b-b>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.6;
    color: #333;
}

.contactbox-l-b-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 30px 0px;
    padding: 20px 20px;
    border: solid 1px #ddd;
    border-radius: 5px;
}

.contactbox-l-b-c-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0px 0px;
}

.contactbox-l-b-c-a>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 26px;
    font-weight: normal;
    color: #333;
}

.contactbox-l-b-c-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 20px auto;
    padding: 0px 0px;
}

.contact-faq {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 5px 0px;
    padding: 0px 0px;
}

.contact-faq-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.contact-faq-l>.label1 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 11px;
    font-weight: normal;
    color: #333;
    transform: scale(0.5);
}

.contact-faq-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.contact-faq-r>.link1 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    text-decoration: none;
}

.contact-faq-r>.link1:hover {
    color: #333;
    text-decoration: none;
}

.contact-faq-r>.link1:active {
    color: #333;
    text-decoration: none;
}

.contact-faq-r>.link1:visited {
    color: #333;
    text-decoration: none;
}

.contactbox-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.contactbox-req {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 40px 40px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    background-color: #fff;
}
  
    
    
.msgform-row {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    min-height: 30px;
    margin: 10px 0px;
    padding: 0px 0px;
    background-color: #fff;
    border: solid 1px #ccc;
    border-radius: 0px;
    overflow: hidden;
}    
    
.msgform-row>.input1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 40px;
    margin: 0px 0px;
    padding: 0px 10px;
    border: solid 0px #ccc;
    border-radius: 5px;
    background: #fff;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    outline: none;
}    
    
  .msgform-row>select {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 40px;
    margin: 0px 0px;
    padding: 0px 10px;
    border: solid 0px #ccc;
    border-radius: 5px;
    background: #fff;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #999;
    outline: none;
}  
    
    .msgform-b>textarea {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100px;
    min-height: 50px;
    margin: 0px 0px;
    padding: 10px 10px;
    border: solid 1px #ccc;
    border-radius: 5px;
    background: #fff;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #666;
    outline: none;
}
    
    
   .artice-ban-box {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px;
    margin: 0px 0px;
    padding: 0px 10px;
    background: #1E363F;
} 
    
    .artice-ban>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
}
    
    
  .postdetail-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 10px;
    background: #fff;
}  
    
    
    
    
   
.helpbox-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;

}

.helpbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 1300px;
    height: auto;
    margin: 0px auto;
    padding: 0px 0px;
}

.helpbox-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 50%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.helpbox-l>a>.img1 {
    width: auto;
    height: 50px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.helpbox-l>a {
    display: block;
    width: auto;
    height: auto;
}

.helpbox-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.helpbox-c-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 80px 0px;
}

.helpbox-c-b-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.helpbox-c-b-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.helpbox-c-b-a-a>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}

.helpbox-c-b-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.helpbox-c-b-a-b>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
}

.helpbox-c-b-a-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.helpbox-c-b-a-c>.searchbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 80%;
    height: 40px;
    margin: 0px 0px;
    padding: 0px 10px;
    border: solid 1px #ccc;
    border-radius: 5px;
    background: #fff;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    color: #666;
    outline: none;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

/*--------自适应--------*/


.helpboxlist-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 40px 0px 0 0;
    background: #F3F5F7;
}

.helpboxlist {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0px 10px;
}

.helpitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px 40px 0px;
    padding: 20px 20px;
    border-radius: 10px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.helpitem-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.helpitem-t-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px 20px 0px;
    border-bottom: solid 1px #eee;
}

.helpitem-t-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 70px;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.helpitem-t-a-a>.img1 {
    width: 50px;
    height: 50px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.helpitem-t-a-b {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.helpitem-t-a-b>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.helpitem-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 140px;
    margin: 0px 0px;
    padding: 20px 0px;
}

.helpitem-m>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.6;
    color: #666;
}

.helpitem-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.helpitem-b>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    color: #666;
}

/*--------自适应--------*/
.hotarticle {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 1300px;
    height: auto;
    margin: 0px 0px 50px 0px;
    padding: 0px 10px;
}

.hotarticle-box {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
    background-color: #F3F5F7;
}

.hotarticle {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 1300px;
    height: auto;
    margin: 0px 0px 50px 0px;
    padding: 0px 0px;
}

.hotarticle-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.hotarticle-t>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.hotarticle-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
    border: solid 1px #ddd;
    border-radius: 5px;
    background: #fff;
}

.hotarticle-b-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 20px 20px;
    border-bottom: solid 1px #ddd;
}



/*--------自适应--------*/


 
    
    .helpbox-c-b-a-a>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}
    
    
    
   .sitemap-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 30px 10px;
} 
    
    .sitemap-c-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
}
    
    
    .sitemap {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}
    
    
    
    
  
  
  
  
.advant-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 50px 0px;
    background: #fbfbfb;
}

.advant {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
}

.advant-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 30px 0px;
}

.advant-t>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

.advant-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.advant-m>.label1 {
    width: 100%;
    padding: 0px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
    color: #666;
}

.advant-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 30px 0px;
    padding: 0px 0px;
}

.advantbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.advantbox-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.advantbox-t>.img1 {
    width: 100px;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.advantbox-m1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 10px 0px;
    padding: 10px 0px;
}

.advantbox-m1>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.advantbox-m2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1px;
    margin: 0px 0px;
    padding: 0px 0px;
    background: #eee;
}

.advantbox-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.advantrow {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.advantrow-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.advantrow-l-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0px 0px;
}

.advantrow-l-c>.img1 {
    width: 20px;
    height: 20px;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.advantrow-l-c>.label2 {
    padding: 0px 0px;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #666;
}

.advantrow-l-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0px 0px;
}

.advantrow-l-b>.label1 {
    margin: 10px 0px;
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.6;
    color: #333;
}

  
  
  
  
  

.ourvalue-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 30px 0px;
    background: #fff;
}

.ourvalue {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
}

.ourvalue-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.ourvalue-t>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

.ourvalue-m1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.ourvalue-m1>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.ourvalue-m2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.ourvalue-m2>.label1 {
    width: 100%;
    margin: 20px 0px;
    padding: 0px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
    color: #333;
}

.ourvalue-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

  
  
  .ourvaluerow {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 10px 0px;
    padding: 30px 30px;
    border-radius: 10px;
    background: #5A8154;
}
  
  
  
  
  
  
 
.mission-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
    background: #F7F7F7;
}

.mission-box {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 20px 10px;
}

.mission-box-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.mission-box-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 10px 0px;
    padding: 0px 0px;
}

.mission-box-a-a>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

.mission-box-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.mission-box-a-b>.label1 {
    width: 100%;
    padding: 0px 0px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.mission-c-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 30px 0px;
} 
  
  
  
  
  
  
  
  
  
  
  
 

.mainifest-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;

    background-size: cover;
}

.mainifest {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 30px 0px;
}

.mainifest-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.mainifest-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 30px 30px;
    border-radius: 6px;
    background: #fff;
}

.mainifest-a-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.mainifest-a-a-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.mainifest-a-a-a-a>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 30px;
    font-weight: bold;
    color: #333;
}

.mainifest-a-a-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.mainifest-a-a-a-b>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.6;
    color: #333;
}

.mainifest-a-a-a-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.mainifest-a-a-a-c>.link1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 0px 0px;
    padding: 15px 30px;
    border: none;
    border-radius: 5px;
    background: #36B37E;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

.mainifest-a-a-a-c>.link1:hover {
    color: #fff;
    text-decoration: none;
}

.mainifest-a-a-a-c>.link1:active {
    color: #fff;
    text-decoration: none;
}

.mainifest-a-a-a-c>.link1:visited {
    color: #fff;
    text-decoration: none;
}

.mainifest-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 60%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}
 
  
  
  
  
  
    
    
    
    
.howhelp-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 20px 0px;
    padding: 0px 10px;
    background: #fff;
}

.howhelp-c-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.howhelp-c-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.howhelp-c-a-a>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #000;
}

.howhelp-c-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.howhelprow {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 20px;
}

.howhelprow-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 10px 0px;
}

.howhelprow-t>.img1 {
    width: 70px;
    height: 70px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.howhelprow-m1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px;
    min-height: 60px;
}

.howhelprow-m1>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.howhelprow-m2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 60px;
    margin: 0px 0px;
    padding: 20px 0px;
}

.howhelprow-m2>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

.howhelprow-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 10px 0px;
}

.howhelprow-b>.link1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0px 0px;
    padding: 15px 10px;
    border: none;
    border-radius: 5px;
    background: #36B37E;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

.howhelprow-b>.link1:hover {
    color: #fff;
    text-decoration: none;
}

.howhelprow-b>.link1:active {
    color: #fff;
    text-decoration: none;
}

.howhelprow-b>.link1:visited {
    color: #fff;
    text-decoration: none;
}

    
    
   .livecontact-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
    background: #fff;
} 
    
    .livecontact {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
}
    
    .livecontact-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}
    .livecontact-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.livecontact-r-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}


.livecontact-r-a-b>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 26px;
    font-weight: bold;
    color: #333;
}





.officecontact-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px 20px 0;
    padding: 20px 0px;
    background: #fff;
}

.officecontact {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
}

.officecontact-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.officecontact-l-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: auto;
    padding: 0px 0px;
}

.officecontact-l-a>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 28px;
    font-weight: bold;
    color: #333;
}

.officecontact-l-a>.label2 {
    margin: 20px 0px;
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.6;
    color: #333;
}

.officecontact-l-a>.label3 {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.officecontact-l-a>.label4 {
    margin: 20px 0px;
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #666;
}

.officecontact-l-a>.label5 {
    margin: 30px 0px;
    padding: 0px 0px;
    text-align: left;
    font-size: 28px;
    font-weight: bold;
    color: #333;
}

.officecontact-l-a>.label6 {
    margin: 10px 0px;
    padding: 0px 0px;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.officecontact-l-a>.label7 {
    padding: 0px 0px;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    color: #666;
}

.officecontact-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.officecontact-r>.img1 {
    width: 100%;
    height: auto;
    margin: 40px 0px;
    padding: 0px 0px;
    border-radius: 10px;
    object-fit: cover;
}








.goodst-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 10px 0px;
    background: #fff;
}

.goodst {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 10px 10px;
}

.goodst-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 10px 0px 0 0;
}

.goodst-l-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.goodst-l-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.goodst-l-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 20px 0px;
    padding: 0px 0px;
}

.goodst-l-a-b>.img1 {
    width: 80px;
    height: 80px;
    min-height: 30px;
    margin: 0px 10px 10px 0;
    padding: 0px 0px;
    object-fit: cover;
}

.goodst-l-a-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 20px 0px;
    padding: 0px 0px;
    border-radius: 10px;
    background: #f6f7f8;
}

.sgoodsitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 50%;
    height: auto;
    min-height: 30px;
    margin: 5px 0px;
    padding: 0px 0px;
}

.sgoodsitem-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.sgoodsitem-l>.label1 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 36px;
    font-weight: normal;
    color: #16923b;
}

.sgoodsitem-r {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.sgoodsitem-r>.label1 {
    padding: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #666;
}

.goodst-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.goodst-r-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 20px 0px 0 0;
    padding: 0px 0px;
}

.goodst-r-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.goodst-r-a-a>.label1 {
    padding: 0px 0px;
    font-size: 22px;
    font-weight: bold;
    color: #000;
}

.goodst-r-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.goodst-r-a-b>.label1 {
    padding: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #999;
}

.goodst-pos {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 30px;
    min-height: 30px;
    margin: 20px 0px;
    padding: 0px 20px;
    border-radius: 7px;
    background: #001e2f;
}

.goodst-pos>.link1 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 12px;
    font-weight: normal;
    color: #ccc;
}


.goodst-pos>.label2 {
    display: block;
    width: 1px;
    height: 40px;
    margin: 0px 20px;
    padding: 0px 0px;
    background: #ccc;
    font-size: 14px;
    font-weight: normal;
    color: #666;
    transform: rotate(30deg);
}

.goodst-pos>.label4 {
    padding: 0px 0px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
}

.goodst-r-a-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 20px 0px 20px 0;
    padding: 0px 0px;
}

.goodst-r-a-c>.label1 {
    padding: 0px 0px;
    font-size: 16px;
    font-weight: normal;
    color: #666;
}

.goodst-r-a-d {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

/*--------自适应--------*/



.mySwiper2 .swiper-slide img {
    display: block;
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.mySwiper2 {
    width: 100%;
    height: auto;
}

.mySwiper2 .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 14px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: #fff;
    margin: 0 10px;
    display: none;
}

.mySwiper2 .swiper-pagination-bullet-active {
    color: #fff;
    background: red;
    display: none;
}

.mySwiper2 .swiper-button-next {
    width: 42px;
    right: 0px;
    height: 42px;
    /*background: url(/static/index/images/left-arr.png) center center no-repeat;*/
    display: none;
}

.mySwiper2 .swiper-button-prev {
    width: 42px;
    left: 0px;
    height: 42px;
    /*background: url(/static/index/images/left-arr.png) center center no-repeat;*/
    display: none;
}

/*
.mySwiper1 .swiper-button-next:after,
.mySwiper1 .swiper-button-prev:after {
    content: '';
}
*/



.msgform {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.req-msgbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.req-msgbox-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.req-msgbox-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.req-msgbox-a-a>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.req-msgbox-a-b {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 20px 0px;
    padding: 0px 0px;
    line-height: 1.6;
}

.req-msgbox-a-b>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

.req-msgbox-a-b>.link2 {
    margin: 0px 0px 0px 10px;
    padding: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #3AAD67;
    text-decoration: none;
}

.req-msgbox-a-b>.link2:hover {
    color: #3AAD67;
    text-decoration: none;
}

.req-msgbox-a-b>.link2:active {
    color: #3AAD67;
    text-decoration: none;
}

.req-msgbox-a-b>.link2:visited {
    color: #3AAD67;
    text-decoration: none;
}

.req-msgbox-a-b>.label3 {
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

/*--------自适应--------*/

.reqtitle-box {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 50px;
    margin: 0px 0px;
    padding: 0px 0px;
    background: #fff;
    position: relative;
}

.reqtitle-box-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1px;
    margin: 0px auto;
    padding: 0px 0px;
    background: #ddd;
    position: absolute;
    z-index: 10;
    left: 0px;
    top: 50%;
}

.reqtitle-box-a>.label1 {
    padding: 0px 20px;
    background: #fff;
    position: relative;
    z-index: 9999;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #36B37E;
}

/*--------自适应--------*/


.msgform-row {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    min-height: 30px;
    margin: 10px 0px;
    padding: 0px 0px;
    background-color: #fff;
    border: solid 1px #ccc;
    border-radius: 0px;
    overflow: hidden;
}


/*--------自适应--------*/


.goodstab-c {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 10px 10;
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}


.goodstab {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.goodstab>.goodstab-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    margin: 0px auto;
    padding: 0 0 0 0;
}

.goodstab>.goodstab-head>.goodstab-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    font-size: 16px;
    cursor: pointer;
    float: left;
    margin: 0 10px 0 0;
    padding: 0 0px;
    text-align: left;
    font-weight: bold;
    color: #999;
}

.goodstab>.goodstab-head>.cur {
    color: #000;
    font-weight: bold;
    border-bottom: solid 3px #000;
    background-color: #fff;
}

.goodstab>.goodstab-cnt {
    box-sizing: border-box;
    border-top: solid 1px #ddd;
    margin: 0px auto;
    padding: 0px 0px;
    width: 100%;
    height: auto;
}

.goodstab>.goodstab-cnt>.goodstab-item2 {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    display: none;
    text-align: left;
    margin: 0px auto;
    padding: 30px 0px;
    color: #666;
    font-size: 14px;
    line-height: 1.8;
}


.goodstab>.goodstab-cnt>.cur {
    display: block;
    background: #fff;
}



.nmproducts-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 10px 0px;
    background: #fff;
}

.nmproducts {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0px 0px;
}

.nmproducts-msg {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.nmproducts-msg-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.nmproducts-msg-t>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #333;
}

.nmproducts-msg-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
}

.nmproducts-msg-m>.label1 {
    width: 100%;
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.6;
    color: #666;
}

.nmproducts-msg-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 40px 0px;
    padding: 12px 0px;
    background: #FFBDAD;
}

.nmproducts-msg-b>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
}

.nmproducts-msg-b>.link2 {
    margin: 0px 0px;
    padding: 0px 0px 0px 10px;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}

.nmproducts-msg-b>.link2:hover {
    color: #fff;
    text-decoration: none;
}

.nmproducts-msg-b>.link2:active {
    color: #fff;
    text-decoration: none;
}

.nmproducts-msg-b>.link2:visited {
    color: #fff;
    text-decoration: none;
}

.nmgoodbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 40px 0px;
    padding: 0px 0px;
}

.nmgoodbox-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px 10px 0;
    border-bottom: solid 0px #eee;
}

.nmgoodbox-t-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0px 0px;
}

.nmgoodbox-t-a>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #333;
}

.nmgoodbox-t-a>.label2 {
    margin: 5px 0px;
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

.nmgoodbox-t-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 10px 0px;
}

.nmgoodbox-t-b>.link1 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    text-decoration: none;
}

.nmgoodbox-t-b>.link1:hover {
    color: #333;
    text-decoration: none;
}

.nmgoodbox-t-b>.link1:active {
    color: #333;
    text-decoration: none;
}

.nmgoodbox-t-b>.link1:visited {
    color: #333;
    text-decoration: none;
}

.nmgoodbox-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 10px 0px;
    padding: 0px 0px;
    position: relative;
}

/*--------自适应--------*/



.swiper_progoodlist .swiper-slide img {
    display: block;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.swiper_progoodlist .swiper-slide {}

.swiper_progoodlist {
    width: 100%;
    height: auto;
}

.swiper_progoodlist .swiper-wrapper {}

.swiper_progoodlist .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 14px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: #fff;
    margin: 0 10px;
}

.swiper_progoodlist .swiper-pagination-bullet-active {
    color: #fff;
    background: red;
}

.progoodlist-next {
    position: absolute;
    width: 42px;
    right: 0px;
    height: 42px;
    background-color: #fff;
    border-radius: 100%;
    border: solid 2px #ccc;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 999;
    cursor: pointer;
    top: 50%;
}

.progoodlist-prev {
    position: absolute;
    width: 42px;
    left: 0px;
    top: 50%;
    height: 42px;
    background-color: #fff;
    border-radius: 100%;
    border: solid 2px #ccc;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 999;
    cursor: pointer;
}

.progoodlist-next label,
.progoodlist-prev label {
    font-size: 30px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
}

.swiper_progoodlist .swiper-button-next:after,
.swiper_progoodlist .swiper-button-prev:after {
    content: '';
}



.progoodlistitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
    background: #fff;
}

.progoodlistitem-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.progoodlistitem-t>a>.img1 {
    width: 100%;
    height: 450px;
    margin: 0px 0px;
    padding: 0px 0px;
    border-radius: 8px;
    object-fit: cover;
}

.progoodlistitem-t>a {
    display: block;
    width: 100%;
    height: auto;
}

.progoodlistitem-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 20px 0px 0 0;
    padding: 0px 0px;
}

.progoodlistitem-m>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #999;
}

.progoodlistitem-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 6px 0px;
}

.progoodlistitem-b>.link1 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

.progoodlistitem-b>.link1:hover {
    color: #333;
    text-decoration: none;
}

.progoodlistitem-b>.link1:active {
    color: #333;
    text-decoration: none;
}

.progoodlistitem-b>.link1:visited {
    color: #333;
    text-decoration: none;
}



.proexcell-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 10px 0px;
    background: #fff;
}

.proexcell-c-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.proexcell-c-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 10px;
}

.proexcell-c-a-a>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.proexcell-c-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 10px 0px;
}

.proexcell-c-a-b>.link1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0px 0px;
    padding: 20px 40px;
    border-radius: 6px;
    background: #3AAD67;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

.proexcell-c-a-b>.link1:hover {
    color: #fff;
    text-decoration: none;
}

.proexcell-c-a-b>.link1:active {
    color: #fff;
    text-decoration: none;
}

.proexcell-c-a-b>.link1:visited {
    color: #fff;
    text-decoration: none;
}



.gdetailrow {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.gdetail-mid {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 20px 0px 0 0;
    padding: 20px 0px;
    border-radius: 5px;
    background: #F2F2F2;
}

.gdetail-mid-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.gdetail-mid-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}
.gdetail-mid-a-a-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}


.gdetail-mid-a-a-a-b>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}
.gdetail-mid-a-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 20px;
}

.gdetail-mid-a-a-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 10px 0px;
}

.gdetail-mid-a-a-a-d>.link1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0px 0px;
    padding: 10px 20px;
    border: solid 1px #000;
    border-radius: 5px;
    background: #eee;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    text-decoration: none;
}






.relative-box-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px 20px 0;
    padding: 0px 0px;
    background: #fff;
}

.relative-box {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0px 0px;
}

.relative-box-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 10px;
}

.relative-box-t>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.relative-box-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 20px 0px;
    padding: 0px 0px;
}

.relative-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.relative-item-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.relative-item-t .img1 {
    width: 100%;
    height: 240px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.relative-item-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.relative-item-b>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

.relative-item-b>.label1:hover {
    color: #333;
    text-decoration: none;
}

.relative-item-b>.label1:active {
    color: #333;
    text-decoration: none;
}

.relative-item-b>.label1:visited {
    color: #333;
    text-decoration: none;
}


.relgood .swiper-slide>a {
    display: block;
    width: 100%;
    height: 400px;
}
.relgood .swiper-slide .img1 {
    display: block;
    width: 100%;
    height: 400px;
}


.relgood-next {
    position: absolute;
    width: 42px;
    right: 0px;
    height: 42px;
    background-color: #fff;
    border-radius: 100%;
    border: solid 2px #ccc;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 999;
    cursor: pointer;
    top: 20%;
}

.relgood-prev {
    position: absolute;
    width: 42px;
    left: 0px;
    top: 20%;
    height: 42px;
    background-color: #fff;
    border-radius: 100%;
    border: solid 2px #ccc;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 999;
    cursor: pointer;
}



.gdetail-c-c-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 10px 0px;
    padding: 0px 10px;
}
.gdetail-c-c-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.gdetail-c-c-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}
.gdetail-c-c-a-b-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}


.avaitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 10px 0px;
    padding: 0px 0px;
    border: solid 1px #eee;
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px 0px;
}

.orderprocessitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 10px 0px;
    padding: 30px 30px;
    border-radius: 10px;
    background: #F6F6F6;
}
.orderprocess-m>.label1 {
    width: 100%;
    padding: 0px 10px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}


.header-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
    background: #fff;
    position: relative;
    z-index: 9999999;
}

.subban-c2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 600px;
    margin: 0px 0px;
    padding: 0px 0px;
    background-size: 100% auto !important;
    position: relative;
}




.swiper_run .swiper-slide img {
    display: block;
    width: 100%;
    height: 400px;
    object-fit: cover;
}




    
    
    
}

@media screen and (max-width: 768px) {
     
}

@media screen and (max-width: 640px) {
   
}

@media screen and (max-width: 360px) {
   
}