﻿@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre,  form, fieldset, legend, button, textarea, th, td, img {margin: 0;padding: 0;border:none; font-family: 'Microsoft YaHei';}
img { border:0;}
ol,ul li,dl,dt,dd {list-style:none;}
a{outline:none;color:#606060; text-decoration:none;  font-weight:normal;font-family: 'Microsoft YaHei';}
a:hover{color:#BB2200;text-decoration:none;}
.clear{clear:both;}	


.width-1100 { width: 1100px;  margin: 0 auto; clear: both;}
.width-1200 { width: 1200px;  margin: 0 auto; clear: both;}

.header .top { height: 150px; background:#294e94; position: relative}
.header .top .logo { width: 1200px; height: 150px; margin: 0 auto; background: url(../images/logo.png) no-repeat 40px 15px}
.header .menu { position: absolute; bottom: -64px; z-index: 21; width: 100%; height: 64px; background: url(../images/meng-bg.png) repeat-x;}
.header .menu .menu-bg { position: absolute; bottom: 0px; z-index: 21; width: 100%; height: 64px; background: url(../images/meng-bg.png) repeat-x;}
.header .menu .menu-hbg { position: absolute; bottom: -40px; z-index: 20; width: 100%; height: 64px; background:rgba(255,255,255,0.8)}
.header .menu .nav {  width: 1200px;  margin: 0 auto; color: #fff}
.header .menu .nav a { height: 30px; margin: 10px 0 0 0; text-align: center; color: #fff; line-height: 30px; width: 120px; float: left; font-size: 18px;}
.header .menu .nav a:hover { background: #fff; border-radius: 100px; color: #000; }
.header .menu .nav .nav-h { position: absolute; left: 0; top:55px ; z-index: -1; color: #333; width: 100%; height: 64px; }
.header .menu .nav .nav-h a {  color: #000; width: 130px;font-size: 16px; }
.header .menu .nav .nav-h a:hover {  color: #294e94}
.header .menu-hbg {  display: none}
.header .menu-a1 .nav-h { display: none}
.header .menu:hover .menu-hbg { display: block }
.header .menu-a1 {height: 45px; margin: 10px 0 0 0; text-align: center; color: #fff; line-height: 30px; width: 120px; float: left;}
.header .menu-a1:hover span { display: block; width: 120px; height: 30px; background: #fff; border-radius: 100px; color: #000;}
.header .menu-a1:hover .nav-h{ display: block;}
.header .menu-a1 span { font-size: 18px;}



.header .in-photo { min-width: 1200px; height: 510px; background: url(../images/in-photo.jpg) no-repeat center bottom}

.user { margin: 140px 0 0 50px; display: inline-block; width: 250px; height: 225px; background: #fff; border-radius: 10px;}


.login .box { position:relative;  margin: 150px 0 0 50px; display: inline-block; width: 250px; height: 225px; background: #fff; border-radius: 10px; }
.login .box ul { position:absolute; width:280px; height:200px; z-index:1; left:20px; top:25px;}
.login .box li { margin-bottom:15px;}
.login .box .input_a1 { width:180px; padding-left: 20px; height:30px; border:2px solid #ececec; font-size:14px; background:none; border-radius: 100px;font-family: 'Microsoft YaHei';}
.login .box .input_a2 { width:100px; padding-left: 20px; height:30px; border:2px solid #ececec; font-size:14px; background:none; border-radius: 100px;font-family: 'Microsoft YaHei';}
.login .box .yzm { margin-left:10px; padding-top: 10px;}

.login .box .btn a { width:200px; height:30px; line-height: 30px; background:#3399cc; border-radius:115px; text-align:center; display:block; font-size:14px; color:#fff;  position:absolute; right:75px; bottom:15px; z-index:3;}
.login .box .btn a:before {content:"登录";  display:block; margin:0 auto}

.login .box .btn a:hover { background:#0d7bb2}







.tips { height: 60px; background: #e65945;}
.tips .name { float: left; margin: 20px 0 0 0; display: inline-block; width: 150px; height: 40px; background: url(../images/in-name.png) no-repeat }
.tips .text { float: left; width: 920px; height: 30px; margin-top: 20px; color: #fff;}
.in-box-a1 { height: 2180px; background: url(../images/in-bg.png?v=1) no-repeat top center }

.list { position: relative; float: left; margin-top: 100px; width: 520px; height: 335px; border-radius: 10px; background: #f7f8f8;}
.list .top { position: absolute; top: -87px; left: 0;}
.list ul { padding-top: 15px;}
.list li { margin: 0 auto; width: 450px; height: 56px; line-height: 56px; border-bottom: 1px dashed #ccc; overflow: hidden}
.list li:before { content: "●"; padding-right: 10px; color: #294e94;}

.xwdt-list { margin-right: 60px;}
.xwdt-list .icon { float: left; width: 124px; height: 110px; display: block; background: url(../images/icon.png) no-repeat}
.xwdt-list .name { float: left; margin-top: 50px; width: 140px; height: 44px; display: block; background: url(../images/in-name.png) no-repeat 0 -64px}
.xwdt-list .more { float: left; margin-top: 50px; width: 82px; height: 28px; line-height: 28px; text-align: center; display: block; background: #294e94; color: #fff; font-size: 12px; border-radius: 100px;font-weight: bold}

.tzgg-list li:before { content: "●"; padding-right: 10px; color: #e65945;}
.tzgg-list .icon { float: left; width: 124px; height: 100px; display: block; background: url(../images/icon.png) no-repeat 0 -110px}
.tzgg-list .name { float: left; margin-top: 50px; width: 140px; height: 44px; display: block; background: url(../images/in-name.png) no-repeat 0 -128px}
.tzgg-list .more { float: left; margin-top: 50px; width: 82px; height: 28px; line-height: 28px; text-align: center; display: block; background: #e65945; color: #fff; font-size: 12px; border-radius: 100px;font-weight: bold}


.yezp { margin: 40px 0 0 25px; height:495px; display: inline-block;position: relative;}

.yezp .yezp-img {  height: 375px; overflow: hidden}
.yezp .top { position: absolute; left: 0px; top: 0; z-index: 99; width:278px; height:178px; background: #f9be00; margin: 0 10px 10px 0;}	
.yezp .yezp-img a:nth-child(1) { margin-left: 288px;}
.yezp .yezp-img a { float: left; margin: 0 10px 10px 0; }	
.yezp .yezp-img a img { width:278px; height:178px;}
.yezp .name { margin: 40px auto 0; width: 160px; height: 44px; display: block; background: url(../images/in-name.png) no-repeat 0 -180px}
.yezp .more { margin: 20px auto 0;  width: 82px; height: 28px; line-height: 28px; text-align: center; display: block; background: #fff; color: #f9be00; font-size: 12px; border-radius: 100px;font-weight: bold}



.hlsg {  position: relative; margin-top: 260px; }
.hlsg .top { position: absolute; top: -89px; left: 80px;}
.hlsg .icon { float: left; margin-left:100px; width: 124px; height: 100px; display: block; background: url(../images/icon.png) no-repeat 0 -216px}
.hlsg .name { float: left; margin-top: 50px; width: 140px; height: 44px; display: block; background: url(../images/in-name.png) no-repeat 0 -260px}
.hlsg .more { float: left; margin-top: 50px; width: 82px; height: 28px; line-height: 28px; text-align: center; display: block; background: #147dba; color: #fff; font-size: 12px; border-radius: 100px; font-weight: bold}
.hlsg-bg { margin:0 auto; width: 828px; height: 562px; background: #fff; padding: 15px; border-radius: 10px;}



 
.mxls-ye { float: left; position: relative; margin-left: 40px }
.mxls-ye .top { position: absolute; top: -120px; left:20px;}
.mxls-ye .top .icon { float: left; width: 124px; height: 130px; display: block; background: url(../images/icon.png) no-repeat 20px -315px}
.mxls-ye .top .name { float: left; margin-top: 70px; width: 220px; height: 44px; display: block; background: url(../images/in-name.png) no-repeat 0 -325px}
.mxls-ye .top .more { float: left; margin-top: 70px; width: 82px; height: 28px; line-height: 28px; text-align: center; display: block; background: #147dba; color: #fff; font-size: 12px; border-radius: 100px; font-weight: bold}

.mxls { float:left; width: 550px; height: 180px}
.mxls li { float: left; margin: 0 12px;}
.mxls li a {  width: 102px; height: 102px; display: block; padding: 5px; background: #fff; border-radius: 10px}
.mxls li a img {border-radius: 10px; width:102px; height:102px;}
.mxls li .name { line-height: 30px; color: #fff; text-align: center;display: block}
.ls li .name { color: #333;}


.in-btn { width:1110px; margin:0 auto}
.in-btn a { width: 240px; height: 108px; box-sizing:border-box; float: left; display: block; margin: 60px 0px 0 30px;  border-radius: 10px;}
.in-btn .btn-a1 { background: #46d3d2}
.in-btn .btn-a2 { background: #ff715d}
.in-btn .btn-a3 { background: #a4d145}
.in-btn .btn-a4 { background: #f9be00}
.in-btn .btn-a1:hover { background: #33bbba}
.in-btn .btn-a2:hover { background: #ec5f4b}
.in-btn .btn-a3:hover { background: #92bd37}
.in-btn .btn-a4:hover { background: #e8a400}


.in-btn .btn-a1 .icon { width: 240px; height: 100px; display: block; margin: 0 auto; background: url(../images/btn-icon.png) no-repeat}
.in-btn .btn-a2 .icon { width: 240px; height: 100px; display: block; margin: 0 auto; background: url(../images/btn-icon.png) no-repeat 0 -108px}
.in-btn .btn-a3 .icon { width: 240px; height: 100px; display: block; margin: 0 auto; background: url(../images/btn-icon.png) no-repeat 0 -216px}
.in-btn .btn-a4 .icon { width: 240px; height: 100px; display: block; margin: 0 auto; background: url(../images/btn-icon.png) no-repeat 0 -324px}

.jcwz-list { margin-right: 60px; margin-top: 70px;}
.jcwz-list .icon { float: left; width: 124px; height: 110px; display: block; background: url(../images/icon.png) no-repeat 0 -440px}
.jcwz-list .name { float: left; margin-top: 50px; width: 140px; height: 44px; display: block; background: url(../images/in-name.png) no-repeat 0 -385px}
.jcwz-list .more { float: left; margin-top: 50px; width: 82px; height: 28px; line-height: 28px; text-align: center; display: block; background: #f9be00; color: #fff; font-size: 12px; border-radius: 100px;font-weight: bold}
.jcwz-list li:before { content: "●"; padding-right: 10px; color: #f9be00;}

.bjlb-list {margin-top: 70px; margin-bottom:40px;}
.bjlb-list .icon { float: left; width: 124px; height: 110px; display: block; background: url(../images/icon.png) no-repeat 0 -552px}
.bjlb-list .name { float: left; margin-top: 50px; width: 140px; height: 44px; display: block; background: url(../images/in-name.png) no-repeat 0 -450px}
.bjlb-list .more { float: left; margin-top: 50px; width: 82px; height: 28px; line-height: 28px; text-align: center; display: block; background: #a4d145; color: #fff; font-size: 12px; border-radius: 100px;font-weight: bold}
.bjlb-list li:before { content: ""; padding-right: 10px; color: #f9be00;}


.bjlb-list  .clsslist li { height:74px; border: 0;}
.bjlb-list .clsslist .grade {  width:80px; height:70px; line-height: 70px;  float:left;  text-align:center; font-size:18px; color:#fff;background:url(../images/icon_a2.png) no-repeat -500px -579px;}
.bjlb-list .clsslist .class { float:left;  width:330px; height:70px; line-height:70px; text-align:center}
.bjlb-list .clsslist .class a {float:left;  margin:0px 5px; display:block; width:70px; height:70px; background:url(../images/icon_a2.png) no-repeat -620px -579px;}

.bjlb-list .clsslist li:nth-child(1) .grade { background: url(../images/class-bg.png) no-repeat }
.bjlb-list .clsslist li:nth-child(2) .grade { background: url(../images/class-bg.png) no-repeat 0 -80px}
.bjlb-list .clsslist li:nth-child(3) .grade { background: url(../images/class-bg.png) no-repeat 0 -160px}
.bjlb-list .clsslist li:nth-child(4) .grade { background: url(../images/class-bg.png) no-repeat 0 -240px}


	.copyright-bg { height: 210px; background: #a5d146}
	.copyright { width:1150px; margin:0 auto; color:#333; font-size:14px; line-height:32px; padding-top:30px; position:relative}
	.copyright .yqlj { width:300px; height:30px; position:absolute; right:20px; top:30px; z-index:1}
	.copyright .yqlj span { padding:0 5px;}
	.copyright .yqlj select { width:180px; height:30px; line-height:30px;} 
	.copyright .ewm {width:122px; height:122px; position:absolute; right:100px; top:70px; z-index:1}}


.about_top {background:#e65945 }

.about_box .about_top { width:100%; height:100px; background:#e65945}
.about_box .about_bot_a1 { display: none; width:100%; height:70px; background:url(../images/bg.png) repeat-x 0px -140px;}
.about_box .about_bot_a2 { display: none;  width:100%; height:70px; background:url(../images/bg.png) repeat-x 0px -210px;}
.about_box .about_bot_a3 { display: none;  width:100%; height:70px; background:url(../images/bg.png) repeat-x 0px -280px;}
.about_box .about_bot_a4 { display: none;  width:100%; height:70px; background:url(../images/bg.png) repeat-x 0px -350px;}
.about_box .about_bot_a5 { display: none;  width:100%; height:70px; background:url(../images/bg.png) repeat-x 0px -420px;}
.about_box .about_bot_a6 { display: none;  width:100%; height:70px; background:url(../images/bg.png) repeat-x 0px -490px;}
.about_box .con_box {  padding:10px 0 30px 0; background:url(../images/about-bg.png) center top}
.about_box .con_top { width:1200px; height:60px; margin:0 auto;background:url(../images/con_box.png) no-repeat}
.about_box .con_bg { width:1100px; margin:0 auto; padding:50px 0; border-radius: 10px; background:#e3e3e3}
.about_box .con_bot { width:1100px; height:60px; margin:0 auto;background:url(../images/con_box.png) no-repeat left bottom}
.about_box .con_text { width:900px; padding: 25ox 0; margin:0 auto; line-height:36px; color: #000}

.about_box .a_title { width:1200px; padding:30px 0 0 80px; font-size:30px; color:#fff; margin:0 auto; }
.about_box .title_text { text-align:center; padding-top:30px;font-size:28px; }
.about_box .about_btn { width:1220px; padding-top:20px; margin:0 auto;}
.about_box .about_btn .ysjs { float:left; width:200px; line-height:60px; font-size:30px; color:#fff; text-align:center}
.about_box .about_btn a { float:left; margin-right:10px; width:160px; height:75px; display:block; text-align:center; line-height:60px; font-size:20px; color:#000; background:url(../images/about_btn.png) no-repeat }
.about_box .about_btn a:hover,.about_box .about_btn .on { color: #953c01; background:url(../images/about_btn.png) no-repeat -160px 0;}

.about_box .about_btn .xxyd,.about_box .about_btn .dyzl,.about_box .about_btn .wsdx { position: relative;float:left; margin-right:10px; width:160px; height:75px; display:block; text-align:center; line-height:60px; font-size:20px;  background:url(../images/about_btn.png) no-repeat}

.about_box .about_btn .hover { display: none; }
.about_box .about_btn .hover a {  height: 40px; line-height: 40px; margin-bottom: 10px; background:none #ccc; border-radius: 10px;}
.about_box .about_btn .hover a:hover { color: #953c01;}
.about_box .about_btn .xxyd:hover .hover { display: block; position: absolute; left: 0; bottom:-100px}
.about_box .about_btn .dyzl:hover .hover { display: block; position: absolute; left: 0; bottom:-100px}
.about_box .about_btn .wsdx:hover .hover { display: block; position: absolute; left: 0; bottom:-100px}









.about_box .con_bg .con_list { margin:0 auto; width:1000px; background:url(../images/about_list.png) no-repeat}
.about_box .con_bg .con_list li { width:1100px;  height:82px; line-height:82px; margin:8px 0; display:inline-block}
.about_box .con_bg .con_list li a { margin-left:90px; width:780px; height:82px; display:inline-block; font-size:18px;}
.about_box .con_bg .con_list li .time { text-align:center; color:#999}

.page { width:1150px; margin:0 auto; padding-top:30px; padding-bottom:30px;}
.page .page_left { float:left; padding-left:20px; color:#fff}
.page .page_right { float:right}
.page .page_right a { margin:0px 10px; display:inline-block; border-radius:5px; width:80px; height:32px;  line-height:32px; text-align:center; background:#fff; color:#333}








.teacher_box { width:900px;  margin:0 auto; border:1px solid #dbdbdb; background:#FFF; margin-top: 30px}
	.teacher_box li { float:left; text-align:center; margin-left:20px; margin-top:10px; display:inline; padding-top:15px;}
	.teacher_box a { padding:3px; border:1px solid #d7d7d7; display:block; width:114px;height:114px; line-height:30px; background:#fff; }
	.teacher_title { color:#2c6b87; font-size:14px; padding:7px 0px 5px 15px; line-height:20px; background:#dff5ff; }
	/*bjlb star*/
	.bjlb_Abox { width:950px;  margin:0 auto; border:1px solid #dbdbdb; background:#FFF}
	.bjlb_Atitle { color:#2c6b87; font-size:14px; padding:7px 0px 5px 15px; line-height:20px; background:#dff5ff; }
	
	.bjlb_Ttext,.bjlb_Ttitle { border-bottom:1px solid #dbdbdb}
	.bjlb_Ttitle { font-weight:bold; text-align:right; width:70px; padding:10px;}
	.bjlb_Ttext a {  border:1px solid #d7d7d7; display:inline-block; height:30px; width:95px; overflow:hidden; text-align:left; padding-left:10px; line-height:30px; background:#fff; margin:10px; }
	.bjlb_Ttext a:hover { background:#f2f2f2}
	/* about-message board Restore */
	
	
	
	.orange{ color:#ff3c00; }
	.restore{ margin:0 auto; width:948px; 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;#margin-top:0px;_margin-top:6px; 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; width:948px; height:auto; }
	.subjuct{ border:1px solid #f0d8c0; background:#fff; }
	.subjuct .titleBox{ border-bottom:1px solid #f0d8c0; background:#fee8a4; color:#c4af6c; float:left; width:948px; 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:948px; height:auto; 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:948px; 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:948px; 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:948px;}
	.restore{ margin:0 auto; width:948px; height:auto; border:1px solid #dbdbdb; background:#fff;}
	.restore .titleBox{ float:left; width:948px; 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; }







































