@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px;}
.red{color:#f00;}.blue{color:#0051A3;}.h10{height:10px; line-height:10px; overflow:hidden;}.b{font-weight:bold;}
.banner{margin:0px 10px 0 10px; padding-top:10px;}
.banner img{display:block; width:300px; height:100px;}
.banner p{text-indent:2em; line-height:22px; position:relative; padding:10px 5px 10px 5px; border-bottom:dotted 1px #919191;}
.banner p .btn1{width:66px; height:20px; line-height:20px; text-align:center; color:#fff; background:url(../images/more_bg.png); overflow:hidden; display:block; position:absolute; right:5px; bottom:10px; text-indent:0;}
.banner p .btn2{width:66px; height:20px; line-height:20px; text-align:center; color:#fff; background:url(../images/more_bg.png); overflow:hidden; display:block; position:absolute; right:81px; bottom:10px; text-indent:0;}
.ztlist{background:#F4F4F4;}
.ztlist li{margin-left:10px; margin-right:10px; height:34px; line-height:34px; border-bottom:1px solid #d5d5d5; border-top:1px solid #fff; position:relative; text-align:left;}
.ztlist li .no{background:#0050A5; color:#fff; padding-left:10px; padding-right:10px;}
.ztlist li .jg{padding-left:10px; padding-right:10px; color:#c6c6c6;}
.ztlist li a{display:block;width:251px; height:34px; line-height:34px; background-position:235px 10px; position:absolute; top:0px; padding-left:30px;}
.tit{height:34px; line-height:36px; padding-left:10px; padding-right:10px; position:relative; background:url(../images/title_bg.png);font-size:14px;}
.tit a { color:#FFF;}
.tit .r{float:right; display:block; position:absolute; right:10px; top:7px;}
.list{background:#F4F4F4; text-align:left;}
.list ul li{ text-align:left;}
.list a{display:block; margin-left:10px; margin-right:10px; height:34px; line-height:36px; border-bottom:1px solid #d5d5d5; border-top:1px solid #fff;background-position:285px 10px;}
.kc_box{background:#F4F4F4; padding-top:10px; margin:auto;}
.kc_box li{width:auto; border:1px solid #c5c5c5; margin-left:10px; background:#fff; margin-bottom:10px; overflow:hidden; position:relative;}
.kc_box li .img{width:149px; height:77px; overflow:hidden;}
.kc_box li .img img{width:149px; height:77px;}
.kc_box li .a{width:66px; height:14px; line-height:14px; display:block; position:absolute; top:54px; left:80px; background:url(../images/li1.png) no-repeat; background-position:right; color:#0052A5;}
.kc_box li .r{width:148px; height:77px; position:absolute; right:0; top:0; border-left:1px solid #c5c5c5;}
.kc_box li .r .r_1{height:38px; border-bottom:1px solid #c5c5c5; padding-left:10px; display:block; line-height:40px; position:relative;}
.kc_box li .r .r_1 .btn3{display:block; width:61px; height:20px; line-height:20px; text-align:center; color:#f00; position:absolute; right:9px; top:9px; background:url(../images/title_bg1.png);}
.kc_box li .r .r_2{height:38px; padding-left:10px; display:block; line-height:40px; position:relative;}
.kc_box li .r .r_2 .btn3{display:block; width:61px; height:20px; line-height:20px; text-align:center; color:#f00; position:absolute; right:9px; top:9px; background:url(../images/title_bg2.png);}
.kc_box li .r .r_2 .btn4{display:block; width:61px; height:20px; line-height:20px; text-align:center; color:#f00; position:absolute; left:9px; top:9px; background:url(../images/title_bg2.png);}
.s_kc{width:143px; height:46px; float:left; margin-left:10px; border:1px solid #c5c5c5; position:relative;}
.s_kc .a{width:66px; height:14px; line-height:14px; display:block; position:absolute; top:27px; left:60px; background:url(../images/li1.png) no-repeat; background-position:right; color:#0052A5;}
.s_kd{width:143px; height:46px; float:right; margin-left:10px; border:1px solid #c5c5c5; position:relative;}
.s_kd .a{width:66px; height:14px; line-height:14px; display:block; position:absolute; top:27px; left:60px; background:url(../images/li1.png) no-repeat; background-position:right; color:#0052A5;}
.logo{ height:30px;}
img{ border:0px; max-width: 100% !important;}
.nav {float:left; margin:0 0 2% 2%;}
.nav span{float:left; line-height:20px; text-align:center; padding-top:5px; font-size:14px; width:100%}
#head {	clear:both;width:100%;height:31px; background:url(../images/logo_bg.png) repeat-x bottom; padding:8px 0; position:relative;}
.menu{ padding-top:8px;}
/* 平板电脑布局: 小于320px。样式继承自: 移动设备布局。 */
@media screen and (max-width: 319px) {
.back{ top:25%;}
.nav { width:47%;}
.school{ width:47%; margin:0 0 3% 3%;}
.course{ width:35%; padding-left:6.5%; padding-right:6.5%; }

}


/* 平板电脑布局: 320px 至 479px。样式继承自: 移动设备布局。 */
@media screen and (min-width: 320px) {
.nav {width:46.5%;}
.school{width:31%;margin:0 0 2% 2%; }
.course{ width:22%; padding-left:5.7%; padding-right:5.7%; }
}

/* 平板电脑布局: 480px 至 768px。样式继承自: 移动设备布局。 */

@media only screen and (min-width: 480px) {
.nav { width:30.5%;}
.content {padding:2% 5% 3% 5%;}
.content h1 { line-height:20px;}
.school{width:31%;  margin:0 0 1% 1%;}
.course{ width:12%; padding-left:2.2%; padding-right:2.2%; border-bottom:none; border-right: #CCC 1px dashed; }
}


/* 桌面电脑布局: 769px 至最高 1232px。样式继承自: 移动设备布局和平板电脑布局。 */

@media only screen and (min-width: 769px) {
.nav { width:14.5%; }
.content {padding:2% 5% 3% 5%;}
.content h1 { line-height:20px;}
.school { width:16%; margin:0 0 0.5% 0.5%;}
}


.tc-content { max-width:370px; margin:auto;}
.tc-content a{ color:#FFF; text-decoration:none; font-size:12px;}
.tc-l{ float:left; color:#FFF; width:23%; border-right:#06F solid 1px;}
.tc-m{ float:left; color:#FFF; width:25%; border-right: #06F solid 1px;border-left:#fff solid 1px; }
.tc-t{ float:left; color:#FFF; width:25%;border-left:#fff solid 1px; }
.tc-r{ float:left; color:#FFF; width:25%; border-right: #06F solid 1px; border-left:#fff solid 1px; }

#foot {clear:both; width:100%; background-color:#dcdcdc; padding:40px 0 50px 0; text-align:center;font-size:1em; }
.social { max-width:370px; margin:auto; }
.social img { width:80%;} 
.weixin { width:30%; line-height:200%; color:#13b5b1; float:left; margin-left:5%;}
.weixin a { color:#13b5b1; text-decoration:none; font-size:14px;}
.phone { width:30%; line-height:200%; color:#eb6877; float:left; }
.phone a { color:#eb6877; text-decoration:none; font-size:14px;}
.home{width:30%; line-height:200%; color:#00b7ee; float:left;}
.home a{ color:#00b7ee; text-decoration:none; font-size:14px;}
.copyright { border-top:#999 1px dashed; margin:10px 5% 0 5%; padding-top:10px; color:#666; font-family: Verdana, Geneva, sans-serif; line-height:180%; font-size:13px;}
.copyright a { color:#666; font-size:12px;}

.message1{ border-top:#999 1px dashed; padding-left:10px; text-align:center; margin:auto; display:block;}
.mssages input,select { width:260px; height:32px; line-height:25px; float:left; margin-left:8px; border:1px solid #E7E7E7;  color:#787878;}
.mssages textarea { width:260px; height:80px; float:left; margin-left:8px; border:1px solid #E7E7E7;  color:#787878; font-size:12px; line-height:22px;}
.mssages { padding-left:10px;}
.msg_body{ width:300px;}

.banner{margin:0px 10px 0 10px; padding-top:10px;}
.banner img{display:block; width:300px; height:100px;}
.banner p{text-indent:2em; line-height:22px; position:relative; padding:10px 5px 10px 5px; border-bottom:dotted 1px #919191;}
.banner p .btn1{width:66px; height:20px; line-height:20px; text-align:center; color:#fff; background:url(../images/more_bg.png); overflow:hidden; display:block; position:absolute; right:5px; bottom:10px; text-indent:0;}
.banner p .btn2{width:66px; height:20px; line-height:20px; text-align:center; color:#fff; background:url(../images/more_bg.png); overflow:hidden; display:block; position:absolute; right:81px; bottom:10px; text-indent:0;}
.btn_1{width:100px; height:30px; background:#F90; text-align:center; line-height:30px;border-radius:6px; color:#FFF; border:1px #999 solid;}
.btn_1 a{ color:#FFF;}
.btn_2{width:100px; height:30px; background:#C30; text-align:center; line-height:30px;border-radius:6px; color:#FFF; border:1px #999 solid;}
.btn_2 a{ color:#FFF;}
.line{border-top:#999 1px dashed; margin:5px  0px;}
.tel_l{width:16px; height:21px; overflow:hidden; display:block; position:absolute; left:0px; top:0px;}
.tel_c{height:21px; line-height:22px; text-indent:0; font-size:14px; padding-left:21px; font-weight:bold; padding-right:10px; color:#5A5EC1; background:url(../images/tel_c.png); float:left; display:block; position:relative;}
.tel_r{width:4px; height:21px; display:block; position:absolute; right:0px; top:0px;}.tc{padding:5px;}
.s_main1{ width:auto; height:160px; background:#ec008c;}
.s_main2{ width:auto; text-align:center; background:#dcdcdc; margin:0px; padding:0px; font-size:1px; line-height:1px;}
.text1{ text-align:center; padding:5px 0px; color:#FFF;}
.pic{ width:auto; height:auto; text-align:center;}