* {
 margin: 0;
 padding: 0;
}

body {
 width: 100%;
 margin: 0 auto;
 font-family: "microsoft yahei";
 font-size: 14px;
 background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
span {
 margin: 0;
}

ul,
li,
p {
 list-style: none;
 font-size: 14px;
 margin: 0;
}

a,
a:hover {
 height: auto;
 text-decoration: none;
}

.fl {
 float: left;
}

.fr {
 float: right;
}

.clear {
 clear: both;
}

.w100 {
 width: 100%;
 height: auto;
 margin: 0 auto;
}

.bg_bule {
 background-color: #0f6ec6;
}

.main {
 width: 100%;
 max-width: 1200px;
 margin: 0 auto;
 padding: 0;
}

.logo {
 margin: 15px 0;
 max-width: 600px;
}

.logor {
 max-width: 400px;
 float: right;
}

.link_head {
 float: right;
 height: 44px;
 line-height: 44px;
 margin: 0 15px;
}

.link_head a {
 color: #fff;
 float: left;
}

.link_head img {
 margin: 12px 10px 12px 0;
 float: left;
}

.search {
 float: right;
 width: 250px;
 height: 44px;
 border-radius: 0 0 8px 8px;
}

.ssk {
 max-width: 200px;
 border: none;
 margin: 5px 0 5px 50px;
 height: 30px;
 color: #0F6EC6;
}

.dh {
 margin-top: 5px;
}

nav.navbar.bootsnav ul.nav>li {
 background: url(../images/bg_nav.png) no-repeat right center;
}

nav.navbar.bootsnav ul.nav>li:last-child {
 background: none;
}

.banner {
 position: relative;
 width: 100%;
 margin: 0;
 padding: 0 !important;
 max-height: 670px;
 height: auto;
 overflow: hidden;
}

.banner .hd {
 list-style: none;
 position: absolute;
 right: 50%;
 bottom: 20px;
 height: 10px;
 z-index: 1;
 display: block;
}

.banner .hd ul li {
 float: left;
 width: 10px;
 height: 10px;
 border-radius: 10px;
 text-align: center;
 line-height: 10px;
 cursor: pointer;
 background-color: #ffffff;
 margin: 0 10px;
}

.banner .hd ul li.on {
 background-color: #ed4022;
}

.banner .bd li {
 width: 100%;
 height: auto;
 overflow: hidden;
}

.banner .bd li img {
 width: 100%;
 max-height: 670px;
 height: auto;
}

.lm {
 position: relative;
 width: 100%;
 height: 66px;
 margin: 0px auto 20px;
 line-height: 66px;
 background: url(../images/bg_lm.png) no-repeat left 20px center;
}

.lm h5 {
 text-indent: 2em;
 float: left;
 width: 85%;
 line-height: 66px;
 color: #333333;
 font-size: 24px;
 font-weight: bold;
 z-index: 9999;
}

.more {
 float: left;
 width: 15%;
 text-align: right;
}

.more a {
 color: #120c6d;
}

.grey {
 background-color: #f5f5f5;
}

.admissions {
 width: 100%;
 margin: 30px auto 60px;
}

.adm01 {
 max-width: 362px;
 width: 100%;
 min-height: 400px;
 padding: 0;
 background: url(../images/bg_adm01.png) no-repeat center center;
}

.adm01 ul {
 width: 90%;
 margin: 0 5%;
 height: 120px;
}

.adm01 li {
 width: 100%;
 height: 40px;
 line-height: 40px;
 background: url(../images/bg_list_adm.png) no-repeat right center;
}

.adm01 li a {
 color: #fff;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}

.more_gd {
 width: 30%;
 margin: 20px 35%;
}

.more_gd a {
 padding: 10px 28px;
 text-align: center;
 border: 1px solid #fff;
 color: #fff;
}

.lm_data {
 width: 90%;
 margin: 0 5%;
 height: 200px;
 border-bottom: 1px solid #fff;
}

.lm_data img {
 margin: 20% 40% 5%;
}

.lm_data h6 {
 line-height: 40px;
 font-size: 18px;
 font-weight: bold;
 color: #fff;
 text-align: center;
}

.adm02 {
 max-width: 362px;
 width: 100%;
 padding: 0;
 min-height: 400px;
 margin: 0 57px;
 background: url(../images/bg_adm02.png) no-repeat center center;
}

.adm03 {
 padding: 0;
 max-width: 362px;
 width: 100%;
 min-height: 400px;
 background: url(../images/bg_adm03.png) no-repeat center center;
}

.video {
 max-width: 362px;
 width: 100%;
 padding: 0;
 margin-top: -20px;
}

.sp {
 margin-top: 20px;
 position: relative;
 width: 100%;
 height: auto;
 min-height: 240px;
}

.sp embed {
 width: 100%;
 height: auto;
 min-height: 240px;
 background: transparent;
}

.sp_nr {
 position: relative;
 bottom: 30px;
 left: 10%;
 width: 80%;
 height: 100px;
 background: #fff;
}

.sp_sj {
 width: 100%;
 float: left;
 padding: 0 10%;
 line-height: 35px;
}

.sp_more {
 float: right;
 font-size: 28px;
 color: #000;
}

.sp_bt {
 width: 100%;
 float: left;
 padding: 0 10%;
 line-height: 30px;
 font-size: 16px;
}

.news:before {
 content: "";
 width: 1px;
 float: left;
 margin: 30px -30px 0 -30px;
 min-height: 360px;
 display: block;
 background: url(../images/bg_news.png) no-repeat;
}

.news {
 max-width: 362px;
 width: 100%;
 padding: 0;
 margin: -20px 57px 0;
}

.notice:before {
 content: "";
 width: 1px;
 float: left;
 margin: 40px -30px 0 -30px;
 min-height: 360px;
 display: block;
 background: url(../images/bg_news.png) no-repeat;
}

.news ul {
 width: 90%;
 margin: 0 5%;
}

.news ul li {
 width: 100%;
 float: left;
 height: auto;
 background: url(../images/bg_news02.png) no-repeat left bottom;
}

.news ul li a {
 float: left;
 width: 100%;
 color: #333;
 font-size: 18px;
 height: 45px;
 line-height: 45px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.news ul li span {
 float: left;
 width: 100%;
 font-size: 14px;
 color: #333;
 height: 30px;
 line-height: 30px;
}

.notice {
 max-width: 362px;
 width: 100%;
 padding: 0;
 margin: -20px 0 0 0;
}

.quick {
 position: relative;
 width: 100%;
 max-width: 1200px;
 margin: 30px auto;
 min-height: 400px;
 background: url(../images/bg_quick.png) no-repeat center center;
}

.quick ul {
 width: 100%;
}

.quick ul li {
 position: absolute;
 width: 134px;
 height: 134px;
}

.quick ul li h6 {
 line-height: 24px;
 text-align: center;
 font-size: 12px;
}

.icon1 {
 top: 70px;
 left: 70px;
 background: rgba(51, 51, 51, 0.7);
}

.icon1 a,
.icon4 a,
.icon7 a,
.icon8 a,
.icon9 a,
.icon11 a {
 color: #fff;
}

.icon2 a,
.icon3 a,
.icon5 a,
.icon6 a,
.icon10 a {
 color: #000;
}

.icon2 {
 top: 70px;
 left: 338px;
 background: rgba(255, 255, 255, 1);
}

.icon3 {
 top: 70px;
 left: 475px;
 background: rgba(255, 255, 255, 0.6);
}

.icon4 {
 top: 70px;
 left: 744px;
 background: rgba(15, 110, 198, 1);
}

.icon5 {
 top: 70px;
 right: 50px;
 background: rgba(255, 255, 255, 1);
}

.icon6 {
 top: 205px;
 left: 70px;
 background: rgba(255, 255, 255, 0.5);
}

.icon7 {
 top: 205px;
 left: 205px;
 background: rgba(51, 51, 51, 0.7);
}

.icon8 {
 top: 205px;
 left: 475px;
 background: rgba(51, 51, 51, 1);
}

.icon9 {
 top: 205px;
 left: 610px;
 background: rgba(15, 110, 198, 1);
}

.icon10 {
 top: 205px;
 left: 880px;
 background: rgba(255, 255, 255, 0.6);
}

.icon11 {
 top: 205px;
 right: 50px;
 background: rgba(51, 51, 51, 0.7);
}

.icon_01 {
 top: 15px;
 right: 185px;
 background: rgba(51, 51, 51, 1);
}

.icon_02 {
 top: 70px;
 left: 688px;
 background: rgba(255, 255, 255, 0.7);
}

.icon_03 {
 top: 285px;
 left: 420px;
 background: rgba(255, 255, 255, 0.4);
}

.icon_01,
.icon_02,
.icon_03 {
 width: 55px !important;
 height: 55px !important;
}

.icon1 img {
 margin: 30% 34% 3%;
}

.icon2 img {
 margin: 30% 36% 3%;
}

.icon3 img {
 margin: 30% 38% 3%;
}

.icon4 img {
 margin: 28% 35% 3%;
}

.icon5 img {
 margin: 29% 38% 3%;
}

.icon6 img {
 margin: 29% 37% 3%;
}

.icon7 img {
 margin: 28% 36% 3%;
}

.icon8 img {
 margin: 28% 35% 3%;
}

.icon9 img {
 margin: 27% 37% 3%;
}

.icon10 img {
 margin: 28% 38% 3%;
}

.icon11 img {
 margin: 29% 38% 3%;
}

.bg_foot {
 background: #333;
 margin-top: 30px;
}

.copy {
 max-width: 600px;
}

.copy img {
 margin: 35px 0 30px;
}

.copy p {
 width: 100%;
 line-height: 30px;
 font-size: 12px;
 color: #fff;
}

.foot_link {
 max-width: 300px;
}

.foot_link h5 {
 margin: 45px 0 20px;
 font-size: 24px;
 color: #fff;
 font-weight: bold;
}

.foot_link ul {
 width: 100%;
}

.foot_link li {
 width: 100%;
 line-height: 30px;
 font-size: 14px;
 float: left;
}

.foot_link li a {
 color: #fff;
}

.wxwb {
 max-width: 300px;
 margin-top: 45px
}

.wxwb ul {
 width: 100%;
}

.wxwb ul li {
 width: 50%;
 float: left;
}

.wx {
 width: 100%;
 height: 50px;
 float: left;
}

.wx img {
 width: 34px;
 height: 34px;
 float: left;
 margin: 8px 53px;
}

.ewm {
 position: relative;
 width: 100%;
 height: 90px;
 float: left;
}

.ewm img {
 width: 80px;
 height: 80px;
 float: left;
 margin: 10px 30px 0;
}

.ewm:after {
 position: absolute;
 top: 0px;
 right: 40%;
 width: 0;
 height: 0;
 border-left: 10px solid transparent;
 border-right: 10px solid transparent;
 border-bottom: 10px solid #fff;
 content: "";
 display: block;
}

.mleft {
 float: left;
 width: 100%;
 max-width: 270px;
min-height:200px;
 height: auto;
 overflow: hidden;
 z-index: 99;
 padding: 0;
}

.lm_nav {
 width: 100%;
 line-height: 50px;
 background-color: #0f6ec6;
 font-size: 18px;
 font-weight: bold;
 height: 50px;
 border-left: 5px solid #0F6EC6;
 color: #fff;
 text-align: center;
}

.lm_nav:after {
 position: absolute;
 top: 50px;
 left: 0;
 content: '';
 display: block;
 border-top: 10px solid #113e69;
 border-left: 10px solid transparent;
 border-bottom: 10px solid transparent;
}

.sunav {
 float: left;
 width: 100%;
 max-width: 260px;
 margin-left: 10px;
 height: auto;
 padding-bottom: 20px;
 border-top: 15px solid #e2e2e2;
 background-color: #e2e2e2;
 border-bottom: 2px solid #0f6ec6;
}

.sunav ul {
 width: 100%;
 overflow: hidden;
 float: left;
}

.sunav li {
 float: left;
 width: 100%;
 line-height: 50px;
 text-align: center;
 background: #f6f6f6;
 border-bottom: 1px solid #e2e2e2;
}

.sunav li a {
 width: 100%;
 color: #333333;
 font-size: 18px;
}

.sunav li.current,
.sunav li:hover {
 border-left: 3px solid #919191;
 background-color: #ffffff;
 color: #fff;
}

.sunav li:hover a,
.sunav li.current a {
 background-color: #ffffff;
 color: #333;
}

.dqwz {
 width: 100%;
 float: left;
 line-height: 50px;
 border-bottom: 1px solid #e4e4e4;
}

.dqwz h5 {
 font-size: 16px;
 border-bottom: 1px solid #3971b0;
 color: #333;
 line-height: 50px;
 float: left;
}

.location {
 max-width: 100%;
 padding: 0;
 float: left;
}

.location a {
 color: #888;
 font-size: 14px;
 line-height: 40px;
 padding: 0 10px;
}

.location a.dqwza {
 color: #153d87;
}

.mright {
 width: 100%;
 margin-left: 30px;
 float: left;
 padding: 0;
 max-width: 900px;
 min-height: 200px;
 height: auto;
 overflow: hidden;
 z-index: 99;
}

.lb {
 float: left;
 width: 100%;
 margin-top: 10px;
}

.lb ul {
 width: 100%;
}

.lb ul li {
 float: left;
 width: 100%;
 height: 60px;
 line-height: 60px;
 border-bottom: 1px dashed #c1c1c1;
}

.lb ul li a {
 width: 90%;
 float: left;
 color: #333;
 overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}

.time {
 width: 10%;
 float: left;
 color: #333;
 text-align: center;
}

.lb ul li:hover {
 border-bottom: 1px dashed #153D87;
}

.lb ul li:hover a,
.lb ul li:hover .time {
 color: #153D87;
}

.content {
 float: left;
 max-width: 860px;
 height: auto;
 min-height: 200px;
 overflow: hidden;
 margin: 10px 20px;
}

.content h3 {
 width: 100%;
 float: left;
 height: auto;
 line-height: 35px;
 text-align: center;
 font-size: 18px;
 color: #0f6ec6;
}

.content h5 {
 width: 100%;
 float: left;
 line-height: 30px;
 height: 40px;
 font-size: 14px;
 text-align: center;
 color: #777;
}

.nr {
 width: 100%;
 height: auto;
 margin-top: 0px;
 overflow: hidden;
 float: left;
 line-height: 30px;
 font-size: 14px;
}

.page {
 margin-top: 30px;
 width: 100%;
 height: auto;
 float: left;
}

.page ul {
 width: 100%;
}

.page li {
 width: 100%;
 height: 30px;
 line-height: 30px;
 float: left;
 font-size: 15px;
}

.page li span {
 color: #000;
 float: left;
 margin-right: 5px;
}

.page li a {
 float: left;
 color: #153D87;
}

@media only screen and (max-width:1024px) {
 .adm01,
 .adm02,
 .adm03,
 .video,
 .news,
 .notice {
  max-width: 330px;
  margin: 0 8px;
 }
 .adm02,
 .news {
  margin: 0px;
 }
 .sp embed {
  width: 300px !important;
 }
 .sp_nr {
  left: 5%;
 }
 .quick ul li {
  width: 120px;
  height: 120px;
 }
 .icon_01 {
  top: 15px;
  right: 150px;
 }
 .icon_02 {
  top: 70px;
  left: 575px;
 }
 .icon_03 {
  top: 255px;
  left: 335px;
 }
 .icon10 img {
  margin: 28% 38% 3%;
 }
 .icon11 img {
  margin: 29% 38% 3%;
 }
 .icon1 {
  left: 30px;
 }
 .icon2 {
  left: 270px;
 }
 .icon3 {
  left: 390px;
 }
 .icon4 {
  left: 630px;
 }
 .icon5 {
  right: 30px;
 }
 .icon6,
 .icon7,
 .icon8,
 .icon9,
 .icon10,
 .icon11 {
  top: 190px;
 }
 .icon6 {
  left: 30px;
 }
 .icon7 {
  left: 150px;
 }
 .icon8 {
  left: 390px;
 }
 .icon9 {
  left: 510px;
 }
 .icon10 {
  left: 750px;
 }
 .icon11 {
  right: 30px;
 }
 .mright {
  max-width: 720px;
 }
 .lb ul li a {
  width: 85%;
 }
 .time {
  width: 15%;
 }
}

@media only screen and (max-width:823px) {
 .logo {
  max-width: 500px;
 }
 .logor {
  max-width: 300px;
 }
 nav.navbar.bootsnav ul.nav>li {
  background: none;
 }
 .admissions,
 .main {
  margin: 0;
  max-width: 100%;
  padding: 0 15px;
 }
 .admissions {
  margin-top: 15px;
 }
 .adm01,
 .adm02,
 .adm03,
 .video,
 .news,
 .notice {
  margin-top: 15px;
  max-width: 100%;
  min-height: auto;
  margin: 0px;
 }
 .adm01,
 .adm02,
 .adm03 {
  background: #000;
 }
 .lm_data {
  height: auto;
 }
 .lm_data img {
  margin: 2% 45% 2%;
 }
 .more_gd {
  width: 14%;
  margin: 20px 43%;
 }
 .sp embed {
  width: 100% !important;
 }
 .sp_nr {
  left: 10%;
 }
 .news ul {
  width: 100%;
  margin: 0;
 }
 .icon_01,
 .icon_02,
 .icon_03 {
  display: none;
 }
 .quick ul li {
  float: left;
  position: relative;
  top: 30px;
  left: 0;
  right: 0;
  margin: 30px 5px;
 }
 .copy {
  max-width: 100%;
 }
 .foot_link,
 .wxwb {}
 .mleft {
 
  max-width: 100%;
 }
 .lm_nav:after {
  display: none;
 }
 .sunav {
  margin-left: 0;
  max-width: 100%;
 }
 .sunav li {
  width: 50%;
 }
 .mright{max-width: 100%; margin-left: 0; margin-top: 10px;}
}

@media only screen and (max-width:812px) {
 .logor {
  max-width: 240px;
 }
}

@media only screen and (max-width:768px) {
 .logor {
  max-width: 200px;
 }
 .search {
  display: none;
 }
 .quick ul li {
  top: 10px;
  margin: 0px;
  width: 130px;
  height: 130px;
 }
}

@media only screen and (max-width:736px) {}

@media only screen and (max-width:731px) {}

@media only screen and (max-width:667px) {
 .logo {
  max-width: 100%;
 }
 .logor {
  display: none;
 }
 .quick ul li {
  width: 158px;
  top: 5px;
 }
}

@media only screen and (max-width:640px) {
 .quick ul li {
  width: 150px;
 }
 
}

@media only screen and (max-width:568px) {
 .quick ul li {
  width: 130px;
 }
 .foot_link,
 .wxwb {
  max-width: 100%;
 }
 .wx img {
  margin: 10px 45%;
 }
 .ewm img {
  width: 100px;
  height: 100px;
  margin: 10px 32% 0;
 }
 .ewm:after {
  right: 45%;
 }
 .sunav li{width: 100%;}
 .content{margin: 10px 0;}
}

@media only screen and (max-width:414px) {
 .logo img{width: 100%; height: auto; display: block;}
 .quick {
  display: none;
 }
 .copy img {
  width: 100%;
  height: auto;
  display: block;
 }
 .wx img {
  margin: 10px 40%;
 }
 .ewm img {
  margin: 10px 22% 0;
 }
 .ewm:after {
  right: 45%;
 }
 .lb ul li a{width: 100%;}
 .time{display: none;}
}

@media only screen and (max-width:411px) {
 
 
}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:360px) {}

@media only screen and (max-width:320px) {}