@charset "utf-8";
/* CSS Document */
*{font-size:16px;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:linear-gradient(rgba(181,172,255,1), rgba(172,180,255,1));}

/*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:#893af8;}

/*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:#5c1597;
}

.bl{
	position:fixed;
	height:40px;
	right:-140px;
	bottom:10%;
	line-height:40px;
	cursor:pointer;
	z-index:999;
	opacity:0.65;
	transition:all 0.3s;
}
.bl-l{
	float:left;
	color:#fff;
	background:#5c1597;
	padding:0 5px;
}
.bl-r{
	float:right;
	color:#5c1597;
	background:#fff;
	padding:0 5px;
}
.bl:hover{
	right:0;
	opacity:1;
}


.dd{
    max-width:880px;
    margin: auto;
    padding:20px 60px;
}
.dd h1{
    font-size:24px;
	font-weight:bold;
    color:#893af8;
}
.dd p{
    font-size:20px;
    line-height:40px;
    text-indent:2em;
    margin-top:10px;
}
.dd strong{
    color:#111;
	font-size:20px;
}
.dd span{
    color:#893af8;
	font-weight:bold;
	font-size:20px;
}


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


.btn{
	max-width:1000px;
	margin: auto;
	margin-top:30px;
}
.btn input{
	width:14.6%;
	height:40px;
	float:left;
	margin:10px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	background:#eceaff;
}
.btn .current{
	background-color:#893af8;
	color:#fff;
}

.tu{
	max-width:1000px;
	margin: auto;
	height:705px;
	position:relative;
	border-left:#bfc1ff solid 1px;
	border-right:#bfc1ff solid 1px;
	transition:all 0.5s;
}
.tu li{
	position:absolute;
	top:20px;
	left:10px;
	float:left;
	display:none;
	transition:all 0.5s;
}



.tu li h1{
	font-size:26px;
	font-weight:bold;
	text-align:center;
	color:#333;
}
.tu li p{
	margin-top:10px;
	line-height:40px;
}
.tu li strong{
	color:#893af8;
}
.to{
	max-width:500px;
	float:left;
	margin-right:20px;
	margin-top:20px;
}
.to img{
	width:100%;
}
.more{
	position:absolute;
	right:5px;
	font-size:14px;
	background:#e8f1ff;
	border-radius:6px;
	padding:2px 5px;
	color:#893af8;
	transition:all 0.5s;
}
.more:hover{
	background-color:#893af8;
	color:#fff;
}



.gdbg{
	max-width:1000px;
	margin: auto;
	margin-top:30px;
}
.gdbox{
	width:900px;
    height:240px;
    margin: auto;
	margin-top:10px;
    padding:10px 0;
    position:relative;
}
.box-title{
	height:30px;
	background-color:#0453b8;
}
.box-title a{
	font-size:14px;
	float:right;
	margin-right:4px;
	color:#fff;
	line-height:30px;
}
.gd-l{
	float:left;
	margin-top:10px;
}
.gd-l img{
	height:160px;
}
.gd-l a{
	font-size:14px;
	font-weight:bold;
	display:block;
	margin-top:5px;
	text-align:center;
	transition:all 0.5s;
}
.gd-l a:hover{
	color:#893af8;
}
.gd-l p{
	width:158px;
	margin-top:5px;
    margin-left:5px;
	font-size:12px;
}
.gd-r{
	float:left;
    width:680px;
	margin-left:40px;
}
.gd-r p{
    line-height:32px;
    text-indent:2em;
    font-size:16px;
    margin-top:20px;
}
.gd-r h3{
    font-size:20px;
	font-weight:bold;
    margin-top:10px;
    color:#333;
	float:none;
}


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

.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:40px;
}

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

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

.pt-title a{
	float:right;
	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;
	font-size:13px;
}
.pt p a:hover{
	color:#459df5;
}


/*人物*/
.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);
	position:relative;
	margin-top:10px;
	transition:all 0.5s;
}
.gg-box:hover{
	background-color:rgba(255,255,255,1);
}
.g-l{
	float:left;
	width:140px;
}
.g-l img{
	width:140px;
	height:150px;
}
.g-r{
	float:left;
	width:180px;
	margin-left:80px;
	text-align:center;
}
.g-r a{
	font-size:20px;
	display:block;
	margin-top:20px;
	color:#893af8;
	position:relative;
	transition:all 0.5s;
}
.g-r p{
	margin-top:10px;
}
.box-lr{
	margin-left:20px;
	margin-right:20px;
}
.g-r a:hover{
	color:#5c1597;
}
.dh{
	position:absolute;
	width:20px;
	height:20px;
	display:block;
	top:0;
	right:30px;
}

.zj{
	max-width:1000px;
	margin: auto;
	margin-top:30px;
}
.zj-box{
	width:46%;
	float:left;
	margin:0 20px;
}
.zj li{
	line-height:36px;
}
.zj li a{
	font-size:16px;
	transition:all 0.4s;
}
.zj li a:hover{
	color:#2888c9;
}


.zt{
    max-width:1000px;
    margin: auto;
    margin-top:20px;
}
.zt li{
    float:left;
    width:460px;
    height:80px;
    margin:5px 20px;
}
.zt li img{
    width:100%;
    height:80px;
}


.pd{
    max-width:1000px;
    margin: auto;
    margin-top:20px;
}
.pd li{
    float:left;
    width:320px;
    height:80px;
    margin:5px;
}
.pd li img{
    width:100%;
    height:80px;
}


.footer a{
	transition:all 0.5s;
}
.footer a:hover{
	color:#2888c9;
}


@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 15px;}
	.pd li{margin:3px;}
	.img a{margin:5px 2px;}
	.zj-box{margin:0 18px;}
	.tt a{font-size:26px;}
	.bl-l{float:none;}
	.bl-r{float:none;}
	.bl{height:auto;right:0;opacity:1;}
}