@charset "utf-8";
.ys-cont1600 {
    width: 85vw;
    max-width: 1600px;
    margin: auto;
}
.ys-cont1400 {
    width: 1400px;
    margin: auto;
}
:root{
    --font54: 54px;
    --font44: 44px;
    --font40: 40px;
    --font32: 32px;
    --font24: 24px;
    --font20: 20px;
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    --l1h2: 1.2;
    --l1h3: 1.3;
    --l1h4: 1.4;
    --l1h5: 1.5;
    --l1h6: 1.6;
    --l1h75: 1.75;
    --l1h8: 1.8;
    /* --l2: 2; */
    --space200: 200px;
    --space156: 156px;
    --space140: 140px;
    --space130: 130px;
    --space120: 120px;
    --space90: 90px;
    --space80: 80px;
    --space70: 70px;
    --space60: 60px;
    --space50: 50px;
    --space40: 40px;
    --colormain: #0065DD;
    --colorhover: #0C3065;
    --colorborder: #E0E1E6;
    --colorbg: #F9F9FB;
    --colortitle: #1E1F24;
    --colortext: #62636C;
    --colorinfo: #CDCED7;
    --colorfff: #fff;
    --line90: 80px;
}
.std-font54{
    font-size: var(--font54);
    line-height: var(--l1h3);
    color: var(--colortitle);
}
.std-font44,
.yxedr-active h2{
    font-size: var(--font44);
    line-height: var(--l1h3);
    color: var(--colortitle);
}
.std-font40,
.yxedr-active h3{
    font-size: var(--font40);
    line-height: var(--l1h4);
    color: var(--colortitle);
}
.std-font32,
.yxedr-active h4{
    font-size: var(--font32);
    line-height: var(--l1h4);
    color: var(--colortitle);
}
.std-font24,
.std-font24 p,
.yxedr-active h5{
    font-size: var(--font24);
    line-height: var(--l1h5);
    color: var(--colortitle);
}
.std-text14,
.std-text14 p{
    font-size: var(--font14);
    line-height: var(--l1h8);
    color: #62636D;
}
.std-text16,
.std-text16 p,
.yxedr-active p{
    font-size: var(--font16);
    line-height: var(--l1h75);
    color: var(--colortext);
}
.std-text18,
.std-text18 p{
    font-size: var(--font18);
    line-height: var(--l1h75);
    color: var(--colortext);
}
.std-text20,
.std-text20 p,
.yxedr-active h6{
    font-size: var(--font16);
    line-height: var(--l1h5);
    color: var(--colortext);
}
.head-nav-item {
    position: static;
    width: calc(100% / 7);
}
.head-nav-item:nth-child(1) a{margin-left: 46px;}
/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child){
    display: none;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .head-other-lang-item a:hover{
        color: var(--colorfff);
    }
    .head-nav:hover .head-nav-item.yxnav-active1 .head-nav-item-title::before {
        width: 0;
        opacity: 0;
    }
    .head-nav:hover .head-nav-item:hover .head-nav-item-title::before,
    .head-nav:hover .head-nav-item.yxnav-active1:hover .head-nav-item-title::before {
        width: calc(100% - calc(var(--jian)* 2));
        opacity: 1;
    }
    
    .ys-hd-pc.ishover .head-other-lang-item a:hover,
    .ys-hd-pc.isfixed .head-other-lang-item a:hover,
    .inside-main.act .ys-hd-pc .head-other-lang-item a:hover {
        color: var(--colormain);
    }
    .ys-hd-pc.ishover .yx-search3-btn:hover img:nth-of-type(3),
    .ys-hd-pc.isfixed .yx-search3-btn:hover img:nth-of-type(3),
    .inside-main.act .ys-hd-pc .yx-search3-btn:hover img:nth-of-type(3) {
        opacity: 1;
    }
    .ys-hd-pc.ishover .yx-search3-btn:hover img:nth-of-type(2),
    .ys-hd-pc.isfixed .yx-search3-btn:hover img:nth-of-type(2),
    .inside-main.act .ys-hd-pc .yx-search3-btn:hover img:nth-of-type(2) {
        opacity: 0;
    }
    
}
.ys-ban-slick .ys-ban-title{
    color: var(--colorfff);
    font-size: var(--font44);
    line-height: var(--l1h3);
    text-align: center;
    margin-bottom: 24px;
    text-align: left;
}
.ys-ban-slick .std-font24,
.ys-ban-slick .std-font24 p{
    color: var(--colorfff);
    text-align: center;
    line-height: var(--l1h6);
}
.ys-ban-slick .std-font24{
    margin-bottom: 60px;
}
.std-btn-link-font{
    font-size: var(--font16);
    line-height: var(--l1h8);
    color: var(--colorfff);
    text-align: center;
    position: relative;
    z-index: 6;
    transition: all .4s ease;
}
.std-btn-link{
    position: relative;
    padding: 10px 55px;
    cursor: pointer;
}
.std-btn-link::before{
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    background: rgba(255, 255, 255, 0.10);
}
.ys-ban-li .std-btn-link::before{
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    -moz-backdrop-filter: none;
    -ms-backdrop-filter: none;
    -o-backdrop-filter: none;
    background: rgba(255, 255, 255, 0.20);
}
.std-btn-link::before,
.std-btn-link::after{
    content: '';
    border-radius: 80px;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
}
.std-btn-link::after{
    border: 1px solid var(--colorfff);
    transition: all .8s ease;
}
.std-btn{
    display: flex;
    justify-content: center;
}
.mod-swiper-dots1 .swiper-pagination-bullet,
.mod-dots1 .slick-dots li{
    width: 66px;
    height: 10px;
    border-radius: 0;
    margin: 0 3px;
    background: transparent;
}
.mod-swiper-dots1 .swiper-pagination-bullet::before,
.mod-swiper-dots1 .swiper-pagination-bullet::after,
.mod-dots1 .slick-dots li::before,
.mod-dots1 .slick-dots li::after{
    content: '';
    height: 2px;
    border-radius: 1px;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
}
.mod-dots1 .slick-dots li::before{
    background: rgba(255, 255, 255, .5);
}
.mod-dots1 .slick-dots li::after{
    background: var(--colorfff);
    opacity: 0;
}
.mod-dots1 .slick-dots li.slick-active::after{
    opacity: 1;
}
.ys-ban-slick.mod-dots1 .slick-dots{
    bottom: 36px;
}
.ys-ban-imgbox::before{
    background: rgba(1,6,12,.15);
}
.mod-arrows1 .slick-prev, 
.mod-arrows1 .slick-next,
.mod-arrows1 .swiper-button-next,
.mod-arrows1 .swiper-button-prev{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(0,0,0,0.5);
    z-index: 10;
}
.ys-ban-slick.mod-arrows1 .slick-prev{
    left: 5%;
} 
.ys-ban-slick.mod-arrows1 .slick-next{
    right: 5%;
} 
.mod-arrows1 .slick-prev::before, 
.mod-arrows1 .slick-next::before,
.mod-arrows1 .swiper-button-prev::before, 
.mod-arrows1 .swiper-button-next::before{
    content: '';
    background-image: url(../images/0jian1.png);
    background-size: 100% 100%;
    position: absolute;
    width: 11px;
    height: 22px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.mod-arrows1 .swiper-button-prev::before, 
.mod-arrows1 .slick-prev::before{
    transform: translate(-50%,-50%) rotate(180deg);
}
.ys-banner .mod-arrows1 .slick-prev, 
.ys-banner .mod-arrows1 .slick-next,
.ys-banner .mod-arrows1 .swiper-button-next,
.ys-banner .mod-arrows1 .swiper-button-prev{
	background: none
}
.ys-banner .mod-arrows1 .slick-prev::before, 
.ys-banner .mod-arrows1 .slick-next::before,
.ys-banner .mod-arrows1 .swiper-button-prev::before, 
.ys-banner .mod-arrows1 .swiper-button-next::before{
    content: '';
    background-image: url(../images/jjtt.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 22px;
    height: 36px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.ys-banner .mod-arrows1 .swiper-button-next::before, 
.ys-banner .mod-arrows1 .slick-next::before{
    transform: translate(-50%,-50%) rotate(180deg);
}
.ys-hd-pc{
    position: relative;
    width: 100%;
    z-index: 820;
}
.head-nav{
    display: flex;
}
.head-logo {
    flex: 0 1 auto;
    width: calc(241rem / 16 + 5.2083vw - 20px);
    padding-left: calc(5.2083vw - 20px);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.head-logo a{
    display: flex;
    align-items: center;
    height: 96px;
	width: 100%;
}
.head-nav-item-title{
    line-height:96px;
    color: #fff;
    font-size: 18px;
    position: relative;
    display: inline-block;
    font-family: "oppoR";
}
.head-nav-item .head-nav-item-title{position: relative;margin-left: 10px;}
.head-nav-item .head-nav-item-title em{display: inline-block;background: url("../images/jt.png") no-repeat right center;width: 11px;height: 90px;background-size: auto 6px;position: absolute;right: 3px;}
.head-nav-item:hover .head-nav-item-title em{background: url(../images/jt-2.png) no-repeat right center;background-size: auto 6px;transform: rotate(180deg);transition: all 0.5s;}
.ishover .head-nav-item:hover .head-nav-item-title{color: #65bae3;}
.head-nav-item-down{
    width: 100%;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    top: calc(100% + 1px);
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
}
.see_more_red {
    color: #fff;
    width: 162px;
    display: block;
    background: #65bae3;
    border-radius: 24px;
    height: 48px;
    line-height: 48px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0 35px;
    gap: 10px;
}

.see_more_red span {
    color: #fff;
}

.see_more_red i {
    width: 20px;
    height:20px;
    display: block;
    background-image: url(../images/bjt.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px;
    transition: all 0.3s;
}
.see_more_red:hover i {
    transform: translate(10px, 0);
}
/* search - start */
.yx-search3box{
    --btn-width: 24px;
    width: 24px;
}
.yx-search3-btn{
    width: var(--btn-width);
    margin-right: 50px;
    line-height:96px;
    height:96px;
    display: flex;
    align-items: center;
    position: relative;
}
.yx-search3-btn img{
    width: 100%;
    transition: all .36s;
}
.yx-search3img1{
    position: relative;
    top: -2px;
    left: 0;
}
.yx-search3img2{
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(1);
    left: 0;
    opacity: 0;
}
.yx-search3xlbox{
    width: 100%;
    height: 250px;
    background:var(--colorfff);
    box-shadow:0 5px 13px rgba(35, 50, 64, 0.13);
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 99;
}
.yx-search3-tbox{
    width: 60%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: var(--head);
    border-bottom: 1px solid #666;
    display: flex;
    align-items: center;
}
.yx-search3xlbtn{
    width: 27px;
    line-height: var(--head);
}
.yx-search3xlbtn img{
    width: 100%;
    transition: all .36s;
}
.yx-search3-xls  {
    width: calc(100% - 27px);
    padding-right: 20px;
}
.yx-search3-xls input{
    font-size: 16px;
    line-height: 3.75;
    color: #666;
    width: 100%;
    transition: all .36s;
}
.yx-search3-xls input::placeholder{
    color: #666;
}
.yx-search3-btn.on .yx-search3img2{
    opacity: 1;
}
.yx-search3-btn.on .yx-search3img1{
    opacity: 0;
}
/* search - end */
.head-other{display: flex;justify-content: space-between;width: 110px;}
.head-logo img:nth-of-type(2){
    opacity: 0;
}
.ys-imgbox-contain img, .ys-imgbox-cover img{
    transition: all .4s ease;
}
.ys-imgbox-cover img:nth-child(3) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.yx-search3-btn img:nth-of-type(2),
.yx-search3-btn img:nth-of-type(3){
    opacity: 0;
}

.head-nav-item-title::after{
    content: '';
    width: 0px;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    position: absolute;
    bottom: -1px;
    transition: .3s;
}
.head-nav-item:hover .head-nav-item-title::after{
    width: 100%;
    background: #002fa7;
}
.head-nav-item.yxnav-active1 .head-nav-item-title::after{width: 100%;}
.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title::after{width: 100%;background:#002fa7;}
.head-other-lang-item::after {
    content: '';
    background-image: url(../images/0line2.svg);
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    transition: .3s;
    opacity: 0;
}
.head-other-lang-item:first-child::after{
    display: none;
}
.ys-hd-pc.ishover,
.ys-hd-pc.isfixed,
.inside-main.act .ys-hd-pc{
    border-bottom: 1px solid #E7E8EC;
    background: #FFF;
}
.ys-hd-pc.ishover .head-nav-item-title,
.ys-hd-pc.isfixed .head-nav-item-title,
.inside-main.act .ys-hd-pc .head-nav-item-title,.ys-hd-pc.on .head-nav-item-title,#header .ys-hd-pc .head-nav-item-title{
    color: var(--colortitle);
}
.ys-hd-pc.ishover .yx-search3-btn img:first-child,
.ys-hd-pc.isfixed .yx-search3-btn img:first-child,
.ys-hd-pc.on .yx-search3-btn img:first-child,
.inside-main.act .ys-hd-pc .yx-search3-btn img:first-child,#header .ys-hd-pc .yx-search3-btn img:first-child{
    opacity: 0;
}
.ys-hd-pc.ishover .yx-search3-btn img:nth-of-type(2),
.ys-hd-pc.isfixed .yx-search3-btn img:nth-of-type(2),
.ys-hd-pc.on .yx-search3-btn img:nth-of-type(2),
.inside-main.act .ys-hd-pc .yx-search3-btn img:nth-of-type(2),#header .ys-hd-pc .yx-search3-btn img:nth-of-type(2){
    opacity: 1;
}
.ys-hd-pc.ishover::before,
.ys-hd-pc.isfixed::before,
.inside-main.act .ys-hd-pc::before{
    opacity: 0;
    height: 0;
}
.ys-hd-pc .head-nav-item-title:hover,.ys-hd-pc.ishover .head-nav-item-title:hover,.ys-hd-pc.isfixed .head-nav-item-title:hover,#header .ys-hd-pc .yxnav-active1 .head-nav-item-title{color:#002fa7;}

.sticky-html,
.sticky-body{
    overflow: visible;
}
.search-active .ys-hd-pc.on .yx-search3-btn .yx-search3img1{display: none;}
.search-active .ys-hd-pc.on .yx-search3-btn .yx-search3img2{opacity: 1;}
/* ban-start */
/* 图片缩放 */
.ys-ban-imgbox img {
    transform: scale(1.2);
}
.ys-ban-li.slick-current .ys-ban-imgbox img {
    animation: banimgscale 6s ease-out both;
}
@keyframes banimgscale {
    100% {
        transform: scale(1);
    }
}
/* 视频缩放 */
.ys-ban-imgbox .ys-ban-video {
    transform: translate(-50%,-50%) scale(1.2);
}
.ys-ban-li.slick-current .ys-ban-imgbox .ys-ban-video {
    animation: banvideoscale 6s ease-out both;
}
@keyframes banvideoscale {
    100% {
        transform: translate(-50%,-50%) scale(1);
    }
}
.ys-nyban-img{
    overflow: hidden;
}
.ys-nyban-img img{
    transform: scale(1.2);
}
.ys-nyban-img.act img{
    animation: banimgscale 3s ease-out .1s both;
}
/* ban-end */
.ys-ban-li .ys-ban-title,
.ys-ban-li .std-font24{
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
}
.ys-ban-li .std-btn{
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    transition: all .8s .8s ease-in-out;
}
.std-btn-link::before{
    transition: all 0s;
}

.ys-ban-li.slick-active .std-btn{
    display: flex;
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .8s;
}
.ys-ban-li.slick-active .ys-ban-title,
.ys-ban-li.slick-active .std-font24{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .8s;
}

.ys-ysscale {
    transform: scale(1.1);
    animation: ysscale 1.6s ease-in-out both;
    animation-delay: 0s;
}
@keyframes ysscale {
    0%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes ysscale {
    0%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
footer{background: url("../images/f-bg.jpg") no-repeat;background-size: cover;}
.foot1{display: flex;justify-content: space-between;font-family: "oppoR";color: #c7c7c7;font-size: 14px;padding: 70px 0;}
.foot1 .f1 .phone a{display: block;font-size: 34px;font-family: "siyuanBold";color: #fff;margin:25px 0 15px 0;}
.foot1 .f1 .phone{border-bottom: solid 1px #222b44;width:230px;padding-bottom: 18px;}
.foot1 .f1 .phone p{font-size: 16px;}
.foot1 .f1 .way>div{display: flex;align-items: center;margin-top: 20px;}
.foot1 .f1 .way span{width: 32px;}
.foot1 .f2 h3{font-family: "oppoB";color: #fff;font-size: 20px;margin-bottom: 34px;}
.foot1 .f2 p{line-height: 30px;}
.foot1 .f2 .text1{margin-bottom: 75px;}
.share li{position: relative;}
.share li>div{position: absolute;width:159px;padding: 10px 0;background: #fff;justify-content: center;display:flex;flex-wrap: wrap;text-align: center;left:-60px;opacity: 0;top:50px;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);}
.share li>div p{width: 100%;color: #333;padding-top: 14px;}
.share li:hover>div{opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);}
.foot1 .f2{border-left: solid 1px #262e46;border-right: solid 1px #262e46;padding: 0 4%;margin-top: 16px;width: 40%;}
.foot1 .f3 .wz1{font-family: "oppoM";color: #fff;font-size: 24px;text-align: right;padding-bottom: 12px;margin-top: 16px;}
.foot1 .f3 .wz2{font-family: "oppoL";color: #fff;font-size:20px;text-align: right;}
.foot1 .share{float: right;}
.foot1 .share ul{display: flex;}
.foot1 .share li{margin-left: 15px;}
.foot2 p{text-align: center;font-family: "oppoR";color: #c7c7c7;font-size: 14px;line-height: 26px;}
.foot2 a{color: #c7c7c7;}
.foot2{border-top: solid 1px #232e48;padding: 28px 0;}
.lyNav_btn{ display:none; width: 40px; height: 40px;}
.lyNav_btn i { display: block; width: 100%; height: 100%; overflow: hidden; padding: 12px; background-color: #1991cd;}  
.icon{display: block;width: 100%;height: 100%;}
.head-phone{border-left: solid 1px rgba(255,255,255,0.3);height: 96px;display: flex;align-items: center;width: calc(100% - 160px);padding-left: calc(3.588vw - 20px);}
.head-phone a{display: block;background: url("../images/phone1.png") no-repeat left center;padding-left: 37px;font-family: "siyuanBold";font-size: 26px;color: #fff;}
.menus{flex: 1 0 auto;
    justify-self: flex-end;
    margin-left: auto;
    margin-right: 0;
    color: #fff;
    width: calc(100% - (241rem / 16 + 5.2083vw - 20px));
    display: flex;
    align-items: stretch;
    height: 100%;margin-right: calc(3.588vw - 20px);}
.lyNav_list{width: calc(100% - 420rem / 16);
    flex: 0 0 auto;
    padding-left:calc(10.4166vw - 40px);}
.lyNav_list .head-nav{display: flex;justify-content: space-between;width: 100%;}
.hh-right{width: calc(420rem / 16);
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;}
.ys-hd-pc{align-items: center;justify-content: space-between;border-bottom: solid 1px rgba(255,255,255,0.3);}
.ys-hd-pc.ishover{z-index: 10;}
.head-nav-item.yxnav-active1 .head-nav-item-title{color: #002fa7;}
.head-nav-item.yxnav-active1 .head-nav-item-title::after{width: 100%;background:#002fa7;}
.ys-hd-pc.ishover .head-phone a,.ys-hd-pc.isfixed .head-phone a,.ys-hd-pc.on .head-phone a,#header .ys-hd-pc .head-phone a{background: url("../images/phone2.png") no-repeat left center;color: #666;}
.ys-hd-pc.ishover .head-phone,.ys-hd-pc.isfixed .head-phone,.ys-hd-pc.on .head-phone{border-left:1px solid #E7E8EC;}
.hd-lang{
	position: relative;
	margin: 0 30px 0 0px;
}
.hd-lang a{   
	color: #666;
	display:flex;
	align-items: center;	
	height: 96px;
}
.ys-hd-pc .hd-lang a .yy{display: block;background: url("../images/yy1.png") no-repeat left center;height: 80px;background-size: auto 23px;color: #fff;font-size: 16px;padding-left: 33px;line-height: 80px;}
.ys-hd-pc.isfixed .hd-lang a .yy,.act .ys-hd-pc .hd-lang a .yy,.ys-hd-pc.on .hd-lang a .yy{background: url("../images/yy2.png") no-repeat left center;background-size: auto 23px;color: #666;}
.ys-hd-pc.ishover .hd-lang a .yy,.ys-hd-pc.on .hd-lang a .yy,#header .ys-hd-pc .hd-lang a .yy{background: url("../images/yy2.png") no-repeat left center;background-size: auto 23px;color: #666;}
.ys-hd-pc.on{background: #fff;}
.site-menu {
    width: 100%;
    height: auto;
    display: flex;
    align-items: stretch;
    z-index: 660;
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
    background: rgba(237, 237, 237, .8);
}

.site-menu-ctn {
    position: fixed;
    width: 100%;
    height: auto;
    left: 0;
    top:97px;
    overflow: hidden;
    transition: .3s;
    align-items: stretch;
    transform: translateY(-50%);
    opacity: .0;
    visibility: hidden;
    z-index: 1;
}

.menu-active .site-menu-ctn {
    visibility: visible;
    transform: none;
    opacity: 1;
}

.site-menu .right {
    font-size: 14px;
    width:calc(100% - (661rem / 16 + 10.417vw + 32px));
    flex: 0 0 auto;
    margin-left: auto;
    margin-right: calc((420rem / 16) + (3.588vw - 20px));
    display: flex;
    align-items: stretch;
}

.site-menu .right .link-col {
    padding: calc(40rem / 16) 16px 3.125vw;
    position: relative;
    width: calc(100% / 7);
}

.site-menu .right .link-col a {
    line-height: 20px;
    border-bottom: 1px solid #cac8cd;
    padding: 10px 0;
    display: block;
    position: relative;
    z-index: 865;    
    color: #222;
    font-size: 15px;
}
.site-menu .right .link-col a span{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .3s;}
.site-menu .right .link-col a::before {
    content: "";
    width: 16px;
    height: 14px;
    background: url("../images/icon_angle_right.svg") center/contain no-repeat;
    background-size: auto 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -4px;
    margin: auto;
    opacity: 0;
    transition: .3s;
}

.site-menu .right .link-col a:hover::before {
    opacity: 1;
}

.site-menu .right .link-col a:hover span{
    color: #002fa7;
    transform: translateX(12px);
}
.site-menu .right .link-col.hover-active{background:linear-gradient(to bottom, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0));}
.head-nav-item:hover .site-menu-ctn {
    visibility: visible;
    transform: none;
    opacity: 1;
}



.ys-ban-title .zw{font-family: "oppoM";color: #FFF;font-size: 35px;margin: 5px 0;line-height: 70px;}
.ys-ban-title .yw{color: #fff;font-size: 19px;line-height: 30px;text-transform: uppercase;font-family: "siyuanL";}
.ys-ban-slick .ys-ban-title{position: relative;padding-top: 60px;}
.ys-ban-slick .ys-ban-title img{position: absolute;left: 0;top: 5px;}
.ys-ban-slick .ys-ban-title .en{padding-top:24px;}
.section0{background: url("../images/bg1.jpg") no-repeat;background-size: cover;padding: 94px 0 126px 0;}
.section0 .title{position: relative;padding-top: 7px;}
.section0 .title em{display: block;font-style: normal;text-transform: uppercase;font-family: arial;font-size: 48px;color: #e9ecf0;font-weight: bold;position: absolute;top: 0;}
.section0 h3{color: #333;font-size: 26px;font-family: "oppoM";position: relative;z-index: 2;}
.section0 h3 span{font-size: 35px;position: relative;display: block;padding-bottom: 15px;}
.section0 .we p{color: #696969;font-size: 16px;line-height: 32px;font-family: "oppoR";}
.section0 .we{width: 70%;}
.section0 .our{padding: 48px 0;}
.section0 .pic{position: relative;display: flex;align-items: center;}
.section0 .pic a{display: block;width:96px;height: 96px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: url("../images/play.png") no-repeat center;transition: .3s;}
.section0 .pic a:hover{transform: translate(-50%,-50%) rotate(360deg);}
.countup-txt h4{font-family: arial;font-weight: bold;font-size:16px;color:#666;}
.countup-txt h4 span{font-size:60px;color:#002fa7;display: inline-block;font-family: "siyuanBold";}
.countup-txt h4 em{font-style: normal;font-size: 17px;display: inline-block;position: relative;top:-28px;padding-left: 5px;color:#666;font-weight: normal;}
.countup-txt p{font-size:16px;color:#666;font-family: "oppoM";padding-top: 10px;}
.number ul{display: flex;flex-wrap: wrap;justify-content: space-between;width: 80%;}
.look{margin-top: 94px;}
.animBtn{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 168px;
  height: 48px;
  border: 1px solid #002fa7;
  color: #002fa7;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  letter-spacing: .08em;
  text-shadow:0 1px 1px rgba(0,0,0,0.2);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  font-size:16px;
  font-family: "oppoM";
}
.animBtn span{display: inline-block;background: url("../images/more1.svg") no-repeat right center;background-size: auto 30px;padding-right: 25px;position: relative;z-index: 2;padding-left: 6px;}
.animBtn:after {
  content: "";
    position: absolute;
    background: #002fa7;
    height: 0%;
    left: 50%;
    top: 50%;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
  width: 0%;
  border-radius: 50%;
  opacity: .5;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.animBtn:hover:after {
  height: 450%;
  width: 110%;
  opacity: 1;
}
.animBtn:hover{color: #fff;}
.animBtn:hover span{background: url("../images/more2.svg") no-repeat right center;background-size: auto 30px;}
/* 动态添加的class: active-dropdown (高亮整个下拉板块) */
.link-col.active-dropdown {
    background:linear-gradient(to bottom, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0));
    transition: all 0.2s ease;
}
.link-col.active-dropdown a {
    color: #333;
}
.site-menu-ctn.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.head-nav-item.nav-hover-highlight a.head-nav-item-title::after{width: 100%;background:#002fa7;}
.title2{position: relative;padding-top: 2px;text-align: center;}
.title2 em{display: block;font-style: normal;text-transform: uppercase;font-family: arial;font-size: 40px;color: #e9ecf0;font-weight: bold;position: absolute;top: 0;left: 50%;transform: translate(-50%,0);}
.title2 h3{color: #666;font-size: 20px;font-family: "oppoR";position: relative;z-index: 2;}
.title2 h3 span{font-size: 35px;position: relative;display: block;padding-bottom: 15px;color: #333;font-family: "oppoM";}
.more .animBtn{border: solid 1px #fff;color: #fff;}
.more .animBtn span{background: url("../images/more2.svg") no-repeat right center;background-size: auto 30px;}
.s-content1{background: url("../images/bg2.jpg") no-repeat;background-size: cover;margin-top: 58px;}
.section1 .box1 ul{display: flex;}
.section1 .box1 li{position: relative;border-right: solid 1px rgba(255,255,255,0.2);height: 650px;width:12.5%;overflow: hidden;transition: all 0.5s;}
.section1 .box1 li .images,.section1 .box1 li .text1{position: absolute;}
.section1 .box1 li .images{width: 100%;height:100%;transition: all 0.5s;opacity: 0;}
.section1 .box1 li .images img{margin: 0 auto;width: 100%;height: 100%;object-fit: cover;}
.section1 .box1 li .text1{width:100%;bottom: 56px;text-align: center;color: #fff;font-size: 16px;transition: all 0.5s;}
.section1 .box1 li .more .animBtn{margin: 0 auto;width: 142px;height: 38px;transition: all 0.5s;display: none;}
.section1 .box1 li .p1{padding-top: 43px;font-size: 16px;font-family: "oppoM";margin-bottom: 6px;}
.section1 .box1 li .p2{font-size: 18px;font-family: "oppoM";opacity: 0;transition: all 0.5s;}
.section1 .box1 li:hover .p1{font-size: 18px;margin-bottom: 0;}
.section1 .box1 li:hover .more .animBtn{display:flex;margin-top: 30px;}
.section1 .box1 li:hover .images{opacity: 1;}
.section1 .box1 li:hover .p2{opacity: 1;padding-top: 10px;margin-bottom: 30px;}
.section1 .box1 li:hover .text1{bottom: auto;top: 50%;transform: translate(0,-50%);}
.section1 .box1 li .more .animBtn:hover{border: 1px solid #002fa7;}
.section1 .box1 li:hover{width: 25%;}
.section1{padding: 88px 0 0 0;}
.section1 .box1 li:last-child{border-right: none;}
.section2{padding: 88px 0 120px 0;}
.section4{padding: 88px 0 90px 0;}
.section3{padding: 88px 0 120px 0;background: url("../images/bg3.jpg") no-repeat;background-size: cover;}
.section3 .title2{text-align: left;}
.section3 .title2 em{left: 0;transform: translate(0);}
.section3 .flex{align-items: flex-end;}
.section3 .tabs-tit1 a{color: #666;font-size: 18px;font-family: "oppoM";display: inline-block;margin-right: 36px;position: relative;padding: 12px 0;}
.section3 .right{align-items:center;}
.section3 .right .views a{color: #666;font-size: 18px;font-family: "oppoM";background: url("../images/mm.png") no-repeat right center;padding:12px 20px 12px 0;background-size: auto 12px;}
.section3 .right .views a:hover{color: #002fa7;background: url("../images/mm2.png") no-repeat right center;background-size: auto 12px;}
.section3 .tabs-tit1 a.on{color: #002fa7;}
.section3 .tabs-tit1 a::after{content: "";display: block;width: 100%;height: 2px;background:transparent;left: 0;bottom: 0;position: absolute;}
.section3 .tabs-tit1 a.on::after{background:#002fa7;}
.case .list{display: none;}
.case ul{flex-wrap: wrap;justify-content:flex-start;margin: 0 -19px;}
.case li{width: calc(33.33% - 38px);margin: 66px 19px 0 19px;position: relative;border-bottom: 1px solid #b0b0b0;}
.case li .img{overflow: hidden;height: 298px;}
.case li .img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.case li:hover .img img{transform: scale(1.1);}
.case li a h4{font-family: "siyuanR";font-size: 18px;color: #333;margin-bottom:18px;transition: all 0.3s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case li a p{font-family: "siyuanN";font-size: 16px;color: #666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case li .text{padding: 25px 30px;}
.case li:hover a h4{color: #002fa7;}
.case li::after{content: "";position: absolute;width:0;height: 1px;background: #002fa7;bottom: -1px;left: 0;transition: all 0.5s;}
.case li:hover::after{width: 100%;}
.step-cont .text{display: none;min-height: 120px;}
.tab-nav{display: flex;justify-content: space-between;margin: 58px -9px;}
.tab-cont .panel p{font-family: "siyuanR";font-size: 20px;color: #333;line-height: 32px;}
.tab-nav .tab-item{margin: 0 9px;width: calc(16.66% - 18px);background: #efefef;text-align: center;padding-top: 48px;transition: all 0.5s;}
.tab-nav .tab-item .tb{width: 100%;height: 43px;background: url("../images/lc1.png") no-repeat center;transition: all 0.5s;}
.tab-nav .tab-item .shuzi{color: #919090;font-size: 66px;font-family: arial;margin-top: 30px;}
.tab-nav .tab-item p{color: #919090;font-size: 20px;font-family: "siyuanR";background: #efefef;position: relative;top: -24px;padding: 10px 0 0 0;transition: all 0.5s;}
.tab-nav .tab-item.active,.tab-nav .tab-item.active p,.tab-nav .tab-item:hover,.tab-nav .tab-item:hover p{background: #002fa7;}
.tab-nav .tab-item.active .shuzi,.tab-nav .tab-item.active p,.tab-nav .tab-item:hover p,.tab-nav .tab-item:hover .shuzi{color: #fff;}
.tab-nav .tab-item.active .tb,.tab-nav .tab-item:hover .tb{background: url("../images/lc01.png") no-repeat center;transform: rotateY(180deg);}
.tab-nav .tab-item .tb1{background: url("../images/lc2.png") no-repeat center;}
.tab-nav .tab-item:hover .tb1,.tab-nav .tab-item.active .tb1{background: url("../images/lc02.png") no-repeat center;}
.tab-nav .tab-item .tb2{background: url("../images/lc3.png") no-repeat center;}
.tab-nav .tab-item:hover .tb2,.tab-nav .tab-item.active .tb2{background: url("../images/lc03.png") no-repeat center;}
.tab-nav .tab-item .tb3{background: url("../images/lc4.png") no-repeat center;}
.tab-nav .tab-item:hover .tb3,.tab-nav .tab-item.active .tb3{background: url("../images/lc04.png") no-repeat center;}
.tab-nav .tab-item .tb4{background: url("../images/lc5.png") no-repeat center;}
.tab-nav .tab-item:hover .tb4,.tab-nav .tab-item.active .tb4{background: url("../images/lc05.png") no-repeat center;}
.tab-nav .tab-item .tb5{background: url("../images/lc6.png") no-repeat center;}
.tab-nav .tab-item:hover .tb5,.tab-nav .tab-item.active .tb5{background: url("../images/lc06.png") no-repeat center;}
.progress-wrap{height:1px;background:#e5e5e5}
.progress-inner{
  height:3px;
  background:#002fa7;
  transition:0.35s ease;
  width:16%;
  position: relative;
  top: -1px;
}
.tab-cont{min-height:140px}
.panel{display:none}
.panel.show{display:block}
.section5 .title2 em{color: #1f3682;}
.section5 .title2 h3{color: #e5e5e5;}
.section5 .title2 h3 span{color: #fff;}
.section5{padding: 88px 0 120px 0;background: url("../images/bg4.jpg") no-repeat;background-size: cover;}
.section6{padding: 88px 0 70px 0;}
.section6 .title2{text-align: left;width: 40%;}
.section6 .title2 em{left: 0;transform: translate(0);}
.section6 .flex{align-items: flex-end;}
.section6 .tabs-tit2 a{color: #666;font-size: 18px;font-family: "oppoM";display: inline-block;margin-right: 36px;position: relative;padding: 12px 0;}
.section6 .tabs-tit2 a.on{color: #002fa7;}
.section6 .tabs-tit2 a::after{content: "";display: block;width: 100%;height: 2px;background:transparent;left: 0;bottom: 0;position: absolute;}
.section6 .tabs-tit2 a.on::after{background:#002fa7;}
.news .list{display: none;}
.news .list .flex{align-items: flex-start;}
.news .left ul{display: flex;}
.news .left li{width:calc(50% - 38px);margin-right: 38px;}
.news .left{width: 68%;}
.news .right{width: 32%;}
.news .left li .img{overflow: hidden;height:320px;}
.news .left li .img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.news .left li:hover .img img{transform: scale(1.1);}
.news .left li a h4{font-family: "siyuanR";font-size: 18px;color: #333;margin-bottom:18px;transition: all 0.3s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .left li a p{font-family: "siyuanN";font-size: 16px;color: #666;display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 2; 
  overflow: hidden;  
  text-overflow: ellipsis;line-height: 28px;}
.news .left li .bot{display: flex;justify-content: space-between;background: #f4f4f4;padding:35px 20px;align-items: center;}
.news .left li a .time{color: #ababab;font-family: arial;font-size: 18px;}
.news .left li a .time span{display: block;font-size: 50px;padding-bottom: 5px;}
.news .left li a .text{border-left: solid 1px #ababab;padding-left: 20px;margin-left: 20px;width: calc(100% - 85px);}
.news .right li{background: #f4f4f4;padding:20px 20px 22px 20px;margin-bottom: 25px;}
.news .right li a{display: flex;justify-content: space-between;align-items: center;}
.news .right li a .time{color: #ababab;font-family: arial;font-size: 18px;}
.news .right li a .time span{display: block;font-size: 50px;padding-bottom: 5px;}
.news .right li a .text{padding-left: 20px;margin-left: 20px;position: relative;width: calc(100% - 85px);}
.news .right li a .text::before{content: "";height:90px;width: 1px;background: #ababab;position: absolute;top: 8px;left: 0;}
.news .right li a h4{font-family: "siyuanR";font-size: 18px;color: #333;margin-bottom:18px;transition: all 0.3s;display: -webkit-box; line-height: 28px;
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 2; 
  overflow: hidden;  
  text-overflow: ellipsis;}
.news .right li a p{font-family: "siyuanN";font-size: 16px;color: #666;display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 1; 
  overflow: hidden;  
  text-overflow: ellipsis;line-height: 28px;}
.news{padding-top: 65px;}
.news .left li:hover a h4{color: #002fa7;}
.news .right li:hover{background: #002fa7;}
.news .right li:hover a h4,.news .right li:hover a p,.news .right li:hover a .time{color: #fff;}
.pic-scroll{position: relative;height: 370px;overflow: hidden;margin-top: 65px;}
.scroll-box {
  will-change: transform;
}
.pic-scroll .group {
  display: grid;
  grid-template-columns: repeat(8, 12.5%);
  grid-template-rows: repeat(3, 110px);
  gap:20px 0px;
  margin-top: 20px;
}
.pic-scroll .item{
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 12px 2px rgba(0,0,0,0.1);
  margin: 0 10px;
  transition: all 0.3s;
  height: 110px;
}
.pic-scroll .item img{height: 90px;}
.number2 ul{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.number2 li{display: flex;justify-content: space-between;}
.number2 .countup-txt h4 span,.number2 .countup-txt p{color: #fff;}
.number2 .countup-txt h4 em{color: #fff;top: auto;bottom: 5px;}
.number2 .countup-txt h4 em i{font-style: normal;font-size: 24px;}
.number2 li .ico{margin:10px 20px 0 0;}
.number2{margin-top: 65px;}
.number2 .countup-txt p{padding-top: 16px;}

.pup-video{position: fixed;width: 100%;height: 100%;background: rgb(0,0,0,0.9);left: 0;top: 0;z-index: 10000;transition: all 0.5s;display: none;}
.pup-video .pup{position: absolute;width: 60%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.p_close img{width: 44px;height: 44px;}
.p_close{position: absolute;right: -50px;top:-50px;z-index: 10;}
.pup-video.show{display: block;}
.ny-banner{height:625px;position: relative;overflow: hidden;}
.ny-banner img,.imagesCover img,.imagesCover2 img{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  /* 硬件加速+平滑过渡 */
  transform: translateZ(0) scale(1.12);
  transition: transform 2s ease-out;
}
.ny-banner.active img,.imagesCover.active img,.imagesCover2.active img{
  transform: translateZ(0) scale(1.1);
}
.imagesCover,.imagesCover2{position: relative;overflow: hidden;height: 300px;display: flex;align-items: center;padding: 0!important;}
.service-lists li{border: 1px solid #f4f5f7;}
.service-lists li:hover{border: 1px solid #002fa7;}
.service-lists li .pic img{transition: all 1.2s;}
.service-lists li:hover .pic img{transform: scale(0.95);}
.imagesCover2{height: 530px!important;}
@media (max-width: 750px) {
.imagesCover2{height: 340px!important;}
}	
.ny-banner .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.ny-banner h3{color: #fff;font-size: 40px;font-family: "oppoM";padding-bottom: 22px;}
.ny-banner p{color: #fff;font-size: 22px;font-family: "oppoL";}
#header{position: initial;}
.about1 .pic{position: relative;}
.about1 .pic a{display: block;width:96px;height: 96px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: url("../images/play.png") no-repeat center;transition: .3s;}
.about1 .pic a:hover{transform: translate(-50%,-50%) rotate(360deg);}
/*关于我们*/
.brand{box-shadow: 0 0 15px rgba(0,0,0,0.08);}
.brand .flex{align-items: center;}
.sub-nav ul{display: flex;align-items: center;}
.sub-nav li{position: relative;}
.sub-nav li::after{content: "";display: block;position: absolute;height: 15px;width: 1px;background: #333;top: 50%;transform: translate(0,-50%);right: -1px;}
.sub-nav li a{font-size: 18px;font-family: "oppoM";padding: 0 42px;color: #333;line-height: 72px;display: block;height: 72px;line-height: 72px;position: relative;}
.sub-nav li a::before{content: "";height: 100%;width: 0;left: 0;top: 0;background:#9caedd;position: absolute;transition: all 0.5s;}
.sub-nav li a span{position: relative;z-index: 2;}
.sub-nav li.cur a{color: #002fa7;}
.sub-nav li.cur a::before{width: 100%;}
.sub-nav li.cur::after,.sub-nav li:last-child::after{display: none;}
.sub-nav li a::after{content: "";display:none;position: absolute;width:60%;height: 2px;background: #002fa7;left: 50%;transform: translate(-50%,0);bottom: 16px;}
.sub-nav li.cur a::after{display: block;}
.home{background: url("../images/home.png") no-repeat left center;font-size: 16px;font-family: "oppoR";color: #666;padding-left: 24px;line-height: 19px;}
.home a{color: #666;}
.about1{padding:0px 0 90px 0;}
.about1 .title{width: 160px;text-align: center;}
.about1 .title em{font-style: normal;color: #666;font-size: 14px;font-family: "siyuanR";text-transform: uppercase;padding-bottom: 10px;display: block;}
.about1 .title h3{color: #333;font-size: 35px;font-family: "oppoB";}
.about1 .we{width: 70%;}
.about1 .we p{color: #696969;font-size: 16px;line-height: 30px;}
.about1 .flex{background: url("../images/a-bg.png") no-repeat -100px bottom;padding: 100px 0 55px 0;}
.about1 .we .our{margin-bottom:40px;}
.about1 .number ul{width: 100%;align-items: center;}
.about1 .number li.line{height:85px;width: 1px;background: #ddd;}
.about1 .pic img{max-width: 100%;}
.ny-title{text-align: center;}
.ny-title em{font-style: normal;color: #666;font-size: 12px;font-family: "siyuanR";text-transform: uppercase;padding-bottom: 10px;display: block;}
.ny-title h3{color: #333;font-size: 35px;font-family: "oppoB";}
.about2{background: #f7f8fa;padding:88px 0 90px 0;position: relative;}
.about3{padding:88px 0 90px 0;}
.culture1 ul{display: flex;margin: 0 -15px;}
.culture1 li{width: calc(50% - 30px);margin: 0 15px;position: relative;}
.culture1 li .img img{width: 100%;height: 100%;object-fit: cover;}
.culture1 li .text1{display: flex;justify-content: space-between;align-items: center;position: absolute;width:88%;top:0;height: 150px;left: 50%;transform: translate(-50%,0);}
.culture1 li .text1 h4,.culture2 .name{font-size: 26px;font-family: "oppoM";color: #fff;}
.culture1 li p{position: absolute;width:88%;bottom:42px;left: 50%;transform: translate(-50%,0);font-size: 20px;font-family: "oppoR";color: #fff;line-height: 38px;}
.culture1{margin: 45px 0 35px 0;}
.culture2{background-size: cover;background-repeat: no-repeat;height: 558px;overflow: hidden;display: flex;align-items: flex-end;flex-wrap: wrap;}
.culture2 .name{text-align: center;width: 100%}
.culture2 .list{position: relative;height: 364px;width: 100%;}
.culture2 .circle{position: absolute;width: 2000px;height:1500px;border: 1px dashed #fff;top:40px;border-radius: 50%;left:-300px;}
.culture2 ul{display: flex;justify-content: center;}
.culture2 li{position: relative;z-index: 3;text-align:center;margin: 0 50px;}
.culture2 li .yuan{position: relative;width: 90px;height: 90px;margin: 0 auto;transition:all 0.5s;}
.culture2 li .yuan::after{content: "";width: 90px;height: 90px;border-radius: 50%;background-color: #bcbcbc;display: block;position: absolute;left: 50%;transform: translate(-50%,0);z-index: -1;}
.culture2 li h4{font-size: 22px;font-family: "oppoM";color: #fff;margin: 27px 0 19px 0;}
.culture2 li p{font-size: 15px;font-family: "oppoR";color: #fff;}
.culture2 li .qq1{background: url("../images/jz1.png") no-repeat center;}
.culture2 li .qq2{background: url("../images/jz2.png") no-repeat center;}
.culture2 li .qq3{background: url("../images/jz3.png") no-repeat center;}
.culture2 li .qq4{background: url("../images/jz4.png") no-repeat center;}
.culture2 li .qq5{background: url("../images/jz5.png") no-repeat center;}
.culture2 li:nth-child(1),.culture2 li:nth-child(5){top:86px;}
.culture2 li:nth-child(2),.culture2 li:nth-child(4){top:20px;}
.culture2 li:hover .qq1{background: url("../images/jz01.png") no-repeat center;}
.culture2 li:hover .qq2{background: url("../images/jz02.png") no-repeat center;}
.culture2 li:hover .qq3{background: url("../images/jz03.png") no-repeat center;}
.culture2 li:hover .qq4{background: url("../images/jz04.png") no-repeat center;}
.culture2 li:hover .qq5{background: url("../images/jz05.png") no-repeat center;}
.culture2 li:hover .yuan::after{background: #fff;animation: scaleIn 0.5s ease forwards;}
.about2::before{content: "";display: block;position: absolute;width: 100%;height: 1px;background: #d9d9d9;left: 0;top: 230px;}
.storySwiper{padding-top: 70px;}
.storySwiper .time{color: #002fa7;font-size: 36px;font-family: "siyuanB";font-weight: bold;position: relative;width: 92px;padding-bottom: 16px;text-align: center;}
.storySwiper .time::before{content: "";width: 92px;height: 3px;background: #002fa7;position: absolute;bottom: 0;left: 0;}
.storySwiper .things p{font-size: 20px;font-family: "oppoR";color: #333;line-height: 32px;}
.storySwiper .things li{margin-top: 30px;}
.storySwiper .things{padding-top: 16px;}
.story{margin-top: 60px;}
.storySwiper .left{width: 45%;}
.storySwiper .right{width: 50%;}
.storySwiper .right img{max-width: 100%;}
.yearSwiper{padding-top: 20px;}
.yearSwiper .swiper-slide{color: #9f9f9f;font-size: 22px;font-family: "siyuanB";font-weight: bold;text-align: center;padding-top: 28px;cursor: pointer;}
.yearSwiper .swiper-slide::before{content: "";position: absolute;width: 12px;height: 12px;border-radius: 50%;background: #a3a3a3;top: 0;left: 50%;transform: translate(-50%,0);}
.yearSwiper .swiper-slide.swiper-slide-thumb-active::before{background: #002fa7;}
.yearSwiper .swiper-slide.swiper-slide-thumb-active{color:#002fa7;}
.swiper-button-prev-yy,.swiper-button-next-yy{width: 38px;height: 38px;top:-45px;}
.swiper-button-prev-yy{background: url("../images/left.png") no-repeat;left: -5%;}
.swiper-button-next-yy{background: url("../images/right.png") no-repeat;right: -5%;}
.scroll{position: relative;}
.advantage1,.honor1{padding: 68px 0;}
.tab-adv{display: flex;justify-content: space-between;padding:75px 0;}
.tab-adv .left{width: 44%;}
.tab-adv .right{width: 50%;padding-top: 5px;}
.tab-adv .left li{display: flex;justify-content: space-between;align-items: center;padding: 30px 0 29px 0;border-bottom: solid 1px #ebebeb;cursor: pointer;}
.tab-adv .left li .num1{background: url("../images/num1.png") no-repeat left center;width: 135px;height: 68px;}
.tab-adv .left li .num2{background: url("../images/num2.png") no-repeat left center;width: 135px;height: 68px;}
.tab-adv .left li .num3{background: url("../images/num3.png") no-repeat left center;width: 135px;height: 68px;}
.tab-adv .left li .num4{background: url("../images/num4.png") no-repeat left center;width: 135px;height: 68px;}
.tab-adv .left li:hover .num1,.tab-adv .left li.cur .num1{background: url("../images/num01.png") no-repeat left center;}
.tab-adv .left li:hover .num2,.tab-adv .left li.cur .num2{background: url("../images/num02.png") no-repeat left center;}
.tab-adv .left li:hover .num3,.tab-adv .left li.cur .num3{background: url("../images/num03.png") no-repeat left center;}
.tab-adv .left li:hover .num4,.tab-adv .left li.cur .num4{background: url("../images/num04.png") no-repeat left center;}
.tab-adv .left li .wz p{color: #666;font-family: "siyuanR";line-height: 24px;font-size: 15px;}
.tab-adv .left li .tt{color: #333;font-size: 18px;font-family: "oppoB";font-weight: 500;line-height: 28px;margin-bottom: 8px;}
.tab-adv .left li .txt{width: calc(100% - 135px);}
.tab-adv .show{display: none;}
.tab-adv .left li:hover .tt,.tab-adv .left li.cur .tt{color:#002fa7;}
.tab-adv .pic img{max-width: 100%;}
.tab-adv .text{background: #002fa7;padding:32px 60px;position: relative;}
.tab-adv .text h4{color: #fff;font-size: 20px;font-family: "oppoB";font-weight: 500;line-height: 30px;}
.tab-adv .text p{color: #fff;font-family: "siyuanR";line-height: 24px;font-size: 16px;position: relative;}
.tab-adv .text p::after{content: "";width: 44px;height: 3px;background: #fff;display: block;margin-top: 22px;}
.tab-adv .left li:first-child{padding-top: 0;}
.tab-adv .text::before{content: "";display: block;position: absolute;width:29px;height: 17px;background: url("../images/sjx.png") no-repeat;left: 60px;top: -17px;}
.honor1 .swiper-pagination{width: 100%;text-align: center;bottom: 0;}
.honor1 .swiper-pagination span{width: 40px;height: 4px;margin: 0 4px;background: #eee;border-radius: 0;opacity: 1;}
.bookSwiper{padding-bottom: 40px;}
.honor1 .swiper-pagination span.swiper-pagination-bullet-active{background: #002fa7;}
.honor1 .left{background: #fafafa;width: 33%;padding: 42px 14px 42px 42px;height: 476px;}
.honor1 .right{width: 64.5%;height: 476px;}
.honor1 .flex{background: #fafafa;}
.honor1 .right img{height: 100%;width: 100%;object-fit: cover;}
.honor1 .name{color: #000;font-size: 30px;font-family: "oppoM";}
.honor1 .books{padding: 45px 0;}
.honor1 dl dd{color: #333;font-size: 17px;font-family: "oppoR";line-height: 28px;position: relative;padding-left: 20px;margin:0 20px 10px 0;}
.honor1 dl dd::before{content: "";display: block;position: absolute;width: 7px;height: 7px;background: #002fa7;border-radius: 50%;left: 0;top:10px;}
.honor1 .much{height: 330px;margin-top: 32px;overflow-y: auto;}
.honor1 .much::-webkit-scrollbar,.pp-table::-webkit-scrollbar{
	width: 5px;
	height: 5px;
	border-radius: 5px;
}
.honor1 .much::-webkit-scrollbar-track,.pp-table::-webkit-scrollbar-track{
	background: #e5e5e5;
}
.honor1 .much::-webkit-scrollbar-thumb,.pp-table::-webkit-scrollbar-thumb{
	background: #002fa7;
	border-radius: 6px;
}
.honor1 .much::-webkit-scrollbar-thumb:window-inactive,.pp-table::-webkit-scrollbar-thumb:window-inactive{
	background: #002fa7;
	border-radius: 6px;
}
.contact1{background: #f4f4f4;padding: 68px 0 90px 0;}
.contact1 .pic{margin-top: 46px;}
.contact1 .pic img{width: 100%;}
.contact1 .way_box{display: flex;justify-content: space-between;background: #fff;padding:64px 7% 40px 7%;}
.contact1 .way_box .left{width: 40%;}
.contact1 .way_box .right{width: 45%;display: flex;flex-wrap: wrap;align-items: flex-end;}
.contact1 .way_box .cc-name{color: #333;font-size: 24px;font-family: "oppoB";padding-bottom: 8px;}
.contact1 .way_box .cc-name span{display: block;color: #666;font-size: 14px;font-family: "siyuanR";padding-top: 10px;}
.contact1 .lx-way li{display: flex;;margin-top: 40px;}
.contact1 .way_box h5{color: #333;font-size: 22px;font-family: "oppoM";padding-bottom: 8px;}
.contact1 .way_box p{color: #666;font-size: 18px;font-family: "oppoR";line-height: 26px;}
.contact1 .way_box .tb{width: 70px;}
.contact1 .way_box .wz{width:calc(100% - 70px);}
.contact1 .cars{width: 100%;}
.contact1 .cars ul{display: flex;justify-content: space-between;}
.contact1 .cars li{text-align: center;color: #666;font-size: 18px;width: 30%;}
.contact1 .cars li img{width:100%;margin-bottom: 16px;max-width: 139px;}
.contact1 .lists ul{display: flex;justify-content: space-between;}
.contact1 .lists li{display: flex;width: 45%;justify-content: space-between;}
.contact1 .lists{width: 100%;}
.company{display: flex;margin:38px -13px 0 -13px;}
.company .box1{width:calc(50% - 26px);margin: 0 13px;background: #fff;}
.company .box1 .img img{width: 100%;height: 100%;object-fit: cover;}
.company .box1 .c-name{color: #333;font-size: 22px;font-family: "oppoR";padding-bottom: 11px;}
.company .box1 .text{padding: 32px 50px;}
.company .box1 .text .ll{display: flex;margin-top:6px;}
.company .box1 .text p{line-height: 28px;color: #333;font-size: 16px;font-family: "oppoR";width: calc(100% - 32px);}
.company .box1 .text span{width: 32px;padding-top: 3px;}
.sorts-name{text-align: center;border-bottom: solid 1px #e0e0e0;padding-top: 45px;margin-bottom: 48px;}
.sorts-name ul{display: flex;justify-content: center;}
.sorts-name li a{color: #333;font-size: 20px;font-family: "oppoR";display: block;margin: 0 18px;padding-bottom: 26px;position: relative;}
.customer1{padding: 68px 0 90px 0;background: #f7f8fa;}
.sorts-name li a::before{content: "";display: none;position: absolute;bottom: -1px;width: 100%;height: 2px;background: #002fa7;left: 0;}
.sorts-name li a.active,.sorts-name li a:hover{color:#002fa7;}
.sorts-name li a.active::before,.sorts-name li a:hover::before{display: block;}
.cust-list .shows{display: flex;margin: 0 -4px;flex-wrap: wrap;}
.cust-list .shows .item{width: calc(20% - 8px);margin:8px 4px 0 4px;background: #fff;display: flex;align-items: center;justify-content: center;height: 164px;}
.cust-list .shows .item img{height: 108px;}
.web-menu{display: none;}
.project li{margin-top: 0;}
.project li .img{height: 262px;}
.project{margin-bottom: 62px;}
.pp-table table{border-collapse: collapse;border-spacing: 0;text-indent: 0;width: 100%;border-top: solid 1px #dcdcdc;border-left: solid 1px #dcdcdc;}
.pp-table th{color: #333;font-size: 18px;font-family: "oppoM";padding:18px 20px;border-bottom: solid 1px #dcdcdc;border-right: solid 1px #dcdcdc;line-height:28px}
.pp-table td{border-bottom: solid 1px #dcdcdc;border-right: solid 1px #dcdcdc;padding:18px 20px;color: #333;font-size: 16px;font-family: "oppoM";line-height:28px}
.pp-table td:nth-child(1),.pp-table td:nth-child(3){text-align: center;}
.pp-table tr:nth-child(even){background: #eee;}
.newsbox1{background:#f7f8fa;padding: 68px 0 90px 0;}
.news-list{padding: 48px 0}
.news-list li{display: flex;justify-content: space-between;background: #fff;align-items: center;margin-bottom: 36px;}
.news-list li .img{width:38%;overflow: hidden;height: 328px;}
.news-list li .img a img{width:100%;height: 100%;object-fit: cover;transition:all 0.5s;}
.news-list li .img:hover a img{transform: scale(1.1);}
.news-list li .text{width:58%;padding-right: 4%;}
.news-list li .time{display: flex;justify-content: space-between;border-bottom: solid 1px #d5d5d5;align-items: center;padding:0 0 20px 0;}
.news-list li .time b{font-size: 48px;}
.news-list li .time span{color: #333;font-family: "siyuanR";font-size: 16px;text-align: right;}
.news-list li .time span em{display: block;font-style: normal;padding-bottom: 6px;}
.news-list li h4 a{display: block;color: #333;font-size: 18px;font-family: "oppoB";margin: 24px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-list li p a{display: block;color: #666;font-size: 14px;line-height: 26px;font-family: "oppoR";overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }
.news-list li .look{margin-top: 40px;}
.news-list li .look .animBtn{width: 148px;height: 44px;}
.news-list li h4 a:hover{color:#002fa7;}
.job-search{padding: 98px 0 72px 0;}
.job-search .job-form{height: 66px;background: #fff url("../images/s-btn.jpg") no-repeat 42px center;border-radius:10px;padding-left: 64px;}
.job-search input{padding:0 20px;height: 66px;width:calc(100% - 166px);border: none;background: none;color: #666;font-size: 16px;font-family: "oppoR";}
.job-search button{width: 166px;height: 66px;border-radius: 0 10px 10px 0;background: #002fa7;color: #fff;font-size: 22px;font-family: "siyuanR";}
.job ul{display: flex;margin: 0 -15px;flex-wrap: wrap;}
.job li{width: calc(50% - 30px);margin: 0 15px 36px 15px;background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.08);padding:35px 44px}
.job li p{color: #666;font-size: 16px;line-height: 28px;font-family: "oppoR";transition: all 0.5s;}
.job li .need{color: #333;font-family: "oppoM";padding-bottom: 8px;transition: all 0.5s;}
.job li .job-name{display: flex;justify-content: space-between;border-bottom: 1px solid #ececec;position: relative;margin-bottom: 25px;transition: all 0.5s;}
.job li .job-name h4{color: #333;font-family: "oppoB";font-size: 24px;transition: all 0.5s;}
.job li .job-name span{display: block;color: #666;font-size: 16px;font-family: "oppoR";padding:20px 0 26px 0;transition: all 0.5s;}
.job li .job-name .right{color:#002fa7;font-family: "oppoB";font-size: 22px;transition: all 0.5s;}
.job li .job-name::after{content: "";display: block;position: absolute;width: 138px;height: 1px;background: #002fa7;left: 0;bottom: -1px;}
.job{margin: 48px 0 0 0;}
.job .see-more a{
position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 42px;
  border: 1px solid #dcdcdc;
  color: #666;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  letter-spacing: .08em;
  text-shadow:0 1px 1px rgba(0,0,0,0.2);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  font-size:16px;
  font-family: "oppoR";
  margin:22px auto 0 auto;
}
.job .see-more a:after {
  content: "";
    position: absolute;
    background: #002fa7;
    height: 0%;
    left: 50%;
    top: 50%;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
  width: 0%;
  border-radius: 50%;
  opacity: .5;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.job .see-more a:hover:after {
  height: 450%;
  width: 110%;
  opacity: 1;
}
.job .see-more a:hover{color: #fff;border: solid 1px #002fa7;}
.job .see-more a span{display: block;position: relative;z-index: 2}
.join2{padding:68px 0 80px 0}
.join1{padding:0 0 80px 0}
.job li:hover{background: url("../images/li-bg.jpg") no-repeat;background-size: cover;}
.job li:hover .need,.job li:hover .job-name h4,.job li:hover .job-name span,.job li:hover p,.job li:hover .job-name .right{color: #fff;}
.job li:hover .job-name::after{background: #fff;}
#job-list-1 li,
#job-list-2 li {
  display: block !important;
}
#job-list-1 li:nth-child(n+5),
#job-list-2 li:nth-child(n+5) {
  display: none !important;
}
#job-list-1.show-all li,
#job-list-2.show-all li {
  display: block !important;
}
/* 职位弹窗 */
.job-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 99999;
  align-items: center;
  justify-content: center;
  display: none;
}
.job-modal.show {
  display: flex;
}
.modal-box {
  background: #fff;
  width: 70%;
  overflow-y: auto;
  position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%,-50%);
 padding: 70px 0;
}
.modal-close {
  position: absolute;
  right: 8px;
  top: -2px;
  font-size: 44px;
  cursor: pointer;
  color: #666;
}
.modal-close:hover{color: #000;}
.job-modal .bottom{background: #f3f3f3;padding:20px 3%;margin:40px 5% 0 5%;}
.job-modal .bottom .flex{align-items: center;}
.job-modal .bottom p{line-height: 24px;}
.job-modal .bottom a{width: 146px;height: 36px;line-height: 36px;text-align: center;color: #fff;font-size: 16px;font-family: "oppoR";background: #002fa7;display: block;}
.job-modal .name{display: flex;justify-content: space-between;color: #002fa7;font-size: 22px;font-family: "oppoM";border-bottom: 1px solid #eee;padding: 0 5% 53px 5%;position: relative;}
.job-modal .name::before{content: "";position: absolute;left: 5%;bottom: -1px;width: 104px;height: 1px;background: #002fa7;}
.job-modal .position{padding: 0 5%;overflow-y: auto;height: 40vh;margin: 30px 20px 0 0;}
.job-modal .position dl{margin-bottom: 30px;}
.job-modal .position dt{color: #333;font-size: 16px;font-family: "oppoM";line-height: 30px;}
.job-modal .position dd p{color: #333;font-size: 16px;font-family: "oppoR";line-height: 30px;}
.job-modal .position dd{position: relative;padding-left: 15px;}
.job-modal .position dd::before{content: "";position: absolute;display: block;width: 6px;height: 6px;background: #002fa7;left: 0;top: 10px;border-radius: 50%;}
.job-modal .position::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	border-radius: 5px;
}
.job-modal .position::-webkit-scrollbar-track {
	background: #e5e5e5;
}
.job-modal .position::-webkit-scrollbar-thumb {
	background: #002fa7;
	border-radius: 6px;
}
.job-modal .position::-webkit-scrollbar-thumb:window-inactive {
	background: #002fa7;
	border-radius: 6px;
}
body.modal-open {
  overflow: hidden !important;
}
/*page*/
.page {
    text-align: center;
    margin-top: 40px;
    padding-bottom: 30px;
}
.page a,
.page span {
    margin: 0 3px;
    display: inline-block;
    padding: 10px 15px;
    background: #fff;
    color: #666;
    font-size: 16px;
    border: 1px solid #ededed;
    font-family: "oppoR";
}

.page a:hover {
    background: #002fa7;
    color: #fff;
    border: 1px solid #002fa7;
}

.page .page_on,
.page span.current {
    background:#002fa7;
    color: #fff;
    border: 1px solid #002fa7;
}
.detail{display: flex;justify-content: space-between;}
.detail .left{width: 45%;}
.detail .right{width: 50%;}
.detail .jj-title{font-family: "oppoM";color: #333;font-size: 24px;}
.detail .tit{font-family: "oppoM";color: #333;font-size: 20px;margin: 25px 0 26px 0;}
.detail .sorts{font-family: "oppoR";color: #666;font-size:16px;margin-bottom: 50px;}
.detail .content p{font-family: "oppoR";color: #666;font-size:16px;line-height:30px;}
.detail .content{border-top: solid 1px #d4d4d4;padding-top: 40px;}
.project-detail{padding: 65px 0 80px 0;}
.bigSwiper{margin-bottom: 15px;}
.bigSwiper .swiper-button-next,.bigSwiper .swiper-button-prev{width: 24px;height: 44px;}
.bigSwiper .swiper-button-next{right: 16px;background: url("../images/arrow_right.png") no-repeat;}
.bigSwiper .swiper-button-prev{left: 16px;background: url("../images/arrow_left.png") no-repeat;}
.bigSwiper img{width: 100%;height: 100%;object-fit: cover;}
.bigSwiper .swiper-slide{height: 370px;}
.smallSwiper .swiper-slide{height:89px;border: solid 2px #fff;}
.smallSwiper .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.smallSwiper .swiper-slide-thumb-active{border: solid 2px #002fa7;}
.prod1,.project-Box{background-size: cover;background-repeat: no-repeat;padding: 78px 0;}
.prod2{background-size: cover;background-repeat: no-repeat;padding:80px 0;}
.prod2 p{text-align: center;font-family: "oppoM";font-size: 28px;color: #fff;line-height: 54px;text-shadow: -1px 2px 8px rgba(0, 0, 0, 0.3);}
.clear{clear: both;}
.online li{margin:0px 14px 26px 0;float: left;width:calc(33.33% - 22.66px);height:60px;position: relative;margin-right: 34px;}
.online li em{display: block;position: absolute;left: 8px;color: red;top:12px;font-style: normal;}
.online li:nth-child(3){margin-right: 0;}
.online input{height:60px;border: none;outline: none;width:100%;color: #666;position: absolute;background: #f7f8fa;font-family: "oppoM";font-size: 16px!important;padding: 0 22px;}
.online textarea{border: none;outline: none;background:#f7f8fa;width:100%;color: #999;resize: none;height:100%;position: absolute;padding: 24px 22px;}
.online li.li1{width: 100%;margin-right: 0;height: 130px;float: none;clear: both;}
.online li.li2{width: 100%;margin-right: 0;float: none;}
.online li.li3 button{width:206px;background:url("../images/jbb.jpg") repeat-x;color: #fff;font-size: 16px;height: 60px;transition: all 0.3s;margin: 0 auto;font-family: "oppoM";display: block;}
#imgCode{position: absolute;right: 0;height: 60px;}
.online li.li3{width: 100%;border: none;float: none;margin: 0;}
.online input::placeholder,.online textarea::placeholder{font-family: "oppoM";font-size: 16px!important;color: #666;}
.products{display: flex;justify-content: space-between;background: #fff;margin-top: 48px;}
.prod3{background: #f8f8f8;padding: 78px 0;}
.online .title{text-align: center;color: #333;font-family: "oppoM";padding-bottom: 68px;}
.online .title h3{font-size: 36px;padding-bottom: 22px;}
.online .title p{font-size: 20px}
.online{padding: 92px 0;}
.prod3 .pp-sorts{width: 260px;background: #e9edf6;}
.prod3 .pp-sorts .cp-name{background: url("../images/tt-bg.jpg") no-repeat;height: 118px;display: flex;align-items: center;padding-left: 40px;color: #fff;font-family: "oppoM";font-size: 28px;}
.prod3 .pp-sorts li{padding: 35px 20px 35px 40px;}
.prod3 .pp-sorts li a{color: #000;font-family: "oppoR";font-size: 18px;display: block;position: relative;padding-left: 20px;}
.prod3 .pp-sorts li a::before{content: "";display: block;position: absolute;width: 8px;height: 8px;border-radius: 50%;background: #c8c8c8;top: 5px;left: 0;}
.prod3 .pp-sorts li.cur{background: #fff;}
.prod3 .pp-sorts li.cur a{color: #002fa7;font-family: "oppoM";}
.prod3 .pp-sorts li.cur a::before{background: #002fa7;}
.prod3 .pp-lists{width: calc(100% - 260px);margin:0 32px;}
.prod3 .tabs-three{border-bottom: solid 1px #ececec;display: flex;justify-content: flex-end;padding-top: 10px;margin-bottom: 26px;}
.prod3 .tabs-three a{color: #333;font-family: "oppoM";font-size: 20px;display: inline-block;margin-left: 56px;position: relative;line-height: 72px;}
.prod3 .tabs-three a::after{content: "";display: none;position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background: #002fa7;}
.prod3 .tabs-three a.move{color: #002fa7;}
.prod3 .tabs-three a.move:after{display: block;}
.prod3 .group{display: none;margin-bottom: 30px;}
.prod3 .group ul{display: flex;margin: 0 -13px;flex-wrap: wrap;}
.prod3 .group li{width: calc(33.33% - 26px);margin: 0 13px 26px 13px;border: solid 1px #ececec;position: relative;}
.prod3 .group li a .img{height: 275px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.prod3 .group li a .img img{height: 230px;transition: all 0.5s;}
.prod3 .group li a p{color: #333;font-size: 16px;font-family: "oppoR";line-height: 28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.prod3 .group li a .txt{margin: 0 30px;}
.prod3 .group li a h4{color: #333;font-family: "oppoM";font-size: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 17px;}
.prod3 .group li a .view-more{color: #666;font-size: 16px;font-family: "oppoR";border-top: solid 1px #ececec;padding: 15px 0 24px 0;margin-top: 13px;}
.prod3 .group li::after{content: "";position: absolute;bottom: 0;height: 3px;width:0;background: #fff;transition: all 0.3s;}
.prod3 .group li:hover::after{background: #e8e8e8;width: 100%;}
.prod3 .group li:hover a h4,.prod3 .group li:hover a .view-more{color: #002fa7;}
.prod3 .group li:hover a .img img{transform: scale(1.1);}
.prod1 .box1{border: solid 1px #eee;background: #fff;padding:40px 12%;margin: 60px 0 22px 0;position: relative;box-shadow: 0 0 15px rgba(0,0,0,0.03);}
.prod1 .box1 p{color: #333;font-size: 18px;font-family: "oppoR";line-height: 38px;text-align: center;}
.prod1 .box1::before,.prod1 .box1::after{content: "";display: block;position: absolute;width: 32px;height: 25px;}
.prod1 .box1::before{top: 25px;left: 7%;background: url("../images/hao1.png") no-repeat;}
.prod1 .box1::after{bottom: 25px;right: 7%;background: url("../images/hao2.png") no-repeat;}
.prod1 .box2{display: flex;justify-content: space-between;background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.03);align-items: center;border: solid 1px #eee;}
.prod1 .box2 .left{width: 45%;}
.prod1 .box2 .left img{width: 100%;}
.prod1 .box2 .right{width: 55%;padding: 0 3%;}
.prod1 .box2 dt{color: #333;font-family: "oppoM";font-size: 20px;}
.prod1 .box2 dd h5{color: #333;font-family: "oppoM";font-size:18px;background: url("../images/dui.jpg") no-repeat left center;padding-left: 30px;line-height: 32px;margin-top: 30px;}
.prod1 .box2 dd p{color: #333;font-size: 18px;font-family: "oppoR";line-height: 32px;}
.wokeBox{background-size: cover;background-repeat: no-repeat;padding:80px 0 0 0;height: 530px;}
.wokeBox .ny-title{text-align: left;padding-bottom: 60px;}
.wokeBox .ny-title h3,.wokeBox .ny-title em{color: #FFF;}
.ny-title h3 i{display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #333;margin: 0 16px;position: relative;top: -8px;}
.wokeBox p{font-family: "oppoR";font-size: 18px;color: #fff;line-height:30px;}
.wokeBox .text{width: 80%}
.serviceBox{padding: 78px 0;}
.project-Box{padding-bottom: 100px;}
.project-anli{position: relative;margin-top: 65px;}
.project-anli .swiper-slide a{position: relative;border-bottom: 2px solid #b0b0b0;display: block;}
.project-anli .swiper-slide a .img{overflow: hidden;height: 262px;}
.project-anli .swiper-slide a .img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.project-anli .swiper-slide a:hover .img img{transform: scale(1.1);}
.project-anli .swiper-slide a h4{font-family: "siyuanR";font-size: 18px;color: #333;margin-bottom:18px;transition: all 0.3s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.project-anli .swiper-slide a p{font-family: "siyuanN";font-size: 16px;color: #666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.project-anli .swiper-slide a .text{padding: 23px 25px;}
.project-anli .swiper-slide a:hover a h4{color: #002fa7;}
.project-anli .swiper-slide a::after{content: "";position: absolute;width:0;height: 2px;background: #002fa7;bottom: -2px;left: 0;transition: all 0.5s;}
.project-anli .swiper-slide a:hover::after{width: 100%;}
.project-anli .swiper-pagination{display: none;}
.swiper-button-prev-anli,.swiper-button-next-anli{width: 33px;height: 33px;top:50%;transform: translate(0,-50%);}
.swiper-button-prev-anli{background: url("../images/qh-btn1.png") no-repeat;left: -60px;}
.swiper-button-next-anli{background: url("../images/qh-btn2.png") no-repeat;right: -60px;}
.swiper-button-prev-anli:hover{background: url("../images/qh-btn01.png") no-repeat;}
.swiper-button-next-anli:hover{background: url("../images/qh-btn02.png") no-repeat;}
.serviceBox .ser-nav{width: 70%;margin: 0 auto 50px auto;border-bottom: solid 1px #e0e0e0;text-align: center;padding-top: 20px;}
.serviceBox .ser-nav a{display: inline-block;color: #23262c;font-family: "oppoM";font-size:18px;margin: 0 40px;padding: 26px 0;position: relative;}
.serviceBox .ser-nav a::after{content: "";display: none;position: absolute;width: 100%;height: 2px;bottom: -1px;background: #002fa7;left: 0;}
.serviceBox .ser-nav a.on::after,.serviceBox .ser-nav a:hover::after{display: block;}
.serviceBox .ser-nav a.on,.serviceBox .ser-nav a:hover{color: #002fa7;}
.serviceBox .swiper-slide{background: #f7f8fa;text-align: center;}
.serviceBox .swiper-slide p{color: #666;font-size:18px;font-family: "oppoR";margin: 18px 20px 0 20px;line-height: 28px;height: 84px;}
.serviceBox .swiper-slide .tb{margin-top: 40px;}
.serviceBox .swiper-pagination{width: 100%;text-align: center;bottom: 20px;}
.serviceBox .swiper-pagination span{width: 40px;height: 2px;margin: 0 5px;background: #eee;border-radius: 0;opacity: 1;}
.serviceBox .swiper-pagination span.swiper-pagination-bullet-active{background: #002fa7;}
.yiSwiper,.erSwiper,.sanSwiper{padding-bottom: 60px;}
.ser-conts .ser-list{display: none;}
.prod1 .why{display: flex;justify-content: space-between;margin-top: 60px;box-shadow: 0 0 15px rgba(0,0,0,0.03);}
.prod1 .why .list-1{width:calc(50% - 83px);background: #fff;}
.prod1 .why .list-2{width: 166px;background: #f7fffd;}
.prod1 .why .list-3{width:calc(50% - 83px);background: #fff;}
.prod1 .why .name-mc h4{font-size: 22px;}
.prod1 .why .name-mc{justify-content: center;text-align: center;color: #666;font-family: "oppoM";background: url("../images/jb-1.jpg") repeat-x;height: 102px;display: flex;align-items: center;flex-wrap: wrap;}
.prod1 .why .name-mc span{display: block;padding-top: 10px;width: 100%;}
.prod1 .why .name-mc.green{background: url("../images/pk.jpg") no-repeat;position: relative;}
.prod1 .why .name-mc.green::after{content: "";display: block;position:absolute;bottom: -39px;left: 0;background: url("../images/pk2.jpg") no-repeat;height: 39px;width: 166px;}
.prod1 .why .name-mc.ls{background: url("../images/jb-2.jpg") repeat-x;color: #fff;}
.prod1 .why .list-2 dt{text-align: center;color: #019b51;font-family: "oppoB";font-size: 20px;}
.prod1 .why dl{margin: 0 55px;position: relative;z-index:1;border-bottom: 1px solid #e5e5e5;height: 180px;}
.prod1 .why .list-2 dl{margin: 0 22px;display: flex;align-items: center;justify-content: center;}
.prod1 .why dt{color: #666;font-family: "oppoB";font-size: 20px;margin-bottom: 13px;padding-top: 35px;}
.prod1 .why dd p{color: #666;font-size:16px;font-family: "oppoR";line-height: 26px;}
.prod1 .why dd{margin-top: 2px;background: url("../images/cha.jpg") no-repeat left 5px;padding-left: 26px;}
.prod1 .why dl:last-child{border-bottom: none;}
.prod1 .why .list-2 dt{padding-top: 0;}
.prod1 .why .list-2 dl:first-child dt{padding-top: 50px;}
.prod1 .why .list-3 dd{background: url("../images/dui.jpg") no-repeat left 5px;padding-left: 33px;}
.energy1{padding: 72px 0;}
.energy1 .choose{display: flex;margin-top: 64px;background: #f7f8fa;padding:66px 4%;justify-content: space-between;align-items: center;}
.energy1 .choose .left{width: 51%;display: flex;flex-wrap: wrap;align-items: center;height: 336px;}
.energy1 .choose .left .txt{width: 100%;}
.energy1 .choose .right{width: 44%;height: 336px;}
.energy1 .choose .right img{width: 100%;height: 100%;object-fit: cover;}
.energy1 .choose h4{color: #333;font-family: "oppoM";font-size:18px;margin-bottom: 8px;}
.energy1 .choose p{color: #666;font-size: 18px;font-family: "oppoR";line-height:30px;}
.energy2{background-size: cover;background-repeat: no-repeat;padding:80px 0;}
.energy2 p{text-align: center;font-family: "oppoM";font-size: 28px;color: #fff;line-height: 54px;text-shadow: -1px 2px 8px rgba(0, 0, 0, 0.3);}
.serviceBox .service-lists{padding: 48px 0 8px 0;}
.service-lists ul{display: flex;justify-content: space-between;margin: 0 -7px;flex-wrap: wrap;}
.service-lists li{margin:18px 7px 0 7px;width: calc(50% - 14px);background: #f7f8fa;position: relative;height: 270px; cursor:pointer;}
.service-lists li:hover{ border:1px solid #CCC;}
.service-lists .txt{padding: 60px 0 0 35px;width: 50%;position:relative;z-index: 2;}
.service-lists .txt .tit{display: flex;align-items: center;margin-bottom: 20px;}
.service-lists li h4{color: #333;font-family: "oppoM";font-size:18px;}
.service-lists li .wz{color: #666;font-size: 16px;font-family: "oppoR";line-height: 26px;padding-left: 44px;}
.service-lists .txt span{width: 44px;}
.service-lists .pic{position: absolute;top: 0;right: 0;}
.processBox{padding: 86px 0;}
.process{padding-top: 65px;}
.process ul{display: flex;flex-wrap: wrap;margin: 0 -32px;}
.process li{width: calc(16.66% - 64px);margin: 0 32px;background: #f7f8fa;text-align: center;padding: 28px 10px 18px 10px;}
.process li h4{color: #333;font-size: 18px;font-family: "oppoR";padding-top: 20px;}
.process li h4 span{display: block;color: #999;font-size: 12px;font-family: "oppoR";padding:4px 0 0 0;}
.process li .hao{color: #d2d2d2;font-size: 36px;font-family: "siyuanR";padding-top: 20px;}
.process li .icons{width: 85px;height: 85px;margin: 0 auto;position: relative;}
.process li .icons::after{content: "";display: block;width: 85px;height: 85px;border: solid 1px #bebebe;border-radius: 50%;position: absolute;left: 0;top: 0;transition: all 0.5s;}
.process li .icons .tb1{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.5s;z-index: 2;}
.process li .icons .tb2{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transform: scale(0);transition: all 0.5s;}
.process li:hover .icons .tb2{transform:translate(-50%,-50%) scale(1);z-index: 3;}
.process li:hover .icons .tb1{transform:translate(-50%,-50%) scale(0);}
.process li:hover .icons::after{background: #002fa7;border: solid 1px #002fa7;}
.advantageBox .ys-lists{position: relative;}
.advantageBox .ys-lists li{position: absolute;display: flex;justify-content: space-between;width:35%;transition: all 0.5s;} 
.advantageBox .ys-lists li:hover h4{ font-weight:bold;  cursor:pointer;}
.advantageBox .picture{margin-top: 70px;}
.advantageBox{background-size: cover;background-repeat: no-repeat;padding-top: 70px;}
.advantageBox .picture img{margin: 0 auto;display: block;}
.advantageBox li:nth-child(1){top: 34px;left: 35px;}
.advantageBox li:nth-child(2){bottom: 70px;width: 32%;left:-66px;}
.advantageBox li:nth-child(3){right:35px;top:34px;}
.advantageBox li:nth-child(4){right:0;bottom: 70px;width: 32%;right:-66px;}
.advantageBox li .tb{width: 81px;height: 81px;background: #002fa7;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.advantageBox li .txt{width: calc(100% - 116px);}
.advantageBox li:nth-child(1) .txt,.advantageBox li:nth-child(2) .txt{text-align: right;}
.advantageBox li h4{color: #333;font-size: 18px;font-family: "oppoM";margin:5px 0 12px 0;}
.advantageBox li p{color: #666;font-size: 18px;font-family: "oppoR";line-height: 28px;}
.advantageBox li:hover{transform: translateY(-5px);}
.solution-tabs{display: flex;justify-content: space-between;margin-top: 60px;}
.solution-tabs .left{width: 28.5%;border-top: solid 1px #eee;}
.solution-tabs .left li{height: 113px;display: flex;align-items: center;border: solid 1px #eee;padding: 0 17px;background: #fff;cursor: pointer;border-top: none;}
.solution-tabs .left li p{color: #333;font-size: 16px;font-family: "oppoR";line-height: 28px;}
.solution-tabs .right{width: calc(71.5% - 18px);border: solid 1px #eee;background: #fff;}
.solution-tabs .txtBox{display: none;padding: 0 36px;}
.solution-tabs .tit{color: #002fa7;font-size: 24px;font-family: "oppoB";border-bottom: solid 1px #e5e5e5;line-height: 40px;padding: 28px 0 18px 0;text-align: center;}
.solution-tabs .box1{display: flex;justify-content: space-between;padding-top: 34px;}
.solution-tabs .box1 .text{width: 48%;}
.solution-tabs .box1 .pic{width: 48%;}
.solution-tabs .box1 .pic img{width: 100%;}
.solution-tabs .box1 p{color: #333;font-size: 16px;font-family: "oppoR";line-height: 28px;}
.solution-tabs .wz2 p span{display: inline-block;margin-right: 9px;position: relative;top: -2px;}
.solution-tabs .wz2{margin-bottom: 30px;}
.solution-tabs .wz1{margin-bottom: 30px;}
.solution-tabs .left li.cur p,.solution-tabs .left li:hover p{font-size: 18px;color: #fff;}
.solution-tabs .left li.cur,.solution-tabs .left li:hover{background: url("../images/jb-tbg.jpg") repeat-x;}
.coldBox4{padding:88px 0;}
.application{padding-top: 46px;}
.application ul{display: flex;flex-wrap: wrap;margin:0 -9px;}
.application li{width:calc(25% - 18px);margin:18px 9px 0 9px;position: relative;}
.application li .img{height: 200px;overflow: hidden;}
.application li img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.application li:hover img{transform: scale(1.1);}
.application li .txt{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;}
.application li h5{color: #fff;font-size: 20px;font-family: "oppoM";transition: all 0.3s;}
.application li h5 i{display: block;width: 46px;height: 2px;background: #fff;margin: 25px auto 0 auto;}
.application li::after{content: "";position: absolute;width: 100%;height: 50%;
    left: 0;
    bottom: 0;
    z-index: 220;
    background: linear-gradient(to bottom, rgba(0, 47, 167, 0), rgba(0, 47, 167, 0.9));
    opacity: 0;
    visibility: visible;
    transition: .3s;
}
.application li:hover::after{opacity: 1;visibility: visible;}
.application li:hover h5{font-size:22px;}
.coldBox3,.coldBox2,.coldBox1{padding: 88px 0;background-size: cover;background-repeat: no-repeat;}
.coldBox2{padding:86px 0;}
.coldBox2 .flex{justify-content: center;}
.coldBox2 h3{color: #fff;font-size: 38px;font-family: "oppoB";padding-bottom: 28px;}
.coldBox2 p{color: #fff;font-size: 18px;font-family: "oppoL";line-height: 32px;}
.coldBox2 .text{text-align: center;width: 70%;}
.system-lists{position: relative;margin-top: 82px;display: flex;justify-content: space-between;}
.system-lists li{position: relative;}
.system-lists li .decs{width: 350px;}
.system-lists li .name{position: relative;display: flex;justify-content:flex-end;align-items: center;}
.system-lists li .name h4{color: #002fa7;font-size: 18px;font-family: "oppoB";}
.system-lists li .name em{display: block;position: absolute;font-family: "siyuanB";font-size:50px;color:rgb(0,47,167,0.2);left: -3px;top: -18px;font-weight: bold;}
.system-lists li .name span{height: 1px;background: #002fa7;}
.system-lists li .decs{color: #333;font-size: 14px;font-family: "oppoR";line-height: 24px;margin-top: 25px;height: 144px;}
.system-lists .box2 li .name{text-align: right;}
.system-lists .box2 li em{left: auto;right: 3px;}
.system-lists .box1 li:nth-child(3){left:75px;}
.system-lists .box2 li:nth-child(1),.system-lists .box2 li:nth-child(3){right:50px;}
.system-lists li::after{content: "";width: 10px;height: 10px;border-radius: 50%;background: #002fa7;position: absolute;right: 0;top: 37px;}
.system-lists .box2 li::after{right: auto;left: 0;}
.system-lists .box1 li:nth-child(1)::after{right: -81px}
.system-lists .box1 li:nth-child(2)::after{right: -65px}
.system-lists .box1 li:nth-child(3)::after{right: -50px;top: 38px;}
.system-lists .box2 li:nth-child(1)::after{left: -112px;}
.system-lists .box2 li:nth-child(2)::after{left: -65px}
.system-lists .box2 li:nth-child(3)::after{left: -67px;top: 38px;}
.system-lists .box1 li:nth-child(1){left:80px;}
.system-lists .box1 li .name{justify-content: flex-start;}
.system-lists li .name span{position: absolute;top: 7px;}
.system-lists .box2 li:nth-child(1) span{left:-75px;width: 228px;}
.system-lists .box2 li:nth-child(2) span{left:-28px;width: 200px;}
.system-lists .box2 li:nth-child(3) span{left:-28px;width: 162px;}
.system-lists .box1 li:nth-child(1) span{right:-49px;width: 183px;}
.system-lists .box1 li:nth-child(2) span{right:-32px;width: 222px;}
.system-lists .box1 li:nth-child(3) span{right:-16px;width: 188px;}
.system-lists .box1 li .name::before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 60px;
	border-top: 1px solid #002fa7;
	transform-origin: top right;
	transform: rotate(50deg);
}
.system-lists .box1 li:nth-child(1) .name::before{right: -75px;top:38px;}
.system-lists .box1 li:nth-child(2) .name::before{right: -58px;top:38px;}
.system-lists .box1 li:nth-child(3) .name::before{right: -42px;top:38px;}
.system-lists .box2 li .name::before{
	content: "";
	position:absolute;
	    top:0;
	    right:0;
	    width:45px;
		height: 60px;
	    border-top:1px solid #002fa7;
	    transform-origin: top right;
	    transform: rotate(-46deg);
}
.system-lists .box2 li:nth-child(1) .name::before{left: -120px;top:7px;}
.system-lists .box2 li:nth-child(2) .name::before{left: -73px;top:7px;}
.system-lists .box2 li:nth-child(3) .name::before{left: -73px;top:7px;}
/* .system-lists .box1 li:nth-child(2){width: 340px;left: 20px;}
.system-lists .box1 li:nth-child(1) .name span{right: -95px}
.system-lists .box1 li:nth-child(2) .name span{right: -67px}
.system-lists .box1 li:nth-child(3) .name span{right: -54px}
.system-lists .box2 li:nth-child(1){right:80px;}
.system-lists .box2 li:nth-child(2){right: 20px;}
.system-lists .box2 li:nth-child(3){width: 340px;right: 68px;}
.system-lists .box2 li:nth-child(1) .name span{left: -100px}
.system-lists .box2 li:nth-child(2) .name span{left: -58px;}
.system-lists .box2 li:nth-child(3) .name span{left: -64px} */
.coldBox3{padding-bottom: 36px;}
.round{position: relative;height: 508px;}
.round img{margin: 0 auto;display: block;}
.round .s-round{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 198px;height: 198px;border-radius: 50%;background: #002fa7;font-size: 24px;font-family: "oppoB";color: #fff;display: flex;align-items: center;justify-content: center;}
.round .s-round::before{content: "";width:236px;height: 236px;border-radius: 50%;border:dotted 1px #6d92d5;position: absolute;}
.online,.sysBox{background-size: cover;background-repeat: no-repeat;}
.whitebg .ys-cont1400{background: #fff;padding: 64px 0;}
.whitebg .form{margin: 0 55px;}
.coldBox2.font1 h3{font-size: 28px;text-shadow: -1px 2px 8px rgba(0, 0, 0, 0.3);}
.jianjie{color: #666;font-size: 18px;font-family: "oppoR";line-height: 30px;text-align: center;padding-top: 45px;}
.processBox{background-repeat: no-repeat;background-size: cover;}
.whitebg2 .process li{background: #fff;}
.center li:nth-child(1){top:50px;left: 18px;}
.center li:nth-child(3){top:50px;right: 18px;}
.center .picture{margin-top: 222px;padding: 0;}
.advantageBox .ys-lists li:nth-child(5){display: block;width: 338px;left: 50%;text-align: center;transform: translate(-50%,0);top: -150px;}
.advantageBox .ys-lists li:nth-child(5):hover{transform: translate(-50%,-5px);}
.advantageBox .ys-lists li:nth-child(5) .txt{width: 100%;}
.advantageBox .ys-lists li:nth-child(5) .tb{position: absolute;left: 50%;transform: translate(-50%,0);bottom: -100px;}
.sysbox2 .box1 li:nth-child(1) span{width: 148px;}
.sysbox2 .box1 li:nth-child(2) span{width: 150px;}
.sysbox2 .box1 li:nth-child(3) span{width: 132px;}
.sysbox2 .box2 li:nth-child(1) span{width: 174px;}
.sysbox2 .box2 li:nth-child(2) span{width: 163px;}
.sysbox2 .box2 li:nth-child(3) span{width: 128px;}
.houseBox .box1 li:nth-child(1) span{width: 219px;}
.houseBox .box1 li:nth-child(3) span{width: 205px;}
.houseBox .box2 li:nth-child(1) span{width: 245px;}
.houseBox .box2 li:nth-child(3) span{width: 199px;}
.right-nav-mobile{display: none;
    flex: 0 0 auto;
    width: 60px;
    height: 100%;
    cursor: pointer;
    border-left: 1px solid #dedfe4;
    background: url("../images/icon_menu_white.png") center/18px auto no-repeat;}
.ishover .right-nav-mobile,.isfixed .right-nav-mobile,.search-active .right-nav-mobile{
    background-image: url("../images/icon_menu.png");
}
.menu-wrap {
  position: fixed;
  top: 60px;
  right: -100%;     /* 重点：默认藏在右侧 */
  width: 100%;
  height: calc(100vh - 60px);
  background: #fff;
  z-index: 9998;
  border-top: 1px solid #dedfe4;
  transition: all 0.3s ease; /* 平滑动画 */
}
/* 打开时滑入 */
.menu-wrap.show {
  right: 0;
}
.menu-wrap .swiper{width:100%; height:100%; background:#fff;}
.menu-wrap .swiper-slide{width:80%; height:100%; overflow-y:auto;}

/* 一级菜单样式 */
.level1-item {
  height:52px; line-height:52px; padding:0 20px; border-bottom:1px solid #dedfe4; cursor:pointer;color: #333;font-size: 18px;font-family: "oppoR"
}
.level1-item.active {color:#002fa7;}
/* 二级菜单 */
.back-btn {height:50px; line-height:50px; padding-left:15px; border-bottom:1px solid #dedfe4; cursor:pointer;color: #fff;font-size: 16px;font-family: "oppoR";background: #002fa7;}
.level2-item{height:50px; line-height:50px; padding:0 20px; border-bottom:1px solid #dedfe4;}
.level2-item a{color: #333;font-size: 18px;font-family: "oppoR"}
#openBtn.close-mode {
  content: "";
  background: url("../images/0b2_icon_01xh.png") no-repeat center;
  width:60px;
  height: 100%;
  background-size: auto 20px;
}
.section1 .box1 li .text1 .ico-2{display: none;}
section.business {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.business-swiper {
    position: relative;
    width: 100vw;
    height: 100vh;
    z-index: 215;
}


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

.business-list {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 260;
    background: rgba(0, 0, 0, .3);
    color: #fff;

    display: flex;
    align-items: stretch;
}

.business-col {
    width: calc(100% / 3);
    flex: 0 0 auto;
    height: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-right: 1px solid rgba(255, 255, 255, .3);

    position: relative;
    top: 0;
    left: 0;
    padding-left: calc(7.292vw - 40px);
    padding-right: calc(7.292vw - 40px);
}

.business-col::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 40%;
    left: 0;
    bottom: 0;
    z-index: 220;
    background: linear-gradient(to bottom, rgba(0, 47, 167, 0), rgba(0, 47, 167, .4));
    opacity: 0;
    visibility: visible;
    transition: .3s;
}

.business-col.active::after {
    opacity: 1;
    visibility: visible;
}

.business-col:last-of-type {
    border-right: none;
}

.business-col .icon-ctn {
    width: calc(80rem / 16);
    height: calc(80rem / 16);
    position: relative;
}

.business-col .icon-ctn::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 280;
    transition: cubic-bezier(0, .7, .3, 1) .5s;
    border-radius: 50%;
    background: url(../images/business_circle.png) center / contain no-repeat;
}

.business-col.active .icon-ctn::after {
    transform: rotate(720deg)
}

.business-col .icon-ctn img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    height: auto;
    margin: auto;
    z-index: 285;
}

.business-col .title,
.business-col .line,
.business-col .desc,
.business-col .btn-link {
    position: relative;
    z-index: 295;
    text-align: center;
}

.business-col .title {
    font-weight: lighter;
    font-size: calc(34rem / 16);
    margin-top: calc(48rem / 16);
    margin-bottom: calc(20rem / 16);
    font-family: "oppoR";
    transform: none;
    transition: cubic-bezier(0, .7, .3, 1) .3s;
}
.business-col .line {
    background-color: #002fa7;
    height: 2px;
    width: 0;
    margin-bottom: 0;
    transition: cubic-bezier(0, .7, .3, 1) .3s;
}


.business-col.active .line {
    width: calc(60rem / 16);
    margin-bottom: calc(24rem / 16);
}

.business-col .desc {
    font-weight: lighter;
    font-size: calc(20rem / 16);
    
    height: 0;
    overflow: hidden;
    transition: cubic-bezier(0, .7, .3, 1) .3s;
     font-family: "oppoR";
}
.business-col .desc p{line-height: 40px;}
.business-col.active .desc {
    margin-bottom: calc(36rem / 16);
    height:200px;
}

/*.business-col .btn-link-ctn{
    height: 0;
    transition: cubic-bezier(0, .7, .3, 1) .3s;
    overflow: hidden;
}

.business-col .btn-link {
    width: calc(60rem / 16);
    height: calc(60rem / 16);
    border-radius: 50%;
    background: url("../images/icon_arr_right.svg") #f26521 center/calc(19rem / 16) auto no-repeat;
    display: block;
}

.business-col.active .btn-link-ctn {
    height: calc(60rem / 16);
}*/
.wap-name{display: none;position:relative;padding: 25px 0 12px 0;margin-bottom: 12px;border-bottom: solid 1px #e0e0e0;}
.icon{display: block;width: 100%;height: 100%;}
.wap-name i{width: 26px; height: 26px;border-radius: 100%; overflow: hidden; padding: 7px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);background: #003ea9;}
.sorts-name.in .wap-list{display: block;}
.wap-name h3{line-height: 26px;text-align: left;}
.products .pp-sorts.in .wap-list{display: block;}
.article_cont{
  display: flex;
  padding-top: 64px;
  padding-bottom: 95px;
}
.ar_title{border-bottom:1px solid #E0E0E0;padding-bottom: 30px;margin-bottom: 30px;}
.ar_title h3{
    color:#333;
    line-height: 1.4;
    font-size: 28px;
    font-family: "oppoB";
}
.ar_title .ar_time{
    padding-top: 16px;
    color:#666;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    font-family: "oppoR";
}
.article_cont .article_l {
  flex: 1;
  border-right: 1px solid #E0E0E0;
  margin-right:60px;
  padding-right: 60px;
}
.article_cont .article_r {
  width: 350px;
}
.article_l .articlen p {
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  font-family: "oppoR";
}
.article_l .articlen p img {
  display: block;
  max-width: 100%;
  width: auto !important;
  height: auto !important;
  margin: 0 auto;
}
.article_l .ar_label {
  padding-top: 24px;
  border-top: 1px solid #E0E0E0;
}
.article_l .ar_label .label_t {
  color: var(--main-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.article_l .ar_label .label_list {
  padding-top: 5px;
}
.article_l .ar_label .label_list ul {
  margin-left: -5px;
  margin-right: -5px;
}
.article_l .ar_label .label_list ul li {
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  float: left;
}
.article_l .label_list a {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 16px;
  background: #ECF3F9;
  color: #768DA0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.article_l .label_list a:hover {
  background-color: #0562AF;
  color: #fff;
}
.article_r .up_ {
  padding: 24px;
  background: #f2f2f2;
}
.article_r .up_>a {
  display: inline-block;
  width: 100%;
}
.article_r .up_>a {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #dfdfdf;
}
.article_r .up_>a .n {
  padding-bottom: 16px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  font-family: "oppoR";
}
.article_r .up_>a .t {
  color:#333;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  max-height: 56px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: "oppoR";
}
.article_r .up_>a .up_time{
  display: inline-block;
  margin-top: 8px;
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  font-family: "oppoR";
}
.article_r .up_>a:hover .t{
  font-weight: 600;
  color:#002fa7;
}
.article_r .up_back{
  padding-top: 24px;
}
.article_r .up_back a{
  padding: 16px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background:#002fa7;
  color:#fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  font-family: "oppoR";
}
.article_r .up_back a img{
  margin-right: 12px;
  width: 18px;
  position: relative;
  top: 1px;
}
.article_r .up_>a:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
@keyframes scaleIn {
  0% {
    transform:translate(-50%,0) scale(0);
    opacity: 0;
  }
  100% {
    transform:translate(-50%,0) scale(1);
    opacity: 1;
  }
}
.site-search {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    top:97px;
    z-index: 10;
    visibility: hidden;
    overflow: hidden;
    transition: .5s;
}

.search-active .site-search {
    visibility: visible;
}

.search-back {
    height: 0;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    z-index: 610;
    transition: .5s cubic-bezier(0, .7, .3, 1);
    display: none;
}

.search-active .search-back {
    height: 100%;
}
.search-box {
    width: calc(640rem / 16);
    height: calc(80rem / 16);
    padding-left: calc(30rem / 16);
    padding-right: calc(30rem / 16);
    display: flex;
    align-items: center;
    background-color: rgba(255, 255, 255, .8);
    position: absolute;
    right: 0;
    transform: translateX(100%);
    transition: cubic-bezier(.7, 0, .3, 1) .3s;
}

.search-active .search-box {
    transform: none;
}

.search-box input {
    appearance: none;
    outline: none;
    line-height: calc(40rem / 16);
    display: block;
    width: calc(100% - 40rem / 16);
    padding-left: calc(20rem / 16);
    background-color: transparent;
    border: none;
    border-left: 2px solid #002fa7;
}

.search-box button {
    width: calc(48rem / 16);
    height: calc(48rem / 16);
    border: none;
    cursor: pointer;
    position: relative;
    background-color: transparent;
}

.search-box button::before {
    content: "";
    width: 100%;
    height: 100%;
    background: url("../images/fdj.png") center/30px auto no-repeat;
    position: absolute;
    z-index: 825;
    left: 0;
    top: 0;
    transition: cubic-bezier(0, .7, .3, 1) .4s;
}
.search-box button::after {
    content: "";
    width: 100%;
    height: 100%;
    z-index: 100;
    transition: cubic-bezier(0, .7, .3, 1) .4s;
    background-color: #efefef;
    transform: scale(.5);
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    will-change: transform;
}

.search-box button:hover::after {
    transform: none;
    opacity: 1;
}

.search-box input::placeholder {
    color: #333;
}
.products .pp-lists .shows,.project-all .shows{display: none;}
.tabs-hangye .sorts-name li a.active{color: #333;}
.tabs-hangye .sorts-name li.active a{color:#002fa7;}
.tabs-hangye .sorts-name li a.active::before{display: none;}
.tabs-hangye .sorts-name li.active a::before{display: block;}
.hangye-name,.product-name,.hezuo-name{font-size: 18px;color: #333;text-align: center;padding-top: 20px; font-family: "oppoB";display: none;}
.product-name,.hezuo-name{padding-bottom: 15px;}
.cust-list .lists{display: none;}