@charset "utf-8";
/* CSS Document */

BODY{text-align:center;padding-bottom:0;margin:0 auto;padding-left:0;padding-right:0;font:16px "微软雅黑",Arial;background:#f5f5f5 fixed no-repeat center center;color:#333333;padding-top:0;}
DIV{padding-bottom:0;margin:0;padding-left:0;padding-right:0;padding-top:0;}
IMG{padding-bottom:0;margin:0;padding-left:0;padding-right:0;padding-top:0;}
UL{padding-bottom:0;margin:0;padding-left:0;padding-right:0;padding-top:0}
LI{padding-bottom:0;margin:0;padding-left:0;padding-right:0;padding-top:0}
DL{padding-bottom:0;margin:0;padding-left:0;padding-right:0;padding-top:0}
DT{padding-bottom:0;margin:0;padding-left:0;padding-right:0;padding-top:0}DD{padding-bottom:0;margin:0;padding-left:0;padding-right:0;padding-top:0}
BUTTON{padding-bottom:0;margin:0;padding-left:0;padding-right:0;padding-top:0}UL{list-style-type:none;list-style-image:none}LI{list-style-type:none;list-style-image:none}
DL{list-style-type:none;list-style-image:none}
DT{list-style-type:none;list-style-image:none}
DD{list-style-type:none;list-style-image:none}
IMG{border-bottom:0;border-left:0;padding-bottom:0;margin:0;padding-left:0;padding-right:0;vertical-align:middle;border-top:0;border-right:0;padding-top:0}
IMG{border-bottom:0;border-left:0;padding-bottom:0;margin:0;padding-left:0;padding-right:0;vertical-align:middle;border-top:0;border-right:0;padding-top:0}
.clearBoth{clear:both;overflow:hidden}.clearfix{display:inline-block}
.clearfix:after{display:block;height:0;visibility:hidden;clear:both;}
a{ text-decoration:none; }
*{ margin:0; padding:0;}

.title{ max-width: 1075px; margin: 0 auto;position: relative;}
.title p{ position: absolute;top:35px;right: 35px;}
.title img{width: 100%;}
.banner{max-width: 1075px;margin: 0 auto;padding-bottom: 20px;}
.banner img{ width:100%;}
.nav{width:100%;margin: 0 auto;background: #7C1515;height: 30px;}
.nav li{float: left; margin-left:15px;margin-right:15px;}
.nav li a{color: #fff;line-height:30px;}


.right img{ width: 30px;margin-right: 20px;}
.right{ float:right;margin: 10px auto;}

.menu{ text-align:right; position:relative; float:right;}
.menu_box{ background:#000000; position:absolute; top:200px; right:0px;width: 100%;text-align: right;  opacity:0.7; display:none; z-index: 100;}
.menu_box li{ font-weight:normal; font-size:16px; border-bottom:1px solid #c4c4c4; line-height:26px;padding:15px 15px;float: none;}
.menu_box li a{ color:#c4c4c4;}
.menu_box li:hover{ border-bottom:1px solid #fff;}
.menu_box li a:hover{ color:#fff;}
.right{display:none;}


@media only screen and (max-width:768px) {
	.right {display: block;}
	.nav{ display: none;}
}




@media only screen and (min-width:1025px){
	.nav li{margin-left: 20px;margin-right: 19px;}
}

/*内容*/
.tab_box { max-width: 1075px;margin:0 auto;}
.tab_box h1 { font-size:28px; font-weight:normal; margin-bottom:50px; }
.tab-content{max-width: 1075px;padding-top:30px;margin: 0 auto;background: #fff; text-align: left;}
.tab-content .img,.information{ float: left;}
.tab-content .img{margin-right: 20px;margin-left:23px;}
.tabs-list { list-style:none;background: #e3e3e3;height: 44px; width: 100%;}
.tabs-list li { display:inline-block; *display:inline; *zoom:1;float: left;margin-top: 6px;}
.tabs-list li a { display:block;  line-height:38px; color:#333333; text-decoration:none; font-size:16px;transition:all 0.4s ease 0s; padding:0 25px;height:38px; }
.tabs-list .active{background-color:#fff;border-top-left-radius: 10px;border-top-right-radius:10px;}




/*信息*/
.information{ width:630px;padding-bottom:30px;margin-bottom: 20px;}
.text_title{ height:60px; border-bottom: 1px #cccccc solid;margin-bottom: 10px;}
.text_title h1{background: url(../img/left.png) no-repeat center left; width: 200px;line-height:30px;font-size: 30px;padding-left: 15px;}
.text_title h1{ float: left;}
.text_title p{ float: right;padding-top: 12px;}
.text_title p a{ color: #9e6c6c;}
.infor_box{ background: #f7f7f7; text-align: left; height:500px;width:630px;margin:0 auto ;padding-top: 10px;padding-left: 10px;padding-bottom: 20px;overflow-y: auto;}

.infor_title{margin-top: 30px;}
.infor_title h1{ font-size: 22px; color: #1e1e1e;line-height:26px;border-bottom:1px #cccccc solid ;padding-bottom: 20px; width:610px;}
.infor_box p{ width:610px; font-size: 16px;line-height:36px;}
.infor_more{background: #cc3d3d;color: #fff;padding:5px 20px;border-radius: 10px;behavior: url(css/ie-css3.htc); float: right;margin-bottom: 30px;margin-right: 50px;z-index: 100;position: relative;}
.infor_more a{ color: #fff; font-size: 16px;line-height: 26px;}

@media only screen and (max-width:768px) {
	.tab-content .information{width:90%;margin-left:5%;margin-right: 5%;margin-top: 20px;}
	.infor_box{width:98%;margin: 0;}
	.infor_box p{overflow: none;width: 100%;}
	.infor_title h1{width: 100%;}
	.infor_more{margin-right:10%;}
	.text_title p{display: none;}
	.footer{width: 90%;margin: 20px auto;}
}
@media only screen and (min-width:769px) and (max-width:1024px) {
	
	.tab-content .information{width:60%;margin-right: 5%;}
	.infor_box{width:98%;margin: 0;}
	.infor_box p{overflow: none;width: 100%;}
	.infor_title h1{width: 100%;}
	.infor_more{margin-right:10%;}
	.footer{width: 90%;margin: 20px auto;}
}



/*作品*/
.tab-content .work_box{width: 1047px; margin: 0 auto; padding-bottom: 50px;}
.work_box li{ border-bottom: dashed 1px #000;width: 349px; float: left;margin-bottom: 20px;}
.work{width: 329px;height: 329px;display: inline-block;vertical-align: middle;text-align: center;line-height: 329px;padding:10px;}
.work img{ max-width:329px;max-height: 329px;}
.work_box li p{text-align: center;color: #666666;margin-bottom: 10px; }
.work_box li p span{color: red;}

@media only screen and (max-width:768px) {
	
	.tab-content .work_box{width:96%;margin:0 auto;}
	.work_box li{width:48%; height:430px;}
	#sirendingzhi1,.content,.work{ width:90%;margin: 0 auto;}
	.work img{max-height: 100%;max-width: 100%;}
	.content{width:90%;}
	.txt{ width: 90%;}
	
}
@media only screen and (min-width:769px) and (max-width:1024px) {
	.tab-content .work_box{width:96%;margin:0 auto;}
	.work_box li{width:33%; height:400px;}
	#sirendingzhi1,.content,.work{ width:90%;margin: 0 auto;}
	.work img{max-height: 100%;max-width: 100%;}
	.content{width:90%;}
	.txt{ width: 90%;}
	
}



/*鼠标经过图片有黑背景*/

.content{width:329px;height:329px;float:left;position:relative;overflow:hidden;}
.txt{width:349px;height:0px;background:rgba(18,21,44,0.5); position:absolute;left:0px;bottom:0px;padding:0 12px;font-family: 微软雅黑;font-size: 12px;}
.txt h3{color:#FFF;font-size:24px;font-weight:100;margin-top:0px;margin-left:-15px;}
.teacherPic h4{color:#fff;font-size:12px;font-weight:100;height: 40px;}
.txt p{color:#fff;margin-top:15px;padding-top:5px;font-family: 微软雅黑;}




.footer{margin-bottom: 100px;}
/*作品展示*/
.work_bg{ width: 1075px;margin: 0 auto;background: #fff;padding-bottom: 20px;}
.work_title{background: #e3e3e3; text-align: left;height:30px; margin-bottom: 20px}
.work_title h1{ font-weight: normal; font-size: 16px;line-height: 30px;padding-left:50px;}
.work_infor{ border-top: 1px dashed #000000; padding-top: 20px;text-align: left; font-size: 16px;line-height: 26px;padding-bottom:50px;padding-left: 30px; width: 1000px;margin: 0 auto;color: #000;}
.works_title p{font-size: 18px;line-height: 26px;border-bottom: 1px dashed #000000;padding-top: 20px;text-align: left;font-weight: bold;padding-left: 30px;padding-bottom:10px;width: 1000px;margin: 0 auto;color: #000;}
.work_pho li{ margin-bottom:30px;}
.work_pho li img{max-width: 1000px;}
.work_pho ul{margin-top: 20px;}
.text_infor{padding-bottom: 20px;}
.text_infor p{ float: left;margin-left:230px;margin-right:230px;}

.works1{display: none;}

@media only screen and (max-width:768px) {
	.work_bg{width:100%;margin: 0 auto;}
	.work_infor{ width:96%;padding-left: 0;}
	.work_pho{ width:100%;margin: 0 auto;}
	.works_title{width: 96%;margin: 0 auto;}
	.works_title p{ width: 100%;padding-left: 0;}
	.work_pho li img{ width: 96%;margin: 0 auto;}
	
	
	
}
@media only screen and (min-width:769px) and (max-width:1024px) {
	.work_bg{width:100%;margin: 0 auto;}
	.work_infor{ width:96%;padding-left: 0;}
	.work_pho{ width:100%;margin: 0 auto;}
	.works_title{width: 96%;margin: 0 auto;}
	.works_title p{ width: 100%;padding-left: 0;}
	.work_pho li img{ width: 96%;margin: 0 auto;}
	
	
}


/*图片放大缩小*/
#pageContent {width: 980px;	height: 500px;overflow: hidden;position:relative;margin:50px auto;border: 1px solid #000;}

#imgContainer {width: 980px;height: 500px;}

#positionButtonDiv {background: rgb(58, 56, 63);background: rgba(58, 56, 63, 0.8);border: solid 1px #100000;color: #fff;padding: 8px;text-align: left;position: absolute;right:35px;top:5px;}

#positionButtonDiv .positionButtonSpan img {float: right;border: 0;}

.positionMapClass area {cursor: pointer;}

.zoomButton {border: 0;	cursor: pointer;}