/* #################################### background ########################################### */
.bg-full{position: absolute;top: 0; right: 0; bottom: 20%;  left: 0; z-index: -1; 
    background: url('../../images2/index/bg.jpg') no-repeat center, url('../../images2/index/bg.png') no-repeat center , url('../../images2/index/bg.bmp') no-repeat center; 
    background-size: cover;}
.top-bg-mask{position: absolute; width: 100%; height: 159px;
    background: url('../../images2/index/top_head_mask.png') no-repeat center; 
    background-size: cover; }


/* #################################### banner container ########################################### */
.banner{ position: absolute; left: 0; right: 0; bottom: 0; height: 180px; background-color: rgba(255,255,255, 0.6);}
.banner .banner-main{height: 100%;}
.banner .banner-module{width: 20%; height: 100%; font-size: 0;}
.banner .banner-module .banner-title .banner-title-txt {margin-left: 5px; font: 700 18px/58px 'Microsoft Yahei'; letter-spacing: 2px;} 
.banner .banner-module .banner-sub .banner-list{vertical-align: top;} 
.banner .banner-module .banner-sub .banner-list .banner-item{max-width: 120px; margin-right: 20px;}
.banner .banner-module .banner-sub .banner-list .banner-item .banner-link{display: block; font: 400 14px/32px 'Microsoft Yahei';}
.banner .banner-module .banner-sub .banner-list .banner-item .banner-link.d-inline-block{display: inline-block; *display: inline; zoom: 1; width: 90px;}
.banner .banner-module .banner-sub .banner-list .banner-item .banner-link:hover{color:#e20722; text-decoration: underline; }

.banner .banner-module .banner-sub .banner-list .banner-item .blue{display: block; font: 400 14px/32px 'Microsoft Yahei';}
.banner .banner-module .banner-sub .banner-list .banner-item .blue .d-inline-block{display: inline-block; *display: inline; zoom: 1; width: 90px;}
.banner .banner-module .banner-sub .banner-list .banner-item .blue:hover{color:#1e9fff; text-decoration: underline; }

/* #################################### float tools ########################################### */
.rfloat-tools{display: block; position: fixed; top: 0; bottom: 0;  right: 1%; z-index: 999; margin: auto; width: 72px; height: 222px;}
.rfloat-tools .rfloat_sub{position:relative; margin-bottom: 2px; width: 72px; height: 72px; font-size: 14px; cursor: pointer;border: 1px solid #CA5D74; background-color: rgba(255,255,255, 0.6);background-position: center 10px; background-repeat: no-repeat;}
.rfloat-tools .rfloat_sub:hover{background-color: rgba(255,250,251, 0.85);}  
.rfloat-tools .rfloat_sub.rfloat_sub_wechat{background-image: url('../../images2/index/float_tool_wechat.png') ;}
.rfloat-tools .rfloat_sub.rfloat_sub_app{background-image: url('../../images2/index/float_tool_down.png') ;}
.rfloat-tools .rfloat_sub.rfloat_sub_advice{background-image: url('../../images2/index/float_tool_advice.png') ;}

.rfloat-tools .rfloat_sub_tit{position: absolute; bottom: 0; left: 0; right: 0; text-align: center;}