.main{width:750px; margin:0 auto;}
body{margin:0px;background:#fff;}
header{width:100%;}
header img{}
.pointbg {background-image:url(../image/welcome/AACSB.png);display: block;height: 250px;position: absolute;right: 0;top: 200px;width: 200px;}
.welbg {background-image:url(../image/welcome/welbg2.png);display: block;height: 250px;position: absolute;left: 0;top: 200px;width: 200px;}

.logoimg{margin: 30px auto 0 auto;display: block;height:auto;width: 960px;}
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.noimg{display:none;}

.view-first .mask.co1{background-color: rgba(51,204,255,0.7);}
.view-first .mask.co2{background-color: rgba(204,255,0,0.7);}
.view-first .mask.co3{background-color: rgba(255,153,0,0.7);}
.view-first .mask.co4{background-color: rgba(204,0,51,0.7);}
.view-first .mask.co5{background-color: rgba(153,204,204,0.7);}
.view-first .mask.co6{background-color: rgba(0,51,153,0.7);}
.view-first .mask.co7{background-color: rgba(255,102,153,0.7);}
.view-first .mask.co9{
	background-color: rgba(153,204,153,0.7);
}


.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
/**/
.view {
   width: 207px;
   height: 194px;
   margin: 10px;
   float: left;
   border: 10px solid #FAFAFA;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.view .mask,.view .content {
   width: 207px;
   height: 194px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #333;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(255,255, 255, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 65px 10px 10px;
   text-align: center;
}
.view a.info {

   text-decoration: none;

}
.view a.info: hover {

}			


.enterblock{width:207px;height: 194px;}
.enterimg1{background-image:url(../image/welcome/chinese.jpg);}
.enterimg2{background-image:url(../image/welcome/english.jpg);}
.enterimg3{background-image:url(../image/welcome/future.jpg);}
.enterimg4{background-image:url(../image/welcome/uni.jpg);}
.enterimg5{background-image:url(../image/welcome/master.jpg);}
.enterimg6{background-image:url(../image/welcome/office.jpg);}






