/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none;}
ul li{list-style:none;}
img{outline:none; border:none;}
input,select{outline:none;}
area{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
b,i,em{font-style:normal;}
body{font-family:"微软雅黑"; font-size:12px; }
.clearfix{clear: both;}
.clearfix:after{content: ''; clear: both; display: block; visibility: hidden; height: 0;}

.fl{ float:left;}
.fr{ float:right;}

.banner_zx{ width:100%; overflow:hidden; text-align:center;}
.banner_zx a{ -webkit-transition:all 0.4s linear; display:inline-block; width:275px; height:55px; line-height:56px; text-align:left; font-size:26px; color:#FFF; background:url(../images/zx_bg.png) center top no-repeat; text-indent:93px; font-weight:bold; letter-spacing:2px; margin-right:70px;}
.banner_zx a.phone{ margin:0px;  letter-spacing:0px; width:301px;  background:url(../images/dh_bg.png) no-repeat;}
.banner_zx a:hover{ -webkit-transform:translateX(10px);}

.bkgl{ width:1200px; margin:0 auto; text-align:center; overflow: hidden; padding:20px 0 0 308px; box-sizing:border-box;}
.bkgl a{ -webkit-transition:all 0.4s linear; float:left; width:178px; height:65px; line-height:64px; text-align:center; color:#09ada5; margin-right:8px; font-size:24px; text-shadow:#FFF 0 4px 2px;}
.bkgl a:hover{ text-shadow:#09ada5 0 0 4px;}

.same_tit{ width:100%; text-align:center; }
.same_tit h2{ color:#005752; font-weight:bold; text-align:center; letter-spacing:12px; font-size:48px; line-height:52px; margin-bottom:8px; text-shadow:#FFF 0 0px 10px;  text-stroke: 1px #fffdf4; -webkit-text-stroke: 1px #fffdf4;}
.same_tit p{ color:#000; font-size:36px; line-height:40px; letter-spacing:2px;  text-stroke: 3px #fffdf4; -webkit-text-stroke: 3px #fffdf4; position:relative;}

[data-content]::before {
  /* attr()是用来获取被选中元素的某属性值,并且在样式文件中使用 */
  content: attr(data-content);
  position: absolute;
  /* 实现元素外描边的关键 */
  -webkit-text-stroke: 0;
  /* 文本颜色 */
  color: #000;

}
.tsdx{ width:1200px; margin:0 auto; overflow:hidden; padding-left:70px; box-sizing:border-box;}
.tsdx dl{ float:left; width:250px; margin-right:20px; overflow:hidden;}
.tsdx dl dt{ text-align:center; color:#000000; font-size:18px; line-height:24px;}
.tsdx dl dd a{ -webkit-transition:all 0.4s linear; display:block; width:179px; height:36px; margin:18px auto 0; line-height:36px; color:#FFF; text-align:center; font-size:18px; background:url(../images/a_bg.jpg) left center repeat-x; border-radius:18px;}
.tsdx dl dd a:hover{ -webkit-transform:translatex(-10px);}

.same_tit2 h2{ color:#75e7df; text-shadow:none; -webkit-text-stroke:0;text-stroke:0; letter-spacing:13px; }
.same_tit2 p{color:#FFF; -webkit-text-stroke:0;text-stroke:0;}

.five{ width:1000px; margin:0 auto; overflow:hidden; padding-left:30px; box-sizing:border-box; position:relative;}
.five ul{ float:left; width:248px; overflow:hidden;}
.five ul li{ width:100%; height:73px; line-height:72px; color:#FFF; text-align:center; font-size:30px; font-weight:bold; margin-bottom:22px; }
.five ul.r2{ float:right; margin-right:36px;}
.five h3{ color:#FFF; font-weight:bold; font-size:40px; text-align: center; line-height:52px; position:absolute; left:447px; top:80px;}

.zx_btn{ width:100%; text-align:center; overflow:hidden; padding-bottom:10px;}
.zx_btn a{ -webkit-transition:all 0.4s linear; display:inline-block; width:223px; height:59px; margin-right:86px; line-height:60px; text-align:center;  background:url(../images/zx_btn.png) center top no-repeat; text-indent:90px; color:#000; font-size:24px; text-align:left; font-weight:bold; text-stroke: 3px #fffdf4; -webkit-text-stroke: 3px #fffdf4; position:relative;}
[data-content]::before {
  /* attr()是用来获取被选中元素的某属性值,并且在样式文件中使用 */
  content: attr(data-content);
  position: absolute;
  /* 实现元素外描边的关键 */
  -webkit-text-stroke: 0;
  /* 文本颜色 */
  color: #000;
  text-indent:0px;

}
.zx_btn a.phone{ background:url(../images/phone_btn.png) center top no-repeat; width:300px;}
.zx_btn a:hover{ -webkit-transform:translateX(10px);}
.course{ width:1100px; margin:0 auto; overflow:hidden; margin-bottom:60px;}
#course_ct{ width:100%; overflow:hidden; text-align:center;}
#course_ct span{ -webkit-transition:all 0.4s linear; cursor:pointer; display:inline-block; width:363px; height:169px; overflow:hidden; line-height:136px; text-align:center; color:#75e7df; font-size:30px; font-weight:bold; background:url(../images/span.png) center top no-repeat; margin-right:30px;}
#course_ct span.se{ background:url(../images/span_bg.png) center top no-repeat; color:#005752;}

#course_content{ width:100%; overflow:hidden;}
#course_content .ever{ display:none;}
#course_content .active{ display:block;}
#course_content div table{ width:100%; table-layout:fixed; text-align:center;}
#course_content div table tr th{ color:#FFF; height:55px; background:#005752; font-size:16px;}
#course_content div table tr td{ height:60px; color:#3a3a3a; font-size:16px;  background:#eafaf9; font-weight:bold;}
#course_content div table tr td a{ display:block; width:108px; height:32px; line-height:32px; text-align:center; color:#FFF; font-weight:bold; background:url(../images/a_bg.jpg) left center repeat-x; background-size:100% 100%; border-radius:16px; margin:0 auto 14px;}
#course_content div table tr td i{ display:block; color:#005752; font-size:14px; line-height:16px; font-weight:bold;}
#course_content div#fs ul li{ float:left; width:538px; height:278px; border:1px solid #75e7df; padding:26px; box-sizing:border-box; border-radius:20px;}
#course_content div#fs table tr td a{ display:inline-block; }
#course_content div#fs table tr td i{ display:inline-block; }

.plan{ width:1200px; margin:0 auto; overflow:hidden; padding-left:8px;}
.plan dl{ float:left; width:470px; height:120px; overflow:hidden; margin:0 22px 30px 0; padding-left:110px; position:relative;}
.plan dl dt{ color:#005752; font-size:24px; font-weight:bold; line-height:60px; text-indent:27px;}
.plan dl dd p{ color:#252525; font-size:16px; line-height:40px;}
.plan dl dd span{ position:absolute; color:#000000; font-size:18px; line-height:40px; text-align:center; width:260px; right:0px; top:0px;}
.plan dl dd span i{ font-weight:bold;}

.fb-box{ width:1200px; padding-top: 114px; min-height: 800px; margin:0 auto;  background: url(../images/ystf_16.jpg) left top no-repeat;}
.fb{
  float: left;
  width: 380px;
  padding:4px 26px 0 40px;
  box-sizing: border-box;
  overflow: hidden;
}
.fb .line{
  position: absolute;
  width: 75.3%;
  left:50%;
  margin-left: -37%;
  height: 1px;
  bottom: 16px;
}
.fb .line span{
  background-color:#FFF;
  float: left;
  width: 29.6%;
  height: 1px;
}
.fb .line span:nth-child(2){
  float:right;
}
.swiper {
  width: 100%;
  padding-bottom: 62px;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
}
.fb-course{
  float: left;
  width: 820px;
  padding-bottom: 60px;
}
.fb-course table{
  width: 100%;
  text-align: center;
  table-layout: fixed;
  border-radius: 8px;
  overflow: hidden;
  background: #FFF;
  box-shadow: #50bbc2 0 8px 16px;
}
.fb-course table tr th{
  height: 60px;
  background-color: #544327;
  color:#FFF;
  font-size: 18px;
}
.fb-course table tr td{
  height: 47px;
  border-bottom: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  color:#544327;
  font-size: 16px;
}
.fb-course table tr td:nth-child(1){
  font-weight: bold;
}
.fb-course table tr td:nth-child(2){
  line-height: 50px;
  color: #005752;
}
.fb-course table tr td:nth-child(2) i{
  display: block;
  font-weight: bold;
}
.online{ width:776px; margin:0 auto; overflow:hidden; padding:0 0 0 424px;}
.online dl{ float:left; width:199px; height:124px; overflow:hidden; padding-left:126px;}
.online dl dt{ line-height:48px; text-align:left; color:#000000; font-size:24px; font-weight:bold; text-shadow:#fffdf4 0 0 3px; }
.online dl dd{ color:#e60012; font-size:24px; line-height:48px; text-align:left; font-weight:bold;}


.same_tit3 p{ color:#FFF!important; -webkit-text-stroke:0px;}

.bmhot{ width:1198px; margin:0 auto; overflow:hidden; padding-left:2px;}
.bmhot dl{ float:left; width:230px; margin-right:10px; overflow:hidden;}
.bmhot dl dt{ text-align:center; line-height:70px; color:#000000; font-size:30px; font-weight:bold;}
.bmhot dl dd a{ -webkit-transition:all 0.4s linear; display:block; width:134px; height:40px; line-height:40px; text-align:center; color:#FFF; font-size:18px; text-indent:36px; background:url(../images/a_bg2.png) no-repeat; margin:0 auto;}
.bmhot dl dd a:hover{ -webkit-transform:translateY(-6px);}

.pp{ width:1154px; margin:0 auto; overflow:hidden; padding:80px 0 0 46px;}
.pp dl{ float:left; width:191px; margin-right:20px; overflow:hidden;}
.pp dl dt{ text-align:center; color:#e60012; font-size:28px; line-height:32px; font-weight:bold;}
.pp dl dd{ text-align:center; color:#e60012; font-size:18px; line-height:48px;}

.history{ width:1100px; margin:0 auto; overflow:hidden; padding-left:100px;}
.history dl{ float:left; width:211px; overflow:hidden;}
.history dl dt{ text-align:left; color:#010101; font-size:28px; line-height:32px; font-weight:bold; text-indent:4px;}
.history dl dd{ font-size:16px; line-height:50px;  text-indent:8px;}

.history2{ padding-left:42px; width:1158px; }
.history2 dl dd{ line-height:20px; color:#010101; font-size:16px; text-align:left; padding:14px 0; text-indent:0px;}

.history3{ padding:10px 0 0 180px; width:1020px;}


.ms_box{ width:1200px; overflow:hidden; margin:0 auto; }
.ms_ct{ width:100%; overflow:hidden; height:400px; margin-bottom:10px; }
.ms_ct div img{ display:block;}
.ms_ct .ever{ display:none;}
.ms_ct .active{ display:block;}

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

.same_tit4 h2{ margin-bottom:96px;}

.box{width:1000px;height:640px;overflow:hidden;position:relative; margin:0 auto; }

.focus{width:840px;height:637px;overflow:hidden;position:relative; margin:0 auto;}
.focus ul{height:637px;position:absolute; overflow:hidden;}
.focus ul li{float:left;width:840px;height:637px;overflow:hidden;position:relative;}
.focus ul li div{position:absolute;overflow:hidden;}

.focus .btn{width:100%;height:84px; text-align:center; }
.focus .btn span{ float:left;_display:inline;_zoom:1;width:160px;height:47px; line-height:48px; color:#000000; font-size:24px;_font-size:0;margin-right:10px;cursor:pointer;background:#d1c0a5;border-radius:24px;}
.focus .btn span:nth-last-child(1){ margin-right:0px;}
.focus .btn span.on{background:url(../images/a_bg.jpg) repeat-x; background-size:100% 100%;}
.box .preNext{width:30px;height:54px;position:absolute;top:227px; cursor:pointer;}
.box .pre{left:8px;}
.box .next{right:8px;background-position:right top;}
#num{ width:100%; text-align:center; position:absolute; bottom:20px;z-index:12;  display:none;}
#num span,#num font{ display:inline-block; height:40px; line-height:40px; font-size:16px; color:#000; }

.same_tit5 h2{
  color: #FFF;
  -webkit-text-stroke:0px;
  text-shadow: none;
}
.nine {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  padding-left: 807px;
  box-sizing: border-box;
  padding-top: 2px;

}

.nine p {
  width: 100%;
  text-align: left;
  height: 144px;
  padding-top: 30px;
  line-height: 30px;
  font-size: 18px;
  margin-bottom: 20px;
  box-sizing: border-box;
}

.nine p:nth-child(2) {
  height: 179px;
}