body {
    font-family: arial, "Microsoft Yahei", 微软雅黑;}
*{ margin:0px; padding:0px;}
.cntl {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.cntl-center {
	left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

.cntl-bar {
	position: absolute;
	width: 10px;
	top: 0;
	bottom: 0;
	background-color: #ccc;
	box-shadow: inset 0px 0px 7px -2px #000;
}

.dh1 a{ color:#000;}
.dh1 span a { color:#b4773d;}
.dbn2 a{ color:#FFF;}
.wxian3 a{color:#000;}
.cntl-bar-fill {
	background-color: #009ABB;
	position: absolute;
	left:0;
	right:0;
	top:0;
	height:0;

}

.cntl-state {
	position: relative;
	width:100%;
	min-height: 200px;
	margin-bottom: 50px;
}

.cntl-state::after {
	display:block;
	content: ' ';
	clear:both;
}

.cntl-icon {
	border-radius: 50%;
	width: 80px;
	height: 80px;
	background-color: #00313C;
	border: solid 3px #009ABB;
	box-shadow: 0px 0px 19px -9px #000;
	position: absolute;
	top: 0;
	text-align: center;
	line-height: 80px;
	font-size: 40px;
	color: #fff;
}

.cntl-content {
	width: 40%;
	padding: 2%;
	background-color: rgba(238, 238, 238, 0.25);
	border-radius: 8px;
	border-bottom: solid 3px #009ABB;
	float:left;
	opacity:0;
	position:relative;
	margin-left:-40%;
}

.cntl-state:nth-child(2n+2) .cntl-content {
	float:right;
	margin-right:-40%;
}

.cntl-image {
	opacity:0;
	width: 40%;
	padding: 2%;
}

.cntl-state:nth-child(2n+1) .cntl-image {
	float:right;
}

.cntl-image img {
	width:100%;
}

.cntl-content h4 {
	font-size:20px;
	font-weight: normal;
	margin-bottom: 10px;
}


/*
animations
*/
.cntl-bar-fill,.cntl-content,.cntl-image {
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	transition: all 500ms ease;
}

.cntl-state:nth-child(2n+2).cntl-animate .cntl-content {
	margin-right:0%;
}

.cntl-animate .cntl-content {
	opacity:1;
	margin-left:0%;
}

.cntl-animate .cntl-image {
	opacity:1;
}




/* mobile support 

@media (max-width: 600px) {

	.cntl-bar {
		left:auto;
		right: 37px;
	}

	.cntl-content {
		width:80%;
		float:none;
	}
	.cntl-state:nth-child(2n+2) .cntl-content {
		margi-right:0%;
		float:none;
	}

	.cntl-image {
		width:80%;
	}

	.cntl-state:nth-child(2n+1) .cntl-image {
		float:none;
	}

	.animate .cntl-content {
		margin-left: 2%;
	}

	.cntl-icon {
		left: auto;
		right: 0;
	}

}*/
.banner{ width:100%; height:580px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:580px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:580px; float:left;}
.b-list{ height:50px; padding-top:550px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:8px; height:8px; border-radius:50%; border:3px solid #c59162; float:left; margin:0 5px; _margin:0 3px;background-color:#c59162;}
.b-list .spcss{border:3px solid #ebc59c; background-color:#ebc59c;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:2%; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:2%; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/prev.png) no-repeat; float:left; margin-top:200px;opacity:0.5;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/next.png)  no-repeat; float:left; margin-top:200px;opacity:0.5;}
.bar-left .emcss{ }
.bar-right .emcss{ }
/**/
.zhong1{height:460px; margin:0 auto; clear:both;}
.wsdbg{
	margin:0 auto;
    width: 100%;
    height:800px;
    background: url(../images/wsdbg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}
.bgcolor{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;background-color: rgba(18, 28, 77, 0.36);
}
/**/
.zhong{  width:1200px; margin:0 auto; height:auto;}
.zhtop{	position: relative;}
.top11{ width:320px; float:left; height:212px; margin-top:30px; margin-left:30px;overflow: hidden;}
.top11 a img{ width:320px; height:212px; transition: all 500ms linear;}
.top11 a:hover img{
	-webkit-transition:scale(1.5,1.5);
	-moz-transition:scale(1.5,1.5);
	-ms-transition:scale(1.5,1.5);
	-o-transition:scale(1.5,1.5);
	transform:scale(1.5,1.5);
}
.top1,.top2,.top3{
	-webkit-transition: all 1500ms ease;
	-moz-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	-ms-transition: all 1500ms ease;
	transition: all 1500ms ease;
	top:-500px;
opacity:0;
}

.wsd .top1{ position:absolute; left:0px; border: 1px solid #ebebeb; width:380px; height:395px; top:0px;opacity:1;}
.wsd .top2{ position:absolute; left:410px; border: 1px solid #ebebeb; width:380px; height:395px;top:0px;opacity:1;}
.wsd .top3{ position:absolute; right:0px; border: 1px solid #ebebeb; width:380px; height:395px;top:0px;opacity:1;}
.wsd .top1:hover {
    box-shadow: 0 5px 65px 0 rgba(0, 0, 0, 0.3);
}
.wsd .top2:hover {
    box-shadow: 0 5px 65px 0 rgba(0, 0, 0, 0.3);
}.wsd .top3:hover {
    box-shadow: 0 5px 65px 0 rgba(0, 0, 0, 0.3);
}
/**/
.xian1{ font-size:40px; text-align:center; width:500px; float:left; margin-left:350px; line-height:50px; margin-top:50px;}
.xian2{  color:#c59162;text-align:center;width:500px; float:left; margin-left:350px; line-height:40px;}
.xian3{ font-size:18px; text-align:center; width:500px; float:left; margin-left:350px; line-height:50px; margin-bottom:40px;}
.bxn{ margin-bottom:20px;}
.wxian1{ font-size:18px; text-align:center; width:324px; float:left; margin-left:20px; line-height:30px; margin-top:10px;}
.wxian2{ color:#c59162;text-align:center;width:324px; float:left; margin-left:20px; line-height:20px; margin-bottom:8px;}
.wxian3{ font-size:16px; text-indent:26px;width:324px; float:left; margin-left:30px; line-height:30px; margin-bottom:10px;background: url(../images/dian.jpg)  no-repeat 0 50%;}
.wxian33{ font-size:16px;width:324px; float:left; margin-left:30px; line-height:26px; margin-bottom:10px;}
/* msn-focus */
.pio{position:relative; z-index:1; left:0; top:80px;}
.msn-cq{width:1200px;  margin:auto; color:#7f7774; top:0 ;right:0; display:inline-block; vertical-align:top;}
.msn-cq img{ width:100%}
.lzj{ margin-left:10px;}
.msn-cq .hd{font-size:14px;height:100px;width:1200px;}
.msn-cq .hd li{float:left;display:inline; height:120px; line-height:90px;width:290px;font-size:25px;}
.msn-cq .hd .on{ float:left;width:290px;height:90px;}
.msn-cq .hd .on a{color:#fff;width:290px;height:90px; text-align:center; background-color:#d9b88f;}
.msn-cq .hd a{float:left;width:290px;height:90px;text-align:center;  color:#FFF;border:2px solid #d9b88f;}
.msn-cq .bd{width:1200px;position:relative;overflow:hidden; }
.msn-cq .bd ul{width:1200px;overflow:hidden;position:relative;font-size:16px;line-height:28px}
.msn-cq .bd li{width:1200px;position:relative}
.msn-cq .prev, .msn-focus .next{position:absolute;bottom:85px;width:29px;height:64px;opacity:.6;filter:alpha(opacity=60);overflow:hidden;display:none;text-indent:-999px;border:none;background:url(../images/arrowLR.png) no-repeat;}
.msn-cq .prev:hover, .msn-focus .next:hover{opacity:.9;filter:alpha(opacity=90)}
.msn-cq .prev{left:0;background-position:-50px 0}
.msn-cq .next{right:0;}
.msn-cq .bdOn .prev, .msn-focus .bdOn .next{display:block;}
/* msn-focus */
a{ text-decoration: none;cursor:pointer;} 
.chao{ color:#c59162;}
/**gundong**/
			.Box .content {width: 1200px;margin: 0 auto;}
			.Box h2 {text-align: center;margin-bottom: 35px;padding-top:160px;}
			.Box .Box_con {position: relative;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
			.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
			.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
			.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			.Box .Box_con .conbox ul li {float: left;width: 285px;height: 200px;margin-left: 20px;overflow: hidden;}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 200px;transition: all 0.5s;}
			.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
			.Box .BoxSwitch {margin-top: 30px;text-align: center;}
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
			.Box .BoxSwitch span.cur {background:#d9b88f;}
/**gundong**/
.hz1{ float:left; border-top:1px solid #d2d0cd; border-bottom:1px solid #d2d0cd; width:1200px; height:110px; margin-top:80px; margin-bottom:80px;}
.hz2{ float:left; border-right:1px solid #d2d0cd; width:170px; height:110px; line-height:110px; font-size:26px; text-align:center;}
.hz3{ float:left;width:1000px; }
.hz3 a{ float:left; line-height:30px; font-size:16px;  margin:10px;}
.dbn{ clear:both; width:100%; height:460px; background-color:#828282;}
.dbn1{ float:left; width:300px; height:300px; margin-top:70px;border-right:1px solid #FFF;}
.dbn2{ float:left; width:190px; height:300px; margin-top:70px;}
.dbn1 img{ width:260px;}
.dbn3{ float:left; width:97px; line-height:30px; margin-top:30px; margin-left:55px; font-size:22px;color:#FFF;}
.dbn4{ float:left; width:97px; line-height:30px; margin-top:6px;  margin-left:55px;font-size:16px; color:#FFF;}
.dbnri1{ float:right; height:300px; margin-top:70px;width:296px; }
.dbnri2{ float:left; width:280px; height:170px; margin-top:0px; margin-left:15px;}
.dbnri3{ float:left; width:150px;}
.dbnri3 img{ width:150px; height:150px;}
.dbnri4{ float:right; width:120px; line-height:40px; color:#FFF;}
.dbnri4 p{ font-size:22px;}
.dbnri5{ float:left; width:280px;  margin-top:0px; margin-left:15px; color:#FFF; line-height:35px;}
.xml{ float:left; width:1200px; line-height:30px; text-align:center; color:#FFF; margin-top:30px;}
.wsdtop{ width:100%; line-height:33px; height:33px; background-color:#c49160;color:#FFF; font-size:15px; }
.wsdtop2{ float:left; width:300px; margin-left:10px;}
.wsdtop33{ float:right; width:110px; text-align:right;}
.wsdtop3{ float:right; width:120px; text-align:right; margin-right:20px;}
.logo1{ float:left; width:238px;}
.dh{ float:right; width:910px; margin-top:40px;}
.dh1{ float:left; width:100px; text-align:center; line-height:26px; font-size:16px;}
.dh1 span{ color:#b4773d; font-size:14px;}
/**/
.wsdbg1{
	margin:0 auto;
    width: 100%;
    height:360px;
    background: url(../images/wsdbg5.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}
.wsdbg1{
	margin:0 auto;
    width: 100%;
    height:360px;
    background: url(../images/wsdbg1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}
.wsdbg2{
	margin:0 auto;
    width: 100%;
    height:360px;
    background: url(../images/wsdbg5.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}
.wsdbg3{
	margin:0 auto;
    width: 100%;
    height:360px;
    background: url(../images/wsdbg2.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}
.wsdbg4{
	margin:0 auto;
    width: 100%;
    height:360px;
    background: url(../images/wsdbg3.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}
.bgcolor1{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
background-color: rgba(130, 130, 130, 0.18);
}
/*返回顶部开始*/
#gotop{background-position:-276px -310px;bottom:67px;_margin-bottom:67px;
    width:40px;height:40px;position:fixed;right:50px;cursor:pointer;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}

/*返回顶部结束*/