@font-face {
    font-family: "SourceHanSerifCN-Bold";
    src: url("../font/SourceHanSerifCN-Bold.ttf");
}
@font-face {
    font-family: "Barlow-Black";
    src: url("../font/Barlow-Black.ttf");
}
  
/* @media (min-width:1600px){html{font-size:16px;}}

@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}

@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}

@media (min-width:471px) and (max-width:639px){html{font-size:12px;}}

@media (min-width:329px) and (max-width:470px){html{font-size:11px;}}

@media (max-width:328px){html{font-size:10px;}} */
/* @media (min-width:1600px){html{font-size:16px;}} */
@media (min-width:1600px){html{font-size:14px;}}

@media (min-width:1400px) and (max-width:1600px){html{font-size:14px;}}

@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}

@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}

@media (min-width:329px) and (max-width:470px){html{font-size:12.5px;}}

@media (max-width:328px){html{font-size:11px;}}
 .wline5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.wline3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.wline4{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.wline9{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    overflow: hidden;
}
:root{
    --main:#309891;
    --fz30:2rem;
    --fz25:1.5rem;
    --fz20:1.35rem;
    --fz18:1.25rem;
    --fz16:1.05rem;
    --fz15:1.05rem;
    --fz14:.95rem;
    --lh25:1.5rem;
    --lh40:2.6rem;
    --lh30:2rem;
    --lh20:1.35rem;

}
@media screen and (max-width:600px) {
  :root{
    --main:#309891;
    --fz30:2.1rem;
    --fz25:1.6rem;
    --fz20:1.45rem;
    --fz18:1.35rem;
    --fz16:1.25rem;
    --fz15:1.25rem;
    --fz14:1.05rem;
    --lh25:1.6rem;
    --lh40:2.9rem;
    --lh30:2.2rem;
    --lh20:1.45rem;

}
}
* {
    box-sizing: border-box;
}
img {
    display: block;
    max-width: 100%;
}

ul,li,ol {
    list-style: none;
}
div,span,p,h1,h2,h3,h4,h5,h6,ul,li,ol {
    margin: 0;
    padding: 0;
}
a {
    display: block;
    transition: all .5s !important;
    
}
a:hover {
    color: var(--main) !important;
    text-decoration: none;
    transition: all .5s !important;
}
a .title {
    color: #333333;
    transition: all .5s !important;
}
a:hover .title {
    color: var(--main) !important;
}
.tac {
    text-align: center;
}
.en {
    text-transform: uppercase;
}
.mt20 {
    margin-top: 20px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb50 {
    margin-bottom: 50px;
}
.imgblock{display: block;}
.w100{width: 100%;}
.flex{display: flex;}
.flex-jcsb{justify-content: space-between;}
.jc-right{justify-content: flex-end;}
.jc-center{justify-content: center;}
.ai-center{align-items: center;}
.f-right{float: right;}
.fz-16{font-size: var(--fz16);}
.c-5b5b5b{color: #5b5b5b;}
.wline1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.wline2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.flex-wrap{flex-wrap: wrap;}
.mtop8{margin-top: 8%;}
.none{display: none;}
@media screen and (min-width: 1480px) {
    .container {
        max-width: 1400px;
    }
}
.menu {
    display: none;
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    padding: 0 20px;
    background: #fff !important;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    z-index: 1010;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    transition: all 2s;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
}
.header-box{height: 100px;}
.header-bg {
    height: 100px;
    width: 100%;
    background: transparent;
}
.header-xh{
   
    transition: all 2s;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
}
.header-xh .header-box{
    height: 100px;
}
.brand {
    float: left;
    margin-top: 20px;
}
.brand a {
    /*display: block;*/
    height: 60px;
}
.brand a img {
    height: 100%;
}
.branden {
    float: right;
    margin-top: 22px;
    margin-right: 480px;
    font-size: var(--fz18);
    color: #1A2D55;
    line-height: var(--lh40);
    display: inline-block;
    vertical-align: middle;
}

.navbar {
    /* display: none; */
    float: right;
    height: 100%;
    padding: 0 0 0 50px;
}
.navbar .nav {
    height: 100%;
}
.navbar li {
    padding: 0 30px;
    position: relative;
}
.navbar li a {
    display: block;
    line-height: 100px;
    height: 100%;
    color: #333;
    position: relative;
    font-size: 1.3rem;
}
.pc_navbar .active .M_liaa{
    color: var(--main);
}
.navbar li::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0px !important;
    background: #e1e1e1;
    height: 20px;
    width: 1px;
    z-index: 9;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.navbar li:last-child::after {
    display: none;
}

.navbar li:hover a,
.navbar li.active a {
    color: var(--main);
}
.header-tel{margin-left: 10px;}
.header-tel .icon_tel {
    height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}
.header-tel span {
    font-size: 24px;
    color: #1A2D55;
    line-height: var(--lh40);
    display: inline-block;
    vertical-align: middle;
}


.pc_navbar .nav .M_lii .pc-nav-box{
    width: 100%;
    background: rgba(0, 0, 0, .5);
    border-top: 1px solid rgba(255,255,255,0.1);
    position: fixed;
    top: 100%;
    left: 0%;
    height: 5rem;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform .3s .2s;
    transition: transform .3s .2s;
    -moz-transform: scaleY(0);
    -o-transform: scaleY(0);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pc_navbar .nav .M_lii:first-child .pc-nav-box{display: none;}
.pc_navbar .nav .M_lii .pc-nav-sub {
    width: 600%;
    /* background: #f7f7f7; */
    /* border-top: 1px solid rgba(255,255,255,0.1); */
    position: absolute;
    top: 100%;
    left: -250%;
    height: auto;
    /* box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05); */
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform .3s .2s;
    transition: transform .3s .2s;
    -moz-transform: scaleY(0);
    -o-transform: scaleY(0);
    /* border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; */
}

.pc_navbar .nav .M_lii .pc-nav-sub .n-nav-sub {
    opacity: 0;
    -webkit-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    transform: translate(0, -20px);
    -webkit-transition: all .2s;
    transition: all .2s;
    padding: 0;
    width: auto;
    display: block;
    -moz-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
}
/* .pc_navbar .pc-nav-sub ul{flex-wrap: wrap;} */
.pc_navbar .pc-nav-sub li{padding: 0px 0.75rem;}
.pc_navbar .pc-nav-sub li a{
    color: #fff;
    display: block;
    line-height: 5rem;
    height: 100%;
    position: relative;
    font-size: 1.1rem;
    opacity: .88;
}
.pc_navbar .pc-nav-sub li:hover a{
    opacity: 1;
}
/* .pc-nav-sub li:first-child{
    margin-top: 2%;
}
.pc-nav-sub li:last-child{margin-bottom: 4%;} */
.pc-nav-sub li::after{display: none;}

.pc_navbar .nav .M_lii:hover .pc-nav-sub,.pc_navbar .nav .M_lii:hover .pc-nav-box {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
}
.pc_navbar .nav .M_lii:hover .n-nav-sub {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all .2s .3s;
    transition: all .2s .3s;
}
.banner {
    width: 100%;
    /* height: 100vh; */
    position: relative;
    /* overflow: hidden; */
}
.banner video {
    object-fit: cover;
    width: 100%;
    height: 100vh;
}
.banner .b-text {
    position: absolute;
    bottom: 500px;
    width: 30.9%;
}
.banner .swiper-pagination-banner span{
    width: 52px;
    height: 10px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    opacity: .5;
}
.banner .swiper-pagination-banner .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
   
}
.swiper-banner-prev{
    background-image: url(../images/icon_left3.png)  !important;
    width: 3.5rem !important;
    height: 3.5rem !important;
    background-size: 3.5rem 3.5rem !important;
    opacity: .5;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    /* top: 0 !important;
    bottom: 10%; */
}
.swiper-banner-next{
    background-image: url(../images/icon_right3.png)  !important;
    width: 3.5rem !important;
    height: 3.5rem !important;
    background-size: 3.5rem 3.5rem !important;
    opacity: .5;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    /* top: 0 !important;
    bottom: 10%; */


}
.swiper-banner-prev:hover,.swiper-banner-next:hover{
    opacity: 1;
}
.banner .swiper-button-next, .banner  .swiper-button-prev {
    
    top: 90%;
   
}
/* 页面底部 */
.footer {

    background: url(../images/footer_bg.png) no-repeat left bottom;
    background-color: var(--main);
    z-index: 1001;
    position: relative;
}
.footer-body {
    padding: 40px 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media screen and (max-width:1450px) {
    .footer .container {
       max-width: 90%;
    }
}
@media screen and (max-width:1250px) {
    .footer .container {
       max-width: 96%;
    }
}
.footer-left {
    width: 38%;
    margin-right: 2%;
    /* min-width: 300px; */
    /* margin-right: 150px; */
}
.footer-left img {
    height: 55px;
    margin-bottom: 20px;
}
.footer-left p.tel {
    font-size: 30px;
    line-height: 45px;
    font-weight: 700;
    color: #192C53;
}
.footer-left p.tel span{
    font-size: 20px;
    color: #fff;
}
.footer-left p.address {
    font-size: var(--fz16);
    line-height: var(--lh30);
    color: #f3f3f3;
    font-weight: 100;
    margin-top: 3%;
}
.footer-left p a {
    color: #f3f3f3;
}
.footer-center {
    flex: 1;
}
.footer-center dl {
    float: left;
    /* min-width: 220px; */
    margin-bottom: 15px;
    padding-right: 20px;
}
.footer-center dl:nth-child(2){
    max-width: 220px;
}
.footer-center dl:nth-child(2) dd{
    float: left;
    margin-right: 20px;

}
.footer-center dl dt {
    font-size: 24px;
    color: #fff;
    line-height: 32px;
    margin-bottom: 10px;
}
.footer-center dl dd {
    font-size: var(--fz16);
    line-height: var(--lh30);
    color: #647995;
}
.footer-center dl dd a {
    /* display: block; */
    color: #f3f3f3;
}
.dl2 {
    width: 320px;
}
.dl2 dd {
    min-width: 100%;
    float: left;
}
.footer-right img {
    display: inline-block;
    max-width: 150px;
}
.footer-right .co{
    color: #ffff;
    margin-top: 6%;
    text-align: center;
}
.footer-right .icon-wechat {
    width: var(--fz18);
}
.line span{
    display: inline-block;
    background-color: #59ada7;
    width: 50%;
    height: 1px;
}
.line .round{
    width: 6px;
    height: 6px;
    margin: 0 6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.copyright p {
    text-align: center;
    line-height: 60px;
    /* border-top: 1px solid #cbcbcb; */
}
.copyright p a,.copyright p{
   
    color: #fff;
    font-size: var(--fz16);
    font-weight: 100;
    line-height: 60px;
    margin-left: 10px;
}
.copyright p a{
    display: inline-block; 
}
.copyright p a.dowv {
    color: #e6e6e8;
}
.footer a:hover{
    color: #fff !important;
}
.copyright p a.dowv:hover {
    color: #e6e6e8 !important;
}

/* 首页公共部分 */
.index-section {
    padding: 100px 0;
    position: relative;
    z-index: 1;
}
.top-title {
    margin-bottom: 30px;
    position: relative;
}
.top-title h4 {
    text-align: center;
}
.top-title h4.en {
    font-size: 30px;
    font-weight: 400;
    line-height: var(--lh30);
    color: #0e604e;
    margin-bottom: 0px;
    margin-top: 0;
}
.top-title h4.cn {
    font-size: 48px;
    font-family: SourceHanSerifCN-Bold;
    font-weight: 700;
    line-height: 60px;
    color: #414141;
    margin: 10px auto;
}
.index-more {
    text-align: center;
}
.index-more a {
    display: inline-block;
    height: 45px;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    padding: 0 35px;
    margin: 0 auto;
}
.index-more a span {
    display: inline-block;
    vertical-align: middle;
    line-height: 45px;
    font-size: 14px;
    color: #5b5b5b;
    margin-right: 5px;
}
.index-more a img {
    display: inline-block;
    vertical-align: middle;
    height: 12px;
}
/* 首页关于我们 */
#about{
    background: url(../images/i_bg_about.jpg) no-repeat left center;
    background-size: 100% 100%;
    padding: 180px 0;
    overflow: hidden;
}
#about h2{
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 110px;
    line-height: 110px;
    color: #edebeb;
    z-index: -1;
}
#about .top-title h4 {
    text-align: left;
}
#about .left{
    width: 45%;
    /* margin-right: 8%; */
    /* margin-right: 18%; */
}
#about .right{
    width: 47%;
    
    /* margin-top: 2%; */
}
#about .right-2{
    width: 50%;
    position: relative;
    overflow: hidden;
    border-radius: 6px;

    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
#about .right-2 div{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, .2); */
    display: flex;
    justify-content: center;
    align-items: center;

}
#about .right-2 div img{
    width: 100px;

}
#about .right-2 img{
  display: block;
  width: 100%;
}
#about .left p{
    /* font-size: 24px; */
    font-size: 1.45rem;
    color: #323232;
    /* line-height: 45px; */
    line-height: 2.8rem;
    width: 90%;
    font-weight: 300;
}
#about .right li{
    width: 49%;
    margin-right: 2%;
    /* padding-bottom: 49%; */
   
    overflow: hidden;

}
#about .right li div{
    width: 100%;
    height: 0;
    /* margin-right: 2%; */
    padding-bottom: 100%;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
}
#about .right{
    /* transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);  */
}
#about .right ul{
    
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
}
#about .right li img{

    object-fit: cover;
}
#about .right li:nth-child(2n){margin-right: 0;}
#about .right li:nth-child(1),#about .right li:nth-child(2){margin-bottom: 2%;}
#about .right li div{
    position: relative;
    background-size: auto 100%;
    overflow: hidden;
   
}
#about .right li:nth-child(1) div{
    background: url(../images/i_about11.jpg) no-repeat  center;
    
}
#about .right li:nth-child(3){
    position: relative;
}
#about .right li:nth-child(3) img{
    position: absolute;
    top: 36%;
    left: 36%;
    height: 80px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
}
#about .right li:nth-child(3) div{
    background: url(../images/i_about12.jpg) no-repeat  center;
}
#about .right li:nth-child(3) div{
    background: url(../images/i_about12.jpg) no-repeat  center;
}
#about .right li:nth-child(4) div{
    background: url(../images/i_about13.jpg) no-repeat  center;
}
#about .right li:hover div{
    transform: scale(1.1);
    -webkit-transform:  scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
}
.more{
   
    /* background: url(../images/icon_more.png) no-repeat right; */
}
.more {
    display: block;
    color: #000;
    font-size: var(--fz16);
    line-height: 50px;
    margin-right: 5px;
    border: 1px solid #77857e;
    width: 150px;
    padding-left: 20px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    background: url(../images/icon_more2.png) no-repeat ;
    background-position: right 20px center;
}
.more:hover{
    color: #fff !important;
    background: url(../images/icon_more_h.png) no-repeat ;
    background-position: right 15px center;
    background-color: var(--main);
    border: 1px solid var(--main);
}

/* 产品及解决方�? */
.index-solutions-tab .taba-hd {
    /* padding: 25px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.21);
    border-radius: 17px; */
    margin-top: 120px;
    margin-bottom: 110px;
    margin-left: 0;
    margin-right: 0;
}
.index-solutions-tab .tab-bd-item {
    height: 0;
    overflow: hidden;
    position: relative;
}
.index-solutions-tab .tab-bd-item.active {
    height: auto;
    overflow: inherit;
}
.index-solutions-tab .tab-bd-item .swiper-button-next {
    right: -60px;
    background: url(../images/icon_right3.png) no-repeat center center;
    background-size: contain;
    outline: none;
    width: 40px !important;
    opacity: .5;
}
.index-solutions-tab .tab-bd-item .swiper-button-prev {
    left: -60px;
    background: url(../images/icon_left3.png) no-repeat center center;
    background-size: contain;
    outline: none;
    width: 40px !important;
    opacity: .5;
}
.index-solutions-tab .tab-bd-item .swiper-button-next:hover,
.index-solutions-tab .tab-bd-item .swiper-button-prev:hover
{
    opacity: 1 ;
}
.index-solutions-tab .tab-bd-item .swiper-button-prev:after,
.index-solutions-tab .tab-bd-item .swiper-button-next:after {
    display: none;
}
.index-solutions-tab  .tab-plan-item {
    position: relative;
    width: 20%;
}
.index-solutions-tab  .tab-plan-item::after{
    content: "";
    background: var(--main);
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 17px;
    top: -80px;
    left: 50%;
    z-index: 9;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    opacity: .2;
    /* animation-name: sonarEffect;
    animation-duration: 2s; */

    /* top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); */
}
.index-solutions-tab  .tab-plan-item.active:after {
    opacity: 1;
}
.index-solutions-tab  .tab-plan-item:hover::after{
    opacity: 1;
}
.index-solutions-tab .tab-plan-item:hover h4.cn{
    color: #fff;
}

/* .index-solutions-tab  .tab-plan-item:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
} */

/* @-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
} */
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		/* opacity: 0.5; */
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.5),translateX(-50%);
		/* opacity: 1; */
		-webkit-transform: scale(1.5),translateX(-50%);
		-moz-transform: scale(1.5),translateX(-50%);
		-ms-transform: scale(1.5),translateX(-50%);
		-o-transform: scale(1.5),translateX(-50%);
}
}
.index-solutions-tab  .tab-plan-item i {
    width: 130px;
    height: 130px;
    margin: 0 auto;
    margin-bottom: 4px;
    transition: all .5s;
}
.index-solutions-tab  .tab-plan-item i img{
    margin: auto;
}
.index-solutions-tab  .tab-plan-item h4.cn {
    /* font-size: 24px; */
    margin-top: -20px;
    font-size: var(--fz25);
    /* font-size: 1.6rem; */
    /* color: #fff;     */
    color: #666;
    line-height: 33px;
    margin-bottom: 5px;
    text-align: center;
    /* padding-left: 90px; */

    /* transition: all .5s; */
}
.index-solutions-tab  .tab-plan-item h4.en {
    display: -webkit-box;
    font-size: 10px;
    font-weight: 100;
    /* font-size: var(--fz16); */
    color: #999999;
    line-height: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
    /* padding-left: 90px; */
    /* display: none; */
    /* transition: all .5s; */
}
.index-solutions-tab  .tab-plan-item .tab-intro {
    display: none;
    transition: all .5s;
}
.index-solutions-tab  .tab-plan-item a.mores {
    display: none;
}
.index-solutions-tab  .tab-plan-item.active i {
    position: absolute;
    left: 10px;
    top: 6px;
}
.index-solutions-tab  .tab-plan-item.active h4.cn,
.index-solutions-tab  .tab-plan-item.active h4.en {
    /* padding-left: 90px; */
    text-align: center;
    color: #fff;
}
.index-solutions-tab  .tab-plan-item.active h4.cn {
    margin-top: -20px;
    font-size: var(--fz25);
}
.index-solutions-tab  .tab-plan-item.active h4.en {
    /* display: block; */
    display: -webkit-box;
    font-size: 10px;
    font-weight: 100;
}
.index-solutions-tab  .tab-plan-item.active i {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #fff !important;
}
.index-solutions-tab  .tab-plan-item.active .tab-intro {
    /* position: absolute; */
    display: block;
    font-size: var(--fz15);
    line-height: var(--lh25);
    /* height: 96px; */
    color: #fff;
    padding: 0 0 0 20px;
    margin-top: 10px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3; /* 行数 */
    -webkit-box-orient: vertical;
}
.index-solutions-tab  .tab-plan-item.active a.mores {
    display: block;
   
    background: url(../images/icon_more_h.png) no-repeat center center;
    background-size: auto 100%;
   
    z-index: 11;
}
.index-solutions-tab  .tab-plan-item.active a.mores{
    height: 30px;
    width: 50px;
    position: absolute;
    bottom: -60px;
    right:  15px;
}
/* .index-solutions-tab .i2{display: none;} */
.index-solutions-tab  .tab-plan-item.active .i2{
    display: block;
}
.index-solutions-tab .tab-plan-item .i2 {
    position: absolute;
    left: 10px;
    top: 6px;
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}


.index-solutions-tab  .tab-plan-item.active .i1{
    display: none;
}
/* .index-solutions-tab .tab-hd-item1 i {
    background: url(../images/icon_plan1.png) no-repeat center center;
    background-size: contain;
}
.index-solutions-tab .tab-hd-item2 i {
    background: url(../images/icon_plan2.png) no-repeat center center;
    background-size: contain;
}
.index-solutions-tab .tab-hd-item3 i {
    background: url(../images/icon_plan3.png) no-repeat center center;
    background-size: contain;
}
.index-solutions-tab .tab-hd-item1.active i {
    background: url(../images/icon_plan1_h.png) no-repeat center center;
    background-size: contain;
}
.index-solutions-tab .tab-hd-item2.active i {
    background: url(../images/icon_plan2_h.png) no-repeat center center;
    background-size: contain;
}
.index-solutions-tab .tab-hd-item3.active i {
    background: url(../images/icon_plan3_h.png) no-repeat center center;
    background-size: contain;
} */
.index-solutions-tab .tab-intro,
.index-solutions-tab .tab-hd-title {
    position: relative;
    z-index: 10;
}
.index-solutions-tab .tab-hd-title {
    cursor: pointer;
}
.swiper-s .swiper-slide{
    border: 1px solid #eee;
    /* background-color: #eeeeee; */
    overflow: hidden;
    border-radius: 10px;
}
.swiper-s .list-item {
    display: block;
    height: 16.5rem;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    
}
.swiper-s .list-item .img{
    height: 13rem;
    padding: 1rem;
}
.swiper-s .list-item .img img{
    display: block;
    /* height: 100%; */
    max-height: 100%;
    margin: auto;
}
.swiper-s .title-h {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: -100%;
    transition: all .5s;
  
   
}
.swiper-s .list-item .title {
    position: relative;
}
.swiper-s .title-h span,.swiper-s .title span {
    font-size: var(--fz18);
    color: #333333;
    line-height: 3.5rem;
    text-align: center;
    padding: 0 30px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.swiper-s .title-h .i_more{
    font-size: 16px !important;
    font-weight: 100 !important;
    display: none;
}
.swiper-s .title i{
    display: block;
    width: 90px;
    height: 4px;
    background-color: var(--main);
    margin: auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: absolute;
    top: 1px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.swiper-s .list-item p {
    display: none;
    transition: all .5s;
    font-size: var(--fz16);
    color: #333333;
    line-height: 32px;
    z-index: 10;
    padding: 0 25px;
}
.swiper-s .list-item .title-h{
    background: url(../images/item_bg.jpg) no-repeat center;
    background-size: 100% 100%;
   
}
.swiper-s .list-item:hover .title-h{
    bottom: 0;
    padding: 20px;
}
.swiper-s .list-item:hover .title-h span {
    font-size: var(--fz20);
    font-weight: 600;
    color: #fff;
}
.swiper-s .list-item:hover .title-h p{
    display: -webkit-box;color: #fff;
}
.swiper-s .list-item:hover .title-h i {
    display: none;
}
.swiper-s .list-item:hover .i_more{display: block;text-align: right;}

/* 热门产品 */
.i_first_hot .left h2{
    font-size: var(--fz30);
    font-weight: 300;
    color: #2a2a2a;
}
.i_first_hot .left p{
    font-size: var(--fz20);
    line-height: var(--lh40);
    color: #2a2a2a;
    white-space: pre-line;
    font-weight: 100;
}
.index-products {
    background: url(../images/i_product_bg.jpg) no-repeat center center;
    background-size: cover;
}
.index-products-list {
    margin-bottom: 0;
    position: relative;
   
}
.index-products-list .swiper-container{
    padding: 20px 15px;
}
.index-products-list .swiper-slide{
    background-color: #fff;
    overflow: hidden;
    box-shadow: 5px 5px 8px 2px rgba(0,0,0,0.2);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.index-products-list .swiper-p-next {
    right: -50px !important;
    background-image: transparent !important;
    background: url(../images/icon_right3.png) no-repeat center center;
    background-size: contain;
    outline: none;
    width: 40px;
}
.index-products-list .swiper-p-prev {
    left: -50px !important;
    background-image: transparent !important;
    background: url(../images/icon_left3.png) no-repeat center center;
    background-size: contain;
    outline: none;
    width: 40px;
}
.swiper-p-next::after {
    display: none;
}
.swiper-p-prev::after {
    display: none;
}
.index-intro {
    font-size: 21px;
    color: #666666;
    line-height: var(--lh30);
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.index-products-item {
    position: relative;
}
.index-products-item {
    display: block;
    /* height: auto; */
    height: 300px;
    background-size: cover;
}
.products-item-top,
.products-item-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    border-radius: 8px;
}
.products-item-top {
    background: url(../images/bg4.png) no-repeat center center;
    background-size: 100% 100%;
    z-index: 10;
}
.products-item-top .item-img {
    height: 200px;
    margin-top: 20px;
    width: 100%;
    display: block;
    margin-bottom: 15px;
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
}
.products-item-top .item-img img{
    display: block;
    max-height: 100%;
    margin: auto;
}
.products-item-top b {
    display: block;
    height: 4px;
    width: 70px;
    background: #647995;
    border-radius: 2px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.products-item-top h4 {
    padding: 0 30px;
    font-size: var(--fz20);
    line-height: var(--lh30);
    color: #666;
    text-align: center;
    margin-bottom: 0px;
}
.products-item-back {
    background: url(../images/item_bg.jpg) no-repeat center center;
    background-size: 100% 100%;
    padding: 40px 15px;
    z-index:9;
    transform:rotate3d(0,1,0,-180deg);
    -ms-transform:rotate3d(0,1,0,-180deg);  /* IE 9 */
    -moz-transform:rotate3d(0,1,0,-180deg); /* Firefox */
    -webkit-transform:rotate3d(0,1,0,-180deg); /* Safari å’�? Chrome */
    -o-transform:rotateY(0,1,0,-180deg);  /* Opera */
    /* box-shadow: 0px 10px 40px 0px rgba(0,12,42,0.2); */
}
.products-item-back a {
    display: block;
}
.products-item-back:hover,
.products-item-back a:hover .title {
    color: #fff !important;
}
.products-item-back .title {
    padding: 0 20px;
    font-size: var(--fz20);
    line-height: var(--lh30);
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
 
}
.products-item-back .title:hover {
    color: #fff !important;
}
.products-item-back b {
    display: block;
    height: 4px;
    width: 70px;
    background: #fff;
    border-radius: 2px;
    margin: 0 auto;
    margin-bottom: 26px;
}
.products-item-back .intro {
    padding: 0 4%;
    font-size: var(--fz16);
    line-height: var(--lh30);
    height: auto;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3; /* 行数 */
    -webkit-box-orient: vertical;
    margin-bottom: 30px;
    text-align: left;
}
.products-item-back .i_more{
   display: block;
   color: #ffff;
   font-size: var(--fz16);
   font-weight: 100;
   text-align: right;
   padding: 0 4%;
}
.index-products-item:hover .products-item-top {
    transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -webkit-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    z-index: 9;
}
.index-products-item:hover .products-item-back {
    transform: rotate3d(0,1,0,0deg);
    -ms-transform: rotate3d(0,1,0,0deg);
    -moz-transform: rotate3d(0,1,0,0deg);
    -webkit-transform: rotate3d(0,1,0,0deg);
    -o-transform: rotate3d(0,1,0,0deg);
    z-index: 10;
}
#i_last{
    background: url(../images/i_bgg.jpg) no-repeat center;
    background-size:100% 100%;
    padding-bottom: 0;
}
/* 新闻资讯 */
.index-news {
    background: url(../images/bg2.png) no-repeat center center;
    background-size: cover;
}
.index-news-tab .row {
    margin-bottom: 40px;
}
.index-news-tab .tab-hd {
    text-align: center;
    margin-bottom: 45px;
}
.index-news-tab .tab-hd span {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 35px;
    font-size: 21px;
    background: rgba(224, 238, 255, 0.59);
    border-radius: 24px 0px 24px 0px;
    margin: 0 11px;
    cursor: pointer;
}
.index-news-tab .tab-hd span:hover,
.index-news-tab .tab-hd span.active {
    color: #fff;
    background: #6faaf7;
}
.index-news-left .item-img {
    display: block;
    height: 448px;
    border-radius: 10px 10px 0 0;
}
.index-news-left .item-text {
    display: block;
    height: 188px;
    border-radius: 0 0 10px 10px;
    padding: 12px 20px;
    background: #fff;
}
.index-news-left .item-text h4 {
    font-size: 24px;
    color: #333333;
    line-height: 33px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0;
    margin-bottom: 5px;
}
.index-news-left p.time {
    margin-bottom: 5px;
}
.index-news-left p.time img {
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.index-news-left p.time span {
    display: inline-block;
    vertical-align: middle;
    font-size: var(--fz18);
    color: #999;
}
.index-news-left p.intro {
    font-size: var(--fz16);
    color: #666666;
    line-height: var(--lh30);
    height: 90px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3; /* 行数 */
    -webkit-box-orient: vertical;
}
.index-news-right li{
    
}
.index-news-right li a {
    padding: 20px 0;
    
}
.index-news-right li:first-child a{
    padding-top: 0;

}

.index-news-right .list-item {
    width: 100%;
    display: block;
    border-bottom: 1px solid #dedede;
}
.index-news-right li:last-child a{
    border-bottom:none;
}
.index-news-right li:last-child .list-item {
    margin-bottom: 0;
}
.index-news-right .item-img {
    width: 183px;
    height: 124px;
    border-radius: 10px;
    overflow: hidden;
  
    float: right;
}
.index-news-right .item-text {
    width: calc(100% - 200px);
    float: left;
    margin-right: 15px;
}
.index-news-right .item-text h4 {
    font-size: var(--fz20);
    color: #333333;
    line-height: 33px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
    margin-top: 0;
}
.index-news-right p.time {
    margin-bottom: 2px;
}
.index-news-right p.time img {
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.index-news-right p.time span {
    display: inline-block;
    vertical-align: middle;
    font-size: var(--fz18);
    color: #999;
}
.index-news-right p.intro {
    font-size: var(--fz16);
    color: #666666;
    line-height: var(--lh30);
    /* height: 29px; */
}
.index-news-list2 .list-item {
    display: flex;
    align-items: center;
}
.index-news-list2 .item-img {
    width: 310px;
    height: 210px;
    border-radius: 15px;
    margin-right: 20px;
}
.index-news-list2 p.time {
    margin-bottom: 5px;
}
.index-news-list2 p.time img {
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.index-news-list2 p.time span {
    display: inline-block;
    vertical-align: middle;
    font-size: var(--fz18);
    color: #999;
}
.index-news-list2 .title {
    font-size: var(--fz20);
    color: #666666;
    line-height: 32px;
    height: 64px;
    margin-bottom: 10px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2; /* 行数 */
    -webkit-box-orient: vertical;
}
.index-news-list2 .intro {
    font-size: var(--fz16);
    color: #666666;
    line-height: var(--lh30);
    height: 87px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3; /* 行数 */
    -webkit-box-orient: vertical;
}
.index-news-list2 .col-md-6 {
    margin-top: 20px;
}
.index-news-list2 .col-md-6.list-item {
    margin-top: 0;
    margin-bottom: 5px;
}
.index-news-list2 .col-md-6 > a {
    display: block;
    position: relative;
}
.index-news-list2 .col-md-6 > a > span {
    display: block;
    font-size: var(--fz16);
    color: #666666;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 160px;
}
.index-news-list2 .col-md-6 div.time {
    position: absolute;
    right: 0;
    top: 0;
}
.index-news-list2 div.time img {
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.index-news-list2 div.time span {
    display: inline-block;
    vertical-align: middle;
    font-size: var(--fz18);
    line-height: 50px;
    color: #999;
}
.i_news_item{
    height: 32rem;
    position: relative;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.i_news_item .txt{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 20%;
    height: 100px;
    text-align: center;
    color: #2a2a2a;
    background-color: rgba(255, 255, 255, .8);
}
.i_news_item .txt h2{ margin-bottom: 0;}
.i_news_item .txt h2 a{
    font-size: var(--fz25);
    font-weight: 520;
   
    color: #333;
}
.i_news_item .txt p a{font-size: var(--fz18);color: #2a2a2a;}
.swiper-pagination-news{
   
   
}
.i_news_l .swiper-pagination-bullet-active {
    background: #1f5a54 !important;
}
.index-news .more{margin: auto !important;}
/* 服务网络 */
.index-section-num {
    margin-bottom: 40px;
}
.index-counter {
    width: 150px;
    margin: 0 auto;
}
.index-counter span.counter {
    display: block;
    color: #333333;
    font-family: Barlow-Black;
    font-size: 48px;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 20px;
    position: relative;
}
.index-counter span.counter:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #d8d8d8;
    position: absolute;
    bottom: -10px;
    left: 0;
}
.index-counter span.counter.active {
    color: var(--main);
}
.index-counter span:nth-child(2) {
    font-size: var(--fz16);
    color: #666666;
}
.index-map {
    position: relative;
    margin-bottom: 20px;
}
.index-map .map-circle {
    position: absolute;
}
.index-map-m {
    display: none;
}

.index-map .map-hover img {
    width: 20px;
}
.index-map .map-content {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 44px;
    margin-left: -131px;
    width: 262px;
    min-height: 40px;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    z-index: 9;
}
.index-map .map-content:after {
    content: "";
    width: 26px;
    height: 12px;
    background: url(../images/map-content.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -13px;
}
.index-map .map-content p {
    display: flex;
}
.index-map .map-content span {
    word-break: break-all;
}
.index-map .map-content span:nth-child(1) {
    width: 50px;
    min-width: 50px;
}
/* 服务网络 */

/* --- 栏目页公共部�? --- */

.sort-nav {
    z-index: 9;
  
}
.sort-nav li {
}
.sort-nav li a {
    display: block;
    padding:0 1rem;
    font-size: 1.12rem;
    height: 60px;
    color: #333;
    line-height: 60px;
    position: relative;
    overflow: hidden;
}


.sort-nav ul li.active a {
    color: var(--main);

}


.sort-nav ul a::after {
    content: " ";
    position: absolute;
    left: -100%;
    bottom: 0px;
    height: 2px;
    width: 100%;
    background-color: var(--main);
    transition: all 0.3s linear 0s;
}
.sort-nav ul .active a::after,.sort-nav ul a:hover::after {
    left: 0;
}
/* -- 面包屑导�? -- */
.sort-position {
    height: 50px;
    background: #F2F2F2;
    font-size: 14px;
    color: #666666;
}
.sort-position a {
    color: #666666;
    display: inline-block;
    height: 50px;
    line-height: 50px;
}
.sort-position span {
    margin: 0 2px;
}
.sort-position i {
    font-style: normal;
}
/* -- 面包屑导�? -- */
/* --- 栏目页公共部�? --- */

/* --- 产品列表 --- */
.sort-banner {
    padding: 140px 0 0 0;
    height: 500px;
    position: relative;
}
.sort-banner:after {
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(to right,rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0));
    z-index: 0;
}
.sort-banner .container {
    position: relative;
    z-index: 2;
}

.sort-banner h2.en {
    font-size: var(--fz20);
    /* font-size: 24px; */
    line-height: var(--lh30);
    /* line-height: 33px; */
    color: #fff;
    font-weight: 400;
}
.sort-banner h2.cn {
    font-size: 3.5rem;
    font-family: '宋体' !important;
    line-height: 70px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 900;
}
.sort-banner.text-color h2.en,
.sort-banner.text-color h2.cn {
    color: var(--main);
}
.sort-banner p {
    font-size: 21px;
    line-height: var(--lh30);
    color: #fff;
}

.sort-banner .txt{
    width: 100%;
    margin: auto;
    text-align: center;
}

.sort-main {
    position: relative;
    padding: 1vw 0 2vw;
    /* z-index: 2; */
}
.sort-left {
    width: 260px;
    float: left;
}
.sort-navbar {
    width: 100%;
    position: relative;
    /* background: #f6faff; */
    background: #f7f7f7;
    border-radius: 0 0 20px 20px;
    padding: 30px 15px;
    border: 1px solid var(--main);
    border-top: 0;
    margin-bottom: 20px;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    -ms-border-radius: 0 0 20px 20px;
    -o-border-radius: 0 0 20px 20px;
}
.sort-navbar > li {
    margin-bottom: 20px;
}
.sort-navbar > li:last-child {
    margin-bottom: 0;
}
.sort-navbar li:nth-child(2) .item-img i {
    display: block;
    background: url(../images/ico-bg22.png) no-repeat center center;
    background-size: contain;
    width: 33px;
    height: 33px;
}
.sort-navbar li:nth-child(2) .item-img img{
    width: 33px;
    height: 33px;
}
.sort-navbar li:nth-child(2).active .item-img i {
    background: url(../images/ico-bg2.png) no-repeat center center;
    background-size: contain;
}
.sort-navbar li:nth-child(3) .item-img i {
    display: block;
    background: url(../images/ico-bg33.png) no-repeat center center;
    background-size: contain;
    width: 33px;
    height: 33px;
}
.sort-navbar li:nth-child(3).active .item-img i {
    background: url(../images/ico-bg3.png) no-repeat center center;
    background-size: contain;
}
.sort-navbar li:nth-child(4) .item-img i {
    display: block;
    background: url(../images/ico-bg11.png) no-repeat center center;
    background-size: contain;
    width: 33px;
    height: 33px;
}
.sort-navbar li:nth-child(4).active .item-img i {
    background: url(../images/ico-bg1.png) no-repeat center center;
    background-size: contain;
}
.sort-navbar > li .item {
    position: relative;
    cursor: pointer;
}
.sort-navbar > li .item-text i {
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 12px;
    background: url(../images/icon_class.png) no-repeat center center;
    background-size: contain;
    transition: all .5s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.sort-navbar > li.active .item-text i {
    background: url(../images/icon_class_h.png) no-repeat center center;
    background-size: contain;
}
.sort-navbar li .item {
    display: flex;
    align-items: center;
}
.sort-navbar li .item-img {
    margin-right: 10px;
}
.sort-navbar li .cn,.sort-navbar li .cn a {
    font-size: var(--fz20);
    color: #333333;
    line-height: var(--lh30);
}
.sort-navbar li .en {
    font-size: 12px;
    color: #999999;
    line-height: 17px;
}
.sort-navbar li.active .cn,
.sort-navbar li.active .en {
    color: var(--main);
}
.sort-navbar .sortbar-list {
    display: none;
    padding-top: 10px;
    padding-left: 25px;
}
.sort-navbar li.active .sortbar-list {
    display: block;
}
.sortbar-list li {
    margin-bottom: 0px;
}
.sortbar-list li a {
    display: block;
    line-height: var(--lh40);
    height: auto;
    color: #333333;
    font-size: var(--fz16);
    position: relative;
}
.sortbar-list li.active a {
    color: var(--main);
}
.sortbar-list li.active a:after {
    content: "";
    width: 15px;
    height: 3px;
    background: var(--main);
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.sortbar-list li i {
    display: inline-block;
    background: url(../images/ico.png) no-repeat center center;
    background-size: 100%;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 3px;
}
.sort-navbar-title {
    background: var(--main);
    line-height: 80px;
    width: 260px;
    font-size: 24px;
    padding-left: 20px;
    color: #fff;
  
}
.app-sort-navbar .sort-navbar-title {
    background: var(--main);
    line-height: 80px;
    width: 250px;
    font-size: 24px;
    padding-left: 20px;
    color: #fff;
    margin-bottom: 3%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.sort-navbar-title img{
    width: 30px;
    margin-right: 10px;
}
.sort-content {
    padding: 35px 0 35px 295px;
    padding-top: 0 !important;
}
.sort-content .sort-title {
    position: relative;
    background: url(../images/ico-bg6.png) no-repeat left 6px;
    background-size: 63px 37px;
    margin-bottom: 25px;
}
.sort-content .sort-title .cn {
    font-size: var(--fz20);
    color: #333333;
    line-height: 28px;
    padding-left: 50px;
}
.sort-content .sort-title .en {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    padding-left: 50px;
}
.page-crumbs{
  
    background-color: #f7f7f7;
    margin-bottom: 30px;
    height: 60px;
    line-height: 60px;
   
}
.crumbs{
    background: url(../images/icon_crumbs2.png) no-repeat left;
    background-size: 30px;
    padding-left: 35px;
}
.crumbs a{display: inline-block !important;color: #333;}
.search input {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    width: 267px;
    height: 33px;
    background: transparent;
    border-radius: 20px;
    border: 1px solid #fff;
    padding: 0 45px 0 15px;
    outline: none;
}
.search input:focus {
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
}
.search button {
    width: 22px;
    height: 22px;
    background: url(../images/ico-search.png) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 5px;
    border: 0;
}
.search-form{
    position: relative;
}
.search-form input {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    width: 290px;
    height: 33px;
    background: #FFFFFF;
    border-radius: 20px;
    border: 1px solid #CECECE;
    padding: 0 45px 0 15px;
    outline: none;
}
.search-form input:focus {
    background: #fff;
    color: #333;
    border: 1px solid #CECECE;
}
.search-form button {
    position: absolute;
    right: 15px;
    top: 50%;
    background: transparent;
    border: 0;
    padding: 0;
    outline: none;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.search-form button i {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/icon-search.png) no-repeat center center;
    background-size: contain;
}
.search-form input::placeholder{font-size: 13px;}
.select-choose {
    display: flex;
    border: 1px solid #e9e9e9;
    position: relative;
    border-bottom: 0;
    margin-bottom: 1rem;
}
.sort-select .select-choose:last-child {
    border-bottom: 1px solid #e9e9e9;
}
.select-choose .select-title {
    line-height: 45px;
    background: #f3f3f3;
    min-width: 112px;
    padding-left: 15px;
}
.select-option {
    padding: 5px 80px 5px 20px;
    /* height: 45px; */
    overflow: hidden;
}
.select-option.more {
    height: 45px;
}
.select-option.active {
    height: auto;
}
.select-option a {
    line-height: 35px;
    font-size: 14px;
    color: #666666;
    margin-right: 20px;
    word-break: keep-all;
    display: inline-block;
}
.select-option a.active {
    color: var(--main);
}
.select-more {
    position: absolute;
    right: 10px;
    top: 11px;
    height: 23px;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
    background: #fff;
    border: 1px solid #e3e3e3;
    padding: 0 9px;
    cursor: pointer;
}
.select-more i {
    background: url(../images/ico-up.png) no-repeat center center;
    background-size: contain;
    width: 10px;
    height: 10px;
    display: inline-block;
    transform: rotate(180deg);
    transition: all .5s;
}
.select-more.active i {
    transform: rotate(0deg);
}
.sort-product-list .item{
    position: relative;
    /* border: 1px solid #ccc; */
}
.sort-product-list .item-img {
    overflow: hidden;
    height: 220px;
    padding: 3%;
}
.sort-product-list .item-img a {
    width: 100%;
    height: 100%;
    display: block;
    transition: all .5s;
}
.sort-product-list .item-img a:hover {
    transform: scale(1.03);
}
.sort-product-list .item-img img {
    max-height: 100%;
    margin: auto;
    /* width: 100%; */
   
}

.sort-product-list  .item {
    box-shadow: 0px 0px 5px 0px #DEDEDE;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
}
.sort-product-list .item .title {
    /* line-height: 35px; */
    line-height: var(--lh40);
    padding: 2px 0;
    margin: 0 15px;
    font-size: var(--fz16);
    border-top: 1px solid #e1e1e1;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
.sort-product-list .itrmeing .itme-div {
    position: absolute;
    /* top: 50%;
    transform: translateY(-50%); */
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10%;
    text-align: left;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sort-product-list .itrmeing {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/item_bg.jpg) no-repeat center;
    background-size: 100% 100%;
    transform: scale(0);
    opacity: 0;
    transition: all 0.3s;
}
.sort-product-list .itrmeing a,.sort-product-list .itrmeing a:hover{color: #fff !important;}
.sort-product-list .item:hover .itrmeing {
    transform: scale(1);
    opacity: 1;
}
.itrmeing .name{
    font-size: var(--fz16);
    font-weight: 600;
}
.itrmeing .name-jie{
    font-size: var(--fz14);
    /* font-weight: 300; */
    margin-top: 4%;
    opacity: .8;
    
}
.itrmeing span{
    display: block;
    color: #f3f3f3;
    font-size: var(--fz14);
    margin-top: 6%;
    
  
  
}
.sort-contact {
    /* display: flex; */
   
    border: 2px solid var(--main);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    background: #f7f7f7;
}
.sort-contact .dx{
    padding: 20px;
}
.sort-contact i {
    background: url(../images/icon_call.png) no-repeat center;
    background-size: contain;
    width: 45px;
    height: 45px;
    margin-right: 10px;
}
.sort-contact-info span:nth-child(1) {
    display: block;
    font-size: var(--fz18);
    color: #333;
}
.sort-contact-info span:nth-child(2) {
    display: block;
    font-size: 24px;
    color: var(--main);
}
.sort-map {
    border-radius: 20px 0 20px 0;
    background-image: linear-gradient(to right, #f6faff, #d4d4dc);
    padding: 15px;
}
.sort-map .en {
    display: block;
    font-size: 14px;
    color: #B1B3C5;
}
.sort-map .cn {
    display: block;
    font-size: var(--fz18);
    color: #666666;
    line-height: 20px;
    margin-bottom: 20px;
}
/* --- 产品列表 --- */

/* --- 产品详情 --- */
.product-pics {
    position: relative;
}
.product-pics img{
   width: 100%;
}
.product-pics .gallery-top {
    border-radius: 10px;
    overflow: hidden;
}
.product-pics .gallery-top,
.product-pics .gallery-thumbs {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.product-pics .gallery-top .swiper-wrapper {
    height: 520px;
    /*height: 100%;*/
}
.product-pics .gallery-thumbs {
    width: calc(100% - 120px);
}
.product-pics .gallery-thumbs .swiper-wrapper {
    height: 105px;
}
.product-pics .swiper-slide {
    background-size: cover;
    background-position: center;
}
.product-pics .swiper-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-pics .gallery-top {
    height: 80%;
    width: 100%;
}
.product-pics .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 5px 0;
    margin-top: 10px;
}
.product-pics .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}
.product-pics .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.product-pics .swiper-button-next,.product-pics .swiper-button-prev {
    height: 100px;
    width: 50px;
    background: #f3f3f3;
}
.product-pics .swiper-button-next {
    right: 15px;
    bottom: 10px;
    top: inherit;
    margin-top: 0;
    color: #666666;
    background-size: 20px 30px;
    background-repeat: no-repeat;
    background-position: 14px;
}
.product-pics .swiper-button-prev {
    left: 15px;
    bottom: 10px;
    top: inherit;
    margin-top: 0;
    color: #666666;
    background-size: 20px 30px;
    background-repeat: no-repeat;
    background-position: 14px;
}
.product-pics .swiper-button-next:after,
.product-pics .swiper-button-prev:after {
    font-size: 24px;
}
.video-play .playbtn {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    cursor: pointer;
}
.videoplay .playbtn1 {
    width: 36px;
    height: 36px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -var(--fz18);
    margin-top: -var(--fz18);
}
/* 产品详情 */
.product-info h2 {
    font-size: var(--fz25);
    line-height: var(--lh25);
}
.product-info .intro {
    padding: 10px;
    margin-bottom: 15px;
}
.product-info .intro p {
    color: #666666;
    font-size: var(--fz16);
    line-height: var(--lh30);
    /* line-height: 32px; */
    white-space: pre-line;
}
.product-info .intro strong {
    color: #333333;
}
.product-info .specs {
    margin-bottom: 20px;
}
.product-info .specs .specs-title {
    font-size: var(--fz18);
    line-height: var(--lh25);
    color: #333333;
    margin-bottom: 15px;
}
.product-info .specs .specs-choose {
    margin-bottom: 60px;
}
.product-info .specs .specs-option {
    display: inline-block;
    margin: 0 10px 10px 0;
    font-size: var(--fz16);
    line-height: var(--lh40);
    color: var(--main);
    border: 1px solid var(--main);
    padding: 0 40px;
    position: relative;
}
.product-info .specs .specs-option:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent var(--main) transparent;
    position: absolute;
    right: 0;
    bottom: 0;
}
.product-btn a {
    margin-right: 30px;
    padding: 0 30px;
    line-height: 50px;
    display: inline-block;
    font-size: var(--fz16);
    border: 1px solid var(--main);
}
.product-btn a.msg {
    background: var(--main);
    color: #fff;
    opacity: 0.9;
}
.product-btn a.msg:hover {
    color: #fff !important;
    opacity: 1;
}
.product-btn a i {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
}
.product-btn a.msg i {
    background: url(../images/ico-msg.png) no-repeat center center;
    background-size: contain;
}
.product-btn a.down i {
    background: url(../images/ico-note.png) no-repeat center center;
    background-size: contain;
}
.product-btn {
    margin-bottom: 30px;
}
.product-title {
    font-size: var(--fz20);
    line-height: var(--lh30);
    border-bottom: 3px solid var(--main);
    margin-top: 40px;
    margin-bottom: 30px;
}
.product-title span {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 70px 0 46px;
    color: #fff;
    background: var(--main);
    background-size: contain;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
}
.product-editor {
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.product-editor .product-editor-title {
    font-size: 24px;
    color: #333333;
    line-height: 36px;
    margin-bottom: 15px;
}
.p_border_b {
    border-bottom: 1px solid #6f6f6f;
}
.product-editor h2 {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    line-height: 36px;
    margin-bottom: 10px;
    text-align: center;
}
.product-editor h1,h2,h3,h4,h5,h6 {
    line-height: 1.5;
    color: #333;
    margin-top: 15px;
    margin-bottom: 15px;
}
.product-editor h1 {
    font-size: 30px;
}
.product-editor h2 {
    font-size: 24px;
}
.product-editor h3 {
    font-size: var(--fz20);
}
.product-editor h4 {
    font-size: var(--fz18);
}
.product-editor h5 {
    font-size: var(--fz16);
}
.product-editor h6 {
    font-size: 14px;
}
.product-editor span,
.product-editor p {
    /*font-size: 16px !important;*/
    font-size: 16px ;
    /*color: #6f6f6f !important;*/
    color: #6f6f6f ;
    /*line-height: 32px !important;*/
    line-height: 32px ;
    /*margin-bottom: 10px !important;*/
    margin-bottom: 5px ;
    /*word-break: break-all;*/
    word-break: break-word;
}
.product-editor > div:nth-child(2) {
    font-size: 16px !important;
    color: #6f6f6f !important;
    line-height: 42px !important;
    white-space: pre-wrap;
}
.product-editor ol,
.product-editor ul {
    padding-left: 25px;
}
.product-editor ul li {
    list-style: disc;
}
.product-editor ol li {
    list-style: decimal;
}
.product-editor video,
.product-editor table,
.product-editor img {
    max-width: 100%;
    height: auto !important;
}
.product-editor img {
    display: inline-block;
    /*margin: 0 auto;*/
}
.product-editor a {
    color: #103673;
}
/* 产品留言 */
.product-msg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.4);
}
.product-msg.show {
    display: block;
}
.product-msg.show .product-msg-form {
    -webkit-transform: translate(0,0px);
    transform: translate(0,0px);
}
.product-msg .product-msg-form {
    max-width: 520px;
    margin: 1.75rem auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
    min-height: calc(100% - 3.5rem);
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-50px);
    transform: translate(0,-50px);
}
.pmf-model {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 8px;
    outline: 0;
    padding: 35px 90px;
}
.pmf-model .msg-title {
    font-size: var(--fz20);
    line-height: var(--lh40);
    color: #2b2b2b;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}
.pmf-model .msg-title:after {
    content: "";
    width: 74px;
    height: 3px;
    position: absolute;
    left: 50%;
    top: 44px;
    margin-left: -37px;
    background: var(--main);
}
.pmf-model input.form-control {
    height: 40px;
    line-height: var(--lh40);
    background: #dedede;
    font-size: 14px;
}
.pmf-model .form-group {
    margin-bottom: 15px;
}
.pmf-model textarea.form-control {
    line-height: var(--lh40);
    background: #dedede;
    font-size: 14px;
}
.pmf-model button {
    width: 100%;
    height: 43px;
    line-height: 43px;
    background: var(--main);
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid var(--main);
}
.close-msg {
    position: absolute;
    right: 25px;
    top: 25px;
    width: 30px;
    height: 30px;
    background: url(../images/ico-close.svg) no-repeat center;
    background-size: 20px 20px;
    cursor: pointer;
    z-index: 1099;
}
.more-list {
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 60px;
}
/* .more-list > div {
    width: 20%;
    padding-left: 12px;
    padding-right: 12px;
} */
.more-list .item {
    box-shadow: 0px 0px 5px 0px #DEDEDE;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
}
.more-list .item img {
    width: 100%;
    height: auto;
}
.more-list .item .title {
    font-size: var(--fz16);
    color: #333333;
    line-height: 36px;
    padding: 6px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* --- 产品详情 --- */

/* --- �?有新�? --- */
.news-list {
    margin-bottom: 45px;
    padding-bottom: 45px;
    border-bottom: 1px dashed #999999;
}
.news-list:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}
.news-list .index-news-left .item-text,
.news-list .index-news-right a {
    background: #f7f7f7;
}
.news-title {
    margin-bottom: 35px;
    position: relative;
    padding-left: 50px;
    background: url(../images/ico-bg6.png) no-repeat center left;
    background-size: 63px 37px;
}
.news-title .cn {
    font-size: var(--fz20);
    color: #333333;
    line-height: 28px;
}
.news-title .en {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}
.news-title .more {
    position: absolute;
    right: 0;
    top: 15px;
}
.news-title .more span {
    font-size: 14px;
    color: #5b5b5b;
    display: inline-block;
    vertical-align: middle;
}
.news-title .more i {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon-r2.png) no-repeat center center;
    background-size: contain;
    height: 13px;
    width: 28px;
    margin-left: 5px;
}
/* --- �?有新�? --- */

/* --- 新闻列表 --- */
.news-list-common {padding: 1vw 0 2vw; }
.news-list-common li {
    margin-bottom: 35px;
    padding-bottom: 35px;
    position: relative;
}
.news-list-common .list-item {
    display: flex;
    align-items: center;
}
.news-list-common .item-img {
    width: 330px;
    min-width: 330px;
    height: 215px;
    overflow: hidden;
    margin-right: 40px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    overflow: hidden;
}
.news-list-common .item-img .img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .5s;
}
.news-list-common .list-item:hover .img {
    transform: scale(1.05);
}
.news-list-common .item-text {
    flex: 1;
}
.news-list-common .item-text .title {
    font-size: 1.4rem;
    color: #666666;
    line-height: 1.8rem;
    margin-bottom: 5px;
  
}
.news-list-common p.time {
    margin-top: 2%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news-list-common p.time .more{
    display: none;
}
.news-list-common p.time img {
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.news-list-common p.time span {
    display: inline-block;
    vertical-align: middle;
    font-size: var(--fz18);
    color: #999;
}
.news-list-common p.intro {
    font-size: 1.15rem;
    color: #666666;
    line-height: var(--lh30);
    height: auto;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3; /* 行数 */
    -webkit-box-orient: vertical;
}
.news-list-common .item-more {
   
   
    padding-left: 50px;
    padding-right: 15px;
    /* margin-left: 35px; */
}
.news-list-common ul li:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #eaeaea;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 1s;
    z-index: 1;
}
.news-list-common ul li{overflow: hidden;}
.news-list-common ul li:before {
    content: "";
    display: block;
    width: 0;
    height: 3px;
    background: var(--main);
    background: linear-gradient(to top right,#13aca8,#069e58);
    background: linear-gradient(135deg,#13aca8,#069e58);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 1s;
    z-index: 2;
}
.news-list-common ul li:hover:before {
    width: 100%;
}
.news-list-common .list-item:hover .item-text a{color: var(--main);}
.news-list-common .list-item:hover .more{
    color: #fff !important;
    background: url(../images/icon_more_h.png) no-repeat;
    background-position: right 15px center;
    background-color: var(--main);
    border: 1px solid var(--main);
}
/* --- 新闻列表 --- */

/* --- 新闻详情 --- */
.news-content {
    padding-top: 20px;
}
.news-content .container h2 {
    font-size: var(--fz25);
    /* font-size: 24px; */
    line-height: var(--lh30);
    /* line-height: 36px; */
    color: #666666;
    text-align: center;
    margin-bottom: 20px;
}
.news-content p.time {
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px dashed #999999;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.news-content p.time i {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 20px;
    height: 20px;
    background: url(../images/icon-date.png) no-repeat center center;
    background-size: contain;
}
.news-content p.time span {
    display: inline-block;
    vertical-align: middle;
    font-size: var(--fz18);
    color: #999;
    line-height: var(--lh25);
}
.news-content-c {
    max-width: 1200px;
    margin: 0 auto;
}
.news-content-c h2 {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    line-height: 36px;
    margin-bottom: 10px;
    text-align: center;
}
.news-content-c h1,h2,h3,h4,h5,h6 {
    line-height: 1.5;
    color: #333;
    margin-top: 15px;
    margin-bottom: 15px;
}
.news-content-c h1 {
    font-size: 30px;
}
.news-content-c h2 {
    font-size: 24px;
}
.news-content-c h3 {
    font-size: var(--fz20);
}
.news-content-c h4 {
    font-size: var(--fz18);
}
.news-content-c h5 {
    font-size: var(--fz16);
}
.news-content-c h6 {
    font-size: 14px;
}
.news-content-c p {
    font-size: var(--fz16);
    color: #6f6f6f;
    line-height: 32px;
    margin-bottom: 1.5px;
    word-break: break-word;
}
.news-content-c ol,
.news-content-c ul {
    padding-left: 25px;
}
.news-content-c ul li {
    list-style: disc;
}
.news-content-c ol li {
    list-style: decimal;
}
.news-content-c table,
.news-content-c img {
    max-width: 75%;
    margin: 0 auto;
    margin-top: 15px;
    height: auto !important;
}
.news-content-c table{
    max-width: 90%;
}
.news-content-c table p{
     word-break: inherit;
}
.news-content-c video {
    display: block;
    max-width: 85%;
    margin: 0 auto;
    margin-bottom: 40px;
    margin-top: 40px;
}
.news-content-c img {
    display: inline-block;
    /* margin: 0 auto; */
}
.news-content-c a {
    color: #103673;
    display: contents;
}
.news-content-next {
    margin: 2% 0;
    border-top: 1px solid #d8d8d8;
}
.news-content-next p {
    font-size: var(--fz16);
    line-height: 60px;
    color: #666666;
    border-bottom: 1px solid #d8d8d8;
    height: 60px;
    display: flex;
    margin-bottom: 0;
}
.news-content-next p.prev i {
    display: inline-block;
    width: 44px;
    height: 60px;
    background: url(../images/ico-up1.png) no-repeat center left;
    background-size: var(--fz18) auto;
}
.news-content-next p.next i {
    display: inline-block;
    width: 44px;
    height: 60px;
    background: url(../images/ico-down1.png) no-repeat center left;
    background-size: var(--fz18) auto;
}
.news-content-next p span {
    display: inline-block;
    min-width: 65px;
}
.news-content-next a {
    display: inline-block;
    font-size: var(--fz16);
    line-height: 60px;
    color: #666666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.back-page {
    text-align: right;
    margin-bottom: 40px;
}
.back-page a {
    display: inline-block;
    background: var(--main);
    padding: 8px 20px;
    border-radius: 10px;
}
.back-page i {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: var(--fz18);
    background: url(../images/ico-back.png) no-repeat center center;
    background-size: cover;
    margin-right: 7px;
}
.back-page span {
    display: inline-block;
    vertical-align: middle;
    font-size: var(--fz16);
    line-height: var(--lh30);
    color: #fff;
}
/* --- 新闻详情 --- */

.page-plan-main ul{display: flex;flex-wrap: wrap;}
.page-plan-main ul li{
    width: 32%;
    margin-right: 2%;
    padding: 1%;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.page-plan-main ul li:nth-child(3n){
    margin-right: 0;
}
.page-plan-main ul li .list-item{
    display: block;
}
.page-plan-main .item-img {
    width: 100%;
    min-width: 100%;
    height: 215px;
    overflow: hidden;
    margin-right: 0px;
}
.page-plan-main  p.intro {
    font-size: 1.15rem;
    color: #666666;
    line-height: var(--lh30);
    height: auto;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.page-plan-main .item-text{
    margin: 4% 0;
}
.page-plan-main .item-more   {padding: 0;margin: 0;} 
.page-plan-main  .more {
    display: block;
    color: #999;
    font-size: 1.1rem;
    line-height: 1.5rem;
    padding: 0;
    margin: 0;
    border:none;
    width: 100%;
   
    background: url(../images/icon_more999.png) no-repeat;
    background-position: right 15px center;
}
.page-plan-main .list-item:hover .more {
    color: var(--main) !important;
    background: url(../images/icon_more2_h.png) no-repeat;
    background-position: right 0px center;
    background-color:transparent;
    border: none;
}
.page-plandetail-main .sort-content {
    padding: 0;
}
/* 招商加盟 */

.page_feed {
    width: 100%;
    height: auto;
    /* background: #da251d; */
    position: relative;
    z-index: 1;
    overflow: hidden
}

.page_feed .center {
    width: 100%;
    height: auto;
    margin: 1vw auto 2.5vw;
    position: relative;
    z-index: 2
}

.page_feed .center .feed_title {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.page_feed .center .feed_title .page_title .title {
    color: #414141
}

.page_feed .center .feed_title .page_title .details {
    color: #414141
}

.page_feed .center .feed_title .page_title .line::after {
    background: #fff
}

.page_feed .center .feed_title .feed_tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #414141
}

.page_feed .center .feed_title .feed_tel .icon {
    margin-right: 20px
}

.page_feed .center .feed_title .feed_tel .icon i {
    font-size: 48px
}

.page_feed .center .feed_title .feed_tel .info .title {
    font-size: var(--fz16);
    line-height: 1
}

.page_feed .center .feed_title .feed_tel .info .phone {
    margin-top: 5px;
    font-family: sy_m;
    font-size: 24px
}


@media (max-width:1024px) {
    /* .page_feed .center {
        margin: 50px 0
    } */

    .page_feed .center .feed_title {
        display: block
    }

    .page_feed .center .feed_title .feed_tel {
        display: none
    }
    .container, .container-md, .container-sm {
        max-width: 96% !important;
    }
    .sort-product-list .col-md-4{padding: 0 8px;}
    .sort-product-list .item {
       margin-bottom: 15px;
}
    
}

@media (max-width:768px) {
    /* .page_feed .center {
        margin: 40px 0
    } */
    .container, .container-md, .container-sm {
        max-width: 94% !important;
    }

}

@media (max-width:480px) {
 
}

.page_feed .feed_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden
}

.page_feed .feed_bg .items {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.page_feed .feed_bg .items .itemblock {
    width: 4vw;
    height: 6vw;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 50%;
    opacity: .04;
    border-radius: 2px;
    margin: -100px 0 0 -100px;
    box-shadow: 0 0 10px #000
}

 .page-class,#about .page-class{
    display: none;
  }
   .message-box {
    background-color: #fff;
    padding: 30px 0;
    
    }
    
     .message-box .title {
    font-size: var(--fz16);
    color: #999;
    }
    
     .message-box .title span {
    font-weight: bold;
    color: #333;
    font-size: 24px;
    line-height: 24px;
    margin-right: 15px;
    }
    
     .message-box .advise-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    }
    
     .message-box .advise-nav .item {
    width: 140px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: var(--fz16);
    color: #666;
    border: 1px solid #eee;
    transition: all 0.6s;
    margin-right: 20px;
    cursor: pointer;
    }
    
     .message-box .advise-nav .item.active,
     .message-box .advise-nav .item:hover {
    background-color: #24c373;
    color: #fff;
    }
    
     .message-box .txt {
    text-align: center;
    color: #666;
    font-size: var(--fz16);
    margin-top: 20px;
    }
    
     .message-box .form-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* margin-top: 30px; */
    }
    
     .message-box .form-box .line {
    width: 49%;
    margin-bottom: 2%;
    height: 50px;
    position: relative;
    }
    
     .message-box .form-box .line input,.message-box .form-box .line   select{
    width: 100%;
    height: 100%;
    border: 1px solid #eee;
    transition: all 0.6s;
    padding:0 30px;
    outline: none;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
}

     .message-box .form-box .line input:focus {
    box-shadow: 0px 0px 10px 0px rgba(0, 66, 120, 0.2);
    border: solid 1px #24c373;
    }
    .line100{
        width: 100% !important;
    }
     .message-box .form-box .line.has-star:before {
    content: '*';
    position: absolute;
    color: #f00000;
    font-size: var(--fz16);
    left: 15px;
    top: 12px;
    }
     .message-box .form-box .c-text::before{
    left: 1% !important;

    }
     .message-box .form-box .line.has-text {
    width: 100%;
    height: 160px;
    resize: none;
    }
    
     .message-box .form-box .line.has-text textarea {
        width: 100%;
        height: 100%;
        border: 1px solid #eee;
        padding: 1% 30px;

        
    }
     .has-text.line.has-star:before{
        top: 8% !important;
        left: 1% !important;
    }
    
     .message-box .form-box .line.has-text textarea:focus {
    box-shadow: 0px 0px 10px 0px rgba(0, 66, 120, 0.2);
    border: solid 1px #24c373;
    }
   
     .message-box .form-box .code-box {
    height: 50px;
    display: flex;
    align-items: center; 
    }
    
     .message-box .form-box .code-box .line {
    width: 190px;
    height: 100%;
    margin-bottom: 0;
    margin-right: 15px;
    }
    .input_focus {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%) !important;
    border: 1px solid red !important;
    }
     .message-box .form-box .code-box .img-box {
    width: 160px;
    height: 100%;
    line-height: 50px;
    }
    
     .message-box .form-box .code-box .img-box img {
    height: 100%;
    }
    
     .message-box .form-box .msg-btn {
    width: 190px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: var(--fz16);
    border: 0;
    background-color: var(--main);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.message-box .form-box .msg-btn:hover{
    opacity: .8;
}
.search-list .item-img {
    width: 30%;
    min-width: auto;
    height: auto;
    margin-right: 30px;
}
.search-list  p.intro {
    font-size: 1.15rem;
    height: auto;
    -webkit-line-clamp: 3;
    margin-top: 2%;
}


.search-list li {
    margin-bottom: 35px;
    padding-bottom: 20px;
    position: relative;
}
.search-list p.time .more {
    display: block;
    display: block;
    color: #999;
    font-size: 18px;
    line-height: 40px;
    margin-right: 5px;
    border: 1px solid #999;
    width: 150px;
    padding-left: 20px;
    background: url(../images/icon_more999.png) no-repeat;
    background-position: right 20px center;
}
.select-choose a span{
    font-size: 18px;
    color: var(--main);
    display: inline-block;

}
.search-list .empty{
    /* padding: 2%; */
}
.page-editor p,.page-editor span{font-size: var(--fz15) !important;}
.swiper-nav{display:none;}
    @media screen and (max-width:767px) {
        .swiper-nav{display:block;}
         .swiper-nav a{
    font-size: 1.2rem;
    text-align: center;
    color: #000;
    line-height: 3;
 }
        .page-crumbs  .container{padding:0 10px;}
        #page_products .search{width: 90% !important;}
         .message-box .form-box .line {
            width: 100%;
            margin-bottom: 2%;
            height: 50px;
            position: relative;
        }
         .message-box .form-box .line.has-star:before {
            top: 13px;
        }
         .message-box .form-box .code-box {
            height: 50px;
            display: flex;
            width: 100%;
            align-items: center;
            margin-bottom: 2%;
        }
         .message-box .form-box .code-box .img-box img {
            display: block;
            margin-left: 2%;
        }
         .message-box .form-box .msg-btn {
            width: 100%;
            height: 50px;
            line-height: 50px;
        }
    }
    .alert {
        position: fixed;
        padding: 15px 30px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 100000;
        color: #fff;
        text-align: center;
        line-height: 50px;
        font-size: var(--fz16);
        display: none;
        border-radius: 10px;
        background-color: rgba(0, 0, 0, .5);
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
        z-index: 3000;
        }
/* --- 试剂操作视频 --- */
.videos-title {
    margin-bottom: 35px;
    position: relative;
    padding-left: 50px;
    background: url(../images/ico-bg6.png) no-repeat center left;
    background-size: 63px 37px;
}
.videos-title .cn {
    font-size: var(--fz20);
    color: #333333;
    line-height: 28px;
}
.videos-title .en {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}
.videos-title .title {
    float: left;
}
.videos-title .more {
    position: absolute;
    right: 0;
    top: 0;
}
.videos-title .more span {
    font-size: 14px;
    color: #5b5b5b;
    display: inline-block;
    vertical-align: middle;
}
.videos-title .more i {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon-r2.png) no-repeat center center;
    background-size: contain;
    height: 13px;
    width: 28px;
    margin-left: 5px;
}
.videos-navbar {
    float: left;
}
.videos-navbar li {
    float: left;
    margin-left: 25px;
}
.videos-navbar li a {
    display: block;
    height: 40px;
    padding: 0 35px;
    line-height: 38px;
    font-size: var(--fz16);
    color: #333333;
    border-radius: 20px;
    border: 1px solid #d0d0d0;
    position: relative;
}
.videos-navbar li a:hover {
    border: 1px solid var(--main);
}
.videos-navbar li.active a {
    border: 1px solid var(--main);
    background: var(--main);
    color: #fff;
}
.videos-navbar li.active a:hover {
    color: #fff !important;
}
.videos-navbar li.active a:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px 0 10px;
    border-color: var(--main) transparent transparent transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -10px;
}
.allvideos-list {
    margin-bottom: 40px;
    min-height: 350px;
}
.allvideos-list {
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    background: #f5f5f5;
}
.videos-list-left {
    width: 90px;
    min-width: 90px;
    border-radius: 20px 0px 0px 20px;
    position: relative;
}
.videos-list-left i {
    width: 37px;
    height: 37px;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
    margin-top: 30px;
}
.videos-bg1 {
    background: var(--main);
}
.videos-bg2 {
    background: #31b575;
}
.videos-bg3 {
    background: var(--main);
}
.videos-bg1 i {
    background: url(../images/icon-p2w.png) no-repeat center center;
    background-size: contain;
}
.videos-bg2 i {
    background: url(../images/icon-p3w.png) no-repeat center center;
    background-size: contain;
}
.videos-bg3 i {
    background: url(../images/icon-p1w.png) no-repeat center center;
    background-size: contain;
}
.videos-list-left span {
    width: 90px;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 24px;
    line-height: 26px;
}
.videos-list-left a {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: var(--fz16);
    color: #fff;
    text-align: center;
    background: url(../images/ico-bg4.png) no-repeat center right;
    background-size: contain;
}
.videos-list-left a:hover {
    color: #fff !important;
}
.videos-list-right {
    padding: 40px 50px;
    width: calc(100% - 90px);
    position: relative;
}
.videos-item {
    display: block;
    box-shadow: 0px 0px 5px 0px #DEDEDE;
    border-radius: 5px;
    overflow: hidden;
}
.videos-item .item-img {
    position: relative;
}
.videos-item .item-img img {
    width: 100%;
}
.videos-item .item-img .video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
    width: 50px;
    height: 50px;
}
.videos-item .item-text {
    padding: 15px;
    background: #fff;
}
.videos-item .title {
    font-size: var(--fz18);
    line-height: var(--lh30);
    height: 60px;
    color: #333333;
    margin-bottom: 10px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2; /* 行数 */
    -webkit-box-orient: vertical;
}
.videos-item .item-text p {
    font-size: 14px;
    line-height: 20px;
    color: #999999;
}
.videos-list-right .swiper-button-next, .videos-list-right .swiper-button-prev {
    color: #848484;
    width: 22px;
    height: 22px;
    outline: none;
    margin-top: -11px;
}
.videos-list-right .swiper-button-next {
    background: url(../images/ico-r4.png) no-repeat center center;
    background-size: contain;
}
.videos-list-right .swiper-button-prev {
    background: url(../images/ico-l1.png) no-repeat center center;
    background-size: contain;
}
.videos-list-right .swiper-button-next:after, .videos-list-right .swiper-button-prev:after {
    font-size: var(--fz18);
    font-weight: 700;
}
.video-list li {
    margin-bottom: 40px;
}
/* --- 试剂操作视频 --- */

/* --- 下载资料 --- */
.download-list {
    margin-bottom: 40px;
}
.download-border {
    height: 1px;
    border-top: 1px dashed #999;
    margin: 20px 0 40px 0;
}
.down-list li {
    margin-bottom: 22px;
}
.down-list .down-item {
    display: flex;
    align-items: center;
    padding: 15px 60px 15px 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);
    position: relative;
}
.down-list .item-img {
    min-width: 43px;
    padding-right: 13px;
    margin-top: -2px;
}
.down-list .item-info {
    width: 100%;
    padding-right: 36px;
}
.down-list .down-btn {
    position: absolute;
    right: 30px;
    top: 25px;
}
.down-list .title {
    font-size: var(--fz16);
    color: #666666;
    line-height: 24px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.down-list p {
    font-size: 14px;
    color: #999999;
    line-height: 20px;
}
/* --- 下载资料 --- */

/* --- 下载详情 --- */
.down-content .row {
    margin-bottom: 45px;
}
.down-content .col-md-5 img {
    width: 100%;
}
.down-content .col-md-7 h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    color: #333333;
    margin-bottom: 15px;
}
.down-content .time {
    font-size: var(--fz16);
    line-height: 24px;
    color: #999999;
    margin-bottom: 60px;
}
.down-content .col-md-7 {
    padding: 10px 30px;
}
.down-content .col-md-7 a {
    display: inline-block;
    padding: 0 50px;
    height: 50px;
    line-height: 50px;
    font-size: var(--fz16);
    color: #fff;
    background: var(--main);
    opacity: 0.8;
    transition: all .5s;
}
.down-content .col-md-7 a:hover {
    opacity: 1;
    color: #fff !important;
}
.down-editor h1,h2,h3,h4,h5,h6 {
    line-height: 1.5;
    color: #333;
    margin-top: 15px;
    margin-bottom: 15px;
}
.down-editor h1 {
    font-size: 30px;
}
.down-editor h2 {
    font-size: 24px;
}
.down-editor h3 {
    font-size: var(--fz20);
}
.down-editor h4 {
    font-size: var(--fz18);
}
.down-editor h5 {
    font-size: var(--fz16);
}
.down-editor h6 {
    font-size: 14px;
}
.down-editor p {
    font-size: var(--fz16);
    color: #6f6f6f;
    line-height: 32px;
    margin-bottom: 10px;
    word-break: break-all;
}
.down-editor ol,
.down-editor ul {
    padding-left: 25px;
}
.down-editor ul li {
    list-style: disc;
}
.down-editor ol li {
    list-style: decimal;
}
.down-editor video,
.down-editor table,
.down-editor img {
    max-width: 100%;
    height: auto !important;
}
.down-editor img {
    display: block;
    margin: 0 auto;
}
.down-editor a {
    color: #103673;
}
/* --- 下载详情 --- */




/* --- 登录页面 --- */
.login-main {
    background: url(../images/bg-login.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}
.login-logo {
    position: fixed;
    left: 40px;
    top: 40px;
    height: 40px;
}
.login-logo a {
    display: block;
}
.login-logo img {
    height: 40px;
}
.login-copyright {
    position: fixed;
    bottom: 20px;
    width: 100%
}
.login-copyright p {
    text-align: center;
    font-size: var(--fz18);
    line-height: var(--lh30);
    color: #fff;
}
.login-copyright a {
    display: inline-block;
    color: #fff;
    margin-left: 5px;
}
.login {
    width: 400px;
    padding: 25px 30px 30px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -200px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.login-title {
    font-size: var(--fz18);
    color: #333333;;
    line-height: var(--lh30);
    padding-bottom: 13px;
    border-bottom: 2px solid #d8d8d8;
    margin-bottom: 30px;
}
.login-title span {
    position: relative;
}
.login-title span:after {
    content: "";
    width: 70px;
    height: 2px;
    background: #333333;
    position: absolute;
    bottom: -20px;
    left: 0;
}
.form-login .form-control {
    background: #f4f4f4;
    border: 1px solid #DEDEDE;
    border-radius: 8px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #999999;
    outline: none;
}
.form-login .btn-login {
    width: 100%;
    border: 0;
    height: 45px;
    background: #eee;
    border-radius: 8px;
    outline: none;
}
.form-login .btn-login:hover {
    background: var(--main);
    color: #fff;
}
.login .not-login p {
    text-align: right;
}
.login .not-login a {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}
/* --- 登录页面 --- */

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

 .down_box .down_list {
    width: 100%;
    height: auto;
    padding-bottom: 50px;
}


 .down_box .down_list ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 1.5vw
}

 .down_box .down_list ul li {
    width: 100%;
    height: auto;
    background: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    overflow: hidden
}

 .down_box .down_list ul li a {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden
}

 .down_box .down_list ul li a .down_head {
    width: 100%;
    height: auto;
    padding: 20px 1vw 20px 1.5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden
}

 .down_box .down_list ul li a .down_head .icon {
    width: 58px;
    height: auto;
    color: #da251d;
    font-size: 0;
    filter: saturate(0);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

 .down_box .down_list ul li a .down_head .title {
    flex: 1;
    padding: 0 .5vw 0 1.5vw;
    font-size: 16px;
    color: #333;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}










 .down_box .down_list ul li a .down_body {
    width: 100%;
    height: auto;
    border-top: 1px solid #e9e9e9;
    padding: 10px 1.5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden
}

 .down_box .down_list ul li a .down_body .txt {
    font-size: 14px;
    color: #999
}

 .down_box .down_list ul li a .down_body .icon {
    color: #999;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

 .down_box .down_list ul li a .down_body .icon i {
    font-size: 14px
}

 .down_box .down_list ul li:hover {
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.1)
}

 .down_box .down_list ul li:hover a .down_head .icon {
    filter: none
}

 .down_box .down_list ul li:hover a .down_head .title {
    padding: 0 0 0 2vw;
    color: #da251d
}

 .down_box .down_list ul li:hover a .down_body .icon {
    color: #da251d
}

@media (max-width: 1024px) {
     .down_box .down_list ul {
        grid-template-columns:repeat(2,1fr);
        grid-gap: 20px
    }

     .down_box .down_list ul li a .down_head {
        padding: 20px
    }

     .down_box .down_list ul li a .down_head .icon {
        filter: none
    }

     .down_box .down_list ul li a .down_head .title {
        padding: 0 10px 0 20px
    }

     .down_box .down_list ul li a .down_body {
        padding: 10px 20px
    }

     .down_box .down_list ul li:hover a .down_head .title {
        padding: 0 0 0 30px
    }
}

@media (max-width: 990px) {
     .down_box {
        width:100%
    }
}

@media (max-width: 768px) {
     .down_main .down_list ul {
        display:block
    }

     .down_main .down_list ul li {
        margin-top: 20px
    }

     .down_main .down_list ul li a .down_head .icon {
        width: 50px
    }

     .down_main .down_list ul li:first-child {
        margin: 0
    }

     .down_main .layui-laypage {
        margin-top: 30px
    }
}

@media (max-width: 1024px) {
    .page_down {
        padding:40px 0
    }
}

@media screen and (max-width:600px) {
    .down_box .down_list ul {
        grid-template-columns: repeat(1,1fr);
        grid-gap: 20px;
    }
    
}

/* --- 关于我们 --- */

.page_title .title {
    width: 100%;
    height: auto;
    line-height: 1.8rem;
    font-size: 1.8rem;
    color: #111;
}
.page_title .subtitle {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    font-size: 1.375rem;
    color: var(--main);
}
.page_title .line {
    width: 100px;
    height: 2px;
    margin-top: 30px;
    overflow: hidden;
    background-color: var(--main);
}
.page_title 
.page_about {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.R_Na{
    
    font-size: 8px;
    height: 0;
    line-height: 0;
    margin: 0;
    opacity: 0;
}
.page_about .center {
    width: 100%;
    height: auto;
    margin: 1vw auto 2vw;
    overflow: hidden
}
.page-page-main{padding: 1vw 0;}
.page_about .center .page_box {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.page_about .center .page_box .img {
    width: 47%;
    margin-left: 3%;
    margin-bottom: 2%;
    height: auto;
    font-size: 0;
    text-align: center;
    overflow: hidden
}

.page_about .center .page_box .info {
    width: 100%;
    height: 100%;
  
   
}

.page_about .center .page_box .info .details {
    width: 100%;
    height: auto;
    margin-top: 2vw;
    padding-right: 10px;
    font-size: var(--fz16);
    color: #666;
    line-height: 1.6;
    overflow: hidden;
    overflow-y: auto
}

.page_about .center .page_box .info .details p {
    margin-top: 15px
}

.page_about .center .page_box .info .details p:first-child {
    margin: 0
}

.page_about .center .page_number {
    width: 100%;
    height: auto;
    margin-top: 2vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.5vw;
    overflow: hidden
}

.page_about .center .page_number .item {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    padding: 20px;
    text-align: center;
    border-radius: 0 50px;
    overflow: hidden
}

.page_about .center .page_number .item::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: var(--main);
    opacity: .04
}



.page_about .center .page_number .item .info {
    margin-top: 10px
}

.page_about .center .page_number .item .info .number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #111
}

.page_about .center .page_number .item .info .number .beat {
    font-size: 40px;
    line-height: 1;
    margin-right: 5px
}

.page_about .center .page_number .item .info .number .sup {
    font-size: var(--fz18)
}

.page_about .center .page_number .item .info .title {
    margin-top: 5px;
    font-size: var(--fz16);
    color: #666
}

@media (max-width:1440px) {
    .page_about .center .page_number .item .icon i {
        font-size: 36px
    }

    .page_about .center .page_number .item .info .number .beat {
        font-size: 36px
    }
}

@media (max-width:1280px) {
    .page_about .center .page_number .item {
        border-radius: 0 40px
    }

    .page_about .center .page_number .item .icon i {
        font-size: 30px
    }

    .page_about .center .page_number .item .info .number .beat {
        font-size: 30px
    }

    .page_about .center .page_number .item .info .number .sup {
        font-size: 16px
    }

    .page_about .center .page_number .item .info .title {
        font-size: 14px
    }
}

@media (max-width:1024px) {
    .page_about .center {
        margin: 40px 0
    }

    .page_about .center .page_box .img {
        width: 100%;
        margin-top: 30px
    }

    .page_about .center .page_box .info {
        width: 100%;
        position: initial;
        padding: 0
    }

    .page_about .center .page_box .info .details {
        font-size: 14px;
        margin-top: 30px;
        padding: 0
    }

    .page_about .center .page_number {
        margin-top: 30px;
        grid-gap: 1px
    }

    .page_about .center .page_number .item {
        border-radius: 0
    }

    .page_about .center .page_number .item .icon i {
        font-size: 26px
    }

    .page_about .center .page_number .item .info .number .beat {
        font-size: 26px
    }

    .page_about .center .page_number .item .info .number .sup {
        font-size: 14px
    }
}

@media (max-width:480px) {
    .page_about .center .page_box .info .details {
        font-size: 12px
    }

    .page_about .center .page_number {
        margin-top: 20px;
        grid-template-columns: repeat(2, 1fr)
    }

    .page_about .center .page_number .item:first-child {
        grid-column: span 2
    }

    .page_about .center .page_number .item .icon i {
        font-size: 24px
    }

    .page_about .center .page_number .item .info .number .beat {
        font-size: 20px
    }

    .page_about .center .page_number .item .info .number .sup {
        font-size: 12px
    }

    .page_about .center .page_number .item .info .title {
        font-size: 12px
    }
}


/* 关于我们-发展历程 */
  
#history{ width: 100%; overflow: hidden;
    background-color: #f5f5f5;
   position: relative; z-index: 1;
   padding: 4% 0;
  }
  #history::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../images/line_bg.png) no-repeat center / cover;
    background-attachment: fixed;
    opacity: .08;

}  
  #history .n_tt{ text-align: left; float: left;}
  #history .bd{}
  #history .bd ul{}
  #history .bd ul li{ padding-bottom: 2rem;}
  #history .bd ul li .txt{margin-top:1rem; position:relative;z-index: -1}
  #history .bd ul li .txt font{position:absolute;color:#f5f6f7;font-size: 30rem;top: -80%;left:-10%;font-family:arial;z-index:-1;}
  #history .bd ul li .tt{ font-size:12rem; color:#ffff; width: 100%; text-align: center;transform: scale(.6) translateX(3rem); transition: 1s;


  }
  #history .bd ul li.slick-current .tt{ transform: scale(1) translateX(0); opacity:1;}
  #history .bd ul li .con{ font-size:1.3rem;font-weight: 600; color:#4e4d4d; line-height:2.2rem; text-align:center;}
  #history .bd ul li .con .item{ padding-left:1.3rem; position: relative; transform:translateY(20px); opacity:0; transition:0.4s;}
  #history .bd ul li.slick-current .con .item{ transform:translateY(0); opacity:1;}
  #history .bd ul li.slick-current .con .item:nth-child(1){ transition:1s 0.2s;}
  #history .bd ul li.slick-current .con .item:nth-child(2){ transition:1s 0.4s;}
  #history .bd ul li.slick-current .con .item:nth-child(3){ transition:1s 0.6s;}
  #history .bd ul li.slick-current .con .item:nth-child(4){ transition:1s 0.8s;}
  #history .bd ul li.slick-current .con .item:nth-child(5){ transition:1s 1s;}
  #history .bd ul li.slick-current .con .item:nth-child(6){ transition:1s 1.2s;}
  #history .bd ul li.slick-current .con .item:nth-child(7){ transition:1s 1.4s;}
  #history .bd ul li .con .item i{ position:absolute; color:#0081cc; left:5px;}
  #history .bd{ margin-top:-15rem; }
  #history .hd{ position: relative; z-index: 9; margin-top: 6rem;}
  #history .hd ul{}
  #history .hd ul li{ font-size:1.125rem; height: 10.75rem;padding: 1rem 0; color:#606060; position:relative; cursor:pointer; text-align: center;}
  #history .hd ul li i{ display:block; width:8.75rem; height:8.75rem; position: absolute; left:50%; margin-left:-4.375rem; transform: scale(0); transition: .5s;  visibility: hidden; z-index: 9;}
  #history .hd ul li i:before{ content:""; width:100%; height:100%; display:block; position:absolute; top:0; left:0; background: url(../images/h2.png) center no-repeat; background-size: contain;}
  #history .hd ul li i:after{ content:""; width:100%; height:100%; display:block; position:absolute; top:0; left:0; background: url(../images/h2.png) center no-repeat; background-size: contain; opacity:.3; transform-origin: center; }
  #history .hd ul li .dot{ width: 1.125rem; height: 1.125rem; border-radius: 50%; position: absolute; top: 50%; margin-top: -.5625rem;left: 50%; margin-left: -.5625rem; background: var(--main); z-index: 8;}
  #history .hd ul li .dot:after{ content: ""; display: block; width: 100%; height: 100%;border-radius: 50%; position: absolute; left: 0; top: 0; background: var(--main); opacity: .18; transition: .7s; }
  #history .hd ul li:hover .dot:after{ transform: scale(2);}
  #history .hd ul li .line{ position: absolute; height: 5px; width: 300px; right: 50%; display: block;background: var(--main);
    
       z-index: 0; top: 50%; margin-top: -2.5px;}
  #history .hd ul li span{ display:block; text-align:center; font-size: 1.125rem; position: absolute; width: 100%; z-index: 9; height: 3rem; line-height: 3rem; transition: .3s;}
  #history .hd ul li:nth-child(odd) span{ top:1rem;}
  #history .hd ul li:nth-child(even) span{ bottom:1rem;}
  #history .hd ul li.slick-current{ color:#fff;}
  #history .hd ul li.slick-current i{ transform: scale(1); visibility: visible;}
  #history .hd ul li.slick-current i:before{ }
  #history .hd ul li.slick-current i:after{ animation: alpha 2.25s linear infinite forwards;}
  #history .hd ul li.slick-current span{ top:50%; bottom: auto; margin-top: -1.5rem; font-size: 2rem;}
  
  
  @keyframes alpha {
    0% {transform: rotate(0);}
    25% {}
  50% {border-radius: 50%;}
  75% {}
  100% {transform: rotate(360deg);}
  
  }
  #history .top_box{ position:relative; overflow: hidden;}
  
  #history .slick-arrow{ z-index:99; position:absolute; transform:translate(0,0); top:-5rem; background-size:1.3rem !important; 
  display:block;border-radius:50%; left: auto;
  width: 3.4375rem;
  height: 3.4375rem; line-height:3.4rem;}
  #history .slick-arrow:before{ 
    display:block; content:"";
    border:1px solid #9a9a9a;
}
  #history .slick-prev{ right:5rem; 
      background:url(../images/left_gray.svg) center no-repeat;
      transition:300ms;
      -webkit-transition:300ms;
      }
  #history .slick-next{
      right:1.2rem;
      background:url(../images/right_gray.svg) center no-repeat;
      transition:300ms;
      -webkit-transition:300ms;
      -moz-transition:300ms;
      -ms-transition:300ms;
      -o-transition:300ms;
}
  #history svg.drawcircle circle {
      stroke-dasharray: 0 , 150;
      stroke-dashoffset:150;
      transition: all .3s linear 0s;	
  }
  
  #history .draw_h:hover svg.drawcircle circle { 
      stroke:#3bb58e;
      stroke-width:1px;
      stroke-dasharray:150 , 0;
      stroke-dashoffset:150;
      -webkit-transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
  transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
  }
  #history .slick-prev:hover{
      background:url(../images/left_red.svg) center no-repeat;
      }
  
  #history .slick-next:hover{
      background:url(../images/right_red.svg) center no-repeat;
      }
      .draw_h:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        border: 1px solid rgba(100%,100%,100%,.8);
        border-radius: 50%;
    }
    svg.drawcircle {
        position: absolute;
        top: 0;
        left: 0;
        overflow: inherit;
        display: block;
        pointer-events: none;
    }
    svg.drawcircle circle {
        fill: none;
        box-sizing: border-box;
        stroke-width: 2;
        stroke: none;
        stroke-dasharray: 0 , 200;
        stroke-dashoffset: 200;
        transition: all .3s linear 0s;
    }
/* -----------关于我们-企业愿景 */

#culture {
    padding: 7rem 0;
    background: url(../images/s_wenhua_bg.jpg) center no-repeat;
    background-size: cover;
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  #culture .tt {
    display: block;
    width: 27.125rem;
    height: 27.125rem;
    border: 2px solid var(--main);
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    border-radius: 50%;
  }
  #culture .tt h3 {
    color: #fff;
    font-size: 1.8rem;
    margin-bottom: .5rem;
  }
  #culture .tt span {
    font-size: 1.375rem;
    font-family: Roboto_light;
    color: #fff;
    opacity: .7;
    text-transform: uppercase;
    font-weight: 300;
  }
  #culture .tt:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #d9dada;
    border-radius: 50%;
    z-index: -1;
    transform: scale(1.2);
  }
  #culture .tt:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--main);
    border-radius: 50%;
    z-index: -1;
  
    transform: scale(.7);
  }
  #culture ul li {
    width: 38%;
    z-index: 999;
  }
  #culture ul li {
    position: absolute;
    font-size: 1.125rem;
    color: #656565;
    height: 30px;
  }
  #culture ul li .txt
  {
    /* position: absolute;
    left: 11rem;
    top: -60px; */
    margin-top: -3rem;
  }
  #culture ul li .txt h5{
   
    width: 150px;
    line-height: 3rem;
    text-align: center;
    background: #636363;
    font-size: 1.2rem;
    color: #fff;
    display: inline-block;
    background: var(--main);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
  #culture ul li p {
    font-size: 1.1rem;
    color: #656565;
    line-height: 1.875rem;
    /* max-width: 320px; */
  }
  #culture ul li:before {
    width: 7.5rem;
  }
  #culture ul li:after {
    width: 25px;
    height: 25px;
  }
  #culture ul li.li_2 {
    left: 61.5%;
    top: 4.375rem;
    padding-left: 11rem;
  }
  #culture ul li.li_2:before {
    content: "";
    position: absolute;
    height: 1px;
    top: 50%;
    left: 20px;
    margin-top: -1px;
    border-bottom: #d3d3d3 1px dashed;
  }
  #culture ul li.li_2:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 0;
    border: #c2c2c2 1px solid;
    border-radius: 50%;
    background: #fff;
  }
  #culture ul li.li_4 {
    left: 61.5%;
    bottom: 4.375rem;
    padding-left: 11rem;
  }
  #culture ul li.li_4:before {
    content: "";
    position: absolute;
    height: 1px;
    top: 50%;
    left: 20px;
    margin-top: -1px;
    border-bottom: #d3d3d3 1px dashed;
  }
  #culture ul li.li_4:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 0;
    border: #c2c2c2 1px solid;
    border-radius: 50%;
    background: #fff;
  }
  #culture ul li.li_3 {
    right: 61.5%;
    bottom: 4.375rem;
    padding-right: 11rem;
  }
  #culture ul li.li_3:before {
    content: "";
    position: absolute;
    height: 1px;
    top: 50%;
    right: 20px;
    margin-top: -1px;
    border-bottom: #d3d3d3 1px dashed;
  }
  #culture ul li.li_3:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 0;
    border: #c2c2c2 1px solid;
    border-radius: 50%;
    background: #fff;
  }
  #culture ul li.li_1 {
    right: 61.5%;
    top: 4.375rem;
    padding-right: 11rem;
  }
  #culture ul li.li_1:before {
    content: "";
    position: absolute;
    height: 1px;
    top: 50%;
    right: 20px;
    margin-top: -1px;
    border-bottom: #d3d3d3 1px dashed;
  }
  #culture ul li.li_1:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 0;
    border: #c2c2c2 1px solid;
    border-radius: 50%;
    background: #fff;
  }
  .relative {
      position: relative;
  }
  .j_tab {
      display: table;
      width: 100%;
      height: 100%;
  }
  .j_tab_cel {
      display: table-cell;
      vertical-align: middle;
      width: 100%;
      height: 100%;
  }
  #culture ul li.li_1 .txt,#culture ul li.li_3 .txt{
    /* 
    width: 60%;
    right: 11rem;
    left: unset; */
    text-align: right;
  }
  #culture ul li.li_1 p,#culture ul li.li_3 p{
    /* text-align: right; */
  }
  @media (max-width: 1200px)
  {
      #culture{ padding-top: 3rem; padding-bottom: 1rem;}
      #culture .tt{ margin-bottom:4rem}
      #culture .tt:before{ display:none;}
      #culture ul li{position: static;left: 0;right: 0;margin: 0;bottom: auto;padding: 0 !important; margin: 0 ; width: 100%; top: auto;margin-bottom: 3rem;height: auto;text-align: center;transform: translateX(0); text-align: center;}
      #culture ul li h5{position:relative;left: 0;top: 0;margin: 0;margin-bottom: 1rem;}
      #culture ul li p{ text-align:center; max-width: inherit; line-height: 1.5;}
      #culture ul li:before,#culture ul li:after{ display:none}
  }

/* 关于我们-团队风采 */
.page_team {
    width: 100%;
    height: auto;
    overflow: hidden
}

.page_team .center {
    width: 100%;
    height: auto;
    margin: 4vw auto;
    position: relative;
    z-index: 3;
    overflow: hidden
}

@media (max-width:1024px) {
    .page_team .center {
        margin: 50px 0
    }
}

@media (max-width:768px) {
    .page_team .center {
        margin: 40px 0
    }
}

.page_team .center .team_box {
    width: 100%;
    height: auto;
    margin-top: 3vw;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: #f5f5f5
}
.team_img_list li{
    float: left;
    width: 24%;
    margin-right: 1%;
}
.team_img_list li:nth-child(2n-1){
    margin-right: 0;
}
.team_img_list li:nth-child(2),.team_img_list li:nth-child(3){
    margin-bottom: 1%;
}
.team_img_list li:first-child{
    width: 50%;
    margin-right: 1%;

}
@media screen and (max-width:800px) {
    .team_img_list li:first-child{
        width: 100%;
        margin-right: 0%;
    }
    .team_img_list li{
        width: 49%;
        margin-right: 2%;
    }
    .team_img_list li:nth-child(2n+1){
        margin-right: 0;
}}
  
/* --- 关于我们-荣誉资质--- */
.page_honor {
    width: 100%;
    height: auto;
    background: #fff;
    overflow: hidden;
    background: #f5f5f5;
    position: relative;
    z-index: 1
}

.page_honor::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../images/line_bg.png) no-repeat center / cover;
    background-attachment: fixed;
    opacity: .08
}

.page_honor .center {
    width: 100%;
    height: auto;
    margin: 4vw auto;
    z-index: 3;
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media (max-width:1024px) {
    .page_honor .center {
        margin: 50px 0
    }
}

@media (max-width:768px) {
    .page_honor .center {
        margin: 40px 0 
    }
}

.page_honor .center .honor_title {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.page_honor .center .honor_title .honor_tab {
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    
    display: flex;
    overflow: hidden;
 
}

.page_honor .center .honor_title .honor_tab span {
    margin-right: 20px;
    padding: 15px 2vw;
    line-height: 1;
    border-radius: 0 20px;
    background: #999;
    font-size: var(--fz18);
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.page_honor .center .honor_title .honor_tab span  a{color: #fff;}
.page_honor .center .honor_title .honor_tab span:last-child {
    margin-right: 0
}

.page_honor .center .honor_title .honor_tab span.active,
.page_honor .center .honor_title .honor_tab span:hover {
    background: var(--main)
}

.page_honor .center .honor_box {
    width: 100%;
    height: auto;
    margin: 1vw auto 3vw;
    overflow: hidden
}

@media (max-width:1024px) {
    .page_honor .center .honor_box {
        margin-top: 40px
    }
}

@media (max-width:768px) {
    .page_honor .center .honor_box {
        margin-top: 30px
    }
   
}

.page_honor .center .honor_box .honor_main {
    width: 100%;
    height: auto
}

.page_honor .center .honor_box .honor_main .honor_list {
    width: 100%;
    height: auto;
    overflow: hidden
}

.page_honor .center .honor_box .honor_main .honor_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.page_honor .center .honor_box .honor_main .honor_list ul li {
    width: 20%;
    height: auto;
    background: #fff;
    cursor: pointer;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.page_honor .center .honor_box .honor_main .honor_list ul li .img {
    width: 100%;
    height: auto;
    text-align: center;
    overflow: hidden
}



.page_honor .center .honor_box .honor_main .honor_list ul li .img .ab {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.page_honor .center .honor_box .honor_main .honor_list ul li .img img {
    vertical-align: middle
}

.page_honor .center .honor_box .honor_main .honor_list ul li .title {
    width: 100%;
    height: auto;
    padding: 10px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    text-align: center;
    font-size: var(--fz16);
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.page_honor .center .honor_box .honor_main .honor_list ul li .title::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #000;
    opacity: .5;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.page_honor .center .honor_box .honor_main .honor_list ul li:hover .img .ab {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.page_honor .center .honor_box .honor_main .honor_list ul li:hover .title::after {
    background: var(--main);
    opacity: .8;
}
.page_honor .center .honor_box .honor_main .honor_list ul li:hover a .title{
    color: #fff !important;
}
@media (max-width:1024px) {
    .page_honor .center {
        margin: 50px 0
    }

    .page_honor .center .honor_title .page_title {
        text-align: left
    }

    .page_honor .center .honor_title .page_title .line::after {
        margin: 0
    }

    .page_honor .center .honor_title .honor_tab span {
        padding: 10px 15px;
        border-radius: 0 10px;
        font-size: 16px
    }
    .page_honor .center .honor_box .honor_main .honor_list ul li{
        width: 32% !important;
    }
    .page_photo_main ul li:nth-child(3n) {
        margin-right: 0%;
    }
    .page_photo_main ul li:nth-child(4n) {
        margin-right: 2% !important;
    }
    .page_honor .center .honor_box .honor_main .honor_list ul li .title {
        padding: 8px 15px;
        font-size: 14px
    }
}

@media (max-width:768px) {
    .page_honor .center {
        margin: 40px auto
    }

    .page_honor .center .honor_title {
        display: flex
    }

    .page_honor .center .honor_title .honor_tab {
        margin-top: 20px
    }

    .page_honor .center .honor_title .honor_tab span {
        margin-right: 10px;
        font-size: 14px;
        border-radius: 0
    }
    .page_about .center{
        margin: auto;
        margin-bottom: 6%;
    }
    .page_about .center .page_box .img {
        width: 100%;
        margin: 0px;
        margin-bottom: 20px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
}
    .page_honor .center .honor_box .honor_main .honor_list ul li{
        width: 49% !important;
    }
    .page_photo_main ul li:nth-child(3n) {
        margin-right: 2%;
    }
    .page_photo_main ul li:nth-child(2n) {
        margin-right: 0%;
    }
    .page_photo_main ul li:nth-child(4n) {
        margin-right: 0% !important;
    }
    
}
.page_contact {
    width: 100%;
    height: auto;
    overflow: hidden
}

.page_contact .center {
    width: 100%;
    height: auto;
    margin: 5.2vw auto;
    overflow: hidden
}

.page_contact .center .contact_box {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden
    align-items: flex-end;
}

.page_contact .center .contact_box .info {
    flex: 1;
    margin-right: 1.2vw;
    position: relative;
    z-index: 1
}

.page_contact .center .contact_box .info::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: url(../images/map_c.png) no-repeat center / 100% auto;
    opacity: .03
}

.page_contact .center .contact_box .info .contact_info {
    width: 100%;
    height: auto;
    margin-top: 2rem
}

.page_contact .center .contact_box .info .contact_info .title_box {
    width: 100%;
    height: auto
}
.map iframe{width:100% !important;height: 100% !important;}

.page_contact .center .contact_box .info .contact_info .title_box .title {
    font-size: 1.6rem;
    color: #111;
    letter-spacing: 1px
}

.page_contact .center .contact_box .info .contact_info .title_box .subtitle {
    font-size: 1rem;
    color: #ababab
}

.page_contact .center .contact_box .info .contact_info .items {
    width: 100%;
    height: auto;
    margin-top: 1.2rem
}

.page_contact .center .contact_box .info .contact_info .items .item {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin: 1rem 0 0;
    overflow: hidden
}

.page_contact .center .contact_box .info .contact_info .items .item .icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--main);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 0;
    margin-right: 1rem;
    color: #fff
}
.page_contact .center .contact_box .info .contact_info .items .item .icon img{
    width: 16px;
}
.page_contact .center .contact_box .info .contact_info .items .item .icon i {
    font-size: 1.2rem
}

.page_contact .center .contact_box .info .contact_info .items .item .title {
    flex: 1;
    font-size: 1.1rem;
    color: #333
}

.page_contact .center .contact_box .info .contact_info .items .item:first-child {
    margin: 0
}

.page_contact .center .contact_box .map {
    width: 58%;
    height: 34rem;
    font-size: 0;
    position: relative;
    z-index: 1;
    /* border: 1px solid #e5e5e5; */
    overflow: hidden
}
.page_contact .center .contact_box .map #map{
   height: 100%;
   border: 1px solid #ccc;
}
/* .page_contact .center .contact_box .map img {
    min-width: 1040px;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
} */

@media (max-width:1024px) {
    .page_contact .center .contact_box {
        display: block
    }

    .page_contact .center .contact_box .info {
        width: 100%;
        margin: 0
    }

    .page_contact .center .contact_box .info .contact_info .title_box .title {
        font-size: 1.5rem
    }

    .page_contact .center .contact_box .map {
        width: 100%;
        margin-top: 1rem
    }
    .index-solutions-tab  .tab-plan-item.active a.mores {
        bottom: -40px;
    }
    .select-sort {
        display: block;
        position: fixed;
        right: -280px;
        top: 60px;
        width: 280px;
        height: calc(100% - 60px);
        background: rgba(255, 255, 255, 0.86);
        z-index: 80;
        transition: all .5s;
    }
    
}

@media screen and (max-width:1200px) {
    .index-solutions-tab  .tab-plan-item.active a.mores {
        bottom: -2.5rem;
    }
    .page_contact .center .contact_box .map{border: none !important;}
    #culture .tt {
        width: 100%;
        height: 9rem;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
}
    #culture .tt:after {
        border-radius: 20px;
        transform: scale(.8);
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    width: 114%;
    left: -7%;
}
    #culture .tt h3 {
        color: #fff;
        /* font-size: 1.5rem; */
        margin-bottom: 0.5rem;
        margin-top: 0;
    }
    #culture ul{display: flex;flex-wrap: wrap;}
    #culture ul li {
       width: 48%;
       background: var(--main);
       margin-right: 4%;
       padding: 2% !important;
       margin-bottom: 3rem;
       overflow: hidden;
       border-radius: .6rem;
       -webkit-border-radius: .6rem;
       -moz-border-radius: .6rem;
       -ms-border-radius: .6rem;
       -o-border-radius: .6rem;
}
    #culture ul li:nth-child(2n){
        margin-right: 0;
    }
    #culture ul li .txt{
        margin-top: 0;
    }
    #culture ul li.li_1 .txt, #culture ul li.li_3 .txt {
        text-align: left;
        width: 100%;
    }
    #culture ul li .txt h5 {
        width: 100%;
        line-height: 3rem;
       font-weight: 600;
        font-size: 1.5rem;
        color: #fff;
        margin-bottom: 0;
    }
    #culture ul li .none{
        display: block;
        font-size: 1.375rem;
        font-family: Roboto_light;
        color: #fff;
        opacity: .7;
        text-align: center;
        text-transform: uppercase;
    }
    #culture ul li p {
        font-size: 1.3rem;
        color: #fff;
        line-height: 1.875rem;
        opacity: .88;
    }
    #culture .tt {
        margin-bottom: 2rem;
    }
    
}
/* #Catalog_box {position:fixed;bottom:50%;right: 1%;z-index: 1000;}
		#Catalog_box .cate-item1 span{color: #999;
		  font-weight: bold;
		  font-family: Arial;
		  font-size: 14px;
		  padding-right: 5px;
		}
		#Catalog_box .cate-item2{padding-left:20px;}
		#Catalog_box .cate-item2 span{
			font-weight: 500;
		}
		#Catalog_box dd.active,#Catalog_box dd.active a{color:var(--main) !important;} */


        
.directory-nav{
    z-index: 1000;
    position: fixed;
    right:1%;
    bottom:8%;
    /* bottom:52%; */
    padding: 12px 0 20px 20px;
    display: none;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    /* background: rgba(48, 152, 145, .5); */
}
@media screen and (min-width:1750px) {
    .directory-nav{
        z-index: 1000;
        position: fixed;
        right:4%;
        bottom:40%;
        padding: 12px 0 20px 20px;
        display: none;
        transform: translateY(-0%);
        -webkit-transform: translateY(-0%);
        -moz-transform: translateY(-0%);
        -ms-transform: translateY(-0%);
        -o-transform: translateY(-0%);
}
}
.directory-nav li{
    height: 34px;
    line-height: 34px;
    position: relative;
    margin-bottom: 6px;
    padding: 0 10px;
    border-radius: 8px;
}
.directory-nav li a{}
.directory-nav .l1{background: rgba(48, 152, 145, .3); }
.directory-nav .l2{ text-indent:0.6em;}
.directory-nav .l1 a{font-size: var(--fz16);display: inline-block;}
.directory-nav .l2 a{font-size: 14px;}
.directory-nav,.directory-nav a{ color: #fff;}
.directory-nav .cur a,.directory-nav .l1:hover a{ color: #fff !important;}
.directory-nav .cur,.directory-nav .l1:hover{background: var(--main);}
.directory-nav .line{ position: absolute; left:4px; top: 5px; bottom: 5px; z-index: 1; width: 2px; background: #ddd;}
.directory-nav .c-top,.directory-nav .c-bottom{ position: absolute; left: 0; z-index: 2;
    display: block; width: 10px; height: 10px; font-size: 0; line-height: 0;
    background: url(../images/directory-nav.png) no-repeat 0 -69px;
}
.directory-nav .c-dot{
    position: absolute; left:-20px; top: 50%; z-index: 2; margin-top: -5px;
    display: block; width: 10px; height: 10px; font-size: 0; line-height: 0;
    background: url(../images/directory-nav.png) no-repeat -275px 0;
}

.directory-nav .c-top{ top: 0}
.directory-nav .c-bottom{ bottom: 0}
.directory-nav .cur-tag{
    position: absolute; left: -1px; top:30px; z-index: 5; margin-top: -6px;
    display: block; width: 19px; height: 13px; font-size: 0; line-height: 0;
    background: url(../images/directory-nav.png) no-repeat -271px -37px;
    -webkit-transition:top .3s ease 0s;
    transition:top .3s ease 0s;
}
/* --- 关于我们 - 企业大事�? --- */
.about-dashiji {
    padding-bottom: 120px;
    background: url(../images/about-dsj-time.png) no-repeat bottom;
    background-size: contain;
}
.gallery-d-thumbs .swiper-wrapper {
    position: relative;
}
.about-dashiji .gallery-d-thumbs:after {
    content: "";
    width: calc(100% - 100px);
    height: 2px;
    background: #d8d8d8;
    position: absolute;
    left: 50px;
    top: 17px;
    z-index: -1;
}
.gallery-d-thumbs .swiper-slide i {
    display: block;
    margin: 0 auto;
    width: 35px;
    height: 35px;
    background: url(../images/about-ds-over.png) no-repeat center;
    background-size: var(--fz18) var(--fz18);
    margin-bottom: 16px;
    transition: all .5s;
}
.gallery-d-thumbs .swiper-slide-thumb-active i {
    background: url(../images/about-ds-active.png) no-repeat center;
    background-size: 32px 32px;
}
.gallery-d-thumbs .swiper-slide p {
    font-size: 24px;
    line-height: 36px;
    color: #333;
    text-align: center;
    transition: all .5s;
}
.gallery-d-thumbs .swiper-slide-thumb-active p {
    font-size: 36px;
    line-height: 36px;
    color: var(--main);
}
.gallery-d-thumbs .swiper-button-next, .gallery-d-thumbs .swiper-button-prev {
    width: 32px;
    height: 32px;
    top: 22px;
}
.gallery-d-thumbs .swiper-button-next:after, .gallery-d-thumbs .swiper-button-prev:after {
    display: none;
}
.gallery-d-thumbs .swiper-button-next {
    background-image: url(../images/about-r1.png) !important;
    /* background: url(../images/about-r1.png) no-repeat center; */
    background-size: contain;
}
.gallery-d-thumbs .swiper-button-prev {
    background-image: url(../images/about-l1.png) !important;
    /* background: url(../images/about-l1.png) no-repeat center; */
    background-size: contain;
}
.dashiji-c {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    margin-top: 35px;
    padding: 0 20px 35px 20px;
    border-bottom: 1px dashed #999999;
}
.dashiji-c .dsj-time {
    margin-right: 20px;
}
.dashiji-c .dsj-time span {
    font-size: 36px;
    color: #333;
}
.dashiji-c .dsj-img {
    min-width: 235px;
    width: 235px;
    height: 160px;
    margin-right: 30px;
}
.dashiji-c .dsj-img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.dashiji-c .dsj-text {
    flex: 1;
}
.dashiji-c .dsj-text .title {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    margin-top: 10px;
    margin-bottom: 20px;
}
.dashiji-c .dsj-text p {
    font-size: var(--fz18);
    color: #333;
}
/* --- 关于我们 - 企业大事�? --- */

/* --- 关于我们 成员公司 --- */
.about-cy-editor {
    margin-bottom: 70px;
}
.about-cy-text p {
    font-size: 14px;
    color: #666;
    line-height: var(--lh30);
    margin-bottom: 20px;
}
.about-cy-swiper {
    position: relative;
    margin-bottom: 60px;
}
.swiper-group .swiper-slide {
    padding: 10px;
}
.others-group {
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(100, 121, 149, 0.45);
}
.others-group a {
    display: block;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 15px;
    margin-bottom: 10px;
    position: relative;
}
.others-group a .logo {
    height: 40px;
}
.others-group a .more {
    position: absolute;
    right: 10px;
    top: 8px;
    height: 26px;
}
.others-group .time {
    font-size: var(--fz16);
    font-weight: 700;
    line-height: 28px;
    color: #3c90ff;
}
.others-group p {
    font-size: var(--fz16);
    line-height: 28px;
    height: 84px;
    color: #333;
    /* text-indent: 2em; */
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3; /* 行数 */
    -webkit-box-orient: vertical;
}
.about-cy-swiper .swiper-button-next {
    background-image: url(../images/ico-r4.png) !important;
    background-size: 14px 30px;
    color: #333;
    right: -30px;
}
.about-cy-swiper .swiper-button-prev {
    background-image: url(../images/ico-l1.png) !important;
    background-size: 14px 30px;
    color: #333;
    left: -30px;
}
/* --- 关于我们 成员公司 --- */
#brand .center {
  
    margin: 1vw auto 3vw;
}
.brand-box {width: 90%; margin: auto;}
.brand-box .left{width: 45%;}
.brand-box ul li{
    margin-bottom: 4%;
}
.brand-box ul li img{width: 100px;margin-right: 10px; display: inline-block;vertical-align: inherit;}
.brand-box ul li div{}
.brand-box ul li div h2{margin: 0px 0 0 0;}
.brand-box ul li div p{margin-top: 6px !important;}

/* --- 关于我们 - 员工风采 --- */
.about-staff-list .list-item {
    display: flex;
    box-shadow: 0px 0px 8px 0px rgba(161, 161, 161, 0.5);
    margin-bottom: 45px;
    border-radius: 10px;
    overflow: hidden;
}
.about-staff-list .item-img {
    min-width: 445px;
}
.about-staff-list .item-img img {
    height: 300px;
    opacity: 0;
}
.about-staff-list .item-text {
    padding: 30px 35px;
}
.about-staff-list .item-text .title {
    font-size: 24px;
    line-height: 32px;
    color: #666666;
    margin-bottom: 10px;
}
.about-staff-list p.time {
    font-size: var(--fz18);
    color: #999999;
    margin-bottom: 15px;
}
.about-staff-list p.time img {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}
.about-staff-list p.time span {
    vertical-align: middle;
}
.about-staff-list p.intro {
    font-size: var(--fz16);
    color: #666666;
    line-height: var(--lh30);
    height: 90px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3; /* 行数 */
    -webkit-box-orient: vertical;
}
/* --- 关于我们 - 员工风采 --- */

/* --- 关于我们 - 合作企业 --- */
.about-hezuo-list {
    max-width: 1275px;
    margin: 0 auto;
    padding-bottom: 100px;
}
.swiper-hezuo .swiper-slide img {
    width: 100%;
}
.swiper-pagination-hezuo {
    width: 100%;
    text-align: center;
    margin-top: 8px;
}
.swiper-pagination-hezuo .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    margin: 0 10px;
    border: 1px solid #979797;
    /*background: #fff;*/
    position: relative;
}
.swiper-pagination-hezuo .swiper-pagination-bullet:focus {
    outline: none;
}
.swiper-pagination-hezuo .swiper-pagination-bullet:hover,
.swiper-pagination-hezuo .swiper-pagination-bullet-active {
    border: 1px solid #3c90ff;
}
.swiper-pagination-hezuo .swiper-pagination-bullet-active:after {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 2px;
    background: #3c90ff;
}
/* --- 关于我们 - 合作企业 --- */

/* --- 关于我们 - 企业文化 --- */
.about-wenhua {
    margin-bottom: 50px;
}
.culture {
    display: flex;
    justify-content: space-between;
}
.culture .item {
    background-repeat: no-repeat;
    width: 100%;
    height: 600px;
    background-size: 100%;
    padding: 60px 50px;
    color: #fff;
    font-size: 24px;
    border-radius: 10px;
}
.culture .item:hover .line {
    width: 100%;
}
.culture .zhifeiji {
    background: url(../images/yuanjing.png) no-repeat center;
    background-size: cover;
}
.culture .mubiao {
    background: url(../images/mubiao.png) no-repeat center;
    background-size: cover;
}
.culture .jiangzhang {
    background: url(../images/jiangzhang1.png) no-repeat center;
    background-size: cover;
}
.culture img {
    width: 70px;
    height: 70px;
    margin-bottom: 35px;
}
.culture .cultureCH {
    margin-bottom: 15px;
}
.culture .cultureEN {
    margin-bottom: 30px;
}
.culture .line {
    height: 2px;
    background-color: #fff;
    width: 50px;
    margin-bottom: 40px;
    transition: 1.5s;
}
.culture .title {
    font-size: var(--fz16);
}
.about-lx-s2 {
    padding-top: 20px;
    padding-bottom: 60px;
    background: url(../images/tabImg.png) no-repeat center;
    background-size: cover;
}
.cultureTab {
    margin-top: 60px;
}
.cultureTab .tab-hd {
    display: inline-block;
    background-color: #fff;
}
.cultureTab .tab-hd span {
    display: block;
    width: 310px;
    height: 80px;
    line-height: var(--lh40);
    box-sizing: border-box;
    padding: 20px;
}
.cultureTab .tab-bd {
    display: inline-block;
    width: calc(100% - 320px);
    padding-top: 20px;
    padding-left: 40px;
    vertical-align: top;
}
.cultureTab .tab-content {
    display: none;
}
.cultureTab .tab-content.active {
    display: block;
}
.cultureTab span.active {
    width: 310px;
    height: 80px;
    color: #fff;
    background: linear-gradient(270deg, #12C1D9 0%, var(--main) 100%);
    position: relative;
}
.cultureTab span.active::before {
    background-image: url(../images/right@2x.png);
    background-size: 100%;
    content: '';
    width: 24px;
    height: 10px;
    position: absolute;
    top: 35px;
    right: 21px;
}
.cultureTab .title {
    font-size: 24px;
    line-height: 36px;
    color: #333;
}
.cultureTab .line {
    width: 50px;
    height: 3px;
    background-color: #000;
    margin: 20px 0;
}
.cultureTab .content {
    font-size: var(--fz16);
    line-height: 32px;
    color: #333;
}
/* --- 关于我们 - 企业文化 --- */


/* --- 关于我们 - 荣誉资质 --- */
.honor {
    position: relative;
    margin-bottom: 70px;
}
.honor > img{
    width: 520px;
    max-width: 100%;
}
.honor .list {
    position: absolute;
    width: 70%;
    height: 490px;
    background-color: #fff;
    top: 60px;
    right: 30px;
    box-sizing: border-box;
    padding: 30px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.27);
    border-radius: 5px;
    overflow: auto;
}
.honor .list .zizhi {
    height: 430px;
    overflow-x: auto;
}
.honor .list .zizhi::-webkit-scrollbar {
    width: 10px;
    height: 1px;
}
.honor .list .zizhi::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #535353;
}
.honor .list .zizhi::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #d8d8d8;
}
.honor .list p{
    background: url(../images/ico-bg9.png) no-repeat left 14px;
    background-size: 22px 13px;
    font-size: var(--fz16);
    line-height: var(--lh40);
    color: #333333;
    padding-left: 35px;
    vertical-align: middle;
    margin-bottom: 8px;
}
.honor .line {
    height: 3px;
    width: 50px;
    background-color: var(--main);
    margin: auto;
}
.about-zhengshu {
    margin-bottom: 20px;
}
.about-zhengshu .list-item {
    margin-bottom: 40px;
}
.about-zhengshu .list-item {
    position: relative;
}
.about-zhengshu .list-item:after {
    content: "";
    width: 100%;
    height: 188px;
    /* background: url(../images/ico-tz.png) no-repeat center; */
    /* background-size: contain; */
    display: none;
    position: absolute;
    bottom: -85px;
    z-index: -1;
}
.about-zhengshu .item-img {
    height: 260px;
    width: 100%;
}
.about-zhengshu .item-img img {
    opacity: 0;
}
.about-zhengshu .list-item p {
    font-size: var(--fz18);
    line-height: var(--lh30);
    color: #333333;
    text-align: center;
    margin-top: 30px;
}
/* --- 关于我们 - 荣誉资质 --- */

/* --- 关于我们 - 联系我们 --- */

.contact-tel {
    margin-bottom: 50px;
    margin-top: 40px;
}
.contact-tel .img-box{
    width: calc(100% - 600px);
    height: 600px;
    display: inline-block;
    border-radius: 10px 0 0 10px;
    vertical-align: top;
}
.contact-tel .img-box img {
    opacity: 0;
}
.contact-tel .list {
    width: 600px;
    height: 600px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 35px 0 0 75px;
    border-radius: 0px 10px 10px 0px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    overflow: auto;
    margin-left: -3px;
    float: right;
}
.contact-tel .list p a,
.contact-tel .list p {
    display: block;
    line-height: 50px;
    border-bottom: 1px solid #ECECEC;
    position: relative;
    width: 90%;
    font-size: var(--fz16);
    color: #333;
}
.contact-tel .list p::after {
    position: absolute;
    top: 13px;
    left: -20px;
    content: '';
    width: 5px;
    height: 50%;
    background-color: var(--main);
}
.contact-tel .line {
    height: 3px;
    width: 50px;
    background-color: var(--main);
    margin: auto;
}
/* --- 关于我们 - 联系我们 --- */

/* --- 关于我们 �?售网�? --- */
.about-xs-map {
    max-width: 1270px;
    margin: 0 auto 80px auto;
    position: relative;
}
.about-xs-map .map-circle {
    position: absolute;
}
/* 地图定位�? */


.about-xswl-list {
    background: url(../images/about-xs1.png) no-repeat center;
    background-size: cover;
    padding-bottom: 220px;
}
.xswl-list .col-md-4 {
    margin-bottom: 30px;
}
.xswl-list .address-wangluo {
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(100, 121, 149, 0.45);
    border-radius: 10px;
    padding: 10px 25px 20px 25px;
    height: 100%;
}
.address-wangluo h3 {
    font-size: 24px;
    line-height: 36px;
    color: var(--main);
    margin-bottom: 30px;
    position: relative;
}
.address-wangluo h3:before {
    content: "";
    width: 48px;
    height: 3px;
    background: #999;
    position: absolute;
    bottom: -15px;
    left: 0;
}
.address-wangluo .address {
    font-size: var(--fz16);
    line-height: 36px;
    color: #666666;
    display: flex;
}
/* .address-wangluo .address span:nth-child(1) {
    min-width: 50px;
} */
/* --- 关于我们 �?售网�? --- */


/* --- 关于我们 人才战略 列表�? --- */
.about-rencai-nav {
    text-align: center;
    margin-bottom: 35px;
}
.about-rencai-nav a {
    display: inline-block;
    margin: 0 11px;
    padding: 0 35px;
    height: 40px;
    line-height: var(--lh40);
    font-size: var(--fz16);
    color: #333;
    border: 1px solid #d0d0d0;
    border-radius: 20px;
    position: relative;
}
.about-rencai-nav a:hover {
    color: var(--main);
    border: 1px solid var(--main);
}
.about-rencai-nav a.active {
    background: var(--main);
    color: #fff;
}
.about-rencai-nav a.active:hover {
    color: #fff;
}
.about-rencai-nav a.active:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: var(--main) transparent transparent transparent;
}
.about-join-us {
    margin-bottom: 35px;
}
.join-our-work h5 {
    font-size: 30px;
    line-height: 42px;
    color: #333;
    margin-top: 50px;
    margin-bottom: 0;
}
.join-our-work p {
    font-size: var(--fz16);
    line-height: 22px;
    color: #999;
}
.join-our-work p i {
    display: block;
    width: 48px;
    height: 3px;
    background: var(--main);
    margin-top: 10px;
}
.join-our-work .swiper-j-prev,
.join-our-work .swiper-j-next {
    width: 16px;
    margin-top: 30px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    float: left;
    color: #666;
    outline: none;
}
.join-our-work .swiper-j-next {
    margin-left: 10px;
    background-image: transparent !important;
    background: url(../images/ico-r4.png) no-repeat center;
    background-size: 12px 20px;
}
.join-our-work .swiper-j-prev {
    background-image: transparent !important;
    background: url(../images/ico-l1.png) no-repeat center;
    background-size: 12px 20px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: var(--fz20);
}
.about-join-us .join-slogan {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
    border-radius: 10px;
    overflow: hidden;
}
.about-join-us .join-img img {
    opacity: 0;
}
.about-join-us .our-slogan {
    flex: 1;
    background: var(--main);
    padding: 100px 60px 0;
}
.about-join-us .our-slogan .logo {
    height: 55px;
    margin-bottom: 24px;
}
.about-join-us .our-slogan p {
    font-size: 24px;
    line-height: 36px;
    color: #fff;
}
.join-our-work h5 {
    font-size: var(--fz20);
    line-height: var(--lh30);
}
.join-our-work p {
    font-size: 14px;
}
.swiper-join-us {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}
.swiper-join .swiper-slide {
    border-radius: 10px;
}
.swiper-join img {
    width: 100%;
    height: 250px;
    border-radius: 10px;
}
.about-join-search {
    margin-bottom: 25px;
}
.about-join-search input {
    width: 300px;
    height: 55px;
    padding: 0 20px;
    border: 1px solid #BBBBBB;
    font-size: var(--fz16);
    color: #333;
    margin-right: 20px;
    border-radius: 5px;
    display: inline-block;
}
input::-webkit-input-placeholder {
    color: #999;
    font-size: var(--fz16);
}
.about-join-search button {
    height: 55px;
    font-size: var(--fz16);
    color: #fff;
    background: var(--main);
    padding: 0 40px;
    border: 1px solid var(--main);
    border-radius: 5px;
    opacity: 0.8;
    transition: opacity .5s;
    display: inline-block;
}
.about-join-search button:hover {
    opacity: 1;
}
.about-rencai-table table {
    width: 100%;
    margin-bottom: 60px;
}
.about-rencai-table table thead {
    background: #b2b2b2;
    font-size: var(--fz20);
    color: #fff;
    height: 70px;
    line-height: 70px;
}
.about-rencai-table table th,
.about-rencai-table table td {
    padding: 15px 30px;
    line-height: 36px;
}
.about-rencai-table tbody tr {
    border-top: 8px solid #fff;
    background: #f9f9f9;
}
.about-rencai-table tbody td {
    /* height: 66px; */
    line-height: 36px;
    padding: 15px 30px;
    font-size: var(--fz16);
    color: #666;
}
/* --- 关于我们 人才战略 列表�? --- */

/* --- 关于我们 人才招聘 详情�? --- */
.about-rc-content {
    padding: 40px 60px;
    box-shadow: 0px 0px 5px 0px #DEDEDE;
    border-radius: 5px;
    margin-bottom: 50px;
}
.about-rc-content .title {
    margin-bottom: 20px;
    font-size: var(--fz20);
    color: #333;
    line-height: var(--lh30);
    text-align: center;
}
.about-rc-content .rc-table {
    width: 100%;
    background: #f9f9f9;
    padding: 20px;
}
.about-rc-content .rc-table span {
    display: inline-block;
    width: 30%;
    font-size: var(--fz16);
    color: #333;
    line-height: 35px;
    padding: 10px 20px;
}
.about-rc-content .rc-table span:nth-child(1),
.about-rc-content .rc-table span:nth-child(4) {
    width: 39%;
}
.about-rc-content table {
    width: 100%;
    background: #f9f9f9;
    padding: 20px;
}
.about-rc-content table td {
    font-size: var(--fz16);
    color: #333;
    line-height: 35px;
    padding: 10px 20px;
}
.about-rc-editor h3,
.about-rc-editor h4 {
    font-size: var(--fz18);
    line-height: var(--lh30);
    color: #333;
    margin-top: 40px;
}
.about-rc-editor p {
    font-size: var(--fz16);
    line-height: var(--lh30);
    color: #666;
    margin-bottom: 10px;
}
/* --- 关于我们 人才招聘 详情�? --- */

.swiper-button-next, .swiper-button-prev {
    outline: none;
}
/* 相册 */
.page_photo .center {
  
    margin: 0 auto !important;
    
}
.page_photo::after,.page_photo{
    background: #fff !important;
    
}
.page_photo_main ul{ flex-wrap: wrap;}
.page_photo_main ul li{
    width: 23.5% !important;
    margin-right: 2%;
    margin-bottom: 2%;
    background: #f7f7f7 !important;
}
.page_photo_main ul li:nth-child(4n){
    margin-right: 0%;
}
@media screen and (min-width: 768px) {
    .index-navbar {
        max-width: 720px;
    }
    .swiper-banner-mb {
        display: none;
    }
    .swiper-banner-pc {
        display: block;
    }
}
@media screen and (min-width: 992px) {
    .index-navbar {
        max-width: 960px;
    }
}
@media screen and (min-width: 1024px) {
    .navbar-m,
    .about-sm-map,
    .select-sort,
    .select-menu {
        display: none;
    }
    
}

@media screen and (min-width: 1200px) {
    .index-navbar {
        max-width: 1140px;
    }
 
}
@media screen and (min-width: 1360px) {
    .index-navbar {
        max-width: 1200px;
    }
}
@media screen and (max-width: 1440px) {
   .navbar li a{font-size: 1.2rem}
   .header{padding: 0 10px;}
}
@media screen and (min-width: 1480px) {
    .index-navbar {
        max-width: 1370px;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1400px;
    }
    
}
@media screen and (max-width:1500px) {
    #about{
        padding: 120px 0;
    }
    #about h2 {
        font-size: 90px;
        line-height: 90px;
       
    }
    #about .left {
        width: 48%;
        /* margin-right: 14%; */
    }
    /* #about .right-2{
        width: 37%;
    } */
    #about .right {
        width: 38%;
        /* margin-top: 8%; */
    }
}
@media screen and (max-width: 1800px) {
   
    .navbar li {
        padding: 0 20px;
    }
  


}
@media screen and (max-width: 1660px) {
    .navbar {
        padding: 0 0 0 50px;
    }
    .navbar li {
        padding: 0 18px;
    }
    .navbar li::after {
        right: -25px;
    }
    .header-tel .icon_tel {
    height: 22px;
    width: 22px;
  
}


}
@media screen and (max-width: 1560px) {
    .navbar {
        padding: 0 0 0 40px;
    }
    .navbar li {
        padding: 0 12px;
    }
    .navbar li::after{
        right: -20px;
    }
    .sort-nav-about li {
        margin-right: 15px;
    }
    .sort-nav-about li a {
        padding: 0 16px;
    }
}
@media screen and (max-width: 1480px) {
    .navbar {
        padding: 0 0 0 20px;
    }
    .navbar li {
        padding: 0 10px;
    }
    .navbar li::after {
        right: -15px;
    }
    .sort-nav-about li {
        margin-right: 10px;
    }
    .sort-nav-about li a {
        padding: 0 12px;
    }
    .mz-p-content {
        width: 350px;
    }
    .mz-p1 {
        left: 42px;
    }
    .mz-p5 {
        margin-left: -175px;
    }
}
@media screen and (max-width: 1378px) {
    .navbar {
        padding: 0 0 0 30px;
    }
    /* .navbar li {
        margin: 0 10px;
    }
    .navbar li::after {
        right: -10px;
    } */
    .index-navbar > ul > li {
        margin: 0 66px 0 20px;
    }
    .sort-nav {
        padding: 0px;
    }
    .sort-nav-about li {
        margin-right: 2px;
    }
    .mz-p-content {
        width: 320px;
    }
    .mz-p1 {
        left: 42px;
    }
    .mz-p5 {
        margin-left: -160px;
    }
    .sort-nav-about li a {
        padding: 0 10px;
    }
    .sort-product-list .item-img {
        height: 140px;
    }
}
@media screen and (max-width: 1280px) {
    /* .navbar li {
        margin: 0 5px;
    } */

    .header-icon li {
        margin-left: 5px;
    }
    .sort-product-list .item-img {
        height: 130px;
    }
}
@media screen and (max-width: 1180px) {
    .header-icon span {
        font-size: var(--fz18);
    }
    .navbar {
        padding-left: 10px;
    }
    .navbar li {
        padding: 0 10px;
    }
    .navbar li::after {
        right: -10px;
    }
}
@media screen and (max-width: 1025px) {
    .header,.header-box {
        height: 60px;
        padding: 0 4px;
    }
    .brand {
        margin-top: 8px;
    }
    .brand a {
        height: 46px;
    }
    .header-icon {
        display: none;
    }
    .index-navbar {
        display: none;
    }
    .navbar {
        display: none;
    }
    .menu{display:block;float:right;cursor:pointer;height:40px;width:30px;position:absolute;top: 4px;right: 5px;}
    .menu span{display:inline-block;width:26px;height:2px;background-color:#103673;border-radius: 5px;position:absolute;top:25px;left:0px;transition:background-color 0.2s ease-out 0.1s;}
    .menu span:before{content:'';display:inline-block;width:26px;height:2px;background-color:#103673;border-radius: 5px;position:absolute;top:-8px;left:0px;transition:transform 0.1s ease-out,top 0.3s ease 0.2s;transform:rotate(0deg);}
    .menu span:after{content:'';display:inline-block;width:26px;height:2px;background-color:#103673;border-radius: 5px;position:absolute;top:8px;left:0px;transition:transform 0.1s ease-out,top 0.3s ease 0.2s;transform:rotate(0deg);}
    .header.menu_click .menu span{background-color:transparent;}
    .header.menu_click .menu span:before{transition:top 0.3s ease,transform 0.1s ease-out 0.2s;transform:rotate(45deg);top:0px;}
    .header.menu_click .menu span:after{transition:top 0.3s ease,transform 0.1s ease-out 0.2s;transform:rotate(-45deg);top:0px;}
    .navbar-m {
        width: 280px;
        position: fixed;
        top: 60px;
        right: -280px;
        height: calc(100% - 60px);
        padding: 0;
        background: rgba(255, 255, 255, 0.95);
        z-index: 90;
        transition: all .5s;
    }
    .navbar-model-bg {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        position: fixed;
        left: 0;
        top: 0;
        display: none;
        z-index: 10;
    }
    .navbar-m.active {
        right: 0;
       
    }
    .navbar-m .nav {
        height: 100%;
        display: block;
        overflow-y: auto;
        padding-top: 10px;
    }
    .navbar-m .nav > li {
        width: 100%;
        margin: 0;
        line-height: 50px;
        position: relative;
    }
    .navbar-m .nav .M_lii.active .M_liaa{
        color: var(--main);
    }
    .nav > li > i {
        width: 50px;
        height: 50px;
        background: url(../images/ico-r6.svg) no-repeat center;
        background-size: 24px 24px;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .5s;
    }
    .nav > li > i.active {
        transform: rotate(90deg);
    }
    
    .nav > li > a {
        display: block;
        height: 50px;
        line-height: 50px;
        padding: 0 15px;
        font-size: var(--fz16);
        color: #333;
    }
    .nav > li > a:hover {
        color: #007bff
    }
    .nav-two li a {
        display: block;
        line-height: 36px;
        padding-left: 40px;
        font-size: 14px;
        color: #333;
        position: relative;
    }
    .nav-two li a:after {
        content: "";
        width: 12px;
        height: 14px;
        background: url(../images/icon-x2.png) no-repeat center center;
        background-size: contain;
        position: absolute;
        left: 20px;
        top: 12px;
        transition: all .5s;
    }
    .nav-two li a:hover {
        color: #007bff
    }
    .nav-three {
        padding-left: 20px;
    }
    .header-icon-m {
        padding: 10px 15px;
        text-align: center;
    }
    .header-icon-m li {
        width: 45%;
        display: inline-block;
    }
    .header-icon-m li span,
    .header-icon-m li a {
        display: inline-block;
        font-size: 14px;
        line-height: var(--lh30);
        color: #333;
    }
    .header-icon-m li span {
        margin: 0 5px;
    }
    .header-icon-m li img {
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 4px;
    }
    .branden {
        float: right;
        margin-top: var(--fz18);
        line-height: 1;
        margin-right: 60px;
        font-size: 12px;
        width: 450px;
    }
}
@media screen and (max-width: 767px) {
    .brand a {
        height: 40px;
    }
    .directory-nav{display: none !important;}
    .swiper-banner-mb {
        display: block;
    }
    #about .right-2{width: 100%;margin-top: 6%;}
    .news-list-common .item-more {
       display: none;
    }
    /* .swiper-banner-pc {
        display: none;
    } */
     .swiper-banner-pc img {
        width: 100%;
    }
    .container {
        width: 100%;
    }
    #about .left {
        width: 100%;
        /* margin-right: 0%; */
    }
    #about .container{flex-wrap: wrap;}
    #about h2 {
        font-size: 50px;
        line-height: 50px;
    }
    #about .left p{width: 100%;font-size: var(--fz18);line-height: var(--lh30);}
    .more {
      
        font-size: 14px;
        line-height: var(--lh40);
        margin-right: 5px;
       
        width: 150px;
        padding-left: 20px;
       
    }
    #about .right {
        width: 100%;
        margin-top: 8%;
    }
    #about .right ul {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
}
#about .right li div {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
    .index-solutions-tab .taba-hd {
        flex-wrap: nowrap;
        margin: 0;
        overflow: hidden;
        overflow-x: auto;
        margin-bottom: 30px;
    }
    .index-solutions-tab  .tab-plan-item {
        min-width: 260px;
    }
    .index-solutions-tab  .tab-plan-item .tab-intro {
        display: none !important;
    }
    .sort-nav {
        display: none;
    }
    .index-products-list .swiper-p-next,
    .index-solutions-tab .tab-bd-item .swiper-button-next {
        right: 5px !important;
    }
    .index-products-list .swiper-p-prev,
    .index-solutions-tab .tab-bd-item .swiper-button-prev {
        left: 5px !important;
    }
    .footer-body {
        padding: 30px 15px;
    }
    .footer-left {
        width: 100%;
        margin-bottom: 0px;
        margin-right: 0;
        display: flex;
        justify-content: space-between;
    }
    .footer-center dl dt {
        font-size: var(--fz20);
        line-height: 24px;
    }
    .footer-left img {
        height: 60px;
    }
    .footer-left p.tel {
        font-size: 30px;
        line-height: var(--lh40);
    }
    .footer-left p.address,
    .footer-center dl dd {
        font-size: 14px;
        line-height: 20px;
    }
    .footer-center{display: none;}
    .footer-right {
        display: none;
        width: 100%;
        text-align: center;
    }
    .copyright p {
        padding: 10px 0;
        font-size: 14px;
    }
    .copyright p,
    .copyright p a {
        line-height: 20px;
        font-size: 12px;
    }
    .copyright p a.dowv {
        display: block;
        line-height: 12px;
    }
    .index-more a {
        height: 36px;
        padding: 0 20px;
    }
    .index-more a span {
        line-height: 36px;
    }
    .sort-position {
        display: none;
    }
    .top-title {
        margin-bottom: 20px;
    }
    .top-title h4.en {
        font-size: var(--fz16);
        line-height: 20px;
        margin-bottom: 5px;
    }
    .top-title h4.cn {
        margin-top: 5px;
        font-size: 26px;
        line-height: 34px;
    }
    .index-products-item {
        height: 330px;
    }
    .products-item-back .title,
    .products-item-top h4 {
        font-size: var(--fz18);
        line-height: 24px;
    }
    .products-item-back .intro {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 40px;
    }
    .products-item-back span.more {
        position: absolute;
        bottom: 40px;
        left: 50%;
        margin-left: -13px;
    }
    .index-news-left {
        margin-bottom: 20px;
    }
    .index-news-left .item-text {
        height: auto;
    }
    .index-section {
        padding: 35px 0 20px;
    }
    .index-intro {
        font-size: 14px;
        line-height: 20px;
    }
    .index-news-right p.time img,
    .index-news-left p.time img {
        height: 14px;
    }
    .index-news-right p.time span,
    .index-news-right p.intro,
    .index-news-left p.intro {
        font-size: 13px;
        line-height: 18px;
    }
    .index-news-left p.intro {
        height: 48px;
    }
    .index-news-right .item-text h4,
    .index-news-left .item-text h4 {
        font-size: var(--fz16);
        line-height: 20px;
        margin-top: 4px;
    }
    .index-news-left .item-img {
        height: 220px;
    }
    .index-news-right .item-img {
        width: 120px;
        height: 80px;
    }
    .index-news-right li a{display: flex;align-items: center;}
    .index-news-right .item-text {
        width: calc(100% - 136px);
    }
    .index-news-left p.time span {
        font-size: 12px;
    }
    .product-pics .gallery-top .swiper-wrapper {
        height: 250px;
    }
    .index-solutions-tab .taba-hd {
        padding: 15px;
    }
    .index-solutions-tab  .tab-plan-item.active:after {
        height: 130px;
        top: 0;
    }
    .index-solutions-tab  .tab-plan-item.active h4.cn {
        margin-top: 0;
        padding-top: 20px;
    }
    .index-solutions-tab  .tab-plan-item.active a.mores {
        height: 35px;
        right: 8px;
        bottom: -0px;
    }
    .index-solutions-tab  .tab-plan-item.active a.mores img {
        height: 10px;
    }
    .index-solutions-tab  .tab-plan-item {
        height: 130px;
    }
    .index-solutions-tab  .tab-plan-item.active i {
        left: 2px;
        top: 32px;
        margin-bottom: 0;
    }
    .index-solutions-tab  .tab-plan-item h4.cn {
        font-size: var(--fz18);
    }
    .index-solutions-tab  .tab-plan-item h4.en {
        font-size: 14px;
    }
    .index-solutions-tab  .tab-plan-item.active h4.cn, .index-solutions-tab  .tab-plan-item.active h4.en {
        padding-left: 76px;
    }
    .index-solutions-tab .tab-hd-title .title {
        height: 130px;
    }
    .index-counter span.counter {
        font-size: 30px;
        line-height: var(--lh40);
        margin-bottom: 10px;
    }
    .index-counter span.counter:after {
        bottom: -5px;
    }
    .index-section-num {
        justify-content: center;
    }
    .index-counter span:nth-child(2) {
        font-size: 12px;
    }
    .index-section-num .col-md-3 {
        width: 45%;
    }
    .index-section-num .index-counter {
        width: 100%;
    }
    .index-map {
        display: none;
    }
    .index-map-m {
        display: block;
        margin-bottom: 10px;
    }

    .sort-banner {
        height: 240px;
        padding-top: 70px;
    }
    .sort-banner h2.en {
        margin-bottom: 0;
    }
    .sort-banner h2.cn {
        font-size: 26px;
        line-height: 36px;
        margin-top: 0;
    }
    .sort-banner p {
        display: none;
    }

    .news-content .container h2 {
        font-size: var(--fz18);
        line-height: 24px;
        margin-bottom: 10px;
    }
    .news-content p.time {
        margin-bottom: 20px;
    }
    .news-content p.time i {
        height: 12px;
    }
    .news-content p.time span {
        font-size: 12px;
        line-height: 16px;
    }
    .news-content-next a {
        min-width: 30px;
    }
    .news-list-common .list-item {
        flex-wrap: wrap;
    }
    .news-list-common .item-img {
        height: 160px;
        margin-bottom: 10px;
   
}
    .news-list-common .item-text .title {
        /* font-size: var(--fz18); */
        font-weight: 700;
        
    }
    .news-list-common .item-text .title {
        font-size: 1.2rem;
        color: #666666;
        line-height: 1.8rem;
        margin-bottom: 5px;
    }
    .news-list-common p.time img {
        height: 12px;
    }
    .news-list-common p.time span {
        font-size: 12px;
    }
    .news-list-common p.intro {
        font-size: 12px;
        line-height: 20px;
        height: auto;
    }
    .news-list-common li {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .news-list-common .item-more {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 15px;
    }
    .page-plan-main ul li{
        width: 49%;
    }
  
    .page-plan-main ul li:nth-child(3n) {
        margin-right: 2%;
    }
    .page-plan-main ul li:nth-child(2n) {
        margin-right: 0%;
    }
    .page-plan-main .item-more {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
    }
    .sort-main .container {display:flex;flex-wrap:wrap;}
    .sort-contact{display:none;}
    .sort-left {
        display: block;
        width: 100%;
    }
    .sort-navbar-title{width:100%;}
    .sort-content {
        padding: 35px 0;
    }
    .search {
        position: inherit;
        left: 0;
        top: 0;
        margin-top: 15px;
        /* width: calc(100% - 50px); */
    }
    .search-form input {
        width: 100%;
    }
    .search-form input::placeholder {
        font-size: 14px;
        
    }	

    .search-form button i {
        width: var(--fz18);
        height: var(--fz18);
    }
    .sort-product-list .item-img {
        height: 220px;
    }
    input::-webkit-input-placeholder {
        color: #999;
        font-size: 12px;
    }
    .select-sort {
        display: block;
        position: fixed;
        right: -280px;
        top: 60px;
        width: 280px;
        height: calc(100% - 60px);
        background: rgba(255, 255, 255, 0.86);
        z-index: 80;
        transition: all .5s;
    }
    .select-sort.active {
        right: 0;
        z-index: 1200;
    }
    .select-sort .search {
        position: relative;
        left: 0;
        top: 0;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0 10px;
    }
    .select-sort .sort-navbar {
        height: calc(100% - 56px);
        overflow-y: auto;
        padding: 15px;
        margin-bottom: 0;
        border: 0;
        border-radius: 0;
    }
    .select-menu {
        display: none;
        position: static;
        /* right: 0;
        top: 10px; */
    }
    .select-menu i {
        background: url(../images/select.svg) no-repeat center;
        background-size: 30px 26px;
        width: 30px;
        height: 26px;
        display: block;
    }
    #page_products .crumbs{
        display: none;
    }
    #page_products .search {
        position: inherit;
        left: 0;
        top: 0;
        margin-top: 0px;

        width: 70%;
        /* width: calc(100% - 50px); */
    }
    .select-menu span {
        display: none;
    }
    .sort-navbar li .cn {
        font-size: var(--fz18);
    }
    .sort-product-list .col-md-3 {
        margin-bottom: 20px;
    }
    .sort-content {
        padding-bottom: 15px;
    }
    .sort-navbar .sortbar-list {
        padding-top: 15px;
    }
    .sort-navbar > li {
        margin-bottom: 20px;
    }
    .sortbar-list li.active a:after {
        top: 20px;
    }
    .select-choose .select-title {
        min-width: 75px;
        padding-left: 8px;
        font-size: 14px;
    }
    .select-option {
        padding-left: 10px;
    }
    .select-option a {
        margin-right: 10px;
    }
    .more-list {
        margin-bottom: 30px;
    }

    .download-list {
        padding-top: 30px;
    }
    
    .allvideos,
    .about-hezuo,
    .about-dashiji,
    .about-us,
    .about-rencai,
    .about-xiaoshou,
    .about-cy,
    .about-wenhua,
    .about-staff {
        padding-top: 30px;
    }
    .about-hezuo-list {
        padding-bottom: 30px;
    }
    .about-us {
        margin-top: 0px;
    }
    .about-join-us .our-slogan {
        padding: 30px 20px;
    }
    .about-join-us .our-slogan .logo {
        height: 40px;
    }
    .about-join-us .our-slogan p {
        font-size: var(--fz18);
        line-height: 24px;
    }
    .about-us-number {
        padding-bottom: 30px;
    }
    .about-us-number .counter {
        font-size: 30px;
        line-height: var(--lh40);
    }
    .about-us-number .number-item {
        width: 100%;
    }
    .about-title .cn {
        font-size: 26px;
        line-height: 36px;
    }
    .about-title .en {
        font-size: 14px;
    }
    .about-title p i:after, .about-title p i:before {
        width: 80px;
    }
    .about-title p i:after {
        left: -90px;
    }
    .about-title p i:before {
        right: -90px;
    }
    .about-title {
        margin-bottom: 20px;
    }
    .about-us-cy {
        padding-bottom: 20px;
    }
    .about-cy-img {
        margin-bottom: 20px;
    }
    .mz-logo {
        width: 280px;
        height: 280px;
    }
    .mz-partner {
        height: auto;
        padding-top: 0;
    }
    .mz-p-content {
        width: 100%;
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: 20px auto;
    }
    .mz-logo .logo {
        width: 145px;
        height: 120px;
        margin-left: -73px;
        margin-top: -60px;
    }
    .about-wenhua {
        margin-bottom: 20px;
    }
    .culture .item {
        height: 500px;
        margin-bottom: 10px;
    }
    .about-map .lianxi {
        height: auto;
        width: 100%;
        padding: 15px;
        margin-top: 20px;
        margin-bottom: 20px;
        border-radius: 10px;
        overflow: hidden;
    }
    .about-map #allmap {
        width: 100%;
        height: 200px;
        border-radius: 10px;
    }
    .about-map .lianxi .aboutmap {
        width: 40px;
    }
    .about-xs-map {
        display: none;
    }
    .about-sm-map {
        display: block;
        margin-bottom: 40px;
    }
    .about-sm-map img {
        width: 100%;
    }
    .contact-tel .img-box {
        width: 100%;
        height: 260px;
        border-radius: 10px;
        margin-top: 20px;
        overflow: hidden;
    }
    .contact-tel .list {
        width: 100%;
        height: auto;
        padding: 15px 15px 15px 30px;
        border-radius: 10px;
        float: inherit;
        margin-top: 20px;
        margin-left: 0;
    }
    .contact-tel .list p {
        font-size: var(--fz16);
        line-height: var(--lh40);
        margin-right: 0;
        width: 100%;
    }
    .contact-tel .list p::after {
        position: absolute;
        top: 50%;
        left: -15px;
        content: '';
        width: 3px;
        height: 16px;
        background-color: var(--main);
        margin-top: -8px;
    }
    .about-rencai-nav a {
        margin: 0 2px;
        padding: 0 10px;
        font-size: 14px;
    }
    .about-map .lianxi p {
        flex-wrap: wrap;
    }
    .about-map .lianxi span:nth-child(2) {
        padding-left: 45px;
        display: block;
        width: 100%;
    }
    .about-map .lianxi p.phone span:nth-child(2) {
        width: auto;
        padding-left: 0;
        margin-top: 3px;
    }
    .about-xswl-list {
        background: url(../images/about-xs1.png) no-repeat bottom;
        background-size: contain;
        padding-bottom: 30px;
    }
    .xswl-list .address-wangluo {
        padding: 15px;
    }
    .address-wangluo h3 {
        font-size: var(--fz20);
        margin-top: 0;
    }
    .address-wangluo .address {
        font-size: 14px;
        line-height: 24px;
    }
    .address-wangluo .address span:nth-child(1) {
        min-width: 45px;
    }
    .about-staff-list .list-item {
        flex-wrap: wrap;
    }
    .about-staff-list .item-img {
        min-width: 100%;
        height: 220px;
    }
    .about-staff-list .item-text {
        padding: 15px;
    }
    .about-staff-list .item-text .title {
        font-size: var(--fz18);
        line-height: 24px;
        margin-bottom: 5px;
    }
    .about-staff-list p.intro {
        font-size: 12px;
        line-height: 22px;
    }
    .about-staff-list p.time {
        margin-bottom: 5px;
    }
    .about-staff-list p.time img {
        height: 12px;
    }
    .about-staff-list p.time span {
        font-size: 12px;
    }
    .about-staff-list .list-item {
        margin-bottom: 20px;
    }
    .about-title-m .cn {
        font-size: var(--fz20);
    }
    .about-title-m .en {
        font-size: 14px;
    }
    .about-cy-swiper .swiper-button-next {
        right: -15px;
        outline: none;
    }
    .about-cy-swiper .swiper-button-prev {
        left: -15px;
        outline: none;
    }
    .honor > img {
        width: 100%;
    }
    .honor .list {
        position: relative;
        width: 100%;
        height: auto;
        top: 0;
        right: 0;
        padding: 15px;
        margin-top: 20px;
    }
    .honor .list .zizhi {
        height: auto;
    }
    .honor .list p {
        background: url(../images/ico-bg9.png) no-repeat left 7px;
        background-size: 22px 13px;
        line-height: 26px;
    }
    .cultureTab span.active,
    .cultureTab .tab-hd span {
        width: 100px;
        height: auto;
        line-height: 24px;
        padding: 12px 6px;
    }
    .cultureTab .tab-bd {
        width: calc(100% - 110px);
        padding-top: 10px;
        padding-left: 15px;
    }
    .cultureTab .title {
        font-size: var(--fz18);
        line-height: 26px;
    }
    .cultureTab .content {
        font-size: 14px;
        line-height: 20px;
    }
    .cultureTab span.active::before {
        display: none;
    }
    .about-rencai-table table th, 
    .about-rencai-table table td {
        display: none;
    }
    .about-rencai-table table th:first-child, 
    .about-rencai-table table td:first-child {
        display: inline-block;
        width: 70%;
        line-height: 20px;
        padding: 15px;
    }
    .about-rencai-table table th:last-child,
    .about-rencai-table table td:last-child {
        display: inline-block;
        width: 30%;
        line-height: 20px;
        padding: 15px;
    }
    .about-rencai-table table th, .about-rencai-table table td {
        font-size: 14px;
    }
    .about-join-search input {
        width: 200px;
        margin-right: 10px;
    }
    .about-join-search button {
        padding: 0 20px;
    }
    .join-our-work h5 {
        margin-top: 20px;
    }
    .join-our-work .swiper-j-prev {
        position: absolute;
        right: 40px;
        left: auto;
    }
    .join-our-work .swiper-j-next {
        position: absolute;
        right: 15px;
        left: auto;
    }
    .join-our-work p i {
        margin-bottom: 30px;
    }
    .dashiji-c {
        flex-wrap: wrap;
        margin-top: 15px;
    }
    .dashiji-c .dsj-img {
        width: 100%;
        height: auto;
        display: block;
        margin: 0;
    }
    .gallery-d-thumbs .swiper-slide-thumb-active i {
        background-size: 26px 26px;
        width: 26px;
        height: 26px;
        margin-bottom: 10px;
        margin-top: 4px;
    }
    .gallery-d-thumbs .swiper-slide p {
        font-size: var(--fz20);
    }
    .gallery-d-thumbs .swiper-slide-thumb-active p {
        font-size: 24px;
    }
    .dashiji-c .dsj-text .title {
        font-size: var(--fz20);
        line-height: var(--lh30);
    }
    .dashiji-c .dsj-text p {
        font-size: 14px;
    }
    .about-rc-content {
        padding: 15px;
    }
    .about-rc-content table td {
        width: 100%;
    }
    
    .product-pics .gallery-thumbs .swiper-wrapper {
        height: 60px;
    }
    .product-info h2 {
        margin-top: 20px;
        font-size: 22px;
        line-height: var(--lh30);
        margin-bottom: 20px;
    }
    .product-info .specs .specs-choose,
    .product-info .intro {
        margin-bottom: 20px;
    }
    .product-btn {
        margin-bottom: 0;
    }
    .product-info .specs .specs-title,
    .product-editor .product-editor-title {
        font-size: var(--fz20);
    }
    .product-editor > div:nth-child(2),
    .product-editor p {
        font-size: 14px !important;
        line-height: 30px !important;
    }
    .product-editor {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .more-list > div {
        width: 100%;
    }
    .more-list .item {
        margin-bottom: 20px;
    }
    .more-list .item img {
        height: auto;
    }
    .about-rc-content .rc-table span {
        display: inline-block;
        width: 100%;
        font-size: var(--fz16);
        color: #333;
        line-height: 35px;
        padding: 10px 20px;
    }
    .about-rc-content .rc-table span:nth-child(1),
    .about-rc-content .rc-table span:nth-child(4) {
        width: 100%;
    }
    .about-rc-content .rc-table {
        padding: 10px;
    }
    .about-rc-content .rc-table span {
        font-size: 14px;
        line-height: 25px;
        padding: 5px;
    }

    .videos-navbar {
        display: none;
    }
    .product-pics .swiper-button-next, .product-pics .swiper-button-prev {
        height: 50px;
    }
    .product-pics .swiper-button-prev,
    .product-pics .swiper-button-next {
        bottom: -5px;
    }
    .allvideos-list {
        flex-wrap: wrap;
    }
    .videos-list-left {
        width: 100%;
        min-width: 100%;
        padding: 5px 15px;
        border-radius: 30px;
    }
    .videos-list-left i {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }
    .videos-list-left span {
        display: inline-block;
        width: auto;
        font-size: var(--fz20);
        line-height: 37px;
    }
    .videos-list-right {
        width: 100%;
    }
    .videos-list-left a {
        left: inherit;
        right: 0;
        bottom: 0;
        width: 60px
    }
    .videos-list-right {
        padding: 30px 15px;
    }
    .product-msg {
        padding: 0 15px;
    }
    .product-msg .product-msg-form {
        margin: 20px auto;
    }
    .pmf-model {
        padding: 15px;
    }
    .branden {
        float: right;
        margin-top: var(--fz18);
        line-height: 1;
        margin-right: 14px;
        font-size: 12px;
        width: 185px;
    }
    .search-list .item-img{width: 100% !important;height: auto !important;}
    .search-list .more {
        display: block !important;
        color: #999 !important;
        font-size: 1.1rem !important;
        line-height: 1.5rem !important;
        border: none !important;
        width: 100%;
        background-position: right 15px center;

}
.news-list-common .list-item .more{border: none !important; display: block !important;}
.news-list-common .list-item:hover .more {
    color: var(--main) !important;
    background: url(../images/icon_more2_h.png) no-repeat right 10px center !important;
    background-color: transparent !important;
   
    
}
.news-list-common p.time .more{
    display: none;
    color: #999;
    width: 130px;
}
.more {
   
    background: url(../images/icon_more999.png) no-repeat;
    background-position: right 20px center;
    background-size: 30px;
}
.brand-box{flex-wrap: wrap;}
.brand-box .left{width: 80%;margin:2vw auto 3vw;}
.brand-box ul li img {
    width: 6rem;
    margin-right: 10px;
}
.brand-box ul li div h2 {font-size: 1.9rem;}
.brand-box ul li div p {font-size: 1.2rem;}
.page-page-main{padding: 1vw 0 !important;}
.index-solutions-tab .taba-hd {
    flex-wrap: wrap;
    margin: 0;
    overflow: hidden;
    overflow-x: auto;
    margin-bottom: 30px;
}
.index-solutions-tab  .tab-plan-item {
    min-width: 48%;
    width: 48%;
    height: 50px;
    margin-bottom: 10px;
    margin-right: 4%;
}
.index-solutions-tab  .tab-plan-item:nth-child(3),
.index-solutions-tab  .tab-plan-item:nth-child(5)
{
    margin-right: 0;
}
.index-solutions-tab  .tab-plan-item.active::after,
.index-solutions-tab  .tab-plan-item::after
 {
    width: 100%;
    height: 50px;
    top: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.index-solutions-tab  .tab-plan-item:first-child {
    min-width: 100%;
    width: 100%;
    height: 50px;
    margin-right: 0;
}
.index-solutions-tab  .tab-plan-item:first-child.active::after {
    width: 100%;
    height: 50px;
    top: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.index-solutions-tab  .tab-plan-item i img {
    width: 60px;
}
.index-solutions-tab  .tab-plan-item h4.cn {
    margin-top: 0;
    font-size: var(--fz18);
    line-height: 50px;
    margin-bottom: 0;
}

.index-solutions-tab  .tab-plan-item.active h4.cn {
    padding-top: 0px;
    margin-bottom: 0;
    line-height: 50px;
}
.index-solutions-tab  .tab-plan-item h4.en {
  
    margin-top: 0px;
    margin-bottom: 0px;
  
}
.index-solutions-tab .tab-plan-item.active h4.cn {
    font-size: var(--fz20);
}
.index-solutions-tab  .tab-plan-item.active h4.en {
    display: -webkit-box;
    font-size: 10px;
    font-weight: 100;
}
.index-solutions-tab  .tab-plan-item.active i img {
    width: 80%;
}
.index-solutions-tab  .tab-plan-item.active i {
    left: 0px;
    top: 20px;
    margin-bottom: 0;
}
.index-solutions-tab  .tab-plan-item.active h4.cn, .index-solutions-tab  .tab-plan-item.active h4.en {
    padding-left: 0px;
}
.index-solutions-tab  .tab-plan-item.active a.mores {
    display: none;
}
.index-solutions-tab  .tab-plan-item:nth-child(2).active i,.index-solutions-tab  .tab-plan-item:nth-child(3).active i {
    position: static;
    margin-bottom: 0;
    height: auto;
}
.index-solutions-tab  .tab-plan-item:nth-child(2).active h4.cn,.index-solutions-tab  .tab-plan-item:nth-child(3).active h4.en {
    padding-left: 0px;
}
.index-solutions-tab  .tab-plan-item:nth-child(2).active h4.cn,.index-solutions-tab  .tab-plan-item:nth-child(3).active h4.cn {
    padding-top: 0px;
    line-height: 26px;
    text-align: center;
    padding-left: 0;
}
.index-solutions-tab  .tab-plan-item:nth-child(2) h4.cn,.index-solutions-tab  .tab-plan-item:nth-child(3) h4.cn {
    line-height: 60px;
 
}
.index-solutions-tab  .tab-plan-item:nth-child(2).active h4.en,.index-solutions-tab  .tab-plan-item:nth-child(3).active h4.en {
    display: none;
}
.index-solutions-tab .taba-hd {
    padding: 0px;
}
.index-solutions-tab  .tab-plan-item:first-child.active i img {
    width: 100%;
}
.index-solutions-tab  .tab-plan-item:nth-child(2),.index-solutions-tab  .tab-plan-item:nth-child(3){
    display: flex;
    justify-content: center;
    align-items: center;
}
.index-solutions-tab  .tab-plan-item:nth-child(2).active i img,
.index-solutions-tab  .tab-plan-item:nth-child(3).active i img{
    width: 60px;
}
}
@media screen and (max-width:500px) {
    .page_honor .center .honor_box{margin: 2vw auto 6vw;}
    #about {
        padding: 60px 0;
    }
    #about .left p {
        width: 100%;
        font-size: var(--fz16);
        line-height: var(--lh30);
    }
    #about .right li{
        display: none;
    }
    #about .right li:nth-child(3) {
        position: relative;
        display: block;
        width: 100%;
    }
    #about .right li div {
        width: 100%;
        height: 0;
        padding-bottom: 0%;
        transition: all 1s;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
    }
    #about .right li:nth-child(3) img {
        position: absolute;
        top: 36%;
        left: 36%;
        height: 80px;
        z-index: 1;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
}
    #about .right li:nth-child(3) .none{
        display: block;
        width: 100%;
        height: auto;
        position: static;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
}


.i_first_hot .left h2 {
    font-size: var(--fz20);
    font-weight: 300;
    color: #2a2a2a;
}
.i_first_hot .left p {
    font-size: var(--fz16);
    line-height: var(--lh30);
    color: #2a2a2a;
    white-space: pre-line;
    font-weight: 100;
}
.more {
    font-size: 14px;
    line-height: var(--lh30);
    width: 150px;
    color: #2a2a2a;
    border:1px solid #2a2a2a;
}
.i_hot_img{padding: 4%;}
.index-products-item {
    height: 250px;
}
.products-item-top .item-img {
    height: 150px;
}
.products-item-back .intro{
    height: auto;
}
.products-item-back .intro {
    margin-bottom: 6px;
}
.i_news_item {
    height: 250px;
    position: relative;
}
.i_news_item .txt {
    
    padding: 0 2%;
    height: 70px;
   
}
.i_news_item .txt h2 {
    font-size: var(--fz20);
    font-weight: 520;
    margin-bottom: 0;
    margin-top: 6px;
}
.i_news_item .txt p {
    font-size: var(--fz16);
}
.footer-body{display: none;}
.copyright p {
    padding: 10px 0;
}
.footer .line{display: none;}
#Catalog_box{display: none;}
#history .bd ul li .tt {
    font-size: 8rem;
    color: #ffff;
    width: 100%;
    text-align: center;
    transform: scale(.6) translateX(3rem);
    transition: 1s;
}
#history .bd ul li .txt {
    margin-top: 3rem;
    position: relative;
    z-index: -1;
}
#history .bd ul li .con {
    margin-top: 10%;
    font-size: 1.4rem;
    font-weight: 600;
    color: #4e4d4d;
    line-height: 2.2rem;
    text-align: center;
}

.page_contact .center .contact_box .map {
    height: 25rem;
  
}
/* .page_feed .center {
    margin: 40px auto;
} */
.page-plan-main ul li {
    width: 100%;
    padding: 3%;
}
.news-list-common .item-img {
    width: 100%;
    min-width: auto;
    height: 200px;
    overflow: hidden;
    margin-right: 30px;
}
.news-list-common .list-item {
    display: block;
}
.news-list-common .list-item .item-more {
    display: none;
}
.page-plan-main .list-item .item-more {
    display: block;
}
.news-list-common p.time {
    margin-top: 2%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news-list-common p.time .more{
    color: #999;
    width: 130px;
    padding-left: 20px;
    border-radius: 50px;
    border: 1px solid #999;
}
#culture ul li {
    width: 100%;
    margin-right: 0%;
    padding: 2% 2% 4% 2% !important;
    margin-bottom: 1.5rem;

}
#about h2 {
    bottom: -10px;
}
#about .right-2 div img{
    width: 60px;

}
.search-list .item-img img{
    width: 100%;
}
.index-products-list .swiper-p-next, .index-solutions-tab .tab-bd-item .swiper-button-next {
    right: -15px !important;
}
.index-products-list .swiper-p-prev, .index-solutions-tab .tab-bd-item .swiper-button-prev {
    left: -15px !important;
}
.message-box .form-box .line{
    height: 45px;
}
.message-box .form-box .line.has-text textarea{
    padding: 10px 30px;
}
.message-box .form-box .line.has-star:before {
    top: 13px !important;
    left: 13px !important;
}
.brand-box {
    width: 100%;
    margin: auto;
}
.brand-box .right{margin: auto;}
.brand-box .left{width: 90%;margin:2vw auto 5vw;}
.brand-box ul li img {
    width: 5rem;
    margin-right: 10px;
}
.brand-box ul li div h2 {font-size: 1.6rem;}
.brand-box ul li div p {font-size: 1.2rem;}
.page_contact .center .contact_box .info .contact_info .items .item .title{
    font-size: 1.2rem;
}
.page_contact .center {
    margin: 5.2vw auto 50px;
}
}
@media screen and (min-width: 1930px) {
    /* .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 74%;
    } */
    .header{
        padding: 0 6%;
    }
    .news-content p.time,.news-content-c{max-width: 90%;}
}
@media screen and (min-width: 1600px) {

   .header-tel img{
       height: 80px;
       margin-left: .2rem;
   }
}

.download_alert{
    position:  fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1300;
}
#form-download{display: none;}
.download_alert form{
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    max-width: 320px;
    width: 100%;
    transform: translate(-50%,-50%);
    padding: 2%;
    border-radius: 10px;
    display: block !important;
}
.download_alert form .input {
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: normal;
    /* margin-bottom: 8%; */
}
.download_alert form span{
    display: block;
    font-size: 14px;
    margin: 10px 0;
    color: #ccc;
}
.download_alert form input {
    width: 180px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 0 10px;
    line-height: 38px;
    color: #5b5b5b;
    outline:none;
}

.download_alert form  .btn{
    width: 110px;
    height: 40px;
    display: inline-block;
    /* margin: 0 20px 0 35px; */
    background-color: #f3f3f3;
    color: #728391;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    float: left;
}
.download_alert form .btn1 {
    background: #00a09a;
    color: #fff;
    margin-right: 20px;
}


 /*右侧浮动*/
 .y-kefu-box {
     position: fixed;
     right: 10px;
     /* top: 50%; */
     top: 30%;
     z-index: 9999;
     font-size: 15px;
     line-height: 15px;

}
 .y-kefu-box a{ text-decoration:none;color: #666 !important;}
 .y-kefu-box img { display: block; width: 100%; height: auto; }
 .y-kefu-box01 .icon { display: block; background: url(../images/left_icon.png) no-repeat; margin: 0 auto 6px;}
 .y-kefu-box01 { width: 60px; color: #666; text-align: center; }
 .y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
 .y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; position: absolute; bottom: -12px; left: 13px; z-index: 1;  background-color: var(--main); }/*颜色更改*/
 .y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 60px; padding: 8px 0; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
 .y-kefu-box01 .show-status { position: relative; }
 .y-kefu-box01 .show-status .kf-zixun { background-color: var(--main); border-color: var(--main); color: #fff; margin: 10px 0 7px;}/*颜色更改*/
 .y-kefu-box01 .kf-zixun { border-radius: 2px; }
 .y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
 .y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
 .y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
 .y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
 .y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
 .y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
 .y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
 .y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
 .y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
 .y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
 .y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
 .y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
 .y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
 .y-kefu-box01 .hver:hover { background-color: var(--main); border-color: var(--main);}/*颜色更改*/
 .y-kefu-box01 .hver:hover>p { color: #fff; }
 .y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
 /*电话*/
 .y-kefu-box01 .mobile-infos { width: 280px; text-align: left; top: 0;}
 .y-kefu-box01 .mobile-infos>div { padding: 15px 0 10px 45px; position: relative; }
 .y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 16px; left: 20px; z-index: 2; }
 .y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
 .y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
 .y-kefu-box01 .mobile-infos p {line-height: 30px; color: var(--main); font-size: 18px;margin-left:-30px; }/*颜色更改*/
 .y-kefu-box01  .right { width: 12px; height: 12px; position: absolute; right: -12px; top: 24px;}
 .right-arrow1,.right-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px white solid; overflow: hidden;}
 .right-arrow1 { left: 1px; border-left: 6px #efefef solid;}
 .right-arrow2 { border-left: 6px white solid;}
 .page_join{display:block;}
  .page_null{display:none;}
 /*二维�?*/
 .y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
 .y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
 .y-kefu-box01 .y-ewm-box img { width: 130px; height:130px; margin: 15px auto 7px; }
 .y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
 .y-kefu-box01 .y-ewm-box .right { top: 84px; }
 /*邮箱*/
 .y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; }
 .y-kefu-box01 .y-email-infos p { color: var(--main); font-size: 16px; }/*颜色更改*/
 .y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
 .y-kefu-box01 .y-email-infos .right { top: 55px; }
 .y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#cc0105;position: absolute; top: 37px; left: 55px; z-index: 9;}/*关闭后颜�?*/
 .y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }
 .kf-join i{
    background: url(../images/icon_join.png) no-repeat center !important;
    width: 30px;
    height: 22px;
    background-size: 100% !important;
 }
 .kf-join:hover i{
    background: url(../images/icon_join_h.png) no-repeat center !important;
    background-size: 100% !important;

 }

 .y-kefu-box01 .last{border-bottom: 1px solid #efefef;}
 .app_logo{display:none;}
   @media screen and (min-width:1400px) {
      .pc_logo{display:none;} .app_logo{display:block;}
  }
  @media screen and (max-width:1020px) {
      .pc_logo{display:none;} .app_logo{display:block;}
  }
 @media screen and (max-width:767px) {
      
    .y-kefu-box01 {display: none;}
    .index-news-tab .row{margin-bottom: 20px;}
    .header{display:flex;align-items:center;}
    .brand{margin:0;}
    .brand a{height:auto !important;}
     .brand img{max-width: unset;height:auto !important;width:88%}
   
 }
 
 @media screen and (max-width: 460px){
.brand a {
    height: 36px;
}
}
  /* @media  (max-width:1400px) {*/
  /*  body,html{width:100%;min-width:1300px;}*/
  /*}*/
  
  .video_alert{
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
        z-index: 1000000;
        display: none;
    }
    .video_bb_box{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 50rem;
        /*height: 40rem;*/
        background: #fff;
    }
    .video_bb_box video,.video_bb_box iframe{
        display: block;
        width: 100% !important;
        height: 28rem;
    }
    
    .video_bb_box #video_close{
           display: block;
        width: 2.5rem;
        height: 2.5rem;
        float: right;
        position: absolute;
        right: -2.5rem;
        top: -2.5rem;
    }