﻿.auto {
    margin: 0 auto;
}

.auto_1440, .Contain {
    width: 100%;
    max-width: 1440px;
    box-sizing: border-box;
}

@media(max-width:1440px) {
    .auto_1440, .Contain {
        max-width: 1360px;
        padding: 0 20px;
    }
}

@media(max-width:1280px) {
    .auto_1440, .Contain {
        max-width: 1200px;
        padding: 0 20px;
    }
}

.clearfix {
    *zoom: 1;
}

/*IE/7/6*/
.clearfix:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.Ban {
    width: 100%;
}

.Ban img {
    width: 100%;
    display: block;
    height: 6rem;
    object-fit: cover;
}

.Ban .mobile {
    display: none;
}

.font36 {
    font-size: 0.36rem;
    line-height: 0.28rem;
}

.font36_two {
    font-size: 0.36rem;
    line-height: 0.54rem;
}

.font22 {
    font-size: 0.22rem;
    line-height: 0.22rem;
}

.font22_two {
    font-size: 0.22rem;
    line-height: 0.33rem;
}

.font18 {
    font-size: 0.18rem;
    line-height: 0.18rem;
}

.font18_two {
    font-size: 0.18rem;
    line-height: 0.15rem;
}

.font18_three {
    font-size: 0.18rem;
    line-height: 0.35rem;
}

.font16 {
    font-size: 0.16rem;
    line-height: 0.16rem;
}

.font16_two {
    font-size: 0.16rem;
    line-height: 0.3rem;
}

.font14 {
    font-size: 0.14rem;
    line-height: 0.14rem;
}

.font48 {
    font-size: 0.48rem;
    line-height: 0.48rem;
}

.mt40 {
    margin-top: -0.4rem;
}

.mt80 {
    margin-top: 0.8rem;
}

.mt60 {
    margin-top: 0.6rem;
}

.mt120 {
    margin-top: 1.2rem;
}

.font20 {
    font-size: 0.2rem;
    line-height: 0.2rem;
}

.font20_two {
    font-size: 0.2rem;
    line-height: 0.3rem;
}

.SinglePage * {
    font-size: 0.18rem !important;
    line-height: 0.34rem !important;
    color: #888888;
    margin-bottom: 0.32rem;
    text-indent: 0.36rem !important;
}

.font40 {
    font-size: 0.4rem;
    line-height: 0.4rem;
}



@media screen and (max-width:1200px) {
    .font36 {
        font-size: 18px;
        line-height: 18px;
    }

    .font22 {
        font-size: 16px;
        line-height: 16px;
    }

    .font22_two {
        font-size: 16px;
        line-height: 26px;
    }

    .font18 {
        font-size: 16px;
        line-height: 16px;
    }

    .Menu002188 .Menu li a {
        font-size: 18px !important;
        line-height: 18px;
    }

    .font16 {
        font-size: 14px;
        line-height: 14px;
    }

    .font16_two {
        font-size: 14px;
        line-height: 21px;
    }

    .font14 {
        font-size: 14px;
    }

    .mt40 {
        margin-top: -20px;
    }

    .mt80 {
        margin-top: 20px;
    }

    .mt60 {
        margin-top: 20px;
    }

    .font20 {
        font-size: 18px;
        line-height: 18px;
    }

    .font20_two {
        font-size: 18px;
        line-height: 30px;
    }

    .font18_two {
        font-size: 16px;
        line-height: 16px;
    }

    .SinglePage * {
        font-size: 16px !important;
        line-height: 32px !important;
    }

    .font36_two {
        font-size: 18px;
        line-height: 24px;
    }

    .mt120 {
        margin-top: 20px;
    }

    .font48 {
        font-size: 20px;
        line-height: 20px;
    }

    .font18_three {
        font-size: 16px;
        line-height: 35px;
    }

    .font40 {
        font-size: 20px;
        line-height: 20px;
    }
}

/*
 .Menu002188 
 */
.Menu002188 {
    border-bottom: 1px solid #e8e8e8;
    padding: 0px;
    height: 1rem;
    display: flex;
    align-items: center;
}

.Menu002188 {
    border-bottom: 1px solid #e3e3e3;
    padding: 0px;
    height: 1rem;
    display: flex;
    align-items: center;
}

.Menu002188 .Menu {
    float: left;
}

.Menu002188 .Menu li {
    float: left;
}






.Menu002188 .Menu li a {
    transition: .3s ease-out;
    font-size: 0.18rem;
    color: #000000;
    margin-right: 0.62rem;
}

.Menu002188 .Menu li.cur a, .Menu002188 .Menu li a:hover {
    color: #FF9837;
}

.Menu002188 .Currents {
    text-align: right;
    font-size: 0.16rem;
    color: #666;
    float: right;
    letter-spacing: 0.00204rem;
}

.Menu002188 .Currents em {
    background: url(../images/Menu002188-current_icon.png) no-repeat left center;
    background-size: 0.2rem 0.18rem;
    padding-left: 0.32rem;
    display: inline-block;
    font-size: inherit;
    color: #999999;
}

.Menu002188 .Currents a {
    transition: .3s ease-out;
    font-size: inherit;
    color: #999999;
}

.Menu002188 .Currents a:hover {
    color: #FF9837;
}

.Menu002188 .Currents span {
    color: #FF9837;
}

/* newsCenterLIst */
.newsCenterLIst {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 0.66rem;
    padding-bottom: 1rem;
}

.newsCenterLIstLi {
    width: calc(100% / 3 - 0.4rem);
    background: #FFFFFF;
    box-shadow: 0px 0px 0.68rem 0px rgba(112, 66, 22, 0.16);
    border-radius: 0.2rem;
    margin-top: 0.54rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
}

.newsCenterLIstLi:nth-child(3n - 1) {
    margin-left: 0.6rem;
    margin-right: 0.6rem;
}

.newsCenterLIstLi .newsCenterLIstA {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.newsCenterLIst .newsCenterLIstA .listImg {
    width: 100%;
    overflow: hidden;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
}

.newsCenterLIst .newsCenterLIstA .listImg img {
    width: 100%;
    transition: all 0.3s ease;
    width: 100%;
    overflow: hidden;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
}

.newsCenterLIstLiCon {
    min-height: 1.98rem;
    padding-left: 0.32rem;
    padding-right: 0.32rem;
    padding-top: 0.3rem;
    padding-bottom: 0.32rem;
    box-sizing: border-box;
}

.newsCenterLIstLiCon .type {
    display: flex;
    flex-wrap: wrap;
}

.newsCenterLIstLiCon .type span {
    min-width: 0.8rem;
    min-height: 0.3rem;
    background: rgba(255, 152, 55, 0.12);
    border-radius: 0.05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FF9837;
    -webkit-border-radius: 0.05rem;
    -moz-border-radius: 0.05rem;
    -ms-border-radius: 0.05rem;
    -o-border-radius: 0.05rem;
    padding-left: 0.12rem;
    padding-right: 0.12rem;
    box-sizing: border-box;
    padding-top: 0.06rem;
    padding-bottom: 0.05rem;
    box-sizing: border-box;
}

.newsCenterLIstLiCon .title {
    color: #000000;
    margin-top: 0.27rem;
    margin-bottom: 0.36rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
}

.newsCenterLIstLiCon .time {
    color: #888888;
    display: flex;
    align-items: center;
}

.newsCenterLIstLiCon .time img {
    margin-right: 0.1rem;
    width: 0.18rem;
}

.newsCenterLIstLi:hover .newsCenterLIstA .listImg img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.zx .newsCenterLIstLiCon .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    margin-top: 0.02rem;
    margin-bottom: 0.48rem;
}

/* newsList */
.newsListLi {
    border-bottom: 1px dashed #e8e8e8;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.newsListA {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.newsListL {
    border-right: 1px solid rgba(0, 0, 0..2);
}

.newsListL {
    border-right: 1px solid rgba(0, 0, 0, .2);
    display: flex;
    flex-direction: column;
    padding-left: 0.38rem;
    padding-right: 0.56rem;
    padding-top: 0.2rem;
    padding-bottom: 0.19rem;
}

.newsListL .day {
    color: #000000;
    margin-bottom: 0.02rem;
}

.newsListL .year {
    color: #888888;
    margin-top: 0.15rem;
}

.newsListC {
    flex: 1;
    padding-left: 0.6rem;
    padding-right: 1.3rem;
}

.newsListC .title {
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;

}

.newsListC .intro {
    color: #888888;
    margin-top: 0.2rem;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

.newsListA .more {
    display: flex;
    align-items: center;
    color: #000000;
    background-image: url(../images/arrow_orange.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 0.26rem;
    background-size: 0.14rem;
}

.newsListA:hover .title {
    color: #FF9837;
}

.newsDetail {
    display: flex;
    flex-direction: row;
    margin-top: 1.2rem;
}

.newsDetailL {
    flex: 1;
    margin-right: 1.08rem;
}

.newsDetailR {
    width: 355px;
}

.newsDetailList {
    margin-top: -0.12rem;
    padding-bottom: 30px;
}
.newsDetailL .date i:last-child{
    display: none;
}

.newsDetailRLi {
    margin-top: 0.38rem;
}

.newsDetailRLiA .imgBox {
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.newsDetailRLiA .imgBox img {
    width: 100%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    transition: all 0.3s ease;
}

.newsDetailRLiA .title {
    margin-top: 0.24rem;
    color: #333333;
    font-weight: bold;
    margin-left: 0.06rem;
}

.newsDetailRLiA .time {
    margin-top: 0.21rem;
    color: #888888;
    margin-left: 0.06rem;
}

.newsDetailRLi:hover .imgBox img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.title {
    transition: all 0.3s ease;
}

a:hover .title {
    color: #FF9837;
}

.Titleinfo {
    border-bottom: 1px solid #e8e8e8;
}

.Titleinfo .tits {
    color: #111111;
    margin-top: -0.1rem;
}

.Titleinfo .date {
    margin-top: 0.39rem;
    margin-bottom: 0.46rem;
    color: #888888;
    display: flex;
    align-items: center;
}

.Titleinfo .date i {
    display: flex;
    align-items: center;
}

.Titleinfo .date i {
    margin-right: 0.5rem;
}

.Titleinfo .date i img {
    margin-right: 0.09rem;
    margin-left: -0.23rem;
}

.SinglePage {
    padding-top: 0.51rem;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #e8e8e8;
    text-align: justify;
}

.SinglePage img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    margin-bottom: 0.32rem;
}

.PrevNextBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

.PrevNextBox .ul {
    flex: 1;
    margin-right: 0.2rem;
}

.PrevNextBox .more {
    padding-left: 0.23rem;
    padding-right: 0.23rem;
    padding-top: 0.17rem;
    padding-bottom: 0.17rem;
    background: #FF9837;
    border-radius: 0.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    min-width: 1.5rem;
    box-sizing: border-box;
}

.PrevNextBox .more img {
    margin-right: 0.25rem;
    width: 0.15rem;
}

.PrevNextBox li a {
    color: #888888;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.PrevNextBox li a span {
    color: #333333;
    margin-left: 0.16rem;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.PrevNextBox li:first-child {
    margin-bottom: 0.1rem;
}

.PrevNextBox li a:hover {
    color: #FF9837;
}

.PrevNextBox li a:hover span {
    color: #FF9837;
}

/* honorBoxLiA */
.honorBox {
    display: flex;
    flex-wrap: wrap;
}

.honorBoxLi {
    width: calc(100% / 3 - 0.66rem);
    margin-bottom: 0.66rem;
}

.honorBoxLi:nth-child(3n - 1) {
    margin-left: 0.99rem;
    margin-right: 0.99rem;
}

.honorBoxLiA {
    width: 100%;
    height: 4.81rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    background-position: top center;
}

.honorBoxLiTop {
    width: 100%;
    height: calc(100% - 1.25rem);
    position: relative;
    display: flex;
    align-items: flex-end;
    background-image: url(../images/zz_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: center;
    background-position: top center;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
}

.honorBoxLiTop .imgBox {
    padding: 0.14rem 0.12rem;
    background: rgba(245, 245, 245, 0.2);
    border: 1px solid;
    border-image: linear-gradient(-28deg, rgba(85, 104, 128, 0.5), rgba(255, 255, 255, 0.5)) 1 1;
    position: relative;
}

.honorBoxLiTop .imgBox img {
    max-height: 2.6rem;
    max-width: 3.14rem;
}

.honorBoxLiTop .imgBox span {
    width: 3px;
    height: 3px;
    background: linear-gradient(-24deg, #68788B, #FFFFFF, #FFFFFF);
    border-radius: 50%;
    position: absolute;
    display: block;
}

.leftTopDot {
    left: 4px;
    top: 4px;
}

.rightTopDot {
    right: 4px;
    top: 4px;
}

.leftBottomDot {
    left: 4px;
    bottom: 4px;
}

.rightBottomDot {
    right: 4px;
    bottom: 4px;
}

.honorBoxLiA .tit {
    width: 100%;
    height: 1.25rem;
    color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../images/zz_b_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    border-bottom-left-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.downloadListA {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    margin-bottom: 0.25rem;
    border: 1px dashed #e8e8e8;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.downloadListA .title {
    background-image: url(../images/arrow_right_black.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 7px;
    padding-left: 0.29rem;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    flex: 1;
    margin-right: 10px;
}

.downloadListA:hover .title {
    color: #FF9837;
    background-image: url(../images/arrow_right_orange.png);
}

.downloadListA .time {
    color: #888888;
    background-image: url(../images/download.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 0.27rem;
    padding-right: 1.46rem;
    line-height: 0.28rem;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.downloadListA:hover .time {
    color: #FF9837;
    background-image: url(../images/download_orange.png);
}

.contact {
    display: flex;
    flex-direction: row;
    padding-bottom: 1rem;
    justify-content: space-between;
}

.contactL {
    width: calc(100% - 9.58rem);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.contactL .title {
    color: #111111;
    margin-bottom: 0.58rem;
}

.contact .imgBox {
    width: 9.28rem;
    height: 5.12rem;
}

.contactList {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.34rem;
}

.contactList .icon {
    width: 0.26rem;
    margin-right: 0.2rem;
}

.contactLDiv .tits {
    color: #333333;
    margin-bottom: 0.15rem;
}

.contactLDiv .intro {
    color: #333333;
}

.contactL .ewm {
    margin-left: 0.36rem;
    width: 1.28rem;
    height: 1.28rem;
}


/*
 .Form001518 为demo编号
 */
.Form001518 {
    padding-top: 0.39rem;
}







.Form001518 dd li {
    width: calc(50% - 0.2rem);
    position: relative;
    margin-bottom: 0.3rem;
}

.Form001518 dd li:nth-child(3n) {
    margin-right: 0;
}

.Form001518 dd .text {
    line-height: 0.7rem;
    height: 0.7rem;
    width: 100%;
    background: #fff;
    padding: 0 0.3rem;
    box-sizing: border-box;
    font-size: 0.18rem;
}

.Form001518 dd li label {
    position: absolute;
    left: 0.3rem;
    top: 0;
    line-height: 0.7rem;
    color: #777;
    font-size: 0.18rem;
}

.Form001518 dd li .form_err {
    position: absolute;
    right: 5px;
    top: 50%;
    color: #f00;
    line-height: 20px;
    margin-top: -10px;
}

.Form001518 dd textarea.text {
    height: 2.5rem;
}

.Form001518 .btn {
    cursor: pointer;
    color: #fff;
    border: none;
    font-size: 0.22rem;
    width: 2.42rem;
    height: 0.84rem;
    background: #FF9837;
    margin-top: 0.1rem;
}

.online {
    background: #F9F9F9;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.online .title {
    color: #111111;
    margin-bottom: 0.28rem;
}

.online .intro {
    color: #777777;
}

.online .ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Form001518 dd li:last-child {
    width: 100%;
}

@media screen and (max-width:1200px) {
    .Form001518 dd li label {
        font-size: 16px;
    }

    .Form001518 dd .text {
        font-size: 16px;
    }

    .Form001518 .btn {
        font-size: 16px;
    }
}

.qyzl {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 1.2rem;
}

.qyzl .qyzl_l {
    width: calc(100% - 6.76rem);
}

.qyzl .imgBox {
    width: 5.8rem;
    height: 6.8rem;
    margin-top: 1.2rem;
}

.qyzl .intro {
    color: #888888;
    margin-bottom: 0.5rem;
    text-indent: 0.36rem;
}

.qyzl .intro p {
    font-size: inherit !important;
    color: inherit !important;
    text-indent: inherit !important;
}

.qyzl_l .title {
    margin-bottom: 0.6rem;
    color: #282828;
    padding-top: 1.2rem;
}


/*Floor003197 */
.Floor003197 {
    overflow: hidden;
    background: #F6F8FA;
}

.Floor003197 .root-sz-16 {
    padding: 0px 0px 1.4rem 0;
}

.Floor003197 .title {
    text-align: center;
    font-size: 0.52rem;
    color: #282828;
    margin-bottom: 0.7rem;
    line-height: 0.52rem;
    padding-top: 1.2rem;
}

.Floor003197 .main {
    background-color: transparent;
    border-radius: 0.2rem;
    margin: 0 auto;
    position: relative;
    padding: 0px;
    transition: 0.3s 0.5s;
    height: 100%;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    display: flex;
    justify-content: center;
}

.Floor003197 .main .tit {
    font-size: 0.24rem;
    margin-bottom: 0px;
    color: #ffffff;
    text-align: center;
    width: 100%;
}

.Floor003197 .main .tit a {
    color: inherit;
    text-align: center;
    display: flex;
    width: 100%;
    justify-content: center;
    padding-bottom: 0.4rem;
}



.Floor003197 .main .more a {
    display: inline-block;
    padding: 0 calc(57 / 16 * 1em) 0 calc(20 / 16 * 1em);
    line-height: calc(60 / 16 * 1em);
    border: solid 2px #FF9837;
    border-radius: calc(60 / 16 * 1em);
    color: #FF9837;
    transition: 0.3s;
}

.Floor003197 .main .more a:hover {
    background-color: #FF9837;
    color: #fff;
    padding: 0 calc(20 / 16 * 1em) 0 calc(57 / 16 * 1em);
}

.Floor003197 .main .pic {
    text-align: center;
}

.Floor003197 .main .pic .ytable {
    height: 100%;
}

.Floor003197 .slick-arrow {
    position: absolute;
    width: 0.74rem;
    height: 0.74rem;
    top: 50%;
    border-radius: 50%;
    background: url(../images/arrow_left_white.png) no-repeat center center;
    background-size: 0.2rem;
    z-index: 10;
    transition: 0.3s;
    font-size: calc(60 / 16 * 1em);
    text-indent: -999em;
    overflow: hidden;
    background-color: #FF9837;
    margin-top: -0.37rem;
}

.Floor003197 .slick-arrow:hover {
    background-color: #FF9837;
    border-color: #FF9837;
}

.Floor003197 .slick-next {
    background-image: url(../images/arrow_right_white.png);
}


@media (min-width: 1025px) {
    .Floor003197 .slider {
        width: 143.75%;
        margin-left: calc(-43.75% / 2);
    }

    .Floor003197 .slider li.slick-slide {
        padding-top: 0px;
        padding-bottom: 0px;
        height: 5.92rem;
    }

    .Floor003197 .slick-prev {
        left: calc(31.68% - 0.37rem);
    }

    .Floor003197 .slick-next {
        right: calc(31.68% - 0.37rem);
    }

    .Floor003197 .main .pic {
        position: absolute;
        bottom: 0px;
        top: 0px;
        width: calc(100% - 1.24rem);
    }

    .Floor003197 .main .pic .ytable-cell {
        vertical-align: bottom;
    }

    .Floor003197 .main .pic img {
        max-height: 5.92rem;
        width: 100%;
        object-fit: cover;
        border-radius: 0.2rem;
    }

    .Floor003197 .main .txt {
        width: 100%;
        position: absolute;
        bottom: 0px;
    }

    .Floor003197 .slider li:not(.slick-current) .main {
        /* opacity: 0.6; */
    }
}

@media (max-width: 1024px) {
    .Floor003197 .root-sz-16 {
        padding: 0px !important;
        padding-bottom: 20px !important;
    }

    .Floor003197 .title {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 20px;
        padding-top: 20px;
    }

    .Floor003197 .slick-prev {
        left: 20px;
        width: 30px;
        height: 30px;
        background-size: 10px;
    }

    .Floor003197 .slick-next {
        right: 20px;
        width: 30px;
        height: 30px;
        background-size: 10px;
    }

    .Floor003197 .main {
        padding: 0px;
        width: 70%;
    }

    .Floor003197 .main .pic {
        width: 100%;
    }

    .Floor003197 .main .pic img {
        width: 100%;
        height: 100%;
        border-radius: 20px;
        object-fit: cover;
    }

    .Floor003197 .main pre, .Floor003197 .main .txt {
        text-align: center;
        width: 100%;
        position: absolute;
        bottom: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .Floor003197 .main .tit {
        font-size: 14px;
        line-height: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .Floor003197 .main .tit a {
        padding-bottom: 0px;
        font-size: 16px;
    }
}

.yyfc {
    background-color: #ffffff !important;
}

.yyfcList {
    position: relative;
}

.yyfcList .title {
    background: #FFFFFF;
    box-shadow: 0px 0px 68px 0px rgba(112, 66, 22, 0.16);
    border-radius: 0px 0px 20px 20px;
    padding-top: 0.32rem;
    padding-bottom: 0.5rem;
    font-size: 0.22rem !important;
    line-height: 0.33rem !important;
    min-height: 1.48rem;
    box-sizing: border-box;
    border-bottom-left-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
    padding-left: 0.32rem;
    padding-right: 0.32rem;
    color: #000000;
}

.yyfcList .imgBox {
    overflow: hidden;
    width: 100%;
    border-top-right-radius: 0.2rem;
    border-top-left-radius: 0.2rem;
}

.yyfcList img {
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.yyfcList:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.ggSwiperBox .swiper-pagination-bullet {
    width: 36px;
    height: 5px;
    background: #A2A5AC;
    border-radius: 3px;
    opacity: 0.5;
}

.ggSwiperBox .swiper-pagination-bullet-active {
    background: #FF9837;
}

.Floor003197.yyfc .root-sz-16 {
    padding: 0px 0px 1.2rem 0;
}

.ggSwiperBox .swiper-pagination {
    bottom: 0px !important;
}

.product {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    background-color: #f8fafd;
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
}

.product .imgBox {
    width: 7rem;
    height: 4.2rem;
    /* background: #0D0D0E; */
    border-radius: 0px 0.2rem 0.2rem 0px;
    -webkit-border-radius: 0px 0.2rem 0.2rem 0px;
    -moz-border-radius: 0px 0.2rem 0.2rem 0px;
    -ms-border-radius: 0px 0.2rem 0.2rem 0px;
    -o-border-radius: 0px 0.2rem 0.2rem 0px;
}

.productL {
    width: calc(100% - 7.8rem);
    padding-left: 0.66rem;
    box-sizing: border-box;
    height: 100%;
    padding-top: 0.94rem;
}

.productL .title {
    font-size: 0.4rem;
    line-height: 0.4rem;
    color: #282828;
    margin-bottom: 0.38rem;
}

.productL .subTitle {
    font-size: 0.3rem;
    line-height: 1.5;
    color: #FF9837;
    margin-bottom: 0.3rem;
}

.productL .intro {
    font-size: 0.18rem;
    color: #888888;
    line-height: 0.35rem;
    text-align: justify;
}

.cpxl {
    background-image: url(../images/cpxl_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    display: none;
}

.cpxl .yyfcList .title {
    min-height: 0.94rem;
    line-height: 0.94rem !important;
    padding-top: 0px;
    padding-bottom: 0px;
}



/*Floor002896 */



.Floor002896 {
    padding-bottom: 1.2rem;
}

.Floor002896 .auto {
    max-width: 100%;
    width: 100%;
}

.Floor002896 .name {
    text-align: center;
    color: #fff;
    font-family: 'SourceHanSansCN-Bold';
    font-size: 36px;
    padding-bottom: 3%;
}

.Floor002896 .name:after {
    display: block;
    content: '';
    width: 1px;
    height: 30px;
    margin: 20px auto 0;
    background: #fff;
}

.Floor002896 .main {
    position: relative;
    z-index: 1;
    margin-top: -1.2rem;
}

.Floor002896 .carousel {
    position: relative;
}

.Floor002896 .carousel .slides {
    overflow: hidden;
    position: relative;
}

.Floor002896 .carousel .slides .slideItem {
    position: absolute;
    cursor: pointer;
    overflow: hidden;
}

.Floor002896 .carousel .slides .slideItem a {
    position: relative;
    z-index: 10;
    display: block;
}

.Floor002896 .carousel .slides .slideItem .desc {
    display: none;
    line-height: 40px;
    text-align: center;
}

.Floor002896 .carousel .slides .slideItem#side0 img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.Floor002896 .carousel .slides .slideItem#side0 .desc {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
}

.Floor002896 .carousel .prevButton,
.Floor002896 .carousel .nextButton {
    position: absolute;
    bottom: 0;
    width: 0.52rem;
    height: 0.52rem;
    cursor: pointer;
    z-index: 30;
    background: #FF9837;
    border-radius: 50%;
}

.Floor002896 .carousel .prevButton:before,
.Floor002896 .carousel .nextButton:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    /* left: 50%; */
    /* top: 50%; */
    transform: rotate(45deg);
    /* margin-top: -5px; */
    /* margin-left: -5px; */
}

.Floor002896 .carousel .prevButton:before {
    transform: rotate(-135deg);
}

.Floor002896 .info-show {
    background: #fff;
}

.Floor002896 .info-show li .time {
    font-size: 72px;
    line-height: 54px;
    color: #000;
    vertical-align: bottom;
    margin-bottom: 9.4%;

}

.Floor002896 .info-show li .time i {
    font-style: normal;
    font-size: 22px;
    line-height: 22px;
    vertical-align: bottom;
    margin: 0 8px 0 5px;
    display: inline-block;
}

.Floor002896 .info-show li .time span {
    font-size: 18px;
    line-height: 18px;
    vertical-align: bottom;
}

.Floor002896 .info-show li .title {
    line-height: 0.3rem;
    margin-bottom: 0.42rem;
    font-size: 0.3rem;
    color: #222222;
    padding-top: 1.09rem;
}

.Floor002896 .info-show li .des {
    line-height: 0.32rem;
    overflow: hidden;
    -webkit-line-clamp: 3;
    font-size: 0.18rem;
    color: #888888;
    margin-bottom: 0.72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.Floor002896 .info-show li .more {
    color: #000;
    border-bottom: 1px solid #000;
    width: 2rem;
    height: 0.6rem;
    border-radius: 0.3rem;
    border: 2px solid #FF9837;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.16rem;
    color: #FF9837;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -ms-border-radius: 0.3rem;
    -o-border-radius: 0.3rem;
    background-image: url(../images/arrow_right_orange.png);
    background-repeat: no-repeat;
    background-position: 1.45rem center;
    box-sizing: border-box;
}

.Floor002896 .more-list {
    text-align: center;
    padding: 30px 0;
}

.Floor002896 .more-list a {
    display: inline-block;
    text-decoration: underline;
    color: #fff;
    font-size: 16px;
}

@media(min-width:1025px) {
    .Floor002896 .info-show {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 44.8%;
    }

    .Floor002896 .carousel {
        float: left;
        width: 55.2%;
    }

    .Floor002896 .carousel .prevButton,
    .Floor002896 .carousel .nextButton {

        display: flex;
        justify-content: center;
        align-items: center;
    }

    .Floor002896 .carousel .prevButton {
        left: -1.37rem;
        top: 50%;
        transform: translate(0px, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .Floor002896 .carousel .nextButton {
        left: calc(181.3% + 0.61rem);
        top: 50%;
        transform: translate(0px, -50%);
    }

    .Floor002896 .info-show ul {
        height: 100%;
        position: relative;
    }

    .Floor002896 .info-show li {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: 0.3s;
        background: #f7f8fc;
    }

    .Floor002896 .info-show li.active {
        opacity: 1;
    }

    .Floor002896 .info-show li .ytable {
        height: 100%;
        width: 100%;
        margin: 0 auto;
        padding-left: 0.62rem;
        padding-right: 0.92rem;
        box-sizing: border-box;
        text-align: justify;
        display: inline-block;
    }
    .Floor002896 .info-show li .ytable .ytable-cell {
        display: inline;
        vertical-align: middle;
    }
}

@media screen and (min-width:1024px) and (max-width:1600px) {
    .Floor002896 .carousel .prevButton {
        left: 20px;
    }

    .Floor002896 .carousel .nextButton {
        left: calc(176.3% - 20px);
    }
}

@media(max-width:1024px) {
    .Floor002896 .carousel .prevButton, .Floor002896 .carousel .nextButton {
        width: 40px;
        height: 40px;
        background: #FF9837;
        border-radius: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .Floor002896 .carousel .prevButton {
        right: 40px;
    }

    .Floor002896 .carousel .nextButton {
        right: 0;
    }

    .Floor002896 .info-show {
        padding: 4%;
    }

    .Floor002896 .info-show li {
        display: none;
    }

    .Floor002896 .info-show li.active {
        display: block;
    }
}

@media(max-width:640px) {
    .Floor002896 .name {
        font-size: 28px;
    }

    .Floor002896 .info-show li .time {
        font-size: 50px;
    }

    .Floor002896 .info-show li .des {
        line-height: 22px;
        height: 66px;
    }
}

.publicTitle {
    font-size: 0.52rem;
    line-height: 0.52rem;
    color: #282828;
    padding-top: 1.2rem;
    margin-bottom: 0.7rem;
    text-align: center;
}
.yyfc .publicTitle{
    padding-top: 0px !important;
}

.company {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 1.2rem;
}

.companyR {
    width: 8.16rem;
}

.companyL {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 1.72rem;
}

.companyLTop .publicTitle {
    text-align: left;
}

.companyR .title {
    font-size: 0.3rem;
    color: #333333;
    line-height: 0.3rem;
    padding-top: 1.2rem;
    margin-bottom: 0.38rem;
}

.companyR .intro {
    font-size: 0.18rem;
    color: #888888;
    line-height: 0.35rem !important;
}

.companyR .intro p {
    font-size: inherit !important;
    color: inherit !important;
    line-height: inherit !important;
    text-align: justify !important;
}

.companyR .imgBox {
    width: 100%;
    margin-top: 0.12rem;
}

.companyLTop .intro {
    font-size: 0.18rem;
    color: #888888;
    line-height: 0.35rem;
    margin-top: -0.4rem;
}

.companyLUl {
    background-image: url(../images/company_bg.png);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.companyLUl .year {
    font-size: 0.6rem;
    line-height: 0.6rem;
    color: #FF9837;
    margin-bottom: 0.2rem;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    font-weight: bold;
}

.companyLUl .year span {
    font-size: 0.24rem;
    margin-left: 0.12rem;
    line-height: 0.24rem;
    margin-bottom: 0.1rem;
    font-weight: normal;
}

.companyLUl .intro {
    font-size: 0.18rem;
    line-height: 0.18rem;
    color: #888888;
}

.companyLUl li {
    margin-top: 1rem;
    width: 3.66rem;
    max-width: 50%;
}

.companyLUl li:first-child, .companyLUl li:nth-child(2) {
    margin-top: 0px;
}

.companyLUl li:nth-child(2n) {
    display: flex;
    justify-content: center;
}

.companyLUl li img {
    max-width: 0.59rem;
}

.companyLUl li .imgBox {
    height: 0.95rem;
}

.fzlc {
    background: url(../images/fzlc_bg.jpg);
    min-height: 8.8rem;
    background-repeat: no-repeat;
    background-position: center bottom;
}


/*
 .Tab001 涓篸emo缂栧彿
 */
.Tab001 {
    padding: 0.54rem 0 1.2rem 0px;
}

.Tab001 .tab_li {
    overflow: hidden;
    clear: both;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 0.6rem;
}

.Tab001 .tab_li span {
    float: left;
    line-height: 0.2rem;
    color: #666666;
    font-weight: normal;
    cursor: pointer;
    font-size: 0.2rem;
    margin-bottom: 0.46rem;
    padding-left: 0.3rem;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    width: 3.48rem;
}

.Tab001 .tab_li span.active {
    color: #FF9837;
    font-size: 0.3rem;
    line-height: 0.3rem;
    background-image: url(../images/line_orange.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.Tab001 .tab_li span:hover {
    color: #FF9837;
    font-size: 0.3rem;
    line-height: 0.3rem;
    background-image: url(../images/line_orange.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.Tab001 {
    display: flex;
    flex-direction: row;
}

.tab_info {
    background: #F9F9F9;
    padding: 0.64rem 0.84rem;
    flex: 1;
}

.infoTitle {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 0.3rem;
    margin-bottom: 0.42rem;
}

.infoTitle span {
    margin-right: 0.5rem;
}

.infoContact {
    display: flex;
    margin-top: 0.47rem;
    margin-bottom: 0.6rem;
}

.infoContact a {
    display: flex;
    flex-direction: column;
    padding: 0.26rem 0.4rem 0.26rem 0.26rem;
    background: #FF9837;
    color: #fff;
    margin-right: 0.2rem;
    min-width: 3.2rem;
    box-sizing: border-box;
}

.infoContact a:nth-child(2) {
    background-color: #746d67;
}

.singlePage p {
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.36rem;
}

.infoContact .title {
    font-size: 0.3rem;
    line-height: 0.3rem;
    margin-bottom: 0.08rem;
}

.infoContact a:hover .title {
    color: #ffffff;
}

.info .subTitle {
    color: #333333;
    margin-bottom: 0.23rem;
}

.info .singlePage {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 0.57rem;
}

label.checkbox span {
    width: 16px;
    height: 16px;
    border: 1px solid #E5E5E5;
    display: block;
    margin-right: 0.1rem;

}

label.checked span {
    width: 18px;
    height: 18px;
    background-color: #FF9837;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;

}



label.checked span::after {
    content: '';
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    position: absolute;
    margin-top: -2px;
}

#chklist {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

#chklist label {
    display: flex;
    align-items: center;
    margin-right: 0.25rem;
    font-size: 0.16rem;
    color: #333333;
}

.workArea {
    display: flex;
    align-items: center;
    padding-top: 1.2rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #e8e8e8;
    flex-wrap: wrap;
}

.workArea .title {
    color: #333333;
    margin-right: 0.3rem;
}


.top-search {
    position: absolute;
    right: 0;
    top: 100%;
    background-color: #fff;
    width: 4rem;
    height: 50px;
    display: flex;
}

.top-search .text {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: 0;
    background: #fff;
    padding: 0px 10px;
    color: #999;
    font-size: 0.16rem;
    position: absolute;
}

.top-search .btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px !important;
}

.top-search .btn {
    background-color: rgba(0, 0, 0, 1);
    background-image: url(../images/search.png);
    background-size: auto 50%;
}

/*Top003124 */
.Top003124 {
    font-family: 'SourceHanSansCN-Regular';
}

@media (min-width:1025px) {
    .Top003124 {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 100;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        transition: background-color 0.3s, transform 1s;
        background: rgba(0, 0, 0, 0.4);
    }

    .Top003124.Down {
        transform: translateY(-5.3125em);
    }

    .Top003124.hover {
        background-color: rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        height: 0.9rem;
        line-height: 0.9rem;
    }

    .Top003124.hover .logo .white,
    .Top003124:not(.hover) .logo .red {
        display: none;
    }

    .Top003124:not(.hover),
    .Top003124:not(.hover) a:not(:hover) {
        color: #fff;
    }
}

@media (max-width:1024px) {
    .Top003124 {
        height: 50px;
        background: rgba(0, 0, 0, 0.4);
    }

    .Top003124 .wap-fixed {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 100;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        padding-top: 0px;
        height: 50px;
        background: rgba(0,0,0,1);
    }

    .Top003124 .logo .white {
        display: none;
    }

    .Top003124 .auto {
        position: fixed;
        border-top: 1px solid #eee;
        height: 50px;
        display: flex;
        align-items: center;
        background: rgba(0,0,0,.5);
        width: 100%;
        padding-left: 16px;
    }
}

.Top003124 .logo {
    float: left;
    display: table;
    height: 5.3125em;
}

.Top003124 .logo a {
    display: table-cell;
    vertical-align: middle;
}

.Top003124 .logo img {
    height: auto;
    width: 4.09rem;
}

@media (max-width:1024px) {
    .Top003124 .logo {
        height: 50px;
    }

    .Top003124 .logo img {
        height: 40px;
    }
}

.Top003124 .top-nav dd {
    font-family: 'Bebas';
}

.Top003124 .top-nav dd.oa a {
    display: block;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-align: center;
}

.Top003124.hover .top-nav dd.oa a {
    border-color: #ccc;
}

.Top003124 .top-nav dd.lang a {
    margin: 0 5px;
}

.Top003124 .top-nav dd.stock b {
    font-weight: normal;
}

@media(min-width:1025px) and (max-width:1770px) {
    .Top003124 .top-nav {
        margin-right: 8.34vw;
    }
}

@media (min-width:1025px) {
    .Top003124 .top-nav {
        float: right;
        margin-left: 7.5em;
        padding-top: 1.75em;
        font-size: 0.875em;
    }

    .Top003124 .top-nav dd {
        float: left;
        line-height: 2.5714em;
    }

    .Top003124 .top-nav dd.oa {
        margin-left: 4.2857em;
    }

    .Top003124 .top-nav dd.oa a {
        width: 2.5714em;
    }

    .Top003124 .top-nav dd.stock {
        margin-right: 2.1428em;
        padding-right: 2.1428em;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

    .Top003124:not(.hover) .top-nav dd.stock {
        border-right-color: #fff;
    }
}

@media (max-width:1024px) {
    .Top003124 .top-nav {
        position: absolute;
        right: 0;
        bottom: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 0.5em;
    }

    .Top003124 .top-nav dd {
        line-height: 2;
    }

    .Top003124 .top-nav dd:not(:last-child) {
        margin-right: 1em;
    }

    .Top003124 .top-nav dd.oa a {
        width: 2em;
    }
}

.Top003124 menu li span {
    display: block;
}

@media (min-width:1025px) {
    .Top003124 menu {
        float: right;
    }

    .Top003124 menu li {
        float: left;
    }

   

    .Top003124 menu li span,
    .Top003124 menu li span a {
        line-height: 0.9rem;
    }

    .Top003124 menu li span a:hover{
        color: #FF9837;
    }

    .Top003124 menu li span a {
        display: block;
        position: relative;
        z-index: 1;
        color: #fff;
    }

    .Top003124 menu li span a:after {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        height: 2px;
        background-color: #FF9837;
        transition: 0.3s;
        transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    }
    .Top003124 menu li:hover span a:after{
        transform: rotateY(0);
    -webkit-transform: rotateY(0);
    }
    .aon li a::after{
        transform: rotateY(0);
        -webkit-transform: rotateY(0);
    }
    .aon li a:hover span{
        color: #FF9837;
    }

    .Top003124 menu li:hover span a:after,
    .Top003124 menu li.aon span a:after {
        width: 100%;
        transform: rotateY(0);
        -webkit-transform: rotateY(0);
    }

    .Top003124 menu li .sub {
        position: absolute;
        top: 100%;
        background-color: #fff;
        border-radius: 0 0 5px 5px;
        overflow: hidden;
    }
}

@media (max-width:1024px) {
    .Top003124 menu {
        position: fixed;
        top: 50px;
        height: calc(100% - 50px);
        overflow: auto;
        background-color: rgba(0,0,0,1);
        width: 220px;
        display: none;
        transition: 0.3s ease;
        right: 0px;
    }

    .menu-show .Top003124 menu {
        right: 0;
        display: block;
    }

    .Top003124 menu li {
        border-bottom: 1px solid #eee;
        color: #fff;
        font-size: 16px;
    }

    .Top003124 menu li span {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        color: #fff;
    }

    .Top003124 .has-sub span .op:before,
    .Top003124 .has-sub span .op:after {
        background-color: #ccc;
    }

    .Top003124 menu li .sub {
        background-color: rgba(0, 0, 0, 0.1);
    }
}

.Top003124 .open-search {
    position: absolute;
    right: 0;
    top: 0;
    background: #FF9837 url(../images/search.png) no-repeat center;
    cursor: pointer;
    background-size: auto 23.53%;
    width: 0.9rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
}

.Top003124 .top-search {
    display: none;
    position: absolute;
    right: 0;
    top: 0.9rem;
    background-color: #fff;
    width: 100%;
    max-width: 400px;
    height: 50px;
}

.Top003124 .top-search .btn {
    background-color: #FF9837;
    background-image: url(../images/search.png);
    background-size: auto 50%;
}

.Top003124 .open-search.on:before,
.Top003124 .open-search.on:after {
    width: 40%;
    left: 30%;
}

.Top003124.hover .open-search.on:before,
.Top003124.hover .open-search.on:after {
    background-color: #fff;
}

@media (max-width:1024px) {
    .Top003124 .open-search {
        width: 50px;
        height: 50px;
        top: 50%;
        margin-top: -25px;
        background-color: #FF9837;
        background-size: auto 60%;
        right: 51px;
        background-size: 20px;
    }

    .Top003124 .open-menu {
        width: 50px;
        height: 50px;
        right: 0;
        background: #FF9837;
    }

    .Top003124 .open-menu i {
        width: 30px;
        left: 10px;
        background-color: #ffffff;
    }
}
.aon span a{
    color: #FF9837 !important;
}


 /*Timeline002859 */
/*slick Basic*/
.Timeline002859 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.Timeline002859 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;}
.Timeline002859 .slick-list:focus {outline: none}
.Timeline002859 .slick-list.dragging {cursor: pointer;cursor: hand;}
.Timeline002859 .slick-slider .slick-track, 
.Timeline002859 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.Timeline002859 .slick-track {position: relative; top: 0; left: 0; display: block;}
.Timeline002859 .slick-track:before, 
.Timeline002859 .slick-track:after{display: table; content: '';}
.Timeline002859 .slick-track:after{ clear: both;}
.Timeline002859 .slick-loading .slick-track { visibility: hidden;}
.Timeline002859 .slick-slide{ display: none; float: left;min-height: 1px;}
[dir = 'rtl'] .slick-slide {float: right;}
.Timeline002859 .slick-slide .slick-loading img { display: none;}
.Timeline002859 .slick-slide .dragging img { pointer-events: none;}
.Timeline002859 .slick-initialized .slick-slide { display: block;}
.Timeline002859 .slick-loading .slick-slide { visibility: hidden;}
.Timeline002859 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.Timeline002859 .slick-arrow .slick-hidden { display: none;}
/*slick Basic End*/
.Timeline002859 .f-cn{font-family: "YouSheBiaoTiHei";}
.Timeline002859 .f-num{font-family: "Oswald Bold";}

.Timeline002859 .info-css{ text-align: center;color: #233559; font-size: 20px;line-height: normal;padding-top: 4%;}
.Timeline002859 .info-css .t-1{display: inline-block;padding-right:7.167%;padding-left:7.167%;padding-top: 24px;position: relative;background: url(../images/yinhao-r.png) no-repeat right top;background-size: 6.617% auto;}
.Timeline002859 .info-css .t-1:before{position: absolute; content: ''; left: 0; top: 0;width: 6.617%;height: 100%;background: url(../images/yinhao-l.png) no-repeat left top;background-size: contain;}
.Timeline002859 .info-css aside .f-cn{font-size: 36px;color: #FF9837;	}
@media(max-width:640px){
.Timeline002859 .info-css{font-size: 16px;}
.Timeline002859 .info-css aside .f-cn{font-size: 28px;}
}

.Timeline002859 .history{}
.Timeline002859 .year li{position: absolute; z-index: 10; }
.Timeline002859 .year li:not(:first-child){cursor: pointer;}
.Timeline002859 .year li i{display: block;width: 18px;height: 18px;background: #FFFFFF;border-radius: 50%;border: 1px solid #999999;}
.Timeline002859 .year li:nth-child(1){right: 3.56rem;bottom: 1.6rem;}
.Timeline002859 .year li:nth-child(2){left: 13.05rem;bottom: 1.4rem;}
.Timeline002859 .year li:nth-child(3){left: 10.64rem;bottom: 1.4rem;}
.Timeline002859 .year li:nth-child(4){left: 8.22rem;bottom: 1.57rem;}
.Timeline002859 .year li:nth-child(5){left: 5.81rem;bottom: 1.28rem;}
.Timeline002859 .year li:nth-child(6){left: 3.25rem;bottom: 1.51rem;}
.Timeline002859 .year li:nth-child(7){right: 48%;top: 50%;}
.Timeline002859 .year li:nth-child(8){right: 54%;top: 55%;}
.Timeline002859 .year li:nth-child(9){right: 61%;top: 59%;}
.Timeline002859 .year li:nth-child(10){right: 67.5%;top: 65%;}
.Timeline002859 .year li:nth-child(11){right: 74%;top: 71%;}
.Timeline002859 .year li:nth-child(12){right: 79.5%;top: 76%;}
.Timeline002859 .year li:nth-child(13){right: 86%;top: 79%;}
.Timeline002859 .year li:nth-child(14){right: 93.5%;top: 81%;}
.Timeline002859 .year li span{position: absolute;font-size: 24px;color: #000000;font-weight: bold;}
.Timeline002859 .year li:not(:first-child) span{top: 50%;line-height: 24px;margin-top: 0px;}
.Timeline002859 .year li:nth-child(1) span,
.Timeline002859 .year li:nth-child(3) span,
.Timeline002859 .year li:nth-child(5) span,
.Timeline002859 .year li:nth-child(7) span,
.Timeline002859 .year li:nth-child(9) span,
.Timeline002859 .year li:nth-child(11) span,
.Timeline002859 .year li:nth-child(13) span{color: #333;}
.Timeline002859 .year li:nth-child(2n) span{left: 100%;margin-left: -38px;margin-top: 0.16rem;}
.Timeline002859 .year li:nth-child(2n-1) span{right: 100%;margin-right: -34px;margin-top: -46px;}
.Timeline002859 .year li:nth-child(1) span{font-size: 24px;right: auto;margin-right: 0;bottom:100%;margin-bottom: 10px;width: 100px;margin-left: -50px;left: 50%;text-align: center;font-weight: bold;}
.Timeline002859 .year li.on span{color: #FF9837!important;}
.Timeline002859 .year li.on i{background: #FF9837;border: 1px solid #084D9E;}
.Timeline002859 .year-con .box .title{font-size: 20px;color: #233559;font-weight: bold;padding-bottom: 20px;}
.Timeline002859 .year-con .box .title b{font-size: 40px;margin-right: 5px;}
.Timeline002859 .year-con .singlePage{font-size: 16px; line-height: 36px;color: #233559; height: 144px; overflow: auto;}
@media(min-width:1201px){
.Timeline002859 .history{height: 100%;}
.Timeline002859 .history .auto{max-width: 100%;position: relative;z-index: 1;height: 100%;}
.Timeline002859 .history .line{position: absolute;left: 0;bottom: 1.36rem;width: 100%;background: url(../images/Timeline002859-line.png) no-repeat center bottom;height: 0;transition:2s ease-in-out;height: 0.33rem;}
.Timeline002859 .history.Show .line{height: 0.33rem;}
.Timeline002859 .year-con{position: absolute; left: 0; top: 10%;z-index: 5;width: 55%;}
}
@media(max-width:1100px){
.Timeline002859 .history{background-size: cover;}
.Timeline002859 .year{display: none;}
}
@media(max-width:1024px){
.Timeline002859 .history{padding: 3% 0 5% 0;}
#year{padding: 0 30px;position:relative;}
#year:before{position: absolute; left: 0; top: 33px; width: 100%; height: 1px; background: #FF9837; content: '';}
#year li.slick-slide{text-align: center;color: #333;font-size: 18px;padding: 20px 0;}
#year li.slick-slide i{ display: block; margin: 7px auto; width: 12px; height: 12px; background: #FF9837;border-radius: 50%; position: relative;}
#year li.slick-current span{color: #FF9837;}
#year li.slick-current i{background: #FF9837;}
#year li.slick-slide i:before{position: absolute; content: ''; width: 6px; height: 6px; background: #FF9837; border-radius: 50%; left: 50%; top: 50%; margin: -3px 0 0 -3px;}
#year li.slick-current i:before{background: #fff;}
#year .slick-arrow{position: absolute;top:19px;font-size: 0;cursor: pointer;padding: 0;border: 1px solid #fff;background: #FF9837;width: 50px;height: 50px;border-radius: 50%;z-index: 20;display: flex !important;justify-content: center;align-items: center;}
#year .slick-arrow:before{position: absolute;content: '';width: 10px;height: 10px;border-top: 2px solid #ffffff;border-right: 2px solid #ffffff;transform: rotate(45deg);margin: -5px 0 0 -5px;}
#year .slick-prev:before{transform: rotate(-135deg);margin-left: 0px;font-size: 12px !important;}
#year .slick-prev{left: 0;}
#year .slick-next{right: 0;}

}
.Timeline002859{
    height: 6.6rem;
}
.Top003124 .auto {
    max-width: 100% ;
    width: 100%;
    padding-right: 1.8rem;
    box-sizing: border-box;
    padding-left: 0.3rem;
}
.Top003124 .ul{
    width: 8.5rem;
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width:1024px){
    .Top003124 .top-search{
        top: 50px;
    }
    .top-search .text{
        font-size: 16px;
    }
    .Top003124 .logo img{
        width: auto;
        height: 40px;
    }
    #menu .ul{
        flex-direction: column;
        width: 100%;
    }
    #menu .ul li a{
        color: #fff;
    }
    [type="Vertical"] .sub dt {
        line-height: 24px !important;
        padding: 5px 0 !important;
        text-align: left;
        padding-left: 20px !important;
    }
    .Floor002896 {
        padding-top: 1.2rem;
    }
   
}
@media screen and (max-width:768px){
    .Top003124 .top-search{
        max-width: 100%;
    }
}
.slideItem img{
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.productL .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}