@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; color:#333333;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-style:normal;}
/*设置列表*/
ul,ol{list-style:none;}
/*设置通用链接*/
.container{width:90%; max-width:1200px; margin:0 auto; padding:0 15px; box-sizing:border-box;}
.top{padding:10px 0;}
.top img{max-width:150px; width:100%;}
.ban{display:flex; justify-content:space-between; flex-wrap:wrap;}
.ban .ban-l{width:100%; max-width:56%; display:flex; align-items:center;}
.ban .ban-l .tit{color:#3451b2; font-size:clamp(32px, 5vw, 56px); margin-bottom:15px; font-weight:bold;}
.ban .ban-l .ftit{font-size:clamp(28px, 4vw, 50px); color:rgba(60, 60, 67); margin-bottom:15px; font-weight:bold;}
.ban .ban-l .txt{font-size:clamp(16px, 2vw, 22px); color:#666; margin-bottom:30px;}
.ban .ban-l .xz{width:220px; max-width:100%; background:#3451b2; cursor:pointer; color:#FFF; text-align:center; border-radius:10px; font-size:clamp(18px, 2vw, 24px); padding:15px 0;}
.ban .ban-r{width:100%; max-width:42%; display:flex; justify-content:center; align-items:center;}
.ban .ban-r img{width:100%; max-width:70%;}
.jieshao{padding:30px 0; border-bottom:1px solid #ddd; display:flex; justify-content:space-between; flex-wrap:wrap;}
.jieshao .js-item{width:calc(25% - 12px); box-sizing:border-box; padding:30px; border-radius:10px; background:#f6f6f7; margin-bottom:16px;}
.jieshao .js-item .item-tit{color:#333; font-weight:bold; font-size:clamp(16px, 1.8vw, 18px); margin-bottom:15px;}
.jieshao .js-item .item-txt{color:#666; line-height:1.8; font-size:clamp(14px, 1.6vw, 16px);}
.nr{padding:30px 0;}
.nr .nr-top .nr-tit{color:#333; font-weight:bold; margin-bottom:15px; font-size:clamp(20px, 2.4vw, 24px);}
.nr .nr-top .nr-txt{color:#666; line-height:1.8; font-size:clamp(14px, 1.6vw, 16px);}
.nr-item{padding:15px 0;}
.nr-item .item-tit{color:#333; font-size:clamp(20px, 2.4vw, 24px); font-weight:bold; margin-bottom:20px;}
.nr-item .item-list{font-size:clamp(14px, 1.6vw, 16px); color:#666; line-height:1.8; margin-bottom:5px;}
.nr-item .item-list span{font-weight:bold; color:#333;}
.jiewei{font-size:clamp(14px, 1.6vw, 16px); color:#666; line-height:1.8; margin-bottom:5px;}
.tips1{margin-top:20px; background:rgb(100 108 255 / 14%); padding:20px; border-radius:10px;}
.tips1 .tips-tit{color:#333; font-weight:bold; margin-bottom:10px; font-size:clamp(18px, 2.2vw, 22px);}
.tips1 .tips-txt{color:#666; line-height:1.8; font-size:clamp(12px, 1.4vw, 14px);}
.tips2{background:rgb(234 179 8 / 14%); padding:20px; border-radius:10px; margin-top:20px; margin-bottom:30px;}
.tips2 .tips-tit{color:#333; font-weight:bold; margin-bottom:10px; font-size:clamp(18px, 2.2vw, 22px);}
.tips2 .tips-txt{color:#666; line-height:1.8; font-size:clamp(12px, 1.4vw, 14px);}
.copyright{border-top:1px solid #ddd; padding:30px 0; text-align:center; color:#666; font-size:clamp(12px, 1.4vw, 14px);}
.float-download{display:none;}
@media screen and (max-width: 768px) {
  .ban{flex-direction:column;}
  .ban .ban-l,
  .ban .ban-r{width:100%; max-width:100%; margin-bottom:30px;}
  .jieshao .js-item{width:100%; margin-bottom:15px;}
  .float-download{position: fixed; display: block; bottom: 10px; left: 5%; width:90%; text-align: center; z-index: 1000;background-color:#3451b2; color: #FFF; font-size: 22px; font-weight: bold; padding: 15px 0px; border-radius: 20px; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,0.15); transition: all 0.3s ease;}

}