@charset "UTF-8";
/*css 初始化 */

/*@media screen and (max-width:1400px){*/
    html{font-size: 40px;}

    .banner-txt {
        z-index: 999;
        color: #fff;
        text-align: center;
        height: 200px !important;
    }

        .banner-txt p:first-child {
            font-size: 60px !important;
            line-height: 60px !important;
            letter-spacing: 0.2em;
        }

        .banner-txt p:nth-child(2) {
            font-size: 36px !important;
            line-height: 48px !important;
            position: relative;
            top: 28px !important;
            letter-spacing: 0.1em;
        }

        .banner-txt p:last-child {
            font-size: 14px !important;
            line-height: 32px !important;
            position: relative;
            top: 24px !important;
            letter-spacing: 0.3em;
        }

 .banner-txt-second {
        z-index: 999;
        color: #fff;
        text-align: center;
        height: 200px !important;
    }

        .banner-txt-second p:first-child {
            font-size: 60px !important;
            line-height: 60px !important;
            letter-spacing: 0.2em;
        }

        .banner-txt-second p:nth-child(2) {
            font-size: 36px !important;
            line-height: 48px !important;
            position: relative;
            top: 28px !important;
            letter-spacing: 0.2em;
        }

        .banner-txt-second p:last-child {
            font-size: 14px !important;
            line-height: 32px !important;
            position: relative;
            top: 24px !important;
            letter-spacing: 0.3em;
        }


    #data-msg {
        height: 118px !important;
    }



    .back-style {
        height: 118px !important;
    }

        .back-style .l-style {
            height: 118px !important;
        }

        .back-style .r-style {
            height: 118px !important;
        }



    #data-msg ul > li p:first-child {
        font-size: 24px !important;
        margin-top: 20px !important;
    }

    #data-msg ul > li p:nth-child(2) {
        font-size: 14px !important;
        margin-top: 20px !important;
    }

    #data-msg ul > li p:last-child {
        font-size: 14px !important;
        margin-top: 8px !important;
    }

/*}*/


*{box-sizing: border-box;font-family: "微软雅黑";}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
    margin: 0;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; }   /*去掉input等聚焦时的蓝色边框*/
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "微软雅黑";}
select, input { vertical-align:middle;}
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; } /*防止拖动*/
img {border:0; vertical-align:middle;height: 100% }  /*  去掉图片低测默认的3像素空白缝隙，或者用display：block也可以*/
table { border-collapse:collapse; }
.oneline {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
body {
    min-width: 1200px;
    overflow-y: auto ;
    font: 12px/150% Arial,Verdana,"\5b8b\4f53";
    color: #666;
    background: #fff
}
.clearfix:before,.clearfix:after {  /*清楚浮动*/
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}
a{text-decoration:none}
a,a:hover{transition:background 0.5s linear;-webkit-transition:background 0.5s linear;-moz-transition:background 0.5s linear;-o-transition:background 0.5s linear;}
h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;font-size:100%;}  /*设置h标签的大小，设置跟父亲一样大的字体font-size:100%;*/
s,i,em{font-style:normal;text-decoration:none;}
.col-red{color: #C81623!important;}

/*公共类*/
.w {  /*版心 提取 */
    width: 1210px;margin:0 auto;
}
.fl {
    float:left
}
.fr {
    float:right
}
.al {
    text-align:left
}
.ac {
    text-align:center
}
.ar {
    text-align:right
}
.hide {
    display:none
}
.relative{position: relative}
.font12{ font-size: 12px;}
.font14{ font-size: 14px;}
.font16{ font-size: 16px;}
.marT20{margin-top: 20px}
.marL20{margin-left: 20px}
.marR20{margin-right: 20px}
.translate{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.trsX{
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.trsY{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.font16{font-size: 16px}
.font18{font-size: 18px}
.font24{font-size: 24px}
.color3{color: #333}
.color6{color: #666}
.color9{color: #999}
.padding6{
    padding: 6px;
}