/*学校概况样式*/
/*学校简介*/
.white-block { width: 100%;background: #fff;padding: 0.7rem 0;}
.tt-bottom-line { margin-bottom:0.63rem;}
.tt-bottom-line .tt-mame { font-size: 0.36rem;color: #0076c1;font-weight: bold;}
.tt-bottom-line .tt-line { margin-top: 0.1rem;width: 2.4rem;height: 0.02rem; background: linear-gradient(90deg, rgba(255,255,255,0.01) 1%, rgba(0,118,193,0.98) 49%, rgba(1,91,177,0.01) 100%);border-radius: 0.01rem;}
.intro-box { width: 100%;justify-content: space-between;}
.intro-text { width: 46%;padding: 0.2rem 0.35rem 0.2rem 0.35rem;position: relative;}
.intro-text:before { position: absolute;left: 0;top: 0;content: '';width: 2px;height: calc(100% - 20px);background: #0076c1;}
.intro-tt { font-size: 0.28rem;color: #1A1A1A;font-weight: bold;}
.intro-p { font-size: 0.18rem;line-height: 2;margin-top: 0.04rem;letter-spacing: 1px;}
.intro-img { width: 51%;height: 4.5rem;overflow: hidden;border-radius: 0.1rem;}
.intro-img img { transition: .8s;}
.intro-img img:hover { transform: scale(1.08);}
.intro-more { font-size: 0.16rem;color: #0076c1;transition: .3s;margin-top: 0.4rem;}
.intro-text .intro-more { margin-top: 0.8rem;}
.intro-more:hover { transform: translateX(0.05rem);}
.intro-more .more-icon { width: 0.5rem;height: 0.24rem;margin-left: 0.12rem;}
/*学校章程 && 办学定位*/
.blue-image-block { padding: 0.8rem 0;width: 100%;height: 8.08rem;background: url(/templates/index/image/zz/xxgk/xxzc_bg.png) #fff no-repeat bottom / 100% 100%;}
.xxzc-block { width: 46%;border-bottom: 1px dashed #fff;}
.tt-left-line-white { margin-top: 0.1rem;font-size: 0.36rem;color: #fff;padding-left: 0.16rem;border-left: 2px solid #fff;line-height: 1.2;font-weight: bold;}
.tt-left-line { margin-top: 0.1rem;font-size: 0.36rem;color: #0076c1;padding-left: 0.16rem;border-left: 2px solid #0076c1;line-height: 1.2;font-weight: bold;}
.xxzc-main { width: 100%;margin-top: 0.7rem;}
.xxzc-img-text { width: 100%;margin-bottom: 0.24rem;}
.xxzc-img { flex: 0 0 51%;width: 51%;height: 33%;margin-right: 0.24rem;border-radius:0.08rem;overflow:hidden;}
.xxzc-text { font-size: 0.17rem;line-height: 2;color: #fff;}
.bxdw-block { width: 40%;}
.bxdw-main { margin-top: 0.7rem;width: 100%;}
.bxdw-img { width: 100%;height: 2.3rem;border-radius:0.08rem;overflow:hidden;}
.bxdw-item { font-size: 0.17rem;color: #fff;line-height: 2;padding: 0.18rem 0;border-bottom: 1px dashed #fff;}
/*教学科研 && 学院领导 && 专业设置 && 特色专业*/
.colours-image-block { margin-top: 0.3rem;padding:0.5rem 0 1.2rem 0;width: 100%;background: url(/templates/index/image/zz/xxgk/jxky_bg.png) #fff no-repeat top;background-size:100% auto;}
.jxky-block { width: 100%;}
.jxky-img { width: 51%;max-height:33rem;overflow: hidden;border-radius: 0.1rem;}
.jxky-img img { transition: .8s;}
.jxky-img img:hover { transform: scale(1.08);}
.jxky-intro { width: 45%;max-height:33rem;overflow:auto;padding-right: 0.22rem;padding-top: 0.2rem;border-right: 0.02rem solid #0076c1;}
.tool-card { padding: 0.3rem 0.22rem 0.52rem 0.5rem;width: 30%;margin-top: 1.2rem;background: url(/templates/index/image/zz/xxgk/xxld_bg.png) no-repeat center/cover;color: #fff;transition: .3s;}
.tool-card .corner-icon { height: 0.25rem;top:-0.2rem;right:-0.2rem;}
.tool-card .shadow-bg{width:100%;height:100%;border: 1px solid #DCDCDC;top:0.2rem;right:-0.2rem;z-index:-1;transition: .3s;}
.tool-card:hover .shadow-bg{background: #CFCFCF;opacity:1;}
.tool-card .card-icon { height: 0.84rem;width:0.84rem;padding:0.04rem;border: 1px dashed #FFFFFF;border-radius: 50%; animation: rotation 5s linear infinite;}
.tool-card .card-border { height: 0.74rem;padding:0.16rem;border: 1px solid #FFFFFF;border-radius: 50%;}
.tool-card .card-border .img-height{animation: roun  5s linear infinite;}
.tool-card .card-line{width:1px;height: 1.95rem;border: 1px dashed #FFFFFF;margin:0.3rem 0;}
.tool-card .card-tt { font-size: 0.36rem;margin-top: 0.25rem;writing-mode: tb-rl;}
.tool-card .card-more-tt { font-size: 0.18rem;margin-top: 0.1rem;writing-mode: tb-rl;}
.tool-card .card-more{ width:0.44rem;}
.tool-card:nth-child(2) { background: url(/templates/index/image/zz/xxgk/zysz_bg.png) no-repeat center/cover;}
.tool-card:nth-child(3) { background: url(/templates/index/image/zz/xxgk/tszy_bg.png) no-repeat center/cover;}

@keyframes rotation {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
@keyframes roun {
  0% {transform: rotate(360deg);}
  100% {transform: rotate(0deg);}
}

/* 不同分辨率适配 */
@media screen and (max-width: 768px) and (min-width:551px){
  html{font-size:46px;}
  .page-banner { height:7rem;}
  .info-tt { font-size:0.5rem;padding-top: 0.5rem;}
  .info-nav { font-size:0.4rem;padding: 0.3rem 0 0.4rem 0;}
  .tt-bottom-line .tt-mame,.tt-left-line-white,.tt-left-line { font-size:0.5rem;}
  .intro-text { width:48%;}
  .intro-img { height:5.5rem;}
  .intro-text:before { height:100%;}
  .intro-text .intro-more { margin-top:0.5rem;}
  .blue-image-block { height:auto;}
  .margin_bottom20 { margin-bottom:0.2rem;}
  .blue-image-block { padding: 1.3rem 0 1rem 0;background-size:cover;}
  .xxzc-block { width:49%;}
  .bxdw-block { width:46%;}
  .bxdw-img { height:auto;}
  .bxdw-main { margin-top: 1rem;}
  .bxdw-img { margin-bottom:0.2rem;}
  .jxky-intro { width:50%;}
  .intro-p { letter-spacing:0;font-size:0.29rem;}
  .jxky-img { width:47%;}
  .xxzc-text,.bxdw-item,.intro-p { font-size:0.29rem;}
  .bxdw-item { padding: 0.28rem 0;}
  .intro-more,.tool-card .card-more-tt { font-size:0.3rem;}
}
@media screen and (max-width: 550px){
  .blue-image-block{padding: 2rem 0;background-size: auto 100%;background-position-x: 33%;height:auto;}
  .blue-image-block .page-center{display:block;}
  .xxzc-block{width:100%;}
  .tt-left-line-white{font-size: 1.2rem;padding-left: 1rem;}
  .xxzc-main{margin-top: 2rem;}
  .xxzc-img{flex: 0 0 48%;width:48%;height: auto;margin-right: 1.5rem;margin-bottom: 0.5rem;border-radius: 0.3rem;overflow:hidden;}
  .xxzc-text{flex: 1 1 auto;line-height: 1.8;font-size: 0.8rem;}
  .xxzc-text .margin_bottom20{margin-bottom:1rem;}
  .bxdw-block{width: 100%;}
  .tt-left-line{color:#fff;font-size: 1.2rem;border-left-color:#fff;margin-top: 1.5rem;padding-left: 1rem;}
  .bxdw-main{margin-top: 2rem;}
  .bxdw-img{height: 10rem;border-radius: 0.3rem;overflow:hidden;}
  .bxdw-item{padding: 0.9rem 0;font-size: 0.8rem;line-height: 1.5;}
  .colours-image-block{margin-top: 0;padding: 2rem 0;}
  .jxky-block{display:block;}
  .jxky-img{width:100%;height:13rem;border-radius: 0.3rem;overflow:hidden;}
  .jxky-intro{width:100%;margin-top: 1.2rem;padding-right: 0.6rem;}
  .tool-card{width:30%;height:auto;padding:1.5rem;margin-top: 2rem;}
  .tool-card .card-tt{font-size:1.4rem;margin-top: 1.25rem;}
  .tool-card .card-more-tt{font-size: 0.8rem;margin-top: 0.8rem;}
  .tool-card .card-icon {width: 2rem;height:2rem;}
  .tool-card .card-icon .card-border{width: 1.8rem;height:1.8rem;padding: 0.3rem;}
  .tool-card .card-line{height:10rem;}
  .tool-card .card-more{width:1.4rem;}
  .tool-card .shadow-bg{opacity:0;}
  .tool-card .corner-icon{opacity:0;}
  .white-block{padding: 2rem 0;}
  .tt-bottom-line{margin-bottom: 1.5rem;}
  .tt-bottom-line .tt-mame{font-size:1.2rem;}
  .tt-bottom-line .tt-line{width: 5rem;height: 0.1rem;}
  .intro-box{display:block;}
  .intro-text{width:100%;padding: 0 0  1.5rem 1.3rem;}
  .intro-p{font-size:0.8rem;line-height:1.5;}
  .intro-text .intro-more{margin-top:1.5rem;}
  .intro-more{font-size: 0.8rem;}
  .intro-more .more-icon{width:2rem;height:auto;}
  .intro-img{width:100%;height: 12rem;}
  .card-right { margin-left:1rem;}
  .intro-text:before { width:1px;}
}