@charset "UTF-8";

@media (max-width: 1680px) {
    .wrap{width: 1440px;}
    .mainMenu{padding: 0 20px;}
    .logo img{height: 41px;}
    .indexBanner .slideText .title{font-size: 90px;}
    .indexBanner .slideText .text{font-size: 43px;}
    .indexColumn1title .type{padding: 0 100px;}
    .section .title .titleCn{font-size: 34px;}
    .indexColumn1C .text .indexVedio{    width:575px;}
    .indexColumn1C .text .textC .titleC{font-size: 23px;}
    .indexColumn1title .type .numC .num{font-size: 40px;}
    .indexColumn1title .type .icon{width: 67px;height: 67px;}   
    .section .title .titleNg{font-size: 24px;}
    .indexC3TextC{width: 1440px;}
    .indexColumn3text {padding-bottom: 155px;}
    .column3CScroll .bd .swiper-wrapper .swiper-slide .con .pic{width: 104px;height: 104px;}
    .column3CScroll .bd .swiper-wrapper .swiper-slide .con .picC::after{width: 104px;height: 104px;}
    .column3CScroll .bd .swiper-wrapper .swiper-slide .con .picC::before{width: 104px;height: 104px;}
    .column3CArrow {    top: calc(100% - 254px);}
    .indexColumn4 .indexColumn4Top .titleC{font-size: 31px;}
    .inteoduction .indexVedio{width: 605px;}
    .inteoductiontitle .type .numC .num{font-size: 41px;}
    .hornorList dd a .text .title{font-size: 17px;}
    .newsInfo .swiperMax{ padding: 42px 0 0;}
    .newsInfo .swiperMax .title{font-size: 22px;}
    .newsInfo .swiperMax .text{ margin: 24px 0;    font-size: 15px;}
    .newsInfo .list dd .text{    margin: 20px 0 35px;}
    .operationOneC{padding-bottom: 90px;}
    .operationOneC .picture {    width: 540px;height: 503px;    margin-right: 200px;}
    .operationOneList dd{    margin: 0 37px 12px 0;}
    .operationOneC .text .info{margin-bottom: 26px;}
    .operationOne .title .titleC{font-size: 31px;}

    .operationTwo .map{    width: 860px;    height: 421px;}
    .operationTwo .text{    padding-top: 80px;margin-bottom: 80px;}
    .operationTwo .operationtitle .typeOne{    padding: 20px 40px 20px 25px;}
    .operationTwo .operationtitle .typeTwo{    padding: 20px 40px 20px 25px;}
    .operationTwo .operationtitle .typeThree{    padding: 20px 40px 20px 25px;}
    .operationTwo .operationtitle{width: 410px;height: 340px;}
    .operationTwo .text .info{margin-bottom: 57px;}

    .operationThree{    height: 721px; width: 730px;}
    .operationThreeC{    margin-right: 130px;}
    .operationThreetext {    padding-top: 75px; margin-bottom: 20px;}
    .operationThreetext .info{margin-bottom: 50px;}
    .operationThreetext .infoC{margin-bottom: 50px;}
    .operationThree .operationThreeList dd.dd1 .pic{width: 175px;}
    .operationThree .operationThreeList dd.dd2 .pic{width: 240px;}
    .operationThree .operationThreeList dd .pic{width: 115px;}
    .operationFourBox .operationtitle.operationtitle.operationtitle2 .type{    padding: 20px 65px 20px 45px;}
    .operationFourBox .operationtitle.operationtitle2 .type .numC .num{padding-right: 30px;}
    .operationFourBox .text {padding-top: 100px;margin-bottom: 110px;}
    .kernelList dd .kernelC{padding-top: 60px;}
    .kernelList dd .kernelC .text{    margin-left: 160px; padding: 65px 0 0;}
    .kernelList dd:nth-child(2n) .pic .icon {right: 88px;}
    .advantageTwo .operationFourList dd a{    padding: 33px 60px;}
    .embodyValueOne .pic {width: 710px;}
    .embodyValueOne .text .title{margin-bottom: 110px;}
    .embodyValueTwo .text .info{font-size: 15px;}
    .embodyValueTwo .text{    padding: 0 50px 0 35px;}
    .embodyValueTwo .text .hurdle span{    margin-left: 263px;}
    .productDetails .text .title{padding-bottom: 20px;}
    .productDetails .text .classify{padding-bottom: 20px;padding: 20px 30px 20px 0;}
    .productDetailsList {padding-bottom: 55px;}
    .contactUs .lxfs .con{    padding: 65px 0 0 70px;}
    .inteoductionScrollC .bd .swiper-wrapper .swiper-slide.slide2 .conC{    left: -1px;
        top: 360px;}
        .inteoductionScrollC .bd .conC{    left: 82px;}
        .operationFourBox .operationFourList dd .textCon{  padding: 20px 65px 20px 55px;}
        .operationtitle .type{padding: 24px 63px 16px 32px;}
        .operationtitle .type .numC .num{padding-right: 40px;}
        .operationtitle .type .iconC{margin-right: 30px;}
        .indexColumn3Bg {width: 48.0416%;}
}
@media (max-width: 1440px) {

    .wrap{width: 1200px;}
    .indexColumn3Bg {width: 54.0416;}
    .mainMenu{padding: 0 10px;}
    .logo img{height: 39px;}
    .indexBanner .slideText .title{font-size: 86px;}
    .indexBanner .slideText .text{font-size: 38px;}
    .indexColumn1title .type{padding: 0 70px;}
    .section .title .titleCn{font-size: 33px;}
    .indexColumn1C .text .indexVedio{    width:520px;}
    .indexColumn1C .text .textC .titleC{font-size: 22px;}
    .indexColumn1title .type .numC .num{font-size: 38px;}
    .indexColumn1title .type .icon{width: 64px;height: 64px;}
    .section .title .titleNg{font-size: 20px;}
    .indexC3TextC{width: 1200px;}
    .indexColumn3text {padding-bottom: 215px;}
    .column3CScroll .bd .swiper-wrapper .swiper-slide .con .pic{width: 94px;height: 94px;}
    .column3CScroll .bd .swiper-wrapper .swiper-slide .con .picC::after{width: 94px;height: 94px;}
    .column3CScroll .bd .swiper-wrapper .swiper-slide .con .picC::before{width: 94px;height: 94px;}
    .column3CArrow {    top: calc(100% - 244px);}
    .indexColumn4 .indexColumn4Top .titleC{font-size: 30px;}
    .inteoduction .indexVedio{width: 585px;}
    .inteoductiontitle .type .numC .num{font-size: 40px;}
    .hornorList dd a .text .title{font-size: 16px;}
    .newsInfo .swiperMax{ padding: 30px 0 0;}
    .newsInfo .swiperMax .title{font-size: 20px;}
    .newsInfo .swiperMax .text{ margin: 18px 0;    font-size: 14px;}
    .newsInfo .list dd .text{    margin: 20px 0 25px;}
    .operationOneC{padding-bottom: 60px;}
    .operationOneC .picture {    width: 520px;height: 483px;    margin-right: 100px;}
    .operationOneList dd{    margin: 0 34px 9px 0;}
    .operationOneC .text .info{margin-bottom: 22px;}
    .operationOne .title .titleC{font-size: 30px;}
    .operationTwo .map{    width: 810px;    height: 401px;}
    .operationTwo .text{    padding-top: 60px;margin-bottom: 60px;}
    .operationTwo .operationtitle .typeOne{    padding: 15px 30px 15px 20px;}

    .operationTwo .operationtitle .typeTwo{    padding: 15px 30px 15px 20px;}
    .operationTwo .operationtitle .typeThree{    padding: 15px 30px 15px 20px;}
    .operationTwo .operationtitle{width: 380px;height: 320px;}
    .operationTwo .text .info{margin-bottom: 45px;}
    .operationThree{    height: 621px; width: 680px;}
    .operationThreeC{    margin-right: 30px;}
    .operationThreetext {    padding-top: 55px;    margin-bottom: 10px;}
    .operationThreetext .info{margin-bottom: 30px;}
    .operationThreetext .infoC{margin-bottom: 30px;}
    .operationThree .operationThreeList dd.dd1 .pic{width: 158px;}
    .operationThree .operationThreeList dd.dd2 .pic{width: 218px;}
    .operationThree .operationThreeList dd .pic{width: 115px;}

    .operationFourBox .operationtitle.operationtitle.operationtitle2 .type{    padding: 20px 35px 20px 35px;}
    .operationFourBox .operationtitle.operationtitle2 .type .numC .num{padding-right: 20px;}
    .operationFourBox .text {padding-top: 90px;margin-bottom: 90px;}
    .kernelList dd .kernelC{padding-top: 40px;}
    .kernelList dd .kernelC .text{    margin-left: 140px; padding: 45px 0 0;}
    .kernelList dd:nth-child(2n) .pic .icon {right: 68px;}
    .advantageTwo .operationFourList dd a{    padding: 20px 60px;}
    .embodyValueOne .pic {width: 660px;}
    .embodyValueOne .text .title{margin-bottom: 80px;}
    .embodyValueTwo .text .info{font-size: 14px;}
    .embodyValueTwo .text{    padding: 0 40px 0 25px;}
    .embodyValueTwo .text .hurdle span{    margin-left: 223px;}
    .productDetails .text .title{padding-bottom: 10px;}
    .productDetails .text .classify{padding-bottom: 10px;padding: 15px 30px 15px 0;}
    .productDetailsList {padding-bottom: 25px;}
    .contactUs .lxfs .con{    padding: 40px 0 0 60px;}
    .inteoductionScrollC .bd .conC{      left: 71px;
        top: -3px;}
        .inteoductionScrollC .bd .swiper-wrapper .swiper-slide.slide2 .conC{    left: -3px;
            top: 360px;}
            .operationFourBox .operationFourList dd .textCon{  padding: 20px 35px 20px 25px;}
            .operationtitle .type{padding: 24px 33px 16px 10px;}
            .operationtitle .type .numC .num{padding-right: 20px;}
            .operationtitle .type .iconC{margin-right: 20px;}
}  