.warpper{
  width:80%;
  margin:0 auto;
  position: relative;
}
@media (max-width: 1600px) {
    .warpper {
        width: 100%;
        padding:0 4%;
    }
}

@media (max-width: 1200px) {
    .warpper_min {
        width: 100%;
        padding:0 4%;
    }
}
@media (max-width: 1600px) and (min-width: 1400px){
    .swiper-banner .banner-text .t2{
        font-size: 50px;
    }
    .swiper-banner .banner-text .banner-quan{
        top: -35px;
        left: -53px;
        width: 105px;
    }
    .swiper-banner .banner-text1 {
        top: 33%;
    }
    .swiper-banner .banner-text2{
        padding-left: 15%;
    }
    .swiper-banner .banner-text3{
        padding-left: 15%;
    }
    .screen_com .yuan{
        width: 600px;
        height: 600px;
    }
    .alltbox .fir{
        font-size:50px;
    }
    .alltbox .sec{
        font-size: 35px;
    }
    .allnewslist a{
        padding: 2% 2.5%;
    }
    .allnewslist a .imgbox{
        width: 210px;
        height: 133px;
    }
    .allnewslist a .text{
        padding: 0 10% 0 4%;
    }
    .allnewslist a .text .fir{
        font-size: 20px;
    }
    .allnewslist a .text .sec{
        margin: 2% 0;
    }
    .allnewslist a .text .icon{
        right: 1%;
    }
    .screen_news .news_type{
        height: 357px;
    }
    .screen_news .news_type a i{
        height: 84px;
        top: 24px;
    }
    .screen_news .alltbox{
        margin-bottom: 3%;
    }
    .screen_hezuo .hezuo_icon{
        height: 321px;
        margin-top: 5%;
    }
    .screen_hezuo .hezuo_icon ul{
        width: 95%;
    }
    .screen_hezuo .hezuo_icon ul:nth-child(odd) {
        width: 78%;
    }
    .screen_hezuo .hezuo_icon ul li {
        width: 110px;
        height: 110px;
    }
    .screen_hezuo .hezuo_icon .guang{
        width: 92%;
        top: -24%;
    }
    .screen_hezuo .alltbox {
        margin-top: 3%;
    }
    .footerbox .right .list{
        padding: 7.2% 0;
    }
    .footerbox .right .list .imgbox{
        width: 85px;
        height: 85px;
        margin: 6% auto 0 auto;
    }
    .nav_menu_daohang .nav_logo{
        width: 95px;
    }
    .navmenu_btn{
        height: 35px;
        width: 100%;
    }
    .navmenu_btn .text {
        font-size: 14px;
    }
    .nav_menu ul li .fir{
        font-size: 20px;
        margin-bottom: 16px;
    }
    .nav_menu ul li .abox a{
        font-size: 16px;
        margin-bottom: 0;
    }
    .nav_menu ul li .icon img{
        height: 38px;
    }
    .nav_menu ul li{
        padding-top: 15%;
    }
    .nav_menu_daohang .btnbox{
        margin-top: 3%;
    }
    .nav_menu_daohang .btnbox a{
        width: 44px;
        height: 44px;
        line-height: 41px;
    }
    .nav_menu ul li .abox a:hover:after {
        width: 57%;
    }
    .screen_hezuo .hezuo_icon ul li .bg img{
        max-width: 73%;
        max-height: 80%;
    }
    .sbanner{
        height: 470px;
    }
    .sbanner .text img{
        width: 40px;
    }
    .sbanner .text .fir {
        font-size: 34px;
        margin: 2% 0 0.5% 0;
    }
    .sbanner .text .sec {
        font-size: 24px;
        margin-bottom: 2.5%;
    }

}

@media (max-width: 1400px) and (min-width: 1200px){
    .swiper-banner .banner-text .t1{
        font-size: 24px;
    }
    .swiper-banner .banner-text .t2{
        font-size: 40px;
    }
    .swiper-banner .banner-text .banner-quan{
        top: -35px;
        left: -53px;
        width: 105px;
    }
    .swiper-banner .banner-text1 {
        top: 33%;
    }
    .swiper-banner .banner-text2{
        padding-left: 15%;
    }
    .swiper-banner .banner-text3{
        padding-left: 15%;
    }
    .allnav .nav_logo{
        width: 101px;
    }
    .nav_btn .text {
        font-size: 16px;
    }

    .allnav .lang{
        width: 40px;
        height: 40px;
        line-height: 34px;
    }
    .screen_com .left .com_des{
        font-size: 16px;
        line-height: 25px;
    }
    .allmore{
        width: 140px;
        height: 40px;
    }
    .screen_com .moivebox{
        height: 76px;
        width: 583px;
    }
    .screen_com .moivebox span{
        font-size: 18px;
    }
    .screen_com .moivebox .btn{
        width: 50px;
        height: 50px;
    }
    .screen_com .yuan{
        width: 496px;
        height: 496px;
    }
    .alltbox .fir{
        font-size:38px;
    }
    .alltbox .sec{
        font-size: 30px;
    }
    .screen_product .pro_type .list{
        height: 88px;
    }
    .screen_product .pro_type .list a .text .fir {
        font-size: 18px;
    }
    .screen_product .pro_type .list a .icon{
        width: 40px;
        height: 40px;
    }
    .allnewslist a{
        padding: 2% 2.5%;
    }
    .allnewslist a .imgbox{
        width: 166px;
        height: 106px;
    }
    .allnewslist a .text{
        padding: 0 10% 0 4%;
    }
    .allnewslist a .text .fir{
        font-size: 18px;
    }
    .allnewslist a .text .sec{
        margin: 1% 0;
        line-height: 21px;
    }
    .allnewslist a .text .icon{
        right: 1%;
    }
    .screen_news .news_type{
        height: 357px;
    }
    .screen_news .news_type a i{
        height: 84px;
        top: 24px;
    }
    .screen_news .alltbox{
        margin-bottom: 3%;
    }
    .screen_hezuo .hezuo_icon{
        height:278px;
        margin-top: 5%;
    }
    .screen_hezuo .hezuo_icon ul{
        width: 60%;
    }
    .screen_hezuo .hezuo_icon ul:nth-child(odd) {
        width: 50%;
    }
    .screen_hezuo .hezuo_icon ul li {
        width: 77px;
        height: 77px;
    }
    .screen_hezuo .hezuo_icon .guang{
        width:73%;
        top: -24%;
    }
    .footerbox .left .lxbox .list .text .sec{
        font-size: 15px;
    }
    .copy{
        font-size: 14px;
    }
    .ce_menu{
        width: 97px;
        height: 276px;
        right: 17px;
    }
    .ce_menu .list{
        width: 60px;
        height: 70px;
        padding-top: 17px;
    }
    .ce_menu .list .icon img{
        width: 18px;
    }
    .ce_menu .list p{
        margin-top: 3px;
    }
    .screen_hezuo .alltbox {
        margin-top: 3%;
    }
    .footerbox .right .list{
        padding: 4.2% 0;
    }
    .footerbox .right .list .imgbox{
        width: 85px;
        height: 85px;
        margin: 6% auto 0 auto;
    }
    .nav_menu_daohang .nav_logo{
        width: 95px;
    }
    .navmenu_btn{
        height: 35px;
        width: 100%;
    }
    .navmenu_btn .text {
        font-size: 14px;
    }
    .nav_menu ul li .fir{
        font-size: 20px;
        margin-bottom: 16px;
    }
    .nav_menu ul li .abox a{
        font-size: 16px;
        margin-bottom: 0;
    }
    .nav_menu ul li .icon img{
        height: 38px;
    }
    .nav_menu ul li{
        padding-top: 27%;
    }
    .nav_menu_daohang .btnbox{
        margin-top: 3%;
    }
    .nav_menu_daohang .btnbox a{
        width: 44px;
        height: 44px;
        line-height: 41px;
    }
    .nav_menu ul li .abox a:hover:after {
        width: 57%;
    }
    .screen_hezuo .hezuo_icon ul li .bg img{
        max-width: 73%;
        max-height: 80%;
    }
    .footerbox .left{
        padding: 65px 0 50px 4%;
    }
    .footerbox .right{
        padding: 65px 0 50px 4%;
    }


    .sbanner{
        height: 550px;
    }
    .sbanner .text{
        top: 21%;
    }
    .sbanner .text .fir{
        font-size: 36px;
        margin: 3% 0 0.5% 0;
    }
    .sbanner .text .sec {
        font-size: 24px;
    }

    .inner-pro-item .list .title{
        font-size: 24px;
    }
    .allcrumbs .right{
        font-size: 16px;
    }
    .prodesbox .tbox .s1{
        font-size: 31px;
    }
    .proPage .page-a{
        font-size: 16px;
    }
    .allinnertitle .sec{
        font-size: 36px;
    }
    .allinnertitle .fir{
        font-size: 50px;
    }
    .inner-rencai-sec .item .list{
        height: 204px;
    }
    .history .item .left{
        font-size: 50px;
    }
    .inner-honor-item .list .imgbox{
        height: 370px;
    }

}
@media (max-width: 1200px) {
	.screen_product .pro_type .list {
		width: 50%;
   }
}


@media (max-width: 768px) {
    .swiper-banner .banner-text{
        padding-right: 5%;
    }
    .swiper-banner .banner-text1 {
        top: 40%;
    }
    .swiper-banner .banner-text .t1{
        font-size: 16px;
        margin-bottom: 7px;
        padding-left: 3px;
        letter-spacing: 11px;
    }
    .swiper-banner .banner-text .t2{
        font-size: 22px;
        line-height: 30px;
    }
    .swiper-banner .banner-text .banner-quan{
        top: -13px;
        left: -22px;
        width: 38px;
    }
    .swiper-banner .banner-text2{
        padding-left: 11%;
        top: 41%;
    }
    .swiper-banner .banner-text3{
        padding-left: 15%;
        top: 39%;
    }



    .alllogo img {
        width: 71px;
    }
    .allmenubtn .langre{
        width: 40px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #fff;
    }
    .sm-button-xian{
        width: 18px;
        height: 15px;
    }
    .sm-button-xian span.lin-cent{
        top: 7px;
    }
    .allmenubtn{
        width: 150px;
    }

    .screen_com>.warpper{
        display: block;
    }
    .screen_com .left{
        width: 100%;
        padding-left:0;
        float: none;
    }
    .screen_com .yuan{s
        float: none;
        width: 300px;
        height: 300px;
        margin: 8% auto 0 auto;
    }
    .screen_com .left .com_des{
        font-size: 14px;
        line-height: 24px;
    }
    .alltbox .fir{
       /* font-size: 40px;*/
    }
    .alltbox .sec{
        /*font-size: 24px;*/
    }
    .allmore{
        width: 140px;
        height: 39px;
    }
    .allmore .text span{
        font-size: 14px;
    }

    .screen_product .pro_type .list{
        width: 50%;
        height: 100px;
    }
    .screen_product .pro_type .list:nth-child(2):after{
        display: none;
    }
    .screen_product .pro_type .list a .text .sec{
        display: none;
    }

    .swiperbody{
        height: inherit;
    }
    .swiperbody>.swiper-wrapper{
        height: inherit;
    }
    .swiperbody>.swiper-wrapper>.swiper-slide.screen_banner {
        height: 79vw;
    }
    .loading{
        width: 30px;
        height: 30px;
    }
    .loading .left, .loading .right{
        width: 15px;
        height: 30px;
    }
    .loading .left:after, .loading .right:after{
        width: 15px;
        height: 30px;
    }
    .loading .c-progress{
        top: 10px;
        left: 10px;
        width: 6px;
        height: 6px;
    }

    .swiperbody>.swiper-wrapper>.swiper-slide.screen_com  {
        height: 180vw;
    }

    .swiperbody>.swiper-wrapper>.swiper-slide.screen_product   {
        height: 128vw;
        display: block;
        background: url("../images/2f05553650ed7a9530bf4b09dd7b0dea_mobile.jpg?v=4") no-repeat center / cover;
    }
    .screen_product .swiper-probg1{
        display: none;
    }

    .screen_product .pro_type .list a{
        display: block;
        text-align:center;
        padding-top: 9%;
    }
    .screen_product .pro_type .list a .icon{
        width: 35px;
        height: 35px;
        margin:0 auto;
    }
    .screen_product .pro_type .list a .text .fir {
        font-size: 16px;
        margin-top: 6%;
    }
    .screen_product .pro_btn{
        bottom: -125px;
        width: 218px;
        height: 218px;
    }
    .screen_product .prolist_item .item .list .box1 .tags{
        height: 65px;
        width: 65px;
    }
    .screen_product .prolist_item .item .list .box1 .tags-inner img{
        max-width: 53%;
    }
    .screen_product .prolist_item .item .list .box1 .tags:after{
        width: 112px;
    }
    .screen_product .slider-inner{
        display: block;
    }
    .screen_product .alltbox{
        /*margin-top: 16%;*/
        margin-bottom: 10%;
    }
    .screen_product .prolist_item {
        margin-top: 10%;
        display: none;
    }

    .swiperbody>.swiper-wrapper>.swiper-slide.screen_news{
        height:141vw;
    }
    .screen_news .news_type{
        width: 100%;
        float: none;
        display: block;
        height: auto;
        position: relative;
        text-align:center;
        margin: 13% 0 4% 0;
    }
    .screen_news .news_item{
        width: 100%;
        float: none;
    }
    .allnewslist a .imgbox{
        display: none;
    }
    .allnewslist a .text{
        width: 100%;
        padding: 0;
    }
    .screen_news .news_type a{
        display: inline-block;
        font-size: 16px;
        padding-left: 32px;
    }
    .screen_news .news_type a i{
        display: none;
    }
    .screen_news .news_type a:before{
        left: 10px;
    }
    .screen_product .pro_type{
        background: rgb(0 0 0 / 25%);
        border-bottom:none;
    }
    .allnewslist a .text .icon{
        display: none;
    }
    .allnewslist a .text .fir{
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        white-space: break-spaces;
    }
    .allnewslist a .text .sec{
        font-size: 14px;
        line-height: 24px;
    }

    .footerbox .left{
        float: none;
        width: 100%;
        display: block;
        padding:9% 0 0% 0;
        display: none;
    }
    .footerbox .left .list{
        display: inline-block;
        width: 32%;
    }
    .footerbox .right{
        width: 100%;
        float: none;
        padding: 0;
        border-left: none;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 6%;
    }
    .footerbox .right .erbox{
        margin-top: 0;
    }
    .footerbox .right .erbox .text{
        display: none;
    }
    .footerbox .left .list .abox{
        display: none;
    }
    .footerbox .tbox .fir {
        font-size: 16px;
    }
    .footerbox .right .lxbox a{
        font-size: 16px;
        margin-bottom: 3%;
    }
    .footerbox .right .erbox .imgbox{
        width: 93px;
    }
    .copy{
        margin-top: 5%;
        font-size: 14px;
        line-height: inherit;
        padding: 5% 0;
        text-align: center;
    }
    .copy .r {
        float: none;
    }
    .screen_product .pro_type .list:after{
        background: rgb(255 255 255 / 25%);
        height: 49px;
    }

    .nav_menu ul li{
        width: 100%;
        height: auto;
        border-right:none;
        padding-top: 0;
    }
    .nav_menu ul li .icon img{
        width: 24px;
    }
    .nav_menu ul li .fir{
        font-size: 18px;
    }
    .nav_menu ul li .fir{
        margin-bottom: 10px;
    }
    .nav_menu ul li .abox a{
        font-size:14px;
        display: inline-block;
        line-height: inherit;
        margin-bottom: 1%;
        margin-right: 10px;
    }
    .nav_menu ul li .icon {
        display: none;
    }
    .nav_menu ul{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 35% 10%;
        justify-content: space-between;
        flex-direction: column;
    }
    .nav_menu ul li .inner{
        text-align:left;
    }
    .nav_menu ul li .abox a i{
        display: none;
    }
    .swiper-pagination-banner{
        text-align:center;
    }
    .sbanner .text img{
        width: 30px;
    }
    .sbanner .text .fir {
        font-size: 22px;
        margin: 2% 0 0.5% 0;
    }
    .sbanner .text .sec{
        font-size:14px;
    }
    .sbanner{
        height: 303px;
    }
    .allcrumbs .left {
        display: none;
    }
    .allcrumbs .right{
        font-size: 14px;
        padding-left: 28px;
        background-size: 19px;
    }
    .allcrumbs{
        line-height: 45px;
        display: none;
    }
    .sbanner .text{
        top: 39%;
    }
    .allinnertitle .fir{
        font-size:26px;
    }
    .allinnertitle .sec{
        font-size: 22px;
        margin-top: -22px;
        color: #066bbf;
    }
    .inner-company-thr .cslist .left{
        float: none;
        margin:0 auto;
        width: 185px;
    }
    .allinnertitle {
        margin-bottom: 22px;
    }
    .inner-company-thr .cslist .left .imgbox{
        height: 185px;
        border-radius: 100%;
    }
    .inner-company-thr .cslist .left .des{
        font-size: 18px;
        color: #066bbf;
    }
    .inner-company-thr .cslist .center{
        width: 100%;
        margin-left:0;
        font-size: 15px;
        line-height: 26px;
        margin-top: 5%;
    }
    .inner-company-thr .cslist .center p{
        margin-bottom: 3%;
    }
    .inner-company-thr .cslist .right{
        width: 100%;
        height: 214px;
    }
    .inner-company-thr .cslist .right .inner{
        font-size: 15px;
    }
    .des_con{
        font-size: 15px;
        line-height: 26px;
    }
    .inner-company-sec .item{
        height: auto;
    }
    .inner-company-sec .item .left{
        width: 100%;
        height: 184px;
    }
    .inner-company-sec .item .right{
        width: 100%;
        height: 381px;
        margin-top: 5px;
    }
    .inner-company-sec .item .title{
        padding-left: 30px;
        font-size: 20px;
    }
    .inner-company-sec .item .left .title{
        text-align: right;
        padding-left: 0;
        padding-right: 27px;
    }
    .inner-company-four .swiper-slide .imgbox{
        height: 170px;
    }
    .inner-company-four .but{
        width: 36px;
        height: 36px;
    }
    .inner-company-four .but:after {
        font-size: 16px;
    }
    .inner-padding {
        padding: 10% 0;
    }
    .history {
        padding: 0;
    }
    .history .item .left{
        width: 60px;
        font-size: 20px;
    }
    .history .item .right{
        width: calc(100% - 60px);
    }
    .history .item .right .list .des{
        font-size: 15px;
        line-height: 17px;
    }
    .history .item .right .list .yue{
        font-size: 12px;
        line-height: inherit;
        padding: 10px 5px;
        text-align: center;
        background: linear-gradient(
                -127deg, #009fe8 0%, #1e7ac6 100%);
    }
    .history .item .right .list{
        min-height: 88px;
    }
    .history .item .right .list:before{
        left: -10%;
        width: 7px;
        height: 7px;
    }
    .history .item .right:before{
        height: 0;
    }
    .inner-cultre-fir .item{
        flex-wrap: wrap;
    }
    .inner-cultre-fir .item .list{
        margin-bottom: 8%;
        width: 100%;
        height: 250px;
    }
    .inner-cultre-fir .item .list .text{
        padding: 0 7%;
        top: 26%;
    }
    .inner-cultre-fir .item .list .text .icon{
        width: 60px;
        height: 60px;
    }
    .inner-cultre-fir .item .list .text .icon{
        max-width: 49%;
        max-height: 47%;
    }
    .inner-cultre-fir .item .list .text .title{
        margin: 5% 0 3% 0;
        font-size: 20px;
    }
    .inner-cultre-fir .item .list .text .des{
        font-size: 16px;
        line-height: 25px;
    }
    .inner-cultre-fir .item .list .pic{
        right: 5%;
        bottom: 5%;
    }
    .inner-cultre-fir .item .list .pic img{
        width: 100px;
    }
    .inner-cultre-sec .item{
        flex-wrap: wrap;
    }
    .inner-cultre-sec .item .list{
        width: 100%;
        padding:5% 5%;
        margin-bottom: 5%;
    }
    .inner-cultre-sec .item .list .shu{
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 22px;
        top: 6%;
        right: 6%;
    }
    .inner-pointer-item .item .list{
        width: 48.5%;
        margin-right: 1.5%;
    }
    .inner-pointer-item .item .list .imgbox{
        height: 123px;
    }
    .inner-pointer-item .item .list .imgbox img{
        max-width: 69%;
        max-height: 69%;
    }
    .inner-pointer-item .item .list .title{
        line-height: 50px;
        width: 90%;
    }
    .inner-pro-item{
        flex-wrap: wrap;
    }
    .inner-pro-item .list{
        width: 100%;
        margin-bottom: 4%;
        height: 226px;
    }
    .inner-pro-item .list .title{
        font-size: 18px;
        margin: 8% 0 4% 0;
    }
    .prodesbox .tbox .s2{
        width: 125px;
        line-height: 40px;
        height: 40px;
        font-size: 16px;
        margin: 5% auto 5% auto;
    }
    .prodesbox .tbox .s1{
        font-size: 22px;
    }
    .prodesbox .tbox{
        display:block;
        text-align:center;
    }
    .descontent{
        font-size: 15px;
    }
    .descontent table tr td{
        font-size: 13px;
    }
    .prodescontent strong{
        margin-bottom: 2%;
        background: linear-gradient(
                to right, #009fe8 0%, #1e7ac6 100%);
    }
    .proPage{
        display: block;
        padding: 5% 2%;
        height: auto;
    }
    .proPage .page-a{
        max-width: 100%;
        line-height: 35px;
        font-size: 14px;
        border-radius: 0;
        margin: 2% 0;
    }
    .inner-news .prodesbox .tbox .s1 {
        font-size: 20px;
        line-height: inherit;
    }
    .newsdescontent img {
        max-width: 100%;
    }
    .inner-news .proPage .page-a {
        font-size: 14px;
        max-width: 100%;
    }
    .descontent p{
        line-height: 23px!important;
    }
    .inner-rencai-fir .rencaibg1 .list span{
        font-size: 16px;
    }
    .inner-rencai-fir .rencaibg1 .list img {
        margin-right: 13px;
        WIDTH: 30px;
    }
    .inner-rencai-fir .rencaibg1{
        padding: 5%;
        height: 275px;
        background: url(../img/rencaibg1.jpg) no-repeat center right 69%;
    }
    .inner-rencai-fir .item{
        flex-wrap: wrap;
    }
    .inner-rencai-fir .item .item-list{
        width: 100%;
    }
    .inner-rencai-fir .item .item-list .title{
        font-size: 18px;
    }
    .inner-rencai-fir .item .item-list .inner{
        padding: 0 10%;
    }
    .inner-rencai-fir .item .item-list .des{
        font-size: 14px;
        line-height: 26px;
    }
    .allinnertitle .thr{
        font-size: 14px;
    }
    .inner-rencai-sec .item .list{
        width: 100%;
        height: 128px;
        margin-bottom: 2%;
    }
    .inner-rencai-sec .item .list .text .title{
        font-size: 18px;
    }
    .inner-rencai-sec .item .list .text .des{
        font-size: 15px;
        margin-top: 2%;
    }
    .inner-rencai-sec .item .list .imgbox{
        width: 74px;
        height: 74px;
    }
    .inner-rencai-sec .item .list .text {
        width: calc(100% - 81px);
        padding-left: 4%;
    }
    .inner-zhaoping-item .listbox .liebiao .title.s6{
        display: none;
    }
    .inner-zhaoping-item .listbox .tbox{
        font-size: 14px;
        line-height: 52px;
        background: #009fe8;
    }
    .de-page-mian .page-inner a.active, .de-page-mian .page-inner a:hover {
        color: #fff;
        border-color: #009fe8;
        background: #009fe8;
    }
    .inner-zhaoping-item .listbox .liebiao .title{
        width: 20%;
    }
    .inner-zhaoping-item .listbox .liebiao .title:nth-child(1){
        width: 20%;
    }
    .inner-zhaoping-item .listbox .conbox .title{
        font-size: 12px;
        padding: 5% 0;
        line-height: inherit;
    }
    .inner-zhaoping-item .listbox .list .desbox .inner{
        font-size: 13px;
        line-height: 23px;
    }
    .inner-zhaoping-item .listbox .list .desbox .emailbox{
        display: block;
        height: auto;
        padding: 5%;
        background: #009fe8;
    }
    .inner-zhaoping-item .listbox .conbox.active .title, .inner-zhaoping-item .listbox .conbox:hover .title {
        color: #009fe8;
    }
    .inner-zhaoping-item .listbox .list .desbox .emailbox span{
        width: 100%;
        text-align: left;
        line-height: inherit;
        border-right: none;
        font-size: 15px;
        padding:0;
        margin-bottom: 2%;
        font-weight: bold;
    }
    .inner-zhaoping-item .listbox .list .desbox .emailbox .text{
        width: 100%;
        padding-left: 0;
        font-size: 14px;
        font-weight: 500;
    }
    .lxconbox .lxbox{
        width: 100%;
        padding-right: 0;
        margin-bottom: 5%;
    }
    .lxconbox .map1{
        width: 100%;
        height: 200px;
    }
    .lxconbox .lxbox .list .icon{
        width: 45px;
        height: 45px;
    }
    .lxconbox .lxbox .list .icon img{
        max-width: 40%;
        max-height: 49%;
    }
    .lxconbox .lxbox .list .text{
        padding-left: 5%;
        width: calc(100% - 45px);
    }
    .lxconbox .lxbox .list .text .fir{
        font-size: 16px;
        color: #066bbf;
    }
    .otherlx-type .title.active {
        background: linear-gradient( to right, #009fe8 0%, #1e7ac6 100%);
    }
    .lxconbox .lxbox .list .text .sec{
        font-size: 15px;
        margin-top: 0;
    }
    .lxconbox .lxbox .list{
        margin-bottom: 6%;
    }
    .otherlx-type .title{
        width: 33.33%;
        line-height: 45px;
        font-size: 12px;
    }
    .otherlx .item{
        height: 300px;
    }
    .mesbox textarea{
        height: 115px;
    }
    .mesbox .inputflex .inputbox input{
        line-height: 53px;
    }
    .mesbox .inputflex .inputbox{
        margin-top: 10px;
        width: 100%;
    }
    .mesbox .inputflex .inputbox .verify{
        height: 53px;
    }
    .mesbox .inputflex .inputbox .submit{
        line-height: 53px;
        font-size: 18px;
        background: linear-gradient( to right, #009fe8 0%, #1e7ac6 100%);
    }
    .small_sieder{
        display: block;
    }
    .inner-cultre-sec .item .list .title{
        font-size: 20px;
        margin-bottom: 4%;
    }
    .swiperbody>.swiper-wrapper>.swiper-slide.screen_banner_fir{
        display: none;
    }
    .swiperbody>.swiper-wrapper>.swiper-slide.screen_banner_sec{
        display: block;
    }
    .seartbox .right {
        width: 100%;
    }
    .seartbox .right input[type=text]{
        width: calc(100% - 107px);
    }
    .seartbox .right input[type=submit]{
        width: 107px;
        padding-left: 25px;
        background: #093191 url(../img/sear.png) no-repeat left 10px center;
    }

    .screen_com .left .alltbox {
        text-align: center;
    }
    .screen_com .left .allmore{
        margin:5% auto 0 auto;
    }

    .screen_news .alltbox .sec {
        color: #066bbf;
    }
    .screen_com .left .alltbox .sec {
        color: #066bbf;
    }
    .footerbox{
        background: #009fe8;
    }
    .lizi{
        display: none;
    }
    .inner-pro-item .list .tags{
        height: 70px;
        width: 70px;
        background: linear-gradient(
                -127deg, #009fe8 0%, #1e7ac6 100%);
    }
    .inner-pro-item .list .tags-inner img{
        width: 23px;
    }
    .inner-pro-item .list .more span{
        font-size: 16px;
    }

    .seartbox .right input[type=submit] {
        width: 107px;
        padding-left: 25px;
        background: #009fe8 url(../img/sear.png) no-repeat left 10px center;
    }
    .inner-company-sec .dwdes{
        font-size: 15px;
        line-height: 26px;
    }
}


@media (max-width: 1600px) {
	
	
}
@media (max-width: 1600px) and (min-width: 1400px){
	
	
	
}

@media (max-width: 1400px) and (min-width: 1200px){
	.w1200,.block{ padding-left: 30px; padding-right:30px}
	.technology-advantage-outer .technology-advantage .header-content h2{font-size:55px}
	.technology-advantage-outer .technology-advantage .header-content h3{font-size:24px}
	
	
	
	.about .company-profile .introduce-right h2{font-size:50px;}
    .about .company-profile .introduce-right h3{font-size:22px;}
	
	
	
}
@media (max-width: 1200px) {
	.w1200,.block{padding-left: 30px; padding-right:30px}
	.technology-advantage-outer .technology-advantage .header-content h2{font-size:50px}
	.technology-advantage-outer .technology-advantage .header-content h3{font-size:22px}
	.about .company-profile .introduce-right h2{font-size:35px;}
    .about .company-profile .introduce-right h3{font-size:20px;}
	
	footer .footer-wrapper .center-content .nav-footer .navbar-footer ul.nav>li.menu-item:nth-child(1){width:25%}
	footer .footer-wrapper .center-content .nav-footer .navbar-footer ul.nav>li.menu-item:nth-child(2){width:25%}
	footer .footer-wrapper .center-content .nav-footer .navbar-footer ul.nav>li.menu-item:nth-child(3){width:25%}
	footer .footer-wrapper .center-content .nav-footer .navbar-footer ul.nav>li.menu-item:nth-child(4){width:20%}
    footer .footer-wrapper .center-content .nav-footer .navbar-footer ul.nav > li.menu-item ul.sub-menu li a{ width:100%}
    
	footer .footer-wrapper{width:100%;flex-wrap:wrap;flex-direction:column}
    footer .footer-wrapper .left-content{width:100%;text-align:center;margin-bottom:20px;order:3;justify-content:center}
	footer .footer-wrapper .center-content{transform:none;width:100%;order:2;min-height:unset;padding-top:0px}
	footer .footer-wrapper .right-content{width:100%;order:1; padding:30px 0px 0px; text-align:center;}
	footer .footer-wrapper .right-content .social{ text-align:center;margin-bottom:0px;}
	
}
@media (max-width: 991.98px) {
  	footer .footer-wrapper .center-content .nav-footer .navbar-footer ul.nav>li.menu-item:nth-child(1){width:33.33%}
	footer .footer-wrapper .center-content .nav-footer .navbar-footer ul.nav>li.menu-item:nth-child(2){width:33.33%}
	footer .footer-wrapper .center-content .nav-footer .navbar-footer ul.nav>li.menu-item:nth-child(3){width:33.33%}
	footer .footer-wrapper .center-content .nav-footer .navbar-footer ul.nav>li.menu-item:nth-child(4){width:33.33%}
    footer .footer-wrapper .center-content .nav-footer .navbar-footer ul.nav > li.menu-item ul.sub-menu li a{ width:100%}
}

@media (max-width: 768px) {
	.w1200,.block{ padding-left: 10px; padding-right:10px}
	.technology-advantage-outer .technology-advantage{padding:55px 0}
	.technology-advantage-outer .technology-advantage:first-child{padding-top:0}
	.technology-advantage-outer .technology-advantage:nth-child(2n){margin:0 -10px;padding-left:10px;padding-right:10px}
	.technology-advantage-outer .technology-advantage .header-content{flex-wrap:wrap}
	.technology-advantage .header-content .column-right,.technology-advantage-outer .technology-advantage .header-content .column-left{width:100%}
	.technology-advantage-outer .technology-advantage .column-right{text-align:center}
	.technology-advantage-outer .technology-advantage .header-content h2{font-size:45px}
	.technology-advantage-outer .technology-advantage .header-content h3{font-size:20px}
	.technology-advantage-outer .technology-advantage .header-content p{font-size:16px;margin-top:30px}
	
	.technology-advantage-outer .technology-advantage .huaxuetixi{ margin:30px 0px;}
	
	.technology-advantage-outer .technology-advantage .huaxuetixi h2{font-size:16px}
    .technology-advantage-outer .technology-advantage .huaxuetixi .wp-block-table table td,.technology-advantage-outer .technology-advantage .huaxuetixi .wp-block-table table th{font-size:16px}
	
	.product .wp-block-table table{overflow:auto}
    .product .wp-block-table table{width:1200px}
	
	.about .company-profile .introduce-right {padding-left: 0px;margin-top: 15px;}
	.about .company-profile .introduce-right h2{font-size:33px;}
    .about .company-profile .introduce-right h3{font-size:20px;}
  
.about .about-profile-content {
	margin-top: 30px ;
	margin-bottom: 30px ;
	font-size: 16px;
}
	
	.about .culture{background:#f6f6f6;padding:30px 0 0 0;margin:0 -10px}
	.about .culture .wp-block-column{margin-bottom:30px}
	.about .culture h3{margin-top:30px;color:#009fe8;font-size:22px}
	.about .culture .culture-desc-en{color:#009fe8;font-size:22px;font-weight:700;margin-bottom:15px}
	.about .culture .wp-block-columns{margin-bottom:0}
	.about .culture img{max-width:80%}
	
	.about .yituopingtai{}
	.about .yituopingtai h2{font-size:20px;margin-top:30px}
	.about .yituopingtai .yituopingtai-left{margin-right:auto}
	.about .yituopingtai .yituopingtai-right{margin-left:auto}


    .contact_us .conact-us-right h2{margin-top:15px}
	.contact_us{max-width:1180px;margin:20px 10px}
	.contact_us .conact-us-right{margin-left:0}
	.contact_us .conact-us-left img{max-width:100%;display:block;margin:0 auto}
	.company-profile .wp-block-separator{margin-bottom:30px;display:block;margin:20px 0}
	
	.intellectual_property{margin:20px auto}
	.intellectual_property .column-left{width:100%}
	.intellectual_property .column-right{width:100%}
	.scroll-intellectual{position:relative;margin-top:30px}
	.scroll-intellectual .arrow-left{left:0}
	.scroll-intellectual .arrow-right{right:0}
	.intellectual_left_bottom{border-left:#2ca6df solid 4px;font-size:19px;padding-left:20px;margin-top:20px}
	
	
	.company-news .index-news-box{padding:0 0 50px 0}
	.company-news .news_list li{width:100%;list-style:none;padding:0;margin-bottom:10px}
	.company-news .news_list li .inner{padding:0 10px 0 10px}
   
    .news-content-box .title{font-size:24px}
	.news-content-box .new-content{font-size:18px}
	.news-content-box .new-content p{font-size:18px}
	
	.contact-us-content .cotact-us-item{margin:10px 0;text-align:left}
	
	.join-us-content-inner{padding:10px 0}
	.job-title{display:flex;flex-wrap:wrap}
	.job-title h3{width:100%}
	.select-title{display:none}
	
	.input-outer{margin-bottom:15px}
	.input-outer .input-control{width:96%}
	.input-control{margin-bottom:15px}
	.job-apply-inner{padding:10px 0}

    .scroll-news{margin-top:0px;}
	 
	.product-item{   -webkit-justify-content: center;justify-content: center;}
	.product-item .product-item-left{background:none; width:100%;   -webkit-justify-content: center; justify-content: center;}
	.product-item .product-item-left img{ display:block; margin:0px auto}
	.product-item .product-item-right{width:100%;display:flex;flex-wrap:wrap;-webkit-justify-content: center; justify-content: center;}
	.product-item .product-item-right ul{background:none; width:auto; height:auto;  }
	
	
	.replace .replace-desc{ position:relative;width:100%;}
	.replace .replace-desc .product-item {}
	.replace .replace-desc .product-item .product-item-right{width:100%;}
	.replace .replace-desc .product-item .product-item-left{display:none;  background:none}
	
    .replace img{display:block; margin:0px auto}
	
	.replace .wp-block-image figcaption{text-align:center}
	
	footer .footer-wrapper .center-content{ width:auto; padding-left:3%; padding-right:3%}
	footer .footer-wrapper .center-content .nav-footer .navbar-footer ul.nav>li.menu-item:nth-child(1){width:100%}
	footer .footer-wrapper .center-content .nav-footer .navbar-footer ul.nav>li.menu-item:nth-child(2){width:100%}
	footer .footer-wrapper .center-content .nav-footer .navbar-footer ul.nav>li.menu-item:nth-child(3){width:100%}
	footer .footer-wrapper .center-content .nav-footer .navbar-footer ul.nav>li.menu-item:nth-child(4){width:100%}
    footer .footer-wrapper .center-content .nav-footer .navbar-footer ul.nav > li.menu-item ul.sub-menu li a{ width:100%}

}