@charset "utf-8";
/* CSS Document */


*{padding:0; margin:0;}


/*banner*/
.data_banner{width:100%; height:830px; background:url(https://www.tendata.cn/img/data/bg.jpg); position:relative;}
.data_banner .w1200 {width:1200px; margin:0 auto; height:830px;}
.data_banner .data_banner_info{display:flex;align-items:center;}
.data_banner .data_banner_info .banner_right{width: 634px;}
.data_banner .data_banner_info .banner_right img{width:100%}

.data_banner .data_banner_info .banner_left{display:flex;flex-direction:column}
.data_banner .data_banner_info .banner_left h2{display:flex;flex-direction:column; gap:20px}
.data_banner .data_banner_info .banner_left h2 span{line-height:1; font-size:50px;}
.data_banner .data_banner_info .banner_left h3{margin-top:45px;color:#7A7F83;font-size:16px;line-height:1.9;display: flex;flex-direction: row;flex-wrap: wrap;}.data_banner .data_banner_info .banner_left h3 li{width: 40%;font-size:16px;display: flex;align-items: center;line-height: 1;margin-bottom: 20px;}
.data_banner .data_banner_info .banner_left h3 li img{width: 18px;height: 20px;margin-right: 5px;}
.data_banner .data_banner_info .banner_left .saas_banner_btn{margin-top:51px; }
.data_banner .data_banner_info .banner_left .saas_banner_btn a{width:132px;height:42px;line-height:42px;border: 1px solid;display: block;text-align: center;color: #fff;border-radius: 21px;background: #0081FA;}

/*搜索框*/
.search{height:180px;width: 1200px;position: absolute;bottom: -90px;background: #fff;text-align: center;box-shadow: 0px 0 10px rgba(0, 0, 0, 0.2);}
.search .title{margin-top:34px;font-size:32px;line-height: 1;font-weight: bold;margin-bottom: 27px;}
.search .title span{color:#0081FA;}
.search input{width: 700px;height: 50px;line-height: 50px;border: 1px solid #0081FA;border-radius: 5px;padding-left: 10px;}
.search .box{width:700px;margin:0 auto;position:relative;}
.search .box a{width:120px;height:50px;position:absolute;right:0;line-height: 50px;color: #fff;font-size:18px;background: #0081FA;border-radius: 5px;}


/*228+国和地区贸易数据，字段更详尽*/
.datadiv1 .title{margin-top:190px;}
.datadiv1 .title h2{line-height:1; font-size:40px; text-align:center;}
.datadiv1 .title h3{line-height:22px;text-align:center;font-size:14px;width:890px;margin: 0 auto;color: #7A7F83;margin-top: 40px;}

.datadiv1 .content{display:flex;gap: 60px;margin-top: 80px;flex-direction:column;}
.datadiv1 .content.tab{flex-direction:row}
.datadiv1 .content .con_box{display:flex;justify-content:space-between;}
.datadiv1 .content .con_box.top li:nth-child(1) .text{color:#0081FA}
.datadiv1 .content .con_box.top li:nth-child(2) .text{color:#39C8FD}
.datadiv1 .content .con_box.top li:nth-child(3) .text{color:#0081FA}
.datadiv1 .content .con_box.top li:nth-child(4) .text{color:#39C8FD}
.datadiv1 .content .con_box.top li:nth-child(5) .text{color:#8F85F1}

.datadiv1 .content .con_box.bottom li:nth-child(1) .text{color:#69D0BF}
.datadiv1 .content .con_box.bottom li:nth-child(2) .text{color:#21B0FB}
.datadiv1 .content .con_box.bottom li:nth-child(3) .text{color:#69D0BF}
.datadiv1 .content .con_box.bottom li:nth-child(4) .text{color:#0081FA}
.datadiv1 .content .con_box.bottom li:nth-child(5) .text{color:#39C8FD}
.datadiv1 .content .con_box li{display:flex;align-items:center}
.datadiv1 .content .con_box li img{width: 48px;height: 49px;margin-right: 25px;}
.datadiv1 .content .con_box .box_text .text{font-size: 28px;font-weight: bold;margin-bottom: 5px;width: 100px;}
.datadiv1 .content .con_box .box_text .text span{font-size: 22px;margin-left: 3px;}
.datadiv1 .content .tab{ display:flex; gap:15px; flex-direction:column; margin-bottom:100px}
.datadiv1 .content .tab li{width:200px;font-size:18px;height:45px;line-height: 45px;color: #333;border-radius: 6px;background:#EBF5FE;text-align: center;}
.datadiv1 .content .tab .tab_flag.active{background: linear-gradient(90deg, #63DBF5 0%, #0182FA 100%);color: #fff;}
.datadiv1 .content .tabBox{width:940px;}
.datadiv1 .content .tabBox .tab_cell{display: none;}
.datadiv1 .content .tabBox .tab_cell.active{display: block;}


.datadiv1 .content #tabCon .textDiv{margin-bottom:100px;}
.datadiv1 .content #tabCon .textDiv ul{display:flex;flex-wrap:wrap;justify-content: flex-start;gap: 1.5%;}
.datadiv1 .content #tabCon .textDiv ul li{width:13%;text-align: center;margin-bottom: 50px;}
.datadiv1 .content #tabCon .textDiv ul li p{color:#7a7f83}
.datadiv1 .content #tabCon .textDiv ul li img{width: 56px; height: 40px; margin-bottom:12px; border-radius:5px; box-shadow:0px 0 15px rgba(0, 0, 0, 0.2)}


/*广告条*/
.TimeNow {
  background: url('https://www.tendata.cn/img/indeximg/beijingz.png')/*linear-gradient(111deg, #66FCE9 0%, #6EDBF2 19.5068359375%, #198AFE 100%)*/;
  background-size:cover;
  padding-top: 45px;
  text-align:center;
  padding-bottom: 45px;
}
.TimeNow .title{font-size:40px;margin-bottom: 30px;color: #fff;line-height: 1;}

.TimeNow h2 {
  color: #fff;
  margin-bottom: 10px;
  font-size:30px;
  padding:0;
}

.TimeNow p {
  color: #fff;
  font-size: 18px;
  margin-bottom: 45px;
}

.TimeNow h3{ font-size:16px; padding:0; color:#fff}

.TimeNow .btns {
  display: flex;
  align-items: center;
  gap: 58px;
  width: 510px;
  margin: 0 auto;
  justify-content:center
}

.TimeNow .btns p {
	width: 150px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 8px;
	margin-bottom: 0;
	cursor: pointer;
}

.TimeNow .btns p.cls {
  background: #0084FD;

  color: #fff;
}


.TimeNow .content{display:flex;flex-direction:column;gap: 30px;}
.TimeNow .content .con_box {display: flex;justify-content: space-between; color:#fff}
.TimeNow .content .con_box li{display:flex;align-items:center}
.TimeNow .content .con_box li .box_text{width: 75px;}
.TimeNow .content .con_box li img{width: 40px;height: 40px;margin-right: 10px;}
.TimeNow .content .con_box .box_text .text{font-size: 20px;font-weight: bold;margin-bottom: 5px;}
.TimeNow .content .con_box .box_text .con{font-size: 14px;}
/*基于数据*/

.datadiv2{background: url(https://www.tendata.cn/img/data/bg_1.jpg) no-repeat;background-size:cover;}
.jx_bg{background: url(https://www.tendata.cn/img/data/bg_3.jpg) no-repeat;background-size:cover;}
.datadiv2 .title{ padding-top:100px;}
.datadiv2 .title h2{line-height:1; font-size:40px; text-align:center;}
.datadiv2 .swiper-slide{display:flex;gap: 16px;margin-top: 65px;height: auto;flex-direction: column;}
.datadiv2 .swiper-slide .left{width:370px;}
.datadiv2 .swiper-slide .tabimg{width:780px;background: url(https://www.tendata.cn/img/data/tybg.png) no-repeat;position: relative;background-size: 100%;height: 510px;}

.datadiv2 .swiper-slide .tabimg .swiperimg{ display:none;}
.datadiv2 .swiper-slide .tabimg .swiperimg.active{display:block}
.datadiv2 .swiper-slide .left .text_con{margin-bottom:40px;}
.datadiv2 .swiper-slide .left .text_con p{font-size:32px; font-weight:bold; margin-bottom:30px;}
.datadiv2 .swiper-slide .left .text_con p span{ color:#0081FA; font-size:32px;}
.datadiv2 .swiper-slide .left .text_con span{color:#7A7F83; font-size:14px; line-height:22px; }

.datadiv2 .swiper-slide .left .tab-btn1{height:55px;line-height:55px;margin-bottom:10px;font-size: 18px;color: #555555;display: flex;border-radius: 5px;padding: 0 23px;align-items: center;justify-content: space-between;background:url(https://www.tendata.cn/img/data/ds1.png)}
.datadiv2 .swiper-slide .left .tab-btn1.active{background:url(https://www.tendata.cn/img/data/ds.png);color: #0084FD;}


.datadiv2 .swiper-slide .left .tab-btn1 span{font-size:20px; display:none}
.datadiv2 .swiper-slide .left .tab-btn1.active span{font-size:20px; display:block}

.datadiv2 .swiper-slide .tabimg .right img{left:50%;top: 50%;position: absolute;transform: translate(-50%,-50%);}


.datadiv2 .swiper-slide .swiper-tab{display:flex;gap:50px;}
.datadiv2 .swiper-slide p a{width: 140px;display;text-align:center;block;height: 45px;line-height: 45px;font-size: 16px;margin: 0 auto;display: block;color: #fff;border-radius: 6px;background: #0081FA;margin-bottom: 80px;}


.datadiv2.left{background:none}
.datadiv2.left .swiper-slide{margin-top:0; padding-top:100px;}
.datadiv2.left .swiper-slide .swiper-tab{flex-direction:row-reverse}



.datadiv2.right .swiper-slide{margin-top:0; padding-top:100px;}



/*80000客户*/
.datadiv3{width:100%; background:url(https://www.tendata.cn/img/data/bg7.jpg); height:722px;}
.datadiv3 .title{ padding-top:100px;}
.datadiv3 .title h2{line-height:1; font-size:40px; text-align:center;}
.datadiv3 .data_con{ display:flex; margin-top:80px;justify-content:space-evenly}
.datadiv3 .data_con li p{font-size:40px;font-weight:bold;background:linear-gradient(111deg, #66FCE9 0%, #6EDBF2 19.5068359375%, #198AFE 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height: 1;text-align: center;}
.datadiv3 .data_con li span{margin-top:23px;color:#555555;font-size:18px;line-height: 1;display: block;}
.datadiv3 .logo {width:100%; display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:60px;}
.datadiv3 .logo li{margin-bottom:20px; width:180px;}



/*广告*/
.ad{width:100%; text-align:center; background:url(https://www.tendata.cn/img/indeximg/beijingd.png) no-repeat center center; height:260px;}
.ad .ad_title{ padding-top:75px; padding-bottom:18px; font-size:40px; font-weight:bold; line-height:1}
.ad .text{font-size:16px; padding-bottom:18px; line-height:1}
.ad .btns{  display: flex;  align-items: center;  justify-content: center;  gap: 30px;}
.ad .btns p{width:150px; height:42px; line-height:42px; color:#fff; border:1px solid #0081FA; border-radius:21px;}
.ad .btns p a{color:#0081FA;}
.ad .btns .cls{ background:linear-gradient(111deg, #c1dfeb 0%, #60dbf5 19.5068359375%, #198AFE 100%); border:none;}


/*footer*/
.footer {
  background:#F4F7FC;;

}

.footer-brand {
	display:flex;
  border-bottom: 1px solid #dde2e9;
  height:120px;
}
.footer-links {
  display:flex;
  width:100%;
  justify-content:space-between;
  }
 #rwm{justify-content:space-around}

.footer-brand ul {
  display: flex;
  width:100%;
  align-items: center;
  justify-content: space-between;
}






.footer-brand ul li {
  display: flex;
  align-items: center;
}

.footer-brand ul li h3 {
  margin-bottom: 12px;
  color:#41464f;
  font-size: 1vw;
}

.footer-brand ul li p {
  color:#41464f;
    margin-bottom: 0;
  font-size:12px;
}


.footer-brand ul li img {
  width: 36px;
  height: 39px;
  margin-right: 15px;
}



.footer-main {
  display: flex;
  margin:60px 0 30px 0;
  align-items: center;
  justify-content: space-between;
}
.link-group h4 {
  color:#41464f;
  font-size: 18px;
  margin-bottom: 20px;
  font-weight:bold;
}

.link-group ul {
  list-style: none;
}

.link-group li {
  color:#41464f;
  margin-bottom: 10px;
}

.link-group a {
  color:#41464f;
  text-decoration: none;
  transition: color 0.3s ease;
  font-size:13px;
}

.link-group a:hover {
  color:#41464f;
}

.footer-bottom {
  border-top: 1px solid #34495e;
  padding-top: 20px;
  text-align: center;
}

.footer-bottom p {
  color: #bdc3c7;
  font-size: 0.9rem;
}

.footer-main .down-icon img{display:none;}
.foot_wx{
    padding:10px 0 20px;
}
.foot_wx img{
    width: 110px;
}
.foot_wx p{
    width: 110px;
    font-size: 14px;
    color: #41464f;
    line-height: 20px;
    padding-top: 10px;
    text-align: center;
	margin-bottom:0;
}

.copyright{
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.4);
    line-height: 30px;
    padding:15px;
    border-top: 1px solid #dde2e9;
}
.footer .copyright p{margin-bottom:0; color:#41464f; font-size:14px; line-height:30px;}
.footer .copyright p a{color:#41464f; margin:0}
.footer .copyright span{color:#41464f;}
.footer .copyright span a{color:#41464f;}
.foot_wx{padding-right:0!important}




@media screen and  (max-width: 768px){
.w1200{width:100%;}
.data_banner{ height:450px;}
.data_banner .w1200{height:450px;flex-direction:column-reverse;width:100%;justify-content: center;}
.search{display:none;}

.data_banner .data_banner_info .banner_left{margin-top:20px;}
.data_banner .data_banner_info .banner_left h3{ display:none;}
.data_banner .data_banner_info .banner_left h2{gap:inherit; text-align:center;}
.data_banner .data_banner_info .banner_left h2 span{font-size:20px; line-height:1.5}
.data_banner .data_banner_info .banner_left .saas_banner_btn{margin-top:20px;}


.datadiv1 .title{margin-top:0;}
.datadiv1 .title h2{font-size:5vw; padding:8vw 0 3vw 0; line-height:1; font-weight:bold;}	
.datadiv1 .title h3{font-size: 4vw;padding: 0 4vw 8vw 4vw; line-height:1; display:none;}

.datadiv1 .content.tab{flex-direction:column; margin-top:10px; gap:20px;}
.datadiv1 .content .tab{flex-direction:row;overflow-x:auto; margin-bottom:0;}
.datadiv1 .content .tab li{flex-shrink:0; width:115px;}

.datadiv1 .content .tabBox{width:100%;}
.datadiv1 .content #tabCon .textDiv ul{gap:2%; width:95%; margin:0 auto;}
.datadiv1 .content #tabCon .textDiv ul li{width:15%; margin-bottom:20px;}
.TimeNow .title{font-size:5vw; padding:8vw 0 3vw 0; line-height:1; font-weight:bold;}

.TimeNow .content .con_box{width:98%; margin:0 auto;}
.TimeNow .content .con_box li{width:18%;flex-direction:column;}
.TimeNow .content .con_box li img{margin-right:0}
.TimeNow .content .con_box .box_text .text {margin-top:20px; font-size:16px;}



.data_banner .data_banner_info .banner_right{width:70%;}


}