@charset "utf-8";

/* pc */
@media screen and (max-width:1720px) {
    .top_pc .center {
        width: calc(100% - 180px);
    }
    .banner_pc .banner_img .center {
        width: calc(100% - 300px);
        margin: auto;
    }
    .about .center .left .title{
        padding: 3vw 0 0 95px;
    }
    .news .center{
        width: 1500px;
    }
    .news .center .left img {
        width: 100%;
        height: auto;
    }
    .news .center .right a {
        height: 150px;
        margin-bottom: 40px;
    }
    .news .center .right a:nth-child(1):hover {
        margin-bottom: 45px;
    }
    .news .center .right a:nth-child(2):hover {
        margin-bottom: 45px;
    }
    .news .center .right a .title {
        padding-top: 12px;
    }
    .contact_html .contact_block .center {
        width: 1400px;
    }
.tuwentuwen .center .right{
    position: relative;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}  
 
.tuwentuwen .center .left{
    position: relative;
    right: 0;
    top: 0;
    width: 45%;
    height: 100%;
}  
.product_html .tabs .tab-links a{
    font-size: 18px;
}
}

@media screen and (max-width:1560px) {
    .top_pc .center {
        width: calc(100% - 100px);
    }   
    .top_pc .nav {
        margin-left: 32px;
    }
    .banner_pc .banner_img .center {
        width: calc(100% - 200px);
    }
    .news .center {
        width: 1200px;
    }
    .news .center .right a{
        width: calc(100% - 40px);
        margin-left: 32px;
        height: 132px;
        margin-bottom: 12px;
    }
    .news .center .right a:nth-child(1):hover {
        margin-bottom: 17px;
    }
    .news .center .right a:nth-child(2):hover {
        margin-bottom: 17px;
    }
    .news .center .right a .title {
        width: calc(100% - 70px);
        margin-left: 32px;
        padding-top: 2px;
    }
    .news .center .right a .text{
        width: calc(100% - 70px);
        margin-left: 32px;
    }
    .news .center .right a .date {
        padding-left: 32px;
    }
    .foot .foot_center .foot_right {
        width: calc(100% - 700px);
    }
    .products_html .products .center {
        width: calc(100% - 160px);
    }
    .products_html .position .center {
        width: calc(100% - 160px);
    }
    .products_html .products .left {
        width: 240px;
    }
    .products_html .products .right {
        width: calc(100% - 320px);
    }
    .contact_html .contact_block .center {
        width: 1200px;
    }
    .contact_html .contact_block .center .right {
        width: 540px;
    }
    .contact_html .contact_block .left {
        width: calc(100% - 560px);
    }
    .new_html .center .right {
        width: calc(100% - 490px);
    }
    .service_html .page .list .center {
        width: 1200px;
        padding: 90px 0 70px 0;
    }
    .service_html .page .list .right {
        width: 600px;
    }
    .service_html .page .list .left {
        width: 560px;
        padding-top: 5px;
    }
    .service_html .page .list .left .text {
        padding: 4px 0;
    }
    .about_html .about_bj .center {
        width: 1300px;
    }
.tuwentuwen .center .right{
    position: relative;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}  
 
.tuwentuwen .center .left{
    position: relative;
    right: 0;
    top: 0;
    width: 45%;
    height: 100%;
}  
.product_html .tabs .tab-links a{
    font-size: 16px;
}
}

@media screen and (max-width:1420px) {
    .top_pc .center {
        width: calc(100% - 60px);
    }
    .top_pc .logo_icon {
        margin-left: 0px;
    }
    .top_pc .nav .yiji {
        padding: 0 12px;
    }
    .banner_pc .banner_img {
        height: 700px;
    }
    .banner_pc .banner_img .p1 {
        padding-top: 240px;
        font-size: 40px;
    }
    .banner_pc .banner_img .p2 {
        font-size: 40px;
        line-height: 50px;
    }
    .banner_pc .banner_img .xian {
        height: 12px;
        margin-top: -12px;
    }
    .foot .foot_center .foot_left {
        width: 400px;
        margin-left: 30px;
    }
    .foot .foot_center .foot_right {
        width: calc(100% - 500px);
    }
    .product_html .products .right .product_img {
        width: 340px;
    }
    .product_html .products .right .jianjie_xq {
        width: calc(100% - 400px);
    }
    .product_html .products .right .jianjie_xq .button_position {
        top: 455px;
    }
.tuwentuwen .center .right{
    position: relative;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}  
 
.tuwentuwen .center .left{
    position: relative;
    right: 0;
    top: 0;
    width: 45%;
    height: 100%;
}  
.product_html .tabs .tab-links a{
    font-size: 16px;
}

.tuwentuwen .center .right .text{font-size:14px; line-height:24px;}
}

@media screen and (max-width:1360px) {
    .about_icon .float_l .p1 {
        width: 280px;
    }
    .about_icon .float_l .p2{
        width: 280px;
    }
    .products .product_img .chanpin {
        left: 15px;
        width: calc(100% - 30px);
    }
    .swiper-button-prev-products{
        width: 60px;
        height: 60px;
        border-radius: 60px;
        background-size: 100% 100%;
    }
    .swiper-button-next-products{
        width: 60px;
        height: 60px;
        border-radius: 60px;
        background-size: 100% 100%;
    }
    .about .center .left .title {
        padding: 2vw 0 0 70px;
        font-size: 42px;
        line-height: 66px;
        width: calc(100% - 120px);
    }
    .about .center .left .text{
        margin-left: 70px;
        width: calc(100% - 120px);
    }
    .about .center .left .more{
        margin-left: 70px;
    }
    .news .biaoti .p1{
        font-size: 52px;
        padding-top: 0;
    }
    .why_us .biaoti .p1{
        font-size: 52px;
    }
    .why_us .biaoti{
        padding-top: 40px;
    }
    .why_us {
        height: 880px;
    }
    .products .product_img .chanpin .nr {
        width: calc(100% - 30px);
    }
    .products .biaoti .p1{
        font-size: 52px;
    }
    .products .biaoti {
        padding: 40px 0;
    }
    .about_icon {
        padding-top: 60px;
    }
    .about {
        margin-top: 62px;
    }
    .top_pc .nav .yiji .yiji_a p{
        font-size: 16px;
    }
    .top_pc .nav .yiji {
        padding: 0 10px;
    }
    .news .center {
        width: 1160px;
    }
    .contact_html .contact_block .center {
        width: 1000px;
    }
    .news_html .right .meitiao .fadeInRight .img {
        width: 280px;
    }
    .news_html .right .meitiao .fadeInRight .news_text {
        width: calc(100% - 310px);
    }
    .news_html .right .meitiao .fadeInRight {
        padding: 16px 40px 16px 16px;
    }
    .service_html .page .list .center {
        width: 950px;
        padding: 70px 0 50px 0;
    }
    .service_html .page .list .right {
        width: 430px;
    }
    .service_html .page .list .left {
        width: 500px;
    }
    .about_html .about_bj .center {
        width: 1060px;
    }
    .about_html .about2 .center .right .title {
        font-size: 42px;
        line-height: 66px;
        width: calc(100% - 60px);
        padding: 5vw 0 0 60px;
    }
    .about_html .about2 .center .right .text {
        font-size: 16px;
        line-height: 28px;
        width: calc(100% - 60px);
        margin-left: 60px;
    }
    .about_html .hezuo .text .float_l .h4 {
        font-size: 24px;
        line-height: 38px;
        padding: 20px 0 10px 0;
    }
    .about_html .hezuo .h3 {
        font-size: 50px;
        line-height: 140px;
        padding-top: 0px;
    }
    .about_html .hezuo .text .float_l {
        height: 520px;
    }
    .about_html .team .icon .float_l .zhezhao p:nth-child(1) {
        padding-top: 6vw;
    }
    .service_html .page .advantage .h3{
        font-size: 50px;
        line-height: 140px;
        padding-top: 0px;
    }
    .about_html .team .h3{
        font-size: 50px;
        padding-top: 0px;
    }
    .about_html .team {
        padding-top: 20px;
    }
.tuwentuwen .center .right{
    position: relative;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}  
 
.tuwentuwen .center .left{
    position: relative;
    right: 0;
    top: 0;
    width: 45%;
    height: 100%;
}  
.product_html .tabs .tab-links a{
    font-size: 16px;
}
}

@media screen and (max-width:1200px) {
    .top_pc .top_icon{
        width: 180px;
        padding-top: 6px;
    }
    .top_pc .top_icon a{
        margin-top: 10px;
    }
    .top_pc .top_icon .language{
        margin-left: 3px;
    }
    .top_pc .top_icon a:hover {
        margin-top: 8px;
    }
    .banner_pc .banner_img .p1{
        font-size: 32px;
        padding-top: 190px;
    }
    .banner_pc .banner_img .p2 {
        font-size: 32px;
        line-height: 38px;
    }
    .banner_pc .banner_img {
        height: 560px;
    }
    .banner_pc .banner_img .center {
        width: calc(100% - 120px);
    }
    .products .biaoti .p1 {
        font-size: 46px;
    }
    .products .biaoti {
        padding: 20px 0 40px;
    }
    .about .center .left .title {
        padding: 1vw 0 0 70px;
        font-size: 36px;
    }
    .why_us .biaoti .p1 {
        font-size: 46px;
    }
    .why_us .biaoti {
        padding-top: 22px;
    }
    .why_us .why_us_text .ka {
        height: 228px;
    }
    .why_us {
        height: 800px;
    }
    .news .center {
        width: 1000px;
    }
    .news .center .right a {
        height: 110px;
    }
    .news .center .right a .text{
        -webkit-line-clamp: 1;
    }
    .news .center .right a .title {
        width: calc(100% - 40px);
        margin-left: 20px;
    }
    .news .center .right a .date {
        padding-left: 20px;
        margin-bottom: 4px;
    }
    .news .center .right a .text {
        width: calc(100% - 40px);
        margin-left: 20px;
    }
    .products_html .products .left {
        width: 200px;
        padding: 20px 18px 20px 18px;
    }
    .products_html .products .right {
        width: calc(100% - 260px);
    }
    .products_html .foot {
        margin-top: 100px;
    }
    .new_html .center .right {
        width: calc(100% - 350px);
        padding: 30px 30px 0 30px;
    }
    .about_html .team .icon .float_l .zhezhao p:nth-child(1) {
        padding-top: 4vw;
    }
    .about_html .hezuo .text .float_l {
        height: 550px;
    }
    .about_html .hezuo .text {
        padding: 0 40px;
    }
.tuwentuwen .center .right{
    position: relative;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}  
 
.tuwentuwen .center .left{
    position: relative;
    right: 0;
    top: 0;
    width: 45%;
    height: 100%;
}  
.product_html .tabs .tab-links a{
    font-size: 16px;
}
}

/* 手机 */
@media screen and (max-width:1100px) {
    .center {
        width: 100vw;
    }
    .pc_none{
        display: none;
    }
    .page_nr{
        margin-top:0;
    }
    .phone_none{
        display: block;
    }
    .page{
        overflow: hidden;
    }
    .guanbi_left{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        width: 100vw;
        height: 100vh;
        background: #000;
        display: none;
        opacity: 0;
    }
    .shouji_top{
        background: linear-gradient(to top, rgb(6, 6, 6, 0.1), rgba(3, 3, 3, 0.6));
        position: absolute;
        height: 68px;
        width: 100vw;
        z-index: 2;
    }
    .shouji_top .logo{
        display: block;
        margin: auto;
        padding: 13px 0;
        height: calc(100% - 26px);
        padding-left: 0px;
    }
    .shouji_top img{
        height: 80%;
        margin-top: 13%;
        margin-left: 13%;
    }
    .shouji_top a{
        position: absolute;
        top:0;
        left: 0;
        height: 100%;
    }
    .shouji_top a img:nth-child(2){
        display: none;
    }
    .panel{
        background: #FAFAFA;
        overflow-y: auto;
    }
    .list_dl{
        margin-top: 50px;
    }
    .list_dt{
        background: #FAFAFA;
        width: 200px;
        padding: 0 40px 0 20px;
        height: 49px;
        line-height: 49px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
        font-size: 16px;
        border-bottom: 1px solid #EBEBEB;
    }
    .list_dt:nth-child(3)::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #666; /* 三角颜色 */
}
    .list_dl .list_dt:nth-child(1){
        border-top: 1px solid #EBEBEB;
    }
    .list_dt p{
        color: #b7b7b7;
    }
    .list_dt:hover{
        background: #F1F1F1;
    }
    .list_dt:hover ._after{
        display: block;
        width: 3px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #307ef4;
    }
    #open{
        background: #F1F1F1;
        color: #4E4E4E;
    }
    #open p{
        color: #4E4E4E;
    }
    #open ._after{
        display: block;
        width: 3px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #307ef4;
    }
    .list_dt_icon{
        position: absolute;
        right: 10px;
        top: 9px;
        display: block;
        width: 16px;
        height: 16px;
        background: url("../images/off.webp") no-repeat;
    }
    #open .list_dt_icon{
        background: url("../images/open.webp") no-repeat;
    }
    .list_dd{
        display: none;
    }
    .list_li{
        display: block;
        background: #F1F1F1;
        list-style-type: none;
        width: 200px;
        padding: 0 30px;
        height: 40px;
        line-height:40px;
        cursor: pointer;
        border-bottom: 1px solid #EBEBEB;
        font-size: 16px;
        color: #b7b7b7;
    }
    .list_li:hover{
        background: #307ef4;
        color: #fff;
    }
    .list_dd{
        display: none;
        margin-left: 0;
    }
    .list_dd ul{
        margin: 0;
        padding-left: 0;
    }
    .position_fixed{
        right: 15px;
        top: auto;
        bottom: 20vh;
        /* display: none; */
    }
    .foot .foot_top{
        display: none;
    }
    .foot .foot_center{
        display: none;
    }
    .foot .foot_bottom .yqlj{
        display: none;
    }
    .foot .foot_bottom .float_r{
        width: 80%;
        float: unset;
        margin: auto;
        line-height: 26px;
        text-align: center;
    }
    .foot .foot_bottom{
        height: auto;
        border-top: none;
    }
    .foot{
        height: auto;
        padding: 12px 0;
    }
    .banner_pc .banner_img {
        height: 350px;
        background-size: 100% 100% !important;
    }
    .banner_pc .banner_img .center {
        width: calc(100vw - 30px);
    }
    .banner_pc .banner_img .p1 {
        font-size: 20px;
        padding-top: 90px;
    }
    .banner_pc .banner_img .p2 {
        font-size: 20px;
        line-height: 24px;
    }
    .banner_pc .banner_img .xian {
        height: 8px;
        margin-top: -10px;
    }
    .banner_pc .banner_img .href img {
        width: 36px;
        height: 36px;
    }
    .banner_pc .banner_img .href p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 38px;
    }
    .banner_pc .swiper-pagination {
        width: calc(100vw - 30px);
        bottom: 30px;
        margin-left: 15px;
    }
    .banner_pc .swiper-pagination-bullet {
        width: 28px;
        height: 3px;
    }
    .products .biaoti .p1 {
        font-size: 24px;
        line-height: 40px;
    }
    .products .center {
        width: calc(100vw - 30px);
    }
    .products .biaoti .p2 {
        font-size: 14px;
        line-height: 20px;
    }
    .products .product_img {
        margin-left: 10px;
        width: calc(100% - 5px);
        margin-bottom: 15px;
        border-radius: 8px;
    }
    .products .product_img:nth-child(1){
        margin-left: 0;
    }
    .products .product_img:nth-child(3){
        margin-left: 0;
    }
    .swiper-button-prev-products{
        display: none;
    }
    .swiper-button-next-products{
        display: none;
    }
    .products .product_img .chanpin,
    .products_html .products .product_img .chanpin{
        left: 10px;
        width: calc(100% - 20px);
        bottom: 8px;
    }
    .products .product_img .chanpin .bt,
    .products_html .products .product_img .chanpin .bt  {
        font-size: 18px;
        line-height: 36px;
    }
    .products .product_img .chanpin .nr,
    .products_html .products .product_img .chanpin .nr {
        font-size: 12px;
        width: calc(100% - 20px);
        line-height: 36px;
    }
    .products .product_img .chanpin .icon,
    .products_html .products .product_img .chanpin .icon {
        position: absolute;
        right: 2px;
        width: 10px;
        bottom: 13px;
    }
    .about_icon .float_l img{
        width: 50px;
    }
    .about_icon .float_l .p1 {
        width: 100%;
        font-size: 14px;
        line-height: 38px;
    }
    .about_icon .float_l .p2 {
        width: 100%;
        font-size: 14px;
        line-height: 16px;
    }
    .about_icon {
        padding-top: 12px;
    }
    .foot .foot_bottom .center {
        width: calc(100vw - 30px);
    }
    .foot{
        /* padding: 0; */
    }
    .foot .foot_bottom .float_l {
        display: none;
    }
    .foot .foot_bottom .copyright {
        margin-right: 0;
        text-align: center;
        display: block;
        line-height: 20px;
        font-size: 14px;
        width: 100%;
    }
    .foot .foot_bottom .float_r {
        display: none;
    }
    .about {
        margin-top: 40px;
    }
    .about .center{
        width: calc(100vw - 30px);
        border-radius: 12px;
    }
    .about .center .left{
        width: 100%;
        position: relative;
        padding-bottom: 26px;
    }
    .about .center .left .title{
        font-size: 24px;
        width: calc(100% - 30px);
        padding: 1vw 0 0 15px;
        text-align: center;
    }
    .about .center .left .text {
        margin-left: 15px;
        width: calc(100% - 30px);
        margin-top: -16px;
    }
    .about .center .left .more{
        margin: auto;
    }
    .about .center .left .more {
        width: 110px;
        height: 42px;
        line-height: 42px;
        margin-top: 20px;
    }
    .about .center .right{
        width: 100%;
    }
    .why_us {
        height: auto;
        padding-bottom: 30px;
        background-size: auto 100%;
    }
    .why_us .center{
        width: calc(100vw - 30px);
    }
    .why_us .biaoti{
        width: 100%;
    }
    .why_us .biaoti .p1 {
        font-size: 24px;
        line-height: 40px;
    }
    .why_us .biaoti .p2 {
        font-size: 14px;
        line-height: 20px;
    }
    .why_us .why_us_text .ka {
        width: 100%;
        margin-left: 0;
        height: auto;
        padding: 10px 0 20px 0;
        margin-top: 20px;
    }
    .why_us .why_us_text .ka .p1 {
        font-size: 16px;
        line-height: 40px;
        width: calc(100% - 36px);
        margin-left: 18px;
        margin-top: 0px;
    }
    .why_us .why_us_text .ka .text {
        font-size: 14px;
        line-height: 24px;
        width: calc(100% - 36px);
        margin-left: 18px;
    }
    .news {
        margin-bottom: 26px;
        padding-top: 20px;
    }
    .news .biaoti .p1 {
        font-size: 24px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .news .center {
        width: calc(100vw - 30px);
    }
    .news .center .left {
        width: 100%;
        margin-bottom: 20px;
    }
    .news .center .left img {
        border-top-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    .news .center .right {
        width: 100%;
        max-width: 100%;
    }
    .news .center .right a{
        width: 100%;
        margin-left: 0;
        border-top-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    .news .center .right a .title{
        font-size: 16px;
    }
    .news .center .right a .date p {
        font-size: 16px;
    }
    .news .center .right a .text{
        font-size: 14px;
    }
    .products_html .products .center {
        width: calc(100vw - 30px);
    }
    .products_html .products .left{
        display: none;
    }
    .products_html .products .right {
        width: 100%;
    }
    .products .right .product_img {
        width: calc(50% - 5px);
    }
    .products .right .product_img:nth-child(3n+1){
        margin-left: 10px;
    }
    .products .right .product_img{
        margin-left: 10px;
    }
    .products .right .product_img:nth-child(2n+1){
        margin-left: 0;
    }
    .products_html .products .product_img {
        margin-top: 0px;
    }
    .products_html .foot {
        margin-top: 20px;
    }
    .products_html .position{
        margin-bottom: 20px;
        padding-top: 68px;
        padding-bottom: 12px;
    }
    .products_html .shouji_top{
        background: url(../images/top_banner.webp) center center no-repeat;
        background-size: 100% 100%;
    }
    .products_html .position .center {
        width: calc(100vw - 30px);
    }
    .products_html .position .center .left {
        font-size: 18px;
        line-height: 30px;
        margin-left: 5px;
        padding-top: 10px;
        width: 100%;
    }
    .products_html .position .center .right{
        float: left;
        font-size: 14px;
        line-height: 30px;
        width: 100%;
    }
    .products_html .position .center .right img {
        margin: 8px 8px 0 5px;
    }
    .products_html .position .center .right p{
        width: calc(100% - 30px);
        overflow:hidden; 
        text-overflow:ellipsis;
        display:-webkit-box; 
        -webkit-box-orient:vertical;
        -webkit-line-clamp:1;
    }
    .contact_html .position{
        padding-top: 76px;
    }
    .product_html .products .right .product_img {
        width: 170px;
        float: unset;
        margin: auto;
    }
    .product_html .products .right .jianjie_xq{
        width: 100%;
        margin-top: 8px;
    }
    .product_html .products .right .jianjie_xq .name {
        font-size: 18px;
        line-height: 45px;
        padding-top: 10px;
    }
    .product_html .products .right .jianjie_xq .xq {
        font-size: 16px;
        line-height: 35px;
        padding-top: 5px;
    }
    .product_html .tabs .tab-links a {
        font-size: 16px;
        line-height: 22px;
        padding: 12px 0;
    }
    .product_html .xuanxiangka {
        padding-top: 110px;
    }
    .product_html .tabs .tab-content {
        padding: 22px 15px 22px 15px;
    }
    .product_html .tabs .tab-content .text{
        min-height: auto;
        line-height: 24px;
    }
    .product_html .products .right .jianjie_xq .button_position {
        top: 315px;
    }
    .product_html .products .right .jianjie_xq .button_position .button {
        width: 100px;
        height: 42px;
        line-height: 42px;
        border-radius: 42px;
        font-size: 14px;
    }
    .product_html .consult .title {
        padding-left: 10px;
        margin-top: 24px;
    }
    .product_html .consult .title .p2 {
        font-size: 18px;
        line-height: 24px;
    }
    .product_html .consult .title .required {
        font-size: 10px;
        line-height: 36px;
        right: 28px;
        top: -4px;
    }
    .product_html .consult .input input {
        width: calc(100% - 30px);
        padding: 0 15px;
        margin-bottom: 14px;
        line-height: 45px;
    }
    .product_html .consult .input select {
        width: 100%;
        padding: 0 15px;
        margin-bottom: 14px;
        color: #333333;
        line-height: 45px;
        height: 45px;
    }
    .contact_html .contact_block .center {
        width: calc(100vw - 30px);
    }
    .contact_html .contact_block .left {
        width: 100%;
    }
    .contact_html .contact_block .center .right {
        width: 100%;
    }
    .ditu {
        height: 300px;
    }
    .contact_html .contact_block .left .h3 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 6px;
        padding-top: 0px;
    }
    .contact_html .contact_block {
        padding-top: 0;
    }
    .contact_html .contact_block .left .p {
        font-size: 16px;
        line-height: 26px;
    }
    .contact_html .contact_block .left .contact .p2 {
        font-size: 16px;
        line-height: 24px;
    }
    .contact_html .contact_block .left .contact .p1 {
        font-size: 16px;
    }
    .news_html .right .meitiao .fadeInRight {
        padding: 15px 10px 15px 10px;
    }
    .news_html .right .meitiao .fadeInRight .img{
        width: 100%;
        border-radius: 5px;
    }
    .news_html .right .meitiao .fadeInRight .news_text{
        width: 100%;
        margin-left: 0;
    }
    .news_html .meitiao .title {
        padding-top: 10px;
        font-size: 16px;
        line-height: 42px;
    }
    .news_html .right .meitiao {
        margin-bottom: 20px;
    }
    .news_html .right {
        padding-top: 2px;
    }
    .new_html .center .right {
        width: calc(100% - 20px);
        padding: 15px 15px 0 15px;
        margin-top: 0;
    }
    .new_html .center .right .h3 {
        font-size: 18px;
        line-height: 26px;
    }
    .new_html .center .right .text p {
        font-size: 16px;
        line-height: 26px;
        margin: 5px 0;
    }
    .new_html .center .right .text img {
        margin: 10px 0;
    }
    .new_html .center .right .date {
        font-size: 15px;
        line-height: 42px;
        padding-left: 10px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .new_html .button {
        padding: 24px 0 30px;
    }
    .new_html .button a {
        width: 100%;
        margin-bottom: 10px;
    }
    .new_html .button a p {
        width: calc(100% - 80px);
    }
    .shouji_top_phone{
        display: block;
    }
    .service_html .shouji_top_phone{
        background: url(../images/service_banner.webp) center center no-repeat;
        height: 270px;
        background-size: 100% 100%;
    }
    .about_html .shouji_top_phone{
        background: url(../images/about_banner.webp) center center no-repeat;
        height: 270px;
        background-size: 100% 100%;
    }
    .service_html .top_banner{
        width: calc(100% - 30px);
        margin: auto;
    }
    .service_html .top_banner .h1 {
        font-size: 22px;
        line-height: 30px;
    }
    .service_html .top_banner .h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .service_html .top_banner {
        padding-top: 105px;
    }
    .service_html .page {
        padding-top: 0;
    }
    .service_html .page .list .center {
        width: calc(100vw - 30px);
        padding: 25px 0 30px 0;
    }
    .service_html .page .list .right {
        width: 100%;
        border-radius: 10px;
    }
    .service_html .page .list .left{
        width: 100%;
        padding-top: 20px;
    }
    .service_html .page .list .left .h4 {
        font-size: 20px;
        line-height: 28px;
    }
    .service_html .page .advantage .h3 {
        font-size: 22px;
        line-height: 60px;
        padding-top: 10px;
    }
    .service_html .page .get_started_today .h3 {
        font-size: 22px;
        line-height: 60px;
        padding-top: 10px;
    }
    .service_html .advantage .center {
        width: calc(100vw - 30px);
    }
    .service_html .page .advantage .product_img {
        width: calc(100% - 20px);
        height: auto;
        padding: 15px 10px 20px 10px;
        float: unset;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .service_html .page .advantage .product_img img{
        margin: auto;
        margin-bottom: 10px;
    }
    .service_html .page .advantage .product_img .text {
        line-height: 28px;
    }
    .service_html .page .advantage .swiper-container {
        padding-bottom: 50px;
    }
    .service_html .page .get_started_today {
        margin-top: 30px;
        height: auto;
    }
    .service_html .page .get_started_today .icon{
        width: calc(100vw - 30px);
        margin: auto;
        padding: 10px 0 30px 0;
    }
    .service_html .page .get_started_today .icon .float_l img {
        width: 50px;
        height: 50px;
        border-radius: 50px;
        margin-bottom: 16px;
    }
    .service_html .page .get_started_today .icon p {
        font-size: 14px;
    }
    .about_html .about_bj .center {
        width: calc(100vw - 30px);
        margin: auto;
    }
    .about_html .about {
        padding-top: 20px;
    }
    .about .center .left .title {
        font-size: 18px;
        width: 100%;
        padding: 0 0 0 0;
        text-align: center;
        line-height: 50px;
        margin-bottom: 10px;
    }
    .about_html .about .center .left .title{
        padding-top: 0;
    }
    .about_html .about2 .img{
        width: 100%;
    }
    .about_html .about2 .center .right{
        position: relative;
        width: 100%;
        padding-bottom: 26px;
    }
    .about_html .about2 .center .right .title{
        font-size: 18px;
        width: 100%;
        padding: 0 0 0 0;
        text-align: center;
        line-height: 50px;
        margin-bottom: 10px;
    }
    .about_html .about2 .center .right .text{
        margin-left: 15px;
        width: calc(100% - 30px);
        margin-top: -16px;
    }
    .about_html .about2 {
        padding-top: 15px;
        padding-bottom: 32px;
        margin-bottom: 0;
    }
    .about_html .hezuo .h3 {
        font-size: 22px;
        line-height: 60px;
        padding-top: 10px;
    }
    .about_html .hezuo .text .float_l {
        height: auto;
        width: calc(100% - 24px);
        padding: 0 12px 10px 12px;
        border-left: solid 1px #cbc9c8;
        border-top: none;
    }
    .about_html .hezuo .text .float_l:nth-child(1){
        border-top: solid 1px #cbc9c8;
    }
    .about_html .hezuo .text {
        padding: 0 15px;
        width: calc(100vw - 32px);
    }
    .about_html .hezuo .text .float_l .h4 {
        font-size: 18px;
        line-height: 22px;
        padding: 16px 0 10px 0;
    }
    .about_html .hezuo .text .float_l .h6 {
        font-size: 15px;
        color: #eaeef3;
        line-height: 22px;
    }
    .about_html .hezuo .center{
        height: auto;
        padding-bottom: 52px;
        /* background: #666; */
        background-size: auto 100%;
    }
    .about_html .team .h3{
        font-size: 22px;
        line-height: 60px;
        padding-top: 10px;
    }
    .about_html .team .h6{
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 32px;
    }
    .about_html .team .center{
        width: calc(100vw - 30px);
    }
    .about_html .team .icon .float_l {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .about_html .team .icon .float_l .zhezhao p:nth-child(1) {
        font-size: 20px;
        line-height: 32px;
        padding-top: 85px;
    }
    .about_html .team .icon {
        padding-bottom: 20px;
    }
    
    .new_html .center .right .text img{max-width:100%;
        height: auto!important;
    }
    .new_html .center .right{
        padding: 15px 0 15px 0;
    }
    .tuwentuwen .img img{display:block; width:100%; max-width:100%; margin:15px auto;}
    .tuwentuwen .center .right{position: relative;}
    .tuwentuwen .center .right .title {
    padding: 5% 0 0 0px;
}
.product_html .tabs .tab-content .text{
    margin:  15px 0 0 0px;
    
}
.tuwentuwen .img{
    width: 100%;
    max-width: 100%;
}
.tuwentuwen
{padding-bottom:0px;
padding-top:0;
}
.product_html .tabs .tab-links a{min-height:66px;}
.product_html .products .right .product_img{width:100%;}
.product_html .products .right .product_img img{width:100%; max-width:100%; height:auto;}
.product_html .xuanxiangka{margin-top: 0; padding-top: 10px;}
.product_html .products .right .jianjie_xq .button_position{position:relative; top:0;}

.service_html .page .factory .h3{font-size:24px!important; line-height:30px!important;}
.service_html .page .certificates .h3{font-size:24px!important; line-height:30px!important;}

.about_bj{margin-top:68px;}

.new_html .center .right{margin-top:0!important;}

}