@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{-webkit-text-size-adjust:none;font:12px/1.5 Arial,microsoft yahei,sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}ul,ol,li{list-style:none}a{color:inherit;outline:none;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{outline: none;font-size:100%}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())}
*,*:before,*:after{box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body { position:relative; color:#848484; background:#fff; }
a:hover{color: #ce2e25;}
.wrap { position:relative; width:1000px; margin:0 auto; clear:both; }
.header,.container,.footer { position:relative; margin:0 auto; }
.fl { float: left !important;}
.fr { float: right !important;}

.header {height: 130px;}
.header>.wrap{height: 80px;}
.logo { float:left;height:80px;padding-top: 16px;}

/*.rA{float: right;margin-top: 17px;}*/
.tel{font-size: 20px;line-height: 20px;color: #ce2e25;background: url(../images/icon.png) no-repeat 0px -42px;padding-left: 27px;margin-right:20px;margin-top:30px;}
.tel em{font-weight: normal;font-size: 14px;line-height: 20px;color: #6e6e6e;position: relative;top: -2px;}
/*.rA .outlink{text-align: right;margin-right: 34px;}
.rA .outlink a{display: inline-block;width: 19px;height: 18px;background: url(../images/icon.png) no-repeat 0px 0px;margin-left: 14px}
.rA .outlink a.a2{background-position:-35px 0px}
.rA .outlink a.a3{background-position:-66px 0px;position:relative;cursor: pointer;}
.rA .outlink a.a3 img{position: absolute;z-index: 1;left: 21px;top: -14px;display: none;}
.rA .outlink a.a3:hover img{display: block;}*/

/* search */
.search-form {float: right; width:254px; height:30px; overflow:hidden;background: #e4e4e4;margin-top: 26px; }
.search-input { float: left; padding:0px 4px 0 16px; width:209px; height:30px; line-height: 30px; border:none;background:none;color:#696969; }
.search-btn { float: right; width:45px; height:30px; border:none; background:url(../images/icon.png) no-repeat 11px -78px; cursor:pointer; text-indent:-999em;position: relative;}
.search-btn:before{content: "";display: block;width: 1px;height: 26px;background: #bebebe;position: absolute;left: 0;top: 2px}
.nav { height:50px;line-height: 50px;background:#4d4d4d;}
.nav li {position: relative; float:left;}
.nav li>a {color:#fff;display: block;width: 111px;height: 50px; text-align: center; font-size: 16px;line-height:50px}
.nav li:hover,.nav li.current { background:#ce2e25;}

.sub{display: none; position: absolute;z-index:1;top: 50px;background: #4d4d4d;width: 100%;padding: 12px 0;}
.sub dd{font-size: 14px;line-height: 28px;color: #fff;text-align: center;}
/*.nav li:hover .sub{top: 50px;background: rgba(77,77,77,0.8);opacity: 1}*/


.banner { position:relative; width:100%; height:430px; overflow: hidden;}
.banner .bd { position:relative;left:50%; width:1920px;margin-left:-960px;text-align: center; }
.banner .bd li,.banner .bd li a { display:block; width:100%; height:100%; }
.banner .hd { position:absolute; bottom:13px; left:50%; width:1000px; margin-left:-500px; height:15px; text-align:center; }
.banner .hd li {display: inline-block; width:8px; height:8px; background:#b7b7b7; margin:0 4px;text-indent:-999em; overflow:hidden; cursor:pointer; }
.banner .hd li.on { background: #ce2e25}


.footer {width: 100%;height:38px;color: #7d7d7d;}
.foo-left{height: 38px;width: 300px;font-size: 12px;line-height: 38px;}
.foo-left dl,.foo-left span{float:left;}
.foo-left span{margin: 0 9px;}

.copy{height: 20px;margin-top: 10px;background: url(../images/foo-logo.png) no-repeat left center;padding-left: 74px;line-height: 20px}

.fixed{ height: 160px;position: fixed;z-index: 9;right: 0;top: 50%;margin-top: -80px;}
.fixed li {position: relative;height: 52px;margin-bottom: 2px;border-radius: 6px 0 0 6px;width:48px;background: #4d4d4d}
.fixed li:after {cursor: pointer;z-index: 33;content: '';background:url(../images/icon.png) no-repeat;width: 62px;height: 100%;position: absolute;top: 0;right: 0;border-radius: 6px 0 0 6px;}
.fixed li:after{background-position:26px -123px}
.fixed .s2:after {background-position: 26px -176px}
.fixed .s3:after {background-position: 26px -230px}
.fixed li a {display: block;height: 100%;color: #fff;}
.fixed .img {padding: 3px;background:#fff; position: absolute;right: -150px;transition:.5s;z-index: 0;}
.fixed .img:after{content: "";border: 6px solid transparent;border-left: 8px solid #fff; position: absolute;right: -14px;top: 50%;margin-top: -6px;}
.fixed .s3:hover .img{right:60px;}
.fixed li>a {position: relative;z-index: 55;}
.fixed p {white-space:nowrap;line-height:52px;background: #4d4d4d;font-size: 24px;padding:0 6px 0 11px;color: #fff;position: absolute;z-index: -1; right: -240px;border-radius: 6px 0 0 6px;}
.fixed li:hover p {right:42px;transition:.5s;}