@charset "utf-8";
/* 
	CSS Document
	Designed by truongbk
	
	Contact information: 
		
		Hotline: 01656299170
		EmaiL:   truongcntt111@gmail.com
*/

.contentHot{width: 100%;}
.contentHot-auto{margin: 0 auto;overflow: hidden}
#slideHot{
    position: relative;
    height: 423px;
    width: 100%;
    float: right;
}
#slideHot .slider{position: relative;padding: 0px;}
#slideHot .slider li{list-style:none;top: 0;width: 100%;}

#mainBanner .news a img{width: 100%;}
#slideHot .navigator_bar{display: none;}
#slideHot .button_bar{display: none;}

.contentRigth{width: 100%;float: left;}
#slide_content_right{position: relative;height: 220px;width: 308px;float: left}
#slide_content_right .slider{position: relative;height: 220px;}
#slide_content_right .slider li{position: absolute;left: 0;top: 0;width: 100%;}
#slide_content_right .slider li{position: absolute;left: 0;top: 0;width: 100%;}
#slide_content_right .slider li .background_image a{display: block;background-repeat: no-repeat;background-position: center center;background-size: cover; width: 308px;height: 220px;position: absolute;text-indent: -9999px;}
#slide_content_right .navigator_bar{display: none;}
#slide_content_right .button_bar{display: none;}
#slide_content_right .catalog-name{background: url("../template/images/bg-icon-img.png")top left no-repeat;padding-bottom: 8px;position: absolute;top: 11px;left: -9px;width: 133px;text-align: center;}
#slide_content_right .catalog-name a{height:24px;line-height: 24px;color: #ffffff;font-size: 14px;text-transform: uppercase;font-weight: bold;}

.wrap-top-container{position: relative;width: 100%;float: left;margin-bottom: 15px;}
.wrap-top-container .wrap-top-content{width: 1200px;margin: 0 auto;position: relative;overflow: hidden;}
.wrap-top-container .top_main{position: absolute;bottom: 18px;right: 7px;}
.wrap-top-container .top_main .top-main-content{}
.slideLRCustomer{float:left;width:935px;font-family:Arial, Helvetica, sans-serif;margin:0;}
.slideLRCustomer .ch_container{float:left;width:945px;padding:0;border-left:0;position:relative;}
.slideLRCustomer .ch_container .item_list{float:left;width:100%;margin:0;padding:0;list-style:none;position:relative;}
.slideLRCustomer .ch_container .button_bar{list-style:none;margin:0;padding:0;float:left;display:none;}
.slideLRCustomer .ch_container .button_bar li{cursor:pointer;}
.slideLRCustomer .ch_container .button_bar .left{position:absolute;left:0;top:30px;}
.slideLRCustomer .ch_container .button_bar .right{position:absolute;right:0;top:30px;}
.slideLRCustomer .ch_container .item{display:none;}
.slideLRCustomer .ch_container .preview_container{float:left;width:935px;height:90px;margin:0;padding:0;position:relative;overflow:hidden;}
.slideLRCustomer .ch_container .preview_container .column_list{float:left;margin:0;}
.slideLRCustomer .ch_container .preview{float:left;width:1580px;margin:0;padding:0;list-style:none;position:relative;white-space:nowrap;}
.slideLRCustomer .ch_container .preview li.itemLi{display:inline-block;width:980px;position:relative;}
.slideLRCustomer .ch_container .story{width: 195px;height: 68px;display:inline-block;padding: 10px;border-radius: 5px;border: 1px solid #9e9e9f;background: url("../template/images/bg-item-hotnews.png")repeat;margin: 0 18px 0 0;}
.slideLRCustomer .ch_container .story .thumb{float: left;margin-right:5px;}
.slideLRCustomer .ch_container .story .thumb a{display:table-cell;text-align:center;vertical-align:middle;width:64px;height:64px;}
.slideLRCustomer .ch_container .story .thumb img{max-width: 64px;max-height: 64px;}
.slideLRCustomer .ch_container .story .title{font-weight:normal;margin:10px 0 0px 0;padding:0;height:32px;overflow:hidden;text-align:left;}
.slideLRCustomer .ch_container .story .title a{white-space: normal;color: #333333;font-size: 12px;font-weight: bold;line-height: 16px;width: 120px;float: left}
.slideLRCustomer .ch_container .story .title a:hover{text-decoration: underline;}
.slideLRCustomer .ch_container .story .description{color: #000000;font-size: 12px;font-weight: bold;line-height: 16px;width: 120px;float: left}
#slideHot .slider li .background_image a {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 423px;
    position: absolute;
    text-indent: -9999px;
}



@media(max-width: 768px){
    #slideHot{height:242px;}
	#slideHot .slider li .background_image a{height: 242px}
}
@media(max-width: 480px){
    #slideHot{height:150px;}
	#slideHot .slider li .background_image a{height: 150px}
}
@media(max-width: 414px){
    #slideHot{height:130px;}
	#slideHot .slider li .background_image a{height: 130px}
}
@media(max-width: 400px){
    #slideHot{height:125px;}
	#slideHot .slider li .background_image a{height: 125px}
}
@media(max-width: 375px){
    #slideHot{height:117px;}
	#slideHot .slider li .background_image a{height: 117px}
}
@media(max-width: 360px){
    #slideHot{height:113px;}
	#slideHot .slider li .background_image a{height: 113px}
}
@media(max-width: 320px){
    
}