/*
    Created on : 2016-1-1
    Author     : guoyuna
*/
@charset "utf-8";
/*reset start*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0; box-sizing: border-box;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}
html{font-size:16px}
body{font-family:"微软雅黑",arial,sans-serif; min-width:320px; margin:0 auto; background: #fff;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-style: normal;font-weight: normal;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{color:#333;outline:0;}
body *{-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}
.clearfix:after{content:".";display:block;overflow:hidden;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
input,textarea,select{outline: none; -webkit-appearance:none;}
.clearOver{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.main{width: 100%;background-image: url(index_bg.jpg); background-repeat: no-repeat; background-size: 100% 100%; overflow: hidden;}
.main .hd{width:100%; text-align: center; margin-top: 6%; color: #fff;}
.main .hd .logo{width:30%;}
.main .hd p{font-size: 1.2em; font-weight: bold; padding: 3% 0 1% 0; text-shadow: 1px 1px 1px #333;}
.main .hd span{font-size: .9em;}

.main .video_list{width:100%; margin-top: 5%;}
.main .video_list img{width:100%; display: block;}
.main .video_list a{width:85%; display: block; margin: 0 auto 3%; border-radius: 5px; overflow: hidden;}

.main_teacher .hd{padding-top: 8%;}
.main_teacher .hd p{ padding-bottom: 3%;}
.main_teacher .video_list{width:85%;margin: 10% auto 0; background: #fff; padding:1% 1% 0 1%;}
.main_teacher .btn{width:54%; height: 58px; color: #fff; font-weight: bold; font-size: 1.1em; background:url(btn.png) no-repeat; background-size: 100% 100%; display: block; text-align:center; line-height: 56px; margin: 15% auto 0;}
.main_teacher1{background-image: url(1.jpg);}
.main_teacher2{background-image: url(2.jpg);}
.main_teacher3{background-image: url(3.jpg);}
.main_teacher3 .btn{margin-top: 3%;}

.share_box{position: fixed; width:100%; height: 100%; display: none; z-index: 999; top:0; left: 0;}
.zhe{background: #121820; opacity: .9; width:100%; height: 100%;}
.share{position: absolute; right: 5%; top:3%; width:60%;}
/*大于pad屏幕*/
@media only screen and (min-width: 750px){
	body{font-size: 1.5rem; max-width: 750px;}
	.main_teacher .btn{height: 90px; line-height: 90px;}
	.share_box{max-width: 750px; margin-left: -375px; left:50%;}
	.share{max-width: 300px;}
}
video::-webkit-media-controls-enclosure {
	overflow:hidden;
}
video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}