@charset "utf-8";
/* CSS Document */

.banner{ position:relative;}
.banner .txt{ width:100%; line-height:2.65; color:#fff; font-size:28px; text-align:center; position:absolute; left:0; bottom:0; z-index:1;}
.banner .txt i{ display:block; width:8px; height:8px; padding:3px; background:#fff; background-clip:content-box; border:1px solid #fff; border-radius:50%; margin:0 auto;}
.banner .txt::after{ content:''; display:block; width:1px; height:1.64em; background:#fff; margin:0 auto;}

.main ul.teamList{ overflow:hidden; margin:0 -10px;}
.main ul.teamList li{ width:33.3333%; float:left; padding:0;}
.main ul.teamList li a{ padding:12px; margin:0 10px 20px;}
.main ul.teamList li a img{ height:auto; float:none; margin:0; width:100%; box-sizing:border-box;}
.main ul.teamList li h4{ font-size:15px; color:#333; text-align:center; padding:0.75em 0 0; font-weight:normal; line-height:2; margin:0 -12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.teamList li .txt{ display:none; font-size:0.875em;}

.lessonflex{ display:flex; padding:20px 0 30px;}
.lessonflex > img.pic{ display:block; width:46%; margin:4px 4% 0 0;}
.lessonflex .article{ flex:auto; padding:0;}

.main .attr > p.tips{ text-align:right; line-height:1; color:#f11c16; font-size:15px; margin:-14px 0 28px;}

@media only screen and (min-width:769px){

.leftCon h2{ color:#333; font-size:20px; padding:0.5em 0 1em; background:#fff url(../images/common/menu_bg.jpg) center top no-repeat; background-size:100% auto;}
.leftCon h2.td{ background-image:url(../images/common/menu_bg1.jpg); background-size:auto 100%;}
.leftCon ul{ padding:8px 0;}
.leftCon ul li a{ font-size:16px; line-height:3;}
.leftCon ul li.td a{ font-size/:15px; line-height:1.75; padding:0.5em 0 0.5em 0.75em; text-align:left;}
.leftCon ul li.td a i{ font-size:14px;}
.leftCon ul li.td a:hover::before{ display:none;}
.leftCon ul li.td a:hover font{ color:#434343;}

.leftCon p{ line-height:2.5em; font-size:14px; color:#666;}
.leftCon p img{ height:2em; margin:0.25em 0.7em 0 0.8em;}
.leftCon p font{ font-size:16px;}

.main p.position{ font-size:15px; line-height:3.6;}

.main .article{ font-size:15px;}

.main ul.lessonList li a.pic img{ height:164px;}
.main ul.lessonList li a.title{ font-size:16px; text-align:center;}
.main ul.lessonList li p{ display:none;}

.lessoninfo h4{ padding:0 0 0.625em; margin-bottom:0; text-align:center;}
.lessoninfo img.pic{ width:300px; height:200px; margin:26px 30px 56px 0;}

.main ul.newsList{ font-size:16px;}
.main ul.newsList li{ padding:18px 0;}
.main ul.newsList li a.title{ font-size:17px;}
.main ul.newsList li .txt{ font-size:0.875em; padding:0.5em 0 0;}
.main ul.newsList li span{ font-size:0.875em; margin-top:0.5em;}

form.msg{ padding-top:0; margin-top:-2px;}

.pswp__zoom-wrap{ height:100% !important; transform:none !important; display:flex; justify-content:center; align-items:center;}
.pswp__img{ width:auto !important; height:auto !important; position:static !important;}
.pswp__img--placeholder{ display:none !important;}


}

.main h2.sub{ display:block; color:#333; font-size:18px; margin:1em 0 0.25em; line-height:1.35;}
form.msg p input.text{ border-color:#333;}

/*图片列表*/
.main .picList{ display:block; padding:16px; overflow:hidden; margin:0 -20px 10px;}
.main .picList figure{ width:33.33%; overflow:hidden; box-sizing:border-box; float:left; margin:0;}
.main .picList figure a{ display:block; border:1px solid #eee; overflow:hidden; position:relative; margin:16px;}
.main .picList figure a img{ display:block; width:100%;}
.main .picList figure a span{ display:block; width:100%; line-height:2.875; color:#fff; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0;}
.main .picList figure a:hover span{ background:rgba(184,3,11,0.7);}


@media only screen and (max-width:768px){

.header{ padding:0;}
.header h1.logo a img{ box-sizing:border-box; padding:6px 0;}
.header a.tel{ display:none;}

.banner{ margin:0; height:120px;}
.banner .txt{ font-size:18px;}
.banner .txt i{ width:6px; height:6px;}
.banner .txt::after{ height:1.25em;}

.main .change{ margin-bottom:0;}

.lessoninfo h4{ margin-bottom:0; padding-bottom:0.5em;}
.lessonflex{ display:block; padding:0 0 20px;}
.lessonflex > img.pic{ width:100%; margin:0 0 15px;}

.leftCon{ margin-top:0;}
.leftCon ul li.td{ display:none;}

.main p.position{ display:none;}

.main .attr{ margin:12px 0;}

.main ul.teamList{ margin:0 -7px;}
.main ul.teamList li{ width:50%;}
.main ul.teamList li a{ padding:10px; margin:0 7px 14px;}
.main ul.teamList li h4{ font-size:13px; margin:0 -10px; white-space:nowrap; line-height:1.5; padding:0.75em 0 0;}
.main .attr > p.tips{ font-size:14px;}

.main .picList figure{ width:50%;}
.main .picList figure a{ margin:4px;}

.main ul.lessonList li{ width:100%;}
.main ul.lessonList li a.pic{ padding:8px;}
.main ul.lessonList li a.pic img{ height:auto;}
.main ul.lessonList li a.title{ text-align:center; font-size:15px;}

.lessoninfo h4{ text-align:center;}
form.msg input.btn{ width:40%;}

}















/**/