@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;	
}
/* 去除iPhone中默认的input样式 */
input{-webkit-appearance:none; resize: none;}
/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,.input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); 
	font-family:"Microsoft YaHei", "Hiragino Sans GB", tahoma, sans-serif;}
/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {
display: block;
}
/* 图片自适应 */
img {
max-width: 100%;
height: auto;
width:auto\9; /* ie8 */
-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/
}
*:focus {
    outline:none;
}
/* 清零 */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,.input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0; border:none;}
body{font-family:"Microsoft YaHei", "Hiragino Sans GB", tahoma, sans-serif; color:#555; }
em,i{font-style:normal;}
strong{font-weight: normal;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
a{text-decoration:none; color:#333; font-family:"Microsoft YaHei", "Hiragino Sans GB", tahoma, sans-serif;}
a:hover{color:#333; text-decoration:none;}
ul,ol,li{list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-family:"Microsoft YaHei", "Hiragino Sans GB", tahoma, sans-serif;}
fieldset,img{border: none;}
table {
    border-collapse:collapse;
    border-spacing:0;
}
caption, th {
    text-align:left;
}
q:before,
q:after {
    content:"";
}
.input:password {
    ime-mode:disabled;
}


*{box-sizing:border-box;}
.scope{min-width:320px; max-width:640px; margin: 0 auto;}



/* 文字超出隐藏 */
.text-hide{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}


/* 大背景 */
body,html{
    font-family:"Microsoft YaHei", "Hiragino Sans GB", tahoma, sans-serif;
    background: #dadada;
    width: 100%;
    height: 100%;
}


/*定义全局样式*/

@media screen and (min-width: 300px) and (max-width: 319px) {
    html{ font-size: 46.875px;}
}
@media screen and (min-width: 320px) and (max-width: 374px) {
    html{ font-size: 50px;}
}
@media screen and (min-width: 375px) and (max-width: 413px) {
    html{ font-size: 58.59375px; }
}
@media screen and (min-width: 414px) and (max-width: 479px) {
    html{ font-size: 64.6875px;}
}
@media screen and (min-width: 480px) and (max-width: 640px) {
    html{ font-size: 75px;}
}
@media screen and (min-width: 640px) {
    html{ font-size: 100px;}
}
@media screen and (min-width: 640px) {
    html{ font-size: 100px;}
}

/* header */
/*header{
    width: 100%;
    height: 10%;
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    background: url(../Content/Mimage/index/logo.png) no-repeat center center #ffbb00;
    /*-webkit-background-size: 44% 40%;
    background-size: 44% 40%;
    -webkit-background-size: 44% 62%;
    background-size: 44% 62%;
    position: absolute;
    left:0;
    top:0;
    z-index: 99999;
    overflow: hidden;
}*/
header {
    position: fixed;
    width: 100%!important;
    height: 50px!important;
    color: #fff;
    left: 0;
    top: 0;
    z-index: 99999;
    overflow: hidden;
    /*background-color:#fff;*/
    background: url(/Content/Mimage/Mindex/detailnewlogo.png) no-repeat center center !important;
    -webkit-background-size: 100%important;
    background-size: 100% !important;
}
.courses{
    width: 60px;
    height: 26px;
    line-height: 26px;
    background: url(../Content/Mimage/index/book.png) no-repeat right center;
    -webkit-background-size: 22px 21px;
    background-size: 22px 21px;
    position: absolute;
    top:50%;
    left:10px;
    margin-top: -13px;
    float: left;
}
.courses a{
    width: 100%;
    height: 100%;
    display: inline-block;
    color:#fff;
}
.logo{
    width: 58%;
    height: 100%;
    display: block;
    margin:0 auto;
}
.logo a{
    width: 100%;
    height: 100%;
}


/*banner*/
.banner{
    /* margin-top: 18%; */
    /* margin-bottom: 10px; */
    margin-top: -4%!important;
}
.banner .slideBox{
    margin:0;
}

.banner .slideBox .bd{
    width:100%;
    padding:0;
    border:none;
}
.banner .slideBox .hd{
    padding:0;
    bottom:0;
}
.banner .slideBox .hd li{
    width:25px;
    height:3px;
    background: #fff;
    border-radius: 0;
    border:none;
}
.banner .slideBox .hd li.on{
    background: #ffbb00;
}
.slideBox{ 
    position:relative; 
    margin:10px auto;  
    max-width:560px;/* 设置焦点图最大宽度 */ 
}
.slideBox .hd{ 
    position:absolute; 
    width: 100%;
    bottom: -30px;
    padding:5px; 
    right:0; 
    z-index:1; 
    text-align: center;
}
.slideBox .hd li{ 
    display:inline-block; 
    width:8px; 
    height:8px; 
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px; 
    text-indent:-9999px; 
    overflow:hidden; 
    margin:3px;  
    border: 1px solid #ffbb00; 
}
.slideBox .hd li.on{ 
    background:#ffbb00;  
}
.slideBox .bd{ 
    position:relative; 
    z-index:0;  
    border:1px solid #ffbb00; 
    padding:10px;
    width:70%;
    margin:0 auto;
}
.slideBox .bd li{ 
    position:relative; 
    text-align:center;  
}
.slideBox .bd li img{ 
    background:url(images/loading.gif) center center no-repeat;  
    vertical-align:top; 
    width:100%;/* 图片宽度100%，达到自适应效果 */
}
.slideBox .bd li a{ 
    -webkit-tap-highlight-color:rgba(0,0,0,0);  
}

/* nav */
.nav{
    width: 100%;
    background: #ffffff;
    padding:15px 5%;
    margin: 0 auto 10px;
    overflow: hidden;
}
.nav li{
    width: 25%;
    text-align: center;
    float: left;
}
.nav li:nth-child(1){
    background: #ea9314;
}
.nav li:nth-child(2){
    background: #f8cb00;
}
.nav li:nth-child(3){
    background: #f57744;
}
.nav li:nth-child(4){
    background: #fbab1c;
}
.nav li img{
    width: 60%;
    display: block;
    margin: 0 auto;
}
.nav li a{
    color: #fff;
}


/* 内容模块 */
.box{
    width: 100%;
    padding: 10px 0;
    background: #fff;
    margin-bottom: 10px;
    overflow: hidden;
}



/* 底部导航 */
.foot_nav{
    width: 100%;
    height: auto;
    background: #fff;
    position: absolute;
    bottom: 0;
    left:0;
}
.foot_nav li{
    width: 25%;
    height: 100%;
    font-size: 14px;
    text-align: center;
    float: left;
}
.foot_nav li.current a{
    color:#ffbb00;
}
.foot_nav li.current img{
    -webkit-filter: grayscale(0%);
}
.foot_nav li img{
    width: 32%;
    display: block;
    margin:10px auto 5px;
    -webkit-filter: grayscale(100%);
}

/*表单提交*/
.base_wrap{
	height: 100%;
	background-color: #fff;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.base_form {
    background: #484848;
    padding: 30px .24rem;
    padding-bottom: 1rem;
}

.base_form input[type="text"] {
    width: 80%;
    padding-left: .2rem;
    height: 0.8rem;
    font-size: 0.32rem;
    line-height: 0.8rem;
}

.base_form input[type="button"] {
    width: 80%;
    height: 0.8rem;
    font-size: 0.36rem;
    line-height: 0.8rem;
    color: #fff;
    background: #ffaf41;
}

.base_form input {
    display: block;
    margin: 0 auto;
    border: none;
    border-radius: 10px;
    margin-bottom: .4rem;
}
.base_form img {
	display: block;
    margin: 0 auto;
    width: 90%;
}

.base_form .btm{
	height: 1.4rem;
	width: 100%;
}
.base_form .btm .telphone{
	padding-top: .3rem;
	width: 2rem;
	float: left;
	font-size: .24rem;
	color: #fff;
}
.base_form .btm .telphone a{
	color: #fff;
}
.base_form .btm img{
	float: right;
	width: 3.7rem;
	height: 1.4rem;
}


/*老师公共部分*/
.base_teacher {
	padding: 0.4rem 0.32rem;
	overflow: hidden;
}

.base_teacher ul li{
	width: 2.58rem;
	margin-bottom: .4rem;
	float: left;
}
.base_teacher ul li img{
	height: 3.1rem;
}
.base_teacher ul li div{
	padding: .1rem;
	height: 4rem;
	background-color: #f8f8f8;
}
.base_teacher ul li h3{
	font-size: .28rem;
	color: #6c6c6c;
	margin-bottom: .1rem;
}
.base_teacher ul li p{
	font-size: .2rem;
	color: #6c6c6c;
	text-align: justify;
}

/*顶部菜单*/
.goback {
    position:fixed;
    left:15px;
    top:15px;
    width:25px;
    height:25px;
    background:url(/Content/Mimage/Mindex/detailback_btn.png) no-repeat center center;
    background-size:12px 19.5px;
}
.goback a{
    display:block;
    width:25px;
    height:25px;
}
.detail_title {
    line-height:50px;
    height:50px;
    text-align:center;
    font-size:15px;
}
#menu_btn {
    position:fixed;
    right:15px;
    top:15px;
    width:25px;
    height:25px;
    background: url(/Content/Mimage/Mindex/detailmenu_btn.png) no-repeat center center;
    background-size: 100%;
}
.menu {
    position:fixed;
    width:100px;
    z-index:999;
    right:15px;
    margin-top:60px;
    display:none;
}
.menu_index {
    height:40px;
    background:url(../../Content/Mimage/japCourse/menu.png) no-repeat center center;
    background-size:100% 100%;
    font-weight:bold;
    text-align:center;
}
    .menu_index a {
        color:#fff!important;
        float:left;
        width:100%;
        line-height:47px;
        font-size:13px;
    }
.menu_page {
    width:100%;
    background:#fff;
    border-radius:0 0 6px 6px;
}
    .menu_page div {
        line-height:40px;
        height:40px;
        text-align:center;
        font-size:13px;
        font-weight:bold;
    }
        .menu_page div:nth-child(2), .menu_page div:nth-child(3), .menu_page div:nth-child(5), .menu_page div:nth-child(6) {
            font-size:12px;
            color:#bfbfbf;
            font-weight:200;
        }
        .menu_page div:nth-child(7), .menu_page div:nth-child(8), .menu_page div:nth-child(9), .menu_page div:nth-child(10) {
            margin-left:-21px;

        }
        .menu_page div a {
            line-height:40px;
        }
.logobg {
    position:fixed;
    width:100%;
    height:50px;
    z-index:900;
}
.logobg img{
    width:100%;
    height:50px;
}
.mubu {
    position:fixed;
    width:100%;
    height:200%;
    background:black;
    opacity:0.5;
    z-index:888;
    display:none;
}

/*.contact {
    position:fixed;
    bottom:0;
    width:100%;
    height:50px;
    background:url(../../Content/Mimage/index/contactInfo.png) no-repeat center center;
    background-size:100% 100%;
    box-shadow:0 0 13px #bfbfbf;
    z-index:999;
}
.contact_01 {
    float:left;
    height:50px;
    width:50%;
}
.contact_01 a {
    display:inline-block;
    width:50%;
    float:left;
    height:50px;
}
.contact_02 {
    float:right;
    height:50px;
    width:50%;
}
.contact_02 a{
    display:inline-block;
    width:100%;
    float:left;
    height:50px;
}*/

.contact {
    position:fixed;
    bottom:0;
    width:100%;
    height:2.3rem;
    background:url(../../Content/Mimage/index/contactInfo.png) no-repeat center center;
    background-size:100% 100%;
    box-shadow:0 0 13px #bfbfbf;
    z-index:999;
}
.contact_01 {
    float:left;
    height:2.3rem;
    width:50%;
}
.contact_01 a {
    display:inline-block;
    width:50%;
    float:left;
    height:2.3rem;
}
.contact_02 {
    float:right;
    height:2.3rem;
    width:50%;
}
.contact_02 a{
    display:inline-block;
    width:100%;
    float:left;
    height:2.3rem;
}

/*商务通样式*/
#message {
    float:right;
    width: 0.3rem!important;
    height: 0.3rem!important;
    background: red;
    border-radius: 0.15rem;
    text-align: center;
    line-height: 0.3rem!important;
    color: #fff;
    z-index: 1;
    opacity:0;
    font-size:0.6rem!important;
    margin-right:-0.2rem!important;
    margin-top:0.5rem!important;
}
#LRdiv0 {
    display:none!important;
}
#LR-BTN {
    display:none!important;
}
#LR-BUBBLE {
    bottom:15px!important;
    border-radius:10px;
    box-shadow:0 0 0.2rem #bfbfbf;
}
#LR-BUBBLE-AVATAR {
    float:left!important;
}
#LR-BUBBLE-NAME {
    display:block!important;
            
}
#LR-BUBBLE-MSG {
    height:auto!important;
}

.turnToDialog {
    position:fixed;
    bottom:2.13rem;
    width:16rem;
    height:5.85rem;
    margin-top:12.1rem;
    /*box-shadow:0 0 15px 6px rgba(0,0,0,0.1);*/
    border-top-left-radius:0.26rem;
    border-top-right-radius:0.26rem;
    z-index:9999;
    background-color:#fff;
}

    .turnToDialog .dialog-title {
        border-top-left-radius:0.26rem;
        border-top-right-radius:0.26rem;
        height:1.37rem;
        width:16rem;
        background-color:#31335b;
    }

        .turnToDialog .dialog-title span {
            float:left;
        }
    .turnToDialog .dialog-title span:nth-child(1){
        width:0.68rem;
        height:0.73rem;
        margin-top:0.34rem;
        margin-left:1.024rem;
    }

    .turnToDialog .dialog-title span:nth-child(2){
        margin-left:2.048rem;
        width:8.79rem;
        height:1.37rem;
        text-align:center;
        line-height:1.37rem;
        font-size:0.6rem;
        color:#fff;
    }
    .turnToDialog .dialog-title span:nth-child(3){
        width:0.47rem;
        height:0.47rem;
        margin-top:0.43rem;
        margin-left:1.88rem;
    }

    .turnToDialog .dialog-title span:nth-child(1) img{
        width:0.68rem;
        height:0.73rem;
    }

    .turnToDialog .dialog-title span:nth-child(3) img{
        width:0.47rem;
        height:0.47rem;
    }

   .turnToDialog .dialog-content {
        width:16rem;
        height:4.44rem;
        border-bottom-left-radius:0.26rem;
        border-bottom-right-radius:0.26rem;
        color:#2e2e2e;
    }

   .turnToDialog .swt{
        width:16rem;
        height:4.44rem;
        margin-top:-4.44rem;
        float:left;
    }

    .turnToDialog .swt a{
        width:16rem;
        height:4.44rem;
        z-index:9999;
        display:inline-block;
    }

    .turnToDialog .dialog-content img{
        width:1.71rem;
        height:1.71rem;
        margin-top:1.41rem;
        margin-left:0.68rem;
        float:left;
    }

    .turnToDialog .dialog-content span {
        width: 11.52rem;
        height: 2.84rem;
        float: left;
        font-size: 0.48rem;
        padding-left: 0.3rem;
    }
    .turnToDialog .dialog-content span:nth-child(2){
        margin-top:1.11rem;
        margin-left:0.2rem;
        border-radius:0.512rem;
        background-color:#31335b;
    }
        .turnToDialog .dialog-content span:nth-child(3) {
            margin-top: -3rem;
            margin-left: 2.7rem;
            border-radius: 0.512rem;
            box-shadow: 0.09rem -0.04rem 0.34rem 0.04rem rgb(0 0 0 / 10%);
            background-color: #fff;
            line-height: 0.95rem;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            line-clamp: 3;
            -webkit-box-orient: vertical;
        }