html{-webkit-text-size-adjust:none; overflow: hidden; font-size:100px; }
*,body{ margin:0; padding:0; font-family: Microsoft Yahei, PingFang SC, Verdana, Hiragino Sans GB, Microsoft Sans Serif, sans-serif; }
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body{ background:#fff3e6; color:#464646; line-height:1.8; font-size:0.14rem;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
th,td{border-collapse:collapse;}
img,a img,a:hover img{ border:0; }
ol,ul,dl,li,dt,dd{list-style:none;}
input,button,textarea,select,optgroup,option{ font-family: Microsoft Yahei, PingFang SC, Verdana, Hiragino Sans GB, Microsoft Sans Serif, sans-serif;}
:focus{outline:0;}
a{color:#464646;text-decoration:none; cursor: pointer; }
a:hover{color:#F08519;text-decoration:none;}
a,a:hover,.btn,.more{ transition:all 300ms ease; -webkit-appearance:none ; }
input,select,button{ -webkit-appearance: none; }
hr{border:none;height:1px;}
::-webkit-input-placeholder { color: #a7a7a8; }
.clear{height:0;font-size:0px;overflow:hidden;clear:both;float:none;}


.index_main { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100;}
.index_main .logo { position: absolute; left: 2rem; top: 18%; text-align: center; font-size: 0.7rem; line-height: 1.16rem; color: #808080;}
.index_main .logo img { display: block; width: 2.63rem;}
.index_main .check { position: absolute; left: 1.86rem; top: 70%;}
.index_main .check .t { font-size: 0.3rem; line-height: 1.06rem; color: #808080; text-align: center; text-indent: 0.3em;}
.index_main .check .m ul li{ float: left; margin: 0 0.14rem;}
.index_main .check .m ul li a { display: block; width: 1.24rem; height: 0.46rem; line-height: 0.46rem; font-size: 0.22rem; background: #fff; border-radius: 0.23rem; color: #fec281; text-indent: 0.22rem; position: relative;}
.index_main .check .m ul li a:after { display: block; content: ''; position: absolute; right: 0.15rem; top: 50%; width: 0.3rem; height: 0.3rem; margin-top: -0.15rem; background: url(../img/home/no.png) center center no-repeat; background-size: 0.3rem auto;}

.index_main .check .m ul li a.on { background: #fd8202; color: #fff; }
.index_main .check .m ul li a.on:after { background: url(../img/home/yes.png) center center no-repeat; background-size: 0.3rem auto;}
.index_main .check .m ul li a:hover { transform:translateY(-0.05rem); }

.index_main .img { position: absolute; right: 1.5rem; top: 10%; bottom: 10%; }
.index_main .img img { display: block; height: 100%; }


.index_main .enter { position: absolute; right: 8%; bottom: 10%; width: 1.82rem; height: 1.82rem; border-radius: 50%; background: #fff; line-height: 1.2rem; text-align: center; font-size: 0.3rem; color: #808080; cursor: pointer;}
.index_main .enter img { position: absolute; top: 0.95rem; left: 0.56rem; width: 0.7rem; opacity: 0.8; animation: enter 1s infinite ease-in-out; transform-origin: center top; }

@keyframes enter {
	0% {opacity: 0.8;transform: scale(1);}
	50% {opacity: 1;transform: scale(1.2);}
	100% {opacity: 0.8;transform: scale(1);}
}

.index_main .enter:hover { box-shadow: 0 0 0.1rem rgba(0,0,0,0.1); color:#F08519;}


.wel_main { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/home/wel.svg) center center no-repeat #fff; background-size: cover; z-index: 300;}

.wel_main .info { position: absolute; left: 50%; top: 50%; width: 10rem; margin-left: -5rem; margin-top: -1rem; text-align: center; font-size: 0.7rem; line-height: 1rem; color: #808080; }


@media (max-width:900px){

.index_main .logo { left: 0.2rem; right: 0.2rem; top: 5%; font-size: 0.3rem; line-height: 0.6rem; text-align: center;}
.index_main .logo img { width: 1.2rem; margin: 0 auto;}
.index_main .check { position: absolute; left: 0.2rem; bottom: 0.6rem; top: auto;}
.index_main .check .t { font-size: 0.16rem; line-height: 0.6rem; text-indent: 0.3em;}
.index_main .check .m ul li{ margin: 0 0.05rem;}
.index_main .check .m ul li a { width: 0.8rem; height: 0.3rem; line-height: 0.3rem; font-size: 0.14rem; border-radius: 0.15rem; text-indent: 0.14rem; }
.index_main .check .m ul li a:after { right: 0.1rem; width: 0.2rem; height: 0.2rem; margin-top: -0.1rem; background-size: 0.2rem auto;}

.index_main .check .m ul li a.on:after { background-size: 0.2rem auto;}

.index_main .img { left: 0; right: 0; top: 50%; bottom: auto; }
.index_main .img img { height: auto; width: 100%; margin: 0 auto; transform:translateY(-50%); }


.index_main .enter { right: 0.2rem; bottom: 0.5rem; width: 1rem; height: 1rem; line-height: 0.6rem; font-size: 0.16rem; }
.index_main .enter img { top: 0.5rem; left: 0.3rem; width: 0.4rem; }

.index_main .enter:hover { box-shadow: 0 0 0.06rem rgba(0,0,0,0.1); color:#F08519;}


.wel_main .info { left: 20%; right: 20%; top: 50%; width: auto; margin-left: 0; margin-top: -0.4rem; font-size: 0.2rem; line-height: 0.4rem; }

}