
*{ padding:0; margin:0;}
body {margin:0; padding:0; font-family:'Microsoft Yahei'; font-size:14px; background:url(../images/bg.jpg) repeat; color:#333;}
ul,li { margin:0; padding:0; list-style:none; }
img{ border:0;}
a{ text-decoration:none; color:#333; }
a:hover{ color:#067bce;}
.clear{ clear:both;}

.header_bg{ background-color:#fff;}
.header{ margin:0 auto; width:1300px; overflow:hidden;}
.logo img{ float:left; margin-top:15px;}
.nav > ul{ border-right:1px solid #dcdcdc; padding-right:57px; padding-left:57px; float:left; text-transform:capitalize;}
.nav > ul >li{ float:left; list-style:none;}
.nav > ul > li > a{ float:left; display:block; font-size:16px; width:120px; text-align:center; height:100px; line-height:100px; transition:background 0.5s;  text-transform:uppercase;}
.nav > ul > li > a:hover{background-color:#067bce; color:#fff;}

.nav_01 .mainlevel { float:left; /*IE6 only*/}
.nav_01 .mainlevel ul { display:none; position:absolute;  top:100px; z-index:9999;}
.nav_01 .mainlevel li { text-align:center; background-color:#fff; list-style:none; /*IE6 only*/}
.nav_01 .mainlevel li a{ line-height:40px; display:block; padding:0 20px; min-width:140px;}
.nav_01 .mainlevel li a:hover{ background-color:#067bce; color:#fff;}

.header span{ padding-left:25px; float:left;}
.header span a{ display:block; float:left; height:16px; line-height:16px; margin:42px 5px 0;}
.header span img{ vertical-align:middle; margin-right:3px;}
.header span a:hover{ color:#fa0301;}
.on{ color:#fa0301;}


.banner{ height:492px;overflow:hidden;}
.banner .d1{ width:100%; height:492px;display:block;position:absolute;left:0px;top:100px; z-index:-999;}
.banner .d2{width:1300px;height:30px;clear:both;position:absolute;z-index:100;left:50%;top:562px; margin-left: -650px;}
.banner .d2 ul{float:left;position:absolute;left:48%;top:0;margin:0 0 0 -46px;display:inline;}
.banner .d2 li{cursor:pointer; float:left; width:28px; height:6px; margin:5px 5px; display:block; background-color:#083d8c; list-style:none;}
.banner .d2 li.nuw{ filter:alpha(opacity=60);opacity:0.6;}

.main{ margin:25px auto 0; width:1260px; overflow:hidden; border:1px solid #dcdcdc; background-color:#fff; padding:20px;}
.main h2{ background:url(../images/arrow.png) no-repeat 0 5px; padding-left:20px; font-size:18px; font-weight:700; margin-bottom:25px;}

.main1{ margin:25px auto 0; width:1260px; overflow:hidden;  background-color:none; padding:20px;}

.news01{ float:left;}
.news02{ float:left; width:466px; margin-left:35px; margin-right:35px; }
.news02 .hot{ height:25px; margin-bottom:25px;}
.news02 .hot span{ background-color:#067bce; color:#fff; width:60px; height:25px; line-height:25px; text-align:center; display:block; float:left;}
.news02 .hot a{ font-size:12px; float:right; line-height:25px;}
.news-top{ border-bottom:1px solid #dcdcdc; padding-bottom:15px; margin-bottom:15px; line-height:25px;}
.news-top h3{ font-weight:bold; margin-bottom:15px;}
.news-top h3 span{ float:right; font-size:14px; font-weight:normal;}
.news-top a{ color:#067bce;}
.news-bottom ul li{ line-height:33px; margin-left:15px; list-style:disc; font-weight:bold;}

.news-demo{ height:305px; overflow:hidden;}

.news03{ float:left; width:316px;}
.news03 h2{ background:url(../images/arrow.png) no-repeat 0 5px; padding-left:20px; font-size:18px; font-weight:700; margin-bottom:25px;}
.news03 h2 span{ float:right; font-size:12px; font-weight:normal; margin-top:5px;}
.pic{ width:154px; height:154px; float:left; background-color:#2a93a6; border:1px solid #fff; text-align:center; font-size:14px; transition::all ease0 .6s;}
.pic img{ margin-top:45px;}
.pic a{ text-align:center; color:#fff; line-height:20px; display:block;}
.pic:hover{ background-color:#5db900; font-size:15px;}
.defaulcolor{ background-color:#5db900;}


/*焦点图*/
.focus{ position:relative; width:407px; height:305px; background-color:#000; float:left;}  
.focus img{ width:407px; height:305px;} 
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height: 40px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{  color:#fff; font-size:14px; overflow:hidden; margin-left:10px; }  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:12px; right:15px; position:absolute;  text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 4px; color:#B0B0B0; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }

.lanmu{ background:url(../images/lanmu_bg.png) no-repeat; background-position:center; text-align:center; color:#067bce; font-size:22px; line-height:20px; height:20px; padding-left:32px; margin-bottom:25px;}  
.lanmu span{ float:right; font-weight:normal; color:#333; font-size:12px; }  
.anli-max{ width:1260px;        /* column-count:3;
        -webkit-column-count:3;
        -moz-column-count:3;
        column-gap:5px;
        -webkit-column-gap:5px;
        -moz-column-gap:5px; */}
.anli{ width:400px; float:left; overflow:hidden; -o-box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; -moz-box-shadow:0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc; margin:0 10px;/* transition:margin 0.5s;*/  }
.anli div{ margin-top:15px; margin-bottom:15px; padding-left:15px;}
.anli span{ float:right; cursor:pointer; padding-right:10px;}
.anli:hover{ /*margin-top:-2px;*/ -o-box-shadow:0px 0px 15px #ccc; -webkit-box-shadow:0px 0px 15px #ccc; -moz-box-shadow:0px 0px 15px #ccc box-shadow:0px 0px 15px #ccc;}

.anli-max1{ width:1260px; /*column-count:4;-moz-column-count:4;-webkit-column-count:4;*/ }
.anli1{ width:300px; float:left; overflow:hidden; -o-box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; -moz-box-shadow:0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc;/* transition:margin 0.5s;*/ margin-bottom:35px; background-color:#FFF;  margin:0 7px;}
.anli1 div{ margin-top:15px; margin-bottom:15px; padding-left:15px;}
.anli1 span{ float:right; cursor:pointer; padding-right:10px;}
.anli1:hover{ /*margin-top:-2px;*/ -o-box-shadow:0px 0px 15px #ccc; -webkit-box-shadow:0px 0px 15px #ccc; -moz-box-shadow:0px 0px 15px #ccc box-shadow:0px 0px 15px #ccc;}

<!--product move-->
.jscarousel
{
	width: 1250px;
	margin:0 auto;
	padding: 0;
	
	position: relative; /*overflow: hidden;*/
}
/*.jscarousal .jscarousal-left, .jscarousal .jscarousal-right
{
	float: left;
	width: 20px;
	height: 44px;
	position: relative;
	top: 125px;
	cursor: pointer;
}
.jscarousal .jscarousal-left
{
	background-image: url(../images/left_arrow.png);
	background-repeat: no-repeat;
	background-position: left;
}
.jscarousal .jscarousal-right
{
	background-image: url(../images/right_arrow.png);
	background-repeat: no-repeat;
	background-position: right;
}*/
.jscarousal-contents
{
	width: 1260px;
	height: 318px;
	float: left;
	position: relative;
	overflow: hidden;
	
}
.jscarousal-contents > div
{
	position: absolute;
	width: 100%;
	/*column-count:4;-moz-column-count:4;-webkit-column-count:4;*/

}
.jscarousal-contents > div > div
{
	float: left;
/*	margin-left: 30px;
	margin-right: 30px;*/
	border:2px solid #fff;
	-webkit-box-shadow:0 0 10px #0CC;  
    -moz-box-shadow:0 0 10px #0CC;  
    box-shadow:0 0 10px #EAEAEA;  
	text-align:center;
	/*padding-top:20px; padding-bottom:20px; background-color:#fff;*/
	
}
.jscarousal-contents > div > div a{ 
    }
	.jscarousal-contents > div > div:hover{ border:2px solid #067bce; /* -webkit-box-shadow:0 0 20px #0CC;  
    -moz-box-shadow:0 0 20px #0CC;  
    box-shadow:0 0 20px #EAEAEA;*/}
.jscarousal-contents img
{
	/*width: 268px;
	height: 318px;*/
}
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.jscarousal div span{ display:block;}
.thumbnail-text{ font-size:14px; font-family:'Microsoft Yahei'; line-height:50px; background-color:#cccccc; padding:0 15px;}
.thumbnail-text:hover{ background-color:#067bce; color:#fff;}

#jsCarousel{ /*column-count:4;-moz-column-count:4;-webkit-column-count:4;*/}
#jsCarousel .pro-arousel{ 	float: left;

	margin:0 28px;
	width:252px;
	border:2px solid #fff;
	-webkit-box-shadow:0 0 10px #0CC;  
    -moz-box-shadow:0 0 10px #0CC;  
    box-shadow:0 0 10px #EAEAEA;  
	text-align:center;
	background-color:#fff;
	margin-bottom:35px;}
#jsCarousel .pro-arousel:hover{ border:2px solid #067bce;}
#jsCarousel .pro-arousel span{ display:block;}


.nav-menu-bg{ height:50px; line-height:50px; background-color:#fff; border-bottom:1px solid #dcdcdc;}
.nav-menu{ margin:0 auto; width:1300px;  position:relative;}
.nav-memu-list{ float:right; }
.nav-memu-list > li{ float:left; font-size:16px;}
.nav-memu-list > li > a{ display:block; float:left; margin:0 15px;}
.nav-memu-list > li > a:hover{ border-bottom:2px solid #067bce;}
.click{border-bottom:2px solid #067bce;}

.click1{ color:#067bce!important; font-weight:bold; background:#fff url(../images/yewu_pic.png) no-repeat left;}

.memu-list{ background-color:#067bce; position:absolute; top:53px; left:0; height:50px; width:1300px;}
.nav-memu-list li ul{  float:right; padding-right:15px;}
.nav-memu-list li ul li{ float:left;}
.nav-memu-list li ul li a{ float:left; margin:0 10px; color:#fff; display:block; padding:0 23px;}
.nav-memu-list li ul li a:hover{ /*background-color:#fff; color:#067bce;*/}

.title{ color:#067bce; font-size:24px; text-align:center; font-weight:bold; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #dcdcdc;}

.news_bg{  margin:25px auto 0; width:1260px; overflow:hidden; border:1px solid #dcdcdc; background-color:#fff; padding:20px;}
.news img{ float:left;}
.news div h3{ line-height:35px;}
.news div h3 span{ display:block; font-weight:normal; color:#adadad;}
.news div{ width:817px; margin-left:25px; float:left; line-height:25px;}
.news div a{ color:#333;}
.news div a:hover{ color:#000;}

.left{ width:915px; float:left; overflow:hidden; background-color:#FFF; padding:20px;}
.right{ float:left; margin-left:35px; width:310px;}
.news_recoment{ border:1px solid #e0e0e0;  margin-bottom:25px; background-color:#fff;}
.news_recoment h3,.product_recoment h3{ background:url(../images/icon.png) no-repeat 10px 16px; line-height:45px; border-bottom:1px solid #e0e0e0; padding-left:35px; color:#fe0000; font-size:14px;}
.news_recoment ul{ padding-bottom:10px; padding-top:10px;}
.news_recoment ul li{ line-height:35px; padding-left:8px; padding-right:8px;}
.news_recoment ul li span{ float:right; font-size:12px; color:#666;}

.link_bg{ height:73px; background-color:#3e3f3f; margin-top:25px;}
.link{ margin:0 auto; width:1255px; overflow:hidden;  height:73px; line-height:73px; padding-left:38px; font-size:18px; background:url(../images/index_71.jpg) no-repeat; color:#fff;}
.link span{ margin-right:40px;}
.link a{ color:#fff; margin:0 20px; font-size:14px;}
.link a：hover{ color:#067bce;}

.footer{ padding:20px 0; color:#6a6a6a; margin:0 auto; width:1300px;}
.footer_link{ float:right; }
.footer_link a{ background:url(../images/sign_p.png) no-repeat 0 7px; padding-left:13px; margin:0 10px; display:block; float:left; color:#6a6a6a;}
.footer_link a:hover{ color:#067bce;}
