@charset "utf-8";
body{
	padding:0;
	margin:0;
	font:14px/1.5 '\5FAE\8F6F\96C5\9ED1',tahoma,'\5b8b\4f53',sans-serif;
	color:#444;
}
ul,li,p,dl,dt,dd,h1,h3,h2,h4,h5,strong,span,em{
	padding:0;
	margin:0;
	list-style:none;
	font-style:normal;
}
img{
	border:0;
	display: block;
}
a{
	color:#444;
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	text-decoration:none;
	-webkit-tap-highlight-color:transparent;
}

a:hover {
	text-decoration:none;
	color:#4b3b2e;
}
.clear{ clear:both} 
/*-------top-------*/
#top{width: 100%;
	height: 550px;
	position: relative;
	overflow: hidden;
}.lona {
	width: 100% ;
	height: 80px;
	background: url(../images/topbg.png);
	position:fixed;
	left: 0;
	top: 0;
	z-index:9;
	border-bottom:1px solid #dfdfdf;
	overflow: visible !important;

}.lonab {
	width: 1400px;
	margin: 0 auto;
}.logo {
	width: 202px;
	height: 45px;
	float: left;
}.logo h1 a {
	display: block;
	margin:16px 0 0 0;
	width: 202px;
	height: 45px;
}
.logo h1 a img{width:100%;}
/*------nav------*/
.nav{width: 630px; float:right;   position:relative; z-index:1;  }
.nav a{ color: #4b3b2e;}
.nav .nli{ float:left; position:relative; width:105px; }

.nav .nli:nth-child(1):hover:after,.nav .nli:nth-child(3):hover:after,.nav .nli:nth-child(4):hover:after{ width:105px !important; margin-left:-52px;}

.nav .nli h3 a{ display:block; font-size:16px; font-weight:normal; text-align:center; height:80px; line-height: 80px;  }
.nli:after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
    background: #4b3b2e;
    position: absolute;
    bottom:0;
    left:50%;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.nli:hover:after{
    width:130px;
    margin-left:-65px;
}
.nav .sub{ width:200px; left:50%; top:80px;  position:absolute; 	background: url(../images/topbg.png); margin-left:-100px; display:none; }
.nav .nli:hover>.sub{top:80px;}
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding-left:15px; font-size:12px; line-height:40px; height:40px; position: relative; overflow: hidden;  }
.nav .sub a:hover{ background: rgba(255, 255, 255, 0.7); padding-left:35px;}
.sub a:after{ 
    content: "";
    display: block;
    width:0;
    height:1px;
    position: absolute;
    left:10px;
    top:20px;
    background:#4b3b2e;
    transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}
.sub a:hover:after{ width:20px !important;}
.nav .on h3 a{ line-height:70px; }
/*-------sjna--------*/
#sjna{display:none;}
#sjnav{ display:none;}
/*-------banner---------*/
.banner {
	width: 1920px;
	position: absolute;
	top: 0;
	left: 50% ;
	margin-left:-960px;
	height: 550px;
	z-index: 1;
}
.banner p{ float:left; width:320px ; height:550px ; overflow:hidden ; display:block ;}
.banner p img{width:100% ; height:550px; display: block;}

#nav2{ display:none;}




/*------txtop------*/
.txtop{width:100%; margin: 60px auto 40px;}
.txtop strong{ font-size:26px; display: block; margin:0 auto; text-align: center; width:280px; height:40px; line-height: 26px; position: relative; color:#4b3b2e; font-weight: normal;}
.txtop span{ width:100%; display: block; text-align:center;margin:20px auto 0; font-size:16px;
}
.txtop strong:after{ 
	content: "";
	display: block;
	width:50px;
	height:3px;
	background:#4b3b2e;
	position: absolute;
	left:50%;
	margin-left:-25px;
	bottom:0;
}
/*------cplm------*/
.cplm{width:100%; height:42px; margin-bottom:60px; }
.cplm ul{width:850px; overflow: hidden; margin:0 auto; text-align:center; }
.cplm ul li{ display:inline-block; margin: 0 10px; width:150px; height:50px; position: relative; float:left;
}
.cplm ul li a{width:148px; height:48px; line-height:24px; color:#776c61; text-align: center; font-size:14px; display: block; border:1px solid #e6e7e7;transition: all 0.6s 0.6s ease; }
.cplm ul li a:hover{ color:#fff; background:#00594f;}
.cplm ul li:before,.cplm ul li:after,.cplm ul li a:before,.cplm ul li a:after{ content: ""; display: block; background: #00594f; position: absolute;transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;}
.cplm ul li:before{width:0; height:1px; left:0; top:0;}
.cplm ul li:after{width:1px; height:0; right:0; top:0;}
.cplm ul li a:before{ width:0; height:1px; right:0; bottom:0;}
.cplm ul li a:after{width:1px; height:0; left:0; bottom:0;}
.cplm ul li:hover:before{ width:100%;}
.cplm ul li:hover:after{height:100%;}
.cplm ul li:hover a:before{width:100%;}
.cplm ul li:hover a:after{ height:100%;}
/*------cplb------*/
.cplb{width:1420px; margin:0 auto;}
.cplb ul{ width: 100%; overflow:hidden;}
.cplb ul li{ width:335px; height:335px; float:left; margin:10px;}
.cplb ul li a{ width: 333px; height: 333px; border:1px solid #e6e7e7; display: block; position: relative; overflow: hidden;}
.cplb ul li a:hover{ box-shadow: 0 0 10px #dfdfdf; border:1px solid #fff;}
.cplb ul li a p{width:333px; height: 333px; position: absolute; left:0; top:0;}
.cplb ul li a p img{width:333px; height:333px; transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;}
.cplb ul li a:hover img{ transform: scale(1.05);}
.cplb ul li a span{display: block; width:293px; height:50px; line-height:50px; font-size: 14px; color: #4b3b2e; padding: 0 20px; position: absolute; left:0; bottom:0; }
/*------gd------*/
.gd{width:100%; margin:40px auto;}
.gd a{ display: block; width:238px; height:48px; border:1px solid #4b3b2e; border-radius: 5px; text-align: center; font-size:16px; line-height:48px; background:url(../images/gd.png) 160px center no-repeat; margin: 0 auto;}
.gd a:hover{ color:#fff; background:url(../images/gdb.png) #4b3b2e 160px center no-repeat;}
/*---------foot---------*/
#foot{ background:#f1f1f1; width:100%; overflow:hidden;}
.footop{width:1400px; margin:0 auto; padding:40px 0; overflow: hidden;}
.footimg{float:left; width:297px; height:133px;}
.footdz{ width:320px; margin-left:60px; float:left;}
.footdz strong{ display:block; width:320px; height:35px; position: relative; font-size:20px; line-height:20px; font-weight:normal; margin-bottom:10px; }
.footdz strong:after{ content: ""; position: absolute; width:100px; height:1px; background:#4b3b2e; left:0; bottom:0; }
.footdz span{display:block; padding-left:30px; background: url(../images/tb.png) left 10px no-repeat; font-size:16px; line-height:40px;}
.footlb{width:700px; float:right;}
.footlb ul{width:100%; overflow:hidden;}
.footlb li:nth-child(1){ width:170px;
} 

.footlb li{width:100px; float:left; margin-left:25px;}
.footlb h3 a{ display: block; width:100%; height:30px; font-size:16px; position: relative; color:#4b3b2e; font-weight: normal; }
.footlb h3 a:hover{ letter-spacing: 6px;}
.footlb h3 a:after{ content: ""; display:block; position: absolute; left:0; bottom:0; width:100%; height:1px; background:#4b3b2e;}
.footlb p{width:100%; margin-top:10px;}
.footlb p a{display:block; font-size:12px; line-height:30px; height:30px; position: relative; overflow: hidden; }
.footlb p a:hover{padding-left:15px;}
.footlb p a:after{ content: ""; display: block; position: absolute; left:0; top:50%; background: #4b3b2e; width:0; height:1px;transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease; }
.footlb p a:hover:after{ width:10px;}
.footbt{width:100%; padding:50px 0; border-top:1px solid #4b3b2e; margin:0 auto;}
.footbt p{ width:100%; text-align:center; color:#776c61;}
.footbt a{ color:#776c61;}

/*-------pages-------*/
#pages{ width:100%; margin:40px auto; text-align:center;}
#pages a,#pages span{ margin:0 5px; display:inline-block; padding:6px 12px; border:1px solid #776c61;}
#pages a:hover,#pages span{ background:#4b3b2e;border:1px solid #4b3b2e; color:#fff;}
#pages a:nth-child(1){ display:none;}
.qjzs{ width:100%; margin: 0 auto;}
.qjzs p{ width:68px; margin:0 auto;}
.qjzs p img{ width:68px; height:68px;}
.qjzs span{ display:block; margin:0 auto 60px;
}
.qjzs  a span{ display:block; text-align:center; font-size:24px; height:60px; line-height:60px;
}
#gcxmnr{ width:1400px; margin:0 auto;
}
.gcxm{ width:100%;}