@import url(ui.css);

::-webkit-scrollbar{ width:10px;}
::-webkit-scrollbar-thumb{ background-color: #666; border-radius: 10px; }
::-webkit-scrollbar-track{ background: #ddd; }

*{ margin:0 ; padding: 0; box-sizing: border-box; outline: none; }
html{scroll-padding-top: 60px;}
body{ font-size:14px; font-family: "microsoft yahei", Sans-serif; background:#fff;color:#333}

a{color:#666;text-decoration:none}
a:hover{color:#2da7ff}
ul{list-style:none;}

.container{ padding:0 15px; max-width:1230px; margin:0 auto; position: relative;}

.header{ background:#FFF; border-bottom: 1px solid #f0f1f2; position: fixed; left: 0; top:0; width: 100%; z-index: 998;}
.header-con{ display: flex; justify-content: space-between; align-items: center; padding: 5px 0; }
.nav{ display: flex; }
.nav ul{ display: flex; }
.nav li a{ display: block; padding:0 25px; line-height: 40px; font-size: 16px; }
.nav li a:hover{ color: #2da7ff; }
.download a{ background: linear-gradient(135deg, rgb(7, 147, 228) 0%, rgb(155, 81, 224) 100%); color: #FFF;  display: inline-block; padding:0 25px; line-height: 30px; border-radius: 15px;}

.banner{ padding: 60px 0; text-align: center; background: linear-gradient(to bottom, #f5fbff 0%, #d5f7fc 100%);  margin-top: 60px; }
.banner h2{ font-size: 36px; margin-bottom: 10px; }
.banner h2 span{ color: #2da7ff; }
.banner p{ color: #4b5563; margin-bottom: 10px; line-height: 1.5; }
.banner .video{ max-width: 700px; margin:0 auto; }
.banner .video video{ width: 100%; height: 100%;}
.banner .btns{ margin-top: 15px; }
.banner .btns a{ display: inline-block; font-size: 18px; padding: 0 28px; line-height: 45px; background: #2da7ff; color: #FFF; border-radius: 20px; margin:0 5px; }
.banner .btns a:nth-child(2){ background: #f19149; }

.section{ padding: 50px 0;  }
.section-title{ margin-bottom: 30px; text-align: center;}
.section-title strong{ font-size: 36px;  color: #333;  }
.section-title p{ font-size: 18px; color: #999; margin-top: 8px; }

.in-number{ text-align: center;  }
.in-number li h3{ font-size: 24px; color: #2da7ff;  }
.in-number li h3 span{ font-size: 60px; }
.in-number li p{ font-size: 18px; }

.in-tuandui{ margin:0 0 0 -30px; }
.in-tuandui .items{ display: block; margin:0 0 30px 30px; position: relative; padding: 20px; min-height: 300px; border-radius: 15px; overflow: hidden; }
.in-tuandui .items .img-center{ position: absolute; right: 0; bottom: 0; }
.in-tuandui .items .tits{ display: flex;}
.in-tuandui .items .tits em{ font-size: 24px; font-weight: bold; margin-right: 10px;}
.in-tuandui .items h5{ font-size: 16px; font-weight: normal; margin-bottom: 15px; }
.in-tuandui .items h4{ display: flex; align-items: center; padding: 5px 8px;  font-weight: normal; font-size: 14px; border-radius: 15px; height: 30px; background: #dbeafe; color: #2da7ff; display: inline-block; }
.in-tuandui .items h4 i{ border-radius: 10px; background: #2da7ff; color: #FFF; font-size: 12px; padding: 2px 8px; margin-left: 8px; }
.in-tuandui .items h3{ margin:15px 0; font-size: 16px; font-weight: normal;}
.in-tuandui .items p{ font-size: 16px;position: relative; padding-left: 15px; line-height: 35px; color: #333;}
.in-tuandui .items p:before{ position: absolute; left: 0; top:50%; transform: translateY(-50%); background: #2da7ff; border-radius: 50%; content:''; width: 6px; height: 6px; }
.in-tuandui .items .btns{ margin-top: 15px; }
.in-tuandui .items .btns a{ display: inline-block; padding: 0 25px; border-radius: 17px; line-height: 35px; background: #2da7ff; color: #FFF; }

.in-why{ display: flex; justify-content: space-between; max-width: 900px; margin:auto; }
.in-why .text{ flex:1; }
.in-why .text p{ display: flex; align-items: center; height: 60px; font-size: 16px;  }
.in-why .text p i{ background: #2da7ff; width: 35px; height: 35px; border-radius: 50%; border: 10px solid #dbeafe; margin-right: 15px; }
.in-why .text p:nth-child(2) i{ background: #6366f1; border-color: #e0e7ff; }
.in-why .text p:nth-child(3) i{ background: #eab308; border-color: #fef9c3; }
.in-why .text p:nth-child(4) i{ background: #22c55e; border-color: #dcfce7; }
.in-why .video{ flex:0 0 300px; }
.in-why .video video{ width: 100%; height: 100%; }

.in-ys{ display: flex; max-width: 900px; margin:auto; }
.in-ys-left{ flex:1; }
.in-ys-left li{ display: flex; margin-bottom: 20px; }
.in-ys-left li i{ border-radius: 50px; flex:0 0 32px; height: 32px; background: #2da7ff; color: #FFF; display: flex; align-items: center; justify-content: center; margin-right: 15px; }
.in-ys-left li .text h2{ font-size: 18px; margin-bottom: 10px; }
.in-ys-left li .text p{ font-size: 16px; }
.in-ys-right{ flex:1; }
.in-ys-right li{ margin-bottom: 20px; background: #FFF; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 25px; }
.in-ys-right li h3{ font-size: 18px; color: #16a34a; }
.in-ys-right li h4{ font-size: 24px; margin:5px 0; color: #16a34a;}
.in-ys-right li:nth-child(2) h3{ color: #2563eb;}
.in-ys-right li:nth-child(2) h4{ color: #2563eb;}
.in-ys-right li:nth-child(3) h3{ color: #9333ea;}
.in-ys-right li:nth-child(3) h4{ color: #9333ea;}

.in-about li{ padding: 0 28px; text-align: center; }
.in-about li .icon{ width: 88px; height: 88px; background: #e3effe; color: #3b82f6; border-radius: 50%; padding: 25px; margin:auto; }
.in-about li h2{ margin:8px 0; }
.in-about li p{ color: #999; }
.in-about li:nth-child(2) .icon{ background: #e3fdec; color: #22c55e; }
.in-about li:nth-child(3) .icon{ background: #f6edff; color: #a855f7; }

.in-news h2{ font-size: 36px; margin-bottom: 15px; }
.in-news ul{ border-top: 1px solid #999 }
.in-news li{ display: flex; height: 70px; border-bottom: 1px solid #999; align-items: center; justify-content: space-between; }
.in-news li a{ font-size: 18px; }


.footer-con{ display: flex; justify-content: space-between;  padding: 30px 0}
.flogo{ flex: 0 0 30%; }
.flogo p{ margin-top: 10px; }
.flogo p a{ display: inline-block; width: 20px; height: 20px; margin-right: 10px; color: #666;}
.fnav{ display: flex; flex:1; }
.fnav dl{ flex:1; }
.fnav dl dt a{ display: block; font-size: 18px; color: #333; margin-bottom: 5px; font-weight: bold;  }
.fnav dl dd a{ display: block; line-height: 30px; }

.copyright{ border-top: 1px solid #ddd; padding: 25px 0; text-align: center; }

.info-content-title{margin-bottom:20px;text-align:center}
.info-content-title h1{margin:0;font-size:24px}
.info-content-title p{margin:10px 0 0;font-size:12px;color:#999}
.info-content-title p span{padding:0 5px}
.info-content-body{line-height:2;margin-bottom:20px}
.info-content img{max-width:100% !important;height:auto !important;width:auto !important}

@media screen and (max-width: 768px) {
	.nav ul{ display: none; }
	.banner{ padding: 30px 0; }
	.banner h2{ font-size: 24px; }
	.banner .btns a{ font-size: 16px; line-height: 35px; padding: 0 15px;}
	.section{ padding: 15px 0;  }
	.section-title{ margin-bottom: 15px; }
	.section-title strong{ font-size: 20px;  }
	.section-title p{ font-size: 14px;  }
	.in-number li{ margin-bottom: 20px; }
	.in-number li h3{ font-size: 18px;  }
	.in-number li h3 span{ font-size: 24px; }
	.in-number li p{ font-size: 14px; }
	.in-tuandui{ margin:0; }
	.in-tuandui .items{ margin:0 0 20px 0;  padding: 10px;  }
	.in-tuandui .items .img-center{ width: 50%; }
	.in-tuandui .items .tits em{ font-size: 18px; }
	.in-tuandui .items h5{ font-size: 14px;  }

	.in-why{ flex-wrap: wrap;  }
	.in-why .text{ flex:100%; }
	.in-why .video{ flex:100%; }

	.in-ys{ flex-wrap: wrap;  }
	.in-ys-left{ flex:100%; }
	.in-ys-right{ flex:100%; }

	.in-about li{ padding: 0 10px; text-align: center; margin-bottom: 15px; }
	.in-about li .icon{ width: 50px; height: 50px; padding: 8px; }
	.in-about li h2{ font-size: 16px; }
	.in-about li p{  font-size: 12px;}

	.in-news h2{ font-size: 20px;  }
	.in-news li{  height: 50px; }
	.in-news li a{ font-size: 16px; }
	.in-news li .date{ display: none; }
	
	.footer-con{ flex-wrap: wrap;  padding: 15px 0}
	.flogo{ flex: 100%; }
	.fnav{ flex-wrap: wrap; flex:100%; margin-top: 25px; }
	.fnav dl{ flex:0 0 50%; margin-bottom: 20px; }
	.copyright{  padding: 15px 0; }
}