@charset "UTF-8";
h1, h2, h3, h4, h5, h6{letter-spacing:0;margin:0;}
*{padding:0;margin:0;list-style:none;-webkit-tap-highlight-color: transparent;font-size:unset;line-height:unset;color:unset;}
*, :after, :before {box-sizing: border-box;}
a{color:#2d8cf0;background: 0 0;text-decoration:none;outline: 0;cursor: pointer;transition: color .2s ease;}
.gray{background-color:#eee;min-height:550px;}
.carect {
  position: relative;
  width: 0;
  height: 0;
  margin-left: 5px;
  margin-bottom: 2px;
  border-top: 6px solid;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-radius: 10px;
  display: inline-block;
}
/** 导航组件 **/
nav {
  width: 100%;
  height:70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 2px 4px #ccc;
  box-shadow: 0 2px 4px #ccc;
  padding: 10px 0;
}

nav li, nav a {
  text-decoration: none;
  list-style: none;
}
nav .nav-logo {
  width: auto;
  height: 100%;
  margin-left: 20px;
  float: left;
}
nav .nav-logo a, nav .nav-logo li, nav .nav-logo ol, nav .nav-logo span, nav .nav-logo p {
  font-size: 30px;
  font-weight: bold;
  list-style: none;
  color: #1f79ec;
  text-decoration: none;
}
nav .nav-logo img {
  max-width: 100%;
  max-height: 100%;
}
nav ::-webkit-scrollbar {
  display: none;
}
nav .nav-list {
  /*nav-list*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  margin: 10px 120px 0 0;
}
@media (max-width: 760px) {
  nav .nav-list {
    position: fixed;
    height: 100%;
    top: 0;
    padding-top: 10px;
    width: 60%;
    background: #fff;
        z-index: 999;
    left: -60%;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-box-shadow: 3px 0px 10px #f0eded;
    box-shadow: 3px 0px 10px #f0eded;
  }
}
nav .nav-list > li {
  position: relative;
  list-style: none;
  float: left;
  text-align: center;
}
@media (max-width: 760px) {
  nav .nav-list > li {
    width: 100%;
    margin: 0;
    overflow: hidden;
  }
  nav .nav-list > li {
    margin-bottom: 15px;
  }
}
nav .nav-list > li .active {
  color: #fff;
  background: #094fb7;
}
nav .nav-list > li a {
  color: #5a5c5f;
  display: inline-block;
  line-height: 32px;
  padding: 1px 15px;
  margin: 0 10px;
  font-size: 15px;
  border-radius: 5px;
  text-decoration: none;
}
@media (max-width: 760px) {
  nav .nav-list > li a {
    width: 100%;
    border-radius: 0;
    margin: 0;
  }
}
nav .nav-list > li a:hover {
  color: #fff;
  background-color: #094fb7;
}
nav .nav-list > li .menu {
  min-width: 100px;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px #ccc;
  box-shadow: 0 2px 10px #ccc;
  position: absolute;
  border-radius: 5px;
  white-space: nowrap;
  left: 0;
  top: 30px;
  height: 0;
  overflow: hidden;
  -webkit-transition: 1s;
  transition: 1s;
  z-index: 9999;
}
@media (max-width: 760px) {
  nav .nav-list > li .menu {
    position: relative;
    width: 100%;
    text-align: center;
    border-radius: 0;
    -webkit-box-shadow: 0 -1px 7px #ccc inset;
    box-shadow: 0 -1px 7px #ccc inset;
  }
}
nav .nav-list > li .menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
nav .nav-list > li:hover .menu {
  height: auto;
}
nav .nav-menu {
  display: none;
  z-index: 999;
  background: #fff;
  cursor: pointer;
}
@media (max-width: 760px) {
  nav .nav-menu {
    display: block;
    float: right;
    padding: 8px 5px;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 15px;
  }
  nav .nav-menu span {
    height: 2px;
    width: 25px;
    display: block;
    background: #CCC;
    border-radius: 10px;
  }
  nav .nav-menu span + span {
    margin-top: 6px;
  }
}
nav .open {
  left: 0%;
  overflow: auto;
}
/**手机二维码**/
.img_bg{position:fixed;right:5px;top:300px;z-index:9999}
/**菜单**/
.menu li{position:relative;z-index:999;}
.menu li a{color:red;}
@media (max-width: 767px) {
	.img_bg{width:100px;height:200px!important;}
}
/** banner开始 **/
.banner{height:auto;width:100%;position:relative;}
.banner .swiper-container {width: 100%;height: 100%;margin-left: auto; margin-right: auto;}
.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.banner .swiper-slide img{width:100%;}

/**开课信息**/
.class_time{position: relative;text-align: center; min-width:1200px;margin-top:50px;padding-bottom:30px;}
.class_time .class_time_table{width:1200px;margin: 0 auto}
.ivu-menu-horizontal .ivu-menu-item, .ivu-menu-horizontal .ivu-menu-submenu {
    float: left;
    padding: 0 20px;
    position: relative;
    cursor: pointer;
    z-index: 3;
    transition: all .2s ease-in-out;
}
.ivu-menu-item {
    display: block;
    outline: 0;
    list-style: none;
    font-size: 14px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    transition: all .2s ease-in-out;
}
.item_title{margin-bottom:30px;}
.item_title>h2 {
	position: absolute;
	left:0;top:50px;right:0;bottom:0;
	max-height:100px;
	color:#152e55;
	font-size:50px;
	letter-spacing:5px;
	font-weight:600;
	z-index:2;
}  
.item_title .h2bg {
	margin:0 auto;
	font-family: "Microsoft Yahei";
	color:#ccc;
	font-size:95px;
	font-weight:600;
	z-index:1;
	opacity:.3;
}
.item_title .title-p{
	color: #3366b4;
	padding-top:20px;
	font-size: 22px;
  max-width: 75%;
  margin: 0 auto;
}
.class_time .ivu-menu-horizontal{height: 50px !important;line-height: 50px !important;background-color: #eeeff0 !important}
.class_time .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item-active,
    .class_time .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item:hover,
    .class_time .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu-active,
    .class_time .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu:hover {
      color: #343434 !important;
      border-bottom: 2px solid #313131 !important;
      font-size: 18px !important
    }
.class_time .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item,
.class_time .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu{color: #343434 !important;font-size: 18px !important}
.class_time .class_table_body{min-height: 250px}
.class_time .class_name{width: 200px;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.class_time .li_item{
	display: flex; 
	width: 100%;
	align-items: center;
	justify-content: space-between;
	height: 50px;
	line-height: 50px;
	padding: 0 20px; 
	color: #343434;
	font-size: 18px;
	border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}
.class_time .li_item li{display: flex; align-items: center}
.class_time .li_item li span{
    border-radius: 5px;
    background-color: #666;
    color: #fff;    
    width: 40px;
    height: 26px;
    display: inline-block;
    line-height: 26px;
    justify-content: center;
    margin: 0 10px
}
.class_time .li_item li img{
    margin-right: 10px
}
.class_time .li_item .address{
	border-radius: 5px;
	justify-content: center;
	background-color: #0062c4;
	color: #fff;
	width: 50px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	font-size: 14px
}
.class_time .li_item .btn{
	justify-content: center;
	background-color: #f48c00;
	color: #fff;
	width: 100px;
	height: 26px;
	font-size: 17px; 
	border-radius: 5px; 
	cursor: pointer;
}

/**认识云光从这里开始**/
.warper{ width:629px; height:305px; border: 2px solid #ddd; margin: 0 auto; padding: 3px 3px 0px 0px; }
* html #wowslider-container1 { width:520px }
#wowslider-container1 { zoom: 1; position: relative;width:520px;height: 294px; float:right; z-index: 90 }
#wowslider-container1 .ws_images ul { position: relative; width:10000%; height: auto; left: 0; list-style: none; margin: 0; padding: 0; border-spacing: 0; overflow: visible }
#wowslider-container1 .ws_images ul li { width: 1%; line-height: 0; float: left; font-size: 0; padding: 0!important; margin: 0!important }
#wowslider-container1 .ws_images { position: relative; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden }
#wowslider-container1 .ws_images a { width: 100%; display: block; color: transparent }
#wowslider-container1 img { max-width: none!important }
#wowslider-container1 .ws_images img { width: 100%; border: none 0; max-width: none; padding: 0; margin: 0 }
#wowslider-container1 a { text-decoration: none; outline: 0; border: 0 }
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { position: absolute; display: none; top: 50%; margin-top: -3.5em; z-index: 60; height: 7.1em; width: 7.1em; background-image: url(../image/arrows.png); background-size: 200% }
#wowslider-container1 a.ws_next { background-position: 100% 0; right: 1em }
#wowslider-container1 a.ws_prev { left: 1em; background-position: 0 0 }
#wowslider-container1 a.ws_next:hover { background-position: 100% 100% }
#wowslider-container1 a.ws_prev:hover { background-position: 0 100% }
* html #wowslider-container1 a.ws_next, * html #wowslider-container1 a.ws_prev { display: block }
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev { display: block }
#wowslider-container1 .ws_playpause { display: none; width: 7.1em; height: 7.1em; position: absolute; top: 50%; left: 50%; margin-left: -3.5em; margin-top: -3.5em; z-index: 59; background-size: 100% }
#wowslider-container1:hover .ws_playpause { display: block }
#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover { background-position: 100% 100%!important }
#wowslider-container1 .ws-title { position: absolute;width: 100%; display: block; bottom: 0; left: 0; margin-right: 1em; padding: .9em; background-color: rgba(0,0,0,0.4); color: #fff; z-index: 50;  text-transform: uppercase; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em }
#wowslider-container1 .ws-title div { margin-top: .3em; font-size: 1.6em; line-height: 1.15em; font-weight: normal; text-transform: none; color: #fff }
#wowslider-container1 .ws-title span { font-size:1em }
#wowslider-container1 .ws_thumbs { font-size: 0; position: absolute; overflow: auto; z-index: 70; left: -19.51%; top: 0; width: 18.72%; height: 100% }
#wowslider-container1 .ws_thumbs img { text-decoration: none; border: 0; width: 100% }
#wowslider-container1 .ws_thumbs a { position: relative; text-indent: -4000px; color: transparent; opacity: .85; text-decoration: none; display: inline-block; border: 0; margin:3%; text-indent: 0; padding:3%; width: 89.54%; background-color: #fff }
#wowslider-container1 .ws_thumbs a:hover { opacity: 1 }
#wowslider-container1 .ws_thumbs a:hover img { visibility: visible }
#wowslider-container1 .ws_thumbs div { position: relative; width: 100% }
#wowslider-container1 .ws_thumbs a.ws_selthumb { background-color: #ff6600 }
#wowslider-container1 .ws_images ul { animation: wsBasic 16s infinite; -moz-animation: wsBasic 16s infinite; -webkit-animation: wsBasic 16s infinite }
@keyframes wsBasic { 
	0% {left:-0%}
	12.5% {left:-0%}
	25% {left:-100%}
	37.5% {left:-100%}
	50% {left:-200%}
	62.5% {left:-200%}
	75% {left:-300%}
	87.5% {left:-300%}
}
@-moz-keyframes wsBasic { 
	0% {left:-0%}
	12.5% {left:-0%}
	25% {left:-100%}
	37.5% {left:-100%}
	50% {left:-200%}
	62.5% {left:-200%}
	75% {left:-300%}
	87.5% {left:-300%}
}
@-webkit-keyframes wsBasic { 
	0% {left:-0%}
	12.5% {left:-0%}
	25% {left:-100%}
	37.5% {left:-100%}
	50% {left:-200%}
	62.5% {left:-200%}
	75% {left:-300%}
	87.5% {left:-300%}
}
.plc_about{width:535px;height:300px;text-indent:2em; font-size: 16px;line-height:1.5em; display: inline-block; vertical-align: top; margin-left: 40px;text-align: left;}
.plc_about a{font-size:18px;font-weight: bold; display: block;margin-top:20px;text-indent: 0;text-align: center;line-height:50px; width:200px;height:50px;border-radius:10px;border:1px solid #1f79ec;transition:.5s}
.plc_about a:hover{background-color: #1f79ec;color:#fff;transition:.5s}

/**机器人线下课程**/
.course-item{width:1200px;margin:40px auto 70px;}
.course-item dl{display:inline-block;vertical-align: middle; width:31%;margin-right:3%;border:1px solid #ddd;}
.course-item dl:last-child{margin-right:0;}
.course-item dl dd{width:100%;height:245px;overflow: hidden;transition:1s}
.course-item dl dt{padding-top:20px;height:170px;transition:.5s}
.course-item dl dt p{font-size:14px;padding:20px 40px;}
.course-item dl:hover dt{background-color: #1f79ec;color:#fff;transition:.5s}
.course-item dl dd img{transition:1s;width:100%;}
.course-item dl:hover dd img{transform: scale(1.1, 1.1);transition:1s}
/**见证颠峰、口碑**/
.koubei-item{width:1200px;margin:40px auto 70px;}
.koubei-item dl{display:inline-block;vertical-align: middle; width:31%;margin-right:3%;border:1px solid #ddd;}
.koubei-item dl:last-child{margin-right:0;}
.koubei-item dl dd{width:100%;height:245px;overflow: hidden;transition:1s}
.koubei-item dl dt{padding-top:20px;height:120px;transition:.5s}
.koubei-item dl dt p{font-size:14px;padding:20px 40px;}
.koubei-item dl:hover dt{background-color: #1f79ec;color:#fff;transition:.5s}
.koubei-item dl dd img{transition:1s;width:100%;}
.koubei-item dl:hover dd img{transform: scale(1.1, 1.1);transition:1s}
/**机器人视觉、见证颠峰**/
.shijue{width:680px;height: 300px;text-indent:2em; font-size: 18px;line-height:2em; display: inline-block; vertical-align: top; margin-right:100px;text-align: left;}
.shijue a{font-size:18px;font-weight: bold; display: block;margin-top:20px;text-indent: 0;text-align: center;line-height:50px; width:200px;height:50px;border-radius:10px;border:1px solid #1f79ec;transition:.5s}
.shijue a:hover{background-color: #1f79ec;color:#fff;transition:.5s}
.item_img{display: inline-block;height:auto;width:420px;}
.item_img img{width:100%;overflow:hidden}

/**校长介绍**/
.yunguang{width:680px;height: 300px;text-indent:2em; font-size: 16px;line-height:1.6em; display: inline-block; vertical-align: top; margin-right:100px;text-align: left;}
.yunguang a{font-size:18px;font-weight: bold; display: block;margin-top:20px;text-indent: 0;text-align: center;line-height:50px; width:200px;height:50px;border-radius:10px;border:1px solid #1f79ec;transition:.5s}
.yunguang a:hover{background-color: #1f79ec;color:#fff;transition:.5s}

/**云光机器人实训设备展示**/
.img_radius dl{border:none;border-radius:15px;overflow:hidden}

/**海量一线实战讲师**/
.teacher-item{width:1200px;margin:40px auto;}
.teacher-item dl{display:inline-block; width:340px;margin-right:75px;border:1px solid #ddd;position:relative; top:0;transition:.5s}
.teacher-item dl:last-child{margin-right:0;}
.teacher-item dl dd{width:100%;height:345px;overflow: hidden;transition:1s}
.teacher-item dl dt{padding-top:10px;transition:.5s;background-color: #fff;}
.teacher-item dl dt p{font-size:14px;padding:20px 40px;margin:0;}
.teacher-item dl:hover dt{background-color: #1f79ec;color:#fff;transition:.5s}
.teacher-item dl:hover{box-shadow:3px 3px 8px #ccc, -3px -3px 8px #ccc;position:relative; top:-10px;transition:.5s}
.teacher-item dl dd img{transition:1s;width:100%;height:auto;}
.teacher-item dl:hover dd img{transform: scale(1.1, 1.1);transition:1s}

/**云光往期优秀校友**/
.student-item{height:550px;padding:50px;width:100%;background:url('../image/cgxz.jpg')no-repeat;background-size:cover;background-attachment:fixed;align-items:center;}
.student-item h3{color:#fff;font-size:70px;font-weight:100;}
.student-item h2{color:#fff;font-size:70px;font-weight:600;margin:10px 0;}
.student-item p{color:#ffd824;font-size:24px;font-weight:100;}
/**推荐就业**/
.table-head,.table-body table{font-size:18px;margin:0 auto;width:1200px;}
.table-head th{width:230px;height:50px;line-height:50px;background-color: #1f79ec;color:#fff;text-align:center;}
.table-head th:first-child,.table-head th:nth-child(2){width:300px;}
.table-body{height:400px;overflow:hidden;border:1px solid #ddd;}
.table-body td{height:40px;text-align:center;line-height:40px;padding:5px 0;}
.student td{width:220px;font-size:16px;color:#666;text-align:center;}
.student td:first-child,.student:nth-child(1){width:300px;}
/**工程师摇蓝**/
.yaolan-item{height:400px;padding:50px;width:100%;background:url('../image/gcsyl.jpg')no-repeat;background-size:cover;}
.yaolan-item h2{font-size:50px;color:#fee405;letter-spacing:5px;}
.yaolan-item h3{font-size:50px;color:#fff;margin:50px 0;letter-spacing:5px;}
/**在线占座**/
.zanzuo{margin-top:-80px;}
.zanzuo h2{padding-top:40px;font-size:65px;color:#feb405;letter-spacing:15px;}
.zanzuo h3{font-size:45px;color:#1f79ec;letter-spacing:10px;margin:30px 0;}
.zanzuo li input{outline: none;height:50px;width:500px;padding:5px 30px;margin:15px;font-size:14px;border-radius:30px;border:1px solid #1f79ec;}
.zanzuo li input[type="submit"]{-webkit-appearance:none;background-color: #1f79ec;font-size:22px;border-radius:30px;color:#fff;cursor:pointer}

/**底部**/
footer {height:210px;background-color: #383737;color:#eee;}
.footer{margin:0 auto;width:1200px;}
footer ul{float:left;text-align:left;font-size:12px;padding:30px 0 0 30px;}
footer ul li{line-height:28px}
footer ul:first-child{margin-right:600px;}