body{ margin: 0; padding: 0; font-family: "PingFang SC","Microsoft YaHei";} html{ scroll-behavior:smooth; } ul{ margin: 0; padding: 0;} li{ list-style: none;} .fl{ float:left;} .fr{ float:right;} .clear{ clear:both;} .cl:after{ content: ''; clear: both; display: table;} a{ text-decoration: none !important;} /* @font-face { font-family: 'GOTHAM-BLACK'; src: url('../fonts/GOTHAM-BLACK.OTF'); font-weight: normal; font-style: normal; font-display: swap;; } @font-face { font-family: 'GOTHAMBOOK'; src: url('../fonts/GOTHAMBOOK.OTF'); font-weight: normal; font-style: normal; font-display: swap;; } @font-face { font-family: 'GOTHAM-BOLD'; src: url('../fonts/GOTHAM-BOLD.OTF'); font-weight: normal; font-style: normal; font-display: swap;; } @font-face { font-family: '096-CAI978'; src: url('../fonts/096-CAI978.TTF'); font-weight: normal; font-style: normal; font-display: swap;; } @font-face { font-family: 'GOTHAM-MEDIUM'; src: url('../fonts/GOTHAM-MEDIUM.OTF'); font-weight: normal; font-style: normal; font-display: swap;; } */ .menu-link{ -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu-link {border-radius:5px; box-sizing: border-box; position:absolute; top:50%; margin-top:-19px; right: 5px; font-size: 12px;z-index: 10;width:42px;height:42px; padding:6px 8px;} .menu-link span {position: relative;display: block;margin-top:12px;} .menu-link span, .menu-link span:before, .menu-link span:after {background-color: #1e2e53; border-radius:1.5px; width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;} .menu-link span{ width:90%;} .menu-link span:before{ width:110%;} .menu-link span:after{ width:80%;} .menu-link.active span,.menu-link.active span:before,.menu-link.active span:after{ width:100%;} .menu-link span:before, .menu-link span:after {position: absolute; right: 0; top: -.7em;content: " ";} .menu-link span:after {top: .7em;} .menu-link.active span {background: transparent;} .menu-link.active span:before { background-color:#1e2e53; -webkit-transform: rotate(45deg) translate(.5em, .4em); -moz-transform: rotate(45deg) translate(.5em, .4em); -ms-transform: rotate(45deg) translate(.5em, .4em); -o-transform: rotate(45deg) translate(.5em, .4em); transform: rotate(45deg) translate(.5em, .4em); } .menu-link.active span:after { background-color:#1e2e53; -webkit-transform: rotate(-45deg) translate(.6em, -.5em); -moz-transform: rotate(-45deg) translate(.6em, -.5em); -ms-transform: rotate(-45deg) translate(.6em, -.5em); -o-transform: rotate(-45deg) translate(.6em, -.5em); transform: rotate(-45deg) translate(.6em, -.5em); } @-webkit-keyframes biao_jian { 0% { transform: rotate(45deg);} 100% { transform: rotate(0);} } @keyframes biao_jian { 0% { transform: rotate(45deg);} 100% { transform: rotate(0);} } .biao_jian { -webkit-animation-name: biao_jian; animation-name: biao_jian; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .fudong{ position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 90;} .fudong ul li{ width: 50px; height: 50px; position: relative; margin-bottom: 1px;} .fudong ul li:after{ content: ''; width: 12px; height: 12px;} .fudong ul li .ico_a{ display: block; width: 50px; height: 50px; background: #000; color: #fff; text-align: center; border-radius: 4px; position: relative; z-index: 3; overflow: hidden; transition: all 0.3s;} .fudong ul li .ico_a i{ font-size: 20px; line-height: 50px; position: relative; z-index: 3;} .fudong ul li:hover .ico_a{ background: #1e2e53;} .fd_dh{ position: absolute; z-index: 2; top: 0; right: 0; opacity: 0; width: auto; height: 50px; background: #000; color: #fff; padding: 0 15px; white-space: nowrap; line-height: 50px; font-size: 16px; transition: all 0.5s; border-radius: 4px;} .fudong ul li:hover .fd_dh{ right: calc(100% + 1px); opacity: 1; transition-delay: 0.2s;} .sc_bg{ position: fixed; top: 0; z-index: -1; background: #fff; left: 0; width: 100%; height: 100vh;} .sc_bg:before{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/scp.webp) center no-repeat; background-size: cover; transition: all 0.3s; opacity: 1;} .sc_bg:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/seve.webp) center bottom no-repeat; background-size: contain; transition: all 0.3s; opacity: 0;} .sc_bg.active:before{ opacity: 0;} .sc_bg.active:after{ opacity: 1;} /*导航开始*/ /* .header.ny.ny2{ border-bottom: 1px solid rgba(0,0,0,0.1);} */ .header.ny{ top: 0; height: 100px; border-bottom: 1px solid #eee; padding-top: 10px;background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.85), rgba(255,255,255,0.65), rgba(255,255,255,0));} .header.ny .logo{ height: 80px;} .header.ny .pc_nav ul li>a{ line-height: 89px;} .header.ny.active{background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.85), rgba(255,255,255,1), rgba(255,255,255,1)); padding-top: 0; height: 80px; border: none;} .header.ny.active .logo{ height: 80px;} .header.ny.active .pc_nav ul li>a{ line-height: 80px;} .header.active{ top: 0; background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.2);} .header{ position:fixed; top:10px; left:0; right:0; margin:0 auto; z-index:990; height: 80px; transition: all 0.6s;} .header .container.cw{ position: relative; padding-left: 20%; padding-right: 22%;} .logo{ position: absolute; left: 0; top: 0; width: 235px; height: 80px; transition: all 0.3s;} .logo a{ display: block; height: 100%;} .logo a img{ max-height: 100%; display: block; max-width: 100%; transition: all 0.3s;} .pc_nav ul li{ position: relative; text-align: center;} .pc_nav ul li>a{ display: inline-block; line-height: 80px; position: relative; font-size: 18px; color: #000; transition: all 0.3s;font-weight: bold;} .pc_nav ul li:hover>a:after{ opacity: 1;} .pc_nav ul li>a:after{ content: ''; width: 100%; height: 5px; background: #c81528; position: a ; bottom: 8px; left: 0; opacity: 0; transition: all 0.3s; position: absolute;} .pc_nav ul li.active>a:after{ opacity: 1;} .pc_more{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); text-align: right; font-size: 0; transition: all 0.3s;} .pc_lang{ display: inline-block; margin-left: 25px; vertical-align: middle; position: relative;} .pc_lang>a{ font-size: 18px; color: #1e2e53; line-height: 36px; display: block; font-weight: bold;} .pc_lang>a i{ font-size: 20px; display: inline-block; margin-right: 5px; vertical-align: middle;} .pc_lang>a i:last-child{ font-size: 12px; margin-left: 15px; transform: translateY(-2px); transition: all 0.3s;} .pc_lang ul{ height: 0; overflow: hidden; transition: all 0.3s; background: rgba(255,255,255,0.9); position: absolute; top: 100%; left: 0; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 2px 2px 6px rgba(0,0,0,0.2);} .pc_lang ul li a{ line-height: 28px; text-align: center; font-size: 14px; color: #666; font-weight: bold; display: block; transition: all 0.3s; } .pc_lang ul li a:hover{ color: #c81528; transform: scale(1.1);} .pc_lang:hover ul{ padding: 4px 0; height: 150px;} .pc_lang:hover>a i:last-child{ transform: rotateX(180deg) translateY(3px);} .pc_seach{ display: inline-block; position: relative; width: 194px; height: 36px; vertical-align: middle;} .pc_seach input{ height: 36px; width: 100%; border-radius: 18px; padding-right: 46px; padding-left: 20px; background: rgba(255,255,255,0.66); border: 1px solid #1e2e53;} .pc_seach input:focus{ background: rgba(255,255,255,0.85);} .pc_seach button{ position: absolute; right: 0; width: 46px; top: 0; background: none; height: 36px; padding: 0; color: #1e2e53; text-align: center; line-height: 36px; border-left: 1px solid #1e2e53; border-radius: 0;} .pc_seach button i{ font-size: 20px; line-height: 36px; text-align: center;} .pc_nav ul li:hover .erji{ opacity: 1; pointer-events: auto; top: 100%;} .erji{ position: absolute; top: calc(100% + 10px); left: 0; width: auto; min-width: 100%; opacity: 0; pointer-events: none; background: rgba(255,255,255,1); transition: all 0.3s; box-shadow: 0px 2px 6px rgba(0,0,0,0.2); z-index: 2;} .erji .ej_li{ text-align: left; margin: 0; position: relative; padding: 0 12px;} .erji .ej_li>a{ line-height: 46px; color: #595757; display: block; padding-left: 15px; padding-right: 30px; font-size: 18px; transition: all 0.3s; border-bottom: 1px solid #dedede; white-space: nowrap;} .erji .ej_li:last-child a{ border-bottom: none;} .erji .ej_li:hover>a{ color: #c81528;} .erji .ej_li>i{ position: absolute; right: 15px; top: 50%; transform: translateY(-50%); pointer-events: none; transition: all 0.3s; opacity: 0;} .erji .ej_li:hover>i{ color: #c81528; right: 12px; opacity: 1;} .erji .ej_li:hover .sanji{ opacity: 1; pointer-events: auto;} .sanji{ width: auto; background: rgba(255,255,255,1); transition: all 0.3s; box-shadow: 2px 2px 6px rgba(0,0,0,0.2); opacity: 0; pointer-events: none; left: 100%; top: 0; position: absolute; z-index: -1;} .sanji .sj_li{ text-align: left; margin: 0; padding: 0 12px; position: relative;} .sanji .sj_li>a{ line-height: 46px; color: #595757; display: block; padding: 0 20px; font-size: 18px; transition: all 0.3s; white-space: nowrap; border-bottom: 1px solid #dedede;} .sanji .sj_li>i{ position: absolute; left: 15px; top: 50%; transform: translateY(-50%); pointer-events: none; transition: all 0.3s; opacity: 0;} .sanji .sj_li:hover>i{ color: #c81528; left: 12px; opacity: 1;} .sanji .sj_li:last-child a{ border-bottom: none;} .sanji .sj_li:hover>a{ color: #c81528;} .s_banner_kuang{ height: 100vh; width: 100%; overflow: hidden; position: relative;} /* .s_banner{ background: #fff;} */ .s_banner{ background: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 2; transition: all 0.6s;} .s_banner .swiper-slide{ height: 100vh; display: block; position: relative;} .ban_text{ position: absolute; left: 0; width: 100%; top: 23%; z-index: 2; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);} .ban_text .container{ transition: all 0.6s;} .ban_text span{ font-size: 36px; color: #fff; display: block; text-align: left;} .ban_text span strong{ display: block; margin-top: 10px; font-weight: bold; font-size: 78px; line-height: 80px; font-weight: bold; color: #fff; text-transform: uppercase; font-family: 'FZCCHJW'; } .s_banner .swiper-pagination{ text-align: center; bottom: 10%;} .s_banner .swiper-pagination .swiper-pagination-bullet{ position: relative; opacity: 1; margin: 0 15px; background: #fff;} .s_banner .swiper-pagination .swiper-pagination-bullet:after{ content: ''; width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); opacity: 0; transition: all 0.3s; border: 1px solid #fff;} .s_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ opacity: 1; width: calc(100% + 12px); height: calc(100% + 12px);} .s_xian2{ position: absolute; left: 0; bottom: 100%;} .s_xian2 img{ display: block; width: 100%;} .s_about{ position: relative; z-index: 2; background: #fff; height: 100vh;} .sab_right_bg{ width: 52.6%; position: absolute; right: 0; top: 0; height: 100%; background: url(../images/sab.webp) center no-repeat; background-size: cover; opacity: 0.2;} .s_about>.container{ height: 100%; display: flex; display: -webkit-flex; align-items: center; flex-wrap: wrap; justify-content: flex-start;} .sab_left{ width: 46.875%;} .sab_right{ width: 53.125%; position: relative; padding: 3% 0; padding-left: 3%; z-index: 2;} .sab_right .swiper1{ padding: 50px 0; z-index: 2;} .sab_right .swiper1 ul{display: flex; display: -webkit-flex; align-items: stretch; flex-wrap: wrap; justify-content: space-between;} .sab_right .swiper1 ul li{ width: 24%; margin: 35px 0; display: flex; display: -webkit-flex; align-items: center; flex-wrap: wrap; justify-content: center; position: relative;} .sab_right .swiper1 ul li:after{ content: ''; width: 1px; height: 60%; background: #fff; position: absolute; left: 0; top: 20%;} .sab_right .swiper1 ul li:nth-child(4n):before{ content: ''; width: 1px; height: 60%; background: #fff; position: absolute; right: 0; top: 20%;} .sab_right .swiper1 ul li img{ max-width: 85%; max-height: 70px;} .sab_right .swiper1 ul li:nth-child(5), .sab_right .swiper1 ul li:nth-child(6), .sab_right .swiper1 ul li:nth-child(7), .sab_right .swiper1 ul li:nth-child(8){ margin-bottom: 26%;} .sab_right .swiper1 .swiper-button-next, .sab_right .swiper1 .swiper-button-prev{ bottom: 0; left: 50%; margin: 0; top: auto; background: none; width: 36px; height: 36px; line-height: 36px; text-align: center;} .sab_right .swiper1 .swiper-button-prev{ right: 50%; left: auto;} .sab_right .swiper1 .swiper-button-next i, .sab_right .swiper1 .swiper-button-prev i{ width: 28px; height: 28px; display: inline-block; text-align: center; line-height: 24px; border: 2px solid #1e2e53; border-radius: 50%;} .sab_left{ position: relative; z-index: 3; padding-top: 12%; padding-right: 8%;} .sab_left h2{ margin: 0; color: #1e2e53; font-size: 36px;} .sab_left h2 strong{ font-size: 64px; color: #000004; display: block; font-weight: bold; white-space: nowrap; margin-top: 15px;} .sab_left p{ font-size: 20px; line-height: 30px; color: #1e2e53; margin-top: 30px; margin-bottom: 60px; font-weight: bold;} .s_more{ width:185px; height: 45px; overflow: hidden; position: relative; border-radius: 23px;} .s_more a{ position: relative; display: block; width:185px; height: 45px; border: 1px solid #1e2e53; border-radius: 23px; line-height: 43px; text-align: center; font-size: 18px; color: #1e2e53; padding-right: 24px; z-index: 3; transition: all 0.3s;} .s_more a i{ display: inline-block; right: 20px; top: 50%; transform: translateY(-50%); font-size: 22px; position: absolute;} .s_more:hover a{ color: #fff;} .s_more:after{ content: ''; width: 12px; height: 12px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%) translateY(-50%); z-index: 2; background: rgba(30,46,83,1); opacity: 0;} .s_more:hover:after { -webkit-animation: more_hover 0.6s linear forwards; animation: more_hover 0.6s linear forwards } @-webkit-keyframes more_hover { 0% { opacity: 0; transform: scale(1);} 100% { opacity: 1; transform: scale(28);} } @keyframes more_hover { 0% { opacity: 0; transform: scale(1);} 100% { opacity: 1; transform: scale(28);} } .s_biao{ font-size: 36px; color: #595757; position: absolute; left: 0; right: 0; margin: 0 auto; top: 15%; z-index: 3; } .s_biao i{ font-size: 24px; color: #c81528; display: inline-block; margin-right: 10px; vertical-align: middle;} .s_product{ height: 100vh; position: relative; z-index: 2; } .s_product>.container{display: flex; position: absolute; top: 25%; left: 0; right: 0; margin: 0 auto; display: -webkit-flex; align-items: center; flex-wrap: wrap; justify-content: flex-end;} .spro_right{ width: 490px;} .s_product .s_biao{ color: #fff;} .spro_right h2{ font-size: 70px; color: #000004; font-weight: bold; white-space: nowrap; margin: 0;} .spro_right>ul{ font-size: 0; width: 210px; height: 50px; background: #1e2e53; border-radius: 25px; position: relative; padding: 0 5px; margin: 40px auto; margin-top: 20px;} .spro_right>ul li{ cursor: pointer; width: 100px; display: inline-block; text-align: center; line-height: 50px; font-size: 26px; font-weight: bold; position: relative; z-index: 2; color: #fff;} .spro_right>ul:after{ content: ''; width: 110px; height: 50px; border-radius: 25px; background: #fff; position: absolute; left: 0; top: 0; z-index: 1; transition: all 0.3s ease-in;} .spro_right>ul li.active{ color: #1e2e53;} .spro_right>ul.cur2:after{ left: 100px;} .spro_form{ display: none;} .spro_form .form-group{ height: 50px; border-radius: 25px; border:1px solid #1e2e53; background: #fff; padding: 0 20px; position: relative;} .spro_form .form-group .form-control{ height: 48px; font-size: 18px; font-weight: bold; color: #1e2e53; background: none; border: none;} .spro_form .form-group .form-control:focus{ box-shadow: none;} .spro_form .form-group i{ right: 20px; top: 50%; transform: translateY(-50%); position: absolute;} .spro_form .form-group ul{ position: absolute; z-index: 2; top: 100%; left: 20px; width: calc(100% - 40px); border-radius: 4px; background: #fff; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); padding: 10px 0; display: none; max-height: 200px; overflow: auto;} .spro_form .form-group ul li{ padding: 0 20px; cursor: pointer; line-height: 36px; font-size: 16px; } .spro_form .form-group ul li:hover{ background: #f6f6f6;} .spro_form .form-group.sbtn{ border-radius: 0; padding: 0; background: none; border: none;} .spro_form .form-group.sbtn i{ position: static; transform: translateY(0);} .spro_form .form-group button{ height: 50px; border-radius: 25px; border: none; background: #1e2e53; color: #fff; font-size: 18px; font-weight: bold; padding-left: 35px; padding-right: 35px; outline: none;} .btn_hover{ position: relative; overflow: hidden;} .btn_hover:after{ content: ''; width: 12px; height: 12px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%) translateY(-50%); z-index: 2; background: rgba(255,255,255,0.1); opacity: 0;} .btn_hover:hover:after { -webkit-animation: button_hove 0.6s linear; animation: button_hove 0.6s linear } @-webkit-keyframes button_hove { 0% { opacity: 0; transform: scale(1);} 25% { opacity: 1; transform: scale(7);} 50% { opacity: 1; transform: scale(14);} 75% { opacity: 1; transform: scale(21);} 100% { opacity: 1; transform: scale(28);} } @keyframes button_hove { 0% { opacity: 0; transform: scale(1);} 25% { opacity: 1; transform: scale(7);} 50% { opacity: 1; transform: scale(14);} 75% { opacity: 1; transform: scale(21);} 100% { opacity: 0; transform: scale(28);} } .spro_form .form-group button:focus{ outline: none;} .spro_form .form-group button i{ font-size: 20px; display: inline-block;} .s_setmap{ padding-top: 100px; background: #fff; position: relative; z-index: 2;} .s_setmap .container{ position: relative;} .smap_right{ width: 50%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 3; padding: 0 5%;} .smap_right h2{ margin: 0; color: #1e2e53; font-size: 36px;} .smap_right h2 strong{ font-size: 64px; color: #000004; display: block; font-weight: bold; white-space: nowrap; margin-top: 15px;} .smap_right p{ font-size: 20px; line-height: 30px; color: #1e2e53; margin-top: 30px; margin-bottom: 60px; font-weight: bold;} .s_setmap ul{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;} .s_setmap ul li:nth-child(1){ left: 27%; top: 25.5%;} .s_setmap ul li:nth-child(2){ left: 13.5%; top: 66%;} .s_setmap ul li:nth-child(3){ left: 14.2%; top: 81.5%;} .s_setmap ul li:nth-child(4){ left: 33.5%; top: 58%;} .s_setmap ul li:nth-child(5){ left: 44.5%; top: 69%;} .s_setmap ul li{ width: 1.2%; position: absolute;} .s_setmap ul li span{ display: block; padding-top: 100%; background: #fff; border-radius: 50%; position: relative;} .s_setmap ul li i{ position: absolute; left: 50%; transform: translateX(-50%); z-index: 2; color: #1e2e53; font-size: 36px; bottom: 10%; transition: a 0.5s;} .s_setmap ul li.cur span:before{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out2 3s linear infinite; animation: anim-out2 3s linear infinite; z-index: -1;} .s_setmap ul li.cur span:after{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out2 3s 1s linear infinite; animation: anim-out2 3s 1s linear infinite; z-index: -2;} .s_setmap ul li:hover i{ color: #c81528; -webkit-animation: updown 1s linear infinite; animation: updown 1s linear infinite;} /* 涟漪特效代码 */ @-webkit-keyframes updown{ 0%{ bottom:10%;} 100%{ bottom:70%;} } @-moz-keyframes updown{ 0%{ bottom:10%;} 100%{ bottom:70%;} } @-ms-keyframes updown{ 0%{ bottom:10%;} 100%{ bottom:70%;} } @keyframes updown{ 0%{ bottom:10%;} 100%{ bottom:70%;} } /* 涟漪特效代码 */ @-webkit-keyframes anim-out2{ 0%{ opacity: 0.5; background: rgba(255,255,255,1);} 50%{ transform: scale(2); opacity: 0.25; background: rgba(20,88,228,1);} 100%{ transform: scale(4); opacity: 0; background: rgba(20,88,228,0);} } @-moz-keyframes anim-out2{ 0%{ opacity: 0.5; background: rgba(255,255,255,1);} 50%{ transform: scale(2); opacity: 0.25; background: rgba(20,88,228,1);} 100%{ transform: scale(4); opacity: 0; background: rgba(20,88,228,0);} } @-ms-keyframes anim-out2{ 0%{ opacity: 0.5; background: rgba(255,255,255,1);} 50%{ transform: scale(2); opacity: 0.25; background: rgba(20,88,228,1);} 100%{ transform: scale(4); opacity: 0; background: rgba(20,88,228,0);} } @keyframes anim-out2{ 0%{ opacity: 0.5; background: rgba(255,255,255,1);} 50%{ transform: scale(2); opacity: 0.25; background: rgba(20,88,228,1);} 100%{ transform: scale(4); opacity: 0; background: rgba(20,88,228,0);} } .n_map ul{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;} .n_map ul li:nth-child(1){ left: 16%; top: 18%;} .n_map ul li:nth-child(2){ left: 13.5%; top: 66%;} .n_map ul li:nth-child(3){ left: 35.5%; top: 61%;} .n_map ul li:nth-child(4){ left: 39.5%; top: 77.5%;} .n_map ul li:nth-child(5){ left: 47.5%; top: 73%;} .n_map ul li:nth-child(6){ left: 47%; top: 80%;} .n_map .teams_map ul li:nth-child(1){ left: 35.5%; top: 61%;} .n_map .teams_map ul li:nth-child(2){ left: 13.5%; top: 66%;} .n_map .teams_map ul li:nth-child(3){ left: 47%; top: 80%;} .n_map .teams_map ul li:nth-child(4){ left: 90.5%; top: 71.5%;} .n_map .teams_map ul li strong{ left: 50%; transform: translateX(-50%); top: calc(100% + 10px); text-align: center; right: auto;} .n_map .teams_map ul li:nth-child(1) strong{ top: calc(100% + 20px);} .n_map .teams_map ul li:nth-child(3) strong{ right: auto; left: 50%;} .n_map ul li{ width: 1.2%; position: absolute;} .n_map ul li strong{ position: absolute; left: calc(100% + 15px); top: 50%; transform: translateY(-50%); color: #1e2e53; font-size: 18px;} /* .n_map ul li:first-child span{ display: none;} */ /* .n_map ul li:nth-child(3) strong, .n_map ul li:nth-child(4) strong{ right: calc(100% + 15px); left: auto;} */ .n_map ul li:nth-child(3) strong{ right: calc(100% + 15px); left: auto;} .n_map ul li:nth-child(2) i{ color: #c81528;} .n_map ul li span{ display: block; padding-top: 100%; background: #fff; border-radius: 50%; position: relative;} .n_map ul li i{ position: absolute; left: 50%; transform: translateX(-50%); z-index: 2; color: #c81528; font-size: 36px; bottom: 10%;} .n_map ul li img{ position: absolute; left: 50%; transform: translateX(-50%) translateY(-50%); top: 50%; display: block; width: 40px;} .n_map ul li.cur span:before{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out2 3s linear infinite; animation: anim-out2 3s linear infinite; z-index: -1;} .n_map ul li.cur span:after{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out2 3s 1s linear infinite; animation: anim-out2 3s 1s linear infinite; z-index: -2;} .n_map h5{text-align: center; color: #595757; margin-top: 40px;} .n_map h5 span{ display: inline-block; margin: 0 50px; font-size: 18px; } .n_map h5 span i{ color: #c81528; font-size: 36px; display: inline-block; vertical-align: middle;} .n_map h5 span:last-child i{ color: #1e2e53;} .s_service{ height: 100vh; /* background: url(../images/seve.webp) center bottom no-repeat #fff; background-attachment: fixed; background-size: contain; */ position: relative; z-index: 3; } .s_service .s_biao .container.cw{ padding: 0; position: static;} .s_service .container.cw{ padding-left: 10%; position: absolute; bottom: -5%; left: 0; right: 0; margin: 0 auto;} .seve_content{display: flex; display: -webkit-flex; align-items: flex-end; flex-wrap: wrap; justify-content: flex-end; position: relative;} .s_service h2{ font-size: 70px; color: #000004; font-weight: bold; white-space: nowrap; margin: 0;} .seve_content .swiper2_1{ width: 20%; margin: 0; margin-right: 3%;} .seve_content .swiper2{ width: 37%; margin: 0; margin-right: 3%;} .seve_content .swiper2 .swiper-slide a span{ height: 130px; background: rgba(0,0,0,0.5); color: #fff; width: 60%; position: absolute; bottom: 0; left: 0; z-index: 2; font-size: 40px; text-align: center; padding-top: 20px;} .seve_content .swiper-container .swiper-slide a{ display: block; padding-top: 110%;} .seve_content .swiper2_1 .swiper-slide a{ display: block; padding-top: 120%;} .seve_fan{ position: absolute; bottom: 0; right: 40%; z-index: 3; width: 11.6%; height:130px; background: rgba(30,46,83,0.97); padding: 15px;} .seve_content ul{ position: absolute; left: 0; top: 10%;} .seve_content ul li{ margin: 10px 0; text-align: right;} .seve_content ul li a{font-weight: bold; color: #1e2e53; white-space: nowrap; display: inline-block; font-size: 40px; line-height: 50px; transition: all 0.3s; position: relative;} .seve_content ul li.active a{ color: #c81528;} .seve_content ul li:last-child a:after{ content: ''; width: 80px; height: 1px; background: #1e2e53; right: calc(100% + 15px); top: 50%; transform: translateY(-50%); position: absolute;} .seve_fan .swiper-pagination .swiper-pagination-bullet{ margin: 0 5px; background: #fff; opacity: 0.65; outline: none;} .seve_fan .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1;} .seve_fan i{ position: absolute; left: 0; top: 50px; display: block; background: #fff; width: 0; height: 1px;} @-webkit-keyframes i_cur { 0% { width: 0;} 75% { width: 70%;} 100% { width: 0;} } @keyframes i_cur { 0% { width: 0;} 75% { width: 70%;} 100% { width: 0;} } .seve_fan i.cur { -webkit-animation: i_cur 2.8s ease-in; animation: i_cur 2.8s ease-in； } .s_case{ position: relative; padding-top: 9%; background: #fff; z-index: 2;} .s_case .s_biao{ position: static; margin-bottom: 40px;} .s_case .swiper3 .swiper-slide{ width: 28%; position: relative; border: 1px solid transparent; transition: all 0.6s; overflow: hidden;} .s_case .swiper3 .swiper-slide:hover{ border-color: rgba(30,46,83,0.35);} .s_case .swiper3.swiper-container .swiper-wrapper{ -webkit-transition-timing-function: linear; /*之前是ease-out*/ -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .scase_img{ padding-top: 57%;} .scase_text{ position: absolute; left: 0; bottom: 5%; z-index: 2; padding: 0 8%; color: #fff;} .scase_text h4{ padding-left: 70px; position: relative; font-size: 20px; line-height: 26px; font-weight: bold; margin: 0; margin-bottom: 20px;} .scase_text h4 img{ width: 50px; max-height: 50px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .scase_text p{ margin: 0; font-size: 18px; line-height: 24px; } .scase_ceng{ position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.6s; background: rgba(255,255,255,0.95); z-index: 3; width: 100%; height: 100%;} .scase_ceng .scase_text{ top: 8%; bottom: auto; color: #000004;} .ceng_10{ transform: translateY(10px); opacity: 0; transition: 0.6s;} .scase_ceng .scase_text h4{ padding-left: 0; color: #1e2e53;} .scase_ceng .scase_text h5{ font-size: 18px; line-height: 24px; color: #1e2e53; padding-left: 70px; position: relative; } .scase_ceng .scase_text h5 img{ position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 40px; max-height: 40px;} .ceng_more{ position: absolute; bottom: 10%; left: 8%;z-index: 5;} .ceng_img{ position: absolute; right: 0; bottom: 0; width: 40%; opacity: 0; transition: all 0.6s;} .ceng_img a{ padding-top: 119%; display: block;} .ceng_more.s_more{ width:165px;} .ceng_more.s_more a{ width:165px;} .s_case .swiper3 .swiper-slide:hover .scase_ceng{ opacity: 1;} .s_case .swiper3 .swiper-slide:hover .ceng_10{ transform: translateY(0px); opacity: 1;} .s_case .swiper3 .swiper-slide:hover .ceng_img{ opacity: 1;} .s_case .s_biao .container{ position: relative;} .s_more.scase_a{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .s_more.scase_a a i{ margin-right: 0; color: #1e2e53;} /* .scase_a a{ color: #999; transition: all 0.3s; display: block; padding: 6px 15px; position: relative; border-left: 1px solid transparent; border-right: 1px solid transparent;} .scase_a a:after{ content: ''; width: 0; height: 100%; border-top: 1px solid #1e2e53; border-bottom: 1px solid #1e2e53; position: absolute; z-index: 2; left: 50%; top: 0; transform: translateX(-50%); transition: all 0.6s 0.6s;} .scase_a a:before{ content: ''; width: calc(100% + 2px); height: 100%; border-left: 1px solid #fff; border-right: 1px solid #fff; position: absolute; z-index: 2; top: 50%; left: -1px; transform: translateY(-50%); transition: all 0.6s;} .scase_a a i{ color: #999; transition: all 0.3s; margin: 0;} .scase_a:hover a{ color: #1e2e53; border-color: #1e2e53;} .scase_a:hover a i{ color: #1e2e53;} .scase_a:hover a:after{ width: 100%; transition: all 0.6s;} .scase_a:hover a:before{ height: 0; transition: all 0.6s 0.6s;} */ .s_case .s_biao .swiper-button-prev, .s_case .s_biao .swiper-button-next{ width: 60px; height: 60px; text-align: center; margin: 0; right: 0; top: 50%; transform: translateY(-50%); box-shadow: 0px 4px 8px rgba(0,0,0,0.2); border-radius: 50%; background: none; outline: none; z-index: 2;} .s_case .s_biao .swiper-button-prev{ right: 80px; left: auto;} .s_case .s_biao .swiper-button-prev i, .s_case .s_biao .swiper-button-next i{ display: inline-block; line-height: 60px; color: #000004; margin: 0;} .s_massage{ padding: 6% 0; background: #fff; z-index: 3;} .s_massage .container{display: flex; display: -webkit-flex; align-items: flex-start; flex-wrap: wrap; justify-content: center;} .smas_left{ width: 32.5%; margin-right: 8%;} .smas_right{ width: 42.5%;} .smas_left h2{ font-size: 48px; color: #000004;font-weight: bold; margin: 0; margin-bottom: 30px; line-height: 36px;} .smas_left h2 span{ display: inline-block; padding-bottom: 15px; border-bottom: 3px solid #000004;} .smas_left h4{ font-size: 22px; line-height: 36px; color: #1e2e53; margin-top: 20px;} .smas_right .form-group{ position: relative;} .smas_right .form-group .form-control{ border-radius: 20px; font-size: 16px; } .smas_right .form-group .btn-group.form-control{ height: 40px;} .smas_right .form-group input.form-control, .smas_right .form-group select.form-control, .smas_right .form-group button{ height: 40px; padding-left: 20px; padding-right: 20px; border-radius: 20px; font-size: 16px; } .smas_right .form-group textarea{ padding: 10px 20px;} .smas_right .form-group p{ margin-top: 10px; color: #666;} .smas_right .form-group.msg_btn button{ background: #1e2e53; color: #fff; border-radius: 23px; height: 46px; border: none; outline: none; padding: 0 40px;} .smas_right .form-group input::placeholder, .smas_right .form-group textarea::placeholder{ color: #595757;} .smas_right .form-group input, .smas_right .form-group textarea{ color: #333;} .footer{ background: #1e2e53; padding: 50px 0; padding-bottom: 30px; color: #fff;} .foot_logo{ margin-bottom: 30px; text-align: center;} .footer h4{ margin: 0;} .footer h4 a{ display: inline-block; margin-right: 15px; color: #fff; font-size: 18px; font-weight: bold;} .footer p{ margin-top: 15px; font-size: 16px; color: #dcdddd;} .footer p a{ color: #dcdddd; transition: all 0.3s; display: inline-block; margin-left: 15px;} .footer p a:hover{ color: #fff;} .links{ display: inline-block; width: 210px; padding: 0 20px; height: 40px; border:1px solid #fff; border-radius: 20px; margin-right: 30px;} .links select{ background: transparent; border: none; height: 38px; font-size: 18px; font-weight: bold; color: #fff;} .links select:focus{ box-shadow: none;} .links select option{ color: #1e2e53;} .footer ul{ font-size: 0; display: inline-block;} .footer ul li{ display: inline-block; margin-left: 10px;} .footer ul li a{ width: 46px; height: 46px; border-radius: 50%; border: 1px solid #fff; display: block; text-align: center; color: #fff; transition: all 0.3s;} .footer ul li a i{ line-height: 44px; display: inline-block; font-size: 20px;} .footer ul li a:hover{ background: #fff; color: #1e2e53;} .foot_ico{ position: relative; text-align: center; margin-bottom: 10px;} .foot_ico span{ display: inline-block;} .foot_ico:after{ content: ''; width: calc(50% - 50px); left: 0; height: 1px; background: #fff; top: 50%; margin-top: -0.5px; position: absolute; opacity: 0.3;} .foot_ico:before{ content: ''; width: calc(50% - 50px); right: 0; height: 1px; background: #fff; top: 50%; margin-top: -0.5px; position: absolute; opacity: 0.3;} /* .foot_ico span{-webkit-animation: xuanzhuan 2.8s linear infinite; animation: xuanzhuan 5s linear infinite} */ @-webkit-keyframes xuanzhuan { 0% { transform: rotate(0);} 100% { transform: rotate(360deg);} } @keyframes xuanzhuan { 0% { transform: rotate(0);} 100% { transform: rotate(360deg);} } /* 内页开始 */ .jia_banner{height: 100px; background: #fff;} .n_banner{ position: relative; padding-top: 43%;} .n_banner .container{ position: absolute; top: 45%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; font-weight: bold; font-size: 70px; line-height: 70px; color: #fff; text-shadow: 0px 2px 4px rgba(0,0,0,0.6);} /* .pro_cont .container{top: 52%;} */ .n_banner .container .cw-sort{position: absolute; font-weight: bold; font-size: 18px;max-width: 600px;text-shadow: none;line-height: 1.4;margin-top: 30px; transition: all .3s;} @media (max-width: 991px){ .pro_cont{padding-top: 0;min-height: 170px;display: flex;align-items: center;justify-content: flex-start;} .pro_cont .container{position: relative; transform: none; padding-top:8%;padding-bottom:8%; margin-left: 0;} .n_banner .container .cw-sort{position: relative;} } @media (max-width: 767px){ .pro_cont .container{position: relative; transform: none; padding-top:10%;padding-bottom:8%; margin-left: 0;} .n_banner .container .cw-sort{font-size: 16px;margin-top: 20px;} } .weizhi.mag_b20{ margin-bottom: 20px;} .weizhi{ font-size: 16px; color: #9fa0a0; margin-bottom: 50px; } .weizhi a{ font-size: 16px; color: #9fa0a0;} .weizhi a:last-child{ color: #1e2e53;} .n_zhong, .n_zhong2{ padding: 70px 0; position: relative;} .n_zhong .container{display: flex; display: -webkit-flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start;} .ny_left{ width: 21%; margin-right: 5%;} .ny_right{ width: 74%; min-height: 100vh;} .ny_left .caption{ margin-top: 25px;} .ny_left h2{ font-size: 40px; color: #c81528; font-weight: bold; margin-top: 0;} .ny_left h2 ul{ color: #e6e6e6;} .ny_left h2 ul li{ display: inline-block;} .ny_left h2 ul li a{ color: #e6e6e6;} .ny_left h2 ul li.active a{ color: #c81528;} .ny_left .caption h3{ font-size: 30px; font-weight: bold; margin-bottom: 18px;} .ny_left .caption h3 a{ color: #1e2e53;} .ny_left .caption h3 a.active{ color: #c81528;} .ny_left .caption ul li{ margin: 8px 0;} .ny_left .caption ul li a{ font-size: 18px; display: inline-block; color: #9fa0a0; transition: all 0.5s; padding-bottom: 5px; position: relative;} .ny_left .caption ul li a:after{ content: ''; width: 0; height: 1px; background: #c81528; transition: all 0.5s; position: absolute; bottom: 0; left: 0;} .ny_left .caption ul li.active a{ color: #c81528;} .ny_left .caption ul li.active a:after{ width: 100%;} .ny_left .caption ul li a:hover{ color: #c81528;} .ny_left .caption ul li a:hover:after{ width: 100%;} .ny_left .tab-content{} .ny_left .tab-pane{ overflow: auto;} .ny_left .tab-pane::-webkit-scrollbar { /*滚动条整体样式*/ width : 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .ny_left .tab-pane::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); background : #d3d3d4; } .ny_left .tab-pane::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.05); border-radius: 10px; background : #f6f6f6; } .lc_li{display: flex; display: -webkit-flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start; padding-bottom: 110px; position: relative; } .lc_li:after{ content: ''; width: 1px; background: #f6f6f6; height: 100%; position: absolute; left: 41%; top: 30px;} .lc_li .dian{ width: 20px; height: 20px; position: absolute; left: 41%; top: 20px; transform: translateX(-50%); background: #1458e4; border-radius: 50%; z-index: 2;} .lc_li .dian:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #1458e4; opacity: 0.3; z-index: -1; transition: all 0.5s; border-radius: 50%;} .lc_li .dian.cur:after{ transform: scale(3);} .lc_li .cai_xian{ width: 1px; height: 0px; position: absolute; background: #1458e4; left: 41%; top: 30px; z-index: 2; max-height: 100%;} .lc_left{ width: 35%; margin-right: 12%;} .lc_right{ width: 53%; padding-top: 25px; border-top: 1px solid #f6f6f6;} .lc_left h2{ font-weight: bold; font-size: 54px; color: #1458e4; margin: 0; margin-bottom: 30px;} .lc_left h3{ font-size: 36px; color: #1e2e53;} .lc_left h4{ font-size: 18px; color: #1e2e53; line-height: 30px;} .lc_right .ty_content h5{ font-size: 18px; color: #1e2e53; } .lc_right .ty_content p{ font-size: 16px; color: #595757; line-height: 24px; } .nab_lc .lc_li:last-child:after{ display: none;} .nab_lc .lc_li:last-child .cai_xian{ background: transparent;} .nab_csr h2{ margin: 0; margin-bottom: 5px; padding-left: 25px; font-size: 44px; font-weight: bold; color: #000004;} .csr_li{ padding: 35px 25px; transition: all 0.3s;} .csr_li:hover{ box-shadow: 0px 0 8px rgba(0,0,0,0.1);} .csr_li a{ display: block;display: flex; display: -webkit-flex; align-items: center; flex-wrap: wrap; justify-content: flex-start;} /* .scr_img{ width: 54px; margin-right: 24px;} */ .scr_text{ width: calc(100% - 79px);} .scr_text h3{ margin: 5px 0; transition: all 0.3s; color: #000004; line-height: 30px;} .scr_text h5{ color: #999; margin: 0;} .csr_li:hover .scr_text h3{ color: #c81528;} .csr_li i{ color: #1e2e53; font-size: 36px; display:block;width:55px; position: relative; margin-right: 24px; transition: all 0.3s;} .csr_li:hover i{ color: #c81528;} /* .csr_li i{display:block;width:55px;height:70px; position: relative; margin-right: 24px;} .csr_li i:before{content:'';display:block;width:14px;height:20px;position:absolute;z-index:2;left:50%;top:50%;margin:-10px 0 0 -7px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDE0IDE5Ij4NCjxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNmZmY7DQogICAgICB9DQogICAgICAuY2xzLTEsIC5jbHMtMiB7DQogICAgICAgIHN0cm9rZTogI2ZmZjsNCiAgICAgICAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOw0KICAgICAgICBzdHJva2UtbGluZWpvaW46IHJvdW5kOw0KICAgICAgICBzdHJva2Utd2lkdGg6IDJweDsNCiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOw0KICAgICAgfQ0KICAgICAgLmNscy0yIHsNCiAgICAgICAgZmlsbDogbm9uZTsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTcsMVYxOCIvPg0KICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xLDEybDYsNiw2LTYiLz4NCjwvc3ZnPg0K) center bottom no-repeat;background-size:100% auto; transition:transform .5s cubic-bezier(.08,1.56,.29,1.56)} .csr_li i:after{content:attr(data-ext);position:absolute;width:100%;left:0;bottom:9px;color:#fff;font-size:.9px;line-height:1!important;display:block;text-align:center;text-transform:uppercase;letter-spacing:.1em;transition:transform .8s cubic-bezier(.08,1.56,.29,1.56)} .csr_li i .file__svg-back{fill:#ed324d} .csr_li i .file__svg-front{fill:#ffc5cd} .csr_li:hover i:before{transform:translateY(-4px);} .csr_li:hover i:after{transform:translateY(-3px);} */ .select_ti{width: 100%;margin-bottom: 50px;} .select_ti li{margin-bottom: 30px;} .select_ti li.active .ti_item1 img{transform: rotate(180deg);} .select_ti li .ti_item1{display: flex;align-items: center;cursor: pointer;} .select_ti li .ti_item1 h3{color: #000000;font-size: 16px;font-weight: bold;font-weight: bold;letter-spacing: 2px;margin: 0;line-height: 1.5;} .select_ti li .ti_item1 img{width: 17px;height: 9px;margin-left: 6px;transition: all .5s;} .select_ti li .ti_item2{font-size: 16px; color: #666666;line-height: 2;margin-top: 8px; display: none;} @media (max-width: 991px){ .select_ti li .ti_item1{align-items: flex-start;} .select_ti li .ti_item1 img{margin-top: 8px;} } @media (max-width: 767px){ .select_ti li .ti_item1 h3{font-size: 14px;letter-spacing: 1px;} .select_ti li .ti_item2{font-size: 14px;} } .pro_list{display: flex; display: -webkit-flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start;} .pro_li{ width: 32%; margin-right: 2%; margin-bottom: 50px;} .pro_list .pro_li:nth-child(3n){ margin-right: 0;} .pro_img{ position: relative; padding-top: 100%; overflow: hidden; border: 1px solid #eee;} .pro_img_ceng{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; opacity: 0; transition: all 0.5s;} .pro_img_ceng ul{ position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; width: 70%; z-index: 2; transform: translateY(-50%);} .pro_img_ceng ul li{ text-align: center; font-size: 20px; color: #fff; font-weight: bold; margin: 10px 0; opacity: 0; transform: translateY(10px);} .pro_img_ceng ul i{ display: block; padding: 6px 0; border: 1px solid #fff; border-radius: 24px; font-size: 20px; font-style: normal; text-align: center; color: #fff; margin-top: 30px; transition: all 0.3s; opacity: 0; transform: translateY(10px);} .pro_img_ceng ul i:hover{ background: rgba(255,255,255,0.35); border-color: rgba(255,255,255,0.35);} .pro_title{ padding-top: 15px;} .pro_title span{ display: block; font-size: 24px; color: #595757;font-weight: bold;} .pro_title .xqc{ margin-top: 5px;} .pro_title .xqc img{ height: 36px;} .pro_li:hover .pro_img_ceng{ opacity: 1;} .pro_li:hover .pro_img_ceng ul li{ opacity: 1; transform: translateY(0); transition: all 0.3s;} .pro_li:hover .pro_img_ceng ul i{ opacity: 1; transform: translateY(0); transition: all 0.3s 0.8s;} .pro_li:hover .pro_title span{ color: #1e2e53;} .pro_list .pro_list_h2two{color: #1e2e53;width: 100%;text-align: center;font-size: 40px;margin-bottom: 40px;} @media (max-width: 1355px){ .pro_list .pro_list_h2two{font-size: 30px; margin: 30px 0 50px;} } @media (max-width: 991px){ .pro_list .pro_list_h2two{font-size: 24px; margin: 30px 0 50px;} } .ny_right .s_massage{display: flex; display: -webkit-flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start;} .ny_right .s_massage .smas_left{ width: 41%; margin-right: 4%;} .ny_right .s_massage .smas_right{ width: 55%;} .ncp_content{display: flex; display: -webkit-flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start;} .ncp_left{ width: 46%; margin-right: 4%;} .ncp_right{ width: 50%;} .ncp_right .weizhi{ margin-bottom: 0;} .ncp_right h2{ font-size: 60px; margin: 0; color: #1e2e53;font-weight: bold;} .ncp_right .xqc{ margin-top: 30px;} .xqc img{ height: 55px; display: inline-block; margin-right: 10px;} .ncp_caption{ padding: 15px 0; border-top:1px solid #eee; border-bottom:1px solid #eee;} .ncp_right .caption{display: flex; display: -webkit-flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; margin-top: 15px; } .ncp_right .caption.no_img .captext{ width: 100%;} .ncp_table table{ width: 100% !important; max-width: 100%; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 2px solid #06338f;} .ncp_table table thead tr th{ padding: 8px; background: #06338f; color: #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 16px; text-align: center; vertical-align: middle; font-weight: normal;} .ncp_table table tbody tr td{ font-size: 16px; color: #1e2e53; border-right: 1px solid #fff; border-bottom: 1px solid #fff !important; padding: 8px; background: #f7f8f8; text-align: center; vertical-align: middle;} .ncp_table table tbody tr:nth-child(2n) td{ background: #e8e8e8;} .ncp_table table tbody tr:nth-child(1) td, .ncp_table table tbody tr:nth-child(2) td, .ncp_table table tbody tr:nth-child(3) td{ background: #06338f; color: #fff;} .ncp_table.ncp_table_tbr table tbody tr:nth-child(3) td{ background: #f7f8f8; color: #1e2e53;} .capimg{ width: 80px; margin-right: 30px;} .capimg img{ display: block; width: 100%;} .captext{ width: calc(100% - 110px);} .captext h3{ margin-top: 0; font-size: 20px; color: #000004; line-height: 26px; margin-bottom: 5px;} .captext h4{ margin-top: 5px; color: #595757; line-height: 24px; font-size: 18px;} .ncp_btn{ margin-top: 40px;} .ncp_btn a{ color: #1e2e53; font-size: 30px; display: inline-block;font-weight: bold; margin: 0 5%; transition: all 0.3s; border-bottom: 3px solid #1e2e53;} .ncp_btn a:hover{ color: #c81528; border-color: #c81528;} .ncp_left .swiper0{ border: 1px solid #eee;} .ncp_left .swiper0 .swiper-slide a{ display: block; padding-top: 100%;} .ncp_left ul{ margin-top: 10px;} .ncp_left ul li{ width: 16%; display: inline-block; margin-right: 1%; border: 1px solid #eee;} .ncp_left ul li a{ display: block; padding-top: 100%; cursor: pointer;} .pro_list.cpn .pro_li{ margin-bottom: 20px;} .ncp_biao{ font-size: 24px; color: #1e2e53; font-weight: bold; margin-top: 50px; margin-bottom: 15px;} .ncp_biao_small{font-family: arial, helvetica, sans-serif;} .ncp_biao_small h3{font-weight: bold;margin-top: 0;} .ncp_biao_small h3,.ncp_biao_small p{font-size: 18px; color: #333333;} .ny_right .s_case{ padding: 0;} @media (max-width: 767px){.ncp_biao_small h3{margin-top: 20px;}.ncp_biao_small h3,.ncp_biao_small p{font-size: 14px;}} .ny_right .s_case .swiper3 .swiper-slide{ width: 33.33%;} .ny_right .s_case .scase_text h4{ font-size: 16px; line-height: 24px; padding-left: 50px; margin-bottom: 10px;} .ny_right .scase_text h4 img{ width: 35px; max-height: 35px;} .ny_right .scase_text p{ font-size: 14px; line-height: 20px;} .ny_right .scase_ceng .scase_text h5{ font-size: 14px; line-height: 20px; padding-left: 50px;} .ny_right .scase_ceng .scase_text h5 img{ width: 30px; max-height: 30px;} .ny_right .scase_ceng .ceng_img{ width: 40%;} .form2.active{ opacity: 1; pointer-events: auto;} .form2.active .form2_kuang{ right: 0;} .form2{ width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 999; opacity: 0; pointer-events: none; transition: all 0.5s;} .form2_kuang{ position: absolute; right: -73%; top: 50%; transform: translateY(-50%); z-index: 2; background: #fff; width: 73%; transition: all 0.5s ease-in;} .form2_head{ position: relative; background: #1e2e53; color: #fff; height: 90px; line-height: 90px; font-size: 0;} .form2_head span{ display: inline-block; font-size: 16px; color: #9fa0a0; background: #c81528; height: 90px; line-height: 90px; padding: 0 30px; vertical-align: top;} .form2_head span a{ color: #9fa0a0; transition: all 0.3s;} .form2_head span a:hover{ color: #fff;} .form2_head strong{ font-weight: normal; font-size: 20px; font-weight: bold; padding: 0 30px; height: 90px; line-height: 90px; display: inline-block;} .form2_head strong img{ display: inline-block; margin-right: 15px;} .form2_head span i{ display: inline-block; margin-right: 10px;} .form2_content{ min-height: 50vh; padding: 5% 0; background: url(../images/Localization4_03.jpg) center no-repeat; background-size: cover;} .form2_content h2{ font-size: 36px; margin-top: 0; color: #1e2e53; font-weight: bold;} .form2_content h4{ font-size: 18px; color: #595757; margin-bottom: 20px;} .form2_content h5{ font-size: 16px; color: #595757; margin-top: 20px;} .form2_content h5 a{ color: #c81528; text-decoration: underline !important; display: inline-block;} .form2_content .form-group .form-control{ font-size: 16px; height: 40px; border-radius: 20px; padding-left: 20px; } .form2_content .form-group .btn{ font-weight: bold; padding-left: 50px; padding-right: 50px; background: #1e2e53; color: #fff; height: 45px; border-radius: 25px; font-size: 16px;} .form2_content .form-group .btn.hui{ background: #9fa0a0;} .form2_close{ position: absolute; right: calc(100% + 15px); top: 50%; transform: translateY(-50%); width: 60px; height: 60px; text-align: center; border: 2px solid #fff; line-height: 54px; border-radius: 50%;} .form2_close i{ display: inline-block; font-size: 24px; line-height: 54px;} .form3.active{ opacity: 1; pointer-events: auto;} .form3.active .form3_kuang{ right: 0;} .form3{ width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 999; opacity: 0; pointer-events: none; transition: all 0.5s;} .form3_kuang{ position: absolute; right: -73%; top: 50%; transform: translateY(-50%); z-index: 2; background: #fff; width: 73%; transition: all 0.5s ease-in;} .form3_head{ position: relative; background: #1e2e53; color: #fff; height: 90px; line-height: 90px; font-size: 0;} .form3_head span{ display: inline-block; font-size: 16px; color: #9fa0a0; background: #c81528; height: 90px; line-height: 90px; padding: 0 30px; vertical-align: top;} .form3_head span a{ color: #9fa0a0; transition: all 0.3s;} .form3_head span a:hover{ color: #fff;} .form3_head strong{ font-weight: normal; font-size: 20px; font-weight: bold; padding: 0 30px; height: 90px; line-height: 90px; display: inline-block;} .form3_head strong img{ display: inline-block; margin-right: 15px;} .form3_head span i{ display: inline-block; margin-right: 10px;} .form3_content{ min-height: 50vh; padding: 5% 0; background: url(../images/Localization4_03.jpg) center no-repeat; background-size: cover;} .form3_content h2{ font-size: 36px; margin-top: 0; color: #1e2e53; font-weight: bold;} .form3_content h4{ font-size: 18px; color: #595757; margin-bottom: 20px;} .form3_content h5{ font-size: 16px; color: #595757; margin-top: 20px;} .form3_content h5 a{ color: #c81528; text-decoration: underline !important; display: inline-block;} .form3_content .form-group .form-control{ font-size: 16px; border-radius: 20px; padding: 12px 20px; } .form3_content .form-group input.form-control{ height: 40px;} .form3_content .form-group .btn{ font-weight: bold; padding-left: 50px; padding-right: 50px; background: #1e2e53; color: #fff; height: 45px; border-radius: 25px; margin-right: 15px; font-size: 16px;} .form3_content .form-group .btn.hui{ background: #9fa0a0;} .form3_close{ position: absolute; right: calc(100% + 15px); top: 50%; transform: translateY(-50%); width: 60px; height: 60px; text-align: center; border: 2px solid #fff; line-height: 54px; border-radius: 50%;} .form3_close i{ display: inline-block; font-size: 24px; line-height: 54px;} .ty_nbiao{ font-size: 36px; color: #000004; font-weight: bold; margin-bottom: 30px;} .ty_nbiao span{ display: block; font-size: 30px; color: #595757; } .nloca .ty_content{ } .nloca .ty_content p{ font-size: 18px; line-height: 30px;} .loca_img{ position: relative; margin: 30px 0;} .loca_img ul{ position: absolute; width: 100%; z-index: 2; bottom: 0; padding: 6% 0; display: flex; display: -webkit-flex; align-items: flex-start; flex-wrap: wrap; justify-content: center; background-image: linear-gradient(rgba(30,46,83,0), rgba(30,46,83,0.8), rgba(30,46,83,0.9), rgba(30,46,83,1)); } .loca_img ul li{ width: 30%; text-align: center; font-size: 18px; color: #fff;} .loca_img ul li span{ display: block; font-size: 60px; font-weight: bold;} .loca_contact{display: flex; display: -webkit-flex; align-items: flex-start; flex-wrap: wrap; justify-content: center; } .loca_contact .caption{ margin: 0 5%; width: 40%; font-size: 24px; font-weight: bold;} .loca_contact .caption h3{ padding-left: 80px; position: relative; line-height: 34px; margin-bottom: 60px;} .loca_contact .caption h3 a{ transition: all 0.3s; color: #1e2e53;} .loca_contact .caption h3 a:hover{ color: #337ab7;} .loca_contact .caption h3 img{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .loca_contact .caption h3 a.btn{ background: #1e2e53; padding: 0 40px; height:60px; border-radius: 30px; line-height: 60px; color: #fff;} .loca_img .swiper0 .swiper-slide{ padding-top: 56%;} .loca_img .swiper0 .swiper-button-next0{ width: 44px; height: 44px; text-align: center; line-height: 44px; background: rgba(255,255,255,0.65); color: #fff; right: 0;} .loca_img .swiper0 .swiper-button-prev0{ width: 44px; height: 44px; text-align: center; line-height: 44px; background: rgba(255,255,255,0.65); color: #fff; left: 0;} .loca_img .swiper0 .swiper-button-next0 i, .loca_img .swiper0 .swiper-button-prev0 i{ color: #1e2e53; line-height: 44px; display: inline-block; font-size: 24px;} .n_kit .ty_nbiao{ padding-left: 5%;} .n_kit .panel:first-child{ border-top: 1px solid #dedede;} .n_kit .panel{ border-left: none; border-right: none; border-top: none; margin: 0; box-shadow: none; border-radius: 0;} .n_kit .panel .panel-heading{ padding: 0; background: none; border: none;} .n_kit .panel .panel-heading a{ padding-left: 5%; padding-right: 100px; padding-top: 2.5%; padding-bottom: 2.5%; display: block; position: relative; font-size: 24px; line-height: 36px; color: #000004;} .n_kit .panel .panel-heading a i{ position: absolute; right: 30px; top: 50%; font-size: 18px; transform: translateY(-50%); z-index: 2; width: 50px; height: 50px; line-height: 50px; text-align: center; transition: all 0.3s; color: #fff; background: #1e2e53; border-radius: 50%; display: block;} .n_kit .panel .panel-heading a.collapsed i{ background: transparent; color: #1e2e53; transform: rotateX(180deg) translateY(50%);} .n_kit .panel .panel-body{ padding-left: 5%; border-top: none !important;} .n_kit .csr_li{ padding: 0; margin-bottom: 40px;} .n_kit .csr_li .scr_text h3{ font-size: 18px;} .n_kit .csr_li:hover{ box-shadow: none;} .need_more{ padding-left: 5%; margin: 8% 0;} .need_more h2{ font-size: 36px; color: #1e2e53; font-weight: bold;} .need_more h4{ font-size: 18px; color: #595757; line-height: 30px;} .needmore_a{ margin-top: 40px;} .needmore_a a{ height: 60px; width: 260px; border-radius: 30px; background: #1e2e53; color: #fff; line-height: 60px; text-align: center; display: inline-block; margin-right: 30px; font-size: 16px; font-weight: bold;} .needmore_a a:last-child{ background: #fff; color: #1e2e53; box-shadow: 0px 0px 8px rgba(30,46,83,0.2);} .left_new{ border-bottom: 1px solid #dedede; padding: 10px 0;} .left_new h5{ font-size: 16px; color: #9fa0a0; line-height: 24px; } .left_new p{ font-size: 16px; color: #595757; line-height: 24px; } .ny_left h2.hui{ margin-top: 80px; margin-bottom: 0; color: #595757; padding-bottom: 10px; border-bottom: 5px solid #bfbfbf;} .nab_h3{ color: #000004; font-size: 24px; line-height: 36px; margin-bottom: 30px;} .ty_content{} .ty_content a{ text-decoration: underline !important;} .ty_content p{ font-size: 16px; color: #595757; margin: 20px 0; word-wrap:break-word;} .ty_content.new_ty p, .ty_content.new_ty h1, .ty_content.new_ty h2, .ty_content.new_ty h4, .ty_content.new_ty h5, .ty_content.new_ty h6, .ty_content.new_ty span, .ty_content.new_ty strong, .ty_content.new_ty b, .ty_content.new_ty i, .ty_content.new_ty em {font-family: 'GOTHAM-MEDIUM' !important; font-size: 16px !important; color: #595757 !important; margin: 20px 0 !important; word-wrap:break-word !important;} .ty_content.new_ty a{ text-decoration: underline !important; color:#337ab7 !important;} .ty_content.new_ty a:hover{ color: #23527c !important;} .ty_content.new_ty a span{ color:#337ab7 !important;} .ty_content.new_ty a:hover span{ color: #23527c !important;} .nab_business{ background: url(../images/About-1A_04.jpg) center no-repeat; background-size: cover; padding: 30px 0;} .nab_business .ty_nbiao2{ margin-top: 50px;} .ty_nbiao2{ margin: 30px 0; font-size: 24px;} .ty_nbiao2 span{ color: #1e2e53; display: inline-block; position: relative; font-weight: bold;} .ty_nbiao2 span:after{ content: ''; width: 90px; height: 1px; background: #1e2e53; position: absolute; right: calc(100% + 20px); top: 50%; transform: translateY(-50%);} .ty_nbiao2 span:before{ content: ''; width: 90px; height: 1px; background: #1e2e53; position: absolute; left: calc(100% + 20px); top: 50%; transform: translateY(-50%);} .nab_business h4{ font-size: 26px; color: #1e2e53; font-weight: bold;line-height: 40px;} .nab_value ul{display: flex; display: -webkit-flex; align-items: stretch; flex-wrap: wrap; justify-content: flex-start;} .nab_value ul li{ width: 19.2%;background: #fff; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); padding: 30px 0; margin-right: 1%;} .nab_value ul li:last-child{ margin-right: 0;} .nab_value ul li span{font-weight: bold; font-size: 24px; display: block; text-align: center; color: #595757; line-height: 30px; transition: all 0.3s;} .nab_value ul li i{ width: 70px; height: 70px; display: block; margin: 0 auto; position: relative;} .nab_value ul li i img{ width: 100%; display: block; transition: all 0.3s;} .nab_value ul li i img:last-child{ position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.3s;} .nab_value ul li:hover span{ color: #1e2e53;} .nab_value ul li:hover i img:first-child{ opacity: 1;} .nab_value ul li:hover i img:last-child{ opacity: 1;} .nab_model{ text-align: center;} .nab_model>div{ display: inline-block; position: relative; font-size: 24px;font-weight: bold; max-width: 65%;} .nab_model>div span{ color: #c81528; position: absolute; top: 47%; transform: translateY(-50%) translateX(-50%); left: 50%; display: inline-block; text-align: center; z-index: 4;} .nab_model>div img{ display: block; width: 100%;} .nab_model>div ul{ width: 100%; height: 100%; left: 0; top: 1%; position: absolute; z-index: 10;} .nab_model>div ul li{ position: absolute; display: inline-block; color: #595757; white-space: nowrap; transition: ease-out 0.5s;} .nab_model>div ul li:nth-child(1){ right: 88%; top: 59%; text-align: right;} .nab_model>div ul li:nth-child(2){ left: 88%; top: 59%; text-align: left;} .nab_model>div ul li:nth-child(3){ left: 50%; transform: translateX(-50%); top: 0;} .nab_model>div i{ display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3;} .nab_model>div ul li:hover{ color: #1e2e53;} .nab_model>div ul li:hover:after{ opacity: 1;} .nab_model>div ul li.active0 i{ transform: rotate(0);} .nab_model>div ul li.active1 i{ transform: rotate(150deg);} .nab_model>div ul li.active2 i{ transform: rotate(265deg);} .nab_model>div ul li:after{ content: ''; position: absolute; width: 37px; height: 37px; background: url(../images/jian.png) center no-repeat; background-size: cover; opacity: 0; transition: all 0.3s;} .nab_model>div ul li:nth-child(1):after{ left: 100%; top: 50%; transform: translateY(-50%);} .nab_model>div ul li:nth-child(2):after{ right: 100%; top: 50%; transform: translateY(-50%) rotate(180deg);} .nab_model>div ul li:nth-child(3):after{ top: 100%; left: 50%; transform: translateX(-50%) rotate(90deg);} .yuan1, .yuan2{ position: absolute; top: 0; left: 0; z-index: 2;} .yuan1{-webkit-animation: xuanzhuan1 5s linear infinite; animation: xuanzhuan1 5s linear infinite} .yuan2{-webkit-animation: xuanzhuan2 5s linear infinite; animation: xuanzhuan2 5s linear infinite} @-webkit-keyframes xuanzhuan1 { 0% { transform: rotate(0);} 100% { transform: rotate(-360deg);} } @keyframes xuanzhuan1 { 0% { transform: rotate(0);} 100% { transform: rotate(-360deg);} } @-webkit-keyframes xuanzhuan2 { 0% { transform: rotate(0);} 100% { transform: rotate(360deg);} } @keyframes xuanzhuan2 { 0% { transform: rotate(0);} 100% { transform: rotate(360deg);} } .nab_sales{ margin-bottom: 30px;} .nab_sales>h3{ font-size: 24px; color: #1e2e53; border-bottom: 1px solid #Dedede; padding: 0 20px; padding-bottom: 10px;} .nab_sales .ty_content{ margin: 0 20px;} .smas_right.nab_join{ width: 100%;} .smas_right.nab_join .form-group .btn{ font-weight: bold; padding-left: 50px; padding-right: 50px; background: #1e2e53; color: #fff; height: 45px; border-radius: 25px; font-size: 16px; margin: 0 15px;} .smas_right.nab_join .form-group .btn.hui{ background: #9fa0a0;} .join_file input#file{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0;} .join_file i{ position: absolute; right: 15px; top: 50%; transform: translateY(-50%); display: inline-block; font-size: 20px; color: #1e2e53;} .nab_career .panel{ border: none; margin: 0; box-shadow: none; border-radius: 0;} .nab_career .panel .panel-heading{ padding: 0; background: none; border: none;} .nab_career .panel .panel-heading a{ padding-left: 6%; padding-right: 150px; padding-top: 2.5%; padding-bottom: 2.5%; display: block; position: relative; background: url(../images/About-5_03.jpg) center no-repeat; background-size: cover;} .nab_career .panel .panel-heading a h2{ margin-top: 0; font-size: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; color: #1e2e53;} .nab_career .panel .panel-heading a h4{ margin-bottom: 0; color: #595757; font-size: 16px; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; /* height: 60px; */ } .nab_career .panel .panel-heading a i{ position: absolute; right: 60px; top: 50%; font-size: 18px; transform: translateY(-50%); z-index: 2; width: 50px; height: 50px; line-height: 50px; text-align: center; transition: all 0.3s; color: #fff; background: #1e2e53; border-radius: 50%; display: block;} .nab_career .panel .panel-heading a.collapsed i{ transform: rotateX(180deg) translateY(50%);} .nab_career .panel .panel-body{ padding: 20px 0; border-top: none !important;} .nab_career ul{display: flex; display: -webkit-flex; align-items: stretch; flex-wrap: wrap; justify-content: flex-start;} .nab_career ul li{ width: 48%; transition: all 0.3s;} .nab_career ul li:nth-child(2n){ margin-left: 4%;} .nab_career ul li a{ display: block; padding: 15px 12%; position: relative; color: #595757; transition: all 0.3s;} .nab_career ul li a span{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; font-size: 18px;} .nab_career ul li a i{ position: absolute; right: 40px; top: 50%; transform: translateY(-50%); z-index: 2; color: #1e2e53; font-size: 30px; opacity: 0; transition: all 0.3s;} .nab_career ul li:hover{ box-shadow: 0px 0px 8px rgba(0,0,0,0.1);} .nab_career ul li:hover a i{ opacity: 1; right: 30px;} .nab_career ul li:hover a{ color: #1e2e53;} .new_ss{display: flex; display: -webkit-flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 30px;} .new_ss .form-group{ margin-bottom: 0; position: relative; width: 31.25%; margin-right: 3.125%;} .new_ss .form-group span.bs-caret{ display: none !important;} .new_ss .form-group .btn-group.form-control{ height: auto; box-shadow: none;} .new_ss .form-group:nth-child(3n){ margin-right: 0;} .new_ss .form-group i{ right: 20px; top: 50%; transform: translateY(-50%); z-index: 99; position: absolute;} .new_ss .form-group input, .new_ss .form-group button{ outline: none; border-radius: 20px; padding: 0 20px; height: 40px; border: 1px solid #a7a7a7;} .new_ss ul{ position: absolute; z-index: 2; top: 100%; left: 0; width: 100%; border-radius: 4px; background: #fff; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); padding: 10px 0; display: none; max-height: 300px; overflow: auto;} .new_ss ul li{ padding: 0 20px; cursor: pointer; line-height: 36px; font-size: 16px;} .new_ss ul li:hover{ background: #f6f6f6;} /* new 20220704 */ .new_ss.new_ss_xin .form-group{ width: 48%; margin-right: 4%;} .new_ss.new_ss_xin .form-group:nth-child(3n){ margin-right: 4%;} .new_ss.new_ss_xin .form-group:nth-child(2n){ margin-right: 0;} .xin_2274{ margin: 30px 0;} .xin_2274 ul{display: flex; display: -webkit-flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; } .xin_2274 ul li{ position: relative; color: #fff; background: #000; width: 24.5%; font-weight: bold; overflow: hidden;} .xin_2274 ul li::after{content: ''; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; z-index: 2; background-image: linear-gradient(to bottom, rgba(30,46,83,0), rgba(30,46,83,0.9), rgba(30,46,83,1));} .xin_img{ padding-top: 130%; display: block; opacity: 0.67; transition: all 0.3s ease;} .xin_title{ width: 100%; padding: 0 5%; text-align: center; font-size: 28px; position: absolute; bottom: 10%; z-index: 3; left: 0;} .xin_title em{ font-style: normal;} .xin_title i{ width: 2px; display: block; background: rgba(255,255,255,0.65); margin: 0 4%;} .xin_2274 ul li:nth-child(2) .xin_title, .xin_2274 ul li:nth-child(3) .xin_title{ font-size: 36px;} .xin_2274 ul li:nth-child(4) .xin_title{ text-align: left; display: flex; font-size: 18px; display: -webkit-flex; align-items: stretch; flex-wrap: wrap; justify-content: center;} .xin_2274 ul li span{ top: 20%; left: 0; position: absolute; display: block; width: 100%; text-align: center; font-size: 24px; z-index: 3;} .xin_2274 ul li span i{ font-size: 70px; display: block; margin: 0 auto;} /* .xin_2274 ul li span img{ display: block; margin: 0 auto;} */ .xin_2274 ul li:hover .xin_img{ transform: scale(1.05);} .xin_flex{display: flex; display: -webkit-flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start;} .xin_left{ position: relative; width: 50%; cursor: pointer;} .xin_left i{ position: absolute; left: 50%; top: 50%; z-index: 2; transform: translateX(-50%) translateY(-50%); color: #fff; opacity: 0.65; transition: all 0.3s;} .xin_left video{ width: 100%; height: 490px;} .xin_left iframe{ width: 100%; height: 490px;} .xin_left:hover i{ opacity: 1;} .xin_right{ width: 50%; padding-left: 3%;} /* new 20220704 */ .nnew_list{display: flex; display: -webkit-flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start; } .nnew_li{ width: 31.25%; margin-right: 3.125%; margin-bottom: 30px; transition: all 0.3s;} .nnew_list .nnew_li:nth-child(3n){ margin-right: 0;} .nnew_img{ padding-top: 66%;} .nnew_text{ background: #fff; padding: 15px 20px; } .nnew_text h4{ color: #1e2e53; margin-top: 0; line-height: 24px;} .nnew_text h5{ margin-bottom: 20px; color: #9fa0a0;} .nnew_text h5 i{ margin-right: 10px; display: inline-block;} .nnew_text p{ line-height: 24px; color: #9fa0a0;} .nnew_li:hover{box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);} .nnew_more{ padding: 0 2%; padding-bottom: 15px; border-bottom: 1px solid #dedede; color: #9fa0a0; position: relative;} .nnew_more span{ transition: all 0.3s; margin-right: 40px; display: inline-block; font-size: 16px;} .nnew_more span i{ display: inline-block; margin-right: 10px; font-size: 1px;} .nnew_fx{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 2; font-size: 16px; color: #1e2e53; padding-left: 5px;} .nnew_fx i{ display: inline-block; margin-right: 10px; font-size: 18px;} .nnew_more span:hover{ color: #1e2e53;} .nnew_fx>div{ opacity: 0; position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; z-index: 2;} .nnew_swiper{display: flex; display: -webkit-flex; align-items: stretch; flex-wrap: wrap; justify-content: center;} .nnew_swiper_left{ width: 62.5%;} .nnew_swiper_right{ width: 9%; margin-left: 20px; position: relative;} .nnew_swiper .swiper2{ height: 75%;} .nnew_swiper .swiper1 .swiper-slide{ padding-top: 56%; display: block; position: relative;} .nnew_swiper .swiper1 .swiper-slide .fd_more{ position: absolute; right: 0; bottom: 0;} .nnew_swiper .swiper1 .swiper-slide .fd_more a{ color: #fff; width: 60px; height: 60px; text-align: center; line-height: 60px; display: block;} .nnew_swiper .swiper1 .swiper-slide .fd_more a i{ font-size: 24px; display: inline-block; transition: all 0.3s;} .nnew_swiper .swiper2 .swiper-slide{ background: #fff;} .nnew_swiper .swiper2 .swiper-slide a{ opacity: 0.5; height: 100%; display: block; position: relative; transition: all 0.3s;} .nnew_swiper .swiper2 .swiper-slide.swiper-slide-thumb-active a{ opacity: 1;} .nnew_swiper_right .fd_more.fd_more_1{ top: 20%;} .nnew_swiper_right .fd_more.fd_more_2{ top: 40%;} .nnew_swiper_right .fd_more.fd_more_3{ top: 60%;} .nnew_swiper_right .fd_more.fd_more_4{ top: 80%;} .nnew_swiper_right .fd_more.fd_more_5{ top: 80%;} .nnew_swiper_right .fd_more.fd_more_6{ top: 80%;} .nnew_swiper_right .fd_more.fd_more_7{ top: 80%;} .nnew_swiper_right .fd_more.fd_more_8{ top: 80%;} .nnew_swiper_right .fd_more.fd_more_9{ top: 80%;} .nnew_swiper_right .fd_more.fd_more_10{ top: 80%;} .nnew_swiper_right .fd_more{ width: 70px; height: 70px; text-align: center; display: block; margin: 0 auto; position: absolute; top: 80%; left: 50%; transform: translateX(-50%); z-index: 2;} .nnew_swiper_right .fd_more a{ border: 1px solid #dedede; display: block; width: 100%; height: 100%; position: relative; border-radius: 50%; transition: all 0.3s;} .nnew_swiper_right .fd_more a:after{ content: ''; width: 20px; height:1px; background: #ccc; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); position: absolute; transition: all 0.3s;} .nnew_swiper_right .fd_more a:before{content: ''; width: 1px; height:20px; background: #ccc; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); position: absolute; transition: all 0.3s;} .nnew_swiper .swiper1 .swiper-slide .fd_more a:hover i{ transform: scale(1.3);} .nnew_swiper_right .fd_more a:hover{ border-color: #1e2e53;} .nnew_swiper_right .fd_more a:hover:after, .nnew_swiper_right .fd_more a:hover:before{ background: #1e2e53; transform: translateX(-50%) translateY(-50%) rotate(180deg) scale(1.3);} .nnew_foot{ margin: 50px 0;} .nnew_content{ padding: 0 2%;} .nnew_foot_more{ padding: 15px 2%; font-size: 16px; color: #1e2e53; border-bottom: 1px solid #dedede; position: relative;} .nnew_foot_more a{ margin: 0 15px; color: #1e2e53;} .nnew_foot_more a:first-child{ margin-left: 0;} .nnew_foot_moore a:last-child{ margin-right: 0;} .fanye02{ padding: 15px 2%; font-size: 16px;display: flex; display: -webkit-flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; } .fanye02 a{ width: 40%; display: block; color: #000004; transition: all 0.3s;} .fanye02 a:nth-child(2){ width: 20%; text-align: center;} .fanye02 a:last-child{ text-align: right;} .fanye02 a i{ display: inline-block; font-size: 14px;} .fanye02 a:hover{ color: #1e2e53;} .nnew_send{ color: #1e2e53; width: 60%; margin: 0 auto;} .nnew_send h2{ font-weight: bold;} .nnew_send h4{ color: #898989;} .nnew_send .form-group{ position: relative; margin-top: 30px;} .nnew_send .form-group input{ border-radius: 22px; height: 44px; font-size: 16px; padding-left: 22px; padding-right: 110px;} .nnew_send .form-group button{ position: absolute; right: 0; top: 0; height: 44px; width: 110px; border-radius: 22px; background: #1e2e53; color: #fff; font-weight: bold; font-size: 16px; outline: none; border: none;} .bg_biao1, .bg_biao2{ margin: 30px 0; margin-top: 50px;} .bg_biao1 span{ display: inline-block; border-bottom: 1px solid #1e2e53; color: #1e2e53; font-size: 24px; font-weight: bold;} .bg_biao2{ position: relative;} .bg_biao2 span{ padding: 0 40px; display: inline-block; background: #fff; color: #1e2e53; font-size: 24px; font-weight: bold;} .nnew_chall, .nnew_solu{ margin-top: 50px; padding: 0 2%; border: 1px solid #dedede; border-radius: 6px; padding-bottom: 20px;} .nnew_chall .bg_biao2, .nnew_solu .bg_biao2{ margin: 0px; transform: translateY(-50%);} .nnew_chall ul{display: flex; display: -webkit-flex; align-items: stretch; flex-wrap: wrap; justify-content: center;} .nnew_chall ul li{ width: 30%; margin-right: 5%; font-size: 18px; color: #898989; padding-left: 25px; padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.3s;} .nnew_chall ul li:after{ transition: all 0.3s; content: ''; width: 8px; height: 8px; background: #898989; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .nnew_chall ul li:nth-child(3n){ margin-right: 0;} .nnew_chall ul li:hover{ color: #1e2e53;} .nnew_chall ul li:hover:after{ background: #1e2e53;} .ty_content:after{ content: ''; clear: both; display: table;} .oem_cpi h4{ margin-top: 20px; color: #1e2e53;} .oem_cpi h4 a{ color: #1e2e53; transition: all 0.3s; margin: 0 5px; display: inline-block;} .oem_cpi h4 a:hover{ color: #c81528;} .oem_ul{ margin: 50px 0;} .oem_ul ul{display: flex; display: -webkit-flex; align-items: stretch; flex-wrap: wrap; justify-content: flex-start;} .oem_ul ul li{ width: 40%; margin: 15px 5%; display: flex; display: -webkit-flex; align-items: center; flex-wrap: wrap; justify-content: flex-start;} .oem_ul ul li img{ width: 111px; display: block; margin-right: 19px;} .oem_ul_text{ width: calc(100% - 130px); } .oem_ul_text h4{ color: #1e2e53; line-height: 24px; font-weight: bold;} .oem_ul_text p{ color: #898989; line-height: 24px; font-size: 16px;} .oem_lc{ padding: 40px 10%;} .oem_lc ul li h2{ margin: 0; font-weight: bold; color: #1458e4;} .oem_lc ul li h4{ font-size: 18px; line-height: 30px; color: #898989;} .oem_lc ul li .cai_xian2{ width: 1px; height: 0; position: absolute;; left: 50%; transform: translateX(-50%); top: 8px; background: #1458e4;} .oem_lc ul li{ padding-left: 60%; margin-top: -20px; position: relative;} .oem_lc ul li:nth-child(2n){ padding-right: 60%; padding-left: 0; text-align: right;} .oem_lc ul li:first-child{ margin-top: 0;} .oem_lc ul li:after{ content: ''; width: 20px; height: 20px; border-radius: 50%; background: #1458e4; position: absolute; left: 50%; top: 8px; transform: translateX(-50%);} .oem_lc ul li i{ width: 20px; height: 20px; display: block; position: absolute; left: 50%; top: 8px; transform: translateX(-50%) scale(2.5); opacity: 0.05; border-radius: 50%; background: #1458e4; transition: all 0.5s;} .oem_lc ul li.cur i{ transform: translateX(-50%) scale(3.5); opacity: 0.15;} .oem_lc ul li::before{ content: ''; width: 1px; height: 100%; background: #eee; position: absolute; left: 50%; transform: translateX(-50%); top: 8px;} .oem_lc ul li:last-child::before{ display: none;} .oem_lc ul li:last-child .cai_xian2{ display: none;} .n_contact{display: flex; display: -webkit-flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start; padding-top: 20px;} .lx_left{ width: 52%; margin-right: 5%;} .lx_left h2{ color: #1e2e53; font-weight: bold; margin-top: 0; margin-bottom: 40px;} .lx_left h4{ font-weight: bold; color: #595757; font-size: 24px; margin-bottom: 30px; line-height: 30px;} .lx_left h4 span{ font-size: 18px; display: block; color: #9fa0a0;} .n_contact .smas_right { width: 43%;} .n_contact .smas_right h4{ color: #c81528; margin-top: 0; margin-bottom: 20px; font-weight: bold; } .n_contact .smas_right h3{ color: #595757; margin: 10px 0; margin-bottom: 30px; font-size: 20px; } .lx_ico a{ width: 40px; height: 40px; margin-right: 10px; background: #1e2e53; border-radius: 50%; color: #fff; text-align: center; transition: all 0.3s; display: inline-block;} .lx_ico a i{ line-height: 40px; font-size: 18px;} .lx_ico a:hover{ background: #c81528;} .sale_flex{display: flex; display: -webkit-flex; align-items: center; flex-wrap: wrap; justify-content: flex-start;} .sale_left{ width: 50%;} .sale_right{ width: 42%; margin-left: 8%;} .sale_yuan{ display: inline-block; position: relative;} .sale_yuan img{ display: block; width: 100%;} .sale_yuan i{ position: absolute; left: 0; top: 0; display: block;} .sale_yuan.cur_1 i{ transform: rotate(0); transition-duration:0.8s;} .sale_yuan.cur_2 i{ transform: rotate(92deg); transition-duration:0.8s;} .sale_yuan.cur_3 i{ transform: rotate(182deg); transition-duration:0.8s;} .sale_yuan.cur_4 i{ transform: rotate(270deg); transition-duration:0.8s;} .sale_yuan.cur_5 i{ transform: rotate(-90deg); transition-duration:0s;} .sale_right .swiper0 .swiper-slide a{ display: block; padding-top: 56.8%; border-radius: 12px; overflow: hidden;} .sale_fanye{ text-align: right; margin-top: 5px;} .sale_fanye .swiper-button-next0, .sale_fanye .swiper-button-prev0{ position: static; display: inline-block; width: 28px; height: 28px; margin: 0; margin-left: 5px; line-height: 28px; border-radius: 50%; background: #4a4a4a; color: #fff; text-align: center; vertical-align: middle; outline: none;} .sale_fanye .swiper-button-next0, .sale_fanye .swiper-button-prev0 i{ display: inline-block; line-height: 28px; font-size: 14px;} .sale_after{ padding-top: 100px; padding-bottom: 140px;} .sale_after ul{ width: 240px; height: 240px; position: relative; margin: 0 auto;} .sale_after ul li{ position: absolute; width: 100%; height: 100%; border-radius: 50%; background: rgba(211,211,211,0.77); text-align: center; transition: all 0.5s;} .sale_after ul li.active1{ left: 50%; top: -30%; transform: translateX(-50%); background: #023681; z-index: 3; opacity: 1;} .sale_after ul li.active2{ left: -45%; top: 50%; z-index: 2;} .sale_after ul li.active3{ left: 45%; top: 50%; z-index: 1;} .sale_after ul li{ padding-top: 20%;} .sale_after ul li span{ font-size: 24px; font-weight: bold; display: block; line-height: 30px; margin-bottom: 20px; color: #1e2e53;} .sale_after ul li i{ width: 50px; display: block; margin: 0 auto; position: relative;} .sale_after ul li i img{ transition: all 0.3s; display: block; width: 100%;} .sale_after ul li i img:last-child{ opacity: 0; position: absolute; top: 0; left: 0;} .sale_after ul li.active1 span{ color: #fff;} .sale_after ul li.active1 i img:first-child{ opacity: 0;} .sale_after ul li.active1 i img:last-child{ opacity: 1;} .sale_on{ padding: 180px 0;} .sale_on ul{ width: 240px; height: 240px; position: relative; margin: 0 auto;} .sale_on ul li{ position: absolute; width: 100%; height: 100%; border-radius: 50%; background: rgba(211,211,211,0.77); text-align: center; transition: all 0.5s;} .sale_on ul li.active1{ left: 50%; top: -60%; transform: translateX(-50%); background: #023681; z-index: 4; opacity: 1;} .sale_on ul li.active2{ left: -60%; top: 50%; transform: translateY(-50%); z-index: 3;} .sale_on ul li.active3{ left: 50%; top: 60%; transform: translateX(-50%); z-index: 2;} .sale_on ul li.active4{ left: 60%; top: 50%; transform: translateY(-50%); z-index: 1;} .sale_on ul li{ padding-top: 20%;} .sale_on ul li span{ font-size: 24px; font-weight: bold; display: block; line-height: 30px; color: #1e2e53;} .sale_on ul li i{ width: 80px; display: block; margin: 0 auto; position: relative;} .sale_on ul li i img{ transition: all 0.3s; display: block; width: 100%;} .sale_on ul li i img:last-child{ opacity: 0; position: absolute; top: 0; left: 0;} .sale_on ul li.active1 span{ color: #fff;} .sale_on ul li.active1 i img:first-child{ opacity: 0;} .sale_on ul li.active1 i img:last-child{ opacity: 1;} .sale_tsc{ text-align: center;} .sale_tsc div{ display: inline-block; position: relative;} .sale_tsc div ul{ position: absolute; left: 0; width: 100%; top: 0; height: 100%; z-index: 2;} .sale_tsc div ul li{ position: absolute; display: inline-block; text-align: center;} .sale_tsc div ul li:nth-child(3) span, .sale_tsc div ul li:nth-child(4) span{ top: calc(100% + 5px); bottom: auto;} .sale_tsc div ul li span{ font-weight: bold; display: block; font-size: 30px; color: #1e2e53; position: absolute; bottom: calc(100% + 5px); white-space: nowrap; left: 50%; transform: translateX(-50%); transition: all 0.3s;} .sale_tsc div ul li i{ width: 110px; height: 110px; border-radius: 50%; background: #1e2e53; display: block; margin: 0 auto; position: relative; padding: 10px; background: #fff; border: 1px dashed #bfcfe4;} .sale_tsc div ul li i img{ display: block; width: 100%; position: relative; z-index: 3; transition: all 0.5s;} .sale_tsc div ul li i:after{ content: ''; width: 90px; height: 90px; border-radius: 50%; background: #1e2e53; position: absolute; left: 10px; top: 10px; z-index: 2; transition: all 0.3s;} .sale_tsc div ul li:nth-child(1){ left: 8%; top: 5%;} .sale_tsc div ul li:nth-child(2){ right: 8%; top: 5%;} .sale_tsc div ul li:nth-child(3){ right: 8%; bottom: 5%;} .sale_tsc div ul li:nth-child(4){ left: 8%; bottom: 5%;} .sale_tsc div ul li.active span{ color: #c81528;} .sale_tsc div ul li.active i img{ transform: rotateY(360deg);} .sale_tsc div ul li.active i:after{ background: #c81528;} .search_zhong{ padding: 50px 0;} .search_zhong .pro_list .pro_li, .search_zhong .nnew_list .nnew_li{ width: 24%; margin-right: 1.33%;} .search_zhong .pro_list .pro_li:nth-child(4n), .search_zhong .nnew_list .nnew_li:nth-child(4n){ margin-right: 0;} .search_ul{ border-bottom: 1px solid #dedede; margin: 30px 0;} .search_ul li{ display: inline-block; margin-right: 10px; position: relative;} .search_ul li a{ padding: 10px 15px; display: inline-block; font-size: 24px; font-weight: bold; color: #1e2e53;} .search_ul li.active:after{ content: ''; width: 60%; height: 5px; background: #c81528; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 2;} .search_zhong h3{ color: #09397a;} .search_zhong h3 span{ font-size: 18px; color: #666; margin-left: 30px;} .search_zhong h1{ margin-bottom: 20px; margin-top: 50px; position: relative; font-weight: bold;} .search_zhong h1 a{ position: absolute; right: 0; bottom: 0; font-size: 18px; display: inline-block; padding: 8px 30px; border-radius: 24px; border: 1px solid #1e2e53; color: #1e2e53;} /* 通用样式 */ .dw{ position: relative;} .ty_content p{ font-size: 14px; color: #666; line-height: 24px;} .ty_content img{ max-width: 100%;} .tabel_content table{ max-width: 100% !important;} #code{ transform: translateY(-2px);} .fanye{ font-size: 0; margin: 20px 0;} .fanye a{ display:inline-block; padding:8px 14px; background:#f0f3f6; color:#333; text-decoration:none; margin: 0 1px; font-size: 14px; transition: all 0.3s;} .fanye a:hover{background:#9ea4ab; color:#fff;} .fanye a.active{ background:#9ea4ab; color:#fff;} .fanye a.active:hover{ color:#fff;} .fanye a.cur{ display: none;} #bsWXBox{height: 256px !important; width: 232px !important;} .my-map { margin: 0 auto; width: 100%; height: 500px; } .my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; } .amap-container{height: 100%;} .myinfowindow{width: 240px;min-height: 50px;} .myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; } .myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; } @media (max-width:767px){ .fudong{ display: none;} .header.ny.active{ height: 60px;} .header.ny.active .logo{ height: 60px;} .header.ny{ height: 60px; padding-top: 0;} .header.ny .logo{ height: 60px;} .header.ny .pc_nav ul li>a, .header.ny.active .pc_nav ul li>a{ line-height: 36px;} .erji{ background: none; position: static; opacity: 1; padding-left: 30px; box-shadow: none;} .erji .ej_li{ padding: 0;} .erji .ej_li>a{ line-height: 36px; color: rgba(255,255,255,0.85); padding: 0 10px; font-size: 14px; border-bottom: none; border-top: 1px solid rgba(255,255,255,0.3);} .erji .ej_li:hover>a{ color: rgba(255,255,255,0.85);;} .erji .ej_li>i{ display: none;} .sanji{ background: none; position: static; opacity: 1; box-shadow: none;} .sanji .sj_li{ padding: 0 10px;} .sanji .sj_li>a{ line-height: 30px; font-size: 12px; color: rgba(255,255,255,0.65); border: none; padding: 0 10px;} .sanji .sj_li:hover>a{ color: rgba(255,255,255,0.65);} .sanji .sj_li>i{ display: none;} .pc_nav.active .erji, .pc_nav.active .sanji{ pointer-events: auto;} .header{ height: 60px; top: 0; z-index: 99; background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.2);} .pc_seach{ display: none;} .pc_more{ top: calc(100% + 20px); right: 15px; transform: translateY(0); z-index:2; opacity: 0; pointer-events: none; transition: all 0.3s;} .pc_more.active{ opacity: 1; top: calc(100% + 10px); pointer-events: auto;} .pc_lang>a{ color: #fff; font-size: 14px;} .pc_lang>a i{ font-size: 14px;} .pc_lang>a i:last-child{ margin-left: 5px;} .pc_nav{ position: absolute; left: 0; top: 110%; width: 100%; background: #1e2e53; max-height: calc(100vh - 60px); overflow: auto; padding: 15px 0; opacity: 0; pointer-events: none; transition: all 0.3s;} .pc_nav.active{ top: 100%; opacity: 1; pointer-events: auto;} .logo{ position: static; width: auto; height: 60px; padding: 5px 0;} .header .container.cw{ padding: 0 15px;} .pc_nav ul{ width: 70%;} .pc_nav ul li>a{ padding-left: 30px; line-height: 36px; color: #fff; font-size: 16px; font-weight: normal; display: block; text-align: left;} .pc_nav ul li>a:after{ display: none;} /* .s_banner_kuang{ height: auto;} .s_banner{ position: static; height: auto;} .s_banner .swiper-slide{ height: 360px;} */ .ban_text span{ max-width: 100%; font-size: 24px;} .ban_text span strong{ font-size: 36px; line-height: 46px;} .s_about, .s_product, .s_setmap, .s_service, .s_case{ height: auto; padding-top: 100px; padding-bottom: 40px;} .sab_left, .sab_right{ width: 100%; padding: 0;} .s_biao{ top: 30px; font-size: 30px;} .sab_left h2{ font-size: 18px;} .sab_left h2 strong{ font-size: 20px;} .sab_left p{ font-size: 14px; margin-top: 15px; line-height: 20px; margin-bottom: 20px;} .s_more{ width: 160px; height: 40px; border-radius: 20px;} .s_more a { width: 160px; height: 40px; border-radius: 20px; line-height: 38px; font-size: 16px;} .s_more a i{ right: 20px; font-size: 20px;} .sc_bg{ display: none;} .sab_right .swiper1{ padding-top: 30px;} .sab_right .swiper1 ul li{ margin: 15px 0;} .sab_right .swiper1 ul li:nth-child(5), .sab_right .swiper1 ul li:nth-child(6), .sab_right .swiper1 ul li:nth-child(7), .sab_right .swiper1 ul li:nth-child(8){ margin-bottom: 15px;} .sab_right{ padding-top: 0;} .sab_left{ padding-top: 2%;} .sab_right .swiper1 ul li img{ max-width: 80%; max-height: 60px;} .s_product>.container{ position: static;} .spro_right h2{ font-size: 30px; text-align: center; color: #fff; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);} .spro_right>ul{ height: 40px; border-radius: 20px; width: 170px; margin-bottom: 20px; margin-top: 10px;} .spro_right>ul li{ width: 80px; line-height: 40px; font-size: 16px;} .spro_right>ul:after{ width: 90px; height: 40px;} .spro_right>ul.cur2:after{ left: 80px;} .spro_right{ width: 80%; margin: 0 auto;} .spro_form .form-group{ height: 40px; margin-bottom: 10px;} .spro_form .form-group .form-control{ height: 40px; font-size: 16px;} .spro_form .form-group button{ font-size: 14px; border-radius: 20px; height: 40px;} .spro_form .form-group button i{ font-size: 16px;} .smap_right{ width: 100%; position: static; transform: translateY(0); padding: 0; margin-bottom: 20px;} .smap_right h2{ margin-top: 0;} .smap_right h2 strong{ font-size: 24px;} .smap_right p { font-size: 14px; line-height: 20px; margin-top: 15px; margin-bottom: 20px;} .s_service h2{ font-size: 18px; margin-bottom: 20px;} .s_service .container.cw{ position: static; padding: 0 15px;} .s_service .s_biao .container.cw{ padding: 0 15px;} .seve_content ul{ width: 40%; margin-right: 5%; position: static;} .seve_content ul li{ margin: 0;} .seve_content ul li a{ font-size: 18px; line-height: 30px;} .seve_content .swiper2_1{ display: none;} .seve_content .swiper2{ width: 55%; margin-right: 0;} .seve_content .swiper2 .swiper-slide a span{ font-size: 16px;} .seve_fan { display: none;} .seve_fan, .seve_content .swiper2 .swiper-slide a span{ height: 60px;} .s_case{ padding-top: 20px;} .s_case .s_biao{ margin-bottom: 20px;} .s_case .swiper3 .swiper-slide{ width: 80%;} .scase_text h4{ line-height: 20px; font-size: 16px; padding-left: 60px; margin-bottom: 15px;} .scase_text p{ font-size: 14px; line-height: 20px; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);} .scase_text h4 img{ width: 40px; max-height: 40px;} .scase_ceng .scase_text h5{ font-size: 14px; padding-left: 60px; margin: 5px 0;} .scase_text{ padding: 0 4%;} .scase_a{ font-size: 14px;} .scase_a a i{ font-size: 12px;} .ceng_more{ left: 4%;} .smas_left, .smas_right{ width: 100%;} .smas_right .form-group{ margin-bottom: 10px;} .smas_right .form-group input.form-control, .smas_right .form-group select.form-control, .smas_right .form-group button, .smas_right .form-group .form-control{ font-size: 14px;} .smas_left h4{ font-size: 16px; line-height: 24px; margin-top: 15px;} .smas_left h2{ font-size: 30px; line-height: 30px; margin-bottom: 20px;} .smas_left h2 span{ padding-bottom: 10px;} .smas_right .form-group.msg_btn button.btn{ height: 40px;} .footer h4{ text-align: center;} .footer h4 a{ font-size: 14px; margin-right: 10px; margin-bottom: 5px;} .footer{ padding: 30px 0; padding-bottom: 15px;} .footer p{ font-size: 14px; margin-top: 10px; margin-bottom: 0; line-height: 22px; text-align: center;} .footer p a{ margin-left: 0;} .footer ul li a i{ font-size: 16px; line-height: 32px;} .footer ul li a{ width: 34px; height: 34px;} .foot_logo{ margin-bottom: 15px;} .foot_logo img{ max-width: 36%;} .links select{ height: 32px; font-size: 14px;} .links{ display: none; width: 150px; height: 34px; border-radius: 17px; margin-right: 15px; padding: 0 10px;} .s_product { background: url(../images/scp.webp) center no-repeat; background-size: cover;} .s_service { background: url(../images/seve.webp) center bottom no-repeat; background-size: contain;} .n_banner{ margin-top: 60px; background-attachment: scroll !important;} .n_banner .container{ font-size: 24px; line-height: 30px;} .n_zhong, .n_zhong2{ padding: 30px 0;} .weizhi{ font-size: 12px; margin-bottom: 30px;} .weizhi a{ font-size: 12px;} .weizhi i{ font-size: 14px;} .n_zhong .container{ position: relative;} .ny_left{ width: 60%; margin-right: 0; position: absolute; left: -60%; top: 25px; padding-left: 15px; background: #1e2e53; z-index: 10; border-top-right-radius: 4px; border-bottom-right-radius: 4px; transition: all 0.5s; } .ny_left.active{ left: 0; box-shadow: 0px 4px 12px rgba(0,0,0,0.3);} .shouji_nav{position: absolute; left: calc(100% + 1px); top: 0; padding: 4px 8px; border-radius: 4px; background: #1e2e53; color: #fff; white-space: nowrap;} .ny_left .tab-pane{ max-height: calc(100vh - 200px) !important;} .ny_left h2{ font-size: 18px; padding-top: 15px; margin-bottom: 0;} .ny_left h2 ul li a{ color: rgba(255,255,255,0.45);} .ny_left .caption h3{ font-size: 16px; margin: 15px 0; margin-bottom: 10px;} .ny_left .caption h3 a{ color: #fff;} .ny_left .caption{ margin-top: 15px;} .ny_left .caption ul li a{ font-size: 14px; color: rgba(255,255,255,0.65);} .ny_left .caption ul li{ margin: 3px 0;} .ny_left .caption ul li a{ padding-bottom: 3px;} .ny_right{ width: 100%; min-height: auto;} .nab_business{ padding: 15px 0;} .ty_nbiao{ font-size: 20px; margin-bottom: 15px;} .nab_business .ty_nbiao2{ margin-top: 15px;} .ty_nbiao2{ margin: 15px 0; font-size: 18px;} .nab_business h4{ font-size: 16px; line-height: 24px;} .ty_nbiao2 span:before, .ty_nbiao2 span:after{ width: 40px;} .ty_content p{ margin: 10px 0;} .nab_value ul { display: flex; display: -webkit-flex; align-items: stretch; flex-wrap: wrap; justify-content: center; } .nab_value ul li{ width: 31.5%; margin: 5px 0; padding: 15px 0; margin-right: 2%;} .nab_value ul li span{ font-size: 14px; line-height: 20px;} .nab_value ul li i{ width: 46px; height: 46px;} .nab_model>div{ max-width: 100%; font-size: 14px;} .nab_model>div ul li:nth-child(1){ left: 0; right: auto; top: 70%;} .nab_model>div ul li:nth-child(2){ right: 0; left: auto; top: 70%;} .nab_h3{ font-size: 18px; line-height: 24px; margin-bottom: 15px;} .jia_banner{ height: 60px;} .lc_li:after{ left: 8px; top: 8px;} .lc_li{ padding-left: 40px; padding-bottom: 40px;} .lc_left, .lc_right{ width: 100%;} .lc_right{ padding-top: 0px;} .lc_left h2{ font-size: 20px; margin-bottom: 15px;} .lc_left h3{ font-size: 18px; margin-top: 15px;} .lc_left h4{ font-size: 14px; line-height: 20px;} .lc_li .dian{ left: 8px; top: 2px; width: 16px; height: 16px;} .lc_li .cai_xian{ left: 8px; top: 8px;} .lc_right .ty_content h5{ font-size: 16px;} .lc_right .ty_content p{ font-size: 14px; line-height: 20px;} .nab_csr h2{ font-size: 24px; padding-left: 0;} .csr_li{ padding: 12px 0;} .csr_li:hover{ box-shadow: none;} .scr_text h3{ font-size: 16px; line-height: 22px;} .nab_career .panel .panel-heading a h2{ font-size: 18px;} .nab_career .panel .panel-heading a h4{ font-size: 14px; line-height: 20px;} .nab_career .panel .panel-heading a{ padding-right: 50px;} .nab_career .panel .panel-heading a i{ width: 30px; height: 30px; font-size: 14px; line-height: 30px; right: 15px;} .nab_career ul li{ width: 100%; border-bottom: 1px solid #dedede;} .nab_career ul li:nth-child(2n){ margin: 0;} .nab_career ul li a span{ font-size: 14px;} .nab_career ul li a{ padding: 5px 12%; padding-left: 15px;} .nab_career ul li a i{ opacity: 1; right: 15px; font-size: 16px;} .nab_career .panel .panel-body{ padding: 12px 0;} .nab_sales>h3{ font-size: 18px;} .smas_right.nab_join .form-group .btn{ padding-left: 30px; padding-right: 30px; margin: 0 5px; font-size: 14px; height: 40px;} .sale_left, .sale_right{ width: 100%;} .sale_right{ margin-left: 0;} .sale_after ul{ width: 160px; height: 160px;} .sale_after ul li span{ font-size: 16px; line-height: 24px; margin-bottom: 10px;} .sale_after ul li i{ width: 40px;} .sale_after{ padding-top: 60px; padding-bottom: 100px;} .lx_left, .n_contact .smas_right{ width: 100%; margin: 0;} .lx_left h2{ font-size: 18px; margin-bottom: 15px;} .lx_left h4{ font-size: 16px; margin-bottom: 15px; line-height: 24px;} .lx_left h4 span{ font-size: 14px;} .n_contact .smas_right{ padding-top: 40px;} .n_contact .smas_right h3{ font-size: 16px; margin-bottom: 20px;} .smas_right .form-group.msg_btn button{ height: 40px;} .n_map ul li i{ font-size: 14px;} .n_map .teams_map ul li strong{ font-size: 12px; top: calc(100% + 5px); line-height: 14px;} .n_map h5 span{ font-size: 14px; margin: 0 15px;} .n_map h5 span i{ font-size: 18px;} .nloca .ty_content p{ font-size: 14px; line-height: 24px;} .loca_img ul li{ font-size: 14px; width: 50%;} .loca_img ul li span{ font-size: 18px;} .loca_img{ margin: 15px 0;} .loca_contact{ margin-top: 30px;} .loca_contact .caption{ margin: 0; width: 100%; font-size: 16px;} .loca_contact .caption h3{ font-size: 16px; line-height: 24px; padding-left: 55px; margin-top: 0; margin-bottom: 30px;} .loca_contact .caption h3 img{ width: 40px;} .loca_contact .caption.chunb h3{ margin-top: -10px;} .loca_contact .caption h3 a.btn{ height: 46px; line-height: 46px;} .n_map ul li strong{ font-size: 12px; line-height: 14px;} .n_map ul li strong{ left: calc(100% + 5px);} .n_map ul li:nth-child(3) strong, .n_map ul li:nth-child(4) strong { right: calc(100% + 5px);} .n_map ul li img{ width: 15px;} .n_kit .panel .panel-heading a{ font-size: 16px; line-height: 24px;} .n_kit .ty_nbiao{ padding-left: 0;} .n_kit .panel .panel-heading a{ padding-left: 0; padding-right: 35px;} .n_kit .panel .panel-body{ padding: 10px;} .n_kit .csr_li .scr_text h3{ font-size: 14px; line-height: 20px;} .n_kit .csr_li{ margin-bottom: 15px;} .n_kit .panel .panel-heading a i{ width: 30px; height: 30px; line-height: 30px; font-size: 14px; right: 0px;} .need_more{ padding-left: 0;} .need_more h2{ font-size: 20px;} .need_more h4{ font-size: 16px; line-height: 24px;} .needmore_a{ margin-top: 20px;} .needmore_a a{ width: 150px; height: 46px; line-height: 46px; margin: 0 5px; font-size: 14px;} .new_ss{ margin-bottom: 10px;} .new_ss .form-group{ width: 100%; margin: 0; margin-bottom: 10px;} .new_ss .form-group input, .new_ss .form-group button{ height: 34px; border-right: 17px; padding: 0 17px;} .nnew_li{ width: 100%; margin: 0; margin-bottom: 15px;} .nnew_text{ padding: 10px 15px;} .nnew_text h4{ font-size: 16px;} .nnew_text h5{ margin-bottom: 10px;} .nnew_more{ padding-bottom: 8px; padding: 0;} .nnew_more span{ font-size: 14px; margin-right: 15px;} .nnew_content{ padding: 0;} .nnew_foot_more{ font-size: 14px; padding-bottom: 8px; width: 100%;} .nnew_foot_more a{ margin: 0 8px; font-size: 14px; display: inline-block;} .nnew_foot{ margin: 30px 0;} .fanye02{ padding: 15px 0;} .fanye02 a{ font-size: 14px;} .fanye02 a:first-child{ padding-left: 25px; position: relative;} .fanye02 a:last-child{ padding-right: 25px; position: relative; width: 30%; margin-left: 10%;} .fanye02 a:first-child i{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .fanye02 a:last-child i{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .nnew_send{ width: 100%;} .nnew_send h2{ font-size: 20px;} .nnew_send h4{ font-size: 14px; line-height: 22px;} .nnew_send .form-group{ margin-top: 20px;} .nnew_send .form-group input{ font-size: 14px; padding-left: 20px; height: 40px; border-radius: 20px;} .nnew_send .form-group button{ height: 40px; border-radius: 20px;} .ty_nbiao span{ font-size: 16px;} .nnew_fx{ display: none;} .oem_lc{ padding:30px 0;} .oem_lc ul li{ padding-left: 50px; margin: 0; padding-bottom: 30px;} .oem_lc ul li:nth-child(2n){ padding-right: 0; padding-left: 50px; text-align: left;} .oem_lc ul li h2{ font-size: 20px;} .oem_lc ul li h4{ font-size: 14px; line-height: 20px;} .oem_lc ul li:before, .oem_lc ul li:after, .oem_lc ul li .cai_xian2{ left: 15px;} .oem_lc ul li i{ left: 15px; transform: translateX(-50%) scale(1.5);} .oem_lc ul li.cur i { transform: translateX(-50%) scale(2.5);} .ty_nbiao2 span{ max-width: 65%;} .oem_cpi h4{ font-size: 16px;} .oem_ul ul li{ width: 100%; margin: 15px 0;} .oem_ul_text h4{ font-size: 16px; margin-top: 0; line-height: 20px;} .oem_ul_text p{ font-size: 14px; line-height: 20px; margin-bottom: 0;} .oem_ul ul li img{ width: 91px;} .oem_ul_text { width: calc(100% - 110px);} .sale_on{ padding: 110px 0;} .sale_on ul{ width: 150px; height: 150px;} .sale_on ul li{ padding-top: 10%;} .sale_on ul li span{ font-size: 16px; line-height: 24px;} .sale_on ul li i{ width: 60px;} .pro_li{ width: 100%; margin-right: 0; margin-bottom: 30px;} .pro_title{ padding-top: 10px;} .pro_title span{ font-size: 16px;} .pro_title .xqc img{ height: 30px;} .pro_img_ceng{ display: none;} .ny_right .s_massage .smas_left, .ny_right .s_massage .smas_right{ width: 100%; margin: 0;} .ny_right .s_massage .smas_left h2 span{ font-size: 20px; padding-bottom: 2px;} .ny_right .s_massage .smas_left h4{ font-size: 14px; line-height: 20px; margin-top: 10px;} .ncp_left, .ncp_right{ width: 100%; margin: 0;} .ncp_right{ margin-top: 30px;} .ncp_right h2{ font-size: 24px;} .ncp_right .xqc{ margin-top: 10px;} .xqc img{ height: 36px; margin-right: 5px;} .captext h3{ font-size: 16px; line-height: 22px;} .captext h4{ font-size: 14px; line-height: 20px;} .captext{width: calc(100% - 90px);} .capimg{ width: 70px; margin-right: 20px;} .ncp_btn a{ font-size: 18px;} .ncp_biao{ font-size: 20px; margin-top: 40px;} .ncp_table table thead tr th, .ncp_table table tbody tr td{ font-size: 14px;} .ny_right .s_case .swiper3 .swiper-slide{ width: 100%;} .scase_ceng{ display: none;} .nnew_swiper_left{ width: 80%;} .nnew_swiper_right{ width: calc(20% - 10px); margin-left: 10px;} .nnew_swiper_right .fd_more{ width: 32px; height: 32px;} .nnew_chall ul li{ width: 95%; margin-left: 5%; font-size: 16px;} .sale_tsc div ul li i{ width: 60px; height: 60px;} .sale_tsc div ul li i:after{ width: 46px; height: 46px; left: 7px; top: 7px;} .sale_tsc div ul li span{ font-size: 18px;} .sale_tsc{ margin: 60px 0;} .weizhi{ text-align: left;} .form2_head, .form3_head{ height: 46px; line-height: 46px;} .form2_head span, .form3_head span{ display: none;} .form2_head strong, .form3_head strong{ font-size: 14px; height: 46px; line-height: 46px; padding: 0 15px;} .form2_head strong img, .form3_head strong img{ width: 30px; margin-right: 10px;} .form2_content, .form3_content{ padding:20px 15px; max-height: 70vh; min-height: auto; overflow: auto;} .form2_content h2, .form3_content h2{ font-size: 18px;} .form2_content h4, .form3_content h4{ font-size: 12px; line-height: 18px; margin-bottom: 10px;} .form2_content .form-group .form-control, .form2_content .form-group .btn, .form3_content .form-group .form-control, .form3_content .form-group .btn{ font-size: 14px; padding: 4px 20px; height: 34px;} .form3_content .form-group input.form-control{ height: 34px;} .form3_content .form-group{ margin-bottom: 8px;} .form2_kuang, .form3_kuang{ width: 80%; top: 9%; transform: translateY(0);} .form2_content h5, .form3_content h5{ font-size: 14px; margin-top: 15px;} .form2_close, .form3_close{ height: 36px; line-height: 32px; width: 36px;} .form2_close i, .form3_close i{ line-height: 32px; font-size: 16px;} .search_zhong .pro_list .pro_li, .search_zhong .nnew_list .nnew_li{ width: 100%; margin-right: 0;} /* new 20220704 */ .xin_2274{ margin: 20px 0;} .xin_title{ font-size: 24px; bottom: 10%;} .xin_2274 ul li{ width: 100%; margin-bottom: 6px;} .xin_2274 ul li:nth-child(2) .xin_title, .xin_2274 ul li:nth-child(3) .xin_title{ font-size: 30px;} .xin_2274 ul li:nth-child(4) .xin_title{ font-size: 18px;} .xin_2274 ul li span{ font-size: 24px; top: 15%;} .xin_left, .xin_right{ width: 100%; padding: 0;} .xin_left video{ width: 100%; height: 220px;} .xin_left iframe{ width: 100%; height: 220px;} /* new 20220704 */ } @media (min-width:768px) and (max-width:991px) { .fudong{ display: none;} .header.ny.active{ height: 60px;} .header.ny.active .logo{ height: 60px;} .header.ny{ height: 60px; padding-top: 0;} .header.ny .logo{ height: 60px;} .header.ny .pc_nav ul li>a{ line-height: 36px;} .erji{ background: none; position: static; opacity: 1; padding-left: 30px; box-shadow: none;} .erji .ej_li{ padding: 0 10px;} .erji .ej_li>a{ line-height: 36px; color: rgba(255,255,255,0.85); padding: 0; font-size: 14px; border-bottom: none; border-top: 1px solid rgba(255,255,255,0.3);} .sanji{ background: none; position: static; opacity: 1; box-shadow: none;} .sanji .sj_li{ padding: 0 10px;} .sanji .sj_li>a{ line-height: 30px; font-size: 12px; color: rgba(255,255,255,0.65); border: none; padding: 0;} .pc_nav.active .erji, .pc_nav.active .sanji{ pointer-events: auto;} .header{ height: 60px; top: 0; z-index: 99; background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.2);} .pc_seach{ display: none;} .pc_more{ top: calc(100% + 20px); right: 15px; transform: translateY(0); z-index:2; opacity: 0; pointer-events: none; transition: all 0.3s;} .pc_more.active{ opacity: 1; top: calc(100% + 10px); pointer-events: auto;} .pc_lang>a{ color: #fff; font-size: 14px;} .pc_lang>a i{ font-size: 14px;} .pc_lang>a i:last-child{ margin-left: 5px;} .pc_nav{ position: absolute; left: 0; top: 110%; width: 100%; background: #1e2e53; max-height: calc(100vh - 60px); overflow: auto; padding: 15px 0; opacity: 0; pointer-events: none; transition: all 0.3s;} .pc_nav.active{ top: 100%; opacity: 1; pointer-events: auto;} .logo{ position: static; width: auto; height: 60px; padding: 5px 0;} .header .container.cw{ padding: 0 15px;} .pc_nav ul{ width: 70%;} .pc_nav ul li>a{ padding-left: 30px; line-height: 36px; color: #fff; font-size: 16px; font-weight: normal; display: block; text-align: left;} .pc_nav ul li>a:after{ display: none;} /* .s_banner_kuang{ height: auto;} .s_banner{ position: static; height: auto;} .s_banner .swiper-slide{ height: 360px;} */ .ban_text span{ max-width: 100%; font-size: 24px;} .ban_text span strong{ font-size: 36px; line-height: 46px;} .s_about, .s_product, .s_setmap, .s_service, .s_case{ height: auto; padding-top: 100px; padding-bottom: 40px;} .sab_left, .sab_right{ width: 100%; padding: 0;} .s_biao{ top: 30px; font-size: 30px;} .sab_left h2{ font-size: 18px;} .sab_left h2 strong{ font-size: 20px;} .sab_left p{ font-size: 14px; margin-top: 15px; line-height: 20px; margin-bottom: 20px;} .s_more{ width: 160px; height: 40px; border-radius: 20px;} .s_more a { width: 160px; height: 40px; border-radius: 20px; line-height: 38px; font-size: 16px;} .s_more a i{ right: 20px; font-size: 20px;} .sc_bg{ display: none;} .sab_right .swiper1{ padding-top: 30px;} .sab_right .swiper1 ul li{ margin: 15px 0;} .sab_right .swiper1 ul li:nth-child(5), .sab_right .swiper1 ul li:nth-child(6), .sab_right .swiper1 ul li:nth-child(7), .sab_right .swiper1 ul li:nth-child(8){ margin-bottom: 15px;} .sab_right{ padding-top: 0;} .sab_left{ padding-top: 2%;} .sab_right .swiper1 ul li img{ max-width: 80%; max-height: 60px;} .s_product>.container{ position: static;} .spro_right h2{ font-size: 30px; text-align: center;} .spro_right>ul{ height: 40px; border-radius: 20px; width: 170px; margin-bottom: 20px; margin-top: 10px;} .spro_right>ul li{ width: 80px; line-height: 40px; font-size: 16px;} .spro_right>ul:after{ width: 90px; height: 40px;} .spro_right>ul.cur2:after{ left: 80px;} .spro_right{ width: 80%; margin: 0 auto;} .spro_form .form-group{ height: 40px; margin-bottom: 10px;} .spro_form .form-group .form-control{ height: 40px; font-size: 16px;} .spro_form .form-group button{ font-size: 14px; border-radius: 20px; height: 40px;} .spro_form .form-group button i{ font-size: 16px;} .smap_right{ width: 100%; position: static; transform: translateY(0); padding: 0; margin-bottom: 20px;} .smap_right h2{ margin-top: 0;} .smap_right h2 strong{ font-size: 24px;} .smap_right p { font-size: 14px; line-height: 20px; margin-top: 15px; margin-bottom: 20px;} .s_service h2{ font-size: 18px; margin-bottom: 20px;} .s_service .container.cw{ position: static; padding: 0 15px;} .s_service .s_biao .container.cw{ padding: 0 15px;} .seve_content ul{ width: 40%; margin-right: 5%; position: static;} .seve_content ul li{ margin: 0;} .seve_content ul li a{ font-size: 18px; line-height: 30px;} .seve_content .swiper2_1{ display: none;} .seve_content .swiper2{ width: 55%; margin-right: 0;} .seve_content .swiper2 .swiper-slide a span{ font-size: 16px;} .seve_fan { display: none;} .seve_fan, .seve_content .swiper2 .swiper-slide a span{ height: 60px;} .s_case{ padding-top: 20px;} .s_case .s_biao{ margin-bottom: 20px;} .s_case .swiper3 .swiper-slide{ width: 80%;} .scase_text h4{ line-height: 20px; font-size: 16px; padding-left: 60px; margin-bottom: 15px;} .scase_text p{ font-size: 14px; line-height: 20px;} .scase_text h4 img{ width: 40px; max-height: 40px;} .scase_ceng .scase_text h5{ font-size: 14px; padding-left: 60px; margin: 5px 0;} .scase_text{ padding: 0 4%;} .scase_a{ font-size: 14px;} .scase_a a i{ font-size: 12px;} .ceng_more{ left: 4%;} .smas_left, .smas_right{ width: 100%;} .smas_right .form-group{ margin-bottom: 10px;} .smas_right .form-group input.form-control, .smas_right .form-group select.form-control, .smas_right .form-group button, .smas_right .form-group .form-control{ font-size: 14px;} .smas_left h4{ font-size: 16px; line-height: 24px; margin-top: 15px;} .smas_left h2{ font-size: 36px; line-height: 30px; margin-bottom: 20px;} .smas_left h2 span{ padding-bottom: 10px;} .smas_right .form-group.msg_btn button.btn{ height: 40px;} .footer h4 a{ font-size: 14px; margin-right: 10px; margin-bottom: 5px;} .footer{ padding: 30px 0; padding-bottom: 15px;} .footer p{ font-size: 14px; margin-top: 10px; margin-bottom: 0; line-height: 22px;} .footer p a{ margin-left: 0;} .footer ul li a i{ font-size: 16px; line-height: 32px;} .footer ul li a{ width: 34px; height: 34px;} .foot_logo{ margin-bottom: 15px;} .foot_logo img{ max-width: 36%;} .links select{ height: 32px; font-size: 14px;} .links{ display: none; width: 150px; height: 34px; border-radius: 17px; margin-right: 15px; padding: 0 10px;} .s_product { background: url(../images/scp.webp) center no-repeat; background-size: cover;} .s_service { background: url(../images/seve.webp) center bottom no-repeat; background-size: contain;} .n_banner{ margin-top: 60px; background-attachment: scroll !important;} .n_banner .container{ font-size: 24px; line-height: 30px;} .n_zhong, .n_zhong2{ padding: 30px 0;} .weizhi{ font-size: 12px; margin-bottom: 30px;} .weizhi a{ font-size: 12px;} .weizhi i{ font-size: 14px;} .n_zhong .container{ position: relative;} .ny_left{ width: 60%; margin-right: 0; position: absolute; left: 0; top: 0; display: none;} .ny_right{ width: 100%; min-height: auto;} .nab_business{ padding: 15px 0;} .ty_nbiao{ font-size: 20px; margin-bottom: 15px;} .nab_business .ty_nbiao2{ margin-top: 15px;} .ty_nbiao2{ margin: 15px 0; font-size: 18px;} .nab_business h4{ font-size: 16px; line-height: 24px;} .ty_nbiao2 span:before, .ty_nbiao2 span:after{ width: 40px;} .ty_content p{ margin: 10px 0;} .nab_value ul { display: flex; display: -webkit-flex; align-items: stretch; flex-wrap: wrap; justify-content: center; } .nab_value ul li{ width: 31.5%; margin: 5px 0; padding: 15px 0; margin-right: 2%;} .nab_value ul li span{ font-size: 14px; line-height: 20px;} .nab_value ul li i{ width: 46px; height: 46px;} .nab_model>div{ max-width: 100%; font-size: 14px;} .nab_model>div ul li:nth-child(1){ left: 0; right: auto; top: 70%;} .nab_model>div ul li:nth-child(2){ right: 0; left: auto; top: 70%;} .nab_h3{ font-size: 18px; line-height: 24px; margin-bottom: 15px;} .jia_banner{ height: 60px;} .lc_li:after{ left: 8px; top: 8px;} .lc_li{ padding-left: 40px; padding-bottom: 40px;} .lc_left, .lc_right{ width: 100%;} .lc_right{ padding-top: 0px;} .lc_left h2{ font-size: 20px; margin-bottom: 15px;} .lc_left h3{ font-size: 18px; margin-top: 15px;} .lc_left h4{ font-size: 14px; line-height: 20px;} .lc_li .dian{ left: 8px; top: 2px; width: 16px; height: 16px;} .lc_li .cai_xian{ left: 8px; top: 8px;} .lc_right .ty_content h5{ font-size: 16px;} .lc_right .ty_content p{ font-size: 14px; line-height: 20px;} .nab_csr h2{ font-size: 24px; padding-left: 0;} .csr_li{ padding: 12px 0;} .csr_li:hover{ box-shadow: none;} .scr_text h3{ font-size: 16px; line-height: 22px;} .nab_career .panel .panel-heading a h2{ font-size: 18px;} .nab_career .panel .panel-heading a h4{ font-size: 14px; line-height: 20px;} .nab_career .panel .panel-heading a{ padding-right: 50px;} .nab_career .panel .panel-heading a i{ width: 30px; height: 30px; font-size: 14px; line-height: 30px; right: 15px;} .nab_career ul li{ width: 100%; border-bottom: 1px solid #dedede;} .nab_career ul li:nth-child(2n){ margin: 0;} .nab_career ul li a span{ font-size: 14px;} .nab_career ul li a{ padding: 5px 12%; padding-left: 15px;} .nab_career ul li a i{ opacity: 1; right: 15px; font-size: 16px;} .nab_career .panel .panel-body{ padding: 12px 0;} .nab_sales>h3{ font-size: 18px;} .smas_right.nab_join .form-group .btn{ padding-left: 30px; padding-right: 30px; margin: 0 5px; font-size: 14px; height: 40px;} .sale_left, .sale_right{ width: 100%;} .sale_right{ margin-left: 0;} .sale_after ul{ width: 160px; height: 160px;} .sale_after ul li span{ font-size: 16px; line-height: 24px; margin-bottom: 10px;} .sale_after ul li i{ width: 40px;} .sale_after{ padding-top: 60px; padding-bottom: 100px;} .lx_left, .n_contact .smas_right{ width: 100%; margin: 0;} .lx_left h2{ font-size: 18px; margin-bottom: 15px;} .lx_left h4{ font-size: 16px; margin-bottom: 15px; line-height: 24px;} .lx_left h4 span{ font-size: 14px;} .n_contact .smas_right{ padding-top: 40px;} .n_contact .smas_right h3{ font-size: 16px; margin-bottom: 20px;} .smas_right .form-group.msg_btn button{ height: 40px;} .n_map ul li i{ font-size: 14px;} .n_map .teams_map ul li strong{ font-size: 12px; top: calc(100% + 5px); line-height: 14px;} .n_map h5 span{ font-size: 14px; margin: 0 15px;} .n_map h5 span i{ font-size: 18px;} .nloca .ty_content p{ font-size: 14px; line-height: 24px;} .loca_img ul li{ font-size: 14px; width: 50%;} .loca_img ul li span{ font-size: 18px;} .loca_img{ margin: 15px 0;} .loca_contact{ margin-top: 30px;} .loca_contact .caption{ margin: 0; width: 100%; font-size: 16px;} .loca_contact .caption h3{ font-size: 16px; line-height: 24px; padding-left: 55px; margin-top: 0; margin-bottom: 30px;} .loca_contact .caption h3 img{ width: 40px;} .loca_contact .caption.chunb h3{ margin-top: -10px;} .loca_contact .caption h3 a.btn{ height: 46px; line-height: 46px;} .n_map ul li strong{ font-size: 12px; line-height: 14px;} .n_map ul li strong{ left: calc(100% + 5px);} .n_map ul li:nth-child(3) strong, .n_map ul li:nth-child(4) strong { right: calc(100% + 5px);} .n_map ul li img{ width: 15px;} .n_kit .panel .panel-heading a{ font-size: 16px; line-height: 24px;} .n_kit .ty_nbiao{ padding-left: 0;} .n_kit .panel .panel-heading a{ padding-left: 0; padding-right: 35px;} .n_kit .panel .panel-body{ padding: 10px;} .n_kit .csr_li .scr_text h3{ font-size: 14px; line-height: 20px;} .n_kit .csr_li{ margin-bottom: 15px;} .n_kit .panel .panel-heading a i{ width: 30px; height: 30px; line-height: 30px; font-size: 14px; right: 0px;} .need_more{ padding-left: 0;} .need_more h2{ font-size: 20px;} .need_more h4{ font-size: 16px; line-height: 24px;} .needmore_a{ margin-top: 20px;} .needmore_a a{ width: 150px; height: 46px; line-height: 46px; margin: 0 5px; font-size: 14px;} .new_ss{ margin-bottom: 10px;} .new_ss .form-group{ width: 100%; margin: 0; margin-bottom: 10px;} .new_ss .form-group input, .new_ss .form-group button{ height: 34px; border-right: 17px; padding: 0 17px;} .nnew_li{ width: 100%; margin: 0; margin-bottom: 15px;} .nnew_text{ padding: 10px 15px;} .nnew_text h4{ font-size: 16px;} .nnew_text h5{ margin-bottom: 10px;} .nnew_more{ padding-bottom: 8px; padding: 0;} .nnew_more span{ font-size: 14px; margin-right: 15px;} .nnew_content{ padding: 0;} .nnew_foot_more{ font-size: 14px; padding-bottom: 8px; width: 100%;} .nnew_foot_more a{ margin: 0 8px; font-size: 14px; display: inline-block;} .nnew_foot{ margin: 30px 0;} .fanye02{ padding: 15px 0;} .fanye02 a{ font-size: 14px;} .fanye02 a:first-child{ padding-left: 25px; position: relative;} .fanye02 a:last-child{ padding-right: 25px; position: relative; width: 30%; margin-left: 10%;} .fanye02 a:first-child i{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .fanye02 a:last-child i{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .nnew_send{ width: 100%;} .nnew_send h2{ font-size: 20px;} .nnew_send h4{ font-size: 14px; line-height: 22px;} .nnew_send .form-group{ margin-top: 20px;} .nnew_send .form-group input{ font-size: 14px; padding-left: 20px; height: 40px; border-radius: 20px;} .nnew_send .form-group button{ height: 40px; border-radius: 20px;} .ty_nbiao span{ font-size: 16px;} .nnew_fx{ display: none;} .oem_lc{ padding:30px 0;} .oem_lc ul li{ padding-left: 50px; margin: 0; padding-bottom: 30px;} .oem_lc ul li:nth-child(2n){ padding-right: 0; padding-left: 50px; text-align: left;} .oem_lc ul li h2{ font-size: 20px;} .oem_lc ul li h4{ font-size: 14px; line-height: 20px;} .oem_lc ul li:before, .oem_lc ul li:after, .oem_lc ul li .cai_xian2{ left: 15px;} .oem_lc ul li i{ left: 15px; transform: translateX(-50%) scale(1.5);} .oem_lc ul li.cur i { transform: translateX(-50%) scale(2.5);} .ty_nbiao2 span{ max-width: 65%;} .oem_cpi h4{ font-size: 16px;} .oem_ul ul li{ width: 100%; margin: 15px 0;} .oem_ul_text h4{ font-size: 16px; margin-top: 0; line-height: 20px;} .oem_ul_text p{ font-size: 14px; line-height: 20px; margin-bottom: 0;} .oem_ul ul li img{ width: 91px;} .oem_ul_text { width: calc(100% - 110px);} .sale_on{ padding: 110px 0;} .sale_on ul{ width: 150px; height: 150px;} .sale_on ul li{ padding-top: 10%;} .sale_on ul li span{ font-size: 16px; line-height: 24px;} .sale_on ul li i{ width: 60px;} .pro_li{ width: 100%; margin-right: 0; margin-bottom: 30px;} .pro_title{ padding-top: 10px;} .pro_title span{ font-size: 16px;} .pro_title .xqc img{ height: 30px;} .pro_img_ceng{ display: none;} .ny_right .s_massage .smas_left, .ny_right .s_massage .smas_right{ width: 100%; margin: 0;} .ny_right .s_massage .smas_left h2 span{ font-size: 20px; padding-bottom: 2px;} .ny_right .s_massage .smas_left h4{ font-size: 14px; line-height: 20px; margin-top: 10px;} .ncp_left, .ncp_right{ width: 100%; margin: 0;} .ncp_right{ margin-top: 30px;} .ncp_right h2{ font-size: 24px;} .ncp_right .xqc{ margin-top: 10px;} .xqc img{ height: 36px; margin-right: 5px;} .captext h3{ font-size: 16px; line-height: 22px;} .captext h4{ font-size: 14px; line-height: 20px;} .captext{width: calc(100% - 90px);} .capimg{ width: 70px; margin-right: 20px;} .ncp_btn a{ font-size: 18px;} .ncp_biao{ font-size: 20px; margin-top: 40px;} .ncp_table table thead tr th, .ncp_table table tbody tr td{ font-size: 14px;} .ny_right .s_case .swiper3 .swiper-slide{ width: 100%;} .scase_ceng{ display: none;} .nnew_swiper_left{ width: 80%;} .nnew_swiper_right{ width: calc(20% - 10px); margin-left: 10px;} .nnew_swiper_right .fd_more{ width: 32px; height: 32px;} .nnew_chall ul li{ width: 95%; margin-left: 5%; font-size: 16px;} .sale_tsc div ul li i{ width: 60px; height: 60px;} .sale_tsc div ul li i:after{ width: 46px; height: 46px; left: 7px; top: 7px;} .sale_tsc div ul li span{ font-size: 18px;} .sale_tsc{ margin: 60px 0;} .weizhi{ text-align: left;} .form2_head, .form3_head{ height: 46px; line-height: 46px;} .form2_head span, .form3_head span{ display: none;} .form2_head strong, .form3_head strong{ font-size: 14px; height: 46px; line-height: 46px; padding: 0 15px;} .form2_head strong img, .form3_head strong img{ width: 30px; margin-right: 10px;} .form2_content, .form3_content{ padding:20px 15px; max-height: 70vh; min-height: auto; overflow: auto;} .form2_content h2, .form3_content h2{ font-size: 18px;} .form2_content h4, .form3_content h4{ font-size: 12px; line-height: 18px; margin-bottom: 10px;} .form2_content .form-group .form-control, .form2_content .form-group .btn, .form3_content .form-group .form-control, .form3_content .form-group .btn{ font-size: 14px; padding: 4px 20px; height: 34px;} .form3_content .form-group input.form-control{ height: 34px;} .form3_content .form-group{ margin-bottom: 8px;} .form2_kuang, .form3_kuang{ width: 80%; top: 9%; transform: translateY(0);} .form2_content h5, .form3_content h5{ font-size: 14px; margin-top: 15px;} .form2_close, .form3_close{ height: 36px; line-height: 32px; width: 36px;} .form2_close i, .form3_close i{ line-height: 32px; font-size: 16px;} .search_zhong .pro_list .pro_li, .search_zhong .nnew_list .nnew_li{ width: 100%; margin-right: 0;} /* new 20220704 */ .xin_title{ font-size: 20px;} .xin_2274 ul li{ width: 49%; margin-bottom: 10px;} .xin_2274 ul li:nth-child(2) .xin_title, .xin_2274 ul li:nth-child(3) .xin_title{ font-size: 24px;} .xin_2274 ul li:nth-child(4) .xin_title{ font-size: 14px;} .xin_2274 ul li span{ font-size: 24px;} .xin_2274 ul li span i{ font-size: 40px;} .xin_left, .xin_right{ width: 100%; padding: 0;} .xin_left video{ width: 100%; height: 280px;} .xin_left iframe{ width: 100%; height: 280px;} /* new 20220704 */ } @media (min-width:991px) and (max-width:1200px) { .header{ height: 70px; top: 0;} .logo{ width: auto; height: 65px;} .header .container.cw{ padding-left: 22%; padding-right: 15%;} .pc_seach input{ height: 34px;} .pc_seach button{ height: 34px; line-height: 34px;} .pc_seach button i{ line-height: 34px; font-size: 18px;} .pc_seach{ width: 160px; height: 34px; display: none;} .pc_lang{ margin-left: 20px;} .pc_lang>a{ line-height: 34px; font-size: 16px;} .pc_nav ul li>a{ font-size: 16px; line-height: 70px;} .ban_text span{ font-size: 20px;} .ban_text span strong{ font-size: 40px;line-height: 46px;} .ban_text{ top:32%;} .sab_left h2{ font-size: 18px;} .sab_left h2 strong{ font-size: 24px;} .sab_left p{ font-size: 14px; line-height: 20px; margin-top: 15px; margin-bottom: 20px;} .sab_right .swiper1{ padding: 40px 0;} .sab_right .swiper1 ul li{ margin: 12px 0;} .sab_right .swiper1 ul li:nth-child(5), .sab_right .swiper1 ul li:nth-child(6), .sab_right .swiper1 ul li:nth-child(7), .sab_right .swiper1 ul li:nth-child(8){ margin-bottom: 15px;} .sab_right{ padding-top: 0;} .sab_left{ padding-top: 2%;} .s_more{ width: 160px; height: 40px; border-radius: 20px;} .s_more a { width: 160px; height: 40px; border-radius: 20px; line-height: 38px; font-size: 16px;} .s_more a i{ right: 20px; font-size: 20px;} .sab_right .swiper1 ul li img{ max-width: 80%; max-height: 60px;} .spro_right h2{ font-size: 30px; text-align: center;} .spro_right>ul{ height: 40px; border-radius: 20px; width: 170px; margin-bottom: 20px; margin-top: 10px;} .spro_right>ul li{ width: 80px; line-height: 40px; font-size: 16px;} .spro_right>ul:after{ width: 90px; height: 40px;} .spro_right>ul.cur2:after{ left: 80px;} .spro_right{ width: 400px;} .spro_form .form-group{ height: 40px; margin-bottom: 10px;} .spro_form .form-group .form-control{ height: 40px; font-size: 16px;} .spro_form .form-group button{ font-size: 14px; border-radius: 20px; height: 40px;} .spro_form .form-group button i{ font-size: 16px;} .smap_right h2{ margin-top: 0;} .smap_right h2 strong{ font-size: 24px; margin-top: 0;} .smap_right p { font-size: 16px; line-height: 24px; margin-top: 10px; margin-bottom: 20px;} .s_service h2{ font-size: 24px;} .seve_content ul li a{ font-size: 24px; line-height: 30px;} .seve_content .swiper2 .swiper-slide a span{ font-size: 18px;} .seve_fan, .seve_content .swiper2 .swiper-slide a span{ height: 100px;} .s_case .s_biao{ margin-bottom: 20px;} .scase_text h4{ line-height: 20px; font-size: 16px; padding-left: 60px; margin-bottom: 15px;} .scase_text p{ font-size: 14px; line-height: 20px;} .scase_text h4 img{ width: 40px; max-height: 40px;} .scase_ceng .scase_text h5{ font-size: 14px; padding-left: 60px; margin: 5px 0;} .scase_text{ padding: 0 4%;} .ceng_img{ width: 40%;} .ceng_more{ left: 4%;} .smas_right .form-group{ margin-bottom: 10px;} .smas_right .form-group input.form-control, .smas_right .form-group select.form-control, .smas_right .form-group button, .smas_right .form-group .form-control{ font-size: 14px;} .smas_left h4{ font-size: 16px; line-height: 24px; margin-top: 15px;} .smas_left h2{ font-size: 24px; line-height: 24px; margin-bottom: 20px;} .smas_left h2 span{ padding-bottom: 10px;} .smas_right .form-group.msg_btn button.btn{ height: 40px;} .footer h4 a{ font-size: 14px;} .footer{ padding: 30px 0; padding-bottom: 15px;} .footer p{ font-size: 14px; margin-top: 10px; margin-bottom: 0;} .footer ul li a i{ font-size: 16px; line-height: 32px;} .footer ul li a{ width: 34px; height: 34px;} .links select{ height: 32px; font-size: 14px;} .links{ display: none; width: 150px; height: 34px; border-radius: 17px; margin-right: 15px; padding: 0 10px;} .smas_right .form-group input.form-control, .smas_right .form-group select.form-control, .smas_right .form-group button{ height: 34px;} .smas_right .form-group.msg_btn button{ height: 40px;} .n_banner .container{ font-size: 36px; line-height: 36px;} .n_zhong, .n_zhong2{ padding: 40px 0;} .ny_left h2{ font-size: 24px;} .ny_left .caption{ margin-top: 15px;} .ny_left .caption h3{ font-size: 18px; margin: 12px 0;} .ny_left .caption ul li{ margin: 5px 0;} .ny_left .caption ul li a{ font-size: 14px; padding-bottom: 3px;} .ty_nbiao{ font-size: 24px;} .ty_nbiao2{ font-size: 20px; margin: 20px 0;} .nab_business .ty_nbiao2{ margin: 20px 0; margin-top: 30px;} .nab_business h4{ font-size: 18px; line-height: 30px;} .nab_value ul li span{ font-size: 16px; line-height: 24px;} .nab_value ul li{ padding: 15px 0;} .nab_model>div{ font-size: 16px;} .nab_h3{ font-size: 18px; margin-bottom: 20px; line-height: 24px;} .lc_left h2{ font-size: 24px; margin-bottom: 20px;} .lc_left h3{ font-size: 18px;} .lc_left h4{ font-size: 16px; line-height: 24px;} .lc_right .ty_content h5{ font-size: 16px;} .lc_right .ty_content p{ font-size: 14px; margin: 10px 0;} .lc_right{ padding-right: 10px;} .lc_li .dian{ width: 15px; height: 15px;} .lc_li{ padding-bottom: 60px;} .nab_csr h2{ font-size: 24px;} .scr_text h3{ font-size: 16px; line-height: 24px;} .csr_li{ padding: 15px 25px;} .nab_career .panel .panel-heading a h2{ font-size: 18px;} .nab_career .panel .panel-heading a h4{ font-size: 14px; line-height: 24px;} .nab_career ul li a span{ font-size: 16px;} .nab_career ul li a{ padding: 10px 12%;} .nab_career .panel .panel-body{ padding: 15px 0;} .nab_career .panel .panel-heading a i{ width: 40px; height: 40px; line-height: 40px;} .nab_sales>h3{ font-size: 18px;} .smas_right.nab_join .form-group .btn{ height: 40px; font-size: 14px;} .sale_after ul li span{ font-size: 16px; line-height: 24px;} .sale_after ul li{ padding-top: 25%;} .sale_after ul{ width: 200px; height: 200px;} .lx_left h2{ font-size: 20px; margin-bottom: 20px;} .lx_left h4 span{ font-size: 14px;} .lx_left h4{ font-size: 16px; margin-bottom: 15px; line-height: 24px;} .n_contact .smas_right h3{ font-size: 16px; margin-bottom: 20px;} .nloca .ty_content p{ font-size: 14px; line-height: 24px;} .loca_contact .caption h3{ font-size: 18px; line-height: 24px; margin-bottom: 40px; padding-left: 65px;} .loca_contact .caption h3 a.btn{ height: 50px; line-height: 50px;} .loca_img ul li span{ font-size: 30px;} .n_map ul li strong{ font-size: 16px;} .n_map ul li i{ font-size: 24px;} .n_map h5 span{ font-size: 16px;} .n_map h5 span i{ font-size: 30px;} .n_kit .panel .panel-heading a{ font-size: 18px; line-height: 30px; padding-top: 2%; padding-bottom: 2%;} .n_kit .csr_li .scr_text h3{ font-size: 16px;} .n_kit .csr_li{ margin-bottom: 20px;} .need_more h2{ font-size: 24px;} .need_more h4{ font-size: 16px; line-height: 24px;} .needmore_a{ margin-top: 30px;} .needmore_a a{ height: 46px; width: 200px; line-height: 46px;} .need_more{ margin: 5% 0;} .nnew_text h4{ font-size: 16px;} .nnew_text h5{ margin-bottom: 10px;} .nnew_text p{ font-size: 14px; line-height: 20px;} .nnew_more span i{ font-size: 16px;} .nnew_more span{ font-size: 14px; margin-right: 20px;} .nnew_send h2{ font-size: 24px;} .nnew_send h4{ font-size: 16px; line-height: 24px;} .oem_lc ul li h2{ font-size: 24px;} .oem_lc ul li h4{ font-size: 16px; line-height: 24px;} .oem_ul_text p{ font-size: 14px;} .oem_ul_text h4{ font-size: 16px; line-height: 20px;} .sale_on{ padding: 120px 0;} .sale_on ul{ width: 180px; height: 180px;} .sale_on ul li{ padding-top: 12%;} .sale_on ul li span{ font-size: 16px; line-height: 24px;} .pro_img_ceng ul i{ font-size: 14px; margin-top: 20px;} .pro_img_ceng ul li{ font-size: 16px;} .pro_title span{ font-size: 18px;} .pro_title .xqc img{ height: 24px;} .pro_li{ margin-bottom: 30px;} .weizhi a{ font-size: 14px;} .weizhi i{ font-size: 14px;} .ncp_right h2{ font-size: 24px; margin-top: 10px;} .ncp_right .xqc{ margin-top: 15px;} .xqc img{ height: 36px;} .ncp_right .caption{ margin-top: 10px;} .captext h3{ font-size: 16px; line-height: 22px;} .captext h4{ font-size: 14px; line-height: 20px;} .capimg{ width: 60px; margin-right: 20px;} .captext { width: calc(100% - 80px);} .ncp_btn{ margin-top: 20px;} .ncp_btn a{ font-size: 18px;} .ncp_biao{ font-size: 18px; margin-top: 40px;} .ny_right .smas_left h2{ font-size: 24px;} .ny_right .smas_left h2 span{ padding-bottom: 5px;} .smas_left h4{ font-size: 14px; line-height: 20px;} .ty_nbiao span{ font-size: 18px;} .nnew_foot_more{ font-size: 14px;} .bg_biao1 span{ font-size: 18px;} .bg_biao1, .bg_biao2{ margin: 20px 0; margin-top: 30px;} .bg_biao2 span{ font-size: 18px;} .nnew_chall ul li{ font-size: 14px;} .sale_tsc div{ width: 70%;} .sale_tsc div ul li i:after{ width: 70px; height: 70px;} .sale_tsc div ul li i{ width: 90px; height: 90px;} .sale_tsc div ul li span{ font-size: 18px;} .ny_right .s_case .swiper3 .swiper-slide{ width: 40%;} .ncp_table table thead tr th{ font-size: 14px;} .ncp_table table tbody tr td{ font-size: 14px;} .form2_head, .form3_head{ height: 54px; line-height: 54px;} .form2_head span, .form3_head span{ font-size: 14px; height: 54px; line-height: 54px;} .form2_head strong, .form3_head strong{ font-size: 16px; height: 54px; line-height: 54px;} .form2_head strong img, .form3_head strong img{ width: 30px;} .form3_content{ padding: 3% 0;} .form2_content h2, .form3_content h2{ font-size: 24px;} .form2_content h4, .form3_content h4{ font-size: 14px;} .form2_content .form-group .form-control, .form2_content .form-group .btn, .form3_content .form-group .form-control, .form3_content .form-group .btn{ font-size: 14px; padding: 4px 20px; height: 34px;} .form3_content .form-group input.form-control{ height: 34px;} .form3_content .form-group{ margin-bottom: 10px;} .form2_kuang, .form3_kuang{ width: 75%;} .form2_content h5, .form3_content h5{ font-size: 14px; margin-top: 15px;} .form2_close, .form3_close{ height: 46px; line-height: 42px; width: 46px;} .form2_close i, .form3_close i{ line-height: 42px; font-size: 16px;} /* new 20220704 */ .xin_title{ font-size: 16px; padding: 0 5%;} .xin_2274 ul li:nth-child(2) .xin_title, .xin_2274 ul li:nth-child(3) .xin_title{ font-size: 20px;} .xin_2274 ul li:nth-child(4) .xin_title{ font-size: 12px;} .xin_2274 ul li span{ top: 10%; font-size: 16px;} .xin_2274 ul li span i{ font-size: 50px;} .xin_left video{ width: 100%; height: 280px;} .xin_left iframe{ width: 100%; height: 280px;} /* new 20220704 */ } @media (min-width:1201px) and (max-width:1440px) { .header.ny.active{ height: 80px; padding-top: 0;} .header.ny.active .logo{ height: 70px;} .header.ny .pc_nav ul li>a{ line-height: 80px;} .header.ny{ height: 80px; padding-top: 0;} .header.ny .logo{ height: 70px;} .header{ height: 70px;} .logo{ width: auto; height: 70px;} .header .container.cw{ padding-left: 18%; padding-right: 24%;} .pc_seach input{ height: 34px;} .pc_seach button{ height: 34px; line-height: 34px;} .pc_seach button i{ line-height: 34px; font-size: 18px;} .pc_seach{ width: 160px; height: 34px;} .pc_lang{ margin-left: 20px;} .pc_lang>a{ line-height: 34px; font-size: 16px;} .pc_nav ul li>a{ font-size: 16px; line-height: 70px;} .erji .ej_li>a{ line-height: 36px; font-size: 14px; padding-left: 10px; padding-right: 25px;} .sanji .sj_li>a{ font-size: 14px; line-height: 36px; padding-left: 20px; padding-right: 10px;} .ban_text span{ font-size: 24px;} .ban_text span strong{ font-size: 50px;line-height: 56px;} .ban_text{ top:32%;} .sab_left h2{ font-size: 20px;} .sab_left h2 strong{ font-size: 36px;} .sab_left p{ font-size: 14px; line-height: 22px; margin-top: 15px; margin-bottom: 20px;} .sab_right .swiper1 ul li{ margin: 15px 0;} .sab_right .swiper1 ul li:nth-child(5), .sab_right .swiper1 ul li:nth-child(6), .sab_right .swiper1 ul li:nth-child(7), .sab_right .swiper1 ul li:nth-child(8){ margin-bottom: 20%;} .sab_right{ padding-top: 0;} .sab_left{ padding-top: 8%;} .sab_right .swiper1 ul li img{ max-width: 80%; max-height: 60px;} .spro_right h2{ font-size: 36px; text-align: center;} .spro_right>ul{ height: 40px; border-radius: 20px; width: 170px; margin-bottom: 20px; margin-top: 10px;} .spro_right>ul li{ width: 80px; line-height: 40px; font-size: 18px;} .spro_right>ul:after{ width: 90px; height: 40px;} .spro_right>ul.cur2:after{ left: 80px;} .spro_right{ width: 400px;} .spro_form .form-group{ height: 40px; margin-bottom: 10px;} .spro_form .form-group .form-control{ height: 40px; font-size: 16px;} .spro_form .form-group button{ font-size: 14px; border-radius: 20px; height: 40px;} .spro_form .form-group button i{ font-size: 16px;} .smap_right h2{ margin-top: 0;} .smap_right h2 strong{ font-size: 36px; margin-top: 0;} .smap_right p { font-size: 14px; line-height: 22px; margin-top: 15px; margin-bottom:20px;} .s_service h2{ font-size: 36px;} .seve_content ul li a{ font-size: 24px; line-height: 36px;} .seve_content .swiper2 .swiper-slide a span{ font-size: 24px;} .seve_fan, .seve_content .swiper2 .swiper-slide a span{ height: 100px;} .scase_text h4{ line-height: 24px; font-size: 16px; padding-left: 60px; margin-bottom: 15px;} .scase_text p{ font-size: 14px; line-height: 20px;} .scase_text h4 img{ width: 40px; max-height: 40px;} .ceng_img{ width: 48%;} .scase_ceng .scase_text h5{ font-size: 14px; padding-left: 50px;} .scase_text{ padding: 0 4%;} .ceng_more{ left: 4%;} .smas_right .form-group{ margin-bottom: 10px;} .smas_right .form-group input.form-control, .smas_right .form-group select.form-control, .smas_right .form-group button, .smas_right .form-group .form-control{ font-size: 14px;} .smas_left h4{ font-size: 16px; line-height: 24px; margin-top: 15px;} .smas_left h2{ font-size: 36px; line-height: 30px; margin-bottom: 20px;} .smas_left h2 span{ padding-bottom: 10px;} .smas_right .form-group.msg_btn button.btn{ height: 40px;} .footer h4 a{ font-size: 14px;} .footer{ padding: 30px 0; padding-bottom: 15px;} .footer p{ font-size: 14px; margin-top: 10px; margin-bottom: 0;} .footer ul li a i{ font-size: 16px; line-height: 32px;} .footer ul li a{ width: 34px; height: 34px;} .links select{ height: 32px; font-size: 14px;} .links{ width: 150px; height: 34px; border-radius: 17px; margin-right: 15px; padding: 0 10px;} .n_banner .container{ font-size: 36px; line-height: 36px;} .n_zhong, .n_zhong2{ padding: 40px 0;} .ny_left h2{ font-size: 24px;} .ny_left .caption{ margin-top: 15px;} .ny_left .caption h3{ font-size: 18px; margin: 12px 0;} .ny_left .caption ul li{ margin: 5px 0;} .ny_left .caption ul li a{ font-size: 14px; padding-bottom: 3px;} .ty_nbiao{ font-size: 24px;} .ty_nbiao2{ font-size: 20px; margin: 20px 0;} .nab_business .ty_nbiao2{ margin: 20px 0; margin-top: 30px;} .nab_business h4{ font-size: 18px; line-height: 30px;} .nab_value ul li span{ font-size: 16px; line-height: 24px;} .nab_value ul li{ padding: 15px 0;} .nab_model>div{ font-size: 16px;} .nab_h3{ font-size: 18px; margin-bottom: 20px; line-height: 24px;} .lc_left h2{ font-size: 24px; margin-bottom: 20px;} .lc_left h3{ font-size: 18px;} .lc_left h4{ font-size: 16px; line-height: 24px;} .lc_right .ty_content h5{ font-size: 16px;} .lc_right .ty_content p{ font-size: 14px; margin: 10px 0;} .lc_right{ padding-right: 10px;} .lc_li .dian{ width: 15px; height: 15px;} .lc_li{ padding-bottom: 60px;} .nab_csr h2{ font-size: 24px;} .scr_text h3{ font-size: 16px; line-height: 24px;} .csr_li{ padding: 15px 25px;} .nab_career .panel .panel-heading a h2{ font-size: 18px;} .nab_career .panel .panel-heading a h4{ font-size: 14px; line-height: 24px;} .nab_career ul li a span{ font-size: 16px;} .nab_career ul li a{ padding: 10px 12%;} .nab_career .panel .panel-body{ padding: 15px 0;} .nab_career .panel .panel-heading a i{ width: 40px; height: 40px; line-height: 40px;} .nab_sales>h3{ font-size: 18px;} .smas_right.nab_join .form-group .btn{ height: 40px; font-size: 14px;} .sale_after ul li span{ font-size: 16px; line-height: 24px;} .sale_after ul li{ padding-top: 25%;} .sale_after ul{ width: 200px; height: 200px;} .lx_left h2{ font-size: 20px; margin-bottom: 20px;} .lx_left h4 span{ font-size: 14px;} .lx_left h4{ font-size: 16px; margin-bottom: 15px; line-height: 24px;} .n_contact .smas_right h3{ font-size: 16px; margin-bottom: 20px;} .nloca .ty_content p{ font-size: 14px; line-height: 24px;} .loca_contact .caption h3{ font-size: 18px; line-height: 24px; margin-bottom: 40px; padding-left: 65px;} .loca_contact .caption h3 a.btn{ height: 50px; line-height: 50px;} .loca_img ul li span{ font-size: 30px;} .n_map ul li strong{ font-size: 16px;} .n_map ul li i{ font-size: 24px;} .n_map h5 span{ font-size: 16px;} .n_map h5 span i{ font-size: 30px;} .n_kit .panel .panel-heading a{ font-size: 18px; line-height: 30px; padding-top: 2%; padding-bottom: 2%;} .n_kit .csr_li .scr_text h3{ font-size: 16px;} .n_kit .csr_li{ margin-bottom: 20px;} .need_more h2{ font-size: 24px;} .need_more h4{ font-size: 16px; line-height: 24px;} .needmore_a{ margin-top: 30px;} .needmore_a a{ height: 46px; width: 200px; line-height: 46px;} .need_more{ margin: 5% 0;} .nnew_text h4{ font-size: 16px;} .nnew_text h5{ margin-bottom: 10px;} .nnew_text p{ font-size: 14px; line-height: 20px;} .nnew_more span i{ font-size: 16px;} .nnew_more span{ font-size: 14px; margin-right: 20px;} .nnew_send h2{ font-size: 24px;} .nnew_send h4{ font-size: 16px; line-height: 24px;} .oem_lc ul li h2{ font-size: 24px;} .oem_lc ul li h4{ font-size: 16px; line-height: 24px;} .oem_ul_text p{ font-size: 14px;} .oem_ul_text h4{ font-size: 16px; line-height: 20px;} .sale_on{ padding: 120px 0;} .sale_on ul{ width: 180px; height: 180px;} .sale_on ul li{ padding-top: 12%;} .sale_on ul li span{ font-size: 16px; line-height: 24px;} .pro_img_ceng ul i{ font-size: 14px; margin-top: 20px;} .pro_img_ceng ul li{ font-size: 16px;} .pro_title span{ font-size: 16px;} .pro_title .xqc img{ height: 24px;} .pro_li{ margin-bottom: 30px;} .weizhi a{ font-size: 14px;} .weizhi i{ font-size: 14px;} .ncp_right h2{ font-size: 24px; margin-top: 10px;} .ncp_right .xqc{ margin-top: 15px;} .xqc img{ height: 36px;} .ncp_right .caption{ margin-top: 10px;} .captext h3{ font-size: 16px; line-height: 22px;} .captext h4{ font-size: 14px; line-height: 20px;} .capimg{ width: 60px; margin-right: 20px;} .captext { width: calc(100% - 80px);} .ncp_btn{ margin-top: 20px;} .ncp_btn a{ font-size: 18px;} .ncp_biao{ font-size: 18px; margin-top: 40px;} .ny_right .smas_left h2{ font-size: 24px;} .ny_right .smas_left h2 span{ padding-bottom: 5px;} .smas_left h4{ font-size: 14px; line-height: 20px;} .ty_nbiao span{ font-size: 18px;} .nnew_foot_more{ font-size: 14px;} .bg_biao1 span{ font-size: 18px;} .bg_biao1, .bg_biao2{ margin: 20px 0; margin-top: 30px;} .bg_biao2 span{ font-size: 18px;} .nnew_chall ul li{ font-size: 14px;} .sale_tsc div{ width: 70%;} .sale_tsc div ul li i:after{ width: 70px; height: 70px;} .sale_tsc div ul li i{ width: 90px; height: 90px;} .sale_tsc div ul li span{ font-size: 18px;} .ny_right .s_case .swiper3 .swiper-slide{ width: 40%;} .ncp_table table thead tr th{ font-size: 14px;} .ncp_table table tbody tr td{ font-size: 14px;} .form2_head, .form3_head{ height: 70px; line-height: 70px;} .form2_head span, .form3_head span{ font-size: 14px; height: 70px; line-height: 70px;} .form2_head strong, .form3_head strong{ font-size: 16px; height: 70px; line-height: 70px;} .form2_head strong img, .form3_head strong img{ width: 36px;} .form2_content h2, .form3_content h2{ font-size: 24px;} .form2_content h4, .form3_content h4{ font-size: 14px;} .form2_content .form-group .form-control, .form2_content .form-group .btn, .form3_content .form-group .form-control, .form3_content .form-group .btn{ font-size: 14px; height: 40px;} .form2_kuang, .form3_kuang{ width: 60%;} .form2_content h5, .form3_content h5{ font-size: 14px; margin-top: 15px;} /* new 20220704 */ .xin_title{ font-size: 18px;} .xin_2274 ul li:nth-child(2) .xin_title, .xin_2274 ul li:nth-child(3) .xin_title{ font-size: 24px;} .xin_2274 ul li:nth-child(4) .xin_title{ font-size: 14px;} .xin_2274 ul li span{ top: 10%; font-size: 18px;} .xin_2274 ul li span i{ font-size: 60px;} .xin_left video{ width: 100%; height: 340px;} .xin_left iframe{ width: 100%; height: 340px;} /* new 20220704 */ } @media (min-width:1441px) and (max-width:1760px) { .ban_text span strong{font-size: 68px; line-height: 70px;} .sab_left h2{ font-size: 30px;} .sab_left h2 strong{ font-size: 50px;} .sab_left p{ margin-top: 20px; margin-bottom: 30px; font-size: 18px; line-height: 24px;} .sab_right .swiper1 ul li{ margin: 20px 0;} .sab_right .swiper1 ul li:nth-child(5), .sab_right .swiper1 ul li:nth-child(6), .sab_right .swiper1 ul li:nth-child(7), .sab_right .swiper1 ul li:nth-child(8){ margin-bottom: 15%;} .sab_left{ padding-top: 5%;} .sab_right{ padding-top: 0;} .spro_right h2{ font-size: 50px; text-align: center;} .spro_right>ul{ margin-bottom: 20px;} .smap_right h2 strong{ font-size: 50px;} .smap_right p{ margin-top: 20px; margin-bottom: 30px;} .s_service h2{ font-size: 50px;} .seve_content ul li a{ font-size: 30px; line-height: 46px;} .seve_content .swiper2 .swiper-slide a span{ height: 80px; font-size: 24px;} .seve_content .swiper2{ width: 30%;} .seve_fan{ right: 33%; height: 80px;} .footer ul li a{ width: 40px; height: 40px;} .footer ul li a i{ line-height: 38px; font-size: 18px;} .links{ margin-right: 15px; width: 160px; padding: 0 10px;} .n_banner .container{ font-size: 50px; line-height: 50px;} .ny_left h2{ font-size: 24px;} .ny_left .caption{ margin-top: 20px;} .ny_left .caption h3{ font-size: 18px; margin-bottom: 10px;} .ny_left .caption ul li a{ font-size: 16px;} .ty_nbiao{ font-size: 24px;} .nab_business h4{ font-size: 18px; line-height: 30px;} .smas_left h2{ font-size: 30px; margin-bottom: 20px;} .smas_left h2 span{ padding-bottom: 10px;} .smas_left h4{ font-size: 18px; line-height: 24px;} .ncp_right h2{ font-size: 36px; margin-top: 20px;} .xqc img{ height: 42px;} .ncp_right .xqc{ margin-top: 20px;} .ncp_btn{ margin-top: 30px;} .ncp_btn a{ font-size: 24px;} .ncp_biao{ font-size: 20px; margin-top: 30px;} .pro_title span{ font-size: 18px;} .pro_title .xqc img{ height: 30px;} .loca_contact .caption h3{ font-size: 18px; margin-bottom: 40px;} .sale_on ul li span{ font-size: 18px;} .nnew_text h4{ font-size: 16px;} .nnew_foot_more a:hover{ color: #c81528; text-decoration: underline !important;} .lx_left h2{ margin-bottom: 20px; font-size: 24px;} .lx_left h4{ font-size: 18px; margin-bottom: 20px;} /* new 20220704 */ .xin_title{ font-size: 24px;} .xin_2274 ul li:nth-child(2) .xin_title, .xin_2274 ul li:nth-child(3) .xin_title{ font-size: 30px;} .xin_2274 ul li span{ top: 10%; font-size: 24px;} .xin_left video{ width: 100%; height: 360px;} .xin_left iframe{ width: 100%; height: 360px;} /* new 20220704 */ } @media (min-width:1441px) and (max-width:1620px) { .xin_2274 ul li:nth-child(4) .xin_title{ font-size: 14px;} } @media (min-width:1620px) and (max-width:1760px) { .xin_2274 ul li:nth-child(4) .xin_title{ font-size: 16px;} } @media (min-width:1441px){ .container.cw{ width: calc(100% - 320px); padding: 0;} } @media (max-width:991px) { iframe{ height:300px ;} .fanye{ text-align: center ;} .fanye a{ padding: 4px 8px ; } } @media (min-width:991px) { .fancybox-button { width: 60px ; height: 60px ;} .fancybox-navigation button { width: 80px ; height:120px ;} .fancybox-navigation button:before { width: 60px ; height: 60px ;} }