@font-face {
    font-family: "OPPOSans";
    font-weight: 400;
    font-style: normal;
    src: url("fonts/OPPOSans-R.eot");
    src: url("fonts/OPPOSans-R.eot?#iefix") format("eot"),
        url("fonts/OPPOSans-R.svg#OPPO") format("svg"),
        url("fonts/OPPOSans-R.woff") format("woff"),
        url("fonts/OPPOSans-R.TTF") format("truetype");
}

@font-face {
    font-family: "OPPOSans-M";
    font-weight: normal;
    font-style: normal;
    src: url("fonts/OPPOSans-M.eot");
    src: url("fonts/OPPOSans-M.eot?#iefix") format("eot"),
        url("fonts/OPPOSans-M.svg#OPPO-M") format("svg"),
        url("fonts/OPPOSans-M.woff") format("woff"),
        url("fonts/OPPOSans-M.TTF") format("truetype");
}

@font-face {
    font-family: "OPPOSans-Bold";
    font-weight: bold;
    font-style: normal;
    src: url("fonts/OPPOSans-Bold.eot");
    src: url("fonts/OPPOSans-Bold.eot?#iefix") format("eot"),
        url("fonts/OPPOSans-Bold.svg#OPPO-B") format("svg"),
        url("fonts/OPPOSans-Bold.woff") format("woff"),
        url("fonts/OPPOSans-Bold.TTF") format("truetype");
}

@font-face {
    font-family: "OPPOSans-R";
    font-weight: bold;
    font-style: normal;
    src: url("fonts/OPPOSans-R.eot");
    src: url("fonts/OPPOSans-R.eot?#iefix") format("eot"),
        url("fonts/OPPOSans-R.svg#OPPO-R") format("svg"),
        url("fonts/OPPOSans-R.woff") format("woff"),
        url("fonts/OPPOSans-R.TTF") format("truetype");
}

.oppo {
    font-family: 'OPPOSans';
}

.opb {
    font-family: 'OPPOSans-Bold';
    font-weight: 500;
}

.opm {
    font-family: 'OPPOSans-M';
    font-weight: 500;
}

.opr {
    font-family: 'OPPOSans-R';
    font-weight: 500;
}

.c406 {
    color: #406E7E;
}

.w1200 {
    width: 62.6632%;
    max-width: 1200px;
    margin: 0 auto;
}

.p-block {
    display: block;
}

.mb-block {
    display: none;
}

.text-hidden {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /*行数*/
    -webkit-box-orient: vertical;
}

.news-banner {
    overflow: hidden;
    position: relative;
    height: 12.5rem;
    margin-top: 1.25rem;
}

.news-banner .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    /* background: rgba(0, 0, 0, .35); */
    display: block;
}

.news-banner .swiper-slide.active .slidebox {
    background: transparent;
}

.news-banner .swiper-slide .slidebox {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, .35); */
    z-index: 1;
    padding: 1.15rem 1.25rem 1.325rem;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.news-banner .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s .1s;
}

.news-banner .swiper-slide:hover img {
    transform: scale(1.05);
}

.news-banner .closet {
    position: absolute;
    right: 1.25rem;
    top: 1.15rem;
    line-height: 1;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
}

.news-banner .closet .icon {
    width: .35rem;
    height: .35rem;
    font-size: 0;
    margin-right: .25rem;
}

.news-banner .closet .icon img {
    width: 100%;
    transition: all .6s;
}

.news-banner .closet:hover .icon img {
    transform: rotate(180deg);
}

.news-banner .swiper-slide .slidebox .t2 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    line-height: 1.3;
    padding-bottom: .1rem;
    width: 100%;
    opacity: 0;
    transform: translateY(-.5rem);
    transition: all .3s 0s;
    display: block;
}

.news-banner .swiper-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-banner .swiper-slide-active .slidebox .t2 {
    transform: translateY(0);
    opacity: 1;
    transition: all .6s .1s;
    width: 100%;
    text-decoration: underline;
    text-underline-offset:.15rem;
}
.news-banner .swiper-slide:hover .slidebox .t2{
    color: #4197B4;
}
.news-banner .swiper-slide.videoplay:hover .slidebox .t2{
    color: #fff;
}
.news-banner .swiper-slide.no-link:hover .slidebox .t2{
    color: #fff !important;
}
.news-banner .swiper-slide.no-link,
.news-banner .swiper-slide.videoplay .no-link{
    cursor: context-menu;
}


/* .news-banner .swiper-slide .slidebox .t2::after {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: .025rem;
    background-color: #fff;
    bottom: 0;
} */

.n-news .news-banner .pagination1 {
    left: 0;
    padding: 0 1.25rem;
    right: 1.25rem;
    bottom: 1.325rem !important;
    line-height: 1;
    text-align: right;
}

.n-news .news-banner .pagination1 .swiper-pagination-bullet {
    line-height: 1;
    background-color: #f5f5f5;
    width: 26px !important;
    height: 4px !important;
    opacity: .3;
}

.n-news .news-banner .pagination1 .swiper-pagination-bullet-active {
    background: #F5F5F5 !important;
    opacity: 1;
    width: 40px !important;
}

.news_01 {
    margin-top: 1.375rem;
}

.news_01 .top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: .925rem;
}

.news_01 .top .tl {
    width: 74.167%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: .05rem solid rgba(129, 129, 129, .1);
}

.news_01 .top .tl .tnav {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding-bottom: .45rem;

}

.news_01 .top .tl .tnav a {
    color: #888;
    line-height: 1;
    font-size: .375rem;
    margin-right: .75rem;
    transition: all .3s;
}

/* .news_01 .top .tl .tnav a:hover {
    color: #333;
    font-size: .55rem;
    margin-right: .975rem;
    font-weight: 500;
} */
.news_01 .top .tl .tnav a.cur {
    color: #333;
    font-size: .55rem;
    font-weight: 550;
    margin-right: .975rem;
}

.news_01 .top .tl .form {
    width: 3.5rem;
    position: relative;
    /* margin-top: .2rem; */
    margin-bottom: .3rem;
}

.news_01 .top .tl .form input {
    color: #333;
    font-size: .375rem;
    padding-left: .875rem;
    width: 100%;
font-weight: 500;
margin-top: .1rem;
    font-family: 'OPPOSans-M';
}

.news_01 .top .tl .form input:palaceholder {
    color: #999;
/* opacity: .9; */
font-weight: 500;
font-family: 'OPPOSans-M';

}

.news_01 .top .tl .form button {
    background-color: transparent;
    left: 0;
    top: 45%;
    transform: translateY(-50%);
}

.news_01 .top .tr {
    width: calc(100% - 74.167% - .7rem);
}

.news_01 .top .tr .btnbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news_01 .top .tr .btnbox a {
    background: #4197B4;
    /* width: 3.45rem; */
    width: calc((100% - .125rem ) / 2 );
    height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 500;
}

.news_01 .top .tr .btnbox a svg {
    margin-left: .275rem;
    width: 12px;
    height: 18px;
}


.news_01 .bottom {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.news_01 .bottom .bl {
    margin-right: .7rem;
    width: 74.167%;
}

.news_01 .bottom .bl .blt {
    margin-bottom: .25rem;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.news_01 .bottom .bl .blt .blt-swiper {
    width: 65.843%;
    position: relative;
    overflow: hidden;
}

.news_01 .bottom .bl .blt .blt-swiper .swiper-slide:hover .t3 {
    color: #4197b4;
}

.news_01 .bottom .bl .blt .blt-swiper .img {
    height: 9.425rem;
    width: 100%;
    background: #E7E7E7;
    overflow: hidden;
}

.news_01 .bottom .bl .blt .blt-swiper .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s;
}

.news_01 .bottom .bl .blt .blt-swiper .item:hover .img img {
    transform: scale(1.1);
}

.news_01 .bottom .bl .blt .blt-swiper .img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news_01 .bottom .bl .blt .blt-swiper .pagination2 {
    bottom: auto !important;
    line-height: 1;
    top: 8.625rem !important;
}

.news_01 .bottom .bl .blt .blt-swiper .pagination2 .swiper-pagination-bullet {
    width: 20px !important;
    height: 4px !important;
    background: #4F4A4A !important;
    opacity: 0.3;
}

.news_01 .bottom .bl .blt .blt-swiper .pagination2 .swiper-pagination-bullet-active {
    width: 32px !important;
    background: #4197B4 !important;
    opacity: 1;
}

.news_01 .bottom .item .blt-b {
    padding: .85rem .65rem 0 .025rem;
}

.news_01 .bottom .item .blt-b .t3 {
    line-height: .8rem;
    font-weight: 500;
    margin-bottom: .75rem;
    transition: all .3s .0s;
}
.news_01 .bottom .blt-swiper   .item .blt-b .t3{
    height: 1.55rem;
}

.news_01 .bottom .item .blt-b .t4 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 1.2;
    transition: all .3s .0s;
    font-family: 'OPPOSans-M';
}

.news_01 .bottom .blt-swiper .item .t3,
.news_01 .bottom .blt-swiper .item .t4 {
    transition: all .3s .0s;
    transform: translateY(-.5rem);
    opacity: 0;
}

.news_01 .bottom .item .blt-b .t4 .span {
    margin-right: .1rem;
}

.news_01 .bottom .item .blt-b .t4 .view,
.news_01 .bottom .item .blt-b .t4 .start {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 .25rem;
    color: rgba(68, 68, 68, .6);
}
.news_01 .bottom .item .blt-b .t4 .start svg{
    margin-bottom: .05rem;
}
.news_01 .bottom .item .blt-b .t4 .view svg,
.news_01 .bottom .item .blt-b .t4 .start svg {
    margin-right: .225rem;
}

.news_01 .bottom .ulbox {
    width: 31.687%;
}

.news_01 .bottom .ulbox .item {
    width: 100%;
    margin-bottom: .525rem;
    display: block;
}

.news_01 .bottom .ulbox .item .img {
    width: 100%;
    height: 4.5rem;
    background: #E7E7E7;
    overflow: hidden;
    cursor: pointer;
}

.news_01 .bottom .ulbox .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s;
}

.news_01 .bottom .ulbox .item .img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news_01 .bottom .ulbox .item .blt-b {
    padding: .575rem 0 0;
    display: block;
}

.news_01 .bottom .ulbox .item .blt-b .t3 {
    line-height: 1;
    margin-bottom: .25rem;
}

.news_01 .bottom .blb .ulbox {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
}

.news_01 .bottom .blb .ulbox .item {
    margin-right: calc((100% - 31.687% * 3) / 2);
    width: 31.687%;
    margin-bottom: .25rem;
}

.news_01 .bottom .blb .ulbox .item:last-child {
    margin-right: 0;
}

.news_01 .bottom .blb {
    padding-bottom: .75rem;
    border-bottom: .05rem solid rgba(129, 129, 129, .1);
}

.news_01 .bottom .blt-swiper .swiper-slide-active .t3 {
    transition: all .6s .1s;
    transform: translateY(0rem);
    opacity: 1;
}

.news_01 .bottom .blt-swiper .swiper-slide-active .t4 {
    transition: all .6s .2s;
    transform: translateY(0rem);
    opacity: 1;
}

.news_01 .bottom .ulbox .item:hover .t3 {
    color: #4197B4;
}

.news_01 .bottom .ulbox .item:hover .img>img {
    transform: scale(1.05);
    transition: all .3s .1s;
}

.bbbox {
    width: 100%;
}

.blb-swiper {
    width: 100%;
    padding-top: .75rem;
    overflow: hidden;
    padding-bottom: .7rem;
    border-bottom: .05rem solid rgba(129, 129, 129, .1);
}

.blb-swiper .swiper-slide {
    justify-content: space-between;
}

.blb-swiper .txt {
    position: relative;
    padding-left: 1.45rem;
    padding-right: 2.35rem;
    width: calc(100% - 2.75rem);
}

.blb-swiper .txt .t3 {
    color: #4197B4;
    margin-bottom: .075rem;
    padding-top: .15rem;
    transform: translateY(-20px);
        transition: all .3s .3s;
        opacity: 0;
}

.blb-swiper .txt .t4 {
    transform: translateY(-20px);
    line-height: .65rem;
    transition: all .3s .4s;
        opacity: 0;

}

.blb-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.blb-swiper .swiper-slide-active .t3,
.blb-swiper .swiper-slide-active .t4,
.blb-swiper .swiper-slide-active .avat {
    transform: translateY(0px);
    opacity: 1;
    
}
.blb-swiper .swiper-slide:hover .t4 {
    color: #4197b4;
}

.blb-swiper .avat {
    width: 1.9rem;
    height: 1.9rem;
    background: #4197B4;
    border-radius: 50%;
    margin-right: .8rem;
    transform: translateY(-20px);
    transition: all .3s .2s;
    opacity: 0;
}
.blb-swiper .avat img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.blb-swiper .icon {
    color: #E0E0E0;
    position: absolute;
    height: 0;
    display: inline;
}

.blb-swiper .icon1 {
    left: 0;
    top: -0.5rem;
}

.blb-swiper .icon2 {
    right: 0;
    bottom: 1.25rem;
}

.blb-swiper .pagination4,
.blb-swiper .pagination3 {
    position: relative;
    line-height: 1;
    font-size: 0;
    margin-top: .875rem;
}

.blb-swiper .pagination4 .swiper-pagination-bullet,
.blb-swiper .pagination3 .swiper-pagination-bullet {
    width: 20px !important;
    height: 4px !important;
    background: #4F4A4A !important;
    opacity: 0.3;
}

.blb-swiper .pagination4 .swiper-pagination-bullet-active,
.blb-swiper .pagination3 .swiper-pagination-bullet-active {
    width: 32px !important;
    background: #4197B4 !important;
    opacity: 1;
}

.br {
    width: calc(100% - 74.167% - .7rem);
}

.brbox {
    width: 100%;
}

.borbox.fixed {
    position: sticky;
    top: 1rem;
}

.play {
    z-index: 1;
    cursor: pointer;
}
.lisg .brt {
    padding-top: .075rem;
    
}
.brt {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: .5rem;
    border-bottom: .025rem solid rgba(129, 129, 129, .2);
}
.brb{
    width: 100%;

}
.brt .br_l {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.brt .br_l p {
    margin-left: .225rem;
}

.brt .br_r {
    display: flex;
    align-items: center;
    line-height: 1;
    justify-content: center;
    cursor: pointer;
}
.brt .br_r p{
    color: #888;
}
.brt .br_r p:hover{
    font-weight: 500;
    color: #4197B4;
}
.brt .br_r.cur img {
    transform: rotate(180deg);
    animation: rotates 1s linear forwards;
}

@keyframes rotates {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.brt .br_r p {
    margin-left: .2rem;
}

.brb .lis {
    padding-bottom: .5rem;
    padding-top: .475rem;
    border-bottom: .025rem solid rgba(129, 129, 129, .2);
    display: block;
}

.brb .lis .t3 {
    margin-bottom: .325rem;
    transition: all .3s;
}
.brb .lis:hover .t3{
    color: #4197B4;
}

.brb .lis .t4,
.brb .lis .t3 {
    line-height: 1;
}

.news_02 {
    padding-top: 1rem;
}

.news_02 .w1200 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.news_02 .bl {
    width: 74.167%;
    /* 74.167% */
    margin-right: .7rem;
}

.news_02 .bl .ulbox {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
}

.news_02 .bl .ulbox .li {
    width: 31.687%;
    margin-right: calc((100% - 31.687% * 3) / 2);
    height: auto;
}

.news_02 .bl .ulbox .lic:hover .t2 {
    color: #4197B4;
}

.news_02 .bl .ulbox .lic:hover .img img {
    transform: scale(1.05);
}

.news_02 .bl .ulbox .li:last-child {
    margin-right: 0;
}

.news_02 .bl .ulbox .li .lit {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: .525rem;
}

.news_02 .bl .ulbox .lic {
    width: 100%;
    display: block;
}

.news_02 .bl .ulbox .li .lit p,
.news_02 .bl .ulbox .li .lit a {
    line-height: 1;
}

.news_02 .bl .ulbox .li .img {
    width: 100%;
    height: 4.5rem;
    background: #E7E7E7;
    margin-bottom: .45rem;
    overflow: hidden;
}

.news_02 .bl .ulbox .li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s .1s;
}

.news_02 .bl .ulbox .li .txt {
    padding-bottom: .525rem;
    border-bottom: .025rem solid rgba(129, 129, 129, .2);
}

.news_02 .bl .ulbox .li .txt .t2 {
    line-height: .55rem;
    margin-bottom: .3rem;
    transition: all .3s;
}
.news_02 .bl .ulbox .li > a .txt .t2{
    height: 1.1rem;

}

.news_02 .bl .ulbox .li .txt .t3 {
    opacity: .6 !important;
    line-height: 1;
}

.news_02 .bl .ulbox .li .lis .txt {
    padding: .525rem 0;
}

.news_02 .bl .ulbox .li .lis .txt .t2 {
    line-height: 1;
    margin-bottom: .375rem;
    position: relative;
    padding-left: 10px;
    transition: all .3s;
}

.news_02 .bl .ulbox .li .lis:hover .t2 {
    color: #4197b4;
}

.news_02 .bl .ulbox .li .lis .txt .t2::after {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    background: #9A9A9A;
    border-radius: 50%;
}

.news_02 .bl .ulbox .li .lis .txt .t3 {
    padding-left: 10px;
}

.news_02 .bl .avat {
    background: #000000;
}

.news_02 .bl .txt {}

.news_02 .bl .blb-swiper {
    margin-bottom: .75rem;
}

.news_03 {
    max-width: 1920px;
    width: 100%;
    /* height: 19.4rem; */
    background: rgba(3, 3, 3);
    margin: 0 auto;
    overflow: hidden;
    padding-top: 2rem;
    padding-bottom: 2.35rem;
}

.news_03 .swiper-slide {
    position: relative;
}
.news_06 .swiper-slide {
    position: relative;
    display: block;
}


.news_03 .swiper-slide.show .play {
    opacity: 0;
    transition: all .3s;
}

.news_03 .swiper_video {
    width: 100%;
}

.news_03 .videobox {
    width: 100%;
    height: 9.425rem;
    position: relative;
    margin-bottom: .7rem;
    padding-top: 0;
    overflow: hidden;
    cursor: pointer;
}

.news_03 .videobox.active::after {
    transform: scale(2);
    opacity: 0;
    z-index: -1;
}

.news_03 .videobox video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news_03 .videobox .play {
    z-index: 1;
}

.news_03 .videobox::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 0;
    background: rgba(0, 0, 0, .2);
    transition: all .6s;
}

.news_03 .w1200 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.w1200:nth-child(2) {
    align-items: flex-start;
    margin-bottom: 0;
}

.news_03 .w1200 p,
.news_03 .w1200 a {
    line-height: 1;
}

.news_03 .txt .t2 {
    color: #4197B4;
    line-height: 1;
    margin-bottom: .45rem;
}

.news_03 .txt .t3 {
    line-height: 1;
    margin-bottom: .525rem;
    
}

.news_03 .txt .time {
    opacity: .3;
    line-height: 1;
}

.news_03 .swiper-scrollbar {
    margin-top: 1.05rem;
    position: relative !important;
    width: 100% !important;
    height: .1rem;
    background: rgba(255, 255, 255, .15);
    left: 0  !important;
    bottom: 0 !important;
}

.news_03 .swiper-scrollbar .swiper-scrollbar-drag {
    height: 100%;
    background: #4197B4;
    opacity: 1;
}

.news_03 .swiper-slide::after {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    z-index: -1;

}
.news_03 .swiper-slide.show::after{
    opacity: 1;
    z-index: 2;

}

.news_05 .swiper-slide {
    position: relative;
    display: block;
}


.news_05 .swiper-slide .img::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.2;
    content: '';
    z-index: 1;
}
.news_04 {
    padding-top: 1.575rem;
    padding-bottom: 1.25rem;
}
.news_04 .br {
    padding-top: .075rem;
}
.news_04 .brb .lis .t4 span {
    color: #444;
    opacity: .6;
    padding-left: .45rem;
}

.news_05 {
    width: 100%;
    /* height: 15.875rem; */
    background: #333333;
    padding-top: 2rem;
    padding-bottom: 1.75rem;
}

.news_05 .swiper_video .swiper-slide .img {
    position: relative;
}

.news_05 .swiper_video .swiper-slide .img .icon {
    line-height: 1;
    position: absolute;
    left: .75rem;
    top: .775rem;
    width: 1.35rem;
    z-index: 2;
    height: .775rem;
}

.news_05 .tnav {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.news_05 .tnav a {
    margin-right: .75rem;
    line-height: 1;
    transition: all .3s;
}

.news_05 .tnav a:hover,
.news_05 .tnav a.cur {
    margin-right: .975rem;
    font-size: .55rem;
    color: #fff;
}
.news_05 .w1200:nth-child(1)>a{
    color: #E0E0E0;
    font-weight: 300;
}
.news_05 .w1200:nth-child(1)>a:hover{
    color: #4197B4;
}
.news_05 .img {
    width: 100%;
    height: 9.45rem;
    position: relative;
    overflow: hidden;
}

.news_05 .img .icon img {
    width: 100%;
    overflow: hidden;
}

.news_05 .img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s .1s;
}

.news_05 .img::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(0, 0, 0, .2);
}

.news_05 .txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    padding: .775rem .75rem;
}

.news_05 .txt .t3 {
    position: relative;
    margin-bottom: .5rem;
    z-index: 2;
    width: 100%;
    transform: translateY(-20px);
    opacity: 0;
}

.news_05 .txt .tbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 1;
    z-index: 2;
    position: relative;
    transform: translateY(-20px);
    opacity: 0;
}
.news_05 .swiper-slide-next .txt .t3,
.news_05 .swiper-slide-active .txt .t3
{
    opacity: 1;
    transform: translateY(0);
    transition: all .3s .3s;
    
}
.news_05 .swiper-slide-next .txt .tbox,
.news_05 .swiper-slide-active .txt .tbox {
    opacity: 1;
    transform: translateY(0);
    transition: all .3s .5s;
}
.news_05 .swiper-slide:hover .img>img{
    transform: scale(1.05);
}
.news_05 .swiper-slide:hover  .txt .t3{
    color:#4197b4;
    transition: all .3s;
}
.news_05 .txt .tbox  {
    width: 100%;
}
.news_05 .txt .tbox div {
    margin-right: .675rem;
    opacity: .6;
}

.news_05 .txt .tbox div:last-child {
    margin-right: 0;

}
.news_05 .txt .tbox div.mp{
    width: 66%;
    overflow: hidden;
    text-overflow: ellipsis;
white-space: nowrap;
text-wrap: nowrap;
}

.news_05 .pagination4 {
    position: relative !important;
    line-height: 1;
    font-size: 0;
    margin-top: 1rem;
}

.news_05 .pagination4 .swiper-pagination-bullet {
    width: 20px !important;
    height: 4px !important;
    background: #FFFFFF !important;
    opacity: 0.3;
    line-height: 1;
    font-size: 0;
}

.news_05 .pagination4 .swiper-pagination-bullet-active {
    background: #4197B4 !important;
    width: 32px !important;
    opacity: 1;
}
.warpheader .header-right .navbox .li.cur a::before{
    opacity: 1;
}
.news_06 {
    background-color: #fff;
}
.news_06 .w1200:nth-child(1) > a{
    color: #888;
}
.news_06 .w1200:nth-child(1) > a:hover{
    color: #4197b4;
}
.news_06 .w1200 .swiper-button {
    top: 4rem;
    width: 1.5rem;
    height: 1.5rem;
    background: #FFFFFF;
    border-radius: 50%;
    z-index: 2;
    overflow: hidden;
    transition: all .3s;
    cursor: pointer;
}

.news_06 .w1200 .swiper-button svg {
    transition: all .3s;
}

.news_06 .w1200 .swiper-button .swiper-button-prev,
.news_06 .w1200 .swiper-button .swiper-button-next {
    background: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 100% !important;
    margin-top: 0 !important;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news_06 .w1200 .swiper-button:hover {
    background-color: #4197B4;
}

.news_06 .w1200 .swiper-button:hover svg path {
    fill: #ffffff;
}

.news_06 .w1200 .swiper-button .swiper-button-prev {
    transform: rotate(180deg);
}

.news_06 .w1200 .swiper-button.pre {
    left: -2.75rem;
}

.news_06 .w1200 .swiper-button.nex {
    right: -2.75rem;
}

.news_06 .img {
    position: relative;
    width: 100%;
    height: 9.425rem;
    background: #818181;
    margin-bottom: .7rem;
}

.news_06 .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s;
}
.news_06 .txt .time{
    transform: translateY(0px);
    opacity: 1  ;
}
.news_06 .txt .t2 {
    margin-bottom: .475rem;
    line-height: 1;
    transform: translateY(0px);
    opacity: 1;
}
.news_06 .swiper-slide .img{
    position: relative;
}
.news_06 .swiper-slide .img::after{
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    z-index: -1;
}
.news_06 .swiper-slide.show::after{
   opacity:0 ;
   z-index: 5;
display: none;
}

.news_06 .swiper-slide.show .img::after{
    opacity: 1;
    z-index: 2;
}
.news_06 .txt .t3 {
    line-height: 1;
    margin-bottom: .525rem;
    transform: translateY(0px);
    opacity: 1;
}
/* .news_06 .swiper-slide-next .t2,
.news_06 .swiper-slide-active .t2{
    transform: translateY(0px);
    opacity: 1;
    transition: all .3s .1s;
}
.news_06 .swiper-slide-next .t3,
.news_06 .swiper-slide-active .t3{
    transform: translateY(0px);
    opacity: 1;
    transition: all .3s .2s;
}
.news_06 .swiper-slide-next .time,
.news_06 .swiper-slide-active .time{
    transform: translateY(0px);
    opacity: 1;
    transition: all .3s .3s;
} */
.news_06 .swiper-slide:hover .t3{
    transition: all .3s;
    color: #4197b4;
}

    


.news_06 .swiper-scrollbar {
    background-color: rgba(186, 186, 186, .15);
}

.n-news {
    padding-bottom: 0;
}

.news_06 {
    height: auto;
    padding-bottom: 2rem;
}

.news_06 .w1200:nth-child(2) {
    margin-bottom: 0;
}

.wnav2 .li::before {
    content: '';
    position: absolute;
    width: 100%;
    height: .1rem;
    background: #4197b4;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: all 0.6s
}

.wnav2 .li {
    position: relative;
}

.wnav2 .li.cur::before {
    opacity: 1;
}

.videobox {
    width: 100%;
    position: relative;
    padding-top: 1.5rem;
}

.videobox .ulbox {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 2.325rem;
}

.videobox .ulbox .lis {
    width: calc((100% - .75rem * 2 ) / 3 );
    /* width: 30%; */
    margin-bottom: .75rem;
    margin-right: .75rem;
    display: block;
}

.videobox .ulbox .lis:nth-child(3n) {
    margin-right: 0;
}

.videobox .ulbox .lis .img {
    width: 100%;
    height: 6.05rem;
    background: rgba(3, 3, 3, .2);
    overflow: hidden;
}

.videobox .ulbox .lis .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s;
}

.videobox .ulbox .lis .txt {
    padding-top: .65rem;
}

.videobox .ulbox .lis .txt .t2 {
    line-height: .8rem;
    transition: all .3s;
    margin-bottom: .5rem;
}

.videobox .ulbox .lis .txt .t3 {
    color: #4197B4;
    margin-bottom: .35rem;
}

.videobox .ulbox .lis .txt .t3,
.videobox .ulbox .lis .txt .time {
    line-height: 1;
}

.videobox .ulbox .lis .txt .t3 {
    color: #4197B4;
}

.videobox .ulbox .lis .txt .time {
    opacity: .3;
}

.videobox .ulbox .lis:hover .t2 {
    color: #4197B4;
}

.videobox .ulbox .lis:hover .img>img {
    transform: scale(1.05);
}

.videobox .ulbox .lis .play {
    width: .8rem;
    height: .8rem;
}

.videobox .ulbox .lis .playbtn {
    width: 100%;
    height: 100%;
}

.videobox .ulbox .lis .playbtn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.videobox .clickmore {
    opacity: .6;
    transition: all .3s;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 2.875rem;
}

.videobox .clickmore span {
    cursor: pointer;
}

.videobox .clickmore:hover span {
    color: #4197B4;
}

.to_top {
    position: fixed;
    right: 1.475rem;
    bottom: 4.675rem;
    width: 1.5rem;
    height: 1.5rem;
    background: #4197B4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    flex-direction: column;
    cursor: pointer;
    z-index: 10;
}

.to_top svg {
    transition: all .3s;
}

.to_top:hover svg {
    transform: translateY(-0.05rem);
}

.to_top p {
    margin-top: .05rem;
}

.n-info .info-list1 .warpul .gul .li {
    width: calc((100% - 1.25rem) / 3);
    margin-right: .625rem;
    padding: 0;
    border: none;
    margin-bottom: 1.35rem;
}

.n-info .info-list1 .warpul .gul .li:nth-child(3n) {
    margin-right: 0;
}

.n-info .info-list1 .warpul .gul .li .img {
    height: 4.95rem;
    background-color: #e7e7e7;
    width: 100%;
    transition: all .3s;
    overflow: hidden;
}

.n-info .info-list1 .warpul .gul .li .img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all .3s;
}

.n-info .info-list1 .warpul .gul .text2 {
    padding-top: .35rem;
}

.n-info .info-list1 .warpul .gul .text2 .tit3 {
    line-height: .8rem;
    height: 1.5rem;
    margin-bottom: .65rem;
    transition: all .3s;
}

.n-info .info-list1 .warpul .gul .li:before {
    display: none;
}

.n-info .info-list1 .warpul .gul .li .tb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 1;
}

.n-info .info-list1 .warpul .gul .li .tb .view,
.n-info .info-list1 .warpul .gul .li .tb .start {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .6;
}

.n-info .info-list1 .warpul .gul .li .tb .view svg,
.n-info .info-list1 .warpul .gul .li .tb .start svg {
    margin-right: .225rem;
}

.n-info .info-list1 .warpul .gul .li .tb .view {
    margin-right: .6rem;
}

.n-info .info-list1 .warpul .gul .text2 .time {
    margin-bottom: 0;
    opacity: .6;
    margin-right: .525rem;
}

.n-info .info-list1 .warpul .gul .li:hover .tit3 {
    color: #4197B4;
}

.n-info .info-list1 .warpul .gul .li:hover .img img {
    transform: scale(1.05);
}

.n-info {
    padding-bottom: 2.5rem;
}

.specail {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 1.5rem;
    padding-bottom: 3rem;
}

.specail .ulbox {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.specail .ulbox .item {
    width: calc((100% - 1.2rem) / 2);
    margin-right: .6rem;
    margin-bottom: .925rem;
    display: block;
}

.specail .ulbox .item:nth-child(2n) {
    margin-right: 0;
}

.specail .ulbox .item:nth-last-child(-n + 2) {
    margin-bottom: 0;
}

/* .specail .ulbox .item:nth-last-child(-n + 2) .txt {
    padding-bottom: 0;
    border-bottom: none;
} */

.specail .ulbox .item .it {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: .35rem;
}

.specail .ulbox .item .it .i2 {
    color: #4197B4;
    line-height: 1;
}

.specail .ulbox .item .it .i3 {
    display: flex;
    line-height: 1;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.specail .ulbox .item .it .i3 .icon {
    margin-left: .275rem;
}

.specail .ulbox .item .it .i3 .icon img {
    transform: translateY(-0.025rem);
    transition: all .3s;
}

.specail .ulbox .item .img {
    width: 100%;
    height: 9.425rem;
    background: #818181;
    overflow: hidden;
}

.specail .ulbox .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s;
}

.specail .ulbox .item .txt {
    padding-top: .8rem;
    padding-bottom: .825rem;
    border-bottom: .025rem solid rgba(129, 129, 129, .2);
}

.specail .ulbox .item .txt .t2 {
    line-height: 1;
    margin-bottom: .325rem;
}

.specail .ulbox .item .txt .t3 {
    line-height: .6rem;
    height: 1.2rem;
    margin-bottom: .5rem;
}

.specail .ulbox .item .txt .time {
    opacity: .6;
    line-height: 1;
}

.specail .ulbox .item:hover .txt .t2 {
    color: #4197B4;
}

.specail .ulbox .item:hover .img img {
    transform: scale(1.05);
}

.specail .ulbox .item .item_txt {
    z-index: 1;
    left: 0;
    top: 0;
    background: #F5F5F5;
    width: 100%;
    height: 100%;
    padding: 1.8rem 1.075rem;
    display: none;
    overflow: hidden;
    border-top: 1px solid rgba(102, 102, 102, .2);
}

.specail .ulbox .item .item_txt.cur .item_ul {
    width: 100%;
    transition: all .6s .2s;
    opacity: 1;
    position: relative;
}

.specail .ulbox .item .item_txt.cur .t2 {
    position: relative;
    opacity: 1;
    transition: all .6s .1s;
}

.specail .ulbox .item .item_txt .t2 {
    line-height: .6rem;
    font-weight: 400;
    padding-bottom: 1rem;
    border-bottom: .025rem solid rgba(51, 51, 51, .1);
    margin-bottom: .75rem;
    position: absolute;
    opacity: 0;
    transition: all 0s;
}

.specail .ulbox .item .item_txt .item_ul {
    position: absolute;
    opacity: 0;
    transition: all 0s;
    max-height: 7rem;
    overflow: auto;
    padding-right: .25rem;
    padding-bottom: .5rem;
}

.specail .ulbox .item .item_txt .item_ul::-webkit-scrollbar{
    width: 4px;
background-color: rgba(245, 245, 245, .2);
scroll-behavior: smooth;
}
.specail .ulbox .item .item_txt .item_ul::-webkit-scrollbar-thumb{
    background-color: #4197B4;
}

.specail .ulbox .item .item_txt .item_ul a {
    line-height: .95rem;
    display: block;
    width: 100%;
}

.specail .ulbox .item .item_txt .close {
    right: .675rem;
    top: .625rem;
    width: .35rem;
    height: .35rem;
    cursor: pointer;
}

.specail .ulbox .item .item_txt .close img {
    width: 100%;
    transform: rotate(0);
    transition: all .3s .05s;
}

.specail .ulbox .item .item_txt .close:hover img {
    transform: rotate(180deg);
}

.specail .ulbox .item .it .i3:hover .icon img {
    transform: translateY(-0.025rem) rotate(90deg);
}

.specail .ulbox .item .it .i3.active .icon img {
    transform: translateY(-0.025rem) rotate(90deg);
}

.new_g {
    padding-top: 1.25rem;
}

.new_g .swiper-container {
    width: 100%;
    overflow: hidden;
    padding-bottom: 1.7rem;
}

.new_g .lins {
    width: 100%;
    height: .05rem;
    background-color: rgba(129, 129, 129, .2);
    ;
    margin-bottom: 1.8rem;
}

.new_g .swiper-container .swiper-slide .img {
    width: 100%;
    height: 9.425rem;
    background: #E7E7E7;
    overflow: hidden;
    margin-bottom: .75rem;
}

.new_g .swiper-container .swiper-slide .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s;
}

.new_g .swiper-container .swiper-slide .t3 {
    line-height: .8rem;
    margin-bottom: .375rem;
    height: 1.6rem;
    transform: translateY(-20px);
    opacity: 0;
}

.new_g .swiper-container .swiper-slide .tb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 1;
    transform: translateY(-20px);
    opacity: 0;
}
@media(min-width:997px){
   
    .new_g .swiper-container .swiper-slide-next .tb,
    .new_g .swiper-container .swiper-slide-active .tb{
        transform: translateY(0px);
        opacity: 1;
        transition: all .3s .5s;
    }
    .new_g .swiper-container .swiper-slide-next .t3, 
    .new_g .swiper-container .swiper-slide-active .t3{
        transform: translateY(0px);
        opacity: 1;
        transition: all .3s .3s;
    }
}
@media(min-width:350px){
    .new_g .swiper-container .swiper-slide-active .tb{
        transform: translateY(0px);
        opacity: 1;
        transition: all .3s .5s;
    }
    .new_g .swiper-container .swiper-slide-active .t3{
        transform: translateY(0px);
        opacity: 1;
        transition: all .3s .4s;
    }
    
}



.new_g .swiper-container .swiper-slide .tb .time {
    margin-right: .525rem;
    opacity: .6;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.new_g .swiper-container .swiper-slide .tb .start svg,
.new_g .swiper-container .swiper-slide .tb .view svg {
    margin-right: .225rem;
}

.new_g .swiper-container .swiper-slide .tb .view {
    margin-right: .6rem;
}
.new_g .swiper-container .swiper-slide .tb .view span,
.new_g .swiper-container .swiper-slide .tb .start span{
    opacity: .6;

}
.new_g .swiper-container .swiper-slide .tb .view,
.new_g .swiper-container .swiper-slide .tb .start {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.new_g .swiper-container .swiper-slide .tb .start svg{
    margin-bottom: .05rem;
}

.new_g .swiper-container .pagination1 {
    position: relative;
    margin-top: 0;
    bottom: auto;
    left: auto;
    font-size: 0;
    line-height: 1;
    margin-top: .75rem;
}

.new_g .swiper-container .pagination1 .swiper-pagination-bullet {
    width: 26px !important;
    height: 4px !important;
    background: rgba(79, 74, 74, .3) !important;
}

.new_g .swiper-container .pagination1 .swiper-pagination-bullet-active {
    width: 40px !important;
    background: #4197B4 !important;
}

.new_g .swiper-container .swiper-slide:hover .img img {
    transform: scale(1.05);
}

.new_g .swiper-container .swiper-slide:hover .t3 {
    color: #4197B4;
}

.lisg {
    /* padding-bottom: 5rem; */
}

.lisg .left {
    width: 74.167%;
    margin-right: .7rem;
}

.lisg .top {
    padding-bottom: .45rem;
    border-bottom: .025rem solid rgba(129, 129, 129, .2);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.lisg .top .tl {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.lisg .top .tl a {
    line-height: 1;
    margin-right: .75rem;
    transition: all .3s;
color: #888888;
}

.lisg .top .tl a:hover,
.lisg .top .tl a.cur {
    font-size: .55rem;
    margin-right: .975rem;
    color: #333;
}

.lisg .top .tl a:hover {
    color: #4197B4;
}

.lisg .top .tr {
    display: flex;
    align-items: center;
}

.lisg .top .tr .span {
    cursor: pointer;
}

.lisg .top .tr .s1 {
    margin-right: .575rem;
}

.lisg .top .tr .s1 .line1 {
    width: .45rem;
    height: .075rem;
    background-color: #F0F0F0;
    font-size: 0;
    transition: all .3s;
}

.lisg .top .tr .span.cur .line1 {
    background: #4197B4;
}

.lisg .top .tr .span.cur .line2 {
    background: #4197B4;
}

.lisg .top .tr .s1 .line_1 {
    margin: .1rem 0;
}

.lisg .top .tr .s2 {
    display: flex;
    align-items: flex-start;
}

.lisg .top .tr .s2 .line2 {
    width: .15rem;
    height: .45rem;
    background: #F0F0F0;
    transition: all .3s;
}

.lisg .top .tr .s2 .line_3 {
    margin-right: .125rem;
}

.lisg .ulbox {
    width: 100%;
    padding-top: .5rem;
}

.lisg .ulbox .li {
    width: 100%;
    display: flex;
    align-items: flex-start;
    padding-right: 2.35rem;
    padding-bottom: .5rem;
    border-bottom: .05rem solid rgba(129, 129, 129, .1);
    margin-bottom: .5rem;
}

.lisg .ul_ajax1 .ulbox .li .img {
    margin-right: .8rem;
}

.lisg .ulbox .li .img {
    width: 7.05rem;
    height: 4.5rem;
    background-color: #e7e7e7;
    overflow: hidden;
}

.lisg .ulbox .li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s;
}

.lisg .ulbox .li .txt {
    padding-top: .55rem;
    width: calc();
}
.lisg .borbox  .t4{
    color: rgba(68, 68, 68, .4);
}

@media(min-width:996px){
    .lisg .ul_ajax1 .ulbox .li .txt{
        width: calc(100% - 7.05rem - .8rem);
    }
    .lisg .br{
        padding-bottom: 3.4rem;
    }
}
.lisg .ulbox .li .tb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 1;
}

.lisg .ulbox .li .tb .time {
    margin-right: .525rem;
    opacity: .6;
}

.lisg .ulbox .li .tb .start svg,
.lisg .ulbox .li .tb .view svg {
    margin-right: .225rem;
}
.lisg .ulbox .li .tb .start svg{
    margin-bottom: .05rem;
}

.lisg .ulbox .li .tb .view {
    margin-right: .6rem;
}

.lisg .ulbox .li .tb .view span,
.lisg .ulbox .li .tb .start span{
    opacity: .6;

}
.lisg .ulbox .li .tb .view,
.lisg .ulbox .li .tb .start {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.lisg .ulbox .li .t3 {
    line-height: .8rem;
    margin-bottom: 1.05rem;
    height: 1.6rem;
    transition: all .3s;
}

.lisg .clickmore {
    line-height: 1;
    opacity: .6;
}

.lisg .ul_ajax1 .clickmore {
    padding-top: .475rem;
}

.lisg .ul_ajax1 .clickmore span {
    cursor: pointer;
}

.lisg .ul_ajax {
    display: none;
}

.lisg .ul_ajax2 .ulbox {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.lisg .ul_ajax2 .ulbox .li {
    width: 31.648%;
    margin-right: calc((100% - 31.648% * 3) / 2);
    display: block;
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 1.1rem;
    border-bottom: none;
}

.lisg .ul_ajax2 .ulbox .li:nth-child(3n) {
    margin-right: 0;
}

.lisg .ul_ajax2 .ulbox .li .txt {
    padding-top: .25rem;
}

.lisg .ul_ajax2 .ulbox .li .t3 {
    margin-bottom: .5rem;
}

.lisg .ul_ajax2 .ulbox .li .img {
    width: 100%;
}

.lisg .ul_ajax2 .clickmore {
    padding-top: .8rem;
}
.lisg .ul_ajax2 .clickmore span{
    cursor: pointer;
}
.lisg .ul_ajax1 {
    margin-bottom: 2.025rem;
}
.lisg .ul_ajax.on{
    display: block;
}

.lisg .ul_ajax2 {
    margin-bottom: 5rem;
}

.lisg .ulbox .li:hover .img img {
    transform: scale(1.05);
}

.lisg .ulbox .li:hover .t3 {
    color: #4197B4;
}
.wnav2 .li{
    margin-right: 1rem;
    padding:0 .2rem;
    font-size: 15px;
}
.news_07 .br{
    padding-top: .075rem;
}
.news_03 .swiper-button {
    top: 4rem;
    width: 1.5rem;
    height: 1.5rem;
    background: #FFFFFF;
    border-radius: 50%;
    z-index: 2;
    overflow: hidden;
    transition: all .6s;
    cursor: pointer;
}

.news_03 .swiper-button svg {
    transition: all .3s;
}

.news_03 .swiper-button .swiper-button-prev,
.news_03 .swiper-button .swiper-button-next {
    background: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 100% !important;
    margin-top: 0 !important;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news_03 .swiper-button:hover {
    background-color: #4197B4;
}

.news_03 .swiper-button:hover svg path {
    fill: #ffffff;
}

.news_03 .swiper-button .swiper-button-prev {
    transform: rotate(180deg);
}

.news_03 .swiper-button.pre {
    left: -2.75rem;
}

.news_03 .swiper-button.nex {
    right: -2.75rem;
}
.news_05 .swiper-button {
    top: 4rem;
    width: 1.5rem;
    height: 1.5rem;
    background: #FFFFFF;
    border-radius: 50%;
    z-index: 2;
    overflow: hidden;
    transition: all .6s;
    cursor: pointer;
}

.news_05 .swiper-button svg {
    transition: all .3s;
}

.news_05 .swiper-button .swiper-button-prev,
.news_05 .swiper-button .swiper-button-next {
    background: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    height: 100% !important;
    margin-top: 0 !important;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news_05 .swiper-button:hover {
    background-color: #4197B4;
}

.news_03 .swiper-button:hover svg path {
    fill: #ffffff;
}

.news_05 .swiper-button .swiper-button-prev {
    transform: rotate(180deg);
}

.news_05 .swiper-button.pre {
    left: -2.75rem;
}

.news_05 .swiper-button.nex {
    right: -2.75rem;
}
@media(max-width:1680px) {
    .w1200 {
        width: 80%;
    }

    .lisg {
        justify-content: space-between;
    }

    .lisg .left {
        width: 70%;
        margin-right: 0;
    }

    .br {
        width: 27.7%;
    }
}

@media(max-width:1280px) {
    .w1200 {
        width: 88%;
    }

    .news-banner {
        height: 10rem;
    }
}

@media(max-width:1024px) {
    .gnav {
        display: none;
    }

    .new_g {
        padding-top: 1.5rem;
    }

    .w1200 {
        width: 88%;
    }

    .br {
        display: none;
    }

    .new_g .swiper-container .swiper-slide .t3 {
        height: auto;
        line-height: 1.4;
    }

    .lisg .left {
        margin-right: 0;
        width: 100%;
    }

    .lisg .ulbox .li .img {
        width: 100%;
        height: auto;
    }

    .lisg .top .tr {
        display: none;
    }

    .videobox .ulbox {
        justify-content: space-between;
    }

    .videobox .ulbox .lis {
        width: 46%;
        margin-right: 0;
    }

    .videobox .ulbox .lis .img {
        height: auto;
    }

    .news_01 .bottom .bl {
        width: 100%;
        margin-right: 0;
    }

    .news_01 .bottom .blt-swiper .item .t3 {
        line-height: 1.6;
    }

    .news_01 .top .tr .btnbox a {
        width: 48%;
    }

    .news_02 .bl {
        width: 100%;
        margin-right: 0;
    }
}

@media(max-width:996px) {
    .p-block {
        display: none;
    }

    .mb-block {
        display: block;
    }

    .news_01 .bottom .bl .blt .blt-swiper {
        width: 100%;
        padding-bottom: 1.5rem;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        margin-bottom: 1.5rem;
    }

    .news_01 .bottom .blb .ulbox {
        flex-wrap: wrap;
    }

    .news_01 .bottom .item .blt-b {
        display: block;
        margin-bottom: 0rem;
        padding: .5rem .5rem .5rem;
    }

    .news_01 .bottom .ulbox .item .blt-b .t3 {
        line-height: 1.6;
    }

    .news_01 .bottom .blb .ulbox .item:nth-child(3n) {
        margin-right: 0;
    }

    .news-banner {
        height: auto;
    }

    .news_01 {
        margin-top: 1.5rem;
    }

    .news-banner .swiper-slide {
        height: 10rem;
    }

    .news-banner .swiper-slide .slidebox .t2 {
        line-height: 1.2;
    }

    .news_01 .bottom .bl .blt .blt-swiper .pagination2 {
        position: relative !important;
        left: auto !important;
        top: auto !important;
    }

    .news_01 .bottom .ulbox .item .img {
        height: auto;
    }

    .news_01 .bottom .blb .ulbox .item {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .news_01 .bottom .ulbox .item .blt-b {
        padding: .75rem .5rem;
    }

    .news_01 .bottom .bl .blt {
        margin-bottom: 0;
    }

    .news_01 .bottom .blb {
        padding-bottom: 1rem;
    }

    .news_01 .bottom .blb .ulbox .pagination_l {
        position: relative;
        font-size: 0;
        line-height: 1;
        margin-top: 1rem;
        left: auto;
        bottom: auto;
    }

    .news_01 .bottom .blb .ulbox .pagination_l .swiper-pagination-bullet {
        width: 20px !important;
        height: 4px !important;
        background: rgba(79, 74, 74, .3) !important;
    }

    .news_01 .bottom .blb .ulbox .pagination_l .swiper-pagination-bullet-active {
        width: 32px !important;
        background-color: #4197B4 !important;
    }

    .news_02 .bl .blb-swiper {
        border-top: .05rem solid rgba(129, 129, 129, .2);
    }

    .news_03 {
        padding: 1.5rem 0;
    }

    .news_03 .videobox .play {
        width: 1.5rem;
        height: 1.5rem;
    }
  
    .news_04 {
        padding: 1.5rem 0 0;
    }

    .news_02 .bl .ulbox .li .lit {
        padding-bottom: .5rem;
        border-bottom: .05rem solid rgba(129, 129, 129, .2);
        margin-bottom: .75rem;
    }

    .news_02 .bl .ulbox .li {
        margin-bottom: 1.5rem;
    }

    .news_05 .tnav a:hover,
    .news_05 .tnav a.cur {
        font-size: 18px;
    }

    .news_05 .tnav a {
        font-size: 12px;
    }

    .news_01 .top .tl .tnav a:hover {
        font-size: 12px;
    }

    .news_02 .bl .ulbox .li .txt .t2 {
        font-size: 16px;
        margin-bottom: .5rem;
    }

    .news_02 .bl .ulbox .li .lis .txt .t2 {
        margin-bottom: .5rem;
    }

    .blb-swiper .txt .t4 {
        font-size: 16px;
    }

    .news_05 .swiper_video .swiper-slide .img .icon {
        width: 1.5rem;
    }
    .news_06 .img{
        height: auto;
    }
    .news_06 .w1200 .swiper-button.pre{
        left: 0;
    }
    .news_06 .w1200 .swiper-button.nex{
        right: 0;
    }
    .new_g .swiper-container .swiper-slide{
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    .new_g .swiper-container .swiper-slide .txt{
        padding: .75rem  .5rem;
    }
    .new_g .swiper-container .swiper-slide .t3{
        font-size: 16px;
        line-height: 1.5;
    }
    .new_g .swiper-container .pagination1{
        margin-top: 1rem;
    }
    .new_g .swiper-container{
        padding-bottom: 1.5rem;
    }
    .new_g .lins{
        margin-bottom: 1.5rem;
    }
    .lisg .top{
        padding-bottom: .75rem;
    }
    .lisg .top .tl a{
        font-size: 12px;
    }
    .lisg .top .tl a:hover, .lisg .top .tl a.cur{
        font-size: 18px;
    }
    .new_g .swiper-container .swiper-slide .img{
        margin-bottom: 0;
    }
    .videobox .ulbox{
        padding-bottom: 1rem;
    }
    .videobox .ulbox .lis .txt .t2{
        line-height: 1.5;
    }
    .specail{
        padding-bottom: 1.5rem;
    }
    .specail .ulbox .item .item_txt .item_ul a{
        font-size: 14px;
    }
    .specail .ulbox .item{
        margin-bottom: 1rem;
    }
    .specail .ulbox .item .txt .t3{
        height: auto;
    }
    .specail .ulbox .item:nth-last-child(-n + 2){
        margin-bottom: 1rem;
    }
    .news_01 .bottom .blt-swiper .item .blt-b .t3{
        height: auto;
    }
    .news_02 .bl .ulbox .li > a .txt .t2{
        height: auto;
    }
    .news_02 .bl .ulbox .li .txt .t2{
        margin-bottom: .5rem;
    }
    .lisg .ul_ajax1{
        margin-bottom: 1.5rem;
    }
    .news_05 .txt .tbox div.mp{
        width: 46%;
    }
}

@media(max-width:875px) {
    .lisg .ulbox {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .lisg .ulbox .li {
        padding-right: 0;
        width: 48%;
        flex-direction: column;
        padding-top: .5rem;
        margin-bottom: .5rem;
        padding-bottom: .5rem;
    }

    .lisg .ulbox .li .img {
        width: 100%;
        height: auto;
    }
    .lisg .ulbox .li .t3{
        margin-bottom: .75rem;
        line-height: 1.5;
    }

    .specail .ulbox .item {
        width: 100%;
        margin-right: 0;
    }

    .specail .ulbox .item .img {
        height: auto;
    }

    .specail .ulbox .item .img {
        height: auto;
    }

    .news-banner .swiper-slide .slidebox {
        padding: 1rem .5rem 1rem;
    }

    .news-banner .closet {
        right: 1rem;
        top: 1rem;
    }

    .news-banner .closet .icon {
        width: .5rem;
        height: .5rem;
    }

 

    .news_01 .bottom .blb .ulbox {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .item .play {
        width: 1.5rem;
        width: 1.5rem;
    }

    .news-banner .swiper-slide .slidebox .play {
        width: 1.5rem;
        height: 1.5rem;
        z-index: 2;
    }

    .news_02 .bl .ulbox {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .news_02 .bl .ulbox .li {
        width: 48%;
        margin-right: 0;
    }

    .news_03 .videobox {
        height: 7rem;
    }

    .news_03 .w1200:nth-child(2)::after {
        display: none;
    }

    .news_03 .w1200:nth-child(2)::before {
        display: none;
    }

    .news_05 .img {
        height: auto;
    }

    .news_01 .top {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .news_01 .top .tl {
        width: 100%;
        margin-bottom: .5rem;
    }

    .news_01 .top .tr {
        width: 100%;
        margin-bottom: 1rem;
    }

    .n-news .news-banner .pagination1 {
        position: relative !important;
        bottom: auto !important;
        right: auto !important;
        line-height: 1;
        padding: 0;
        width: 100%;
        text-align: center;
        margin-top: .5rem;
    }

    .n-news .news-banner .pagination1 .swiper-pagination-bullet {
        width: 26px !important;
        height:4px !important;
        background: #4F4A4A !important;
        opacity: 0.3;
    }

    .n-news .news-banner .pagination1 .swiper-pagination-bullet-active {
        opacity: 1;
        width: 40px !important;
        background: #4197B4 !important;
    }

    .news_01 .top .tl .tnav a {
        font-size: 12px;
        margin-right: .5rem;
    }

    .news_01 .top .tl .tnav a.cur {
        font-size: 18px;
        margin-right: .5rem;
    }

    .news_01 .top .tl .form input {
        font-size: .5rem;
    }

    .news_01 .top .tl .form {
        width: 4rem;
    }

    .news_01 .top .tr .btnbox a {
        height: 1.5rem;
        font-size: .5rem;
    }

    .news_01 .bottom .bl .blt .blt-swiper .img {
        height: 7rem;
    }
}

@media(max-width:675px) {
    .lisg .ulbox {
        display: block;
    }

    .lisg .ulbox .li {
        padding-right: 0;
        width: 100%;
        flex-direction: column;
    }

    .lisg .ulbox .li .img {
        width: 100%;
        height: auto;
    }

    .videobox .ulbox .lis {
        width: 100%;
        margin-bottom: 1rem;
    }

    .n-info .info-list1 .warpul .gul {
        justify-content: space-between;
    }

    .n-info .info-list1 .warpul .gul .li {
        width: 48%;
        margin-right: 0;
        margin-bottom: 1rem;
    }

    .n-info .info-list1 .warpul .gul .text2 {
        padding-top: .5rem;
        margin-bottom: .45rem;
    }

    .news_01 .bottom .blb .ulbox .item {
        width: 100%;
    }

    .news_02 .bl .ulbox .li {
        width: 100%;
    }

    .news_02 .bl .ulbox .li .img {
        height: auto;
    }
}

@media(max-width:675px) {
    .blb-swiper {
        padding: .75rem 0;
    }

    .blb-swiper .swiper-slide {
        display: block;
    }

    .blb-swiper .txt {
        padding: 0 1rem;
        width: 100%;
    }

    .blb-swiper .txt .t3 {
        margin-bottom: .25rem;
    }

    .blb-swiper .avat {
        display: none;
    }

    .blb-swiper .txt .t4 {
        line-height: 1.5;
    }

    .blb-swiper .pagination4,
    .blb-swiper .pagination3 {
        margin-top: .5rem;
    }

    .news_02 .bl .ulbox .li .txt .t2 {
        line-height: 1.5;
    }
}

@media(max-width:575px) {
    .n-info .info-list1 .warpul .gul .li {
        width: 100%;
    }

    .n-info .info-list1 .warpul .gul .li .img {
        height: auto;
    }

    .n-info .info-list1 .warpul .gul .text2 .tit3 {
        height: auto;
    }
}

/* 74.167% */



/* 新增 */
.act_box {
    padding: 1.55rem .65rem 1.5rem;
    width: 100%;
    height: 100%;
}

.act_box label {
    display: block;
    margin-bottom: .55rem;
}

.shop-container .gw1200 {
    align-items: stretch;
}

.shop-container .gw1200 .in-wrapper a.item {
    font-family: 'OPPOSans-H' !important;
    font-weight: 800 !important;
}

.oph {
    font-family: 'OPPOSans-H';
    font-weight: 800;
}

.act_box .clickmore {
    cursor: pointer;
}

.act_box form {
    width: 100%;
}

.act_box .input_box input {
    width: 10.55rem;
    height: 1.3rem;
    background: rgba(229, 229, 229, .5);
    padding: 0 33px;
}

.act_box .input_box input::placeholder {
    font-size: 17px;
    color: rgba(0, 0, 0, .5);
}

.act_box .input_box button {
    width: 3rem;
    height: 1.3rem;
    background: #4197B4;
    margin-left: 10px;
    z-index: 1;
    position: relative;
    outline: none;
    border: none;
    overflow: hidden;
}

.act_box .li_nav {
    padding: 0 0rem 22px;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 30px;
}

.start.starts.cur path {
    fill: #4197B4;
}

.act_box .li_nav a {
    padding: 0 15px;
    position: relative;
    font-size: 17px;
    margin-right: 65px;
    transition: all .6s;
}

.act_box .li_nav a::after {
    position: absolute;
    content: '';
    left: 50%;
    top: 44px;
    width: 0%;
    height: 3px;
    background-color: #4197B4;
    transform: translateX(-50%);
    transition: all .6s;
    opacity: 0;
}

.act_box .li_nav a.cur::after {
    width: 100%;
    opacity: 1;
}

.act_box .li_nav a:hover {
    color: #4197B4;
}

.act_box .li_nav a:hover::after {
    width: 100%;
    opacity: 1;
}

.act_box .li_nav a.cur,
.act_box .li_nav a span {
    color: #4197B4
}

.act_box .li_ajax .t5 {
    color: #4197B4;
    margin-bottom: 6px;
    font-size: 13px;
    line-height: 1.4;
}

.act_box .li_ajax .t3 {
    line-height: 32px;
    margin-bottom: 40px;
    font-size: 19px;
    transition: all .6s;
}

.act_box .li_ajax .lis {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 2px solid #f6f6f6;
    margin-bottom: 24px;
}

.act_box .li_ajax .lis .img {
    width: 282px;
    height: 180px;
    background: #999999;
    margin-right: 30px;
}

.act_box .li_ajax .lis .txt {
    width: calc(100% - 282px - 30px);
    padding-right: 125px;
}

.act_box .li_ajax .collect_btn {
    width: 120px;
    height: 40px;
    border-radius: 19px;
    border: 1px solid rgba(65, 151, 180, .2);
    color: #4197B4;
    cursor: pointer;
    transition: all .6s;
}

.act_box .li_ajax .collect_btn svg path {
    fill: #4197B4;
}

.act_box .li_ajax .collect_btn .start {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.act_box .li_ajax .collect_btn .start svg {
    margin-right: 9px;
}

.act_box .li_ajax .collect_btn .start span {
    color: #4197B4;
    transition: all .6s;
}

.act_box .li_ajax .lis .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.act_box .li_ajax .tb .view {
    margin: 0 20px 0 24px;
}

.act_box .li_ajax .tb .view,
.act_box .li_ajax .tb .start,
.act_box .li_ajax .tb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.act_box .li_ajax .tb {
    font-weight: 500;
    font-size: 13px;
}

.act_box .li_ajax .tb .start {
    cursor: pointer;
}

.act_box .li_ajax .tb .start:hover svg path {
    fill: #4197B4;
}

.act_box .li_ajax .tb .start:hover span {
    color: #4197B4;
}

.act_box .li_ajax .tb .start svg {
    margin-top: -2px;
}

.act_box .li_ajax .tb .start span {
    transition: all .6s;
}

.act_box .li_ajax .tb .view span,
.act_box .li_ajax .tb .start span {
    display: block;
    margin-left: 9px;
}

.act_box .li_ajax .tb .view svg path,
.act_box .li_ajax .tb .start svg path {
    fill: rgba(204, 204, 204, 1);
}

.act_box .li_ajax .tb .start.cur svg path {
    fill: #4197B4;
}

.act_box .li_ajax .tb {
    color: rgba(68, 68, 68, .6);
}

.act_box .li_ajax .lis:hover .t3 {
    color: #4197B4;
}

@media(max-width: 1440px) {
    .act_box .li_ajax .lis .txt {
        padding-right: 1.5rem;
    }
}

@media(max-width: 850px) {
    .act_box {
        padding: 30px 10px 10px;
    }

    .shop-container .gw1200 .left-sidebar .in-wrapper {
        padding: 0px 10px;
    }

    .shop-container .gw1200 .left-sidebar .item {
        height: 50px !important;
        line-height: 50px !important;
    }

    .act_box .li_ajax .lis {
        flex-direction: column;
        margin-bottom: 40px;
        padding-bottom: 30px;
    }

    .act_box .li_ajax .lis .img {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .act_box .li_ajax .lis .txt {
        width: 88%;
        margin: 0 auto;
        padding-right: 0;
    }

    .act_box .li_ajax .t3 {
        font-size: 17px;
    }

    /* .act_box .li_nav {
        padding-bottom: ;
    } */
}

@media (max-width: 768px) {
    .act_box {
        padding: 0px 10px 10px;
    }
}

@media(max-width: 475px) {
    .act_box .li_nav a {
        margin-right: 15px;
    }

    .act_box .li_ajax .lis .txt {
        width: 100%;
    }
}

.g_list {
    padding: 1.175rem 0 2.175rem;
}

.g_list .w1200 {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    /* height: 500px; */
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.g_list .lis {
    margin-bottom: 1rem;
    width: calc((100% - 28px) / 2);
    padding-bottom: 1.675rem;
    border-bottom: 1px solid rgba(129, 129, 129, .2);
}

.g_list .lis .lis_t {
    line-height: 1;
    margin-bottom: .4rem;
}

.g_list .lis .lis_t span {
    font-size: 14px;
    margin-right: .65rem;
    color: #4197B4;
}

.g_list .lis .lis_t span:last-child {
    margin-right: 0;
}

.g_list .lis_img {
    width: 100%;
    height: 378px;
    position: relative;
}

.g_list .lis_img .img img {
    transform: scale(1);
}

.g_list .lis_img .img::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.05);
    transition: all .6s;
}

.g_list .lis_img .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all .6s;
}

.g_list .lis_img .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s linear;
}

.g_list .lis .txt {
    display: block;
    width: 100%;
    padding: .75rem 0 0;
}

.g_list .lis .txt .t3 {
    margin-bottom: 16px;
    transition: all .6s;
}

.g_list .lis .txt .t4 {
    line-height: .6rem;
}

.g_list .clickmore {
    cursor: pointer;
}

.g_list .lis:hover .t3 {
    color: #4197B4;
}

.g_list .lis_img {
    overflow: hidden;
}

.g_list .lis_img .lis_hide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: all .6s .2s;
}

.g_list .lis_img .lis_hide a {
    width: 381px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    margin-bottom: 11px;
}

.g_list .lis_img .lis_hide a svg {
    height: 13px;
    width: 15px;
    transition: all .6s;
}

.g_list .lis_img .lis_hide a svg .path1 {
    fill: rgba(255, 255, 255, .8);
    width: 6px;
    height: 100%;
}

.g_list .lis_img .lis_hide a svg .path2 {
    fill: rgba(255, 255, 255, .5);
}

.g_list .lis_img .lis_hide .a2:hover,
.g_list .lis_img .lis_hide .a1:hover {
    color: #fff;
}

.g_list .lis_img .lis_hide .a3 {
    margin-bottom: 0;
}

.g_list .lis_img .lis_hide .a3:hover {
    color: #333;
}

.g_list .lis_img .lis_hide a:hover svg {
    transform: translateX(10px);
}

.g_list .lis_img .lis_hide .a1 {
    background: #1F273C;
}

.g_list .lis_img .lis_hide .a2 {
    background: #4197B4;
}

.g_list .lis_img .lis_hide .a3 {
    background: #F0F0F0;
    color: #333;
}

.g_list .lis_img .lis_hide .a3 svg .path1 {
    fill: rgba(0, 0, 0, .8);
}

.g_list .lis_img .lis_hide .a3 svg .path2 {
    fill: rgba(0, 0, 0, .5);
}

.g_list .lis_img .img.cur::after {
    background-color: transparent;
    backdrop-filter: blur(5px);
}

.g_list .lis_img .lis_hide.cur {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 996px) {
    .g_list .w1200 {
        flex-wrap: wrap;
    }

    .g_list .lis {
        width: 100%;
    }

    .g_list .lis_img {
        height: auto;
    }

    .g_list .lis_img .lis_hide a {
        width: 60%;
        height: auto;
        padding: 5px 10px;
    }

    .g_list .lis {
        padding-bottom: 1rem;
    }

    .g_list .lis .txt .t4 {
        font-size: 13px;
        line-height: 1.5;
    }

    .g_list .clickmore {
        font-size: 13px;
    }

    .g_list .lis:last-child {
        margin-bottom: 0;
    }

    .g_list {
        padding: 0rem 0 1.5rem;
    }
}

.news_03 .swiper-slide .tb {
    display: flex;
    align-items: center;
    transition: all .6s;
}

.news_03 .txt .tb .time {
    line-height: 1.2;
    opacity: 1;
}

.news_03 .txt .tb .view {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 .25rem;
    opacity: .3;
    transition: all .6s;
}

.news_03 .txt .tb .start svg,
.news_03 .txt .tb .view svg {
    margin-right: .25rem;
}

.news_03 .txt .tb .view svg {
    width: .45rem;
    height: .45rem;
}

.news_03 .txt .tb .start {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .3;
    transition: all .6s;
}

.news_03 .txt .tb .start svg path {
    transition: all .6s;
}

.news_03 .txt .tb .start svg {
    width: .375rem;
    height: .425rem;
}

.news_03 .txt .tb .start:hover {
    opacity: 1;
}

.news_03 .txt .tb .start:hover svg path {
    fill: #4197B4;
}

.videobox .ulbox .lis .txt .tb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 1;
}

.videobox .ulbox .lis .txt .tb .view {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 .25rem;
    transition: all .6s;
    opacity: .3;
}

.videobox .ulbox .lis .txt .tb .view svg {
    width: .45rem;
    height: .45rem;
}

.videobox .ulbox .lis .txt .tb .start {
    display: flex;
    opacity: .3;
    align-items: center;
    justify-content: center;
    transition: all .6s;
    color: #4197B4;
}

.videobox .ulbox .lis .txt .tb .start svg {
    width: .4rem;
    height: .4rem;
}

.videobox .ulbox .lis .txt .tb .view svg,
.videobox .ulbox .lis .txt .tb .start svg {
    margin-right: .25rem;
}

.videobox .ulbox .lis .txt .tb .start svg path {
    transition: all .6s;
}

.videobox .ulbox .lis .txt .tb .start:hover {
    opacity: 1;
}

.videobox .ulbox .lis .txt .tb .start:hover svg path {
    fill: #4197B4;
}

.start {
    transition: all .6s;
}

.start span {
    transition: all .6s;
}

.start svg path {
    transition: all .6s;
}

.start:hover {
    opacity: 1;
}

.start:hover svg.icon~span {
    color: #4197B4 !important;
    opacity: 1 !important;
}

.start:hover svg.icon path {
    fill: #4197B4;
}

.g-event {
    padding-top: 0;
}

@media (max-width: 996px) {}

.g_popUp {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: transparent;
    z-index: 99999;
    display: none;
}

.borbox {
    /* display: flex;
    align-items: center;
    justify-content: center; */
    width: 100%;
    height: 100%;
    flex-direction: column;
}
.g_popUp .form{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}
.g_popUp .mask {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    z-index: 1;
}

.g_popUp #popUpForm {
    z-index: 1000;
    width: 16.25rem;
    height: 10.95rem;
    background-color: #fff;
    border-radius: .25rem;
    position: relative;
    z-index: 1;
    padding: 1.25rem .875rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.g_popUp .closed {
    width: .3rem;
    height: .3rem;
    right: .575rem;
    top: .65rem;
    z-index: 2;
    cursor: pointer;
}

.g_popUp #popUpForm label {
    display: block;
    margin: 0 auto .925rem;
    line-height: 1;
    transform: translateY(20px);
    transition: all .6s .1s;
    opacity: 0;
}
.g_popUp #popUpForm #oldPhone{
    transform: translateY(20px);
    transition: all .6s .2s;
    opacity: 0;
}
.g_popUp #popUpForm #telphone{
    transform: translateY(20px);
    transition: all .6s .3s;
    opacity: 0;
}
.g_popUp #popUpForm input {
    width: 100%;
    height: 1.3rem;
    background: rgba(229, 229, 229, .5);
    margin-bottom: .45rem;
    padding: 0 .675rem;
}

.g_popUp #popUpForm input::placeholder {
    color: rgba(0, 0, 0, .5);
}

.g_popUp #popUpForm .chachbox {
    margin-bottom: .7rem;
    width: 100%;
    transform: translateY(20px);
    transition: all .6s .4s;
    opacity: 0;
}

.g_popUp #popUpForm .chachbox input {
    margin-bottom: 0;
}

.g_popUp #popUpForm .chachbox .btn {
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 3rem;
    height: 1rem;
    border-radius: .05rem;
    background-color: rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    overflow: hidden;
    cursor: pointer;
}

.g_popUp #popUpForm .chachbox .btn.disabled {
    pointer-events: none;
    opacity: .5;
}

.g_popUp #popUpForm>button {
    width: 3rem;
    height: 1.3rem;
    background: #4197B4;
    border-radius: .1rem;
    outline: none;
    border: none;
    overflow: hidden;
    cursor: pointer;
    transition: all .6s .5s;
    position: relative;
transform: translateY(20px);
opacity: 0;
}

.g_popUp .closed img {
    transition: all .6s;
}

.g_popUp .closed:hover img {
    transform: rotate(180deg);
}

@media(max-width: 996px) {
    .act_box .input_box input {
        width: 70%;
    }

    .act_box .input_box button {
        width: 20%;
    }

    .act_box .input_box button {
        margin-left: 5%;
    }

    .g_popUp #popUpForm {
        width: 100%;
        margin: 0 auto;
        height: auto;
    }

    .g_popUp #popUpForm input {
        height: 1.5rem;
    }

    .g_popUp #popUpForm>button {
        margin-left: 0;
    }

    .g_popUp .closed {
        width: .45rem;
        height: .45rem;
        top: .25rem;
    }
}

.act_box .li_ajax .collect_btn:hover {
    background-color: #4197B4;
}

.act_box .li_ajax .collect_btn:hover .start span {
    color: #fff;
}

.act_box .input_box button::after {
    content: '';
    z-index: -1;
    background-color: hsla(0, 0%, 100%, 0.2);
    position: absolute;
    top: -50%;
    bottom: -50%;
    width: 1.25em;
    transform: translate3d(-550%, 0, 0) rotate(35deg);
    transition: transform 0.5s ease-in-out;

}

.act_box .input_box button:hover::after {
    transform: translate3d(300%, 0, 0) rotate(35deg);
}

.g_popUp #popUpForm .chachbox .btn::after {
    content: '';
    z-index: -1;
    background-color: hsla(0, 0%, 100%, 0.2);
    position: absolute;
    top: -50%;
    bottom: -50%;
    width: 1.25em;
    transform: translate3d(-550%, 0, 0) rotate(35deg);
    transition: transform 0.5s ease-in-out;
}

.g_popUp #popUpForm .chachbox .btn:hover::after {
    transform: translate3d(500%, 0, 0) rotate(35deg);
}

.g_popUp #popUpForm>button::after {
    content: '';
    z-index: -1;
    background-color: hsla(0, 0%, 100%, 0.2);
    position: absolute;
    top: -50%;
    bottom: -50%;
    width: 1.25em;
    transition: transform 0.5s ease-in-out;
    transform: translate3d(-650%, 0, 0) rotate(35deg);
} 
.g_popUp #popUpForm>button:hover::after {
    z-index: 1;
    transform: translate3d(300%, 0, 0) rotate(35deg);
}

.g_popUp #popUpForm.active label{
transform: translateY(0);
opacity: 1;

}

.g_popUp #popUpForm.active #oldPhone{
    transform: translateY(0px);
    opacity: 1;
}
.g_popUp #popUpForm.active #telphone{
    transform: translateY(0px);
    opacity: 1;
}
.g_popUp #popUpForm.active .chachbox {
    transform: translateY(0%);
    opacity: 1;
}
.g_popUp #popUpForm.active>button{
    transform: translateY(0%);
    opacity: 1;
}