@charset "utf-8";

html,body{width:100%;height:100%;}

#header {position:fixed;left:0;top:0;z-index:1000;width:100%;transition:all 0.4s;}
#header .head {position:relative;width:1400px;height:80px;margin:0 auto;color:#fff;}
#header .head::after,
#header .nav:after {content:"";display:block;clear:both;}
.logo {position:absolute;left:0;top:35px;width:180px;height:32px;background:url(../../public/img/logo.png) no-repeat center;}
.logo a {display:block;width:100%;height:100%;text-indent:-9999px;}
#header.bl .head {color:#3c3c3c;}
#header.bl .logo {background:url(../../public/img/logo_b.png) no-repeat center;}
#header .nav {float:right;} 
#header .nav li {float:left;margin:0 18px;} 
#header .nav a {display:block;padding:40px 18px 20px;font-size:19px;font-weight:700;} 

.footer {position:relative;height:326px !important;background:#000;}
.footer .foot {position:relative;display:flex;height:100%;width:1400px;margin:0 auto;}
.footer .foot .logo {top:48px;}
.footer .foot .tit {display:inline-block;color:#fff;font-weight:500;}
.footer .foot .cont {display:inline-block;color:#666;}
.footer .foot .copyright {margin-top:38px;font-size:10px;color:#666;font-weight:900;text-transform:uppercase;}
.footer .foot .info01 {flex-shrink:0;width:416px;border-right:1px solid rgba(255,255,255,0.2);}
.footer .foot .info01 ul {padding-top:112px;}
.footer .foot .info01 li {margin-bottom:22px;}
.footer .foot .info01 li .tit {min-width:110px;}
.footer .foot .info02 {flex-grow:1;padding:60px 0 0 65px;}
.footer .foot .info02 .download {padding-right:24px;background:url(../../public/img/icon_download.png) no-repeat center right;}
.footer .foot .info02 ul {margin-top:40px;overflow:hidden;}
.footer .foot .info02 li {float:left;width:50%;}
.footer .foot .info02 li:nth-last-of-type(1) {padding-left:34px;}
.footer .foot .info02 .cont {min-height:50px;margin-top:14px;line-height:25px;}
.footer .foot .info02 .link_round {display:block;margin-top:19px;}
.link_round {position:relative;display:inline-block;width:42px;height:42px;border-radius:100%;background-color:#fff;text-indent:-9999px;}
.link_round::after {content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../../public/img/round_arrow.png) no-repeat center;transition:all 0.2s;}
.link_round:hover::after {background-position:center right 40%;transition:all 0.2s;}