/* 二级页 */
/* 头部 */
/* .header .center .nav a{
    font-size: 16px;
} */
.scroll-wrapper{-webkit-overflow-scrolling: touch;overflow-y: scroll;}
.header-hide {
    top: -120px;
}
.bg .header{
    /* position: relative;
    top: 0; */
    background-color: rgba(0,0,0,.5);
    z-index: 100;
}
#bg1{
    height: 864px;
}
.bg{
    width: 100%;
    height: 506px;
    position: relative;
    background-attachment: fixed;
}
.bg .text{
    position: absolute;
    top: 42%;
    left: 50%;
    margin-left: -258px;
    text-align: center;
    padding: 0 8px;
}
.bg .text5 p{
    font-size: 75px !important;
}
.bg .text1{
    top: 38%;
    padding: 0 8px;
    text-align: center;
}
.bg .servetext1{
    /* width: 420px; */
    margin: 0 auto;
}
.bg .servetext{
    position: absolute;
    top: 39%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}
.bg .servetext p:nth-child(1){
    padding-left: 36px;
}
.bg .servetext p{
    font-size: 80px;
    letter-spacing: 36px;
    color: #fff;
    text-align: center;
    margin-bottom: 22px;
}
.bg .servetext p:nth-child(2){
    width: 410px;
    font-size: 24px;
    margin: auto;
    letter-spacing: 0px;
    /* margin-left: 0; */
    line-height: 42px;
    border-top: 1px dotted #fff;
    border-bottom: 1px dotted #fff;
}

.bg .text::before{
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    background-color: #000000;
    position: absolute;
    top: 86%;
    right:100%;
}
.bg .text::after{
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    background-color: #000000;
    position: absolute;
    top: 86%;
    left:100%;
}
.bg .text p{
    font-size: 80px;
    letter-spacing: 36px;
    text-align: center;
    padding-left: 36px;
    color:  #18232b;
}
.bg .text p:nth-child(2){
    margin-top: 12px;
    letter-spacing: 0px;
    padding: 0;
    font-size: 27px !important;
}
.bg video{
    display: block;
    /* width: 100%; */
    height: 864px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -99;
}
/* 凡彩服务 */
.serverlun{
    position: relative;
    padding-bottom: 104px;
}
.serverlun .text-wrap .texten::before{
    right: 0%;
}
.serverlun .text-wrap .text::before,.workpro .text-wrap .text::before,.advantage .text-wrap .text::before{
    top: 84%;
    right:56%;
}
.serverlun .text-wrap .text::after,.workpro .text-wrap .text::after,.advantage .text-wrap .text::after{
    top: 86%;
    left:56%;
}
/* .serverl{
    margin-top: 44px;
    height: 100%;
    position: relative;
} */
.serverlun .tuj{
    width: 98%;
    position: absolute;
    bottom: 0;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    background-color: rgba(0,0,0,.3);
    padding-right: 1%;
}
.serverlun .banner{
    width: 100%;
    position: relative;
    /* height: 260px; */
    /* background-color: red; */
    /* height: 100px; */
}
/* .tuplaylist .banner .swiper-container{
    margin: 0;
} */
.banner .swiper-container{
    width: 90%;
    margin: 0  auto;
    margin-top: 50px;
}
/* .banner .swiper-wrapper{ */
    /* min-width: none; */
    /* max-height: 260px;
    overflow: hidden;
} */
.tuplaylist .swiper-button-prev{
    top: 60% !important;
}
.tuplaylist .swiper-button-next{
    top: 60% !important;
}
.serverlun .swiper-slide,.tuplaylist .swiper-slide{
    text-align: center;
    /* width: 50%; */
    height: 257px;
    overflow: hidden;
    position: relative;
    padding-right: 1%;

}
.tuplaylist .swiper-slide{
    position: relative;
}
.tuplaylist .playtext{
    position: absolute;
    bottom: 0%;
    left: 0%;

}
/* .serverlun .swiper-slide img{
    width: auto;
    height: auto;
    max-width: 100%;
    min-height: 100%;
} */

.serverlun .morele{
    margin-top: 40px;
}
.serverlun .more{
    width: 134px;
    height: 40px;
    background-color: #000;
    margin: 0 auto;
}
.serverlun .more a{
    /* display: block;
    height: 40px; */
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
}
.banner .swiper-button-prev{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23efefee'%2F%3E%3C%2Fsvg%3E");
}
.banner .swiper-button-next{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23efefee'%2F%3E%3C%2Fsvg%3E");

}


/*  */
.tuplaylist .banner{
    width: 100%;
    overflow: hidden;
}
.tuplaylist .banner .swiper-slide{
    width: 50%;
    height: 257px;
}
/*  */
.workpro{
    padding-top: 144px;
    padding-bottom: 140px;
    background-attachment: fixed;
}
.workpro .worklist{
    overflow: hidden;
    padding: 130px 0 0 58px;
}
.worklist .li{
    /* display: block; */
    position: relative;
}
.slow{
    animation-delay: 600ms;
}
.slow1{
    animation-delay: 1200ms;
}
.slow2{
    animation-delay: 1800ms;
}
.slow3{
    animation-delay: 2400ms;
}
.slow4{
    animation-delay: 3s;
}
.worklist .li .litext{
    display: block;
    font-size: 28px;
    color: #000;
    font-weight: 500;
    position: absolute;
    top: 50%;
    right: 48%;
    transform: translate(48%, -50%);
}
/* youshi */
.advantage{
    padding-top: 96px;
    padding-bottom: 152px;
}
.advantlist{
    padding-top: 130px;
    overflow: hidden;
}
.advantlist .advli{
    width: 270px;
    margin-right: 56px;
    /* border: 1px solid #000; */
}
.advantlist .advli4{
    margin-right: 0;
}
.advantlist .advli .advli11{
    width: 270px;
    background-color: #e5e5e5;
    height: 80px;
}
.advantlist .advli .advli11 .advli12{
    width: 224px;
    height: 80px;
    background-color: #a0a0a0;
}
.advantlist .advli .advli11 .advli12 .advli13{
    width: 180px;
    height: 80px;
    background-color: #404040;
}
.advantlist .advli .advli11 .advli12 .advli13 .advli14{
    width: 134px;
    height: 80px;
    background-color: #000000;
    font-size: 36px;
    color: #fff;
    text-align: center;
    line-height: 80px;
}
.advantlist .advlitext{
    font-size: 16px;
    line-height: 30px;
    margin-top: 18px;
    border-bottom: 1px dotted #000;
    height: 201px;
}
/* .advantlist .advli4 .advlitext,.advantlist .advli3 .advlitext{
    line-height: 28px;
} */
/* .advantlist .advli2 .advlitext{
    line-height: 38px;
} */
.advantage .numberlist{
    transition: all 300ms;
    padding-top: 70px;
    overflow: hidden;
}
.nmli{
    width: calc(100% / 4);
}
.numberlist .nmlitext{
    text-align: center;
    width: 90%;
    margin: 0 auto;
    border-right: 1px solid #000;
}
.numberlist .nmlitext p{
    font-size: 20px;
    position: relative;
}
.numberlist .nmlitext i{
    display: inline-block;
    font-style: normal;
    font-size: 2px;
    font-weight: 700;
    padding-left: 4px;
    position: absolute;
    margin-top: 30px;
    /* top: 0; */
}
.numberlist .nmlitext span{
    display: inline-block;
    font-size: 50px;
    margin-top: 20px;
}
.numberlist .nmlitext b{
    display: inline-block;
    font-size: 50px;
    font-weight: 500;
    /* margin-top: 20px; */
}
/* 凡彩作品 */
.bg .erbt{
    position: absolute;
    top: 78%;
    left: 50%;
    margin-left: -330px;
}
/* .bg .erbtt{
    left: 30% !important;
} */
.bg .erbt1{
    /* left: 60%; */
    margin-left: -132px;
}
.bg .erbt li{
    margin-right: 16px;
}
.bg .erbt li .tt2{
    width: 168px;
}
.bg .erbt li a{
    font-size: 18px;
    height: 34px;
    width: 116px;
    text-align: center;
    border-radius: 20px;
    line-height: 34px;
}
.bg .erbt li a:hover{
    background-color: #2b2c2c;
    color: #fff;
    opacity: 0.6;
}
.active{
    background-color: #2b2c2c;
    color: #fff;
    opacity: 0.6;
}
/* 三维动图 */
/* three内容 */
.threewei{
    padding-top: 70px;
    min-height: 200px;
    overflow: hidden;
}
.three-list{
    padding-bottom: 50px;
    overflow: hidden;
    width: 50%;
    /* height: 370px; */
}
.three-list3{
    padding-bottom: 30px;
    height: 430px;
}
.three-list .three-left{
    padding-right: 15px;
    /* padding-right: 58px; */
    /* padding-left: 15px; */
    width: 100%;
    text-align: left;
    position: relative;
}
.three-list3 .three-left{
    height: 400px;
}
.three-list1{
    width: 100%;
}
.three-list1 .three-left{
   width: 50%;
   padding-right: 58px;
    padding-left: 15px;
}
.three-list .three-left .tuk{
    display: block;
    height: 350px;
    position: relative;
}
.three-list .three-left img{
    display: block;
    width: 100%;
    /* height: 350px; */
}
.three-list .three-left2{
    /* padding-left: 58px; */
    padding-right: 15px;
}
.three-list1 .three-left2{
    padding-left: 58px;
    padding-right: 15px;
}
.three-left .h22 {
    text-align: left;
}
.three-left .h2{
    font-size: 18px;
    color: #121212;
    font-weight: 700;
    transition: all 300ms;
    padding-top: 26px;
}
.three-list1 .three-left .h2{
    text-align: right;
}
.three-right .h2{
    font-size: 24px;
    color: #121212;
    font-weight: 700;
    transition: all 300ms;
    padding-top: 26px;
}
.three-left .h22{
    text-align: left;
}
.three-list1 .three-left .h22{
    text-align: left;
}
.three-left .donghuatext1 li:nth-child(1){
    margin-left: 0;
}
.three-left .donghuatext{
    text-align: right;
    padding-top: 34px;
    overflow: hidden;
    transition: all 400ms;

}
.three-left .donghuatext li{
    margin-left: 22px;
    font-size: 15px;
    font-weight: 600;
    color: #121212;
}
.three-left .donghuatext1 li:nth-child(2){
    margin-right: 18px;
}
.three-left .donghuatext li::before,.servetext .donghuatext li::before{
    content: '';
    display:inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    border-radius: 50%;
    margin-right: 6px;
}
.three-left .donghuatext li::before,.servetext .donghuatext li:nth-child(2){
    margin-right: 4px;
}
.three-left .p{
    padding-top: 34px;
    font-size: 12px;
    color: #121212;
    line-height: 30px;
    font-weight: 500;
    transition: all 500ms;

}
.three-list1 .three-left .p{
    text-align: right;
}
.three-left .p1{
    text-align: left;
}
.three-list1 .three-left .p1{
    text-align: left;
}
.three-left .lmore{
    text-align: left;
    padding-top: 44px;
    line-height: 30px;
    position: relative;
    transition: all 600ms;

}
.three-left .lmore a:hover,.three-right .lmore1 a:hover{
   text-decoration: underline;
}
.three-left .lmore1{
    text-align: right;
}
.three-left .lmore1 a{
    margin-right: 42px;
}
.three-left .lmore1 .icon-jiantou{
    left: 94%;
}
.three-left .lmore a{
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #131313;
}
.icon-jiantou{
    font-size: 30px;
    position: absolute;
    top: 48px;
    left: 62px;
    font-weight: 700;
}
.three-list .three-right{
    /* padding-left: 30px; */
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-left: 15px;
    /* background-color: turquoise; */
}
.three-list1 .three-right{
    width: 50%;
    padding-left: 30px;
 }
.three-list .three-right img{
    width: 100%;
    height: 300px;
    /* height: 100%; */
}
.three-list .three-left .icon-bofangjian{
    position: absolute;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    top: 46%;
    font-size: 50px;
    color: #fff;
}
.three-list .three-right .icon-bofangjian{
    position: absolute;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    top: 50%;
    font-size: 50px;
    color: #fff;
}
.layui-layer{
    width: auto !important;
}
/* footer */
.footer{
    background-color: #121212;
}
.footer .unds{
    width: 60%;
    padding-left: 24px;
    padding-top: 38px;
    /* background-color: #000; */
    overflow: hidden;
    padding-bottom: 18px;
}
.footer .unds li{
    /* margin-right: ; */
    width: calc(100% / 5);
}
.footer .unds li a{
    font-size: 16px;
    color: #fff;
    text-align: left;
}
.footer .unds .twotext{
    padding-top: 20px;
}
.footer .unds .twotext li{
    width: 100%;
}
.footer .unds .twotext li a{
    display: block;
    width: 100%;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    text-align: left;
}
.footer .tub{
    width: 40%;
    padding: 40px 0 18px 26px;
}
.footer .tub .tel{
    margin-right: 96px;
}
.footer .tub i{
    display: block;
    width: 44px;
    height: 44px;
    margin-left: 20px;
}
.footer .tub a{
    color: #fff;
    font-size: 12px;
    margin-top: 16px;
}
.footer .tub .erma{
    margin-left: 86px;
}
.footer .tub .erma i{
    display: block;
    width: 74px;
    height: 74px;
    margin-left: 20px;
}
.footer .tub .erma a{
    margin-top: 4px;
    text-align: center;
    margin-left: 16px;
}
.beihao span{
    display: block;
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    border-top: 1px solid #fff;
}
.beihao span a{
    display: inline-block;
    color: #fff;
    font-size: 14px;
}
/* 搜索框 */
.sousuo{
    text-align: center;
    position: relative;
    border: none;

}
.sousuo input{
    width: 50%;
    height: 58px;
    border: none;
    border-bottom: 1px solid #ccc;
    padding-left: 60px;
    margin-top: 40px;
    outline: none;
}
.icon-sou-suo,.icon-cuohao{
    font-size: 22px;
    position: absolute;
}
.icon-sou-suo{
    top: 60%;
    left: 26%;
}
.sousuo button{
    background-color: #fff;
    border: none;
}
.icon-cuohao{
    font-size: 26px;
    top: 60%;
    right: 26%;
}
#sp .icon-cuohao{
    right: 2px;
    top: 2px;
    color: #fff;
    font-size: 20px;
}
.sousuo-wrap .hot{
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 40px;
    font-size: 16px;
    font-weight: 600;
}
.sousuo-wrap .hot a:hover{
    background-color: #2b2c2c;
    opacity: 0.6;
    color: #fff;
    border-radius: 10px;
}
.sousuo-wrap .hot a{
    display: inline-block;
    font-weight: 500;
    padding-left: 8px;
    line-height: 20px;
    padding-right: 8px;
}
.sousuo-wrap .hot a:nth-child(8){
    display: none;
}
.sousuo-wrap .hot a:nth-child(9){
    display: none;
}
.sousuo-wrap .hot a:nth-child(10){
    display: none;
}
.sousuo-wrap .hot a:nth-child(11){
    display: none;
}
.sousuo-wrap .hot a:nth-child(12){
    display: none;
}
.sousuo-wrap .hot a:nth-child(13){
    display: none;
}
.sousuo-wrap .hot a:nth-child(14){
    display: none;
}
.sousuo-wrap .hot a:nth-child(15){
    display: none;
}
.sousuo-wrap .hot a:nth-child(16){
    display: none;
}
.hotchi{
    background-color: #2b2c2c;
    opacity: 0.6;
    color: #fff;
    border-radius: 10px;
}
.ditu-wrap .ditu:first-child{
    margin-top: 0;
}
.ditu-wrap .ditu:last-child{
    margin-bottom: 80px;
}
.ditu-wrap .ditu{
    overflow: hidden;
    margin-top: 70px;
}
.ditu-wrap .ditu-left{
    position: relative;
    width: 55%;
}
.ditu-wrap .ditu-right{
    width: 45%;
    padding: 70px 16px 0 70px;
}
.ditu-right .ad,.ditu-right .tel,.ditu-right .emal{
    font-size: 16px;
    line-height: 30px;
}
.ditu-right .h2{
    font-size: 18px;
    /* margin-bottom: 40px; */
}
.ditu-wrap .address{
    width: 212px;
    height: 74px;
    background-color: #fff;
    padding: 12px 30px 12px 12px;
    position: absolute;
    top: 29%;
    left: 34%;
}
.ditu-wrap .ditu-left .icon-cuohao{
    top: 30%;
    right: 34%;
}
.ditu-wrap .address p{
    font-size: 14px;
}
.ditu-wrap .address p:nth-child(2){
    margin-top: 10px;
    font-size: 12px;
}
/* 图片展示 */
.tushow-wrap,.ditu-wrap{
    padding-top: 50px;
    width: 100%;
    min-height: 200px;
    overflow: hidden;
}
.tuzhan {
    column-count: 3;
    column-gap: 0;
}
.tuzhan .item {
    padding: 5px;
    position: relative;
    counter-increment: count;
}
/* .tushow{
    margin-right: 5px;
    width: calc((100% - 10px) / 3);
}.tushow img:hover{
    transform: scale(1.2);
}
.tushow i{
    display: block;
    overflow: hidden;
    margin-top: 5px;

}
.tushow img{
    display: block;
    width: 100%;
    transition: all 300ms;
}
.tushow .tu1{
    margin-top: 0;
}
.tushow3{
    margin-right: 0;
}
.icon-sigekuang{
    font-size: 30px;
    color: #000;
    margin: 0 auto;
    cursor: pointer;
} */
/* tubb */
.newzhengw p{
    line-height: 28px;
}
.tubb{
    padding-top: 44px;
    height: 132px;
    position: relative;
    text-align: center;
}
.tubb .icon-shangpinliebiaoxuanzhong{
    font-size: 30px;
    position: absolute;
    top: 46px;
    left: 49%;
}
.tubb .icon-shangpinliebiaoxuanzhong-pbl{
    font-size: 30px;
    display: none;
}
.ding{
    display: none;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background-color: #333333;
    text-align: center;
    padding-top: 4px;
    position: fixed;
    right: 0;
    bottom: 290px;
    /* margin-top: 10px; */
}
.ding .icon-dingbu{
    margin-top: 14px;
    font-size: 35px;
    color: #fff;
}
.ding span{
    display: block;
    font-size: 12px;
    color: #fff;
}
/* 公司介绍 */
.com-int{
    padding: 136px 0;
}
.com-int .int{
    height: 278px;
    /* margin: 0 auto; */
    padding: 0 156px 0 174px;
}
.com-int p{
    font-size: 18px;
    line-height: 40px;
}
.com-int p a{
    font-size: 24px;
    display: inline-block;
}
.com-int p:nth-child(1){
    padding-top: 42px;
}
/* 企业文化 */
.com-culture{
    padding: 80px 0px 98px 0px;
    background-attachment: fixed;
}
.com-culture .text-wrap,.big-event .text-wrap,.honor .text-wrap,.serverlun .text-wrap,.workpro .text-wrap,.advantage .text-wrap{
    text-align: center;
    position: relative;
}
.com-culture .text,.big-event .text-wrap,.honor .text,.serverlun .text,.workpro .text,.advantage .text{
    /* width: 180px; */
    margin: 0 auto;
}
.com-culture .text::before,.big-event .text::before,.honor .text::before,.serverlun .text::before,.workpro .text::before,.advantage .text::before{
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    background-color: #000000;
    position: absolute;
    top: 84%;
    right:60%;
}
.com-culture .text::after,.big-event .text::after,.honor .text::after,.serverlun .text::after,.workpro .text::after,.advantage .text::after{
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    background-color: #000000;
    position: absolute;
    top: 84%;
    left:60%;
}
.com-culture .text p,.big-event .text p,.honor .text p,.serverlun .text p,.workpro .text p,.advantage .text p{
    font-size: 30px;
}
.com-culture .text p:nth-child(2),.big-event .text p:nth-child(2),.honor .text p:nth-child(2),.serverlun .text p:nth-child(2),.workpro .text p:nth-child(2),.advantage .text p:nth-child(2){
    font-size: 18px;
    margin-top: 6px;
}
.com-culture .cul-con{
    padding-top: 86px;
}
.com-culture .cul-con li{
    text-align: center;
}

.com-culture .cul-con li .con-kuang{
    background-color: #000000;
    color: #ffffff;
    width: 94px;
    margin: auto;
    line-height: 38px;
    font-size: 24px;
    letter-spacing: 16px;
    /* 字间距 */
    text-indent: 12px;
    margin-bottom: 22px;
    margin-top: 50px;
    animation: fanmian 1s;
}
@keyframes fanmian{
    0%{
        transform: rotateY(0);
    }
    50%{
        transform: rotateY(-180deg);
    }
    100%{
        transform: rotateY(-360deg);
    }
}
.com-culture .cul-con li .con-kuang2{
    margin-top: 56px;
}
.com-culture .cul-con li .con-kuang3{
    text-indent: 0px;
    letter-spacing: 0px;
    margin-top: 52px;
}
.com-culture .cul-con li p{
    font-size: 20px;
    margin-bottom: 20px;
}
.com-culture .cul-con li p .ii3{
    display: block;
    line-height: 28px;
}
.com-culture .cul-con li p span{
    margin-right: 66px;
}
.com-culture .cul-con li p span i{
    font-style: normal;
    font-weight: 700;
}
/* .com-culture .cul-con li .last{
    margin-top: 28px;
} */
/* 大事 */
.big-event{
    padding-top: 90px;
    padding-bottom: 72px;
}
.big-event .text::before{
    right: 60%;
}
.big-event .text::after{
    left: 60%;
}
/* 时间轴 */
.timeline{
    padding-top: 66px;
    overflow: hidden;
    min-height: 200px;
    position: relative;
    padding-bottom: 20px;
}
.timeline-left{
    width: 50%;
    /* padding-left: 50px; */
    position: relative;
    border-right: 2px solid #000;
    /* position: relative; */
    min-height: 200px;
    overflow: hidden;
}
.big-event .quan{
    position: absolute;
    left: 50%;
    margin-top: -18px;
    margin-left: -9px;
    text-align: center;
}
.big-event .quan .bb{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 3px solid #000;
}
.big-event .quan2{
    position: absolute;
    bottom: 0.3%;
    left: 50%;
    margin-left: -9px;
}
.big-event .quan2 .bb{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 3px solid #000;
}
.timeline .timedata1{
    /* padding-top: 1px; */
    padding-left: 0;
}
.timeline .timedata2{
    padding-top: 2px;
    /* padding-left: 0; */
}
.timeline .timeimg .datatu1{
    margin-right: 40px;
    margin-left: 0;
    margin-top: -16px;
}

.timeline .timeimg2{
    padding-top: 62px;
}
.timeline .timeimg3{
    padding-top: 0px;
}
.timeline .timeimg .datatu1 a{
    margin-right: 0;
    margin-left: 20px;
}
/* .timeline .timeimg .datatu1 i:nth-child(2){
    margin-left: 0;
} */
.timeline .timeimg a{
    display: block;
    width: 238px;
    height: 166px;
    overflow: hidden;
    margin-right: 20px;

}
.timeline .timeimg img{
    transition: all 0.2s;
}
.timeline .timeimg .datatu img:hover{
    transform: scale(1.7);
}
.timeline .timeimg2 .datatu1 a:nth-child(1){
    margin-left: 0;
}
.timedata span{
    display: inline-block;
}
.timedata{
    text-align: right;
    padding-top: 66px;
    overflow: hidden;
    height: 292px;
}
.timedata .icon1{
    width: 26px;
    height: 13px;
}
.timeimg,.timedata{
    height: 292px;
}
.timeimg .icon2{
    width: 22px;
    height: 16px;
    position: relative;
    top: -2px;
}
.timeimg .datatu{
    margin-left: 44px;
}
.timedata .datatext{
    margin-right: 46px;
}
.timedata .datatext1{
    margin-right: 0px;
    margin-left: 20px;
}
.timedata .datatext2{
    margin-left: 40px;
    position: relative;
}
.timedata .datatext2 p{
    position: relative;
    top: -12px;
}
.timedata1{
    text-align: left;
    padding-left: 14px;
    padding-right: 0;
    padding-top: 60px;
}
.timedata2{
    padding-top: 60px;
}
.timedata3{
    text-align: left;
    padding-left: 14px;
    padding-right: 0;
    padding-top: 40px;
}
.timedata p{
    font-size: 20px;
    font-weight: 700;
}
.timedata p:nth-child(2){
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}
.timeimg{
    overflow: hidden;
    padding-top: 66px;
}
.timeimg1{
    padding-top: 166px;
    padding-left: 0px;
}
/* .timeimg2{
    padding-top: 166px;
} */
/* .timeimg1 img{
    display: block;
    height: 166px;
}
.timeimg img{
    display: inline-block;
}
.timeline .line{
    width: 4%;
} */
.timeline-right{
    width: 50%;
    position: relative;
    border-left: 2px solid #000;
    min-height: 200px;
    overflow: hidden;
}
/* 荣誉 */
.honor{
    position: relative;
    padding: 80px 0 136px 0;
    background-attachment: fixed;
}
.honor .text::before{
    right: 62%;
}
.honor .text::after{
    left: 62%;
}
.honor .swiper-container{
    width: 90%;
    margin: 0  auto;
    margin-top: 100px;
}
.honor .swiper-slide{
    height: 258px;
    margin-right: 16px;
    width: auto;
}
.honor .swiper-slide i{
    display: block;
    width: auto;
    height: 258px;
}
.honor .swiper-slide i img{
    height: 100%;
}
.honor .swiper-button-prev{
    left: 18%;
    top: 57%;
}
.honor .swiper-button-next{
    right: 18%;
    top: 57%;
}
.tuplaylist{
    padding-top: 50px;
    overflow: hidden;
}
.tuplaylist .playli{
    margin-right: 30px;
    width: 100%;
    /* width: calc((100% - 60px) / 3); */
    position: relative;
}
.tuplaylist .playli img:hover{
    transform: scale(1.4);
}
.tuplaylist .playli img{
    /* height: auto;
    width: auto; */
    max-width: 100%;
    max-height: 100%;
    transition: all 300ms;
}
.tuplaylist .playli i{
    display: block;
    overflow: hidden;
    width: 404px;
    height: 450px;
}
/* .tuplaylist .playli:hover .playtext{
    top: 50%;
    text-align: center;
    padding: 0;
    /* left: 15%; */
    /* background-color: transparent;
} */
/* .tuplaylist .playli:hover .icon-bofangjian{
    top: 40%;
    left: 46%; */
/* }  */
.tuplaylist .playli3{
    margin-right: 0;
}
.tuplaylist .playli .playtext{
    width: 404px;
    padding-left: 30px;
    position: absolute;
    height: 70px;
    bottom: 0;
    left: 0;
    line-height: 70px;
    color: #fff;
    font-size: 18px;
    background-color: rgba(0,0,0,.5);
}
.tuplaylist .playli .icon-bofangjian{
    position: absolute;
    font-size: 40px;
    color: #fff;
    bottom: 2%;
    right: 4%;
}
.tuplaylist .playtext{
    width: 98%;
    padding-left: 30px;
    position: absolute;
    height: 32px;
    bottom: 0;
    left: 0;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    background-color: rgba(0,0,0,.5);
}
.tuplaylist .playli .icon-bofangjian{
    position: absolute;
    font-size: 40px;
    color: #fff;
    bottom: 2%;
    right: 4%;
}
.tuplaylist .icon-bofangjian{
    position: absolute;
    font-size: 40px;
    color: #fff;
   top: 50%;
   left: 50%;
   margin-top: -20px;
   margin-left: -20px;
}
.tuplaylist .videos{
    /* width: 1280px; */
    /* height: 500px; */
    margin: auto;
    /* border: 1px solid #000; */
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -640px;
    margin-top:-250px ;
    z-index: 1000;
}
/* .servetext .shum1{
    width: 22%;
    margin-left: -11%;
} */
.shum{
    /* position: relative;
    left: 50%;
    transform: translateX(-15%); */
    color: #fff;
    margin-top: 34px;
    display: inline-block;
    margin: 0 auto;
    margin-top: 12px;
}
.shum li{
    margin-right: 6px;
}
.shum li:last-child{
    margin-right: 0;
}
.servetext .donghuatext li::before{
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
    /* margin-right: 6px; */
}
.bg .servetext1 .chang{
    width: 410px;
}
.zixun{
    padding-top: 76px;
    width: 100%;
}
.zixun .zi-list-left{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden; 
    position: relative;
}
.zi-list{
    width: 50%;
    /* margin-right: 4%; */
    position: relative;
    overflow: hidden;
    padding: 0 0 112px 0px;

}
.zi-list .box{
    width: 14px;
    height: 60px;
    background-color: #000;
    position: absolute;
    left: 0%;
    top: 0%;
}
.zi-list .zi-listt{
    padding-left: 32px;
    padding-right: 20px;
    width: 100%;
}
/* .zi-list p{
    width: 100%;
} */
.zi-list .zi-listt .hlist{
    height: 60px;
    border-bottom: 1px solid #ccc;
}
.zi-list .zi-listt .hlist p{
    width: 100%;
    font-size: 24px;
    cursor: pointer;
}
.zi-list .zi-listt .hlist b{
    font-weight: 500;
    width: 20%;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: #e0e0e0;
}
.zi-list .zi-listt .hlist b a{
    display: inline;
    color: #fff;
    font-size: 14px;
}
.zi-list .zi-listt span{
    display: block;
    font-size: 16px;
    padding-top: 30px;
}
.zi-list .zi-listt .list li{
    font-size: 16px;
    line-height: 36px;
}
.tuwenlist{
    padding-top: 70px;
    overflow: hidden;
    padding-bottom: 60px;
}
.twlist:first-child{
    margin-top: 0;
}
.twlist:last-child{
    margin-bottom: 62px;
}
.twlist{
    /* padding-top: 40px; */
    height: 256px;
    margin-top: 40px;
    transition: all 1s;
    /* overflow: hidden; */
}
.twlist .twlist-left{
    width: 34%;
    height: 255px;
    overflow: hidden;
}
.twlist .twlist-left img{
    transition: all 300ms;
}
.twlist .twlist-left img:hover{
    transform: scale(1.2);

}
.twlist .twlist-right{
    width: 66%;
    height: 255px;
    padding-left: 42px;
    padding-right: 20px;
    position: relative;
    border-bottom: 1px solid #fff;
    /* border-right: 1px solid #fff; */
    box-shadow: 4px 4px 10px #ebebeb;

}
.twlist .twlist-right .h2{
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}
.twlist .twlist-right p{
    font-size: 16px;
    margin-top: 34px;
    line-height: 32px;
}
.twlist .twlist-right .tm{
    margin-top: 30px;
    overflow: hidden;
    line-height: 34px;
    /* padding-right: 30px; */
}
.twlist .twlist-right .tm i{
    display: block;
    color: #c3c3c3;
    font-style: normal;
}
.twlist .twlist-right .tm .lmore{
    /* width: 40%; */
    overflow: hidden;
    position: relative;
}
.twlist .twlist-right .tm .lmore a{
    margin-right: 40px;
}
.twlist .twlist-right .tm .lmore a:hover{
    text-decoration: underline;
}
.twlist .twlist-right .tm .lmore .icon-jiantou{
    bottom: 0%;
    right: 0%;
    top: 0;
    left: 94%;
}
.yema{
    width: 14%;
    overflow: hidden;
    text-align: center;
    margin: auto;
    margin-top: 60px;
}
.ye{
    width: 30px;
    height: 30px;
    background-color: #ccc;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
}
.ye a{
    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
}
.active1{
    background-color: #000;
    color: #fff;
}

@keyframes tada {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-ms-transform: scale(1)
	}

	10%,20% {
		-webkit-transform: scale(.9) rotate(-3deg);
		transform: scale(.9) rotate(-3deg);/*缩小到0.9倍，逆时针旋转3°*/
		-ms-transform: scale(.9) rotate(-3deg)
	}

	30%,50%,70%,90% {
		-webkit-transform: scale(1.1) rotate(3deg);
		transform: scale(1.1) rotate(3deg);
		-ms-transform: scale(1.1) rotate(3deg)
	}

	40%,60%,80% {
		-webkit-transform: scale(1.1) rotate(-3deg);
		transform: scale(1.1) rotate(-3deg);
		-ms-transform: scale(1.1) rotate(-3deg)
	}

	to {
		-webkit-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0);
		-ms-transform: scale(1) rotate(0)
	}
}



/* 新闻内容页 */
.newsbt{
    padding-top: 80px;
}
.newsbt .h3bt{
    font-size: 28px;
    color: #141414;
    text-align: center;
    /* font-weight: 600; */
}
.newsbt .time{
    display: block;
    color: #a0a0a0;
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
    padding-bottom: 22px;
    border-bottom: 1px dashed #c2c2c2;
}
.newzhengw{
    padding-top: 62px;
    padding-bottom: 128px;
}
.newzhengw .newwe p{
    font-size: 16px;
    color: #121212;
    line-height: 36px;
}
.newtu{
    margin-top: 60px;
    text-align: center;
}
.xiangxi{
    padding-top: 74px;
}
.xiangxi p {
    font-size: 16px;
    color: #121212;
    line-height: 36px;
}
.xiangxi p:nth-child(1){
    font-weight: 600;
}
.xiangxi p:nth-child(2),.xiangxi p:nth-child(3){
    text-indent: 2em;
}
.newtu .newt2{
    margin-top: 50px;
}
.xiangnew{
    padding-top: 50px;
    padding-left: 190px;
    padding-bottom: 34px;
    border-bottom: 1px dashed #c2c2c2;
}
.xiangnew p a{
    display: inline-block;
}
.xiangnew p{
    line-height: 40px;
    font-size: 16px;
    color: #121212;
}



/* youxiang */
/* .email{
    padding-top: 60px;
} */
.email .em-text{
    font-size: 16px;
    color: #121212;
    padding-top: 60px;
}
.email .em-text p{font-size: 16px;line-height: 2em ;}
.email .em-text a{
    display: inline-block;
    color: #121212;
    font-size: 16px;
    font-weight: 600;
}
.shipin{display: none; text-align: center; position: fixed; top: 0px; left: 0px; z-index: 3; width: 100%; height: 100%; background: rgba(0,0,0,0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);}
.shipin .video{text-align: center;}
.shipin video{width: 50%; display:table-cell; vertical-align: middle; max-width: 80%; display: inline-block;}
.shipin .fr{cursor: pointer; font-size: 50px; color: #fff; font-weight: bold; position: absolute; top: 200px; right: 50px;}
.pian{padding: 40px 0;}
.pian .h4{margin-top: 10px;}
.pian .zn{border-top: 1px dashed #c2c2c2;padding-top: 40px;}
#think_page_trace{display: none !important;}
#think_page_trace_open{display: none !important;}

.bg .texten9{
    margin-left: -318px !important;
}