Template:Fudan-CHINA/moreMenu

.trade-content{ background-color: rgba(245,245,245,1); padding:0 0 3.5vw 0; margin: 0; } .trade-title { 

   color: #333; 
   text-align: center;
   padding: 3.5vw 0 1vw 0;

margin: 0 0 3vw 0; 

   position: relative;

}

.trade-title:before { 

   content: "";
   position: absolute;
   width: 0;
   height: 0;
   bottom: -1.7vw;
   left: 50%;
   transform: translateX(-50%);
   border: 0.6vw solid;
   border-color:rgba(0,201,161,1.00) transparent transparent;

}

.trade-title:after { 

   content: "";
   position: absolute;
   width: 6.5vw;
   height: 0.08vw;
   background-color: rgba(0,201,161,1.00);
   bottom: -0.5vw;
   left: 50%;
   transform: translateX(-50%);

}

.trade-box-item a { 

   text-decoration: none;
   color: #000;

position: absolute; 

   width: 100%;
   height: 100%;
   left: 0;
   top: 0;

}


.trade-box { 

   width: 90% !important;
   margin: 0 auto;
   position: relative;
   transition: all .3s ease;

}

.trade-box-list { 

   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;

}

.trade-box-item { 

   flex: 1;
   text-align: center;
   position: relative;
   height: 26vw;
   background: no-repeat center;
   background-size: 100% auto;

}

.trade-content .trade-box-item:before { 

   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background-color: rgba(0,0,0,.6);
   transition: all .4s cubic-bezier(.4, 0, .2, 1);

}

.item-logo { 

   margin: 0 auto;
   display: block;

}

.trade-content .trade-box-item .item-logo { 

   position: relative;
   margin-top: 8vw;
   transition: all .4s cubic-bezier(.4, 0, .2, 1);

}

.item-logo i { 

   display: block;
   margin: 0 auto;
   max-width: 100%;

color: white; font-size: 3.5vw; }

.item-title { 

   font-size: 1.8vw;
   font-weight:700;
   color: #fff;
   padding: 0.7vw 0;
   position: relative;

font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; }

.trade-content .item-title:before { 

   content: "";
   position: relative;
   display: block;
   width: 3vw;
   border-bottom: 0.1vw solid #fff;
   margin: 0 auto 2vw;
   transition: all .4s cubic-bezier(.4, 0, .2, 1);

}

.item-text { 

   position: relative;
   transition: all .4s cubic-bezier(.4, 0, .2, 1);
   opacity: 0;

padding: 2vw; color: #fff; 

   font-size: 1.5vw;

font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; }


.trade-content .item01 { 

   background-image: url("T--Fudan-CHINA--projectBgImg1.png");

}

.trade-content .item02 { 

   background-image: url("T--Fudan-CHINA--modelBgImg1.png");

}

.trade-content .item03 { 

   background-image: url("T--Fudan-CHINA--hpBgImg2.png");

}

.trade-content .item04 { 

   background-image: url("T--Fudan-CHINA--awardBgImg2.png");

}

.trade-content .item05 { 

   background-image: url("T--Fudan-CHINA--teamBgImg1.png");

}

.trade-content .trade-box-item:hover .item-text { 

   display: block;
   opacity: 1;
   margin-top: 0;

}

.trade-content .trade-box-item:hover:before { 

   background-color: rgba(32, 176, 159, .9);

}

.trade-content .trade-box-item:hover .item-logo { 

   margin-top: 5vw;

}

.trade-content .trade-box-item:hover .item-title:before { 

   opacity: 0;
   margin-bottom: 0;

}