@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 14px/1.5 Microsoft YaHei, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: top; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a { outline: none; transition-duration: 0.3s, 0.3s; transition-property: background-color, color; transition-timing-function: ease, ease;}
table { border-collapse: collapse; border-spacing: 0; }
em, i {font-style: normal;}
/* 项目主体部分设置 */
body{background:rgba(0,0,0,0.5);color:#fff;}
a{color:#fff;text-decoration:none;/*transition:color 0.2s linear 0s*/}
a:hover{color:#bc0200;}
.wrapper {position:relative; max-width:1920px; margin:0 auto; overflow:hidden;}
.wrap { width: 1200px; margin: 0 auto;}
.g-in { width:1200px; margin:0 auto; *zoom:1}.g-in:after{content:'\20';display:block;height:0;clear:both}
.banner img { vertical-align:top; }

.header {background: rgba(0,0,0,0.6); position: fixed; width: 100%; line-height: 92px; z-index: 100;}
.logo {float: left;}
.logo img {vertical-align: middle;}
.search {float: right; position: relative; width: 21px;}
.search .ico {width: 19px; height: 92px; background: url(../images/sear-ico.png) no-repeat center; cursor: pointer;}
.search form {display: none; position: absolute; z-index: 100; left: -258px; top: 97px; border: 1px solid #bc0200; background: #fff;}
.search input {float: left; height: 33px; line-height: 33px; box-sizing: border-box;}
.search input[type=text] {width: 195px; padding-left: 15px; color: #333;}
.search input[type=submit] {width: 55px; cursor: pointer; font-size: 14px; color: #fff; background: #ca3f0a;} 
.search input[type=button] {width: 55px; cursor: pointer; font-size: 14px; color: #fff; background: #ca3f0a;} 
.navtoggle {position: relative;}
.navtoggle .bbb {width: 19px; height: 92px; background: url(../images/thumb.png) no-repeat center; transition: transform .7s; -webkit-transition: transform .7s;}
.bbb.rotate {transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.nav, .search, .navtoggle, .lang {float: right; cursor: pointer; margin-right: 30px;}
.lang  {margin-right: 0;}
.nav dl {display: none; position: absolute; z-index: 100; line-height: 30px; white-space: nowrap; background: rgba(0,0,0,0.5); left: -20px; right: -20px; text-align: center;}
.nav dt {margin: 0 7px; border-bottom: 1px solid rgba(255,255,255,0.1);} 
.nav li {float: left; position: relative;}
.fir-menu {padding: 6px 18px; font-size: 16px;} 
.fir-menu:hover, .nav .current .fir-menu {background: url(../images/nav-bg.jpg) no-repeat center bottom;}
.nav li:hover dl {display: block;}

.copyright {background: #000; text-align: center; line-height: 38px;}
.copyright a{color: #fff;}

.slide-menu {position: absolute; z-index: 300; top: 100%; left: 700px; right: -1000px; bottom: -1500px; background: #000; padding: 10px 0 0 32px; transition: left 0.7s;}
.slide-menu li {border-bottom: 1px solid rgba(255,255,255,.1); padding: 12px 0;}
.slide-menu li:hover dl {display: none;}
.slide-menu a {color: #fff; display: block; text-indent: 17px; line-height: 44px; width: 250px;}
.slide-menu a:hover {color: #fff; background: #ca3f0a;}
.slide-menu dl {display: none; padding-left: 10px;}
.slide-menu dl a {line-height: 30px;}
.slide-menu.showaaa {left: -52px;}
#fp-nav {z-index: 99;}