NN2020042801/public/themes/jiameng/static/css/item.css

/* 项目首页 */

/* 项目详情 */
.details{height: 110px;width: 100%;background: #ebebeb;}
.details_l{width: 520px;height: 110px;padding: 15px;}
.details_l img{width: 104px;height: 80px;margin-left: 10px;float: left;}
.details_l_cont{width: 230px;height: 80px;margin-left: 20px;}
.details_l_cont h2{line-height: 30px;font-size: 16px;color: #000;}
.details_l_cont p{line-height: 25px;color: #333;}
.details_l_cont p a{margin: 0 3px;color: #333;}
.details_l_cont p i{color: #e32c00;margin-right: 5px;font-size: 14px;}
.details_l_right{width: 100px;padding: 15px 0;}
.details_l_right p{color: #999;line-height: 25px;}
.details_l_right div{color: #e51717;font-size: 20px;line-height: 30px;font-weight: 700;}

.details_r{width: 650px;height: 110px;}
.details_r li{width: 130px;height: 110px;float: left;}
/* .details_r li:hover{background: #fff;border-top: 3px solid #e51717;} */
.details_on{background: #f7f5f6;border-top: 3px solid #e51717;}
.details_r li a{display: block;width: 100%;height: 100%;}
.details_r li a span{
    display: block;
    width: 30px;
    height: 30px;
    background: #d80001;
    border-radius: 50%;
    position: relative;
    margin: 15px auto;
}
.details_r li span img{position: absolute;top: 5px;left: 5px;}
.details_r li div{font-size: 15px;font-weight: 600;line-height: 20px;text-align: center;color: #333;}
.details_r li p{line-height: 22px;text-align: center;color: #333;font-size: 13px;}

/* 位置导航 */
.place{
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
}
.place i{display: block;width: 20px;height: 45px;background: url(../images/place.png);float: left;margin-right: 5px;}
.place a{color: #999;}
.place span{color: #666;margin: 0 3px;}


/* 具体内容 */
.specific{}
/* 左边内容 */
.specific_l{width: 875px;}
/* 轮播 */
.specific_play{width: 875px;height: 420px;padding: 20px 0;background: #fff;}
/* 轮播图 */
.play_l{width: 420px;height: 380px;margin: 0 30px;}
.picFocus{ margin:0 auto;  width:420px;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin: 10px 0;  overflow:hidden; zoom:1; display: flex;justify-content: space-between;}
.picFocus .hd ul li{ padding-top:5px;  text-align:center;  }
.picFocus .hd ul li img{ width:100px; height:65px; border:2px solid #ddd; cursor:pointer;   }
.picFocus .hd ul li.on{ background:url("../images/icoup.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd{ width:420px; height:280px;overflow: hidden;}
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:420px; height:280px; display:block;  }

.play_r{width: 395px;height: 380px;}
.play_r h1{height: 40px;line-height: 40px;font-size: 20px;font-weight: 800;}
.play_r p{line-height: 40px;color: #666;}
.play_r p span{color: #999;}
.play_r div{width: 100%; height: 90px;padding: 20px 5px;margin-top: 10px; border-top: 1px solid #eee;display: flex;justify-content: space-between;}
.play_r div a{display: flex;justify-content: center; width: 185px;height: 50px;line-height: 50px;text-align: center;border-radius: 5px;color: #fff;font-size: 16px;}
.play_r div a:first-child{background: #ea2737;}
.play_r div a:last-child{background: #ff9934;}
.play_r div a:first-child em{display: block;width: 30px;height: 50px;background: url(../images/xinxi.png);}
.play_r div a:last-child em{display: block;width: 30px;height: 50px;background: url(../images/xiazai.png);}
.play_r div a span{display: block;margin-left: 5px;}
/* 加盟详情 */
section{background: #fff;}
section .cnt{height: 55px;line-height: 55px;position: relative;border-bottom: 1px solid #eee;}
section .cnt::after{position: absolute;content: '';width: 3px;height: 20px;background: #e51717;top: 17px;left: 10px;}
section .cnt strong{font-size: 20px;font-weight: 700;color: #e51717;margin-left: 25px;}
section .cnt p{float: right;margin-right: 10px;}
section .cnt p a{color: #999;margin-left: 20px;}
.jm{margin-top: 20px;}
.jm_title{width: 875px; height: 60px;border-bottom: 1px solid #e51717;background: #fff;}
.jm_title_top{position: fixed;top: 0;left: 50%;margin-left: -600px;z-index: 9; background: #ebebeb;}
.jm_title a{
    display: block;
    float: left;
    width: 115px;
    height: 59px;
    line-height: 59px;
    color: #666;
    font-size: 16px;
    text-align: center;
}
.jm_title a:hover{background: #e51717;color: #fff;}
.jm_title .title_on{background: #e51717;color: #fff;}
.jm_cont{padding: 10px 15px;}
.jm_cont p{margin-top: 20px;text-indent: 2rem;line-height: 25px;font-size: 15px;}
.jm_cont p strong{font-weight: 600;font-size: 15px;}
.jm_cont img{display: block; margin: 20px auto 0;}

/* 加盟优势 */
.jm2{margin-top: 20px;}
.jm2_cont{padding: 10px 15px;}
.jm2_cont p{margin-top: 20px;text-indent: 2rem;line-height: 25px;font-size: 15px;}
.jm2_cont span{color: #c43839;}
.jm2_cont img{display: block; margin: 20px auto 0;}

/* 加盟条件 */
.sec3{margin-top: 20px;}
.sec3_cont{padding: 15px;}
.sec3_cont p{line-height: 30px;}

/* 加盟流程 */
.sec4{margin-top: 20px;}
.sec4_cont{padding: 15px;}
.sec4_cont p{line-height: 30px;}

/* 品牌图库 */
.sec5{display: none;}
.sec5_cont{padding: 10px 15px; }
.sec5_cont img{display:block;width: 270px;height: 220px;margin: 10px 0; float: left; margin-right:17px;}
.sec5_cont img:nth-child(3n){margin-right:0px;}

/* 门店展示 */
.sec8{display: none;}
.sec8_cont{padding: 10px 15px;}
.sec8_cont img{display:block;width: 270px;height: 220px;margin: 10px 0; float: left; margin-right:17px;}
.sec8_cont img:nth-child(3n){margin-right:0px;}

/* 品牌动态 */
.sec6{display: none;}
/* .sec6{height: 1130px;} */
.sec6_cont{padding: 0 10px 20px}
.sec6_cont ul li{
    height: 200px;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}
.sec6_cont ul li:last-child{border: 0;}
.sec6_cont ul li div{
    float: left;
    width: 250px;
    height: 160px;
    margin-right: 20px;
    /* background-size: 100%; */
    
}
.sec6_cont ul li .nt{float: left;width: 540px;height: 40px; line-height: 40px;font-size: 20px;font-weight: 700;}
.sec6_cont ul li p{float: left;width: 540px;line-height: 25px;color: #666;}
.sec6_cont ul li span{display: block;width: 540px;line-height: 30px;margin-top: 10px;color: #999;}
.sec6_cont .more{
    display: block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ccc;
    color: #999;
    font-size: 15px;
    border-radius: 20px;
    margin: 10px auto;
}
.sec6_cont .more:hover{background: #eee;}
/* 翻页 */
.paging{
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    margin: 40px 0 0;
}
.paging a{
    display: block;
    /* float: left; */
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
    color: #666;
    padding: 0 10px;
    margin-right: 10px;
}
.paging a:hover{background: #e51717;color: #fff !important;}
.paging_on{background: #e51717;color: #fff !important;}


/* 品牌问答 */
.sec7{padding: 20px 15px;display: flex;justify-content: space-between;margin-top: 20px;}
.sec7_cont{width: 410px;height: 300px;border: 1px solid #ccc;}
.sec7_cont div{height: 40px;line-height: 40px;border-bottom: 1px solid #eee;background: #f9f7f8;}
.sec7_cont div span{display: block;float: left;width: 110px;border-top: 2px solid #e51717;color: #e51717;text-align: center;background: #fff;font-size: 16px;}
.sec7_cont div a{float: right;margin-right: 10px;color: #f5cfce;}
.sec7_cont ul{padding: 10px;}
.sec7_cont ul li{
    height: 40px;
    line-height: 40px;
    position: relative;
}
.sec7_cont ul li::after{
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    background: #e51717;
    border-radius: 50%;
    top: 18px;
    left: 0;
}
.sec7_cont ul li a{
    display: block;
    float: left;
    margin-left: 12px;
    width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sec7_cont ul li span{float: right;color: #999;}


/* 右边内容 */
.specific_r{width: 310px;}
.aside1{
    width: 310px;
    height: 330px;
    background: #fff;
    padding: 1px 20px;
}
.aside1 .qyda{
    height: 40px;
    line-height: 40px;
    position: relative;
    font-size: 20px;
    font-weight: 800;
    color: #000;
    margin: 10px 0;
}
.aside1 .qyda::before{
    position: absolute;
    content: '';
    width: 60px;
    height: 1px;
    background: #878787;
    top: 19px;
    left: 0;
}
.aside1 .qyda::after{
    position: absolute;
    content: '';
    width: 60px;
    height: 1px;
    background: #878787;
    top: 19px;
    right: 0;
}
.aside1 .qyda span{
    display: block;
    float: left;
    margin: 0 10px 0 80px;
    width: 30px;
    height: 40px;
    background: url(../images/jinpai.png);
}
.aside1 p{line-height: 25px;color: #666;}
.ren{width: 270px;height: 60px;margin-top: 20px;background: url(../images/renzheng.png) no-repeat;}
/* 分享 */
.share{
    width: 110%;
    margin: 30px 0 0 -10px;
}
/* 热门行业 */
.aside2{
    width: 310px;
    height: 260px;
    background: #fff;
    padding: 1px 20px;
    margin-top: 20px;
}
.aside2 .rm{
    height: 40px;
    line-height: 40px;
    margin: 10px 0;
    text-indent: 15px;
    font-size: 18px;
    font-weight: 700;
    position: relative;
}
.aside2 .rm::after{
    position: absolute;
    content: '';
    width: 4px;
    height: 20px;
    background: #e51717;
    top: 10px;
    left: 0;
}
.aside2_cont{display: flex;flex-wrap: wrap;justify-content: space-between;}
.aside2_cont a{
    display: inline-block;
    line-height: 35px;
    padding: 0 20px;
    border-radius: 20px;
    color: #333;
    margin-bottom: 10px;
}
.aside_a1{
    border: 1px solid #e56e6e;
    background: #ffeded;
    color: #e56e6e !important;
}
.aside_a2{
    border: 1px solid #5e9dd5;
    background: #f1f7fe;
    color: #5e9dd5 !important;
}
.aside_a3{
    border: 1px solid #9d85d6;
    background: #f8efff;
    color: #9d85d6 !important;
}
.aside_a4{
    border: 1px solid #f9a411;
    background: #fef8f0;
    color: #f9a411 !important;
}
.aside_a5{
    border: 1px solid #71c48f;
    background: #f1fff6;
    color: #71c48f !important;
}
/* 最新加盟 */
.aside3{
    width: 310px;
    height: 500px;
    background: #fff;
    padding: 1px 20px;
    margin-top: 20px;
}
.aside3 div{
    height: 40px;
    line-height: 40px;
    margin: 10px 0;
    text-indent: 15px;
    font-size: 18px;
    font-weight: 700;
    position: relative;
}
.aside3 div::after{
    position: absolute;
    content: '';
    width: 4px;
    height: 20px;
    background: #e51717;
    top: 10px;
    left: 0;
}
.aside3 ul li{
    height: 110px;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
.aside3 ul li:last-child{border: 0;}
.aside3 ul li div{
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.aside3 ul li div strong{color: #000;}
.aside3 ul li div span{color: #999;margin: 0 10px;}
.aside3 ul li div a{color: #e51717;}
.aside3 ul li div em{float: right;width: 18px;height: 16px;line-height: 16px;text-align: center; background: #e51717;color: #fff;margin-top: 8px;}
.aside3 ul li p{
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
}
.aside3 ul li>span{
    display: block;
    line-height: 30px;
    color: #999;
}
.aside3 ul li>span i{
    display: block;
    float: left;
    width: 18px;
    height: 30px;
    background: url(../images/dizhi.png) no-repeat;
}
/* 少儿英语加盟十大品牌 */
.aside4{
    width: 310px;
    /* height: 670px; */
    background: #fff;
    padding: 1px 20px;
    margin-top: 20px;
}
.aside4_active{
    position: fixed;
    top: 0;
    right: 50%;
    margin-right: -600px;
    z-index: 9;
    margin-top: 0;
}
.aside4>div{
    height: 40px;
    line-height: 40px;
    margin: 10px 0;
    text-indent: 15px;
    font-size: 18px;
    font-weight: 700;
    position: relative;
}
.aside4>div::after{
    position: absolute;
    content: '';
    width: 4px;
    height: 20px;
    background: #e51717;
    top: 10px;
    left: 0;
}
.aside4 ul li{
    height: 100px;
    padding: 10px 0;
}
.aside4 ul li img{
    width: 130px;
    height: 80px;
    border: 1px solid #eee;
    float: left;
    margin-right: 15px;
}
.aside4 ul li div{
    line-height: 30px;
    font-size: 16px;
}
.aside4 ul li p{
    width: 120px;
    line-height: 25px;
    color: #999;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.aside4 ul li p span{color: #e51717;}
/* 最新专题 */
.aside5{
    /* height: 420px; */
    padding: 10px 20px;
    background: #fff;
    margin-top: 20px;
}
.aside5_title{
    height: 40px;
    display: flex;
    justify-content: space-between;
}
.aside5_title span{
    display: block;
    width: 80px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.aside5_title_on::after{
    position: absolute;
    content: '';
    width: 30px;
    height: 3px;
    left: 50%;
    margin-left: -15px;
    bottom: 0;
    background: #e51717;
}
.aside5_box li{display: none;padding: 5px 0;}
.aside5_box_on{display: block !important;}
.aside5_box li a{
    display: block;
    width: 240px;
    line-height: 35px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 10px;
}
.aside5_box li a::after{
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    background: #e51717;
    top: 15px;
    left: 0;
}


/* 招商海报 */
.poster{
    width: 100%;
    min-height: 1000px;
    background: #fff;
    display: none;
}






/* 资讯留言 */
.leave{height: 450px;background: #fff;margin-top: 20px;}
.leave img{width: 220px;height: 450px;float: left;}
.leave_box{width: 980px;float: left;}
.leave_box .wyzx{height: 45px;border-bottom: 1px solid #eee;padding: 0 15px;line-height: 45px;}
.leave_box .wyzx strong{font-size: 20px;font-weight: 700;}
.leave_box .wyzx span{color: #e51717;margin-left: 10px;}
.leave_box .wyzx em{float: right;}
.leave_box .wyzx em i{color: #e51717;margin: 0 3px;}
.from{padding: 0 50px;position: relative;}
.from .from_div{margin-top: 15px;}
.from .from_div p{width: 440px;float: left;}
.from .from_div p span{display: block;width: 100px;height: 35px;line-height: 35px;color: #6c3333;font-weight: 600;float: left;text-align: right;font-size: 15px;}
.from .from_div p input{width: 300px;height: 35px;line-height: 35px;border: 1px solid #ccc;border-radius: 5px;float: left;margin-left: 10px;text-indent: 10px;outline: none;}
.from .from_div p em{color: #e51717;margin-left: 10px;line-height: 45px;font-size: 18px;}
.from .from_div p textarea{width: 280px; padding:10px;height: 140px;line-height: 22px;border: 1px solid #ccc;border-radius: 5px;float: left;margin-left: 10px;outline: none;}
.from .agree{margin: 20px 0 0 100px;line-height: 20px;}
.from .agree input{margin-top: 1px;float: left;margin: 4px 5px 0 10px;outline: none;}
.from .agree a{color: #1f66cc;}
.from .btn{
    display: block;
    margin: 15px 0 0 100px;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ff5a5f;
    color: #fff;
    border-radius: 5px;
}
.from .btn:hover{background: #f56b70;}
.from .board{
    position: absolute;
    width: 320px;
    height: 260px;
    top: 115px;
    right: 80px;
    border: 1px solid #e51717;
    background: #fff;
}
.from .board div{
    height: 50px;
    line-height: 50px;
    background: #e51717;
    color: #fff;
    padding: 0 20px;
    font-size: 18px;
}
.from .board ul li{
    line-height: 34px;
    padding: 0 10px;
    position: relative;
    text-indent: 15px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.from .board ul li a{color: #333;}
.from .board ul li:hover{background: #fff5f5;color: #e51717;}
.from .board ul .board_red{background: #fff5f5;color: #e51717;}
.from .board ul li::after{
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    background: #e51717;
    top: 15px;
    left: 10px;
}















/* 热门/最新/精选项目 */
.botton{
    width: 100%;
    margin-top: 20px;
    /* height: 210px; */
    /* background: #f3f3f4; */
}
.tab_title{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
}
.tab_title span{
    display: block;
    width: 140px;
    text-align: center;
    margin-right: 10px;
    font-size: 16px;
    color: #999;
    float: left;
    cursor: pointer;
}
.span_active{color: #666 !important;}
.tab_box{
    /* height: 170px; */
    padding: 20px 10px;
}
.tab_box li{display: none;}
.tab_box li a{
    display: block;
    float: left;
    width: 150px;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    color: #333;
}
.a_active{display: block !important;}








/* 项目新闻详情 */
/* 详细资料 */
.datum{
    background: #fff;
    padding: 5px 30px;
}
.datum h2{
    line-height: 50px;
    font-size: 30px;
    color: #333;
    font-weight: 900;
    margin: 30px 0;
}
.time{height: 30px;line-height: 30px;}
.time span{margin-right: 15px;color: #999;}
.time p{float: right;}
.time p i{display: block;float: left;margin-right: 5px;width: 20px;height: 30px;}
.time p em{display: block;float: left;line-height: 30px;margin-right: 10px;color: #999;}
/* 导读 */
.introduction{
    width: 100%;
    height: 80px;
    padding: 10px 20px;
    background: #f3f3f3;
    line-height: 30px;
    color: #666;
    margin-top: 20px;
}
.introduction strong{color: #333;font-weight: 600;}
.p_txt{text-indent: 2rem;line-height: 35px;font-size: 16px;margin-top: 15px;color: #666;}
.p_img{margin-top: 15px;display: flex;justify-content: center;}
.h4_txt{margin-top: 15px;color: #666;font-weight: 600;font-size: 16px;}
.h4_txt a{color: #333;}
/* 关键词推荐 */
.key{height: 25px;margin: 30px 0;}
.key a, .key span{
    display: block;
    float: left;
    line-height: 25px;
    padding: 0 15px;
    border: 1px solid #68727d;
    color: #68727d;
    border-radius: 20px;
    margin-right: 10px;
}
/* 上下篇文章 */
.essay{color: #333;margin-bottom: 10px;line-height: 20px;}
.essay a{color: #e51717;}
/* 最新评论 */
.discuss{
    height: 580px;
    margin-top: 20px;
    background: #fff;
}
.discuss .pl{
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: 700;
    padding: 0 20px;
}
.discuss ul{padding: 0 15px;}
.discuss ul li{
    height: 120px;
    padding: 10px;
    border-bottom: 1px dashed #ddd;
}
.discuss ul li:last-child{border: 0;}
.discuss ul li .discuss_p1{color: #999;font-size: 16px;line-height: 40px;}
.discuss ul li .discuss_p2{color: #333;font-size: 16px;line-height: 30px;}
.discuss ul li .discuss_p3{color: #999;line-height: 30px;}
/* 我要点评 */
.discuss .dp{color: #734545;margin-top: 20px;padding: 0 30px;font-size: 16px;font-weight: 600;line-height: 40px;}
.discuss .comment{
    width: 760px;
    height: 110px;
    margin-left: 30px;
    border: 1px solid #ddd;
}
.discuss .comment textarea{
    width: 100%;
    height: 70px;
    outline: none;
    border-bottom: 1px solid #ddd;
    float: left;
}
.discuss .comment p{
    float: left;
    width: 100%;
    line-height: 37px;
    background: #f7f7f7;
}
.discuss .comment p span{
    margin-left: 10px;
    color: #d9aeae;
}
.discuss .comment p a{
    display: block;
    float: right;
    width: 120px;
    line-height: 37px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #f54343;
}

/* 我要咨询 */
.consult{
    height: 340px;
    background: #fff;
    margin-top: 20px;
}
.consult img{width: 220px;height: 340px;float: left;}
.consult_box{width: 655px;float: left;}
.consult_box .wyzx{height: 45px;border-bottom: 1px solid #eee;padding: 0 15px;line-height: 45px;}
.consult_box .wyzx strong{font-size: 20px;font-weight: 700;}
.consult_box .wyzx span{color: #e51717;margin-left: 10px;}
.consult_box .wyzx em{float: right;}
.consult_box .wyzx em i{color: #e51717;margin: 0 3px;}
.consult_from{padding: 10px 50px;position: relative;}
.consult_box{margin-top: 15px;}
.consult_box .text{width: 500px;}
.text_a{height:105px;}
.consult_box .text span{display: block;width: 100px;height: 35px;line-height: 35px;color: #6c3333;font-weight: 600;float: left;text-align: right;font-size: 15px;}
.consult_box .text input{width: 350px;height: 35px;line-height: 35px;border: 1px solid #ccc;border-radius: 5px;float: left;margin-left: 10px;text-indent: 10px;outline: none;}
.consult_box .text em{color: #e51717;margin-left: 10px;line-height: 45px;font-size: 18px;}
.consult_box .text textarea{width: 340px;height: 70px;line-height: 22px;border: 1px solid #ccc;border-radius: 5px;float: left;margin-left: 10px;outline: none;margin-top: 10px; padding: 10px 5px;}
.consult_box .agree{margin-left: 110px;margin-top: 5px; line-height: 20px;height: 20px; width: 300px;}
.consult_box .agree input{margin-top: 1px;float: left;margin: 4px 5px 0 0;outline: none;}
.consult_box .agree a{color: #1f66cc;}
.consult_box .btn{
    display: block;
    margin: 5px 0 0 110px;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ff5a5f;
    color: #fff;
    border-radius: 5px;
}
.from .btn:hover{background: #f56b70;}
/* 看过本人的还看过 */
.look{height: 400px;background: #fff;margin-top: 20px;}
.look .ylq{height: 55px;line-height: 55px;position: relative;}
.look .ylq::after{position: absolute;content: '';width: 3px;height: 20px;background: #e51717;top: 17px;left: 10px;}
.look .ylq strong{font-size: 20px;font-weight: 700;margin-left: 25px;}
.look_box{padding: 10px;}
.look_box_l{
    width: 510px;
    height: 320px;
    margin-right: 20px;
    border-right: 1px dashed #ccc;
}
.look_box_l a{
    display: block;
    float: left;
    width: 150px;
    height: 150px;
    margin: 0 15px 10px 0;
}
.look_box_l a img{width: 150px;height: 120px;border: 1px solid #eee;padding: 2px;}
.look_box_l a span{display: block;width: 150px;height: 30px;line-height: 30px;text-align: center;}
.look_box ul{float: left;padding: 0 10px;}
.look_box ul li{
    line-height: 32px;
    text-indent: 10px;
    position: relative;
}
.look_box ul li::after{
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    background: #000;
    top: 13px;
    left: 0;
}




/* 最新专题 */
.page_title{
    height: 40px;
    /* display: flex;
    justify-content: space-between; */
}
.page_title span{
    display: block;
    float: left;
    margin-right: 20px;
    width: 110px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.page_title_on{
    border-bottom: 2px solid #333;
}






/* 项目产品图库 */
/* 轮播图 */
.lunbos{
    height: 800px;
    background: #fff;
    padding: 25px 10px;
}
#gallery {
    /* padding: 30px;
    background: #e1eef5; */
  }
#descriptions {
    position: relative;
    height: 50px;
    background: #EEE;
    margin-top: 10px;
    width: 640px;
    padding: 10px;
    overflow: hidden;
}
#descriptions .ad-image-description {
    position: absolute;
}
#descriptions .ad-image-description .ad-description-title {
    display: block;
}
/* 上下图册 */
.up_img,
.down_img{
    display: block;
    width: 95px;
    height: 95px;
    background: url(../images/album.png);
    position: absolute;
    bottom: -12px;
    padding: 10px 2px;
}
.up_img{left: 5px;}
.down_img{right: 5px;;}
.up_img img{width: 86px;height: 100%;}
.down_img img{width: 86px;height: 100%;}




/* 相关品牌图集 */
.photos{height: 355px;margin-top: 20px;background: #fff;}
.photos .ylq{height: 55px;line-height: 55px;position: relative;}
.photos .ylq::after{position: absolute;content: '';width: 3px;height: 20px;background: #e51717;top: 17px;left: 10px;}
.photos .ylq strong{font-size: 20px;font-weight: 700;margin-left: 25px;}
.photos div{width: 871px; height: 300px;margin: 0 auto; border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.photos div a{
    display: block;
    float: left;
    width: 145px;
    height: 100px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.photos div a img{width: 100%;height: 100%;}

/* 猜你感兴趣 */
.interest{height: 365px;background: #fff;margin-top: 20px;}
.interest .ylq{height: 55px;line-height: 55px;position: relative;}
.interest .ylq::after{position: absolute;content: '';width: 3px;height: 20px;background: #e51717;top: 17px;left: 10px;}
.interest .ylq strong{font-size: 20px;font-weight: 700;margin-left: 25px;}
.interest div{padding: 0 15px;}
.interest div a{
    display: block;
    float: left;
    width: 190px;
    height: 140px;
    margin: 0 10px 10px;
}
.interest div a img{
    width: 190px;
    height: 110px;
}
.interest div a span{
    display: block;
    width: 190px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}