* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

li {
    list-style: none;
}

.clf::after {
    clear: both;
    display: block;
    content: '';
}

.cf {
    zoom: 1;
}

.cf:after {
    content: "020";
    height: 0px;
    display: block;
    overflow: hidden;
    clear: both;
}

body {
    background-color: #F7F7F7;
}

/*  */
.banner {
    width: 100%;
    height: 400px;
    background: url(banner.png) no-repeat center;
}

.banner_cont {
    width: 1200px;
    height: 400px;
    margin: 0 auto;
}

.banner_cont img {
    margin-top: 20px;
}

.lnb {
    margin-top: 20px;
}

.lnb a {
    color: #333;
}

.new_boount,
.old_boount {
    cursor: pointer;
}

.old_boount {
    display: none;
}

.old_type .old_boount {
    display: block;
}

.old_type .new_boount {
    display: none;
}

/* 第一层 */
.section1 {
    width: 100%;
    background-color: #F7F7F7;
}

.dy {
    margin: 0 auto;
    width: 1200px;
    height: 200px;
    position: relative;
    top: -50px;
    background: url(dy.png) no-repeat 27px #ffffff;
    /* background: url(images/dy.png) no-repeat 25px #ffffff; */
}

.dy p {
    font-family: "MicrosoftYaHei ";
    font-weight: 400;
    font-size: 18px;
    line-height: 45px;
    text-align: left;
    color: #333;
    padding: 8px 20px 20px 124px;
    text-indent: 2em;
}

/*  */
.section1_cont {
    width: 1200px;
    margin: -20px auto 0 auto;
}

.lmlb {
    width: 585px;
    height: 339px;
    background: #fff;
    float: left;
}

.lm_title {
    font-family: "Microsoft YaHei Bold";
    font-weight: bold;
    font-size: 24px;
    line-height: 52.52px;
    text-align: left;
    color: #cf0814;
    height: 50px;
    border-bottom: 1px dashed #AFB0B2;
    margin: 0 20px;
}

.lm_title a {
    font-family: "Microsoft YaHei Bold";
    font-weight: bold;
    color: #cf0814;
}

.lm_list ul li {
    height: 51px;
    line-height: 51px;
    border-bottom: 1px dashed #AFB0B2;
}

.lm_list {
    margin: 0 20px;
}

.lm_list ul li a {
    font-family: "MicrosoftYaHei ";
    font-weight: 400;
    font-size: 18px;
    line-height: 51px;
    text-align: left;
    color: #333;
    display: inline-block;
    white-space: nowrap;
    max-width: 402px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lm_list ul li span {
    color: #9A9A9A;
    line-height: 51px;
    float: right;
}

.section1_cont>div:nth-child(2) {
    margin-left: 30px;
}

/* 第二层 */
.section2 {
    width: 100%;
    background: #e6e6e6;
    margin-top: 30px;
    padding-bottom: 30px;
}

.mobile_type .section2 {
    padding-bottom: 3vw;
}

.zdly_title {
    width: 1200px;
    margin: 0 auto;
}

.zdly_title section {
    text-align: center;
    padding-top: 30px;
}

.zdly_list {
    width: 1200px;
    margin: 30px auto 0 auto;
}

.zdly_list ul li {
    width: 380px;
    height: 80px;
    background-color: #ffffff;
    float: left;
    margin: 0 0 30px 30px;
}

.zdly_list ul li:nth-child(1),
.zdly_list ul li:nth-child(4),
.zdly_list ul li:nth-child(7),
.zdly_list ul li:nth-child(10) {
    margin-left: 0;
}

.zdly_list ul li a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    font-weight: 400;
    font-size: 18px;
    line-height: 73px;
    color: #333;
    padding-left: 120px;
    padding-right: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: url(http://zjjcmspublic.oss-cn-hangzhou-zwynet-d01-a.internet.cloud.zj.gov.cn/jcms_files/jcms1/web2785/site/images/44285/zdly_jt.png) no-repeat 330px center;
}

.mobile_type .zdly_list ul li a {
    font-size: 4vw;
    padding-right: 4vw;
}

.zdly_list ul li img {
    margin: 30px;
    float: right;
}

/* zdly */
.zdly_list ul li:nth-child(1) {
    background: url(./zdly1.png) 30px no-repeat #ffffff;
}

.zdly_list ul li:nth-child(2) {
    background: url(./zdly2.png) 30px no-repeat #ffffff;
}

.zdly_list ul li:nth-child(3) {
    background: url(./zdly3.png) 30px no-repeat #ffffff;
}

.zdly_list ul li:nth-child(4) {
    background: url(./zdly4.png) 30px no-repeat #ffffff;
}

.zdly_list ul li:nth-child(5) {
    background: url(./zdly5.png) 30px no-repeat #ffffff;
}

.zdly_list ul li:nth-child(6) {
    background: url(./zdly6.png) 30px no-repeat #ffffff;
}

.zdly_list ul li:nth-child(7) {
    background: url(./zdly7.png) 30px no-repeat #ffffff;
}

.zdly_list ul li:nth-child(8) {
    background: url(./zdly8.png) 30px no-repeat #ffffff;
}

.zdly_list ul li:nth-child(9) {
    background: url(./zdly9.png) 30px no-repeat #ffffff;
}

.zdly_list ul li:nth-child(10) {
    background: url(./zdly10.png) 30px no-repeat #ffffff;
}

.zdly_list ul li:nth-child(11) {
    background: url(./zdly11.png) 30px no-repeat #ffffff;
}

.zdly_list ul li:nth-child(12) {
    background: url(./zdly12.png) 30px no-repeat #ffffff;
}

/* 第三层 */
.section3 {
    width: 100%;
    background-color: #F7F7F7;
}

.section3_cont {
    width: 1200px;
    margin: 30px auto;
}

.zwzt {
    width: 585px;
    height: 339px;
    background: #fff;
    margin-left: 30px;
}

.zwzt_title {
    font-family: "Microsoft YaHei Bold";
    font-weight: bold;
    font-size: 24px;
    line-height: 52.52px;
    text-align: left;
    color: #cf0814;
    height: 50px;
    margin: 0 20px;
}

.zwzt_title a {
    font-family: "Microsoft YaHei Bold";
    font-weight: bold;
    color: #cf0814;
}

.zwgkpt {
    padding: 20px;
}

.zwgkpt ul li {
    float: left;
    width: 170px;
    height: 80px;
    background: transparent;
    margin-left: 17px;
}

.zwgkpt ul li a {
    font-family: "Microsoft YaHei Bold";
    font-weight: bold;
    font-size: 18px;
    line-height: 78px;
    text-align: center;
    color: #cf0814;
    display: block;
}

.zwgkpt ul li:nth-child(1) {
    background: url(zwgkpt.png) no-repeat center;
    margin-left: 0;
}

.zwgkpt ul li:nth-child(2) {
    background: url(zwgkcycs.png) no-repeat center;
}

.zwgkpt ul li:nth-child(3) {
    background: url(zfgb.png) no-repeat center;
}

.zwmt {
    width: 545px;
    height: 145px;
    background: transparent;
    opacity: 1;
    padding: 0 20px;
    background: url(zwmt.png) no-repeat center;
}

.zwmt ul li {
    width: 135px;
    float: left;
}

.zwmt ul li a p {
    text-align: center;
    margin-top: -20px;
    font-family: "MicrosoftYaHei ";
    font-weight: 400;
    font-size: 18px;
    color: #333;
}

/* 老年版 */
.old_type .lm_title {
    font-size: 48px;
    line-height: 96px;
    ;
    height: 96px;
}

.old_type .lmlb {
    width: 1200px;
    height: auto;
    background: #fff;
    float: left;
    margin: 0 0 50px 0;
    padding-bottom: 15px;
}

.old_type .lmlj ul li a {
    font-size: 32px;
}

.old_type .section1_cont>div:nth-child(2) {
    margin-left: 0;
}

.old_type .dy {
    width: 1200px;
    height: auto;
}

.old_type .dy p {
    font-size: 28px;
    line-height: 56px;
}

.old_type .lm_list ul li {
    height: 72px;
    line-height: 72px;
}

.old_type .lm_list ul li a {
    font-size: 36px;
    line-height: 72px;
    max-width: 900px;
}

.old_type .lm_list ul li span {
    line-height: 72px;
    font-size: 36px;
}

.old_type .zdly_title section a img {
    width: 400px;
}

.old_type .zdly_list ul li a {
    font-size: 28px;
}

.old_type .zwzt {
    width: 1200px;
    margin-left: 0;
    padding-bottom: 20px;
}

.old_type .zwzt_title {
    font-size: 48px;
    line-height: 96px;
    height: 96px;
}

.old_type .zwgkpt ul li {
    width: 300px;
    height: 100px;
    background-size: 300px 100px !important;
    margin-left: 60px;
}

.old_type .zwgkpt ul li a {
    font-size: 32px;
    line-height: 100px;
}

.old_type .zwzt {
    width: 1200px;
    height: auto;
    padding-bottom: 30px;
}

.old_type .zwmt {
    width: 1110px;
    height: 200px;
    background: transparent;
    opacity: 1;
    padding: 0 25px;
    padding: 0;
    background: url(zwmt.png) no-repeat center;
    background-size: 1200px 200px;
    margin: 0 50px;
}

.old_type .zwmt ul li {
    width: 145px;
    float: left;
    margin-left: 100px;
}

.old_type .zwmt ul li a img {
    width: 145px;
}

.old_type .zwmt ul li a p {
    font-size: 20px;
}

/* 手机版 */
.mobile_type .banner {
    width: 100vw;
    height: 33vw;
    background: url(banner.png) no-repeat center;
    background-size: 100vw 33vw;
}

.mobile_type .banner_cont {
    width: 100vw;
    height: 33vw;
    margin: 0 auto;
}

.mobile_type .banner_cont img {
    margin-top: 5vw;
    width: 35vw;
}

.mobile_type .dy {
    margin: 0 auto;
    width: 100vw;
    height: 20vw;
    top: -5vw;
    overflow: hidden;
    background-size: 10vw 16vw;
}

.mobile_type .section1_cont {
    width: 96vw;
    margin: 0 2vw;
}

.mobile_type .lmlb {
    width: 96vw;
    height: auto;
    margin-left: 0 !important;
}

.mobile_type .lm_title {
    font-size: 4.8vw;
    line-height: 12vw;
    height: 12vw;
    margin: 0 2vw;
}

.mobile_type .lm_list {
    margin: 0px 2vw;
}

.mobile_type .lm_list ul li {
    height: 10vw;
    line-height: 10vw;
}

.mobile_type .lm_list ul li a {
    font-size: 2.4vw;
    line-height: 8vw;
    max-width: 60vw;
}

.mobile_type .lm_list ul li span {
    line-height: 10vw;
    font-size: 2.4vw;
}

.mobile_type .section2 {
    height: auto;
    margin-top: 5vw;
}

.mobile_type .zdly_title {
    width: 96vw;
    margin: 0 auto;
}

.mobile_type .zdly_list {
    width: 96vw;
    margin: 0 1vw;
    padding-bottom: 3vw;
}

.mobile_type .zdly_list ul li {
    width: 87vw;
    height: 20vw;
    margin: 3vw 0 0 5vw !important;
}

.mobile_type .section3_cont {
    width: 96vw;
    margin: 0 1vw;
}

.mobile_type .zwzt {
    width: 96vw;
    height: auto;
    background: #fff;
    margin-left: 0;
}

.mobile_type .zwzt_title {
    font-size: 3.6vw;
    line-height: 12vw;
    height: 8vw;
    margin: 0 2vw;
}

.mobile_type .zwgkpt {
    padding: 2vw;
}

.mobile_type .zwgkpt ul li {
    float: left;
    width: 50vw;
    height: 25vw;
    margin: 3vw 0 0 20vw !important;
}

.mobile_type .zwmt {
    width: 90vw;
    height: 82vw;
    background: transparent;
    opacity: 1;
    padding: 0 3vw;
    /* padding: 0 20px; */
    background: url(zwmt.png) no-repeat center;
    background-size: 90vw 80vw;
}

.mobile_type .zwgkpt ul li a {
    font-family: "Microsoft YaHei Bold";
    font-weight: bold;
    font-size: 4vw;
    line-height: 23vw;
    text-align: center;
    color: #cf0814;
    display: block;
}

.mobile_type .zwgkpt ul li a {
    font-size: 4vw;
    line-height: 23vw !important;
}

.mobile_type .zwmt ul li {
    width: 36vw;
    margin: 2vw 0 0 6vw;
}

.mobile_type .dy p {
    font-size: 2.4vw;
    line-height: 8vw;
    padding: 2vw 6vw 2vw 23vw;
    height: 20vw;
    overflow: hidden;
}

/* 新增 */
.mobile_type .new_boount,
.mobile_type .old_boount {
    display: none;
}

.mobile_type .lnb a {
    font-size: 3.6vw;
}

.mobile_type .zdly_list ul li a {
    line-height: 21vw !important;
}

.ariaMobileHeaderInBottom .zwmt {
    width: 90vw;
    height: 106vw;
    background-size: 90vw 106vw;
}

/* 两化专题新增模块三端样式 */
.gkbzhml {
    width: 1200px;
    margin: 30px auto;
}

.gkbzhml p img {
    display: block;
    width: 481px;
    height: auto;
    margin: 0 auto;
}

.gkbzhml_item {
    margin-top: 10px;
    height: 245px;
    overflow: hidden;
    transition: all .3s;
}

.gkbzhml_item li {
    float: left;
    box-sizing: border-box;
    margin-top: 20px;
    margin-left: 20px;
    width: 285px;
    height: 60px;
    background: #fff;
}

.gkbzhml_item li:nth-child(4n-3) {
    margin-left: 0;
}

.gkbzhml_item a {
    box-sizing: border-box;
    padding: 0 15px;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    line-height: 60px;
    color: #333;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .3s;
}

.gkbzhml_item a:hover {
    color: #cf0814;
    box-shadow: 0 0 10px #cf0814;
}

.old_type .gkbzhml {
    margin: 60px auto;
}

.old_type .gkbzhml p img {
    width: 800px;
}

.old_type .gkbzhml_item {
    margin-top: 20px;
    height: 390px;
}

.old_type .gkbzhml_item li {
    margin-top: 40px;
    margin-left: 20px !important;
    width: 585px;
    height: 80px;
}

.old_type .gkbzhml_item li:nth-child(2n-1) {
    margin-left: 0 !important;
}

.old_type .gkbzhml_item a {
    font-size: 36px;
    line-height: 80px;
}

.mobile_type .gkbzhml {
    width: 100%;
    margin: 4vw auto;
}

.mobile_type .gkbzhml p img {
    width: 90%;
}

.mobile_type .gkbzhml_item {
    height: 75vw;
}

.mobile_type .gkbzhml_item li {
    margin-top: 3vw;
    margin-left: 5% !important;
    width: 90%;
    height: auto;
}

.mobile_type .gkbzhml_item a {
    padding: 0 2vw;
    font-size: 4vw;
    line-height: 12vw;
}

/*  */
/* 两化专题新增模块三端样式 */
/* 重点领域 */
#zdly {
    height: 310px;
    overflow: hidden;
}

.mobile_type #zdly {
    height: 93vw;
}

/* 展开收缩 */
.show_more,
.hide_more,
.show_more1,
.hide_more1 {
    margin: 40px auto;
    width: 140px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #fff;
    border: 1px solid #9A9A9A;
    cursor: pointer;
}

.show_more:hover {
    color: #cf0814;
    box-shadow: 0 0 10px #cf0814;
}

.hide_more:hover {
    color: #cf0814;
    box-shadow: 0 0 10px #cf0814;
}

.show_more1:hover {
    color: #cf0814;
    box-shadow: 0 0 10px #cf0814;
}

.hide_more1:hover {
    color: #cf0814;
    box-shadow: 0 0 10px #cf0814;
}

.hide_more,
.hide_more1 {
    display: none;
}

.zhankai {
    height: auto !important;
}

.old_type .show_more,
.old_type .hide_more {
    width: 250px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
}

.mobile_type .show_more,
.mobile_type .hide_more,
.mobile_type .show_more1,
.mobile_type .hide_more1 {
    width: 30vw;
    height: 12vw;
    line-height: 12vw;
    font-size: 4vw;
    margin: 3vw auto;
}