blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
abbr,acronym,fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
q:after,q:before{content:''}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r,.ul-txt li span,.ul_txt li span,dt span{float:right}
.c{clear:both}
.n,em{font-weight:400;font-style:normal}
.b{font-weight:700}
.i{font-style:italic}
.fa{font-family:Arial}
.fg{font-family:Georgia}
.ft{font-family:Tahoma}
.fl{font-family:Lucida Console}
.fs{font-family:'宋体'}
.fw{font-family:'微软雅黑'}
.tc{text-align:center}
.tr{text-align:right}
.tl{text-align:left}
.tdu{text-decoration:underline}
.tdn,.tdn:hover,a.tdl:hover{text-decoration:none}
.fc0{color:#000}
.fc3{color:#333}
.fc6{color:#666}
.fc9{color:#999}
.fcr{color:red}
.fcw{color:#fff}
.fcb{color:#00f}
.fcg{color:green}
.f0{font-size:0}
.f10{font-size:10px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}
.f24{font-size:24px}
.vm{vertical-align:middle}
.vtb{vertical-align:text-bottom}
.vt{vertical-align:top}
.vn{vertical-align:-2px}
.vimg{margin-bottom:-3px}
.m0{margin:0}
.ml0{margin-left:0}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.mr0{margin-right:0}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.ml-1{margin-left:-1px}
.mt-1{margin-top:-1px}
.p1{padding:1px}
.pl5{padding-left:5px}
.p5{padding:5px}
.pt5{padding-top:5px}
.pr5{padding-right:5px}
.pb5{padding-bottom:5px}
.p10{padding:10px}
.pl10{padding-left:10px}
.pt10{padding-top:10px}
.pr10{padding-right:10px}
.pb10{padding-bottom:10px}
.p20{padding:20px}
.pl20{padding-left:20px}
.pt20{padding-top:20px}
.pr20{padding-right:20px}
.pb20{padding-bottom:20px}
.pr,.rel{position:relative}
.abs,.pa{position:absolute}
.dn{display:none}
.db{display:block}
.dib{-moz-inline-stack:inline-block;display:inline-block}
.di{display:inline}
.ovh{overflow:hidden}
.ovs{overflow:scroll}
.vh{visibility:hidden}
.vv{visibility:visible}
.lh14{line-height:14px}
.lh16{line-height:16px}
.lh18{line-height:18px}
.lh20{line-height:20px}
.lh22{line-height:22px}
.lh24{line-height:24px}
.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
.z{_zoom:1}
.h1{height:1px}
.h5{height:5px}
.h,.h10{height:10px}
.h15{height:15px}
.h20{height:20px}
.h,.h1,.h10,.h15,.h20,.h5{font-size:0;line-height:0;overflow:hidden;clear:both}
*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-overflow-scrolling:touch}
body{color:#3d4c63;background:#fff;font:14px/1.5 "Microsoft Yahei",sans-serif;outline:0}
img{max-width:100%;border:none}
input,select,textarea{font-size:14px;color:#333;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif}
input,input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
select::-ms-expand{display:none}
a{color:#333;text-decoration:none}
a:hover{color:#ff4b59}
.wp{margin:0 auto;width:100%;max-width:1200px;}
.header{height:110px;position:relative}
.header:after{display:block;content:'';clear:both}
.hd-l{float:left;overflow:hidden}
.hd-l .title-name{font-size: 40px;font-weight: bold;}
.hd-l img{width: 300px;}
.hd-r{float: right;}
.hd-r:after{display:block;content:'';clear:both}
.hd-login{float:right;margin:36px 0 0 50px}
.hd-login a{ display:block; font-size:14px; color:#fff; text-align:center; width:137px; height:37px; line-height:37px; border-radius:19px; background-color:#f39800; -webkit-transition:.3s; -o-transition:.3s; transition:.3s; -moz-transition:.3s; -ms-transition:.3s; }
.hd-login i{display:inline-block;vertical-align:middle;width:30px;height:30px;margin:-2px 7px 0 0;background:url(../images/icon-login.png) center center no-repeat;-webkit-background-size:cover;background-size:cover}
.hd-login a:hover{opacity:.8;filter:alpha(opacity=80)}
.nav{overflow:hidden}
.nav li{float:left}
.nav li>a{ display:block; font-size:16px; color:#3b3b3b; line-height:110px; min-width: 120px; text-align: center; -webkit-transition:.5s; -o-transition:.5s; transition:.5s; -moz-transition:.5s; -ms-transition:.5s; }
.nav li.on>a,.nav li>a:hover{color:#000;font-weight: 600;}
.nav li.on>a>span{ border-bottom: 2px solid #000; padding-bottom: 5px; }
.menuBtn{display:none;position:absolute;top:50%;right:20px;width:30px;height:30px;margin-top:-15px;cursor:pointer;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;z-index:5}
.menuBtn b{position:absolute;left:0;top:50%;right:0;width:24px;height:4px;margin-top:-2px;background-color:#f39800;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.menuBtn b:after,.menuBtn b:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;width:30px;background-color:#f39800;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.menuBtn b:before{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px)}
.menuBtn b:after{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}
.menuBtn.open b{background-color:transparent}
.menuBtn.open b:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.menuBtn.open b:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.footer{padding:60px 0 80px;background-color:#182841;overflow:hidden}
.footer .wp{display:flex; align-items: center;justify-content: space-between;}
.fd-l{float:left;color:rgb(196,196,196);}
.fd-l img{width: 200px;}
.fd-r p{font-size: 20px;color:#fff;margin:10px 0 25px;}
.fd-r ul{font-size:19px;display: flex;color:#eee;}
.fd-r ul li{margin-right: 50px;}

@keyframes animate1{
from{top:0}
to{top:-6px}
}
@-webkit-keyframes animate1{
from{top:0}
to{top:-6px}
}
@keyframes animate2{
from{top:0}
to{top:6px}
}
@-webkit-keyframes animate2{
from{top:0}
to{top:6px}
}
.g-tit1{margin-bottom:72px;text-align:center}
.g-tit1 h3{font-size:32px;color:#145bcf;font-weight:400;line-height:38px;text-align:center}
.g-tit1 h3 span{display:block;font-size:18px;color:#b6b6b6;line-height:22px;margin-top:4px}
.m-block-1{padding:68px 0 78px;background-color:#f4f4f4;overflow:hidden}
.m-info-1{padding:90px 0 160px 0;}
@keyframes animate3{
from{left:-77px}
to{left:0}
}
@-webkit-keyframes animate3{
from{left:-77px}
to{left:0}
}
@keyframes animate4{
from{right:-79px}
to{right:0}
}
@-webkit-keyframes animate4{
from{right:-79px}
to{right:0}
}
@keyframes animate5{
from{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes animate5{
from{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
.m-download-1{background-image: url('./download-bg.jpg');min-height: 500px; background-size: 100% 100%;}
.m-faq-1{padding:116px 0 148px;background-color:#fff;overflow:hidden}


@media only screen and (max-width:1400px){
.wp{padding:0 20px}
.tab-content-ul{margin-left: -20px;}

@keyframes animate3{
from{left:0}
to{left:30px}
}
@-webkit-keyframes animate3{
from{left:0}
to{left:30px}
}
@keyframes animate4{
from{right:0}
to{right:30px}
}
@-webkit-keyframes animate4{
from{right:0}
to{right:30px}
}
}

@media only screen and (max-width:1199px){
    .header .wp{width: 100%;}
    .header .wp li a{min-width: 80px;}
    .header .wp li a:last-child{margin-right: 20px;}
    .wp{width: 800px;}
    .m-info-1{padding-bottom: 50px ;}
    .m-info-1 .wp .wp-l{width: 80% ;}
    .m-info-1 .wp .wp-l img{width: 500px;}
    .m-info-1 .wp .wp-r{display: none;}   
    .m-download-1{ min-height: 350px ;}
    .tab-content ul li{
        width: 130px ;
        height: 130px ;
        font-size: 14px ;
    }
    .tab-content ul li .icon-img{width: 45px;margin-bottom: 0;}   
    .tab-content ul{top:100px;}
    .m-faq-1{padding:80px 0}
    .footer{padding:40px 0}
    .fd-l img{width: 300px;}
    .fd-r{margin-left: 20px;}
    .fd-r p{font-size: 16px;}
    .fd-r ul li{font-size: 14px;margin-right: 20px;}
}



@media only screen and (max-width:959px){
.wp{width: 650px;}
.header-banner{height: 450px;}
.banner-content .info{ padding:30px 0 !important;width: 450px !important;}
.banner-content .info .title p{font-size: 30px;line-height: 35px;}
.banner-content .info .txt p{ font-size: 16px;}
.banner-content .info .txt{ margin:25px 0 !important; }
.do-button{
    padding: 10px 20px;
    font-size: 16px;
}
.m-info-1{padding:40px 0 10px 0}
.m-info-1 .wp .wp-l .title{font-size: 30px;line-height: 35px;}
.wp-l .title-en{ font-size: 16px; margin:15px 0}
.m-info-1 .wp .wp-l img {width: 360px;}
.m-download-1 .wp .tab-btn{height: 80px;top:-80px}
.m-download-1 .wp .tab-btn .tab-btn-item{font-size: 14px; }
.tab-content ul li .icon-img{width: 70px ;}  
.m-download-1 .wp .tab-btn .tab-btn-item .text{padding:15px 0;}
.m-download-1 .wp .tab-btn .tab-btn-item .title {font-size: 20px;}
.m-download-1 {min-height: 500px;}
.tab-content ul{ position:absolute;flex-wrap: wrap;justify-content: center;top:60px}
.tab-content ul li{
    width: 180px ;
    height: 180px ;
    margin-right: 30px;
    font-size: 18px ;
    margin-bottom: 20px;
}
.m-faq-1{padding:50px 0;}
.m-faq-1 .wp{ flex-direction: column;}
.m-faq-1-l{font-size: 14px;position: relative;width: 100%;}
.m-faq-1-l button{position: absolute; right: 0;top:20px}
.m-faq-1-r{width: 100%;}
.footer .wp .fd-r .area-list li{margin-right: 30px;width: 30px;}
}


@media only screen and (max-width:767px){
.header-banner{height: 400px;}
.header-banner .header{ height: 80px;}
.header-banner .hd-r{display: none;}
.wp{width:100%;padding:0 20px; box-sizing: border-box;}
.banner-content .info{ width:90% !important;min-width: 250px;}
.tab-content {padding:40px 0;}
.m-download-1 .tab-btn{box-sizing: border-box;margin-left: -20px;min-height: 80px;}
.m-download-1 .tab-btn .tab-btn-item::before,.m-download-1 .tab-btn .tab-btn-item::after{display: none;}
.m-download-1 .tab-btn .tab-btn-item .text::before,.m-download-1 .tab-btn .tab-btn-item .text::after{display: none;}
.tab-content ul{position: relative;top:10px;}
}