*{
			margin: 0;
			padding: 0;
		}
		body{
			font-size: 15px;
			font-family:"Microsoft yahei";
		}
	   .top{
			width: 100%;
			background: #245aac;
			height: 98px;
		}
		.fixed{
			position: fixed;
			top: 0;
		}
	.head1{
		width: 100%;
			margin: 0 auto;
			padding-left:100px;
			padding-right:100px;
	}
		.main{
			width: 1210px;
			margin: 0 auto;
		}
		.logo{
			width: 75px;
			height: 89px;
			margin-top:0px;
			float: left;
		}
		.nav_bar{
			width: 750px;
			float: left;
			height: 98px;
			margin-left: 0px;
		}
		.nav_bar ul li{
			list-style-type: none;
			float: left;
			line-height: 98px;
			text-align: center;
			width:120px;
		}
		.nav_bar ul li.l2{
			list-style-type: none;
			float: left;
			line-height: 98px;
			text-align: center;
			width:5px;
			color: #ffffff;
		}
		.nav_bar ul li a{
			color: #ffffff;
			text-decoration: none;
			display: block;
		}
		.nav_bar>ul>li:hover a{
			color: #ffd401;
			border-bottom:#FFF 2px solid;
		}
		.nav_bar ul li.l1:hover .hid{
			display: block;
		}
		.hid{
			width: 120px;
			background: #245aac;
			position: absolute;
			display: none;
			z-index:999;
		}
		.hid ul{
			width: 120px;
			margin: 0 auto;
		}
		.hid ul li{
			width: 120px;
			height:50px;
			line-height:50px;
			text-align:center;
		}
		.nav_bar2{
			float: right;
			height: 98px;
			margin-left: 0px;
			width:250px;
		}
		.nav_bar2 ul li{
			list-style-type: none;
			float: left;
			line-height: 98px;
			text-align: center;
			width:50px;
		}
		.nav_bar2 ul li img{
			border:0px;
		}
		
		.nav_bar3{
			height: 50px;
			margin: 0 auto;
			width:250px;
		}
		.nav_bar3 ul li{
			list-style-type: none;
			float: left;
			line-height: 50px;
			text-align: center;
			width:50px;
		}
		.nav_bar3 ul li img{
			border:0px;
		}




/*轮播*/
.swiper-container-horizontal>.swiper-pagination-bullets{
    width:auto;
    padding:0 5px;
    border-radius: 20px;
    left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background:rgba(0,0,0,.4);
}
.swiper-pagination-bullet{
    width:11px;
    height:11px;
    background:#fff;
    opacity: 1;
    position:relative;
    top:-2px;
}
.swiper-pagination-bullet-active {

    background: #fff200;
}
.swiper-button-prev,.swiper-button-next{
    background:#000;
    color:#fff;
    width: 2rem;
    height: 3rem;
    line-height: 2.7rem;
    text-align: center;
}
.swiper-container{
    width:100%;
}
.banner{
    width:100%;
}
.swiper-slide img{
    width:100%;
}
.swiper-button-prev{
    left:0;
}
.swiper-button-next{
    right:0;
}

.swiper-slide i{
   position:absolute;
    top:0;
    left:0;
    background:#000;
    opacity: .1;
    height:100%;
    width:100%;
}



/*明星产品*/
.star-products{
    width:100%;
    padding-top:116px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom:95px;
}
.star-products-title{
    font-family: Fontin;
    font-size: 48px;
    text-align: center;
}

.star-products-title span{
    color:#ff363b;
}
.star-products-title i{
    color:#2f2b50;
}

.star-products-text{
    text-align: center;
    color:#676480;
    font-size: 22px;
    margin-top:21px;
}



.star-products-content{
    display:table;
    width:90%;
    margin:0 auto;
    position:relative;
    overflow: hidden;
    margin-top:80px;
}

.products-content-classification i{
    position:absolute;
    top:50%;
    left:50%;
    background:#086db5;
    z-index: 5;
    width:0%;
    height:0%;

    opacity: 0;
    /*-webkit-transform: translate(-50%,-50%);*/
    /*-moz-transform: translate(-50%,-50%);*/
    /*-ms-transform: translate(-50%,-50%);*/
    /*-o-transform: translate(-50%,-50%);*/
    /*transform: translate(-50%,-50%);*/
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.products-content-classification b img{
    max-width: 100%;
    width:60%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}



.products-content-classification{
    display:table-cell;
    text-align: center;
    position:relative;
}

.products-content-classification span,.products-content-classification b{
    display:inline-block;
    width:100%;
}
.products-content-classification span{
    color:#646468;
    position:relative;
    z-index: 10;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.products-content-classification b{
    margin-bottom:40px;
    position:relative;
    z-index: 10;
}


/*理念*/
.idea{
    width:100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top:70px;
    padding-bottom:70px;
}

.idea-content a{
    display:block;
    color:#000;
}

.idea-content-title{
    font-family: '黑体';
    font-size: 48px;
}
.idea-content-title span{
    font-size: 50px;
    display:inline-block;
    width:150px;
    background:#fdef00;
    text-align: right;
    padding-right:3px;
}

.idea-content-text{
    font-size:14px;
    width:80%;
    margin:0 auto;
    margin-top:45px;
    color:#fff;
    line-height: 2;
}

/*美乐幼教*/
.preschool-education{
    width:100%;
    /*height:760px;*/
    background-repeat: no-repeat;
    background-position:center center;
    background-size: cover;
    position:relative;
}


.preschool-education-title{
    font-family:Fontin ;
    font-size:48px;

}
.preschool-education span{
    color:#fff;
}
.preschool-education b{
    color:#fdef00;
    font-weight: normal;
}
.preschool-education-text{
    max-width: 45%;
    font-size:16px;
    color:#ffffff;
    margin-top:32px;
    line-height: 2;
}

/*视频播放处*/
.video-playback{
    width:100%;
    background-repeat: no-repeat;
    background-position:center center;
    background-size: cover;
    padding:82px 0;
}
.video-js{
    width:500px;
    height:320px;
}

.view,.video-playback-text{
    display:inline-block;
}
.video-playback-text b{
    font-size: 24px;
    color:#646468;
}
.video-playback-text p{
    font-size: 14px;
    color:#646468;
    line-height: 1.5;
    margin-top:8px;
    margin-bottom:8px;
}
.video-playback-text-box{
    display:inline-block;
    vertical-align: baseline;
}
.video-playback-text a{
    font-size: 14px;
    color:#fff;
    background:#ef6166;
    display:inline-block;
    padding:5px;
    padding-left:8px;
    border-radius: 20px;
}
.video-playback-text-box a span{
    display:inline-block;
    margin-left:8px;
}

.video-js button.vjs-big-play-button{
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: url(../image/play.png) no-repeat;
    background-size: cover;
    background-position: center center;
    border:none;
}
.vjs-big-play-centered .vjs-big-play-button{
    left:55%;
}

.video-js button{
    color:transparent;
}
.video-js .vjs-play-control{
    color:#fff;
}
.video-js .vjs-fullscreen-control{
    color:#fff;
}

#container_display_button{
    border-radius: 50%!important;
    width: 50px!important;
    height: 50px!important;
    background-image:url(../image/play.png)!important;
    background-size: 100% 100%, 36px 100%, 18px 100%!important;
}
#container_display_button_play{
    display:none;
}

.preschool-education img{
    width:100%;
}


@media only screen and (min-width:768px){
    /*.products-content-classification:hover i{*/
        /*width:100%;*/
        /*height:100%;*/
        /*top:0%;*/
        /*left:0%;*/
        /*opacity: .5;*/
    /*}*/
    .products-content-classification:hover b img{
        -webkit-transform: scale(1.05,1.05);
        -moz-transform: scale(1.05,1.05);
        -ms-transform: scale(1.05,1.05);
        -o-transform: scale(1.05,1.05);
        transform: scale(1.05,1.05);
    }
    .products-content-classification:hover span{
        color:#0864a1;
    }
    .products-content-classification{
        width:33.3%;
    }


    /*理念*/
    .idea-content{
        width:1000px;
        margin: 0 auto;
    }

    .cov {
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0,0,0,.3);
        width: 100%;
        height: 100%;
    }

    .preschool-education-box{
        width:1000px;
        margin:0 auto;
        position:absolute;
        top:50%;
        left:50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    .products-content-classification b img{
        width:50%;
    }

    /*.视频播放*/

    .video-playback-box{
        width:1000px;
        margin:0 auto;
    }

    .view{
        width:50%;
        vertical-align: middle;
        height:320px;
    }
    .view img{
        width:100%;
    }
    .video-playback-text{
        width:45%;
        margin-left:3%;
        vertical-align: middle;
    }

    .products-content-classification p,.products-content-classification em{
        display:none;
    }
    .footer-box-moble{
        display:none;
    }
}

@media only screen and (max-width:768px){
    .banner{
        margin-top:9.1rem;

    }
    .swiper-pagination-bullet {
        width: 9px;
        height: 9px;
        position: relative;
        top: 0px;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets{
        /*padding:.1rem .5rem;*/
        height:1.4rem;
        line-height: 1.4rem;
        background:transparent;
    }
    .star-products{
        padding-top:2rem;
    }
    .star-products-title{
        font-size: 2.2rem;
    }
    .star-products-text{
        font-size: 1.7rem;
        margin-top:1.5rem;
    }
    .star-products-content{
        margin-top:2rem;
    }
    .products-content-classification{
        display:block;
        margin-top:1rem;
    }
    .products-content-classification b{
        margin-bottom:2rem;
    }
    .products-content-classification span{
        font-size: 1.5rem;
    }
    .star-products{
        padding-bottom:2rem;
    }

    /*理念*/
    .idea-content-title,.idea-content-title span{
        font-size:2.4rem;
    }
    .idea-content-title span{
        width:8rem;
    }
    .idea-content-title{
        width:80%;
        margin:0 auto;
    }
    .idea-content-text{
        font-size:1rem;
    }
    .idea{
        padding-top:4rem;
        padding-bottom: 4rem;
    }
    .preschool-education-box{
        width:90%;
        margin:0 auto;
        position:static;

    }
    .preschool-education-text{
        max-width: none;
        font-size: 1.2rem;
    }
    .preschool-education{
        height:auto;
    }
    .preschool-education{
        padding:1rem 0;
    }
    .preschool-education-title{
        font-size: 2.4rem;
    }


    /*明星产品新增*/

    .products-content-classification p{
        padding: .5rem;
        line-height: 1.5;
        color: #646468;
        margin-bottom: 2rem;
    }
    .products-content-classification em{
        border: 1px solid #646468;
        padding: .5rem 1rem;
        font-size: 1.2rem;
        margin-top: 1rem;
        color:#646468;
        border-radius:.8rem;
        box-shadow: #646468 0px 1px 0px 1px;
    }
    .products-content-classification:active em{
        box-shadow: #646468 0px 1px 0px 0px;
    }
    .products-content-classification{
        padding-bottom:1rem;
    }


        /*视频播放*/
    .video-playback-box{
        width:90%;
        margin:0 auto;
    }
    .view{
        width:100%;

    }
    .view img{
        width:100%;
    }

    .video-playback-text-box b{
        font-size: 1.8rem;
        display: block;
        text-align: center;
    }
    .video-playback-text-box p{
        font-size: 1rem;
    }
    .video-playback-text-box a{
        display:block;
        margin:0 auto;
        width:7.5rem;
        font-size: 1rem;
    }
    .video-playback-text{
        margin-top:2rem;
    }
    .video-playback{
        padding:3rem 0;
    }

    /*视频播放*/
    .video-js{
        width:23.75rem;
        height:15.2rem;
        margin:0 auto;
    }
    .video-js button.vjs-big-play-button{
        width:4rem;
        height:4rem;
    }

    .mobule-logo{
        left:50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}