@charset "gb2312";
/* CSS Document */
*{padding:0; margin:0;}
body{font-size:14px; font-family:"Î¢ÈíÑÅºÚ";}
.clear{clear:both; height:0; font-size:0; line-height:0; font:12px 'sans-serif';}
h1, h2, h3, h4, h5, h6, hr, blockquote, form, ul, ol, li, p, pre, dl, dt, dd, fieldset, legend, button, input, textarea{margin:0; padding:0;}
ul,ol,li{list-style:none;}
img{border:0; vertical-align:middle;}
a:link{color:#000; text-decoration:none;}
a:visited{color:#000; text-decoration:blink;}
a:hover{color:#000; text-decoration:blink;}

#header-box{width:100%; height:92px; border-bottom:1px solid #b5b5b5;}
#header{width:960px; height:92px; margin:0 auto;}
#header-img{padding:28px 33px 15px 36px; border-right:1px solid #b5b5b5; float:left;}
#header ul{ float:left; margin-top:47px;}
#header ul li{ height:44px; line-height:44px; border-top:1px solid #b5b5b5; border-right:1px solid #b5b5b5; float:left; width:110px; text-align:center; font-size:10px;}
#header ul li:nth-child(2){width:140px;}
#header ul li span{font-size:12px; color:#000; display:none; font-weight:bold;}
#header ul li:hover span{display:block;}
#header ul li i{font-style:normal; color:#000000}
#header ul li:hover i{display:none;}

/*banner*/
/*ÖÐ¼äÇøÓò*/
.center{
	width:100%;
	height:559px;
	background:#ccc; margin-top:50px;
}
/*ÖÐ¼äÂÖ²¥Í¼ÇøÓò*/
 
.content_middle{
	height:559px;
    margin:0px auto;
    position:relative;
}
.content_middle:hover .common{
	display: block;
}
/*×óÓÒÇÐ»»Í¼±ê*/
.content_middle .common{
	display: block;
	width:50px;
	height: 100px;
	position: absolute;
	z-index: 25;
    top:40%;
    display: none;
}
.content_middle .btnLeft{
	left:10%;
	background: url(../images/l.png) no-repeat; z-index:999
}
.content_middle .btnRight{
	right:10%; 
	background: url(../images/r.png) no-repeat;z-index:999
}
/*×óÓÒÇÐ»»Í¼±ê*/
.content_middle ul li{
	width:100%;
	height:559px; 
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	margin:0px auto; 
}
.content_middle ul li a{display:block; width:100%; height:599px;  position:absolute; z-index:99}


/*ÇÐ»»Ð¡Í¼±ê*/

.content_middle .table{
	
	height:30px;
	position: absolute;
	bottom:10px;
	left:48%;
	z-index:9; 
	line-height: 24px; z-index:999 
}
.content_middle .table a{
    width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;
}

.content_middle .table a.small_active{
	background:#64b32d;
	color: #fff;
	 
} 

.index1{width:1320px; margin:54px auto;}
.index1 h2{width:130px; margin:0 auto; font-size:20px; color:#000; text-align:center; font-weight:normal; height:30px; line-height:30px; margin-bottom:3px; font-family:"Î¢ÈíÑÅºÚ","Brandon Grotesque Black";}
.index1 h2 span{display:inline-block; width:5px; height:5px; background:#000; border-radius:100%; float:left; margin:11px 5px 0px;}
.index1 h2 span:nth-child(2){float:right;}
.index1 h3{font-size:32px; text-align:center; color:#010101; font-family:"Brandon Grotesque Black";}
.index1 h4{font-size:14px; font-weight:normal; text-align:center; color:#a5a3a3; font-style:italic; font-family:"Brandon Grotesque Black";}
.pro_tit_pic{width:280px; margin:0 auto;}

.index1 ul{width:1320px; margin:60px auto 53px; overflow:hidden; border-left:1px solid #b5b5b5; }
.index1 ul li{width:262.5px; height:484px; text-align:center; float:left; border-right:1px solid #b5b5b5; position:relative;border-bottom:1px solid #b5b5b5;}
.index1 ul li h5{font-size:16px; color:#000; font-weight:normal; text-align:center; margin-top:15px; margin-bottom:10px; font-family:"Î¢ÈíÑÅºÚ","Brandon Grotesque Black";}
.index1 ul li h6{font-size:14px; color:#000; font-weight:normal; text-align:center; font-family:"Î¢ÈíÑÅºÚ","Brandon Grotesque Black";}
.index1 ul li .more{width:91px; height:27px; font-family:"Î¢ÈíÑÅºÚ","Brandon Grotesque Black"; font-size:10px; color:#717171; border:1px solid #b3b3b3; border-radius:10px; line-height:27px; margin:0 auto; position:absolute; bottom:20px; right:0; left:0;}

.index2{width:100%; height:193px; background:url(../images/index2-img1.jpg) no-repeat center;}
.index3{width:1200px; margin:60px auto 120px; text-align:center; color:#666464; line-height:32px;}
.index4{width:100%; height:67px; background:#f2f2f2;}

#footer{ text-align:center; color:#999; margin:35px 0; line-height:24px;}





.art-box{width:100%; height:2321px; background:url(../images/art-bg.jpg) no-repeat center; overflow:hidden; margin-top:50px}
.art-bg{width:1200px; height:2321px; background:url(../images/art-bg2.png) no-repeat center; margin:0 auto; overflow:hidden;}

.art1{width:1200px; margin:69px auto;}
.art1 h2{text-align:center; font-size:14px; color:#000; line-height:24px; font-weight:normal;}
.art1 ul{width:1054px; margin:40px auto 80px; overflow:hidden; border-left:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5;}
.art1 ul li{width:262.5px; height:453px; text-align:center; float:left; border-right:1px solid #b5b5b5; position:relative;}
.art1 ul li h5{font-size:16px; color:#000; font-weight:normal; text-align:center; margin-top:22px; margin-bottom:10px; font-family:"Î¢ÈíÑÅºÚ","Brandon Grotesque Black";}
.art1 ul li h6{font-size:14px; color:#000; font-weight:normal; text-align:center; font-family:"Î¢ÈíÑÅºÚ","Brandon Grotesque Black";}

.art2{width:1200px; height:230px; margin:0 auto; background:url(../images/art2.jpg) no-repeat center;}
.art3{width:860px; margin:50px auto; font-size:14px; color:#000; line-height:28px; text-align:center;}

.art4{width:856px; margin:0 auto;}

.art5{width:855px; margin:2px auto;}

/*¹ØÓÚÎÒÃÇ*/
.about_b{width:100%; margin-top:50px}
.about_b img{width:100%;}
.about_box{width:1015px; margin:0 auto; margin-top:35px; margin-bottom:35px; text-align:center; line-height:30px}



/*ÁªÏµÎÒÃÇ*/
.contact_box{width:1200px; margin:0 auto; margin-bottom:65px }
.contact{width:635px;border-left:#b5b5b5 solid 1px; margin-left:352px; overflow:hidden }
.contact_tit{margin-top:150px; margin-left:33px}
.lx_tit{width:635px; margin-left:35px; height:25px;  font-size:15px; font-weight:bold; margin-top:32px; color:#666464}
.lx_box{width:635px; margin-left:35px;border-top:#b3b3b3 solid 1px; line-height:32px; font-size:14px; padding-bottom:10px}

.lx_box2{width:635px; margin-left:35px;border-top:#b3b3b3 solid 1px; line-height:32px; font-size:14px; padding-top:10px}


/*²úÆ·Õ¹Ê¾*/




.prolist{width:1205px; margin:54px auto;}
.prolist h2{width:130px; margin:0 auto; font-size:20px; color:#000; text-align:center; font-weight:normal; height:30px; line-height:30px; margin-bottom:3px; font-family:"Î¢ÈíÑÅºÚ","Brandon Grotesque Black";}
.prolist h2 span{display:inline-block; width:5px; height:5px; background:#000; border-radius:100%; float:left; margin:11px 5px 0px;}
.prolist h2 span:nth-child(2){float:right;}
.prolist h3{font-size:32px; text-align:center; color:#010101; font-family:"Brandon Grotesque Black";}
.prolist h4{font-size:14px; font-weight:normal; text-align:center; color:#a5a3a3; font-style:italic; font-family:"Brandon Grotesque Black";}
.prolist_tit_pic{width:280px; margin:0 auto;}

.prolist ul{width:1205px; margin:60px auto 53px; overflow:hidden; border-left:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5;}
.prolist ul li{width:300px; height:260px; text-align:center; float:left; border-right:1px solid #b5b5b5; position:relative;}
.prolist ul li h5{font-size:16px; color:#000; font-weight:normal; text-align:center; margin-top:15px; margin-bottom:10px; font-family:"Î¢ÈíÑÅºÚ","Brandon Grotesque Black";}
.prolist ul li h6{font-size:14px; color:#000; font-weight:normal; text-align:center; font-family:"Î¢ÈíÑÅºÚ","Brandon Grotesque Black";}
.prolist ul li .more{width:91px; height:27px; font-family:"Î¢ÈíÑÅºÚ","Brandon Grotesque Black"; font-size:10px; color:#717171; border:1px solid #b3b3b3; border-radius:10px; line-height:27px; margin:0 auto; position:absolute; bottom:20px; right:0; left:0;}

.my-gallery{width:1205px; margin:60px auto 0px; overflow:hidden;  }
.my-gallery figure{width:300px; height:260px; text-align:center; float:left; border-left:1px solid #b5b5b5; position:relative; margin-bottom:15px;border-bottom:1px solid #b5b5b5;}
/*.my-gallery figure:nth-child(1){border-left:1px solid #b5b5b5; }*/

.my-gallery figure img{ width:250px; height:165px}

.my-gallery figure h5{font-size:16px; color:#000; font-weight:normal; text-align:center; margin-top:15px; margin-bottom:10px; font-family:"Î¢ÈíÑÅºÚ","Brandon Grotesque Black"; width:300px}
.my-gallery figure h6{font-size:14px; color:#000; font-weight:normal; text-align:center; font-family:"Î¢ÈíÑÅºÚ","Brandon Grotesque Black";}
.my-gallery figure .more{width:91px; height:27px; font-family:"Î¢ÈíÑÅºÚ","Brandon Grotesque Black"; font-size:10px; color:#717171; border:1px solid #b3b3b3; border-radius:10px; line-height:27px; margin:0 auto; position:absolute; bottom:20px; right:0; left:0;}

.pages{width:100%; text-align:center}
/*ÌÔ±¦·ç¸ñ*/
.paginator { font: 12px "Î¢ÈíÑÅºÚ"; margin:0 auto; margin-bottom:20px; margin-top:10px; }
.paginator a {border:solid 0px #00A9E0;color:#000;cursor:pointer;text-decoration:none;  }
.paginator a:visited {padding: 1px 2px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {font-weight:700;color:#FFF;background-color:#b5b5b5; font-family:"Î¢ÈíÑÅºÚ";border:solid 1px #b5b5b5;}
.paginator a:hover {color:#fff;text-decoration:none; background:#b5b5b5; display:block; }
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover  
{padding:5px 10px;margin-right:0px;text-align:center;
 white-space:nowrap;font-size:14px;font-family:Î¢ÈíÑÅºÚ; display:inline-block;border:solid 1px #b5b5b5;}

.pages{  width:100%; margin:0 auto; text-align:center; height:40px; overflow:hidden; font-size:14px; font-family:"Î¢ÈíÑÅºÚ"; margin-bottom:30px; margin-top:30px;  float:right}
.pages span{display:inline-block;padding:5px 10px; background-color:#CCCCCC;margin-left:6px;color:#fff;border:#B5BEC3 solid 1px}
.pages a{ display:inline-block; padding:5px 10px; background:#FFFFFF; color:#3B3D38; margin-left:6px; border:#B5BEC3 solid 1px }
.pages a:hover{ background:#CCCCCC; color:#FFFFFF; border:#B5BEC3 solid 1px }



































































