@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; }
.wrap { position:relative; width:1000px; margin:0 auto; clear:both;}
a{color: inherit;}
a:hover{color: #e60012;}
.header,.container,.footer { position:relative; margin:0 auto; }
.fl { float: left !important;}
.fr { float: right !important;}

.header {height:143px;position: relative;}
.headL{padding-top: 8px;}
.headL p{font-size: 16px;color:#e60012;}
.headR{padding-top:25px;height:65px;text-align: right;}
.headR li{float: right;width: 42px;height:20px;padding-left: 13px;position: relative;}
.headR li:before{content: "";display: block;width: 1px;height: 20px;background: #959595;position: absolute;top: 0;left: 0}
.headR li:last-child:before{display: none;}
.headR li.li3{padding-left: 5px}
.headR li.li3:before{display: none;}
.headR li a{display:inline-block;width: 29px;height: 20px}
.headR li a.lang{font-size:14px; line-height: 20px;color: #fff;background: #959595;text-align: center;font-weight: bolder;}
.headR li a.lang:hover{background: #e60012;}
.headR li a.qq{background:url(../images/icon.png) no-repeat 0px -36px;}
.headR li a.qq:hover{background-position: -49px -36px;}
/*.headR li a.cat{width:39px;background:url(../images/icon.png) no-repeat -49px 0px;}
.headR li a.cat:hover{background-position: 0px 0px;}*/
.search-form {position: absolute;right: 0;top: 28px; z-index: 22; width:16px; height:20px;overflow: hidden;}
.search-input{position: absolute;z-index: 1; right:16px; width: 130px;padding: 0 5px; border: none; outline: none;height: 20px;border-bottom: 1px solid #959595; color: #959595} 
.search-form button{ position:absolute;right:0;width:16px; height:20px; border:none; background:url(../images/icon.png) no-repeat 0px -87px; cursor:pointer; text-indent:-999em; }
.logo {height:78px;position: relative; left: -10px; overflow: hidden; }
.nav {width: 100%;height:78px;background: #004098;color: #fff;position: relative;}
.nav:after{content: "";display: block;width: 100%;height: 3px;background: #fff;position: absolute;bottom:5px; }
.nav .wrap{position: relative;}
.nav li { float:left;}
.nav li>a {display: block; font-size: 16px; line-height:70px;padding: 0 22px}
.nav li:hover>a,.nav li.current>a {color: #e60012}

.banner { position:relative; width:100%; height:520px; 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: 0;z-index: 999; width: 100%;height: 100px;background: url(../images/ban-bg.png) repeat;text-align: center;padding-top: 20px;}
.banner .hd li { display:inline-block; width:146px; height:66px;background:none; margin:0 15px; overflow:hidden; cursor:pointer;}
.banner .hd li h6{width: 100px;height: 66px;border: 3px solid #fff;overflow: hidden; border-radius: 8px;float: left;}
.banner .hd li em{font-size: 14px;line-height:66px;font-weight: bolder;color: #fff;}
.banner .hd li.on em{color: #004098;}
.banner .hd li.on h6{border: 3px solid #004098;}

.footer {width: 100%;height: 128px;background: #333;border-top: 3px solid #e60012;}
.footer .wrap{position: relative;}
.copyR{padding-left: 7px;}
.copyR .phone{background: url(../images/icon.png) no-repeat 0px -134px;padding-left: 39px;font-size: 12px;line-height: 20px;color: #969696;font-weight: normal;margin: 10px auto 26px}
.copyR .phone em{display: block; font-size: 20px;line-height: 22px;color: #fff;}

.copyR p{font-size:12px;line-height: 19px;color: #969696;}
.footer .fooNav{padding-top: 18px;}
.footer .fooNav dl{float: left;}
.footer .fooNav dt a{display: block;font-size: 14px;height: 12px; line-height:12px; color: #969696;padding: 0 15px;border-right: 1px solid #969696;}
.footer .fooNav dt a:hover{color: #e60012}
.footer .fooNav dl:last-child dt a{border-right: none;padding-right:4px;}

.ewm{position: absolute;right: 0;top: 51px;}
.ewm img{float: right;margin:0 4px}
.ewm>a{display: inline-block;width: 26px;height: 25px;background: url(../images/icon.png) no-repeat 0 -238px;margin:40px 9px 0 0;}
.ewm>a.kj{background-position: -36px -237px;}
.ewm>a.qq{background-position: -71px -237px;}

.ewm>a:hover{background-position: 0 -213px;}
.ewm>a.kj:hover{background-position: -36px -212px;}
.ewm>a.qq:hover{background-position: -71px -212px;}
.tj{position: absolute;top: 42px;right: 200px}