@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:#4e4e4e; font-size:16px; line-height:24px; background: #fff; }
a{ color:#fff; 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; }
.w1200{width: 1200px; margin: 0 auto; }
.fl{ float: left; }
.fr{ float: right; }
.clearfix::after {clear: both; content: ""; display: block; height: 0;}



/******  german_1v1.css ******/
.page_banner{background: url(/data/static/images/zt/korean_1v1/koreago_01.jpg) no-repeat center; width: 100%; height: 500px;}

/******  教学优势 ******/

.pub_title { text-align: center; position: relative; }
.pub_title h4{ font-size: 30px;  font-weight: bold; height: 38px; line-height: 38px;color: #4578ba;  }
.pub_title h3{ margin-top:-5px; }
.pub_title .border-bottom{ width: 60px; height: 4px; display: block; position: absolute; top:44px; left: 50%; margin-left: -30px; background:#4578ba; }

/******** 教学优势 ****/
.youshi{ padding-bottom: 14px; padding-top: 32px; }
.show .list{ width: 366px;height: 74px; border:2px solid #4578ba; margin-bottom: 30px; }
.show .list .list_con{ width: 350px; height: 70px; padding:0 6px; margin:2px auto; background:#4578ba; color: #fff; font-size: 12px;   }
.show .list .list_con h3{ font-size: 16px; color: #ffcc00; text-align: center; padding-top: 3px; }
.show .list .list_con p{  line-height:17px; }
.show { margin-top:30px; }
.youshi_con { position: relative; }
.youshi_con .youshi_img{ background: url(/data/static/images/zt/german_1v1/youshi_img.jpg) no-repeat center; width: 360px; height: 287px; position: absolute; top:0; left:50%; margin-left: -180px; }
/******* 学习流程 ***/
.liucheng{  background: url(/data/static/images/zt/german_1v1/liucheng_bg.jpg) no-repeat center; width:100%; height: 465px; padding-top:40px; }
.liucheng_img{background: url(/data/static/images/zt/german_1v1/liucheng_img.png) no-repeat center; width:960px; height: 313px; margin: 40px auto 0;}
.liucheng_dl{ width: 202px; padding-left: 20px; height: 100px; margin:58px 0 0 78px; }

.liucheng_dl dt{ color: #4578ba; font-size: 18px; font-weight: bold; padding-bottom:6px; }
.liucheng_dl dt:hover{ color: #f48534; }
.liucheng_dl dt span{ background: url(/data/static/images/zt/german_1v1/liucheng_icon.png) no-repeat 0 0; width:26px; height: 25px; display: inline-block; vertical-align: -5px; margin-right: 13px; }
.liucheng_dl dt:hover span{ background-position: 0 -229px; }
.liucheng_dl dt .icon_2{ background-position: 0 -39px; width: 27px; height: 27px; }
.liucheng_dl dt:hover .icon_2{ background-position: 0 -268px; }
.liucheng_dl dt .icon_3{ background-position: 0 -70px; width: 27px; height: 33px;}
.liucheng_dl dt:hover .icon_3{
	background-position: 0 -299px;
}
.liucheng_dl dt .icon_4{ background-position: 0 -113px; width: 22px; height: 30px; }
.liucheng_dl dt:hover .icon_4{ 
	background-position: 0 -342px;
 }
.liucheng_dl dt .icon_5{ background-position: 0 -156px; width: 27px; height: 27px; }
.liucheng_dl dt:hover .icon_5{ 
background-position: 0 -385px; }
.liucheng_dl dt .icon_6{ background-position: 0 -196px; width: 28px; height: 28px; }
.liucheng_dl dt:hover .icon_6{ background-position: 0 -425px;  }
.liucheng_dl dd{ padding-left: 38px; font-size: 16px; }


/******* 课程体系 ***/
.cur_system{ padding-top: 46px; }

.table_nav{ text-align: center; margin: 20px 0 24px; }
.table_nav a{ width: 180px; height: 54px;  line-height:54px; text-align: center; border:1px solid #4578ba; margin:0 7px;color: #4578ba;  font-size: 20px; display: inline-block;  }
.table_nav a:hover,.table_nav a.on{ background:#4578ba; color: #fff;  }

.table_box .table{ width: 1100px;border:1px solid #4578ba; border-bottom: none; margin-bottom: 30px; }
 .table_box .table tr th{ height: 50px; line-height: 50px; width:180px; border-right:1px dashed #fff;  background:#4578ba; font-size: 18px; color: #fff; font-weight: normal;}
  .table_box .table tr .w740{ width: 740px; }

  .table_box .table tr td{ height: 96px; border-bottom: 1px solid #4578ba; text-align: center; border-right:1px dashed #4578ba;  }
  .table_box .table tr td .cur_name{ color: #4578ba; display: block; font-size: 16px;  }
.table_box .table tr td .try_but{ width: 68px; height: 28px; line-height: 28px; text-align: center; background: #ff4343; color: #fff; font-size:16px; border-radius: 20px; display:block; margin:10px auto 0; }
.table_box .table tr td .try_but:hover{ opacity: .8; }
.fuwu_show { padding: 0 20px; }
.fuwu_show .list{ float: left; width: 190px; text-align: left;  font-size: 16px; color: #4e4e4e;}
.fuwu_show .list span{ width: 7px; height: 7px; display: inline-block; border:1px solid #ff4c4c; border-radius: 50%; margin-right: 8px; }
.table_box .table tr td .fuwu_show .list:nth-child(3){ width: auto; }

.table_box .table tr td:last-child{  border-right: none;}
.table_box .table tr th:last-child{  border-right: none;}


.page_but{ width: 300px; height: 56px; line-height: 54px; display: block; text-align: center; margin:20px auto 40px; color: #fff; font-size: 22px; background: #4578ba; border-radius: 10px; }
.page_but:hover{ opacity: .9; }


/***** 学习服务 *****/
.fuwu{  width:100%; height:510px; background: url(/data/static/images/zt/german_1v1/fuwu_bg.jpg) no-repeat 0 0;  padding-top:40px; }
.fuwu .fuwu_show { padding-top:24px; }
.fuwu .fuwu_show .list{ width: 320px;background:rgba(255,255,255,.8); filter:Alpha(Opacity="80"); color: #fff; margin:0 40px; }

.fuwu .fuwu_show .list_t{ height: 62px; line-height: 62px; background: rgba(84,131,191,.7); text-align: center; font-size: 20px; color:#fff; filter:Alpha(Opacity="70"); }
.fuwu .fuwu_show .list_c { padding:15px 0; text-align: center; }
.fuwu .fuwu_show .list_c li{ line-height: 50px; font-size: 16px; color: #4578ba; }
.fuwu .fuwu_show .list_c li span{ width: 10px; height: 10px; background: #f48534; display:inline-block; margin-right: 6px; border:none; border-radius: 0;  }
.fuwu .fuwu_show .float_list li{ width: 150px; display: inline-block; }
.fuwu .fuwu_show { width: 1074px; margin:0 auto; }
.fuwu .fuwu_show .small_list{ width: 194px; margin-top: 22px;  }
.Berlin_Square{ margin-left: 40px; }


/***** 讲师团队 *****/
.team{ padding-top:10px; }
.team_con { padding-top: 10px; }
.team_con p{ line-height: 40px; font-size: 18px; color: #4e4e4e; text-align: center; }
.team_con .bold{ font-weight: bold; font-size: 24px; color: #fe8a53; padding-top:15px; }
.team_con .bold span{ color: #365e92; }

.team_intro .team_intro_box .list{ width:555px; height:315px; background: url(/data/static/images/zt/german_page/team_01.jpg) no-repeat 0 0;  }
.team_intro .team_intro_box .list_2{ width:525px; height:315px;background: url(/data/static/images/zt/german_page/team_03.jpg) no-repeat 0 0;  }
.team_intro .team_intro_box .list_2 .list_summary{ float: right; padding-right: 30px;  }
.team_intro { padding-top: 50px; padding-bottom: 68px; }
.list_summary {  width: 290px; padding-top:40px; padding-left:20px; }
.list_summary .name{ font-weight: bold; color: #365e92; font-size: 16px; text-align: right; }
.list_summary .name span{ width: 7px; height: 18px; display: inline-block;background:  #365e92; margin:0 6px; vertical-align: -3px;}
.list_summary .name em{ font-weight: normal; color: #4e4e4e; font-style: normal;   }
.list_summary p{ font-size: 14px; color: #4e4e4e; line-height: 25px; text-align:left;  }
.team_intro .team_intro_box .blue_color{ color: #365e92; }
.team_intro .team_intro_box .org_color{ color:#fe8a53;  }


/*左侧分类导航*/
.page_louti{position: fixed;left: 0;top: 50%;margin-top: -121px;width: 96px;background: #fff;text-align: center;color: #fff;z-index: 100;}
.page_louti h3{line-height: 38px;background: #4578ba;font-size: 18px;line-height: 38px;font-weight: bold;}
.page_louti h3:hover{opacity: .8;}
.page_louti h3 a{color: #fff;}
.page_louti h4{line-height: 44px;background: #666;font-size: 18px;line-height: 44px;font-weight: bold;}
.page_louti ul li{line-height: 33px;font-size: 14px;cursor: pointer;}
.page_louti ul li a{color: #666;display: block;}
.page_louti ul li:hover a{color: #4578ba;}
.page_louti ul li.active a{color: #4578ba;}


/*** 体验课填写框 ******/
.login_box{width: 350px;height: 442px;position: absolute;right: 0px;top: 38px;background: #fff;display: inline-block;text-align: center;}
.login_box>h4{color:#4578ba;margin-top: 26px;font-size: 22px;font-family: '微软雅黑';font-weight: 400;}
.login_box>form>#reservename2,.login_box>form>input:nth-child(3),#reservephone2,.login_box>form>input:last-child{height: 45px;width: 275px;border: 1px solid rgb(164, 167, 172);font-size: 16px;text-indent: 20px;font-family: '微软雅黑';}
.login_box>form>input{margin-top: 20px;}
.login_box>form>input:nth-child(3){margin-left: -4px;}
.aim_score > ul > li{height: 38px;line-height: 38px;width: 74px;float: left;border:1px solid #5d5d5d;margin:0 0 15px 15px;cursor:pointer ;}
.aim_score .aim_ul li.on{ border-color:#4578ba;color:#fff;background: #4578ba; }
.aim_score .aim_score_cur{border:1px solid #4578ba;}
.aim_score>p{font-size: 16px;padding-top:22px;}
#free_xudayang{background: #4578ba;color: #fff;width: 277px;height: 50px;font-size: 22px;display:block;line-height: 50px;margin: 20px auto 0;}
#free_xudayang:hover{opacity: .8;}





/*预约弹窗*/
.popup_bg{ position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999; display:block;　}
.popup_bg  .mask{background: #000;filter: alpha(opacity=60);opacity: .6;height: 100%; }
.reserve_bg{display:none;position: fixed;  top: 0%;  left: 0%;  width: 100%;  height: 100%;  background-color: black;  z-index:1001;  -moz-opacity: 0.6;  opacity:.6;  filter: alpha(opacity=60);width:100%;}
.reserve_modal{display: none;position: fixed;left:50%;top:30%;z-index:1002;width:400px;height: 255px;margin-left:-200px;background: #fff;}
.reserve_modal h3{line-height: 60px;font-size: 24px;color: #fff;background: #3e3e3e;text-align: center;letter-spacing: 2px;padding-left: 29px;}
.reserve_modal h3 span{display: block;float: right;padding-right:16px;width: 13px;height: 60px;background: url(/data/static/images/zt/tchnew_close.png) no-repeat right 16px center;cursor: pointer;}
.reserve_modal form{padding: 26px 18px 10px;}
.reserve_modal input,.reserve_modal select{width: 127px;height: 28px;margin: 0 18px 20px;
	border: none;
	outline: none;
	font-size: 12px;
	color: #6d6d6d;
	line-height: 28px;
	border: 1px solid #b3b3b3;
	padding-left: 14px;
}
.reserve_modal #reservephone{
	background: url(/data/static/images/zt/tchnew_red.png) no-repeat left top;
}
.reserve_modal select{width: 142px;font-family: "微软雅黑";}
.reserve_modal .reserveNow{display:block;width: 325px;height: 35px;line-height: 35px;margin: 0 auto;background: #4578ba;text-align: center;font-size: 16px;color: #fff;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}




/*预约成功弹窗*/
.reserveok_bg{display:none;position: fixed;  top: 0%;  left: 0%;  width: 100%;  height: 100%;  background-color: black;  z-index:999;  -moz-opacity: 0.6;  opacity:.6;  filter: alpha(opacity=60);width:100%;}
.reserveok_modal{display: none;position: fixed;left:50%;top:30%;z-index:1002;width:400px;height:255px;margin-left:-200px;background: #fff;}
.reserveok_modal h3{line-height: 60px;font-size: 24px;color: #fff;background: #3e3e3e;text-align: center;letter-spacing: 2px;padding-left: 29px;}
.reserveok_modal h3 span{display: block;float: right;padding-right:16px;width: 13px;height: 60px;background: url(/data/static/images/zt/tchnew_close.png) no-repeat right 16px center;cursor: pointer;}
.reserveok_modal img{margin: 15px auto;}
.reserveok_modal p{font-size: 18px;color: #333;text-align: center;}