@charset "utf-8";
/* common */
.header_top{/* position: relative; */}
.ban{position: relative;}
.ban .imged {padding-bottom: 25%;}
.ban .scale{position: absolute;width: 100%;top: 0;}
.ban .scale img{width: 100%;}

/* 手机内页二级导航 */
.wrap_ph{/* padding-bottom: 0.3rem; */display: none;z-index: 1000;position: relative;}
.wrap_ph h2{width:100%;color:#fff;height: 0.6rem;line-height: 0.6rem;font-size: 0.26rem;padding: 0 0.2rem;background: #0066A6;}
.wrap_ph h2::after{width: 0.32rem;height: 0.32rem;background: url(../images/cd.svg) no-repeat right center/cover;left: auto;right: 0.2rem;top: 50%;transform: translateY(-50%);}
.wrap_ph ul{padding: 0.1rem 0.2rem 0.2rem;display: none;box-shadow: 0px 0.1rem 0.3rem 0px rgba(69, 10, 66, 0.11);background: #fff;z-index: 10;}
.wrap_ph li{font-size: 0.18rem;line-height: 0.34rem;font-family: hel-bold;padding: .05rem 0;}
.wrap_ph li a{transition:0.5s;display: block;color: #333;}
.inner .wrap_ph{/* display: none; */}
.wrap_ph li.active a{color: #0066A6;}
.wrap_ph i{opacity: 1;display: inline-block;width: .34rem;height: .3rem;display: inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size: 15px 15px !important;position: absolute;display: block;right: 0;top: 2px;transition: 0.5s;}
.wrap_ph i.on{transform: rotate(-90deg);}
.wrap_ph .box{display: none;padding-left: 0.25rem;}
.wrap_ph .box a{font-size: 0.16rem;line-height: 0.3rem;color: #666 !important;display: block;}
.wrap_ph .box a:hover{color: #0066A6;}
.wrap_ph li h3{position:relative;}



.inner {position: relative;background: url(../images/innbg.png) no-repeat bottom;background-size: 100%;}
.common{z-index: 10;padding: 0.65rem 0 1rem;}
.inner .lm{text-align: center;width: 100%;position: relative;margin-bottom: .6rem;}
.inner .lm h3{font-size: 0.52rem;color: #FFFFFF;margin-bottom: 0.1rem;font-family: sy;}
.inner .lm p{font-size: 0.2rem;color: #FFFFFF;line-height: 1.3;}

.inner .wp{align-items: flex-start;justify-content: space-between;}
.inner_left {width: 3.2rem;z-index: 100;position: relative;border-top: 0.06rem solid #0066A6;}
.inner_right {width: calc(100% - 3.85rem);background: #FFFFFF;padding: 0.3rem 0.5rem;position: relative;min-height: 700px;}
.inner_left h2 {background: linear-gradient(270deg, #1079BE 2%, #1BA4BD 100%);text-align: center;height: 1.3rem;align-items: center;padding-left: 0.4rem;}
.inner_left h2 p{color: #fff;line-height: .34rem;font-weight: bold;font-size: 0.34rem;padding-right: 0.15rem;}

.inner_left ul {background:url(../images/lmbg.png) no-repeat bottom/cover #fff;padding-bottom: 1rem;min-height: 4.33rem;}
.inner_left ul li {position: relative;transition: .5s;}
.inner_left ul li p {padding: 0rem 0.35rem;height: 100%;/* text-align: center; */}
.inner_left ul li p a {font-size: 0.2rem;display: block;width: 100%;color: #000;transition: .5s;position: relative;line-height: 1.4;border-bottom: 1px solid #dde4e7;padding: .2rem 0 .2rem;}

.inner_left ul li p a::after{content: "";position: absolute;top: 50%;right: 0;width: .16rem;height: 0.12rem;transition: 0.5;background-size: 100%;transform: translateY(-50%);opacity:0;}


.inner_left ul li:hover p a, .inner_left ul li.active p a {color: #0066A6;font-weight: bold;}
.inner_left ul li:hover p, .inner_left ul li.active p{background: rgba(0, 102, 166, 0.1);}
.inner_left ul li.active p a::after,.inner_left ul li:hover p a::after{opacity:1;}
.nysubnav {display: none;}
.inner_left ul li.active .nysubnav{display: block;padding-left: .3rem;}
.nysubnav a { padding: 0px 0.3rem; line-height: 0.4rem; display: block; font-size: 0.16rem; }
.nysubnav a:hover, .nysubnav a.on {color: #0066A6;}

.local {border-bottom: 1px solid #C2D4DF;padding: 0rem 0px 0.25rem;margin-bottom: .3rem;justify-content: space-between;align-items: center;}
.local h2{color: #0066A6;font-size: 0.32rem;font-family: sy;}

.adress {color: #666;font-size: 0.16rem;position:relative;align-items: flex-start;}
.adress p{/* padding-left: .3rem; */line-height: 0.26rem;font-size: .16rem;color: #333;display: flex;}
.adress a {font-size: 0.16rem;color: #666;transition: 0.5s;padding: 0 0.05rem;}
.adress a:hover { color: #0066A6; }

/* jianjie */
.jjy{/* padding-top: 0.2rem; */}
.jjy p{text-indent: 2em;}

/* 新闻列表1 */
.newlist1 ul.list li a{padding: .1rem 0;}

ul.list li a{align-items: center;line-height: 1.6;justify-content: space-between;padding: 0rem 0;height: 0.4rem;}
ul.list li a::after{width: 100%;background: #0066A6;opacity: 0;}
ul.list h3{font-size: 0.2rem;color: #333;padding: 0 .2rem 0 0rem;transition: 0.5s;position:relative;flex: 1;min-width: 0;}
ul.list li a > span{white-space: nowrap;font-size: 0.18rem;color: #0A64A2;}
ul.list h3 i{display: inline-block;color: #0066A6;font-style: normal;}
/* ul.list li h3::after{width: 0.06rem;height: 0.06rem;background:#0066A6;top: 50%;transform: translateY(-50%);content:"";position:absolute;left: 0;border-radius: 50%;} */

.page{margin: .6rem 0 0;}
.page img{display: block;margin: 0 auto;}
@media(min-width: 1025px){	
	ul.list li a:hover h3,ul.list li a:hover i,ul.list li a:hover span{color: #fff;}
	ul.list li a:hover::after{opacity: 1;}
	ul.list li a:hover{padding: 0rem .2rem;}
}


/* 学院新闻 */
.newlist li{/* margin-bottom: .1rem; */}
.newlist li a{padding: .3rem 0;align-items: center;border-bottom: 1px solid #D8D8D8;}
.newlist li a::after{width: 100%;background: #0066A6;opacity: 0;}
.newlist li .scale{width: 2.5rem;}
.newlist li .con{width: calc(100% - 3.3rem);padding: 0 .3rem;}
.newlist li .date{width: .8rem;text-align: center;white-space: nowrap;}

.newlist li h3{font-size: 0.2rem;color: #333;line-height: 0.32rem;transition: 0.5s;margin-bottom: 0.15rem;}
.newlist li h4{font-size: 0.16rem;color: #999;line-height: .28rem;max-height: 0.56rem\0;transition: 0.5s;}
.newlist li .line{width: 0.38rem;height: 0.03rem;background: #0066A6;margin: 0.1rem 0 0.15rem;}
.newlist li span{font-size: 0.3rem;color: #0066A6;line-height: 1.1;
  background-image: -webkit-linear-gradient(top,#10b79e,#227ab6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  color:#10b79e;
}
.newlist li p{font-size: 0.16rem;color: #227ab6;margin-top: 0.1rem;}
/* .newlist li:nth-child(2n) .date{order: -1;}
.newlist li:nth-child(2n) .scale{order: 3;} */


@media(min-width: 1024px){
  .newlist li a:hover{padding: 0.3rem;}
  .newlist li a:hover::after{opacity: 1;}
  .newlist li a:hover h3,.newlist li a:hover h4,.newlist li a:hover span,.newlist li a:hover p{color: #fff;}
  .newlist li a:hover h3{font-weight: bold;}
  .newlist li a:hover span{-webkit-text-fill-color:#fff}
}
@media screen and (max-width: 1024px) {
 .newlist li a{padding: .2rem 0;}
}
@media screen and (max-width: 768px) {

  .newlist li .scale{width: 2.3rem;}
  .newlist li .con{width: calc(100% - 2.3rem);padding-left: .2rem;}

  .newlist li .scale{width: 2.3rem;}
  .newlist li .con{width: calc(100% - 3.1rem);padding: 0 .2rem 0 0.25rem;}
  .newlist li .date{width: .8rem;padding-left: 0.2rem;}
  .newlist li:nth-child(2n) .date{order:3;}
.newlist li:nth-child(2n) .scale{order: -1;}
}
@media screen and (max-width: 480px) {
  .newlist li .scale{width: 100%;margin-bottom: 0.25rem;}
  .newlist li .con{width: calc(100% - .8rem);padding:0 0.2rem 0 0;}
}

/* 通知公告 */
.mtsj li *{transition: 0.5s;}
.mtsj li a{height: 100%;align-items: center;padding: 0.3rem 0;border-bottom: 1px solid #eee;}
.mtsj li:first-child a{padding-top: 0;}
.mtsj li:last-child a{border-bottom: none;}
.mtsj li .mtdate{width: .9rem;flex-direction: column;justify-content: center;text-align: center;height: .9rem;
border: 1px solid #0066A6;white-space: nowrap;transition:0.5s;}
.mtsj li .mt-r{width: calc(100% - .9rem);padding: 0 0 0 0.3rem;height: 100%;}
.mtsj li .mtdate span{font-size: 0.3rem;color: #0066A6;}
.mtsj li .mtdate p{font-size: 0.14rem;color: #333;text-align: center;margin-top: .1rem;color: #0066A6;}
.mtsj li .mt-r h2{font-size: 0.2rem;color: #333;line-height: 0.3rem;margin-bottom: 0.15rem;width: 100%;}
.mtsj li .mt-r p{font-size: 0.15rem;color: #808080;width: 100%;line-height: .24rem;max-height: .48rem\0;}



@media(min-width: 1025px){	

.mtsj li a:hover .mtdate{background: #0066A6;}
.mtsj li a:hover .mtdate span,.mtsj li:hover .mtdate p{color: #fff;}
.mtsj li:hover h2,.mtsj li:hover .mt-r p{color:#0066A6;}
}


/*  内容页*/
.article{/* padding-top: 0.4rem; */}
.article .tit{font-size: 0.36rem;color: #222;line-height: 1.3;margin: 0.1rem 0;text-align: center;font-weight: bold;}
.article .conttime{padding: 0.15rem 0 0.4rem;border-bottom: 1px solid #C2D4DF;margin-bottom: 0.3rem;text-align: center;display: flex;justify-content: center;align-items: center;}
.article .conttime span{font-size: 0.14rem;color: #666;padding:0 0.02rem;align-items: center;display: flex;}
.article .conttime span img{display: inline-block;margin-right: 0.1rem;}
.article .cont p{font-size: 0.18rem !important;color: #333 !important;line-height: 2 !important;/* text-align:justify; *//* margin-bottom: .2rem; */text-indent: 2em;}
.article .cont p span{font-size: 0.18rem !important;color: #333 !important;line-height: 2 !important;}
.article .cont p img,.article .cont p video{ height: auto !important;max-width: 100% !important;display: block;margin: 0 auto;}

.new_miew{border-top: 1px solid #C2D4DF;padding-top: 0.3rem;margin-top:0.3rem;}
.new_miew p{font-size: 0.2rem;color: #0066A6;line-height: 2;margin-bottom: 0.1rem;display: flex;flex-wrap: wrap;}
.new_miew p a{transition: 0.5s;color: #333;}
.new_miew p:hover a{color: #0066A6;}
.new_miew p img{display: inline-block;margin-right: 0.1rem;width: 0.17rem;}
@media(max-width: 1024px){	
    .new_miew{margin-top: .3rem;}
    .cont p{/* margin-bottom: .1rem; */}
    .article .tit{font-size: 0.28rem;}
    .article{padding-top: 0;}
}
/* 校园风光 */
.xyfg ul{margin: 0 -0.18rem;}
.xyfg li{width: 33.3%;padding:0 0.18rem;margin-bottom: 0.4rem;}
.xyfg li a{display: block;position: relative;z-index: 1;padding: .15rem;}
.xyfg li a::after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid #dcdcdc;background: #fff;z-index: -1;}
.xyfg li h3{font-size: 0.22rem;color: #333;line-height: 0.5rem;text-align: center;height: 50px;transition: 0.5s;padding-top: .05rem;}
.xyfg li .scale .imged{padding-bottom: 57%;}


@media(min-width: 1025px){	
	.xyfg li a:hover h3{color: #0066A6;}
}
@media(max-width: 1024px){	
	.xyfg .vde{margin-bottom: 0.3rem;}
	.xyfg ul{margin: 0 -0.1rem;}
	.xyfg li{padding: 0 0.1rem;margin-bottom: 0.3rem;}
	.xyfg li a::after{left: 0;right: 0;}
	.xyfg li h3{height: 0.4rem;line-height: 0.4rem;}
}

@media(max-width: 768px){	
	.xyfg li{width: 50%;}
	.xyfg li:last-child{display:none;}
}

/* 师资列表 */
.xrld ul{justify-content: space-between;}
.xrld li{width: 48%;margin-bottom: .6rem;}
.xrld li a{align-items: center;box-shadow: 0px 2px 8px 0px rgba(10, 11, 24, 0.1);background: #fff;}
.xrld li a::after{background: #0066A6;width: 100%;height: 0;}
.xrld li .scale{width: 2.15rem;}
.xrld li .con{width:calc(100% - 2.15rem);padding: .3rem .25rem;}
.xrld li h3{font-size: 0.22rem;color: #333;line-height: 0.32rem;padding-bottom: .15rem;border-bottom: 1px solid #eee;transition: 0.5s;}
.xrld li h3::after{width: 0.83rem;height: 0.03rem;background: #0066A6;bottom: -1.5px;}
.xrld li p{font-size: 0.16rem;color: #666;line-height: 0.3rem;max-height: 0.9rem\0;margin-top: .2rem;transition: 0.5s;}
.xrld li .imged{padding-bottom: 130%;}



@media(min-width: 1024px){
  .xrld li a:hover::after{height: 100%;}
  .xrld li a:hover h3:after{background: #fff;}
  .xrld li a:hover h3,.xrld li a:hover p{color: #fff !important;}
}
@media screen and (max-width: 1024px) {
  .xrld li{width: 49%;margin-bottom: .3rem;}
}
@media screen and (max-width: 768px) {
  .xrld li{width: 100%;}
}
@media screen and (max-width: 420px) {
  .xrld li .scale{width: 1.6rem;}
  .xrld li .con{width:calc(100% - 1.6rem);padding: .2rem .2rem;}
}

/* 组织机构 */

.dzjg .fl01{margin-bottom: .35rem;position: relative;}
.dzjg .fl01>h3{width: 100%;overflow: hidden;margin-bottom: .25rem; background: linear-gradient( 90deg, rgb(20,109,176) 1%, rgb(27,163,189) 100%);display: flex;align-items: center;height: 0.7rem;}
.dzjg .fl01>h3 span{font-size: 0.24rem;color: #fff;font-weight: 500;padding-left: .3rem;display: inline-block;}
.dzjg .fl03>h3{background: linear-gradient( 90deg, rgb(20,109,176) 1%, rgb(27,184,163) 100%);}



.dzjg .fl01 ul{margin: 0 -0.2rem;}
.dzjg .fl01 li{width: 25%;padding: 0 0.2rem;display: flex;align-items: center;margin-bottom: 0.35rem;}
.dzjg .fl01 li h3{display: block;transition: 0.5s;width: 100%;font-size: .16rem;color: #222;line-height: 1.3;text-align: center;background: #ecf3f6;height: 0.7rem;display: flex;align-items: center;justify-content: center;}
.dzjg .fl02 li{width: 33.3%;}
 


@media(min-width: 1024px){
  .dzjg .fl01 li h3:hover{background: #036abb;}
  .dzjg .fl01 li h3:hover a{color: #fff;}
}
@media screen and (max-width: 1024px) {
  .dzjg .fl01 ul{margin: 0 -0.1rem;}
  .dzjg .fl01 li{width: 33.3%;padding: 0 0.1rem;}
}
@media screen and (max-width: 768px) {
  .dzjg .fl01{margin-bottom: .3rem;}
  .dzjg .fl01 li{width: 50%}
  .dzjg .fl01>h3 span{font-size:.22rem;}
}
@media screen and (max-width: 420px) {
  .dzjg .fl02 li{width: 100%;}
}
/* 师资队伍 */

.szlist li{width: 100%;}
.szlist li a{padding: 0.4rem 0;border-bottom: 1px solid #C2D4DF;align-items: center;}
.szlist li a::after{width: auto;left: 0.45rem;right: 0;background: url(../images/ldbg.jpg) no-repeat center/cover;border-radius: 0.3rem 0 0 0;opacity: 0;height: auto;top: -1px;}
.szlist li .pis{width: 1.96rem;padding-right: 0.1rem;}
.szlist li .con{padding: 0rem 0.5rem;flex: 1;min-width: 0;}
.szlist li .pis::after{width: auto;left: 0.1rem;right: 0;top: .1rem;bottom: -0.1rem;background: #0066A6;opacity: 0.2;height: auto;}
.szlist li h3{font-size: 0.32rem;color: #333;margin-bottom: 0.2rem;font-weight:bold;display: flex;align-items: baseline;}
.szlist li h3 b{color: #0066A6;display:inline-block;padding-right:.25rem;}
.szlist li h3 span{font-size: 0.2rem;font-weight: 500;display: inline-block;padding-left: 0.2rem;}
.szlist li p{font-size: 0.18rem;color: #666;line-height: 0.32rem;word-break: break-all;}
.szlist li .imged{padding-bottom: 135%;}

/*  */
.szlist2 ul{justify-content: space-between;}
.szlist2 li{width: 48%;margin-bottom: 0.45rem;}
.szlist2 li a{align-items: center;background: #F7F7F7;}
.szlist2 li .pis{width: 1.55rem;}
.szlist2 li .con{flex: 1;min-width: 0;padding: 0 0.3rem;}
.szlist2 li h3{font-size: 0.2rem;font-weight: bold;color: #333;margin-bottom: 0.2rem;}
.szlist2 li h3 b{color: #0066A6;display:inline-block;padding-right:.1rem;}
.szlist2 li p{font-size: 0.16rem;color: #666;line-height: 0.3rem;max-height: 0.9rem;}
.szlist2 li .imged{padding-bottom: 130%;}



@media(min-width: 1025px){
  .szlist li a:hover h3,.szlist li a:hover b,.szlist li a:hover p,.szlist li a:hover span{color: #fff;}
  .szlist li a:hover .pis::after{background: #FFCB7C;opacity:1;}
  .szlist li a:hover::after{opacity: 1;}
  .szlist li a:hover{border-bottom: 1px solid rgba(0,0,0,0);}
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
  .szlist li a{padding: 0.25rem 0;}
  .szlist li h3{font-size: 0.26rem;}
  .szlist li .con{padding: 0rem 0 0 0.25rem;}
  .szlist2 li{width: 49%;margin-bottom: 0.3rem;}
}
@media screen and (max-width: 768px) {
  .szlist2 li{width: 100%;}
}
@media screen and (max-width: 420px) {
  .szlist li .pis{width: 1.6rem;}
  .szlist li h3{font-size: 0.24rem;}
}
/* 学院领导 */
.xyld{overflow-x: auto;background: rgba(224,235,240,.2);padding-bottom: 0.4rem;}
.xyld table{width: 100%;}
.xyld table th{text-align: left;font-weight: bold;font-size: 0.2rem;padding: 0.25rem 0.3rem;border-bottom: 1px solid rgba(30,122,149,.2);}
.xyld table td {padding: 0.15rem 0.3rem;}
.xyld table td p{font-size: 0.18rem;color: #666;line-height: 1.4;}
.xyld table th:nth-child(1){width: 20%;}
.xyld table th:nth-child(2){width: 15%;}
.xyld table th:nth-child(3){width: 65%;}

@media screen and (max-width: 768px) {
  .xyld table{width:800px;}
}


/* 历史沿革 */

.kyjg{justify-content: space-between;}
.kyjg .left{width: 60%;}
.kyjg .right{width: 35%;}
.kyjg .right img{width: 100%;}
.kyjg .left li{margin-bottom: 0.4rem;}
.kyjg .left li a{align-items: center;background: #F7F7F7;height: 0.72rem;border-left: 1px solid #0066A6;padding: 0 0.45rem;}
.kyjg .left li img{width: 0.32rem;}
.kyjg .left li h3{flex: 1;min-width: 0;padding-right: 0.2rem;font-size: 0.2rem;color: #333333;transition: 0.5s;}




@media screen and (min-width: 1200px) {
  .kyjg .left li a:hover h3{color: #0066A6;font-weight: bold;}
}
@media screen and (max-width: 1024px) {
  
}
@media screen and (max-width: 768px) {
  .kyjg .left{width: 100%;}
  .kyjg .right{width: 100%;margin-top: 0.3rem;}
}
@media screen and (max-width: 420px) {
  
}



@media screen and (max-width: 1200px) {
  
}
@media screen and (max-width: 1024px) {
  
}
@media screen and (max-width: 768px) {
  
}
@media screen and (max-width: 420px) {
  
}



/* 三级栏目展开 */
.inner{min-height: 7rem;}
.erji-nav li{margin-bottom: .5rem;}
.erji-nav h3{height: 0.5rem;width: 100%;background: #f0e5e5;font-size: 0.24rem;color: #0066A6;line-height: 0.5rem;padding: 0 .2rem;}
.erji-nav .erji-down{padding: .3rem;background: #f8f8f8;display: none;}
.erji-nav .erji-down p{font-size: 0.18rem;color: #333;line-height: 0.3rem;}


/* 翻页 */
.j_pages{margin:0.6rem auto 0;text-align: center;}
.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;}
.j_pages a{padding: 0px 0.16rem;height: 0.4rem;line-height: 0.4rem;display:inline-block;background: #fff;margin: 0 0.03rem;color: #919191;font-size: 0.14rem;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius: 0.04rem;border: 1px solid #dadbdd;margin-bottom: .15rem;}
.j_pages a font{ padding:0 0.1rem}
.j_pages .on{background: #0066A6;color: #fff;}
.j_pages a:hover{background: #0066A6;color:#fff!important;}
.j_pages span{color:#919191; padding: 0px 0.16rem;height: 0.4rem;line-height: 0.4rem;display:inline-block; font-size:0.14rem;}
.j_pages input{color:#919191;padding: 0px 0.16rem;height: 0.4rem;line-height: 0.4rem;display:inline-block;font-size:0.14rem;background:#f6f6f6;border:none;cursor:pointer;border-radius: 0;transition: 0.6s;}
.j_pages input[type="text"]{ width:0.4rem; padding:0; text-align:center}
.j_pages input[type="submit"]:hover{ background: #0066A6; color:#fff}
.j_pages .qd{background: #0066A6;color: #fff;border-radius: 0.05rem;height: 0.3rem;line-height: 0.3rem;}

@keyframes round_animate {
    to {
        transform: rotate(1turn);
       }
   }
/* 三级导航 */
.san-nav{width: 100%;background: #f7f7f7;margin-bottom: .3rem;display: none;}
.san-nav ul{display: flex;justify-content: center;align-items: flex-end;flex-wrap: wrap;}
.san-nav li{/* height: 0.8rem; */display: flex;align-items: flex-end;padding:0 .3rem;}
.san-nav a{display: inline-block;/* margin: 0 0.4rem; */font-size: 0.16rem;color: #a9a9a9;display: flex;align-items: center;height: 0.5rem;}
.san-nav a::after{height: 0.02rem;left: 0;background: rgba(0,0,0,0);width:100%}
.san-nav a.on::after{background: #0066A6;}
.san-nav a:hover,.san-nav a.on{color: #0066A6;}



@media screen and (max-width: 1200px) {
    
}
@media screen and (max-width: 1024px) {
    .inner_left,.inner_right .lm_top .adress{display: none;}
	.inner_right{width: 100%;padding: .25rem;}
	.wrap_ph{display: block;/* background: #e2effa; */}
	.common{padding: 1rem 0 .5rem;}
	.page{margin:.25rem 0 0;}
  .local h2,.inner .lm{display: none;}
  .san-nav{display: block;}
  .local{margin-bottom: 0.2rem;}
}
@media screen and (max-width: 768px) {
  .j_pages{margin:0.3rem auto 0;}


}












































/* 办事指南 */
.bs-t {
  background: #0066A6;
  padding: 0 0.3rem .26rem;
  align-items: flex-end;
}

.bs-t h3 img {
  width: 0.35rem;
}

.bs-t h3 p {
  font-size: 0.2rem;
  color: #fff;
  margin-top: 0.26rem;
  font-weight: 500;
  line-height: 0.32rem;
}

.bs-t .con {
  flex: 1;
  min-width: 0;
  padding-left: 0.3rem;
}

.bs-t .con p {
  font-size: 0.18rem;
  color: #FFFFFF;
  line-height: 0.32rem;
}

.bszn .list5 {
  background: #F5FBFD;
  padding: 0.36rem 0 0.36rem 0.2rem;
}

.list5 li {
  margin-bottom: 0.22rem;
}

.list5::after {
  width: 1px;
  height: auto;
  top: 0.2rem;
  bottom: 1.7rem;
  background: #A47D53;
  left: 0.65rem;
}

.list5::before {
  content: "";
  position: absolute;
  width: 2px;
  top: 0.2rem;
  bottom: 1.7rem;
  background: #A47D53;
  left: 0.6rem;
}

.list5 li {
  align-items: flex-start;
  justify-content: space-between;
}

.list5 li .num {
  width: 0.88rem;
  height: 0.72rem;
  display: flex;
  justify-content: center;
  border-radius: 50%;
}

.list5 li .num span {
  font-size: 0.52rem;
  color: #FFFFFF;
}

.list5 li .num::after {
  width: 100%;
  height: 0.93rem;
  background: url(../images/b2.png) no-repeat;
  background-size: 100% 100%;
}

.list5 li .con {
  width: calc(100% - 1.3rem);
  background: #F4ECE2;
}

.list5 li:nth-child(2n) .con {
  background: #E1F3FB;
}

.list5 li .box {
  flex: 1;
  min-width: 0;
  padding: 0.3rem 0.44rem;
}

.list5 li .img {
  width: 3rem;
  background: #F2D2B1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0 0;
  height: 1.8rem;
}

.list5 li:nth-child(2n) .img {
  background: #BEE7F5;
}

.list5 li .img span {
  width: 0.4rem;
  height: 0.4rem;
}

.list5 li .img p {
  font-size: 0.16rem;
  color: #A47D53;
  line-height: 0.32rem;
  margin-top: 0.1rem;
}

.list5 li:nth-child(2n) .img p {
  color: #0064A2;
}

.list5 li .box h3 {
  font-size: 0.2rem;
  color: #333333;
  line-height: 0.32rem;
  padding-bottom: 0.1rem;
  border-bottom: 1px solid #fff;
  margin-bottom: 0.15rem;
}

.list5 li .box p {
  font-size: 0.16rem;
  line-height: 0.32rem;
  color: #4A4A4A;
}

/*项目申报*/
.xmsbbox {}

.xmsbu {
  display: flex;
  justify-content: flex-start;
  margin: 0.1rem auto;
  transition: all 0.5s;
}

.xmsbu:hover {
  background: #fafdff;
  transition: all 0.5s;
}

.xmsbu:hover .xmsbulist {
  border: #7eafce 1px solid
}

.xmsbu .xmsbutit {
  background: #0066A6;
  overflow: hidden;
  width: 1.75rem;
  display: flex;
  text-align: center;
  align-items: center;
}

.xmsbu .ibg1 {
  background: #0066A6;
}

.xmsbu .ibg2 {
  background: #2690D2;
}

.xmsbu .xmsbutit a {
  display: block;
  margin: 0 auto;
}

.xmsbu .xmsbutit a img {
  display: block;
  margin: 0 auto;
}

.xmsbu .xmsbutit a span {
  display: block;
  text-align: center;
  color: #fff;
  font-size: .2rem;
  line-height: .3rem;
  font-weight: bold;
}

.xmsbu .xmsbulist {
  flex: 1;
  border: 1px solid #D8D2CB;
}

.xmsbu .xmsbulist ul {
  display: flex;
  padding: .3rem .2rem;
  flex-wrap: wrap;
}

.xmsbu .xmsbulist ul li {
  width: 25%;
}

.xmsbu .xmsbulist ul li a {}

.xmsbu .xmsbulist ul li img {
  display: block;
  margin: .1rem auto;
  transition: all 0.5s;
}

.xmsbu .xmsbulist ul li :hover img {
  animation: jello 1s linear;
  transition: all 0.5s;
}

.xmsbu .xmsbulist ul li :hover span {
  color: #0066A6;
  font-weight: bold
}

.xmsbu .xmsbulist ul li span {
  display: block;
  text-align: center;
  font-size: .19rem;
  line-height: .27rem;
  padding: 0 0;
}

.xmsbu .xmsbulist ul li .langtwo {
  padding: 0 0.3rem
}

/* icon摇晃 */
@keyframes jello {

  from,
  11.1%,
  to {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg)
  }

  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }

}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
  .list5 li .box {
    flex: 1;
    min-width: 0;
    padding: 0.3rem 0.44rem;
  }

  .list5 li .img {
    width: 100%;
    background: #F2D2B1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem 0 0;
    height: 1.8rem;
  }

  .list5 li .num {
    width: 0.6rem;
    height: 0.6rem;
  }

  .list5 li .num::after {
    height: 0.65rem;
  }

  .list5 li .num span {
    font-size: 0.36rem;
    line-height: 1.3;
  }

  .list5::after {
    top: .5rem;
    left: .55rem;
  }

  .list5::before {
    top: .5rem;
    left: .5rem;
  }

  .list5 li .con {
    width: calc(100% - .9rem);
  }

  .bs-t {
    align-items: center;
  }

  .bs-t .con {
    padding: 0.15rem 0 0 .2rem;
  }
}




/* 三级栏目展开 */
.inner {
  min-height: 7rem;
}

.erji-nav li {
  margin-bottom: .5rem;
}

.erji-nav h3 {
  height: 0.5rem;
  width: 100%;
  background: #f0e5e5;
  font-size: 0.24rem;
  color: #0066A6;
  line-height: 0.5rem;
  padding: 0 .2rem;
}

.erji-nav .erji-down {
  padding: .3rem;
  background: #f8f8f8;
  display: none;
}

.erji-nav .erji-down p {
  font-size: 0.18rem;
  color: #333;
  line-height: 0.3rem;
}


/* 翻页 */
.j_pages {
  margin: 0.6rem auto 0;
  text-align: center;
}

.j_pages .box {
  display: inherit;
  width: 100%;
  padding: 0;
  font-size: 0;
}

.j_pages a {
  padding: 0px 0.16rem;
  height: 0.4rem;
  line-height: 0.4rem;
  display: inline-block;
  background: #fff;
  margin: 0 0.03rem;
  color: #919191;
  font-size: 0.14rem;
  box-sizing: border-box;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border-radius: 0.04rem;
  border: 1px solid #dadbdd;
  margin-bottom: .15rem;
}

.j_pages a font {
  padding: 0 0.1rem
}

.j_pages .on {
  background: #0066A6;
  color: #fff;
}

.j_pages a:hover {
  background: #0066A6;
  color: #fff !important;
}

.j_pages span {
  color: #919191;
  padding: 0px 0.16rem;
  height: 0.4rem;
  line-height: 0.4rem;
  display: inline-block;
  font-size: 0.14rem;
}

.j_pages input {
  color: #919191;
  padding: 0px 0.16rem;
  height: 0.4rem;
  line-height: 0.4rem;
  display: inline-block;
  font-size: 0.14rem;
  background: #f6f6f6;
  border: none;
  cursor: pointer;
  border-radius: 0;
  transition: 0.6s;
}

.j_pages input[type="text"] {
  width: 0.4rem;
  padding: 0;
  text-align: center
}

.j_pages input[type="submit"]:hover {
  background: #0066A6;
  color: #fff
}

.j_pages .qd {
  background: #0066A6;
  color: #fff;
  border-radius: 0.05rem;
  height: 0.3rem;
  line-height: 0.3rem;
}

@keyframes round_animate {
  to {
    transform: rotate(1turn);
  }
}

/* 三级导航 */
.san-nav {
  width: 100%;
  background: #f7f7f7;
  margin-bottom: .3rem;
  display: none;
}

.san-nav ul {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;
}

.san-nav li {
  /* height: 0.8rem; */
  display: flex;
  align-items: flex-end;
  padding: 0 .3rem;
}

.san-nav a {
  display: inline-block;
  /* margin: 0 0.4rem; */
  font-size: 0.16rem;
  color: #a9a9a9;
  display: flex;
  align-items: center;
  height: 0.5rem;
}

.san-nav a::after {
  height: 0.02rem;
  left: 0;
  background: rgba(0, 0, 0, 0);
  width: 100%
}

.san-nav a.on::after {
  background: #0066A6;
}

.san-nav a:hover,
.san-nav a.on {
  color: #0066A6;
}



@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {

  .inner_left,
  .inner_right .lm_top .adress {
    display: none;
  }

  .inner_right {
    width: 100%;
    padding: .25rem;
  }

  .wrap_ph {
    display: block;
    /* background: #e2effa; */
  }

  .common {
    padding: .3rem 0 .5rem;
  }

  .page {
    margin: .25rem 0 0;
  }

  .local h2,
  .inner .lm {
    display: none;
  }

  .san-nav {
    display: block;
  }

  .local {
    margin-bottom: 0.2rem;
  }
}

@media screen and (max-width: 768px) {
  .j_pages {
    margin: 0.3rem auto 0;
  }


}

@media screen and (max-width: 900px) {
  .xmsbu {
    display: block;
  }

  .xmsbutit {
    width: 100% !important;
  }

  .xmsbu .xmsbutit a {
    display: flex;
    vertical-align: middle;
    align-items: center;
  }

  .xmsbu .xmsbutit a img {
    height: 0.7rem;
    margin: 0 .1rem;
  }

  .xmsbu .xmsbutit a span {
    font-size: .27rem;
  }

  .xmsbu .xmsbutit {}

  .xmsbu .xmsbulist ul li {
    width: 50%;
  }
}


/*办事大厅二级*/
.bszn .list6 {background: #F5FBFD;padding: 0.4rem 0.3rem 0.35rem 0.4rem;}
.list6::after{width:2px;height: auto;background: #0066A6;left: 0.66rem;top: 1.5rem;bottom: 1rem;}
.list6 li{margin-bottom: 0.35rem;align-items: center;justify-content: space-between;}
.list6 li:last-child{margin-bottom: 0;}
.list6 li .num{width: 0.52rem;}
.list6 li .con{width: calc(100% - 1.1rem);background: #E1F3FB;padding: 0.2rem 0.25rem;}
.list6 li h3{font-size: 0.2rem;color: #333333;line-height: 0.32rem;margin-bottom: 0.1rem;}
.list6 li p{font-size: 0.16rem;line-height: 0.32rem;color: #444;}
.list6 li span{display: block;font-size: 0.14rem;color: #00609C;line-height: 2;}


@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
.bszn .list6 {padding:.2rem .2rem;}
.list6::after{left:.46rem;}
.list6 li .con{width: calc(100% - .7rem);}	
}