@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{ margin:0; padding:0; }
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{ display:block; }
table{ border-collapse:collapse; border-spacing:0; }
caption,th{ text-align:left; font-weight:normal; }
html,body,fieldset,img,iframe,abbr{ border:0;}
img{vertical-align:top;}
html{ overflow-x:hidden; }
i,cite,em,var,address,dfn{ font-style:normal; }
[hidefocus],summary{ outline:0; }
li{ list-style:none; }
h1,h2,h3,h4,h5,h6,small{ font-size:100%; }
sup,sub{ font-size:83%; }
pre,code,kbd,samp{ font-family:inherit; }
q:before,q:after{ content:none; }
textarea{ overflow:auto; resize:none; }
label,summary{ cursor:default; }
a,button{ cursor:pointer; }
h1,h2,h3,h4,h5,h6,em,strong,b{ font-weight:bold; }
del,ins,u,s,a,a:hover{ text-decoration:none; }
body,textarea,input,button,select,keygen,legend{ font:13px/1 arial,\5b8b\4f53; color:#333; outline:0; }
:focus { outline:0; }
/*备用样式表*/
.none { display:none; }
.wcb{ width:100%; height:30px; border:2px dashed #97CBE0; }
.hidden { visibility:hidden; }
.clear { width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block; _display:inline; }
.clearfix:after{clear: both;content: ".";display: block;height:0;visibility: hidden;}
.clearfix{ display: block; *zoom:1; }
.icon{display:inline-block;width: 32px;height: 32px;vertical-align:middle;background:url(images/icon.png) no-repeat;}
/*css3扩展*/
body:before {content: ""; position: fixed; top: -10px; left: 0; z-index: 110; width: 100%; height: 10px;
 -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	     box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}
::-webkit-input-placeholder { color:#ccc;/* WebKit browsers */}
:-moz-placeholder {color:#ccc; /* Mozilla Firefox 4 to 18 */}
::-moz-placeholder { color:#ccc;/* Mozilla Firefox 19+ */}
:-ms-input-placeholder { color:#ccc;/* Internet Explorer 10+ */}

.portal-page{
  background: url(images/portal_bg.png);
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-position: center center;
}
.wrapper{width: 100%;margin: 0 auto;}
.wrapper .inner{width: 1000px; margin: 0 auto;}
.header .inner{padding-top: 36px;}
.header .xueyuanlogo{
  display: inline-block;
  height: 80px;
  color: #FFFFFF;
  vertical-align: top;
  margin-left: 14px;
}
.header .name{
  margin: 0 4px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: cursive;
  font-size: 34px;
  font-weight: bolder;
  letter-spacing: 4px;
}

.entry{
  display: flex;
  position: fixed;
  right: 0;
  left: 0;
  bottom: 32%;
  width: 900px;
  justify-content: center;
  gap: 80px;
}
.entry_link{
  background: rgb(64 64 64 / 60%);
  border-radius: 10px;
  padding: 0 30px;
}


.entry_link a{
  display: block;
  padding: 18% 0%;
}
.left .link_icon{
  width: 197px;
  height: 96px;
  margin: 20px 0;
  background: url(images/portal_xwzp_link.png) no-repeat;
  position: relative;
}
.right .link_icon{
  width: 197px;
  height: 96px;
  margin: 20px 0;
  background: url(images/portal_rsczy_link.png) no-repeat;
  position: relative;
}
.link_icon .img{width: 112px; height: 112px; background: url(images/portal_link_bg.png) no-repeat center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-60px, -56px);
}
.entry_link{
  transition: all .3s;
}
.entry_link:hover{
  background: #ba2a16;
  transform: translateY(-25px);
}
.entry_link:hover a .link_icon .img{
  -webkit-animation-name:xxq;
   -webkit-animation: xxq 5s;
   -webkit-animation-iteration-count: infinite;
   animation-name: xxq;
   animation: xxq 5s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;
}
@keyframes xxq {
   0% {
      transform: translate(-60px, -56px)    rotate(0);
   }
   100% {
       transform: translate(-60px, -56px)    rotate(720deg);
   }
}

.link_tit{
  font-size: 26px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  font-family: "微软雅黑";
  letter-spacing: 2px;
}
/* .entry_link img{width: 220px;transition: all 0.4s;}
.entry_link:hover img{transform: scale(1.1);}
.entry .line img{height: 100px;margin-top: -12px;} */

.footer{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
}
.footer .mo{
  display: none;
}
.footer .copyright{
  text-align: center;
    font-size: 14px;
    line-height: 36px;
    color: #fff;
    font-family: "微软雅黑";
}

@media screen and (max-width: 650px) {
  .portal-page{
    background: url(images/portal_bg_mobile.png);
    background-size: 100% 100%;
    background-position-x: center;
    background-position-y: center;
  }
  .entry{
    flex-direction: column;
    width: 64%;
    gap: 30px;
  }
  .wrapper .inner{
    width: 100%;
    padding: 20px 15px 0;
    box-sizing: border-box;
  }
  .header img{width: 200px;}
  .header .xueyuanlogo{margin: 7px 0 0 4px;height: auto;}
  .header .name{
    font-size: 18px;
    margin-left: 0;
    letter-spacing: 2px;
    gap: 4px;
  }
  .left .link_icon, .right .link_icon{
    width: 120px;
    height: 60px;
    background-position: center;
    background-size: cover;
    margin: 0 auto;
  }
  .link_icon .img{
    width: 70px;
    height: 70px;
    background-size: contain;
    transform: translate(-38px, -35px);
  }
  .link_tit{
    font-size: 18px;
    margin-top: 20px;
  }
  .entry_link{padding: 0 10px;}
  .entry_link a{padding: 6% 0;}
  @keyframes xxq {
    0% {
       transform: translate(-38px, -35px)    rotate(0);
    }
    100% {
        transform: translate(-38px, -35px)    rotate(720deg);
    }
  }
  .footer{bottom: 30px;}
  .footer .mo{
    display: block;
  }
  .footer .pc{
    display: none;
  }
}