.main{ margin: 0 auto 0 !important; width:1200px; height:auto; overflow:hidden; background:#fff;} /*标题 单个标题*/ .channel_tit1{ height: 38px; font-size: 16px; position: relative; border-bottom: 1px solid #d7d7d7; } .channel_tit1 a{ display: block;float:left;border-bottom: 2px solid #BD1A2D; color: #BD1A2D; position: relative;bottom: -1px;padding-bottom: 10px; padding-top: 5px;font-size: 16px; } .channel_tit1 a.active{font-weight: bold;} .body_fiximg{ width: 100%; position: fixed; top:0; left: 0;z-index: -99; } .pd20{ padding: 20px;} /*面包屑*/ .BreadcrumbNav{padding: 30px 20px 0px 20px; overflow: hidden; box-sizing: border-box;} .BreadcrumbNav span{background:url(/uiFramework/commonResource/image/2024110716114636541.png) no-repeat left center; height: 26px; line-height: 26px; text-indent: 30px; color: #686868; font-size: 16px; display: inline-block;} .BreadcrumbNav a{color: #686868;font-size: 16px;} .BreadcrumbNav a:last-child{color: #BD1A2D;} .m1200{width: 1000px; margin: 0 auto;} .m-crumbs{margin-bottom: 30px; margin-top: 30px;} .m-crumbs span{font-size: 14px; color: #999999; padding-right: 10px;} .m-crumbs span a{color: #999999; font-size: 14px;} .m-crumbs span:last-child{} .m-listWrap{overflow: hidden; clear: both;min-height:500px;} .m-listWrap .m-l-main{float: left;width: 220px;} .m-listWrap .m-r-main{width: 100%;} .m-listWrap .m-r-main .aticle{ width:706px; height:auto; overflow:hidden;padding:0 10px; font-size:16px; line-height:32px; color:#252525;} .m-listWrap .m-navs li{width: 209px; border-left: 5px solid #eaeaea; height: 50px; line-height: 50px; margin-bottom: 12px; text-align: center; background: #f4f3f3; font-size: 16px; color: #999999;} .m-listWrap .m-navs li a{color: #999999;font-size:16px; } .m-listWrap .m-firstNav{background: url(/uiFramework/commonResource/image/2024040710295071923.png) no-repeat; text-align: left; overflow: hidden; clear: both; margin-bottom: 0; height: 58px; line-height: 58px; font-size: 18px; color: #FFFFFF; padding-right:60px; font-weight:bold;} .m-listWrap .m-firstNav span{float: left; margin-left: 35px; margin-right: 30px;padding-top: 22px;} .m-listWrap .m-firstNav span img{vertical-align: middle;} .m-listWrap .m-navs li:hover{background: none;border-left: 5px solid #bd1a2d;border-top: 1px solid #bd1a2d;border-right: 1px solid #bd1a2d;border-bottom: 1px solid #bd1a2d; height:48px;width:208px; line-height:48px;text-indent:1px} .m-listWrap .m-navs li:hover a{color: #bd1a2d;font-size:16px; } .m-listWrap .m-textLists .m-bigTitle{width: 726px; border-bottom: 1px solid #e5e5e5; margin-bottom: 40px;height:auto; overflow:hidden;} .m-listWrap .m-textLists .m-bigTitle .m-title{font-size: 24px; color: #010101;float:left; border-bottom: 2px solid #bd1a2d; padding-bottom: 13px;} .m-listWrap .m-textLists .m-ulList{border-bottom: 1px solid #E5E5E5; margin-bottom: 30px; padding-bottom: 30px;} .m-listWrap .m-textLists .m-ulList:last-child{border-bottom: none;} .m-listWrap .m-textLists .m-ulList li{font-size: 16px; background: url(../images/new_list/textListIcon-20200324.png) left no-repeat; line-height: 38px; color: #404040; overflow: hidden; clear: both;} .m-listWrap .m-textLists .m-ulList li a{color: #404040; padding-left: 10px; float: left; width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;font-size: 16px;} .m-listWrap .m-textLists .m-ulList li:hover{color: #bd1a2d;} .m-listWrap .m-textLists .m-ulList li:hover a{color: #bd1a2d;font-size: 16px;} .m-listWrap .m-textLists .m-ulList li span.m-iconImg{float: left; height: 38px;line-height: 38px; margin-right: 5px;} .m-listWrap .m-textLists .m-ulList li span.m-iconImg img{vertical-align: middle;} .m-listWrap .m-textLists .m-ulList li span.m-time{float: right;} .m-pageWrap ul{overflow: hidden; clear: both; width: 897px; margin: 0 auto;} .m-pageWrap ul li{float: left; text-align: center;} .m-pageWrap{text-align:center;margin-top: -1px;padding-bottom:50px;border-top: 1px solid #fff;} .m-pageWrap a{padding:8px 20px;display:inline-block;margin:0 5px;border:1px solid #e8e8e8;background:#fff;font-size:14px;} .m-pageWrap a:hover,.changepage .current{background:#d30b15;color:#fff;} .m-pageWrap input{border:1px solid #e8e8e8;display:inline-block;padding:8px 10px;margin:0 5px;height: 19px;font-size: 14px;font-family: '\5FAE\8F6F\96C5\9ED1';*display: inline;*zoom: 1; vertical-align: 3px;*height:21px;line-height:19px;width:33px;text-align:center;} .m-pageWrap span{display:inline-block;margin:0 5px;border:1px solid #e8e8e8;padding:8px 20px;} .m-pageWrap span.u_page{border:0;padding:0;} /*图片文字 上图下文字 列表*/ .list_photo{ overflow: hidden; padding-top: 25px;} .list_photo dl{ float: left; width: 265px; margin-right: 32px; margin-bottom: 35px;} .list_photo dl:nth-child(4n){margin-right:0px;} .list_photo dl dt img{ width: 100%; height: auto;} .list_photo dd{text-align: center;margin-top: 15px; overflow: hidden; padding:0 25px; box-sizing: border-box;} .list_photo dd a{font-size: 16px; display: block; color: #467aa8; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap;} /*图上有视频播放图标*/ .list_photo dt a{ display: block; position: relative; color: #333;} .list_photo dt a i{ display: inline-block; width: 53px; height: 52px; background: url(../images/public/video.png) no-repeat left center; position: absolute; left: 108px; top: 56px} /* 分页 */ .page_box {line-height: 36px;text-align: center;margin-top: 30px;display: flex;align-items: center;justify-content: center;} .page_box * { display: inline-block; font-size: 14px; } .page_box > a, .page_box > font {display: inline-block;padding: 0 5px;line-height: 36px;font-size: 12px;border-radius: 4px;border: 1px solid #eee;min-width: 20px;margin: 0 5px;} .page_box > span { display: none !important; } .page_box input { width: 40px; text-align: center; height: 36px; border-radius: 4px; border: 1px solid #eee; margin: 0 5px; } .page_box > a:hover, .page_box > font, .page_box input[type="button"] { background: #bd1a2d; color: #fff; } .page_num{ padding-top: 15px;padding-bottom:15px;height:auto;overflow:hidden;width:97%;margin:auto;font-size:14px; clear: both; } #page_div{color:#000;margin:0 auto;line-height: 20px; } #page_div .pagination_zx {color: #bd1a2d; padding:0px 13px; margin-right: 2px; float: left; text-align: center; font-size: 14px;} #page_div .pagination_zx span{line-height:34px;} #page_div .pagination-zxx{border: 1px solid #bd1a2d; color: #104c6e;padding: 6px 8px 7px;background-color:#bd1a2d;color:#fff;padding-top: 2px\9;} #page_div .pagination_index{ color: #104c6e; border: 1px #efefef solid; margin-right:5px; float: left;text-align:center; font-size:12px;background-color: #efefef;} #page_div .pagination_index a{padding:6px 13px; margin:0px;text-align:center; color:#666666; display:block; font-size:12px;display: inline-block; } #page_div .pagination_index a:hover{color:#fff; font-size:12px;background:#bd1a2d;} #page_div div.page_loca{ background-color:#bd1a2d;border-color: #bd1a2d;} #page_div div.page_loca a{ color:#fff; font-size:12px;} #page_div div.page_loca a:hover{ color:#fff;} #page_div .pagination_index_last{border: none; width: auto; float: left; text-align: left;} #page_div .pagination_index_last .page_a_tz{ border: 1px #b2b2b2 solid; padding:3px 8px;} #pagination_input{ width: 35px; height:32px; line-height: 18px; margin: 0 5px; padding: 0; overflow: hidden; text-align:center; border: 1px solid #ccc;} #pagination_input{height: 24px\9;} @media screen and (max-width:1024px){ .list_main .commonList_con ul li a{width: 46% !important;} .list_main{width: 42%;} .list_photo dl{ margin-right: 55px;} .list_photo dl:nth-child(4n){ margin-right: 60px;} } @media screen and (max-width:991px){ .w254{width: 20%;} .list_photo dl{ margin-right: 60px;} .list_photo dl:nth-child(4n){ margin-right: 0px;} .list_photo dl{ margin-right: 90px;} .list_left ul{ min-height: 0px;} .BreadcrumbNav{ padding: 10px 3% 0;} .w214, .w630, .ysqgkd .ysqgk1 .w300{ width: 100%;} .list_main{ padding-left: 0; background: none;} #channelNames{height: auto !important;} .list_right_tit{ background: none; text-align: left;font-size: 16px;height: 38px;border-bottom: 1px solid #d7d7d7;} .list_right_tit span{ display: block; float: left; color: #1c65a6; border-bottom: 2px solid #1c65a6; padding: 0 10px; text-align: center; line-height: 36px; font-size: 18px; font-weight: bold;} .list_right{display: none;} .page_num{ margin-left: 0px;} .ztzl_list li, .ztzl_list img{ width: 100%; height: auto;} .list_main .channel_tit1 a{ height: 38px;} .list_right_tit a .q1{border: 0;} } @media screen and (max-width:534px){ .list_photo dl{ margin-right: 4%;} .list_photo dl{width: 46%;} #page_div{width:100% !important;justify-content: center;} #page_div .pagination_zx{margin-top: 2px;display:none;} } @media screen and (max-width:440px){ .list_main .commonList_con ul li a{width: 37% !important;} .BreadcrumbNav, .BreadcrumbNav p,.main .BreadcrumbNav a{font-size: 13px;} #page_div{width: 100% !important;} .page_num{ margin-left: 0px;} .list_photo{width: 100%;} .list_photo dl,.list_photo dl:nth-child(4n){/*float: none;*/ margin:0 auto; margin-bottom: 35px;} } @media screen and (max-width:375px){ } @media screen and (max-width:360px){ } @media screen and (max-width:320px){ .list_main .commonList_con ul li a{width: 26% !important;} #page_div{ padding-left: 40px;} .page_num{ margin-left: 0px;} } /*列表样式*/ .m1200{width: 1200px; margin: 0 auto;} .m-crumbs{margin-bottom: 30px; margin-top: 60px;} .m-crumbs span{font-size: 14px; color: #999999; padding-right: 10px;} .m-crumbs span a{color: #999999;} .m-crumbs span:last-child{color: #bd1a2d;} /*图片列表*/ .m-imgListsWrap .m-bigTitle{width: 1200px; border-bottom: 1px solid #e5e5e5; margin-bottom: 40px;overflow:hidden;height:auto;} .m-imgListsWrap .m-bigTitle .m-title{font-size: 24px; color: #010101;float:left; border-bottom: 2px solid #bd1a2d; padding-bottom: 13px;} .m-ulImgListsWrap{display: block; margin: 0 0 5px 0; overflow: hidden; padding: 0; clear: both; margin-right: -40px;} .m-ulImgListsWrap li{float: left; width: 250px; height: auto; overflow:hidden; margin-bottom: 30px; margin-right: 40px;padding:5px; border:1px solid #e0e0e0;position: relative;} .m-ulImgListsWrap li .m-imgWrap{height: 180px; overflow: hidden;} .m-ulImgListsWrap li .m-imgWrap img{width: 100%; height: 180px; transition: all 0.8s;} .m-ulImgListsWrap li .m-imgWrap img:hover{transform: scale(1.1);} .m-ulImgListsWrap li h2{text-align: left; font-size: 16px; margin-bottom: 5px;line-height:48px; color: #333333;border-bottom: 1px solid #e5e5e5;} .m-ulImgListsWrap li .m-zy{font-size: 14px; color: #666666;} .m-ulImgListsWrap li .m-zy a{color: #bd1a2d;} @keyframes width{ 0%{width:0;} 50%{width:100%;} 100%{width:0;} } @keyframes height{ 0%{height:0;} 50%{height:100%;} 100%{height:0;} } .m-ulImgListsWrap li .l_t,.m-ulImgListsWrap li .r_b { position: absolute; z-index: -1; top: 0; left: 0; width: 0; height: 0; border: 2px solid transparent; } .m-ulImgListsWrap li:hover .l_t{ border-top-color: #bd1a2d; border-left-color: #bd1a2d; animation:width 2s ease-in-out,height 2s ease-in-out; -webkit-animation:width 2s ease-in-out infinite,height 2s ease-in-out infinite; -moz-animation:width 2s ease-in-out infinite,height 2s ease-in-out infinite; -o-animation:width 2s ease-in-out infinite,height 2s ease-in-out infinite; -ms-animation:width 2s ease-in-out infinite,height 2s ease-in-out infinite; animation:width 2s ease-in-out infinite,height 2s ease-in-out infinite; } .m-ulImgListsWrap li:hover .r_b{ top:auto; left:auto; right:0; bottom:0; border-bottom-color: #bd1a2d; border-right-color: #bd1a2d; -webkit-animation:width 2s ease-in-out infinite,height 2s ease-in-out infinite; -moz-animation:width 2s ease-in-out infinite,height 2s ease-in-out infinite; -o-animation:width 2s ease-in-out infinite,height 2s ease-in-out infinite; -ms-animation:width 2s ease-in-out infinite,height 2s ease-in-out infinite; animation:width 2s ease-in-out infinite,height 2s ease-in-out infinite; } @media (min-width: 320px) and (max-width: 750px) { .m1200{width:auto; overflow-x: auto;} .m-crumbs{margin: 25px;} .m-ulImgListsWrap{margin-right:0;} .m-imgListsWrap .m-bigTitle {width: 100%;margin-left: 0;} .m-imgListsWrap .m-bigTitle .m-title {padding-left: 25px;padding-right: 25px;} .m-ulImgListsWrap li {float: none;display: inline-block;width: 43%;margin:5px;} } /* 响应式 */ @media screen and (max-width:1200px){ .m1200{width:96%;} .main{width:96%;} .list_photo dl{width:32%;margin-right:2%;} .list_photo dl:nth-child(3n){margin-right:0;} } @media screen and (max-width:1024px){ body {background: #fff;} .g_layout{width:100%;} .g_main{ width: 100%; } .m_search .u_search_right{width: 290px;} .m-part2RightList li {width: 210px;} .m_left{width:50%;} .m_left .picScroll-left{ width: 100%; } .picScroll-left .bd{ width: 100%; } .m_right{width:45%; margin-left: 30px; float: left;} .picScroll-left .hd{ width: 420px; } .slideBox{ width: 100%; } .picScroll-left .bd ul li{ width: 100%; } .slideBox .bd li{ height: auto; overflow:hidden; } .m_beijing_box{ display: none; } .m_nav li{ margin-left: 0; padding:0 45px; } .g_nav_content li{ padding:0 20px; } .m_foot1{ margin-left: 0; } .g_footer .u_logo{ margin-left: 50px; margin-right: 50px; } .g_bottom{ display: none; height: auto; overflow: hidden; line-height: 40px; } .m_footer{ display: block; } .slideBox .bd li img{ width: 23%; } .slideBox .bd li div{ width:100%;} .w1200{width:auto} } @media screen and (max-width:991px){ .m_nav{ width: 100%; height:auto; } .m_nav li{ width: 10%; padding: 0 5%; text-align: center; } .ul_ywdt,.ul_zwgk,.ul_zwfw,.ul_zmhd,.ul_csfzx { width: 100% !important;} .ul_ywdt li:nth-of-type(7) ,.ul_zwfw li:nth-of-type(8),.ul_zwgk li:nth-of-type(8),.ul_zmhd li:nth-of-type(8){display: none;} .slideBox .bd li img{ width:232px; } .slideBox .bd li img{ width:23%; height: 157px; margin: 0 1%; } .m_search{ width: 40%; } .m_search .u_search_right{ width: 70%; } .m_search .u_search_right #qt1{ width: 80%; } .picScroll-left .hd{ width: 90%; } .picScroll-left .hd{ left: 0; } } @media screen and (max-width:900px){ .g_main{ height: auto; } .m_nav{ height: auto; overflow:hidden; } .m_nav li{ width: 14%; padding: 0 3%; font-size: 20px; } .ul_ywdt li,.ul_zwgk li,.ul_zwfw li,.ul_zmhd li,.ul_csfzx li{ font-size: 16px; } .m_search .u_search_right{ width: 65%; } .g_header {height: auto;} .g_header .u_logo{ width: 80%; } .m_search {width: 75%;} .m_search .u_search_left {width: 35%;} .m_search .u_search_right{ width: 54% !important; } .m_search .u_search_right #qt1{ width:65%; } .g_nav{ height: auto; border:#901323 1px solid;margin-bottom:120px; } .g_nav_content{ height: auto;position: absolute;top: 125px;left: 0;} .g_nav_content .ul_csfzx li{ width: 33.3%; padding: 0; } .m_nav li{ width:33.3%;font-size:16px;height: auto;float: left;box-sizing: border-box;} .m_nav li a{font-size:16px;} .u_list li a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; width: 60%; display: inline-block; } .g_footer{ display: none; } .g_footer_2{ display: block; } .g_footer_2 .g_main{ width: 320px; height: auto; } .g_footer_2 .u_logo{ margin:48px 25px 0 25px; } } @media screen and (max-width:768px){ .m_left{ width: 90%; float: none; margin: 20px auto 0 auto; } .picScroll-left .bd ul li img{ width: 100%; } .m_right{ width: 90%; margin: 20px auto 0 auto; float:none; } .g_header .u_logo{ float: none; margin: 0 auto 20px; display: block; } .m_search{ float: none; margin: 20px auto; width: 60%; } .u_search_right{ width: 73% !important; } .picScroll-left .hd{left:20px;} .slideBox .bd li img{ height: 120px; } .g_nav{width:99.6%} .main{width:100%} .page_num{width:100%} .pd20{padding:20px 10px} .list_photo dl{width:48.5%;margin-right:3%;} .list_photo dl:nth-child(2n){margin-right:0;} .list_photo dl:nth-child(2n+1){margin-right:3%;} } @media screen and (max-width:640px){ .m_footer p span{ display: block; } } @media screen and (max-width:600px){ .m_footer p span{ display: block; } } @media screen and (max-width:480px){ .list_2{ display: none; } .picScroll-left .hd{ left: 0; } .slideBox .bd li img{ width: 48%; margin:10px 1%; } } @media screen and (max-width:414px){ .m_footer p{ text-align: left; width: 80%; margin: 0 auto; } .u_list_title li{ font-size: 18px; } .u_list_title1 li{ font-size: 18px; } } @media screen and (max-width:375px){ .picScroll-left .bd ul li img{ height: auto; } .picScroll-left .bd ul li{ height: auto; } .m_left .picScroll-left{height: auto;} .picScroll-left .bd{ height: auto; } .u_list li{ font-size: 14px; } .g_bottom{ font-size: 12px; } .picScroll-left .bd ul li span a{ font-size: 14px; line-height: 30px; } }