/* CSS Document */ /* * @description: 首页样式 * @author: ishang * @update: ishang (2017-07-10 09:25) */ /*首页 on*/ .g_main{width: 1200px; margin: 10px auto;} .m_nav{width: 220px; height: 487px;} .m_nav ul li{width: 220px; height: 60px; line-height: 60px; text-indent: 88px; margin-bottom: 1px;} .m_nav ul li a{background-image: url("/jktjjxsyczjcom/media/images/public/home_icon.png"); background-repeat: no-repeat; background-color: #b91311; display: block; font-size: 18px; font-weight: bold; color: #fff;} .m_nav ul li a:hover{background-color: #900d0c;} .m_nav ul li.n1 a{background-position: 32px -92px;} .m_nav ul li.n2 a{background-position: 32px -145px;} .m_nav ul li.n3 a{background-position: 32px -202px;} .m_nav ul li.n4 a{background-position: 32px -255px;} .m_nav ul li.n5 a{background-position: 32px -309px;} .m_nav ul li.n6 a{background-position: 32px -362px;} .m_nav ul li.n8 a{background-position: 32px -418px;} .m_nav ul li.n7 a{background-position: 32px -475px;} .m_box{width: 969px; height: 487px; background: #fff;} .box_left{width: 552px; height: 487px;} .m_flash{width: 550px; height: 340px; border: 1px solid #ddd; position: relative;} .flash_bd{width: 550px; height: 340px; position: relative; overflow: hidden;} .flash_bd ul li{position: relative; float: left;} .flash_bd ul li img{width: 550px; height: 340px; top: 0; left: 0;} .flash_bd ul li p{width: 100%; height: 38px; line-height: 38px; background: url("/jktjjxsyczjcom/media/images/public/op5.png") repeat; text-indent: 19px; color: #fff; position: absolute; bottom: 0; left: 0;} .m_flash .hd{width: 92px; height: 10px; position: absolute; right: 12px; bottom: 11px;} .m_flash .hd ul li{width: 10px; height: 10px; border-radius: 50%; background: #ac9d9c; float: left; margin-right: 8px;} .m_flash .hd ul li.on{background: #ecc407;} .m_notice{width: 550px; height: 124px; margin-top: 10px;} .notice_title{width: 42px; height: 124px;} .notice_title a{display: block; padding: 26px 13px; color: #b91311; font-size: 16px; background: #f2efef; border: 1px dashed #b91311;} .notice_box{position: relative; width: 486px; height: 124px; overflow: hidden; margin-right: 12px;} .notice_box ul li{line-height: 32px; text-indent: 14px; background: url("/jktjjxsyczjcom/media/images/public/home_icon.png") left -535px no-repeat;} .notice_box ul li span{float: right; font-size: 12px; color: #999;} .box_right{width: 395px; height: 487px; margin-right: 10px;} .m_hots{width: 378px; height: 101px; margin: 13px auto 8px;} .m_hots h1{width: 100%; height: 53px; line-height: 53px; text-align: center;} .m_hots h1 a{font-size: 20px; font-weight: normal; color: #b91311;} .m_hots p{line-height: 24px; color: #777; text-indent: 24px; font-size: 12px;} .m_hots p a{color: #b9791f;} .m_govnews{width: 395px; height: 362px;} .govnews_top{border: 1px solid #ddd; height: 40px; line-height: 40px; background: #f7f7f7;} .govnews_top li{float: left; padding: 0 20px; border-right: 1px solid #ddd; height: 40px;} .govnews_top li a{font-size: 16px;} .govnews_top li.tab_hover {border-top: 2px solid #cd160f; margin-top: -1px; background: #fff;} .govnews_top li.tab_hover a{color: #df0d0d;} #tab_content1{margin-top: 10px;} #tab_content1 ul li{line-height: 34px; text-indent: 14px; background: url("/jktjjxsyczjcom/media/images/public/home_icon.png") left -534px no-repeat;} #tab_content1 ul li span{float: right; color: #999; font-size: 12px;} .m_advert{width: 1200px; height: 78px; margin: 10px auto; overflow: hidden; position: relative;} .advert_bd ul li{width: 292px; height: 78px; margin-right: 8px; float: left;} .advert_bd ul li img{width: 292px; height: 78px;} /*首页 end*/