@charset "utf-8";
/* CSS Document */

html{ scroll-behavior:smooth;}
*{ margin:0; padding:0; max-height:999999999999px; color:inherit; font-size:inherit; font-family:inherit; font-style:normal; -webkit-tap-highlight-color:rgba(0,0,0,0);}
*:focus{ outline:none;}
*::placeholder{ color:#ccc;}

body{ zoom:1; background:#ffffff; font-family:"微软雅黑"; font-size:12px;}
img{ border:0 none; vertical-align:middle;}
ul, ol, li{ list-style:none;}
input, select, button, textarea{ cursor:pointer;}
a{ text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur());}
a:link{ text-decoration:none; cursor:pointer;}
a:hover, a:active{ text-decoration:none;}

button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
input[type="button"],
input[type="submit"],
input[type="reset"]{ -webkit-appearance:none;}
textarea{ -webkit-appearance:none;}

.wrap{ display:flex; flex-direction:column; align-items:center; justify-content:center; height:100vh; font-size:16px; font-size:15px; text-align:center; background:url(../images/bg.jpg) center bottom no-repeat; background-size:cover; overflow:hidden;}
.wrap h1{ display:block; width:100%; color:#0f7bfb; font-size:1.5em; font-weight:normal; background:url(../images/title.png) center no-repeat; background-size:auto 100%; padding:2.58em 0 0;}
.wrap h1 b{ display:block; line-height:1; font-size:1.92em;}
.wrap h1 i{ display:block; width:27em; height:0.34em; background:linear-gradient(to right, rgba(46,136,247,1), rgba(46,136,247,0)); opacity:0.27; margin:1em auto 0;}
.wrap h1 span{ display:block; max-width:22em; line-height:1.58; text-align:left; margin:0 auto; padding:0.5em 0 2.16em;}
.wrap a.tel{ display:inline-block; vertical-align:top; line-height:1.7; color:#fff; font-size:2.5em; font-weight:bold; background:#63a2ed; padding:0 1.3em; border-radius:0.85em; box-shadow:0 0 5px rgba(255,255,255,0.75); margin:0.9em 0 0.6em;}
.wrap h2{ display:block; line-height:2.85; color:#0f7bfb; font-size:2.5em;}
.wrap .code{}
.wrap .code p{ display:inline-block; vertical-align:top; margin:0 1em;}
.wrap .code p img{ display:block; width:28em; border-radius:0.75em; margin:0 auto; box-shadow:0 0 12px 1px rgba(145,201,243,0.75);}
.wrap .code p span{ display:block; line-height:3; color:#0f7bfb; font-size:1.5em;}

@media only screen and (max-width:1440px){

.wrap{ font-size:12px;}

}

@media only screen and (max-width:768px){

.wrap h1{ font-size:13px; background-size:100% 100%; width:90%; margin:0 auto;}
.wrap h1 b{ font-size:22px;}
.wrap h1 i{ width:90%;}
.wrap h1 span{ max-width:80%;}
.wrap a.tel{ font-size:18px;}
.wrap h2{ font-size:20px;}
.wrap .code{ font-size:14px;}
.wrap .code p{ padding:0.25em 0 0.75em;}
.wrap .code p img{ width:80%;}
.wrap .code p span{ line-height:1; font-size:inherit; padding:1em 0 0;}

}





















/**/