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

/* 头部 */
header{width: 100%;height: 110px;}
.header{height: 110px;}
.header h1{float: left;width: 230px;height: 110px;margin-left: -20px;}
.header h1 img{width: 100%;height: 100%;}
.header_l{width: 570px;height: 110px;margin-left: 80px;}
.header_l .form{width: 570px;margin-top: 30px;position: relative;}
.header_l .form input{width: 365px;height: 40px;border: 3px solid #e51717;outline: none;box-sizing: border-box;float: left;text-indent: 30px;background: url(../images/seek.png) no-repeat 5px 8px;}
.header_l .form a{display: block;width: 100px;height: 40px;background: #e51717;line-height: 40px;text-align: center;color: #fff;font-size: 16px;float: left;}
.header_l .form p{float: left;width: 90px; height: 40px;line-height: 20px;color: #666;margin-left: 10px; cursor: pointer;}
/* 搜索下拉提示 */
.header_l .form .form_down{
    position: absolute;
    top: 40px;
    left: 0;
    width: 363px;
    background: #fff;
    z-index: 9;
    border: 1px solid #eee;
    border-radius: 0 0 5px 5px;
	display: none;
}
.header_l .form .form_down span{
    display: block;
    color: #666;
    line-height: 30px;
    cursor: pointer;
    text-indent: 15px;
}
.header_l .form .form_down span:hover{background: #eee;}
/* 搜索下拉提示结束 */
.header_l p span{color: #e51717;}
.header_l ul{height: 30px;}
.header_l ul li{float: left;height: 30px;line-height: 30px;margin-right: 7px;color: #666;}
.header_l ul li a{color: #666;}
.header_l ul .red{color: #e51717;}
.header_l ul li .orange{color: #f5681b;}
.header_l ul li em{display: block;width: 10px;height: 30px;background: url(../images/down2.png) no-repeat;float: right;margin-left: 2px;}
.header_r{width: 220px;height: 80px;margin-top: 22px;}
.header_r img{width: 80px;height: 80px;margin-right: 15px;}
/* 导航栏 */
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;}
/* 广告 */
.ad{padding-bottom: 20px;}
.ad ul{height: 55px;display: flex;justify-content: space-between;margin-top: 20px;}
.ad ul li{width: 310px;height: 55px;}
.ad ul li:first-child{width: 420px;}
.ad ul li:first-child p{width: 350px;}
.ad ul li img{width: 55px;height: 55px;float: left;margin-right: 15px;}
.ad ul li p{width: 220px;height: 55px;line-height: 27px;}
.ad ul li p a{margin-right: 10px;}
/* .ad ul li p a:hover{color: #e51717;} */
.ad .banner{width: 100%; display: flex;flex-wrap: wrap; justify-content: space-between;margin-top: 20px;}
.ad .banner a{display: block;float: left;width: 140px;height: 70px;overflow: hidden;margin-bottom: 10px;}
.ad .banner a img{width: 100%;height: 100%}

/* 第一部分 */
.jm{height: 530px;padding-top: 20px;}
.jm_l{width: 190px;height: 530px;box-shadow: 0 0 5px #ccc;background: #fff;}
.jm_l h2{height: 38px;line-height: 38px;border-top: 2px solid #eae8e9;background: #f9f8f9;color: #666;font-size: 18px;font-weight: 700;text-align: center;}
.jm_l ul{width: 170px; height: 340px;padding: 10px 0;border-bottom: 1px dashed #ccc;margin: 0 auto;}
.jm_l ul li{height: 40px;line-height: 40px;color: #333;}
.jm_l ul li i{font-size: 20px;margin-right:5px;}
.jm_l ul li a{margin: 0 2px;color: #333;}
.jm_l h3{height: 40px;line-height: 40px;color: #666;font-size: 16px;padding: 0 10px;margin-top: 5px;font-weight: 600;}
.money{height: 100px;padding: 0 10px;}
.money a{display: block;float: left;width: 50%; height: 30px;line-height: 30px;}
/* 轮播 */
.jm_c{width: 720px;height: 530px;margin: 0 15px;}
.jm_c_top{width: 720px;height: 300px;background: rgba(102, 102, 102, .6); overflow: hidden;}
.picFocus{ margin:0 auto;  width:720px;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1;padding: 0 10px; display: flex;justify-content: space-between;}
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:109px; height:65px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.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 li{ vertical-align:middle; }
.picFocus .bd{ width:720px; height:220px; display:block; overflow:hidden;}
.picFocus .bd img{ width:720px; height:220px; display:block; overflow:hidden;}

.jm_c_bottom{height: 220px;margin-top: 10px;background: #fff;}
.tab{height: 30px;line-height: 30px;}
.tab span{float: left;margin-left: 15px;color: #666;cursor: pointer;font-weight: 600;}
.tab .tab_on{color: #e51717;}
.tab .txtMarquee-left{width: 400px;height: 30px; float: right;color: #999;position: relative;}
.tab .txtMarquee-left strong{color: #666;float: left;}
.tab .txtMarquee-left .bd{ display: inline-block; height: 30px;float: left;}
.tab .txtMarquee-left .bd .tempWrap{ width:300px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.tab .txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.tab .txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:30px; line-height:30px;  text-align:left; _display:inline; width:auto !important;  }


.jm_ul{width: 720px;height: 190px;overflow: hidden;}
.jm_ul li{width: 720px;height: 190px;border-top: 1px solid #ccc; display: none;}
.jm_ul .tab_active{display: block;}
.jm_ul li a{display: block;float: left;width: 20%;height: 94.5px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;overflow: hidden;}
.jm_ul li a:nth-child(5n){border-right: 1px solid #ccc;}
.jm_ul li a img{width: 100%;height: 100%;}
/* 第一部分右边 */
.jm_r{width: 260px;background: #fff;}
.jm_r_top{height: 50px;}
.jm_r_top a{display: block;width: 125px;height: 50px;line-height: 50px;text-align: center; border: 1px solid #f69a72;color: #f69a72;float: left;font-size: 16px;}
.jm_r_top a:first-child{margin-right: 10px;}
.jm_r_top a i{font-size: 16px;margin-right: 5px;}
/* a链改span */
.jm_r_top span{display: block;width: 125px;height: 50px;line-height: 50px;text-align: center; border: 1px solid #f69a72;color: #f69a72;float: left;font-size: 16px;}
.jm_r_top span:first-child{margin-right: 10px;}
.jm_r_top span i{font-size: 16px;margin-right: 5px;} 
.jm_r_cont{margin-top: 9px;border: 1px solid #ddd;border-bottom: 0;height: 300px;}
.jm_r_cont .you_div{height: 40px;}
.jm_r_cont .you_div span{display: block;width: 33.3%;height: 40px;line-height: 40px;float: left;background: #f8f8f8;text-align: center;cursor: pointer;border-top: 1px solid #ddd;color: #666;}
.right_active{background: #fff !important;border-top: 1px solid #e51717 !important;color: #333 !important;}
.jm_r_cont ul{height: 260px;border-bottom: 1px solid #ddd;}
.jm_r_cont ul li{padding: 10px 0;display: none;}
.jm_r_cont ul .you_active{display: block;}
.jm_r_cont ul li a{display: block;height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;text-indent: 25px;}
.jm_r_cont ul li a::after{position: absolute;content: "";top: 10px;left: 10px;width: 5px;height: 9px;background: url(../images/you.png);}
.jm_r_cont ul li .red{color: #e51717;}
.jm_r_bottom{width:260px;height: 171px;border: 1px solid #ddd;}
.jm_right_title{width: 100%; height: 40px;line-height: 40px;}
.jm_right_title span{display: block;float: left;width: 50%;height: 40px;line-height: 40px;text-align: center;color: #333;background: #f5f5f5;cursor: pointer;}
.jm_right_title .title_active{background: #fff;}
.jm_r_bottom ul{width: 260px; height: 130px;}
.jm_r_bottom ul li{width: 260px;height: 130px;padding: 10px;float: left;display: none;}
.jm_r_bottom ul li img{width: 240px;height: 110px;}
.title_box{display: block !important;}
/* 广告图 */
.ad1{display: flex;flex-wrap: wrap; justify-content: space-between;margin-top: 20px;}
.ad1 a{display: block;width: 190px;height: 150px;overflow: hidden;margin-bottom: 10px;}
.ad1 a img{width: 100%;height: 100%;}
.guanggao_banner{height: 70px;margin-top: 20px;}
/* 行业推荐 */
.h2{height: 50px;line-height: 50px;border-bottom: 1px solid #ccc;padding: 0 5px;}
.h2 strong{font-size: 20px;font-weight: 700;}
.h2 i{font-size: 22px;margin-right: 5px;}
.h2 p{float: right;}
.h2 p a{color: #999;margin-left: 20px;}
.jm2{margin-top: 10px;}
.jm2 ul{margin-top: 15px;height: 740px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.jm2 ul li{
    width: 595px;
    height: 360px;
    margin-bottom: 10px;
}
.jm2 ul li .jiaoyi_l{
    width: 200px;
    height: 360px;
    background: #ececee;
}
.jm2 ul li .jiaoyi_l span{
    display: block;
    width: 200px;
    height: 240px;
    overflow: hidden;
}
.jm2 ul li .jiaoyi_l div{
    width: 100%;
    height: 120px;
    padding: 10px 20px;
}
.jm2 ul li .jiaoyi_l div h3{
    font-size: 22px;
    line-height: 35px;
    color: #ff7200;
    font-weight: 800;
}
.jm2 ul li .jiaoyi_l div p{line-height: 25px;color: #666;}
.jm2 ul li .jiaoyi_l div a{display: block;line-height: 25px;color: #666;}
.jiaoyi_r{width: 395px;height: 360px;background: #fff;}
.jiaoyi_top{height: 90px;border-bottom: 1px solid #ccc;padding: 15px 25px;}
.jiaoyi_top_dd{width: 150px;}
.jiaoyi_top_dd h3{font-size: 20px;height: 20px;position: relative;text-indent: 10px;font-weight: 600;}
.jiaoyi_top_dd h3::after{position: absolute;content: '';width: 3px;height: 20px;background: #ff7300;top: 0;left: 0;}
.jiaoyi_top_dd p{margin-top: 15px;}
.jiaoyi_logo{width: 100px;height: 60px;overflow: hidden;}
.jiaoyi_box{
    height: 270px;
    padding: 20px 25px;
}
.jiaoyi_box_l{
    width: 210px;
    height: 230px;
    border-right: 1px solid #ccc;
}
.jiaoyi_box_l p{margin-bottom: 15px;}
.jiaoyi_box_l p:last-child{margin: 0;}
.jiaoyi_box_l p a{
    display: block;
    float: left;
    width: 65px;
    height: 25px;
    line-height: 25px;
}
.jiaoyi_box_r{width: 120px;height: 230px;}
.jiaoyi_box_r p{width: 120px; margin-bottom: 15px;}
.jiaoyi_box_r p a{display: block;line-height: 23px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* 加盟动态 */
.sec3{margin-top: 10px;}
.move{margin-top: 10px;height: 540px;}
.roomove_left{width: 430px;height: 540px;background: #fff;}
/* 轮播 */
.move_play{width: 430px;height: 275px;background: #ccc}
.move_play .slideBox{ width:430px; height:275px; overflow:hidden; position:relative; }
.move_play .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.move_play .slideBox .bd li{ zoom:1; vertical-align:middle; position: relative;}
.move_play .slideBox .bd li span{position: absolute;width: 100%;height: 50px;line-height: 50px;background: rgba(0, 0, 0, .5);color: #fff;text-align: center;left: 0;bottom: 0;}
.move_play .slideBox .bd img{ width:430px; height:275px; display:block;  }
/* 下面是前/后按钮代码 */
.move_play .slideBox .prev,
.move_play .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.move_play .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.move_play .slideBox .prev:hover,
.move_play .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.move_play .slideBox .prevStop{ display:none;}
.move_play .slideBox .nextStop{ display:none;}


.roomove_left .roomove_url{width: 430px;height: 265px;}
.roomove_left .roomove_url li{height: 55px;padding: 0 15px;margin-top: 8px;}
.roomove_left .roomove_url li h3{font-size: 16px;color: #666;line-height: 30px;}
.roomove_left .roomove_url li h3 span{margin-right: 5px; font-size: 14px;color: #fff;background: #e51717;padding: 2px 4px;border-radius: 3px;}
.roomove_left .roomove_url li p{line-height: 30px;}
.roomove_left .roomove_url li p a{color: #666;}

.roomove_c{width: 425px;height: 540px;margin: 0 15px;padding: 0 20px;background: #fff;}
.roomove_c dl{height: 275px;}
.roomove_c dl dt{height: 50px;line-height: 50px;}
.roomove_c dl dt span{
    display: block;
    width: 100px;
    height: 50px;
    border-top: 2px solid #e51717;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    color: #e51717;
}
.roomove_c dl dd{
    height: 75px;
    border-top: 1px dashed #ccc;
}
.roomove_c dl dd h3{line-height: 30px;font-size: 16px;font-weight: 600;margin-top: 10px;}
.roomove_c dl dd h3 a{color: #e51717;}
.roomove_c dl dd p{line-height: 30px;}
.roomove_c dl dd p a{color: #666;}
.roomove_c img{width: 100%;height: 60px;}
.roomove_c ul{height: 190px;margin-top: 15px;}
.roomove_c ul li{height: 30px;line-height: 30px;}
.roomove_c ul li span{
    display: block;
    float: left;
    color: #666;
    margin-right: 8px;
}
.roomove_c ul li a{
    display: block;
    float: left;
    width: 150px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 15px;
}
.roomove_c ul li a:hover{color: #e51717;}

.roomove_right{width: 315px;height: 540px;border-top: 2px solid #e51717;padding: 0 15px;background: #fff;}
.roomove_right h3{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    font-weight: 600;
}
.roomove_right h3 span{color: #e51717;}
.roomove_right h3 i{
    display: inline-block;
    width: 22px;
    height: 20px;
    background: url(../images/ico1.png) 214px 500px;
}
.roomove_right ul li{
    padding: 10px 0;
    border-bottom: 1px dashed #ccc;
}
.roomove_right ul li:last-child{border: 0;}
.roomove_right ul li h4{
    height: 20px;
    line-height: 20px;
}
.roomove_right ul li h4 span {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    line-height: 14px;
    margin-top: 3px;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
.roomove_righted{background: #e51717;}
.move_grey{background: #c2c2c2;}
.roomove_right ul li h4 a {
    display: block;
    float: left;
    font-size: 14px;
    color: #333;
    margin-left: 10px;
}
.roomove_right ul li p{
    width: 80px;
    float: right;
}
.roomove_right ul li p i{
    float: left;
    display: block;
    width: 8px;
    height: 9px;
    margin-top: 5px;
}
.roomove_right ul li p .up{background: url(../images/ico1.png) 169px 500px;}
.roomove_right ul li p .down{background: url(../images/ico1.png) 136px 500px;}
.roomove_right ul li p .flat{background: url(../images/ico1.png) 210px 469px;}
.roomove_right ul li p em{float: right;color: #999;}
.roomove_right ul li .roomove_jihe{display: none;position: relative;}
.roomove_right ul li:first-child h4{display: none;}
.roomove_right ul li:first-child div{display: block;} 
.roomove_jihe{height: 100px;position: relative;}
.roomove_jihe em{
    display: block;
    float: left;
    width: 120px;
    height: 100px;
    border: 2px solid #e51717;
    padding: 5px;
    position: relative;
}
.roomove_jihe em img{width: 100%;height: 100%;}
.one::after{
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    background: url(../images/ico1.png) 500px 316px;
}
.two::after{
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    background: url(../images/ico1.png) 414px 316px;
}
.three::after{
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    background: url(../images/ico1.png) 340px 316px;
}
.roomove_jihe dl{
    float: left;
    margin-left: 10px;
}
.roomove_jihe dl dt{line-height: 25px;}
.roomove_jihe dl dt a{font-size: 15px;font-weight: 600;color: #e51717;}
.roomove_jihe dl dd{color: #666;line-height: 25px;}
.roomove_jihe dl dd a{color: #666;}
/* 火热招商 */
.sec4{margin-top: 20px;}
.fire{height: 580px;background: #fff;padding: 5px 10px;}
.fire ul{display: flex;justify-content: space-between;}
.fire ul:first-child{margin-bottom: 20px;}
.fire ul li{
    width: 220px;
    height: 270px;
}
.fire ul li img{
    width: 220px;
    height: 160px;
}
.fire ul li h3{
    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;}
.btn{
    display: block;
    width: 150px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f2774a;
    color: #fff;
    border-radius: 20px;
    margin: 5px auto;
}
.btn:hover{color: #fff;}
/* 热门品牌 */
.sec5{margin-top: 20px;background: #fff;}
.brand_t{height: 50px;line-height: 50px;background: #fbfbfb;}
.brand_t span{
    float: left;
    display: block;
    width: 70px;
    height: 50px;
    text-align: center;
    color: #666;
    cursor: pointer;
}
.brand_t span a{color: #666;}
.brand_t_active{
    border-top: 2px solid #e51717;
    background: #fff !important;
}
/* .brand_t span:first-child{
    width: 94px;
    height: 50px;
    border-top: 2px solid #e51717;
    font-size: 16px;
    background: #fff;
} */
.brand_t em{float: left;color: #ccc;margin: 0 6px;}
.brand_b{height: 170px;padding: 0 15px;}
.brand_b li{height: 170px;display: none;}
.brand_b_active{display: block !important;}
.brand_b li a{
    display: block;
    float: left;
    width: 145px;
    height: 40px;
    line-height: 40px;
    color: #999;
    position: relative;
    text-indent: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.brand_b li a:hover{color: #e51717;}
.brand_b li a::after{
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ccc;
    top: 17px;
    left: 0;
}
/* 十大品牌排行榜 */
.sec6{margin-top: 20px;}
.ten{height: 640px;margin-top: 10px;}
.ten_left1{width: 875px; height: 530px;background: #fff;}
.ten_t{
    height: 50px;
    line-height: 50px;
    padding: 10px 20px;
}
.ten_t span{
    float: left;
    display: block;
    height: 30px;
    line-height: 30px;
    color: #603333;
    cursor: pointer;
}
.ten_t em{float: left;margin: 0 10px;color: #603333;height: 30px;line-height: 30px;}
.ten_t_on{font-weight: 600;border-bottom: 2px solid #603333;}
.ten_box1{height: 470px;}
.ten_box1 li{height: 470px;display: none;}
.ten_box1_on{display: block !important;}
.ten_box1 li a{
    display: block;
    float: left;
    width: 125px;
    height: 96px;
    overflow: hidden;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.ten_box1 li a:nth-child(7n){border-right: 0;}
.ten_box1 li a img{width: 100%;height: 100%;}

.ten_left2{width: 875px;height: 100px;margin-top: 10px;background: #fff;}
.ten_box2{width: 875px;height: 100px;}
.ten_box2 li{width: 875px;height: 100px;padding: 5px 0;display: none;}
.ten_box2_on{display: block !important;}
.ten_box2 li a{
    display: block;
    float: left;
    width: 175px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
}
.ten_box2_red{color: #e51717;}
.ten_right{width: 310px;height: 640px; background: #fff;}
.ten_box3{padding: 15px;}
.ten_box3 li{display: none;}
.ten_box3_on{display: block !important;}
.ten_box3 li dl{margin-bottom: 20px;}
.ten_box3 li dl dt{
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}
.ten_box3 li dl dt i{font-size: 20px;margin-right: 10px;color: #666;}
.ten_box3 li dl dd{
    margin-top: 15px;
}
.ten_box3 li dl dd::after {
    display: block;
    content: '';
    clear: both;
}
.ten_box3 li dl dd a{
    display: block;
    float: left;
    width: 130px;
    height: 35px;
    line-height: 35px;
    color: #666;
    text-indent: 25px;
    background: url(../images/ico1.png) 396px 356px;
}
.ten_box3 li dl dd a:nth-child(2n){margin-left: 15px;}
/* 新闻中心 */
.sec7{margin-top: 20px;}
.news{margin-top: 10px;height: 460px;}
.news_l{
    width: 430px;
    height: 460px;
    background: #fff;
}
.news_play{width: 430px;height: 340px;}
.lunbo{ width: 415px;height: 340px;position:relative;margin:0 auto;  }
.lunbo > .item{ display:none; }
.lunbo > .item.active{ display:block; }
.lunbo > .item a{ font-size:0;display:block; }
.lunbo > .item img{ margin:0 auto; width: 408px;height: 310px;}
.lunbo > ul{ position: absolute; left:50%; margin-left: -40px; bottom: 0;}
.lunbo > ul>li{ margin: 3px; padding: 0;display:inline-block; width:10px; height:10px; background: #ccc;   box-sizing:border-box; border-radius:50%; cursor: pointer;  list-style: none;}
.lunbo > ul>li.active{ background:#df0303; }


.news_l_img{width: 415px;height: 120px;padding: 10px 0;display: flex;justify-content: space-between;}
.news_l_img img{width: 200px;height: 100px;}
.news_c{width: 420px;height: 460px;margin: 0 15px;}
.tab_top{
    width: 420px;
    height: 45px;
    line-height: 45px;
    background: #fff;
    padding: 0 15px;
}
.tab_top_b{margin-top: 10px;}
.tab_top span{
    float: left;
    display: block;
    width: 33%;
    height: 45px;
    font-size: 16px;
    text-align: center;
    color: #000;
    font-weight: 600;
    cursor: pointer;
}
.red_active{
    color: #e61717;
    border-top: 2px solid #e61717;
}
.tab_ul{height: 180px;background: #fff;padding: 0 15px;position: relative;}
.tab_ul li{display: none;position: relative;}
.red_li_active{display: block !important;}
.tab_ul li p{
    height: 35px;
    line-height: 35px;
    position: relative;
}
.tab_ul li p:after{
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    background: #e61717;
    border-radius: 50%;
    left: 0;
    top: 14px;
}
.tab_ul li p a{
    display: inline-block;
    width: 300px;
    line-height: 35px;
    margin-left: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tab_ul li p span{float: right; color: #aaa;}
.twos a{
    display: block;
    width: 195px;
    float: left;
}
.twos a:first-child{margin-right: 10px;}
.twos a img{
    width: 195px;
    height: 150px;
}
.twos a span{
    display: block;
    width: 195px;
    line-height: 30px;
    color: #666;
}
.news_r{width: 320px;height: 460px;border-top: 2px solid #e51717;background: #fff;border-bottom: 1px solid #ddd;}
.news_tab{width: 70px;border-left: 1px solid #ddd;}
.news_tab span{
    display: block;
    width: 70px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    margin-bottom: 2px;
    background: #f6f6f6;
    cursor: pointer;
}
.news_red{color: #fff;background: #ff4f53 !important;position: relative;}
.news_red::after{
    position: absolute;
    content: '';
    width:0;
    height:0;
    border-width:8px 0 8px 8px;
    border-style:solid;
    border-color:transparent transparent transparent #ff4f53;/*透明 透明 透明 灰*/
    top: 50%;
    margin-top: -10px;
    right: -8px;
}
/* .news_tab span em{display: block;line-height: 20px;}
.news_tab span:first-child{height: 57px;text-align: center;padding: 10px 0;} */
.news_tab span:last-child{margin-bottom: 0;}
.news_boxs{width: 250px;height: 460px;}
.news_boxs>li{display: none;}
.news_show{display: block !important;}
.news_box{width: 250px;padding: 0 15px;}
.news_box li{padding: 10px 0;border-bottom: 1px solid #ddd;}
.ago i{color: #e51717 !important;}
.news_box li div{display: none;}
.news_box li:first-child h3{display: none;}
.news_box li:first-child div{display: block;}
.news_box li:last-child{border-bottom: 0;}
.news_box li h3{height: 20px;line-height: 20px;color: #666;}
.news_box li h3 i{display: inline-block;width: 20px;text-align: right;margin-right: 20px;color:#666;}
.news_box li h3 em{float: right;color: #ccc;}
.news_box li div{height: 70px;color: #666;}
.news_box li div i{display: block;width: 20px;line-height: 70px; text-align: right;margin-right: 15px;float: left;color:#666;}
.news_box li div img{width: 85px;height: 70px;margin-right: 10px;float: left;}
.news_box li div dl{float: left;width: 90px;}
.news_box li div dl dt{width: 90px;height: 25px; line-height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_box li div dl dt a{color: #e51717;font-weight: 600;}
.news_box li div dl dd{line-height: 25px;font-size: 12px;}


/* 行业分类 */
.sec8{margin-top: 20px;}
.jiaoyi_cont{
    padding: 5px 0;
}
.jiaoyi_cont li{
    width: 290px;
    height: 125px;
    background: #fff;
    float: left;
    margin: 10px 13px 0 0;
    padding: 10px;
}
.jiaoyi_cont li:nth-child(4n){
    margin-right: 0;
}
.jiaoyi_cont li h3{
    color: #e61717;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
}
.jiaoyi_cont li h3 a{
    float: right;
    font-size: 14px;
    font-weight: 500;
    color: #666;
}
.jiaoyi_cont li div{
    padding: 0 10px;
}
.jiaoyi_cont li div a{
    line-height: 25px;
    margin-right: 11px;
    font-size: 12px;
    color: #666;
}
.jiaoyi_cont li div .red{color: #e61717;}

/* 猜你喜欢 */
.sec9{margin-top: 20px;background: #fff;height: 250px;}
.sec9 h2 i{color: #e51717;}
.sec9 h2 strong{color: #e51717;}
.love_play{height: 200px;}
.love_play .slideBox{ overflow:hidden; zoom:1; padding:12px 50px; position:relative;   }
.love_play .sPrev,.love_play .sNext{ position:absolute; left:10px; top:10px; display:block; width:30px; height:170px; background:url(../images/left.png) center center no-repeat; cursor: pointer;}
.love_play .sNext{ left:auto; right:10px; background:url(../images/right.png) center center no-repeat;  }
.love_play .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }
.love_play ul{ overflow:hidden; zoom:1;}
.love_play ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.love_play ul li .pic{ text-align:center; }
.love_play ul li .pic img{ width:190px; height:170px; display:block;  }
.love_play ul li .pic a:hover img{ border-color:#999;  }



/* 创业5步 */
.bg{width: 100%; height: 70px;margin-top: 20px;}
.bg img{width: 100%;height: 100%;}
/* 底部 */
/* footer{padding-bottom: 20px;} */
/* 底部导航 */
.foot_nav{height: 60px;padding: 15px 10px;border-bottom: 1px solid #ccc;margin-top: 20px;}
.foot_nav .p1{
    width: 800px;
    height: 30px;
    float: left;
}
.foot_nav .p1 a{
    display: block;
    float: left;
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333;
}
.foot_nav .p1 em{float: left;color: #ccc;line-height: 30px;}
.p2{width: 300px;height: 30px;line-height: 30px;text-align: right;color: #f26921;float: right;}
.p2 strong{font-size: 20px;}
/* 底部信息 */
.mass{height: 90px;margin-top: 20px;}
.mass_l{width: 250px;height: 90px;}
.mass_l img{margin-left: 33px;height: 65px;}
.mass_l p{height: 20px;line-height: 20px;text-align: center;}
.mass_c{width: 430px;height: 90px;margin-left: 80px;padding-top: 5px;}
.mass_c p{line-height: 30px;color: #666;}
.mass_c p em{color: #444;}
.mass_r{width: 360px;height: 90px;}
.mass_r img{width: 100%;height: 100%;}
/* 友情提醒 */
.notice{
    height: 200px;
    background: #f3f3f3;
    /*padding: 20px;*/
    margin-top: 20px;
}
/*.notice p{margin-bottom: 10px;line-height: 30px;color: #999;}*/
/*.notice p span{color: #666;font-weight: 600;}*/
/* 友情链接 */
.foot_link{
    height: 100px;
    padding: 15px 0;
}
.foot_link a{
    display: block;
    line-height: 25px;
    float: left;
    margin-right: 15px;
    color: #999;
}
.foot_link a:first-child{color: #666;margin-right: 0;}

/* 404页面 */
.four{
    height: 750px;
}
.four img{
    display: block;
    margin: 80px auto 70px;
}
.four ul li{
    height: 35px;
    line-height: 35px;
    margin-bottom: 20px;
}
.four ul li span{
    display: block;
    float: left;
    width: 68px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #db0f21;
    color: #fff;
    font-size: 18px;
    margin-right: 20px;
}
.four ul li p{
    float: left;
    width: 1000px;
    height: 35px;
    overflow: hidden;
}
.four ul li p a{
    float: left;
    margin-right: 30px;
    font-size: 18px;
    color: #666;
}
.four_btn{
    display: block;
    width: 70px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    border: 1px solid #db0f21;
    color: #db0f21;
    text-align: center;
    float: right;
}