@charset "gb2312";
*{ margin:0; padding:0;}
body{ font-size:12px;text-decoration:none; color:#060E23; font-family:"΢ÈíÑźÚ", "ËÎÌå";}
li{list-style:none;}
.fl{float:left;}
.fr{ float:right;}
a{text-decoration:none; color:#060E23;}
img{border:0; vertical-align:top;}
.clear{ clear:both;}
.jg{margin-top:10px;}

.hd-wd2{
        width: 100%;
        height: 118px;
        background: url(http://www.hnxdf.com/images/xqcs.gif) no-repeat center;
        background-size: cover;
        animation:showdown 1s ease-in-out;
        -webkit-animation: showdown 1s ease-in-out;
        transition:margin-top 0.5s;
        -webkit-transition:margin-top 0.5s;
        position: relative;
        top: 0; 
        z-index: 1000;
    }

#dingbu{
	position:fixed;
	bottom:100px;
	right:0px;
	width: 30px;
	height: 100px;
	cursor:pointer;
	color:black;
}
#dingbu a:link{
	text-decoration:none;
}
#head{
	height: 594px;
	background: rgb(40,87,155);
	min-width: 1300px;
	overflow:hidden;
	margin-top:-3px;
}
#head div{
	/* width:1200px; */
	margin: 0 auto;
	
}

#bodyone{
	height: 126px;
	background: green;
	min-width: 1300px;
	background: rgb(212,212,212);
}
#bodyone ul{
	margin:0 auto;
	width: 1200px;
	height: 126px;
	background: url(../img/menu.jpg) no-repeat 0 0;
	font-size:18px;
	overflow:hidden;
}
#bodyone div ul li{
	float:left;
	height: 126px;
	line-height:176px;
}
#bodyone div ul .li{
	width: 220px;
	height: 126px;
	text-align:center;
}
#bodyone div ul .li1{
	width: 160px;
	text-align:left;
	text-indent:10px;
}
#bodyone div ul .lii{
	width: 160px;
	text-align:right;
}

#bodyone div ul li a:link{
	text-decoration:none;
	color:black;
}
#bodyone div ul li a:visited{
	color:black;
}
#bodyone div ul li a:hover{
	color:red;
}
#bodyone div ul li a:active{
	color:black;
}




#bodytwo{
	height: 855px;
	width: 100%;
	min-width:1300px;
}
#bodytwo .one{
	width: 1200px;
	height: 855px;
	margin:0 auto;

}
#bodytwo .one .three{
	width: 320px;
	height: 70px;
	font-size:40px;
	margin:0 auto;
	margin-top:60px;
	font-weight:bold;
	letter-spacing:2px;
	color:#5a5b5c;
	line-height:35px;
}
#bodytwo .three span{
	font-size:12px;
	font-weight:normal;
	letter-spacing:22px;
	margin-left:10px;
}
#bodytwo .p3{
	width: 1200px;
	height: 615px;
	margin-top:60px;

}
#bodytwo .p3 .img1{
	float:left;
	margin-top:20px;
}
#bodytwo .p3 .img2{
	float: right;
}
#bodytwo .p3 .img3{
	float: right;
	margin-top:10px;
}
#bodytwo .l1{
	width: 140px;
	height: 140px;
	background: #df393a;
	border-radius:50%;
	float:left;
	margin-left:145px;
	margin-top: 30px;
	cursor:pointer;
}
#bodytwo .l1 img{
	margin-left:35px;
}
#bodytwo .l2 img{
	margin-left:35px;
}
#bodytwo p{
	margin-top:25px;
	font-size:24px;
	color:white;
	text-align:center;
}

#bodytwo .l2{
	height: 140px;
	width: 140px;
	cursor:pointer;
	background: #df393a;
	border-radius:50%;
	float:left;
	margin-left:45px;
	margin-top: 30px;
}


#bodythree{
	height: 660px;
	background: rgb(40,84,155);
	min-width: 1300px;
}
#bodythree .one{
	width: 1200px;
	height: 660px;
	margin:0 auto;
}
#bodythree .one .oneone{
	width: 260px;
	height: 70px;
	margin: 0 auto;
	text-align:center;
	padding-top:30px;
	font-size:40px;
	color:white;
	line-height:35px;
}
#bodythree .one .oneone span{
	letter-spacing:24px;
	font-size:12px;
	font-weight:normal;
	padding-left:15px;
}
#bodythree .one .onetwo{
	width: 50px;
	height: 50px;
	background:white;
	border-radius:50%;
	font-size:40px;
	text-align:center;
	line-height:50px;
	color:#28549B;
	font-weight:bold;
	float:left;
	margin-right:10px;
}
#bodythree .one p{
	color:#f2e018;
	font-size:24px;
	float:left;
	margin-top:10px;
	margin-right:10px;
}
#bodythree .one .p2{
	font-size:12px;
	margin-top:16px;
}
#bodythree .one .zhong{
	width: 1200px;
	height: 390px;
	clear:left;
}
#bodythree .one .zhong .left{
	clear:left;
	height: 390px;
	width: 586px;
	margin-top:20px;
	float:left;
}
#bodythree .one .zhong .left .onethree{
	width: 586px;
	font-size:18px;
	color:white;
	height: 120px;
	line-height:28px;
}
#bodythree .one .zhong .left .onefour{
	margin-top:15px;
	width: 580px;
}
#bodythree .one .onefive{
	float:left;
}
#bodythree .one .onesix{
	padding-top:25px;
	text-align:center;
	width: 550px;
	clear:both;
	margin:0 auto;

}
#bodythree .one .onesix div{
	width: 160px;
	height: 45px;
	float:left;
	line-height:45px;
	margin-right:70px;
	border-radius:30px;
	background: rgb(40,87,155);
	border:1px solid white;
	font-size:22px;
	color:white;
	cursor:pointer;
}
#bodythree .one .onesix div:hover{
	color:white;
	background:#df393a;
}

#bodyfour{
	width: 100%;
	height: 1130px;
	min-width:1300px;
}
#bodyfour .one{
	height: 1130px;
	width: 1200px;
	margin: 0 auto;
}
#bodyfour .one .xian{
	width: 1100px;
	height: 70px;
	margin:0 auto;
	margin-top:40px;
}
#bodyfour .one .onezero{
	width: 404px;
	height: 29px;
	color:#c2c0c0;
	float:left;
	margin-top:15px;
	background: url(../img/xian.jpg) no-repeat 0 0;
}

#bodyfour .one .oneone{
	margin-left:20px;
	width: 270px;
	font-size:40px;
	font-weight:bold;
	color:rgb(90,91,92);
	float:left;
}
#bodyfour .one .xian .oneone p{
	font-weight:normal;
	font-size:12px;
	letter-spacing:38px;
	margin-left:2px;
}
#bodyfour .one .xian .onetwo{
	width: 404px;
	height: 29px;
	float:left;
	margin-top:15px;
	background: red;
	background:url(../img/xian.jpg) no-repeat 0 0;
}
#bodyfour .one .onethree{
	margin:0 auto;
	width: 425px;
	font-size:24px;
	color:#868687;
	clear:left;
}
#bodyfour .one .shang{
	width: 1200px;
	height: 380px;
	margin-top:50px;
}
#bodyfour .one .shang .img{
	float:left;
	width: 639px;
	height: 380px;
	margin-right:41px;
}
#bodyfour .one .shang .oo{
	width: 510px;
	height: 380px;
	line-height:28px;
	float:left;
}
#bodyfour .one .shang .oo h3{
	text-align:center;
	font-size:24px;
	color:#df393a;
}
#bodyfour .one .shang .oo p{
	margin-top:20px;
	font-size:16px;
	color:#2d2d2d;
	width: 510px;
	line-height:28px;
}

#bodyfour .one .shang .blue{
	width: 185px;
	height: 40px;
	margin:0 auto;
	margin-top:30px;
	background: rgb(223,57,58);
	border:1px solid red;
	color:white;
	font-size:22px;
	cursor:pointer;
	text-align:center;
	line-height:40px;
}
#bodyfour .one .shang .blue:hover{
	color:white;
	background:#28579b;
	border:1px solid #28579b;
}
#bodyfour .one .onefour{
	width: 1200px;
	height: 500px;
	clear:left;
	margin-top:45px;
	overflow:hidden;
}
#bodyfour .one .onefour .ssix{
	width: 1300px;
	height: 485px;
}
#bodyfour .one .ssix .onefive{
	width: 375px;
	height: 465px;
	margin-top:60px;
	color:white;
	float:left;
	margin-right:43.75px;

}
#bodyfour .one .onefive .one{
	height: 365px;
	width: 376px;
	background: rgb(223,57,58);
}
#bodyfour .one .onefive .one div{
	height: 100px;
	line-height:35px;
}
#bodyfour .one .onefive .one .p1{
	font-size:30px;
	float:left;
	margin-left:15px;
}
#bodyfour .one .onefive .one span{
	font-size:10px;
	position:absolute;
	margin-top:10px;
	margin-left:5px;
	float:left;
}
#bodyfour .one .onefive .one .p2{
	font-size:18px;
	clear:left;
	margin-left:15px;
}
#bodyfour .one .onefive .two{
	height: 41px;
	width: 180px;
	margin:0 auto;
	font-size:22px;
	color:white;
	background: rgb(223,57,58);
	border-radius:30px;
	cursor:pointer;
	border:1px solid red;
	text-align:center;
	line-height:41px;
	margin-top:20px;
}
#bodyfour .one .onefive .two:hover{
	color:white;
	background:#28579b;
	border:1px solid #28579b;
}



#bodyfive{
	height: 660px;
	background: rgb(40,87,155);
	width: 100%;
	min-width:1300px;
}
#bodyfive .one{
	width: 1200px;
	height: 660px;
	margin:0 auto;
	padding-top:30px;
}
#bodyfive .one .img2{
	width: 480px;
	height: 110px;
	margin:0 auto;
	text-align:center;
	color:white;
}
#bodyfive .one .img2 p{
	width: 300px;
	height: 110px;
	float:left;
	line-height:110px;
	font-size:40px;
}
#bodyfive .one .img2 .img3{
	width: 90px;
	height: 100px;
	float:left;

}
#bodyfive .one .img2 .img4{
	width: 90px;
	height: 100px;
	float:left;
}

#bodyfive .one .img2 hr{
	width: 350px;
	color:white;
	clear:left;
	margin: 0 auto;
}
#bodyfive .one .oneone{
	width: 1200px;
	height: 410px;
	margin-top:75px;
	background: white;
}
#bodyfive .one .oneone .two{
	width: 370px;
	height: 410px;
	background: #01BAE6;
	float:left;
}
#bodyfive .one .oneone .two{
	height: 410px;
	width: 370px;
	background: #01BAE6;
}
#bodyfive .one .oneone .two ul li{
	cursor:pointer;
	text-align:center;
	width:370px;
	height: 136.5px;
	line-height:136.5px;
	font-size:24px;
	color:white;
}
#bodyfive .one .oneone .two ul li div{
	float:left;
	font-weight:bold;
	font-size:30px;
	width: 100px;
	height: 102.5px;
}
#bodyfive .one .oneone .two ul li div .heng{
	margin-left: 3px;
	margin-top:-75px;
	color:yellow;

}
#bodyfive .one .oneone .two ul .twoone{
	background: white;
	color:rgb(44,107,233);
}

/*#bodyfive .one .oneone .two ul li span:nth-of-type(2){
	font-weight:normal;
	font-size:24px;
}
#bodyfive .one .oneone .two ul li span:nth-of-type(1){
	color:rgb(44,107,233);
}

#bodyfive .one .oneone p{
	font-size:24px;
	font-weight:normal;
}*/
#bodyfive .one .oneone .right{
	float:left;
	width: 830px;
	height: 410px;
}
#bodyfive .one .oneone .right li{
	display:none;
}
#bodyfive .one .oneone .right img{
	width: 745px;
	height: 295px;
}
#bodyfive .one .oneone .right .active{
	display:block;
	width: 745px;
	height: 295px;
	margin-left:40px;
	margin-top:40px;
}
#bodyfive .one .oneone .right .active div{
	width: 35px;
	height: 35px;
	background: #2c6bdf;
	border-radius:50%;
	text-align:center;
	line-height:35px;
	font-size:24px;
	color:white;
	float:left;
	margin-top:20px;
}
#bodyfive .one .oneone .right .active p{
	width: 200px;
	height: 35px;
	margin-top:20px;
	margin-left:50px;
	font-weight:normal;
	font-size:24px;
	color:#2c6bdf;
	line-height:35px;
}
/*#bodyfive .one .oneone .right .ne{
	width: 300px;
	height: 70px;
	margin-left:40px;
	line-height:75px;
	position:relative;
	background:red;
	font-size:18px;
}
#bodyfive .one .oneone .right h4{
	font-size:24px;
	color:#2c6bdf;
	cursor:pointer;
	float:left;
	margin-left:50px;
	font-weight:normal;
}*/


#bodysix{
	width: 100%;
	/* height: 2050px; */
	min-width:1300px;
}
#bodysix .six{
	width: 1200px;
	/* height: 2050px; */
	margin:0 auto;
}
#bodysix .six .oneone{
	width: 520px;
	height: 90px;
	margin: 0 auto;
	margin-top:70px;
	font-size:40px;
	color:black;
	font-weight:bold;
	color:#5a5b5c;
	text-align:center;
}
#bodysix .six .oneone p{
	letter-spacing:29.5px;
	font-size:12px;
	font-weight:normal;
}
#bodysix .seven{
	height: 110px;
	width: 1200px;
}
#bodysix .seven .bg1{
	background:url(../img/17.jpg) no-repeat 0 0;
	width: 107px;
	height: 55px;
	float:left;
}
#bodysix .seven .bg1 p{
	padding-top:20px;
	font-size:20px;
	color:#ffff00;
	font-weight:bold;
	text-indent:15px;
}

#bodysix .seven .sevenone{
	float:left;
	margin-top:20px;
	font-size:18px;
	width: 1093px;
	height: 56px;
	line-height:28px;
}
#bodysix .seven .sevenone span{
	color:red;
	font-weight:bold;
}
#bodysix .seven .sevenone p{
	text-align:center;
}
#bodysix .eight{
	height: 345px;
	width: 980px;
	clear:left;
	margin:0 auto;
}
#bodysix .eight div{
	width: 306px;
	float:left;
	background: #df393a;
	height: 345px;
	font-size:16px;
	margin-left:20px;
}
#bodysix .eight .div1{
	margin-left:0px;
}

#bodysix .eight div p{
	text-align:center;
	padding-top:10px;
	color:white;
}
#bodysix .nine{
	height: 625px;
	width: 1200px;
	clear:left;
}
#bodysix .nine .one{
	margin-top:55px;
	width: 1200px;
	height: 110px;
}
#bodysix .nine .one .bg2{
	background:url(../img/17.jpg) no-repeat 0 0;
	width: 107px;
	height: 55px;
	float:left;
}
#bodysix .nine .one .bg2 p{
	padding-top:20px;
	font-size:20px;
	color:#ffff00;
	font-weight:bold;
	text-indent:15px;
}
#bodysix .nine .one .two{
	float:left;
	margin-top:20px;
	font-size:18px;
	width: 1093px;
	line-height:28px;
}
#bodysix .nine .one .two span{
	color:red;
	font-weight:bold;
}
#bodysix .nine .one .two p{
	text-align:center;

}
#bodysix .nine .one .three{
	clear:left;
}
#bodysix .nine .dd{
	height: 41px;
	width: 185px;
	margin-top:40px;
	border-radius:30px;
	margin-left:340px;
	border:1px solid #df393a;
	background: #df393a;
	font-size:22px;
	text-align:center;
	line-height:41px;
	color:white;
	cursor:pointer;
	float:left;
}
#bodysix .nine .ds{
	height: 41px;
	line-height:41px;
	width: 185px;
	margin-top:40px;
	border-radius:30px;
	margin-left:150px;
	border:1px solid #df393a;
	background: #df393a;
	font-size:22px;
	text-align:center;
	color:white;
	cursor:pointer;
	float:left;
}
#bodysix .nine .dd:hover{
	color:white;
	background:#28579b;
	border:1px solid #28579b;
}
#bodysix .nine .ds:hover{
	color:white;
	background:#28579b;
	border:1px solid #28579b;
}

/*#bodysix .nine button:nth-of-type(2){
	margin-right:0px;
	margin-right:0px;
}*/
#bodysix .ten{
	width: 1200px;
	height: 700px;
	margin-top:30px;
	clear:both;
}
#bodysix .ten .one .bg3{
	background:url(../img/17.jpg) no-repeat 0 0;
	width: 107px;
	height: 55px;
	float:left;
}
#bodysix .ten .one .bg3 p{
	padding-top:20px;
	font-size:20px;
	color:#ffff00;
	font-weight:bold;
	text-indent:15px;
}
#bodysix .ten .one .three{
	float:left;
	font-size:18px;
	width: 1093px;
	margin-top:20px;
	line-height:28px;
	height: 85px;
}
#bodysix .ten .one .three span{
	color:red;
}
#bodysix .ten .one .three p{
	text-align:center;
}
#bodysix .ten .four{
	clear:both;
	width: 1200px;
	height: 478px;
}
#bodysix .ten .four div{
	font-size:18px;
	color:white;
	font-weight:bold;
	float:left;
	height: 478px;
}
#bodysix .ten .four .div1{
	background: url(../img/24.jpg) no-repeat 0 0;
	width: 315px;
}
#bodysix .ten .four .div1 p{
	margin-top:440px;
	text-align:center;
}
#bodysix .ten .four .div2{
	background: url(../img/25.jpg) no-repeat 0 0;
	width: 315px;
}
#bodysix .ten .four .div2 p{
	margin-top:440px;
	text-align:center;
}
#bodysix .ten .four .div3{
	width: 280px;
	height: 478px;
	margin-left:2px;
}
#bodysix .ten .four .div3 .m1{
	background: url(../img/26.jpg) no-repeat 0 0;
	margin-left:3px;
	width: 280px;
}
#bodysix .ten .four .div3 .m1 p{
	text-align:center;
	margin-top:205px;
	font-weight:normal;
}
#bodysix .ten .four .div3 .m2{
	background: url(../img/27.jpg) no-repeat 0 0;
	margin-top:-240px;
	width: 280px;
	margin-left:2px;
}
#bodysix .ten .four .div3 .m2 p{
	text-align:center;
	margin-top:205px;
	font-weight:normal;
}
#bodysix .ten .four .div4{
	width: 280px;
	height: 478px;
	margin-left:3px;
}
#bodysix .ten .four .div4 .m3{
	background: url(../img/28.jpg) no-repeat 0 0;
	margin-left:3px;
	width: 280px;
}
#bodysix .ten .four .div4 .m3 p{
	margin-top:205px;
	text-align:center;
	font-weight:normal;
	margin-left:1px;
}
#bodysix .ten .four .div4 .m4{
	background: url(../img/29.jpg) no-repeat 0 0;
	margin-top:-240px;
	width: 280px;
	margin-left:3px;
}
#bodysix .ten .four .div4 .m4 p{
	margin-top:205px;
	text-align:center;
	font-weight:normal;
}
#bodysix .ten .four div a{
	text-decoration:none;
	color:white;
}
#bodysix .ten .four div a:hover{
	color:red;
}
#bodysix .ten .bt{
	width: 600px;
	height: 41px;
	margin:0 auto;
	clear:left;
	margin-top:45px;
}
#bodysix .ten .bt div{
	height: 41px;
	width: 185px;
	border-radius:30px;
	border:1px solid #df393a;
	background: #df393a;
	font-size:22px;
	color:white;
	cursor:pointer;
	float:left;
	margin-left:70px;
	text-align:center;
	line-height:41px;
}
#bodysix .ten .bt div:hover{
	color:white;
	background:#28579b;
	border:1px solid #28579b;
}

#bodyseven{
	width: 100%;
	min-width: 1300px;
	background: #28579b;
	height: 665px;
}
#bodyseven .sevenone{
	width: 1200px;
	height: 665px;
	margin:0 auto;
	overflow:hidden;
}
#bodyseven .sevenone .two{
	width: 691px;
	height: 70px;
	margin:0 auto;
	margin-top:25px;
}
#bodyseven .sevenone .two .img1{
	float:left;
}
#bodyseven .sevenone .two .img2{
	float:right;
}
#bodyseven .sevenone .two p{
	color:white;
	font-size:40px;
	font-weight:bold;
	text-align:center;
	float:left;
	width: 570px;
	margin: 0 auto;
	text-align:center;
	line-height:50px;
}
#bodyseven .sevenone .two hr{
	clear:both;
	width: 605px;
	color:white;
	margin:0 auto;
}
#bodyseven .sevenone .one{
	margin-top:35px;
	width: 1300px;
	height: 365px;
}
#bodyseven .sevenone .one .xx{
	float:left;
	margin-right:20px;
	width: 285px;
	height: 365px;
	background:#df393b;
	border-radius:25px;
}
/*#bodyseven .sevenone .one .xx img{
	width: 285px;
	height: 267px;
}*/
#bodyseven .sevenone .one .xx .pp{
	width: 265px;
	height: 95px;
	margin:0 auto;
	padding:5px;
}
#bodyseven .sevenone .one .pp h3{
	width: 250px;
	height: 30px;
	font-size:24px;
	color:white;
}
#bodyseven .sevenone .one .pp {
	margin: 0 auto;
	font-size:18px;
	color:white;
	line-height:28px;
}
#bodyseven .sevenone .bb{
	height: 41px;
	width: 600px;
	clear:left;
	margin: 0 auto;
	margin-top:50px;
}
#bodyseven .sevenone .bb div{
	height: 41px;
	width: 185px;
	border-radius:30px;
	margin-left:70px;
	background: white;
	font-size:22px;
	color:#df393a;
	cursor:pointer;
	line-height:41px;
	text-align:center;
	float:left;
	
}

#bodyseven .sevenone .bb div:hover{
	background:#df393a;
	
	color:white;
}



#bodyeight{
	width: 100%;
	height: 205px;
	min-width:1300px;
}
#bodyeight .one{
	width: 1200px;
	height: 205px;
}