@charset "UTF-8";



@font-face {

  font-family: "dinprobold";

  src: url("?assets/css/?assets/css/font/dinprobold.woff2") format("woff2"),

       url("?assets/css/font/dinprobold.woff") format("woff"),

       url("?assets/css/font/dinprobold.ttf") format("truetype"),

       url("?assets/css/font/dinprobold.eot") format("embedded-opentype"),

       url("?assets/css/font/dinprobold.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}

body,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

p,

blockquote,

dl,

dt,

dd,

ul,

ol,

li,

pre,

form,

fieldset,

legend,

button,

input,

textarea,

th,

td {

    margin: 0;

    padding: 0;

}



body,

button,

input,

select,

textarea {

    font-family: 'Microsoft YaHei', PingFangSC-Regular, sans-serif, Arial;

    font-size: 14px;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-size: 100%;

}



address,

cite,

dfn,

em,

var {

    font-style: normal;

}



code,

kbd,

pre,

samp {

    font-family: 'Microsoft YaHei', PingFangSC-Regular, sans-serif, Arial;

}



small {

    font-size: 12px;

}



ul,

ol {

    list-style: none;

}



a {

    text-decoration: none;

    color: #333333;

    transition: all 0.3s;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

}



a:hover, a:focus {

    text-decoration: none;

    color: #00b9f1;

}



sup {

    vertical-align: text-top;

}



sub {

    vertical-align: text-bottom;

}



legend {

    color: #000;

}



img {

    border: 0;

    vertical-align: middle;

    transition: all 0.3s;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

}



fieldset,

img {

    border: 0;

}



button,

input,

select,

textarea {

    font-size: 100%;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



textarea {

    resize: none;

}



p {

    text-align: justify;

    text-justify: distribute;

    color: #333333;

    font-size: 15px;

    transition: all 0.3s;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

}



article,

aside,

dialog,

footer,

header,

section,

footer,

nav,

figure,

menu {

    display: block

}



html,

body {

    -ms-overflow-style: scrollbar;

    transition: all 0.3s;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

}



.col-lg-2dot4 {

    position: relative;

    min-height: 1px;

    padding-right: 0;

    padding-left: 0;

}



.col-xs-1,

.col-xs-10,

.col-xs-11,

.col-xs-12,

.col-xs-2,

.col-xs-3,

.col-xs-4,

.col-xs-5,

.col-xs-6,

.col-xs-7,

.col-xs-8,

.col-xs-9 {

    padding-left: 0;

    padding-right: 0;

}

.modal-open .modal{

    z-index: 99999999;

}

@media (min-width: 1200px) {

    .col-lg-2dot4 {

        float: left;

    }



    .col-lg-2dot4 {

        width: 20%;

    }



    .col-lg-pull-2dot4 {

        right: 20%;

    }



    .col-lg-push-2dot4 {

        left: 20%;

    }



    .col-lg-offset-2dot4 {

        margin-left: 20%;

    }

}



.col-md-2dot4 {

    position: relative;

    min-height: 1px;

    padding-right: 0;

    padding-left: 0;

}



@media (min-width: 992px) and (max-width: 1199px) {

    .col-md-2dot4 {

        float: left;

    }



    .col-md-2dot4 {

        width: 20%;

    }



    .col-md-pull-2dot4 {

        right: 20%;

    }



    .col-md-push-2dot4 {

        left: 20%;

    }



    .col-md-offset-2dot4 {

        margin-left: 20%;

    }

}



.col-sm-2dot4 {

    position: relative;

    min-height: 1px;

    padding-right: 0;

    padding-left: 0;

}



@media (min-width: 768px) and (max-width: 991px) {

    .col-sm-2dot4 {

        float: left;

    }



    .col-sm-2dot4 {

        width: 20%;

    }



    .col-sm-pull-2dot4 {

        right: 20%;

    }



    .col-sm-push-2dot4 {

        left: 20%;

    }



    .col-sm-offset-2dot4 {

        margin-left: 20%;

    }

}



.col-xs-2dot4 {

    position: relative;

    min-height: 1px;

    padding-right: 0;

    padding-left: 0;

}



@media (max-width: 768px) {

    .col-xs-2dot4 {

        float: left;

    }



    .col-xs-2dot4 {

        width: 20%;

    }



    .col-xs-pull-2dot4 {

        right: 20%;

    }



    .col-xs-push-2dot4 {

        left: 20%;

    }



    .col-xs-offset-2dot4 {

        margin-left: 20%;

    }

}



.col-lg-2dot8 {

    position: relative;

    min-height: 1px;

    padding-right: 0;

    padding-left: 0;

}



@media (min-width: 1200px) {

    .col-lg-2dot8 {

        float: left;

    }



    .col-lg-2dot8 {

        width: 80%;

    }



    .col-lg-pull-2dot8 {

        right: 80%;

    }



    .col-lg-push-2dot8 {

        left: 80%;

    }



    .col-lg-offset-2dot8 {

        margin-left: 80%;

    }

}



.col-md-2dot8 {

    position: relative;

    min-height: 1px;

    padding-right: 0;

    padding-left: 0;

}



@media (min-width: 992px) and (max-width: 1199px) {

    .col-md-2dot8 {

        float: left;

    }



    .col-md-2dot8 {

        width: 80%;

    }



    .col-md-pull-2dot8 {

        right: 80%;

    }



    .col-md-push-2dot8 {

        left: 80%;

    }



    .col-md-offset-2dot8 {

        margin-left: 80%;

    }

}



.col-sm-2dot8 {

    position: relative;

    min-height: 1px;

    padding-right: 10px;

    padding-left: 10px;

}



@media (min-width: 768px) and (max-width: 991px) {

    .col-sm-2dot8 {

        float: left;

    }



    .col-sm-2dot8 {

        width: 80%;

    }



    .col-sm-pull-2dot8 {

        right: 80%;

    }



    .col-sm-push-2dot8 {

        left: 80%;

    }



    .col-sm-offset-2dot8 {

        margin-left: 80%;

    }

}



.col-xs-2dot8 {

    position: relative;

    min-height: 1px;

    padding-right: 0;

    padding-left: 0;

}



@media (max-width: 768px) {

    .col-xs-2dot8 {

        float: left;

    }



    .col-xs-2dot8 {

        width: 80%;

    }



    .col-xs-pull-2dot8 {

        right: 80%;

    }



    .col-xs-push-2dot8 {

        left: 80%;

    }



    .col-xs-offset-2dot8 {

        margin-left: 80%;

    }

}



.container-fluid {

    padding: 0;

}



.container {

    padding: 0;

    margin-right: auto;

    margin-left: auto;

}



.container, .nav-x, .swiper-x, .aos-block, .footer-x {

    min-width: 1200px;

}

@media (min-width: 1200px) {

    .container {

        width: 1200px;

    }

}



/*real css start*/



.lht24 {

    line-height: 24px;

    line-height: 24px \9;

    *line-height: 24px;

    _line-height: 24px;

}



.lht26 {

    line-height: 26px;

    line-height: 26px \9;

    *line-height: 26px;

    _line-height: 26px;

}



.lht30 {

    line-height: 30px;

    line-height: 30px \9;

    *line-height: 30px;

    _line-height: 30px;

}



.lht35 {

    line-height: 35px;

    line-height: 35px \9;

    *line-height: 35px;

    _line-height: 35px;

}



.lht40 {

    height: 40px;

    line-height: 40px;

    line-height: 40px \9;

    *line-height: 40px;

    _line-height: 40px;

}



.lht45 {

    height: 45px;

    line-height: 45px;

    line-height: 45px \9;

    *line-height: 45px;

    _line-height: 45px;

}



.lht50 {

    line-height: 50px;

    line-height: 50px \9;

    *line-height: 50px;

    _line-height: 50px;

}



.lht55 {

    line-height: 55px;

    line-height: 55px \9;

    *line-height: 55px;

    _line-height: 55px;

}



.lht60 {

    height: 60px;

    line-height: 60px;

    line-height: 60px \9;

    *line-height: 60px;

    _line-height: 60px;

}



.lht65 {

    height: 65px;

    line-height: 65px;

    line-height: 65px \9;

    *line-height: 65px;

    _line-height: 65px;

}



.lht70 {

    line-height: 70px;

    line-height: 70px \9;

    *line-height: 70px;

    _line-height: 70px;

}



.lht80 {

    line-height: 80px;

    line-height: 80px \9;

    *line-height: 80px;

    _line-height: 80px;

}



.lht100 {

    line-height: 100px;

    line-height: 100px \9;

    *line-height: 100px;

    _line-height: 100px;

}



.lht105 {

    height: 105px;

    line-height: 105px;

    line-height: 105px \9;

    *line-height: 105px;

    _line-height: 105px;

    padding: 0;

}



.lht120 {

    line-height: 120px;

    line-height: 120px \9;

    *line-height: 120px;

    _line-height: 120px;

}



.lht130 {

    line-height: 130px;

    line-height: 130px \9;

    *line-height: 130px;

    _line-height: 130px;

    padding: 0;

}



.lht135 {

    line-height: 135px;

    line-height: 135px \9;

    *line-height: 135px;

    _line-height: 135px;

    padding: 0;

}



.lht150 {

    line-height: 150px;

    line-height: 150px \9;

    *line-height: 150px;

    _line-height: 150px;

    padding: 0;

}



.lht170 {

    line-height: 170px;

    line-height: 170px \9;

    *line-height: 170px;

    _line-height: 170px;

    padding: 0;

}



.lht190 {

    line-height: 190px;

    line-height: 190px \9;

    *line-height: 190px;

    _line-height: 190px;

    padding: 0;

}





.col-lg-1,

.col-lg-2,

.col-lg-3,

.col-lg-4,

.col-lg-5,

.col-lg-6,

.col-lg-7,

.col-lg-8,

.col-lg-9,

.col-lg-10,

.col-lg-11,

.col-lg-12,

.row {

    margin: 0;

    padding: 0;

}

a:focus {

    outline: 0px auto -webkit-focus-ring-color;

    outline-offset: 0px;

}

:focus {

    outline: -webkit-focus-ring-color auto 0px;

}



<!--0.00019502639770508-->