@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: 12px/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 { blr:expression_r(this.onFocus=this.blur());}
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; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBd { border: none !important; }
.noMr{margin-right:0 !important; float:right !important;}
.i{text-align: justify; text-justify: inter-ideograph;}
li{list-style: none;}
/*Body*/
body { color: #666; background:#fff;}
a { color: #666; }
a:hover { color: #e20606; }
.wrap { width: 1200px; margin: 0 auto;}
.g-in{ width:1200px; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}
.wrapper{ position:relative; width:100%; margin:0 auto; overflow:hidden; }
.wrapper img{  vertical-align:top; }

/* 网站地图 */
.webmap{padding:10px 0px 15px}
.webmap dl{overflow:hidden;zoom:1;height:32px; margin-bottom:5px;}
.webmap dt{width:15%;float:left;}
.webmap dd{float:left;width:85%;}
.webmap dt a{display:block;line-height:32px;background:#ccc;color:#000;text-align:center}
.webmap dd a{margin:0 5px 5px;background:#eee;display:block;line-height:32px;width:143px;float:left;text-align:center}
.webmap a:hover{background:#343434;text-decoration:none;color:#fff}

.search { position:fixed; top:0; left:0;width: 100%;height: 100%; background:rgba(0,0,0,0.6); display:none; z-index:9999; }
.search .searchp { position:absolute; top:200px; left:50%; margin-left:-300px;width:600px; background:#fff; font-size:16px; z-index:9; }
.search form .txt { float:left; height:60px; line-height:60px; padding-left:15px; width:450px; }
.search form .btn { float:right; height:60px; line-height:60px; width:150px; text-align:center; background:#e20606; color:#fff; cursor:pointer;-webkit-appearance:none;border-radius: 0; }
.serclose { position:absolute; right:-50px; top:-50px; color:#fff; font-size:30px; cursor:pointer; }
.search01 { display:block; }

.head{position: fixed;top:0;left:0;z-index: 999;width: 100%;padding: 20px 0;}
.head .logo{float: left;margin-left: 80px;}
.head .logo .img02{display: none;}
.head .searcha{float: right;margin-top: 30px;}
.head .searcha .img02{display: none;}
.head .nav{float: right;margin-right: 60px;margin-top: 20px;}
.head .nav ul li{float: left;position: relative;}
.head .nav ul li a.a1{line-height: 43px;padding: 0 38px;font-size: 16px;color: #333333;}

.nav li .shownav { position:absolute; left:0%; width:100%; visibility:hidden; font-size:14px; z-index:1; top:43px; }
.nav li .shownav a { display: block; margin:-1px 0 0; padding:10px 10px; background: rgba(255,255,255,.76); color:#000; line-height:20px; text-align:center; border: 1px solid #cccccc;}
.nav li .shownav { transform:scale(0); }
.nav li .shownav a { opacity: 0; transform: rotateY(90deg); transition: all .4s ease; }
.nav li .shownav a:hover { color:#e20606; }
.nav li:hover .shownav { visibility:visible; }
.nav li:hover .shownav{z-index:10; transform:scale(1);} 
.nav li:hover .shownav a{opacity:1; transform:none}
.nav li:hover .shownav a:nth-child(1){ transition-delay:0s}
.nav li:hover .shownav a:nth-child(2){ transition-delay:50ms}
.nav li:hover .shownav a:nth-child(3){ transition-delay:.1s}
.nav li:hover .shownav a:nth-child(4){ transition-delay:150ms}
.nav li:hover .shownav a:nth-child(5){ transition-delay:.2s}
.nav li:hover .shownav a:nth-child(6){ transition-delay:250ms}
.nav li:hover .shownav a:nth-child(7){ transition-delay:.3s}
.nav li:hover .shownav a:nth-child(8){ transition-delay:350ms}
.nav li:hover .shownav a:nth-child(9){ transition-delay:.4s}
.nav li:hover .shownav a:nth-child(10){ transition-delay:450ms}
.nav li:hover .shownav a:nth-child(11){ transition-delay:.5s}
.nav li:hover .shownav a:nth-child(12){ transition-delay:550ms}
.nav li:hover .shownav a:nth-child(13){ transition-delay:600ms}
.nav li:hover .shownav a:nth-child(14){ transition-delay:650ms}
.nav li:hover .shownav a:nth-child(15){ transition-delay:700ms}
.nav li:hover .shownav a:nth-child(16){ transition-delay:750ms}
.nav li:hover .shownav a:nth-child(17){ transition-delay:800ms}
.nav li:hover .shownav a:nth-child(18){ transition-delay:850ms}
.nav li:hover .shownav a:nth-child(19){ transition-delay:900ms}
.nav li:hover .shownav a:nth-child(20){ transition-delay:950ms}

.head.on1{/*top:-140px;*/background: rgba(0,0,0,0.5);transition: all 0.3s ease-in-out;padding: 10px 0;}
.head.on1 .logo img{height: 70px;width: auto;}
.head.on1 .nav{margin-top: 13px;}
.head.on1 .searcha{margin-top: 20px;}
/*.head.on2{top:0;transition: all 0.3s ease-in-out;}*/
.head.on2{transition: all 0.3s ease-in-out;}

.footer{background: #222222;}
.fta{border-bottom: 1px solid rgba(255,255,255,0.1);}
.fta .ftal{float: left;width: 849px;padding-top: 75px;padding-bottom: 25px;}
.fta .ftal dl{float: left;width: 160px;}
.fta .ftal dl dt{padding-left: 19px;background: url(ft1_15.png) no-repeat left center;margin-bottom: 27px;}
.fta .ftal dl dt a{font-size: 16px;color: #ffffff;}
.fta .ftal dl dd{line-height: 28px;padding-left: 19px;}
.fta .ftal dl dd a{font-size: 14px;color: rgba(255,255,255,0.5);}
.fta .ftal dl dd:hover a{color: #fff;}
.fta .ftar{float: right;width: 300px;padding-bottom: 95px;padding-top: 76px;padding-left: 50px; border-left: 1px solid rgba(255,255,255,0.1);}
.fta .ftar .ftara{font-size: 14px;color: rgba(255,255,255,0.5);}
.fta .ftar .ftarb{font-size: 40px;color: #ffffff;font-weight: bold;border-bottom: 1px solid rgba(255,255,255,0.1);line-height: 68px;}
.fta .ftar .ftarc{margin-top: 10px;}
.fta .ftar .ftarc div{line-height: 32px;font-size: 14px;color: #ffffff;}
.fta .ftar .ftarc div.ftarc1 span{padding-left: 26px;background: url(ft2_19.png) no-repeat left center;float: left;width: 49px;}
.fta .ftar .ftarc div.ftarc2 span{padding-left: 26px;background: url(aa1.png) no-repeat left center;float: left;width: 49px;}
.fta .ftar .ftarc div p{float: right;width: 225px;}
.ftb{line-height: 82px;font-size: 14px;color: rgba(255,255,255,0.3);}
.ftb a{color: rgba(255,255,255,0.3);}
.ftb .ftbl{float: left;}
.ftb .ftbr{float: right;}