.position-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 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 1300px;
    height: 40px;
    margin: 0px auto;
    padding: 0px 0px;
}

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

.position>.label-arrow {
    margin: 0px 10px;
    padding: 0px 0px;
    font-size: 18px;
    font-weight: bold;
    color: #666;
}

.position>.link3 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 12px;
    font-weight: normal;
    color: #666;
    text-decoration: none;
}

.position>.link3:hover {
    color: #666;
    text-decoration: none;
}

.position>.link3:active {
    color: #666;
    text-decoration: none;
}

.position>.link3:visited {
    color: #666;
    text-decoration: none;
}

.position>.label5 {
    padding: 0px 0px;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    color: #666;
}

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


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



.subban-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;
}

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

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

.subbantext {
    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;
}

.subbantext-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;
}

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

.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: 20px 0px;
}

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

.subbantext-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: 20px 0px;
}

.subbantext-b>.link1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 57px;
    margin: 0px 0px;
    padding: 0px 30px;
    border-radius: 10px;
    background: #36B37E;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

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

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

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

.subbantext-b>.link2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 57px;
    margin: 0px 0px 0px 20px;
    padding: 0px 30px;
    border-radius: 10px;
    background: #fff;
    font-size: 16px;
    font-weight: bold;
    color: #36B37E;
    text-decoration: none;
}

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

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

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

.subban-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;
}

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


.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: 40px 0px;
    background: #fff;
}

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

.rcmd-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: 20px 0px;
}

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

.rcmd-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: 0px 0px;
}

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

.rcmd-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;
}

.recmdtab-tab {
    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;
}

.recmdtab-tab-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;
}

.recmdtab-nav-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    height: 60px;
    margin: 0px 0px;
    padding: 0px 0px;
    border-bottom: solid 1px #ddd;
    background: #fff;
}

.recmdtab-nav-item-on {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin: 0px 40px 0px 0px;
    padding: 0px 0px;
    border-bottom: solid 2px #36B37E;
    cursor: pointer;
}

.recmdtab-nav-item-on>.label-text {
    padding: 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
}

.recmdtab-nav-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin: 0px 40px 0px 0px;
    padding: 0px 0px;
    cursor: pointer;
}

.recmdtab-nav-item>.label-text {
    padding: 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
}

.recmdtab-tab-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;
    position: relative;
}

.recmdtab-tab-content-on {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0px 0px;
}

.recmdtab-tab-content-on>.label1 {
    padding: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #666;
}

.recmdtab-tab-content {
    box-sizing: border-box;
    display: none;
    width: 100%;
    height: auto;
    margin: 0px 0px;
}

.recmdtab-tab-content>.label1 {
    padding: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #666;
}

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




.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: 40px 0px;
    background: #fff;
}

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

.rcmd2-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: 20px 0px;
}

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

.rcmd2-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: 0px 0px;
}

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

.rcmd2-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;
}

.recmd2tab-tab {
    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;
}

.recmd2tab-tab-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;
}

.recmd2tab-nav-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    height: 60px;
    margin: 0px 0px;
    padding: 0px 0px;
    border-bottom: solid 1px #ddd;
    background: #fff;
}

.recmd2tab-nav-item-on {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin: 0px 40px 0px 0px;
    padding: 0px 0px;
    border-bottom: solid 2px #36B37E;
    cursor: pointer;
}

.recmd2tab-nav-item-on>.label-text {
    padding: 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
}

.recmd2tab-nav-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin: 0px 40px 0px 0px;
    padding: 0px 0px;
    cursor: pointer;
}

.recmd2tab-nav-item>.label-text {
    padding: 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
}

.recmd2tab-tab-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;
    position: relative;
}

.recmd2tab-tab-content-on {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0px 0px;
}

.recmd2tab-tab-content-on>.label1 {
    padding: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #666;
}

.recmd2tab-tab-content {
    box-sizing: border-box;
    display: none;
    width: 100%;
    height: auto;
    margin: 0px 0px;
}

.recmd2tab-tab-content>.label1 {
    padding: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #666;
}














.inspir-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: #fff;
}

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

.inspir-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: 20px 0px;
}

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

.inspir-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: 0px 0px;
}

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

.inspir-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 40px 0px;
    padding: 30px 0;
    border-top: solid 1px #eee;
    position: relative;
}


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

.swiper_inspir .swiper-slide {}

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

.swiper_inspir .swiper-wrapper {}

.swiper_inspir .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_inspir .swiper-pagination-bullet-active {
    color: #fff;
    background: red;
}

.inspir-next {
    position: absolute;
    width: 42px;
    right: -20px;
    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%;
}

.inspir-prev {
    position: absolute;
    width: 42px;
    left: -20px;
    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 label,
.inspir-prev label {
    font-size: 30px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
}

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



.inspiritem {
    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;
}

.inspiritem-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;
}

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

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

.inspiritem-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;
}

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

.inspiritem-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;
}

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

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

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

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

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


.contactban {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 1300px;
    height: 70px;
    margin: 0px auto;
    padding: 0px 5px;
    border-radius: 35px;
    background: #F9F9FE;
}

.contactban>.img1 {
    width: 60px;
    height: 60px;
    margin: 0px 10px 0 0;
    padding: 0px 0px;
    border-radius: 30px;
    object-fit: cover;
}

.contactban>.label2 {
    margin: 0px 10px;
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

.contactban>.link3 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #666;
    text-decoration: none;
}

.contactban>.link3:hover {
    color: #666;
    text-decoration: none;
}

.contactban>.link3:active {
    color: #666;
    text-decoration: none;
}

.contactban>.link3:visited {
    color: #666;
    text-decoration: none;
}

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


.meterial-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: #fafafa;
}

.meter {
    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;
}

.meter-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;
}

.meter-t>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #999;
}

.meter-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;
}

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

.meter-m2 {
    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;
}

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

.meter-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;
}

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


.meterial-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: #fafafa;
}

.xmater-tab {
    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;
}

.xmater-tab-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;
    background: #f5f5f4;
}

.xmater-nav-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    width: 1300px;
    height: 64px;
    margin: 0px 0px;
    padding: 0px 0px;
    border-bottom: solid 1px #ddd;
}

.xmater-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: 0px 20px;
    border-bottom: solid 2px #36B37E;
    cursor: pointer;
}

.xmater-nav-item-on>.label-text {
    padding: 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
}

.xmater-nav-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: auto;
    margin: 0px 0px;
    padding: 0px 20px;
    cursor: pointer;
}

.xmater-nav-item>.label-text {
    padding: 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
}

.xmater-tab-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 1300px;
    height: auto;
    margin: 40px auto;
    padding: 0px 0px;
    background: #fff;
}

.xmater-tab-content-on {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 100px;
    margin: 0px 0px;
    background: #fff;
    text-align: left;
    transition: all .2s linear 100ms;
}

.xmater-tab-content-on>.label1 {
    padding: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #666;
}

.xmater-tab-content {
    box-sizing: border-box;
    display: none;
    width: 100%;
    height: auto;
    min-height: 100px;
    margin: 0px 0px;
    background: #eee;
    text-align: left;
    transition: all .2s linear 100ms;
}

.xmater-tab-content>.label1 {
    padding: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #666;
}

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


.materitembox-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;
    background: #fff;
}

.materitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 23.5%;
    height: auto;
    margin: 10px 0px;
    padding: 0px 0px;
    border: solid 1px #eee;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.materitem-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;
}

.materitem-t>a>.img1 {
    width: 100%;
    height: 160px;
    margin: 0px 0px;
    padding: 0px 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    object-fit: cover;
}

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

.materitem-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: 20px 20px;
}

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

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

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

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

.materitem-b>.label2 {
    margin: 10px 0px;
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #777;
}

.materitem-b-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: 10px 0px;
}

.materitem-b-c>.img1 {
    width: 50px;
    height: 50px;
    margin: 0px 15px 0px 0px;
    padding: 0px 0px;
    border-radius: 100%;
    object-fit: cover;
}

.materitem-b-c>.img2 {
    width: 50px;
    height: 50px;
    margin: 0px 0px;
    padding: 0px 0px;
    border-radius: 100%;
    object-fit: cover;
}

.materitem-c {
    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;
}

.materitem-d {
    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;
}

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



.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: 80px 0px;
    background: #F4F1ED;
}

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

.solutionx-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;
}

.solutionx-t>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    color: #999;
}

.solutionx-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;
}


.solutionx-m1>.label1 {
    width: 70%;
    padding: 0px 0px;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #333;
}

.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: 40px 0px;
}

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

.solutionx-m2>.img1 {
    width: 100%;
    height: auto;
    margin: 0 0;
    object-fit: cover;
    border-radius: 5px;
}


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

.solution-row-t {
    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;
}

.solution-row-t>.img1 {
    width: 64px;
    height: 64px;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

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

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

.solution-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: 0px 0px;
}

.solution-row-b>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
    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: 50px 0px;
    padding: 0px 0px;
}

.solution-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 60px 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: 46%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px 0px 0px;
}

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

.solution-item-l>.label2 {
    margin: 20px 0px;
    padding: 0px 0px;
    text-align: left;
    font-size: 17px;
    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: 46%;
    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;
}

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



.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: 80px 0px;
    background: #fff;
}

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

.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: 36px;
    font-weight: bold;
    color: #000;
}

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

.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: 0px 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 10px;
    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;
}

.pinkcolor {
    color: #ec7264;
}


.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: 60px 0px;
    background: #F4F1ED;
}

.rungoods {
    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;
}

.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 0px;
}

.rungoods-t>.label1 {
    width: 90%;
    padding: 0px 0px;
    text-align: left;
    font-size: 28px;
    font-weight: normal;
    color: #333;
    text-align: center;
    text-decoration: underline;
}

.rungoods-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;
}

.rungoods-m>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 28px;
    font-weight: normal;
    color: #333;
    text-decoration: none;
}

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

.rungoods-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;
}


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

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

.swiper_run .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_run .swiper-pagination-bullet-active {
    color: #fff;
    background: red;
}

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

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

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

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

.get-start-row>.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: 16px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}

.get-start-row>.link1:hover {
    color: #fff;
    text-decoration: none;
}

.get-start-row>.link1:active {
    color: #fff;
    text-decoration: none;
}

.get-start-row>.link1:visited {
    color: #fff;
    text-decoration: none;
}

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



.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: 20px 0px;
    background: #fff;
}

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

.goodst-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 45%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 10px 20px 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 {
    flex: 1;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 0%;
    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: 40px;
    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: 18px;
    font-weight: bold;
    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: 557px;
    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: 48%;
    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 30px;
    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 30px;
    border: solid 0px #ccc;
    border-radius: 5px;
    background: #fff;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #999;
    outline: none;
}

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

.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 30px;
    border: solid 1px #ccc;
    border-radius: 5px;
    background: #fff;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #666;
    outline: none;
}

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

.msgform-c>.button1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 50px;
    min-height: 30px;
    margin: 0px 10px;
    padding: 0px 0px;
    border: solid 0px #ccc;
    border-radius: 5px;
    background: #3AAD67;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    outline: none;
    cursor: pointer;
}

.msgform-c>.button2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 50px;
    min-height: 30px;
    margin: 0px 10px;
    padding: 0px 0px;
    border: solid 0px #ccc;
    border-radius: 5px;
    background: #eee;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    outline: none;
    cursor: pointer;
}

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

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

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


.goodstab-c {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 80px 0;
    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: 1300px;
    height: auto;
    margin: 0 auto;
    padding: 0px 0 0 0;
    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: flex-start;
    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 40px 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: 40px 0px;
    background: #fff;
}

.nmproducts {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 1300px;
    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 0px;
}

.nmproducts-msg-m>.label1 {
    width: 60%;
    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: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px 10px 0;
    border-bottom: solid 1px #eee;
}

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

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

.nmgoodbox-t-a>.label2 {
    margin: 5px 0px;
    padding: 0px 0px;
    text-align: left;
    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: flex-end;
    width: 50%;
    height: auto;
    margin: 0px auto;
    padding: 0px 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: 40px 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: -20px;
    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: -20px;
    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: 240px;
    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: 40px 0px;
    background: #fff;
}

.proexcell-c-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 1300px;
    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 0px;
}

.proexcell-c-a-a>.label1 {
    padding: 0px 0px;
    text-align: left;
    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: 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;
}

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



.industnav-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1300px;
    height: auto;
    margin: 70px auto;
    padding: 0px 0px;
}

.industnav {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 16%;
    height: auto;
    margin: 10px 0px;
    padding: 20px 0px;
    border: solid 1px #ddd;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.industnav-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;
}

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

.industnav-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;
}

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

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




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

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

.packtoys-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;
}

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

.packtoys-m1 {
    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;
}

.packtoys-m1>.label1 {
    width: 60%;
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.6;
    color: #333;
}

.packtoys-m2 {
    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;
}

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

.packtoys-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;
}

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



.packtoy-c {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    position: relative;
    margin: 50px 0 20px 0;
}

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

.packtoy .swiper-slide img {
    display: block;
    object-fit: cover;
}

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

.packtoy .swiper-pagination-bullet-active {
    color: #fff;
    background: green;
}

.packtoy-next {
    position: absolute;
    width: 42px;
    right: -20px;
    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%;
}

.packtoy-prev {
    position: absolute;
    width: 42px;
    left: -20px;
    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;
}

.packtoy-next label,
.packtoy-prev label {
    font-size: 20px;
    color: #000;
    font-weight: normal;
    cursor: pointer;
}

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

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

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






.packtoyitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 300px;
    margin: 0px 0px;
    padding: 30px 30px 80px 30px;
    border-radius: 10px;
    background: #fff;
}

.packtoyitem-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;
}

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

.packtoyitem-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: 20px 0px;
}

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

.packtoyitem-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;
}

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

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







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

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

.safemateritem {
    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;
}

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

.safemateritem-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;
}

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

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

.safemateritem-l-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: 10px 0px;
}

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

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

.safemateritem-l-a-c>.link1 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #3AAD67;
    text-decoration: none;
}

.safemateritem-l-a-c>.link1:hover {
    color: #3AAD67;
    text-decoration: none;
}

.safemateritem-l-a-c>.link1:active {
    color: #3AAD67;
    text-decoration: none;
}

.safemateritem-l-a-c>.link1:visited {
    color: #3AAD67;
    text-decoration: none;
}

.safemateritem-l-a-c>.label2 {
    margin: 0px 0px 0px 10px;
    padding: 3px 3px;
    border: solid 2px #3AAD67;
    border-radius: 100%;
    font-size: 14px;
    font-weight: normal;
    color: #3AAD67;
}

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

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

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



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

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

.supportx-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;
}

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

.supportx-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;
}

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

.supportx-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: 20px 0px;
    padding: 0px 0px;
}

.supportitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 30%;
    height: 380px;
    margin: 0px 0px;
    padding: 40px 30px;
    border: solid 1px #ddd;
    border-radius: 10px;
    background: #fff;
}

.supportitem-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;
}

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

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

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

.supportitem-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;
}

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

.supportitem-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;
}

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

.supportitem-b>.link1:hover {
    color: #3AAD67;
    text-decoration: none;
}

.supportitem-b>.link1:active {
    color: #3AAD67;
    text-decoration: none;
}

.supportitem-b>.link1:visited {
    color: #3AAD67;
    text-decoration: none;
}

.supportitem-b>.label2 {
    margin: 0px 0px 0px 10px;
    padding: 5px 5px;
    border: solid 2px #3AAD67;
    border-radius: 100%;
    font-size: 14px;
    font-weight: normal;
    color: #3AAD67;
}

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




.whyban-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: 800px;
    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: 1300px;
    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: 20px 0px;
}

.whyban-c-a-a>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    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 0px;
}

.whyban-c-a-b>.label1 {
    width: 50%;
    padding: 0px 0px;
    text-align: center;
    font-size: 36px;
    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 0px;
}

.whyban-c-a-c>.label1 {
    width: 60%;
    padding: 0px 0px;
    text-align: center;
    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: 1300px;
    height: auto;
    margin: 50px 0px;
    padding: 0px 0px;
}

.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: left;
    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: 50%;
    padding: 0px 0px;
    text-align: center;
    font-size: 36px;
    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: 60%;
    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-box-d>.endless-row:nth-child(even){
    flex-direction: row-reverse;
}

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

.endless-row-l {
    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;
}

.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: 50%;
    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: 70%;
    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;
}

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



.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: 100px 0px;
    background: #fff;
}

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

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

.whyfirst-l>.img1 {
    width: 90%;
    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: 70%;
    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: 30%;
    height: 50px;
    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: 50%;
    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: 90%;
    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: left;
    font-size: 36px;
    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: 50px 0px;
    background: #F2F2F2;
}

.whysee {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 1300px;
    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: 30px;
    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 0px;
}

.whysee-row {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 24%;
    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;
}

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

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

.whysee-b>.link1:visited {
    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: 80px 0px 20px 0;
    background: #F2F2F2;
}

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

.whyres-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-t>.label1 {
    padding: 0px 0px;
    text-align: left;
    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: 50%;
    height: auto;
    margin: 20px 0px;
    padding: 0px 0px;
}

.whyres-m1>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 36px;
    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: 50px 0px;
    padding: 0px 0px;
}

.whyres-row {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 15%;
    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;
}

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

.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: 20px 0px;
    background: #F9F9F9;
}

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

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

.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: 80%;
    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: 50%;
    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: 60px auto;
    padding: 40px 40px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    background-color: #fff;
}

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


.orderprocess-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;
}

.orderprocess {
    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;
}

.orderprocess-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;
}

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

.orderprocess-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;
}

.orderprocess-m>.label1 {
    width: 50%;
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

.orderprocess-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;
}

.orderprocessitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 24%;
    height: auto;
    margin: 0px 0px;
    padding: 30px 30px;
    border-radius: 10px;
    background: #F6F6F6;
}

.orderprocessitem-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;
}

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

.orderprocessitem-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;
}

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

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

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

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


.gdetail-c {
    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: 20px 0px;
    background: #fff;
}

.gdetail-c-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 auto;
    padding: 0px 0px;
}

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

.gdetailrow-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;
}

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

.gdetailrow-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: 20px 0px;
}

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

.gdetailrow-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;
}

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

.gdetail-c-c {
    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;
}


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

.gdetail-c-c>.gdetail-c-c-a:nth-child(even) {
    flex-direction: row-reverse;
}

.gdetail-c-c>.gdetail-c-c-a:nth-child(even) .gdetail-c-c-a-b {
    justify-content: flex-start;
}




.gdetail-c-c-a-a {
    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;
}

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

.gdetail-c-c-a-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 50%;
    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: 80%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.gdetail-c-c-a-b-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;
}

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

.gdetail-c-c-a-b-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;
}

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

.gdetail-c-c-a-b-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;
}

.gdetail-c-c-a-b-a-c>.link1 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #36B37E;
    text-decoration: none;
}

.gdetail-c-c-a-b-a-c>.link1:hover {
    color: #36B37E;
    text-decoration: none;
}

.gdetail-c-c-a-b-a-c>.link1:active {
    color: #36B37E;
    text-decoration: none;
}

.gdetail-c-c-a-b-a-c>.link1:visited {
    color: #36B37E;
    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 50px 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: 1300px;
    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: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.relative-box-t>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 28px;
    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;
}

.label1>label {
    color: #333;
    font-size: 16px;
    margin: 0 5px 0 0;
    cursor: pointer;
}

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















.relgood-c {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    position: relative;
}

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

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

.relgood .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;
}

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

.relgood-next {
    position: absolute;
    width: 42px;
    right: -20px;
    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%;
}

.relgood-prev {
    position: absolute;
    width: 42px;
    left: -20px;
    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;
}

.relgood-next label,
.relgood-prev label {
    font-size: 20px;
    color: #000;
    font-weight: normal;
    cursor: pointer;
}

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

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

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





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

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

.artice-ban>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 36px;
    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: 50px 0px;
    background: #fff;
}

.postdetail-box {
    box-sizing: border-box;
    width: 1300px;
    height: auto;
    margin: 0px auto;
    padding: 0px 0px;
    text-align: left;
    font-size: 18px;
    line-height: 1.6;
}

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


.sartwithus-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: #fff;
}

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

.startwithus-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;
}

.startwithus-t>.label1 {
    width: 50%;
    padding: 0px 0px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #333;
}

.startwithus-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;
}

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

.startwithus-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;
}

.startwithus-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: 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

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

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

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

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



.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: 60px 0px;
}

.sitemap-c-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1300px;
    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: 30%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.sitemap-t {
    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;
}

.sitemap-t>.label1 {
    padding: 0px 0px;
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.sitemap-b {
    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;
}

.sitemap-b>.link-map {
    margin: 5px 0px;
    padding: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #eb2d2d;
}

.link-map:hover {
    color: #eb2d2d;
    text-decoration: none;
}

.link-map:active {
    color: #eb2d2d;
    text-decoration: none;
}

.link-map:visited {
    color: #eb2d2d;
    text-decoration: none;
}






.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: 60%;
    height: 60px;
    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;
    background: #F3F5F7;
}

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

.helpitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 30%;
    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 {
    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-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;
}

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

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

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

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

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

.help-foot {
    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;
}

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

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


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

.gdetail-mid-a {
    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;
}

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

.gdetail-mid-a-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 80%;
    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: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

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

.gdetail-mid-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: 10px 0px;
}

.gdetail-mid-a-a-a-b>.label1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #333;
}

.gdetail-mid-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;
}

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

.gdetail-mid-a-a-a-d {
    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;
}

.gdetail-mid-a-a-a-d>.link1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    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;
}

.gdetail-mid-a-a-a-d>.link1:hover {
    color: #333;
    text-decoration: none;
}

.gdetail-mid-a-a-a-d>.link1:active {
    color: #333;
    text-decoration: none;
}

.gdetail-mid-a-a-a-d>.link1:visited {
    color: #333;
    text-decoration: none;
}

.gdetail-mid-a-b {
    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;
}

.gdetail-mid-a-b>.img1 {
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

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


.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: 50px 0px;
    background: #fff;
}

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

.services1-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;
}

.services1-l2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 50%;
    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: 90%;
    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: flex-start;
    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: 50%;
    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-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: #F7F7F7;
}

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

.ser360-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;
}

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

.ser360-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;
}

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

.ser360-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;
}

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

.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: 30px 0px;
}

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

.ser360row-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;
}

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

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

.ser360row-m>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 20px;
    font-weight: normal;
    color: #333;
}

.ser360row-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;
}

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

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

.avalist-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: 30px 0px;
    background: #fff;
    border-bottom: solid 1px #ddd;
}

.avalist {
    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;
}

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

.avalist-l>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.6;
    color: #333;
}

.avalist-r {
    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;
}

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

.avaitem-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;
}

.avaitem-t>.img1 {
    width: 100%;
    height: 250px;
    margin: 0px 0px;
    padding: 0px 0px;
    border-radius: 5px;
    object-fit: cover;
}

.avaitem-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;
}

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

.avaitem-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 30px 10px;
}

.avaitem-b>.link1 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    text-align: center;
    line-height: 24px;
}

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

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

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

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

.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: 100px 0px;
    background: #E6C8A3;
}

.custbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    width: 1300px;
    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: 50%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

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

.custbox-l-a-a {
    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;
}

.custbox-l-a-a>.label1 {
    padding: 0px 0px;
    text-align: left;
    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: left;
    font-size: 30px;
    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;
}

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

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

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

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

.custrow-r>.label2 {
    margin: 10px 0px;
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

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

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

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



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

.subindustry {
    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;
}

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

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

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

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

.subindustry-b {
    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;
}

.subindustry-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_industry2 .swiper-slide img {
    display: block;
    width: 100%;
    height: 500px;
    object-fit: cover;
}

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

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

.swiper_industry2 .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_industry2 .swiper-pagination-bullet-active {
    color: #fff;
    background: #36B37E;
}

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

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

/*
.swiper_industry2 .swiper-button-next:after,
.swiper_industry2 .swiper-button-prev:after {
    content: '';
}
*/
/*--------自适应--------*/
.subindustry-all {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 100px 0px 0 0;
    padding: 0px 0px;
}

.subindustry-all>.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;
}

.subindustry-all>.link1:hover {
    color: #fff;
    text-decoration: none;
}

.subindustry-all>.link1:active {
    color: #fff;
    text-decoration: none;
}

.subindustry-all>.link1:visited {
    color: #fff;
    text-decoration: none;
}

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


.fooditem {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: 500px;
    margin: 0px 0px;
    padding: 0px 0px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.fooditem>.img1 {

    width: 100%;
    height: 100%;
    margin: 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.fooditem-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    margin: 0px auto;
    padding: 40px 20px;
    position: absolute;
    z-index: 10;
    left: 0px;
    top: 0px;
}

.fooditem-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;
}

.fooditem-b-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;
}

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

.fooditem-b-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: 10px 0px;
}

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

.fooditem-b-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;
}

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

.fooditem-b-b>.link1:hover {
    color: #fff;
    text-decoration: none;
    background-color: #069603;
    border: solid 1px #069603;
}



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



.subindustry-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%;
}

.subindustry-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;
}

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



.discount-c {
    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;
}

.discount-c-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 24%;
    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;
}

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


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

.howhelp-c-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 1300px;
    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: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 20px 0px;
}

.howhelp-c-a-a>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 30px;
    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: 30%;
    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: 60px 0px;
    background: #fff;
}

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

.livecontact-l {
    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;
}

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

.livecontact-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 50%;
    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: 80%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.livecontact-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: 10px 0px;
}

.livecontact-r-a-a>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #36B37E;
}

.livecontact-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;
}

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

.livecontact-r-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;
}

.livecontact-r-a-c>.label1 {
    margin: 20px 0px 0px 0px;
    padding: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

.livecontact-r-a-d {
    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 0px;
}

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

.liverow-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: 20px 0px;
}

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

.liverow-m1 {
    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;
}

.liverow-m1>.img1 {
    width: 20px;
    height: 20px;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px;
    object-fit: cover;
}

.liverow-m1>.link2 {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    color: #666;
    text-decoration: none;
}

.liverow-m1>.link2:hover {
    color: #666;
    text-decoration: none;
}

.liverow-m1>.link2:active {
    color: #666;
    text-decoration: none;
}

.liverow-m1>.link2:visited {
    color: #666;
    text-decoration: none;
}

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





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

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

.officecontact-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;
}

.officecontact-l-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 80%;
    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: 50%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

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

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



.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: 1300px;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.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: left;
    font-size: 30px;
    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: 60%;
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    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: 50px 0px;
    padding: 0px 0px;
}

.advantbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 45%;
    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: flex-start;
    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: flex-start;
    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;
    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;
}

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






.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: 1300px;
    height: auto;
    margin: 0px auto;
    padding: 80px 0px;
}

.mainifest-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    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: 40%;
    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;
}

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





.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: 80px 0px;
    background: #F7F7F7;
}

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

.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: flex-start;
    width: 100%;
    height: auto;
    margin: 10px 0px;
    padding: 0px 0px;
}

.mission-box-a-a>.label1 {
    padding: 0px 0px;
    text-align: left;
    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: flex-start;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.mission-box-a-b>.label1 {
    width: 60%;
    padding: 0px 0px;
    text-align: left;
    font-size: 30px;
    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;
}

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

.xmission-c {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    position: relative;
}

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

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

.xmission .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;
}

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

.xmission-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%;
}

.xmission-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;
}

.xmission-next label,
.xmission-prev label {
    font-size: 20px;
    color: #000;
    font-weight: normal;
    cursor: pointer;
}

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

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

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





.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: 80px 0px;
    background: #fff;
}

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

.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: 30px;
    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: 60%;
    margin: 20px 0px;
    padding: 0px 0px;
    text-align: center;
    font-size: 16px;
    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;
}

.ourvalue-b>.ourvaluerow:nth-child(1) {
    background-color: #83597E;
}

.ourvalue-b>.ourvaluerow:nth-child(2) {
    background-color: #575C8B;
}

.ourvalue-b>.ourvaluerow:nth-child(3) {
    background-color: #345769;
}

.ourvalue-b>.ourvaluerow:nth-child(4) {
    background-color: #8C8C8C;
}

.ourvalue-b>.ourvaluerow:nth-child(5) {
    background-color: #EF7B68;
}

.ourvalue-b>.ourvaluerow:nth-child(6) {
    background-color: #5A8154;
}

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

.ourvaluerow-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;
}

.ourvaluerow-t>.label1 {
    padding: 0px 0px;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.ourvaluerow-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;
}

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


.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:80px 0px;
background:#fff;
}
.indmater{
box-sizing:border-box;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
width:1200px;
height:auto;
margin:0px 0px;
padding:0px 0px;
}
.indmater-t{
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;
}
.indmater-t>.label1{
padding:0px 0px;
text-align:left;
font-size:12px;
font-weight:bold;
color:#999;
}
.indmater-m1{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
width:100%;
height:auto;
margin:40px 0px;
padding:0px 0px;
}
.indmater-m1>.label1{
padding:0px 0px;
text-align:left;
font-size:30px;
font-weight:bold;
color:#000;
}
.indmater-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;
}
.indmater-m2>.img1{
width: 100%;
height: auto;
object-fit: cover;
border-radius: 5px;
}
.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:50px 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:24%;
height:auto;
margin:0px 0px;
padding:0px 0px;
}
.indmrow-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;
}
.indmrow-t>.img1{
width:50px;
height:50px;
margin:0px 0px;
padding:0px 0px;
object-fit:cover;
}
.indmrow-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;
}
.indmrow-m>.label1{
padding:0px 0px;
text-align:center;
font-size:16px;
font-weight:bold;
color:#000;
}
.indmrow-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;
}
.indmrow-b>.label1{
padding:0px 0px;
text-align:center;
font-size:14px;
font-weight:normal;
line-height:1.6;
color:#333;
}
/*--------自适应--------*/



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

.pager {
    box-sizing: border-box;
    clear: both;
    font-size: 14px;
    width: 100%;
    height: auto;
    margin: 40px 0 50px 0;
    padding: 0 0px 0 0;
    text-align: center;
}

.pager a {
    color: #666;
    font-size: 14px;
    text-decoration: none;
    border: solid 1px #ddd;
    display: inline-block;
    padding: 6px 10px;
    margin: 2px 4px;
    border-radius: 3px;
}

.pager a:visited {
    color: #666;
    text-decoration: none
}

.pager a:active {
    color: #666;
    text-decoration: none
}

.pager a:hover {
    color: #666;
    text-decoration: none;
}

.pager a.cur {
    color: #fff;
    background: #009aff;
    border: solid 1px #009aff;
}

.pager a.prev {}

.pager a.next {}

.pager a.off {
    color: #dddddd;
    border: solid 1px #ddd;
}

.pager span {
    float: right;
}

.pager input {
    outline: none;
    width: 40px;
    height: 29px;
    text-align: center;
    line-height: 28px;
    border: solid 1px #ccc;
}

.pager button {
    outline: none;
    width: 40px;
    height: 29px;
    line-height: 28px;
    border: solid 1px #ccc;
    border-left: none;
    cursor: pointer;
}