/*header css*/
.header {background: url(../images/1920x500.jpg) center no-repeat; height: 350px; /*display: table-row;*/}

.content-wrap { /*width: 1920px; margin: 0 auto; display: table-cell; vertical-align: middle;*/text-align: center; }

.content-wrap h2 { text-align: center; font-size: 80px; color: #fff; margin-bottom: 0;}

.content-wrap p { width: 90%; margin: 0 auto; }

.content-wrap .branddesc { font-size: 22px; color: #fff; line-height:1.6em;}

.substitute{ font-size:16px; color:#f2f2f2;}

@media (max-width: 1200px) { 
    .content-wrap p { width: 90%; margin: 0 auto; }
     }
  


/*nav*/
/*theater*/
.wrap { margin-top: 45px; }

/*cmc第四版*/
.figure { position: relative; border: 1px solid #888; margin-top: 60px; height: 380px; transition: background 0.2s; -webkit-transition: background 0.2s;}

.figure .link{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; display:block; width:100%; height:auto; z-index:999 ;background:#ddd;opacity:0;filter:alpha(opacity=0);}

.figure .buoy { padding: 10px; width: 220px; height: 180px; margin: 0 auto; margin-top: -60px; text-align: center; transition: all 0.3s ease-in-out 0.05s; -webkit-transition: all 0.3s ease-in-out 0.05s; position: relative;}

.figure .buoy .star { width: 10px; height: 10px; margin: 0 auto; margin-top: 10px; background: #5a5a5a; transform: rotate(45deg); -webkit-transform:rotate(45deg);}

.figure .buoy:after, .figure .buoy:before { content: ""; position: absolute; bottom: 20px; width: 95px; height: 1px; background: #5a5a5a; transform: rotate(0); -webkit-transform:rotate(0);}

.figure .buoy:after { left: 0; }

.figure .buoy:before { right: 0; }

.figure .buoy h3 { font-size: 18px; line-height:1.2em; height:2.4em; }

.figure .intro { color: #777; font-size: 14px; margin: 0; padding: 0 20px 20px 20px; line-height:1.65em; opacity: 1; filter:alpha(opacity=100);transition: opacity 0.15s; -webkit-transition: opacity 0.15s; transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}

.figure:hover { background: #375480; }

.figure:hover .buoy { margin-top: 15%; }

.figure:hover .buoy h3 { color: #fff; }

.figure:hover .buoy .star { background: #fff; }

.figure:hover .buoy:after, .figure:hover .buoy:before { background: #fff; }

.figure:hover .intro { opacity: 0; filter:alpha(opacity=0); transition-delay: 0s; -webkit-transition-delay: 0s;}

@media(min-width:960px) and (max-width:1200px){.figure {height: 395px;}}

@media (max-width: 960px) { 
    .header{height:200px;}
	.content-wrap h2 { font-size: 28px; color: #f2f2f2; }
    .content-wrap p { width: 100%; margin: 0 auto; }
    .content-wrap .branddesc { font-size: 16px; color: #f2f2f2; line-height: 1.5em;}
    .figure {margin-top:60px; height: 340px;}
    .figure .buoy{ width: 188px;} 
    .figure .buoy h3{ font-size: 16px;}
    .figure .intro{ font-size: 15px; line-height: 1.5em;padding: 20px;}
    }

@media (max-width: 767px) { 
  .content-wrap .branddesc { font-size: 14px; }
  .figure {height: auto;}
  .header {  height: 180px; }
  .figure .buoy { width: 300px; }
  .figure .buoy h3{ height: 3.4em;}
  .figure .buoy:after, .figure .buoy:before{ width: 142px; bottom: 10px;}
   .figure .intro{ font-size: 14px; line-height: 1.5em;padding: 10px;}
 }