@charset "utf-8";

html,body { margin:0; padding:0; width:100%; min-width:368px;scroll-behavior: smooth;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dd,dt,s,del,i,em,label{margin:0;font-size:0.18rem;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;}
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle;font-size:0.18rem; outline:none;font-family:/*'Noto Sans SC', */Microsoft YaHei, "΢ÈíÑźÚ",'Microsoft Jhenghei', '΢ܛÕýºÚów';font-weight: 400; }

a {color:#333;text-decoration:none;}
a:hover{ text-decoration:none; color:#005bac}
*:focus {outline:none !important;text-decoration:none !important}

html{-webkit-text-size-adjust: none; }
body{background:#fff;color:#333;font-size:0.18rem; font-family:/*'Noto Sans SC', */Microsoft YaHei, "΢ÈíÑźÚ",'Microsoft Jhenghei', '΢ܛÕýºÚów';font-weight: 400;  }

.wow{visibility:hidden}



.col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5 {position:relative;min-height:1px;padding-right:10px;padding-left:10px;}
.col-xs-1-5 {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
@media (min-width:768px) {
	.col-sm-1-5 {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
}
@media (min-width:992px) {
	.col-md-1-5 {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
}
@media (min-width:1200px) {
	.col-lg-1-5 {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
}

@media (max-width: 767px) {
	.container {padding-right:20px;padding-left: 20px;}
	.page-box .container{padding:0}
	.row {margin-right: -5px; margin-left: -5px;}
	.col-xl-6,.col-md-8,.col-md-4,.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9,.col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5,.col-6,.col-sm-6{ padding-left:5px; padding-right:5px}
}
 


html{font-size: 100px;}
@media (max-width: 1366px){html{font-size: 94px;}}
@media (max-width: 1199px){html{font-size: 88px;}}
@media (max-width: 991px){html{font-size: 76px;}}
@media (max-width: 399px){html{font-size: 72px;}}



h2, .h2 {font-size: 0.36rem;}
h3, .h3 {font-size: 0.26rem;}



@-webkit-keyframes spinAround {from {-webkit-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);}}
@-moz-keyframes spinAround {from {-moz-transform: rotate(0deg)}to {	-moz-transform: rotate(360deg);}}
@keyframes spinAround {from {transform: rotate(0deg)}to {transform: rotate(360deg);}}

:-moz-placeholder {color: #c4cbd1;}
::-moz-placeholder {color: #c4cbd1;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #c4cbd1;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #c4cbd1;}



.mt30{ margin-top:0.3rem}
.mt1{ margin-top:1px}
.mb30{ margin-bottom:30px}
.mb20{ margin-bottom:0.2rem}
.w100{ width:100% !important}
.w50{ width:50% !important}


.col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5 { min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative;}
.col-xs-1-5 { width: 20%; float: left;}
@media (min-width: 768px) {
  .col-sm-1-5 { width: 20%; float: left; }
}
@media (min-width: 992px) {
  .col-md-1-5 {width: 20%; float: left;}
}
@media (min-width: 1200px) {
  .col-lg-1-5 { width: 20%; float: left;}
}

@media (max-width: 767px) {
	select,input,img,select,button,textarea{ font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif}
	body{ font-size:0.18rem; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif}
	.mt30{ margin-top:5px}
	.mt1{ margin-top:5px}
	.mb30{ margin-bottom:14px}
	.w50{ width:100% !important}
	.container {padding-right:20px;padding-left:20px;}
	.phone-hide{ display:none}
	.row {margin-right: -5px; margin-left: -5px;}
	.m-w100{ width:100% !important; padding:0 !important;}
	.col-3, .col-6, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9,.col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5{ padding-left:5px; padding-right:5px}
}


.weui-cell{width:100%; height:100%; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell_primary{min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.weui-cell__bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__ft{text-align: right; color: #999999;}
.weui-flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}


.main{position:fixed;left:0;top:0;width:100%;height:100%;background:url(/images/bg.jpg) no-repeat center bottom;background-size:cover; padding-top:8%}
.main #particles-js{position:absolute;left:0;top:0;width:100%;height:100%; z-index:1}
.main .con{width:90%;max-width:8rem;margin:0 auto;position:relative;z-index:2}
.main .tips{background:#fff;line-height:1.4;padding:0.2rem 0.7rem;font-size:0.22rem;text-align:center; border-radius:1rem;box-shadow: 0px 10px 30px 0 rgba(120, 170, 220, 0.3);position:relative}
.main .tips:before{content: ""; display: block;  position: absolute;  height: 0.12rem;  width: 0.12rem;border-radius:0.06rem;background:#d9e1ee;left:7%;top:50%;margin-top:-0.04rem;}
.main .tips:after{content: ""; display: block;  position: absolute;  height: 0.12rem;  width: 0.12rem;border-radius:0.06rem;background:#d9e1ee;right:7%;top:50%;margin-top:-0.04rem;}
.main .box{margin-top:0.3rem;background-color:#fff;padding:0.4rem;border-radius:0.35rem;box-shadow: 0px 10px 30px 0 rgba(120, 170, 220, 0.3);position:relative}
.main .box:before{content: ""; display: block;  position: absolute;  height: 0.9rem;  width: 0.03rem;border-radius:0.03rem;background:#fff;left:7.6%;top:-0.65rem;box-shadow: 0px 1px 2px 0 rgba(120, 170, 220, 0.3);}
.main .box:after{content: ""; display: block;  position: absolute;  height: 0.9rem;  width: 0.03rem;border-radius:0.03rem;background:#fff;right:7.6%;top:-0.65rem;box-shadow: 0px 1px 2px 0 rgba(120, 170, 220, 0.3);}
.main .footer{margin-top:0.4rem;text-align:center;font-size:0.16rem;color:rgba(0,0,0,0.6)}
.main .footer span{margin-left:0.1rem;}
@media (max-width: 767px) {
	.main{padding-top:25%}
	.main .footer span{display:block;margin-left:0}
	.main .box{padding:0.2rem}
	.main .box:before{top:-0.77rem;left:8%;}
	.main .box:after{top:-0.77rem;right:8%;}
}