.nf-box{width: 1400px;margin: 0 auto;}
@media screen and (max-width: 1419px) { 
    .nf-box{width: 1200px;}
}
@media screen and (max-width: 1219px) {
    .nf-box{width: 960px;}
}
@media screen and (max-width: 991px) { 
    .nf-box{width: 720px;}
}
@media screen and (max-width: 767px) {
    .nf-box{width: calc(100% - 30px);padding: 0 10px;}
}
.index-body{padding-top: 0;}
.main{background: url("../images/index/indexbg.png") no-repeat;background-position: 0 90px;}
.main *{box-sizing: border-box;}
/* banner */
.index-banner{position: relative;}
.banner-list {display: flex;align-items: center;position: absolute;bottom: 30px;left: 50%;transform: translate(-50%,0);border-radius: 20px;overflow: hidden;box-shadow: 0px 0px 12px 1px rgba(88, 88, 88, 0.16);}
.banner-list div{flex: 1;height: 162px;display: flex;align-items: center;justify-content: center;background-color: #fff;flex-direction: column;}
.banner-list div:hover{background: #F0F4FE;}
.banner-list div p{color: #000;font-size: 16px;line-height: 40px;}
.banner-list div p span{font-size: 30px;color: #5689FF;font-weight: bold;}
.index-title{text-align: center;}
.index-title .tit1{color: #000;font-size: 36px;font-weight: bold;}
.index-title .tit2{color: #898989;font-size: 16px;margin-top: 10px;}
@media screen and (max-width: 1419px) { 
    .banner-list{bottom: 10px}
    
}
@media screen and (max-width: 1219px) {
    .banner-list{flex-wrap: wrap}
    .banner-list>div{height: 90px;width: 50%;flex: 0 0 50%;}
    .banner-list div p span{font-size: 26px;}
}
@media screen and (max-width: 991px) { 
    .banner-list.nf-box{position: static;transform:none;width: calc(100% - 30px);margin: 10px auto;}
    .banner-list>div{height: 80px;}
    .banner-list div p{font-size: 14px;line-height: 20px;}
}
@media screen and (max-width: 767px) {

}
/* index2 */
#trade{padding-top: 100px;}
.index2-tab{display: flex;align-items: center;justify-content: space-between;width: 680px;margin: 46px auto 40px;}
.index2-tab a{background: #F0F4FE;color: #000000; border-radius: 25px;height: 50px;display: flex;align-items: center;justify-content: center;padding: 0 20px;min-width: 160px;font-size: 20px;}
.index2-tab a.on{color: #5689FF;}

.index2-top{display: flex;align-items: center;background: url("../images/index/index2-item1bg.png") no-repeat;min-height: 350px;padding: 0 0 0 92px;}
.index2-top .index2-left{flex: 0 0 285px;margin-right: 10%;}
.index2-top .index2-left .index2-tit{font-size: 28px;font-weight: bold;position: relative;color: #fff;margin-bottom: 50px;}
.index2-top .index2-left .index2-tit::after{content: "";display: block;width: 47px;height: 3px;background-color: #fff;position: absolute;left: 0;bottom: -20px;}
.index2-top .index2-left .index2-con{color: #fff;font-size: 16px;line-height: 32px;}
.index2-top .index2-center li{display: flex;align-items: center;font-size: 20px;color: #fff;line-height: 40px;}
.index2-top .index2-center li img{margin-right: 15px;}
.index2-top .index2-right{flex: 1;text-align: center;}

.index2-list.nf-box{display: flex;align-items: center;justify-content: space-between;margin-top: 20px;}
.index2-list>div{width: calc(25% - 15px);max-width: 311px;height: 200px;background: #F0F4FE;}
.index2-list>div .index2-img{height: 100px;width: 100%;display: flex;align-items: center;justify-content: center;}
.index2-list>div .index2-img img{transition: all 550ms;}
.index2-list>div .index2-img:hover img{    transform: scale(1.1);}
.index2-list>div .index2-item-con{text-align: center;color: #000;font-size: 16px;line-height: 30px;font-weight: 600;}

.index2-btn{display: flex;align-items: center;justify-content: center;margin: 36px auto 24px;}
.index2-btn a{text-align: center;line-height: 48px;border-radius: 24px;height: 48px;padding: 0 25px;color: #fff;font-size: 16px;transition:all 1s linear;background: linear-gradient(266deg, #5A84FF, #03DCFF);position: relative;z-index: 0;}
.index2-btn a::before {content: "";display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;right: 0;bottom: 0;
    background: linear-gradient(90deg, #5A84FF, #03DCFF);
    opacity: 0;    z-index: -1;
    transition: opacity .5s;border-radius: 24px;}
.index2-btn a:hover::before {opacity: 1;}


/* SEO优化 */
#seoOptimize{position: relative;}
#seoOptimize .seo-img1{position: absolute;left: 145px;top: 50px;animation: animationOne 20s infinite linear;}
#seoOptimize .seo-img2{position: absolute;right: 142px;bottom: 270px;animation: animationTwo 3s linear infinite;}
/* 海外推广 */
#overseasSpread  .index2-top{overflow: hidden;max-height: 353px;}
#overseasSpread .index2-right{position: relative;text-align: right;max-height: 353px;}
#overseasSpread .index2-right img{display: inline-block;margin: -10px -56px 0 0;}
/* 社媒营销 */
#sns{position: relative;}
#sns .index2-center.index2-center4{flex-wrap: wrap;display: flex;align-items: center;justify-content: space-between;max-width: 288px;}
#sns .index2-center.index2-center4 li{width: 50%;flex:  0 0 50%;}
#sns .sns-img1{position: absolute;left: 153px;top: 425px;animation: animationOne 20s infinite linear;}
.index2-bottom {width: 100%;position: relative;overflow: hidden;height: 140px;margin-bottom: 100px;}
.index2-bottom .index2-w1,.index2-bottom .index2-w2{display: block;width: 2000%;height: 140px;background-position: 0 0;background-repeat: repeat-x;}
.index2-bottom .index2-w1{position: absolute;left: 0;top: 0;background-image: url(../images/index/index-wavetop.png);
    -webkit-animation: footerWave 270s linear infinite;-o-animation: footerWave 270s linear infinite;animation: footerWave 270s linear infinite;}
.index2-bottom .index2-w2{position: absolute;left: 0;bottom: 0;background-image: url(../images/index/index-wavebg.png);
    -webkit-animation: footerWave 180s linear infinite forwards;
    -o-animation: footerWave 180s linear infinite forwards;
    animation: footerWave 180s linear infinite forwards;}
@-webkit-keyframes footerWave{
    0%{-webkit-transform:translateX(0);transform:translateX(0);}
    100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}
@keyframes footerWave{
    0%{-webkit-transform:translateX(0);transform:translateX(0);}
    100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}
@keyframes animationOne {
    0% {
      -webkit-transform: translate(0px, 0px) rotate(0deg);
      transform: translate(0px, 0px) rotate(0deg);
    }
  
    20% {
      -webkit-transform: translate(73px, -1px) rotate(36deg);
      transform: translate(73px, -1px) rotate(36deg);
    }
  
    40% {
      -webkit-transform: translate(100px, 72px) rotate(72deg);
      transform: translate(100px, 72px) rotate(72deg);
    }
  
    60% {
      -webkit-transform: translate(83px, 122px) rotate(108deg);
      transform: translate(83px, 122px) rotate(108deg);
    }
  
    80% {
      -webkit-transform: translate(-40px, 72px) rotate(144deg);
      transform: translate(-40px, 72px) rotate(144deg);
    }
  
    100% {
      -webkit-transform: translate(0px, 0px) rotate(0deg);
      transform: translate(0px, 0px) rotate(0deg);
    }
}
@-webkit-keyframes animationTwo {
    0% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
  
    50% {
      -webkit-transform: translateY(-20px);
      transform: translateY(-20px);
    }
  
    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
}
  
@keyframes animationTwo {
    0% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
  
    50% {
      -webkit-transform: translateY(-20px);
      transform: translateY(-20px);
    }
  
    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
}
@media screen and (max-width: 1419px) { 
    #trade{padding-top: 80px;}
}
@media screen and (max-width: 1219px) {
    .index-animate{display: none;}
    #trade{padding-top: 60px;}
    .index2-tab{margin: 20px auto;}
    .index2-top{background-size: cover;padding: 20px 0 20px 30px;min-height: auto;}
    .index2-top .index2-left .index2-tit{margin-bottom: 30px;}
    .index2-top .index2-left{flex: 0 0 20%;margin-right: 5%;}
    .index2-top .index2-right img{width: 20vw;}
    #overseasSpread .index2-right img{width: 34vw;}
}
@media screen and (max-width: 991px) { 
    .index-title .tit1{font-size: 20px;}
    .index-title .tit2{font-size: 14px;}

    #trade{padding-top: 20px;}
    .index2-tab{justify-content: center;max-width: calc(100% - 10px);}
    .index2-tab a{padding: 0 20px;height: 40px;min-width: auto;font-size: 14px;}
    .index2-tab a+a{margin-left: 10px;}
    
    .index2-top .index2-left{margin-right: 10%;flex: 0 0 25%;}
    .index2-top .index2-left .index2-tit{font-size: 20px;}
    .index2-top .index2-left .index2-con{font-size: 14px;line-height: 20px;}
    .index2-top .index2-center li{line-height: 30px;font-size: 14px;}
    .index2-top .index2-center li img{margin-right: 5px;width: 16px;}
    .index2-list.nf-box{align-items: normal;}
    .index2-list>div{height: auto;padding: 20px;}
    .index2-list>div .index2-img{height: auto;margin-bottom: 10px;}
    .index2-list>div .index2-img img{width:30px;}
    .index2-list>div .index2-item-con{font-size: 12px;line-height: 20px;}
    .index2-btn{margin: 10px auto 20px;}
    #sns .index2-center.index2-center4{flex: 0 0 28%;}
    .index2-btn a{padding: 0 3.333vw;line-height: 6.4vw;height: 6.4vw;font-size: 2.133vw;}

    .index2-bottom{margin-bottom: 20px;height: 0;}
    .index2-bottom *{display: none;}
}
@media screen and (max-width: 767px) {
    .index2-tab{flex-wrap: wrap;}
    .index2-tab a{padding: 5px 10px;height: auto;}
    .index2-list.nf-box{flex-wrap: wrap;}
    .index2-list>div{width: calc(50% - 10px);margin-bottom: 10px;}

    .index2-top.nf-box{flex-wrap: wrap;padding: 20px 10px;}
    .index2-top .index2-left{flex: 0 0 50%;order: 2;margin-right: 5%;}
    .index2-top .index2-center{order: 2;}
    .index2-top .index2-right{width: 100%;order: 1;flex: auto;}
    .index2-top .index2-right img{width: auto;max-width: 50vw;}
    #sns .index2-center.index2-center4{flex: 0 0 40%;}
    #overseasSpread .index2-right{text-align: center;}
    #sns .index2-center.index2-center4 li{width: 100%;flex: 0 0 100%;}
}


.index3 .index3-list{    margin: 70px 0 10px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.index3 .index3-list>.index3-item{width: calc(33.33% - 11.33px);margin-bottom: 20px;position: relative;overflow: hidden;display: flex;border-radius: 10px;}
.index3 .index3-list>.index3-item p{display: flex;}
.index3 .index3-list>.index3-item img{max-width: 100%;transition: all 550ms;}
.index3 .index3-list .index3-modal{position: absolute;left: 0;top: 100%;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;transition: all 0.4s;border-radius: 10px;}
.index3 .index3-list .index3-modal a{    padding: 7px 40px;line-height: 24px;font-size: 16px;font-size: 1.6rem;color: #fff;border-radius: 17px;background: linear-gradient(90deg, #5642F9 0%, #5A84FF 0%, #00DEFF 99%);}
.index3 .index3-list>.index3-item:hover  .index3-modal{top: 0;}
.index3 .index3-list>.index3-item:hover img{transform: scale(1.1);}
.index3 .index3-btn-box{text-align: center;}
.index3 .index3-item p.index3-mobile-btn{display: none;}
.index3 .index3-btn{display: flex;align-items: center;justify-content: center;margin-bottom: 60px;}
.index3 .index3-btn a{height: 48px;line-height: 48px;padding: 0 40px;border-radius: 24px;background: linear-gradient(266deg, #5A84FF, #03DCFF);font-size: 16px;color: #fff;position: relative;z-index: 0;}
.index3 .index3-btn a::before{content: "";display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;right: 0;bottom: 0;background: linear-gradient(90deg, #5A84FF, #03DCFF);opacity: 0;z-index: -1;transition: opacity .5s;border-radius: 24px;}
.index3 .index3-btn a:hover::before{opacity: 1;}

@media screen and (max-width: 1219px) {
    .index3 .index3-list{margin-top: 40px;}
    .index3 .index3-btn{margin-bottom: 30px;}
}
@media screen and (max-width: 991px) {
    .index3 .index3-list{margin-top: 20px;margin-bottom: 0;}
    .index3 .index3-btn{margin-bottom: 20px;}
    .index3 .index3-list>.index3-item:hover .index3-modal{top: 100%;}
    .index3 .index3-list>.index3-item{flex-direction: column;align-items: center;}
    .index3 .index3-item p.index3-mobile-btn{display: block;margin-top: 10px;}
    .index3 .index3-item p.index3-mobile-btn a{display: inline-block;background-color: #4598ff;color: #fff;display: inline-block;padding: 1.333vw 3.333vw;border-radius: 1.333vw;font-size: 1.6vw;}
    .index3 .index3-btn a{padding: 0 3.333vw;line-height: 6.4vw;height: 6.4vw;font-size: 2.133vw;}
}
@media screen and (max-width: 768px) {
    .index3 .index3-list>.index3-item{width: calc(50% - 10px);}
}

.index4{background: url("../images/index/index4bg.png") no-repeat;position: relative;padding: 59px 0 35px;background-size: 100% 100%;}
.index4 .index4-tab{display: flex;align-items: center;justify-content: center;margin: 20px auto 36px;}
.index4 .index4-tab a{height: 50px;display: flex;align-items: center;justify-content: center;background-color: #F0F4FE;border: 2px solid #5886FF;color: #000000;font-size: 20px;border-radius: 25px;min-width: 160px;}
.index4 .index4-tab a+a{margin-left: 30px;}
.index4 .index4-tab a.on{background: #5886FF;color: #fff;}
.index4 .index4-con{display: flex;justify-content: center;}
.index4 .index4-con .index4-item{display: none;}
.index4 .index4-con .index4-item.show{display: block;}
.index4 .index4-con .index4-item a{display: flex;position: relative;}
.index4 .index4-con .index4-item a .index4-icon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index4 .index4-btn{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 30px;}
.index4 .index4-btn p{font-size: 20px;color: #000;margin-bottom: 20px;}
.index4 .index4-btn a{height: 48px;line-height: 48px;padding: 0 70px;font-size: 16px;color: #fff;background: linear-gradient(266deg, #5A84FF, #03DCFF);border-radius: 24px;position: relative;z-index: 0;}
.index4 .index4-btn a::before{content: "";display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;right: 0;bottom: 0;background: linear-gradient(90deg, #5A84FF, #03DCFF);opacity: 0;z-index: -1;transition: opacity .5s;border-radius: 24px;}
.index4 .index4-btn a:hover::before{opacity: 1;}






.index4 .index4-img1{position: absolute;left: 299px;top: 127px;animation: animationOne 20s infinite linear;}
.index4 .index4-img2{position: absolute;left: 310px;top: 553px;animation: animationTwo 3s linear infinite;;}
.index4 .index4-img3{position: absolute;right: 164px;top: 324px;animation: animationTwo 3s linear infinite;}
.index4 .index4-img4{position: absolute;right: 367px;top: 566px;animation: animationOne 20s infinite linear;}
@media screen and (max-width: 1419px) { 

}
@media screen and (max-width: 1219px) {
    .index4>img{display: none;}
}
@media screen and (max-width: 991px) { 
    .index4{padding: 20px 0;background-color: #f0f4fe;}
    .index4 .index4-tab{margin: 10px auto 20px;}
    .index4 .index4-tab a{min-width: 100px;height: 30px;font-size: 14px;}
    .index4 .index4-btn{margin-top: 10px;}
    .index4 .index4-btn p{margin-bottom: 10px;}
    .index4 .index4-btn a{padding: 0 3.333vw;line-height: 6.4vw;height: 6.4vw;font-size: 2.133vw;}
    
}
@media screen and (max-width: 767px) {

}
.index5{padding-top: 100px;}
.index5 .index5-img-list{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;}
.index5 .index5-img-list .index5-img{width: 220px;height: 115px;background: #FFFFFF;box-shadow: 1px 2px 12px 1px rgba(88, 88, 88, 0.15);display: flex;align-items: center;justify-content: center;margin-bottom: 20px;position: relative;overflow: hidden;}
.index5 .index5-img-list .index5-img::before{background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.5) 100%) repeat scroll 0 0;content: "";display: block;height: 100%;left: -75%;position: absolute;top: 0;transform: skewX(-25deg);-webkit-transform: skewX(-25deg);-ms-transform: skewX(-25deg);-o-transform: skewX(-25deg);width: 50%;z-index: 2;opacity: 0.75;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.index5 .index5-img-list .index5-img:hover::before{
    animation: hoverImg 1.5s;
    -webkit-animation: hoverImg 1.5s;
}
.index5 .index5-img-list .index5-img.index5-img-empty{height: 0!important;}
@-webkit-keyframes hoverImg {100% {left: 125%;}}
@keyframes hoverImg { 100% {left: 125%;}}
.index5 .index5-img-list .index5-img img{transition: all 0.4s ease-in-out;max-width: 100%;}
/* .index5 .index5-img-list .index5-img:hover img{transform: scale(1.1);} */

.index5 .swiper-parent{position: relative;margin-bottom: 100px;}
.index5 .swiper-parent .swiper1 {width: calc(100% - 150px);}
.index5 .swiper1 .swiper-slide{padding-bottom: 10px;}
.index5 .swiper1 .swiper-top{position: relative;overflow: hidden;}
.index5 .swiper1 .swiper2-img{display: flex;align-items: center;justify-content: center;max-height: 280px;}
.index5 .swiper1 .swiper-shade{position: absolute;left: 0;top: 100%;background-color: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;transition: all 0.4s;width: 100%;height: 100%;cursor: pointer;}
.index5 .swiper1 .swiper-top:hover .swiper-shade{top: 0;}
.index5 .swiper1 .swiper-con{box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);min-height: 130px;padding: 10px 10px 20px;display: flex;flex-direction: column;justify-content: center;}
.index5 .swiper1 .company {font-size: 18px;color: #000;text-align: center;font-weight: bold;}
.index5 .swiper1 .company-type {background-color: #5886FF;display: inline-block;padding: 0 15px;height: 28px;line-height: 28px;color: #FFFFFF;font-size: 16px;border-radius: 14px;margin:5px auto;}
.index5 .swiper1 .company-con {font-size: 16px;color: #000;margin: 0 auto;}
.index5 .swiper-parent .swiper-button-prev{background: url("../images/index/index5-left.png") no-repeat;width: 60px;left: 0;}
.index5 .swiper-parent .swiper-button-next{background: url("../images/index/index5-right.png") no-repeat;width: 60px;right: 0;}
@media screen and (max-width: 1419px) { 

}
@media screen and (max-width: 1219px) {

}
@media screen and (max-width: 991px) { 
    .index5{padding-top: 20px;}
    .index5 .index5-img-list{margin-top: 20px;}
    .index5 .index5-img-list .index5-img{width: calc(50% - 10px);}
    .index5 .index5-img-list .index5-img:nth-of-type(n+9){display: none;}
    .index5 .swiper-parent{margin-bottom: 20px;}
    .index5 .swiper-parent .swiper1{width: calc(100% - 40px);}
    .index5 .swiper-parent .swiper-button-prev{width: 20px;background-size: 100%;}
    .index5 .swiper-parent .swiper-button-next{width: 20px;background-size: 100%;}
}
@media screen and (max-width: 767px) {

}

.index6{background: url("../images/index/index6bg.jpg") no-repeat;padding: 66px 0 60px;}
.index6 .tit1{color: #fff;}
.index6 .tit2{color: #fff;}
.index6 .index6-list{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;}
.index6 .index6-list a{margin-bottom: 30px;overflow: hidden;display: flex;width: calc(33.33% - 33px);background: #fff;height: 206px;align-items: center;justify-content: center;}
.index6 .index6-list a img{transition: all 550ms;}
.index6 .index6-list a:hover img{    transform: scale(1.1);}
@media screen and (max-width: 1419px) { 

}
@media screen and (max-width: 1219px) {

}
@media screen and (max-width: 991px) { 
    .index6{padding: 20px 0;}
    .index6 .index6-list{margin-top: 20px;}
    .index6 .index6-list a{flex: 0 0 calc(50% - 4px);height: auto;margin-bottom: 10px;}
}
@media screen and (max-width: 767px) {

}


.index7 .nf-box{display: flex;justify-content: space-between;padding: 100px 0 75px;}
.index7 .nf-box>.index7-left{max-width: 911px;flex: 0 0 65%;width: 65%;}
.index7 .nf-box>.index7-right{max-width: 400px;flex: 0 0 28.5%;width: 28.5%;}

.index7 .index7-top{display: flex;justify-content: space-between;}
.index7 .index7-tit1{font-size: 36px;font-weight: bold;color: #000;}
.index7 .index7-tit2{font-size: 16px;color: #898989;margin-top: 15px;}
.index7 .index7-top-right{color: #000000;font-size: 16px;line-height: 43px;height: 43px;}
.index7 .index7-bot{display: flex;align-items: center;justify-content: space-between;margin-top: 10px;}
.index7 .index7-bot .index7-left-item{max-width: 280px;width: calc(33% - 13px);}

.index7 .index7-bot .index7-left-item:nth-of-type(2){margin: 0 32px;}
.index7 .index7-bot .index7-left-item .index7-txt{font-size: 20px;color: #333;position: relative;margin: 15px 0;}
.index7 .index7-bot .index7-left-item .index7-line{width: 58px;height: 4px;background-color: #5886FF;display: block;margin:0 auto 10px;}
.index7 .index7-bot .index7-left-item .index7-con{color: #333333;font-size: 16px;line-height: 32px;}
.index7 .index7-bot .index7-left-item:hover *{color: #5689FF!important;transition: all 0.4s;}
.index7 .index7-bot .index7-left-item .index7-img{overflow: hidden;max-width: 280px;display: flex;align-items: center;justify-content: center;max-height: 190px;}
.index7 .index7-bot .index7-left-item .index7-img img{transition: all 550ms;}
.index7 .index7-bot .index7-left-item:hover .index7-img img{transform: scale(1.1);}

.index7 .index-right-con{margin-top: 20px;width: 100%;}
.index7 .index-right-con li{width: 100%;margin-bottom: 20px;}
.index7 .index-right-con li:last-child{margin-bottom: 0;}
.index7 .index-right-con li a{display: flex;align-items: center;width: 100%;}
.index7 .index-right-con li a:hover span{color: #5689FF;}
.index7 .index-right-con li a em{background: #999999;width: 20px;height: 20px;text-align: center;line-height: 20px;color: #fff;text-align: center;margin-right: 15px;flex: 0 0 20px;}
.index7 .index-right-con li a span{color: #333333;font-size: 16px;    -webkit-line-clamp: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index7 .index-right-con li:nth-of-type(1) em{background-color: #FF6400;}
.index7 .index-right-con li:nth-of-type(2) em{background-color: #FF8B01;}
.index7 .index-right-con li:nth-of-type(3) em{background-color: #FFB201;}
.layer-video {max-width: 90%!important;}
.layer-video .layui-layer-setwin{    z-index: 9999;}
@media screen and (max-width: 1419px) { 

}
@media screen and (max-width: 1219px) {
    .index7 .index7-bot .index7-left-item:nth-of-type(2){margin: 0 20px;}
}
@media screen and (max-width: 991px) { 
    .index7{}
    .index7 .nf-box{padding: 20px 0 ;flex-wrap: wrap;}
    .index7 .nf-box>.index7-left{display: none;}
    .index7 .nf-box>.index7-right{max-width: 100%;flex: 0 0 100%;}

    .index7 .index7-tit1{font-size: 20px;}
    .index7 .index7-tit2{font-size: 14px;margin-top: 5px;}
    .index7 .index-right-con{margin-top: 10px;}
    .index7 .index-right-con li{margin-bottom: 5px;}

}
@media screen and (max-width: 767px) {

}