@charset "utf-8";

/* CSS Document */
/* html {
    font-size: 12px;
}

@media (min-width:768px) {
    html {
        font-size: 13.5px;
    }
}

@media (min-width:992px) {
    html {
        font-size: 14px;
    }
}

@media (min-width:1200px) {
    html {
        font-size: 14.5px;
    }
}

@media (min-width:1360px) {
    html {
        font-size: 15px;
    }
}

@media (min-width:1500px) {
    html {
        font-size: 16px;
    }
} */

html {
    font-size: 12px;
}

@media (min-width:768px) {
    html {
        font-size: 6.4px;
    }
}

@media (min-width:992px) {
    html {
        font-size: 8.3px;
    }
}

@media (min-width:1200px) {
    html {
        font-size: 10px;
    }
}

@media (min-width:1400px) {
    html {
        font-size: 11.66666px;
    }
}

@media (min-width:1360px) {
    html {
        font-size: 11.33333px;
    }
}

@media (min-width:1500px) {
    html {
        font-size: 13.3px;
    }
}

@media (min-width:1800px) {
    html {
        font-size: 16px;
    }
}

/*1280X720 1366X768 1440X900 1920X1080*/
/*手机样式*/
@media (min-width:992px) {

    .pagination .page-item .page-link:hover,
    .pagination .page-item .page-link:focus {
        background: none;
        /* color: #ffffff; */
        box-shadow: none;
    }



    .pagination .page-item:first-child .page-link:hover::before,
    .pagination .page-item:last-child .page-link:hover::before {
        border-color: #fff;
    }

    .newsSideNav ul.listNav li a:hover {
        background-color: #f69600;
        color: #ffffff;
    }
}

@media (min-width:576px) {
    .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width:768px) {
    .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width:992px) {
    .container {
        max-width: 100%;
        padding-left: 13vw;
        padding-right: 13vw;
    }
}

@media (min-width:1200px) {


    .container {
        max-width: 100%;
        padding-left: 12.24vw;
        padding-right: 12.24vw;
    }

    /* .container1 {
        max-width: 100%;
        padding-left: 18.75vw;
        padding-right: 18.75vw;
    } */

}

@media (max-width: 1200px) {
    header .header-nav>ul>li {
        margin-right: 1vw;
    }
}

@media screen and (max-width: 1390px) {


    .coreCompetitivenessList li .box {
        padding: 6rem 2rem;
    }

    .CMO .con .w_text {
        padding: 3.4rem;
    }

    .inviteList li .box {
        height: 12.75rem;
    }
}

@media screen and (max-width:991px) {
    #menu_toggle1 {
        display: block;
    }

    .menu_botton {
        right: 15px;
        top: 50%;
        float: right;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .menu_botton strong {
        display: none;
    }

    .menu_botton span,
    .menu_botton span:after,
    .menu_botton span:before {
        width: 26px;
    }

    .menu_botton span:before {
        top: -8px;
    }

    .menu_botton span:after {
        bottom: -8px;
    }

    /**/

    header .header-nav,
    header .header-language {
        display: none;
    }

    header .logo {
        padding: 4px 0;
    }

    header .header-language .header_language,
    header .header-language .header_href {
        display: none;
    }

    header .header-language .header_search {
        margin-right: 4.15rem;
    }

    .header_column {
        position: relative;
        right: 50px;
        display: none;
    }

    .container-fluid {
        padding-left: 3.375vw;
        padding-right: 3.375vw;
    }

    .hServiceSwiperButton {
        right: 0;
    }

    .hServiceTab li span {
        font-size: 2rem;
    }

    .hServiceSwiper li.swiper-slide .box .text {
        bottom: 0;
    }

    .bannerHeading .title {
        font-size: 3rem;
    }

    footer .footer_nav {
        width: 100%;
        display: none;
    }

    footer .footer_box {
        width: 100%;
    }

    footer .footer_main {
        padding: 1.25rem 0;
        display: none;
    }
footer .footer_copyright .box
{
    display: block !important;
}
#sideNav{
    display: none;
}
    .footer_share {
        display: none;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .w_title {
        font-size: 2rem;
        line-height: 1.6;
        padding-bottom: 1.25rem;
    }

    header .logo {
        padding: 10px 0;
        width: 8.25rem;
    }

    header .header-main {
        position: relative;
    }
}

@media screen and (max-width:767px) {
    header {
        height: auto;
    }



    .webHome header .header-main {
        background-color: #ffffff;
        border-bottom: 1px solid #e5e5e5;
    }

    header .header_search img {
        display: none;
    }

    header .header_search img:nth-child(2) {
        display: block !important;
    }



    #sideNav .sideNavBox ul {
        display: none;
    }



    #sideNav1,
    .nectar-social {
        display: none;
    }

    .home_banner .bannerHeading {
        left: 0px;
        top: 27%;
    }

    .home_banner .bannerHeading .title {
        font-size: 2.5rem;
    }

    .homeArea .hTitle {
        max-width: 100%;
    }

    .hTitle {
        font-size: 2rem;
    }

    .hAbout {
        padding-top: 5.375rem;
        padding-bottom: 5.375rem;
    }

    .hProductbox {
        display: block;
    }

    .hProductbox_l {
        font-size: 2rem;
        padding-top: 5.375rem;
        padding-bottom: 5.375rem;
    }

    .hCaseJs .swiper-slide.swiper-slide-prev {
        margin-left: -32% !important;
    }


    .hCaseJs .swiper-slide.swiper-slide-active {
        display: block;
    }

    .hCaseJs .swiper-slide-active .swiperl_box {
        display: block;
        height: 23.5rem;
        padding-top: 3.125rem;
        box-shadow: none;
    }

    .hCaseJs .swiperl_box .time {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .hCaseJs .swiper-slide.swiper-slide-active {
        width: 100vw !important;
    }

    .hCaseJs .swiperl_box {
        width: 100vw;
    }

    .hCaseJs .swiper-slide.swiper-slide-active .img {
        width: 100vw !important;
    }


    .hCaseJs .swiper-slide.swiper-slide-active {
        margin-left: 0;
        margin-right: 0;
    }

    .hCaseJs .swiper-button-prev {
        left: 0.25%;
    }

    .hCaseJs .swiper-button-next {
        right: 0.25%;
    }

    .hProductbox_r .box {
        height: 14.625rem;
        width: 100%;
        padding-top: 2.375rem;
        padding-left: 3.125rem;
        padding-right: 3.125rem;

    }

    .hCaseJs .swiper-slide.swiper-slide-active .img {
        opacity: 1;
    }

    .hCaseJs .swiper-slide .img {
        opacity: 0;
    }

    .hCase {
        padding-top: 5.375rem;
    }

    .hCaseJs {
        padding: 0;
    }

    .hNews {
        padding-top: 4.5rem;
    }

    .hNewsSwiper {
        padding-bottom: 4.5rem;
    }

    .hNews .swiper-pagination {
        bottom: 7%;
    }

    #wBanner .box .title {
        font-size: 2rem;

    }

    /*#wBanner {*/
    /*    height: 49vw;*/
    /*}*/

    .w_pb_150 {
        padding-bottom: 5.375rem;
    }

    .w_pt_150 {
        padding-top: 5.375rem;
    }

    .w_status .box {
        padding-bottom: 3.25rem;
        display: block;
    }

    .w_status .box .w_title,
    .w_status .box .w_text {
        width: 100%;
    }

    .w_status .box:last-child {
        padding-top: 3.25rem;
        padding-bottom: 0;
    }

    .choice {
        padding-top: 5.375rem;
        padding-bottom: 5.375rem;
    }

    .choice .swiper-button-prev,
    .choice .swiper-button-next {
        top: 93%;
    }

    .products {
        display: block;
    }

    .products .box_lt {
        width: 100%;
    }

    .products .box_rt {
        width: 100%;
        margin-top: 3rem;
        height: 31.5rem;
    }

    .products .box_rt .certer {
        right: 3.5rem;
        height: 25.5rem;
    }



    .choiceJs .swiper-wrapper .swiper-slide.swiper-slide-active {
        width: 30.875rem !important;
    }

    .productDescription .box {
        display: block;
    }

    .productDescription .box .box_lt,
    .customerValue .box_rt,
    .productDescription .box .box_rt,
    .customerValue .box_lt {
        width: 100%;
    }



    .customerValue .box {
        flex-direction: column-reverse;
    }

    .customerValue .box_lt .w_text {
        padding-top: 1rem;
    }

    .engineering .engineering_box {
        padding-left: 0;

    }

    .w_pt_100 {
        padding-top: 4.25rem;
    }

    .w_pb_100 {
        padding-bottom: 4.25rem;
    }

    .engineering .engineering_box {
        padding-bottom: 4.25rem;
    }

    .webModal .modal-content .modalMain {
        width: 90%;
    }

    .webModal .modal-content .modalMain .img {
        height: 60vw;
    }

    .webModal .modal-content .imgsm_box .imgsm {
        width: 9.25rem;
        height: 6.5625rem;
    }

    .newsd {
        padding: 0;
        padding-bottom: 4.25rem;
    }

    .newsdHeader_b {
        display: block !important;
    }

    .newsdHeader_b .time {
        padding-top: 1rem;
    }

    #sideNav.sideNavts .sideNavBox ul {
        display: flex;
    }

    .technology {
        display: block;
    }

    .technology .box_lt {
        width: 100%;
    }

    .technology .box {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .technology .box_rt {
        width: 100%;
        padding-top: 3rem;
    }

    .numb_box ul .col-md-3 {
        width: 50%;
        margin-top: 3rem;
    }

    .numb_box {
        padding-top: 0rem;
    }

    .videobox video {
        height: 18.0625rem;
    }

    .contactUs {
        flex-direction: column-reverse;
    }

    .contactUs .box_lt,
    .contactUs .box_rt {
        width: 100%;
    }

    .contactUs .box_lt {
        padding-left: 15px;
        padding-right: 15px;
    }

    .partnersjs .swiper-slide {
        height: 6.75rem;
        padding: 2rem;
    }

    .contactUs .box_rt {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hProductbox_r .box .title {
        font-size: 1.5rem;
    }

    .productDescription .box .box_lt .img {
        height: 21.125rem;
    }

    .customerValue .box .box_rt .img {
        height: 17rem;
    }

    .contactUsiuput .inputbox {
        padding-bottom: 2.5625rem;
    }

    .contactUsiuput .submit {
        margin-top: 2.5625rem;
    }
    
    
    .tablebox{
        display: block;
    }
    .tablebox .box{
        width: 100%;
    }.companyimg{
        height: 18.5rem;
    }
    .culture .box{
        display: block;
    }
    .culture .box .box_sm{
        width: 100%;
        height: auto;
    }
    
    
    .course{
        display: block;
    }
    .course .box_l{
        width: 100%;
            padding: 2.75rem 2.375rem;
    }
    .course .box_r{
        width: 100%;
        height: 24.75rem;
    }
    
    .honorjs .img {
    width: 13.5625rem;
    height: 10.125rem;
    background-size: cover;
}
    
    .pb_130 {
    padding-bottom: 3.125rem;
}

.pt_130 {
    padding-top: 3.125rem;
}
    .ecjs {
    width: 100%;
    height: 13.25rem;
}
.hNewsSwiper li{
    width: 100%;
}
.viedobox .box{
    display: block;
}
.viedobox .box .telephone{
    width: 100%;
    border-right:0;
    margin-left: 0;
}.viedobox .box .address{
    margin-left: 0;
}
    .viedobox .box .urlbox{
        padding-left: 0;
        border-left: 0;
    }
    
    
        .recruitbox .box_c div{
              padding-left: 0;
                margin-bottom: 1.25rem;
        }
    
    .recruitbox .d-flex:nth-child(3){
        display: block !important;
    }
    
    .viedobox .box .mobilePhone::before{
        left: 0;
    }
    .viedobox .box .contacts::before{
        left: 0;
    }
    .viedobox .box .mobilePhone{
        border: 0;
    }
    .viedobox .box .contacts{
        border-left: 0;
    }
    
    .course .box_lsm .w_more{
        margin-top: 2rem;
    }
    .cousebox ul li .w_text {
    width: 28%;
}

.newsD {
    padding-left: 15px;
    padding-right: 15px;
}
header .logo a .img img{
    max-width: 180%;
}
.home_banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next,.home_banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    
    display: none;
}

.course .box_lsm {
    width: 100%;
    margin-left: 2.25rem;
}.newsboxx .hNewsSwiper ul li{
    margin-top: 0;
}

.pb_36 {
    padding-bottom: 1.25rem !important;
}
.viedobox ul {
     padding-top: 0rem; 
}


.tablebox1 .box_1
{
width: 100%;
     display: block;

}
.viedobox .box .name{
    width: 100%;
    border-right:0;
}




}

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

@media screen and (max-width:414px) {}

@media screen and (max-width:340px) {}