.wrapper {
  width: 100%; margin-top:12px; }

.main {margin:0px auto;width: 100%;}
.pro-switch {height: 480px;overflow: hidden;position: relative;width:100%;margin:0 auto;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%;display: block;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 480px;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 10%;}
.flex-direction-nav .flex-prev {left: 10%;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;text-align: center;left:0; top:422px;}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active {background-position: 0 0;}
.banner {
  width: 100%;
  height: 500px;
  background: url(../images/2020mooc-banner.jpg) no-repeat center center; }
  .banner01 {
  width: 100%;
  height: 500px;
  background: url(../images/2020mooc-banner01.jpg) no-repeat center center; }

.int {
  width: 100%; }

.int-wrap {
  width: 1020px;
  margin: 0 auto;
  padding: 46px 0; }
  .int-wrap h2 {
    font-size: 46px;
    color: #000000;
    font-weight: bold;
    text-align: center; }
  .int-wrap p {
    font-size: 16px;
    color: #000000;
    line-height: 28px;
    margin-top: 24px; }
    .int-wrap p span {
      font-size: 16px;
      color: #fd454d;
      font-weight: bold; }

.major {
  width: 100%; }

.major-wrap {
  width: 1100px;
  padding: 46px 0;
  margin: 0 auto; }
  .major-wrap h2 {
    font-size: 46px;
    color: #000000;
    font-weight: bold;
    text-align: center; }
  .major-wrap h3 {
    font-size: 34px;
    text-align: center;
    color: #666666;
    margin-top: 12px; }
  .major-wrap p {
    font-size: 16px;
    color: #000000;
    text-align: center;
    margin-top: 38px; }

.major-list {
  width: 850px;
  margin: 0 auto;
  margin-top: 44px; }
  .major-list:after {
    content: "";
    clear: both;
    display: block; }
  .major-list ul {
    float: left;
    width: 255px;
    margin-right: 40px; }
    .major-list ul li {
      width: 255px;
      height: 70px;
      border-radius: 10px;
      margin-bottom: 18px;
      font-size: 22px;
      color: #ffffff;
      font-weight: bold;
      text-align: center;
      line-height: 70px;
      background: url(../images/2020mooc-major-bg2.png) no-repeat center; }
    .major-list ul li:nth-child(1) {
      box-shadow: 0 0 15px 3px rgba(94, 37, 39, 0.26);
      background: url(../images/2020mooc-major-bg1.png) no-repeat center; }
    .major-list ul li:last-child {
      margin-bottom: 0; }
  .major-list ul:last-child {
    margin-right: 0; }

.apply-btn {
  width: 310px;
  height: 58px;
  border-radius: 29px;
  background: #fd454d;
  display: block;
  margin: 0 auto;
  margin-top: 70px;
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  line-height: 58px;
  box-shadow: 0 5px 10px 8px rgba(247, 208, 202, 0.7); }

.course {
  width: 100%; }

.course-wrap {
  width: 1020px;
  margin: 0 auto;
  padding: 46px 0; }
  .course-wrap h2 {
    font-size: 46px;
    color: #000000;
    font-weight: bold;
    text-align: center; }
  .course-wrap h3 {
    font-size: 34px;
    color: #666666;
    text-align: center;
    margin-top: 12px; }

.course-txt {
  font-size: 16px;
  color: #000000;
  line-height: 28px;
  margin-top: 28px; }

.course-box {
  width: 1020px;
  margin: 0 auto;
  margin-top: 48px; }
  .course-box h4 {
    width: 422px;
    height: 70px;
    background: url(../images/2020mooc-course-tit.png) no-repeat center;
    margin: 0 auto;
    font-size: 26px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    line-height: 70px;
    position: relative;
    z-index: 2; }

.course-list {
  width: 100%;
  padding-top: 32px;
  background: #fff;
  box-shadow: 0 0 15px 3px rgba(220, 215, 215, 0.26);
  border-radius: 10px;
  display: table;
  margin-top: -32px; }

.course-row {
  width: 100%;
  display: table-row; }

.course-row:nth-child(odd) {
  background: #fff; }
  .course-row:nth-child(odd) .course-item {
    border-right: 1px solid #ccc; }

.course-row:nth-child(even) {
  background: #fcdddd; }
  .course-row:nth-child(even) .course-item {
    border-right: 1px solid #cab1b1; }

.course-item {
  width: 33.3%;
  border-right: 1px solid #cab1b1;
  font-size: 20px;
  color: #000000;
  text-align: center;
  box-sizing: border-box;
  display: table-cell;
  padding: 10px 0;
  vertical-align: middle; }

.course-item:last-child {
  border-right: none; }

.course-apply-btn {
  width: 310px;
  height: 58px;
  border-radius: 29px;
  background: #fe978c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fe978c 0%, #f7849a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fe978c 0%, #f7849a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fe978c 0%, #f7849a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe978c', endColorstr='#f7849a',GradientType=0 );
  /* IE6-9 */
  display: block;
  margin: 0 auto;
  margin-top: 34px;
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  line-height: 58px;
  box-shadow: 0 5px 10px 8px rgba(247, 208, 202, 0.7); }

.enterprise-cooperation {
  width: 100%; }

.enterprise-cooperation-wrap {
  width: 1020px;
  margin: 0 auto;
  padding: 46px 0; }
  .enterprise-cooperation-wrap h2 {
    font-size: 46px;
    color: #000000;
    font-weight: bold;
    text-align: center;
    line-height: 80px; }
  .enterprise-cooperation-wrap h3 {
    font-size: 24px;
    color: #ef5163;
    font-weight: bold;
    margin-top: 16px; }
    .enterprise-cooperation-wrap h3 i {
      display: inline-block;
      width: 7px;
      height: 22px;
      vertical-align: middle;
      background: #ef5163;
      margin-right: 12px; }
  .enterprise-cooperation-wrap p {
    font-size: 16px;
    color: #000000;
    margin-top: 18px; }

.enterprise-cooperation-img {
  display: block;
  width: 1017px;
  height: 267px;
  margin: 0 auto;
  margin-top: 38px; }

.gao-cooperation {
  width: 100%; }

.gao-cooperation-wrap {
  width: 1020px;
  margin: 0 auto;
  padding: 46px 0; }
  .gao-cooperation-wrap h2 {
    font-size: 46px;
    color: #000000;
    font-weight: bold;
    text-align: center;
    line-height: 80px; }
  .gao-cooperation-wrap p {
    font-size: 16px;
    color: #000000;
    line-height: 28px;
    margin-top: 28px; }

.gao-cooperation-img {
  display: block;
  width: 928px;
  height: 194px;
  margin: 0 auto;
  margin-top: 40px; }

.strength {
  width: 100%;
  background: #ed4d61; }

.strength-wrap {
  width: 1100px;
  margin: 0 auto;
  padding: 46px 0; }
  .strength-wrap h2 {
    font-size: 46px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    line-height: 80px; }

.strength-list {
  width: 1100px;
  margin: 0 auto;
  margin-top: 26px; }
  .strength-list:after {
    content: "";
    clear: both;
    display: block; }

.strength-item {
  position: relative;
  float: left;
  width: 262px;
  height: 375px;
  border-radius: 5px;
  background: #fff;
  margin-right: 17px;
  box-sizing: border-box;
  padding: 30px 20px 0; }
  .strength-item h5 {
    font-size: 22px;
    color: #000000;
    font-weight: bold;
    text-align: center;
    line-height: 56px;
    position: relative; }
    .strength-item h5:after {
      content: "";
      position: absolute;
      width: 24px;
      height: 5px;
      border-radius: 5px;
      background: #e13652;
      left: 50%;
      margin-left: -12px;
      bottom: 0; }
  .strength-item p {
    font-size: 14px;
    color: #333333;
    line-height: 34px;
    margin-top: 14px; }

.strength-item:last-child {
  margin-right: 0; }

.strength-item-img {
  width: 76px;
  height: 76px;
  text-align: center;
  margin: 0 auto; }
  .strength-item-img:after {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle; }
  .strength-item-img img {
    display: inline-block;
    vertical-align: middle; }

.strength-btn {
  width: 310px;
  height: 58px;
  display: block;
  background: #fff;
  border-radius: 29px;
  font-size: 20px;
  color: #e13652;
  font-weight: bold;
  text-align: center;
  line-height: 58px;
  margin: 0 auto;
  margin-top: 46px;
  box-shadow: 0 3px 3px 0.5px #d72743; }

.es {
  width: 100%;
  background: #fff; }

.es-wrap {
  width: 1100px;
  margin: 0 auto;
  padding: 46px 0; }
  .es-wrap h2 {
    font-size: 46px;
    color: #000000;
    font-weight: bold;
    text-align: center; }
  .es-wrap h3 {
    font-size: 34px;
    color: #666666;
    text-align: center;
    margin-top: 20px; }

.es-list1 {
  width: 1100px;
  margin: 0 auto;
  margin-top: 34px; }
  .es-list1:after {
    content: "";
    clear: both;
    display: block; }
  .es-list1 li {
    float: left;
    width: 328px;
    height: 294px;
    padding: 30px 0 0;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0 15px 3px rgba(173, 170, 187, 0.3);
    margin-right: 56px; }
    .es-list1 li img {
      display: inline-block; }
  .es-list1 li:last-child {
    margin-right: 0; }

.es-list2 {
  width: 1100px;
  margin: 0 auto;
  margin-top: 42px; }
  .es-list2:after {
    content: "";
    clear: both;
    display: block; }
  .es-list2 li {
    float: left;
    width: 210px;
    height: 190px;
    padding: 8px 0 0;
    text-align: center;
    border-radius: 10px;
    margin-right: 12px;
    box-shadow: 0 0 15px 3px rgba(173, 170, 187, 0.3); }
    .es-list2 li img {
      display: inline-block; }
  .es-list2 li:last-child {
    margin-right: 0; }

.tip {
  width: 100%;
  height: 826px;
  background: url(../images/2020mooc-tip.jpg) no-repeat center; }
  
  /*华清远见线上服务优势为你保驾护航*/
.plan_02{width:100%;height:928px; background:#f4f7f9; min-width:1100px;}
.yu{width:100%;height:360px;background:url(../images/nr03.jpg) center no-repeat;}
.plan_nr{width:1100px;height:auto;margin:0 auto;overflow:hidden;}
.bt_title{width:1100px;height:120px; text-align:center;margin:75px 0 43px 0}
.bt_title span{ display:block;line-height:66px;color:#000;font-size:46px; font-weight:bold; text-align:center;}
.nr06{width:100%;margin:0 auto;}
.nr06 ul{width:100%;margin:0 auto; text-align:center;}
.nr06 ul li{ float:left;width:352px;height:202px;background:#fff;border:2px #ed4d61 solid;border-radius:10px;margin:30px 5px; position:relative;}
.nr06 ul li p{width:222px;height:59px;line-height:59px;background:#ed4d61;border-radius:10px; font-size:24px; font-weight:bold; color:#fff;position:absolute;top:-32px;left:0px;right:0px;margin:0 auto;}
.nr06 ul li span{ display:block;width:84%; color:#040239; font-size:16px; text-align:left; line-height:34px;margin:0 auto;padding-top:50px;}
.bt_red {font-size:32px; line-height:55px; font-weight:bold;color:#fd2960; display:block; text-align:center}  
.button{width:1100px;height:auto; margin:0 auto; text-align:center;display:block;padding-bottom:44px;}
.button .icon1{width:326px;height:58px;padding:23px 0 0 0; margin:0 auto;}

/*历年合作学校名单*/
.cooperation{ width:100%; height:auto; margin:0 auto; background:#f1f1f1;}
.cooperation-stu{ width:1200px; height:auto; margin:0 auto; padding-top:14px; padding-bottom:50px; display:table;}
.cooperation-stu li{ float:left; width:198px; text-align:left;margin: 0 21px;}
.cooperation-stu li span{ font-size:14px; color:#999; line-height:24px; display:block;}
.teacher-title {
    display: block;
    font-weight: bold;
    font-size: 46px;
    color: #666;
    padding-top: 50px;
    padding-bottom: 30px;
    font-style: normal;
    text-align: center;
}

/*# sourceMappingURL=2020mooc.css.map */
