body {
	margin:0;
	padding:0;
	line-height:24px;
	font-family: Verdana, Arial, Tahoma;
	font-size: 12px;
}

li{list-style-type: none;}
ul{list-style-type: none; margin:0 auto; padding:0;}
a {color:#333333;text-decoration:none;}
a:hover {color:#af1c2f;text-decoration:none;}

.center{ text-align:center}
.line{ border-bottom:#CCCCCC 1px dashed;}

img {border:0;}
.img:visited img{border: 1px solid #cccccc;}
.img img{border: 1px solid #cccccc;padding:3px;}
.img:hover img{border: 1px solid #cccccc;}

/*顶部样式*/
.top_bg{ width:100%; height:auto; overflow:hidden; background:url(top_bg.jpg) repeat-x center top; margin:0 auto}
.top_up{ width:1200px; height:52px; margin:0 auto; line-height:46px; color:#fff}
.top_up a{ color:#fff}
.top_up_left{ float:left; width:800px;}
.top_up_right{ float:right; width:400px; text-align:right}

.top{ background:url(top.jpg) no-repeat center top; width:1200px; height:171px; margin:0 auto}


/*导航样式*/

/*导航样式*/
.Top_menu {width:1200px;height:64px; margin:0 auto; }
.Top_menu ul{list-style:none; width:1200px; margin:0 auto; position:relative; z-index:10;}
.Top_menu ul li{float:left;width:120px;text-align:center; height:64px; line-height:25px; font-size:14px;}
.Top_menu ul .li_link{width:0px; height:64px; background:url(menu.jpg) no-repeat center;}
.Top_menu ul li a:link{color:#333;text-decoration:none;display: block;}
.Top_menu ul li a:visited{ color:#333;text-decoration:none;display: block;}
.Top_menu ul li a:hover{ color:#fff; text-decoration:none;display: block;} 
.Top_menu ul li a:active { color:#fff;display: block;}

.nqType{position:relative; overflow: hidden; height:64px; width:1200px; margin:0 auto;}
.nqtWrap{float: right; overflow: hidden; }
.nqtWrap li{float: left; }
.nqtWrap li a{display: block; height:64px; padding:0;line-height:64px; color: #fff; text-decoration: none; }
.nqtWrap li a:hover{ /*border-bottom-color: #058bbc;*/ color: #fff; }

.nqUnderline{position: absolute; bottom: 0; right: 0; height:64px; background:#105ec0; color:#FFFFFF; width:120px; z-index:1;}


/*搜索*/
.flash_bt{ width:100%; height:60px; margin:0 auto}
.flash_search{ width:1200px; height:60px; margin:0 auto}
.flash_search_left{ float:left; width:620px; line-height:30px; margin-top:20px;}
.flash_search_right{ float:right; width:518px; height:48px; background:url(search.jpg) no-repeat; margin-top:15px;}


/* 轮换区 */
.flash{ margin-top:0px;}
/*轮换*/
.banner{position: relative; height:627px; overflow: hidden;}
.bwrap{position: relative; z-index: 0; margin:0 auto; text-align:center }
.bquery{position: relative; z-index: 0; height:0px; }
.blist{display: none; position: absolute; top: 0; left: 0; z-index: 0; height: 0px; font-size: 0; line-height: 0; }
.blist a{display: block; position: absolute; left: 0; top: 0; }
.blist img{ }
/*.bannerTmpBox{display: none; position: absolute; left: 0; top: 0; z-index: 9; height: 570px; }
.bannerTmpBox a{position: absolute; overflow: hidden; font-size: 0; line-height: 0; }
.bannerTmpBox a img{position: absolute; }*/
.bfilter{position: absolute; top: 0; left: 0; z-index: 9; width:100%; height: 0px; font-size: 0; line-height: 0; }
.bfilter a{position: absolute; top: 0; left: 0; width: 5%; height: 0px; overflow: hidden; }
.bfilter a img{position: absolute; left: 0; top: 0; }
.bctrl{position: absolute; bottom: 24px; left: 0; z-index: 9; width: 100%; height: 24px; }
.bctrli{text-align: center; font-size: 0; line-height: 0; }
.bctrli a{display: inline-block; width: 24px; height: 24px; margin: 0 3px; background: url(banner_control.png) no-repeat left center; }
.bctrli a:hover,
.bctrli a.curr{background-position: right center; }
.bctrli a{*display: inline; *zoom: 1; }


/*index*/
.main{ width:1200px; height:auto; overflow:hidden;  margin:0 auto; margin-top:20px;}

.wenti{ width:100%; height:860px; background:url(wenti.jpg) no-repeat center top; margin:0 auto; margin-top:20px;}
.wuyou_top{ width:100%; height:228px; background:url(wuyou_top.jpg) no-repeat center top; margin:0 auto; margin-top:0px;}
.wuyou_bg{ width:100%; height:1566px; background:url(wuyou_bg.jpg) repeat-x center top; margin:0 auto;}
.wuyou_con{ width:100%; height:1495px; background:url(wuyou.jpg) no-repeat center top; margin:0 auto;}

.banner1_bg{ width:100%; height:278px; background:url(banner_bg.jpg) repeat-x center top; margin:0 auto; margin-top:20px;}
.banner1{ width:1200px; height:278px; background:url(banner.jpg) no-repeat center top; margin:0 auto}

/*产品*/
.cp_top{ width:100%; height:160px; background:url(cp_top.jpg) no-repeat center top; margin:0 auto; margin-top:20px;}



/*新闻*/
.shili{ width:100%; height:780px; margin:0 auto; background:url(shili.jpg) no-repeat center top #f6f6f6; margin-top:40px;}

.shili_bg{ width:1200px; height:auto; margin:0 auto;}

.shililist{ width:100%; margin:0 auto; height:45px; line-height:45px; border-bottom:#CCCCCC 1px dashed; overflow:hidden;}
.shili_list a{ color:#fff;}
.shili_list a:hover{ text-decoration:underline;}

.lanrenzhijia{ width:1200px; height:733px; margin:0 auto; font-family:'微软雅黑';}
.lanrenzhijia .tab{ width:300px; height:460px; float:left; overflow:hidden; line-height:70px; font-size:18px; text-align:center; margin-top:272px;}
.lanrenzhijia .tab a{ width:300px; height:70px; display:block; background:url(news_menu.jpg) no-repeat center top; margin-top:20px; padding:0px; float:left; text-decoration:none; color:#fff;}
.lanrenzhijia .tab a:hover{ width:300px; height:70px; background:url(news_menu_on.jpg) no-repeat center top; color:#fff; text-decoration:none;}
.lanrenzhijia .tab a.on{ width:300px; height:70px; background:url(news_menu_on.jpg) no-repeat center top; color:#fff; text-decoration:none;}

.lanrenzhijia .content{ overflow:hidden; width:848px; height:733px; position:relative; float:right;}
.lanrenzhijia .content ul{ position:absolute; left:0; top:0; height:733px;}
.lanrenzhijia .content li{ width:848px; height:733px; float:left;}
.lanrenzhijia .content li p{ padding:10px;}

/*优势*/
.youshi{ width:100%; height:834px; background:url(youshi.jpg) no-repeat center top; overflow:hidden; margin:0 auto; margin-top:50px;}

/*anli*/
.anli{ float:left; width:710px;}
.anli_top{ width:710px; height:50px; background:url(anli_top.jpg) no-repeat; margin:0 auto}
.anli_tf{ float:left; margin-left:60px!important; margin-left:30px; line-height:50px; color:#105ec0; font-size:20px; font-family:"微软雅黑"; }
.anli_r{ text-align:right; line-height:50px; margin-right:50px!important; margin-right:10px;color:#333; }
.anli_r a{ color:#333;}
.anli_bg{ width:710px; height:auto; overflow:hidden; margin:0 auto; }

.news_wt{ float:right; width:460px;}
.news_wt_top{ width:460px; height:50px; background:url(news_wt_top.jpg) no-repeat; margin:0 auto}
.news_wt_tf{ float:left; margin-left:60px!important; margin-left:30px; line-height:50px; color:#105ec0; font-size:20px; font-family:"微软雅黑"; }
.news_wt_r{ text-align:right; line-height:50px; margin-right:50px!important; margin-right:10px;color:#333; }
.news_wt_r a{ color:#333;}
.news_wt_bg{ width:460px; height:auto; overflow:hidden; margin:0 auto; }

.news_list2{ width:460px; height:120px; background:url(news_wt_list.jpg) no-repeat center bottom; text-indent:15px; line-height:30px;}




/*新闻资讯*/
.news{ width:1200px; margin:0 auto; height:280px; background: url(news.jpg) no-repeat; overflow:hidden; margin:0 auto;padding-bottom:10px;  margin-top:30px;}
.news_left{ float:left; width:587px; margin-left:4px; margin-top:4px;}
.news_right{ float:right; width:587px; margin-top:4px;}

.news_list4{ float:left; width:587px; height:92px; }
.news_list4 a{ width:587px; height:92px; background:url(news_list4.jpg) no-repeat; display:block; color:#666;}
.news_list4 a:hover{ width:587px; height:92px;  background:url(news_list4_on.jpg) no-repeat; display:block; color:#FFFFFF;}



.news_list1{ background:url(icon4.jpg) no-repeat left center; text-indent:15px; line-height:30px; border-bottom:#CCCCCC 1px dashed}
.news_list0{ background:url(icon4.jpg) no-repeat left center; text-indent:15px; line-height:30px; border-bottom:#CCCCCC 1px dashed}
.data{ text-align:right; margin-right:0px!important; margin-right:10px; color:#CCCCCC}


.changfang{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.changfang_top{ width:1200px; height:77px; background:url(changfa_top.jpg) no-repeat; margin:0 auto}
.changfang_tf{ float:left; margin-left:50px; line-height:40px; font-size:24px; color:#333333; font-family:"微软雅黑"}
.changfang_r{ float:right; margin-top:10px;}
.changfang_bg{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:10px;}

/*sy_left*/

.sy_left{ float:left; width:243px; }
.sy_left_top{ width:243px; height:77px; background:url(left_top.jpg) no-repeat; margin:0 auto}
.sy_left_tf{ float:left; margin-left:40px!important; margin-left:20px; line-height:20px; padding-top:20px; font-size:30px; color:#FFFFFF; font-family:"微软雅黑";}
.sy_left_bg{ width:243px; height:auto; overflow:hidden; background-color:#f7f7f7; margin:0 auto;}
.sy_left_bt{ width:243px; height:10px; margin:0 auto;}

.sy_left_list{ width:243px; margin:0 auto;}
.sy_left_list ul{}
.sy_left_list ul li{ width:243px; height:49px; background:url(left_list.jpg) no-repeat; margin:0 auto; font-size:12px; font-weight:bold; line-height:49px; }
.sy_left_list ul li a:link{padding-left:80px; display:block;text-decoration:none; color:#333}
.sy_left_list ul li a:visited{ display:block;text-decoration:none; color:#333}
.sy_left_list ul li a:hover{  height:49px; line-height:49px; font-weight:bold; display:block;text-decoration:none; color:#e46600}
.sy_left_list ul li a:active{ display:block;text-decoration:none; color:#e46600}

.sy_left_tel{ width:243px; height:151px; background:url(sy_left_tel.jpg) no-repeat; margin:0 auto; margin-top:20px;}

/*left*/
.left{ float:left; width:213px; }
.left_top{ width:213px; height:50px; background:url(left_top.jpg) no-repeat; margin:0 auto}
.left_tf{ float:left; margin-left:20px!important; margin-left:20px; line-height:50px; font-size:24px; color:#FFFFFF; font-family:"微软雅黑";}
.left_bg{ width:213px; height:auto; overflow:hidden; background:url(left_bg.jpg) repeat-y; margin:0 auto;}
.left_bt{ width:213px; height:10px; background:url(left_bt.jpg) no-repeat; margin:0 auto;}

.left_list{ width:180px; margin:0 auto;}
.left_list ul{}
.left_list ul li{ width:180px; height:35px; background:url(left_list.jpg) no-repeat; margin:0 auto; font-size:12px; font-weight:bold; line-height:35px; margin-top:5px;}
.left_list ul li a:link{padding-left:20px; display:block;text-decoration:none; color:#FFFFFF}
.left_list ul li a:visited{ display:block;text-decoration:none; color:#FFFFFF}
.left_list ul li a:hover{  height:35px; line-height:35px; font-weight:bold; display:block;text-decoration:none; color:#e46600}
.left_list ul li a:active{ display:block;text-decoration:none; color:#e46600}

.left_list0{ width:180px; margin:0 auto;}
.left_list0 ul{}
.left_list0 ul li{ width:180px; height:35px; background:url(left_list1.jpg) no-repeat; margin:0 auto; line-height:30px; margin-top:3px;}
.left_list0 ul li a:link{padding-left:30px; display:block;text-decoration:none; color:#333}
.left_list0 ul li a:visited{ display:block;text-decoration:none; color:#333}
.left_list0 ul li a:hover{  height:35px; line-height:35px; font-weight:bold; display:block;text-decoration:none; color:#333}
.left_list0 ul li a:active{ display:block;text-decoration:none; color:#333}


.left_lx_top{ width:213px; height:50px; background:url(left_top.jpg) no-repeat; margin:0 auto; margin-top:10px;}
.left_lx_tf{ float:left; margin-left:20px!important; margin-left:20px; line-height:50px; font-size:24px; color:#FFFFFF; font-family:"微软雅黑";}
.left_lx_bg{ width:213px; height:auto; overflow:hidden; background:url(left_bg.jpg) repeat-y; margin:0 auto;}
.left_lx_bt{ width:213px; height:10px; background:url(left_bt.jpg) no-repeat; margin:0 auto;}

/*right*/
.right{ float:right;width:926px;}
.right_top{ width:926px; height:50px; background:url(cp_top0.jpg) no-repeat; margin:0 auto}
.right_tf{ float:left; margin-left:60px!important; margin-left:30px; line-height:50px; color:#105ec0; font-size:20px; font-family:"微软雅黑"; }
.right_r{ text-align:right; line-height:50px; margin-right:50px!important; margin-right:10px;color:#333; }
.right_r a{ color:#333;}
.right_bg{ width:926px; height:auto; overflow:hidden; margin:0 auto; }
.right_bt{ width:926px; height:7px; margin:0 auto}
.right_con{ width:926px; height:auto; overflow:hidden; margin:0 auto; color:#333; line-height:30px; margin-top:10px;}


/*foot*/
.foot_nav{ width:100%; height:66px; background:url(foot_nav.jpg) repeat-x center top; margin:0 auto; text-align:center; line-height:60px; color:#FFFFFF; margin-top:20px;}
.foot_nav a{ color:#FFFFFF;}

.foot_bg{ width:100%; margin:0 auto; margin-top:0px;}

.foot {width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:20px; color:#333; text-align:center }
.foot a{ color:#333}



/* General Demo Style */

.container{
	width: 100%;
	position: relative;
	min-height: 750px;
}
.clr{
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}

/* Header Style */

/* Demo Buttons Style */
.codrops-demos{
    text-align:center;
	display: block;
	line-height: 30px;
	padding: 0px 0px;
}
.codrops-demos a{
    display: inline-block;
	margin: 0px 4px;
	padding: 0px 6px;
	color: #aaa;
	line-height: 20px;	
	font-size: 13px;
	text-shadow: 1px 1px 1px #fff;
	border: 1px solid #ddd;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
}
.codrops-demos a:hover{
	color: #333;
	box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
}
.codrops-demos a:active{
	background: #fff;
}
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover{
	background: #f6f6f6;
}
.da-thumbs {
	list-style: none;
	width: 926px; height:auto;
	position: relative;
	margin: 0 auto;
	padding: 0;
}
.da-thumbs li {
	float: left;
	margin: 5px; width:294px; height:304px;
	position: relative; background: url(cp_show.jpg) no-repeat center top;
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute; background:url(cp_show_on.jpg) no-repeat center top;width:294px; height:304px;
}
.da-thumbs li a div span {
	display: block;
	text-transform: uppercase;
	font-weight: normal; color:#FFFFFF;
}