@charset "UTF-8";

/*==============================网页整体样式=========================*/
*{ vertical-align:baseline; font-weight:inherit;font-family:微软雅黑, Arial; font-style:inherit; padding:0; margin:0;}
body{ font-size:14px;color: #464646; }
ol, ul{ list-style:none;}
img{ border:none; text-decoration:none;display: inline-block }
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:14px;}
a{  text-decoration:none;color: #464646;}
a img, :link img, :visited img{ border:0;}
a:hover{ color: #464646;}
.clear { clear:both;}
.clearfix:after{ content: "";display: block;clear: both;}
.w1200{ width:100%;margin:0px auto ;overflow-x: scroll;}

.fl{ float: left;}
.fr{ float: right;}

/*翻页 代码*/
.pages {padding:30px 0;float: right;text-align: right;height: 40px;width:100%;}
.pages li{list-style: none;display: inline-block;width: auto;}
.pages a{padding:3px 15px;display:block;border:1px #eee solid;background:#f9f9f9;display:inline-block;margin-right:5px;overflow:hidden;}
.pages a.active{background:#ff710a;color:#fff;}



/*==============================网页公共样式=========================*/

/*网站脚部*/
#footer{ width: 100%;height: 210px;background-color: #10ada5;border-bottom: 1px solid #53c4be;overflow: hidden}
#footer .w1200 div:first-child{ margin-top: 65px}
#footer .w1200 div:nth-child(2){ margin: 65px 0 0 94px;}
#footer .w1200 div:nth-child(2) li{ color: #fff;line-height: 24px;list-style: disc;font-size: 16px;font-weight: bold;}
#footer .w1200 div:last-child{ width: 350px;border-left: 2px solid #4cc2bc;height: 210px}
#footer .w1200 div:last-child p{text-align: center;color: #fff;}
#footer .w1200 div:last-child p:first-child{margin: 40px 0 5px}

/*网站底部备案信息*/
#copyright{ height: 65px;width: 100%;background-color: #10ada5;line-height: 65px}
#copyright p,#copyright a{ color: #fff;}



/*==============================网页首页样式=========================*/
.flexslider { position: relative;height: 618px;overflow: hidden;margin-top:-20px}
.slides { position: relative;z-index: 1;}
.slides li {height: 618px;}
.slides li a{display: block;width: 100%;height: 100%}
.flex-control-nav { position: absolute;bottom: 10px;z-index: 2;width: 100%;text-align: center;  }
.flex-control-nav li { display: inline-block;width: 40px;height: 4px;margin: 0 5px;*display: inline;zoom: 1; }
.flex-control-nav a { display: inline-block;width: 40px;height: 4px;line-height: 40px;overflow: hidden;
    background: url('../images/dot.png') right 0 no-repeat;cursor: pointer;}
.flex-control-nav .flex-active {  background-position: 0 0;  }
.flex-direction-nav { position: absolute;z-index: 3;width: 100%;top: 45%;  }
.flex-direction-nav li a {  display: block;width: 50px;height: 50px;overflow: hidden;cursor: pointer;position: absolute;  }

/*首页海报图中表单*/
#ban_from{width: 286px;height:auto;border: 2px solid rgba(104,186,187,0.8);position: absolute;z-index: 999;
    background-color: rgba(255,255,255,0.5);top: 60px}
#ban_from>h1{ color: #4f4f4f;font-size: 24px;font-family: '方正正中黑简体';background: url("../images/jt.png") 4px center no-repeat;
    padding-left: 17px;margin-top: 18px}
#ban_from>h1 i{ color: #299892;font-size: 19px;font-family: '微软雅黑'}
#ban_from>p{ color: #0ba29a;font-size: 21px;width: 252px;padding: 0 17px 18px;line-height: 30px;border-bottom: 1px solid rgba(255,255,255,0.5)}
#ban_from>p i{ color: #ee580f;}

#ban_from form{ width: 243px;margin: 25px auto 0;}
#ban_from>form p{ color: #4f4f4f;font-size: 14px;margin-bottom: 24px}
#ban_from>form p i{ color: #0ba29a;font-size: 12px}

#ban_from>form input{ border: none;outline: none;height: 39px;width: 243px;background-color: rgba(134,207,201,0.8);
    border-radius: 50px;margin-bottom: 30px}

#ban_btn{ background-color: rgba(221,168,73,0.8) !important;color: #fff;font-size: 18px}

/*首页显示海报图部分*/
#show_ban{ height: 100px;width: 100%;background-color: #f0f0f0;}
#show_txt{ font-size: 21px;color: #414141;font-family: '方正正中黑简体';margin-top: 13px;width: 220px}
#show_txt i{ font-size: 14px;color: #929090;font-family: '微软雅黑';display: block;
    background: url("../images/mian1-3.png") 65px center no-repeat}

.small_ban{ float: left;margin-left: -30px;border-top: 2px solid transparent;position: relative;cursor: pointer}
.small_ban span{ width: 100%;height: 100%;display: block;position: absolute;top: 0;background-color: rgba(0,0,0,0.5);display: none;}
.on{ border-top-color: #e95b05;}
.on span{ display: block}

/*首页时代日语介绍部分*/
#introduce{ margin-top: 30px;background-color: #ededed}


/*首页日语课程*/
#course>h1{ height: 171px;width: 100%;background: url("../images/course_title.jpg") center scroll no-repeat}
#course table{ background-color: #1e8f88;font-size: 15px;width:100%;}
#course table tr:first-child td{ background-color: #58bfba;color: #fff;font-size: 12px}
#course table tr td{ background-color: #f5f5f5;text-align: center;vertical-align: middle}
#course table tr td:first-child{ width:20%;height: 43px}
#course table tr td:nth-child(2),#course table tr td:nth-child(3){ width:15%;height: 43px;font-size: 12px;}
#course table tr td:nth-child(4){ width:20%;height: 43px;font-size: 12px;}
#course table tr td:nth-child(5){ width:30%;height: 43px;font-size: 12px;}

#course table tr:not(:first-child) td:first-child{ font-size: 12px;font-weight: bold;color: #eda814}
#course a{ display: inline-block;color: #fff;background-color: #c9141e;width:75%;height: 35px;text-align: center;
    line-height: 35px;border-radius: 3px}

/*首页广告海报图*/
#ad{ height: 461px;width: 100%;background: url("../images/introduce5.jpg") center scroll no-repeat}

/*首页学员评价*/
#assess{ margin-top: 65px;}
#assess h1{ text-align: center}

.assess_box{ margin-top: 30px;overflow: hidden}

.assess_con{ width:100%;float: left}
.assess_con div:last-child{ margin-left: 11px;width: 529px}
.assess_con div:last-child h2 i{ display: inline-block;width: 9px;height: 9px;background: url("../images/icon2.jpg") no-repeat;
    margin-right: 2px}
.assess_con div:last-child h2 i:last-child{ margin-right: 14px}
.assess_con div:last-child p{ font-size: 12px;line-height: 18px;margin: 15px 0 20px;}

#assess a{ text-align: center;display: block;margin-top: 80px;padding-bottom: 65px}

/*首页教师照片*/
#teacher{ padding: 60px 0 55px;background-color: #f5f5f5;margin-top: 5px}
#teacher .w1200>h1{ text-align: center}
#teacher .w1200>a{ height: 40px;width: 235px;display: block;border: 1px solid #f39800;margin: 60px auto 0;color: #e69712;
    text-align: center;  line-height: 40px;border-radius: 50px;font-weight: bold;padding: 0;}

#tea_list{ margin-top: 35px}
#tea_list li{ width: 296px;display: inline-block}
#tea_list li a{ width: 285px;margin: 0 auto;display: block}
#tea_list li a h2{ border: 7px solid black;box-shadow:  0 10px 10px #939796;}
#tea_list li a img{ width: 100%;}
#tea_list li a h3{ color: #313131;margin-top: 10px;font-weight: bold;text-align: center}



/*首页合作企业*/
#partner h1{ text-align: center;margin: 53px 0 40px;  }

.par_list{ width:1200px;  overflow:hidden; position:relative;  margin-bottom: 30px}
.par_list .bd{ padding:10px;   }
.par_list .bd ul{ overflow:hidden; zoom:1; }
.par_list .bd ul li{ margin:0 36.5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.par_list .bd ul li .pic{ text-align:center; }
.par_list .bd ul li .pic img{ width:127px; height:38px; display:block; padding:2px;  }


/*==============================网页内页样式=========================*/
#ban{ width: 100%;height: 396px;background: center scroll no-repeat;}
#location{ overflow: hidden}
#location .w1200{ border-bottom: 1px solid #ccc;height: 30px;margin-top: 30px;margin-bottom: 30px;line-height: 30px}
#location p{ background: url(../images/wz_bg.jpg) no-repeat left center;padding-left: 20px;;}

/*课程介绍横条图片*/
#courses_ban{ height: 250px;width: 100%;background: url("../images/course_bg.jpg") center scroll no-repeat;}

/*图文页面*/
#cp_title,#cp_title1{ text-align: center;overflow: hidden}
#cp_title h1,#cp_title1 h1{ font-size: 22px;color: #ff710a;}
#cp_title h2{ font-size: 16px;text-transform: uppercase;color: #ccc;}

#teacher_list{ overflow: hidden}
#tea li{padding: 10px;float: left;width: 250px;background: #fff;margin: 20px 15px;
    box-shadow: 0px 0px 5px #ccc;}
#tea li img{ width: 100%}
#tea li p{ height: 40px;line-height: 40px; margin-top: 10px;text-align: center;color: #000;}
#tea li:hover{background: #91d3d1; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s;transition: 0.3s;}
#tea li:hover p{ color: #fff;}

/*图文详情页*/
#cp_detail{ padding: 10px}
#cp_detail .w1200{ padding-bottom:25px}
#cp_detail p{ margin-right: 15px;border: 1px solid #ccc;padding: 2px;margin: 0 25px}


/*学员学习心得*/
#evaluate{ width: 950px;margin: 0 auto;}
#evaluate li{ width: 935px;border: 5px solid #10ada5;height: 226px;background-color:#91d3d1;border-radius: 50px 0 50px 0;margin-top: 25px}
#evaluate li a>p{ margin: 35px 0 0 40px;width: 115px;text-align: center}
#evaluate li span{ font-weight: bold;color: #ff710a;font-size: 16px;line-height: 28px}
#evaluate li div{ margin-top: 35px;width: 675px;margin-left: 50px}
#evaluate li div h1{ color: #ff710a;font-size: 16px}
#evaluate li div p{ line-height: 30px;margin-top: 24px}



/*新闻详情页*/
#newscon{ line-height: 26px;padding: 10px 20px;min-height: 250px}
#back{ text-align: center;margin: 15px 0;display: block}

/*联系我们*/
#page_info{ margin-top: 30px}
.contact{ width:100%;box-sizing:border-box;padding: 67px 20px 0 0;}
.contact h2{ font-size: 24px;margin-bottom: 34px;color: #333;}
.contact p:nth-child(2){ background: url("../images/icon01.png") 0 center no-repeat;padding-left: 25px;line-height: 25px;
    color: #333;font-size: 16px}
.contact p:nth-child(3){ background: url("../images/icon02.png") 0 center no-repeat;padding-left: 25px;line-height: 25px;
    color: #333;font-size: 16px;margin: 18px 0;}
.contact p:nth-child(4){ background: url("../images/icon03.png") 0 center no-repeat;padding-left: 25px;line-height: 25px;
    color: #333;font-size: 16px;margin: 18px 0;}

.yyl{width: 359px;height: 26px;background: url(../images/yyl-bg.png) no-repeat; overflow: hidden;color: #338323;
    margin-bottom: 50px;  }
.yyl span{ display: inline-block;width: 94px;height: 100%;text-align: center;color: #fff;line-height: 26px;margin-right: 14px;}

/*校区环境*/
#campus{ padding-top: 64px;width: 100%;height: 488px;background: #f3f3f3 url('../images/bg.png') no-repeat right -130px;}
#campus h1{ text-align: center}

#marquee1 {  width: 1189px;height: 257px;margin: 35px auto 0;position: relative;overflow: hidden;}
#marquee1 ul li {  float: left;  width: 400px }
#marquee1 ul li a{  display: block;width: 389px;margin: 0 auto}
#marquee1 ul li img {  display: block;  }


#qq{ display: block;width: 121px;height: 277px;background: url("../images/qq_bg.png") no-repeat;position: fixed;
    left: 5px;top: 120px;z-index: 9000;}
#qq p{ font-size: 16px;font-weight: bold;color: #095996;line-height: 18px;text-align: center; margin-top: 186px}

#xfk{ position: fixed;background: url('../images/xfk.png') center scroll no-repeat;top: 120px;right: 0;width: 199px;height: 328px;
    z-index: 9000;}
#xfk_box{ position: relative;width: 199px;height: 328px;}
#xfk_box a{ position: absolute;width: 76px;height: 22px;left: 57px;}
#xfk_box a:first-child{top: 109px}
#xfk_box a:nth-child(2){top: 135px}
#xfk_box a:nth-child(3){top: 164px}
#xfk_box a:nth-child(4){top: 191px}
#xfk_box a:last-child{top: 220px}
.flright{
      width:100%;
      display:block;
      box-sizing: border-box;
      padding:0px 2px;
   
}
.flright h2{
    display: inline-block;
    margin-left: 15px;
}
.flright p{
    margin-top:25px;
    box-sizing: border-box;
    padding:0px 10px;
    margin-bottom: 10px;
}
.flaa,.fraa{
    width:100%;
}