@charset "gb2312";
/* CSS Document */
/*css初始???*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, p, th, td, em { margin: 0; padding: 0; border: 0;
        list-style: none; }
h3 {
    font-weight: normal; }
body { font-family: "Microsoft YaHei", "微软雅黑","Heiti SC","黑体-简"; font-size: 14px; line-height: 1.5; }

ul, ol { list-style: none; }
li{
list-style: none; }
a { list-style: none; text-decoration: none; color: white; }
p { text-align: justify; }
em { font-style: normal; }
/*头部*/
.header { width: 100%; height:229px; }
.header .top { height: 36px; line-height: 36px; background-color:#989899;    }
.header .top p { width: 1180px; color:#000; margin: 0 auto; }   
.header .top p span { font-weight: bold; color:#000;}
.header .top p .top_right { float: right; font-weight: normal; }
.header .logo{ width:1180px; height:140px; margin:0 auto; }
.header .bar { width:100%;   height:50px; background:#000; position:relative;} 


.header .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.header .nav { width:1180px; height:50px; margin:0 auto;}
.header .nav a { color: #fff; width:168px; height:50px; line-height:50px; text-align:center;}
.header .nav .nLi { float: left; position:relative;} 
.header .nav .nLi h3 { float: left;  }
.header .nav .nLi h3 a { display: block; padding: 0 0px; font-size: 16px; }
.header .nav .nLi h3 a:hover{ color:#fff;}
.header .nav .sub { display: none; width:168px; left:0px; top:50px;  position:absolute; background:#e60717; text-align: center; line-height: 2; padding:6px 0; z-index:99;}
.header .nav .sub li { zoom: 1; }
.header .nav .sub a { display: block; color: #fff; }
.header .nav .sub a:hover { background: #ff9c10; color: #fff; }   
.header .nav .on h3 a { background:#e60717; color: #fff;} 
/*产品中心下拉*/
.header .nav .sub2 { width: 1920px; overflow: hidden; top:51px; display: none; left: -700px; line-height: 2; z-index: 99; position: absolute; background-color: #323232; }
.header .nav .sub2 .juzhong { width:1280px; height:480px; overflow: hidden; margin: 0 auto; padding: 40px 0 0 440px; text-align: left; }
.header .nav .sub2 .juzhong ul { width: 196px; float: left; line-height:1; }
.header .nav .sub2 .juzhong ul li a{ height:36px; line-height:36px; }
.header .nav .sub2 .juzhong ul span { font-size: 16px; }
.header .nav .sub2 .juzhong ul em { color: #e60717 }
.header .nav .sub2 .juzhong ul img { margin: 0; }
.header .nav .sub2 .juzhong ul a { color: white; }
.header .nav .sub2 .juzhong ul a:hover { color: #e60717; text-decoration: underline; }  
.header .nav .sub2 .juxia { height: 30px; width: 100%; z-index: 99; top: 470px; position: absolute; overflow: hidden; background-color: #222; }
.header .nav .sub2 .juxia a { color: white; }
.header .nav .sub2 .juxia a:hover { color: #e60717; text-decoration: underline; }
.header .nav .sub2 .juxia p { width: 1180px; overflow: hidden; margin: 0 auto;  text-align: right; padding-right: -150px; }
/*尾部*/
.footer { width: 100%; overflow: hidden; background-color: #323232; }
.footer .subfooter { width: 1180px; overflow: hidden; margin: 0 auto; padding-top: 20px; }
.footer .subfooter dl { width: 300px; height: 200px; color: white; float: left; margin-right: 36px; background: url(../images/bianxian.png) no-repeat right; }
.footer .subfooter dl dt { font-size: 16px; line-height: 2; margin-bottom: 30px; }
.footer .subfooter dl dt span { font-size: 20px; }
.footer .subfooter dl dd span { display: inline-block; font-weight: bold; line-height: 34px; text-align: center; width: 106px; height: 34px; }
.footer .subfooter dl dd span:first-child { background-color: #0f0f0f; }
.footer .subfooter dl dd span:last-child { background-color: #BD2222; margin-left: 30px; }
.footer .subfooter .bnav ul { width: 150px; float: left; margin-bottom: 10px; text-align: left; }
.footer .subfooter .bnav ul li { text-align: left; line-height: 2; }

.footer .subfooter .bnav ul li span { font-size: 16px; }
.footer .subfooter .bnav .erwei { float: left; margin: 8px 20px 0 0; }
.footer .banquan { height: 30px; overflow: hidden; background-color: #0f0f0f; }
.footer .banquan div { width: 1180px; margin: 0 auto; color: white; font-size: 12px; }
.footer .banquan div p { font-size:14px; height: 30px; line-height: 30px; }
.footer .banquan div a img { margin-top: 1px; }
.footer .banquan div span { float: right; line-height: 30px; }
.footer .bnav a:hover, .banquan a:hover { color: #e60717; text-decoration: underline; }

/*返回顶部*/
.toolbar-item, .toolbar-layer { background: url(../images/toolbar.png) no-repeat; }
.toolbar { position: fixed; right: 0px; bottom: 50px; }
.toolbar-item { display: block; width: 52px; height: 52px; margin-top: 1px; position: relative; -moz-transition: background-position 1s; -ms-transition: background-position 1s; -o-moz-transition: background-position 1s; -webkit-moz-transition: background-position 1s; transition: background-position 1s; }
.toolbar-item:hover .toolbar-layer { opacity: 1; filter: alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.toolbar-item-weixin { background-position: 0 -798px; }
.toolbar-item-weixin:hover { background-position: 0 -860px; }
.toolbar-item-weixin .toolbar-layer { height: 180px; background-position: 0 0; }
.toolbar-item-top { background-position: 0 -674px; }
.toolbar-item-top:hover { background-position: 0 -736px; }
.toolbar-layer { position: absolute; right: 45px; bottom: -55px; width: 150px; opacity: 0; filter: alpha(opacity=0); transform-origin: 95% 95%; -moz-transform-origin: 95% 95%; -ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%; -webkit-transform-origin: 95% 95%; transform: scale(0.01); -moz-transform: scale(0.01); -ms-transform: scale(0.01); -o-transform: scale(0.01); -webkit-transform: scale(0.01); transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; }

.page { width:600px; margin: 0 auto; padding-top: 30px; overflow: hidden; line-height:28px; } 
.page span { color: #222; border: 1px #000 solid; padding:2px 15px; margin-right:5px; display:inline-block;}
.page a { padding:2px 15px;  margin-right:5px; display: inline-block; text-align: center; border: 1px #000 solid; color:#222;}
.page a:hover{color:#fff; background:#e60717; border:1px solid #e60717;}
.page .cur { background-color: #323232; color: white;}
.wrapper_index{ width:100%; min-width:1200px;}