.ind_tit{ margin:0 auto; text-align:center;} .ind_tit span{ font-size:44px; font-weight:bold; color:#333;} .ind_tit span:before,.ind_tit span:after{content: "";display:inline-block;width:34px; height:30px;background: url(../images/ind_title_ico.png) center center no-repeat;} .ind_tit span:before{ margin:0 30px 0 0;} .ind_tit span:after{ margin:0 0 0 30px;transform: scaleX(-1);-webkit-transform: scaleX(-1);} .ind_tit p{ font-size:18px; line-height:36px; color:#999;} @media screen and (max-width:1440px){ .ind_tit span{ font-size:40px;} } @media screen and (max-width:1080px){ .ind_tit span{ font-size:30px;} .ind_tit p{ font-size:16px; line-height:32px;} .ind_tit span:before, .ind_tit span:after{ height:20px;} } @media screen and (max-width:768px){ .ind_tit span:before{ margin:0 15px 0 0;} .ind_tit span:after{ margin:0 0 0 15px;} } @media screen and (max-width:600px){ } @media screen and (max-width:425px){ .ind_tit span{ font-size:24px;} .ind_tit span:before,.ind_tit span:after{ height:14px;} } @media screen and (max-width:320px){ } /*NyBanner 开始*/ .NyBanner { width:100%; height:550px; margin-top: 120px; padding:0; position:relative; z-index:2; overflow:hidden;} .NyBanner .NyBa_Con { position:absolute; top:45%; left:50%; transform: translate(-50%,-50%);} .NyBa_Con span { display:block; width:100%; height:auto;color:rgba(255,255,255,0.15); font-size:36px; line-height:38px; margin:0 auto; padding:0; font-family: "AlimamaShuHeiTi-Bold"; text-transform: uppercase;} .NyBa_Con i { display:block; width:40px; height:40px; border-radius:50%; border:1px solid #1a5aaa;background:url(../images/jt06.png) center no-repeat; margin-top:30px;animation: nbanA 2s infinite;} @keyframes nbanA { 0%{background:url(../images/jt06.png) center 5px no-repeat;} 50%{background:url(../images/jt06.png) center 15px no-repeat;} 100%{background:url(../images/jt06.png) center 5px no-repeat;} } .NyBa_Con p { width:100%; height:auto;color:#fff; font-size:48px; font-weight:bold; margin:0 auto; padding:0;} @media (max-width:1680px) { .NyBanner { height:539px; margin-top: 100px;} } @media (max-width:1600px) { .NyBanner { height:506px;} } @media (max-width:1560px) { .NyBanner { height:484px;} .NyBa_Con span { font-size:22px;} .NyBa_Con p { font-size:34px;} } @media (max-width:1440px) { .NyBanner { height:440px; margin-top: 80px;} .NyBa_Con span { font-size:20px;} .NyBa_Con i { height:2px; margin:6px 0 12px; background:#1a5aaa;} .NyBa_Con p { font-size:30px;} } @media (max-width:1366px) { .NyBanner { height:418px;} } @media (max-width:1280px) { .NyBanner { height:386px;} .NyBa_Con span { line-height:26px; font-size:18px;} .NyBa_Con i { margin:6px 0 10px;} .NyBa_Con p { line-height:36px; font-size:28px;} } @media (max-width:1200px) { .NyBanner { height:374px;} } @media (max-width:1079px) { .NyBanner .NyBa_Con{ width:94%;} .NyBanner { height:352px;} } @media (max-width:920px) { .NyBanner { margin-top: 72px;} } @media (max-width:800px) { .NyBanner { height:306px;} } @media (max-width:767px) { .NyBanner { height:220px; margin-top: 64px;} .NyBa_Con span { height:16px; line-height:16px; font-size:14px;} .NyBa_Con i { width:32px; height:1px; margin:5px 0 8px;} .NyBa_Con p { height:30px; line-height:30px; font-size:20px;} } @media (max-width:500px) { .NyBanner { height:172px;} } /*内页关于我们*/ .nymbxnav{ background:#fff; box-shadow:0 0 24px rgba(0,0,0,.03); padding:20px 2%; position:relative; z-index:3; margin-top:-65px;} .nymbxnav a{ display:block; width:20%; float:left; text-align:center; font-size:18px; color:#777;transition: all .5s;-webkit-transition: all .5s;} .nymbxnav a em{ display:block; width:52px; height:52px; margin:0 auto; background:url(../images/abnavico.png) no-repeat; margin-bottom:12px;transition: all .4s;-webkit-transition: all .4s;} .nymbxnav a.jj2 em{ background-position:-52px 0;} .nymbxnav a.jj3 em{ background-position:-104px 0;} .nymbxnav a.jj4 em{ background-position:-156px 0;} .nymbxnav a.jj5 em{ background-position:-208px 0;} .nymbxnav a:hover,.nymbxnav a.on{ color:#1a5aaa;} .nymbxnav a.jj1:hover em,.nymbxnav a.jj1.on em{ background-position:0 -52px;} .nymbxnav a.jj2:hover em,.nymbxnav a.jj2.on em{ background-position:-52px -52px;} .nymbxnav a.jj3:hover em,.nymbxnav a.jj3.on em{ background-position:-104px -52px;} .nymbxnav a.jj4:hover em,.nymbxnav a.jj4.on em{ background-position:-156px -52px;} .nymbxnav a.jj5:hover em,.nymbxnav a.jj5.on em{ background-position:-208px -52px;} @media (max-width:1080px) { .nymbxnav{ padding:15px 2%;margin-top: -52px;} .nymbxnav a{ font-size:16px;} .nymbxnav a em{ margin-bottom:5px;width: 46px;height: 46px; background-size:230px 92px;} .nymbxnav a.jj2 em{ background-position:-46px 0;} .nymbxnav a.jj3 em{ background-position:-92px 0;} .nymbxnav a.jj4 em{ background-position:-138px 0;} .nymbxnav a.jj5 em{ background-position:-184px 0;} .nymbxnav a.jj1:hover em,.nymbxnav a.jj1.on em{ background-position:0 -46px;} .nymbxnav a.jj2:hover em,.nymbxnav a.jj2.on em{ background-position:-46px -46px;} .nymbxnav a.jj3:hover em,.nymbxnav a.jj3.on em{ background-position:-92px -46px;} .nymbxnav a.jj4:hover em,.nymbxnav a.jj4.on em{ background-position:-138px -46px;} .nymbxnav a.jj5:hover em,.nymbxnav a.jj5.on em{ background-position:-184px -46px;} } @media (max-width:767px) { .nymbxnav{ padding:10px 2%;margin-top: -45px;} .nymbxnav a{ width:25%;font-size: 15px;} .nymbxnav a.jj4{ display:none;} .nymbxnav a em{ margin-bottom:0;} } @media (max-width:500px) { .nymbxnav{ margin-top:-22px;} .nymbxnav a em{ display:none;} } .ny_abcont{ width:100%; padding:75px 0 320px; background:#fff url(../images/nyab_bg.jpg) bottom no-repeat; min-height:200px;} .ny_abcont .ind_bigbt{ font-size:44px;} .ny_abcont .gsjjnr{ width:90%; margin:50px auto 0;font-size:16px; line-height:32px; color:#777;font-family:Microsoft Yahei,微软雅黑,Arial;} .ny_abcont .gsjjnr p,.ny_abcont .gsjjnr span{line-height:32px;font-family:Microsoft Yahei,微软雅黑,Arial !important;} .ny_honor{ width:100%; background:#12151a url(../images/nyhonor_bg.jpg) bottom no-repeat; background-size:cover;position:relative;} .ny_honor .abjjimg{position:relative; transform:translateY(-50%); margin:0 auto -130px;} .ny_honor .abjjimg img{ width:100%;} .ny_honor .ind_bigbt{ color:#fff;font-size:44px;} .ny_honor .roll{padding:45px 88px 95px; position:relative; min-height:187px;} .ny_honor .swiper-container { min-height:100px; position:relative; overflow:hidden;} .ny_honor .swiper-slide .pic{ display:block; width:100%; height:202px;border:3px solid rgba(231,231,231,.45); background:rgba(255,255,255,.45); padding:12px; position:relative; overflow:hidden;transition: all .5s;-webkit-transition: all .5s;} .ny_honor .swiper-slide .pic a{display:block; width:100%; height:100%;} .ny_honor .swiper-slide:hover .pic{border:3px solid #fff;} .ny_honor .swiper-slide .pic img{ max-width:calc(100% - 24px); max-height:calc(100% - 24px); margin:auto; position:absolute; top:0; bottom:0; left:0; right:0;} .ny_honor .swiper-slide:hover .pic img{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);} .ny_honor .swiper-slide a.name{ color:#666;width:100%; margin-top:25px; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;transition: all .5s;-webkit-transition: all .5s;} .ny_honor .swiper-slide:hover a.name{ color:#fff;} .ny_honor .roll .swiper-button-prev,.ny_honor .roll .swiper-button-next{ width:44px; height:68px; border-radius:8px; border:1px solid #fff; background:url(../images/jt07.png) center no-repeat; margin-top:-75px;transition: all .5s;-webkit-transition: all .5s;} .ny_honor .roll .swiper-button-prev{left:0;} .ny_honor .roll .swiper-button-next{right:0; transform:rotate(180deg);} .ny_honor .roll .swiper-button-prev:hover,.ny_honor .roll .swiper-button-next:hover{background: #1a5aaa url(../images/jt07.png) center no-repeat; border:1px solid #1a5aaa; } .ny_culture{ width:100%; padding:95px 0; overflow:hidden;} .ny_culture .ind_bigbt{ font-size:44px; margin-bottom:45px;} .ny_culture .left{ width:43.14%; float:left; background:#1a5aaa url(../images/nyculture_bg.jpg) bottom no-repeat; background-size:100%; padding:65px 88px; display:flex; display: -webkit-flex;} .ny_culture .left p{ width:50px; font-size:42px; line-height:44px; font-weight:bold; color:#fff; margin-right:35px;} .ny_culture .left p:nth-of-type(1){ margin-top:60px;} .ny_culture .left p i{ font-style:normal; font-weight:100;} .ny_culture .right{ width:50%; float:right;} .ny_culture .right .qywjli{ width:100%; border-bottom:5px solid #eee; padding:35px 0;transition: all .5s;-webkit-transition: all .5s; } .ny_culture .right .qywjli:hover{ box-shadow:0 0 20px rgba(0,0,0,.1);} .ny_culture .right .qywjli p{ font-size:28px; line-height:36px;} .ny_culture .right .qywjli span{font-size:16px; color:#999; line-height:30px;} .ny_culture .right .qywjli:before{ content:""; display:block; width:78px; height:70px;background: url(../images/cultureico.png) center no-repeat; float:left; margin-right:37px; background-position:0 0;} .ny_culture .right .qywjli:nth-of-type(2):before{background-position:0 -70px;} .ny_culture .right .qywjli:nth-of-type(3):before{background-position:0 -140px;} .ny_culture .right .qywjli:nth-of-type(4):before{background-position:0 -210px;} @media (max-width:1440px) { .ny_abcont{ padding: 60px 0 270px;} .ny_abcont .ind_bigbt,.ny_honor .ind_bigbt,.ny_culture .ind_bigbt{ font-size:38px;line-height:40px;} .ny_abcont .gsjjnr{ width:100%;margin:20px auto 0;} .ny_honor .abjjimg{margin: 0 auto -160px;} .ny_honor .roll{padding:30px 70px 60px;} .ny_honor .swiper-slide a.name{margin-top: 15px;} .ny_culture{padding:60px 0;} .ny_culture .ind_bigbt{ margin-bottom:30px;} } @media (max-width:1250px) { .ny_abcont{ padding: 50px 0 230px;} .ny_honor .abjjimg{margin: 0 auto -130px;} } @media (max-width:1080px) { .ny_abcont{ padding:40px 0;} .ny_abcont .ind_bigbt,.ny_honor .ind_bigbt,.ny_culture .ind_bigbt{font-size: 34px;line-height: 36px;} .ny_honor{ padding:40px 0;} .ny_honor .abjjimg{ display:none;} .ny_honor .roll{padding:30px 70px 0;} .ny_honor .swiper-slide .pic{ height:180px;} .ny_honor .roll .swiper-button-prev, .ny_honor .roll .swiper-button-next{ width:38px; height:50px;margin-top: -26px;} .ny_culture{padding:40px 0;} .ny_culture .left p{ font-size:34px; line-height:36px; width:40px;} .ny_culture .left{ padding:65px 60px;} .ny_culture .right{ width:52%;} .ny_culture .right .qywjli{ padding:27px 0;} .ny_culture .right .qywjli::before{ margin-right:15px;} .ny_culture .right .qywjli p{ font-size:24px;} } @media (max-width:767px) { .ny_abcont{ padding:30px 0;min-height: 250px;} .ny_abcont .ind_bigbt,.ny_honor .ind_bigbt,.ny_culture .ind_bigbt{font-size: 30px;line-height: 32px;} .ny_abcont .gsjjnr{ margin-top:15px;font-size: 15px; line-height:28px;} .ny_honor{ padding:30px 0;} .ny_honor .roll {padding: 20px 50px 0;} .ny_honor .swiper-slide a.name{ font-size:15px;} .ny_honor .roll .swiper-button-prev, .ny_honor .roll .swiper-button-next{ width:30px; height:40px;margin-top: -26px;} .ny_culture{padding:30px 0;} .ny_culture .ind_bigbt{ margin-bottom:20px;} .ny_culture .left{ width:100%; display:none;} .ny_culture .left p{ width:100%;} .ny_culture .left p:nth-of-type(1){ margin-top:0;} .ny_culture .right{ width:100%;} .ny_culture .right .qywjli{ padding:20px 0;border-bottom:0;border-top: 3px solid #eee;} .ny_culture .right .qywjli p{ font-size:20px;} .ny_culture .right .qywjli span{ font-size:15px;} } @media (max-width:500px) { .ny_abcont .ind_bigbt,.ny_honor .ind_bigbt,.ny_culture .ind_bigbt{font-size: 24px;line-height: 26px;} .ny_honor .swiper-slide .pic {height: 130px;} } @media (max-width:414px) { .ny_honor .swiper-slide .pic {height: 180px;} } /*产品中心 内页*/ .nyProducts { overflow: hidden;} .nyProducts .nyPro_Menu{ background:#fff; box-shadow:0 0 24px rgba(0,0,0,.03);position:relative; z-index:3;} .nyProducts .nyPro_Menu:before,.nyProducts .nyPro_Menu:after{ content:"";display:block; width:calc(13% + 60px); height:100%; background:#fff; position: absolute; left:0; top:0; z-index:2;} .nyProducts .nyPro_Menu:after{left:auto;right:0;} .ParentLevel {height:auto; margin:0 auto;position:relative;padding: 0 60px; max-width:94%;} .ParentLevel:before,.ParentLevel:after{ content:"";display:block; width:1px; height:100%; background:#fff; position: absolute; left:59px; top:0; z-index:22;} .ParentLevel:after{ left:auto;right:60px;} .ParentLevel .swiper-button-prev,.ParentLevel .swiper-button-next{ width:44px; height:44px; border-radius:50%; background:#f4f4f4 url(../images/jt14.png) center no-repeat; left:0;} .ParentLevel .swiper-button-next{ left:auto; right:0; transform:rotate(180deg);} .ParentLevel .swiper-button-prev:hover,.ParentLevel .swiper-button-next:hover{background:#1a5aaa url(../images/jt15.png) center no-repeat;} .ParentLevel ul { width:100%; height:100%; margin:0 auto; padding:0; position:static;min-height: 60px;} .ParentLevel ul li { display:block; width:auto; height:100%;padding:0; float:left;} .ParentLevel ul li p { width:auto; height:100%; margin:0; padding:0 40px 0 0;position:relative; } .ParentLevel ul li p a { display:block; width:auto; height:100px; line-height:100px; color:#666; font-size:16px; font-weight:bold;padding: 0 20px 0 35px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .ParentLevel ul li p span { display:block; width:60px; height:40px; margin:-20px 0 0; padding:0; background:url(../images/mulu0.png) left center no-repeat;position:absolute; top:50%; right:0; cursor:pointer;} .ParentLevel ul li p span i { display:block; width:1px; height:100%;background-color:#e6e6e6; float:right;} .ParentLevel ul li p:before{ content:""; display:none; width:10px; height:10px; border-radius:50%; background:#1a5aaa; border:2px solid #fff; position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); opacity:0;transition: all .5s;-webkit-transition: all .5s;} .ParentLevel ul li.selected p, .ParentLevel ul li:hover p { background-color:#1a5aaa;} .ParentLevel ul li.selected p:before, .ParentLevel ul li:hover p:before{ opacity:1; bottom:10px;} .ParentLevel ul li.selected p a, .ParentLevel ul li:hover p a { color:#fff;} .ParentLevel ul li:hover p span { background:url(../images/mulu1.png) left center no-repeat;} .ParentLevel ul li.selected p span { background:url(../images/mulu2.png) left center no-repeat;} .ParentLevel ul li.selected p span i, .ParentLevel ul li:hover p span i { background-color:#1a5aaa;} .ChildLevel { display:none;width:100%; height:auto; background-color:#ddd;position:absolute; left:0; top:100%; transition: all 0s ease;} .ChildLevel .tag { width:100%; height:auto; margin:0 auto; padding:20px 15px;} .ChildLevel .tag a {width:100%; height:30px; line-height:30px;padding: 0 10px;color:#777; font-size:16px; margin:7px 0;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;} .ChildLevel .tag a:before{ content:""; display:block; width:2px; height:2px; background:#777;float: left;margin: 15px 7px 0 0;} .ChildLevel .tag a:hover { color:#fff; background:#1a5aaa;} .ChildLevel .tag a:hover:before{ background:#fff;} .nyProducts .nyPro_Main {height:auto; margin:80px auto; min-height:500px;} .nyPro_Main .nyPro_List { width:100%; height:auto; min-height:240px; margin:0 auto; padding:0;} .nyPro_List ul li{ width:23.8%; margin-right:1.6%; float:left; background:#fff;margin-bottom:20px; border:1px solid #ddd;} .nyPro_List ul li:hover{border:1px solid #1a5aaa;} .nyPro_List ul li:nth-child(4n){ margin-right:0;} .nyPro_List ul li .pic{ display:block; width:100%; height:300px; position:relative; overflow:hidden; padding:5%;} .nyPro_List ul li .pic img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:80%; max-height:80%;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .nyPro_List ul li:hover .pic img{transform: scale(1.06);} .nyPro_List ul li .name{ font-size:18px; color:#333; font-weight:bold; text-align:center; max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block; background:#f8f8f8; height:80px; line-height:80px; padding:0 5%;} .nyPro_List ul li:hover .name{ color:#fff; background:#1a5aaa;} .nyPro_List ul li dl{ padding:5%;} .nyPro_List ul li dl dd{ width: 48%;margin: 0 4% 20px 0;float: left;display: flex; align-items: center; height: 40px;line-height: 40px;color: #999;font-size: 16px;background-color: #f8f8f8;position: relative;} .nyPro_List ul li dl dd:nth-child(2){margin: 0 0 20px 0;} .nyPro_List ul li dl dd a{ justify-content: center; margin:0 auto; padding:4% 0; color:#999;} .nyPro_List ul li dl dd a i{display: inline-block; width:6px; height:13px; background:url(../images/pro_more_ico.png) center no-repeat; vertical-align:middle;margin: -2px 0 0 10px;} .nyPro_List ul li dl dd:first-child,.nyPro_List ul li dl dd:hover{ background:#1a5aaa;} .nyPro_List ul li dl dd:first-child a,.nyPro_List ul li dl dd:hover a{ color:#fff;} .nyPro_List ul li dl dd:first-child a i,.nyPro_List ul li dl dd:hover a i{background:url(../images/pro_more_icoon.png) center no-repeat;} .nyPro_List ul li .lyPro_con { overflow: hidden; padding: 20px; background-color: #fff; position: relative;} .lyPro_con a.lyPro_img { display: block; width: 100%; height: 260px; overflow: hidden; margin-bottom: 10px; position: relative;} .lyPro_con:hover a.lyPro_img img { transform: scale(1.05); -webkit-transform: scale(1.05);} .lyPro_con a.lyPro_name { display: block; width: 100%; height: 32px; overflow: hidden; line-height: 32px; color: #222; font-size: 18px; font-weight: bold; white-space:nowrap; text-overflow:ellipsis;} .lyPro_con:hover a.lyPro_name { color: #1a5aaa;} .lyPro_con p.lyPro_model { width: 100%; height: 24px; overflow: hidden; line-height: 24px; color: #999; font-size: 16px; white-space:nowrap; text-overflow:ellipsis; margin: 5px 0; padding-left: 20px; position: relative;} .lyPro_con p.lyPro_model i { display: block; width: 14px; height: 14px; overflow: hidden; position: absolute; left: 0; top: 5px;} .lyPro_con a.lyPro_more { display: block; width: 100%; height: 24px; overflow: hidden; line-height: 24px; color: #999; font-size: 14px; text-align: right; position: relative;} .lyPro_con:hover a.lyPro_more { color: #1a5aaa;} .lyPro_con a.lyPro_more::before, .lyPro_con a.lyPro_more::after { content: ''; display: block; width: 0; height: 1px; background-color: #e6e6e6; position: absolute; left: 0; top: 12px; transition: all 0.5s; -webkit-transition: all 0.5s;} .lyPro_con a.lyPro_more::before { width: calc(100% - 70px);} .lyPro_con:hover a.lyPro_more::after { width: calc(100% - 70px);} .lyPro_con a.lyPro_btn { display: block; width: 100%; height: 100%; overflow: hidden; background-color: rgba(26, 90, 170, .5); position: absolute; left: 0; top: 100%;} .lyPro_con:hover a.lyPro_btn { top: 0;} .lyPro_con a.lyPro_btn i { display: block; width: 72px; height: 72px; overflow: hidden; padding: 20px; background-color: #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);} .lyPro_con a.lyPro_btn i:hover { background-color: #1a5aaa;} .lyPro_con a.lyPro_btn i:hover svg path { fill: #fff;} @media (max-width:1700px) { .nyProducts .nyPro_Menu:before,.nyProducts .nyPro_Menu:after{width:calc(5% + 50px);} } @media (max-width:1440px) { .nyProducts .nyPro_Main {margin:60px auto;} .nyPro_List ul li .pic{ height:240px;} .lyPro_con a.lyPro_img { height: 224px;} } @media (max-width:1280px) { .nyPro_List ul li .lyPro_con { padding: 15px;} .lyPro_con a.lyPro_img { height: 195px;} .lyPro_con a.lyPro_name { height: 30px; line-height: 30px; font-size: 16px;} .lyPro_con p.lyPro_model { height: 20px; line-height: 20px; font-size: 14px;} .lyPro_con p.lyPro_model i { top: 3px;} .lyPro_con a.lyPro_more { font-size: 12px;} .lyPro_con a.lyPro_more::before { width: calc(100% - 60px);} .lyProduct_swiper .swiper-pagination { width: calc(100% - 260px);} .lyProduct_swiper .swiper-button-prev { right: 196px;} .lyProduct_more a { width: 140px; font-size: 14px;} } @media (max-width:1080px) { .ParentLevel{ padding:0 50px;} .nyProducts .nyPro_Menu:before,.nyProducts .nyPro_Menu:after{width:calc(4% + 40px);} .ParentLevel:before,.ParentLevel:after{ display:none;} .ParentLevel .swiper-button-prev, .ParentLevel .swiper-button-next{ width:30px; height:30px; background-size:7px 12px; margin-top:-15px;} .ParentLevel ul li p a{padding: 0 0 0 20px; height:80px; line-height:80px;} .ParentLevel ul li p span{ width:40px;} .ParentLevel ul li p span i{ display:none;} .ChildLevel .tag{ padding:10px;} .nyPro_List ul li{ width:32%; margin-right:2%;} .nyPro_List ul li:nth-child(4n){ margin-right:2%;} .nyPro_List ul li:nth-child(3n){ margin-right:0;} .nyPro_List ul li .pic{ height:180px;} .nyPro_List ul li .name{ font-size:16px; height:60px; line-height:60px;} .nyPro_List ul li dl dd{ font-size:14px;} .nyProducts .nyPro_Main {height:auto; margin:40px auto;} .nyPro_List ul li .lyPro_con { padding: 20px;} .lyPro_con a.lyPro_img { height: 240px;} .lyPro_con a.lyPro_name { height: 32px; line-height: 32px; font-size: 18px;} } @media (max-width:1024px) { .lyPro_con a.lyPro_img { height: 220px;} } @media (max-width:920px) { .nyPro_List ul li .pic{ height:180px;} .lyPro_con a.lyPro_img { height: 200px;} } @media (max-width:820px) { .ParentLevel { padding: 0 30px;} .nyProducts .nyPro_Menu:before,.nyProducts .nyPro_Menu:after{width:calc(3% + 30px);} .ParentLevel ul li p a{padding: 0 0 0 15px;height: 60px;line-height: 60px; font-size:15px;} .ChildLevel .tag a{ font-size:15px;margin: 5px; padding:0 7px;} .nyProducts .nyPro_Main {height:auto; margin:30px auto;} .nyPro_List ul li .lyPro_con { padding: 15px;} .lyPro_con a.lyPro_img { height: 170px;} .lyPro_con a.lyPro_name { height: 30px; line-height: 30px; font-size: 16px;} } @media (max-width:767px) { .ParentLevel { width: 100%; padding: 0;} .nyProducts .nyPro_Menu:before, .nyProducts .nyPro_Menu:after, .ParentLevel .swiper-button-prev, .ParentLevel .swiper-button-next { display: none;} .nyPro_List ul li .pic{ height:180px;} .nyPro_List ul li{ width:48.5%; margin-right:3%; margin-bottom:12px;} .nyPro_List ul li:nth-child(3n), .nyPro_List ul li:nth-child(4n){ margin-right:3%;} .nyPro_List ul li:nth-child(2n){ margin-right:0;} .nyPro_List ul li .lyPro_con { padding: 10px;} .lyPro_con a.lyPro_img { height: 150px;} .lyPro_con a.lyPro_btn i { width: 60px; height: 60px; padding: 15px;} .lyProduct_more { right: 40px;} .lyProduct_more a { width: 110px;} .lyProduct_swiper .swiper-pagination { width: calc(100% - 200px);} .lyProduct_swiper .swiper-button-prev { right: 154px;} } @media (max-width:425px) { .nyPro_List ul li .pic{ height:150px;} .nyPro_List ul li span img{ display:none;} .nyPro_List ul li p{ height:auto; margin:0 auto;} .nyPro_List ul li .name{ padding: 0 15px; font-size:14px; height:40px; line-height:40px;} } @media (max-width:390px){ .lyPro_con a.lyPro_img { height: 130px;} .lyPro_con a.lyPro_name { font-size: 15px;} } @media (max-width:320px){ .nyPro_List ul li{ width:100%; margin-right:0;} .lyPro_con a.lyPro_img { height: 240px;} .lyPro_con a.lyPro_name { height: 32px; line-height: 32px; font-size: 18px;} .lyProduct_more { right: inherit; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);} } /*nyProducts 结束*/ /*产品列表页*/ .nyProducts .nyPro_Menu.nylist_mulu{ box-shadow:0 0 0;} .nyProducts .nyPro_Menu.nylist_mulu{ background:none;} .nyProducts .nyPro_Menu.nylist_mulu:before, .nyProducts .nyPro_Menu.nylist_mulu:after{ display:none;} .nyProducts .nyPro_Menu.nylist_mulu .ParentLevel{background:#fff; padding:0;box-shadow: 0 0 24px rgba(0,0,0,.03);} .nyProducts .nyPro_Menu.nylist_mulu .ParentLevel:before, .nyProducts .nyPro_Menu.nylist_mulu .ParentLevel:after{ display:none;} .nyProducts .nyPro_Menu.nylist_mulu .ParentLevel ul li{ width:248px; display:none;} .nyProducts .nyPro_Menu.nylist_mulu .ParentLevel ul li:first-child{ display:block;} .nyProducts .nyPro_Menu.nylist_mulu .ParentLevel ul li p{ padding:0 18px 0 38px;background-color: #1a5aaa;display:flex; display: -webkit-flex; justify-content:center;align-items:center;} .nyProducts .nyPro_Menu.nylist_mulu .ParentLevel ul li p span{ width:40px; transform:rotate(-180deg); position:static; margin:0;background: url(../images/mulu1.png) center no-repeat;} .nyProducts .nyPro_Menu.nylist_mulu .ParentLevel ul li p span i{ display:none;} .nyProducts .nyPro_Menu.nylist_mulu .ParentLevel ul li p a{ padding:0;color:#fff;} .nyProducts .nyPro_Menu.nylist_mulu .ParentLevel ul li.selected p span{background: url(../images/mulu1.png) center no-repeat; transform: rotate(0deg);} .nyProducts .nyPro_Menu.nylist_mulu .ChildLevel{ display:block; overflow:hidden; background:#eee;padding:35px;} .nyProducts .nyPro_Menu.nylist_mulu .ChildLevel .swiper-container7{ overflow:hidden;} .nyProducts .nyPro_Menu.nylist_mulu .ChildLevel .tag{ width:auto;padding:0;} .nyProducts .nyPro_Menu.nylist_mulu .ChildLevel .tag a{ width:auto; height:30px; line-height:30px; margin:0;display:inline-block;overflow: visible;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .nyProducts .nyPro_Menu.nylist_mulu .ChildLevel .tag a:before{margin: 15px 7px 0 0;} .nyProducts .nyPro_Main.ny_prolby{ margin-top:150px;} .ny_prolby ul { min-height:300px; text-align: center;} .ny_prolby ul li{ width:100%; position:relative;} .ny_prolby ul li:after{ content:""; display:block; width:50%; height:100%; position: absolute; left:50%; top:0; transform:translateX(-50%); opacity:0; background:#f8f8f8;background: linear-gradient(to bottom, #f8f8f8, #eee);transition: all .5s;-webkit-transition: all .5s; } .ny_prolby ul li:last-child{ margin-bottom:40px;} .ny_prolby ul li .w1400{ padding:35px 72px; border-top:1px solid #e6e6e6; overflow:hidden; position:relative; z-index:2;display:flex; display: -webkit-flex; justify-content: space-between;align-items:center;transition: border 0s;-webkit-transition:border 0s;} .ny_prolby ul li:first-child .w1400{ border:0;} .ny_prolby ul li:last-child .w1400{border-bottom:1px solid #e6e6e6;} .ny_prolby ul li .pic{ width:32.6%; height:320px; border:1px solid #e6e6e6; background:#fff; float:left; display:block; position:relative;transition: border 0s;-webkit-transition:border 0s; overflow:hidden;} .ny_prolby ul li .pic img{ max-width:96%; max-height:96%; position: absolute; left:0; right:0; top:0; bottom:0; margin:auto;} .ny_prolby ul li .text{ width:58%; float:right;} .ny_prolby ul li .text .name{ font-size:30px; font-weight:bold; text-align: left; max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;} .ny_prolby ul li .text .name:before{ content:""; display:block; width:3px; height:36px; background:#1a5aaa; float:left;margin:5px 24px 0 0;} .ny_prolby ul li .text dl{ width:100%; margin:20px 0; overflow:hidden; text-align: left; background:url(../images/cs_bg.png) repeat; padding:8px 30px;} .ny_prolby ul li .text dl dd{ width:50%; float:left; font-size:16px; color:#666; margin:5px 0;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;} .ny_prolby ul li .text dl dd:nth-child(2n){ padding-left:30px;} .ny_prolby ul li .text dl dd img{ margin-right:15px; margin-top:-2px;} .ny_prolby ul li .text .ms{ font-size:16px; line-height:28px; height:56px; color:#666;overflow: hidden; text-align: left; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;} .ny_prolby ul li .text .more{ display:block; float:right;font-size:16px; color:#999; margin-top:20px;display:flex; display: -webkit-flex; align-items:center;} .ny_prolby ul li .text .more em{ display:block; width:48px; height:48px; background:#999; transform:skewX(-10deg); margin-left:20px;} .ny_prolby ul li .text .more em:after{ content:""; display:block; width:14px; height:11px; background:url(../images/jt08.png) center no-repeat; position:absolute; top:18px; left:16px;transform: skewX(10deg);} .ny_prolby ul li:hover:after{ width:100%; opacity:1;} .ny_prolby ul li:hover .w1400{ border:0;} .ny_prolby ul li:hover + li .w1400{ border:0;} .ny_prolby ul li:hover .pic{ border:1px solid #fff;} .ny_prolby ul li:hover .pic img{transform: scale(1.06);} .ny_prolby ul li:hover .text .name{ color:#1a5aaa;} .ny_prolby ul li:hover .text .more{color:#1a5aaa;} .ny_prolby ul li:hover .text .more em{ background:#1a5aaa;} .nyProducts .nyPro_Menu.nylist_mulu .ParentLevel .ckmore{ display:block; width:160px; height:44px; line-height:44px; background:#1a5aaa; color:#fff; font-size:16px; position:absolute; right:43px;top: 28px;display:flex; display: -webkit-flex; justify-content:center;align-items:center; z-index:2;} .nyProducts .nyPro_Menu.nylist_mulu .ParentLevel .ckmore img{ margin-right:10px;transition: all .5s;-webkit-transition: all .5s;} .nyProducts .nyPro_Menu.nylist_mulu .ParentLevel .ckmore:hover img{ margin-right:15px;} .nyProducts .nylist_mulu .ParentLevel .prolist_mbx{ line-height: 44px; font-size:16px;width: calc(100% - 510px); overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;position: absolute; left:300px; top:28px; z-index:2;} .nyProducts .nylist_mulu .ParentLevel .prolist_mbx a{ color:#999; transition: all .4s ease;} .nyProducts .nylist_mulu .ParentLevel .prolist_mbx a:hover{ color:#1a5aaa;} .nyProducts .nylist_mulu .ParentLevel .prolist_mbx img { margin: -2px 8px 0; vertical-align: middle;} .nyProducts .nylist_mulu .ParentLevel .prolist_mbx img.home{ margin:-2px 20px 0 0; vertical-align: middle;} .ny_prolby #fengye a,.ny_prolby #fengye .p_input{ background:#eee;} @media (max-width:1440px) { .nyProducts .nyPro_Menu.nylist_mulu .ChildLevel{ padding:25px 30px;} .nyProducts .nyPro_Main.ny_prolby{ margin-top:120px;} .nyProducts .nylist_mulu .ParentLevel .prolist_mbx{left:280px;} .nyProducts .nylist_mulu .ParentLevel .prolist_mbx img.home{ margin-right:15px;} .ny_prolby ul li .w1400{ padding:35px;} .ny_prolby ul li .pic{ width:38%;} .ny_prolby ul li .text{ width:57%;} .ny_prolby ul li .text .name{ font-size:24px;} .ny_prolby ul li .text .name:before{ height:30px;} } @media (max-width:1080px) { .nyProducts .nyPro_Menu.nylist_mulu .ChildLevel{ padding:20px 25px;} .nyProducts .nyPro_Main.ny_prolby{ margin-top:100px;} .nyProducts .nyPro_Menu.nylist_mulu .ParentLevel ul li{ width:200px;} .nyProducts .nyPro_Menu.nylist_mulu .ParentLevel ul li p{ padding:0 10px;} .nyProducts .nyPro_Menu.nylist_mulu .ParentLevel .ckmore{ top:18px; width:140px;} .nyProducts .nylist_mulu .ParentLevel .prolist_mbx{width: calc(100% - 460px); left:230px;top: 26px;} .ny_prolby ul li .w1400{ padding:35px 0;} .ny_prolby ul li .pic{ width: 39%;height:280px;} .ny_prolby ul li .text .name{ font-size:20px;} .ny_prolby ul li .text .name:before{ height:24px; margin-right:14px;} .ny_prolby ul li .text dl{ padding:8px 15px;} .ny_prolby ul li .text dl dd{ font-size:15px;} .ny_prolby ul li .text dl dd img{ margin-right:7px;} .ny_prolby ul li .text .more{ margin-right:15px;} .ny_prolby ul li .text .more em{width: 40px; height: 40px; margin-left: 15px;} .ny_prolby ul li .text .more em:after {top: 14px;left: 13px;} } @media (max-width:880px) { .nyProducts .nyPro_Menu.nylist_mulu .ParentLevel ul li{width:100%;} .nyProducts .nyPro_Menu.nylist_mulu .ParentLevel .ckmore{ height:40px; line-height:40px;top: 74px; right: 15px;width: 130px; display:none;} .nyProducts .nylist_mulu .ParentLevel .prolist_mbx{ width:100%; position:static; padding:20px 15px;} } @media (max-width:767px) { .nyProducts .nyPro_Menu.nylist_mulu .ChildLevel{ padding:15px 20px;} .nyProducts .nyPro_Main.ny_prolby{ margin-top:80px;} .nyProducts .nylist_mulu .ParentLevel .prolist_mbx{ font-size:15px; padding:15px;} .nyProducts .nylist_mulu .ParentLevel .prolist_mbx a{font-size:15px;} .nyProducts .nylist_mulu .ParentLevel .prolist_mbx img.home{ margin-right:10px; width:26px;} .nyProducts .nylist_mulu .ParentLevel .prolist_mbx img {margin: -2px 5px 0;} .ny_prolby ul li:last-child{ margin-bottom:30px;} .ny_prolby ul li .w1400{ display:block !important; padding:20px 0;} .ny_prolby ul li .pic{ width:100%; margin-bottom:15px;} .ny_prolby ul li .text{width:100%;} .ny_prolby ul li .text .name{ font-size:16px;} .ny_prolby ul li .text .name:before{ height:18px; margin: 4px 7px 0 0;} .ny_prolby ul li .text dl{ margin:10px 0;} .ny_prolby ul li .text .ms{ display:none;} .ny_prolby ul li .text .more{ float:left; margin-top:0;} } @media (max-width:500px) { .ny_prolby ul li .text dl dd{ width:100%;} .ny_prolby ul li .text dl dd:nth-child(2n){ display:none;} } /*相关文章 开始*/ .ny_xgart_main { height:auto; margin:30px auto; padding:0;} .ny_xgart_main .ny_xgart_title { width:100%; height:60px; line-height:60px; color:#fff; font-size:16px; margin:0 auto 30px; padding:0 0 0 2%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;text-transform: Uppercase; background:#1a5aaa; position:relative;} .ny_xgart_main .ny_xgart_title span{ margin-right:1%;font-size:20px;} .ny_xgart_main .ny_xgart_list { width:100%; height:auto; margin:0 auto; padding:0;} .ny_xgart_list ul { min-height:200px;} .ny_xgart_list ul li { width:49%; height:auto; margin:0 2% 20px 0; padding:20px 2%; border: 1px solid #ddd;position:relative; float:left; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .ny_xgart_list ul li:nth-child(2n+2) { margin:0;} .ny_xgart_list ul li .txt{width: 100%;position:relative;z-index:1;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ny_xgart_list ul li span{display:block;width:116px; height:30px; overflow:hidden; line-height:30px; color:#fff; text-align: center; margin:0; padding: 0 8px 0 0;background: url(../images/time_bg.png) left center no-repeat; float: left;} .ny_xgart_list ul li a{display:block;width: calc(100% - 130px); height:30px;line-height:30px; color:#333; font-size:18px; text-align: left; margin:0; padding:0;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; float:right;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .ny_xgart_list ul li:hover a{color:#1a5aaa;} /*相关文章 结束*/ @media (max-width:1440px) { } @media screen and (max-width:1439px) and (min-width:1367px) { } @media (max-width:1366px) { } @media screen and (max-width:1365px) and (min-width:1281px) { } @media (max-width:1280px) { } @media screen and (max-width:1279px) and (min-width:1201px) { } @media (max-width:1200px) { } @media screen and (max-width:1199px) and (min-width:1081px) { } @media (max-width:1080px) { } @media screen and (max-width:1081px) and (min-width:1025px) { .ny_xgart_main .ny_xgart_title{ font-size:18px;} .ny_xgart_main .ny_xgart_title span{ font-size:20px;} .ny_xgart_list ul li a{ font-size:16px;} } @media (max-width:1024px) { .ny_xgart_main .ny_xgart_title{ font-size:16px;margin: 0 auto 20px;} .ny_xgart_main .ny_xgart_title span{ font-size:18px;} .ny_xgart_list ul li a{ font-size:16px;} } @media screen and (max-width:1023px) and (min-width:801px) { .ny_xgart_list ul li{ width:100%;margin: 0 0 10px 0;padding: 10px 2%;} .ny_xgart_list ul li:nth-child(2n+2){margin: 0 0 10px 0;} } @media (max-width:800px) { .ny_xgart_list ul li{ width:100%;margin: 0 0 10px 0;padding: 10px 2%;} .ny_xgart_list ul li:nth-child(2n+2){margin: 0 0 10px 0;} } @media screen and (max-width:799px) and (min-width:769px) { .ny_xgart{padding: 20px 0;} .ny_xgart .ny_xgart_main{ width:92%;} .ny_xgart_main .ny_xgart_title{margin: 0 auto 20px;} } @media (max-width:768px) { .ny_xgart{padding: 20px 0;} .ny_xgart_main{ margin:30px auto 0;} .ny_xgart .ny_xgart_main{ width:92%;} .ny_xgart_main .ny_xgart_title{margin: 0 auto 20px;} } @media screen and (max-width:767px) and (min-width:426px) { .ny_xgart_main .ny_xgart_title { padding: 0 0 0 4%;} .ny_xgart_list ul li{padding: 10px 4%;} .ny_xgart_list ul li span{ width:120px;padding: 0 0 0 10px;} .ny_xgart_list ul li a{font-size:14px;} } @media (max-width:425px) { .ny_xgart_main .ny_xgart_title { padding: 0 0 0 4%;} .ny_xgart_list ul li{padding: 10px 4%;} .ny_xgart_list ul li span{ width:120px;padding: 0 0 0 10px;} .ny_xgart_list ul li a{ font-size:14px;} } @media screen and (max-width:424px) and (min-width:376px) { .ny_xgart_list ul li span{ display:none;} .ny_xgart_list ul li a{ width:100%;} } @media (max-width:375px) { .ny_xgart_list ul li span{ display:none;} .ny_xgart_list ul li a{ width:100%;} } @media (max-width:320px) { .ny_xgart_main .ny_xgart_title{padding: 0 0 0 5%;} } /*产品详情页 top 开始*/ .NyProDetail_Container { width:100%; margin-top: 120px; padding:50px 0 75px; overflow:hidden; height:auto; overflow:hidden;background:#000 url(../images/ProBg.jpg) center top no-repeat; background-size:cover;} .NyProDetail_Container .proxq_mbx{ font-size:16px; color:#fff;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;} .NyProDetail_Container .proxq_mbx a{ color:rgba(255,255,255,.45); transition: all .4s ease;} .NyProDetail_Container .proxq_mbx a:hover{ color:#fff;} .NyProDetail_Container .proxq_mbx img{ margin:8px 10px;} .NyProDetail_Container .proxq_mbx img.home{ margin:0 20px 0 0;} .NyProDetail_Container .proxx_text{ width:45%; float:left; margin-top:60px;} .NyProDetail_Main .fenlei{ font-size:24px; color:#1a5aaa; margin-bottom:10px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .NyProDetail_Main .NyProDetail_Name { width:100%; height:auto; overflow:hidden; line-height:50px; color:#fff; font-size:46px; font-weight:bold;} .NyProDetail_Main .NyProDetail_Tips { width:100%; height:auto; overflow:hidden; margin:30px 0 50px;} .NyProDetail_Main .NyProDetail_Tips ul li { width:48%; height:40px;line-height:40px; float:left; overflow:hidden;color:rgba(255,255,255,0.45); font-size:16px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;} .NyProDetail_Main .NyProDetail_Tips ul li:nth-child(2n){ float:right;} .NyProDetail_Main .NyProDetail_Tips ul li:hover { color:#fff;} .NyProDetail_Main .NyProDetail_Tips ul li img{ margin-right:15px;vertical-align:middle !important;} .NyProDetail_Main .fttext{ width:100%; padding-top:40px; border-top:1px solid #231615; position:relative; overflow:hidden;} .NyProDetail_Main .fttext:after{ content:""; display:block;width:100%; height:1px; background:rgba(255,255,255,.1); position:absolute; top:0; left:0;} .NyProDetail_Main .fttext p{ font-size:16px; color:rgba(255,255,255,.45); margin-bottom:20px;} .NyProDetail_Main .fttext span{ display:block;float:left; color:#fff; font-size:16px; font-weight:bold;padding-right:50px; margin-bottom:10px;display:flex; display: -webkit-flex;align-items:center;} .NyProDetail_Main .fttext span.two{ padding:0;} .NyProDetail_Main .fttext span img{ margin-right:12px;} .NyProDetail_Main .fttext span a{ color:#fff; position:relative;} .NyProDetail_Main .fttext span a:after{ content:""; display:block; width:100%; height:1px; background:#fff;} .NyProDetail_Main .fttext span:nth-of-type(1) a{cursor: auto;} .NyProDetail_Main .NyProDetail_Img { width:47%; height:auto; overflow:hidden; float:right;} .NyProDetail_Img .prodetail_img { width:80%; height:451px; overflow:hidden; margin:0; padding:30px; background-color:#fff; border:1px solid rgba(221,221,221,0.3); float:left; position:relative;} .NyProDetail_Img .prodetail_img p { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;} .NyProDetail_Img .prodetail_img p img { display:block; max-width:100%; max-height:100%; overflow:hidden; object-fit:cover; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} .NyProDetail_Img .NyProDetail_Tab { width:20%;margin:0; padding:0 0 0 15px; float:right; height:452px;overflow:hidden;} .NyProDetail_Img .NyProDetail_Tab ul li { width:100%; height:104px; overflow:hidden; margin:0 auto 12px; padding:0; background-color:#fff;position:relative; cursor:pointer;transition: all 0s;-webkit-transition: all 0s; } .NyProDetail_Img .NyProDetail_Tab ul li:last-child{ margin-bottom:0;} .NyProDetail_Img .NyProDetail_Tab ul li img { display:block; max-width:100%; max-height:100%; overflow:hidden; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} .NyProDetail_Img .NyProDetail_Tab ul li:hover, .NyProDetail_Img .NyProDetail_Tab ul li.ProActive { border:2px solid #1a5aaa;} .prodetail_img a.videoIco { left: 20px!important; bottom: 20px!important; z-index: 99!important;} .NyProDetailMenu_Main { width:100%; height:auto; margin:0 auto; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyProDetail_Menu { margin:-60px auto 60px;} @media (max-width:1680px) { .NyProDetail_Container { margin-top: 100px;} } @media (max-width:1600px) { .NyProDetail_Main .NyProDetail_Name { font-size:40px;} } @media (max-width:1440px) { .NyProDetail_Container { margin-top: 80px;} .NyProDetail_Container .proxx_text{ margin-top:50px;} .NyProDetail_Main .fenlei{ font-size:22px; margin-bottom:5px;} .NyProDetail_Main .NyProDetail_Name { font-size:34px;} } @media (max-width:1299px) { .NyProDetail_Container .proxx_text{ width:47%;} .NyProDetail_Main .NyProDetail_Name { font-size:30px;} .NyProDetail_Main .NyProDetail_Tips{margin: 20px 0 30px;} .NyProDetail_Main .NyProDetail_Tips ul li{ font-size:15px;} .NyProDetail_Main .fttext{ margin-top:30px;} .NyProDetail_Main .fttext span{ font-size:15px;} .NyProDetail_Img .prodetail_img{ height:400px;} .NyProDetail_Img .NyProDetail_Tab { height:401px;} .NyProDetail_Img .NyProDetail_Tab ul li{ height:91px;} } @media (max-width:1080px) { .NyProDetail_Container{ padding:40px 0;} .NyProDetail_Container .proxx_text{ width:100%;margin-top: 20px;} .NyProDetail_Main .fenlei{ display:none;} .NyProDetail_Main .NyProDetail_Tips{margin: 10px 0 0;} .NyProDetail_Main .NyProDetail_Tips ul li{ height:34px; line-height:34px;} .NyProDetail_Main .fttext{ display:none;} .NyProDetail_Main .NyProDetail_Img{ width:100%; margin-top:20px;} .NyProDetail_Img .prodetail_img{ height:451px;} .NyProDetail_Img .NyProDetail_Tab { height:452px;} .NyProDetail_Img .NyProDetail_Tab ul li{ height:104px;} } @media (max-width:920px) { .NyProDetail_Container { margin-top: 72px;} } @media (max-width:767px) { .NyProDetail_Container { margin-top: 64px; padding:30px 0;} .NyProDetail_Container .proxq_mbx,.NyProDetail_Container .proxq_mbx a{ font-size:15px;} .NyProDetail_Container .proxq_mbx img.home{ margin-right:15px; width:26px;} .NyProDetail_Container .proxq_mbx img{ margin:8px 5px;} .NyProDetail_Container .proxx_text{margin-top:15px;} .NyProDetail_Main .NyProDetail_Name{ font-size:24px; line-height:34px;} .NyProDetail_Main .NyProDetail_Tips { margin: 5px 0 0;} } @media (max-width:600px) { .NyProDetail_Main .NyProDetail_Tips ul li img{ margin-right:7px;} .NyProDetail_Main .NyProDetail_Tips ul li:nth-of-type(2),.NyProDetail_Main .NyProDetail_Tips ul li:nth-of-type(3){ display:none;} .NyProDetail_Img .prodetail_img{ width:100%;height: 350px;} .NyProDetail_Img .NyProDetail_Tab{ width:100%; padding:0; margin-top:15px; height:90px;} .NyProDetail_Img .NyProDetail_Tab ul li{ width:23.5%; height:90px; float:left; margin-right:2%; margin-bottom:0;} .NyProDetail_Img .NyProDetail_Tab ul li:nth-child(4n){ margin-right:0;} } @media (max-width:500px) { .NyProDetail_Container .proxq_mbx img.home{ margin-right:10px;} .NyProDetail_Main .NyProDetail_Name{ font-size:20px; line-height:30px;} .NyProDetail_Main .NyProDetail_Tips ul li{ width:auto; padding-right:15px;} .NyProDetail_Main .NyProDetail_Tips ul li:nth-child(2n){ float:left;} .NyProDetail_Img .prodetail_img{ height:300px;} .NyProDetail_Img .NyProDetail_Tab{ height:70px;} .NyProDetail_Img .NyProDetail_Tab ul li{height:70px;} } /*产品详情页 top 结束*/ /*产品详细页foot start*/ .proxx_footmain{ padding:80px 0; overflow:hidden;} @media screen and (max-width:1440px){ .proxx_footmain{ padding:60px 0;} } @media screen and (max-width:1080px){ .proxx_footmain{ padding:40px 0;} } @media screen and (max-width:767px){ .proxx_footmain{ padding:30px 0;} } /*产品分类 开始*/ .proleft { width:25.7%; overflow:hidden; float:right;} .proleft .proxx_leftlx{ width:100%; background:#fff; margin-bottom:35px; padding:30px 0 0; overflow:hidden;} .proleft .proxx_leftlx .btn a{ display:block; width:75%; height:56px; line-height:56px; text-align:center; border-radius:30px; margin:0 auto; font-size:20px; font-weight:bold;} .proleft .proxx_leftlx .btn a.on,.proleft .proxx_leftlx .btn a:hover{ color:#fff; background:#1a5aaa;} .proleft .proxx_leftlx img.lx{ width:100%; margin-top:30px;} .proleft .proxx_leftlx .text{ padding:30px;} .proleft .proxx_leftlx .text p{ font-size:20px; font-weight:bold; color:#555; margin-bottom:18px;} .proleft .proxx_leftlx .text span{ display:block; width:100%;font-size:16px;color:#555; margin-bottom:10px;word-break: break-all;} .proleft .proxx_leftlx .text span:nth-of-type(2){ margin-bottom:20px;} .proleft .proxx_leftlx .text span img{ margin:0 10px 0 0;vertical-align: middle;} .proleft .proxx_leftlx .text a{ display: block; width:100%; height:48px; line-height:48px; font-size:16px;text-align:center; color:#fff; background:#1a5aaa;} .cp_type .hd { width:100%; height:auto;padding:34px 30px;background:#1a5aaa url(../images/flbg_ico.png) right 10px no-repeat;} .cp_type .hd p { width:100%; height:32px; line-height:32px; color:#fff; font-size:30px; font-weight:bold; margin:0 auto 4px; padding:0;} .cp_type .hd p img { display:block; width:28px; height:28px; margin:2px 10px 2px 0; padding:0; float:left;} .cp_type .hd i { display:none;} .cp_type .bd { padding:0 30px 35px; background:#fff;} .cp_type .bd ul li { background-color:#fff;border-bottom:0px solid #eee; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .cp_type .bd ul li p { height:58px;position:relative; border-bottom:1px solid #eee;} .cp_type .bd ul li p a { display:block; width: calc(100% - 40px); line-height:58px; padding:0; overflow: hidden;color:#333; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; float:left;} .cp_type .bd ul li p span { display:block; width:40px; height:100%; background:url(../images/mulu3.png) center center no-repeat; cursor:pointer; position:absolute; top:0; right:0;transition: all 0s;-webkit-transition: all 0s;} .cp_type .bd ul li div { display:none;transition: all 0s;-webkit-transition: all 0s;} .cp_type .bd ul li div a { display:block; height:35px; line-height:35px; color:#999; font-size:15px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .cp_type .bd ul li div a:before{ content:""; display:block; height:6px; width:6px; background:url(../images/proflico.png) no-repeat; background-position:0 0; float:left;margin-right: 8px; margin-top: 14px;} .cp_type .bd ul li div a:first-child { margin-top:15px;} .cp_type .bd ul li div a i { display:block; width:4px; height:4px; margin:13px 6px 13px 0; padding:0; border:1px solid #999; border-radius:50%; float:left;} .cp_type .bd ul li div a:hover i { border:1px solid #cb0010;} .cp_type .bd ul li p:hover a { color:#1a5aaa;} .cp_type .bd ul li p:hover span { background:url(../images/mulu4.png) center center no-repeat;} .cp_type .bd ul li.on p span { background:url(../images/mulu5.png) center center no-repeat;} .cp_type .bd ul li div a:hover { color:#1a5aaa;} .cp_type .bd ul li div a:hover:before{ background-position:0 -10px;} .cp_type .bd ul a.ckqb { display:block; height:34px; line-height:34px; font-size:16px; color:#333; background:#f1f1f1; width:92%; margin:10px auto; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;cursor:pointer;} .cp_type .bd ul a.ckqb:hover { background:#1a5aaa; color:#fff;} .ProAll { width:100%; height:auto;border-top: 1px solid #eee;margin-top:20px;} .ProAll a { display:block; width:100%; height:48px; line-height:48px; background:#1a5aaa;overflow:hidden; color:#fff; font-size:16px;display:flex; display: -webkit-flex; justify-content:center;align-items:center;} .ProAll a i { display:block; width:40px; height:100%; margin:0; padding:0; background:url(../images/jt13.png) center center no-repeat;} /*相关文章 开始*/ .NyXgwz { background:#fff; margin-top:30px;} .NyXgwz .NyXgwz_Title { width:100%; height:auto;padding:34px 30px;background:#1a5aaa url(../images/wzbg_ico.png) 96% 15px no-repeat;} .NyXgwz_Title p { width:100%; height:32px; line-height:32px; color:#fff; font-size:30px; font-weight:bold; margin:0 auto 4px; padding:0;} .NyXgwz_Title p img { display:block; margin:4px 10px 0; padding:0; float:left;} .NyXgwz_Title span { display:block; height:24px; line-height:24px; color:#ccc; font-size:14px;} .NyXgwz .NyXgwz_List { width:100%; height:auto; min-height:200px; margin:0 auto; padding:0 30px 30px;} .NyXgwz_List dl dd { width:100%; height:auto; margin:0 auto; padding:20px 0; border-bottom:1px solid #eee;} .NyXgwz_List dl dd a { display:block; width:100%; overflow:hidden; line-height:30px; font-size:16px;} .NyXgwz_List dl dd a:hover { color:#1a5aaa;} .NyXgwz_List dl dd time{ display:block; margin-top:12px;font-size:15px; color:#999;display:flex; display: -webkit-flex; align-items:center;} .NyXgwz_List dl dd time img{ margin-right:7px;} /*相关文章 结束*/ @media screen and (max-width:1440px){ .proleft .proxx_leftlx{ margin-bottom:20px;} .proleft .proxx_leftlx .btn a{ height:48px; line-height:48px;} .proleft .proxx_leftlx .text{ padding:25px;} .proleft .proxx_leftlx .text p{ font-size:16px; margin-bottom:10px;} .proleft .proxx_leftlx .text span{ margin-bottom:5px;} .proleft .proxx_leftlx .text span:nth-of-type(2){ margin-bottom:15px;} .cp_type .hd,.NyXgwz .NyXgwz_Title{ padding:25px; background-size:80px;} .cp_type .hd p,.NyXgwz_Title p{ font-size:24px;} .cp_type .bd{ padding: 0 25px 25px;} .NyXgwz{ margin-top:20px;} .NyXgwz .NyXgwz_List{padding: 0 25px 25px;} .NyXgwz_List dl dd{padding: 20px 0 10px;} .NyXgwz_List dl dd time{ margin-top:5px;} } @media screen and (max-width:1080px){ .proleft{ width:100%; margin-top:20px;} .proleft .proxx_leftlx{ display:none;} .cp_type .hd{ position:relative;} .cp_type .hd p{ margin:0;} .cp_type .hd i{ display:block; width: 40px;height: 40px; margin: 0; padding: 0;background: rgba(255,255,255,1) url(../images/mulu4.png) center center no-repeat; position: absolute;top:21px;right:25px;} .cp_type .hd.on i{background: rgba(255,255,255,1) url(../images/mulu5.png) center center no-repeat;} .cp_type .bd {display: none;transition: all 0s;-webkit-transition: all 0s; } .cp_type .bd ul li p a{font-size: 16px;} .cp_type .bd ul li p span{right:15px;} .cp_type .bd ul li.on p span{ right:15px;} .ProAll a{font-size: 16px; padding: 0 30px;} .ProAll a i{ right:15px;} .NyXgwz .NyXgwz_Title{background: #1a5aaa url(../images/wzbg_ico.png) 100% 15px no-repeat;} .NyXgwz_Title span{ display:none;} .NyXgwz .NyXgwz_List{ min-height:auto;} } @media screen and (max-width:767px){ .cp_type .hd, .NyXgwz .NyXgwz_Title{ padding:20px;} .cp_type .hd p, .NyXgwz_Title p{ font-size:20px;} .cp_type .hd i{ width:34px; height:34px; top:19px; right:20px;} .NyXgwz{ display:none;} } /*产品分类 结束*/ .proright{width:70%; float:left;} .cpxxcontent{ background:#fff; padding:50px; overflow:hidden;} .cpxxcontent .cpxx_tit{ font-size:30px; font-weight:bold;position:relative; padding-bottom:22px; margin-bottom:35px;display:flex; display: -webkit-flex;align-items:center;} .cpxxcontent .cpxx_tit img{ margin-right:13px;} .cpxxcontent .cpxx_tit:after{content:""; display:block; width:100%; height:5px; background:url(../images/btline.png) repeat-x; position:absolute; left:0;bottom:1px;} .c_detail_wrap{ line-height:30px;} .c_detail_wrap img,.c_detail_wrap p,.c_detail_wrap span,.c_detail_wrap div,.c_detail_wrap video,.c_detail_wrap embed,.c_detail_wrap table,.c_detail_wrap tr,.c_detail_wrap td{max-width:100% !important;max-height: 100% !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;word-break: normal;color: #666; line-height:30px;} .cpxxcontent .ny_fanye{ width:100%; height:64px; padding:0 24px; background:#f8f8f8; overflow:hidden; margin-top:30px; position:relative;} .cpxxcontent .ny_fanye .NyProPrev{ width:45%; float:left; font-size:16px; font-weight:bold; line-height:64px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; color:#666;} .cpxxcontent .ny_fanye .NyProPrev img{ margin-right:7px;vertical-align: middle;} .cpxxcontent .ny_fanye .NyProPrev a{ color:#666; font-weight: normal; transition: all .4s ease; margin-left:7px;} .cpxxcontent .ny_fanye .NyProPrev:hover a{ color:#1a5aaa;} .cpxxcontent .ny_fanye .NyPronext{width:49%; float:right; font-size:16px; font-weight:bold; line-height:64px; text-align:right;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; color:#666;} .cpxxcontent .ny_fanye .NyPronext img{ margin:0 7px;vertical-align: middle;} .cpxxcontent .ny_fanye .NyPronext a{ color:#666; font-weight: normal; transition: all .4s ease;} .cpxxcontent .ny_fanye .NyPronext:hover a{ color:#1a5aaa;} .cpxxcontent .ny_fanye em{ display:block;width:1px; height:100%; background:#ddd; position:absolute; left:50%;} .cpxxcontent .ordertit{ margin-top:40px;} @media screen and (max-width:1080px){ .cpxxcontent .cpxx_tit{ font-size:24px;margin-bottom: 25px;} .cpxxcontent .ordertit{ margin-top:30px;} } @media screen and (max-width:1365px){ .cpxxcontent{ background:#fff; padding:30px;} .c_detail_wrap img,.c_detail_wrap p,.c_detail_wrap span,.c_detail_wrap div,.c_detail_wrap video,.c_detail_wrap embed,.c_detail_wrap table,.c_detail_wrap tr,.c_detail_wrap td{ width:auto !important;line-height:30px;} } @media screen and (max-width:1080px){ .proright{width:100%;} } @media screen and (max-width:767px){ .cpxxcontent{padding:30px 20px;} .cpxxcontent .cpxx_tit{ font-size:20px; margin-bottom:20px;} .cpxxcontent .ny_fanye{ height:100px;padding: 0 14px; margin-top: 20px;} .cpxxcontent .ny_fanye .NyProPrev,.cpxxcontent .ny_fanye .NyPronext{ width:100%; height:50px; line-height:50px;font-size: 14px;} .cpxxcontent .ny_fanye .NyProPrev img,.cpxxcontent .ny_fanye .NyPronext img{width: 26px; height: 19px; display:none;} .cpxxcontent .ny_fanye .NyPronext{ float:left; text-align:left;} .cpxxcontent .ny_fanye .NyPronext a{ margin-left:7px;} .cpxxcontent .ny_fanye em{width:100%;height:1px; left:0; top:50%;} .cpxxcontent .ordertit{ margin-top:25px;} } /*产品详细页foot end*/ /*新闻内页*/ .nynewnav a{ width:33.33333%;} .nynewnav a em{background: url(../images/newnavico.png) no-repeat;} .nynewnav a.xw2 em{ background-position:-52px 0;} .nynewnav a.xw3 em{ background-position:-104px 0;} .nynewnav a.on em,.nynewnav a:hover em{ background-position:0 -52px;} .nynewnav a.xw2.on em,.nynewnav a.xw2:hover em{ background-position:-52px -52px;} .nynewnav a.xw3.on em,.nynewnav a.xw3:hover em{ background-position:-104px -52px;} .nyallbox{ width:100%; overflow: hidden; padding:80px 0; min-height:500px;} .ny_newcont .ny_tjnew{ width:100%; background:#fff; padding:20px; margin-bottom:50px; overflow:hidden; position:relative;display: flex; display: -webkit-flex;justify-content: space-between; align-items: center;} .ny_newcont .ny_tjnew:after{content:""; display:block; width:100%; height:70%; background: #1a5aaa url(../images/newtj_bg.jpg) center no-repeat; position:absolute; left:0; top:0; background-size:cover; opacity:0;transition: all .5s;-webkit-transition: all .5s; } .ny_newcont .ny_tjnew .pic{ display:block; width:320px; height:210px; float:left; position:relative; overflow:hidden;} .ny_newcont .ny_tjnew .pic img{width:100%;height:100%;object-fit: cover; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;transition: all .5s;-webkit-transition: all .5s; } .ny_newcont .ny_tjnew .text{width: calc(100% - 360px); float:right; padding-right:25px;} .ny_newcont .ny_tjnew .text .name{ font-size:24px; font-weight:bold;width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;} .ny_newcont .ny_tjnew .text .ms{ margin:20px 0 35px; font-size:16px; color:#999; line-height:30px; height:60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .ny_newcont .ny_tjnew .text time{font-size:16px; color:#999;display:flex; display: -webkit-flex;align-items:center; float:left;} .ny_newcont .ny_tjnew .text time:before{content:""; display:block; width:14px; height:14px; background:url(../images/time1.png) center no-repeat; margin-right:7px;transition: all .5s;-webkit-transition: all .5s; } .ny_newcont .ny_tjnew .text .more{ display:block; float:right;font-size:16px; color:#999;display:flex; display: -webkit-flex; align-items:center;} .ny_newcont .ny_tjnew .text .more em{ display:block; width:48px; height:48px; background:#999; transform:skewX(-10deg); margin-left:20px;} .ny_newcont .ny_tjnew .text .more em:after{ content:""; display:block; width:14px; height:11px; background:url(../images/jt08.png) center no-repeat; position:absolute; top:18px; left:16px;transform: skewX(10deg);} .ny_newcont .ny_tjnew:hover:after{ height:100%; opacity:1;} .ny_newcont .ny_tjnew:hover .pic{ position:relative; z-index:2;} .ny_newcont .ny_tjnew:hover .pic img{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);} .ny_newcont .ny_tjnew:hover .text .name{ color:#fff;position:relative; z-index:2;} .ny_newcont .ny_tjnew:hover .text .ms{ color:rgba(255,255,255,.45);position:relative; z-index:2;} .ny_newcont .ny_tjnew:hover .text time{color:#fff;position:relative; z-index:2;} .ny_newcont .ny_tjnew:hover .text time:before{background:url(../images/time3.png) center no-repeat;} .ny_newcont .ny_tjnew:hover .text .more{color:#fff;position:relative; z-index:2;} .ny_newcont .ny_tjnew:hover .text .more em{background:#fff;} .ny_newcont .ny_tjnew:hover .text .more em:after{background:url(../images/jt09.png) center no-repeat;} .ny_newcont ul.ny_newlist li{ width:23.8%; margin-right:1.6%; margin-bottom:22px; background:#fff; padding:40px 2.285%; float:left; position:relative; overflow:hidden;} .ny_newcont ul.ny_newlist li:nth-child(4n){ margin-right:0;} .ny_newcont ul.ny_newlist li:after{content:""; display:block; width:100%; background:url(../images/newlist_bg.jpg) center no-repeat; position:absolute; left:0; top:0; background-size:cover; height:200px;opacity:0;transition: all .5s;-webkit-transition: all .5s; } .ny_newcont ul.ny_newlist li time{font-size:16px; color:#999; padding-bottom:20px; border-bottom:1px solid #e6e6e6;display:flex; display: -webkit-flex;align-items:center;} .ny_newcont ul.ny_newlist li time:before{content:""; display:block; width:14px; height:14px; background:url(../images/time1.png) center no-repeat; margin-right:7px;transition: all .5s;-webkit-transition: all .5s; } .ny_newcont ul.ny_newlist li .name{ display:block; font-size:18px; font-weight:bold; line-height:30px; height:60px;margin:24px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; } .ny_newcont ul.ny_newlist li .ms{ margin-bottom:60px;font-size:16px; color:#999; line-height:30px; height:60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .ny_newcont ul.ny_newlist li .more{ display:block;font-size:16px; color:#999;display:flex; display: -webkit-flex; align-items:center;justify-content: space-between;} .ny_newcont ul.ny_newlist li .more em{ display:block; width:48px; height:48px; background:#999; transform:skewX(-10deg); margin-left:20px;} .ny_newcont ul.ny_newlist li .more em:after{ content:""; display:block; width:14px; height:11px; background:url(../images/jt08.png) center no-repeat; position:absolute; top:18px; left:16px;transform: skewX(10deg);} .ny_newcont ul.ny_newlist li:hover:after{ height:420px; opacity:1;} .ny_newcont ul.ny_newlist li:hover>div{ position:relative; z-index:2;} .ny_newcont ul.ny_newlist li:hover time{color:#fff;} .ny_newcont ul.ny_newlist li:hover time:before{background:url(../images/time3.png) center no-repeat;} .ny_newcont ul.ny_newlist li:hover .name{ color:#fff;} .ny_newcont ul.ny_newlist li:hover .ms{color:rgba(255,255,255,.45);} .ny_newcont ul.ny_newlist li:hover .more{color:#fff;} .ny_newcont ul.ny_newlist li:hover .more em{background:#fff;} .ny_newcont ul.ny_newlist li:hover .more em:after{background:url(../images/jt09.png) center no-repeat;} @media (max-width:1440px) { .nyallbox{padding:60px 0;} .ny_newcont .ny_tjnew{ margin-bottom:30px;} .ny_newcont ul.ny_newlist li{ padding:30px 2.5%;} .ny_newcont ul.ny_newlist li .ms{ margin-bottom:40px;} } @media (max-width:1080px) { .nynewnav a em{background-size:138px 92px;} .nynewnav a.xw2 em{ background-position:-46px 0;} .nynewnav a.xw3 em{ background-position:-92px 0;} .nynewnav a.on em,.nynewnav a:hover em{ background-position:0 -46px;} .nynewnav a.xw2.on em,.nynewnav a.xw2:hover em{ background-position:-46px -46px;} .nynewnav a.xw3.on em,.nynewnav a.xw3:hover em{ background-position:-92px -46px;} .nyallbox{padding:40px 0;} .ny_newcont .ny_tjnew .text{width: calc(100% - 340px); padding-right:10px;} .ny_newcont .ny_tjnew .text .name{ font-size:20px;} .ny_newcont .ny_tjnew .text .ms{margin: 10px 0 20px;} .ny_newcont .ny_tjnew .text .more em{width:40px; height:40px; margin-left:15px;} .ny_newcont .ny_tjnew .text .more em:after{ top:14px; left:13px;} .ny_newcont ul.ny_newlist li{ width:32%; margin-right:2%;} .ny_newcont ul.ny_newlist li:nth-child(4n){ margin-right:2%;} .ny_newcont ul.ny_newlist li:nth-child(3n){ margin-right:0;} .ny_newcont ul.ny_newlist li .more em{ width:40px; height:40px;margin-left:15px;} .ny_newcont ul.ny_newlist li .more em:after{ top:14px; left:13px;} } @media (max-width:880px) { .ny_newcont ul.ny_newlist li time{ padding-bottom:10px;} .ny_newcont ul.ny_newlist li .name{ margin:15px 0;} } @media (max-width:767px) { .nyallbox{padding:30px 0;} .ny_newcont .ny_tjnew{display:block; margin-bottom:22px;} .ny_newcont .ny_tjnew .pic{width:100%; height:250px;} .ny_newcont .ny_tjnew .text{ width:100%; margin-top:15px;} .ny_newcont .ny_tjnew .text .name{ font-size:16px;} .ny_newcont .ny_tjnew .text .ms{ font-size:15px; line-height:24px; height:48px;} .ny_newcont .ny_tjnew .text time{ font-size:15px;} .ny_newcont .ny_tjnew .text .more{ font-size:15px;} .ny_newcont ul.ny_newlist li{ width:48.5%; margin-right:3%;} .ny_newcont ul.ny_newlist li:nth-child(4n){ margin-right:3%;} .ny_newcont ul.ny_newlist li:nth-child(3n){ margin-right:3%;} .ny_newcont ul.ny_newlist li:nth-child(2n){ margin-right:0;} .ny_newcont ul.ny_newlist li time{font-size:15px;} .ny_newcont ul.ny_newlist li .name{font-size:16px;} .ny_newcont ul.ny_newlist li .ms{font-size:15px;line-height:24px; height:48px; margin-bottom:30px;} .ny_newcont ul.ny_newlist li .more{font-size:15px;} } @media (max-width:500px) { .ny_newcont .ny_tjnew{ margin-bottom:15px;padding: 15px 15px 30px;} .ny_newcont .ny_tjnew .pic{width:100%; height:200px;} .ny_newcont ul.ny_newlist li{ width:100%;padding: 30px 15px; margin-right:0; margin-bottom:10px;} .ny_newcont ul.ny_newlist li:nth-child(4n){ margin-right:0;} .ny_newcont ul.ny_newlist li:nth-child(3n){ margin-right:0;} .ny_newcont ul.ny_newlist li .name{ height:auto;} } /*分页*/ #fengye { text-align: center; margin: 20px auto 0; color: #555; font-size:16px;} #fengye table { margin:0 auto;} #fengye a { display: inline-block; padding: 0 15px; background: #fff; height: 32px; line-height: 32px; text-align: center; margin: 0 5px; border-radius:2px; color: #333; font-size:15px;} #fengye a:hover { background: #1a5aaa; color: #fff; } #fengye a.pnnum1 { background: #1a5aaa; color: #fff; } #fengye input { display: inline-block; padding: 0 5px; background-color: #1a5aaa; width: 48px !important; height: 32px !important; line-height: 32px; text-align: center; border-radius: 2px; margin: 0 5px; color: #fff; cursor: pointer; border: 0; outline:none;} #fengye .p_input { display: inline-block; padding: 0 15px; background: #fff; height: 32px; line-height: 32px; text-align: center; margin: 0 5px; color: #333; cursor: default;} @media (max-width: 1080px) { #fengye {margin: 10px auto 0;font-size:0; } #fengye a {font-size:14px;} #fengye .p_input{ display:none;} #fengye input{display:none;} } @media (max-width: 767px) { #fengye { margin:15px auto 0; font-size:0;} #fengye input, #fengye .p_input { display:none;} #fengye a { height: 40px; line-height: 40px; padding: 0 20px; border-radius: 4px; background:#ddd;} #fengye a#firstpage, #fengye a#uppage, #fengye a#downpage, #fengye a#endpage { display:inline-block;} #fengye table tr td { font-size:0;} } @media (max-width: 375px) { } @media screen and (max-width:374px) and (min-width:321px) { #fengye a{padding: 0 4%;} } @media (max-width: 320px) { #fengye a { padding:0 12px;} } /*内页成功案例*/ .ny_casecont ul{ min-height:300px;} .ny_casecont ul li{ width:31%; float:left; margin-right:3.5%; margin-bottom:50px; background:#fff; position:relative; transition: all .4s ease;} .ny_casecont ul li:nth-child(3n){ margin-right:0;} .ny_casecont ul li .pic{ display:block; width:100%; height:268px; overflow:hidden;} .ny_casecont ul li .pic img{ width:100%; height:100%;object-fit: cover; transition: all .7s ease;} .ny_casecont ul li .text{ padding:32px;} .ny_casecont ul li .text .name{ font-size:18px; font-weight:bold;width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block; transition: all .4s ease;} .ny_casecont ul li .text .ms{ font-size:16px; color:#999; line-height:26px; height:52px; margin:15px 0 32px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; position:relative;} .ny_casecont ul li .text i{ display:block; width:100%; height:1px; background:#e6e6e6;} .ny_casecont ul li .text .more{ display:block; width:48px; height:48px; background:#1a5aaa; transform:skewX(-10deg); margin-top:30px; transition: all .4s ease;} .ny_casecont ul li .text .more:after{ content:""; display:block; width:14px; height:11px; background:url(../images/jt08.png) center no-repeat; position:absolute; top:18px; left:16px;transform: skewX(10deg);} .ny_casecont ul li time{ display:block; width:160px; height:40px; line-height:40px;position: absolute; top:0; left:0; font-size:16px; color:#fff;background:url(../images/casetime.png) left no-repeat;} .ny_casecont ul li time img{ margin:-2px 7px 0 15px;} .ny_casecont ul li:hover{background:#1a5aaa;} .ny_casecont ul li:hover .pic img{transform: scale(1.1);} .ny_casecont ul li:hover .text .name{ color:#fff;} .ny_casecont ul li:hover .text .ms{ color:rgba(255,255,255,.45);} .ny_casecont ul li:hover .text .more{background:#fff;} .ny_casecont ul li:hover .text .more:after{background:url(../images/jt09.png) center no-repeat;} @media (max-width: 1440px) { .ny_casecont ul li{ width:32%; margin-right:2%; margin-bottom:30px;} .ny_casecont ul li .text{ padding:25px;} .ny_casecont ul li .text .ms{margin: 10px 0 20px;} .ny_casecont ul li .text .more{ margin-top:20px;} } @media (max-width:1199px) { .ny_casecont ul li .pic{ height:210px;} } @media (max-width:1080px) { .ny_casecont ul li .pic{ height:180px;} .ny_casecont ul li .text{ padding:20px 15px;} .ny_casecont ul li .text .ms{ margin:10px 0;} .ny_casecont ul li .text .more{ width:40px; height:40px;margin-top:15px;} .ny_casecont ul li .text .more:after {top: 14px;left: 13px;} } @media (max-width:767px) { .ny_casecont ul li{ width:48.5%; margin-right:3%; margin-bottom:20px;} .ny_casecont ul li:nth-child(3n){ margin-right:3%;} .ny_casecont ul li:nth-child(2n){ margin-right:0;} .ny_casecont ul li .pic{ height:200px;} .ny_casecont ul li .text{ padding:20px;} .ny_casecont ul li .text .name{ font-size:16px;} .ny_casecont ul li .text .ms,.ny_casecont ul li time{ font-size:15px;} } @media (max-width:500px) { .ny_casecont ul li{ width:100%; margin-right:0; margin-bottom:10px;} .ny_casecont ul li:nth-child(3n){ margin-right:0;} .ny_casecont ul li .pic{ height:220px;} } /*新闻详情*/ .newxxba{ width:100%; height:310px; margin-top: 120px; background:#161616; background: linear-gradient(to top, #161616, #343434); position:relative; overflow:hidden;} .newxxba h1{ font-size:28px; font-weight:bold; color:#fff; margin:100px 0 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .newxxba div span{ font-size:16px; color:rgba(255,255,255,.45); display:flex; display: -webkit-flex; align-items:center; float:left;} .newxxba div span:nth-of-type(2){ margin-left:3%;} .newxxba div span img{ margin-right:10px;} #solution-canvas {position:absolute;width: 100%;height: 100%;left: 0;bottom:20%;z-index: 1;opacity: .1;} .ny_newdetail{ width:100%; min-height:500px; position:relative; z-index:3; margin:-66px 0 100px;} .ny_newdetail .left{width:68.57%; float:left;} .ny_newdetail .left .xx_content{ line-height:30px;background:#fff; padding:8%;} .ny_newdetail .left .xx_content .caseDetailpic{ text-align:center;} .ny_newdetail .left .xx_content .caseDetailpic img{ max-width:100% !important; margin:0 auto 20px;} .ny_newdetail .left .xx_content p,.ny_newdetail .left .xx_content video,.ny_newdetail .left .xx_content table,.ny_newdetail .left .xx_content tr,.ny_newdetail .left .xx_content td,.ny_newdetail .left .xx_content span,.ny_newdetail .left .xx_content img{ max-width: 100% !important; max-height: 100%;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; white-space: normal;word-break: break-all;text-wrap: wrap !important;text-align: justify; line-height:30px; font-size:16px; color:#666;} .ny_newdetail .left .xx_content .fhlist{ display:block; width:110px; height:110px; border-radius:50%; background:#1a5aaa; margin:40px auto 0; font-size:14px; color:#fff; text-align:center; box-shadow:0 5px 24px rgba(152,190,25,.32);} .ny_newdetail .left .xx_content .fhlist img{ display:block; margin:0 auto; padding-top:30px;} .ny_newdetail .left .xx_content .fhlist:hover img{ padding-top:27px;} .ny_newdetail .left .NyPrevNext{ width:100%; margin-top:27px;} .ny_newdetail .left .NyPrevNext div{ width:49%; float:left; background:#fff; color:#999; padding:3%; border-top:4px solid #999; position:relative;transition: all .5s ease;} .ny_newdetail .left .NyPrevNext div.down{ float:right;} .ny_newdetail .left .NyPrevNext div:after{ content:""; display:block; width:0; height:4px; background:#1a5aaa; position:absolute; top:-4px; left:0; transition: all .5s ease;} .ny_newdetail .left .NyPrevNext div i{ font-style:normal; font-size:22px; color:#222; display:block; margin-bottom:10px;} .ny_newdetail .left .NyPrevNext div a{ font-size:16px; color:#999;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;transition: all .5s ease;} .ny_newdetail .left .NyPrevNext div:hover{ box-shadow:0 12px 36px rgba(0,0,0,.06);} .ny_newdetail .left .NyPrevNext div:hover:after{ width:100%;} .ny_newdetail .left .NyPrevNext div a:hover{ color:#1a5aaa;text-decoration: underline;} .ny_newdetail .right{ width:27.6%; float:right;} .ny_newdetail .right .newxq_mbx{ line-height: 40px; font-size:16px; color:#fff;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block; margin-top:12px;} .ny_newdetail .right .newxq_mbx a{ color:rgba(255,255,255,.45); transition: all .4s ease;} .ny_newdetail .right .newxq_mbx a:hover{ color:#fff;} .ny_newdetail .right .newxq_mbx img{ margin:0 10px;} .ny_newdetail .right .newxq_mbx img.home{display: inline-block; vertical-align: middle; margin:-2px 20px 0 0;} .ny_newdetail .right ul{ width:100%; min-height:200px; background:#fff; margin-top:100px; padding:30px 20px;} .ny_newdetail .right ul .bt{ font-size:18px; font-weight:bold; margin-bottom:24px;display:flex; display: -webkit-flex;align-items:center;} .ny_newdetail .right ul .bt img{ margin-right:10px;} .ny_newdetail .right ul li{ width:100%; background:#f8f8f8; padding:17px; margin-bottom:16px;transition: all .4s ease;} .ny_newdetail .right ul li a{ font-size:16px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;} .ny_newdetail .right ul li p{ font-size:14px; color:#999; margin-top:5px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;} .ny_newdetail .right ul .more{ width:100%; height:48px; background:#1a5aaa; color:#fff; font-size:16px;display:flex; display: -webkit-flex; justify-content:center;align-items:center;} .ny_newdetail .right ul .more img{ margin-left:12px; transition: all .4s ease;} .ny_newdetail .right ul li:hover{background:#1a5aaa;} .ny_newdetail .right ul li:hover a{ color:#fff;} .ny_newdetail .right ul li:hover p{ color:rgba(255,255,255,.45);} .ny_newdetail .right ul .more:hover img{margin-left:16px;} @media (max-width:1680px) { .newxxba { margin-top: 100px;} } @media (max-width:1440px) { .newxxba { margin-top: 80px;} .newxxba h1{ font-size:24px;} .ny_newdetail{ margin-bottom:80px;} .ny_newdetail .left{ width:100%; margin-top:80px;} .ny_newdetail .left .xx_content{ padding:6%;} .ny_newdetail .left .NyPrevNext div i{ font-size:20px;} .ny_newdetail .right{ width:100%;} .ny_newdetail .right ul{ display:none;} } @media (max-width:1080px) { .newxxba{ height:280px;} .newxxba h1{ font-size:22px;margin: 90px 0 22px;} .ny_newdetail {margin-bottom: 50px;} .ny_newdetail .left{margin-top:60px;} .ny_newdetail .left .xx_content p,.ny_newdetail .left .xx_content video,.ny_newdetail .left .xx_content table,.ny_newdetail .left .xx_content tr,.ny_newdetail .left .xx_content td,.ny_newdetail .left .xx_content span,.ny_newdetail .left .xx_content img{width: auto !important; height: auto !important; font-size:15px !important; line-height:28px;} .ny_newdetail .left .xx_content .fhlist{ width:90px; height:90px;} .ny_newdetail .left .xx_content .fhlist img{ padding-top:20px;} .ny_newdetail .left .xx_content .fhlist:hover img{ padding-top:18px;} .ny_newdetail .left .NyPrevNext div i{ font-size:18px; margin-bottom:5px;} .ny_newdetail .right .newxq_mbx img.home { margin: 0 15px 0 0;} } @media (max-width:920px) { .newxxba { margin-top: 72px;} } @media (max-width:767px) { .newxxba{ height:220px; margin-top: 64px;} .newxxba h1{ font-size:18px;margin: 65px 0 10px;} .newxxba div span{ font-size:15px;} .ny_newdetail .right .newxq_mbx img.home{ width:26px;} .newxxba div span img{ margin-right:5px;} #solution-canvas{ bottom:40%;} .ny_newdetail{ margin-bottom:40px;} .ny_newdetail .left{ margin-top:50px;} .ny_newdetail .left .NyPrevNext{ margin-top:20px;} .ny_newdetail .left .NyPrevNext div{ width:100%; font-size:15px;} .ny_newdetail .left .NyPrevNext div.down{ margin-top:10px;} .ny_newdetail .left .NyPrevNext div i{ font-size:16px;} .ny_newdetail .left .NyPrevNext div a{ font-size:15px;} .ny_newdetail .right .newxq_mbx{ font-size:15px;} .ny_newdetail .right .newxq_mbx img{ margin:0 5px;} } @media (max-width:500px) { .newxxba h1{margin:50px 0 10px;} .ny_newdetail .right .newxq_mbx img.home{ margin-right:10px;} } /*联系我们*/ .ny_lxwm .lxwmone .lxwmorder{ width:57.85%; float:left;} .ny_lxwm .lxwmone .mswz{ width:100%; background:#1a5aaa; padding:44px 8%; font-size:18px; color:#fff;display:flex; display: -webkit-flex;align-items:center;} .ny_lxwm .lxwmone .mswz img{ margin-right:30px;} .ny_lxwm .lxwmone .ly_order{ background:#fff; padding:5.5%;} .ny_lxwm .lxwmone #ly_msg.ly_msg,.ny_lxwm .lxwmone #ly_msg.ly_msg ul{ margin-bottom:0 !important;} .ny_lxwm .lxwmone #ly_msg.ly_msg ul li{ width:47.25%; clear:none; float:left;} .ny_lxwm .lxwmone #ly_msg.ly_msg ul li:nth-of-type(2),.ny_lxwm .lxwmone #ly_msg.ly_msg ul li:nth-of-type(6),.ny_lxwm .lxwmone #ly_msg.ly_msg ul li:nth-of-type(7){ display:none;} .ny_lxwm .lxwmone #ly_msg.ly_msg ul li:nth-of-type(3),.ny_lxwm .lxwmone #ly_msg.ly_msg ul li:nth-of-type(5){ float:right;} .ny_lxwm .lxwmone #ly_msg.ly_msg ul li:nth-of-type(8),.ny_lxwm .lxwmone #ly_msg.ly_msg ul li:nth-of-type(9),.ny_lxwm .lxwmone #ly_msg.ly_msg ul li:last-child{ width:100%;} .ny_lxwm .lxwmone #ly_msg.ly_msg .msg_btn{width:100% !important;} .ny_lxwm .lxwmone #ly_msg.ly_msg .msg_btn input{ margin:0 !important;width:100% !important;height:60px !important; line-height:60px !important; background:#1a5aaa !important;font-size:18px !important; font-weight:bold;} .ny_lxwm .lxwmone .ly_msg .msg_btn input:nth-of-type(2){ display:none !important;} .ny_lxwm .lxwmone #ly_msg.ly_msg ul li a.yzm_img{ width:160px!important; height:60px!important; margin-top:0 !important; padding-right:0 !important;} .ny_lxwm .lxwmone #ly_msg.ly_msg .msg_ipt2 input{width: calc(100% - 180px)!important; height:60px!important;} .ny_lxwm .lxwmone #ly_msg.ly_msg ul li .c_yzm{ width:100%;} .ny_lxwm .lxwmone input::placeholder,.ny_lxwm .lxwmone textarea::placeholder{ color:#999 !important; font-size:16px;} .ny_lxwm .lxwmone .lxwmorder .ly_order #ly_msg.ly_msg ul li .msg_ipt2>span{ display:none !important;} .ny_lxwm .lxwmone #ly_msg.ly_msg ul li h4.xh,.ny_lxwm .lxwmone #ly_msg.ly_msg ul li h4{ display:none !important;} .ny_lxwm .lxwmone #ly_msg.ly_msg ul li .msg_ipt1,.ny_lxwm .lxwmone #ly_msg.ly_msg ul li .msg_ipt2,.ny_lxwm .lxwmone #ly_msg.ly_msg ul li .msg_ipt12{ width:100% !important;height:60px !important;padding-right:0 !important;} .ny_lxwm .lxwmone #ly_msg.ly_msg ul li .msg_ipt0{ height:250px !important;} .ny_lxwm .lxwmone #ly_msg.ly_msg ul li .msg_ipt0 textarea{background:#f8f8f8 !important; border:0!important; height:250px!important;outline:none;} .ny_lxwm .lxwmone #ly_msg.ly_msg .msg_ipt1 input, .ny_lxwm .lxwmone .msg_ipt12 input, .ny_lxwm .lxwmone .msg_ipt2 input, .msg_ipt12 .msg_option{width:100% !important; height:60px !important; background:#f8f8f8 !important; border:0 !important; outline:none; appearance:none;} .ny_lxwm .lxwmone#ly_msg.ly_msg .msg_ipt12 textarea{ padding:20px 15px !important;} .ny_lxwm .lxwmone .column{ width:34%; float:right;} .ny_lxwm .lxwmone .column .lxwmbt p{ font-size:48px;line-height: 56px; font-weight:bold;} .ny_lxwm .lxwmone .column .lxwmbt span{ display:block; font-size:30px; font-weight:bold;display: flex; display: -webkit-flex; align-items: center; margin-bottom:60px;} .ny_lxwm .lxwmone .column .lxwmbt span em{ display:block; width:17px; height:17px; background:#1a5aaa; transform:skewX(-30deg); margin-right:22px;} .ny_lxwm .lxwmone .column ul li{ margin-bottom:100px;position: relative; padding-left:68px;min-height: 35px;} .ny_lxwm .lxwmone .column ul li:last-child{ margin-bottom:0;} .ny_lxwm .lxwmone .column ul li:after{content: ''; position: absolute; height:80px;width: 1px; border-left:2px dotted #cbcbcb; left:14px;} .ny_lxwm .lxwmone .column ul li:last-child:after{ display:none;} .ny_lxwm .lxwmone .column ul li:nth-of-type(1){ background:url(../images/zxlxwoico1.png) left top no-repeat;} .ny_lxwm .lxwmone .column ul li:nth-of-type(2){ background:url(../images/zxlxwoico2.png) left top no-repeat;} .ny_lxwm .lxwmone .column ul li:nth-of-type(3){ background:url(../images/zxlxwoico3.png) left top no-repeat;} .ny_lxwm .lxwmone .column ul li:nth-of-type(4){ background:url(../images/zxlxwoico4.png) left top no-repeat;} .ny_lxwm .lxwmone .column ul li span{ font-size:18px; color:#999;} .ny_lxwm .lxwmone .column ul li p{ font-size:24px; font-weight:bold;} .NyContactMap_main{ width:100%; background:#fff; padding:80px 0;} .NyContactMap_main .ind_tit{ font-size:44px; margin-bottom:45px;} .NyContactMap_main #container{ height:550px; border:8px solid #f8f8f8;} [onpositionupdate]{ display:none;} @media (max-width:1440px) { .ny_lxwm .lxwmone .column{ width:36%;} .ny_lxwm .lxwmone .column .lxwmbt p{ font-size:42px; line-height:48px;} .ny_lxwm .lxwmone .column .lxwmbt span{ font-size:28px;margin-bottom: 40px;} .ny_lxwm .lxwmone .column ul li{ margin-bottom:90px;} .ny_lxwm .lxwmone .column ul li:after{ height:70px;} .ny_lxwm .lxwmone .column ul li p{ font-size:22px;} .ny_lxwm .lxwmone .mswz{ padding:44px 5.5%;} .ny_lxwm .lxwmone #ly_msg.ly_msg ul{ margin:0 auto;} .ny_lxwm .lxwmone #ly_msg.ly_msg ul li{margin: 0 auto 15px !important;} .ny_lxwm .lxwmone #ly_msg.ly_msg ul li .msg_ipt1,.ny_lxwm .lxwmone #ly_msg.ly_msg ul li .msg_ipt2,.ny_lxwm .lxwmone #ly_msg.ly_msg ul li .msg_ipt12{height:50px !important;} .ny_lxwm .lxwmone #ly_msg.ly_msg .msg_ipt1 input, .ny_lxwm .lxwmone .msg_ipt12 input, .ny_lxwm .lxwmone .msg_ipt2 input, .msg_ipt12 .msg_option,.ny_lxwm .lxwmone #ly_msg.ly_msg .msg_ipt2 input,.ny_lxwm .lxwmone #ly_msg.ly_msg ul li a.yzm_img{ height:50px!important;} .ny_lxwm .lxwmone #ly_msg.ly_msg ul li .msg_ipt0,.ny_lxwm .lxwmone #ly_msg.ly_msg ul li .msg_ipt0 textarea{ height:200px!important;} .ny_lxwm .lxwmone input::placeholder,.ny_lxwm .lxwmone textarea::placeholder{font-size:14px;} .NyContactMap_main{ padding:60px 0;} .NyContactMap_main .ind_tit{ font-size:38px; line-height:40px; margin-bottom:30px;} } @media (max-width:1199px) { .ny_lxwm .lxwmone .column .lxwmbt p{ font-size:36px;} .ny_lxwm .lxwmone .column .lxwmbt span{ font-size:26px;} .ny_lxwm .lxwmone .column ul li{ margin-bottom:65px;padding-left: 48px;} .ny_lxwm .lxwmone .column ul li:after{ height:45px;} .ny_lxwm .lxwmone .column ul li p{ font-size:20px;} .ny_lxwm .lxwmone .mswz{ padding:30px 5.5%;} .ny_lxwm .lxwmone .mswz img{ margin-right:20px; font-size:17px; line-height:28px;} .NyContactMap_main #container{ height:450px;} } @media (max-width:1080px) { .ny_lxwm .lxwmone .column{ width:100%;padding-left:0;} .ny_lxwm .lxwmone .column .lxwmbt p{ font-size:32px; line-height:38px;} .ny_lxwm .lxwmone .column .lxwmbt span{ font-size:22px; margin-bottom:20px;} .ny_lxwm .lxwmone .column ul li{ margin-bottom:15px;border: 1px solid #ddd; padding:20px 15px 20px 70px;} .ny_lxwm .lxwmone .column ul li:after{ display:none;} .ny_lxwm .lxwmone .column ul li:nth-of-type(1){ background:url(../images/zxlxwoico1.png) 25px no-repeat;} .ny_lxwm .lxwmone .column ul li:nth-of-type(2){ background:url(../images/zxlxwoico2.png) 25px no-repeat;} .ny_lxwm .lxwmone .column ul li:nth-of-type(3){ background:url(../images/zxlxwoico3.png) 25px no-repeat;} .ny_lxwm .lxwmone .column ul li:nth-of-type(4){ background:url(../images/zxlxwoico4.png) 25px no-repeat;} .ny_lxwm .lxwmone .column ul li:nth-of-type(5){ background:url(../images/zxlxwoico5.png) 25px no-repeat;} .ny_lxwm .lxwmone .column ul li p{ margin-top:0;} .ny_lxwm .lxwmone .lxwmorder{ width:100%; padding-right:0;margin-top:30px;} .ny_lxwm .lxwmone #ly_msg.ly_msg ul li{margin: 0 auto 10px!important;} .NyContactMap_main{ padding:40px 0;} .NyContactMap_main .ind_tit{ font-size:34px; line-height:36px;} .NyContactMap_main #container{ height:400px;} } @media (max-width:767px) { .ny_lxwm .lxwmone .column .lxwmbt p{ font-size:30px; line-height:36px;} .ny_lxwm .lxwmone .column .lxwmbt span{ font-size:20px;} .ny_lxwm .lxwmone .column ul li p{font-size:18px;} .ny_lxwm .lxwmone .mswz{ font-size:16px;padding: 20px 4%;} .ny_lxwm .lxwmone .ly_order{ padding:4%;} .ny_lxwm .lxwmone #ly_msg.ly_msg ul li{ width:100%;} #ly_msg.ly_msg ul li .msg_ipt12, #ly_msg.ly_msg ul li .msg_ipt1, #ly_msg.ly_msg ul li .msg_tara, #ly_msg.ly_msg ul li .msg_btn, #ly_msg.ly_msg ul li .msg_ipt0 textarea, .msg_ipt12 .msg_option, #ly_msg.ly_msg ul li .msg_ipt2{ padding-right:0 !important;} .NyContactMap_main{ padding:30px 0;} .NyContactMap_main .ind_tit{ font-size:30px; line-height:32px; margin-bottom:20px;} } @media (max-width:500px) { .ny_lxwm .lxwmone .lxwmorder{ margin-top:20px;} .ny_lxwm .lxwmone .column .lxwmbt p{ font-size:26px; line-height:32px;} .ny_lxwm .lxwmone .column ul li{ padding:20px 15px 20px 70px;} .ny_lxwm .lxwmone .column ul li:nth-of-type(1), .ny_lxwm .lxwmone .column ul li:nth-of-type(2), .ny_lxwm .lxwmone .column ul li:nth-of-type(3), .ny_lxwm .lxwmone .column ul li:nth-of-type(4), .ny_lxwm .lxwmone .column ul li:nth-of-type(5){background-position: 20px} .ny_lxwm .lxwmone .column ul li span{font-size:16px;} .ny_lxwm .lxwmone .column ul li p{font-size:16px;} .NyContactMap_main .ind_tit{ font-size:24px; line-height:26px;} } /*荣誉资质内页*/ .honor_content { padding:58px 0; overflow:hidden;} .honor_content ul{ min-height:300px;} .honor_content ul.nyhonor_box li{float:left;width:23.5%;margin-right:2%;margin-bottom:20px; background:#fff; box-shadow: inset 0 0 0 5px #f0f0f4;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s; position:relative; padding:1%;} .honor_content ul.nyhonor_box li:nth-child(4n) { margin-right: 0;} .honor_content ul.nyhonor_box li::before, .honor_content ul.nyhonor_box li::after { box-sizing: inherit; content: '';position: absolute; width: 100%; height: 100%;top: 0;left: 0;-webkit-transform-origin: center; transform-origin: center;} .honor_content ul.nyhonor_box li::before { border-top: 5px solid #1a5aaa; border-bottom: 5px solid #1a5aaa;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);} .honor_content ul.nyhonor_box li::after {border-left: 5px solid #1a5aaa;border-right: 5px solid #1a5aaa; -webkit-transform: scale3d(1, 0, 1);transform: scale3d(1, 0, 1);} .honor_content ul.nyhonor_box li:hover::before, .honor_content ul.nyhonor_box li:hover::after {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);transition: -webkit-transform 0.5s;transition: transform 0.5s;transition: transform 0.5s, -webkit-transform 0.5s;} .art_conet .xq_himg{ width:100%; text-align:center; margin-bottom:20px;} .art_conet .xq_himg img{ max-width:100% !important;} .honor_content ul.nyhonor_box li>a{display:block;position:relative; z-index:1;} .honor_content ul.nyhonor_box li>a .pro_img{text-align:center; overflow:hidden; height:250px; position:relative;} .honor_content ul.nyhonor_box li>a .pro_img img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;} .honor_content ul.nyhonor_box li:hover>a .pro_img img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .honor_content ul.nyhonor_box li>a .pro_img img .iblock {display:inline-block;height:100%;width:0;vertical-align:middle;} .honor_content ul.nyhonor_box li p{font-size:18px;text-align:center;line-height:40px;overflow:hidden;position:relative; z-index:1;} .honor_content ul.nyhonor_box li p .honor_name{display: block;height:42px;line-height:42px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;max-width:100%;padding:0 10px;} .honor_content ul.nyhonor_box li em{display:block;text-align:center;height:30px;line-height:30px;font-size:14px;color:#999;} .honor_content ul.nyhonor_box li em a{color:#999;} .honor_content ul.nyhonor_box li:hover em a{color:#1a5aaa;} @media (max-width: 1399px) and (min-width:768px){ .honor_content { padding:48px 0;} .honor_content ul.nyhonor_box li{width:32%;} .honor_content ul.nyhonor_box li:nth-child(4n) {margin-right: 2%;} .honor_content ul.nyhonor_box li:nth-child(3n) {margin-right: 0px;} } @media (max-width: 1023px){ .honor_content ul.nyhonor_box li>a .pro_img{ height:180px;} } @media (max-width: 767px){ .honor_content { padding:38px 0;} .honor_content ul.nyhonor_box li{width:49%; padding: 10px;} .honor_content ul.nyhonor_box li:nth-child(2n) {margin-right: 0px;} .honor_content ul.nyhonor_box li>a .pro_img{ height:150px;} .honor_content ul.nyhonor_box li p .honor_name{height: 35px; line-height: 35px; font-size:16px;} .honor_content ul.nyhonor_box li em{ line-height:20px;} } @media (max-width: 375px){ .honor_content ul.nyhonor_box li>a .pro_img{ height:120px;} } /*荣誉资质详情页*/ .ny_honordetail .right{ width:100%;} .ny_honordetail .left{ width:100%; margin-top:100px;} @media (max-width: 1440px){ .ny_honordetail .left{margin-top:80px;} } @media (max-width: 1080px){ .ny_honordetail .left{margin-top:60px;} } @media (max-width: 767px){ .ny_honordetail .left{margin-top:50px;} } /*产品中心相关文章*/ .xg-news { background: #fff; padding:70px 0 30px; overflow: hidden;margin-top: 30px; } .xg-news .ind_bigbt { justify-content: flex-start;font-size: 38px; line-height:40px;} .xg-news ul { min-height: 240px; margin-top: 30px;} .xg-news ul li { margin-bottom: 40px; float: left; width: 48%; margin-right: 4%; background:#f8f8f8; padding:20px; border-radius: 6px; overflow: hidden; -webkit-transition: all ease .3s; transition: all ease .3s; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .xg-news ul li:nth-child(2n) { margin-right: 0; } .xg-news ul li .tit a { display: block; font-size:20px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .xg-news ul li .date { margin-top: 10px; line-height: 30px; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; position:relative;} .xg-news ul li .date i { font-style: normal; padding-left: 20px; position: relative; color: #999; } .xg-news ul li .date i:before { content: ""; position: absolute; top: 0; left: 0; width:14px; height:28px;background: url(../images/time1.png) center no-repeat; } .xg-news ul li .date span { color: #42897c; padding-right: 24px;} .xg-news ul li .date span a{ color:#999; font-size:16px;} .xg-news ul li .date em{ width:18px; height:18px;background: url(../images/ny_more.png) center no-repeat; vertical-align:middle; position:absolute; right:0; top:5px;} .xg-news ul li:hover { -webkit-box-shadow: 2px 12px 15px rgba(0,0,0,.1); box-shadow: 2px 12px 15px rgba(0,0,0,.1); } .xg-news ul li:hover .tit a { color: #1a5aaa; } @media (max-width:1440px) { .xg-news { padding:60px 0 40px;} .xg-news .ind_bigbt{font-size: 34px;} .xg-news ul li { margin-bottom:20px; } } @media (max-width: 1080px) { .xg-news { padding: 40px 0 20px; } .xg-news .ind_bigbt{font-size: 18px;} } @media (max-width: 767px) { .xg-news { padding: 30px 0 20px; } .xg-news .ind_bigbt{font-size: 22px; line-height:24px;} .xg-news ul li { width: 100%; margin-bottom:10px; } .xg-news ul { margin-top: 20px; } .xg-news ul li .tit a { font-size: 16px; } .xg-news ul li .date{ margin-top:15px;} } /*资料下载*/ .NyDown_Main { width:100%; max-width:1400px; height:auto; margin:0 auto; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyDown_Main .NyDown_List { width:100%; height:auto; margin:0 auto; padding:60px 60px 30px; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyDown_List ul li { width:48.9%; height:auto; margin:0 2.2% 30px 0; padding:20px 30px 30px; border:1px solid #ddd; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyDown_List ul li:nth-child(2n+2) { margin:0 0 30px;} .NyDown_List ul li .NyDown_Name { width:100%; height:auto; margin:0 auto; padding:0;} .NyDown_List ul li .NyDown_Name a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:20px; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyDown_List ul li span { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; color:#999; font-size:16px; margin:0 auto; padding:0;} .NyDown_List ul li .NyDown_Btn { width:100%; height:auto; margin:0 auto; padding:0;} .NyDown_List ul li .NyDown_Btn i { display:block; width:18px; height:10px; overflow:hidden; margin:0 0 0 60px; padding:0; background: url(../images/jt20.png) center center no-repeat; background-size:100% 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyDown_List ul li .NyDown_Btn a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#999; font-size:16px; text-align:center; margin:0 auto; padding:0; background-color:#f4f4f4; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyDown_List ul li:hover .NyDown_Name a { color:#1a5aaa;} .NyDown_List ul li:hover .NyDown_Btn i { background: url(../images/jt21.png) center center no-repeat; background-size:100% 100%;} .NyDown_List ul li:hover .NyDown_Btn a { background-color:#1a5aaa; color:#fff;} .NyDown_Main #fengye { margin:60px auto 0;} .DownBtn{margin: 20px auto 0;} .DownBtn a{display:inline-block;width:120px;height:40px;line-height:40px;text-align:center;font-size:15px;border:1px solid #999;margin:0 auto;color:#555; position:relative;} .DownBtn a:before{ content:""; display:inline-block; background:url(../images/down1.png) no-repeat left center; width:16px; height:16px; margin:0 10px -2px 0;} .DownBtn a:hover{border:1px solid #1a5aaa ;background:#1a5aaa ;color:#fff;} .DownBtn a:hover:before{background:url(../images/down2.png) no-repeat left center;} @media (max-width:1440px) { .NyDown_Main { max-width:inherit; padding:0 40px;} .NyDown_Main .NyDown_List { padding:40px 40px 10px;} } @media (max-width:1280px) { .NyDown_Main .NyDown_List { padding:40px 40px 15px;} .NyDown_List ul li { margin:0 2.2% 25px 0; padding:15px 25px 25px;} .NyDown_List ul li:nth-child(2n+2) { margin:0 0 25px;} .NyDown_List ul li .NyDown_Name a { font-size:18px;} .NyDown_List ul li span { font-size:15px;} .NyDown_List ul li .NyDown_Btn a { font-size:15px;} .NyDown_Main #fengye { margin:40px auto 0;} } @media (max-width:1080px) { .NyDown_Main .NyDown_List { padding:40px 40px 20px;} .NyDown_List ul li { margin:0 2.2% 20px 0; padding:10px 20px 20px;} .NyDown_List ul li:nth-child(2n+2) { margin:0 0 20px;} } @media (max-width:820px) { .NyDown_Main { padding:0 20px;} .NyDown_Main .NyDown_List { padding:20px 20px 0;} .NyDown_List ul li { margin:0 2.2% 20px 0; padding:10px 20px 20px;} .NyDown_List ul li:nth-child(2n+2) { margin:0 0 20px;} } @media (max-width:767px) { .NyDown_Main { padding:0 20px;} .NyDown_Main .NyDown_List { padding:20px 20px 0;} .NyDown_List ul li { width:100%; margin:0 auto 20px; padding:10px 20px 20px;} .NyDown_List ul li:nth-child(2n+2) { margin:0 auto 20px;} .NyDown_List ul li .NyDown_Name a { height:auto; line-height:30px; font-size:18px; white-space:inherit; text-overflow:inherit;} .NyDown_List ul li span { font-size:14px;} .NyDown_List ul li .NyDown_Btn a { font-size:14px;} .NyDown_Main #fengye { margin:20px auto 0;} .DownBtn a { width:auto; height:40px; line-height:40px; font-size:14px; padding:0 20px;} }