/*���ȳ���������ʽ*/
/*a, a:visited {*/
    /*color: #97b6d6;*/
    /*text-decoration: none;*/
/*}*/
h1, h2, h3, footer, .gallery {
    text-align: center;
}
footer {
    margin-top: 1em;
}
.content {
    width: 1200px;
    margin: 0 auto;
}
/*.gallery img {*/
    /*height: 200px;*/
    /*transition: -webkit-filter .4s, filter .4s;*/
    /*filter: grayscale(0%);*/
    /*-webkit-filter: grayscale(0%);*/
/*}*/
/*.gallery img:hover {*/
    /*filter: grayscale(100%);*/
    /*-webkit-filter: grayscale(100%);*/
/*}*/
.gallery a {
    width: 350px;
    height: 232px;
    display: inline-block;
}
/*header����*/
body{
    background: #deedf3;
}
h4{
    color: #29648f;
    font-size:34px;
}
header{
    background: no-repeat center center;
    height: 715px;
}
div.content p{
    text-align: left;
}
/*�����*/
#activitybg,#slr,#mobile{
    width: 1200px;
    margin: 0 auto;
}
#activitybg{
    margin-top: -130px;
}
#activitybg>h4{
    margin-bottom:35px;
}
#activitybg p{
    font-size: 16px;
    line-height: 26px;
    text-indent: 2em;
    color: #4d4f50;
}
/*���������飬�ֻ�*/
#slr{
    min-height: 550px;
}
#slr,#mobile{
    margin-top: 55px;
}
#slr h4,#mobile h4{
    margin-bottom: 25px;
}
#slr div.brief,#mobile div.brief{
    width: 350px;
    height: 280px;
    background: #ffffff;
}
#slr div.content ul,#mobile div.content ul{
    overflow: hidden;
}
#slr div.content ul li,#mobile div.content ul li{
    position: relative;
    height: 322px;
    width: 30%;
    float: left;
    margin-right:55px;
    margin-bottom: 10px;
}
#slr div.content ul>li>p,#mobile div.content ul>li>p{
    width: 350px;
    height: 232px;
    position: relative;
    z-index: 999;
}
#slr div.content ul li div.brief,#mobile div.content ul li div.brief{
    position: absolute;
    top: 25px;
    left:20px;
}
#slr div.content ul li div.brief div,#mobile div.content ul li div.brief div{
    position: absolute;
    bottom: 3px;
    margin-left: 30px;
}
#slr div.content ul li div.brief div p,#mobile div.content ul li div.brief div p{
    margin-bottom:10px;
}
#slr div.content ul li div.brief div p span,#mobile div.content ul li div.brief div p span{
    font-size: 16px;
}
#slr div.content ul li div.brief div p span.lf,#mobile div.content ul li div.brief div p span.lf{
    color: #323232;
    font-weight: bold;
}
#slr div.content ul li div.brief div p span.rg,#mobile div.content ul li div.brief div p span.rg{
    color: #949494;
}

#slr img,#mobile img{
    width:350px;
    height: 232px;
}
div.content ul li>p{
    box-shadow: 2px 2px 10px #ccc;
}
div.brief{
    box-shadow: 2px 2px 10px #cfdde3;
}
/*ҳ�벿��*/
 div.page{
     width: 400px;
     margin: 0 auto;
     margin-top: 30px;
 }
div.page ul{
    overflow: hidden;
}
div.page ul li{
    float: left;
    margin-right: 10px;
}
div.page ul li a,div.page ul li span{
    display: block;
    width:32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    border-radius: 16px;


}
div.page ul li a.current{
    background:#abc8d3;
    color: #ffffff;
}
div.page ul li.prev span,div.page ul li.next span{
    width: 64px;
}
div.page ul li{

}
/*footer����*/
footer{
    height: 235px;
    background: #467498;
    color: #ffffff;
    padding-top: 30px;
    margin-top: 80px;
}
footer ul{
    width: 670px;
    margin: 0 auto;
    margin-bottom:45px;
    overflow: hidden;
}
footer ul li{
    margin-right: 20px;
    float: left;
}
footer ul li i{
    margin-left: 10px;
}
footer ul li a{
    font-size: 16px;
    color: #ffffff;
}
footer ul li a:hover{
    color: #ffffff;
}
footer p{
    text-align: center;
    font-size:14px;
    margin-bottom: 20px;
}
footer p span{
    margin-right: 30px;
}
/*�������ֻ����ķ�ҳ*/
#slr ul.slr_1{
    display: block;
}
ul.slr_2,ul.slr_3,ul.slr_4,ul.slr_5,ul.slr_6{
    display: none;
}
#mobile ul.content{
    display: block;
}
ul.mobile_2,ul.mobile_3,ul.mobile_4{
    display: none;
}
/*�����޸ĵ���ʽ*/
#slr div.content ul li:nth-child(3n),#mobile div.content ul li:nth-child(3n){
    margin-right: 0px;
}