login_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_boxlogin_box@charset "utf-8";

/* CSS Document */

body { font: normal 12px/26px "microsoft yahei"; background: #fff; color: #313131; }

p, ol, ul, li, form, select, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

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

a { color: #313131; }

a:hover, a:focus { color: #ed6b20; text-decoration: none; }

.container { width: 1090px; }

/*modal-dialog*/

.modal-dialog { width: 400px; border-radius: 8px 8px 0 0; overflow: hidden; }

.modal-dialog input { margin: 10px 0; padding: 8px 4px; }

.modal-dialog .btn-default { background: #ed6b20; border: 0; color: #fff; padding: 6px 25px; }

/*topbar*/

.topbar { height: 40px; line-height: 1.42857; background: #eee; }

.ul-contact { padding-top: 10px; color: #7D7F87 }

.ul-contact li img { margin-right: 8px }

.topbar-nav > li > a { color: #dcdcdc; padding: 10px 5px; cursor: pointer; }

.topbar-nav li { font-size: 12px; background: #efefef; border:1px #dcdcdc solid; border-radius:15px; margin-top: 7px; }

.topbar-nav > li > a { color: #333649; padding: 0 15px; line-height: 24px; margin: 0; text-shadow: none; }

.topbar-nav > li > a { padding: 0 15px; }

.topbar-nav>li>a:hover,.topbar-nav>li>a:focus {

background-color: #2B2F31; color: #ed6b20;

}

.topbar-nav .on > a { background-color: #d2d2d2; color: #282828; }

.topbar-nav .on > a:hover, .topbar-nav .on > a:focus { background-color: #ccc8c8; }

.nav-pills > li + li{ margin-left:0;}

/*nav*/

.navbar { /*-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25); -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25); box-shadow: 0 2px 10px rgba(0,0,0,.25);*/ }

.navbar-default { background: #fff; }

.navbar > .container .navbar-brand { margin: 0; }

.navbar-nav > li > a { color:#414141; font: bold 15px/30px "microsoft yahei"; }

.navbar .nav > li > a { color: #414141; }



.navbar .nav > li { color: #939393; font: normal 14px/64px "microsoft yahei"; }

.navbar .nav > li span{ padding:0 5px;}





.navbar-nav>li>a:hover,.navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: none; border-bottom: 4px #ed6b20 solid; color: #ed6b20; }

.navbar .logo { height: 64px; padding: 12px 0 0 0px; text-align: left; margin: 0; color: #4f4f4f; }

.navbar .logo img{ display: inline-block; vertical-align: top;}

.navbar .logo span { display: inline-block; font: normal 20px/30px "microsoft yahei"; padding: 6px 0 0 25px; }



.navbar-nav li.dropdown img{ margin-left: 6px;}

.navbar-nav .dropdown-menu { min-width: auto; margin: 0; padding: 0 15px; background: rgba(255,255,255,0.9); border-radius:0; }

.navbar-nav .dropdown-menu li { display: block; width: 120px; text-align: center; font: normal 14px/38px "microsoft yahei"; color: #666; }

.navbar-nav .dropdown-menu li:hover, .topbar-nav .dropdown-menu li.active { background: rgba(51,150,251,1); color: #fff; }

.navbar-nav .dropdown-menu li:hover a, .topbar-nav .dropdown-menu li.active a { background: rgba(51,150,251,1); color: #fff; }





.banner{ height:240px; background:url(/FengHuang/html/static/images/banner.jpg) center top no-repeat;}

.banner_teacher{ height:240px; background:url(/FengHuang/html/static/images/banner_teacher.jpg) center top no-repeat;}

.banner_student{ height:240px; background:url(/FengHuang/html/static/images/banner_student.jpg) center top no-repeat;}

.banner_login{ height:639px; background:url(/FengHuang/html/static/images/login.jpg) center top no-repeat;}

.banner p, .banner_teacher p,.banner_student p { text-align: right; color: #fff; font: bold 30px/50px "microsoft yahei"; padding:100px 100px 0 0; }

/*portlet*/



/*footer*/

footer { height:70px; text-align: center; font-size: 12px; margin-top: 50px; }

.copy { width:1000px; margin:0 auto; color:#666; position:relative; }

.copy span{ padding: 0 3px;}

.copy .weixin{ position:absolute; left:50%; top:50%; width:70px; height:80px; margin:-28px 0 0 -35px; text-align:center;}

.copy .weixin span{ display:block; color:#fff;}



.title01 { border:0; text-align:center; padding-bottom: 35px; }

.title01 h1{ display:inline-block; background:url(/FengHuang/html/static/images/titbg02.jpg) left bottom repeat-x; font: bold 24px/66px "microsoft yahei"; color: #424242;}

.title01 h1 span{ display:block; background:url(/FengHuang/html/static/images/titbg01.png) center bottom no-repeat;}

.title01 h1 span b{ color:#4b78dd;}



/*ptlist01*/

.ptlist01 { margin: 0 -21px; text-align: center; border-bottom: 1px #d2d2d2 solid; padding-bottom: 60px;}

.ptlist01 li { display:inline-block; text-align: center; margin: 10px 21px; width: 138px; height:188px; color:#000; vertical-align:top; }

.ptlist01 li p { display: block; width: 108px; height: 108px; padding: 22px; margin:0 auto; background:#29cba0; border-radius:50%;-moz-box-shadow:0px 0px 10px rgba(172,231,189,0.35); -webkit-box-shadow:0px 0px 10px rgba(172,231,189,0.35); box-shadow:0px 0px 10px rgba(172,231,189,0.35);}

.ptlist01 li img { width: 64px; height: 64px; transition:0.2s; -webkit-transition:0.2s;-moz-transition:0.2s; }

.ptlist01 li img:hover{

	-webkit-transform:scale(1.1); 

	-moz-transform:scale(1.1);

	-ms-transform:scale(1.1);

	-o-transform:scale(1.1);

}

.ptlist01 li span{ display:block; font:bold 15px/36px "microsoft yahei"; padding-top:25px;}

.ptlist01 li a{ display:block; width:100%; height:100%; color:#000;}

.ptlist01 li.c0 p{ background:#29cba0;}

.ptlist01 li.c1 p{ background:#f77527;}

.ptlist01 li.c2 p{ background:#f7aa27;}

.ptlist01 li.c3 p{ background:#2ab7d2;}

.ptlist01 li.c4 p{ background:#99cb20;}

.ptlist01 li.c5 p{ background:#e13d62;}



/*ptlist02*/

.ptlist02 { margin: 0 -21px; }

.ptlist02 li { float: left; text-align: center; margin: 10px 21px; wwidth: 182px; height:250px; color:#6F6F6F; }

.ptlist02 li p { display: block; width: 182px; height: 182px; padding: 31px; background:#fff; border-radius:10px;-moz-box-shadow:0px 0px 10px rgba(172,231,189,0.35); -webkit-box-shadow:0px 0px 10px rgba(172,231,189,0.35); box-shadow:0px 0px 10px rgba(172,231,189,0.35);}

.ptlist02 li img { width: 120px; height: 120px; transition:0.6s; -webkit-transition:0.6s;-moz-transition:0.6s; }

.ptlist02 li:hover{

	-webkit-animation: flipOutYtest 0.75s linear;

  animation: flipOutYtest 0.75s linear;

  /*-webkit-animation-fill-mode: both;

  animation-fill-mode: both;*/

}



.ptlist02 li span{ display:block; font:normal 18px/50px "microsoft yahei"; padding-top:8px;}

.ptlist02 li a{ display:block; width:100%; height:100%; color:#006B43;}

@-webkit-keyframes flipOutYtest {

  from {

    -webkit-transform: perspective(1400px);

    transform: perspective(1400px);

  }

	

  10% {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 36deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, 36deg);

    opacity: 1;

  }



  20% {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 72deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, 72deg);

    opacity: 1;

  }



  30% {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 108deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, 108deg);

    opacity: 1;

  }

  

  40% {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 144deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, 144deg);

    opacity: 1;

  }

  

  50% {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);

    opacity: 1;

  }

	

  60% {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 216deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, 216deg);

    opacity: 1;

  }

	

  70% {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 252deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, 252deg);

    opacity: 1;

  }

	

  80% {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 288deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, 288deg);

    opacity: 1;

  }

	

  90% {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 324deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, 324deg);

    opacity: 1;

  }



  to {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 360deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, 360deg);

    opacity: 1;

  }

}









.bg-white{ width:100%; padding-top: 20px;}

.more{ text-align:center; padding-top:20px;}

.more a{ display:block; width:36px; margin:0 auto;}

/*end 后加2015.11.27*/

/*padding*/

.p-15 { padding: 15px; }

.pt-10 { padding-top: 10px; }

.pt-15 { padding-top: 15px; }

.ptb-20{ padding-top:20px; padding-bottom:20px;}

.pl-20{ padding-left:20px;}

.plr-15 { padding-left: 15px; padding-right: 15px; }

.plr-30 { padding-left: 30px; padding-right: 30px; }

.pb-50{ padding-bottom:50px;}

/*margin*/

.mt-5 { margin-top: 5px; }

.mt-8 { margin-top: 8px; }

.mt-14 { margin-top: 14px; }

.mt-40 { margin-top: 40px; }

.ml-190 { margin-left: 190px; }

.ml-232 { margin-left: 232px; }

.ml-460{ margin-left:460px;}

/*宽高*/

.width-110 { width: 110px }

.width-180 { width: 180px }

.width-200 { width: 200px }

.width-230 { width: 230px }

.width-428 { width: 428px }

.w98 { width: 98%; }

.height-55 { height: 55px; }

.height-140 { height: 140px; }

.height-160 { height: 160px; }

.height-170 { height: 170px; }

.height-202 { height: 202px; }

.height-260 { height: 259px; }

.height-285 { height: 285px; }

.height-350 { height: 350px; }

.height-355 { height: 355px; }

.height-360 { height: 360px; }

.height-370 { height: 370px; }

.height-420 { height: 420px; }

.height-485 { height: 485px; }

.height-492 { height: 492px; }

.height-530 { height: 530px; }

.height-600 { height: 600px; }

.height-616 { height: 616px; }

.height-673 { height: 673px; }

.oh { overflow: hidden; }

.fl { float: left; }

.pr { position: relative; }