@media (max-width: 1160px) { .fengengdaol{ height: 0px; } .s-skin-container , .flex-viewport , .slides , .slides li , #demo02{ background-position: center 0; background-repeat: no-repeat; background-size: cover; height: 42vw; left: 0; min-width: 52.0833vw; top: 0; width: 100%; } #wrapper { height: 100%; } .cd-main-content ,.mhome_1{ width: 100%; height: 100%; } #video { height: 100%; } /* flexslider */ .flexslider { margin-bottom:0px; position:relative; top: 0; zoom:1; } .flex-viewport { max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease; } .flexslider .slides { zoom:1; } .flex-direction-nav{ display: none; } .flex-direction-nav a { width: 3.3854vw ; height: 0.3646vw ; line-height:99em; overflow:hidden; display:block; position:absolute; top:39%; z-index:10; cursor:pointer; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .3s ease; } .flex-direction-nav .flex-next { right:0; } .flex-direction-nav .flex-prev { } .flexslider:hover .flex-next { opacity:0.8; filter:alpha(opacity=25); } .flexslider:hover .flex-prev { opacity:0.8; filter:alpha(opacity=25); } .flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover { opacity:1; filter:alpha(opacity=50); } .flex-control-nav { margin: 0 auto; width: 62.5vw; position:relative; bottom: 18px; text-align:center; height: 0.3646vw; line-height:0.3646vw ; } .flex-control-nav li { margin-left: 2.2083vw; display:inline-block; zoom:1; *display:inline; } .flex-control-paging li a { border-radius: 100px; display:block; height: 1.25vw; overflow:hidden; text-indent:-99em; width: 1.25vw ; color: #1C79BE; cursor:pointer; background-color: #1C79BE; background-size: 1.1979vw 1.1979vw; } .flex-control-paging li a.flex-active { border-radius: 0.7813vw; height: 1.25vw; width: 3.5937vw; color: #fff; background-position:0 0; background-color: #fff; background-size: 1.1979vw 1.1979vw; } .img { text-align:center; } .flex-direction-nav a { width: 2.9167vw; height: 2.9167vw; overflow:hidden; display:block; position:absolute; top:39%; z-index:10; cursor:pointer; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .3s ease; } .flex-prev{ } .flex-prev:hover{ } .flex-next{ } .flex-next:hover{ } .flex-direction-nav .flex-next { right:0; } }