.clear{clear: both;}
ul li{list-style: none;}

body,td,th {font-family:Microsoft YaHei, Arial;} 
body{min-width:1000px;overflow-x:hidden;    font-size: 1rem;background: #f8f8f8;}
*{margin:0; padding:0;list-style:none;font-style:normal;}
img{border:0;}
a{text-decoration:none}
input{outline:0}
.clearfix:after{content:"";display:block;clear:both;}
.w1200{width:1170px;margin:0 auto;}
/* 首页 */

.bggreen{width: 100%;padding: 20px 0 30px 0;background: #43bbb2;}
.slideBox{float: left; height: 430px; overflow:hidden; position:relative; border:0;width:770px; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float: left;margin-right: 12px;width: 7px;height: 7px;line-height: 14px;text-align: center;background: rgba(255, 255, 255, 0.5);cursor: pointer;border-radius: 50%; }
.slideBox .hd ul .on{background: #fff;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:770px; height:430px; display:block;  }
.top_right{float: right;height: 380px;width: 300px;background: #fff;padding: 35px 30px;}
.top_right p a{font-size: 16px;color: #43bbb2;line-height: 32px;}
.top_right .more{margin-top: 40px;}
.classlist{margin-top: 50px;}
.class_top{line-height: 30px;margin: 20px 0;border-bottom: 1px solid #cdcdcd;}
.class_top .class_title{font-size: 20px;color: #43bbb2;border-bottom: 3px solid #43bbb2;padding-bottom: 1px;}
.class_top .class_abs{font-size: 14px;color: #999;margin-left: 10px;}
.class_top .more_list{display: inline-block;
    float: right;
    font-size: 14px;
    color: #666;
    background: url(./sorrow.gif) center right no-repeat;
    padding-right: 20px;}
.class_top .more_list a{font-size: 14px;color: #666;}
.classlist_con ul li{float: left;width: 375px;margin-right: 22px;background: #fff;margin-bottom: 30px;}
.classlist_con ul li:nth-child(3n){margin-right: 0;}
.classlist_con ul li img{width: 100%;height: 215px;}
.classlist_con ul li p{font-size: 17px;color: #959595;}
.classlist_con ul li .imgtit{padding: 10px 30px;}
.classlist_con ul li .imgtit a{font-size: 22px;color: #333;line-height: 40px;}
.classlist_con ul li .preview{margin: 10px auto 50px;width: 173px;height: 38px;}
.classlist_con ul li .preview img{width: 177px;height: 55px;}

.classlist_con1 ul li{float: left;width: 280px;margin-right: 16px;margin-bottom: 20px; background: #fff;}
.classlist_con1 ul li:nth-child(4n){margin-right: 0;}
.classlist_con1 ul li img{width: 100%;height: 160px;}
.classlist_con1 ul li p{font-size: 17px;color: #959595;}
.classlist_con1 ul li .imgtit{padding: 10px 30px;}
.classlist_con1 ul li .imgtit a{font-size: 22px;color: #333;line-height: 40px;}
.classlist_con1 ul li .preview{margin: 10px auto 50px;width: 173px;height: 38px;}
.classlist_con1 ul li .preview img{width: 177px;height: 55px;}
.yxylist ul li{margin-bottom: 50px;background: #fff;height: 240px;overflow: hidden;}
.yxylist ul li .yxyleft{float: left;width: 420px;height: 240px;}
.yxylist{margin-top: 20px;}
.yxylist ul li .yxyleft img{width: 100%;height: 100%;}
.yxylist ul li .yxyright{float: right;width: 680px;padding: 35px;}
.yxylist ul li .yxyright .yxytit a{font-size: 22px;color: #43bbb2;}
.yxylist ul li p{font-size: 16px;color: #666;line-height: 32px}
.yxylist ul li .inf{font-size: 14px;color: #b4b4b4;border-top: 2px solid #43bbb2;width: 115px;}
.yxylist ul li .abstract{ margin: 10px 0 0px 0;font-size: 0.875rem;line-height: 25px;height: 110px;}
.yxylist ul li .seemore{position: absolute;top: 200px;right: 20px;}
.banner{margin: 0 auto 36px;width: 100%;}
.banner img{width: 100%;}

.top_right {
    position: relative;
    float: right;
    height: 370px;
    width: 340px;
    background: url(./bg01.jpg) no-repeat;
    background-size: cover;
    padding: 30px 30px;
}
.top_right .tit {
    font-size: 14px;
    color: #4ebfb6;
}
.top_ab {
    font-size: 12px;
    color: #777;
    margin: 5px 0 18px 0px;
    line-height: 24px;
}
.top_right .more {
    margin-top: 40px;
    position: absolute;
    bottom: 40px;
    width: 130px;
    height: 32px;
    background: #ff9928;
    border-radius: 16px;
    text-align: center;
}
.top_right .more a {
    color: #fff;
}
.head {
    height: 90px;background: #fff;
}
.logo {
    float: left;margin-top: 30px;
}
.nav {
    float: right;
}
.nav ul li {
    float: left;
    padding: 5px 0px;
    margin: 40px 0 0 60px;
}
.selected {
    border-bottom: 4px solid #ffc600;
}
.nav ul li a {
    font-size: 20px;
    color: #43bbb3;
}
/* 网络课 */
.bread{float: right;line-height: 32px;}
.bread a{font-size: 18px;color: #666;}
.select{margin-bottom: 15px;}
.select .select_tit{font-size: 18px;color: #43bbb2;float: left;padding: 3px;}
.select ul li{float: left;padding: 3px 10px;border-radius: 15px;color: #333;font-size: 18px;}
.select ul .selected{background: #43bbb2;color: #fff;}
.select span{float: right;}
.select span a{font-size: 20px;color: #333;margin-left:10px;}
.line{width: 100%;height: 1px; background: #43bbb2;margin-bottom: 45px;}
/* 列表 */
.netlist ul li{margin-bottom: 36px;}
.netlist ul li .leftimg{float: left;}
.netlist ul li img{width: 511px;height: 278px;}
.netlist ul li .righttext{float: right;width: 600px;}
.netlist ul li .righttext .righttit{font-size: 25px;font-weight: bold;color: #82c17e;margin-bottom: 10px;}
.netlist ul li .ly{display: inline-block;padding: 0 3px; height: 26px;font-size: 18px;line-height: 26px; border: 1px solid #32c17e;color: #32c17e;}
.netlist ul li .ks{font-size: 20px;color: #32c17e;line-height: 26px;margin-left: 10px;}
.netlist ul li .syrq{font-size: 14px;color: #999;margin: 10px 0;}
.netlist ul li .abstract{font-size: 16px;color: #666;line-height: 25px;}

/* 网络课课程介绍 */
.bgf3{background: #f3f6f8;padding-top: 60px;}
.top_inf{width: 100%; height: 415px;background: #fff;margin-bottom: 30px;}
.top_inf .topimg{float: left;width: 760px;}
.class_inf{height: 100%;float: right;padding: 60px 40px;}
.class_inf .class_tit{font-size: 25px;font-weight: bold;color: #43bbb2;margin-bottom: 10px;} 
.class_inf .class_area{width: 150px; height: 35px;text-align: center; font-size: 18px;color: #43bbb2;border: 1px solid #43bbb2;line-height: 35px;}
.class_inf .abstract{font-size: 16px;color: #999;line-height: 28px;margin: 30px 0;}
.class_inf p{font-size: 16px;font-weight: bold;color: #43bbb2;margin-bottom: 10px;}
.class_inf .source span{font-size: 16px;color: #999;border-bottom: 1px solid #999;padding: 0;}
/* 切换 */
.slideTxtBox{ width:100%;  text-align:left;  }
.slideTxtBox .hd{ height:30px; line-height:30px;  position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; height:32px;}
.slideTxtBox .hd ul li{ float:left;line-height: 30px; cursor:pointer; font-size: 18px;padding: 0 5px;color: #999;margin-right: 50px; }
.slideTxtBox .hd ul li.on{height: 30px; background:#43bbb2; border-bottom:1px solid #ffc600;color: #fff; line-height: 30px;}
.slideTxtBox .bd{margin-top: 20px;}

/* 校园课 */
.xyk{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-top: 74px;
}
.xyk_box{
    width: 1200px;
    height: 280px;
    margin-bottom: 40px;
    overflow: hidden;
}
.xyk_box img{margin-right: 32px; float: left;}
.xyk_box .xyk_box_rig{float: left; width: 650px; position:relative;}
.xyk_box .xyk_box_rig p{margin-bottom: 14px;}
.xyk_box .xyk_box_rig .one{ color: #00b25f; font-size: 20px; font-weight: bold; }
.xyk_box .xyk_box_rig .one a{ color: #00b25f; font-size: 20px; font-weight: bold; }
.xyk_box .xyk_box_rig .two{font-size: 12px;color: #00b25f; padding: 0 10px; border: 1px solid #00b25f; display: inline;}
.xyk_box .xyk_box_rig .three{margin-top: 14px;  font-size: 14px; color: #999999;}
.xyk_box .xyk_box_rig .four{color: #999999; 
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;/*显示的行数*/
	overflow: hidden;
    text-indent: 2em;
    }
    .xyk_box .xyk_box_rig .five{margin-top: 38px;}
    .xyk_box .xyk_box_rig .five span{display: block; float: left; height: 44px; background-color: #ff9928; line-height: 44px; border-radius: 20px; box-shadow: inset 0px -21px 2px -15px #cd710d;}
    .xyk_box .xyk_box_rig .five .sp1{margin-right: 20px;}
    .xyk_box .xyk_box_rig .five .sp2{background-color:#e8ebe9;  box-shadow: inset 0px -21px 2px -15px #e1e3e2;}
    .xyk_box .xyk_box_rig .five .sp2 a{color: #b2b2b2;}
    .xyk_box .xyk_box_rig .five a{padding: 0 50px;   color: #ffffff;}

    /* 研学游 */
    .yxy{
        width: 1200px;
        height: auto;
        margin: 0 auto;
        margin-top: 74px;
    }
    .xyk_box_j{float: left; width: 350px;}
    .yxy .xyk_box .xyk_box_rig .three .sp2{display: block; width: 90px; float: left;}
    .yxy .xyk_box .xyk_box_rig .four{margin-bottom: 40px; width: 600px;}
    .yxy .xyk_box .xyk_box_rig .three{margin-top: 8px; margin-bottom: 0;width: 350px; float: left;}
    .yxy .xyk_box .yxy_xq{float: right; position: absolute; bottom: 0; right: 0; margin-right: 10px;}
    .yxy .xyk_box .yxy_xq span{display: block;float: right;height: 44px; background-color: #ff9928; line-height: 44px; border-radius: 20px; box-shadow: inset 0px -21px 2px -15px #cd710d;}
    .yxy .xyk_box .yxy_xq span a{padding: 0 50px;   color: #ffffff;}

    /* 直播课 */
    .zbk{
        width: 1200px;
        height: auto;
        margin: 0 auto;
        margin-top: 74px;
    }
   .zbk .zbk_box{
       width: 372px;
       height: 324px;
      float: left;
      margin-bottom: 30px;
      margin-right: 26px;
   }
   
   .zbk .zbk_box .zbk_box_img{
       width: 372px;
       height: 208px;
       margin-bottom: 10px;
       position: relative;
   }
   .zbk .zbk_box .zbk_box_img span{position: absolute; display: inline; top: 0; left: 0; text-align: center; padding: 0 16px;height: 32px; line-height: 32px; 
    background-color: rgba(0, 0, 0, 0.7) ; color: #ffffff;
    border-top-right-radius :6px;
    border-bottom-right-radius :30px;
}
   .zbk .zbk_box .zbk_box_img img{
    width: 372px;
    height: 208px;
   }
   .zbk .zbk_box .one {font-size: 12px;color: #00b25f; padding: 0 10px; border: 1px solid #00b25f; display: inline; }
   .zbk .zbk_box .two{overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
    margin-top: 12px;
    font-size: 16px;
    font-weight: bold;
}
.zbk .zbk_box .title{display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;/*显示的行数*/
	overflow: hidden;
    text-indent: 2em;
    font-size: 14px;
    margin-top: 6px;
}
/* 面包屑 */
.mbx{width: 1200px;  height: 50px; line-height: 50px; margin: 0 auto;  }
.mbx .mbx_box{float: right;}
.mbx .mbx_box li{float: left; font-size: 14px; color: #999999;}
/* 教师培训-详情页 */
    .jspx_xq{  width: 1200px;  margin: 0 auto;}
    .jspx_xq_top{
        width: 1200px;
        height: 450px;
        margin: 0 auto;
        background-color: #26bb75;
        margin-bottom: 80px;
    }
      .jspx_xq_top .jspx_xq_top_img{
        width: 800px;
        height: 450px;
        float: left;
    }
      .jspx_xq_top .jspx_xq_top_img img{
        width: 800px;
        height: 450px;
    }

     .jspx_xq_top  .jspx_top_rig{
        width: 400px;
        height: 450px;
        float: left;
    }
      .jspx_xq_top  .jspx_top_rig .jspx_top_rig_box{padding: 60px;}
      .jspx_xq_top  .jspx_top_rig .jspx_top_rig_box .p1{
        font-size: 20px;
        font-weight: bold;
        color: #ffffff;
        margin-bottom: 26px;
    }
     .jspx_xq_top  .jspx_top_rig .jspx_top_rig_box .three{
        color: #ffffff; 
        font-size: 14px;
        line-height: 30px;
    }
     .jspx_xq_top  .jspx_top_rig .jspx_top_rig_bottom{
        width: 156px;
        height: 26px;
        float: right;
    }
     .jspx_xq_top  .jspx_top_rig .jspx_top_rig_bottom p{color: #ffffff; float: left;}
      .jspx_xq_top  .jspx_top_rig .jspx_top_rig_bottom .sp1{ display: block; float: left; width: 18px; height: 20px; padding: 0 5px;}


    /* 教师培训的主体 */
    .centent{width: 1200px; margin: 0 auto;}
   .centent .centent_tit{width: 100%; text-align: center; font-weight: bold; font-size: 24px; margin-bottom: 38px;}
   .centent  .centent_qs{width: 100%; text-align: center;}
   /* .centent .zhuti {padding: 0 50px; } */
   .centent .zhuti .one{text-indent: 0em; margin-bottom: 20px; font-weight: bold;}
   .centent .zhuti p{text-indent: 2em;}




   /* 研学游详情 */
   .yxy_xq{width: 1200px; margin: 0 auto;}
   .yxy_xq  .jspx_xq_top  .jspx_top_rig .jspx_top_rig_box .three{
    color: #ffffff; 
    font-size: 14px;
    line-height: 24px;
}
    .ljyy{
        width: 172px;
        height: 42px;
        background-color: #ffc600;
        border-radius: 20px;
        color: #ffffff;
        text-align: center;
        line-height: 42px;
        font-size: 20px;
        margin: 16px 0;
    }
    .ljyy p a{
        color: #ffffff;
        text-align: center;
    }
    .sc{
        width: 172px;
        height: 42px;
        background-color: #ffffff;
        border-radius: 20px;
        color: #ffffff;
        text-align: center;
        line-height: 42px;
        font-size: 20px;
        
    }
   .sc p a{
        color: #2cbf7a;
        text-align: center;
    }
    .yxy_xq  .jspx_xq_top  .jspx_top_rig .jspx_top_rig_box{padding: 60px 60px 20px 60px;}
    .yxy_xq_centent p{text-indent: 2em; margin-top: 10px; font-size: 18px; padding: 0 30px;}
    /* 导航标题 */
    .dh_bt {
        width: 1200px;
        margin: 10px auto;
        
    }
    .dh_bt img{
        width: 1200px;
    }

    .yxjj p{
        text-indent: 2em; margin-top: 10px; font-size: 18px; padding: 0 30px;
    }
    .yxjj .p1{text-indent: 0em;}
    /* 研学特色 */
    .yxts{
        width: 570px;
        height: 380px;
        float: left;
        margin: 14px 16px 8px 0;
    }
    .yxts img{
        width: 570px;
        height: 380px;
    }
    .yxy_xq .p2{color: #4a9e7b; font-weight: bold;}
    .bmxz .sp1{font-weight: bold;}

.detail{border-top: 3px solid #43bbb3;background: #fff;min-height: 500px;}
.detail-content{padding: 40px 90px;}
.detail-title{text-align: center;padding-bottom: 10px;border-bottom: 1px dotted #cdcdcd;margin-bottom: 20px;}
.detail-title .title{font-size: 22px;color: #43bbb2;}
.detail-title .author{font-size: 14px;color: #8f8f8f;line-height: 50px;}
.zhengwen,.zhengwen p{font-size: 14px;color: #797979;line-height: 30px;margin: 10px 0;}
.zhengwen img{display: block;margin: 10px auto;max-width: 100%;}