html { -webkit-text-size-adjust: none;word-wrap: break-word;word-break:break-all;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
margin:0px;padding:0px;}
body{ font-size:14px;font-family: "Microsoft YaHei", Verdana, sans-serif;outline: 0;}
a{color: #000; text-decoration: none;/*transition: all 0.25s ease 0s;*/outline: 0;}
a:hover{color: #3169b0;}
img{border:0;}
div, h1, h2, h3, h4,h5, p, form, ul, label, input, textarea, img, span, dl, dt, dd{margin:0px;padding:0;outline: 0;}
li{list-style-type: none;}
.web{width: 1180px;margin: 0 auto;}
.pointer{ cursor: pointer;}
.fl{float:left}
.fr{float:right}
.clear{clear:both;}

.hade-bg{
    height: 100px;
    box-shadow: 0px 2px 6px 0px rgba(6, 0, 1, 0.1);
    position: fixed;
    background: #fff;
    width: 100%;
}
.head-logo {
    width: 320px;
    height: 100%;
    float: left;
    font-size: 22px;
    line-height: 100px;
}
.nva-list li {
    color: #333;
    line-height: 100px;
    display: inline-block;
    cursor: pointer;
    margin: 0 17px;
}
.nva-list li:hover,.nva-list li.active{
    color: #cc0033;
    border-bottom: 2px solid #cc0033;
}
.banner{
    width: 100%;
    overflow: hidden;
}
.product-box{
    padding-top: 60px;
}
.product-box h2 {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}
.product-box h2 span{
    font-size: 14px;
    color: #cc0033;
    font-weight: normal;
}
.product-list ul li {
    width: 353px;
    overflow: hidden;
    float: left;
    margin: 20px;
    background-color: #eee;
    height: 300px;
}
.product-list ul li img {
    width: 360px;
    height: 260px;
    display: block;
}
.product-list ul li p {
    position: relative;
    font-size: 15px;
    color: #333;
    font-weight: 600;
    text-align: center;
    width: 90%;
    padding: 18px 0;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    background: rgba(250, 250, 250, 1);
    box-shadow: 0px 2px 6px 0px rgba(6, 0, 1, 0.1);
}
.foot-bg {
    background-color: #333;
    margin-top: 60px;
    padding-top: 39px;
}
.foot {
    color: #999;
    border-top: 1px solid #222;
    overflow: hidden;
    margin-top: 22px;
    line-height: 20px;
    text-align: center;
    padding: 20px 0;
}
.foot a{
    color: #999;
}
.cover{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(0, 0, 0, 0.9);
    z-index: 9;
    display: none;
}
.cover .pay{
    width: 385px;
    font-size: 22px;
    background: #fff;
    height: auto;
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: 20%;
    padding: 30px 0;
    line-height: 25px;
}
.cover .pay img{
    width: 300px;
    margin-top:15px;
}
.cover .pay p:nth-last-child(-n+2){
    font-size:12px;
    color: #666;
}