#culture{ padding-bottom:30px}
#culture .wrapper{}
#culture .btns{ text-align:center; margin-top:40px;}
#culture .btns a{ display:inline-block; background-color:#0E842C; line-height:40px; padding:0px 50px; color:#fff;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
#culture .btns a.current{ background-color:#ddd !important; cursor:default}
#culture .btns a:hover{ background-color:#0066cc;}
.culture-content{ height:600px; position:relative;  margin-top:30px; overflow:hidden; width:1200px;}
.culture-content .page1{ height:460px; width:1201px; position:absolute;top:0; left:0;transition: all 1200ms cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 1200ms cubic-bezier(0.215,.61,.215,1);-moz-transition: all 1200ms cubic-bezier(0.215,.61,.215,1);-o-transition: all 1200ms cubic-bezier(0.215,.61,.215,1);}
.culture-content .page1.hover{ left:-1201px;}
.culture-content .item1{width:397px; height:589px; overflow:hidden; float:left; position:relative;-moz-opacity:0;opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s; cursor:pointer}
.culture-content .item1.hover{-moz-opacity:1;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
.culture-content .item1 img{ -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s; width:397px; height:589px} 
.culture-content .item1 em{ display:block; width:397px; height:589px; position:absolute; left:0;top:0; z-index:2; background-color:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.culture-content .item1 strong{ display:block; width:397px; text-align:center; position:absolute; left:0;top:150px; font-weight:normal; text-align:center; color:#fff; z-index:3; font-size:22px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.culture-content .item1 strong img{ width:80px; height:137px;}
.culture-content .item1 p{ display:block; width:330px; font-size:26px; font-weight:bold; text-align:center; position:absolute; left:0;top:320px; text-align:center; color:#fff; z-index:3; padding:0px 30px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.culture-content .item1 p img{ width:291px; height:72px;}
.culture-content .item1:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.culture-content .item1:hover strong img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
.culture-content .item1:hover em{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

.culture-content .item2{width:390px; height:294px; overflow:hidden; float:left; margin-left:1px; margin-bottom:1px; position:relative;-moz-opacity:0;opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s; cursor:pointer}
.culture-content .item2.hover{-moz-opacity:1;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
.culture-content .item2 img{ -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s; width:390px; height:294px} 
.culture-content .item2 em{ display:block; width:390px; height:294px; position:absolute; left:0;top:0; z-index:2; background-color:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.culture-content .item2 strong{ display:block; width:390px; text-align:center; position:absolute; left:0;top:130px; text-align:center; color:#fff; z-index:3; font-size:24px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.culture-content .item2 p{ display:block; width:330px; text-align:center; position:absolute; left:0;top:180px; text-align:center; color:#fff; z-index:3; padding:0px 30px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.culture-content .item2:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.culture-content .item2:hover strong{top:110px}
.culture-content .item2:hover em{ filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.culture-content .item2:hover p{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;top:150px}

.page2{ width:1201px; height:460px;position:absolute;top:0; left:1200px;transition: all 1200ms cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 1200ms cubic-bezier(0.215,.61,.215,1);-moz-transition: all 1200ms cubic-bezier(0.215,.61,.215,1);-o-transition: all 1200ms cubic-bezier(0.215,.61,.215,1); }
.page2.hover{ left:0;}
.culture-content .item3{width:294px; height:294px; overflow:hidden; float:left; margin-right:1px; margin-bottom:1px; position:relative;-moz-opacity:0;opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s; cursor:pointer}
.culture-content .item3.hover{-moz-opacity:1;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
.culture-content .item3 img{ -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s; width:294px; height:294px} 
.culture-content .item3 em{ display:block; width:294px; height:294px; position:absolute; left:0;top:0; z-index:2; background-color:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.culture-content .item3 strong{ display:block; width:294px; text-align:center; position:absolute; left:0;top:130px; text-align:center; color:#fff; z-index:3; font-size:24px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.culture-content .item3 p{ display:block; width:235px; text-align:center; position:absolute; left:0;top:180px; text-align:center; color:#fff; z-index:3; padding:0px 30px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.culture-content .item3:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.culture-content .item3:hover strong{top:110px}
.culture-content .item3:hover em{ filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.culture-content .item3:hover p{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;top:150px}


.c-idea-view{ line-height:190%; padding:40px 50px;  font-size:14px;}
.c-idea-view h2{ font-size:18px; text-align:center; padding-bottom:10px; width:66%; margin:0 auto}
.c-idea-view p{ margin-bottom:10px;}