

.Banner { position: relative;
  border: 1px solid #bfbfbf;
  background: #fff;
  padding: 20px 15px; margin: 0 0 0 21px; }
.Banner .rslides .img { display: block; height: auto; float: left; width: 100%; border: 0; }
.Banner .rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; }
.Banner .rslides li:first-child { position: relative; display: block; float: left; }
.Banner .rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.Banner .slide .img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.Banner .slide li { position: absolute; width: 100%; }
.Banner .slide li a { height: 0px; overflow: hidden; display: block; padding-bottom:61%; }
.Banner .slide li a img{ width: 100%; }
.Banner .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.Banner .slide_container { position: relative;  width: 100%;overflow:hidden; }
.Banner .slide_nav { position: absolute; top: 45%;  opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; height: 43px; width: 29px; background:url(../images/lf.png) no-repeat left top;  }
.Banner .slide_nav.prev { width: 29px; height: 43px; background-size: 29px 43px; left: 50%; margin: -15px 0 0 -700px; background:url(../images/arrow_left_03.png) no-repeat left top; display: none; }
.Banner .slide_nav.next {  width: 29px; height: 43px; background-size: 29px 43px; right: 50%; margin: -15px -700px 0 0px; background:url(../images/arrow_right.png) no-repeat left top; display: none; }
.Banner .slide_nav.prev:active,.Banner .slide_nav.prev:hover { background: url(../images/arrow_left_hover.png) no-repeat; }
.Banner .slide_nav.next:active,.Banner .slide_nav.next:hover { background: url(../images/arrow_right_hover.png) no-repeat; }
.Banner .slide_tabs li a{ display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #fff;  text-indent: 500px; opacity: 0.6; cursor: pointer;}
.Banner .slide_tabs li.slide_here a { opacity: 1;}
.Banner .slide_tabs li{display: inline-block; width: 8px; height: 8px; border-radius: 50%;   margin: 0 5px;   cursor: pointer;}
.Banner .slide_tabs{position:absolute; bottom:20px;z-index:999; width: 100%; text-align: center; 
}
.slider {  height: 114px; background: #3f5881; padding: 15px; }
.slider h3 {  margin: 10px 0 10px;font-size: 16px;color: #fff;text-overflow: ellipsis;white-space: nowrap;width: 100%;overflow: hidden; }    
.slider p {  font-size: 12px; color: #ffffff; line-height: 24px; height: 48px; overflow: hidden; }


.wrap_content { width:100%; margin: 34px auto 0; overflow: hidden; z-index: 99; position: relative; }
.content{ max-width: 1200px; margin: 0 auto 0; overflow: hidden; }

.da { float: left; max-width: 85%;}
.scroll { max-width: 1200px; margin: 30px auto; box-shadow: 3px 3px 3px 3px #f1f1f1; }
.scroll {overflow: hidden;}
.scroll .scrollBox { overflow: hidden;margin: 0 20px 0 20px;}
.scroll .scrollBox #box {width:800%;}
.scroll .scrollBox #left,.scroll .scrollBox #right {float:left;}
.scroll .scrollBox ul li {width:auto;margin-right: 40px;float:left; padding: 0 0 0 12px; background: url(../images/scroll_li_07.png) no-repeat left center;}
.scroll .scrollBox ul li a img{width: 150px; height: 100px;}
.scroll .scrollBox ul li.lastli {_margin-right:7px;}
.scroll .scrollBox ul p { font-size: 13.5px;color: #000000;display: block;line-height: 40px;text-overflow: ellipsis;white-space: nowrap;  width: 100%; overflow: hidden; } .scrollBox a:hover { color: #ffd86c; }
.scroll .scrollBox ul p:hover { font-weight: bold; color: #3f5881;  }
.scroll h2{ width: 145px; height: 40px; text-align: center; line-height: 40px; padding-left: 20px; background: #ffd86c url("../images/icon-laba.png") no-repeat 28px center; font-size: 14px; float: left; }      
.scroll h2:hover{ font-weight: normal; color: #000000;}
.mode01 { overflow: hidden; margin: 0 0 0 -21px; }
.mode01 .lf { width: 33.33%; float: left; }
.mode01 .md { width: 33.33%; float: left; }
.mode01 .rt { width: 33.33%; float: right; }
.news {  margin: 0 0 0 21px;  border: 1px solid #bfbfbf; height: 400px; }
.news .title{  height: 40px;position: relative;padding-left: 17px;padding-top: 26px;border-bottom: 1px solid #bfbfbf;  }
.news .title h2 { font-size: 16px; color: #2e426d; font-weight: bold; line-height: 18px; padding-left: 16px; border-left: 3px solid #3f5881;  }
.news .title a {  display: inline-block;height: 22px; line-height: 22px; padding-right: 32px; font-size: 12px; color: #9e9e9e;position: absolute;right: 19px;top: 23px;background: url("../images/icon-more.png") no-repeat right center; }
.news .title a:hover {  background: url("../images/icon-more-h.png") no-repeat right center;color: #314a72; }
.article_c{  padding: 0 17px 0; }
.article_list1 {
  padding-top: 15px; }
.article_list1 li { overflow: hidden; height: 27px; }
.article_list1 li a { height: 27px; line-height: 27px; font-size: 12px; color: #000; float: left; width: 70%; display: inline-block; }
.article_list1 li a:hover { font-weight: bold; color: #3f5881; }
.article_list1 li span { float: right; width: 30%; font-size: 12px; color: #000; text-align: right; line-height: 27px; }

.College {  margin: 0 0 0 21px;  }
.college_top { border: 1px solid #bfbfbf; height: 266px;  }
.college_top .title{  height: 40px;position: relative;padding-left: 17px;padding-top: 26px;border-bottom: 1px solid #bfbfbf;  }
.college_top .title h2 { font-size: 16px; color: #2e426d; font-weight: bold; line-height: 18px; padding-left: 16px; border-left: 3px solid #3f5881;  }
.college_top .title a {  display: inline-block;height: 22px; line-height: 22px; padding-right: 32px; font-size: 12px; color: #9e9e9e;position: absolute;right: 19px;top: 23px;background: url("../images/icon-more.png") no-repeat right center; }
.college_top .title a:hover {  background: url("../images/icon-more-h.png") no-repeat right center;color: #314a72; }
.coll_c {  padding: 14px 18px; }
.coll_c .coll_pic { height: 175px;background: url(../images/yuanqin.png) no-repeat right center;background-size: 100%; overflow: hidden;  }
.coll_c .coll_pic img { height: 175px; width: 100%; }
.coll_bottom { margin-top: 10px;border: 1px solid #bfbfbf;height: 111px;padding: 10px 0 0px 23px;  }
.collb_left {  margin-top: 4px;width: 75px; height: 75px; overflow: hidden; float: left; }
.collb_right {  margin-left: 20px;padding-left: 20px;border-left: 1px solid #c9c9c9; float: left; }
.collb_right h6 {  font-size: 12px;color: #000000; line-height: 20px; font-weight: normal; }



.mode02 { overflow: hidden; margin: 26px 0 0 -21px; }
.mode02 .lf { width: 33.33%; float: left; }
.mode02 .md { width: 33.33%; float: left; }
.mode02 .rt { width: 33.33%; float: right; }
.article_img_list {height: 413px; border: 1px solid #bfbfbf; margin: 0 0 0 21px; }
.article_top { overflow: hidden; padding: 15px 0; border-bottom: 1px dashed #909090;  }
.art_left { width: 150px;height: 114px; overflow: hidden; float: left; }
.art_right { margin: 0 15px 0 168px; }
.article_img_list .title{  height: 40px;position: relative;padding-left: 17px;padding-top: 26px;border-bottom: 1px solid #bfbfbf;  }
.article_img_list .title h2 { font-size: 16px; color: #2e426d; font-weight: bold; line-height: 18px; padding-left: 16px; border-left: 3px solid #3f5881;  }
.article_img_list .title a {  display: inline-block;height: 22px; line-height: 22px; padding-right: 32px; font-size: 12px; color: #9e9e9e;position: absolute;right: 19px;top: 23px;background: url("../images/icon-more.png") no-repeat right center; }
.article_img_list .title a:hover {  background: url("../images/icon-more-h.png") no-repeat right center;color: #314a72; }

.article_img_list li { overflow: hidden; height: 27px; }
.article_img_list li a { height: 27px; line-height: 27px; font-size: 12px; color: #000; float: left; width: 70%; display: inline-block; }
.article_img_list li a:hover { font-weight: bold; color: #3f5881; }
.article_img_list li span { float: right; width: 30%; font-size: 12px; color: #000; text-align: right; line-height: 27px; }
.article_bottom { padding: 7px 0; }
.art_right h3 a { margin-top: 5px;font-size: 16px;color: #375484; line-height: 1.8; text-overflow: ellipsis; white-space: nowrap; font-weight: normal;  overflow: hidden;  }
.art_right h3 a:hover { font-weight: bold; }
.artr_con {  font-size: 12px; color: #000000; line-height: 22px; height: 88px; overflow: hidden; margin-top: 10px; }




.wrap_scroll { max-width: 1200px; margin: 30px auto; box-shadow: 3px 3px 3px #f1f1f1; }
.wrap_scroll {overflow: hidden; border: 1px solid #bfbfbf; margin-top: 23px;position: relative; overflow: hidden; height: 305px; }
.wrap_scroll dd { display: none; }
.wrap_scroll dd:first-child { display: block; }
.scroll01 { max-width: 1200px; margin: 16px auto;  }
.scroll01 .scrollBox { overflow: hidden;margin: 0 20px 0 20px;}
.scroll01 .scrollBox #box01 {width:800%;}
.scroll01 .scrollBox #left01,.scroll01 .scrollBox #right01 {float:left;}
.scroll01 .scrollBox ul li {width:auto;margin-right: 40px;float:left;  }
.scroll01 .scrollBox ul li a img{ }
.scroll01 .scrollBox ul li.lastli {_margin-right:7px;}
.scroll01 .scrollBox ul p { font-size: 13.5px;color: #000000;display: block;line-height: 40px;text-overflow: ellipsis;white-space: nowrap;
    width: 100%;
    overflow: hidden; }
    .scrollBox a:hover {
      color: #ffd86c; }

.wrap_scroll .title{  height: 40px;position: relative;padding-left: 17px;padding-top: 26px;border-bottom: 1px solid #bfbfbf;  }
.wrap_scroll .title ol { overflow: hidden; padding-left: 16px; border-left: 3px solid #3f5881; }
.wrap_scroll .title ol li { float: left; margin: 0 10px 0 0; }
.wrap_scroll .title ol li.current h2 { cursor: pointer; font-size: 16px; color: #2e426d; font-weight: bold; line-height: 18px;  }
.wrap_scroll .title h2 { font-size: 16px; color: #8b8b8b; font-weight: bold; line-height: 18px;  }
.wrap_scroll .title a {  display: inline-block;height: 22px; line-height: 22px; padding-right: 32px; font-size: 12px; color: #9e9e9e;position: absolute;right: 19px;top: 23px;background: url("../images/icon-more.png") no-repeat right center; }
.wrap_scroll .title a:hover {  background: url("../images/icon-more-h.png") no-repeat right center;color: #314a72; }
.wrap_scroll .title li a { display: none; }
.wrap_scroll .title li.current a { display: block; }




.mode04 { overflow: hidden; margin: 26px 0 0 -21px; }
.mode04 .lf { width: 33.33%; float: left; }
.mode04 .md { width: 33.33%; float: left; }
.mode04 .rt { width: 33.33%; float: right; }

.scroll02 { max-width: 1200px; margin: 16px auto;  }
.scroll02 {overflow: hidden;  position: relative; overflow: hidden; }
.scroll02 .scrollBox { overflow: hidden;margin: 0 20px 0 20px;}
.scroll02 .scrollBox #box02 {width:800%;}
.scroll02 .scrollBox #left02,.scroll02 .scrollBox #right02 {float:left;}
.scroll02 .scrollBox ul li {width:auto;margin-right: 40px;float:left;  }
.scroll02 .scrollBox ul li a img{ }
.scroll02 .scrollBox ul li.lastli {_margin-right:7px;}
.scroll02 .scrollBox ul p { font-size: 13.5px;color: #000000;display: block;line-height: 40px;text-overflow: ellipsis;white-space: nowrap;
    width: 100%;
    overflow: hidden; }
    .scrollBox a:hover {
      color: #ffd86c; }








.da03 { float: left; margin: 16px 0 0 0;}
.scroll03 { max-width: 1200px; margin: 30px auto; box-shadow: 3px 3px 3px #f1f1f1; }
.scroll03 {overflow: hidden; border: 1px solid #bfbfbf; margin-top: 23px; height: 305px; position: relative; overflow: hidden; }
.scroll03 .scrollBox { overflow: hidden;margin: 0 20px 0 20px;}
.scroll03 .scrollBox #box03 {width:800%;}
.scroll03 .scrollBox #left03,.scroll03 .scrollBox #right03 {float:left;}
.scroll03 .scrollBox ul li {width:auto;margin-right: 40px;float:left;  }
.scroll03 .scrollBox ul li a img{ }
.scroll03 .scrollBox ul li.lastli {_margin-right:7px;}
.scroll03 .scrollBox ul p { font-size: 13.5px;color: #000000;display: block;line-height: 40px;text-overflow: ellipsis;white-space: nowrap;
    width: 100%;
    overflow: hidden; }
    .scrollBox a:hover {
      color: #ffd86c; }

.scroll03 .title{  height: 40px;position: relative;padding-left: 17px;padding-top: 26px;border-bottom: 1px solid #bfbfbf;  }
.scroll03 .title h2 { font-size: 16px; color: #2e426d; font-weight: bold; line-height: 18px; padding-left: 16px; border-left: 3px solid #3f5881;  }
.scroll03 .title a {  display: inline-block;height: 22px; line-height: 22px; padding-right: 32px; font-size: 12px; color: #9e9e9e;position: absolute;right: 19px;top: 23px;background: url("../images/icon-more.png") no-repeat right center; }
.scroll03 .title a:hover {  background: url("../images/icon-more-h.png") no-repeat right center;color: #314a72; }




.mode06 { max-width: 1200px; margin: 0 auto 44px }
.friendLink { margin-top: 23px; border: 1px solid #bfbfbf; }
.friendLink .title{  height: 40px;position: relative;padding-left: 17px;padding-top: 26px;border-bottom: 1px solid #bfbfbf;  }
.friendLink .title h2 { font-size: 16px; color: #2e426d; font-weight: bold; line-height: 18px; padding-left: 16px; border-left: 3px solid #3f5881;  }
.friendLink .title a {  display: inline-block;height: 22px; line-height: 22px; padding-right: 32px; font-size: 12px; color: #9e9e9e;position: absolute;right: 19px;top: 23px;background: url("../images/icon-more.png") no-repeat right center; }
.friendLink .title a:hover {  background: url("../images/icon-more-h.png") no-repeat right center;color: #314a72; }
.friendLink ul {  padding: 5px 7px; overflow: hidden; margin: 0 0 20px 0; }
.friendLink ul li {  width: 12.48%; height: 40px;  float: left; margin: 17px 0 0 0; }
.friendLink ul li a {margin: 0px 14px 0 14px;  height: 40px; display: block; line-height: 38px; border-radius: 4px; border: 1px solid #c7cfda; text-align: center;  font-size: 12px;  color: #3f5881; background: #f3f5f7; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.friendLink ul li a:hover { background-color: #3f5881; border-color: #3f5881;  color: #fff; }


@media screen  and (max-width:1380px) {
.scroll { width: 94%; margin:30px auto; }
.Banner{ height: 360px; }

}

@media screen  and (max-width:1200px) {
.content { width: 94%; margin: 0 auto; }
.da { max-width: 100%; overflow: hidden; height: 40px; }
.slider { height: 165px; }

}


/* CSS Document */
@media screen  and (max-width:1100px) {
	.collb_right { margin-left: 10px; padding-left: 10px; }
}

@media screen  and (max-width:1023px) {
  .mode01 { margin: 0px; }
	.mode01 .lf { width: 100%; float: none; }
  .Banner { height: auto; margin: 0px; }
  .mode01 .md { width: 100%; float: none; }
  .news { margin: 10px 0 0 0; }
  .mode01 .rt { width: 100%; float: none; }
  .College { margin: 10px 0 0 0; }
  .coll_c .coll_pic { height: auto; }
  .coll_c .coll_pic img { height: auto; }
  .college_top { height: auto; }
  .article_list1 { overflow: hidden; padding: 15px 0; }
  .article_list1 li { width: 48%; float: left; }
  .article_list1 li:nth-child(even) { float: right; }
  .news { height: auto; }
  .mode02 { margin: 0px; }
  .mode02 .lf { width: 100%; float: none; }
  .mode02 .md { width: 100%; float: none; }
  .mode02 .rt { width: 100%; float: none; }
  .article_img_list { margin: 10px 0 0 0; overflow: hidden; }
  .article_img_list ul { overflow: hidden; }
  .article_img_list li { width: 48%; float: left; }
  .article_img_list li:nth-child(even) { float: right; }
  .article_img_list { height: auto; }
  .artr_con { height: auto; }
  .mode04 { margin: 0px; }
  .mode04 .lf { width: 100%; float: none; }
  .mode04 .md { width: 100%; float: none; }
  .mode04 .rt { width: 100%; float: none; }
  .friendLink ul li { width: 20%; }
}


@media screen and (max-width:800px) {
.friendLink ul li { width: 33.33%; }
}

@media screen and (max-width:700px) {
}



@media screen and (max-width:640px) {
.Banner .slide_nav.prev { background-size: 16px 26px; margin-top: -8px; width: 16px; height: 26px; }
.Banner .slide_nav.next { background-size: 16px 26px; margin-top: -8px; width: 16px; height: 26px; }
.Banner .slide_nav.prev:active,.Banner .slide_nav.prev:hover { background-size: 16px 26px; margin-top: -8px; width: 16px; height: 26px; }
.Banner .slide_nav.next:active,.Banner .slide_nav.next:hover { background-size: 16px 26px; margin-top: -8px; width: 16px; height: 26px; }
.friendLink ul li { width: 50%; }
}


@media screen and (max-width:480px) {
  .article_list1 li { width: 100%; float: none; }
  .article_list1 li:nth-child(even) { float: none; }
  .article_img_list li { width: 100%; float: none; }
  .article_img_list li:nth-child(even) { float: none; }
  .art_left { float: none; margin: 0 auto; height: auto; }
  .art_right { margin: 10px auto; }
  .artr_con { height: auto; }
  .friendLink ul li { width: 100%; float: none; }
}

@media screen and (max-width:450px) {
}

@media screen and (max-width:400px) {

}



@media screen and (max-width:360px) {
}
