@media (max-width:1440px){
#banner_Main h2{    left: 40px; font-size: 50px;
margin-left: 0;}
.bannerin{ left: 40px;
margin-left: 0;}
.banner .swiper-slide dl{ left:50px; margin-left:0; top:100px}
/**********************/
.bodyin{ padding:80px 20px;}
.contact .frtxt {
    padding: 40px;
}
.sloganbg .width{ padding:0 40px;}
.sloganbg h1{ font-size: 60px; padding-top:60px}
.sloganbg figure{ right:40px}
.partner {padding:80px 20px;}
.profr li{padding: 50px 30px 20px;}
/*******about*******/
.history{background-size: 50%;}
.pgresadvcat li:nth-child(1) {
    margin-left: 386px;
}
.pgresadvcat li:nth-child(2) {
    margin-left: 322px;
}
.pgresadvcat li:nth-child(3) {
    margin-left: 217px;
}
.pgresadvcat li:nth-child(4) {
    margin-left: 48px;
}
/*******foot*********/
#footmain{ padding:0 2%;}
/**********首页***********/
.ban-title{left: 0;
    padding: 0 40px;
}
.product{padding:150px 40px}
.about .fr span{padding:70px 70px 60px}
.team{padding:120px 40px}
}
@media (max-width:1030px){
  
    .sloganbg h1 {
        font-size: 50px;

    }
    .contact .frtxt h4 {
        font-size: 20px;
    }
    .contact .flimg {
        width: 56%;}

    .contact .frtxt figure{ width:50%}
    .contact .frtxt h2{ margin-top:50px}
    .profl {
        width: 250px;
        margin-right: 50px;
    }
    .profr{width:calc(100% - 290px)}
    .profr li{ width:46%;    margin: 0 2% 50px;}
    .pro_related li:nth-child(3){ display: none;}
    .floor1 {
        display: block;
    }
    .floor1 .fltxt{width:100%}
.frimg {
    float: right;
    width: 100%;
    padding-bottom: 40px;
    padding-left: 0;
    box-sizing: border-box;
}
.floor1 .fltxt h1.name{ font-size: 46px;} 
.floor1 .fltxt p{min-height:0}
/*****about**********/
.aboutbg{ min-height: 800px;}
.aboutbg p{    max-width: 65%; font-size: 30px;}
.aboutbg p i.about_icon:before,.aboutbg p i.about_icon:after{background-size: 130px;}
/* .aboutbg{ background-size: 70%;} */
/**********首页***********/
.conicon{width:80%}
.left-item,.right{padding:30px}
.left-item i {
    width: 80px;
    margin-right: 50px;
}
.right i {
    width: 80px;}
    .pgnewlis li {
        margin-right: 50px;
    }
.pgnewlis li a h3 {
        font-size: 24px;
    }
    .pgnewlis li a figure{ border-radius: 20px;}
}
@media (max-width:1366px){
    .history{ background-size: 53%;}
    .pgresfr{width:65%}
    .pgresadvinfotxt{padding:0 50px 0 50px}
}
@media (max-width:1280px){
    .history{ background-size: 57%; min-height: 820px;min-height: auto;}
    .pgresadvcat li{padding:25px 10px 25px 80px;font-size: 50px;}
    .pgresadvcat li:before{width:30px;height:30px;}
    .pgresadvinfotxt div{ font-size: 16px;}
}
@media (max-width:1024px){
    .history{background: url(../images/history.png)left -155px top no-repeat; background-size: 60%;}
    .pgresadvcat li{ margin-top:20px;padding:20px 10px 25px 50px}
    .pgresadvcat li:nth-child(4) {
        margin-left: -8px;
    }
    .pgresadvcat li:nth-child(3) {
        margin-left: 162px;
    }
    .pgresadvcat li:nth-child(2) {
        margin-left: 255px;
    }.pgresadvcat li:nth-child(1) {
        margin-left: 319px;
    }
    .pgresadvinfotxt{width:100%; flex:none; float: left; position: unset;}
    .pgresadvinfoimg{width:100%;margin:0; float: left; text-align: center; }
    .pgresadvinfo section{ display: block;}
    .pgresfr{ width:45%; position: relative; margin-top:-100px}
    .pgresadvinfotxt{padding:0;margin-bottom: 20px;}
    .pgresadvinfoimg img{ width:80%}
} 
@media (max-width:800px){
 

  
    .bodyin{ padding:50px 20px;}
    .pgnewslist li figure{width:100%;border-radius: 20px;}
    .news_fr{width:100%;    padding-top: 20px;}
    .pgnewslist li h4 {
        font-size: 20px;
    }
    .articleinfo img {
        max-width: 100%;
        border-radius: 20px;
    }
    .contact{ display: block;}
    .contact .flimg{width: 100%;float: left; margin-bottom: 50px;}
    .contact .frtxt{ padding:40px 0}
    .contact .frtxt h2{ font-size: 22px;}
    .contact .frtxt h4{ font-size: 18px;}
    .mapdiv{ margin-top:50px}
    .sloganbg h1 {
        font-size: 31px;
        padding-top: 0;
    }
    .sloganbg .width {
        padding: 0;min-height: 360px;
    }
    .sloganbg figure{right:40px; width:200px; bottom:0;}
    .partner h2{ font-size: 30px;padding-bottom: 20px;}
    .myform li{ width: 100%; margin-bottom: 20px; margin-right: 0;}
    /* .myform li .btn {
        width: 168px;
        height: 66px;
        background: #348FFD;
        color: #fff;
        border-radius: 18px;
        font-size: 20px;
        margin-top: 30px;
    } */
    /**********产品***********/
    .prodiv {
        display: block;
    }
    .profl{ width:100%;float: left; margin-right: 0;}
    .profr{ width: 100%;float: left; margin-top:40px}
/* .bodyin{ float: left;} */
.profr li {
    width: 100%;
    margin: 0 0 50px;
}.profr li figure{ height: 240px;}

    /******foot*******/

    .foot_nav ul{display: none;}
    .foot_logo{width:100%;}
    .foot_logo figure {
        margin-bottom: 10px;
        /* display: none; */
        max-width: 50%;
    }
    .foot_p{ margin-top:20px; line-height: 1.6;}
    .foot_nav{width:100%;}
    .foot_copy{margin-top:30px; display: block;}
    .foot_copy figure{display: none;}
    .foot_copy text h3{padding-bottom: 10px;}
    /*********about********/
    .partner{ padding:40px 20px;}
    .history{ background-size: 65%; min-height: auto;}
    .pgresadvcat li:nth-child(1) {
        margin-left: 233px;
    }
    .pgresadvcat li{ font-size: 30px; margin-top:0}
    .pgresadvcat li:nth-child(2){margin-left:186px}
    .pgresadvcat li:nth-child(3) {
        margin-left: 114px;
    }
    .flex-logoul li{ height: auto; padding:10px; border-radius: 10px; }

    .aboutbg p i.about_icon:before, .aboutbg p i.about_icon:after{ background-size:100px}
    .aboutbg h3{ font-size: 30px;} 
    .aboutbg {
        min-height: 600px;
    }
    .aboutbg p{max-width:80%; font-size: 22px; }
    .aboutbg p i.about_icon:before, .aboutbg p i.about_icon:after{ background-size: 60px;}
    .aboutbg p i.about_icon:after{width: 60px;
        height: 60px;
        right: 15px;
        bottom: -29px;}
        .aboutbg p i.about_icon:before{width: 60px;
            height: 60px;left: -34px;
            top: -22px;
         }
         .floor1 .fltxt h1.name {
            font-size: 30px;
        }
        .floor1 .fltxt p{ font-size: 20px;}
        .frimg{float: unset;}
/**********首页***********/
.index-banner{min-height: 429px;}
.ban-title{top:150px}
.ban-title h2 {
    font-size: 40px;
}
.ban-title p{
    font-size: 30px;
}
.product {
    padding: 100px 40px;
}

.area ul li{ width: 100%; float: unset; margin-right: 0;}
.area{ float: unset;}
.product h2 {
    color: #fff;
    font-size: 30px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 60px;
}
.area ul li div{height:100px;padding:0 30px}
.area ul li div h3{ padding:20px 0; font-size: 25px;}
.about{padding:100px 0;}
.about .fl{width:100%}
.about .fr h3 {
    font-size: 25px;
}
.about .fr p {
    font-size: 18px;}
    .about .fr span {width:90%;margin:180px 5% 120px; bottom:0;top:500px;
        padding: 40px 40px 30px; box-sizing: border-box; display: block; position: unset;
    }
    .about .fr{width:100%}
    .about .fr figure{ position: unset; margin-left:0; text-align: center; width: 100%; margin-top:30px}
    .about .fr figure img{ float: unset; width: 60%;}
    .about .fl img {
        float: left;
        width: 90%;
        margin-left: 5%;
    }
    .team h2 {
        color: #348FFD;
        font-size: 30px;
        position: relative;
        padding-bottom: 20px;
        margin-bottom: 40px;
    }

    .team {
        padding: 60px 40px; 
    }
    .conicon{width: 100%; display: block;}
    .left-item{width:100%; box-sizing: border-box; display: block;}
    .left {
        width: 100%;
        margin-right: 0;
    }
    .left-item i {
        width: 100%;
        margin-right: 0;
        float: left;
        /* display: block; */
        margin-bottom: 20px;
    }.left-item i img {
        float: left;
        width: 80px;
    }
    .left-item text h3{ font-size: 22px;}
    .left-item text p{ font-size: 16px;}
    .right{ margin-top:30px;float: unset;}
    .right i {
        width: 80px; float: unset;}
    .right i img {
        float: unset;
        width: 80px;
    }
    .right text{ float: unset;}
    .flex-logoul li {
        width: calc(36% - 30px);
        margin: 10px;
    }
    .pgnewlis li {
        margin-right: 0;
        width: 100%;
        margin-bottom: 50px;
    }
    .pgnewlis ul{ display: block;}
    .pgnewlis li a h3 {
        font-size: 20px;
    }
    .pgnewlis li a time {
        margin: 0 0 10px;
    }.pgnewlis {
        margin: 0px 0 0;
    }


















/**************new*****************/
/*******index*******/
.banner{ margin-top:81px;}
.banner .swiper-slide dl{ top:20px; left: 0; margin-left: 0; width: 100%; padding:0 20px;}
.banner .swiper-slide h1{ font-size: 20px; line-height: 1.3;}
.banner .swiper-slide p{ display: none;}
.banner .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 3px !important}
.banner .swiper-pagination{ bottom:10px !important;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{ display: none;}
.w925{margin:0px auto 50px}
.video h1{    text-align: left;
    padding: 0 15px;}
.greenbg .toptile{ padding:0 40px; font-size: 30px;}
.six_icon li{ width: 100%; padding:30px 15px;}
.six_icon h2{ font-size: 24px;}
.sayul {
    display: block;
    margin: 50px 0 50px;
}
.sayul li{ width: 100%;padding:0; margin-bottom:40px;}
.sayul p {
    font-size: 14px;
}
.bgblue h3{ padding:0 40px; margin:0}
.link{ display: block; margin:0}
.link li {margin:30px 0;
    width: 100%;}
.link li h3 p{ font-size: 28px;}  
.link li h3 a{ font-size: 18px;}  
.leader_div {padding:0 40px;}
.leader_div .toptile{ font-size: 30px;padding: 0 10px;}
.mobile_only{ display: block;}
.feedbackbg h2{ font-size: 28px !important;}
.feedbackbg{ padding:20px !important;}
/*****about*****/
#banner_Main{ 
    height: 167px !important; padding-top:0; margin-top:80px;
    background-size: cover !important;
    background-position: 0 50% !important;
    background-image: url(../images/mobile_about_medium.png) !important;
}
.bannerin{ margin-left: 0;}
#banner_Main h2{font-size: 28px; top:30px; padding-bottom: 20px; line-height: 1.5; width: 100%; left: 0; padding:0 20px; box-sizing: border-box;}
.cardInner img.mainImg{ height: auto;}
.leader li {width: 100%;}
.form_div{ display: block;}
.form1{ width: 100%; margin-right: 0;}
.con_address{ width: 100%;float: left; margin-top:50px;}
.toptile{ font-size: 24px;}
.cardPanel {
    width: 100%;
    max-width: 100%;
    gap: 30px;
    padding: 0 20px;
}
.OverLay {
    padding: 20px 20px 20px 30px;
}
.OverLay, .HoverBack h2 {
    font-size: 20px;
    line-height: 30px;
}
.HoverBack p {
    font-size: 14px;
    line-height: 23px;
    padding: 8px 0 0;
}
.locations{ display: block;}
.locations li{ padding:20px;  box-sizing: border-box;}
.locations h4 {
    font-size: 20px;
}
.greenbg{padding:0}
.form_div{ margin:30px auto;padding: 0 15px;}
.myform li:nth-of-type(4) {
    width: 100%;
    /* margin-bottom: 100px; */
}
.about_txt{columns: auto; padding:0 30px; box-sizing: border-box;}
.about_txt p{ font-size: 16px; margin-bottom: 30px;}
.OurProjects{ padding:0 0 60px}

.bgblack{ padding:0 0px; }
.foot_about{ display: block;}
.foot_about .fl{ width: 100%;float: left; }
.foot_about .fr{ width: 100%;float: left; }
.frform .btn,.frform .txt{ height: 34px;}
.frform{ float: left; width: 100%; margin-bottom: 50px;}
#footmain{ background-color: #000; color:#4ebea4}
.footin{ display: block;}
.footin p{ color:#4ebea4; width: 100%;}
.footin ul{ display: none;}
#footer { padding:20px 0;}
/************news***********/
.category-box .title h1{ font-size: 24px;}
.col-md-4{ width: 100%;}
.category-box .event .upcoming{ font-size: 24px; text-align: center;}
.category-box .event .thumb{ height: auto; margin-top:37px}
.category-box .event .title h3 {
    font-size: 28px;
}
.category-box .cat-item p{ font-size: 14px;}
.category-box .item-1 .inner {
    padding: 24px;
    height: auto;
}
.recent-post .title h3{ font-size: 28px;}
.category-box .recent-post .inner {
    padding: 24px;
    height: auto;
}

/******solution******/
.solutionWidget .no{ width: 50px; height: 50px; line-height: 50px;}
.solutionWidget .widgettitle{    font-size: 23px !important; padding:0 20px;
    line-height: 50px;
    margin-bottom: 10px;}
    .col-md-6{ width: 100%;}
    .col-md-6 p{ font-size: 16px;}
.row{ margin:0}

.page-image-header{position: fixed;
    width: 100%;
    z-index:99;
    height: 490px !important;
    background-position: top center !important;
    background-size: 140% !important;}
.casetop{ height: 100%;}
.casediv{ margin-top:500px;}

.page-image-header .roundNum a.cbtn{
    width: 18px;
    height: 18px;
    line-height: 18px;
    background-color: #FFF;
    color: #000;
    overflow: hidden;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    font-size: 12px !important;
}
.page-image-header .title{ padding-top:280px;}
.page-image-header .title h1{ font-size: 24px; background-color: #000; padding:20px 0;}
.page-image-header .desc {
    bottom: 0px; 
    color: #666;
    font-weight: 100;
    text-align: center;
position: inherit;
    right: 0;
    left: 0;
    width: 100%;
    padding:10px 15px;
    box-sizing: border-box;
    background: #fff;
}
.page-image-header .desc p{ font-size: 16px;}
.page-image-header #block1-btn {
    left: 32%;
    top: 12%;
}
.page-image-header #block2-btn {
    left: 41%;
    top: 38%;
}
.page-image-header #block3-btn {
    left: 10%;
    top: 38%;
}
.page-image-header #block4-btn {
    left: 47%;
    top: 28%;
}
.page-image-header #block5-btn {
    left: 79%;
    top: 33%;
}
.page-image-header #block6-btn {
    left: 88%;
    top: 18%;
}
.page-image-header .learnMore{ opacity: 0;}


}