@charset "UTF-8";

@media only screen and (max-width:1280px){
	.lecTeamDiv{
		width:auto;
	}
}
@media only screen and (max-width:1180px){
	.index-idea{
	    margin:66px 0 50px; 
	}
	.bx_wrap a.prev, .bx_wrap a.next{
		display: none;
	}
	.title h2 b{
		font-size: 25px;
		background: url(../images/mtil.png) no-repeat center 49px;
	    padding-bottom: 25px;
	}
	.bx_wrap ul li{
	    margin:0 15px;
	}
	.bx_wrap li{
	    width: 250px
	}
	.bx_wrap ul li div p{
		line-height: 22px;
        height: 66px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
	}
	.index-about-fr strong {
	    font-size: 20px;
	}
	.index-about-fr p {
	    line-height: 22px;
	}
	.joinTop h2{
	    font-size: 38px;
	    line-height: 38px;
	}
	.joTovtcal{
	    padding:0 5%; 
	}
	.mtdwei{
		padding-left: 43px;
	}
	.mtdwei span{
		margin: 10px 0 25px;
		font-size: 18px;
		width: 166px;
		height:40px;
		line-height: 40px;
	}
	.mtdwei p{
		font-size: 14px;
		line-height: 22px;
	}
	.mtdwei h4{
		font-size: 18px;
		padding:25px 0 15px; 
	}             
	.mtdwei h5{
		font-size: 14px;
		line-height: 22px;
		color:#4d4d4d;
	} 
}
@media screen and (max-width: 1024px){
	.navbar .navbar-nav .wbelogo a img{
		left: 9px;
		top:-32px;
		width: 90%;
	}
	.FirmBlank p{
	    margin: 12px 20px 16px  10px;
	}
	.crumbs{
  	  height: 43px;
	}
	.crumbs p,.crumbs a{
	    line-height: 43px;
	}
	.carousel-indicators{
	    bottom: 55px;
	}
	.shwiLeft{
	    padding-top: 24px;
	}
	.starDiv>div:after{
	    top:-25px;
	}
	.starDiv>div:before{
	    bottom:-25px;
	}
	.starDiv h3{
	    font-size: 26px;
	}
	.serRtop div{
	    padding: 18px 26px 23px; 
	}
}
@media screen and (max-width: 960px){
	.navbar .navbar-nav .wbelogo a img{
		left: 13px;
		top:-26px;
		width: 80%;
	}
	.index-idea{
	    margin:50px 0 40px; 
	}
	.index-about-fr strong {
	    font-size: 17px;
	    padding-top: 0;
	    padding-bottom: 5px
	}
	.index-about-fr p {
	    line-height: 20px;
	    font-size: 13px
	}
	.index-news h3{
		text-indent:8px;
	}
	.index-about-fr strong {
	    font-size: 17px;
	    padding-top: 0;
	    padding-bottom: 5px
	}
	.index-about-fr p {
	    line-height: 20px;
	    font-size: 13px
	}
	.footer-bg {
	    padding: 25px 0;
	}
	.shanHaoWhatIs{
	    padding-top: 45px;
	}
	.shwiLeft{
	    padding-top: 16px;
	}
	.shanHaojs h2{
	    font-size: 28px;
	    line-height:28px;
	}
	.shanHaojs strong{
	    font-size: 26px;
	    line-height: 26px;
	    background: url(../images/shwiStr.png) no-repeat left 56px;
	    padding: 15px 0 32px;
	}
	.shwiLeft p{
	    font-size: 14px;
	    line-height: 24px;
	}
	.shwiLeft h3{
	    font-size: 20px;
	    line-height: 30px;
	    padding: 12px 0;
	}
	.shwiLeft h5{
	    font-size: 14px;
	    line-height: 26px;
	}
	.porCouli .media a{
	    padding-right:10px; 
	}
	.porCouli .media p{
	    margin: 0 0 5px;
	}
	.spanNm{
	    background: url(../images/proNm.png) no-repeat left -1px;
	    margin-left: 10px;
	}
	.porCouli .media{
	    margin-top: 25px;
	    margin-bottom: 25px;
	}
	.projectValue {
   	 	background: url(../images/shhbg.png) no-repeat center 30px;
   		margin: 48px 0 30px;
	}
	.serRtop div{
	    padding: 13px 26px 17px; 
	}
	.newMedia .media-body h4{
	    margin: 10px 0 13px;
	}
	.joTovtcal{
	    padding:0 5%; 
	}
	.joinBot h3{
	    font-size: 26px;
	    line-height: 26px;
	    margin-bottom: 20px;
	    font-weight: bold;
	}
	.joinBot p{
	    color:#000;
	    font-size: 14px;
	    line-height: 28px;
	}
	.joinBot h4{
	    font-size: 22px;
	    line-height: 22px;
	}
	.joBotposi{
	    width: 80%;
	}
	.joBotposi h4:nth-child(2n+1){
	    margin-top: 36px;
	}
	.joinsh{
	    margin-bottom: 80px;
	}
	.instop,.givetop,.tutor_intro_top{
	    padding: 46px 0 24px;
	}
	.tutor_intro_top{
		padding: 35px 0 15px;
		border-bottom:1px solid #d8d8d8;
	}

	.tutor_intro_top .left h3{
		font-size: 20px;
		color:#242424;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.tutor_intro_top .right img{
		width:80%;
		height: 80%
	}
	.tutor_intro_top .left h3{
		font-size: 20px;
		color:#242424;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.tutor_intro_top .right img{
		width:80%;
		height: 80%
	}
	.mentorjs{
		padding-top: 24px;
	}

	.mtdwei{
		padding-left: 23px;
	}
	.mtdwei span{
		margin: 10px 0 20px;
		font-size: 16px;
		width: 120px;
		height:35px;
		line-height: 35px;
	}
	.mtdwei p{
		font-size: 14px;
		line-height: 20px;

	}
	.mtdwei h4{
		font-size: 18px;
		padding:15px 0 15px; 
	}             
	.mtdwei h5{
		float: left;
		width: 50%;
		font-size: 14px;
		line-height: 24px;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		padding-right: 10px;
		box-sizing: border-box;
	} 
}
@media only screen and (max-width:860px){
	.bx_wrap ul li div b{
	    font-size: 18px;
	}
	.index-news h3{
		background: #fff
	}
	.index-news ul li a{
		width: 100%
	}
	.index-news ul li span,.proLect{
		display: none;
	}
}

@media screen and (max-width: 768px){
	.header-top,.navbar .navbar-nav .wbelogo,.navbar .navbar-nav .wbelogo a img,.FirmBlank p,.serRbot,.serviLeft,.p_show{
		display: none;
	}
	.w_show{ display:block;}
	
	
	
	.top_h{ height:20px;}
	.navbar{
		position: none !important;
		margin: 0 -15px;
		padding:0 15px; 
	}
	.navigat{
		position:relative; 
	}
	.navbar .navbar-brand{
		display: block;
		padding-left: 10px;
	}
	.navbar-header{
		width: 100%;
		float: none;
	}
	.navbar .navbar-brand img{
		width:80%; 
	}
	.collapse{
		position: absolute;
		width: 100%;
		left:0;
	}
	.navbar-toggle{
		display: block;
	}
	.navbar .navbar-nav{
		margin: 0;
	}
	.navbar .navbar-nav li{
		float: none;
		width: 100%;
		background:rgba(0,0,0,0.7);
		height: 44px;
		text-align: center;
		border-bottom:1px solid #999; 
	}
	.navbar .collapse .navbar-nav a{
		display: block;
		width: 100%;
		transition:0.5s;
		-webkit-transition:0.5s;
	}
	.navbar .navbar-nav .active a{
		border:0;
	}
	.navbar .collapse .navbar-nav  a:hover{
		border:0;
	}
	.index-idea{
	    margin:40px 0 30px; 
	}
	.sucCase{
	    text-align: center;
	    padding: 40px 0 40px;
	}
	.sucCase .col-xs-4{
		padding:0 10px; 
	}
	.sucCapt{
		padding: 10px 0; 
	}
	.index-lecturer dd h2{
	    font-size: 36px;
	}
	.FirmBlank{
	    padding:0 0; 
	}	
	 .index-about-fl,.index-about-fr{
        width: 70%;
        text-align: center;
        float: none;
        margin: auto;
    }
    .index-about-fl img{
        width: auto;
        max-width: 100%;
    }
    .index-news div{
    	width: 49%
    }
    .index-news div.industry-news{
    	margin:0 0 0 2%;
    }
    .shwiLeft{
	    padding-top: 8px;
	    padding-right:10px; 
	}
	.shanHaojs h2{
	    font-size: 24px;
	    line-height:24px;
	}
	.shanHaojs strong{
	    font-size: 20px;
	    line-height: 20px;
	    background: none;
	    padding: 15px 0;
	}
	.shwiLeft p{
	    font-size: 14px;
	    line-height: 20px;
	}
	.shwiLeft h3{
	    font-size: 16px;
	    line-height: 24px;
	    padding: 12px 0;
	}
	.shwiLeft h5{
	    font-size: 12px;
	    line-height: 26px;
	}
	.shwadbar div{
	    width: 40%;
	    padding:3% 2% 0;   
	}
	.proSubRight li{
	    margin-left:15px;
	    float: left;
	    margin-bottom:10px; 	   	  
	    box-sizing: border-box;
	    border:1px solid #e4e4e4; 
		line-height:28px;
	}
	.porCouli{
	    width:-webkit-calc(50% - 8px);
	}
	.porCouli h3{
		text-align: center;
	    font-size: 18px;
	    line-height: 26px;
	    padding: 15px 0;
	}
	.porCouli .media {
		margin-top:15px 
	}
	.porCouli .media .pull-left{
		float: none !important;
		width:100%;
		margin-bottom: 10px; 
		padding: 0;
	}
	.porCouli .media .pull-left img{
		width:60%;
		margin:0 auto;  
	}
	.projectValue {
   	 	background: url(../images/shhbg.png) no-repeat center 25px;
   		margin: 40px 0 20px;
	}
	.projectValue h2{
	    font-size: 26px;
	    line-height: 26px;
	}
	.lecturerTeam>h2{
	    font-size: 26px;
	    line-height: 26px;
	    color:#161616;
	    padding-top: 30px;
	}
	.lectuTeamp{
		margin-bottom:25px;  
	}
	.lecTeamDiv{
    	margin:0 -8px;  
	}
	.lecTeamli{
	    padding:0 8px;
	}
	.lecTeamli .caption{
 	   padding: 10px;
	}
	.lecTeamli .caption a{
	    margin: 10px 0 25px; 
	}
	.lecturerTeam .PageBraek,.hotNews .PageBraek{
 	   margin:26px 0 74px; 
	}
	.listEn{
	    padding: 30px 0;
	}
	.listEnLeft{
	    margin-left: -10px;
	}
	
	.listEnli a{
	    display: block;
	    height: 32px;
	    line-height: 32px;
	    font-size: 14px;
	}
	.listEnTab h3{
	    padding: 12px 0 8px;
	    margin-bottom: 12px;
	}
	.listEnTab h4{
	    line-height: 24px;
	}
	
	.listEnTab p{
	    text-align: center;
	    margin-top: 12px;
	}
	.serRtop{
    	margin-left: 0;

	}
	.serRtop a{
	    float: left;
	    width: 23%;
	}
	.serRtop div{
	    float: right;
	    width: 77%;
	}
	.serRtop h3{
	    font-size: 18px;
	    line-height: 30px;
	}
	.serRtop p{
	    font-size: 14px;
	    line-height: 20px;
	}
 	.serviRight{
 	    width: 100%;
	}
	.serviceCase .PageBraek,.hotNews .PageBraek{
		margin:36px 0; 
	}
	.newMedia .media-body h4{
	    margin: 0 0 13px;
	    font-size: 18px;
	    line-height: 18px;
	}
	.newMedia .media-body{
	    padding-left: 3.5%;
	}
	.newMedia{
	    background: #f9f9f9;
	    padding: 34px 0 40px; 
	}
	.joinTop h2{
	    font-size: 26px;
	    line-height: 26px;
	    margin-bottom: 14px;
	}
	.joinTop  p{
	    line-height: 24px;
	}
	.joinTop  h4{
	    font-size: 18px;
	    line-height: 18px;
	} 
	.joinBot h3{
	    font-size:22px;
	    line-height:22px;
	    margin-bottom: 10px;
	    font-weight: bold;
	}
	.joinBot p{
	    line-height: 24px;
	}
	.joinBot h4{
	    font-size: 18px;
	    line-height: 18px;
	}
	.joBotposi{
	    padding: 4% 0 0 4.5%;
	}
	.joBotposi h4:nth-child(2n+1){
	    margin-top: 16px;
	}
	.joinsh{
	    margin-bottom: 60px;
	}
	.splendid{
	    padding: 36px 0; 
	}
	.splenChar p{
	    margin-bottom: 30px;
	}
	.splenLi{
	    padding-right: 8px; 
	}
	.splenLi:nth-child(2n){
	    padding-left: 8px;    
	}
	.liveGoodPosi h4{
	    font-size: 26px;
	    line-height: 26px;
	}
	.liveGoodPosi h5{
	    font-size: 30px;
	    line-height: 30px;   
	}
	.liveVideo{
	    margin:0 -8px; 
	}
	.liveLi{
	    padding:0 8px;
	}
	.liveLi h3{
	    margin: 6px 0 18px;
	}
	.liveLi a div:after{
	    margin-top: -8px;
	    margin-left: -2px;
	    display: block !important;
	    border-top: 8px solid transparent; 
	    border-right: 8px solid transparent; 
	    border-bottom: 8px solid transparent; 
	    border-left: 8px solid #fff; 
	}
	.lecturerTeam .PageBraek{
		margin: 18px 0 50px;
	}
	.serDeTitle{
	    padding: 36px 0;
	}
	.serDeTitle h2{
	    font-size: 32px;
	    line-height: 32px;
	}
	.serDetails p{
	    margin:36px 0;
	}
	.instop,.givetop,.tutor_intro_top{
	    padding: 36px 0 24px;
	}
	.instop h3,.givetop h3{
    	font-size: 18px;
    	line-height: 18px;
    } 
    .tutor_intro_top .right a{
		padding-left:0;
	}
	
.index-bar {
    background: url(../images/indexbg01.jpg) no-repeat center center;
    height: auto;
    width: 100%;
}	
	
	.i_news{ margin:50px auto;}
	.i_news dl{ width:100%; border-bottom:1px dashed #333; margin-bottom:15px; padding-bottom:15px;}
	.i_news dl dd{ width:25%; float:left;}
	.i_news dl dd img{ width:100%;}
	.i_news dl dt{ width:70%; float:right}
	.i_news dl dt h2 a{color:#fff;}
	.i_news dl dt p{color:#666;}
	.serDetails img{ width:90%; text-align:center;}
	
	
	
.lecTeamDiv li {
    width: 30%;
    margin: 6px;
    float: left;
    box-sizing: border-box;
    border: 1px solid #c7c7c7;
    height: auto;	
    position: relative;
	text-align:center;
	padding:10px 0;
}

.listEnTab {
    width: 80%;
    margin: 0 auto;
    color: #333;
	padding:10px 0;	
}

.detail_img{ text-align:center; padding:10px 0;}

.view_pro {
    position: relative;
    width: 100%;
    height: 740px;
}

.view_content {
  position: relative;
    bottom: 0;
    width: 100%;
}

.proview_bg {
    width: 100%;
    height: 740px;
    background: none;
}


.listEnRight {
    float: left;
    width: 45%;
    background: #fff;
    height: auto;
    margin: 0;
    padding: 0;
}



.listEnTab p{text-align:left;}
.listEnTab h2{text-align:left; color:#333;}

.lecTeamDiv li h3{line-height:40px;}	
	
	
	.porCouli {
    padding: 0 22px;
    margin-top: 23px;
    float: left;
    width: 44%;
    box-sizing: border-box;
    margin-right: 5px;
}
	.navbar .collapse .navbar-nav li a {
    padding-bottom: 10px;
    font-size: 14px;
    color: #fff;
}
.mes_tab{ width:100%; margin:0 auto;}
.text {
    background: #f4f4f4;
    line-height: 36px;
    width: 90%;
    margin: 10px 0;  
    border: 0;
    margin-left: 10px;
}	
.textarea {
    background: #f4f4f4;
    height: 100px;
    width: 85%;
    margin: 10px 0;
        margin-left: 0px;
    border: 0;
    margin-left: 10px;
} 
.t{ width:15%;}
}	
@media screen and (max-width:767px){
	.navbar-header{
		width: auto;
	}
	.tutor_intro_top .right a{
		padding-left:0;
	}
	.mtdwei{
		padding-left: 23px;
	}
	.mtdwei span{
		margin: 5px 0 15px;
	}
	.mtdwei p{
		line-height: 20px;

	}
	.mtdwei h4{
		padding:10px 0 10px; 
	}             
	.mtdwei h5{
		line-height: 20px;
	} 
	
}
@media screen and (max-width: 640px){
	.navigat{
	    position:relative;
	}
	.navbar{
		margin: 0 -15px;
		padding:0 10px; 
		background: none;
		border:0; 
	}
	.title h2 b{
		background-position:center 40px;
    	padding-bottom: 20px;
	    font-size: 22px;
	}
	.header-top,.title h2  p,.bx_wrap ul li div span,.notice,.index-news ul,.PageBraek span:nth-child(n+4),.newMedia .media-body p:nth-child(n+3).newMedia .media-body p:nth-child(n+3){
		display: none;
	}
	.title h2 b{
	    font-size: 18px;
	}
	.title h2{
		margin-bottom: 10px
	}
	.bx_wrap ul li .icon a{
	    height: 100px;
	    width: 100px;
	}
	.bx_wrap .icon {
	    width: 100px;
	    height: 102px;
	}
	.bx_wrap li{
	    width: 205px;
	}
	.bx_wrap .bx_container .bx_wrap div {
	    padding: 20px 0 0;
	}
	.sucCase{
	    text-align: center;
	    padding: 30px 0 24px;
	}
	.index-lecturer-bg{
	    padding-top:20px; 
	}

	.index-lecturer dd{
	    float: right;
	    width: 48%;
	    margin-top: 100px;
	}   
    .index-lecturer dd h2{
	    font-size: 24px;
	    padding-bottom: 10px;
	    background:none;
	}
	.index-lecturer dd div{
	    margin-top: 5px
	}

	.index-lecturer dd div em{
	    font-size: 20px;
	}
	.index-lecturer-a a{
	    padding:5px 10px;
	}
	.indexFirm{
	    background:url(../images/inFiBg.jpg) no-repeat center bottom;
	    padding:36px 0 24px; 
	}
	.index-about-fl, .index-about-fr{
		width: 100%;
		text-align: left;
	}
	.idnexAbouts{
	    padding: 35px 0 36px; 
	}
	.index-news h3{
	    font-size: 18px;
	}
	.footer-bg{
		padding: 15px 0
	}
	.footer span{ 
		display: block;
		float: none;
		margin-top:10px;
	}
	.crumbs{
  	  height: 36px;
	}
	.crumbs p,.crumbs a{
	    line-height: 36px;
	}
	.carousel-indicators{
	    bottom: 40px;
	}
	.shanHaoWhatIs{
    	padding-top: 36px;
    	border-bottom: 1px solid #e5e5e5;
	}
	.shwiLeft{
	    float: none;
	    width: 100%;
	    box-sizing: border-box;
	    padding:24px 10px 15px;
	}

	.shwiRight{
	    float: none;
	    width:100%;
	    font-size: 0;
	}
	.shwiRight img{
		margin: 0 auto;
	   width: 40%;
	   height: 40%;
	   display: block;
	}
	.shwadbar div{
	    width: 85%;
	}
	.shanHaowad h2,.shanHaodydi h2{
	    padding-top: 36px;
	}
	.proSub{
	    padding-top:20px; 
	}
	.projectContent{
	    background: #f9f9f9;
	    padding:4px 0 44px; 
	}
	.PageBraek span:last-child{
	  display: inline-block;
	}
	.lecTeamli .caption a{
	    width: 86px;
	    height: 24px;
	    line-height: 24px;
	    font-size: 12px;
	    border-radius: 24px;
	    margin: 10px 0 15px; 
	}
	.lecTeamli{
	    padding:0 5px;
	}
	.lecTeamDiv{
	    margin:0 -5px;  
	}
	.serRtop div{
	    padding: 9px 15px; 
	}
	.serRtop p{
	    font-size: 12px;
	    line-height: 18px;
	    -webkit-line-clamp:3;
	}
	.serviLi{
 	   padding:16px 0; 
    	border-bottom: 1px dashed #c4c4c4;
	}
	.serviceCase .projectValue{
		margin:30px 0 10px; 
	}
	.newMedia .media-body h4{
	    margin: 10px 0 10px;
	}
	.splenLink div:before{
	    width: 18%;
	    height: 28%;
	    margin-top: -9%;
	    margin-left: -9%;
	}
	.liveGoodPosi h4{
	    font-size: 22px;
	    line-height: 22px;
	    margin-bottom: 5px;
	}
	.liveGoodPosi h5{
	    font-size: 26px;
	    line-height: 26px;   
	}
	.liveLi a  div:before{
	   
	    width: 30%;
	    height: 36.4%;
	    margin-top: -15%;
	    margin-left: -15%;
	    border-radius: 50%;
	    border:2px solid #fff;
	}
	.liveLi a div:after{
	    margin-top: -6px;
	    margin-left: -2px;
	    border-top: 6px solid transparent; 
	    border-right: 6px solid transparent; 
	    border-bottom: 6px solid transparent; 
	    border-left: 6px solid #fff; 
	}
	.lecturerTeam .PageBraek{
		margin: 12px 0 36px;
	}
	.serDeTitle{
	    padding: 24px 0;
	}
	.serDeTitle h2{
	    font-size: 24px;
	    line-height: 36px;
	    margin:16px 0; 
	}
	.serDetails p{
	    margin:32px 0;
	}
	.instop,.givetop,.tutor_intro_top{
	    padding: 24px 0 18px;
	}
	.instop h3,.givetop h3{
    	font-size: 16px;
    	line-height: 16px;
    }
    .tutor_intro_top{
		padding: 25px 0 15px;
	}

	.tutor_intro_top .left h3{
		font-size: 18px;
		margin-bottom: 6px;
	}
	.tutor_intro_top .right img{
		width:70%;
		height: 70%
	}
}
@media screen and (max-width:639px){
	.joToLeft{
	    float: none;
	    width:100% ;
	    position: relative;
	}
	.joToposi{
	    position: relative;
	    top:0;
	    left: 0;
	    width: 100%;
	    height: 100%;    
	}
	.joToposi:before,.joToLeft img,.joToRight img,.joToLeft:before,.joToRight{
	    display: none;
	}
	.joTovtcal{
	    width: 100%;
	    background-color:#ecbc4e;
	    padding: 15px ; 
	}
	
	.joinBot h3{
	    font-size: 22px;
	    line-height: 22px;
	    color:#000;
	    margin-bottom: 22px;
	    font-weight: bold;
	}
	.joinBot p{
	    color:#000;
	    font-size: 14px;
	    line-height: 36px;
	}
	.joinBot h4{
	    font-size: 20px;
	    font-weight: bold;
	    line-height: 20px;
	    color:#000;
	    margin-bottom: 7px;
	}
	.joinBot img{
	    width: auto;
	    height:100%;
	    display: block;
	}
	.joBotposi{
	    padding: 7% 5% 0 ;
	    width:100%;
	}
	.joBotposi h4:nth-child(2n+1){
	    margin-top: 46px;
	}
	.tutor_intro_top .left h3{
		font-size: 18px;
		margin-bottom: 6px;
	}
	.tutor_intro_top .right img{
		width:70%;
		height: 70%
	}
	.mentorjs{
		padding-top: 16px;
	}

	.mtdwei{
		padding-left: 16px;
	}
	.mtdwei span{
		margin: 10px 0 20px;
	}
	.mtdwei p{
		line-height:22px;

	}
	.mtdwei h4{
		display: none;
	}             
	.mtdwei h5{
		display: none;
	} 
}
@media screen and (max-width: 480px){
	.navbar .navbar-brand{
		padding-left: 10px;
	}
	.bx_wrap li{ 
	    width: 150px;
	}
	.title h2 b{
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		background-position: center 35px;
	}
	.index-idea{
	    margin:30px 0 20px; 
	}
	.bx_wrap ul li {
	    margin: 0 15px 0 0;
	}
	
	.bx_wrap ul li div p{
		font-size: 13px;
		line-height: 18px;
		height: 54px
	}
	.bx_wrap ul li div b {
	    font-size: 16px;
	}
	.sucCase .col-xs-4{
		padding:0 5px; 
	}
	.sucCapt h3{
	    padding: 8px 0 6px;
	}
	.sucCapt p{
	    display: none;
	}
	.sucCapt a{
		display: none;
	}
	.idnexAbouts{
	    padding: 24px 0; 
	}
	.index-news dd em a{
		font-size: 15px
	}
	.index-news dd p {
	    padding-top: 5px;
	    font-size: 13px;
	}
	.footer-bg{
		margin-top: 20px;
		font-size: 13px
	}
	.footer-tell{
		font-size: 13px
	}
	.crumbs{
  	  height: 32px;
	}
	.crumbs p,.crumbs a{
	    line-height: 32px;
	}
	.carousel-indicators{
	    bottom: 36px;
	}
	.shanHaowad h2,.shanHaodydi h2{
	    padding-top: 24px;
	}
	.porCouli .media .pull-left img{
		width:80%;
		margin:0 auto;  
	}
	.porCouli h3{
		font-size:16px;
		padding: 10px  0;
	}
	.porCouli{
		padding: 0 10px;
	}
	.porCouli .media{
		margin: 10px 0;  
	}
	.porCouli .media p{
	   display: none;
	}
	.porCouli .media-body span{
	    display: none;
	}
	.porCouli .media .pull-left img{
		width:100%;
		margin:0 auto;  
	}
	.projectValue {
   	 	background: url(../images/shhbg.png) no-repeat center 20px;
   		margin: 36px 0 20px;
	}
	.projectValue h2{
	    font-size: 20px;
	    line-height: 20px;
	}
	.lecTeamli{
	    padding:0 5px;
	    width: 50%;
	}
	.lecturerTeam>h2{
		font-size: 20px;
	}
	.listEnRight{
	    float: none;
	    width: 100%;
	}
	.listEnLeft{
	    display: none;
	}
	.serRtop h3{
	    font-size: 14px;
	}
	.serviceCase .PageBraek{
		margin:24px 0; 
	}
	.newMedia{
	    background: #f9f9f9;
	    padding: 24px 0 24px; 
	}
	.newMedia .media-body h4{
	    margin: 3px 0 8px;
	}
	.newMedia .media-body p{
		margin-bottom: 10px;
	}
	.hotNewLi{
		padding:24px 0; 
	}
	.joinsh{
	    margin-bottom: 40px;
	}
	.splenP span{
	    width: 100px;
	    height: 32px;
	    line-height: 32px;
	    font-size: 14px;
	}
	.splenP a{
	    line-height: 32px;
	}
	.splenChar h3{
		font-size: 16px;
	    margin:18px 0 10px;
	}
	.splenChar p{
	    margin-bottom: 16px;
	}
	.splenLink div:before{
	    width: 22%;
	    height: 34%;
	    margin-top: -11%;
	    margin-left: -11%;
	}
	.liveGoodPosi h4{
	    font-size: 18px;
	    line-height: 18px;
	}
	.liveGoodPosi h5{
	    font-size: 22px;
	    line-height: 22px;   
	}
	.liveVideo{
	    margin:0 -5px; 
	}
	.liveLi{
	    padding:0 5px;
	}
	.liveLi{
	    width: 50%;
	}
}
@media screen and (max-width: 400px){
	.index-lecturer-bg{
	    padding-top:20px; 
	}

	.index-lecturer dd{
	    float: right;
	    width: 48%;
	    margin-top: 50px;
	}   

	.index-lecturer dd h2{
	    font-size: 18px;
	    padding-bottom: 10px;
	}

	.index-lecturer dd div{
	    margin-top: 5px
	}

	.index-lecturer dd div em{
	    font-size: 18px;
	    padding-bottom: 5px;
	}
	.index-lecturer-a a{
	    padding:5px 10px;
	    font-size: 12px
	}
	.shwadbar div{
	    position: absolute;
	    top:0;
	    right:0;
	    width:100%;
	    height: 100%; 
	    font-size: 14px;
	    line-height: 20px;
	    padding:4% 2% 0;   
	}
	.crumbs{
  	  height: 24px;
	}
	.crumbs p,.crumbs a{
	    line-height: 24px;
	}
	.carousel-indicators{
	    bottom: 28px;
	}
	.porCouli h3{
		font-size:14px;
	}
	.porCouli{
	    margin-top:16px; 
	    width:-webkit-calc(50% - 5px);
	}
	.serviceCase .projectValue{
		margin:24px 0 0; 
	}
	.joinBot h3{
	    font-size: 22px;
	    line-height: 22px;
	    color:#000;
	    margin-bottom: 22px;
	    font-weight: bold;
	}
	.joinBot p{
	    color:#000;
	    font-size: 14px;
	    line-height: 32px;
	}
	.joinBot h4{
	    font-size: 14px;
	    font-weight: bold;
	    line-height: 14px;
	    color:#000;
	    margin-bottom: 7px;
	}
	.joinBot img{
	    width: auto;
	    height:100%;
	    display: block;
	}
	
	.joBotposi h4:nth-child(2n+1){
	    margin-top:26px;
	}
	.splenLink div:before{
	    width: 28%;
	    height: 44%;
	    margin-top: -14%;
	    margin-left: -14%;
	}
	.liveGoodPosi h4{
	    font-size: 14px;
	    line-height: 14px;
	}
	.liveGoodPosi h5{
	    font-size: 18px;
	    line-height: 18px;   
	}
	.mtdwei span{
		margin: 5px 0 10px;
		width:100px;
		height: 30px; 
		font-size: 14px;
		line-height: 30px;
	}
	
	
}}