.banner img { display: block; width: 100%; } .nymain { margin: 30px auto; } .nymain .leftNav { float: left; width: 250px; position: relative; margin-right: 50px; margin-top: -130px; } .nymain .leftNav>h2 { line-height: 100px; color: #fff; background: #173E87; /* background-size: cover; */ font-size: 28px; overflow: hidden; /* text-align: center; */ /* font-weight: normal; */ /* padding-left: 40px; */ padding-top: 0px; border-top-left-radius: 8px; border-top-right-radius: 8px; text-align: center; } .nymain .leftNav>h2 img { vertical-align: middle; margin-right: 10px; margin-top: -5px; } .nymain .leftNav p { margin-left: 20px; font-size: 26px; font-weight: 600; color: #fff; padding: 20px 0; } .nymain .leftNav>ul { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .nymain .leftNav>ul>li { position: relative; border-bottom: 1px solid #e5e5e5; } .nymain .leftNav>ul>li:first-child { border-top: none; } .nymain .leftNav>ul>li:last-child { border-bottom: 1px solid transparent; } .nymain .leftNav ul li a { display: block; font-size: 18px; line-height: 70px; padding-left: 40px; color: #333; } .nymain .leftNav>ul>li>span { position: absolute; width: 25px; height: 25px; right: 12px; top: 24px; line-height: 50px; background: url(../images/sub_left_down.png) no-repeat center center; cursor: pointer; transition: all 0.3s; } .nymain .leftNav>ul>li.on>span { /* transform: rotate(90deg); */ } .nymain .leftNav>ul>li.on>a { color: #222; border-left: 3px solid #e8b350; } .nymain .leftNav>ul>li.activ { background: #dadada; } .nymain .leftNav>ul>li.active>a { color: #222; border-left: 3px solid #e8b350; } .nymain .leftNav ul li:hover {} .nymain .leftNav ul li.active { /*border-left: 3px solid #009194;*/ } .nymain .leftNav ul li.active ul { /* display: block; */ } .nymain .leftNav ul li a:hover { background-position: 31px center; color: #073d97; } .nymain .leftNav>ul>li>ul { display: none; padding-top: 0; padding-bottom: 0; padding-right: 0; } .nymain .leftNav>ul>li>ul>li>a { font-size: 16px; line-height: 45px; border-top: 1px solid #eeeeee; padding-left: 65px; color: #666666; } .ny-right { overflow: hidden; min-height: 400px; padding-bottom: 60px; } .position { padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #d2d2d2; } .position>div { position: relative; text-align: right; font-size: 0; line-height: 27px; /* border-bottom: 1px solid #a40000; */ border-left: #e8b350 5px solid; } .position h3 { font-weight: normal; position: absolute; font-size: 28px; line-height: 30px; color: #333; text-align: left; bottom: 0; left: 15px; font-weight: bold; } .position span { color: #666666; font-size: 14px; vertical-align: middle; } .position img { height: 16px; vertical-align: middle; margin-right: 5px; } .position a { font-size: 14px; color: #666666; margin: 0 5px; vertical-align: middle; } .position a:hover { color: #073d97; } .art-tit h3 { text-align: center; color: #333333; font-weight: normal; font-size: 24px; font-weight: 600; margin-top: 25px; } .cont-tit p { font-size: 0; text-align: center; padding-top: 20px; padding-bottom: 25px; line-height: 20px; background: bottom; border-bottom: 1px solid #d9d9d9; } .cont-tit p span { display: inline-block; vertical-align: middle; font-size: 16px; color: #999999; margin: 0 10px; } /* 脙茠脝鈥櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮┟兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓拧脙鈥毭偮犆兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮济兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮γ兤捗嗏�櫭兟⒚⑩�毬偮姑兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮犆兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮惷兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓鹿脙鈥γ⑩偓艙脙茠脝鈥櫭兟⒚⑩�毬偮姑兤捗⑩偓娄脙垄芒鈥毬呪�� */ .ldcy {} .ldcy ul { font-size: 0; padding-bottom: 10px; /* padding-left: 3px; */ padding-right: 3px; } .ldcy ul li { padding: 25px; transition: all 1s; width: 48%; display: inline-block; border: solid 1px #e5e5e5; margin-top: 35px; /* box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); */ } .ldcy ul li:hover { border-color: transparent; /* border: none; */ box-shadow: 0px 10px 15px 0px rgba(105, 143, 51, 0.15); } .ldcy ul li:hover .info>span { right: 0; } .ldcy ul li:hover h4 { color: #073d97; font-weight: bold; } .ldcy ul li:nth-child(2n) { margin-left: 4%; } .ldcy ul a { display: block; overflow: hidden; position: relative; } .ldcy ul a .tu { float: left; width: 150px; margin-right: 30px; } .ldcy ul a .pic { padding-top: 135%; } .ldcy ul .info { overflow: hidden; } .ldcy ul .info>span { display: block; width: 34px; height: 8px; text-align: right; background: url(../images/szjt.png) right center no-repeat; position: absolute; right: 10px; bottom: 0; transition: all 0.3s; } .ldcy ul .info h4 { /* font-weight: normal; */ font-size: 24px; line-height: 30px; margin: 20px auto 0 auto; color: #073d97; font-weight: normal; } .ldcy ul .info h4 .ldzw { margin-left: 15px; } .ldcy ul .info h2 { font-size: 18px; color: #222; line-height: 50px; font-weight: normal; } .ldcy ul .info>p { font-size: 16px; /* white-space: nowrap; */ /* overflow: hidden; */ /* text-overflow: ellipsis; */ line-height: 24px; color: #999999; text-align: justify; } /* 脙茠脝鈥櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓拧脙鈥毭偮好兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮久兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓拧脙鈥毭偮懊兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏�櫭兟⒚⑩�毬偮姑兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮犆兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮澝兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮� */ .timg-list ul li a { display: block; transition: all 0.3s; } .timg-list ul li a h3 { font-size: 20px; /* font-weight: normal; */ line-height: 32px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 12px; font-weight: normal; } .timg-list ul li a>div { overflow: hidden; } .timg-list-img { float: left; width: 300px; margin-right: 30px; } .timg-list ul { overflow: hidden; } .timg-list ul li { padding-top: 20px; padding-bottom: 20px; padding-right: 26px; padding-left: 30px; background: #fff; margin: 20px auto; } .timg-list ul li:first-child { border-top: 0; } .timg-list ul li a .pic { padding-top: 62.8%; } .timg-linfo { overflow: hidden; } .timg-linfo>p { font-size: 16px; font-weight: normal; line-height: 30px; color: #999999; max-height: 50px; overflow: hidden; margin-top: 14px; max-height: 90px; text-align: justify; } .timg-linfo span { display: block; line-height: 22px; color: #5f4253; margin-top: 13px; font-size: 18px; } .timg-list ul li:hover { background: url(../images/twlmbg.png) right bottom no-repeat #073d97; } .timg-list ul li:hover .time::after { background: #fff; } .timg-list ul li a:hover {} .timg-list ul li:hover h3 { color: #fff; } .timg-list ul li:hover .time p { color: #fff; } .timg-list ul li:hover .time span { color: rgba(255, 255, 255, 0.6); } .timg-list ul li:hover .timg-linfo>p { color: rgba(255, 255, 255, 0.68); } .timg-linfo .time { font-size: 0; position: relative; } .timg-linfo .time::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100px; height: 2px; background: #e8b350; } .timg-linfo .time p { display: inline-block; font-size: 24px; color: #073d97; font-weight: bold; line-height: 40px; } .timg-linfo .time>span { display: inline-block; font-size: 14px; color: #999999; margin-left: 5px; margin-top: 0; vertical-align: bottom; line-height: 40px; } .pagination { text-align: center; font-size: 0; /* padding-top: 21px; padding-bottom: 105px; */ padding-top: 50px; /* padding-bottom: 60px; */ } .pagination a { display: inline-block; border: 1px solid #dcdcdc; padding: 0 12px; height: 35px; font-size: 14px; line-height: 35px; text-align: center; color: #666; margin: 0 7px; } .pagination a.active { background: #073d97; color: #fff; border: 1px solid #073d97; } .pagination a:hover { background: #073d97; color: #fff; border: 1px solid #073d97; } .pagination span { display: inline-block; font-size: 14px; } .wzlby { background-color: #f8f8f8; } .wzlby .position { padding-top: 60px; } /* 脙楼芒鈧好偮久兟⑩偓掳芒鈧∶兟ッ嬧�犆⑩偓鈥澝兟偮∶偮� */ .img-lists ul { overflow: hidden; margin-left: -2%; margin-right: -2%; } .img-lists ul li { float: left; width: 29%; margin: 40px 2% 0 2%; border: 1px solid #eee; transition: all 0.3s; position: relative; top: 0; } .img-lists ul li:hover { box-shadow: 0 0 10px rgba(51, 51, 51, 0.16); top: -10px; } .img-lists ul li a { display: block; width: 100%; } .img-lists ul li a .pic { padding-top: 70%; } .img-lists ul li a>img { display: block; width: 100%; height: 196px; } .img-lists ul li a>div.info { padding: 10px; font-size: 0; text-align: center; } .img-lists ul li a>div.info p { color: #333; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; } .img-lists ul li:hover a>div.info p { color: #1557a7; } .wslb {} .wslb li { margin-top: 20px; background-color: #fff; padding: 20px 30px; } .wslb a { display: block; } .wslb .lbt { position: relative; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; } .wslb .lbt h4 { font-weight: normal; font-size: 20px; padding-right: 110px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333333; /* font-weight: bold; */ } .wslb .lbt p { position: absolute; right: 0; font-weight: bold; font-size: 24px; color: #073d97; bottom: 19px; } .wslb .lbt p span { font-weight: normal; font-size: 14px; color: #999; margin-left: 5px; } .wslb a>p { font-size: 16px; line-height: 30px; max-height: 30px; overflow: hidden; color: #666666; margin-top: 10px; } .wslb li:hover { background-color: #073d97; } .wslb li:hover .lbt h4 { color: #fff; } .wslb li:hover a>p { color: rgba(255, 255, 255, 0.68); } .wslb li:hover .lbt { border-color: rgba(229, 229, 229, 0.4); } .wslb li:hover .lbt p { color: #fff; } .wslb li:hover .lbt p span { color: rgba(255, 255, 255, 0.6); } /* 脙茠脝鈥櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮っ兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮幻兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓拧脙鈥毭偮姑兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮┟兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮� */ .jjy { margin-top: 28px; } .jjy>p { text-indent: 2em; font-size: 16px; line-height: 36px; color: #666666; } .jjy>p img { max-width: 80% !important; display: block; margin: 0 auto; } .lists { padding: 30px 0; } .lists li { padding-right: 100px; background-position: left center; position: relative; font-size: 16px; border-bottom: 1px solid #dfdfdf; line-height: 60px; background: url(../images/ico_li.png) left center no-repeat; padding-left: 15px; height: 60px; } .lists li:hover {} .lists li a { display: block; color: #073d97; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lists li a:hover { color: #073d97; } .lists li a span { /* position: absolute; */ right: 10px; font-size: 18px; color: red; } /* */ .list_gg { width: 100%; height: auto; overflow: hidden; } .list_gg li { border-bottom: 1px dashed #ccc; height: auto; overflow: hidden; } .list_gg .date { width: 80px; line-height: 24px; color: #fff; text-align: center; background: #073d97; font-size: 14px; } .list_gg .date p:first-child { font-size: 32px; line-height: 32px; color: #073d97; padding: 10px; background: #fff; } .list_gg .text { width: -webkit-calc(100% - 110px); width: -moz-calc(100% - 120px); width: calc(100% - 110px); padding: 0 10px 0 0; } .list_gg .text .title { margin: 0 0 3px; font-size: 18px; font-weight: 500; line-height: 32px; color: #000; text-align: left; } .list_gg .text .info { height: 50px; display: -webkit-box; -moz-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; font-weight: 500; line-height: 25px; color: #999; text-align: left; } .list_gg li a { display: block; padding: 30px 0; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; display: block; height: auto; overflow: hidden; } .list_gg li a:hover { box-shadow: 7px 7px 7px 0 #aaa; } .list_gg a:hover .title { color: #073d97; font-weight: bold; } /* */ .szlb-list { margin-top: 30px; } .szlb-list .jg-title { font-size: 24px; padding-bottom: 10px; border-bottom: solid 1px #ddd; } .szlb-list .jg-title a { color: #333; position: relative; } .szlb-list .jg-title a::after { content: ""; position: absolute; left: 0; bottom: -12px; width: 50px; height: 3px; background: #073d97; } .szlb-list .jg-title span { float: left; width: 50px; } .szlb-list .jg-ul li { float: left; height: 60px; min-width: 62px; margin: 0 31px; } .szlb-list .jg-ul li a { display: block; font-size: 16px; color: #333; text-align: justify; } .szlb-list .jg-ul { margin-top: 30px; margin-bottom: 10px; height: auto; overflow: hidden; } .szlb-list .jg-ul li a:hover { color: #073d97; } .szlb-list .jg-ul li a:after { display: inline-block; content: ''; padding-left: 100%; } /* */ @media screen and (max-width: 1400px) { .wslb li { padding: 35px 25px 30px; } } @media screen and (max-width: 1320px) { .ldcy ul a .tu { margin-right: 24px; } .ldcy ul a .tu { width: 130px; } .ldcy ul .info>span { margin-top: 24px; } .ldcy ul li { margin-top: 40px; } } @media screen and (max-width: 1220px) { .timg-list-img { width: 260px; } .timg-list ul li a h3 { margin-top: 8px; } .timg-linfo>p { line-height: 26px; max-height: 78px; margin-top: 10px; } .ldcy ul .info h4 { font-size: 18px; } } @media screen and (max-width: 1024px) { .position { padding-top: 40px; padding-bottom: 15px; } .nymain .leftNav { margin-right: 30px; } .nymain .leftNav ul li a { line-height: 55px; } .nymain .leftNav>ul>li>span { top: 15px; } .position h3 { font-size: 26px; } .wzlby .position { padding-top: 30px; } .wslb li { padding: 25px; } .wslb .lbt h4 { font-size: 18px; } .wslb .lbt p { font-size: 20px; bottom: 14px; } .wslb .lbt { padding-bottom: 14px; } .ldcy ul .info h4 { font-size: 18px; } .ldcy ul a .tu { margin-right: 14px; } .ldcy ul .info>p { font-size: 15px; text-align: justify; } .ldcy ul li { width: 100%; } .ldcy ul li:nth-child(2n) { margin-left: 0; } .timg-list ul li { padding-top: 30px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; } .timg-list ul li a h3 { font-size: 17px; line-height: 26px; } .timg-list-img { margin-right: 20px; width: 230px; } .timg-linfo .time p { font-size: 22px; } .timg-linfo>p { font-size: 15px; line-height: 24px; max-height: 72px; margin-top: 8px; } } @media screen and (max-width: 768px) { .szlb-list .jg-ul li { width: 30%; margin: 0; } .szlb-list .jg-ul li a { text-align: center; } .img-lists ul li { width: 46%; margin: 20px 2% 0 2%; } .nymain .leftNav>h2 { line-height: 46px; font-size: 18px; text-align: left; padding-left: 15px; font-weight: 600; padding-top: 0; background: #073d97; } .nymain .leftNav>h2 span { float: right; width: 30px; height: 30px; margin-top: 8px; background: url(../images/sub_left_down2.png) no-repeat center center; background-position: center center; margin-right: 10px; transition: all 0.3s; } .nymain .leftNav>h2 span.on { transform: rotateZ(45deg); } .nymain { /* padding: 10px 0; */ } .nymain .leftNav { float: none; width: auto; top: 0; margin-right: 0; margin-top: 15px; } .nymain .leftNav>p { font-size: 18px; padding: 10px 0; } .ny-right { float: none; width: auto; } .position { padding: 16px 0; margin-top: 0; margin-bottom: 0; } .position>div { text-align: left; /* line-height: 40px; */ padding-left: 0; border-left: none; } .position h3 { left: 0; width: auto; height: 45px; font-size: 20px; line-height: 45px; position: relative; left: 0; margin-bottom: 10px; font-weight: 600; display: none; } .position h3::after { width: 37px; height: 37px; right: -10px; bottom: -15px; } .pagination { padding-top: 50px; } .pagination a { padding: 0 5px; height: 20px; line-height: 20px; font-size: 12px; margin: 0 3px; } .nymain .leftNav ul { display: none; } .nymain .leftNav ul li a { line-height: 45px; padding-left: 20px; font-size: 16px; } .nymain .leftNav>ul>li>span { top: 10px; } .nymain .leftNav>ul>li>ul>li>a { font-size: 15px; line-height: 40px; } .jjy>p { line-height: 30px; } .jjy { margin-top: 20px; } .wzlby .position { padding-top: 30px; } .wslb li { margin-top: 30px; } .wslb .lbt h4 { font-size: 17px; } .wslb li { padding: 18px; } .ny-right { padding-bottom: 30px; } .wzlby .channl-menu { display: none; } .ldcy ul li { width: 48%; } .ldcy ul li:nth-child(2n) { margin-left: 4%; } .ldcy ul a .tu { width: 110px; } .ldcy ul .info>span { margin-top: 18px; margin-bottom: 12px; display: none; } .ldcy ul .info>p { line-height: 27px; } } @media screen and (max-width: 620px) { .ldcy ul li { width: 100%; } .ldcy ul li:nth-child(2n) { margin-left: 0; } } @media screen and (max-width: 520px) { .jjy>p { font-size: 15px; } .wslb .lbt h4 { font-size: 15px; } .wslb .lbt p { font-size: 18px; } .wslb .lbt p span { font-size: 13px; margin-left: 5px; } .wslb a>p { margin-top: 10px; } .wslb .lbt { padding-bottom: 10px; } .wslb .lbt p { bottom: 10px; } .wslb li { padding: 15px; margin-top: 25px; } .ldcy ul .info>p { font-size: 14px; } .ldcy ul .info h4 { font-size: 16px; margin-bottom: 6px; } .ldcy ul .info>span { height: 3px; width: 20px; } .timg-list-img { float: none; width: auto; margin-right: 0; margin-bottom: 20px; } .timg-list ul li a h3 { font-size: 16px; } .timg-linfo .time p { font-size: 20px; } .timg-linfo>p { font-size: 14px; } .timg-list ul li { padding-left: 15px; padding-right: 15px; } }