/*! * 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; } .default-basescript-index .wp{ width:1400px; margin:0 auto; } .w960.default-basescript-index .wp{ width:1200px; } .banbox{ position:relative; max-height:980px; overflow:hidden; } .header{ z-index:1; } .header .wp{ width:1400px; } .w960 .header .wp{ width:1200px; } .banbox .header{ position:absolute; width:100%; top:0; left:0; } .logo{ line-height:91px; } .logo img{ max-height:65px; width:auto; } .menu li{ margin-left:5px; } .menu li a{ font-size:16px; color:#fff; padding:32px 30px; display:block; } .header01 .menu li:hover a ,.header01 .menu li.a a{ border-bottom:3px solid #d49872; } .menu li ul{ background:rgba(34, 34, 34, 0.5); padding:10px 0; min-width:100%; display:none; } .header01 .menu li ul{ background:#fff; } .menu li:hover ul{ display:none; } .menu li li{ margin-left:0; } .menu li li a{ padding:5px 25px; position:relative; transition:all .3s; border-bottom:none !important; } .menu li li:hover a{ transform:translateX(5px); -ms-transform:translateX(5px); -moz-transform:translateX(5px); -webkit-transform:translateX(5px); -o-transform:translateX(5px); } .menu li li a::after{ position:absolute; width:4px; height:4px; background:#fff; content:""; left:12px; top:15px; } .header01 .menu li li a::after{ background:#d49872; } .header01 .menu li li:hover a{ color:#d49872; } .banner ul{ animation:myfirst 4s; } @keyframes myfirst{ from {transform:scale(1.08);} to {transform:scale(1);} } @-moz-keyframes myfirst /* Firefox */ { from {transform:scale(1.08);} to {transform:scale(1);} } @-webkit-keyframes myfirst /* Safari and Chrome */ { from {transform:scale(1.08);} to {transform:scale(1);} } @-o-keyframes myfirst /* Opera */ { from {transform:scale(1.08);} to {transform:scale(1);} } .banner li img{ width:100%; height:auto; margin-left:0 !important; left:0 !important; transform:scale(1.08); -ms-transform:scale(1.08); -moz-transform:scale(1.08); -webkit-transform:scale(1.08); -o-transform:scale(1.08); transition: all 4s; } .banner li.active_b img{ transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); } .banner .prev ,.banner .next{ width:50px; height:50px; opacity:0.5; border:2px solid #fff; border-radius:50%; font-size:25px; line-height:50px; margin-top:-25px; text-align:center; background-color:transparent; left:5%; } .banner .next{ left:auto; right:5%; } .banbox .scroll { width: 18px; height: 27px; border: 2px solid #fff; background-color: transparent; border-radius: 8px; z-index:1; position: absolute; bottom: 40px; left: 50%; margin-left: -12px; } .banbox .scroll span { display: block; background: #fff; width: 3px; height: 7px; margin: 0 auto; position: relative; -webkit-animation: scroll 1s infinite; -moz-animation: scroll 1s infinite; -o-animation: scroll 1s infinite; animation: scroll 1s infinite; } .header01{ background:#fff; } .header01 .menu li a{ color:#333; } @-webkit-keyframes scroll { 0%{ top: 5px; } 50%{ top: 9px; } 100%{ top: 5px; } } @-moz-keyframes scroll{ 0%{ top: 5px; } 50%{ top: 9px; } 100%{ top: 5px; } } @-o-keyframes scroll { 0%{ top: 5px; } 50%{ top: 9px; } 100%{ top: 5px; } } @keyframes scroll { 0%{ top: 5px; } 50%{ top: 9px; } 100%{ top: 5px; } } .about{ padding:100px 0; } .about01{ width:53%; } .about01 h2 { font-size: 25px; color: #333; font-weight: bold; margin-bottom:40px; } .about01 .a01{ font-size:16px; color:#777; line-height:2; } .w960 .about01 .a01{ font-size:15px; line-height:1.8; } .about01 a { display: block; width: 94px; font-size: 14px; color: #b97f5a; border-bottom:1px solid #b97f5a; letter-spacing:2px; padding-left:10px; margin-top:50px; transition:all .3s; } .about01 a:hover{ text-indent:10px; width:104px; } .about02 { width: 40%; background:#eed6c7; } .about02 span{ display:block; position:relative; background:#000; transform: translate(-23px,-23px); -ms-transform:translate(-23px,-23px); -moz-transform:translate(-23px,-23px); -webkit-transform:translate(-23px,-23px); -o-transform:translate(-23px,-23px); } .about02 img{ width:100%; height:auto; opacity:.8; transition:all .3s; cursor:pointer; } .about02:hover img{ opacity:.5; } .about02 span em{ display:block; width:66px; height:66px; position:absolute; left:50%; margin-left:-33px; top:50%; margin-top:-33px; background:url("/temp/temp/52/52-0200/201912041351/images/v01.png") no-repeat center center; } .about02 .a02{ position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0, 0, 0, 0.7); z-index:2; display:none; } .about02 .a02 .video{ width:1400px; height:700px; position:absolute; left:50%; margin-left:-700px; top:50%; margin-top:-350px; border:5px solid #fff; border-radius:10px; } .w960 .about02 .a02 .video{ width:1000px; height:500px; margin-left:-500px; margin-top:-250px; } .about02 .a02 .video video ,.about02 .a02 .video iframe{ width:100%; height:100%; } .about02 .a02 .video em{ display:block; position:absolute; width:50px; height:50px; background:#fff; line-height:50px; top:-25px; right:-25px; border-radius:50%; text-align:center; cursor:pointer; } .tit01{ text-align:center; } .tit01 h2{ font-size:30px; font-weight:bold; } .tit01 p{ font-size:16px; color:#666; margin:10px 0; } .case01{ margin-top:50px; } .case01 li{ width:1400px; margin:0 30px; } .w960 .case01 li{ width:1000px; margin:0 20px; } .case01 li a{ display:block; } .case01 li span{ display:block; } .case01 li span img{ width:100%; height:auto; } .case01 li div{ padding:30px 100px; } .case01 li div h3{ font-size:20px; float:left; width:20%; text-align:center; padding-right:3%; line-height:60px; border-right:3px solid #f6eae3; } .case01 li div p{ float:right; width:70%; font-size:15px; line-height:2; color:#666; } .case01 li.swiper-slide-prev span ,.case01 li.swiper-slide-next span{ background:#d49872; } .case01 li.swiper-slide-prev div ,.case01 li.swiper-slide-next div{ opacity:0; } .case01 li.swiper-slide-prev span img ,.case01 li.swiper-slide-next span img{ opacity:.2; } .case01 .prev02 ,.case01 .next02{ position:absolute; width:50px; height:50px; top:36%; left:70px; z-index:2; cursor:pointer; border:2px solid transparent; border-radius:50%; transition:all .3s; background:url("/temp/temp/52/52-0200/201912041351/images/prev02.png") no-repeat center center; } .w960 .case01 .prev02,.w960 .case01 .next02{ top:28%; } .case01 .next02{ left:auto; right:70px; background:url("/temp/temp/52/52-0200/201912041351/images/nex02.png") no-repeat center center; } .case01 .prev02:hover ,.case01 .next02:hover{ border:2px solid #fff; } .workbox{ padding:80px 0; background:#fafafa; margin-top:50px; } .tit02{ text-align:center; margin-bottom:50px; } .tit02 h2{ font-size:30px; font-weight:bold; } .tit02 p { text-transform: uppercase; font-size: 20px; } .workbox ul{ position:relative; width:1400px; height:460px; overflow:hidden; } .w960 .workbox ul{ width:1200px; height:382px; } .workbox li{ float:left; width:40%; position:absolute; top:0; border-left:30px solid #fafafa; } .workbox li.a0{ left:0; border:none; } .workbox li.a1{ left:40%; z-index:2; } .workbox li.a2{ left:60%; z-index:3; } .workbox li.a3{ left:80%; z-index:4; } .workbox li a{ display:block; position:relative; } .workbox li img{ width:100%; height:auto; } .workbox li .d01{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0, 0, 0, 0.4); color:#fff; } .workbox li .d01 span { display: block; width: 60px; margin: 25px; } .workbox li .d01 .d02 h3{ position:absolute; left:30px; font-size:16px; transition:all .5s; } .workbox li:hover .d01 .d02 h3.h01 ,.workbox li.a .d01 .d02 h3.h01{ opacity:0; transform:scale(0); -ms-transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0); -o-transform:scale(0); } .workbox li .d01 .d02 h3.h02{ opacity:0; bottom:30px; transition:all .5s; transform:scale(0); -ms-transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0); -o-transform:scale(0); } .workbox li:hover .d01 .d02 h3.h02 ,.workbox li.a .d01 .d02 h3.h02{ transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); opacity:1; } .workbox li .d01 .d02 h3 p{ text-transform:uppercase; } .w960 .workbox li .d01 .d02 h3 p{ font-size:14px; } .workbox li .d01 .d02 em{ position:absolute; width:35px; height:35px; line-height:35px; text-align:center; border-radius:50%; background:#fff; color:#999; bottom:30px; opacity:0; } .workbox li .d01 .d02 em.e01{ left:30px; opacity:.5; } .workbox li:hover .d01 .d02 em.e01 ,.workbox li.a .d01 .d02 em.e01{ opacity:0; } .workbox li .d01 .d02 em.e02{ right:60px; opacity:0; transition:all .5s; transform:scale(0); -ms-transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0); -o-transform:scale(0); } .workbox li:hover .d01 .d02 em.e02 ,.workbox li.a .d01 .d02 em.e02{ opacity:1; right:30px; transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); } .newsbox { margin-top:80px !important; } .newsbox .tit02 h2{ text-align:left; float:left; } .newsbox .tit02 h2 p{ font-weight:normal; font-size:16px; } .newsbox .tit02 ul{ float:right; margin-top:45px; } .newsbox .tit02 li{ float:left; margin-left:30px; } .newsbox .tit02 li a{ display:block; font-size:14px; color:#666; transition:all .3s; } .newsbox .tit02 li:hover a{ color:#b39270; } .news01 li{ float:left; width:32%; margin-right:2%; transition:all .3s; } .news01 li:hover{ box-shadow:0 5px 25px #eee; } .news01 li a{ display:block; border:1px solid #eee; } .news01 li span{ display:block; position:relative; overflow:hidden; } .news01 li span img{ width:100%; height:auto; transition:all .3s; } .news01 li:hover span 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); } .news01 li span em{ display:block; position:absolute; padding:3px 15px; background:rgba(204, 159, 132, 0.8); text-align:center; font-size:12px; color:#fff; bottom:0; left:0; font-style:normal; } .news01 li div{ padding:30px; } .news01 li div h3{ font-size:15px; padding-bottom:10px; border-bottom:1px solid #fff; transition:all .3s; } .news01 li:hover div h3{ border-bottom:1px solid #eee; transform:translateY(-5px); -ms-transform:translateY(-5px); -moz-transform:translateY(-5px); -webkit-transform:translateY(-5px); -o-transform:translateY(-5px); color:#b39270; } .news01 li div p { font-size: 12px; color: #999; line-height: 25px; height: 50px; overflow: hidden; transition:all .3s; } .news01 li:hover div p { transform:translateY(5px); -ms-transform:translateY(5px); -moz-transform:translateY(5px); -webkit-transform:translateY(5px); -o-transform:translateY(5px); } .footer{ background:#f2f2f2; margin-top:100px; } .ftnav{ text-align:center; border-bottom:1px solid #ddd; } .ftnav li{ display:inline-block; *display:inline; } .ftnav li a{ display:block; padding:25px 45px; font-size:14px; position:relative; transition:all .3s; } .ftnav li:hover a{ color:#b39371; } .ftnav li a::after{ position:absolute; content:""; height:13px; width:1px; right:0; top:28px; background:#ccc; } .ftnav li:last-child a:after{ display:none; } .foot01{ margin-top:50px; } .foot01 .ft01{ float:left; width:20%; } .foot01 .ft01 a{ display:block; font-size:16px; color:#999; line-height:28px; transition:all .3s; } .foot01 .ft01 a:hover{ color:#333; } .foot01 h2{ font-size:18px; font-weight:bold; padding-bottom:10px; margin-bottom:25px; border-bottom:1px solid #ddd; } .foot01 .ft02{ float:left; width:34%; margin:0 8%; } .foot01 .ft02 li{ font-size:14px; margin-bottom:10px; } .foot01 .ft02 li span{ color:#999; } .foot01 .ft02 a{ line-height:35px; border-radius:25px; font-size:14px; border:1px solid #cdcdcd; background:url("/temp/cus/fj/zh/gr/fjzhgroup.com/temp/52-0200/201912041351/images/dh01.png") no-repeat 13px center; background-size:20px; display:inline-block; *display:inline; padding:0 20px 0 40px; margin-top:30px; color:#999; transition:all .3s; } .foot01 .ft02 a:hover{ background-color:#fff; } .foot01 .ft03{ float:right; width:30%; } .foot01 .ft03 span{ display:block; float:left; width:120px; text-align:center; } .foot01 .ft03 span p{ margin-top:10px; color:#999; } .foot01 .ft03 img{ width:100%; height:auto; } .foot01 .ft03 .d01{ float:left; margin-left:50px; } .foot01 .ft03 .d01 a { display: block; width: 60px; padding: 8px 15px; padding-left: 35px; border: 1px solid #ddd; margin-bottom: 10px; font-size: 14px; border-radius: 5px; background:url("/temp/temp/52/52-0200/201912041351/images/qq01.png") no-repeat 13px center; background-size:15px; transition:all .3s; } .foot01 .ft03 .d01 a.a02{ background:url("/temp/temp/52/52-0200/201912041351/images/xz01.png") no-repeat 13px center; background-size:15px; } .foot01 .ft03 .d01 a:hover{ background-color:#fff; } .foot02{ padding:20px 0; margin-top:50px; background:#eaeaea; } .default-pc-copyright { margin: 0 auto; text-align: center; font-size:14px; line-height:1.5; } .default-pc-copyright a { color: #999; font-size: 14px; } .default-pc-copyright a:hover ,.links dd a:hover{ color:#c39d73; text-decoration:underline; } .links dl{ text-align:center; margin-bottom:5px; } .links dt ,.links dd{ display:inline-block; *display:inline; font-size:14px; float:none; margin:0 5px; color:#666; } .links dd a{ color:#666; transition:all .3s; } .float-r{ position:fixed; top:40%; right:0; z-index:3; } .float-r li{ background:#404040; transition:all .3s; } .float-r li:hover{ background:#333; } .float-r li a{ display:block; width:40px; height:40px; background:url("/temp/temp/52/52-0200/201912041351/images/qq02.png") no-repeat center center; background-size:20px; border-bottom:1px solid #494949; } .float-r li.wx01 a{ background:url("/temp/temp/52/52-0200/201912041351/images/wx02.png") no-repeat center center; background-size:20px; } .float-r li.ly01 a{ background:url("/temp/temp/52/52-0200/201912041351/images/ly02.png") no-repeat center center; background-size:20px; } .float-r li.top01 a{ background:#d49872; text-align:center; line-height:40px; color:#fff; border:none; } .erweima { width: 100%; height: 100%; top: 0; left: 0; position: fixed; z-index: 102; display: none; background:rgba(0, 0, 0, 0.3); } .erweima-1{ width: 300px; background: #fff; z-index: 102; height: 300px; left: 50%; top: 50%; margin-top: -150px; margin-left: -150px; position: absolute; } .erweima-1 img{ width:100%; height:auto; } .close{ display: block; top: -15px; right: -15px; width: 30px; height: 30px; position: absolute; background:url("/temp/temp/52/52-0200/201912041351/images/fancybox.png") -40px 0px; cursor: pointer; } .default-mod-add .titbox ,.default-mod-diy .titbox{ display:none; } /*----------------list-news-----------------------*/ .ban01{ position:relative; } .ban01 img{ width:100%; height:auto; } .titbox{ text-align:center; position:absolute; z-index:1; width:100%; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); color:#fff; } .titbox h3 { font-size: 40px; color: #fff; font-weight: bold; text-transform: capitalize; line-height:1; } .titbox em{ display:block; width:2px; height:20px; background:#fff; margin:15px auto; transform:rotate(15deg); -ms-transform:rotate(15deg); -moz-transform:rotate(15deg); -webkit-transform:rotate(15deg); -o-transform:rotate(15deg); } .titbox h4{ font-size:18px; line-height:1; } .list-nav{ border-bottom:1px solid #eee; text-align:center; } .list-nav li{ display:inline-block; *display:inline; } .list-nav li a{ display:block; font-size:16px; padding:20px 40px; } .list-nav li:hover a ,.list-nav li.a a{ background:#d49872; color:#fff; } .list-nav li a span{ display:none; } .list-news{ margin-top:50px; } .list-news01 li a{ display:block; background:#fafafa; } .list-news01 li a span{ display:block; float:left; width:50%; } .list-news01 li a img{ width:100%; height:auto; } .list-news01 li div{ float:left; width:40%; padding:6% 5%; } .w960 .list-news01 li div{ padding:4%; } .list-news01 li div ins { display: block; text-decoration: none; font-size: 25px; } .list-news01 li div ins em{ font-style:normal; font-size:14px; margin-left:5px; color:#666; } .list-news01 li div h3 { font-size: 18px; margin: 15px 0; max-height:54px; overflow:hidden; } .list-news01 li div p { font-size: 14px; line-height: 25px; color: #999; height: 50px; overflow: hidden; } .list-news01 li div em.e01 { display: block; font-style: normal; font-size: 14px; color: #d49872; margin-top: 50px; } .w960 .list-news01 li div em.e01{ margin-top:30px; } .list-news01 .prev ,.list-news01 .next{ width:40px; height:40px; line-height:40px; margin-top:0; left:auto; right:40px; top:auto; bottom:0; text-align:center; opacity:1; font-size:20px; background-color:#caa984; } .list-news01 .next{ right:0; background-color:#be9567; } .list-news02{ margin-top:30px; } .pub{ text-align:right; margin:10px auto; } .list-news02 li{ margin-bottom:40px; } .list-news02 li a{ display:block; transition:all .3s; } .list-news02 li:hover a{ background:#fafafa; box-shadow:0 10px 15px #eee; } .list-news02 li a span{ display:block; float:left; width:27%; } .list-news02 li img{ width:100%; height:auto; } .list-news02 li div{ float:right; width:70%; } .list-news02 li div h3{ font-size:16px; margin:15px 0; } .list-news02 li div p{ font-size:14px; line-height:25px; height:50px; overflow:hidden; color:#999; } .searchnews{ margin-bottom: 10px; margin-top: 50px; text-align: right; } .searchnews form{ display:inline-block; *display:inline; } .searchnews .default-pc-search-keyword { width: 260px; line-height: 30px; padding-left: 10px; border: 1px solid #be9567; outline-style: none; } .searchnews .default-pc-search-submit { width: 50px; margin-left: -5px; background: #be9567; line-height: 30px; color: #fff; border: 1px solid #be9567; } .default-basescript-search .titbox{ display: none; } /*-----------------------view-news01-----------------------------*/ .view-news01{ padding:50px 100px; background:#fff; margin-top:40px; } .view-news01 .time01{ color:#ccc; font-size:14px; } .view-news01 .time01 a { display: inline-block; *display: inline; padding: 6px 20px; background: #d49872; color: #fff; font-size: 14px; margin-right:10px; opacity:.8; transition:all .3s; } .view-news01 .time01 a:hover{ opacity:1; } .view-news01 .time01 em{ font-style:normal; } .view-news01 .title01 { font-size: 25px; margin: 30px 0; font-weight: bold; color:#333; padding-bottom: 20px; border-bottom: 1px solid #eee; } .fanye{ padding-top:20px; border-top:1px solid #eee; margin-top:30px; } .fanye p{ width:45%; } .fanye p.r{ text-align:right; } .fanye p a em{ display:inline-block; *display:inline; width:20px; height:20px; border-radius:3px; line-height:20px; text-align:center; color:#fff; margin-right:5px; background:#ccc; transition:all .3s; } .fanye p a{ font-size:14px; color:#999; line-height:20px; transition:all .3s; } .fanye p:hover a em{ background:#d49872; } .fanye p:hover a{ color:#d49872; } .page a.a, .page a:hover { background: #d49872; color: #fff; } /*------------------list-show-------------------*/ .show-tit{ margin-top:40px; } .show-tit dl{ padding:8px 30px; background:#fff; margin-bottom:10px; } .show-tit dl dt ,.show-tit dl dd{ float:left; font-size:14px; } .show-tit dl dt{ font-weight:bold; } .show-tit dl dd a{ color:#666; padding:3px 10px; margin:0 5px; } .show-tit dl dd .all{ font-weight:bold; } .show-tit dl dd .all:hover ,.show-tit dl dd.a .all{ background: #d49872; color: #fff; border-radius: 20px; } .show-tit dl dd.a a ,.show-tit dl dd a:hover{ color:#d49872; } .show-tit dl dd .all:hover{ color:#fff; } .list-show{ margin-top:40px; } .list-show li{ float:left; width:48.5%; margin-right:3%; margin-bottom:3%; transition:all .3s; } .list-show li:hover{ transform:translateY(-5px); -ms-transform:translateY(-5px); -moz-transform:translateY(-5px); -webkit-transform:translateY(-5px); -o-transform:translateY(-5px); box-shadow:0 5px 20px #dedede; } .list-show li a{ display:block; } .list-show li span{ display:block; overflow:hidden; } .list-show li img{ width:100%; height:auto; transition:all .3s; } .list-show li:hover img{ transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); } .list-show li div{ padding:20px 0; background:#fff; } .list-show li div h3{ padding:0 30px; font-size:18px; font-weight:bold; } .list-show li div p{ margin-top:20px; border-top:1px solid #eee; padding:15px 0 0 20px; } .list-show li div p ins{ display:block; text-decoration:none; font-size:14px; color:#666; padding:2px 0; } .list-show li div p em { font-style: normal; font-size: 14px; color: #666; padding-right: 10px; line-height: 1; margin-left:10px; } .list-show li div .e04 { float: right; font-size: 18px; color: #999; padding-right: 0; } /*----------------------view-show---------------------*/ .list-nav01{ background:#fff; border:none; } .itemsum{ margin:70px auto; background:#fff; } .itemsum span{ display:block; float:left; width:65%; } .itemsum span img{ width:100%; height:auto; } .itemsum div.d01{ float:right; width:29%; padding:3%; padding-bottom:0; } .itemsum div h2 { font-size: 30px; font-weight: bold; border-bottom:3px solid #f2f2f2; padding-bottom:15px; margin-bottom:10px; } .itemsum div p { font-size: 14px; color: #666; padding: 14px 0; border-bottom: 1px solid #eee; } .itemsum div p em { display: block; font-style: normal; font-size: 16px; font-weight: bold; margin-bottom:3px; } .itemsum div p strong{ font-size:25px; color:#d49872; } .itemsum div p.p04{ border-bottom:none; } .itemsum div p.p04 em{ float:left; } .itemsum div p img{ float:left; width:110px; height:auto; margin-left:10px; } .item-situation{ margin-bottom:70px; } .item-situation h2 ,.itempic h2 ,.itemdesign h2 ,.itemmap h2{ text-align:center; font-size:30px; margin:30px 0; font-weight:bold; } .itempic{ padding:70px 0; background:#fff; } .itempic h2{ text-align:center; margin-bottom:50px; } .itempic li{ float:left; width:393px; margin-right:10px; } .itempic li a{ display:block; } .itempic li a img{ width:100%; height:auto; } .itempic02{ position:relative; } .itempic01{ overflow:hidden; } .itempic .prev03 ,.itempic .next03{ position:absolute; width:60px; height:100%; text-align:center; left:-70px; top:0; background:#e5c1aa url("/temp/temp/52/52-0200/201912041351/images/prev02.png") no-repeat center center; background-size:20px; transition:all .3s; z-index:2; outline-color: #fff; } .itempic .next03{ background:#e5c1aa url("/temp/temp/52/52-0200/201912041351/images/nex02.png") no-repeat center center; background-size:20px; right:-70px; left:auto; } .itempic .prev03:hover ,.itempic .next03:hover{ background-color:#d49872; } .itemdesign{ margin:70px auto; } .yangban { background: #fff; margin: 0 auto; } .yangban h2{ padding-top:70px; } .itemdesign h2{ text-align:center; margin-bottom:50px; } .itemdesign01{ position:relative; } .itemdesign li{ width:385px; margin-right:30px; } .itemdesign li a{ display:block; position:relative; } .itemdesign li img{ width:100%; height:auto; } .itemdesign li h3{ line-height:45px; text-align:center; color:#fff; background:rgba(0, 0, 0, 0.4); position:absolute; bottom:0; left:0; font-size:14px; width:100%; } .itemdesign02{ overflow:hidden; } .itemdesign .prev04 ,.itemdesign .next04 ,.itemdesign .prev06 ,.itemdesign .next06{ position:absolute; width:40px; height:40px; left:-40px; color:#fff; top:50%; margin-top:-20px; line-height:40px; text-align:center; z-index:2; cursor:pointer; background:#c8c8c8; outline-color: #fff; transition:all .3s; } .itemdesign .next04 ,.itemdesign .next06{ left:auto; right:-40px; } .itemdesign .prev04:hover ,.itemdesign .next04:hover ,.itemdesign .prev06:hover ,.itemdesign .next06:hover{ background:#d49872; } .itemmap{ padding:70px 0; background:#fff; } .itemmap h2{ text-align:center; margin-bottom:50px; } .itemmap .itemmap01 { position: relative; } .itemmap .itemmap01 img{ width:100%; height:auto; } .itemmap .itemmap01 .m02{ position:absolute; width:100%; height:100%; left:0; top:0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .itemmap .itemmap01 .m02 iframe{ width:100%; height:100%; } /*---------------list-about------------------*/ .list-about01{ padding:100px 0; } .list-about01 span { display: block; float: left; width: 43%; margin-left: 3%; } .list-about01 span img{ width:100%; height:auto; } .list-about01 div.d01{ float:right; width:42%; padding:4% 5% 0 0; } .list-about01 div h3 { font-size: 40px; color:#333; } .list-about01 div h3 em{ display:block; font-style:normal; } .list-about01 div h4 { font-size: 20px; margin: 30px 0; } .list-about01 div h4 em { height: 3px; display: block; background: #d49872; width: 40px; margin: 50px 0; } .list-about01 div .d02 p { font-size: 14px; color: #666; line-height: 2; margin-bottom: 20px; } .list-about01 div a { display: block; font-size: 14px; text-decoration: underline; color: #d49872; margin-top: 50px; transition:all .3s; } .list-about01 div a:hover{ color:#b77449; } .list-about02{ padding-top:70px; background:url("/temp/temp/52/52-0200/201912041351/images/bg01.jpg") no-repeat center center; background-attachment:fixed; background-size:cover; } .list-about02 h2 ,.list-about03 h2 ,.list-about04 h2{ font-size:25px; text-align:center; color:#fff; font-weight:bold; margin-bottom:50px; } .list-about02 h2 p ,.list-about03 h2 p ,.list-about04 h2 p{ text-transform:uppercase; font-size:16px; font-weight:normal; } .develop{ position:relative; padding-bottom:70px; } .develop ul{ height:440px; overflow:hidden; transition:all .3s; } .develop li{ color:#fff; padding:20px 0; } .develop li h3{ float:left; padding-left:50px; position:relative; font-size:14px; width:130px; } .develop li h3 em{ display:block; position:absolute; width:10px; height:4px; border-radius:0 3px 3px 0; background:#d49872; left:4px; top:8px; } .develop li p{ position:relative; float:left; padding-left:15px; font-size:14px; } .develop li p::after{ position:absolute; left:0; top:8px; content:""; background:#fff; width:4px; height:4px; } .develop .line01{ position:absolute; width:4px; height:100%; background:#d49872; bottom:0; } .develop .line01 span{ display:block; width:6px; height:6px; border:8px solid #fff; border-radius:50%; background:#d49872; position:absolute; top:-11px; left:-9px; } .moredown01{ margin-left:50px; display:block; } .moredown01 em ,.moredown01 a{ font-size:14px; font-weight:normal; cursor:pointer; display:block; width:150px; height:40px; background:#fff; line-height:40px; text-align:center; -webkit-text-stroke-width: initial; transition:all .3s; } .moredown01 em:hover ,.moredown01 a:hover{ background:#d49872; color:#fff; } .moredown01 em.em02{ display:none; } .list-about03{ padding:80px 0; } .list-about03 h2 ,.list-about04 h2{ color:#333; } .leader{ box-shadow:0 0 20px #ddd; padding:70px 0; } .leader .d01 { float: left; width: 44%; padding-left:10%; } .leader .d01 h3 { font-size: 30px; font-weight: bold; color: #b50000; margin-bottom: 40px; } .leader .d01 div{ font-size:14px; color:#666; line-height:2; } .leader .d01 div p{ margin-bottom:20px; } .leader .d01 a { display: block; width: 134px; height: 34px; line-height: 34px; border: 1px solid #b50000; text-align: center; font-size: 14px; color: #b50000; transition:all .3s; margin-top:50px; } .leader .d01 a:hover{ background:#b50000;; color:#fff; } .leader span { display: block; width: 26%; padding: 0 10%; float: right; } .leader span img{ width:100%; height:auto; } .list-about04{ padding:30px 0; } .list-about04 .moreab01 { display: block; width: 150px; line-height: 40px; margin: 0 auto; text-align: center; border: 1px solid #d49872; margin-top: 50px; font-size: 14px; color: #d49872; transition:all .3s; } .list-about04 .moreab01:hover{ background: #d49872; color:#fff; } .honorbox{ position:relative; } .honor{ overflow:hidden; padding:20px 0; } .honorbox li{ float:left; width:322px; transition:all .3s; } .honorbox li:hover{ transform:translateY(-5px); -ms-transform:translateY(-5px); -moz-transform:translateY(-5px); -webkit-transform:translateY(-5px); -o-transform:translateY(-5px); } .honorbox li a{ display:block; padding-bottom:48px; text-align:center; background:url("/temp/temp/52/52-0200/201912041351/images/jianbg.jpg") no-repeat center bottom; } .honorbox li a img{ width:90%; height:auto; } .honorbox li h3{ text-align:center; font-size:14px; color:#666; margin-top:10ppx; } .honorbox .prev05 ,.honorbox .next05{ position:absolute; width:40px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:50%; background:#ccc; left:-50px; top:50%; margin-top:-45px; cursor:pointer; transition:all .3s; } .honorbox .next05{ left:auto; right:-50px; } .honorbox .prev05:hover ,.honorbox .next05:hover{ background:#d49872; } /*--------------list-develop-----------------------*/ .list-fazhang{ } .list-fazhang{ } .fazhang01{ margin-top:70px; } .fazhang01 dl{ text-align:center; } .fazhang01 dl dt{ position:relative; text-align:left; } .fazhang01 dl dt img{ width:100%; height:auto; } .fazhang01 dl dt div{ position:absolute; left:0; top:0; color:#fff; top:30%; left:5%; } .fazhang01 dl dt div h3 { font-size: 25px; font-weight: bold; margin-bottom: 10px; } .fazhang01 dl dt div p{ font-size:15px; } .fazhang01 dl dd{ text-align:center; display:inline-block; *display:inline; width:29%; margin-top:-70px; position:relative; } .fazhang01 dl dd div { width: 120px; height: 120px; background: rgba(212, 152, 114, 0.6); border-radius: 50%; margin:0 auto; padding:10px; } .fazhang01 dl dd div span{ display:block; width:120px; height:120px; line-height:120px; border-radius:50%; background: rgba(212, 152, 114, 0.8); } .fazhang01 dl dd div span img{ width:50px; height:auto; } .fazhang01 dl dd h3 ,.fazhang01 dl dd p{ margin-top:15px; font-size:20px; font-weight:bold; color:#d49872; } .fazhang01 dl dd p{ margin-top:0; } .fazhang02{ border-top:3px solid #faf2ee; margin-top:30px; padding-top:20px; position:relative; } .fazhang02 ul{ position:relative; z-index:1; } .line02{ width:2px; height:100%; left:144px; top:50px; background:#eee; position:absolute; } .fazhang02 li h3 { float: left; font-size: 35px; color: #666; font-family: Georgia; font-weight: bold; width: 120px; margin-top:20px; } .fazhang02 li span{ display:block; float:left; width:50px; height:50px; margin-top:28px; background:#fff url("/temp/temp/52/52-0200/201912041351/images/horone01.png") no-repeat center center; } .fazhang02 li div { font-size: 15px; color: #666; float: right; width: calc(100% - 220px); position:relative; padding:40px 0 40px 20px; border-bottom:1px dashed #dedede; } .fazhang02 li div::after ,.fazhang02 li div p::after{ position:absolute; content:""; width:6px; height:6px; background:#d49872; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); left:0; top:47px; } .fazhang02 li div p{ margin-top:7px; position:relative; } .fazhang02 li div p::after { top: 8px; left: -20px; } .default-article-auto { margin-top:50px; } .default-article-auto h2{ display:none; } /*----------------view-industry---------------*/ .bansum{ margin-top:70px; position:relative; } .bansum01 .dots{ bottom:90px; } .bansum01 .dots span { width: 12px; height: 12px; border-radius: 50%; } .bansum01 .dots span.active{ background-color:#d49872; } .bansum01 li img{ width:100%; height:auto; margin-left:0 !important; left:0 !important; } .bansum h3 { position: absolute; width: 100%; line-height: 70px; font-size: 25px; color: #fff; bottom: 0; left: 0; z-index: 2; text-align: center; background: rgba(0, 0, 0, 0.55); } .view-industry .article{ padding:50px 70px; } .industry01 li{ margin-bottom:40px; background:#f5f5f5; } .industry01 li span{ display:block; float:left; width:50%; } .industry01 li div.d01{ float:right; width:40%; padding:3% 5%; } .industry01 li span img{ width:100%; height:auto; } .industry01 li div h3{ font-size:20px; font-weight:bold; color:#d49872; padding-bottom:15px; border-bottom:2px solid #d49872; } .industry01 li .d01 div { font-size: 15px; color: #666; line-height: 2; margin-top: 20px; } .w960 .industry01 li .d01 div { font-size:14px; line-height:1.6; } .industry01 li.two span{ float:right; } .industry01 li.two .d01{ float:left; } .industry02{ margin-top:150px; } .industry02 li{ float:left; width:32%; margin-right:2%; } .industry02 li div{ border:1px solid #dedede; text-align:center; } .industry02 li span{ background:#fff; width:100px; margin:0 auto; margin-top:-30px; margin-bottom:20px; position:relative; display:block; } .industry02 li span em{ display:block; width:56px; height:56px; margin:0 auto; border-radius:50%; border:2px solid #d49872; background:url("/temp/temp/52/52-0200/201912041351/images/ad01.png") no-repeat center center; background-size:30px; } .industry02 li.l02 span em{ background:url("/temp/temp/52/52-0200/201912041351/images/ad02.png") no-repeat center center; background-size:30px; } .industry02 li.l03 span em{ background:url("/temp/temp/52/52-0200/201912041351/images/ad03.png") no-repeat center center; background-size:30px; } .industry02 li div{ padding-bottom:20px; } .industry02 li div h3{ font-size:16px; font-weight:bold; color:#666; } .industry02 li div h3 em{ display:block; width:40px; height:1px; margin:15px auto; background:#d49872; } .industry02 li div p{ color:#777; font-size:15px; height:80px; } .industry02 li div img{ width:80px; height:auto; } .industry02 .enter01{ display:block; width:140px; line-height:40px; border:2px solid #d49872; margin:0 auto; color:#d49872; font-size:15px; font-weight:normal; text-align:center; margin-top:50px; font-weight:bold; transition:all .3s; } .industry02 .enter01 em{ font-weight:normal; font-size:15px; margin-left:8px; } .industry02 .enter01:hover{ background:#d49872; color:#fff; } /*--------------------list-industry--------------------*/ .intit{ text-align:center; padding:70px 0; position:relative; } .intit::after{ position:absolute; content:""; width:1px; height:100%; top:0; background:#eee; left:50%; } .intit .d01{ background:#fff; position:relative; z-index:1; padding:20px 0; } .intit h3{ font-size:35px; font-weight:bold; color:#333; } .intit h4{ text-transform:uppercase; font-size:13px; color:#666; } .intit p{ font-size:16px; color:#333; margin-top:10px; } .list-industry01{} .list-industry01 li{ margin-bottom:50px; } .list-industry01 li a{ display:block; } .list-industry01 li a img{ width:100%; height:auto; } .list-industry01 li div.d01{ padding:50px 0; } .list-industry01 li div.d01 h3 { font-size: 20px; float:left; width:40%; position:relative; } .list-industry01 li div.d01 h3 span{ display:block; position:relative; z-index:1; } .list-industry01 li div.d01 h3 em { display: block; font-size: 60px; color: #f7f7f7; font-style: normal; font-weight: bold; left: 0; position: absolute; top: 0; line-height: 1; } .list-industry01 li div.d01 div{ float:right; width:55%; } .list-industry01 li div.d01 div p { font-size: 14px; line-height: 2; color: #666; } .list-industry01 li div.d01 div a{ display:block; width:112px; height:34px; line-height:34px; color:#fff; background:#d49872; text-align:center; margin-top:30px; transition:all .3s; } .list-industry01 li div.d01 div a:hover{ background:#ad7450; } /*-----------------lisy-dichang----------------------*/ .mapbox .map01{ height:879px; position:relative; background:url("/temp/temp/52/52-0200/201912041351/images/map.png") no-repeat center center; } .mapbox{ width:1188px; margin:0 auto; } .mapbox h2{ text-align:center; font-size:35px; color:#333; font-weight:bold; margin-top:80px; } .mapbox h2 p{ font-size:16px; margin-top:10px; font-weight:normal; } .mapbox .map01 li h3{ display:none; } .mapbox .map01 li div{ position:absolute; text-align:center; padding-top:15px; } .mapbox .map01 li div a{ display:block; font-size:16px; transition:all .3s; } .mapbox .map01 li div a:hover{ color:#a40000; } .mapbox .map01 li div em{ position:absolute; width:12px; height:12px; top:0; left:50%; transform:translateX(-50%); background:url("/temp/temp/52/52-0200/201912041351/images/yuan01.png") no-repeat center center; } .mapbox .map01 li.m0 div.d01 { right: 100px; top: 130px; } .mapbox .map01 li.m0 div.d02 { right: 114px; top: 220px; } .mapbox .map01 li.m1 div.d01 { left: 688px; top: 326px; } .mapbox .map01 li.m1 div.d02 { left: 223px; top: 300px; } .mapbox .map01 li.m2 div.d01 { left: 250px; bottom: 320px; } .map01 li.m2 div.d02 { left: 430px; top: 436px; } .map01 li.m3 div.d01 { left: 607px; top: 435px; } .map01 li.m3 div.d02 { left: 650px; top: 400px; } .map01 li.m4 div.d01 { right: 441px; top: 467px; } .map01 li.m4 div.d02 { right: 378px; top: 397px; } .map01 li.m5 div.d01 { right: 314px; top: 375px; } .map01 li.m5 div.d02 { top: 480px; right: 340px; } .map01 li.m6 div.d01 { top: 326px; right: 297px; } .map01 li.m6 div.d02 { right: 273px; top: 343px; } .map01 li.m7 div.d01 { right: 252px; top: 409px; } .map01 li.m7 div.d02 { top: 498px; right: 200px; } .map01 li.m8 div.d01 { right: 168px; top: 548px; } .map01 li.m8 div.d02 { top: 593px; right: 182px; } .map01 li.m9 div.d01 { right: 223px; bottom: 174px; } .map01 li.m9 div.d02 { right: 280px; bottom: 200px; } .map01 li.m10 div.d01 { right: 252px; bottom: 305px; } .map01 li.m10 div.d02 { right: 461px; bottom: 264px; } .map01 li.m11 div.d01 { bottom: 200px; right: 367px; } .map01 li.m11 div.d02 { right: 350px; bottom: 285px; } .map01 li.m12 div.d01 { bottom: 100px; right: 438px; } .map01 li.m12 div.d02 { right: 472px; bottom: 181px; } .map01 li.m13 div.d01 { bottom: 120px; left: 550px; } .map01 li.m13 div.d02 { right: 570px; bottom: 270px; } .map01 li.m14 div.d01 { bottom: 120px; right: 324px; } .map01 li.m14 div.d02 { bottom: 78px; right: 303px; } .map01 li.m15 div.d01 { bottom: -13px; right: 412px; } .map01 li.m15 div.d02 { bottom: 61px; right: 331px; } .map01 li.m16 div.d01 { right: 163px; top: 271px; } .map01 li.m16 div.d02 { right: 145px; bottom: 122px; } .hotcase{ padding:70px 0; background:#f7f7f7; margin-top:100px; } .hotcase h2{ font-size:35px; font-weight:bold; text-align:center; margin-bottom:40px; } .hotcase h2 p{ text-transform:uppercase; font-size:16px; margin-top:5px; font-weight:normal; } .hotcase li{ width:680px; margin-right:40px; transition:all .3s; } .w960 .hotcase li{ width:470px; margin-right:20px; } .hotcase ul{ padding:20px 0; } .hotcase li a{ display:block; background:#fff; } .hotcase li:hover{ box-shadow:0 0 20px #ddd; transform:translateY(-5px); -ms-transform:translateY(-5px); -moz-transform:translateY(-5px); -webkit-transform:translateY(-5px); -o-transform:translateY(-5px); } .hotcase li a span{ display:block; } .hotcase li img{ width:100%; height:auto; } .hotcase li div{ padding:20px 25px; } .hotcase li div h3{ float:left; width:80%; font-size:17px; margin-bottom:5px; } .hotcase li div p{ float:left; width:80%; font-size:14px; color:#999; } .hotcase li div em{ float:right; display:block; padding-right:30px; font-style:normal; background:url("/temp/temp/52/52-0200/201912041351/images/jt02.png") no-repeat center right; } .hotcase .prev ,.hotcase .next{ width:40px; height:40px; line-height:40px; font-size:18px; margin-top:-60px; opacity:.4; background-color:#d49872; text-align:center; } /*--------------------list-video------------------------*/ .list-video{ } .list-video{ margin-top:50px; } .list-video li{ float:left; width:48%; margin-right:4%; margin-bottom:4%; } .list-video li a{ display:block; } .list-video li a span{ display:block; background:#000; position:relative; overflow:hidden; } .list-video li a img{ width:100%; height:auto; opacity:.7; transition:all .5s; } .list-video li:hover a 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); opacity:.5; } .list-video li a span em{ display:block; position:absolute; width:100%; height:100%; left:0; top:0; background:url("/temp/temp/52/52-0200/201912041351/images/v01.png") no-repeat center center; } .list-video li a h3{ text-align:center; line-height:50px; font-size:16px; } .view-page01 .word .title01{ text-align:center; font-size:30px; margin:50px 0; } .view-page01 .word hr{ opacity:.2; } /*--------------list-pic------------------*/ .list-pic{ margin-top:50px; } .list-pic li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; transition:all .3s; } .list-pic li:hover{ box-shadow:0 0 20px #ccc; } .list-pic li a{ padding:10px; background:#fff; display:block; } .list-pic li a span{ display:block; background:#000; } .list-pic li a span img{ width:100%; height:auto; transition:all .3s; } .list-pic li:hover span img{ opacity:.7; } .list-pic li a h3{ text-align:center; line-height:50px; font-size:16px; padding-top:10px; } /*--------------------list-join----------------*/ .linian{ padding-top:70px; } .linian h2 ,.list-join h2{ text-align:center; font-size:30px; font-weight:normal; margin:50px 0; font-weight:bold; color:#333; } .linian h2 p ,.list-join h2 p{ color:#999; text-transform:uppercase; font-size:14px; font-weight:normal; } .linian li{ float:left; width:32%; margin-right:2%; } .linian li:last-child{ margin-right:0 !important; } .linian li ins{ display:block; text-decoration:none; border:5px solid #fff; transition:all .3s; box-shadow: 0 0 10px #eee; } .linian li:hover ins{ border-color:#d49872; } .linian li ins span{ display:block; } .linian li img{ width:100%; height:auto; } .linian li .d01{ padding:20px } .linian li .d01 h3{ font-size:16px; font-weight:bold; margin-bottom:5px; } .linian li .d01 p{ font-size:14px; color:#999; } .w960 .linian li .d01 p{ font-size:13px; } .list-join{ padding:100px 0; background:#f7f7f7; margin-top:70px; padding-top:20px; } .list-join li{ border-bottom:1px dashed #ccc; } .list-join li p { width: 20%; float: left; text-align: center; line-height: 65px; font-size: 14px; } .list-join li p a{ display:block; width:86px; height:30px; margin:18px auto; line-height:30px; color:#fff; background:#d49872; border-radius:3px; } .ispc .list-join li p a:hover{ background:#aaa; } .list-join li.j01{ background:#595759; border:none; } .list-join li.j01 p { color: #fff; line-height: 55px; font-size: 16px; } .list-join01 { border-bottom: 1px solid #dedede; height: 40px; margin-bottom:10px; } .list-join01 h3 { font-size: 16px; font-weight: bold; display: inline-block; border-bottom: 2px solid #FCC91C; padding-bottom: 15px; } /*----------------------list-contact--------------------*/ .list-contact{ margin:70px auto; } .addbox { position: relative; width: 100%; height: 400px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .addbox iframe{ position:absolute; width:100%; height:100%; left:0; top:0; } .add02{ margin-top:50px; } .add02 ul{ width:45%; } .add02 li{ margin-bottom:30px; } .add02 li h3{ font-size:20px; font-weight:bold; padding-bottom:10px; border-bottom:1px dotted #999; } .add02 li div{ margin-top:10px; } .add02 li div p{ font-size:16px; color:#666; } .add03{ float:right; width:45%; } .add03 h3{ font-size:20px; font-weight:bold; margin-bottom:30px; } .add03 span{ display:block; float:left; margin-right:20px; } .add03 span img{ width:150px; height:auto; border:1px solid #eee; } .add03 span p{ text-align:center; margin-top:15px; font-size:16px; } /*-----------------list-message-------------------------*/ .jmapply{ margin: auto; margin-top: 140px; width: 700px; border: 1px solid #eee; border-radius: 10px; padding: 80px; padding-top: 100px; position: relative; background: #fff; } .jmapply img{ position: absolute; top: -60px; left: calc(50% - 60px); width: 120px; height: auto; border-radius: 60px; background:#d49872; } .jmapply h3{ font-size: 22px; font-weight: bold; color: #d49872; text-align: center; } .jmapply h5{ font-size: 15px; color: #888; margin-top: 5px; margin-bottom: 40px; text-align: center; } .jmapply h4{ display: none; } .jmapply label{ display: none; } .jmapply .default-form-item{ width: 100%; margin-bottom: 20px; } .jmapply input[type="text"]{ width: calc(100% - 40px); padding: 0 20px; background: #fff; border: 1px solid #eaeaea; line-height: 40px; height: 40px; font-size: 14px; color: #333; outline-color: #d49872; } .jmapply textarea{ width: calc(100% - 40px); padding: 0 20px; line-height: 40px; font-size: 14px; color: #333; background: #fff; border: 1px solid #eaeaea; height: 120px; outline-color: #d49872; } .jmapply .default-form-item input::-webkit-input-placeholder ,.jmapply textarea::-webkit-input-placeholder{ font-size: 14px; color: #888; font-family: "微软雅黑"; } .jmapply input[type="submit"]{ border: none; background: #d49872; width: 100%; text-align: center; line-height: 40px; height: 40px; color: #fff; font-size: 14px; cursor: pointer; } .default-article-content p iframe{ max-width:100% !important; } @media screen and (max-width:1024px){ .default-basescript-index .wp{ width:auto; padding:0 10px; } .banner .prev, .banner .next{ width:30px; height:30px; line-height:30px; margin-top:-15px; font-size:15px; } .about01 { width: 100%; } .about01 h2{ font-size:20px; } .about01 h2 { font-size: 20px; margin-top: 30px; margin-bottom: 20px; } .about01 .a01 { font-size: 14px; color: #777; line-height: 1.8; } .about01 a { margin-top: 30px; } .about02 { width: 100%; margin-top:20px; } .about02 span{ transform:translate(0,0); } .about02 .a02 .video{ width:90%; height:100%; left:4%; margin-left:0; margin-top:-100px; height:200px; } .about02 .a02 .video em{ width:30px; height:30px; top:-15px; right:-15px; line-height:30px; font-size:14px; } .casebox { margin-top: 50px; background: #f9f9f9; padding: 30px 0; } .tit02 { text-align: center; margin-bottom: 20px; } .tit01 h2 ,.tit02 h2 { font-size: 20px; } .tit01 p ,.tit02 p { font-size: 14px; } .case01 { margin-top: 30px; } .case01 li{ width:auto; margin:0 auto; } .mbcase01{ padding-bottom:30px; } .case01 li div { padding: 15px 10px; } .case01 li div h3 { font-size: 20px; float: left; width: 100%; text-align: left; padding-right: 3%; line-height: 50px; border-right: none; } .case01 li div p { float: right; width: 100%; font-size: 12px; line-height: 25px; color: #666; height: 50px; overflow: hidden; } .w960 .case01 li div p{ font-size:13px; line-height:1.6; } .mbcase01 .dots{ bottom:0px; } .mbcase01 .dots span{ width:10px; height:10px; background-color:#eee; border-radius:50%; } .mbcase01 .dots span.active{ background-color:#000; } .mbworkbox{ margin-top:50px !important; } .mbworkbox li{ float:left; width:46%; margin:2%; } .mbworkbox li a{ display:block; position:relative; background:#000; border-radius:10px; overflow:hidden; } .mbworkbox li a img{ width:100%; height:auto; opacity:.6; } .mbworkbox li a div{ position:absolute; width:100%; height:100%; left:0; top:0; text-align:center; color:#fff; } .mbworkbox li a div img{ width:30px; height:auto; opacity:1; margin-top: 30px; } .mbworkbox li a div h3{ font-size:15px; font-weight:bold; margin-top:10px; } .mbworkbox li a div p{ font-size:12px; text-transform:uppercase; } .newsbox { margin-top: 50px !important; background: #f9f9f9; padding: 30px 0 !important; } .newsbox .tit02 h2 { text-align: center; float: none; font-size:20px; } .newsbox .tit02 h2 p { font-weight: normal; font-size: 14px; } .newsbox .tit02 ul { float: none; margin-top: 20px; } .newsbox .tit02 ul li{ float:none; display:inline-block; } .news01 li { float: none; width: 100%; margin-right: 0; margin-bottom: 15px; background:#fff; } .news01 li span { float: left; width: 160px; } .news01 li div { padding: 0; float: right; padding-top:20px; width: calc(100% - 180px); } .news01 li div p { height: 34px; } .mbbrands{ padding:30px 10px !important; background:url("/temp/temp/52/52-0200/201912041351/images/mbbrand.jpg") no-repeat center center; } .mbbrands h2 { text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 20px; color: #fff; } .mbbrands .d01{ text-align:center; } .mbbrands .d01 a { font-size: 15px; color: #fff; padding: 5px 15px; display: inline-block; border: 1px solid rgba(255, 255, 255, 0.24); margin: 5px; } header .bg{ background-color:#fff; } .nav-click { color: #bf8f6f; } #mobile-nav{ background-color:#bf8f6f; } .default-mobile-nav-menu li a { border-bottom: 1px solid #ab704a; border-top: 1px solid #c59b7f; } .default-mobile-nav-menu li ul { background-color: #b78766; } .titbox h3 { font-size: 25px; } .titbox em { height: 13px; margin: 5px auto; } .titbox h4 { font-size: 16px; } .mblist-nav{ margin:10px; } .default-mobile-box, .box{ border:1px solid #eee; } .default-mobile-list-cats nav ul li a span{ display:none; } .default-mobile-list-cats h3 ,.default-mobile-list-cats nav ul li a{ font-size:16px; } .default-mobile-list-cats nav ul li a{ line-height:40px; } .list-about01 { padding: 30px 0; } .list-about01 span{ display:none; } .list-about01 div.d01 { width: 100%; padding: 0; } .list-about01 div h3 { font-size: 25px; } .list-about01 div h4 { font-size: 16px; margin: 10px 0; } .list-about01 div h4 em { margin: 20px 0; } .list-about01 div .d02 p{ line-height:1.7; } .list-about01 div a { margin-top: 25px; } .list-about02{ padding-top:40px; } .develop li h3 { padding-left: 30px; width: 70%; } .develop li p { padding-left: 30px; } .develop .line01 { left: 15px; } .develop ul { padding-left: 15px; } .develop li { padding: 15px 0; } .develop li p{ font-size:12px; } .list-about03 { padding: 40px 0; background: #f6f6f6; } .leader { padding: 0; box-shadow:none; } .leader span { width: 50%; padding: 0 25%; } .leader span img{ border-radius:50%; } .leader .d01 { width: 90%; padding-left: 5%; } .leader .d01 h3 { font-size: 20px; text-align:center; margin: 20px 0; } .leader .d01 div { font-size: 14px; line-height: 1.7; } .leader .d01 a { margin: 0 auto; } .list-about02 h2, .list-about03 h2, .list-about04 h2{ margin-bottom:30px; } .honorbox li a { padding-bottom: 30px; background-size: 100% 30px; } .honor { padding: 0; } #cboxPrevious, #cboxNext { left: 0; transform: scale(.7); outline-color: rgba(255, 255, 255, 0); } #cboxNext { left:auto; right:0; } .fazhang01 { margin-top: 30px; } .fazhang01 dl dd div { width: 70px; height: 70px; padding: 10px; } .fazhang01 dl dd div span { width: 70px; height: 70px; line-height: 70px; } .fazhang01 dl dd div span img { width: 35px; } .fazhang01 dl dd { margin-top: 30px; width:32%; } .fazhang01 dl dd h3, .fazhang01 dl dd p { font-size: 14px; } .fazhang01 dl dt div h3 { font-size: 19px; } .fazhang01 dl dt div p { font-size: 12px; padding-right: 20px; } .fazhang01 dl dt div { top: auto; left:20px; bottom: 20px; } .fazhang02{ padding-bottom:50px; } .fazhang02 li h3 { font-size: 20px; width: 60px; margin-top: 14px; } .fazhang02 li span { width: 20px; height: 40px; margin-top: 13px; background-size: 100%; } .fazhang02 li div { font-size: 13px; width: calc(100% - 110px); padding: 20px 0 20px 15px; } .line02 { left: 79px; height:95%; } .fazhang02 li div::after{ top:26px; } .fazhang02 li div p::after { top: 7px; left: -15px; } .list-news { margin-top:10px; } .list-news01 li a span{ width:100%; } .list-news01 li div{ width:90%; } .list-news01 li a img{ margin-left:0 !important; left:0 !important; } .list-news01 li div h3{ font-size:16px; margin:10px 0; } .list-news01 li div p{ line-height:20px; height:40px; } .list-news01 li div em.e01{ margin-top:25px; } .list-news02 li a span{ width:140px; } .list-news02 li a div{ width:calc(100% - 150px); } .list-news02 li div h3{ margin-top:5px; margin-bottom:10px; } .list-news02 li div p{ line-height:20px; height:40px; } .list-news02 li { margin-bottom: 0; padding: 15px 0; border-bottom: 1px solid #eee; } .view-news01 { padding: 20px; margin-top: 10px; } .fanye p { width: 100%; margin-bottom:10px; } .view-news01 .title01 { font-size: 20px; margin: 20px 0; padding-bottom: 15px; } .mbshow-tit{ margin-top:10px; } .mbshow-tit select { display: inline-block; width: 32%; line-height: 35px; height: 35px; text-align: center; border: 1px solid #eee; font-size: 14px; padding-left: 10px; color:#666; border-radius:5px; } .list-show { margin-top: 30px; padding: 0 10px; } .list-show li { width: 100%; margin-bottom:20px; margin-right: 0; } .list-show li div { padding: 16px 0; } .list-show li div h3 { padding: 0 15px; } .list-show li div p { margin-top:15px; border-top: 1px solid #eee; padding: 15px 20px 0 10px; color:#ccc; } .itemsum { margin: 10px auto; } .itempic { padding: 50px 0; } .itempic h2 ,.itemdesign h2{ margin-bottom: 30px; } .itemsum span { width: 100%; } .itemsum div.d01 { width: 100%; padding: 0; } .itemsum div h2 { font-size: 20px; padding-bottom: 15px; margin: 15px 0; } .itempic li{ width:250px; } .itempic .prev03, .itempic .next03{ opacity:.8; left:0; width:30px; height:30px; margin-top:-15px; top:50%; } .itempic .next03{ left:auto; right:0; } .itemdesign{ margin:40px 0; } .itemdesign .prev04, .itemdesign .next04 ,.itemdesign .prev06, .itemdesign .next06{ left:0; width:30px; height:30px; line-height:30px; margin-top:-15px; } .itemdesign .next04{ left:auto; right:0; } .itemmap { padding: 40px 0; } .itemmap h2 { margin-bottom: 30px; } .bansum { margin-top: 10px; } .bansum h3 { line-height: 45px; font-size: 20px; } .view-industry .article { padding:10px 0; } .industry01 li span { width: 100%; } .industry01 li div.d01{ width:90%; padding:5%; } .industry01 li{ margin-bottom:20px; } .industry01 li div h3 { padding-bottom: 10px; } .industry01 li .d01 div { font-size: 14px; line-height: 1.6; margin-top: 10px; } .industry02 { margin-top: 50px; } .industry02 li { width: 100%; margin-right: 0; margin-bottom: 10px; } .industry02 li div{ text-align:left; padding:20px; } .industry02 li span{ position:inherit; float:left; left:0; top:50%; width:60px; margin-top:0; } .industry02 li ins { display: block; text-decoration: none; text-align: left; width: calc(100% - 80px); float: right; } .industry02 li div p { height: auto; } .intit { padding: 30px 0; } .industry02 .enter01{ margin-top:30px; margin-bottom:50px; } .list-industry01 li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; } .list-industry01 li div.d01 h3 em { font-size: 50px; } .list-industry01 li div.d01 h3 ,.list-industry01 li div.d01 div { width: 94%; margin:0 3%; } .list-industry01 li div.d01 { padding: 20px 0; } .list-industry01 li div.d01 div { margin-top:30px; } .list-industry01 li div.d01 div a{ font-size:14px; } .list-video ,.list-pic { margin-top: 10px; } .list-video li { width: 100%; margin-right: 0; } .list-pic li { float: left; width: 49%; margin-right: 2%; } .mr0{ margin-right:0 !important; } .list-pic li a h3 { line-height: 20px; font-size: 14px; } .honorbox .prev05, .honorbox .next05{ left:0; z-index:2; width:30px; height:30px; line-height:30px; opacity:.7; } .honorbox .next05{ left:auto; right:0; } .list-video li a span em ,.about02 span em{ background-size:50px; } .list-contact { margin: 20px auto; } .addbox{ height:200px; } .add02 ul ,.add03 { width: 100%; } .add03 { margin-top: 50px; } .linian{ padding-top:0; } .linian h2,.list-join h2{ font-size:20px; margin:30px 0; } .linian { margin-top: 0; } .linian li{ width:100%; margin-right:0; margin-bottom:10px; } .linian li ins span { display: block; float: left; width: 150px; } .linian li ins div.d01{ float:right; padding:10px; padding-bottom:0; width:calc(100% - 170px); } .linian li .d01 p { font-size: 12px; } .jmapply img { top: -40px; left: calc(50% - 40px); width: 80px; } .jmapply { margin: auto; margin-top: 70px; width: 85%; padding: 5%; padding-top: 50px; } .mapbox{ width:100%; } .mapbox .map01{ height:300px; background-size:100% 300px; } .mapbox h2 { font-size: 23px; margin-top: 30px; margin-bottom:30px; } .mapbox h2 p { font-size: 13px; } .mapbox .map01 li div a{ font-size:8px; } .mapbox .map01 li div{ padding-top:10px; } .mapbox .map01 li div em { width: 8px; height: 8px; background-size: 8px; } .mapbox .map01 li.m0 div.d01 { right: 5%; top: 15%; } .mapbox .map01 li.m0 div.d02 { right: 7%; top: 26%; } .mapbox .map01 li.m1 div.d01 { left: 57%; top: 34%; } .mapbox .map01 li.m1 div.d02 { left: 17%; top: 30%; } .mapbox .map01 li.m2 div.d01 { left: 19%; bottom: 31%; } .map01 li.m2 div.d02 { left: 34%; top: 46%; } .map01 li.m3 div.d01 { left: 50%; top: 49%; } .map01 li.m3 div.d02 { left: 53%; top: 46%; } .map01 li.m4 div.d01 { right: 35%; top: 51%; } .map01 li.m4 div.d02 { right: 30%; top: 45%; } .map01 li.m5 div.d01 { right: 24%; top: 42%; } .map01 li.m5 div.d02 { top: 53%; right: 26%; } .map01 li.m6 div.d01 { top: 36%; right: 23%; } .map01 li.m6 div.d02 { right: 21%; top: 39%; } .map01 li.m7 div.d01 { right: 19%; top: 47%; } .map01 li.m7 div.d02 { top: 54%; right: 15%; } .map01 li.m8 div.d01 { right: 12%; top: 61%; } .map01 li.m8 div.d02 { top: 68%; right: 12%; } .map01 li.m9 div.d01 { right: 17%; bottom: 16%; } .map01 li.m9 div.d02 { right: 22%; bottom: 21%; } .map01 li.m10 div.d01 { right: 19%; bottom: 31%; } .map01 li.m11 div.d01 { bottom: 18%; right: 30%; } .map01 li.m11 div.d02 { right: 28%; bottom: 28%; } .map01 li.m12 div.d01 { bottom: 8%; right: 35%; } .map01 li.m12 div.d02 { right: 37%; bottom: 16%; } .map01 li.m13 div.d01 { bottom: 10%; left: 44%; } .map01 li.m13 div.d02 { right: 48%; bottom: 27%; } .map01 li.m14 div.d01 { bottom: 8%; right: 25%; } .map01 li.m14 div.d02 { bottom: 5%; right: 22%; } .map01 li.m15 div.d01 { bottom: -5%; right: 32%; } .map01 li.m15 div.d02 { bottom: 5%; right: 26%; } .map01 li.m16 div.d01 { right: 12%; top: 32%; } .map01 li.m16 div.d02 { right: 9%; bottom: 10%; } .hotcase { padding: 50px 0; margin-top: 50px; padding-bottom:20px; } .hotcase h2 { font-size: 23px; margin-bottom: 20px; } .hotcase h2 p{ font-size:14px; } .hotcase li{ margin-right:0; } .hotcase ul{ padding-bottom:0; } .hotcase li img{ left:0 !important; margin-left:0 !important; } .list-join li { border-bottom: none; padding: 20px; background: #fff; margin-bottom: 20px; border-radius: 5px; } .list-join { margin: 30px auto; padding:10px 0; } .list-join li p { width: 100%; text-align: left; line-height: 35px; font-size: 14px; border-bottom: 1px dotted #e8e5e5; } .list-join li span{ display:inline-block; width:130px; } .list-join li p a{ display:inline-block; text-align:center; margin:0; } .mbjoin{ padding-top:10px; padding-bottom:30px; } .mbjoin .word { padding: 20px; } .about02{ position: relative; } .about02 .a02{ position: absolute; width: 100%; height: 100%; display: block; left: 0; top: 0; } .about02 .a02 .video { width: 100%; height: 100%; position: absolute; left: 0; margin-left: 0; top: 0; margin-top: 0; border: none; border-radius: 10px; } .about02 .a02 .video em{ display: none; } .intit h3{ font-size:20px; } .intit h4 { font-size: 12px; } .intit p { font-size: 13px; padding: 0 15px; } .intit .d01 { padding: 10px 0; } .list-industry01 li div.d01 h3 { font-size: 18px; } .list-industry01 li div.d01 div p { font-size: 12px; line-height:1.8; } .list-industry01 li div.d01 div { margin-top: 15px; } } @media screen and (max-width:768px){ .ismobile .about02 .a02 .video iframe div{ width: 100% !important; height: 100% !important; } } @media screen and (max-width:480px){ .default-article-content iframe { height: 200px; position: relative; z-index: 1; } .searchnews .default-pc-search-keyword { width: calc(100% - 62px); } .base_search_content { margin-left: 0 !important; padding-left: 0 !important; } .base_search,.search_item_summary{ width: 100% !important; } .base_search_box { width: calc(100% - 102px) !important; } .base_search_box input[type="text"]{ width: auto !important; } .base_search input[type="submit"] { width: 100px !important; } .searchnews form { width: 100%; } } /*----------------view-show-------------------*/ /********-----------colorbox插件------------********/ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #cboxOverlay{ z-index:200; } #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; height:100%;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%; overflow:hidden;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic; transition:all .3s !important;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url("/temp/temp/default/default-0001/1/images/colorbox/overlay.png") repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxTopLeft{width:21px; height:21px; background:url("/temp/temp/default/default-0001/1/images/colorbox/controls.png") no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url("/temp/temp/default/default-0001/1/images/colorbox/controls.png") no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url("/temp/temp/default/default-0001/1/images/colorbox/controls.png") no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url("/temp/temp/default/default-0001/1/images/colorbox/controls.png") no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url("/temp/temp/default/default-0001/1/images/colorbox/controls.png") left top repeat-y;} #cboxMiddleRight{width:21px; background:url("/temp/temp/default/default-0001/1/images/colorbox/controls.png") right top repeat-y;} #cboxTopCenter{height:21px; background:url("/temp/temp/default/default-0001/1/images/colorbox/border.png") 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url("/temp/temp/default/default-0001/1/images/colorbox/border.png") 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxLoadingOverlay{background:url("/temp/temp/default/default-0001/1/images/colorbox/loading_background.png") no-repeat center center;} #cboxLoadingGraphic{background:url("/temp/temp/default/default-0001/1/images/colorbox/loading.gif") no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url("/temp/temp/default/default-0001/1/images/colorbox/controls.png") no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url("/temp/temp/default/default-0001/1/images/colorbox/controls.png") no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; bottom:0; right:0; background:url("/temp/temp/default/default-0001/1/images/colorbox/controls.png") no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } #cboxOverlay{ background:#000; opacity: 0.93 !important; } #cboxClose{ width:30px; height:30px; position:fixed; top:10px; right:30px; background: url("/temp/temp/52/52-0200/201912041351/images/small_icon.png") no-repeat center center; } #cboxClose:hover{ background: url("/temp/temp/52/52-0200/201912041351/images/small_icon1.png") no-repeat center center; } #cboxPrevious ,#cboxNext{ position:fixed; top:50%; margin-top:-35px; width:70px; height:70px; left:8%; transition:all .3s; background: url("/temp/temp/52/52-0200/201912041351/images/prev05.png") no-repeat center left; } #cboxNext ,#cboxNext:hover{ right:8%; left:inherit; background-position:center right; } #cboxPrevious:hover{ background-position:center left; transform:scale(1.1); } #cboxCurrent { display:none !important; } #cboxNext:hover{ background-position:center right; transform:scale(1.1); } #cboxLoadedContent{ margin-bottom:0 !important; } #cboxTopCenter ,#cboxTopRight ,#cboxTopLeft ,#cboxMiddleLeft ,#cboxMiddleRight ,#cboxBottomCenter ,#cboxBottomLeft ,#cboxBottomRight { height: 0; width:0; background: none; } #cboxContent { background: none; } #colorbox{ position: fixed !important; top:0 !important; height:100% !important; } #cboxWrapper{ top:50%; } /** * Swiper 5.2.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 26, 2019 */ @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}