/*author:fuwenbo */
*{
	margin: 0;
	padding: 0;
}
body{
	font-size: 12px;
	font-family: "Microsoft YaHei",'宋体';
	background: #87c023;
}
img{border: 0;}
a:focus{outline: none;}
li,ul{list-style: none;}

.clear_b{clear: both;}
.clearfix{
	/*clear: both;*/
	display: table;
	content: "";
}
.ft_l{float: left;}
.ft_r{float: right;}
a{
	color: #5c5c5c;
	text-decoration: none;
}
a:hover{
	color: #f60;
	text-decoration: underline;
}

.LayOutDiv{
	margin: 0 auto;
	max-width: 1440px;
	min-width: 1002px;
}

.headerBg{
	float: left;
	width: 100%;
	height: 102px;
	background:url(../Images/ql/ql_01.png) no-repeat center center #b5e3f1;
}

.headerBox{
	margin: 0 auto;
	width: 1002px;
	height: 100%;
}

.logo{
	float: left;
	width: 144px;
	height:90px;
	display: block;
	margin-top: 8px;
	background:url(../Images/ql/logo.png) no-repeat;
}
.logo a{
	display: block;
	width: 100%;
	height: 100%;
}

.h_Text{
	float: right;
	margin-top: 10px;
}
.h_Text a{
	margin-right: 15px;
	color: #041846;
	text-decoration: none;
}
.h_Text a:hover{text-decoration: underline;}
.h_Text a:active{
	color: #ff8a00;
}

.navBg{
	float: left;
	width: 100%;
	height: 45px;
	background:url(../Images/ql/nav_bg.png) repeat-x 0 0;
}

.navBox{
	margin: 0 auto;
	width: 1002px;
	height: 46px;
}

.navBox > ul > li{
	float: left;
	height: 46px;
	line-height: 46px;
	background:url(../Images/ql/nav_bg.png) no-repeat left -112px;
}

.navBox > ul > li > a{
	float: left;
	display: block;
	/*width: 100%;*/
	height: 46px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding:0 20px;
}
.navBox > ul > li > a:active,.menuNav_bg{background:url(../Images/ql/nav_bg.png) repeat-x 0 -56px;}
.navBox > ul > li.l1{background: none;}



/*层级导航*/
.menuNav{
	float: left;
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
	z-index: 9999;
}

.menuNav > a{
	font-size: 14px;
	padding:0 20px;
	text-decoration: none;
	color: #fff;
}
.navUl2 {
	display: none;
	
}
.navUl2 > li{
	width: 100%;
	height: 30px;
	line-height: 30px;
	/*border-bottom: 1px solid #fff;*/

}
.navUl2 > li > a{
	display: block;
	color: #fff;
	text-decoration: none;
	background:#2275c8;
	opacity: .95;
	filter:alpha(opacity=95);
	border-top: 1px solid #fff;
}
.navUl2 > li > a:hover,.navUl2 > li > a.a_bg2{
	background:#03509e;
}

 /*左3角*/
.menuNav > a,.navUl2 > li > a{
	position: relative;
}
.menuNav > a > .arrow{
	/*float: right;*/
	position: absolute;
	right: 5px;
	top: 10px;
	width: 0;
	height: 0;
	font-size: 0;
	border-width: 5px;
	border-style:solid dashed dashed dashed; 
	border-color: #fff transparent transparent transparent;
	z-index: 99999;
}

.footerBox{
	float: left;
	width: 100%;
	height: 114px;
	background:url(../Images/ql/fo_bg.png) repeat-x;
}
.ftBox{
	margin: 0 auto;
	width: 1002px;
	height: 114px;
	text-align: center;
	color: #fff;
}
.ftBox a{
	color: #fff;
	font-size: 14px;
}
.ftBox p{
	float: left;
	width: 100%;
	line-height: 20px;
}
.ftBox .p1{
	margin-top: 30px;
}


/***********************************************/

/***********************************************/



.layoutImg{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.layoutImg > img{
	width: 1415px;
	position: absolute;
	left: 50%;
	margin-left:-707.5px;
	display: block;
}

.mainBox{
	width: 1002px;
	/*height: 100px;*/
	/*background: #ddd;*/
	position: absolute;
	left: 50%;
	margin-left:-501px;
	z-index: 999;
}

.video1{
	display: block;
	float: left;
	width: 336px;
	height: 226px;
	border:2px solid #fff;
	margin:120px 0 0 70px;
	position: relative;
}
.video1 > img{
	width: 100%;
	height: 100%;
	display: block;
}
.video1 > p{
	display: block;
	/*margin-top: -30px;*/
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,.3) !important;
	background: #000;
	filter:alpha(opacity=30);
	position: absolute;
	bottom: 0;
}
.video2{
	margin-top: 100px;
}


.aa1{
	width: 300px;
	height: 76px;
	display: block;
	float: right;
	margin:65px 125px 0 0;
	background: #fff;
	opacity: 0;
	filter:alpha(opacity=0);
	/*border:1px solid #f30;*/
}

.aa2{
	margin:33px 350px 0 0;
}



.floatSide{
	position: fixed;
	top:200px;
	z-index: 99999;
    width: 45px;
    height: 138px;
    margin-left: 550px;
    left: 50%;
}
.floatSide > ul > li{
    width: 15px;
    height: 15px;
    margin-left: 7px;
    display: block;
}
.floatSide > ul > li > a{
	width: 100%;
	height: 100%;
	display: block;
	background: url(../Images/ql/nav_11.png) no-repeat -8px -18px;
}
.floatSide > ul > li > a:hover,
.floatSide > ul > li > a.active{
	background-position: -8px 0;
}

/*回到顶部*/
.gotop{
	width: 32px;
	height:32px;
	margin-top: 5px;
	background: url(../Images/ql/nav_11.png) no-repeat 0 -41px;
	display: none;
}
.gotop > a{
	width: 100%;
	height: 100%;
	display: block;
}