@charset "gbk";



/* floatdiv

=========================================*/

.floatdiv {

	width: 100%;

	height: 0;

	top: 0;

	z-index: 1000;

}

.float {

	position: absolute;

	_position: absolute;

	left: 0;

	top: 155px;

	z-index: 100;

}



/*  HeaderWrap

=========================================*/

#HeaderWrap {

	width: 100%;

	padding: 20px 0;

	background: #f0efec url(../images/hd_bg001.gif) repeat-x left bottom;

	position: relative;

	z-index: 10;

	text-align: center;

}

#Header {

	display: block;

	width: 1240px;

	margin: 0 auto 0 auto;

	line-height: 1;

	text-align: left;

}

#Header #Logo {

	float: left;

}

#Header .navBox {

	float: left;

	width: 720px;

	padding: 10px 0 0 35px;

}

#Nav {

	/*float: right;*/

	display: table;

	*display: block;

	border-left: 1px solid #999999;

	border-right: 1px solid #fff;

}

#Nav li {

	display: table-cell;

	*float: left;

	padding: 5px 0;

	border-left: 1px solid #fff;

	border-right: 1px solid #999;

	text-align: center;

	/*position: relative;*/

}

#Nav li a {

	display: block;

	padding: 0 8px;

	font-size: 14px;

	color: #404040;

	font-weight: bold;

	text-decoration: none;

}

#Nav li a:hover {

	color: #618eb9;

	text-decoration: none;

}

#Nav li a.current {

	color: #618eb9;

	text-decoration: none;

	font-weight: bold;

}

#Nav li .topSubNav {

	display: none;

	background: #ebeae4;

	padding: 5px 10px;

	position: absolute;

	top: 82px;

}

#Nav li .topSubNav li {

	float: none;

	display: block;

	border: none;

	border-bottom: 1px solid #fff;

	line-height: 1;

}

#Nav li .topSubNav li.last {

	border: none;

}

#Nav li .topSubNav li a {

	padding: 5px 0;

	font-size: 12px;

	font-weight: normal;

	text-align: center;

	width:70px;

}

#Header .fontBox {

	float: right;

	padding: 10px 0 0 0;

}

#Header .fontBox ul li {

	float: left;

	padding-left: 10px;

}





/*  PathWrap

=========================================*/

#PathWrap {

	width: 100%;

	background: url(../images/bg_hr001.gif) repeat-x;

}

#Path {

	width: 960px;

	margin: 0 auto;

	zoom: 1;

}

#Path li {

	float: left;

	padding: 6px 0 2px 35px;

	font-size: 110%;

	color: #696969;

	background: url(../images/bg_path001.png) no-repeat 0 50%;

}

#Path li.home {

	padding: 6px 0 2px 0;

	background: 0;

}



#Path li a {

	/*display: inline-block;

	padding: 6px 0 2px 0;*/

	color: #618eb9;

	text-decoration: none;

}

#Path li a img {

	padding: 0 7px 0 1px;

	vertical-align: -0.1em;

}

#Path li a:hover {

	text-decoration: underline;

}





/* SlideWrap

=========================================*/

#SlideWrap {

	width: 100%;

	padding-top: 1px;

	background: url(http://saveeli.com/sdqd/images/bg_hr001.png) repeat-x;

	overflow: hidden;

	position: relative;

	z-index: 1;

}

#SlideWrap .inner {

	width: 100%;

	padding-bottom: 1px;

	background: url(../images/bg_comB.gif) repeat-x left bottom;

}

#Slide {

	position: relative;

	left: 50%;

	/*width: 1280px;*/

	margin: 0 auto 0 -641px;

}

#Slide .picContainer {

	/*width: 1280px;*/

	height: 545px;

	overflow: hidden;

}

#Slide .picContainer .pic {

	width: 100%;

	/*position: relative;*/

}

#Slide .picContainer .pic01 .aC {

	background: #fff url(../images/slide_ph001.jpg) no-repeat center center;

}

#Slide .picContainer .pic02 .aC {

	background: #fff url(../images/slide_ph002.jpg) no-repeat center center;

}

#Slide .picContainer .pic03 .aC {

	background: #fff url(../images/slide_ph003.jpg) no-repeat center center;

}

#Slide .picContainer .pic04 .aC {

	background: #fff url(http://saveeli.com/sdqd/images/slide_ph004.jpg) no-repeat center center;

}

#Slide .picContainer .pic .aC {

	width:100%;

	height:545px;

	background-size: cover!important;

}

#Slide .picContainer .il01{

	position:absolute;

	top:90px;

	z-index:2;

}



#Slide .picContainer .pic02 ,

#Slide .picContainer .pic03 ,

#Slide .picContainer .pic04 ,

#Slide .picContainer .pic05 ,{

	display: none;

}



#Slide .picContainer .box03 {

	position: absolute;

	top: 128px;

	padding: 30px 35px 30px 35px;

	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#F22865A0', endColorstr='#F22865A0');

	background: rgba(40,101,160,0.95);

}

#SliderNav {

	position: absolute;

	left: 0;

	bottom: 4px;

	width: 100%;

	height: 60px;

	background: url(../images/slidernav_bg001.png) repeat-x left bottom;

}

#SliderNav ul {

	text-align: center;

}

#SliderNav ul li {	

	display: inline-block;

	*display: inline;

	padding: 0 20px;

}

#SliderNav ul li a {

	display: inline-block;

}

#SliderNav ul li span.photo {

	position: relative;

	display: inline-block;

	padding: 1px;

	margin-right: 7px;

	background: #fff;

	box-shadow: 0px 0px 1px #cce0e8;

}

#SliderNav ul li span.photo span.on {

	position: absolute;

	left: 0;

	top: 0;

	z-index: 10;

	display: none;

	width: 59px;

	height: 44px;

	background: none;

}

#SliderNav ul li.current span.photo span.on {

	border: 3px solid #f1852d;

}

#SliderNav ul li a:hover span.photo span.on {

	border: 3px solid #f1852d;

}

/*#SliderNav ul li a:hover span.txt img {

	opacity: 0.55;

	filter: alpha(opacity=55);

}*/

#SliderNav ul li.current span.photo span.on ,

#SliderNav ul li a:hover span.photo span.on {

	display: block;

}

#SliderNav ul li span.txt {

	display: inline-block;

	font-size: 14px;

	font-weight: bold;

}

#Slide .slideBar {

	width: 25%;

	height: 4px;

	background: url(../images/slide_bar.gif) repeat-x;

}



/* topWrap

=========================================*/

.topWrap {

	width: 100%;

	background: url(../images/bg_comT.gif) repeat-x;

	border-top: 1px solid #fff;

	text-align: center;

}

.topWrap .inner {

	width: 100%;

	padding-bottom: 10px;

	background: url(../images/bg_comB.gif) repeat-x left bottom;

	text-align: center;

}



.topWrap .boxStyle01 {

	width: 100%;

	background: #e2f5fe;

}

.topWrap .boxStyle01 .inner {

	padding-bottom: 35px;

	background: url(http://saveeli.com/sdqd/images/bg_hr001.png) repeat-x;

}



.topWrap .boxStyle02 {

	width: 100%;

	background: url(http://saveeli.com/sdqd/images/com_bg_box03.gif) repeat;

}

.topWrap .boxStyle02 .inner {

	padding-bottom: 40px;

	background: url(http://saveeli.com/sdqd/images/bg_hr001.png) repeat-x;

}

.topWrap #Main h2 {

	padding: 0 0 12px 0;

}

.topWrap .inner h2 span.txt {

	float: left;

}

.topWrap table {

	width: 100%;

}

.topWrap table td.left {

	padding: 0 35px 15px 0;

	border-right: 1px solid #d8d8d8;

	vertical-align: top;

}

.topWrap table td.right {

	padding:0 0 15px 25px;

	vertical-align: top;

}

.topWrap table h2 {

	padding: 40px 0 23px;

}

.topWrap table .twoCol {

	padding-bottom: 15px;

}

.topWrap table .twoCol .imgL {

	width: 96px;

	padding: 2px 6px 7px 6px;

	background: url(../images/bg_photo1.gif) no-repeat;

}

.topWrap table .twoCol .colR {

	width: 330px;

}

.topWrap table .twoCol .colR span.title {

	display: block;

	color: #386fa8;

	font-size: 15px;

}

.topWrap table .twoCol .colR p.link a {

	font-size: 150%;

	font-weight: bold;

	line-height: 1.5;

}

.topWrap table .twoCol .colR .text {

	padding-top: 10px;

	font-size: 12px;

	line-height: 1.7;

}

.topWrap .inner .newsList dt {

	padding: 6px 0;

}

.topWrap .inner .newsList dd {

	padding: 6px 10px 6px 17em;

}

.topWrap .bnBox01 {

	width: 978px;

	margin: 0 auto;

	padding: 30px 0;

	text-align: center;

}

.topWrap .bnBox01 a {

	display: inline-block;

	margin: 0 8px;

	/*background: #FFF;*/

}





/*  Wrap

=========================================*/

#Wrap {

	width: 100%;

}

.feature #Wrap {

	background: url(http://saveeli.com/sdqd/images/bg_title02.gif) repeat-x left top;

}

.service #TitleWrap {

	background: #edf7fc url(http://saveeli.com/sdqd/images/bg_title_service.jpg) no-repeat center top;

}

.casestudy #TitleWrap {

	background: #e4f7ff url(http://saveeli.com/sdqd/images/bg_title_casestudy.jpg) no-repeat center top;

}

.feature #TitleWrap {

	background: #f7f7f7 url(http://saveeli.com/sdqd/images/bg_title_feature.jpg) no-repeat center top;

}

.company #TitleWrap {

	background: #f5f4ee url(http://saveeli.com/sdqd/images/bg_company.jpg) no-repeat center top;

}





/*  ContentWrap

=========================================*/

#ContentWrap {

	width: 100%;

	padding-bottom: 60px;

	background: url(../images/bg_comB.gif) repeat-x left bottom;

	text-align: center;

}

.topWrap #ContentWrap {

	padding-bottom: 50px;

}

#Content {

	width: 960px;

	padding: 40px 0 0 0;

	margin: 0 auto;

	text-align: left;

}

.admin #ContentWrap {

	padding: 105px 0 150px 0;

	background: none;

	border-bottom: 1px solid #e6e6e6;

}

#Title {

	width: 100%;

	background:#e1fbff url(http://saveeli.com/sdqd/images/bg_hr001.png) repeat-x;

}

#Title .title {

	width: 1100px;

	padding-left:140px;

	height: 110px;

	margin: 0 auto;

	font-size: 36px;

	font-weight: bold;

	line-height: 115px;

	background: url(http://saveeli.com/sdqd/images/bg_title2.jpg) no-repeat left top;

}



#Title_party {

	width: 100%;

	background:#990002 url(http://saveeli.com/sdqd/images/bg_hr001.png) repeat-x;

}

#Title_party .title_party {

	width: 1100px;

	padding-left:140px;

	height: 110px;

	margin: 0 auto;

	font-size: 36px;

	font-weight: bold;

	line-height: 115px;

	color:#fff;

	background: url(../images/bg_title3.jpg) no-repeat left top;

}



#Title .ttl {

	width: 960px;

	height: 83px;

	padding: 27px 0 0 0;

	margin: 0 auto;

}

#Title .ttl span {

	display: block;

}

#Title .ttl span.cate {

	padding-bottom: 10px;

	font-size: 16px;

	font-weight: bold;

	line-height: 1;

	color: #999999;

}

#Title .ttl span.ft34 {

	font-size: 34px;

	font-weight: bold;

	line-height: 1;

}



/* teacher_title */

.teacher_title{

	background:#e1fbff;

}

.teacher_title .inner{

	width:1240px;

	margin:0 auto;

	padding-left:40px;

}





#Content {

	width: 960px;

	padding: 40px 0 0 0;

	margin: 0 auto;	

}

#Content #Main {

	float: left;

	width: 720px;

	font-size:14px;

}

#Content #Main .section {

	padding-bottom: 50px;

}

/* Side */

#Content #Side {

	float: right;

	width: 212px;

}

#Content #Side .leadBox {

	margin-bottom: 20px;

	background: url(../images/bg_comB.gif) repeat-x left bottom;

	border-width: 4px 1px 1px 1px;

	border-color: #2865a0 #ececec #c5c5c5 #ececec;

	border-style: solid;

	box-shadow: 0px 0px 1px #c5c5c5;

}

#Content #Side .leadBox a {

	color: #386fa8;

}

#Content #Side .leadBox h2 {

	padding: 15px 15px;

	font-size: 16px;

	line-height: 1.4;

	color: #2865a0;

	font-weight: bold;

	background: url(../images/bg_comB.gif) repeat-x left bottom;

}

#Content #Side .leadBox h2 a:hover {

	text-decoration: none;

}

#Content #Side .leadBox .box {

	padding: 5px 0 7px 0;

	border-top: 1px solid #ececec;

}

#Content #Side .leadBox .box h3 {

	padding: 10px 0 2px 0;

	margin: 0 15px 10px;	

	font-size: 130%;

	font-weight: bold;

	border-bottom: 2px solid #ececec;

}

#Content #Side .leadBox .box ul {

	font-size: 120%;

}

#Content #Side .leadBox .box ul li {

	padding-bottom: 1px;

	line-height: 1.3;

	background: url(../images/bg_hr_dot002.gif) no-repeat center bottom;

}

#Content #Side .leadBox .box ul li.last {

	background: none;

}

#Content #Side .leadBox .box ul li a {

	display: block;

	padding: 9px 15px;

}

#Content #Side .leadBox .box ul li a:hover {

	background: #e2f2f8!important;

	text-decoration: none;

}



#Content #Side .leadBox .box ul.menuList {

	padding-top: 5px;

	*padding-top: 0px;

}

#Content #Side .leadBox .box ul.menuList li span.on {

	display: none;

}

#Content #Side .leadBox .box ul.menuList li a:hover {

	background: none;

}

#Content #Side .leadBox .box ul.menuList li.current {

	position: relative;

}

#Content #Side .leadBox .box ul.menuList li.current a {

	position: relative;

	color: #fff;

	z-index: 10;

}

#Content #Side .leadBox .box ul.menuList li.current a:hover {

	background: none!important;

}

#Content #Side .leadBox .box ul.menuList li.current {

	background: none;

}

#Content #Side .leadBox .box ul.menuList li.current span.on {

	position: absolute;

	top: -1px;

	*top: 9px;

	right: 0;

	display: block;

	width: 221px;

	height: 34px;

	background: url(../images/sr_bg002.png) no-repeat;

	z-index: 1;

}



#Content #Side .recentBox {

	padding: 10px 15px 10px 15px;

	margin-bottom: 20px;

	background: #cfe6f4 url(http://saveeli.com/sdqd/images/sr_bg001.gif) no-repeat;

	border-color: #cfe6f4 #e2e8ed #a9b9c8 #e2e8ed;

	border-width: 1px;

	border-style: solid;

	box-shadow: 0 0 1px #e2e8ed;

}

#Content #Side .recentBox a {

	color: #386fa8;

}

#Content #Side .recentBox h2 {

	padding: 0 0 0 22px;

	/*margin-bottom: 8px;*/

	font-size: 15px;

	font-weight: bold;

	color: #1b466e;

	background: url(../images/sr_h_ico001.png) no-repeat left 0.4em;

}

#Content #Side .recentBox ul {

	font-size: 120%;

	line-height: 2.1;

}

#Content #Side .recentBox ul li {

	padding-left: 14px;

	background: url(../images/com_dot01.png) no-repeat left center;

}





/*  ContactBoxWrap

=========================================*/

#ContactWrap {

	width: 100%;

	background: url(../images/bg_contact001.gif) repeat;

	text-align: center;

}

#Contact {

	display: table;

	*display: block;

	width: 960px;

	margin: 0 auto;

	padding: 17px 0;

	font-size: 120%;

	line-height: 1.5;

	color: #fff;

	text-align: left;

}

#Contact p{

	background: url(http://saveeli.com/sdqd/images/bg_clear_1px.png) no-repeat ;

}

#Contact div {

	display: table-cell;

	*float: left;

	*padding-right: 50px;

	vertical-align: middle;

}

#Contact div.left {

	width: 380px;

	padding-right: 20px;

	font-size: 13px;

}

#Contact div.right {

	width: 210px;

	float: right;

	*padding-right: 0;

	padding-top: 5px;

}

#Contact div.left strong {

	font-size: 17px;

}

#Contact div p span {

	padding-right: 5px;

	font-size: 217%;

	line-height: 1.1;

	font-weight: bold;

	font-family: Arial;

}

#Contact img {

	vertical-align: middle;

}





/*  SitemapWrap

=========================================*/

#SitemapWrap {

	width: 100%;

	padding-top: 30px;

	background: #e0f2fd;

	text-align: center;

}

#Sitemap {

	display: table;

	width: 960px;

	margin: 0 auto;

	padding: 0 0 15px;

	text-align: left;

}

#Sitemap div.item {

	display: table-cell;

	*float: left;

	width: 127px;

	padding-right: 10px;

}

#Sitemap div.itemR {

	padding-right: 10px;

}

#Sitemap div.item dl {

	/*padding-bottom: 30px;*/

	padding-bottom: 15px;

	font-size: 110%;

}

#Sitemap div.item dl dt {

	line-height: 2.8;

}

#Sitemap div.item dl dt a {

	font-weight: bold;

	color: #386fa8;

}

#Sitemap div.item dl dd {

	padding: 5px 0 5px 1em;

	line-height: 1.3;

}

#Sitemap div.item dl dd span {

	display: inline-block;

	width: 1em;

	margin-left: -1em;

}

#Sitemap div.item dl dd a {

	color: #696969;

}





/*  FooterWrap

=========================================*/

#FooterWrap {

	width: 100%;

	background: url(http://saveeli.com/sdqd/images/bg_com001.gif) repeat-x left bottom;

	text-align: center;

}

#Footer {

	width: 960px;

	margin: 0 auto;

	text-align: left;

}

#Footer .copyright {

	padding: 9px 0;

	font-size: 10px;

	line-height: 3.1;

	color: #696969;

}

.partner #Footer ,

.contact #Footer {

	padding: 20px 0;

}

.partner #Footer .link ,

.contact #Footer .link {

	float: left;

}

.partner #Footer .copyright ,

.contact #Footer .copyright {

	padding: 0;

	float: right;

}





/*  extra

=========================================*/

#Header:after ,

#Nav:after ,

#Header .fontBox ul:after,

#Path:after ,

.topWrap .inner h2:after ,

#Contact:after ,

#Content:after ,

#Footer:after {

    display: block;

	clear: both;

	height: 0;

	line-height: 0;

	visibility: hidden;

	content: ".";

	font-size: 0;

}



#Header ,

#Nav ,

#Header .fontBox ul,

#Path ,

.topWrap .inner h2 ,

#Contact ,

#Content ,

#Footer {

        zoom: 1;

}



* html #Header ,

* html #Nav ,

* html #Header .fontBox ul,

* html #Path ,

* html .topWrap .inner h2 ,

* html #Contact ,

* html #Content ,

* html #Footer {

        zoom: 1;

}



*:first-child+html #Header ,

*:first-child+html #Nav ,

*:first-child+html #Header .fontBox ul,

*:first-child+html #Path ,

*:first-child+html .topWrap .inner h2 ,

*:first-child+html #Contact ,

*:first-child+html #Content ,

*:first-child+html #Footer {

        zoom: 1;

}