@charset "utf-8";a,a:hover{color:#fff}#scroller,html *{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none}*{box-sizing:border-box}html{-ms-touch-action:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;outline:0}article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,img,nav,section,video{display:block;clear:both}html *{outline:0}table{border-collapse:collapse;border-spacing:0}a,a:hover,ins{text-decoration:none}fieldset,iframe,img{border:0}textarea{resize:none}ol,ul{list-style:none}form{display:inline}button,input,select{font-family:'Microsoft YaHei',arial,helvetica,sans-serif;font-size:100%;vertical-align:middle;outline:0;-webkit-user-modify:read-write-plaintext-only}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button}input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder{color:transparent}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0!important;*margin-top:-1px;line-height:0}#bg,.arrow,img{width:100%}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html .clearfix{height:1%}#bg,body,html{height:100%}*+html .clearfix{min-height:1%}.left{float:left}.right{float:right}.hide{display:none!important}.show{display:block!important}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.break{word-break:break-all;word-wrap:break-word}

html, body, menu, ul, ol, li, p, div, form, h1, h2, h3, h4, h5, h6, img, a img, input, button, textarea, fieldset{ padding: 0; margin: 0; border: 0;font-family:"\5FAE\8F6F\96C5\9ED1"; }
ul, ol, li { list-style: none }
h1, h2, h3, h4, h5, h6, b, i, em {
: 1em; font-weight: normal; font-style: normal }
body, input, button, textarea, select { -webkit-text-size-adjust: none; outline: 0;color: #fff; }
body { margin: 0 auto; background: #fff; /*min-width:320px; width:320px*/ }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], button, textarea { -webkit-appearance: none }
option { height: 24px }
a { text-decoration: none;color: #1fd3ca;; }
a { blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
.img img, video { vertical-align: middle }
.btn { display: inline-block; vertical-align: middle }
a:hover { color: #fff; text-decoration: none; }
img { border: none }
ol, ul, li { list-style: none; }
i, em { font-style: normal; }
/* 禁止长按链接与图片弹出菜单 */}
html, body {
    -webkit-user-select: none;   /* 禁止选中文本（如无文本选中需求，此为必选项） */
    user-select: none;
}
html{height:100%;}
body{
	overflow:hidden;height:100%;
	font-family:"Microsoft Yahei","SimSun";
	color:#000;
}

@media (max-width: 380px) {
	body{ font-size:14px; }
}

@media (max-width: 325px) {
	body{ font-size:12px; }
}

@media (min-width: 760px) {
	body{ font-size:24px; }
}

a{
	display: block;
	width: 100%;
	height: 100%;
}



.abs{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 1;
}

.page{
	position: relative;
	width: 100%;
	height:100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	overflow: hidden;
}






#page1{ background-image:url(images/page1.jpg); background-size: 100% 100%;}




.bg1{
    width:100%;
    height:50.83%;
    left:0%;
    top:21.425%;
    background-image: url(images/bg1.png);
	background-size: 100% 100%;
	background-position: center top;
}

.bg2{
    width:100%;
    height:41.96%;
    left:0%;
    bottom:0%;
    background-image: url(images/bg2.png);
	background-size: 100% 100%;
	background-position: bottom top;
}


.logo{
    width:31.67%;
    height:5.8%;
    left:34.26%;
    top:5.09%;
    background-image: url(images/logo.png);
}
.topic1{
    width:87.22%;
    height:4.66%;
    left:6.48%;
    top:12.14%;
    background-image: url(images/topic1.png);
}
.topic2{
    width:58.8%;
    height:6.47%;
    left:20.56%;
    top:34.75%;
    background-image: url(images/topic2.png);
}
.topic3{
    width:64.07%;
    height:2.28%;
    left:17.96%;
    top:70.92%;
    background-image: url(images/topic3.png);
}




.part1{
    left:0;
    top: 19.09%;
    width:100%;
	height:10.85%;
	position:absolute;
    text-align: center;
}
#page1 .part1 img{
	border:0.25em solid #fff;
    border-radius:50%;
	display:inline-block;
	vertical-align:top;
	height:100%;
	width:auto;
	max-width:100%;
}




.part2,.part4,.part5,.part6,.part9,.part10,.part13{
	left:0px;
	width:100%;
	text-align:center;
	position:absolute;
}


.part2{
	top:30.27%;
	line-height:1.2em;
	font-size:1.1em;
	color:#333;
}

.part4{
	left:18.6%;
	width:62.4%;
	top:43.98%;
	height:7.2%;
	background: #eee;
	border-radius:0.5em;
	font-size: 1.1em;
	position:absolute;
	color:#a3a3a3;
	border:1px solid #ee3431;
	text-align:center;
	font-weight:bold;
}
input:-moz-placeholder{color:#a3a3a3;}   
input:-ms-input-placeholder{color:#a3a3a3;}   
input::-webkit-input-placeholder{color:#a3a3a3;}
.part5{
    left:24.7%;
    width:49.54%;
    top: 53.17%;
    background: url(images/btn.png) no-repeat;
    background-size: 100% 100%;
    height:5%;
    border: none;
    text-align: center;
    color: #fff;
    font-size: 1.1em;
	position:absolute;
}
.part6{
	top:59.4%;
	line-height:1.2em;
	font-size:0.9em;
	color:#919191;
	font-weight:normal;
}


.part8{
    left:12.4%;
    width:87.6%;
    top:75.2%;
    color:#fff;
    font-size:1em;
	line-height:1.8em;
	position:absolute;
}


.more{
    width:29.81%;
    height:4%;
    left:35.19%;
    top:91.77%;
    background-image: url(images/more.png);
}




.drop{
	width:100%;
	height:100%;
	position:fixed;
	z-index:100;
	display: none;
}
.drop .textbg{
	width:100%;
	height:100%;
	background:#000;filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;
}
.text1{
    width:100%;
    height:71.54%;
    left:0%;
    top:9.35%;
    background-image: url(images/text1.png);
	background-size: 100% 100%;
}
.text2{
	width: 75.74%;
	height: 62.68%;
	position: absolute;
	top: 12.57%;
	left: 11.85%;
	overflow-x: hidden;
	overflow-y: visible;
}
.text2 p{
	color: #000;
	font-size:1.05em;
	line-height: 2em;
}
.text2 span{
	font-size: 0.85em;
	margin-left: 3.55%;
	line-height: 1.7em;
	display: block;
}
.close{
    width:7.32%;
    height:3.71%;
    left:46.34%;
    top:81.49%;
    background-image: url(images/close.png);
	cursor: pointer;
}


.topic4{
    width:51.94%;
    height:4.76%;
    left:23.89%;
    top:31.03%;
    background-image: url(images/topic4.png);
}

.part11{
    width:59.72%;
    height:2.4em;
    left:20.19%;
    top:53.78%;
    background-image: url(images/part11.png);
	background-size: 100% 100%;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 1.1em;
	line-height: 2.4em;
}



.part9{
    top:37.22%;
    color:#ee3431;
    font-size:2.8em;
	position:absolute;
}
.part10{
    top:44.26%;
    color:#ee5d31;
    font-size:2em;
	position:absolute;
}




.topic5{
    width:63.15%;
    height:4.85%;
    left:18.43%;
    top:30.56%;
    background-image: url(images/topic5.png);
}

.part12{
	position: absolute;
	top: 38.07%;
	left: 18.61%;
	font-size:1.05em;
	color:#000;
}
.part13{
    top:42.68%;
    color:#ee3431;
    font-size:1.4em;
	line-height: 1.4em;
	position:absolute;
}
.part13 span{color:#ee5d31;}




@media screen and (orientation: landscape) {  
	body{ width:28vw !important; margin:0 auto; position:relative;}
	.part2,.part5{ font-size:22px;}	
	.part6{ font-size:16px;}	
	.part8,.part4{ font-size:19px;}
	.part9{ font-size:50px;}
	.part10{ font-size:36px;}
    .part11{ font-size:20px;}
	.part12{font-size:18px;}
	.part13{font-size:26px}
}