@charset "utf-8";
/* CSS Document */
/*初始化！*/
*{padding: 0;margin: 0;border: 0;}
/**/

/*头部样式！*/




.guding{position: fixed;/*固定窗口*/
		right: 0px;
		height: 40px;
		width: 40px;
		top:197px;}
.guding_img{width: 40px;}

.youshangjiao{
		padding-top: 17px;
		text-align: center;
		border: 2px solid #A8A8A8;
		background-color: rgba(0,70,166,0.5);
		position: fixed;/*固定窗口*/
		right: 15px;
		height: 50px;
		width: 200px;
		z-index: 1000;/*浮动优先上升*/
		border-radius:24px;/*圆角边数！*/
		top:20px;}

.youshangjiao a{
	border-radius:15px;/*圆角边数！*/
	padding: 10px 18px;
	text-decoration: none;
	font-size: 25px;
	width: 15px;
	color: #FFFFFF}

._p{display: inline;
	color:  #353535;
	font-size: 25px;}
.denglu{background-color: #D40003}


.youshangjiao a:hover{
	background-color: #FFFFFF;
	color: #0041B3}

.youshangjiao:hover{background-color: #00377A}




/*顶部长条样式！*/
.changtiao{
	width:100%;
	height:100px;
	background-color:#8e8e8e;
	}


/*中间影藏框架！*/
.zhongbu{
	position: relative;
	width: 1185px;
	height: 100px;
	margin: 0 auto;
	}

/*ul样式！*/

.menu2{
	max-width: 1185px;
	max-height: 100px;
	position: absolute;
	bottom: 17px;
	}

/*a标签大体浮动！*/
.nav1{
	float: left;
	margin-top:32px;
	display: inline;/*变内敛元素！*/
	}
.nav2{
	display: inline;/*变内敛元素！*/	
	}

/*a标签样式！*/
.nav1_a{
	color: #FFFFFF;
	font-size: 14px;
	margin-right:18px;
	text-decoration: none;/*去下划线！*/
	}
.nav2_a{
	color: #FFFFFF;
	font-size: 16px;
	margin-right:18px;
	text-decoration: none;/*去下划线！*/
	}

.b{color: #0653b6;}


/*小图标切图*/
.tubiao_1{
	background-image: url("../images/快速链接图标.jpg");/*背景图片*/
	background-repeat:no-repeat;    /*不重复！*/
	padding-left:30px;  /*左内边距宽度！*/
	background-position:0 1px;}  /*剪切位置*/
.tubiao_2{background-image: url( "../images/搜索图标.jpg");
    background-repeat:no-repeat;    /*不重复！*/
	padding-left:30px;
	background-position:0 3px;}


/*鼠标移入事件*/
.zhongbu a:hover{color: #0653b6;}
.tubiao_1:hover {background-image:url( "../images/快速链接图标.png");}  /*背景图鼠标移动上色！*/
.tubiao_2:hover {background-image:url( "../images/搜索图标.png");}  /*背景图鼠标移动上色！*/




/*logo样式*/
.logo{
	width: 103px;
	position: absolute;
	top:   10px;
	right: -20px;
	z-index: 1000;
	}


/*轮播样式！
#lunbo{
	width:1680px;
	height: 756px;
	margin: auto;
	position: relative;
	}

.w1{
	font-size: 50px;
	position: absolute;
	top:64px;
	left: 121px;
	color: #FFFFFF;
	}
.w2{
	font-size: 25px;
	top: 140px;
	position: absolute;
	display: inline;
	left: 121px;
	color: #fff;
	}
.w3{position: absolute;
	top:185px;
	line-height: 50px;
	text-decoration: none;
	left: 121px;
	width: 236px;
	height: 50px;
	padding: 0 24px;
	font-size: 20px;
	text-align: center;
	color: #FFFFFF;
	background: #1c69d4;
	}	

/*图中按钮鼠标事件！
.w3:hover{background-color: #094dac;}





*/

/*圆点及图片  轮播  的全部属性*/
#container {
	width:1680px;
	height: 766px;
	overflow: hidden;/*只在其中（指定方框中）显示！*/
	margin: auto;/*居中*/
	position:relative;/*定位*/
	top: 0px;/*上边距离*/
	/*background: rgba(249,29,33,0.6)/*背景色(方便查看！)*/
}


/*图片动效及时间*/
#photo {
	
	width: 10080px;/*图片总宽度*/
	animation: switch 30s ease-out infinite;/**/
	-webkit-animation:switch 30s ease-out infinite; /*Safari and Chrome*/
}

#photo li{
	z-index: 800;
	width: 1680px;
	height: 756px;
	position: relative;
	float: left;
	display: inline;/*变行内敛元素*/
}
/*图片大小*/
#photo > img {
	
	width: 1680px;
	height: 756px;
}

/*动画尺寸设置*/
@keyframes switch {
	0%, 12% {margin-left: 0;}
	
	17%, 29% {margin-left: -1680px;}

	34%, 46% {margin-left: -3360px;}
	
	51%, 63% {margin-left: -5040px;}
	
	68%, 80% {margin-left: -6720px;}

	85%, 100% {margin-left: -8400px;}}

/*圆点定位*/
#yuandian{
	position:absolute;
	bottom: -4px;
	text-align: left;
	}

#active{
	background: #1c69d4;/*显示的背景颜色*/
	display:inline-block;/*变行内敛可设置大小*/

	width:280px;
	height:5px;
	opacity:0.9;/*不透明 级*/
	animation: ydswitch 30s ease-out infinite;}
@keyframes ydswitch{

	0%, 14% {margin-left: 0;}
	
	17%, 31% {margin-left: 280px;}

	34%, 49% {margin-left: 560px;}
	
	52%, 65% {margin-left: 840px;}
	
	68%, 82% {margin-left: 1120px;}

	85%, 100% {margin-left: 1400px;}   }

/*左边方框*/
.zuo{
	z-index: 801;
	width: 840px;
	height:521px;
	position: absolute;
	top:235px;
	left: 0PX;
	opacity:0.7;/*不透明 级*/
	/*cursor: pointer;/*鼠标移入后变成手形！*/
	}

/*右边方框*/
.you{
	z-index: 801;
	width: 840px;
	height: 756px;
	position: absolute;
	top:0px;
	right: 0px;
	opacity:0.7;/*不透明 级*/                      
	/*cursor: pointer;/*鼠标移入后变成手形！*/
	}



/*鼠标移入方框样式！*/
._zuo :hover{
	background: url("../images/LB向左.jpg") no-repeat;
	background-position:0px 123px;/*背景移动前的坐标  X与Y轴*/
	}
._you :hover{
	background: url( "../images/LB向右.jpg") no-repeat;
	background-position:800px 358px;/*背景移动前的坐标  X与Y轴*/
	}




.w1{
	position: absolute;
	top: 64px;
	left: 121px;
	font-size: 50px;
	color: #FFFFFF;
	}
.w2{
	position: absolute;
	top: 140px;
	left:  121px;
	font-size: 25px;
	color: #fff;
	}
.w3{
	position: absolute;
	top: 185px;
	left: 121px;
	line-height: 50px;/*行高*/
	text-decoration: none;/*去下划线！*/
	width: 236px;
	height: 50px;
	padding: 0 24px;
	font-size: 20px;
	text-align: center;
	color: #FFFFFF;
	background: #1c69d4;
	}	

.w4{background: #666666;}
/*图中按钮鼠标事件！*/
.w3:hover{background-color: #094dac;}













/*中部样式*/
#content{
	margin: auto;
	margin-top:30px;
	width: 1185px; 
	}



/*1号 li样式*/
.head1 li{
	width: 190px;
	height: 100px;
	display: inline-block;
	
}
/*1号 a标签样式！*/
.head1_a{
	float: left;
	width: 190px;
	height: 100px;
	position: relative;
	background-color:#8e8e8e;
	margin-right: 5px;
	margin-bottom: 6px;
	border: 1px solid #8e8e8e;
}
/*1号 文字位置及样式！*/
.wenzi{
	width: 190px;
	height: 100px;

	z-index: 100;
	display: inline;
	position: absolute;
	color: #FFFFFF;
}

.nav3{
	width: 190px;
	height: 100px;
}
/*1号 图片样式*/
.head1_a img{
	width: 190px;
	float: left;}
/*1号 鼠标事件及开头样式*/
.head1_a:hover{background-color: #FFFFFF;}
.wenzi:hover{color: #0653b6;}
.c:hover{background-color: #8e8e8e;}
.c_p:hover{color: #FFFFFF;}







/*2号 ul样式*/


.head2{
	margin-top:145px;
	text-align: center;
	float: left;
	width: 1050%px;
	height: 28px;
	border-bottom: 1px solid #C7C7C7;
	}

/*2号 li样式！*/
.nav4{
	width: 210px;
	height: 17px;
	padding-bottom: 8px;
	float: left;
	display: inline-block;
}
/*2号 开头颜色！*/
.d{border-bottom: 4px solid #1c69d4;}
.d_a{color: #0E0E0E;}

/*2号 a标签样式*/
.head2_a{
	
	color: #8e8e8e;
	text-decoration: none;
	}
/*2号 鼠标事件*/
.nav4:hover{border-bottom: 4px solid #1c69d4;}
.head2_a:hover{color: #0E0E0E;}

/**/
/*2号 ——2样式*/
.tow_2{
	
	position: relative;
	
	top:184px;
	margin-top:15px;
	height: 529px;
	width: 1185px; }
/*2号 大图片*/
.datu{
	position: absolute;
	top:15px;
	left: 0px;
	display: inline;
	}
/*2号 p标签样式*/
.tow_2 p{
	height: 50px;
	margin-left: 15px;
	display: inline;
	padding: 0 15px 0 0;
	position: absolute;
	top: 15px;
	left: 608px;
	}
/*2号 a标签样式*/
.e{
	background: url("../images/向右.png") no-repeat;
	background-position:0px 6px;/*背景移动前的坐标  X与Y轴*/
	color: #262626;
	text-decoration: none;
	float: left;
	display: inline-block;
	padding-left: 15px;
	margin: 0px 0 0 620px;
	width: 540px;
	
	}


/*2号 鼠标图标向右移动事件*/
.e:hover{
	background: url("../images/向右_2.jpg") no-repeat;
	background-position:2px 6px;/*背景移动后的坐标  X与Y轴*/
	color: #1c69d4;
	
	}
.xiangyou:hover{color: #1c69d4;}




/*2号 向右图片样式*/
.xiangyou{
	display: inline;}

/*2号 两边箭头！*/
.zuo2{
	top: 161px;
	left: -30px;
	display: inline;
	position: absolute;}
.you2{
	top: 161px;
	right: -30px;
	display: inline;
	position: absolute;}

/*大框清除浮动！*/
.bagclear{clear: both}





/*三号样式！*/

/*3号 开头大边框样式*/
.three{
	margin: auto;
	margin-top:30px;
	width: 1184px; 
	}

/*3号 第一个a标签 模板框*/
.three_a{
	margin-right: 14px;
	float: left;
	padding: 15px;
	margin-top: 15px;
	width: 546px;
	border:  1px solid #e6e6e6;}

.thtee_b{
	width: 546px;
	text-decoration: none;
	color: #262626;}

/**/
.three_img{width:546px;}

/*2号 鼠标图标向右移动事件*/
.f:hover{
	background: url("../images/向右_2.jpg") no-repeat;
	background-position:2px 6px;
	color: #1c69d4;}
.f{
	background: url("../images/向右.png") no-repeat;
	background-position:0px 6px;
	color: #262626;
	text-decoration: none;
	padding-left: 17px;
	display: block;
	margin: 15px 0px;}





/*4号 第二个a标签 模板框*/
.four{
	margin: auto;
	margin-top:90px;
	width: 1184px; 
	max-height: 386px;
	}

.four_a{
	float: left;
	margin-right: 15px;
	padding: 15px;
	width: 249px;
	border:  1px solid #e6e6e6;}

.four_b{
	width: 249px;
	text-decoration: none;
	color: #262626;}

/**/
.four_img{width:249px;}
.a_p1{font-size: 25px;}     /*字体大小设置！*/
/*2号 鼠标图标向右移动事件*/
.f:hover{
	background: url("../images/向右_2.jpg") no-repeat;
	background-position:2px 6px;
	color: #1c69d4;}
.f{
	background: url("../images/向右.png") no-repeat;
	background-position:0px 6px;
	color: #262626;
	text-decoration: none;
	padding-left: 17px;
	display: block;
	margin: 15px 0px;}




/*底部footer!*/

/*大边框样式！*/
#footer{
	margin-top:140px;
	padding: 25px 0px;
	background-color: #8e8e8e;
	width:100%;}

/**/
.foot{
	width: 1184px;
	margin: auto;}
/**/
.foot_1{padding-bottom: 25px;}


/**/
.foot_h{
	color: #fff;
	display: inline;
	}

/**/
.foot_u{
	margin-left: 30px;
	display: inline;}



/**/
.foot_u li{
	padding-right: 16px;
	display: inline;
	}

/**/
.foot_u a{
	color: #fff;
	text-decoration: none;
	}


/**/
.h{border-bottom: 1px solid #bbbbbb;}


/**/
.foot_u a:hover{color: #1c69d4;}


/**/
.banquan{
	float: right;
	color: #fff;
	padding-top: 25px;
	display: inline-block;}






/*跳转登录页面*/