@charset "utf-8";
/* 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(../images/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}

.title{ margin-top: 30px; padding-bottom: 20px;}
.title div{height: 68px; margin: 0 auto;}
.title h3{ text-align: center; font-size: 48px; line-height: 54px;
	background-image:-webkit-linear-gradient(90deg, #0465f1,#17a3f6,#17a3f6);
	-webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
	font-weight: bold;}
.title h4{ text-align: center; font-size: 48px; line-height: 54px;
	font-weight: bold; color: #fff;}
.title p{ text-align: center; font-size: 20px; line-height: 32px; color: #666;}
.title img{ display: block; width:215px; margin: 10px auto;}
/**************ban****************/
.ban{ width:100%; height: 530px; background: url(../images/ban-bac1.jpg) no-repeat center center;}
.ban-top{ padding-top: 30px; width: 1200px; margin: 0 auto;}
.ban-logo img { width: 160px; }
.ban-tel { font-size: 28px; color: #fff; background: url(../images/tel-icon.png) no-repeat left center; background-size: 28px 38px; padding-left: 40px; margin-top: 15px; font-weight: bold; }
.ban-img{ width:750px; margin:0 auto;}

/**************项目****************/
.sjb_xm{ width:100%; height:100px; background: url(../images/sxm_bg.png) repeat-x; margin-top: -20px;}
.yh{ width: 1200px; height: 100px; margin:0 auto; background: #ffd200; border-radius: 8px;}
.yh li{ float: left; height:60px; width:299px; border-right: 1px dashed #000; margin-top: 18px;}
.yh li:last-child{ border-right:none;}
.yh li img{ float: left; margin-left: 60px;}
.yh li div{ float: left; font-size: 22px; line-height: 32px; color: #000; margin-left: 10px;}

/******************课程*********************/
.tb h3{ text-align: center; font-size: 48px; line-height: 48px; color:#fff; font-weight: bold;}
.tb h3 span{ color:#f4ed05; font-weight: bold;}
.kc{ width: 1200px; margin: 0 auto;}
.kc-con ul{ overflow: hidden; margin-bottom:10px;}
.kc-con ul li{ float: left; width: 236px; height: 48px; line-height: 48px; border-radius:25px; font-size: 24px; color: #fff; text-align: center; margin-right: 5px; background: #4394ef; cursor: pointer}
.kc-con ul li:last-child{margin-right:0px;}
.kc-con ul .cur{ background:#ffd200;  color: #000; }
.kc-con ul li:hover{ background:#ffd200;  color: #000 }
#nomar{ margin-right: 0px;}
.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:10px 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 #e52a47; margin:0 auto;}
.tab-btn:hover{ background:#e52a47; color:#fff}
.tab-color{ background:#ededed}
.qjb_xs{ width: 1200px; margin: 0 auto;}

/*********其他课程*************/
.mk li{ width: 298px; padding:0 0 30px 0; margin-top: 20px; text-align: center; border-left:1px solid #ddd; border-right:none;  border-bottom:1px solid #ddd;  }
.mk .mk_04{border-right:1px solid #ddd;}
.mk .mk_01 h2{  background:url(../images/xm_bg.png) no-repeat;}
.mk .mk_02 h2{ background:url(../images/xm_bg.png) no-repeat 0 -70px;}
.mk .mk_03 h2{ background:url(../images/xm_bg.png) no-repeat 0 -142px;}
.mk .mk_04 h2{ background:url(../images/xm_bg.png) no-repeat 0 -213px;}
.mk li h2{ height: 70px; line-height: 70px; font-size: 28px; font-weight: bold; color:#fff; }
.mk li p{ width:90%; margin: 0 auto; margin-top:8px; height: 52px; line-height: 52px; text-align: center; background: #f1f0f0; color:#333;font-size: 18px; border-radius:8px;}


/********注册表单**********/
.yh-bg{ width: 100%; height: 200px; background: #1e7ce6; }
.yh-form{ width: 1200px; margin: 0 auto;height: 100px; }
.yh-form p{ font-size: 32px; color: #fff; text-align: left; padding-top:30px; font-weight: bold;}
.yh-form p span{ color: #fed701;}
.yh-bd{ width:1200px; margin: 0 auto; overflow: hidden}
.yh-bd input {margin-top:15px;  width: 240px;  height: 54px;  line-height: 54px;  padding-left: 15px; float: left; margin-right: 10px; border:1px solid #d8d6d6; border-radius: 5px; font-size:18px; }
.yh-bd button { display: inline-block; margin-top: 15px; width: 240px; height: 54px; line-height:54px; background: #ffd200; font-size: 22px;  text-align: center; color: #000; border-radius: 3px; float: left; margin-left: 20px; cursor: pointer;}
.yh-bd select{margin-top: 15px;  width: 240px;  height: 56px;  line-height: 56px;font-size:18px; padding-left: 15px; float: left; margin-right: 10px; border:1px solid #d8d6d6; border-radius: 5px;}
.yh-bd .form_course option{ height: 66px;  line-height: 66px;}

/***************18年************/
.pinp{ width: 1200px; margin: 0 auto; padding: 20px; font-size: 20px; border-radius: 5px; overflow: hidden;}
.pinp img{float: left; width:392px; margin-top: 30px; }
.pinp p{float: left; width:720px; line-height: 34px; border:6px solid #4394ef; padding: 60px 40px 60px 40px; border-left: none;}

/*************老师**************/
.ls{ width: 100%; height: 600px; padding-top: 30px;}
.ls-con{width: 1200px; margin: 0 auto;}
.ls-con .title h2{ color: #d83143}
.ls-tab li{ display: block; width: 275px; padding: 8px 10px; background: #4394ef; position: absolute; overflow: hidden; cursor: pointer}
.ls-tab .ls-cur{ background: #fed701;}
.ls-tab .ls-cur h5{ color:#000;}
.ls-tab .ls-cur p{ color:#000;}
.ls-tab li img{ margin-right: 5px; width:86px; height: 86px; border-radius: 86px;}
.ls-tab li div{ margin-top: 17px;}
.ls-tab li div h5{ font-size: 20px; color: #fff}
.ls-tab li div p{ font-size: 15px; color: #f7e5e5; margin-top: 3px}
.ls-box{ width: 1200px; position: relative; }
#ls-tea1{ top: 0px; left: 0px}
#ls-tea2{ top:110px; left: 0px}
#ls-tea3{ top: 220px; left: 0px}
#ls-tea4{ top: 330px; left: 0px}
#ls-tea5{ top: 0px; right: 0px}
#ls-tea6{ top: 110px; right: 0px}
#ls-tea7{ top: 220px; right: 0px}
#ls-tea8{ top: 330px; right: 0px}
.ls-tabcon{ width:490px; height:382px; background:#f7efc1; padding:25px 40px; position: absolute;left: 313px; top:0px;}
.ls-tabcon div{}
.ls-tabcon div img{ display: block; width: 180px; height: 180px; border-radius: 140px; margin: 0 auto;}
.ls-tabcon div h5{font-size: 20px; text-align: center; margin-top: 10px;}
.ls-tabcon div h6{font-size: 16px; text-align: center; margin-top: 2px; margin-bottom: 10px;}
.ls-tabcon div p{font-size: 16px; color: #666;text-align: left; line-height: 28px;}
.ls-span1{ display: block; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #232323; position: relative;}

/************图书***********/
.book{ width:100%; height:530px; background: url(../images/tu-bg.jpg) no-repeat; overflow: hidden;}
.book-con{width: 1200px;  margin: 0 auto;  overflow: hidden;}
.book-con ul li{width: 160px; height: 54px; float: left; line-height: 54px; background: #4394ef; text-align: center;font-size: 18px;color: #fff;font-family: '微软雅黑';margin-right: 8px;cursor: pointer;}
.book-con ul .cur{ width: 160px;height: 68px; color: #000; background: url(../images/bj8.png) no-repeat;}
.book-box {width:1200px; height: 500px; margin: 0 auto; }
.tab {width: 1200px;margin:0 auto;}
.tab .tab_menu {width: 1200px; margin-right: 10px; margin-top: 15px;}
.tab .tab_menu li{width:180px; height: 42px; line-height: 42px; color: #fff; background: none; border: 1px solid #fff; font-size: 16px; border-radius:30px;}
.tab .tab_menu .selected{color: #fed701; background: none; border: 1px solid #fed701; }
.tab_box {margin-top: 57px;}
.tab_box .hide {width: 1200px; margin:0 auto; overflow: hidden;}
.tujieshao {float: left; width:672px;height: 337px; background: url(../images/tu-jj.png) no-repeat; margin-top: 10px; }
.tujieshao img {margin: 0 auto;}
.tujieshao h1 {font-size: 28px;margin:40px 20px 10px 0;line-height: 28px; text-align: center;}
.tujieshao h1 a {color: #fff;}
.tujieshao p {font-size: 18px;line-height: 32px;text-indent: 36px; color: #fff; padding: 20px 60px;}
.tujieshao p b {font-weight: bold;}
.tujieshao .leyu {display: block;width: 280px; margin: 0 auto; background:#ffd100; border-radius: 28px 0 28px 0; text-align: center;font-size: 20px;line-height: 36px;padding: 10px 30px;color: #000;margin-top: 10px;}
.tuleft {float: left; margin-left: 40px;}

/*****荣誉*****/
.ry{ width: 100%; height: 750px; padding-top:10px;}
.ry-con{ width: 1200px; margin: 0 auto;}
.ry-img{ width:624px; margin: 0 auto;}
.ry-img img{ width:624px; margin: 0 auto;}
.ry-con .swiper-container { width: 1200px;  height: 600px; margin: 0 auto;}
.ry-con .swiper-slide { background-size: cover; background-position: center;}
.ry-con .gallery-top {height: 370px; width: 1200px; margin-top: 20px; }
.ry-con .gallery-thumbs {height: 160px;  box-sizing: border-box; padding: 10px 0; }
.ry-con .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.9;}
.ry-con .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;border: 2px #fff solid;}

.ry-tab{ width: 900px; margin: 0 auto; margin-top: 30px;}
.ry-tab li{ display: inline-block; width: 290px; height: 56px; line-height: 56px; font-size: 20px; text-align: center; background: #2f9089; color: #fff; border-radius: 3px; cursor: pointer;}
.ry-tab .ry-cur{ background: #ffd100; color: #000;}
.ry .swiper-slide{ width: 280px; margin-right: 10px; }
.ry-box img{  border-radius: 3px;}

/*****服务*****/
.fw{}
.fw-little{}
.fw-little h3{display: block; width:400px; line-height: 48px; margin: 0 auto; background: #db3c3c; color: #fff; border-radius:40px; text-align: center; font-size: 24px;}
.fw-little p{width:1200px; margin: 0 auto; text-align: center; font-size: 18px; line-height:28px; padding-top: 20px;}
.fw-little .img-div{width:1200px; margin: 0 auto;}

/*****鲸小爱*****/
.jxa{width: 1200px; height:460px; margin: 0 auto; background: url(../images/jxa.jpg) no-repeat; }
.jxa-jj{ float: left; width: 360px; height:360px; background: rgba(30,124,230,.8); border-radius: 300px; font-size: 18px;  margin: 50px 50px 0px;}
.jxa-jj h3{font-size: 28px; color: #fff;  text-align: center; padding-top:50px;}
.jxa-jj p{ font-size: 16px; line-height: 32px; color: #fff;  text-align: center; padding-top:30px;}
.jxa_content {float: left;}
.jxa_content li{width:640px; overflow: hidden; padding: 10px 30px; margin: 25px 0; background: #fff; text-align:left; border-radius:0 5px 0 5px;box-shadow: 2px 4px 4px rgba(0, 0, 0, .2) }
.jxa_content li:hover{ background:#1e7ce6 ; color: #fff;}
.jxa_content li .jxa_l{float: left; width: 80px; }
.jxa_content li .jxa_c{float: left; width: 400px; padding-left: 30px; border-left:1px solid #ddd;}
.jxa_content li .jxa_r{float: right; width: 100px;}
.jxa_content li .jxa_c .jxa_c_title {font-size: 20px; line-height: 32px;}
.jxa_content li .jxa_c .jxa_c_des {font-size: 16px;line-height: 24px; color: #999;}
.jxa_content li .jxa_r {margin: 10px auto; font-size: 22px; line-height: 36px;}
.jxa_content li .jxa_r span{font-size: 16px;}
.jxa_content li:hover .jxa_c_des {color: #fff;}

/*****校区*****/
.xq{ width: 100%; height:750px; background:url(../images/xq-bg.jpg) no-repeat; padding-top: 20px; padding-bottom: 40px; }
.xq-con{ width: 1200px; margin: 0  auto;}
.xq-con .title{ margin-bottom: 40px;}
.xq-tab {overflow: hidden; width:900px; margin-left: 30px;}
.xq-tab li{ display: block; float: left; width: 120px; height: 60px; line-height: 24px; color: #fff; border: 1px solid #fff;text-align: center; border-radius: 120px; margin-top: 3px; font-size: 18px; background: url(../images/xq-icon.png) no-repeat 32px 18px; padding-top: 60px; margin: 10px 15px;}
.xq-tab .xq-cur{height: 60px; color: #000; background:#fec003 url(../images/xq-icon_b.png) no-repeat 32px 18px; border: 1px solid #fec003;  padding-top: 60px; }
.xq-tabcon{ width: 1100px; margin: 0 auto;height: auto; background: #fff; padding: 15px 45px; border-radius: 20px; box-shadow: 2px 4px 4px rgba(0, 0, 0, .2)}
.xq-detail{ }
.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-tp{ margin-top: 15px; height: 180px;}
.xq-tp li img{ float: left; margin-right: 15px;}

.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-btn li a:hover{opacity: 0.8;}
.wd-btn1{background: #ff4055; color: #fff}
.wd-btn2{background: #fec003; color: #333}
.sjb-btn{width: 360px; margin: 0 auto; margin-top: 40px; margin-bottom: 50px; }
.sjb-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; }
.sjb-btn a:hover{opacity: 0.8;}