.top-banner{overflow: hidden;height: 0; min-width: 1200px;padding-bottom: 26%;position: relative;box-shadow: 0px 3px 15px #ccc;}
.banner1 { position: absolute;width:100%;height: 100%;xoverflow: hidden; }
.banner1-div{position: relative; height: 100%; z-index: 0;}
.banner1-div .tempWrap{overflow: visible !important;}
.banner1-div ul li {zoom: 1; vertical-align: middle; }
.banner1-div ul li img{width:100%; height: 100%;}
.banner1 a.banner1-arr{display: block;width: 50px;height: 50px; background: url(../img/prev.png) no-repeat center; line-height: 50px; font-size: 40px; color: #fff;text-align: center; xopacity: 0.8;xfilter: alpha(opacity=80); font-weight: bold;position: absolute;top: 50%; margin-top: -25px; font-family: "SimHei"; -moz-user-select: none; -khtml-user-select: none; user-select: none;
   z-index: 3;  transition:all .3s; -webkit-transition:all .3s; opacity:0 ; filter: alpha(opacity=0);}


.banner1 a.banner1-prev{left:50px; transform: translateX(-30px);-webkit-transform:translateX(-30px);
}
.banner1 a.banner1-next{right:50px; background-image: url(../img/next.png); transform: translateX(30px); -webkit-transform:translateX(30px);
}
.banner1:hover a.banner1-prev, .banner1:hover a.banner1-next {
  display: block;  transform: translateX(0px); -webkit-transform: translateX(0px); opacity:.8 ;
  filter: alpha(opacity=80);
}
.banner1:hover a.banner1-arr:hover {opacity: 1;filter: alpha(opacity=100);}
.tit1-div{position: absolute;  bottom: 12px;left: 43%; left:0; width: 100%; text-align: center;}
.tit1-div ul{font-size: 0;display: inline;}
.tit1-div ul li{ display: inline-block; xfloat: left;width: 14px; height: 14px; margin: 0 5px; text-indent: -999em;background: #0a3965; *background:url(../img/dots2.png) no-repeat;background:url(../img/dots2.png) no-repeat\0 ;
 cursor: pointer;border:none;xmargin-right: 10px;border-radius: 50%;}
 .tit1-div ul li{*display:inline;}
.tit1-div ul li.on{background: #fff; opacity: 1;  *background:url(../img/dots1_1.png) no-repeat;background:url(../img/dots1_1.png) no-repeat\0 ;border:none;}





.main-top {padding: 44px 0 43px;}
.focus-news {padding: 10px;border: 1px solid #eee;box-shadow: 1px 2px 10px #ddd;border-radius: 4px;}


.banner3 {xpadding-bottom: 20px; position: relative; overflow: hidden; height: 389px;}
.banner3 .banner3-new {position: relative;float: left;width: 355px;padding: 0 6px 0px 0;margin: 0 2px;overflow: hidden;}



.banner3{width: 578px;height: 420px;overflow: hidden;position: relative;}
.banner3-tit{position: absolute;height: 52px;width: 100%; bottom:0; }
.banner3-tit ul{line-height: 52px;text-align: right;}
.banner3-tit ul li{ display: inline-block;text-indent: 9999px;line-height: 6px;  width: 24px; height: 5px;border:none;margin-right: 10px;border-radius: 3px; background-color: #aaaaaa}
.banner3-tit ul li.on{background: #fff; }
.banner3-div ul li {position: relative;}
.banner3-div ul li>div{position: absolute;height: 52px;width: 100%;  line-height:52px; bottom: 0;color: #fff;background: #333;filter: alpha(opacity=80); background-color:rgba(0,0,0,0.6);}
.banner3-div ul li>div span{display: block; padding-right: 110px;padding-left: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;xfont-size: 14px;}
.banner3-div ul li .img-wrap{width: 578px;height: 420px;display: block;}




.banner4-wrap {width: 570px;}
.banner4-div {xheight: 432px; overflow: hidden;}
.banner4-new {padding: 7px 11px;margin-bottom: 8px; xtransition: all .3s;}
.banner4-new div {width: 92px;float: left;height: 42px;padding-right: 12px;border-right: 1px solid #999;margin-top: 5px;}
.banner4-new div i{float: left;height: 100%;font-size: 37px;line-height: 40px;color: #555;}
.banner4-new div span {float: right;height: 50%;color: #666;font-size: 16px;line-height: 20px;}
.banner4-new h3 {margin-left: 121px;line-height: 26px;height: 53px;display: flex;align-items: center;}
.banner4-div .more-news {text-align: right;}
.banner4-div .more-news a{color: #0e6bc2; color: #0e6bc2;}
.banner4-tit { margin-bottom: 12px; }
.banner4-new:hover { background-color: #0051a2; background-image: linear-gradient(120deg, #0051a2 0%, #0986cb 100%);; box-shadow: 3px 3px 8px #e9e9e9; }
.banner4-new:hover * { color: #fff !important; }
.banner4-new:hover div { border-color: #fff; }


.djgz {margin-bottom: 30px;position: relative;padding: 54px 0 102px 0;overflow:hidden;}
.djgz:before {content: '';position: absolute;left: 0;top: 0;width: 0;height: 0;border-style: solid;border-width: 40px 18vw 0 0;border-color: #ffffff transparent transparent transparent;}
.djgz:after {content: '';position: absolute;bottom: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 0 45px 20vw;border-color: transparent transparent #ffffff transparent;}
.djgz-arrow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.djgz-arrow:before {content: '';position: absolute;right: 0;top: 0;width: 0;height: 0;border-style: solid;border-width: 0 82vw 40px  0;border-color: transparent  #ffffff transparent transparent;}
.djgz-arrow:after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 0;border-style: solid;border-width: 56px 0 0 80vw;border-color: transparent transparent transparent #ffffff;}


.center-bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(49, 124, 195, 0.52);z-index: -8;background: #f6f6f6;}
.center-bg-img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -6;filter: blur(3px);opacity: 0.05;}


.main-center {background: #f7fbfe;background: linear-gradient(180deg, #fff 0%, #f7fbfe 7%, #f7fbfe 100%);padding: 54px 0 48px;position: relative;margin-bottom: 0px;}
.main-center .wrap {padding: 16px 30px 30px 40px;background: #fff;border-radius: 4px;box-shadow: 4px 4px 11px #eee;}
.main-center:before {content: '';position: absolute;left: 0;top: 0;width: 0;height: 0;border-style: solid;border-width: 44px 0vw 0 0;border-color: #ffffff transparent transparent transparent;}
.main-center:after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 0;border-style: solid;border-width: 0 0 51px 0;border-color: transparent transparent #ffffff transparent;}


.notice {width: 570px;}
.banner5 {height: 390px;}
.banner5-div { xoverflow: hidden;}
.banner5-new {background: #fff;width: 284px; padding: 8px; float: left; margin: 10px;}
.banner5-new div {width: 92px;height: 44px;float: left;}
.banner5-new div i{float: left;height: 44px;width: 44px;background: #004986; background: #0e6bc2; color: #fff; font-size: 24px;line-height: 44px;text-align: center;}
.banner5-new div span {float: right;height: 50%;color: #004986; color: #0e6bc2; font-size: 16px;line-height: 22px;text-align: left;
  width: 38px;}
.banner5-new a{display:block;margin-left: 107px;height: 44px;line-height: 44px;text-align: right;color: #666;}
.banner5-new h3 {line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.banner5-new p{ line-height: 23px; font-size: 14px; color: #666;}
.banner5-div .more-news {text-align: right;}
.banner5-div .more-news a{color: #0e6bc2; color: #0e6bc2;}


.banner5-pic-new > div {position: relative; float: left;width: 310px;height: 150px;    margin: 10px 10px 0 0;}
.banner5-pic-new > div a {display: block; overflow: hidden;}
.banner5-pic-new > div>div{position: absolute;height: 32px;width: 100%;  line-height:32px; bottom: 0;color: #fff;background: #333;filter: alpha(opacity=80); background-color:rgba(0,0,0,0.7);}
.banner5-pic-new > div>div span{display: block; padding-right: 10px;padding-left: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;}
.banner5-pic-new > div img{width: 310px;height: 150px;display: block;transition: all .3s;}
.banner5-pic-new > div a:hover img {transform: scale(1.1);}



.banner5-text-new > div{padding-bottom: 0px;margin-bottom: 16px;margin-top: 18px;border-bottom: 1px dashed #bbb;padding-bottom: 14px; transition: all .3s;}
.banner5-text-new > div a{display: block;padding-left: 12px;background: url(../img/li_bg1.png) no-repeat 0;margin-right: 100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.banner5-text-new > div:hover a{background-image: url(../img/li_bg1.png);}
.banner5-text-new > div:hover span{color: #2156a3; color: #0e6bc2; }
.banner5-text-new > div:hover { transform: translateX(-3px); }
.banner5-text-new > div span{float: right;}
.banner5-text-new > div:last-of-type { border-bottom: none; }




.story {width: 590px;}
.banner7 {height: 390px;}


.banner7-div ul li {margin: 14px 0;background: #f1f1f1;background: #fbfbfb; xtransition: all .3s;box-shadow: 3px 3px 6px #f6f6f6; position: relative;}
.banner7-div ul li:after { content: ''; position: absolute; right: 0; top: 0; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 0;
  border-color: transparent #0e6bc2 transparent transparent; opacity: 0; }
.banner7-div ul li span {float: left;width: 30%;height: 100px;}
.banner7-div ul li div {float: right;width: 66%;padding-right: 10px;}
.banner7-div ul li div i{display: block;xcolor: #0e6bc2; font-size: 17px;text-align: right;padding-right: 3px;}
.banner7-div ul li div h3{line-height: 25px;padding: 10px 0px;}
.banner7-div ul li div p{  color: #666; display: none; }
.xbanner7-div ul li:hover { box-shadow: 3px 3px 8px #e9e9e9; background-color: #0051a2; background-image: linear-gradient(120deg, #0051a2 0%, #0986cb 100%);; }
.xbanner7-div ul li:hover * { color: #fff !important; }
.banner7-div ul li:hover:after { opacity: 1; transition: all .3s; }



.banner8{width: 540px;height: 370px;position: relative; overflow: hidden;}
.banner8-tit{position: absolute;height: 52px;width: 100%; bottom:0; xdisplay: none; }
.banner8-tit ul{line-height: 52px;text-align: right;}
.banner8-tit ul li{ display: inline-block;text-indent: 9999px;line-height: 6px;  width: 24px; height: 5px;border:none;margin-right: 10px;border-radius: 3px; background-color: #aaaaaa}
.banner8-tit ul li.on{background: #fff; }
.banner8-div ul li {position: relative;}
.banner8-div ul li .img-wrap{width: 540px;height: 370px;display: block;}
.banner8-title-item {position: absolute; display: none; height: 54px;width: 74%;line-height: 54px;bottom: -27px;left: 13%;color: #000;background: rgba(255, 255, 255, 0.8);filter: alpha(opacity=80);}
.banner8-title-item.on {display: block;} 
.banner8-title-item  span{display: block;padding: 0 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;xfont-size: 14px;  box-shadow: 0px 2px 8px #ddd;}
.banner8-div { box-shadow: 3px 3px 6px #ddd; border-radius: 4px; overflow: hidden; }
.banner8-div ul li>div{position: absolute;height: 52px;width: 100%;  line-height:52px; bottom: 0;color: #fff;background: #833;filter: alpha(opacity=80); background-color:rgba(0,0,0,0.6);}
.banner8-div ul li>div span{display: block; padding-right: 110px;padding-left: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;xfont-size: 14px;}


.djgz-box {background: #fff;padding: 44px 57px 44px; 
position: relative;
 z-index: 999;
}
.banner9-wrap {xwidth: 710px;margin-left: 565px;}
.banner9-div {xheight: 432px;overflow-y: hidden;}
.banner9-new { padding-bottom:4px;margin-bottom:20px;margin-top:0;line-height:30px;transition:transform .3s;padding:8px 13px 8px 10px;xborder-radius:5px;background:#fbfbfb;xbox-shadow:3px 3px 6px #e9e9e9,-2px 0 6px #fbfbfb;}
.banner9-new div {width: 43px;float: left;height: 100%;}
.banner9-new div i{display: block;font-size: 20px;margin-top: 0px;position: relative;}
.banner9-new div i:after {position: absolute;content: '';height: 1px;width: 30px;background: #666;bottom: -2px;left: 5px;transform: rotate(-39deg);}
.banner9-new div b {display: block;color: #888;font-size: 18px;line-height: 27px;font-weight: normal;text-align: right;padding-right: 3px;}
.banner9-new h3 {margin-left: 52px;}
.banner9-new h3 a {}
.banner9-new h4 {font-size: 14px;margin-left: 53px;font-weight: normal;}
.banner9-new h4 a { color: #888; }
.banner9-div .more-news {text-align: right;}
.banner9-div .more-news a{color: #0e6bc2; color: #0e6bc2; }
.banner9-tit { margin-bottom: 12px; }
.banner9-new:hover { background-color: #0051a2; background-image: linear-gradient(120deg, #0051a2 0%, #0986cb 100%);; box-shadow: 3px 3px 8px #ddd; transform: translateX(-3px); }
.banner9-new:hover * { color: #fff !important;  }
.banner9-new:hover  div i:after { background-color: #fff; }
.banner9-new:hover div i { color: #0e6bc2; color: #0e6bc2; }
.banner9-new:hover {box-shadow: 0px 2px 8px #ddd;}


.teaching {margin-bottom: 18px;}
.banner10{width: 530px;height: 360px;overflow: hidden;position: relative;}
.banner10-tit{position: absolute;height: 52px;width: 100%; bottom:0; }
.banner10-tit ul{line-height: 52px;text-align: right; xdisplay: none; }
.banner10-tit ul li{ display: inline-block;text-indent: 9999px;line-height: 6px;  width: 24px; height: 5px;border:none;margin-right: 10px;border-radius: 3px; background-color: #aaaaaa}
.banner10-tit ul li.on{background: #fff; }
.banner10-div ul li {position: relative;}
.banner10-div ul li>div{position: absolute;height: 52px;width: 100%;  line-height:52px; bottom: 0;color: #fff;xbackground: #333;background-color:rgba(0,0,0,0.6);}
.banner10-div ul li>div span{display: block;padding-right: 110px;padding-left: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-shadow: 1px 1px 4px #000;xfont-size: 14px;}
.banner10-div ul li .img-wrap{width: 530px;height: 360px;display: block;}
.banner10 { box-shadow: 3px 3px 6px #ddd; border-radius: 4px; overflow: hidden; }


.banner11-wrap {xwidth: 710px; margin-left: 570px;}
.banner11-div {xheight: 432px;overflow: hidden;}
.banner11-new {padding-bottom: 4px;margin-bottom: 4px;margin-top: 10px;line-height: 30px;}
.banner11-new div {width: 70px;float: left;height: 20px;}
.banner11-new div span {float: left;color: #666;font-size: 16px;line-height: 30px;background: #ededed;padding: 0 10px;position: relative;z-index: 1; transition: all .3s;}
.banner11-new div span:before {content: '';position: absolute;left: 0;top: 0;width: 0%;height: 100%;background-image: linear-gradient(90deg, #1d97d9 0%, #0856a3 100%);transition: all .3s;z-index: -1;}
.banner11-new div a { transition: all .5s; }
.banner11-new:hover div span {  color: #fff; }
.banner11-new:hover div a { color: #0e6bc2; }
.banner11-new:hover div span:before { width: 100%; }
.banner11-new h3 {margin-left: 79px; }
.banner11-div .more-news {text-align: right;}
.banner11-div .more-news a{color: #0e6bc2; color: #0e6bc2; }
.banner11-tit { margin-bottom: 12px; }





.banner6 {position: relative;}
.banner6 .banner6-more > a {
  position: absolute;
  bottom: 17px;
  right: 5px;
  width: 22px;
  height: 62px;
  background: url(../img/topic_right.jpg) no-repeat -3px;
  color: #fff;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  transition: background .3s;
  }



.top-tab {position: relative;margin-bottom: 26px;}
.top-tab.mg0 { margin-bottom: 0; }
.top-tab .more-news {position: absolute;right: 16px;top: 50%;margin-top: -10px;}
.top-tab .more-news a{display: none;color: #0e6bc2;color: #333;}
.top-tab .more-news a.on {display: block;}
.top-tab .more-news a i {font-family: cursive;}
.top-tab .more-news a:hover { color: #0e6bc2; }


.change-li {position: relative;text-align: center;}
.change-li li {display: inline-block;font-size: 23px;margin-right: 0;padding: 0 4px 0 77px;padding-bottom: 12px;border-bottom: 2px solid transparent;position: relative;cursor: pointer;margin-bottom: 2px;letter-spacing: 0px;}
.change-li li.on {color: #0e6bc2;color: #333333;xborder-bottom: 3px solid #0e6bc2;xborder-color: #0e6bc2;}
.change-li li {font-size: 32px;color: #333;line-height: 48px;font-family: SourceHanSerifCN-Bolds;padding-top: 30px;}
.change-li li i {color: rgba(212, 222, 232, .4);font-size: 50px;text-transform: uppercase;line-height: 11px;font-family: SourceHanSansCN-Bold;display: block;height: 11px;}
.change-li li b {font-size: 36px;color: #0e6bc2;font-weight: normal;margin-right: 2px;height: 36px;line-height: 36px;display: inline-block;}


.top-tab.small .change-li { text-align: left; }
.top-tab.small .change-li li:before {width: 85px;height: 85px;}
.top-tab.small .change-li li {font-size: 27px;padding-left: 55px;padding-bottom: 0px;}
.top-tab.small .change-li li i{ font-size: 35px; letter-spacing: -0.5px;}
.top-tab.small .change-li li b{ font-size: 31px; }



.change-li li a{position: absolute; display: none; right: 0;color: #0e6bc2; color: #0e6bc2;}
.change-li li.on a{display: block;}
.tab-center {text-align: center;margin-bottom: 26px;}
.tab-center .change-li li { float: none; display: inline-block;}
.tab-center .change-li li.on { text-align: center; xcolor: #fff; xborder-color: #fff; }
.tab-center.top-tab .more-news a{ xcolor: #fff; }


.img-wrap {xborder-radius: 2px;overflow: hidden;}
.img-wrap img { display: block; width: 100%;height: 100%; transition: all .3s;-webkit-transition: all .3s}
.img-wrap:hover img { transform: scale(1.05); }


.change-li li:before {
  content: '';
  width: 120px;
  height: 120px;
  position: absolute;
  left: -14px;
  top: 50%;
  background: url('../img/earth.png') no-repeat center center;
  background-size: 100% 100%;
  animation: 8s linear infinite cartoon;
  -webkit-animation: 8s linear infinite cartoon;
  opacity: 0.9;
  
}
.change-li li:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0px;
  background-image: linear-gradient(302deg, #0a92dc 0%, #0051a2 100%);
}


@keyframes serv{
  0% {opacity: 0;transform: translate(0, 40%);}
  100%{opacity: 1;transform: none;}
}


@-webkit-keyframes serv{
  0% {opacity: 0;-webkit-transform: translate(0, 40%);}
  100%{opacity: 1;-webkit-transform: none;}
}


@keyframes cartoon {
  0% {
      transform: translateY(-50%) rotate(0);
      -webkit-transform: translateY(-50%) rotate(0)
  }
  100% {
      transform: translateY(-50%) rotate(360deg);
      -webkit-transform: translateY(-50%) rotate(360deg)
  }
}


@-webkit-keyframes cartoon {
  0% {
      transform: translateY(-50%) rotate(0);
      -webkit-transform: translateY(-50%) rotate(0)
  }
  100% {
      transform: translateY(-50%) rotate(360deg);
      -webkit-transform: translateY(-50%) rotate(360deg)
  }
}


@font-face {
  font-family: SourceHanSerifCN-Bolds;
  src: url(./SourceHanSerifCN-Bolds.woff)
}


@font-face {
  font-family: SourceHanSansCN-Bold;
  src: url(./SourceHanSansCN-Bold.woff)
}


@font-face {
  font-family: SourceHanSerifCN-Bold;
  src: url(./SourceHanSerifCN-Bold.woff)
}


@font-face {
  font-family: SourceHanSerifCN-Regular;
  src: url(./SourceHanSerifCN-Regular.woff)
}