/*Global*/
@import url("font.css");
*{margin:0;padding:0;border-width:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body,textarea{font-family:"Microsoft YaHei", Arial,sans-serif;-webkit-font-smoothing:antialiased;}
table{border-collapse:collapse;border-spacing:0;}
a,a:visited{text-decoration:none;color:#121212;}
a:hover,a:active{text-decoration:none;color:#121212;}
ul li{list-style:none;}
.clear{clear:both;height:0;width:0;overflow:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
::-webkit-input-placeholder{color:#828282;font-size:14px;}
:-moz-placeholder{color:#828282;font-size:14px;}
::-moz-placeholder{color:#828282;font-size:14px;}
:-ms-input-placeholder{color:#828282;font-size:14px;}
.container{width:1500px;margin:0 auto;position:relative;height:100%;}
.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);
}
.pb_btn{position:relative;z-index:1;}
.pb_btn:before{content:'';position:absolute;left:0;top:0;width:0;height:100%;z-index:-1;}
/*de*/
.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;
}
.de4,.de4:before{
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s 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;
}
.de4,.de4:before{
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s 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;
}
.de8,.de8:before{
    -webkit-transition:all 0.8s ease-in-out;
    -moz-transition:all 0.8s ease-in-out;
    -o-transition:all 0.8s ease-in-out;
    transition:all 0.8s 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;
}
/*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;
}
.justify_content_end{
    -webkit-box-pack:end;
    -webkit-justify-content:flex-end;
    -moz-box-pack:end;
    -ms-flex-pack:end;
    justify-content: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;
}
.flex_align_self{
    -webkit-align-self:baseline;
    -ms-flex-item-align:baseline;
    align-self:baseline;
}

@media only screen and (max-width:1699px) {
    .container{width: 1300px;}
}
@media only screen and (max-width: 1499px) {
    .container{width: 1200px;}
}
@media only screen and (max-width: 1299px) {
    .container{width: 994px;}
}
@media only screen and (max-width: 1023px) {
    .container{width: 740px;}
}
@media only screen and (max-width: 767px) {
    .container{width:calc(100% -  30px);}
}