/*****************全局*************************/
*{margin:0;padding:0;list-style-type:none;}
body { background: #f8f8f8; min-height: 100vh; color:#7C7C7C; overflow-x: hidden; overflow-y: auto;-webkit-overflow-scrolling: touch; font: 14px/1.5 "思源黑体 CN", "Source Han Sans CN", "noto sans", "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1", Arial, tahoma, Helvetica, sans-serif}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow-x: hidden;}
body,div,ul,li,dd,dt,dl,h3,p{padding: 0px; margin: 0px;outline:none;}
a,a:hover {text-decoration: none;}
a,img{border:0;}
a {color: #222;}
img {padding: 0px; margin: 0px; border:0; max-width:100%;vertical-align:bottom; position: relative;}
img::after {content: "";height: 100%;width: 100%;position: absolute; left: 0; top: 0; background:#f9f9f9;}
p {text-justify: inter-ideograph; padding:0; margin: 0; }

::-webkit-scrollbar { width:10px;} 
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #6F6F6F; } 
::-webkit-scrollbar-thumb {  background:#6F6F6F; -webkit-box-shadow: inset 0 0 6px #6F6F6F; } 
::-webkit-scrollbar-thumb:window-inactive {  background:#6F6F6F;}


body{ position: relative; }

.info{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; margin: 0 auto; text-align: center; }
.info img{ max-width: 96%; }
.info .link{ width: 100%; margin-top: 4rem;}
.info .link a{ display: inline-block; width: 12.75rem; height: 3.5rem; line-height: 3.5rem; font-size: 1.25rem; letter-spacing: 0.3125rem; background: #00B09F; color: #fff; margin: 0 1.25rem; border-radius: 1.75rem;}
.info .link a:nth-child(2){ background: #88A2D2 }
.info .link p{ font-size:1.25rem; line-height: 1.5rem; color: #5e5e5e; margin-top: 2.25rem;}


@media(max-width:1680px) {

    .info img{ max-width: 60%; }
    .info .link{ margin-top: 3.5rem; }
    .info .link p{ margin-top: 2.125rem; }

}

@media(max-width:1440px) {

    .info img{ max-width: 55%; }
    .info .link{ margin-top: 3.25rem; }
    .info .link p{ margin-top: 2rem; }

}

@media(max-width:1366px) {

    .info .link{ margin-top: 3rem; }
    .info .link a{width: 10rem; height: 3rem; line-height: 3rem; font-size: 1.125rem; margin: 0 1.25rem; border-radius: 1.5rem;}
    .info .link p{ margin-top: 1.875rem; font-size: 1.125rem; line-height: 1.25rem; }
}

@media(max-width:1280px) {


}

@media(max-width:1024px) {

    .info img{ max-width: 60%; }
    .info .link{ margin-top: 2.6125rem; }
    .info .link a{width: 8rem; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; letter-spacing: 0.125rem; margin: 0 1rem; border-radius: 1.25rem;}
    .info .link p{ margin-top: 1.6125rem; font-size: 1rem; line-height: 1rem; }
   
}

@media(max-width:768px) {

    .info img{ max-width: 96%; }
    .info .link{ margin-top: 1.875rem; }
    .info .link a{width: 6rem; height: 2rem; line-height: 2rem; font-size: 0.875rem; letter-spacing: 0.1rem; margin: 0 0.6125rem; border-radius: 1rem;}
    .info .link p{ margin-top: 1rem; font-size:0.875rem; line-height: 1rem; }

}