@charset "utf-8";

body{margin:0px; padding: 0px; list-style: none;background-color: #ffffff;}



/*显示主体部分通用样式*/

.main{ font-size: 16px; line-height: 30px; text-align: left;}

.ArticleTitle{text-align: center;font-size:20px; line-height: 50px;}

.ArticleInfo{font-size:14px;line-height: 30px;color:#AFAFAF;text-align: center;padding:20px 0px;}

.ArticleContent{font-size:16px;text-align: left;}

.ArticleContent ul{margin:auto;padding:auto; list-style:inherit;}

.ArticleContent ul li{margin:auto;padding:initial;list-style:inherit;}

/*table隔行显示不同颜色*/

.ArticleContent table tr:nth-child(odd){background:#f3f3f3;}

.ArticleContent table tr:hover{background:#dfdfdf;}

.ArticleContent table tr:first-child {background:#006096;color:#ffffff;}



.ArticleContent table td{padding: 2px 4px;}

.ArticleContent table{ margin-left:auto; margin-right: auto;}

.ArticleContent table{border-collapse:collapse; border:solid #cccccc;border-width:0px 0px 1px 1px;}

.ArticleContent table td{border-collapse:collapse; border:solid #cccccc;border-width:1px 1px 0px 0px;}

.ArticleContent img{ max-width:100%; height:auto;}

.ArticleContent ul{padding-left:20px;}

.ArticleContent ul li{list-style:disc;}

.ArticleContent p{padding:8px 0px;margin:0px;}

/*路径样式---------------------------------------------------------------------------------------*/

.pathList {text-align: right; border-bottom:1px solid #e5e5e5;margin-bottom:25px;}

.pathList a{font-size: 14px;line-height: 25px;color: #666666;text-decoration: none;}

.pathList span{font-size: 14px;line-height: 25px;color: #AFAFAF;text-decoration: none;}

/*以上通用样式不能随便修改------------------------------------------------------*/









/*底部样式，自行修改-------------------------------------------------------------------------------*/

.web-floor {

	background-color: #1b2c57;padding-bottom: 40px; padding-top: 40px; width:100%;display: inline-block;

	position: relative;

}

.web-floor div,.web-floor a,.web-floor a:visited,.web-floor a:hover{

	text-decoration: none;

	color: #ffffff;

}

.floor-title-box{position:absolute;top:-43px;width:100%;z-index: 88888;}

.floor-title{max-width: 500px;min-width: 320px;width:100%; height: 85px;font-size:36px;line-height: 85px;font-weight: bold; color:#d6a22b !important ; background-color: #ffffff;border-radius: 40px;margin:0px auto;text-align: center;}



.floor-txt{font-size:14px;line-height:45px;}

.floor-tel{font-size:30px;line-height: 58px;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;color:#f5b71c !important;}

.floor-tel span{font-size:30px;line-height: 58px;color:#f5b71c;margin-right:15px;}

.floor-btn{min-width:650px;}

.floor-btn>ul>li{float: left;}

.floor-btn>ul>li+li{margin-left:4%;}

.floor-btn>ul>li>a{font-size:20px;line-height: 40px;color:#ffffff;font-weight: bold;}

 

.floor-line{border-top: 1px solid #ffffff90;border-bottom: 1px solid #ffffff90; padding:40px 0px;margin:10px 0px;}

.floor-btn>ul>li>ul>li{float:none;}

 .floor-btn>ul>li>ul>li>a{font-size:14px;line-height: 38px;color:#ffffffae !important;}



 .floor-contact-title{font-size:20px;line-height: 40px;}

 .floor-contact-txt{font-size:14px;line-height: 30px;color:#ffffff;}

.copyright{font-size:12px;line-height: 40px;color:#ffffff94;}



/*网站新的开始*/

.web-hand{width: 100%;}

.web-hand-index{width: 100%; position:fixed;top:0px;left:0px;z-index: 33344;padding:10px;background-color: #ffffffec;}









.index-about-title-cn{font-size:12px;line-height: 20px;color:#7c7c7c;}

.more{float:right;}

.more a{font-size:18px;line-height: 26px;color:#7c7c7c;}









.about-top-txtbox{max-width:600px;}



.about-top-content{font-size:18px;line-height: 30px;color:#ffffff;margin-top:45px;}







.about-jg-img{text-align: center;}



.index-news-bg{padding:65px 0px;background-color: #e4f8ff;}



.about-img-list{padding:50px 0px;margin-left:-20px;}

.about-img-list ul li{float:left;width:calc(33.33% - 20px);margin:0px 0px 20px 20px;}

.about-img-list ul li img{width:100%;height: auto;}





.about-txt{font-size:16px;line-height: 30px;color:#343434;}

.t{background-size: 100% 100% !important;}







.menu-btn span{color:#000000;font-size:24px;}

.menu-list-mobile{position: fixed;width:100%;height:100%;top:0px;left:0px;background-color: #ffffff;z-index: 99999;}





.close-this-menu{text-align: right;} 

.close-this-menu span{font-size:30px;color:#030303;line-height: 40px;text-align: right;}



.menu-list{padding:20px;text-align: left;}

.menu-list>ul>li{border-bottom: 1px solid #cbcbcb;text-align: left;}

.menu-list>ul>li>a{text-align: left;font-size:18px; line-height:60px;color:#1b1b1b;width:calc(100% - 60px);display: inline-block;}

.menu-list>ul>li>span{float:right;font-size:20px;line-height: 60px;width:60px;display: inline-block;}

.menu-list>ul>li>div>ul>li>a{text-align: left;font-size:16px;line-height: 40px;color:#343434;}





/* .menu-tel{text-align: center;margin-top:30px;}

.menu-tel-icon{text-align: center;} .menu-tel-icon span{font-size:40px;color:#ffffff;}

.menu-tel-txt{font-size:14px;line-height: 30px;color:#ffffff;text-align: center;}

.menu-tel-400{text-align: center;} .menu-tel-400 a{font-size:20px;line-height: 40px;color:#ffffff;} */



.web-top{position: relative;}

.top-title-box{position: absolute;width:100%;top:40%;left:0px;}

.top-title-box-1{position: absolute;width:100%;top:55%;left:0px;}

/* .top-title{font-size:50px;line-height: 60px;} */



.index-about-title-box{}

.index-about{margin-top:40px;}

.index-about-img{background-image: url();background-size: cover;background-repeat: no-repeat; background-attachment: fixed;display: inline-block;}

.index-about-content {

    font-size: 16px;

    line-height: 35px;

    color: #474747;

    margin-top: 15px;

}



.index-number {

    display: inline-block;

    width: 100%;

}



.about-number-txt{font-size:20px;line-height: 30px;color:#000000;}





.index-pro-item{min-height:100vh;}





.index-item-bg ul li .index-item-ico{text-align: center;padding:20px 0px;}

.index-item-bg ul li .index-item-title{font-size:1.8vw;line-height: 4vw;color:#ffffff;text-align: center;padding:20px 0px;}

.index-item-bg ul li .index-item-content{font-size:14px;line-height: 26px;color:#ffffff;}

.index-item-bg ul li:hover{background-color: #1b2c57d8;}

.index-item-icon{text-align: center;width:100%; margin-top:30px;} .index-item-icon span{color:#ffffff;font-size:50px;line-height: 60px;}

.index-item-more{text-align: center;display: none;width:100%;margin-top:30px;}.index-item-more a{background-color: #f5b71c; font-size:14px;line-height: 30px;padding:5px 45px;color:#000000;border-radius: 15px;}



.index-item-mobile-bg{background-color: #00335c;}

.index-item-mobile-ico{text-align: left;padding:30px 40px;}

.index-item-mobile-title{font-size:30px;line-height: 40px;color:#ffffff;text-align: left;padding:0px 40px 20px 40px;}

.index-item-mobile-content{font-size:16px;line-height: 36px;color:#ffffff;text-align: left;padding:0px 40px;min-height:260px}

.index-item-mobile-more{text-align: center;width:100%;padding:30px 0px;}.index-item-mobile-more a{background-color: #f5b71c; font-size:14px;line-height: 30px;padding:5px 45px;color:#000000;border-radius: 15px;}



.index-item-box{}

.index-item-box ul li{width:calc(25% - 1);min-height: 100vh;}



/* .index-news{padding:80px 0px;} */



.index-news-1{height:100vh;width:100%;position: relative;}



.news-txt1-box{position: absolute;bottom:0px;width:100%;background-image: url(images/index-news-bg.png);background-repeat: repeat-x;}

.index-news1-date{font-size:14px;line-height: 28p;color:#ffffff;padding:0px 30px;}

.index-news1-title{font-size:30px;line-height: 38p;color:#ffffff;padding:0px 30px;}





.index-news2-date{font-size:12px;color:#7c7c7c;}



.index-news2-content{font-size:16px;line-height: 30px;color:#343434;}

.pro-title{text-align: center;font-size:40px;line-height: 60px;}

.pro-content{font-size:16px;line-height: 30px;margin-top:50px;}



.server1list{padding:75px 0px;}



.wh-title-sub{font-size:26px;line-height: 45px;text-align: center;font-weight: bold;color:#ff5900;padding-top:30px;}



.wh-item-content{font-size:16px;line-height: 30px;margin-top:10px;color:#343434;-webkit-backdrop-filter: blur(10px);-ms-backdrop-filter: blur(10px);-moz-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}

.wh-item-more{text-align: center;width:100%;margin-top:30px;}.wh-item-more a{background-color: #f5b71c; font-size:14px;line-height: 30px;padding:5px 45px;color:#000000;border-radius: 15px;;}



.jjr-gd .wh-item-content{padding:18px;-webkit-backdrop-filter: blur(10px);-ms-backdrop-filter: blur(10px);-moz-backdrop-filter: blur(10px);backdrop-filter: blur(10px);border-radius: 5px;overflow: hidden;}



.wh-imglink-title{font-size:20px;line-height: 40px;}



.wh-5{width:80%;margin:0px auto;}

.wh-5>ul{}

.wh-5>ul>li{width:15%;float:left;padding:40px;}



.hz-roottitle{font-size:30px;line-height: 40px;}

.hz-title{font-size:70px;line-height: 100px;}

.hz-content{font-size:16px;;line-height: 30px;}



.hz-item-img{padding:20px 0px;text-align: center;}

.hz-item-img img{border-radius: 5px;overflow: hidden;border:1px solid #AFAFAF;}

.hz-item-title{font-size:30px;line-height: 40px;text-align: center;font-weight: bold;color:#1b2c57;}

.hz-item-subtitle{font-size:18px;line-height: 40px;text-align: center;color:#5d6a8d;text-align: center;}

.hz-item-content{font-size:16px;line-height: 30px;margin-top:40px;margin-top:40px;color:#343434;}



.img-list{}

.img-list>ul>li .list-img{border-radius: 10px;overflow: hidden;}

.img-list>ul>li .list-title{font-size:18px;line-height: 50px;color:#000000;text-align: left;border-bottom: 1px solid #AFAFAF;padding:0px 10px;}





.contact-top{background-color: #e9e9eb;height: 40vh;}

.classify-title{font-size:40px;line-height: 55px;color:#000000;}

.contact-title{font-size:25px;line-height: 30px;font-weight: bold;color:#000000;}

.contact-txt{font-size:14px;line-height: 30px;color:#202020;}





.index-map-img{background-color: #ffffff;border-radius: 10px;padding:25px;border:2px solid #DBE5FC}



.map-number{padding:20px;}

.index-map-content{font-size:18px;line-height: 26px;color:#5A6B85;}

.mapbg{background-image: url(images/mapbg.jpg);background-repeat: no-repeat;background-size: cover;width:100%;padding: 20px;border-radius: 15px;overflow: hidden;color:#ffffff;}

.mapbg .index-map-number{color:#00D4FF;}



.index-member-2{width:100%;}

.index-member-2 ul li{background-color: #ffffff;border-radius: 10px;overflow: hidden;border:2px solid #DBE5FC;padding:10px;}



.index-map-num2{background-color: #E8EEFF;border-radius: 40px;width:80px; height: 80px;overflow: hidden;text-align: center;}

.index-map-num2 span{line-height: 80px;}

.index-map-num2txt{width:calc(100% - 100px);}



.about-bgimg-box{display: inline-block;overflow: hidden;}

.about-bgimg{position:fixed;width:100%;height: 100%;left:0px;top:0px;z-index: -1;}.about-bgimg img{width:100%;height: 100%;}



/* .wh-color-title .wh-title-txt{font-size:30px;line-height: 40px;padding:20px 0px;font-weight: bold;text-align: left;color:#ff5900;} */







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

      .about-web-top{min-height: 300px;padding:120px 0px;}

.about-kxj-box{padding:50px 0px;}

.index-item-bg ul li{min-height:;display:flexbox;display: -webkit-flexbox;display: -mx-flexbox;display: -moz-flexbox;display: flex;display: -webkit-flex;display: -mx-flex;display: -moz-flex;flex:auto; justify-content:center;flex-direction:column;}

.index-item-txtbox{padding:0px 20px;}

.index-item-bg ul li+li{border-left:0px solid #ffffff9b;}

.index-item-bg ul li .index-item-content{display:inline-block;}

.index-item-bg ul li .index-item-icon{display:none;}

.index-item-bg ul li .index-item-more{display:inline-block;}

    .swiper-container .swiper-slide {

        position: relative;

    }



    .swiper-container .inner {

        position: absolute;

        z-index: 888888;

        left: 10%;

        top: 50%;

        width: 80%;

        padding: 0px;

    }



    .swiper-container .inner .title {

        color: #1b2c57;

        font-size: 25px;

        line-height: 40px;

        font-weight: bold;

    }



    .swiper-container .inner .text {

        color: #707070;

        font-size: 12px;

        line-height: 20px;

    }



  

    .index-map{padding:0px;}

/* .map-number ul li{width:33.33%;float:left;}

.map-number ul li+li{margin:0px 0px 0px 0px;} */



.map-number ul li .index-map-number{font-weight: bold;}

.map-number ul li .index-map-title{line-height: 45px;}

.about-number-txt span{font-size:40px ;line-height:50px;color:#f5b71c;font-weight: bold;}

.about-number-txt sup{font-size:35px;line-height: 40px;color:#f5b71c;}



/* 3D网格轨道：向内倾斜，旋转支点在底部 */

.logo-track{

  transform: rotateX(20deg); /* 正值=上边向屏幕里面退进去，实现上小下大 */

  transform-origin: center bottom; /* 以底边为旋转轴，关键！ */

  transform-style: preserve-3d;

  backface-visibility:hidden;

  display:grid;

  grid-template-columns: repeat(4, 1fr);

  gap:14px;

  animation: scrollUp 28s linear infinite;

}

.about-top-title{font-size:32px;line-height: 40px;color:#ffffff;}

.top-title{font-size:22px;line-height: 40px;}



.index-news-title{font-size:20px;line-height: 30px;border-bottom: 1px solid #cccccc;margin-bottom:10px;font-weight: bold;}

.index-about-title-en{font-size:26px;line-height: 40px;color:#1b2c57;font-weight: bold;}

.index-hh-title{font-size:26px;color:#000000;text-align: center;line-height: 30px;font-weight: bold;padding-top:0px;}

.index-news2-title{font-size:18px;line-height: 36px;padding:0px;margin:10px 0px; color:#1b2c57; height: 72px;overflow:hidden;}

.service4-title{font-size:20px;line-height: 60px;text-align: center;color:#121212;padding:20px 0px;font-weight: bolder;}

.service4-content{}

.item-height-100{min-height: auto;padding:40px 0px;}

.item-height-50{min-height: auto;padding:20px 2px;}

.item-title{font-size:30px;line-height: 40px;text-align: center;}

.item-title-s{font-size:20px;line-height: 30px;text-align: center;}

.item-content{padding:0px;font-size:16px;line-height: 30px;color:#717171;} 

.wh-item-title{font-size:20px;line-height: 40px;text-align: center;font-weight: bold;color:#1b2c57;}

.wh-item-subtitle{font-size:18px;line-height: 20px;text-align: center;color:#5d6a8d;text-align: center;min-height:20px;}

.about-jg-box{padding:20px 0px;background-color: #f9fcfe;}

.about-jg-txt{width:100%;max-width: 1200px;font-size:18px;line-height: 26px;color:#343434;padding:20px 0px;margin:0px auto;}

.service-floor{padding:50px 20px;}

.s3-title-box{padding:20px 0px;}

.s3-list-box{padding-top:10px;}

.wh-title{font-size:18px;line-height: 35px;text-align: center;font-weight:bolder;}

.wh-title-txt{font-size:16px;line-height: 30px;padding:20px 0px;font-weight: bold;text-align: left;color:#ff5900;}

.wh-content{font-size:16px;line-height: 30px;margin-top:00px;}



.wh-title-cn{font-size:30px;line-height: 60px;color:#121212;}

.wh-title-en{font-size:16px;line-height: 30px;color:#666666;}



.about-name{font-size:25px; line-height: 40px;color:#00335c;;}

.about-name-zw{font-size:18px;line-height: 30px;color:#727273;}

.about-name-title{font-size:20px;line-height: 40px;margin-top:30px;}



.index-logo-list{height:350px;overflow: hidden; margin:40px 0px;padding:-50% 0px 0px 0px;

mask-image: linear-gradient(

  transparent 0%,

  black 15%,

  black 85%,

  transparent 100%

);

-webkit-mask-image: linear-gradient(

  transparent 0%,

  black 15%,

  black 85%,

  transparent 100%

);

}



}

@media screen and (min-width:901px){

.about-name{font-size:40px; line-height: 50px;color:#00335c;;}

.about-name-zw{font-size:24px;line-height: 35px;color:#727273;}

.about-name-title{font-size:30px;line-height: 40px;margin-top:50px;}



.index-news-title{font-size:36px;line-height: 60px;border-bottom: 1px solid #cccccc;margin-bottom:30px;}

.index-about-title-en{font-size:36px;line-height: 40px;color:#1b2c57;font-weight: bold;}

.index-hh-title{font-size:36px;color:#000000;text-align: center;line-height: 50px;font-weight: bold;padding-top:30px;}

.index-news2-title{font-size:24px;line-height: 36px;padding:0px;margin:10px 0px; color:#1b2c57; height: 72px;overflow:hidden;}

.about-jg-txt{width:100%;max-width: 1200px;font-size:18px;line-height: 26px;color:#343434;padding:100px 0px;margin:0px auto;}



.service-floor{padding:20vh 40px;}

.s3-title-box{padding:80px 0px;}

.s3-list-box{padding-top:60px;}

.service4-title{font-size:40px;line-height: 50px;text-align: center;color:#121212;padding:50px 0px;}

.service4-content{}

.item-height-100{min-height: 100vh;padding:100px 0px;}

.item-height-50{min-height: 50vh;padding:80px 2px;}

.item-title{font-size:40px;line-height: 50px;text-align: center;}

.item-title-s{font-size:26px;line-height: 45px;text-align: center;}

.item-content{padding:65px 10px;font-size:16px;line-height: 30px;color:#717171;} 

.wh-item-title{font-size:30px;line-height: 40px;text-align: center;font-weight: bold;color:#1b2c57;}

.wh-item-subtitle{font-size:18px;line-height: 40px;text-align: center;color:#5d6a8d;text-align: center;min-height: 50px;}

.about-jg-box{padding:100px 0px;background-color: #f9fcfe;}

.wh-title{font-size:30px;line-height: 45px;text-align: center;font-weight: bold;}

.wh-content{font-size:16px;line-height: 30px;margin-top:40px;}

.wh-title-txt{font-size:26px;line-height: 40px;padding:20px 0px;font-weight: bold;text-align: left;color:#ff5900;}



.wh-title-cn{font-size:60px;line-height: 70px;color:#000000;}

.wh-title-en{font-size:20px;line-height: 30px;color:#666666;}



      .about-web-top{height: 800px;padding:120px 0px;}

.about-kxj-box{padding:100px;}

.index-item-bg ul li{min-height:100vh;display:flexbox;display: -webkit-flexbox;display: -mx-flexbox;display: -moz-flexbox;display: flex;display: -webkit-flex;display: -mx-flex;display: -moz-flex;flex:auto; justify-content:center;flex-direction:column;}

.index-item-txtbox{padding:0px 50px;}

.index-item-bg ul li+li{border-left:1px solid #ffffff9b;}

.index-item-bg ul li .index-item-content{display:none;}

.index-item-bg ul li .index-item-more{display:none;}

.index-item-bg ul li:hover .index-item-content{display:inline-block;}

.index-item-bg ul li:hover .index-item-icon{display:none;}

.index-item-bg ul li:hover .index-item-more{display:inline-block;}

    .swiper-container .swiper-slide {

        position: relative;

    }



    .swiper-container .inner {

        position: absolute;

        z-index: 888888;

        left: 10%;

        top: 50%;

        width: 80%;

        padding: 0px;

    }



    .swiper-container .inner .title {

        color: #1b2c57;

        font-size: 4vw;

        line-height: 6vw;

        font-weight: bold;

    }



    .swiper-container .inner .text {

        color: #707070;

        font-size: 16px;

        line-height: 30px;

    }



    .index-map{padding:100px 0px;}

/* .map-number ul li{width:100%;}

.map-number ul li+li{margin:40px 0px 0px 0px;} */



.map-number ul li .index-map-number{font-weight: bold;}

.map-number ul li .index-map-title{line-height: 45px;}

.about-number-txt span{font-size:4vw ;line-height:4.5vw;color:#f5b71c;font-weight: bold;}

.about-number-txt sup{font-size:3vw;line-height: 3.5vh;color:#f5b71c;}



/* 3D网格轨道：向内倾斜，旋转支点在底部 */

.logo-track{

  transform: rotateX(20deg); /* 正值=上边向屏幕里面退进去，实现上小下大 */

  transform-origin: center bottom; /* 以底边为旋转轴，关键！ */

  transform-style: preserve-3d;

  backface-visibility:hidden;

  display:grid;

  grid-template-columns: repeat(6, 1fr);

  gap:14px;

  animation: scrollUp 28s linear infinite;

}

.about-top-title{font-size:3vw;line-height: 4vw;color:#ffffff;}

.top-title{font-size:3vw;line-height: 4vw;}

}

@media screen and (min-width:1300px){

      .about-web-top{height: 800px;padding:120px 0px;}

.about-kxj-box{padding:100px;}

.index-item-bg ul li{min-height:100vh;display:flexbox;display: -webkit-flexbox;display: -mx-flexbox;display: -moz-flexbox;display: flex;display: -webkit-flex;display: -mx-flex;display: -moz-flex;flex:auto; justify-content:center;flex-direction:column;}

.index-item-txtbox{padding:0px 50px;}

.index-item-bg ul li+li{border-left:1px solid #ffffff9b;}

.index-item-bg ul li .index-item-content{display:none;}

.index-item-bg ul li .index-item-more{display:none;}

.index-item-bg ul li:hover .index-item-content{display:inline-block;}

.index-item-bg ul li:hover .index-item-icon{display:none;}

.index-item-bg ul li:hover .index-item-more{display:inline-block;}

    .swiper-container .swiper-slide {

        position: relative;

    }



    .swiper-container .inner {

        position: absolute;

        z-index: 888888;

        left: 10%;

        top: 40%;

        width: 80%;

        padding: 0px;

    }



    .swiper-container .inner .title {

        color: #1b2c57;

        font-size: 4vw;

        line-height: 6vw;

        font-weight: bold;

    }



    .swiper-container .inner .text {

        color: #707070;

        font-size: 1.5vw;

        line-height: 3vh;

    }



        .index-map{padding:100px 0px;}



    /* .map-number{padding:100px 80px;}

.map-number ul li{width:100%;}

.map-number ul li+li{margin:40px 0px 0px 0px;} */



.map-number ul li .index-map-number{font-weight: bold;}

.map-number ul li .index-map-title{line-height: 45px;}



.about-number-txt span{font-size:4vw ;line-height:4.5vw;color:#f5b71c;font-weight: bold;}

.about-number-txt sup{font-size:3vw;line-height: 3.5vh;color:#f5b71c;}



/* 3D网格轨道：向内倾斜，旋转支点在底部 */

.logo-track{

  transform: rotateX(20deg); /* 正值=上边向屏幕里面退进去，实现上小下大 */

  transform-origin: center bottom; /* 以底边为旋转轴，关键！ */

  transform-style: preserve-3d;

  backface-visibility:hidden;

  display:grid;

  grid-template-columns: repeat(8, 1fr);

  gap:14px;

  animation: scrollUp 28s linear infinite;

}



.about-top-title{font-size:3vw;line-height: 4vw;}

.top-title{font-size:3vw;line-height: 4vw;}



.index-logo-list{height:550px;overflow: hidden; margin:40px 0px;padding:-50% 0px 0px 0px;

mask-image: linear-gradient(

  transparent 0%,

  black 15%,

  black 85%,

  transparent 100%

);

-webkit-mask-image: linear-gradient(

  transparent 0%,

  black 15%,

  black 85%,

  transparent 100%

);

}

}



.index-logo-list-box{background-color: #f0f3f6;}



.main-list {

      width: 1643px;

      margin-top: 50px;

}



.main-list .line {

      width: 100%;

      height: 124px;

      position: relative;

}



.main-list .line img {

      width: unset !important;

      max-width: unset !important;

}



.main-list .line .joke {}



:root {

      --xin: path('M19,70c166.2-30.6,273.9-23.9,343-11c11,2.1,26.4,5.3,51,9c112.8,17,200,11,240,8c318.5-23.9,341.3-37.3,460-35  c153.1,3,159.2,26.2,296,26c156.8-0.2,284.4-30.9,368-57 ');

}



.main-list .line .joke .point {

      width: 8px;

      height: 8px;

      background: #FFFFFF;

      border-radius: 50%;

      position: absolute;

      cursor: pointer;

      transition: 0.6s;

}



.main-list .line .joke .point p {

      font-size: 18px;

      font-family: PingFang SC R;

      font-weight: 400;

      color: #FFFFFF;

      line-height: 50px;

      opacity: 0.5;

      position: absolute;

      top: -36px;

      left: 50%;

      transform: translateX(-50%);

      transition: 0.6s; 

      white-space:nowrap;overflow:hidden;text-overflow:ellipsis;

}



.main-list .line .joke .point:hover,

.main-list .line .joke .point.on {

      background: #EC6917;

}



.main-list .line .joke .point:hover p,

.main-list .line .joke .point.on p {

      opacity: 1;

}



.main-list h1 {

      font-size: 50px;

      font-family: PingFang SC;

      font-weight: bold;

      color: #FFFFFF;

      margin-bottom: 10px;

}



.main-list>p {

      font-size: 16px;

      font-family: PingFang SC R;

      font-weight: 400;

      color: #FFFFFF;

      line-height: 32px;

      margin-bottom: 40px;

}



.btns {

  display: flex;

  align-items: center;

  margin-top: 55px;

}



.btns .iconfont {

  width: 60px;

  height: 60px;

  background: #FFFFFF;

  border-radius: 50%;

  color: rgba(51, 51, 51, 1);

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: 0.6s;

  margin-right: 17px;

}



.btns .iconfont:hover {

      color: #fff;

      background: #EC6917;

}



.btns .iconfont:nth-child(1) {

      transform: rotate(180deg);

}













.about_swiper {

      margin-top: 20px;

}



.about_swiper .swiper-slide .swiper-slide-text {

      opacity: 0;

      transform: translateY(20px);

      transition: 0.6s;

       color:#ffffff;

}



.about_swiper .swiper-slide-active .swiper-slide-text {

      opacity: 1;

      transform: translateY(0px); color:#ffffff;

}



.main-list .line .joke .point:nth-child(1) {

      top: 70px;

      left: 0;

}



.main-list .line .joke .point:nth-child(2) {

      top: 17px;

      left: 500px;

}



.main-list .line .joke .point:nth-child(3) {

      top: -2px;

      left: 1000px;

}



.main-list .line .joke .point:nth-child(4) {

      top: 2px;

      left: 1500px;

}



.main-list .line .joke .point:nth-child(5) {

      top: 23px;

      left: 2000px;

}



.main-list .line .joke .point:nth-child(6) {

      top: 60px;

      left: 2500px;

}



.main-list .line .joke .point:nth-child(7) {

      top: 99px;

      left: 3000px;

}



.main-list .line .joke .point:nth-child(8) {

      top: 115px;

      left: 3500px;

}



.main-list .line .joke .point:nth-child(9) {

      top: 119px;

      left: 4000px;

}



.main-list .line .joke .point:nth-child(10) {

      top: 115px;

      left: 4500px;

}



.main-list .line .joke .point:nth-child(11) {

      top: 100px;

      left: 5000px;

}



.main-list .line .joke .point:nth-child(12) {

      top: 84px;

      left: 5500px;

}



.main-list .line .joke .point:nth-child(13) {

      top: 67px;

      left: 6000px;

}



.main-list .line .joke .point:nth-child(14) {

      top: 49px;

      left: 6500px;

}



.main-list .line .joke .point:nth-child(15) {

      top: 34px;

      left: 7000px;

}



.main-list .line .joke .point:nth-child(16) {

      top: 29px;

      left: 7500px;

}



.main-list .line .joke .point:nth-child(17) {

      top: 50px;

      left: 8000px;

}



.main-list .line .joke .point:nth-child(18) {

      top: 107px;

      left: 8500px;

}



.main-list .line .joke .point:nth-child(19) {

      top: 110px;

      left: 9000px;

}



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

      .sec2 .main {

            width: 90%;

      }

}













/* 3D透视舞台：父层，设置perspective，摄像机距离 */

.logo-3d-stage{

  overflow:hidden;

  perspective:2500px; /* 透视距离，数值越小，近大远小越强烈 */

    margin-top:0px;

  padding-top:-140px;

}







.logo-item{

  background:#fff;

  display:flex;

  align-items:center;

  justify-content:center;

  padding:12px;

  border-radius:4px;

  box-shadow:0 1px 6px rgba(0,0,0,0.06);

}

.logo-item img{

  width:100%;

  height:auto;

  object-fit:contain;

}



/* 无缝向上滚动，复制一组内容，位移50% */

@keyframes scrollUp {

  0%{transform:rotateX(13deg) translateY(0px);}

  100%{transform:rotateX(13deg) translateY(-50%);}

}