@charset"utf-8";

:root {
  color-scheme: light;
}

/*滚动条*/
::-webkit-scrollbar{ width:5px; height:5px; }
::-webkit-scrollbar-track{border-radius:0px;}
::-webkit-scrollbar-track-piece{ background: #f1f1f1; }
::-webkit-scrollbar-thumb{  background: #c1c1c1; border-radius:20px;}
::-webkit-scrollbar-thumb:hover{background: #c1c1c1;}
::-webkit-scrollbar-corner{ background: #c1c1c1;}

input , textarea { font-size: 14px; font-family: PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑,STHeitiSC-Light,simsun,宋体,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif"; resize: none; color: #333; }
* { margin:0px; padding:0px; box-sizing:border-box; }
*:focus { outline:none; }
ul li { list-style:none; }
em ,i { font-style:normal; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
img { vertical-align:top; }
body { background-color: #ffffff; font: 14px/1.4 PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑,STHeitiSC-Light,simsun,宋体,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif"; color:#2c2c2c; }
a { color:#2c2c2c; text-decoration:none; cursor:pointer; }

::placeholder { color: #dbdbdb; }

header { background: url("../img/bg.jpg") no-repeat top center; background-size:cover; width: 100%; }
.header { padding: 20px 7% 20px 7% }
.header img { height: 46px; }
.header-main { padding: 10px 5% 50px 5%; display: flex; justify-content: space-between; color: #ffffff;}
.header-main .tips { padding: 20px 0 0 4px; line-height: 40px; color: #a9acec; }
.header-main .tips p { padding: 12px 0 10px 0; font-size: 20px; font-weight: 400;}
.header-main .tips img { height:40px; margin-right: 14px; }
.header-main-left { width: 55%; padding-left: 30px;  }
.header-main-left h2 { font-size: 500%; padding-top: 0px; }
.header-main .download { padding: 70px 0 0 0; }
.header-main .download a { display: block; background: #ffffff; padding: 22px 0; width: 380px; text-align: center; border-radius: 10px; line-height: 20px; color: #000; font-size: 22px; }
.header-main .download a:hover { background-color: #ffffff; }
.header-main .download a img { height: 20px;margin-right: 14px; }
.header-main .download_more { display: flex;  color: #a9acec; padding-left: 0; font-size: 16px; align-items: center; padding-top: 30px; }
.header-main .download_more span { padding-right: 20px; }
.header-main .download_more img { width: 30px; margin:0 0 2px 0; }
.header-main .download_more dl { text-align: center; font-size: 14px; margin:0 30px 0 0; }
.header-main .download_more a { color: #a9acec; }
.header-main-right { padding-top: 80px;  }
.header_ask { padding: 20px 5% 20px 5%; }


.main { padding: 30px 14% 30px 14%;  margin: 0 auto; display: flex; justify-content: space-between; line-height: 50px; }

.main-right img { height: 50px; margin-left: 40px; }
.main_ask { width: 1080px; min-width: 1080px; margin: 0 auto; padding: 40px 0; display: flex; justify-content: space-between; line-height: 40px; }

footer { padding: 20px 14% 20px 14%; margin: 0 auto; display: flex; justify-content: space-between; line-height: 40px; border-top: 1px solid #f2f2f2; }
footer .footer-left img { width: 150px; }
footer .link_more { line-height: 34px; padding: 10px 0 10px 0; }
footer .link_more p {  padding: 4px 0; }
footer .link_more img { width: 34px; margin-right: 10px; }
footer .footer-right { display: flex;}
footer .footer-right div { padding-left: 80px; line-height: 2; }
footer .footer-right h2 { font-weight: 700; }
footer .footer-right a:hover { color: #4247b4;}

.kf { 
    z-index: 99999;
    display: block;
    text-align: center;
    padding: 10px;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    text-decoration: none;
    color: rgb(255, 255, 255);
    box-shadow: 0 0 20px 0 rgba(71, 71, 71, 0.5);
    position: fixed;
    bottom: 60px;
    font-weight: 600;
    right: 10px;
    transition: all .6s;
}
.kf img { 
    width: 26px;
} 

.w_list { display: none;}
.ddd { background-color: #121651; display: none;}


@media only screen and (max-width: 1000px) { 
.aimg {
filter: invert(1) hue-rotate(180deg);
}
  body {
    background: url('/img/hbg.png');
    color: #252121;          /* 浅灰文字 */
  }
 .header { padding:10px 5% 10px 5%; display: none; }
 
 .header-main { display: inline-block; margin:  0px 5% 0 5%; padding:60px 0 0 0; width: 90%; }
 
 .header-main .header-main-left {  width: 100%; padding-top: 10px; padding-left: 0; }
 .header-main .header-main-left .tips { padding: 0 0 0 12px; margin: 0 auto; line-height: 30px; text-align: left; }
 .header-main .header-main-left .tips img { height: 30px; }
 .header-main .header-main-left .tips p { padding: 4px 0 4px 0px; font-size: 16px;}
 
 .header-main .header-main-left h2 { font-size: 310%; padding-top: 0px; padding-left: 12px; padding-bottom: 10px; }
 .header-main .download { padding: 20px 0 0 0; margin:0 auto ; }
 .header-main .download a { padding: 15px 0; font-size: 20px; display: inline-block; width: 90%; margin-left: 5%; line-height: 26px; border-radius: 500px; }
 .header-main .download a img { height: 26px; }
 .header-main .download_more { padding-left: 0; padding-bottom: 20px; justify-content: center }
 .header-main .download_more span { display: none;}
 .header-main-right { display: none; }
 .header-main-right img { width: 100%;}

.w_list { display: block;  text-align: center; padding-top: 15px; }
.w_list img { width: 160px;  }

 .main { text-align: center; margin: 0 3%; width: 94%; min-width: 94%; display: inline-block; padding: 10px 0; }
 .main-left { font-size: 90%; font-weight: 800; }
 .main-right img { margin-left: 12px; margin-right: 12px; height:40px; }
 footer { width: 90%; min-width: 90%; padding:0 0 20px 0; margin: 0 5%; display: inline-block; }
 .footer-left { padding: 30px 0; }
 .footer-right { border-top: 1px solid #f2f2f2; padding: 20px 0 0 0; }
 footer .footer-right div { padding-left: 0; width: 50%; }

 .kf  { 
    z-index: 99999;
    display: block;
    text-align: center;
    padding: 10px;
    background-color:#f9f9f9;
    border-radius: 50%;
    text-decoration: none;
    color: rgb(255, 255, 255);
    box-shadow: 0 0 20px 0 rgba(71, 71, 71, 0.5);
    position: fixed;
    bottom: 10px;
    font-weight: 600;
    right: 10px;
    transition: all .6s;
 }

 .ddd { background-color: #121651; position: fixed; width: 100%; padding: 0 5%; display: flex; height: 60px; justify-content: space-between; justify-items: center; line-height: 40px;}
  .ddd  img { height: 30px; margin: 15px 0 0 0; }
   .ddd a { color: #ffffff; font-size: 18px; padding: 0 14px; border-radius: 10px; background-color:#ff6009; margin: 10px 0; font-weight: 800;}
}