@charset "utf-8";




.h{text-align: center;font-size: 30px;margin-bottom: 30px;}
.h .cn{ color: #1d58a5; font-size: 38px;font-weight: bold;}
.h .en{ color: #999; font-size: 18px;}

#news{float: left; width: 770px;}
#news .pic img{ width: 770px; height: 470px;}
.box-1 .h{ text-align: left; color: #1d58a5;}

.box-1 .h .on a{ text-align: left; color: #1d58a5;}
#news .h a{ text-align: left; color: #1d58a5;}
.box-1 .h  a{ text-align: left; }
.box-1 .h  a .tl{ text-align: left; color: #fb6d19;}
.box-1 .h .side-thumbs{display: flex;}
.box-1 .h .side-thumbs h3{margin-right: 25px;}
#news .con{ height: 100px;}
#news .swiper-slide { height: 590px; overflow: hidden;background-color: #fff; overflow: hidden;position: relative;}
#news .swiper-slide .date{ text-align: right; color: #999;}
#news .swiper-slide .infro {color: #666;}
#news .swiper-slide .title a{ color: #fb6d19;}
#news .swiper-slide .title a:hover{color:#fb1919}
#notice{ width: 580px; float: right; overflow: hidden;}
#notice .d{ overflow: hidden;height: 600px;}
#notice .swiper-slide{ background-color: #fff;height: 600px; overflow: hidden;}
#notice .list li{ line-height: 30px; overflow: hidden; margin-bottom: 20px;transition: 0.5s;position: relative;}

#notice .list li .date{float: left; text-align: center; margin-right: 20px; background-color: #f0f0f0; padding: 10px 15px; line-height: 28px;margin-top:8px;}
#notice .list li .date em{ display: block; font-style: normal;}
#notice .list li .con{float: right;width: 480px;}
#notice .list li .con .intro{color: #999;line-height: 26px;}
#notice .list li:hover .date{background-color: #1d58a5; color:#fff}
#notice .list li:hover a{color:#fb1919}
#news  img {
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
   object-fit: cover !important;
}

#news  img:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05)
}

/* 科研与社会合作*/
#ky{background: url(../images/cjrh.jpg) no-repeat top;}
#ky .swiper{ height: 450px;}
#ky .list-pic{ height: 400px;}
#ky .list-pic li{ float: left;overflow: hidden; float: left; background-color: #fff; }

#ky .list-pic li .pic{height: auto;overflow: hidden;padding:10px; background-color: #fff;}
#ky .list-pic li .pic img{width:430px; height: 290px;}
#ky .list-pic li .title{ line-height: 30px; text-align: center;padding-top: 10px;padding-left:10px;padding-right: 10px;}
#ky .more{clear: both; margin-top: 30px; text-align: center;margin-bottom: 30px;}
#ky .more a,#ky .more a:link,#ky .more a:visited{text-align:center;border:0;border-radius: 25px;background-color:#fb6d19;color:#fff;cursor:pointer; padding:10px 30px;}
#ky .more a:hover{background-color:hsl(0, 97%, 54%);}
/* 产教融合*/
#cjrh .cl{float: left;width:920px;}
#cjrh .cl ul li{float: left;width:350px; border: 1px solid rgb(131, 120, 120);margin-right: 30px; height: 60px; position: relative;padding:30px; margin-bottom: 25px;}
#cjrh .cl ul li .date{position: absolute; bottom: 10px; left:25px; color: #1d58a5;;}
#cjrh .cr{ width: 480px;float: right;}
#cjrh .cr .swiper-slide{width: 100%;height:435px; background-color: #fff; overflow: hidden;position: relative;}
#cjrh .cr .pic{ width: 470px;padding-top: 10px;height: 310px; overflow: hidden;}
#cjrh .cr .pic img{width: 470px;height: 310px;}
#cjrh .cr .con{height: 160px; overflow: hidden; line-height: 30px;text-align: center;}
#cjrh .cr .con .date{display: none;}
#cjrh .cr .con .intro{color:#999;} 
#cjrh .cr .con h3{ text-align: center;font-weight: normal;padding:0px 30px;}
#cjrh .cr .pic::before{width: 100%;height:310px;content: "";display: block;position: absolute;left: 18px;top: -20px;background: #4294cb;z-index: -1;}
/* 融媒矩阵 */
#rmjz{ background: url(../images/rmt.jpg) repeat;padding-bottom: 30px;}
#rmjz .h .cn{ color: #fff;}
#rmjz .h .en{ color:#f1ebeb;}
#rmjz .d{ position: relative; height: 700px;}
#rmjz .d ul li{ width:450px;height: 330px; overflow: hidden;position: absolute;}
#rmjz .d ul li img{width:450px;height: 330px;overflow: hidden;}
#rmjz .d ul li.li-wb{top:0px;left:0px;}
#rmjz .d ul li.li-ws{left:0px;bottom: 0px;}
#rmjz .d ul li.li-mtjj{height: 700px;left:475px;bottom: 0px;}
#rmjz .d ul li.li-mtjj img{height: 700px;}
#rmjz .d ul li.li-wx{top:0px;right:0px;}
#rmjz .d ul li.li-wxh{right:0px;bottom: 0px;}
#rmjz .d ul li::before{content: ""; width: 52px; height: 52px; display: block;position: absolute;bottom: 30px;right:30px;z-index: 3;}
#rmjz .d ul li.li-wb::before{background: url(../images/r03.png) no-repeat;bottom: 30px;right:30px;}
#rmjz .d ul li.li-ws::before{background: url(../images/r01.png) no-repeat;bottom: 30px;left:30px;}
#rmjz .d ul li.li-mtjj::before{background: url(../images/r05.png) no-repeat;top: 90px;right:140px;width: 189px; height: 52px; }
#rmjz .d ul li.li-wx::before{background: url(../images/r04.png) no-repeat;bottom: 30px;left:30px;}
#rmjz .d ul li.li-wxh::before{background: url(../images/r02.png) no-repeat;bottom: 30px;left:30px;}
#rmjz .d ul li img {
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
   object-fit: cover !important;
}

#rmjz .d ul li img:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05)
}
/* 专题聚焦 */
#ztjj .h{margin-top: 40px;margin-bottom: 40px;}
#ztjj .d{ height:600px;margin-bottom: 30px;}
#ztjj .d .swiper-wrapper{height: 500px;}
#slide-special .pic img { position: absolute; left: 0; top: 0; height: 100%;width: 350px;}
#slide-special { padding: 1rem 0 3rem; }
#slide-special .pic a { position: relative; display: block; height: 0; padding-bottom: 132.4%; overflow: hidden; transition: all ease 0.6s; box-shadow: 0 1.5rem 1.5rem rgba(73, 61, 63, 0.5);  }
#slide-special li:hover .pic a { transform: translateY(-1rem); }
#slide-special .tit { text-align: center; width:100%; display: none; }
.special-panel { margin-top: 2%; display: flex; align-items: center; justify-content: center; width:40%; margin: 0 auto;}
.special-panel .title { flex: 1 0 0%; font-size: 1.5em; height: 3.25rem; line-height: 3.25rem; text-align: center; margin: 0 2rem; color: #000; overflow: hidden; }
.special-panel .prev,
.special-panel .next { display: flex; align-items: center;width: 56px;height: 56px; justify-content: center; background: url(../images/l.png) no-repeat center; }
.special-panel .next{background: url(../images/r.png) no-repeat center;}



 /* 视界看校园 */
 #sjkxy{ position: relative; height: 860px;}
 #sjkxy .d{position: absolute;top:0px;left:0px;height: 860px;width: 100%;bottom: 0px;right: 0;}
 
   #slide-sjkxy2 {height: 100%;width: 100%;}
   #slide-sjkxy2 .swiper-slide{ height: 860px;}
   
   #sjkxy .h { padding:20px;background-color: rgba(0,0,0,.2);width: 60px; margin-top: 80px; position: relative;z-index: 1;}
   #sjkxy .h .cn{ color:#fff;width: 60px;  padding-top:80px; display: block; overflow: hidden;padding-bottom: 150px;font-size: 32px;text-shadow: 2px 2px 4px #000000;}
   #slide-sjkxy{ width: 720px; margin-left: 0px;height: 180px;}
   #slide-sjkxy .swiper-slide {width: 205px;opacity: 1; }
   #slide-sjkxy .swiper-slide-thumb-active {opacity: 1;}  
   #slide-sjkxy  .swiper-slide img {
     display: block;
     width: 205px;height: 136px;padding: 7px; background-color: #fff;
     object-fit: cover;box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
   }
   #slide-sjkxy .swiper-slide-thumb-active img{background-color: #fda42f;}
   #slide-sjkxy2 img{width: 100%;height: 860px;}
   #slide-sjkxy  .swiper-slide .title{ color: #fff; text-align: center;font-size: 18px; line-height: 30px;font-weight: bold;text-shadow: 2px 2px 4px #000000;}
 
 
  /* 网上办事大厅 */
  #wsbs .d{margin-top: 60px;margin-bottom: 60px;}
  #wsbs .list-menu { margin: -1%;display: flex;	justify-content: space-between;	align-items: center; }
  #wsbs .list-menu li { width: 23%; margin: 1%;transition: transform 0.3s ease;  }
  #wsbs .list-menu  li:hover{	transform: scale(1.1); }
  #wsbs .list-menu li a { display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; font-size: 1.2em; }
  #wsbs .list-menu li a::before {margin-bottom: 10px; display: block; width: 8.5rem; height: 8.5rem;content: ''; line-height: 8.5rem;background: url(../images/a1.png) no-repeat center; color: #fff; font-size: 5.6rem;  border-radius: 50%; font-weight: normal;	border: 1px dashed #888; }
  #wsbs .list-menu .li2 a::before { background: url(../images/a2.png) no-repeat center;}
  #wsbs .list-menu .li3 a::before {background: url(../images/a3.png) no-repeat center;}
  #wsbs .list-menu .li4 a::before {background: url(../images/a4.png) no-repeat center;}
  #wsbs .list-menu .li5 a::before {background: url(../images/a5.png) no-repeat center;}
  #wsbs .list-menu li a,#wsbs .list-menu li a::before { transition: all ease 0.5s; }
  #wsbs .list-menu li a:hover { font-weight: bold; }
  #wsbs .list-menu li a:hover::before {  animation: tada 1s ease 0.4s 1; }
  #wsbs .list-menu li .title{ line-height: 30px;}

  /*首页大图*/
.banner .pic { position: relative; padding-bottom: 65%; width: 100%; display: block; overflow: hidden; transition: 0.5s; background-size: cover !important; background-position: center center !important;}
.banner .pic img { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; object-fit: cover; display: none; }
.banner { width: 100%; overflow: hidden; position: relative; height: 100vh;}
.banner .swiper-slide { overflow: hidden;}
.banner .pic{padding-bottom: 100vh;}
.banner .slide-inner{overflow: hidden;}
.banner .pic{transform: translate3d(0px, 0px, 0px) scale(1.05); transition: opacity 0.5s}
.banner .swiper-slide-active .pic{transform: scale(1); transition: all 6s ; }
.banner .pic::after{width: 100%;height: 1.3rem;background-size: 100% 100%;}
.banner .slide-inner{position: relative;display: block;}
.banner .swiper-pagination{display: flex;align-items: center;justify-content: center;width: 100%;bottom: 8rem;left: auto;}
.banner .swiper-pagination span{position: relative;width: 1rem;height: 1rem;margin: 0.5rem !important;opacity: .6;background-color: #fff;}
.banner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;opacity: 1; background-color:#fda42f;}

.topcr{position:absolute; z-index: 2;display: flex;align-items: center;justify-content: center;width: 100%;bottom: 2.3rem;left: auto; cursor: pointer;}
.topcr .in {text-align: center;
	-webkit-animation: scroll 2s cubic-bezier(.15,.41,.69,.94)infinite;
	-moz-animation: scroll 2s cubic-bezier(.15,.41,.69,.94)infinite;
	animation: scroll 2s cubic-bezier(.15,.41,.69,.94)infinite
}.topcr .in span{ text-align: center;display: block;color: #fff;text-shadow: 2px 2px 4px #000000; }

@keyframes scroll {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(1.6rem);
		-moz-transform: translateY(1.6rem);
		-o-transform: translateY(1.6rem);
		transform: translateY(1.6rem)
	}

	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}