﻿@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	font-family:"微软雅黑";
	}
.top{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:10;
	box-shadow:5px 2px 6px #000;}
.index_banner{
	width:100%;
	min-width:62.5em;
	padding-top:6.25em;
	//box-shadow:5px 2px 6px #000;
	background:url(../images/bannerbg.jpg) no-repeat;
	background-size:100% 100%;}
.banner_main{
	width:100%;
	height:auto;
	z-index:5;
	position:relative;
	}
.div1,.div2,.div3,.div4,.div5{
	z-index:1;
	font-size:2.5em;
	color:#FFF;
	/*font-weight:bold;
	text-align:center;*/
	text-align: left;
    font-family: "黑体";
    padding-left: 10%;
}
.div1,.div3{
	width:20%;
	min-width:270px;
	height:80px;
	margin-left:20%;
	border:5px solid #FFF;}
.div1{
	height:60px;
	padding-top:60px;
	border-bottom:none;}
.div2{
	width:30%;
	min-width:380px;
	height:60px;
	margin-left:15%;}
.div3{
	font-size:2em;
	font-weight:500;
	padding-bottom:30px;
	border-top:none;}
.nav_ttttt{
	width:53.5em;
	height:8.75em;
	margin:auto;
	text-align:center;
	position:absolute;
	left:0;
	right:0;
	}
.nav_ttttt .nav{
	width:9.5em;
	height:8.125em;
	float:left;
	color:#FFF;
	font-size:0.9375em;
	position:relative;
	z-index:3;
	text-align:center;
	padding-bottom:1.2em;
	transition: all 1s linear;
	   padding-top: 0px;
	}
.nav_ttttt .nav br{
	line-height:1.5625em;}
.nav_img{
	padding-left:20%;
	 width:9.5em;
	 height:6.25em;}
.nav_bg{
	width:100%;
	height:3.5em;
	position:absolute;
	bottom:0;
	box-shadow:2px 2px 6px #000;
	background-color:rgba(0,9,84,0.7);
	}
.nav_img img{
	width:60%;
	height:80%;}

.con{
	width:80.5%;
	min-width:62.5em;
	height:34.5em;
	margin:auto;}
.con_top{
	padding-top:3em;
	padding-bottom:2em;
	}
.con_top .yw,.con_top .zw{
	font-size:1.6em;}
.con_top .yw{
	font-weight:bold;
	}
.con_top .zw{
	line-height:2.1em;
	}
.con_top_nav{
	width:100%;
	height:3em;
	margin-top:2.6em;}
._nav{
	width:20%;
	height:100%;
	float:left;}
.img{
	width:22%;
	height:100%;
	float:left;}
.text{
	width:68%;
	margin-left:7%;
	height:100%;
	float:left;}
.text br{
	line-height:1.6em}
.con_top_p{
	width:100%;
	height:10em;
	margin-top:3em;
	border-bottom:0.0625em solid #ccc;}
.con_top_p_left,.con_top_p_right{
	width:50%;
	height:100%;
	float:left;}
.con_top_p_left p{
	padding-right:0.9375em;}
.con_top_p_right p{
padding-left:0.9375em;}
.con_top_p_left p,.con_top_p_right p{
	font-size:0.83em;
	line-height:1.8em;}
.more{
	font-size:0.83em;
	line-height:4em;}
.more a{
	color:#000;
	text-decoration:none;}
.con_bottom{
	width:99.5%;
	min-width:62.5em;
	height:43em;
	background-color: #0066FF;}
/*::-webkit-scrollbar{
display:none;
}*/
.con_bottom_left,.con_bottom_right,.con_bottom_middle{
	width:25%;
	height:43em;
	float:left;}
.con_bottom_middle{
	width:50%;}
.con_bottom_left_1{
	width:100%;
	height:21.5em;}
.con_bottom_middle_1{
	width:100%;
	height:21.5em;}
.con_bottom_middle_2{
	width:50%;
	height:21.5em;
	float:left;
	}
.con_bottom_right_1{
	width:100%;
	height:43em;
}
#con_bottom_left_1,#con_bottom_middle_1,#con_bottom_middle_2,#con_bottom_right_1{
	width:auto;
	position:relative;
    z-index:4;
	//display:none;
	opacity:0;
	background-color:rgba(255,158,53,0.9);
    margin-top:-24.5em;
	margin-left:0.1em;
	transition:all 1s linear;}
#con_bottom_middle_2{
	width:100%;}
#con_bottom_right_1{
	margin-top:-46em;
}
.con_bottom a{
	color:#FFF;
	text-decoration:none;}
.con_bottom a h1{
	padding-right:0.5em;
	float:right;}
.imgfont{
	width:100%;
	height:10em;
	position:absolute;
	bottom:0;
}
.imgfont_in{
	padding-left:2em;
}
.bottom{
	margin:0;
	width: 100%;
	height:6em;
	min-width:62.5em;
	margin-top:2em;
	box-shadow:5px 2px 6px #000;
}
.imbg{border:2px solid #FFF;}
@media screen and (max-width:1920px){
.top{
	height:120px;
}
.div1{margin-top:9%;height:90px;width:400px;font-size:60px;}
.div2{
	width:600px;height:80px;font-size:60px;line-height:80px;
}
.div3{
	width:400px;height:90px;font-size:40px;padding-top:20px;
}
.div4{margin-top: 25%;height: 90px;width: 600px;font-size: 35px;}
.div5{width: 1000px;font-size: 35px;}
.nav_ttttt{
	/*bottom:5%;*/
	width:1200px;
	height:160px;
}
.nav_ttttt .nav{
	width:200px;
	height:140px;
	font-size:20px;
}
.nav_ttttt .nav span{
	font-size:14px;
}
.nav_bg{
	height:70px;
}
.nav_img{
	width:160px;
	height:100px;
	padding-left:27%;
}
.nav_img img{
	width:80px;
	height:80px;
}
}
@media screen and (max-width:1680px){
	.top{
	height:115px;
	}
	.div1{margin-top:11%;height:90px;width:370px;font-size:60px;}
.div2{
	width:550px;height:80px;font-size:60px;line-height:80px;
}
.div3{
	width:370px;height:90px;font-size:40px;padding-top:20px;
}
	.nav_ttttt{
	height:160px;
	bottom:25%;
}
.nav_ttttt .nav{
	height:140px;
	font-size:18px;
}
.nav_ttttt .nav span{
	font-size:13px;
}
.nav_bg{
	height:70px;
}
}

@media screen and (max-width:1600px){
	.top{
	height:100px;
	}
	.div1{margin-top:6%;height:90px;width:370px;font-size:60px;}
.div2{
	width:550px;height:80px;font-size:60px;line-height:80px;
}
.div3{
	width:370px;height:90px;font-size:40px;padding-top:20px;
}
	.nav_ttttt{
	height:160px;
	bottom:18%;
}
.nav_ttttt .nav{
	height:140px;
	font-size:17px;
}
.nav_ttttt .nav span{
	font-size:13px;
}
.nav_bg{
	height:70px;
}
}

@media screen and (max-width:1440px){
	.top{
	height:90px;
	}
.div1{margin-top:6%;height:80px;width:300px;font-size:45px;}
.div2{
	width:450px;height:75px;font-size:45px;padding-top:5px;
}
.div3{
	width:300px;height:80px;font-size:35px;padding-top:20px;
}
.nav_ttttt{
	bottom:20%;
	width:960px;
	height:150px;
}
.nav_ttttt .nav{
	width:160px;
	height:130px;
	font-size:16px;
}
.nav_ttttt .nav span{
	font-size:13px;
}
.nav_bg{
	height:70px;
	margin-top:5px;
}
.nav_img{
	width:160px;
	height:90px;
	padding-left:27%;
}
.nav_img img{
	width:70px;
	height:70px;
}
}

@media screen and (max-width:1366px){
	.top{
	height:80px;
	}
.div1{margin-top:4%;height:60px;width:260px;font-size:40px;padding-top:50px;}
.div2{
	width:420px;height:60px;font-size:40px;margin-top:-10px;
}
.div3{
	width:260px;height:60px;font-size:30px;padding-top:10px;margin-top:10px;
}
.nav_ttttt{
	bottom:40%;
	width:960px;
	height:150px;
}
.nav_ttttt .nav{
	width:160px;
	height:130px;
	font-size:16px;
}
.nav_ttttt .nav span{
	font-size:13px;
}
.nav_bg{
	height:70px;
	margin-top:5px;
}
.nav_img{
	width:160px;
	height:90px;
	padding-left:27%;
}
.nav_img img{
	width:70px;
	height:70px;
}
}


