@charset "utf-8";
/* CSS Document */
 /* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */

/****menu*****************************************************************/
.bk_menu{
	background-color: #fff;
	width: 100%;
}
.menu {
	font-family: arial, sans-serif;
	Z-index: 99;
	width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 52px;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
float:left; 
position:relative;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 150px;
	height:50px;;
	line-height:50px;
	font-size: 18px;
	font-family: "微软雅黑";
} 

/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
	background: #f48d64;
	font-family: "微软雅黑";
	color:#fff;
}
.menu ul li a:hover{
	/* [disabled]color:#fc0; */
	}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:50px; 
left:0; 
width:150px;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block; 
background:#389bec; 
color:#fff;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
background:#e1f1ff; 
color:#fff;
}
/****menu*****************************************************************/
foot{text-align: center; border-top: 3px solid #096ebe; height: 300px; background-color: #e9e8e4; width:100%; background:url(/img/footbk.jpg);}
.foot_ewm{ width:100%; height:170px; }

.top{
	background: #fff no-repeat top center;
	background-color: #fff;
	background-repeat: no-repeat;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-top: solid 2px #dd3630;
	}
.topdiv{
	width: 1200px;
	height: 85px;
	margin: 2px auto;
}
#div_bk0 .top .topdiv .topl {
	float: left;
	height: 85px;
	width: 800px;
}
#div_bk0 .top .topdiv .topr {
	float: right;
	height: 85px;
	width: 325px;
}
#div_bk0 .topy {
	background-image: url(tops.jpg);
	height: 15px;
	width: 100%;
}
#div_bk0 .bk_menu .menu .searchdiv {
	float: right;
}
.div2{
	width:100%;
	}
.div2_bk{
	width: 1200px;
	margin: 15px auto 0 auto;
	}	
.div2 .gsjs #xx a{
	font-size:20px;
	color:#f00;
	}	
	
.div3{
	width:100%;
	}
.div3_bk{
	width: 1200px;
	margin: 15px auto 0 auto;
	}		
.div3 .list1{
	margin-top: 24px;
	margin-left: 50px;
}
.div3 .list1 li {
	margin-top:8px; float:left;
	font-size: 20px;
	color: #000;
	font-weight: normal;
	height:110px;
	width:350px;

	background:#FFF;
}
.div3 .list1 li a {
	color: #222;
	padding-left: 10px;

}
.div3 .list1 li span {
	color: #fff;

}
.div3 .list1 ul li:hover{ background:#e95412;}
.div3 .list1 ul li:hover a{ color:#FFF;}
.div3 .list1 ul li:hover h2{ color:#FFF;}
.div3 .list1 ul li:hover span{ color:#e95412;}
.div3 .list1 ul li:hover h3{ background:#fff;}
.div3 .ztmk{float:left; height:52px; width:255px;}
.div3 .ztmk a{float:left; height:52px; line-height:52px; font-weight:bold; font-size:14px;}
.div3 .ztmk h2{ font-size:14px; width:250px; height:58px; line-height:26px; padding-left:10px; color:#5d5b5c;}.list1 h4 {
	font-size: 14px;
	color: #fff;
	font-weight: normal;
	padding-bottom: 10px;
}
.div3 .list1 h4 a {
	font-size: 14px;
	color: #666666;
	padding-left: 10px;
	background: url(../img/heidian.jpg);
	background-repeat: no-repeat;
}
.div3 .list1 li {
	margin-bottom: 15px;
}
.div3 .list1 span {
	color: #fff;
	font-weight: normal;

	padding-right: 8px;
}
.div3 .list1 p { text-align:center;}



.main5_rightul{height: 420px;margin-top: 50px;}
.main5_rightli{height: 100px;width: 600px;float: left; margin-bottom: 50px;position: relative;}

.main5_rightli1{
	width: 100px;
	height: 100px;
	background-color: #ff4400;
	color: #FFFFFF;
	margin: 0;
	font-size: 14px;
	text-align: center;
	line-height: 5px;
	border-radius: 50px;
	float: left;
}
.main5_rightli1 span{font-size: 40px;line-height: 72px;}
.main5_rightli2{
	width: 436px;
	line-height: 24px;
	margin: 0 0 0 19px;
	overflow: hidden;
	float: left;
}
.main5_rightli2 h5{font-size: 20px;color: #333333;font-weight: normal;line-height: 38px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main5_rightli2 p{font-size: 14px;color: #333333;height: 50px;overflow: hidden;line-height: 25px;}
.main5_rightli a:hover .main5_rightli1{background-color: #ff4400;}
.main5_rightli a:hover h5{color: #ff4400;}
.main5_rightli a:hover p span{color: #ff4400;}
.block1{width: 5px;height: 4px;background: #d8d8d8;position: absolute;right: 23px;bottom: 37px;}
.line1{width: 1px;height: 36px;position: absolute; right: 25px;bottom: 2px;background: #d8d8d8;}
.line2{width: 268px;height: 1px;position: absolute;right: 25px;bottom: 2px;background: #d8d8d8;}
.block2 {width: 4px;height: 5px;background: #d8d8d8;position: absolute;right: 291px;bottom: 0px;}
.main5_rightli a:hover .block1{animation: block1 2.2s linear infinite;-webkit-animation: block1 2.2s linear infinite;background-color: #ff4400;}
.main5_rightli a:hover .line1{animation: line1 2.2s linear infinite;-webkit-animation: line1 2.2s linear infinite;background-color: #ff4400;}
.main5_rightli a:hover .line2{animation: line2 2.2s linear infinite;-webkit-animation: line2 2.2s linear infinite;background-color: #ff4400;}
.main5_rightli a:hover .block2{animation: block2 2.2s linear infinite;-webkit-animation: block2 2.2s linear infinite;background-color: #ff4400;}

@keyframes block1{
	0%{bottom: 37px;}
	33%{bottom: 95px;}
	66%{bottom: 0;}
	100%{bottom: 37px;}
}
@-webkit-keyframes block1{
	0%{bottom: 37px;}
	33%{bottom: 95px;}
	66%{bottom: 0;}
	100%{bottom: 37px;}
}

@keyframes line1{
	0%{height: 36px;}
	33%{height: 94px;}
	66%{height: 0;}
	100%{height: 36px;}
}
@-webkit-keyframes line1{
	0%{height: 36px;}
	33%{height: 94px;}
	66%{height: 0;}
	100%{height: 36px;}
}

@keyframes block2{
	0%{right: 291px;}
	33%{right: 23px;}
	66%{right: 376px;}
	100%{right: 291px;}
}
@-webkit-keyframes block2{
	0%{right: 291px;}
	33%{right: 23px;}
	66%{right: 376px;}
	100%{right: 291px;}
}

@keyframes line2{
	0%{width: 267px;}
	33%{width: 0;}
	66%{width: 352px;}
	100%{width: 267px;}
}
@-webkit-keyframes line2{
	0%{width: 267px;}
	33%{width: 0;}
	66%{width: 352px;}
	100%{width: 267px;}
}

.main6{width: 1224px;height: 580px;margin: 50px auto 66px;}

.main_title1{width: 1200px;height: auto;position: relative;margin: 0 auto;}
.main_title1>h3{font-size: 36px;color: #333333;text-align: center;padding-top: 35px;line-height: 1;font-weight: normal;}
.main_title1>span{width: 79px;height: 3px;display: block;border: 1px solid #ff4400;background-color: #ff4400;margin: 23px auto;}
.main_title1>p{text-align: center;font-size: 20px;color: #999999;margin-bottom: 30px;}
.main_title1 a{font-size: 12px;color: #666666;position: absolute;right: 0;top: 45px;}
.main_title1 a span{width: 10px;height: 10px;display: inline-block;border: 1px solid #ff4400;background-color: #ff4400;border-radius: 5px;color: #FFFFFF;vertical-align: inherit;font-size: 12px;text-align: center;line-height: 9px;font-style: normal;margin-left: 2px;}
.main_title1 a:hover{color: #ff4400;}