body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
header,
nav,
footer {
    margin: 0;
    padding: 0;
    zoom: 1;
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* Safari */
    -moz-box-sizing: border-box;
    /* Firefox */
}

img {
    display: block;
    font-size: 0px;
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

ul,
ol,
li {
    list-style: none;
}


.clearfix:after {
    content: "";
    visibility: hidden;
    height: 0;
    display: block;
    clear: both;
    zoom: 1;
}

a {
    text-decoration: none;
}

/* body,
button,
input,
select,
textarea {
    font: 16px/1.5 tahoma, arial, \5b8b\4f53;
} */
input,
select,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    outline: none;
}

body {
    font-family: "Source Han Sans CN", Arial, verdana, "微软雅黑", SimHei, "微软雅黑", "microsoft yahei";
}



@media screen and (max-width: 1800px) {
    .main {
        max-width: 80%;
    }

    .headerInfo .main {
        max-width: 90%;
    }

    .headerBox .headerNav .navList .navUl .navItem {
        margin: 0 14px;
    }

    .Outer p {
        margin: 0 10px;
    }

    .Outer {
        right: 1%;
    }
}

@media screen and (max-width: 1660px) {
    .main {
        max-width: 80%;
    }

    .headerInfo .main {
        max-width: 80%;
    }

    .swiper-button-prev.banner_btn {
        left: 5%;
    }

    .swiper-button-next.banner_btn {
        right: 5%;
    }

    .popup-submenu {
        left: 5%;
    }

    .indexContact .leftBox .box {
        margin: auto 60px;
    }
}

@media screen and (max-width: 1600px) {
    .popup-submenu {
        left: -5%;
    }

    .main {
        max-width: 82%;
    }

    .headerInfo .main {
        max-width: 95%;
    }

    .productTab .productTabBox p a {
        line-height: 24px;
        height: 50px;
        display: flex;
        align-items: center;
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

@media screen and (max-width: 1560px) {
    .headerBox .headerNav .navList .navUl .navItem {
        margin: 0 10px;
    }

    .headerFunction .search .headerSearch {
        width: 120px;
    }
}

@media screen and (max-width: 1540px) {
    .headerFunction .language {
        padding: 0 15px;
    }

    .headerFunction .search {
        padding: 0 15px;
        margin-right: 10px;
    }

    .indexIndustryBox .industryBoxSwiper .swiper-slide {
        min-height: 450px;
    }

    .Outer p {
        margin: 0 5px;
    }

    .courseLi .left p {
        font-size: 210px;
        /*padding-top: 15px;*/
    }

    .courseLi .right .year {
        font-size: 210px;
    }

    .courseLi .right {
        width: 80%;
    }

    .courseLi .right .box .text p {
        font-size: 22px;
        line-height: 32px;
    }

    .advantage .advantageBox .item .right h6 {
        font-size: 20px;
    }

    .FeasibilityBox .text p {
        font-size: 20px;
        line-height: 32px;
    }

    .debugging .debuggingBox .debuggingText .left p {
        font-size: 20px;
        line-height: 32px;
    }

    .achievementBox .achievementItem .item .text h6 {
        font-size: 22px;
    }

    .achievementBox .achievementItem .item .text .txt {
        margin-top: 16px;
    }

    .Feasibility .Classroom .ClassroomItem .ClassroomText {
        padding: 0px 15px 20px;
    }
}

@media screen and (max-width: 1440px) {
    .headerBox .headerNav .navList .navUl .navItem {
        margin: 0 10px;
    }

    .headerBox .headerNav .navList {
        padding-right: 18px;
    }

    .popup-submenu .left h5 {
        font-size: 24px;
    }

    .popup-submenu .left .navText p {
        font-size: 14px;
    }

    .popup-submenu .right li a {
        font-size: 14px;
    }

    .popup-submenu .right li {
        margin-bottom: 5px;
    }

    .productTab .productTabBox p a {
        font-size: 14px;
        line-height: 20px;
        height: 50px;
        display: flex;
        align-items: center;
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .headerBox .headerNav .navList .navUl .navItem a {
        font-size: 14px;
    }
}

@media screen and (max-width: 1366px) {
    .headerBox .logo a {
        margin-top: 10px;
    }

    .headerBox .logo a img {
        height: 35px;
    }

    .aboutLeft .leftBox,
    .indexAbout .aboutRight .links {
        padding: 50px 40px;
    }

    .Outer p {
        margin: 0 5px 0 0;
    }

    .main {
        max-width: 90%;
    }

    .headerInfo .main {
        max-width: 100%;
    }

    /* .headerFunction .search {
        margin-right: 80px;
    } */

    .Navigation .NavigationUl li a {
        padding: 0 10px;
    }

    .vision .visionBox .visionItem {
        height: 264px;
    }

    .headerBox .headerNav .navList .navUl .navItem a {
        font-size: 14px;
    }

    .popup-submenu {
        left: -5%;
    }

    .briefBox .text p {
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 20px;
    }

    .briefItems .item .left h6 span {
        font-size: 42px;
    }

    .briefItems .item .left h6 {
        font-size: 18px;
    }

    .briefItems .item .left p {
        font-size: 16px;
    }

    .bannerText .textBox {
        padding-left: 10%;
    }
}

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

    .headerBox .headerNav .navList .navUl .navItem {
        margin: 0 8px;
    }

    .main {
        max-width: 90%;
    }

    .headerInfo .main {
        max-width: 97%;
    }

    /* .headerFunction .search {
        margin-right: 120px;
    } */

    .equipmentList .equipmentListItem .ListItem .Item h5 {
        font-size: 20px;
    }

    .indexIndustryBox .industryBoxSwiper .swiper-slide {
        min-height: 380px;
    }


    .sustainable-page .section-5 .list .item {
        width: calc((100% - (7 * 20px)) / 8);
    }

    .sustainable-page .section-5 .list .item:nth-child(8n + 8) {
        margin-right: 0;
    }

    .sustainable-page .section-5 .list .item:nth-child(9n + 9) {
        margin-right: 20px;
    }

    .advantage .advantageBox .item .right .text {
        margin-top: 10px;
    }

    .briefBox .text p {
        font-size: 12px;
        line-height: 20px;
        padding-bottom: 12px;
    }
    .briefItems .item .left h6 span {
        font-size: 32px;
    }
    .briefItems .item .left p {
        font-size: 14px;
    }
    .briefItems .item .right {
        width: 45px;
    }
}

@media screen and (max-width: 1100px) {
    .sustainable-page .section-3 .swiper-slide {
        width: 100%;
        padding-right: 0;
    }

    .sustainable-page .section-3 .help-swiper .function-area {
        position: relative;
        display: inline-block;
        margin-top: 20px;
    }
}

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

    /*  */
    .header {
        display: none;
    }

    /* 手机端导航 */
    .phoneheader {
        display: block;
        width: 100%;
    }

    .p_logo {
        float: left;
        width: 120px;
        margin-top: 8px;
    }

    .p_logo img {
        max-width: 100%;
    }

    .pheader {
        width: 100%;
        height: 68px;
        box-sizing: border-box;
        padding: 6px 30px;
        position: fixed;
        z-index: 100;
        background: #fff;
        top: 0;
    }

    .p_right {
        float: right;
        padding-top: 16px;
        cursor: pointer;
    }

    .p_right i {
        border-bottom: 2px solid #0a1e42;
        height: 7px;
        display: block;
        width: 25px;
    }

    .ph_l {
        width: 50%;
        height: 100%;
        position: fixed;
        top: 0;
        right: -50%;
        z-index: 120;
        overflow: hidden;
        background: #333;
        color: rgba(255, 255, 255, .6);
    }

    .ph_l ul li {
        padding-left: 20px;
        line-height: 50px;
        border-bottom: 1px solid #ccc;
        position: relative;
    }

    .ph_l ul li:before {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0px;
        background: #015db2;
        height: 1px;
        width: 0%;
        transition: all 0.6s;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
    }

    .ph_l ul li:hover:before {
        width: 100%;
    }

    .ph_l ul>li:hover a {
        color: #015db2;
    }

    .ph_l ul li a {
        display: block;
        color: inherit;
    }

    .ph_r {
        display: block;
        width: 50%;
        height: 100%;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        left: -50%;
        top: 0;
        z-index: 101;
    }


    .phoneheader .ph_right .ph_l>li {
        position: relative;
    }

    .phoneheader .ph_right .ph_l ul>li .icon {
        position: absolute;
        right: 0px;
        width: 46px;
        height: 50px;
        z-index: 3;
        top: 0px;
        display: block;
        cursor: pointer;
    }

    .phoneheader .ph_right .ph_l ul>li .icon:after {
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        top: 0px;
        right: 15px;
        border: 2px solid rgba(255, 255, 255, .3);
        border-top: 0;
        border-left: 0;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        position: absolute;
        top: 20px;
        transition: all 0.6s;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
    }

    .phoneheader .ph_right .ph_l .ulItem {
        display: none;
    }

    .phoneheader .ph_right .ph_l .ulItem li:last-child {
        border-bottom: none;
    }

    .phoneheader .ph_right .ph_l .ulItem li a {
        color: rgba(255, 255, 255, .6);
    }

    /*  */
    .crumbs {
        display: none;
    }

    .contact .contactright li h6 {
        padding: 12px 0;
    }

    .contact .contactright .addresscontact .item .communication p {
        line-height: 18px;
        font-size: 12px;
    }


    .contact .contactright .addresscontact .item .communication p.site::after,
    .contact .contactright .addresscontact .item .communication p.phone::after,
    .contact .contactright .addresscontact .item .communication p.email::after {
        line-height: 18px;
        font-size: 12px;
    }

    .contact #allmap {
        width: 426px;
        height: 426px;
    }

    .contact #allmap::before {
        display: none;
    }

    .contact #allmap::after {
        width: 426px;
        height: 426px;
    }

    .contact .contactaddress {
        height: 680px;
    }


    .contact #allmap .location:nth-of-type(1) {
        top: 140px;
        right: 210px;
    }

    .contact #allmap .location:nth-of-type(2) {
        top: 135px;
        right: 215px;
    }

    .contact #allmap .location:nth-of-type(3) {
        top: 150px;
        left: 138px;
    }

    .contact #allmap .location:nth-of-type(4) {
        top: 153px;
        left: 115px;
    }

    .contact #allmap .location:nth-of-type(5) {
        top: 190px;
        left: 110px;
    }

    .contact #allmap .location:nth-of-type(6) {
        top: 185px;
        left: 85px;
    }

    .productTab .productTabBox p a {
        font-size: 14px;
        line-height: 18px;
        padding: 0 10px;
    }

    .sustainable-page .section-2 .list {
        justify-content: space-between;
    }

    .sustainable-page .section-2 .list .item {
        position: relative;
        width: calc((100% - 40px) / 2);
        margin-bottom: 40px;
    }

    .sustainable-page .section-2 .list .item img {
        width: 100%;
    }

    .sustainable-page .section-2 .list .item:nth-child(3n + 2) {
        margin: 0;
        margin-bottom: 40px;
    }
}

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

    .aboutLeft .leftBox,
    .indexAbout .aboutRight .links {
        padding: 20px;
    }

    .contact .contactaddress .contactright {
        width: 40%;
    }

    .contact .contactaddress .contactleft {
        width: 60%;
    }

    .contact #allmap {
        width: 400px;
        height: 400px;
    }

    .contact #allmap::after {
        width: 400px;
        height: 400px;
    }

    .equipmentList .equipmentListItem .ListItem .Item {
        width: 100%;
        padding: 24px 20px 20px;
        margin-bottom: 24px;
        cursor: pointer;
        background: #fff url(../images/icon67.png) no-repeat right 32px top 40px;
        background-size: 36px 36px;
    }

    .equipmentList .equipmentListItem .ListItem .Itemtext {
        padding: 30px 0 20px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .equipmentList .equipmentListItem .ListItem.active .Item {
        background: #015db2 url(../images/icon68.png) no-repeat right 32px top 40px;
        background-size: 36px 36px;
    }

    .equipmentList .equipmentListItem .ListItem .Itemtext .box .left p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .ListItem .Itemtext .infoBox .infoList .infoLeft .lestText p {
        font-size: 14px;
        line-height: 24px;
    }

    .ListItem .Itemtext .infoBox .infoList .infoLeft .numBox {
        margin-bottom: 30px;
    }

    .ListItem .Itemtext .infoBox .infoList .infoLeft .numBox .lest h6 span {
        font-size: 32px;
    }

    .ListItem .Itemtext .infoBox {
        margin-top: 20px;
    }

    .Navigation .NavigationUl li a {
        padding: 0 10px;
    }

    .courseLi .left p {
        font-size: 160px;
    }

    .courseLi .right .year {
        font-size: 160px;
    }

    .courseLi .right .courseYear .courseYearBox p {
        font-size: 12px;
    }

    .courseLi .right li {
        padding-bottom: 20px;
    }

    .courseLi .right .box .text p {
        font-size: 18px;
        line-height: 28px;
    }



    .contact #allmap .location:nth-of-type(1) {
        top: 130px;
        right: 200px;
    }

    .contact #allmap .location:nth-of-type(2) {
        top: 125px;
        right: 205px;
    }

    .contact #allmap .location:nth-of-type(3) {
        top: 145px;
        left: 118px;
    }

    .contact #allmap .location:nth-of-type(4) {
        top: 148px;
        left: 100px;
    }

    .contact #allmap .location:nth-of-type(5) {
        top: 190px;
        left: 100px;
    }

    .contact #allmap .location:nth-of-type(6) {
        top: 185px;
        left: 75px;
    }

    .contact .contactright .top p {
        margin-right: 10px;
    }

    .sustainable-page .section-1 .list {
        justify-content: space-between;
    }

    .sustainable-page .section-1 .list .item {
        width: calc(50% - 20px);
    }

    .sustainable-page .section-1 .list .item:nth-child(3n + 2) {
        margin: 0;
        margin-bottom: 40px;
    }

    .sustainable-page .section-4 .list {
        justify-content: space-between;
    }

    .sustainable-page .section-4 .list .item {
        width: calc(50% - 20px);
    }

    .sustainable-page .section-4 .list .item:nth-child(3n + 2) {
        margin: 0;
        margin-bottom: 40px;
    }

    .sustainable-page .section-6 .list {
        justify-content: space-between;
    }

    .sustainable-page .section-6 .list .item {
        width: calc(50% - 20px);
    }

    .sustainable-page .section-6 .list .item:nth-child(3n + 2) {
        margin: 0;
        margin-bottom: 40px;
    }

    .sustainable-page .section-5 .list .item {
        width: calc((100% - (6 * 20px)) / 7);
    }

    .sustainable-page .section-5 .list .item:nth-child(7n + 7) {
        margin-right: 0;
    }

    .sustainable-page .section-5 .list .item:nth-child(8n + 8) {
        margin-right: 20px;
    }
}

@media screen and (max-width: 960px) {
    .AftersalesItem .item {
        width: 49%;
        margin-top: 20px;
    }

    .productTab .productTabBox {
        flex-wrap: wrap;
    }

    .productTab .productTabBox p {
        width: 25%;
    }

    .productTab .productTabBox p.active::after {
        display: none;
    }

    .productTab .productTabBox p:hover::after {
        display: none;
    }

    .AftersalesItem .item .img img {
        width: 100%;
    }

    .productTab .productTabBox p a {
        font-size: 12px;
        line-height: 16px;
        height: 46px;
        display: flex;
        align-items: center;
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .achievementBox .achievementItem .item .text {
        padding: 20px 20px 20px 30px;
    }

    .achievementBox .achievementItem .item .text h6 {
        font-size: 20px;
    }

    .achievementBox .achievementItem .item .text::after {
        content: '';
        position: absolute;
        top: 21px;
        left: 20px;
        width: 2px;
        height: 20px;
        background: #015db2;
    }

    .courseLi .right .courseYear {
        display: none;
    }

    .briefItems .item {
        width: calc(50% - 20px);
        margin-bottom: 20px;
    }

    .organization {
        margin-top: 20px;
    }

    .organization .organizationTitle {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .layout .pos .layoutBox {
        width: 6rem;
    }

    .advantage .advantageBox .item {
        width: 100%;
        height: auto;
        margin-top: 15px;
    }

    .advantage .advantageBox .item .right {
        padding: 20px;
    }

    .download .downloadBox .downloadItem .item {
        width: 49%;
        margin-bottom: 20px;
    }

    .download .downloadBox .downloadItem .item:last-child:nth-child(3n - 1) {
        margin-right: 0;
    }

    .download .downloadBox .downloadItem .item .img img {
        width: 100%;
    }

    .sustainable-page .section-3 .swiper-slide {
        flex-direction: column-reverse;
        justify-content: flex-end;
    }

    .sustainable-page .section-3 .swiper-slide .text {
        width: 100%;
    }

    .sustainable-page .section-3 .swiper-slide .image {
        width: 100%;
    }

    .sustainable-page .section-2 .top-text .text {
        width: 100%;
    }

    .sustainable-page .section-5 .list .item {
        width: calc((100% - (3 * 20px)) / 4);
    }

    .sustainable-page .section-5 .list .item:nth-child(4n + 4) {
        margin-right: 0;
    }

    .sustainable-page .section-5 .list .item:nth-child(7n + 7) {
        margin-right: 20px;
    }
}

@media screen and (max-width: 768px) {
    .indexAbout .main {
        flex-direction: column;
        padding: 0 40px;
    }

    .indexAbout .main .aboutLeft,
    .indexAbout .main .aboutRight {
        width: 100%;
    }

    .indexAbout .main .aboutLeft .leftBox {
        width: 100%;
    }

    .indexContact .leftBox .box {
        margin: auto 30px;
    }

    .indexAbout .aboutRight .links .link-item {
        font-size: 14px;
    }

    .vision .visionBox .visionItem {
        width: 50%;
    }

    .vision .visionBox .visionItem:nth-child(2),
    .vision .visionBox .visionItem:nth-child(4),
    .vision .visionBox .visionItem:nth-child(5),
    .vision .visionBox .visionItem:nth-child(7) {
        background: #fff;
    }

    .vision .visionBox .visionItem:nth-child(1),
    .vision .visionBox .visionItem:nth-child(4),
    .vision .visionBox .visionItem:nth-child(5),
    .vision .visionBox .visionItem:nth-child(8) {
        background: #f7f8f8;
    }

    .FeasibilityItems .item {
        width: 49%;
        min-height: auto;
    }

    .productTab .productTabBox {
        flex-wrap: wrap;
    }

    .productTab .productTabBox p {
        width: 25%;
    }

    .productTab .productTabBox p.active::after {
        display: none;
    }

    .productTab .productTabBox p:hover::after {
        display: none;
    }

    .main {
        max-width: 100%;
    }

    .headerInfo .main {
        max-width: 100%;
    }

    .productFl .productFlBox .item a p {
        font-size: 12px;
    }

    .productTab .main {
        padding: 0;
    }

    .productFl .productFlBox .item {
        padding: 10px 0;
    }

    .productFl .productFlBox .item a .img {
        width: 30px;
        height: 40px;
    }

    .banner {
        height: 300px;
    }

    .debugging {
        padding: 30px 0;
    }

    .debugging .debuggingBox .title {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .debugging .debuggingBox .debuggingText {
        flex-wrap: wrap;
    }

    .debugging .debuggingBox .debuggingText .left {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }

    .debugging .debuggingBox .debuggingText .right {
        width: 100%;
    }

    .debugging .debuggingBox .debuggingText .left p {
        font-size: 16px;
    }

    .debugging .debuggingBox .debuggingText .left::after {
        display: none;
    }

    .achievementBox .achievementItem .item {
        width: 49%;
        margin-top: 20px;
    }

    .achievementCon .achiText h6 {
        font-size: 24px;
    }

    .achievementCon .achiText::after {
        height: 24px;
    }

    .achievementCon .achiText .txt {
        margin-top: 16px;
    }

    .Aftersales,
    .achievement,
    .Feasibility,
    .modular,
    .equipment,
    .contact,
    .vision,
    .course,
    .brief,
    .layout,
    .factory,
    .qhse,
    .advantage,
    .download {
        padding: 40px 0;
    }

    .equipment {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .Aftersales .title,
    .achievementBox .title,
    .FeasibilityBox .title,
    .modular .modularBox .title,
    .equipment .equipmentBox .title,
    .equipment .equipmentBox .title,
    .contact .contactBox .title,
    .vision h5,
    .course .title,
    .brief .title,
    .layout h5,
    .factory .title,
    .qhse .title,
    .advantage .title,
    .download .downloadBox .title {
        font-size: 30px;
    }

    .contact .contactBox .title,
    .vision h5,
    .course .title,
    .brief .title,
    .layout h5,
    .factory .title,
    .qhse .title,
    .download .downloadBox .title {
        margin-bottom: 30px;
    }

    .debugging .debuggingBox .debuggingText .right img {
        width: 100%;
    }

    .achievementTc .achievementCon {
        padding: 20px;
    }

    .achievementTc .achievementCon .btn {
        width: 30px;
        height: 30px;
    }


    .FeasibilityBox .text p {
        font-size: 16px;
    }

    .FeasibilityBox .text::after {
        display: none;
    }

    .FeasibilityBox .text {
        padding-left: 0;
        margin-bottom: 20px;
    }

    .FeasibilityBox .title {
        margin-bottom: 24px;
    }

    .download .downloadBox .downloadItem .item .text h6 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .download .downloadBox .downloadItem .item .text {
        padding: 20px 20px 30px 30px;
    }

    .download .downloadBox .downloadItem .item .text::after {
        height: 22px;
        top: 20px;
        left: 20px;
        z-index: 5;
    }

    .build {
        margin-top: 20px;
    }

    .build .item .top .text h6 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .build .item .top .text .content p {
        font-size: 14px;
        line-height: 22px;
    }

    .build .item .top .text .content {
        max-width: 70%;
    }

    .build .item .top .text {
        padding: 30px;
    }

    .build .item .type {
        padding: 20px 0 20px;
    }

    .build .item .type p {
        font-size: 14px;
        line-height: 24px;
    }

    .build .item {
        padding-top: 20px;
    }

    .DesignBox {
        flex-wrap: wrap;
        margin-bottom: -20px;
    }

    .DesignBox .item {
        width: 100%;
        margin-bottom: 20px;
    }

    .DesignBox .item .img p {
        width: 60px;
        height: 50px;
    }

    .Design .purchase {
        flex-wrap: wrap;
    }

    .Design .purchase .item {
        width: 100%;
        margin-top: 20px;
    }

    .Design .purchase .item .right {
        display: none;
    }

    .Design .purchase .item .left {
        width: 100%;
    }

    .Design .purchase .item .right p {
        width: 50px;
        height: 50px;
    }

    .Design .purchase .item .left .img {
        display: flex;
        align-items: center;
        height: 100px;
        width: 100%;
    }

    .Design .purchase .item .left .img p {
        width: 60px;
        height: 50px;
        display: flex;
        align-items: center;
        margin: auto;
    }

    .Design .purchase .item .left .box {
        margin-top: 0;
    }

    .Design .purchase .item .left .box {
        position: relative;
        padding-top: 25px;
        border-top: 1px solid #cecece;
    }

    .Design .purchase .item .left .box::after {
        content: '';
        width: 40px;
        height: 1px;
        background: #015db2;
        position: absolute;
        top: -1px;
        right: 0;
    }

    .Feasibility .Design {
        padding-top: 10px;
    }

    .DesignBottom {
        flex-wrap: wrap;
        margin-top: 20px;
    }

    .DesignBottom .left,
    .DesignBottom .right {
        width: 100%;
    }

    .DesignBottom .left img {
        width: 100%;
    }

    .DesignBottom .right .box {
        padding: 30px;
    }

    .DesignBottom .right {
        padding: 0;
    }

    .FeasibilityItems .item {
        margin-top: 20px;
    }

    .achievementCon .achiText {
        margin-top: 10px;
    }

    .achievementTcBox .achievementTcSwiper .factory_btn.factory_btnnext {
        top: 92%;
    }

    .achievementTcBox .achievementTcSwiper .factory_btn.factory_btnprev {
        top: 92%;
    }

    .achievementTcBox .achievementTcSwiper {
        padding-bottom: 40px;
    }

    .achievementTcBox .achievementTcSwiper .swiper-pagination {
        padding-right: 0;
    }

    .achievementTc .achievementCon {
        max-width: 94%;
    }

    .factoryBox .factorySwiper .swiper-pagination {
        padding-right: 0;
    }

    .equipmentBox .factorySwiper .swiper-pagination {
        padding-right: 0;
    }

    .equipmentList .equipmentListItem {
        padding-bottom: 0;
    }

    .equipmentList .equipmentListItem .ListItem {
        width: 100%;
    }

    .equipmentList .equipmentListItem .ListItem .Itemtext {
        width: auto;
    }

    .equipmentList .equipmentListItem .ListItem .Itemtext .box {
        flex-wrap: wrap-reverse;
    }

    .equipmentList .equipmentListItem .ListItem .Itemtext .box .left {
        width: 100%;
    }

    .equipmentList .equipmentListItem .ListItem .Itemtext .box .right {
        width: 100%;
    }

    .equipmentList .equipmentListItem .ListItem .Itemtext .swiper-slide img {
        margin: auto;
    }

    .equipmentList .equipmentListItem .ListItem:nth-child(even) .Itemtext {
        left: 0;
    }

    .ListItem .Itemtext .infoBox .infoList {
        flex-wrap: wrap-reverse;
    }

    .ListItem .Itemtext .infoBox .infoList .infoLeft {
        width: 100%;
    }

    .ListItem .Itemtext .infoBox .infoList .infoRirht {
        width: 100%;
    }

    .ListItem .Itemtext .infoBox .infoList .infoRirht .swiper-slide img {
        margin: auto;
    }

    .contact .contactaddress .contactright {
        width: 100%;
        position: relative;
        z-index: 10;
        padding: 50px 0;
    }

    .contact .contactaddress .contactleft {
        width: 100%;
        position: absolute;
        z-index: 5;
        top: 0;
        left: 0;
    }

    .contact .contactaddress {
        flex-wrap: wrap;
        height: auto;
        position: relative;
    }

    .contact .contactright .addresscontact .item .img {
        width: 100%;
    }

    .contact .contactright .addresscontact .item .img img {
        width: 100%;
    }

    .contact #allmap::after,
    .contact #allmap {
        width: 350px;
        height: 350px;
    }


    .contact #allmap .location {
        display: none;
    }

    .contact .contactright li h6 {
        padding-left: 10px;
    }

    .contact .contactright li .contactText {
        padding: 0 10px;
    }

    .Feasibility .recruit {
        padding-top: 10px;
    }

    .Feasibility .recruit .recruitLi a .recruitText .texts h6 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .Feasibility .recruit .recruitLi a .recruitText .texts {
        padding-top: 15px;
    }

    .Feasibility .recruit .recruitLi a .recruitText {
        padding: 14px;
    }

    .promise.university {
        padding: 40px 0;
        margin-top: 20px;
    }

    .promise .promiseBox h6 {
        font-size: 24px;
    }

    .promise .promiseBox .text p {
        font-size: 14px;
        line-height: 22px;
    }

    .promise .promiseBox .text {
        max-width: 80%;
    }

    .backbone {
        padding-top: 30px;
    }

    .backbone .backbonet {
        font-size: 22px;
        margin-bottom: 0px;
    }

    .backbone .backboneBox .backboneLi {
        width: 100%;
        margin-top: 20px;
    }

    .backbone .backboneBox {
        flex-wrap: wrap;
    }

    .backbone .backboneBox .backboneLi .img img {
        width: 100%;
    }

    .backbone .backboneBox .backboneLi .backboneText {
        padding: 20px 20px;
    }

    .Feasibility .FeasibilityBox.internshippadding {
        padding-bottom: 20px;
    }

    .internship {
        padding-top: 0px;
    }

    .internshipLi {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        position: initial;
        overflow: hidden;
        margin-top: 20px;
    }

    .internshipLi .left {
        width: 100%;
        position: initial;
        margin: 0 10px;
        overflow: hidden;
    }

    .internshipLi .internshipItem {
        width: 100%;
    }

    .internship .internshipItem .main .le {
        display: none;
    }

    .internship .internshipItem .main .right {
        width: 100%;
        padding-left: 0;
        min-height: auto;
        padding: 10px 0;
    }

    .internship .internshipItem .main .right h6 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .internship .internshipLi:nth-child(even) .internshipItem .main .right {
        padding-right: 0;
    }

    .Feasibility .Classroom {
        padding-top: 0;
        flex-wrap: wrap;
    }

    .Feasibility .Classroom .ClassroomItem {
        width: 49%;
        margin-top: 10px;
    }

    .Navigation .NavigationUl li a {
        padding: 10px 10px;
        line-height: 19px;
        text-align: center;
    }

    .Navigation .NavigationUl {
        flex-wrap: wrap;
        border-top: none;
    }

    .Navigation .NavigationUl li {
        width: 25%;
        border-top: 2px solid rgba(255, 255, 255, .2);
    }

    .qhseTab .main {
        padding: 0;
    }

    .courseLi .left p {
        font-size: 120px;
    }

    .courseLi .right .year {
        font-size: 120px;
    }

    .courseLi .right .box .text {
        width: 80%;
    }

    .briefItems .item {
        width: 100%;
    }

    .factoryBox .item_box {
        flex-wrap: wrap;
    }

    .factoryBox .item_box .left {
        width: 100%;
    }

    .factoryBox .item_box .right {
        width: 100%;
    }

    .factoryBox .item_box .left .leftText p {
        font-size: 16px;
    }

    .factoryBox .item_box .right .top {
        margin-top: 10px;
    }

    .factoryBox .item_box .right .top .info h4 span {
        font-size: 28px;
        line-height: 40px;
    }

    .factoryBox .item_box .right .top .info h4 {
        font-size: 14px;
    }

    .factoryBox .item {
        padding-bottom: 20px;
        border-bottom: 1px solid #d3d5d6;
        padding-top: 20px;
    }

    .factoryBox .item:first-child {
        padding-top: 0;
    }

    .factoryBox .item_box .right .rightText p {
        font-size: 14px;
        line-height: 26px;
    }

    .factorySwiper .swiper-slide p {
        font-size: 16px;
        padding: 20px;
    }

    .qhse .qhseText p {
        font-size: 16px;
        line-height: 32px;
    }

    .qhse .qhseText {
        padding-left: 0px;
        margin-bottom: 20px;
    }

    .qhse .qhseText::after {
        display: none;
    }

    .hsePolicy {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .hsePolicy .hsePolicyBox {
        margin-top: 20px;
    }

    .hsePolicy .hsePolicyBox .item .itemText p {
        font-size: 16px;
        line-height: 24px;
    }

    .targetBox .targetItem {
        width: 49%;
        margin-bottom: 20px;
    }

    .targetBox .targetItem .left p {
        font-size: 14px;
    }

    .systemBox .item {
        width: 100%;
        margin: 5px 0;
    }

    .systemBox {
        flex-wrap: wrap;
    }

    .system,
    .target {
        padding-top: 30px;
    }

    .system h6,
    .target h6,
    .hsePolicy h6 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .qualitytargetBox {
        flex-wrap: wrap;
        padding-bottom: 30px;
    }

    .qualitytargetBox .item {
        width: 100%;
        margin-bottom: 10px;
    }

    .qualitytarget {
        padding-top: 40px;
    }

    .csrItem {
        padding-top: 30px;
        margin-bottom: 30px;
    }

    .csrItem h6 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .advantage .advantageBox .item .right h6 {
        font-size: 18px;
    }

    .advantage .advantageBox .item .right .text {
        margin-top: 15px;
    }

    .Navigation .NavigationUl li a {
        font-size: 12px;
        line-height: 16px;
    }

    .ph_l ul li {
        padding-left: 10px;
        line-height: 46px;
    }

    .ph_l ul li a {
        font-size: 14px;
        line-height: 26px;
        padding: 10px 0;
    }

    .phoneheader .ph_right .ph_l ul>li .icon {
        height: 46px;
    }

    .sustainable-page {
        padding-top: 40px;
    }

    .sustainable-page .section-1 {
        padding-top: 20px;
        margin-top: 25px;
    }

    .sustainable-page .section-1 .list {
        margin-top: 20px;
    }

    .sustainable-page .section-1 .list .item {
        width: 100%;
        margin-bottom: 20px;
    }

    .sustainable-page .section-1 .list .item:nth-child(3n + 2) {
        margin-bottom: 20px;
    }

    .sustainable-page .section-2 {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 40px;
    }

    .sustainable-page .section-2 .list .item {
        width: 100%;
        margin-bottom: 20px;
    }

    .sustainable-page .section-2 .list .item img {
        width: 100%;
    }

    .sustainable-page .section-2 .list .item:nth-child(3n + 2) {
        margin: 0;
        margin-bottom: 20px;
    }

    .sustainable-page .section-3 {
        padding-top: 40px;
        padding-bottom: 40px;
        margin-top: 40px;
    }

    .sustainable-page .section-3 .help-swiper {
        margin-top: 40px;
    }

    .sustainable-page .section-4 {
        padding-top: 50px;
        padding-bottom: 40px;
        margin-top: 40px;
    }

    .sustainable-page .section-4 .list {
        width: 90%;
        margin-top: 40px;
    }

    .sustainable-page .section-4 .list .item {
        width: 100%;
        margin-bottom: 20px;
    }

    .sustainable-page .section-4 .list .item:nth-child(3n + 2) {
        margin-bottom: 20px;
    }

    .sustainable-page .section-5 {
        min-height: auto;
        margin-top: 80px;
    }

    .sustainable-page .section-5::before {
        top: -40px;
    }

    .sustainable-page .section-5 .top-content {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .sustainable-page .section-5 .swiper-agenda .swiper-slide {
        width: 100px;
    }

    .sustainable-page .section-6 {
        padding-top: 40px;
        margin-top: 40px;
    }

    .sustainable-page .section-6 .list .item {
        width: 100%;
        margin-bottom: 20px;
    }

    .sustainable-page .section-6 .list .item:nth-child(3n + 2) {
        margin-bottom: 20px;
    }

    .sustainable-page .section-6 .list {
        padding-bottom: 20px;
    }

    .sustainable-page .section-3 .swiper-slide {
        height: auto;
    }

    .sustainable-page .section-1 .list .item {
        height: 280px;
    }

    .sustainable-page .section-3 .swiper-slide .text {
        padding: 20px;
    }

    .sustainable-page .section-1 .list .item .text {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 16px;
    }

    .sustainable-page .section-2 .top-text .text {
        font-size: 16px;
    }

    .sustainable-page .section-3 .swiper-slide {
        font-size: 14px;
    }

    .sustainable-page .section-4 .list .item .text {
        font-size: 16px;
    }

    .sustainable-page .section-5 .top-content .text {
        font-size: 14px;
    }

    .sustainable-page .section-6 .list .item {
        height: 280px;
    }

    .sustainable-page .section-6 .list .item .text {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 16px;
    }

    .sustainable-page .section-2 .list {
        margin-top: 20px;
    }

    .sustainable-page .section-1 .s-title {
        font-size: 24px;
    }

    .sustainable-page .section-2 .s-title {
        font-size: 24px;
    }

    .sustainable-page .section-3 .title {
        font-size: 24px;
    }

    .sustainable-page .section-4 .title {
        font-size: 24px;
    }

    .sustainable-page .section-5 .top-content .title {
        font-size: 24px;
    }

    .sustainable-page .section-6 .title {
        font-size: 24px;
    }

    .sustainable-page .section-5 .list {
        padding-left: 20px;
        padding-right: 20px;
    }

    .sustainable-page .section-5 .list .item {
        width: calc((100% - (20px * 2)) / 3);
    }

    .sustainable-page .section-5 .list .item:nth-child(4n + 4) {
        margin-right: 20px;
    }

    .sustainable-page .section-5 .list .item:nth-child(3n + 3) {
        margin-right: 0;
    }
}


@media screen and (max-width: 540px) {
    .AftersalesItem .item {
        width: 100%;
        height: 394px;
    }

    .Aftersales {
        padding: 30px 0;
    }

    .Aftersales .title {
        font-size: 26px;
    }

    .FeasibilityItems .item {
        width: 100%;
    }

    .build .item .top .img img {
        min-height: 240px;
    }

    .achievementBox .achievementItem .item {
        width: 100%;
    }

    .achievementBox .achievementItem .item .img img {
        width: 100%;
    }

    .modular .modularBox .item .item_box {
        flex-wrap: wrap;
    }

    .modular .modularBox .item .item_box .modularLeft {
        width: 100%;
    }

    .modular .modularBox .item .item_box .modularRight {
        width: 100%;
        margin-top: 10px;
    }

    .modular .modularBox .item .item_box .modularLeft h6 {
        font-size: 24px;
    }

    .modular .modularBox .item .item_box .modularRight .modularText p {
        font-size: 14px;
        line-height: 24px;
    }

    .modular .modularBox .item .item_box .modularRight .modularText ul li {
        font-size: 14px;
        line-height: 24px;
    }

    .factoryBox .item {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .factoryBox .factorySwiper {
        padding-bottom: 36px;
    }

    .equipmentBox .factorySwiper {
        padding-bottom: 36px;
    }

    .modular .item .factorySwiper .swiper-slide p {
        padding: 10px 10px;
        font-size: 14px;
    }

    .Feasibility .recruit {
        flex-wrap: wrap;
    }

    .Feasibility .recruit .recruitLi {
        width: 100%;
        margin-top: 20px;
    }

    .FeasibilityBox .text {
        margin-bottom: 0px;
    }

    .Feasibility .Classroom .ClassroomItem {
        width: 100%;
    }

    .Feasibility .Classroom .ClassroomItem .Classroomimg img {
        width: 100%;
    }

    .Navigation .NavigationUl li a {
        padding: 5px 0;
        display: flex;
        align-items: center;
        height: 100%;
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .courseLi .left {
        display: none;
    }

    .courseLi .right {
        width: 100%;
    }

    .courseLi .right .year span {
        display: inline-block;
    }

    .courseLi .right .year {
        width: 100%;
    }

    .courseLi .right .box .text {
        width: 100%;
        padding-bottom: 0;
    }

    .courseLi .right .num .box {
        flex-wrap: wrap;
    }

    .courseLi .right .year {
        font-size: 32px;
        margin-bottom: 10px;
    }

    .courseLi .right .box .text p {
        font-size: 16px;
        line-height: 24px;
    }

    .course .title {
        margin-bottom: 10px;
    }

    .vision .visionBox .visionItem p {
        font-size: 16px;
    }

    .vision .visionBox .visionItem {
        height: 200px;
    }

    .layout .pos .layoutBox .text h6 {
        font-size: 14px;
        line-height: 20px;
    }

    .layout .pos .layoutBox .text p {
        font-size: 12px;
        line-height: 18px;
        color: #333333;
    }

    .hsePolicy .hsePolicyBox {
        flex-wrap: wrap;
    }

    .hsePolicy .hsePolicyBox .item {
        width: 100%;
    }

    .hsePolicy .hsePolicyBox .item .img img {
        width: 100%;
    }

    .targetBox .targetItem {
        width: 100%;
    }

    .systemBox .item {
        flex-wrap: wrap;
    }

    .systemBox .item .left,
    .systemBox .item .right {
        width: 100%;
    }

    .csrItemBox .distributed-pic .info {
        width: 100% !important;
        margin: 5px 0;
    }

    .csrItemBox .distributed-pic .info:hover {
        width: 100% !important;
    }

    .csrItemBox .distributed-pic {
        flex-wrap: wrap;
        height: auto;
    }

    .csrItemBox .masking-black {
        padding: 15px;
        transform: translateY(calc(100% - 61px));
    }

    .advantage .advantageBox .item .left p {
        width: 60px;
    }

    .footerLogo {
        display: none;
    }

    .footerNav {
        display: none;
    }

    .footer {
        padding: 5px 0;
    }

    .footerBottom {
        flex-wrap: wrap;
    }

    .footerBottom p {
        width: 100%;
        line-height: 20px;
        margin: 5px 0;
    }

    .ListItem .Itemtext .infoBox .infoList .infoLeft .numBox .lest {
        width: 100%;
        margin-bottom: 10px;
    }

    .ListItem .Itemtext .infoBox .infoList .infoLeft .numBox {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .ListItem .Itemtext .infoBox .infoList .infoLeft .numBox .lest h6 span {
        font-size: 26px;
    }

    .ListItem .Itemtext .infoBox .infoList .infoLeft .numBox .lest h6 {
        font-size: 16px;
    }

    .bannerText .textBox h3 {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 10px;
    }

    .bannerText .textBox .text p {
        font-size: 20px;
        line-height: 28px;
    }

    .bannerText .textBox .text {
        max-width: 90%;
    }

    #fp-nav ul li a.active span,
    .fp-slidesNav ul li a.active span,
    #fp-nav ul li:hover a.active span,
    .fp-slidesNav ul li:hover a.active span {
        height: 22px !important;
    }

    #fp-nav ul li a span,
    .fp-slidesNav ul li a span {
        height: 22px !important;
    }

    #fp-nav ul li,
    .fp-slidesNav ul li {
        height: 22px !important;
    }

    .swiper-button-prev.banner_btn,
    .swiper-button-next.banner_btn {
        display: none;
    }

    .bannerText .main {
        max-width: 90%;
    }

    .bannerText .more a {
        font-size: 12px;
        line-height: 24px;
        padding: 8px 40px 8px 20px;
        background: #015db2 url(../images/icon3.png) no-repeat center right 20px;
    }

    .textBox .more {
        margin-top: 24px;
    }

    .indexAbout .fp-tableCell {
        flex-wrap: wrap;
    }

    .indexAbout .aboutLeft,
    .indexAbout .aboutRight {
        width: 100%;
    }

    .aboutLeft .leftBox {
        width: 100%;
        height: auto;
        padding: 20px;
    }

    .leftBox h5 {
        font-size: 28px;
    }

    .leftBox .text p {
        font-size: 14px;
        line-height: 24px;
    }

    .leftBox .text {
        margin-top: 10px;
    }

    .aboutLeft .more a {
        font-size: 12px;
        line-height: 24px;
        padding: 8px 40px 8px 20px;
        background: #015db2 url(../images/icon3.png) no-repeat center right 20px;
    }

    .leftBox .more {
        margin-top: 20px;
    }

    .indexAbout .aboutRight .box {
        width: 80%;
        padding: 20px 0;
    }

    .indexAbout .aboutRight .box p {
        font-size: 20px;
        line-height: 26px;
    }

    .indexAbout .aboutRight .box h3 {
        font-size: 34px;
        line-height: 1;
        margin-top: 10px;
    }

    .indexProduct .item {
        width: 100%;
    }

    .indexProduct .fp-tableCell {
        flex-wrap: wrap;
    }


    .indexProduct {
        display: none;
    }

    /* .itemBoxText{
        display: none;
    } */
    .indexProduct .item {
        display: none;
    }

    .swiper_Product {
        display: block;
        width: 100%;
    }

    .swiper_Product .itemBox {
        opacity: 1;
    }

    .indexProduct::after {
        display: none;
    }

    .itemBox h5 {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .itemBox h6 {
        font-size: 24px;
        margin-top: 10px;
    }

    .itemBoxText {
        margin-top: 20px;
        width: 60%;
    }

    .itemBox .more a {
        font-size: 12px;
        line-height: 24px;
        padding: 8px 40px 8px 20px;
        background: #015db2 url(../images/icon3.png) no-repeat center right 20px;
    }

    .itemBox .more {
        margin-top: 20px;
    }

    .indexContact .leftBox {
        width: 100%;
    }

    .indexContact .rightBox {
        width: 100%;
    }

    .indexContact .fp-tableCell {
        flex-wrap: wrap;
    }

    .download .downloadBox .downloadItem .item {
        width: 100%;
    }

    .indexContact .more a {
        font-size: 12px;
        line-height: 24px;
        padding: 8px 40px 8px 20px;
        background: #015db2 url(../images/icon3.png) no-repeat center right 20px;
    }

    .indexIndustry h5 {
        margin-top: 60px;
        font-size: 32px;
    }

    .indexIndustryBox .industryBoxSwiper .swiper-button-prev.choice_btn,
    .indexIndustryBox .industryBoxSwiper .swiper-button-next.choice_btn {
        display: none;
    }

    .indexIndustry .main {
        max-width: 90%;
    }

    .indexIndustryBox {
        width: 140%;
    }

    .indexIndustryBox .industryBoxSwiper .swiper-slide {
        min-height: 350px;
    }

    .indexContact .leftBox:hover::after,
    .indexContact .rightBox .follow:hover::after {
        width: 90%;
        left: 5%;
    }

    .inputBox form input[type="text"] {
        width: 80% !important;
        font-size: 18px !important;
        padding: 10px 15px !important;
    }

    .inputBox form input[type="submit"] {
        width: 80px !important;
        font-size: 16px !important;

    }

    .submit-in-search-view {
        height: 43px !important;
    }

    .indexContact .rightBox .follow ul li .ewm {
        display: none;
        position: absolute;
        top: -260%;
        transform: translateX(-50%);
        left: 50%;
        width: 100px;
        height: 100px;
        z-index: 50;
    }

}

@media screen and (max-width: 375px) {
    .AftersalesItem .item {
        width: 100%;
        height: 350px;
    }
}