* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0 auto;
    font-family: Microsoft YaHei, Arial;
    font-size: 14px;

}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

li {
    list-style: none;
}

dl, dd {
    margin: 0;
    list-style: none;
}

a {
    cursor: pointer;
    transition: color .3s linear;
    color: #000;
}

a, a:link, a:visited {
    text-decoration: none;
}

form {
    margin: 0px
}

a img {
    border: 0px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

hr {
    border: 0;
    border-bottom: 1px solid #eee;
    height: 0px;
    overflow: hidden;
}

i, em, u {
    text-decoration: none;
    font-style: normal;
}

p {
    margin: 0;
}

.w1440_center {
    width: 1440px;
    margin: 0 auto;
}

.main {
}

/*Header*/

.header {
    position: fixed;
    top: 0;
    left: 0;
    height: 10vh;
    padding: 3vh 3vw;
    display: flex;
    z-index: 99955;
}

.header .logo {
    height: 5vh;
    margin-right: 1vw;
}

.header .logo img {
    display: block;
    height: 100%;
}

.header .nav {
    display: flex;
    height: 100%;
}

.header .nav .nav_button {
    height: 5vh;
    cursor: pointer;
    margin: 0 1vw;
}

.header .nav .nav_button img {
    display: block;
    height: 100%;
}

.header .nav .nav_list {
    height: 100%;
    width: 70vw;
    position: relative;
}

.header .nav .nav_list > ul {
    width: 70vw;
    height: 5vh;
    display: flex;
    box-sizing: border-box;
    position: absolute;
    left: -1vw;
    transition: .5s;
    /*opacity: 0;
    visibility: hidden;*/
    opacity: 1;
    visibility: visible;
    padding: 0.5vw 0;

}

.header .nav .nav_list.reveal > ul {
    width: 70vw;
    left: 0;
    opacity: 1;
    visibility: visible;
}

.header .nav .nav_list > ul > li {
    width: 12%;
    height: 100%;
    position: relative;
    padding: 0 0.5vw;
    box-sizing: border-box;
    border-right: 2px solid rgba(255, 255, 255, .6);
    transition: .3s;
}

.header .nav .nav_list > ul > li > a {
    display: flex;
    font-size: 2vh;
    justify-content: center;
    color: #fff;
    line-height: 3vh;
    height: 100%;
    width: 100%;
    align-items: center;
    text-align: center;
    /*opacity: .85;*/
    opacity: 1;
    transition: .3s;
    letter-spacing: 0.3vw;
    outline: none;
}

.header .nav .nav_list > ul > li:hover {

    border-color: rgba(255, 255, 255, 1);
}

.header .nav .nav_list > ul > li > a:hover {
    opacity: 1;
    background: rgba(255, 255, 255, .8);
}

.header .nav .nav_list > ul > li:last-child {
    border: 0;
}

/*.header .nav .submenu_wrap{
    position: absolute;
    width: 70vw;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    transition: .3s;
    overflow: hidden;
    box-sizing: border-box;
}
.header .nav .submenu_wrap ul{
    top: 0;
    left: 0;
    padding: 1vh 0 1vh;
    height: 3vh;
    transition: .3s;
    overflow: hidden;
}
.header .nav .submenu_wrap ul li{
    float: left;
    width: 13%;
    height: 100%;
    padding: 0 0.5vw;
    box-sizing: border-box;
    transition: .3s;
}
.header .nav .submenu_wrap ul li a{
    display: flex;
    font-size: 2vh;
    line-height: 3vh;
    justify-content: center;
    color: #fff;
    height: 100%;
    width: 100%;
    align-items: center;
    text-align: center;
    transition: .3s;
    opacity: .6;

}
.header .nav .submenu_wrap ul li a:hover{
    opacity: 1; 
    background: rgba(255, 255, 255, .3)
}*/


.header .nav .submenu_wrap {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 0;
    transition: .3s;
    overflow: hidden;
    z-index: 99956;

}

.header .nav .submenu_wrap.reveal {
    height: 35vh;
    bottom: -35vh;
}

.header .nav .submenu_wrap ul {
    position: absolute;
    padding: 0 0.5vw;
    top: 0;
    left: 0;
    width: 100%;
    transition: .3s;
    box-sizing: border-box;
}

.header .nav .submenu_wrap ul li {
    display: block;
    width: 100%;
    transition: .3s;
    padding: 0;
    padding: .5vh 0;
    box-sizing: border-box;
    /*background: rgba(255, 255, 255, .85);*/
    background: rgba(0, 14, 157, .618);
    /*background: rgba(255,255,255, .15);*/
}

.header .nav .submenu_wrap ul li a {
    display: flex;
    font-size: 2vh;
    justify-content: center;
    color: #fff;
    height: 100%;
    width: 100%;
    align-items: center;
    text-align: center;
    transition: .3s;
    opacity: .8;
    letter-spacing: 0.3vw;
}

.header .nav .submenu_wrap ul li a:hover {
    opacity: 1;
    background: rgba(255, 255, 255, .6);
    color: #440e6b;

}


/*Header End*/
/*Footer*/
/*Footrer End*/
/*Home*/
.bg_home {
    display: block;
    background: url(../images/bg_home.jpg) center center no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100vw;
}

.bg_brand {
    display: block;
    background: url(../images/screen7.png) center center no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100vw;
}

.main {
    position: relative;
    padding-top: 10vh;
    box-sizing: border-box;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.banner {
    position: absolute;
    display: block;
    width: 100vw;
    height: 100vh;
    z-index: 1;
}

.swiper-pagination-vertical.swiper-pagination-bullets {
    position: fixed;
    right: 2vw;
}

.banner .home_banner {
    width: 100%;
    height: 100%;
    position: relative;
}

.banner .home_banner .swiper-wrapper .banner_about {

    right: 2vw;
    width: 55vw;
    height: 75vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    position: absolute;
}


.banner .home_banner .swiper-slide .banner_about h1 {
    display: block;
    color: #fff;
    text-align: left;
    width: 85%;
    font-weight: 200;
    font-size: 4vh;
    line-height: 10vh;
}

.banner .home_banner .swiper-slide .banner_about p {
    display: block;
    color: #fff;
    text-align: left;
    width: 85%;
    font-size: 1.1em;
    line-height: 2em;
    margin: 2vh 0;

}

.banner .home_banner .swiper-slide .banner_about a {
    position: absolute;
    color: #fff;
    text-align: left;
    font-size: 2vh;
    padding: 0.5vh 1vw;
    border-radius: 2.5vh;
    border: 2px solid #fff;
    transition: .3s;
    outline: none;
    bottom: 5vw;
    right: 10vw;
}


.swiper-pagination-bullet {
    width: 1.5vh;
    height: 1.5vh;
}

#cboxLoadedContent {
    margin: 0;
}

#cboxOverlay {
    background: none;
}

#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxBottomCenter {
    background: #fff;
}


/*Home End*/
/*About*/
.about_box {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.about_wrap {
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    box-sizing: border-box;
    padding: 2vw;
}

.about_wrap .AboutSwiper {
    float: right;
    width: 40%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.about_wrap .AboutSwiper .swiper-slide {
    height: auto;
    padding-right: 2vw;
    box-sizing: border-box;
    overflow: hidden;
}

.about_wrap .AboutSwiper .swiper-slide h1 {
    display: block;
    font-size: 5vh;
    color: #440e6b;
    font-weight: 400;
}

.about_wrap .AboutSwiper .swiper-slide h2 {
    display: block;
    margin-top: 3.5vh;
    font-size: 4vh;
    color: #440e6b;
    font-weight: 400;
}

.about_wrap .AboutSwiper .swiper-slide p {
    display: block;
    margin-top: 4vh;
    font-size: 1.6vh;
    color: #440e6b;
    line-height: 2;
}

@media screen and (max-width: 1440px) {
    .about_wrap .AboutSwiper .swiper-slide p {
        font-size: 3vh;

    }

    .about_wrap .AboutSwiper .swiper-slide h1 {
        font-size: 6vh;

    }

    .about_wrap .AboutSwiper .swiper-slide h2 {
        font-size: 4vh;

    }
}

.about_wrap .about_img {
    float: left;
    width: 55%;
    box-sizing: border-box;
    display: flex;
}

.about_wrap .about_img img {
    flex: 1;
    width: 100%;
}


/*About End*/
.culture_wrap {
    margin: 5vh auto 0;
    width: 80vw;
    height: 80%;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.culture_wrap img {
    display: block;
    width: 100%;
}

.bg_culture {
    background: url(../images/bg_culture.jpg) center center no-repeat;
}

/*Contact*/
.bg_contact {
    background: url(../images/bg_contact.jpg) center center no-repeat;
}

.contact_wrap {
    margin: 10vh auto 0;
    width: 75vw;
    height: 64vh;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
}

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

}

.contact_wrap .contact_left {
    margin: 0 5vw;
    width: 55%;
    box-sizing: border-box;
}

/*@media screen and (max-width: 1440px) {
    .contact_wrap .contact_left {
        width: 50%;
    }
}*/

.contact_wrap .contact_left .contact_info h1 {
    display: block;
    font-size: 5vh;
    font-weight: 400;
    color: #fff;
}

.contact_wrap .contact_left .contact_info ul {
    display: block;
    margin: 10px 0;
    overflow: hidden;
}

.contact_wrap .contact_left .contact_info ul li {
    display: block;
    margin: 5vh 0;
    overflow: hidden;
}

.contact_wrap .contact_left .contact_info ul li p {
    float: left;
    width: 85%;
    font-size: 16px;
    color: #fff;
    line-height: 23px;
}

.contact_wrap .contact_left .contact_info ul li i {
    float: left;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    background: url('../images/icon_3.png') 0 0 no-repeat;
}

.contact_wrap .contact_left .contact_info ul .tel i {
    background-position: 0 -25px;
}

.contact_wrap .contact_left .contact_info ul .time i {
    background-position: 0 -50px;
}

.contact_wrap .contact_left .contact_info ul .mail i {
    background-position: 0 -75px;
}

.contact_right {
    width: 50%;
    box-sizing: border-box;
}

.contact_right img {
    display: block;
    width: 100%;
}

/*Contact End*/
/*Products*/
.products_wrap {
    margin: 5vh auto 0;
    width: 75vw;
    height: 64vh;
    overflow: hidden;
    box-sizing: border-box;
}

.products_wrap .produtcs_title {
    height: 23%;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    padding-right: 68px;
    margin-bottom: 24px;
}

.products_wrap .produtcs_title h1 {
    font-size: 5vh;
    font-weight: 400;
    color: #fff;
}


.products_wrap .produtcs_title .products_type_list {
    width: 50vw;
    /*float: right;
    display: block;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin-left: 16px;
    box-sizing: border-box;
    overflow: hidden;
}

.products_wrap .produtcs_title .products_type_list ul.swiper-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 2vh 0;
    box-sizing: border-box;
    overflow: hidden;
}

.products_wrap .produtcs_title .products_type_list ul li {
    width: 120px;
    /*max-width: 30%;
    min-width: 25%;*/
    margin: 0 0.5vw;
    /*padding: 12px 32px;*/
}

.products_wrap .produtcs_title .products_type_list ul li:first-child {
    margin-right: 24px;
}

.products_wrap .produtcs_title .products_type_list ul li a {
    display: block;
    font-size: 2vh;
    color: #fff;
    text-align: center;
    padding: 0.5vh 1vw;
    border-radius: 2.5vh;
    border: 2px solid #fff;
    transition: .3s;
}

.products_wrap .produtcs_title .products_type_list ul li a:hover {
    background: #fff;
    color: #440e6b;
}

/*
.products_wrap .produtcs_title ul {
    display: flex;
    margin: 2vh 0;
}

.products_wrap .produtcs_title ul li {

    margin: 0 0.5vw;
}

*/
.products_wrap .ProductsSwiper {
    float: right;
    height: 77%;
    box-sizing: border-box;
    overflow: hidden;
}

.products_wrap .ProductsSwiper .swiper-scrollbar {
    width: 8px;
    background-color: #f2f2f2;
    background-color: rgba(255, 255, 255, 0.618);
}

.products_wrap .ProductsSwiper .swiper-slide {
    height: auto;
    padding-right: 2vw;
    box-sizing: border-box;
    overflow: hidden;
}

.products_wrap .ProductsSwiper ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

.products_wrap .ProductsSwiper ul li {
    width: auto;
    width: 33.3%;
    margin-bottom: 12px;
    padding: 0 1.5vw;
    box-sizing: border-box;
}

.products_wrap .ProductsSwiper ul li img {
    display: block;
    width: 100%;
}

.products_wrap .ProductsSwiper ul li .pro_info {
    padding: 0.5vw 1vw;
    box-sizing: border-box;
    width: 100%;
}

.products_wrap .ProductsSwiper ul li .pro_info p {
    color: #fff;
    font-size: 1.5vh;
    line-height: 2;
}

.products_wrap .ProductsSwiper ul li .pro_info i {
    color: #fff;
    font-size: 1.5vh;
    line-height: 2;
}


.products_details_wrap {
    margin: 0 auto;
    width: 75vw;
    height: 65%;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
}

.products_details_wrap_left {
    position: relative;
    height: 100%;
    width: 55%;
    display: flex;
}

.products_details_wrap_right {
    height: 100%;
    width: 45%;
    display: flex;
    flex-direction: column;
}

.products_img {
    width: 70%;
    height: 100%;
}

.products_img .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.products_img_list {
    width: 30%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 10px;

}

.products_img_list .swiper-wrapper {
    display: flex;
}

.products_img_list .swiper-slide {
    width: 100%;
    opacity: 0.4;
    margin-bottom: 0;
}

.products_img_list .swiper-slide-thumb-active {
    opacity: 1;
}

.products_img_list .swiper-slide img {
    display: block;
    height: 100%;
    object-fit: cover;
}

.products_details_wrap_right .products_info_title {
    display: flex;
    justify-content: space-between;
    height: 20%;
    align-items: center;
}

.products_details_wrap_right .products_info_title span {
    display: block;
    height: 100%;
}

.products_details_wrap_right .products_info_title span i,
.products_details_wrap_right .products_info_title span P,
.products_details_wrap_right .products_info_title a {
    display: flex;
    align-items: center;
    height: 50%;
    line-height: 100%;
    color: #fff;
    font-size: 1.5vh;
    align-items: center;
    border: none;
}

.products_details_wrap_right .products_info_title a {
    height: 4vh;
    padding: 0 0.5vw;
    border-radius: 2vh;
    border: 2px solid #fff;
}

.products_details_wrap_right .products_info {
    display: flex;
    flex-direction: column;
    height: 80%;
    padding: 1vw;
    justify-content: space-around;
    box-sizing: border-box;
    border: 2px solid rgba(255, 255, 255, .5)
}

.products_details_wrap_right .products_info li {
    display: flex;

}

.products_details_wrap_right .products_info li i,
.products_details_wrap_right .products_info li p {
    align-items: center;
    line-height: 2;
    color: #fff;
    font-size: 1.5vh;
    align-items: center;
}

.products_details_wrap_right .products_info li i {
    width: 10%;
}

.products_details_wrap_right .products_info li p {
    width: 90%;
    border-bottom: 2px solid rgba(255, 255, 255, .5);
}

/*Products End*/
/*Certificate*/

.bg_certificate {
    display: block;
    background: url(../images/bg_certificate.jpg) center center no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100vw;
}

.certificate_wrap {
    margin: 0 auto;
    margin-top: 10vh;
    width: 75vw;
    height: 70%;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
}

.certificate_list_wrap {
    width: 100%;
    padding: 3vh 0;
    background: rgba(255, 255, 255, .35);
}

.certificate_list_wrap .swiper-slide {
    width: 20%;
}

.certificate_list_wrap .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.certificate_class_list {
    width: 70%;
    height: 8vh;
    box-sizing: border-box;
    margin-left: 0;
    margin-bottom: 2%;

}

.certificate_class_list .swiper-wrapper {
    display: flex;
}

.certificate_class_list .swiper-slide {
    opacity: 0.4;
    padding: 0.5vw;
    margin-bottom: 0;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.certificate_class_list .swiper-slide-thumb-active::after {
    content: '';
    position: absolute;
    width: 2vw;
    height: 2vw;
    background: #440e6b;
    right: -1vw;
    top: -1vw;
    z-index: 1;
    transform: rotate(45deg);
}

.certificate_class_list .swiper-slide-thumb-active {
    opacity: 1;

}

.certificate_class_list .swiper-slide img {
    display: block;
    height: 100%;
    object-fit: cover;
}

.certificate_list {
    width: 95%;
    box-sizing: border-box;
}

.certificate_list_wrap .swiper-button-next {
    right: 0;
    color: #fff;
    transition: .3s;
}

.certificate_list_wrap .swiper-button-prev {
    left: 0;
    color: #fff;
    transition: .3s;
}

.certificate_list_wrap .swiper-button-next:hover,
.certificate_list_wrap .swiper-button-prev:hover {
    background: #fff;
    color: #440e6b;
}

.certificate_list .swiper-slide a {
    border: none;
    outline: none;
}

.certificate_list .swiper-slide img {
    display: block;
    width: 100%;
}

.certificate_list .swiper-slide p {
    display: block;
    padding: 1vw 0;
    width: 100%;
    color: #fff;
    font-size: 18px;
    text-align: center;
    box-sizing: border-box;
}

#colorbox {
    background: #fff;
    border-radius: 1vw;
}

/*Certificate End*/
/*Authentication*/
.authentication_wrap {
    margin: 0 auto;
    margin-top: 5vh;
    width: 75vw;
    height: 80%;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.authentication_list_wrap {
    width: 100%;
    height: 35vh;
    padding: 5vh 0;
    background: rgba(255, 255, 255, .35);
}

.authentication_list_wrap .swiper-slide {
    /*width: 20%;*/
}

.authentication_list_wrap > .swiper-wrapper > .swiper-slide {
    display: flex;
}

.authentication_list .swiper-slide img {
    display: block;
    height: 78%;
    margin: 0 auto;
    object-fit: cover;
}


.authentication_wrap .common_title {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    height: 12%;
}

.authentication_wrap .common_title h1 {
    font-size: 5vh;
    font-weight: 400;
    color: #fff;
}

.authentication_class_list {
    width: 60%;
    height: 8vh;
    box-sizing: border-box;
    margin-left: 0;
    margin-bottom: 2%;

}

.authentication_class_list .swiper-wrapper {
    display: flex;
}

.authentication_class_list .swiper-slide {
    opacity: 0.4;
    padding: 0.5vw;
    margin-bottom: 0;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.authentication_class_list .swiper-slide-thumb-active::after {
    content: '';
    position: absolute;
    width: 2vw;
    height: 2vw;
    background: #440e6b;
    right: -1vw;
    top: -1vw;
    z-index: 1;
    transform: rotate(45deg);
}

.authentication_class_list .swiper-slide-thumb-active {
    opacity: 1;

}

.authentication_class_list .swiper-slide img {
    display: block;
    height: 100%;
    object-fit: cover;
}

.authentication_class_list .swiper-slide a {
    outline: none;
}


.authentication_list {
    width: 95%;
    box-sizing: border-box;
}

.authentication_list_wrap .swiper-button-next {
    right: 0;
    color: #fff;
    transition: .3s;
}

.authentication_list_wrap .swiper-button-prev {
    left: 0;
    color: #fff;
    transition: .3s;
}

.authentication_list_wrap .swiper-button-next:hover,
.authentication_list_wrap .swiper-button-prev:hover {
    background: #fff;
    color: #440e6b;
}

.authentication_list .swiper-slide a {
    border: none;
    outline: none;
}


.authentication_list .swiper-slide p {
    display: block;
    padding: 1vh 0;
    width: 100%;
    color: #fff;
    font-size: 2vh;
    text-align: center;
    box-sizing: border-box;
}

/*Authentication End*/

/*Video*/
.video_wrap {
    margin: 0 auto;
    width: 75vw;
    height: 80%;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.video_wrap .common_title {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    height: 23%;
}

.video_wrap .common_title h1 {
    font-size: 5vh;
    font-weight: 400;
    color: #fff;
}

.video_list_wrap {
    overflow: hidden;
    padding: 5vh 0;
    background: rgba(255, 255, 255, .5);

}

.video_list {
    width: 95%;
    box-sizing: border-box;
}

.video_list .swiper-slide {
    width: 33%;
}

.video_list .swiper-slide a {
    border: none;
    outline: none;
}

.video_list .swiper-slide img {
    display: block;
    width: 100%;
}

.video_list .swiper-slide p {
    display: block;
    padding: 1vw 0;
    width: 100%;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}

/*Video End*/
/*News*/
.news_wrap {
    margin: 10vh auto;
    width: 90vw;
    height: 70%;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.news_list_wrap {
    width: 70%;
    margin: 0;
    box-sizing: border-box;
    padding: 0 3vw;
}

.news_list_wrap .swiper-slide img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.news_wrap_left {
    display: flex;
    width: 15%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

.news_class_list {
    width: 100%;
    height: 35%;
    box-sizing: border-box;
}

.news_class_list .swiper-wrapper {
    display: flex;
    flex-direction: column;
}

.news_class_list .swiper-slide {
    opacity: 0.4;
    padding: 0.5vw;
    margin-bottom: 0;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;

    background: rgba(255, 255, 255, .3);
}

.news_class_list .swiper-slide h2 {
    display: block;
    font-size: 2.5vh;
    font-weight: 400;
    color: #fff;
    line-height: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.news_class_list .swiper-slide-thumb-active {
    opacity: 1;
    background: rgba(255, 255, 255, .6);
}

.news_wrap_left .news_wrap_left_title {
    margin-bottom: 2vh;
}

.news_wrap_left .news_wrap_left_title h2 {
    display: block;
    font-size: 5vh;
    color: #fff;
    font-weight: 400;
}

.certificate_list {
    width: 95%;
    box-sizing: border-box;
}

.news_list_wrap .swiper-button-next {
    right: -2vw;
    color: #fff;
    transition: .3s;
    opacity: 0.5;
}

.news_list_wrap .swiper-button-prev {
    left: -2vw;
    color: #fff;
    transition: .3s;
    opacity: 0.5;
}

.news_list_wrap .swiper-button-next:hover,
.news_list_wrap .swiper-button-prev:hover {
    opacity: 1;
}

.news_list .swiper-slide {
    width: 25%;
    padding: 2.5vh;
    overflow: hidden;
    box-sizing: border-box;
}

.news_list .swiper-slide a {
    border: none;
    outline: none;
}

.news_list .swiper-slide img {
    display: block;
    width: 100%;
    transform-origin: center;
}

.news_list .swiper-slide:hover {
    background: rgba(255, 255, 255, .4);
}

.news_list .swiper-slide:hover img {
}

.news_list .swiper-slide p {
    display: block;
    width: 100%;
    color: #fff;
    text-align: left;
    box-sizing: border-box;
    font-size: 1.6vh;
    line-height: 2.5vh;
}

.news_list .swiper-slide i {
    display: block;
    padding: 1vw 0;
    width: 100%;
    color: #fff;
    text-align: left;
    box-sizing: border-box;
    font-size: 1.6vh;
    line-height: 2vh;
}

/*News End*/
/*Framework*/
.bg_framework {
    display: block;
    background: url(../images/bg_framework.jpg) center center no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100vw;
}

.framework_wrap {
    margin: 5vh auto 0;
    width: 80vw;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/*.framework_wrap img{
    display: block;
    width: 100%;
}*/
.framework_wrap .framework_title {
    display: block;
    width: 100%;

}

.framework_wrap .framework_title h1 {
    text-align: center;
    font-size: 5vh;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.3vw;
}

.framework_wrap .framework_content {
    display: flex;
    margin-top: 2vh;
}

.framework_wrap .framework_left,
.framework_wrap .framework_right {
    width: 45%;
    display: flex;
    flex-direction: column;
}

.framework_wrap .framework_content h2 {
    text-align: center;
    color: #fff;
    font-weight: 400;
    line-height: 6vh;
    font-size: 3vh;
    height: 100%;
    letter-spacing: 0.3vw;
}

.framework_wrap .framework_content li {
    box-sizing: border-box;
    background: rgba(255, 255, 255, .3);
    border-radius: 4vh;
    height: 4vh;
    margin-bottom: 1vh;
    padding: 0 1vw;
    transition: .3s;
}

.framework_wrap .framework_content li:hover {
    background: rgba(255, 255, 255, .6);
}

.framework_wrap .framework_content .framework_left_bottom li,
.framework_wrap .framework_content .framework_right_bottom li {
    height: 3vh;
}

.framework_wrap .framework_content .framework_left_top li:nth-child(1),
.framework_wrap .framework_content .framework_right_top li:nth-child(1),
.framework_wrap .framework_content .framework_left_bottom li:nth-child(1),
.framework_wrap .framework_content .framework_right_bottom li:nth-child(1) {
    height: 6vh;
}

.framework_wrap .framework_content li p {
    line-height: 4vh;
}

.framework_wrap .framework_content .framework_left_bottom li p,
.framework_wrap .framework_content .framework_right_bottom li p {
    line-height: 3vh;
}

.framework_wrap .framework_center {
    width: 6%;
    margin: 0 1vw;
}

.framework_wrap .framework_center img {
    display: block;
    width: 100%;
}

.framework_wrap .framework_left {
    align-items: flex-end;
}

.framework_wrap .framework_left ul li p {
    text-align: right;
    color: #fff;
}

.framework_wrap .framework_right ul li p {
    text-align: left;
    color: #fff;
}

.framework_wrap .framework_right {
    align-items: flex-start;
}

.framework_wrap .framework_left .framework_left_top,
.framework_wrap .framework_right .framework_right_top {
    width: 100%;
    height: 25%;
}

.framework_wrap .framework_left .framework_left_bottom,
.framework_wrap .framework_right .framework_right_bottom {
    width: 100%;
    height: 25%;
}

.framework_left_bottom ul {
    overflow: hidden;
}

.framework_left_bottom ul li,
.framework_right_bottom ul li {
    width: 45%;
    float: left;
}

.framework_left_bottom ul li {
    float: right;
}

.framework_left_bottom ul li:nth-child(1),
.framework_right_bottom ul li:nth-child(1) {
    width: 100%;
}

.framework_wrap .framework_left_top {
    box-sizing: border-box;
    padding-top: 10vh;
}

.framework_wrap .framework_right_top {
    box-sizing: border-box;
    padding-top: 20vh;
}

.framework_wrap .framework_left_bottom {
    box-sizing: border-box;
    padding-top: 0;
}

.framework_wrap .framework_right_bottom {
    box-sizing: border-box;
    padding-top: 10vh;
}

/*Framework End*/
/*Equipment*/
.bg_equipment {
    display: block;
    background: url(../images/bg_equipment.jpg) center center no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100vw;
}

.equipment_wrap {
    margin: 0 auto;
    margin-top: 5vh;
    width: 75vw;
    height: 80%;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.equipment_wrap .common_title {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    height: 12%;
}

.equipment_wrap .common_title h1 {
    font-size: 5vh;
    font-weight: 400;
    color: #fff;
}

.equipment_list_wrap {
    width: 100%;
    padding: 9vh 0;
    background: rgba(255, 255, 255, .5);
}

.equipment_list .swiper-slide {
    /* width: 33%;*/
}


.equipment_class_list {
    width: 40%;
    height: 8vh;
    box-sizing: border-box;
    margin-left: 0;
    margin-bottom: 2%;

}

.equipment_class_list .swiper-wrapper {
    width: 40%;
    display: flex;
    margin-left: 0;
}

.equipment_class_list .swiper-slide {
    opacity: 0.4;
    padding: 0.5vw;
    margin-bottom: 0;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.equipment_class_list .swiper-slide-thumb-active::after {
    content: '';
    position: absolute;
    width: 2vw;
    height: 2vw;
    background: #440e6b;
    right: -1vw;
    top: -1vw;
    z-index: 1;
    transform: rotate(45deg);
}

.equipment_class_list .swiper-slide-thumb-active {
    opacity: 1;

}

.equipment_class_list .swiper-slide img {
    display: block;
    height: 100%;
    object-fit: cover;
}

.equipment_class_list .swiper-slide a {
    outline: none;
}

.equipment_list {
    width: 95%;
    height: 100%;
    box-sizing: border-box;
}

.equipment_list_wrap .swiper-button-next {
    right: 0;
    color: #fff;
    transition: .3s;
}

.equipment_list_wrap .swiper-button-prev {
    left: 0;
    color: #fff;
    transition: .3s;
}

.equipment_list_wrap .swiper-button-next:hover,
.equipment_list_wrap .swiper-button-prev:hover {
    background: #fff;
    color: #440e6b;
}

.equipment_list .swiper-slide a {
    border: none;
    outline: none;
}

.equipment_list .swiper-slide img {
    display: block;
    width: 100%;
    margin: 0 auto;
    object-fit: cover;
}

.equipment_list .swiper-slide p {
    display: block;
    padding: 1vw 0;
    width: 100%;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}


/*Equipment End*/
/*detection*/
.bg_detection {
    display: block;
    background: url(../images/bg_detection.jpg) center center no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100vw;
}

.detection_wrap {
    margin: 0 auto;
    margin-top: 5vh;
    width: 75vw;
    height: 80%;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.detection_wrap .header_cover {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    box-sizing: border-box;
    overflow: hidden;
}

.detection_wrap .common_title {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    height: 12%;
}

.detection_wrap .common_title h1 {
    font-size: 5vh;
    font-weight: 400;
    color: #fff;
}

.detection_list_wrap {
    width: 100%;
    height: 38vh;
    padding: 5vh 0;

    background: rgba(255, 255, 255, .5);
}

.detection_list .swiper-slide {
    /* width: 33%;*/
    overflow: hidden;
}


.detection_class_list {
    width: 40%;
    height: 8vh;
    box-sizing: border-box;
    margin-left: 0;
    margin-bottom: 2%;

}

.detection_class_list .swiper-wrapper {
    width: 40%;
    display: flex;
    margin-left: 0;
}

.detection_class_list .swiper-slide {
    opacity: 0.4;
    padding: 0.5vw;
    margin-bottom: 0;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.detection_class_list .swiper-slide-thumb-active::after {
    content: '';
    position: absolute;
    width: 2vw;
    height: 2vw;
    background: #440e6b;
    right: -1vw;
    top: -1vw;
    z-index: 1;
    transform: rotate(45deg);
}

.detection_class_list .swiper-slide-thumb-active {
    opacity: 1;

}

.detection_class_list .swiper-slide img {
    display: block;
    height: 100%;
    object-fit: cover;
}

.detection_class_list .swiper-slide a {
    outline: none;
}

.detection_list {
    width: 95%;
    height: 100%;
    box-sizing: border-box;
}

.detection_list_wrap .swiper-button-next {
    right: 0;
    color: #fff;
    transition: .3s;
}

.detection_list_wrap .swiper-button-prev {
    left: 0;
    color: #fff;
    transition: .3s;
}

.detection_list_wrap .swiper-button-next:hover,
.detection_list_wrap .swiper-button-prev:hover {
    background: #fff;
    color: #440e6b;
}

.detection_list .swiper-slide a {
    border: none;
    outline: none;
}

.detection_list .swiper-slide img {
    display: block;
    height: 100%;
    margin: 0 auto;
    object-fit: cover;
}

.detection_list .swiper-slide p {
    display: block;
    padding: 1vw 0;
    width: 100%;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}

/*.detection_wrap{
    margin: 10vh auto ;
    width: 75vw;
    height: 70%;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.detection_list_wrap {
    width: 60%;
    margin: 0;
    box-sizing: border-box;
    padding: 0 3vw;
}

.detection_list_wrap .swiper-slide img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.detection_wrap_left{
    display: flex;
    width: 15%;
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
}
.detection_class_list {
    width: 100%;
    height: 50%;
    box-sizing: border-box;
}

.detection_class_list .swiper-wrapper{
    display: flex;
    flex-direction: column;
}

.detection_class_list .swiper-slide {
    padding: 0.5vw;
    margin-bottom: 0;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    background: none;
    cursor: pointer;

}
.detection_class_list .swiper-slide h2{
    display: block;
    font-size: 2vh;
    font-weight: 400;
    color: #fff;
    line-height: 100%;
    height: 100%;
    display: flex;
    align-items: center;

}
.detection_class_list .swiper-slide:before{
    content: '';
    display: block;
    position: absolute;
    width: 17px;
    height: 17px;
    background: url(../images/sjx.png) center center;
    right: 0;
    opacity: 0;
}
.detection_class_list .swiper-slide-thumb-active {
    border-bottom: 2px solid #fff;
}
.detection_class_list .swiper-slide.swiper-slide-thumb-active:before{
    opacity: 1;
}
.detection_wrap_left .detection_wrap_left_title{
    margin-bottom: 2vh;
}
.detection_wrap_left .detection_wrap_left_title h2 {
    display: block;
    font-size: 5vh;
    color: #fff;
    font-weight: 400;
}
.certificate_list{
    width: 95%;
    box-sizing: border-box;
}
.detection_list_wrap .swiper-button-next{
    right: -2vw;
    color: #fff;
    transition: .3s;
    opacity: 0.5;
}
.detection_list_wrap .swiper-button-prev{
    left: -2vw;
    color: #fff;
    transition: .3s;
    opacity: 0.5;
}
.detection_list_wrap .swiper-button-next:hover,
.detection_list_wrap .swiper-button-prev:hover{
    opacity: 1;
}
.detection_list .swiper-slide{
    overflow: hidden;
    box-sizing: border-box;
}
.detection_list .swiper-slide a{
    border: none;
    outline: none;
}
.detection_list .swiper-slide img{
    display: block;
    width: 100%;
    transform-origin: center;
}
.detection_list .swiper-slide:hover{
}
.detection_list .swiper-slide:hover img{
}
.detection_list .swiper-slide p{
    display: block;
    width: 100%;
    color: #fff;
    text-align: left;
    box-sizing: border-box;
    font-size: 1.6vh;
    line-height: 2.5vh;
}
.detection_list .swiper-slide i{
    display: block;
    padding: 1vw 0;
    width: 100%;
    color: #fff;
    text-align: left;
    box-sizing: border-box;
    font-size: 1.6vh;
    line-height: 2vh;
}*/
/*detection End*/

.brand_box {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.brand_box ul {
    display: flex;
    flex-wrap: wrap;


}

.brand_box ul li {
    width: 100%;
}

.brand_box ul li:nth-child(2n+1) {
}

.brand_box ul li img {
    display: block;
    width: 100%;
}

.brand_wrap {
    width: 100%;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 2vw;
}

.brand_wrap .brandSwiper {
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.brand_wrap .brandSwiper .swiper-slide {
    height: auto;
    padding-right: 2vw;
    box-sizing: border-box;
    overflow: hidden;
}

@media screen and (min-width: 959px) and (max-width: 1380px) {
    .banner .home_banner .swiper-wrapper .banner_about {
        width: 60vw;
    }

    .authentication_list_wrap {
        height: 25vh;
    }

    .authentication_wrap {
        margin-top: 0;
    }

    .certificate_class_list {
        width: 85%;
    }

    .detection_list_wrap {
        height: 35vh;
    }

    .detection_class_list {
        /*height: 6vh;*/
    }
}

@media (max-width: 960px) {
    .header .nav .nav_list > ul > li > a {
        font-size: 2.5vh;
    }

    .header .nav .submenu_wrap ul li a {
        font-size: 2.5vh;
    }

    .banner .home_banner .swiper-slide .banner_about {
        height: 80vh;
    }

    .banner .home_banner .swiper-slide .banner_about a {
        font-size: 3vh;
        right: 10vw;
    }

    .banner .home_banner .swiper-slide .banner_about h1 {
        font-size: 5vh;
    }

    .culture_wrap {
        width: 75vw;
    }

    .certificate_wrap {
        height: 75%;
    }

    .certificate_class_list {
        height: 10vh;
        width: 80%;
    }

    .contact_wrap .contact_left .contact_info h1 {
        font-size: 10vh;
    }

}