body {
    /* overflow-y: scroll; */
    cursor: default;
}


/* 主体 */


/* 111 */

.item1 {
    transition: all 0.1s;
    /* height: calc(100vh - 60px); */
    width: 100%;
}

.item1-swiper {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    --swiper-theme-color: #4e6ad9;
    --swiper-pagination-color: #4e6ad9;
}

.item1 .swiper-slide {
    width: 100%;
    height: 100%;
}

#swiper-1 {
    background: url("static/img/index/bg0.jpg");
    background-size: 100% 100%;
}

#swiper-2 {
    background: url("static/img/index/chengxin.png");
    background-size: 100% 100%;
}

#swiper-3 {
    background: url("static/img/index/bg4.jpg");
    background-size: 100% 100%;
}

.item1 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.swiper-pagination-bullet-active {
    width: 30px;
    height: 10px;
    border-radius: 15px;
    background-color: #fff;
}

.item2 {
    transition: all 0.5s;
    background-color: #fff;
    padding: 40px 20px;
    border-radius: 50px;
    display: flex;
    text-align: center;
}

.item2>.listbox {
    flex: 1;
    font-size: 16px;
}

.listbox .one {
    position: relative;
    left: 10px;
}

#math4,
#math3,
#math2,
#math1 {
    font-size: 70px;
    font-weight: 700;
    color: #4e6ad9;
}

.size {
    font-size: 25px;
}

.tip {
    position: relative;
    top: -32px;
    left: -31px;
    font-size: 25px;
}


/* 33333 */

.item7,
.item3,
.item5 {
    background-color: #fff;
}

.item3,
.item4,
.item6,
.item7 {
    padding: 100px 0 150px;
    text-align: center;
}

.title {
    font-weight: 700;
    font-size: 35px;
}

.title2 {
    font-weight: 700;
    font-size: 18px;
    color: #a8a8a8;
}

.line {
    margin: 55px 0 60px;
    border-bottom: 1px solid #bdbdbd;
}

.content {
    display: flex;
    padding: 0 15px;
}

.item3 .right,
.item3 .left {
    position: relative;
    flex: 1;
}

.item3 .left img {
    width: 100%;
    height: 100%;
    box-shadow: -39px 46px 0px 19px rgb(242 243 246);
    transition: all 1s;
}

.item3 .left img:hover {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
}

.item3 .right {
    padding: 0 30px;
    text-align: left;
}

.flex-title {
    font-size: 25px;
    color: #4e6ad9;
}

.flex-content {
    font-size: 16px;
    color: #777777;
    margin: 20px 0;
}

.flex-btn {
    display: block;
    width: 130px;
    height: 45px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #4e6ad9;
    border-radius: 5px;
    font-size: 16px;
    overflow: hidden;
}

.more {
    position: absolute;
    bottom: 0;
}

.flex-btn>span {
    display: block;
    position: relative;
    color: #4e6ad9;
    z-index: 12 !important;
}

.flex-btn:before {
    width: 0%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #4e6ad9;
    transition: all 0.5s;
    z-index: 1;
    content: "";
}

.flex-btn:hover:before {
    width: 100%;
}

.flex-btn:hover span {
    color: #fff;
}

p {
    text-align: justify;
    word-break: break-all;
    overflow-wrap: break-word;
}


/* 4444 */

.item6,
.item4 {
    background-color: #f5f5f7;
    overflow: hidden;
}

.sys-swiper {
    box-sizing: border-box;
    position: relative;
    width: 90vw;
    height: 28vw;
    padding: 5.5vw 0;
    margin: 100px auto 0;
}

.hidebox,
.swiper-slide,
.slide,
.ren-content,
.box,
.swiper-wrapper,
.sys-swiper2 {
    outline: none;
}

.sys-swiper .sys-swiper2 {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.sys-swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
    background: white;
    transition: all 1.5s;
}

.sys-swiper .swiper-slide-active {
    color: #fff;
    transform: scale(1.9);
    z-index: 2;
    opacity: 1 !important;
}

.sys-swiper .swiper-pagination-bullet {
    width: 1vw;
    height: 1vw;
    text-align: center;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
}

.sys-swiper .swiper-pagination-bullet-active {
    width: 2vw;
    background: rgba(78, 106, 217, 0.7);
    border-radius: 1vw;
}

.sys-swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -2vw;
}

.sys-swiper .swiper-slide {
    opacity: 0.5;
    position: relative;
}

.slide {
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 0.7;
}

.sys-swiper .slide1 {
    background: url("static/img/shiyanshi/swiper/slide1.jpg");
    background-size: 100% 100%;
}

.sys-swiper .slide2 {
    background: url("static/img/shiyanshi/swiper/slide2.jpg");
    background-size: 100% 100%;
    color: #fff;
}

.sys-swiper .slide3 {
    background: url("static/img/shiyanshi/swiper/slide3.jpg");
    background-size: 100% 100%;
}

.sys-swiper .slide4 {
    background: url("static/img/shiyanshi/swiper/slide4.jpg");
    background-size: 100% 100%;
}

.sys-swiper .slide5 {
    background: url("static/img/shiyanshi/swiper/slide5.jpg");
    background-size: 100% 100%;
}

.sys-swiper .slide6 {
    background: url("static/img/shiyanshi/swiper/slide6.jpg");
    background-size: 100% 100%;
}

.sys-swiper .slide-text {
    display: block;
    position: absolute;
    bottom: 10px;
    color: #fff;
    left: 50%;
    transform: translate(-50%, 0);
}

.sys-swiper .hidebox {
    position: absolute;
    bottom: 0;
    overflow: hidden;
    transition: all 0.5s;
    text-align: left;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    font-size: 0.5vw;
    backdrop-filter: blur(2px);
    color: #000;
    opacity: 0;
    transition: all 1s;
    cursor: default;
}

.sys-sca {
    transform: scale(0.6);
    position: relative;
    top: -4%;
    left: -21%;
    width: 142%;
}

.sys-swiper .hide-title {
    font-size: 1.5vw;
    /* color: #4E6AD9; */
    color: #fff;
    /* font-weight: 700; */
}

.sys-swiper .hide-title2 {
    font-size: 1.2vw;
    color: #fff;
    /* font-weight: 700; */
}

.sys-swiper .hidebox p {
    font-size: 1vw;
    text-align: justify;
    color: #fff;
}

.sys-swiper .swiper-slide-active:hover .slide-text {
    display: none;
}

.sys-swiper .swiper-slide-active:hover .hidebox {
    opacity: 1;
}


/* .item4 .swiper-button-next, */

.item4 .swiper-button-next,
.swiper-button-prev {
    top: 19%;
    width: 17.3vw;
    height: 20vw;
    outline: none;
    /* background: #eee; */
}

.swiper-button-prev {
    left: 0;
}

.item4 .swiper-button-next {
    right: 0;
}

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


/* 卡片 */

.swiperhide {
    display: none;
}


/* 5555 */

.item5 {
    padding: 0 0 150px;
    text-align: center;
    background-color: #000;
}

.item5 .sky {
    padding: 100px 0 60px;
    background: url("static/img/index/yewubg.jpg");
    background-size: 100% 100%;
}

.item5 .title {
    color: #fff;
}

.item5 .title2 {
    color: #cecece;
}

.white {
    color: #fff !important;
}

.yewu-title {
    text-align: left;
    font-size: 24px;
    color: #4e6ad9;
}

.yewu-title>span {
    font-size: 35px;
}

.yewu-content {
    display: flex;
}

.w {
    width: 30px;
}

.yewu-content {
    margin-top: 30px;
}

.yewu-content .box {
    flex: 1;
    position: relative;
    height: 200px;
    background: rgba(255, 255, 255, 0.7);
}

.yewu-content .box:before {
    width: 0%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #4e6ad9;
    transition: all 0.5s;
    z-index: 1;
    content: "";
    opacity: 0;
}

.yewu-content .box:hover:before {
    width: 100%;
    opacity: 1;
}

.yewu-content .box:hover .yewu-text {
    color: #fff;
    transform: translate(-50%, -150%);
    /* font-size: 20px; */
}

.yewu-content .box:hover .yewu-icon {
    opacity: 1;
    transform: translate(-50%, 0%);
}

.yewu-line {
    position: absolute;
    top: 0;
    width: 100%;
    height: 5px;
    background-color: #4e6ad9;
}

.yewu-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    font-size: 16px;
    transition: all 0.5s;
    color: #163782;
}

.yewu-icon {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    font-size: 50px;
    color: #fff;
    transition: all 0.5s;
}

.product,
.renzheng {
    padding: 55px 0 60px;
}

.ren-content {
    display: flex;
    width: 100%;
    height: 600px;
    margin-top: 30px;
    position: relative;
    /* background: url("static/img/index/attestation/ouzhou.jpg"); */
    background-size: 100% 100%;
    transition: all 1s;
}

.ren-content img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#ren-img0 {
    display: block;
}

.ren-content::before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
}

.ren-content>.box {
    flex: 1;
    position: relative;
    transition: all 1s;
}

.ren-active {
    flex: 2 !important;
    background: rgb(162 174 221 / 20%);
    backdrop-filter: blur(2px);
}

.ren-title {
    color: #fff;
    width: 30px;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ren-hide {
    color: #fff;
    font-size: 22px;
    width: 140px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hide {
    display: none !important;
}


/* product */

.outbox3,
.outbox1,
.outbox2 {
    margin-bottom: 20px;
}

.outbox1,
.outbox1 .bottom,
.outbox1 .outbox,
.outbox2,
.outbox1 .right,
.outbox3,
.outbox4 {
    display: flex;
}

.outbox1 .outbox {
    width: 100%;
}

.outbox1 .left {
    flex: 9;
}

.outbox1 .right {
    flex: 5;
    background: url("static/img/index/product/fenglifadian.jpg");
    background-size: cover;
}

.outbox1 .bottom,
.outbox1 .top {
    width: 100%;
    height: 300px;
}

.outbox1 .top {
    margin-bottom: 20px;
    background: url("static/img/index/product/chongdianzhuang.jpg");
    background-size: 100% 100%;
}

.outbox4 .right::before,
.outbox4 .left::before,
.outbox3 .right::before,
.outbox3 .left::before,
.outbox2 .top::before,
.outbox2 .bottom::before,
.outbox2 .middle::before,
.outbox2 .left::before,
.outbox1 .right::before,
.outbox1 .first::before,
.outbox1 .sed::before,
.outbox1 .top::before {
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    opacity: 1;
}

.outbox3 .left:hover.left:hover::before,
.outbox4 .right:hover::before,
.outbox4 .left:hover::before,
.outbox3 .right:hover::before,
.outbox2 .top:hover::before,
.outbox2 .bottom:hover::before,
.outbox1 .first:hover::before,
.outbox1 .sed:hover::before,
.outbox1 .top:hover::before {
    width: 0;
    opacity: 0;
}

.outbox1 .right:hover::before,
.outbox2 .middle:hover::before,
.outbox2 .left:hover::before {
    height: 0;
    opacity: 0;
}

.outbox1 .first {
    flex: 1;
    height: 100%;
    background: url("static/img/index/product/chuneng.jpg");
    background-size: 100% 100%;
}

.outbox1 .sed {
    flex: 1;
    height: 100%;
    background: url("static/img/index/product/nibianqi.jpg");
    background-size: 100% 100%;
}

.outbox2 .middle,
.outbox2 .left {
    flex: 2;
}

.outbox2 .left {
    background: url("static/img/index/product/hangkongdianzi.jpg");
    background-size: cover;
}

.outbox2 .middle {
    background: url("static/img/index/product/gongye.jpg");
    background-size: cover;
}

.outbox2 .right {
    flex: 4;
}

.outbox2 .top {
    height: 250px;
    margin-bottom: 20px;
    background: url("static/img/index/product/guidaojiaotong.jpg");
    background-size: cover;
}

.outbox2 .bottom {
    height: 250px;
    background: url("static/img/index/product/ITAV.jpg");
    background-size: cover;
}

.outbox1 .first,
.outbox1 .left,
.outbox2 .left,
.outbox2 .middle,
.outbox4 .left,
.outbox3 .left {
    margin-right: 15px;
}

.outbox3 .left {
    flex: 3;
    height: 300px;
    background: url("static/img/index/product/dianchi.jpg");
    background-size: cover;
}

.outbox3 .right {
    flex: 2;
    height: 300px;
    background: url("static/img/index/product/yiliaoqixie.jpg");
    background-size: cover;
}

.outbox4 .left {
    flex: 2;
    height: 300px;
    background: url("static/img/index/product/wuxinachanping.jpg");
    background-size: cover;
}

.outbox4 .right {
    flex: 3;
    height: 300px;
    background: url("static/img/index/product/jiayongdianqi.jpg") no-repeat;
    background-size: cover;
}

.product-content {
    margin-top: 30px;
}

.product-content div {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.product-content .text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    color: #fff;
    border-radius: 0;
    overflow: visible;
    transform: translate(-50%, -50%);
    transition: all 1s;
    width: 200px;
}

.product-content .text div {
    width: 200px;
}

.outbox4 .right:hover .text,
.outbox4 .left:hover .text,
.outbox3 .right:hover .text,
.outbox3 .left:hover .text,
.outbox2 .bottom:hover .text,
.outbox2 .top:hover .text,
.outbox2 .middle:hover .text,
.outbox2 .left:hover .text,
.outbox1 .right:hover .text,
.outbox1 .sed:hover .text,
.outbox1 .first:hover .text,
.outbox1 .top:hover .text {
    width: 0;
    overflow: hidden;
}

.product-content img {
    width: 55%;
    height: 100px;
}

.product-content .outbox3 .left img {
    width: 70%;
    height: 80px;
}


/* 6666 */

.news-datalist a {
    width: 49%;
    text-align: left;
    float: left;
    box-sizing: border-box;
    padding: 25px 30px;
    background-color: #fff;
    margin-bottom: 2%;
}

.news-datalist a:hover {
    color: #4e6ad9;
    cursor: pointer;
}

.news-datalist a:hover .news-title {
    color: #4e6ad9;
}

.news-datalist a:hover .news-icon {
    left: 14%;
}

.news-datalist>a:nth-child(odd) {
    margin-right: 2%;
}

.news-datalist>a:nth-last-child(-n+2) {
    margin-bottom: 0;
}

.mon {
    font-size: 30px;
}

.year {
    font-size: 18px;
    opacity: 0.5;
}

.news-title {
    width: 100%;
    font-size: 16px;
    color: #252525;
    margin: 20px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.news-icon {
    font-size: 38px;
    position: relative;
    left: 0;
    transition: all 0.5s;
}

.more2 {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

.news-btn {
    text-align: center;
    position: relative;
    margin: 50px 0 0;
}


/* 777 */

.item7-contain {
    position: relative;
    height: 470px;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}

.item7-swiper {
    padding-bottom: 70px;
}

.item7-contain .swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.item7-contain .swiper-slide {
    /* background: #eee; */
    text-align: center;
    font-size: 18px;
    /* border: 1px solid #bfbfbf; */
    height: calc((100% - 30px) / 2);
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.item7-swiper .swiper-slide img {
    width: 32%;
    height: 100%;
    margin-right: 2%;
    margin-bottom: 2%;
    border: 1px solid #bfbfbf;
}

.item7-swiper .swiper-slide img:nth-child(6),
.item7-swiper .swiper-slide img:nth-child(3) {
    margin-right: 0px;
}

.last img:nth-last-child(1) {
    /* visibility: hidden; */
    opacity: 0;
}

.item7-contain .swiper-pagination-bullet {
    width: 50px;
    height: 5px;
    border-radius: 5px;
    position: relative;
}

.item7-contain .swiper-pagination-bullet::before {
    content: " ";
    width: 50px;
    height: 50px;
    position: absolute;
    top: -22px;
    left: 0;
    /* background-color: #163782; */
}

.item7-contain .swiper-pagination-bullet-active {
    background-color: #4e6ad9;
}


/* 最大屏幕 */

@media screen and (min-width: 1281px) {}

@media screen and (min-width: 992px) {
    .navbar-light .navbar-nav .nav-link.active {
        position: static;
    }
}


/* ipad 横向屏幕 */

@media screen and (max-width: 1500px) {
    /* 222 */
    .item2 {
        width: 100%;
        /* padding: 5vw 3vw; */
    }
    .item2>.listbox {
        padding: 0.5vw;
        left: 1vw !important;
        font-size: 1vw;
    }
    #math4,
    #math3,
    #math2,
    #math1 {
        font-size: 5vw !important;
    }
    .size {
        font-size: 2vw;
    }
    .tip {
        top: -2.5vw;
        left: -2.2vw;
        font-size: 2vw;
    }
    /* 33 */
    .item3,
    .item4,
    .item5 .sky,
    .item6,
    .item7 {
        padding: 10vw 0 12vw;
    }
    .content {
        padding: 0 2vw;
    }
    .item3 .right {
        padding: 0 1.5vw;
        min-height: 35vw;
    }
    .flex-title {
        font-size: 2vw;
    }
    .flex-content {
        font-size: 1vw;
    }
    .flex-btn {
        width: 10vw;
        height: 3.5vw;
        line-height: 3.5vw;
        font-size: 1.3vw;
    }
    /* 44 */
    .home {
        width: 100%;
    }
    .sys-swiper .hidebox {
        height: 100%;
    }
    .sys-swiper .slide-text {
        font-size: 1.5vw;
    }
    .sys-swiper .hide-title {
        font-size: 2.5vw;
    }
    .sys-swiper .hide-title2 {
        font-size: 2vw;
    }
    .sys-swiper .hidebox p {
        font-size: 1.5vw;
    }
    /* 555 */
    .yewu-title {
        font-size: 2vw;
        margin-left: 2vw;
    }
    .yewu-title>span {
        font-size: 2.5vw;
    }
    .product-content,
    .yewu-content {
        margin: 2vw;
    }
    .w {
        width: 2vw;
    }
    .yewu-text {
        width: 100%;
        font-size: 1.5vw;
    }
    .yewu-content .box {
        height: 17vw;
    }
    .yewu-icon {
        font-size: 4vw;
    }
    .ren-title {
        width: 1.5vw;
        word-break: break-all;
        font-size: 1.5vw;
    }
    .ren-hide {
        font-size: 2vw;
        width: 15vw;
    }
    .product,
    .renzheng {
        padding: 5vw 0 6vw;
    }
    .ren-content {
        width: 96vw;
        height: 40vw;
        margin: 2vw;
    }
    .product-content .outbox3 .left img {
        width: 50%;
        height: 6vw;
    }
    .product-content img {
        width: 45%;
        height: 8vw;
    }
    .product-content .text {
        font-size: 1.5vw;
        width: 20vw;
    }
    .product-content .text div {
        width: 20vw;
    }
    /* 666 */
    .news-datalist {
        padding: 0 2vw;
    }
    .news-datalist a {
        padding: 2vw 2.5vw;
    }
    .mon {
        font-size: 2vw;
    }
    .year {
        font-size: 1.2vw;
    }
    .news-title {
        font-size: 1.1vw;
        margin: 1.5vw 0;
    }
    .news-icon {
        font-size: 3vw;
    }
    .news-btn {
        margin: 5vw 0 0;
    }
    /* 777 */
    .item7-swiper {
        padding-bottom: 5vw;
    }
    .item7-contain {
        height: 40vw;
        padding: 0 2vw;
    }
}


/* ipad 纵向屏幕 */

@media screen and (max-width: 992px) {
    /* 22 */
    .item2 {
        flex-wrap: wrap;
        width: 100%;
        padding: 5vw 3vw;
    }
    .item2>.listbox {
        width: 50%;
        flex: auto !important;
        left: 1vw;
        font-size: 2vw;
    }
    #math4,
    #math3,
    #math2,
    #math1 {
        font-size: 8vw !important;
    }
    .size {
        font-size: 3vw;
    }
    .tip {
        top: -4vw;
        left: -3.5vw;
        font-size: 3vw;
    }
    /* 33 */
    .item3,
    .item4,
    .item5 .sky,
    .item6,
    .item7 {
        padding: 15vw 0 20vw;
    }
    .content {
        padding: 0 5vw;
        flex-direction: column;
    }
    .item3 .right {
        padding: 15vw 0vw 10vw;
    }
    .flex-title {
        font-size: 5vw;
    }
    .flex-content {
        font-size: 2vw;
    }
    .flex-btn {
        width: 23vw;
        height: 7vw;
        line-height: 7vw;
        font-size: 2.5vw;
    }
    /* 轮播卡片 */
    .sys-swiper {
        display: none;
    }
    .swiperhide {
        display: block;
        overflow: hidden;
    }
    #dingzhiSwiper {
        width: 80vw;
        height: 125vw;
    }
    #dingzhiSwiper .swiper-slide {
        background-color: #fff;
        position: relative;
        text-align: justify;
        border-radius: 15px;
        font-weight: bold;
    }
    #dingzhiSwiper .maskbox {
        font-size: 3.5vw;
        color: #777777;
        width: 100%;
        font-weight: 400;
        padding: 4vw 8vw 0;
    }
    .maskbox>.top {
        font-size: 5vw;
        text-align: left;
        color: #4e6ad9;
        margin: 1vw 0 0;
    }
    .maskbox>.top2 {
        font-size: 4vw;
        text-align: left;
        color: #252525;
        margin: 0 0 2vw;
    }
    .maskbox>.top>span {
        margin-right: 6px;
    }
    .topcard {
        width: 100%;
        height: 43%;
    }
    .topcard img {
        width: 100%;
        height: 100%;
        opacity: 0.7;
    }
    /* 555 */
    .item5 .sky {
        background: url('static/img/index/yewubg2.jpg');
    }
    .yewu-content {
        margin: 0 2vw;
        width: 96vw;
        flex-wrap: wrap;
    }
    .yewu-content .box {
        width: 44vw;
        height: 30vw;
        flex: auto;
        margin-bottom: 2vw;
    }
    .yewu-content .box:nth-child(1),
    .yewu-content .box:nth-child(5) {
        margin-right: 2vw;
    }
    .w {
        display: none;
    }
    .item5 .yewu-title+.yewu-content {
        margin-top: 2vw;
    }
    .yewu-title {
        font-size: 3vw;
    }
    .yewu-title>span {
        font-size: 4.5vw;
    }
    .yewu-text {
        font-size: 3vw;
    }
    .yewu-icon {
        font-size: 7vw;
    }
    /* 认证 */
    .ren-content {
        height: 120vw;
        flex-direction: column;
        background: url("static/img/index/attestation/ouzhou2.jpg");
        background-size: 100% 100%;
    }
    .ren-title {
        width: 25vw;
        font-size: 3vw;
    }
    .ren-hide {
        width: 50vw;
        font-size: 3.5vw;
    }
    /* 产品 */
    .outbox1 .first,
    .outbox1 .left,
    .outbox2 .left,
    .outbox2 .middle,
    .outbox4 .left,
    .outbox3 .left {
        margin-right: 2vw;
    }
    .item5 .outbox1 {
        display: block;
    }
    .item5 .outbox1 .left {
        margin-right: 0vw;
    }
    .item5 .outbox1 .right {
        height: 35vw;
        margin-top: 2vw;
    }
    .outbox1 .top {
        margin-bottom: 2vw;
        height: 35vw;
    }
    .outbox1 .bottom {
        height: 35vw;
    }
    .outbox1 .right {
        background: url('static/img/index/product/fenglifadian2.jpg');
        background-size: 100% 100%;
    }
    .outbox3,
    .outbox1,
    .outbox2 {
        margin-bottom: 2vw;
    }
    .outbox2 {
        height: 105vw;
        flex-direction: column-reverse;
    }
    .outbox2 .middle,
    .outbox2 .left {
        height: 35vw;
        margin-right: 0;
        margin-bottom: 2vw;
    }
    .outbox2 .left {
        background: url('static/img/index/product/hangkongdianzi2.jpg') no-repeat;
        background-size: 100% 100%;
    }
    .outbox2 .middle {
        background: url("static/img/index/product/gongye2.jpg") no-repeat;
        background-size: 100% 100%;
    }
    .outbox2 .right {
        display: flex;
        height: 35vw;
        flex: inherit;
        flex-direction: row;
        margin-bottom: 2vw;
    }
    .outbox2 .bottom,
    .outbox2 .top {
        height: 100%;
        flex: 1;
    }
    .outbox2 .top {
        margin-right: 2vw;
    }
    .outbox4 .left,
    .outbox4 .right,
    .outbox3 .left,
    .outbox3 .right {
        height: 35vw;
    }
    .item5 {
        padding: 0;
    }
    .product-content .text {
        font-size: 3vw;
    }
    .outbox1 .top:hover::before {
        width: 100%!important;
        height: 0%!important;
    }
    /* 66 */
    .mon {
        font-size: 3.5vw;
    }
    .year {
        font-size: 2vw;
    }
    .news-title {
        font-size: 2vw;
        margin: 2vw 0;
    }
    .news-icon {
        font-size: 4vw;
    }
    /* .news-btn {
        margin: 5vw 0 0;
    } */
}


/*  phone屏幕 */

@media screen and (max-width: 445px) {
    /* 22 */
    .listbox .one {
        left: 5px;
    }
    .tip {
        top: -4vw;
        left: -4.5vw;
        font-size: 3vw;
    }
    .item2>.listbox {
        left: 1vw;
        font-size: 3vw;
    }
    #math4,
    #math3,
    #math2,
    #math1 {
        font-size: 10vw !important;
    }
    .size {
        font-size: 4vw;
    }
    .tip {
        top: -5vw;
        left: -4.5vw;
        font-size: 4vw;
    }
    /* 33 */
    .item3,
    .item4,
    .item5 .sky,
    .item6,
    .item7 {
        padding: 22vw 0 20vw;
    }
    .content {
        padding: 0 5vw;
        flex-direction: column;
    }
    .item3 .left img {
        box-shadow: -15vw 10vw 0px 2vw rgb(242 243 246);
    }
    .item3 .right {
        padding: 20vw 0vw 13vw;
    }
    .flex-title {
        font-size: 7vw;
    }
    .flex-content {
        font-size: 3.5vw;
    }
    .flex-btn {
        width: 32vw;
        height: 11vw;
        line-height: 11vw;
        font-size: 4vw;
    }
    /* 555 */
    .yewu-title {
        font-size: 5vw;
    }
    .yewu-title>span {
        font-size: 6.5vw;
    }
    .yewu-content .box {
        height: 44vw;
    }
    /* 认证 */
    .ren-content {
        height: 150vw;
        flex-direction: column;
    }
    .ren-title {
        width: 25vw;
        font-size: 3.5vw;
    }
    .ren-hide {
        width: 50vw;
        font-size: 4vw;
    }
    /* 产品 */
    .product-content .text {
        font-size: 3.5vw;
        width: 22vw;
    }
    .product-content .text div {
        width: 22vw;
    }
    .outbox1 .top,
    .item5 .outbox1 .right,
    .outbox2 .middle,
    .outbox2 .left {
        height: 35vw;
    }
    .outbox2 {
        height: 111vw;
    }
    .product {
        padding-bottom: 20vw;
    }
    .item5 .sky {
        padding-bottom: 6vw;
    }
    /*66  */
    .news-datalist>a:nth-child(odd) {
        margin-right: 0;
    }
    .news-datalist a {
        width: 100%;
        margin-bottom: 3%!important;
        padding: 3vw 6vw;
    }
    .mon {
        font-size: 7vw;
    }
    .year {
        font-size: 4vw;
    }
    .news-title {
        font-size: 4vw;
        margin: 2vw 0;
    }
    .news-icon {
        font-size: 7vw;
    }
}