/* banner_nei */ .banner_nei{display: block;overflow: hidden;position: relative;} .banner_nei .list img{width: 100%;} .banner_nei .s_img{display: none;} /* .banner_nei .s_img .list{height: 200px;background-repeat: no-repeat;background-position: center;background-size: cover;} .banner_nei .s_img .list a{display: block;height: 100%;} */ .banner_nei .layout{position: absolute;width: 100%;left:0;top: 50%;transform: translateY(-50%);z-index: 2;} .banner_nei .layout .wrap{margin: 0 auto;width: 90%;max-width: 1450px;} .banner_nei .text{color: #f9f9f9;text-shadow: 0 0 10px rgba(0,0,0,0.5);} .banner_nei .text .cn{margin-top: 0;font-size: 72px;font-weight: bold;text-transform: capitalize;} .banner_nei .text .en{margin-top: 10px;font-size: 50px;} .banner_nei .text .slogan{margin-top: 1%;font-size: 16px;letter-spacing: 0.5px;} .banner_nei .text .line{margin-top: 15px;width: 27px;height: 3px;background: #2c3a5f;} .banner_nei .text .ewm_img{margin-top: 30px;} .banner_nei .pf_banner_text .top{color: #ffd400;font-weight: bold;} .banner_nei .pf_banner_text .top .row1{margin-bottom: 10px;font-size: 26px;} .banner_nei .pf_banner_text .top .row2{font-size: 0.35rem;} .banner_nei .pf_banner_text .slogan{margin-top: 10px;width: 100%;max-width: 377px;font-size: 14px;line-height: 1.5em;} .banner_nei .mask{position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.1);z-index: 1;} @media only screen and (max-width:1080px){ .banner_nei .pf_banner_text .top .row1{font-size: 24px;} .banner_nei .pf_banner_text .top .row2{font-size: 20px;} } @media only screen and (max-width:480px){ .banner_nei .nei_wrap{width: 100%;} .banner_nei .pf_banner_text .top .row1{font-size: 18px;} .banner_nei .pf_banner_text .top .row2{font-size: 16px;} } /* add */ .banner_nei .js-m.animate .list img{animation: slow_flash 1s 0s 1;animation-fill-mode: forwards;} .banner_nei .list{position: relative;/* padding-bottom: 26%; height: 0;*/width: 100%;overflow: hidden;} .banner_nei .list img{width: 100%;} /* .banner_nei .list img {position: absolute;left: 50%;top: 50%;width: 100%;max-width: initial;max-height: 100%;height:auto;transform: translate(-50%,-50%);} */ @keyframes slow_flash{ from{opacity: 0.8;transform: scale(1.2);} to{opacity: 1;transform: scale(1);} } @-webkit-keyframes name{ from{opacity: 0.8;transform: scale(1.2);} to{opacity: 1;transform: scale(1);} } @media only screen and (max-width:1260px){ .banner_nei .layout .wrap{width: 90%;} /* .banner_nei .text .cn{font-size: 40px;} */ .banner_nei .text .cn{font-size:30px;} .banner_nei .text .slogan{font-size:20px;} } @media only screen and (max-width:850px){ .banner_nei .text .cn{font-size: 26px;} .banner_nei .text .en{font-size:24px;} .banner_nei .text .slogan{font-size:16px;} .banner_nei .text .ewm_img{width: 90px;} } @media only screen and (max-width:750px){ .banner_nei .big_img{display: none;} .banner_nei .s_img{display: block;} .banner_nei .text .ewm_img{display: none;} .banner_nei .text .cn{font-size: 24px;} /* .banner_nei .list{position: relative;padding-bottom:66%;width:100%;height:0;overflow: hidden;} .banner_nei .list img{position: absolute;left:50%;top:50%;width:auto;max-width:initial;max-height:100%;transform: translate(-50%,-50%);} */ } @media only screen and (max-width:520px){ .banner_nei .text{font-size: 16px;} .banner_nei .text .cn{margin-top: 0px;font-size: 18px;} .banner_nei .text .en,.banner_nei .text .slogan{font-size: 14px;} .banner_nei .text .line{margin-top: 6px;} } #pf_video{position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%,-50%);object-fit: contain;} .pf_banner .img_hide{overflow: hidden;} .pf_banner .img_hide > img{opacity: 0;} @media only screen and (max-width:520px){ .pf_banner .img_hide > img{opacity: 1;} .pf_banner .img_hide{/* padding-bottom: 57%;height: 0; */} #pf_video{display: none;} } /* banner */ .banner_zn{width: 100%;height:auto;overflow: hidden;position: relative;} .banner_zn .swiper{width: 100%;height: 100%;} /* .banner_zn .swiper img{width: 100%;height:100%;} */ .banner_zn .list{width:100%;height: 100%;} .banner_zn .pcpt{display: block;} .banner_zn .mbpt{display: none;} .banner_zn #banner_prev,.banner_zn #banner_next{position: absolute;top: 48.5%;transform: translateY(-50%);width: 27px;height: 47px;z-index: 3;cursor: pointer;} .banner_zn #banner_prev{left:5%;background: url(../images/banner_prev.png)no-repeat center;opacity: 1;transition: opacity 0.3s linear;} .banner_zn #banner_next{right: 5%;background: url(../images/banner_next.png)no-repeat center;opacity: 1;transition: opacity 0.3s linear;} .banner_zn #banner_prev.fade{opacity: 0;} .banner_zn #banner_next.fade{opacity: 0;} .banner_zn .swiper-pagination{width:100%;height: 8px;padding: 0;margin: 0;bottom: 38px;} .banner_zn .swiper-pagination-bullet{margin: 0 8px;} .banner_zn .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;} .banner_zn .swiper-pagination span{width: 10px;height: 10px;background: #ccc;padding: 0;border: solid 1px transparent;opacity: 1;vertical-align: middle;border: 0;} .banner_zn .swiper-pagination span.swiper-pagination-bullet-active{/* width: 6px;height: 6px; */width:16px;height:16px;border-color:transparent;background: #fff;} .banner_zn .swiper-pagination-bullet{border-radius: 16px;} .banner_zn .swiper-pagination{height: auto;bottom: 30px;} .banner_zn #banner_mb{display: none;} .banner_zn .num_page{position: absolute;right:5%;bottom:30px;width:auto;z-index: 2;color: #fff;font-size: 40px;font-family: mont;white-space: nowrap;display: none;} .banner_zn .num_page span{display: inline-block;} @media only screen and (max-width:1280px){ .banner_zn #banner_prev, .banner_zn #banner_next{width: 20px;height: 30px;} /* .banner_zn #banner_prev,.banner_zn #banner_next{background-size: 20px;} */ .banner_zn .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 13px;} .banner_zn .num_page{font-size: 48px;} } @media only screen and (max-width:1080px){ .banner_zn .num_page{font-size: 40px;} .banner_zn .swiper-pagination span.swiper-pagination-bullet-active{width: 12px;height: 12px;} } @media only screen and (max-width:768px){ .banner_zn .num_page{font-size:30px;} } @media only screen and (max-width:750px){ /* .banner_zn #banner_pic{display: none;} .banner_zn #banner_mb{display: block;} */ } @media only screen and (max-width:480px){ .banner_zn #banner_prev, .banner_zn #banner_next{height: 22px;background-size: 12px;} .banner_zn #banner_prev{left: 3%;} .banner_zn #banner_next{right: 3%;} .banner_zn .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;} .banner_zn .swiper-pagination{bottom: 13px;} .banner_zn .swiper-pagination span{width: 6px;height: 6px;margin: 0 5px;} .banner_zn .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;} .banner_zn .num_page{font-size:20px;bottom:13px} } .nei_wrap{margin: 0 auto;width: 90%;max-width: 1500px;} /* @media only screen and (max-width:480px){ .nei_wrap{width: 90%;} } */ .nei_title{color:#333;} .nei_title .title{font-size: 38px;} .nei_title .en {color: #999;overflow: hidden;margin-top: 11px;line-height: 1.1;font-size: 16px;color: #666;text-transform: uppercase;} .nei_title .line{margin-top: 32px;display: inline-block;width: 80px;height:2px;background: #f09022;} .nei_title .slogan{margin-top:11px;font-size: 16px;color: #333;} @media only screen and (max-width:1280px){ .nei_title .title{font-size: 26px;} } @media only screen and (max-width:850px){ .nei_title .title{font-size: 22px;} .nei_title .slogan{margin-top:6px;} } @media only screen and (max-width:520px){ .nei_title .line{margin-top:20px;height: 2px;width: 32px;} .nei_title .title{font-size: 16px;} .nei_title .slogan{font-size: 14px;} } /* ab_profile */ .ab_company{padding:100px 0;font-size: 16px;} .ab_company .nei_title .title{color:#f09022;} .ab_company .layout{margin-top:22px;box-sizing: border-box;} .ab_company .layout .lf_part{width:40%;order: 2;} .ab_company .layout .lf_part .video_click{} .ab_company .layout .lf_part .pf_video {padding: 0;position: relative;} .ab_company .layout .lf_part .pf_video .ico {width: 100%;} .ab_company .layout .lf_part .videoed {position: absolute;top: 50%;left: 50%;width: auto;transform: translate(-50%, -50%);transition: all .5s;z-index: 2;display: none;} .ab_company .layout .lf_part .videoed img{width: 72px;} .ab_company .layout .lf_part .videoed p{margin-top: 10px;} /* .ab_company .layout .lf_part:hover .videoed{transform: translate(-50%,-50%) rotateZ(180deg);} */.ab_company .layout .lf_part .mask {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .bg_mask {display: none;position: fixed;left: 0%;top: 0%;width: 100%;height: 100%;z-index: 99;background: rgba(0, 0, 0, .9);} .videos {display: none;position: fixed;left: 50%;top: 50%;max-width: 85%;transform: translate(-50%, -50%);z-index: 100;width: 1000px;height: 450px;} .videos video {object-fit: fill;width: 100%;} .vclose {position: absolute;right: -35px;top: -20px;border-radius: 100%;cursor: pointer;} @media only screen and (max-width:1080px) { .ab_company .layout .lf_part .videoed img{width: 90px;} } @media only screen and (max-width:900px){ .ab_company .layout .lf_part .video_click{display: block;} .ab_company .layout .lf_part .videoed p{margin-top: 10px;} .ab_company .layout .lf_part .videoed img{width: 70px;} } @media only screen and (max-width:520px) { .vclose {right: -16px;top: -35px;} .ab_company .layout .lf_part .videoed img{width: 40px;} } .ab_company .layout .rt_part{width: 55%;} .ab_company .layout .rt_part h3{font-size:28px;font-weight: normal;} .ab_company .content{line-height: 2;text-align: justify;} .ab_company .content p{margin-bottom: 3.5%;} .ab_company .content p:last-child{margin-bottom: 0;} .ab_company .content2 p{margin-bottom: 2%;} @media only screen and (max-width:1080px) { .ab_company{padding:64px 0;} .ab_company .layout .lf_part{width: 50%;} .ab_company .layout .rt_part{margin:0 0 5% 0;width: 100%;} .ab_company .content2 p{margin-bottom:3.5%;} } @media only screen and (max-width:850px){ .ab_company{padding:50px 0;} .ab_company .layout{} .ab_company .layout .lf_part{width: 100%;} .ab_company .layout .rt_part{width: 100%;} .ab_company .layout .rt_part h3{font-size: 22px;} } @media only screen and (max-width:520px){ .ab_company{padding:40px 0;font-size:14px} .ab_company .layout{margin-top: 12px;background: none;} .ab_company .layout .rt_part h3{font-size:16px;font-weight: bold;} .ab_company .content{line-height: 1.6;} } /* .company_img{margin-top: 3.5%;} .company_img ul li{width: 48.3%;} .company_img ul li .img{position: relative;padding-bottom:57.2%;width:100%;height:0;overflow: hidden;} .company_img ul li .img img{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);} .company_img .center{margin-top: 3%;} @media only screen and (max-width:520px){ .company_img .center{margin-top:26px;} .company_img{margin-top:0;} .company_img ul li{width: 48.5%;} } .num_ys{margin-top:3.6%;width: 100%;} .num_ys ul{margin: 0 auto;width: 100%;flex-wrap: wrap;} .num_ys ul li{padding: 38px 0;width: auto;box-sizing: border-box;position: relative;color: #858585;text-align: center;} .num_ys ul li:nth-child(3n):after{content: initial;} .num_ys ul li .top{white-space: nowrap;} .num_ys ul li .top span{display: inline-block;vertical-align: text-bottom;font-size: 24px;} .num_ys ul li .top span.num{font-size: 55px;font-family: impact;line-height: 1em;color: #444;letter-spacing: 2px;} .num_ys ul li p{margin-top: 14px;font-size: 16px;text-indent: initial;} @media only screen and (max-width:1260px){ .num_ys ul li:nth-child(1){margin-left: 0;} .num_ys ul li .top span.num{font-size: 40px;} .num_ys ul li .top span{font-size: 16px;} } @media only screen and (max-width:1080px){ .num_ys ul{justify-content: space-around;} .num_ys ul li{padding: 20px 4%;margin-left: 0;width: 33.3%;} } @media only screen and (max-width:850px){ .num_ys{width: 100%;} .num_ys ul li .top span.num{margin-right: 8px;font-size: 33px;} .num_ys ul li p{margin-top: 10px;} } @media only screen and (max-width:520px){ .num_ys{} .num_ys ul{justify-content: flex-start;} .num_ys ul li:nth-child(2n):after{content: initial;} .num_ys ul li::before{width: 90%;} .num_ys ul li{padding:10px 0;width: 33.3%;} .num_ys ul li:after{content:initial} .num_ys ul li .top span.num{font-size: 26px;} .num_ys ul li .top span{font-size: 14px;} .num_ys ul li p{font-size: 12px;font-size: 13px;} } */ /* ab_culture */ .ab_culture{padding: 100px 0 10%;color: #fff;background-color: #0097df;background-image: url(../images/cul_bg.png);background-repeat: repeat-x;background-position: center top;} .ab_culture .nei_title .title{color: #fff;} .ab_culture .nei_title .line{background: #fff;} .ab_culture .lf_part{width: 100%;} .ab_culture .lf_part .content{margin-top:22px;font-size: 16px;line-height: 2;} .ab_culture .rt_part{width: 40%;} .ab_culture .rt_part .cul_nr li{margin-bottom: 38px;display: flex;flex-wrap: nowrap;justify-content: flex-start;align-items: flex-end} .ab_culture .rt_part .cul_nr li .abob_l{width: 140px;} .ab_culture .rt_part .cul_nr li .abob_l em{font-size: 16px;} .ab_culture .rt_part .cul_nr li .abob_l p{font-size: 22px;} .ab_culture .rt_part .cul_nr li .abob_r{margin-left: 70px;margin-bottom: 6px;font-size: 18px;} @media only screen and (max-width:1280px){ .ab_culture .rt_part .cul_nr li .abob_l p{font-size: 20px;} .ab_culture .rt_part .cul_nr li .abob_r{font-size: 16px;margin-left: 10px;width: calc(100% - 150px);width: -webkit-calc(100% - 150px);} /* .ab_culture .lf_part .content{font-size: 18px;} */ } @media only screen and (max-width:1080px){ .ab_culture{padding:64px 0 10%;} .ab_culture .lf_part{width: 100%;} /* .ab_culture .lf_part .content{font-size: 16px;} */ .ab_culture .rt_part{margin-top: 30px;width: 100%;} .ab_culture .rt_part .cul_nr li .abob_l p{font-size: 18px;} } @media only screen and (max-width:850px){ .ab_culture{padding: 50px 0 10%;} .ab_culture .nei_title .line{width: 40px;} .ab_culture .rt_part .cul_nr li .abob_l p{font-size: 16px;} .ab_culture .rt_part .cul_nr li .abob_l em{font-size: 14px;} } @media only screen and (max-width:520px){ .ab_culture{padding: 40px 0;} .ab_culture .lf_part .content{margin-top:12px;font-size: 14px;line-height: 24px;text-align: justify;} .ab_culture .nei_title .line{width: 34px;height: 3px;} .ab_culture .rt_part .cul_nr li .abob_l{width: 110px;} .ab_culture .rt_part .cul_nr li .abob_l p{font-size: 15px;} .ab_culture .rt_part .cul_nr li .abob_r{margin-bottom: 0;width: calc(100% - 120px);width: -webkit-calc(100% - 120px);font-size: 14px;} .ab_culture .rt_part .cul_nr li{justify-content: flex-end;} .ab_culture .rt_part .cul_nr li:last-child{margin-bottom: 0;} } /* ab_partner */ .ab_partner{padding: 100px 0;background-color: #efefef;} .ab_partner .list_content{margin-top: 48px;background-color: #fff;border-radius: 6px;} .ab_partner .num_ys ul{margin: 0 auto;width: 100%;flex-wrap: wrap;justify-content: flex-start;} .ab_partner .num_ys ul li{padding: 1.4% 1%;text-align: center;width: 12.5%;box-sizing: border-box;position: relative;color: #000;z-index: 1;} /* .ab_partner .num_ys ul li:after{content: "";position: absolute;right: 0;top: 50%;width: 1px;height: 100%;background: #d5d5d5;transform: translateY(-50%);} .ab_partner .num_ys ul li::before{content: "";position: absolute;bottom: 0;left: 50%;width: 100%;height: 1px;background: #d5d5d5;transform: translateX(-50%);} .ab_partner .num_ys ul li:nth-child(8n):after{content: initial;} .ab_partner .num_ys ul li:nth-child(8n+1):nth-last-child(-n+8)::before{content: initial;} .ab_partner .num_ys ul li:nth-child(8n+1):nth-last-child(-n+8)~li::before{content: initial;} .ab_partner .num_ys ul li.last:after{content:"";position: absolute;left: 50%;top: 50%;width: 93%;height: 93%;clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 0);background: #d6063a;transform: translate(-50%,-50%);z-index: -1;transition: clip-path 0.56s cubic-bezier(0.77, 0, 0.175, 1), -webkit-clip-path 0.56s cubic-bezier(0.77, 0, 0.175, 1);} */ .ab_partner .num_ys ul li.last .wrap{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;} .ab_partner .num_ys ul li .top{white-space: nowrap;margin-bottom: 0;} .ab_partner .num_ys ul li .top .img{position: relative;padding-bottom: 37%;width: 100%;height: 0;overflow: hidden;} .ab_partner .num_ys ul li .top .img img{position: absolute;left: 50%;top: 50%;width: auto;max-height: 100%;transform: translate(-50%,-50%);transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);} /* .ab_partner .num_ys ul li .tit{font-size: 24px;color: #6a6a6a;transition: color 0.56s cubic-bezier(0.77, 0, 0.175, 1);} */ /* .ab_partner .num_ys ul li:hover .top .img img{filter: grayscale(0) opacity(1);} */ .ab_partner .more{display: inline-block;font-size:18px;margin-top: 30px;color: #6f6f6f;} @media only screen and (min-width:481px){ } @media only screen and (max-width:1280px){ .ab_partner .num_ys ul li .tit{font-size: 18px;} } @media only screen and (max-width:1080px){ .ab_partner{padding: 64px 0;} } @media only screen and (max-width:850px){ .ab_partner{padding: 50px 0;} .ab_partner .list_content{margin-top: 30px;} /* .ab_partner .num_ys ul li{padding: 3% 1%;} */ /* .ab_partner .num_ys ul li .top{margin-bottom: 20px;} .ab_partner .num_ys ul li .tit{font-size: 16px;} .ab_partner .num_ys ul li .img img{width: 60%;} */ .ab_partner .more{font-size:16px;} .ab_partner .num_ys ul li{width: 25%;} /* .ab_partner .num_ys ul li:nth-child(8n):after{content: "";} .ab_partner .num_ys ul li:nth-child(8n+1):nth-last-child(-n+8)::before{content: "";} .ab_partner .num_ys ul li:nth-child(8n+1):nth-last-child(-n+8)~li::before{content: "";} .ab_partner .num_ys ul li:nth-child(4n):after{content: initial;} .ab_partner .num_ys ul li:nth-child(4n+1):nth-last-child(-n+4)::before{content: initial;} .ab_partner .num_ys ul li:nth-child(4n+1):nth-last-child(-n+4)~ li::before{content: initial;} */ } @media only screen and (max-width:520px){ .ab_partner{padding: 40px 0;} .ab_partner .list_content{margin-top: 16px;} .ab_partner .num_ys ul li {padding: 3% 0.5%;width: 33.3%;} /* .ab_partner .num_ys ul li:nth-child(8n):after{content: "";} .ab_partner .num_ys ul li:nth-child(8n+1):nth-last-child(-n+8)::before{content: "";} .ab_partner .num_ys ul li:nth-child(8n+1):nth-last-child(-n+8)~li::before{content: "";} .ab_partner .num_ys ul li:nth-child(3n):after{content: initial;} .ab_partner .num_ys ul li:nth-child(3n+1):nth-last-child(-n+3)::before{content: initial;} .ab_partner .num_ys ul li:nth-child(3n+1):nth-last-child(-n+3)~ li::before{content: initial;} */ .ab_partner .more{display: inline-block;font-size:14px;margin-top:20px;color: #E60012;} .ab_partner .more{font-size:14px;} } /* common_show */ .common_show{padding: 50px 0;color: #fff;background-color: #0097df;background-image: url(../images/cul_bg.png);background-repeat: repeat-x;background-position: center top;} .common_show .nei_title .title{color: #fff;} .common_show .nei_title .line{background: #fff;} .common_show .lf_part{width: 100%;} .common_show .lf_part .content{margin-top:22px;font-size: 20px;line-height: 2;} .common_show .rt_part{width: 40%;} .common_show .rt_part .cul_nr li{margin-bottom: 38px;display: flex;flex-wrap: nowrap;justify-content: flex-start;align-items: flex-end} .common_show .rt_part .cul_nr li .abob_l{width: 140px;} .common_show .rt_part .cul_nr li .abob_l em{font-size: 16px;} .common_show .rt_part .cul_nr li .abob_l p{font-size: 22px;} .common_show .rt_part .cul_nr li .abob_r{margin-left: 70px;margin-bottom: 6px;font-size: 18px;} @media only screen and (max-width:1280px){ .common_show .rt_part .cul_nr li .abob_l p{font-size: 20px;} .common_show .rt_part .cul_nr li .abob_r{font-size: 16px;margin-left: 10px;width: calc(100% - 150px);width: -webkit-calc(100% - 150px);} .common_show .lf_part .content{font-size: 18px;} } @media only screen and (max-width:1080px){ /* .common_show{padding:64px 0 10%;} */ .common_show .lf_part{width: 100%;} .common_show .rt_part{margin-top: 30px;width: 100%;} .common_show .rt_part .cul_nr li .abob_l p{font-size: 18px;} } @media only screen and (max-width:850px){ .common_show{padding: 40px 0;} .common_show .nei_title .line{width: 40px;} .common_show .rt_part .cul_nr li .abob_l p{font-size: 16px;} .common_show .rt_part .cul_nr li .abob_l em{font-size: 14px;} .common_show .lf_part .content{font-size: 16px;} } @media only screen and (max-width:520px){ .common_show{padding: 30px 0;} .common_show .lf_part .content{margin-top:12px;font-size: 14px;line-height: 24px;text-align: justify;} .common_show .nei_title .line{width: 34px;height: 3px;} .common_show .rt_part .cul_nr li .abob_l{width: 110px;} .common_show .rt_part .cul_nr li .abob_l p{font-size: 15px;} .common_show .rt_part .cul_nr li .abob_r{margin-bottom: 0;width: calc(100% - 120px);width: -webkit-calc(100% - 120px);font-size: 14px;} .common_show .rt_part .cul_nr li{justify-content: flex-end;} .common_show .rt_part .cul_nr li:last-child{margin-bottom: 0;} } /* pro_process */ .pro_process{padding: 4.5% 0;} .pro_process .content_list{margin-top: 0;} .pro_process .content_list ul{justify-content: flex-start;} .pro_process .content_list ul li{padding:3% 2% 2.5%;margin-right: 2.33%;margin-bottom: 1.8%;width: 23%;background:#fafafa;box-sizing: border-box;box-shadow:0 0 10px rgba(236, 247, 255, 1);border-radius: 8px;border: 1px solid #eee;transition: all .3s ease;} .pro_process .content_list ul li:nth-child(4n){margin-right: 0;} .pro_process .content_list ul li .img{position: relative;padding-bottom: 100%;width: 100%;height: 0;overflow: hidden;} .pro_process .content_list ul li .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;} .pro_process .wrap_line{position: absolute;z-index: 2;transition: all .3s linear;background-color: #0a63b1;} .pro_process .wrap_line:nth-of-type(1){right:0;top:0;width: 0px;height: 2px;} .pro_process .wrap_line:nth-of-type(2){right:0;top:0;width: 2px;height: 0px;} .pro_process .wrap_line:nth-of-type(3){left:0;bottom:0;width: 0px;height: 2px;} .pro_process .wrap_line:nth-of-type(4){left:0;bottom:0;width: 2px;height: 0px;} .pro_process .content_list ul li .tit{margin-top: 30px;font-size: 25px;font-weight: bold;} .pro_process .content_list ul li .con{margin-top: 9%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;font-size: 14px;line-height: 24px;min-height: 74px;color: #010101;overflow: hidden;} .pro_process .content_list ul li .more{display: inline-block;margin-top: 15%;padding:9px 26px;box-sizing: border-box;font-size: 15px;color: #a1a1a1;transition: all .2s linear;position: relative;border:1px solid #a1a1a1;} /* .pro_process .content_list ul li .more:after{content: "";position: absolute;left: 0;top: 50%;width: 30px;height: 10px;background: #e62129;transform: translateY(-50%);} */ .pro_process .content_list .ab_more{display: inline-block;margin-top: 4.5%;padding: 1.5% 5%;background: #fff;color: #000;font-size: 20px;font-weight: bold;box-sizing: border-box;border: 1px solid #e6e6e6;} .pro_process .content_list .ab_more:hover{background: #0a63b1;;color: #fff;} .pro_process .content_list ul li:hover .more{background:#0a63b1;color:#fff;border-color:#0a63b1;} @media only screen and (min-width:521px){ .pro_process .content_list ul li:hover .wrap_line:nth-of-type(1){width: 100%;} .pro_process .content_list ul li:hover .wrap_line:nth-of-type(2){height: 100%;} .pro_process .content_list ul li:hover .wrap_line:nth-of-type(3){width: 100%;} .pro_process .content_list ul li:hover .wrap_line:nth-of-type(4){height: 100%;} } @media only screen and (max-width:1280px){ .pro_process .content_list ul li{margin-right: 1.33%;width: 24%;} .pro_process .content_list ul li .tit{font-size: 20px;} .pro_process .content_list ul li .more{} .pro_process .content_list ul li .more:after{height: 8px;} } @media only screen and (max-width:1080px){ .pro_process .content_list{} .pro_process .content_list ul li .tit{font-size: 20px;} .pro_process .content_list .ab_more{font-size: 16px;} } @media only screen and (max-width:850px){ .pro_process{padding: 40px 0;} .pro_process .content_list ul{justify-content: space-between;} .pro_process .content_list ul:after{content: "";width: 49%;} .pro_process .content_list ul li{padding: 3% 2%;margin-right: 0;width: 49%;} .pro_process .content_list ul li .tit{font-size: 18px;} .pro_process .content_list ul li .more{margin-top: 10%;} } @media only screen and (max-width:520px){ .pro_process{padding: 30px 0;} .pro_process .content_list ul:after{content: "";width: 100%;} .pro_process .content_list ul li{padding: 4%;margin-right: 0;width: 100%;} .pro_process .content_list ul li .tit{margin-top: 15px;font-size: 16px;} .pro_process .content_list ul li .con{margin-top: 13px;-webkit-line-clamp: 2;min-height: initial;line-height: normal;} .pro_process .content_list ul li .more{margin-top: 6%;padding-left: 16px;font-size: 13px;} .pro_process .content_list ul li .more:after{width: 20px;height: 6px;} .pro_process .content_list ul li:nth-last-child(1){display: none;} .pro_process .content_list .ab_more{margin-top: 25px;padding: 10px 36px;font-size: 14px;} } @media only screen and (max-width:320px){ } /* common_pics */ .common_pics .wrap{padding:0 20px 20px;box-sizing: border-box;} .common_pics .lf_part{width:49.4%;} .common_pics .lf_part .img{position: relative;padding-bottom: 87%;width: 100%;height: 0;overflow: hidden;} .common_pics .lf_part .img img{position: absolute;left:50%;top:50%;width: 100%;transform: translate(-50%,-50%);} .common_pics .rt_part{width:49.5%;} .common_pics .rt_part .one .img{position: relative;padding-bottom: 42.3%;height: 0;overflow: hidden;background: #e5e5e5;} .common_pics .rt_part .one .img img{position: absolute;left:50%;top:50%;width: 100%;transform: translate(-50%,-50%);} .common_pics .rt_part .one:not(:last-of-type){margin-bottom: 2.2%;} .common_pics .rt_part .one .swiper-pagination-bullet{opacity: 1;background-color: #fff;width: 12px;height: 12px;} .common_pics .rt_part .one .swiper-pagination-bullet-active{background:#0a63b1;} .common_pics #pics2{--swiper-navigation-color: #fff;} .common_pics #pics2 .swiper-button-prev{left: 30px;} .common_pics #pics2 .swiper-button-prev:before{content: "";position: absolute;width: 64px;height: 64px;background-color: rgba(0,0,0,0.5);z-index: -1;border-radius: 6px;} .common_pics #pics2 .swiper-button-next{right: 30px;} .common_pics #pics2 .swiper-button-next:before{content: "";position: absolute;width: 64px;height: 64px;background-color: rgba(0,0,0,0.5);z-index: -1;border-radius: 6px;} .common_pics .wrap_line{position: absolute;z-index: 2;transition: all .3s linear;background-color: #f09022;} @media only screen and (min-width:851px){ .common_pics .wrap_line:nth-of-type(1){left:10px;top:10px;width: 0px;height: 3px;} .common_pics .wrap_line:nth-of-type(2){right:10px;top:10px;width: 3px;height: 0px;} .common_pics .wrap_line:nth-of-type(3){right:10px;bottom:10px;width: 0px;height: 3px;} .common_pics .wrap_line:nth-of-type(4){left:10px;bottom:10px;width: 3px;height: 0px;} .common_pics .one:hover .wrap_line:nth-of-type(1){width: calc(100% - 20px);} .common_pics .one:hover .wrap_line:nth-of-type(2){height: calc(100% - 20px);} .common_pics .one:hover .wrap_line:nth-of-type(3){width: calc(100% - 20px);} .common_pics .one:hover .wrap_line:nth-of-type(4){height: calc(100% - 20px);} } @media only screen and (min-width:1081px){ .common_pics .wrap_line:nth-of-type(1){left:20px;top:20px;width: 0px;height: 4px;} .common_pics .wrap_line:nth-of-type(2){right:20px;top:20px;width: 4px;height: 0px;} .common_pics .wrap_line:nth-of-type(3){right:20px;bottom:20px;width: 0px;height: 4px;} .common_pics .wrap_line:nth-of-type(4){left:20px;bottom:20px;width: 4px;height: 0px;} .common_pics .one:hover .wrap_line:nth-of-type(1){width: calc(100% - 40px);} .common_pics .one:hover .wrap_line:nth-of-type(2){height: calc(100% - 40px);} .common_pics .one:hover .wrap_line:nth-of-type(3){width: calc(100% - 40px);} .common_pics .one:hover .wrap_line:nth-of-type(4){height: calc(100% - 40px);} } @media only screen and (max-width:1080px){ .common_pics #pics2 .swiper-button-prev:before{width: 46px;height: 46px;} .common_pics #pics2 .swiper-button-next:before{width: 46px;height: 46px;} .common_pics #pics2 .swiper-button-next:after, .common_pics #pics2 .swiper-button-prev:after{font-size: 18px;} } @media only screen and (max-width:850px){ .common_pics .rt_part .one .swiper-pagination-bullet{width: 9px;height: 9px;} } @media only screen and (max-width:520px){ .common_pics .lf_part{margin-bottom:2%;width: 100%;} .common_pics .rt_part{width: 100%;} } /* contact */ .contact{padding:0 0 0 0;background:url(../images/contact_bg.png)no-repeat top right;background-size: 40% auto;} .contact .row2{padding:50px 0;background-color: #0097df;} .contact .row2 .nei_title{color: #fff;} .contact .row2 .nei_title .en{color: #fff;font-size: 38px; font-weight:bold;} .contact .row2 .nei_title .title{letter-spacing:2px;} .contact .pf_title{margin-top: 12px;font-size: 20px;letter-spacing: 1px;font-weight: bold;} .contact .layout{margin-top: 100px;} .contact .lf_part{padding: 0;width: 60%;box-sizing: border-box;} .contact .lf_part .tag{font-size: 20px;} .contact .lf_part .name{font-size: 32px;font-family: 'Times New Roman';text-transform: uppercase;} .contact .lf_part .nei_title .title{color: #f09022;} .contact .lf_part .line{} .contact .lf_part .list_mes{margin-top: 30px;} .contact .lf_part .part.peo{margin-top: 6%;} .contact .rt_part{width: 40%;background: url(../images/ct_bg.jpg) left center/cover;} .contact .rt_part .img{overflow: hidden;} .contact .rt_part .img img{transition: all .3s ease-out;} .contact .rt_part .img:hover img{transform: scale(1.1);} .contact .list_mes li{margin-bottom: 1.5%;font-size: 20px;line-height: 1.6;} .contact .list_mes li span{display: inline-block;width: 80px;} .contact .list_mes li p{/* width: calc(100% - 80px);width: -webkit-calc(100% - 80px); */} .contact .ewm_ul{margin-top: 50px;} .contact .ewm_ul ul li{display: inline-block;margin-right:20px;text-align: center;} .contact .ewm_ul ul li .ewm_img{width: 126px;margin: 0 auto;} .contact .ewm_ul ul li p{margin-top: 10px;font-size: 16px;letter-spacing:1px;} @media only screen and (max-width:1300px){ .contact .lf_part .name{font-size: 26px;} } @media only screen and (max-width:1080px){ .contact .rt_part .img{transform: translateY(16%);} } @media only screen and (max-width:850px){ .contact .row2 .nei_title .title{font-size:24px;} .contact .row2 .nei_title .title{letter-spacing:4px;} .contact .lf_part{padding: 0;width: 100%;} .contact .lf_part .content{padding-bottom: 10%;} .contact .rt_part{position: initial;margin-top: 0;width: 100%;} .contact .rt_part .img{transform: initial;} } @media only screen and (max-width:850px){ .contact{padding: 50px 0;} .contact .pf_title{font-size: 20px;} .contact .lf_part .name{font-size: 22px;} .contact .list_mes li{margin-bottom: 1%;font-size: 18px;} .contact .ewm_ul{margin-top: 30px;} /* .contact .ol_leaving .tit{font-size: 20px;} .contact .ol_leaving em{font-size: 14px;} .contact .ol_leaving .mes_box li input{font-size: 12px;} .contact .ol_leaving .mes_box li.content textarea{font-size: 12px;} .contact .ol_leaving .upload .up_btn input{font-size: 14px;} */ } @media only screen and (max-width:680px){ } @media only screen and (max-width:520px){ .contact{padding: 0 0 40px;} .contact .pf_title{font-size: 20px;} .contact .lf_part {} .contact .lf_part .name{font-size: 17px;} .contact .lf_part .line{width: 40px;} .contact .list_mes li{font-size: 15px;} .contact .ewm_ul ul{display: flex;flex-wrap: wrap;justify-content: space-between;} .contact .ewm_ul ul li{width: auto;margin:6% 0 0 0;} .contact .ewm_ul ul li:nth-child(-n+2){margin-top: 0;} .contact .ewm_ul ul li p{font-size: 15px;} .contact .row2 .nei_title .title{font-size:18px;letter-spacing:2px;} .contact .row2 .nei_title .en{font-size:16px;} /* .contact .ol_leaving .tit{font-size:16px;} .contact .ol_leaving{padding: 18px 0;} .ol_leaving .tit{font-size: 20px;} .contact .ol_leaving .mes_box li{padding: 8px;} .contact .ol_leaving .upload .code{width: calc(100% - 100px);} .contact .ol_leaving .upload .code ul li{padding: 8px;width: 48%;} .contact .ol_leaving .upload .code ul li.cd_img{padding: 16px 0;} .contact .ol_leaving .upload .up_btn input{padding: 9px 0;line-height: normal;} */ } @media only screen and (max-width:380px){ .contact .row2 .nei_title .title{font-size:16px;} } /* map */ #map {display: block;width: 100%;height: 600px;position: relative;border: 6px solid #eee;box-sizing: border-box;} #map img {max-width:none;} #map label{max-width: none;border-color: #fdb111;} @media only screen and (max-width:1000px){ .map_bg{margin-top: 0;width: 100%;} } @media only screen and (max-width:480px){ .map_bg{height: 350px;} #map{height: 350px;} } /* productlist */ .productlist{padding: 50px 0;} .productlist .content_list ul{display: flex;flex-wrap: wrap;justify-content: flex-start;} .productlist .content_list ul li{margin-bottom:1.4%;margin-right:1.33%;width: 24%;box-sizing: border-box;} .productlist .content_list ul li .wrap{position: relative;} .productlist .content_list ul li:nth-child(4n){margin-right: 0;} .productlist .content_list ul li .img{position: relative;padding-bottom: 86%;width: 100%;height: 0;overflow: hidden;background:linear-gradient(45deg,#f5f5f5,#fbfbfb,#f5f5f5)} .productlist .content_list ul li .img img{position: absolute;left: 50%;top: 50%;width: auto;max-height: 100%;transform: translate(-50%,-50%);transition: all 0.3s ease;} .productlist .content_list ul li .img:after{content: "";position: absolute;left:0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.16);z-index: 1;opacity: 0;transition: all .3s linear;} .productlist .content_list ul li:hover .img img{transform: translate(-50%,-50%) scale(1.05);} .productlist .content_list ul li .text_part{ padding: 19px 19px 27px;box-sizing: border-box;transition: opacity 0.3s linear;} .productlist .content_list ul li .text_part .tit{ font-size: 18px; text-align: center; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight:normal;font-weight: bold;} .productlist .content_list ul li .text_part .model{margin-top: 5px;font-size: 16px; text-align: center; } .productlist .content_list ul li .text_part .model span{ color: #f09022; } .productlist .part{margin-top: 8.5%;} .productlist .part:nth-of-type(1){margin-top: 0;} .productlist .part .more > div{display: inline-block;padding: 16px 5% 16px 3.6%;box-sizing: border-box;border: 1px solid #eee;transition: all .3s linear;} .productlist .part .more span{display: inline-block;font-size: 16px;position: relative;} .productlist .part .more span i{position: absolute;left: 100%;top: 50%;width: 15px;height: auto;transform: translateY(-5px);font-size: 14px;line-height: 11px;} .productlist .part .more:hover span i img{filter: brightness(200);} .productlist .part .more > div:hover{background: #111;color: #fff;} .productlist .wrap_line{position: absolute;z-index: 2;transition: all .3s linear;background-color: #f09022;z-index: 3;} @media only screen and (min-width:851px){ .productlist .content_list ul li .text_part{position: absolute;left: 0;top:50%;width: 100%;transform: translateY(-50%);z-index: 2;color: #fff;opacity: 0;} .productlist .content_list ul li:hover .text_part{opacity: 1;} .productlist .wrap_line:nth-of-type(1){left:6px;top:6px;width: 0px;height: 2px;} .productlist .wrap_line:nth-of-type(2){right:6px;top:6px;width: 2px;height: 0px;} .productlist .wrap_line:nth-of-type(3){right:6px;bottom:6px;width: 0px;height: 2px;} .productlist .wrap_line:nth-of-type(4){left:6px;bottom:6px;width: 2px;height: 0px;} .productlist .content_list ul li:hover .img:after{opacity: 1;} .productlist .content_list ul li:hover .wrap_line:nth-of-type(1){width: calc(100% - 12px);} .productlist .content_list ul li:hover .wrap_line:nth-of-type(2){height: calc(100% - 12px);} .productlist .content_list ul li:hover .wrap_line:nth-of-type(3){width: calc(100% - 12px);} .productlist .content_list ul li:hover .wrap_line:nth-of-type(4){height: calc(100% - 12px);} } @media only screen and (min-width:1081px){ .productlist .wrap_line:nth-of-type(1){left:10px;top:10px;width: 0px;height: 3px;} .productlist .wrap_line:nth-of-type(2){right:10px;top:10px;width: 3px;height: 0px;} .productlist .wrap_line:nth-of-type(3){right:10px;bottom:10px;width: 0px;height: 3px;} .productlist .wrap_line:nth-of-type(4){left:10px;bottom:10px;width: 3px;height: 0px;} .productlist .content_list ul li:hover .wrap_line:nth-of-type(1){width: calc(100% - 20px);} .productlist .content_list ul li:hover .wrap_line:nth-of-type(2){height: calc(100% - 20px);} .productlist .content_list ul li:hover .wrap_line:nth-of-type(3){width: calc(100% - 20px);} .productlist .content_list ul li:hover .wrap_line:nth-of-type(4){height: calc(100% - 20px);} } @media only screen and (max-width:1280px){ .productlist .content_list ul li .text_part .tit{font-size: 16px;} .productlist .content_list ul li .text_part .model{font-size: 16px;} } @media only screen and (max-width:1080px){ /* .productlist .content_list ul li{margin-right: 2.33%;width: 23%;} .productlist .content_list ul li:nth-child(4n){margin-right:0;} */ .productlist .content_list ul li .text_part{padding: 16px 0;} .productlist .part .more > div{padding: 10px 5% 10px 3.6%;} } @media only screen and (max-width:850px){ .productlist{padding: 50px 0;} /* .productlist .content_list ul li{margin-right: 1.33%;width: 24%;} */ } @media only screen and (max-width:680px){ .productlist .content_list ul{justify-content: space-between;} /* .productlist .content_list ul:after{content: "";width: 48%;} */ .productlist .content_list ul li{margin-right: 0;width: 49%;} } @media only screen and (max-width:520px){ .productlist{padding: 40px 0;} .productlist .content_list ul li .text_part .tit{font-size: 14px;line-height: normal;} .productlist .content_list ul li .text_part .model{font-size: 14px;margin-top:0;} .productlist .part .more {padding: 8px 8% 8px 7.6%;} .productlist .part .more span{font-size: 14px;} .productlist .part .more span i{width: 10px;font-size: 12px;} } /* page */ .wp-pagenavi {CLEAR: both; MARGIN:0 auto; WIDTH: 100%; /* PADDING: 40px 0 0px; */ TEXT-ALIGN: center} .wp-pagenavi a {display: inline-block;margin:0 6px;width: 36px;height: 36px;text-align: center;line-height: 36px;background-color: #fff;vertical-align: middle;color: #333;white-space: nowrap;} /* .wp-pagenavi a:hover { BORDER-LEFT-COLOR:#3055a3; BORDER-BOTTOM-COLOR:#3055a3; BORDER-TOP-COLOR:#3055a3; BORDER-RIGHT-COLOR:#3055a3;background:#3055a3; color:white; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; PADDING-TOP: 5px; } */ /*当前指上页码的边框色*/ .wp-pagenavi a.page-num-current { /* color: #fff;background-color: #0a63b1; */ font-weight: bold; width: 20px; } /*当前选中页码的背景色*/ .text-norecord{ font-size:14px; line-height:35px;} .wp-pagenavi i{border-radius:50%;} .wp-pagenavi i.p_pre{display: inline-block;width: 36px;height: 36px;background:#0074be url(../images/page_prev.png)no-repeat center;background-size: 12px;} .wp-pagenavi i.p_next{display: inline-block;width: 36px;height: 36px;background:#0074be url(../images/page_next.png)no-repeat center;background-size: 12px;} .wp-pagenavi i.p_first{display: inline-block;width: 36px;height: 36px;background:#0074be url(../images/page_first.png)no-repeat center;background-size: 12px;} .wp-pagenavi i.p_last{display: inline-block;width: 36px;height: 36px;background:#0074be url(../images/page_last.png)no-repeat center;background-size: 12px;} @media screen and (max-width: 640px) { .m640{ display:none;} } @media screen and (max-width: 520px) { .wp-pagenavi{padding: 0;} } .location{padding:24px 0;color: #999;} .location i.home{display: inline-block;vertical-align: middle;width: 12px;height: 12px;background: url(../images/home.png)no-repeat center;} .location a{display: inline-block;vertical-align: middle;font-size: 15px;position: relative;} /* 间符号 */ /* .location a:before{content: "";position: absolute;right: calc(100% + 10px);right: -webkit-calc(100% + 10px);top: 50%;width: 3px;height: 12px;background:url(../images/about_bg1.png) no-repeat center;transform: translateY(-50%);} */ .location a:hover{color: #0074bex;} @media only screen and (max-width:520px){ .location{padding: 12px 0;} .location a{font-size: 12px;} } /* product */ .product{padding: 0 0 5%;} .product .top_des{padding: 30px 0;border-top:1px solid #ddd;} .pdct_ico{width: 45%;} .spBig{width: 100%;box-sizing: border-box;} .spBig .img100{position: relative;padding-bottom: 75%;width: 100%;height: 0;overflow: hidden;} .spBig .img100 img{position: absolute;left: 50%;top: 50%;width: auto;max-height: 100%;transform: translate(-50%,-50%);} .spBig .img100 video{position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform: translate(-50%,-50%);background: #000;} .nav_Sm{margin-top: 15px;width: 100%;height: auto;} .spSm{padding: 0 60px;width: 100%;box-sizing: border-box;} .spSm .swiper-container{box-sizing: border-box;} .spSm .img100{height: 100%;position: relative;background-size: contain;padding-bottom: 100%;overflow: hidden;cursor: pointer;} .spSm .img100 img{position: absolute;top: 50%;left: 50%;width: 87%;height: auto;transform: translate(-50%,-50%);} .spSm .img100:before{content: '';position: absolute;width: 100%;height: 99%;top:0;left: 0;border:1px solid #ccc;box-sizing: border-box;opacity: 1;z-index: 2;} .spSm .img100.vd_ico .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,0.6);display: flex;align-items: center;justify-content: center;} .spSm .img100.vd_ico .mask i{display: block;width: 20px;height: 20px;background: url(../images/play.png)no-repeat center;} /* .spSm .active-nav .img100:before{border-color: #0074be;border-width: 2px;} */ .spSm .swiper-slide-thumb-active .img100:before{border-color: #0074be;border-width: 2px;} .spSm .swiper-button-next, .spSm .swiper-button-prev{transform: scale(0.5);opacity: 1;} .product #pro_prev,.product #pro_next{position: absolute;top: 50%;width: 34px;height: 34px;transform: translateY(-50%);z-index: 3;background-color: rgba(200,200,200,1);cursor: pointer;background-position: center;background-repeat: no-repeat;transition: all .3s linear;opacity: 1;border-radius:4px;} .product #pro_prev{left: 0;background-image: url(../images/pics_prev.png);} .product #pro_next{right: 0;background-image: url(../images/pics_next.png);} /* .product .pdct_ico:hover #pro_prev{opacity: 1;} .product .pdct_ico:hover #pro_next{opacity: 1;} */ .product #pro_prev:hover,.product #pro_next:hover{background-color: rgba(0,0,0,0.6);} .product .pdct_info{width: 50%;order:-1;border-bottom:1px solid #ddd;} .product .pdct_info .title{font-size: 28px;padding-bottom: 5px; } .product .pdct_info .series{font-size: 16px;color: #7d7d7d;} .product .pdct_info .series span{ } .product .pdct_info .content{margin-top: 4%;font-size: 16px;line-height: 1.5;} .product .pdct_info .content table{width: 100%;} .product .pdct_info .content table td p{white-space: nowrap;} .product .pdct_info .content table td p:nth-child(1){font-family: Semibold;color: #666;} .product .pdct_info .content table td p.prc{font-weight: bold;font-size: 20px;} .product .pdct_info .content table td p:nth-child(2){font-weight: bold;font-size: 40px;} .product .pdct_info .color{/* padding: 24px 22px; */margin-top: 20px;box-sizing: border-box;/* background: #f8f8f8; */} .product .pdct_info .color .hd{font-size: 18px;} .product .pdct_info .color .img{position: relative;padding-bottom: 98%;width: 100%;height: 0;overflow: hidden;} .product .pdct_info #color{margin-top: 16px;} .product .pdct_info #color .swiper-wrapper{justify-content: flex-start;} .product .pdct_info #color ul li{width: 72px;text-align: center;line-height: 66px;cursor: pointer;} .product .pdct_info #color ul li .img{border: 1px solid #dfdfdf;box-sizing: border-box;} .product .pdct_info #color ul li.on .img:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 2px solid #0074be;box-sizing: border-box;} /* .product .pdct_info .price{margin-top: 10.5%;} .product .pdct_info .price span{display: inline-block;vertical-align: text-bottom;font-size: 18px;line-height: 1em;} .product .pdct_info .price span.money,.product .pdct_info .price span.unit{font-size: 0.6rem;} .product .pdct_info .price span.money{font-family: gothamBold;} .product .pdct_info .price span.unit{font-family: appleBold;} */ .product .pdct_info .buy{display: flex;justify-content: center;padding: 20px 0;margin-top: 6%;background: #202020;font-size: 18px;color: #fff;align-items: center;white-space: nowrap;text-transform: uppercase;} .product .pdct_info .buy i{margin-right: 4%;width: 30px;height: 24px;background: url(../images/icon_buyer.png)no-repeat center;} .product .pdct_info .char{margin-top: 20px;padding: 20px 0;display: flex;justify-content: space-evenly;background: #eee;} .product .pdct_info .char > div{text-align: center;white-space: nowrap;} .product .pdct_info .char > div i{display: inline-block;margin-right: 6px;width: 24px;height: 24px;background: url(../images/icon01.png)no-repeat center;vertical-align: middle;} .product .pdct_info .char > div span{display: inline-block;vertical-align: middle;font-size: 16px;white-space: nowrap;font-weight: bold;} .product .content_detail{margin-top: 30px;} .product .content_detail .table_wrap table{width: 100%;border-collapse: collapse;border-color: #ddd;border: 0;font-size: 18px;box-sizing: border-box;} .product .content_detail .table_wrap tr,.product .content_detail .table_wrap td{border-color: #ddd;box-sizing: border-box;border-collapse: collapse;} .product .content_detail .table_wrap td.tit{text-align: center;width: 200px;background-color: #eee;} .product .content_detail .table_wrap td{padding: 18px;box-sizing: border-box;} .product .content_detail .text_content{font-size: 18px;line-height: 2;} .product .content_detail .text_content h3{font-weight: bold;font-size: 24px;} .product .content_detail .text_content video,.product .content_detail .text_content iframe,.product .content_detail .text_content embed{max-width: 100%;} #pro_neirong .content_nav {margin-bottom: 3.5%;} #pro_neirong .content_nav ul{display: flex;flex-wrap: wrap;justify-content: flex-start;} #pro_neirong .content_nav ul li{position: relative;padding: 19px 0;margin-right: 70px;box-sizing: border-box;cursor: pointer;font-size: 16px;font-family: Semibold;} #pro_neirong .content_nav ul li:after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 2.5px;background: #0074be;transition: all .3s linear;} #pro_neirong .content_nav ul li.on:after{width: 100%;} @media only screen and (max-width:1280px){ .product .pdct_info .title{font-size: 24px;} .product .pdct_info #color ul li{width: 60px;line-height: 58px;} .product .pdct_info .content{font-size: 16px;} .product .pdct_info .color{/* padding: 20px; */margin-top: 8%;} .product .pdct_info .color .hd{font-size: 16px;} /* .product .pdct_info .price span{font-size: 16px;} .product .pdct_info .price span.money, .product .pdct_info .price span.unit{font-size: 36px;} */ .product .pdct_info .buy{padding: 15px 0;font-size: 16px;} .product .pdct_info .char > div span{font-size: 16px;} .product .pdct_info .char > div i{width: 20px;height: 20px;background-size: 100%;} .product .content_detail .table_wrap td.tit{width: 18%;} } @media only screen and (max-width:1080px){ .pdct_ico{width: 65%;order:-1;} .product .pdct_info{margin-top: 30px;width: 100%;} .product #pro_prev, .product #pro_next{width: 28px;height: 60px;} .product .content_detail .table_wrap table{font-size: 16px;} .product .content_detail .text_content h3{font-weight: normal;font-size: 18px;} } @media only screen and (max-width:850px){ /* .product .pdct_info{width: 52%;} */ /* .product .pdct_info .title{font-size: 20px;} */ .product .pdct_info .content{font-size: 14px;} /* .product .pdct_info .color{padding: 10px;} */ .product .pdct_info .color .hd{font-size: 16px;} .product .pdct_info #color ul li{width: 45px;line-height: 42px;} /* .product .pdct_info .price span{font-size: 16px;} .product .pdct_info .price span.money, .product .pdct_info .price span.unit{font-size: 30px;} */ .product .pdct_info .buy{padding: 10px 0;font-size: 14px;} .product .pdct_info .buy i{margin-right: 3%;width: 22px;height: 20px;background-size: 100%;} .product .pdct_info .char{margin-top: 10px;padding: 5px 5%;flex-wrap: wrap;justify-content: space-between;} .product .pdct_info .char > div{padding: 5px 0;width: auto;box-sizing: border-box;text-align: left;} .product .pdct_info .char > div i{margin-right: 5px;width: 15px;height: 15px;} .product .pdct_info .char > div span{font-size: 14px;} .product .content_detail{margin:0;} .product .content_detail .table_wrap table{font-size: 14px;} .product .content_detail .table_wrap td{padding: 10px;} .product .text_content{font-size: 16px;} } @media only screen and (max-width:850px){ .product{padding: 0 0 50px;} .product .content_detail .text_content h3{font-size: 16px;} .product .text_content{font-size: 14px;} #pro_neirong .content_nav ul li{padding: 12px 0;margin-right: 5%;font-size: 16px;} .product .pdct_info .title{font-size:20px;padding:0;} .product .pdct_info .content table td p:nth-child(2){font-size:30px;} } @media only screen and (max-width:680px){ .pdct_ico{width: 100%;} .product .pdct_info{margin-top: 30px;width: 100%;} } @media only screen and (max-width:520px){ .spSm{padding: 0 40px;} .product{padding: 0 0 40px;} .product .text_content{margin-top: 30px;font-size: 14px;line-height: 24px;} .product #pro_prev, .product #pro_next{width: 20px;height: 39px;} .product .pdct_info .char{padding: 5px 4.5%;} .product .pdct_info .title{font-size: 16px;} .product .pdct_info .series{font-size: 16px;} /* .product .pdct_info .price span.money, .product .pdct_info .price span.unit{font-size: 26px;} .product .pdct_info .price span.money{margin: 0 5px;} */ .product .pdct_info .char > div span{font-size: 14px;} .product .pdct_info .content{font-size: 14px;} .product .pdct_info .content table td p{white-space: pre-wrap;} .product .pdct_info .content table td p.prc{font-size: 16px;} .product .pdct_info .content table td p:nth-child(2){font-size: 16px;} .product .content_detail .table_wrap table{width: 99.9%;font-size: 14px;border-left: 1px solid #ddd;border-top: 1px solid #ddd;} .product .content_detail .table_wrap tr{display: flex;justify-content: flex-start;flex-wrap: wrap;} .product .content_detail .table_wrap td.tit{padding: 10px 5px;width: 30%;} .product .content_detail .table_wrap td{display: block;width: 70%;border: 1px solid #ddd;border-top: 0;border-left: 0;} .product .content_detail .text_content video,.product .content_detail .text_content iframe,.product .content_detail .text_content embed{max-width: 100%;height: 300px;} #pro_neirong .content_nav ul li:after{height: 2px;} } .pdct_info .parameter{margin-top: 20px;} .pdct_info .parameter table{width: 100%;border-collapse: collapse;} .pdct_info .parameter table td{padding: 5px 5px;} .pdct_info .parameter table td.hd{width: 30%;font-family: Black;white-space: nowrap;} .pdct_info .parameter table tr td:nth-child(1){width: 30%;font-family: Black;white-space: nowrap;} .pdct_info .btm_share{margin-top: 15px;} .pdct_info .btm_share > a{position: relative;display: inline-block;font-size: 16px;width: 31%;min-width: 137px;height: 46px;line-height: 44px;text-align: center;background: #1c2a45;margin: 0 7px 7px 0;border: 1px solid transparent;font-weight: 500;color: #fff;font-weight: bold;} .pdct_info .btm_share > a:before{display: inline-block;transform: translateY(3px);line-height: 0.5em;} .pdct_info .btm_share > a.btn{background: #0074be;} /* .pdct_info .btm_share > a.btn:before{content: url(../images/s_email.png);margin: 0 10px 0 0;} .pdct_info .btm_share > a.share:before{content: url(../images/s_share.png);margin: 0 10px 0 0;transform: translateY(5px);filter: brightness(10);} */ @media only screen and (max-width:1280px){ .pdct_info .btm_share > a{font-size: 16px;width: auto;height: 40px;line-height:40px;} } @media only screen and (max-width:850px){ .pdct_info .btm_share > a{font-size:14px;} } @media only screen and (max-width:520px){ .pdct_info .btm_share{display: flex;flex-wrap: wrap;justify-content: space-between} .pdct_info .btm_share > a{margin: 0;width: 48.5%;height: 39px;line-height: 39px;font-size: 13px;min-width: initial;} .pdct_info .btm_share > a.btn:before{transform: translateY(3px) scale(0.8);} .pdct_info .btm_share > a.share:before{transform: translateY(6px) scale(0.8);} .pdct_info .parameter{font-size: 14px;} .pdct_info .parameter table td.hd{width: 50%;font-family: Black;} .pdct_info .parameter table tr td:nth-child(1){width: 50%;font-family: Black;} .pdct_info .parameter table tr td{width: 50%;} } #share_ico{margin: 20px 0;} #share_ico a{margin: 0 10px;} #share_ico a:hover{filter: grayscale(1) brightness(100);} @media only screen and (max-width:850px){ #share_ico i{display:inline-block;width: 18px;} } @media only screen and (max-width:520px){ #share_ico{left: auto;right: 0;padding: 6px 10px;} } .recommend_more{margin-top: 4.5%;} .recommend_more .nei_wrap{} .recommend_more .nei_title {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;} .recommend_more .nei_title .title{text-transform: initial;} .recommend_more .nei_title .more{font-size: 24px;line-height:1em;} .recommend_more #case_pro{margin-top:40px} .recommend_more #case_pro .item{text-align: center;} .recommend_more #case_pro .item .img{position: relative;padding-bottom: 86%;width: 100%;height: 0;overflow: hidden;} .recommend_more #case_pro .item .img img{position: absolute;left: 50%;top: 50%;width: auto;max-height: 100%;transform: translate(-50%,-50%);transition: all 0.1s linear;} .recommend_more #case_pro .item:hover .img img{filter: opacity(0.65);} .recommend_more #case_pro .item .msg {font-size: 16px;margin-top:10px;} .recommend_more #case_pro .item .msg .tit{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size:16px;font-weight:normal;} .recommend_more #case_pro .item .msg .des{margin-top: 5px;} @media only screen and (max-width:1080px){ /* .recommend_more .nei_title .title{font-size: 26px;} */ .recommend_more .nei_title .more{font-size: 20px;} } @media only screen and (max-width:850px){ .recommend_more .nei_wrap{} .recommend_more .nei_title .title{font-size: 20px;} .recommend_more #case_pro .item .msg{font-size: 14px;} .recommend_more #case_pro .item .img img{max-height: 80%;} } @media only screen and (max-width:520px){ .recommend_more #case_pro .item .msg{font-size: 14px;} .recommend_more .nei_title .title{font-size: 16px;} .recommend_more #case_pro .item .msg .tit{font-size: 14px;} .recommend_more #case_pro .item .img img{max-height: 75%;} .recommend_more .nei_title .more{font-size: 16px;} } @media only screen and (max-width:320px){ .recommend_more .nei_title .title{font-size: 18px;} } .product .bottom_message{padding:50px 0;margin: 5% 0;background-color: #f5f5f5;} .product .bottom_message .title{font-size: 24px;} .product .bottom_message .mes_box {display: flex;align-items: center;width: 100%;} .product .bottom_message .mes_box .mes_ol{padding: 30px 0 0;width: 66%;box-sizing: border-box;} .product .bottom_message .mes_box .hd{font-size: 18px;} .product .bottom_message .mes_box ul li {margin-bottom: 24px;/* padding-bottom: 3%;border-bottom: 1px solid #eee; */} .product .bottom_message .mes_box ul li:nth-last-child(1){border-bottom: 0;} .product .bottom_message .mes_box ul li input{padding: 0 20px;width: 100%;height: 40px;line-height: 40px;font-size: 16px;background: #fff;box-sizing: border-box;} .product .bottom_message .mes_box ul li input::placeholder,.product .bottom_message .mes_box ul li textarea::placeholder{} .product .bottom_message .mes_box ul li input::-ms-input-placeholder,.product .bottom_message .mes_box ul li textarea::-ms-input-placeholder{} .product .bottom_message .mes_box ul li.code input{display: inline-block;width: 180px;vertical-align: middle;} .product .bottom_message .mes_box ul li.code img{display: inline-block;margin-left: 5%;max-height: 35px;vertical-align: middle;} .product .bottom_message .mes_box ul li textarea{padding: 10px 20px;width: 100%;height: 120px;resize: none;font-family: normal;box-sizing: border-box;background: #fff;font-size: 16px;} .product .bottom_message .mes_box .up_load{display: inline-block;padding:0 48px;margin: 0 auto;width: auto;height: 48px;text-align: center;background-color: #0074be;font-size: 16px;cursor: pointer;font-weight: bold;text-transform:uppercase;border-radius:30px;color:#fff;} .product .bottom_message .mes_box .up_load:hover{background-color: #f09022;} @media only screen and (max-width:1280px){ /* .product .bottom_message .title{font-size: 36px;} */ } @media only screen and (max-width:850px){ .product .bottom_message{padding: 40px 0;} .product .bottom_message .title{font-size: 20px;} .product .bottom_message .mes_box ul li input,.product .bottom_message .mes_box ul li textarea{font-size: 16px;} .product .bottom_message .mes_box .up_load{font-size: 18px;} .product .bottom_message .mes_box .up_load{height: 45px;} } @media only screen and (max-width:520px){ .product .bottom_message{margin:30px 0 40px;padding: 30px 0;} .product .bottom_message .title{font-size: 16px;} .product .bottom_message .mes_box .mes_ol{width: 100%;max-width: initial;} .product .bottom_message .mes_box ul li input{height: 35px;line-height: 35px;font-size: 13px;} .product .bottom_message .mes_box ul li textarea{height: 80px;font-size: 13px;} .product .bottom_message .mes_box .up_load{margin-top: 25px;height: 36px;line-height: 36px;font-size: 14px;} } /* about */ .about{padding:100px 0;} .about .content{margin-top:48px;font-size:18px;line-height:1.6} .about .pics_box ul {justify-content:flex-start;} .about .pics_box ul li{margin-bottom:1.6%;margin-right:1.33%;width: 24%;position: relative;} .about .pics_box ul li:nth-child(4n){margin-right:0;} .about .pics_box ul li .img{position: relative;padding-bottom:90%;width:100%;height:0;overflow:hidden;} .about .pics_box ul li .img img{position: absolute;left:50%;top:50%;width: 100%;transform:translate(-50%,-50%);} .about .pics_box ul li:after{content:"";position: absolute;left:0;top:0;width: 100%;height: 100%;border:2px solid #f09022;box-sizing:border-box;opacity:0;transition:opacity 0.3s linear;} @media only screen and (min-width:521px){ .about .pics_box ul li:hover:after{opacity: 1;} } @media only screen and (max-width:1080px){ .about{padding:64px 0;} } @media only screen and (max-width:850px){ .about{padding:50px 0;} .about .content{margin-top:30px;font-size:16px} .about .pics_box ul {justify-content:space-between;} .about .pics_box ul:after{content:"";width:32%;} .about .pics_box ul li{margin-right:0;width: 32%;} } @media only screen and (max-width:520px){ .about{padding:40px 0;} .about .content{margin-top:16px;font-size:15px;} .about .pics_box ul:after{width:49%;} .about .pics_box ul li{width: 49%;} } .ab_project_m .content {font-size:18px} .ab_project_m .content strong{font-size:24px} @media only screen and (max-width:850px){ .ab_project_m .content {font-size:16px} .ab_project_m .content strong{font-size:20px} } @media only screen and (max-width:520px){ .ab_project_m .content {font-size:15px} .ab_project_m .content strong{font-size:17px} } .equip_pics .layout{display: flex;flex-wrap: wrap;justify-content: space-between;} .equip_pics .lf_part{width: 49.4%;} .equip_pics .item{box-sizing: border-box;border: 2px solid #e5e5e5;} .equip_pics .item:hover{border-color:#f09022;} .equip_pics .lf_part .item{margin-bottom: 2%;width: 49%;} .equip_pics .lf_part .item .img{padding-bottom: 75%;position: relative;width: 100%;height: 0;overflow: hidden;} .equip_pics .lf_part .item .img img{position: absolute;left: 50%;top: 50%;width: auto;max-height: 100%;transform: translate(-50%,-50%);transition: all .3s ease;} .equip_pics .lf_part .item:nth-last-child(-n+2){margin-bottom: 0;} .equip_pics .item .text{position: absolute;left: 0;bottom: 0;padding: 10px 3%;width: 100%;box-sizing: border-box;background-color: rgba(0,0,0,0.6);color: #fff;text-align: center;font-size: 16px;} .equip_pics .rt_part{width: 49.9%;} .equip_pics .rt_part .item .img{padding-bottom: 75%;position: relative;width: 100%;height: 0;overflow: hidden;} .equip_pics .rt_part .item .img img{position: absolute;left: 50%;top: 50%;width: auto;max-height: 100%;transform: translate(-50%,-50%);transition: all .3s ease;} .equip_pics .item:hover .img img{transform: translate(-50%,-50%) scale(1.05);} #equipment .swiper-pagination{position: initial;margin-top: 25px;width: 100%;} #equipment .swiper-pagination-bullet-active{background-color: #7dbf38;} @media only screen and (max-width:850px){ .equip_pics .lf_part{width: 100%;} .equip_pics .rt_part{margin-top: 2%;width: 100%;} /* .equip_pics #equipment{margin-top: 30px;} */ } @media only screen and (max-width:520px){ .equip_pics .item .text{position: initial;padding: 5px 3%;font-size: 14px;} /* .equip_pics #equipment{margin-top: 25px;} */ #equipment .swiper-pagination{margin-top: 15px;} } .ht_equip .layout{display: flex;flex-wrap: wrap;justify-content: space-between;} .ht_equip .lf_part{width: 66.7%;} .ht_equip .item{box-sizing: border-box;/* border: 2px solid #e5e5e5; */} .ht_equip .item:hover{border-color:#f09022;} .ht_equip .lf_part .item{margin-bottom: 0;width:50%;} .ht_equip .lf_part .item .img{padding-bottom: 55%;position: relative;width: 100%;height: 0;overflow: hidden;} .ht_equip .lf_part .item .img img{position: absolute;left: 50%;top: 50%;width: auto;max-width:initial;height: 100%;transform: translate(-50%,-50%);transition: all .3s ease;} .ht_equip .lf_part .item:nth-last-child(-n+2){margin-bottom: 0;} .ht_equip .item .text{position: absolute;left: 0;bottom: 50%;padding: 10px 3%;width: 100%;box-sizing: border-box;color: #fff;text-align: center;font-size: 16px;transform:translateY(50%)} .ht_equip .item .text .num{font-size:80px;font-weight:bold;} .ht_equip .item .text .tit{font-size:20px;} .ht_equip .rt_part{width: 33.3%;} .ht_equip .rt_part .item .img{padding-bottom: 110.2%;position: relative;width: 100%;height: 0;overflow: hidden;} .ht_equip .rt_part .item .img img{position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%,-50%);transition: all .3s ease;} .ht_equip .item:hover .img img{transform: translate(-50%,-50%) scale(1.05);} @media only screen and (max-width:1920px){ .ht_equip .item .text .num{font-size:4.5vw} .ht_equip .item .text .tit{font-size:28px} } @media only screen and (max-width:1080px){ .ht_equip .item .text .num{font-size:3.5vw} } @media only screen and (max-width:850px){ .ht_equip .lf_part{width: 100%;} .ht_equip .item .text .num{font-size:30px;} .ht_equip .item .text .tit{font-size:20px} .ht_equip .rt_part{/* margin-top: 2%; */width: 100%;} } @media only screen and (max-width:520px){ .ht_equip .item .text{padding: 5px 3%;font-size: 14px;} .ht_equip .item .text .tit{font-size:16px;} } /* photolist */ .photolist{padding:20px 0 5% 0;background: url(../images/1_bg1.png) no-repeat center top 60px;} .photolist .tip{color:#808285} /* .photolist .list_content {margin:40px 0 0;} */ .photolist .photo_part{width:100%;} .photolist .list_content ul:after{content:"";width:33.3%} .photolist .list_content .list_item{width: 33.3%;box-sizing: border-box;} .photolist .list_content .list_item .item{position:relative;} .photolist .list_content .list_item .img{position:relative;padding-bottom:56%;overflow:hidden;} .photolist .list_content .list_item img{position:absolute;left:50%;top:50%;max-width: 100%;width: 100%;transform:translate(-50%,-50%)} .photolist .list_content .item .text_wrap{margin-top: 8px;color:#333;} .photolist .list_content .item .text_wrap .sort{color:#808285;} .photolist .list_content .item .text_wrap .tit{font-size: 15px;} .photolist .list_content .item .text_wrap .more{display: inline-block;font-size: 15px;padding-bottom: 5px;position: relative;} .photolist .list_content .item .text_wrap .more:after{content: "";position: absolute;left:0;bottom:0;width:100%;height: 2px;background:#333;} /* 澧炲姞鎸囧悜鏁堟灉 */ .photolist .list_content .list_item .text{position: absolute;padding:0 20px;left:50%;top:50%;width:100%;transform: translate(-50%,-50%);text-align: center;z-index: 2;box-sizing: border-box;} .photolist .list_content .list_item .text .tit{text-align: center;} .photolist .list_content .list_item .text .tit b{font-size:24px;} .photolist .list_content .list_item .mask{position: absolute;left:0;top:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.67);z-index: 1;transition: opacity 0.3s linear;opacity: 0;} @media only screen and (min-width:520px){ .photolist .list_content .item:hover .more{color:#f5811f;} .photolist .list_content .item:hover .more:after{background:#f5811f;} .photolist .list_content .list_item .text{color:#fff;} .photolist .list_content .list_item:hover .mask{opacity: 1;} } @media only screen and (max-width:1280px){ /* .photolist .list_content .list_item .text .tit b{font-size:22px;} */ } @media only screen and (max-width:1080px){ /* .photolist .list_content .list_item{width: 33.3%;} */ .photolist .list_content .list_item .text .tit b{font-size:20px;} } @media only screen and (max-width:850px){ .photolist{padding:20px 0 60px} /* .photolist .list_content{margin:20px 0 0} */ .photolist .list_content ul:after{width:50%} .photolist .list_content .list_item{width: 50%;} .photolist .list_content .list_item .text .tit b{font-size:15px;} } @media only screen and (max-width:520px){ /* .photolist .list_content {margin:18px 0 0;} */ .photolist .list_content ul:after{width:100%} .photolist .list_content .list_item{width: 100%;} .photolist .list_content .item .text_wrap{margin:8px 0 8px} .photolist .list_content .item .text_wrap .sort{font-size:13px} .photolist .list_content .item .text_wrap .tit{font-size:13px} .photolist .list_content .item .text_wrap .more{font-size:12px} .photolist .tip{font-size:13px} } .videolist{padding:30px 0 60px;} .videolist .content_list {} .videolist .content_list .layout:after{content: "";width: 31%;} .videolist .content_list .item{margin-bottom: 2.6%;width: 31.6%;transition: all .3s linear;} .videolist .content_list .item .img{position: relative;padding-bottom: 68%;width: 100%;height: 0px;overflow: hidden;} .videolist .content_list .item .img img{position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%,-50%);} .videolist .content_list .item .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.3);transition: background 0.2s linear;} .videolist .content_list .item:hover .mask{background: rgba(0,0,0,0);} .videolist .content_list .item .play{position: absolute;left: 50%;top: 50%;width: 46px;transform: translate(-50%,-50%);z-index: 3;} .videolist .content_list .item p{margin-top: 20px;text-align: center;font-size: 16px;line-height: 24px;} .videolist .content_list .ab_more {display: inline-block;margin-top: 5%;padding: 1.5% 5%;border-radius: 30px;background: #13944a;color: #fff;font-size: 14px;font-weight: bold;} .videolist .content_list .item:hover {transform: translateY(-5px);} .videolist .content_list .ab_more:hover{background: #eceef0;color: #000;} @media only screen and (max-width:1280px){ .videolist .content_list .item .play{width: 60px;} } @media only screen and (max-width:1080px){ .videolist{padding:64px 0} } @media only screen and (max-width:850px){ .videolist{padding:50px 0} } @media only screen and (max-width:750px){ .videolist .content_list .layout:after{content: "";width: 49%;} .videolist .content_list .item{margin-bottom: 4%;width: 49%;} } @media only screen and (max-width:520px){ .videolist{padding: 40px 0;} .videolist .content_list{} .videolist .content_list .item p{font-size: 14px;} } /* news */ #recommand_list ul{padding: 8% 10%;/* border: 1px solid #e6ecf2; */box-sizing: border-box;background-color: #fff;border-radius: 10px;box-shadow: 0 0 20px rgba(0,0,0,0.06);} #recommand_list ul li.tit{width: 100%;} #recommand_list ul li.tit b{font-size: 30px;/* color: #35974d; */} #recommand_list ul li{margin-bottom: 6%;padding-bottom: 6%;box-sizing: border-box;} /* #recommand_list ul li:nth-last-child(1){margin-bottom: 0;padding-bottom: 0;} */ /* #recommand_list ul li .lf_ico{width: 100px;} #recommand_list ul li .lf_ico .img{position: relative;padding-bottom: 70%;width: 100%;height: 0;overflow: hidden;border-radius: 4px;} #recommand_list ul li .lf_ico .img img{position: absolute;left: 50%;top:50%;width: 100%;transform: translate(-50%,-50%);} */ #recommand_list ul li .text{} #recommand_list ul li .text h3{width: 100%;font-size: 18px;font-weight: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} #recommand_list ul li .text a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} #recommand_list ul li .text a:hover{color: #202c5c;} #recommand_list .nsw{/* padding: 0;border: 0;border-radius: 0;box-shadow: initial; */} #recommand_list .nsw li.tit{border-bottom: 1px solid #f0f0f0;} #recommand_list .nsw li{} #recommand_list .nsw li .time{margin-top:10px;font-size:14px;color: #999;font-weight: lighter;} #recommand_list .keyword{margin-top: 15%;} #recommand_list .keyword li.tit{padding: 0;margin:0 0 16% 0;border: 0;background: none;border-radius: 0;} #recommand_list .keyword li{display: inline-block;margin: 0;margin: 0 5px 20px 0;padding: 8px 16px;border-radius: 30px;background: #eee;} #recommand_list .keyword .key{font-size: 16px;font-weight: normal;color: #666;} /* #recommand_list .keyword li:nth-last-child(1){margin: 0 5px 5px 0;padding: 10px;} */ #recommand_list .guanzhu{margin-top: 15%;display:flex;flex-wrap:wrap;justify-content: space-between;} #recommand_list .guanzhu li{width: 49%;text-align: center;} #recommand_list .guanzhu li .img img{width: 120px;} #recommand_list .guanzhu li .text p{margin-top:10px;} /* #recommand_list ul li .text .con{margin-top: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} */ #recommand_list .c_project{border-radius: 0;} #recommand_list .c_project li{width: 100%;} #recommand_list .c_project .tit{margin-bottom:10px;font-size: 24px;} #recommand_list .c_project .tag{display:inline-block;border: 1px solid #e1e1e1;border-radius: 5px;padding: 5px 25px;color: #199242;border-color: #199242;background-color: #d2efdc;} #recommand_list .c_project .project_logo{margin:20px 0 16px;} #recommand_list .c_project .project_logo img{width: 146px;} #recommand_list .c_project .des{font-size: 16px;line-height: 1.6;} @media only screen and (max-width:1080px){ #mian_nei{width: calc(93% - 270px);width: -webkit-calc(93% - 270px);} #recommand_list{width: 270px;} #recommand_list ul{padding:8%;border-radius: 16px;} #recommand_list ul li .text h3{font-size: 16px;} #recommand_list ul li.tit b{font-size: 26px;} #recommand_list .nsw li .time{font-size:14px;} #recommand_list .keyword .key{font-size: 14px;} #recommand_list .keyword li{margin: 0 5px 14px 0;} #recommand_list .keyword li.tit{margin: 0 0 12% 0;} #recommand_list .guanzhu li .text p{font-size: 14px;} #recommand_list .c_project .tit{font-size: 20px;} } @media only screen and (max-width:850px){ /* #mian_nei{padding: 30px 2%;} */ #mian_nei{width: 100%;} #recommand_list{margin-top: 5%;width:100%;} #recommand_list ul{border-radius: 10px;} #recommand_list ul{padding: 20px 15px;padding: 6%;} #recommand_list ul li{margin-bottom: 3%;padding-bottom: 3%;} /* #recommand_list ul li .lf_ico{width: 82px;} #recommand_list ul li .text{width: calc(96% - 82px);width: -webkit-calc(96% - 82px);} #recommand_list ul li .text .con{display: none;} */ #recommand_list .keyword,#recommand_list .guanzhu{margin-top: 5%;} #recommand_list .keyword li.tit{margin: 0 0 6% 0;} #recommand_list .c_project .tit{font-size: 18px;} } @media only screen and (max-width:750px){ #mian_nei{width: 100%;} #recommand_list{margin-top: 20px;width:100%;} } @media only screen and (max-width:520px){ #mian_nei{} #recommand_list ul{padding:8% 5%;} #recommand_list ul li.tit{} #recommand_list ul li.tit b{font-size: 20px;} #recommand_list ul li .text h3{font-size: 14px;} #recommand_list .keyword .key{font-size: 14px;} #recommand_list .keyword li{} #recommand_list .keyword, #recommand_list .guanzhu{margin-top: 30px;} #recommand_list .c_project .tit{font-size: 16px;} } /* news */ #main_nei{width: calc(96% - 391px);width: -webkit-calc(96% - 391px);border-radius: 5px;box-sizing: border-box;background: #fff;} #recommand_list{width: 391px;} #recommand_list ul.rcomd{border-radius: 5px;box-sizing: border-box;background-color: #fff;} #recommand_list ul.rcomd li.tit{border-bottom: 1px solid #e9e9e9;padding-bottom: 30px;} #recommand_list ul.rcomd li.tit b{font-size: 22px;font-weight: normal;} #recommand_list ul.rcomd li{display: flex;flex-wrap: wrap;justify-content:space-between;margin-bottom: 30px;/* padding-bottom: 30px;border-bottom: 1px dotted #e5e5e5; */} #recommand_list ul.rcomd li:nth-last-child(1){margin-bottom: 0;} #recommand_list ul.rcomd li .lf_ico{width: 36%;} #recommand_list ul.rcomd li .lf_ico .img{position: relative;padding-bottom:66%;width: 100%;height: 0;overflow: hidden;border-radius: 4px;} #recommand_list ul.rcomd li .lf_ico .img img{position: absolute;left: 50%;top:50%;width: 100%;transform: translate(-50%,-50%);} #recommand_list ul.rcomd li .text{width: 60%;} /* #recommand_list ul.rcomd li:nth-child(2) .text{margin-top: 15px;} */ #recommand_list ul.rcomd li .text h3{padding-left: 15px;font-size: 16px;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;box-sizing: border-box;position: relative;color: #666;} #recommand_list ul.rcomd li .text h3::before{content: "";position: absolute;left: 2px;top:8px;width: 4px;height: 4px;background: #666;border-radius: 50%;} #recommand_list ul.rcomd li .text .con{margin-top: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} #recommand_list ul.rcomd li .text .time{margin-top: 10px;font-size: 14px;color: #999;} #recommand_list .other_part{margin-top:10%;} #recommand_list .other_part ul.rcomd li{display: block;} #recommand_list .other_part ul.rcomd li .text{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;} #recommand_list .other_part ul.rcomd li .text h3{width:calc(96% - 78px);width:-webkit-calc(96% - 78px)} #recommand_list .other_part ul.rcomd li .text .time{margin-top:0;} @media only screen and (max-width:1280px){ #recommand_list ul.rcomd li.tit b{font-size: 20px;} #recommand_list ul.rcomd li{margin-bottom: 20px;/* padding-bottom: 20px; */} } @media only screen and (max-width:1080px){ #main_nei{width: calc(98% - 270px);width: -webkit-calc(98% - 270px);} #recommand_list{width: 270px;} } @media only screen and (max-width:850px){ /* #main_nei{padding: 30px 2%;} */ #main_nei{width: 100%;} #recommand_list{margin-top: 20px;width:100%;} #recommand_list ul.rcomd{padding: 30px 0 0;} #recommand_list .other_part{margin-top: 0;} /* #recommand_list ul.rcomd li .lf_ico{width: 82px;} */ /* #recommand_list ul.rcomd li .text{width: calc(96% - 82px);width: -webkit-calc(96% - 82px);} */ #recommand_list ul.rcomd li .lf_ico .img{padding-bottom: 60%;} #recommand_list ul.rcomd li .text .con{line-height: 24px;} .member_mode #recommand_list{order: -1;margin:0 0 20px 0;} } @media only screen and (max-width:750px){ #main_nei{width: 100%;} #recommand_list{margin-top: 50px;width:100%;} } @media only screen and (max-width:520px){ #main_nei{padding: 0} #recommand_list ul.rcomd li.tit{padding-bottom: 20px;} #recommand_list ul.rcomd li.tit b{font-size: 16px;} #recommand_list ul.rcomd li .text h3{font-size: 14px;} #recommand_list ul.rcomd li .text .con{font-size: 12px;line-height: 20px;} #recommand_list ul.rcomd li .text .time{font-size: 12px;} } /* news */ .news{padding:30px 0 100px 0;} .news #main_nei{} .news .news_title {padding-bottom: 4%;border-bottom: 1px solid #ddd;text-align:left !important;} .news .news_title .title{font-size:36px;line-height: 1.4em;} .news .news_title .mes{margin-top: 36px;font-size:16px;} .news .news_title .mes span{display: inline-block;} .news .news_title .mes span.time{} .news .news_title .mes span.series{display: inline-block;/* background-image: repeating-linear-gradient(to right,#004ea9,#029bf1);color: #FFFFFF;padding: 5px 15px; */} .news .news_content{margin-top: 5%;font-size: 18px;line-height: 1.8;} .news .news_content .img{margin-bottom: 20px;text-align: center;} .news .news_content p{margin-bottom: 22px;} .news .news_content video,.news .news_content iframe,.news .news_content embed{max-width: 100%;} /* .news .return{margin-top: 3%;} .news .return a{display: inline-block;padding: 10px 25px;color: #fff;background: #130c04;} */ @media only screen and (max-width:1280px){ .news .news_title .title{font-size: 30px;} } @media only screen and (max-width:1080px){ .news{padding:20px 0 64px 0;} .news .news_title .title{font-size: 24px;} .news .news_title .mes span{font-size: 16px;} } @media only screen and (max-width:850px){ .news{padding:20px 0 50px 0;} .news .news_title .title{font-size: 20px;} .news .news_title .mes{margin-top: 15px;} .news .news_title .mes span{font-size: 14px;} .news .center{margin-top: 30px;} .news .news_content{font-size: 16px;/* line-height: 28px; */} } @media only screen and (max-width:750px){ .news #main_nei{margin-top: 0;} } @media only screen and (max-width:520px){ .news_bg{display: none;} .news{padding:20px 0 40px 0;} .news .news_title .mes span.time{font-size: 12px;} .news .news_title .title{font-size: 16px;} .news .news_content{margin-top: 20px;font-size: 15px;/* line-height: 24px; */} .news .news_content p{margin-bottom: 0;} .news .center a{padding: 8px 20px;} .news .news_content video,.news .news_content iframe,.news .news_content embed{height: 350px;} /* .news .return{margin-top: 15px;} .news .return a{font-size: 12px;} */ } .page{margin-top: 6%;padding: 2% 0;border-top: 1px solid #ddd;} .page ul li{font-size: 18px;color: #666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;flex-shrink: 1;max-width:40%;width:auto} .page ul li:nth-last-child(1){text-align: right;} .page ul li a:hover{color: #fed200;} @media only screen and (max-width:850px){ .page ul li{font-size: 16px;} } @media only screen and (max-width:520px){ .page ul li{margin:2px 0;width: 100%;max-width: 100%;font-size: 15px;} .page ul .return{order: 1;} .page ul li:nth-last-child(1){text-align: left;} }