/*dede58.com 做最好的织梦整站模板下载网站*/ @charset "utf-8"; /* 背景设置 */ .n-back-0, .backof { background: #f0f0f0; min-width: 1180px; } .backf0 { background: #f0f0f0; } .n-back-0:after { display: block; clear: both; content: ""; background: #f0f0f0; } .n-back-1 { background: #fff; } .n-bor { border: 1px solid #f0f0f0; border-width: 1px 0; } .n-bor-top { border: 1px solid #f0f0f0; border-width: 1px 0 0; } .n-bor-t { border: 1px solid #f0f0f0; border-width: 1px 0 0 0; } .n-bor-b { border: 1px solid #f0f0f0; border-width: 0 0 1px 0; } .more-small { display: block; padding-right: 21px; font-size: 12px; color: #666; } .more-small:hover { } /** 子菜单========= */ .subcate { width: 245px; min-height: 70px; background: #fbfbfb; } .subcate h3 { position: relative; height: 150px; text-indent: 65px; color: #fff; } .subcate h3 a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: #fff; z-index: 9; } .subcate h3 span.subcat-tit { padding-top: 62px; font-size: 22px; } .subcate h3 i.sub-ico { display: block; width: 87px; height: 91px; position: absolute; top: 30px; left: 33px; background: url(../img/h3ico.png) no-repeat; } .subcate ul li { text-indent: 36px; height: 45px; line-height: 45px; border-top: 1px solid #f0f0f0; } .subcate ul li:last-child { border-bottom: none; } .subcate ul li, .subcate ul li a { display: block; font-size: 14px; color: #333; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; } .subcate ul li:hover a, .subcate ul li.on a { color: #fff; } /* 推荐 */ .subcate .left-remoon { background: #fff; } .subcate .left-remoon h3 { padding: 0 15px; text-indent: 0; font-size: 14px; border-bottom: 1px solid #f0f0f0; color: #333; height: 35px; line-height: 35px; } .subcate .left-remoon h3 a { position: relative; max-width: 38px; font-size: 12px; color: #999; } .subcate .left-remoon img { display: block; width: 210px; height: auto; margin: 15px auto 0; } .subcate .left-remoon p { width: 210px; margin: 10px auto 0; } .subcate.n-fixed { margin-top: 61px; } /* 面包导航 */ .catpos { padding-right: 15px; } .catpos a, .catpos span { color: #999; } .catpos a.on { color: #333; } .catpos i { width: 5px; height: 9px; display: inline-block; margin: 0 10px; background: url(../img/icorr.png) no-repeat; } /** 标题========= */ .sector_head { position: relative; } .sector_head h3 { text-indent: 15px; height: 55px; line-height: 55px; font-size: 14px; color: #333; border-bottom: 1px solid #f0f0f0; } .sector_head span { color: #757575; } .sector_head a.more-detail { position: absolute; top: 36%; right: 20px; color: #999 } /* 网页结构布局 */ .content-left { float: left; width: 245px; margin-top: -55px; } .content-right { float: right; width: 880px; min-height: 350px; background: #fff; margin-top: -55px; } .content-right h3.cat-tit { height: 54px; line-height: 54px; font-size: 14px; padding-left: 15px; border-bottom: 1px solid #f0f0f0; } /** 新闻资讯========================= */ /*------------- 列表页 */ .news_0_list ul li { position: relative; width: 90%; float: left; max-height: 142px; padding: 25px 22px; margin: 20px 20px 0; border: 1px solid #ededed; overflow: hidden; } .news_0_list ul li img { width: 210px; height: 130px; margin-right: 15px; } .news_0_list ul li span strong { font-size: 26px; color: #888; padding-right: 10px; } .news_0_list ul li p { color: #999 } .news_0_list ul li .border_top, .news_0_list ul li .border_left { left: 0; top: 0; } .news_0_list ul li .border_right, .news_0_list ul li .border_bottom { bottom: 0; right: 0; } /* 边框宽度 */ .news_0_list ul li .border_top, .news_0_list ul li .border_bottom { height: 2px; width: 0; } .news_0_list ul li .border_right, .news_0_list ul li .border_left { height: 0px; width: 2px; } .news_0_list ul li, .news_0_list ul li .border_top, .news_0_list ul li .border_right, .news_0_list ul li .border_bottom, .news_0_list ul li .border_left { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; } .news_0_list ul li:hover { border-color: transparent; background: #fbfbfb; } .news_0_list ul li:hover .border_top, .news_0_list ul li:hover .border_bottom { width: 100% } .news_0_list ul li:hover .border_left, .news_0_list ul li:hover .border_right { height: 100% } /* 常见问题 */ .wrongv4a ul li { position: relative; width: 850px; height: auto; min-height: 93px; padding: 35px 15px; border-bottom: 1px solid #eee; } .wrongv4a ul li .worng-detail h5 { position: relative; padding-left: 10px; color: #333; } .wrongv4a ul li .worng-detail h5:before, .wrongv4a ul li .worng-detail h5 span.deta:before { position: absolute; display: block; top: 8px; clear: both; } .wrongv4a ul li .worng-detail h5:before { left: 0; width: 6px; height: 6px; content: "."; border-radius: 35px; background: #b0b0b0; overflow: hidden; } .wrongv4a ul li .worng-detail h5 span.deta { position: relative; font-size: 12px; color: #9b9b9b; cursor: pointer; } .wrongv4a ul li i.ibor1 { position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; } .wrongv4a ul li .remark .show { height: 62px; overflow: hidden; } .wrongv4a ul li.on .remark .show { height: auto; } .wrongv4a ul li, .wrongv4a ul li .remark .show, .wrongv4a ul li i.ibor1 { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; } .wrongv4a ul li:hover { background: #fdfdfd; } .wrongv4a ul li.on i.ibor1, .wrongv4a ul li:hover i.ibor1 { width: 100%; } /*------------- 详情页 */ /**左侧 */ .content-right .detail-title { max-width: 840px; overflow: hidden; text-align: center; margin: 0 auto; } .content-right .detail-title h1 { padding-top: 45px; color: #191919; } .content-right .detail-title .d-t { padding: 5px 0; } .content-right .detail-title .d-t, .content-right .detail-title a { color: #969696; } .content-right .detail-title span.d { padding-right: 13px; } /* 分享 上下按钮 */ .d-t .shar { display: inline-block; position: relative; cursor: pointer; padding-right: 13px; background: url(../img/icob.png) no-repeat center right; } .d-t .shar .bdsharebuttonbox { display: none; width: 140px; position: absolute; top: -6px; left: 70px; } /* 内容 */ .detail-content { padding: 15px 15px 30px; line-height: 22px; } .detail-content img { max-width: 100% !important; } /** 图片/产品展示============================================= */ .pro_0_list ul li { position: relative; width: 270px; min-height: auto; float: left; margin-left: 18px; margin-top: 20px; overflow: hidden; } .pro_0_list ul li a.img { position: relative; display: block; width: 270px; height: 170px; overflow: hidden; } .pro_0_list ul li img { width: 270px; height: 170px; } .pro_0_list ul li img, .pro_0_list ul li a.jia, .pro_0_list ul li i.bor2 { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; } .pro_0_list ul li .title { padding: 15px; } .pro_0_list ul li a.jia { opacity: 0; position: absolute; bottom: 28px; right: 23px; display: block; width: 12px; height: 12px; z-index: 10; } .pro_0_list ul li i.bor2 { display: block; width: 0; height: 2px; } .pro_0_list ul li .title h5 a { color: #666; } .pro_0_list ul li .title p.entitle { color: #999; } .pro_0_list ul li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .pro_0_list ul li:hover a.jia { opacity: 1; } .pro_0_list ul li:hover i.bor2 { width: 100%; } /** 产品详情页 ============================================= */ /* 推荐产品 */ .pro-remmon ul li { position: relative; width: 270px; min-height: auto; float: left; margin: 17px 0 0 17px; overflow: hidden; } .pro-remmon ul li a.img { position: relative; display: block; width: 270px; height: 170px; overflow: hidden; } .pro-remmon ul li img { width: 270px; height: 170px; } .pro-remmon ul li .title { padding: 15px; } .pro-remmon ul li h3 { border-bottom: none; } .pro-remmon ul li h3 a { color: #666 } .pro-remmon ul li p { color: #999; } .pro-remmon ul li a.jia { opacity: 0; position: absolute; bottom: 28px; right: 23px; display: block; width: 12px; height: 12px; z-index: 10; } .pro-remmon ul li i.bor2 { display: block; width: 0; height: 2px; } .pro-remmon ul li img, .pro-remmon ul li a.jia, .pro-remmon ul li i.bor2 { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; } .pro-remmon ul li:hover a.jia { opacity: 1; } .pro-remmon ul li:hover i.bor2 { width: 100%; } /** 关于我们 ============================================= */ /* 招聘 */ .recru-list ul li { position: relative; width: 90%; float: left; max-height: 142px; padding: 25px 22px; margin: 20px 20px 0; border: 1px solid #ededed; overflow: hidden; } .recru-list ul li h5 a { font-size: 12px; } .recru-list ul li span { padding: 15px 0 10px; } .recru-list ul li span a { padding: 0 15px; color: #888; background: url(../img/ico-3.png) no-repeat center right; } .recru-list ul li span a:first-child { padding-left: 0; } .recru-list ul li span a:last-child { background: none; } .recru-list ul li p { color: #999 } .recru-list ul li .border_top, .recru-list ul li .border_left { left: 0; top: 0; } .recru-list ul li .border_right, .recru-list ul li .border_bottom { bottom: 0; right: 0; } /* 边框宽度 */ .recru-list ul li .border_top, .recru-list ul li .border_bottom { height: 2px; width: 0; } .recru-list ul li .border_right, .recru-list ul li .border_left { height: 0px; width: 2px; } .recru-list ul li, .recru-list ul li .border_top, .recru-list ul li .border_right, .recru-list ul li .border_bottom, .recru-list ul li .border_left { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; } .recru-list ul li:hover { border-color: transparent; background: #fbfbfb; } .recru-list ul li:hover .border_top, .recru-list ul li:hover .border_bottom { width: 100% } .recru-list ul li:hover .border_left, .recru-list ul li:hover .border_right { height: 100% } /* 详情 */ .recru-show h1 { font-size: 16px; } .recru-show h5 { font-size: 14px; margin-top: 20px; padding-bottom: 5px; } .recru-show h5 span { padding-right: 3px; } .recru-show .rec-detail { color: #666; padding-bottom: 15px; border-bottom: 1px solid #eee; } .recru-show .rec-detail:nth-last-of-type(1) { border-bottom: 0; } /* 风采 */ #waterfall li p { font-size: 14px; height: 35px; line-height: 35px; color: #666; padding-bottom: 10px; } /* PIC -3 服务 */ .fuwu-list ul li { float: left; width: 230px; height: auto; padding: 20px; margin: 0 20px 15px 0; text-align: center; background: #fff; } .fuwu-list ul li:last-child { margin-right: 0; } .fuwu-list ul li img { max-width: 100px; max-height: 100px; overflow: hidden; } .fuwu-list ul li h5 { color: #333; } .fuwu-list ul li p { color: #888; } .fuwu-list ul li, .fuwu-list ul li:hover h5, .fuwu-list ul li:hover p { transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; } .fuwu-list ul li:hover { box-shadow: -2px 0 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: -2px 0 20px rgba(0, 0, 0, 0.1); } /* PIC -2 */ .lpic li { width: 270px; height: 240px; float: left; margin-right: 12px; } .lpic li img { width: 270px; height: 113px; } .lpic li h5 { padding: 15px 0 2px; } .lpic li h5 a { font-size: 13px; color: #646464; } .lpic li h5 p { line-height: 20px; } .lpic li a.more-l { width: 16px; height: 13px; margin-top: 10px; display: block; background: url(../img/detail.png) no-repeat 0 0; } .lpic li:hover a.more-l { background-position: 0 -21px; } /*===团队===*/ .team_div_fm ul.temaul li { position: relative; width: 850px; height: auto; padding: 20px 15px; border-bottom: 1px solid #eee; } .team_div_fm ul.temaul li:after { display: block; clear: both; content: ""; } .team_div_fm ul.temaul li img { width: 200px; height: auto; } .team_div_fm ul.temaul li span.tx { width: 200px; margin-right: 30px; overflow: hidden; position: relative; } .team_div_fm ul.temaul li .dask { position: absolute; bottom: -31px; left: 0; width: 100%; height: 30px; z-index: 9; } .team_div_fm .click-detail { cursor: pointer; } .team_div_fm ul.temaul li .dask i { display: block; width: 12px; height: 12px; margin: 10px auto 0; background: url(../img/wjia.png) no-repeat; } .team_div_fm ul.temaul li i.ibor1 { position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; } .team_div_fm ul.temaul li, .team_div_fm ul.temaul li i.ibor1, .team_div_fm ul.temaul li .dask { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; } .team_div_fm ul.temaul li:hover i.ibor1 { width: 100%; } .team_div_fm ul.temaul li:hover .dask { bottom: 0; } /* 弹窗 */ .layui-layer { background-color: transparent !important; box-shadow: none !important; } .layer-open { display: none; } .layer-team { width: 880px; min-height: 400px; background: #fff; overflow: hidden; } .layer-team .layer-team-content { width: 880px; min-height: 400px; background: #fff; } i.ibor2 { display: block; position: absolute; top: 0; left: 250px; width: 1px; height: 100%; z-index: 99; background: #eee; } .layer-team .team-l { width: 200px; padding: 40px 25px 0; text-align: center; } .layer-team .team-l img { width: 200px; } .layer-team .team-l h3 { padding: 15px 0 10px; font-size: 20px; } .layer-team .team-r { width: 580px; margin-left: 25px; } .layer-team .team-r h2 { font-size: 24px; padding-top: 40px; padding-bottom: 20px; color: #1d1d1d; border-bottom: 1px solid #eee; } .layer-team .team-r h5 { font-size: 14px; padding-top: 25px; padding-bottom: 14px; font-weight: normal; } .layer-team .team-r p { color: #666; padding-top: 15px; } .layui-layer-setwin .layui-layer-close2 { position: absolute; top: -15px !important; right: -15px !important; background: url(../img/menu.png) no-repeat !important; cursor: pointer !important; } /*=== 合作客户 ===*/ .partnerpic li { position: relative; width: 196px; height: auto; margin-right: 22px; float: left; } .partnerpic li a.par-pic { display: block; position: relative; } .partnerpic li img { width: 196px; height: 133px; border: 1px solid #f5f5f5; } .partnerpic li img, .partnerpic li .border_top, .partnerpic li .border_right, .partnerpic li .border_bottom, .partnerpic li .border_left { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; } /* 共用属性 */ .partnerpic li .border_top, .partnerpic li .border_left { left: 0; top: 0; } .partnerpic li .border_right, .partnerpic li .border_bottom { bottom: 0; right: 0; } /* 边框宽度 */ .partnerpic li .border_top, .partnerpic li .border_bottom { height: 2px; width: 0; } .partnerpic li .border_right, .partnerpic li .border_left { height: 0px; width: 2px; } .partnerpic li:hover .border_top, .partnerpic li:hover .border_bottom { width: 100% } .partnerpic li:hover .border_left, .partnerpic li:hover .border_right { height: 100% } .partnerpic li p { line-height: 35px; } .partnerpic li:hover img { border-color: transparent; } /* 我们的服务 */ /* 列表 */ #view-list ul li { margin-bottom: 18px } .view ul li { width: 272px; min-height: 360px; float: left; margin-right: 15px; border: 1px solid #ededed; border-top: none; overflow: hidden; } .view ul li a.img { position: relative; display: block; width: 272px; height: 185px; overflow: hidden; } .view ul li img { width: 272px; height: 185px; margin-left: -1px; } .view ul li img { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; } .view ul li .title { padding: 0 15px 15px; } .view ul li .title h5 a { color: #666 } .view ul li .title p.entitle, .view ul li a.awork { color: #999; } .view ul li:hover img { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } /** 下载中心 ============================================= */ .downloadv4a ul li { position: relative; width: 790px; height: 70px; padding: 40px 25px 20px; border: 1px solid #eee; margin: 15px auto 0; } .downloadv4a ul li .download-detail .down-left { height: 55px; max-width: 430px; } .downloadv4a ul li .download-detail .down-left h5 a { color: #333 } .downloadv4a ul li .download-detail .down-left p { color: #999 } .downloadv4a ul li .download-detail .down-right a.down-ico { display: block; width: 55px; height: 55px; font-size: 40px; border: 1px solid #e5e5e5; border-radius: 35px; color: #999; } .downloadv4a ul li .download-detail .down-right .glyphicon-cloud-download:before { position: absolute; top: 6px; left: 7.5px; } .downloadv4a ul li, .downloadv4a ul li .download-detail .down-right a.down-ico, .downloadv4a ul li .border_top, .downloadv4a ul li .border_right, .downloadv4a ul li .border_bottom, .downloadv4a ul li .border_left { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; } /* 共用属性 */ .downloadv4a ul li .border_top, .downloadv4a ul li .border_left { left: 0; top: 0; } .downloadv4a ul li .border_right, .downloadv4a ul li .border_bottom { bottom: 0; right: 0; } /* 边框宽度 */ .downloadv4a ul li .border_top, .downloadv4a ul li .border_bottom { height: 2px; width: 0; } .downloadv4a ul li .border_right, .downloadv4a ul li .border_left { height: 0px; width: 2px; } .downloadv4a ul li:hover .border_top, .downloadv4a ul li:hover .border_bottom { width: 100% } .downloadv4a ul li:hover .border_left, .downloadv4a ul li:hover .border_right { height: 100% } .downloadv4a ul li:hover { border-color: transparent; } .downloadv4a ul li:hover .download-detail .down-right a.down-ico { color: #fff; } /** 联系我们 ============================================= */ .c-rematk { max-width: 635px; line-height: 22px; color: #888; margin: 0 auto 20px; } .detail-content .contact_ny { margin: -15px -15px -30px; } .contact_ny ul li { float: left; width: 385px; height: 68px; padding: 20px 15px; border: 1px solid #f2f2f2; margin-left: 15px; margin-top: 15px; transition: all .4s ease-out; } .contact_ny ul li h3 { font-size: 14px; color: #000; font-weight: bold; padding-bottom: 5px; } .contact_ny ul li p { line-height: 22px; } .contact_ny ul li span { display: inline-block; min-width: 185px; color: #999; } /* 表单 */ .contact-form .form-action li { width: 210px; float: left; border-bottom: 1px solid #e8e8e8; margin-bottom: 45px; margin-right: 110px; } .contact-form .form-action li:nth-of-type(3), .contact-form .form-action li.textarea { margin-right: 0; margin-bottom: 30px; } .contact-form .form-action li label { color: #fff; } .contact-form .form-action input[type=text] { width: 99%; padding-left: 5px; height: 36px; border: 0; } .contact-form .form-action li.textarea { width: 100%; } .contact-form .form-action textarea { width: 100%; height: 20px; border: 0; outline: none; resize: none; } .contact-form .form-action input[type=submit] { display: block; width: 130px; height: 40px; margin: 0 auto; text-align: center; line-height: 40px; border: 0; cursor: pointer; color: #fff; font-size: 12px; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; } /* 全屏模式 */ .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; -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; } .swiper-slide img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .swiper-container-vertical > .swiper-pagination-bullets { right: 3% !important; top: 58% !important; } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 15px 0 !important; } .swiper-button-next { right: 5% !important; background: url(../img/arrow_45.png) no-repeat -105px 0 !important; } .swiper-button-prev { left: 5% !important; background: url(../img/arrow_45.png) no-repeat 0 0 !important; } .swiper-button-prev, .swiper-button-next { width: 45px !important; height: 45px !important; } .swiper-pagination-bullet-active { background: #fff !important; } /* 产品上下页 */ .preNext { text-align: center; height: 25px; line-height: 25px; } .preNext span a { width: auto; height: 25px; display: inline-block; background: url(../img/prenext.png) no-repeat 0 0; padding-left: 30px; } .preNext span.next a { background-position: 0 -39px; margin: 0 30px; } .preNext span.return a { background-position: 0 -75px; } .preNext span, .preNext a { color: #999 } /** 分页 ========================= */ #pages { text-align: center; padding: 20px 0 30px; border-top: 1px solid #ededed; } #pages a { font-family: 'Arial'; font-size: 14px; display: inline-block; width: 38px; height: 33px; line-height: 33px; border: 1px solid #e6e6e6; background: #fff; color: #646464; margin-right: 8px; text-align: center; } #pages a.cur { display: inline-block; width: 38px; height: 33px; line-height: 33px; text-align: center; color: #fff; } #pages a.a1 { display: none; width: 108px; font-size: 12px; float: left; text-align: left; border: none; background: none; color: #646464; } #pages a.a1 font { color: #fead0f; padding: 0 3px; } #loading { width: 195px; height: 32px; line-height: 32px; font-size: 14px; text-align: center; padding-left: 0; opacity: .7; background: url(../img/msg_loading_d.gif) no-repeat; margin: 10px auto 30px; color: #000; display: none } /* 关于我们列表 */ .partner .detail-content { padding-bottom: 0; } /* 产品AJAX */ .ajax-list a { position: absolute; top: 45%; width: 45px; height: 45px; display: block; background: url(../img/arrow_45.png) no-repeat 0 0; text-indent: -9999px; z-index: 100; cursor: pointer; } .ajax-list a.nopre, .ajax-list a.pre { left: 80px; } .ajax-list a.nonext, .ajax-list a.next { right: 80px; } .ajax-list .nopre, .ajax-list .nonext { opacity: .5; } .ajax-list .next, .ajax-list .nonext { background-position: -105px 0; } .loging { display: none; width: 32px; height: 32px; position: absolute; top: 45%; left: 50%; background: url(../img/msg_loading_d.gif) no-repeat; z-index: 999; }