.bodywrap .package img{ border:0 none; width:auto\9; max-width:100%; vertical-align:top; height:auto; -ms-interpolation-mode: bicubic;/*windows平台缩放图片时,可能出现图像失真现象*/ width: 100%; } .bodywrap .banner{ overflow: hidden; width: 100%; } .bodywrap .swiper-container{ width: 100%; height:100%; } .bodywrap .swiper-pagination-bullet { width:40px; height:4px; display: inline-block; border-radius: 0; background: #000; opacity: .2; } .bodywrap .swiper-pagination-bullet-active { opacity: 1; background: #21b3ba; } .bodywrap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .bodywrap .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 36px; } .bodywrap .pic{ width: 100%; height:100%; position: relative; } .bodywrap .pic img{ display: block; max-height: none; max-width: none; position: absolute; } .bodywrap .pic video{ position: absolute; } .bodywrap .pic .txt { text-align: center; height: 180px; z-index: 3; position: absolute; top:50%; z-index: 999; } .bodywrap .pic .txt.left{ left:10%; top: 50%; margin-top: -90px; } .bodywrap .pic .txt.right{ right:10%; top: 50%; margin-top: -90px; } .bodywrap .pic .txt.center-top{ top:30%; margin-top: -90px; width: 100%; text-align: center; } .bodywrap .pic .txt.center { top: 50%; margin-top: -90px; width: 100%; text-align: center; } .bodywrap .pic .txt h2 { font-size:24px; font-weight: lighter; color: #fff; } .bodywrap .pic .txt p { font-size:50px; color: #fff; padding: 18px 0; } .bodywrap .pic .txt a { color: #fff; font-size: 14px; display: inline-block; width: 130px; height: 38px; line-height: 38px; -moz-border-radius: 30px; border-radius: 30px; border:1px solid #fff; text-align: center; } .bodywrap .pic .txt.black h2 { color: #000; } .bodywrap .pic .txt.black p { color: #000; } .bodywrap .pic .txt.black a { color: #fff; background: #000; border:1px solid #000; } .bodywrap .menu{ margin:0 auto; text-align: center; padding:78px 0; } .bodywrap .menu li{ display: inline-block; margin: 0 45px; } .bodywrap .menu li:hover img{ opacity: 1; } .bodywrap .menu li a{ display: inline-block; } .bodywrap .menu li img{ display:inline-block; width:50px; height: auto; opacity: 0.7; } .bodywrap .menu li p{ margin-top:10px; font-size: 14px; color: #000; } .bodywrap .switch{ width: 100%; } .bodywrap .switch .col-lg-6{ padding: 0; } .bodywrap .switch .pr{ margin-right: 12px; } .bodywrap .switch .pl{ margin-left: 12px; } .bodywrap .switch .pack{ position: relative; overflow: hidden; } .bodywrap .switch .pack img{ -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .bodywrap .switch .pack img:hover{ cursor: pointer; transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } .bodywrap .switch video{ display:block; width: 100%; height:100%; } .bodywrap .switch .pack .icon{ position: absolute; bottom:15px; left:50%; line-height: 30px; margin-left: -66px; } .bodywrap .switch .pack .icon img{ display: inline-block; width: 60px; height:27px; vertical-align: middle; } .bodywrap .switch .pack .icon i{ display: inline-block; width: 2px; height:25px; vertical-align: middle; margin: 0 6px; } .bodywrap .switch .pack .icon span{ display: inline-block; font-size:16px; vertical-align: middle; } .bodywrap .switch .icon_black i{ background: #32211b; } .bodywrap .switch .icon_black span{ color: #32211b; } .bodywrap .switch .icon_white i{ background: #fff; } .bodywrap .switch .icon_white span{ color: #fff; } .bodywrap .switch .pr .word{ position: absolute; display: block; width:300px; top: 50%; left: 50%; margin-left:-150px; margin-top: -67px; } .bodywrap .switch .pl .word{ position: absolute; display: block; width: 300px; top: 50%; left: 50%; margin-left:-150px; margin-top: -20.5px; } .bodywrap .link{ margin:35px 0; } .bodywrap .link .col-lg-4{ padding:0; } .bodywrap .link .wrap div{ overflow: hidden; } .bodywrap .link .wrap img{ -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .bodywrap .link .wrap img:hover{ cursor: pointer; transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } .bodywrap .link .pic1{ padding-right:10px; } .bodywrap .link .pic2{ padding: 0 5px; } .bodywrap .link .pic3{ padding-left:10px; } .bodywrap .link video{ display:block; width: 100%; height:100%; } /* 修改轮播图6-21 */ .fullSlide{ width:100%; height: 100%; position:relative; background:#000; } .fullSlide .bd{ width: 100%; height: 100%; margin:0 auto; position:relative; z-index:0; overflow:hidden; } .fullSlide .bd ul{ width:100%!important; height:100%!important; } .fullSlide .bd li{ width:100%!important; height: 100%!important; overflow:hidden; text-align:center; } .fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:36px; left:0; height:10px; line-height:10px; } .fullSlide .hd ul{ text-align:center; } .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width: 40px; height: 4px; background: #000; opacity: .2; margin: 0 6px; overflow: hidden; line-height:9999px; } .fullSlide .hd ul .on{ opacity: 1; background: #21b3ba; } .fullSlide .bd li .pic{ width: 100%; height: 100%; position: relative; } .fullSlide .bd li .pic img, .fullSlide .bd li .pic video{ position: absolute; }