@charset "utf-8";
@font-face {font-family:'dandad-icons';src:url('font/dandad-icons_29DF047D.eot');src:url('font/dandad-icons_E3CCD2DC.eot') format("eot"),url('font/dandad-icons_29DF047D.woff') format("woff"),url('font/dandad-icons_29DF047D.ttf') format("truetype"),url('font/dandad-icons_29DF047D.svg') format("svg");font-weight:normal;font-style:normal}
.nav_icon a,.serch_icon a,.link_icon,.top{font-family:'dandad-icons'}
@-webkit-keyframes rotate {from {-webkit-transform:rotate(0deg);}to {-webkit-transform:rotate(-360deg);}}
.loading{ width:32px; height:32px; margin:auto;background-image:url(../images/loading.png);-webkit-mask-size: 62px 62px; -webkit-animation-name: rotate;-webkit-animation-duration: 1.5s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}
body { margin: 0px; padding: 0px; background-color:#eee; font-size:16px;}
ul,h1,h2,h3,li{ margin: 0px; padding: 0px; list-style-type: none; }
a{ text-decoration: none; blr:expression(this.onFocus=this.blur());outline:none;} 
a:focus{ outline:none;-moz-outline-style: none;-moz-outline:none;}
a:hover{ text-decoration: underline; }
.clear{ clear: both; }
input,textarea{outline:none;background-color: transparent;resize:none;}
.none{display: none; }
img{ display:block; border:0px;}
.header{ width:90%;padding:0 5%; height:100px; background-color:#FFF;z-index:999;}
.header_box{ position:fixed; top:0px;}
.header h1{ float:left; width:255px; height:62px; margin-top:15px; background-image:url(../images/logo.png); background-repeat:no-repeat; background-position:center top; overflow:hidden;background-size:cover;}
.header h1 a{ display:block; padding-top:120px;}
.w1003{ margin:auto; max-width:1114px;}
.nav_icon,.serch_icon{ float:right;}
.serch_icon{ margin-right:185px;}
.nav_icon{ margin-right:20px;}
.nav_icon a,.serch_icon a{color:#ccc;font-size:2.25em; line-height:100px;}
.nav_icon a:hover,.serch_icon a:hover{color:#666; text-decoration:none;}
.nav_icon a:before{content: '\E115';}
.serch_icon a:before{content: '\E031';margin-left:50%;}
.nav ul{ width:238px; position: fixed; left:50%; top:100px; margin-left:288.5px; background-color:#000; padding:10px 15px 20px; z-index:9; display:none;}
.nav ul li{ height:60px; border-bottom: 1px solid #333; }
.nav ul li a{ display:block; height:40px; padding:10px;}
.nav ul li a:hover{ text-decoration:none; background-color:#1F1F1F; }
.nav ul li a em{ color:#FFF; font-size:1em; font-style: normal; font-family: "Microsoft YaHei"; display:block; line-height:20px;}
.nav ul li a span{ color:#666; font-family:Verdana, Geneva, sans-serif; line-height:20px; font-size:0.8125em; text-transform: uppercase; }
.serch{ width:100%; background:#000;border-bottom: 1px solid #333; height:100px; position: fixed; left:0px;top:100px; z-index:9; display:none;}
.serch_text{ width:860px; height:50px; margin:24px auto; border:solid #b5b5b5 1px;}
.serch_text input{ border:0px; height:50px; color:#999;}
.input_1{ width:80%;text-indent:30px; }
.input_2{ width:19%; cursor:pointer;}.input_2:hover{ color:#FFF;}
.footer{ border-top:solid #ccc 1px; padding-top:5px;}
.f_box{max-width:1100px; margin:auto; padding-bottom:40px;}
.copyright{ float:left; color:#494949; font-size:0.8125em; font-family:Verdana, Geneva, sans-serif;}
.f_nav{ float:right; color:#CCC; font-size:0.75em; }
.f_nav a{ color:#898989; font-family:"Microsoft YaHei"; font-size:1em; margin:0 15px;}
.footer_box{ background-color:#000; width:100%; height:150px; position: fixed; bottom:0px; left:0px;}
.footer_box_w{ max-width:1114px; margin:auto; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:0.8125em; padding-top:30px;}
.footer_box_w a{ color:#999;}
.footer_box_w p{ padding:0px; margin:0px;line-height:25px;}
.footer_box_colse{ cursor:pointer; background-image:url(../images/close.png); background-repeat:no-repeat; width:50px; height:44px; position:absolute; left:50%; margin:-22px 0 0 30%;}
.footer_box_open{cursor:pointer; background-image:url(../images/close.png); background-repeat:no-repeat; width:50px; height:44px; position: fixed; left:50%; bottom:-32px; margin:0 0 0px 30%;}
.f_add{ min-height:70px; float:left; width:360px; background-image:url(../images/f_iocn.png); background-repeat:no-repeat; background-position:left center; padding-left:90px;}
.f_contact{ float:left; background-image:url(../images/f_iocn_2.png); background-repeat:no-repeat; background-position:left center; padding-left:90px;}
.top{ font-size:2.25em; position: absolute; left:50%; margin:-1px 0 0 580px; cursor:pointer; font-weight:normal; color:#9c9c9e;}
.top:before{content: attr(data-icon);}
.copyright span,.copyright span a{ color:#999; }
@media screen and (max-width:1114px){
.nav ul{left: auto; top:50px; margin-left: auto; right:0px;}
.serch_icon,.nav_icon{ margin-right: auto;}
.nav_icon a,.serch_icon a{line-height:50px;}
.header h1{ width:150px; height:36px;margin-top:7px;}
.header{ height:50px;}
.serch{ top:50px;}
.serch_text{ width:90%;}
.input_1{ width:70%;}
.top{left: auto; right:15px; margin:-150px 0 0 0;}
}
@media screen and (max-width:980px){
.copyright,.f_nav{float:none; text-align:center}
.f_nav a{ margin:0 5px; color:#333;}
}
@media screen and (max-width:835.5px){
.f_contact{ margin:20px 0 0 20px;}
.f_add{ width:auto; float:none; margin:0 0 0 20px;}
.copyright span{ display:block;}
.story_img{ float:none; margin:auto; clear:both;}
}
/* 
 *样式表文件
 *
 *设计制作：厦门锐道文化传播有限公司（www.ruidle.com）
 *联系电话：0592-5822860
 */