:root{ --main:#2c66b5; --font1:#333; --font2:#666; /*内页标题*/ --insidePageTitleFontSize: 50px; } /* @font-face { font-family: 'D'; src: url('/font/D-DINExp-Bold.ttf'); } */ .cw1125{max-width: 1125px;width: 92%;margin: 0 auto;} /*头部PC端*/ #header{background:#fff; top: 0;left: 0;height:80px;width: 100%;z-index:10;} #header::after{content:'';position:absolute;bottom:0;left:0;right:0;width:100%;height:1px;background:#e5e5e5;} #header.none{transform: translate3d(0px,-100%,0);} #header.cur{background: #fff;/*box-shadow: 0 0px 10px 0 rgba(0,0,0,.1);*/} #header .header-box{height:100%;position:relative;} #header .logo{width:186px;height:25px;margin-top:25px;margin-left:3.125%;} #header .hnav{height:100%;} #header .hnav .one-nav{line-height:80px;margin:0 25px;position:relative;height:100%;} #header .hnav .one-nav .nav-a{font-size:16px;color:var(--font1);} #header .hnav .one-nav:hover .nav-a{color:var(--main);position:relative;} #header .hnav .one-nav:hover, #header .hnav .one-nav.cur{border-bottom:2px solid var(--main);z-index:5;} #header .hnav .one-nav .two-nav{ min-width:120px; height:0; overflow:hidden; top:80px; left:50%; z-index:3; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); } #header .hnav .two-nav .hnavbg{background:#fff; /*box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);*/padding:0 15px;} #header .hnav .two-nav .hnavbg>div{line-height: 40px;text-align: center;white-space:nowrap;} #header .hnav .two-nav .hnavbg>div .tnav-a{font-size: 16px;color:var(--font2);} #header .hnav .two-nav .hnavbg>div:hover .tnav-a{color:var(--font1);border-bottom:1px solid #797979;} #header .hnav .pro-nav .two-nav .hnavbg>div{line-height:18px;} #header .hnav .one-nav .pro-two{ min-width:100%; width:100vw; left:0;background:#fff; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; } #header .hnav .one-nav .pro-two .h{width:100%;min-height:180px; padding:0 3.125%;margin:50px 0;} #header .hnav .pro-nav .pro-two .h .tnav-a{margin:0 62.5px !important;} #header .hnav .pro-nav .pro-two .h .tnav-a .icon{margin-bottom:20px;} #box{height:80px;width:100%;display:block;} #header .right{margin-right:3.125%;} #header .right .lang .earth{margin-right:10px; width:22px;height:21px;background: url(/images/lang.png) no-repeat center;background-size:cover;} #header .right .lang .lang-box .language{font-size:16px;color:#999;} #header .right .lang .lang-box .language.cur, #header .right .lang .lang-box .language:hover{color:var(--main);} #header .right .lang .lang-box span{margin:0 8px;font-size:16px;} #header .right .search{width:19px;height:19px;margin-left: 40px;} @media (max-width:1085px) { #header .hnav .one-nav{margin:0 15px;} } /* 头部移动端 */ #m-header, #m-nav, #search-box, .m-header-blank{display: none;} @media screen and (max-width:1024px) { #box,#header{display: none;} #m-header{display: block;width: 100%;height:80px;display: flex;flex-direction: column;justify-content: center;background: #fff;position: fixed;left: 0;top: 0;right: 0;z-index: 51;box-shadow: 0 3px 10px 0 rgba(0,0,0,.1);} .m-header-blank{display: block;height:80px;} #m-header .logo{margin-right: auto;} #m-header .search{width: 40px;height: 40px;background: url(/images/h-search-icon.png) no-repeat center;} #m-header .search.cur{background-image: url(/images/h-close-icon.png);} #m-header .menu{width: 40px;height: 40px;background: url(/images/menu-icon.png) no-repeat center;margin-left:30px;} #m-header .menu.cur{background-image: url(/images/h-close-icon.png);} #m-nav{display: block;width: 100%;height: 0;z-index: 49;left: 0;right: 0;top:80px;width: 100%;background: #fff;overflow-y: auto;} #m-nav.cur{height: calc(100vh - 80px);} #m-nav .nav .one-nav{line-height:100px;} #m-nav .nav .one-nav .one{cursor:pointer; margin: 0 30px;border-bottom: 1px solid #ebebeb;background: url(/images/nav-icon1.png) no-repeat right;} #m-nav .nav .one-nav.nobg .one{background: none;} #m-nav .nav .one-nav.cur .one{background: url(/images/nav-icon2.png) no-repeat right;} #m-nav .nav .one-nav.cur.nobg .one{background: none;} #m-nav .nav .one-nav .one-a{font-size: 36px;font-weight: 700;color:var(--font1);} #m-nav .nav .one-nav .two-nav{width: 100%;background: #f7f7f7;padding: 0 30px;} #m-nav .nav .one-nav .two-nav>div{border-bottom: 1px solid #dcdcdc;} #m-nav .nav .one-nav .two-nav .two-a{font-size: 30px;color:var(--font1);} #m-nav .bot-box{margin:60px 0 30px;} #m-nav .bot-box .item .icon{width: 100px;height: 100px;line-height: 98px;border: 1px solid #333;font-size: 18px;color:var(--font1);border-radius: 100%;margin: 0 auto;} #m-nav .bot-box .item .tit{font-size:26px;color:var(--font1);margin-top: 10px;} #search-box{display: block;width: 100%;height: 240px;z-index: 50;left: 0;right: 0;top:80px;width: 100%;background: #fff;display: none;flex-direction: column;justify-content: center;} #search-box .form-box{width: 92%;margin: 70px auto 0;height: 90px;border: 1px solid #d1d1d1;border-radius: 45px;} #search-box .form-box .input{width: calc(100% - 100px);padding-left: 45px;} #search-box .form-box .input input{width: 100%;height: 100%;font-size:30px;color:var(--font1);} #search-box .form-box .submit{width: 90px;height: 90px;background: url(/images/h-search-icon.png) no-repeat center;} } /* 底部 */ #footer .top{padding:100px 0 80px 0;background:#ececec;} #footer .top .left .cont{margin-top:30px;} #footer .top .left .cont .con{font-size:16px;color:var(--font2);line-height:30px;} #footer .top .left .cont .address .add1{width:48px;} #footer .top .left .cont .address .add2{width:180px;} #footer .top .f-nav {width:72.85714%;display:flex;justify-content:space-between;} #footer .top .f-nav .child .one{margin-bottom:30px;} #footer .top .f-nav .child .one .one-a{font-size:18px;color:var(--font1);font-weight:500;} /* #footer .top .f-nav .child{margin-left:12.3975%;} */ #footer .top .f-nav .child{margin:0 3px;} #footer .top .f-nav .child:first-child{margin-left:30px;} #footer .top .f-nav .child .two .h .two-a{font-size:16px;color:var(--font2);margin-bottom:12px;} #footer .top .f-nav .child .two .h .two-a:hover{color:var(--main);} #footer .bottom{background:#ececec;} #footer .bottom .bot-box{border-top:1px solid #d4d4d4;padding:40px 0 100px;} #footer .bottom .copy .con .d{font-size:16px;color:var(--font2);} #footer .bottom .copy .con .d:nth-child(2){margin-left:12px;} #footer .bottom .share .s{margin-left:30px;} #footer .bottom .share .wx{width:34px;} #footer .bottom .share .wb{width:31px;} #footer .bottom .share .dy{width:23px;} #footer .bottom .share .sph{width:29px;} #footer .bottom .share .w .pic:last-child{display:none;} #footer .bottom .share .w:hover .pic:first-child{display:none;} #footer .bottom .share .w:hover .pic:last-child{display:block;} #footer .bottom .share .s .w:hover ~ .img{display:block;} #footer .bottom .share .s .img{ width:150px; height:155px; z-index:10; top:-185px; left:50%; transform:translateX(-50%); display:none; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); } #footer .bottom .share .s .img .e{width:100%;height:calc(100% - 5px);} #footer .bottom .share .s .img .f-icon{width: 10px;height: 5px;margin:0 auto;} @media (max-width:1440px) { #footer .top .f-nav .child{margin-left:80px;} } @media (max-width:1200px) { #footer .top .f-nav .child{margin-left:30px;} } @media (max-width:970px) { #footer .top{padding:0 0 30px;} #footer .top .top-box{flex-direction:column-reverse;} #footer .top .left{text-align:center;width:100%;} #footer .top .left .cont .con{font-size:30px;line-height:1.6;} #footer .top .left .cont .address{justify-content:center;} #footer .top .left .cont .address .add1, #footer .top .left .cont .address .add2{width:auto;} #footer .top .left .cont{margin-top:15px;} #footer .top .f-nav{width:100%; margin-bottom:30px;display:flex;flex-direction:column;} #footer .top .f-nav .child{margin:0;} #footer .top .f-nav .child:first-child{margin:0;} #footer .top .f-nav .child .one .one-a{font-size:36px;} #footer .top .f-nav .child{margin-right:0;border-bottom:1px solid #d4d4d4;} #footer .top .f-nav .child .one{background:url(/images/nav-icon1.png) no-repeat right; width:100%;margin-bottom:20px;padding:30px 0 10px;} #footer .top .f-nav .child.in .one{background:url(/images/nav-icon2.png) no-repeat right;} #footer .top .f-nav .child .two{height:0;overflow: hidden;} #footer .top .f-nav .child .two .h .t2{font-size:30px;margin-top:0;margin-bottom:20px;} #footer .bottom .bot-box{padding:30px 0 80px;flex-direction:column;align-items:center;} #footer .bottom .bot-box .copy .con{flex-direction:column;align-items:center;} #footer .bottom .copy .con .d{margin-bottom:15px;font-size:30px;text-align:center; line-height:1.6;} #footer .bottom .share .wx{width:45px;} #footer .bottom .share .wb{width:42px;} #footer .bottom .share .dy{width:33px;} #footer .bottom .share .sph{width:40px;} } /*广告图*/ #index-swiper .v{top: 0;left: 0;width: 100%;height: 100%;} #index-swiper .v video{width: 100%;object-fit: fill;} #index-swiper .swiper1 .m-pic{padding-top:44.3%;} #index-swiper .pc .pn{display:none; top:50%;width:17px;height:34px;z-index:2;opacity:0.3;} #index-swiper .pc .pn.prev{left:3.963%;} #index-swiper .pc .pn.next{right:3.963%;} #index-swiper .pc:hover .pn{display:block;} #index-swiper .pc .pn:hover{opacity:0.6;} #index-swiper .pc .swiper-pagination-bullet{width:6px;height:6px;background:#fff;opacity:1;} #index-swiper .pc .swiper-pagination-bullet-active{ width:60px; border-radius:5px;background:#f5f5f5} #index-swiper .pc .swiper-pagination-bullet-active .el-bar{background:#fff;} #index-swiper .pc .swiper-container-horizontal>.swiper-pagination-bullets, #index-swiper .pc .swiper-pagination-custom, #index-swiper .pc .swiper-pagination-fraction{bottom:40px;} #index-swiper .pc .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;} /*共用-首页副标题*/ .ind-title .tit{font-size:40px;color:var(--font1);font-weight:bold;margin:0 20px;} .ind-title .line{background:var(--main);width:35px;height:3px;} @media (max-width:750px) { .ind-title .tit{font-size:42px;} } /*首页产品*/ #ind-prod{padding:70px 0 80px 0;} #ind-prod .ind-title{margin-bottom:50px;} #ind-prod .panel-img-list{width:100%;height:100%;} #ind-prod .panel-img-list .panel-img-box{overflow: hidden;position: relative;margin-bottom: 15px;} #ind-prod .panel-img-list .panel-img-box a{display: block; overflow: hidden; position: relative;height: 100%;width:100%;} #ind-prod .panel-img-list .panel-img-box .img-box{position: relative;} #ind-prod .panel-img-list .panel-img-box .mask{position: absolute;width: 100%;height: 100%;left: 0; top: 0;z-index: 2;background:url('/images/ind-bg1.png') repeat-x;background-position: left bottom;background-size: auto 100%;visibility: visible;opacity: 0;} #ind-prod .panel-img-list .panel-img-box img{-webkit-transition: all 0.5s; transition: all 0.5s; max-width: 101%;position: relative;height:100%;display:block;} #ind-prod .panel-img-list .panel-img-box .text-box { width: 100%;height: auto; position: absolute;left: 0;color: #fff;text-align: left;-webkit-transition: all 0.5s; transition: all 0.5s;z-index: 4;bottom: 0; padding: 15px;} #ind-prod .panel-img-list .panel-img-box .read-more span{float: left;display: inline;vertical-align: middle;} #ind-prod .panel-img-list .panel-img-box .read-more .iconfont{float: left; -webkit-transition: all 0.2s; margin:6px 0 0 20px;transition: all 0.2s;width:14px;height:11px;line-height: inherit;display: inline;vertical-align: middle;background:url(/images/ind-icon1.png) no-repeat right;} #ind-prod .panel-img-list .panel-img-box .text-box .category {font-size:16px;line-height:1.8;color: #fff;} #ind-prod .panel-img-list .panel-img-box .text-box .name {font-weight:bold;margin-bottom:6px;font-size: 22px; color:#fff;} #ind-prod .panel-img-list .panel-img-box .text-box .read-more {opacity: 1;margin-top: 20px;} #ind-prod .panel-img-list .panel-img-box:nth-child(5) .text-box .name, #ind-prod .panel-img-list .panel-img-box:nth-child(6) .text-box .name, #ind-prod .panel-img-list .panel-img-box:nth-child(7) .text-box .name{margin:6px 0 0 0;} #ind-prod .panel-img-list .panel-img-box:nth-child(1){width:65.92857%;} #ind-prod .panel-img-list .panel-img-box:nth-child(2){width:31.857142%;} #ind-prod .panel-img-list .panel-img-box:nth-child(3){width:48.857142%;} #ind-prod .panel-img-list .panel-img-box:nth-child(4){width:48.857142%;} #ind-prod .panel-img-list .panel-img-box:nth-child(5){width:31.857142%;} #ind-prod .panel-img-list .panel-img-box:nth-child(6){width:31.857142%;} #ind-prod .panel-img-list .panel-img-box:nth-child(7){width:31.857142%;} @media (min-width: 751px) { #ind-prod .panel-img-list {font-size: 0;-webkit-text-size-adjust:none;} #ind-prod .panel-img-list .panel-img-box {width: auto;margin-bottom: 30px;overflow: hidden;display: inline-block;vertical-align: top;} #ind-prod .panel-img-list .panel-img-box .mask {visibility: visible; opacity: 1; height: 30%;width: 100%;content: "";display: block; top: auto;bottom: 0;background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 70%);} #ind-prod .panel-img-list .panel-img-box .text-box {padding: 25px 34px;bottom: -36px;} #ind-prod .panel-img-list .panel-img-box .btn-play .text-box {bottom: -20px;} #ind-prod .panel-img-list .panel-img-box .text-box .read-more {opacity: 0;-webkit-transition: all 0.5s;transition: all 0.5s;font-size:16px;} #ind-prod .panel-img-list .panel-img-box:hover .text-box {bottom: 0;} #ind-prod .panel-img-list .panel-img-box:hover .text-box .read-more {visibility: visible;opacity: 1;} #ind-prod .panel-img-list .panel-img-box:hover img { -webkit-transform: scale(1.05);-ms-transform: scale(1.05); transform: scale(1.05);} #ind-prod .panel-img-list .panel-img-box:hover .mask {opacity: 1;visibility: visible; position: absolute;width: 100%; height: 50%; left: 0; bottom:0;z-index: 2;background-image: url(/images/ind-bg1.png); background-repeat: repeat-x; background-position: left bottom;background-size: auto 100%;} #ind-prod .panel-img-list .panel-img-box:hover .text-box .read-more {opacity:1;} #ind-prod .panel-img-list .panel-img-box:hover .text-box .read-more .iconfont{opacity:0.3;} #ind-prod .panel-img-list .panel-img-box:hover .text-box .read-more:hover .iconfont{opacity:0.6;} } @media (max-width:1024px) { #ind-prod .panel-img-list .panel-img-box .text-box{padding:15px 20px !important;} } @media (max-width:750px) { #ind-prod{padding:50px 0;} #ind-prod .tit{font-size:42px;} #ind-prod .panel-img-list .panel-img-box .mask{display:none;} #ind-prod .panel-img-list .panel-img-box .img-box{position:static;} #ind-prod .panel-img-list .panel-img-box{margin-bottom:30px;height:auto;} #ind-prod .panel-img-list .panel-img-box img{width:100%;} #ind-prod .panel-img-list .panel-img-box .read-more .iconfont{margin:10px 0 0 15px; width:26px;height:18px;background-image:url(/images/ind-icon3.png); background-size:cover;} #ind-prod .panel-img-list .panel-img-box .text-box{position:static;background: #ddd;} #ind-prod .panel-img-list .panel-img-box .text-box .category{font-size:30px;} #ind-prod .panel-img-list .panel-img-box .text-box .name{font-size:36px;} #ind-prod .panel-img-list .panel-img-box .text-box .read-more{font-size:26px;opacity:1 !important;display:block;height:40px;} #ind-prod .panel-img-list .panel-img-box .read-more span{display:inline-block;} #ind-prod .panel-img-list .panel-img-box .text-box{bottom: 0 !important;} #ind-prod .panel-img-list .panel-img-box:nth-child(1), #ind-prod .panel-img-list .panel-img-box:nth-child(2), #ind-prod .panel-img-list .panel-img-box:nth-child(3), #ind-prod .panel-img-list .panel-img-box:nth-child(4), #ind-prod .panel-img-list .panel-img-box:nth-child(5), #ind-prod .panel-img-list .panel-img-box:nth-child(6), #ind-prod .panel-img-list .panel-img-box:nth-child(7){width:100%;} } /* 首页-视频 */ /* #ind-video .container{margin-top:110px;} */ #ind-video .container .ind-title .tit{color:#fff;} #ind-video .container .ind-title .brief{font-size:16px;color:#fff;margin-top:30px;} #ind-video .container .video{width:200px; height:66px; margin:0 auto; margin-top:60px; border-radius:32px; background:rgba(106,136,189,0.5); -webkit-border-radius:32px; -moz-border-radius:32px; -ms-border-radius:32px; -o-border-radius:32px; } #ind-video .container .video:hover{background:rgba(106,136,189,1);} #ind-video .container .video .y{margin:0 30px 0 20px; position:relative; width:30px; height:30px; background:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; } #ind-video .container .video .y::before{content:'';background:url(/images/play.png) no-repeat center / cover; width:9px; height:10px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); } #ind-video .container .video .name{color:#fff;font-size:20px;} #ind-video .contents .box{ top:110px; left: 50%; transform:translateX(-50%); z-index:10; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); } #ind-video .contents .box .ind-title .tit{color:#fff;} #ind-video .contents .box .ind-title .brief{font-size:16px;color:#fff;margin-top:30px;} #ind-video .contents .container .v{top: 0;left: 0;width: 100%;height: 100%;} #ind-video .contents .container .v video{width: 100%;object-fit: fill;} #ind-video .contents .container .m-pic{padding-top:56.25%;} #ind-video .contents .container .swiper-pagination-bullet{width:6px;height:6px;background:#fff;opacity:1;} #ind-video .contents .container .swiper-pagination-bullet-active{ width:60px; border-radius:5px;background:#f5f5f5} #ind-video .contents .container .swiper-pagination-bullet-active .el-bar{background:#fff;} #ind-video .contents .container .swiper-container-horizontal>.swiper-pagination-bullets, #ind-video .contents .container .swiper-pagination-custom, #ind-video .contents .container .swiper-pagination-fraction{bottom:50px;} #ind-video .contents .container .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;} @media (max-width:750px) { #ind-video .video-bg1{display:none;} #ind-video .video-bg2{display:inline;} /* #ind-video .container{margin-top:50px;} */ #ind-video .container .ind-title .brief{font-size:30px;margin:10px 30px 0 30px;line-height:1.6;} #ind-video .container .video{width:220px;} #ind-video .container .video .name{font-size:26px;} #ind-video .container .video .y{margin:0 15px;width:40px;height:40px;} #ind-video .container .video .y::before{left:55%; background-image:url(/images/play2.png);width:20px;height:26px;} /* #ind-video .contents .box{padding-top:50px;} */ } /*首页新闻*/ #ind-news{padding:70px 0 80px;} #ind-news .news-category{margin-top:30px;} #ind-news .news-category .name{margin:0 23px; text-align:center;line-height:46px;font-size:16px;color:var(--font2); width:150px;height:46px;border:1px solid #e5e5e5;} #ind-news .news-category .name:hover{color:#fff; border-color:var(--main);background:var(--main);} #ind-news .news-list{margin-top:50px;} #ind-news .news-list .item{width:31.857142%;margin-right:1.4765%;} #ind-news .news-list .item:last-child{margin-right:0;} #ind-news .news-list .item .pic{width:100%;/*height:279px;49.12%*/} #ind-news .news-list .item .bot{background:#f7f7f7;padding:30px;} #ind-news .news-list .item .bot .name{font-size:22px;color:var(--font1);} #ind-news .news-list .item .bot .time{font-size:16px;color:#999;margin:10px 0 18px;} #ind-news .news-list .item .bot .brief{font-size:16px;color:var(--font2);line-height:30px;height:90px;} #ind-news .news-list .item .bot .look{font-size:16px;color:var(--main);margin-top:40px;} #ind-news .news-list .item .bot .look span{margin-right:20px;} #ind-news .news-list .item .bot .look img{display:none; opacity:0.3;} @media (min-width:751px) { #ind-news .news-list .item:hover .bot{background:#f1f1f1;} #ind-news .news-list .item:hover .bot .look img{display:inline;} #ind-news .news-list .item .bot .look:hover img{opacity:0.6;} } @media (max-width:750px) { #ind-news{padding:70px 0 50px 0;} #ind-news .news-category .name{display:inline-block; font-size:36px;width:auto;height:auto;padding: 0 30px; line-height:60px;} #ind-news .news-list{flex-direction:column;} #ind-news .news-list .item{width:100%;margin-bottom:30px;margin-right:0;} #ind-news .news-list .item .bot .name{font-size:36px;} #ind-news .news-list .item .bot .time{font-size:26px;} #ind-news .news-list .item .bot .brief{font-size:30px;line-height:1.6;height:auto;} #ind-news .news-list .item .bot .look span{font-size:26px;} #ind-news .news-list .item .bot .look{margin-top:20px;} #ind-news .news-list .item .bot .look .icon1{display:none;} #ind-news .news-list .item .bot .look .icon2{display:inline;opacity:1;} #ind-news .news-list .item .bot{background:#f1f1f1;} } /* 共用-内页副标题 */ .con-title .name{font-size:34px;font-weight:bold;color:var(--font1);margin:0 21px;} .con-title .line{width:35px;height:3px;background:var(--main);} @media (max-width:750px) { .con-title .name{font-size:42px;} } /*加载分页*/ #load_more{margin-bottom:70px;} #load_more .btn{display: block;width:107px;margin:0 auto; color:var(--font2);font-size:16px;} #load_more .btn.is-end{display: none;} #load_more .btn span{margin-left:10px;opacity:0.5;} [bg]{background:#f7f7f7;} @media (min-width:751px) { #load_more .btn:hover{color:var(--main);} #load_more .btn:hover span{opacity:1;} } @media (max-width:750px) { #load_more .btn{font-size:26px;width:145px;color:var(--main);} #load_more .btn span{opacity:1;} #load_more .btn .bot1{display:none;} #load_more .btn .bot2{display:inline;} } /* 产品 */ #products{padding:50px 0 70px;} #products .left-nav{width:335px;padding:30px 30px 40px 30px;background:#fff;} #products .left-nav .top {margin-bottom:30px;} #products .left-nav .top .tit{font-size:18px;color:#222;font-weight:bold;} #products .left-nav .top .line{width:18px;height:2px;background:#000;} #products .left-nav .bot .name{font-size:18px;color:var(--font1);cursor:pointer;margin-bottom:18px;} #products .left-nav .bot .name:last-child{margin-bottom:0;} #products .left-nav .bot .name.cur, #products .left-nav .bot .name:hover{color:var(--main);} #products .left-nav .cont{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e5e5e5;} #products .left-nav .cont:last-child{margin-bottom:0;padding-bottom:0;border-bottom: none;} /* #products .left-nav .line2{margin:40px 0; width:100%;height:1px;background:#e5e5e5;} */ #products .right_cont{width:74.642857%;/*margin-left:1.4285715%;*/} #products .right_cont .right{margin-bottom:70px;} #products .right_cont .right .item{margin:0 1.915% 1.915% 0; width:32.057416%;/*height:470px*/;background:#fff;} #products .right_cont .right .item:hover{ box-shadow:0px 0px 25px 5px rgba(0, 0, 0, 0.15);} #products .right_cont .right .item:nth-child(3n){margin-right:0;} #products .right_cont .right .item .top{height:280px;width:100%;border-bottom:1px solid #f7f7f7;} #products .right_cont .right .item .top .pic{width:100%;height:100%;} #products .right_cont .right .item .cont{padding:30px 30px 40px 30px;} #products .right_cont .right .item .cont .tit{font-size:18px;color:var(--font1);font-weight:bold;height:48px;} #products .right_cont .right .item .cont .brief{line-height:28px; font-size:16px;color:var(--font2);margin:5px 0 15px 0;height:56px;} #products .right_cont .right .item .cont .btn{font-weight:bold;padding:0 32px; /* width:150px;height:35px;margin: 0 auto;*/border:1px solid #e5e5e5;font-size:12px;line-height:33px; color:var(--font1);} #products .right_cont .bg #load_more{margin-bottom:0;} #products .right_cont .right .item .top .detail-box{opacity:0;} #products .right_cont .right .item:hover .top .detail-box{opacity:1;} #products .right_cont .right .item .top .detail-box .look_detail{width:100%;height:100%;background:rgba(0,0,0,0.85);} #products .right_cont .right .item .top .detail-box .look_detail .t .look{width:150px;line-height:45px;background:#fff;padding:0 20px;} #products .right_cont .right .item .top .detail-box .look_detail .t .look.looks{padding:0 15px;} #products .right_cont .right .item .top .detail-box .look_detail .look .txt{font-size:16px;color:var(--font1);} #products .right_cont .right .item .top .detail-box .look_detail .look .block{transform:translateY(2.5px);} /* 产品详情 */ #pro-detail{padding:40px 0 90px;} #pro-detail .ul .li{padding-bottom:70px;margin-top:70px; border-bottom:1px solid #d2d2d2;} #pro-detail .ul .li:first-child{margin-top:60px;} #pro-detail .ul .li:last-child{padding-bottom:0;border-bottom:none;} #pro-detail .ul .li .left{width:105px;} #pro-detail .ul .li .left .tit{font-size:26px;color:var(--font1);font-weight:bold;} #pro-detail .ul .li .left .line{width:30px;height:3px;background:var(--main);margin-top:17px;} #pro-detail .ul .li .brief{font-size:18px;color:var(--font2);line-height:35px;width:68.268%;} #pro-detail .ul .li .brief .box {padding:10px 0;border-bottom:1px dashed #dedede;} #pro-detail .ul .li .brief .box:first-child{padding-top:0;} #pro-detail .ul .li .brief .box .name{opacity:0.9; font-size:16px;color:var(--font2);width:30%;} #pro-detail .ul .li .brief .box .num{font-size:16px;color:var(--font1);width:53%;} @media (max-width:1480px) { #products .left-nav{width:310px;} } @media (max-width:1380px) { #products .left-nav{width:290px;} } @media (max-width:1280px) { #products .left-nav, #products .right_cont{float:none;} #products .left-nav{padding-bottom:30px;margin-bottom:40px;width:100%;} #products .left-nav .top .line{display:none;} #products .left-nav .cont .bot{display:flex;flex-wrap:wrap;} #products .left-nav .bot .name{margin-right:20px;margin-bottom:5px;} #products .left-nav .bot .name:last-child{margin-right:0;} #products .left-nav .top{margin-bottom:20px;} #products .left-nav .line2{margin:30px 0;} #products .right_cont{width:100%;} } @media (max-width:750px) { #products .left-nav .top{margin-bottom:0;} #products .left-nav .cont .bot{flex-wrap:nowrap;/*overflow-x:scroll;*/padding-bottom:10px;} #products .left-nav .top .tit{font-size:36px;background:url(/images/icon9.png) no-repeat right;width:100%;} #products .left-nav .bot .name{font-size:30px;margin:0 !important;/*white-space:nowrap;*/} #products .left-nav .rows.width_medium{width:100%;} #products .left-nav .rows >*{max-height: 300px;overflow: auto;} #products .left-nav .rows >* .name{padding: 15px 0;line-height: 24px;} #products .right_cont .right .item{width:100%;margin-right:0 !important;margin-bottom:30px !important;} #products .right_cont .right .item:nth-child(2n){margin-right:0 !important;} #products .right_cont .right .item .cont .tit{font-size:30px;height:auto;} #products .right_cont .right .item .cont .brief{font-size:26px;line-height:1.6;height:auto;} #products .right_cont .right .item .cont .btn{font-size:24px;/*width:180px;height:45px;*/padding:0 30px; line-height:43px;} #pro-detail{padding:50px 0;} #pro-detail .ul .li{flex-direction:column; margin-top:50px !important;padding-bottom:50px;} #pro-detail .ul .li .left{width:100%;margin-bottom:30px;} #pro-detail .ul .li .left .tit{font-size:36px;} #pro-detail .ul .li .brief{font-size:30px;line-height:1.8;width:100%;} #pro-detail .ul .li .brief .box .name{width:50%; font-size:30px;margin-right:20px;} #pro-detail .ul .li .brief .box .num{width:50%; font-size:30px;} } /*服务中心*/ #web{padding:60px 0 80px;} #web .pic{margin:-40px 0 50px;z-index:-1;} #web .web-list .item{margin:0 53px;} #web .web-list .item .icon{margin:0 auto;} #web .web-list .item:nth-child(1) .icon{width:61px;height:53px;} #web .web-list .item:nth-child(2) .icon{width:60px;height:59px;} #web .web-list .item:nth-child(3) .icon{width:66px;height:60px;} #web .web-list .item:nth-child(4) .icon{width:69px;height:66px;} #web .web-list .item .name{font-size:18px;color:var(--font1);margin-top:40px;} #web .web-list .item .name span{color:var(--main);} #after-sale{background:#f5f5f5;padding:60px 0 80px;} #after-sale .con-title{margin-bottom:60px;} #after-sale .container .left{width:50%;} #after-sale .container .left img{width:100%;} #after-sale .container .right{width:50%;padding:15px 30px 0 8.215%;} #after-sale .container .right .list{margin-bottom:20px;} #after-sale .container .right .list:last-child{margin-bottom:0;} #after-sale .container .right .tit{display:inline-block; margin-bottom:5px;font-size:24px;color:#fff;font-weight:bold;background:#666;padding:14px 20px;} #after-sale .container .right .cont .name{font-size:18px;color:var(--font1);} #after-sale .container .right .cont .name:first-child{margin-right:30px;} #after-sale .container .right .cont .name span{font-style:italic; font-size:58px;color:var(--font1);font-weight:bold;/*font-family:'D';*/} #download{padding:60px 0 90px;} #download .con-title{margin-bottom:80px;} #download .down-list .li .icon{width:34px;height:41px;margin-right:30px;} #download .down-list .li .bot .item{width:150px; height:220px;} /* #download .down-list .li .bot .item .name:nth-child(n+4){display:none;} */ #download .down-list .li .bot .tit{font-size:24px;color:var(--font1);font-weight:bold;margin-bottom:25px;} #download .down-list .li .bot .item .name{cursor:pointer; font-size:18px;color:var(--font2);margin-bottom:8px;line-height:30px;} #download .down-list .li .bot .item .name:last-child{margin-bottom:0;} #download .down-list .li .bot .item .name:hover{color:var(--main);} #download .down-list .li .bot .item.on{height:auto;} #download .down-list .li .bot .item.on .name{display:block;} #download .more{margin-top:65px;} #download .more .btn{font-size:16px;color:var(--font1);width:180px;height:46px;line-height:46px; border:1px solid #e5e5e5;margin:0 auto;} #download .more .btn span:last-child{margin-left:20px;opacity:0.5;} @media (min-width:751px) { #download .more .btn:hover span:last-child .i3{display:inline;} #download .more .btn:hover span:last-child .i1{display:none;} #download .more .btn:hover{color:#fff;background:var(--main);border-color:var(--main);} #download .more .btn:hover span:last-child{opacity:1;} } @media (max-width:1200px) { #after-sale .container .right{padding-left:30px;} } @media (max-width:1024px) { #after-sale .container{flex-direction:column;} #after-sale .container .left{width:100%;margin-bottom:30px;} #after-sale .container .right{width:100%;padding:0;display:flex;flex-wrap:wrap;} #after-sale .container .right .list{/*margin-right:60px;*/width:50%;} #after-sale .container .right .list:last-child{width:100%;} } @media (max-width:970px) { #web .web-list .item{margin:0 30px;} } @media (max-width:750px) { #web{padding:60px 0 30px;} #web .pic{ margin-top:30px;} #web .pic .pic1{display:none;} #web .pic .pic2{display:inline;} #web .web-list {flex-wrap: wrap;align-items:baseline;} #web .web-list .item{width:50%;margin:0 0 30px 0;padding:15px;} #web .web-list .item .name{font-size:30px;} #after-sale{padding:60px 0;} #after-sale .container .right .list{width:100%;margin-bottom:30px;} #after-sale .container .right .tit{font-size:36px;} #after-sale .container .right .cont .name{font-size:30px;} #after-sale .container .right .cont .name span{font-size:72px;} #download{padding:60px 0;} #download .down-list {display:none;} #download .mobile{display:block;} #download .mobile .contents{flex-direction:column;} #download .mobile .contents .li{margin-bottom:30px;} #download .mobile .contents .li:last-child{margin-bottom:0;} #download .mobile .bot .tit{font-size:36px;} #download .mobile .li .bot .item .name{font-size:30px;line-height:1.6;} #download .mobile .li .bot{width:calc(100% - 34px);} #download .mobile .li .icon{width:34px;height:41px; display:block;margin-right:30px;} #download .mobile .contents .li:nth-child(3n){display:none;} #download .mobile .contents.on li{display:inline-block !important;} #download .more{margin-top:30px;} #download .more .btn{font-size:26px;} #download .more .btn .i1, #download .more .btn .i2{display:none;} #download .more .btn .i4{display:inline;} #download .more .btn{color:#fff;background:var(--main);border-color:var(--main);height:50px;} #download .more .btn span{opacity:1;} } /* 服务中心-联系我们 */ /* 公共副标题 */ .service-top .name{font-size:34px;color:var(--font1);font-weight:bold;} .service-top .line{width:40px;height:3px;background:var(--main);margin-top:18px;} .service-top{margin-bottom:60px;} @media (max-width:750px) { .service-top{margin-bottom:30px;} .service-top .name{font-size:42px;} } #buy{padding:75px 0 95px;} #buy .content{display:none;} #buy .content{margin-bottom:70px;padding-bottom:90px; border-bottom:1px solid #d9d9d9;} #buy .content .list{width:30.714285%;} #buy .content .list .tit{font-size:26px;color:var(--font1);font-weight:bold;padding-bottom: 16px;border-bottom:1px solid #d9d9d9;} #buy .content .list .li{margin-top:30px;} #buy .content .list .li .name{font-size:16px;color:var(--font2);line-height:32px;} #buy .content .list .li .name span{margin-left: 10px;} #buy .content .list .li .name:hover{color:var(--main);} #buy .content .list .li .txt{font-size:20px;color:var(--font1);font-weight:bold;margin-bottom:10px;} #buy .content .list .li .txt2{font-size:18px;color:var(--font2);line-height:32px;} #buy .company .tit{font-size:26px;color:var(--font1);font-weight:bold;margin-bottom:15px;} #buy .company .contact .tel{font-size:18px;color:var(--font2);line-height:32px;} #distribution{padding:75px 0 90px;background:#f8f8f8;} #distribution .tit{font-size:26px;color:var(--font1);font-weight:bold;margin-bottom:30px;} #distribution .headquarters {margin-bottom:60px;} #distribution .headquarters .cont .name{font-size:18px;color:var(--font2);line-height:32px;} #distribution .relation .list{display:grid;grid-template-columns:repeat(3,calc(33% - 110px));grid-column-gap:12.3%;width:100%;overflow:hidden;} #distribution .relation .list .li{width:100%;} /* #distribution .relation .li{width:22.857142%;margin-right:15.7154%;margin-bottom:5px;} #distribution .relation .li:nth-child(3n){margin-right:0;} */ #distribution .relation .li .name, #distribution .relation .li .phone{word-break:break-all; font-size:18px;color:var(--font2);line-height:35px;} #service-bot{padding:75px 0 90px;} #service-bot .left, #service-bot .right{width:50%;} #service-bot .left{padding-right:30px;} #service-bot .left .message{font-size:18px;color:var(--font2);line-height:1.6;} #service-bot .left .message span{float:left;vertical-align:middle;display:inline;} #service-bot .left .message .iconfont{margin-left:10px;} #service-bot .left .message:hover .iconfont{ transform:translate3d(4px,0,0); -webkit-transform:translate3d(4px,0,0); -moz-transform:translate3d(4px,0,0); -ms-transform:translate3d(4px,0,0); -o-transform:translate3d(4px,0,0); } #service-bot .left .message:last-child{margin-top:30px;} #service-bot .left .message:last-child:hover{color:var(--main);} #service-bot .right .share{margin-bottom:40px;} #service-bot .right .share .s{background:no-repeat center;background-size:cover;margin-right:30px;} #service-bot .right .share .s.sph{background-image:url(/images/sph2.png);width:29px;height:25px;} #service-bot .right .share .s.wx{background-image:url(/images/wx.png);width:34px;height:27px;} #service-bot .right .share .s.wb{background-image:url(/images/wb.png);width:31px;height:26px;} #service-bot .right .share .s.dy{background-image:url(/images/dy.png);width:23px;height:29px;} #service-bot .right .share .s.sph:hover{background-image:url(/images/sph.png);} #service-bot .right .share .s.wx:hover{background-image:url(/images/wx2.png);} #service-bot .right .share .s.wb:hover{background-image:url(/images/wb2.png);} #service-bot .right .share .s.dy:hover{background-image:url(/images/dy2.png);} #service-bot .right .share .show .show-box{ background:#fff; top:-215px; left:-75px; z-index:2; height:200px; width:180px; box-shadow: 0 2px 10px #aaa;} #service-bot .right .share .show .show-box .name{margin:10px 0; font-size:14px;font-weight:bold; color:var(--font1);} #service-bot .right .share .show .show-box .pic{width:150px;height:150px;margin:0 auto;} #service-bot .right .share .show .s:hover ~ .show-box{display:block;} #service-bot .right .zh .tip{font-size:16px;color:var(--font2);margin-bottom:20px;} #service-bot .right .zh .ewm{width:150px;height:150px;} @media (max-width:750px) { #buy{padding:60px 0;} #buy .company .tit{font-size:36px;} #buy .company .contact .tel{font-size:30px;line-height:1.6;} #distribution{padding:60px 0;} #distribution .tit{font-size:36px;} #distribution .headquarters{margin-bottom:50px;} #distribution .headquarters .cont .name{font-size:30px;line-height:1.6;} #distribution .relation .list{grid-template-columns:100%;grid-row-gap:15px;grid-column-gap:0;} #distribution .relation .li .name, #distribution .relation .li .phone{font-size:30px;line-height:1.6;} #service-bot{padding:60px 0;} #service-bot .left, #service-bot .right{width:100%;} #service-bot .left{margin-bottom:50px;padding:0;} #service-bot .s-box{flex-direction:column;} #service-bot .left .message{font-size:30px;} #service-bot .right .zh .tip{font-size:30px;} #service-bot .right .share{margin-left:60px;} /* #service-bot .right .share .show:first-child .show-box{left:;} */ } /* 弹窗样式 */ .popup.cur{background:rgba(0,0,0,0.7);} #message .close{top:20px;right:20px;} #message .close .btn{width:22px;height:22px;} #message .content{padding:50px 80px 70px 80px;background:#fff;width:750px;/*height:950px;*/} #message .content .box .tit{margin-bottom:45px; font-size:44px;font-weight:bold;color:var(--font1);} #message .content .box .form{width:100%;} #message .content .box .form .rows{width:100%;margin-bottom:30px;align-items:baseline;} #message .content .box .form .rows.w1{align-items:center;} #message .content .box .form .rows .t{color:var(--font1);font-size:18px;margin-right:12px;width:88px;} #message .content .box .form .rows .t span{color:#cc0000;} #message .content .box .form .rows .ipt{padding-left:20px;font-size:18px; width:calc(100% - 100px); height:55px; line-height:55px;border:1px solid #e5e5e5;} #message .content .box .form .rows.w1 .ipt{width:calc(100% - 280px);;} #message .content .box .form .rows.w1 .code{width:160px;margin-left:20px;height:100%;} #message .content .box .form .rows .ipt:hover{border-color:var(--main);} #message .content .box .form .rows textarea{width:calc(100% - 100px);;height:200px;line-height:30px;padding:20px;border: 1px solid #e5e5e5;font-size:18px;color:var(--font1);} #message .content .box .form .rows textarea:hover{border-color:var(--main);} #message .content .box .form .sub{width:158px;height:54px;line-height: 54px;border: 1px solid #222;color: #222;font-size:18px;} #message .content .box .form .sub:hover{background: var(--main);color: #fff;border-color: var(--main);} @media (max-width: 981px){ #message .content .box .form .fz0 .rows{width: 100%;margin-right: 0;} } @media (max-width: 750px){ #message .content .box .form .rows .t{font-size: 26px;} #message .content .box .form .sub, #message .content .box .form .rows .ipt{font-size: 24px;line-height: 60px;height: 60px;} #message .content .box .form .rows textarea{font-size: 24px;line-height: 36px;height: 230px;} } /* 服务中心-联系我们end */ /* 关于惠鑫 */ #subnav{height:60px;border-bottom:1px solid #e5e5e5;line-height:60px;} #subnav .sub_box{margin:0 auto;} #subnav .tit{font-size:16px;color:var(--font1);margin:0 20px;} #subnav .tit:hover, #subnav .tit.cur{color:var(--main);} @media (max-width:750px) { #subnav .sub_box{overflow-x:scroll;white-space:nowrap;} #subnav{height:100px;line-height:100px;border-bottom:none} #subnav .tit{ font-size:36px;margin: 0 15px;} } /* 企业简介 */ #profile{padding:60px 0 110px;} #profile .content .img{margin:50px 0 60px 0;} #profile .content .brief{font-size:18px;color:var(--font2);line-height:32px;} /* 发展历程 */ #history{padding:60px 0 90px;} #history .img{margin:50px 0;} /* #history .content{height:938px;} */ #history .content .list{margin-bottom:60px;} #history .content .list .time{font-size:55px;color:var(--font1); /*font-family:'D';*/font-weight:bold;margin-bottom:5px;} #history .content .list .name{font-size:26px;color:var(--font1);font-weight:bold;} #history .content .list .brief{font-size:18px;color:var(--font2);line-height:32px;margin:30px 0;} #history .content .list .line{margin-top:60px;width:100%;height:1px;background:#d9d9d9;} #history .content.on{height:auto;} #history .content.on > *{display:block;} #history .more .txt{font-size:16px;color:var(--font2);} #history .more .txt.cur img{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } #history .more:hover .txt{color:var(--main);} #history .more .txt span{margin-right:10px;} /* 企业文化 */ #culture{padding:60px 0 80px;} #culture .con-title{margin-bottom:50px;} #culture .content .list{margin-top:60px;} #culture .content .list .item{width:25%;margin-bottom:30px;padding:0 5px;} #culture .content .list .item .box{width:100%;height:113px;margin-bottom: 20px;} #culture .content .list .item .icon{width:63px;height:63px;margin:0 auto;} #culture .content .list .item .name{font-size:26px;color:var(--font1);font-weight:bold;margin-top:15px;} #culture .content .list .item .brief{font-size:18px;color:var(--font2);line-height:35px;} /* 企业荣誉 */ #honor{padding:60px 0 30px;} #honor .content{margin:50px 0 100px;} #honor .honor{padding-bottom:70px;} #honor .honor .container{overflow:visible;} #honor .honor .container .slide{width:41.6%;background-color: #ffffff;border: 1px solid #dcdcdc;} #honor .honor .container .slide.swiper-slide-active {box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.1);} #honor .honor .container .slide .img{background-color: #ffffff;width: 100%;padding-top:80%;} #honor .honor .container .slide .text{margin:50px 0 35px;font-size: 18px;text-align: center;color: #333333;} #honor .honor .swiper-container-horizontal>.swiper-pagination-bullets, #honor .honor .swiper-pagination-custom, .swiper-pagination-fraction {display: none;} #honor .honor .container .pn{ top:45%; z-index:5; width:60px; height:60px; border-radius:50%; background:#fff; box-shadow:0 0 20px 5px #f4f4f4;} #honor .honor .container .prev{left:-8%;} #honor .honor .container .next{right:-8%;} #honor .honor .container .pn:hover{background:var(--font1);} #honor .honor .container .pn .btn{width:100%;height:100%;position:relative;} #honor .honor .container .pn.prev .btn::after{content:url(/images/honor-l1.png); position:absolute; z-index:3; width:11px; height:18px; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); } #honor .honor .container .pn.next .btn::after{content:url(/images/honor-r1.png); position:absolute; z-index:3; width:11px; height:18px; top:50%; left:50%; transform:translate(-50%,-50%);} #honor .honor .container .pn.prev .btn:hover::after{content:url(/images/honor-l2.png);} #honor .honor .container .pn.next .btn:hover::after{content:url(/images/honor-r2.png);} @media (max-width:1350px) { #honor .honor .container .prev{left:0;} #honor .honor .container .next{right:0;} } @media (max-width:1280px) { #honor .honor .container .slide .img{padding-top:90%;} } @media (max-width:1024px) { #honor .honor .container .slide .img{padding-top:100%;} #honor .honor .container .slide{width:45.5%;} } @media (max-width:970px) { #culture .content .list .item{width:50%;padding:15px;} #honor .honor .container .slide{width:48%;} } @media (max-width:820px) { #honor .honor .container .slide{width:51.5%;} } @media (max-width:790px) { #honor .honor .container .slide{width:52.5%;} } @media screen and (max-width:750px) { #honor .content{margin:50px 0;} #honor .honor{padding-bottom:20px;} #honor .honor .container{overflow:hidden;padding:30px 0;} #honor .honor .container .slide{width:408px !important;} #honor .honor .container .slide .text {font-size:26px;} #honor .honor .container .prev{left:20px;} #honor .honor .container .next{right:20px;} #profile{padding:50px 0} #profile .content .img{margin:30px 0;} #profile .content .brief{font-size:30px;line-height:1.6;} #culture{padding:50px 0 20px;} #culture .content .list .item .box{height:125px;} #culture .content .list .item .name{font-size:36px;} #culture .content .list .item .brief{font-size:30px;line-height:1.6;} #history{padding:50px 0;} #history .content .list{margin-bottom:50px;} #history .content .list .time{font-size:72px;} #history .content .list .name{font-size:36px;} #history .content .list .brief{font-size:30px;line-height:1.8;} #history .more .txt{font-size:26px;} #history .more .txt .icon1{display:none;} #history .more .txt .icon2{ display:inline; transform:translateY(3px); -webkit-transform:translateY(3px); -moz-transform:translateY(3px); -ms-transform:translateY(3px); -o-transform:translateY(3px); } } /* 关于惠鑫end */ /* 企业案例 */ #case{padding:60px 0 50px;} #case .con-title{margin-bottom:50px;} #case .list{width:100%;height:100%;} #case .list .box{overflow: hidden;position: relative;} #case .list .box a{display: block; overflow: hidden; position: relative;height: 100%;width:100%;} #case .list .box .img-box{position: relative;} #case .list .box .mask{position: absolute;width: 100%;height: 100%;left: 0; top: 0;z-index: 2;background:url('/images/ind-bg1.png') repeat-x;background-position: left bottom;background-size: auto 100%;visibility: visible;opacity: 0;} #case .list .box img{-webkit-transition: all 0.5s; transition: all 0.5s;width:100%; position: relative;height:100%;display:block;} #case .list .box .text-box {width: 100%;height: auto; position: absolute;left: 0;color: #fff;text-align: left;-webkit-transition: all 0.5s; transition: all 0.5s;z-index: 4;bottom: 0; padding: 15px;} #case .list .box .read-more span{float: left;display: inline;vertical-align: middle;} #case .list .box .read-more .iconfont{float: left;opacity:.3; -webkit-transition: all 0.2s; margin:6px 0 0 20px;transition: all 0.2s;width:14px;height:11px;line-height: inherit;display: inline;vertical-align: middle;background:url(/images/ind-icon1.png) no-repeat right;} #case .list .box .text-box .category {font-size:16px;line-height:1.8;color: #fff;} #case .list .box .text-box .name {font-weight:bold;margin-bottom:6px;font-size: 22px; color:#fff;} #case .list .box .text-box .read-more{opacity: 1;margin-top: 20px;} #case .list .box{width:31.85714%;margin-right:2.2154%;} #case .list .box.item{width:65.92857%;margin-right:0;} #case .list .box.you{margin-right:0;} @media (min-width: 751px) { #case .list {font-size: 0;-webkit-text-size-adjust:none;} #case .list .box {margin-bottom: 30px;overflow: hidden;display: inline-block;vertical-align: top;} #case .list .box .mask {visibility: visible; opacity: 1; height: 30%;width: 100%;content: "";display: block; top: auto;bottom: 0;background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 70%);} #case .list .box .text-box {padding: 25px 40px;bottom: -36px;} #case .list .box .btn-play .text-box {bottom: -20px;} #case .list .box .text-box .read-more{opacity: 0;-webkit-transition: all 0.5s;transition: all 0.5s;font-size:16px;} #case .list .box:hover .text-box {bottom: 0;} #case .list .box:hover .text-box .read-more {visibility: visible;opacity: 1;} #case .list .box:hover .mask {opacity: 1;visibility: visible; position: absolute;width: 100%; height: 50%; left: 0; bottom:0;z-index: 2;background-image: url(/images/ind-bg1.png); background-repeat: repeat-x; background-position: left bottom;background-size: auto 100%;} #case .list .box:hover .read-more {opacity:1;} #case .list .box .read-more:hover .iconfont{opacity:0.6;} } #customers{padding:60px 0 90px;} #customers .con-title{margin-bottom:50px;} #customers .list .item{width:20%;} @media (max-width:1024px) { #case .list .box .text-box {padding:15px;} #customers .list .item{width:33.3333%;} } @media (max-width:750px) { #case{padding:50px 0;} #case .list .box .mask{display:none;} #case .list .box .img-box{position:static;} #case .list .box .read-more .iconfont{opacity:1; margin:10px 0 0 15px; width:26px;height:18px;background-image:url(/images/ind-icon3.png); background-size:cover;} #case .list .box .text-box{position:static;background: #ddd;} #case .list .box .text-box .name{font-size:36px;} #case .list .box .text-box .read-more{font-size:26px;opacity:1 !important;display:block;height:40px;} #case .list .box .read-more span{display:inline-block;} #case .list .box .text-box{bottom: 0 !important;} #case .list .box{width:100% !important;margin:0 0 30px 0 !important;} #case .list .box:last-child{margin-bottom:0px !important;} #customers{padding:50px 0;} #customers .list .item{width:50%;padding:0 10px;} .case-box .c1{display:none;} .case-box .c2{display:inline;} } /*新闻*/ #news-subnav{margin-top:45px;} #news-subnav .first{font-size:20px;color:var(--font1);font-weight:bold; margin-right: 30px;} #news-subnav .category .name{ font-weight:500; margin-right:10px; font-size:12px; color:var(--font2); border:1px solid #e5e5e5; padding:8px 16px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; } #news-subnav .category .name:hover, #news-subnav .category .name.cur{background:var(--font2);color:#fff;} #news{padding:40px 0 30px;} #news .news-list .item{width:31.857142%;margin:0 2.142857% 50px 0;} #news .news-list .item:nth-child(3n){margin-right:0;} #news .news-list .item .bot{background:#f7f7f7;padding:20px 22px;} #news .news-list .item .bot .name{font-size:18px;color:var(--font1);font-weight:bold;line-height:30px;height:60px;width:100%;} #news .news-list .item .bot .time{font-size:15px;color:var(--font2);margin-top:15px;} @media (min-width:751px) { #news .news-list .item:hover .bot{background:#f1f1f1;} } @media (max-width:750px) { #news-subnav .snav-box{flex-wrap:nowrap;} #news-subnav .snav-box .first{font-size:46px;padding-bottom:22px;} #news-subnav .snav-box .category{flex-wrap:nowrap;overflow-x:scroll;padding-bottom:15px;} #news-subnav .snav-box .category .name{font-size:36px;margin-right:30px;padding-bottom:12px;} #news{padding-bottom:0;} #news .news-list .item{width:100%;margin-right:0 !important;} #news .news-list .item .bot{background:#f1f1f1;} #news .news-list .item .bot .name{font-size:36px;line-height:1.6;height:auto;} #news .news-list .item .bot .time{font-size:26px;} } /*新闻详情*/ #detail{padding: 80px 0 100px;} #detail .content{margin:60px 0;} #detail .content.editor *{font-size:18px !important;color:#666;} #detail .title{font-size: 45px;color:var(--font1);font-weight:bold;} #detail .time{font-size: 16px;color:#adadad;margin:30px 0 50px;} #detail .share .line{width:42%;height:1px;background:#d9d9d9;} #detail .share .btn{width:200px;} #detail .share .btn .s{background:no-repeat center;background-size:cover;height:28px;} #detail .share .btn .s:first-child{margin-left:20px;} #detail .share .btn .s:last-child{margin-right:20px;} #detail .share .btn .s.wx{background-image:url(/images/d-wx.png);width:35px;} #detail .share .btn .s.wb{background-image:url(/images/d-wb.png);width:32px;} #detail .share .btn .s.qq{background-image:url(/images/d-qq.png);width:24px;} #detail .share .btn .s.wx:hover{background-image:url(/images/d-wx2.png);} #detail .share .btn .s.wb:hover{background-image:url(/images/d-wb2.png);} #detail .share .btn .s.qq:hover{background-image:url(/images/d-qq2.png);} #relate .con-title{margin-bottom:50px;} #relate .news-list .item{width:31.857142%;margin:0 2.142857% 50px 0;} #relate .news-list .item:nth-child(3n){margin-right:0;} #relate .news-list .item .bot{background:#f7f7f7;padding:20px 22px;} #relate .news-list .item:hover .bot{background:#f1f1f1;} #relate .news-list .item .bot .name{font-size:18px;color:var(--font1);font-weight:bold;line-height:30px;height:60px;width:100%;} #relate .news-list .item .bot .time{font-size:15px;color:var(--font2);margin-top:15px;} #load_more .btn.isend{display:none;} #load_more .btn.look{width:180px;height:46px;border:1px solid #e5e5e5;line-height:46px;} #load_more .btn.look span{margin-left:20px;} @media (max-width: 750px){ #detail{padding:80px 0 ;} #detail .title{font-size: 56px;} #detail .time{font-size: 30px;} #detail .content.editor *{font-size: 30px !important;} #detail .content{padding-bottom: 30px;margin: 30px 0 30px;} #relate .news-list .item{width:100%;margin-right:0;} #relate .news-list .item .bot .name{font-size:36px;height:auto;line-height:1.6;} #relate .news-list .item .bot .time{font-size:26px;} #load_more .btn.look .down1{display:none;} #load_more .btn.look .down2{display:inline;} } /*人才招聘*/ #recruit{padding:60px 0 90px;} #recruit .con-title{margin-bottom:50px;} #recruit .item{margin-top:10px; border: 1px solid #e7e8ea;padding: 0 41px; height: 80px; cursor: pointer;} #recruit .item .txt{width: 19.5%; font-size: 16px; color: #999999;} #recruit .item .h-txt {color:var(--font1) !important;} #recruit .item .txt:last-child{width: auto;} #recruit .item .tit, #recruit .item .date{color:var(--font1);} #recruit .item .date img{ margin-right: 9px;} #recruit .thead{background: #fafafa;} #recruit .tbody .btn{width:17px; height:10px;background:url(/images/recruit-icon.png) no-repeat center; background-size:cover;opacity:0.5;} #recruit .tbody.cur .item-btn{ background: #e6eaf2;} #recruit .tbody.cur .tit{font-weight: bold;color:var(--font1);} #recruit .tbody.cur .btn{ transform: rotate(180deg); opacity:1;} #recruit .tbody.cur .btn:before, #recruit .tbody.cur .btn:after{ background: #1a1a1a;} #recruit .tbody.cur {background-color: #f2f2f2;} #recruit .con .description{padding: 50px calc(40px + 180px) 60px 40px;border: 1px solid #e5e5e5;} #recruit .con .pop-btn{font-size: 16px;right: 40px; bottom: 60px;overflow:hidden;z-index: 4;;width:180px;height:50px;padding:0 20px;background:#f2f2f2;line-height:50px; color:var(--font2);text-align: center;} #recruit .con .pop-btn:hover {color:#fff;background:var(--main);} #recruit .con .content .caption {margin-bottom:27px;font-size: 18px;color:var(--font1);font-weight: bold;} #recruit .con .content .text {margin-bottom: 50px;color:var(--font2);line-height: 1.8;font-size: 16px;} #recruit .con .content .text:nth-child(4){margin-bottom: 0;} #recruit .con .content .tel{font-size:16px;color:var(--main);} @media screen and (max-width: 750px){ #recruit{padding:60px 0;} #recruit .con .content .text {font-size: 30px;margin-bottom:30px;} #recruit .item{height: 90px;} #recruit .item .num, #recruit .item .date{ display: none;} #recruit .item .tit, #recruit .item .add{ font-size: 30px;} #recruit .item .txt{width: 47%;} #recruit .tbody .btn:before{ height: 30px; } #recruit .tbody .btn:after{ width: 30px;} #recruit .con .content .tel{font-size:30px;} #recruit .con .description{padding: 40px 40px calc(60px + 66px) 40px;} #recruit .con .description .subText {padding-bottom:30px;display: block;font-weight: 400;font-size: 30px;} #recruit .con .description *{ line-height: 1.8; font-size: 30px;} #recruit .con .pop-btn{font-size: 30px;height:80px;bottom: 42px;line-height: 80px;} #recruit .con .content .caption {font-size: 36px;} } /*全站搜索*/ #search{width:100%; padding:60px 0} #search .form{margin-bottom:22px;margin-top: 20px;} #search .form .text{color:var(--font1); width:500px;padding-left: 15px;height:50px;line-height:50px;border:1px solid #dddddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size:18px;} #search .form .submit{height:50px;width:60px;border:1px solid var(--main);border-top-right-radius: 5px;border-bottom-right-radius:5px;background: var(--main) url(/images/h-search-icon.png) no-repeat center center;color: #fff;font-size: 16px;cursor:pointer;} #search .list{width:100%;} #search .list .info .cate{padding-left:15px;} #search .list .info li{padding:20px 0; border-bottom:1px solid #dddddd;justify-content:baseline;} #search .list .info li:first-child{border-top:1px solid #dddddd;} #search .list .info .title{margin-right:16px; line-height:22px; color:var(--font1); font-size:16px; font-weight:bold;width:25%;} #search .list .info .day, #search .list .info .cate{color:var(--font2); font-size:16px; margin-right:20px;width:138px;} #search .list .info .desc{height:60px; overflow:hidden;/* margin-top:1.375%*/; color:#888888; font-size:16px; line-height:32px;width:55%;} #turn_page .paging[type='default'] .paging_btn:first-child, #turn_page .paging[type='default'] .paging_btn:last-child{padding:0 10px;} #turn_page .paging[type='default'] .paging_btn.cur{background:var(--main) !important;border-color:var(--main) !important;} @media (max-width: 750px){ #search .form .text{font-size: 26px;} #search .form .submit{width: 75px;font-size: 26px;} #search .list .info .li{justify-content: left;flex-wrap:wrap;} #search .list .info .title{font-size: 28px;line-height: 1.6;width:100%;margin-right:0;} #search .list .info .day, #search .list .info .cate{width:auto;white-space:pre-wrap; font-size: 28px;line-height: 1.6;padding:0;margin:0;} #search .list .info .cate{margin-right:30px;} #search .list .info .desc{font-size: 26px;line-height: 1.6;height: 120px;width:100%;} #turn_page .paging[type='default'] .paging_btn{font-size:26px;height:40px;width:40px;} #turn_page .paging[type='default'] .paging_btn:first-child, #turn_page .paging[type='default'] .paging_btn:last-child{width:auto; height:40px;line-height:40px;} }