.inpage{
    padding:60px 20px 60px;
    background: #f4f4f4;
    width: 100%;overflow: hidden;
}
.inpage .wrap{
    max-width: 1520px;
    margin: 0 auto;
}
.intitle{margin-bottom: 56px;}
.intitle .t1{
    color: #1c242d;
    font-size: 36px;
    margin-bottom: 10px;
}
.inlist1{margin: 0 -30px;}
.inlist1 li{float: left;width: 33.3%;padding: 0 30px;margin-bottom: 30px;}
.inlist1 li a{display: block;}
.inlist1 li .pic{overflow: hidden;}
.inlist1 li .pic img{width: 100%;transition: all ease .5s;}
.inlist1 li a:hover .pic img{transform: scale(1.1);}
.inlist1 li .con{padding-top: 20px;}
.inlist1 li .addr{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666666;font-size: 14px;
    padding-left: 24px;
    background: url(../images/addr.png) no-repeat left center;
    margin-bottom: 14px;
}
.inlist1 li .name{
    position: relative;
    color: #211e1d;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 16px;
    border-bottom: 1px solid #b9b9b9;
    margin-bottom: 12px;
}
.inlist1 li .state{
    color: #666666;font-size: 12px;line-height: 2;height: 80px;
}
.inlist1 li .more-btn{
    background-color: #C5A67E;
    width: 60px;
    height: 18px;
    font-size: 10px;
    color: #fff;
    border-radius: 10px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inlist1 li .state p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.inlist1 li .name::after{
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    transition: all 1s ease;
    height: 1px;
    background: #dabf9c;
    bottom: 0;
}
.inlist1 li a:hover .name::after{width: 100%;}
.inlist1 li a:hover .name{color: #dabf9c;}

@keyframes down
{
	from, to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(0, 8px, 3px);transform: translate3d(0, 8px, 3px);}
	20%, 40%, 60%, 80% {-webkit-transform: translate3d(0, 0, -8px);transform: translate3d(0, 0, -8px);}
}
@-webkit-keyframes down {
    from, to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(0, 8px, 3px);transform: translate3d(0, 8px, 3px);}
	20%, 40%, 60%, 80% {-webkit-transform: translate3d(0, 0, -8px);transform: translate3d(0, 0, -8px);}
}
.subbanner{
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    transition: all 1s ease;
}
#godown{
    position: absolute;
    bottom: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    left: 50%;
    margin-left: -25px;
    z-index: 29;
    animation: down 10s infinite;
    -webkit-animation: down 10s infinite;
    transition: all ease .5s;
}
.subbanner .wrap{
    position: relative;
    top: 54%;
    transform: translateY(-50%);
    z-index: 10;padding: 104px 0 60px;
}
.subbanner .left{width: 35.2%;padding-left: 20px;}
.subbanner .left .txtwrap{
    max-width: 476px;
    width: 100%;
    float: right;
}
.subbanner .title{margin-bottom: 280px;}
.subbanner .title .t1{color: #f9d8ae;font-size: 30px;margin-bottom: 25px;}
.subbanner .btns{height: 45px;line-height: 45px;}
.subbanner .btns .btn{
    display: inline-block;
    width: 38px;
    text-align: center;
    height: 45px;line-height: 45px;
    vertical-align: super;
}
.subbanner .swiper-pagination{
    position: relative;background: url(../images/line.png) no-repeat center;width: 84px;text-align: center;
    height: 45px;line-height: 45px;display: inline-block;vertical-align: middle;
}
.subbanner .swiper-pagination .swiper-pagination-total{
    color: #fff;font-size: 20px;width: 24px;text-align: center;
    display: inline-block;margin-left: 18px;
}
.subbanner .swiper-pagination .swiper-pagination-current{
    color: #f9d8ae;font-size: 34px;font-style: italic;width: 24px;text-align: center;
    display: inline-block;
}
.subbanner .bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 1;
}
.subbanner .right{overflow: hidden;}
.brandswiper li{
    transition: 1200ms;
    width: 304px;
    /* transform: scale(.9); */
}
.brandswiper li .pic{
    width: 100%;height: 358px;text-align: center;line-height: 278px;
    position: relative;overflow: hidden;
}
.brandswiper li .pic .img{
    position: absolute;
    top: 0;left: 0;
    width: 100%;height: 100%;
    z-index: 5;
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
    transition: all ease .5s;
}
.brandswiper li .pic>img{max-width: 90%;max-height: 270px;position: relative;z-index: 10;}
.brandswiper li a:hover .pic .img{transform: scale(1.1);}
.brandswiper li .con{background-color: #3a4858;padding: 24px;transition: all .5s ease;height: 215px;overflow: hidden;}
.brandswiper li .t1{color: #dabf9c;font-size: 24px;text-align: center;margin-bottom: 9px;line-height: 1;transition: all .5s ease;}
.brandswiper li .t2{color: #938472;font-size: 12px;text-align: center;transition: all .5s ease;}
.brandswiper li .state{
    color: rgba(255,255,255,.6);font-size: 14px;margin-top: 44px;overflow: hidden;
    transition: all .5s ease;text-align: center;
}
.brandswiper li .state p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2;}
.brandswiper li .more{
    margin-top: 32px;
    height: 14px;width: 100%;
    background-image: url(../images/jt.png);
    background-repeat: no-repeat;
    background-position: center;
    transition: all .5s ease;
}
.brandswiper li.swiper-slide-active{
    width: 358px;
    /* transform: scale(1); */
}
.brandswiper li.swiper-slide-active .con{background-color: #dabf9c;}
.brandswiper li.swiper-slide-active .t1{color: #363636;font-size: 30px;margin-bottom: 8px;}
.brandswiper li.swiper-slide-active .t2{color: #363636;font-size: 14px;}
.brandswiper li.swiper-slide-active .state{color: #363636;margin-top: 20px;}
.brandswiper li.swiper-slide-active .state p{text-overflow: clip; white-space:normal;height: 56px;}
.brandswiper li.swiper-slide-active .more{background-image: url(../images/jt2.png);margin-top: 20px;}
/* .brandswiper li.swiper-slide-active{ transform: scale(1);} */
.detail-brief{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 104px;
    max-width: 1520px;
    margin: 0 auto;
    z-index: 9;
}
.detail-brief .logo{text-align: center;margin-bottom: 75px;}
.detail-brief .state{
    text-align: center;
    color: #ffffff;font-size: 18px;
    line-height: 1.8;
    margin-bottom: 70px;
}
.detail-brief .down{
    width: 50px;margin: 0 auto;
    display: block;
    text-align: center;
    animation: down 10s infinite;
    -webkit-animation: down 10s infinite;
    transition: all ease .5s;
}
.detail-brief .down img{opacity: 1;}
.brand-detail{
    background-color: #f0f0f0;
    padding: 104px 20px 20px;
}
.brand-detail .wrap{
    max-width: 1340px;margin: 0 auto;position: relative;top: 50%;transform: translateY(-50%);
    width: 100%;
    overflow: hidden;
}
.brand-img{width: 50%;padding-right: 72px;overflow: hidden;}
.bimgswiper{overflow: hidden;width: 100%;position: relative;left: -100%;transition: all 1.8s ease .2s;}
.bimgswiper.cur{opacity: 1;left: 0;}
.bimgswiper li img{width: 100%;}
.brand-txt{
    overflow: hidden;padding-left: 100px;padding-right: 60px;position: relative;
}
.brand-txt .txtwrap{position: relative;padding-bottom: 150px;}
.txtswiper{overflow: hidden;position: relative;right: -100%;transition: all 1.8s ease .2s;}
.txtswiper.cur{opacity: 1;right: 0;}
.brand-txt .title{margin-bottom: 60px;position: relative;right: -100%;transition: all 1.8s ease .2s;opacity: 0;}
.brand-txt .title.cur{right: 0;opacity: 1;}
.brand-txt .t1{color: #1c242d;font-size: 40px;margin-bottom: 6px;}
.brand-txt .t2{color: #818282;font-size: 24px;margin-bottom: 20px;font-family: '宋体';}
.brand-txt .line{width: 37px;height: 2px;background-color: #535353;}
.brand-txt .state{color: #666666;font-size: 14px;line-height: 2.5;max-height: 360px;overflow: auto;}
.brand-txt .state .s1{color: #262626;font-size: 30px;margin-bottom: 40px;line-height: 1.5;}
.brand-txt .state .s2{color: #262626;font-size: 18px;margin-bottom: 20px;line-height: 1.5;}
.brand-txt .swiper-pagination-progressbar{
    bottom: -300px;
    position: absolute;
    width: 250px;
    height: 3px;
    background-color: #dadada;
    transition: all 1.5s ease .6s;
}
.brand-txt .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 3px;top: 0;}
.brand-txt .btns{
    position: absolute;
    right: 0;bottom: -300px;
    height: 46px;
    line-height: 46px;
    width: 200px;
    transition: all 1.5s ease .6s;
}
.brand-txt .btns.on{opacity: 1;bottom: 0;}
.brand-txt .swiper-pagination-progressbar.on{opacity: 1;bottom: 22px;}
.brand-txt .btns .btn{display: inline-block;height: 46px;line-height: 46px;}
.brand-txt .btns .prev{float: left;}
.brand-txt .btns .next{float: right;}
.brand-txt .swiper-pagination-fraction, 
.brand-txt .swiper-pagination-custom, 
.brand-txt .swiper-container-horizontal > .swiper-pagination-bullets{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 46px;line-height: 46px;
    text-align: center;
    background: url(../images/line2.png) no-repeat center;
}
.brand-txt .txt-swiper-pagination .swiper-pagination-total{
    color: #1b232c;font-size: 24px;width: 24px;text-align: center;
    display: inline-block;margin-left: 18px;height: 46px;line-height: 46px;
}
.brand-txt .txt-swiper-pagination .swiper-pagination-current{
    color: #1b232c;font-size: 28px;font-style: italic;width: 24px;text-align: center;
    display: inline-block;height: 46px;line-height: 46px;
}
.backwrap{
    max-width: 1540px;
    position: absolute;
    left: 50%;
    width: 100%;
    padding: 0 20px;
    transform: translateX(-50%);
    top: 150px;z-index: 9;
}
.backwrap .back{
    display: block;
    width: 138px;height: 44px;
    line-height: 42px;
    color: #f9d8ae;
    font-size: 14px;
    border: 1px solid rgba(249,216,174,.5);
    position: relative;
    padding-left: 46px;
    background-image: url(../images/back.png);
    background-repeat: no-repeat;
    background-position: 18px center;
}
.backwrap .back span{display: inline-block;vertical-align: middle;position: relative;z-index: 8;}
.backwrap .back::after{
    content: "";
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;width:0;
    background-color: #f9d8ae;
    transition: all .2s linear;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: 18px center;
}
.backwrap .back:hover::after{width: 100%;background-image: url(../images/back2.png);}
.backwrap .back:hover{color: #495159;}
.inbanner{
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 0 20px;
}
.inbanner .bgimg{
    position: absolute;
    width: 100%;
    height: 100%;
    transform: scale(1.1);
    transition: all 4s ease;
    top: 0;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.inbanner .bgimg.normal{transform: scale(1);}
.deimg{
    position: absolute;
    width: 100%;
    height: 100%;
    transform: scale(1.1);
    transition: all 4s ease;
    top: 0;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.deimg.normal{transform: scale(1);}
.contbg{
    position: absolute;
    width: 100%;
    height: 100%;
    transform: scale(1.1);
    transition: all 4s ease;
    top: 0;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.contbg.normal{transform: scale(1);}
.inbanner .wrap{
    padding-top: 200px;
    max-width: 1120px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.inbanner .tt1{
    color: #ffe0b9;font-size: 48px;
    font-weight: bold;line-height: 1.5;
    margin-bottom: 10px;
}
.inbanner .tt2{
    text-transform: uppercase;
    font-size: 24px;
    color: rgba(255,255,255,.5);
    margin-bottom: 53px;
}
.inbanner .down{
    animation: down 10s infinite;
    -webkit-animation: down 10s infinite;
    transition: all ease .5s;
    display: block;
    width: 60px;height: 60px;
    text-align: center;line-height: 60px;
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 50%;
}
.intabs{padding: 0 20px;}
.intabs.fixed{
    position: fixed;
    width: 100%;
    left: 0;
    top: 104px;
    z-index: 101;
    background: #fff;
    box-shadow: 0px 2px 3px 0 rgba(0,0,0,.1);
}
.intabs .wrap{
    max-width: 1520px;
    margin: 0 auto;
}
.intabs a{
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding-right: 34px;margin-right: 24px;
    position: relative;
    color: #7d838a;font-size: 18px;
}
.intabs a::after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    height: 16px;
    width: 1px;
    background: #b2b2b2;
}
.intabs a:last-child::after{display: none;}
.intabs a:hover, .intabs a.active{color: #27313c;}
.aboutwrap{width: 100%;overflow: hidden;}
.aboutbox1{
    background: #fffaf3;padding: 50px 20px;
}
.aboutbox1 .wrap{max-width: 1520px;margin: 0 auto;}
.aboutbox1 .aleft{width: 50%;padding-right: 25px;}
.aboutbox1 .aleft .title{
    color: rgba(39,49,60,.5);
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 28px;
}
.aboutbox1 .aleft .entitle{
    text-transform: uppercase;
    color: rgba(39,49,60,.5);
    font-size: 16px;font-weight: bold;
}
.aboutbox1 .aleft .name{color: #27313c;font-size: 30px;font-weight: bold;margin-top: 12px;margin-bottom: 28px;}
.aboutbox1 .aleft .state{
    color: #27313c;font-size: 14px;
    line-height: 1.8;
}
.aboutbox1 .aright{overflow: hidden;padding-left: 116px;padding-top: 72px;}
.aboutbox1 .aright .tt{
    color: #27313c;font-size: 18px;font-weight: bold;
    margin-bottom: 15px;
}
.aboutbox1 .aright .line{
    width: 19px;height: 2px;
    background: #b5b8ba;
}
.aboutbox1 .aright .list li{float: left;width: 33.3%;margin-top: 32px;display: flex;align-items: center;}
.aboutbox1 .aright .list li .icon{border-radius: 50%; text-align: center;width: 54px;height: 54px;line-height: 54px;background: #4d4d4d;}
.aboutbox1 .aright .list li .t0{color: #333333;font-size: 14px;padding-left: 14px;}
.aboutbox2{padding: 60px 20px 0;background-repeat: no-repeat;background-size: cover;background-position: center;}
.aboutbox2 .wrap{max-width: 1520px;margin: 0 auto;}
.aboutbox2 .entitle{
    color: rgba(255,255,255,.5);
    font-size: 16px;
    text-transform: uppercase;
}
.aboutbox2 .title{color: #F2EFEB;font-size: 30px;font-weight: bold;margin-bottom: 40px;margin-top: 10px;}
.aboutbox2 .state{margin-bottom: 80px;}
.aboutbox2 .state .sleft{
    color: #C0C0C1;font-size: 14px;line-height: 1.7;
    width: 50%;padding-right: 42px;
}
.aboutbox2 .state .sright{
    width: 50%;
    /*padding-left: 80px;*/
    border: 1px solid #544F49;
    border-radius: 5px;
    background-color: #35332C;
    opacity: 0.7;
    padding: 20px 30px 20px 30px;
}
.aboutbox2 .state .sright .ss{color: #DCC095;font-size: 18px;font-weight: bold;padding-bottom: 0px;}
.aboutbox2 .state .sright .des{
    font-size: 12px;color: #fff;
    border-bottom: 1px solid #544F49;
    line-height: 45px;
}
.aboutbox2 .state .sright p{
    color: #f1f1f1;
    font-size: 14px;
}
/*.aboutbox2 .state .sright>div p{margin-top: 20px;}*/

.aboutbox2 .state .sright ul li{
    display: flex;
    align-items: center;
}
.aboutbox2 .state .sright ul li .fleft{
    height: 30px;
    width: 30px;
}
.aboutbox2 .state .sright ul li .fright{
    padding: 10px 50px 10px 0px;
    margin-left: 50px;
    font-size: 12px;
    color: #fff;
    width: 450px;
    line-height: 24px;
}

.aboutbox2 .state{
    margin-bottom: 0;
    padding-bottom: 80px;
}

.borderbt{
    border-bottom: 1px solid #544F49;
}

.aboutbox2 .tt0{
    padding-bottom: 14px;font-weight: bold;
    color: #f9d8ae;font-size: 18px;
    border-bottom:1px solid rgba(255,255,255,.2);
}
.aboutbox2 .list{padding: 32px 0;display: flex;justify-content: space-between;}
.aboutbox2 .list li{flex:1;margin-right: 30px;display: flex;align-items: center;padding: 20px 0;position: relative;}
.aboutbox2 .list li:last-child{margin-right: 0;}
.aboutbox2 .list li .ss1{color: #f9d8ae;font-size: 14px;width: 94px;line-height: 1.7;}
.aboutbox2 .list li .ss2{
    color: rgba(234,234,234,.7);font-size: 12px;
    flex:1;
}
.aboutbox2 .list li .ss2 span{display: inline-block;margin-right: 30px;line-height: 28px;width: 108px;}
.aboutbox2 .list li .icon{width: 40px;}
.aboutbox2 .list li .line{
    position: absolute;
    right: 0;
    top: 0;width: 1px;height: 100%;
    background-color: rgba(255,255,255,.4);
}
.aboutbox2 .list li:last-child .line{display: none;}
.aboutbox2 .list .list1 .ss2 span{margin-right: 10px;}
/* .aboutbox2 .list .list1 .ss2 span:nth-child(3){margin-right: 0;} */
.aboutbox3{
    padding: 90px 20px 136px;
    background-repeat: no-repeat;
    background-image: url(../images/inbg2.png);
    background-position: center bottom;
    background-size: cover;
}
.aboutbox3 .wrap{max-width: 1520px;margin: 0 auto;}
.about-title .en{
    text-transform: uppercase;
    color: rgba(39,49,60,.5);
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
}
.about-title .ch{
    color: #27313c;font-size: 30px;
    font-weight: bold;
}
.aboutbox3 .aimg{text-align: center;}
.aboutbox4{
    background: url(../images/inbg3.png) no-repeat center;
    background-size: cover;
    padding: 80px 0 115px;
}
.aboutbox4 .wrap{max-width: 1560px;margin: 0 auto;padding: 0 20px;}
.aboutbox4 .about-title{margin-bottom: 66px;}
.aboutbox5{
    padding: 75px 20px 110px;
    background-color: #fff;
    overflow: hidden;
}
.aboutbox5 .wrap{max-width: 1520px;margin: 0 auto;}
.aboutbox5 .about-title{margin-bottom: 48px;}
.aboutbox5 .about-title .ch{line-height: 40px;}
.aboutbox5 .about-title .ch a{vertical-align: middle; display: inline-block;margin-left: 56px;color: #b9a898;font-size: 14px;font-weight: normal;}
.aboutbox5 .bigimg{width: 43.8%;padding-left: 15px;}
.aboutbox5 .rightlist{overflow: hidden;padding-left: 50px;padding-right: 15px;}
.aboutbox5 .bigimg a{display: block;}
.aboutbox5 .bigimg .pic{overflow: hidden;}
.aboutbox5 .bigimg .pic img{width: 100%;transition: all ease .5s;}
.aboutbox5 .bigimg a:hover .pic img{transform: scale(1.1);}
.aboutbox5 .bigimg .date{color: #666666;font-size: 12px;margin: 16px 0 10px;}
.aboutbox5 .bigimg .tt{
    color: #27313c;font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}
.aboutbox5 .bigimg a:hover .tt{color: #f9d8ae;}
.aboutbox5 .rightlist .list li{margin-bottom: 20px;}
.aboutbox5 .rightlist .list li+li{border-top: 1px solid #eae5e0;padding-top: 22px;}
.aboutbox5 .rightlist .list li a{display: block;}
.aboutbox5 .rightlist .list li .date{
    width: 72px;height: 68px;
    border: 1px solid #b9a898;
    color: #8c8c8c;font-size: 14px;
    text-align: center;
    line-height: 1.8;
}
.aboutbox5 .rightlist .list li .date .day{
    background-color: #b9a898;
    text-align: center;
    color: #f4f4f4;font-size: 32px;
    font-weight: bold;
    line-height: 42px;
}
.aboutbox5 .rightlist .list li .con{overflow: hidden;padding-left: 22px;}
.aboutbox5 .rightlist .list li .tt{
    color: #333333;font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    margin-bottom: 6px;
}
.aboutbox5 .rightlist .list li .state{
    color: rgba(51,51,51,.7);font-size: 14px;
}
.aboutbox5 .rightlist .list li a:hover .tt{color: #b9a898;}
.newswrap{padding: 80px 20px;background: #f4f4f4;}
.newswrap .wrap{max-width: 1520px;margin: 0 auto;}
.news-left{width: 73%;min-height: 300px;}
.news-right{overflow: hidden;padding-left: 22px;}
.news-left li{margin-bottom: 24px;}
.news-left li a{display: block;background: #fff;box-shadow: 0px 0px 8px 0px rgba(0,0,0,.1);}
.news-left li .pic{overflow: hidden;width: 426px;height: 266px;}
.news-left li .pic img{width: 100%;transition: all ease .5s;height: 100%;}
.news-left li a:hover .pic img{transform: scale(1.1);}
.news-left li .con{overflow: hidden;;padding:46px 28px;}
.news-left li .tt1{
    color: #27313c;font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;white-space: nowrap;
    font-weight: bold;
    margin-bottom: 25px;
}
.news-left li a:hover .tt1{color: #f9d8ae;}
.news-left li .state{
    color: #666666;font-size: 14px;
    line-height: 1.8;
    margin-bottom: 36px;
    height: 50px;overflow: hidden;
}
.news-left li .date{
    font-size: 14px;
    display: block;
    color: rgba(102,102,102,.5);
}
.news-left li .more{
    font-size: 14px;
    display: block;
    color: rgba(102,102,102,.5);
    padding-right: 30px;
    background: url(../images/jt3.png) no-repeat right center;
}
.news-right .title{color: #333333;font-size: 18px;border-bottom: 1px solid #cbcdcf;margin-bottom: 28px;}
.news-right .title span{display: inline-block;padding-bottom: 10px;position: relative;}
.news-right .title span::after{
    content: "";
    position: absolute;
    left: 0;width: 100%;
    height: 2px;
    background: #27313c;
    bottom: 0;
}
.news-right .list{margin-bottom: 16px;}
.news-right .list li{margin-bottom: 16px;}
.news-right .list li a{
    color: rgba(39,49,60,.6);
    font-size: 14px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;white-space: nowrap;
    line-height: 24px;
}
.news-right .list li span{
    display: inline-block;font-size: 18px;
}
.news-right .list li.on span{color: #27313c;}
.news-right .nimg{margin-bottom: 35px;}
.news-right .nimg img{width: 100%;}
.news-right .list li a:hover{color: #27313c;}

.pages{font-size: 0;text-align: center;margin-top: 60px;}
.pages a{
    display: inline-block;background: #fff;height: 50px;line-height: 50px;text-align: center;
    color: #27313c;font-size: 18px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,.1);
    margin: 0 6px;
    transition: all .3s ease;
}
.pages .btn{width: 160px;border-radius: 50px;}
.pages .item{width: 50px;border-radius: 50%;}
.pages .sheng{width: 50px;border-radius: 50%;}
.pages .prev{margin-right: 110px;}
.pages .next{margin-left: 110px;}
.pages a:hover{background: #f9d8ae;}
.pages .item.active{background-color: #f9d8ae;}

.inpage-content{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.memberbox{position: relative;}
.memberbox .wrap{position: relative;top: 50%;transform: translateY(-50%);max-width: 1140px;margin: 0 auto;}
.memberbox .title{text-align: center;}
.memberbox .title .tt{
    color: #ffffff;font-size: 20px;
    margin-bottom: 6px;
}
.memberbox .title .en{
    font-size: 16px;
    color: rgba(255,255,255,.2);
    text-transform: uppercase;
}
.memberbox .title .timg{margin-top: 20px;}
.memberbox .title .timg img{width: 120px;}
.steplist{margin-top:136px; }
.steplist li{float: left;width: 25%;padding: 0 60px;position: relative;cursor: pointer;}
.steplist li .t1{
    color: #ffffff;
    font-size: 16px;
    line-height: 50px;
    height: 60px;
    margin-bottom: 12px;

    display: flex;
    flex-direction: column;
    align-items: center;
}
.steplist li .t1 img{
    width: 200px;
    height: 100px;
    margin-right: 3px;
}
.steplist li .state{
    color: #ffffff;font-size: 14px;
}
.steplist li .state p:first-child{text-indent: -10px;}
.steplist li::after{
    content: "";
    position: absolute;
    right: 0;
    height: 90px;top: 50%;
    margin-top: -34px;
    width: 1px;
    background-color: #fff;
}
.steplist li:last-child::after{display: none;}
.memberbox{padding: 0 20px;}
.memberbox .nextbtn{
    position: absolute;
    left: 50%;
    width: 42px;
    bottom: 30px;
    z-index: 9;
    margin-left: -21px;
    animation: down 10s infinite;
    -webkit-animation: down 10s infinite;
    transition: all ease .5s;
}
.whitebox{
    background-color: rgba(255,255,255,.1);
    position: relative;
    margin-top: 30px;
    height: 438px;
}
.whitebox .san{
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -15px;
    border-bottom: 15px solid rgba(255,255,255,.1);
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}
.mlist{position: relative;top: 50%;transform: translateY(-50%);}
.mlist1{
    display: flex;
    justify-content: center;
}
.mlist li{
    float: left;
    text-align: center;
}
.mlist li .icon{height: 50px;line-height: 50px;margin-bottom: 12px;}
.mlist li .icon img{max-height: 50px;}
.mlist li .state{color: #fff;font-size: 16px;height: 42px;overflow: hidden;}
.mlist1 li{width: 20%;}
.mlist2{display: flex;justify-content: center;flex-wrap: wrap;padding-top: 50px;}
.mlist2 li{width: 30%;float: none;margin-bottom: 50px;}
.mlist3 li{padding: 18px 0;width: 25%;}
.mlist4{display: flex;flex-wrap: wrap;justify-content: center;}
.mlist4 li{width: 20%;padding: 18px 0;}
.whitebox2{height: 548px;}
.codemask{
    position: absolute;
    width: 100%;
    left:-140%;
    transition: all .5s ease;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 101;
    height: 100px;
    opacity: 0;
    visibility: hidden;
}
.codemask.fixed{
    position: fixed;
    /* z-index: 91; */
}

.codemask.open{opacity: 1;visibility: visible;left: 0;}
.codemask .ww{height: 100px;margin: 0 auto;position: relative;width: 480px;}
.codemask .timg{width: 28px;height: 26px;float: left;margin-top: 37px;}
.codemask .tt{
    color: #cccccc;font-size: 30px;
    margin: 0 36px 0 22px;height: 100px;line-height: 100px;
    float: left;
}
.codemask .miniimg{display: none;cursor: pointer;transition: all 1s ease;}
.codemask .img{
    width: 75px;height: 75px;
    background-color: rgba(255,255,255,.6);
    padding: 4px;
    margin-top: 12px;
    float: left;
}
.codemask .img img{width: 100%;height: 100%;vertical-align: baseline;}
.codemask .close{
    position: absolute;
    right: 0;
    top: 5px;
    width: 18px;height: 18px;
}
.codemask .close img{vertical-align: top;}
.codemask.mini{width: 50px;text-align: center;transition: all .5s ease;}
.codemask.mini .ww{display: none;}
.codemask.mini .miniimg{display: inline-block;margin-top: 37px;}

.process{
    display: flex;
    justify-content: space-between;
    margin-top: 130px;
}
.process li{
    width: 182px;height: 182px;
    text-align: center;
    background:url(../images/kk.png) no-repeat center;
    background-size: 182px 182px;
    padding-top: 30px;position: relative;
}
.process li .num{color: #fff;font-size: 20px;margin-bottom: 24px;}
.process li .tt{color: #fff;font-size: 16px;}
.process li+li{margin-left: 36px;}
.process li:nth-child(2n+1){margin-top: 90px;}
.memberbox2 .wrap{max-width: 1520px;}
.process li::after{
    content: "";
    position: absolute;
    top: 34px;
    left: 135px;
    width: 126px;height: 14px;
    background: url(../images/yuan.png) no-repeat center;
}
.process li:nth-child(2n):after{top: 122px;left: 144px;}
.process li:last-child::after{display: none;}
.advswiper{overflow: hidden;position: relative;margin-top: 150px;}
.advswiper li .img{width: 60px;height: 60px;line-height: 60px;text-align: center;border-radius: 50%;border: 1px solid #fff;margin: 0 auto 15px;}
.advswiper li .img img{max-width: 80%;max-height: 80%;}
.advswiper li .tt{color: #fff;font-size: 18px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.advswiper li .state{
    color: #fff;font-size: 16px;
    text-align: center;
    line-height: 1.8;
}
.advswiper li .line{
    margin: 12px auto 15px;
    width: 47px;height: 1px;
    background-color: rgba(255,255,255,.5);
}
.advswiper.swiper-container-horizontal > .swiper-pagination-progressbar{
    top: auto;bottom: 0;margin-top: 108px;
    height: 6px;
    background-color: rgba(255,255,255,.2);
}
.advswiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 6px;top: 0;background-color: #fff;border-radius: 6px;}
.coplist{margin: 0 -50px;padding-top: 150px;}
.coplist li{width: 33.3%;padding: 0 50px;float: left;}
.coplist li .img{width: 60px;height: 60px;line-height: 60px;text-align: center;border-radius: 50%;border: 1px solid #fff;margin: 0 auto 15px;}
.coplist li .img img{max-width: 80%;max-height: 80%;}
.coplist li .tt{color: #fff;font-size: 18px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.coplist li .state{
    color: #fff;font-size: 16px;
    text-align: center;
    line-height: 1.8;
}
.coplist li .line{
    margin: 12px auto 15px;
    width: 47px;height: 1px;
    background-color: rgba(255,255,255,.5);
}
.contactbox{
    background-repeat: no-repeat;
    background-size: cover;
}
.contactbox .content{
    width: 1140px;
    top: 56%;
    transform: translateY(-50%);
    position: relative;
    margin: 0 auto;
    background-color: rgba(0,0,0,.3);
    padding: 50px 20px 35px;
    z-index: 9;
}
.contactbox .content .icon{text-align: center;margin-bottom: 15px;}
.contactbox .content .tt{color: #fff;font-size: 24px;margin-bottom: 40px;text-align: center;line-height: 32px;}
.contactbox .content .tt i{
    display: inline-block;
    background-color: rgba(255,255,255,.7);
    color: #131d40;
    width: 50px;
    height: 18px;
    border-radius: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    margin-right: 10px;
}
.contactbox .content .tt span{display: inline-block;vertical-align: middle;}
.contactbox .content .tt2{font-size: 12px;}
.contactbox .content .code .img{
    margin: 0 auto;
    background-color: rgba(255,255,255,.5);
    width: 110px;height: 110px;
    padding: 6px;
}
.contactbox .content .code img{width: 98px;height: 98px;}
.contactbox .content .code .t0{text-align: center;color: #fff;font-size: 18px;margin-top: 12px;}
.news-detail{padding:210px 20px 120px;background-color: #f4f4f4;}
.news-detail .wrap{max-width: 1520px;margin: 0 auto;}
.news-detail .left{width: 124px;}
.news-detail .left .back{
    display: block;
    color: #fff;
    font-size: 16px;
    height: 46px;
    background-color: #c6c6c6;
    line-height: 46px;
    text-align: center;
    transition: all .5s ease;
    border-radius: 4px;
}
.news-detail .left .back img{margin-right: 3px;vertical-align: baseline;}
.news-detail .left .back:hover{background: #f9d8ae;}
.news-detail .rightcon{overflow: hidden;padding-left: 148px;}
.news-detail .rightcon .title{color: #27313c;font-size: 34px;margin-bottom: 20px;}
.news-detail .rightcon .subtitle{color: #999999;font-size: 16px;padding-bottom: 32px;border-bottom: 1px solid #cbcdcf;text-align: center;}
.news-detail .rightcon .subtitle span{display: inline-block;margin: 0 20px;}
.news-detail .rightcon .detail{
    margin-top: 48px;
    color: #27313c;font-size: 18px;
    line-height: 1.7;
}
.news-detail .left .share{
    background-color: #c6c6c6;
    padding: 36px 10px 24px;
    margin-top: 20px;
    border-radius: 4px;
}
.social-share a{display: block;text-align: center;height: 40px;line-height: 36px;width: 40px;margin: 0 auto;border-radius: 50%;}
/*.social-share a+a{margin-top: 25px;}*/
.social-share .icon-weibo:before, .social-share .icon-wechat:before, .social-share .icon-qq:before{display: none;}
.business{
    padding: 100px 20px;
    background-color: #f0f0f0;
}
.business .wrap{max-width: 1724px;padding: 0 100px;position: relative;margin: 0 auto;}
.business .btn{
    position: absolute;
    width: 50px;height: 50px;
    border-radius: 50%;
    text-align: center;line-height: 50px;
    border: 1px solid #9b9b9b;
    top: 50%;margin-top: -25px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease;
}
.business .prev{left: 0;background-image: url(../images/ll2.png);}
.business .next{right: 0;background-image: url(../images/rr2.png);}
.business .prev:hover{background-image:url(../images/llon.png);background-color: #3a4858;}
.business .next:hover{background-image:url(../images/rron.png);background-color: #3a4858;}
.busswiper{overflow: hidden;}
.busswiper li .pic{overflow: hidden;}
.busswiper li .pic img{width: 100%;transition: all ease .5s;}
.busswiper li a:hover .pic img{transform: scale(1.1);}
.busswiper li .con{
    background-color: #3a4858;
    padding: 24px 22px;
}
.busswiper li .name{
    position: relative;
    margin-bottom: 20px;
    min-height: 60px;
    padding-right: 60px;
}
.busswiper li .icon{
    position: absolute;
    right: 0;
    top: 0;
}
.busswiper li .en{
   color: #938472;font-size: 12px;
   margin-top: 10px;
}
.busswiper li .ch{
    color: #dabf9c;
    font-size: 24px;
}
.busswiper li .state{
    color: #fff;
    font-size: 14px;
    font-family: '黑体';
    font-weight: bold;
    line-height: 1.8;
    margin-top: 20px;
    height: 200px;
    overflow: hidden;
}
/*.busswiper li .state span{color: #dabf9c;}*/
.joinus{background-color: #f4f4f4;padding: 75px 20px 80px;}
.joinus .wrap{max-width: 1520px;margin: 0 auto;}
.joinlist{margin: 0 -12px;}
.joinlist li{
    float: left;
    width: 33.3%;
    padding:0 12px;
    margin-bottom: 20px;
}
.joinlist li a{display: block;background-color: #fff;padding-bottom: 40px;}
.joinlist li .tt{color: #3a4858;font-weight: bold;padding: 54px 20px 10px 0;border-bottom: 1px solid #d6d6d6;margin-left: 24px;}
.joinlist li .tt .fl{font-size: 26px;}
.joinlist li .tt .fr{font-size: 18px;}
.joinlist li .brief{
    padding: 30px 20px 0 24px;
    color: #999999;
    font-size: 14px;
    height: 277px;
    overflow: auto;
    margin-bottom: 10px;
}
/* .joinlist li .brief::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.joinlist li .brief::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 3px;
} */
.joinlist li .brief p{background-repeat: no-repeat;background-image: url(../images/yuan2.png);background-position: left 8px;padding-left: 14px;}
.joinlist li .email{
    padding: 10px 20px 10px 64px;
    background-image: url(../images/email2.png);
    background-repeat: no-repeat;
    background-position: 24px center;
    line-height: 30px;
    color: #3a4858;
    font-size: 16px;
    font-weight: bold;
}
.about-strategy li{
    position: relative;overflow: hidden;border-radius: 5px;
    height: 200px;
    width: 240px;
    cursor: pointer;
    transition: 1200ms;
    /* transform: scale(.9); */
}
.about-strategy li .bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 1s ease;
    background-color: rgba(0,0,0,.7);
}
.about-strategy li .img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all ease .5s;
    background-repeat: no-repeat;background-position: center;background-size: cover;
}
.about-strategy li:hover .img{transform: scale(1.1);}
.about-strategy li .con{position: relative;z-index: 9;padding: 16px 22px 0;width: 240px;}
.about-strategy li .icon{margin-bottom: 70px;height: 24px;line-height: 24px;}
.about-strategy li .icon img{max-height: 22px;}
.about-strategy li .t1{color: #fff;font-size: 18px;margin-bottom: 6px;}
.about-strategy li .t2{font-size: 14px;color: #fff;height: 38px;overflow: hidden;}
.aboutbox4 .swiper-pagination{position: relative;margin-top: 30px;height: 5px;background-color: rgba(156,156,156,.5);}
.aboutbox4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #fff;top: 0;height: 5px;}
.about-strategy li.swiper-slide-active .bg{width: 0;}
.about-strategy li.swiper-slide-active{
    width: 470px;
    /* transform: scale(1); */
}
.about-strategy li.swiper-slide-active .con{width: 470px;}
.about-strategy li.swiper-slide-active .t1{color: #f9d8ae;font-size: 24px;}
.about-strategy li.swiper-slide-active .icon{height: 40px;line-height: 40px;margin-bottom: 50px;}
.about-strategy li.swiper-slide-active .icon img{max-height: 100%;height: 100%;}
.stleft{height: 200px;width: 10.4%;}
.stright{overflow: hidden;}
.intabwrap .box{ display: none;}
.intabwrap .box.open{display: block;}


@media screen and (max-width: 1820px){
    .stleft{width: 6%;}
}
@media screen and (max-width: 1720px){
    .stleft{width: 5%;}
}
@media screen and (max-width: 1640px){
    .stleft{width: 3%;}
    .brandswiper li{width: 27%;}
    .brandswiper li.swiper-slide-active{width: 31%;}
    .brandswiper li .pic{height: 300px;line-height: 250px;}
    .subbanner .left .txtwrap{max-width: 500px;}
}
@media screen and (max-width: 1560px){
    .stleft{width: 20px;}
}

@media screen and (max-height: 840px){
    .bimgswiper li{text-align: center;}
    .bimgswiper li img{max-height: 600px;max-width: 350px;}
    .brand-txt{padding-left: 50px;}
    .brand-txt .txtwrap{padding-bottom: 88px;}
    .brand-txt .title{margin-bottom: 30px;}
    .brand-txt .t1{font-size: 32px;}
    .brand-txt .state .s1{font-size: 24px;margin-bottom: 20px;}
    .brand-txt .state .s2{font-size: 16px;margin-bottom: 15px;}
    .brand-txt .state{line-height: 2.2;}
    .mlist4 li .icon{height: 40px;line-height: 40px;}
    .mlist4 li .icon img{max-height: 40px;}
    .mlist4 li{padding: 8px 0;}
    .whitebox2{height: 466px;}
    .memberbox .title .timg img{
        /*height: 36px;*/
        height: auto;
    }
    .memberbox .wrap{padding-top: 40px;}
    .process li+li{margin-left: 12px;}
    .process li::after{width: 102px;}
    .news-detail .rightcon{padding-left: 80px;}
    .memberbox .title .timg{margin-top: 15px;}
    .whitebox{margin-top: 25px;}
    .brandswiper li .pic{height: 260px;}
}

.intabs.fixed{
    position: fixed;
    z-index: 999;
    background-color: #fff;
    top: 104px;
}

/**组织架构弹框 */
.mask {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2999;
    display: none;
    background-color: rgba(0, 0, 0, .7);
}
.mask .content {
    background-color: #F9D8AE;
    border-radius: 5px;
    position: relative;
    width: 720px;
    z-index: 9;
    max-width: 90%;
    margin: 0 auto;
    top: 47%;
    transform: translateY(-50%);
    height: 560px;
    opacity: 0.9;
}

.mask .title {
    font-size: 16px;
    font-weight: bold;
    height: 46px;
    padding-top: 16px;
}

.mask .title .shuxian{
    border-left: 5px solid #B48C58;
}

.mask .title img {
    margin-right: 24px;
}

.mask .content .submit-infos{
    border-radius: 5px;
    margin: 5px 10px 20px 10px;
    background-color: #fff;
    height: 500px;
}

.info{
    height: 420px;
    padding: 20px;
    font-size: 13px;
    line-height: 2;
    overflow-y: auto;
}
.info .img{
    text-align: center;
    margin-bottom: 40px;
}
.info::-webkit-scrollbar {
    width: 4px;
}
.info::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px #A28B6F;
    opacity: 0.2;
    /*background: fade(@primary-color, 80%);*/
}
.info::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #CABFB3;
    border-radius: 0;
    /*background: fade(@primary-color, 80%);*/
}


.btns{
    text-align: center;
    margin-top: 20px;
}

.commonbtn {
    display: inline-block;
    width: 140px;
    height: 40px;
    border-radius: 40px;
    text-align: center;
    line-height: 40px;
    margin: 0 10px;
    transition: all ease .3s;
    color: #D6BB9A;
    border: 1px solid #D6BB9A;
}