.headwrap h1{ width: 120px; height: 120px; background: #fff; position: absolute; left: 0; top: 0; z-index: 899; padding: 0; } .headwrap h1 a{ display: block; width: 83px; height: 56px; margin: 32px auto 0; } .bodywrap .package img{ border:0 none; width:auto\9; max-width:100%; vertical-align:top; height:auto; -ms-interpolation-mode: bicubic;/*windows平台缩放图片时,可能出现图像失真现象*/ } .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: #c70019; } .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{ width:1200px; margin:0 auto; text-align: center; padding:78px 0; } .bodywrap .menu li{ display: inline-block; margin: 0 30px; } .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; } .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: 30px; height:30px; 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 .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%; } body,html{ overflow-x:hidden;} .videobox{ width:100%; position:relative; overflow:hidden; height:710px;} .videobox video{ width:100%;position: absolute;} .videobox .zz{ position:absolute; left:0; top:0; width:100%; height:100%;} .videobox .zz p{ background:url(/uploads/image/phei/video.png) no-repeat center top; padding-top:136px; text-align:center; font-size:24px; color:#fff;text-transform: uppercase; width:260px; height:113px; position:absolute; left:50%; top:50%; margin-left:-130px; margin-top:-85px; cursor:pointer;} .wzinfo{ width:100%; padding:120px 0; text-align:center; color:#000; background:#fff;} .wzinfo h2{ font-size:36px; font-weight:bold; color:#000;} .wzinfo p{ font-size:14px; padding:38px 0;} .wzinfo a.more{ width:180px; height:45px; line-height:45px; background:#000; color:#fff; font-size:14px; text-align:center; display:inline-block; border-radius: 5px; text-transform: uppercase;} .lxbox{ height:600px; width:100%; background:url(/uploads/image/phei/banner001.jpg) no-repeat center center; background-size: cover; position:relative;} .lxinfo{ width:570px; height:310px; position:absolute; left:50%; top:50%; margin-left:-285px; margin-top:-155px; background:#c70019;} .lxinfo .addr{ width:440px; padding-top:45px; background:url(/uploads/image/phei/icon001.png) no-repeat center top; text-align:center; color:#fff; margin:0 auto; margin-top:55px;} .lxinfo .addr .f15{ font-size:15px; margin-top:12px;} .lxinfo .tel{ padding-top:25px; background:url(/uploads/image/phei/icon002.png) no-repeat center top; text-align:center; color:#fff; margin:0 auto; margin-top:20px;} .lxinfo .tel .number{ font-size:22px; padding-top:12px;} .sppage{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; display:none;} .spbg{width: 100%;height: 100%;position: absolute;z-index: 998;background:rgba(255,255,255,0.3);} .spmain{ width:800px; height:500px; position: fixed; left:50%; top:50%; margin-left:-400px; margin-top:-250px;z-index:999;} .sppage .close{ background: url(/uploads/image/phei/close2.png) no-repeat; position:absolute; right:30px; top:30px; width:69px; height:69px; z-index:9999; cursor: pointer; opacity:0.8;} /* 修改轮播图6-21 */ /* 修改轮播图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: #c70019; } .fullslide .bd li .pic{ width: 100%; height: 100%; position: relative; } .fullslide .bd li .pic img, .fullslide .bd li .pic video{ position: absolute; }