@charset "utf-8";
*{box-sizing:border-box;outline:0}
body,html{width:100%;height:100%}
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body{font:15px/1.8 Arial,"Microsoft YaHei",sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-text-size-adjust:none;margin:0;padding:0;line-height:24px}
body,td,th{color:#000}
caption,td,th{font-size:14px}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
address,caption,cite,code,dfn,em,th,var{font-style:normal}
img{border:none}
li,ol,ul{list-style:none}
button,input,select,textarea{font:14px/1.8 Arial,"Microsoft YaHei",sans-serif}
input,select,textarea{*font-size:100%}
table{border-collapse:collapse;border-spacing:0}
a{color:#000;text-decoration:none;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none}
a:active{text-decoration:none}
dd,dl,dt{line-height:24px;margin:0;padding:0}
.rel{position:relative}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both;overflow:hidden}
.clearfix{*zoom:1}
.left,.lt{float:left}
.right,.rt{float:right}
.clear,.clr{clear:both}
.f-cb{zoom:1}
.f-cb:after{display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:"."}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.por{position:relative}
.poa{position:absolute}
.poa-f{position:absolute;left:0;top:0;width:100%;height:100%}
.ovh{overflow:hidden}
.noselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}
.z1{z-index:1}
.z2{z-index:2}
.z3{z-index:3}
.dn{display:none}
.width-full{width:100%}
.height-full{height:100%}
.dib{display:inline-block}
.wrap83{width:83.33333333%;margin:0 auto}
.wrap71{width:71.875%;margin:0 auto}
.indent{text-indent:2em}
header{width:100%;position:relative;z-index:1000;position:fixed;top:70px;left:0}
header.fixed{padding:14px 0;top:0;background:rgba(255,255,255,.8)}
header .wrap83{display:flex;justify-content:space-between;align-items:center}
header .header-left{display:flex}
header .header-left .logo{display:flex;align-items:center;margin-right:74px}
header .header-left .logo img{width:204px;display:block}
header.black .header-left .logo img,header.fixed .header-left .logo img{filter:brightness(0)}
header .header-left .header-menu a{display:block}
header .header-left .header-menu>ul{display:flex}
header .header-left .header-menu>ul>li{margin:0 22px;position:relative}
header .header-left .header-menu>ul>li:last-child{margin-right:0}
header .header-left .header-menu ul li a{white-space:nowrap;position:relative;color:#fff;font-size:17px}
header.black .header-left .header-menu ul li a,header.fixed .header-left .header-menu ul li a{color:#000}
header .header-left .header-menu>ul>li>a:after{content:"";width:100%;height:10px;position:absolute;z-index:-1;background:#fffe00;bottom:0;left:0;transform-origin:center;transform:scale(0,1);transition:transform .3s cubic-bezier(1,0,0,1);-webkit-backface-visibility:hidden;backface-visibility:hidden}
header .header-left .header-menu>ul>li.current>a:after,header .header-left .header-menu>ul>li:hover>a:after{transform-origin:center;transform:scale(1)}
header .header-left .header-menu ul ul{display:none;position:absolute;z-index:100;left:0;top:100%;min-width:90px;}
header .header-left .header-menu li li a{padding:10px;white-space:nowrap;}
header .header-left .header-menu li li a:hover{color:#fffe00;}
header.black .header-left .header-menu li li a{color:#000;}
header.black .header-left .header-menu ul ul{background:#fff;}
header.fixed .header-left .header-menu ul ul{background:rgba(255,255,255,.8)}
header .header-left .header-menu ul li:hover ul{display:block}
header .header-right{display:flex;align-items:center}
header .header-right .header-search{position:relative}
header .header-right .header-search .search-icon{display:block}
header .header-right .header-search .search-icon img{display:block}
header.black .header-right .header-search .search-icon img,header.fixed .header-right .header-search .search-icon img{filter:brightness(0)}
header .header-right .header-search .search-box{width:0;display:none}
header .header-right .header-search .search-box form{border:1px #fff solid;height:20px;border-radius:8px;display:flex;align-items:center}
header.black .header-right .header-search .search-box form,header.fixed .header-right .header-search .search-box form{border-color:#000}
header .header-right .header-search .search-box input{width:154px;background:0 0;border:none;padding:0 10px;line-height:18px;color:#fff;font-size:12px;float:left}
header .header-right .header-search .search-box button{width:26px;height:20px;cursor:pointer;border:none;background:0 0;display:flex;align-items:center;justify-content:center;float:right}
header .header-right .header-search .search-box button img{width:12px;display:block}
header.fixed .header-right .header-search .search-box button img{filter:brightness(0)}
header .header-right .header-lan{position:relative;margin-left:26px}
header .header-right .header-lan ul{display:flex;align-items:center}
header .header-right .header-lan li{margin:0 4px}
header .header-right .header-lan li.line{width:1px;height:12px;background:#fff}
header.black .header-right .header-lan li.line,header.fixed .header-right .header-lan li.line{background:#000}
header .header-right .header-lan a{display:flex;justify-content:center;align-items:center;color:#fff;font-size:15px;line-height:16px}
header.black .header-right .header-lan a,header.fixed .header-right .header-lan a{color:#000}
header .header-right .menu-trigger{margin-left:26px;display:flex;align-items:center;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
header .header-right .menu-trigger.opened{transform:rotate(90deg)}
header .header-right .menu-trigger img{display:block}
header.black .header-right .menu-trigger img,header.fixed .header-right .menu-trigger img{filter:brightness(0)}
.subnav{width:100%;height:100%;position:fixed;right:0;z-index:1001;top:0;display:none;overflow:hidden}
.subnav .mask{width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;right:0;z-index:8}
.subnav a{color:#fff;display:block;line-height:28px}
.subnav>ul{max-width:290px;width:60%;height:100%;background:#3c3c40;position:absolute;top:0;right:-290px;z-index:22;padding:20px;flex-direction:column;justify-content:flex-start;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;overflow-x:visible;overflow-y:auto;-webkit-overflow-scrolling:touch}
.subnav>ul>li{width:100%;float:left;margin-bottom:6%}
.subnav>ul>li>a{line-height:40px;border-bottom:1px #fff solid}
.subnav>ul>li>ul{margin-top:10px}
.subnav>ul>li>ul>li>ul>li{padding-left:10px}
footer{width:100%;background:#f5f5f5;padding:80px 0 120px 0;overflow:hidden}
footer .wrap83{display:flex;justify-content:space-between}
footer .left{width:204px}
footer .left img{width:100%;display:block;filter:brightness(0)}
footer .center a{display:block;font-size:17px;line-height:30px}
footer .center>ul{display:flex;justify-content:space-between}
footer .center>ul>li{padding:0 60px}
footer .right ul{display:flex}
footer .right li{margin-right:15px}
footer .right li:last-chlid{margin-right:0}
footer .right .code{margin-top:20px}
footer .right .code img{width:140px;display:block}