/* CSS  */
* {margin:0;padding:0;outline:none;list-style:none;text-decoration:none;box-sizing: border-box;font-family: Microsoft YaHei,arial;}
body,html {color:#333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: #fff;position: relative;font-size: 14px;}
body{min-width: 1200px;overflow-x: hidden;}
img{border:none;max-width: 100%;vertical-align: top; }
input, textarea ,select{border:none;background:none;cursor:pointer;font-size:14px;vertical-align:middle;color:#333;}
select {border:inherit;background: inherit; }
em, i {font-style:normal;  }
a{color: #000;text-decoration: none;}
a:focus, input, select {outline:none;}
.clearfix {*zoom:1; clear: both; }
.clearfix:after {content:"\200B"; display: block;clear: both;height: 0;  }
.inner{width: 1200px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
body,html,li,a:active, body,html,li,a:hover, body,html,li,a:visited{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

/* 动画缓存公共文件  最好放最下面 */
a,*:before,*:after,.navSub{-webkit-transition:all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}


input::-webkit-input-placeholder{color: #ccc;} /* WebKit browsers */
input:-moz-placeholder{color: #ccc;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder{color: #ccc;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder {color: #ccc;} /* Internet Explorer 10+ */
select::-ms-expand {
    display: none;
}
a:active, a:hover, a:visited{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}


/* 移入放大 */
#grad:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
/* 移入位移 */
#grad:hover{ -webkit-transform: translate(0, -10px);-moz-transform: translate(0, -10px);transform: translate(0, -10px);}
/* 从上大小渐变 */
#grad {
    background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */
    background: linear-gradient(red, blue); /* 标准的语法 */
  }  
/* 从左到右渐变 */
#grad {
    background: -webkit-linear-gradient(left, red , blue); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, red, blue); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, red, blue); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, red , blue); /* 标准的语法 */
  }



.toast-loading .index-toast {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  padding: 24px 30px;
  max-width: 360px;
  min-width: 180px;
  width: max-content;
  line-height: 30px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  background: rgba(0, 0, 0, 0.65);
  border-radius: 20px;
  transform: translate(-50%, -50%);
  box-sizing: content-box;
  z-index: 10000002;
}
.toast-loading .loading {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000001;
}
.toast-loading .loading .loading-cont {
  padding: 15px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 360px;
  min-width: 160px;
  width: max-content;
  min-height: 160px;
  text-align: center;
  background: rgba(0, 0, 0, 0.65);
  border-radius: 10px;
  box-sizing: border-box;
}
.toast-loading .loading .loading-img {
  width: 50px;
  height: 50px;
  background-image: url("../image/loading.gif");
  background-repeat: no-repeat;
  background-size: cover;
}
.toast-loading .loading .text {
  margin-top: 15px;
  line-height: 30px;
  font-size: 20px;
  color: #fff;
  
}
.toast-loading .loading-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000001;
}



/*  header  begin*/
.header {background: #fff;padding-top: 15px;padding-bottom: 20px;}
.logo { display: inline-block;}
.logoright {display: inline-block;font-size: 19px; color: #2c2c2c;padding-left: 24px; margin-left: 24px;height: 22px;line-height: 22px; border-left: 1px #a09e9d solid;vertical-align: top;margin-top: 23px;}
.headerLeft {float: left;}
.headerTel {float: right;font-size: 23px;color: #f70000;padding-left: 28px;background: url("../image/headTel.png") no-repeat left center;height: 21px;line-height: 21px;margin-top: 25px;}





/*navLeft  begin */
.navLeft {
  float: left;
  width: 207px;
  position: relative;
  z-index: 9999;
}

.navLTit {
  text-align: center;
  border-radius: 10px 10px 0 0;
  font-size: 18px;
  color: #fff;
  height: 47px;
  line-height: 47px;
  width: 207px;
  overflow: hidden;
  background: #ff9d00;
  font-weight: bold;
}

.navLList {
  background: rgba(255, 255, 255, 0.89);
  padding-bottom:4px;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}

.navLList li {
  text-align: center;
  height: 56px;
  line-height: 56px;
  position: relative;
}

.navLList li:before {
  content: "";
  width: 4px;
  height: 0;
  background: url("../image/navleftlibg.png") no-repeat center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -18px;
}

.navLList li a {
  position: relative;
  color: #333;
  font-size: 16px;
  display: block;
}

.navLList li a .icon-hot {
  position: relative;
  top: 19px;
  left: 10px;
  width: 13px;
  height: 20px;
}

.navLList li:hover {
  background: #fff;
}

.navLList li:hover a {
  color: #ff9d00;
}

.navLList li:hover:before {
  height: 36px;
}

.navRight {
  float: right;
  position: relative;
  z-index: 9999;
}

.navRCon li {
  float: left;
  width: 160px;
  text-align: center;
  position: relative;
}

.navRCon li em {
  font-size: 18px;
  color: #333;
  display: inline-block;
  height: 47px;
  line-height: 47px;
  position: relative;
}

.navRCon li:hover em {
  color: #ff9d00;
}





.navSub {
  padding: 10px 0 15px;
  width: 156px;
  background: #fff;
  position: absolute;
  top: 54px;
  left: 0;
  opacity: 0;
  height: 0;
  overflow: hidden;
  border-radius: 0 0 10px 10px;
}

.navSub a {
  display: block;
  font-size: 16px;
  color: #333;
  height: 40px;
  line-height: 40px;
  position: relative;
}

.navSub a img{
  position: relative;
    top: 10px;
    left: 10px;
    width: 13px;
    height: 20px;
}

.navSub a:hover {
  color: #ff9d00;
}

.navRCon li:hover .navSub {
  top: 47px;
  opacity: 1;
  box-shadow: 0 -1px 3px #f8f8f8;
  height: auto;
}

.navSub2 {
  width: 262px;
  left: -50px;
  background:#fff url(../image/navSub2Line.png) center no-repeat;
}

.navSub2 a {
  float: left;
  width: 50%;
}

/*navLeft  end   */




/*banner  begin */
.banner {
  height: 450px;
  margin-top: -452px;
  position: relative;
}

.bannerBotm {
  background: #f9f9f9;
}

.bannerBRight {
  float: right;
  width: 774px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 12px;
}

.bannerBR-1 {
  width: 183px;
  height: 74px;
  background: #fff;
  text-align: center;
  margin-top: 8px;
}

.bannerBR-1Img {
  display: inline-block;
  width: 55px;
  height: 62px;
  vertical-align: middle;
  background: url("https://mg.kaoyan365.cn/bkzx/images/banbotbg1.png") 0 0;
  margin-right: 15px;
  position: relative;
}

.bannerBR-1Img img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -28px;
  margin-top: -28px;
}

.bannerBR-1Tit {
  display: inline-block;
  vertical-align: middle;
  height: 74px;
  line-height: 74px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
}

.bannerBR-1 a {
  position: relative;
  display: block;
  width: 183px;
  height: 74px;
}

.bannerBR-1 a .icon-hot {
  position: absolute;
  top: 24px;
  right: 9px;
  width: 13px;
  height: 20px;
  background: url("https://mg.kaoyan365.cn/bkzx/images/icon-hot.png") no-repeat;
}

.bannerBR-1:nth-child(2) .bannerBR-1Img {
  background-image: url("https://mg.kaoyan365.cn/bkzx/images/banbotbg2.png");
}

.bannerBR-1:nth-child(3) .bannerBR-1Img {
  background-image: url("https://mg.kaoyan365.cn/bkzx/images/banbotbg3.png");
}

.bannerBR-1:nth-child(4) .bannerBR-1Img {
  background-image: url("https://mg.kaoyan365.cn/bkzx/images/banbotbg4.png");
}

.bannerBR-1:nth-child(5) .bannerBR-1Img {
  background-image: url("https://mg.kaoyan365.cn/bkzx/images/banbotbg5.png");
}

.bannerBR-1:nth-child(6) .bannerBR-1Img {
  background-image: url("https://mg.kaoyan365.cn/bkzx/images/banbotbg6.png");
}

.bannerBR-1:nth-child(7) .bannerBR-1Img {
  background-image: url("https://mg.kaoyan365.cn/bkzx/images/banbotbg7.png");
}

.bannerBR-1:nth-child(8) .bannerBR-1Img {
  background-image: url("https://mg.kaoyan365.cn/bkzx/images/banbotbg8.png");
}

.bannerBR-1:hover {
  box-shadow: 0 0 5px #ddd;
}

.bannerBR-1:hover .bannerBR-1Img {
  background-position: -55px 62px;
}

.banner .inner {
  position: relative;
  height: 450px;
}

.banBtn {
  display: block;
  width: 248px;
  height: 44px;
  position: absolute;
  left: 333px;
  top: 288px;
}

.banBtn2 {
  left: 618px;
}

.bannerBox {
  position: absolute;
  left: 50%;
  top: 0;
  height: 450px;
  width: 100%;
  transform: translate(-50%, 0);
}

.bannerBox .swiper-slide {
  height: 452px;
  background: no-repeat center top;
}

.bannerBox .swiper-slide a {
  display: block;
  height: 100%;
}

.bannerBox .swiper-slide a div{height: 450px;background: no-repeat center top;}


.lc_nav{padding: 30px 0;}
.lc_nav .inner{display: flex;justify-content: space-between;}
.lc_nav_item{width: 278px;height: 88px;cursor: pointer;}
.lc_nav_item h2{font-size: 18px;color: #333333;padding: 18px 0 0 24px;}
.lc_nav_item p{font-size: 16px;color: #ff9d00;padding: 12px 0 0 24px;}

.lc_nav_item1{background: url(../image/lc_nav_item1.png) center no-repeat;}
.lc_nav_item2{background: url(../image/lc_nav_item2.png) center no-repeat;}
.lc_nav_item3{background: url(../image/lc_nav_item3.png) center no-repeat;}
.lc_nav_item4{background: url(../image/lc_nav_item4.png) center no-repeat;}




.m1 {
  background: #f9f9f9;padding-bottom: 30px;
  
}
.m1 .mainTright:hover {
  color: #33a0f2;
}

.mainTop {
  overflow: hidden;
  border-bottom: 1px #e5e5e5 solid;
  padding-bottom: 14px;
  margin-bottom: 22px;
  padding-top: 30px;
}

.mainTLeft {
  float: left;
  margin-right: 30px;
}

.mainTright {
  float: right;
  font-size: 16px;
  color: #666;
  position: relative;
  top: 17px;
}

.mainTright:hover {
  color: #ff9d00;
}


.mainTLTit span {
  text-transform: uppercase;
  font-size: 12px;
  color: #999;
  display: inline-block;
  vertical-align: bottom;
  font-weight: normal;
}
.mainTLTit {
  font-size: 24px;
  color: #333;
  font-weight: bold;
  background: url("../image/maintitbg.png") no-repeat left top;
  padding-left: 5px;
  padding-top: 7px;
}

.mainTLTit em {
  display: inline-block;
  padding-right: 17px;
  background: url("../image/xigang.png") no-repeat right bottom;
  line-height: 26px;
}

.mainMid{float: left;font-size: 18px;color: #333;padding-top: 14px;}



.m1Cont{display: flex;justify-content: space-between;}
.m1_item{width: 312px;}

.m1_item_tit{font-size: 18px;line-height: 48px;color: #fff;text-align: center; border-radius: 5px 5px  0 0;
  background: -webkit-linear-gradient(#77c8fe, #53b9fd); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#77c8fe, #53b9fd); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#77c8fe, #53b9fd); /* Firefox 3.6 - 15 */
  background: linear-gradient(#77c8fe, #53b9fd); /* 标准的语法 */
}
.m1_item1{width: 528px;}
.m1_item1 .tab{ margin:0 auto 20px;}
.m1_item1 .tab-hd { overflow:hidden; zoom:1;display: flex;font-size: 18px;line-height: 48px;color: #fff;text-align: center; border-radius: 5px 5px  0 0;justify-content: space-around;
  background: -webkit-linear-gradient(#77c8fe, #53b9fd); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#77c8fe, #53b9fd); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#77c8fe, #53b9fd); /* Firefox 3.6 - 15 */
  background: linear-gradient(#77c8fe, #53b9fd); /* 标准的语法 */}
.m1_item1 .tab-hd li{color:#fff; text-align:center; cursor:pointer;width: 132px;}
.m1_item1 .tab-hd li.active{ background:url(../image/m1_tab_line.png) center 36px no-repeat;font-weight: bold;}
.m1_item1 .tab-hd li.active span{color: #ffd168;}
.m1_item1 .tab-bd li{display:none;}

.m1_news_wrap{background: #fff;border-radius: 0 0 5px 5px;height: 316px;padding-top: 16px;}
.m1_news_item{margin-left: 46px;}
.m1_news_item a{display: flex;line-height: 40px;color: #333;font-size: 16px;}
.m1_news_item a span{margin-top: 12px;margin-right: 10px;display: block;width: 16px;height: 16px;border-radius: 6px;background: #72c5fe;text-align: center;line-height: 16px;color: #fff;font-size: 12px;}
.m1_news_item a i{width: 338px;}
.m1_news_item a:hover{color: #33a0f2;}

.m1_item1_wrap{display: flex;flex-wrap: wrap;background: #fff;border-radius: 5px;height: 156px;}
.m1_item1_wrap a{display: block;width: 176px;text-align: center;height: 78px;padding-top: 12px;border-bottom: 1px dashed #dddddd;border-right: 1px dashed #dddddd;}
.m1_item1_wrap a:hover{background: #e7f5ff;box-shadow:  0 0 10px #f8fcff;}
.m1_item1_wrap a:nth-child(4),.m1_item1_wrap a:nth-child(5),.m1_item1_wrap a:nth-child(6){border-bottom: 1px dashed #fff;}
.m1_item1_wrap a:nth-child(3),.m1_item1_wrap a:nth-child(6){border-right: 1px dashed #fff;}
.m1_item1_wrap a img{display: block;margin: 0 auto;}
.m1_item1_wrap a span{line-height: 30px;display: block;}
.m1_item1_wrap a:hover span{color: #33a0f2;}


.m1_item_tit1 span{display: block;background: url(../image/m1_item_tit1.png) center  no-repeat;}
.m1_item_tit2 span{display: block;background: url(../image/m1_item_tit2.png) center  no-repeat;}
.m1_date{padding: 26px 30px  0;height: 492px;background: #fff url(../image/m1_circle.png)  center 70px no-repeat;border-radius: 0 0 5px 5px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.m1_date_item{}

.m1_date_item p{width: 116px;height: 36px;line-height: 36px;font-size: 14px;text-align: center;color: #333333;background: #dff2ff;border-radius: 10px;}
.m1_date_item span{display: block;line-height: 54px;text-align: center;}
.m1_date_item_spe p{width: 250px;}


.m1_step{background: #fff;border-radius: 0 0 5px 5px;height: 492px;padding-top: 10px;}
.m1_step_item{display: flex;width: 280px;border-bottom: 1px dashed #dddddd;margin: 0 auto;padding: 17px 0;}
.m1_step_item:last-child{border-bottom: none;}
.m1_step_item h2{text-align: center;font-weight: normal;font-size: 16px;color: #222222;line-height: 28px;width: 108px;}
.m1_step_item h2 img{display: block;margin: 0 auto;}
.m1_step_item_txt{cursor: pointer;}
.m1_step_item p{line-height: 30px;font-size: 14px;color: #333333;}
.m1_step_item a {color: #333333;}
.m1_step_item a:hover{color: #33a0f2;}


.m2{padding: 0 0 30px 0;}
.m2 .mainTLTit{
  background: url("../image/maintitbg1.png") no-repeat left top;
}
.m2Cont{display: flex;justify-content: space-between;}
.m2_item{width: 268px;height: 496px;box-shadow:  0 0 10px #f5f1f1;border-radius: 5px;}
.m2_item_tit{font-size: 18px;line-height: 48px;color: #fff;text-align: center; border-radius: 5px 5px  0 0;
  background: -webkit-linear-gradient(#ffd265, #ffa107); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ffd265, #ffa107); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ffd265, #ffa107); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ffd265, #ffa107); /* 标准的语法 */}
.m2_date{margin-top: 12px;margin-left: 20px;position: relative;}
.m2_date::before{content: "";height:98%;border-left: 1px dashed #ddd;width: 1px;position: absolute;left: 10px;top: 10px;z-index: 22;}
.m2_date_item{margin-bottom: 20px;}
.m2_date_item p{padding-left: 32px;background: url(../image/m2_play.jpg) left center no-repeat;font-size: 16px;color: #333333;line-height: 38px;position: relative;z-index: 66;}
.m2_date_item span{display: block;line-height: 26px;font-size: 14px;color: #666666;width: 200px;margin-left: 32px;}

.m2_item1{width: 902px;position: relative;}
.m2_item1 .tab{ margin:0 auto 20px;}
.m2_item1 .tab-hd { overflow:hidden; zoom:1;display: flex;font-size: 18px;height: 48px;color: #fff;text-align: center; margin-left: 204px;}
.m2_item1 .tab-hd li{color:#333333; text-align:center; cursor:pointer;width: 122px;}
.m2_item1 .tab-hd li.active{ background:url(../image/m1_tab_line.png) center 24px no-repeat;font-weight: bold;}
.m2_item1 .tab-hd li.active span{color: #ff9d00;}
.m2_item1 .tab-bd li{display:none;}


.m2_more{display: block;color:#333333; text-align:right; cursor:pointer;position: absolute;top: 0;right: 0;font-size: 18px;height: 48px;}
.m2_more:hover{ background:url(../image/m1_tab_line.png) center 24px no-repeat;font-weight: bold;transition: all 0s ease-in-out;-webkit-transition: all 0s ease-in-out;color: #ff9d00;}


.subject_cont{display: flex;justify-content: space-between;}
.subject_item{width: 280px;height: 448px;box-shadow: 0 0 10px #faefe1;border-radius: 5px;background: url(../image/subject_item.png) center no-repeat;}
.subject_item1{background: url(../image/subject_item1.png) center no-repeat;}
.subject_item .subject_item_tit{font-size: 16px;color: #333;padding-left: 30px;background: url(../image/subject_item_tit1.png) left  center no-repeat;margin-top: 30px;margin-left: 20px;margin-bottom: 8px;}
.subject_item1 .subject_item_tit{background: url(../image/subject_item_tit2.png) left  center no-repeat;}
.subject_item a{display: block;line-height: 36px;width: 226px;height: 36px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: #333333;font-size: 16px;margin-left: 20px;}
.subject_item a:hover{color: #ff9d00;}
.subject_item1 a:hover{color: #fd3b4b;}
.subject_item .subject_item_btn{margin-top: 5px;}
.subject_item .subject_item_btn:hover{font-weight: bold;}
.subject_item .subject_item_btn1{width: 114px;height: 30px;line-height: 30px;text-align: center;font-size: 16px;width: 114px;background: #ffba37;border-radius: 5px;color: #fff;
  background: -webkit-linear-gradient(#ffba37, #ffba37); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ffba37, #ffba37); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ffba37, #ffba37); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ffba37, #ffba37); /* 标准的语法 */
}

.subject_item .subject_item_btn1:hover{color: #fff;
  background: -webkit-linear-gradient(#ffd265, #ffa006); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ffd265, #ffa006); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ffd265, #ffa006); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ffd265, #ffa006); /* 标准的语法 */}

.subject_item1 .subject_item_btn1{color: #fff;
  background: -webkit-linear-gradient(#ff727e, #ff727e); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ff727e, #ff727e); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ff727e, #ff727e); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ff727e, #ff727e); /* 标准的语法 */}

.subject_item1 .subject_item_btn1:hover{color: #fff;
  background: -webkit-linear-gradient(#fe8374, #fa505b); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fe8374, #fa505b); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fe8374, #fa505b); /* Firefox 3.6 - 15 */
  background: linear-gradient(#fe8374, #fa505b); /* 标准的语法 */}

.subject_item4 .subject_item_btn1{color: #fff;
  background: -webkit-linear-gradient(#1b96ff, #1b96ff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#1b96ff, #1b96ff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#1b96ff, #1b96ff); /* Firefox 3.6 - 15 */
  background: linear-gradient(#1b96ff, #1b96ff); /* 标准的语法 */}

.subject_item4 .subject_item_btn1:hover{color: #fff;
  background: -webkit-linear-gradient(#1b96ff, #1a80da); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#1b96ff, #1a80da); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#1b96ff, #1a80da); /* Firefox 3.6 - 15 */
  background: linear-gradient(#1b96ff, #1a80da); /* 标准的语法 */}
  

.subject_item3 .subject_item_tit{background: url(../image/subject_item_tit3.png) left  center no-repeat}
.subject_item4{background: url(../image/subject_item2.png) left  center no-repeat;}
.subject_item4 .subject_item_tit{background: url(../image/subject_item_tit4.png) left  center no-repeat}
.subject_item4 a:hover{color: #1b96ff;}


.subject_item5 .subject_item_tit{background: url(../image/subject_item_tit5.png) left  center no-repeat}
.subject_item6 .subject_item_tit{background: url(../image/subject_item_tit6.png) left  center no-repeat}

.subject_item7 .subject_item_tit{background: url(../image/subject_item_tit7.png) left  center no-repeat}
.subject_item8 .subject_item_tit{background: url(../image/subject_item_tit8.png) left  center no-repeat}


.subject_item .subject_item_tit9{background: url(../image/subject_item_tit9.png) left  center no-repeat}
.subject_item .subject_item_tit10{background: url(../image/subject_item_tit10.png) left  center no-repeat}
.subject_item .subject_item_tit11{background: url(../image/subject_item_tit11.png) left  center no-repeat}
.subject_item .subject_item_tit12{background: url(../image/subject_item_tit12.png) left  center no-repeat}
.subject_item .subject_item_tit13{background: url(../image/subject_item_tit13.png) left  center no-repeat}
.subject_item .subject_item_tit14{background: url(../image/subject_item_tit14.png) left  center no-repeat}




.m4 .mainTLTit{
  background: url("../image/maintitbg1.png") no-repeat left top;
}
.m6 .mainTLTit{
  background: url("../image/maintitbg1.png") no-repeat left top;
}

.m3 {padding: 0 0 10px 0;
  background: #f9f9f9;
}

.m3Cont{display: flex;justify-content: space-between;position: relative;}
.m3_item{width: 268px;height: 510px;border-radius: 5px;border: 1px solid #dddddd;background: #fff;}
.m3_item_tit{font-size: 18px;line-height: 48px;color: #fff;text-align: center; border-radius: 5px 5px  0 0;
  background: -webkit-linear-gradient(#76c8fe, #54bafd); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#76c8fe, #54bafd); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#76c8fe, #54bafd); /* Firefox 3.6 - 15 */
  background: linear-gradient(#76c8fe, #54bafd); /* 标准的语法 */}
.m3 .mainTright:hover {
  color: #33a0f2;
}

.m3_te{}
.m3_te_item{width: 238px;border-bottom: 1px dashed #ddd;margin: 0 auto;padding: 15px 0;display: flex;}
.m3_te_item:last-child{border-bottom: none;}
.m3_te_item h2{width: 70px;height: 70px;background: url(../image/m3_te_item_bg.png) center no-repeat;color: #56bafd;font-size: 18px;text-align: center;line-height: 30px;padding-top: 5px;border-radius: 5px 0 0 5px;margin-left: 7px;}
.m3_te_item p{height: 70px;width: 158px;border-radius: 0 5px 5px 0;background: #ebf7ff;padding-top: 10px;}
.m3_te_item p span{display: block;line-height: 26px;font-size: 14px;color: #333333;margin-left: 15px;}
.m3_item_btn{display: block;width: 228px;height: 33px;line-height: 33px;margin: 0 auto;color: #fff;text-align: center;border-radius: 5px;
  background: -webkit-linear-gradient(#76c8fe, #54bafd); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#76c8fe, #54bafd); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#76c8fe, #54bafd); /* Firefox 3.6 - 15 */
  background: linear-gradient(#76c8fe, #54bafd); /* 标准的语法 */}
.m3_item_btn:hover{color: #ffeb9c;}


.m3_item1{width: 905px;position: relative;}
.m3_item1 .tab{ margin:0 auto;}
.m3_item1 .tab-hd { overflow:hidden; zoom:1;display: flex;font-size: 18px;height: 48px;color: #fff;text-align: center;margin-right: -25px;margin-left: 448px;}
.m3_item1 .tab-hd li{color:#333333; text-align:center; cursor:pointer;width: 122px;}
.m3_item1 .tab-hd li.active{ background:url(../image/m1_tab_line1.png) center 24px no-repeat;font-weight: bold;}
.m3_item1 .tab-hd li.active span{color: #39a4ff;}
.m3_item1 .tab-bd li{display:none;}

.m3_more{display: block;color:#333333; text-align:right; cursor:pointer;position: absolute;top: 0;right: 0;font-size: 18px;height: 48px;}
.m3_more1{right: 106px;}
.m3_more:hover{ background:url(../image/m1_tab_line1.png) center 24px no-repeat;font-weight: bold;transition: all 0s ease-in-out;-webkit-transition: all 0s ease-in-out;color: #39a4ff;}

.m3_course{display: flex;width: 906px;justify-content: space-between;flex-wrap: wrap;}
.m3_course_item{width: 280px;height: 220px;border-radius: 5px;overflow: hidden;background: #fff;margin-bottom: 20px;box-shadow:  0 0 10px #efefef;}
.m3_course_item_tit{font-size: 16px;color: #333333;line-height: 48px;margin-left: 28px;}
.m3_course_btn{display: flex;justify-content: space-between;width: 240px;margin: 0 auto;}
.m3_course_btn a{display: block;height: 33px;line-height: 33px;width: 110px;border: 1px solid #ff5a59;border-radius: 5px;text-align: center;font-size: 14px;color: #fd3b4b;}
.m3_course_btn a:hover{color: #fff;background: #fd3b4b;}

.m3_course_btn1 a{border: 1px solid #39a4ff;color: #39a4ff;}
.m3_course_btn1 a:hover{color: #fff;background: #39a4ff;}

.m3_course_btn2 a{border: 1px solid #ff8940;color: #ff8940;}
.m3_course_btn2 a:hover{color: #fff;background: #ff8940;}


.m3_course_btn3 a{border: 1px solid #19b893;color: #19b893;}
.m3_course_btn3 a:hover{color: #fff;background: #19b893;}

.m3_course_btn4 a{border: 1px solid #aa76ff;color: #aa76ff;}
.m3_course_btn4 a:hover{color: #fff;background: #aa76ff;}



.m4{padding: 0 0 30px 0;}
.m4Cont{display: flex;justify-content: space-between;}
.m4_item{width: 268px;height: 514px;box-shadow:  0 0 10px #f5f1f1;border-radius: 5px;}
.m4_item_tit{font-size: 18px;line-height: 48px;color: #fff;text-align: center; border-radius: 5px 5px  0 0;
  background: -webkit-linear-gradient(#ffd265, #ffa107); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ffd265, #ffa107); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ffd265, #ffa107); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ffd265, #ffa107); /* 标准的语法 */}
.m4_item_cont{width: 228px;margin: 0 auto;padding-top: 8px;}
.m4_item_pub{line-height: 34px;margin-top: 13px;}
.m4_item_pub i{font-size: 16px;font-weight: bold;}
.m4_item_pub strong{font-size: 16px;}
.m4_item_pub span{font-size: 12px;margin-left: 10px;}


.m4_item_tit1{background: url(../image/m4_item_tit1.png) top left no-repeat;}
.m4_item_tit1 i{color: #ff5a68;}
.m4_item_tit1 span{color: #ffc7c5;}

.m4_item_tit2{background: url(../image/m4_item_tit2.png) top left no-repeat;}
.m4_item_tit2 i{color: #53b9fd;}
.m4_item_tit2 span{color: #b3e1fe;}

.m4_item_tit3{background: url(../image/m4_item_tit3.png) top left no-repeat;}
.m4_item_tit3 i{color: #ffa40c;}
.m4_item_tit3 span{color: #ffdca6;margin-left: 5px;}

.m4_item_btn_wrap{flex-wrap: wrap;display: flex;justify-content: space-between;margin-top: 4px;}
.m4_item_btn_wrap a{display: block;height: 30px;line-height: 30px;border-radius: 5px;text-align: center;margin-bottom: 12px;font-size: 14px;color: #333333;}

.m4_item_btn_wrap1 a{width: 48px;background: #ffefee;}
.m4_item_btn_wrap2 a{width: 68px;background: #edf8ff;}
.m4_item_btn_wrap3 a{width: 108px;background: #fff4dc;}

.m4_item1{width: 916px;height: 514px;position: relative;border-radius: 5px;background: #fff;box-shadow:  0 0 10px #f5f1f1;}
.m4_item1_top{display: flex;width: 878px;margin: 22px auto 0;justify-content: space-between;height: 80px;background: url(../image/m4_item1_top.png) center no-repeat;}
.m4_item1_top_list{width: 190px;height: 80px;text-align: center;}
.m4_item1_top_list h2{font-size: 18px;color: #222222;padding-top: 16px;}
.m4_item1_top_list p{font-size: 14px;color: #ffa40c;padding-top: 8px;}

.m4_item1_bot{width: 876px;height: 372px;background: url(../image/m4_item1_bot.png) center no-repeat;margin: 22px auto 0;}

.m4_status{display: flex;width: 808px;justify-content: space-between;margin: 0 auto;padding-top: 20px;}
.m4_status_item{height: 113px;}
.m4_status_item p{margin-left: 88px;font-size: 16px;padding-bottom: 16px;}
.m4_status_item div{width: 88px;float: left;text-align: center;margin-right: 44px;font-size: 16px;color: #333333;}
.m4_status_item div:nth-child(3){margin-right: 0;}
.m4_status_item1{width: 255px;background: url(../image/m4_status1.png) center bottom no-repeat;}
.m4_status_item2{width: 247px;background: url(../image/m4_status2.png) center bottom no-repeat;}
.m4_status_item3{width: 251px;background: url(../image/m4_status3.png) center bottom no-repeat;}

.m4_status_item1 p{color: #fd3b4b;}
.m4_status_item2 p{color: #39a4ff;}
.m4_status_item3 p{color: #ffa40c;}

.m4_step{display: flex;width: 837px;height: 74px;line-height: 74px;background: url(../image/m4_step.png) center no-repeat;margin-left: 20px;margin-top: 10px;font-weight: bold;color: #ffa40c;font-size: 18px;}
.m4_step strong{width: 240px;text-align: center;}
.m4_step span{width: 158px;text-align: center;margin-left: 150px;}
.m4_step i{width: 68px;text-align: center;margin-left: 206px;}

.m4_te{display: flex;justify-content: space-between;width: 810px;margin: 0 auto;padding-top: 8px;}
.m4_te_item{text-align: center;height: 118px;}
.m4_te_item p{line-height: 28px;font-size: 16px;color: #333333;padding: 22px 0 5px;}
.m4_te_item span{display: block;width: 157px;height: 35px;line-height: 35px;font-size: 16px;margin: 0 auto;}

.m4_te_item1{width: 255px;background: url(../image/m4_te_item1.png) center no-repeat;}
.m4_te_item2{width: 247px;background: url(../image/m4_te_item2.png) center no-repeat;}
.m4_te_item3{width: 251px;background: url(../image/m4_te_item3.png) center no-repeat;}

.m4_te_item1 span{color: #fd3b4b;}
.m4_te_item2 span{color: #1995ff;}
.m4_te_item3 span{color: #ffa001;}

.m5 {
  background: #f9f9f9;
  padding-bottom: 30px;
  
}

.m5 .mainTright:hover {
  color: #33a0f2;
}

.m5Cont{display: flex;justify-content: space-between;position: relative;}
.m5_item{width: 268px;height: 416px;box-shadow:  0 0 10px #f5f1f1;border-radius: 5px;background: url(../image/m5_item1.png) center no-repeat;}
.m5_code{background: #c5e8ff;border: 1px solid #3fa7ff;border-radius: 10px;width: 206px;height: 206px;margin: 22px auto 0;}
.m5_code img{display: block;margin: 10px;}
.m5_txt{margin-left: 32px;margin-top: 15px;}
.m5_txt p{font-size: 16px;color: #333333;padding-left: 22px;background: url(../image/m5_cir.png) left center no-repeat;line-height: 30px;}
.m5_jt{padding-top: 24px;background: url(../image/m5_jt1.png) top center no-repeat;margin-top: 10px;text-align: center;line-height: 32px;color: #39a4ff;}
.m5_jt h2{font-size: 18px;}
.m5_jt strong{font-size: 18px;}

.m5_item1{width: 916px;height: 416px;position: relative;border-radius: 5px;background: url(../image/m5_item12.png) center no-repeat;box-shadow:  0 0 10px #f5f1f1;display: flex;}
.m5_item1_cont{width: 458px;}
.m5_item1_tit{line-height: 70px;font-size: 26px;color:#fd3b4b;font-weight: bold;text-align: center;}
.m5_item1_tit span{padding-left: 38px;background: url(../image/m5_jian.png) left center no-repeat;}
.m5_item1_tit1 span{background: url(../image/m5_jia.png) left center no-repeat;}

.m5_item1 ul{width: 392px;margin: 0 auto;padding-top: 34px;}
.m5_item1 ul li{height: 50px;background: url(../image/m5_list.png) center no-repeat;line-height: 50px;margin-bottom: 20px;font-size: 16px;}
.m5_item1 ul li a{color: #333333;padding-left: 92px;display: block;}
.m5_item1 ul li a:hover{color:#fd3b4b;}
.m5_item1 ul li:nth-child(1) a{background: url(../image/m5_icon1.png) 46px center no-repeat;}
.m5_item1 ul li:nth-child(2) a{background: url(../image/m5_icon2.png) 46px center no-repeat;}
.m5_item1 ul li:nth-child(3) a{background: url(../image/m5_icon3.png) 46px center no-repeat;}
.m5_item1 ul li:nth-child(4) a{background: url(../image/m5_icon4.png) 46px center no-repeat;}

.m5_item1 ul.spe li:nth-child(1) a{background: url(../image/m5_icon5.png) 46px center no-repeat;}
.m5_item1 ul.spe li:nth-child(2) a{background: url(../image/m5_icon6.png) 46px center no-repeat;}
.m5_item1 ul.spe li:nth-child(3) a{background: url(../image/m5_icon7.png) 46px center no-repeat;}
.m5_item1 ul.spe li:nth-child(4) a{background: url(../image/m5_icon8.png) 46px center no-repeat;}





.m6{padding: 0 0 52px 0;}
.m6Cont{position: relative;}
.m6_spe{position: absolute;top: 78px;left: 0;width: 370px;height: 181px;background: url(../image/m6_spe.png) center no-repeat;}
.m6_spe p{line-height: 40px;font-size: 18px;color: #333333;width: 328px;margin: 0 auto;padding-top: 32px;}
.m6Cont .tab-hd{height: 48px;background: #fff8ec;border-radius: 5px;padding: 0 32px;display: flex;justify-content: space-between;}
.m6Cont .tab-hd li{width: 340px;text-align: center;line-height: 48px;font-size: 18px;color: #666666;-webkit-transition:all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.m6Cont .tab-hd li.active{height: 60px;margin-top: -6px;border-radius: 6px;color: #fff;font-weight: bold;position: relative;
  background: -webkit-linear-gradient(#ffd265, #ffa107); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ffd265, #ffa107); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ffd265, #ffa107); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ffd265, #ffa107); /* 标准的语法 */

}
.m6Cont .tab-hd li.active::before{content: "";width: 28px;height: 28px;background: url(../image/m6_circle.png) center no-repeat;position: absolute;bottom: -15px;left: 156px;border-radius: 50%;box-shadow: 0 5px 10px #cdc6c6;}

.m6Cont .tab-bd{margin-top: 30px;}
.m6Cont .tab-bd li{display: none;}