@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0; border: 0;}
a{text-decoration:none}
head,html{font-family:"微软雅黑", Microsoft YaHei,Gotham, Helvetica Neue, Helvetica, Arial, "sans-serif";color:#333;background: #fff;}
head,html,ul,li,h1,h2,h3,h4,h5,h6,p,a{list-style: none;}

.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}




.header{width: 100%;}
.header nav{width: 1200px;margin: auto;overflow: hidden;}
.header nav .logo{float: left;}
.header nav .logo img{margin-top: 4px;}
.header nav ul{float: right;overflow: hidden;margin-bottom: 0;}
.header nav ul li{float: left;text-align: center;height: 60px;}
.header nav ul li a{font-size: 18px;color: #333;line-height: 56px;padding: 17px 25px;}
.header nav ul li a:hover{border-bottom: 5px solid #e4392a ;}

.banner{width: 100%;}
.banner img{width: 100%;}

.dh{width: 100%;margin-top: 30px;}
.dh ul{width: 1200px;margin: auto;overflow: hidden;}
.dh ul li{float: left;margin-left: 57px;}
.dh ul li:first-child{margin-left: 0;}
.dh ul li .cont{text-align: center;}
.dh ul li .cont img{}
.dh ul li .cont p{font-size: 18px;color: #333;margin-top: 10px;font-weight: 500;}

.huodong{width: 100%;}
.huodong .cont1{width: 1200px;margin: auto;overflow: hidden;background: #fff3df;padding: 10px;}
.huodong h1{text-align: center;margin: 40px 0;}
.huodong h1 p{font-size: 40px;color: #cb3a10;}

.huodong .cont1 .left{float: left;}
.huodong .cont1 .left ul{}
.huodong .cont1 .left ul li{margin-top: 35px;}
.huodong .cont1 .left ul li:first-child{margin-top: 0;}
.huodong .cont1 .left ul li .hd{text-align: center;width: 545px;height: 118px; margin-left: 5px;}
.huodong .cont1 .left ul li .hd a{float: left;font-size: 20px;color: #fff;line-height: 36px;width: 80px;text-align: center;padding-top: 30px;}
.huodong .cont1 .left ul li .hd p{float: left;font-size: 18px;color: #333;margin-left: 10px;width: 380px;padding-top: 34px;}
.huodong .cont1 .left ul li .hd p span{font-size: 20px;color: #ff0000;}

.huodong .cont1 .left ul li .dw img{}
			
.huodong .cont1 .right{float: right;}
.huodong .cont1 .more{ margin: 30px auto;text-align: center;}
.huodong .cont1 .more a{color: #fff;padding: 15px 100px;background: #cb3a10;border-radius: 5px;font-size: 16px; }

/*   课程菜单 end    */

.hiden{visibility:hidden;}
.pinpan:hover p{
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.pinpan:hover p::after{
	opacity: 0;
}
.shi img{width: 100%;}
.place{font-size: 12px;margin-top: 30px; color: #666;}
.info{font-size: 13px;padding-bottom:2px;color: #909090;margin-left:55px;}
.info small{margin-left:15px;}
.intro{margin:20px 0px;padding: 15px;background: #eeeeee;color: #666;}
.zhiwu{background:#3f8af9;color: #fff;display: inline-block; border-radius: 4px;padding: 2px 10px;margin-bottom: 30px;}
.zxjs{ background: url(../images/zxjs.jpg) no-repeat; padding-left:30px;margin-left:20px;font-size: 18px;}
.zxjs a{display:inline-block;color: #666;}
.kelb div{padding:0px;border-bottom: 1px solid #dcdcdc;line-height:40px;}
.kelb div:last-child{
	border-bottom: 0;
}
/*   分页   */
   .page li{
       float: left;
       list-style-type: none;
       padding: 5px 10px;
       font-size: 14px;
       border: 1px #dedede solid;
       margin: 10px;
   }
   .page .thisclass{
       color: #ffffff;
	   background: #3f8af9;
	   border: 1px #3f8af9 solid;
   }
.pinpan_t{
	background: #d95761;
	height: 116px;
	width: 116px;
	border-radius: 58px;
	text-align: center;
	margin: 0 auto;
	line-height: 116px;
}

.pinpan_b{
	background: #6ca6c0;
	height: 116px;
	width: 116px;
	border-radius: 58px;
	text-align: center;
	margin: 0 auto;
	line-height: 116px;
}
.pinpan_j{
	background: #9bc48d;
	height: 116px;
	width: 116px;
	border-radius: 58px;
	text-align: center;
	margin: 0 auto;
	line-height: 116px;
}
.pinpan_x{
	background: #f29c9f;
	height: 116px;
	width: 116px;
	border-radius: 58px;
	text-align: center;
	margin: 0 auto;
	line-height: 116px;
}
.pinpan_t img{width:40%;}
.pinpan_b img {width:45%;}
.pinpan_j img {width:50%;}
.pinpan_x img {width:45%;}

.jieshao{padding-bottom: 20px;}

.fw{}
.fw .cont2{width: 1200px;margin: auto;overflow: hidden;}
.fw .cont2 h1{text-align: center;margin: 40px 0;}
.fw .cont2 h1 p{font-size: 40px;color: #cb3a10;}
.fw .cont2 .left{float: left;}
.fw .cont2 .right{width: 543px;height: 472px; float: right; border: 3px solid #e22b2b;}
.fw .cont2 .right p{height: 112px;margin-bottom: 0;padding: 10px 10px;font-size: 16px;line-height: 30px;}
.fw .cont2 .right .pic{height: 354px;}

.bx{/*background: url(../img/bj.jpg)no-repeat;*/padding-top: 1px;padding-bottom: 15px;margin-top: 40px;}
.bx .cont3{width: 1200px;margin: auto;}
.bx .cont3 h1{text-align: center;margin: 40px 0;}
.bx .cont3 h1 p{font-size: 40px;color: #cb3a10;}

.bx .cont3 ul{overflow: hidden;}
.bx .cont3 ul li{float: left;margin-left: 46px;}
.bx .cont3 ul li:first-child{margin-left: 0;}

.youxuan ul{
	width: 105%;
	overflow: hidden;
}
.youxuan ul li{
	float: left;	
	font-size: 24px;
	line-height: 140px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;	
}
.youxuan ul li .active{
	background: #cb3a10;
	color: #fff;
}
.youxuan ul li a{
	width: 142px;
	height: 142px;
	border-radius: 6px;
	display: block;
	background: #fff;
	color: #434343;			
	text-decoration: none;	
}
.youxuan ul li a:hover{
	background: #cb3a10;
	color: #fff;
}
.gouji ul{
	width: 110%;
	overflow: hidden;
}
.gouji ul li{
	float: left;	
	font-size:16px;	
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: left;
	color: crimson;
	position: relative;
}
.gouji ul li i{
	position: absolute;
	top:12px;
	left:12px;
	
}
.gouji ul li .active{
	background: #cb3a10;
	color: #fff;
}
.gouji ul li a{
	width: 178px;
	height:66px;
	padding: 10px 0px  10px 35px;
	border-radius: 6px;
	display: block;
	background: #fff;
	color: #434343;
	text-decoration: none;
}
.gouji ul li a:hover{
	background: #cb3a10;
	color: #fff;
}
.gouji ul li p{
	font-size:13px;
}





/*老师*/

.ys_nr7{
    
}
.ys_nr7 .title{
    color: #cb3a10;
    text-align: center;
    font-size: 40px;
    height: 100px;
    padding-top: 60px;
}
.ys_nr7 .title1{
    font-size: 20px;
	line-height: 40px;
	margin: 15px 0;
    color: #333;
    text-align: center;
}
.slideTable{ width:980px; margin: 0 auto ;overflow:hidden; position:relative;height: 620px;}
.slideTable .point{ height:90px; overflow:hidden; position:absolute;width: 100%;left:0px; bottom:0px; z-index:1; text-align: center}
.slideTable .point ul{ overflow:hidden; zoom:1; display: inline-block;  }
.slideTable .point ul li{float:left; width:90px; height:90px;margin: 0 8px;  text-align:center;  cursor:pointer; }
.slideTable .point ul li img{border: 5px solid #bfbfbf;width: 90px;background: #fff;border-radius: 100%;}
.slideTable .point ul li.active img{ border: 5px solid #ffba31;}
.slideTable .nr{ position:relative; height:100%; z-index:0;   }
.slideTable .nr .ul_nr{
    position: absolute;
    top: 0;
    left: 0;
}
.slideTable .nr .ul_nr:after{
    display: block;
    width: 0;
    height: 0;
    clear: both;
    content: "";
    visibility: hidden;
}
.slideTable .nr li{
    zoom:1;
    vertical-align:middle;
    float: left;
    width: 980px;
    height: 495px;
    background: url("../img/border_pic122.png") no-repeat bottom center;
    padding: 15px;
    position: relative;
}
.slideTable .nr img{
    position: absolute;
    bottom: 11px;
    left:60px;
}
.slideTable .nr .right{
    float: right;
	margin-right:40px;
    width: 445px;
}
.slideTable .nr .right .p1{
    border-left: 10px solid #ffba31;
    line-height: 45px;
    height: 45px;
    font-size: 28px;
    margin-bottom: 20px;
    padding-left: 30px;
    color: #333;
    margin-top:70px;
}
.slideTable .nr .right .p2{
    margin-bottom: 0px;
    color: #333;
    font-size: 16px;
}
.slideTable .nr .right .p3{
    color: #333;
    font-size: 14px;
    margin-bottom:0px;
}
.slideTable .nr .right .p3_b{
    border-bottom: 1px solid #007258;
}
.slideTable_nr1{z-index: 9}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTable .prev,
.slideTable .next{
    position:absolute;
    left:0%;
    top:50%;
    cursor: pointer;
    margin-top:-100px;
    display:block;
    width:50px;
    height:66px;
    background:url(../img/left_pic2.png) no-repeat;
}
.slideTable .next{
    left:auto;
    right:0%;
    background:url(../img/right_pic2.png) no-repeat;
}
.tf_nr7 .slideTable .prev,
.tf_nr7 .slideTable .next{
    position:absolute;
    left:0%;
    top:50%;
    cursor: pointer;
    margin-top:-100px;
    display:block;
    width:50px;
    height:66px;
    background:url(../img/left_pic5.png) no-repeat;
}
.tf_nr7  .slideTable .next{
    left:auto;
    right:0%;
    background:url(../img/right_pic5.png) no-repeat;
}
.tf_nr7   .slideTable .nr li{
    zoom:1;
    vertical-align:middle;
    float: left;
    width: 980px;
    height: 495px;
    background: url("../img/border_pic16.png") no-repeat bottom center;
    padding: 15px;
    position: relative;
}
.slideTable_all>.active{
    z-index: 999;
    left: 0;
}
.slideTable .prev:hover,
.slideTable .next:hover{
    transition: 0.5s;
    filter:alpha(opacity=80);
    opacity:0.8;
}
.slideTable .prevStop{ display:none;  }
.slideTable .nextStop{ display:none;  }

.ys_nr7 .bottom{
    padding: 30px;
    text-align: center;
}
.ys_nr7 .bottom a{
    display: inline-block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
	border: 1px solid #216cd5;
    
    color: #216cd5;
}
.ys_nr7 .bottom a:hover{
    transition: 0.5s;
    background: #fff;
    color: #fff;
	background: #216cd5;
}


.ry{ width: 100%; background: url(../imgs/ry-bac.jpg) no-repeat center center; padding: 40px 0}
.xy-p{ font-size: 20px; text-align: center; color: #fefdfd;margin-bottom: 20px;}
.ry-tab li{ display: block; width: 290px; height: 56px; line-height: 56px; margin: 60px auto 0;font-size: 22px; text-align: center; background: #ff9702; color: #fff; border-radius: 6px; cursor: pointer}
.ry .swiper-slide{ width: 280px; }
.ry-con{ width: 1140px; margin: 0 auto;}
.ry-box img{ border:1px solid #dddddd;border-radius: 3px;}
.ry-box p{ color: #050602; font-size: 18px; text-align: center;margin-top: 5px;}
.ry .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("../img/ry-l.png");left:0px;right:auto}
.ry .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("../img/ry-r.png");right:0px;left:auto}
.ry .swiper-button-next,.ry .swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.ry-tabcon{ margin-top: 30px} 


/*右对话框*/
.izl-rmenu {position: fixed;right: 5px;/*margin-left:532px;*/bottom: 0px;padding-bottom: 8%;z-index: 999;}
.izl-rmenu .bbtn { width: 60px; height: 61px; margin-bottom: 2px; cursor: pointer; position: relative; }

.izl-rmenu .bbtn-phone { background: url(../img/r_phone.png) 0px 0px no-repeat; }
.izl-rmenu .bbtn-phone .phone { position: absolute; width: 160px; left: -160px; top: 0px; line-height: 61px; color: #FFF; font-size: 18px; text-align: center; display: none; }
.izl-rmenu .bbtn-phone:hover .phone{display: block;}
.izl-rmenu .bbtn-top { background: url(../img/r_top.png) 0px 0px no-repeat; display: none; }
.izl-rmenu .bbtn-class { display: block; background: url(../img/r_class.png) center no-repeat; background-size: 100%; }
.izl-rmenu .bbtn-class, .izl-rmenu .bbtn-qq, .izl-rmenu .bbtn-wx, .izl-rmenu .bbtn-phone, .izl-rmenu .bbtn-top { background-color: #1aa9f3 !important; }
.izl-rmenu .bbtn-class:hover, .izl-rmenu .bbtn-qq:hover, .izl-rmenu .bbtn-wx:hover, .izl-rmenu .bbtn-phone:hover, .izl-rmenu .bbtn-top:hover, .izl-rmenu .bbtn-phone .phone { background-color: #14a3ed !important; }
#unreadNum { visibility: hidden; position: absolute; width: 18px; height: 18px; background: #c9151e; color: #fff; left: -6px; top: -5px; z-index: 1000; text-align: center; border-radius: 50%; }







.control-box {
    width: 1170px;
    height: 330px;
    background-image: url(../images/hots_bg.png);
    background-size: 1055px;
    background-repeat: no-repeat;
    background-position: 60px 300px;
    margin-left: auto;
    margin-right: auto;
	
}

.control-box h1{text-align: center;margin: 40px 0;}
.control-box h1 p{font-size: 40px;color: #cb3a10;}
.control-box ul {
  list-style: none;
  position: relative;
}
.control-box ul li {
  position: absolute;
  top: 50px;
  cursor: pointer;
}
.prev {
  left: 0;
}
.next {
  right: 0;
}
.bigbox {
  overflow: hidden;
  width: 1032px;
  height: 190px;
  margin: auto 70px auto;
}
#switcher {
  height: 190px;
  left: 0px;
}
.content_1.content_2 {
  width: 100%;
  float: left;
}
.box {
  transition:all .7s ease 0s;
  width: 255px;
  height: 190px;
  float: left;
  border-left: 3px white solid;
}
.box:hover {
 opacity:0.5;
}
.shadow {
  width: 255px;
  height: 60px;
  /* opacity: 1; */
  background-color: rgba(0, 0, 0, 0.45);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
  margin-top: 130px;
  color: white;
  font-size: 14px;
}
.shadow a {
  display: inline-block;
  width: 225px;
  height: 60px;
  color: white;
  text-decoration: none;
  line-height: 60px;
	text-align: center;
	font-size: 16px;
}























