@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 1rem;
}
/* 去除iPhone中默认的input样式  清除苹果浏览器的圆角表单*/
input[type="submit"],  input[type="reset"],  input[type="button"],  input {
	-webkit-appearance: none;
	resize: none;
}
/* 取消链接高亮  */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-weight: normal;
}
/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* 图片自适应 */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	-ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
}
/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	padding: 0;
	border: none;
	font-size:0.24rem;
}
body {
	font-family: Microsoft YaHei;
	color: #555;
	background: #FFF;
	position: relative;
	min-height: 100%;
}
em, i {
	font-style: normal;
}
strong {
	font-weight: normal;
}
.clearfix:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
.clearfix {
	zoom: 1;
}
a {
	text-decoration: none;
	color: #969696;
    font-family: Microsoft YaHei, Tahoma, Arial, sans-serif;
}
a:hover {
	text-decoration: none;
}
ul, ol {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-family: Microsoft YaHei;
}
img {
	border: none;
}
.left{ float: left;}
.right{ float: right;}
*{margin: 0 auto;padding: 0;font-family: "微软雅黑";}
ul{list-style-type: none;}
a{text-decoration: none; cursor: pointer;}
img{border: 0;}

.only_pc{ display: block !important;}
.only_wap{ display: none !important;}

.wrap{ width: 1000px; margin: 0 auto;}
.public_title{ width: 100%; font-size: 36px; height: 100px; line-height: 100px; text-align: left; color: #222; letter-spacing:1px; padding-top: 20px;}
.public_title b{color: #72c9ff;}

/* banner */
.banner{ width: 100%; height: 600px; background:url(../images/banner.jpg) top center no-repeat;}
.banner .wrap{ padding: 20px; box-sizing: border-box;}
.banner .wrap .logo{ width: 100%; margin-top: 20px;}
.banner .wrap .logo img{ width: 140px; height: auto;}
.banner .wrap .title{ width: 100%; margin-top: 80px; overflow: hidden;}
.banner .wrap .title .t01{font-size: 60px; color: #1976b7; font-weight: bolder; line-height: 60px; letter-spacing:5px; font-style: italic;}
.banner .wrap .title .t02{font-size: 26px; color: #fff; line-height: 40px; margin-top: 20px;}
.banner .wrap .btn{ display: block; position: relative; margin:80px 0 0 0; width: 260px; height: 60px; line-height: 60px; text-align: center; color: white; font-size: 30px; font-weight: bolder; background-image: linear-gradient(90deg,#e7758f, #edad8f); border-radius: 30px; letter-spacing:1px;}

.btn_wrap{ width: 1000px; height: 80px; margin: 20px auto; position:relative; display:flex; justify-content: center;}
.btn_wrap .btn{ height: 50px; text-align: center; font-size: 24px; display: block; border-radius: 30px; box-sizing: border-box; font-weight: bolder;}
.btn_wrap .btn01{ width: 220px; color: #fff; background-image: linear-gradient(90deg,#326fff, #4ba2e3);  line-height: 50px; letter-spacing:2px;}
.btn_wrap .btn02{ width: 300px; color: #326fff; border: 2px solid #326fff; line-height: 46px; background: url(../images/phone_ico.png) left center no-repeat;}

.ms_box{ width:1000px; overflow:hidden; margin:0 auto; border-radius: 20px; border:2px solid #326fff;}
.ms_ct{ width:100%; overflow:hidden; height:339px; margin-bottom:20px;}
.ms_ct div img{ display:block;}
.ms_ct .ever{ display:none;}
.ms_ct .active{ display:block;}

.b_ms{ width:100%; padding-left:30px; box-sizing:border-box; height: 50px; margin-bottom: 20px;}
.b_ms span{ float:left; width:242px; overflow:hidden; cursor:pointer; height:50px; line-height:50px; position:relative;}
.b_ms span i{ display:inline-block; width:36px; text-align:left; color:#161d26; font-size:20px; font-weight:normal; line-height:46px; font-family:impact;}
.b_ms span b{ font-weight:bold; font-size:20px; line-height:50px; display:inline-block; margin-right:26px; color:#161d26;}
.b_ms span em{ display:inline-block; color:#161d26; font-size:18px; line-height:50px;}
.b_ms span:before{ position:absolute; content:''; width:23px; height:4px; left:0px; bottom:0px; background:#79a7db; -webkit-transition:all 0.4s linear;}
.b_ms span:hover:before{ width:220px; background:#79a7db;}

.b_ms_course{ width:1000px; margin:0 auto; overflow:hidden;}
.b_ms_course span{ cursor:pointer; float:left; width:133px; height:133px; overflow:hidden; margin:16px 33px;  border-radius:50%; background:#79a7db; color:#FFF; font-weight:bold; text-align:center; line-height:134px; font-size:24px;}
.b_ms_course span.se{ background:url(../images/span_bg.png) no-repeat; background-size:100% 100%; color:#79a7db; box-shadow:#cce9f8 0 4px 16px;}

.intro{ width:1000px; margin:0 auto; overflow:hidden; margin-bottom:16px;}
.intro p{ float:left; width:200px; text-align:center; color:#161d26; font-size:16px; line-height:26px;}


.course_ct{ width:1000px; margin:0 auto; overflow:hidden; position:relative; height:620px;}
.course_ct table{ width:1000px; margin:0 auto; overflow:hidden; border-top-left-radius:6px; border-top-right-radius:6px;}
.course_ct table tr th{ height:62px; color:#FFF; background:#79a7db; font-size:20px;}
.course_ct table tr td{ color:#161d26; font-size:16px; line-height:26px; text-align:left; padding:20px 10px; background:#FFF; border-bottom:1px solid #bee8f2;}
.course_ct table tr td:nth-child(1){ text-align:center; padding:0 20px; font-size:20px; font-weight:bold;}
.course_ct table tr td i{ color:#ff5c24; font-size:24px; font-weight:bold;}
.course_ct table tr:nth-last-child(1) td{ border-bottom:0px; line-height:40px;}
.course_ct table tr td:nth-last-child(1) i{ font-size:36px; }
.course_ct .ever{ width:1000px; position:absolute; left:1000px; top:30px; height:620px; overflow:hidden;}
.course_ct .active{ width:1000px; position:absolute; left:0px; top:30px; height:620px; overflow:hidden;}
.course_ct table.num5 tr td{ padding:36px 10px; border-right:1px solid #bee8f2;}
.course_ct table.num5 tr:nth-child(2) td:nth-last-child(1){ border:0px;}
.course_ct table.tb_slide tr td{ padding:10px;}
.swiper-container {
  width: 100%;
  padding-bottom:50px;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;

  /* 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;
}
.swiper-container .line{ position:absolute; width:1020px; left:50%; margin-left:-510px; bottom:21px;}
.swiper-container .line span{ float:left; width:472px; background:#8a8174; height:1px;}
.swiper-container .line span:nth-child(2){ float:right; width:472px; background:#8a8174; height:1px;}

.tgb{ width: 100%; background: #dfe6f9; padding: 30px 0;}


/* 移动适配 */
@media screen and ( max-width: 1000px ) {

	.only_pc{ display: none !important;}
	.only_wap{ display: block !important;}
	.wrap{ width: 100%; margin: 0 auto;}
	.public_title{ text-align: center; font-size: 0.4rem; padding: 0; height: 60px; line-height: 60px;}
	.banner_btn{ width: 100%;}

	.btn_wrap{ width: 100%; height: 60px; margin: 10px auto; }
    .btn_wrap .btn{ height: 40px; font-size: 0.3rem; border-radius: 30px;}
    .btn_wrap .btn01{ width: 40%; line-height: 40px; letter-spacing:2px;}
    .btn_wrap .btn02{ width: 50%; line-height: 36px; background-size: 30px 30px;}



	#course2{ width:92%; margin:0 auto; overflow:hidden; padding:0.3rem 0;}
#course2 span{ position:relative; float:left; width:1.2rem; height:1.2rem; background:#bbe7f3; color:#FFF; margin-right:1.6%;border-radius:50%; border:1px solid #bbe7f3; line-height:1.2rem; text-align:center; font-size:0.26rem;}
#course2 span.se{ color:#79a7db; font-weight:bold;  box-shadow:#d0ecf6 0 0 10px; background:#FFF; }


#course_ct2{ position:relative; width:92%;margin:0 auto; height:10.6rem; overflow:hidden; padding-bottom:0.3rem; background:#FFF; border:2px solid #74a3dd;  border-radius:4px; }
#course_ct2 .ever{ position:absolute; left:0px; top:0px; z-index:1; opacity:0;  width:100%; overflow:hidden; padding-top:0.4rem;}
#course_ct2 .active{ position:absolute; left:0px; top:0px; z-index:2; opacity:1;  width:100%; padding-top:0.4rem;}
#course_ct2 div dl{ width:93.76%; margin:0 auto; overflow:hidden; padding:0 0.36rem; box-sizing:border-box;  overflow:hidden; border-bottom:1px solid #f0f0f0; }
#course_ct2 div dl:nth-last-child(1){ border:0px;}
#course_ct2 div dl dt{ height:1rem; line-height:1rem; font-size:0.3rem; color:#3a3a3a; }
#course_ct2 div dl dt i{ font-weight:bold; color:#79a7db;}
#course_ct2 div dl dd{ width:100%; overflow:hidden;}
#course_ct2 div dl dd p{ width:100%; overflow:hidden; margin-bottom:10px;}
#course_ct2 div dl dd p span{ float:left; width:23%; text-align:left; font-size:0.24rem; line-height:0.36rem; color:#252525;}
#course_ct2 div dl dd p font{ float:right; width:76%;text-align:left; font-size:0.24rem; line-height:0.36rem; color:#252525;}
#course_ct2 div dl dd p font b{ color:#ff4b01; font-weight:normal;}
#course_ct2 div h6{ font-size:0.24rem; line-height:0.36rem; color:#252525; font-weight:normal; width:93.76%; padding:0.6rem 0 0.2rem; box-sizing:border-box; margin:0 auto; box-sizing:border-box;}
.swiper-container {
	  padding-bottom:80px !important;
    }
    .swiper-slide {
	  overflow:hidden;

      /* Center slide text vertically */
      display:block !important;
    }

.swiper-container .line{ position:absolute; width:80%; height:1px; left:9.3%; bottom:10px;}
.swiper-container .line span{ float:left; width:42%; height:1px; background:#9c9c9c;}
.swiper-container .line span:nth-child(2){ float:right;}

.swiper-slide dl dt{ text-align:left;}
.swiper-container .swiper-slide:nth-child(1) dl dt i{ color:#79a7db!important;}
.swiper-container .swiper-slide:nth-child(1) dl dd b{ color:#79a7db!important;}


.c_ms_content{ width:100%; overflow:hidden;}
.c_ms_content .ever{ display:none;}
.c_ms_content .active{ display:block;}
.c_ms_content div img{ width:100%; height:auto;}
.c_ms{ width:100%; text-align:center;}
.c_ms span{ display:inline-block; width:16%; overflow:hidden; margin-right:4%; opacity:0.8; border-radius:50%;}
.c_ms span:nth-last-child(1){ margin-right:0px;}
.c_ms span img{ width:100%; height:auto;}
.c_ms span.se{ opacity:1; box-shadow:#e5f0fa 0 0 10px;}

.tgb{ background:none; padding: 0;}

	p.zx4{width: 100%;height: 55px;position: fixed;bottom: 0;z-index: 15;background-color: #fff; display: block;}
    p.zx4>a.bot_tel{display: block;height: 51px;width: 49.5%;float:left;text-align: center;line-height: 51px;font-size: 16px;color: #ffffff;background-color: #ff771c; margin-top: 4px;}
    p.zx4>a.bot_chat{display: block;height: 51px;width: 49.5%;float:right;text-align: center;line-height: 51px;font-size: 16px;color: #ffffff;background-color: #0065e4; margin-top: 4px;}


}