abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
body{line-height:1;font-family:'microsoft yahei';-webkit-touch-callout:none;-webkit-text-size-adjust:none;}
*{margin:0;padding:0;}
img{border:0;}
ul{ padding:0; margin:0;}
li{list-style:none;}
i,span,strong{ font-style:normal;}
a{ font-weight:300; color:#fff;text-decoration:none;}
a:hover { color:#ffaa00 !important;}

.header,.section,.footer{ width:100%;  height:auto;}
.wraper{width:1280px; min-width:990px; height:auto; margin:0 auto;}
.left{ float:left;}
.right{float:right;}

h2{width: 100%;	font-family:Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif;font-size:72px; font-weight:bold;text-shadow:rgba(0,0,0,0.48) 3px 3px 0px; display:block; clear:both;}
h3{width: 100%; font-family:Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif; font-weight:600;font-size:50px;text-shadow:rgba(0,0,0,.3) 2px 2px 0px; display:block; clear:both; padding:1px 0;}
h4{width: 100%;font-family:Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif;font-size: 36px; font-weight:400;text-shadow:rgba(0,0,0,.3) 2px 2px 0px; display:block; clear:both;}
h5{width: 100%; font-family:Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif; font-size:24px; font-weight:lighter;text-shadow:rgba(0,0,0,.3) 2px 2px 0px; display:block; clear:both;}

.txt_center{ text-align:center !important;}
.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}


.yellow{color:#ffaa00 !important;}
.white{ color:#ffffff !important;}



/*按钮部分*/
a.botton{display:inline-block; width:260px; height:80px; line-height:80px; font-size:28px; font-weight:300; text-align:center; background:url(../images/warface_but_bg.png) no-repeat 0px 0px; text-decoration:none; color:#000;color:#4b2806;}
a.botton:hover{ background:url(../images/warface_but_bg.png) no-repeat 0px -80px; color:#fff !important;box-shadow:rgba(255,170,0,0.5) 0 0 15px;}
a.botton i{ font-weight:500; font-size:36px; vertical-align:-4px; margin-right:5px;}
p.QeeYou_botton{ display:block;}



/*导航.header*/
.header {height:80px;background:#fff;;; position:fixed;top:0;z-index:999;} 
.header .logo { width:150px; height:80px;float:left;margin-right:8%;}
.header .logo a { display:block; width:150px; height:80px; text-indent:-9999px; background-image:url(../images/logo.png); background-repeat:no-repeat; background-position: center center;}
.header ul.nav-list{ display:block;}
.header ul.nav-list li{display:inline-block;zoom:1;*display:inline;float:left; width:auto; padding:0 10px; height:80px; /*border-right:1px solid rgba(255,255,255,0.3);*/ }
.header ul.nav-list li a{display:block;height:40px;font-size:14px;text-decoration:none; margin-top:20px; padding:0 25px;; line-height:40px; border-radius:2px; text-align:center;text-decoration:none; color:#262626;}
.header ul.nav-list li a:hover{text-decoration:none;background:#333; color:#fafafa !important;}
.header ul.nav-list li.current a{background:#333; color:#fafafa;}
.header ul.login a{ display:inline-block; width:auto; padding:5px 20px; margin:0 10px;border:1px solid #eee; border-radius:1px;}
.header ul.login a:hover{color:#fff !important; background:#00b374 !important; border:1px solid #00b374; text-decoration:none;} 



/*Z轴底层部份*/
.mainer { width:100%; height:1080px; position:relative; position:fixed; top:0;overflow:hidden; z-index:-1;}
.video,.alpha,.net,.line {width:100%; height:1080px; position:absolute; left:0; top:0;}
.video {  background:url("../images/warface_bg.jpg") no-repeat left top;min-width:1590px; z-index:-5;}
.alpha { background:url("../images/Wap_bg.png"); z-index:-4;}
.net { background:url("../images/nets.png") left top;z-index:-3;}
.line {background:url("../images/warface_bg.png") no-repeat left top; z-index:-2;}
video { width:100%;}


.content{margin:0; position:relative; z-index:990;}
.line_FG{position:relative;z-index:30; width:100%; border-top:1px solid rgba(255,170,0,0.8);}
.min-section{ height:auto; min-height:350px;}
.footer{height:auto;min-height:200px; background:url("../images/footer_BG.jpg") no-repeat center bottom;}
.section_bg1{background:url("../images/warface_section_bg1.jpg")no-repeat; padding:2.5% 0;}
.section_bg2{background:url("../images/warface_section_bg2.jpg")no-repeat; padding-top:2.5%; padding-bottom:1.0%;}
.banner_img{display:block; background-image:url("../style/images/Wap_bg.png"); border:1px solid rgba(188,188,188,0.5) !important; border:1px solid #5b5b5b; /* border-radius:50%;*/ border-radius: 2px; -webkit-box-shadow:rgba(0,0,0,0.8) 0 0 15px;-moz-box-shadow:rgba(0,0,0,0.8) 0 0 15px;box-shadow:rgba(0,0,0,0.8) 0 0 15px; overflow:hidden;}
.banner_img:hover{-webkit-box-shadow:rgba(255,255,255,0.8) 0 0 15px;-moz-box-shadow:rgba(255,255,255,0.8) 0 0 15px;box-shadow:rgba(255,255,255,0.8) 0 0 15px; border:1px solid #fff !important; text-decoration:none;}
/*第一层*/
.banner{ width:100%; max-height:1000px; margin-top:75px; padding-top:200px; padding-bottom:200px;}
.m-theme{ margin:2.5% 0; font-size:90px;}
.txt_ico_1{width:834px;height:119px;text-indent:-9999px; background:url("../images/txt_ico_1.png") no-repeat;}
.f-theme{margin:2% 0;}
a.Logo_two{display:block;width:666px;height:124px; margin-top:1.5%;background:url("../images/warFace_logo.png") center no-repeat; text-indent:-9999px;}
/*第二层*/
.ab{ margin-left:20px;}
.t_problem{ margin-left:2.5%;}
.bar{ display:block; width:600px; min-height:100px; height:auto; overflow:hidden; padding:3% 0; margin:30px 10px; text-align:center; text-decoration:none;}
.bar strong{ display:block; width:100%; font-size:36px; color:#fff; font-weight:400;}
.bar img{ border:0; margin-top:25px;}
.bar p{ width:80%; height:auto; margin:0 auto; padding:20px 0;font-size:18px; color:#fff; font-weight:500; line-height:28px;   text-align:left; text-indent:40px; text-shadow:rgba(0,0,0,.3) 1px 1px 0px;}
/*第三层*/
/*ca-menu*/
.ca-menu{ display:block; padding:0 10px; width:100%; margin:3% 0; height:auto; overflow:hidden;text-align: center;}
.ca-menu li{position:relative;display: inline-block;overflow:hidden;width:300px;height:270px; margin:0px 35px 0px 35px;  -webkit-box-shadow:1px 1px 5px rgba(0,0,0,.2);-moz-box-shadow:1px 1px 5px rgba(0,0,0,.2);box-shadow:1px 1px 5px rgba(0,0,0,.2);-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;transition:all 300ms linear;-ms-transition:all 300ms linear; }
.ca-menu li:last-child{margin-right:0}
.ca-menu li a{display:block;position:relative;width:100%;height:100%; text-align:left}
.ca-icon{position:absolute;top:0;left:0;width:100%;height:50%; text-align:center;text-shadow:1px 0 1px rgba(255,255,255,.7);line-height:250px;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear;-ms-transition:all 200ms linear}
.ca-content{position:absolute;top:75%;left:0;width:100%;height:20%}
.ca-main{ display:block; color:#ffaa00;text-align:center;font-size:24px; font-weight:300; opacity:.8;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear;-ms-transition:all 200ms linear}
.ca-main em{ font-style:normal; font-size:30px; margin-right:2px; vertical-align:-2px; font-weight:600;}
.ca-sub{ display:block; color:#fff;text-align:center;font-size:14px;line-height:40px;opacity:.8;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear;-ms-transition:all 200ms linear}
.ca-menu li:hover{ background:url(../images/warfacebg.png) no-repeat center top;}
.ca-menu li:hover .ca-icon{color:transparent; -webkit-animation:moveFromTop 400ms ease;-moz-animation:moveFromTop 400ms ease;-ms-animation:moveFromTop 400ms ease}
.ca-menu li:hover .ca-main{color:#fff;-webkit-animation:moveFromTop 300ms ease;-moz-animation:moveFromTop 300ms ease;-ms-animation:moveFromTop 300ms ease}
.ca-menu li:hover .ca-sub{color:#ffaa00;-webkit-animation:moveFromBottom 500ms ease;-moz-animation:moveFromBottom 500ms ease;-ms-animation:moveFromBottom 500ms ease}
@-webkit-keyframes moveFromTop{from{-webkit-transform:translateY(-300%)}
to{-webkit-transform:translateY(0)}
}
@-moz-keyframes moveFromTop{from{-moz-transform:translateY(-300%)}
to{-moz-transform:translateY(0)}
}
@-ms-keyframes moveFromTop{from{-ms-transform:translateY(-300%)}
to{-ms-transform:translateY(0)}
}
@-webkit-keyframes moveFromBottom{from{-webkit-transform:translateY(200%)}
to{-webkit-transform:translateY(0)}
}
@-moz-keyframes moveFromBottom{from{-moz-transform:translateY(200%)}
to{-moz-transform:translateY(0)}
}
@-ms-keyframes moveFromBottom{from{-ms-transform:translateY(200%)}
to{-ms-transform:translateY(0)}
}

.share_t{ margin:2.5% 0;}


/*新闻list*/
.list{ width:100%; height:auto; margin-top:50px;border-top:1px solid rgba(255,255,255,0.1) !important; border-top:1px solid #5b5b5b;}
.list ul{padding:30px 0;}
.list ul li{ display:inline-block; list-style:none; width:580px; padding:0 20px; height:32px; line-height:32px;}
.list ul li a{ font-size:14px; text-decoration:none;font-weight:100; padding-left:25px; background:url("../images/Icon-dot.png") left no-repeat; color:#f1f1f1;}
.list ul li a:hover{color:#ffaa00;}


/*返回顶部*/
#CfloatBtn { position:fixed; right:1px; top:40%; width:50px; background:rgba(0,0,0,0.3); border:1px solid rgba(255,255,255,0.5) !important; border:1px solid #5b5b5b; z-index:9999; }
#CfloatBtn a.qq { display:block; background:url("../images/sbtn.png"); width:50px; height:50px;}
#CfloatBtn a.weibo { display:block; background:url("../images/sbtn.png"); background-position:0 -50px; border-top:1px solid rgba(255,255,255,0.4) !important; border-top:1px solid #5b5b5b; width:50px; height:50px; }
#CfloatBtn span { display:block; background:url("../images/sbtn.png") 0 -100px; width:50px; height:50px; border-top:1px solid rgba(255,255,255,0.4) !important; border-top:1px solid #5b5b5b; cursor:pointer; }
#CfloatBtn a.qq:hover { background-position:-50px 0;}
#CfloatBtn a.weibo:hover{ background-position:-50px -50px;}
#CfloatBtn span:hover { background-position:-50px -100px;}



/*footer*/
.footer_bg{ background:url(../images/footer_BG.png) repeat-x center; height:201px; overflow:hidden;}
.footer .b-section{padding:3.5% 0; text-align:center;}
.footer .b-section p{font-size:14px; line-height:24px; color:#ccc;}
.footer .b-section p a{ margin:0 8px; color:#fff;}