/*all*/
html{
    font-size: calc(100vw/19.20);
    -webkit-text-size-adjust: 100%;}

*,ul,p,dl,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,li{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 0;
    margin: 0;
    list-style: none;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;}

input{
    border: 0;
    outline: none;}
.container-fluid{
    position: relative;
    padding: 0;
    max-width: 19.20rem;
    margin: 0 auto;}
.container{
    padding: 0;}
a{
    color: #333333;}
a:hover{
    color: #9f3420;}
a:hover,a:active,a:link{
    text-decoration:none;}
img{
    max-width: 100%;}
.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
/*宽度限定*/
.wp {
    width: 100%;
    margin: 0 auto;
    max-width: 14rem;}

/*top*/
.top{
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    background-image: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0));
    height: 1.77rem;}
.top .container{
    max-width: 17.6rem;
    width: 92%;}
.top .logo{
    float: left;
    max-width: 100%;
    margin-top: 0.27rem;
    width: 1.93rem;}

.top .head{
    float: right;
    margin-top: 0.37rem;}

/*搜索*/
.top .head .seek{
    float: left;
    width: 3rem;
    height: 0.4rem;
    overflow: hidden;
    border:1px solid rgba(255,255,255,0.41);
    border-radius: 0.2rem;
    position: relative;}
.top .head .seek .text{
    padding-left: 0.1rem;
    width: calc(100% - 0.55rem);
    height:0.4rem;
    float: left;
    background-color: transparent;
    font-size: 0.16rem;
    color: #ffffff;}
.top .head .seek .text::-webkit-input-placeholder{
    color: rgba(255,255,255,.6);}
.top .head .seek .text::-moz-placeholder{
    color: rgba(255,255,255,.6);}
.top .head .seek .text:-ms-input-placeholder{
    color: rgba(255,255,255,.6);}
.top .head .seek .submit{
    width: 0.2rem;
    background-image: url(../images/header/ss.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 100% auto;
    line-height: 0.4rem;
    cursor: pointer;
    float: right;
    margin-right: 0.2rem;}


/*banner*/
.banner img{
    width: 100%;
    height: 660px;}
.banner table{
    width: 100%;}
.banner #flashBoxu_u1_{
    width: 100%!important;
    height: auto!important;}

/*导航*/
.header{
    background-image: linear-gradient(to right,#bd1313 50%,transparent 50%);
    margin-top: -0.5rem;
    position: relative;
    z-index: 999;}
.header .navs{
    background-color: #bd1313;
    justify-content: left;
    position: relative;}
.header .navs:after{
    content: "";
    display: block;
    width: 2.28rem;
    height: 0.06rem;
    background: url(../images/header/nav_bg.jpg)no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.69rem;
    right:-1.36rem;}
.header .navs li{
    position: relative;
    margin-right: 0.2rem;}
.header .navs li a{
    display: block;
    width: 2.4rem;
    line-height: 1rem;
    text-align: center;
    font-size: 0.25rem;
    color: #ffffff;}
.header .navs li a:hover,.header .navs .cvt a{
    background-color: #a40000;}
/*二级*/
.header .navs li ul{
    position: absolute;
    bottom: calc(100% + 0.06rem);
    background-color: #fce7e7;
    border-radius: 0.04rem;
    padding:0.2rem 0.13rem;
    width: 100%;
    z-index: 9;
    display: none;}
.header .navs li ul:after{
    display: block;
    content: "";
    position: absolute;
    bottom:-0.12rem;
    left: 50%;
    margin-left: -0.06rem;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color:#fce7e7;
    z-index: 9;}
.header .navs li ul li{
    border-bottom: 1px solid #ebcccc;
    margin: 0;}
.header .navs li ul li a{
    width: 100%;
    line-height: 0.4rem;
    font-size: 0.14rem;
    padding: 0;
    text-align: center;
    background-color: transparent!important;
    color: #333333;}
.header .navs li ul li a:hover{
    color:#bd1313
;}
.header .navs li:hover ul{
    display:block;}














/*手机适配*/

@media screen and ( max-width: 1200px ) {
    html{
        font-size: calc(100vw/7.5);
        -webkit-text-size-adjust: 100%;}

    /*宽度限定*/
    .wp {
        width: 100%;
        margin: 0 auto;
        max-width: 7.3rem;}

    /*top*/
    .top{
        position: absolute;
        z-index: 99;
        left: 0;
        top: 0;
        width: 100%;
        background-image: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0));
        height: 1.77rem;}
    .top .container{
        max-width: 17.6rem;
        width: 92%;}
    .top .logo{
        float: left;
        max-width: 100%;
        margin-top: 0.27rem;
        width: 1.93rem;}

    .top .head{
        float: right;
        margin-top: 0.37rem;}

    /*搜索*/
    .top .head .seek{
        float: left;
        width: 3rem;
        height: 0.4rem;
        overflow: hidden;
        border:1px solid rgba(255,255,255,0.41);
        border-radius: 0.2rem;
        position: relative;}
    .top .head .seek .text{
        padding-left: 0.1rem;
        width: calc(100% - 0.55rem);
        height:0.4rem;
        float: left;
        background-color: transparent;
        font-size: 0.16rem;}
    .top .head .seek .text::-webkit-input-placeholder{
        color: rgba(255,255,255,.6);}
    .top .head .seek .text::-moz-placeholder{
        color: rgba(255,255,255,.6);}
    .top .head .seek .text:-ms-input-placeholder{
        color: rgba(255,255,255,.6);}
    .top .head .seek .submit{
        width: 0.2rem;
        background-image: url(../images/header/ss.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent;
        background-size: 100% auto;
        line-height: 0.4rem;
        cursor: pointer;
        float: right;
        margin-right: 0.2rem;}



    /*导航*/
    .header{
        background-image: inherit;
        margin-top: -0.5rem;
        position: relative;
        z-index: 999;}
    .header .navs{
        background-color: #bd1313;
        justify-content: left;
        position: relative;}
    .header .navs:after{
        content: "";
        display: none;
        width: 2.28rem;
        height: 0.06rem;
        background: url(../images/header/nav_bg.jpg)no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        top: 0.69rem;
        right:-1.36rem;}
    .header .navs li{
        position: relative;
        margin-right: 0.2rem;}
    .header .navs li a{
        display: block;
        width: 1.5rem;
        line-height: 0.7rem;
        text-align: center;
        font-size: 0.22rem;
        color: #ffffff;}
    .header .navs li a:hover,.header .navs .cvt a{
        background-color: #a40000;}
    /*二级*/
    .header .navs li ul{
        position: absolute;
        bottom: calc(100% + 0.06rem);
        background-color: #fce7e7;
        border-radius: 0.04rem;
        padding:0.2rem 0.13rem;
        width: 100%;
        z-index: 9;
        display: none;}
    .header .navs li ul:after{
        display: block;
        content: "";
        position: absolute;
        bottom:-0.12rem;
        left: 50%;
        margin-left: -0.06rem;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-top-color:#fce7e7;
        z-index: 9;}
    .header .navs li ul li{
        border-bottom: 1px solid #ebcccc;
        margin: 0;}
    .header .navs li ul li a{
        width: 100%;
        line-height: 0.4rem;
        font-size: 0.14rem;
        padding: 0;
        text-align: center;
        background-color: transparent!important;
        color: #333333;}
    .header .navs li ul li a:hover{
        color:#bd1313
    ;}
    .header .navs li:hover ul{
        display:block;}



















}