/*! * ui-dialog.css * Date: 2014-07-03 * https://github.com/aui/artDialog * (c) 2009-2014 TangBin, http://www.planeArt.cn * * This is licensed under the GNU LGPL, version 2.1 or later. * For details, see: http://www.gnu.org/licenses/lgpl-2.1.html */ .ui-dialog { *zoom:1; _float: left; position: relative; background-color: #FFF; border: 1px solid #999; border-radius: 6px; outline: 0; background-clip: padding-box; font-family: Helvetica, arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #333; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .15s ease-in-out, opacity .15s ease-in-out; transition: transform .15s ease-in-out, opacity .15s ease-in-out; } .ui-popup-show .ui-dialog { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .ui-popup-focus .ui-dialog { box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); } .ui-popup-modal .ui-dialog { box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, .3); } .ui-dialog-grid { width: auto; margin: 0; padding:25px; border: 0 none; border-collapse:collapse; border-spacing: 0; background: transparent; } .ui-dialog-header, .ui-dialog-body, .ui-dialog-footer { padding: 0; border: 0 none; text-align: left; background: transparent; } .ui-dialog-header { white-space: nowrap; border-bottom: 1px solid #E5E5E5; } .ui-dialog-close { position: relative; _position: absolute; float: right; top: 13px; right: 13px; _height: 26px; padding: 0 4px; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #FFF; opacity: .2; filter: alpha(opacity=20); cursor: pointer; background: transparent; _background: #FFF; border: 0; -webkit-appearance: none; } .ui-dialog-close:hover, .ui-dialog-close:focus { color: #000000; text-decoration: none; cursor: pointer; outline: 0; opacity: 0.5; filter: alpha(opacity=50); } .ui-dialog-title { margin: 0; line-height: 1.428571429; min-height: 16.428571429px; padding: 15px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; cursor: default; } .ui-dialog-body { padding: 20px; text-align: center; } .ui-dialog-content { display: inline-block; position: relative; vertical-align: middle; *zoom: 1; *display: inline; text-align: left; } .ui-dialog-footer { padding: 0 20px 20px 20px; } .ui-dialog-statusbar { float: left; margin-right: 20px; padding: 6px 0; line-height: 1.428571429; font-size: 14px; color: #888; white-space: nowrap; } .ui-dialog-statusbar label:hover { color: #333; } .ui-dialog-statusbar input, .ui-dialog-statusbar .label { vertical-align: middle; } .ui-dialog-button { float: right; white-space: nowrap; } .ui-dialog-footer button+button { margin-bottom: 0; margin-left: 5px; } .ui-dialog-footer button { width:auto; overflow:visible; display: inline-block; padding: 6px 12px; _margin-left: 5px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .ui-dialog-footer button:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .ui-dialog-footer button:hover, .ui-dialog-footer button:focus { color: #333333; text-decoration: none; } .ui-dialog-footer button:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .ui-dialog-footer button[disabled] { pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .ui-dialog-footer button { color: #333333; background-color: #ffffff; border-color: #cccccc; } .ui-dialog-footer button:hover, .ui-dialog-footer button:focus, .ui-dialog-footer button:active { color: #333333; background-color: #ebebeb; border-color: #adadad; } .ui-dialog-footer button:active{ background-image: none; } .ui-dialog-footer button[disabled], .ui-dialog-footer button[disabled]:hover, .ui-dialog-footer button[disabled]:focus, .ui-dialog-footer button[disabled]:active { background-color: #ffffff; border-color: #cccccc; } .ui-dialog-footer button.ui-dialog-autofocus { color: #ffffff; background-color: #428bca; border-color: #357ebd; } .ui-dialog-footer button.ui-dialog-autofocus:hover, .ui-dialog-footer button.ui-dialog-autofocus:focus, .ui-dialog-footer button.ui-dialog-autofocus:active { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .ui-dialog-footer button.ui-dialog-autofocus:active { background-image: none; } .ui-popup-top-left .ui-dialog, .ui-popup-top .ui-dialog, .ui-popup-top-right .ui-dialog { top: -8px; } .ui-popup-bottom-left .ui-dialog, .ui-popup-bottom .ui-dialog, .ui-popup-bottom-right .ui-dialog { top: 8px; } .ui-popup-left-top .ui-dialog, .ui-popup-left .ui-dialog, .ui-popup-left-bottom .ui-dialog { left: -8px; } .ui-popup-right-top .ui-dialog, .ui-popup-right .ui-dialog, .ui-popup-right-bottom .ui-dialog { left: 8px; } .ui-dialog-arrow-a, .ui-dialog-arrow-b { position: absolute; display: none; width: 0; height: 0; overflow:hidden; _color:#FF3FFF; _filter:chroma(color=#FF3FFF); border:8px dashed transparent; } .ui-popup-follow .ui-dialog-arrow-a, .ui-popup-follow .ui-dialog-arrow-b{ display: block; } .ui-popup-top-left .ui-dialog-arrow-a, .ui-popup-top .ui-dialog-arrow-a, .ui-popup-top-right .ui-dialog-arrow-a { bottom: -16px; border-top:8px solid #7C7C7C; } .ui-popup-top-left .ui-dialog-arrow-b, .ui-popup-top .ui-dialog-arrow-b, .ui-popup-top-right .ui-dialog-arrow-b { bottom: -15px; border-top:8px solid #fff; } .ui-popup-top-left .ui-dialog-arrow-a, .ui-popup-top-left .ui-dialog-arrow-b { left: 15px; } .ui-popup-top .ui-dialog-arrow-a, .ui-popup-top .ui-dialog-arrow-b { left: 50%; margin-left: -8px; } .ui-popup-top-right .ui-dialog-arrow-a, .ui-popup-top-right .ui-dialog-arrow-b { right: 15px; } .ui-popup-bottom-left .ui-dialog-arrow-a, .ui-popup-bottom .ui-dialog-arrow-a, .ui-popup-bottom-right .ui-dialog-arrow-a { top: -16px; border-bottom:8px solid #7C7C7C; } .ui-popup-bottom-left .ui-dialog-arrow-b, .ui-popup-bottom .ui-dialog-arrow-b, .ui-popup-bottom-right .ui-dialog-arrow-b { top: -15px; border-bottom:8px solid #fff; } .ui-popup-bottom-left .ui-dialog-arrow-a, .ui-popup-bottom-left .ui-dialog-arrow-b { left: 15px; } .ui-popup-bottom .ui-dialog-arrow-a, .ui-popup-bottom .ui-dialog-arrow-b { margin-left: -8px; left: 50%; } .ui-popup-bottom-right .ui-dialog-arrow-a, .ui-popup-bottom-right .ui-dialog-arrow-b { right: 15px; } .ui-popup-left-top .ui-dialog-arrow-a, .ui-popup-left .ui-dialog-arrow-a, .ui-popup-left-bottom .ui-dialog-arrow-a { right: -16px; border-left:8px solid #7C7C7C; } .ui-popup-left-top .ui-dialog-arrow-b, .ui-popup-left .ui-dialog-arrow-b, .ui-popup-left-bottom .ui-dialog-arrow-b { right: -15px; border-left:8px solid #fff; } .ui-popup-left-top .ui-dialog-arrow-a, .ui-popup-left-top .ui-dialog-arrow-b { top: 15px; } .ui-popup-left .ui-dialog-arrow-a, .ui-popup-left .ui-dialog-arrow-b { margin-top: -8px; top: 50%; } .ui-popup-left-bottom .ui-dialog-arrow-a, .ui-popup-left-bottom .ui-dialog-arrow-b { bottom: 15px; } .ui-popup-right-top .ui-dialog-arrow-a, .ui-popup-right .ui-dialog-arrow-a, .ui-popup-right-bottom .ui-dialog-arrow-a { left: -16px; border-right:8px solid #7C7C7C; } .ui-popup-right-top .ui-dialog-arrow-b, .ui-popup-right .ui-dialog-arrow-b, .ui-popup-right-bottom .ui-dialog-arrow-b { left: -15px; border-right:8px solid #fff; } .ui-popup-right-top .ui-dialog-arrow-a, .ui-popup-right-top .ui-dialog-arrow-b { top: 15px; } .ui-popup-right .ui-dialog-arrow-a, .ui-popup-right .ui-dialog-arrow-b { margin-top: -8px; top: 50%; } .ui-popup-right-bottom .ui-dialog-arrow-a, .ui-popup-right-bottom .ui-dialog-arrow-b { bottom: 15px; } @-webkit-keyframes ui-dialog-loading { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes ui-dialog-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ui-dialog-loading { vertical-align: middle; position: relative; display: block; *zoom: 1; *display: inline; overflow: hidden; width: 32px; height: 32px; top: 50%; margin: -16px auto 0 auto; font-size: 0; text-indent: -999em; color: #666; } .ui-dialog-loading { width: 100%\9; text-indent: 0\9; line-height: 32px\9; text-align: center\9; font-size: 12px\9; } .ui-dialog-loading::after { position: absolute; content: ''; width: 3px; height: 3px; margin: 14.5px 0 0 14.5px; border-radius: 100%; box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc; -webkit-transform: rotate(360deg); -webkit-animation: ui-dialog-loading 1.5s infinite linear; transform: rotate(360deg); animation: ui-dialog-loading 1.5s infinite linear; display: none\9; } @charset "utf-8"; /*** .ispc //PC专用 .ismobile //移动专用 ***/ /*初始化样式表*/ body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;} body{font:0.75em/1.5 Arial, Verdana, "Microsoft Yahei","微软雅黑","宋体",Helvetica,sans-serif; -webkit-text-size-adjust:100%; } h1,h2,h3,h4,h5,h6{ font-weight:400;} a{ color:#333; text-decoration:none;} a:hover{text-decoration:none;} /* *{ transition-property:border-color, background-color, color; transition-duration:.3s; transition-timing-function:ease-in; transition-delay:.1s; } */ li{list-style:none;} img{border:0;vertical-align:middle;} table{border-collapse:collapse;border-spacing:0;} p{word-wrap:break-word} /*icon 字体样式*/ @font-face {font-family: "iconfont"; src: url("/temp/temp/default/default-0001/1/images/font/iconfont.eot"); /* IE9*/ src: url("/") format('embedded-opentype'), /* IE6-IE8 */ url("/temp/temp/default/default-0001/1/images/font/iconfont.woff") format('woff'), /* chrome、firefox */ url("/temp/temp/default/default-0001/1/images/font/iconfont.ttf") format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("/") format('svg'); /* iOS 4.1- */ } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } /*文章内容样式初始化*/ .default-article-content{ text-align: justify; font-size:14px;} .default-article-content a{ color:blue;} .default-article-content ul{ padding-left: 20px;} .default-article-content li{ list-style-type: inherit;} .default-article-content h1, .default-article-content h2, .default-article-content h3, .default-article-content h4, .default-article-content h5, .default-article-content h6{ margin-top:1em; margin-bottom:1em; font-weight:bold; } .default-article-content td{ border:1px solid #333; } .default-article-content p{ margin-top:1em; margin-bottom:1em; } .default-article-content img{ max-width:100%; } /*控制网页宽度*/ .wp{ width:1188px; margin:0 auto;} .w960 .wp, .w960 .w1188{ width:960px;} /*浮动设置*/ .l,.left{float:left;} .r,.right{float:right;} /*清除浮动*/ .cl{zoom:1;} .cl:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;} /*单行文本*/ .s{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;} /*边距*/ .ispc .mr0{ margin-right:0 !important;} /*快转化 可见*/ .block{ display:block;} .none{ display:none;} /*页面加载中*/ #global_showload{background:url("/temp/temp/default/default-0001/1/images/showload.gif"); position:fixed; z-index:1025; top: 50%; left:50%; width: 130px; height:130px; margin-left:-75px; margin-top:-75px;} /*图片上传中状态*/ .imgloading{background:url(/temp/temp/default/default-0001/1/images/load.gif); height: 100px; margin-top: -100px; position: relative;} /*禁止编辑器上传本地视频*/ #videoTab #upload,#videoTab .tabhead span{ display:none;} /*百度地图默认宽度*/ .ueditor_baidumap{min-width:700px; max-width:1188px;} /*分页按钮*/ .page{ font-size:14px; line-height:28px;} .page a{display:block; float:left; padding:0 12px; border:1px solid #dedede; border-radius:3px; margin-right:8px; margin-top:8px;} .page a.a,.page a:hover{background:#ccc; color:#fff;} /*默认导航样式*/ .default-pc-nav-menu{} .default-pc-nav-menu li{ position: relative;} .default-pc-nav-menu > li li{ position: relative; width: 100%; white-space: nowrap;} .default-pc-nav-menu ul{ display: none; position: absolute; z-index: 2;} .default-pc-nav-menu > li > ul{ top: 100%; left: 0;} .default-pc-nav-menu > li > ul > li > ul{ top: 0; left: 100%;} .default-pc-nav-menu > li{ float: left;} .default-pc-nav-menu li a em{ display: none; font-style:initial;} .default-pc-nav-menu > li:hover > ul{display: block;} .default-pc-nav-menu > li ul > li:hover > ul{ display: block;} /*友情链接默认样式*/ .default-pc-links-text{} .default-pc-links-text dt,.default-pc-links-text dd{ float: left;} .default-pc-links-pic li{ float:left;} /*默认版权样式*/ .default-pc-copyright{ width:70%; line-height: 2; color:#666; font-size:12px; } .default-pc-copyright a { color: #FFD400; font-size:12px; } .default-pc-copyright span{ display: inline-block; white-space:nowrap; margin-right: 10px; } /*默认发布文章按钮*/ .default-pc-button-publish{ padding-left:21px; background: no-repeat url("/temp/temp/default/default-0001/1/images/publish.png"); transition:opacity .3s; } .default-pc-button-publish:hover{ opacity:0.5; } /*默认编辑文章 && 删除*/ .default-pc-button-edit a{ margin-left:10px; font-size: 14px; color: #ccc; } .default-pc-button-edit a:hover{ color:#000; } /*默认背景音乐*/ .default-bgmp3{ display:block; position: fixed; bottom: 60px; left: 30px; z-index:999; width:200px; max-width:30%; } .default-bgmp3 audio{ width:100%; opacity:0.5; } .default-append{ display:none;} /*幻灯片默认样式*/ .default-slider { position: relative; overflow: auto; } .default-slider li { list-style: none; } .default-slider ul li { float: left; width: 100%; overflow: hidden; } .default-slider ul li img{ position: relative; left: 50%; height: auto; /*margin-left:-960px;*/ } .default-slider .dots{ position: absolute; bottom: 10px; width: 100%; text-align: center; } .default-slider .dots li{ display: inline-block; cursor: pointer; background-color: #fff; margin: 5px; width: 47px; font-size:0; height: 12px; } .default-slider .dots li{ *display: inline; } .default-slider .dots li.active{ background-color: #FFE401;} .default-slider .next,.default-slider .prev{ position:absolute; bottom:50%; width:50px; height:100px; margin-bottom:-50px; opacity:0.7; font: 50px/58px Simsun; color:#fff; line-height:100px; text-align:center; } .default-slider .next:hover,.default-slider .prev:hover{ background-color:#000; } .default-slider .next{ right:0;} .default-slider .prev{ left:0;} .default-pc-sidebar-dl{ border:1px solid #dedede;} .default-pc-sidebar-dl dt, .default-pc-sidebar-dl dd{ border-bottom:1px solid #dedede;} .default-pc-sidebar-dl dt, .default-pc-sidebar-dl dd a{ display:block; line-height:48px; padding:0 28px;} .default-pc-contactcard li,.default-pc-contactcard dd{ background: no-repeat; background-position: 0 center; padding-left: 30px;} .default-pc-contactcard .add{ background-image: url("/temp/temp/default/default-0001/1/images/contactcard/address.png");} .default-pc-contactcard .tel{ background-image: url("/temp/temp/default/default-0001/1/images/contactcard/mobile.png");} .default-pc-contactcard .email{ background-image: url("/temp/temp/default/default-0001/1/images/contactcard/email.png");} .default-pc-contactcard .fax{ background-image: url("/temp/temp/default/default-0001/1/images/contactcard/weixin.png");} /*幻灯片样式*/ .default-slider-2{ position:relative;} .default-slider-2 .default-slider-box{ position:relative; width:100%; overflow:hidden; } .default-slider-2 .next, .default-slider-2 .prev{ position:absolute;} .default-slider-2 .dots { position:absolute; width:100%; bottom:10px; text-align:center; } .default-slider-2 .dots span{ display: inline-block; background-color: #fff; margin: 5px; width: 47px; font-size: 0; height: 12px; cursor:pointer; } .default-slider-2 .dots span{ *display: inline } /*IE兼容*/ .default-slider-2 > .dots > span{ *display:inline;} /*IE兼容*/ .default-slider-2 > .dots > span.active{ background-color:red;} .default-slider-box > ul > li{ position:relative; overflow:hidden;} .default-slider-effect-fadeIn > .default-slider-box > ul{ position:relative;} .default-slider-effect-fadeIn > .default-slider-box > ul > li{ position:absolute; top:0; left:0; display:none;} /*单屏滚动模式*/ .default-slider-single > .default-slider-box > ul > li img{ position: relative; left:50%;} .default-slider-direction-left > .default-slider-box > ul > li{ float:left;} .default-slider-direction-left > .next, .default-slider-direction-left > .prev{ cursor:pointer; top:50%; margin-top:-45px; opacity:.1; color:#fff; line-height:90px; font-size:60px; background-color:#000; } .default-slider-direction-left > .next:hover, .default-slider-direction-left > .prev:hover{ opacity:1; } .default-slider-direction-left > .next{ right:0;} .default-slider-direction-left > .prev{ left:0;} .default-slider-direction-left > .thumb{ position: absolute; bottom: 10px; left:50%; padding:0 30px; overflow:hidden; } .default-slider-direction-left > .thumb ul > li{ float:left;} .default-slider-direction-left > .thumb ul > li img{ padding:5px; margin:5px; border:1px #ccc solid; background-color: #fff; } .default-slider-direction-left > .thumb > .next, .default-slider-direction-left > .thumb > .prev{ margin-top: -15px; width: 27px; width: 20px; height: 31px; font-size:0; background:url(/temp/temp/default/default-0001/1/images/slider_thumb_buttom.png) no-repeat; } .default-slider-direction-left > .thumb > .next{ right:0; background-position:-23px 0; } .default-slider-direction-left > .thumb > .prev{ left:0; background-position: 0 0; } .default-slider-direction-left > .thumb > .next:hover, .default-slider-direction-left > .thumb > .prev:hover{ background-position-y:-32px; } .default-slider-direction-left > .thumb > .active{ background-color:#333;} /*设为首页加入收藏*/ #SetHome, #collection{ cursor:pointer; } /*DIY 按钮*/ .ispc #diystart{ display:block; position:fixed; top:0; right:50px; background-color:#F90; color:#fff; z-index:3; text-align:center; padding:5px 10px; border-radius:0 0 10px 10px; transition:background .5s; } .ispc #diystart:hover{ background-color: #BA3315; } /*文章内容页视频默认高度*/ .default-article-content object{ min-height:500px; } .default-article-content video{ max-width:100%; height:auto; } /*手机网站底部追加*/ .default-mobile-copyright2{ text-align:center; background-color:#000; color:#505050; padding-top:20px; padding-bottom:30px; font-size:12px; margin-top:30px; } .default-mobile-copyright2 a{ color:#505050; } /*文章内容页点击图片弹出*/ #article-swiper{ background: #000; } #article-swiper .swiper-zoom-container{ background: #000; } #article-swiper .swiper-container { width: 100%; height: 100%; } #article-swiper .swiper-slide { text-align: center; font-size: 18px; background: #000; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } #article-swiper{ display: none; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; } .article-swiperbox{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; } #article-swiper #logout{ position: absolute; left: 50%; bottom: 40px; z-index: 100; transform: translateX(-50%); width: 72px; height: 32px; background: #007aff; color: #fafafa; display: flex; align-items: center; justify-content: center; } .back000{ background-color:#000; } body{background: #fff;} /*公共头部*/ .header{ background: #fff; } .header .logobox{ float: left; } .nav01,.hlink{ float: right; } .logobox { position: relative; padding: 0 35px; background: #014da1; } .logobox .logo{ height: 90px; line-height: 90px; } .logobox img{ max-height: 60px; width: auto; } .logobox h4{ width: 100%; line-height: 44px; position: absolute; left: 0; bottom: -44px; background: #333; color: #fff; font-size: 14px; text-align: center; z-index: 1; } .uid-3059 .logobox h4{ display: none; } .nav01{ padding: 26px 0; } .nav01 li{ margin: auto 25px; } .nav01 li a{ display: block; line-height: 35px; border-bottom: 3px solid #fff; color: #000; font-size: 16px; transition: 0.2s; } .nav01 li.a a,.nav01 li a:hover{ border-bottom: 3px solid #014da1; } .hlink{ margin: 33px 0; border-left: 1px solid #ddd; padding-left: 40px; } .hlink h3{ float: right; color: #014da1; font-size: 20px; font-weight: bold; margin-right: 40px; padding-left: 26px; background: url("/temp/temp/53/53-0021/201907251131/images/hlink.png") no-repeat bottom left; line-height: 24px; } .hlink a{ float: right; width: 24px; height: 24px; display: block; background: url("/temp/temp/53/53-0021/201907251131/images/hlink.png") no-repeat top left; margin-right: 20px; } .hlink a.hwx{ background: url("/temp/temp/53/53-0021/201907251131/images/hlink.png") no-repeat center center; } .nav01 li ul{ margin-top:0; padding: 0; background:#014da1; opacity:0; transform:translateY(80px); -ms-transform:translateY(80px); -moz-transform:translateY(80px); -webkit-transform:translateY(80px); -o-transform:translateY(80px); transition:all .3s; display:block; z-index:-3; width: auto; } .nav01 li:hover ul{ opacity:1; z-index:1; transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0); } .nav01 li ul li{ width: auto; margin-left:0; padding: 0 25px; margin: auto !important; border-top: 1px solid #005dc3; background:#014da1 !important; } .nav01 li ul li{ padding: 0 30px; } .nav01 li:hover ul a,.nav_box .nav01 li.a ul a{ color: #fff; } .nav01 li ul li a{ display: block; font-size: 14px; padding-right: 60px; line-height: 40px; background: url("/temp/temp/53/53-0021/201907251131/images/go01.png") no-repeat center right; background-size: 0; transition: 0.3s; border: none; color: #fff; } .nav01 li.a li a, .nav01 li ul a:hover,.nav01 li ul li.a a,.nav01 li ul li:hover a{ border-bottom: none; } .nav01 li ul li:hover a{ background-size: 10px; padding-left: 10px; padding-right: 50px; border: none; } .nav01 li ul li:last-child{ padding-right: 30px; } .nav01 li ul li span{ font-size: 14px; height: 36px; line-height: 36px; } .nybanner{ width: 100%; padding: 80px 0; text-align: center; color: #fff; background-image: linear-gradient(145deg,#014da1 0,#2ba6e1 100%); } .nybanner .nytit{ text-align: center; } .nybanner .nytit span.xian{ width: 40px; height: 3px; background: #fff; margin: 15px auto; display: block; } .nybanner .nytit h1{ font-size: 32px; text-transform: uppercase; width: 100%; } .nybanner .nytit h2{ font-size: 18px; width: 100%; } .default-mod-add .nytit,.default-api-diy .nytit{ display: none; } .listnav{ width: 100%; margin-top: 20px; text-align: center; } .listnav li{ display: inline-block; margin: auto 10px; } .listnav li{ *display: block; } .listnav li a{ display: block; color: #fff; padding: 0 15px; line-height: 34px; border: 1px solid #fff; font-size: 14px; transition: 0.3s; } .listnav li:hover a,.listnav li.a a{ background: #fff; color: #014da1; } .listnav li span{ display: none; } /*点击弹出二维码*/ .ewm_box{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.50); display: none; z-index: 3; } .erweima{ width: 260px; height: 260px; position: absolute; top: 35%; left: calc(50% - 120px); } .ewm_box img{ width: 100%; height: auto; } .ewm_box ins{ display: block; width: 24px; height: 24px; position: absolute; right: -12px; top: -12px; background:url("/temp/temp/53/53-0021/201907251131/images/close.png") no-repeat center center; background-size: 100%; box-shadow: 2px 2px 14px #333; border-radius: 12px; cursor: pointer; } /*banner*/ .banner01{ max-height: 850px; overflow: hidden; } .banner01 .dots span { width: 21px; height: 21px; margin: 8px; background: url("/temp/temp/53/53-0021/201907251131/images/dots01.png") no-repeat center center; } .banner01 .dots span.active{ background: url("/temp/temp/53/53-0021/201907251131/images/dots02.png") no-repeat center center; } .banner01 .dots{ bottom: 30px; } /*介绍*/ .introduce{ background-image: linear-gradient(90deg,#014da1 0,#2ba6e1 100%); } .introduce li{ float: left; width: 25%; padding: 62px 30px; border-left: 2px solid rgba(255,255,255,0.10); box-sizing: border-box; position: relative; background: url("/temp/temp/53/53-0021/201907251131/images/jies01.png") no-repeat right center; } .introduce li:nth-child(2){ background: url("/temp/temp/53/53-0021/201907251131/images/jies02.png") no-repeat right center; } .introduce li:nth-child(3){ background: url("/temp/temp/53/53-0021/201907251131/images/jies03.png") no-repeat right center; } .introduce li:last-child{ border-right: 2px solid rgba(255,255,255,0.10); background: url("/temp/temp/53/53-0021/201907251131/images/jies04.png") no-repeat right center; } .introduce li span{ display: block; position: absolute; width: 2px; height: 14px; background: #fff; top: 40px; left: -2px; transition: 0.4s; } .introduce li:hover span{ top: 80px; } @font-face { font-family: "BauhausStd-Medium"; src: url("/temp/temp/53/53-0021/201907251131/images/BauhausStd-Medium.otf"); } .introduce li h3{ font-family: "BauhausStd-Medium"; color: #fff; font-size: 34px; margin-bottom: 20px; } .introduce li h4{ color: #fff; font-size: 13px; line-height: 22px; } /*关于澳门威斯尼斯8883入口*/ .aboutbox{ background: #f5f5f5; padding-top: 80px; max-width: 100%; height: auto; max-height: none; overflow: hidden; } .abtit h2{ font-size: 24px; font-weight: bold; color: #014da1; } .aboutbox .abl{ float: left; width: 50%; margin-top: 40px; padding-top: 40px; border-top: 1px solid #dbdbdb; } .aboutbox .abl p{ font-size: 13px; color: #666; line-height: 26px; margin-bottom: 30px; } .aboutbox .abl a{ display: block; width: 136px; height: 40px; line-height: 38px; border: 1px solid #ccc; text-align: center; color: #808080; font-size: 14px; box-sizing: border-box; margin-right: 40px; float: left; margin-top: 40px; transition: 0.3s; } .aboutbox .abl a:hover{ border-color: #014da1; background: #014da1; color: #fff; } .aboutbox .abl a h3{ font-size: 14px; } .aboutbox .abl a h3 em{ font-style: normal; font-size: 16px; } .aboutbox .abimg{ float: right; width: 37.8%; overflow: hidden; margin-top: 40px; position: relative; z-index: 1; } .aboutbox .abimg img{ width: 100%; height: auto; transition: 0.6s; } .aboutbox .abimg img:hover{ transform: scale(1.08); -ms-transform:scale(1.08); -moz-transform:scale(1.08); -webkit-transform:scale(1.08); -o-transform:scale(1.08); } .abtext{ position: relative; } .abtext .abmore{ position: absolute; padding: 40px 0; background: #014da1; bottom: 0; left: 0; color: #fff; } .abtext .abmore h3{ font-size: 18px; margin-left: 60px; margin-bottom: 5px; } .abtext .abmore h4{ font-size: 14px; margin-left: 60px; } /*应用领域*/ .applybox{ margin: 80px auto; } .ititle{ margin-bottom: 40px; } .ititle h1{ font-size: 24px; color: #014da1; font-weight: bold; } .ititle h2{ font-size: 14px; color: #666; font-weight: bold; } .apply li{ width: 100%; display: none; } .apply li:first-child{ display: block; } .apply li img{ float: left; width: 50%; height: auto; } .apply li div{ float: right; width: 44%; height: 440px; padding-top: 50px; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; background: url("/temp/temp/53/53-0021/201907251131/images/yybg.png") no-repeat right center; box-sizing: border-box; } .apply li div h3{ font-size: 20px; color: #014da1; font-weight: bold; } .apply li div h4{ font-size: 14px; color: #014da1; } .apply li div span{ display: block; width: 40px; height: 3px; background: #666; margin: 25px 0; } .apply li div p{ font-size: 13px; color: #666; line-height: 28px; } .apply li div a{ display: block; width: 130px; line-height: 36px; height: 36px; border: 1px solid #ccc; text-align: center; font-size: 14px; color: #999; margin-top: 40px; transition: 0.3s; } .apply li div a:hover{ border-color: #014da1; background: #014da1;; color: #fff; } .yyswitch{ margin-top: 50px; } .yyswitch li{ width: 23.5%; margin-right: 2%; padding-bottom: 20px; border-bottom: 1px solid #dbdbdb; text-align: center; float: left; transition: 0.2s; cursor: pointer; } .yyswitch li.a{ border-bottom: 1px solid #014da1; } .yyswitch li h3{ font-size: 16px; font-weight: bold; color: #4c4c4c; transition: 0.2s; } .yyswitch li h4{ font-size: 14px; color: #808080; transition: 0.2s; } .yyswitch li h5{ font-size: 40px; font-weight: bold; color: #ccc; margin-top: 10px; transition: 0.2s; } .yyswitch li.a h3,.yyswitch li.a h4,.yyswitch li.a h5{ color: #014da1; } /*新闻资讯*/ .newsbox{ position: relative; padding-top: 60px; padding-bottom: 80px; background: #f5f5f5 url("/temp/temp/53/53-0021/201907251131/images/newbg.png") no-repeat right center; } .newsbox .newbg{ display: block; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: #014da1 url("/temp/temp/53/53-0021/201907251131/images/newbg.png") no-repeat left center; z-index: 1; } .newsbox .ititle{ position: relative; z-index: 2; } .newsbox .ititle h1,.newsbox .ititle h2{ float: left; width: 80%; color: #fff; } .newsbox .ititle a{ float: right; width: 110px; text-align: right; color: #014da1; font-size: 14px; font-weight: bold; background: url("/temp/temp/53/53-0021/201907251131/images/more01.png") no-repeat left center; transition: 0.3s; } .newsbox .ititle a:hover{ width: 120px; } .newsbox ul{ position: relative; z-index: 2; } .newsbox ul li{ float: left; width: 23.5%; margin-right: 2%; background: #fff; padding-bottom: 30px; transition: 0.4s; } .newsbox ul li a{ display: block; } .newsbox ul li img{ width: 100%; height: auto; } .newsbox ul li h4{ margin-left: 20px; margin-top: 30px; font-size: 12px; color: #808080; margin-bottom: 5px; } .newsbox ul li h3{ margin-left: 20px; width: calc(100% - 40px); font-size: 15px; color: #000; margin-bottom: 10px; } .newsbox ul li p{ margin-left: 20px; width: calc(100% - 40px); font-size: 13px; color: #808080; margin-bottom: 40px; line-height: 22px; max-height: 44px; overflow: hidden; } .newsbox ul li div span{ float: left; display: block; width: 0px; height: 2px; background: #6794c7; margin: 8px; margin-left: 20px; transition: 0.4s; } .newsbox ul li div i{ float: left; line-height: 18px; font-size: 14px; color: #666; transition: 0.4s; } .newsbox ul li:hover{ box-shadow: 0 0px 20px rgba(0,0,0,0.1); transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); } .newsbox ul li:hover div span{ width: 80px; margin-right: 15px; } .newsbox ul li div i{ color: #014da1; } /*案例展示*/ .casebox{ margin: 80px auto; } .casebox .ititle{ text-align: center; } .casebox ul li{ float: left; width: 47%; border: 5px solid #fff; box-sizing: border-box; overflow: hidden; } .casebox ul li a{ display: block; position: relative; } .casebox ul li img{ width: 100%; height: auto; transition: all 0.5s ease-in-out; } .casebox ul li:hover img{ transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } .casebox ul li div{ position: absolute; width: 100%; height: 100%; text-align: center; left: 0; top: 0; background: rgba(1,77,161,0.80); color: #fff; opacity: 0; transition: 0.5s; } .casebox ul li div h3{ font-size: 15px; margin-top: 160px; margin-bottom: 25px; } .casebox ul li div h4{ font-size: 12px; } .casebox ul li:hover div{ opacity: 1; } .casebox ul li.an02{ width: 26.5%; } .casebox ul li.an03{ width: 54%; } .casebox ul li.an04{ width: 25.5%; } .casebox ul li.an05{ width: 20.5%; background: #014da1; } .casebox ul li.an03 div h3,.casebox ul li.an04 div h3{ margin-top: 90px; } .casebox ul li.an05:hover img{ transform: rotate(360deg); transform:scale(1); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); } /*优势*/ .advantage{ margin-bottom: 80px; } .advantage .ititle{ text-align: center; } .advantage ul li{ width: 33.333%; text-align: center; float: left; padding: 20px 0; transition: 0.4s; background: #fff; } .advantage ul li:hover{ box-shadow: 0px 0px 22px #e2e2e2; transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); position: relative; z-index: 1; } .advantage ul li img{ width: 50px; height: auto; margin: auto; margin-bottom: 30px; } .advantage ul li h3{ font-size: 20px; color: #afd4f1; margin-bottom: 10px; } .advantage ul li h4{ font-size: 18px; color: #014da1; } .advantage ul li span{ display: block; margin: 20px auto; width: 30px; height: 3px; background: #2ca7e2; } .advantage ul li p{ font-size: 13px; color: #808080; } .advantage .ysimg{ margin-top: 60px; width: 100%; } .advantage .ysimg a{ display: block; width: 100%; overflow: hidden; } .advantage .ysimg img{ width: 100%; height: auto; transition: 0.6s; } .advantage .ysimg:hover img{ transform: scale(1.07); -ms-transform: scale(1.07); -moz-transform: scale(1.07); -webkit-transform: scale(1.07); -o-transform: scale(1.07); } /*荣誉资质*/ .honorary{ margin-bottom: 100px; } .honorary .ititle{ text-align: center; } .honorary ul li{ float: left; width: 200px; margin: auto 19px; transition: 0.4s; } .honorary ul li img{ width: 100%; height: auto; } .honorary ul li:hover{ transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); } .honorary span{ width: 40px; height: 40px; line-height: 40px !important; text-align: center; padding: 0; font-size: 20px !important; border-radius: 20px; background: #014da1 !important; opacity: 0.5 !important; top: calc(50% + 80px) !important; left: -60px !important; transition: 0.3s; } .honorary span.next{ left: inherit !important; right: -60px !important; } .honorary span:hover{ opacity: 1 !important; } /*宣传视频*/ .video{ padding: 120px 0; position: relative; } .video .spimg{ position: absolute; width: 100%; left: 0; top: 0; height: 422px; background: url("/temp/temp/53/53-0021/201907251131/images/videoimg.jpg") no-repeat center bottom; background-attachment: fixed; background-size: 100%; } .video .sptit{ text-align: center; position: relative; } .video .sptit h1{ font-size: 30px; color: #fff; font-weight: bold; text-transform: uppercase; } .video .sptit h2{ font-size: 18px; color: #fff; margin-top: 10px; margin-bottom: 30px; } .video .sptit a{ display: block; margin: auto; width: 70px; height: 70px; transition: 0.3s; } .video .sptit a:hover{ opacity: 0.8; } .video .sptit img{ width: 70px; height: auto; } /*公共底部*/ .footer{ background: #272727 url("/temp/temp/53/53-0021/201907251131/images/fbg.png") repeat center center; padding: 80px 0; } .footer .f01{ text-align: center; } .footer .f01 img{ height: 60px; width: auto; margin: auto; } .footer .f01 p{ text-align: center; width: 670px; margin: auto; font-size: 12px; color: #999; line-height: 22px; font-style: italic; margin-top: 30px; margin-bottom: 40px; } .footer .f01 ul{ width: 100%; text-align: center; padding: 15px 0; border-bottom: 1px solid #333; border-top: 1px solid #333; margin-bottom: 60px; } .footer .f01 ul li{ display: inline-block; padding: 0 50px; line-height: 16px; border-right: 1px solid #404040; } .footer .f01 ul li{ *display: block; } .footer .f01 ul li a{ font-size: 13px; color: #999; transition: 0.1s; } .footer .f01 ul li a:hover{ color: #fff; } .footer .f01 ul li:last-child{ border: none; } .footer .contact{ width: 44%; color: #fff; } .footer .contact h4{ font-size: 14px; } .footer .contact h3{ font-size: 36px; font-family: "BauhausStd-Medium"; margin-bottom: 10px; } .footer .contact p{ font-size: 14px; margin-bottom: 5px; } .footer .contact img{ width: 120px; height: auto; margin-top: 20px; } .footer .contact h5{ font-size: 12px; width: 120px; text-align: center; margin-top: 5px; } .footer .apply{ width: 46%; margin-top: 30px; } .footer .apply .apply01{ width: 100%; } .footer .apply h4,.footer .apply label{ display: none; } .footer .apply .default-form-item{ float: left; width: 48%; } .footer .apply .default-form-item:first-child{ margin-right: 4%; } .footer .apply input[type="text"]{ width: 100%; background: #272727; line-height: 40px; border: none; border-bottom: 1px solid #4c4c4c; outline-color: rgba(0,0,0,0.00); color: #ccc; } .footer .apply .default-form-item:last-child{ width: 100%; margin-top: 20px; } .footer .apply textarea{ color: #ccc; outline-color: rgba(0,0,0,0.00); width: 100%; background: #272727; line-height: 40px; border: none; border-bottom: 1px solid #4c4c4c; height: 120px; } .footer .apply input::-webkit-input-placeholder ,.footer .apply textarea::-webkit-input-placeholder{ color: #999; } .footer .apply input[type="submit"]{ margin-top: 30px; width: 160px; line-height: 40px; height: 40px; border: 1px solid #666; font-size: 14px; color: #fff; box-sizing: border-box; background: #272727; cursor: pointer; transition: 0.3s; } .footer .apply input[type="submit"]:hover{ background: #fff; color: #272727; } .jishu{ background: #1a1a1a; padding: 15px 0; text-align: center; } .jishu p{ text-align: center; margin: auto; color: #999; } .jishu p a{ color: #ccc; } .jishu p a:hover,.jishu dl dd a:hover{ color: #fff; } .jishu dl{ margin: auto; text-align: center; } .jishu dl dt{ display: inline-block; color: #777; float: none; } .jishu dl dd{ display: inline-block; margin: auto 4px; float: none; } .jishu dl dd,.jishu dl dt{ *display: block; } .jishu dl dd a{ color: #999; } .top01{ background: url("/temp/temp/53/53-0021/201907251131/images/top01.png") no-repeat center center; width: 62px; height: 120px; background-size: 100%; position: fixed; right: 30px; bottom: 40px; cursor: pointer; transition: 0.3s; } .top01:hover{ bottom: 50px; } /*全国网点列表页-------------------------------------------------------*/ .lnetwork{ padding-top: 60px; padding-bottom: 120px; background: #f5f5f5; } .lnetwork .lwd li{ float: left; background: #fff; width: 40%; margin-right: 4%; padding: 30px 4%; margin-bottom: 4%; } .lnetwork .lwd li h3{ font-size: 16px; font-weight: bold; color: #014da1; } .lnetwork .lwd li h4{ font-size: 13px; color: #999; margin-bottom: 10px; margin-top: 5px; } .lnetwork .lwd li p{ font-size: 14px; color: #666; width: 100%; line-height: 40px; border-bottom: 1px solid #eaeaea; } /*业务范围列表页--------------------------------------------------------------------------*/ .lshow02{ padding-top: 60px; padding-bottom: 120px; background: #f5f5f5; } .lshow02 li{ width: 100%; margin-bottom: 40px; } .lshow02 li a{ display: block; position: relative; } .lshow02 li img{ width: 48%; height: auto; } .lshow02 li a .text{ position: absolute; width: 56%; background: #fff; right: 0; top: calc(50% - 99px); z-index: 1; transition: 0.4s; } .lshow02 li:hover a .text{ right: 30px; background: #014da1; } .lshow02 ul li h3 { font-weight: bold; font-size: 16px; color: #000; margin: auto 30px; width: calc(100% - 60px); margin-bottom: 10px; transition: 0.4s; margin-top: 35px; line-height: 23px; } .lshow02 ul li:hover h3,.lshow02 ul li:hover .text div h4{ color: #fff; } .lshow02 ul li:hover p { color: #eee; } .lshow02 ul li p { font-size: 12px; color: #888; line-height: 24px; max-height: 48px; overflow: hidden; margin: auto 30px; margin-bottom: 35px; transition: 0.4s; width: calc(100% - 60px); } .lshow02 ul li .text div { border-top: 1px solid #eee; transition: 0.4s; } .lshow02 ul li:hover .text div { border-top: 1px solid #035ec1; } .lshow02 ul li .text div h4 { float: left; font-size: 12px; color: #888; margin-left: 25px; line-height: 46px; transition: 0.4s; } .lshow02 ul li .text div ins { width: 44px; height: 46px; border-left: 1px solid #eee; background: url("/temp/temp/53/53-0021/201907251131/images/go01.png") no-repeat center center; opacity: 0; transition: 0.4s; display: block; float: right; } .lshow02 ul li:hover div ins { border-left: 1px solid #035ec1; opacity: 1; } .lshow02 ul li.ls02 img{ float: right; } .lshow02 ul li.ls02 .text{ right: inherit; left: 0; } .lshow02 ul li.ls02:hover .text{ right: inherit; left: 30px; } /*新闻资讯列表页-----------------------------------------------------------------------------------*/ .lnews{ margin-top: 60px; margin-bottom: 120px; } .pub01{ text-align: right; margin-bottom: 5px; } .lnews li{ width: 100%; padding: 30px 0; border-bottom: 1px solid #eee; transition: 0.4s; } .lnews li:hover{ box-shadow: 0px 0px 16px rgba(0,0,0,0.08); } .lnews li a{ display: block; } .lnews li a div{ float: left; width: 56%; transition: 0.4s; } .lnews li:hover div{ margin-left: 4%; } .lnews li a img{ float: right; width: 30%; height: auto; transition: 0.4s; } .lnews li:hover img{ margin-right: 4%; } .lnews li h4{ font-size: 12px; color: #888; margin-top: 10px; } .lnews li h3{ font-size: 16px; color: #333; margin: 5px auto; transition: 0.4s; } .lnews li:hover h3,.lnews li h5:hover{ color: #014da1; } .lnews li p{ font-size: 13px; color: #999; line-height: 24px; max-height: 48px; overflow: hidden; margin-bottom: 30px; } .lnews li h5{ font-size: 14px; color: #666; } .page{ margin-top: 30px; } .page a{ transition: 0.2s; border-radius: 0; } .page a.a,.page a:hover{ background: #014da1; border-color: #014da1; } /*新闻资讯内页----------------------------------------------------------------------------*/ .vnews{ margin-bottom: 120px; } .pox01{ padding: 20px 0; border-bottom: 1px solid #eee; font-size: 12px; color: #888; width: 100%; margin-bottom: 60px; transition: 0.2s; } .pox01 a{ color: #666; } .pox01 a:hover{ color: #014da1; } .vnews .vntext{ float: left; width: 66%; } .vnews .vntext h1{ font-size: 26px; color: #000; font-family: "黑体"; margin-bottom: 20px; } .vnews .vntext .look{ font-size: 12px; color: #888; } .vnews .vntext .article{ width: 100%; margin-top: 30px; padding-top: 30px; border-top: 3px solid #eee; } .vnews dl{ float: right; width: 26%; margin-top: 30px; } .vnews dl dt{ font-size: 18px; color: #014da1; padding-bottom: 20px; border-bottom: 1px solid #eee; } .vnews dl dd{ padding: 15px 0; border-bottom: 1px solid #eee; } .vnews dl dd a{ display: block; width: calc(100% - 15px); transition: 0.4s; } .vnews dl dd a:hover{ margin-left: 15px; } .vnews dl dd h3{ font-size: 15px; color: #444; margin-bottom: 5px; transition: 0.4s; } .vnews dl dd h4{ font-size: 12px; color: #888; } .vnews dl dd a:hover h3{ color: #014da1; } .next01{ margin-top: 60px; width: 100%; } .next01 a{ display: block; width: 50%; position: relative; padding: 20px 0; color: #666; transition: 0.3s; } .next01 a:hover{ background: #444; color: #fff; } .next01 .nprev{ float: left; } .next01 .nnext{ float: right; text-align: right; } .next01 a h3{ font-size: 14px; margin-left: 80px; width: calc(100% - 100px); } .next01 a.nnext h3{ margin-left: 0; margin-right: 80px; } .next01 a span{ display: block; position: absolute; width: 34px; height: 34px; left: 20px; top: calc(50% - 17px); border: 1px solid #fff; background: url("/temp/temp/53/53-0021/201907251131/images/go03.png") no-repeat center center; transition: 0.3s; box-sizing: border-box; background-size: 16px; } .next01 a:hover span{ border-color: #777; } .next01 a.nnext span{ background: url("/temp/temp/53/53-0021/201907251131/images/go04.png") no-repeat center center; background-size: 16px; left: inherit; right: 20px; } /*产品展示列表页---------------------------------------------------------------------*/ .lshow{ margin-top: 60px; margin-bottom: 120px; } .lshow ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 2%; border: 2px solid #fff; box-sizing: border-box; transition: 0.4s; } .lshow ul li:hover{ background: #014da1; border-color: #014da1; box-shadow: 0px 2px 30px #bbb; position: relative; z-index: 1; } .lshow ul li a{ display: block; } .lshow ul li span{ display: block; width: 100%; overflow: hidden; } .lshow ul li img{ width: 100%; height: auto; } .lshow ul li h3{ font-weight: bold; font-size: 16px; color: #000; margin: auto 25px; margin-top: 30px; margin-bottom: 10px; width: calc(100% - 50px); transition: 0.4s; } .lshow ul li:hover h3{ color: #fff; } .lshow ul li p{ font-size: 12px; color: #888; line-height: 24px; max-height: 48px; overflow: hidden; margin: auto 25px; width: calc(100% - 50px); margin-bottom: 30px; transition: 0.4s; } .lshow ul li:hover p{ color: #eee; } .lshow ul li div{ border-top: 1px solid #eee; transition: 0.4s; } .lshow ul li:hover div{ border-top: 1px solid #035ec1; } .lshow ul li div h4{ float: left; font-size: 12px; color: #888; margin-left: 25px; line-height: 46px; transition: 0.4s; } .lshow ul li:hover div h4{ color: #fff; } .lshow ul li div ins{ width: 44px; height: 46px; border-left: 1px solid #eee; background: url("/temp/temp/53/53-0021/201907251131/images/go01.png") no-repeat center center; opacity: 0; transition: 0.4s; display: block; float: right; } .lshow ul li:hover div ins{ border-left: 1px solid #035ec1; opacity: 1; } /*关于澳门威斯尼斯8883入口列表页*/ .labout01{ position: relative; width: 100%; } .labout01 img{ width: 100%; height: auto; } .labout01 div{ position: absolute; width: 100%; text-align: center; top: calc(50% - 46px); left: 0; height: 92px; } .labout01 h1{ font-size: 42px; letter-spacing:10px; color: #fff; font-weight: bold; line-height: 50px; } .labout01 span{ display: block; width: 270px; height: 16px; background: #ec0105; margin: auto; margin-top: -15px; } .labout01 h2{ color: #fff; font-size: 24px; font-weight: bold; letter-spacing: 4px; margin-top: 5px; } .labout02{ margin-top: 80px; margin-bottom: 60px; } .labout02 a{ display: block; float: left; width: 32%; margin-top: 140px; } .labout02 img{ width: 100%; height: auto; } .labout02 div{ float: left; margin-left: 8%; width: 60%; box-sizing: border-box; } .labout02 div h3{ font-size: 22px; font-weight: bold; color: #000; } .labout02 div h4{ font-size: 13px; margin-bottom: 20px; color: #999; } .labout02 div p.tit01{ font-size: 18px; font-weight: bold; color: #014da1; } .labout02 div p{ font-size: 13px; line-height: 26px; color: #666; margin-bottom: 10px; } .labout03 li{ float: left; width: 25%; text-align: center; } .labout03 li h3{ font-size: 46px; font-family: "BauhausStd-Medium"; color: #014da1; margin-bottom: 25px; line-height: 46px; font-weight: bold; } .labout03 li h4{ font-size: 14px; color: #666; } .labout04{ margin: 80px auto; padding: 60px 0; padding-bottom: 110px; background: #f5f5f5; } .labout04 h1{ font-size: 24px; font-weight: bold; color: #014da1; text-align: center; } .labout04 h2{ font-size: 14px; color: #666; font-weight: bold; text-align: center; margin-bottom: 50px; } .labout04 li{ width: 100%; } .labout04 li div{ float: left; padding-left: 100px; width: calc(100% - 420px); background: url("/temp/temp/53/53-0021/201907251131/images/yinhao.png") no-repeat left top; background-size: 60px; margin-top: 50px; } .labout04 li img{ float: right; width: 240px; height: auto; left: 0 !important; margin-left: 0 !important; } .labout04 li div h3{ font-size: 20px; font-weight: bold; color: #000; margin-bottom: 5px; } .labout04 li div h4{ font-size: 14px; color: #888; margin-bottom: 15px; } .labout04 li div p{ font-size: 14px; color: #666; line-height: 28px; } .labout04 .dots{ top: inherit; bottom: -20px; padding-left: 100px; width: calc(100% - 80px); } .labout04 .dots span{ width: 22px; height: 22px; background: url("/temp/temp/53/53-0021/201907251131/images/dots04.png") no-repeat center center; margin: auto; margin-right: 15px; float: left; } .labout04 .dots span.active{ background: url("/temp/temp/53/53-0021/201907251131/images/dots03.png") no-repeat center center; } .labout05{ margin-bottom: 80px; } .labout05 h1,.labout06 h1{ font-size: 24px; font-weight: bold; color: #014da1; text-align: center; } .labout05 h2,.labout06 h2{ font-size: 14px; color: #888; text-align: center; margin-bottom: 50px; } .labout05 li{ float: left; width: 32%; margin-right: 2%; } .labout05 li:last-child{ margin-right: 0; } .labout05 li span{ display: block; width: 100%; overflow: hidden; } .labout05 li img{ width: 100%; height: auto; transition: 0.5s; } .labout05 li a{ display: block; } .labout05 li h3{ font-size: 18px; color: #333; margin-bottom: 5px; margin-top: 20px; transition: 0.5s; } .labout05 li h4{ font-size: 12px; color: #888; } .labout05 li:hover img{ transform: scale(1.07); -ms-transform: scale(1.07); -moz-transform: scale(1.07); -webkit-transform: scale(1.07); -o-transform: scale(1.07); } .labout05 li:hover h3{ color: #014da1; } .labout05 li div{ transition: 0.5s; } .labout05 li:hover div{ width: calc(100% - 15px); margin-left: 15px; } .labout06{ margin-bottom: 100px; } .labout06 li{ float: left; width: 23.5%; margin-right: 2%; text-align: center; margin-bottom: 2%; } .labout06 li span{ display: block; width: 100%; padding: 15px; box-sizing: border-box; border: 1px solid #eee; transition: 0.4s; } .labout06 li img{ width: 100%; height: auto; transition: 0.4s; } .labout06 li h3{ font-size: 14px; color: #666; margin-top: 10px; } .labout06 li:hover span{ border-color: #014da1; } .labout06 li:hover img{ transform: translateY(-5px); } /*图片展示列表页------------------------------------------------------------------------*/ .vshowbox{ padding-bottom: 100px; background: #f5f5f5 url("/temp/temp/53/53-0021/201907251131/images/newbg02.png"); } .vshows{ transform: translateY(-22px); -ms-transform: translateY(-22px); -moz-transform: translateY(-22px); -webkit-transform: translateY(-22px); -o-transform: translateY(-22px); } .vshows .vsl{ float: left; width: 24%; border: 6px solid #fff; border-radius: 6px; } .vshows .vsl img{ width: 100%; height: auto; } .vshows .vsr{ float: right; width: 72%; } .vshows .pox01{ padding: 15px 50px; background: #fff; border: none; border-radius: 6px; width: calc(100% - 100px); margin-bottom: 30px; } .vshows .vstext{ padding: 50px 50px; width: calc(100% - 100px); background: #fff; border-radius: 6px; } .vshows .vstext h1{ font-size: 24px; margin-bottom: 5px; } .vshows .vstext .look{ font-size: 12px; font-style: normal; color: #888; margin-bottom: 30px; line-height: 14px; } .vshows .vstext .look em{ font-style: normal; font-size: 12px; line-height: 14px; margin-right: 5px; } /*关于澳门威斯尼斯8883入口内容页-----------------------------------------------------------------------------*/ .vabbox{ padding-bottom: 40px; background: #f5f5f5 url("/temp/temp/53/53-0021/201907251131/images/newbg02.png"); } .vabout{ width: 880px; border-radius: 6px; transform: translateY(-40px); -ms-transform: translateY(-40px); -moz-transform: translateY(-40px); -webkit-transform: translateY(-40px); -o-transform: translateY(-40px); padding: 50px 60px; background: #fff; margin: auto; } .vabout h1{ font-size: 26px; color: #000; text-align: center; margin-bottom: 30px; } #dituContent{ max-width: 100% !important; overflow: hidden !important; } /*案例展示列表页--------------------------------------------------------------------*/ .lcase{ margin-top: 60px; margin-bottom: 120px; } .lcase ul li{ float: left; width: 32%; margin-right: 2%; transition: 0.4s; margin-bottom: 2%; position: relative; background: #f5f5f5; } .lcase ul li a{ display: block; text-align: center; } .lcase ul li div{ display: block; width: 100%; overflow: hidden; } .lcase ul li img{ width: 100%; height: auto; transition: 0.4s; } .lcase ul li h3{ margin-top: 25px; font-size: 15px; color: #000; line-height: 18px; margin-bottom: 5px; transition: 0.4s; } .lcase ul li span{ width: 60px; height: 1px; background: #2ba6e1; margin: 10px auto; transition: 0.4s; display: block; } .lcase ul li h4{ font-size: 12px; color: #666; margin-bottom: 25px; transition: 0.4s; text-transform: uppercase; } .lcase ul li:hover{ box-shadow: 0px 2px 26px #ccc; z-index: 1; background: #fff; } .lcase ul li:hover img{ transform: scale(1.08); -ms-transform: scale(1.08); -moz-transform: scale(1.08); -webkit-transform: scale(1.08); -o-transform: scale(1.08); } .lcase ul li:hover h3{ transform: translateY(-5px); color: #2ba6e1; } .lcase ul li:hover span{ width: 90%; } .lcase ul li:hover h4{ transform: translateY(5px); } /*案例展示内容页-------------------------------------------------------------------------------------------------*/ .vanli01{ width: 80%; margin: auto; margin-bottom: 120px; } .vanli01 h1{ text-align: center; margin-bottom: 40px; font-weight: bold; } .vanli01 .alxq{ width: 100%; background: #f9f9f9; height: 42px; border-bottom: 1px solid #014da1; box-sizing: border-box; } .vanli01 .alxq h3{ width: 140px; line-height: 42px; color: #fff; background:#014da1; text-align: center; font-size: 14px; } .show01{ width:800px; margin: auto; padding-bottom:120px; margin-bottom: 60px; } .show01 > .thumb ul > li img{ padding:4px; } .show01 > .thumb{ left:48%; } .show01 > .thumb > .next ,.show01 > .thumb > .next:hover{ opacity:0.6; background:url("/temp/temp/53/53-0021/201907251131/images/you.png") no-repeat center center; background-size: 100%; width: 26px; height: 26px; } .show01 > .thumb > .prev ,.show01 > .thumb > .prev:hover{ opacity:0.6; background:url("/temp/temp/53/53-0021/201907251131/images/zuo.png") no-repeat center center; background-size: 100%; width: 26px; height: 26px; } .default-slider-direction-left > .thumb ul > li img{ border: 1px solid #eee; } /*新闻内页手机版*/ .iv_new{ background: #fff; padding-bottom: 80px; } .ivn01{ width: 100%; } .ivn01 img{ width: 100%; height: auto; } .ivn02{ margin-top: 20px; } .ivn02 .invt{ margin-left: 20px; } .ivn02 .invt span{ float: left; display: block; width: 36px;; height: 36px; background:url("/temp/temp/53/53-0021/201907251131/images/yonghu.png") no-repeat center center; background-size: 100%; margin-right: 10px; } .ivn02 .invt div{ float: left; } .ivn02 .invt div h3{ font-size: 14px; line-height: 20px; } .ivn02 .invt div h4{ font-size: 12px; line-height: 16px; } .ivn02 .invt div h4 a{ color: #999; } .ivn02 .ivna{ float: right; margin-right: 20px; display: block; width: 50px; line-height: 24px; text-align: center; font-size: 13px; background: #014da1; color: #fff; margin-top: 6px; border-radius: 4px; } .ivn03{ margin-top: 30px; padding: 0 20px; margin-bottom: 20px; } .ivn03 h1{ font-size: 22px; float: left; width: 100%; margin-bottom: 20px; font-weight: bold; color: #000; line-height: 28px; } .ivn03 h4{ font-size: 12px; float: left; color: #999; line-height: 20px; } .ivn03 h5{ font-size: 12px; float: right; color: #999; background:url("/temp/temp/53/53-0021/201907251131/images/look.png") no-repeat left center; background-size: 18px; padding-left: 20px; line-height: 20px; } .ivn04{ padding: 0 20px; } .next03{ padding: 0 20px; margin-top: 40px; } .next03 p{ float: right; width: 50%; border: 1px solid #eee; box-sizing: border-box; } .next03 p a{ display: block; font-size: 30px; text-align: center; line-height: 30px; color: #ccc; } .next03 p.prev01{ float: left; } .ivn01tit{ width: 100%; padding: 40px 0; background-image: linear-gradient(145deg,#014da1 0,#2ba6e1 100%); color: #fff; text-align: center; } .ivn01tit h1{ font-size: 24px; text-transform: uppercase; width: 100%; font-weight: bold; } .ivn01tit span{ width: 34px; height: 3px; background: #fff; margin: 10px auto; display: block; } .ivn01tit h2{ font-size: 16px; width: 100%; } .ueditor_baidumap { min-width: 100%; max-width: 100%; } /*加盟表单------------------------------------------------------------------------*/ .lapplybox{ background: #f5f5f5; padding: 80px 0; } .lapply { background: #fff; } .lapply img{ float: left; width: 40%; height: auto; } .lapply .r01{ float: right; width: 48%; margin-right: 6%; } .lapply h4{ display: none; } .lapply label{ display: none; } .lapply h3{ text-align: center; font-size: 22px; font-weight: bold; color: #333; margin-top: 60px; margin-bottom: 40px; } .lapply h3 em{ font-style: normal; color: #014da1; margin-right: 10px; } .lapply .default-form-item{ width: 100%; margin-bottom: 30px; } .default-form-item input{ width: 100%; line-height: 38px; height: 40px; border: 1px solid #ddd; box-sizing: border-box; padding: 0 20px; font-size: 14px; outline-color: #014da1; } .default-form-item textarea{ width: 100%; line-height: 38px; height: 120px; border: 1px solid #ddd; box-sizing: border-box; padding: 0 20px; font-size: 14px; outline-color: #014da1; } .default-form-item textarea::-webkit-input-placeholder ,.default-form-item input::-webkit-input-placeholder{ color: #666; } .lapply input[type="submit"]{ width: 100%; text-align: center; border: none; line-height: 40px; height: 40px; color: #fff; font-size: 14px; background: #014da1; cursor: pointer; } /*首页动效*/ .fade_in_down{ opacity: 0; transform: translateY(80px); -ms-transform:translateY(80px); -moz-transform:translateY(80px); -webkit-transform:translateY(80px); -o-transform:translateY(80px); } .fade_in_up{ opacity: 1; transform: translateY(0); transform: translateX(0); transition: 1.2s; } .fade_in_down.abl,.labout02 a.fade_in_down{ transform: translateY(0); transform: translateX(-80px); -ms-transform:translateX(-80px); -moz-transform:translateX(-80px); -webkit-transform:translateX(-80px); -o-transform:translateX(-80px); } .fade_in_down.abimg,.labout02 div.fade_in_down{ transform: translateY(0); transform: translateX(80px); -ms-transform:translateX(80px); -moz-transform:translateX(80px); -webkit-transform:translateX(80px); -o-transform:translateX(80px); } .aboutbox .abl.fade_in_up,.labout02 a.fade_in_down ,.aboutbox .abimg.fade_in_up,.labout02 div.fade_in_down{ transform: translateX(0); opacity: 1; } .default-article-full .default-article-content p{ margin-top: 0 !important; margin-bottom: 0 !important; } /*不同尺寸下调整-----------------------------------------------------------------*/ .w960 .aboutbox .abl { width: 48%; margin-top: 25px; padding-top: 25px; } .w960 .aboutbox .abl p{ margin-bottom: 22px; } .w960 .aboutbox .abimg{ width: 42%; } .w960 .aboutbox .abl a{ margin-top: 30px; } .w960 .abtext .abmore h3{ margin-left: 40px; } .w960 .abtext .abmore h4 { font-size: 12px; margin-left: 40px; } .w960 .apply li img{ width: 52%; } .w960 .apply li div{ height: 370px; padding-top: 30px; } .w960 .apply li div span{ margin: 15px 0; } .w960 .apply li div p { font-size: 12px; line-height: 25px; } .w960 .apply li div a{ margin-top: 25px; } .w960 .newsbox ul li{ width: 32%; } .w960 .newsbox ul li:last-child{ display: none; } .w960 .newsbox ul li:nth-child(3){ margin-right: 0; } .w960 .footer .f01 ul li{ padding: 0 38px; } .w960 .footer{ padding: 60px 0; } .w960 .lapply h3{ margin-top: 50px; margin-bottom: 30px; } .w960 .lapply .default-form-item{ margin-bottom: 20px; } @media screen and (max-width:1550px){ .nav01 li { margin: auto 16px; } .hlink{ padding-left: 20px; } .hlink a{ margin-right: 15px; } } @media screen and (max-width:1300px){ .nav01 li a{ font-size: 15px; } .nav01 li { margin: auto 12px; } .hlink h3{ font-size: 18px; margin-right: 20px; } } @media screen and (max-width:1024px){ /*首页*/ .ismobile header .bg{ background-color: #014da1; opacity: 1; } .ismobile #mobile-nav{ background-color: #014da1; } .default-mobile-nav-menu li ul{ background-color: #034288; } .default-mobile-nav-menu li a{ border-bottom: 1px solid #003b7b; border-top: 1px solid #0055b3; } .introduce li:hover span{ top: 40px; } .honorary{ margin: 60px auto; } .honorary ul li:hover{ transform: translateY(0); } .abtit h2{ font-size: 20px; } .aboutbox .abl{ margin-top: 20px; padding-top: 20px; } .aboutbox .abl p{ font-size: 12px; margin-bottom: 15px; } .aboutbox .abl a{ margin-top: 20px; width: 126px; height: 36px; line-height: 34px; } .aboutbox .abl a h3 { font-size: 12px; } .aboutbox .abimg{ margin-top: 20px; } .abtext .abmore h3 { font-size: 16px; margin-left: 40px; } .abtext .abmore h4 { font-size: 12px; margin-left: 40px; } .advantage ul li:hover{ box-shadow: none; transform: translateY(0); } .advantage .ysimg:hover img{ transform: scale(1); } .applybox{ display: none; } .newsbox{ background: #f5f5f5; } .newsbox .newbg{ display: none; } .newsbox .ititle h1{ color: #014da1; } .newsbox .ititle h2{ color: #666; } .newsbox ul li{ width: 100%; margin: auto; margin-bottom: 30px; } .newsbox ul li:hover{ transform: translateY(0); } .newsbox ul li img{ display: none; } .newsbox ul li p{ margin-bottom: 20px; } .casebox ul li:hover div{ opacity: 0; } .honorary span.next{ right: 20px !important; } .honorary span.prev{ left: 20px !important; } .default-basescript-index .default-mobile-copyright2{ margin-top: 0; } .video .sptit h2{ margin-top: 0; } .video .sptit a{ width: 50px; height: 50px; } /*关于澳门威斯尼斯8883入口*/ .labout06 li{ width: 23%; margin: 1%; margin-bottom: 2%; } .labout02 div p.tit01{ font-size: 16px; } /*新闻列表页*/ .default-mobile-list-cats{ margin: 30px 10px; border: solid #e4e4e4 1px; padding: 5px 10px; } .default-mobile-list-cats h3{ font-size: 16px; line-height: 40px; } .default-mobile-list-cats nav ul li a { line-height: 44px; font-size: 16px; } .default-mobile-list-cats nav ul li{ border-top: solid #e4e4e4 1px; } .lnews li:hover { box-shadow: none; } .lnews li:hover div { margin-left: 0; } .lnews li:hover img { margin-right: 0; } .lnews{ margin-top: 0; margin-bottom: 80px; } .lnews li p{ margin-bottom: 15px; } /*图片列表页*/ .lshow ul li { width: 31.3333%; margin: auto 1%; margin-bottom: 2%; border: 1px solid #eee; } .lshow ul li:hover{ border: 1px solid #eee; background: #fff; box-shadow: none; } .lshow { margin-top: 0; margin-bottom: 80px; } .lshow ul li:hover h3 { color: #000; } .lshow ul li:hover p { color: #888; } .lshow ul li:hover div { border-top: 1px solid #eee; } .lshow ul li:hover div h4 { color: #888; } .lshow ul li:hover div ins { opacity: 0; } /*案例展示列表页*/ .lcase ul li{ width: 31.333%; margin: auto 1%; margin-bottom: 2%; } .lcase { margin-top: 0; margin-bottom: 80px; } .lcase ul li:hover { box-shadow: none; z-index: 1; background: #f5f5f5; } .lcase ul li:hover img{ transform: scale(1); } .lcase ul li:hover h3 { transform: translateY(0px); color: #000; } .lcase ul li:hover h4 { transform: translateY(0px); color: #666; } .lcase ul li:hover span { width: 90%; } .lcase ul li h3{ margin-top: 15px; } .lcase ul li h4{ margin-bottom: 15px; font-size: 11px; } .lcase ul li span{ width: 8px auto; } .lcase ul li { width: 98%; margin-bottom: 20px; } /*案例展示内页*/ .vanli01{ width: 100%; margin-bottom: 60px; } .show01{ width: 100%; padding-bottom: 0; margin-bottom: 20px; } .vanli01 h1{ font-size: 18px; } .thumb{ width: 100% !important; left: 0 !important; height: 40px !important; z-index: 2; padding: 0 !important; margin-left: 0 !important; bottom: calc(50% - 20px) !important; } .thumb .default-slider-box{ display: none; } .vanli01 span.next, .vanli01 span.prev { line-height: 40px !important; width: 40px !important; height: 40px !important; font-size: 22px !important; top: 0 !important; margin-top: 0 !important; background: #000 !important; color: #fff !important; opacity: 0.6 !important; text-align: center; } .vanli01 .next01 p { width: calc(100% - 40px); margin-left: 20px; margin-bottom: 10px; font-size: 13px; border: 1px solid #dedede; line-height: 40px; color: #014da1; text-align: center; box-sizing: border-box; } .vanli01 .next01 p a { color: #014da1; padding: 0; width: 100%; text-align: center; } .vanli01 .next01 p a { background: #fff; } .vanli01 .article{ padding: 0 20px; width: calc(100% - 40px); margin-top: 20px; } /*加盟政策*/ .lapplybox{ background: #fff; padding: 60px 0; } .lapply img{ display: none; } .lapply .r01{ width: 92%; margin-right: 4%; } .lapply h3{ margin-top: 0; font-size: 18px; } /*全国网点*/ .lnetwork .lwd li{ width: 48%; margin: auto 1%; margin-bottom: 2%; } } @media screen and (max-width:768px){ } @media screen and (max-width:480px){ /*首页*/ .introduce li{ width: 100%; padding: 30px; border-bottom: 2px solid rgba(255,255,255,0.10); border-right: 2px solid rgba(255,255,255,0.10); } .introduce li h3{ margin-bottom: 0; } .introduce li:last-child{ border-bottom: none; } .aboutbox .abimg{ display: none; } .aboutbox .abl{ width: 100%; } .abtext .abmore{ position: inherit; float: left; width: 100%; padding: 25px 0; margin-top: 40px; } .abtext .abmore h3 { font-size: 15px; margin-left: 25px; } .abtext .abmore h4 { font-size: 10px; margin-left: 25px; } .aboutbox{ padding-top: 60px; } .newsbox{ background: #fff; padding-bottom: 0; } .newsbox .ititle h1, .newsbox .ititle h2{ width: calc(100% - 120px); } .newsbox .ititle a{ margin-top: -25px; } .newsbox ul li h4{ margin-top: 20px; } .newsbox ul li{ padding: 0 5px; padding-bottom: 20px; margin-bottom: 0; border-bottom: 1px solid #eee; width: calc(100% - 10px); } .newsbox ul li:hover { box-shadow: none; } .newsbox ul li h3{ font-size: 14px; margin-bottom: 4px; } .newsbox ul li h4,.newsbox ul li h3,.newsbox ul li p{ width: 100%; margin-left: 0; } .newsbox ul li p{ font-size: 12px; margin-bottom: 10px; } .newsbox ul li div span{ margin-left: 0; display: none; } .newsbox ul li div i{ font-style: normal; font-size: 12px; } .casebox { margin: 60px auto; } .casebox ul li{ border: 2px solid #fff; } .ititle { margin-bottom: 30px; } .advantage{ display: none; } .honorary ul li{ width: 160px; margin: auto 20px; } .video .spimg{ display: none; } .video{ padding: 60px 0; background: url("/temp/temp/53/53-0021/201907251131/images/videoimg.jpg") no-repeat center center; background-size: 200%; } .video .sptit h1{ font-size: 26px; } .video .sptit h2{ margin-bottom: 20px; } .video .sptit a { width: 42px; height: 42px; } .ititle h1{ font-size: 20px; } .ititle h2{ font-size: 12px; } /*关于澳门威斯尼斯8883入口*/ .labout01 h1{ font-size: 24px; line-height: 30px; } .labout01 span{ width: 200px; height: 10px; margin-top: -10px; } .labout01 h2{ font-size: 16px; } .labout01 div{ height: auto; top: calc(50% - 30px); } .labout02 a{ width: 100%; text-align: center; margin-top: 0; display: none; } .labout02 img{ width: 270px; } .labout02{ margin-top: 60px; } .labout02 div { margin-left: 2%; width: 96%; } .labout03 li{ width: 50%; margin-bottom: 30px; } .labout03 li h3{ margin-bottom: 8px; } .labout04{ margin: 60px auto; padding-bottom: 60px; } .labout04 li div{ padding-left: 55px; width: calc(100% - 60px); background-size: 35px; margin-top: 0; } .labout04 li img{ width: 140px; margin-right: calc(100% - 195px); margin-top: 25px; } .labout04 li div h4{ margin-bottom: 10px; } .labout04 .dots { padding-left: 0; width: calc(100% - 60px); left: inherit; right: 0; } .labout04 .dots span{ float: right; } .labout05 { margin-bottom: 60px; } .labout05 li { width: 100%; margin-right: 0; margin-bottom: 20px; } .labout05 h1, .labout06 h1{ font-size: 22px; } .labout05 li h3 { font-size: 16px; margin-bottom: 0; margin-top: 10px; } .labout05 h2, .labout06 h2{ margin-bottom: 30px; } .labout06 li{ width: 48%; } /*新闻列表页*/ .nybanner .nytit h1 { font-size: 24px; font-weight: bold; } .nybanner{ padding: 40px 0; } .nybanner .nytit span{ width: 34px; margin: 10px auto; } .nybanner .nytit h2{ font-size: 16px; } .default-mobile-list-cats h3{ line-height: 36px; } .lnews li a img{ display: none; } .lnews li a div{ width: 100%; } .lnews li{ padding: 20px 0; } .lnews li h3{ font-size: 14px; } .lnews li h4{ margin-top: 0; } .lnews li p { font-size: 12px; line-height: 20px; max-height: 40px; margin-bottom: 8px; } /*图片列表页*/ .lshow ul li { width: 100%; margin: auto; margin-bottom: 20px; } /*全国网点*/ .lnetwork{ background: #fff; padding-top: 0; padding-bottom: 40px; } .lnetwork .lwd li{ width: 92%; margin: auto; margin-bottom: 20px; background: #f9f9f9; padding: 20px 4%; } } .uid-3059 .casebox{ display: none; } .uid-3059 .advantage{ margin: 80px auto; }