*{margin:0px;padding:0px;}
body{font-family: "Microsoft YaHei","微软雅黑","simsun","sans-serif","Hiragino Sans GB","STHeiti",Arial;background-color:#fff;font-size:85%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;position: relative;}
h1,h2,h3,h4,h5,h6,em{font-weight:normal;font-style:normal;}
table,td,tr{border:none;border-collapse:collapse;}
ul,li,ol{list-style:none;}
img,fieldset{border:medium none;display:block;}
img{vertical-align:left;}
a{blr:expression(this.onFocus=this.blur());outline:none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;cursor: pointer;}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover,a:active{color:#b30000;text-decoration:underline;}
a.ani{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.clear{clear:both;width:1px;overflow:hidden;height:0;}
.clearfix{*zoom: 1;}
.clearfix:after{clear: both;display: block;overflow: hidden;height: 0;visibility: hidden;content: ".";}
.hidden{display:none;}
.pull-left,.fl{float: left;}
.pull-right,.fr{float: right;}
.fdn{font-size: 0;text-indent: -999em;line-height: 0;}
.text-overflow{overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
h1{display: block;font-size: 0;line-height: 0px;text-indent: -999em;}
/*
    省略号css：
    panA:
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

    panB:
    height:px;//要补丁
    display: -webkit-box;
    -webkit-line-clamp: 2;//设置第几行出现省略号
    -webkit-box-orient: vertical;
    overflow: hidden;
*************************************************    
    半透黑色背景（且兼容ie）
    background: rgba(0,0,0,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
*/
/*margin*/
.mt10{margin-top: 10px;} .mt20{margin-top: 20px;}

.wrap{
    background: url(images/bg.jpg) no-repeat center top;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
}
.banner,.banner img,.col1,.col2,.col3,.col4,.col5{width: 1000px;margin:0 auto;overflow: hidden;}

.wrap img{
    width: 100%;
    height: 100%;
}
/* header */
.header,.btm{
    width: 100%;
    height: auto;
    position: absolute;
    z-index: -1;
}
.header{
    width: 6.85rem;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.btm{
    bottom: 0;
    left: 0;
}

/* 中间内容 */
.container{
    width: 7.07rem;
    height: 5.95rem;
    background: #fff;
    left: 0;
    right: 0;
    margin: 3.45rem auto 0;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0.28rem 0.1rem;
}
.container .box{
    overflow-y: auto;
    height: 5.55rem;
}
.container ul{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
}
.container ul li{
    width: 3.35rem;
    height: 0.84rem;
    margin-bottom: 0.3rem;
    cursor: pointer;
}
.container .center{
    width: auto;
    height: 0.31rem;
    margin: 0 auto 0.22rem;
}
.container .center img{
    width: auto;
    margin: 0 auto;
}
/* 提示语 */
.home-msg{
    width: 3rem;
    height: 0.23rem;
    margin: 0.34rem auto 0;
}
@media screen and (max-width: 768px){}

