/*首页样式*/

.container-fluid{
   margin-top: 66px
}
#big_title{
       font-weight: 500;

	
}
.big_title2{
letter-spacing:2px;

	
}

.staff_1{
	margin: 0 auto; width: 89%;
}

.imgshow1>img:hover{
	
opacity:1;
	
}

.studiotitle{
	margin-top: -20px;position: relative; text-align: center;color: black;
}
.imgshow{
	width: 70%;
	position: relative;
       left: 4px;
	top: 10px;
	margin: 0 auto;
	
}
.imgshow1>a>img{
	margin-top: 10px;
	width: 16%;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
	border-top: none;
	border-right: none;
	background-color: black;
	background-image: linear-gradient(#222 70%,transparent 70%);   
	display: inline-block;
	opacity:0.9;
	margin-left: 10px;
	
}

.footerinline{
	display: inline-block;position: absolute;
top: 130px
}
.footerwords1{
	width: 81%; margin: 0 auto;
}
.footerinline1{
	margin-left: 160px;
}
.footerinline2{
	margin-left: 320px;
}
.footerinline3{
margin-left: 460px;
}
.footerinline4{
margin-left: 580px;
}
.footerh5{
	color: #FFFFFF; line-height: 31px;position: relative;top: 160px;width: 50%;margin: 0 auto;text-align: center;
	border-top:0.5px solid #444444;
}
.newimac{
	width: 82%;  margin: 0 auto;
}
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:101;
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
}
.mainfooter{
	width: 100%; height:426px; background-color: #000000; bottom: 0; margin-top: 120px;position: relative
}
.footerh5_1{
	display: none;
}
.img3{
	position: absolute; height: 172px;right: 46px;opacity: 0.8;width:800px; z-index: -1;
}
.link>a{
	color: #FFFFFF;
	font-size: 12px;
}
.link>a:hover{
	color: #FFED35;
}
.bg-link{
		color: #FFFFFF;
		
	}
.footerword{
	display: inline-block;

	position: relative;


}
#footerword{

	
width: 100%;height: 200px;

}
#footerword_min{
	display: none;
}


#footerimage{
	height: 240px;width: 240px;position: absolute; left: 100px;
}
.header{
	width:100%;
	
	z-index:99999;
	height:180px;
	padding: 0 30px;
	background:#000000;
	
}
#studiotitle{
	width: 82%;margin: 0 auto; position: relative; bottom: 30px
}
.col-lg-3{
	display: inline-block;height: auto;
	padding: 5px;
}
.rows{
	margin-left: 35px;
}
.yellowandw{
	width: 100%;height: 100px;position: relative; padding-top: 50px
}
.section {
    position: relative;
}

.md-padding {
    padding-top: 120px;
    padding-bottom: 120px;
}

.sm-padding {
    padding-top: 30px;
    padding-bottom: 60px;
}

  .bg-grey {
    background-color: #FAFAFA;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
}

.bg-dark {
    background-color: #1C1D21;
}


/* --  background image section  -- */

.bg-img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.bg-img .overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .6;
    background: #1C1D21;
}


/* --  section header  -- */

.section-header {
    position: relative;
    margin-bottom: 60px;
}

.section-header .title {
    text-transform: capitalize;
}

.title:after {
    content:"";
  	display:block;
  	height:4px;
  	width:40px;
  	background-color: #6195FF;
    margin-top: 20px;
}

.text-center .title:after {
    margin: 20px auto 0px;
}

   .warp1{position:absolute;height:240px;overflow:hidden;border:1px #000 solid;width: 100%}

.scrollspy-example {
        height: 1200px;
        overflow: auto;
        position: relative;
      }
   .headroom {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
        .headroom--unpinned {top: -110px;}
        .headroom--pinned {top: 0;}


.big2{
color: #FFFFFF;text-align: center;
}

/*1*/
.e-wrapper{

	margin-left: 60px;

}


.theme1 {
		
		font-size:12px;
		line-height: 20px;
         color: aliceblue
}

.toolbar{visibility:hidden}

.toolbar .left{
	
	width:50px;
	height:96px;
	position:absolute;
	left:-62px;
	top:38px;
	z-index:100;
	cursor:pointer;
	overflow: hidden
}


.toolbar .left:hover{background-position:bottom;}


.toolbar .right{
	
	width:50px;
	height:96px;
	position:absolute;
	right:-12px;
	top:38px;
	z-index:100;	
	cursor:pointer;

	overflow: hidden;
}

	#services-1{
	display: block;
	position:relative;
	width:940px;
    margin: 0 auto;

	
	}
	

#servicesmac{
	display: none;
}

.toolbar .right:hover{background-position:bottom}

/*2*/

#services-3{
	display: none;
}

#services-4{
	display: none;
}
#services-5{
	display: none;
}
#services-6{
	display: none;
}
#services-7{
	display: none;
}
.demo{
	width: 100%; height: 100%;margin-top: 140px; position: relative;
}
.display-4{
	z-index: 9999; font-weight:900;font-size: 40px; color: #000000;color: #FFFFFF;
	margin-top: -300px;
}
.pad{
	display: inline-block;padding-left: 30px
}


#image-sho{
	background-color:#676767;width: 100%; height: 30px;position: absolute;top: 0;margin-top: 152px;  z-index: 9999; opacity: 0.5;
}




#teaching{
	width: 100%; 
	
	 position: relative;
	
}
.staff{
	color: #FFFFFF;display: inline
}

#staffimg{
	
 width:100%; opacity: 0.2; position:relative;
}

#view{
	 background-color: #a3a3a3; border: none;text-align: center;
    width: 60%;
}
#yellowcube{
	width: 40%; height: 440px; background-color: #a3a3a3; margin-top: -100px; position: relative;z-index: -2
	
	
}
.eps3{
	display: none;
}
.news3{
		display: none
}
.news3:hover{
	color: #F8F335;
}
.cio4{
	display: none;
}
.cio2{
		
display: none;
		
	}
.cio2:hover{
	color: #FFE11C;
	
}

.majors_1{
	width: 90%;
	margin: 0 auto;
}
.homepage_major{
	width: 96%;
	margin: 0 auto;
	margin-top: 60px;
}
#secondbgimg{background-color:#000000; height: 240px; width: 100%; position: absolute}


.longcube{
	width: 70%;height: 20px; background-color: #a3a3a3; display: inline-block; position: absolute;left: 0
}
.longcube1{
	width: 26%;height: 20px; background-color:#FFFFFF; display: inline-block; position: absolute;right:  0
}

#firstcube{
	width: 85%;height: 100%;	margin: 0 auto;

	margin-top: 40px;
	left: 20px

}

/*左侧logo*/
.header .left{
	width: 14%;
	margin-top: 10px;
}
.header .left a img{
	height: 150px;
	margin-top: 6px;
}
.header .left .img2{
	display: none;
}
/*右侧*/
.header .nav{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	height: 100%;
	line-height: 50px;
	display: block;
	margin-top: 128px;
}
.header .navbar_nav li{
	float:left;
	position: relative;
	display: block;
}
.header .navbar_nav li:after{
    content: "";
    width: 0;
    height: 2px;
    background: #a3a3a3;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
.header .navbar_nav li:hover:after{
    width: 100%;
}
.header .navbar_nav li a{
	text-decoration: none;
	height: 100%;
	padding: 0 25px;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #fff;
	font-size: 16px;
}
.header .navbar_nav li:hover a{
	color:#a3a3a3;
}
.header .navbar_nav li.dropdown{
	display: inherit;
	position: relative;
}
.header .navbar_nav li.dropdown .jt{
	width: 20px;
	height: 20px;

	background-size: 100% 100%;
	display: block;
}
.header .navbar_nav li.dropdown .dropdown_menu{
	display: none;
	position: absolute;
	top:50px;
    width: auto;
	background: #fff;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 120%;
    left: -10%;
}

.header .navbar_nav li.dropdown .dropdown_menu a{
	font-size: 14px;
	color: #666;
	padding: 0 10px;
	line-height: 38px;
	text-align: center;
	background: #fff;
	margin-bottom: 2px;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu{
	display: block;
	background: #f3f3f3;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{
	color: #666;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{
	color: #fff;
	background:#646464;
}
/*白色背景的头部*/
.header.on{
	background:#000000;
	border-bottom: 1px solid #ccc;
}
.header.on .left .img1{
	display: none;
}
.header.on .left .img2{
	display: block;
}
.header.on .navbar_nav li a{
	color:#FFFFFF;
}
.header.on .navbar_nav li:hover a{
	color: #a3a3a3;
}
#navToggle{
	display: none;
}
/*手机端导航栏*/
.m_nav{
	position: fixed;
	top: 0px;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 64%;
    height: 100%;
    background:#000000;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
	z-index: 1000;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: 0;
	right: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}
.m_nav.open{
    transform: translateX(0);
	 -webkit-transform: translateX(0);
}
.m_nav .top{
 
 height: 80px;
 padding: 28px 22px 22px 22px;

 box-sizing: border-box;
}

.m_nav .top .closed{
 width: 22px;
 height: 22px;
 vertical-align: middle;
 float:right;
 cursor: pointer;
}
.m_nav .logo{
	width: 100%;
	
}
.m_nav .logo img{
	height: 50px;
	display: block;
	margin-left: 7px;
}
.m_nav .ul{
	margin-top: 30px;
}
.m_nav .ul li{
	padding: 0 20px;
	border-bottom: 1px solid #575757;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    

}
.m_nav.open .ul li{
	border-bottom: 1px solid #575757;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
/*字体颜色*/
.m_nav .ul li a{
	display: block;
	text-decoration: none;
	color:white;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	width: 100%;
}

.m_nav .ul li .dropdown_menu{
	display: none;
}
.m_nav .ul li.dropdown.active .dropdown_menu{
	display: block;
}
.m_nav .ul li .dropdown_menu a{
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 28px;
	box-sizing: border-box;
	border-bottom: 1px solid #5E5E5E;
}
.m_nav .ul li .dropdown_menu a:last-child{
	height:80px;
	line-height: 30px;
	padding: 10px 28px;
	width: 180px;
	border-bottom: none;
}
.m_nav .ul li .dropdown_menu .smallfont:last-child{
	border: none;
font-size: 12px;
}
.banner{
	width: 100%;
}
.banner img{
	width: 100%;
}



@media screen and (min-width: 900px){
.banner .info img {
   width:70%;
}
}






#smallnew{
		width: 100%;
		height: auto;
		background-color: #FFFFFf;
		position: relative;
		display: none;
	
	}

#smallnew>img{
	height:180px; margin: 0 auto; padding-top: 20px
}

#smallnew>div{
	width: 84%; margin: 0 auto;
}
.Box {position: relative;}


.wy-mod-banner{height:680px;position:relative;overflow:hidden;background-color: #F1F1F1;margin-top: 80px}
.wy-mod-banner .banners{width:100%;height:1550px;overflow:hidden;position:absolute;}
.wy-mod-banner .banner{width:100%;height:1600px;overflow:hidden;position:absolute;}
.wy-mod-banner .banner .info{position:absolute;top:320px; left: 27%; }

.info>img{

	width: 64%;
}

.Notwo{
	width: 46%;  display: inline-block;float: right;background-color:#FFFFFF;position: relative;
}
.Noone{
	width: 46%;  background-color:#FFFFFF;display: inline-block;
}
.Nothree{
	width: 46%;  display: inline-block;background-color:#FFFFFF;
}
.Nofour{
	width: 46%;  background-color:#FFFFFF;display: inline-block;float: right;
}
#allnew{
	width: 84%;height: auto; margin: 0 auto
}
.bg-image1{
	display: none;
}
.studiomac{
	width: 100%; height: 370px; 
}
.Box .content1 {width: 66%;margin: 0 auto;position: relative; }
.container1{
	background-color: #a3a3a3; height: auto; width: 56%; float: right; position: relative;
	right: 145px; margin-top: -55px;z-index: 2;
}
			
			.Box .Box_con {position: relative; position: relative;
		margin-top: -280px}
		
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			.Box .Box_con .conbox ul li {float: left;width: 285px;height: auto;overflow: hidden; background-color:#000000;position: relative}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li img {display: block;width: 285px;height: auto;transition: all 0.5s;opacity: 0.5}
			.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
			.Box .BoxSwitch {margin-top: 30px;text-align: center;}
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 10px;height: 10px;background: #ccc;margin: 0 5px;cursor: pointer; border-radius: 50%; border: #FFFFFF 1px solid;}
			.Box .BoxSwitch span.cur {background:#FFEF12;}

.yelltextmac{
	width: 84%;margin: 0 auto;
}


@media (min-width:2201px){
    #view{
        width: 48%;
    }
	.wy-mod-banner{height:1250px;position:relative;overflow:hidden;}
	.container1{
	background-color: #a3a3a3; height: 190px; width: 28%; float: right; position: relative;
	right: 200px; margin-top: -70px;z-index: 2;
}
	.majors_1{
	width: 100%;
	margin: 0 auto;
}
	.majors{
	
		width: 72%;
		margin: 0 auto;
			margin-top: 114px;
	}
	.newimac{
	width: 62%;  margin: 0 auto;
}
	.wy-mod-banner .banner .info{position:absolute;top:500px; left: 36%; }

.info>img{

	width: 70%;
}
	#allnew{
	width: 73%; margin: 0 auto
}
	
.studiomac{
	width: 100%;  
	height: auto;
		margin-top: 40px;
}
	#teaching{
	width: 100%; 
	height: auto;
	 position: relative;
		
}
	#studiotitle{
	width: 74%;margin: 0 auto; position: relative; 
		top:0px;
		left:10px
}
	.staff_1{
			width: 76%;
	}

	.sm-padding {
    padding-top: 60px;
    padding-bottom: 180px;
}
	#services-1{
		display: none;
	}
	

#servicesmac{
	display: inline-block;
		display: block;
	position:relative;
	width:1510px;
    margin: 0 auto;
}
	.e-wrapper{

	margin-left: -100px;

}
	.toolbar .left{
	
	width:50px;
	height:96px;
	position:absolute;
	left:-90px;
	top:80px;
	z-index:100;
	cursor:pointer;
	overflow: hidden
}




.toolbar .right{
	
	width:50px;
	height:96px;
	position:absolute;
	right:-41px;
	top:80px;
	z-index:100;	
	cursor:pointer;

	overflow: hidden;
}
	.cio2{
		
	display: inline-block;
		font-size: 12px;
		float: right;
		margin-right: 20px;
	margin-top: -22px;
		
	}
#yellowcube{
	width: 32%; height: 420px; background-color: #a3a3a3; margin-top: -100px; position: relative;z-index: -2
	
	
}
	.yelltextmac{
	width: 72%;margin: 0 auto;
}
	

	
	.bg-link{
		font-size: 20px;
	}
	.link{
	font-size: 16px;	
	}
	.header .left a img{
	height: 160px;
	margin-top: -6px;
		margin-left: -100px;
}
	.header .nav{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	height: 100%;
	line-height: 50px;
	display: block;
	margin-top: 100px;
}
	.header{
	width:100%;
	
	z-index:9999999999;
	height:180px;
	padding: 0 30px;
	background:#000000;
	
}
	#image-sho{
	background-color:#676767;width: 100%; height: 40px;position: absolute;top: 0;margin-top: 180px;  z-index: 9999; opacity: 0.5;
}

	.clearfix1{
		width: 1800px;
	}
	.Box .content1 {width: 44%;margin: 0 auto;position: relative; }
.container1{
	background-color: #a3a3a3; height: 190px; width: 60%; float: right; position: relative;
 margin-top: -70px;z-index: 2;
    left: 100px;
}
    .homepage_major{
        width: 73%;
    }
			
    #footerimage{
        left: 205px;
    }
			.Box .Box_con {position: relative; position: relative;
		margin-top: -280px}
		
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			.Box .Box_con .conbox ul li {float: left;width: 285px;height: auto;overflow: hidden; background-color:#000000;position: relative}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li img {display: block;width: 300px;height: auto;transition: all 0.5s;opacity: 0.5}
			.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
			.Box .BoxSwitch {margin-top: 30px;text-align: center;}
			



	
}

@media (max-width: 2200px){
	#teaching{
		width: 100%; 

	 position: relative;
	}
	
#allnew{
	width: 70%; margin: 0 auto
}
	#studiotitle {
    width: 70%;
    margin: 0 auto;
    position: relative;
    bottom: 30px;
		
}
			.studiomac{
	width: 100%; height: 370px; 
		margin-top: 100px;
}
}
@media(max-width:1920px){

	#image-sho{
	background-color:#676767;width: 100%; height: 30px;position: absolute;top: 0;margin-top: 152px;  z-index: 9999; opacity: 0.5;
}
.wy-mod-banner .banner .info{position:absolute;top:320px; left: 31%; width: 68%;}

.info>img{

	
}
	#allnew{
	width: 84%; margin: 0 auto
}
	#studiotitle{
	width: 84%;margin: 0 auto; position: relative; bottom: 30px
}
}
@media (max-width: 1200px) {

	.wy-mod-banner{height:560px;position:relative;overflow:hidden;}
	.header .nav{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	height: 100%;
	line-height: 50px;
	display: block;
	margin-top: 100px;
}
	.header .left a img{
	height: 150px;
	margin-top: 6px;
}
	.e-wrapper{

	margin-left: 33px;


}
	.toolbar .left{
	
	width:36px;
	height:96px;
	position:absolute;
	left:-40px;
	top:38px;
	z-index:98;
	cursor:pointer;
	overflow: hidden
}





.toolbar .right{
	
	width:36px;
	height:96px;
	position:absolute;
	right:10px;
	top:38px;
	z-index:98;	
	cursor:pointer;

	overflow: hidden;
}
#servicesmac{
	display: none;
}

	
	.big_secondcube{
	
	
	
		width: 50%
	
}
	
	
	.header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:99;
	padding: 0 30px;
	background: #000000;
}
	
	#teaching{
	width: 100%; 
	
	 position: relative;
		
}


.header .left a img{
	height: 100px;
	margin-top: 38px;
	margin-left: -40px;
}
.header .left .img2{
	height: 100px;
	
}
	

#image-sho{
		display: none;
	}

	
	
	.longcube{
		display: none;
		
	}
	.longcube1{
		
		display: none;
	}
	
}
@media screen and (max-width: 992px){
		.header .left{
	width: 14%;
	margin-top: 0px;
}

.img3{
	position: absolute; height: 86px;right: 110px;width: auto;
}

	.header{
		height: 80px;
	}
	.header .left a img{
	height: 77px;
	margin-top: -1px;
	margin-left: -30px;
}
.header .left .img2{
	height:80px;
	
}
	
	
	#services-1{
		display: none;
	}
	
	#services-3{
	display: block;
	position:relative;
	width:500px;
    margin: 0 auto;
	
	}
	
	
	.header{
		padding: 0 10px;
	}
	.header #navToggle {
		height: 100%;
		padding: 9px 15px;
		margin-right: -25px;
		display: inline-block;
		float: right;
	}
	.header #navToggle span {
  position: relative;
  width: 30px;
  height: 1.2px;
  margin-top: 19px;
 }
.header #navToggle span:before,
 .header #navToggle span:after {
  content: '';
  position: relative;
  width: 100%;
  height: 1.2px;
  left: 0;
 }
.header #navToggle span,
 .header #navToggle span:before,
 .header #navToggle span:after {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: block;
  background: #FDFDFD;
 }
.header #navToggle span:before {
  top: 8px;
 }
.header #navToggle span:after {
  bottom: 10px;
 }
.header #navToggle.open span:before {
  top: 10px;
  -webkit-transform: translateY(-11px) rotate(-45deg);
  -moz-transform: translateY(-11px) rotate(-45deg);
  -ms-transform: translateY(-11px) rotate(-45deg);
  -o-transform: translateY(-11px) rotate(-45deg);
  transform: translateY(-11px) rotate(-45deg);
 }
.header #navToggle.open span:after {
  bottom: 12px;
  -webkit-transform: translateY(10px) rotate(45deg);
  -moz-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  -o-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
 }
.header #navToggle.open span {
  background: none;
 }
.header #navToggle.open span:before,
 .header #navToggle.open span:after {
  background:  #FDFDFD;
 }
	
	.header .nav{
		display: none;
	}
	
	.banner img{
		
		object-fit: cover;
	}
	.wy-mod-banner{height:450px;position:relative;overflow:hidden;}
.wy-mod-banner .banner .info{position:absolute;top:210px; left: 28%; }

.majors{
		margin-top: 130px;
	}

	.imgshow1>img{
	margin-top: 10px;
	width: 18%;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
	border-top: none;
	border-right: none;
	background-color: black;
	background-image: linear-gradient(#222 70%,transparent 70%);   
	display: inline-block;
	opacity:0.8;
	margin-left: 10px;
	
}

}


@media (max-width: 800px) {


		#teaching{
	width: 100%; 
	
	 position: relative;
		
}


	#studiotitle{
	width: 86%;margin: 0 auto; position: relative; bottom: 50px;
}
	.rows{
	margin-left: 15px; height: 120px;
}
	
	.wy-mod-banner{height: 400px;position:relative;overflow:hidden;}
	#footerimage{
	position: absolute; left: 30px;
}
	

	#allnew{
	width: 88%; margin: 0 auto
}
	.Notwo{
	width: 46%; height: auto; display: inline-block;float: right;background-color:#FFFFFF;
}
	
.Noone{
	width: 46%; height: auto; background-color:#FFFFFF;display: inline-block;
}
.Nothree{
	width: 46%; height: auto; display: inline-block;background-color:#FFFFFF;
}
.Nofour{
	width: 46%; height: auto; background-color:#FFFFFF;display: inline-block;float: right;
}
	
	#staffimg{
		height: 150px
}

  
	.staff{
	color: #FFFFFF;display: inline;
		font-size: 16px;
}
		.big_secondcube{
	

	margin-top: -46px;
		width: 70%;
	right: 70px;
	
}



	
	.display-4{
	 font-weight:800;font-size: 30px; color: #000000;color: #FFFFFF;
	margin-top: -240px;
}



	
	

	.news{
		font-size: 16px;
	}
	.news1{
		display: inline-block;
	}
	.news3{
		display: inline-block;
		font-size: 10px;
		float: right;
		margin-right: 20px;
		margin-top: -10px;
	}
	.eps{
		font-size: 16px;
		
	}
	.eps2{
		display: inline-block;
	}
	.eps3{
		float: right;
		margin-right: 20px;
		font-size: 10px;
	}
	
	.cio4{
		display: inline-block;
		
	}
	.cio2{
		display: inline-block;
		font-size: 10px;
		float: right;
		margin-right: 20px;
		margin-top: 0px;
	}
	
	.majortitle{
		font-size: 16px;
		margin-left: -22px
	}
	.cio{
		font-size: 16px;
	}
	.cio1{
		display: inline-block;
	}
	.cio2{
		float: right;
		font-size: 12px;
		margin-right: 20px;
	}
	.cio5{
		display: none;
	}
	#yellowcube{
		width: 54%; 
		height:260px;
	}
	.Box .content1 {width: 69%;margin: 0 auto; margin-top: 154px;}
	.titlem{
		font-size: 16px;
	}
	.wy-mod-banner .banner .info{position:absolute;top:180px; left: 28%; }
				.img3{
	position: absolute; height: 75px;right: 45px;
}
		.footerwords1{
 margin: 0 auto;width: 90%
}
.footerinline1{
	margin-left: 130px;
}
.footerinline2{
	margin-left: 270px;
}
.footerinline3{
margin-left: 380px;
}
.footerinline4{
margin-left: 480px;
}
	

}

@media (max-width:700px){
	
	.wy-mod-banner{height: 340px;position:relative;overflow:hidden;}
	
}
@media (max-width:600px){
	.footerh5{
	color: #FFFFFF; line-height: 20px;position: relative;top: 140px;width: 50%;margin: 0 auto;text-align: center;
	border-top:0.5px solid #444444;
}
	.wy-mod-banner{height: 330px;position:relative;overflow:hidden;margin-top: 66px;}
		.container1{
	background-color:#a3a3a3;  width: 100%; position: relative; 
		right: 0;height: 180px;bottom: 20px;
	
}
	.footerwords1{
 margin: 0 auto;width: 100%
}
.footerinline1{
	margin-left: 100px;
}
.footerinline2{
	margin-left: 200px;
}
.footerinline3{
margin-left: 300px;
}
.footerinline4{
margin-left: 390px;
}

			#footerimage{
	position: absolute; left: 10px;
}

.link{
		font-size: 10px;
	}
	.bg-link{
		color: #FFFFFF;
		font-size: 14px;
	}

	
.img3{
	position: absolute; height: 84px;right: 90px;
}
.header .left{
	width: 6%;
	margin-top: 0px;
}
.header .left a img{
	height: 76px;
	margin-top: 2px;
	margin-left: -20px;
}
.header .left .img2{
height: 76px;
	margin-top: 2px;
	
	
	}
		

	
	#secondbgimg{background-color:#000000; height: 232px; width: 100%; position: absolute}
	
.box{
		width: 130px
	}

#services-4{
	display: block;
	position:relative;
	width:390px;
    margin: 0 auto;

	}
	#services-3{
	display: none;
	}
	.wy-mod-banner .banner .info{position:absolute;top:160px; left: 28%; }
	
}

@media (max-width: 450px) {
    .container-fluid{
   margin-top: 30px
       
}
	.homepage_major{
	width: 96%;
	margin: 0 auto;
	margin-top: 80px;
}

	.imgshow1>img{
	margin-top: 10px;
	width: 14%;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
  
	border-top: none;
	border-right: none;
	
	background-color: black;
	background-image: linear-gradient(#222 70%,transparent 70%);   
	display: inline-block;
	margin-left: 10px;
}
	.imgshow{
	width: 100%;
	position: relative;
    left: 0px;
		top: 10px;
}
	.studiomac {
    width: 100%;
    height: 330px;
   
}
		#teaching{
	width: 100%; 
	height: 410px;
	 position: relative;
		
}
	.titlem{
		margin-left: -4px;
	}
	.mainfooter{
	width: 100%; height:526px; background-color: #000000; bottom: 0; margin-top: 120px;position: relative
}
	.footerh5{
		display: none;
	}
	.footerh5_1{
		color: #FFFFFF; text-align: center;line-height: 20px;position: relative;top: 444px;
	display: block;font-size: 12px;
	}
.img3{
	position: absolute; height: 74px;right: 20px;

	opacity: 0.5;

}
	#footerimage{
	height: 170px;width: 170px;position: absolute; left: 15px;
}
	#footerword{
display: none;
}

	#footerword_min{
		display: inline-block;
		margin: 100px 30px;
		position: absolute;
		
	}
	.footerword_min{
		position: static;
	}
	.footerword_min> p{
		display: inline;
		
	}
	
	
	#studiotitle{
	width: 82%;margin: 0 auto; position: relative; bottom: 40px
}
	.sm-padding {
    padding-top: 38px;
    padding-bottom: 40px;
}
    .sectiontstaff{
        padding-bottom: 20px;
    }
	.col-lg-3{
	display: inline-block;height: auto;width: 48.2%;
		padding: 4px;
}
.e-wrapper{

	margin-left: 4px;

}
	.banner > .bitimg2{
		height: 340px;
	}
	
  .majors{
		margin-top: 0px;
	}
	#big_title{
		font-size: 20px;
			font-weight: 600;
		
	}

	.big_secondcube{
	
	height: 33%;	
}
	#services-5{
	display: block;
	position:relative;
	width:290px;
    margin: 0 auto;
	margin-left: 80px;

	}
	#services-4{
		display: none;
	}
	.display-4{
	 font-weight:600;font-size: 26px; color: #000000;color: #FFFFFF;
	margin-top: -168px;
	}	
	#allnew>.NNEW{
		display: none;
	}
	
	#smallnew{
		width: 100%;
		height: 292px;
		background-color: #FFFFFf;
		position: relative;
		display: inline-block
	}
	.list1{
	bottom: -6px;
	}
	.big_secondcube{
	height: 31%;
	position: relative;
		top:40px;
}
.header{
	
	height: 84px;
}
	


	.majors{
		margin-top: 170px;
	}
	
	.toolbar .right{
	
	width:32px;
	height:56px;
	position:absolute;
	right:0px;
	top:58px;
		
	cursor:pointer;	
}
	.toolbar .left{
	
	width:32px;
	height:56px;
	position:absolute;
	left: -48px;
	top:58px;
		
	cursor:pointer;

}
	.rows{
	margin-left:10px; height: 120px;
}
.wy-mod-banner .banner .info{position:absolute;top:140px; left: 18%; }
	.info>img{

	width: 100%;
}
	
.bg-img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
	.bg-image1{
		display: inline;
		height: 100%;
		width: 100%;
	}
	.link{
		font-size: 9px;
	}
	.bg-link{
		color: #FFFFFF;
		font-size: 14px;
	}
    .imgshow1>a>img{
	margin-top: 10px;
	width: 16%;
  
	margin-left: 4px;
	
}
    
    
}


@media (max-width: 380px) {
	.wy-mod-banner .banner .info{position:absolute;top:140px; left: 16%; }
  	.col-lg-3{
	display: inline-block;height: auto;width: 48.2%;
		padding: 4px
}
	#services-5{
		display: none;
	}
	#services-6{
	display: block;
	position:relative;
	width:305px;
    margin: 0 51px;

		
	}
	.big_secondcube{
	height: 30%;
	position: relative;
	top:4px;
}
	
	.homepage_major{
margin-top: 60px;
}
	
	.toolbar .right{
	
	width:32px;
	height:56px;
	position:absolute;
	right:18px;
	
	
	cursor:pointer;
		
		
	
}
	.toolbar .left{
	
	width:32px;
	height:56px;
	position:absolute;
	left: -40px;
	
	cursor:pointer;
	
}
		.img3{
	position: absolute; height: 70px;right: 16px;
}
#smallnew{
		width: 100%;
		height: 285px;
		background-color: #FFFFFf;
		position: relative;
		display: inline-block
	}
	.list1{
	bottom: 0px;
	}
           .imgshow1>a>img{
	margin-top: 10px;
	width: 17%;
  
	margin-left: 4px;
	
}

}


@media (max-width: 320px) {
  .wy-mod-banner .banner .info{position:absolute;top:140px; left: 16%;}
	#services-6{
		display: none;
	}
	#services-7{
	display: block;
	position:relative;
	width:259px;
    margin: 0 51px;

		
	}

	.big_secondcube{
	height: 30%;
	position: relative;
		top:0;
}
	
		.toolbar .right{
	
	width:30px;
	height:56px;
	position:absolute;
	right:16px;
	
	
	cursor:pointer;
		
		
	
}
	.toolbar .left{
	
	width:30px;
	height:56px;
	position:absolute;
	right:-16px;
	
		
	cursor:pointer;
	
}
	.e-wrapper{

	margin-left: 10px;

}
		.col-lg-3{
	display: inline-block;height: auto;width: 48.2%;
		padding: 4px;
}
	.majors{
		margin-top: 150px;
	}
	#smallnew{
		width: 100%;
		height: 275px;
		background-color: #FFFFFf;
		position: relative;
		display: inline-block
	}
	.list1{
	bottom: 16px;
	}

    
}
.alinks{
 right: 100px;
 float: right;
 vertical-align: middle;
 display: inline-block;
 width: 24%;
}
.alink{
 padding-left: 14px;
}