@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,caption,th,td,form,fieldset,legend,input,button,textarea,menu{ margin:0; padding:0; }
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{ display:block; }
/*table{border-collapse:collapse;border-spacing:0;padding:0; }
caption,th{text-align:left;font-weight:normal; }*/
html,body,fieldset,img,iframe,abbr{ border:0; }
i,cite,em,var,address,dfn{ font-style:normal; }
[hidefocus],summary{ outline:0; }
li{ list-style:none; }
h1,h2,h3,h4,h5,h6,small{ font-size:100%; }
sup,sub{ font-size:83%; }
pre,code,kbd,samp{ font-family:inherit; }
q:before,q:after{ content:none; }
select{ outline:none; -moz-appearance:none; -webkit-appearance:none; appearance:none; }
input,textarea{ overflow:auto; resize:none; font-family:"Microsoft YaHei",Arial; }
label,summary{ cursor:default; }
a,button{ cursor:pointer; }
h1,h2,h3,h4,h5,h6,em,strong,b{ font-weight:bold; }
del,ins,u,s,a,a:hover{ text-decoration:none; }
td{ border:1px solid #333333; }
/* CSS Document */

body{ padding:0px; margin:0px; font-family:"Microsoft YaHei",Arial; }
html,body{ font-size: clamp(16px, 0.8333333333vw, 0.8333333333vw); }

.a-fdB{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;}
.a-fdB{-webkit-animation-name:fdB;-moz-animation-name:fdB;-ms-animation-name:fdB;animation-name:fdB; }

@-webkit-keyframes fdB{
    0%{opacity:0;-webkit-transform:translateY(3rem);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fdB{
    0%{opacity:0;-moz-transform:translateY(3rem);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fdB{
    0%{opacity:0;-ms-transform:translateY(3rem);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fdB{
    0%{opacity:0;transform:translateY(3rem);}
    100%{opacity:1;transform:translateY(0);}
}

.margin{ margin:0px auto; }
.hidden{ overflow:hidden; }
.width1680{ width:87.5%; }
@media only screen and (max-width:1920px){
    .width1680{ width:90%; max-width:1680px; }
}
.bg_q{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; background-repeat:no-repeat; background-position:center; background-size:cover; }
.i_xx{ width:100%; position:relative; height:100vh; }
.i_xx i.bg{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background-color:rgba(0, 0, 0, 0.2); }
.i_xx .width1680{ position:relative; z-index:5; height:100vh; display:flex; align-items:center; }
.i_xx .width1680 .bg{ width:100%; text-align:center; }
.i_xx .width1680 .bg div{ width:100%; }
.i_xx .width1680 .bg div.t{ color:#ffffff; line-height:2; }
.i_xx .width1680 .bg div.t p{ font-size:1.25rem; }
.i_xx .width1680 .bg div.t p b{ font-size:2rem; }
.i_xx .width1680 .bg div.c{ color:#ffffff; line-height: 1.75; display:none; }
.i_xx .width1680 .bg div.c dd b{ font-size: 1.5rem; }
.i_xx .width1680 .bg div.c dl b{ font-size:1rem; }
.i_xx .width1680 .bg div.c dd{ font-size: 1.25rem; }
.i_xx .width1680 .bg div.c dl{ font-size:0.875rem; }

.i_xx .width1680 .bg div.f{ margin-top:2rem; text-align:center; display: flex; flex-wrap: wrap; justify-content: center; font-size:1.125rem; line-height:2.35; }
.i_xx .width1680 .bg div.f a{ color:#ffffff; border:1px solid #ffffff; padding:0px 3rem; border-radius:3rem; margin:0px 0.75rem; transition: all 0.5s ease; }
.i_xx .width1680 .bg div.f a:hover{ border:1px solid #f39800; background-color:#f39800; transition: all 0.5s ease; }

@media only screen and (max-width:800px){
    .i_xx .width1680 .bg div.t{ display:none; }
    .i_xx .width1680 .bg div.c{ display:block; }
    .i_xx .width1680 .bg div.f{ font-size:0.875rem; display:block; }
    .i_xx .width1680 .bg div.f a{ width: 80%; margin: 1rem auto; padding: 0px; display:block; }
}