/* CSS Document */
*{
            margin:0;
            padding:0; font-family:"微软雅黑";
        }
        html,body{
            height:100%;
        }
        body{
             Font-size:62.5%;font-family:"microsoft yahei";font:14px/22px;/* font-size:1em; line-height:1.571em;*/ min-width:320px; margin:0 auto;
        }
		li{ list-style:none;}
		
		.clear{ clear:both;}
		
		a{ text-decoration:none;}
		
		.logo{ position:absolute; z-index:10000; top:3%; left:2%; right:1%; width:97%; color:#fff; font-size:1em;}
		.logo img{ float:left; margin-right:1%;}
		
		.logo span{ padding-left:1%; margin-top:1%;}
		
        .swiper-container {
            /*  width: 320px;
              height: 480px;*/
            width:550px;
            height: 100%;
            background:#fefefe;
        }

        .swiper-slide{
            width:100%;
            height:100%;
            /*background:url(upload/bg.jpg) no-repeat left top;*/
            background-size:100% 100%;
        }
        .swiper-slide1{
            background:url(../images/bg1.jpg) no-repeat top center #529be6; background-size:100% auto;
        }
        .swiper-slide2{
            background:url(../images/bg2.jpg) no-repeat top center #ea5223; background-size:100% auto;
        }
        .swiper-slide3{
            background:#1f252c;
        }
        .swiper-slide4{
            background:#6555a9;
        }
        .swiper-slide5{
            background:#12a39e;
        }
        .swiper-slide6{
            

			 
			 
			background-color:#81cae6;
			background-image:url(../images/wh.png),url(../images/dz.png);
			background-repeat: no-repeat, no-repeat, no-repeat; 
			background-position:80% 10%,95% 70%;
			background-size: 20% 20%, 35% 30%;
        }
		.swiper-slide7{
             max-width:1000px; margin:0 auto; height:auto; background:url(../images/bg7.jpg) no-repeat #fff; background-size:100%;
        }
		.swiper-slide12{background:#d32c2c;}

        img{
            display:block;
        }
        .swiper-pagination-bullet {
            width: 6px;
            height: 6px;
            background: #fff;
            opacity: .4;
        }
        .swiper-pagination-bullet-active {
            opacity: 1;
        }
        @-webkit-keyframes start {
            0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
            60% {opacity: 1;-webkit-transform: translate(0,0);}
            100% {opacity: 0;-webkit-transform: translate(0,-8px);}
        }
        @-moz-keyframes start {
            0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
            60% {opacity: 1;-moz-transform: translate(0,0);}
            100% {opacity: 0;-moz-transform: translate(0,-8px);}
        }
        @keyframes start {
            0%,30% {opacity: 0;transform: translate(0,10px);}
            60% {opacity: 1;transform: translate(0,0);}
            100% {opacity: 0;transform: translate(0,-8px);}
        }
        .ani{
            position:absolute; z-index:3; width:100%;
        }
        .txt{
            position:absolute;
        }
        #array{
            position:absolute;z-index:999;-webkit-animation: start 1.5s infinite ease-in-out;-moz-animation: start 1.5s infinite ease-in-out;

        }



/*首屏*/

#wsm{ width:63%; position:relative; display:block; top:4em; left:5%; margin:0 auto; text-align:center;}

#wsm p{ position:absolute;}

#wsm1{width:90%; margin:0 auto;verflow:hidden;}


#wsm1 p a{ color:#007dcc;}

#wsm1 p:nth-child(1){ width:20%; top:15%; left:-6%;}

#wsm1 p:nth-child(2){ width:20%; top:19.5%; right:-7%;}

#wsm1 p:nth-child(3){ width:71%; top:30%; left:14%}


.di1{ background:#ff5e0f; width:55%; margin:0 auto; text-align:center; border-radius:20px;-moz-border-radius: 20px; 
-webkit-border-radius: 20px; padding:2%; top:85%; left:20%;
    -moz-box-shadow:2px 1px 10px 1px #4480be;/*firefox*/  
 -webkit-box-shadow:2px 1px 10px 1px #4480be;/*webkit*/  
         box-shadow:2px 1px 10px 1px #4480be;/*opera或ie9*/}

.di1 a{ color:#fff; font-size:2em;}

/*第一屏*/


.yi p{ width:95%;top:%; left:3%;}

.diz{ font-size:1.8em; color:#fff; text-align:center; position:absolute; top:83%; padding:3% 0%;font-style:italic;}

.diz p{ font-size:0.8em;}

.diz1{ background:#fc6c3f;}

.diz2{ background:#272e38;}

.diz3{ background:#3c2f75;}

.diz4{ background:#0d6f6c;}

.diz5{ background:#26728f;}


/*第二屏师资*/

.er p{ width:12.7%; float:left; font-size:0.9em; color:#fff; text-align:center; display:block;}
.er p a{ color:#fff;}
.er p:nth-child(1){top:14%; left:15%;}
.er p:nth-child(2){top:14%; left:35%;}
.er p:nth-child(3){top:14%; left:54%;}
.er p:nth-child(4){top:14%; left:73%;}
.er p:nth-child(5){top:31%; left:15%;}
.er p:nth-child(6){top:31%; left:35%;}
.er p:nth-child(7){top:31%; left:54%;}
.er p:nth-child(8){top:31%; left:73%;}
.er p:nth-child(9){top:48%; left:15%;}
.er p:nth-child(10){top:48%; left:35%;}
.er p:nth-child(11){top:48%; left:54%;}
.er p:nth-child(12){top:48%; left:73%;}
.er p:nth-child(13){top:65%; left:15%;}
.er p:nth-child(14){top:65%; left:35%;}
.er p:nth-child(15){top:65%; left:54%;}
.er p:nth-child(16){top:65%; left:73%;}



/*第三屏*/
/************四大保障**************/

#sdbz{ width:95%; margin:0 auto; font-size:1em;min-width:320px; margin-top:15%;}	
.sdbz_1{ width:40%; float:left; margin-left:4%; background:#f8f8f8; padding:2%; margin-top:4%; color:#5e5e5e; height:15em;}
.sdbz_nr{ font-size:0.7em; margin-top:1%;}
.sdbz_1 p:nth-child(1){ color:#f00; font-size:1em; margin-top:1%;}


/*第四屏*/

.si p{ width:45%;}
.si p:nth-child(1){top:17%; left:5%;}
.si p:nth-child(2){top:17%; left:51%;}
.si p:nth-child(3){top:47%; left:5%;}
.si p:nth-child(4){top:47%; left:51%;}


/*第五屏*/


.wu{background:url(../images/wh.png) 0 0 no-repeat,
               url(../images/dz.png)  0 no-repeat,}
.wu div{ background:url(../images/bq.png) no-repeat; background-size:4%; margin-left:5%;}		
.wu div span{ color:#2a7fb0; background:#fff; border-radius:20px;-moz-border-radius: 20px; -webkit-border-radius: 20px; padding:2% 3%; margin-left:8%;}
.wu div:nth-child(1){top:13%;}
.wu div:nth-child(2){top:20%;}
.wu div:nth-child(3){top:27%;}
.wu div:nth-child(4){top:34%;} 
.wu div:nth-child(5){top:41%;}
.wu div:nth-child(6){top:48%;}
.wu div:nth-child(7){top:55%;}
.wu div:nth-child(8){top:62%;}
.wu div:nth-child(9){top:69%;} 
 
 
/*第六屏*/ 


.bt{ width:80%; margin:0 auto; clear:both; top:10%; left:10%;}

.wen{ padding-top:10%; width:10%; margin:0 auto; clear:both;}

.jing{ -moz-border-radius:10px; -webkit-border-radius:10px;border-radius:10px; background:#fff4a5; width:52%; margin:0 auto; text-align:center; margin-top:18%; font-size:1.4em; padding:0.8% 0; color:#cc0001;}

.li{ padding:8% 10%; font-size:1.2em; line-height:2em;  color:#fff3a5; height:16em; top:15%; width:80%;}

/*.li p{ text-indent:2em;}

.hou{ width:21%; position:absolute; left:78%; top:50%;}

@media only screen and (min-device-width: 320px){.hou{ top:45%;}}

@media only screen and (min-device-width: 375px){.hou{ top:51%;}}

@media only screen and (min-device-width: 414px){.hou{ top:54%;}}

@media only screen and (min-device-width: 768px){.hou{ top:50%;}}

*/

.biao{ position:absolute; width:80%; margin:0 auto; font-size:1.6em;  margin-top:95%; left:9%; overflow:hidden;}

.biao input{ border:0; width:90%; -moz-border-radius:10px; -webkit-border-radius:10px;border-radius:10px; background:#4dcaa8; padding:3%;margin-left:3%; font-size:0.8em; float:left;margin-top:3%; border:1px #548c8c; color:#fff;}

.biao select{ border:0; width:100%; background:url(../images/sle.png) no-repeat; background-size:100%; padding:3%;margin-left:4%; font-size:0.8em;-webkit-appearance:none;appearance:none;border:none;display:block;width:100%;background-color: #4dcaa8;-moz-border-radius:10px; -webkit-border-radius:10px;border-radius:10px; margin-top:3%;}

.biao .select{ width:95%; float:left;color:#5d5d5d; font-size:0.9em;}

.select option{ color:#fff4a5; overflow:hidden;}

.go{ border:0; width:100%; background:url(../images/go.png) no-repeat; background-size:100%; -webkit-appearance:none;appearance:none;border:none;display:block;width:100%;background-color: #4dcaa8;-moz-border-radius:10px; -webkit-border-radius:10px;border-radius:10px; margin-top:3%;}
.biao .go input{ padding:2%;}

/*弹出框*/

#animationTipBox {
	font-family: "Microsoft Yahei","微软雅黑",Arial,Tahoma;
	width: 30%;
    margin:0 auto;
	height: 60em;
	background:url(../images/zhong.png) no-repeat; background-size:100%;
	position: fixed;
	left: 50%;
	top: 50%;

	margin-top: -85px;
	z-index: 1001;
	-webkit-animation: alertAnimation .3s ease-in-out 0 1;
	-moz-animation: alertAnimation .3s ease-in-out 0 1;
	animation: alertAnimation .3s ease-in-out 0 1;

}

.mask {
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .8;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
}

#animationTipBox .okoButton {
	width:65%;
	display: block;
	height: 2em;
	line-height:2em;
	margin: 0 auto;
	border: 0;

	border-radius: 15px;
	background: #fdf54c;
	color: #df3121;
	font-size:1.3em;
	margin-top:50%;
}

#animationTipBox .redOkoButton {
	background: #ff9090
}


.xingui_5 p{ width:77%;top:25%; left:10%;}

.xingui_5 .biao{top:67%; margin-top:0;}

.xingui_5 .biao input{ border:0; width:90%; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;padding:3%;margin-left:3%; font-size:0.8em; float:left;margin-top:3%; border:1px #548c8c; color:#000; background:#fff;}


.xingui_5 .go{ border:0; width:100%; background:url(../images/go1.png) no-repeat; background-size:100%; -webkit-appearance:none;appearance:none;border:none;display:block;width:100%;background-color: #4dcaa8;-moz-border-radius:10px; -webkit-border-radius:10px;border-radius:10px; margin-top:3%;}