@charset "utf-8";
/* CSS Document */
body{padding: 0}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
li{list-style: none}
.goup-container{z-index: 999}
.heading-line {
    margin: 0 auto;
    display: block;
    height: 1px;
    width: 80px;
    background: #333;
    margin-top: 10px;
    margin-bottom: 20px;
}
.martop{margin-top: 30px}


.img_auto{height: 100%}
.fl{float: left}
.fr{float: right}
.cutline{padding-bottom: 20px}
.title{text-align: center;margin-bottom: 40px}
.news_item_img{display: block;margin: 50px auto;width: 80%}

.background{width: 100%;height: 100%;position: fixed;z-index: 0;background: rgb(250,250,250);}

.header{background: white;padding: 10px 0 ;width: 100%;height: 80px;position: fixed;z-index: 2}
.logo_text{line-height: 19px;margin-left: 20px;height: 100%;padding-left: 10px}
.logo_box{height: 100%;margin-left: 10px}
.phone_box{line-height: 40px;margin-right: 20px;font-size: 18px}

.content{padding-top: 0px;position: relative;}

.fixtop{
	position: fixed;
	top: 60px;
	right: 0;
	left: 0;
	background: #fff;
	z-index: 2;
}

/*单课程*/
.shetuan{padding-bottom: 30px;}
.shetuan>div{margin-top: 30px;}
.shetuan .detail:hover{
	cursor: pointer;
	box-shadow: 2px 2px 5px #ddd;
}
.shetuan .course-content{
	padding: 5px 15px;
	text-align: center;
	background-color: #fff;
	border-top: 1px solid transparent;
}

.allitem{z-index: 2}

.swiper-container2{width:100%}

.lesson_intro{color: #404040}
.td1{width: 18%;text-align: center;vertical-align: middle;color: #E77525}
.td2{width: 60%;padding-left: 5%}
.td1_sp{background:#E77525;color: white}
.td_intro{padding-left: 36px}
.lesson_intro td:hover{background: #B2E7FB}
.td3{background: #E77525;color: white}

.qiye_show{overflow: hidden;}
.qiye_show img{width: 150px}

.student_bg{background: url(../img/childphotos/bg3.png)  center no-repeat ;background-size: auto 100%;height: 600px }
.bm_bg{background: url(../img/childphotos/bg4.jpg) center no-repeat;background-size: auto 100%;height: auto;}

.lesson img{width: 90%}
.lesson h3{color: #FC6619}
.lesson .container{text-align: center;margin-top: 30px}
.news{height: 500px}
.company{height: 500px}
.news_img{width:90%;margin: 10px auto;}
.company_chui{margin-top: 5%}
.company_chui p{color:rgb(239,123,26);height: 30px;line-height: 30px;font-size: 25px}

.footer_box{width: 100%;background: rgb(0,20,50);position: relative;}
.footer{background:rgb(0,20,50);color: white}
.footer>div{padding-left: 5%}

.dropdown-menu>li{text-align: center}
.company_img{text-align: center;}
.company_content{text-indent: 32px}

.teacher{color: white}
.lesson_item img{width: 100%}
.teacher>div{margin-top: 3%}

.validation {color: red;display:none;margin: 0;font-weight:400;font-size:13px;}
.form-control:focus {border-color: #FF9224;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 2px #FF9224;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 2px #FF9224;}
.section-heading{text-align: center}
#sendmessage {color: green;border:1px solid green;display:none;text-align:center;padding:15px;font-weight:600;margin-bottom:15px;}
#errormessage {color: red;display:none;border:1px solid red;text-align:center; padding:15px;font-weight:600; margin-bottom:15px;}

.footer{padding-top: 1%;padding-bottom: 3%}
.footer>div{padding-top: 5%}
.footer_box1>p,.footer_box2 a,.footer_box3>p{font-size: 14px}
.footer_box2 a{color: white}
.footer_box2 a:hover{color:#FF2428}


.lesson_content{font-size: 18px;}
.lesson_content tr{height: 30px;line-height: 30px}
.lesson_title{font-weight: bold}
.lesson_table_th{background: rgb(255,162,0)}

#baom{margin-top: 3%}



/* flip the pane when hovered */
.flip-container:hover .flipper {
	transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);      /*Firefox */
}
.flip-container{
	width: 100%;
	height: 350px
}
.student-box img{
	display: block;
	width: 45%;
	margin: 50px auto 0;
}
/* flip speed goes here */
.flipper {
	transition: 1s;
	transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	position: relative;
}
/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;    /* Chrome 和 Safari */
	-moz-backface-visibility: hidden;     /* Firefox */
	position: absolute;
	top: 0;
	left: 0;
}
/* front pane, placed above back */
.front,.back{height: 270px}
.front {
	width: 100%;
	background: url(../img/childphotos/框.png) no-repeat center;background-size: 80% auto;display: block
}
.back {
	background: url(../img/childphotos/框2.png) no-repeat center;padding: 5% 15% 10%;overflow: hidden;background-size: 100% 100%
}
.back p{display: block;overflow: hidden}
/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);     /* Firefox */
}
.backpic{background: url(../img/childphotos/back1.jpg)  center no-repeat ;background-size: 100% 100% }

.student>.row>div>div {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
}
.student-box{text-align: center}

/*文字滚动*/
.Top_Record{margin-bottom: 50px}
.record_Top{width:90%;text-align:center; margin:30px auto 0px; color:#000;}
.topRec_List dl,.maquee{ width:100%; overflow:hidden; margin:0 auto; color:#FFFFFF;padding-bottom: }
.topRec_List dd{ float:left; text-align:center; border-bottom:1px solid #1B96EE; color:#1B96EE;}
.topRec_List dl dd:nth-child(1){ width:15%; height:40px; line-height:40px; }
.topRec_List dl dd:nth-child(2){ width:15%; height:40px; line-height:40px; }
.topRec_List dl dd:nth-child(3){ width:20%; height:40px; line-height:40px; }
.topRec_List dl dd:nth-child(4){ width:35%; height:40px; line-height:40px; }
.topRec_List dl dd:nth-child(5){ width:15%; height:40px; line-height:40px; }	
.maquee{ height:320px;}
.topRec_List ul{ width:100%; height:320px;}
.topRec_List li{ width:100%; height:38px; line-height:38px; text-align:center; font-size:12px; border-bottom: 1px dashed #aaa;}
.topRec_List li div{ float:left;}
.topRec_List li div:nth-child(1){ width:15%;}
.topRec_List li div:nth-child(2){ width:15%;}
.topRec_List li div:nth-child(3){ width:20%;}
.topRec_List li div:nth-child(4){ width:35%;}
.topRec_List li div:nth-child(5){ width:15%;}


@media (min-width: 768px){
	.navbar-nav{float: none;}
	.navbar-nav>li{width: 15%;}
	/*.navbar-nav>li>a{width: auto;}*/

}
@media (max-width: 767px){
	.flip-container{
		height: 270px;
	}
	.student-box{margin-top: 90px;}
}