@font-face {
    font-family: 'D-DIN';
    src: url('../fonts-ddin/D-DIN.eot');
    src: url('../fonts-ddin/D-DIN.eot?#iefix') format('embedded-opentype'),
        url('../fonts-ddin/D-DIN.woff') format('woff'),
        url('../fonts-ddin/D-DIN.ttf') format('truetype'),
        url('../fonts-ddin/D-DIN.svg#D-DINCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*{margin:0;padding:0;border-width:0;box-sizing:border-box;font-weight:normal;}
*html .clearfix {zoom:1;}
html{scroll-behavior:smooth;}
body,textarea{font-family:"D-DIN","Microsoft YaHei","Arial" !important;font-size:16px;color: #495057;line-height: 1.4;-webkit-font-smoothing: antialiased;}
body{overflow-x: hidden;}
table{border-collapse:collapse; border-spacing:0; } 
a{text-decoration:none;color:#495057;}
a:hover,a:active{text-decoration:none;color:#81663B;}
ol,ul{list-style:none;}
img {max-width: 100%;border: none; vertical-align: middle;}
input,textarea,select {font-size: 16px;color: #ffffff;;font-family:"Arial","Microsoft YaHei";border:none;resize:none;background: none;outline: none;}
input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox'],select{outline: none;}
::-webkit-input-placeholder {font-size: 16px;color: #ffffff;}
::-moz-placeholder {font-size: 16px;color: #ffffff;}
::-ms-input-placeholder {font-size: 16px;color: #ffffff;}
select::-ms-expand {display: none;}
.clear{clear:both;height:0;width:0;overflow:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.icon{vertical-align: middle;}

/*flex*/
.display_flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.flex_direction_right{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
}
.flex_column{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
}
.flex_direction_bottom{
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse;
}
.flex_1{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.justify_content_center{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.justify_content_between{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.align_items_center{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.align_items_bottom{
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
}
.align_items_stretch{
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
}
.flex_wrap{
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.container{width:1300px;margin:0 auto;position:relative;}
.container:after, .container:before {content:" ";display:table;}
.img-cover{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.positionimg{width: 100%;padding-bottom: 75%;position: relative;overflow: hidden;}
.positionimg img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.positionimg img.img_way{object-fit:contain;}
.scale_img:hover img{
    -webkit-transform:scale(1.05);
       -moz-transform:scale(1.05);
         -o-transform:scale(1.05);
            transform:scale(1.05);
}
.l5{-webkit-transform:translateX(-50%);
       -moz-transform:translateX(-50%);
         -o-transform:translateX(-50%);
            transform:translateX(-50%);}
.t5{-webkit-transform:translateY(-50%);
       -moz-transform:translateY(-50%);
         -o-transform:translateY(-50%);
            transform:translateY(-50%);}
.lt5{-webkit-transform:translate(-50%,-50%);
       -moz-transform:translate(-50%,-50%);
         -o-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);}
.de3,.de3:before{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.de5,.de5:before{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.de6,.de6:before{-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.de7,.de7:before{-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out;}
.de9,.de9:before{-webkit-transition:all 0.9s ease-in-out;-moz-transition:all 0.9s ease-in-out;-o-transition:all 0.9s ease-in-out;transition:all 0.9s ease-in-out;}
.de10,.de10:before{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}

.text_24{font-size: 24px;}
.text_20{font-size: 20px;}
.text_18{font-size: 18px;}
.text_16{font-size: 16px;}
.text_14{font-size: 14px;}

@keyframes scale1{0%{ transform: scale(1); opacity:.5}100%{ transform: scale(1.4); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.5;}100%{ transform: scale(1.8);opacity:0;}}


@media only screen and (max-width:1699px) {
    .container{width: 1200px;}

}
@media only screen and (max-width: 1499px) {
    input,textarea,select {font-size: 14px;}
    ::-webkit-input-placeholder {font-size: 14px;}
    ::-moz-placeholder {font-size: 14px;}
    ::-ms-input-placeholder {font-size: 14px;}

    .container{width: 1100px;}

    .text_24{font-size: 22px;}
    .text_20{font-size: 18px;}
    .text_18{font-size: 16px;}
    .text_16{font-size: 14px;}
}
@media only screen and (max-width: 1299px) {
    .container{width: 994px;}
}
@media only screen and (max-width: 1023px) {
    .container{width: 740px;}

    .text_24{font-size: 16px;}
    .text_20{font-size: 14px;}
    .text_18{font-size: 14px;}
    .text_14{font-size: 12px;}

}
@media only screen and (max-width: 767px) {
    .container{width:calc(100% -  30px);}
}