@charset"utf-8";
html, body, input, p, a, span, ul, li, dl, dt, dd, ol, select, td, th, input, textarea, button, div {font-family: "HELVETI1ca Neue","Microsoft Yahei","微软雅黑","Tohoma";}
body { min-width: 1200px;border: 0;margin: 0;padding: 0;overflow-x: hidden; background-color:#F4F4F4;}
h1,h2,h3,h4,h5,h6 {margin:0;padding: 0; font-weight: normal;}
ul,ol,li,p,dl,dt,dd,input {margin:0;padding: 0;}
ul,ol,li { text-decoration: none;list-style: none;}
a {color: #666;text-decoration: none;}
img {max-width: 100%;  margin: 0 auto;padding:0;border: 0;}
input, textarea, button, select{outline: 0; border: 0;}
}

/*职场英语*/
.site { width: 1200px;height: 48px;margin:0 auto; }
.site > a { font-size: 14px;color: #323232;line-height: 48px; }

.det-cen { width: 1200px;height: auto;margin:40px auto 0 auto; }
.det-cen .left-plate { width: 900px;height: auto;float: left;overflow: hidden; }

.left-plate .cou-des { width: 100%;height: auto;background-color: white;padding: 20px; }
.left-plate .cou-des > img { width: 393px;height: 245px;overflow: hidden;float: left; }
.left-plate .cou-des .cou-int { width: 447px;height: auto;float: left;margin-left: 20px; }
.left-plate .cou-des .cou-int > h3 { font--size:20px;color: #313131;letter-spacing: .1em;margin:12px 0;}
.left-plate .cou-des .cou-int span {color:#FF7701;font-size: 14px;}
.left-plate .cou-des .cou-int span p{ margin-top:10px;}
.left-plate .cou-des .cou-int .tov{width: 10px;height: 10px;border-radius: 25px;background: #63CEFC;float: left;position: relative;top: 40px;left: 0px;}
.left-plate .cou-des .cou-int .tob{width: 10px;height: 10px;border-radius: 25px;background: #63CEFC;float: left;position: relative;top: 20px;left: 0px;}
.left-plate .cou-des .cou-int .toc{width: 10px;height: 10px;border-radius: 25px;background: #63CEFC;float: left;position: relative;top: 16px;left: 0px;}
.left-plate .cou-des .cou-int  > p { width:447px;font-size: 14px;line-height:24px;letter-spacing: .05em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-left:20px;}
.left-plate .cou-des .cou-int > a { display: block;width: 140px;height: 46px;background-color: #6cf;margin:16px 20px 0 0;float: left;color: white;text-align: center;line-height: 46px; }
.left-plate .cou-des .cou-int .collect-data { background-color: #ffb533; }
.left-plate .cou-des > p { width: 860px;font-size: 14px;color:#848484;line-height: 24px;letter-spacing: .05em; }
.left-plate .cou-des >p b{ color:#FF7701;}
.left-plate .cou-des > p > i { display: block;width: 20px;height: 20px;background-color: #6cf;float: left;margin-right: 16px; }
.left-plate .cou-des .det-sut { font-size: 18px;color: #323232;letter-spacing: .05em;margin: 24px 0 10px 0;}
.left-plate .cou-des .det-sut span div{width: 860px;line-height: 24px;}

/*应用场景*/
.left-plate .cl-det { width: 100%;height:460px;margin:10px 0 10px 0;background-color: white;padding-bottom: 1px;}
.left-plate .cl-det .tea-tit { margin: 10px 20px 24px 20px;}
.left-plate .cl-det .tea-tit > h3 { font-size: 18px;color: #313131;margin-top:5px;float: left;letter-spacing: .08em; }
.left-plate .cl-det .tea-tit > span > a { float: right;margin-top: 11px;font-size: 14px;color: #66ccff; }
.left-plate .cl-det .tea-tit > i { display: block;width: 100%;height: 1px;background-color: #66ccff;clear: both; margin-top: 10px; }
.left-plate .cl-det .tea-tit > p { color: #313131;text-transform: uppercase; }
.left-plate .cl-det .tea-tit > p > span { margin-left: 10px; }
.teb-tit div{margin-left:30px;}
#bom{ margin-left:0px;border:#000 solid 1px; width:150px; line-height:24px; text-align:center; background-color:#313131; color:#FFF; margin-top:10px;}
.right{float:right; width:695px; height:300px; margin-top:-255px;}
.right span{border-bottom:#FF7701 solid 2px; width:10px;font-size:18px; color:#353535;}
.right b{font-size:14px; color:#90D7F2; font-weight:inherit; margin-left:10px;}
.right div{font-size:18px;color:#353535; margin-top:15px;}
.right p{width: 860px;font-size: 14px;color: #848484;line-height: 24px;letter-spacing: .05em; margin-left:10px; margin-top:5px;}

/*名师团队*/
.det-cen .tea-team { width: 900px;height: 280px;background-color: white;position: relative; }
.det-cen .tea-team .tea-tit { margin: 10px 20px 24px 20px; }
.det-cen .tea-team .tea-tit > h3 { font-size: 20px;color: #313131;margin-top:5px;float: left;letter-spacing: .08em; }
.det-cen .tea-team .tea-tit > span > a { float: right;margin-top: 11px;font-size: 14px;color: #66ccff; }
.det-cen .tea-team .tea-tit > i { display: block;width: 100%;height: 1px;background-color: #66ccff;clear: both; margin-top: 10px; }
.det-cen .tea-team .tea-tit > p { color: #313131;text-transform: uppercase; }
.test p{color:#848484;}
.left-top{border:#CCC  solid 1px;  height:60px; line-height:24px;margin-left: 20px;margin-right: 20px;}
.left-top img{margin-top:15px;}
.bottom-r{float:right; width:500px; height:50px; margin-top:5px;  margin-right:300px;}
.bottom-f{position:relative; top:-70px; left:490px; margin-left:20px;}
.bottom-f img{position:relative; top:-50px; left:325px;}
.bottom-c{margin-left:20px;}
.left-bottom{position:relative; left:330px; top:-50px;}
.left-bottom img{position: relative;left:300px;top: 40px;}
.right-top{ border:#CCC  solid 1px;height:60px; line-height:24px; margin-top:50px;margin-left: 20px;margin-right: 20px;}
.right-top img{margin-top:15px;}
.top-r{float:right; width:500px; height:50px; margin-top:5px;  margin-right:300px;}
.top-f{position:relative; top:-70px; left:490px; margin-top:20px; margin-left:20px;}
.top-f img{position:relative; top:-50px; left:325px;}
.bottom-c{margin-left:20px;}
.left-bottom{position:relative; left:330px; top:-50px;}
.left-bottom img{position: relative;left:300px;top: 40px;}
.middle{position: relative;top: -180px;left: 350px;}
.middle p{position: relative;top: -105px;left:50px; font-size:24px; color:#FFF;}
/*教学环境*/
.det-cen .teach-env { width: 900px;height: 540px;background-color: white;margin-top:10px; }
.det-cen .teach-env .tea-tit { margin: 10px 20px 24px 20px; }
.det-cen .teach-env .tea-tit > h3 { font-size: 20px;color: #313131;margin-top:5px;float: left;letter-spacing: .08em; }
.det-cen .teach-env .tea-tit > i { display: block;width: 100%;height: 1px;background-color: #66ccff;clear: both; margin-top: 10px; }
.det-cen .teach-env .tea-tit > p { color: #313131;text-transform: uppercase; }
.det-cen .teach-env .tea-tit > p > span { margin-left: 10px; }

.det-cen .teach-env .env-img { margin:0 20px; }
.det-cen .teach-env .env-img > img { float: left;margin:0 0 14px 10px;transition: all 0.4s; }
.det-cen .teach-env .env-img > img:hover { transform: scale(1.03); }
.det-cen .teach-env .env-img .img-one { margin-left:0; }
.det-cen .teach-env .env-img .img-two { margin-left: 19px; }

/*右边板块*/
.right-plate { width: 280px;height: auto;float: right; }
.right-plate .micro-blog { width: 280px;height: 440px;background-color: white; }
.right-plate .micro-blog .tea-tit { margin: 0px 20px 24px 20px; }
.right-plate .micro-blog .tea-tit > h3 { font-size: 20px;color: #313131;margin-top:15px;float: left;letter-spacing: .08em; }
.right-plate .micro-blog .tea-tit > span > a { float: right;margin-top: 21px;font-size: 14px;color: #66ccff; }
.right-plate .micro-blog .tea-tit > i { display: block;width: 100%;height: 1px;background-color: #66ccff;clear: both; margin-top: 10px; }
.right-plate .micro-blog .tea-tit > p { color: #313131;text-transform: uppercase;font-size: 12px; }
.right-plate .micro-blog .tea-tit > p > span { margin-left: 10px; }
.right-plate .micro-blog .micro-con { margin:20px; }

/*优秀案例*/
.right-plate .edu-abroad { width: 280px;height: 500px;background-color: white;margin-top: 10px;position: relative; }
.right-plate .edu-abroad .tea-tit { margin: 0px 10px 18px 10px; }
.right-plate .edu-abroad .tea-tit > h3 { font-size: 20px;color: #313131;margin-top:15px;float: left;letter-spacing: .08em; }
.right-plate .edu-abroad .tea-tit > span > a { float: right;margin-top: 21px;font-size: 14px;color: #66ccff; }
.right-plate .edu-abroad .tea-tit > i { display: block;width: 100%;height: 1px;background-color: #66ccff;clear: both; margin-top: 10px; }
.right-plate .edu-abroad .tea-tit > p { color: #313131;text-transform: uppercase;font-size: 12px; }
.right-plate .edu-abroad .tea-tit > p > span { margin-left: 10px; }

.right-plate .edu-abroad .det-con { width: 260px;height: 132px;margin:0 auto; margin-top:10px;}
.right-plate .edu-abroad .det-con .det-photo { width: 111px;height: 132px;background-color: #6cf;overflow: hidden;position: relative;float: left; }
/*.right-plate .edu-abroad .det-con .det-photo > a > img { margin-top: 22px; }*/
.right-plate .edu-abroad .det-con .det-photo > p { width: 70px;height: 24px;border:1px solid white;position: absolute;top:11px;left: 35px;text-align: right; }
.right-plate .edu-abroad .det-con .det-photo > p > a { display: block;width: 70px;height: 24px; font-size: 14px; color: white;letter-spacing: .085em;text-transform:uppercase;   }
.right-plate .edu-abroad .det-con .det-photo > p > a > img { margin-right: 2px; }
.right-plate .edu-abroad .det-con .det-text { width: 132px;height: 132px;overflow: hidden;float: right; }
.right-plate .edu-abroad .det-con .det-text > p {color: #868686;}
.right-plate .edu-abroad .det-con .det-text .cl-su{font-size: 12px;line-height: 18px;letter-spacing: .1em;height: 55px; overflow: hidden;}
.right-plate .edu-abroad .det-con .det-text .cl-sub { color: #ffb533;margin-top: 5px;}
.right-plate .edu-abroad .det-con-one { margin-top: 9px; }

.right-plate .r-courses { width: 280px;height: 415px;background-color: white;margin-top:10px; }
.right-plate .r-courses .tea-tit { margin: 0px 20px 24px 20px; }
.right-plate .r-courses .tea-tit > h3 { font-size: 20px;color: #313131;margin-top:15px;float: left;letter-spacing: .08em; }
.right-plate .r-courses .tea-tit > span > a { float: right;margin-top: 21px;font-size: 14px;color: #66ccff; }
.right-plate .r-courses .tea-tit > i { display: block;width: 100%;height: 1px;background-color: #66ccff;clear: both; margin-top: 10px; }
.right-plate .r-courses .tea-tit > p { color: #313131;text-transform: uppercase;font-size: 12px; }
.right-plate .r-courses .tea-tit > p > span { margin-left: 10px; }
.right-plate .r-courses .cl-top{margin-top:20px;}
.right-plate .r-courses .cl-top a img { width: 137px;height: 151px;margin-left: 20px;float: left; }
.right-plate .r-det { float: left;width: 108px;height: 111px;margin-left: 6px;font-size: 16px;color: #313131;left: .85em; }
.right-plate .r-det .su{width:35px; height:25px;border-bottom:3px #FEBE4D solid;}
.right-plate .r-det .su b{font-weight:inherit; color:#333; font-size:18px;}
.right-plate .r-det .re-con { font-size: 12px;line-height: 18px;letter-spacing: .1em;margin-top: 6px; height:90px;overflow: hidden;}
.right-plate .r-det .to{ width:100px; line-height:24px; color:#FFF; background-color:#FEBE4D; text-align:center; margin-top:5px;}




/*新闻资讯*/
.right-plate .news { width: 280px;height: 450px;background-color: white;margin-top:10px; }
.right-plate .news .tea-tit { margin: 0px 10px 24px 10px; }
.right-plate .news .tea-tit > h3 { font-size: 20px;color: #313131;margin-top:15px;float: left;letter-spacing: .08em; }
.right-plate .news .tea-tit > span > a { float: right;margin-top: 21px;font-size: 14px;color: #66ccff; }
.right-plate .news .tea-tit > i { display: block;width: 100%;height: 1px;background-color: #66ccff;clear: both; margin-top: 10px; }
.right-plate .news .tea-tit > p { color: #313131;text-transform: uppercase;font-size: 12px; }
.right-plate .news .tea-tit > p > span { margin-left: 10px; }
.right-plate .news > a > img { width: 260px;height: 134px;margin: 0 0 16px 10px; }
.right-plate .news > p { height: 60px; margin:0 10px;font-size: 14px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-align: justify; }
.right-plate .news .news-sub { width: 260px; font-size: 16px;color: #6cf;margin:16px 10px 6px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }


.right-plate .news > ul { margin-top: 8px; }
.right-plate .news > ul > li > a > span { display: block;width: 8px;height: 8px;border-radius:4px;background-color: #ff7700;float: left;margin-top: 8px; margin-right: 10px; }
.right-plate .news > ul > li { display: block;width: 153px;float: left;margin:4px 0 0 12px; }
.right-plate .news > ul > li > a { display: block;width: 260px;font-size: 14px;color: #999;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.right-plate .news > ul > li > a:hover{ color: #f70; }

/*旅游英语*/
.teb-tit div{margin-left:10px;}
#bom{ margin-left:0px;border:#000 solid 1px; width:150px; line-height:24px; text-align:center; background-color:#313131; color:#FFF; margin-top:10px;}
.righ{width:695px; height:300px;}
.righ span{border-bottom:#FF7701 solid 2px; width:10px;font-size:18px; color:#353535;}
.righ b{font-size:14px; color:#90D7F2; font-weight:inherit; margin-left:10px;}
.righ div{font-size:18px;color:#353535; margin-top:5px;}
.righ p{width: 860px;font-size: 14px;color: #848484;line-height: 24px;letter-spacing: .05em; margin-left:10px; margin-top:5px;}
.left-plate .cl-de { width: 100%;height:680px;margin:10px 0 10px 0;background-color: white;padding-bottom: 1px;}
.left-plate .cl-de .tea-tit { margin: 10px 20px 24px 20px;}
.left-plate .cl-de .tea-tit > h3 { font-size: 18px;color: #313131;margin-top:5px;float: left;letter-spacing: .08em; }
.left-plate .cl-de .tea-tit > span > a { float: right;margin-top: 11px;font-size: 14px;color: #66ccff; }
.left-plate .cl-de .tea-tit > i { display: block;width: 100%;height: 1px;background-color: #66ccff;clear: both; margin-top: 10px; }
.left-plate .cl-de .tea-tit > p { color: #313131;text-transform: uppercase; }
.left-plate .cl-de .tea-tit > p > span { margin-left: 10px; }
.right-plate .r-course { width: 280px;height: 600px;background-color: white;margin-top:10px; }
.right-plate .r-course .tea-tit { margin: 0px 20px 24px 20px; }
.right-plate .r-course .tea-tit > h3 { font-size: 20px;color: #313131;margin-top:15px;float: left;letter-spacing: .08em; }
.right-plate .r-course .tea-tit > span > a { float: right;margin-top: 21px;font-size: 14px;color: #66ccff; }
.right-plate .r-course .tea-tit > i { display: block;width: 100%;height: 1px;background-color: #66ccff;clear: both; margin-top: 10px; }
.right-plate .r-course .tea-tit > p { color: #313131;text-transform: uppercase;font-size: 12px; }
.right-plate .r-course .tea-tit > p > span { margin-left: 10px; }
.right-plate .r-course .cl-top{margin-top:20px;}
.right-plate .r-course .cl-top a img { width: 137px;height: 151px;margin-left: 20px;float: left; }
.right-plate .new { width: 280px;height: 450px;background-color: white;margin-top:20px; }
.right-plate .new .tea-tit { margin: 0px 10px 24px 10px; }
.right-plate .new .tea-tit > h3 { font-size: 20px;color: #313131;margin-top:15px;float: left;letter-spacing: .08em; }
.right-plate .new .tea-tit > span > a { float: right;margin-top: 21px;font-size: 14px;color: #66ccff; }
.right-plate .new .tea-tit > i { display: block;width: 100%;height: 1px;background-color: #66ccff;clear: both; margin-top: 10px; }
.right-plate .new .tea-tit > p { color: #313131;text-transform: uppercase;font-size: 12px; }
.right-plate .new .tea-tit > p > span { margin-left: 10px; }
.right-plate .new > a > img { width: 260px;height: 134px;margin: 0 0 16px 10px; }
.right-plate .new > p { height: 60px; margin:0 10px;font-size: 14px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-align: justify; }
.right-plate .new .news-sub { width: 260px; font-size: 16px;color: #6cf;margin:16px 10px 6px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }


.right-plate .new > ul { margin-top: 8px; }
.right-plate .new > ul > li > a > span { display: block;width: 8px;height: 8px;border-radius:4px;background-color: #ff7700;float: left;margin-top: 8px; margin-right: 10px; }
.right-plate .new > ul > li { display: block;width: 153px;float: left;margin:4px 0 0 12px; }
.right-plate .new > ul > li > a { display: block;width: 260px;font-size: 14px;color: #999;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.right-plate .new > ul > li > a:hover{ color: #f70; }