@charset "utf-8";
/* CSS Document */

body{ font-size:13px;*line-height:26px;background:#f1f5f8 url(../images/bg.jpg) no-repeat;;margin:0 auto;padding:0;color:#444;}
a {color:#333333; text-decoration:none;}
a:hover {color:#1898a5;}
img{border:none;}
ul,li{list-style:none;padding:0;margin:0;}
.clear{clear:both; font-size:0;}



/*logo*/
.top{ height:50px; background:url(../images/bk.jpg) repeat-x;}
.top1{ width:1004px; height:100px; margin:0 auto; background:url(../images/logo.jpg) no-repeat;}


/*导航*/
.nav {background: #780d10;height: 46px;color: #fff;width:1004px; z-index:2; clear: both; margin: 0 auto;}
.nav li {float: left;width: 98px;position: relative;height: 46px;line-height: 46px; text-align: center; border-right: 1px solid #780d10;}
.nav li:last-child{ border-right: none; }
.nav>li>a {color: #fff;text-align: center;font-size: 16px;padding: 0;}
.nav>li>a:link { background: none; }
.nav>li>a:hover, .nav>li>a.active {color: #fff;background: none;}
.nav .hb-first-li ul li a {color: #ffffff;height: 36px;overflow: hidden;}
.nav .hb-first-li .active a,.nav .hb-first-li a:hover {background-color: #ffff00;color: #780d10;display: block;}
.nav .hb-first-li>ul { position: absolute; width: 170px; background-color: #780d10; z-index: 20; padding: 0; opacity: 0; transition: all .5s ease 0s; -webkit-transform: translate3d(0, 10px, 0); visibility: hidden }
.nav .hb-first-li:hover ul{ opacity: 1; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); visibility: visible }
.nav .hb-first-li>ul li { height: 34.18px; line-height: 36px; width: 100%; text-align: center; border-bottom: 1px solid rgba(226, 226, 226, 0.37); transition: all .3s ease-out 0s }


/*benner*/
#flashs{ width:1004px; height:375px;  background:url(../images/benner.jpg) no-repeat; padding-left:60px; padding-top:10px; overflow: hidden; position: relative;}
#flashs .bgitem { z-index: 1; position: absolute; top: 0; }
#flashs .btn { position: absolute; z-index: 2; bottom: 25px; left: 50%; margin-left: -64px; padding: 0px 6px; }
#flashs .btn span { background: #252525; cursor: pointer; display: inline-block; margin: 2px; width: 25px; height: 25px; font-size: 14px; line-height: 25px; text-align: center; color: #fff; }
#flashs .btn span.cur { background: #c81624; }
/*中部*/
.main-body{ width:1004px; margin:0 auto;}

/*栏目*/
.munav{ width:315px; height:50px; }
.munav1{ margin-left:10px; float:left;}
.munav2{ width:650px; height:50px; }
.munav3{ width:250px; height:50px; background: url(../images/mjgh.jpg) no-repeat;}
.munav3 h2{color: #fff; font-weight: bold; font-size: 18px; line-height: 50px; padding-left: 20%; letter-spacing: 2px;}
.munav4{ margin-left:20px; float:left;}
.left{ width:250px; float:left;}
.right{ width:700px; float:left; margin-left:20px;}

/*书法信息*/
.sfxx{ width:315px; float:left;}
.sfxx1{ width:295px; min-height:210px; height:auto; margin:0 auto; margin-top:10px; background:url(../images/sfxx-bg.jpg) right no-repeat;}
	.sfxx1 ul{border-bottom:1px #ccc dashed;}
	.sfxx1 ul li{width:290px; height:29px;line-height:29px; text-align:left; margin-left:20px;list-style:none;}
.sfxx2{ width:670px; margin:0 auto; margin-top:10px;}
	.sfxx2 ul{ border-bottom:1px #ccc dashed;}
	.sfxx2 ul li{width:600px; height:30px;padding-left:20px; margin-left:20px;background:url(../images/xd.gif) no-repeat 0px 50%;line-height:30px; text-align:right;list-style:none;}
		.sfxx2 ul li a{float:left;color: #333333;}
		.sfxx2 ul li a:hover{float:left;color: #1898a5;} 
	
	
.zzcn{ width:655px; float:left; margin-left:10px;}
.zzcn1{ width:445px; min-height:222px; height:auto;  line-height:24px; background:url(../images/about-bg.jpg) right no-repeat;}	
.about{ width:640px; line-height:24px; margin-top:10px; min-height:222px; height:auto;  margin-left:15px; background:url(../images/about-bg.jpg) right bottom no-repeat;}

/*产品分类*/
.cpfl{ width:1004px; height:275px; margin-top:20px; background:url(../images/cpfl.jpg) no-repeat;}	
#cpfl1{ width:870px; padding-top:65px; padding-left:120px;}
#cpfl1 .product{width:215px;  height:175px;  float:left; text-align:center;}
       #cpfl1 .product a{width:200px; height:155px; float:left; text-align:center;}
            #cpfl1 .product img{width:190px; height:130px; padding:4px; border:1px #cccccc solid; display:block;}
            #cpfl1 .product a:hover img{  padding:4px; border:1px #1898a5 solid; background:#FFFFFF;}
            #cpfl1 .product a span{width:140px;height:30px; line-height:30px; text-align:center;}	
			
.cpfl2{ width:250px; background:url(../images/sfxx-bg.jpg) right no-repeat;}
	.cpfl2 ul{width:250px; margin-bottom:15px; margin-top:5px;}
	.cpfl2 ul li{list-style:none; border-bottom:1px #ccc dashed; margin-left:10px;}
	.cpfl2 ul li a{list-style:none;margin-left:30px; padding-left:40px;line-height:30px; color:#333333;background:url(../images/d.gif) no-repeat;}
		.cpfl2 ul li a:hover{list-style:none;margin-left:30px; padding-left:40px;line-height:30px; color:#1898a5;}			
			
			
/*推荐产品*/			
.jptj{ width:1004px;  background:url(../images/jptj.jpg) no-repeat;}
#jptj1{ width:1004px; padding-top:104px; padding-left:20px;}
#jptj1 .product{width:165px;    float:left; text-align:center;}
       #jptj1 .product a{width:145px;  float:left; text-align:center;}
            #jptj1 .product img{width:140px; padding:4px; border:1px #cccccc solid; display:block;}
            #jptj1 .product a:hover img{  padding:4px; border:1px #1898a5 solid; background:#FFFFFF;}
            #jptj1 .product a span{width:140px;height:30px; line-height:30px; text-align:center;}	
			
/*图片展示*/	
#mjgh{ width:670px; margin:0 auto; margin-top:10px;}		
#mjgh .product{width:165px;  height:180px;  float:left; text-align:center;}
       #mjgh .product a{width:145px; height:148px; float:left; text-align:center;}
            #mjgh .product img{width:140px; height:140px; padding:4px; border:1px #cccccc solid; display:block;}
            #mjgh .product a:hover img{  padding:4px; border:1px #1898a5 solid; background:#FFFFFF;}
            #mjgh .product a span{width:140px;height:30px; line-height:30px; text-align:center;}				

/*产品+新闻详细*/	
.product_con .texttit{font:bold 20px/40px Arial,"microsoft yahei","";text-align:center; border-bottom:1px solid #ccc;}
.product_con .text{word-wrap:break-word;word-break:break-all;}
.product_con .text img{ padding:10px; border:1px #ccc solid; margin:10px auto}
.gduo{ height:30px; line-height:30px; background:#f7f7f7; overflow:hidden; margin:15px 0px; padding:0 10px;}
.gduo span{ float:right; width:320px; overflow:hidden; height:30px; display:block;}
.gduo a{  font-weight:bold; #666}
.fl{float: left;}
.fr{float: right;}
			
/*在线留言*/
.message{ width:670px; margin:0 auto; margin-top:10px;}	
			
/*联系我们*/		
.lxwm{ width:250px; line-height:30px;}	
.contact{ width:570px; margin-left:15px; margin-top:10px; min-height:346px; height:auto; line-height:26px;  background:url(../images/contact-bg.jpg) right bottom no-repeat;}		
			
/*底部*/	
.foot{ height:245px; background:url(../images/foot-bg.jpg) no-repeat;}		
.foot1{ width:1004px; height:55px; margin:0 auto; padding-top:165px; line-height:24px; text-align:center;}