h1,h2,h3,h4,h5{font-weight: normal;color: #222222}
.cf:before,.cf:after{content:""; display:table}.cf:after{clear:both}.cf{*zoom:1}
.clear{clear: both}
a:link{ text-decoration:none; color:#252525}a:visited{ text-decoration:none; color:#666666}a:hover,a:active{color:#1989fa}
input[disabled]{  background:none; text-align:center; text-indent:0 !important}
input[type="button"],input[type="submit"]{box-sizing: content-box;padding: 0}
.fl{ float:left}.fr{ float:right}
.main{ width:1200px; margin:0 auto ;}
.tabCon{display: none; }
.Hidebox{display:none}.Showbox{display:block}
.oh{overflow: hidden;}
.mb5{margin-bottom: 5px}
.mb10{margin-bottom: 10px}
.mb15{margin-bottom: 15px}
.mb20{margin-bottom: 20px}
.mb25{margin-bottom: 25px}
.mb30{margin-bottom: 30px}
.mb35{margin-bottom:35px}
.mb40{margin-bottom: 40px}
.mb45{margin-bottom:45px}
.mb50{margin-bottom: 50px}
.mb60{margin-bottom: 60px}
.mb70{margin-bottom: 70px}
.mb80{margin-bottom: 80px}
.mb90{margin-bottom: 90px}
.mb100{margin-bottom: 100px}
.mb140{margin-bottom: 140px}
.mt5{margin-top: 5px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}
.ml10{margin-left: 10px}
.ml15{margin-left: 15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml45{margin-left:45px}
.ml50{margin-left:50px}
.ml60{margin-left:60px}
.ml70{margin-left:70px}
.mr10{margin-right: 10px}
.mr15{margin-right: 15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}
.mr35{margin-right:35px}
.mr40{margin-right:40px}
.mr45{margin-right:45px}
.mtb10{margin: 10px 0}
.mtb15{margin: 15px 0}
.mtb20{margin: 20px 0}
.mtb30{margin: 30px 0}
.mtb40{margin: 40px 0}
.mtb60{margin: 60px 0}
.pdt10{padding-top: 10px}
.pdb10{padding-bottom: 10px}
.pd10{padding: 10px}
.pdtb10{padding: 10px 0}
.pdlr10{padding:0 10px}
.pdnt10{padding:0 10px 10px}
.pd15{padding: 15px}
.pdtb15{padding: 15px 0}
.pdlr15{padding:0 15px}
.pdnt15{padding:0 15px 15px}
.pdt15{padding-top: 15px}
.pb10{padding-bottom: 10px}
.pb15{padding-bottom: 15px}
.pb20{padding-bottom: 20px}
.pb30{padding-bottom: 30px}
.pb40{padding-bottom: 40px}
.pb50{padding-bottom: 50px}
.pd20{padding: 20px}
.pdt20{padding-top: 20px}
.pdtb20{padding: 20px 0}
.pdlr20{padding:0 20px}
.pdnt20{padding:0 20px 20px}
.pd30{padding: 30px}
.pdtb30{padding: 30px 0}
.pdlr30{padding:0 30px}
.pdnt30{padding:0 30px 30px}
.H10{height: 10px;}
.H15{height: 15px;}
.H20{height: 20px;}
.H25{height: 25px;}
.H30{height: 30px;}
.br{border: 1px solid #e8e8e8}
.brl{border-left: 1px solid #e8e8e8}
.brt{border-top: 1px solid #e8e8e8}
.brr{border-right: 1px solid #e8e8e8}
.brb{border-bottom: 1px solid #e8e8e8}
.brtno{border-top:none;}
.BgCyan{background: #e8effc}
.BgGray{background: #f9f9f9}
.BgRed{background: #f24343}
.BgOrange{background:#f5a027}
.BgBlue{background: #5983fb}
.BgPink{background: #ff9797}
.BgGreen{background: #69d271}
.BgIndigo{background: #0b6dc8}
.BgWhite{background: #fff}
.Boxs{box-shadow: 0px 0px 5px #e8e8e8;}
.BoxD{box-shadow: 0px 3px 5px rgba(0,0,0,0.1);}
.ColorGray{color: #999}
.ColorGreen{color: #07a224 !important}
video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px);}

/*none*/
.nomr{ margin-right:0 !important}
.PublicImg{width: 100%; max-width: 100%}
/*public botton*/
.NoBtn,.BlueBtn,.RedBtn,.OrangeBtn,.GrayBtn,.WhiteBtn,.PinkBtn,.GreenBtn,.GrayBrBtn{ text-align:center; color:#fff !important; cursor:pointer; font-size:16px; outline:none}
.NoBtn{background:#ebebeb }
.BlueBtn{ background:#0b6dc8}
.RedBtn{ background:#f24343}
.OrangeBtn{ background:#f60}
.PinkBtn{background: #fff1f2;} 
.WhiteBtn,.PinkBtn{color: #f24343 !important;border: 1px solid #f24343}
.GrayBtn{ background:#ebebeb; color: #222 !important}
.GrayBrBtn{background: #f3f3f3; border: 1px solid #ddd; color: #222 !important}
.GreenBtn{background: #16a448}
.BorBtn{border: 1px solid #f24343; color: #f24343 !important;text-align:center; cursor:pointer}
.BlueBtn:hover,.OrangeBtn:hover,.WhiteBtn:hover,.BorBtn:hover,.PinkBtn:hover,.GrayBrBtn:hover{ background:#f60 !important;color:#fff !important;border-color: #f60}
.RedBtn:hover,.GrayBtn:hover,.GreenBtn:hover{ background:#f60  !important;color:#fff !important;}
.BtnH40{height: 40px;line-height: 40px; box-sizing: border-box;border-radius: 20px;}
.BtnH30{height: 30px;line-height: 30px; box-sizing: border-box;border-radius: 15px;}
.WhiteBG{ background:#fff;}
a.red,.red{ color:#f00 !important}
a.blue,.blue{color: #005ea7 !important}
a.green,.green{color: #0cb972 !important}
a.red:hover,a.blue:hover,a.green:hover{ text-decoration:underline}



.IndexTitle{text-align: center; overflow: hidden;}
.IndexTitle h2{font-size: 45px; line-height: 60px; padding: 15px 0;font-weight: bold;}
.IndexTitle p{line-height: 32px; font-size: 18px; color: #666666}
.IndexTitle .White{color: #000 !important}


/*banner*/
.Banner{height: 500px; overflow: hidden;}
.Banner img{width: 1920px; height: 500px; position: relative; margin-left: -960px; left: 50%;}

/*网校*/
.OnLine li i,
.SchoolBrand ul li i,
.SchoolManage ul li i,
.SchoolOperate ul li i,
.SchoolPlatform ul li i{background: url("../images/bg_public.png") no-repeat}

.SchoolPlatform .PlatformList{overflow: hidden; position: relative;}
.SchoolPlatform ul{margin-left: -1px;margin-top: -1px;}
.SchoolPlatform ul li{width: 369px; height: 243px; padding: 15px; border-left: 1px solid #ededed;border-top: 1px solid #ededed; text-align: center; overflow: hidden; float: left;}
.SchoolPlatform ul li i{width: 100px; height: 100px; display: block; margin: 0 auto;}
.SchoolPlatform ul li i.iA{background-position: 0 -1800px;}
.SchoolPlatform ul li i.iB{background-position: -100px -1800px;}
.SchoolPlatform ul li i.iC{background-position: 0 -1900px;}
.SchoolPlatform ul li i.iD{background-position: -100px -1900px;}
.SchoolPlatform ul li i.iE{background-position: 0 -2000px;}
.SchoolPlatform ul li i.iF{background-position: -100px -2000px;}
.SchoolPlatform ul li h2{font-size: 20px;font-weight: bold;height: 52px;line-height: 52px;overflow: hidden;}
.SchoolPlatform ul li p{overflow: hidden;height: 90px;line-height: 30px; font-size: 16px; width: 280px;margin: 0 auto;}
.SchoolPlatform ul li:hover{cursor: pointer; color: #1989fa;background: #fff;}
.SchoolPlatform ul li:hover h2{ color: #1989fa;}


.SchoolBrand{ background: #e6e6e6; padding-top: 10px;padding-bottom: 20px;display: grid;}
.SchoolBrand ul{margin: 20px 0 55px;}
.SchoolBrand ul li{width: 370px;height: 100px;line-height: 100px; margin:35px 0 0 45px; background: #fff;font-size: 22px; font-weight: bold; border-radius: 8px; text-align: center;float: left;}
.SchoolBrand ul li i{width: 60px; height: 60px; display: inline-block;margin: 20px 0;vertical-align: middle;}
.SchoolBrand ul li i.i1{background-position: 0 -820px}
.SchoolBrand ul li i.i2{background-position: -60px -820px}
.SchoolBrand ul li i.i3{background-position: -120px -820px}
.SchoolBrand ul li i.i4{background-position: 0 -880px}
.SchoolBrand ul li i.i5{background-position: -60px -880px}
.SchoolBrand ul li i.i6{background-position: -120px -880px}
.SchoolBrand ul li:nth-child(3n+1){margin-left: 0}
.SchoolBrand ul li:hover{box-shadow: 5px 5px 10px rgba(0,0,0,0.2);transition:all .5s; transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px); cursor: pointer; color: #1989fa}

.SchoolManage ul{width: 515px; }
.SchoolManage ul li{margin-bottom: 40px}
.SchoolManage ul li .Img{width: 120px; height: 120px;line-height: 120px; border: 1px solid #1989fa; border-radius: 50%;}
.SchoolManage ul li .Img i{width: 80px; height: 80px; display: block;margin: 20px;}
.SchoolManage ul li .Img i.i1{background-position: 0 -940px}
.SchoolManage ul li .Img i.i2{background-position: 0 -1020px}
.SchoolManage ul li .Img i.i3{background-position: 0 -1100px}
.SchoolManage ul li .Txt{width: 360px}
.SchoolManage ul li .Txt h2{height: 54px; line-height: 54px; font-weight: bold; font-size: 22px; color: #1989fa; width: 100%; overflow: hidden;}
.SchoolManage ul li .Txt p{line-height: 28px; color: #666;font-size: 16px }
.SchoolManage .R{text-align: center; width: 665px;}
.SchoolManage .R img{width: 600px; height: 518px;padding-left:90px;}

.SchoolOperate ul{margin: 60px auto}
.SchoolOperate ul li{width: 310px; padding: 20px 24px; height: 240px; border: 1px solid #dfdfdf; background: #ffffff; border-radius: 8px; float: left; margin-left: 60px}
.SchoolOperate ul li:first-child{margin-left: 0}
.SchoolOperate ul li i{width: 80px; height: 80px; display: block;margin: 0 auto}
.SchoolOperate ul li i.i1{background-position: -100px -940px}
.SchoolOperate ul li i.i2{background-position: -100px -1020px}
.SchoolOperate ul li i.i3{background-position: -100px -1100px}
.SchoolOperate ul li h2{height: 56px; line-height: 56px; font-weight: bold; font-size: 22px; color: #1989fa; text-align: center;}
.SchoolOperate ul li p{margin-top: 10px; max-height: 112px; line-height: 28px; color: #666;font-size: 16px}


/*底部*/
.Btm{background: #393c40;padding-top: 20px;padding-bottom: 10px; }
.Btm .Logo{width: 310px; padding: 20px 0; text-align: center;}
.Btm .Logo img{height: 60px}
.Btm .QQ a{color: #fff;font-size: 16px;}
.Btm p{color: #fff;font-size: 16px;}
.Btm p a{color: #fff;font-size: 16px;}
.Btm .Infor{margin-left: 60px; width: 650px}
.Btm .Infor img{height: 32px;}
.Btm .Ewm{text-align: center; width: 140px}
.Btm .Ewm img{width: 124px; height: 124px;margin: 0 auto;}
.Btm .Ewm p{line-height: 32px;}
.Btm .HotTel i{background-position: -70px 0;width: 50px; height: 50px;display:inline-block; vertical-align: top;}
.Btm .Tel{font-weight: bold;font-size: 26px;color: #ee4344;line-height: 36px; }
.CopyRight{background: #272a2f; text-align: center; color: #969799; line-height: 30px; padding: 10px 0;font-size: 14px;}
.CopyRight a{color: #fff}

/*悬浮框*/
.OnLine{width: 50px; height: 216px; position: fixed; right: 0; top: 80%;margin-top:-104px; z-index: 99;_position:absolute;_right:expression(eval(document.documentElement.scrollRight));_top:expression(eval(document.documentElement.scrollTop+100));_margin-top:0 }
.OnLine li{width: 50px; height: 50px; margin-bottom: 2px;position: relative;background: #646566}
.OnLine li i{width: 50px; height: 50px;display: inline-block;}
.OnLine li .title{position: absolute; left: 0px;top: 0;word-wrap:break-word ; width: 130px;padding: 13px 0;  line-height: 24px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s;color: #fff;font-size: 16px;  z-index: 1; opacity: 0;filter:alpha(opacity=0);}
.OnLine li a{color: #fff}
.OnLine li:hover{background: #1989fa}
.OnLine li:hover .title{left: -130px; opacity: 1;filter:alpha(opacity=100);background: #1989fa}
.OnLine li.Customer i{background-position: 0 -1740px;}
.OnLine li.Phone i{background-position: -50px -1740px;}
.OnLine li.WeChat i{background-position: -100px -1740px;}
.OnLine li.Phone .title{width: 140px;display: none;}
.OnLine li.Phone:hover .title{left: -150px;top: -60px; width: 140px; height: 140px; padding: 0;;display: block;background: #fff}
.OnLine li.Phone:hover img{width: 140px; height: 140px;}
.OnLine li.Go i{background-position: -150px -1740px;}


/*清除浮动*/
.remove-float{
	clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}



/*function*/
.function{
	padding: 2% 0%;
	background: #f5f5f5;
}
.function-view{
	width: 1200px;
	margin: 0 auto;
}
.function-two{
	width: 280px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	background: #fff;
       }
.function-icon{
	width: 30%;
	float: left;
}
.function-text{
	margin: 10% 0%;
	width: 70%;
	float: right;
}
.function-text-one{
	font-size: 1.4em;
	line-height: 28px;
	color: #333333;
	font-family: "Microsoft YaHei";
}
.function-text-two{
	font-size: 1em;
	color: #999;
	padding-top: 6px;
	font-family: "Microsoft YaHei";
}
/*advantage*/
.advantage-ba{
	background: url(../images/advantage-background.png) no-repeat center top;
}
.advantage-text-one{
	padding-top: 3%;
	font-size: 30px;
	text-align: center;
}
.advantage-text-two{
	padding-top: 0;
	text-align: center;
    font-size:1.2em;
}
.advantage-text-three{
	width: 800px;
	margin: 0 auto;
	padding-bottom: 8%;
}
.ad-one{
	font-size: 20px;
	background: #45b7bc;
	width: 170px;
	float: left;
	line-height: 60px;
	border-radius: 50px 50px 0px 50px;
	color: white;		
	margin: 1%;
}
.ad-two{
	font-size: 20px;
	background: #5272c5;
	width: 170px;
	float: left;
	line-height: 60px;
	border-radius: 50px 50px 0px 50px;
	color: white;		
	margin: 1%;
}
.ad-three{
	font-size: 20px;
	background: #45a4f1;
	width: 170px;
	float: left;
	line-height: 60px;
	border-radius: 50px 50px 0px 50px;
	color: white;		
	margin: 3% 1% 1% 1%;
}
.ad-four{
	font-size: 20px;
	background: #8872db;;
	width: 170px;
	float: left;
	line-height: 60px;
	border-radius: 50px 50px 0px 50px;
	color: white;		
	margin: 3% 1% 1% 1%;
}
.ad-one-icon{
	width: 50px;
	float: left;
	height: 50px;
	margin-top: 10px;
	text-align: center;
	margin-left: 10px;
}
.ad-text-one{
	width: 110px;
	float: right;
}