a{blr:expression(this.onFocus=this.close());color:#666} 
a:hover{color:#666}
a{blr:expression(this.onFocus=this.blur());}
a:focus { -moz-outline-style: none; }

body{background:#000}
/*搜索版本距离定位*/
@media (min-width:1200px){
	.toprightlg{margin-top:10px;padding:0 60px}
	}
.searchbtn{background:url(../img/search.png)no-repeat center #333;text-indent:-3000px;width:40px;border:1px solid #333;margin-left:-5px;outline:none }
.searchbtn:hover{background:url(../img/searchw.png)no-repeat center #cc0000}
.searchdropdown-menu{margin-top:0;padding:5px;border-radius:5px}
.searchdropdown-menu input{background:#fff;border:1px solid #333}
.searchdropdown-menu button{margin-left:-5px}
@media (max-width:420px){
.form-controla{width:90%;background:#0C3}
}
@media (min-width:992px){
.topright{margin-top:10px}
}
/* 768以下屏幕下拉菜单样式*/
@media (max-width:767px){
	.dropdown-menu li:hover{background:#e1e1e1}
	.dropdown-menu li a:hover{color:#000}
	}
	
/* 768以下屏幕搜索样式 */
@media(max-width:767px){
	.topsearchsx{width:100%;margin:0;padding:0}
	.topsearchsx input{float:left;width:90%;background:#e1e1e1;}
	.topsearchsx button{margin-top:-5px;}
	}

/* 图片轮播 */
.swiper-container{margin-top:50px}
.swiper-container img{width:100%;height:auto}
.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;}
	  
/* 产品切换 */	  
.h1bg{background:url(../img/hproducth1bg.png) no-repeat center;text-indent:-3000px;background-size:100%;}
@media (max-width:768px){
	.h1bg{margin-top:0}
	}

#slideBox {
	width:100%;
	overflow:hidden;padding:0;
	
}
@media (max-width:414px){
	#slideBox{margin-top:-30px}
	}

#slideBox .J_slide_list {
	width:0;
	
	}

#slideBox .J_slide_list .J_slide_item {
	margin-top:20px;
	min-width:768px;
	height:auto;
	background:#fff;
	overflow:hidden;
}

	
.slideleft{background:#f4f2f2;padding-left:0;padding-right:0}
.slideleft figure{width:100%}
.slideleft figure figcaption{min-height:40px;text-align:center}
.slideleft figure figcaption h3{color:#000}
.slideleft figure figcaption a{color:#000}
.slideleft figure figcaption a:hover{color:#333}
.slideleft img{max-width:100%;}
.slideitemul{width:100%;display:inline-block;list-style:none;margin:0;padding:0;background:#fff}
.slideitemul li{float:left;width:33.3333333333333%;border-right:1px dotted #ccc;border-bottom:1px dotted #ccc;margin-bottom:1px;max-width:100%;}
.slideitemul li img{max-width:100%;margin-left:0}
.slideitemul li:hover{border-bottom:2px solid #ff0000;background:#f8f7f7;margin-bottom:0}

@media(max-width:414px){
	#slideBox .J_slide_list .J_slide_item{
		background:#fff;
		height:auto;
		}
	.slideitemul{width:414px;display:inline-block;list-style:none;margin:0 auto;padding-left:3%;padding-right:0}
	.slideitemul li{width:33.333333333%;background:#fff;float:left;margin-right:0;margin-bottom:1px;box-sizing:border-box}
	.slideitemul li img{max-width:100%}
	.slideitemul li:nth-child(3){border-right:none}
	.slideitemul li:nth-child(6){border-right:none}
	}
@media(max-width:375px){
	#slideBox .J_slide_list .J_slide_item{
		background:#fff;
		}
	.slideitemul{width:375px;display:inline-block;list-style:none;margin:0 auto;padding-left:4%;padding-right:0}
	.slideitemul li{width:33.333333333%;background:#fff;float:left;margin-right:0;margin-bottom:1px;box-sizing:border-box}
	.slideitemul li img{max-width:100%}
	.slideitemul li:nth-child(3){border-right:none}
	.slideitemul li:nth-child(6){border-right:none}
	}
@media(max-width:360px){
	#slideBox .J_slide_list .J_slide_item{
		background:#fff;
		}
	.slideitemul{width:360px;display:inline-block;list-style:none;margin:0 auto;padding-left:4%;padding-right:0}
	.slideitemul li{width:33.333333333%;background:#fff;float:left;margin-right:0;margin-bottom:1px;box-sizing:border-box}
	.slideitemul li img{max-width:100%}
	.slideitemul li:nth-child(3){border-right:none}
	.slideitemul li:nth-child(6){border-right:none}
	}
@media(min-width:1200px){
	
	.slideitemul{padding:0}
	}

/*标题下分类样式 */
#slideBox .J_slide_trigger {margin:0;padding:0;width:100%;height:25px;list-style:none;text-align:center;display:inline-block}
#slideBox .J_slide_trigger li{float:center;display:inline;margin:0 5px;padding:5px 15px;background:#fff}
#slideBox .J_slide_trigger li a{color:#000;font-family:"Microsoft Yahei", "微软雅黑";}
#slideBox .J_slide_trigger li.cur,#slideBox .J_slide_trigger li:hover{background:#cc0000}
#slideBox .J_slide_trigger li.cur a,#slideBox .J_slide_trigger li a:hover{color:#fff;text-decoration:none;}
/*产品移动结束 */

.hb{margin-top:10px;background:#f8f7f7}
@media (min-width:992px){
	.hb{margin-top:25px}
	}
.paddingnone{padding:0;}
.hdesign{padding:15px;background:#f4f2f2}
.hdesign h1{color:#000;font-size:1.6em}
.hdesign p{text-align: justify;line-height:1.4em}
.hdesign img{float:left;margin-right:15px;}
.imgb{width:100%;margin:15px 0}
@media (max-width:420px){
	.imga{width:50%}
	.hdesign h1{font-size:1.4em;font-weight:bold;color:#000}
	}

@media (min-width:768px){
	.hdesign h1{font-size:2em;font-weight:bold;color:#000;margin-bottom:16px}
	.hdesign p{font-size:1em}
	}
	
.hhoner h2{color:#000;font-weight:bold;font-size:1.4em;margin-top:30px}
.hhoner h3{font-size:1em;text-align:center;margin-bottom:25px}
.hhoner h3 a{color:#000}
.hhoner figure{float:left;width:48%;font-size:1.2em;margin-right:2%;margin-bottom:1em;box-sizing:border-box;background:#fff}
.hhoner figure:hover{box-shadow: 0 0 15px #ccc;}
.hhoner figure img{width:100%}
.hhoner figure figcaption{font-size:0.8em;line-height:1.2em;height:50px;margin:0.5em;margin-bottom:1.2em;text-align:justify}
.hhoner figure figcaption a{color:#000}
.hhoner figure figcaption a:hover{color:#666}
.hhoner figure:nth-child(2){margin-right:0}
.hhoner figure:nth-child(4){margin-right:0}
.h3browse{border:1px solid #333;padding:1% 3%;height:20px}
.h3browse:hover{border:1px solid #cc0000;background:#cc0000;color:#fff}
@media (max-width:420px){
.hhoner{margin-top:5px;border-top:1px dotted #000;paddin-top:0}
.hhoner figure figcaption{font-size:0.8em;text-align:start}
}
@media (min-width:768px){
.hhoner{margin-top:25px}
}

.hc{margin-top:10px;}
@media (min-width:992px){
	.hc{margin-top:20px}
	}
.hc p{text-align:center;color:#ccc;margin-bottom:20px}
.h1bg2{background:url(../img/hproducth2bg.png) no-repeat center;text-indent:-3000px;background-size:100%;}
.habout{background:#333;}
@media (min-width:1024){
	.habout{width:97%}
	}
.habout img{max-width:100%;height:auto;}
.habout section{padding:15px 30px}
.hc h1{color:#fff;font-size:2em;font-weight:bold}
.hc div p{text-align:justify;margin-top:25px}
.button{border:none;background:#ff0000;color:#fff;font-size:1em;font-weight:normal;margin-top:1em;margin-bottom:1em;line-height:25px;text-align:center;border-radius:25px;width:120px}
.button:hover{background:#000}
.lpadding{padding:0}
@media (min-width:1024px){
	.lpadding{padding-left:0}
	.rightpad{}
	}
	
.hworkshop{background:#333;width:96%;margin-left:4%;margin-bottom:35px;}

.hworkshop section{padding-left:30px;margin-top:-20px;width:50%}
.hworkshop section h1{padding-top:40px}
.hworkshop  img{float:right;display:inline;margin-left:25px;max-width:50%}

.hhistory {background:#333;width:96%;margin-left:4%;margin-bottom:30px;}
.hhistory img{float:left;max-width:50%;margin-right:25px}
.hhistory section{margin-top:-20px;padding-left:30px;padding-right:30px;}
.hhistory section h1{padding-top:35px}

@media (max-width:768px){
	.habout{margin-bottom:20px}
	.habout img{max-width:100%}
    .hworkshop {width:100%;margin-left:0}
	.hhistory{width:100%;margin-left:0}
	}

.fholdline{background:#171717;padding:10px 0;min-height:30px;border-bottom:1px solid #666}
.fholdline img{clear: both;display: block;margin:auto; }
.suncopy{line-height:50px;color:#666;text-align:left;font-size:1em}
.sunfoot{background:#171717}
@media (max-width:420px){
	.hc{margin-top:0}
	.fholdline img{height:30px}
	}
.sunfoot ul{list-style:none;margin-top:1.2em;height:214px;}
.sunfoot ul li{float:left;width:23.5%;margin-right:1.5%;font-size:0.8em;color:#666}
.sunfoot h2{color:#fff;font-size:1.2em;background:url(../img/foot1.png) no-repeat left bottom;height:30px}
@media (max-width:768px){
	.sunfoot ul li{width:31%}
	}
@media (max-width:420px) {
	.sunfoot ul li{width:100%}
	.suncopy{font-size:0.6em;line-height:20px;margin-top:10px}
	
	}
	
.fcontact dl{margin-top:1em}
.fcontact dl dd{margin-bottom:0.3em;width:100%;height:30px}
.fcontact dl dd img{margin-right:1em;vertical-align:middle}
#dd1 img{float:left}

.hnews {width:95%}
.hnews dt{color:#ccc;margin-bottom:0.5em;height:30px;overflow:hidden}
.hnews dt a{color:#ccc}
.hnews dt a:hover{text-decoration:underline}
.hnews dd{margin-bottom:2em}

.fproducts{width:100%;}
.fproducts div{width:24%;float:left;margin-right:2%;margin-top:1em}
.fproducts div img{margin-bottom:0.8em}
.fproducts dl{margin-left:24%;width:76%;padding-left:2em;padding-top:0.4em}
.fproducts dt{line-height:2.2em}
.fproducts dt a{color:#666}
.fproducts dt a:hover{color:#ccc;font-weight:bold}


.wechat {width:95%;}
.wechat figure{float:left;width:50%;text-align:center;margin-top:1em}
.wechat figure img{max-width:100%;margin-bottom:0.5em}

.subnav{height:50px;background:#333}
.subnav h3{color:#fff;background:#666;padding:0;margin:0 auto; background:url(../img/dot1.png) no-repeat 15px center;font-size:1.4em;height:50px;line-height:50px;padding-left:30px;}
.about{background:#fff;margin:0 auto;padding:50px;}

.about h1{font-weight:bold;}
.about img{max-width:100%}
.img1 {margin:50px 0;max-width:100%}
.imgmax{max-width:100%}
.about p{color:#666;line-height:1.6em;margin-bottom:2em;text-align:justify}
@media(max-width:420px){
	.subnav h3{font-size:1em}
	.about{padding:5px 30px}
	.about h1{font-size:1.4em}
	.about img{margin:20px 0;max-width:100%}
	.about p{margin-bottom:1em;line-height:1.4em}
	.about h4{font-size:1em}
	}
@media(min-width:768px){
	.about{margin-top:10px;margin-bottom:10px}
	}	
@media(min-width:992px){
	.about{margin-top:30px;margin-bottom:30px}
	}
#honer{margin-bottom:30px}
#honer figure{float:left;width:23%;margin-right:2%;margin-top:30px;background:#fff;height:398px}
#honer figure figcaption{font-size:1.2em;line-height:1.4em;padding:1em;color:#000}
#honer figure:hover{background:#f1f1f1}
#honer figure figcaption a{color:#000}
#honer figure figcaption a:hover{text-decoration:underline}
#honer figure figcaption h1{background:#ff0000;width:30px;height:4px;margin-bottom:20px;margin-top:10px}
#honer figure figcaption h2{font-size:0.8em;font-weight:normal;margin-top:40px}
#honer figure img{width:100%}

@media (max-width:1024px){
	#honer figure{width:31%;margin-right:2.333333333%}
	
	}
	
@media (max-width:420px){
	#honer {margin-bottom:20px}
	#honer figure{width:100%;height:auto;margin-top:20px}
	#honer figure figcaption h2{padding-bottom:20px}
	
	}
.newslist{margin-top:20px}
.newslist li{float:left;width:100%;border-bottom:1px solid #ccc;padding-left:10px;margin-top:10px}
.newslist li a{color:#000}
.newslist li a:hover{color:#000}
.newslist h5{font-size:1.2em}
.newslist li:hover{background:#f1f1f1}
.newslist span{display:inline-block;float:right;background:#cc0000;padding:3px 10px;color:#fff;margin-bottom:15px}
@media (min-width:768px){
	.newslist li{width:48%;margin-right:2%}
	}
@media (max-width:420px){
	.sunh3{font-size:1em}
	}	
.sunh3{font-size:1.2em}
#productlist{margin-bottom:20px}	
#productlist figure{float:left;background:#f5f6fa;width:50%;margin-top:10px;border-right:1px dotted #ccc;}
#productlist figure img{max-width:100%}
#productlist figure figcaption{width:100%;text-align:center;color:#000;padding:0 10px;color:#000;font-size:0.8em;font-weight:bold;height:30px;line-height:30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#productlist figure figcaption a{color:#000}
#productlist figure:hover{background:#e1e3ea;box-sizing:border-box;-moz-box-sizing:border-box;}
@media (min-width:768px){
	#productlist figure{margin-top:30px;width:25%;}
	}
@media (max-width:768px){
	#productlist {margin:-15px;padding:-15px;margin-bottom:20px}
	}	
.viewleft{width:70%;float:left;background:#fff;}

.viewleft img{max-width:100%}
.viewleft a{color:#fff}
.viewleft a:hover{#000}
.viewright{width:28%;float:right;background:#fff}
.viewright dt{height:40px;background:#333;text-indent:30px;font-size:1.2em;color:#fff;line-height:40px;border-bottom:1px dotted #666}
.viewright dd{line-height:25px;text-indent:30px;font-size:1em;background:#fff;margin:10px 0;color:#000;}
.viewright dd:hover{background:#cc0000;color:#fff}
.viewright dd a{color:#000}
.viewright dd a:hover{color:#fff}



.productview {margin-top:40px;margin-bottom:40px;}
.productview p{color:#333}
@media (max-width:420px){
	.productview{margin-top:20px;margin-bottom:20px}
	.viewleft{width:100%;}
	}
#productview figure{background:#f5f6fa}
#productview section{float:right;width:73.666666%;background:#fff;}
#productview aside{float:right;background:#fff;width:23.8333333%}



#tab4 figure{float:left;width:23%;border:1px solid #ccc;margin-right:2%;margin-bottom:5px}
#tab4 figure:hover{border:1px solid #333}
#tab4 figure img{max-width:100%}
#tab4 figure figcaption{text-align:center;font-size:0.8em;line-height:30px;}
@media (min-width:1200px){
	#tab4 figure{width:23%;margin-rigth:10px;margin-bottom:10px}
	
	}
.ccontact{margin-top:20px}
.ccontact dt{font-size:1.4em;margin-bottom:10px}
.ccontact dd{margin-bottom:5px}

#map{width:100%;height:550px;border:#ccc solid 1px;font-size:12px}
@media (max-width:420px){
	#map{height:280px;margin-top:20px}
	}
	

/*表单样式*/
#formstyle {width:60%;float:left;border-right:1px dotted #ccc;}
#formstyle h2{font-weight:normal;font-size:1em;color:#000;padding-right:40px;margin-bottom:20px}

#formstyle h1{padding:10px 0;color:#000;font-family:"Microsoft YaHei",SimSun,SimHei;font-size:1.4em}
#formstyle table{font-size:0.8em}
#formstyle th{width:20%;text-align:right;font-weight:normal}
#formstyle td{padding:10px}
#formstyle td input{outline:none;border-radius:0;-webkit-appearance:none;height:30px;border:1px solid #ccc;padding:5px}
#formstyle td textarea{outline:none;;border-radius:0;-webkit-appearance:none;height:105px;padding:5px;width:100%}
#formstyle .formbutton{border:none;background:#333;color:#fff;width:60px;height:30px;margin-right:30px;;border-radius:0;-webkit-appearance:none;height:25px}

#contactright{width:38%;float:right;}
#contactright dt{font-size:1.2em;color:#000;margin-bottom:10px;font-weight:bold}
#contactright dd{margin:5px 0;line-height:1.2em;font-size:1.2em;border-bottom:1px dotted #ccc;padding:10px 0;color:#000}

@media (max-width:420px){
	#formstyle{width:100%;border-right:none}
	}
	


	
	

#download table{width:100%}
#download table th{border:1px solid #333;height:30px;background:#333;color:#fff;text-align:center}
#download table td{border:1px solid #ccc;height:30px;text-align:center}
#download table tr:hover{background:#f1f1f1}
#download dl{margin-top:20px}
#download dt{font-size:2em;color:#000;margin-bottom:10px}
#download dd{font-size:1.2em;height:30px}






#contactright{width:38%;float:right;}
#contactright dt{font-size:1.2em;color:#000;margin-bottom:10px;font-weight:bold}
#contactright dd{margin:5px 0;line-height:1.2em;font-size:1.2em;border-bottom:1px dotted #ccc;padding:10px 0;color:#000}


/* 首页产品分类TAB */
.nav-tabs {
  border-bottom: none;
  width:50%;
  margin:15px auto;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  width:23.5%;
  margin:0 3px;
  text-align:center;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: none;
  border-radius: 0;
  background:#fff;
    padding:10px 20px

  
}
.nav-tabs > li > a:hover {
  border-color: #ff0000;
  background:#ff0000;
  color:#fff
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #ff0000;
  border:none;
  border-bottom-color: transparent;
}

@media (max-width:767px){
	.nav-tabs > li {margin:0;padding:0;width:49%;margin-right:1%;text-align:center;margin-bottom:10px}
	.nav-tabs > lin:th-of-type(even){margin-right:0}
	
	}


.hbggray {background:#f1f1f1}
.hprolist aside{background:#f1f1f1}
.hprolist aside h2{font-size:1.4em;padding-left:20px;margin:0;margin-top:20px}
.hprolist aside ul{padding:15px 25px;list-style:none;margin:0;}
.hprolist aside ul li{height:22px}
.hprolist aside ul li a{color:#fff}
.hprolist aside ul li a:hover{background:#fff;color:#005bac;display:block;text-decoration:none;padding:0 5px}
.hprolist aside img{width:100%;}
.hprolist aside span{float:right;margin-right:20px;padding:3px 10px}
.hprolist aside span:hover{background:#f00;}
.hprolist aside span a{color:#666}
.hprolist aside span a:hover{display:block;text-decoration:none;color:#fff}
.hprolist section{width:100%;margin-bottom:20px}
.hprolist figure{float:left;width:48%;margin-right:2%;margin-bottom:10px;background:#fff;text-align:center}
.hprolist figure img{width:75%;margin:14px 15px}
.hprolist figure figcaption{background:#f1f1f1;height:25px;line-height:25px;color:#000;font-size:12px;text-align:center}
.hprolist figrue figcaption a{color:#fff}



@media (min-width:768px){
	 .hproh1{width:40%;}
	 .hprolist section{width:100%;margin-top:10px}
	 .hprolist figure{float:left;width:31.333333%;margin-right:2%;background:#fff;margin-bottom:20px}
	 .hprolist figure img{max-width:100%}
	 .hprolist figure figcaption{height:35px;background:#f1f1f1;color:#000;line-height:35px;text-align:center}

}

@media (min-width:1024px){
	 .hprolist{margin-top:10px}
     .hprolist aside{float:left;width:27%;height:390px;background:#f1f1f1;color:#000}
	 .hprolist aside img{width:100%}
	 .hprolist section{float:right;margin-top:0;width:73%;}
	 .hprolist figure{margin-left:2%;margin-right:0;margin-bottom:20px;}
	 .hprolist figure figcaption{margin-top:11px}
}
@media (min-width:1200px){
	 .hprolist aside{height:422px}
	 .hprolist figure{margin-left:2%;margin-right:0;margin-bottom:20px;}
	 .hprolist figure figcaption{margin-top:0}
}
.proclass {}
.proclass h1{background:url(../img/hjicon1.png) no-repeat left center;text-indent:30px}
.proclass aside{width:25%;margin-top:20px;}
.proclass aside img{max-width:100%;}

/* 浮动对齐 */
.fl{float:left}
.fr{float:right}