html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
.xdfflex{display:flex;display:-webkit-box;display:-webkit-flex}
.top{margin:0 auto;background-image:url(/images/index/navtop.png);background-repeat:repeat-x;background-position:bottom;height:120px;background-color: #fff;}
.top .header{width:1200px;height:120px;margin:0 auto;justify-content:space-between;align-items:center}
.top .header .logo{width:400px}
.top .header .logo img{width:100%}
.top .header .nav{width:100%;flex-wrap:nowrap;justify-content:space-between;line-height:140px;transition:box-shadow 0.2s ease-out;position:relative}
.top .header .nav a{margin:10px 10px;text-align:center;font-size:20px;color:#333;line-height:1;position:relative;display:block;outline:none}
.top .header .nav a span{font-weight:bold;line-height:120px;padding:0 0.35em;transition:color 0.5s;transition-timing-function:cubic-bezier(0.2,1,0.3,1)}
.top .header .nav a span::before{content:"";position:absolute;z-index:-1;top:50%;left:0;width:100%;height:10%;opacity:0.3;transform:scale3d(0,1,1);transform-origin:0% 50%;transition:transform 0.5s;transition-timing-function:cubic-bezier(0.2,1,0.3,1);background:#ff8a00}
.top .header .nav a:nth-child(n):hover,.top .header .nav a:nth-child(n):focus{color:#ff8a00}
.top .header .nav a:hover,.top .header .nav a:focus{color:#333}
.top .header .nav a:hover span::before,.top .header .nav a:focus span::before{transform:scale3d(1,1,1)}
.top .header .nav a:last-child{color:#ff8a00}
.bottom{width:100%;margin:0 auto;background:#262626;border-top:#ff8a00 4px solid;}
.bottom .footer{width:1200px;margin:0 auto;justify-content:space-between}
.bottom .footer .flist{margin:20px 2px}
.bottom .footer .flist h3{width:100%;text-align:left;font-size:23px;font-weight:300;color:#bdbdbd}
.bottom .footer .flist h3::after{display:block;margin-top:2px;width:40px;height:3px;background-color:#ff8a00;content:""}
.bottom .footer .flist .ilist{width:100%;flex-wrap:nowrap;justify-content:space-between}
.bottom .footer .flist .ilist .slist{display:block;text-align:left;margin:0 10px}
.bottom .footer .flist .ilist .slist .slisttitle{display:block;width:160px;text-align:left;color:#bdbdbd;font-size:18px;line-height:2.3;font-weight:200;padding-top:10px;border-bottom:1px solid #3c3c3c;margin-bottom:7px}
.bottom .footer .flist .ilist .slist ul{width:100%;text-align:left}
.bottom .footer .flist .ilist .slist ul li{display:block;width:100%;height:26px;line-height:26px;text-align:left;color:#3c3c3c;font-size:15px}
.bottom .footer .flist .ilist .slist ul li a{color:#777;font-weight:200;transition:0.2s ease;-moz-transition:0.2s ease;-webkit-transition:0.2s ease}
.bottom .footer .flist .ilist .slist ul li .slist-tel{display:block;font-size:15px;color:#7c7c7c;line-height:1;padding-top:10px}
.bottom .footer .flist .ilist .slist ul li .slist-tel span{color:#ff8a00}
.bottom .footer .flist .ilist .slist:hover a{color:#b5b5b5;border-color:#b5b5b5}
.bottom .copy{border-top:1px solid #3c3c3c;display:block;width:1200px;margin:0 auto;cursor:default;position:relative;padding-top:20px}
.bottom .copy .con{line-height:30px;color:#969696;display:block}
.bottom .copy .fslogin{position:absolute;right:0;top:10px;width:300px}
.bottom .copy .fslogin img{width:100%}
.bottom .copy  a{color: #969696;}
.float_qq{position:fixed;top:600px;right:0;width:50px;height:203px;z-index:9999999}
.float_qq li{width:auto;height:50px;z-index:20}
.float_qq li.float_qq1,.float_qq li.float_qq4{position:absolute;left:0;width:62px}
.float_qq li.float_qq1{top:0}
.float_qq li.float_qq2{position:absolute;top:52px;left:0;width:126px}
.float_qq li.float_qq3{position:absolute;top:104px;left:0;width:172px}
.float_qq li.float_qq4{top:156px}
.float_qq li a{display:block;font-family:"Microsoft Yahei";color:#FFF;font-size:14px;height:50px;line-height:50px;overflow:hidden;background-color:#000;opacity:0.8;border-radius:6px}
.float_qq li a img{display:block;float:left;vertical-align:middle;width:30px;height:30px;margin:12px 12px 14px 14px}
.float_qq li a:hover{background-color:#c70c1f;opacity:1}
.float_shwx{position:absolute;top:-226px;left:-216px;width:216px;height:216px;padding-bottom:9px;display:none}
.float_shwx img{display:block;padding:14px;background-color:#FFF;width:188px;height:188px}

.scroll-content{animation:totop 2s forwards;-webkit-animation:totop 2s forwards;-o-animation:totop 2s forwards;-moz-animation:totop 2s forwards;-ms-animation:totop 2s forwards;transform:translateY(-20px);-webkit-transform:translateY(-20px);-o-transform:translateY(-20px);-ms-transform:translateY(-20px);-moz-transform:translateY(-20px)}
@keyframes totop{0%{transform:translateY(-20px);opacity:0}
100%{transform:translateY(0);opacity:1}
}@-moz-keyframes totop{0%{-moz-transform:translateY(-20px);opacity:0}
100%{-moz-transform:translateY(0);opacity:1}
}@-webkit-keyframes totop{0%{-webkit-transform:translateY(-20px);opacity:0}
100%{-webkit-transform:translateY(0);opacity:1}
}@-ms-keyframes totop{0%{-ms-transform:translateY(-20px);opacity:0}
100%{-ms-transform:translateY(0);opacity:1}
}@-o-keyframes totop{0%{-o-transform:translateY(-20px);opacity:0}
100%{-o-transform:translateY(0);opacity:1}
}.animated{animation-duration:2s}