/* 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,.m2 .tab-hd li{-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;
}




.banner{height: 600px;background:#fff url(../image/banner12.jpg) center no-repeat;background-size: cover;position: relative;}  
.banner .inner{height: 600px;position: relative;}
.ban1{position: absolute;top: 59px;left: 464px;width: 272px;height: 60px;line-height: 54px;font-weight: bold;border: 2px solid #e80204;border-radius: 8px;display: flex;font-size: 42px;}
.ban1 span{width: 152px;background: #e80204;text-align: center;color: #fff;}
.ban1 i{text-align: center;width: 115px;}
.ban2{position: absolute;top: 130px;left: 145px;}

.banner ul{position: absolute;left: 215px;top: 400px;width: 774px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.banner ul li{width: 373px;line-height: 62px;height: 66px;font-size: 30px;;background: url(../image/ban_item.png) center no-repeat;margin-bottom: 22px;}
.banner ul li span{display: block;text-align: center;color: #ffff;font-weight: bold;}









.pub_tit{font-size: 42px;color: #000000;font-weight: bold;text-align: center;line-height: 104px;}
.pub_tit span{color: #ef0c0e;}

.pub_btn{display: block;width: 380px;height:60px;border-radius: 30px;font-size: 24px;font-weight: bold;text-align: center;color: #fff;line-height: 60px;margin: 0 auto;
  background: -webkit-linear-gradient(#ef0c0e, #d90508); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ef0c0e, #d90508); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ef0c0e, #d90508); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ef0c0e, #d90508); /* 标准的语法 */
}
.pub_btn:hover{
  background: -webkit-linear-gradient(#d90508, #ef0c0e); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#d90508, #ef0c0e); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#d90508, #ef0c0e); /* Firefox 3.6 - 15 */
  background: linear-gradient(#d90508, #ef0c0e); /* 标准的语法 */
}

.m1{padding: 20px 0 50px;}
.m1_tit{background: url(../image/m1_tit7.png) center bottom no-repeat;}
.m1_cont{display: flex;flex-wrap: wrap;padding: 60px 0 40px;position: relative;}
.m1_item{width: 306px;background: #e8e8e8;height: 48px;line-height: 48px;border-radius: 24px;color: #666666;font-size: 17px;text-align: center;margin-bottom: 28px;}
.m1_item:nth-child(2n){background: #000;color: #fff;font-size: 18px;}

.m1_item1{margin-left: 106px;}
.m1_item2{margin-left: 376px;}
.m1_item3{margin-left: 52px;}
.m1_item4{margin-left: 482px;}
.m1_item5{}
.m1_item6{margin-left: 588px;}
.m1_item7{margin-left: 52px;}
.m1_item8{margin-left: 482px;}
.m1_item9{margin-left: 106px;}
.m1_item10{margin-left: 376px;}

.m1_item span{background: url(../image/m1_icon1.png) left center no-repeat;background-size: 20px;padding-left: 28px;}
.m1_item2 span{background: url(../image/m1_icon2.png) left center no-repeat;background-size: 20px;}
.m1_item3 span{background: url(../image/m1_icon3.png) left center no-repeat;background-size: 20px;}
.m1_item4 span{background: url(../image/m1_icon4.png) left center no-repeat;background-size: 20px;}
.m1_item5 span{background: url(../image/m1_icon5.png) left center no-repeat;background-size: 20px;}
.m1_item6 span{background: url(../image/m1_icon6.png) left center no-repeat;background-size: 20px;}
.m1_item7 span{background: url(../image/m1_icon7.png) left center no-repeat;background-size: 20px;}
.m1_item8 span{background: url(../image/m1_icon8.png) left center no-repeat;background-size: 20px;}
.m1_item9 span{background: url(../image/m1_icon9.png) left center no-repeat;background-size: 20px;}
.m1_item10 span{background: url(../image/m1_icon10.png) left center no-repeat;background-size: 20px;}


.m1_cir{text-align: center;width: 405px;height: 405px;border-radius: 50%;background: url(../image/m1_cir.png) center no-repeat;position: absolute;left: 397px;top: 35px;box-shadow: 0 8px 5px #fcdede;}
.m1_cir p{font-size: 32px;color: #ef0c0e;text-shadow: 0 5px 2px #fffbfb;line-height: 92px;padding-top: 86px;}
.m1_cir a{display: block;width: 292px;height: 75px;line-height: 75px;text-align: center;border-radius: 38px;background: #ef0c0e;font-size: 40px;color: #fff;font-weight: bold;margin: 0 auto;}
.m1_cir span{display: block;line-height: 80px;font-size: 26px;color: #666666;}



.m2{padding: 20px 0 50px;background: #f6f6f6;}
.m2_tit{background: url(../image/m2_tit9.png) center bottom no-repeat;}

.m2_cont{display: flex;justify-content: space-between;margin: 34px auto 0;}
.m2_cont_l{width: 620px;height: 548px;background: url(../image/m2_cont_l.png) center no-repeat;margin-left: -5px;}
.m2_cont_l_tit{width: 302px;padding: 72px 0 0 0;margin-left:32px;}
.m2_cont_l_tit h2{font-size: 24px;color: #ef0c0e;padding-left: 80px;}
.m2_cont_l_tit p{font-size: 18px;color: #666666;padding-left: 80px;padding-top: 10px;}


.m2 .tab{position: relative;height: 335px;}
.m2 .tab-hd {display: flex;width: 302px;justify-content: space-between;margin: 40px 0 0 36px;position: relative;z-index: 55;}
.m2 .tab-hd li{text-align:center; cursor:pointer;width: 82px;height: 82px;background: #fff;border-radius: 8px;font-size: 20px;color: #666666;}
.m2 .tab-hd li.active{ background:#ef0c0e;color: #fff;font-weight: bold;}
.m2 .tab-hd li span{display: block;line-height: 28px;padding-top: 12px;}
.m2 .tab-bd{position: absolute;left: 25px;top: -45px;z-index: 2;}
.m2 .tab-bd li{display:none;}



.m2_cont_r{width: 560px;height: 550px;border-radius: 10px;box-shadow: 0 0 10px #e8e8e8;background: #fff;overflow: hidden;border-bottom: 2px solid #ee1315;}
.m2_item{padding: 10px 0 0 0;position: relative;}
.m2_item_tit{line-height: 64px;padding-left: 32px;background: url(../image/m2_item_tit.png) left center no-repeat;font-size: 24px;color: #333333;font-weight: bold;margin-left: 30px;}
.m2_item ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 480px;margin: 0 auto;}
.m2_item ul li{width: 140px;height: 44px;line-height: 44px;text-align: center;margin-bottom: 24px;}
.m2_item ul li:nth-child(4),.m2_item ul li:nth-child(5),.m2_item ul li:nth-child(6){margin-bottom: 0;}
.m2_item ul li a{display: block;font-size: 18px;color: #333333;border: 1px solid #d0d0d0;border-radius: 5px;}
.m2_item ul li a:hover{color: #ef0c0e;border: 1px solid #f89192;}

.m2_item ol{width: 480px;margin: 0 auto;display: flex;justify-content: space-between;background: url(../image/m2_step1.png) center no-repeat;height: 44px;line-height: 44px;}
.m2_item ol li{font-size: 18px;width: 106px;text-align: center;}
.m2_item ol li a{color: #333333;display: block;}
.m2_item ol li a:hover{color: #ef0c0e;}
.m2_item_btn{display: block;width: 480px;height: 44px;line-height: 44px;color: #ef0c0e;font-size: 18px;border-radius: 5px;background: #fff1f1;margin: 24px auto 0;text-align: center;}

.m2_item_course{width: 480px;height: 112px;background: url(../image/m2_item_course.png) center no-repeat;position: absolute;top: 38px;left: 40px;}
.m2_item_txt{height: 44px;line-height: 44px;font-size: 18px;color: #333333;width: 106px;text-align: center;}
.m2_item_txt1{position: absolute;top: 35px;left: 0;}
.m2_item_txt2{position: absolute;top: 35px;left: 138px;}
.m2_item_txt3{position: absolute;top: 0;right: 0;width: 174px;}
.m2_item_txt4{position: absolute;top: 68px;right: 0;width: 174px;}
.m2_item_txt a{display: block;color: #333333;}
.m2_item_txt a:hover{color: #ef0c0e;}


.m2 .m2_img_wrap{display: flex;justify-content: space-between;padding: 36px 0;}
.m2 .m2_img_wrap li{position: relative;width: 276px;height: 172px;}
.m2_txt{position: absolute;bottom: 2px;left: 2px;background: #000000;display: flex;border-radius: 0 0 10px 0;}
.m2_txt strong{font-size: 20px;color: #fff;line-height: 38px;height: 38px;padding: 0 16px;}
.m2_txt span{background: #fff;margin: 1px  1px 0 0;;height: 36px;line-height: 36px;border-radius: 0 0 9px 0;font-size: 18px;color: #000000;padding: 0 10px;}




.m3{padding: 20px 0 50px;}
.m3_tit{background: url(../image/m3_tit8.png) center bottom no-repeat;}

.m3_cont{display: flex;justify-content: space-between;margin-top: 34px;}
.m3_cont_l{width: 805px;height: 805px;background: url(../image/m3_sch.png) center no-repeat;}
.m3_cont_r{width: 373px;height: 805px;background: url(../image/m3_cont_r.png) center no-repeat;}
.m3_cont_r h2{font-size: 36px;width: 308px;border-bottom: 1px solid #ef0c0e;color: #ef0c0e;line-height: 65px;margin:118px auto 0;}
.m3_cont_r p{line-height: 50px;color: #666666;font-size: 22px;width: 308px;margin: 0 auto;}

.m3_txt{line-height: 36px;font-size: 18px;color: #666666;width: 308px;margin: 10px auto 34px;}
.m3_txt strong{font-size: 26px;color: #f13a3c;}


.m3_btn{display: block;width: 300px;height:56px;line-height: 56px;border-radius: 28px;font-size: 26px;text-align: center;color: #333333;margin: 0 auto 30px;background: #fff;}


.m3_btn_hover{color: #fff;background: #ef0c0e;font-weight: bold;}



.fixSide{width: 130px;position: fixed;left: 20px;top: 150px;text-align: center;z-index: 9999;color: #fff;border-radius: 10px 10px 26px 26px;
  background: -webkit-linear-gradient(#fe4142, #ee0b0c); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fe4142, #ee0b0c); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fe4142, #ee0b0c); /* Firefox 3.6 - 15 */
  background: linear-gradient(#fe4142, #ee0b0c); /* 标准的语法 */

}
.fixSide .off2{position: absolute;top:-18px;left: 47px;cursor: pointer;}
.sideBox{margin: 0 auto;}
.sideBox ul{overflow: hidden;width: 100px;margin: 0 auto;padding: 33px 0 5px;}
.sideBox ul li{margin-bottom: 15px;background: #fff;border-radius: 5px;overflow: hidden;}
.sideBox ul li a{display: block;height: 32px;line-height: 32px;text-align: center;color: #666666;font-size: 18px;}
.sideBox ul li a:hover{color: #ee0d0e;background: #ffcccc;}

.btn1{display: block;height: 42px;text-align: center;font-size: 20px;line-height: 42px;border-radius:0  26px 26px 26px;color: #fff;
  background: -webkit-linear-gradient(#ffa83f, #ef120e); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ffa83f, #ef120e); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ffa83f, #ef120e); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ffa83f, #ef120e); /* 标准的语法 */
}
.btn1:hover{color: #fff446;font-weight: bold;
  background: -webkit-linear-gradient(#ffb741, #ef100e); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ffb741, #ef100e); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ffb741, #ef100e); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ffb741, #ef100e); /* 标准的语法 */
}









.free{width: 100%;height: 120px;}
.fixFoot{width: 100%;height: 120px;background: linear-gradient(to bottom,#fe6b00,#ef0d0e);position: fixed;left: 0;bottom: 0;z-index: 999;}
.fixFoot .inner{position: relative;}
.fixFoot .inner .innerWrap{width: 772px;display: flex;margin-left: 358px;justify-content: space-between;} 
.fixFoot .off{top: 10px;cursor: pointer;position: absolute;right: 0;top: 10px} 
.fixFoot .left{position: absolute;left: 0;top: 10px;width: 308px;}
.fixFoot .left h3{font-size:32px;color: #fff;line-height: 40px;background: url(../image/arrow33.png) right 29px no-repeat;}
.fixFoot .left h3 i{display: block;line-height: 60px;width: 176px;text-align: left;color: #fce512;}
.fixFoot .left h3 span{display: block;width: 155px;height: 36px;line-height: 36px;color: #ff6d0c;background: #fff;border-radius: 18px;text-align: center;font-size: 20px;}
.fixFoot .mid {width: 270px;margin-top: 20px;}
.fixFoot .midSpe{width: 230px;}
.fixFoot .mid li{line-height: 30px;font-size: 18px;color: #fff;display: flex;margin-bottom: 16px;
border-bottom: 1px dashed #fff;
}

.fixFoot .mid li strong{color: #ff6d0c;width: 60px;height: 32px;background: #fff;text-align: center;margin-right: 10px;border-radius: 5px 5px 0 0;margin-bottom: -1px;}
.fixFoot .mid .txt{font-size: 16px;color: #fff;line-height: 33px;margin-left: 10px;}
.fixFoot .codeBox{text-align: center;width: 210px;height: 103px;margin-top: -16px;position: relative;}
.fixFoot .codeBox img{border:1px solid #ff6c00;width: 100px;height: 100px;padding: 4px;background: #fff;}
.fixFoot .codeBox p{font-size: 16px;color: #fff;margin-top: 6px;}

.fixFoot .codeBox::before{content: "";width: 12px;height: 16px;background: url(../image/fix_sj12.png) center no-repeat;position: absolute;left: 43px;top: 0;}
.fixFoot .codeBox::after{content: "";width: 12px;height: 16px;background: url(../image/fix_sj22.png) center no-repeat;position: absolute;right: 43px;top: 0;}