@charset "utf-8";
/*@font-face {

    font-family:'zfzcyh';

    src: url('../fonts/xxxx.eot') format('embedded-opentype');



}*/



a:focus,input,textarea{outline: none;}

*{margin:0px;padding:0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; word-break:break-all; /*支持IE，chrome，FF不支持*/



　　word-wrap:break-word;/*支持IE，chrome，FF*/}

.fl{float:left;}

.fr{float:right;}

h1,h2,h3,h4,h5,h6{font-weight: normal; line-height: 1;}

a,span,i{ }

.clear{ clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden;}

ul,ol,li{ list-style:none; margin: 0; padding: 0;}

a{ text-decoration:none;}

a:hover{text-decoration: none;}

h1{margin-top: 0px; margin-bottom: 0px;}

p{margin-bottom: 0px; margin-top: 0px;}

img{ border:0px; vertical-align:middle;}

.img{width: 100%; height: auto;}

body{ overflow-x:hidden;  font-family:Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif;line-height: 1; }

.sectionhalf{width: 600px;}

.section{max-width: 1300px; margin-right: auto; margin-left: auto;}

.absolute{position: absolute; left: 0; top: 0;right: 0; bottom: 0; overflow: hidden;}

.absolute2{position: absolute; left: 0; top: 0;width: 100%; height: 100%;}

.detailCon p{display: block;}

.detailCon span,.detailCon a,.detailCon i{display: inline;}

.detailCon img{max-width: 100% !important; height: auto !important;}

.backLazys{background-size: cover; background-position: center center; background-repeat: no-repeat;}

.xxj{width:100%;padding:20px; float:left;}

.xxj a{color:#838181;}

a:focus,a:link,a{text-decoration: none;}

.scrollcomm{position: relative; top: 90px; opacity: 0; filter:alpha(opacity=0); zoom:1;}

.scrollcomm1{top: 90px; opacity: 0; filter:alpha(opacity=0); zoom:1;}

.scrollcomm2{ opacity: 0; filter:alpha(opacity=0); zoom:1;}

.scrollcomm3{ margin-top: 80px; opacity: 0; filter:alpha(opacity=0); zoom:1;}

.article-block{position: relative;}

.opacityzero{opacity: 0; filter:alpha(opacity=0); zoom:1;}

.tran{transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}

.trandelay{transition:all 0.6s 0.2s; -webkit-transition:all 0.6s 0.2s; -moz-transition:all 0.6s 0.2s;}

.tranfive{transition:all 4s; -webkit-transition:all 4s; -moz-transition:all 4s;}

.tranthree{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}

.trantwo{transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s;}

.transix{transition:all 0.6s; -webkit-transition:all 0.6s; -moz-transition:all 0.6s;}

.transixdelayone{transition:all 0.2s 0.2s; -webkit-transition:all 0.2s 0.2s; -moz-transition:all 0.2s 0.2s;}

.tranba{transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s;}

.transcaleleft{transform:scale(0,1); -o-transform:scale(0,1); -ms-transform:scale(0,1); -moz-transform:scale(0,1); -webkit-transform:scale(0,1);}

.transcaletop{transform:scale(1,0); -o-transform:scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -webkit-transform:scale(1,0);}

.transcalow{transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);}

.transcaonenoe{transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}

.transcaonefive{transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5); -moz-transform:scale(1.5); -webkit-transform:scale(1.5);}

.transcaone{transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}

.transcaonezerofive{transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}

.transcalzero{transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0);}

.transcalzerofive{transform:scale(0.5); -o-transform:scale(0.5); -ms-transform:scale(0.5); -moz-transform:scale(0.5); -webkit-transform:scale(0.5);}

.transcalzerofiveX{transform:scaleX(0.5); -o-transform:scaleX(0.5); -ms-transform:scaleX(0.5); -moz-transform:scaleX(0.5); -webkit-transform:scaleX(0.5);}

.transcalxzero{transform:scaleX(0); -o-transform:scaleX(0); -ms-transform:scaleX(0); -moz-transform:scaleX(0); -webkit-transform:scaleX(0);}

.ismages:hover img{transform:scale(1.2); -o-transform:scale(1.2);  -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); cursor: pointer;}

.ismages:hover .noscale{transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}

.ismages:hover .tranA{transform:scale(1.2); -o-transform:scale(1.2);  -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); cursor: pointer;}

.tranorgin_rightTop{transform-origin:right top;-webkit-transform-origin:right top; -moz-transform-origin:right top; -ms-transform-origin:right top; -o-transform-origin:right top;}

.tranorgin_rightTop{transform-origin:right top;-webkit-transform-origin:right top; -moz-transform-origin:right top; -ms-transform-origin:right top; -o-transform-origin:right top;}

.tranorgin_rightTop{transform-origin:right top;-webkit-transform-origin:right top; -moz-transform-origin:right top; -ms-transform-origin:right top; -o-transform-origin:right top;}

.tranorgin_rightbottom{transform-origin:right bottom;-webkit-transform-origin:right bottom; -moz-transform-origin:right bottom; -ms-transform-origin:right bottom; -o-transform-origin:right bottom;}

.tranorgin_leftbottom{transform-origin:left bottom;-webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom;}

.tranorgin_lefttop{transform-origin:left bottom;-webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom;}

.tranorgin_midbottom{transform-origin:50% bottom;-webkit-transform-origin:50% bottom; -moz-transform-origin:50% bottom; -ms-transform-origin:50% bottom; -o-transform-origin:50% bottom;}

.tranorgin_rightmid{transform-origin:100% center;-webkit-transform-origin:100% center; -moz-transform-origin:100% center; -ms-transform-origin:100% center; -o-transform-origin:100% center;}

.tranorgin_center{transform-origin:50%;-webkit-transform-origin:50%; -moz-transform-origin:50%; -ms-transform-origin:50%; -o-transform-origin:50%;}

.tranorgin_center{transform-origin:50%;-webkit-transform-origin:50%; -moz-transform-origin:50%; -ms-transform-origin:50%; -o-transform-origin:50%;}

.tranorgin_right{    -webkit-transform-origin: right;-ms-transform-origin: right; transform-origin: right;}

.tranorgin_left{    -webkit-transform-origin: left;-ms-transform-origin: left; transform-origin: left;}



.video_popup{position: fixed;  width: 100%; height: 100%;left: 0; top: 100%; background: url(../images/video_bg.png); z-index: 999999; opacity: 0; filter:alpha(opacity=0);}

.video_popup .video_con{position: absolute; font-size: 14px;color: #000; text-align: center;  width: 70%; height: 70%; left: 0; top: 0; right: 0; bottom: 0;margin: auto;  display: block;}

.video_popup .video_close{width: 27px; height: 27px; background: url(../images/close1.png) center center no-repeat; position: absolute; right: -25px; top: -25px; cursor: pointer; background-size: cover;}

.party_info_hide{display: none;}

.video_popup video{background: #fff\9; text-align: center; min-height: 60px; line-height: 60px;}

.page_info .page_about_play,.page_about_diplay{width: 50%;}

.page_info a:hover>img{transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);}

.page_info .page_info_A{width: 100%; display: block; position: relative; padding-bottom: 54%; height: 0; overflow: hidden;}

.page_info  img{width: 100%;}

.page_info .play_icon{width: 100px; height: 136px; text-align: center; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -68px; color: #fff; font-size: 20px;}

.page_info .play_icon img{margin-bottom: 15px;}

.page_info .page_about_more{position: absolute; width: 170px; height: 42px; line-height: 42px; font-size: 18px;color: #fff; padding-left: 24px; background:#323232 url(../images/page_more_icon.png) 133px center no-repeat; left: 0; bottom: 0; z-index: 10;}

.page_info .page_about_more:hover{ background:#2ac672 url(../images/page_more_icon.png) 133px center no-repeat;}

.page_about_eidt{margin-top: 50px; font-size: 14px; color: #333333; line-height: 32px;}

.index_video{cursor: pointer;}







.party_dots {}

.party_dots span{ width: 4px; display: inline-block; height: 4px; background: #fff; opacity: 0.5; filter:alpha(opacity=50); margin-left: 2px; margin-right: 2px;}

.party_dots span.active{opacity: 1; filter:alpha(opacity=1);}

.black span{background: #000;}

.white span{background: #fff;}

.dot1{animation:roundone 1.5s  linear 0.25s infinite; -webkit-animation:roundone 1.5s linear 0.25s infinite;}

.dot2{animation:roundone 1.5s  linear 0.75s infinite; -webkit-animation:roundone 1.5s linear 0.75s infinite;}

.dot3{animation:roundone 1.5s linear 1.25s infinite; -webkit-animation:roundone 1.5s linear 1.25s infinite;}

@keyframes roundone{

    0%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}

    49%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 0; fiter:alpha(opacity==0);}

    50%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}

    100%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}

}

@-webkit-keyframes roundone{

    0%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}

    49%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 0; fiter:alpha(opacity==0);}

    50%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}

    100%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}

}

@-moz-keyframes roundone{

    0%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}

    49%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 0; fiter:alpha(opacity==0);}

    50%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}

    100%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}

}

@-ms-keyframes roundone{

    0%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}

    49%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 0; fiter:alpha(opacity==0);}

    50%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}

    100%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}

}





.video { 

      position: absolute;

      top: 50%;

      left: 50%;

      min-width: 100%;

      min-height: 100%;

      width: auto;

      height: auto;

      transform: translateX(-50%) translateY(-50%);

      background-size: cover;

      transition: 1s opacity;

  }



.mid_table{height: 100%; display: table; width: 100%;}

.mid_cell{display: table-cell; vertical-align: middle;}

.bot_cell{display: table-cell; vertical-align: bottom;}



.mt160{margin-top: 160px}

.mt110{margin-top: 110px;}

.mb250{margin-bottom: 250px;}

.mb260{margin-bottom: 260px;}

 .ml98{margin-left: -80px;}

 .mt60{margin-top: 60px}

.mt70{margin-top: 70px}

.mt276{margin-top: 276px;}

.mt76{margin-top: 76px;}

.pt60{padding-top: 60px}

.p10{padding: 10px;}

.p20{padding: 20px; background: #fff;}

.mt90{padding-top: 90px;}

.mb75{margin-bottom: 75px;}

.mb60{padding-bottom: 60px;}

.pb0{padding-bottom: 0px!important;}

.pt58{padding-top: 58px;}

.pb58{padding-bottom: 58px;}

.mt40{margin-top: 40px;}

.mt30{margin-top: 30px;}

.mt20{margin-top: 20px;}

.mt15{margin-top: 15px;}

.mt10{margin-top: 10px;}

.mb40{margin-bottom: 40px;}

.mb24{margin-bottom: 24px;}

.mt20{margin-top: 20px;}

.z100{font-size: 100px;}

.z80{font-size: 80px;}

.z70{font-size: 70px;}

.z60{font-size: 60px;}

.z56{font-size: 56px;}

.z40{font-size: 40px;}

.z46{font-size: 46px;}

.z36{font-size: 36px;}

.z34{font-size: 34px;}

.z32{font-size: 32px;}

.z30{font-size: 30px;}

.z28{font-size: 28px;}

.z25{font-size: 25px;}

.z24{font-size: 24px;}

.z22{font-size: 22px;}

.z20{font-size: 20px;}

.z18{font-size: 18px;}

.z16{font-size: 16px;}

.z15{font-size: 15px;}

.z14{font-size: 14px;}

.z13{font-size: 13px;}

.z12{font-size: 12px;}

.c002251{color: #002251}

.c454545{color: #454545}

.c333{color: #333;}

.mui_ellipsis {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



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

.z100{font-size: 88px;}

.z80{font-size: 70px;}

.z70{font-size: 59px;}

.z60{font-size: 52px;}

.z56{font-size: 50px;}

.z46{font-size: 40px;}

.z40{font-size: 35px;}

.z36{font-size: 32px;}

.z25{font-size: 22px;}

.z24{font-size: 21px;}

.z20{font-size: 17px;}

.z18{font-size: 16px;}

.z22{font-size: 20px;}

.z16{font-size: 15px;}

.z30{font-size: 26px;}

.z34{font-size: 27px;}

}

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

  .z100{font-size: 76px;}

  .z80{font-size: 62px;}

  .z70{font-size: 50px;}

  .z60{font-size: 46px;}

    .z56{font-size: 44px;}

    .z46{font-size: 35px;}

  .z40{font-size: 30px;}

  .z36{font-size: 26px;}

  .z25{font-size: 20px;}

  .z24{font-size: 18px;}

  .z20{font-size: 16px;}

    .z22{font-size: 16px;}

    .z30{font-size: 23px;}

    .z34{font-size: 24px;}

    .z16{font-size: 14px;}

}

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

    

}

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

  .z100{font-size: 50px;}

  .z80{font-size: 42px;}

  .z70{font-size: 33px;}

  .z60{font-size: 30px;}

    .z56{font-size: 30px;}

  .z40{font-size: 20px;}

    .z46{font-size: 23px;}

    .z25{font-size: 18px;}

    .z36{font-size: 20px;}

    .z22{font-size: 16px;}

    .z20{font-size: 15px;}

    .z24{font-size: 16px;}

     .z30{font-size: 16px;}

     .z34{font-size: 26px;}

     .course_text_p1{margin-bottom: 15px;}

     .scrollcomm{position: relative; top: 0px; opacity: 1; filter:alpha(opacity=100); zoom:1;}

     .z12{font-size: 13px;}

     .z18{font-size: 15px;}

}



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

  .z100{font-size: 36px;}

  .z80{font-size: 30px;}

  .z70{font-size: 25px;}

  .z60{font-size: 22px;}

    .z56{font-size: 25px;}

  .z40{font-size: 18px;}

    .z18{font-size: 14px;}

    .z16{font-size: 14px;}

    .z15{font-size: 13px;}

    .z14{font-size: 13px;}

    .z36{font-size: 18px;}

    .z34{font-size: 16px;}

    .mt40{margin-top: 20px;}

    .mt40{margin-bottom: 20px;}

}

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

    .z80{font-size: 22px;}

    .z70{font-size: 20px;}

    .z60{font-size: 18px;}

    .z100{font-size: 28px;}

}

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

    .z80{font-size: 18px;}

    .z100{font-size: 22px;}

}