@charset "utf-8";
/*全局样式
---------------------------------------------*/
html{ overflow-x:hidden; overflow-y:auto; color:#fff; background:#fff;}
body{ min-width:1004px; font:12px/18px "Microsoft Yahei"; color:#333; -webkit-font-smoothing:antialiased; }
a{ color:#fff; text-decoration:none; outline:0 none; cursor:pointer; }
a:hover{ text-decoration:none; }
a:focus{ -moz-outline-style:none; border:0; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
ol,li,ul,dl,dt,dd{ list-style:none; }
fieldset,img{ border:0; }
h1,h2,h3,h4,h5,h6{ font-size:inherit; font-weight:normal; }
table{ border-collapse:collapse; border-spacing:0; }
input::-moz-focus-inner,button::-moz-focus-inner{ border:0;padding:0;outline:0; }
.clear{ clear:both; font-size:0px; height:0px; overflow:hidden; }
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; }
.clearfix { display:block; }

/*页面样式
----------------------------------------------*/
.loading{ background:#fff; width:100%; height:100%; position:fixed; z-index:99999; }
	.loading .box { width:36px; height:46px; position:absolute; left:50%; top:50%; margin:-18px 0 0 -23px; text-align:center; }
	.loading .box em{ display:block; width:36px; height:24px; background:url(../images/logo.png) no-repeat; margin-bottom:5px}

.section{ position:relative; overflow:hidden; }

.summary01{ background:url(../images/page1.png) no-repeat center #3799e0; background-size:auto 100%; }
	.summary01 .imgbox{ position:absolute; left:0; top:10%; width:100%; height:100%; background:url(../images/page1-1.png) no-repeat center; background-size:auto 100%; opacity:0; }
.summary02{ background:url(../images/page2-1.png) no-repeat center #1a1d50; background-size:auto 100%; }
	.summary02 .imgbox{ position:absolute; margin:-8% auto auto -25%; left:50%; top:50%; width:60%; height:16%; }
	.summary02 .imgbox .img-1{ position:absolute; left:0; top:0; width:10em; height:10em; background:url(../images/page2-2.png) no-repeat center; background-size:auto 100%; opacity:0; }
	.summary02 .imgbox .txtbox{ position:absolute; top:10%; left:12em; opacity:0; }
	.summary02 .imgbox .txtbox h2{ padding-bottom:0.6em; color:#fff; font-size:4em; line-height:1em; }
	.summary02 .imgbox .txtbox p{ padding-bottom:0.2em; color:#eee; font-size:2em; line-height:1.5em; }
.summary03{ background:#ffa800; }
	.summary03 .imgbox{ position:absolute; top:-10%; left:0; right:0; height:100%; background:url(../images/page3.png) no-repeat center; background-size:auto 100%; opacity:0; }
	.summary03 .txtbox{ position:absolute; left:0; bottom:10%; display:block; width:100%; text-align:center; opacity:0; }
	.summary03 .txtbox h2{ padding-bottom:0.5em; color:#fff; font-size:3em; line-height:1em; }
	.summary03 .txtbox p{ color:#e5e5e5; font-size:1.8em; line-height:1.5em; }
.summary04{ background:#1a1d50; }
    .summary04 .imgbox{ position:absolute; top:50%; left:0; width:100%; height:100%; background:url(../images/page4.png) no-repeat center; background-size:auto 100%; opacity:0; }
    .summary04 .txtbox{ position:absolute; left:0; top:0; display:block; width:100%; text-align:center; opacity:0; }
	.summary04 .txtbox h2{ padding-bottom:0.5em; color:#fff; font-size:4em; line-height:1em; }
	.summary04 .txtbox p{ color:#e5e5e5; font-size:1.8em; line-height:1.5em; }

.summary05{ background:#d04639; }
	.summary05 .leftbox{ position:absolute; top:0; left:-10%; width:35.4%; height:100%; background:url(../images/page5-1.png) no-repeat; background-size:auto 100%; opacity:0; }
	.summary05 .rightbox{ position:absolute; top:0; right:-10%; width:37.5%; height:100%; background:url(../images/page5-2.png) no-repeat right bottom; background-size:auto 100%; opacity:0; }
	.summary05 .txtbox{ position:absolute; display:block; left:28%; top:30%; }
	.summary05 .txtbox h2{ padding-left:3em; padding-bottom:1em; color:#fff; font-size:4em; line-height:1.2em; text-align:right; }
	.summary05 .txtbox p{ color:#d3d3d2; font-size:1.8em; line-height:1.5em; }
.summary06{ background:#4ed7e9;}
	.summary06 .topbox{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/page6-1.png) no-repeat; background-size:100% auto; }
	.summary06 .rightbox{ position:absolute; top:0; right:-10%; width:100%; height:100%; background:url(../images/page6-2.png) no-repeat right 0; background-size:auto 100%; opacity:0; }
	.summary06 .txtbox{ position:absolute; top:40%; left:0; width:100%; height:100%; margin-top:-2em; padding:0 0 0 8em; opacity:0; }
	.summary06 .txtbox h2{ padding-bottom:.5em; color:#fff; font-size:4em; line-height:1.2em; }
	.summary06 .txtbox p{ color:#f9f9fa; font-size:1.8em; line-height:1.5em; }
.summary07{ background:#19a155; }
	.summary07 .imgbox{ position:absolute; left:10%; top:10%; width:100%; height:100%; background:url(../images/page7.png) no-repeat left bottom; background-size:100% auto; opacity:0; }
	.summary07 .txtbox{ position:absolute; top:5%; left:5%; display:block; }
	.summary07 .txtbox h2{ padding-bottom:.5em; color:#fff; font-size:4em; line-height:1.2em; }
	.summary07 .txtbox p{ color:#e8e8e7; font-size:1.8em; line-height:1.5em; }

.summary08{ background:#8148cd; }
	.summary08 .imgbox{ position:absolute; left:0; bottom:-10%; width:100%; height:100%; background:url(../images/page8.png) no-repeat center; background-size:100% auto; opacity:0; }
	.summary08 .txtbox{ position:absolute; left:0; top:0; display:block; width:100%; text-align:center; opacity:0;  }
	.summary08 .txtbox h2{ padding-bottom:.2em; color:#fff; font-size:3em; line-height:1.2em; }
	.summary08 .txtbox p{ color:#cecfcd; font-size:1.8em; line-height:1em; letter-spacing:.06em; }
	.summary08 .btn-link{ position:absolute; left:50%; bottom:0; display:block; margin-left:-3em; width:6em; height:1.8em; line-height:1.8em; color:#5820a3; font-size:1.2em; text-align:center; border:1px solid #5820a3; border-radius:3px; opacity:0; }
	.summary08 .btn-link:hover{ color:#fff; border:1px solid #fff; }