@charset "utf-8";
@import url('reset.css?v=0.042');
@import url('swiper-bundle.min.css?v=0.0252');
@import url('font-awesome/css/font-awesome.min.css');

@font-face {
    font-family: "SourceHanSansCN-Light";
    src: url("fonts/AlibabaPuHuiTi-3-45-Light.otf");
}

@font-face {
    font-family: "SourceHanSansCN-Regular";
    src: url("fonts/AlibabaPuHuiTi-3-55-RegularL3.otf");
}

@font-face {
    font-family: "SourceHanSansCN-Medium";
    src: url("fonts/AlibabaPuHuiTi-3-65-Medium.otf");
}

@font-face {
    font-family: "SourceHanSansCN-Bold";
    src: url("fonts/AlibabaPuHuiTi-3-85-Bold.otf");
}




* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



:root {
    --main--color:rgb(54,96,170);
  }

input,
select,
button,
textarea {
    font-family: "SourceHanSansCN-Regular";
}

body {
    font-family: "SourceHanSansCN-Regular";
    background: rgb(245,245,245);
    font-size: 14px;
    color: #000;
}

a {
    background: transparent;
    text-decoration: none;
    color: #000
}

a:active,
a:hover {
    outline: 0
}



.wrapper {
    width: 1200px;
    margin: 0 auto;
}

.wrapper-fluid {
    width: 90%;
    margin: 0 auto;
}

.ts {
    text-transform: uppercase
}

.nomar {
    margin-top: 0 !important;
}

.pf {
    position: fixed;
    z-index: 1;
}

.pz {
    position: relative;
    z-index: 1
}

.pa {
    position: absolute;
    z-index: 1999
}

.bz {
    box-sizing: border-box
}

.b,
.fb {
    font-weight: bold
}

.i {
    font-style: italic
}

.hidden {
    display: none !important
}

.cb {
    clear: both
}

.vs {
    overflow: visible !important
}

.all {
    min-width: 1400px;
}

a:hover {
    text-decoration: none;
    color: blue !important;;
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.flexCenter {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flexJc {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.flexAc {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.flexColumn {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

.flexWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.flexJb {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flexRight {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
}

.ov {
    overflow: hidden;
}

.transition,
.transition * {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

table {
    border-collapse: collapse;
}

table td {
    border: 1px solid #bbbbbc;
}

.textCenter {
    text-align: center !important;
}

.textLeft {
    text-align: left !important;
}

.db {
    display: block;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

img {
    max-width: 100%;
}

.w100 {
    width: 100%;
}

.fb {
    font-weight: bold !important;
}

/*animation*/
.scaleImg {
    overflow: hidden;
}

/*.scaleImg img{border-radius:15px;}*/
.scaleImg img,
.scaleImg:hover img {
    transition: all 1s;
}

.scaleImg:hover img {
    transform: scale(1.1);
}

.textEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.line6 {
    -webkit-line-clamp: 6;
}

.line5 {
    -webkit-line-clamp: 5;
}

.line4 {
    -webkit-line-clamp: 4;
}

.line3 {
    -webkit-line-clamp: 3;
}

.line2 {
    -webkit-line-clamp: 2;
}

.line1 {
    -webkit-line-clamp: 1;
}

/*头部*/
header.head {
    width: 100%;
    transition: all .25s ease-in-out;
}


header.active {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999 !important;
    transition: all .25s ease-in-out;
}

#header_flag.ele_active{
    height: 176px;
}

header.pagehead {
    height: 184px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999 !important;
    width: 100%;
}

.top {
    background: #16a6b1;
    padding: 10px 0;
}

.head-wz {
    color: #FFFFFF;
    font-size: 20px;
}

.head-wz a {
    color: #FFFFFF;
    font-size: 20px;
    margin: 0 10px;
    font-family: "SourceHanSansCN-Medium";
}

.head-lan .head-lan-item:first-child {
    margin: 0 30px;
}

.head-lan .head-lan-item a {
    color: #FFFFFF;
    font-size: 20px;
    font-family: "SourceHanSansCN-Medium";
}

.head-lan .head-lan-item .lan-icon {
    margin-right: 5px;
}

header.head .head-middle {
    
    width: 100%;
    height: 156px;

    /* background: url("/template/pc/skin/images/header_bg.png") no-repeat center; */
    background-color: white;
    

}



header.pagehead .head-middle {
    position: relative;
    background: #FFFFFF;
}

.logo {
    max-width: 230px;
    padding: 10px 0;
    display: flex;
    align-items: center;
}

.logo img {
    max-width: 89px;
}

.logo .logofont {
    font-size: 16px;
    padding-left: 15px;
    height: 26px;
    font-weight: 400;
    letter-spacing:2px;
}

.head-menu-item {
    position: relative;
}

.head-menu-item a.nav-link {
    font-size: 20px;
    line-height: 20px;
    font-family: "SourceHanSansCN-Bold";
    color:rgb(51,51,51);
}

.head-menu-item:first-child a.nav-link {
    margin-left: 0;
}

.head-menu-item:hover a.nav-link,
.head-menu-item.active a.nav-link {
    color: goldenrod !important;
    border-bottom-color:var(--main--color);
}


.head-menu-item .nav-link {
    display: block;
    padding-bottom: 10px;
    text-decoration: none;
    color: white !important;
    border-bottom: 2px solid transparent; /* 默认透明底边 */
    transition: border-color 0.3s ease; /* 平滑过渡效果 */
    padding: 13px;

  }


.menu_down {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -115px;
    top: 45px;
    z-index: 9;
    width: 230px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 2px 6px rgba(115, 115, 115, .2);
}

.menu_down .two-nav {
    padding: 0 10px;
}

.menu_down .two-nav a {
    width: 100%;
    display: block;
    line-height: 24px;
    font-size: 16px;
    padding: 12px 0;
    text-align: center;
    border-bottom: 1px solid #8d8e8e;
}

.menu_down .two-nav a:last-child a.second {
    border: 0;
}

.menu_down .two-nav a:hover {
    color: var(--main--color);
}

.m-navbth {
    display: none;
}

.nav_box {
    background: var(--main--color);
    width: 100%;
    position: absolute;
    top: 60%;
    z-index: 999;
    display: none;
    padding-bottom: 50px;
    animation: fadeIn .5s;
    -moz-animation: fadeIn .5s;
    -webkit-animation: fadeIn .5s;
    -o-animation: fadeIn .5s;
}

.nav_box.nav_show {
    display: block;
}

.head-nav {
    margin: 0px auto;
    width: 92%;
}

.head-nav .nav_item .title {
    line-height: 50px;
    position: relative;
    border-bottom: 1px solid #fff;
}

.head-nav .nav_item .title,
.head-nav .nav_item .title a {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: normal;
}

.head-nav .nav_item .link-list {
    padding: 10px 15px 0px;
    display: none;
    animation: fadeIn 1s;
    -moz-animation: fadeIn 1s;
    -webkit-animation: fadeIn 1s;
    -o-animation: fadeIn 1s;
}

.head-nav .nav_item .link-list.active {
    display: block
}

.head-nav .nav_item .link-list a {
    display: block;
    color: #FFFFFF;
    padding-left: 10px;
    line-height: 36px;
    font-size: 14px;
}

.jtt {
    position: absolute;
    top: 15px;
    right: 5px;
    font-size: 20px;
    transition: transform .5s;
}

.head-nav .nav_item.open .jtt {
    transform: rotate(180deg);
}


.head .search{
    max-height: 43px;
    display: flex;
}

.head .search .input-group{
    display: flex;
    width: 430px;
    background-color: white;
    border-radius:5px;
    border: 1px solid var(--main--color);
    align-items: center;
    justify-content: space-between;

}

.head .search .input-group .input1{
    width: 88px;
    border-right: 1px solid var(--main--color);
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    height: 26px;
    color:var(--main--color);
    
}


.head .search .input-group .searchinput{
    display: flex;
    align-items: center;
    height: 26px;
    color:var(--main--color);
    width: 230px;
    margin-left: 10px;
    border: 0px;
    
}

.head .search .input-group .searchbutton{
    background-color: var(--main--color);
    color: white;
    border: 0px;
    width: 83px;
    height:38px;
    border-radius: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 16px;
    margin-right: 2px;
}


.searchbutton .fa-lg {
    font-size: 18px;
    line-height: 0;
    vertical-align: 0;
}

.toptel{
    margin-left: 55px;
    display: flex;
    align-items: center;
    font-size: 22px;
    color:rgb(51,51,51);
}

.toptel .telimg img{
    width:22px;
    margin-right: 10px;
}



.head-r{
    /* margin-top: 20px; */
    background-color: var(--main--color);

}


.search_tel_box{
    display: flex;
    gap: 10px; 
    margin-top: 20px;
}

.index-gg1{
    background-color: white;
    margin-top: 18px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid rgb(218,229,245);

}

.index-gg1 .title{
    color: var(--main--color);
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.index-gg1 .title a{
    color: var(--main--color);
}


.index-2{
    margin-top: 20px;
}

.index-2-flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.index-2-1{
    width: 380px;
    background-color: white;
    border-radius: 8px;
    border-top: 8px solid rgb(101,133,189);
    padding: 8px 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    
}

.index-2-1 .box1{
    padding-bottom: 10px;
    border-bottom: 2px solid rgb(218,229,245);
}

.index-2-1 .box2{
    margin-top: 10px;
}

.index-2-1 .title{
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 3px;
    color:rgb(51,51,51)
    
}

.index-2-1 .title span{
    color:rgb(54,96,170);
    margin-left: 3px;
}

.index-2-1 .more1{
    font-size: 16px;
    display: flex;
    align-items: center;
    color:rgb(54,96,170);
}

.index-2-1 .more1 a{
    color:rgb(54,96,170);
}

.index-2-1 .more1 i{
    margin-top: 5px;
    color:rgb(54,96,170);
}

.index-2-1 .box2 a{
    color:rgb(76,76,76);
    font-size: 16px;
}

.index-2-1 .box2 .content{
    margin-bottom: 5px;
    height: 32px;
    overflow: hidden;
}

.index-2-1 .box2 i{
    color:rgb(51,51,51);
}


.index-2-2{
    width: 380px;
    background-color: rgb(54,96,170);
    border-radius: 8px;
    padding: 20px 20px;
    color:white;    
}

.index-2-2 .title{
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 3px;
    padding-bottom: 5px;
    border-bottom: 2px solid rgb(74,112,179);
}

.index-2-2 .verification{
    padding-top: 5px;
}

.index-2-2 .verification .box3{
    display: flex;
    flex-direction: column
}

.index-2-2 .verification .searchverification{
    font-size: 16px;
    padding: 13px;
    margin-top: 15px;
    border-radius: 10px;
    border: 0;
    color:rgb(153,153,153);

}

.index-2-2 .verification .verificationbutton{
    font-size: 22px;
    margin-top: 15px;
    border-radius: 10px;
    border: 0;
    background-color: rgb(234,241,252);
    color:rgb(54,96,170);
    font-weight: bold;
    letter-spacing: 10px;
}

.index-2-2 .content{
    font-size: 16px;
    margin-top: 20px;
}


.index-3 .box4{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    margin-top: 15px;
}

.index-3 .box4 .pic{
    border-radius: 6px;
    overflow: hidden;
    flex: 1;
    text-align: center;
}


.index-4{
    margin-top: 20px;
}

.index-4 .box5{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.index-4-1{
    width: 385px;
    border-radius: 8px;
    overflow: hidden;
    background-color: rgb(105,137,192);
}

.index-4-1 .box1{
    background-color: rgb(105,137,192);
    padding: 11px 20px;
    
}
.index-4-1 .title{
    font-size: 24px;
    font-weight: bold;
    color: white;
}

.index-4-1 .more1 {
    font-size: 16px;
    display: flex;
    align-items: center;
    color: white;
}

.index-4-1 .more1 i {
    margin-top: 5px;
    color: white;
}

.index-4-1 .more1 a {
    color: white;
}

.index-4-1 .box2{
    margin: auto;
    background-color: white;
    border-radius: 5px;
    margin: 0px 3px 3px 3px;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    box-sizing: border-box;
    gap: 10px;
    
}

.index-4-1 .box3{
    flex: 0 0 calc(33.333% - 10px);
    box-sizing: border-box;
    text-align: center;
    margin-top: 5px;
}

.index-4-1 .box2 a{
    color:rgb(51,51,51);
    font-size: 17px;
}

.index-4-1 .box2 .pic{
    margin-bottom: 5px;
}

.index-5 .box1{
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;

}


.index-7 .box{
    background: url("/template/pc/skin/images/message_bg.png") no-repeat;
    background-size: cover;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 20px;
}

.index-7 .box .box1{
    width: 55px;
    height: 203px;
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
    padding: 3px;
}

.index-7 .box .box3{
    
    color:var(--main--color);
    font-size: 24px;
    border: 1px solid var(--main--color);
    border-radius: 8px;
    overflow: hidden;
    background: linear-gradient(to bottom, white, rgb(238,243,251));
    writing-mode: vertical-lr;
    height: 100%;
    width: 100%;
    text-align: center;
    font-weight: bold;
    letter-spacing: 5px;
}

.index-7 .box .box2{
    flex: 1;
}

.index-7 .box .box5{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}




.index-7 .box .box2 textarea{
    font-size: 16px;
    padding: 20px;
    color: rgb(153,153,153);
    border: 0;
    border-radius: 8px;
    width: 100%;
}

.index-7 .box .box2 .input{
    font-size: 16px;
    padding: 10px 20px;
    color: rgb(153,153,153);
    border: 0;
    border-radius: 8px;
    flex: 1;
    min-width: 300px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.index-7 .box .box2 .input1{
    font-size: 16px;
    padding: 10px 130px 10px 20px;
    color: rgb(153,153,153);
    border: 0;
    border-radius: 8px;
    flex: 1;
    min-width: 300px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}


.index-7 .box .box2 .box6{
    flex: 1;
}

.index-7 .box .box2 .code{
    flex: 1;
    position: relative;
}

.index-7 .box .box2 .code img{
    position: absolute;
    width: 110px;
    height: 40px;
    right: 0px;
    top: 2px;
    border-radius: 8px;
    cursor: pointer;
}

.index-7 .box .box2 button{
    flex: 1;
    padding: 0px 20px;
    box-sizing: border-box;
    border-radius: 8px;
    border: 0;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 5px;
    color: var(--main--color);
    width: 100%;
    height: 100%;
    

}


.index-8{
    margin-top: 20px;
}

.index-8 .box{
    border-radius: 8px;
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;
    background-color: white;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}


.index-8 .box a{
    font-size: 16px;
    color: rgb(51,51,51);
    padding-left: 5px;
    padding-right: 5px;
}

.index-8 .box a:hover{
    color:blue;
}


.index-9{
    margin-top: 20px;
}

.index-9 .index-2-1{
    border-top: 0;
    border-bottom: 3px solid rgb(54,96,170);
    width: 100%;
}

.index-9 .box3{
    display: flex;
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: space-between;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 100%;
}

.index-9 .box3 .img{
    border: 1px solid rgb(218,229,245);
    border-radius: 8px;
    text-align: center;
    padding: 10px 0;
    height: 110px;
    box-sizing: border-box;
    justify-content: center;
    display: flex;
    align-items: center;
}

.index-9 .box3 .img img{
    max-width: 170px;
    max-height: 90px;
}

/* 当图片 >6 时，启动匀速滚动 */
.index-9 .swiper-wrapper.scrolling {
  animation: scrollLeft 20s linear infinite;
}



@keyframes scrollLeft {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); } /* 因为 loop 克隆了一倍内容，-50% = 滚完一组 */
}

/* 鼠标悬停暂停 */
.index-9:hover .swiper-wrapper.scrolling {
  animation-play-state: paused;
}

/*轮播图*/
.indexbanner {
    width: 100%;
}

.indexbanner .swiper-slide img {
    width: 100%;
}

.indexbanner .swiper-pagination-bullet {
    background: none;
    opacity: 1;
    width: 14px;
    height: 14px;
    background: #1a9eb0;
    border: #1a9eb0 solid 1px;
    border-radius: 8px;
}

.indexbanner .swiper-pagination-bullet-active {
    background: #fff;
    border: #fff solid 1px;
}

/*首页Business*/
.index-business {
    padding: 70px 0;
}

.index-cate-tit,
.index-cate-ctit {
    text-align: center;
    color: #16a6b1;
    font-size: 64px;
    line-height: 1.1;
    font-family: "SourceHanSansCN-Bold";
}

.index-cate-con {
    text-align: center;
    font-size: 20px;
    color: #595757;
    line-height: 1.6;
    font-family: "SourceHanSansCN-Medium";
}

.in-business .in-business-item {
    margin: 130px 30px 0 0;
    position: relative;
    width: calc((100% - 90px) / 4);
    background: #FFFFFF;
    box-shadow: 0 5px 10px rgba(115, 115, 115, .2);
}

.in-business .in-business-item:nth-child(4) {
    margin-right: 0;
}

.in-business-item-img {
    margin-top: -90px;
    text-align: center;
}

.in-business-item-img img {
    border-radius: 50%;
    width: 180px;
}

.in-business-item-title {
    text-align: center;
    position: relative;
    font-size: 30px;
    line-height: 1.3;
    margin-top: 30px;
}

.in-business-item-title:before {
    content: "";
    position: absolute;
    border-radius: 5px;
    z-index: 2;
    background: #4280d3;
    left: 50%;
    top: calc(100% + 5px);
    width: 30px;
    margin-left: -15px;
    height: 8px;
}

.in-business-item-con {
    margin-top: 35px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 1.5;
    color: #999;
}

.in-business-item-more {
    padding: 30px 0;
    text-align: center;
}

.in-business-item-more a {
    padding: 10px 30px;
    border-radius: 8px;
    border: #abacac solid 1px;
    color: #535353;
    font-size: 20px;
    line-height: 1;
}

.in-business .in-business-item:hover .in-business-item-title {
    color: #16a6b1;
}

.in-business .in-business-item:hover .in-business-item-more a {
    border: #16a6b1 solid 1px;
    background: #16a6b1;
    color: #fff;
}

/*首页Category*/
.index-category {
    padding: 0 0 50px 0;
}

.in-category {
    background: #f0f5f9;
    margin-top: 30px;
}

.in-category-c {
    padding: 20px 0 50px 0;
}

.in-category-item {
    width: calc((100% - 60px) / 3);
    margin: 30px 30px 0 0;
    background: #dcf1f4;
    border-radius: 10px;
    padding: 15px;
}

.in-category .in-category-item:nth-child(3) {
    margin-right: 0;
}

.in-category-item-img {
    background: #FFFFFF;
    padding: 40px 15px;
    border-radius: 10px;
}

.in-category-item-img img {
    width: 100%;
}

.in-category-item-text {
    padding: 40px 0 20px 0;
    text-align: center;
}

.in-category-item-title {
    font-size: 34px;
    font-weight: bold;
    line-height: 1.1;
}

.in-category-item-con {
    font-size: 14px;
    color: #999;
    line-height: 1.6;
    margin-top: 10px;
}

.in-category-item-more {
    padding-top: 50px;
}

.in-category-item-more a,
.in-about-more a {
    background: #16a6b1;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    padding: 10px 30px;
    border-radius: 8px;
}


/*首页About*/
.index-about {
    background: url(../images/about_bj.jpg) top center no-repeat;
    background-size: cover;
    padding: 70px 0;
}

.index-cate-ctit {
    text-align: left;
    color: #FFFFFF;
}

.in-about-text {
    margin-top: 20px;
    flex-flow: row-reverse wrap;
}

.in-about-con {
    width: 50%;
}

.in-about-wcon {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 1.5;
}

.in-about-more {
    padding-top: 50px;
}

.in-about-more a {
    background: #147e87;
}

.in-about-img {
    width: calc(50% - 150px);
}

.in-about-img img {
    width: 100%;
    border-radius: 60px 0 60px 0;
}

.in-certifications {
    margin-top: 50px;
}

.in-cert-img {
    text-align: center;
}

.in-cert-title {
    text-align: center;
    font-size: 36px;
    color: #FFFFFF;
    margin: 20px 0;
    font-family: "SourceHanSansCN-Medium";
    line-height: 1.1;
}

.in-cert-con {
    text-align: right;
    font-size: 18px;
    padding-bottom: 10px;
    padding-right: 40px;
    color: #FFFFFF;
    margin-top: 50px;
}

.in-cert .swiper-slide {
    background: #FFFFFF;
    aspect-ratio: 1/0.8;
}

.in-cert .in-cert-icon {
    height: 100%;
}

.in-cert .in-cert-icon img {
    height: 145px;
}

.in-cert {
    padding: 0 50px;
    position: relative;
}

.in-cert .swiper-button-next,
.in-cert .swiper-button-prev {
    border: #FFFFFF solid 1px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
}

.in-cert .swiper-button-next .iconjiantou2,
.in-cert .swiper-button-prev .iconjiantou2 {
    color: #FFFFFF;
    font-size: 22px;
}

.in-cert .swiper-button-prev .iconjiantou2 {
    transform: rotate(180deg);
}

.in-cert .swiper-button-next,
.in-news .swiper-button-next {
    right: 0;
    left: auto;
}

.in-cert .swiper-button-prev,
.in-news .swiper-button-prev {
    right: auto;
    left: 0;
}

.in-cert .swiper-button-next:after,
.in-cert .swiper-button-prev:after,
.in-news .swiper-button-next:after,
.in-news .swiper-button-prev:after {
    display: none;
}


/*首页News*/
.index-news {
    background: #dcf1f4;
    padding: 70px 0;
    margin: 50px 0;
}

.in-news {
    padding: 60px 70px 0;
    position: relative;
}

.swiper-slide {
    background: #FFFFFF;
    border-radius: 5px;
}

.in-news-img img {
    width: 100%;
    border-radius: 5px 5px 0 0;
}

.in-news-tips {
    padding: 20px;
    padding-bottom: 0;
}

.in-news-tips span {
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.5;
    background: #028e93;
    padding: 5px;
    border-radius: 8px;
}

.in-news-text {
    padding: 20px;
    font-size: 16px;
    line-height: 1.5;
}

.in-news-text .date {
    color: #028e93;
}

.in-news .swiper-button-next,
.in-news .swiper-button-prev {
    width: 50px;
    height: 55px;
    margin-top: -22.5px;
}

.in-news .swiper-button-next img,
.in-news .swiper-button-prev img {
    width: 100%;
}

.in-news-more {
    padding-top: 50px;
}

.in-news-more a {
    background: #16a6b1;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    padding: 15px 30px;
    border-radius: 8px;
}

.in-news-more a .iconjiantou {
    margin-left: 5px;
}

/*首页Message*/
.index-message {
    background: #dcf1f4;
    padding: 30px 0;
    margin: 50px 0;
}

.index-wmessage {
    background: #16a6b1;
    padding: 50px 0;
}

.index-cooperation {
    background: #2eafb9;
    border-radius: 25px;
    padding: 30px 50px;
}

.index-cooperation-tit,
.index-cooperation-btit,
.index-cooperation-ctit {
    text-align: center;
    color: #97d7dc;
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 15px;
}

.index-cooperation-btit {
    font-size: 38px;
    color: #FFFFFF;
}

.index-cooperation-ctit {
    font-size: 24px;
    color: #595757;
    font-family: "SourceHanSansCN-Medium";
}

.form-group {
    margin-bottom: 15px;
}

.form-group-item {
    width: calc(50% - 15px);
}

.form-group-title {
    color: #97d7dc;
    font-size: 18px;
}

.form-control {
    border: none;
    width: 100%;
    background: none;
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    font-size: 18px;
    color: #fff;
    background: #1a8a93;
}

.form-group textarea.form-control {
    height: 135px;
}

input.form-control::placeholder,
textarea.form-control::placeholder {
    color: #fff;
}

.contact_btn {
    width: 100px;
    border: none;
    text-align: center;
    background: #1a8a93;
    color: #FFFFFF;
    font-size: 18px;
    padding: 10px 0;
    border-radius: 5px;
}

.contact_btn:hover {
    background: #119aa5;
}






/*底部*/
footer {
    
    padding-top: 40px;
}

footer .foot_logo{
    max-width: 150px;
}

footer .box{
    border-top:  1px solid rgb(221,221,221);
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 50px;
}

footer .box1{
    min-width: 200px;
}

footer .box3{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    text-align: center;
    color:rgb(51,51,51);
    font-size: 16px;
}

footer .box3 .pic{
    padding: 10px;
    border-radius: 8px;
    overflow: hidden;
    background-color: white;
}

footer .box3 .pic img{
    max-width: 112px;
    max-height: 112px;
}

footer .box2{
    min-width: 300px;
    color:rgb(51,51,51);
    font-size: 16px;
    flex: 1;
}

footer .box2 .content p{
    margin-top: 0px;
}


.foot-logo-wz {
    border-bottom: #737474 solid 1px;
    padding: 15px 0;
}

.foot-logo {
    width: 350px;
}

.foot-logo img {
    width: 100%;
}

.foot-wz {
    margin-left: 20px;
    color: #fff;
    font-size: 30px;
    font-family: "SourceHanSansCN-Medium";
}

.ft {
    border-bottom: rgb(221,221,221) solid 1px;
}

.foot-contact {
    width: calc(100% - 500px);
    margin-top: 30px;
}

.foot-navitem {
    width: 250px;
    margin-top: 30px;
}

.foot-ctitle {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #fff;
    position: relative;
}

.foot-ctitle:before {
    content: "";
    position: absolute;
    z-index: 2;
    background: #fff;
    left: 0;
    top: calc(100% + 3px);
    width: 30px;
    height: 2px;
}

.nav-item-son a {
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
}

.nav-item-son a:hover,
.foot-copy a:hover {
    color: #16a6b1;
}

.foot-contact-item {
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
}

.foot-contact-item:last-child {
    margin-right: 0;
}

.foot-contact-item-img img {
    width: 100px;
}

.foot-contact-item-con {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 10px;
}

.ft-nav {
    text-align: center;
    color: #9fa0a0;
    font-size: 18px;
    font-family: "SourceHanSansCN-Bold";
    padding: 50px 0 10px 0;
}

.ft-nav a {
    color: #9fa0a0;
    margin: 0 5px;
}

.ft-nav a:hover {
    color: #fff;
}

.foot-copy {
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    padding: 20px 0;
    text-align: center;
    font-family: "SourceHanSansCN-Light";
}

.m_nav_100{
        display: none;
    }

.m_nav{
    display: none;
}

/*内页面包屑导航*/
.page-banner {
    position: relative;
    margin-top: 0px;
}

.page-banner img {
    width: 100%;
}


.page-banner-text {
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    top: calc(50% - 40px);
    text-align: center;
}



.page-banner-tit {
    color: #FFFFFF;
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 3px;
    /* background: rgba(0, 0, 0, 0.2); */
    line-height: 78px;
    /* padding: 10px 25px; */
}

.page-banner-htext {
    width: 100%;
    height: 100%;
    text-align: center;
}

.page-banner-wtext {
    width: 100%;
}

.page-banner-cate {
    color: #FFFFFF;
    font-size: 58px;
    text-transform: uppercase;
    font-family: "SourceHanSansCN-Bold";
    line-height: 1;
}

.page-position {
    color: rgb(51,51,51);
    font-size: 16px;
    margin-top: 20px;
}

.page-position a {
    color: rgb(51,51,51);
}

.page-wcategory {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-category-item {
    background: #e7f6f7;
    border-right: #FFFFFF solid 1px;
    font-size: 18px;
    padding: 10px 30px;
}

.page-category-item.current {
    background: #16a6b1;
    color: #fff;
}

/*内页关于我们*/
.about-info-one {
    border-bottom: #9fa0a0 solid 1px;
    margin-bottom: 10px;
    padding: 50px 0 20px;
}

.about-info-tit,
.about-cert-tit {
    font-size: 48px;
    color: #17a7b1;
    line-height: 1.1;
    font-family: "SourceHanSansCN-Bold";
}

.about-info-con,
.about-cert-con {
    font-size: 22px;
    line-height: 1.6;
    position: relative;
    font-family: "SourceHanSansCN-Medium";
}

.about-info-con:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: calc(100% + 30px);
    width: 30px;
    height: 8px;
    background: #16a6b1;
    border-radius: 5px;
}

.about-info-two {
    background: #17a7b1;
    padding: 70px 0;
}

.about-info-text {
    flex-flow: row-reverse wrap;
}

.about-info-text-con,
.about-info-text-img {
    width: calc((100% - 100px) / 2);
}

.about-info-text-con {
    font-size: 24px;
    color: #FFFFFF;
    line-height: 1.5;
    width: 50%;
}

.about-info-text-img img {
    width: 100%;
}

.about-info-three,
.partners-info,
.manufacturing-info,
.manufacturing-info-two {
    background: #f0f5f9;
    padding: 70px 0;
    margin-top: 50px;
    font-size: 18px;
    line-height: 1.6;
}

.about-wz-title {
    color: #16a6b1;
    font-family: "SourceHanSansCN-Bold";
    font-size: 28px;
    line-height: 1.3;
    margin-top: 20px;
}

.about-info-three .about-wz-title:first-child {
    margin-top: 0;
}

.about-wz-btitle {
    color: #16a6b1;
    font-family: "SourceHanSansCN-Bold";
    font-size: 48px;
    line-height: 1.3;
    margin-bottom: 50px;
}

.about-cert-tit,
.about-cert-con {
    text-align: center;
}

/*内页证书*/
.about-cert-list {
    margin-top: 20px;
    background: #eaf7f8;
    padding: 20px 0 70px;
}

.about-cert-list .about-cert-item {
    width: calc((100% - 50px) / 2);
    margin: 50px 50px 0 0;
    background: #FFFFFF;
    border-radius: 60px 0 60px 0;
    padding: 30px;
}

.about-cert-list .about-cert-item:nth-child(2n) {
    margin-right: 0;
}

.about-cert-item .cert-item-img {
    width: 145px;
}

.about-cert-item .cert-item-text {
    width: calc(100% - 175px);
    border-left: #9fa0a0 solid 2px;
    padding: 20px;
    padding-right: 0;
}

.cert-item-title {
    font-size: 24px;
    color: #17a7b1;
    line-height: 1.3;
    font-family: "SourceHanSansCN-Bold";
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}

.cert-item-title:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 30px;
    height: 8px;
    background: #16a6b1;
    border-radius: 5px;
}

.cert-item-con {
    font-size: 18px;
    line-height: 1.7;
}

/*内页历史*/
.history-top {
    background: url(../images/history-t.jpg) top center no-repeat;
    height: 27px;
}

.about-history-list {
    margin-top: 20px;
    background: url(../images/history-h.jpg) top center repeat-y;
}

.history-text,
.history-title {
    width: calc((100% - 100px) / 2);
    position: relative;
}

.history-text {
    background: #16a6b1;
    border-radius: 5px 5px 20px 5px;
    padding: 20px;
}

.history-text::after {
    content: '';
    display: block;
    position: absolute;
    right: -17px;
    margin-top: -9px;
    top: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #16a6b1;
}

.history-img {
    max-width: 480px;
}

.history-img img {
    width: 100%;
}

.history-con {
    margin-top: 20px;
    color: #FFFFFF;
    font-size: 16px;
    font-family: "SourceHanSansCN-Medium";
    line-height: 1.5;
}

.history-title {
    color: #16a6b1;
    font-family: "SourceHanSansCN-Bold";
    font-size: 22px;
}

.history-title:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: -60px;
    width: 20px;
    height: 20px;
    background: #16a6b1;
    border-radius: 50%;
}

.history-item:nth-child(2n+1),
.product-cate-w {
    flex-flow: row-reverse wrap;
}

.history-item:nth-child(2n) .history-text {
    border-radius: 5px 5px 5px 20px;
}

.history-item:nth-child(2n) .history-text::after {
    left: -6px;
    right: auto;
    border-right: 12px solid #16a6b1;
    border-left: none;
}

.history-item:nth-child(2n) .history-title {
    text-align: right;
}

.history-item:nth-child(2n) .history-title:before {
    left: auto;
    right: -60px;
}

.history-more {
    padding-top: 50px;
    text-align: center;
}

.history-more a {
    background: #16a6b1;
    color: #fff;
    font-size: 24px;
    padding: 6px 35px;
    border-radius: 5px;
}

.social-cert {
    padding-bottom: 70px;
}

.page-cert {
    margin-top: 30px;
}

.page-cert-title {
    text-align: center;
    font-size: 48px;
    color: #16a6b1;
    line-height: 1.3;
}

.page-cert-list {
    background: #dcf1f4;
    margin-top: 20px;
    padding: 30px 0 50px;
}

.page-cert-item {
    width: calc((100% - 140px) / 8);
    margin: 20px 20px 0 0;
    text-align: center;
    padding: 0 10px;
}

.page-cert-item img {
    max-width: 100%;
}

.page-cert-item:last-child {
    margin-right: 0;
}

/*内页新闻列表*/

.page_nav{
    min-width: 250px;
    background-color: white;
    border-radius: 8px;
    border-top: 8px solid rgb(101, 133, 189);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.page_nav .title{
    font-size: 24px;
    color: rgb(51,51,51);
    border-bottom: 2px solid rgb(74,112,179);
    margin-bottom: 20px;
    text-align: center;
    padding: 8px 20px;
    width: 90%;
    margin: auto;
    margin-bottom: 20px;
}

.page_nav .page_nav_item1 {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    
}
.page_nav .page_nav_item1_a{
    width: 100%;
    font-size: 18px;
    
    padding: 10px 0 10px 30px;
    margin: auto;

}


.page_nav .active .page_nav_item1_a,.page_nav .page_nav_item1_a:hover{
    background-color: var(--main--color);
}

.page_nav .active .page_nav_a1,.page_nav .page_nav_item1_a:hover .page_nav_a1{
    color:white;
}

.page_nav .page_nav_item2{
    
    font-size: 15px;
    text-align: left;
    margin: auto;
    padding: 5px 0 5px 40px;

}

.page_nav .haschild{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.page_nav .item2_one{
    padding-top: 5px;
}

.page_nav .active2{
}

.page_nav .active2 a{
    color:rgb(7, 89, 230);
}

.list_right{
    flex: 1;
}

.ranking-list {
    padding: 30px 0 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}

/* .ranking-list .item_all {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
} */

/* .ranking-list .item_one {
    flex: 1;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    padding: 20px;
    font-size: 17px;
    flex: 0 0 calc(50% - 10px);
    box-sizing: border-box;
    
} */

.ranking-list .item_all {
    background-color: white;
    padding: 50px;
}

.ranking-list .table1{
    border-collapse: collapse; 
    width: 100%;
    font-size: 18px;
    margin: auto;
}

.ranking-list .table1 td{
    border: 1px solid #ccc; /* 1像素实线边框 */
    padding: 8px 20px;
}

.ranking-list .table1 .td_left{
    width: 250px;
    text-align: center;
}

.ranking-list .item_one a{
    color: rgb(51,51,51);
    
}

.ranking-list .item_one i{
    margin-right: 10px;
}

.ranking-list .item_one div{
    margin-top: 10px;
}

.ranking-list .item_one .span1{
    letter-spacing: 1px;
}


.foot_nav1{
    display: flex;
    flex-wrap: wrap;
    gap:10px;
}

.ele_s_1{
    margin-right: 5px;
}

.pflex{
    display: flex;
    flex-wrap: wrap;
    gap:10px;
}
.pflex_1{
    
}

@media (max-width:500px) {
    .ranking-list .item_all {
        padding: 20px 5px;
    }

    .ranking-list .table1 .td_left {
        width: 132px;
    }
}

.rang_info{
    background-color: white;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.rang_info .item_one{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.rang_info .item_one .box1{
    width: 130px;
    border-radius: 8px;
    background-color: var(--main--color);
    color: white;
    font-size: 18px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 5px 2px;
}


.search_box{
    border-radius: 8px;
    background-color: var(--main--color);
    color: white;
    font-size: 18px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 5px 2px;
    margin-top: 30px;
}

.rang_info .item_one .content1{
    flex: 1;
    font-size: 18px;
    letter-spacing: 2px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: left;
}

.rang_info .product_content_menu{
    width: 130px;
    border-radius: 8px;
    background-color: var(--main--color);
    color: white;
    font-size: 18px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 5px 2px;
    margin-bottom: 20px;
}

.images-list{
    margin-top: 20px;
    padding: 30px 0 70px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}

.images-list .item_all {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    padding: 20px;
    font-size: 17px;
    box-sizing: border-box;
}

.images-list .item_one {
    
}



.images-list .item_one .box1 {
    width: 200px;
    height: 150px;
    border: 1px solid #999;
    border-radius: 8px;
    overflow: hidden;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.images-list .item_one .box1 img{
    max-width: 180px;
    max-height: 130px;
}




.about-news-list {
    padding: 30px 0 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}


.about-news-list .news_list_content{
    width: 100%;
    background: #ffffff;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.news_list_content .news-title{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color:#313131;
    font-size: 18px;
    border-bottom: 1px dashed #f2f2f2;
    padding: 10px 0;
}

.news_list_content .news-title a{
    color:#313131;
    letter-spacing: 1px;
}

.about-news-list .news_list_title{
    display: flex;
    justify-content: space-between;
    gap:20px;
    flex-wrap: wrap;
}

.about-news-list .list_position{
    display: flex;
    align-items: center;
    justify-content: right;
    color: #777;
}

.about-news-list .list_position a{
    color: #777;
}

.news_list_title .title{
    font-size: 26px;
    color: rgb(54,96,170);
}

.about-news-list .news-item {
    width: 100%;
    background: #ffffff;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.news-item .news-title{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.news-item .news-title .typename{
    background-color: rgb(101,133,189);
    color:white;
    padding: 0px 10px;
    border-radius: 8px;
    overflow: hidden;
}

.news-item .news-title .title{
    flex: 1;
}

.news-item .news-title .title a:hover{
    color:var(--main--color);
}


.list_right .info{
    background: #ffffff;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.list_right .info .title{
    font-size: 24px;
    font-weight: bold;
    color:var(--main--color);
    text-align: center;
}

.list_right .info .time{
    font-size: 14px;
    color:rgb(51,51,51);
    text-align: center;
    padding: 10px 0px;
    border-bottom: 1px solid #dcdcdc;
}

.list_right .info .desc{
    font-size: 15px;
    color:rgb(51,51,51);
    padding: 10px 15px;
    padding-top: 20px;
}

.info .desc p{
    line-height: 30px;
    margin-bottom: 20px;
}


/*内页partners*/
.partners-info {
    margin-top: 20px;
}

.partners-cate-item {
    padding-top: 50px;
}

.partners-cate {
    color: #17a7b1;
    font-size: 36px;
    font-family: "SourceHanSansCN-Medium";
    line-height: 1.5;
}

.partners-item {
    margin-top: 20px;
    overflow-x: auto;
}

.partners-cate-head {
    background: #17a7b1;
    font-size: 24px;
    padding: 20px 0;
    min-width: 680px;
}

.cate-head-item-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #FFFFFF;
    transform: rotate(90deg);
    cursor: pointer;
}

.cate-head-item-icon.active {
    transform: rotate(-90deg);
}

.cate-head-item-icon .iconarrowLeft {
    color: #17a7b1;
    font-size: 24px;
    font-weight: bold;
}

.partners-item-content {
    background: #f0f5f9;
    margin-top: 20px;
    padding: 30px 0;
    display: none;
    min-width: 680px;
}

.partners-item-content.active {
    display: block;
}

.partners-text {
    width: calc((100% - 60px) / 2);
}

.partners-title {
    color: #17a7b1;
    font-size: 24px;
    font-family: "SourceHanSansCN-Medium";
    line-height: 1.5;
    margin-bottom: 10px;
}

.partners-con {
    font-size: 18px;
    line-height: 2.2;
}

.partners-email {
    padding-top: 50px;
}

.partners-email a {
    background: #17a7b1;
    color: #FFFFFF;
    font-size: 18px;
    padding: 5px 20px;
    border-radius: 8px;
}

/*内页研发*/
.researches-info {
    color: #564b4a
}

.researches-info img {
    max-width: 100%;
}

.researches-one-text,
.researches-one-img {
    width: calc((100% - 60px) / 2);
}

.researches-one-img img,
.cactus-item-img img {
    width: 100%;
}

.researches-one-text {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.researches-one-text .researches-one-text-img {
    text-align: right;
    margin-top: 20px;
}

.researches-one-text .researches-one-text-img img {
    max-width: 100%;
}

.researches-cactus-title {
    margin-bottom: 20px;
}

.researches-cactus-title span {
    color: #16a6b1;
    font-family: "SourceHanSansCN-Bold";
}

.researches-cactus-list {
    padding: 0 20px 20px;
    background: #FFFFFF;
}

.researches-cactus-item {
    width: calc((100% - 60px) / 4);
    margin: 20px 20px 0 0;
}

.researches-cactus-list .researches-cactus-item:nth-child(4n) {
    margin-right: 0;
}

.cactus-item-title {
    text-align: center;
    color: #16a6b1;
    font-size: 22px;
    line-height: 1.3;
    margin-top: 10px;
}

.researches-info-two {
    padding: 0;
    margin-top: 0;
    background: linear-gradient(to bottom, transparent 80%, #f0f5f9 20%)
}

/*内页Manufacturing*/
.manufacturing-info {
    background: #FFFFFF;
    color: #564b4a;
    margin-top: 0;
}

.manufacturing-info img {
    max-width: 100%;
}

.manufacturing-three-img .manu-three-item {
    width: calc((100% - 60px) / 3);
    margin: 30px 30px 0 0;
}

.manufacturing-four-img .manu-four-item {
    width: calc((100% - 90px) / 4);
    margin: 30px 30px 0 0;
}

.manufacturing-three-img .manu-three-item img,
.manufacturing-four-img .manu-four-item img {
    width: 100%;
}

.manufacturing-three-img .manu-three-item:nth-child(3n),
.manufacturing-four-img .manu-four-item:nth-child(4n) {
    margin-right: 0;
}

.manufacturing-info-two {
    margin-top: 0;
    position: relative;
}

.manufacturing-info-two img {
    max-width: 100%;
}

.quality-text {
    width: 50%;
}

.quality-text-title {
    color: #16a6b1;
    font-size: 22px;
    font-family: "SourceHanSansCN-Bold";
    margin-bottom: 10px;
}

.manufacturing-three {
    margin-top: 50px;
    background: linear-gradient(to bottom, #f0f5f9 90%, transparent 10%);
    padding-bottom: 0;
}

.manufacturing-three-text {
    width: 400px;
    padding-top: 100px;
}

.manufacturing-three-timg {
    width: calc(100% - 450px);
}

.manufacturing-three-timg img {
    width: 100%;
}

.manufacturing-four {
    background: url(../images/manufacturing_bj.jpg) top center no-repeat;
    background-size: cover;
    margin-top: 50px;
}

/*内页Logistics*/
.logistics-info {
    background: #f0f5f9 url(../images/logistics_bj.jpg) bottom center no-repeat;
    padding-bottom: 600px;
}

.logistics-info-title {
    font-family: "SourceHanSansCN-Medium";
    font-size: 20px;
}

.logistics-info-btitle {
    font-family: "SourceHanSansCN-Bold";
    font-size: 24px;
    color: #16a6b1;
}

/*内页Ingredients*/
.product-cate-text {
    width: calc(100% - 600px);
}

.product-cate-img {
    width: 500px;
}

.product-cate-img img {
    width: 100%;
}

.product-cate-title a {
    color: #16a6b1;
    font-family: "SourceHanSansCN-Bold";
    font-size: 24px;
}

.product-cate-con {
    padding: 10px 0;
}

.product-cate-more {
    padding-top: 30px;
}

.product-cate-more a {
    background: #17a7b1;
    color: #FFFFFF;
    font-size: 18px;
    padding: 7px 20px;
    border-radius: 8px;
}

.product-top {
    background: url(../images/incate-bj.jpg) center center no-repeat;
    background-size: cover;
    margin-top: 50px;
}

.product-top-title {
    text-align: center;
    font-size: 48px;
    font-family: "SourceHanSansCN-Bold";
    line-height: 1;
    padding: 70px 0;
    color: #16a6b1;
}

.product-top-list {
    background: url(../images/ingredients-pro-bj.png) top center no-repeat;
}

.product-wz-list,
.product-img-list {
    margin-top: 20px;
}

.product-wz-list .product-wz-item {
    width: 50%;
    margin-top: 40px;
    color: #17a7b1;
    font-family: "SourceHanSansCN-Bold";
    font-size: 34px;
    line-height: 1;
}

.product-wz-list .product-wz-item a {
    color: #17a7b1;
}

.product-wz-list .product-wz-item span {
    width: 25px;
    height: 25px;
    margin-right: 20px;
    border-radius: 50%;
    background: #17a7b1;
}

.product-wz-list .product-wz-t {
    width: calc(100% - 45px);
}

.product-img-list .product-img-item {
    width: calc((100% - 90px) / 4);
    margin: 30px 30px 0 0;
}

.product-img-list .product-img-item:nth-child(4n) {
    margin-right: 0;
}

.product-img-item-img img {
    width: 100%;
    border-radius: 8px;
}

.product-img-item-title {
    text-align: center;
    margin-top: 10px;
}

.product-img-item-title a {
    color: #17a7b1;
    font-family: "SourceHanSansCN-Bold";
    font-size: 18px;
    line-height: 1;
}

.product-cert {
    background: #fff;
    padding: 70px 0;
    margin-top: 0;
}

/*内页Finished*/
.product-acate-title {
    font-family: "SourceHanSansCN-Medium";
    font-size: 48px;
    line-height: 1;
}

.product-acate {
    margin-top: 70px;
}

.product-acate:first-child {
    margin-top: 0;
}

.product-acate .product-img-item-title {
    text-align: left;
}

.product-acate .product-img-item-title a {
    font-family: "SourceHanSansCN-Regular";
    color: #000000;
}

/*内页Finished*/
.botanical-products {
    background: #f0f5f9 url(../images/ingredients-pro-bj.png) top center no-repeat;
}

.botanical-head {
    background: #17a5b0;
}

.botanical-head th {
    text-align: center;
    color: #FFFFFF;
    font-family: "SourceHanSansCN-Bold";
    font-size: 24px;
    line-height: 1;
    padding: 30px 0;
}

.botanical-products td {
    padding: 10px;
    font-size: 22px;
    line-height: 1;
    border: none;
    border-bottom: #9ca0a0 solid 2px;
}

.botanical-products td img {
    width: 100%;
}

/*内页联系我们*/
.page-contact-title {
    text-align: center;
    color: #17a7b1;
    font-size: 30px;
    font-family: "SourceHanSansCN-Medium";
    line-height: 1;
}

.page-contact-con {
    text-align: center;
    line-height: 1;
    margin-top: 20px;
}

.page-contact-text {
    text-align: center;
    font-size: 20px;
    font-family: "SourceHanSansCN-Medium";
    line-height: 1.7;
}

.page-contact-channels {
    text-align: center;
    color: #17a7b1;
    font-size: 38px;
    font-family: "SourceHanSansCN-Medium";
    line-height: 1;
    margin-top: 50px;
}

.contact-channels-item {
    width: calc((100% - 200px) / 3);
    margin: 50px 100px 0 0;
}

.contact-channels-item:nth-child(3n) {
    margin-right: 0;
}

.contact-channels-item-img {
    text-align: center;
}

.contact-channels-item-con {
    margin-top: 10px;
}

/*内页Social*/
.social-cert-title {
    text-align: center;
    line-height: 1;
    font-size: 28px;
    font-family: "SourceHanSansCN-Medium";
    padding: 30px 0;
}

.social-responsibility {
    text-align: right;
    position: relative;
}

.social-responsibility img {
    width: calc(100% - 300px);
}

.social-responsibility-text {
    position: absolute;
    z-index: 1;
    width: 47%;
    left: 0;
    top: 70px;
    text-align: left;
}

.social-two-imglist {
    margin-top: -20px;
}

.social-two-imgitem {
    width: 35%;
    margin-right: 20px;
    margin-top: 20px;
}

.social-two-imgitem img,
.social-three-imgitem img {
    width: 100%;
}

.social-three-imgitem {
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
    margin-top: 20px;
}

.social-three-imgitem:nth-child(3n) {
    margin-right: 0;
}

/*内页产品详细*/
.products-details {
    padding: 70px 0;
}

.products-dtitle {
    font-size: 28px;
    line-height: 1.5;
    font-weight: bold;
    color: #16a6b1;
}

.products-dimg {
    border-top: #16a6b1 solid 3px;
    padding-top: 20px;
    margin-top: 20px;
}

.products-dimg img {
    max-width: 100%;
}

.products-description {
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    color: #16a6b1;
}

.products-text {
    border-top: #16a6b1 solid 3px;
    padding-top: 20px;
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.5
}

.shuxing {
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.5
}

/*分页*/
.page-pages {
    text-align: center;
    margin-top: 50px;
    color: #666666;
    font-size: 16px;

}

.page-pages a {
    color: #666666;
    font-size: 16px;
    line-height: 35px;
    background: #FFFFFF;
    height: 30px;
    box-shadow: 0 2px 5px rgba(255, 255, 255, .4);
    /* padding: 7px 15px;
    margin: 0 4px 4px; */
    border-radius: 5px;
}

.page-pages a:hover {
    color: #FFFFFF;
}

.page-pages a.active {
    color: #fff;
    background: var(--main--color);
}

.botanical-products table {
    min-width: 720px;
}




@media (max-width: 1250px) {

    .wrapper-fluid,
    .wrapper {
        width: 94%;
    }

    header.head {
        height: 116px;
    }

    .indexbanner {
        
    }

    

    header.head .head-middle {
        position: relative;
        border-bottom: none;
        bottom: 0;
        height: 116px;
        background: #FFFFFF;
    }

    .head-r {
        display: none;
    }

    .m-navbth {
        position: relative;
        display: block;
        width: 30px;
        height: 25px;
    }

    .m-navbth a {
        display: block;
        width: 30px;
        height: 25px;
        position: relative;
    }

    .m-navbth span {
        display: block;
        width: 30px;
        height: 2px;
        background: var(--main--color);
        transition: transform .5s ease
    }

    .m-navbth .menu_top {
        position: absolute;
        top: 2px;
        right: 0
    }

    .m-navbth .menu_mid {
        position: absolute;
        top: 9px;
        right: 0;
        opacity: 1
    }

    .m-navbth .menu_bot {
        position: absolute;
        top: 16px;
        right: 0
    }

    .m-navbth span.menu_top_r {
        transform: rotateZ(-45deg);
        transform-origin: center
    }

    .m-navbth .menu_mid_r {
        opacity: 0
    }

    .m-navbth .menu_bot_r {
        transform: rotateZ(45deg);
        transform-origin: center
    }

    .index-2-1{
        flex: 0 0 calc(100% - 10px);
    }

    .index-2-2{
        flex: 0 0 calc(100% - 10px);
    }

    .index-4-1{
        flex: 0 0 calc(100% - 10px);
    }

    .index-9 .box3 .img{
        flex: 1;
        min-width: 170px;
    }

    .search_tel_box{
        margin-top: 0px;
    }
}

@media (max-width: 1200px) {
    footer .box3{
        flex: 0 0 calc(100% - 10px);
        justify-content: center;
    }
}

@media (max-width: 1100px) {
    .in-business .in-business-item {
        margin: 130px 30px 0 0;
        width: calc((100% - 30px) / 2);
    }

    .in-business .in-business-item:nth-child(2n) {
        margin-right: 0;
    }

    .index-cate-tit,
    .index-cate-ctit {
        font-size: 50px;
    }

    .in-about-img {
        width: calc(50% - 50px);
    }

    .foot-contact {
        width: 100%;
    }

    .about-cert-list .about-cert-item {
        width: 100%;
        margin: 40px 0 0 0;
        border-radius: 10px;
    }

    .manufacturing-three-text {
        padding-top: 40px;
    }

    .quality-text {
        width: calc((100% - 50px) / 2);
    }

    .social-responsibility-text {
        top: 0;
    }

    .product-cate-text {
        width: calc(52% - 50px);
    }

    .product-cate-img {
        width: 48%;
    }

    .product-wz-list .product-wz-item {
        font-size: 28px;
    }

    .product-wz-list .product-wz-item span {
        width: 20px;
        height: 20px;
    }

    .product-wz-list .product-wz-t {
        width: calc(100% - 40px);
    }


    .m-navbth {
    }

    .toptel{
        
    }

    .head .search{
        
    }

    .head .search .input-group{
        width: 325px;
    }


    .list_left{
        display: none;
    }

}

@media (max-width: 920px) {
    .foot-wz {
        width: 100%;
        margin-left: 0;
        font-size: 24px;
        line-height: 1.1;
        margin-top: 10px;
    }

    .page-wcategory {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding-top: 30px;
    }

    .page-category-item {
        width: calc((100% - 20px) / 3);
        margin-top: 20px;
        margin-right: 10px;
        text-align: center;
        border-bottom: none;
        padding: 10px 0;
    }

    .page-cert-item {
        width: calc((100% - 60px) / 4);
    }

    .page-wcategory .page-category-item:nth-child(3n),
    .page-cert-item:nth-child(4n) {
        margin-right: 0;
    }

    .manufacturing-three-text {
        width: 100%;
        padding-top: 0;
    }

    .manufacturing-three-timg {
        width: 100%;
        margin-top: 20px;
    }

    .social-responsibility-text {
        position: relative;
        width: 100%;
    }

    .social-responsibility img {
        width: 100%;
        margin-top: 20px;
    }

    .botanical-head th,
    .botanical-products td {
        font-size: 18px;
    }

    .partners-cate-head {
        font-size: 18px;
    }

    .ranking-list .item_one {
        flex: 1;
        background: #ffffff;
        border-radius: 8px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        padding: 20px;
        font-size: 17px;
        flex: 0 0 calc(100% - 10px);
        box-sizing: border-box;
    }
}

@media (max-width:900px) {

    header.head .head-middle{
        height: 120px;
    }
    .head .search{
        position: absolute;
        width: 80%;
        top:70px;
        left: 10%;
        right: 10%;
    }

    .nav_box{
        top:116px
    }

    .logo img{
        max-height: 50px;
    }

    .head .search form{
        width: 100%;
    }

    .head .search .input-group{
        width: 100%;
    }

    .head .search .input-group .searchinput{
        width: calc(60%);
    }
}

@media (max-width: 860px) {
    .head-lan {
        display: none;
    }

    .head-wz a {
        font-size: 16px;
        margin: 0 5px;
    }

    .in-category-item {
        width: 100%;
        margin-right: 0;
    }

    .in-about-con,
    .in-about-img,
    .about-info-text-con,
    .about-info-text-img,
    .product-cate-img,
    .product-cate-text,
    .product-wz-list .product-wz-item {
        width: 100%;
    }

    .in-about-con,
    .about-info-text-con,
    .product-cate-text {
        margin-top: 20px;
        font-size: 18px;
    }

    .index-cate-tit,
    .index-cate-ctit {
        font-size: 38px;
    }

    .in-business-item-more a,
    .in-category-item-more a,
    .in-about-more a {
        font-size: 18px;
    }

    .in-news {
        padding: 60px 40px 0;
    }

    .in-news .swiper-button-next,
    .in-news .swiper-button-prev {
        width: 30px;
        height: 33px;
        margin-top: -11.5px;
    }

    .about-info-tit,
    .about-cert-tit,
    .about-wz-btitle {
        font-size: 38px;
    }

    .about-news-list .news-item {
        
    }

    .about-news-list .news-item:nth-child(3n) {
        margin-right: 40px;
    }

    .researches-one-text,
    .researches-one-img,
    .quality-text {
        width: 100%;
    }

    .researches-one-img {
        margin-top: 20px;
    }

    .researches-cactus-item {
        width: calc((100% - 20px) / 2);
    }

    .quality-capabilities .quality-text:nth-child(2) {
        margin-top: 20px;
    }

    .manufacturing-four-img .manu-four-item {
        width: calc((100% - 30px) / 2);
    }

    .about-news-list .news-item:nth-child(2n),
    .researches-cactus-list .researches-cactus-item:nth-child(2n),
    .manufacturing-four-img .manu-four-item:nth-child(2n) {
        margin-right: 0;
    }

    .logistics-info {
        background: #f0f5f9;
        padding-bottom: 70px;
    }

    .contact-channels-item {
        width: calc((100% - 50px) / 2);
        margin: 50px 50px 0 0
    }

    .social-two-imgitem {
        width: calc((100% - 20px) / 2);
    }

    .contact-channels-item:nth-child(3n) {
        margin-right: 50px;
    }

    .social-two-imgitem:nth-child(2),
    .contact-channels-item:nth-child(2n) {
        margin-right: 0;
    }

    .botanical-products-table {
        overflow-x: auto;
    }

    .index-3 .box4 .pic{
        flex: 0 0 calc(100% - 10px);
    }

    .index-2-1{
        flex: 0 0 calc(100% - 10px);
    }

    footer .box1{
        flex: 0 0 calc(100% - 10px);
        text-align: center;
    }

    footer .box2{
        flex: 0 0 calc(100% - 10px);
        text-align: center;
    }

    .index-gg1 .title{
        font-size: 20px;
    }


    .rang_info .item_one .box1{
        flex: 0 0 calc(100%);
    }

    .rang_info .product_content_menu{
        width: 100%;
    }



    .body1{
        position: relative;
    }

    .m_nav_100{
        display: block;
        height: 70px;
    }

.m_nav{
    display: block;
    position: fixed;
    bottom: 0px;
    width: 100%;
    display: flex;
    align-items:center;
    justify-content: space-between;
    height: 70px;
    text-align: center;
    background-color: white;
    border-top: 1px solid #999;
    padding-left: 20px;
    padding-right: 20px;

}

.m_nav_item .icon{
    font-size: 20px;
    height: 30px;
    color:rgb(54,96,170);
}


}

@media (max-width: 680px) {
    .page-category-item {
        width: calc((100% - 10px) / 2);
    }

    .page-wcategory .page-category-item:nth-child(2n) {
        margin-right: 0;
    }

    .partners-text {
        width: 100%;
    }

    .partners-text:nth-child(2) {
        margin-top: 20px;
    }

    .index-7 .box .box1{
        flex: 0 0 calc(100%);
        height: auto;
    }

    .index-7 .box .box3{
        writing-mode: unset;
    }

    .index-7 .box .box2 button{
        flex: 0 0 calc(100%);
    }
}

@media (max-width: 640px) {

    .index-cooperation-btit,
    .page-banner-cate,
    .page-cert-title,
    .product-top-title {
        font-size: 28px;
    }

    .page-position {
        margin-top: 10px;
    }

    .about-cert-item .cert-item-img,
    .about-cert-item .cert-item-text {
        width: 100%;
    }

    .about-cert-item .cert-item-img {
        padding-bottom: 20px;
        text-align: center;
    }

    .about-cert-item .cert-item-img img {
        width: 150px;
    }

    .about-cert-item .cert-item-text {
        border-top: #9fa0a0 solid 2px;
        border-left: none;
        padding: 30px 0 0;
    }

    .history-top {
        background: url(../images/history-t.jpg) top left no-repeat;
        height: 27px;
    }

    .about-history-list {
        margin-top: 20px;
        background: url(../images/history-h.jpg) repeat-y;
        background-position: 10.5px 0;
    }

    .history-text,
    .history-title {
        width: calc(100% - 20px);
        position: relative;
        margin-left: 20px;
    }

    .history-title:before {
        left: -20px;
        margin-left: -2.5%;
    }

    .history-text::after {
        display: none;
    }

    .history-item:nth-child(2n) .history-title {
        text-align: left;
    }

    .history-item:nth-child(2n) .history-title:before {
        left: -20px;
        margin-left: -2.5%;
        right: auto;
    }

    .history-item:nth-child(n+2) {
        margin-top: 30px;
    }
}

@media (max-width: 600px) {
    .form-group-item {
        width: 100%;
    }

    .form-group .form-group-item:nth-child(2) {
        margin-top: 15px;
    }

    .index-cooperation {
        padding: 20px;
    }

    .index-2-1 .box2 a{
        font-size: 15px;
    }


    .news-item .news-title .typename{
        
    }

    .news-item .news-title .title {
        flex: 0 0 calc(100%);
        text-align: center;
    }

    .news-item .news-title .time {
        flex: 0 0 calc(100%);
    }

    .list_right .info .title {
        font-size: 18px;
    }

    .page-banner-tit {
        font-size: 24px;
    }

    .index-7 .box .box2 .box6{
        flex: 0 0 calc(100%);
    }

    .index-7 .box .box2 .code{
        flex: 0 0 calc(100%);
    }

    .index-7 .box .box2 .input,.index-7 .box .box2 .input1{
        width: 100%;
        min-width: 90%;
    }
    .index-7 .box .box2 .code img{

    }
    
}

@media (max-width: 550px) {

    .foot-contact-item,
    .contact-channels-item {
        width: 100%;
        margin-right: 0;
        margin-top: 20px;
    }

    .foot-contact-list .foot-contact-item:first-child,
    .in-business .in-business-item,
    .researches-cactus-item {
        width: 100%;
        margin-right: 0;
    }

    .contact-channels-item:nth-child(3n) {
        margin-right: 0;
    }

    .contact-channels-item:first-child {
        margin-top: 50px;
    }
}

@media (max-width: 500px) {
    .about-news-list .news-item {
        width: 100%;
        margin-right: 0;
    }

    .about-news-list .news-item:nth-child(3n) {
        margin-right: 0;
    }

    .logo .logocontent{
        display: none;
    }

    .toptel{
        margin-left: 0px;
    }


}

@media (max-width: 480px) {

    .page-category-item,
    .manufacturing-four-img .manu-four-item,
    .manufacturing-three-img .manu-three-item,
    .social-two-imgitem,
    .social-three-imgitem {
        width: 100%;
        margin-right: 0;
    }

    .page-cert-item {
        width: calc((100% - 20px) / 2);
    }

    .page-wcategory .page-category-item:nth-child(3n),
    .page-cert-item:nth-child(2n) {
        margin-right: 0;
    }

    .product-wz-list .product-wz-item {
        font-size: 24px;
    }

    .product-wz-list .product-wz-item span {
        width: 12px;
        height: 12px;
    }

    .product-wz-list .product-wz-t {
        width: calc(100% - 32px);
    }


    .index-2-2 .verification .searchverification{
        width: 100%;
    }

    .index-2-2 .verification .verificationbutton{
        width: 100%;
    }


    .foot_nav1{
        justify-content: center;
        margin-bottom: 10px;
    }

    .ele_s_1, .ele_s_2,.ele_s_3{
        display: none;
    }

    .pflex{
        justify-content: center;
        gap:0px;
    }
    .pflex_1{
        
    }
    .ele_s_4{
        display: none;
    }

    .nav1_box{
        flex: 0 0 calc(50% - 10px);
    }
}