html,body{min-width: 1100px;margin:0;padding:0;}
#main{background: #fff;font-size: 0;font-family: "微软雅黑"}
/*comment*/
div, span, ul, li, p, form, img, input, label, table, thead, tbody, tr, th, td, hr, textarea, a ,h1, h2, h3, h4, h5, h6{margin:0;padding:0;}
#main, #main div, #main span, #main ul, #main li, #main p, #main form, #main img, #main input, #main label, #main table, #main thead, #main tbody, #main tr, #main th, #main td, #main hr, #main textarea, #main a {-moz-box-sizing: border-box;  /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/}
#main li{list-style: none;}
#main a{color: #1974f1;cursor: pointer;font-size: 14px;line-height: 24px;}
#main a.bottom-teacher-ask{color: #333;text-decoration:none;font-size: 12px;}
#main .section input,#main .section textarea, #main .section select{border: 0;resize:none;outline: none;font-size: 14px;}
#main .section select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
#main .section select::-ms-expand{display: none;}
#main .btn-box.btn-inline{text-align: center;}
#main .btn-inline .btn{display: inline-block;}
#main .btn{text-align: center;cursor: pointer;background-color: #ffcc00;color: #000;font-size: 14px;height: 48px;line-height: 46px;width: 150px;border: 1px solid #ffcc00;border-radius: 50px;}
#main .btn{-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
#main .btn:hover{color: #ffcc00;background-color: transparent;}
#main .tab_btn{color: #224bbf;background-color: transparent;font-size: 18px;width: 154px;height: 60px;line-height: 58px;border:1px solid #224bbf;border-radius: 0;}
#main .tab_btn:hover, #main .tab_btn.active{color: #000;background-color: #224bbf;}
#main .fr{float: right;}
#main .fl{float: left;}
#main .clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
#main .title{font-weight: bold;text-align: center;}
#main .icon{background-image: url(../images/icons.png);background-repeat: no-repeat;}
/*select*/
#main .container .select{position: relative;display: inline-block;}
#main .container .select:after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 12px solid #ffcc00;
	top: 50%;
	margin-top: -6px;
}
#main .container .select input{cursor: default;}
#main .container .select ul{
	display: none;
	position: absolute;
	font-size: 14px;
    z-index: 100;
    overflow: auto;
    color: #000;
    padding: 5px 0;
    background-color: #fff;
    line-height: 24px;
    border: 1px solid #ecedf6;
}
#main .container .select ul.active{display: block;}
#main .container .select ul li{padding-left: 35px;cursor: pointer;}
#main .container .select ul li:hover{background-color: #e5e5e5;}

/*header*/
#main .header{background: url(../images/header.jpg) no-repeat center top;height: 781px;margin-bottom: 20px;position: relative;}
#main .header .btn-box{padding: 257px 0 0 535px;width: 1000px;margin: 0 auto 186px;}
#main .header .btn-box .btn{margin-bottom: 17px;border-width: 2px;height: 54px;line-height: 50px;width: 158px;}
#main .header .btn-box .btn:hover{border-color: #fff;color: #fff;}
#main .header .nav{position: absolute;top: 450px;width: 100%;}
#main .header .nav.fixed{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: #1974f1;
}
#main .header .nav ul{
	width: 1000px;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
}
#main .nav ul li{
	display: inline-block;
	font-size: 16px;
	color: #fff;
	position: relative;
	cursor: pointer;
	font-weight: bold;
	padding-right: 25px;
	margin-right: 25px;
}
#main .nav li:after{
	content: "";
	height: 12px;
	width: 1px;
	background-color: #02c6ff;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
}
#main .nav li.last{padding-right: 0;margin-right: 0;}
#main .nav li.last:after{border: 0;width: 0;}
#main .nav li:hover, #main .nav li.active{color: #ffcc00;}
#main .header .preface{
	width: 1000px;
	margin: 0 auto;
	border: 2px solid #1974f1;
	color: #fff;
	height: 144px;
	position: relative;
	line-height: 144px;
	padding: 0 55px 0 175px;
	letter-spacing: 1px;
}
#main .header .preface .title{
	font-size: 26px;
	width: 94px;
	height: 176px;
	line-height: 176px;
	background: #1974f1 url(../images/icons.png) no-repeat -413px 3px;
	position: absolute;
	top: -16px;
	left: 50px;
}
#main .header .preface .title span{display: inline-block;vertical-align: middle;line-height: 46px;}
#main .header .preface p{font-size: 14px;line-height: 24px;display: inline-block;vertical-align: middle;}
/*section*/
#main .section{padding: 50px 0;}
#main .section.bg{background-repeat: no-repeat;background-position: center 0;}
#main .section>.title{text-align: center;width: 1000px;margin: 0 auto;}
#main .section .container{width: 1000px;margin: 45px auto 0;}
#main .section .last{margin-right: 0!important;}

#main .section1 .container>img{float: left;margin-right: 32px;}
#main .section1 .container .item{padding-bottom: 25px;}
#main .section1 .container .item .icon{display: inline-block;width: 34px;height: 34px;background-position: -5px -5px;}
#main .section1 .container .item .title{font-size: 18px;line-height: 18px;vertical-align: top;margin-left: 15px;text-align: left;}
#main .section1 .container .item .text{border: 1px solid #56d9ff;font-size: 14px;color: #333333;line-height: 24px;}
#main .section1 .container .fl .item .text{width: 430px;padding: 14px 25px;}
#main .section1 .container .fl .item .text.text-max{padding: 20px 25px;}
#main .section1 .container .fr .item .text{width: 316px;padding: 25px 40px;}
#main .section1 .container .btn{margin: 26px auto 0px;width: 188px;}

#main .section2.bg{background-image: url(../images/bg_01.jpg);background-position-y: bottom;}
#main .section2 .container .item{margin-bottom: 50px;position: relative;height: 192px;}
#main .section2 .container .item .left,
#main .section2 .container .item .right{position: absolute;}
#main .section2 .container .item .right{right: 0;}
#main .section2 .container .item .btn{bottom: 0;width: 252px;margin: 0 110px;}
#main .section2 .container .content{margin-top: 20px;background-color: #1974f1;color: #fff;width: 570px;height: 170px;}
#main .section2 .container .content .title{
	font-size: 18px;
	line-height: 18px;
	padding: 34px 0 15px;
	position: relative;
	height: 67px;
}
#main .section2 .container .content .title div{position: absolute;width: 100%;}
#main .section2 .container .content .title .icon{
	content: "";
	top: 0;
	left: 50%;
	width: 146px;
	height: 52px;
	margin-left: -73px;
	background-position: -90px -5px;
}
#main .section2 .container .content .text{font-size: 14px;line-height: 24px;padding: 0 70px;}

#main .section3{padding-bottom: 270px;background-image: url(../images/bg_02.jpg);}
#main .section3>.title{text-align: right}
#main .section3 .container-item{height: 372px;line-height: 372px;}
#main .section3 .container-item1{margin: 80px 0 35px;}
#main .section3 .container-item2{margin: 0 0 0 32px;}
#main .section3 .content{
	width: 882px;
	height: 100%;
	border: 1px solid #02c6ff;
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
	line-height: 24px;
	position: relative;
}
#main .section3 .wrapBox{overflow: hidden;height: 100%;margin: 0 40px;position: relative;}
#main .section3 .name{
	width: 40px;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	margin: 0 20px;
	vertical-align: middle;
	display: inline-block;
}
#main .section3 .name div{line-height: 40px;}
#main .section3 .wrapBox .wrap{height: 100%;position: absolute;left: 0;}
#main .section3 .wrapBox li{width: 400px;height: 100%;float: left;}
#main .section3 .wrapBox li .title{
	font-size: 18px;
	line-height: 18px;
	padding: 29px 0 20px;
	border-bottom: 1px dashed #b5b5b5;
	margin: 0 30px 15px;
}
#main .section3 .wrapBox li .title:before,
#main .section3 .wrapBox li .title:after{
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color: #10c9ff;
	margin: 0 10px;
	display: inline-block;
	vertical-align: middle;
}
#main .section3 .wrapBox li .label{font-weight: bold;color: #000;}
#main .section3 .wrapBox li .text,
#main .section3 .wrapBox li .school{padding: 0 25px;}
#main .section3 .wrapBox li .text{font-size: 14px;color: #333;}
#main .section3 .wrapBox li .school{font-size: 14px;color: #0071d0;margin: 11px 0 25px;}
#main .section3 .wrapBox li .school .label{color: #0071d0;}
#main .section3 .container-item .arrow{
	position: absolute;
	top: 110px;
	width: 46px;
	height: 46px;
	background-position: -252px -7px;
	cursor: pointer;
	border-radius: 5px;
	border: 2px solid #ffcc00;
	line-height: 42px;
	background-color: #ffcc00;
}
#main .section3 .container-item .arrow:hover{background-color: #fff;}
#main .section3 .container-item1 .arrow{right: -32px;}
#main .section3 .container-item2 .arrow{left: -32px;}
#main .section3 .container-item .arrow.prev{top: 175px;background-position-y: -68px;}

#main .section4{margin-top: -220px;}
#main .section4>.title{text-align: left;}
#main .section4 .container{background-color: #1974f1;height: 105px;padding: 35px 40px;}
#main .section4 .container .form-item{width: 170px;margin-right: 30px;float: left;position: relative;}
#main .section4 .container .form-item .icon{position: absolute;height: 35px;width: 35px;background-position: -356px -2px;}
#main .section4 .container .form-item input{width: 170px;height: 35px;padding-left: 35px;color: #a3a3a3;}
#main .section4 .container .select:after{right: 9px;}
#main .section4 .container .form-item.select ul {left: 0;top: 35px;width: 100%;max-height: 200px;}

#main .section4 .container .btn{width: 120px;height: 37px;line-height: 35px;margin-top: -1px;font-size: 16px;}

#main .section .mytable{border: 1px solid #02c6ff;border-right: 0;border-bottom: 0;}
#main .section5 .mytable th{
	height: 75px;
	line-height: 75px;
	background-color: #1974f1;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
}
#main .section .mytable td{
	border: 1px solid #02c6ff;
	border-left: 0;
	border-top: 0;
	font-size: 14px;
	padding: 40px 30px;
	line-height: 24px;
}
#main .section .mytable td.tit{font-weight: bold;font-size: 16px;padding: 10px;text-align: center;}
#main .section5 .mytable td .label{font-weight: bold;margin-right: 15px;}
#main .section5 .btn{margin: 40px 20px 0;width: 198px;}

#main .section6 .container .title{margin-bottom: 20px;}
#main .section6 .container .title span{font-size: 22px;vertical-align: middle;display: inline-block;}
#main .section6 .container .title .icon{width: 49px;height: 40px;background-position: -310px -5px;}
#main .section6 .container .timeLine .item{
	display: inline-block;
	vertical-align: top;
	text-align: center;
	position: relative;
	padding: 0 50px 30px 0;
}
#main .section6 .container .timeLine .item.last{padding-right: 20px;}
#main .section6 .container .timeLine .item:before{
	content: "";
	position: absolute;
	top: 32px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #89e4ff;
}
#main .section6 .container .timeLine .month{
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	padding-bottom: 18px;
	margin-bottom: 13px;
	position: relative;
}
#main .section6 .container .timeLine .month:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -6px;
	width: 11px;
	height: 11px;
	margin-left: -5px;
	border-radius: 11px;
	background-color: #02c6ff;
}
#main .section6 .container .timeLine .text{font-size: 14px;line-height: 22px;color: #333;}
#main .section6 .container .btn{width: 198px;height: 53px;line-height: 51px;margin: 10px 20px 0;}

#main .section7{background-image: url(../images/bg_03.jpg);}
#main .section7 .container>.title{text-align: right;font-size: 26px;color: #17ecff;line-height: 44px;}
#main .section7 .container>.title:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 8px;
	height: 7px;
	border-radius: 5px;
	background-color: #17ecff;
	margin-right: 12px;
}
#main .section7 .container .btn-box{clear: both;}
#main .section7 .container .btn-box .btn{margin: 35px 20px 0;width: 198px;}
#main .section7 .container p{font-size: 14px;line-height: 26px;width: 394px;color: #fff;margin-top: 20px;letter-spacing: 1px;}
#main .section7 .container .item .title{
	width: 582px;
	height: 69px;
	line-height: 69px;
	background-color: #1974f1;
	font-size: 22px;
	color: #fff;
}
#main .section7 .container .item .content{
	width: 582px;
	height: 397px;
	background-color: #fff;
	line-height: 24px;
	padding: 33px 44px 0;
}
#main .section7 .container .content .label{font-size: 16px;font-weight: bold;}
#main .section7 .container .content .label:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background-color: #000;
	margin-right: 7px;
}
#main .section7 .container .content .text{font-size: 14px;color: #333;}
#main .section7 .container .content .text span{font-weight: bold;}
#main .section7 .container .content .line{width: 100%;border-bottom: 1px dashed #c9c9c9;margin: 15px 0;}

#main .section8 .tab{
	display: inline-block;
	width: 320px;
	height: 72px;
	line-height: 70px;
	background-color: #1974f1;
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	background-position: 80px -205px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	margin: 0 20px 15px 0;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #1974f1;
	cursor: pointer;
}
#main .section8 .tab2{background-position-y: -277px;}
#main .section8 .tab3{background-position-y: -345px;}
#main .section8 .tab.active,#main .section8 .tab:hover{background-color: #fff;color: #1974f1;background-position-x: -165px;}
#main .section8 .mytable td.tit{font-size: 18px;height: 200px;}
#main .section8 .mytable td{padding: 0 20px;}
#main .section8 .btn{width: 233px;height: 72px;line-height: 70px;margin: 40px 20px 0;}
#main .section8 .btn span{line-height: 20px;display: inline-block;vertical-align: middle;}

#main .section9 .container{border: 1px solid #02c6ff;width: 998px;}
#main .section9 .container .fl{width: 249px;}
#main .section9 .container .item{
    width: 249px;
    height: 194px;
    text-align: center;
    background: #f4f6f9;
    line-height: 194px;
}
#main .section9 .container .item .content{display: inline-block;vertical-align: middle;}
#main .section9 .container .item .title{font-size: 18px;color: #1974f1;line-height: 30px;padding: 0 0 8px;}
#main .section9 .container .item .text{font-size: 14px;color: #333;line-height: 24px;padding: 0 26px;}


/*leyu*/
#floatLeft .floatLeft_top{background: #1974f1;}
#floatLeft #imageField{background: #ffcc00;color: #000;}
#floatLeft #imageField:hover{opacity:0.8;}

/*yuyue*/
#yuyuePopBox .content{border-color: #1974f1;}
#yuyuePopBox .top,#yuyuePopBox h4.tit{background: #1974f1;}
#yuyuePopBox .button{background: #ffcc00;color: #000;border: 2px solid #ffcc00;}
#yuyuePopBox .button:hover{background: transparent;color: #ffcc00;}

/*ce luqulv*/
@media \0screen\,screen\9{
	.test-shadow{background:#000;filter:Alpha(opacity=80);position:static;*zoom:1;}
}
.test-shadow{
	width: 100%;
	height: 100%;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.8);
	z-index:1111;
	display:none;
}
.test-pop{
	width: 280px;
	padding:20px 25px 25px;
	background:#fff;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-160px;
	margin-top:-150px;
	border:3px solid #1974f1;
}
.test-pop>h6{
	font-size:18px;
	color:#000;
	text-align:center;
	line-height:30px;
}
.test-close{
	position:absolute;
	top:15px;
	right:15px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.test-close:hover{
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
}
.test-list{
	margin:10px auto 0;
	width:200px;
}
.test-list>li{
	width:200px;
	height: 35px;
	list-style:none;
	margin-bottom:20px;
}
.test-list>li>span{
	font-size:14px;
}
.test-name,.test-tel,.test-college{
    border:none;
    outline:none;
    height: 33px;
    background:none;
    border:1px solid #000;
}
.test-name,.test-tel{width: 151px;}
.test-college{width: 123px;}
.test-btn{
	display:block;
	width: 100px;
	height: 35px;
	line-height: 35px;
	background:#ffcc00;
	text-decoration:none;
	color:#000;
	text-align:center;
	margin:0 auto;
}
.test-btn:hover{
	opacity:0.8;
}