@charset "utf-8";
/* CSS Document */
.bghui{ background: #f5f8fa;}
.an{ background:url(/images/index2017/an.png) no-repeat; _background:url(/images/index2017/an.gif) no-repeat;}
.ggtit{ height: 108px; line-height: 108px;}
.ggtit-left{ padding-left: 28px; font-size: 20px;}
.ggtit-left i{ display: block; width: 6px; height: 28px; background: #66bafc; left: 0; top: 50%; margin-top: -14px;}
.ggtit-right{ display: block; font-size: 14px; color: #018efc;}

/*首页轮换*/
.inbanner{ width: 100%; height: 400px; overflow-x:hidden; overflow-y:hidden; position:relative;}
.inbanner .bd{ z-index:1;}
.inbanner .bd li{ float: left; width: 100%; height: 400px;}
.inbanner .bd li a{ display: block; width: 100%; height: 100%;}
.inbanner .hd{ height:10px; width: 100%; text-align: center; bottom:20px; left:0; z-index: 2;}
.inbanner .hd li{ width:10px; height:10px; display:inline-block; *display:inline; *zoom:1; margin:0 3px; background-position: -30px -160px; cursor:pointer;}
.inbanner .hd li.on{ background-position: 0 -160px;}
.inbanner .prev,.inbanner .next{ display: none; width:40px; height:70px; top: 165px; left: 50%; margin-left: -330px; background-position: 0 0; cursor:pointer; z-index: 2;}
.inbanner .next{ margin-left: 290px;  background-position: 0 -80px;}
/*左道航*/
.inbanner .menu{width:220px;height:400px; top: 0; left: 50%; margin-left: -560px; z-index: 2;}
.inbanner .menu-bg{width:220px; height:400px;background:#fff;opacity:.9;filter:alpha(opacity=70);top:0;left:0}
.inbanner .menu-con{width:220px;height:400px;top:0;left:0;position:relative}
.inbanner .menu-con .mlnav{ display: block; height: 49px; line-height: 49px; border-bottom: 1px solid #d5d5d6; padding-left: 25px; font-size: 18px; color: #666; transition:all 0.2s linear;}
.inbanner .menu-con .mlnav:hover{ color: #f8a643; text-decoration: none;}
.inbanner .menu-con .bb0{ border-bottom: 0;}
/*登录*/
.inbanner .inLogin{width:220px;height:180px;top: 0; left: 50%; margin-left: 340px; z-index: 2;}
.inbanner .inLogin-bg{width:220px; height:180px; background:#fff; opacity:.9; filter:alpha(opacity=70);top:0;left:0}
.inbanner .inLogin-con{width:220px;height:180px;top:0;left:0;position:relative}
.inbanner .inLogin-con .utop{ height: 64px; padding: 25px 0 0 15px; margin-bottom: 30px;}
.inbanner .inLogin-con .utop-tp{ border: 1px solid #d2d2d2; border-radius: 50%; height: 62px; width: 62px;}
.inbanner .inLogin-con .utop-r{ width: 126px; font-size: 14px; color: #666;}
.inbanner .inLogin-con .utop-r-t{ line-height: 30px;}
.inbanner .inLogin-con .utop-r-b{ line-height: 20px;}
.inbanner .inLogin-con .ubot{ text-align: center;}
.inbanner .inLogin-con .ubot a{ text-decoration: none;}
.inbanner .inLogin-con .ubot .han{ display: inline-block; width: 78px; height: 28px; border: 1px solid #509ae9; text-align: center; line-height: 28px; font-size: 16px; color: #5099e9; margin: 0 7px;}
.inbanner .inLogin-con .ubot .han2{ background: #5099e9; color: #fff;}
.inbanner .inLogin-con .ubot .han2:hover{ background: #ee681b; border: 1px solid #ee681b;}
.inbanner .inLogin-yes{ display: none;}
/*资讯*/
.inbanner .inNews{width:220px;height:218px;top: 182px; left: 50%; margin-left: 340px; z-index: 2;}
.inbanner .inNews-bg{width:220px; height:218px; background:#fff; opacity:.9; filter:alpha(opacity=70);top:0;left:0}
.inbanner .inNews-con{width:205px;height:218px;top:0;left:0;position:relative; color: #666; padding-left: 15px;}
.inbanner .inNews-con .ntop{ padding: 10px 0 0 0; line-height: 46px; font-size: 18px;}
.inbanner .inNews-con .nnr{ display: block; overflow: hidden; width: 190px; height: 36px; line-height: 36px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;}

/*名师风采*/
.msfc .cbox{ width: 1120px; overflow: hidden;}
.msfc .cen{ width: 1200px;}
.msfc .cen .pic{ width: 262px; height: 196px; margin: 0 24px 28px 0; overflow: hidden;}
.msfc .cen .pic a:hover{ display: block; text-decoration: none;}
.msfc .cen .pic-txt{ display: block; width: 16px; text-align: center; line-height: 20px; font-size: 16px; top: 36px; left: 20px; z-index: 2}
.msfc .cen .pic-img{ display: block; width: 262px; height: 196px; top: 50%; left: 50%; margin: -98px 0 0 -131px; transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out;}
.msfc .cen .pic:hover .pic-img{ z-index: 1; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}

/*热门课程*/
.rmkc .cbox{ width: 1120px; overflow: hidden;}
.rmkc .cen{ width: 1200px; margin-bottom: 20px;}
.rmkc .cen .pic{ width: 252px; height: 252px; margin: 0 37px 40px 0; overflow: hidden;}
.rmkc .cen .pic a:hover{ display: block; text-decoration: none;}
.rmkc .cen .pic-imgbox{ width: 252px; height: 140px; overflow: hidden;}
.rmkc .cen .pic-img{ display: block; width: 252px; height: 140px; top: 50%; left: 50%; margin: -70px 0 0 -126px; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
.rmkc .cen .pic-txt{ padding-top: 8px;}
.rmkc .cen .pic-txt-t{ line-height: 56px; font-size: 20px;}
.rmkc .cen .pic-txt-b{ line-height: 24px; font-size: 14px; color: #999;}
.rmkc .cen .pic:hover .pic-img{ z-index: 1; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}

/*配套图书*/
.ptts .ggtit{ border-bottom: 1px solid #dddddd; margin-bottom: 29px;}
.ptts .ggtit-cen{ margin: 53px 0 0 114px;}
.ptts .ggtit-cen li{ float: left; padding: 0 28px; line-height: 52px; font-size: 18px; cursor: pointer;}
.ptts .ggtit-cen li:hover{ border-bottom: 4px solid #018efc; color: #018efc;}
.ptts .ggtit-cen .on{ border-bottom: 4px solid #018efc; color: #018efc;}
.ptts .ggtit-right{ margin-top: 53px; line-height: 52px;}
.ptts .bot{ display: none; margin-bottom: 40px; background: #fff; padding-top: 28px;}
.ptts .bot .shu{ width: 280px; height: 300px; margin-bottom: 72px;}
.ptts .bot .shu a:hover{ display: block; text-decoration: none;}
.ptts .bot .shu-img{ display: block;  height: 210px; margin:0 auto 18px; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
.ptts .bot .shu-txt{ text-align: center; line-height: 36px; font-size: 16px; color: #666;}
.ptts .bot .shu-txt span{ display: block; font-size: 20px; color: #ff0101;}
.ptts .bot .shu:hover .shu-img{-webkit-box-shadow:5px 5px 0 0 #eaeaea; -moz-box-shadow:5px 5px 0 0 #eaeaea; box-shadow:5px 5px 0 0 #eaeaea;}

/*课程互动*/
.kchd{ margin-bottom: 40px;}
.kchd .ggtit-right{ margin-right: 20px;}
.kchd .left{ width: 770px; background: #fff;}
.kchd .left .picScroll-top{ margin:0 auto; width:770px; height: 420px; overflow:hidden; position:relative;}
.kchd .left .picScroll-top .bd .hui{ background: #fbfbfb;}
.kchd .left .picScroll-top .bd li{ height: 84px; vertical-align: top;}
.kchd .left .picScroll-top .bd li .pic{ display: inline-block; width: 46px; height: 46px; border-radius: 50%; margin: 19px 0 0 27px;}
.kchd .left .picScroll-top .bd li .txt{ width: 664px; margin: 14px 0 0 20px; line-height: 28px; font-size: 14px; color: #999;}
.kchd .left .picScroll-top .bd li .txt em{ color: #666;}
.kchd .left .picScroll-top .bd li .txt p{ clear: both;}
.kchd .left .picScroll-top .bd li .txt a{ color: #018efc;}
.kchd .left .picScroll-top .bd li .txt .time{ font-size: 12px;}
.kchd .right{ width: 310px; background: #fff;}
.kchd .right li{ height: 84px; background: #fbfbfb; vertical-align: top;}
.kchd .right .pic{ display: inline-block; width: 46px; height: 46px; border-radius: 50%; margin: 19px 0 0 20px;}
.kchd .right .txt{ width: 210px; margin: 14px 0 0 20px; line-height: 28px; font-size: 12px; color: #999;}
.kchd .right .txt a{ color: #999;}
.kchd .right .txt p{ clear: both;}
.kchd .right .txt .us{ width: 90px; height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #333;}

/*资讯*/
.news{ background: #fff; margin-bottom: 80px;}
.news .ggtit{ border-bottom: 1px solid #dddddd;}
.news .ggtit-right{ margin-right: 20px;}
.news .cen{ padding: 20px 20px 40px;}
.news .left{ width: 570px; margin-top: 20px;}
.news .left .lpic{ width: 244px; height: 140px; overflow: hidden;}
.news .left .lpic img{ display: block; width: 244px; height: 140px;; top: 50%; left: 50%; margin: -70px 0 0 -122px; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
.news .left .lpic:hover img{ z-index: 1; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.news .left .ltxt{ width: 308px;}
.news .left .ltxt-t{ line-height: 44px; font-size: 18px; margin-bottom: 68px;}
.news .left .ltxt-b{ height: 28px; line-height: 28px; color: #999;}
.news .left .ltxt-b .gz{ display: block; padding-left: 26px; background-position: 0 -231px;}
.news .left .ltxt-b .time{ display: block; width: 120px; padding-left: 22px; background-position: 0 -313px;}
.news .right{ width: 440px;}
.news .right .nr{ height: 36px; line-height: 36px; clear: both;}
.news .right .nr-l{ width: 290px; height: 36px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news .right .nr-l a:hover{ color: #4c8bd5;}
.news .right .nr-r{ display: block; color: #999;}