.bg{
width: 100%;
height: auto;
background: rgba(253,254,222,.5);
background: #ffffcc;
z-index: -999;
}
.content-box{
margin: 0 auto;
width: 1000px;
height: auto;
}
.top{
width: 1000px;
height: 120px;
padding: 20px;
background: rgb(108,89,152);
background: url(images1.png);
background-size: 100%;
}
.logo{
float: left;
margin-top: 10px;
width: 330px;
height: 80px;
}
.logo img{
width: 330px;
height: 80px;

}
.search{
float: right;
margin-right: 35px;
width: 220px;
height: 40px;
margin-top: -10px;
}
.form-control{
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
height: 30px;
}
.search-btn{
height: 30px;
width: 40px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
background: rgb(255,255,255);
background-size: 60%;
background-position-y: 50%;
background-position-x: 50%;
}
.top-nav{
float: left;
margin-top: -10px;
margin-left: 30px;     /*这个是顶部栏目盒子距离前方的距离，越小越近，五个栏目为80px*/
width: auto;       /*这个是顶部栏目盒子的宽度  默认550px，auto为自动*/
height: auto;
padding: 20px;
}
.top-nav ul{
list-style: none;
}
.list-title{
float: left;
margin-left: 20px;
font-size: 1em;			/*这个是重点     这里是字体的大小   五个栏目为1.3em，如果要添加两个，只能是1em以下合适*/
}
.top-nav a{
color: rgba(81,28,114,.8);
text-decoration: none;
}
#top-nav-list li ul{
 margin-top: 10px;
float: none;
width: auto;
height: auto;
padding: 20px;
margin-left: -15px;
background: rgba(255,255,255,.8);
background-color: #fff;
progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
position: absolute;
z-index: 999;
display: none;
}
#top-nav-list li ul li{
column-count: 1;
font-size: 1em;
line-height:35px;
border-bottom: 1px solid #ccc;
}
.ppt-top-line{
margin: 1px 0 0 1px;
width: 1000px;
height: 2px;
background: rgb(108,89,152);
background: url(imagesppt-top.png) repeat-x;
}
#ppt{
width: 1000px;
height: 300px;
z-index: 998;
position: absolute;
box-shadow: 0px 5px 5px rgba(0,0,0,.6);
}
#ppt img{
width: 100%;
height: 300px;
}
.left-control{
width: 200px;
height: 300px;
background-size: 5%;
background: url(imagesleft.png) no-repeat;
background-position-x: -205px;
background-position-y: 50%;
position: absolute;
z-index: 999;
}
.right-control{
width: 200px;
height: 300px;
background-size: 5%;
background: url(imagesright.png) no-repeat;
background-position-x: -160px;
background-position-y: 50%;
position: absolute;
z-index: 999;
}
.ppt-nav{
width: 1000px;
height: 40px;
background: rgba(0,0,0,.5);
margin-top: -40px;
z-index: 999;
position: absolute;
}
.ppt-nav ul{
list-style: none;
}
.ppt-nav ul li{
float: left;
margin-left: 80px;
padding: 10px;
font-size: 1.2em;
}
.ppt-nav a{
color: rgb(255,255,255);
}
.list-box{
margin-top: 330px;
width: 1000px;
height: auto;
position: absolute;
z-index: 999;
}
.list-box-left{
float: left;
width: 330px;
height: 350px;
}
.list-box-left-name{
width: 330px;
height: 30px;
}
.list-box-left-text{
margin-left: 10px;
float: left;
color: rgb(55,28,157);
}
.list-box-left-more{
float: right;
color: rgb(55,28,157);
}
.list-line{
float: left;
margin-top: 15px;
width: 330px;
height: 2px;
background: url(imageslist-name.png);
background-size: 100%;
}
.list-box-news{
margin-top: 20px;
width: 330px;
height: 290px;
padding: 5px;
background: rgba(243,240,222,.5);
overflow: hidden;
}

.list-box-news a{
color: rgb(0,0,0);
}
.list-box-right{
float: left;
margin-left: 50px;
width: 320px;
height: 350px;
}
.list-box-link{
float: left;
margin-left: 50px;
width: 250px;
height: 350px;
}
.list-box-link-name{
width: 250px;
height: 30px;
}
.list-box-link-text{
margin-left: 10px;
float: left;
color: rgb(55,28,157);
}
.list-box-link-more{
float: right;
color: rgb(55,28,157);
}
.list-link-line{
float: left;
margin-top: 15px;
width: 250px;
height: 2px;
background: url(imageslist-name.png);
background-size: 100%;
}
.list-box-link-news{
margin-top: 20px;
width: 250px;
height: 290px;
padding: 5px;
background: rgba(243,240,222,.5);
}
.footer-line{
margin-top: 700px;
width: 100%;
height: 9px;
background: url(imagesfooter.png) repeat-x;
}
.footer{
margin-top: 0px;
width: 100%;
height: 100px;
background: rgb(108,89,152);
}
.footer-text{
padding: 20px;
height: auto;
color: rgb(255,255,255);
font-size: 1.2em;
}
.float-left{
float: left;
margin-left: 10px;
width: 150px;
height: 300px;
top: 200px;
padding: 5px;
background: rgba(122,105,159,10);
position: fixed;
z-index: 999;
display: none;
}
.float-name{
width: 150px;
height: 30px;
}
.float-logo{
float: left;
width: 100px;
height: 30px;
background: url(imageslogo.png) no-repeat;
background-size: 100%;
}
.close-float{
float: right;
margin-right: 15px;
margin-top: -10px;
height: 50px;
font-size: 2em;
cursor:pointer;
}
.float-content{
margin-top: 20px;
width: 140px;
height: auto;
padding: 5px;
color: rgb(255,255,255);
font-size: 1.2em;
}
.float-right{
float: right;
right: 10px;
width: 150px;
height: 300px;
top: 200px;
padding: 5px;
background: rgba(122,105,159,10);
position: fixed;
z-index: 999;
display: none;
}