body{
	padding: 0;
	margin: 0;
}
 html, body {
        position: relative;
        height: 100%;
    }
    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {

    }
ul ,li{
	padding: 0;
	margin: 0;
	list-style: none;
}
@font-face {
	font-family:'lidebiao';
	src: url("../font/lidebiao-xing.ttf");
}
.container{
	overflow: hidden;
}
.fullImg{
	width: 100%;
	text-align: left;
}
.firstPage{
	position: relative;
	background: url(../images/index-bg.png) no-repeat;
	background-size: 100% 100%;
}
.tow-woman{
	position: absolute;
		left: 10%;
	bottom: 0;
	width: 38%;
}
.index-text{
	writing-mode: tb-rl;
	height: 2.2rem;
	text-align: center;
	position: absolute;
	top: 23%;
    left: 30%;
}
.index-text>h2{
	font-size: 0.27rem;
	margin: 0;
}
.index-text>p{
	margin: 0;
	margin-right: 30px;
	text-align: justify;
	font-size: 0.16rem
}
.study-score{
	width: 31%;
	position: absolute;
	top: 0;
	left:61.5%;
}
.userPic{
	position: absolute;
	left: 68%;
	top: 26%;
	width: 15%;
	/*height: 277px;*/
}
.secondPage{
	position: relative;
	background: url(../images/catelog.png) no-repeat;
	background-size: 100%;
}
.gallry{
	width:19%;
	position: absolute;
	top: 0;
	left: 20%;
}
.tvPic{
	width:20%;
	position: absolute;
	bottom: 0;
	left: 9.3%;
}
.sounds{
	width:17%;
	position: absolute;
	bottom: 0;
	left: 73.85%;
}
.cateLog{
    padding: 0.86rem 1.16rem;
    background: #ffffff47;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: left;
    border-radius: 35px;
    transform: translate(-50%,-50%);
}
.cateLogList{
	font-size:0.19rem;
	color: #442b2b;
}
.keyText{
	font-weight: 600;
}
.cateLog li:not(:last-child){
	margin-bottom:0.2rem;
}
.thirdPage{
	position:relative;
	background: url(../images/catelog.png) no-repeat;
	background-size: 100%;
}
.emails{
	position: absolute;
	width: 16.2%;
	bottom: 5%;
	left: 2.1%;
}
.flashPic{
	position: absolute;
	width: 17.4%;
	bottom: 6%;
	right:0.2rem  ;
}
.line-pic{
	width: 67.8%;
	position: absolute;
	top: 0;
	left: 0;
}
.contentPageText{
    width: 73.02%;
    height: 86%;
    background: url(../images/books.png) no-repeat;
    background-size: 90% 100%;
    position: absolute;
    top: 52%;
    left: 52%;
    transform: translate(-50%,-50%);
    font-size: 0.14rem;
    text-align: left;
}

.colorRed{
	color:#b51f24;
	font-weight: 600;
}

.pic1{
	position: absolute;left:2vh;
	width:14vh;
}
.contentPageText>div:first-child{
	    padding-left: 13%;
    padding-top: 5%;
}
.bttom-text{
	width: 16em;
	float: left;
	padding-left: 13%;
	text-indent: 2em;

}
.bttom-text>p:first-child{
	font-family: "Microsoft YaHei";
}
.bttom-text>p:last-child{
	text-align: right;
}
.middle-pic{
    float: left;
    width: 19%;
    margin-right: 0.2rem;
}
.right-text{
	float: left;
}
.right-text>h2{
	margin: 0;
}
.left-tex2{width: 34%; float: left;}
.left-tex2 >p{
	margin-bottom:2vh;
	color: white;
}
.left-tex2 span{
	text-align: right;float: right;color: white;
}
.bottom-img{
    width: 11.2%;
    position: absolute;
    bottom: 32%;
    right: 28%;
}
.rightContent .right-text{
	float: right;
}
.rightContent .bttom-text{
	float: left;
	padding-right: 5vh;
}
.rightContent .contentPageText>div:first-child {
	padding-left:12%;
  padding-right:0vh;
}
.bttom-text h2 img{
	width:10vh;
	height: auto;
}
.bttom-text{
	color: #000;
	width:40%;
}
.rightContent .contentPageText{
	float: right;
}
.rightContent .bottom-img{
	width: 14.58%;
	left: 26.49%;
}
.rightContent .right-text>p{
	margin-bottom: 0;
}
.rightContent .bttom-text>p:first-child{
	margin-top: 0.1rem;
}
.letter-text{
    color: #b51f24;
    font-size: 0.16rem;
    writing-mode: tb-rl;
    font-family: 'lidebiao';
    text-align: right;
    margin-left: 1.5rem;
    margin-top: 1rem;
}
.colorRed img{ width:100%;height: auto;}
.letter-text>h2{
	margin: 0;
}
.bttom-img{
       width: 23.32%;
    position: absolute;
    right: 28%;
    top: 11%;
}
.leifeng{
	width: 4.98%;
    position: absolute;
    left: 6%;
    top: -15%;
}
.book{
	width:15%;
	position: absolute;
	right: 1%;
	bottom: 0;
}
.blick{
	width: 14.5%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.flower{
	width: 6.5%;
	position: absolute;
	left: 43%;
	bottom: 0%;
	z-index: 10;
}
.swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #c2191f;
}
.cateLog ul li a{
color: #442b2b;
text-decoration: none;
}
.cateLog ul li a:visited{
	color: #442b2b;
}
.left-tex{
	position: relative;
	float:right;
	width:60%;
	height: 100%;
}
.pic1 img{
	width: 80%;height: auto;
}

.pic2{
	position: absolute;left:13vh;
width:15vh;

}
.pic3{
	position: absolute;left:25vh;
width:13vh;
}
.pic3 img{
	width: 80%;height: auto;

}
.pic2 img{
	width: 80%;height: auto;
}
.pic4{
	position: absolute;top:9vh;
width:15vh;

}
.pic4 img{
	width: 80%;height: auto;
}
.pic5 img{
	width: 80%;height: auto;
}
.pic5{position: absolute;top:10vh;
 left:13vh;
	width:15vh;
}
.pic6 img{
	width: 80%;height: auto;
}
.pic6{position: absolute;
	top: 10vh;
	left: 26vh;
	width: 13vh;
}
.pic7 img{
	width: 80%;height: auto;
}
.pic8{
	position: absolute;top:19vh;left:13vh;
	width: 16vh;

}
.pic7{position: absolute;top:19vh;
	width:15vh;
}
.pic8 img{
	width: 80%;height: auto;
}
.pic9 {
	position: absolute;
	top: 21vh;
	left: 26vh;
	width: 13vh;
}
.pic9 img{
	width: 80%;height: auto;
}
.pic10{    position: absolute;
	top: 20vh;
	left: 37vh;
	width: 14vh;
}
.pic10 img{
	width: 80%;height: auto;
}
.pic11{position: absolute;
	top: 30vh;
	left: 4vh;
	width: 14vh;
}
.pic11 img{
	width: 80%;height: auto;
}
.pic12{    position: absolute;
	top: 31vh;
	left: 20vh;
	width: 15vh;
}
.pic12 img{
	width: 80%;height: auto;
}
.contentPageText-b{
	  width: 52%;
	border-radius: 20px;
	border: solid 3px #9f9169;
	height: auto;
    position: absolute;
    top: 40%;
    left: 52%;
    transform: translate(-50%,-50%);
	padding: 20px;
    font-size: 0.14rem;
    text-align: left;
	background-color:rgb(255,255,255,0.6);
}
.fullImg-b{
	width: 80%; 
	padding-left:10vh;
	padding-top:20vh;
}
.contentPageText-b ul{
	padding: 0.2rem;
}
.contentPageText-b li{
	padding: 0.1rem 0.4rem; float: left;font-size: 0.22rem;line-height: 0.46rem;
    text-align:left;/*width: 1rem;*/
}
.contentPageText-b li a{
	color: #442b2b;text-decoration:none;
}