@charset "utf-8";
/* css document */
.search-title {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
	 -ms-box-sizing:content-box;
          box-sizing: content-box;

}
.activities .column-title{ border-bottom:1px solid #e0e0e0;}
.activities ul li a{ display:block;}
.activities ul li em{ display:block; font-style:normal; font-size:12px; line-height:2.33; color:#726f73;}
.activities ul li span{ display:block;width: 30px;  height: 2px;  border: solid 1px #e0e0e0; margin-top:4px;}

.campus-life,.research-features,.university-features{ margin-top:45px;}
.column-info h2{ text-align:center; font-size:28px;letter-spacing: 4.2px;color:#0d6386; font-weight:normal;}
.column-info h2 span{ display:block;width: 30px;  height: 2px;  border: solid 1px #726f73; margin:18px auto 10px;}
.column-info p{ font-size:16px; line-height:1.88; text-align:center; color:#4a4a4a;}


.campus-life li .text{ position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; text-align:center;}
.campus-life li .text h3{ position:absolute; bottom:-60px;left:50%; width:220px; margin-left:-97px; color:#fff; overflow:hidden;}
.campus-life li:hover .text h3{ bottom:40px; transition:all 0.5s ease-in;}
.campus-life li .text h3 small{ display:block; color:#fff; line-height:1.8; font-size:12px;}
.campus-life li .text h3 small em{ display:block; font-style:normal;}
.campus-life li .text h3 a{width: 150px;  height: 45px;  border: solid 1px #ffffff; display:block; color:#fff; font-size:16px; line-height:45px; margin:32px auto 0;}
.campus-life li .text h3 a:hover{ border:0; background:#fff; color:#633869;}
.campus-life li img{transform: scale(1.0);transition: all 1s ease 0s;-webkit-transform: scale(1.0);-webkit-transform: all 1s ease 0s;}
.campus-life li:hover img{transform: scale(1.3);    transition: all 1s ease 0s;-webkit-transform: scale(1.3);-webkit-transform: all 1s ease 0s}

.campus-life .campus-life-pic1 .text{
	background-color:rgba(28, 100, 142, 0.6);filter:progid:dximagetransform.microsoft.gradient(gradienttype=1, startcolorstr='#60633869', endcolorstr='#60633869');
	}
.campus-life .campus-life-pic2 .text{
	background-color:rgba(62, 234, 243, 0.6);filter:progid:dximagetransform.microsoft.gradient(gradienttype=1, startcolorstr='#60f5a623', endcolorstr='#60f5a623');
	}
.campus-life .campus-life-pic3 .text{background-color:rgba(49, 128, 220, 0.6);filter:progid:dximagetransform.microsoft.gradient(gradienttype=1, startcolorstr='#604a90e2', endcolorstr='#604a90e2');}
.campus-life .campus-life-pic4 .text{background-color:rgba(60, 160, 133, 0.6);filter:progid:dximagetransform.microsoft.gradient(gradienttype=1, startcolorstr='#60633869', endcolorstr='#60633869');}
.campus-life .campus-life-pic5 .text{background-color:rgba(0, 171, 189, 0.6);filter:progid:dximagetransform.microsoft.gradient(gradienttype=1, startcolorstr='#6000abbd', endcolorstr='#6000abbd');}
.campus-life .campus-life-pic6 .text{background-color:rgba(40, 63, 226, 0.6);filter:progid:dximagetransform.microsoft.gradient(gradienttype=1, startcolorstr='#60633869', endcolorstr='#60633869');}
.campus-life .campus-life-pic7 .text{background-color:rgba(185, 138, 67, 0.6);filter:progid:dximagetransform.microsoft.gradient(gradienttype=1, startcolorstr='#6097b943', endcolorstr='#6097b943');}
.campus-life .campus-life-pic8 .text{background-color:rgba(35, 245, 158, 0.6);filter:progid:dximagetransform.microsoft.gradient(gradienttype=1, startcolorstr='#60f5a623', endcolorstr='#60f5a623');}
.campus-life{ text-align: center;}
.campus-life dl{  margin:0 5px; overflow:hidden; position: relative; display: inline-block; float: initial;}
.campus-life dd img{ width:100%;}
.campus-life dl span{ font-size:16px; text-align:center; font-weight:normal; padding:20px 0; display: block; z-index: 10; background: #fff; position: relative; height: 57px;}
.campus-life dl:hover .mask {position: absolute; left: 0; top: 0; width:100%; height: 356px; background-color: rgba(99, 56, 105, 0.5);}


.research-features .text{ margin-top:28px; overflow:hidden;}
.research-features .pic{width:100%; height:200px; position:relative; overflow:hidden;}
.research-features .text img{ width:100%; float:left; height:200px;}
.research-features .text span{ display:block; font-size:20px; line-height:1.5; margin:13px 0;color:#4a4a4a;}
.research-features .text .xsyh span{ display:inline-block;margin:0;font-size:14px; line-height:1;color:#4a4a4a;}
.research-features .text p{ font-size:14px; line-height:1.7; text-align:left;}
.research-features .text a:hover .mask{ background-color: rgba(17, 132, 214, 0.5); width:100%; position:absolute; left:0; top:0; height:200px;}
.research-features .text a:hover span,.research-features .text a:hover p{ color:#1b82ab;}


.university-features{ background:url(/uploads/image/_t038timages/bg.jpg) left center no-repeat; background-size:cover; width:100%; padding:60px 0 85px; overflow:hidden;}
.university-features-column{background:#999966; height:175px; margin-top:31px; overflow:hidden;}
.university-features-column .pic{ float:left; width:45%; height:175px; overflow:hidden;}
.university-features-column .pic img{ width:100%; height:175px;transform: scale(1.0);transition: all 1s ease 0s;-webkit-transform: scale(1.0);-webkit-transform: all 1s ease 0s;}
.university-features-column:hover img{transform: scale(1.3);transition: all 1s ease 0s;-webkit-transform: scale(1.3);-webkit-transform: all 1s ease 0s; }
.university-features-column .text{ float:left; width:55%; color:#fff; padding:10px 10px;}
.university-features-column .text em{ display:block;width: 100px;  height: 2px;  border: solid 1px #ffffff;}
.university-features-column .text span{ display:block; font-size:18px; line-height:1.9; margin-top:5px;}
.university-features-column .text i{ font-size:18px; font-weight:normal;}
.university-features-column .text p{ color:#fff; font-size:12px; line-height:1.6; text-align:left; margin-top:5px;}
.university-features-column-bgnone{ background:#fff;}
.university-features-column-bgnone .text em{ border-color:#633869;}
.university-features-column-bgnone .text,.university-features-column-bgnone .text p{ color:#633869;}



@media (min-width: 992px){
.campus-life ul{ position:relative; width:100%; height:570px; overflow:hidden;}
.campus-life li{ float:left;border-right:1px solid #fff;border-bottom:1px solid #fff; position:relative; overflow:hidden;}
.campus-life li img{height:100%;}

.campus-life .campus-life-pic1{  width:22%; height:237px;}
.campus-life .campus-life-pic2{ width:33%; height:331px;}
.campus-life .campus-life-pic3{ width:22%; height:331px;}
.campus-life .campus-life-pic4{ width:23%;border-right:0; height:237px;}
.campus-life .campus-life-pic5{ position:absolute; left:0;top:237px; width:22%; height:332px;}
.campus-life .campus-life-pic6{ position:absolute; left:22%;top:331px; width:22%; height:238px;}
.campus-life .campus-life-pic7{ position:absolute; right:23%;top:331px; width:33%; height:238px;}
.campus-life .campus-life-pic8{ position:absolute; right:0;top:237px; width:23%; height:332px;}
.campus-life dl{width: 22%;}
	}

@media (min-width: 768px) and (max-width: 991px) {

.column-info h2{ font-size:30px;margin-top:10px;}
.column-info p{ font-size:14px;}	

.campus-life ul{ position:relative; margin:0 auto; margin:0 68px; padding:0 ;overflow:hidden;}
.campus-life li{ float:left;border-right:1px solid #fff;border-bottom:1px solid #fff; position:relative; width:50%; overflow:hidden;}
.campus-life li img{ width:100%; height:100%;}
.campus-life li .text h3{ bottom:-60px;}
.campus-life li .text h3 a{ margin-top:20px;}
.campus-life li .text:hover h3{ bottom:10px; transition:all 0.5s ease-in;}
.campus-life li .text h3 a:hover{ border:0; background:#fff; color:#633869;}

.campus-life dl{ float:left; width:50%; text-align:center; padding:0 5px; margin:0;}
.campus-life dt{ font-size:16px; text-align:center; font-weight:normal; margin:10px 0;}
.campus-life dl:hover .mask{ display:none;}

.massage-container .col-sm-5,.research-features .col-sm-5,.university-features .col-sm-10{ margin-left:65px; margin-right:-62px;}
	}
	
	
@media (max-width: 767px) {
.container{ padding:0 15px;}

.banner .carousel-indicators{bottom:0;}
.banner .carousel-indicators li{ width:17px; height:3px;}

.massage-container .col-xs-10{ margin-left:8.33333333%;}

.campus-life,.research-features,.university-features{ margin-top:10px;}
.column-info h2{ font-size:30px;margin-top:10px;}
.column-info p{ font-size:14px; text-align: center;}


.campus-life{ background-color:#f8f8f8; padding-bottom:32px;}
.campus-life ul{ padding:0 15px;}
.campus-life li{ float:left;border-right:1px solid #fff;border-bottom:1px solid #fff; position:relative; width:48%; height:80px; margin:0 0 10px 0; overflow:hidden;}
.campus-life li:nth-child(even){ float:right;}
.campus-life li .text h3{ font-size:16px;  position:static; height: 80px; line-height:80px; margin:0; width:100%; text-align:center;}
.campus-life li .text h3 small{ display:none;}
.campus-life li .text h3 a{width:auto; margin: 0; position: absolute; left: 0; top:0; width: 100%; height: 80px; padding-top: 0; border: none; text-indent:-1000px; overflow:hidden;}
.campus-life li .text h3:hover{
	background: #fff; color:#633869;
}
.campus-life li .text h3 a:hover{background:none;}
.campus-life dl:hover .mask{ display:none;}

.campus-life .campus-life-pic1 .text{background-color:#a288a5;	}
.campus-life .campus-life-pic2 .text{background-color:#bbbbdb;	}
.campus-life .campus-life-pic3 .text{background-color:#92bcee;	}
.campus-life .campus-life-pic4 .text{background-color:#a288a5;	}
.campus-life .campus-life-pic5 .text{background-color:#a288a5;	}
.campus-life .campus-life-pic6 .text{background-color:#66cdd7;	}
.campus-life .campus-life-pic7 .text{background-color:#c1d58e;	}
.campus-life .campus-life-pic8 .text{background-color:#a288a5;	}


.campus-life dl{ float:left; width:100%; text-align:center;}
.campus-life dt{ font-size:16px; text-align:center; font-weight:normal; margin:20px 0;}

.university-features{ padding-bottom:80px; padding-top: 0;}
.university-features-column{ height:auto; margin-top:10px; overflow:hidden;}
.university-features-column .pic{ width:100%; height:auto; overflow:hidden;}
.university-features-column .pic img{ width:100%;}
.university-features-column .text{ width:100%;}
.university-features-column-bgnone{ background:#f9f9f9;}

	 }
.beian a {
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-decoration: none;	
	}