@charset "utf-8";

/**顶部样式**/
.header{
    height: 65px;
    background: #fff;
    line-height: 65px;
}
.logo{
    float: left;
}
.logo h1{
    margin-top: 10px;
}
.toolbar li a{
    display: inline-block;
    font-size: 16px;
    float: right;
    height: 65px;
    line-height: 65px;
    width: 95px;
    text-align: center;
    color: #333;
}

.toolbar li a:hover{
    display: inline-block;
    font-size: 16px;
    float: right;
    height: 65px;
    line-height: 65px;
    width: 95px;
    text-align: center;
    color: #ddd;
    background: #222;
}

.banner_hf {
    background: url("../images/banner.png") no-repeat center;
    height: 420px;
}


/**导读**/

.daodu {
    position: relative;
    margin-top: 25px;
    padding: 15px;
}

.daodu_txt p{
    width: 560px;
    padding-left: 25px;
    line-height: 2em;
    font-size: 20px;
    border-right: 1px solid #ddd;
    padding-right: 25px;
    height: 160px;
}

.daodu_txt p a{
    color: #5ba7f4;
}

.name{
    margin-top: 10px;
    padding-right: 25px;
}

.name .name_p{
    width: 59px;
    height: 62px;
    border-radius: 50%;
    overflow: hidden;
}

.name dl{
    padding-left: 34px;
}

.name dt{
    margin-bottom: 5px;
    font-size: 18px;
    color:#5ba7f4 ;
}

.name dd{
    margin-bottom: 5px;
    color: #999;
}

/**标题，内容**/
.title h1{
    font-size: 24px;
    padding-left: 35px;
}

.title {
    padding-top: 20px;
    border-top: 5px solid #eee;
    background: url("../images/title_icon.png") no-repeat 0px 20px;
    height: 28px;
    margin-bottom: 20px;
    margin-top: 25px;
}

.title_img{
    width: 500px;
}

.title_text{
    width: 450px;
}

.title_text p{
    line-height: 1.8em;
    font-size: 16px;
    margin-top: 8px;
    text-indent: 2em;
}

.title_text a{
    color: #52a7e9;
}

/**相册**/

.mod18Box { padding: 10px; border: 1px solid #CCC; margin: 0px auto; width: 1000px; background: #FFF; box-shadow:0px 1px 5px #CCCCCC }
.mod18{ width: 1000px; height: 530px; margin: 0px auto; position: relative; background: #f7f7f7; }
.mod18 .btn{position:absolute;width:15px;height:70px;top:536px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:220px;width:46px;height:48px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:0;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:1000px;height:530px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:1000px;position:absolute;left:0;bottom:-200px;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{height:530px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:330px;position:absolute;}
.mod18 .picBox li{width:1000px;height:330px;}
.mod18 .listBox{ width: 1000px; height: 70px; margin: 0 auto; position: relative; padding: 6px 0 0px; overflow: hidden; }
.mod18 .listBox ul{height:100px;position:absolute;}
.mod18 .listBox li{width:129px;height:70px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:124px;height:70px;}
.mod18 .listBox li img{width:124px;height:70px;}
.mod18 .listBox .on img{width:118px;height:64px;border:3px solid #ff6600;}
.mod18 .listBox .on i{display:block;}


.four_list li{
    margin-bottom: 20px;
}

.four_list .four_img{
    width: 190px;
    height: 150px;
}

.four_list .four_text{
    width: 280px;
    padding-left: 15px;
    margin-top: 10px;
}

.four_list .four_text dt{
    font-size: 16px;
    font-weight: bold;
    width: 280px;
    margin-bottom: 10px;
}

.four_list .four_text dd{
    line-height: 1.7em;
    color: #666;
    height: 83px;
    overflow: hidden;
}


.footer{
    height: 230px;
    background: #f1f1f1;
    position:relative;
    z-index:30;
    margin-top:15px;
}

.footer .link {
}

.footer .link dd {
    width: 120px;
    margin-top: 40px;

}

.footer .link dd a{
    display: block;
    height: 30px;
    line-height: 30px;
}

.footer .wx{
    margin-top: 50px;
    margin-left: 10px;
}

.footer .beian{
    margin-top: 60px;
}

.footer .beian p{
    color: #666;
    margin-bottom: 10px;
}

.footer .beian p span a ,.footer .beian p span{
    background: #379be9;
    color: #fff;
    padding: 2px 10px;
}

.footer .benan_cion{
    margin-top: 30px;
}