@charset "utf-8";
body { margin: 0; padding: 0; }
.head1200 { background-image: url(environment_01.png); width: 100%; height: 597px; background-position: center; display:block; }
.head1200P{ display:none;}
.bgW { background-color: #FFF; }
.bgW1 { background-image: url(environment_05.png); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 30px; }
.bgW2 { background-image: url(environment_06.png); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 50px; }
.w1200 { width: 1200px; margin: 0 auto; padding: 40px 0; }
.w49L { width: 49%; float: left; }
.w49R { width: 49%; float: right; }
.TitA { background-image: url(environment_04.png); background-repeat: no-repeat; background-position: center; background-size: 100% auto; text-align: center; font-size: 24px; color: #093; margin: 10px auto 30px auto; width: 100%; }
.TitAs { margin: 0 0 15px 0; padding: 0; }
.TitAs li { list-style: none; line-height: 32px; padding: 5px 15px; font-size: 22px; float: left; text-align:center; margin-right:15px;}
.TitAs li a { color: #333; text-decoration: none; }
.TitAs li.on{ background-color:#1d9e27; border-radius:5px;}
.TitAs li.on a{color: #FFF;}
.listA { margin: 0 0 30px 0; padding: 25px; background-color: rgba(240,251,241,1); border-radius: 15px; -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.2); box-shadow: 0 2px 6px 0 rgba(0,0,0,.2); }
.listA li { list-style: none; background-image: url(environment_07.png); background-repeat: no-repeat; background-position: left center; line-height: 32px; padding-left: 30px; }
.listA li a { font-size: 18px; color: #333; width: calc( 100% - 110px); float: left; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.listA li a:hover { color: #060; }
.listA li span { width: 100px; font-size: 16px; float: right; }
.TitB { font-size: 24px; color: #093; padding: 0px 0 30px 30px; }
.TitB a { color: #093; text-decoration: none; }
.listB { margin: 0; padding: 25px; background-color: rgba(255,255,255,0.85); border-radius: 15px; -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.2); box-shadow: 0 2px 6px 0 rgba(0,0,0,.2); }
.listB li { list-style: none; background-image: url(environment_07.png); background-repeat: no-repeat; background-position: left center; line-height: 32px; padding-left: 30px; }
.listB li a { font-size: 18px; color: #333; width: calc( 100% - 110px); float: left; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.listB li a:hover { color: #060; }
.listB li span { width: 100px; font-size: 16px; float: right; text-align: right; }
.TitC { font-size: 20px; color: #093; background-color: #cff6d7; padding: 5px 20px; border-radius: 5px; float: right; }
.TitC a { color: #093; text-decoration: none; }
.TitD { font-size: 24px; color: #093; padding: 37px 0 10px 30px; }
.TitD a { color: #093; text-decoration: none; }
.maTop20 { margin-top: 0px; }
.h15 { height: 15px; }
.fc { clear: both; }
 @media screen and (max-width: 1199px) {
.head1200 { display:none;} 
.head1200P{ display:block;}
.w1200 { width:97%; margin: 1.5% auto;  padding: 40px 0; }
.TitA { background-image: url(environment_04.png); background-repeat: no-repeat; background-position: center; background-size: 100% auto; text-align: center; font-size: 24px; color: #093; margin: 10px auto 30px auto; width: 100%; }
}
 @media screen and (max-width: 899px) {
.head1200 { display:none;} 
.head1200P{ display:block;}
.w1200 { width:97%; margin: 1.5% auto; padding: 20px 0 0 0; }
.TitA { background-image: url(environment_04.png); background-repeat: no-repeat; background-position: center; background-size: 1000px auto; text-align: center; font-size: 24px; color: #093; margin: 10px auto 30px auto; width: 100%; }
.w49L { width: 100%; float: left; }
.w49R { width: 100%; float: right; }

.listB { margin: 0 0 20px 0; padding: 25px; background-color: rgba(255,255,255,0.85); border-radius: 15px; -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.2); box-shadow: 0 2px 6px 0 rgba(0,0,0,.2); }
}
 @media screen and (max-width: 749px) {
.head1200 { display:none;} 
.head1200P{ display:block;}
.w1200 { width:97%; margin: 1.5% auto;  padding: 20px 0; }
.TitA { background-image: url(environment_04.png); background-repeat: no-repeat; background-position: center; background-size: 1000px auto; text-align: center; font-size: 24px; color: #093; margin: 10px auto 30px auto; width: 100%; }
.w49L { width: 100%; float: left; }
.w49R { width: 100%; float: right; }
.listB { margin: 0 0 20px 0; padding: 25px; background-color: rgba(255,255,255,0.85); border-radius: 15px; -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.2); box-shadow: 0 2px 6px 0 rgba(0,0,0,.2); }
.listA li { list-style: none; background-image: url(environment_07.png); background-repeat: no-repeat; background-position: left 8px; line-height: 32px; padding-left: 30px; }

.listA li span {font-size: 16px; float: right; text-align:right;}

.listB li { list-style: none; background-image: url(environment_07.png); background-repeat: no-repeat; background-position: left 8px; line-height: 32px; padding-left: 30px; }

.listB li span {font-size: 16px; float: right; text-align:right;}
}

/* 适老化 */
.wdpageold .TitA {background: none;font-size: 52px;}
.wdpageold .TitAs li {font-size: 34px;}
.wdpageold .listA li {line-height: 52px;}
.wdpageold .listA li a {font-size: 28px;}
.wdpageold .TitB { font-size: 52px;}
.wdpageold .listB li {line-height: 52px;}
.wdpageold .listB li a{ font-size: 28px;}
.wdpageold .TitD {font-size: 52px;}
.wdpageold .TitC {font-size: 28px;}