/* 公共样式 */
    /* @import url(fonts.css); */
    
    html {
        scroll-behavior: smooth;
    }
    
    .pagination {
        display: flex;
        justify-content: center;
        margin: 20px auto 30px;
    }
    
     ::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 0px;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 0px;
    }
    
     ::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: #535353;
    }
    
     ::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        background: #EDEDED;
    }
    
    .pagination li {
        width: 30px;
        height: 30px;
        margin: 10px 10px;
        border: 1px solid #ccc;
        text-align: center;
        line-height: 26px;
    }
    
    .pagination .disabled {
        opacity: 0.5;
    }
    
    .pagination .active {
        background: #005aa0;
        color: #fff;
    }
    
    .empty {
        height: 100px;
        background: #fff;
    }
    
    .wp {
        min-width: 1170px;
        max-width: 1460px;
        margin: 0 auto;
        /* overflow: hidden; */
        padding: 0 calc(1vw + 20px);
        position: relative;
    }
    
    .wp .titledemo {
        text-align: center;
        padding: 100px 0 30px 0;
    }
    
    .wp .titledemo .desc {
        font-size: 16px;
        color: #005aa0;
        font-family: 'gilroy-regular';
        line-height: 3;
    }
    
    .wp .titledemo .title {
        font-size: 48px;
        line-height: 80px;
        color: #000;
        font-family: 'SansCN-Regular';
    }
    
    .wp .titledemo .cont {
        font-size: 18px;
        color: #666;
        ;
        font-family: 'SansCN-Regular';
    }
    /* 头部样式 */
    
    header {
        height: 100px;
        z-index: 99;
        position: absolute;
        width: 100%;
    }
    
    header .wp {
        display: flex;
        justify-content: space-between;
    }
    
    header .logobox {
        max-width: 410px;
        overflow: hidden;
    }
    
    header .logobox img {
        height: 53px;
        margin: 23.5px 0 0 0;
    }
    
    header nav {
        height: 100px;
        line-height: 100px;
    }
    
    header .navbox {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    
    header nav .mainnav {
        display: flex;
        justify-content: flex-end;
    }
    
    header nav .mainnav .subnav {
        background: #fff;
        line-height: 1;
        display: none;
        position: absolute;
        width: max-content;
        top: 100px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    header nav .mainnav .subnav a {
        padding: 20px;
        display: block;
        font-size: 16px;
        text-align: center;
    }
    
    header nav .mainnav .subnav a:hover {
        color: #172989;
    }
    
    header nav .mainnav li {
        flex-grow: 1;
        height: 100px;
        position: relative;
    }
    
    header nav .mainnav li:hover .subnav {
        display: block;
    }
    
    header nav .mainnav li a {
        font-size: 18px;
        color: #333;
        line-height: 30px;
        font-family: SansCN-Regular;
        padding: 0 20px;
    }
    
    header nav .mainnav li a:hover {
        text-decoration: none;
        color: #000;
    }
    
    header nav .mainnav li:hover .subnav a {
        padding: 10px 20px;
    }
    
    header nav .mainnav li:hover .subnav a:hover {
        background-color: rgb(0, 90, 160);
        color: #fff;
    }
    
    header nav .mainnav li .langu {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    header nav .mainnav li .langu img {
        max-width: 24px;
    }
    
    header nav .mainnav li .langu a {
        padding: 0 0 0 4px;
        font-size: 16px;
    }
    
    .banner {
        position: relative;
    }
    
    .banner .swiper-pagination-bullet {
        background: #333333;
    }
    
    .banner .tbox {
        position: absolute;
        z-index: 9;
        top: 230px;
        left: 12%;
        transition: all 1.2s;
    }
    
    .banner .tbox .title {
        font-size: 65px;
        line-height: 80px;
        color: #fff;
        font-family: 'SansCN-Regular';
    }
    
    .banner .tbox .desc {
        font-size: 65px;
        line-height: 80px;
        color: #fff;
        font-family: 'SansCN-Bold';
    }
    
    .banner .tbox .cont {
        font-size: 20px;
        line-height: 90px;
        font-family: 'SansCN-Regular';
        color: #fff;
    }
    
    .banner .tbox .btn-a {
        width: 200px;
        height: 52px;
        background: #fff;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin: 52px 0 0 0;
    }
    
    .banner .tbox .btn-a span {
        font-size: 16px;
        color: #005aa0;
    }
    
    .banner .banpic {
        max-width: 100%;
        min-width: 1250px;
    }
    
    footer {
        background: #005aa0;
        padding: 0 0 50px 0;
    }
    
    footer .wp .wrap {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
    }
    
    footer .wp .wrap .top {
        height: 135px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 68px 0;
    }
    
    footer .wp .wrap .btm {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    
    footer .wp .wrap .btm .item {
        margin: 0
    }
    
    footer .wp .wrap .btm .item .title {
        font-size: 18px;
        font-family: 'SansCN-Regular';
        line-height: 100%;
        color: #fff;
        margin: 0 0 32px 0;
    }
    
    footer .wp .wrap .btm .item .cate {
        font-size: 16px;
        font-family: 'SansCN-Regular';
        line-height: 36px;
        color: rgba(255, 255, 255, 0.8);
        display: block;
    }
    
    footer .wp .wrap .btm .item .addressinfo {
        font-size: 16px;
        color: #fff;
        line-height: 100%;
        font-family: 'SansCN-Regular';
        margin: 0 0 28px 0;
    }
    
    .indexpro {
        padding: 0 0 120px 0;
    }
    
    .indexpro .wp .wrap .top {
        display: flex;
        justify-content: space-between;
        padding: 100px 0 65px;
        align-items: flex-end;
    }
    
    .indexpro .wp .wrap .top .titlebox .desc {
        font-size: 15px;
        color: #005aa0;
        font-family: 'gilroy-regular';
    }
    
    .indexpro .wp .wrap .top .titlebox .title {
        font-size: 48px;
        color: #000;
        font-family: 'SansCN-Medium';
        line-height: 80px;
    }
    
    .indexpro .wp .wrap .top .titlebox .cont {
        font-size: 18px;
        color: #666666;
        font-family: 'SansCN-Regular';
    }
    
    .indexpro .wp .wrap .top .funcbox {
        display: flex;
        justify-content: center;
    }
    
    .indexpro .wp .wrap .top .funcbox .item {
        width: 56px;
        height: 56px;
        border: 1px solid #cccc;
        display: flex;
        justify-content: center;
        align-items: center;
        user-select: none;
        cursor: pointer;
        -webkit-user-select: none;
    }
    
    .indexpro .wp .wrap .top .funcbox .prev {
        border-right: 0;
    }
    
    .indexpro .wp .wrap .swiper .swiper-slide {
        position: relative;
        height: 560px;
    }
    
    .indexpro .wp .wrap .swiper .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .indexpro .wp .wrap .swiper .swiper-slide p {
        position: absolute;
        z-index: 99;
        left: 0;
        bottom: 40px;
        color: #fff;
        left: 50%;
        transform: translateX(-50%);
        font-size: 24px;
        width: max-content;
        font-family: 'SansCN-Normal';
    }
    
    .appl {
        background: url(../images/picture/application/bg.jpg) no-repeat center;
        height: 44.76vw;
        min-height: 640px;
        min-width: 1170px;
    }
    
    .appl .wp {
        position: relative;
        height: 100%;
    }
    
    .appl .wp .numbox {
        width: max-content;
        position: absolute;
        right: 61.2%;
        top: 34%;
    }
    
    .appl .wp .numbox .item {
        position: absolute;
        display: flex;
        align-items: center;
        width: max-content;
        user-select: none;
        cursor: pointer
    }
    
    .appl .wp .numbox .item span {
        width: 31px;
        height: 31px;
        border: 1px solid rgba(255, 255, 255, 0);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 30px 0 0;
        transition: all 0.6s;
    }
    
    .appl .wp .numbox .item span i {
        display: block;
        width: 10px;
        height: 10px;
        background: #fff;
        border-radius: 50%;
    }
    
    .appl .wp .numbox .item:nth-child(1) {
        left: -3px;
    }
    
    .appl .wp .numbox .item:nth-child(2) {
        top: 120px;
        left: 10px;
    }
    
    .appl .wp .numbox .item:nth-child(3) {
        top: 260px;
        left: -1px;
    }
    
    .appl .wp .numbox .item p {
        font-size: 20px;
        color: #fff;
        font-family: 'SansCN-Regular';
    }
    
    .appl .wp .numbox .active span {
        border: 1px solid rgba(255, 255, 255, 1);
        transition: all 0.6s;
    }
    
    .appl .wp .numbox .active p {
        font-size: 22px;
    }
    
    .appl .wp .txtbox {
        width: 540px;
        position: absolute;
        right: 30px;
        top: 150px;
        z-index: 99;
        transition: all 0.6s;
    }
    
    .appl .wp .txtbox .swiper .tbox .desc {
        font-size: 20px;
        color: #fff;
        font-family: 'SansCN-Regular';
        position: relative;
        padding: 0 0 0 40px;
    }
    
    .appl .wp .txtbox .swiper .tbox .desc::before {
        content: '';
        height: 1px;
        width: 35px;
        background: #fff;
        position: absolute;
        left: 0;
        top: 15px;
    }
    
    .appl .wp .txtbox .swiper .tbox .title {
        font-size: 38px;
        color: #fff;
        line-height: 60px;
        font-family: 'SansCN-Medium';
    }
    
    .appl .wp .txtbox .swiper .tbox .cont {
        width: 498px;
        height: max-content;
        background: #fff;
        border-radius: 15px;
        padding: 30px 20px;
        margin: 40px 0 70px 0;
    }
    
    .appl .wp .txtbox .swiper .tbox .cont span {
        display: block;
        font-size: 18px;
        line-height: 30px;
        color: #666;
        font-family: 'SansCN-Regular';
        position: relative;
        padding: 0 0 0 20px;
    }
    
    .appl .wp .txtbox .swiper .tbox .cont span::before {
        content: '';
        width: 13px;
        height: 13px;
        background: url(../images/ticon.png) no-repeat center;
        position: absolute;
        top: 10px;
        left: 0;
    }
    
    .appl .wp .txtbox .swiper .tbox .more {
        width: 200px;
        height: 52px;
        font-size: 16px;
        line-height: 90px;
        font-family: 'SansCN-Regular';
        border-radius: 26px;
        border: 1px solid #fff;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .indexabout .wp .wrap {
        padding: 160px 0 150px 0;
        display: flex;
        justify-content: space-between;
    }
    
    .indexabout .wp .wrap .left {
        max-width: 410px;
    }
    
    .indexabout .wp .wrap .left .title {
        font-size: 20px;
        color: #005aa0;
        font-family: 'SansCN-Regular';
        position: relative;
        padding: 0 0 0 40px;
    }
    
    .indexabout .wp .wrap .left .title::before {
        content: '';
        height: 1px;
        width: 35px;
        background: #005aa0;
        position: absolute;
        left: 0;
        top: 15px;
    }
    
    .indexabout .wp .wrap .left .desc {
        font-size: 38px;
        color: #000;
        line-height: 60px;
        font-family: 'SansCN-Regular';
    }
    
    .indexabout .wp .wrap .left .more {
        width: 198px;
        height: 50px;
        background: #fff;
        display: flex;
        border: 1px solid #005aa0;
        justify-content: space-evenly;
        align-items: center;
        margin: 90px 0 0 0;
    }
    
    .indexabout .wp .wrap .left .more span {
        font-size: 16px;
        color: #005aa0;
    }
    
    .indexabout .wp .wrap .right {
        max-width: 833px;
    }
    
    .indexabout .wp .wrap .right .cont {
        font-size: 17px;
        color: #000;
        line-height: 32px;
        text-indent: 18px;
        font-family: 'SansCN-Regular';
    }
    
    .indexabout .aboutpic {
        max-width: 100%;
    }
    
    .indexcases .wp .wrap {
        position: relative;
        width: 100%;
        height: 31.5vw;
        min-height: 390px;
        margin: 0 0 130px 0;
    }
    
    .indexcases .wp .wrap .item {
        position: absolute;
        overflow: hidden;
    }
    
    .indexcases .wp .wrap .item img {
        transition: all .6s;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .indexcases .wp .wrap .case1 {
        width: 56.57%;
        height: 31.51vw;
        top: 0;
        left: 0;
        min-height: 390px;
    }
    
    .indexcases .wp .wrap .case2 {
        width: 20.54%;
        left: 57.73%;
        top: 0;
        height: 15.10vw;
        min-height: 187px;
    }
    
    .indexcases .wp .wrap .case3 {
        left: 79.45%;
        top: 0;
        width: 20.54%;
        height: 15.10vw;
        min-height: 187px;
    }
    
    .indexcases .wp .wrap .case4 {
        width: 42.19%;
        height: 15.6vw;
        bottom: 0;
        right: 0;
        min-height: 192px;
    }
    
    .indexcases .wp .wrap .item:hover img {
        transition: all 0.6s;
        transform: scale(1.03);
    }
    
    .brand {
        background: url(../images/picture/brand/bg.jpg) no-repeat center;
    }
    
    .brand .wp .titledemo .desc {
        color: #fff;
        text-transform: uppercase;
    }
    
    .brand .wp .titledemo .title {
        color: #fff;
    }
    
    .brand .wp .titledemo .cont {
        color: #fff;
    }
    
    .brand .wp .list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 50px 0 70px 0;
    }
    
    .brand .wp .list .item {
        width: calc(100% / 6 - 70px);
        margin: 0 84px 40px 0;
        max-width: 184px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        overflow: hidden;
    }
    
    .brand .wp .list .item:nth-child(6n) {
        margin: 0 0 40px 0;
    }
    
    .brand .wp .list .item img {
        max-width: 90%;
        transition: all 0.3s;
    }
    
    .brand .wp .list .item:hover img {
        transition: all 0.3s;
        transform: scale(1.05);
    }
    
    .indexnews {
        background: #f1f1f1;
        padding: 0 0 140px 0;
    }
    
    .indexnews .wp {
        padding: 0 130px 0 calc(1vw + 20px);
        position: relative;
    }
    
    .indexnews .wp .top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 120px 0 74px 0;
    }
    
    .indexnews .wp .top .titlebox .desc {
        font-size: 15px;
        color: #005aa0;
        font-family: 'gilroy-regular';
    }
    
    .indexnews .wp .top .titlebox .title {
        font-size: 48px;
        color: #000;
        font-family: 'SansCN-Medium';
        line-height: 80px;
    }
    
    .indexnews .wp .top .titlebox .cont {
        font-size: 18px;
        color: #666666;
        font-family: 'SansCN-Regular';
    }
    
    .indexnews .wp .top .more {
        width: 198px;
        height: 50px;
        background: #fff;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin: 90px 0 0 0;
    }
    
    .indexnews .wp .top .more span {
        font-size: 16px;
        color: #005aa0;
    }
    
    .indexnews .wp .list {
        display: flex;
        justify-content: flex-start;
        background: #fff;
        position: relative;
        width: 98%;
        transition: all 0.6s;
    }
    
    .indexnews .wp .list::after {
        content: '';
        width: 600px;
        height: 100%;
        background: #fff;
        position: absolute;
        right: -600px;
        top: 0;
    }
    
    .indexnews .wp .list .item {
        padding: 80px 40px 70px;
        border-right: 1px solid #eee;
    }
    
    .indexnews .wp .list .item .date {
        font-size: 16px;
        color: #666;
        line-height: 34px;
        font-family: 'gilroy-regular';
    }
    
    .indexnews .wp .list .item .title {
        font-size: 24px;
        color: #005aa0;
        line-height: 34px;
        font-family: 'SansCN-Regular';
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        width: 90%;
        margin: 0 0 20px 0;
    }
    
    .indexnews .wp .list .item .cont {
        font-size: 17px;
        color: #666;
        line-height: 28px;
        font-family: 'SansCN-Regular';
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin: 0 0 130px 0;
    }
    
    .indexnews .wp .list .item .more {
        font-size: 16px;
        color: #666;
        line-height: 34px;
        font-family: 'SansCN-Regular';
    }
    
    .indexnews .wp .funcbox {
        display: flex;
        justify-content: center;
        position: absolute;
        right: 54px;
        bottom: 30px;
        flex-direction: column;
        transition: all 0.6s;
    }
    
    .indexnews .wp .funcbox .item {
        width: 56px;
        height: 56px;
        border: 1px solid #cccc;
        display: flex;
        justify-content: center;
        align-items: center;
        user-select: none;
        cursor: pointer;
    }
    
    .indexnews .wp .funcbox .prev {
        border-bottom: 0;
    }
    
    * 内页导航 */ .sub-cate {
        height: 100px;
        border-bottom: 1px solid #ededed;
    }
    
    .sub-cate .wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    
    .sub-cate .wrapper .leftside {
        background-color: #235e9a;
        line-height: 100px;
        padding: 0 0 0 160px;
        width: 425px;
        transition: all 0.4s;
    }
    
    .sub-cate .wrapper .leftside .page_name {
        font-size: 28px;
        color: #fff;
        font-weight: bold;
        position: relative;
        font-family: 'SansCN-Bold';
    }
    
    .sub-cate .wrapper .leftside .page_name::before {
        content: '';
        width: 53px;
        height: 25px;
        background: url(../images/home-icon.png)no-repeat center;
        position: absolute;
        top: 37px;
        left: -66px;
    }
    
    .sub-cate .wrapper .leftside .page_name::after {
        content: '';
        width: 11px;
        height: 21px;
        background: url(../images/arrow-icon.png)no-repeat center;
        position: absolute;
        right: 76px;
        top: 38px;
    }
    
    .sub-cate .wrapper .rightside {
        background-color: #fff;
        height: 100px;
    }
    
    .sub-cate .wrapper .rightside .catelist {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 0 0 0 20px
    }
    
    .sub-cate .wrapper .rightside .catelist .cateitem {
        font-size: 20px;
        color: #323232;
        margin: 0 25px;
        height: 100px;
        line-height: 100px;
        user-select: none;
        color: #000;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-family: 'SansCN-Medium';
    }
    
    .sub-cate .wrapper .rightside .catelist .active {
        font-weight: bold;
        color: #000;
        border-bottom: 2px solid #235e9a;
        font-family: 'SansCN-Bold';
    }
    
    .aboutus {
        background: url(../images/picture/about/bg.jpg) no-repeat center;
        padding: 100px 0 90px 0;
    }
    
    .aboutus .wp .wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .aboutus .wp .wrap .tbox {
        width: 54.79%;
        max-width: 890px;
    }
    
    .aboutus .wp .wrap .tbox .title {
        font-size: 42px;
        line-height: 60px;
        font-family: 'SansCN-Bold';
        color: #000;
        font-weight: 600;
        margin: 0 0 70px 0;
    }
    
    .aboutus .wp .wrap .tbox .cont {
        font-size: 16px;
        color: #000;
        font-family: 'SansCN-Regular';
        line-height: 200%;
        text-indent: 32px;
    }
    
    .aboutus .wp .wrap .pbox {
        width: 36.84%;
    }
    
    .aboutus .wp .wrap .pbox img {
        max-width: 100%;
    }
    
    .culture {
        background: url(../images/picture/about/bg2.jpg) no-repeat center;
        background-size: cover;
        padding: 45px 0;
    }
    
    .culture .wp {}
    
    .culture .wp .wrap {
        background: #fff;
        padding: 40px 55px;
        margin: 0 0 0 -55px;
        height: 508px;
        display: flex;
        justify-content: flex-start;
    }
    
    .culture .wp .wrap .pbox {
        margin: 0 120px 0 0;
        width: 47.619%;
    }
    
    .culture .wp .wrap .pbox img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .culture .wp .wrap .tbox {}
    
    .culture .wp .wrap .tbox .title {
        font-size: 42px;
        line-height: 60px;
        color: #000;
        font-family: 'SansCN-Bold';
        font-weight: bold;
    }
    
    .culture .wp .wrap .tbox .cont {
        margin: 35px 0 0 0;
        font-size: 16px;
        color: #000;
        font-family: 'SansCN-Normal';
        line-height: 28px;
    }
    
    .culture .wp .wrap .tbox .cont span {
        font-weight: bold;
    }
    
    .factory .wp .titledemo .title {
        font-weight: bold;
    }
    
    .factory {
        background: #f4f4f4;
        padding: 0 0 30px 0;
    }
    
    .factory .swiper-wrapper {
        padding: 0 0 50px 0;
    }
    
    .factory .wp .swiper .swiper-slide {
        height: 300px;
        overflow: hidden;
    }
    
    .factory .wp .swiper .swiper-slide img {
        max-width: 100%;
    }
    /* 未来憧憬 */
    
    .future .wp .list {
        display: flex;
    }
    
    .future .wp .list .item {
        width: calc(100% / 3 - 10px);
        margin: 0 15px 0 0;
        height: 352px;
        overflow: hidden;
    }
    
    .future .wp .list .item:last-child {
        margin: 0;
    }
    
    .future .wp .list .item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.5s;
    }
    
    .future .wp .list .item:hover img {
        transform: scale(1.05);
        transition: all 0.5s;
    }
    
    .honor {
        padding: 0 0 120px 0;
    }
    
    .honor .wp .list {
        display: flex;
        justify-content: center;
        padding: 40px 0 0 0;
    }
    
    .honor .wp .list .item {
        margin: 0 100px 0 0;
    }
    
    .honor .wp .list .item img {
        max-width: 100%;
    }
    
    .honor .wp .swiper .swiper-wrapper .swiper-slide img {
        max-width: 100%;
    }
    
    .contactus {
        padding: 0 0 150px 0;
    }
    
    .contactus .wp .contlogo {
        display: block;
        margin: 80px auto 10px;
    }
    
    .contactus .wp .comname {
        font-size: 27px;
        color: #000;
        font-family: 'SansCN-Bold';
        margin: 0 auto;
        width: max-content;
    }
    
    .contactus .wp .qrbox {
        width: 250px;
        height: 261px;
        border: 1px solid rgba(0, 0, 0, 0.05);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: 30px auto 50px;
    }
    
    .contactus .wp .qrbox img {
        max-width: 100%;
    }
    
    .contactus .wp .qrbox .title {
        font-size: 20px;
        font-family: 'SansCN-Regular';
    }
    
    .contactus .wp .contlist {
        display: flex;
        justify-content: flex-start;
        padding: 0 0 50px 0;
    }
    
    .contactus .wp .contlist .item {
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
        width: calc(100% / 4 - 4px);
        margin: 0 4px 0 0;
        padding: 78px 0 64px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .contactus .wp .contlist .item:last-child {
        margin: 0;
    }
    
    .contactus .wp .contlist .item img {}
    
    .contactus .wp .contlist .item span {
        font-size: 20px;
        display: block;
        margin: 24px 0;
        font-family: 'SansCN-Regular';
    }
    
    .contactus .wp .contlist .item .desc {
        font-size: 18px;
        display: block;
        font-family: 'SansCN-Regular';
    }
    
    .contactus .wp .contlist .phonebox {}
    
    .contactus .wp .contlist .phonebox .desc {
        font-size: 29px;
        font-family: 'SansCN-Bold';
    }
    
    .contactus .wp .map {
        height: 490px;
        width: 100%;
    }
    
    .product .wp .list {
        padding: 120px 0 0 0;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    
    .product .wp .list .item {
        margin: 0 40px 40px 0;
        width: calc(100% / 3 - 40px);
        overflow: hidden;
    }
    
    .product .wp .list .item:nth-child(3n) {
        margin: 0 0 40px 0;
    }
    
    .product .wp .list .item .picbox {
        height: 320px;
        width: 100%;
        overflow: hidden;
    }
    
    .product .wp .list .item .picbox img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .product .wp .list .item .name {
        font-size: 22px;
        color: #000;
        font-family: 'SansCN-Regular';
        padding: 40px 0 10px 0;
        width: max-content;
        margin: 0 auto;
    }
    
    .prodetail {
        padding: 130px 0 210px 0;
    }
    
    .prodetail .wp .title {
        font-size: 30px;
        font-family: 'SansCN-Bold';
        color: #000;
        text-align: center;
    }
    
    .prodetail .wp .cont {
        font-size: 18px;
        color: #000;
        font-family: 'SansCN-Regular';
        margin: 30px auto 60px;
        max-width: 800px;
    }
    
    .prodetail .wp .title .detailpic {
        max-width: 100%;
        margin: 10px auto;
        display: block;
    }
    
    .prodetail img {
        display: block;
        margin: 30px auto;
        max-width: 100%;
        width: 750px;
    }
    
    .cases {
        background: #f4f4f4;
        padding: 115px 0 20px 0;
    }
    
    .cases .wp .list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    
    .cases .wp .list .item {
        width: calc(100% / 4 - 33px);
        margin: 0 33px 33px 0;
        overflow: hidden;
        height: 245px;
    }
    
    .cases .wp .list .item:nth-child(4n) {
        margin: 0 0 33px 0;
    }
    
    .cases .wp .list .item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .newscenter {
        background: #f4f4f4;
        padding: 0 0 90px 0;
    }
    
    .newscenter .wp .tlist {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding: 57px 0 21px 0;
    }
    
    .newscenter .wp .tlist .item {
        width: calc(100% / 3 - 37px);
        margin: 0 15px 0 0;
        padding: 22px 21px;
        background: #fff;
        height: 542px;
    }
    
    .newscenter .wp .tlist .item:last-child {
        margin: 0 0 0 0;
    }
    
    .newscenter .wp .tlist .item .pbox {
        height: 286px;
        overflow: hidden;
    }
    
    .newscenter .wp .tlist .item .pbox img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .newscenter .wp .tlist .item .title {
        font-size: 22px;
        line-height: 36px;
        font-family: 'SansCN-Medium';
        color: #000;
        padding: 30px 0 20px 0;
    }
    
    .newscenter .wp .tlist .item .cont {
        font-size: 17px;
        color: #000;
        font-family: 'SansCN-Regular';
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    
    .newscenter .wp .blist {}
    
    .newscenter .wp .blist .item {
        display: flex;
        justify-content: flex-start;
        margin: 0 0 8px 0;
        background: #fff;
        padding: 20px 20px;
    }
    
    .newscenter .wp .blist .item .pbox {
        margin: 0 50px 0 0;
        width: 357px;
        height: 213px;
    }
    
    .newscenter .wp .blist .item .pbox img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .newscenter .wp .blist .item .tbox {
        display: flex;
        flex-direction: column;
    }
    
    .newscenter .wp .blist .item .tbox .title {
        font-size: 22px;
        line-height: 37px;
        font-family: 'SansCN-Medium';
        color: #000;
        padding: 23px 0 0 0;
    }
    
    .newscenter .wp .blist .item .tbox .cont {
        font-size: 17px;
        color: #000;
        font-family: 'SansCN-Regular';
        max-width: 560px;
        padding: 15px 0 0 0;
    }
    
    .newscenter .wp .blist .item .tbox .date {
        font-size: 15px;
        color: #000;
        font-family: 'SansCN-Regular';
        padding: 60px 0 0 0;
    }
    
    .newsdetail {
        color: #f4f4f4;
        padding: 0px 0 0px 0;
    }
    
    .newsdetail .wp .detailcontent {
        background: #fff;
        padding: 110px 75px 0;
    }
    
    .newsdetail .wp .detailcontent .title {
        font-size: 36px;
        line-height: 31px;
        color: #000;
        font-family: 'SansCN-Medium';
        text-align: center;
        margin: 0 0 23px 0;
    }
    
    .newsdetail .wp .detailcontent .info {
        font-size: 16px;
        color: #000;
        line-height: 31px;
        font-family: 'SansCN-Regular';
        text-align: center;
    }
    
    .newsdetail .wp .detailcontent .content {
        padding: 0px 0 0 0;
    }
    
    .newsdetail .wp .detailcontent .content p {
        font-size: 16px;
        line-height: 31px;
        color: #000;
        font-family: 'SansCN-Regular';
        text-indent: 32px;
        margin: 0 0 20px 0;
    }
    
    .newsdetail .wp .detailcontent .content img {
        max-width: 100%;
        max-width: 1200px;
        margin: 10px auto;
        display: block;
    }
    
    .recruit {
        padding: 0 0 120px 0;
    }
    
    .recruit .wp .maintitle {
        font-size: 42px;
        color: #333;
        font-family: 'SansCN-Medium';
        padding: 55px 0 25px 0;
    }
    
    .recruit .wp .wrap {
        display: flex;
    }
    
    .recruit .wp .wrap .lside {
        max-width: 380px;
        height: 70px;
        background: #005aa0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 23.75%;
        margin: 0 28px 0 0;
    }
    
    .recruit .wp .wrap .lside .name {
        font-size: 24px;
        color: #fff;
        font-family: 'SansCN-Medium';
    }
    
    .recruit .wp .wrap .rside {
        width: 74.3125%;
    }
    
    .recruit .wp .wrap .rside .knowlist {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        margin: 0 auto;
    }
    
    .recruit .wp .wrap .rside .knowlist .qaitem {
        margin: 0 0 15px 0;
        background: #fff;
        border-radius: 5px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
        -webkit-user-select: none;
        user-select: none;
    }
    
    .recruit .wp .wrap .rside .knowlist .qaitem .wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .recruit .wp .wrap .rside .knowlist .qaitem .wrap .title {
        font-size: 22px;
        color: #000;
        padding: 25px 0 25px 30px
    }
    
    .recruit .wp .wrap .rside .knowlist .qaitem .wrap .carrow {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 30px 0 0;
    }
    
    .recruit .wp .wrap .rside .knowlist .qaitem .wrap .carrow .close {
        display: block;
    }
    
    .recruit .wp .wrap .rside .knowlist .qaitem .wrap .carrow .open {
        display: none;
    }
    
    .recruit .wp .wrap .rside .knowlist .qaitem .wrap .active .close {
        display: none;
    }
    
    .recruit .wp .wrap .rside .knowlist .qaitem .wrap .active .open {
        display: block;
    }
    
    .recruit .wp .wrap .rside .knowlist .qaitem .detxt {
        border-radius: 0 0 5px 5px;
        overflow: hidden;
        padding: 0 10px;
        height: 0;
        transition: all 0.8s;
        padding: 0 55px;
    }
    
    .recruit .wp .wrap .rside .knowlist .qaitem .detxt p {
        font-size: 16px;
        color: #000;
        line-height: 32px;
        max-width: 98%;
        text-align: justify;
    }
    
    .recruit .wp .wrap .rside .knowlist .qaitem .detxt .job {
        margin: 20px 0 0 0;
    }
    
    .recruit .wp .wrap .rside .knowlist .qaitem .detxt p:last-child {
        margin: 0 0 70px 0;
    }
    /* ------------------------------------------媒介查询---------------------------------------------- */
    
    @media screen and (max-width:1650px) {
        .appl .wp .txtbox {
            top: 60px;
            transition: all 0.6s;
        }
        .sub-cate .wrapper .rightside .catelist .cateitem {
            font-size: 18px;
        }
        .sub-cate .wrapper .leftside {
            width: 278px;
        }
    }
    
    @media screen and (max-width:1440px) {
        .appl .wp .numbox .item:nth-child(1) {
            left: -14px;
        }
        .appl .wp .numbox .item:nth-child(2) {
            left: -10px;
        }
        .appl .wp .numbox .item:nth-child(3) {
            left: -26px;
        }
    }
    
    @media screen and (max-width:1366px) {
        .banner .tbox {
            top: 130px;
            transition: all 1.2s;
        }
        .indexabout .wp .wrap .left .desc {
            font-size: 34px;
        }
        .sub-cate .wrapper .leftside {
            width: 230px;
        }
        .sub-cate .wrapper .leftside .page_name {
            font-size: 26px;
        }
        .sub-cate .wrapper .rightside .catelist .cateitem {
            font-size: 16px;
        }
    }
    
    @media screen and (max-width:1280px) {
        .indexnews .wp .list {
            width: 90%;
            transition: all 0.6s;
        }
        .indexnews .wp .funcbox {
            right: 160px;
            transition: all 0.6s;
        }
        .appl .wp .numbox .item:nth-child(1) {
            left: -28px;
        }
        .appl .wp .numbox .item:nth-child(2) {
            left: -19px;
        }
        .appl .wp .numbox .item:nth-child(3) {
            left: -37px;
        }
    }
    
    @media screen and (max-width:1240px) {
        .appl .wp .numbox {
            right: auto;
            left: 38vw;
        }
    }
    
    @media screen and (max-width:1170px) {
        .appl .wp .numbox {
            right: auto;
            left: 444px;
        }
    }