@charset "utf-8";
/* CSS Document */
/*清除内外边距*/
html,body,div,p,h1,h2,h3,h4,h5,h6,blockquote,ul,ol,li,table,th,td,span,img,dl,dd,dt,input,textarea,button{padding:0;margin:0;}
/*设置字体*/
body,textarea,button,input,select{font-family:"Microsoft Yahei"; font-size:12px;  background: rgb(237 241 251);;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-style:normal;}
ul,ol{list-style:none;}
a{ color:#333333; text-decoration:none; outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ color:#FF0000;}
.page1{background:url(../images/index-bg1.png) top center no-repeat; background-size: cover;}
.container{padding:0 5%; max-width: 1200px; margin: 0 auto;}
.top{ display: flex; padding: 15px 0;}
img{max-width: 100%; height: auto;}
.banner{padding:10% 0;}
.banner .t1{font-size:72px; color: #FFF; margin-bottom: 4%;}
.banner .t2{font-size:14px; color: rgb(153 150 185); margin-bottom: 2%; width: 60%; line-height: 1.8;}
.banner .t3{font-size: 19px; color: #0ABFB4 !important; margin-bottom: 3%;}
.banner .down{display: flex;}
.banner .down .xz{background: #3F61FF; padding: 15px 40px; display: flex; align-items: center; border-radius: 25px; font-size: 18px; color: #fff; cursor: pointer;}
.banner .down .xz img{width:25px; margin-right: 10px;}
.banner .down .xz:hover{background:red}
.diqu{padding: 5% 0;}
.tit{font-size: 36px; color: #c8ced6 !important; margin-bottom: 20px; text-align: center;}
.ftit{font-size: 18px; color: #93a4bd !important; text-align: center; max-width: 800px; margin: 0 auto;}
.diqu .td{display: flex; margin-top: 5%; justify-content: space-between; flex-wrap: wrap;}
.diqu .td .box{width:32%; display: flex; background: #fff; border-radius: 5px; margin-bottom: 20px;}
.diqu .td .box .pic{width:35%; display: flex; align-items: center; justify-content: center; }
.diqu .td .box .pic img{width:50%;}
.diqu .td .box .txt{width:65%; padding:40px 20px 40px 0; box-sizing: border-box;}
.diqu .td .box .txt .bt{font-size:20px; margin-bottom: 12px;}
.diqu .td .box .txt .js{font-size: 14px; color: #666;}
.ts {padding:5% 0;}
.ts .tsbox{display: flex; justify-content: space-between; padding-top: 40px; flex-wrap: wrap;}
.ts .tsbox .ts-b{width:35%;}
.ts .tsbox .ts-c{width:30%; text-align: center;}
.ts .tsbox .ts-b .item{background:#FFF; margin-bottom: 40px; padding:30px 20px; border-radius: 15px;}
.ts .tsbox .ts-b .item .t1{font-size:22px; margin-bottom: 20px;}
.ts .tsbox .ts-b .item .t2{font-size:16px; color: #767a96 !important;}
.ys{color: #333!important;}
.big img{width: 70% !important;}
.copyright{padding:20px 0; text-align: center; background: #1B183B; font-size: 14px; color: #FFF;}

/* 吸底下载按钮 */
.fixed-download {
    position: fixed;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    background: #3F61FF;
    padding: 12px 0;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.fixed-download img {
    width: 20px;
    margin-right: 8px;
}

.fixed-download:hover {
    background: red;
}

/* 响应式设计样式 */
@media screen and (max-width: 1024px) {
    .banner .t1 { font-size: 56px; }
    .banner .t2 { width: 80%; }
    .diqu .td .box { width: 48%; }
    .ts .tsbox .ts-b { width: 45%; }
}

@media screen and (max-width: 768px) {
    .banner .t1 { font-size: 42px; }
    .banner .t2 { width: 100%; }
    .diqu .td .box { width: 100%; }
    .ts .tsbox .ts-b,
    .ts .tsbox .ts-c { width: 100%; }
    .ts .tsbox .ts-c { margin: 20px 0; }
    .banner .down .xz { padding: 12px 30px; font-size: 16px; }
}

@media screen and (max-width: 480px) {
    .banner .t1 { font-size: 32px; }
    .banner .t3 { font-size: 16px; margin-bottom: 25px;}
    .tit { font-size: 28px; }
    .ftit { font-size: 16px; }
    .container { padding: 0 15px; }
	.banner .down{justify-content: center; width: 100%;}
    .banner .down .xz { padding: 10px 0; font-size: 14px; width: 60%; display: flex; justify-content: center;}
    .diqu .td .box .txt { padding: 20px 15px 20px 0; }
    .ts .tsbox .ts-b .item { padding: 20px 15px; }
}