﻿@charset "UTF-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{ margin:0;padding:0; font-family:CustomFont,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-size: 14px; }
li{list-style-type: none;}
a{text-decoration: none; color: inherit; cursor: pointer;}
img{border:none;vertical-align: middle;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.fl{float: left;}
.fr{float: right;}
input{outline: none;}
body{ background: url("../images/bg.jpg") no-repeat fixed; background-position: center top; }

/*Header 样式*/
.head{ width: 1200px; margin: 0 auto; color: #333; line-height: 40px; font-size: 13px; }
.head .fr li{ float: left; font-size: 13px; }
.head .fr li a{ border-left: 1px solid #757575; padding: 0 10px; }
.head .fr li:first-child a{ border-left: 0; }

.logo{ width: 1200px; margin: 0 auto; height: 150px; position: relative; }
.logo-img{ line-height: 130px; float: left; }
.weather{ float: left; margin-left: 80px; }
.search{ position: absolute; right: 0; top: 60px; border-radius: 3px; overflow: hidden; }
.search-form{ background: #fff }
.search .word{ width: 400px; height: 40px; padding: 5px 10px; border: none; vertical-align: top; }
.search .submit{ position: absolute; right: 5px; top: 5px; width: 40px; height: 33px; border: none; cursor: pointer; background: url("../images/icon_search.png") no-repeat center center; }
.search .hotWords{ font-size: 13px; line-height: 30px; margin-left: 10px; display: none;}
.search .hotWords a{ margin: 0 5px; }

/*nav样式*/
.nav{ background: #1E457C; }
.nav ul{ width: 1200px; margin: 0 auto; display: flex; background: url(../images/index_08.jpg) no-repeat right center;}
.nav ul li{ flex: 1; background: url(../images/index_08.jpg) no-repeat left center;}
.nav ul li a{  display: block; color: #fff; text-align: center; line-height: 50px; font-size: 18px; }
.nav ul li.active a,.nav ul li:hover a{ background: rgb(228,228,228); color: #1E457C; }

/*Content样式*/
#Content{background: #fff;  width: 1200px; margin: 0 auto;min-height: 500px; }
.navigation{ font-size: 15px; background: #fff url("../images/ej_10.jpg") no-repeat 15px center; line-height: 50px; padding-left: 40px; margin-top: 10px; }


/*Footer样式*/
#Footer{ border-top: 5px solid #1561af; background: #f6f6f6; padding-top: 20px; margin-top: 20px; }
.foot{ width: 1100px; margin: 0 auto; overflow: hidden; }
.foot .cont{ width: 850px; margin: 0 auto; }
.foot p{ text-align: center; line-height: 38px; }
.foot div{line-height: 180px; }
.foot .daohang{ font-size: 16px; }
.foot .daohang span { padding: 0 5px; }
/*.foot .daohang span{ padding: 0 3px; }*/

/*手机版*/
.menu-icon{ display: none!important; }

@media screen and (min-width:960px){
    body .channel .fr #moreChannel{ display: none; }
    
}
@media screen and (max-width:960px){
    body .wza-box{ display: none; }
    body .right-bottom-box,#box, .pc-display{ display: none; }
    body .head{ display: none; }
    body .logo{ width: auto; overflow: hidden; height: auto; }
    body .logo-img{ line-height: 90px; float: none; }
    body .logo-img img{ height: auto; margin-left: 5px; width: 100%; position: relative; }
    body .logo-img .menu-icon{ display: block; position: absolute; top: 36px; right: 10px; width: 18px; height: 13px; background: url("../images/menu.png") no-repeat center center; z-index: 99; }
    body .logo-img .menu-icon.active{ background: url("../images/close.jpg") no-repeat center center; }
    body .logo iframe{ display: none; }
    body .nav ul{ width: auto; }
    body .search{ display: none; }
    body .search.active{ display: block; position: static; margin: 0; background: #1E457C; text-align: center; padding: 10px 0 2px; margin-bottom: 10px; }
    body .search .word { width: 60%; height: 20px; }
    body .search .submit{ height: 32px; }
    body .nav ul li a{ line-height: 22px; padding: 10px; font-size: 16px; font-weight: normal; }
    body #Content{ width: auto; padding: 0; }
    body .column1 { height: auto; padding: 0; }
    body .column1 .fl,body .column1 .fr{ width: 100%; }
    body .column1 .fl{ height: 250px; }
    body .column1 .fr{ height: auto; }
    body .tab-title{ padding:0 8px; margin-top: 15px; }
    body .tab-title span{ padding: 0 1px; font-size: 17px; }
    body .tab-content{ margin-top: 5px; padding: 0 8px; }
    body .tab-content li:nth-of-type(6){ display: none; }
    body .tab-content li:nth-of-type(7){ display: none; }
    body .tab-content li:nth-of-type(8){ display: none; }
    body .tab-content li:nth-of-type(9){ display: none; }
    body .tab-content li a{ font-size: 14px; }
    body .tab-title span.active::after{ display: none; }
    body .tab-content li{ font-size: 13px; }
    body .tab-content li span{ color: #999; }
    /*  body .column2{ display: none; }  */
    body .column3{ display: block; }
    body .column3 .smaller{ display: none; }
    body .column3 .bigger{ display: block; }
    body .column3>div .title{ background-color: #3db1ea;; }
    body .column3>div .title{ height:50px; line-height: 50px; background-position: 10px center; padding-left: 60px; text-align: left; }
    body .column3 .tab-content li a{ width: auto; }
    body .ztzl .tab-title span{ max-width: 50%; text-overflow: ellipsis; }
    /*  body .column4{ display: none; }  */
    .column4 .fl, .column4 .fr {  width: 100% !important;  }
    .column1, .column2, .column3, .column4, .column5, .column7{ padding: 10px !important; }
    .swiper{ height: 60px !important; }
    .swiper-slide img,.pic-link img{ height: 50px; }

    body .foot{ width: auto; height: auto; margin: 0; text-align: center;}
    body .foot .daohang{ display: none; }
    body .foot .fl,body .foot .fr{ display: inline-block; float: none; line-height: 40px; }
    body .foot p{ width: auto; margin: 0 0 10px; line-height: 25px; font-size: 12px; }
    body .foot p span{ display: none; }
    body .foot p:first-child{ display: none; }

    body .navigation{ margin-top: 0; }
    body .channel{ margin: 0; }
    body .channel .fl{ display: none; }
    body .channel .fr{ width: 100%; float: none; }
    body .channel .fr .list{ margin: 0 12px; }
    body .channel-list li{ font-size: 16px; line-height: 29px; border-bottom: 1px solid #dfe8f0; margin-bottom: 9px; white-space: normal; height: auto; padding:0 0 9px 12px; background: url(../images/li-bg.png) no-repeat 0 16px; }
    body .channel-list li:nth-of-type(2n+1) { background-color: rgba(0,0,0,0); }
    body .channel-list li span{ position: static; float: right; font-size: 13px; }

    body .content{ padding: 10px; margin: 0; }
    body .content>h1.title{ font-size: 30px; line-height: 35px; }

    body .column7 .ztzl-title>.fl, .column7 .ztzl-title>.fr{ width: 30%; }
    body .links_scroll ul{ width: 1000%; }
    body .links_scroll ul li img{ height: 80px; }
    body .foot .cont{ width: 100%; }
    
    body .banshi{ flex-wrap: wrap; }
    body .banshi .pic-link{ width:49%; height:50px; margin-bottom: 10px; }


    /* 栏目页  */
    body .channel .fr .title #more { display: block; }
    body .channel .fr #moreChannel{  display: block; }
}


/* 适老化改造 */
.wza-box{margin-top: 10px; float: right;min-width: 200px;}
.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: #F76B00; border: 1px solid #FC740D; border-radius: 2px 0px 0px 2px;}
.wza-box a.oldman{ background:#F79600;color: #fff;border: 1px solid #F79600;border-radius: 0px 2px 2px 0px; }
#toolbarOldman{display: block!important;}


/* .oldModel .pc-display,
.oldModel .right-bottom-box{display: none;}
.oldModel .head,
.oldModel .logo,
.oldModel #Content{width: 90%;}
.oldModel .nav ul{width: 90%; min-width: 930px;}
.oldModel .scroll-banner{max-width: none;}
.oldModel .search{top: 85px;}
.oldModel .wza-box {margin-top: 30px;}
.oldModel .foot{width: 90%;} */

.oldModel *{font-size: 28px!important;}
.oldModel .pc-display,
.oldModel .right-bottom-box{display: none;}
.oldModel .head,
.oldModel .logo{width: 90%;}
.oldModel .search .submit{top: 10px;}
.oldModel .nav ul{width: 90%;min-width: 930px;}
.oldModel .scroll-banner{max-width: none;}
.oldModel .search{top: 85px;}
.oldModel .wza-box {margin-top: 30px;}
.oldModel .foot{width: 90%;}