﻿* { margin:0; padding:0;}
body{ padding:0px; margin:0px auto; font-family:Tahoma, Verdana, Arial; height:100%; background:#fbf7e9 }
div,p,li,em{font-family:Verdana,Microsoft YaHei;font-size:14px; }
form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input,select{font-size:12px;line-height:16px;} 
em{font-style:normal;}
img{border:0; max-width:900px;}	
ul,li{list-style-type:none;}
table{ border-collapse:collapse;}
a:link,a:visited,a:active{ color:#333; text-decoration:none;} 
a:hover{ color:#cf5d00; text-decoration:none;}



.ward {min-width:1224px; background:url(../images/body-bg.jpg) no-repeat top center #fbf7e9}
.header { width:1224px; height:410px; margin:0 auto; position:relative}
.header .menu { margin:30px 0 0 80px; display:inline-block}
.header .menu a { float:left; margin:0 8px; width:115px; height:52px; display:block; background:url(../images/icon.png) no-repeat}
.header .menu .menu-a1 { background-position:0 0}
.header .menu .menu-a2 { background-position:-115px 0}
.header .menu .menu-a3 { background-position:-230px 0}
.header .menu .menu-a4 { background-position:-345px 0}
.header .menu .menu-a5 { background-position:-460px 0}
.header .menu .menu-a6 { background-position:-575px 0}
.header .menu .menu-a7 { background-position:-690px 0}
.header .menu .menu-a8 { background-position:-805px 0}
.header .menu .menu-a1:hover { background-position:0 -52px}
.header .menu .menu-a2:hover { background-position:-115px -52px}
.header .menu .menu-a3:hover { background-position:-230px -52px}
.header .menu .menu-a4:hover { background-position:-345px -52px}
.header .menu .menu-a5:hover { background-position:-460px -52px}
.header .menu .menu-a6:hover { background-position:-575px -52px}
.header .menu .menu-a7:hover { background-position:-690px -52px}
.header .menu .menu-a8:hover { background-position:-805px -52px}


.header .name {  position:absolute; left:90px; top:120px; z-index:2; width:600px; height:100px; color:#0d85a1; font-size:30px;}
.in-a1 { position:absolute; right:50px; top:82px; z-index:1; width:818px; height:328px; background:url(../images/in-b1.jpg) no-repeat}
.in-a2 { position:absolute; right:210px; top:94px; z-index:1; width:750px; height:316px; background:url(../images/in-a2.jpg) no-repeat}
.in-a3 { position:absolute; right:22px; top:100px; z-index:1; width:840px; height:310px; background:url(../images/in-b3.jpg) no-repeat}


.index-b1 { margin:0 auto; width:1224px; height:688px; background:url(../images/index-box1.png) no-repeat}
.index-b2 { width:100%; height:510px; background:#d9ecf2}
.index-b3 { width:100%; height:550px;}

.copyright { width:100%; min-height:140px; background:#fff; border-top:1px solid #ccc; text-align:center}
/*----------------------------------------------------------------*/
.more { position: absolute; right:20px; top:15px; width:70px; height:27px; display:block; background:url(../images/icon.png) no-repeat 0 -104px;}
.more:hover { background-position:-70px -104px}
.in-title { height:50px; position:relative;}
.in-title span {margin:0 0 0 20px; width:210px; height:50px; display:block; background:url(../images/index-bg.png?v=1) no-repeat}
.in-title .notice-t { background-position:0 -50px;}
.in-title .happy-t { background-position:0 -100px;}
.in-title .jcwz-t { background-position:0 -150px;}
.in-title .bjlb-t { background-position:0 -200px;}
.in-title .mxls-t { background-position:0 -250px;}
.in-title .mxye-t { background-position:0 -300px;}
.in-title .yezp-t { background-position:0 -350px;}


/*user*/
.user { margin:60px 0 0 70px; width:200px; height:240px; display:inline-block; position:relative }
	.user li { margin-top:5px; height:40px; color:#333; position:relative}
	.user input { width:120px; height:26px; border-radius:5px; border:1px solid #cceaf1; background:#fffef6}
	.user .yzm { position:absolute; right:15px; top:2px; }
	.user .btn { position:absolute; right:40px; botom:10px; z-index:1;}	
	.user .btn a { width:100px; height:34px; line-height:34px; display:block; text-align:center; color:#fff; font-size:16px; border-radius:5px; background:#ee7046; position:relative}
	.user .btn a:before { content:"登录";}
	.user .btn a:hover { background:#e15f18}
/*user-end*/

.index-b1 .left { float:left; width:350px;}

/*五大BTN*/
.index-btn { width:238px; margin-left:30px;}
	.index-btn a { width:238px; height:57px; margin-bottom:10px; display:block; background:url(../images/icon.png) no-repeat}
	.index-btn .sign-up { background-position:0 -131px}
	.index-btn .recipes { background-position:0 -188px}
	.index-btn .video { background-position:0 -245px}
	.index-btn .mail { background-position:0 -302px}
	.index-btn .papers { background-position:0 -359px}
	.index-btn .sign-up:hover { background-position:-238px -131px}
	.index-btn .recipes:hover { background-position:-238px -188px}
	.index-btn .video:hover { background-position:-238px -245px}
	.index-btn .mail:hover { background-position:-238px -302px}
	.index-btn .papers:hover { background-position:-238px -359px}
/*五大BTN-END*/
.link { color:#3bb4af; padding-left:40px; padding-top:10px; font-weight:bold;}
.link select { width:140px; height:24px; border:2px solid #3bb4af; border-radius:2px;}

.index-b1 .right { float:left; width:870px;}
.tips { width:670px; height:60px; margin:90px 0 0 110px;}



.news-notice { float:left; width:380px; height:480px;}
	.in-list { width:380px; height:230px; margin-top:10px;}
	.in-list ul { height:170px; padding-top:10px; background:url(../images/index-bg.png) no-repeat -210px 0 }
	.in-list li { width:340px; height:40px; line-height:40px; font-size:14px; border-bottom:1px dashed #ccc; margin-left:20px;}
	.in-list li a { display:block}
	.in-list li a:before { content:"●"; color:#a0c65d;  font-size:12px; margin-right:10px;}
		
.happy { float:left; width:380px; margin-top:10px; margin-left:20px;}
	.happy .title { height:50px; position:relative;}
	.happy .title .happy-t { margin:0 0 0 20px; width:210px; height:50px; display:block; background:url(../images/index-bg.png) no-repeat 0 -100px}
	.happy .happy-bg {height:170px; background:url(../images/index-bg.png) no-repeat -210px 0 }
	.happy .happy-bg .box { width:325px; margin:0 auto; padding-top:20px;}

.index-box { width:1224px; margin:0 auto;}
.index-b2 .in-list {width:558px; margin-left:40px;}
.index-b2 .in-list ul { width:558px; height:170px; padding-top:10px; background:url(../images/index-bg.png) no-repeat -210px -180px }
.index-b2 .in-list li { width:520px; height:40px; line-height:40px;}
.index-b2 .more { background-position:-140px -104px;}
.index-b2 .more:hover { background-position:-210px -104px;}

.class-list li { overflow:hidden }
.class-list .grade {float:left; width:80px; height:40px; margin-right:20px; text-align:right; overflow:hidden;font-weight:bold; color:#45c1a6}
.class-list .class {float:left; width:300px; }
.class-list .class a { float:left; width:70px; margin-right:5px; height:40px;overflow:hidden; }
.class-list .class a:before { content:""}

.in-mxls { float:left; width:558px;  margin:30px 0 0 40px;}
.in-mxls ul { width:558px; height:170px; padding-top:10px; background:url(../images/index-bg.png) no-repeat -210px -180px }
.in-mxls li { float:left; margin:20px 0 0 20px; width:84px; height:104px; background:#fff; border:1px solid #ccc; text-align:center; padding-top:4px;}

.index-b3 .in-title { width:1136px; margin:20px auto 0}
.index-b3 .more { background-position:-280px -104px;}
.index-b3 .more:hover { background-position:-350px -104px;}
.yezp-bg { margin:0 auto; width:1136px; height:440px; overflow:hidden; background:url(../images/index-bg.png) no-repeat 0 -400px;}
.yezp-bg .box { margin:20px 0 0 30px; display:inline-block}
.yezp-bg a { float:left; margin:15px; width:230px; height:174px; display:block; padding:4px; border:1px solid #ccc; background:#fff;}

/*-------------------------------------------------------*/

.about-con { width:1166px; margin:0 auto; margin-bottom:20px;}
.about-top { width:1166px; height:30px; background:url(../images/about-bg.png) no-repeat}
.about-bg { position:relative; width:1166px; min-height:350px; background:url(../images/about-bg.png) repeat-y -1166px 0 }
.about-bot { width:1166px; height:30px; background:url(../images/about-bg.png) no-repeat bottom left}

.about-bg .title { margin:20px 0 20px 80px; display:inline-block; width:310px; height:70px; background:url(../images/title-a1.png) no-repeat}
.about-bg .ydfc-tt { background-position:0 -70px;}
.about-bg .yjym-tt { background-position:0 -140px;}
.about-bg .yebj-tt { background-position:0 -210px;}
.about-bg .jxjy-tt { background-position:0 -280px;}
.about-bg .zszl-tt { background-position:0 -350px;}
.about-bg .tszx-tt { background-position:0 -420px;}
.about-bg .lyb-tt { background-position:0 -490px;}
.about-bg .zxbm-tt { background-position:-310px 0px;}
.about-bg .mzsp-tt { background-position:-310px -70px;}
.about-bg .jcsp-tt { background-position:-310px -140px;}
.about-bg .yzxx-tt { background-position:-310px -210px;}
.about-bg .wjdc-tt { background-position:-310px -280px;}
.about-bg .tzgg-tt { background-position:-620px 0px;}
.about-bg .xwdt-tt { background-position:-620px -70px;}
.about-bg .jcwz-tt { background-position:-620px -140px;}
.about-bg .bjlb-tt { background-position:-620px -210px;}
.about-bg .mxls-tt { background-position:-620px -280px;}
.about-bg .mxye-tt { background-position:-620px -350px;}

.about-btn { position:absolute; left:40px; top:80px; width:140px; height:260px; background:url(../images/about-btn.png) no-repeat;}
.about-btn .box { margin:95px 0 0 20px; width:96px; text-align:center}
.about-btn a { height:46px; line-height:46px; display:block; border-bottom:1px dashed #ccc; font-size:16px;}

.about-list { width:1000px; margin:0 auto; min-height:500px; padding-bottom:10px;}
.about-list ul { background:url(../images/t-icon.png) no-repeat}
.about-list li { width:1000px; margin:0 auto; border-bottom:1px dashed #ccc; height:50px; line-height:50px; font-size:16px; position:relative}
.about-list li a { float:left; padding-left:50px; width:820px; display:block; overflow:hidden}
.about-list li .time { padding-right:20px; width:100px; float:left; color:#999}

.class-box .class a { border:1px solid #ccc; width:90px; text-align:center; margin:10px}
.class-box .class { width:880px;}

.about-text { margin:0 auto; width:1000px; line-height:36px; text-align:justify; text-justify:auto; font-size:16px; color:#333}
.about-text .title { padding-left:60px;  font-size:26px; font-weight:bold; height:70px; line-height:70px; color:#fff; background:#ffbe00}
.about-text .text { width:1000px; margin:0 auto; line-height:36px; font-size:16px; padding:20px 0; min-height:200px}

.about-photo { width:1000px; background:#fff; min-height:500px; padding-bottom:10px;}
.about-photo .title { padding-left:60px;  font-size:26px; font-weight:bold; height:70px; line-height:70px; color:#fff; background:#ffbe00}
.about-photo ul { width:1120px; margin:20px auto}
.about-photo li { float:left; width:348px; height:235px; margin-left:20px; margin-bottom:20px; }
.about-photo li img {width:348px; height:235px; border-radius:10px;}	

#focus{width:1000px;height:400px;margin:0 auto;}
#focus div{position:absolute;width:1000px;height:400px;overflow:hidden;}
#focus img{width:1000px;height:400px;}
#focus #focus_img{display:none;}

.btn-save input{ height: 40px}
.teacher_box { clear:both; width:1010px; min-height:200px;  margin:0 auto 30px; border:1px solid #dbdbdb; background:#FFF;}
	.teacher_box li { float:left;  width:114px; height:150px; margin:20px 0 10px 20px; text-align:center; }
	.teacher_box a { padding-top:4px;border:1px solid #d7d7d7; display:block; width:84px;height:104px; line-height:30px; background:#fff; }
	.teacher_box span { display:block}
	.teacher_title { color:#2c6b87; font-size:16px; padding:7px 0px 5px 15px; line-height:20px; background:#dff5ff; }
	
	.wjdc_box { width:1000px; border:1px solid #dbdbdb;}
	.wjdc_box .mx_title { background:#dff5ff; color:#2c6b87; font-size:14px;  padding-left:15px;padding-top:7px; padding-bottom:5px; #height:20px; line-height:20px;}
	.wjdc_box h2 {background:#dff5ff; color:#2c6b87; padding-left:10px; border-bottom:1px solid #dbdbdb; font-size:14px; line-height:36px; }
	.wjdc_box li { padding-left:20px; line-height:30px;}
	.wjdc_box input { padding:5px;}
	.wjdc_box textarea { padding:5px; margin:5px;}
	.wjdc_box span { display:block; float:left; padding-right:20px;}

.restore{ margin:0 auto; width:1000px; height:auto; border:1px solid #dbdbdb; background:#fff;}
	.restore .title{ float:left; width:100%; height:26px; color:#2c6b87; line-height:26px; background:#dff5ff; border-bottom:1px solid #dbdbdb; }
	.restore .title h2{ margin-top:0px; font-size:14px; }
	.restore .title img{ margin:0 10px; }
	.restore table{ margin:10px auto; width:100%; border-collapse:collapse; }
	.restore table td{ padding:6px; }
	.restore table th{ padding-right:10px; color:#6d6d6d; line-height:26px; text-align:right; width:90px; }
	.restore table textarea{ margin-left:16px; width:700px; height:150px;}
	.short{ padding:0 2px; width:500px; height:21px; line-height:20px; color:#67543f;  background:#ffffef; border:1px solid #c5c5c5; }
	.short1{ padding:0 2px; width:100px; height:21px; line-height:20px; color:#67543f;  background:#ffffef; border:1px solid #c5c5c5; }
	
	/* about-文章 */
	.tableText{ margin:0 auto; border-collapse:collapse; width:88%; font-size:14px; line-height:30px; color:#383838;}
	.tableText img{ margin:0 auto;}
				
	/* about-message board */	
	.subjuct{ margin:0 auto; margin-top:20px; width:1000px; height:auto; }
	.subjuct{ border:1px solid #f0d8c0; background:#fff; }
	.subjuct .titleBox{ border-bottom:1px solid #f0d8c0; background:#fee8a4; color:#c4af6c; float:left; width:1000px; padding:2px 0px; line-height:28px;}
	.subjuct .titleBox img{ margin-top:5px;}
	.subjuct img{ margin:0 10px; }
	.subjuct h4 { font-size:14px; color:#b43300; font-weight:bold; text-decoration:none;}
	.subjuct .titleBox p{ margin:0 10px;}
	.subjuct em{ color:#866e23; }
	.subjuct .hfct { background:url(../images/hfct.gif) no-repeat; width:77px; height:28px; margin-left:10px;text-align:center; float:left; line-height:28px;}
	.subjuct .hfct a { color:#0099ff;}
	.subjuct .left1 { float:left}
				
	.subjuct .text{ clear:both; margin:0 auto; padding:5px 10px 5px; width:1000px; min-height:40px; line-height:24px; text-align:left;  }
	.subjuct .text p{ text-indent:24px; }
	.subjuct .text p a{ color:#494949; text-decoration:none; }
	.subjuct .text p a:hover{ color:#e14c7d; text-decoration:none; }
	
	
	.subjuct .time{width:1000px; height:22px; color:#aca8a2; line-height:22px; text-align:right; background:#f5f1ec;}
	.subjuct .time span{ margin:0 8px; font-size:12px}
	.subjuct .time em{ color:#937147; font-size:12px }
	.subjuct .time p{ margin:0 12px; font-size:12px}
	.subjuct .time p a{ color:#c6948d; font-size:12px}
	.subjuct .time p a:hover{ color:#ff0066; text-decoration:underline; }
	
	/* about-message board Scott */
	.scott{ margin:0 auto; padding:10px 0;  width:1000px; height:30px; line-height:30px; color:#004399; text-align:center;}
	.scott a{ margin:0 10px; color:#006fff; text-decoration:none;}
	.scott a:hover{ color:#a6006d; text-decoration:none;}
	
	/* about-message board Restore */
	.orange{ color:#ff3c00; }
	.zxbm_table { margin:0 auto; width:1000px;}
	.restore{ margin:0 auto; width:1000px; height:auto; border:1px solid #dbdbdb; background:#fff;}
	.restore .titleBox{ float:left; width:1000px; height:26px; color:#2c6b87; line-height:26px; background:#dff5ff; border-bottom:1px solid #dbdbdb; }
	.restore .titleBox h2{ margin-top:0px;#margin-top:0px;_margin-top:6px; font-size:14px; }
	.restore .titleBox img{ margin:0 10px; }
	.restore table{ }
	.restore table td{ padding:6px; color:#d75600; }
	.restore table th{ padding-right:4px; width:100px; color:#6d6d6d; line-height:26px; text-align:right; border:none; }
	.restore table textarea{ width:500px; height:150px; background:#ffffef; border:1px solid #c5c5c5;}
	.short{ padding:0 2px; width:500px; height:21px; line-height:20px; color:#67543f;  background:#ffffef; border:1px solid #c5c5c5; }
	.short1{ padding:0 2px; width:100px; height:21px; line-height:20px; color:#67543f;  background:#ffffef; border:1px solid #c5c5c5; }

	/*page*/
	.about_page{ margin:0 auto; margin-top:10px; width:1000px; border:1px solid #e1d6ad; height:30px; font-size:14px; line-height:30px; background:#fff4df}
	.about_page span{ float:left; padding-left:20px;}
	.about_page p{ float:right; padding-right:20px;font-size:14px}
	.about_page a{ margin:0 10px; font-size:14px; color:#6c3c14; cursor:pointer; text-decoration:none;}
	.about_page a:hover{ color:#cf5d00; text-decoration:none;}

	


.lyb-btn input { width:320px;}























