@charset "utf-8";
body{background: url(2023csszf_zzzq_banner.png) no-repeat center top;background-size:contain;}
/*头部*/
.header{ height: 496px; overflow: hidden; position: relative; }
/*#voicerbtn{ position: absolute; border-radius: 44px; right: 50%; margin-right: -600px; top: 50px; width: 267px; height: 44px; line-height: 44px; text-align: center; border: 3px solid #fff; background: #CFAB78; font-size: 30px; color: #ffffff; font-weight: bold; }*/
.logo{margin-top: 160px;/*float: left;*/margin-bottom: 35px;width: 533px;}
.logo img{ width: 100%; }
.btn{padding-left:60px;}
.btn a{display:block;margin-bottom:10px;}
.zzzqBtn{ width: 274px; height: 74px; line-height: 74px; background: #8B5D45; border: 3px solid #fff; border-radius: 74px; position: absolute; left: 50%; margin-left: -477px; top: 258px; font-size: 38px; color: #ffffff; text-align: center; font-weight: bold; }

.clear{clear: both;}
.clearfix:after{content: ""; display:block;clear:both;}
.clearfix { *zoom:1;}
.pt0{ padding-top: 0!important; }
.pt10{ padding-top: 10px!important; }
.mt40{ margin-top: 40px; }
.mt-70{ margin-top: -70px; position: relative; }
.col-space40{margin: -20px;}
.col-space40>*{padding: 20px; box-sizing: border-box; }
.box-radius {border-radius: 20px;background-color: rgb(255, 255, 255);box-shadow: 0 0 10px 0 rgb(210 191 163);padding: 35px 25px;}
.w1200{width: 1200px;margin: 0 auto;}
.main{margin-bottom: 35px;}
/****************************************** 长者专区首页 *****************************************/
.title-h1 a{ display: block; height: 69px;margin-top: 20px;margin-bottom: 50px;}
/* 新闻图片 */
#slideBox{ border-radius: 10px; overflow: hidden; }
#slideBox .item,
#slideBox .item img{ width: 100%; height:630px; }
#slideBox .item p{ height:70px; line-height:70px; font-size:30px; color:#fff; background: rgb(51 51 50 / 80%); position:absolute; right: 0; left:0; bottom:0; z-index: 2; display: inline-block; cursor:pointer; padding:0 20px;}
#slideBox .item p a{ display:block; text-align: center; height:70px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; color:#fff; }
#slideBox .owl-pagination{ height:40px; line-height: 40px; overflow:hidden; position:absolute; right: 0; bottom:0px; z-index:1; }
#slideBox .owl-pagination .owl-page{ float:left; margin:14px 10px 0 0; border-radius: 50%; width:10px; height:10px; background: #fff; font-size: 0; cursor:pointer; overflow:hidden; }
#slideBox .owl-pagination .owl-page.active{ background: #fc0000; }
#slideBox .owl-prev,
#slideBox .owl-next{ display: none; border-radius: 50%;background: url(2023csszf_zzzq_btnLeft.png) no-repeat center;width: 80px;height: 80px; position: absolute; top: 50%; margin-top: -40px; left: 40px; z-index: 100; }
#slideBox .owl-next{ left: auto; right: 40px; background: url(2023csszf_zzzq_btnRight.png) no-repeat center;   }

/* tab切换 标题 */
.title{line-height: 80px;position: relative;border-bottom: 4px solid #e6e6e6;}
.title ul{overflow: hidden;}
.title li{float: left;text-align: center;border-radius: 10px 10px 0px 0px;}
.title li>a{font-size: 48px;padding: 0px 54px;}
.title li.on{background-color: #a58353;}
.title li.on a{color: #fff;}
.title li:hover{background-color: #a58353;}
.title li:hover a{color: #fff;}
.title li span{position: absolute;right: 0px;top: 0px;display: none;}
.title li.on span{display: block;}
.title li.on span a{color: #c8b96b;font-size: 14px;}
.slideTxtBox .list li{line-height: 80px;position: relative;background: url(2023csszf_zzzq_dian.png) no-repeat left center;padding-left: 30px;}
.slideTxtBox .list li a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-right: 200px;font-size: 30px;display: block;}
.slideTxtBox .list li a:hover{color: #a58353;}
.slideTxtBox .list li span{color: #666;position: absolute;right: 0px;top: 0px;font-size: 30px;width: 167px;}

.wxk-list1{margin-top: 50px;}
.wxk-list1 .title li{width: 25%;}
.wxk-list1 .title li a{padding: 0;}

.wxk-list2{margin-top: 50px;overflow: hidden;}
.wxk-list2 .list2 ul{margin: 0px -15px;}
.wxk-list2 .list2 li{width: calc(50% - 30px);float: left;margin: 0px 15px;margin-bottom: 30px;}
.wxk-list2 .list2 li img{width: 100%;height: 225px;}

.wxk-link a{ display: block; border-radius: 10px; background-color: #FBEAD2; height: 280px; text-align: center; overflow: hidden; }
.wxk-link a:hover{ background-color: #efdec6; }
.wxk-link a i{ display: block; height: 121px; line-height: 121px; margin-top: 35px; margin-bottom: 20px; }
.wxk-link a span{ font-size: 48px; color: #000000; font-weight: bold; }

/*我想查*/
.wxc-link ul li{padding: 0px;width: calc((100% - 40px) / 2);float: left;margin-right: 40px;margin-bottom: 30px;}
.wxc-link ul li:nth-child(2n){margin-right: 0px;}
/* .wxc-link ul li.link-li a{font-size: 48px;height: 108px;line-height: 108px;border: 1px solid #f2eadd;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;border-radius: 5px;padding: 0px 40px;box-sizing: border-box;} */
.wxc-link ul li img{width: 100%;}

/*我想办*/
.wxb-link ul li{padding: 0px;width: calc((100% - 40px) / 2);float: left;margin-right: 40px;margin-bottom: 30px;}
.wxb-link ul li:nth-child(2n){margin-right: 0px;}
.wxb-link ul li.link-li, .wxc-link ul li.link-li{position: relative;height: 158px;display: block;border: 1px solid #f2eadd;border-radius: 5px;box-sizing: border-box;}
.wxb-link ul li.link-li a, .wxc-link ul li.link-li a{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 48px;text-align: center;line-height: 55px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;padding: 0px 30px;box-sizing: border-box;}
.wxb-link ul li img{width: 100%;}

/*我想问*/
.wxw-link ul li{float: left;width: calc((100% - 35px) / 2);}
.wxw-link ul li:first-child{margin-right: 35px;}
.wxw-link ul li img{width: 100%;}

li.link-li:hover{background-color: #a58353;}
li.link-li:hover a{color:#fff;}
a{ -webkit-transition: all 0.3s ease-out; transition: all .3s ease-out; }

/* 友情链接 */
.links{ border-top:3px solid #a58353; background:#fff;}
.links>ul{ position:relative; }
.links>ul>li{ width:16.66%; float:left; text-align:center;}
.links>ul>li:hover{ background:#a58353; }
.links>ul>li:hover>a{ color:#fff; }
.links ul>li>a{display: inline-block;height: 100%;text-align: left; }
.links ul>li>.sy{  height:58px; line-height:58px; padding-top:3px; margin-top:-3px; padding-right:25px; /*background: url(2020index_fuwu_05.png) no-repeat right center;*/ }
.links ul>li>.sy.on{ /*background: url(2020index_fuwu_05s.png) no-repeat right center;*/ }
.links ul ul{ height: 200px;overflow: auto;position: absolute;left: 0;right:0;bottom: 61px;padding: 10px; background: #fff;border-bottom: none;display: none;z-index: 999;}
.links ul ul{ border: 1px solid #cccccc; border-radius: 4px;-webkit-box-shadow: 0 -6px 12px rgba(0,0,0,.175);box-shadow: 0 -6px 12px rgba(0,0,0,.175); }
.links ul ul li{ float:left; width: 16.66%; text-align: left; }
.links ul ul li a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;}
.links ul ul li a:hover{  background:#ededed; }
/* 底部*/
.footer{ border-top:1px solid #e6e6e6; padding:30px 0; background:#fff; }
.footer a, .footer p{ color:#666; font-size:14px; line-height:25px; }
.footer .footer-con{ float:left; }
.footer .footer-con01{ width:205px; }
.footer .footer-con02{ width:440px; }
.footer .footer-con03{ width:240px; }
.footer .footer-con04{ float:right; }

@media only screen and (max-width: 1200px) {
    .floor, .w1200{ width: 100%; }
    .col-space40{margin: -5px;}
    .col-space40>*{padding: 5px; box-sizing: border-box; }
    .box-radius {border-radius: 10px;padding: 10px;}

    .header{ background-size: cover; height: 300px; }
    #voicerbtn{ display: none; position: initial; float: right; margin-top: 10px; margin-right: 10px; width: auto; padding: 4px 10px; height: 30px; line-height: 30px; border-radius: 30px; border: 2px solid #fff; font-size: 20px; }
    .logo{ margin-top: 15px; padding: 0 10px; box-sizing: border-box;}
    /* .logo img{ width: 86%; } */
    .zzzqBtn{ float: left; width: auto; margin-top: 20px; margin-left: 10px; display: inline-block; padding: 4px 20px; height: 30px; line-height: 30px; border-radius: 30px; border: 2px solid #fff; position: initial; font-size: 20px; }

    
    /* 底部-友情链接 */
    .links{ border-top: 1px solid #cccccc; }
    .links>ul>li{width: 50%;border-bottom: 1px solid #ccc;box-sizing: border-box;}
    .links>ul>li:nth-child(2n){ border-left: 1px solid #ccc;  }
    .links ul>li>.sy{ height: 46px; line-height: 46px; padding-right: 0; }
    /* 底部 */
    .footer{ border-top: 3px solid #a58353; padding: 20px 0; }
    .footer .footer-con{ float:left; text-align:center; }
    .footer .footer-con01 p{ display:inline-block; margin: 0 4px; }
    .footer .footer-con01, .footer .footer-con02, .footer .footer-con03{ width: 100%; }
    .footer .footer-con04{ float:none; }

    .title-h1 a{ display: block; height: 35px; background-size: auto 100% !important; }

    #slideBox .item, #slideBox .item img{ height: 248px; }
    #slideBox .item p{ height: 40px; line-height: 40px; font-size: 20px; }
    #slideBox .item p a{ height: 40px; }

}
@media screen and (max-width: 800px){
    .header{height:210px;}
    .logo{width: 70%;}
    .title li>a{font-size: 30px;padding: 0px 10px;}
    .wxk-list2 .list2 li, .wxc-link ul li, .wxb-link ul li, .wxw-link ul li{width: 100%;}
    .wxk-list2 .list2 li img{height: unset;}
    .wxw-link ul li:first-child{margin-bottom: 30px;}
}
@media screen and (max-width: 500px){
    .header{height:150px;}
    .btn img{width:200px;}
    .title li>a {font-size: 20px;padding: 0px 5px;}
    .list li a{font-size: 20px;margin-right: 115px;}
    .list li span{font-size: 18px;width: 150px;}
    .slideTxtBox .list li a{margin-right:10px;}
    .slideTxtBox .list li span{display:none;}
}
/****************************************** 长者专区列表 *****************************************/
.site {font-size: 26px;line-height: 32px;padding: 26px 0;color: #333333;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;margin-bottom: 32px;/* background: url(2023csszf_zzzq_site.png)no-repeat 5px center; */}
.list .listContit{display:block;height:70px;border-bottom:7px solid #f7efec;}
.list .listContit span{display:inline-block;height:70px;font-size:40px;font-weight:bold;line-height:70px;padding-bottom:0;border-bottom:7px solid #db5823;}
.list-main{margin-top:40px;}
.list-main ul li{padding: 20px 0 20px 64px;position:relative;background:#f2f2f2;margin-bottom:30px;border-radius:8px;}
.list-main ul li::after{width: 19px;height:7px;content:'';background:#db5823;position:absolute;left: 26px;top: 43px;-webkit-transition: all .5s ease-out;transition: all .5s ease-out;}
.list-main ul li:hover>a{ color: #db5823; }
.list-main ul li:hover>span{ color: #db5823; }
.list-main ul li>a{font-size:32px;line-height:54px;display:inline-block;width:80%;}
.list-main ul li>span{font-size:26px;color:#747474;line-height:54px;float:right;margin-right:30px;}
.list-main ul li>.btn{ display: inline-block; padding: 6px 20px; margin-right: 10px; border-radius: 6px; background: #bc9f81; color: #fff; font-size: 26px; text-align: center; line-height: 30px; }
.list-btn ul{ margin-top: 20px; }
.list-btn ul li>a{font-size:32px;line-height:54px;text-align: center;display:block;padding: 20px;position:relative;background:#f2f2f2;border-radius:8px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-btn ul li>a:hover{color:#fff; background:#db5823;}
.div_cutPage{ padding: 40px 0; text-align: center;  }
.div_cutPage{ margin: 0 auto; }
.div_cutPage a{ display: inline-block; padding: 8px 19px; border-radius: 8px; cursor: pointer; margin: 4px; font-size: 24px; border: 1px solid #dadada; color: #9c9c9c; }
.div_cutPage a:hover{ background-color: #db5823; border: 1px solid #db5823; color:white;  }
.div_cutPage .on{ background-color: #db5823; border: 1px solid #db5823; color:white;  }
@media only screen and (max-width: 1024px) {
    .site{font-size:20px;padding: 10px 0 10px 40px;margin-bottom: 20px; }
    .list .listContit{ height: 55px; border-bottom: 5px solid #f7efec; }
    .list .listContit span{ height: 55px; line-height: 55px; font-size: 30px; border-bottom: 5px solid #db5823; }
    .list-main{ margin-top: 30px; }
    .list-main ul li{padding: 20px 30px;overflow: hidden;}
    .list-main ul li>a{font-size:26px; width:100%; line-height: 50px; text-align: justify; }
    .list-main ul li::after{ top: 0; left: 30px; }
    .list-main ul li>span{ margin-right: 0; }
    .list-btn ul li>a{ font-size: 22px; line-height: 40px; }
    .div_cutPage{ padding: 20px 0 40px; }
}

/****************************************** 长者专区详情 *****************************************/
.qrBox{width:250px;padding:20px;border:4px solid #898989;margin:0 auto;border-radius:10px;}
#qr_container,#div_div *,.zrbjcommon{font-size:26px !important;}
#articleContent *{max-width: 100% !important;line-height:60px !important;font-size:26px !important;}
#articleContent iframe{ display: block; }
#articleContent p{margin:20px 0;}
#qr_container{margin:auto;position:relative;margin-bottom:5px;color:#898989;}
#article>h2{font-size:32px;padding:20px 0 50px;font-weight:bold;color:#333333;line-height:50px;text-align:center;}
#wzmessg{font-size:24px !important;line-height:64px;border-bottom:1px solid #eaeaea;height:64px;padding:0 38px;margin-bottom: 30px; }
.moji_dya{width:175px;height:57px;text-align:center;line-height:57px;font-size:26px;background:#f4f4f4;border-radius:5px;border:1px solid #e5e5e5;display:inline-block;cursor:pointer;}
.zrbjcommon{text-align:right;line-height:60px;color:#777777;margin-bottom:60px;padding-right:60px;padding-top:30px;}
ul#bottombtn{width:100%;text-align:center;display:inline-block;padding:50px 0;}
ul#bottombtn li{width:236px;text-align:center;display:inline-block;margin:0 auto;float:none;}
#article .tit-h3{ color: #db5823;font-weight: bold; margin-bottom: 15px; font-size: 26px; }
#article .tit-h3:before{ content: ""; display: inline-block; width: 6px; height: 26px; background: #db5823; vertical-align: middle; margin-right: 10px; margin-top: -2px; }
.fujian-box{margin-top:10px;margin-bottom:50px;}
.fujian-box a{line-height:60px;padding-left: 65px;font-size: 21px;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background: url(fujian.jpg) no-repeat 4px center;width: 100%;box-sizing: border-box;}
.fujian-box a:hover{color:#db5823;}
@media only screen and (max-width: 1024px) {
    #article>h2{ padding: 20px 0 30px; }
    #wzmessg{padding:0 5px;height:auto; margin-bottom: 20px;}
    #wzmessg li{ width: 100%; float: none; }
    #articleContent *{line-height:42px !important;font-size:24px !important;}
    .zrbjcommon{text-align:right;line-height:42px;margin-bottom:40px;padding-right:10px; }
    .qrBox,
    ul#bottombtn{ display: none; }
    .fujian-box{margin-bottom:30px;}
    .fujian-box a{ width: 100%; box-sizing: border-box; font-size: 18px; margin-right: 0; }
}