/* 最上方头部样式开始 */ .top_box{ margin-top: 20px; height: 26px; } .top_box ul{ display: flex; justify-content: flex-end; } .top_box ul li a{ color: black; line-height: 26px; } .top_box ul li:last-child div{ height: 10px; border-top: 5px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent; margin-top: 12px; } .top_box ul li:nth-child(2){ margin-right: 10px; } .top_box ul li:nth-child(1){ margin-right: 30px; } /* 最上方头部样式结束 */ /* 功能搜索框开始 */ .sou{ margin-top: 15px; height: 60px; } .sou ul{ display: flex; justify-content: space-between; align-items: center; } .sou_1 img{ height: 60px; } .sou_2{ margin-right: -300px; box-sizing: border-box; display: flex; border: 1px solid #e0e0e0; } .sou_2 div:first-child input{ width: 354px; height: 43px; border: none; outline: none; box-sizing: border-box; } .icon-sousuo:before { content: "\e601"; font-size: 24px; text-align: center; line-height: 43px; color: red; } .sou_3{ margin-right: -300px; width: 95px; height: 43px; background-color: red; } .sou_3 div{ margin-top: 3px; color: #fff; font-size: 12px; text-align: center; } .sou_4{ height: 43px; box-sizing: border-box; border: 1px solid red; display: flex; } .sou_4 a{ text-align: center; line-height: 43px; color: red; } .sou_4 a:first-child{ width:93px; height: 43px; box-sizing: border-box; } .sou_4 a:last-child{ width: 34px; height: 42px; border-left: 1px solid red; } .icon-youjiantou:before { font-size: 20px; color: red; content: "\e607"; } /* 功能搜索框结束 */ /* 导航模块开始 */ .nav{ margin-top: 20px; height: 42px; border: 1px solid #333; } .nav_a{ display: flex; } .nav_a li{ width: 129px; height: 42px; border-right: 1px solid #333; } .nav_a a{ text-align: center; display: block; line-height: 42px; color: #000; font-size: 16px; text-decoration: none; } .nav_a li:last-child{ border-right: 0; } .nav_a li:hover{ background-color: rgb(235, 231, 231); } .dropdown-content a{ background-color: black; color: #fff; } .dropdown-content{ width: 129px; display: none; position: absolute; } .nav_li{ position: relative; } .nav_li:hover .dropdown-content{ display: block; z-index: 1; } /* 导航模块结束 */ /* 轮播图模块开始 */ .lunbo{ margin-top: 30px; display: flex; position: relative; } .lunbo_2{ width: 250px; height: 250px; background-color: #fff; position: absolute; right: 5%; bottom: 10%; } .lunbo_2 div:first-child{ margin: 46px 0 0 20px; font-size: 24px; letter-spacing: 4px; font-weight: 800; color: #4d4d4d; } .lunbo_3{ width: 137px; height: 38px; box-sizing: border-box; display: flex; justify-content: space-between; margin: 80px 0 0 20px; border: 1px solid red; } .lunbo_3 span{ font-size: 15px; } .lunbo_3 span:last-child{ margin-left: 10px; padding-left: 12px; width: 30px; height: 38px; border-left: 1px solid red; } .lunbo_3 span{ line-height: 38px; margin: 0 auto; } /* 轮播图模块结束 */ /* 日历模块开始 */ .rili{ margin-top: 30px; } .rili_1{ margin-top: 20px; height: 60px; background-color: black; } .asd{ color: #fff; font-size: 30px; font-weight:600; line-height: 60px; text-align: center; } .rili_3{ width: 1000px; height:90px; margin: 0 auto; } .rili_2{ margin-top: 3px; height: 120px; background-color: rgb(231, 12, 12); } .rili_2 ul{ display: flex; justify-content: space-around; } .rili_3 ul li{ line-height: 45px; text-align: center; color: #fff; width: 250px; height: 90px; border-left: 1px dashed #fff; border-bottom: 1px dashed #fff; } .rili_3 ul li:last-child{ border-right: 1px dashed #fff; } .rili_3 ul li div span{ font-size: 30px; } .rili_3 li div:first-child{ font-size: 20px; } .rili_3 li div:last-child{ font-size: 15px; } /* 日历模块结束 */ /* 新闻模块开始 */ .news{ /* 有问题,未发现,待解决 */ margin-top: 150px; } /* 新闻模块结束 */ /* 热点沙龙模块开始 */ .shalong{ padding-top:20px; } .guding_fu{ position: relative; display: flex; } .guding_son1{ bottom: 0; right: 0; width: 234px; height: 60px; background-color: #fff; position: absolute; } .guding_son_2{ color: #fff; line-height: 30px; text-align: center; width: 100px; height: 30px; right: 0; bottom: 60px; background-color:rgba(0,0,0, .3); position: absolute; } .guding_son1{ color:black; font-size: 20px; } .icon-iconfontjiantou-copy:before { content: "\e602"; font-size: 24px; margin-left: 125px; } /* 热点沙龙模块结束 */