/*-----------------------------------------------------------*//*copyright by 动力无限  www.btoe.cn*//*邮箱 btoe@btoe.cn*//*合作电话 400-0599-360*//*版权所有违者必究*//*-----------------------------------------------------------*/
.sjcTop, .sjcTop2, .sjcBottom, .sjcLeft, .sjcRight, .bg, .leftWow, .rightWow, .bottomWow
{
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}
.top_bg
{
    background: none;
    position: fixed;
    top: 0;
}/* section1 */
.section1
{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section2
{
    width: 100%;
    height: 100%!important;
    overflow: hidden;
    background: url(../../pc_cn/images/page2.jpg) no-repeat top center;
    background-size: cover;
}
.section3
{
    width: 100%;
    height: 100%!important;
    overflow: hidden;
    background: url(../../pc_cn/images/page3.jpg) no-repeat top center;
    background-size: cover;
}
.section4
{
    width: 100%;
    height: 100%!important;
    overflow: hidden;
    background: url(../../pc_cn/images/page4.jpg) no-repeat top center;
    background-size: cover;
}
.section5
{
    width: 100%;
    height: 100vh!important;
    overflow: hidden;
    background: url(../../pc_cn/images/page5.jpg) no-repeat top center;
    background-size: cover;
}
.section6
{
    width: 100%;
    height: 100vh!important;
    overflow: hidden;
    background: url(../../pc_cn/images/page6.jpg) no-repeat top center;
    background-size: cover;
}
.section7
{
    width: 100%;
    overflow: hidden;
    background: #222;
    height: 4.78rem!important;
}
@media(max-width: 980px)
{
    .section7
    {
        height: auto!important;
    }
}/* banner */
.banner
{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.banner .swiper-container
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-right: 0;
    padding: 0;
}
.banner .swiper-slide
{
    width: 100%;
    height: 100%;
    position: relative;
}
.banner .swiper-slide
{
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.banner .swiper-slide img
{
    width: 100%!important;
    height: 100%;
    display: block;
    transition: 1s linear 2s;
    transform: scale(1.1,1.1);
    object-fit: cover;
}
.banner .swiper-slide-active img
{
    transition: 6s linear;
    transform: scale(1,1);
}
.banner .swiper-button-next
{
    position: absolute;
    width: .65rem;
    height: .65rem;
    background: url(../../pc_cn/images/banner.png) no-repeat center;
    right: 4%;
    top: 55%;
    z-index: 5;
}
.banner .swiper-button-prev
{
    position: absolute;
    width: .65rem;
    height: .65rem;
    background: url(../../pc_cn/images/banner1.png) no-repeat center;
    left: 4%;
    top: 55%;
    z-index: 5;
}
.banner .swiper-pagination
{
    width: 100%;
    left: 0%;
    bottom: .4rem;
}
.banner .swiper-pagination .swiper-pagination-bullet
{
    display: inline-block;
    margin: 0 .5rem;
    width: .5rem;
    height: .02rem;
    background: #fff;
    opacity: 1;
    border-radius: 0%;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.banner .swiper-pagination .swiper-pagination-bullet-active
{
    background: #f75259;
    height: .05rem;
    transform: translateY(-5px);
}
.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after
{
    content: 'prev';
    display: none;
}
.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after
{
    content: 'next';
    display: none;
}
.trait
{
    position: absolute;
    right: 4%;
    bottom: .1rem;
    z-index: 10;
}
.trait ul li
{
    position: relative;
    margin-bottom: .4rem;
}
.trait ul li span img
{
    display: block;
    width: .24rem;
    height: .24rem;
}
.trait ul li i img
{
    position: absolute;
    right: .3rem;
    top: 0;
    width: 0;
    height: 0;
}
.trait ul li:hover i img
{
    width: 1rem;
    height: 1rem;
}/* mbanner */
.mbanner
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
}
.mbanner .swiper-container
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}
.mbanner .swiper-slide
{
    width: 100%;
    height: 100%;
    position: relative;
}
.mbanner .swiper-slide
{
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.mbanner .swiper-slide img
{
    width: 100%!important;
    height: 100%;
    display: block;
    object-fit: cover;
}
.mbanner .swiper-slide-active img
{
    transition: 6s linear;
}
.mbanner .swiper-button-next
{
    position: absolute;
    width: .65rem;
    height: .65rem;
    background: url(../../pc_cn/images/bannerR.png) no-repeat center;
    right: 4%;
    top: 55%;
    z-index: 5;
}
.mbanner .swiper-button-prev
{
    position: absolute;
    width: .65rem;
    height: .65rem;
    background: url(../../pc_cn/images/bannerL.png) no-repeat center;
    left: 4%;
    top: 55%;
    z-index: 5;
}
.mbanner .swiper-pagination1
{
    width: 100%;
    bottom: .25rem;
    position: absolute;
    text-align: center;
    z-index: 9;
}
.mbanner .swiper-pagination-bullets .swiper-pagination-bullet
{
    margin: 0 15px;
    background-color: #fff;
    width: 10px;
    height: 10px;
    opacity: 1;
    border-radius: 50%;
}
.mbanner .swiper-pagination-bullets .swiper-pagination-bullet-active
{
    background-color: #f75259;
}
@media(max-width: 980px)
{
    .banner
    {
        display: none;
    }
    .mbanner
    {
        display: block;
    }
    .trait
    {
        bottom: .5rem;
        right: 6%;
    }
    .trait ul li
    {
        position: relative;
        margin-bottom: 0;
        margin-top: .2rem;
    }
    .trait ul li:hover i img
    {
        width: .8rem;
        height: .8rem;
    }
}/* title */
.title
{
    margin: 0 auto;
    text-align: center;
    position: relative;
    transform: translateY(-1.5rem);
    opacity: 0;
    transition: all 1s ease 0s;
    transition-delay: 0s;
}
.section.active .title
{
    transform: translateY(0);
    opacity: 1;
    transition-delay: .5s;
}
.title h3
{
    font-size: .4rem;
    color: #fff;
    line-height: .4rem;
}
.title h3 a
{
    display: block;
    font-size: .4rem;
    color: #fff;
}
.title i
{
    display: block;
    font-size: .14rem;
    color: #ccc;
    margin: .18rem auto 0 auto;
}
@media(max-width: 980px)
{
    .title h3
    {
        font-size: .2rem;
        line-height: .3rem;
    }
    .title h3 a
    {
        font-size: .2rem;
    }
    .title i
    {
        margin: .05rem auto 0 auto;
    }
}/* product */
.probg
{
    margin: 0 auto;
    width: 100%;
}
.probg .product
{
    padding-top: .85rem;
}
.probg .product .probox
{
    margin: .4rem auto 0 auto;
    position: relative;
    transform: translateY(-1rem);
    opacity: 0;
    transition: all 1s ease 0s;
    transition-delay: 0s;
}
.section.active .probg .product .probox
{
    transform: translateY(0);
    opacity: 1;
    transition-delay: .8s;
}
.probg .product .probox ul li
{
    float: left;
    position: relative;
}
.probg .product .probox ul li .pic
{
    position: relative;
    width: 100%;
    padding-top: 83%;
    border-radius: 8px;
}
.probg .product .probox ul li .pic img
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.probg .product .probox ul li .txt
{
    margin: .25rem auto 0 auto;
}
.probg .product .probox ul li .txt h3 a
{
    font-size: .22rem;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.probg .product .probox ul li .txt p
{
    font-size: .14rem;
    color: #ccc;
    line-height: .22rem;
    height: .44rem;
    overflow: hidden;
    margin: .05rem 0 .2rem 0;
}
.probg .product .probox ul li .txt .more
{
    display: block;
    width: 1.9rem;
    height: .36rem;
    line-height: .36rem;
    background: #e8e8e8;
    border-radius: 45px;
    text-align: center;
    font-size: .12rem;
    color: #333;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    position: relative;
    z-index: 5;
}
.probg .product .probox ul li .txt .more::after
{
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    height: 100%;
    content: "";
    z-index: -1;
    background: #e60703;
    border-radius: 45px;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.probg .product .probox ul li:hover .txt .more::after
{
    width: 100%;
    left: 0;
}
.probg .product .probox ul li:hover .txt .more
{
    color: #fff;
}
@media(max-width: 980px)
{
    .probg .product
    {
        padding-top: 1rem;
    }
    .probg .product .probox
    {
        margin: .3rem auto 0 auto;
    }
    .probg .product .probox .swiper-wrapper
    {
        display: block;
    }
    .probg .product .probox ul li
    {
        float: left;
        position: relative;
        width: 48%;
        margin: 0 4% .2rem 0;
    }
    .probg .product .probox ul li:nth-child(2n)
    {
        margin-right: 0;
    }
    .probg .product .probox ul li .txt
    {
        margin: .1rem auto 0 auto;
    }
    .probg .product .probox ul li .txt h3 a
    {
        font-size: .16rem;
    }
    .probg .product .probox ul li .txt p
    {
        margin: 0 0 .1rem 0;
    }
    .probg .product .probox ul li .txt .more
    {
        display: block;
        width: 1rem;
        height: .28rem;
        line-height: .28rem;
    }
}/* case */
.casebg
{
    width: 100%;
    margin: 0 auto;
}
.case
{
    margin: 0 auto;
    padding-top: 1.05rem;
}
.case .casebox
{
    margin: .7rem auto 0 auto;
    position: relative;
}
.case .casebox .swiper-slide
{
    position: relative;
}
.case .casebox .swiper-slide .pic
{
    position: relative;
    width: 100%;
    padding-top: 55%;
    border-radius: 5px;
    margin: .25rem auto 0 auto;
    background: #000;
}
.case .casebox .swiper-slide .pic img
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    opacity: .5;
}
.case .casebox .swiper-slide .txt
{
    width: 100%;
    height: .68rem;
    line-height: .68rem;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    opacity: 0;
}
.case .casebox .swiper-slide .txt h5
{
    float: left;
    margin-left: 5%;
    width: 70%;
}
.case .casebox .swiper-slide .txt h5 a
{
    display: block;
    font-size: .16rem;
    color: #444;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.case .casebox .swiper-slide .txt h5 a i
{
    display: block;
    float: left;
    width: .22rem;
    height: 1px;
    background: #e60703;
    margin-right: .15rem;
    margin-top: .34rem;
}
.case .casebox .swiper-slide .txt .more
{
    display: block;
    float: right;
    background: #e60703;
    text-align: center;
    font-size: .14rem;
    color: #fff;
    width: 1.2rem;
    height: .4rem;
    line-height: .4rem;
    border-radius: 5px;
    margin: .14rem 5% 0 0;
}
.case .casebox .swiper-slide-active .txt
{
    opacity: 1;
}
.case .casebox .swiper-slide-active .pic
{
    padding-top: 60%;
    margin: 0 auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.case .casebox .swiper-slide-active .pic img
{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.case .casebox .case-button-prev
{
    position: absolute;
    left: 27%;
    top: 50%;
    cursor: pointer;
    background: url(../../pc_cn/images/caseleft.png) no-repeat center;
    width: .16rem;
    height: .28rem;
    z-index: 5;
}
.case .casebox .case-button-next
{
    position: absolute;
    right: 27%;
    top: 50%;
    cursor: pointer;
    background: url(../../pc_cn/images/caseright.png) no-repeat center;
    width: .16rem;
    height: .28rem;
    z-index: 5;
}
@media(max-width: 980px)
{
    .case
    {
        margin: 0 auto;
        padding-top: .9rem;
    }
    .case .casebox
    {
        margin: .3rem auto 0 auto;
        position: relative;
        width: 94%;
    }
    .case .casebox .swiper-wrapper
    {
        display: block;
    }
    .case .casebox .swiper-slide
    {
        position: relative;
        flex-shrink: inherit!important;
        width: 48%;
        margin: 0 4% .15rem 0;
        display: block;
        float: left;
    }
    .case .casebox .swiper-slide:nth-child(2n)
    {
        margin-right: 0;
    }
    .case .casebox .swiper-slide .pic
    {
        position: relative;
        width: 100%;
        padding-top: 55%;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        margin: 0 auto 0 auto;
        background: #000;
    }
    .case .casebox .swiper-slide .pic img
    {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        opacity: 1;
    }
    .case .casebox .swiper-slide .txt
    {
        width: 100%;
        height: auto;
        line-height: auto;
        opacity: 1;
        overflow: hidden;
        padding-bottom: .1rem;
    }
    .case .casebox .swiper-slide .txt h5
    {
        float: none;
        margin: 0 auto;
        width: 96%;
        line-height: .4rem;
        text-align: center;
    }
    .case .casebox .swiper-slide .txt h5 a
    {
        display: block;
        font-size: .14rem;
        text-align: center;
    }
    .case .casebox .swiper-slide .txt h5 a i
    {
        margin-top: 0;
        display: inline-block;
        float: none;
        position: relative;
        top: -.05rem;
    }
    .case .casebox .swiper-slide .txt .more
    {
        display: block;
        float: none;
        width: 1rem;
        height: .3rem;
        line-height: .3rem;
        margin: 0 auto 0 auto;
    }
    .case .casebox .swiper-slide-active .txt
    {
        opacity: 1;
    }
    .case .casebox .case-button-prev
    {
        display: none;
    }
    .case .casebox .case-button-next
    {
        display: none;
    }
}/* video */
.video
{
    margin: 0 auto;
    padding-top: 1.35rem;
}
.video .videobox
{
    margin: .75rem auto 0 auto;
    width: 95%;
}
.video .videobox .swiper-slide
{
    position: relative;
}
.video .videobox .swiper-slide .videoimg
{
    position: relative;
    width: 100%;
    padding-top: 71%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.video .videobox .swiper-slide .pic .videoimg img
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.video .videobox .swiper-slide .pic .videoimg .video_ico
{
    position: absolute;
    left: 50%;
    top: 50%;
    width: .59rem;
    height: .59rem;
    background: url(../../pc_cn/images/videoico.png) no-repeat center;
    margin: -.28rem 0 0 -.28rem;
    background-size: 100%;
}
.video .videobox .swiper-slide .txt
{
    width: 100%;
    height: .5rem;
    line-height: .5rem;
    background: #f2faf6;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.video .videobox .swiper-slide .txt a
{
    display: block;
    width: 90%;
    margin: 0 auto;
}
.video .videobox .swiper-slide .txt a span
{
    display: block;
    float: left;
    width: 70%;
    display: block;
    font-size: .16rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.video .videobox .swiper-slide .txt a span i
{
    display: block;
    float: left;
    width: .2rem;
    height: 2px;
    background: #f75259;
    margin-right: .1rem;
    margin-top: .24rem;
}
.video .videobox .swiper-slide .txt a em
{
    display: block;
    float: right;
    width: .28rem;
    height: 6px;
    background: url(../../pc_cn/images/more.png) no-repeat left center;
    margin-top: .22rem;
}
.video .videobox .swiper-slide:hover .txt a span
{
    color: #e60703;
}
.video_show
{
    position: absolute;
    z-index: 333;
    background: #333;
    width: 50vw;
    height: 70vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: none;
}
.video_show .aleartIframeClose
{
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    width: .5rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    font-size: .2rem;
    background: rgba(255,255,255,.1);
    cursor: pointer;
    z-index: 999999;
}
.video_show video
{
    width: 100%;
    height: 100%;
    background: #333;
}
.video .videobox .videobutton
{
    margin: .8rem auto 0 auto;
    text-align: center;
}
.video .videobox .videobutton .video-button-prev
{
    display: inline-block;
    width: .1rem;
    height: .18rem;
    background: url(../../pc_cn/images/left.png) no-repeat center;
}
.video .videobox .videobutton .video-button-next
{
    display: inline-block;
    width: .1rem;
    height: .18rem;
    background: url(../../pc_cn/images/right.png) no-repeat center;
}
.video .videobox .videobutton .video-pagination
{
    display: inline-block;
    margin: 0 .2rem;
    position: relative;
    top: -.04rem;
}
.video .videobox .videobutton .video-pagination .swiper-pagination-bullet
{
    width: .08rem;
    height: .08rem;
    background: #ccc;
    border-radius: 50%;
    opacity: 1;
    margin: 0 .1rem;
}
.video .videobox .videobutton .video-pagination .swiper-pagination-bullet-active
{
    background: #e60703;
}
@media(max-width: 980px)
{
    .video
    {
        padding-top: 1.2rem;
    }
    .video .videobox
    {
        margin: .35rem auto 0 auto;
    }
    .video .videobox .swiper-wrapper
    {
        display: block;
    }
    .video .videobox .swiper-slide
    {
        position: relative;
        flex-shrink: inherit!important;
        width: 48%;
        margin: 0 4% .2rem 0;
        display: block;
        float: left;
    }
    .video .videobox .swiper-slide:nth-child(2n)
    {
        margin-right: 0;
    }
    .video .videobox .swiper-slide .videoimg
    {
        position: relative;
        width: 100%;
        padding-top: 71%;
    }
    .video .videobox .swiper-slide .pic .videoimg .video_ico
    {
        position: absolute;
        left: 50%;
        top: 50%;
        width: .49rem;
        height: .49rem;
        background: url(../../pc_cn/images/videoico.png) no-repeat center;
        margin: -.23rem 0 0 -.23rem;
        background-size: 100%;
    }
    .video .videobox .swiper-slide .txt
    {
        width: 100%;
        height: .4rem;
        line-height: .4rem;
    }
    .video .videobox .swiper-slide .txt a span
    {
        display: block;
        float: left;
        width: 100%;
        display: block;
        font-size: .15rem;
    }
    .video .videobox .swiper-slide .txt a span i
    {
        display: block;
        float: left;
        width: .2rem;
        height: 2px;
        background: #f75259;
        margin-right: .1rem;
        margin-top: .19rem;
    }
    .video .videobox .swiper-slide .txt a em
    {
        display: none;
    }
    .video_show
    {
        position: absolute;
        z-index: 333;
        background: #333;
        width: 100%;
        height: 50vh;
        top: 30%;
        left: 0%;
        transform: translate(0%,0%);
        display: none;
    }
    .video .videobox .videobutton
    {
        margin: .8rem auto 0 auto;
        text-align: center;
        display: none;
    }
}/* about */
.about
{
    margin: 0 auto;
    padding-top: 1.4rem;
}
.about .abimg
{
    float: left;
    position: relative;
    overflow: hidden;
    width: 49%;
    padding-top: 41%;
    margin-left: -.7rem;
}
.about .abimg img
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}
.about .abright
{
    float: right;
    position: relative;
    width: 50%;
}
.about .abright .title
{
    text-align: left;
    margin: 0 0;
    position: relative;
    transform: translateY(-1.5rem);
    opacity: 0;
    transition: all 1s ease 0s;
    transition-delay: 0s;
}
.section.active .about .abright .title
{
    transform: translateY(0);
    opacity: 1;
    transition-delay: .5s;
}
.about .abright .txt
{
    margin-top: .45rem;
    position: relative;
    transform: translateY(-1rem);
    opacity: 0;
    transition: all 1s ease 0s;
    transition-delay: 0s;
}
.section.active .about .abright .txt
{
    transform: translateY(0);
    opacity: 1;
    transition-delay: .8s;
}
.about .abright .txt h5 a
{
    font-size: .2rem;
    color: #fff;
    font-weight: bold;
    display: block;
}
.about .abright .txt p
{
    font-size: .16rem;
    color: #ccc;
    line-height: .41rem;
    height: 3.28rem;
    overflow: hidden;
    margin: .25rem 0 0 0;
}
.about .abright .ab_list
{
    margin: .6rem 0 0 0;
    width: 110%;
    position: relative;
    transform: translateY(-.5rem);
    opacity: 0;
    transition: all 1s ease 0s;
    transition-delay: 0s;
}
.section.active .about .abright .ab_list
{
    transform: translateY(0);
    opacity: 1;
    transition-delay: 1s;
}
.about .abright .ab_list ul li
{
    float: left;
    width: 25%;
    margin-right: 0%;
}
.about .abright .ab_list ul li:last-child
{
    margin-right: 0;
}
.about .abright .ab_list ul li h5
{
    margin: 0 auto;
    position: relative;
}
.about .abright .ab_list ul li h5 span
{
    font-size: .54rem;
    color: #e60703;
    font-family: Arial,Helvetica,sans-serif;
    line-height: .52rem;
    display: inline-block;
}
.about .abright .ab_list ul li h5 i
{
    font-size: .16rem;
    color: #e60703;
    position: relative;
    top: -.25rem;
}
.about .abright .ab_list ul li p
{
    font-size: .14rem;
    color: #fff;
    margin: .13rem auto 0 auto;
}
@media(max-width: 980px)
{
    .about
    {
        margin: 0 auto;
        padding-top: 1rem;
    }
    .about .abimg
    {
        width: 0%;
        display: none;
    }
    .about .abright
    {
        float: none;
        position: relative;
        width: 100%;
    }
    .about .abright .title
    {
        text-align: center;
        margin: 0 auto;
    }
    .about .abright .txt
    {
        margin: .25rem auto 0 auto;
        text-align: center;
    }
    .about .abright .txt h5 a
    {
        font-size: .18rem;
    }
    .about .abright .txt p
    {
        font-size: .14rem;
        color: #ccc;
        line-height: .26rem;
        height: 2.08rem;
        overflow: hidden;
        margin: .1rem 0 0 0;
    }
    .about .abright .ab_list
    {
        margin: .4rem auto 0 auto;
        width: 100%;
    }
    .about .abright .ab_list ul li
    {
        float: left;
        width: 50%;
        margin-right: 0%;
        margin-bottom: .2rem;
    }
    .about .abright .ab_list ul li:last-child
    {
        margin-right: 0;
    }
    .about .abright .ab_list ul li h5 span
    {
        font-size: .3rem;
        color: #e60703;
        font-family: Arial,Helvetica,sans-serif;
        line-height: .3rem;
        display: inline-block;
    }
    .about .abright .ab_list ul li h5 i
    {
        font-size: .16rem;
        color: #e60703;
        position: relative;
        top: -.1rem;
    }
    .about .abright .ab_list ul li p
    {
        font-size: .14rem;
        color: #fff;
        margin: .1rem auto 0 auto;
    }
}/* news */
.news
{
    margin: 0 auto;
    padding-top: 1rem;
}
.news .newsbox
{
    margin: .4rem auto 0 auto;
    border-top: 1px solid rgba(255,255,255,.3);
    border-bottom: 1px solid rgba(255,255,255,.3);
    overflow: hidden;
    height: 6.2rem;
}
.news .newsbox ul li
{
    float: left;
    width: 50%;
    height: 2.55rem;
    border-bottom: 1px solid rgba(255,255,255,.3);
    padding-top: .55rem;
}
.news .newsbox ul li .newsimg
{
    position: relative;
    float: left;
    width: 36%;
    padding-top: 20%;
    margin-left: 5%;
}
.news .newsbox ul li .newsimg img
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news .newsbox ul li .txt
{
    float: right;
    width: 54%;
}
.news .newsbox ul li .txt h5
{
    height: .75rem;
    line-height: .75rem;
    margin: 0 auto .1rem auto;
}
.news .newsbox ul li .txt h5 span
{
    display: block;
    float: left;
    font-size: .14rem;
    color: #e60703;
    font-family: "Impact";
}
.news .newsbox ul li .txt h5 a
{
    font-size: .18rem;
    color: #fff;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    float: right;
    width: 78%;
}
.news .newsbox ul li .txt p
{
    font-size: .14rem;
    color: #999;
    line-height: .23rem;
    height: .46rem;
    overflow: hidden;
    margin-top: .1rem;
}
.news .newsbox ul li:first-child
{
    width: 49.5%;
    float: left;
    border-right: 1px solid rgba(255,255,255,.3);
    height: 6.2rem;
    padding-top: 0;
}
.news .newsbox ul li:first-child .newsimg
{
    position: relative;
    width: 93%;
    padding-top: 50%;
    margin: .55rem auto 0 auto;
    float: none;
}
.news .newsbox ul li:first-child .txt
{
    width: 93%;
    margin: .25rem auto 0 auto;
    float: none;
}
.news .newsbox ul li:first-child .txt h5
{
    height: .3rem;
    line-height: .3rem;
    margin: 0 0;
}
.news .newsbox ul li:first-child .txt h5 span
{
    display: none;
}
.news .newsbox ul li:first-child .txt h5 a
{
    float: none;
    width: 100%;
}
.news .newsbox ul li:hover .txt h5 a
{
    color: #e60703;
}
@media(max-width: 1440px)
{
    .news .newsbox ul li .txt h5 a
    {
        width: 72%;
    }
    .news .newsbox ul li .txt h5
    {
        height: .55rem;
        line-height: .55rem;
    }
}
@media(max-width: 980px)
{
    .news
    {
        padding-top: .8rem;
    }
    .news .newsbox
    {
        margin: .2rem auto 0 auto;
        height: auto;
        padding-bottom: .1rem;
    }
    .news .newsbox ul li
    {
        float: none;
        width: 100%;
        height: auto;
        border-bottom: none;
        padding-top: .15rem;
        overflow: hidden;
    }
    .news .newsbox ul li .newsimg
    {
        position: relative;
        float: left;
        width: 40%;
        padding-top: 30%;
        margin: 0% auto 0 auto;
    }
    .news .newsbox ul li .txt
    {
        float: right;
        width: 52%;
        margin: 0 auto 0 auto;
    }
    .news .newsbox ul li .txt h5
    {
        height: auto;
        line-height: .24rem;
        margin: 0 auto .05rem auto;
        overflow: hidden;
    }
    .news .newsbox ul li .txt h5 span
    {
        display: block;
        float: none;
        font-size: .14rem;
        color: #e60703;
        font-family: "Impact";
    }
    .news .newsbox ul li .txt h5 a
    {
        font-size: .16rem;
        width: 100%;
        display: block;
    }
    .news .newsbox ul li .txt p
    {
        font-size: .14rem;
        color: #999;
        line-height: .23rem;
        height: .46rem;
        overflow: hidden;
        margin-top: 0;
    }
    .news .newsbox ul li:first-child
    {
        width: 100%;
        float: none;
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,.3);
        height: auto;
        padding-top: 0;
        padding-bottom: .1rem;
    }
    .news .newsbox ul li:first-child .newsimg
    {
        position: relative;
        width: 93%;
        padding-top: 50%;
        margin: .15rem auto 0 auto;
        float: none;
    }
    .news .newsbox ul li:first-child .txt
    {
        width: 93%;
        margin: .1rem auto 0 auto;
        float: none;
    }
}