html, body, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	font-size: 12px;
	font-family: '微软雅黑', Arial;
}
ul, ol, li {
	list-style-type: none;
}
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #0093ff;
	text-decoration: none;
}
a:active {
	color: #0093ff;
	text-decoration: none;
}

/*header*/
.clear:after{
    clear: both;
    content: "";
    display: table;
}

header
{
	height:550px;
	overflow:hidden;
	position:relative;
}
.wrap
{
	width:1200px;
	margin:0 auto;
	
}
.top
{
	
	clear:both;
	z-index:100;
	background: rgba(255,255,255,0.5);
	
	position:relative;
}
.logo
{
	float:left;
	width:120px;
	height:120px;
}
nav
{
	position: absolute;
    top: 40px;
    right: 70px;
	  
	  
}
nav ul
{
	float: left;
	margin: 0 10px;
    padding: 0 10px;
    border-radius:20px;
	transition:0.3s linear all;
	 height:30px;
    overflow: hidden;
	text-align:center;
}

nav li:nth-child(2)
{
	font-size: 13px;
    line-height: 30px;
	margin-top:10px;
   
}
nav li
{
	font-size: 13px;
    line-height: 30px;
	margin-bottom:10px;
   
}
nav li:first-child
{
	font-size: 14px!important;
    line-height: 30px!important;
	margin-top:0px!important;
	margin-bottom:0px!important;
}


nav ul:hover
{
	height:100%;
	background:#cae1ff;
}
.language
{
	position:absolute;
	top:5px;
	right:30px;
	font-size:12px;
}
.language span
{
	margin:0 10px;
}
.ww
{
	position:absolute;
	top:40px;
	right:0;
	float: left;
}
.ww img
{
	margin:0 4px;
	margin-right:0;
}
.banner
{
	position:absolute;
	top:0;
	height: 550px;
    width: 100%;
}
.banner img
{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	opacity:0;
	transition:1.5s linear all;
}

.banner_on
{
	opacity:1!important;
}
.banner div
{
	position: absolute;
    width: 100%;
    top: 90%;
}
.banner ul
{
	margin: 0 auto;
	display:table;
	clear:both;
}
.banner li
{
	height: 5px;
    width: 80px;
    background: white;
    opacity:0.5;
    margin: 8px;
	cursor:pointer;
    float: left;
	transition:0.5s linear all;
}
.img_on
{
	background:red!important;
}

/*section2*/
.section2
{
	overflow:hidden;
	background:#f5f5f5;
	position:relative;
}
.section2 ul
{
	
	margin:40px 0;
	position:relative;
	transition:0.5s linear all;
}


.section2_left
{
	height: 60px;
    width: 40px;
    color: white;
    background: #7A7A7A;
    font-size: 40px;
    font-weight: bold;
    font-family: none;
    text-align: center;
	cursor:pointer;
    line-height: 60px;
	position:absolute;
	left:18%;
	top:40%;
	opacity:0;
	z-index:10;
}
.section2_right
{
	height: 60px;
    width: 40px;
    color: white;
    background: #7A7A7A;
    font-size: 40px;
    font-weight: bold;
    font-family: none;
    text-align: center;
	cursor:pointer;
    line-height: 60px;
	position:absolute;
	right:18%;
	top:40%;
	opacity:0;
	z-index:10;
}
.section2 li
{
	float: left;
    width: 275px;
    margin: 10px 12px;
	background:white;
	text-align:center;
	opacity:0.7;
	transition:0.5s linear all;
	
}
.section2 li:hover
{
	opacity:1.0;
	transform:scale(1.1,1.1);
	
}
.section2 a
{
	
    text-decoration:none;
  
    color: black;

}

.section2 li h1
{
	font-size: 16px;
    font-weight: normal;
    margin: 20px;
}

.section2 li p
{
	font-size: 12px;
    line-height: 22px;
    margin: 25px;
	height:45px;
	overflow:hidden;
	color:#4D4D4D;
}

/*xzdz*/
.xzdz
{
	background-color:#43a143;
	
}
.xzdz ul
{
	background-image:url(../images/cpys_bg.png);
	background-repeat: no-repeat;
	height:660px;
	width:1440px;
	margin:0 auto;
	color:white;
	font-size:18px;
	font-weight:bold;
	position:relative;
}

.xzdz_title
{
	position:absolute;
	left:42%;
	top:8%;
	text-align:center;
}
.xzdz_title div
{
	height: 3px;
    width: 60px;
    background: white;
    margin: 10px auto;
	
} 
.xzdz_title span
{
	font-size:14px;
	font-weight:normal;
	
} 
.xzdz_01
{
	position: absolute;
    top: 31%;
    left: 19%;
}
.xzdz_02
{
	position: absolute;
    top: 31%;
	right:17%;
}
.xzdz_03
{
	position: absolute;
    top: 57%;
    left: 15%;
}
.xzdz_04
{
	position: absolute;
    top: 57%;
    right: 13%;
}
.xzdz_05
{
	position: absolute;
    top: 84%;
    left: 19%;
}
.xzdz_06
{
	position: absolute;
    top: 84%;
    right: 17%;
}

/*about*/
.about
{
	background:#f5f5f5;
}
.about_title
{
	
	padding: 30px 0;
	position:relative;
	text-align:center;
}
.word
{
	position: absolute;
    top: 16%;
    left: 580px;
    color: white;
    font-size: 28px;
    font-weight: bold;
	width:40px;
	height:40px;
	
}
.about_text
{
	position:absolute;
	top: 40%;
    left: 450px;
}
.about_text p
{
	color: green;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
}

.about_content
{
	
	padding-bottom:30px;
}
.about_left
{
	background:white;
	width:63%;
	height:350px;
	float:left;
	border-radius:20px;
}
.about_content p
{
	margin: 15px 30px;
    font-size: 17px;
    text-align: center;
   
    box-shadow: 0px 1px 10px black;
    border-radius: 20px;
}
.about_left img
{
	
    transition:0.5s linear all;
}
.about_left img:hover
{
	transform:scale(1.1);
	
}
.about_left_p
{
	margin-right: 31px;
    font-size: 14px;
    float: right;
    width: 51%;
    line-height: 30px;
    height: 276px;
	overflow:hidden;
}

.about_right
{
	background:white;
	width:33%;
	float:right;
	height:350px;
	overflow:hidden;
	position:relative;
	border-radius:20px;
}
.ab_left
{
	height: 60px;
    width: 40px;
    color: white;
    background: #7A7A7A;
    font-size: 40px;
    font-weight: bold;
    font-family: none;
    text-align: center;
	cursor:pointer;
    line-height: 60px;
	position:absolute;
	left:10%;
	top:40%;
	transition:0.5s linear all;
	z-index:10;
}
.ab_left:hover
{
	background:#87ceff;
}
.ab_right:hover
{
	background:#87ceff;
}
.ab_right
{
	height: 60px;
    width: 40px;
    color: white;
    background: #7A7A7A;
    font-size: 40px;
    font-weight: bold;
    font-family: none;
    text-align: center;
	cursor:pointer;
    line-height: 60px;
	position:absolute;
	right:10%;
	top:40%;
	transition:0.3s linear all;
}
.left_menu
{
	
	height:81px;
	width:42px;
	position:absolute;
	left:40px;
	top:40%;
}
.right_menu
{
	
	height:81px;
	width:42px;
	position:absolute;
	right:40px;
	top:40%;
}

.about_pic
{
	overflow: hidden;
    width: 180px;
   
    margin: 0 auto;
}
.about_pic ul
{

    height: 280px;
    position: relative;
    transition: 0.3s linear all;
}
.about_pic img
{
	width: 180px;
    height: 276px;
}
/*banner2*/
.banner2
{
	overflow:hidden;
	background:#62bbe3;
}

.banner2 ul
{
	background-image:url(../images/hzhb_bg.png);
	height:498px;
	width:1440px;
	margin:0 auto;
	color:white;
	position:relative;
}
.banner2 li
{
	position:absolute;
	top: 80px;
    left: 180px;
	
}

/*show*/

.show
{
	background:#f5f5f5;
	overflow:hidden;
	padding-bottom:30px;
	position: relative;
}

.show_left
{
	position: absolute;
    z-index: 10;
    left: 16%;
    top: 58%;
    cursor:pointer;
	transition:0.1s linear all;
}
.show_right
{
	position: absolute;
    z-index: 10;
    right: 16%;
    top: 58%;
    cursor:pointer;
	transition:0.1s linear all;
}
.show_left:active
{
	transform:scale(0.9,0.9);
}
.show_right:active
{
	transform:scale(0.9,0.9);
}
.sum
{
	width: 1200px;
	height: 224px;
}
.show ul
{
	position: relative;
	left: 0;
	height: 248px;
}
.show li
{
	width:276px;
	height:224px;
	margin:6px;
	padding:6px;
	background:white;
	text-align:center;
	overflow:hidden;
	transition:0.5s linear all;
	float:left;
	position:relative;
}

.show_p
{
	width:0px; 
	height:0px; 
	border-radius:20px;
	background:red;
	text-align: center;
    line-height: 25px; 
    font-size: 0px;  
	position: absolute;
    top: 40%;
    left: 0;
	opacity:0;
	color:white;
	overflow:hidden;
	z-index: 10;
}
.show_div
{
	width:276px;
	height: 224px;
	position: absolute;
	left: 0px;
	top: 224px;
	background: #262323;
	opacity: 0.5
}
.gg
{
	overflow: hidden;
	width: 276px;
	height: 224px;
	position: absolute;
	top: 6px;
	left: 6px;
}
.show_on
{
	animation:show_on 0.5s linear forwards; 
}
.show_off
{
	animation:show_off 0.5s linear forwards; 
}
@keyframes show_on
{
	0% { width:0px; height:0px; line-height:0px; font-size:0px; left:0%; background:red;	}
	
	20%{ width:20px; height:8px; line-height:8px; font-size:0px; left:7%; background:blue;	}

	40%{ width:40px; height:16px; line-height:16px; font-size:0px;	left:14%; background:purple;	}
	
	60%{ width:60px; height:24px; line-height:24px; font-size:0px;	left:21%; background:gold;	}
	
	80%{ width:80px; height:32px; line-height:32px;  font-size:12px;	left:28%; background:white;	}
	
	100%{ width:100px; height:40px; line-height:40px; font-size:14px; opacity:0.7;	left:32%; background:green;	}
}
@keyframes show_off
{
	0% { width:100px; height:40px; line-height:40px; font-size:14px; opacity:1;	 left:32%;  background:red;	}
	
	20%{ width:80px; height:32px; line-height:32px; font-size:12px; left:28%;  background:blue;	}
	
	40%{ width:60px; height:24px; line-height:24px; font-size:0px;	left:21%;  background:purple;	}

	60%{ width:40px; height:16px; line-height:16px; font-size:0px;	left:14%;  background:gold;	}
	
	80%{ width:20px; height:8px; line-height:8px; font-size:0px;	left:7%;  background:white;	}

	100%{ width:0px; height:0px; line-height:0px; font-size:0px; 	left:0%; background:green;	}
}
.show li img
{
	width:100%;
	height:100%;
}


.show li:hover
{
	background:green;
	color:white;
}

/*news*/
.news
{
	
	overflow:hidden;
	padding-bottom:30px;
}

.news_but
{
	width: 310px;
	margin:0 auto;
	
}

.news_but div
{
	
    background: white;
    color: green;
    border: 1px solid green;
    height: 35px;
    width: 100px;
    line-height: 35px;
    text-align: center;
	float:left;
	margin:0 25px;
	transition:0.3s linear all;
	cursor:pointer;
}

.news_on
{
	background:green!important;
	color:white!important;
}

.news ul
{
	margin: 40px 0;
    position: relative;
}

.news li
{
	float:left;
	width:264px;
	margin:7px;

	padding:10px;
	border:1px solid #ccc;
	transition:0.3s linear all;
}
.news li:hover
{
	border:1px solid green;
}
.news li img
{
	width:100%;
}
.news li p
{
	font-size:15px;
	margin: 5px 0;
}
.news li div
{
	height:70px;
	overflow:hidden;
	margin: 5px 0;
	color:#7A7A7A;
	line-height:22px;
}
.news li a
{
	color:green;
}


/*footer*/
footer
{
	background:#454545;
	clear:both;
	overflow:hidden;
	height:260px;

}
.foot
{
	
}
.foot ul
{
	float:left;
	text-align:center;
	width:11%;
}
.foot li
{
	margin:20px 10px;
	color:#969696;
	cursor:pointer;
}
.foot li:first-child
{
	color:white;
	margin:25px 10px;
}
.contact
{
	width: 29%;
    float: right;
    color: #969696;
    margin: 20px 0px;
}
.contact div
{
	margin-bottom: 15px;
	text-align: left;
}

.statement
{
	background:#3D3D3D;
	color: #969696;
	text-align:center;
	font-size:13px;
	overflow:hidden;
}
.statement p
{
	margin:10px;
}