.section-page1{padding:30px 0 60px 0;margin-bottom:125px;position:relative;background: url(bg.png) center center no-repeat;background-size:cover;}
.section-page2,.section-page3,.section-page4,.section-page5,.section-page6,.section-page7{padding-bottom:125px;}
.section-page8{width:100%;position:relative;}
.section-top{width:100%;position:absolute;top:60px;left:0;z-index:10;}
.section-top .common-head{margin-bottom:0;}
.section-page1 .common-head h2,.section-page8 .common-head h2,.section-page1 .common-head p,.section-page8 .common-head p{color:#ffffff;}
.section-data{width:100%;position:relative;}
.section-data:before{width:100%;height:2px;background:#ffffff;content:'';position:absolute;top:60px;left:0;}
.section-data:after{content:"";width:0;height:6px;background:#f0831e;position: absolute;top:60px;left: 0;z-index:2;transition: all .35s;}
.section-page1.showdiv .section-data:after{width:100%;  transition: all .4s; }
.tabNav{display: flex;flex-wrap: wrap;justify-content: space-between;}
.tabNav>li>a{color:#ffffff;font-size:24px;display:block;height:60px;padding-bottom:25px;cursor:pointer;opacity:.5}
.tabNav>li.active>a{opacity:1;background: url(line.png) center bottom no-repeat;}
.swiper-data{margin-top:35px !important;}
.edu-inner{margin-bottom:20px;}
.edu-inner .left{color:#ffffff;font-size:18px;line-height:80px;padding-right:60px;}
.edu-inner .left a{color:#ffffff;}
.edu-inner .right{width:100%;height:80px;position:relative;}
.edu-inner-data .right:before{content:"";width:0;height:6px;background:#f0831e;position: absolute;top:36px;left: 0;z-index:2;transition: all .35s;}
.edu-inner:hover .left,.edu-inner:hover .left a,.section-page1.showdiv .edu-inner-data .left{color:#f0831e;}
.edu-inner-data:hover .right:before,.section-page1.showdiv .edu-inner-data .right:before{width:100%;  transition: all .4s; }
.swiper-data-roll3{position:relative;padding:0 15px;transition: all .35s;}
.swiper-data-roll3 .item{color:#fff;text-align:center;height:80px;}
.swiper-data-roll3 .item h3{color:#fff;font-size:16px;line-height:30px;font-weight:normal;margin:0 20px;text-align:center;}
.swiper-data-roll3 .swiper-slide-active .item h3{color:#fff;font-size:18px;}
.swiper-data-roll2 .swiper-btn,.swiper-data-roll3 .swiper-btn{width:8px;height:14px;background-repeat:no-repeat;background-position: center center;position: absolute;top:8px;z-index:100;cursor: pointer;font-size:0;border:0;background-color:transparent;transition: all 500ms ease;-webkit-transition: all 500ms ease;}
.swiper-data-roll2{transition: all .35s;}
.swiper-data-roll2 .item{color:#fff;text-align:center;height:80px;}
.swiper-data-roll2 .item h3{line-height:30px;font-weight:normal;}
.progress{width:100%;position: absolute;top:37px;z-index: 100;height:6px;background:transparent;overflow: visible;border-radius:0;box-shadow:none;}
.progress .progress-bar{position: relative;animation: animate-positive 3s;background-image:none;}
.progress-bar-success{background-color:#8dc556;}
.progress-bar-info{background-color:#29a7e1;}
.progress .progress-value{width:70px;display:none;font-size:20px;color:#ffffff;position: absolute;top:-30px;right:-20px;}
.section-page1.showdiv .progress-bar.active{animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 6s;}
@-webkit-keyframes animate-positive{
  0% { width: 0; }
}
@keyframes animate-positive{
  0% { width: 0; }
}
.section-page1.showdiv .edu-inner-data .data-roll2 .item{color:#f0831e;}
.section-page1.showdiv .progress .progress-value{display:block;}
.section-page1.showdiv .progress-bar-success{width:95%;}
.section-page1.showdiv .progress-bar-info{width:30%;}
.common-head{margin-bottom:70px;position:relative;text-align:center;}
.common-head h2{color:#3e3a39;font-size:48px;margin-bottom:5px;font-weight:normal;}
.common-head p{color:#3e3a39;font-size:22px;}
.common-column{margin-top:80px;}
.common-column-nav{text-align:center;}
.common-column-nav>li{display:inline-block;margin:0 69px;}
.common-column-nav>li>a{display:block;color:#909090;font-size:22px;padding:0 28px 7px 28px;border:1px solid #909090;border-radius:15px;transition: all 0.2s ease-out 0s;}
.common-column-nav>li>a>.icon{width:25px;height:25px;display:block;margin:10px auto;}
.common-column-nav>li>a>.icon-notice{background: url(ico01.png) center center no-repeat;}
.common-column-nav>li>a>.icon-media{background: url(ico03.png) center center no-repeat;}
.common-column-nav>li>a:hover{color:#fff;background:#f0831e;border-color:#f0831e;}
.common-column-nav>li>a:hover>.icon-notice{background: url(ico02.png) center center no-repeat;}
.common-column-nav>li>a:hover>.icon-media{background: url(ico04.png) center center no-repeat;}
.common-title{height:60px;line-height:60px;margin-bottom:20px;font-size:18px;color:#000000;background:#ffffff;box-shadow: 0 0 20px rgb(0 0 0 / 30%);transition: all 0.2s ease-out 0s;}
.common-title a{color:#000000;display:block;padding: 0 30px;position:relative;font-weight: 600;transition: all 0.2s ease-out 0s;}
.common-title a:after{width:22px;height:22px;content:'';background: url(arrow.png) center center no-repeat;position:absolute;top:20px;right:70px;}
.common-title:hover{background:#f6ab2b;}
.common-title:hover a{color:#fff;}
.common-title:hover a:after{display:none;}
.news-box{width:100%;position:relative;}
.news-box .news-title{font-size:14px;color:#f0831e;position:absolute;bottom:30px;right:15px;z-index:1;}
.news-box .news-title a{color:#f0831e;}
.section-page2 .row{margin:0;}
.section-page2 .col-md-6,.section-page2 .col-sm-6{padding:0;}
.section-page3 .row{margin:0 -5px;}
.section-page3 .col-md-6{padding:0 5px;}
.college-box{width:100%;height:248px;margin-bottom:10px;position:relative;overflow:hidden;}
.college-box .pic{width:100%;height:100%;position:relative;overflow:hidden;}
.college-box .pic img{width:100%;height:100%;object-fit: cover;}
.college-box .text{width:100%;height:100%;position:absolute;top:0;left:0;z-index: 2;background-position:15px center;background-repeat:no-repeat;background-size:70px auto;}
.college-box .title{width:100%;height:100%;position:relative;}
.college-box .title a{color:#fff;font-size:28px;}
.college-box .title span{padding-left:25px;}
.college-box .title a img{width:100%;max-width:70px;height:auto;margin: 0 30px;}
/*.college-icon1 .text{background-image: url(ico05.png);}
.college-icon2 .text{background-image: url(ico061.png);}
.college-icon3 .text{background-image: url(ico071.png);}
.college-icon4 .text{background-image: url(ico08.png);}*/
.college-box:before{content:"";width: 0;height: 100%;position: absolute;top:0;left: 0;z-index: 1;transition: all .35s;}
.college-icon1:before {background-color:#e60020;}
.college-icon2:before {background-color:#2ea7e0;}
.college-icon3:before {background-color:#8dc556;}
.college-icon4:before {background-color:#f6ac2d;}
.college-box:hover:before {width:100%;  transition: all .4s; }
@media (min-width: 992px){
	.section-page2 .common-head,.section-page3 .common-head,.section-page4 .common-box,.section-page5 .common-box,.section-page6 .common-box,.section-page7 .common-box,.section-page8 .common-head{transform: translateY(-80px);opacity: 0;transition: 1s;-webkit-transition: 1s;}
	.section-page2.showdiv .common-head,.section-page3.showdiv .common-head,.section-page4.showdiv .common-box,.section-page5.showdiv .common-box,.section-page6.showdiv .common-box,.section-page7.showdiv .common-box,.section-page8.showdiv .common-head{transform: translateY(0);opacity: 1;}
	.col-left{transform:translate(0,-80px);transition:all 1s ease-out 0s;opacity:0;}
	.col-right{transform:translate(0,80px);transition:all 1s ease-out 0s;opacity:0;}
	.section-page2.showdiv .col-md-6{transform:none;opacity:1;}
	.college-icon1{transform:translate(80px,80px);opacity:0;transition:all 1s ease-out 0.2s;}
	.college-icon3{transform: translate(80px,80px);opacity: 0;transition: all 1s ease-out 0.4s;}
	.college-icon2{transform: translate(-80px,80px); opacity: 0;transition: all 1s ease-out 0.6s;}
	.college-icon4{transform: translate(-80px,80px); opacity: 0;transition: all 1s ease-out 0.8s;}
	.section-page3.showdiv .college-icon1{transform:none;opacity:1;}
	.section-page3.showdiv .college-icon2{transform:none;opacity:1;}
	.section-page3.showdiv .college-icon3{transform:none;opacity:1;}
	.section-page3.showdiv .college-icon4{transform:none;opacity:1;}
	.section-page6.showdiv .swiper-slide .item{transform:none !important;opacity:1 !important;}
}
@media (max-width: 1500px){
	.common-head h2{font-size:32px;}
}
@media (max-width: 1200px){
	.common-head h2{font-size:28px;}
	.edu-inner .left{padding-right:30px;}
}
@media (max-width: 991px){
	.section-page1{margin-top:50px;padding-top:40px;margin-bottom:30px;}
	.section-page2,.section-page3,.section-page4,.section-page5,.section-page6,.section-page7{padding-bottom:35px;}
	.tabNav>li>a{font-size:20px;}
	.swiper-data-roll3 .swiper-slide-active .item h3,.progress .progress-value,.swiper-data-roll2 .item h3{font-size:18px;}
	.swiper-data-roll3 .item h3{font-size:16px;}
	.index .edu-inner-data .left{color:#f0831e;}
	.index .edu-inner-data .right:before{width:100%;  transition: all .4s; }
	.index .progress .progress-value{display:block;}
	.index .progress-bar-success{width:95%;}
	.index .progress-bar-info{width:30%;}
}
@media (max-width: 991px) and (min-width: 768px){
	.college-box .title a{font-size:24px;}
}
@media (max-width: 800px){
	.common-head{margin-bottom:25px;	/* 新增 */
	position: relative;}
	.common-head h2{font-size:20px;}
	.common-head p{font-size:14px;}
	.edu-inner .left{font-size:20px;}
	.common-column{margin-top:40px;}
	.common-column-nav>li{margin:0 20px;}
	.college-box .title a{font-size:20px;}
	.college-box{height:120px;}
	.tabNav>li>a{font-size:18px;}
	.swiper-data-roll2,.swiper-data-roll3{padding-bottom:20px !important;}
	.swiper-data-roll2 .swiper-btn,.swiper-data-roll3 .swiper-btn{top:auto;bottom:0;}
	.swiper-data-roll2 .next,.swiper-data-roll3 .next{right:80% !important;}
	.swiper-data-roll2 .item{text-align:left;}
	.swiper-data-roll3 .item h3{text-align:left;margin:0;}
	.swiper-data-roll3 .swiper-slide-active .item h3,.progress .progress-value,.swiper-data-roll2 .item h3{font-size:16px;}
}
@media (max-width: 480px){
	.section-top{top:30px;}
	.edu-inner .left{padding-right:0;}
	.college-box .title a{font-size:16px;}
	.common-column-nav>li{margin:0 10px;}
	.common-column-nav>li>a{font-size:16px;}
	.common-title{height:48px;line-height:48px;}
	.common-title a{padding:0 15px;}
	.common-title a:after{top:15px;right:25px;}
}