@charset "utf-8"; * { margin: 0; padding: 0; color: #000; } body { overflow-x: hidden; font-family:"microsoft yahei"; } ul li { list-style: none; } ul { margin: 0px; padding: 0px; } li { margin: 0px; padding: 0px; } a { text-decoration: none; cursor: pointer; outline: none } body { color: #f5f5f5 } .cl { clear: both; } @media screen and (min-width: 1200px) { .container { margin: 0 auto; width: 1200px; } .w1200 { width: 1200px; margin: 0px auto; height: auto; overflow: hidden; } .top-top { width: 100%; background: #292b33; height: 40px; z-index: -1 } .mingcheng { color: #fff; float: left; width: 450px; line-height: 40px; } .xiaolianjie { float: right; color: #fff; line-height: 40px; } .xiaolianjie a { color: #fff; } .top-mingzi { width: 1200px; margin: 5px auto; height: 100px; } .logo { float: left; width: 260px; margin-right: 50px; padding-top: 30px; } } /* ipad等手机样式 */ @media (max-width: 768px) { .container { margin: 0 auto; width: 100%; } .top-top { display: none; } .top-mingzi { width: 100%; } .logo { display: none; } .logo img { /* height: 50%; */ } .biaoyu { display: none; } .tel { display: none; } .link { display: none; } } /* 主菜单 */ a { text-decoration: none; } a:hover { text-decoration: none; } .head { position: relative; width: 100%; height: 48px; z-index: 9999 } .head .navbox { width: 780px; float: right; margin-top: 28px; } .head .nav { display: block; float: right; /* width:calc(100% - 180px) */ } .head .nav .nav_pc { width: 100%; } .head .nav ul li { float: left; position: relative; box-sizing: border-box; z-index: 999; width: 110px; } /* .head .nav ul li:first-child{border-left: 1px solid #cccccc;} */ .head .nav ul li .f_a { line-height: 48px; display: block; text-align: center; font-size: 16px; color: #333333; } .head .nav ul li:hover .f_a { /* background-color:#cf1322; */ color: #0095eb; transition: all .3s } .head .nav ul li .s_navbox { display: none; position: absolute; left: 0; width: 220px; background: #fff; background-color: #00a2ff; z-index: 9999; box-sizing: border-box } .head .nav ul li .s_navbox .s_a a { color: #fff; font-size: 14px; text-transform: uppercase; display: block; text-align: left; padding: 10px 0; border-top: 1px solid #fff; padding-left: 10px; } .head .nav ul li .s_navbox .s_a a:hover { background-color: #a1102d; color: #fff; } .m_nav { display: none } .headlf .m_logo { display: none } .headrg .m_menuimg { display: none } .active { background-color: #cf1322 } .activ2 { background-color: #cf1322 } /* 下拉侧边菜单 */ .sidenav { position: relative; width: 180px; display: block; float: left; } .sidenav label { width: 180px; display: block; padding-left: 55px; box-sizing: border-box; background: #128ee3; position: relative; height: 48px; line-height: 48px; color: #fff; font-size: 16px; } .sidenav label i { width: 30px; height: 30px; display: block; position: absolute; background-size: 20px; left: 25px; top: 16px; } .sidenav .side { display: inline-block; position: absolute; top: 48px; left: 0; z-index: 999; width: 180px; background: #fff; border-top: none; background-color: rgba(255, 255, 255, .95); box-sizing: border-box; } .sidenav .side li { position: relative; width: 100%; padding: 5px 0px; border-bottom: 1px solid #cccccc; box-sizing: border-box } .sidenav ul.side li:first-child { cursor: pointer; } .sidenav .side li a { color: #333; height: 40px; line-height: 40px; padding: 8px 0 8px 0; display: block; font-size: 16px; } .sidenav .side li a:hover { background: none; color: #0085cd; } .sidenav .side li a i { transition: all 0.3s ease 0s; } .sidenav .side li a i.side_t { margin-left: 10px; width: 40px; height: 40px; display: inline-block; vertical-align: middle; background-size: 30px; } .sidenav .side li a:hover i { margin-left: 15px; } .icon1 { background: url(../images/sideicon1.png) no-repeat; } .icon2 { background: url(../images/sideicon1.png) no-repeat; } .icon3 { background: url(../images/sideicon1.png) no-repeat; } .icon4 { background: url(../images/sideicon1.png) no-repeat; } .icon5 { background: url(../images/sideicon1.png) no-repeat; } .icon6 { background: url(../images/sideicon1.png) no-repeat; } .icon7 { background: url(../images/sideicon1.png) no-repeat; } .sidenav .side li:hover .side_main { display: block; z-index: 999; } .sidenav .side .side_main { display: none; width: 500px; background: #FFFFFF; position: absolute; left: 180px; top: 0; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); border: 1px #cecece solid; z-index: 7; } .sidenav .side .side_main dl { margin: 20px; padding: 0; } .sidenav .side .side_main dl dt { font-size: 18px; margin-bottom: 10px; color: #0173b2; font-weight: bold; } .sidenav .side .side_main dl dt b { font-size: 15px; } .sidenav .side .side_main dl dd { margin-bottom: 10px; display: inline-block; } .sidenav .side .side_main dl dd a { position: relative; display: inline-block; color: #777; font-size: 14px; margin: 0 4px; padding: 0 5px; border-right: 2px solid #bbbbbb; height: auto; line-height: 1.5; transition: all 0.2s ease 0s; } i.icon-hot, i.icon-new { display: inline-block; height: 9px; width: 24px; background: url(../images/img_public.png) no-repeat; vertical-align: middle; } i.icon-hot { background-position: 0 -240px; } i.icon-new { background-position: -40px -240px; } .sidenav .side .side_main dl dd a span { color: #999; } .sidenav .side .side_main dl dd a:hover { background: none; color: #cf1322; transform: translateY(-2px); } .sidenav .side .side_main dl dd a:hover b { color: #40adf5; } .sidenav .side .side_main dl dd a:hover span { color: #40adf5; } /* 轮播图 */ .slider { position: relative; overflow: hidden; width: 100%; } .slideBox .hd { height: 10px; z-index: 1; overflow: hidden; position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 1; } .slideBox .hd ul { text-align: center; padding-top: 5px; } .slideBox .hd ul li { cursor: pointer; float: left; margin-right: 5px; width: 30px; height: 10px; line-height: 14px; text-align: center; background: #fff; } .slideBox .hd ul .on { background: #00a2ff; color: #fff; } .slideBox .bd { position: relative; z-index: 0; } .slideBox .bd li img { width: 100%; vertical-align: top; } /*小于1600大于1200稍微调整下字体*/ @media screen and (max-width: 1600px) and (min-width:1200px) { .nav ul li .f_a { font-size: 14px } .nav ul li .s_navbox .s_a a { font-size: 12px } .foot_top ul { margin-left: 60px } .nav ul li .s_navbox .s_a { width: 100% } } /*移动端导航*/ @media screen and (max-width: 1024px) and (min-width: 0px) { .msgNum { display: none; } .slider { margin-top: 44px; } .head { display: none } .m_img { display: block; height: 44px; background: #fff; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9999; border-bottom: 1px solid #ddd; overflow: hidden; } .m_img .headlf { padding-top: 2px; padding-left: 5px; float: left; } .m_img .headlf .m_logo { height: 40px; display: block } .m_img .headrg { padding-right: 5%; padding-top: 14px; float: right; } .m_img .headrg a .m_menuimg { height: 16px; vertical-align: top; display: block } .m_nav { display: block; position: fixed; top: 0px; left: 0px; width: 0px; height: 0px; overflow: hidden; z-index: 10000 } .m_nav .closecover { position: absolute; width: 100%; height: 100%; background: #0b0d19; filter: alpha(opacity=0); opacity: 0; left: 0px; top: 0px; z-index: 1 } .m_nav .closeicon { position: absolute; width: 20%; top: 5%; z-index: 100; text-align: center; filter: alpha(opacity=0); opacity: 0 } .m_nav .m_navList { position: absolute; width: 80%; right: 0px; top: 0px; background: #0b0d19; height: 100%; z-index: 100; right: -80%; overflow-y: scroll; } .m_nav .m_navList ul { padding-left: 5%; padding-right: 5% } .m_nav .m_navList ul li { border-bottom: 1px solid #232530 } .m_nav .m_navList ul li a { display: block; height: 45px; color: #fff; line-height: 45px; padding-left: 5%; font-size: 16px } .m_nav .m_navList ul li .m_f_a { display: flex; align-items: center; justify-content: space-between; width: 100% } .m_nav .m_navList ul li .m_f_a a { flex: 1; } .m_nav .m_navList ul li .m_f_a i { width: 40px; height: 35px; box-sizing: border-box; padding: 0 5px; display: block; } .icon { background: url(../images/plus.png) 100% no-repeat; background-position: 50% 50%; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s } .icon_on { background: url(../images/reduce.jpg) 50% no-repeat !important; background-position: 50% 50%; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s } .m_nav .m_navList ul li .m_s_nav { display: none; width: 100%; } .m_nav .m_navList ul li .m_s_nav a { display: block; height: 40px; line-height: 40px; font-size: 14px; padding-left: 10%; overflow: hidden; white-space: nowrap; width: 90%; text-overflow: ellipsis; } .w1200 { width: 100%; margin: 0px auto; height: auto; overflow: hidden; } } /*分页*/ /*分页*/ .page-num:not(:disabled) { cursor: pointer; } .page-num, .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #484848; background-color: #fff; border: 1px solid #dee2e6; } a.page-num:hover, .page-link:hover { text-decoration: none; } .page-num-current { z-index: 1; color: #fff; background-color: #2e79b8; border-color: #2e79b8; } .page-num-current:hover { color: #fff; } /*其他*/ .pages { min-height: 500px; padding-top: 10px; padding-bottom: 10px; } /*sm屏幕以下*/ @media only screen and (max-width: 576px) { .page-num { display: none; } .head-sm-height { height: 61px !important; } } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; /*color: #007bff;*/ background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-link:not(:disabled):not(.disabled) { cursor: pointer; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .text-center { text-align: center !important; } .my-5 { margin-top: 3rem !important; } .my-5 { margin-bottom: 3rem !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #545b62 !important; } /* 原有分页css */ /*******************************page-in-button*******************************/ .page-in-button { text-align: center; font-size: 0; margin-top: 30px; } .page-in-button a { font-size: 13px; padding: 0 10px; margin: 0 4px; margin-bottom: 5px; line-height: 30px; display: inline-block; color: #fff; background-color: #0263cc; border: 1px solid #0263cc; } .page-in-button .page-in-button-on { color: #0263cc; background-color: transparent; } .page-in-button a:hover { opacity: 0.8; } /*******************************page-in-button2*******************************/ .page-in-button2 { margin-bottom: 30px; font-size: 14px; margin-top: 20px; } .page-in-button2 span { display: block; font-size: 14px; line-height: 30px; height: 30px; overflow: hidden; color: #666; font-weight: bold; } .page-in-button2 span a { font-weight: normal; color: #666; } .page-in-button2 .return { display: block; font-size: 14px; line-height: 30px; height: 30px; color: #666; } .page-in-button2 span a:hover { text-decoration: underline; } /*上下页*/ .nyrbc7 { padding: 5px 0 0px 5px; text-align: left; } .nyrbc7 ul { line-height: 25px; } .nyrbc7 ul li { margin-bottom: 5px; color: #999999; list-style: none } .nyrbc7 ul li a:link { font-size: 15px; color: #636363; text-decoration: none; } .nyrbc7 ul li a:visited { font-size: 15px; color: #636363; text-decoration: none; } .nyrbc7 ul li a:hover { font-size: 15px; color: #0263cc; text-decoration: none; } .nyrbc7 ul li span { background-color: #7F7F7F; padding-left: 5px; padding-right: 5px; text-align: center; color: #FFFFFF; margin-right: 5px; } @media (max-width: 768px) { .nyrbc7 { padding: 5px 0 0px 5px; text-align: left; } .nyrbc7 ul { line-height: 25px; } .nyrbc7 ul li { margin-bottom: 5px; color: #999999; list-style: none; width: 100%; } .nyrbc7 ul li a:link { font-size: 15px; color: #636363; text-decoration: none; } .nyrbc7 ul li a:visited { font-size: 15px; color: #636363; text-decoration: none; } .nyrbc7 ul li a:hover { font-size: 15px; color: #0263cc; text-decoration: none; } .nyrbc7 ul li span { background-color: #7F7F7F; padding-left: 5px; padding-right: 5px; text-align: center; color: #FFFFFF; margin-right: 5px; } } /* 所谓的推荐阅读 */ @media screen and (min-width: 1200px) { .tuijian{ width: 1200px; height: auto; overflow: hidden; margin: 0px auto; } } @media (max-width: 768px) { .tuijian{ width: 100%; height: auto; overflow: hidden; margin: 0px auto; } } .pro-title1 { overflow: hidden; margin-bottom: 4px; } .pro-tt { font-size: 18px; color: #333; float: left; padding-left: 20px; border-left: 4px solid #333; } .pro-title1 a { color: #333; font-size: 16px; padding: 2px 6px; } .pro-title1 span { float: right; } .news-all { overflow: hidden; margin-top: 10px; } .news-re { margin-top: 10px; overflow: hidden; margin-bottom: 30px; } .ct-1 { float: left; padding: 0px 10px; width: 48%; display: block; } .pro-content1 { font-size: 14px; line-height: 30px; height: 30px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 65%; float: left; } .time { float: right; color: #333; font-size: 14px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 30%; text-align: right; } .pro-ex1 { overflow: hidden; margin-top: 20px; } .box11 { display: block; } .pro-ex1 .box11 { width: calc((100% - 80px)/4); margin: 0 10px; float: left; } .box11 img { width: 100%; padding: 0 10%; } .box-tt { font-size: 14px; color: #333; text-align: center; margin-bottom: 10px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ct-1:hover .pro-content2 { color: #333; } .ct-1:hover .time { color: #333; } .ct-1:hover .pro-content1 { color: #333; } .box11:hover .box-tt { color: #333; } @media(max-width:992px) { .box11 img { padding: 0; } } @media(max-width:768px) { .news-details { padding: 30px 0; } .news-tt-1 { font-size: 18px; } .text-right p { font-size: 14px; line-height: 28px; } .last-text, .next-text, .return { font-size: 14px; width: 180px; } /***********推荐系列********/ .pro-tt { font-size: 16px; } .ct-1 { width: 93%; } .pro-ex1 .box11 { width: calc((100% - 40px)/2); } .pro-title1 a { font-size: 14px; } .pro-content1 { font-size: 14px; } .time { font-size: 14px; } } @media(max-width:530px) { .page-nav a { font-size: 12px; } /***********新闻内页********/ .news-tt-1 { font-size: 16px; } .news-time1 a { font-size: 12px; } .last-text, .next-text, .return { width: 160px; } /***********推荐系列********/ .pro-ex1 .box11 { width: calc((100% - 40px)/2); margin: 0 10px; margin-bottom: 10px; } .box-tt { font-size: 14px; } .pro-title1 a { font-size: 13px; } .time { font-size: 13px; } .pro-detail-box-tit { font-size: 14px; } } @media(max-width:380px) { .time { width: 32%; } } /* 表格样式 */