﻿/* CSS Document */

ul,li{ list-style-type:none}
input,img{ border:none;}
body{
	font-size:14px;

	background:#fff;
	color: #333;
	/*overflow-y: scroll;*/
	overflow-x: hidden;
}
.fix:after{
	clear:both;
	height:0;
	font-size:0;
	display:block;
	content:".";
	visibility:hidden;
}
.fix{*zoom:1}
.fl{ float:left;}
.fr{ float:right;}
.clear {
	clear:both;
	height:0;
	font-size:0;
	overflow:hidden;
}
a {
	color:#666;
	text-decoration:none;
}

a:hover, a:active, a:focus {
	color:#00a0f3;
	text-decoration:none;
}

.top_con{
	position: relative;
	height: 4px;
	background: -webkit-linear-gradient(left, #ff6e02 , #ffff00 , #ff6e02); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ff6e02 , #ffff00 , #ff6e02); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ff6e02 , #ffff00 , #ff6e02); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ff6e02 , #ffff00 , #ff6e02); /* 标准的语法（必须放在最后） */
	z-index: 9;
}

.logo_bg{
	width: 100%;
	position: absolute;
	/* top: 0px;
	left: 0; */
	height: 96px;
	margin: -4px auto;
	background:#3a9cff;
	z-index: 10;
}
.logo_con{
	position: relative;
	width: 1200px;
	margin: 0px auto;
	/* padding: 22px 0; */
}
.logo_con .logo{
	/* float:left;
	display: inline; */
	width: 299px;
	text-align: center;
	margin: 0 auto;
}
.logo_txt{
	float: left;
	padding-top: 20px;
	/* border-left: 1px solid #666; */
	/* padding-left: 25px; */
}
.logo_tell{
	/* float: right; */
	position: absolute;
	top: 30px;
	right: 0;
	height: 33px;
	padding-left: 30px;
	font-size: 14px;
	background: url(../image/tel_icon.png) center left no-repeat;
}
.logo_tell strong{
	font-size: 30px;
	color: #1491d2;
}


.top-menu{
	position: absolute;
	bottom: 0px;
	width:100%;
	height:200px;
	/* line-height:50px; */
	background:url(../images1/menu_bg.png) center no-repeat;
	z-index: 999;
}

.menu_box{
	margin:0 auto;
	padding-top: 115px;
}
/* .menu_box ul li{
	width: 139px;
	height: 66px;
	float: left;
	
} */
.menu_box ul > li{
	/* display: block; */
	
	float:left;
	color:#FFF;
	font-size:18px;
	font-weight: bold;
	width: 139px;
	height: 66px;
	text-align: center;
	/* padding:0 53px; */
	margin: 0 15px;
	background-image: url(../images1/menu_icon.png);
	background-repeat: no-repeat;
}
.menu_box ul > li > a{
	display: block;
	color: #FFF;
	padding-top: 10px;
	position: relative;
	z-index: 999;
}
.menu_box ul > li a span{
	display: block;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
}
.menu_box ul > li.one{
	background-position: 0 0;
}
.menu_box ul > li.two{
	background-position: 0 -66px;
}
.menu_box ul > li.three{
	background-position: 0 -132px;
}
.menu_box ul > li.four{
	background-position: 0 -198px;
}
.menu_box ul > li:hover a{
	/* background:#1c2084; */
	color:#fff;
}

.menu_list{
	display: none;
	width: 139px;
	position: absolute;
	bottom: 66px;
	padding-bottom: 20px;
	text-align: center;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	overflow: hidden;
}
.menu_list a{
	display: block;
	line-height: 40px;
	font-weight: normal;
}
.menu_box ul > li.one .menu_list{
	background: #0099f3;	
}
.menu_box ul > li.two .menu_list{
	background: #ff118b;	
}
.menu_box ul > li.three .menu_list{
	background: #ffa404;	
}
.menu_box ul > li.four .menu_list{
	background: #24cf01;	
}
.menu_box ul > li:hover .menu_list{
	display: block;
	/* transition: 1s; */
}
.menu_list a:hover{
	background: #fff;
}
.menu_box ul > li.one .menu_list a:hover{
	color: #0099f3;
}
.menu_box ul > li.two .menu_list a:hover{
	color: #ff118b;
}
.menu_box ul > li.three .menu_list a:hover{
	color: #ffa404;
}
.menu_box ul > li.four .menu_list a:hover{
	color: #24cf01;
}




.banner{
	overflow:hidden;
	width:100%;
	height:850px;
	/* position:relative; */
	position: relative;
	/* top: 0px; */
}

.banner .preBtn {
	left:50%;
	top:50%;
	display:block;
	width:74px;
	height:74px;
	margin-top:-37px;
	margin-left:-690px;
	background-color:rgba(0,0,0,.3);
	z-index:7;
	display:none;
}
.banner .preBtn i {
	display:block;
	width:28px;
	height:51px;
	margin-left:24px;
	margin-top:13px;
	background:url(../image/icon.png) no-repeat 0 0px;
}
.banner .nextBtn {
	right:50%;
	top:50%;
	display:block;
	width:74px;
	height:74px;
	margin-top:-37px;
	margin-right:-690px;
	background-color:rgba(0,0,0,.3);
	z-index:7;
	display:none;
}
.banner .nextBtn i {
	display:block;
	width:28px;
	height:51px;
	margin-left:24px;
	margin-top:13px;
	background:url(../image/icon.png) no-repeat -32px 0px;
}
.banner .preBtn:hover,.banner .nextBtn:hover {background-color:rgba(0,0,0,.4);}

.banner .hd{
	width:100%;
	bottom: 90px;
	height: 35px;
	overflow: hidden;
	position: absolute;
	text-align:center;
	z-index: 1;
}
.banner .hd ul{ overflow:hidden}
.banner .hd ul li{
	background: #ffffff none repeat scroll 0 0;
	cursor: pointer;
	display:inline-block;
	/*float: left;*/
	height:18px;
	width:18px;
	border-radius:18px;
	margin:0 12px;
}
.banner .hd ul li.on{
	background: #29365e;
	color: #fff;
}
.banner .bd {
	height: 100%;
	position: relative;
	z-index: 0;
}
.banner .bd ul{ width:100%}
.banner .bd ul li{
	width:100%;
	height:775px;
}
.banner .bd ul li a{
	display:block;
	width:100%;
	height:775px;
}
/* .banner .bd ul li a.ban1{ background:url(../image/banner1.jpg) center 0 no-repeat}
.banner .bd ul li a.ban2{ background:url(../image/banner2.jpg) center 0 no-repeat}
.banner .bd ul li a.ban3{ background:url(../image/banner3.jpg) center 0 no-repeat}
.banner .bd ul li a.ban4{ background:url(../image/banner4.jpg) center 0 no-repeat}
.banner .bd ul li a.ban5{ background:url(../image/banner5.jpg) center 0 no-repeat}
.banner .bd ul li a.ban6{ background:url(../image/banner6.jpg) center 0 no-repeat} */



