/* ----------------------------------

Main CSS file for 有爱就有设计
(C) 有爱就有设计! Inc.
Created & Modified by 有爱就有设计.

-------------------------------------*/
.hl_left ,.hl_right{ width:490px;}
.mtw2{margin-top:50px !important;}
.hl_left_1{ width:660px;}
.hl_right_1{ width:300px;}
.gundong {height:50px;
    font-size: 20px;
    padding-top: 10px;
line-height:50px;
    }

#topic_title_banner
{
    background: #969696 !important;
}
.gundong_title
{
    background-color:#ed1c24;
    color:#fff;
    padding:3px;
    font-weight:600;

}
.list-dot-box
{
    display: block;

}
.todaynewlist
{
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #e8e8e8;
}

.titlebox
{
    height: 54px;
    line-height: 54px;
    border-bottom: 1px solid #E3E3E3;
    padding-top: 10px;
}

.titlebox h2
{
    margin-right: 10px;
    color: #F00;
    font-size: 18px !important;
    float: left;
}

.list-dot-box li{
    padding-left: 15px;
    padding-right: 10px;
    width: 40%;
    float: left;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    font-size: 16px;
    background: url(../images/list-dot-dark.png) left center no-repeat;
}
.new-title
{
    color: #fff;
    background: #F00;
    float: left;
    font-size: 18px;
    font-weight:600;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    margin-top:20px;
    display:block;
}

#title-line
{
    width:100%;
    border-bottom: 1px solid #EEEEEE;
}

.hl_right_small
{
    height:50px;
    width:15%;
float:left;
}
.custom_list1{height: auto; font-family: "Microsoft YaHei"; color: #555}
.custom_list1 li{width: 98%;line-height: 35px; height: 35px; font-weight: 100}
#first_line{height: 30px; font-weight:900; font-size: 22px;width: 100%;white-space: nowrap;    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    line-height: 30px;}
.custom_list1 a{width: auto; height:20px;  margin: 5px; color: #555; font-size: 16px;font-weight:500;}

.hl_news li{padding-left: 10px;padding-top: 5px;padding-bottom: 5px;background: url(http://www.cacnews.ca/template/jiaxi/images/img/dot.gif) no-repeat 0 50%!important;}
.hl_news{ margin-left:10px;}

.hl_tit{overflow:hidden;height:32px;border-bottom: 2px solid #d6d6d6;}
.hl_tit i{ display:inline-block; float:left;width:4px; height:32px; background:#fd0207}
.hl_tit h2{ display:inline-block; font-size:18px; float:left; padding-left:15px;}
.hl_more {height:32px;float:right;}
.hl_more a{display:inline-block; font-size:12px; color:#565656; text-align:right;  line-height: 10px; padding-top: 12px;}
.hl_cl01 i{background:#fd0207}
.hl_cl02 i{background:#8e02fd}
.hl_cl03 i{background:#02a4fd}
.hl_cl04 i{background:#05a200}
.hl_cl05 i{background:#eaaa00}
.hl_cl06 i{background:#793100}
.hl_cl07 i{background:#fd0207}

.zhuanti_bottom_line .title {border-bottom:2px solid #b00;margin-bottom:5px;}

.vw .d
{
font-size:16px !important;
}
.bg6{ background:#f6f6f6!important; padding:15px 25px; margin-bottom:40px;border-top:3px solid #fd0207;}

.bg6 .hl_left_1 { width:630px;border-right:1px solid #b5b5b5;}

.hl_news_index { padding-right:20px;}
.hl_news_index li{border-bottom: 1px dashed #ccc;}
.hl_news_index .hl_h3{ font-size:22px; font-weight:600; padding-top:10px;}
.hl_news_index .hl_p{ font-size:16px; font-weight:100; display:block; padding:20px 0;}
.hl_news_index .hl_d{ text-align:right; font-size:16px; font-weight:100; padding-bottom:10px; }


.hl_tit_1{overflow:hidden;height:32px;font-size:20px;}
.hl_tit_1 span{ display:inline-block; float:left; font-weight:600; color: #fd0207;}
.hl_tit_1 h2{ display:inline-block; float:left; font-weight:600}

.hl_tit_2{font-size: 28px;background: #fd0207;color: #fff;width: 180px;text-align: center;margin:40px auto;height: 50px;line-height: 50px;}


.w320{ width:320px;}
.hl_ccc{ background:#efefef;padding: 10px;}

.listbox{clear:both;padding:12px 0 ; border-bottom:1px solid #ccc;}
.listbox h1{clear:both}
.listbox h1 a{clear:both;height:28px;line-height:28px;display:block;font-size:20px;font-weight:600;color:#555;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.listbox p{clear:both;color:#999;line-height:18px;height:75px;font-size:14px;overflow:hidden;display:block}
.listbox p img{float:left;width:120px;height:75px;padding:0 15px 0 0px}


.listbox1{clear:both;padding:6px 0 ; border-bottom:1px solid #ccc;}
.listbox1 h1{clear:both}
.listbox1 h1 a{clear:both;height:28px;line-height:28px;display:block;font-size:20px;font-weight:600;color:#555;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.listbox1 p{clear:both;color:#999;line-height:18px;height:40px;font-size:14px;overflow:hidden;display:block}



.hl_center_2{padding-bottom:8px}
.hl_center_2 li{font-size:16px;line-height:34px;height:34px;width:100%;overflow:hidden}
.hl_center_2 li a{color:#555; font-weight:500;}
.hl_center_2 li em{padding-right:6px}
.hl_center_2 li em a{color:#e60012}


.hl_content .hl_middl{list-style:inherit;overflow:hidden;display:block}
.hl_content .hl_middl li{position:relative;font-size:16px;padding-left:20px;}
.hl_content .hl_middl li a{display:block;color:#555; font-weight:500;height:34px;line-height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hl_content .hl_middl li a u{position:absolute;content:'';left:0;top:50%;margin-top:-2px;width:4px;height:4px;background:#fd0207;border-radius:50%}

.slideshow li
{
    height:250px !important;
}
.hp-article {
    height: 80px;
    margin: 20px 10px 20px 10px;
    padding-bottom:10px;
    border-bottom:1px solid #eeeeee;
    width:100%;
    float: left;
}
.slidebox-1
{
    height:250px;
}

.slidebox-1 img
{
    object-fit: cover;
}
.hp-img-box
{
    max-width: 162px;
    float: left;
    margin: 0 18px 0 0;
}

.hp-img-box img{
    height: 70px;
    width: 162px;
    object-fit: cover;
}
.hp-content
{
    font-size: 18px;
    color: #333;
}
.hp-content h3
{
    height: 100%;
    display: block;
    margin: 0 0 .2em;
    line-height: 1.2;
    font-weight:400;
}
.hp-date
{
    font-size: 12px;
    color: #5a5a5a;
    margin-top: -5px;
}

.hl_zt{position:relative;display:inline-block;float:left;padding-right:10px;}
.hl_zt .hl_zt-img{position:relative;width:320px;height:185px;overflow:hidden; margin-top:15px;}
.hl_zt .hl_zt-img img,.hl_zt-right .hl_zt-right-img img{width:100%}
.hl_zt .hl_zt-img .hl_zt-title{position:absolute;bottom:0;width:100%;height:40px;line-height:40px;font-size:18px;color:#fff;font-weight:400;background-color:rgba(27,20,13,.7);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0}
.hl_zt .hl_zt-img .hl_zt-title span{margin-left:10px;opacity:1}
.hl_zt p{color: #999;line-height: 18px;font-size: 14px;padding: 10px 0;border-bottom: 1px solid #ccc;}


.hl_bm_top{ padding:0 20px;}
.hl_bm_top ul{margin:0 0 -10px}
.hl_bm_top li{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}
.hl_bm_top li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.hl_bm_top img{display:block;width:100%}
.hl_bm_top a{display:block;line-height:28px;margin-top:5px;font-size:16px;color:#555}

.hl_bjctj{ width:100%;}
.hl_bjctj li{position:relative;height:42px;line-height:42px;border-bottom: 1px solid #ccc;list-style:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.hl_bjctj li a{font-size:16px;color:#555; font-weight:500;}
.hl_bjctj li span{float:left;display:inline; font-size:16px;margin-left:8px;color:#F00;width:21px;height:21px;text-align:center;line-height:21px;margin:10px 10px 0 0; font-weight:700;}



.tabBar { width: 100%; font-family:"Microsoft YaHei"; padding-top: 25px;}
.tabBar .hd { position: relative; border-bottom: 0}
.tabBar .hd ul { float: left; width: 100%; margin: 0; z-index: 5; zoom: 1; border-bottom: 1px solid #EEEEEE}
.tabBar .hd li { float :left; height:30px; line-height: 30px; padding:0 12px; margin: 0 10px -1px 0; color: #828a92; border-bottom: 0; cursor: pointer; font-weight: bold; font-size: 18px;  border-radius: 0; overflow: hidden; background: none}
.tabBar .hd li img { float: left; margin: 4px 8px 0 0}
.ie7 .tabBar .hd li.last { width: 55px}
.ie7 .tabBar .hd li { font-family: "Microsoft Yahei"}
.tabBar .hd li.on { color: #fff; background:#F00}




.holder{ margin:25px 0 10px 0;text-align:center; line-height:28px; }
.holder a{font-size:16px;cursor:pointer;margin:0 5px;color:#666;padding:9px 15px; text-decoration:none;border-radius: 3px;}
.holder a:hover{color:#FFF;background-color:#e70012;}
.holder a.jp-current,a.jp-current:hover{color:#e70012;font-weight:700;}
.holder a.jp-disabled,a.jp-disabled:hover{color:#999;background-color:#f6f6f6;}
.holder a.jp-current,.holder a.jp-disabled,a.jp-current:hover,a.jp-disabled:hover{cursor:default;background-color:#f6f6f6; }
.holder span {margin:0 5px;font-size:16px;}
.holder a.jp-current{ background:#e70012; color:#fff;}



#jz52top { position: absolute;display: block; width:160px; background: none repeat scroll 0% 0% transparent; border: 0px #cdcdcd solid; border-radius: 3px; border-top: 0; cursor: pointer;    z-index: 200;visibility: visible;right: 50%;margin-right: -665px; }