@charset "utf-8";
/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:none;outline:0;font-size:100%;font:inherit;vertical-align:baseline}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
.schoolwp{max-width:640px;background:#dddddd;margin:0 auto;overflow:hidden;}
/*School honor*/
.bgry{ background:#FFEB44;}
.bgry a{ width:33%;display:block;background:#7A186B; color:#FFF;text-align:center; float:left; font-size:18px;}
.rongyu{ width:96%; margin:0 auto 30px;}
.rongyu li{ width:24%; float:left; text-align:center; margin:0 1% 5px 0;height:24%; }
.rongyu li img{ width:100%; height:auto;}
.imgbox { position:relative; }
.text{width:100%; height:auto; background-color:#000; FILTER:alpha(opacity=60); opacity:0.7; -moz-opacity:0.7; position:absolute; left:0px; bottom:0px; text-align:center; }
.imgtext { height:auto; color:#fff; font-size:12px; line-height:30px;  }

.telsl{ height:50px; background:#303030; padding-top:10px; text-align:center; margin-top:10px;}
.telsl img{width:74.6%; height:auto; }
.foot{ background:#FFF; padding:30px 0 70px 0; text-align:center; line-height:22px; font-size:12px;}
.dibu{ height:50px; background:#7A186B; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999999; }
.dibu li{ width:25%; height:40px; float:left; text-align:center; padding-top:10px;}
.db-bg{ background:url(../images/bg2.jpg) right repeat-y;}
.dibu li a{ color:#FFF; font-size:12px;}
.dibu li a:hover{ color:#FF0; font-size:13px;}
/*学校图片展示*/
.schoolpic{background:#dddddd;overflow: hidden;margin:3% 3.6% 6% 2.6%;}
.schoolpic img {width: 100%; height: auto;}
/*学校联系列表*/
.tuwen{ width:100%;background:#172228; margin:0 auto;}
.tuwen .top{ width:100%; overflow:hidden;}
.tuwen .top .namea{ display:block; height:35px; line-height:35px; text-align:center; font-size:1em; float:left; 
width:17.2%; cursor:pointer; border:1px solid #fff; color:#fff; margin-left:1.8%; margin-top:3%;}
.tuwen .top .namea.current{color:#ffffff; background-color:#e83333;}
.tuwen ul{ overflow:hidden; padding-top:15px;height:150px;}
.tuwen ul li{ width:100%; float:left; display:none;}
.dz1{ width:96%; margin:0 auto;text-align:left;color:#fff;padding:2% 0.6%; margin-bottom:2%;}
.dz1 p{color:#333;border-bottom:#fff 1px solid;line-height:36px;}
@media only screen and (max-width:300px) {
body {
	font-size: 8.33333px!important
}

@media only screen and (max-width:300px) {
body {
font-size:8.33333px!important
}
.main {
max-width:300px
}
}
@media only screen and (max-width:310px) and (min-width:300px) {
body {
	font-size: 8.33333px!important
}
.main {
	max-width: 300px
}
}
@media only screen and (max-width:320px) and (min-width:310px) {
body {
	font-size: 8.88889px!important
}
.main {
	max-width: 320px
}
}
@media only screen and (max-width:360px) and (min-width:320px) {
body {
	font-size: 8.88889px!important
}
.main {
	max-width: 360px
}
}
@media only screen and (max-width:360px) and (min-width:350px) {
body {
	font-size: 10px!important
}
.main {
	max-width: 360px
}
}
@media only screen and (max-width:480px) and (min-width:360px) {
body {
	font-size: 10px!important
}
.main {
	max-width: 480px
}
}
@media only screen and (max-width:480px) and (min-width:470px) {
body {
	font-size: 13.33333px!important
}
.main {
	max-width: 480px
}
}
@media only screen and (max-width:560px) and (min-width:480px) {
body {
	font-size: 13.33333px!important
}
.main {
	max-width: 560px
}
}
@media only screen and (max-width:570px) and (min-width:560px) {
body {
	font-size: 15.83333px!important
}
.main {
	max-width: 570px
}
}
@media only screen and (max-width:640px) and (min-width:570px) {
body {
	font-size: 15.83333px
}
.main {
	max-width: 640px
}
}
@media only screen and (max-width:640px) and (min-width:630px) {
body {
	font-size: 17.77778px!important
}
.main {
	max-width: 640px
}
}
@media only screen and (max-width:710px) and (min-width:640px) {
body {
	font-size: 17.77778px!important
}
.main {
	max-width: 710px
}
}