@charset "utf-8";
/* CSS Document */
body,div,p,span,ul,li,dl,dt,dd,a,ol,input,button,img,h1,h2,h3,h4,h5,h6{ padding:0; margin:0; list-style:none; border:0;}
body{ font-family:'Microsoft Yahei','Simsun'; color:#555; font-size:14px; line-height:24px; background:#fff ; }
a{ color:#666; text-decoration:none;}
img{display: block;border: none;}
a:hover{text-decoration:none;}
body,input,button,img{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i{font-style:normal;}
input,button{font-family:"微软雅黑";}
.w1100{width: 1100px; margin: 0 auto; }
.fl{ float: left; }
.fr{ float: right; }
.clearfix::after {clear: both; content: ""; display: block; height: 0;}



/*** 语种分类选择 **/
.wrap_con{ background: #fff; }
.choice{width: 1100px;height: 50px;background: #f7f7f7;border: 1px solid #c9c9c9;}
.course_show{padding: 20px 0 10px 0; min-height: 500px; }
.classify { position: relative; }
.classify .title{ width: 108px; padding-left: 20px;  height: 50px;line-height: 50px; font-weight: bold; text-align: left; font-size: 16px;color: #666;border-right: 1px solid #c9c9c9; }
.classify_con{ position:absolute;top:50px;left:-1px;    border-left: 1px solid #c9c9c9; }
.classify_list { border-right: 1px solid #c9c9c9; }
.classify_list .list_title{ width: 108px; height: 40px;line-height: 40px;padding-left: 20px;font-size: 14px;color: #666; display: block; border-bottom: 1px solid #c9c9c9; }
.classify_list:hover{ border-right: 1px solid #fff; }
.classify_list:hover .list_title{ color: #f39800; }
.classify_list:hover .sub_classify { display: block; }
.classify_list .sub_classify dl:hover dt a{ color: #f39800; }
.sub_classify { background:#fff; width: 250px; height: 408px; border: 1px solid #c9c9c9; position:absolute;top:0;left:130px;z-index: 30; padding: 0 10px; display: none; border-left: none; }
.sub_classify dl dt{ height: 40px;line-height: 40px; border-bottom: 1px dotted #c9c9c9;  }
.sub_classify dl dt:hover a{   }
.sub_classify dl dd a{ margin: 0 5px; height: 36px;line-height: 36px; }
.sub_classify dl dd a:hover{ color: #f39800; }
.screen_list { padding: 10px 0 0 70px; }
.screen_list .list{  padding: 0 0 0 10px; height: 28px; line-height: 28px;background: #fff;border:1px solid #c9c9c9; margin-right: 20px; }
.screen_list .list a{ min-width: 61px; padding-right: 10px; }
.screen_list .list .close_but{ width: 20px; display: inline-block; cursor:pointer ;  }


/*翻页*/
.yejiao{text-align: center; height:50px; padding-bottom:20px; font-size:15px; overflow:hidden;}
.yejiao span{float:left; width:26px; height:16px; }
.yejiao .yj_left{ background:url(../images/fanye_ico1.jpg) no-repeat;}
.yejiao .yj_right{ background:url(../images/fanye_ico2.jpg) no-repeat;}
.yejiao ul{float:left;}
.yejiao ul li{padding:0 20px; float:left;  cursor:pointer; background:url(../images/fanye_ico3.jpg) no-repeat right center; text-align:center;}
.yejiao ul li:hover{color:#3874CA;}
.yejiao .current{color:#3874CA;}
.xianshi{font-size:12px; margin-bottom:100px;}
.yejiao a{color: #f39800;display: inline-block;width: 38px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #ccc; border-right: none;}
.yejiao a.prev,.yejiao a.next,.yejiao a.last{width: 100px;height: 30px;}
.yejiao a.prev{border-right: none;}
.yejiao a:hover{color: #FFFFFF;background:#f39800;}
.yejiao strong{color: #FFFFFF;background:#f39800;display: inline-block;width: 38px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #ccc; border-right: none; }
.yejiao .next{ width:100px;height:30px;background:#fff; color: #f39800; cursor:pointer; border-right: 1px solid #ccc; }
.yejiao .next:hover{ background:#f39800; color: #fff; }


/** 公用底部 */
.footer{ width:100%; height: 180px;background: #f4f4f4; }
.footer_con { background: #eee;  height: 180px;}
.footer_con .phone  { padding:40px 0 0 50px; }
.footer_con .phone  dt{ font-size: 20px; color:#555; padding-bottom: 10px;  }
.footer_con .phone  dt i{ background: url(/data/static/images/index/phone_help.png) no-repeat 0 0; width: 29px;height: 29px; display: inline-block; vertical-align: -7px; margin-right:10px; }
.footer_con .phone  dd{ font-size: 22px; color: #9f9f9f; }
.footer_con .phone  dd span{ font-size: 14px; }
.footer_con .footer_c{ padding-top: 20px; }
.footer_con .code{ text-align: center; margin-left: 56px;color: #555; }
.footer_con .link{ padding-left:50px; padding-top: 15px; }
.footer_con .link a{ font-size: 16px; color:#555; display: inline-block; margin-right:5px; }
.footer_con .link a:hover{ color: #f39800; }
.footer_con .footer_logo{ padding-top: 26px; display: block; }
.footer_con .footer_r{ padding-left:130px; }
.footer_con .footer_r .copy_right{ font-size: 14px; color: #555;  padding-left: 30px; padding-top: 14px;  }


/**** search.css ****/
.search_main{ height: 80px;background: #fff;margin: 0 auto; width: 1100px; }
.search_box{ width: 674px; margin: 0 auto 0; position: relative; padding-top:20px;}
.search_box form:after{content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.search_box .search_txt{width: 552px;height: 40px;line-height: 40px;border: none;outline: none;color: #bbb;font-size: 14px;border: 1px solid #f39800;padding-left: 20px;background: url(/data/static/images/index/search_icon.png) no-repeat 20px center;float: left;}
input::input-placeholder{color: #bbb ;}
.search_box .search_btn{width: 100px;height: 42px;line-height: 42px;color: #fff;font-size: 18px;text-align: center;border: none;outline: none;background: #f39800;float: left;cursor: pointer;}
.search_box .search_btn:hover{opacity: .8;}
.search_box ul{position: absolute;left: 0;top: 62px;width: 572px;border: 1px solid #f39800;border-top: none;background: #fff;z-index: 10;display: none;}
.search_box ul li{font-size: 14px;line-height: 28px;padding-left: 22px;cursor: pointer;}
.search_box ul li a{color: #999;display: block;}
.search_box ul li:hover{background: #f6f6f6;}
.search_box ul li:hover a{color: #f39800;}



/****  无课程展示 ***/
.no_course{ padding: 130px 0 400px 150px; text-align: center; font-size: 18px;color: #979797; }
.no_course dl dt{ vertical-align: middle; margin-right: 10px; }
.no_course dl dt,.no_course dl dd{ display: inline-block; }






/********* public.css ***/
/*banner*/
.banner_con{ width: 1010px; float: right; position:relative; }
.bannerBox{width: 1010px;height:422px;position: relative;overflow: hidden; margin:0 auto; }
.bannerList{height:100%;margin: 0 auto;position: relative;z-index: 80;}
.bannerList li{position: absolute;width: 100%;}
.bannerList li a.bannerImg{display: block;width: 100%;height:422px;}
.bannerList li a.bannerImg img{width:100%;height:500px;}
.bannerList li .bannerText{position: absolute;left: 45%;top:50px;color: #000;}
.controlBtn{position: absolute;top:50%;margin-top: -34px;z-index: 90;width: 43px;height:68px;background-image: url(/data/static/images/focus_handle.png);display: none;}
#bannerList a{transition: all .2s;}
.bannerBox:hover .controlBtn{display:block;}
#prevBtn{background-position: -93px 0px;left:15px;}
#prevBtn:hover{background-position: -3px 0px;}
#nextBtn{background-position: -138px 0;right:15px;}
#nextBtn:hover{background-position: -48px -0px;}
.bubble{position: absolute;left:50%;bottom:10px;z-index: 100;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.bubble li{float: left;width: 10px;height:10px;background-color: #fff;margin: 0 5px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;cursor: pointer;z-index: 100;}
.bubble li.active{background-color: #f66;}
#banner2{width:300px;height:200px;}
#banner3{width:800px;height:200px;}
.banner_right{width: 198px;height: 498px;border: 1px solid #e5e5e5;float: left;}


/******* banner上面的试听框 **/
.shiting_box{ width: 320px;height: 378px;background: url(/data/static/images/index/shiting_bg.png) no-repeat 0 0; position: absolute;top:20px;right:10px; z-index: 99; }
.shiting_box .shiting_title{ font-size: 18px;color: #fff;font-weight: bold; padding:44px 0 0 56px; }
.shiting_box .shiting_title span{ font-size: 30px;vertical-align: -4px; }
.shiting_con { padding-top: 30px; padding-left: 24px; }
.shiting_con .text .phone_icon{ width: 14px;height: 25px;background: url(/data/static/images/index/index_icon.png) no-repeat 0 -748px;display: inline-block; vertical-align: -6px; }
.shiting_con .text .code_icon{ width: 15px;height: 20px;background: url(/data/static/images/index/index_icon.png) no-repeat 0 -784px;display: inline-block;vertical-align: -4px; }
.shiting_con .text .password_icon{ width: 15px;height: 20px;background: url(/data/static/images/index/index_icon.png) no-repeat 0 -815px;display: inline-block;vertical-align: -4px; }
.shiting_con .text{ width: 256px;height: 40px; line-height: 40px; font-size: 16px;color: #444; background: #fff;border: none;border-radius: 20px; padding:0 0 0 14px; }
.shiting_con .text .input{ width: 160px;height: 40px;line-height: 40px; font-size: 16px;color: #999; padding-left: 8px; }
.shiting_con .text { margin-bottom: 10px; }
.shiting_con .text .shiting_code{ width: 100px;height: 40px; line-height: 40px; background: #0f9cfe; font-size: 14px;color: #fff; text-align: center;display: inline-block;border-radius: 20px; border-top-left-radius:0; border-bottom-left-radius:0;vertical-align: 1px;   }
.shiting_con .text .shiting_code:hover{ opacity: .8; }
.shiting_con .shiting_btn{ width: 278px;height: 60px;background: url(/data/static/images/index/shiting_btn.png) no-repeat 0 0;display: block; margin-top:18px; } 
.shiting_con .shiting_btn:hover{ opacity: .8; }
.shiting_con .remarks{ font-size: 16px;color: #444;padding-top: 8px;text-indent: 60px; }
.shiting_con .remarks i {  width: 18px;height: 16px;background: url(/data/static/images/index/index_icon.png) no-repeat 0 -880px;display: inline-block;vertical-align: -3px; margin-right: 5px; }
.shiting_con .remarks em{ font-size: 20px;color:#e7371f; font-style: normal; }
.shiting_con .text .new_index_sanjiao{ width: 10px;height: 6px;background: url(/data/static/images/index/new_index_sanjiao.png) no-repeat 0 0;display: inline-block;vertical-align: 2px; }





/**** 左边视频&左边课程目录模块 ***/
.course_box{ width: 1200px;margin:0 auto;padding-top: 30px; position: relative;  }
.course_box .course_nav{ width: 1200px; height: 60px;line-height: 60px;border-bottom: 2px solid #fd8a1a; margin-bottom: 20px; }
.course_box .course_title{ font-size: 30px;color: #444;padding:20px 0 30px 0;font-weight: bold; }
.course_box .course_title i{ width: 37px;height: 38px;background: url(/data/static/images/zt/of_synthetical/ielts_icon.png) no-repeat 0 -1187px;display: inline-block;vertical-align: -10px; margin-right: 15px; }
.course_box .course_nav a{ width: 199px;height: 60px;line-height: 60px;font-size: 22px;color: #333;display: inline-block;text-align: center;float: left; }
.course_box .course_nav a.on,.course_box .course_nav a:hover{ background: #fd8a1a;color: #fff; }
.course_box .course_nav a{ border-right: 1px solid #fd8a1a;}


.course_con .course{ display: none; }
.course_video{ width: 780px;height: 600px; }
.course_video img{ width: 100%;height: 100%; }
.course_catalog{ width: 398px; height: 548px; border:1px solid #ccc; position: relative; padding-bottom: 50px; }
.course_catalog .course_title{ height: 40px;line-height: 40px;background: #eee;font-size: 20px;color: #fe8c00; padding: 0 20px 0 15px; }
.course_catalog .course_title a{ width: 96px;height: 26px;line-height: 26px;text-align: center;display: inline-block;border: 1px solid #fe8c00;font-size: 16px;color:#fe8c00;border-radius: 20px;margin-top: 6px; }
.course_catalog .course_title a:hover{ background: #fe8c00; color: #fff ; }

.classify_box .title{padding-left: 20px; height: 60px;line-height: 60px; }
.classify_box .listen_icon{ width: 20px;height: 23px;background: url(/data/static/images/zt/of_synthetical/ielts_icon.png) no-repeat 0 -7px;display: inline-block;vertical-align: -4px; margin-right: 8px; }
.classify_box .spoken_icon{ width: 26px;height: 20px;background: url(/data/static/images/zt/of_synthetical/ielts_icon.png) no-repeat 0 -127px;display: inline-block;vertical-align: -4px; margin-right: 8px; }
.classify_box .read_icon{ width: 20px;height: 22px;background: url(/data/static/images/zt/of_synthetical/ielts_icon.png) no-repeat 0 -181px;display: inline-block;vertical-align: -4px; margin-right: 8px; }
.classify_box .write_icon{ width: 20px;height: 22px;background: url(/data/static/images/zt/of_synthetical/ielts_icon.png) no-repeat 0 -151px;display: inline-block;vertical-align: -4px; margin-right: 8px; }
.classify_list .list{ height: 36px;line-height: 36px;font-size: 14px;color: #333;border-bottom: 1px solid #eaeaea; padding-left: 20px; }
.classify_list .list a{ color: #666; }
.classify_list .list a:hover{ color: #fe8c00;}
.classify_list .list .list_icon{ width: 17px;height: 16px;background: url(/data/static/images/zt/of_synthetical/ielts_icon.png) no-repeat 0 -53px;display: inline-block;vertical-align: -2px;margin-right:8px; }
.classify_list .list .free_icon{ width: 40px;height: 18px;line-height: 18px;text-align: center;display: inline-block;color: #fff;background: #fd8a1a;font-size: 12px;border-radius: 20px;margin-right:8px; }
.classify_list .list.on { background: #eff8ff;border-bottom: 1px solid #eff8ff; }
.classify_list .list.on a{ color: #fe8c00; }
.classify_list .list.on .list_icon{ background-position: 0 -103px; }
.course_classify{ overflow-y: scroll; height: 490px; }
.course_btn{ width: 398px;height: 64px;background: rgba(0,0,0,.3);position: absolute;bottom: 0;left: 0; }
.course_btn a{ width: 180px;height: 50px;line-height: 50px;text-align: center;display: inline-block;color: #fff;font-size: 20px;border-radius: 10px;margin:7px 8px; }
.course_btn .consult_btn { background: #0f9cfe; }
.course_btn .consult_btn:hover{ opacity: .7; }
.course_btn .enroll_btn { background: #fd8a1a; }
.course_btn .enroll_btn:hover{ opacity: .7; }
.course_btn .consult_btn i{ width: 33px;height: 26px;background: url(/data/static/images/zt/of_synthetical/ielts_icon.png) no-repeat 0 -233px;display: inline-block;vertical-align: -4px; margin-right: 8px; }
.course_btn .enroll_btn i{ width: 23px;height: 27px;background: url(/data/static/images/zt/of_synthetical/ielts_icon.png) no-repeat 0 -287px;display: inline-block;vertical-align: -4px; margin-right: 8px; }
.advert{  width: 760px;height: 64px; line-height: 60px; background: url(/data/static/images/zt/of_synthetical/advert.jpg) no-repeat 0 0;font-size: 24px;color: #fff;font-weight: bold; padding-left: 20px; position: absolute;bottom: 0;left:0; display: none; }
.advert .money{ font-size: 34px;color: #fd451a; padding:0 10px ; }
.advert .advert_btn{ width: 164px;height: 60px;line-height: 60px;text-align: center;display: inline-block; font-size: 22px;color: #fff; }






/******* 频道页样式 ***/

/*** 实力展示 ***/
.strength_box{ width: 100%;height: 420px;background:url(/data/static/images/zt/of_synthetical/strength_bg.jpg) no-repeat center;margin:30px 0; }
.strength_box .strength_con dl{ font-size: 20px;color: #333;text-align: center;width: 260px; padding-top: 78px; margin:0 20px 0 20px; }
.strength_box .strength_con dl dt img{ display: block;margin:0 auto; }
.strength_box .strength_con dl b{ font-size: 24px;color: #0f9cfe; line-height: 80px;display: block; }
.strength_box .strength_con dl p{ line-height: 30px; }
.strength_box .strength_con dl .coupon{ font-size: 30px;color: #fd8a1a; padding-right: 5px; }
.strength_box .strength_con dl .coupon i{ font-size: 20px; font-style: italic; }


/*** 资讯信息 ***/
.message { padding-bottom: 40px; }
.message .message_top { border-bottom: 2px solid #fd8a1a; padding: 20px 0 16px 0; }
.message .message_top h3{ font-size: 30px;color: #444;font-weight: bold; }
.message .message_top h3 i{ width: 28px;height: 37px;background:url(/data/static/images/zt/of_synthetical/ielts_icon.png) no-repeat 0 -1187px;display: inline-block;vertical-align: -7px;margin-right:14px; }
.message_nav { padding-top: 10px; }
.message_nav a{ height: 20px;line-height: 20px;display: inline-block; font-size: 16px;color: #666;padding: 0 8px;border-right: 1px solid #ccc;}
.message_nav a:hover{ color: #fd8a1a; }
.message_nav a:last-child{ border-right: none; }
.message_list_box{ width: 850px; }
.message_list { padding-top: 15px; }
.message_list .list { line-height: 40px; padding: 0 0 0 16px; margin-right:15px; }
.message_list .list  .list_name{ width: 300px;height: 40px;line-height: 40px;overflow:hidden; white-space: nowrap;text-overflow: ellipsis; font-size: 16px;color: #444; }
.message_list .list  .list_name:hover{ color: #fd8a1a; }
.message_list .list .time{ color: #999;font-size: 14px; }
.message_list .list .list_icon{ width: 12px;height: 12px;background:url(/data/static/images/zt/of_synthetical/ielts_icon.png) no-repeat 0 -1280px;display: inline-block; margin-top: 16px; margin-right:14px;  }
.message_btn{ width: 270px;height: 50px;line-height: 50px;text-align: center;display: block; background:#fd8c1b; color: #fff; background-image: linear-gradient(45deg, #ffb527, #fd8c1b);border-radius: 20px;font-size: 18px;margin:30px auto 0; }
.message_btn:hover{ opacity: .8; }
.message_btn i{  width: 24px;height: 36px;background:url(/data/static/images/zt/of_synthetical/ielts_icon.png) no-repeat 0 -1134px;display: inline-block; vertical-align: -9px; margin-right:14px;  }
.hot_recomm{ width: 320px; padding-top: 25px; }
.hot_recomm .recomm_title{ padding-left: 8px;height: 40px;line-height: 40px;background:#eee;font-size: 20px;color: #444;font-weight: bold; }
.recomm_list { padding-top: 15px; }
.recomm_list .list{  height: 42px;line-height: 42px;border-bottom: 1px solid #e5e5e5; padding-left:4%;width: 96%; }
.recomm_list .list:last-child{ border-bottom: none; }
.recomm_list .list .list_num{ width: 20px;height: 20px;background:#ccc;color: #fff;line-height: 20px;text-align: center;display: inline-block;margin-right: 10px; border-radius: 50%;margin-top: 10px;}
.recomm_list .list .list_num.org{ background:#ff8400;  }
.recomm_list .list .list_name{ width: 260px;height: 42px;line-height: 42px;font-size: 14px;color: #444;white-space: nowrap;overflow:hidden;text-overflow: ellipsis; }
.recomm_list .list .list_name:hover{ color: #0f9cfe; }

.other_recomm{ padding: 130px 0 40px 0; }
.other_recomm .title{ font-size: 20px;color: #666;padding-left: 52px; }
.other_recomm_nav { padding-top: 2px; }
.other_recomm_nav a{ height: 20px;line-height: 20px;display: inline-block; font-size: 16px;color: #666;padding: 0 15px;border-right: 1px solid #ccc;}
.other_recomm_nav a:hover{ color: #fd8a1a; }
.other_recomm_nav a:last-child{ border-right: none; }