/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none;}
ul li{list-style:none;}
img{outline:none; border:none;}
input,select{outline:none;}
area{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,em{font-style:normal;}
body{font-family:Microsoft YaHei; font-size:12px;}
.clearfix:after{ display:block; content:''; clear:both;}

@font-face {
    font-family: 'my-webfont';
    src: 
         url('fontsmy-webfont.woff') format('woff'),
		 url('../fonts/my-webfont.woff2') format('woff2'),
		 url('fontsmy-webfont.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}
.top{ width:1060px; margin:0 auto; overflow:hidden;}
.top a{ float:left; padding-top:30px;}
.top span{ float:right; height:89px; line-height:90px; text-indent:39px; background:url(imagesphone.png) left center no-repeat; color:#FFF; font-size:24px; font-family:Arial, Helvetica, sans-serif;}

.banner{ width:1060px; margin:0 auto; overflow:hidden;}
.banner h1{ width:100%; line-height:332px; color:#FFF; font-size:48px; text-indent:92px; font-weight:bold;}

.banner_bt{ width:814px; margin:0 auto;  padding-left:246px;}
.banner_bt a{ display:block; position:relative; width:90px; height:68px; text-align:center; padding-top:22px; line-height:24px; font-size:18px; color:#007fdb; border-radius:45px; background:#ffea00;}
.banner_bt a img{ position:absolute; left:-13px; top:-13px;}
.banner_bt a:hover img{ 
	-webkit-animation-name:mymove;
	-webkit-animation-duration:0.6s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-fill-mode:forwards;

}

@keyframes mymove{
	
	0%{ -webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);
		
		}	
}


.yh{ width:1060px; margin:40px auto; overflow:hidden;}
.yh h3{ width:100%; padding-top:90px; background:url(imagesicon1.png) top center no-repeat; text-align:center; line-height:92px; font-size:48px; color:#313131; font-family:'my-webfont'; font-weight:bold;}
.yh span{ display:block; width:100%; font-size:24px; color:#9a9a9a; text-align:center; line-height:26px;}
.yh span i{ color:#007fdb;}

.yh_ct{ width:442px; height:117px;  padding:44px 0 0 254px; overflow:hidden; background:url(imagesys_winter_05.jpg) no-repeat; margin:30px auto 0; position:relative;}
.yh_ct p{ width:310px; line-height:24px; color:#FFF; font-size:14px;}
.yh_ct a{ position:absolute; width:70px; height:58px; line-height:24px; text-align:center; padding-top:12px; background:#FFF; font-size:16px; color:#0086d3; border-radius:8px; top:45px; right:56px;}
.bxj{ overflow:visible;}
.bxj h3{ background:url(imagesicon2.png) top center no-repeat;}

.bxj_ct{ width:1195px; margin:0 auto; background:url(imagesys_winter_09.jpg) center top no-repeat; height:500px; margin-top:46px; position:relative;}
.bxj_ct dl{ position:absolute; width:366px; height:245px; overflow:hidden;}
.bxj_ct dl dt{ width:170px; height:130px; text-align:center; color:#FFF; padding-top:40px; line-height:30px; font-size:18px; font-weight:bold;}
.bxj_ct dl dd{ width:366px; padding-left:156px; line-height:30px; color:#222; font-size:14px;}

.online{ width:1060px; margin:0 auto; overflow:hidden;}
.online p{ width:100%; height:130px; line-height:150px; text-align:center; font-family:'my-webfont'; font-size:30px; color:#FFF;}
.online p i{ font-weight:bold;}
.online a{ display:block; width:400px; height:60px; line-height:60px; -webkit-transition:all 0.4s ease-in-out; text-align:center; background:#ffea00; border-radius:6px; margin:0 auto;  color:#464000; font-size:18px;}
.online a:hover{ background:#FFF;}

.light{ width:1060px; margin:0 auto; overflow:hidden; padding-top:50px; height:84px;}
.light dl{ float:left;  width:490px; overflow:hidden;}
.light dl dt{ float:left; width:120px; height:54px; line-height:54px; color:#FFF; text-indent:44px; font-size:18px;}
.light dl dd{ float:left; height:54px; line-height:54px; font-size:18px; color:#222222; text-indent:20px; width:370px;}

.course{ width:1060px; margin:0 auto; overflow:hidden;}
#tab{ width:1060px; overflow:hidden; height:120px;}
#tab span{ cursor:pointer; float:left; width:240px; height:87px; text-align:center; color:#FFF; margin-right:32px; padding-top:12px; line-height:34px; font-size:18px; background:url(imagesspan_bg1.jpg) no-repeat;}
#tab span.se{ background:url(imagesspan_bg1.png) no-repeat; color:#222;}

#tab_content{ width:1060px; margin:0 auto; overflow:hidden;}
#tab_content div{ display:none;}
#tab_content div dl{ position:relative; float:left; width:340px; height:352px; overflow:hidden; background:url(imagesdl_bg.jpg) no-repeat #fff; margin-right:20px; padding-top:30px;}
#tab_content div dl dt{ width:100%; text-align:center; line-height:60px; color:#222; font-size:24px;}
#tab_content div dl dt i{ color:#007fdb;}
#tab_content div dl dd  p{ width:100%; overflow:hidden;}
#tab_content div dl dd span{ float:left; width:96px; text-align:right; line-height:30px; color:#222; font-size:14px;}
#tab_content div dl dd font{ float:right; width:240px; line-height:30px; font-size:14px; color:#222;}
#tab_content div dl dd a{ -webkit-transition:all 0.4s ease; position:absolute;  left:0px; bottom:0px; width:340px; height:60px; line-height:60px; text-align:center; color:#FFF; font-size:18px; background:#007fdb; margin-top:22px;}
#tab_content div dl dd a:hover{ background:#ffe100; color:#222;}


.course2{ width:1060px; margin:0 auto; overflow:hidden;}
#course2 { float:left; width:217px; overflow:hidden; background:url(imagescourse2_bg.png) right center no-repeat #FFF;}
#course2 span{ cursor:pointer; float:left; width:170px; height:88px; overflow:hidden; background:url(imagessp_bg2.png) top right no-repeat; line-height:88px; text-indent:51px; color:#FFF; font-size:18px;}
#course2 span.se{ background:url(imagessp_bg1.jpg) left center no-repeat; color:#222;}

#course_content2{ float:left; width:597px; height:330px; overflow:hidden; background:#FFF; padding-left:40px; padding-top:22px; background:#FFF;}
#course_content2 div{ display:none;}
#course_content2 div table{ width:100%; text-align:center; }
#course_content2 div table tr th{ height:60px; font-size:18px; color:#007fdb; font-weight:normal; border-bottom:1px dashed #d5d5d5;}
#course_content2 div table tr td{ height:60px; font-size:18px; color:#222; font-weight:normal; border-bottom:1px dashed #d5d5d5;}
#course_content2 div table tr td a{ display:block; width:110px; height:40px; line-height:40px; text-align:center; color:#FFF; font-size:18px; margin:0 auto; background:url(imagesa_bg.jpg) repeat-x; border-radius:20px;}

.zxxq{ width:100%; display:block; text-align:center; color:#555555; font-size:14px; line-height:70px;}


.ms h3{ background:url(imagesicon4.png) top center no-repeat;}


/*gedu_teacher*/

#gedu_teacher { width:1060px; height:287px; overflow:hidden; position:relative; margin:0px auto ; padding-bottom:20px; }


.teacher_banner{width:920px;  height:287px;  overflow:hidden; margin:0 auto; position:relative;}
.teacher_banner ul{height:287px; overflow:hidden; position:absolute; top:0px; left:0px; z-index:2;}
.teacher_banner ul li{width:920px;  height:287px;  float:left; text-align:center; overflow:hidden; }
.teacher_banner ul li dl{ width:832px; padding-left:88px; overflow:hidden; position:relative;}
.teacher_banner ul li dl dt{ float:left; width:256px; height:287px;}
.teacher_banner ul li dl dt img{ display:block; margin:0 auto;}
.teacher_banner ul li dl dd{ float:right; width:540px; padding-top:50px;}
.teacher_banner ul li dl dd h6{ width:100%; text-align:left; line-height:36px; color:#222; font-size:16px;}
.teacher_banner ul li dl dd p{ width:100%; line-height:36px; color:#222; font-size:16px; text-align:left;}
.teacher_banner ul li dl dd a{ position:absolute; left:380px; bottom:0px; border-radius:8px;  width:140px; height:60px;  line-height:60px; text-align:center; color:#FFF; background:url(imagesa_bg.jpg) left center  repeat-x; background-size:100% 100%; font-size:18px;}
.teacher_point{width:100%; height:11px; opacity:0; text-align:center; position:absolute; bottom:-60px; left:0px; z-index:10;}
.teacher_point span{display:inline-block; margin-right:6px; cursor:pointer; width:11px; height:11px;}


#gedu_teacher font{ width:91px; height:91px; z-index:10; position: absolute; top:50%; margin-top:-46px; cursor: pointer;}
#gedu_teacher .prev{ left:0px; background:url(imagesprey.png) no-repeat; background-size:100% 100%;}
#gedu_teacher .prev:hover{}
#gedu_teacher .next{ right:0px; background:url(imagesnext.png) no-repeat; background-size:100% 100%;}
#gedu_teacher .next:hover{ }

.serve h3{ background:url(imagesicon5.png) top center no-repeat;}

.serve_ct{ width:1006px; margin:0 auto; overflow:hidden; padding-left:54px; margin-bottom:10px;}
.serve_ct dl{ float:left; width:232px; overflow:hidden; margin-right:8px; padding-top:46px; height:161px;}
.serve_ct dl dt{ text-align:center; line-height:58px; color:#FFF; font-size:18px;  marign-bottom:12px;}
.serve_ct dl dd{ text-align:center; line-height:30px; color:#FFF; font-size:14px;}

.serve_ct2{ padding-left:174px; width:886px;}

.zx_bt{ width:830px; margin:0 auto; overflow:hidden;  padding:60px 0 20px 230px; }
.zx_bt a{ float:left; width:268px; height:58px; line-height:58px; text-align:center; border:1px solid #0089de; border-radius:6px; color:#007fdb; font-size:18px;  margin-right:60px;}
.zx_bt a.yscp{ background:url(imagesa_bg.jpg) repeat-x; background-size:100% 100%; color:#FFF;}
.pp h3{ background:url(imagesicon6.png) top center no-repeat;}

.pinpai{ position:relative; width:1060px; background:url(imagesys_winter_20.jpg) center top no-repeat; height:856px; margin:0 auto;}
.pinpai dl{ position:absolute; width:220px; overflow:hidden;}
.pinpai dl dt{ width:100%; text-align:left; line-height:58px; color:#007fdb; font-size:18px;}
.pinpai dl dt i{ color:#007fdb; font-weight:bold; font-size:26px; font-family:'my-webfont';}
.pinpai dl dd{ line-height:24px; color:#222; font-size:14px;}
.pinpai p{ position:absolute; width:285px; text-align:center; line-height:48px; font-weight:bold; color:#222222; font-size:20px;}
.pinpai p i{ color:#007fdb;}
.pinpai p a{ position:absolute; width:184px; height:50px; line-height:50px; text-align:center; border-radius:8px; background:url(imagesa_bg.jpg) repeat-x; background-size:100% 100%; color:#FFF; font-size:16px; left:50px; top:114px;}

.question h3{ background:url(imagesicon7.png) top center no-repeat;}

#student{  width:1060px; margin:0 auto; overflow:hidden;}
#student dl{ float:left; width:239px;  margin-right:34px; overflow:hidden;}
#student dl dt{ position:relative; width:239px; height:190px; overflow:hidden;}
#student dl dt img{ position:absolute; left:0px; top:0px;}
#student dl dt p{ position:absolute; left:0px; top:190px; width:239px; height:130px; background:url(imagesp_bg.png) repeat; padding-top:60px;}
#student dl dt p a{ display:block; width:148px; height:58px; line-height:58px; text-align:center; color:#FFF; border:1px solid #FFF; border-radius:6px; font-size:18px; margin:0 auto;}
#student dl dd{ width:100%; text-align:center; color:#222; font-size:18px; line-height:60px;}
#student dl.se dt p{ top:0px;}
 
.order{ display:block; width:380px; height:50px; line-height:50px; text-align:center; color:#FFF; border-radius:8px; margin:20px auto; background:url(imagesa_bg.jpg) repeat-x; background-size:100% 100%; font-size:18px;}

.pic{ width:1030px; margin:0 auto; overflow:hidden; padding-left:30px; padding-bottom:30px;}
.pic p{ width:100%; text-align:center; margin-bottom:20px; overflow:hidden; }
.pic p img{ float:left; -webkit-transition:all 0.4s ease-in-out;}
.pic .p1 img{ margin-right:20px;}
.pic .p2 img{ float:left;}
.pic .p3 img{ margin-right:22px;}
.pic p img:hover{ -webkit-transform:scale(1.1);}

.footer{ width:100%; text-align:center; color:#FFF; padding:50px 0; font-size:14px; background:#222; line-height:46px;}