/*! * 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; } #filePicker div:nth-child(2){ right: 26px !important; left: auto !important; top: 10px !important; } /* CSS Document */ /*#28afb5*/ /*导航*/ .banner1{ position: relative; max-height: 1080px; overflow: hidden; } .banner1 .bignav{ position: absolute; left: 0; top: 0; width: 100%; } .ispc .banner1 span.next{ right: 50px; } .ispc .banner1 span.prev{ left: 50px; } .nav_box{ width: 96%; padding: 5px 2%; margin: auto; background: rgba(255,255,255,0.30); } .nav_box .logo{ float: left; height: 76px; } .nav_box .logo img{ height: 100%; width: auto; } .nav_box .nav1{ float: right; } .nav_box .nav1 li{ margin: 20px; line-height: 36px; } .nav_box .nav1 li a{ font-size: 16px; color: #333; transition: 0.2s; } .nav_box .nav1 li a:hover{ color: #166CB1; } .nav_box .nav1 li.a a{ color: #166CB1; } .nav_box .default-pc-search{ float: right; margin-top: 21px; } .nav_box .default-pc-search .default-pc-search-keyword{ height: 30px; border:1px solid #ccc; background-color:rgba(0,0,0,0.00); color: #666; padding-left: 15px; width: 180px; border-radius: 15px; outline:none; margin-left: 20px; float: left; } .nav_box .default-pc-search .default-pc-search-submit{ width: 32px; height: 32px; margin-left: -35px; border: none; color: transparent; background:url("/temp/cus/su/le/an/sulean.com/temp/53-0011/201808100911/images/sousuo.png") no-repeat center center; outline: none; cursor: pointer; float: left; } .default-slider-direction-left > .next, .default-slider-direction-left > .prev { line-height: 40px; font-size: 20px; width: 40px; height: 40px; border-radius: 20px; text-align: center; } .nav_box .nav1 li ul li { line-height: 36px; margin: auto; padding: 0 10px; background: #2e82c5; border-bottom: 1px solid #1e75bb; /*#16989E*/ text-align: center; } .nav_box .nav1 li ul li a{ color:#fff; display: block; } .nav_box .nav1 li ul li a:hover{ color: #fff; } .nav_box .nav1 li ul li:hover{ background:#1d3381; /*#53B0B4*/ } .nav_box .nav1 li ul li.a a{ color: #fff; } .nav_box .nav1 li.a ul li.a a{ color: #fff; } .nav_box .nav1 li.a ul li a{ color: #fff; } .gheader .bignav{ position: inherit; } .gheader .bignav .nav_box{ margin-top: 0; padding: 5px 0; } .gheader .bignav .nav_box .logo{ height: 72px; } /*关于我们*/ .about_box{ width: 100%; background:url("/temp/temp/53/53-0011/201808100911/images/tiaowen02.png") repeat center center #fafafa; } .about{ width: 80%; margin:auto; padding: 100px 0; } .about .a_left{ float: left; width: 40%; margin-top: 40px; } .about .a_right{ float: right; width: 52%; } .about .a_right img{ width: 100%; height: auto; border-radius: 60px 0 60px 0; transition: 0.4s; } .about .a_right img:hover{ border-radius: 0 60px 0 60px; } .biaoti{ width: 316px; } .biaoti h2{ float: left; font-size: 36px; line-height: 40px; background:url("/temp/temp/53/53-0011/201808100911/images/ab.png") no-repeat left center; padding-left: 60px; } .biaoti h1{ float: left; margin-left: 15px; font-size: 24px; color: #4c4c4c; font-weight: 600; line-height: 40px; } .about .a_left em{ display: block; width: 100px; height: 2px; border-top: 1px dashed #ccc; margin: 40px 0; } .about .a_left p{ font-size: 14px; color: #4c4c4c; overflow: hidden; line-height: 28px; max-height: 80px; } .rmore{ margin-top:80px; overflow: hidden; position: relative; width: 230px; } .rmore a{ display: block; } .rmore a span{ display: block; width: 230px; height: 48px; background:url("/temp/temp/53/53-0011/201808100911/images/jbbg.jpg") no-repeat center center; border-radius: 24px; } .rmore a h4{ position: absolute; left: 0; top: 0; line-height: 48px; color: #fff; font-size: 16px; width: 230px; text-align: center; transition: 0.4s; } .rmore a:hover h4{ background: rgba(255,255,255,0.20); } /*三大特点*/ .td_box{ margin:80px auto; } .ispc .td_box.section{ overflow: inherit; } .w960 .tedian li{ width:960px !important; } .tedian li a{ display:block; } .tedian li .ltu{ float: left; width: 42%; margin-left:0 !important; } .tedian li .ltu img{ width: 100%; height: auto; left:0 !important; margin-left:0 !important; } .tedian li h3{ float: left; width: 35px; height: 255px; position: absolute; left: 576px; top: 200px; background:url("/temp/cus/su/le/an/sulean.com/temp/53-0011/201808100911/images/td01.png") no-repeat center center; } .tedian li .td_text { float: right; width: 40%; margin-top: 20px; } .w960 .tedian li .td_text{ width:49%; } .tedian li .td_text p{ background:url("/temp/temp/53/53-0011/201808100911/images/tdbg.png") no-repeat center center; height: 134px; margin-bottom: 10px; padding-top: 18px; transition: 0.3s; text-align: left; background-size:100% 100%; } .ispc.w960 .tedian li .td_text p{ height: 123px; margin-bottom: 10px; padding-top: 10px; } .tedian li .td_text p:hover{ background:url("/temp/temp/53/53-0011/201808100911/images/tdbg02.png") no-repeat center center; background-size:100% 100%; } .ispc.w960 .tedian li .td_text p:hover{ background-size:100% 100% !important; } .tedian li .td_text p span{ font-size: 22px; color: #4c4c4c; margin-left: 20px; height: 30px; line-height: 30px; display: block; padding-right: 20px; } .tedian li .td_text p em{ margin-left: 60px; display: block; font-style: normal; font-size: 13px; color: #808080; margin-top: 5px; padding-right: 20px; } .td_box h1{ font-size: 26px; font-weight: 600; text-align: center; margin-bottom: 60px; } .tedian li .td_text p span img{ width: 30px; height: 30px; margin-right: 10px; margin-left: 0 !important; left: 0 !important; position: inherit; } .td_box span.next{ right: 0; top: 60%; } .td_box span.prev{ left: 0; top: 60%; } .ispc .td_box span.next { margin-right: -50px; } .ispc .td_box span.prev { margin-left: -50px; } /*产品服务*/ .cp_box{ background:url("/temp/temp/53/53-0011/201808100911/images/tiaowen02.png") repeat center center #fafafa; padding: 80px 0; } .chanpin .biaoti{ margin: auto; margin-bottom: 60px; } .chanpin .biaoti h2{ background:url("/temp/temp/53/53-0011/201808100911/images/cp.png") no-repeat left center; } .chanpin ul li{ width: 31.5%; margin-right: 2.75%; float: left; margin-bottom: 80px; transition:0.3s; } .chanpin ul li a{ display: block; position: relative; } .chanpin ul li a img{ width: 100%; height: auto; } .chanpin ul li a .cp_text{ position: absolute; width: 86%; left: 7%; bottom: -51px; background: #fff; text-align: center; max-height: 102px; overflow: hidden; box-shadow: 1px 1px 26px 1px #dadada; } .chanpin ul li a .cp_text div h3{ font-size: 15px; color: #2e82c5; font-weight: 600; line-height: 50px; } .chanpin ul li a .cp_text div span{ width: 96%; display: block; height: 1px; border-top: 1px dashed #ccc; margin: auto; } .chanpin ul li a .cp_text div h4{ margin: auto; font-size: 15px; color: #4c4c4c; line-height: 50px; max-width: 90%; } .chanpin ul li a .cp_text div p{ margin: auto; max-width: 90%; overflow: hidden; font-size: 12px; color: #808080; max-height: 14px; line-height: 14px; } .chanpin ul li a .cp_text div h5{ font-size: 13px; color: #2e82c5; margin-top: 10px; } .chanpin ul li a .cp_text div{ transition: 0.3s; } .chanpin ul li:hover a .cp_text div{ transform: translateY(-52px); -ms-transform:translateY(-52px); -moz-transform:translateY(-52px); -webkit-transform:translateY(-52px); -o-transform:translateY(-52px); } .chanpin ul li:hover{ box-shadow: 1px 5px 26px 6px #ccc; } .chanpin .rmore{ margin: auto; margin-top: 30px; } /*新闻中心*/ .new_box{ padding: 100px 0; } .new_box .biaoti{ width: 374px; margin: auto; margin-bottom: 60px; } .new_box .biaoti h2{ background:url("/temp/temp/53/53-0011/201808100911/images/xw.png") no-repeat left center; } .news ul li{ width: 43%; background:url("/temp/temp/53/53-0011/201808100911/images/tiaowen02.png") repeat center center #fafafa; padding: 30px 2%; position: relative; margin-bottom:80px; transition: 0.4S; } .news{ position: relative; } .news ul li a{ display: block; } .news ul li a h3{ font-size: 15px; color: #4c4c4c; margin-bottom: 12px; transition: 0.4S; } .news ul li a p{ font-size: 13px; color: #808080; line-height: 20px; max-height: 40px; overflow: hidden; transition: 0.4S; } .news ul li h4{ position: absolute; width: 46px; left: calc(107% - 23px); font-size: 14px; color: #808080; line-height: 16px; top: calc(50% - 8px); text-align: center; transition: 0.4S; } .news ul li.fr{ float: right; margin-top: -106px; } .news ul li.fr h4{ right: calc(106% - 23px); left: inherit; } .news ul li span{ width: 12px; height: 12px; background:url("/temp/temp/53/53-0011/201808100911/images/tiaowen02.png") repeat center center #fafafa; position: absolute; top:calc(50% - 6px); right: -7px; transform: rotate(45deg); z-index: -1; transition: 0.4S; -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); } .news ul li.fr span{ left: -7px; right: inherit; } .news ul li:hover span{ background:#2e82c5; } .news ul li:hover{ background:#2e82c5; } .news ul li:hover h3{ color: #fff; } .news ul li:hover p{ color: #fff; } .news ul li:hover h4{ color: #2e82c5; } .news .new_m{ position: absolute; top: 100px; left: calc(50% - 20px); width: 40px; text-align: center; } .news .new_m ins{ width: 1px; height: 520px; background: #e5e5e5; display: block; margin: auto; position: relative; z-index: -1; } .news .new_m em{ width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 30px; color: #2e82c5; border: 1px solid #2e82c5; border-radius: 20px; display: block; transition: 0.4s; box-sizing: border-box; text-decoration: none; } .news .new_m em:hover{ transform: rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); } /*视频展示*/ .shipin{ width: 100%; height: 400px; overflow: hidden; position: relative; } .shipin a{ display: block; } .shipin img{ height: 400px; width: auto; transition: 0.5s; } .shipin:hover img{ transform: scale(1.06); -ms-transform:scale(1.06); -moz-transform:scale(1.06); -webkit-transform:scale(1.06); -o-transform:scale(1.06); } .shipin .sp_bg{ position: absolute; left: 0; top: 0; background:url("/temp/temp/53/53-0011/201808100911/images/tiaowen02.png") repeat center center; width: 100%; height: 100%; text-align: center; } .shipin .sp_bg span{ background:url("/temp/cus/su/le/an/sulean.com/temp/53-0011/201808100911/images/spbt.png") no-repeat center center; margin: auto; margin-top: 100px; display: block; width: 298px; height: 210px; } /*客户案例*/ .al_box{ background:url("/temp/temp/53/53-0011/201808100911/images/tiaowen02.png") repeat center center #fafafa; padding: 80px 0; } .al_box .biaoti{ width: 418px; margin: auto; margin-bottom: 60px; } .al_box .biaoti h2{ background:url("/temp/temp/53/53-0011/201808100911/images/al.png") no-repeat left center; } .anli ul li{ width: 100%; margin-bottom: 40px; } .anli ul li a{ display: block; position: relative; } .anli ul li a img{ float: left; width: 52%; height: auto; border-radius: 10px; } .anli ul li a div{ position: absolute; right: 0; top: 55px; width: 42%; padding:3% 5%; background: #fff; transition: 0.3s; } .anli ul li a div:hover{ right: 20px; } .anli ul li a div h3{ font-size: 18px; color: #333; transition: 0.3s; } .anli ul li a div p{ font-size: 14px; color: #808080; line-height: 22px; overflow: hidden; max-height: 42px; margin-top: 10px; } .anli ul li a div span{ display: block; width: 170px; height: 40px; border-radius: 20px; background:url("/temp/temp/53/53-0011/201808100911/images/jbbg.jpg") no-repeat center center; margin-top: 30px; color: #fff; line-height: 40px; text-align: center; font-size: 14px; opacity: 1; transition: 0.3s; } .anli ul li:hover a div{ box-shadow: 1px 5px 26px 6px #ccc; } .anli ul li:hover a div h3{ color: #2e82c5; } .anli ul li a div span:hover{ opacity: 0.8; } .anli .almore{ margin-top: 50px; } .anli .almore a{ margin: auto; display: block; width: 230px; height: 48px; line-height: 48px; text-align: center; background: #fff; color: #333; font-size: 16px; border-radius: 24px; transition: 0.3s; } .anli .almore a:hover{ color: #2e82c5; } /*合作伙伴*/ .hzhb{ margin: 60px auto; text-align: center; } .hzhb .biaoti { width: 374px; margin: auto; margin-bottom: 60px; } .hzhb .biaoti h2{ background:url("/temp/cus/su/le/an/sulean.com/temp/53-0011/201808100911/images/hz.png") no-repeat left center; } .huoban li{ float: left; width: 220px; margin: auto 8.8px; border: 1px solid #eee; box-sizing: border-box; border-radius: 5px; transition: 0.3s; } .huoban li a{ display: block; transition: all 0.3s ease-in-out; overflow: hidden; } .huoban li:hover{ border: 1px solid #76ACD7; } .huoban li img{ width: 100%; height: auto; } .hzhb span.next, .hzhb span.prev{ top:160px; } .hzhb span.next{ margin-right: -50px; } .hzhb span.prev{ margin-left: -50px; } .w960 .huoban li{ width: 180px; margin: auto 6px; } .w960 .hzhb span.next,.w960 .hzhb span.prev{ top: 152px; } .ismobile .hzhb{ display: none; } /*公共底部*/ .footer_box{ background: url("/temp/cus/su/le/an/sulean.com/temp/53-0011/201808100911/images/f-bg.jpg") no-repeat center center; padding: 40px 0; position: relative; } .default-pc-nav-footer{ text-align: center; margin: auto; margin-bottom: 40px; } .default-pc-nav-footer li{ padding: 0 40px; text-align: center; border-left: 2px solid #fff; box-sizing: border-box; line-height: 14px; display: inline-block; } .default-pc-nav-footer li{ *display: inline; } .default-pc-nav-footer li a{ text-align: center; color: white; font-size: 15px; }.default-pc-nav-footer li a:hover{ color:#9DD9DC; } .lianxi{ float: left; } .lianxi h3{ color: #fff; font-size: 14px; margin-bottom: 10px; } .lianxi{ width: 40%; } .lianxi div{ color: #fff; padding-left: 30px; line-height: 30px; font-size: 12px; } .lianxi div.f1{ background: url("/temp/temp/53/53-0011/201808100911/images/lx01.png") no-repeat left center; }.lianxi div.f1 a{ color: #fff; } .lianxi div.f2{ background: url("/temp/temp/53/53-0011/201808100911/images/lx02.png") no-repeat left center; } .lianxi div.f3{ background: url("/temp/temp/53/53-0011/201808100911/images/lx04.png") no-repeat left top; line-height:2; } .lianxi div.f4{ background: url("/temp/temp/53/53-0011/201808100911/images/lx05.png") no-repeat left center; } .default-pc-links-text dt{ display: none; } .default-pc-links-text dd a{ color: #fff; margin-right: 15px; } .default-pc-links-text dd a:hover{ color:#9DD9DC; } .gz_box{ float: left; width: 30%; } .gz_box h3{ font-size: 14px; color: #fff; margin-bottom: 10px; } .gz_box h2{ color: #fff; font-family: "Arial"; font-size: 26px; } .guanzhu div{ float: left; width: 36px; height: 36px; margin-right: 20px; border-radius: 18px; border: 1px solid #fff; margin-top: 10px; } .guanzhu .gz_qq{ background: url("/temp/temp/53/53-0011/201808100911/images/qq.png") no-repeat center center; } .guanzhu .gz_wb{ background: url("/temp/temp/53/53-0011/201808100911/images/wb.png") no-repeat center center; } .guanzhu .gz_wx{ background: url("/temp/temp/53/53-0011/201808100911/images/wx.png") no-repeat center center; cursor: pointer; } .guanzhu div a{ display: block; width: 100%; height: 100%; } .guanzhu div:hover{ opacity: 0.8; } .erweima { width: 294px; background: #CCC; opacity: 0.9; position:fixed; z-index:100; margin-left: -147px; left: 50%; bottom:40%; display: none; } .erweima-1{ width:94%; margin: 3%; background: #fff; z-index:20; } .erweima-1 p a.sao{ float:left; font-size: 16px; color: #666; text-align: center; width: 100%; height:30px; line-height:30px; padding-top:15px; width:85%; } .erweima-1 img { width: 94%; margin: 0 3%; } .close{ display:block; background:url("/temp/temp/53/53-0011/201808100911/images/close.png") no-repeat; background-size: 100%; height:20px; width:20px; float:right; margin: 9px 10px 0 0; } .d_erweima{ margin:40px auto; width: 546px; } .d_erweima img{ width: 100%; height: auto; } .weixin{ float: right; } .weixin h3{ font-size: 14px; color: #fff; margin-bottom: 20px; } .jishu{ background: #071620; padding: 16px 0; text-align: center; } .jishu span{ color: #e5e5e5; } .jishu a{ color: #e5e5e5; } .default-pc-copyright{ margin: auto; } .jishu a:hover{ color:#9DD9DC; } .top{ cursor: pointer; position: fixed; bottom: 10%; right: 2%; } /*首页动效*/ .ispc .section{ overflow: hidden; } .ispc .about_box.section .a_left{ opacity: 0; transform: translateX(-600px); transition: all 1s; -ms-transform:translateX(-600px); -moz-transform:translateX(-600px); -webkit-transform:translateX(-600px); -o-transform:translateX(-600px); transition: all 1s ease-in-out; } .ispc .about_box.active .a_left{ opacity: 1; transform: translateX(0); } .ispc .about_box.section .a_right{ opacity: 0; transform: translateX(600px); transition: all 1s; -ms-transform:translateX(600px); -moz-transform:translateX(600px); -webkit-transform:translateX(600px); -o-transform:translateX(600px); transition: all 1s ease-in-out; } .ispc .about_box.active .a_right{ opacity: 1; transform: translateX(0); } .ispc .td_box.section{ opacity: 0; transform: translateY(400px); -ms-transform:translateY(400px); -moz-transform:translateY(400px); -webkit-transform:translateY(400px); -o-transform:translateY(400px); transition: all 1s ease-in-out; transition: all 1s; } .ispc .td_box.active{ opacity: 1; transform: translateY(0); } .ispc .cp_box.section .chanpin{ opacity: 0; transform: translateY(400px); -ms-transform:translateY(400px); -moz-transform:translateY(400px); -webkit-transform:translateY(400px); -o-transform:translateY(400px); transition: all 2s ease-in-out; transition: all 2s; } .ispc .cp_box.active .chanpin{ opacity: 1; transform: translateX(0); } .ispc .new_box.section .news{ opacity: 0; transform: translateY(400px); -ms-transform: translateY(400px); -moz-transform: translateY(400px); -webkit-transform: translateY(400px); -o-transform: translateY(400px); transition: all 1s ease-in-out; transition: all 1s; } .ispc .new_box.active .news{ opacity: 1; transform: translateY(0); } .ispc .new_box.section .news ul li{ opacity: 0; transform: translateX(-400px); -ms-transform:translateX(-400px); -moz-transform:translateX(-400px); -webkit-transform:translateX(-400px); -o-transform:translateX(-400px); transition: all 1.5s ease-in-out; transition: all 1.5s; } .ispc .new_box.active .news ul li{ opacity: 1; transform: translateY(0); } .ispc .new_box.section .news ul li.fr{ opacity: 0; transform: translateX(400px); -ms-transform:translateX(400px); -moz-transform:translateX(400px); -webkit-transform:translateX(400px); -o-transform:translateX(400px); transition: all 1.5s ease-in-out; transition: all 1.5s; } .ispc .new_box.active .news ul li.fr{ opacity: 1; transform: translateY(0); } .ispc .shipin.section{ opacity: 0; transform: translateY(300px); -ms-transform:translateY(300px); -moz-transform:translateY(300px); -webkit-transform:translateY(300px); -o-transform:translateY(300px); transition: all 1s ease-in-out; transition: all 1s; } .ispc .shipin.active{ opacity: 1; transform: translateX(0); } /*公共头部*/ .banner01{ position: relative; } .banner01 .banner img{ width: 100%; height: auto; } .banner01 .bignav { position: absolute; left: 0; top: 0; width: 100%; } .banner01 .nav_box .default-pc-search .default-pc-search-keyword{ border: 1px solid #ccc; } .banner01 .nav_box .default-pc-search .default-pc-search-submit{ background: url("/temp/temp/53/53-0011/201808100911/images/sousuo02.png") no-repeat center center; } /*公共导航首页不显示*/ .default-basescript-index .gheader{ display: none; } /*新闻列表页-----------------------------------------------------------------------------------------------*/ .l_news{ margin-bottom: 120px; } .lnew_box{ margin-top: 40px; } .lnew_box li a{ display: block; width:900px; margin: auto; } .lnew_box li{ padding: 40px 0; width: 100%; border-bottom: 1px solid #e5e5e5; transition: 0.4s; } .new_t{ text-align: center; } .new_t h1{ font-size: 30px; color: #c7a865; } .new_t h2{ font-size: 22px; color: #666; } .new_t span{ display: block; height: 3px; width: 52px; background: #c7a865; margin: 10px auto; } .lnew_box li a .new_l{ float: left; font-family: "Arial"; color: #999; width:300px; text-align: right; margin-right: 50px; transition: 0.4s; } .lnew_box li a .new_r{ float: right; width: 500px; transition: 0.4s; padding-right: 50px; background: url("/temp/temp/53/53-0011/201808100911/images/new-m.png") right center no-repeat; } .lnew_box li a .new_l h1{ font-size: 65px; line-height: 49px; } .lnew_box li a .new_l h2{ font-size: 16px; } .lnews{ margin-top: 40px; } .lnew_box li a .new_r h3{ font-size: 16px; color: #4c4c4c; margin-bottom: 10px; line-height: 20px; transition: 0.4s; } .lnew_box li a .new_r p{ font-size:14px; color: #808080; max-height: 40px; overflow: hidden; transition: 0.4s; } .lnew_box .cp_more a{ width: 240px; height: 50px; text-align: center; line-height: 50px; display: block; color: #999; border: 1px solid #e5e5e5; font-size: 16px; margin: auto; margin-top: 60px; transition: 0.3s; } .lnew_box .cp_more a span{ display: block; height: 50px; background:rgba(51,51,51,0.00); position: relative; top: -50px; left: 0; transition: 0.3s; width: 1px; } .lnew_box .cp_more a h3{ z-index: 2; position: relative; } .lnew_box .cp_more a:hover span{ width: 100%; background:#454545; } .pub02{ text-align: right; } .list-nav{ margin: auto; text-align: center; margin-top: 60px; } .list-nav li{ display: inline-block; margin:auto 4px; } .list-nav li a{ display: block; font-size: 14px; padding: 5px 15px; background: #f5f5f5; color: #444; transition: 0.2s; } .list-nav li.a a{ background: #2e82c5; color: #fff; } .list-nav li:hover a{ background: #2e82c5; color: #fff; } .list-nav li a span{ display: none; } .page{ margin-top: 50px; text-align: center; } .page a{ float: none; display: inline-block; } /*新闻列表页修改版--------------------------------------------------------------------------------------------*/ .list_n{ margin-top: 50px; margin-bottom: 120px; } .pub02{ margin-bottom: 6px; } .list_n .lnews li{ width: 100%; margin-bottom: 50px; background:#eee; background-size: 100%; border-bottom: 2px solid #2e82c5; transition: 0.4s; overflow: hidden; } .list_n .lnews{ margin-top: 0; } .list_n .lnews li a{ display: block; } .list_n .lnews li a .xwimg{ width: 50%; float: right; overflow: hidden; } .list_n .lnews li a img{ width: 100%; height: 100%; transition: 0.4s; } .list_n .lnews li a .xw_text{ float: left; width: 44%; padding: 0 3%; height: 100%; } .list_n .lnews li.xwr a .xwimg{ float: left; } .list_n .lnews li a .xw_text h3{ font-size: 18px; margin-bottom: 10px; margin-top: 35px; transition: 0.4s; } .list_n .lnews li a .xw_text p{ font-size: 14px; line-height: 24px; color: #666; overflow: hidden; max-height: 45px; transition: 0.4s; } .list_n .lnews li a .xw_text h4{ font-size: 14px; margin-top: 35px; color: #2e82c5; transition: 0.4s; } .list_n .lnews li:hover{ background:#2e82c5; } .list_n .lnews li:hover a .xw_text h3{ color: #fff; } .list_n .lnews li:hover a .xw_text p{ color: #fff; } .list_n .lnews li:hover a .xw_text h4{ color: #fff; } .list_n .lnews li a .xwimg img:hover{ transform: scale(1.06); } .w960 .list_n .lnews li a .xw_text h4{ margin-top: 24px; } .w960 .list_n .lnews li a .xw_text h3{ font-size: 16px; } /*案例展示列表页-------------------------------------------------------------------------------------------*/ .l_anli{ margin: auto; margin-top: 60px; margin-bottom: 120px; text-align: center; } .pub03{ width: 80%; text-align: right; margin-bottom: 6px; } .l_anli .page{ margin-top: 0; } .l_anli .list_al li{ padding: 50px 0; background: #eee; margin-bottom: 60px; float: left; width: 80%; position: relative; text-align: left; } .l_anli .list_al li .anli_f{ float: right; margin: 0; } .l_anli .list_al li .anli_f .lal_a{ float: right; margin-right: 50px; width: 52%; overflow: hidden; position: relative; z-index: 2; } .l_anli .list_al li .anli_f .lal_a img{ width: 100%; height: auto; transition: 0.6s; transition: all 0.6s ease-in-out; } .l_anli .list_al li .anli_f .lal_a:hover img{ transform: scale(1.08); -ms-transform:scale(1.08); -moz-transform:scale(1.08); -webkit-transform:scale(1.08); -o-transform:scale(1.08); } .l_anli .list_al li .anli_f .lal_t{ float: left; width: 38%; margin-top: 40px; } .l_anli .list_al li .anli_f .lal_t h3{ font-size: 20px; margin-bottom: 20px; } .l_anli .list_al li .anli_f .lal_t p{ font-size: 14px; line-height: 26px; overflow: hidden; max-height: 74px; } .l_anli .list_al li .anli_f .lal_t a{ display: block; width: 154px; height: 38px; border-radius: 19px; background: url("/temp/temp/53/53-0011/201808100911/images/jbbg.jpg") center center no-repeat; font-size: 14px; line-height: 38px; text-align: center; color: #fff; margin-top: 40px; transition: 0.3s; transition: all 0.3s ease-in-out; } .l_anli .list_al li .anli_f .lal_t a:hover{ opacity: 0.7; } .l_anli .list_al li.al_fr{ float: right; } .l_anli .list_al li.al_fr .anli_f .lal_t{ float: right; } .l_anli .list_al li.al_fr .anli_f .lal_a{ float: left; margin-left: 50px; margin-right: 0; } .l_anli .list_al li.al_fr .anli_f{ float: left; } .l_anli .list_al li ins{ display: block; background: #2e82c5; width: 320px; height: 160px; position: absolute; right: 0; bottom: 0; z-index: 1; } .l_anli .list_al li.al_fr ins{ left: 0; right: inherit; } /*新闻内页---------------------------------------------------------------------------------------------------------*/ .lxwbg{ width: 100%; padding-top: 20px; padding-bottom: 120px; background: #f0f3f5; } .lxwny .lnews_l{ float: left; width: 25%; background: #fff; } .lxwny .news01{ width: 63%; padding: 0 3.5%; float: right; background: #fff; padding-top: 40px; padding-bottom: 80px; } .lxwny .news02{ width: 100%; box-sizing: border-box; } .pox01{ float: left; margin-bottom: 20px; width: 100%; } .pox01 a{ color: #888; transition: 0.2s; } .pox01 a:hover{ color:#2e82c5; } .lxwny .news01 .look01{ width: 50%; } .lxwny .news01 .look01 a{ display: block; padding: 0 15px; line-height: 24px; margin-right: 20px; float: left; background: #2e82c5; color: #fff; font-size: 13px; transition: 0.3s; } .lxwny .news01 .look01 a:hover{ opacity: 0.8; } .lxwny .news01 .look01 h5{ float: left; text-align: left; width: 100px; font-size: 13px; line-height: 24px; color: #666; } .lxwny .news01 h1{ font-size: 26px; color: #333; font-family: "黑体"; margin: 24px 0; width: 100%; text-align: left; } .lnews_l h3{ width: 100%; line-height: 44px; background: #2e82c5; color: #fff; font-family: "黑体"; text-align: center; font-size: 16px; } .lnews_l ul li{ width: 86%; text-align: left; margin: auto; border-bottom: 1px solid #eee; } .lnews_l ul li a{ display: block; margin:20px auto; font-size: 14px; color: #333; transition: 0.2s; } .lnews_l ul li a h4{ background: url("/temp/cus/su/le/an/sulean.com/temp/53-0011/201808100911/images/sanjiao02.png") left center no-repeat; background-size: auto 10px; padding-left: 20px; } .lnews_l ul li a:hover{ color: #2e82c5; } .lnews_l .nylx h3{ margin-bottom: 25px; } .lnews_l .nylx p{ width: 86%; margin: 12px auto; text-align: left; font-size: 13px; } .lnews_l .nylx img{ margin-left: calc(50% - 60px); margin-top: 28px; margin-bottom: 40px; } .next01{ margin-top: 40px; width: 100%; } .next01 p{ width: 46%; text-align: center; font-size: 14px; } .next01 p a{ display: block; border: 1px solid #ccc; line-height: 46px; transition: 0.3s; max-height: 46px; overflow: hidden; padding: 0 3%; } .next01 .lp{ float: left; } .next01 .rp{ float: right; } .next01 p a:hover{ border: 1px solid #2e82c5; background: #2e82c5; color: #fff; } .article #default-article-content td,.article #default-article-content th{ background: #fff; border: 1px solid #fff; } /*产品展示-----------------------------------------------------------------------------------------------*/ .ls_bg{ background: #f0f3f5; padding-top: 60px; padding-bottom: 120px; } .ls_box li{ width: 100%; margin-bottom: 40px; background: #fff; } .ls_box li a{ display: block; } .ls_box li a .ls_img{ float: left; width: 46%; overflow: hidden; } .ls_box li a .ls_img img{ width: 100%; height: auto; transition: 0.5s; } .ls_box li a .ls_t{ width: 46%; padding: 0 4%; float: right; } .ls_box li a .ls_t h3{ font-size: 20px; color: #333; margin-bottom: 20px; margin-top: 60px; } .ls_box li a .ls_t p{ font-size: 14px; color: #666; line-height: 24px; margin-bottom: 40px; max-height: 70px; overflow: hidden; } .ls_box li a .ls_t h4{ width: 160px; height: 38px; border-radius: 19px; background: url("/temp/temp/53/53-0011/201808100911/images/jbbg.jpg") center center no-repeat; color: #fff; text-align: center; line-height: 38px; font-size: 14px; transition: 0.3s; } .ls_box li a .ls_t h4:hover{ opacity: 0.7; } .ls_box li a .ls_img img:hover{ transform: scale(1.07); -ms-transform:scale(1.07); -moz-transform:scale(1.07); -webkit-transform:scale(1.07); -o-transform:scale(1.07); } /*视频展示列表页----------------------------------------------------------------------------------------------------*/ .sp_box{ padding-top: 60px; padding-bottom: 120px; } .sp_box ul li{ width: 100%; background: #f0f3f5; margin-bottom: 50px; position: relative; padding: 40px 0; } .sp_box ul li a{ display: block; } .sp_box ul li a .sp_img{ width: 50%; float: left; overflow: hidden; } .sp_box ul li a .sp_img img{ width: 100%; height: auto; transition: 0.5s; } .sp_box ul li a .sp_t{ float: left; text-align: left; width: 36%; padding: 0 7%; } .sp_box ul li a .sp_t h3{ font-size: 32px; font-weight: 600; margin-bottom: 20px; margin-top: 80px; } .sp_box ul li a .sp_t h4{ font-size: 14px; margin-bottom: 60px; } .sp_box ul li a .sp_t h5{ font-size: 14px; font-weight: 600; width: 140px; padding-bottom: 4px; color: #2e82c5; border-bottom: 2px solid #2e82c5; transition: 0.4s; } .sp_box ul li a .sp_t h5:hover{ width: 200px; } .sp_box ul li a .sp_img img:hover{ transform: scale(1.07); -ms-transform:scale(1.07); -moz-transform:scale(1.07); -webkit-transform:scale(1.07); -o-transform:scale(1.07); } /*关于我们列表页----------------------------------------------------------------------------------------------------*/ body.default-basescript-about{ background: #fff; } .list_ab{ margin: 100px auto; } .lab01{ position: relative; } .lab01 img{ width: 65%; height: auto; float: left; } .lab01 .lab01_t{ float: right; width: 32%; margin-top: 40px; } .lab01 .lab01_t h2{ font-size: 56px; margin-bottom: 10px; } .lab01 .lab01_t h1{ font-size:18px; color: #444; } .lab01 .lab01_t span{ display: block; margin: 40px 0; height: 2px; width: 20px; background: #2e82c5; } .lab01 .lab01_t p{ font-size: 16px; line-height: 42px; color: #666; } .lab02{ margin:100px auto; overflow: hidden; position: relative; } .lab02 img{ height: 380px; width: auto; } .lab02 .lab02_t{ position: absolute; width: 700px; left: calc(50% - 350px); top: 30%; text-align: center; } .lab02 p{ color: #fff; font-size: 20px; } .lab02 h3{ color: #fff; font-size: 26px; background: #BF0003; line-height: 52px; max-width: 480px; margin: auto; margin-bottom: 40px; } .lab03{ margin-bottom: 80px; } .lab03 img{ width: 40%; height:auto; float: left; } .lab03 p{ float: right; width: 50%; font-size: 16px; line-height: 42px; color: #666; margin-top: 40px; } .lab04 .lab04_l{ float: left; width: 45%; } .lab04 h1{ font-size: 32px; font-weight: 600; margin-bottom: 20px; } .lab04 .lab04_l li{ width: 100%; margin-bottom: 50px; } .lab04 .lab04_l ul li h3{ float: left; width: 50px; height: 50px; background: url("/temp/temp/53/53-0011/201808100911/images/jbbg.jpg") center center no-repeat; color: #fff; text-align: center; line-height: 50px; font-size: 20px; border-radius: 25px; } .lab04 .lab04_l .lab04r{ float: left; margin-left:20px; } .lab04 .lab04_l .lab04r h4{ font-size: 18px; } .lab04 .lab04_l .lab04r p{ font-size: 15px; color: #999; } .lab04_r{ float: right; width: 50%; } .lab04_r h2{ margin-bottom: 15px; } .lab04_r p{ line-height: 24px; font-size: 15px; color: #999; } .l_nav{ margin: auto; } .list_ab .zizhi{ margin-top: 100px; } .list_ab .zizhi h1{ text-align: center; margin-bottom: 40px; font-size: 24px; } .list_ab .zizhi .rongyu ul li{ width: 229px; float: left; margin-right: 10px; } .list_ab .zizhi .rongyu ul li img{ width: 100%; height: auto; } .list_ab .zizhi .rongyu ul li h4{ font-size: 15px; text-align: center; line-height: 20px; } .list_ab .default-slider-direction-left > .next, .default-slider-direction-left > .prev{ width: 40px; height: 40px; border-radius: 20px; font-size: 20px; line-height: 40px; text-align: center; } .list_ab .default-slider-direction-left > .next{ right: 50px; } .list_ab .default-slider-direction-left > .prev{ left: 50px; } .list_ab .default-slider-direction-left > .next{ right: 0; } .list_ab .default-slider-direction-left > .prev{ left: 0; } /*招贤纳士列表页-----------------------------------------------------------------------------------------------------*/ .l_zp{ background: #f0f3f5; width: 100%; padding-top: 80px; padding-bottom: 120px; } .l_zp ul li{ float: left; width: 40.5%; margin-right: 3%; margin-bottom:3%; background: #fff; padding:5% 4%; position: relative; transition: 0.5s; overflow: hidden; } .l_zp ul li ins{ position: absolute; height: 2px; width: 1px; display: block; bottom: 0; left: -2px; transition: 0.5s; background: #2e82c5; } .l_zp ul li a{ display: block; } .l_zp ul li a h4{ font-size: 18px; color: #888; margin-bottom: 15px; font-family: "Arial"; } .l_zp ul li a h3{ font-size: 16px; color: #333; margin-bottom: 30px; transition: 0.5s; } .l_zp ul li a p{ font-size: 13px; color: #888; max-height: 46px; line-height: 24px; overflow: hidden; margin-bottom: 20px; } .l_zp ul li:hover{ background: #f6f8f9; } .l_zp ul li:hover ins{ left: 0; width: 100%; } .l_zp ul li:hover a h3{ color:#2e82c5; } .l_zp .page{ margin-top: 30px; } /*招贤纳士列表页02-----------------------------------------------------------------------------------------------------*/ .zhaona .l_zp ul li a h3{ float: left; width: 80%; text-align: left; } .zhaona .l_zp ul li a h4{ float: right; background: url("/temp/temp/53/53-0011/201808100911/images/time.png") left center no-repeat; background-size: 15px; padding-left: 20px; font-size: 16px; } .zhaona .l_zp ul li a p{ float: left; } .zhaona .l_zp ul li{ background: url("/temp/temp/53/53-0011/201808100911/images/tiaowen02.png") center center repeat #fff; } .zhaona .l_zp ul li:hover{ background: url("/temp/temp/53/53-0011/201808100911/images/tiaowen02.png") center center repeat #f6f8f9; } .zhaona .l_zp .list_zp{ width: 880px; margin: auto; } .zhaona .l_zp .pub02{ width: 880px; margin: auto; margin-bottom: 5px; } /*在线留言------------------------------------------------------------------------------------------------------*/ .l_liuyan{ margin: 100px auto; } .l_liuyan span{ display: block; background: url("/temp/temp/53/53-0011/201808100911/images/liuyan.png") center center no-repeat; background-size: 100%; width: 500px; height: 500px; float: left; margin-top: 40px; } .apply01{ width: 480px; background: #2e82c5; float: right; padding: 50px 60px; } .apply01 h4{ text-align: center; color: #fff; font-size: 20px; margin-bottom: 30px; } .apply01 .default-form-group-box-apply input{ width: 100%; background: #2e82c5; margin-bottom: 20px; border: 1px solid #5fa0d4; /*#90d3d6*/ padding-left: 10px; line-height: 40px; height: 40px; outline-color: #fff; font-size: 16px; } .apply01 .default-form-group-box-apply input::-webkit-input-placeholder{ color:#5fa0d4 ; /*#90d3d6*/ } .apply01 .default-form-group-box-apply textarea{ width: 100%; background: #2e82c5; border: 1px solid #5fa0d4; /*#90d3d6*/ padding-left: 10px; line-height: 40px; outline-color: #fff; font-size: 16px; } .apply01 .default-form-group-box-apply textarea::-webkit-input-placeholder{ color: #5fa0d4; /*#90d3d6*/ } .default-form-group-box-apply label{ display: none; } .apply01 [type="submit"]{ display: block; width:100%; line-height: 40px; height: 40px; font-size: 16px; font-weight: bold; color: #fff; border: 1px solid #5fa0d4; /*#90d3d6*/ margin: auto; margin-top: 20px; background: #2e82c5; cursor: pointer; transition: 0.3s; } .apply01 [type="submit"]:hover{ background: #fff; color: #2e82c5; border: 1px solid #fff; } /*右侧固定-----------------------------------------------------------------------------------------------------------------*/ .gd_r{ position: fixed; right: 0; top: 35%; z-index: 2; } .gd_r div{ width: 44px; height: 44px; background: #2e82c5; margin-bottom: 1px; transition: 0.3s; } .gd_r div:hover{ background:#509BD8; /*#53C2C7*/ } .gd_r div a{ display: block; } .gd_r div img{ width: 100%; height: 100%; cursor: pointer; } .gd_r ul li{ width: 44px; height: 44px; background: #2e82c5; margin-bottom: 1px; transition: 0.3s; } .gd_r ul li:hover{ background:#509BD8; } .gd_r ul li a{ display: block; } .gd_r ul li a img{ width: 100%; height: 100%; } .r_dh{ position: relative; } .gd_r .r_dh h3{ line-height: 44px; text-align: center; font-size: 20px; position: absolute; top: 0; left: 0px; color: #fff; width: 200px; background: #2e82c5; font-family: "Georgia"; transition: 0.3s; z-index: -2; } .gd_r .r_dh:hover h3{ left: -200px; } .top01{ font-size: 46px; color: #fff; line-height: 44px; text-align: center; cursor: pointer; } .uid-2913 .lab01 .lab01_t span{ display: none; } .uid-2913 .lab01 .lab01_t h1{ margin-bottom: 30px; } /*不同尺寸调整*/ .w960 .tedian li h3{ display:none; } .w960 .tedian li .ltu img{ margin-top: 26px; } .w960 .anli ul li a div{ top: 28px; } .w960 .default-pc-nav-footer li{ padding: 0 28px; } .w960 .rmore{ margin-top: 44px; } .w960 .about .a_left em{ margin: 30px 0; } .w960 .about .a_left{ margin-top: 24px; } .w960 .nav_box .nav1 li{ margin:20px 18px; } .w960 .nav_box .nav1 li a{ font-size: 15px; } .w960 .l_liuyan span{ width: 330px; } /*------------------view-news01-----------------*/ .view-news01 .lxwny{ width:auto; margin:0 160px; } .view-news01 .lxwny .lnews_l{ width:300px; } .view-news01 .lxwny .news01{ padding:0; } .view-news01 .lxwny .news01 .word{ padding:50px; } @media screen and (max-width:1024px){ /*首页*/ .ismobile #mobile-nav{ background-color: #2e82c5; } .default-mobile-nav-menu li a{ border-bottom: 1px solid #308bd4; } .default-mobile-nav-menu > li > a{ border-top: 1px solid #1F72B4; } .ismobile .default-mobile-nav-menu li{ background: #2e82c5; } .ismobile .default-mobile-nav-menu li ul li{ background: #2971ab; } .default-slider-single > .default-slider-box > ul > li img{ left: 0 !important; margin-left: 0 !important; } .ismobile .default-mobile-copyright2{ background:#2e82c5; color:#fff; } .ismobile .default-mobile-copyright2 a{ color: #fff; } .nav_box{ display: none; } header h1 a{ color: #333; } .nav-click{ color: #2e82c5; } header .bg{ background-color:#fff; opacity: 1; box-shadow: 0px 1px 8px #d8d8d8; } .tedian li h3{ display:none; } .tedian li{ width:auto; } .tedian li .td_text { width: 45%; } .tedian li .ltu{ width: 47% !important; } .biaoti h2{ font-size: 32px; } .biaoti h1{ margin-left: 10px; font-size: 20px; } .about .a_left em{ margin: 12px 0; } .about .a_left{ margin-top: 0; } .rmore{ width: 200px; margin-top: 40px; } .rmore a span{ width: 200px; height: 44px; } .rmore a h4{ line-height: 44px; width: 200px; } .chanpin ul li{ width: 30.3333%; margin: auto 1.5%; margin-bottom: 8%; } .default-basescript-index .default-mobile-copyright2{ margin-top: 0; } /*关于我们*/ .lab01 .lab01_t{ margin-top: 0; } .list_ab .zizhi .rongyu ul li{ width: 190px; } /*在线留言*/ .l_liuyan span{ width: 380px; } /*新闻中心*/ .lnew_box li a .new_r{ width: 70%; padding-right: 0; } .lnew_box li a .new_l { width: 26%; margin-right: 0; } .lnews { border-top: 1px solid #e5e5e5; } .l_news { margin-bottom: 80px; } /*文章内页*/ .default-mobile-box, .box{ border-radius:0; border: solid #e6e6e6 1px; } .ismobile dl.otherlist dd h4 { font-size: 16px; color: #333; } .ismobile dl.otherlist dd p { height: 42px; font-size: 13px; color: #777; } .ismobile dl.otherlist dd:nth-child(3){ display: none; } .ismobile dl.otherlist dd:nth-child(4){ display: none; } .ismobile dl.otherlist dd:nth-child(5){ display: none; } .page{ margin-bottom: 50px; } /*产品展示*/ .ismobile .default-moblie-show-list li a p{ background: #2e82c5; } .ismobile .default-mobile-page a.a{ background: #2e82c5; } } @media screen and (max-width:768px){ /*首页*/ .about .a_right{ display: none; } .about .a_left{ width: 100%; } .about .a_left em{ margin: 26px 0; } .about .a_left p{ font-size: 16px; } .tedian{ text-align: center; } .tedian li .ltu{ float: none; width: 100% !important; margin: auto; } .tedian li .ltu img{ width: 70% !important; float: none; margin: auto; position: inherit; } .tedian li .td_text{ float: none; margin: auto; margin-top: 20px; text-align: center; width:75%; } .chanpin ul li{ width: 46%; margin: auto 2%; margin-bottom: 11%; } .news ul li{ width: 87%; margin-bottom: 30px; } .news ul li.fr{ float: none; margin-top: 0; } .news ul li.fr h4{ right: inherit; left: calc(107% - 23px); } .news ul li a h3{ text-align: left; } .news .new_m ins{ height: 654px; } .news ul li.fr span{ left: inherit; right: -7px; } .shipin img{ max-width: 1920px; } .anli ul li a img{ width: 100%; } .anli ul li a div{ right: 5%; top: 24%; width: 80%; } /*关于我们*/ .lab01 img{ width: 100%; float: none; } .lab01 .lab01_t{ float: none; width: 80%; margin: auto; margin-top: 40px; } .lab03 p { font-size: 14px; line-height: 32px; margin-top: 0; } .lab04 .lab04_l{ margin: auto; float: none; width: 60%; } .lab04_r { float:none; width: 60%; margin: auto; } .list_ab .zizhi .rongyu ul li{ width: 182px; } /*在线留言*/ .l_liuyan span { height: 380px; margin: auto; float: none; } .l_liuyan { margin: 60px auto; } .apply01 { width: 80%; padding: 10% 7%; float: none; margin-left: 3%; } } @media screen and (max-width:480px){ /*首页*/ .tedian{ height:728px; overflow:hidden; } .tedian li .ltu img{ width:300px; } .tedian li .td_text{ width: 100%; } .td_box h1{ font-size: 20px; } .tedian li .td_text p{ width: 100%; background-size: 100%; margin-bottom: 0; padding-top: 0; height: 102px; } .tedian li .td_text p span{ font-size: 15px; text-align: left; padding-top: 10px; line-height: 24px; height: 24px; margin-bottom: 4px; } .tedian li .td_text p span img{ width: 24px; height: 24px; } .tedian li .td_text p em{ text-align: left; } .tedian li .td_text p span.t1,.tedian li .td_text p span.t2,.tedian li .td_text p span.t3{ background: none; } .tedian li .td_text p span{ padding-left: 0; max-width: calc(100% - 40px); } .tedian li .td_text p em{ margin-left: 20px; max-width: calc(100% - 40px); margin-top: 0; } .td_box{ margin: 60px 0; } .chanpin ul li{ width: 100%; margin: auto; margin-bottom: 20%; } .chanpin ul li:nth-child(4),.chanpin ul li:nth-child(5),.chanpin ul li:nth-child(6){ display: none; } .cp_box{ padding: 60px 0; } .new_box{ padding: 60px 0; } .anli ul li a img{ display: none; } .anli ul li a div{ width: 90%; position: inherit; margin-left: 5%; padding: 5%; } .anli ul li{ margin-bottom: 20px; } .lianxi{ display: none; } .weixin{ margin-right: 5%; } .gz_box { width: 50%; margin-left: 5%; } .about{ padding: 60px 0; } .biaoti h2{ font-size: 24px; } .biaoti h1{ font-size: 16px; } .biaoti{ width: 280px; } .new_box .biaoti{ width: 280px; margin-bottom: 40px; } .news .new_m ins{ height: 540px; } .news ul li h4{ display: none; } .news ul li{ width: 92%; margin-bottom: 30px; padding: 20px 4%; } .al_box .biaoti{ width: 300px; margin-bottom: 40px; } .chanpin .biaoti{ margin-bottom: 40px; } .tedian li .td_text p em{ max-height: 40px; overflow: hidden; } .guanzhu div{ margin-right: 10px; } .gz_box h2{ font-size: 22px; } .shipin{ height: 320px; } .shipin .sp_bg span{ background-size: 100%; margin-top: 80px; width: 244px; height: 170px; } .al_box{ padding: 60px 0; } .erweima { width: 220px; margin-left: -110px; bottom: 35%; } .erweima-1 p a.sao{ padding-top: 0; } /*关于我们*/ .list_ab .zizhi{ margin-top: 60px; } .list_ab { margin: 60px auto; } .lab01 .lab01_t h2 { font-size: 44px; margin-bottom: 0; } .lab01 .lab01_t h1{ font-size: 16px; } .lab01 .lab01_t span{ margin: 20px 0; } .lab01 .lab01_t{ width: 90%; } .lab01 .lab01_t p { font-size: 15px; line-height: 40px; } .lab02 img{ height: 300px; width: auto; max-width: 1920px; } .lab02 h3 { font-size: 22px; line-height: 44px; max-width: 300px; margin-bottom: 30px; } .lab02 .lab02_t{ width: 300px; left: calc(50% - 150px); top: 25%; } .lab02 p{ font-size: 13px; } .lab03 img { width: 80%; height: auto; float: none; margin-left: 10%; } .lab02{ margin: 60px auto; } .lab03 p{ float: none; width: 90%; margin-top: 20px; margin-left: 5%; } .lab03{ margin-bottom: 60px; } .lab04 .lab04_l { width: 100%; } .lab04 .lab04_l .lab04r{ margin-left: 10px; } .lab04 .lab04_l .lab04r p{ font-size: 12px; } .lab04_r{ width: 100%; margin-top: 20px; } .lab04_r h2 { font-size: 18px; } .lab04_r p { line-height: 28px; font-size: 14px; } .lab04 .lab04_l ul li h3 { width: 40px; height: 40px; line-height: 40px; font-size: 20px; border-radius: 20px; } .list_ab .zizhi .rongyu ul li{ width: 189px; } /*在线留言*/ .apply01 .default-form-group-box-apply input{ width: 97%; } .apply01 .default-form-group-box-apply textarea{ width: 97%; } .apply01 { width: 82%; margin-left: 2%; } .l_liuyan span { height: 280px; width: 280px; margin-bottom: 20px; } .l_liuyan{ margin-top: 0; } /*新闻中心*/ .lnew_box li a .new_l { float: none; width: 100%; text-align: left; margin-right: 0; } .lnew_box li a .new_l h1 { font-size: 20px; line-height: 22px; float: left; color: #777; } .lnew_box li a{ width: 90%; } .lnew_box li a .new_l h2 { font-size: 16px; line-height: 22px; float: left; margin-left: 10px; } .lnew_box li a .new_r{ width: 100%; float: left; margin-top: 10px; } .lnew_box li{ padding: 30px 0; } .ismobile article h3, .ismobile article .content{ margin-top: 20px; margin-bottom: 5px; font-size: 20px; } .ismobile .article-info{ font-size: 13px; } .ismobile article nav p{ width: 100%; text-align: center; overflow: hidden; border: 1px solid #ccc; margin-bottom: 10px; font-size: 14px; line-height: 44px; max-height: 44px; overflow: hidden; box-sizing: border-box; padding: 0 5%; } .ismobile article nav p a{ color: #2e82c5; } .default-mobile-box, .box{ padding: 3px 10px; } .default-mobile-list-cats h3{ font-size: 16px; } .default-mobile-list-cats nav ul li a{ font-size: 16px; line-height: 36px; } } @media screen and (max-width:375px){ .list_ab .zizhi .rongyu ul li { width: 220px; margin: 0 65px; } } .hzhb{ display:none; }