/* 头部内容 */ header{ width: 100%; height: 110px; background: #fff; } header{height: 110px;} header h1{float: left;width: 400px;height: 110px;margin-left: -20px;} header h1>a{display: block;width: 230px;height: 110px;float: left;} header h1 span{display: block;width: 170px;height: 48px;float: left;margin-top: 33px;border-left: 1px solid #ccc;padding-left: 15px;} header h1 span strong{ display: block; font-size: 25px; font-weight: bold; margin-bottom: 8px; } header h1 span a{font-size: 12px;} header h1 span a:hover{color: #333;} header h1 img{width: 100%;height: 100%;} /* 搜索下拉提示 */ header .header_l{ position: relative; float: left; width: 500px; height: 45px; margin: 30px 0 0 90px; background: #f5f5f5; } header .header_l .form_down{ position: absolute; top: 44px; left: 0; width: 390px; background: #fff; z-index: 9; border: 1px solid #eee; border-radius: 0 0 5px 5px; display: none; } header .header_l .form_down span{ display: block; color: #666; line-height: 30px; cursor: pointer; text-indent: 15px; } header .header_l .form_down span:hover{ background: #eee; } /* 搜索下拉提示结束 */ header p{ width: 500px; height: 45px; } header p input{ float: left; width: 220px; height: 35px; color: #999; margin: 5px 0 0 10px; outline: none; background: #f5f5f5; } header p span{ display: block; float: left; width: 70px; height: 25px; line-height: 25px; text-align: center; border: 1px solid #eee; background: #fff; margin: 10px 5px 0 0; cursor: pointer; } header p a{ display: block; width: 110px; height: 45px; line-height: 45px; text-indent: 40px; font-size: 16px; color: #fff; background: #e1181e; float: right; position: relative; } header p a:hover{color: #fff;} header p a::after{ position: absolute; content: ""; width: 22px; height: 45px; top: 0; left: 12px; background: url(../images/news_big.png) no-repeat; } .head_div{ height: 45px; margin-top: 22px; } .head_div a{ display: block; float: left; width: 65px; height: 60px; margin-right: 15px; } .head_div a img{ width: 65px; height: 40px; } .head_div a span{ display: block; height: 20px; line-height: 20px; text-align: center; } /* 导航栏 */ nav{width: 100%;height: 40px;background: #db0f21;} nav ul li{width: 120px;height: 40px;line-height: 40px;float: left;text-align: center;cursor: pointer;} nav ul li a{display: block;width: 100%;height: 100%;color: #fff;font-size: 16px;} nav ul li span{display: block;width: 100%;height: 100%;color: #fff;font-size: 16px;} nav ul .active{background: #99131a;} nav ul li:hover{background: #99131a;} nav ul li a:hover{color: #fff;} /* 位置 */ .weizhi{ height: 45px; line-height: 45px; font-size: 12px; } .weizhi em{margin: 0 5px;} .weizhi p{ float: right; color: #ca1222; } /* 第一部分内容 */ .news_one{ height: 500px; } .news_one_left{ width: 840px; height: 500px; background: #fff; } .one_l{ width: 360px; height: 500px; float: left; margin-right: 30px; } /* 左边 */ .main_left{ width: 950px; height: 1920px; } .main_left_title{ height: 120px; background: #fff; padding: 10px 0; } .main_left_title h2{ height: 35px; line-height: 35px; font-size: 22px; color: #333; text-align: center; position: relative; } .main_left_title h2::before{ position: absolute; content: ""; width: 100px; height: 1px; background: #666; top: 17px; left: 60px; } .main_left_title h2::after{ position: absolute; content: ""; width: 100px; height: 1px; background: #666; top: 17px; right: 60px; } .main_left_title p{ width: 700px; margin: 10px auto; line-height: 25px; text-align: center } .main_left ul li{ height: 170px; margin-top: 10px; background: #fff; padding: 25px 20px; } .main_left ul li .li_sum{ float: left; width: 40px; margin-top: 37px; } .main_left ul li .li_sum em{ display: block; text-align: center; font-size: 30px; color: #f9a411; font-weight: 700; } .main_left ul li .li_sum span{ display: block; text-align: center; font-weight: 600; color: #999; } .main_left ul li .li_logo{ width: 155px; height: 120px; float: left; overflow: hidden; margin-left: 30px; } .main_left ul li .li_logo img{ width: 100%; } .main_left ul li .li_cont{ width: 420px; height: 120px; float: left; margin-left: 40px; } .main_left ul li .li_cont h5{ font-size: 20px; font-weight: bold; line-height: 30px; } .main_left ul li .li_cont h4{ color: #999; line-height: 30px; line-height: 30px; } .main_left ul li .li_cont p{ height: 50px; line-height: 25px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #666; } .main_left ul li .li_right{ width: 140px; height: 120px; float: right; margin-right: 10px; } .main_left ul li .li_right p{ height: 30px; line-height: 30px; color: #999; } .main_left ul li .li_right a{ display: block; width: 120px; height: 40px; line-height: 40px; background: #dd4144; text-align: center; color: #fff; font-size: 16px; margin-top: 10px; } /* 右边 */ .main_right{ width: 235px; height: 1920px; } aside{ background: #fff; padding: 5px 0; } aside h4{ height: 40px; line-height: 40px; text-indent: 30px; font-weight: bold; font-size: 18px; color: #333; border-bottom: 1px solid #f0f0f0; position: relative; } aside h4::after{ position: absolute; content: ""; width: 4px; height: 20px; background: #e00b0b; top: 10px; left: 15px; } .aside_cont{ padding: 5px 15px; } /* 热门推荐 */ .hot{margin-bottom: 10px;/* height: 480px; */} .hot dl dt{ width: 205px; /*height: 165px; */ overflow: hidden; } /* .hot dl dd{ height: 30px; line-height: 30px; color: #333; font-size: 16px; margin-top: 10px; } */ .hot ul li:first-child{ height: 30px; line-height: 30px; color: #333; font-size: 16px; margin-top: 10px; } .hot ul li{ width: 205px; height: 38px; line-height: 38px; position: relative; text-indent: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hot ul li::after{ position: absolute; content: ""; width: 4px; height: 4px; background: #e00b0b; top: 16px; left: 0; } .hot ul li a{color: #666;} /* 教育加盟品牌 */ .jiaoyu{margin-bottom: 10px;height: 350px;} .jiaoyu ul li{ width: 50%; float: left; height: 42px; line-height: 42px; text-align: center; } .jiaoyu ul li a:hover{ padding: 5px 12px; background: #edf6ff; color: #499dff; } .jiaoyu_activer{ padding: 5px 12px; background: #edf6ff; color: #499dff; } /* 教育加盟品牌排行 */ .jyph{margin-bottom: 10px;height: 435px;} .jyph ul li{ height: 24px; line-height: 24px; margin: 12px 0; } .jyph ul li em{ display: block; float: left; width: 24px; height: 24px; line-height: 24px; text-align: center; background: #d80518; color: #fff; margin-right: 8px; } .jyph ul li a{ display: block; float: left; width: 105px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jyph ul li span{ display: block; float: right; color: #e63f4d; } /* 广告位 */ .banners{ width: 235px; height: 70px; margin-bottom: 10px; } /* 教育加盟品牌排行 */ .as3{height: 465px;} .as3 ul li{ height: 37px; line-height: 37px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-indent: 15px; } .as3 ul li::after{ position: absolute; content: ""; width: 4px; height: 4px; background: #e00b0b; top: 15.5px; left: 0; } /* 更多相关行业榜单 */ .bangdan{height: 370px;margin-top: 20px;} .bangdan h4{ margin: 0 auto; width: 300px; height: 60px; line-height: 60px; font-size: 22px; color: #333; text-align: center; position: relative; } .bangdan h4::before{ position: absolute; content: ""; width: 30px; height: 1px; background: #ccc; top: 29px; left: 0; } .bangdan h4::after{ position: absolute; content: ""; width: 30px; height: 1px; background: #ccc; top: 29px; right: 0; } .bangdan_cont{ height: 310px; background: #fff; padding: 0 20px; } .bangdan_cont a{ display: block; float: left; width: 215px; height: 40px; line-height: 40px; font-size: 16px; color: #666; background: #eee; border-radius: 20px; text-align: center; margin: 30px 20px 0 0; } .bangdan_cont a:nth-child(5n){margin-right: 0;} .bangdan_cont a em{ float: right; margin-right: 20px; } /* 火热招商 */ .love{ margin-top: 20px; height: 575px; } .love h4{ height: 50px; line-height: 50px; background: url(../images/nan1.png) no-repeat 10px center; } .love h4 span{ font-size: 20px; font-weight: 600; margin-left: 50px; } .love h4 p{float: right;} .love h4 a{ display: block; float: left; margin: 0 15px; color: #bebcbb; } .fire{height: 525px;background: #fff;padding: 5px 10px;} .fire ul{display: flex;justify-content: space-between;flex-wrap: wrap;} .fire ul li{ width: 220px; height: 240px; margin: 8px 0; } .fire ul li img{ width: 220px; height: 160px; } .fire ul li h5{ height: 40px; line-height: 40px; text-align: center; font-size: 18px; font-weight: 600; } .fire ul li p{height: 30px;line-height: 30px;padding: 0 10px;color: #666;} .fire ul li p span{ display: block; width: 90px; float: left; } .fire ul li p span em{color: #f2774a;} .fire ul li p span:first-child{ margin-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fire_on{color: #f2774a !important;} /* 广告图 */ .guanggao_banner{height: 70px;margin-top: 20px;} /* 十大新闻 */ .ten_news{ height: 430px; margin-top: 20px; background: #fff; padding: 20px 0; } .ten_news_cont{ width: 390px; height: 410px; float: left; padding: 0 20px; } .ten_news_cont h4{ height: 20px; line-height: 20px; font-size: 18px; border-left: 4px solid #e00b0b; text-indent: 15px; color: #333; margin-bottom: 20px; } .ten_news_cont ul li{ height: 32px; line-height: 32px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-indent: 15px; } .ten_news_cont ul li a{color: #666;} .ten_news_cont ul li::after{ position: absolute; content: ""; width: 4px; height: 4px; background: #e00b0b; top: 14px; left: 0; } .interest dl{ float: left; width: 140px; height: 160px; margin: 0 35px 25px 0; } .interest dl dt{ width: 140px; height: 110px; overflow: hidden; margin-bottom: 6px; } .interest dl dd{ height: 22px; line-height: 22px; text-align: center; color: #999; } .interest dl dd a{color: #666;} .interest dl dd em{ margin-left: 20px; } /* 十大白酒点评 */ .comment{margin-top: 20px;height: 720px;padding-bottom: 10px; background: #fff;overflow: hidden;} .comment_title{ height: 60px; } .comment_title span{ display: block; float: left; width: 160px; height: 40px; line-height: 40px; text-indent: 7px; color: #fff; font-weight: 700; background: url(../images/dianping.png) no-repeat; margin-top: 3px; } .txtMarquee-top ul li{ height: 90px; padding: 0 10px; margin-bottom: 10px; } .txtMarquee-top ul li h5{ width: 100%; height: 30px; line-height: 30px; background: #f7f7f7; font-weight: bold; } .txtMarquee-top ul li h5 em{ display: block; width: 13px; height: 13px; background: url(../images/red_right.png) no-repeat; float: left; margin: 8px 7px 0 3px; } .txtMarquee-top ul li p{ width: 100%; padding: 0 10px; height: 50px; line-height: 25px; margin-top: 10px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #666; } /* 十大品牌首页 */ /* 第一部分 */ .section1{height: 570px;} .section1 h4{ height: 50px; line-height: 50px; border-bottom: 1px solid #eee; } .section1 h4 i{ float: left; display: block; width: 21px; height: 50px; background: url(../images/paihang.png) no-repeat center center; margin-right: 10px; } .section1 h4 strong{ font-size: 20px; font-weight: bold; } .section1 h4 strong em{color: #df0303;} .section1 h4 a{float: right;color: #999;} .section1 h4 span{float: right;color: #999;} /* a 修改为span */ /* 加盟排行榜 */ .section1_left{ width: 330px; height: 572px; background: #fff; border-top: 2px solid #df0303; padding: 0 15px; margin-top: -2px; } .section1_left ul{margin-top: 10px;} .section1_left ul li{ float: left; width: 50%; height: 33px; line-height: 33px; text-indent: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .section1_left ul li a{color: #666;} /* 十大品牌排行榜 */ .section1_right{ width: 420px; height: 570px; background: #fff; margin-left: 15px; padding: 0 15px; } .section1_right ul li{cursor: pointer;} .section1_right ul li:last-child h5{border: none;} .section1_right ul li:last-child .ph_box{border: none;} .ph_active h5{display: none !important;} .ph_active .ph_box{display: block !important;} .section1_right ul li h5{ height: 43px; line-height: 43px; border-bottom: 1px dashed #ccc; } .section1_right ul li h5 em{ display: block; width: 18px; height: 18px; line-height: 18px; text-align: center; background: #c2c2c2; border-radius: 2px; float: left; margin-top: 12px; color: #fff; } .red{background: #dd2f38 !important} .section1_right ul li h5 span{ float: left; display: block; width: 230px; margin-left: 10px; color: #333; } .section1_right ul li h5 i{ display: block; width: 60px; float: left; color: #999; text-align: right; } .section1_right ul li h5 a{float: right;} /* 详细内容 */ .ph_box{ height: 130px; padding: 20px 0; border-bottom: 1px solid #ccc; display: none; } .sm_logo{ display: block; float: left; width: 120px; height: 94px; border: 4px solid #eee; position: relative; margin-right: 15px; } .sm_logo img{width: 100%;} .sm_logo div{ position: absolute; width: 40px; height: 40px; background: #dd2f39; color: #fff; top: -4px; left: -4px; z-index: 9; padding: 5px 0; } .sm_logo div span{display: block;text-align: center;} .ph_box h4{ width: 220px; height: 25px; line-height: 25px; float: left; margin-top: 8px; font-size: 16px; border-bottom: none; } .ph_box p{ width: 220px; height: 25px; line-height: 25px; float: left; color: #999; } .ph_box p a{color: #4d88ce;margin-left: 10px;} /* 第二部分 */ .section2{ height: 250px; margin-top: 20px; background: #fff; } .tab_title{ height: 40px; background: #eaeaea; } .tab_title span{ width: 150px; float: left; height: 40px; line-height: 40px; color: #666; text-align: center; font-size: 16px; cursor: pointer; } .tab_title span i{font-size: 18px;margin-right: 5px;} .tab_title_active{background: #e60811 !important;color: #fff !important;} #tab_box li{display: none;} #tab_box li div{ width: 1200px; height: 210px; padding: 20px; display: flex; justify-content: space-between; } #tab_box li dl{ width: 140px; height: 170px; } #tab_box li dl dt{ width: 140px; height: 110px; margin-bottom: 5px; } #tab_box li dl dt img{width: 100%;height: 100%;;} #tab_box li dl dd{ height: 30px; line-height: 30px; color: #333; font-size: 16px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #tab_box li dl dd span{color: #e60811;} .tab_box_active{display: block !important;} /* 第三部分 */ .section3{ margin-top: 20px; border: 1px solid #ccc; background: #fff; } .section3 dl dt{ height: 60px; line-height: 60px; background: url(../images/hua.png) no-repeat 20px center; text-indent: 60px; font-weight: bold; font-size: 20px; color: #666; border-bottom: 1px solid #ccc; } .section3 dl dd{width: 1200px; border-bottom: 1px solid #ccc;} .section3 dl dd span, .section3 dl span a{ display: block; float: left; width: 130px; text-align: center; font-size: 18px; color: #666; font-weight: bold; border-right: 1px solid #ccc; } .section3 dl dd p{ width: 995px; line-height: 25px; margin: 10px 0 0 40px; float: left;} .section3 dl dd:nth-of-type(1){height: 140px;line-height: 140px;} .section3 dl dd:nth-of-type(2){height: 85px;line-height: 85px;} .section3 dl dd:nth-of-type(3){height: 85px;line-height: 85px;} .section3 dl dd:nth-of-type(4){height: 60px;line-height: 60px;} .section3 dl dd:nth-of-type(5){height: 60px;line-height: 60px;} .section3 dl dd:nth-of-type(6){height: 60px;line-height: 60px;} .section3 dl dd:nth-of-type(7){height: 60px;line-height: 60px;} .section3 dl dd:nth-of-type(8){height: 60px;line-height: 60px;} .section3 dl dd:nth-of-type(9){height: 60px;line-height: 60px;} .section3 dl dd:nth-of-type(10){height: 60px;line-height: 60px;} .section3 dl dd:nth-of-type(11){height: 85px;line-height: 85px;} .section3 dl dd:nth-of-type(12){height: 60px;line-height: 60px;} .section3 dl dd:nth-of-type(13){height: 60px;line-height: 60px;} .section3 dl dd:nth-of-type(14){height: 60px;line-height: 60px;} .section3 dl dd:nth-of-type(15){height: 60px;line-height: 60px;} .section3 dl dd:nth-of-type(16){height: 60px;line-height: 60px;} .section3 dl dd:nth-of-type(17){height: 60px;line-height: 60px;} .section3 dl dd:nth-of-type(18){height: 60px;line-height: 60px;} .section3 dl dd:nth-of-type(19){height: 60px;line-height: 60px;} .section3 dl dd:nth-of-type(20){height: 60px;line-height: 60px;} .section3 dl dd:nth-of-type(21){height: 60px;line-height: 60px;} .section3 dl dd:nth-of-type(22){height: 60px;line-height: 60px;} .section3 dl dd:nth-of-type(23){height: 60px;line-height: 60px;} .section3 dl dd:nth-of-type(24){height: 60px;line-height: 60px;} .section3 dl dd:nth-of-type(25){height: 60px;line-height: 60px;border: 0;} .section3 dl dd:nth-of-type(25){border: 0;} .section3 dl dd p a{margin-right: 20px; color: #666;} .section3 dl dd p em{margin-right: 20px; color: #666;} /* 第四部分 */ .section4{ margin-top: 20px; background: #fff; height: 80px; } .section4 span{ display: block; width: 85px; height: 80px; float: left; background: url(../images/ten_hot.png) no-repeat; } .section4 p{ float: left; width: 1115px; height: 50px; padding: 0 15px; margin-top: 15px; border-left: 1px solid #c8c7c7; display: flex; flex-wrap: wrap; justify-content: space-between; } .section4 p a{ display: block; width: 130px; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }