/*------------------------------------------
Template Name: AdminEx Dashboard
Author: ThemeBucket
-------------------------------------------*/
@import url('bootstrap.min.css');
/*body{background: #363b4b;font-family:Arial, Helvetica, sans-serif, sans-serif;color: #7a7676;line-height: 20px;overflow-x: hidden;font-size: 14px;}*/
.mtop10{margin-top:10px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
body,button,input,select,textarea {font-family:'Microsoft YaHei',arial,SimSun,sans-serif,tahoma;}
input,select,textarea{font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0 none;}
iframe{display:block;}
.overflow{overflow:hidden}
abbr,acronym{border:none;font-variant:normal;}
del{text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500;}
ol,ul{list-style:none;}
label,dt{font-weight:normal}
i{font-style:normal}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
q:before,q:after{content:'';}
ins,a{text-decoration:none;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.tr{text-align:right;}
.tl{text-align:left}
body{background:#363b4b;font-size:14px;font-family:'Microsoft YaHei' Helvetica, STHeiTi, sans-serif;color:#fff;line-height:150%}
a{color:#fff;text-decoration:none;}
a:hover{text-decoration:none;}
img{vertical-align:middle;}
.clear{clear:both;font-size:0;height:0;overflow:hidden;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:active,button:active,input:active,select:active,textarea:active{text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);outline:none;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;cursor:pointer;outline:none;}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;}
input:focus,textarea:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}
input::-moz-focus-inner{border:none}
input,button,select,textarea{outline:none;}/*去掉谷歌默认的黄色聚焦边框*/
textarea{resize:none;}/*取消textarea的拖动改变大小的功能*/
.wap{width:96%;margin:0 auto}


.left-side {width: 200px;position: absolute;top: 0;left: 0;}
.sticky-left-side {position: fixed;height: 100%;overflow-y: auto;z-index: 100;}
.sticky-left-side .custom-nav {margin-top: 60px;}
.left-side-collapsed .sticky-left-side {overflow-y: visible;}
.logo{height:60px;line-height:60px;text-align:center;}
.logo-icon{display: none;}
.nav-active{background:#d82228 url(../img/san.png) 180px center no-repeat;color:#fff; height:50px; line-height:50px;padding:0 20px}
.nav-active span{text-transform:capitalize}
.nav-active a:hover{color:#fff}
.tab dl{ border-bottom:1px solid #414655; padding:16px 20px 22px 20px;}
.tab dl dt{ font-weight:normal;color:#9999a1; padding:6px 0;text-transform:capitalize}

.notification-menu{text-align:right}
.notification-menu>li{display:inline-block;float:left;position:relative;color:#9999a1; }
.notification-menu a{color:#9999a1;padding-left:20px;text-transform:uppercase}
.notification-menu li em{padding-left:15px;}
.header-section {background: #363b4b; height:60px; line-height:60px;}
.header-section::after {clear: both;display: block;content: '';}
.menu-right {float: right;margin-right: 15px;}
.notification-menu {list-style: none;}
.notification-menu > li {display: inline-block;float: left;position: relative;}
.sticky-header .logo {position: fixed;top: 0;left: 0;width: 200px;z-index: 100;background: #363b4b; border-right:1px solid #292d3c}
.sticky-header .header-section {position: fixed;top: 0;left: 200px;width: 100%; z-index: 100;}
.sticky-header .main-content {padding-top: 60px;}
.main-content{margin-left:200px;background:#eff0f4;min-height: 1000px;}
.page-heading{padding:15px;position:relative;}
.page-heading h3{color:#49586e;font-size:25px;font-weight:normal;margin:10px 0;}
.page-heading .breadcrumb{padding:0;margin:0;background:none;}
.page-heading .breadcrumba{color:#999999;}
.page-heading .breadcrumb li.active{color:#65CEA7;}
.wrapper{padding:25px;}
.wrapper::after{clear:both;display: block;content:'';margin-bottom: 30px;}
.sticky-header .menu-right{margin-right: 215px;}
.searchform input {box-shadow: none;float: left;font-size: 14px;height: 35px;margin: 7px 0 0 10px;padding: 10px;width: 220px;}
.menu1 li a{color:#9999a1; font-weight:bold; display:block; padding:0 30px;text-transform : capitalize}
.menu1 li a:hover,.menu1 li a.on{color:#fff; border-bottom:2px solid #d82228;height:59px;line-height:59px;}

.form1{outline:none;width:658px;}
.index2{margin-top:25px;}
.table1 thead{background:#e4e8f0;}
.table1 thead th{background:#e4e8f0;color:#666666;font-weight:bold;text-align:center;}
.table1 tr td{color:#666;text-align:center}
.red{color:#d82228;text-transform:lowercase}
.red1{text-transform:lowercase;color:#666}
.index-top{background:#fff;padding:15px 10px;overflow:hidden}
.index-top span{color:#666666;display:block;float:left}
.index4{background:#fff}

.page a{float:left;color:#333333; border:1px solid #dddddd;padding:3px 10px; margin:0 5px}
.page a.on,.page a:hover{background:#d82228;color:#fff;}


.cd-horizontal-timeline {opacity:0;margin:0 auto;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;transition: opacity 0.2s;}

.cd-horizontal-timeline::before {
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width:100%;
  max-width:1500px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.cd-horizontal-timeline .events-wrapper::before {
 
}
.cd-horizontal-timeline .events-wrapper::after {
  
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top:49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;

}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  padding-bottom: 15px;
  color: #999999;

}
.cd-horizontal-timeline .events a::after {
  content: '';
  position: absolute;
  left:50%;
  right:auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom:-5px;
  height:12px;
  width:12px;
  border-radius:50%;
  background-color:#e3e5eb;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #ed1b24;
  border-color: #ed1b24;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #ed1b24;
  border-color: #ed1b24;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #ed1b24;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin:20px auto;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}



@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 7rem;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
  }
  .cd-horizontal-timeline .events-content p {
    font-size: 1.8rem;
  }
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}



.about4{width:100%;margin:20px auto 0 auto;background:#fff;padding:45px 35px 25px 0;z-index:0; position:relative}
.about4_ch{color:#d80017;margin-bottom:30px;}
.about4_main{position:relative;padding-left:20px;overflow:hidden;}
.line1{width:1px;height:100%;background-color:#eef0f4;position:absolute;left:26px;z-index:1;}
.about4_main ul li{padding-left:35px;font-size:14px;color:#333333;line-height:30px;margin-bottom:30px;background:url(../img/about.png) left top no-repeat;position:relative;z-index:999}
.about4_main ul li:last-child{margin-bottom:0px;}

.about4_main ul li.on{background:url(../img/about1.png) left top no-repeat;}
.mian1 em.em1{display:block;background:#d82228;text-align:center;color:#fff;border-radius:20px;float:left; padding:0 12px;}
.mian1 em.em2{background:#b6b9c1;display:block;text-align:center;color:#fff;border-radius:20px;float:left;padding:0 12px}
.mian1{overflow:hidden;}
.about4_main ul li span{display:block;color:#666;}
.mian{overflow:hidden;margin-top:10px;}
.mian dd{float:left;margin-right:10px;}
.mian1 i{margin-left:10px}


.index3 ul li h4{padding:12px 0;color:#999;font-weight:bold;text-transform:capitalize}
.index3{background:#fff;width:100%;color:#666}
.index3 ul{padding:15px 0 25px 0}
.index3 ul li{float:left;width:16.5%;padding-left:15px;border-right:1px solid #f3f4f8;}
.em3{color:#666666;font-size:14px; font-weight:bold}


.course {background: #FFF; height:130px;}
.course_nr{height:130px;width:96%;margin:0 auto}
.course_nr li{float:left;text-align:left;position: relative;margin-top:33px;display:block;padding:0px 0px 0 0px;background: url(../img/05.png) left center no-repeat;width:9%; text-align:center}
.course_nr li span{ display:block;height:40px;}
.course_nr li.on{background: url(../img/04.png) left center no-repeat;}
.course_nr li a{color:#666;display:block;}
.course_nr li a.on1{color:#ed1b24}
.course_nr li em{display:block;font-size:0;padding-top:38px;}
.course_nr2 li a{text-transform:capitalize}



.login-body{background:#1876be url("../img/bg.jpg") no-repeat fixed;background-size:cover;width:100%;height:100%;}
.form-signin{height:380px;background:#fff;border-top:2px solid #d82228;width:340px;}
.form-signin input[type="text"], .form-signin input[type="password"]{margin-bottom:25px;border:1px solid #cccacb;box-shadow: none;border-radius:none;}
.login-wrap{padding:0 20px;position: relative;}
.registration{color:#666666;text-align:left;margin-top:18px;line-height:30px;height:30px;}


.but1{background:#d82228; border:none; color:#fff; width:100%; height:45px;line-height:45px; margin-top:25px;}
.tab2{color:#333;font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:35px 0 25px 0}
.text1{background:url(../img/r1.png) 14px center no-repeat; padding-left:45px;}
.text2{background:url(../img/r2.png) 14px center no-repeat; padding-left:45px;}


input[type="checkbox"]{-webkit-appearance: none;}
input[type="checkbox"]{-webkit-appearance: none;background:url(../img/1.png);height:16px;vertical-align: middle;width:16px; margin-top:-2px;}
input[type="checkbox"]:checked{background-position: -48px 0;}

.text3{width:25%;height:35px;line-height:35px;padding-left:40px; background:#fff;border:none;color:#989ba3;outline:none;}
.d5 input,.d5 button{outline:none;}
.text4{border:none;height:35px;width:35px;position:absolute;cursor:pointer;background:url(../img/sou.png) 10px center no-repeat;z-index:9;}
.sub1{background:#d82228;width:60px; border:none;height:35px;line-height:35px;border-radius:5px; margin-left:8px;}