@charset "utf-8";

/* 定义全局 */
html,body{ width:100%; height:100%; overflow:hidden;}
html{ overflow-x:hidden;}
body{ background:#fff; margin:0; padding:0; font:normal 12px/22px 微软雅黑, Arial, Helvetica, sans-serif; color:#424242; behavior:url("csshover3.htc"); -webkit-text-size-adjust:none;}
form,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0; text-align:left; font-weight:normal; font-size:12px;}
input{margin:0; outline:none;}
img{ border:0; margin:0; padding:0; display:block;}
div{ margin:0; padding:0; text-align:left; line-height:22px;}
p{ border:0; margin-top:0;}
ol,ul,li{ margin:0; padding:0; list-style:none;}
a{ font-size:12px; color:#424242; text-decoration:none;}
a:hover{ font-size:12px; color:#E56B06; text-decoration:underline;}
.clearfix:after{ clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:".";}

/*自定义*/
/*头部*/
header{ background:#1681b9; width:100%; height:90px; border:0; position:fixed; top:0; z-index:999; opacity:.95;}
header .headin{ width:960px; height:90px; border:0; margin:0 auto;}
header .headin img{ width:192px; height:71px; border:0; margin-top:10px; float:left;}
header .headin ul{ width:727px; height:30px; border:0; padding:5px; margin-top:25px; float:right;}
header .headin li{ width:90px; height:30px; border:0; float:left;}
header .headin li.li-line{ background:url(../img_swpt/dh_03.jpg) no-repeat center center; width:1px;}
header .headin li a{ width:90px; height:30px; border:0; display:block; text-align:center; line-height:30px; color:#fff; font-size:15px;}
/*主体*/
.section-wrap{ width:100%; height:100%; overflow:visible; transition:transform 1s cubic-bezier(0.86,0,0.03,1); -webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
.section-wrap .section{ position:relative; width:100%; height:100%;}
.section-wrap .section .title{ width:100%; height:100%; position:absolute; bottom:0; left:0; overflow:hidden;}
.section-wrap .section-1{ background:url(../img_swpt/s1_01.jpg) repeat;}
.section-wrap .section-2{ background:url(../img_swpt/s2_01.jpg) no-repeat 50% 50%; background-size:cover;}
.section-wrap .section-3{ background:url(../img_swpt/s3_01.jpg) no-repeat 50% 50%; background-size:cover;}
.section-wrap .section-4{ background:url(../img_swpt/s4_01.jpg) no-repeat 50% 50%; background-size:cover;}
.section-wrap .section-5{ background:#17AAFF;}
.section-wrap .section-6{ background:#FFC514;}
/*第一页*/
.section-1 .s1out{ width:1000px; height:100%; border:0; margin:0 auto; position:relative;}
.section-1 .s1out div{ position:absolute;}
.section-1 .s1in-1{ top:135px; left:307px; background:url(../img_swpt/s1_02.png) no-repeat; width:385px; height:55px; border:0;}
.section-1 .s1in-2{ top:200px; left:110px; background:url(../img_swpt/s1_03.png) no-repeat; width:780px; height:126px; border:0;}
.section-1 .s1in-3{ top:321px; left:0; width:1000px; height:auto; border:0;}
.section-1 ul{ width:1000px; height:245px; border:0; margin:0 auto;}
.section-1 li{ width:220px; height:245px; border:0; margin-right:40px; float:left; position:relative;}
.section-1 li:last-child{ margin:0;}
.section-1 li a{ width:214px; height:214px; border:3px solid #1a8003; border-radius:200px; display:block; text-align:center; line-height:330px; overflow:hidden; color:#1a8003; font-size:24px; text-decoration:none;}
.section-1 li:first-child a{ background:#fff url(../img_swpt/s1_05.png) no-repeat 50% 45px;}
.section-1 li:nth-child(2) a{ background:#fff url(../img_swpt/s1_06.png) no-repeat 50% 30px;}
.section-1 li:nth-child(3) a{ background:#fff url(../img_swpt/s1_07.png) no-repeat 50% 30px;}
.section-1 li:last-child a{ background:#fff url(../img_swpt/s1_08.png) no-repeat 50% 30px;}
.section-1 li:first-child a:hover{ background:#fff url(../img_swpt/s1_09.png) no-repeat 50% 45px; color:#035ac6;}
.section-1 li:nth-child(2) a:hover{ background:#fff url(../img_swpt/s1_10.png) no-repeat 50% 30px; color:#dd071b;}
.section-1 li:nth-child(3) a:hover{ background:#fff url(../img_swpt/s1_11.png) no-repeat 50% 30px; color:#e26700;}
.section-1 li:last-child a:hover{ background:#fff url(../img_swpt/s1_12.png) no-repeat 50% 30px; color:#e40c8f;}
.section-1 li span{ position:absolute; bottom:-1px; left:97px; background:url(../img_swpt/s1_04.png) no-repeat; width:25px; height:14px; border:0;}
.section-1 dl{ background:#177900; width:958px; height:auto; border:1px solid #419D2C; border-radius:10px; padding:20px; margin:0 auto; clear:both;}
.section-1 dt{ width:auto; height:35px; border:0; color:#fff; font-size:22px;}
.section-1 dd{ width:auto; height:auto; border:0; color:#fff; font-family:宋体; font-size:14px;}
/*第二页*/
.section-2 ul{ width:882px; height:auto; border:0; padding-top:120px; margin:0 auto;}
.section-2 li{ width:429px; height:247px; border:0; border-radius:10px; margin:6px; float:left; position:relative; cursor:pointer;}
.section-2 li:first-child{ background:#E50B12 url(../img_swpt/s2_02.png) no-repeat 50% 30px;}
.section-2 li:nth-child(2){ background:#007F1B url(../img_swpt/s2_03.png) no-repeat 50% 30px;}
.section-2 li:nth-child(3){ background:#0955BC url(../img_swpt/s2_04.png) no-repeat 50% 30px;}
.section-2 li:last-child{ background:#FF3C00 url(../img_swpt/s2_05.png) no-repeat 50% 30px;}
.section-2 li h1{ width:429px; height:auto; border:0; padding-top:190px; text-align:center; color:#fff; font-size:24px; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.section-2 li dl{ background:#000; opacity:.95; width:389px; height:197px; border:0; border-radius:10px; padding:25px 20px; position:absolute; top:0; left:0; opacity:0; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.section-2 li dt{ width:389px; height:50px; border:0; line-height:30px; color:#fff; font-size:24px;}
.section-2 li em{ width:50px; height:40px; border:0; display:inline-block; vertical-align:middle;}
.section-2 li:first-child em{ background:url(../img_swpt/s2_02.png) no-repeat; background-size:50px 40px;}
.section-2 li:nth-child(2) em{ background:url(../img_swpt/s2_03.png) no-repeat; background-size:50px 40px;}
.section-2 li:nth-child(3) em{ background:url(../img_swpt/s2_04.png) no-repeat; background-size:50px 40px;}
.section-2 li:last-child em{ background:url(../img_swpt/s2_05.png) no-repeat; background-size:50px 40px;}
.section-2 li dd{ width:389px; height:auto; border:0; padding-top:20px; color:#ddf1ff; font-family:宋体;}
.section-2 li:hover h1{ display:none;}
.section-2 li:hover dl{ opacity:.95;}
/*第三页*/
.section-3 .s3out{ width:1000px; height:100%; border:0; margin:0 auto; position:relative;}
.section-3 .s3out div{ position:absolute;}
.section-3 .s3in-1{ bottom:430px; left:-130px; background:url(../img_swpt/s3_02.png) no-repeat; width:533px; height:287px; border:0;}
.section-3 .s3in-2{ bottom:145px; left:-120px; background:url(../img_swpt/s3_03.png) no-repeat; width:420px; height:280px; border:0;}
.section-3 .s3in-3{ bottom:60px; left:-123px; background:url(../img_swpt/s3_04.png) no-repeat; width:434px; height:81px; border:0;}
.section-3 em{ position:absolute; bottom:20px; left:-205px; width:auto; height:auto; border:0; color:#484848; font-size:17px;}
.section-3 .s3in-4{ bottom:220px; right:-45px; background:url(../img_swpt/s3_05.png) no-repeat; width:530px; height:400px; border:0;}
.section-3 .s3in-4in{ width:530px; height:400px; border:0; position:relative;}
.section-3 .s3in-login{ top:250px; right:235px; background:url(../img_swpt/s3_11.png) no-repeat; width:63px; height:22px; border:0;}
.section-3 .s3in-hand{ top:255px; right:183px; background:url(../img_swpt/s3_10.png) no-repeat; width:24px; height:27px; border:0;}
.section-3 .type{ bottom:330px; right:0; background:url(../img_swpt/s3_06.png) no-repeat; width:350px; height:235px; border:0; opacity:0}
.section-3 ul{ width:350px; height:235px; border:0; position:relative;}
.section-3 li{ background:#fff; width:75px; height:75px; border:3px solid #6BD6F9; border-radius:100px; position:absolute; text-align:center; line-height:75px; color:#0399ca; font-size:16px; font-weight:bold; opacity:0;}
.section-3 li:first-child{ top:-10px; left:30px;}
.section-3 li:nth-child(2){ top:-10px; left:135px;}
.section-3 li:nth-child(3){ top:25px; left:235px; line-height:20px; padding-top:18px; height:57px;}
.section-3 li:last-child{ top:110px; left:295px;}
.section-3 .s3in-5{ bottom:340px; right:65px; background:url(../img_swpt/s3_07.png) no-repeat; width:216px; height:135px; border:0; opacity:0;}
.section-3 .s3in-6{ bottom:112px; right:-60px; background:url(../img_swpt/s3_08.png) no-repeat; width:585px; height:105px; border:0;}
.section-3 .s3in-7{ bottom:0; right:-110px; background:url(../img_swpt/s3_09.png) no-repeat; width:730px; height:112px; border:0;}
/*动画效果*/
.section-3 .active .s3in-1{
	-webkit-transform:translateX(110px);
	-moz-transform:translateX(110px);
	-o-transform:translateX(110px);
	transform:translateX(110px);
	-webkit-transition:all 2s;
	-moz-transition:all 2s;
	-o-transition:all 2s;
	transition:all 2s;
}
.section-3 .active .s3in-2{
	-webkit-transform:translateX(110px);
	-moz-transform:translateX(110px);
	-o-transform:translateX(110px);
	transform:translateX(110px);
	-webkit-transition:all 3s;
	-moz-transition:all 3s;
	-o-transition:all 3s;
	transition:all 3s;
}
.section-3 .active .s3in-3{
	-webkit-transform:translateX(110px);
	-moz-transform:translateX(110px);
	-o-transform:translateX(110px);
	transform:translateX(110px);
	-webkit-transition:all 2s;
	-moz-transition:all 2s;
	-o-transition:all 2s;
	transition:all 2s;
}
.section-3 .active em{
	-webkit-transform:translateX(110px);
	-moz-transform:translateX(110px);
	-o-transform:translateX(110px);
	transform:translateX(110px);
	-webkit-transition:all 2s;
	-moz-transition:all 2s;
	-o-transition:all 2s;
	transition:all 2s;
}
.section-3 .active .s3in-hand{
	-webkit-transform:translate(-38px,0);
	-moz-transform:translate(-38px,0);
	-o-transform:translate(-38px,0);
	transform:translate(-38px,0);
	-webkit-transition:all 2s;
	-moz-transition:all 2s;
	-o-transition:all 2s;
	transition:all 2s;
	-webkit-transition-delay:2s;
	-moz-transition-delay:2s;
	-o-transition-delay:2s;
	transition-delay:2s;
}
.section-3 .active .s3in-login{
	-webkit-animation-name:login;
	-moz-animation-name:login;
	-o-animation-name:login;
	animation-name:login;
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-o-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-delay:4.5s;
	-moz-animation-delay:4.5s;
	-o-animation-delay:4.5s;
	animation-delay:4.5s;
	-webkit-animation-iteration-count:0.5;
	-moz-animation-iteration-count:0.5;
	-o-animation-iteration-count:0.5;
	animation-iteration-count:0.5;
}
@-webkit-keyframes login
{
	0%{ top:251px; right:234px;}
	50%{ top:250px; right:235px;}
	100%{ top:251px; right:234px;}
}
@-moz-keyframes login
{
	0%{ top:251px; right:234px;}
	50%{ top:250px; right:235px;}
	100%{ top:251px; right:234px;}
}
@-o-keyframes login
{
	0%{ top:251px; right:234px;}
	50%{ top:250px; right:235px;}
	100%{ top:251px; right:234px;}
}
@keyframes login
{
	0%{ top:251px; right:234px;}
	50%{ top:250px; right:235px;}
	100%{ top:251px; right:234px;}
}
.section-3 .active .s3in-5{
	-webkit-transform:translateY(-150px);
	-moz-transform:translateY(-150px);
	-o-transform:translateY(-150px);
	transform:translateY(-150px);
	-webkit-transition:all 3s;
	-moz-transition:all 3s;
	-o-transition:all 3s;
	transition:all 3s;
	-webkit-transition-delay:5s;
	-moz-transition-delay:5s;
	-o-transition-delay:5s;
	transition-delay:5s;
	opacity:1;
}
.section-3 .active .type{
	-webkit-transform:translateY(-150px);
	-moz-transform:translateY(-150px);
	-o-transform:translateY(-150px);
	transform:translateY(-150px);
	-webkit-transition:all 3s;
	-moz-transition:all 3s;
	-o-transition:all 3s;
	transition:all 3s;
	-webkit-transition-delay:5s;
	-moz-transition-delay:5s;
	-o-transition-delay:5s;
	transition-delay:5s;
	opacity:1;
}
.section-3 .active li{
	-webkit-transform:rotate(360deg) scale(1,1);
	-moz-transform:rotate(360deg) scale(1,1);
	-o-transform:rotate(360deg) scale(1,1);
	transform:rotate(360deg) scale(1,1);
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
	-webkit-transition-delay:7s;
	-moz-transition-delay:7s;
	-o-transition-delay:7s;
	transition-delay:7s;
	opacity:1;
}
.section-3 .active li:nth-child(2){ -webkit-transition-delay:8s; -moz-transition-delay:8s; -o-transition-delay:8s; transition-delay:8s;}
.section-3 .active li:nth-child(3){ -webkit-transition-delay:9s; -moz-transition-delay:9s; -o-transition-delay:9s; transition-delay:9s;}
.section-3 .active li:last-child{ -webkit-transition-delay:10s; -moz-transition-delay:10s; -o-transition-delay:10s; transition-delay:10s;}
.section-3 .active .s3in-6{ -webkit-transform:translateX(-100px); -webkit-transition:all 3s;}
.section-3 .active .s3in-7{ -webkit-animation-name:show; -webkit-animation-duration:6s;}
@-webkit-keyframes show
{
	0%{ opacity:.3;}
	50%{ opacity:.5}
	80%{ opacity:.8}
	100%{ opacity:1;}
}
/*第四页*/
.section-4 .s4out{ width:1000px; height:100%; border:0; margin:0 auto; position:relative;}
.section-4 .s4out div{ position:absolute;}
.section-4 .s4in-1{ bottom:0; left:-55px; background:url(../img_swpt/s4_02.png) no-repeat; width:580px; height:750px; border:0;}
.section-4 .s4in-2{ bottom:0; right:-95px; background:url(../img_swpt/s4_03.png) no-repeat; width:550px; height:680px; border:0;}
.section-4 .s4in-3{ bottom:45px; left:10px; background:url(../img_swpt/s4_04.png) no-repeat; width:636px; height:105px; border:0;}
/*第五页*/
.section-5 .s5out{ width:1000px; height:100%; border:0; margin:0 auto; position:relative;}
.section-5 .s5out div{ position:absolute;}
.section-5 .s5in-1{ bottom:300px; left:-28px; background:url(../img_swpt/s5_01.png) no-repeat; width:1056px; height:359px; border:0;}
.section-5 .s5in-2{ bottom:190px; left:40px; background:url(../img_swpt/s5_02.png) no-repeat; width:620px; height:50px; border:0;}
.section-5 .s5in-3{ bottom:60px; left:-36px; background:url(../img_swpt/s5_03.png) no-repeat; width:1072px; height:109px; border:0;}
/*第六页*/
.section-6 .s6out{ width:1000px; height:100%; border:0; margin:0 auto; position:relative;}
.section-6 .s6out div{ position:absolute;}
.section-6 .s6in-1{ bottom:150px; left:-40px; background:url(../img_swpt/s6_01.jpg) no-repeat; width:500px; height:460px; border:0;}
.section-6 .s6in-2{ bottom:450px; right:125px; background:url(../img_swpt/s6_02.png) no-repeat; width:388px; height:81px; border:0;}
.section-6 .s6in-3{ bottom:376px; right:-40px; background:url(../img_swpt/s6_03.png) no-repeat; width:501px; height:74px; border:0;}
.section-6 .s6in-4{ bottom:295px; right:45px; background:url(../img_swpt/s6_04.png) no-repeat; width:369px; height:81px; border:0;}
.section-6 .s6in-5{ bottom:220px; right:80px; width:450px; height:auto; border:0; text-indent:30px; line-height:28px; color:#212121; font-family:宋体; font-size:14px;}

.put-section-0{ -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0);}
.put-section-1{ -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%);}
.put-section-2{ -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); -o-transform:translateY(-200%); transform:translateY(-200%);}
.put-section-3{ -webkit-transform:translateY(-300%); -moz-transform:translateY(-300%); -o-transform:translateY(-300%); transform:translateY(-300%);}
.put-section-4{ -webkit-transform:translateY(-400%); -moz-transform:translateY(-400%); -o-transform:translateY(-400%); transform:translateY(-400%);}
.put-section-5{ -webkit-transform:translateY(-500%); -moz-transform:translateY(-500%); -o-transform:translateY(-500%); transform:translateY(-500%);}
/*按钮*/
.section-btn{ width:20px; position:fixed; right:3%; top:40%;}
.section-btn li{ background:#fff; width:14px; height:14px; border:0; border-radius:50px; display:block; margin:0 3px 12px 3px; cursor:pointer;}
.section-btn li.on{ background:url(../img_swpt/ltt_01.png) no-repeat; width:20px; height:20px; margin:0 0 12px 0;}
.arrow{
	position:absolute; bottom:0; left:50%; width:40px; height:40px; border:2px solid #fff; border-radius:200px; margin-left:-30px; text-align:center; line-height:40px; font-size:20px; color:#fff; font-weight:bold; cursor:pointer; overflow:hidden; opacity:1;
	-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;
	-moz-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;
	-o-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;
	animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform:rotate(-90deg);
}
.arrow:hover{
	-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-o-animation-play-state:paused;
	animation-play-state:paused;
}
@-webkit-keyframes arrow{
	%0,%100{ bottom:0; opacity:1;}
	50%{ bottom:20px; opacity:.7}
}
@-moz-keyframes arrow{
	%0,%100{ bottom:0; opacity:1;}
	50%{ bottom:20px; opacity:.7}
}
@-o-keyframes arrow{
	%0,%100{ bottom:0; opacity:1;}
	50%{ bottom:20px; opacity:.7}
}
@keyframes arrow{
	%0,%100{ bottom:0; opacity:1;}
	50%{ bottom:20px; opacity:.7}
}