@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 }table{border-collapse:collapse;border-spacing:0}
html { _background-image: url(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 }
.arial { font-family: "arial" }
article, aside, dialog, figure, footer, header, legend, nav, section, time { display: block }
a { text-decoration: none; cursor:pointer; outline: 0; blr:expression(this.onFocus=this.blur())}
button { border: 0; cursor:pointer }
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:before{ content: ""; display: table; }
.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}
.ly{display: block; width: 365px;height: 74px; line-height: 74px;background-color: #eb5f1c;font-size: 24px; border-radius:50px; margin: 50px auto 40px;}
.ly a{display: block;
    width: 286px;
    color: #fff;
    background-image: url(../imgs/ban-img3.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin: 0 auto;
    text-align: right;}

.ban{ width: 100%; height:620px; background: url(../imgs/ban-img.png) no-repeat center center;}
.ban-con{ width: 1200px; margin: 0 auto;}
.ban-top{ padding-top: 20px; }
.ban-logo img { width: 263px; }
.ban-tel { font-size: 28px; color: #fff; background: url(../imgs/tel-icon.png) no-repeat left center; background-size: 28px 38px; padding-left: 40px; margin-top: 15px; font-weight: bold; }

/***************banner*******************/
.ban-box{ width: 1200px; margin:0 auto;}
.ban-box-1{width: 700px; margin:10px auto;}
.ban-box-1 h2{ font-size: 64px; line-height: 100px; color: #fff; text-align: center;}
.ban-box-1 img{width: 700px; margin:0 auto;}
.ban-box-2{ }
.ban-box-2 ul{width: 1050px; margin:10px auto; } 
.ban-box-2 li{display:block; width: 320px; height:62px; line-height: 62px; float: left; background: url(../imgs/af_02.png) no-repeat center center;
    text-align: center;  border-radius:40px; margin:10px 10px; text-align: center; font-size: 24px;  color: #fff; } 

.title h3{ font-weight:bold; font-size:42px; color:#2b2051; text-align:center}
.title img{ display:block; margin:5px auto 0;}

/**********************表单**************************/
.bd{ width: 100%;height: auto;padding: 10px 0 30px;background: #c80000; overflow: hidden;}
.bd2{ width: 100%;height: auto;padding: 10px 0 30px;background: #302196; overflow: hidden;}
.bd-con{ width: 1050px; margin: 0 auto;}
.bd-con img{ float: left; width: 160px;}
.bd-con .bd_nn{float: left; margin-top:15px;}
.bd-bt{font-size:28px; line-height:36px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.bd-bt span{ margin-right:10px; color: #fcdc04;}
.bd-con input{width:260px;height: 50px;background: #fff;border-radius: 8px;color: #666;font-size: 16px;padding-left: 20px;line-height: 100%; float: left; margin-right: 30px; border: 1px solid #e5e5e5;}
.bd-con button{width:200px;height: 50px;line-height: 50px; background:#fcdc04; color: #000; font-size: 21px; text-align: center; border-radius: 8px;}

/***********简介****************/
.af_jj{background:#fcdc04; width:1160px; padding:18px 20px 10px 20px; height: auto;  margin:20px auto; overflow: hidden; }
.af_jj p{color: #000; font-size: 16px; line-height: 24px; padding:0px 10px 10px 10px;}
.af_jj_l{ width: 130px; float: left; font-size: 100px; line-height: 105px; font-weight: bold;}
.af_jj_r{ width: 1020px; float: right;}

/***********产品****************/
.af_cp{ width: 100%;  padding: 20px 0px; }
.cp-con{ width: 1200px; margin:0 auto; margin-top: 50px; overflow: hidden;}
.cp-con-l{ float: left; width:240px;}
.cp-con-l .cp-con-bg{height: 69px;  color: #fff; background: url(../imgs/af_04.png) no-repeat center center}
.cp-con-l .cp-con-bg2{height: 69px; margin-top: 50px;  color: #fff; background: url(../imgs/af_05.png) no-repeat center center}

.cp-con-l h3{ text-align:left;font-size:14px; margin:10px auto; padding-top: 10px; padding-left:20px;}
.cp-con-l h3 span{ text-align:left;font-size:20px; margin:10px auto; }
.cp-con-l p{ text-align: right;font-size:14px; margin:12px auto; }
.cp-con-l span{font-size:18px; font-weight: bold;  }

.cp-con-r{float: right; width: 900px; }
.cp-ul{ overflow: hidden;}
.cp-ul li{ width:400px; float: left; margin-left: 45px; margin-top: 10px; }
.cp-ul li img{ display: block; width: 80px; margin: 0 auto;}
.cp-ul li h3{ color: #333; text-align: center; font-size: 18px; font-weight: bold; line-height:42px; }
.cp-ul li p{ color: #666; text-align:left; font-size: 14px; line-height: 24px;}


/***********老师****************/
.af_lc{ width: 100%; height: 1000px; padding-top: 50px; background: #302196 url(../imgs/af_06.jpg) no-repeat bottom; }
.af_lc .title h3{ color: #fff;}
.lc-con{width: 1200px; overflow: hidden; margin:0 auto; margin-top: 30px; }
.lc-box img{ width: 255px; padding: 10px;}
.lc-box li{ float: left; width:275px; margin: 5px 10px; text-align: center; background: rgba(255,255,255,0.8); }
.lc-box li h5{ font-size: 20px; margin-bottom: 5px;  color:#333; }
.lc-box li p{ font-size: 14px; margin-bottom: 20px;  color:#333; }


/***********艺术课程****************/
.tj{ height: auto; margin-top: 50px;}
.tj-con{  width: 1200px; margin: 0 auto; }
.tj-con li{ display: inline-block; margin-top: 1px; text-align: center; }
.tj-con div{ margin-right:1px;}
.tj-con h3{ font-size: 16px; font-weight: bold; color: #333;}
.tj-con p{color: #333; font-size: 16px; line-height: 26px; padding-left: 20px; }
.tj-con .tj-bt{display: inline-block; height: 80px; line-height: 80px; }
.tj-con .tj-bt h3{  height: 80px; line-height: 80px; font-size: 20px; text-align: center; }
.tj-btl{width: 240px; text-align: center;  background:#eacc04;}
.tj-btc{width: 200px; text-align: center;background:#d4d2d2; }
.tj-btr{ width: 750px; text-align: center;background:#dedbdb; }

.tj-con-l{ width: 240px; height: 100px; line-height:28px; padding-top: 40px; background:#fcdc04;}
.tj-con-c{ width: 200px; height: 140px; line-height: 140px;  background:#dcdada;}
.tj-con-r{ width: 750px; height: 140px; line-height: 140px; background:#e8e8e8; text-align: left;}

.tj-con .li1{ height: 80px;}
.tj-con .li1 h3{ font-size: 16px; font-weight: bold; color: #333;}
.tj-con .li1 .tj-con-l{ width: 240px; height: 65px; line-height:24px; padding-top: 15px; background:#fcdc04;}
.tj-con .li1 .tj-con-c{ width: 200px; height: 80px; line-height: 80px;  background:#dcdada;}
.tj-con .li1 .tj-con-r{ width: 750px; height: 60px;  padding: 10px 0px; background:#e8e8e8; text-align: left;}
.tj-con .li2{ height: 100px;}
.tj-con .li2 h3{ font-size: 16px; font-weight: bold; color: #333;}
.tj-con .li2 .tj-con-l{ width: 240px; height: 75px; line-height:24px; padding-top: 25px; background:#fcdc04;}
.tj-con .li2 .tj-con-c{ width: 200px; height: 100px; line-height: 100px;  background:#dcdada;}
.tj-con .li2 .tj-con-r{ width: 750px; height: 80px;  padding: 10px 0px; background:#e8e8e8; text-align: left;}
.tj-con .li3{}
.tj-con .li4{}




.sq{width:1200px; height:320px; margin:40px auto; position:relative }
.sq-con{ margin-top: 40px;}
.sq-ul{ width: 1200px; margin:0 auto;}
.sq-ul li{ width:170px; float: left; margin: 0 5px; padding:10px; padding-bottom:30px;  border-top: 4px solid #bebdbd;}
.sq-ul li h3{ color: #333; text-align: left; font-size: 18px; font-weight: bold; margin: 15px auto 0px;}
.sq-ul li p{ color: #666; text-align: left; font-size: 16px; line-height: 16px;}

/***********环境****************/
.hjbox { width: 1200px; margin: 0 auto; padding-top:50px;}
.hj-con{ width: 1200px; margin: 0 auto; overflow:hidden; clear:both; }
.hj-con ul{ width:1200px; margin:22px auto; }
.hj-con .hj-li1 img{ width: 280px;}
.hj-con ul li{ float:left; margin-right: 20px; position: relative; }
.hj-con ul li i{ width:100%; height:auto; background:rgba(0, 0, 0, 0.6);  display:block; position:absolute; left:0; top:0; bottom:0; 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000)\9;}
.hj-con .hj-li2 img{ width: 220px; margin-top: 20px;}