body{ font-family: 微软雅黑;font-size: 17px!important;line-height: 1.75;min-width: 1400px;}
a{color: #333;}
.container{width: 100%;max-width: 1400px; margin:0 auto;word-break: break-all;}


/* 头部 */
.top{background: url(whgbgimg.jpg) no-repeat center top; background-size:auto 853px; height: 853px; position: relative;}
/* 标题 */
.tit{background: url(whgtitbg.jpg) no-repeat center center; height: 196px;text-align: center;font-size:38px; color:#fff;line-height: 120px; margin: 46px 0 20px;padding-left:80px;}
.tit .cont{padding-left:99px;}

/* 导航 */
.nav{margin-top: -150px; display: flex; position: relative; background:none!important ;}
.nav a{background: url(whgnavbg.png) no-repeat center center; color: #bf5a01; flex: 1; height: 80px;line-height: 80px; text-align: center; font-size: 24px;transition: all .2s;}
.nav a:hover{font-size: 25px;}
/* 科普 */
.kepu{background: url(whgkepucont.jpg) no-repeat center bottom;height:786px; position: relative; }
.kepu>div{background: url(whgkepu.png) no-repeat center top; width: 136px; height: 60px; line-height: 50px; color: #708664; font-size: 20px;position: absolute; text-align: center; transition: all .2s;cursor: pointer;z-index: 10;}

.kepu>div.kpcon1{top: 110px; left:calc(50% - 72px);transform: translateY(-50%);}
.kepu>div.kpcon2{top: 186px; left:calc(50% - 364px);transform: translateY(-50%);}
.kepu>div.kpcon3{top: 296px; left:calc(50% - 498px);transform: translateY(-50%);}
.kepu>div.kpcon4{top: 446px; left:calc(50% - 578px);transform: translateY(-50%);}
.kepu>div.kpcon5{top: 620px; left:calc(50% - 606px);transform: translateY(-50%);}
.kepu>div.kpcon2-1{top: 186px; right:calc(50% - 364px);transform: translateY(-50%);}
.kepu>div.kpcon3-1{top: 296px; right:calc(50% - 498px);transform: translateY(-50%);}
.kepu>div.kpcon4-1{top: 446px; right:calc(50% - 578px);transform: translateY(-50%);}
.kepu>div.kpcon5-1{top: 620px; right:calc(50% - 606px);transform: translateY(-50%);}
.kepu>div.on{background: url(whgkepuon.png) no-repeat; color: #333;}
.kepu>div:hover{ background: url(whgkepuon.png) no-repeat;color: #333;}
.kpcon-con{display: none; background-color: rgba(253, 190, 63, .9);position: absolute; width: 700px;z-index: 999;padding: 20px;line-height: 1.75; text-align: left;text-indent: 34px; border-radius: 10px; }
.kpcon-con::before{background: url(whgkpsj.png) no-repeat; position: absolute; top: -10px; left: 30px; content: ''; width: 55px; height: 14px; }
.close{position:absolute; right: 10px; top:-30px; font-size: 20px;cursor: pointer;}

/* 产业名片  */
.cymp{padding-top: 20px;}
.cymp-area1{display: flex;}
.cymp-area1 .c-left{flex: 0 0 200px; background-color: #176bb1; display: flex; flex-direction: column;  align-items: center;justify-content: center; color: #fff;gap: 20px; font-size: 20px;}
.cymp-area1 div{flex:1; padding: 26px; background-color: #f1f7ff;}
.c-w{margin-right: 26px;}
/* 小标题 */
.stit{margin: 20px 0 10px; text-align: center; }
/* 产业名片-第二部分 */
.cymp-area2{display: flex;gap: 26px;}
 .cymp-area2 .c-left{width: calc(100% - 426px);}
 .cymp-area2 .pp{display: flex;gap: 16px;flex: 0 0 400px; overflow-y: scroll; height: 470px; flex-direction: column;    text-align: center;}
 /* .cymp-area2 .pp a{width:calc(50% - 8px);} */
 .cymp-area2 .pp a div{border: 1px solid #d0d8e2; text-align: center; height: 182px; display: flex; align-items: center;justify-content: center; overflow: hidden;}
 /* .cymp-area2 .pp a div img{} */
 .fzlc{position:relative; left: -120px;}
 /* 产业名片-第三部分 */
.cymp-area3{background-color: #176bb1; color: #fff; position: relative; } 
.cymp-area3 .num{background-color: #105fa1; padding: 20px 0;padding-left: 320px;text-align: center; overflow: hidden; }
.cymp-area3 .num li{width: 25%;float: left;}
.cymp-area3 .num span{font-size: 28px; font-weight: 600;}
.cymp-area3>p{ padding-left: 320px;padding-top:26px;padding-bottom: 30px;padding-right: 40px;}
.cymp-area3-img{position: absolute; left:36px;  top: 20px;}
.cymp-area-sz{display: flex;gap: 26px;margin-top: 30px;}
.sz{font-size: 20px;font-weight: 600; color: #105fa1;position: relative;}
.sz::after{content: ''; width: 30px; height: 3px; background-color: #105fa1;position: absolute; bottom:-6px;left: 15px;}
.cymp-area-sz>div{background: url(whgbgarea.jpg) no-repeat center top; background-size: 100% 100%; flex: 1; border-top-left-radius: 60px; border-bottom-right-radius: 60px;padding: 20px; align-items: center;justify-content: center;display: flex;flex-direction: column;gap: 20px;}
.cymp-area-sz>div p{  -webkit-line-clamp: 4;    }

.more{ font-size: 16px; font-weight: 500;}

/* 产品矩阵 */
.cpjz{}
.xgda{display: flex;gap: 36px;}
.xgda-l{background:url(whgqpbg.jpg) no-repeat bottom center;flex: 0 0 675px; padding:0 46px;}
.xgda-r{}
.xgda-tit{color: #1e5b07;font-size: 28px;font-weight: 600; margin-bottom: 10px; display: flex; align-items: center; gap: 10px;}
.xgda-tit1{justify-content:space-between;}
.bspan{padding:2px 12px; font-size: 16px; color: #000; background-color: #fdc042; font-weight: 200;}
.xgda-tx{display: flex;gap: 10px;}
.xgda-tx li{flex: 0 0 64px;display: flex; justify-content:center;}
.xgda-tx li.on{flex:1;background-color: #ffefce; }
.xgda-tx li span{background-color: #dadada; color: #5e5e5e; flex: 0 0 64px; border-radius: 3px; line-height: 64px;text-align: center;}
.xgda-tx li.on span{background-color: #fdc042; color: #333; align-self: stretch;flex: 0 0 64px; }
.xgda-tx li p{display: none;}
.xgda-tx li.on p{display: block;padding:0 16px}

.margin20{margin: 20px 0;}
.padding26{padding:26px;}
.padding6{padding:6px 26px;}
.padding10{padding:10px 0;}
.ptexti{text-indent: 34px;}
.textc{text-align: center;}
.texts{text-shadow: #ffffff 3px 0px 3px;}
.margin10{margin-bottom: 10px; margin-top: 20px;}
.flex-m-w{display: flex; align-items: center;flex: 1; gap: 10px;}
.vertical{display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 4;    overflow: hidden;}
.c6c6c6{color: #525252;}
.sr{  margin-left: auto;}

.csd{display: flex;gap: 26px;}
.csd li{background-color: #ececec;}
.csd li>div{position: relative;}
.csd li span{padding: 4px 16px; position: absolute; bottom:0; left: 0;font-size: 20px;}


.xgxs{display: flex;gap: 36px;}
.xgxs .xgda-r{flex: 1;}
.bg-linear{ background-image: linear-gradient(to right, #81a828, #638e01); color: #fff; padding:10px;font-size: 18px; border-radius: 3px;justify-content: center;}
.bdgm-b{display: flex; gap: 20px;}
.bdgm-c1{ -webkit-line-clamp: 2; }
.bdgm-c2{ -webkit-line-clamp: 3; }
.xsgm-l{background-color: #e9e9e9; display: flex; padding-left:36px ; }
/* 深加工 */
.sjg{margin-top: 26px;}
.sjg-c{display: flex;gap: 26px;margin: 20px 0;justify-content: space-between;}
.sjg-c-l{flex: 0 0 282px;}
.sjg-c-l>div{padding:10px 16px;display: flex; gap:10px; flex-direction: column; border-bottom: 1px solid rgb(228, 228, 228);}
.sjg-icon{flex: 0 0 46px;}
.sjg-c-l>div.on{background-color: #fdc042;}
.sjg-c-l>div .sjc-kind{display: none;}
.sjg-c-l>div.on .sjc-kind{display: block;}
#pros{width:calc(100% - 282px); overflow: hidden; }
.sjg-r{width: 100%; height:300px;}
.sjg-r li{width: 25%; float: left; height: 100%;}
.sjg-r li>a{display: flex;max-width: 250px;flex-direction: column; justify-content: space-between; margin: 0 auto; height: 100%;}
.sjg-r li>a img{width: 100%;max-height: 250px; }
/* .more{background-color: #e9e9e9; padding: 2px 26px; float: right;;} */
.proimg{max-width: 250px; max-height: 250px; overflow: hidden;}
.proimg img{width: 100%; height: auto;}

/* 产业服务 */
.xgfw-erea1{display: flex;gap: 26px;justify-content: space-between;}
.zzzd{width: 49%;}
.zzzd-1{background-color: #26a6b5;}
.zzzd-list{padding: 20px 20px 10px;display: flex;gap:11px; flex-direction: column;position: relative; border: 1px solid #26a6b5;margin-top: 30px;}
.zzzd-list>span{position: absolute; top: -16px; left: 16px; background-color: #fff; color: #147d89;padding:0 16px;font-weight: 600;}
.c147d89{color:#147d89;}
.zzzd-list img{margin-right: 10px;}
.zzzd-list a{display: flex;align-items: center;}
.zzzd-list a span{width: calc(100% - 46px);}

.jscx{width: 49%; }

.ullist li{ display: flex; justify-content: space-between; border-bottom: 1px #9a9a9a dashed;}
.ullist li>span{flex: 0 0 120px; display: flex; align-items: center;justify-content: end;}
.dian{font-size: 26px; color: #26a6b5; font-weight: 600; margin-right: 6px;}

.ellipsis{display: block;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}

.jqwhg{background-color: #e9fdff; padding: 20px; margin: 20px 0;}
.hqwhg-kind{display: flex;justify-content: space-between; gap: 10px; margin-top: 10px; flex-wrap: wrap;}
.hqwhg-kind a{background-color: #26a6b5; display: flex;  align-items: center; width:calc(50% - 10px);padding: 6px 10px;color: #fff;gap:6px}

.jqfw{background-color: #e9fdff; padding: 20px; }
.bsfw{display: flex;justify-content: space-between;}
.tjhd li{background-color: unset; width: 50%;}
.tjhdimg{max-width: 100%; max-height: 210px; overflow: hidden;}
.tjhdimg img{width: 100%; }

/* 资讯 */
.zx{ gap:0 26px ;flex-wrap: wrap;display: flex;}
.zx li{width: 49%; }

.logo{max-width:260px; position: absolute; left:10px;top: 10px;}
.logo img{width: 100%;}
.top>img{display: none;width: 100%;}
.appnav{display: none;}
.appfzlc,.appstit,.appkepu{display:none;}
/* 手机版 */
@media (max-width:768px){
    .toolbar{display: none;}
    body{min-width: unset;}
    .logo{max-width:160px; }
    .top{height: auto;background:none;}
.top>img{display: block;}
.container{padding: 0 16px}
.appkepu{display: block;}
/* 导航 */
.nav{display: none;}
.appnav{display: block; background-color: #c93f42;width: 120px; line-height: 46px; color: #fff; border-top-right-radius: 40px; border-bottom-right-radius: 40px;transition: all .2s;position: fixed;z-index: 99;}
.appnav>span{padding:0 16px;}
#appnav {display: none; position: absolute;top: 36px; background-color: #c93f42;z-index: 99; }
#appnav a{display: block; width: 100%;padding:0 16px;color:#fff}
.isv{width: 200px;background-color: #fff;color: #333;}

/* 科普 */
.kepu{display:none;}
.tit{height:unset;background:unset;font-size:24px; color:#333; margin:0;line-height:2;font-weight:600; margin-top:30px;margin-bottom: 16px;padding-left: 0;}
.tit .cont{padding:0} 
.hqwhg-kind,.xgxs,.cymp-area1{flex-direction: column;}
.hqwhg-kind a{width: 100%;}
.cymp-area1 .c-left{flex-direction: row;flex: 1;}
.cymp-area1 .c-left img{width: 36px;}
.cymp-area1 div{padding: 6px 16px;}
.c-w{margin: 0;}
.appstit{display: block; font-size: 22px; color: #c93f42;}
.cymp-area2 .c-left{width: 100%; }
.stit img{display: none;}
.fzlc{display: none;}
.cymp-area2{flex-direction: column;}
.cymp-area3-img{display: none;}
.cymp-area3 .num{padding-left: 0;}
.cymp-area3 .num li{width: 50%; margin-bottom: 16px;}
.cymp-area3 > p{padding:16px;}
.cymp-area-sz{flex-direction: column;gap:16px;}
.xgda{flex-direction: column;}
.xgda-l{background-size: 100%; width: 100%;padding: 0 16px;}
.xgda-l img{width: 80%;}
.padding26{padding:6px}
.xgda-tx{flex-direction: column; display:;}
.xgda-tx li,.xgda-tx li span{flex: 1;}

.xgda-tit{display: flex; flex-wrap: wrap;gap: 10px;}
.xgda-tit>:first-child{ width: 100%;}
.csd {flex-wrap: wrap;}
.csd{gap: 10px;}
.csd li img{width: 100%;}
.xgxs .xgda-r{flex: 0 0 100%;}
.bdgm-b{flex-direction: column;gap: 10px;}
.bsfw,.xgfw-erea1,.sjg-c{flex-direction: column;}
.csd li{flex: 0 0 100%;}
.jscx,.zzzd,.proimg{width: 100%;}
.ullist li > span{display: none;}
.hqwhg-kind{flex-wrap: wrap;}
.hqwhg-kind a{flex: 0 0 calc(50% - 12px);}
.zx li{flex: 0 0 100%;}
.appfzlc{text-align:left;}
#pros,.sjg-r{width: 100%;}
.sjg-r li{width: 100%;}
.sjg-c-l{flex: unset;}
.sjg-r li>a{width: 100%;max-height: unset;max-width: unset;}
.sjg-r{ height: unset;}
.sjg-r li>a img{width: 100%; max-height: unset;}
.more{flex: 0 0 62px;}
}


/* 适老化 */
.whpageold {font-size: 26px;}
.whpageold .kepu > div{width: 180px; height: 78px; background-size: 100% 100%;font-size: 28px;line-height: 67px;}
.whpageold .nav a{font-size: 26px;}

.whpageold .cymp-area1 .c-left{font-size: 28px;}
.whpageold .cymp-area2{flex-direction: column;}
.whpageold .cymp-area2 .c-left{width: 100%; text-align: center;}
.whpageold .fzlc{width: 80%;}
.whpageold .sz{font-size: 28px;}
.whpageold .sz::after{left: 27px;}
.whpageold .bspan,.whpageold .more{font-size: 24px;}
.whpageold .csd li span{font-size: 26px;}
.whpageold .xgda-tit{font-size: 30px;}
.whpageold .bdgm-b{flex-direction: column;}
.whpageold .bg-linear{font-size: 28px;}
.whpageold .csd{flex-wrap: wrap;}

.whpageold .bsfw,.whpageold .xgfw-erea1,.whpageold .sjg-c{flex-direction: column;gap: 26px 0;}
.whpageold .csd li{flex: 0 0 calc(50% - 20px);overflow: hidden;}
.whpageold  .csd img{width: 100%;}
.whpageold .jscx,.whpageold .zzzd{width:100%;}
.whpageold .zzzd-list{padding-top: 36px; padding-bottom: 36px;}
.whpageold .ullist li > span{flex: 0 0 160px;}
/* .whpageold .tjhd li{flex: 0 0 calc(50% - 20px);} */
.whpageold .zx li{width: 100%;}
.whpageold  .ullist{display: flex; gap: 16px 0;flex-direction: column;}
.whpageold  .margin10{margin-top: 48px; margin-bottom: 30px;}