@charset "utf-8";



/* CSS Document */



/*===========================header=============================*/



body {

    padding-top: 7.1875rem;



    font-family: Microsoft YaHei;



}



#header,

#nav ul li h3,

.top_menu {

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

}



#header {

    background: #fff;

    z-index: 999;

    height: 7.1875rem;

    width: 100%;

    position: fixed;

    top: 0;

    z-index: 998;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

}



#header>.m {

    display: flex;

    height: 100%;

    max-width: 1560px;

    justify-content: space-between;

    align-items: center;

    position: static;

}



#header .fr {

    display: flex;

    padding-top: 1.5rem;

}



#header #nav {

    display: flex;

    justify-content: space-between;

    width: 760px;

}

#header.xg {

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

}

#logo {

    flex-shrink: 0;

}



#logo a,

.foot_logo a {

    display: flex;

    height: 3.4375rem;

    align-items: center;

}



#logo img {

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

    height: 3.875rem;

}



#nav {

    flex-grow: 1;

}



#nav ul {

    display: flex;

    flex-grow: 1;

    gap: 3rem;


}



#nav ul li {

    float: left;

    position: relative;

    z-index: 0;

     flex-grow: 1;

    text-align: center;


}




#nav ul li a {

    display: block;

    font-size: 0;

}



#nav ul li h3 {

    font-size: 1.0625rem;

    color: #434343;

    line-height: 5.6875rem;

    overflow: hidden;

    text-align: center;

    position: relative;

    z-index: 1;

    display: inline-block;

    white-space: nowrap;

    text-transform: uppercase;

    font-weight: bold;



}



/* #nav ul li.on h3,

#nav ul li:hover h3 {

    color: #fff;

} */



#nav ul .on::before,

#nav ul li:hover::before {

    /* color: #fff !important;

    background: #025511; */

    opacity: 1;

    transform: translateY(0);

}





/* #nav ul li.on h3:before, #nav ul li:hover h3:before { transform: scaleX(1); }  */



#nav li .sub {

    position: absolute;

    position: absolute;

    padding-top: .5rem;

    left: 50%;

    top: 100%;

    z-index: 999;

    transform-origin: 0 0 0;

    transform: translateY(10px) translateX(-50%);

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;



    transition: all 0.3s ease 0s;

    opacity: 0;

    visibility: hidden;

}



#nav li .sub .box {

    padding: 0;

    text-align: left;

    background: #fff;

    padding: 1rem 2rem;

    border-radius: 5px;

    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 3px 5px #3333334d;

}



#nav li .sub a {

    padding: 0;

    line-height: 2rem;

    transition: .3s;

    font-size: .875rem;

    color: #262729;

    text-align: center;

    white-space: nowrap;

}



#nav li .sub a:hover {

    color: #00a2e9;

}



#nav li:hover .sub {

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    -khtml-opacity: 1;

    opacity: 1;

    visibility: visible;

    transform: translateY(0px) translateX(-50%);

}







.top_menu_box {

    display: flex;

    margin-left: 3rem;

}



.top_menu_box .top_menu {

    display: flex;

    min-width: 3.5rem;

    align-items: center;

    position: relative;

    z-index: 1;

}



.top_menu_box .language a {

    width: 2.1875rem;

    height: 2.1875rem;

    border-radius: 3px;

    background: #2f318b;

    font-size: 1rem;

    font-weight: bold;

    font-family: Swis721 BlkCn BT;



}



.top_menu_box .top_menu a {

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

}



.top_menu_box .top_menu svg {

    width: 1rem;

    height: 1rem;

}



.top_menu_box .top_menu svg path {

    fill: #000;

    transition: all .4s;

}





.top_menu_box .top_menu button:hover svg path {

    fill: #00a7f0 !important;

}



.top_menu_box .top_menu p {

    position: absolute;

    top: 5px;

    right: 0;

    font-size: .875rem;

    color: #434343;

}





/* .top_menu_box .top_menu:before {

    content: "";

    display: block;

    width: 1px;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

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

    transition: .5s;

} */



.top_menu_box .top_menu.on:before {

    opacity: 0;

    visibility: hidden;

}



.top_menu_box .top_menu.on svg path {

    fill: #000;

}







/***********************/







/*手机导航开始*/



#m_header {

    display: none;

    height: 4.5rem;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 999;

    transition: 0s 1.5s;

    background: #fff;

    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);

}



#m_header .m {

    position: relative;

    height: 100%;

}



.m_user {

    height: 4.5rem;

    line-height: 4.5rem;

    margin-right: 4rem;

    color: #999;

}



.m_user a {

    display: inline-block;

    margin: 0 .625rem;

    color: #666;

}



.m_user a svg {

    width: 16px;

}



.m_user a:hover {

    color: #ff0000;

}



.m_user a:hover svg path {

    fill: #ff0000;

}



#m_logo {

    transition: 0s 1.5s;

    height: 100%;

    visibility: visible;

    float: left;

    display: flex;

    align-items: center;

}



#m_logo img {

    display: block;

    height: 35px;

}







.m_nav_list {

    /* flex-direction:column; */

    /* justify-content: flex-start; */

    width: 100%;

    /* overflow: auto; */

}



.m_nav_list::-webkit-scrollbar {

    display: none
}



#m_nav .top_search {}



.top_search form {

    display: flex;

    justify-content: center;

    margin-right: 0;

    margin-top: 1rem;

    margin-bottom: 1rem;

    max-width: 80%;

    margin: 0 auto;

}



.top_search .input {

    flex-grow: 1;

    border: 1px solid #d8d5d2;

    border-right: 0;

    padding-left: 15px;

}



.top_search .button {

    flex-shrink: 0;

    background: #00a7f0;

    width: 3rem;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 3rem;

}



.top_search .button svg {

    width: 1.75rem;

    height: 1.75rem;

}



.top_search .button svg path {

    fill: #fff;

}



#m_nav {



    z-index: -1;



    position: fixed;



    background: #fff;



    width: 100%;



    height: 100vh;



    right: 0;



    top: 0;



    display: none;



    padding: 90px 0;



    overflow: hidden;



    pointer-events: none;



    transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);



    -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);



    -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);



    -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);



    -ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);



    display: block;



    overflow: auto;



    visibility: hidden;



    opacity: 0;



}



#m_nav::-webkit-scrollbar {

    display: none;

}



#m_nav.act {

    pointer-events: auto;

    top: 0;

    visibility: visible;

    opacity: 1;

    z-index: 9999;

}



#m_nav>ul>li {

    width: 80%;

    overflow: hidden;

    padding: 0 1rem;

    margin: 0 auto;

}



#m_nav>ul>li+li {

    border-top: 1px solid rgb(254 179 0 / 25%);

}



#m_nav li .a {}



#m_nav li .a h3 {

    line-height: 4.5rem;

    height: 4.5rem;

    color: #000;

    padding: 0;

    font-size: 1.125rem;

    float: left;

    font-weight: bold;

    text-transform: uppercase;

}



#m_nav li .a span {

    display: block;

    position: absolute;

    top: 0;

    right: 10px;

    width: 20px;

    height: 50px;

    text-align: center;

}



#m_nav li .a span i {

    font-size: 0;

}



#m_nav .title .a i {

    opacity: 1;

    filter: alpha(opacity=100);

    display: inline-block;

    width: 16px;

    height: 4.5rem;

    float: right;

    display: inline-block;

    background: url(../images/arrow_down.svg) center no-repeat;

    background-size: contain;

}



#m_nav li.on.title .a i {

    transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

}



#m_nav .on.title .a i {

    transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

}



#m_nav li {

    display: block;

    width: 100%;

}



.slide_nav {

    position: absolute;

    left: 0;

    height: 70px;

    z-index: 998;

    padding: 15px;

    top: 0;

    width: 100%;

}



#m_nav .title .list {

    display: none;

    position: relative;

    width: 100%;

    z-index: 9;

    left: 0;

    margin-left: 0;

    background: none;

    border: 0;

    clear: both;

    padding-bottom: 10px;

}



#m_nav .title .list span {

    background: none;

}





#m_nav .title .list a {

    display: block;

    font-size: 1.125rem;

    color: rgba(0, 0, 0, .7);

    text-align: left;

    line-height: 35px;

    height: 35px;

    border: 0;

}



/*三级导航 开始*/



#m_nav .title .list .void>a {

    background-size: 10px;

    position: relative;

}



#m_nav .title .list .void>a:before {

    content: "·";

    position: absolute;

    left: -1em;

    font-size: 12px;

    font-weight: bold;

}



#m_nav .title .list span {

    position: relative;

    display: block;

}



#m_nav .title .list span .sub {

    position: static;

    width: 100%;

    display: block !important;

    overflow: hidden;

}



#m_nav .title .sub a {

    background: none;

    font-size: .875rem;

    opacity: .8;

    min-width: 50%;

    float: left;

    display: inline-block;

    color: #999;

}



.nav_mask {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1000;

    background-color: rgba(0, 0, 0, 0.4);

    display: none;

}





.top_menu .search {

    width: 11.875rem;

    height: 2.25rem;

    border: 1px solid #d2d2d2;

    display: flex;

    border-radius: 3px;

    align-items: center;

    justify-content: space-around;

}



.top_menu .search input {

    border: none;

    padding: 0 7px;

    width: 73%;

}



.top_menu button {

    background: transparent;

}







.pub-close {



    position: absolute;



    width: 3rem;



    height: 3rem;



    z-index: 10;



    right: 1.5rem;



    top: 1.35rem;



    background-color: rgba(255, 255, 255, .1);



    border-radius: 100%;



}



.pub-close .bg {



    position: absolute;



    left: 0;



    top: 0;



    width: 100%;



    height: 100%;



    background-color: #1c5ab7;



    transform: scale(0);



    border-radius: 100%;



    transition: transform .3s;



}



.pub-close i {



    position: absolute;



    left: 0;



    top: 0;



    width: 100%;



    height: 100%;



    background-position: center;



    background-size: 0.75rem;



    background-repeat: no-repeat;



    background-image: url(../images/close-btn.svg);



    transition: .6s
}



.pub-close i:hover {

    transform: rotate(180deg)
}







@keyframes spin {



    to {

        transform: rotate(1turn);

    }



}



@keyframes spin2 {



    to {

        transform: rotate(-1turn);

    }



}



@keyframes spin-reverse {



    from {



        transform: rotate(1turn);



    }



}



@keyframes spin-reverse2 {



    from {



        transform: rotate(-1turn);



    }



}







/*首页banner*/



#banner {

    position: relative;

}





#banner .swiper {

    height: 46.875rem;

}



#banner .slide-inner {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat !important;

}



#banner .swiper-button-next,

#banner .swiper-button-prev {

    width: 2rem !important;

    height: 2rem !important;

}



#banner .nexts {



    right: 7%;

}



#banner .prevs {



    left: 7%;

}





#swiper1 img {

    position: absolute;

    bottom: 5%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 10;

}







#banner .swiper-pagination span {

    width: 4.5rem;

    height: 3px;

    background: transparent;

    transition: .5s;

    border-radius: 50%;

    padding: 0;

    position: relative;

}



#banner .swiper-pagination span:before {

    content: "";

    display: block;

    width: 100%;

    height: 3px;

    position: absolute;

    left: 0;

    top: 0;

    transition: .3s;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    -ms-transition: .3s;

    -o-transition: .3s;

    background: rgba(255, 255, 255, .25);

}



#banner .swiper-pagination {

    bottom: 10% !important;

}



#banner .swiper-pagination span:after {

    content: "";

    display: block;

    width: 0;

    height: 3px;

    left: 0;

    margin-left: 0;

    position: absolute;

    top: 0;

    background: #feb300;

}



#banner .swiper-pagination span.swiper-pagination-bullet-active:after {

    animation: anim-h 4s linear forwards;

    -webkit-animation: anim-h 4s linear forwards;

}



@-webkit-keyframes anim-h {

    0% {

        width: 0;

    }



    100% {

        width: 100%;

    }

}



@keyframes anim-h {

    0% {

        width: 0;

    }



    100% {

        width: 100%;

    }

}



#n_containers {

    background: url(../images/zhiliangbg.jpg)no-repeat;

    width: 100%;

    background-size: cover;

}



#n_banner {

    display: block;

    width: 100%;

    height: 15rem;

    position: relative;

    overflow: hidden;

    background-size: cover !important;

}



#n_banner .m {

    height: 100%;

    display: flex;

    align-items: center;

}



#n_banner .m h4 {

    font-family: Swis721 BlkCn BT;

    color: rgba(255, 255, 255, .3);

    font-size: 2.25rem;

    text-transform: uppercase;



}



#n_banner .m h5 {

    color: #fff;

    font-size: 3rem;

}



#dh {

    height: 5rem;

}



#dh .m .bors {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 2px solid #e2e5eb;

}



.position .ico {

    margin-right: 1rem;



}



#dh .on,
#dhs .on {

    color: #00a7f0;

}

#dhs .position .ico {

    margin-right: .5rem
}

#dh .position a {

    line-height: 2.25rem
}



.n_nav {

    position: relative;

}



.n_nav ul {

    display: flex;

    align-items: center;

    gap: 2.8125rem;

}



.n_nav li {

    display: block;

    flex-grow: 1;

    line-height: 5rem;

    height: 5rem;

    z-index: 1;

    position: relative;



}



.n_nav li::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 0;

    bottom: -2px;

    background: url(../images/before.png)no-repeat;

    transition: all .5s;

}



.n_nav li.on::before,

.n_nav li:hover::before {

    height: 5px;

}



.n_nav li a {

    display: block;

    text-align: center;

    font-size: 1rem;

    line-height: 5rem;

    color: #434343;

    font-weight: bold;

    transition: .5s;

    position: relative;

    transition: all .5s;

}



.s_tt {}



.s_tt span {

    font-size: 1.5rem;

    color: #772b1b;

    font-family: HELVETICANEUELTPRO;

    text-transform: uppercase;

}



.s_tt h3 {

    font-family: SLIDEQIUHONGREGULAR;

    font-size: 3.75rem;

    color: #333333;

    letter-spacing: -.625rem;

}





.relative {

    position: relative;

}









.position {

    left: 0;

    bottom: 0;

    font-size: .9375rem;

    color: rgba(51, 51, 51, 0.7);

    display: flex;

    align-items: center;

}



.position>svg {

    margin-right: 5px;

    width: 1.255rem;

    height: 1.25rem;

}



.position a {

    margin: 0 4px;

}



.position span,

.position a,

.position i {

    font-size: .9375rem;

    color: #848588;

    flex-shrink: 0;

    -moz-transition: all 0.36s ease-in-out;

    -webkit-transition: all 0.36s ease-in-out;

    -o-transition: all 0.36s ease-in-out;

    -ms-transition: all 0.36s ease-in-out;

    transition: all 0.36s ease-in-out;

}



.position i {

    /* margin: 0px .5rem; */

    font-style: normal;

    width: 8px;

    /* height: 8px; */

}





#swiper1 .swiper-button-white svg path {

    fill: #fff;



}



#swiper1 .swiper-button-white:hover svg path {

    fill: #00a7f0;

}





#swiper1>img {

    position: absolute;

    width: 18px;

    height: 28px;

}



#s_containers {

    width: 100%;

    background: url(../images/indexbg.jpg) no-repeat;

    position: relative;

    background-size: cover;

}









.s_tits {

    margin-bottom: 2.5rem;

}



.s_tits h5 {

    color: #434343;

    font-size: 2.5rem;

    font-weight: bold;

    text-align: center;

}



.s_tits i {

    display: block;

    width: 16px;

    height: 2px;

    background: #00a2e9;

    margin: 1rem auto 0;

}



.s_tits p {

    color: rgba(0, 0, 0, 0.9);

    font-size: 1rem;

    line-height: 1.6875rem;

    text-align: center;

    margin: 1rem auto 0;

}

#procen .swiper-slide {
    border-radius: 50%;
}

#procen .swiper-slide a {

    width: 14.875rem;

    height: 14.875rem;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    transition: all .5s;

}



#procen .swiper-slide i {

    display: block;

    width: 13px;

    height: 1px;

    margin: 1.5625rem auto 1.25rem;

    transition: all .5s;

}





#procen .swiper-slide p {

    width: 6.875rem;

    text-align: center;

    height: 3rem;

    font-size: 1.125rem;

    font-weight: bold;

    line-height: 1.5rem;

    transition: all .5s;

}



#procen .swiper-slide svg path {

    transition: all .5s;

}



#procen .swiper-slide a:hover svg path ,
#procen .on svg path{
    fill: #fff !important;
    transform: rotateY(360deg);
}




#procen .swiper-slide a:hover i ,
#procen .on i {
    background: #fff !important;
}



#procen .swiper-slide a:hover p ,
#procen .on p {
    color: #fff !important;
}


#procen .swiper-slide:nth-child(3n+1) a {



    border: 2px solid #2f318b;

}



#procen .swiper-slide:nth-child(3n+1) svg path {

    fill: #2f318b;

}



#procen .swiper-slide:nth-child(3n+1) i,

#procen .swiper-slide:nth-child(3n+1) a:hover {

    background: #2f318b;

}



#procen .swiper-slide:nth-child(3n+1) p {

    color: #2f318b;

}




#procen .swiper-slide:nth-child(3n+2) a {



    border: 2px solid #0370a4;

}



#procen .swiper-slide:nth-child(3n+2) svg path {

    fill: #0370a4;

}



#procen .swiper-slide:nth-child(3n+2) i,

#procen .swiper-slide:nth-child(3n+2) a:hover {

    background: #0370a4;

}



#procen .swiper-slide:nth-child(3n+2) p {

    color: #0370a4;

}





#procen .swiper-slide:nth-child(3n+3) a {

    border: 2px solid #00a7f0;

}



#procen .swiper-slide:nth-child(3n+3) svg path {

    fill: #00a7f0;

}



#procen .swiper-slide:nth-child(3n+3) i,
#procen .swiper-slide:nth-child(3n+3) a:hover ,
#procen .swiper-slide:nth-child(3n+3).on a  {

    background: #00a7f0;

}



#procen .swiper-slide:nth-child(3n+3) p {

    color: #00a7f0;

}






.fa ul {

    display: flex;

    height: 100%;

}


.fa ul li a {

    position: relative;

    display: block;

    height: 100%;

}


















.facon {

    position: absolute;

    top: 23%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 80%;

}



.facon h5,

.facon p {

    font-size: 1.5rem;

    line-height: 1.6875rem;

    color: #fff;

    text-align: center;

}



.facon p {

    font-family: Swis721 BlkCn BT;

}


.facon h5 {

    font-weight: bold;

    margin: 1.5rem auto 3rem;

}



.facon img {

    display: block;

    margin: auto;

}











.jies {

    display: flex;

    justify-content: space-between;

    gap: 1.5rem;

}



.jleft {

    max-width: 51.25rem;

    width: 100%;

}



.jleft h5 {

    color: #e7e8e9;

    text-transform: uppercase;

    font-size: 2.25rem;

    line-height: 1.25;

    font-family: Swis721 BlkCn BT;



}



.jleft h4 {

    color: #434343;

    font-size: 2.1875rem;

    font-weight: bold;

    line-height: 1.5;

}



.jleft p {

    color: #373535;

    font-size: 1rem;

    line-height: 1.875rem;

    margin: 2rem 0 3rem;

}



.jleft a {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 10.625rem;

    height: 3.125rem;

    background: #00a2e9;

    color: #fff;

    border-radius: 3px;

    gap: .5rem;

}





.jright .imgs {

    padding: 7px;

    box-shadow: 5px 4px 6px -1px #d0d0d0;

}





.companycon {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    margin-top: 1.5rem;


}



.companycon a {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #000000;

    font-size: 1rem;

    line-height: 1.5rem;

    width: 6rem;

    height: 6rem;

    z-index: 10;

    transition: all .5s;


}



.companycon a:hover {

    color: #00a2e9;

}



.companycon a::before {

    content: "";

    position: absolute;

    background: url(../images/bk.png)no-repeat;

    background-size: cover;

    width: 100%;

    height: 100%;

    z-index: -1;

    animation: spins 15s linear infinite;

}



@keyframes spins {

    from {

        transform: rotateZ(0deg);

    }



    to {

        transform: rotateZ(360deg);

    }

}



.cptit {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 2rem;

}



.cptit h5 {

    color: #434343;

    font-size: 2.5rem;

    font-weight: bold;

}



.cptit a {

    display: flex;

    align-items: center;

    gap: .5rem;

}



.newcp {

    display: grid;

    grid-template-columns: 473px 1fr;

    height: 38.75rem;

}



.newcp .nleft {

    background: url(../images/cp1bg.jpg)no-repeat;

    background-size: cover;

    padding: 3.5rem 3rem;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.newcp .nleft a {

    width: 10.625rem;

    height: 3.125rem;

    justify-content: space-around;

    border: 2px solid #fff;

}





.newcp h5 {

    color: #fff;

    font-size: 1rem;

}



.newcp h4 {

    color: #fff;

    font-size: 1.5rem;

    line-height: 2.5rem;

    font-weight: bold;

    margin: 2.25rem 0 2.5rem;

}



.newcp p {

    color: #fefeff;

    font-size: .875rem;

    line-height: 1.6875rem;

}





.newcp a {

    display: flex;

    gap: .5rem;

    align-items: center;

    color: #fff;

}



.nright {

    display: grid;

    grid-template-columns: repeat(2.1fr);

}



.nright div:first-child {

    grid-column-start: 1;

    grid-column-end: 3;

    background: url(../images/cp2bg.jpg)no-repeat;

    background-size: cover;

}



.nright div:nth-child(2) {

    background: url(../images/cp3bg.jpg)no-repeat;

    background-size: cover;

}



.nright div:nth-child(3) {

    background: url(../images/cp4bg.jpg)no-repeat;

    background-size: cover;

}



.nright div {

    padding: 3.5rem 2.5rem;

}



.nright h4 {

    width: 22.1875rem;

}



#foot {

    background: #1f2024;

}



#foot .item a {

    display: inline-block;





}



#foot .m .box1s {

    display: flex;

    justify-content: space-between;

    gap: 3rem;

}



.foot_nav {

    display: flex;

    justify-content: space-between;

    flex-grow: 1;

    max-width: 865px;

    width: 100%;

}







.foot_nav dl dt {

    font-size: 1.125rem;

    color: #fff;

    line-height: 1.5rem;

    margin-bottom: 1.5rem;

    position: relative;

    z-index: 1;

    font-weight: bold;

}



.foot_nav dl dd {

    font-size: .9375rem;

    color: rgba(255, 255, 255, .5);

    line-height: 1.875rem;

    transition: .5s;

}



.f_address {

    margin: 1.875rem 0;

}



.phones {

    display: flex;

    align-items: flex-end;

    gap: 10px;



}



.phones p {

    color: rgba(255, 255, 255, .54);

    font-size: .875rem;

    margin-bottom: .5rem;

}



.phones h5 {

    font-family: Swis721 BlkCn BT;

    font-size: 1.375rem;

    color: #fff;

}



.phones svg .quan {

    fill: rgba(255, 255, 255, 0.5);

}



.f_address>p {

    color: #a8a9aa;

    font-size: .875rem;

    line-height: 1.5rem;

    margin: .5rem 0 0 3rem;

}





.ewm {

    display: flex;

    align-items: center;

    margin-left: 3rem;

    gap: 1.25rem;

}



.ewm img {

    width: 95px;

    height: 95px;

}



.ewm p {

    color: rgba(255, 255, 255, .4);

    font-size: .875rem;

    line-height: 1.5rem;

}



.copyright {

    padding: 1.5rem 0;

    display: flex;

    justify-content: center;

    align-items: center;

    color: rgba(255, 255, 255, .4);

    font-size: .8125rem;

    line-height: 1.5rem;

    border-top: 1px solid rgba(255, 255, 255, .1);



}



.copyright p {

    text-align: center;



}



.copyright a {

    transition: all .5s;

}



.copyright a:hover {

    color: #fff;

}



.foot_nav dl dd:hover {

    color: #fff;

}


.online_q {

    position: fixed;

    right: 2rem;

    bottom: 10%;

    z-index: 999;

    transition: .5s;

    -webkit-transition: .5s;

    border-radius: 2.5rem;

    padding: 1.25rem 0;

    opacity: 0;

    transform: translateY(30px);
    visibility: hidden;

}

.online_q.on {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


.online_q .close {

    position: absolute;

    right: -1rem;

    font-size: 1rem;

    color: #969797;

    opacity: 1;

    font-weight: normal;

    cursor: pointer;

}



.online_q .btn2 {

    width: 4.375rem;

    height: 4.375rem;

    margin-bottom: 4px;

    background: #00a2e9;

    transition: .5s;

    border-radius: 50%;

    cursor: pointer;

    position: relative;

}



.online_q .btn-top {

    padding: 0;

    transition: .5s;

    overflow: hidden;

}



.online_q .btn2 a {

    font-size: 12px;

    color: #fff;

}



.online_q .btn2 span {

    display: flex;

    float: left;

    color: #fff;

    flex-direction: column;

    font-size: .75rem;

    text-align: center;

    width: 4.375rem;

    height: 4.375rem;

    justify-content: center;

    align-items: center;

    position: relative;

    z-index: 999;

    overflow: hidden;

    transition: .3s;

    -webkit-transition: .3s;

    overflow: hidden;

    flex-shrink: 0;

}



.online_q .open.pic {

    position: absolute;

    background: #eef2f6;

    border-radius: 3px;

    width: 100px;

    height: 100px;

    right: 60px;

    top: 50%;

    margin-top: -50px;

    text-align: right;

    opacity: 0;

    transition: .6s;

    -webkit-transition: .6s;

    visibility: hidden;

}



.online_q .open.pic img {

    width: 80px;

    height: 80px;

    margin-top: 10px;

    margin-right: 10px;

}



.online_q .btn2:hover .open.pic {

    opacity: 1;

    right: 75px;

    visibility: visible;

}



.online_q .open.phone {

    position: absolute;

    background: #eef2f6;

    width: 150px;

    height: 3.125rem;

    border-radius: 3px;

    right: 75px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #529de1;

    top: 50%;

    transform: translate(0, -50%);

    transition: .6s;

    -webkit-transition: .6s;

    opacity: 0;

    visibility: hidden;

}



.online_q .open.phone p {

    color: #00a2e9;

    font-family: BarlowCondensed-Regular;

    font-size: 1.125rem;

}



.online_q .btn2:hover .open.phone {

    transition: .5s;

    -webkit-transition: .5s;

    opacity: 1;

    visibility: visible;

}



.online_q .open.pic:before {

    content: "";

    display: block;

    width: 0;

    height: 0;

    border: 10px solid transparent;

    border-left: 10px solid #eef2f6;

    position: absolute;

    right: -15px;

    top: 50%;

    margin-top: -10px;

}



.online_q .open.phone:before {

    content: "";

    display: block;

    width: 0;

    height: 0;

    border: 10px solid transparent;

    border-left: 10px solid #eef2f6;

    position: absolute;

    right: -15px;

    top: 50%;

    margin-top: -10px;

}



.online_q .btn2:hover {

    background: #00a2e9;

}



#gotop {

    background: #00a2e9;

}



#gotop.hide {

    height: 0;

    overflow: hidden;

    display: block !important;

}

.allswipercon {

    display: none;

}



.page .box {

    display: flex;

    margin-top: 4rem;

    flex-wrap: wrap;



}



.page a {

    display: flex;

    align-items: center;

    justify-content: center;

    transition: .5s;

    font-size: .875rem;

    color: #3a3a3a;

    margin-right: .625rem;

    border: 1px solid #e0e0e0;

    border-radius: 5px;

    flex-shrink: 0;

    min-width: 2.5rem;

    height: 2.5rem;

}



.page a span {

    padding: 0 1rem;

    white-space: nowrap
}



.page a.on {

    border: 1px solid #00a7f0;

    background: #00a7f0;

    color: #fff
}



.page .centers {

    justify-content: center;

}





#m_n_nav {

    display: none;

    line-height: 50px;

    position: relative;

    z-index: 9;

    width: 100%;

    background: #00a7f0;

}





#m_n_nav .m {

    display: flex;

    align-items: center;

    justify-content: space-between
}



#bnt_back svg {

    fill: #fff;

    vertical-align: middle;

    width: 26px;

    height: 26px
}



#m_n_nav h1 {

    font-size: 16px;

    color: #fff;

    text-align: center;

    margin: 0;

    line-height: 50px
}



#bnt_sub_nav {

    cursor: pointer;

    color: #fff;

    font-size: 18px
}



#bnt_sub_nav svg {

    fill: #fff;

    height: 16px;

    vertical-align: middle;

    width: 16px
}



#bnt_sub_nav img {

    display: block;

    height: 15px
}



#bnt_sub_nav.on img {

    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg)
}



#sub_nav_content {

    background: #f0f3f5;

    display: none;

    box-shadow: 0 0 5px #999;

    z-index: 9
}



#sub_nav_content ul {

    padding: 10px
}



#sub_nav_content ul li {

    display: block;

    line-height: 28px;

    margin: 1rem 0
}



#sub_nav_content ul li a {

    display: block;

    border-left: 2px solid #db0018;

    height: 30px;

    line-height: 30px;

    font-size: 14px;

    padding-left: 10px;

    color: #535455
}



#sub_nav_content ul li.on a {

    color: #db0018
}



#sub_nav_content dl {

    font-size: 0;

    overflow: hidden;

    background: #fff;

    padding: 10px 0;

    border-top: 1px solid #e7e7e7
}



#sub_nav_content dt {

    position: relative;

    background: #fff;

    z-index: 999;

    margin-bottom: 0
}



#sub_nav_content dt a {

    margin: 0 20px;

    display: block;

    color: #333;

    line-height: 30px;

    font-size: 13px;

    vertical-align: top
}



#sub_nav_content dt a i {

    position: absolute;

    right: 15px;

    top: 0;

    opacity: 0;

    filter: alpha(opacity=0);

    display: none
}



/* 最新公告 */



#gg ul {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 3.4375rem 1.5625rem;

    padding-top: 2.0625rem;

}



#gg ul li {

    background: #fff;

    padding: 6rem 2.1875rem 2.1875rem;

    position: relative;

    transition: all .5s;

}



#gg ul li .times {

    position: absolute;

    width: 4rem;

    top: -33px;

}



#gg ul li .times p {

    color: #00a7f0;

    font-size: 1.125rem;

    font-family: Swis721 BlkCn BT;

    text-align: center;

    line-height: 2;

    transition: all .5s;

}



#gg ul li .days {

    width: 100%;

    height: 4rem;

    background: #00a7f0;

    display: flex;

    align-items: center;

    justify-content: center;

    font-family: Swis721 BlkCn BT;

    color: #fff;

    font-size: 2rem;

    transition: all .5s;

}







#gg ul li h5 {

    color: #302f38;

    font-size: 1.25rem;

    font-weight: bold;

    line-height: 1.75rem;

    word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    /* 超出几行省略 */

    overflow: hidden;

    white-space: normal;

    height: 3.5rem;

    margin-bottom: 1.25rem;

    transition: all .5s;

}



#gg ul li a {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 9.0625rem;

    height: 2.8125rem;

    border-radius: 1.25rem;

    background: #eff1f5;

    font-size: .875rem;

    line-height: 1.875rem;

    color: #302f38;

    gap: 5px;

    transition: all .5s;

}





#gg ul li:hover {

    background: #00a7f0;

}



#gg ul li:hover h5 {

    color: #fff;

}



#gg ul li:hover .times p {

    color: #fff;

}



#gg ul li:hover .days {

    background: #2f318b;

}



#gg ul li:hover a {

    background: #ffffff;

}





/* 质量管理 */



#bg .renzheng {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12.5rem;

    padding-bottom: 2.5rem;

    border-bottom: 1px solid #c7d1dc;

}



#bg .renzheng img {

    display: block;
    flex-shrink: 0;
    width: 23%;
    margin-right: 10rem;

}



#bg .zlcon h5 {

    color: #434343;

    font-size: 2.25rem;

    line-height: 3.75rem;

    font-weight: bold;

}



#bg .zlcon p {

    color: #434343;

    font-size: 1.125rem;

    line-height: 2.25rem;

    margin-top: 1.5rem;

}



#bg .m>div:not(:first-child) {

    margin-top: 3rem;



}



#bg .m>div:not(:first-child) .zlcon {

    margin-bottom: 3rem;

}



#bg .nlbg {

    background: #fff;

    width: 100%;

    padding: 1.25rem 0;



}



#bg .nlbg img {

    margin: auto;

    display: block;

}



#bg .fz h5 {

    text-align: center;

}



#bg .fz ul {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 13px;

}



#bg .fz ul li {

    display: flex;

    flex-direction: column;

    transition: all .5s;

}



#bg .fz ul li:hover {

    transform: scale(.95);

}



#bg .fz ul li div {

    padding: 2.25rem 3rem 1.5rem;

    height: 13.125rem;

}



#bg .fz ul li:nth-child(odd) div {

    background: #00a7f0;

}



#bg .fz ul li:nth-child(even) div {

    background: #2f318b;

}



#bg .fz ul li h5 {

    color: #fff;

    font-size: 1.875rem;

    line-height: 2.1875rem;

    font-weight: bold;

    margin-bottom: 1.25rem;

}



#bg .fz ul li p {

    color: rgba(255, 255, 255, .7);

    font-size: 1rem;

    line-height: 1.5rem;

}





/* 样片申请 */



#yp .sq {

    display: grid;

    grid-template-columns: 1fr 42.1875rem;

    gap: 4.5rem;

}



#yp h4 {

    color: #434343;

    font-size: 2.25rem;

    font-weight: bold;

    line-height: 3.75rem;

    margin-bottom: 1.5rem;

}



#yp h5 {

    color: #434343;

    font-size: 1.75rem;

    font-weight: bold;

    line-height: 2.5rem;

}



#yp h6 {

    color: #434343;

    font-size: 1.125rem;

    line-height: 2.5rem;

}



#yp .phoness {

    display: flex;

    align-items: center;

    color: #636363;

    font-size: .9375rem;

    line-height: 2.125rem;

    gap: .75rem;

    margin-top: 3rem;

}



#yp .phoness p {

    color: #00a7f0;

    font-size: 2.25rem;

    font-family: Swis721 BlkCn BT;



}



.gouxuan .gxtit {

    display: flex;

    align-items: center;

    gap: .5rem;

    padding-left: 1.25rem;

}



.gouxuan .gxtit i {

    color: #ff0000;

}



.gouxuan .leix .xk {

    border: 1px solid #c6d6e3;

    border-radius: 6px;

    background: #fff;

    margin: .75rem 0;

    padding: 1.25rem;

    width: 100%;

}





.gouxuan .leix .dxk {

    display: grid;

    grid-template-columns: .5fr 1fr 1fr;

    gap: 1.75rem 2rem;

}

.gouxuan .leix .dxk .zhong {

    text-align: center;

}

.gouxuan .leix .dxk div {

    line-height: 1.5;

}



#n_containerss {

    background: url(../images/yangpianbg.jpg)no-repeat;

    width: 100%;

    background-size: cover;

}



.checkLabel {

    font-size: 1rem;

    cursor: pointer;

}



.checkLabel i {

    font-size: 12px;

    font-style: normal;

    display: inline-block;

    width: 15px;

    height: 15px;

    text-align: center;

    line-height: 12px;

    color: rgba(255, 255, 255, 0);

    vertical-align: middle;

    margin: 0 .5rem 0;

    border: #dcdfe6 1px solid;

    border-radius: 2px;

}



.checkLabel input[type="checkbox"],

input[type="radio"] {

    display: none;

}



.checkLabel input[type="checkbox"]:checked+i,

input[type="radio"]:checked+i {

    background: #00a7f0;

    border: #00a7f0 1px solid;

    color: rgba(255, 255, 255, 1);

}





.xk input,

.xk textarea {

    width: 100%;

    color: #000;

    font-size: .875rem;

    font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;

}



.zixuncon .xk {

    height: 7.375rem;



}



.province .xks {

    display: flex;

    gap: 15px;

}



.gouxuan .province .xk {

    padding: .875rem 0;

    position: relative;

}



.district {

    display: none;

}



.xk input[type=text]::-webkit-input-placeholder {

    color: rgba(130, 130, 130, 0.8);

}



.xk input[type=text]:-moz-placeholder {

    color: rgba(130, 130, 130, 0.8);

}



.xk input[type=text]::-moz-placeholder {

    color: rgba(130, 130, 130, 0.8);

}



.xk input[type=text]:-ms-input-placeholder {

    color: rgba(130, 130, 130, 0.8);

}



.selectBox {

    height: 1.875rem;

}



.inputCase {

    position: relative;

    width: 100%;

    height: 100%;

    box-sizing: border-box;

}



.inputCase input.imitationSelect {

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    display: block;

    text-indent: 20px;

    cursor: default;

}



.inputCase i {

    position: absolute;

    right: 20px;

    top: 50%;

    transform: translate(0, -50%);

    background: url(../images/angle.png)no-repeat;

    width: 11px;

    height: 8px;

}



.selectUl {

    display: none;

    padding: 0;

    margin: 0;

    max-height: 150px;

    height: auto;

    top: 105%;

    position: absolute;

    width: 100%;

    z-index: 100;

    overflow-y: scroll;

    background: #fff;

    border-bottom: 1px solid #ccc;

    border-left: 1px solid #ccc;

    border-right: 1px solid #ccc;

}





.selectUl li {

    font-size: .875rem;

    height: 2rem;

    line-height: 2rem;

    text-indent: 20px;

    border-bottom: 1px solid #ccc;

}



.selectUl li:hover {

    background: #00a7f0;

    color: #fff;

}



.selectUl li:last-child {

    border-bottom: 0 none;

}



.ewms {

    position: relative;

}



.ewms img {

    position: absolute;

    right: 5%;

    top: 50%;

    transform: translate(0, -50%);



}





.gouxuan button {

    width: 22.8125rem;

    height: 3.625rem;

    background: #00a7f0;

    border-radius: 5px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 1.125rem;

    line-height: 2.25rem;

    margin-top: 2.25rem;

}





/* 新闻中心 */



.switch {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    padding-bottom: 4rem;

}





.switch a {

    width: 10.625rem;

    height: 3.125rem;

    background: #0370a4;

    border-radius: 3px;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;



}



.switch a.on {

    background: #00a2e9;

}



.switch a::before {

    content: "";

    position: absolute;

    opacity: 0;

    background: url(../images/switch.png)no-repeat;

    width: 22px;

    height: 10px;

    bottom: -5px;

    left: 50%;

    transform: translate(-50%, 0);

}



.switch a.on::before {

    opacity: 1;

}





#newbg .new ul {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 1.5625rem;

}





#newbg .newcon {

    padding: 2.375rem;

    background: #fff;





}



#newbg .newcon h5 {

    color: #302f38;

    font-size: 1.125rem;

    line-height: 1.875rem;

    font-weight: bold;

    white-space: normal;

    height: 3.75rem;

}



#newbg .newcon p {

    color: #8b8b8b;

    font-size: .875rem;

    line-height: 1.625rem;

    margin: 1rem 0 2rem;

}



#newbg .newcon span {

    color: #00a7f0;

    font-size: 1.25rem;

    font-family: Swis721 BlkCn BT;

    line-height: 1.6875rem;

}



#newbg ul li .img img {

    max-height: 16rem;
    min-height: 16rem;

}



#newbg .mainbox {

    display: flex;

}



.left_con {

    position: relative;

}



.right_con {

    width: 22.875rem;

    flex-shrink: 0;

    position: relative;

    z-index: 1;

    margin-left: 5rem;

}



.right_con:after {

    content: "";

    display: block;

    width: 2px;

    height: 100%;

    z-index: -1;

    background: #ffffff;

    position: absolute;

    left: 0;

    top: 0;

}



.right_con .pubdate,

.right_con .right_search {



    padding-left: 2rem;

}



.pubdate {

    border-left: 2px solid #00a7f0;

}



.pubdate .tt {

    display: flex;

    align-items: center;

    font-size: .875rem;

    color: #5d5d5e;

    line-height: 1.5rem;

    margin-bottom: 0.75rem;

}



.pubdate .tt svg {

    width: 1.375rem;

    height: 1.375rem;

    margin-right: 0.875rem;

}



.pubdate .bd {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.pubdate .bd a.on {

    color: #00a7f0;

}



.pubdate .bd a:first-child {

    font-size: 1.125rem;

}



.right_search {

    margin-top: 2.25rem;

    background: #fff;

    border-left: 2px solid #00a7f0;

}



.right_search form {

    display: flex;

    height: 5rem;

    align-items: center;

}



.pubdate .bd a {

    font-size: 1.375rem;

    width: 20%;

    line-height: 1.875rem;

    color: #919191;

    font-family: Swis721 BlkCn BT;

}



.right_search form svg {

    flex-shrink: 0;

    width: 1.625rem;

    height: 1.625rem;

    margin-right: 0.75rem;

}



.right_search form input {

    flex-grow: 1;

    font-size: .875rem;

    color: #000;

}



.right_search form input::-webkit-input-placeholder {

    color: #78797b
}



.n_newslist ul li a {

    display: flex;

    padding: 1.875rem 0;

    position: relative;

    align-items: center;

}



.n_newslist ul li a:before {

    content: "";

    display: block;

    width: 100%;

    height: 2px;

    background: #f0f0f0;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1
}



.n_newslist ul li a:after {

    content: "";

    display: block;

    width: 0;

    height: 2px;

    background: #02a8f0;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 2;

    transition: .7s
}



.n_newslist ul li .txt {

    padding-left: 1.625rem
}



.n_newslist ul li .txt h4 {

    font-size: 1.125rem;

    color: #302f38;

    line-height: 1.625rem;

    font-weight: bold;

    margin-bottom: .625rem;

    transition: all .5s;

}



.n_newslist ul li .txt p {

    font-size: .8125rem;

    color: #989a9c;

    line-height: 1.375rem;

    transition: all .5s;

}



.n_newslist ul li a:before {

    background: #e4e6e9;

}



.n_newslist ul li:last-child a {

    padding-bottom: 0
}



.n_newslist ul li a:hover:after {

    width: 50%
}



.n_newslist ul li .mytime {

    margin: 0 1rem;

    max-width: 6.25rem;

    text-align: center;

    flex-shrink: 0;

}



.n_newslist ul li .mytime h4,

.n_newslist ul li .mytime p {

    font-family: Swis721 BlkCn BT;

    color: #999999;



}



.n_newslist ul li .mytime h4 {

    font-size: 2.25rem;

    line-height: 3rem;

}



.n_newslist ul li .mytime p {

    font-size: 1rem;

    line-height: 2rem;

}



.n_newslist ul li a:hover .mytime p,

.n_newslist ul li a:hover h4 {

    color: #02a8f0;

}



/* 新闻详情 */

.ar_title {

    border-bottom: 2px solid #dadfe3;

    padding-bottom: 1.375rem;

    margin-bottom: 2.5rem;

}



.ar_title .time {

    font-size: 1.875rem;

    color: #00a2e9;

    font-family: Swis721 BlkCn BT;

}



.ar_title h2 {

    font-size: 1.6875rem;

    line-height: 2.25rem;

    color: #353637;

    margin: 1rem 0 1.5rem;

    font-weight: bold;

}



.ar_title .tag span {

    color: #949698;

    font-size: 1rem;

    line-height: 1.375rem;

}



.leftright {

    width: 100%;

}



.leftright a {

    background: #fff;

    height: 3rem;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #373535;

    transition: all .5s;

    font-size: 1rem;

    line-height: 2.125rem;

    margin-top: .75rem;

}



.leftright a:hover {

    background: #00a7f0;

    color: #fff;

}



.lastnews .tt {

    margin: 3rem 0;

    position: relative;

}

.lastnews .tt h3 {

    font-size: 1.25rem;

    color: #515151;

    line-height: 1.375rem;

    margin-bottom: .5rem;

}

.lastnews .tt span {

    font-size: 1.625rem;

    color: #b7bfc7;

    font-family: Swis721 BlkCn BT;

    text-transform: uppercase;

}



.lastnews .tt,
.lastnews ul {

    padding-left: 2rem;

}



.lastnews ul li a {

    display: flex;

    align-items: center;

}



.lastnews ul li .time {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    position: relative;

    z-index: 1;

    flex-shrink: 0;

    background: #f2f2f2;

    transition: .5s;

    margin-right: 1.125rem;

    color: #7a7a7a;

    width: 4.375rem;

    height: 4.375rem;

}

.lastnews ul li .time:before {

    content: "";

    display: block;

    width: 100%;

    height: 0;

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: -1;

    transition: .5s;

    background: #00a7f0;

}



.lastnews ul li .time span {

    font-family: Swis721 BlkCn BT;

    font-size: 1.5rem;

    color: #7a7a7a;

    transition: .5s;

}

.lastnews ul li .time p {

    font-family: Swis721 BlkCn BT;

    font-size: .875rem;

    color: #7a7a7a;

    transition: .5s;

}

.lastnews ul li h4 {

    font-size: 1rem;

    line-height: 1.5rem;

    color: #373535;

}

.lastnews ul li+li {

    margin-top: 1.25rem;

}

.lastnews ul li:hover .time:before {

    top: 0;

    bottom: auto;

    height: 100%;

}

.lastnews ul li:hover .time p,

.lastnews ul li:hover .time span {

    color: #fff;

}

/* 校园招聘 */



#n_containerw {

    background: url(../images/mountain.jpg)bottom no-repeat;

    width: 100%;

    position: relative;

    background-size: cover;

}



#zp h4 {

    color: #434343;

    font-size: 2.125rem;

    line-height: 3.75rem;

    font-weight: bold;

    text-align: center;

    margin-bottom: 3.75rem;

}





#zp .m>div {

    padding-bottom: 6.25rem;

}





#zp .lc {

    display: flex;

    align-items: center;

    text-align: center;

    justify-content: space-between;

    background: url(../images/line.png) center 60px no-repeat;

}



#zp .lc li div {

    width: 7.5rem;

    height: 7.5rem;

    background: rgba(0, 167, 240, 0.1);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    z-index: 10;

    margin: auto;

    transition: all .5s;

}



#zp .lc li div:hover {

    background: transparent;

}



#zp .lc li div:hover::before {

    animation: shine 2.5s linear infinite;

}





@-webkit-keyframes shine {

    0% {

        box-shadow: 0 0 0px 0px rgba(0, 167, 240, 0.1);



    }



    100% {

        box-shadow: 0 0 0px 15px rgba(0, 167, 240, 0.1);



    }

}



#zp .lc li div::before {

    content: "";

    position: absolute;

    background: #00a7f0;

    width: calc(100% - 30px);

    height: calc(100% - 30px);

    border-radius: 50%;

    z-index: -1;

    box-shadow: 0 0 0px 0px rgba(0, 167, 240, 0.1);

}



#zp .lc h5 {

    margin: 2rem 0 1.25rem;

    color: #434343;

    font-size: 1.125rem;

    font-weight: bold;

}



#zp .lc p {

    color: rgba(67, 67, 67, .8);

    font-size: 1rem;

    line-height: 1.5rem;

}





#zp .gw {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 1.6875rem;

}





#zp .gw li {

    padding: 2.625rem 1.5rem 2.625rem 1.875rem;

    background: #f7f7f9;

    transition: all .5s;

    display: flex;

    align-items: center;

    gap: .875rem;

    cursor: pointer;

}



#zp .gw li p {

    color: #434343;

    font-size: 1.0625rem;

    line-height: 1.5;

    transition: all .5s;

}



#zp .gw li:hover p {

    color: #fff;



}



#zp .gw li:hover {

    background: #00a7f0;

}



#zp .gw li:hover img {

    content: url(../images/icogw2.png);

}





.cxy {

    background: url(../images/cxyhz.jpg)no-repeat;

    position: relative;

    width: 100%;

    background-size: cover;

}



.cxy .cxytit {

    padding-bottom: 5rem !important;

}



.cxy h4 {

    margin-bottom: 1.5rem !important;

}



.cxy .cxytit p {

    text-align: center;

    padding: 0 13.5%;

    font-size: 1rem;

    line-height: 1.875rem;

    color: #373535;

}



.cxy ul {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 1.6875rem;

}



.cxy ul p {

    color: #434343;

    font-size: 1.125rem;

    line-height: 3.75rem;

    text-align: center;

}



.spbg {

    background: url(../images/spbg.jpg)no-repeat;

    position: relative;

    width: 100%;

    background-size: cover;

    height: 30rem;





}



.spbg .m {

    display: flex;

    align-items: center;

    gap: 2rem;

}



.spbg div {

    padding-bottom: 0 !important;

}



.spbg h5 {

    color: #fff;

    font-size: 3rem;

    line-height: 3rem;

    font-weight: bold;

}



.spbg .yiren {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.spbg p {

    color: #fff;

    font-size: 1.5rem;

    line-height: 3rem;

}



.btn_video2 {

    width: 7.5rem;

    height: 7.5rem;

    position: relative;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.btn_video2 .mask3 {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.btn_video2 img {

    animation: roll 3s infinite linear;

}



@keyframes roll {

    0% {

        transform: rotate(0);

    }



    100% {

        transform: rotate(360deg);

    }

}



.modal {



    display: none;



    width: 100%;



    height: 100%;



    position: fixed;



    left: 0;



    top: 0;



    z-index: 1000;



    background-color: rgba(0, 0, 0, 0.5);







}













.modal-content {



    width: 1010px;



    margin: 10% auto;



    border-radius: 10px;



    -webkit-animation: zoom 0.6s;



    animation: zoom 0.6s;



    resize: both;



    height: 660px;

    overflow: hidden;

    background: url(../images/gwtc.jpg);



    position: relative;



    border-radius: 7px;



}



@-webkit-keyframes zoom {



    from {

        -webkit-transform: scale(0)
    }



    to {

        -webkit-transform: scale(1)
    }



}



@keyframes zoom {



    from {

        transform: scale(0)
    }



    to {

        transform: scale(1)
    }



}





.close {

    position: absolute;

    right: .875rem;

    top: .875rem;

    cursor: pointer;

}



.close:hover svg path,

.close:focus svg path {

    fill: #2b9ed3;







}



.modal-body {

    padding: 2rem 4rem;

    box-sizing: border-box;

}

.modal-body .scrolls {
    height: 500px;
    overflow: auto;
}

.modal-body .modal-con {

    padding: 2.375rem 0 0 2.375rem;

}



.modal-body .modal-con>div {

    margin-bottom: 2rem;



}



.modal-body .modal-con h5 {

    color: #00a7f0;

    font-size: 1rem;

    line-height: 1.875rem;

    font-weight: bold;

}



.modal-body .modal-con p {

    color: #7b7b7b;

    font-size: 1rem;

    line-height: 1.875rem;

}





.modal-body button {

    background: #00a7f0;

    cursor: pointer;

    color: #fff;

    font-size: 1.125rem;

    line-height: 1.75rem;

    border: 0;

    outline: 0;

    width: 12rem;

    height: 3.625rem;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 1rem;

}



.modal-title {

    background: #fff;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 1rem 2.25rem;

}



.modal-title h4 {

    color: #3f3f3f;

    font-size: 1.5rem;

    font-weight: bold;

    line-height: 1.625rem;



}



.modal-title p {

    color: #979797;

    font-size: .875rem;

    line-height: 1.625rem;

}





.tc_video {

    width: 90%;

    max-width: 800px;

    margin: 0 auto;

    background: none;

    position: relative;

}



.tc_video #my-video {

    position: relative;

    height: 0;

    padding-top: 60%;

}



.tc_video #my-video video {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

}



.tc_video .tc_close {

    display: block;

    position: absolute;

    top: -2rem;

    right: -3rem;

    border-radius: 50%;

}



.video-js {

    width: 100% !important;

    height: 100% !important;

}



.video-js .vjs-big-play-button {

    left: 50% !important;

    top: 50% !important;

    margin-left: calc(-1.6rem - 5px);

    margin-top: calc(-1.6rem - 5px);

    background-color: rgba(0, 0, 0, 0) !important;

}



video {

    object-fit: fill;

}



.vjs-poster {

    background-size: cover !important;

}



.s_video .mask {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.s_video {

    position: relative;

}



.tc_close {

    position: absolute;

    right: 2.5rem;

    top: 2.5rem;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

}



.tc_close:hover {

    transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

}



.tc_close svg {

    width: 2.625rem;

    height: 2.625rem;

}





#zp .contact .m {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



#zp .contact .m>img {

    flex-shrink: 0;

}



#zp .contact .lx {

    text-align: right;

    padding-top: 1rem;

    padding-bottom: 0 !important;

}



#zp .contact .lx>h5 {

    color: #434343;

    font-size: 2.125rem;

    line-height: 3.75rem;

    font-weight: bold;

}



#zp .contact h4 {

    color: #434343;

    font-family: Swis721 BlkCn BT;

    text-transform: uppercase;

    font-size: 2.75rem;

    margin-bottom: 1rem;

    text-align: right;

}



#zp .contact h4 span {

    color: #00a7f0;

}



#zp .contact .hf {

    background: url(../images/hf.png)no-repeat;

    width: 47.625rem;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-left: -7.75rem;

    height: 6rem;

}



#zp .contact .hf h5 {

    color: #fff;

    font-weight: bold;

    font-size: 2.625rem;

    letter-spacing: 1rem;

    line-height: 3.75rem;

    padding-right: 3rem;

}



#zp .lx .xx {

    margin-top: 2rem;

}



#zp .lx .xx p {

    text-align: right;

    color: #434343;

    font-size: 1rem;

    line-height: 1.625rem;



}



#zp .contact .saoma {

    margin: 2rem 0;

    display: flex;

    justify-content: flex-end;

}



#zp .contact .saoma div {

    width: 7.375rem;

    height: 7.375rem;

    padding: .325rem .325rem;

    background: #fff;

    box-shadow: 3px 7px 17px 2px rgba(180, 179, 179, 0.45)
}





/* 销售网络 */



#buy .m {

    display: flex;

    align-items: center;

    gap: 3.75rem;

}



#buy .zb {

    position: sticky;

    top: 29.5rem;

    flex-shrink: 0;

    width: 32.125rem;

}



#buy .zb h4 {

    color: #434343;

    font-size: 1.75rem;

    font-weight: bold;

    line-height: 1.5;

    margin: 1rem 0 2rem;

    white-space: normal;

}



#buy .zb::before {

    content: '';

    position: absolute;

    background: url(../images/zb.jpg)no-repeat;

    width: 100%;

    height: 100%;

    top: -21.5rem;

    background-size: contain;

    left: 0;

}



#buy .zb p {

    color: #373535;

    font-size: 1rem;

    line-height: 2.25rem;



}

#buy .zb p a {

    margin-left: 3rem;

}

#buy .fb {

    width: 100%;

    max-height: 100rem;

    height: auto;

    overflow-y: auto;

    border: 1px solid rgba(255, 255, 255, .8);

    background: rgba(255, 255, 255, .2);

    padding: 3.375rem 4.5rem 3.75rem 3.75rem;

}









#buy .fb .area {

    margin-bottom: 3rem;

}

#buy .fb .areacon:nth-child(3n+1)::before {

    background: url(../images/gaolou1.png)no-repeat;

    width: 265px;

    height: 129px;



}

#buy .fb .areacon:nth-child(3n+2)::before {

    background: url(../images/gaolou2.png)no-repeat;

    width: 210px;

    height: 143px;



}

#buy .fb .areacon:nth-child(3n+3)::before {

    background: url(../images/gaolou3.png)no-repeat;

    width: 200px;

    height: 204px;



}

#buy .fb .areacon::before {

    content: "";

    position: absolute;

    right: 0;

    bottom: 0;

}



.areacon {

    position: relative;

}


.areacon p span {
    text-wrap: wrap !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


.areatit {

    display: flex;

    align-items: center;

    font-size: 1.5rem;

    gap: .5rem;

    font-weight: bold;

    color: #434343;

    padding-bottom: 1rem;

    border-bottom: 1px solid #d7dde3;

}



.areacon h3 {

    margin: 1.25rem 0 1.5rem;

}



.areacon p {

    color: #373535;

    font-size: 1rem;

    line-height: 1.875rem;

    display: flex;

    align-items: center;

    position: relative;

    flex-wrap: wrap;

}



.areacon p a {

    display: flex;

    align-items: center;

    color: #00a7f0;

    gap: 5px;

    margin-left: .5rem;

}



.areacon h5 {

    color: #434343;

    font-size: 1.125rem;

    font-weight: bold;

    margin: 1rem 0;

}



.areacon h4 {

    color: #434343;

    font-size: 1.5rem;

    font-weight: bold;

    margin-bottom: 1rem;

}





/* 文化福利 */



#fuli1 {

    background: url(../images/culturebg1.jpg)no-repeat;

    width: 100%;

    background-size: cover;

}



.icons {

    width: 5.3125rem;

    height: 5.3125rem;

    background: #00a7f0;

    border-radius: 2.5rem 0 2.5rem 2.5rem;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: 10px 12px 33px 4px rgba(0, 167, 240, .3);

}





.bt {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 1.25rem;

    margin-bottom: 5rem;

}



.iconhz h4 {

    color: #000000;

    font-size: 2.125rem;

    line-height: 2.25rem;

    font-weight: bold;

    display: flex;

    gap: 1rem;

}



.iconhz h4 p {

    color: #00a7f0;

}



#fuli1 .bt {

    margin-bottom: 3rem;

}



#fuli1 .m>p {

    text-align: center;

    color: #373535;

    font-size: 1.125rem;

    line-height: 1.875rem;

}



#fuli1 .m>h5 {

    color: #434343;

    font-size: 1.625rem;

    line-height: 3.75rem;

    text-align: center;

    margin: 2.5rem 0 2rem;

}



#fuli1 .jinsheng {

    display: flex;

    align-items: center;

    justify-content: center;

}



#fuli2 ul {

    display: flex;

    align-items: center;

    background: url(../images/lianarrow.png) center 20px no-repeat;

}



#fuli2 ul li {

    text-align: center;

    width: 25%;

    position: relative;

}



#fuli2 ul li div {

    width: 5.375rem;

    height: 5.375rem;

    border-radius: 50%;

    display: flex;

    background: #00a7f0;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 1.625rem;

    line-height: 1.6875rem;

    font-family: Swis721 BlkCn BT;

    margin: auto;

    box-shadow: 0px 0px 15px 4px rgba(0, 167, 240, .3);

}



#fuli2 ul li h5 {

    color: #4f4f52;

    font-size: 1.5rem;

    line-height: 1.5;

    margin: 2.25rem 0 1rem;

    font-weight: bold;

}



#fuli2 ul li p {

    color: #434343;

    font-size: 1.125rem;

    line-height: 1.875rem;

    height: 5.625rem;

}





#fuli3 {

    background: url(../images/culturebg2.jpg)no-repeat;

    width: 100%;

    background-size: cover;

}



#fuli3 ul {

    display: grid;

    grid-template-columns: repeat(5, 1fr);

    gap: .9375rem .75rem;

}



#fuli3 ul li {

    border-radius: 4px;

    border: 1px solid #fff;

    background: #fff;

    transition: all .5s;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #434343;

    font-size: 1.25rem;

    line-height: 1.5;

    gap: 10px;

    padding: 2.5rem 0;

}



#fuli3 ul li:hover {

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

}



#fuli4 {

    background: url(../images/culturebg3.png)no-repeat;

    width: 100%;

    background-size: cover;

}



#fuli4 ul {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 3.75rem;

}



#fuli4 ul li img {

    max-height: 25rem;

    height: 100%;

}



#fuli4 ul li .hdcon {

    margin: 2rem 0 1rem;

    padding: 0 1rem;

}



#fuli4 ul li h5 {

    color: #434343;

    font-size: 1.5rem;

    line-height: 3.75rem;

    font-weight: bold;

}



#fuli4 ul li p {

    color: #434343;

    font-size: 1rem;

    line-height: 1.5;

}



/* 联系我们 */





.contacts {

    background: url(../images/dianxian.png)right no-repeat;

    margin-bottom: 2.5rem;

}



.contacts h5 {

    color: #434343;

    font-weight: bold;

    font-size: 2.25rem;

    line-height: 1.5;

}



.contacts p {

    color: #d2d5d9;

    font-size: 1.125rem;

    line-height: 1.6875rem;

    font-family: Swis721 BlkCn BT;

    text-transform: uppercase;

}



.contacts .lxphone {

    display: flex;

    align-items: center;

    color: #636363;

    font-size: .9375rem;

    line-height: 2.125rem;

    gap: .5rem;

    margin-top: 2rem;

}



.contacts .lxphone p {

    color: #00a7f0;

    font-family: Swis721 BlkCn BT;

    font-size: 2.25rem;

}



.contactcon .contactxq p svg {

    flex-shrink: 0;

}



.contactcon {

    padding-top: 2.5rem;

    border-top: 2px solid #e7e9ee;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 2rem;

}



.contactcon .contactxq p {

    display: flex;

    gap: 1rem;

    align-items: center;

    color: #434343;

    font-size: 1rem;

    line-height: 2.25rem;

    position: relative;

}



.contactcon .wx {

    display: flex;

    align-items: center;

    gap: 1.5rem;

}



.contactcon .wxma {

    padding: 19px;

    background: #fff;

}



.contactcon .wxma img {

    max-width: 5.75rem;

    max-height: 5.75rem;

}



.wx h5,

.wx p {

    color: #434343;

    line-height: 1.875rem;

    text-align: center;

}



.wx h5 {

    font-size: 1rem;

    font-weight: bold;

}



.wx p {

    font-size: .9375rem;

}



.mapbox {

    width: 100%;

    height: 510px;

    border: 2px solid #fff;

    padding: 8px;

    margin-top: 2.5rem;

}



#container {

    width: 100%;

    height: 100%;

}



/* 解决方案 */



.fatit {

    text-align: center;



}



.fatit h4 {

    color: #434343;

    font-size: 2.125rem;

    line-height: 3.75rem;

    font-weight: bold;

    margin-bottom: 1rem;

    display: inline-block;

    position: relative;

}



.fatit h4::before {

    content: "";

    position: absolute;

    background: url(../images/titlogo.png)no-repeat;

    right: -40px;

    top: -15px;

    width: 58px;

    height: 57px;

}



.fatit i {

    display: block;

    margin: auto;

    background: #00a2e9;

    height: 2px;

    width: 1rem;

}



.fatit {

    margin-bottom: 3.5rem;

}



#jjfa .ar_article p {

    font-size: 1rem;

    line-height: 1.875rem;

    color: #373535;

}



#jjfa .ar_article img {

    display: block;

    margin: auto;

}



#jjfa .m>div {

    margin-bottom: 5rem;

}



#jjfa .fa3 {

    background: #fff;

    padding-left: 1rem;

    padding-right: 1rem;



}



#jjfa .fa4 {

    background: url(../images/falastbg.jpg)no-repeat;

    width: 100%;

    background-size: cover;



}





.fa4 .faadv ul {

    background: #fff;

    border: 1px solid #dee5ed;

    border-radius: 9px;

    padding: 3.5rem 3rem;



}





.faadv ul li,

#productxq .ys li {

    padding-left: 2rem;

    color: #434343;

    font-size: 1rem;

    line-height: 1.5rem;

    position: relative;

    margin-bottom: 2rem;

}



.faadv ul li:last-child {

    margin-bottom: 0;

}



.faadv ul li::before,

#productxq .ys li::before {

    content: '';

    position: absolute;

    background: url(../images/buguize.png)no-repeat;

    width: 18px;

    height: 19px;

    left: 0;

    top: 3px;

}



.faxx {

    margin-bottom: 0 !important;

}



.faxx table,
#product table {

    width: 100%;

    /* table-layout: fixed; */

    border-collapse: collapse;

}



.faxx table thead {

    color: #fff;

    font-weight: bold;

    font-size: 1.125rem;

    line-height: 1.875rem;

    height: 4.25rem;

}

#product table thead {

    color: #fff;

    font-weight: bold;

    font-size: 1rem;

    line-height: 1.875rem;

    height: 4.875rem;

}

#product table thead tr:last-child th {

    border: 1px solid #fff;

}

#product table thead tr:last-child th:first-child {

    border-left: none;

}

#product table thead tr:last-child th:last-child {

    border-right: none;

}





.faxx table thead tr th:nth-child(odd) {



    background: #00a7f0;





}



.faxx table thead tr th:nth-child(even) {



    background: #014f93;



}



#product table thead tr th:nth-child(odd) {

    background: #014f93;
    border: 1px solid #fff;

}

#product table thead tr th:nth-child(even) {



    background: #014f93;
    border: 1px solid #fff;



}



.faxx table tbody tr:nth-child(odd) {

    background: #fff;

}



.faxx table tbody tr:nth-child(even) {

    background: #e5f0ff;

}



#product table tbody tr:nth-child(odd) {

    background: #e5f0ff;

}



#product table tbody tr:nth-child(even) {

    background: #fff;

}



.faxx table tbody,

#product table tbody {

    border-left: 1px solid #97d2ec;

    border-right: 1px solid #97d2ec;

}



.faxx table tbody tr td {

    font-size: 1rem;

    line-height: 1.375rem;

    text-align: center;

    height: 5.25rem;

    color: #3f4246;

    border-bottom: 1px solid #97d2ec;

    border-right: 1px solid #97d2ec;

    padding: 1.25rem 2.5rem;

    transition: all .5s;

}

#product table tbody tr td {

    font-size: .9375rem;

    line-height: 1.5rem;

    text-align: center;

    height: 5.25rem;

    color: #3f4246;

    border-bottom: 1px solid #97d2ec;

    border-right: 1px solid #97d2ec;

    padding: .75rem 1rem;

    transition: all .5s;

}

.faxx table tbody tr td:last-child,

#product table tbody tr td:last-child {

    border-right: none;

}



.faxx table tbody tr:hover td:not(:last-child),

#product table tbody tr:hover td:not(:last-child) {



    border-right: 1px solid transparent;

}



.faxx table tbody tr:hover td,

#product table tbody tr:hover td {

    color: #00a7f0;

}





/* 技术支持 */





#jishu .yjsd {

    background: url(../images/youjishude.jpg)no-repeat;

    background-size: cover;

    position: relative;

    width: 100%;

    padding: 4.375rem 4.375rem 3rem 4.375rem;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 2rem 13.75rem;

}





/* 公司荣誉 */



#n_containerhr {

    background: url(../images/fzlc.jpg)no-repeat;

    background-size: cover;

    position: relative;

    width: 100%;

}



#fzlc {

    height: 56.875rem;

    position: relative;

}



#n_containerhr h4,

#hrzs h4 {

    color: #434343;

    font-size: 2.5rem;

    line-height: 3.75rem;

    font-weight: bold;

    text-align: center;

    margin-bottom: 2rem;

}



#hrzs h4 {

    margin-bottom: 5rem;

}



#fzlc .swiper-button-white {

    width: 3.4375rem;

    height: 3.4375rem;

    border: 3px solid #b2b4c4;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    top: 40%;

    transform: translate(0, -50%);

}



#fzlc .prevhr {

    left: 8%;

}



#fzlc .nexthr {

    right: 8%;

}



#honors h5 {

    color: #008be4;

    font-size: 2.25rem;

    font-family: Swis721 BlkCn BT;

    line-height: 1.5;

    margin-bottom: .5rem;

}



#honors p {

    color: #434343;

    font-size: 1rem;

    line-height: 1.5rem;

}



#honors .swiper-slide {

    height: auto;

}



#honors .swiper-slide:nth-child(5n+1) {

    margin-top: 7.5rem;

}



#honors .swiper-slide:nth-child(5n+2) {

    margin-top: 2.5rem;

}



#honors .swiper-slide:nth-child(5n+3) {

    margin-top: 8.75rem;

}



#honors .swiper-slide:nth-child(5n+4) {

    margin-top: 11.25rem;

}



#honors .swiper-slide>div {

    padding-left: 2.25rem;

    position: relative;

    height: 100%;

}



#honors .swiper-slide>div::before {

    content: '';

    position: absolute;

    background: url(../images/yuan.png) no-repeat;

    width: 1.375rem;

    height: 1.375rem;

    left: 0;

    top: 1rem;

    background-size: cover;

}



#honors .swiper-slide>div::after {

    content: '';

    position: absolute;

    background: url(../images/xian.png) no-repeat;

    width: 4px;

    height: 80%;

    left: 9.5px;

    top: 37px;

    background-size: cover;

}



#hrzs {

    background: url(../images/honorbg.jpg)no-repeat;

    background-size: cover;

    position: relative;

    width: 100%;

}



#honorss .swiper-slide {

    background: #fff;

}



#honorss a>div {

    padding: 2.625rem 1.75rem;

}



#honorss a div p {

    color: #242727;

    font-size: 1.125rem;

    line-height: 1.25rem;

    margin: .875rem 0;

    height: 2.5rem;

}



#honorss a div i {

    display: block;

    width: 17px;

    height: 4px;

    background: #00a7f0;

    margin-top: 1rem;

}



#honorss a .img {

    position: relative;

    height: 11.25rem;

}

#honorss a .img img {
    object-fit: contain;
}

#honorss a .look {

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(0, 167, 240, 0.9);

    display: flex;

    align-items: center;

    justify-content: center;

    top: 0;

    left: 0;

    opacity: 0;

    transition: all .5s;

}



#honorss a:hover .look {

    opacity: 1;

}



.pag {

    position: relative;

    padding-bottom: 5rem;

}



.pag .swiper-pagination-bullet {

    width: 1rem;

    height: 1rem;

    border: 3px solid #c5cbd3;

    opacity: 1;

    border-radius: 50%;

    margin: 0 9px;

    background: transparent;

}



.pag .swiper-pagination-bullet-active {

    border: 3px solid #00a7f0;

    background: #fff;

}





.pag .swiper-pagination {

    bottom: 0 !important;

}



/* 公司简介 */





.contacts_jj h4 {

    color: #00a7f0;

    font-size: 2.5rem;

    line-height: 1;

    font-weight: bold;

    margin-bottom: 2.5rem;

}



.contacts_jj h5 {

    color: #434343;

    font-size: 1.5625rem;

    font-weight: bold;

    line-height: 1.5;

}



.contacts_jj p {

    color: #cdd5dd;

    font-size: 1.5rem;

    line-height: 1.6875rem;

    font-family: Swis721 BlkCn BT;

}



.contacts_jj {

    background: url(../images/zidian.png)top right no-repeat;

    margin-bottom: 2rem;

}



#companyjj .ar_article p {

    line-height: 1.875rem;



}





.gundong ul {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    padding: 2rem 0 3rem;

}



.gundong ul li p {

    font-size: 1.125rem;

    line-height: 1.875rem;

    color: #373535;

}



.gundong ul li div {

    color: #00a7f0;

    position: relative;

    display: inline-block;

}



.gundong ul li .counter {

    font-family: Swis721 BlkCn BT;

    font-size: 2.5rem;

}



.gundong ul li i {

    position: absolute;

    right: -40px;

    top: 0;

    font-size: 1rem;

    line-height: 1.25rem;

}



.sps {

    display: flex;

    gap: 10px;

}



.sps a {

    position: relative;

}



.sps a img {

    display: block;

}



.sps a div {

    position: absolute;

    background: url(../images/jjbf.png)no-repeat;

    width: 6.125rem;

    height: 6.125rem;

    border-radius: 50%;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    background-size: cover;

    display: none;

}



#qywh {

    background: url(../images/jjbotbg.jpg)bottom no-repeat;

    position: relative;

    width: 100%;

    height: 61.875rem;

}



#qywh h4 {

    color: #434343;

    font-weight: bold;

    font-size: 2.5rem;

    line-height: 3.75rem;

    text-align: center;

    margin-bottom: 3.5rem;

}



#qywh ul {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 3.75rem;

}



#qywh ul li .whcon {

    background: #fff;

    padding: 2rem 3rem;

}

#qywh ul li h5 {

    color: #343537;

    font-weight: bold;

    font-size: 1.5rem;

    line-height: 1.875rem;

}

#qywh ul li i {

    display: block;

    width: 1rem;

    height: 2px;

    background: #00a2e9;

    margin: 1.5rem 0;

}



#qywh ul li p {

    color: #373535;

    font-size: .9375rem;

    line-height: 1.875rem;

    height: 3.75rem;

}





#qywh .pinzhi {

    text-align: center;

}



.pinzhi h5 {

    color: #ffffff;

    font-weight: bold;

    font-size: 1.5rem;

    line-height: 1.875rem;

}



.pinzhi h5 span {

    font-weight: normal;

    margin-left: 1rem;

}



.pinzhi i {

    display: block;

    background: #00a7f0;

    width: 5rem;

    height: 2px;

    margin: 2rem auto 3rem;

}



.pinzhi img {

    display: block;

    margin: 0 auto 2.25rem;

}



.pinzhi p {

    color: #ffffff;

    font-size: 1rem;

    line-height: 1.5rem;

}





/* 工作机会 */





#recruit .zhaopin {

    display: grid;

    grid-template-columns: 1fr 53.125rem;

    gap: 3.75rem;

    background: #fff;

    padding: 3.75rem 3.75rem 5rem 3.75rem;

}
.zhaopin p span {
    text-wrap: wrap !important;
}
.recurxx h5,
.recurxx .zpphone {

    color: #00a7f0;

    font-family: Swis721 BlkCn BT;

    font-size: 1.625rem;

    line-height: 1.6875rem;

}

.recurxx h4 {

    color: #454647;

    font-size: 1.5rem;

    line-height: 1.5;

}

.recurxx img {

    margin: 2.25rem 0;



}



.recurxx .zpphone {

    display: flex;

    align-items: center;

    gap: .5rem;

}

.recurxx .zpphone div {

    width: 2.1875rem;

    height: 2.1875rem;

    border-radius: 50%;

    background: #00a7f0;

    display: flex;

    align-items: center;

    justify-content: center;

}

.recurxx p {

    color: #6b6b6b;

    font-size: .875rem;

    line-height: 1.75rem;

    margin-top: 2rem;

}



.recurxx p a {

    color: #00a7f0;

}



.zpgw #list_slide dl {

    position: relative;

    z-index: 1;

}



.zpgw #list_slide dt {

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: relative;

    cursor: pointer;

    height: 4rem;

    transition: .5s;

    padding: 0 3.75rem;

    border: 1px solid #e8eaef;

    background: #fff;

}



.zpgw #list_slide dt h3 {

    color: #3b3b3b;

    font-size: 1.125rem;

    overflow: hidden;

    display: grid;

    grid-template-columns: 1fr 1fr;

    flex-grow: 1
}





.zpgw #list_slide dt .tgl {

    flex-grow: 0;

    margin-left: 10%;

    width: 2.1875rem;

    height: 2.1875rem;

    position: relative;

    transition: .4s;

}



.zpgw #list_slide dt .tgl:before {

    content: "";

    display: block;

    width: 1.75rem;

    height: 2px;

    background: #ced0d2;

    position: absolute;

    top: 50%;

    left: 0;

    transition: .4s;

    transform: translate(50%, 0);

}

.zpgw #list_slide dt .tgl:after {

    content: "";

    display: block;

    width: 1.75rem;

    height: 2px;

    background: #ced0d2;

    position: absolute;

    top: 50%;

    left: 45%;

    transform: rotate(90deg);

    transition: .4s;

}

.zpgw #list_slide dl.on dt .tgl:after {

    left: 0;

    transform: rotate(180deg) translate(-50%, -50%);

}



.zpgw #list_slide dd {

    display: none;

    transition: 0s;

    line-height: 2rem;

    font-size: .9375rem;

    padding: 1.25rem 3.75rem 2.25rem;

    border-bottom: 1px solid #efefef;

    border-left: 1px solid #efefef;

    border-right: 1px solid #efefef;


}

.zpgw #list_slide dd ul {

    margin-bottom: 2rem;

}

.zpgw #list_slide dt h3 span:first-child {

    min-width: 55%;

    flex-shrink: 0;

    font-weight: bold;

    font-size: 1.25rem;

    line-height: 1.625rem;

}



.zpgw #list_slide dt h3 .days {

    text-align: center;

    color: #979797;

    font-size: .875rem;

    line-height: 1.625rem;

}



.zpgw h5 {

    font-size: 1rem;

    line-height: 1.875rem;

    color: #000000;

    font-weight: bold;

}

.zpgw .ar_article p {

    font-size: 1rem;

    color: #6f6f6f;

    line-height: 1.875rem;

    padding-bottom: 0;

}



.zpgw #list_slide dd a {

    width: 9.125rem;

    height: 2.8125rem;

    background: #00a7f0;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: .875rem;

    line-height: 1.75rem;

    margin-top: 1.5rem;

}



.zpgw #list_slide {

    display: flex;

    flex-direction: column;

    gap: 1.125rem;

}



/* 产品中心 */



#n_containers .procen {

    display: grid;

     grid-template-columns: 17.3125rem 1fr;

    padding: 1.875rem 0;

    align-items: flex-start;

}



.procen .bors {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.procen .bors h4 {

    color: #434343;

    font-size: 1.25rem;

    font-weight: bold;

    line-height: 2.25rem;

}



.prolist {

    position: sticky;

    top: 8rem;

    margin-right: 2.125rem;

}



.prolist .listtit {

    height: 5rem;

    background: #014f93;

    display: flex;

    align-items: center;

    color: #fff;

    font-size: 1.375rem;

    line-height: 2.25rem;

    font-weight: bold;

    padding: 0 1.75rem;

    margin-bottom: 9px;

}



.prolist ul {

    display: flex;

    flex-direction: column;

    gap: 4px;

}



.prolist ul li {

    color: #3c464f;

    font-size: 1.25rem;

    line-height: 2.25rem;

    background: #fff;

    cursor: pointer;

}



.prolist ul li i {

    position: absolute;

    right: 0;

    top: 50%;

    transform: translate(-50%, -50%);

}

.prolist ul li i svg {

    fill: #cccccc;

}

.prolist ul li.on i svg {

    fill: #fff;

    transform: rotate(90deg);

}



.prolist ul li>a {

    line-height: 3.25rem;

    padding: 0 2rem;

    display: flex;

    transition: all .5s;

    border-left: 3px solid transparent;

    position: relative;

}

.prolist ul li>a p {
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    font-weight: 700;
    padding: .75rem 0;
    line-height: 2rem;
}

.prolist ul li.on>a {

    border-left: 3px solid #014f93;

    background: #00a7f0;

    color: #fff;

}

.prolist .sub {

    display: none;

    position: relative;

    width: 100%;

    z-index: 9;

    left: 0;

    margin-left: 0;

    background: none;

    border: 0;

    clear: both;

    padding: 0 1.25rem;

    padding-bottom: 10px;

    background: #fff;

    border: 1px solid #00a7f0;

}

.prolist .sub dl:last-child {

    border-bottom: none;

}

.prolist .sub dl {

    border-bottom: 1px dashed #e6e6e6;

}

.prolist .sub dl dt>a {

    font-size: 1.125rem;

    color: #3c464f;
    /* line-height: 3rem;

    overflow: hidden; */
    line-height: 1.25rem;
    padding: .8rem 0;

    /* white-space: nowrap; */
    /* 防止文字换行 */

    text-overflow: ellipsis;

    display: block;

}



.prolist .sub dl dt {

    padding-left: 1rem;

    position: relative;



}



.prolist .sub dl dt::before {

    content: '';

    position: absolute;

    width: 13px;

    height: 2px;

    background: #00a7f0;

    left: 0;

    top: 1.5rem;

    transform: translate(0, -50%);

    opacity: 0;

}



.prolist .sub dl .titles::before,
.prolist .sub .ons dt::before {
    opacity: 1;
}



.prolist .sub dl .titles>a,
.prolist .sub .onss,
.prolist .sub .ons dt>a {
    color: #00a7f0;
}



#dhs {

    padding-bottom: 1.5rem;

    border-bottom: 2px solid #e2e5eb;

    margin-bottom: 2rem;

}


.prolist .subs {
    display: none;
    position: relative;
    width: 100%;
    z-index: 9;
    left: 0;
    margin-left: 0;
    background: none;
    border: 0;
    clear: both;
    padding-bottom: 10px;
    background: #fff;
}

.prolist .subs a {
    color: #3c464f;
    font-size: .875rem;
    line-height: 1.875rem;
    display: block;
}




/* 产品详情 */



.xqname {

    display: flex;

    justify-content: space-between;

    align-items: center;



}

.xqname h3 {

    color: #434343;

    font-size: 2.125rem;

    line-height: 3.75rem;

    font-weight: bold;

}

.xqname .download {

    gap: 10px;

    display: flex;



}



.xqname .download a {

    border-radius: 5px;

    color: #fff;

    font-size: 1rem;

    line-height: 3.75rem;

    width: 10.375rem;

    height: 3rem;

    display: flex;

    align-items: center;

    justify-content: center;

}



.xqname .download a:first-child {

    background: #00a7f0;

}



.xqname .download a:last-child {

    background: #006cc1;

}



#productxq h5 {

    color: #00a7f0;

    font-size: 1.5rem;

    font-weight: bold;

    line-height: 3.75rem;

    padding-left: .875rem;

    position: relative;

    margin-bottom: .5rem;

}



#productxq h5::before {

    content: "";

    position: absolute;

    width: 5px;

    height: 1.5rem;

    background: #00a7f0;

    left: 0;

    top: 50%;

    transform: translate(0, -50%);

}



#productxq div p {

    color: #373535;

    font-size: 1rem;

    line-height: 1.875rem;

}

#productxq>div {

    margin-bottom: 2rem;

}



#productxq .ys {

    padding-left: 1rem;

    padding-bottom: .5rem;

    border-bottom: 2px solid #cddae8;

}



.fzs {

    padding: 0 5.3125rem;

    margin: 1rem 0;

    position: relative;

}

#fz .swiper-slide div {

    background: #fff;

}





#fz .swiper-slide p {

    text-align: center;

    color: #373535;

    font-size: 1rem;

    line-height: 1.875rem;

    padding: .5rem 0;

}



.fzs .swiper-button-white {

    width: 2.5rem;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 80%;

    background: #c7cdd2;

    transition: all .5s;

    top: 0;

    margin-top: 0;

}



.fzs .swiper-button-white:hover {

    background: #2f318b;

}



.fzs .swiper-button-white svg path {

    fill: #09244b;

}



.fzs .swiper-button-white:hover svg path {

    fill: #fff;

}





#productxq .dzd div {

    background: #fff;

    border-radius: 10px;

    border: 1px solid #dee5ed;

    overflow: hidden;

}



#productxq .dzd div img,

#fz .swiper-slide img {

    display: block;

    margin: auto;

}



#productxq>a {

    width: 10.375rem;

    height: 3rem;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: .5rem;

    color: #fff;

    font-size: 1rem;

    line-height: 3.75rem;

    margin: 3rem auto 1rem;

    background: #00a7f0;

    border-radius: 6px;



}





/* 搜索结果页 */

#result {

    padding-left: .9375rem;

}

.reltsearch {

    width: 44.6875rem;

    margin: auto;

}

.reltsearch form {



    border: 1px solid #00a7f0;

    display: grid;

    grid-template-columns: 1fr 8.75rem;

    align-items: center;

    height: 100%;

    margin-bottom: 3.5rem;



}

.reltsearch form input {

    background: #fff;

    height: 100%;

    padding: 1.25rem 1.125rem;

    color: #242424;

    font-size: 1.25rem;

    line-height: 2.25rem;

}

.reltsearch button {

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: bold;

    font-size: 1.375rem;

    color: #fff;

    height: 100%;

    background: #00a7f0;

    line-height: 2.25rem;

}









#result h4 {

    color: #00a7f0;

    font-size: 2.25rem;

    font-family: Swis721 BlkCn BT;

}



#result .jgnum {

    display: flex;

    justify-content: space-between;

    align-items: center;

}





#result .jgnum p {

    color: #000000;

    font-size: 1.125rem;

    line-height: 1.625rem;

}

#result .jgnum p span {

    color: #00a7f0;

}



#result ul {

    display: grid;

    grid-template-columns: repeat(auto-fill, 170px);

    gap: 13px 1rem;

    margin-top: 3rem;

}





#result ul li a {

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: .9375rem;

    line-height: 1.5rem;

    color: #3f4246;

    height: 3.5625rem;

    border: 1px solid #b1b8be;

    transition: all .5s;

}



#result ul li a:hover {

    background: #00a7f0;

    color: #fff;

    border: 1px solid #00a7f0;

}

.fa-caret-down:before,
.fa-caret-up:before {
    display: none;
}


.vjs-poster {
    opacity: 0 !important;
  }


  #mylist {
   top: 12rem;
   position: absolute;

  }


.forbidrootscroll{height:100%;overflow:hidden;}

::-webkit-scrollbar{

    display:none;

 }

 #hrzs .swiper-button-prev , #hrzs .swiper-button-next {

    width: 3rem;
    height: 3rem;
    border: 1px solid #cfd0d1;
    border-radius: 50%;
    top: 53%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;

 }

 #hrzs .swiper-button-prev {
    left: 0;
    right: auto;
 }

 #hrzs .swiper-button-next {
    right: 0;
    left: auto;
 }

 #hrzs svg path {
    transition: all .5s;
 }

 #hrzs .swiper-button-white:hover {
    background: rgba(0, 167, 240, 1);
    border: 1px solid rgba(0, 167, 240, 1);
 }

 #hrzs .swiper-button-white:hover svg path {
    fill: #fff;
 }