@charset "utf-8";
body {
	font-size:14px;
    FONT-FAMILY: "Microsoft YaHei", "Arial Narrow";
    BACKGROUND: #2b20bf;
    COLOR: #72fefe;
    LINE-HEIGHT: 22px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
ul,li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {	
	font-weight:normal;
}
ul, li{
	list-style-type:none;
}

a{
    COLOR: #72fefe;
	text-decoration:none;
}
a:hover{
	COLOR: #9bd3fc ;
	text-decoration:none;
}

/*--top--*/
.title_1,.title_2,.title_3{
	width:100%;	
	}
.title_1 img,.title_2 img,.title_3 img{
	display: block;
}
.title_1{
	height:436px;
	background: url(../images/title_bg1_bg.jpg) repeat-x center top;
	}
.title_2{
	height:150px;
	background: url(../images/title_bg2.jpg) repeat-x center top;
	}
.title_3{
	height:270px;
	background: url(../images/title_bg3.jpg) repeat-x center top;
	}
.top_1{
	width:100%;
	height:436px;
	background: url(../images/title_bg1.jpg) no-repeat center top;
}
.top_2{
	width:1200px;
	height:150px;	
}
.top_3{
	width:830px;
	height:270px;	
	margin: auto;
	font-size:20px;
	line-height: 30px;
	color:#9bd3fc;
}
.top_3 h3{
	color:#7fffff;
	font-size:48px;
	font-weight: bold;
	line-height: 50px;
	height: 90px;
	display: block;
	text-align: center;
}
.nav_box{
	width:100%;
	background: #3636dd;
	height: 65px;
	border-bottom:1px solid #4379c0;
    moz-box-shadow: 0px 4px 40px 5px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0px 4px 40px 5px rgba(0, 0, 0, .5);
    box-shadow: 0px 4px 40px 5px rgba(0, 0, 0, .5);
}
.nav{
	width: 1200px;
	margin:auto;
	font-size: 26px;	
	text-align: center;
}
.nav li{
	float:left;
	padding: 0 17px;
}
.nav a{
	display: inline-block;	
	color: #9bd3fc;
	line-height: 64px;
	font-weight: bold;;
	border-bottom: 3px solid transparent;
	webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.nav a.navcur,.nav a:hover{
	color: #9ffcfc;
	border-bottom: 3px solid #9ffcfc;
	font-weight: bold;
}
.main{
	width: 1200px;	
	margin: 50px auto;
}
.main h3{
	text-align: center;
	height: 160px;
	line-height: 160px;
	display: block;
	background: url(../images/mian_h3_bg.png) no-repeat center center;
	font-size: 36px;	
	color:#d4eefb;
	position: relative;
}
.main h3 span{
    display: inline-block;
    width: 110px;
    height: 70px;
    background: url(../images/mian_h3_icon.png) no-repeat 0 5px;
    margin-top: 30px;
	top:14px;
	left:0px;
	position: relative;
}
.main_list1{
	width:298px;
	height: 400px;
	margin: auto;
}
.main_list2{
	width:594px;
	height: 400px;
	margin: auto;
}
.main_list3{
	width:896px;
	height: 400px;
	margin: auto;
}
.main_list4{
	width:1200px;
	height: 400px;
}
.main li{
	float:left;
	width: 291.8px;
	height: 390px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
	background: url(../images/list_bgnone.png) no-repeat top left;
	cursor: pointer;
	color:#00ffff;
}
.main li:hover{
	color: #b7fcfc;	
	background: url(../images/list_bg.png) no-repeat top left;
}
.main li img{
	display: block;
	}
.pt10{
padding-right: 10px;
	}
.list_img{
	margin:9px 0 0 9px;
	width:257px;
	height: 268px;
	overflow: hidden;
}
.list_img img{
	width: 257px;
	height:268px;
	display: block;
	border:0;
	will-change: transform;
    transition-duration: 0.5s;
	overflow: hidden;
}
.list_img img:hover{	
	transform: scale(1.1);
    -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1); 
	filter:alpha(opacity=95);
    -moz-opacity:0.95;
	opacity: 0.95;	
}
.list_text{
	width:234px;
	height: 74px;
	background:#000 url(../images/list_tex_bf.jpg) no-repeat top left;
	margin-left:9px;	
	line-height: 32px;
	font-size:17px;
	font-weight: 200;
	padding:12px;
	white-space:nowrap;
	cursor: pointer;
}
.list_text span{
	display: inline-block;
	width: 190px;
	height: 75px;	
}
.list_text a{	
	color:#00ffff;
}
.list_text a:hover{
	color: #b7fcfc;	
}
.list_float{
	width: 67px;
	height: 108px;
	position: relative;
    right: -211px;
    top: -117px;
}
.hg_list{
	width: 1200PX;
	margin:20px auto;
}
.hg_list H3{	
	height:170px;
	margin-bottom: 20px;
	display: block;
	background: url(../images/last_see.png) no-repeat  center center;	
}
.xg_list{
	float: left;
    height: 30px;
    width: 406px;
    overflow: hidden;
    line-height: 30px;
    border: transparent 1px solid;
    padding: 1px 1px 1px 13px;
    background: url(//icons.mydrivers.com/2018/www/icon.png) no-repeat -2px -658px;
}
#footer {
	border-top: #3934bb 2px solid;	
    width: 100%;
    padding: 30px 0;
    font-size: 18px;
	line-height: 36px;
    color: #83a8b6;
	text-align: center;
	margin: 20px auto;
}
.fh_top{
	width:100px;
	height: 31px;
	background:url(../images/fh_top.png) no-repeat -1px -5px;
	position: fixed;
    right:20px;
	bottom:20px;
	z-index: 12;
	cursor: pointer;
}
.fh_top:hover{
	background: url(../images/fh_top.png) no-repeat -1px -41px;
	
}