html, body{ background-color:#7cd2cf; font-family:"微软雅黑", "Microsoft YaHei", Arial; }
.hide{ display: none;}
.show{ display: block;}
.text_orange{ color:#ff6e28; font-size: 23px; font-style: italic; }
.title_yellow{ color: #2794a4; font-size: 17px; display:inline-block; overflow: hidden; }
.title_yellow span.center{ background-color:#fffbb0; padding:0 10px; float:left; height:43px; line-height:43px;}
.arrow{ background:url("arrow.png") no-repeat 2000px 2000px;}
.title_yellow span.left{ background-position:0 0; width:12px; height:43px;}
.title_yellow span.right{background-position:-25px 0; width:13px; height:43px; float: left;}
.title_blue{ margin-top: 18px; overflow: hidden;}
.title_blue span.left{ background-position:-37px -45px; width:31px; height:110px; display: inline-block;}
.title_blue span.right{background-position:0 -48px; width:31px; height:110px; display: inline-block; float: left;}
.title_blue .center{ float:left; display: inline-block; width: 86%; background-color: #D0FFFD !important;}
.title_blue .center span{ float:left; width:190px; display:inline-block; text-align: center; }
.title_blue .center .top{ height: 40px; background-color: #b7f6f3; line-height: 40px; font-weight: bold;}
.title_blue .center .bottom{ background-color: #d0fffd!important; line-height: 35px; overflow: hidden;}
.title_share span.left{width: 9px; height: 30px; background-position: -19px -166px; display: inline-block; float: left; }
.title_share .center{ height: 23px; background-color: #cbedec; display: inline-block;float: left; color: #2794a4; font-weight: bold; padding: 7px 0 0 5px; width: 230px;}
.title_share span.right{width: 9px; height: 30px; background-position: -1px -166px; display: inline-block;float: left;}
.left{float: left;}
.right{float: right;}
.head, .head_inner{ background: url("summer01.jpg") no-repeat center 0; width: 100%; height:600px; position: relative; }
.head_inner h1.logo{ margin-left: -8px; background: url("logo.png") no-repeat; width: 139px; height: 59px;}
.head_inner h1.logo a{ display: block; width: 100%; height: 100%;}
.head_inner{width: 980px; margin: 0 auto;}
.head_inner .code-box{ position: absolute; bottom: 25px; right: 135px; height: 187px;}
.head_inner .code-box .message{ background-color: #ffffff; padding: 14px; width: 132px; height: 134px;}
.head_inner .code-box .btn_sub{ background: url("btn.png") repeat-x 0 0;overflow: hidden; height:46px; font-size: 16px; font-weight: bold; padding: 0 20px; margin:17px 0 ; color:#ffffff; display:block; text-decoration: none; line-height: 50px; text-align: center; }
.head_inner .code-box .btn_sub:hover{ background-position:0 -48px; }
.head_inner .code-box .btn_sub:active{background-position:0 -100px;}
.head_inner .code-box .btn_sub_dis{ background: #999; color: #fff; cursor: default;}
.head_inner .code-box .con p{font-size: 13px; color: #2794a4; line-height: 27px; margin-top: 4px;}
.head_inner .code-box div.text{ font-size: 14px; color:#333333; margin-top: 10px; }
.content, .content_inner{ background: url("summer02.jpg") no-repeat center 0; width: 100%; height:518px; }
.content_inner{width: 980px; margin: 0 auto; overflow: hidden; color: #0c606c; font-size:14px; }
.content_inner h2{ font-size:14px;padding-left: 45px; margin:23px 0 5px 0; position: absolute; white-space: nowrap; top: 0; left: 0;}
.content_inner ul{ line-height:30px;}
.content_inner .content_left{ float: left; width: 506px; }
.content_inner .content_left .homework_time{ padding-bottom:75px; }
.content_inner .content_left .homework_time .title{ position: relative; height: 40px;}
.content_inner .content_left .homework_time ul{ line-height:32px;  padding-left: 45px;}
.content_inner .content_left .teacher_box{}
.content_inner .content_left .teacher_box .teacher_info{ font-size:12px; line-height:20px; margin-right: 55px;}
.content_inner .content_right{ float: right; width: 474px; position: relative;}
/*foot*/
.special-footer{ border: none; background-color:#3fa4a0;}
.special-footer .nav ul li a, .special-footer .nav ul li a:hover{ color: #ffffff;}
.special-footer .nav ul li a:hover{ text-decoration: underline;}
.special-footer .nav ul li.service{ color: #ffffff;}
.special-footer .nav{ border: none;}
.special-footer .copyright p{ color: #ffffff;}