*{margin: 0px;padding: 0px;list-style: none;font-family: "microsoft yahei";}a{text-decoration: none;}
.left{float: left;}.right{float: right;}a:hover{color: blue;text-decoration:underline}
/* head */
.headtop{width: 100%;height: 41px;color: gray;background-color:#e9e9ea;}.headtop a{color:gray ;}
.headtop p{width: 1200px;height: 41px;margin: 0 auto;line-height: 41px;font-size: 14px}
.headlogo{width: 1200px;height: 128px;margin: 0 auto;padding-top: 20px;}
/* nav */
.webnav{width: 100%;height: 57px;background: #0c3e96;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{width: 1200px;height: 57px;margin: 0 auto;padding:0 20px; height:57px; line-height:57px; background:#0c3e96;  position:relative; z-index:1;  }
.nav a{ color:#fff;text-decoration: none;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 57px; font-size:14px; font-weight:bold;text-decoration: none;  }
.nav .sub{ display:none; width:170px; left:0; top:57px;  position:absolute; background:red;  line-height:26px; padding:0px 0;font-size: 12px }


.nav .sub li{ zoom:1;padding: 5px 15px; }
.nav .sub li a{border-bottom: 1px dashed #E9E9EA; }
.nav .sub a{ display:block; padding:0 0px;text-decoration: none;font-size:14px; }
.nav .sub a:hover{ background:red; color:#fff;  }
.nav .on h3 a{ background:red; color:#fff;text-decoration: none;   }
/* banner */
.slideBox{ width:100%; height:580px; overflow:hidden; position:relative; border:1px solid #ddd;  }	
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:580px; display:block;  }		
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat grey; filter:alpha(opacity=90);opacity:0.9;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
/* banner */
.slideBox1{ width:100%; height:370px; overflow:hidden; position:relative; border:1px solid #ddd;  }	
.slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox1 .bd li{ zoom:1; vertical-align:middle; }
.slideBox1 .bd img{ width:100%; height:370px; display:block;  }		
.slideBox1 .prev,
.slideBox1 .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat grey; filter:alpha(opacity=90);opacity:0.9;   }
.slideBox1 .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox1 .prev:hover,
.slideBox1 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox1 .prevStop{ display:none;  }
.slideBox1 .nextStop{ display:none;  }
/* about */
.aboutbox{width: 1200px;height: auto;overflow: hidden;margin: 0 auto;padding-top: 60px;}
.aboutleft{width: 160px;height: 326px;}
.aboutmiddle{width: 550px;height: auto;overflow: hidden;margin-left: 30px;}
.aboutmiddle img{width: 550px;height: 188px;}
.aboutmiddle div{font-size: 14px;text-indent: 28px;}
.aboutright{width: 400px;height: 320px;margin-left:40px;}.aboutright div{height: 160px;width: 200px;float: left;}
.aboutright .b1{background: url(../images/index-001.jpg);}
.aboutright .b2{background: url(../images/index-002.jpg);}
.aboutright .b3{background: url(../images/index-003.jpg);}
.aboutright .b4{background: url(../images/index-004.jpg);}
/* product */
.productbox{width: 100%;height: 500px;overflow: hidden;background: url(../images/index-bg001.jpg);margin-top: 50px;background-size: 100% 100%;padding-top: 50px;}
.picScroll{ margin:10px auto;position:relative;width:1200px;overflow:hidden;padding-top: 130px;}
.picScroll .prev,
.picScroll .next{ display:block; position:absolute; top:40px; left:1072px; width:42px; height:50px;background:dimgray;color: #FFFFFF;font-size:36px;line-height:50px ;
 text-align: center;text-decoration: none;}
 .picScroll .prev:hover{background: #808080;} .picScroll .next:hover{background: #808080;}
.picScroll .next{ left:auto; right:22px;}
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ width:260px; float:left; overflow:hidden; padding:0 20px; position: relative;}.picScroll ul li a{color: #FFFFFF;}
.picScroll ul li p{background: rgba(0,0,0,0.6);position: absolute;bottom: 0px;width: 100%;height: 30px;line-height: 30px;text-align: center;}
.picScroll ul li img{ width:280px; height:240px; display:block; background:url(../images/loading.gif) center center no-repeat; }
.itemtitle{width: 1200px;height: 40px;margin: 0 auto;color: #fff;}.itemtitle span{display: inline-block;}
.itemtitle span:nth-child(1){border-left: 3px solid #FF0000;padding: 0 10px;font-size: 20px;}
.itemtitle span:nth-child(2){padding: 0 10px;font-size: 14px;font-size: 14px;line-height: 30px;}
.itemtitle span:nth-child(3){padding: 0 10px;font-size: 14px;font-size: 14px;line-height: 30px;}.itemtitle span:nth-child(3) a{color: #Fff;}
/* news */
.newsbox{width: 1200px;height:auto;overflow: hidden;margin: 50px auto;padding: 50px 0px;}
.itemtitle1{width: 1200px;height: 40px;margin: 0 auto;color: #000;}.itemtitle1 span{display: inline-block;}
.itemtitle1 span:nth-child(1){border-left: 3px solid #FF0000;padding: 0 10px;font-size: 20px;}
.itemtitle1 span:nth-child(2){padding: 0 10px;font-size: 14px;font-size: 14px;line-height: 30px;}
.itemtitle1 span:nth-child(3){padding: 0 10px;font-size: 14px;font-size: 14px;line-height: 30px;}.itemtitle1 span:nth-child(3) a{color: grey;}
.itemtitle2{width: 560px;height: 35px;margin: 0 auto;color: #000;border-bottom: 1px dashed #696969;}.itemtitle2 span{display: inline-block;}
.itemtitle2 span:nth-child(1){border-left: 1px solid #FF0000;padding: 0 20px;font-size: 18px;}
.itemtitle2 span:nth-child(2){padding: 0 10px;font-size: 14px;font-size: 14px;line-height: 30px;}
.itemtitle2 span:nth-child(3){padding: 0 10px;font-size: 14px;font-size: 14px;line-height: 30px;}.itemtitle2 span:nth-child(3) a{color: grey;}
.news{margin-top:50px ;}.new_list ul{padding-top: 20px;}
.new_list ul li{list-style: none;line-height: 40px;border-bottom:1px dashed #ccc ;}
.new_list ul li a{color: #000;text-decoration: none;font-size: 14px}.new_list ul li a:hover{color: #0000FF;}
.new_list ul li span{font-size: 12px;color: #696969;}
/* foot */
.foot{width: 100%;height: auto;min-height: 200px;overflow: hidden;padding: 30px auto 60px;border-top:5px solid #FF0000;background: #0b3d96;}
.footinner{width: 1200px;height: auto;overflow: hidden;margin: 10px auto 50px;}
.foot_left{width: 700px;height: auto;overflow: hidden;float: left;}
.foot_right{width: 400px;height: auto;overflow: hidden;float: right;padding: 0px 0 0 50px;border-left:1px solid steelblue;margin-top: 30px;}
.foot_nav ul li{list-style: none;font-size: 16px;float: left;margin-left: 40px;}
.foot_nav ul li:nth-child(1){margin-left: 0;}
.foot_nav ul{height: auto;overflow: hidden;padding-top: 50px;border-bottom: 1px solid steelblue;padding-bottom: 30px;}
.foot_nav ul li a{color: #fff;}
.foot_info{padding: 30px auto;margin-top: 30px;color: #fff;font-size: 14px}.foot_info a{color: #E9E9EA;}.hotline{height: 60px;}
.tel{width: 45px;height: 45px;overflow: hidden;}.telnum{width: 250px;height: 60px;font-size: 20px;color: #FFFFFF;}
.telnum p:first-child{font-size: 14px}.telnum p:nth-child(2){font-size: 28px}
.contact{color: #fff;padding: 30px auto;}
/* aboutpage */
.about_box{width: 1200px;height: auto;min-height: 500px;overflow: hidden;margin: 50px auto;}
.about_box_left{width: 260px;height: auto;overflow: hidden;}
.about_title_top{height: 50px;background:#0c3e96;color: #fff;line-height: 50px;font-size: 20px;padding-left: 16px;}
.about_title ul li{line-height: 30px;padding-left:20px;font-size: 16px}.about_title ul li a{color: #696969;text-decoration: none;}
.about_title ul li:hover{background: azure;}
.contact_title_img{height: 155px;}.contact_title ul {padding: 10px 0;font-size:14px }.contact_title ul li:first-child{font-size: 18px;}
.contact_title ul li{line-height: 25px;}
.about_box_right{width: 900px;height: auto;overflow: hidden;}
.left_top{height: 40px;border-bottom: 1px solid #ccc;line-height: 40px;}
.itemtitles{display: inline-block;height: 34px;border-bottom: 6px solid #0c3e96;padding: 5px 30px 0 0;}   
.left_content{padding: 30px 15px;}
/* categorycss */
.sideMen{ width:258px; border:1px solid #ddd;  }
.sideMen h3{ height:32px; line-height:32px; padding-left:18px;  border-top:1px solid #e3e3e3; background:#f4f4f4;font:normal 14px/32px "Microsoft YaHei";}
.sideMen h3 a{color: #000000;text-decoration: none;}.sideMen h3 a:hover{font-weight: bold;}
.sideMen h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.sideMen h3 em.on{ background-position:16px -57px; }
.sideMen ul{ padding:8px 10px; color:#999;  }.sideMen ul li{font-size: 14px}
/* product_list */
.product_list_box{height: auto;overflow: hidden;min-height: 500px;}
.product_list{width: 180px;height: 180px;float: left;margin:30px 14px;border: 1px solid #DDDDDD;text-align: center;padding: 2px;overflow: hidden;}
.product_list .imgbox{height: 155px;width: 100%;overflow: hidden;}.product_list a{color: #000000;text-decoration: none;}
.product_list img{transition: 1s;}.product_list img:hover{transform: scale(1.1,1.1);}.product_list p{line-height:30px;font-size: 14px}
.left_content h3,.left_content .time{text-align: center;}.left_content h3{margin: 10px 0 30px;}
.left_content .time{font-size: 12px;color: #808080;}
.pro_content{margin: 10px;}
.news_list_box ul li{height: 45px;line-height: 45px;border-bottom: 1px dashed #DDDDDD;}
.news_list_box ul li a{color: #000000;text-decoration: none;}.news_list_box ul li a:hover{font-weight: bold;}
.pages{text-align: center;margin-top: 100px;}.pre_next{margin-top: 100px;}