@charset "utf-8";
/* CSS Document */
*{font-size:14px;font-family:"微软雅黑";color:#333;}
body,dl,dd,p{margin:0;}
a{text-decoration:none;}
img{display:block;}
input{margin:0;padding:0;border:none;outline:none;cursor:pointer;}
textaea{margin:0;padding:0;outline:none;}
h1,h2,h3{font-weight:normal;margin:0;}
ul{margin:0;padding:0;}
li{list-style:none;}
.clearfix{clear:both;}
body{background:#f4f4f4;}

/*header*/
.header-bg{width:100%;background:#fff;}
.header{max-width:980px; margin:0 auto; overflow:hidden;}
.header .logo{ float:left;margin-top:2px;}
.header .right{float:right; line-height:50px;text-align:right;}
.header .right a{font-size:14px;transition:all 0.4s;}
.header .right a:hover{color:#048bf4;}

/*banner*/
.banner img{width:100%;}

.title{
	max-width:1000px;
	margin: auto;
	margin-top:60px;
	padding:1px 0 5px 0;
}
.title h1{
	font-size:40px;
	font-weight:bold;
	text-align:center;
	color:#F00;
}

.tt{
	max-width:1000px;
	margin: auto;
	margin-top:30px;
	border:rgb(245, 229, 229) solid 1px;
	text-align:center;
	position:relative;
}
.tt a{
	font-size:30px;
	font-weight:bold;
	display:inline-block;
	width:100%;
	height:100%;
	line-height:60px;
	position:relative;
	transition:all 0.5s;
}
.ttbg{
	position:absolute;
	background:#048bf4;
	width:0px;
	height:100%;
	top:0;
	transition:all 0.6s;
}
.tt:hover .ttbg{
	width:100%;
	border:#048bf4 solid 1px;
}
.tt:hover a{
	color:#fff;
}

.dd{
    max-width:880px;
    margin: auto;
    padding:20px 60px;
}
.dd h1{
    font-size:24px;
	font-weight:bold;
    color:#048bf4;
}
.dd p{
    font-size:20px;
    line-height:40px;
    text-indent:2em;
    margin-top:10px;
}
.dd span{
    color:#048bf4;
	font-size:20px;
	font-weight:bold;
}
.dd a{
	float:right;
	transition:all 0.5s;
}
.dd a:hover{
	color:#048bf4;
}


.xz{
	cursor:pointer;
	position:relative;
}
.xz img{
	position:absolute;
	top:20px;
	left:-150px;
	display:none;
	z-index:998;
}
.xz:hover img{
	display:block;
}


.qun{
	position:fixed;
	width:150px;
	top:50%;
	right:0;
	z-index:999;
	cursor:pointer;
	background:#fff;
	transition:all 0.3s;
}
.qun img{
	width:100%;
}
.qun p{
	padding:0 10px;
}


.tt{
	max-width:1000px;
	margin: auto;
	margin-top:10px;
	border:#ccc solid 1px;
	text-align:center;
	position:relative;
}
.tt a{
	font-size:30px;
	font-weight:bold;
	display:inline-block;
	width:100%;
	height:100%;
	line-height:60px;
	position:relative;
	transition:all 0.5s;
}
.ttbg{
	position:absolute;
	background:#048bf4;
	width:0px;
	height:100%;
	top:0;
	transition:all 0.6s;
}
.tt:hover .ttbg{
	width:100%;
	border:#048bf4 solid 1px;
}
.tt:hover a{
	color:#fff;
}



.showbox{
	max-width:1000px;
	margin: auto;
	min-height:200px;
	margin-top:20px;
}
/* .btn{
	position:absolute;
	top:0px;
	left:0;
} */
.btn input{
	text-align:center;
	width:24.9%;
	height:50px;
	font-weight:bold;
	margin-top:1px;
	margin-left:1px;
	float:left;
	background-color:#ddd;
	transition:all 0.5s;
}
.btn .current{
	background-color:#F03;
	color:#fff;
	box-shadow:0 2px 0 #111;
}
.btn a{
	text-align:center;
	width:165px;
	height:50px;
	line-height:50px;
	font-weight:bold;
	margin-top:1px;
	margin-left:1px;
	float:left;
	background-color:#ddd;
}
.content{
	display:none;
	margin-top:10px;
	background:#eee;
	transition:all 0.5s;
	height:auto;
	overflow-y:auto;
	
}
.content li{
	width:98%;
	float:left;
	margin:10px;
}
.content li h1{
	width:90%;
	line-height:50px;
	font-size:20px;
	font-weight:bold;
}
.content li h1 img{
	height:50px;
	float:left;
	margin-left:10px;
}
.content li h1 a{
	float:right;
}
.content li p a{
	line-height:30px;
	color:#09F;
	font-size:20px;
	
}
.content a{
	transition:all 0.5s;
}
.content img{
	transition:all 0.5s;
}
.content a:hover{
	color:#F00;
}


.img{
	height:480px;
	overflow:scroll;
	overflow-x:hidden;
	margin-top:20px;
	border:#ccc solid 1px;
}
.img a{
	border:#ccc solid 2px;
	float:left;
	margin:5px 3px;
}
.img a p{
	text-align:center;
	font-weight:bold;
	transition:all 0.5s;
}
.img a img{
	opacity:0.8;
	transition:all 0.5s;
}
.img a:hover{
	border:#048bf4 solid 2px;
}
.img a:hover p{
	color:#048bf4;
}
.img a:hover img{
	opacity:1;
}

.sjsc{ max-width:1100px; margin:0 auto;}
.sjsc li{ width:32%; margin-right:10px; float:left; border:#F03 1px solid; margin-top:10px;}
.sjsc li h1{ font-size:18px; font-weight:bold; padding-left:15px; background:#F03; color:#fff; line-height:30px;}
.sjsc li h1 a{ float:right;color:#fff;}

.pt{
	max-width:1000px;
	margin: auto;
}

.pt-box{
	border:#eee solid 1px;
	float:left;
	width:478px;
	margin-top:20px;
	background-color:rgba(255,255,255,1);
	transition:all 0.5s;
}

.pt-box:hover{
	box-shadow:0 0 3px #333;
}

.pt-lr{
	margin-left:20px;
	margin-right:20px;
}

.pt-l{
	margin-left:40px;
}

.pt-title{
	height:30px;
	background-color:#282829;
}

.pt-title h2{
	font-size:16px;
	line-height:30px;
	float:left;
	margin-left:5px;
	font-weight:bold;
	color:#fff;
}

.pt-title a{
	float:right;
	line-height:30px;
	font-size:14px;
	color:#ddd;
	transition:all 0.5s;
}

.pt-title a:hover{
	color:#fff;
}

.pt-title img{
	height:28px;
	margin-top:1px;
	background:#fff;
}

.pt p{
	width:310px;
	margin-left:4px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.pt p a{
	transition:all 0.5s;
	line-height:30px;
	color:#000;
	font-size:13px;
}
.pt p a:hover{
	color:#459df5;
}


.gg{
	max-width:1100px;
	margin: auto;
	margin-top:20px;
}
.gg-box{
	float:left;
	width:49%;
	box-shadow:0 0 3px #333;
	background-color:rgba(255,255,255,0.95);
	margin-top:10px;
	position:relative;
}
.more{
	position:absolute;
	top:0;
	right:0;
	transition:all 0.5s;
}
.more:hover{
	color:#048bf4;
}
.g-l{
	float:left;
	width:140px;
}
.g-l img{
	width:100px;
	height:100px;
}
.g-r{
	float:right;
	width:180px;
	text-align:center;
}
.g-r a{
	font-size:18px;
	display:block;
	color:#111;
	margin-top:36px;
	transition:all 0.5s;
}
.g-r p{
	margin-top:10px;
	color:#555;
	font-size:12px;
}
.gg-lr{
	margin-left:20px;
}
.g-r a:hover{
	color:#048bf4;
}


.flwq{
	max-width:1000px;
	margin:10px auto;
}
.flwq li{
	width:50%;
	height:90px;
	float:left;
}
.flwq img{
	width:100%;
}


.zt{
	max-width:1100px;
	margin: auto;
	margin-top:30px;
}
.zt li{
	float:left;
	width:31%;
	height:80px;
	margin-top:10px;
	margin-right:20px;
}
.zt img{
	width:100%;
	height:100%;
}
.zt-lr{
	margin-right:0;
}


.footer a{
	transition:all 0.5s;
}
.footer a:hover{
	color:#048bf4;
}


@media(max-width:1000px){
	.qun img{opacity:1;height:120px;}
	.xz{font-size:30px;margin-top:30px;}
	.xz img{top:50px;}
	.btn input{width:200px;height:80px;margin:10px 22.5px;}
	.content li{margin:10px 32.5px;}
	.gg-lr,.pt-lr{margin-left:10px;margin-right:10px;}
	.pt-l,.zt-lr{margin-left:20px;}
}