*{ margin:0; padding:0;}
body{ font:12px Arial, Helvetica, sans-serif; color:#999999; background: url(images/menubg.jpg) repeat-x #242730;}
ul{ list-style:none;}
img{ border:none;}
div#wrapper{ width:960px;   overflow:hidden; margin:0 auto; }
.clear {clear: both;height:1px;overflow:hidden;margin-top:-1px;}
a{ color:#515151; text-decoration:none; border:0px;}
ul{ list-style:none;}
a:hover{ color:#654141;}
.margin-top { margin-top:8px;}
.version{ float:right; color:#525252; padding-left:20px; width:285px; display:block;}
.version a{ color:#525252; padding:0 10px;}
.version a:hover{ text-decoration:underline;}
p { text-align:left; line-height:18px;}

#indextop {  width:960px; margin:10px 0; } 
.logo {  width:960px; height:60px;}

.focus{width:960px; height:430px;margin:10px auto;  }
.focusbox{ position:relative;}
.focusimg{ width:960px; height:430px; position:relative; overflow:hidden;-webkit-perspective: 1300px;}
.fimglist{width:2880px; position:relative; }
.fimglist img{display:block; width:960px; height:430px; cursor:pointer;}
.fimglist li{width:960px; height:430px; float:left;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;}
 
 
.focustool{width:400px; overflow:hidden; padding:5px 0 10px; left:50px;bottom:70px; position:relative;}
.ftoollist{width:400px; position:relative;}
.ftoollist img{display:block; width:70px; }
.ftoollist a{background-color:#1C1C1C; display:block; width:70px; padding:4px; position:relative;-webkit-transition:all .3s linear;transition:all .3s linear; margin-left:10px;}
.ftoollist li{float:left; cursor:pointer; -webkit-transition:all .3s linear; transition:all .3s linear;}
 
.ftoollist .imgshortcat{line-height:20px; text-align:center; color:#7D7D7D; font-size:12px; height:20px; overflow:hidden; cursor:pointer;}
.ftoollist a:hover{background-color:#fb0304; padding:4px; margin-right:-4px; z-index:100; top:-5px;} 
.ftoollist .on a{background-color:#fb0304; padding:4px; margin-right:-4px; z-index:100;  }
 
 

.indexmenu{ width:960px;  background:#b70002; height:40px;  }
.nav li{ float:left; position:relative;}
.nav li .xian{  }
.nav li a{ font-weight:bold; text-decoration:none;padding:0 25px; color:#fff;height:40px; line-height:40px; background:url(/images/xian.jpg) no-repeat right center;}
.nav li a:hover{background:#5c0003;  text-decoration:none; padding:0 25px; color:#fff;height:40px; line-height:40px; }
.nav li .last{ }

.nav li ul{ position:absolute; display:none;}
.nav li ul li{ clear:left;  border:none; border-bottom:1px solid #898888;}
.nav li ul li a{ width:160px; display:block; padding:0; background:#5e5c5c; color:#a7a7a7; padding-left:20px;height:26px; line-height:26px;}
.nav li ul li a:hover{ width:160px; padding:0 0 0 20px; background:#8b8a8a; color:#3a3434;height:26px; line-height:26px;}
.secondary-menu{ width:180px; background:#ccc; left:0; top:40px;border-top:solid 2px #9f0f0f; z-index:1000;}
 


.index-case{width:960px;margin:10px auto;}
.index-case li{height:80px;margin:3px 12px;width:210px;float:left;transition: all 0.3s; }
.index-case li img{width:210px; height:55px;}
.index-case li p{width:210px; height:25px; line-height:25px; background:#b70002; text-align:center; color:#fff; font-weight:bold;}
.index-case li:hover{ transform: scale(1.2); }


#footer {  width:960px;    margin:10px 0;}
#footer p {   height:25px; line-height:25px; color:#fff; text-align: center; font-size:13px; }


/*******************************************************/
 
.menutop {  width:960px; height:22px; margin:5px 0;}
.dizhidaoh { float:left; width:485px; height:22px; clear:both; color:#787878; line-height:22px; }
.dizhidaoh a { color:#787878;}
.dizhidaoh span { color:#8e9069;}
 

.line {clear:both;height:4px; display:block; width:960px; margin:5px 0;}

#indexmiddle {width:960px;  }
.left { float:left; width:203px;} 
#left_1{ float:left; width:203px;}
#left_1 ul{ float: left; list-style:none; width:203px;}
.mar4{ margin-top:5px;}
.mar4 a{width:190px; height:24px; line-height:24px; padding-left:15px; background:url(/images/tp_3.jpg) no-repeat;display:block; color:#999999;}
.mar4 a:hover,a.current{ height:24px; line-height:24px;  background:url(/images/tp_2.jpg) no-repeat; display:block; color:#373737; font-weight:bold;}

.right { float:left; width:755px;margin-top:5px;margin-bottom:15px;}
.maincontent { float:left; width:745px ; clear:both; margin-left:10px;}
.maincontentleft {float:left; width:565px;}

.company { width:565px;  clear:both; line-height:25px;margin-top:10px;}
.company img{max-width:565px;}
.company p {  color:#999999;line-height:25px;}
.company h1{ font-size:14px;}
.company .wz-title{width:100%;height:40px;line-height:40px; text-align:center; font-size:15px;border-bottom:1px solid #666;padding-bottom:5px;}
.company .wz-time{width:100%;height:30px;line-height:30px; text-align:center;  }
.company .wz-cont{line-height:25px;text-indent:20px;}
.company .wz-img{}
.newslist { float:left; clear:both; width:565px; margin-top:20px;}
.newslist ul{ margin:0; padding:0; list-style:none;}
.newslist ul li{ width:535px; border-bottom:dashed 1px #464545; padding:3px 0 3px 30px; background:url(/images/red.jpg) no-repeat left 12px; float:left; display:block;} 
.newslist ul li a{ color:#ababab;}
.newslistleft { float:left;  display:block;}
.newslistright{ float:right; display:block; padding-right:20px;} 


.produlist {  width:100%; margin-top:10px;}
 
.produlist ul li {float:left; width:168px; padding:10px;}
.produlist ul li img{width:168px;overflow:hidden;height:112px; }
.produlist ul li span{ height:25px;line-height:25px; display:block;text-align:center;}
.produlist ul li a{color:#fff;} 
 /*分页样式*/
.page {text-align:center; width:100%;margin:10px 0;}
.page a{display:inline-block;padding:1px 8px;border:#E4E4E4 1px solid;margin:5px;color:#666;text-decoration:none;cursor:pointer;}
.page a:hover{color:#FFF;background:#cd2228;}
.page span.current{display:inline-block;padding:1px 8px;color:#FFF;background: #cd2228; margin:5px;}
.page span.no{border:1px #000 solid;margin:2px;color:#FFF;background:#333;text-decoration:none;}

 
.maincontentright {float:right; width:170px; margin-left:10px ;}
.maincontentright01 {float:right; width:170px; margin-bottom:10px; }

.service {  display:block; clear:both; background:#363638; width:170px;}
.service img{ display:block; clear:both;}
.service p{   padding:12px 0 12px 8px; border-top:solid #1c1d21 1px; width:159px;}






/*在线客服*/

#floatQQ{width:140px;background:#b70002;position:fixed;top:190px;right:0px;z-index:999; border-radius:5px; height:360px;}
#floatQQ .closeqq{width:100%;height:31px;}
#floatQQ .floatDtt{width:100%;height:65px;color:#fff;font-size:24px;text-align:center; padding-top:10px;}
#floatQQ .floatDtt p{ text-align:center; color:#f3f3f3; font-size:12px; margin-top:5px;}

#floatQQ .floatDqq{ background-color:#fff; width:120px; margin:0 auto;}
#floatQQ .floatDqq li{height:30px;line-height:30px;font-size:12px;border-bottom:1px solid #e3e3e3; text-align:center;}
#floatQQ .floatDqq li img{ float:left; margin-left:10px;margin-top:3px; width:20px;}

#floatQQ .weixin{ background-color:#fff; width:120px; height:120px; margin:10px auto;border-radius:5px; }
#floatQQ .weixin img{width:100px; padding:10px; }

#floatQQ .tel{width:100%;height:65px;color:#fff;font-size:16px;text-align:center;} 
 
#floatQQ .tel p{color:#f3f3f3; font-size:14px; margin-top:5px;text-align:center;}