@charset "utf-8";
/* CSS Document */
*{font-size:14px;font-family:"微软雅黑";color:#555;}
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-image:url(images/bg.jpg);}

/*header*/
.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:16px;transition:all 0.4s;}
.header .right a:hover{color:#459df5;}

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

.title{
	max-width:1000px;
	margin: auto;
	margin-top:80px;
	background-color:#17125a;
	padding:1px 0 5px 0;
}
.title h1{
	font-size:36px;
	font-weight:bold;
	text-align:center;
	color:#fff;
}

.title2{
	max-width:1000px;
	margin: auto;
	margin-top:20px;
	border-bottom:#ccc solid 1px;
	padding-bottom:5px;
}
.title2 h2{
	font-size:24px;
	color:#111;
}


.dd{
    max-width:900px;
    margin: auto;
    box-shadow:0 2px 5px #555;
    padding:20px 50px;
	background-color:rgba(255,255,255,0.2);
}
.dd h1{
    font-size:20px;
	font-weight:bold;
    color:#17125a;
}
.dd p{
    font-size:16px;
    line-height:32px;
    text-indent:2em;
    margin-top:10px;
}
.dd strong{
    color:#111;
	font-size:16px;
}
.dd span{
    color:#018cf1;
	font-size:16px;
}


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

.pt-box{
	box-shadow:0 0 3px #333;
	float:left;
	width:320px;
	margin-top:20px;
	background-color:rgba(255,255,255,0.5);
}

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

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

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

.pt-title a{
	float:right;
	background:#fff;
	margin-right:4px;
	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;
}

.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;
}
.pt p a:hover{
	color:#459df5;
}

.pt-logo{
	max-width:1000px;
	margin: auto;
	margin-top:20px;
}
.pt-logo a{
	float:left;
	margin:10px;
	width:230px;
	background:#333;
}
.pt-logo a img{
	transition:all 0.5s;
}
.pt-logo a:hover img{
	opacity:0.85;
}



#al{
	max-width:1000px;
	margin: auto;
	margin-top:20px;
}
#al li{
	text-align:center;
	box-shadow:0 0 2px #555;
	line-height:40px;
	margin:10px 0;
	transition:all 0.5s;
}
#al li a{
	font-size:20px;
	color:#555;
	display:block;
	width:100%;
	height:100%;
	transition:all 0.5s;
}
#al li:hover{
	background-color:#459df5;
}
#al li:hover a{
	color:#fff;
}


.btn{
	max-width:1000px;
	margin: auto;
	text-align:center;
	box-shadow:0 0 2px #555;
	transition:all 0.5s;
}
.btn a{
	font-size:20px;
	font-weight:bold;
	color:#17125a;
	line-height:36px;
	display:block;
	width:100%;
	height:100%;
	transition:all 0.5s;
}
.btn:hover{
	background-color:#459df5;
}
.btn:hover a{
	color:#fff
}


.gg{
	max-width:1000px;
	margin: auto;
	margin-top:30px;
}
.gg-box{
	float:left;
	width:320px;
	padding-bottom:10px;
	box-shadow:0 0 3px #333;
	background-color:rgba(255,255,255,0.75);
}
.g-l{
	float:left;
	width:140px;
}
.g-l img{
	width:100%;
}
.g-r{
	float:right;
	width:180px;
	text-align:center;
}
.g-r a{
	font-size:20px;
	display:block;
	margin-top:20px;
	transition:all 0.5s;
}
.g-r p{
	margin-top:10px;
}
.box-lr{
	margin-left:15px;
	margin-right:15px;
}
.g-r a:hover{
	color:#018cf1;
}


.zt{
	max-width:1000px;
	margin: auto;
	margin-top:30px;
}
.zt li{
	float:left;
	width:480px;
	height:90px;
	margin:5px 10px;
}
.zt img{
	width:100%;
	height:100%;
}


@media(max-width:1000px){
	.pt-lr{margin-left:10px;margin-right:10px;}
	.pt-logo a{margin:10px 6px;}
	.box-lr{margin-left:10px;margin-right:10px;}
	.zt li{margin:5px;}
}