@charset "utf-8";
/* CSS Document */
@import 'cssreset.css';

/*common*/
*:focus {outline: none;}

/* display */
.dn { display: none; }
.di { display: inline; }
.db { display: block; }
.dib { display: inline-block; } /* if the element is block level(eg. div, li), using 'inline-any' instead */


.fl{float:left;}
.fr{float:right;}

/* 块状元素水平居中 */
.auto { margin-left: auto; margin-right: auto; }

/* overflow */
.ovh { overflow: hidden; }

/* position */
.rel { position: relative; }
.abs { position: absolute; }

/* font-family */
.fw { font-family: 'Microsoft Yahei'; }
.fs { font-family: "宋体", Helvetica, Arial, sans-serif;  }


/* font-style */
.n { font-weight: normal; font-style: normal; }
.b { font-weight: bold; }
.i { font-style: italic; }

/* text-align */
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.tj { text-align: justify; }

/* 清除浮 动*/
.fix { *zoom:1; }
.fix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; font-size:0;}

/*table*/
table {
    width: 100%;
    border-collapse: collapse;
}

/* margin */
.m0 {
    margin: 0 !important;
}

.ml0 {
    margin-left: 0
}

.ml1 {
    margin-left: 1px;
}

.ml2 {
    margin-left: 2px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.mr1 {
    margin-right: 1px;
}

.mr2 {
    margin-right: 2px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mt1 {
    margin-top: 1px;
}

.mt2 {
    margin-top: 2px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mb1 {
    margin-bottom: 1px;
}

.mb2 {
    margin-bottom: 2px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

/* padding */
.p0 {
    padding: 0;
}

.p1 {
    padding: 1px;
}

.pl1 {
    padding-left: 1px;
}

.pt1 {
    padding-top: 1px;
}

.pr1 {
    padding-right: 1px;
}

.pb1 {
    padding-bottom: 1px;
}

.p2 {
    padding: 2px;
}

.pl2 {
    padding-left: 2px;
}

.pt2 {
    padding-top: 2px;
}

.pr2 {
    padding-right: 2px;
}

.pb2 {
    padding-bottom: 2px;
}

.pl5 {
    padding-left: 5px;
}

.p5 {
    padding: 5px;
}

.pt5 {
    padding-top: 5px;
}

.pr5 {
    padding-right: 5px;
}

.pb5 {
    padding-bottom: 5px;
}

.p10 {
    padding: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pt10 {
    padding-top: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.p15 {
    padding: 15px;
}

.pl15 {
    padding-left: 15px;
}

.pt15 {
    padding-top: 15px;
}

.pr15 {
    padding-right: 15px;
}

.pb15 {
    padding-bottom: 15px;
}

.p20 {
    padding: 20px;
}

.pl20 {
    padding-left: 20px;
}

.pt20 {
    padding-top: 20px;
}

.pr20 {
    padding-right: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.p30 {
    padding: 30px;
}

.pl30 {
    padding-left: 30px;
}

.pt30 {
    padding-top: 30px;
}

.pr30 {
    padding-right: 30px;
}

.pb30 {
    padding-bottom: 30px;
}


/* vertical-align */
.vm { vertical-align: middle; }
.vtb { vertical-align: text-bottom; }
.vb { vertical-align: bottom; }
.vt { vertical-align: top; }
.vn { vertical-align: -2px; }

.bgnone{background:none !important;}
.bnone{border:none !important;}


.middle-box {
    font-size: 0;
    letter-spacing: -1.5em;
}

.middle-box:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.middle-cont {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    letter-spacing: 0;
}

/*-------------------------------- font -------------------------------------*/
.h16 {
    font-size: 16px
}

.h18 {
    font-size: 18px
}

.h20 {
    font-size: 20px
}

.h22 {
    font-size: 22px
}

.h24 {
    font-size: 24px
}

.h26 {
    font-size: 26px
}

.h28 {
    font-size: 28px
}

.h30 {
    font-size: 30px
}

.h32 {
    font-size: 32px
}

.h34 {
    font-size: 34px
}

.h36 {
    font-size: 36px
}

.h38 {
    font-size: 38px
}

.h40 {
    font-size: 40px
}
.h68 {
    font-size: 68px
}
.h72 {
    font-size: 68px
}

@media (max-width: 1440px) {

    .h68 {
        font-size: 48px
    }

    .h72 {
        font-size: 42px
    }

    .h38 {
        font-size: 30px
    }
    .h28 {
        font-size: 24px
    }
    .h26 {
        font-size: 22px;
    }

    .h24 {
        font-size:20px
    }

}

@media (max-width: 1199px) {
    .h68 {
        font-size: 36px
    }
    .h72 {
        font-size: 40px
    }
    .h38 {
        font-size: 26px
    }

    .h28 {
        font-size: 24px
    }
}
@media (max-width: 1023px) {

    .h16 {
        font-size: 14px
    }

    .h18 {
        font-size: 16px
    }

    .h20 {
        font-size: 18px
    }

    .h22 {
        font-size: 20px
    }
    .h24 {
        font-size: 20px
    }
    .h26 {
        font-size: 22px
    }
    .h28 {
        font-size: 22px
    }
    .h30 {
        font-size: 26px
    }
    .h32 {
        font-size: 28px
    }

    .h36 {
        font-size: 30px
    }
    .h38 {
        font-size: 32px
    }

    .h68 {
        font-size: 30px
    }
    .h72 {
        font-size: 32px
    }
    .other-banner .mstyjjfa{padding-left: 31px !important;}
    .homebannertwo span{margin: 0 18px !important;width: 172px !important;;font-size: 20px !important;}
}


@media (max-width: 767px) {
    .h30 {
        font-size: 24px
    }
    .h38 {
        font-size: 28px
    }
    .h68 {
        font-size: 24px
    }

    .h72 {
        font-size: 26px
    }

    /*26 20 24*/
    .banner-title,.other-banner .b-title{font-size: 28px}
    .title-02,.b-txt{font-size: 15px;}
    .title-03{font-size: 17px}


    .homebannertwo span{margin: 0 7px !important;width: 109px !important;;font-size: 14px !important;line-height: 34px !important;height: 34px !important;}
    .homebannertwo span:after{width: 8px !important;;height: 8px !important;;margin-top: -4px !important;;left: -4px !important;}
}

@media (max-width: 375px){
    .homebannertwo span{width: 97px !important;}
}
@media (max-width: 360px){
    .homebannertwo span{margin: 0 4px !important;}
}
@media (max-width: 320px){
    .homebannertwo span{font-size: 12px !important;width: 85px !important;}
}

.middle-box {
    font-size: 0;
    letter-spacing: -1.5em;
}

.middle-box:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.middle-cont {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    letter-spacing: 0;
}

.middle-img {
    position: relative;
    overflow: hidden;
}
.middle-img img {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}


/*-------------------------------- 显示隐藏 ----------------------------------*/
.phone-show {
    display: none;
}


@media only screen and (max-width: 992px) {

    /* 显示隐藏 */
    .pc-show {
        display: none;
    }

    .phone-show {
        display: block;
    }
}

/* 5列 栅格*/
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}