/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, em, b, i, u, s, dl, dt, dd, ol, ul, li, input, select, textarea, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; outline: 0 none; border: 0 none; -webkit-text-size-adjust: none }
html { _background-image: url(https://sh.xhd.cn/topic/autumn/css/blank.jpg); _background-attachment: fixed; overflow-x: hidden; overflow-y: scroll }
body { font-family: "Microsoft Yahei", \5FAE\8F6F\96C5\9ED1, Arial, simHei, "宋体", Helvetica; font-size: 18px; color: #000 }
article, aside, dialog, figure, footer, header, legend, nav, section, time { display: block }
a { text-decoration: none; }
button { border: 0 }
table{ border-collapse:collapse;}
ul, ol, li { list-style: none }
h1, h2, h3, h4, h5, h6, em, b, i, u { font-style: normal; font-weight: normal; }
img { border: 0; -ms-interpolation-mode: bicubic; }
input, button, ul li { vertical-align: top }
input, button:focus { outline: 0; }
textarea { resize: none }
.fl{ float: left}
.fr{ float: right}
.clearfix { zoom: 1 }
.clearfix:after { visibility: hidden; display: block; clear: both; height: 0; font-size: 0; content: "." }
section { width: 1000px; margin: 0 auto; }
img { -ms-interpolation-mode: bicubic; vertical-align: top; border: 0 }
.clear{ clear: both}


/**************ban****************/
.ban{ width:100%;height: auto; }
.ban img{ max-width: 100%; min-width: 100%; text-align: center;}
.ban-bg{ height:87px; background:url(../image/qjb_01.jpg)no-repeat; background-size: 100% 100%; }
.ban-top{ padding-top: 10px; width: 1200px; margin: 0 auto;}
.ban-logo img { width: 160px; }
.ban-tel { font-size: 28px; color: #fff; background: url(../image/tel-icon.png) no-repeat left center; background-size: 28px 38px; padding-left: 40px; margin-top: 15px; font-weight: bold; }
.ban-con{ width: 617px; height: 585px; margin: -40px auto 0; background: url(https://sh.xhd.cn/topic/autumn/imgs/ban-img.png) no-repeat center center}

/**************项目****************/
.qjb_xm{ width:100%; height:90px; background: #e26118;}
.yh{ width: 1200px; margin: 0 auto;}
.yh li{ float: left; height:90px; width:300px; 
	background-image:-webkit-linear-gradient(0deg,#e26118,#e26118); 
    /*-webkit-background-clip:text; */
    /*-webkit-text-fill-color:transparent; */}
.yh li img{ float: left; margin-top: 10px; margin-left: 60px;}
.yh li div{ float: left; font-size: 22px; line-height: 28px; color: #fff; margin-top: 15px; margin-left: 10px;}
/**************项目****************/
.nei_yuyue1{ overflow: hidden; width: 950px; margin:20px auto 0;}
.nei_yuyue1 input{width:300px;height: 56px;background: #fff;border-radius: 8px;color: #666;font-size: 16px;padding-left: 20px;line-height: 100%; float: left; margin-right: 30px;
}
.nei_yuyue1 button{width:230px;height: 56px;line-height: 56px; background: #fffc03; color: #222222; font-size: 21px; text-align: center; border-radius: 8px;}
/***************************************/
.title{ margin-top: 30px; padding-bottom: 20px;}
.title div{height: 68px; margin: 0 auto;}
.title .t1{width: 517px;}
.title .t2{width: 376px; padding-top: 30px;}
.title .t3{width: 406px;}
.title .t4{width: 406px;}
.title .t5{width: 586px; margin-top: 40px;}
.title .t6{width: 392px; padding-top: 40px; }
.title .t7{width: 467px; }
.title .t8{width: 467px; }
.title .t9{width: 650px; }
.title p{ text-align: center; font-size: 20px; line-height: 32px;}
.kc{ width: 1200px; margin: 0 auto;}
.kc-con ul{ overflow: hidden; }
.kc-con ul li{ float: left; width: 236px; height: 60px; line-height: 60px; background: #f66f84; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 24px; color: #fff; text-align: center; margin-right: 5px; cursor: pointer}
#kc-color1{ background: #e26118}
#kc-color2{ background: #e26118}
#kc-color3{ background: #e26118}
#kc-color4{ background: #e26118;}
#kc-color5{ background: #e26118; margin-right: 0px;}
.kc-con ul li:hover{ opacity:0.8; color: #020202 }
#nomar{ margin-right: 0px;}
.kc-con ul .cur{opacity:0.8; color: #020202}
.w1{width: 170px}
.w2{width: 180px}
.w22{width: 335px}
.w222{width: 365px}
.w3{width: auto;}
.w33{width: 620px;}
.w4{width: 300px;}
.w5{width: 200px}
table tr th{
	font-size: 20px;
	color: #333;
	font-weight: normal;
	text-align: center;
	height:50px;
	line-height:50px;
	border:1px solid #c0bfbf
}
table tr td{
	font-size: 16px;
	color: #333;
	text-align: center;
	line-height:24px;
	padding:18px 10px;
	border-left:1px solid #c0bfbf;
	border-right:1px solid #c0bfbf
} 
.border-bot{ border-bottom:1px solid #c0bfbf}
.tab-btn{ display:block; width:148px; height:42px; line-height:42px; border-radius:25px; text-align:center; font-size:18px; color:#e52a47;border:2px solid #e26118; margin:0 auto;}
.tab-btn:hover{ background:#e52a47; color:#fff}
.tab-color{ background:#ededed}
.qjb_xs{ width: 1200px; margin: 0 auto;}

/*********其他课程*************/
.mk li{ width: 293px; padding: 25px 2px 30px 2px; margin-top: 20px; text-align: center; }
.mk .mk_01{ background-image:-webkit-linear-gradient(0deg,#ffa159,#ff9063); margin-right: 3px; }
.mk .mk_02{ background-image:-webkit-linear-gradient(0deg,#8fd889,#73cd8d); margin-right: 3px;}
.mk .mk_03{ background-image:-webkit-linear-gradient(0deg,#fba49a,#f78e9d); margin-right: 3px;}
.mk .mk_04{ background-image:-webkit-linear-gradient(0deg,#78d2c8,#62c9c8); margin-right: 0px;}
.mk .mk_01 p{ background: #e05925;}
.mk .mk_02 p{ background: #53b16e;}
.mk .mk_03 p{ background: #f06d7b;}
.mk .mk_04 p{ background: #38c0be;}
.mk li h2{ font-size: 32px; font-weight: bold; color:#fff; }
.mk li p{ width: 60%; margin: 0 auto; margin-top:5px; height: 36px; line-height: 36px; text-align: center; background: #fd7541; color: #fff;font-size: 18px; border-radius: 35px;}
.mk li .mk-time{width: 48%; float: left; height: 36px; line-height: 36px; text-align: center; color: #fff;font-size: 18px; border-radius: 35px;margin: 0 2px; margin-top: 5px;}
/***************************/
.ls{ width:100%; height:auto;background:url(../image/qjb_bg_01.jpg) no-repeat center center; margin-top: 35px; padding-bottom:50px;}
.ls .pinp{ width: 1160px; margin: 0 auto; background: #fdefe7; padding: 20px; font-size: 20px; border-radius: 5px;}
.ls-con{ width: 1200px; margin: 0 auto; padding-top: 30px;}
.ls-con .swiper-container { width: 1200px;  height: 600px; margin: 0 auto;}
.ls-con .swiper-slide { background-size: cover; background-position: center;}
.ls-con .gallery-top {height: 370px; width: 1200px; margin-top: 20px; }
.ls-con .gallery-thumbs { height: 188px;  box-sizing: border-box; padding: 10px 0; }
.ls-con .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.9;}
.ls-con .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;border: 2px #fff solid;}
.ls-box{ overflow: hidden; width: 1070px; margin: 0 auto;}
.ls-box-r{ width: 740px; height: 365px; }
.ls-box-r h5{ font-size: 30px; text-align: left; color: #000000; font-weight: bold; }
.ls-box-r h5 span{ font-size: 20px; margin-left: 5px;}
.ls-box-r div{ width: 365px; height: 43px;line-height: 43px; text-align: center; background:#e28018; font-size: 18px; color: #000; margin-top: 18px; border-top-right-radius:50px  }
.ls-box-r div b{ font-weight: bold;}
.ls-box-r p{ width: 740px; height: 152px; font-size: 17px; color: #000000; line-height: 25px; text-align: left; margin-top: 20px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;}
.ls-box-r a{ width: 300px; height: 56px; line-height: 56px; text-align: center;  color: #fff; font-size: 24px; display: inline-block; background: #ff9702;margin-top: 23px; border-radius: 5px}

/********注册表单**********/
.yh-bg{ width: 100%; height: 131px; background: #e26118; }
.yh-form{ width: 1200px; margin: 0 auto;height: 131px; }
.yh-form img{ float: left; font-size: 30px; color: #000;}
.yh-bd{ width:950px; margin: 0 auto; overflow: hidden}
.yh-bd input {margin-top: 35px;  width: 200px;  height: 54px;  line-height: 54px;  padding-left: 15px; float: left; margin-right: 10px; border:1px solid #d8d6d6; border-radius: 5px; }
.yh-bd button { display: inline-block; margin-top: 35px;  width: 200px;  height: 54px;  line-height:54px;  background: #f3c828; font-size: 20px;  text-align: center; color: #000; border-radius: 3px; float: left; border: 1px solid #fff701; margin-left: 20px; cursor: pointer;}
.yh-bd select{margin-top: 35px;  width: 200px;  height: 58px;  line-height: 58px;  padding-left: 15px; float: left; margin-right: 10px; border:1px solid #d8d6d6; border-radius: 5px;
}
/************图书***********/
.book {width: 1200px;height: 600px;margin: 0 auto;}
#tab1 {width: 1200px;}
#tab1 .tab_menu1 {width: 100px;float:left;right: 1px; margin-top: 50px;}
#tab1 .tab_menu1 li, .lic {width: 100px;height: 34px;background: #e26118;text-align: center;font-size: 16px;line-height: 34px;color: #fff;font-family: '微软雅黑';margin-bottom: 8px;cursor: pointer;}
#tab1 .tab_menu1 .selected1 {width: 100px;height: 34px;background: #ffd100; color: #000;}
#tab1 .tab_box1 {width: 1090px;float: left;border-left: 1px solid #e3212c;}
.hide1 {display: none;}
#tab8 {width: 1000px;border-top: 1px solid #e3212c;border-left: 1px solid #e3212c;margin: 44px auto auto 10px;position: relative;}
#tab8 .tab_menu8 {width: 1090px;height: 35px;margin-left: 10px;position: absolute;z-index: 3;top: -18px;}
.tab_menu8 li {width: 160px;height: 38px;text-align: center;line-height: 38px;cursor: pointer;background: #e26118;margin-left: 10px;font-size: 16px;float: left;color: #fff;}
.tab_box8 {margin-top: 57px;}
#tab8 .tab_menu8 .selected8 {width: 160px;height: 55px; color: #000; background: url(../image/bj8.png) no-repeat;}
.hide8 {display: none;}
.tuleft {float: left;margin-left: 26px;}
.tujieshao {float: left; margin-left: 40px;width: 500px;height: 286px;}
.tujieshao img {margin: 0 auto;}
.tujieshao h1 {font-size: 24px;margin:20px 20px 10px 0;line-height: 28px;}
.tujieshao h1 a {color: #000;}
.tujieshao h1 a:hover {text-decoration: none;color: #fe0000;}
.tujieshao p {font-size: 16px;line-height: 32px;text-indent: 41px;}
.tujieshao p b {font-weight: bold;}
.tujieshao .leyu {display: block;width: 280px;background:#ffd100;text-align: center;font-size: 20px;line-height: 36px;padding: 10px 30px;color: #000;margin-top: 20px;}
/*****荣誉*****/
.ry{ width: 100%; height: 496px; background: url(../image/ry-bac.jpg) no-repeat center center; padding-top:40px}
.ry-con{ width: 1200px; margin: 0 auto;}
.ry-tab{ width: 900px; margin: 0 auto; margin-bottom: 30px;}
.ry-tab li{ display: inline-block; width: 290px; border:1px solid #ff7a1b;  height: 56px; line-height: 56px; font-size: 20px; text-align: center; background: #ff7a1b;color: #fff; border-radius: 3px; cursor: pointer;}
.ry-tab .ry-cur{ background: #ff7a1b;}
.ry .swiper-slide{ width: 280px; margin-right: 10px; }
.ry-box img{  border-radius: 3px;}

/*****鲸小爱*****/
.qjb_jxa{width: 1160px; margin: 0 auto; background: #e26118; padding: 20px; font-size: 20px; color: #fff; border-radius: 5px;}
.qjb_jxa img{ float: left; margin-top: -25px;}
.wrapper {  margin: 0 auto; padding-top: 0px; width: 1200px; margin-bottom: 40px;}
.course_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}

.course_list {
  width: 265px;
  height: 227px;
  text-align: center;
  -webkit-box-shadow: -1px 1px 5px 0px rgba(147, 147, 147, 0.51);
          box-shadow: -1px 1px 5px 0px rgba(147, 147, 147, 0.51);
  border-radius: 15px;
}

.course_list_title {
  padding: 18px 0 12px;
  font-size: 22px;
  line-height: 20px;
}

.course_list_des {
  font-size: 16px;
  line-height: 24px;
  color: #656363;
}

.course_list_des .text_indent {
  margin-right: -6px;
}

.course_list_btn {
  display: block;
  margin: 31px auto 0;
  width: 230px;
  height: 39px;
  font-size: 18px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  border-radius: 18px;
  cursor: pointer;
}

.course_list:first-child {
  background: url(../image/08_02.png) center no-repeat;
}

.course_list:first-child .course_list_title {
  color: #eb6849;
}

.course_list:first-child .course_list_btn {
  background-color: #f44336;
}

.course_list:nth-child(2) {
  background: url(../image/08_03.png) center no-repeat;
}

.course_list:nth-child(2) .course_list_title {
  color: #7a9cd9;
}

.course_list:nth-child(2) .course_list_btn {
  background-color: #f44336;
}

.course_list:nth-child(3) {
  background: url(../image/08_04.png) center no-repeat;
}

.course_list:nth-child(3) .course_list_title {
  color: #eb6849;
}

.course_list:nth-child(3) .course_list_btn {
  background-color: #f44336;
}

.course_list:last-child {
  background: url(../image/08_05.png) center no-repeat;
}

.course_list:last-child .course_list_title {
  color: #c553fb;
}

.course_list:last-child .course_list_btn {
  background-color: #f44336;
}

/*****校区*****/
.xq{ width: 100%; height: auto; background:#f5f5f5 }
.xq-con{ width: 1200px; margin: 0  auto;}
.xq-con .title{ margin-bottom: 40px;}
.xq-tabcon{ width: 1050px; border-top: 1px solid #ff9702; border-right: 1px solid #ff9702; padding: 35px 0}
.xq-detail{ margin-left: 30px; width: 600px;}
.xq-detail div{ height: 134px;}
.xq-detail h4{ font-size: 24px; color: #0c0c0c; margin-top: 15px;}
.xq-detail p{ font-size: 16px; color: #000; margin-top: 5px; line-height: 24px;}
.xq-detail a{ display: block;
    width: 280px;
    height: 52px;
    line-height: 52px;
    font-size: 21px;
    text-align: center;
    background: #ff9702;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;}
.xq-tp{ margin-top: 35px;}
.xq-tp li img{ float: left; margin-right: 6px;}
.xq-tab li{ display: block; background: #e26118; width: 140px; height: 45px; line-height: 45px; color: #fff; text-align: center; border-radius: 5px; margin-top: 15px; font-size: 18px; cursor: pointer}
.xq-tab .xq-cur{ background: #e26118}


.wd-btn{ width: 770px; margin: 35px auto 65px; overflow: hidden}
.wd-btn li a{ display: inline-block; width: 360px; height: 66px; line-height: 66px; text-align: center;  border-radius: 35px; font-size: 24px; }
.wd-btn1{background: #ff4055; color: #fff}
.wd-btn2{background: #ffcd21; color: #333}
.qjb-btn{width: 360px; margin: 0 auto; margin-bottom: 40px; }
.qjb-btn a{display: inline-block;background: #ffcd21; width: 360px; color: #333; height: 66px; line-height: 66px; text-align: center;  border-radius: 35px; font-size: 24px; }