@charset "utf-8";
/*此处为页面CSS，且不能与公共CSS（zt_public.css）冲突*/
*{
    font-family: MicrosoftYaHei;
	margin: 0;
	padding: 0;
}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,hr,button,footer,header,nav,section,article{margin:0;padding:0;}
body{color:#333;font-family:"microsoft yahei","Verdana","Tahoma","Arial";}
ol,ul,li{list-style:none;}i,s,u,em{font-style:normal;text-decoration:none;}
img{border:0 none;}a{color:#333;text-decoration:none;cursor:pointer;}
a:hover{color:#db214c;text-decoration:none;}a:focus,form *:focus{outline:none;}
input{color:#333;text-indent:10px;}input::-webkit-input-placeholder{color:#666;}
input::-moz-placeholder{color:#666;}input::-ms-input-placeholder{color:#666;}
.cf:after{display:block;height:0;font-size:0;content:".";visibility:hidden;clear:both;}
.cf{zoom:1;}.fl{float:left;}.fr{float:right;}.pr{position:relative;}
.banner01{
	    width: 100%;
		height: 1023px;
		background-image: url(images/banner01.jpg);
		background-size: cover;
}
.banner04{
	position: relative;
	top: 38px;
	margin: 0 auto;
	width: 1190px;
	height: 900px;
}
.bd1{
	position: relative;
	width: 100%;
	height: 286px;
}
.text1{
	    position: relative;
		margin: 0 auto;
	    top: 50px;
	    height: 130px;
	    width: 1083px;
		font-size: 21px;
		font-weight:normal;
		font-stretch: normal;
		line-height: 40px;
		letter-spacing: 4px;
		color: #333333;
		text-align: left;
}
.text1 strong{
	    width: 1083px;
		height: 102px;
		font-size: 21px;
		font-stretch: normal;
		line-height: 40px;
		letter-spacing: 4px;
		color: #333333;
}
.bd2{
   width: 100%;
height: 280px;
background-color: #201d1e;
}
.bd3{
	position: relative;
	height: 2612px;
	width: 100%;
}
.box-1{
	width: 1200px;
	height: 585px;
	background-color: #333333;
	position: relative;
	top: -207px;
	margin: 0 auto;
}
.box-1 span{
	margin-top:100px;
	float: left;
	margin-left: 800px;
	width: 347px;
		height: 31px;
		font-size: 32px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 24px;
		letter-spacing: 0px;
		color: #ffffff;
}
.banner02{
	position: absolute;
	width: 675px;
	height: 560px;
	margin-left: 30px;
	margin-top: -48px;
}
.banner02 img{
	height: 100%;
	width: 100%;
}
.text2{
	margin-top: 37px;
	margin-right: 38px;
	width: 428px;
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 27px;
		letter-spacing: 0px;
		float: right;
		color: #ffffff;
}
.title1{
	top: -40px;
	position: relative;
	left: -200px;
	margin: -80px 0 0 50%;
	height: 146px;
	width: 401px;
}
.text3{

	text-align: left;
	margin: 45px 0 0 50%;
	left: -580px;
	width: 1171px;
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 27px;
		letter-spacing: 0px;
		color: #333333;
		position: relative;
}
.silder01{
	left: -585px;
	margin: 54px 0 0 50%;
	position: relative;
	width: 1171px;
	height: 582px;
	overflow: hidden;
}
.btd ul{
	left: 450px;
	position: absolute;
	bottom: 24px;
	z-index: 2;
}
.btd ul li{
	    cursor: pointer;
	    float: left;
	  	width: 108px;
	  	height: 12px;
	  	background-color: #ffffff;
	  	opacity: 0.5;
}
.btd ul li.on{
	background-color: #000000;
		opacity: 0.5;
}
.btd ul li:hover{
	background-color: #000000;
		opacity: 0.5;
}
.bth ul li img{
	height: 100%;
	width: 100%;
}
.left{
	border-radius: 50%;
	background-image: url(images/prev02.png);
	margin-left: 41px;
	position: absolute;
	top: 250px;
	width: 65px;
	height: 65px;
}
.left:hover{
	background-color: #000000;
	opacity: 0.5;
}
.right:hover{
	background-color: #000000;
	opacity: 0.5;
}
.right{
	border-radius: 50%;
	background-image: url(images/next02.png);
	right: 41px;
	position: absolute;
	top: 250px;
	width: 65px;
	height: 65px;
}
.title2{
	top: 78px;
	position: relative;
	margin: 0 auto;
	height: 146px;
	width: 343px;
}
.text4{
	text-align: left;
	margin: 0 auto;
	top: 120px;
	width: 910px;
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 32px;
		letter-spacing: 0px;
		color: #333333;
		position: relative;
}
.banner03{
	top: 280px;
	width: 1003px;
		border: solid 2px #333333;
	margin: 0 auto;
	position: relative;
		height: 521px;
}
.img1{
	margin:-97px 0 0 47px;
	  width: 910px;
		height: 564px;
}
.bd4{
		width: 100%;
		height: 1080px;
		background-color: #333333;
}
.silder02{
	    overflow: hidden;
	    width: 1200px;
		height: 799px;
		top: 167px;
		margin: 0 auto;
		position: relative;
}
.btt ul li{
	height:900px;
	width: 1200px;
}
.btt ul li img{
	height: 100%;
	width: 100%;
}
.btd2 ul{
	z-index: 2;
	left: 450px;
	position: absolute;
	bottom: 24px;
}
.btd2 ul li{
	cursor: pointer;
	border-radius: 50%;
	float: left;
	margin-left: 28px;
	    width: 17px;
		height: 17px;
		background-color: #ffffff;
		opacity: 0.3;
}
.btd2 ul li:hover{
	opacity: 0.6;
}
.btd2 ul li.on{
	opacity: 0.6;
}
.left2{
	border-radius: 50%;
	background-color: #d4d4d4;
	opacity: 0.6;
	background-image: url(images/prev01.png);
	margin-left: 41px;
	position: absolute;
	top: 368px;
	width: 65px;
    height: 65px;
}
.left2:hover{
	background-color: #5a5a5a;
}
.right2:hover{
	background-color: #5a5a5a;
}
.right2{
	border-radius: 50%;
	background-color: #d4d4d4;
	opacity: 0.6;
	background-image: url(images/next01.png);
	right: 41px;
	position: absolute;
	top: 388px;
	width: 65px;
	height: 65px;
}
.text5{
	top: 120px;
	margin: 0 auto;
	text-align: left;
	width: 1200px;
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 32px;
		letter-spacing: 0px;
		color: #ffffff;
		position: relative;
}
.bd5{
	position: relative;
	height: 660px;
	width:100%;
}
.box-2{
	    background-color: #000000;
	    float: left;
		width: 438px;
		height: 311px;
		background-color: #333333;
}
.box-2 p{
	    margin-top: 37px;
		width: 300px;
		text-align: center;

		font-size: 19px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 32px;
		letter-spacing: 0px;
		color: #ffffff;
}
.box-3 p{
	width: 310px;
	margin-top: 37px;
	text-align: center;
		font-size: 19px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 32px;
		letter-spacing: 0px;
		color: #ffffff;
}
.text7{
	text-align: left;
	margin-top:17px;
	width: 280px;
	margin-left: 30px;
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #ffffff;
}
.img3{
	   width: 269px;
		height: 250px;
		background-color: #333333;
		float: right;
		margin-right: -132px;
		margin-top: -302px;
}
.img3 img{
	height: 100%;
	width: 100%;
}
.tag1{
		width: 141px;
		height: 46px;
		background-color: #aaaaaa;
		margin-top: 40px;
		text-align: center;
		margin-left: 30px;
			font-size: 16px;
			font-weight: normal;
			font-stretch: normal;
			line-height: 46px;
			letter-spacing: 0px;
			color: #ffffff;
			cursor: pointer;
}
.tag1:hover{
	background-color:#e74c3c;
	
}
.box-3{

	float:left;
	margin-left: 171px;
		width: 438px;
		height: 311px;
		background-color: #333333;
}
.ttr{
	left: -50px;
	position:relative;
	top: 200px;
	margin: 0 auto;
	height: 310px;
	width: 1050px;
}

.bd6{
	background-image: url(./images/title04.jpg);
	height: 276px;
	width: 100%;
}
.bd7{
	position: relative;
		width: 100%;
		height: 1098px;
		background-color: #333333;
}
.box-4{
	position: absolute;
	margin-left: 50%;
	left: -565px;
	top:134px;
	width: 1129px;
	height:35px;
}
.silder03{
	position: relative;
	width: 1200px;
	height: 554px;
	margin-left: -30px;
	margin-top: 136px;
	
}
.content{
	width: 1200px;
	height: 395px;
	overflow: hidden;
}
.content ul{
	width: 1200px;
	height: 395px;
}
.content ul li{
	margin: 0 5px 0 5px;
	float: left;
	/* margin-left:7px; */
	   width: 388px;
	   	height: 395px;
}
.img4{
	overflow: hidden;
	float: left;
	width: 388px;
	height: 395px;
	background-color: #eeeeee;
	margin-left: 7px;
}
.btd3 ul{
	margin-left: 540px;
	position: absolute;
	bottom: 50px;
}
.btd3 ul li{
	width: 27px;
	height: 26px;
	border: solid 4px #eeeeee;
	cursor: pointer;
	border-radius: 50%;
	background-color: #333333;
	float: left;
    margin-left: 14px;
	cursor: pointer;
}
.btd3 ul li:hover{
	background-color:#eeeeee;
}
.btd3 ul li.on{
	background-color: #eeeeee ;
}
.title5{
	    width: 1160px;
		text-align: left;
		font-size: 19px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 48px;
		letter-spacing: 0px;
		color: #ffffff;

}
.title4{
	position: relative;
	margin: 0 auto;
	width: 500px;
	text-align: center;
	font-size: 32px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	background-color: #333333;
	color: #ffffff;
}
.box-4 hr{
    position:relative;
    top:50%;
	width: 1129px;
	 height: 3px;
	 background-color: #ffffff;
}
.bd8{
	position: relative;
	height: 368px;
	width: 100%;
}
.footer{
	position: absolute;
	top: 108px;
	left: -600px;
	margin-left: 50%;
	width: 1200px;
	height: 152px;
}
.cehua{
	text-align: center;
	font-weight:600;
	float: left;
	width: 290px;

	font-size: 30px;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 1px;
	color: #333333;
}
.cehua span{
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #999999;
}
.editor{
	text-align: center;
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 36px;
		letter-spacing: 0px;
		color: #333333;
		float: left;
		margin-left: 76px;
}
.mianze{
	margin-top: 58px;
	width: 1194px;
	height: 90px;
	background-color: #ffffff;
	border: solid 1px #d3d3d3;
    box-shadow: 8px 8px 5px #d3d3d3;
}
.img2{
	width: 163px;
    height: 48px;
	float: left;
	margin: 15px 0 0 15px;
}
.text6{
	width: 891px;
		height: 43px;
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 20px;
		letter-spacing: 0px;
		float: right;
		margin: 18px 94px 0 0;
		color: #333333;
}