@charset "utf-8";
/*********************************************************/
html{ min-height: 100%;}
body{ background-color: #efeff4; }
.wrap { max-width: 640px; margin: 0 auto; position: relative; overflow-x: hidden; table-layout: fixed; word-break: break-all; }
.main{ padding-bottom: 45px;}

.last .bb:last-child{ border-bottom: none;}

.col_red{ color: #c60e3b; }
.bg_red{ background-color: #c60e3b; }
.bg_f4{ background-color: #f4f4f4; }
.bg_f8{ background-color: #ffffff; }

.w45{ width: 45px; }
.w60{ width: 60px; }
.w70{ width: 70px; }
.w80{ width: 80px; }
.w90{ width: 90px; }

.foot_fixed{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 99; }
/****************************************/

.icon-v1{ display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-top: -3px; background-image: url(../images/icon_v1.png); background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; }

.xilu_Mask{ width: 100%; height: 100%; position: fixed; top: 50px; left: 0; right: 0; z-index: 9;}
/**/
.head_top{ height: 40px; }
.head_top .logo{ height: 30px; }
.head_top .logo img{ display: block; max-height: 100%; width: auto; }
.head_top .menu{ width: 30px; }
.head_top .menu img{ width: 80%; }

.head_menu{ display: none; width: 100%; background-color: rgba(198,14,59,0.5); position: absolute; top: 50px; left: 0; right: 0; z-index: 999; }
.head_menu .bb{ border-color: #fff; }
.head_menu a{ display: block; line-height: 35px; color: #fff; }

.head_submenu{ background-color: rgba(198,14,59,0.5); position: fixed; top: -100px; left: 0; right: 0; z-index: 99; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.head_submenu .br{ border-color: #fff; }
.head_submenu li a{ display: block; color: #fff; }
.foot_fixed{ position: fixed; left: 0; right: 0; bottom: -100%;  -moz-transition: all 0.8s ease-out; -webkit-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; }

.head_submenu.show{ top: 0; }
.foot_fixed.show{ bottom: 0; }

/*
.banner{ min-height: 180px; overflow: hidden; position: relative; }
.playVideoBg{ display: block; width: 100%; height: auto; opacity: 0.5; position: relative; z-index: 1; }
.ban_video{ width: 232px; height: 165px; background-image: url(../images/video_bg.png); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; left: 50%; margin-left: -116px; bottom: 0; z-index: 9; }
.coverVideo{ width: 215px; height: 120px; position: absolute; left: 8px; top: 14px; z-index: 8; }
.playVideo{ display: block; width: 215px; height: 120px; position: absolute; left: 8px; top: 14px; z-index: 7; }
*/
/*自适应的video*/
.banner{ min-height: 180px; overflow: hidden; position: relative; }
.playVideoBg{ display: block; width: 100%; height: auto; opacity: 0.5; position: relative; z-index: 1; }
.ban_video{ width: 72%; background-image: url(../images/video_bg.png); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; left: 14%; bottom: 0; z-index: 9; }
.coverVideo{ width: 93%; position: absolute; left: 3.5%; top: 8.5%; z-index: 8; }
.playVideo{ display: block; width: 93%; position: absolute; left: 3.5%; top: 8.5%; z-index: 7; }


.item-text{ padding: 20px 13%; }
.item-text h2,.item-text h3{ font-weight: normal; }
.item-text h2 img{ width: 80%; }
.item-text a{ display: inline-block; padding-right: 20px; }

.item-adv i{ display: inline-block; width: 30px; height: 30px; margin-right: 3px; vertical-align: middle; background-image: url(../images/icon_adv.png); background-size: 100% auto; background-repeat: no-repeat; }
.item-adv .ia-1{ background-position: 0 0; }
.item-adv .ia-2{ background-position: 0 -30px; }
.item-adv .ia-3{ background-position: 0 -60px; }
.item-adv .ia-4{ background-position: 0 -90px; }
.item-adv span{ display: inline-block; line-height: 1.3; vertical-align: middle; }

.item-price{ position: absolute; left: 13%; top: 35%; }

.item-data{ background-color: #af1d35; }

.item-link{ display: block; padding-right: 20px; position: absolute; left: 13%; top: 45%; }
.item-link.colf{ background-image: url(../images/icon_arrowRf.png); left: 50%; margin-left: -45px; }

/**/
.number-container{ width: 100%; height: 65px; padding: 12px 0; border-bottom: 1px #fff solid;}
.number-container span{ display: inline-block;}
.number-container span i{ display: block; width: 26px; height: 26px; margin: 0 auto; background-image: url(../images/icon_number.png); background-repeat: no-repeat; background-size: 100% auto;}
.number-container span i.ico-1{ background-position: 0 0;}
.number-container span i.ico-2{ background-position: 0 -26px;}
.number-container span i.ico-3{ background-position: 0 -52px;}
.number-container span i.ico-4{ background-position: 0 -78px;}
.number-container span i.ico-5{ background-position: 0 -104px;}
.number-container span i.ico-6{ background-position: 0 -130px;}
.number-container span i.ico-7{ background-position: 0 -156px;}
.number-container span em{ display: block; font-size: 16px; line-height: 26px; }
.number-container .item-r{ min-width: 42px; }

/* Download */
.download_card .content {
    float: left;
    text-align: center;
    margin-left: 10px;
    margin-top: 0px;
}
.download_card .content .title {
    font-size: 30px;
    margin-top: 10px;
    color: #333;
}
.download_card .content .title i {
    font-size: 20px;
}
.download_card .content .desc {
    font-size: 18px;
    color: #999;
    margin-top: 10px;
}
.download_card .content .list {
    margin-top: 26px;
    overflow: hidden;
}
.download_card .content .title {
    font-size: 30px;
    margin-top: 20px;
    color: #333;
}
.download_card .content .list .item .box {
    height: 71px;
    font-size: 14px;
    line-height: 70px;
    background-color: #fff;
    text-align: left;
    padding-left: 20px;
}
.item p {
    /* background: #d8d8d8;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    display: inline-block;
    float: left;*/
    margin-right: 10px;
    font-size: 18px;
    color: #D20037;
}

