/**重置样式**/
body,form,div,span,ul,ol,li,p,pre,dl,dt,dd,em,a,fieldset,legend,address,label,textarea,select,input,figure,table,th,td,b,i{margin:0;padding:0;}
fieldset,img{border:0;}
body,html{margin:0; padding:0; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
ul,li{list-style:none;}

table{border-collapse:separate;border-spacing:0;}
a{text-decoration:none;color:#000;}
a:hover{color:none;}
input,select,img{ vertical-align:middle;}
hr{border:1px solid #333;}
.clear{ clear:both;}
.fl{float:left;}
.fr{float:right;}
.wp{width: 1150px; height:auto;margin: 0 auto; }

.top{width: 100%; height: 40px; background: url(img/top.jpg) center no-repeat;color: #FFF;  font-size: 13px; line-height: 40px;}
.top a{color: #FFF;}
.top img{margin-top: -6px;margin-right: 10px;}
.head{height: 120px;}
.logo{margin-top: 30px;}
.menu ul li{width: 95px; height: 120px; float: left;line-height: 120px; text-align: center;}
.menu ul li a{font-size: 14px; display: block;}
.menu ul li:hover{ background: url(img/menu-li.png) no-repeat;}
.menu ul li:hover a{color: #33a3ed;}
.banner{width: 100%; height: 300px; overflow: hidden;}
#kinMaxShow .KMSPrefix_kinMaxShow_button{left: 48%;}
#kinMaxShow .KMSPrefix_kinMaxShow_button li{border-radius: 50%;}

.search{width: 100%; height: 55px; border-bottom: 1px solid #666;text-align: center; padding-top: 15px;}
.search img{margin-right: 20px;margin-top: -20px;}
.search_form{width: 288px; height: 32px; border: 1px solid #33a3ed; border-radius: 32px; display: inline-block;}
.search_form input{width: 220px; height: 30px; border: none; outline: none;float: left;margin-left: 20px;}
.search_form button{width: 20px; height: 20px; background: url(img/sq.png) no-repeat; border: none;margin-left: 5px;margin-top: 5px;float: left;cursor: pointer;}

.h-cat{height: 194px; background: #efefef;border: 1px solid #33a3ed; border-top: none;}
.h-cat-left{width: 366px;}
.h-cat-right{width: 784px;}
.h-cat-right ul li{width: 148px; line-height: 35px;float: left;margin-left: 30px; margin-top: 20px; position: relative; text-align: center; font-size: 13px;}
.h-cat-right ul li dl{width:146px;position: absolute; z-index: 3; background: #33a3ed; display: none;margin-left: 1px;}
.h-cat-right ul li>a{width: 146px; height: 35px; border: 1px solid #CCC; display: block;}
.h-cat-right ul li dl dt{width: 148px; height: 34px; border-bottom: 1px solid #CCC;}
.h-cat-right ul li dl dt a{color: #FFF;}
.h-cat-right ul li:hover{  background: #33a3ed;  }
.h-cat-right ul li:hover a{color: #FFF;}
.h-cat-right ul li:hover dl{display: block;}
.scrollleft{height: 300px; margin-top: 40px; overflow: hidden;}
.scrollleft ul li{width: 276px;height: 295px;float: left; border: 1px solid #CCC; text-align: center;margin-right: 20px;}
.scrollleft ul li img{width:274px; height: 205px;}
.scrollleft ul li p{text-align: center; font-size: 14px; margin-top: 15px;}
.scrollleft ul li div{width:36px; height:24px; background:#333333;display:inline-block;  line-height: 24px;margin-top: 20px;}
.scrollleft ul li div a{color: #FFF; font-size: 24px;}
.scrollleft ul li:hover{border: 1px solid #33a3ed;}
.scrollleft ul li:hover p{color:#33a3ed; }
.scrollleft ul li:hover div{background: #33a3ed;}

.about{width: 100%; height: 414px; background: #f1f1f1;margin-top: 40px;}
.focusBox { position: relative; width: 494px; height: 333px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; top: 40px;}
.focusBox .pic img { width: 494px; height: 333px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }
.about .fr{width:625px;margin-top: 40px;}
.ab-t{height: 32px; border-left: 4px solid #33a3ed; line-height: 32px;}
.ab-t span{margin-left: 10px; font-size: 24px;}
.ab-info{height: 225px; line-height: 25px; font-size: 13px;margin-top: 10px;}
.h-news{margin-top: 40px; }
.h-news dl{width: 366px;float: left;margin-left: 26px;}
.h-news dl dt img{width: 366px; height: 197px;}
.h-news dl div{height: 20px; border-left: 3px solid #33a1ea; margin-top: 10px; padding-left: 5px;}
.h-news dl div a{width: 45px; height: 20px; display: inline-block;float: right; background: #d2d2d2; font-size: 11px; text-align: center; line-height: 20px;}
.h-news dl div a:hover{ background: #33a1ea; color: #FFF;}
.h-news dl dd{margin-top: 10px;}
.h-news ul li{list-style-position: inside;font-size: 13px; line-height: 30px; border-bottom: 1px dashed #CCC;color: #33a1ea; list-style-type: square;}
.h-news ul li span{float: right;color: #666; }
.h-news ul li a{color: #666;}
.h-news ul li:hover a{color: #33a1ea;}
.h-news ul li:hover span{ color: #33a1ea;}
.h-news dl:nth-child(1){margin-left: 0px;}
.custom{margin-top: 40px;}
.custom h1{height: 114px; background: url(img/custom.jpg) center;}
.custom-scrollleft{margin-top: 30px;}
.custom-scrollleft ul li{width: 178px; height: 84px;border: 1px solid #CCC;float: left; padding: 1px;margin-right: 20px;}
.custom-scrollleft ul li img{width: 178px; height: 84;}

.footer{width: 100%; height: 250px; background: #40434a; border-top: 5px solid #33a3ed;margin-top: 30px; padding-top: 25px;}
.f1-dl1{width: 95px; height: 215px; border-right: 1px solid #535353;float: left;}
.f1-dl1:nth-child(2){margin-left: 20px;}
dl.f1-dl1 dt{color: #FFF;}
dl.f1-dl1 dd{margin-top: 15px;}
dl.f1-dl1 dd a{font-size: 12px; color: #a6a9b0;}
dl.f1-dl2{width: 515px; height: 215px; border-right: 1px solid #535353;float: left;margin-left: 20px;}
dl.f1-dl2 dt{color: #FFF;}
dl.f1-dl2 dd{width:135px;margin-top: 15px;float: left;}
dl.f1-dl2 dd a{font-size: 12px; color: #a6a9b0;}
.foot-info{width: 375px;}
.foot-info h3{text-align: center;}
.foot-info ul li{color: #cbd3db; font-size: 13px;margin-top: 10px;}
.foot-info ul li img{margin-right: 15px;}
.footer a:hover{color: #FFF;}
.copyright{width: 100%; height: 50px; line-height: 50px; font-size: 14px;color:#cbd3db; text-align: center; background: #313237; }
.copyright a{color:#FFF;}

.main{margin-top: 50px;}
.main h1{ text-align: center;}
.category{text-align: center;margin-top: 30px;}
.category dl dt{padding: 7px 15px; border: 1px solid #CCC;border-radius: 5px;margin: 10px 20px; display: inline-block; }
.category dl dt a{font-size: 13px; display: block;}
.category dl dt:hover{ background: #33a1ea;border: 1px solid #33a1ea;}
.category dl dt:hover a{color: #FFF;}
.pageshow{margin-top: 30px; line-height: 25px;}

.products{margin-top: 50px;}
.products ul li{width: 250px; height:280px;float: left; margin: 18px;}
.products ul li img{width: 250px; height: 250px;}
.products ul li p{font-size: 13px; margin-top: 8px; text-align: center;}
.products ul li:hover p{color: #33a1ea;}
.custom ul li{width: 178px; height:84px;float: left; margin:15px 26px;}
.custom ul li img{width: 178px; height: 84px;}


.con-tt{ margin-bottom:20px;margin-top:10px; border-bottom: 1px dashed #CCC; padding-bottom: 20px;}
.con-tt h2{ text-align:center; margin-bottom:10px;color:#666;}
.con-tt p{ text-align:center; font-size:13px; color:#666;}
.con-tt p span{ margin-right:20px;}
.pn{ margin-top:50px; font-size:14px;font-family:"微软雅黑"; color:#666;}
.pn a:hover{color: #33a1ea;}
/* 分页page样式 style*/
.page{ margin-top:20px; margin-bottom:20px; text-align:center;font-size:13px;}
.page a{	
	border: 1px solid #ccc;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	background: #fff;
	text-decoration:none;
	color:#999;
}
.page a:hover{
	border:1px solid #FF6600; 
	background-color:#FF6600; 
	color:#fff;
}
.page span{
	border: 1px solid #FF6600;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #FFEEE5;
	color: #FF6600;}


.kefu{width: 139px; height: 242px; background: url(img/kefu.png) no-repeat; position: fixed; z-index: 999999; top: 300px; right: 30px; text-align: center;}
.kefu p{margin-top: 20px;color: #FFF;}
.kefu h4{margin-top: 20px;color: #FFF;}
.kefu p span{font-size: 13px;}
.kefu li{font-size: 13px;margin-top: 10px;}
.kefu li a{color: #FFF;}
.kefu li img{margin-top: -3px; margin-right: 5px;}
.kefu div{border-top: 1px dashed #FFF;margin-top: 20px; padding-top: 10px; font-size: 14px;margin-left:10px; margin-right:10px;}
.kefu div a{color: #FFF;}
.kefu a:hover{color: #FF6347;}