.section-page1{padding-top:45px;padding-bottom:55px;background:#fff;}
.section-page2{padding-top:45px;padding-bottom:55px;background: url(/skin/ntvu/cms/index/bg.png)no-repeat center;background-size:cover;}
.section-page3{padding:61px 0 66px;background: url(/skin/ntvu/cms/index/bg2.png) center top no-repeat;background-size:cover;}
.section-page4{padding:60px 0 20px;background:#fff;}
.common-head{margin-bottom:40px;position:relative;}
.common-head .title{color:#192950;font-size:36px;}
.common-head .more{position:absolute;top:20px;right:0;}
.common-head .more a{display:block;color:#476c8a;font-size:16px;padding-right:45px;background: url(/skin/ntvu/cms/index/more.png) right center no-repeat;}
.common-news-pic{width: 100%;position: relative;overflow: hidden;}
.common-news-pic img {width:100%;height:auto;transition: transform linear 0.3s;}
.common-news-pic:hover img{transform: scale(1.05);}

.common-bottom{padding-bottom:30px;}
.common-news{border-top:4px solid #0064b9;padding:20px 15px;background: rgba(255,255,255,.75);overflow:hidden;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.common-top{transform: translateY(80px);opacity: 0;transition: 1s;-webkit-transition: 1s;}
.section-page2.showdiv .common-top{transform: translateY(0);opacity: 1;}
.common-left{transform: translate(100px, 0px);-webkit-transform: translate(100px, 0px);transition: 1s;-webkit-transition: 1s;opacity: 0;}
.common-right{transform: translate(-100px, 0px);-webkit-transform: translate(-100px, 0px);transition: 1s;-webkit-transition: 1s;opacity: 0;}
.common-left.showdiv,.common-right.showdiv {opacity: 1;transform: none;-webkit-transform: none;}
.section-page3 .row{margin:0;}
.section-page3 .col{padding:0;}
.campus-box{width:100%;height:270px;position:relative;overflow:hidden;}
.campus-bg1{background:#c7a271;transform:translate(80px,80px);opacity:0;transition:all 1s ease-out 0s;}
.campus-bg2{background:#8ebf73;transform:translate(80px,80px);opacity:0;transition:all 1s ease-out 0.2s;}
.campus-bg3{background:#548ac4;transform:translate(80px,80px);opacity:0;transition:all 1s ease-out 0.4s;}
.campus-bg4{background:#5970b0;transform:translate(-80px,80px);opacity:0;transition:all 1s ease-out 0.6s;}
.campus-bg5{background:#bc93bc;transform:translate(-80px,80px);opacity:0;transition:all 1s ease-out 0.8s;}
.campus-bg6{background:#bad274;transform:translate(-80px,80px);opacity:0;transition:all 1s ease-out 0.1s;}
.campus-pic{height:540px;background:#000;position:relative;overflow:hidden;transform:translate(0px,50px);opacity:0;transition:all 1s ease-out 0s;}
.campus-pic img{width:100%;height:100%;display:block;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.campus-pic:hover img{transform: scale(1.05);}
.campus-box a{color:#fff;font-size:24px;width:100%;height:100%;background-size:cover;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;transition:all 1s ease-out 0s;}
.campus-box a img{display:block;margin:0 auto;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.campus-box a span{display:block;padding-top:25px;}
.campus-box a:hover img,.data-show>li:hover img{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.section-page3.showdiv .campus-box,.section-page3.showdiv .campus-pic,.section-page4.showdiv .data-show>li,.section-page4.showdiv .common-top{transform: none;opacity: 1;}
.common-data{padding:30px 0;}
.data-show>li{text-align:center;margin-bottom:30px;}
.data-show>li.li1{transform:translate(80px,80px);opacity:0;transition:all 1s ease-out 0s;}
.data-show>li.li2{transform:translate(80px,80px);opacity:0;transition:all 1s ease-out 0.2s;}
.data-show>li.li3{transform:translate(80px,80px);opacity:0;transition:all 1s ease-out 0.4s;}
.data-show>li.li4{transform:translate(80px,80px);opacity:0;transition:all 1s ease-out 0.6s;}
.data-show>li.li5{transform:translate(80px,80px);opacity:0;transition:all 1s ease-out 0.8s;}
.data-show>li.li6{transform:translate(80px,80px);opacity:0;transition:all 1s ease-out 1s;}
.data-show>li img{display:block;max-width:165px;height:auto;border:2px dashed #203466;margin:0 auto;border-radius:50%;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.data-show>li h3{font-size:24px;color:#1f3364;margin:28px auto 10px auto;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.data-show>li p{color:#1f3364;font-size:18px;}
.common-pic img{width:100%;height:auto;}
@media (max-width: 1200px){
	.common-head .title{font-size:24px;}
}
@media (max-width: 991px){
	.common-top,.common-left,.common-right,.campus-box,.campus-pic,.data-show>li{opacity: 1 !important;transform: none !important;}
}
@media (max-width: 767px){
	.section-page1{padding-top:0;}
	.section-page2{padding:20px 0;}
	.common-head{margin:20px 0;}
	.common-head .title{font-size:20px;text-align:left;}
	.common-head .more{top:5px;}
	.campus-box{height:30vw;}
	.campus-box a{font-size:18px;}
	.campus-box a img{width:45px;height:auto;}
	.campus-pic{height:auto;}
	.data-show>li img{max-width:80px;}
	.data-show>li h3{font-size:18px;}
	.data-show>li p{font-size:16px;}
}