@charset "UTF-8";
*{ margin: 0; padding: 0; list-style-type: none; text-decoration: none; font-family: "Microsoft YaHei"; font-size: 14px; color: rgb(51, 51, 51); }
img{ border: 0; vertical-align: middle; }
body{ background: url("../images/bg/4.jpg") no-repeat center top; background-size: 100% 268px; }
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.fl{float: left;}
.fr{float: right;}
/*Header Start*/
.head{ width:  1200px; margin: 0 auto; position: relative; height: 220px; }
.logo{ width: 600px; position: absolute; left: 0; top: 0; line-height: 220px; }
.weather{ position: absolute; right: 0; top: 50px; }
.weather *{font-size: 14px; line-height: 18px;}
.weather ul{overflow: hidden;}
.weather ul li{float: left; color: #fff; margin-left: 15px; line-height: 18px;}
.weather ul li:first-child{ font-size: 40px; line-height: 50px;}
.weather ul li.line{padding-top: 7px;}
.weather ul li.tq{font-size: 50px; line-height: 50px;}
.weather:hover ol{width: 520px;}
.weather ol{transition: width .3s; padding: 25px 0; background: #fff; overflow: hidden; position: absolute; width: 0; right: 0; top:100%; height: 102px; z-index: 10;}
.weather ol *{color: #444;}
.weather ol li{width: 128px; float: left; border-right: 1px #ddd solid; text-align: center;}
.weather ol li:last-child{border-right: none;}
.weather ol li i{line-height: 66px;font-size: 40px;}

.nav{ display: flex; background: #005eb5; }
.nav ul{ width: 1200px; margin: 0 auto;position: relative; display: flex;}
.nav li{ flex:1; background: url(../images/gang.png) right center no-repeat;}
.nav li:first-child{ background: url(../images/gang.png) left center no-repeat,url(../images/gang.png) right center no-repeat;}
.nav li a{ text-align: center; display: block; line-height: 48px; font-size: 16px; color: #FFF; }
.search{ height: 30px; position: absolute; bottom: 50px;right: 0; padding: 8px 20px; background: rgba(255,255,255,0.4); }
.search .word{ width: 200px; height: 40px; padding-left: 30px; padding-right: 54px; border: none; outline: none; line-height: 40px;border-radius: 3px; }
.search .submit{ position: absolute; right: 20px; top: 8px; width: 50px; height: 40px; border: none; outline: none; background: url("../images/search.png") no-repeat center center; }
/* 适老化按钮 */
.search{height: auto;}
.wza-box{height:38px;margin-bottom:10px;position:absolute;right:0;top:60px;}
.wza-box a{ display: block;float: right;height: 38px;line-height:
38px;padding: 0 16px;font-size: 18px;letter-spacing: 0.32px; }
.wza-box a.wza{ background: #fff;color: #015293; border: 1px solid
#015293; border-radius: 2px 0px 0px 2px;}
.wza-box a.oldman{ background:#015293;color: #fff;border: 1px solid
#015293;border-radius: 0px 2px 2px 0px; }


/*Header End*/

/*Content Start*/
#Content{ width: 1200px; margin: 0 auto; background: #FFF; padding: 20px 0; }
.where{ height: 40px; background: #EDEDED url(../images/where.png) no-repeat 20px center; line-height: 40px; padding-left: 50px; width: 1200px; margin: 0 auto; box-sizing: border-box; font-size: 15px; }
.where *{ font-size: 15px; }
.pages { text-align: center; padding: 20px 0; }
.pages a{ margin: 0 10px; }
/*Content End*/

/*key word Start*/
.keyword{
     line-height: 30px; 
padding-left: 20px;
}
.keyword a{
    color:#999;
}
.keyword a:hover{
     color:#000; 
}
.keyword{display: none;}

/*key word End*/

/*Footer Start*/
#Footer{ border-top: 1px #0f4880 solid;width: 1200px;margin: 0 auto;}
.foot{ border-top: 3px #cfe5f3 solid; padding: 20px 0;width: 100%; display: flex; }
.foot p{text-align: left;line-height: 30px;}
.foot p.img{ width: 800px; margin:0 auto; line-height: 80px; }
.foot p img{ line-height: 100px; }
.foot-main{display: flex;width: 350px;flex-direction: row-reverse;flex: 1;justify-content: center;flex-wrap: wrap;padding: 0 14px;box-sizing: border-box;}
.foot_ico{display: flex;justify-content: center;}
.foot .dzjg_ico,.foot .zfzc_ico{
    line-height: 120px;
}
.yqlj select:first-child {
    margin-left: 0;
}

.yqlj select {
    float: left;
    display: block;
    margin-left: 1%;
    font-size: 15px;
    line-height: 35px;
    height: 35px;
    color: #666;
    cursor: pointer;
    width: 24.25%;
    box-sizing: border-box;
    padding-left: 10px;
    border: 1px #eaeaea solid;
    background-color: #fafafa;
}

#_span_jiucuo{ float: right; }


/*Footer End*/

/* 老年模式 */
.oldModel .float-window{display:none;}
/* .oldModel .head{width:90%;}
.oldModel .nav ul{width:90%;}
.oldModel #Content{width:90%;}
.oldModel #Footer{width:90%;} */
.oldModel .where{width:100%;}
/* 公用样式 */
.oldModel *{font-size:28px !important;}
.oldModel .nav li a{line-height: 60px;}
.oldModel .yqlj select{height: 60px;line-height: 60px;}
.oldModel .foot{flex-wrap: wrap;}
.oldModel .foot p{line-height: 60px;}
.oldModel .foot-main{flex: initial;}

@media (max-width: 550px){
  /* head */
    .wza-box{display: none;}
    .top_bar,.accessible-wrap{display: none;}
    .head{margin: 0;width: 100%;text-align: center;height: 170px;}
    .logo{width: 80%; margin: 0 auto;position: initial;line-height: initial;}
    .logo img{width: 100%;}
    .search{ position: initial;display: inline-block;}
    .search input{float: left;}
    .keyword{display: none;}
    .search .word{padding-right:0}
    .search .submit{position: initial;}
    .nav{
        width: 100%;
        margin: 0;
    }
    .nav ul{
        width: auto;
        display: flex;
        overflow: hidden;
        overflow-x: scroll;
    }
    .nav ul li{
        width: auto;
        float: none;
        flex: none;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        font-size: 16px;
        font-weight: 500;
    }
    .nav ul li a{
        font-size: 16px;
        padding: 0 10px;
    }

    /*  */
     /* foot */
    #Footer{
        width: 100%;
    }
    .foot{
        padding: 20px 5px;
        box-sizing: border-box;
        display: inherit;
    }
    .foot .dzjg_ico, .foot .zfzc_ico{
        line-height: 80px;
        float: left;
    }
    .foot p{
        line-height: 24px;
        font-size: 12px;
    }
    
}