body,div,dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,button,img,span {padding:0px;margin:0px;} body {background:#fff; font-family: "Microsoft YaHei";font-size:14px;} em,i{font-style:normal;text-decoration:none;} /* 重置body 页面背景为白色 */ fieldset,img {border:0;vertical-align:middle;} body,th,td,input,select,textarea,button {font-size:14px;line-height:1;font-family: "Microsoft YaHei";color:#666;} /* 重置页面文字属性 */ input,select,label,select,option,textarea,button,fieldset,legent {font-family: "Microsoft YaHei";font-size:14px;} ul {list-style:none;} input,select,textarea {margin:0px;padding:0px;outline:none;blr:expression(this.onFocus=this.blur());font-family:"microsoft yahei";} /*浮动样式*/ .fl {float:left;} .fr {float:right;} .clear {clear:both;} .clearfix:after {content:'.';clear:both;display:block;height:0;visibility:hidden;line-height:0px;} .clearfix {zoom:1} article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} /*宽度样式*/ .w1500 {width:80%;max-width:1800px;margin:0 auto;} @media (max-width:1600px){ .w1500 {width:95%;} } @media (max-width:1500px) { } @media (max-width:1300px) { } @media (max-width:1080px) { } @media (max-width: 767px) { } @media (max-width: 375px) { } @media (max-width: 320px) { } /* 设置滚动条的样式 */ ::-webkit-scrollbar { width:0px;}/* 滚动槽 */ ::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0px;}/* 滚动条滑块 */ ::-webkit-scrollbar-thumb { background-color:#0a1a3e;} ::-webkit-scrollbar-thumb:window-inactive { background-color:#0a1a3e;} input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} textarea { -webkit-appearance: none;} input{ border-radius: 0; } /*默认文字连接样式*/ a {color:#666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());font-family:"microsoft yahei";} a:hover {color:#2449a4;text-decoration:none;} @font-face { font-family: syht; src: url(../font/Impact.ttf); } /*css3动画延迟*/ /*.delay {animate-duration: 2s;animate-delay: 1s;animate-iteration-count: 1;} .wow{transition: 1s ease-in-out;}*/ .fp-tableCell{padding-top:30px;} .section1 .fp-tableCell,.section4 .fp-tableCell{padding-top:0;} .wel-con #fp-nav.fp-left{left:12px;} .wel-con #fp-nav ul li:nth-last-child(1){display:none;} .wel-con #fp-nav ul li a span{width:25px;height: 2px; background: #ffffff;border-radius:0;left:0;margin:0;} .wel-con #fp-nav ul li a span.fp-sr-only{display:none;} .wel-con #fp-nav ul li:hover a span,.wel-con .fp-slidesNav ul li:hover a span{width:35px;height:1px;background:rgba(255,255,255,.5);margin:0;} .wel-con #fp-nav ul li a.active span,.wel-con .fp-slidesNav ul li a.active span,.wel-con #fp-nav ul li:hover a.active span,.wel-con .fp-slidesNav ul li:hover a.active span{margin:0;width:35px;height: 2px; background: #2449a4;border-radius:0;} .wel-con #fp-nav ul li a.active + .fp-tooltip.fp-left {color: #2449a4;opacity: 1;width: 90px;font-size:15px;height:25px;line-height:25px;background:url(../img/scoll_icon.png) left center no-repeat;padding-left:15px;left:45px;} .wel-con #fp-nav ul li, .fp-slidesNav ul li{height:17px;width:25px;margin: 12px 0;} .wel-con #fp-nav ul li:hover .fp-tooltip,.wel-con #fp-nav.fp-show-active a.active + .fp-tooltip{opacity: 1;width: 90px;font-size:15px;height:25px;line-height:25px;background:url(../img/scoll_icon.png) left center no-repeat;padding-left:15px;left:45px;} .wel-con #fp-nav ul li .fp-tooltip{top:-5px;} .wel-con.fp-viewing-page6 #fp-nav ul li a span{background:rgba(0,0,0,.3)} .wel-con.fp-viewing-page6 #fp-nav ul li:hover a span{background:#2449a4 ;} .wel-con.fp-viewing-page6 #fp-nav ul li a.active span,.wel-con.fp-viewing-5 #fp-nav ul li:hover a.active span{background:#2449a4 ;} .wel-con.fp-viewing-page6 #fp-nav ul li a.active + .fp-tooltip.fp-left {background:url(../img/scoll_icon2.png) left center no-repeat;color:#2449a4 ;} .wel-con.fp-viewing-page6 #fp-nav ul li:hover .fp-tooltip,.wel-con #fp-nav.fp-show-active a.active + .fp-tooltip{background:url(../img/scoll_icon2.png) left center no-repeat;} .wel-con.fp-viewing-page7 #fp-nav{display:none;} /*top*/ .h_header{position:fixed;top:0;z-index:999;width:100%;} .h_header .w1500{width:98%;max-width:1920px;padding-left:2%;} .top1{border-bottom:1px solid rgba(255,255,255,.17); display:none;} .top1 .l{float:left;width:50%;height:40px;line-height:40px;font-size:14px;color:#fff;} .top1 .r{float:right;width:30%;text-align:right;font-size:0;} .top1 .r span{display:inline-block;vertical-align:middle;overflow:hidden;width:18px;height:40px;background:url(../img/top_tel.png) center center no-repeat;margin-right:8px;} .top1 .r em{display:inline-block;vertical-align:middle;overflow:hidden;font-size:18px;font-weight:bold;color:#fff;height:40px;line-height:40px;} .top2{border-bottom:1px solid rgba(255,255,255,.17);padding: 0;position:relative;z-index:99; transform: scale(1) ;} .top2 .top_nav{max-width:65%;float:right;transform: scale(1);opacity: 01;transition: .6s ease-in-out;transition-duration: .5s;} /*top_nav begin*/ .flexnav {margin:0;padding:0;list-style:none;line-height:1;display:block;overflow:visible;width:100%;height: 80px;font-family:"Noto Sans",Helvetica,sans-serif;} .flexnav:after {content:"";display:table;clear:both} .flexnav>li {float:left} .flexnav li {display:block;position:relative} .flexnav>li.item-with-ul>a {padding-right: 40px;} .flexnav li a {position:relative;display:block;z-index:2;padding: 0 25px;height:80px;line-height:80px;overflow:hidden;/*font-weight:bold;*/font-size:17px;color:#fff;text-decoration:none;-webkit-transition:color .2s ease-in;-moz-transition:color .2s ease-in;-ms-transition:color .2s ease-in;-o-transition:color .2s ease-in;transition:color .2s ease-in;} .flexnav ul li a {width: 80px;font-weight:400;font-size:13px;padding:13px 25px;text-align: center;} .flexnav li a span{overflow: hidden;height: 20px;display: inline-block;vertical-align: middle;margin-right: 5px;} .flexnav li a span img{margin-top:-38px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .flexnav li:hover>a,.flexnav li.active>a {color: #2449a4 ;} .flexnav li:hover>a>span,.flexnav li.active>a>span{margin-top:-2px;} .flexnav li:hover>a>span img,.flexnav li.active>a>span img {margin-top:-18px;} .flexnav ul {position:absolute;top:auto;left:0;display:block;padding:0} .flexnav>li>ul {left: 50%;right:0;margin-left: -65px;} .flexnav ul ul {margin-left:100%;top:0} .flexnav li ul li {position:relative;overflow:hidden} .flexnav li ul.show li {overflow:visible} .flexnav li ul li a {background: rgba(255,255,255,.3);} .flexnav ul li ul li a {background:#253136} .flexnav ul li ul li ul li a {background:#2c3b40} .flexnav li ul.open {display:block;opacity:1;visibility:visible;z-index:1} .flexnav li ul.open li {overflow:visible;max-height:100px} .flexnav li ul.open ul.open {margin-left:100%;top:0} .flexnav .touch-button {position:absolute;z-index:999;top:0;right:0;width:46px;height: 80px;display:inline-block;text-align:center;} .flexnav .touch-button:hover {cursor:pointer} .flexnav .touch-button::after {height:0;width:0;content:"";border:6px solid transparent;border-top-color:#fff;display:block;position:absolute;top: 37px;left:17px;} .flexnav>li:hover>.touch-button::after,.sm-screen .submenu-open::after {border-top-color:#ca1511} .flexnav ul li .touch-button {width:39px;height:39px;background:rgba(255,255,255,.05);border-top-color:transparent} .flexnav ul li .touch-button::after {top:15px} .flexnav.lg-screen ul li .touch-button::after {border-left-color:#ddd;border-top-color:transparent;border-width:5px} .flexnav.lg-screen ul li:hover>.touch-button::after {border-left-color:#ca1511} .flexnav.sm-screen ul li .touch-button::after {border-width:5px;left:14px;top:17px} .menu-button {position:relative;display:none;padding: 0;background: none;color:#ddd;cursor:pointer;font-family:"Noto Sans",Helvetica,sans-serif;line-height: 62px;font-weight:700;font-size:14px;font-size: 0;} .menu-button.one-page {position:fixed;top:0;right:5%;padding-right:45px} .menu-button .touch-button {background:transparent;position:absolute;z-index:999;top:0;right:0;width: 100%;height: 62px;display:inline-block;text-align:center;} .menu-button .touch-button .navicon {font-size:16px;position:relative;top:1em;color:#666} .menu-button::after {position:absolute;content:"";right:25px;top: 24px;height: 4px;width: 25px;border-top: 2px solid #515151;border-bottom: 2px solid #515151;z-index:1;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;} .menu-button::before {position:absolute;content:"";right:25px;top: 33px;height:3px;width: 25px;border-bottom: 2px solid #515151;z-index:1;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;} @media all and (max-width:1080px) {.flexnav {overflow:hidden;max-height:0} .flexnav.show {border-top: 1px solid #ededed;overflow:visible;max-height:2000px;width:100%;height:100%;padding:14px 0 0;position:fixed;left:0;top: 62px;background-color:white;z-index:10;color:#666;overflow-y:auto;} .flexnav li {float:none} .flexnav ul li a {width:auto} .flexnav ul,.flexnav ul ul {position:relative;margin-left:0;width:100%} .flexnav ul li a {padding-left:37px} .flexnav ul ul li a {padding-left:49px} .flexnav ul ul ul li a {padding-left:61px} .menu-button{display:block;width:10%;float:right;} .menu-button.cur::before{transform: rotate(-45deg);top: 29px;} .menu-button.cur::after{transform: rotate(45deg);top: 31px;border-bottom:0;} } /*top_nav end*/ .top2 .logo{display:block;width:15%;float:left; /*padding: 11px 0;*/ /*transform: scale(1);*/ padding: 5px 0 0px; transform: scale(0.9); opacity: 01;transition: .6s ease-in-out;transition-duration: .5s;} .top2 .logo .logo2{display:none;} .top2 .logo img{max-width:100%;} .top2 .top_search_icon{width:5%;height:80px;background:url(../img/top_search_btn.png) center center no-repeat;float:right;cursor:pointer;border-left:1px solid rgba(255,255,255,.17);border-right:1px solid rgba(255,255,255,.17);transform: scale(1) ;transition: .6s ease-in-out;transition-duration: .5s;} .hide1 .top2,.hide1 .logo,.hide1 .top_nav,.hide1 .nav_btn_wrap,.hide1 .top_search_icon {transform: scale(0) !important;opacity: 0;transition: .6s ease-in-out;transition-duration: .5s;} .search_wrap {height:80px;position:fixed;top:0;width:100%;z-index:9999;left:0;background:#fff;transform: scale(0);opacity: 0;} .search_wrap .search_in {position:absolute;z-index:10;left:50%;top:15px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0; width:600px;height:44px;margin-left:-300px;border-bottom:1px solid rgba(0,0,0,0.1);color:#666;line-height:44px;transition:all 0.5s;/* background:#fff;*/ padding-right:50px;} .search_in input.serach {width:100%;display:block;height:43px;position:relative;border:none;background:none;box-sizing:border-box;text-indent:0;} .search_in .sub {position:absolute;top:0;right:0;z-index:5;display:block;width:36px;height:43px;background:url(../img/top_search_btn2.png) no-repeat center;border:none;box-sizing:border-box;} .search_close {position:absolute;z-index:-1;display:block;right:-20%;top:50%;margin-top:-8px;width:24px;height:24px;background:url(../img/close2.png) no-repeat center;background-size:24px !important;cursor:pointer;transition-duration:.5s;transform:scale(0);} .show1 {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;} .search_wrap.show1 .search_in{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1; } .search_wrap.show1 .search_close{transform:scale(1);} .nav_btn_wrap{width:5%;height:80px;float:right;transform: scale(1) ;transition: .6s ease-in-out;transition-duration: .5s;} .nav_btn {width:20px;height:12px;vertical-align:middle;cursor:pointer;margin:34px auto;position:relative;} .nav_btn .line {position:absolute;display:block;width:100%;height:2px;background-color:#fff;transition:.5s ease-in-out;left:0;border-radius:4px;} .nav_btn .line1 {top:0;-webkit-transform-origin:left top 0;-ms-transform-origin:left top 0;transform-origin:left top 0;} .nav_btn .line2 {top:5px;} .nav_btn .line3 {bottom:0;-webkit-transform-origin:left bottom 0;-ms-transform-origin:left bottom 0;transform-origin:left bottom 0;} .nav_btn.active {-webkit-animation:rotate 0.3s linear 0s;animation:rotate 0.3s linear 0s;} .nav_btn.hover .line {left:6px;} /*弹出层*/ .header-down {position:fixed;width:100%;height:100%;left:0;z-index:9999999;top:-150%;transition:.5s ease-in-out;opacity:0;} .header-down.active {opacity:1;top:0;transition:.5s ease-in-out;} .header-down .cha {width:20px;height:20px;position:absolute;right:35px;top:35px;background:url(../img/i8.png) no-repeat center;background-size:100%;cursor:pointer;} .header-down .downbox {height: 649px;width:100%;background:url(../img/i4.jpg) no-repeat center;background-size:cover;} .header-down .down {height:100%;border-right:1px solid rgba(255,255,255,0.2);box-sizing:border-box;} .header-down .down .items {width:33.33%;height:100%;float:left;border-left:1px solid rgba(255,255,255,0.2);padding-left:20px;padding-top:205px;box-sizing:border-box;position:relative;} .header-down .down .items .li {position:relative;line-height:1;} .header-down .down .items .li:nth-child(n+2) {margin-top:30px;} .header-down .down .items .li-top {color:rgba(255,255,255,0.7);font-size:38px;transition:.5s ease-in-out;display:inline-block;cursor:pointer;} .header-down .down .items .li-top:hover,.header-down .down .items .li-top.active {color:#fff;transition:.5s ease-in-out;} .header-down .down .items .li-bot {display:none;position:absolute;top:0;left:120px;padding-top:10px;padding-left:60px;box-sizing:border-box;} .header-down .down .items .li-bot:after {content:"";position:absolute;width:48px;height:1px;background:rgba(255,255,255,0.5);left:0;top:18px;} .header-down .down .items .li-bot .i {display:block;font-size:14px;color:rgba(255,255,255,0.5);line-height:18px;height:18px;margin-bottom:14px;position:relative;padding-left:25px;box-sizing:border-box;transition:.5s ease-in-out;} .header-down .down .items .li-bot .i:hover,.header-down .down .items .li-bot .i.active {color:#fff;transition:.5s ease-in-out;} .header-down .down .items .li-bot .i:hover:after,.header-down .down .items .li-bot .i.active:after {background:#fff;transition:.5s ease-in-out;} .header-down .down .items .li-bot .i:after {content:"";position:absolute;width:8px;height:2px;background:rgba(255,255,244,0.5);left:0;top:0;bottom:0;transition:.5s ease-in-out;margin:auto;} .header-down .down .items2 .tit {font-size:24px;color:#fff;} .header-down .down .items2 .i-form {overflow:hidden;width:235px;height:40px;position:relative;border-radius:20px;margin-top:30px;margin-bottom:70px;} .header-down .down .items2 .i-form input {border:none;background:none;outline:none;background:#fff;} .header-down .down .items2 .i-form input[type=text] {width: 70%;height:100%;padding-left:20px;box-sizing:border-box;float: left;} .header-down .down .items2 .i-form input[type=submit] {height:100%;width: 30%;background: #da3432;color:#fff;float: right;} .header-down .down .items2 .i-tit .en {font-size:24px;color:#fff;line-height:1.2;} .header-down .down .items2 .i-tit .bdfx {margin-top:20px;} .header-down .down .items2 .i-tit .bdfx a {display:inline-block;float:left;background:none;width:33px;height:33px;padding:0;margin:0;opacity:.6;margin-right:8px;transition:.5s ease-in-out;} .header-down .down .items2 .i-tit .bdfx a:hover {transition:.5s ease-in-out;opacity:1;} .header-down .down .items2 .i-tit .bdfx .bds_weixin {background:url(../img/i6.png) no-repeat center;background-size:100%;} .header-down .down .items2 .i-tit .bdfx .bds_tsina {background:url(../img/i5.png) no-repeat center;background-size:100%;} .header-down .down .items2 .i-tit .bdfx .bds_qzone {background:url(http://www.jsacrel-pqm.com/images/i7.png) no-repeat center;background-size:100%;} .fixed-erweima {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:10;display:none;z-index:124!important;} .fixed-erweima .imgbox {width:400px;height:460px;position:absolute;transition:.5s ease-in-out;transform:scale3d(.1,.1,1);opacity:0;top:0;left:0;right:0;bottom:0;margin:auto;padding:5px;background:#fff;text-align:center;line-height:1.2;} .fixed-erweima .imgbox.active {transition:.5s ease-in-out;opacity:1;transform:scale3d(1,1,1);} .fixed-erweima .img {padding:5%;box-sizing:border-box;} .fixed-erweima .img img {width:100%;} .fixed-erweima .imgbox .span {font-size:20px;margin-top:15px;} .hdDown .top2{background: #ffffff;border-bottom: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0 0 10px rgba(0,0,0,.2);} .hdDown .top2 .logo .logo2{display:block;} .hdDown .top2 .logo .logo1{display:none;} .hdDown .flexnav li a{color:#333;} .hdDown .flexnav li a span img{margin-top:1px;} .hdDown .top2 .top_search_icon{background: url(../img/top_search_btn2.png) center center no-repeat;border-left: 1px solid rgba(0,0,0,.07);border-right: 1px solid rgba(0,0,0,.07);} .hdDown .nav_btn .line{background:#777;} .hdDown .flexnav li a:hover{color: #2449a4;} .hdDown .flexnav li:hover a span img{margin-top: -18px;} .hdDown .flexnav li.active a{color: #2449a4;} .hdDown .flexnav li.active a span img{margin-top: -18px;} .section {overflow: hidden;height:100%;} .section1{background:#999;} .section2{background: url('https://resource.sonschn.cn:8043/resource/chenq/quote/bg_h_about.jpg') 50%;background-size:cover;} .section3{background: url(../img/duobianxing.jpg) 50%;background-size:cover;} /*.section3{background: #193c6d}*/ /*.section4{background: url(../img/bg_h_profl.jpg) 50%;background-size:cover;}*/ .section5{background: url('https://resource.sonschn.cn:8043/resource/chenq/quote/solution.jpg') 50%;background-size:cover;} .lytop_tel {height:40px;overflow:hidden;line-height:40px;color: #fff;font-size:26px;font-weight:bold;margin:0 20px 0 20px;padding: 20px 0;float:left;} .lytop_tel img { display:block; width:24px; height:24px; overflow:hidden; margin:8px 8px 8px 0; padding:0; float:left;} .lytop_tel img.t1{display:block;} .lytop_tel img.t2{display:none;} .hdDown .lytop_tel img.t1{display:none;} .hdDown .lytop_tel img.t2{display:block;} .hdDown .lytop_tel{color:#2449a4 ;} @media (max-width:1600px){ } @media (max-width:1500px) { .flexnav li a{padding: 0 16px;font-weight:normal;font-size:16px;} .header-down .down .items .li-top{font-size:24px;} .header-down .down .items2 .tit{font-size:22px;} .header-down .down .items2 .i-tit .em{font-size:22px;} } @media (max-width:1300px) { .top2 .top_nav{width:52%;} .flexnav li{width:14.258%;} .flexnav li a{padding:0 0;} .top2 .logo{padding:17px 0;} .wel-con #fp-nav ul li a.active + .fp-tooltip.fp-left{display:none;} .wel-con #fp-nav ul li a span{width:8px;height:8px;border-radius:50%;background:none;border:1px solid #fff;} .wel-con #fp-nav ul li a.active span, .wel-con .fp-slidesNav ul li a.active span, .wel-con #fp-nav ul li:hover a.active span, .wel-con .fp-slidesNav ul li:hover a.active span{width:8px;height:8px;border-radius:50%;background:#fff;} .lytop_tel{font-size:20px;} } @media (max-width:1200px) { .lytop_tel{display:none;} .top2 .logo {padding: 0px 0;} } @media (max-width:1080px) { .nav_btn_wrap{display:none;} .top2 .top_search_icon{float:left;width:10%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:62px;} .top2 .logo{width:80%;} .top2 .top_nav{width:100%;max-width:100%;margin-left: -2%;float:none;padding-left: 2%;} .top2 .logo img{height:60px;} .top2{background: #ffffff;border-bottom: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0 0 10px rgba(0,0,0,.2);} .top2 .logo .logo2{display:block;} .top2 .logo .logo1{display:none;} .flexnav li a{color:#333;} .flexnav li a span img{margin-top:1px;} .top2 .top_search_icon{background: url(../img/top_search_btn2.png) center center no-repeat;border-left: 1px solid rgba(0,0,0,.07);border-right: 1px solid rgba(0,0,0,.07);position:relative;z-index:99;} .nav_btn .line{background:#777;} .flexnav li a:hover{color: #2449a4;} .flexnav li:hover a span img{margin-top: -18px;} .flexnav li.active a{color: #2449a4;} .flexnav li.active a span img{margin-top: -18px;} .flexnav li{width:100%;} .search_wrap .search_in{left:50%;margin-left:-45%;width:85%;padding-right:5%;} .search_close{right:-5%;} .flexnav{padding-top:0;} .flexnav li a{height:60px;line-height:60px;width:90%;margin:0 auto;padding:0 0;border-bottom:1px solid #ededed;font-weight:bold;color:#555;font-family: "思源黑体","Source Han Sans CN","Noto Sans", sans-serif !important;} .flexnav li a span{display:none;} #fp-nav{display:none;} .fp-section,.fp-tableCell{height:auto !important;} /*.section2{background: url(../img/bg_h_about.jpg) center center;background-size:100% 100%;}*/ .section3{background: url(../img/bg_h_tjpro.jpg) center center;background-size:100% 100%;} .section4{background: url(../img/bg_h_profl.jpg) center center;background-size:100% 100%;} } @media (max-width: 767px) { .top2 .logo{width:70%;} .top2 .top_search_icon{width:15%;} .menu-button{width:15%;} .menu-button::before{right:50%;margin-right:-8px;} .menu-button::after{right:50%;margin-right:-8px;} .search_close{margin-top:-13px;} /*.section2{background: #385366;background-size:100% 100%;}*/ .section3{background:#2449a4;background-size:100% 100%;} .section4{background:#567a92;background-size:100% 100%;} } @media (max-width: 375px) { } @media (max-width: 320px) { } /* banner 开始 */ .section1 .banner{width:100%;height:100%;overflow:hidden;} .section1 .items {position: relative;display: block;width:100%;height:100%;overflow:hidden;} .banner .swiper-slide-active .images {/*transform: scale3d(1.02, 1.02, 1);transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);*/} .banner .images {transform: scale3d(1.2, 1.2, 1);transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);transform: scale3d(1, 1, 1);transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);animation-name: scaleDraw;animation-timing-function: cubic-bezier(0.04, 0.79, 1, 1);animation-iteration-count: 1; animation-duration: 5s;position:relative;} /*@keyframes scaleDraw { 0% { transform: scale(1); } 100% { transform: scale(1.02); } }*/ .banner .swiper-slide-active .images video{min-width:100%;min-height:100%;width:100%;height:100%;display: block;object-fit: cover;} .banner .swiper-pagination{text-align:right;width:40% !important;margin:0 auto;bottom:40px !important;left:inherit !important;right:10% !important;display:none;} .banner .swiper-pagination-bullet{width:55px;height:3px;background:rgba(255,255,255,.3);border-radius:0;} .banner .jt {background:rgba(187, 40, 33,.8);height:70px;line-height:70px;position:absolute;bottom:0;left:0;width:40%;z-index:999;text-align:right;} .banner .jt .swiper-button-prev,.banner .jt .swiper-button-next{display:inline-block;width:10%;height:70px;line-height:70px;background:none !important;cursor:pointer;color:#fff;font-size:14px;position:static;margin:0 20px;} .banner .jt .swiper-button-prev:before{content:'';display:inline-block;background:url(../img/banner_left.png) center center no-repeat;width:23px;height:6px;margin-right:5px;vertical-align:middle;margin-top:-5px;} .banner .jt .swiper-button-next:after{content:'';display:inline-block;background:url(../img/banner_right.png) center center no-repeat;width:23px;height:6px;margin-left:5px;vertical-align:middle;margin-top:-5px;} .banner .ts{width:60px;font-size:14px;text-align:center;text-transform : uppercase;position:absolute;bottom:0;left:50%;margin-left:-30px;z-index:999;color:#fff;} .banner .ts:after{content:'';display:block;width:1px;height:36px;background:#fff;margin:0 auto;margin-top:5px;animation-name: line1;animation-timing-function: cubic-bezier(0.04, 0.79, 1, 1);animation-iteration-count:infinite; animation-duration: 1.5s;} @keyframes line1 { 0% { height:36px; } 50% { height:20px; } 100% { height:36px; } } .pcbox {display: block;} .section1 .items .words {position: absolute;color: #ffffff;left: 50%;top: 330px;line-height: 1;width:80%;margin-left:-40%;z-index:999;} .section1 .items .words p{width:80%;overflow:hidden;line-height:60px;color:#fff;font-size:58px;font-weight:bold;text-align:center;letter-spacing:4px;margin:0 auto;padding:0;} .section1 .items .words em{display:block;width:60px;height:5px;overflow:hidden;margin:30px auto;padding:0;background-color:#fff;} .section1 .items .words span{display:block;width:80%;overflow:hidden;line-height:30px;color:#fff;font-size:18px;text-align:center;margin:0 auto;padding:0;} /*.section1 .slide_video .items:after{ content:'';position: absolute; display: flex; align-items: center; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/banner_sha.png); color: #fff; text-align: center;}*/ .banner .images img{display:none;} .banner .c_ban_wz1{position:absolute;z-index:99999;left:10%;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);} .banner .c_ban_wz1 img{max-width:100%;} @media (max-width:1600px){ .banner .jt .swiper-button-prev, .banner .jt .swiper-button-next{width:12%;} .section1 .items .words{top:50%;margin-top:-80px} } @media (max-width:1500px) { .banner .jt .swiper-button-prev, .banner .jt .swiper-button-next{width:16%;height:55px;line-height:55px;} .banner .jt{height:55px;line-height:55px;} .section1 .items .words p{font-size:42px;} .banner .c_ban_wz1{width:700px;} } @media (max-width:1300px) { } @media (max-width:1080px) { .banner .jt .swiper-button-prev, .banner .jt .swiper-button-next{width:26%;} .section1 .banner{height:auto;margin-top:60px;} .section1 .banner .swiper-container{height:100%;} .banner .images{min-height:inherit !important;height:auto !important;} .banner .images img{display:block;width:100%;height:100%;object-fit: cover;} .section1 .items .words p{font-size:28px;letter-spacing:0;} .section1 .items .words em{margin: 10px auto;height:3px;} .section1 .items .words span{font-size:16px;} .section1 .items .words{top:50%;margin-top:-40px} .banner .c_ban_wz1{width:500px;} } @media (max-width: 767px) { .section1{margin-top:62px;} .section1 .banner{height:auto;margin-top:0;} .banner .jt{display:none;} .banner .swiper-pagination{display:none !important;} .section1 .items .words {width:95%;margin-left:-47.5%;} .section1 .items .words p{font-size:18px;letter-spacing:0;height:40px;line-height:40px;} .section1 .items .words em{margin: 10px auto;height:2px;width:30px;} .section1 .items .words span{font-size:14px;} .section1 .items .words{top:50%;margin-top:-60px} .banner .swiper-slide-active .images video{opacity:0;} .banner .c_ban_wz1{width:300px;} } @media (max-width: 375px) { } @media (max-width: 320px) { } /* banner 结束 */ /*关于我们*/ .h_about{padding-top:2rem} .h_about .w1500{background: rgba(255,255,255,.5);padding:2%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:12px} .h_about .l{float:left;width:55%;} .h_about .l .tlt p{font-size:34px;font-weight:bold;color:#2449a4;} .h_about .l .tlt span{display:block;font-size:42px;text-transform : uppercase;color:#ffffff;color:rgb(153 153 153 / 80%);margin: 22px 0 30px;font-family: syht;} .h_about .l .tlt em{display:block;width:80px;height:2px;background:#2449a4;} .h_about .l .jianjie{font-size: 18px;color: #2449a4;line-height: 43px;height:130px;overflow:hidden;margin:40px 0 60px;} .h_about .l ul.ab_data li{float:left;width:25%;} .h_about .l ul.ab_data li .hd{font-size: 16px;/* font-weight:bold; */color:#2449a4;margin-bottom:20px;} .h_about .l ul.ab_data li .bd{ color: #2449a4; font-size: 20px; font-weight: 600; } .h_about .l ul.ab_data li .bd span{font-size:50px;color:#2449a4;font-family: syht;font-weight: 100;} .h_about .l ul.ab_data li .bd span sup{font-size:20px;margin-left:5px;font-weight:normal;} .h_about .l ul.ab_data li .bd em{font-size:16px;color:#fff;margin-left:5px;} .h_about .l ul.ab_data li .bd em sup{font-size:14px;} .h_about .l .more{display:block;width:200px;height:50px;line-height:50px;font-size:16px;color: #2449a4; text-align: center; position: relative; border: 2px solid #2449a4;margin-top:50px;overflow:hidden;} .h_about .l .more em{display:inline-block;vertical-align: middle;font-weight: 800;} .h_about .l .more:after{content:'\00bb';transition:0.5s;font-size:30px;margin-left:15px;display:inline-block;vertical-align: middle;margin-top:-7px;} .h_about .l .more:hover:after{margin-left:6px;font-size:30px;} .h_about .r{float:right;width:42%;} .h_about .r ul li{float:left;width:49%;margin-right:2%;margin-bottom:15px;background: #2449a4;padding: 60px 0;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;border: 1px solid rgba(255,255,255,.2);box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius: 4px;} .h_about .r ul li:nth-child(2n){margin-right:0;} .h_about .r ul li .icon{width:68px;height:68px;background: #2449a4c4; border: 1px solid #fff;border-radius:50%;text-align:center;margin:0 auto;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;} .h_about .r ul li .icon img{max-width:100%;max-height:100%;vertical-align:middle;} .h_about .r ul li .icon .iblock {display:inline-block;height:100%;width:0;vertical-align:middle} .h_about .r ul li .tlt{font-size:20px;font-weight:bold;color:#fff;text-align:center;margin:25px 0 18px;} .h_about .r ul li .more{display:block;text-align:center;color:#fff;font-size:15px;opacity:0.5;} .h_about .r ul li:hover{background:#2449a4c4;} .h_about .r ul li:hover .icon{background:none;border:1px solid #fff;box-sizing: border-box;} @media (max-width:1600px){ .h_about .r ul li{padding: 43px 0;} .h_about {padding-top: 2rem;} .h_about .l .tlt span{font-size: 26px;margin: 17px 0 24px;} .h_about .l ul.ab_data li .bd span{font-size:40px;} .h_about .l .jianjie{font-size:15px;margin: 30px 0 43px;} .h_about .l .more{width:166px;margin-top: 40px;height: 45px;line-height: 45px;} } @media (max-width:1500px) { .h_about .r ul li{padding: 46px 0;} .h_about {padding-top: 3rem;} } @media (max-width:1400px) { .h_about .l .tlt p{font-size:22px;} .h_about .l .tlt span{font-size:20px;margin: 15px 0 20px;} .h_about .l .tlt em{width:54px;} .h_about .l .jianjie{font-size:14px;line-height:28px;height: 115px;margin: 22px 0 20px;} .h_about .l ul.ab_data li .bd span{font-size:32px;} .h_about .l ul.ab_data li .hd{font-size:18px;margin-bottom: 12px;} .h_about .r ul li{padding: 18px 0;} .h_about .r ul li .tlt{font-size:18px;} .h_about .l .more{width:150px;height:40px;line-height:40px;margin-top: 30px;} } @media (max-width:1300px) { } @media (max-width:1080px) { .h_about .l{width:100%;margin-bottom:30px;} .h_about .r{width:100%;} .h_about{padding:3rem 0;} .fp-tableCell{padding:0 0;} } @media (max-width: 767px) { .h_about .l .tlt span{display:none;} .h_about .l .tlt p{margin-bottom:15px;} .h_about .l ul.ab_data{display:none;} .h_about .l ul.ab_data li{width:45%;display:inline-block;float:none;margin-bottom:15px;} .h_about .l ul.ab_data li .hd{font-size:15px;margin-bottom:5px;} .h_about .l ul.ab_data li .bd span{font-size:22px;} .h_about .l .more{font-size:15px;margin-top: 10px;} .h_about .r ul li{ padding: 15px 0 8px; margin-bottom: 10px; } .h_about .l .jianjie{ height: 166px; } .h_about .r ul li .tlt{font-size:15px;margin: 13px 0 12px;} .h_about .r ul li .icon{width:45px;height:45px;} .h_about .r ul li .more{font-size:14px;display: none;} .h_about{padding:2rem 0;} } @media (max-width: 375px) { } @media (max-width: 320px) { } /*首页推荐产品*/ .h_tjpro .h_tlt2{margin-bottom:40px;} .h_tjpro .h_tlt2 p{font-size:40px;font-weight:bold;color:rgba(255,255,255,.1);text-align:center;text-transform:uppercase;} .h_tjpro .h_tlt2 span{display:block;font-size:42px;color:#fff;text-align:center;font-weight:bold;margin-top:-20px;} .h_tjpro .h_tlt2 span em{color:#2449a4 ;} .h_tjpro .h_tlt2>em{display:block;width:56px;height:4px;background:#fff;margin:20px auto 20px;} .h_tjpro .h_tlt2 i{display:block;text-align:center;color:#fff;font-size:16px;} .h_tjpro .w1500{background:rgba(255,255,255,.4);padding:20px;box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius: 12px;} .h_tjpro .w1500 .big_pic{display:block;width:33%;height:500px;overflow:hidden;float:left;} .h_tjpro .w1500 .pic{display:block;width:100%;height:100%;overflow:hidden;text-align:center;background:#fff;} .h_tjpro .w1500 .pic img{max-width:95%;max-height:95%;vertical-align:middle;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .h_tjpro .w1500 .pic .iblock {display:inline-block;height:100%;width:0;vertical-align:middle} .h_tjpro .w1500 .pic:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .h_tjpro .w1500 .wz{float:right;width:64%;} .h_tjpro .w1500 .wz .hd {margin-bottom:40px;} .h_tjpro .w1500 .wz .hd .hd_in{display:none;} .h_tjpro .w1500 .wz .hd .hd_in.on{display:block;} .h_tjpro .w1500 .wz .hd .tlt{display:block;font-size:36px;font-weight:bold;color:#fff;height:60px;line-height:60px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .h_tjpro .w1500 .wz .hd em{display:block;width:40px;height:3px;background:#2449a4 ;margin:20px 0;} .h_tjpro .w1500 .wz .hd .desc{font-size:15px;line-height:32px;color:#fff;height:60px;overflow:hidden;} .h_tjpro .w1500 .wz .hd .more{display:block;width:240px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:15px;background:#2449a4 ;margin-top:30px;} .h_tjpro .w1500 .wz .hd .more:after{content:'';display:inline-block;width:7px;height:11px;background:url(../img/h_more1.png) center center no-repeat;margin-left:10px;} .h_tjpro .w1500 .wz .bd{overflow:hidden;} .h_tjpro .w1500 .wz .bd .pic2{ display:block; margin-top: 1%; /*width:22.75%;*/ width: 21.75%; margin-right:3%;height:210px;border:4px solid #fff;float:left;overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .h_tjpro .w1500 .wz .bd .pic2:nth-child(5+n){ } .h_tjpro .w1500 .wz .bd span{display:block;width:100%;height:100%;background:#fff;text-align:center;cursor:pointer;} .h_tjpro .w1500 .wz .bd .pic2.on{border:4px solid rgba(255,255,255,.3);} .h_tjpro .w1500 .wz .bd .pic2:nth-child(4){margin-right:0;} .h_tjpro .w1500 .wz .bd span img{max-width:95%;max-height:95%;vertical-align:middle;} .h_tjpro .w1500 .wz .bd span .iblock {display:inline-block;height:100%;width:0;vertical-align:middle} @media (max-width:1600px){ h_tjpro{padding-top:2rem;} .h_tjpro .w1500 .big_pic{height:426px;} .h_tjpro .w1500 .wz .bd .pic2{height:143px;} .h_tjpro .h_tlt2 span{font-size: 34px;} .h_tjpro .h_tlt2 p{font-size: 32px;} .h_tjpro .h_tlt2 i{font-size:14px;} .h_tjpro .w1500 .big_pic{height: 430px;width: 40%;} .h_tjpro .w1500 .wz {width: 57%;} .h_tjpro .w1500 .wz .hd .tlt{font-size: 28px;margin-top: 12px;} .h_tjpro .w1500 .wz .hd em{margin: 10px 0 15px;} .h_tjpro .w1500 .wz .hd .desc{font-size: 15px;line-height:25px;height:48px;} .h_tjpro .w1500 .wz .hd .more{height:40px;line-height:40px;font-size: 15px;width: 210px;} .h_tjpro .w1500 .wz .bd .pic2{height: 156px;} .h_tjpro .h_tlt2{margin-bottom: 42px;} .h_tjpro .w1500 .wz .hd{margin-bottom:26px;} .h_tjpro .h_tlt2>em{display:none;} .h_tjpro .h_tlt2 i{display:none;} } @media (max-width:1500px) { .h_tjpro .w1500 .big_pic{height:426px;} .h_tjpro .w1500 .wz .bd .pic2{height:143px;} .h_tjpro .h_tlt2 span{font-size:24px;} .h_tjpro .h_tlt2 p{font-size:20px;} .h_tjpro .h_tlt2 i{font-size:14px;} .h_tjpro .w1500 .big_pic{height:340px;} .h_tjpro .w1500 .wz .hd .tlt{font-size:22px;} .h_tjpro .w1500 .wz .hd em{margin:3px 0;} .h_tjpro .w1500 .wz .hd .desc{font-size:14px;line-height:25px;height:48px;} .h_tjpro .w1500 .wz .hd .more{height:40px;line-height:40px;font-size:14px;width: 210px;} .h_tjpro .w1500 .wz .bd .pic2{height:125px;} .h_tjpro .h_tlt2{margin-bottom:20px;} .h_tjpro .w1500 .wz .hd{margin-bottom:26px;} .h_tjpro .h_tlt2>em{display:none;} .h_tjpro .h_tlt2 i{display:none;} } @media (max-width:1300px) { } @media (max-width:1080px) { .h_tjpro{padding:3rem 0;} .h_tjpro .w1500 .big_pic{width:100%;margin-bottom:20px;height:400px;} .h_tjpro .w1500 .wz {width:100%;} } @media (max-width: 767px) { .h_tjpro{padding:2rem 0;} .h_tjpro .h_tlt2 i{padding:0 10px;line-height:24px;} .h_tjpro .w1500{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding: 10px;} .h_tjpro .w1500 .big_pic{height: 260px;} .h_tjpro .w1500 .wz .hd .tlt{height:50px;line-height:50px;margin-top: 0px;} .h_tjpro .w1500 .wz .bd .pic2{height:60px;} .h_tjpro .w1500 .wz .hd .more{margin-top:15px;} } @media (max-width: 375px) { } @media (max-width: 320px) { } /*首页产品分类*/ .h_pro_category{width:100%;height:100%;} .h_pro_category ul{width:100%;height:100%;} .h_pro_category ul li{float:left;width:20%;height:100%;padding:0 2.5%;position:relative;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .h_pro_category ul li .wrap1{width:100%;} .h_pro_category ul li:before{content:'';display:block;width:1px;height:100%;background:rgba(255,255,255,.2);position:absolute;top:0;right:0;} .h_pro_category ul li .num{font-size:40px;text-align:center;width:90px;height:90px;line-height:90px;border:10px solid rgba(255,255,255,.2);background:rgba(255,255,255,.2);border-radius:50%;margin:0 auto 30px;color:#fff;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;font-family: syht;} .h_pro_category ul li .tlt{font-size:24px;;color:#fff;font-weight:bold;text-align:center;position:relative;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .h_pro_category ul li .tlt:before{content:'';display:block;width:20px;height:2px;background:rgba(255,255,255,.5);margin:0 auto 40px;} .h_pro_category ul li .tlt:after{content:'';display:none;width:20px;height:2px;background:rgba(255,255,255,.5);margin:40px auto 40px;} .h_pro_category ul li .desc{font-size:16px;color:#fff;text-align:center;height:30px;line-height:30px;text-transform : uppercase;margin-top:10px;} .h_pro_category ul li .list{display:none;} .h_pro_category ul li .list a{display:block;width: 95%;margin:15px auto; /*height:48px;*/ height: auto; line-height:48px;border:3px solid rgba(255,255,255,.5);font-size:16px;color:#fff;text-align:left;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; padding:10px; /*overflow: hidden;*/ /*text-overflow: ellipsis;*/ /*white-space:nowrap;*/ } /*.h_pro_category ul li .list a:hover{background:rgba(255,255,255,.5);}*/ .h_pro_category ul li a.more{display:none;text-align:center;margin-top: 50px;} .h_pro_category ul li a.more span{display:inline-block;font-size:16px;color:#fff;} .h_pro_category ul li a.more em{display:inline-block;width:18px;height:18px;background:url(../img/h_fl_more1.png) center center no-repeat;margin: 15px 0px 0 7px;vertical-align: sub;} .h_pro_category ul li:hover .list{display:block;} .h_pro_category ul li:hover a.more{display:block;} .h_pro_category ul li:hover{background:#2449a4c9;padding-top: 100px;padding-bottom:20px;height: calc(100% - 120px);} .h_pro_category ul li:hover .num{background:none;border:0;margin:0 auto;height:40px;line-height:40px;opacity:.3;} .h_pro_category ul li:hover .tlt{font-size:26px;margin-top:-20px;} .h_pro_category ul li:hover:before{display:none;} .h_pro_category ul li:hover .tlt:before{display:none;} .h_pro_category ul li:hover .tlt:after{display:block;width:30px;} .h_pro_category ul li:hover .desc{display:none;} @media (max-width:1600px){ } @media (max-width:1500px) { .h_pro_category ul li .tlt{font-size:20px;} .h_pro_category ul li .desc{font-size:14px;} .h_pro_category ul li .num{font-size:30px;width:60px;height:60px;line-height:60px;} .h_pro_category ul li a.more{margin-top:45px;} } @media (max-width:1300px) { } @media (max-width:1080px) { .h_pro_category ul{padding:4rem 0 0;} .h_pro_category ul li{padding:20px 2.5%;width:95%;margin-bottom:25px;border-bottom:1px solid rgba(255,255,255,.2);} .h_pro_category ul li:last-child{margin-bottom:0;} } @media (max-width: 767px) { .h_pro_category ul{padding: 0 0 0;} .h_pro_category ul li{margin-bottom:0; /*padding: 40px 2.5% 20px;*/ padding: 0px 2.5% 0px; } .h_pro_category ul li .num{display:none;} .h_pro_category ul li:last-child{padding:20px 2.5% 40px;} .h_pro_category ul li .list{display:block;} .h_pro_category ul li .list a{ width: 92%; line-height: 26px; } } @media (max-width: 375px) { } @media (max-width: 320px) { } /*解决方案*/ .fp-controlArrow{display:none;} .section5 .wz{width:657px;height:657px;margin:0 auto;position:relative;} .section5 .wz:before{content:'';display:block;width:100%;height:100%;background:url(../img/solution_icon.png) center center no-repeat;background-size:cover;animation: zhuan0 7s infinite linear .65s;position:absolute;top:0;left:0;z-index:0;} @keyframes zhuan0 { from {transform: rotate(0);} to {transform: rotate(360deg);} } .section5 .wz .con{width:80%;margin:0 auto;position: relative;top: 50%;transform: translateY(-50%);z-index:9;} .section5 .wz .iblock {display:inline-block;height:100%;width:0;vertical-align:middle} .section5 .wz .tlt{display:block;text-align:center; font-size:36px; color:#1659ff; font-weight:bold; } .section5 .wz .desc{font-size:15px;color:#fff;text-align:left;line-height:32px;margin:20px auto;height:90px;overflow:hidden;} .section5 .wz a.more{display:block;font-size:16px;text-align:center;color:#fff;} @media (max-width:1600px){ .section5 .wz{width:500px;height:500px;} } @media (max-width:1500px) { .section5 .wz{width:320px;height:320px;} .section5 .wz .tlt{font-size:19px;} } @media (max-width:1300px) { } @media (max-width:1080px) { .section5 .wz{margin:4rem auto;} } @media (max-width: 767px) { .section5 .wz{width:320px;height:320px;} .section5 .wz .desc{text-align:left;} .h_pro_category ul li .desc{display:none;} /*.section5{background-position: revert;}*/ } @media (max-width: 375px) { } @media (max-width: 320px) { } /*新闻*/ .h_news .h_tlt2{margin-bottom:40px;} .h_news .h_tlt2 p{font-size:40px;font-weight:bold;color:#f0f0f0;text-align:center;text-transform:uppercase;} .h_news .h_tlt2 span{display:block;font-size:42px;color:#4c4b4c;text-align:center;font-weight:bold;margin-top:-20px;} .h_news .h_tlt2 span em{color:#2449a4 ;} .h_news .h_tlt2>em{display:block;width:56px;height:4px;background:#2449a4 ;margin:20px auto 20px;} .h_news .h_tlt2 i{display:block;text-align:center;color:#777;font-size:16px;} .h_news .h_news_list{float:left;margin-right:3%;width:27.33333%;padding:10px 2%;background:#f6f6f6;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .h_news .h_news_list:hover{box-shadow: 0 6px 25px rgba(0,0,0,.08);background:#fff;} .h_news .h_news_list:nth-child(3n){margin-right:0;} .h_news .h_news_list .hd{overflow:hidden;padding:20px 0;} .h_news .h_news_list .hd p{font-size:24px;color:#080808;font-weight:bold;float:left;position:relative;padding-left:15px;line-height:24px;} .h_news .h_news_list .hd p:before{content:'';display:block;width:4px;height:24px;background:#2449a4 ;position:absolute;left:0;top:50%;margin-top:-12px;} .h_news .h_news_list .hd a{font-size:14px;color:#999999;float:right;display:block;background:url(../img/h_news_more.png) right center no-repeat;padding-right:15px;line-height:24px;} .h_news .h_news_list .pic{display:block;width:100%;height:240px;overflow:hidden;text-align:center;} .h_news .h_news_list .pic img{width:100%;height:100%;object-fit: cover;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .h_news .h_news_list .pic:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .h_news .h_news_list ul{padding:0 0 20px;min-height: 248px;} .h_news .h_news_list ul li {border-bottom:1px dashed #e4e4e4;padding:10px 0;} .h_news .h_news_list ul li:nth-last-child(){border-bottom:0;} .h_news .h_news_list ul li .tlt{display:block;font-size:18px;color:#3b3b3b;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;height:40px;line-height:40px;} .h_news .h_news_list ul li .tlt:hover{color:#2449a4 ;} .h_news .h_news_list ul li span{display:block;font-size:15px;color:#999;background:url(../img/h_new_time.png) left center no-repeat;padding-left:25px;} .h_news .h_news_list2 .hd{border-bottom:1px solid #eaeaea;} .h_news .h_news_list2 .pic{height:216px;margin-bottom:17px;position:relative;} .h_news .h_news_list2 ul li{padding:11px 0;} .h_news .h_news_list2 .pic .wz{position:absolute;left:50%;width:70%;margin-left:-35%;top:50%;margin-top:-34px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);} .h_news .h_news_list2 .pic .wz p{font-size:24px;color:#fff;height:68px;line-height:68px;} .h_news .h_news_list2 .pic .wz p:after{content:'';display:inline-block;width:28px;height:28px;background:url(../img/h_new_more2.png) center center no-repeat;margin-left:10px;vertical-align:middle;margin-top:-2px;} @media (max-width:1600px){ .h_news .h_news_list .pic{height:150px;} .h_news .h_news_list2 .pic{height:126px;} .h_news .h_tlt2 span{font-size: 34px;} .h_news .h_tlt2 p{font-size: 32px;} .h_news .h_news_list .hd p{font-size: 25px;} .h_news .h_news_list .hd{padding: 16px 0 30px;} .h_news .h_news_list .pic{height: 127px;} .h_news .h_news_list2 .pic{height:64px;} .h_news .h_tlt2 i{display:none;} .h_news .h_tlt2{margin-bottom: 36px;} .h_news .h_news_list ul{max-height: 315px;overflow: hidden;} } @media (max-width:1500px) { .h_news .h_news_list .pic{height:150px;} .h_news .h_news_list2 .pic{height:126px;} .h_news .h_tlt2 span{font-size:22px;} .h_news .h_tlt2 p{font-size:20px;} .h_news .h_news_list .hd p{font-size:20px;} .h_news .h_news_list .hd{padding:10px 0 15px;} .h_news .h_news_list .pic{height:90px;} .h_news .h_news_list2 .pic{height:64px;} .h_news .h_tlt2 i{display:none;} .h_news .h_tlt2{margin-bottom:20px;} .h_news .h_news_list ul{max-height: 315px;overflow: hidden;} } @media (max-width:1300px) { } @media (max-width:1080px) { .h_news{padding:3rem 0;} .h_news .h_news_list{width:100%;margin-right:0;margin-bottom:20px;} .h_news .h_news_list2 .pic{height:220px;} } @media (max-width: 767px) { .h_news{padding:3rem 0 0;} .h_news .h_news_list{padding: 10px 4%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .h_news .h_news_list2 .pic{height:150px;} } @media (max-width: 375px) { } @media (max-width: 320px) { } /*底部*/ .foot{width:100%;background: #181818;color:#fff;padding:10px 0 0;border-top:1px solid #dedede;} .foot .f_nav{text-align:center;border-bottom:1px solid #262525;} .foot .f_nav a{display:inline-block;padding:10px 2% 20px;height:40px;line-height:40px;font-size: 16px;color: #d2d2d2;} .foot .f_nav a:hover{color:#2449a4;} .foot .foot_in{padding: 30px 0;overflow:hidden;} .foot .foot_in .f_logo{width: 28%;float:left;margin-top: 10px;} .foot .foot_in .f_logo img{max-width:100%;} .foot .foot_in .f_logo p{color: #d2d2d2;line-height: 22px;} .foot .foot_in .wx{float:left;margin-left: 2%;width: 30%; display: flex; justify-content: space-between; } .foot .foot_in .wx span{display:inline-block;margin: 0 3%;width: 26%;} .foot .foot_in .wx span img{max-width:100%;border: 1px solid #ededed;} .foot .foot_in .wx span em{display:block;height:30px;line-height:30px;font-size: 13px;color:#d2d2d2;text-align:center;} .foot .foot_in .wz{float:right;width:25%;text-align:right;font-size: 14px;color: #d2d2d2;line-height:26px;margin-top: 20px;} .foot .foot_in .wz a{color:#d2d2d2;} .foot .foot_in .wz a:hover{color:#2449a4;} /*.foot .foot_in .wz a.beian{background:url(../img/beian.png) left center no-repeat;padding-left:25px;}*/ .foot .foot_in .wz ul{font-size:0; display: flex; flex-direction: column; align-items: end; } .foot .foot_in .wz ul li { width: 100%; padding:10px 10px 10px; position:relative; line-height:20px;text-align:left;display:inline-block;vertical-align:middle;font-size:15px;} .foot .foot_in .wz ul li img { display:inline-block; object-fit: contain; width: 22px; margin-right:6px;} .foot .foot_in .wz ul li a:hover { color:#fff;} .foot_white{width:100%;background: #fff;color:#555;padding:10px 0 0;border-top:1px solid #dedede;} .foot_white .f_nav{text-align:center;border-bottom: 1px solid #ececec;} .foot_white .f_nav a{display:inline-block;padding:10px 3% 20px;height:40px;line-height:40px;font-size: 15px;color: #555;} .foot_white .f_nav a:hover{color:#2449a4;} .foot_white .foot_in{padding: 30px 0;overflow:hidden;} .foot_white .foot_in .f_logo{width: 16%;float:left;margin-top: 38px;} .foot_white .foot_in .f_logo img{max-width:100%;} .foot_white .foot_in .wx{float:left;margin-left: 2%;width: 20%;} .foot_white .foot_in .wx span{display:inline-block;margin: 0 4%;width: 41%;} .foot_white .foot_in .wx span img{max-width:100%;border: 1px solid #ededed;} .foot_white .foot_in .wx span em{display:block;height:30px;line-height:30px;font-size: 13px;color: #999;text-align:center;} .foot_white .foot_in .wz{float:right;width:40%;text-align:right;font-size: 14px;color: #555;line-height:26px;margin-top: 47px;} .foot_white .foot_in .wz a{color: #999;} .foot_white .foot_in .wz a:hover{color:#2449a4;} .foot_white .foot_in .wz a.beian{background:url(../img/beian.png) left center no-repeat;padding-left:25px;} .f_link .hd{font-size: 20px;color:#d2d2d2;font-weight:bold;} .f_link .hd span{width: 10%;padding:0 1%;color: #fff;display: inline-block;text-align: center;} .f_link .hd span a{font-size: 14px;} .f_link .hd:before{content:'';display:inline-block;width: 44%;height:1px;background: #262525;vertical-align: middle;} .f_link .hd:after{content:'';display:inline-block;width: 44%;height:1px;background: #262525;vertical-align: middle;} .f_link .bd{padding-top:25px;text-align: left;font-size:0;} .f_link .bd a{display:inline-block;width:14.166666%;padding: 0 0;margin-bottom:15px;height: 30px;line-height: 30px;color:#d2d2d2;font-size: 15px;margin-right: 3%;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;text-align: center;border-radius: 4px;} /*.f_link .bd a:hover{color:#fff;background: #2449a4;}*/ .f_link .bd a:before{content:'';display:inline-block;width:24px;height:16px;background:url(../img/f_link_icon.png) center center no-repeat;margin-right:5px;vertical-align: middle;margin-top: -4px;} .c_link_icon{border-top: 1px solid #272626;padding-top: 20px;} .c_link_icon ul{font-size:0;padding:0 0 20px;} .c_link_icon ul li{display:inline-block;padding:0 0.9%;font-size:0;margin-bottom:10px;height:22px;line-height:22px;width: 16.66666%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .c_link_icon ul li a{display:block;} .c_link_icon ul li img{display:inline-block; vertical-align:middle;margin-right:5px;} .c_link_icon ul li span{display:inline-block; vertical-align:middle;color:#d2d2d2;font-size:14px;} @media (max-width:1600px){ .foot .foot_in .wx{width: 26%;} .foot .foot_in .wx span{width:26%;} .foot .foot_in .wz{margin-top: 5px;width: 52%;} .c_link_icon ul{overflow:hidden;} .c_link_icon ul li{display:inline-block;padding:0 0;font-size:0;margin-bottom:10px;width:20%;float:left;} } @media (max-width:1500px) { .foot .foot_in .wx span{width: 26%;} .foot .foot_in .wx{width: 30%;} .foot .foot_in .wz{margin-top: 8px;width: 48%;} } @media (max-width:1300px) { .foot .foot_in .wx span{width: 26%;} .foot .foot_in .wx{width: 33%;} .foot .foot_in .wz{margin-top: 5px;width: 44%;} .foot .foot_in .f_logo{width:19%;} } @media (min-width:1081px) { .f_link .bd a:nth-child(6n){margin-right:0;} } @media (max-width:1080px) { .foot .foot_in .wx{width:26%;display:none;} .f_link .hd span{width:18%;} .f_link .hd:before,.f_link .hd:after{width:40%;} .f_link .bd a{width:31.33333%;} .foot .foot_in .wz{width: 72%;} .foot .foot_in .f_logo{width:28%;margin-top:0;} .c_link_icon ul li{margin-bottom:10px;width:33.333%;float:left;} } @media screen and (max-width:1080px) and (min-width:768px) {.f_link .bd a:nth-child(3n){margin-right:0;}} @media (max-width: 767px) { .foot .f_nav{display:none;} .foot .foot_in{padding:10px 0 16px;} .foot .foot_in .f_logo{float:none;width:100%;text-align:center;margin-top:0;margin-bottom:5px;} .foot .foot_in .f_logo img{display:inline-block; /*height:40px;*/ height: 70px; } .foot .foot_in .wx{width:60%;margin:10px auto;float:none;display:none;} .foot .foot_in .wz{width:100%;margin:0;float:none;text-align:center; font-size:13px;line-height: 22px;} .f_link .hd{font-size:15px;} .f_link .hd span{width:40%;} .f_link .hd:before,.f_link .hd:after{width:29%;} .f_link .bd a{width:47.5%;} .f_link .bd a:nth-child(2n){margin-right:0;} .foot .foot_in .wz ul{padding-bottom:10px;} .foot .foot_in .wz ul li{padding: 5px 10px;} .foot .foot_in .wz ul{display:none;} .c_link_icon ul{text-align:center;} .c_link_icon ul li{margin-bottom:15px;width:50%;float:none;text-align: left;} /*.c_link_icon ul li:last-child{width:100%;}*/ } @media (max-width: 375px) { } @media (max-width: 320px) { } /*网站右侧漂浮*/ .f_pf1 {position:fixed;top:50%;right:2%;z-index:999;} .f_pf1 a.qqa {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:2px;} .f_pf1 a.qqa:after {content:'';display:block;width:24px;height:24px;background:url(../img/slidebar_icon.png) top center no-repeat;overflow:hidden;margin:9px 10px;} .f_pf1 .tela>a {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:2px;} .f_pf1 .tela>a:after {content:'';display:block;width:24px;height:24px;background: url(../img/slidebar_icon.png) center -27px no-repeat;overflow:hidden;margin:9px 10px;} .f_pf1 .tela .wz {position:absolute;top:40px;left:-224px;z-index:999;display:none;box-shadow: 0 0 10px rgba(0,0,0,.2);} .f_pf1 .tela:hover .wz{display:block;} .f_pf1 .tela p {background:#fff;padding:5px;width:200px;height:40px;overflow:hidden;font-size:18px;font-weight:bold;color:#c0241c;line-height:40px;text-align:center;} .f_pf1 .tela p em {width:0;height:0;border-width:6px 0 6px 6px;border-style:solid;border-color:transparent transparent transparent #fff;margin-top:-4px;position:absolute;top:50%;right:-6px;} .f_pf1 .wxa {position:relative;} .f_pf1 .wxa>span {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:2px;} .f_pf1 .wxa>span:after {content:'';display:block;width:24px;height:24px;background: url(../img/slidebar_icon.png) center -52px no-repeat;overflow:hidden;margin:9px 10px;} .f_pf1 .wxa .code {position:absolute;top:-54px;left:-164px;z-index:999;display:none;box-shadow: 0 0 10px rgba(0,0,0,.2);} .f_pf1 .wxa:hover .code{display:block;} .f_pf1 .wxa .code p {background:#fff;padding:5px;width:140px;height:140px;overflow:hidden;} .f_pf1 .wxa .code p img {max-width:100%;max-height:100%;} .f_pf1 .wxa .code p em {width:0;height:0;border-width:6px 0 6px 6px;border-style:solid;border-color:transparent transparent transparent #fff;margin-top:-4px;position:absolute;top:50%;right:-6px;} .f_pf1 a.totop {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:2px;} .f_pf1 a.totop:after {content:'';display:block;width:24px;height:24px;background: url(../img/slidebar_icon.png) center -76px no-repeat;overflow:hidden;margin:9px 10px;} /*Ny_aboutus 开始*/ .Ny_aboutus { width:100%; overflow:hidden; margin:0 auto; padding:0;} .NyAbout_title { width:100%; overflow:hidden; margin:0 auto 40px; padding:0;} .NyAbout_title p { width:100%; overflow:hidden; line-height:40px; color:#333; font-size:32px; font-weight:bold; text-align:center; margin:0 auto; padding:0;} .NyAbout_title i { display:block; width:30px; height:2px; overflow:hidden; margin:9px auto; padding:0; background-color:#2449a4;} .NyAbout_title span { display:block; width:100%; height:20px; overflow:hidden; line-height:20px; color:#999; font-size:15px; text-align:center; margin:0 auto; padding:0;} .NyAbout_title1 p, .NyAbout_title1 span { color:#fff;} .NyAbout_title1 i { background-color:#fff;} .ny_about{padding-top:0;margin-bottom: 70px;} .ny_about .w1500{background:#fff;padding: 38px 2% 55px 3%;box-shadow: 0px 9px 27px 4px rgba(204, 204, 204, 0.5);box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .ny_about .l{float:left;width:55%;} .ny_about .l .tlt p{font-size: 28px;font-weight:bold;color: #333;} .ny_about .l .tlt span{display:block;font-size:42px;text-transform : uppercase;color: #dcdcdc;margin: 18px 0 26px;display: none;} .ny_about .l .tlt em{display:block;width: 60px;height: 3px;background: #2449a4;margin-top: 30px;} .ny_about .l .jianjie{font-size:16px;color: #777;line-height:34px; height: 300px; /*height: 220px;*/ overflow-y: scroll;margin: 30px 0 40px;padding:0 10px 0 0;} .ny_about .l ul.ab_data li{float:left;width:25%;} .ny_about .l ul.ab_data li .hd{font-size:20px;font-weight:bold;color: #343434;margin-bottom: 10px;} .ny_about .l ul.ab_data li .bd span{font-size: 40px;color:#2449a4 ;font-family: syht;} .ny_about .l ul.ab_data li .bd span sup{font-size:20px;margin-left:5px;font-weight:normal;} .ny_about .l ul.ab_data li .bd em{font-size:16px;color: #2449a4;margin-left:5px;} .ny_about .l ul.ab_data li .bd em sup{font-size:14px;} .ny_about .l .more{display:block;width:200px;height:50px;line-height:50px;font-size:16px;color:#fff;text-align:center;position:relative;border:1px solid #fff;margin-top:50px;overflow:hidden;} .ny_about .l .more em{display:inline-block;vertical-align: middle;} .ny_about .l .more:after{content:'\00bb';transition:0.5s;font-size:30px;margin-left:15px;display:inline-block;vertical-align: middle;margin-top:-7px;} .ny_about .l .more:hover:after{margin-left:6px;font-size:30px;} .ny_about .l .jianjie::-webkit-scrollbar { width:3px;}/* 滚动槽 */ .ny_about .l .jianjie::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0px;}/* 滚动条滑块 */ .ny_about .l .jianjie::-webkit-scrollbar-thumb { background-color:#2449a4;} .ny_about .l .jianjie::-webkit-scrollbar-thumb:window-inactive { background-color:#2449a4;} .ny_about .r{float:right;width:42%;margin-top: 10px;} .ny_about .r img{max-width:100%;max-height:100%;} @media (max-width:1600px){ } @media (max-width:1500px) { } @media (max-width:1300px) { } @media (max-width:1080px) { .ny_about{margin-bottom:40px;} .ny_about .l .tlt{display:none;} .ny_about .l .tlt p{font-size: 22px;} .ny_about .l{width:100%;float:none;} .ny_about .r{width:100%;float:none;text-align:center;} .ny_about .r img{height:auto;} .ny_about .l .jianjie{margin: 0 0 20px;font-size:15px;height:auto;overflow-y:initial;padding: 0 5px 0;} .ny_about .w1500{padding: 20px 2% 25px 3%;} .ny_about .l ul.ab_data{width:80%;margin:0 auto;} .ny_about .l ul.ab_data li{width:25%;margin-bottom:10px;} .ny_about .l ul.ab_data li .hd{font-size:20px;margin-bottom:5px;} .ny_about .l ul.ab_data li .bd span{font-size:30px;vertical-align: middle;} .ny_about .l ul.ab_data li .bd em{vertical-align: middle;} } @media (max-width: 767px) { .ny_about{margin-bottom:40px;} .ny_about .l .tlt{display:none;} .ny_about .l .tlt p{font-size: 22px;} .ny_about .l{width:100%;float:none;} .ny_about .r{width:100%;float:none;} .ny_about .l .jianjie{margin: 0 0 20px;font-size:15px;height:auto;overflow-y:initial;padding: 0 5px 0;} .ny_about .w1500{padding: 20px 2% 25px 3%;} .ny_about .l ul.ab_data{width:80%;margin:0 auto;} .ny_about .l ul.ab_data li{width:48%;margin-bottom:10px;} .ny_about .l ul.ab_data li .hd{font-size:14px;margin-bottom:5px;} .ny_about .l ul.ab_data li .bd span{font-size:22px;vertical-align: middle;} .ny_about .l ul.ab_data li .bd em{vertical-align: middle;} } @media (max-width: 375px) { } @media (max-width: 320px) { } .ny_qywh{position:relative;background:url(../img/brand_back.jpg)no-repeat center center;min-height:300px;padding:60px 0 70px;background-size: cover;} .ny_qywh .NyAbout_title {position:relative;z-index:99;} .ny_qywh .NyAbout_title p{color:#fff;} .ny_qywh .NyAbout_title i{background-color:#fff;} .ny_qywh .NyAbout_title span{color:#fff;} #particles-js canvas {display:block;vertical-align:bottom;} #particles-js {width:100%;height:100%;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;} .ny_qywh ul{position:relative;z-index:99;} .ny_qywh ul li{background:#fff; /*margin-right:3%;*/ /*width:31.333333%;*/ margin-right: 1%; width: 19%; float:left;border-radius:4px;} .ny_qywh ul li:nth-child(5n){margin-right:0;} .ny_qywh ul li .conn{padding:10px 2% 20px;} .ny_qywh ul li .conn .pic{display:block;width:100%; /*height:260px;*/ height: auto; overflow:hidden;} .ny_qywh ul li .conn .pic img{width:100%;height:100%;object-fit: cover;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .ny_qywh ul li .conn .pic:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .ny_qywh ul li .conn .tlt{font-size:20px;color:#222;margin-bottom:10px;padding:0 10px 10px;font-weight:normal;margin-top:15px;position:relative;} .ny_qywh ul li .conn .tlt span{display:inline-block;font-size:12px;font-family:Arial;color:#999;text-transform : uppercase;font-style:italic;padding-left:5px;} .ny_qywh ul li .conn .tlt span:after{content:"";position:absolute;width:14px;height:1px;background:#2449a4;bottom:0;left:10px;transition:all .3s;} .ny_qywh ul li .conn p{font-size:15px;color:#999;line-height:24px;height:44px;overflow:hidden;padding:0 10px;} @media (max-width:1600px){ } @media (max-width:1500px) { } @media (max-width:1300px) { } @media (max-width:1080px) { .ny_qywh{padding: 40px 0 50px;} .ny_qywh ul li .conn .pic{height:120px;} .ny_qywh ul li .conn .tlt{margin-bottom:0;} .ny_qywh ul li .conn .tlt span{display:none;} } @media (max-width: 767px) { .ny_qywh{padding: 28px 0 28px;} .ny_qywh ul li{width:100%;margin-right:0;margin-bottom:15px;} .ny_qywh ul li .conn .pic{height:150px;} .ny_qywh ul li .conn .tlt{font-size:16px;} .ny_qywh ul li .conn .tlt span{display:block;} .ny_qywh ul li .conn p{font-size:14px;} } @media (max-width: 375px) { } @media (max-width: 320px) { } .NyAbout_part3 { width:100%; overflow:hidden; margin:0 auto; padding:60px 0 50px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .NyAboutPart3_list { width:80%; max-width:1800px; overflow:hidden; margin:0 auto; padding:0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyAboutPart3_list ul.content-slider li { width:31%; height:auto; overflow:hidden; margin:0 3.5% 0 0; padding:0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyAboutPart3_list ul.content-slider li .NyAboutPart3_img { width:100%; height:320px; overflow:hidden; margin:0 auto 10px; padding:20px; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyAboutPart3_list ul.content-slider li .NyAboutPart3_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; border:1px solid #e6edf6; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyAboutPart3_list ul.content-slider li .NyAboutPart3_img a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyAboutPart3_list ul.content-slider li:hover .NyAboutPart3_img a img { -webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);} .NyAboutPart3_list ul.content-slider li .NyAboutPart3_name { width:100%; height:40px; margin:0 auto; padding:0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyAboutPart3_list ul.content-slider li .NyAboutPart3_name a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#555; font-size:16px; text-align:center; white-space: nowrap; text-overflow: ellipsis; margin:0; padding:0;} .NyAboutPart3_list ul.content-slider li:hover .NyAboutPart3_name a {color: #2449a4;} .NyAboutPart3_list .item { position: relative; padding:0 0 40px;} .NyAboutPart3_list .lSPrev, .NyAboutPart3_list .lSNext { background: url(http://www.jsacrel-pqm.com/images/prev04.png) center center no-repeat; width: 60px; height: 60px; position: absolute; left: 50%; bottom: 0; margin: 0 0 0 -80px; border-radius:50%; cursor: pointer; z-index:2; display:none;} .NyAboutPart3_list .lSNext { background: url(http://www.jsacrel-pqm.com/images/next04.png) center center no-repeat; left:inherit; right: 50%; margin: 0 -80px 0 0;} .NyAboutPart3_list .lSSlideOuter .lSPager.lSpg { width:100%; overflow:hidden; margin:0!important; padding:0; position: absolute; bottom: 10px;} .NyAboutPart3_list .lSSlideOuter .lSPager.lSpg > li a { width:12px; height:12px; background-color:rgb(230, 237, 246);} .NyAboutPart3_list .lSSlideOuter .lSPager.lSpg > li:hover a, .NyAboutPart3_list .lSSlideOuter .lSPager.lSpg > li.active a {background-color: #2449a4!important;} .NyAbout_part4 { width:100%; max-width:1600px; height:auto; margin:80px auto; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .NyAbout_part4 .NyAboutPart4_list { width:100%; height:auto; margin:0 auto; padding:0;} .NyAboutPart4_list ul li { width:32%; height:auto; margin:0 2% 0 0; padding:0; background-color:#fff; float:left; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyAboutPart4_list ul li:nth-child(3n+3) { margin:0;} .NyAboutPart4_list ul li:hover { background-color:#2dbfcc; box-shadow:0 10px 20px rgba(20,34,49,0.1);} .NyAboutPart4_list ul li .NyAboutPart4_img { width:100%; height:282px; overflow:hidden; margin:0 auto; padding:0;} .NyAboutPart4_list ul li .NyAboutPart4_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;} .NyAboutPart4_list ul li .NyAboutPart4_img a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyAboutPart4_list ul li:hover .NyAboutPart4_img a img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .NyAboutPart4_list ul li .NyAboutPart4_text { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .NyAboutPart4_list ul li .NyAboutPart4_text a { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; color:#333; font-size:16px; white-space: nowrap; text-overflow: ellipsis; margin:0 auto 10px; padding:0;} .NyAboutPart4_list ul li .NyAboutPart4_text p { width:100%; height:48px; overflow:hidden; line-height:24px; color:#999; font-size:14px; margin:0 auto; padding:0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;} .NyAboutPart4_list ul li:hover .NyAboutPart4_text a, .NyAboutPart4_list ul li:hover .NyAboutPart4_text p { color:#fff;} @media screen and (max-width:1600px){ .Ny_aboutus .NyAbout_part1 { padding:0;} .NyAbout_part1 .NyAboutPart1_main { max-width:inherit; padding:0 40px 140px;} .NyAboutPart1_main .NyAboutPart1_data { right:40px;} .NyAboutPart1_main .NyAboutPart1_right { height:437px;} .NyAbout_part2 .NyAboutPart2_main { padding:0 40px;} .NyAboutPart2_main ul { max-width:inherit;} .NyAbout_part2 .NyAboutPart2_idea { padding:80px 40px;} .NyAbout_part3 { padding:80px 0 40px;} .NyAbout_part4 { padding:0 40px;} .NyAboutPart4_list ul li .NyAboutPart4_img { height:268px;} .NyAboutPart3_list{width:90%;} } @media screen and (min-width:1440px) and (max-width:1599px) { .Ny_aboutus .NyAbout_part1 { padding:0;} .NyAbout_part1 .NyAboutPart1_main { max-width:inherit; padding:0 40px 140px;} .NyAboutPart1_main .NyAboutPart1_left { padding:80px 40px;} .NyAboutPart1_main .NyAboutPart1_data { right:40px;} .NyAboutPart1_left .NyAboutPart1_name { line-height:36px; font-size:26px;} .NyAboutPart1_left .NyAboutPart1_p, .NyAboutPart1_left .NyAboutPart1_p p { height:auto; -webkit-line-clamp: initial;} .NyAboutPart1_main .NyAboutPart1_right { height: 434px;bottom: -49px;} .NyAboutPart1_main .NyAboutPart1_data { height:180px;} .NyAboutPart1_left i.NyAboutPart1_xs1 { right:40px;} .NyAboutPart1_main i.NyAboutPart1_xs2 { left:40px;} .NyAboutPart1_data ul li { padding:40px 10px;} .NyAboutPart1_data ul li p { line-height:20px; font-size:14px;} .NyAbout_part2 .NyAboutPart2_main { padding:0 40px;} .NyAboutPart2_main ul { max-width:inherit;} .NyAbout_part2 .NyAboutPart2_idea { padding:80px 40px;} .NyAbout_part3 { padding:80px 0 40px;} .NyAboutPart3_list ul.content-slider li .NyAboutPart3_img { height:270px;} .NyAbout_part4 { padding:0 40px;} .NyAboutPart4_list ul li .NyAboutPart4_img { height:240px;} } @media screen and (min-width:1366px) and (max-width:1439px) { .Ny_aboutus .NyAbout_part1 { padding:0;} .NyAbout_part1 .NyAboutPart1_main { max-width:inherit; padding:0 40px 140px;} .NyAboutPart1_main .NyAboutPart1_left { padding:80px 40px;} .NyAboutPart1_main .NyAboutPart1_data { right:40px;} .NyAboutPart1_left .NyAboutPart1_name { line-height:36px; font-size:26px;} .NyAboutPart1_left .NyAboutPart1_p, .NyAboutPart1_left .NyAboutPart1_p p { height:auto; -webkit-line-clamp: initial;} .NyAboutPart1_main .NyAboutPart1_right { height: 467px;bottom: -41px;} .NyAboutPart1_main .NyAboutPart1_data { width:56%; height:180px;} .NyAboutPart1_data ul li img { width:80px; height:80px;} .NyAboutPart1_left i.NyAboutPart1_xs1 { right:40px;} .NyAboutPart1_main i.NyAboutPart1_xs2 { width:480px; left:40px;} .NyAboutPart1_data ul li { padding:35px 10px;} .NyAboutPart1_data ul li p { line-height:20px; font-size:14px;} .NyAbout_part2 .NyAboutPart2_main { padding:0 40px;} .NyAboutPart2_main ul { max-width:inherit;} .NyAbout_part2 .NyAboutPart2_idea { padding:80px 40px;} .NyAbout_part3 { padding:80px 0 40px;} .NyAboutPart3_list ul.content-slider li .NyAboutPart3_img { height:260px;} .NyAboutPart2_idea ul li { padding:30px 30px 120px;} .NyAboutPart2_idea ul li .NyAboutPart2_ideanum { font-size:88px; top:20px; right:20px;} .NyAboutPart2_idea ul li .NyAboutPart2_ideatext { width:72%;} .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon1, .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon2, .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon3, .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon4 { left:30px; bottom:20px;} .NyAbout_part4 { padding:0 40px;} .NyAboutPart4_list ul li .NyAboutPart4_img { height:227px;} } @media screen and (min-width:1360px) and (max-width:1365px) { .Ny_aboutus .NyAbout_part1 { padding:0;} .NyAbout_part1 .NyAboutPart1_main { max-width:inherit; padding:0 40px 140px;} .NyAboutPart1_main .NyAboutPart1_left { padding:80px 40px;} .NyAboutPart1_main .NyAboutPart1_data { right:40px;} .NyAboutPart1_left .NyAboutPart1_name { line-height:36px; font-size:26px;} .NyAboutPart1_left .NyAboutPart1_p, .NyAboutPart1_left .NyAboutPart1_p p { height:auto; -webkit-line-clamp: initial;} .NyAboutPart1_main .NyAboutPart1_right { height: 456px;bottom: -41px;} .NyAboutPart1_main .NyAboutPart1_data { width:56%; height:180px;} .NyAboutPart1_data ul li img { width:80px; height:80px;} .NyAboutPart1_left i.NyAboutPart1_xs1 { right:40px;} .NyAboutPart1_main i.NyAboutPart1_xs2 { width:480px; left:40px;} .NyAboutPart1_data ul li { padding:30px 10px;} .NyAboutPart1_data ul li p { line-height:22px; font-size:14px;} .NyAbout_part2 .NyAboutPart2_main { padding:0 40px;} .NyAboutPart2_main ul { max-width:inherit;} .NyAbout_part2 .NyAboutPart2_idea { padding:80px 40px;} .NyAbout_part3 { padding:80px 0 40px;} .NyAboutPart3_list ul.content-slider li .NyAboutPart3_img { height:260px;} .NyAboutPart2_idea ul li { padding:30px 30px 120px;} .NyAboutPart2_idea ul li .NyAboutPart2_ideanum { font-size:88px; top:20px; right:20px;} .NyAboutPart2_idea ul li .NyAboutPart2_ideatext { width:72%;} .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon1, .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon2, .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon3, .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon4 { left:30px; bottom:20px;} .NyAbout_part4 { padding:0 40px;} .NyAboutPart4_list ul li .NyAboutPart4_img { height:226px;} } @media screen and (min-width:1280px) and (max-width:1359px) { .Ny_aboutus .NyAbout_part1 { padding:0;} .NyAbout_part1 .NyAboutPart1_main { max-width:inherit; padding:0 40px 140px;} .NyAboutPart1_main .NyAboutPart1_left { padding:80px 40px;} .NyAboutPart1_main .NyAboutPart1_data { right:40px;} .NyAboutPart1_left .NyAboutPart1_name { line-height:32px; font-size:24px;} .NyAboutPart1_left .NyAboutPart1_p, .NyAboutPart1_left .NyAboutPart1_p p { height:auto; -webkit-line-clamp: initial;} .NyAboutPart1_main .NyAboutPart1_right { height: 523px;bottom: -41px;} .NyAboutPart1_main .NyAboutPart1_data { width:56%; height:auto;} .NyAboutPart1_data ul li img { width:72px; height:72px;} .NyAboutPart1_left i.NyAboutPart1_xs1 { right:40px;} .NyAboutPart1_main i.NyAboutPart1_xs2 { width:440px; left:40px;} .NyAboutPart1_data ul li { padding:30px 10px;} .NyAboutPart1_data ul li div { font-size:54px;} .NyAboutPart1_data ul li p { line-height:20px; font-size:14px;} .NyAbout_part2 .NyAboutPart2_main { padding:0 40px;} .NyAboutPart2_main ul { max-width:inherit;} .NyAboutPart2_main ul li { padding:160px 20px;} .NyAbout_part2 .NyAboutPart2_idea { padding:80px 40px;} .NyAbout_part3 { padding:80px 0 40px;} .NyAboutPart3_list ul.content-slider li .NyAboutPart3_img { height:240px;} .NyAboutPart2_idea ul li { padding:30px 30px 120px;} .NyAboutPart2_idea ul li .NyAboutPart2_ideanum { font-size:88px; top:20px; right:20px;} .NyAboutPart2_idea ul li .NyAboutPart2_ideatext { width:72%;} .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon1, .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon2, .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon3, .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon4 { left:30px; bottom:20px;} .NyAbout_part4 { padding:0 40px;} .NyAboutPart4_list ul li .NyAboutPart4_img { height:226px;} } @media screen and (min-width:1200px) and (max-width:1279px) { .Ny_aboutus .NyAbout_part1 { padding:0;} .NyAbout_part1 .NyAboutPart1_main { max-width:inherit; padding:0 40px 120px;} .NyAboutPart1_main .NyAboutPart1_left { padding:80px 40px;} .NyAboutPart1_main .NyAboutPart1_data { right:40px;} .NyAboutPart1_left .NyAboutPart1_name { line-height:32px; font-size:24px;} .NyAboutPart1_left .NyAboutPart1_p, .NyAboutPart1_left .NyAboutPart1_p p { height:auto; -webkit-line-clamp: initial;} .NyAboutPart1_main .NyAboutPart1_right { height: 504px;bottom: -41px;} .NyAboutPart1_main .NyAboutPart1_data { width:56%; height:auto;} .NyAboutPart1_data ul li img { width:65px; height:65px;} .NyAboutPart1_left i.NyAboutPart1_xs1 { right:40px;} .NyAboutPart1_main i.NyAboutPart1_xs2 { width:400px; left:40px;} .NyAboutPart1_data ul li { padding:30px 10px;} .NyAboutPart1_data ul li div { font-size:54px;} .NyAboutPart1_data ul li p { line-height:20px; font-size:14px;} .NyAbout_part2 .NyAboutPart2_main { padding:0 40px;} .NyAboutPart2_main ul { max-width:inherit;} .NyAboutPart2_main ul li { padding:160px 20px;} .NyAbout_part2 .NyAboutPart2_idea { padding:80px 40px;} .NyAbout_part3 { padding:80px 0 40px;} .NyAboutPart3_list ul.content-slider li .NyAboutPart3_img { height:220px;} .NyAboutPart2_idea ul li { padding:30px 30px 120px;} .NyAboutPart2_idea ul li .NyAboutPart2_ideanum { font-size:80px; top:10px; right:10px;} .NyAboutPart2_idea ul li .NyAboutPart2_ideatext { width:84%;} .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon1, .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon2, .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon3, .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon4 { left:30px; bottom:20px;} .NyAbout_part4 { padding:0 40px;} .NyAboutPart4_list ul li .NyAboutPart4_img { height:198px;} } @media screen and (min-width:1080px) and (max-width:1199px) { .Ny_aboutus .NyAbout_part1 { padding:0;} .NyAbout_part1 .NyAboutPart1_main { max-width:inherit; padding:0 40px 120px;} .NyAboutPart1_main .NyAboutPart1_left { margin:0; padding:80px 40px;} .NyAboutPart1_main .NyAboutPart1_data { right:40px;} .NyAboutPart1_left .NyAboutPart1_name { line-height:32px; font-size:24px;} .NyAboutPart1_left i.NyAboutPart1_time { line-height:72px; font-size:64px;} .NyAboutPart1_left .NyAboutPart1_p, .NyAboutPart1_left .NyAboutPart1_p p { height:auto; -webkit-line-clamp: initial;} .NyAboutPart1_main .NyAboutPart1_right { height: 494px;bottom: -41px;} .NyAboutPart1_main .NyAboutPart1_data { width:56%; height:auto;} .NyAboutPart1_data ul li img { width:64px; height:64px;} .NyAboutPart1_left i.NyAboutPart1_xs1 { right:40px;} .NyAboutPart1_main i.NyAboutPart1_xs2 { width:380px; left:40px;} .NyAboutPart1_data ul li { padding:30px 10px;} .NyAboutPart1_data ul li div { font-size:50px;} .NyAboutPart1_data ul li p { line-height:20px; font-size:14px;} .NyAbout_part2 .NyAboutPart2_main { padding:0 40px;} .NyAboutPart2_main ul { max-width:inherit;} .NyAboutPart2_main ul li { padding:220px 20px;} .NyAbout_part2 .NyAboutPart2_idea { padding:80px 40px;} .NyAbout_part3 { padding:80px 0 40px;} .NyAboutPart3_list ul.content-slider li .NyAboutPart3_img { height:190px; padding:10px;} .NyAboutPart2_idea ul li { padding:20px 20px 100px;} .NyAboutPart2_idea ul li .NyAboutPart2_ideanum { width:100px; height:80px; line-height:80px; font-size:80px; top:0; right:0;} .NyAboutPart2_idea ul li .NyAboutPart2_ideatext { width:88%;} .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon1, .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon2, .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon3, .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon4 { left:30px; bottom:20px;} .NyAbout_part4 { padding:0 40px;} .NyAboutPart4_list ul li .NyAboutPart4_img { height:176px;} } @media screen and (min-width:1024px) and (max-width:1079px) { .Ny_aboutus .NyAbout_part1 { padding:0;} .NyAbout_part1 .NyAboutPart1_main { max-width:inherit; padding:0 40px 120px;} .NyAboutPart1_main .NyAboutPart1_left { margin:0; padding:80px 40px;} .NyAboutPart1_main .NyAboutPart1_data { right:40px;} .NyAboutPart1_left .NyAboutPart1_name { line-height:32px; font-size:24px;} .NyAboutPart1_left i.NyAboutPart1_time { line-height:72px; font-size:64px;} .NyAboutPart1_left .NyAboutPart1_p, .NyAboutPart1_left .NyAboutPart1_p p { height:initial; -webkit-line-clamp: initial;} .NyAboutPart1_main .NyAboutPart1_right { height: 525px;bottom: -41px;} .NyAboutPart1_main .NyAboutPart1_data { width:56%; height:180px;} .NyAboutPart1_data ul li img { width:64px; height:64px;} .NyAboutPart1_left i.NyAboutPart1_xs1 { right:40px;} .NyAboutPart1_main i.NyAboutPart1_xs2 { width:360px; left:40px;} .NyAboutPart1_data ul li { padding:30px 10px;} .NyAboutPart1_data ul li div { font-size:48px;} .NyAboutPart1_data ul li p { line-height:20px; font-size:14px;} .NyAbout_part2 .NyAboutPart2_main { padding:0 40px;} .NyAboutPart2_main ul { max-width:inherit;} .NyAboutPart2_main ul li { padding:160px 20px;} .NyAboutPart2_main ul li .NyAboutPart2_text span { font-size:14px;} .NyAbout_part2 .NyAboutPart2_idea { padding:80px 40px 60px;} .NyAbout_part3 { padding:80px 0 40px;} .NyAboutPart3_list ul.content-slider li .NyAboutPart3_img { height:180px; padding:10px;} .NyAboutPart2_idea ul li { width:48.5%; margin:0 3% 20px 0;} .NyAboutPart2_idea ul li:nth-child(2n+2) { margin:0 0 20px;} .NyAbout_part4 { padding:0 40px;} .NyAboutPart4_list ul li .NyAboutPart4_img { height:167px;} } @media screen and (max-width:1023px) and (min-width:768px) { .NyAbout_title { margin:0 auto 20px;} .NyAbout_title p { font-size:30px;} .NyAbout_title span { font-size:14px;} .Ny_aboutus .NyAbout_part1 { padding:0;} .NyAbout_part1 .NyAboutPart1_main { max-width:inherit; margin:0 auto; padding:0 40px 54px;} .NyAboutPart1_main .NyAboutPart1_left { width:100%; margin:0 auto; padding:80px 40px 0; float:inherit;} .NyAboutPart1_left .NyAboutPart1_name { line-height:32px; font-size:24px;} .NyAboutPart1_left i.NyAboutPart1_time { line-height:72px; font-size:64px;} .NyAboutPart1_left .NyAboutPart1_p, .NyAboutPart1_left .NyAboutPart1_p p { height:auto; -webkit-line-clamp:initial;} .NyAboutPart1_main .NyAboutPart1_right { width:100%; height:auto; padding:40px; float:inherit;} .NyAboutPart1_right img { position:inherit; left:inherit; top:inherit; right:inherit; bottom:inherit; left:inherit;} .NyAboutPart1_main .NyAboutPart1_data { width:100%; height:auto; position:inherit; right:inherit; bottom:inherit;} .NyAboutPart1_data ul li img { width:64px; height:64px;} .NyAboutPart1_left i.NyAboutPart1_xs1 { right:40px;} .NyAboutPart1_main i.NyAboutPart1_xs2 { width:480px; left:40px;} .NyAboutPart1_data ul li { padding:30px 20px;} .NyAboutPart1_data ul li div { font-size:48px;} .NyAboutPart1_data ul li p { line-height:20px; font-size:14px;} .NyAbout_part2 .NyAboutPart2_main { padding:0 40px;} .NyAboutPart2_main ul { max-width:inherit;} .NyAboutPart2_main ul li { padding:100px 20px;} .NyAboutPart2_main ul li .NyAboutPart2_text p { line-height:24px; font-size:18px;} .NyAboutPart2_main ul li .NyAboutPart2_text span { line-height:20px; font-size:14px;} .NyAbout_part2 .NyAboutPart2_idea { padding:40px 40px 20px;} .NyAbout_part3 { padding:40px 0 20px;} .NyAboutPart3_list ul.content-slider li .NyAboutPart3_img { height:210px;} .NyAboutPart2_idea ul li { width:48.5%; margin:0 3% 20px 0;} .NyAboutPart2_idea ul li:nth-child(2n+2) { margin:0 0 20px;} .NyAbout_part4 { margin:40px auto; padding:0 40px;} .NyAboutPart4_list ul li .NyAboutPart4_img { height:122px;} } @media (max-width: 767px) { .NyAbout_title { margin:0 auto 20px;} .NyAbout_title p { line-height:32px; font-size:22px;} .NyAbout_title span { font-size:14px;display: none;} .Ny_aboutus .NyAbout_part1 { padding:0;} .NyAbout_part1 .NyAboutPart1_main { max-width:inherit; margin:0 auto; padding:0 20px 40px;} .NyAboutPart1_main .NyAboutPart1_left { width:100%; margin:0 auto; padding:60px 20px 0; float:inherit;} .NyAboutPart1_left .NyAboutPart1_name { line-height:30px; font-size:22px;} .NyAboutPart1_left i.NyAboutPart1_line { width:40px;} .NyAboutPart1_left i.NyAboutPart1_time { line-height:60px; font-size:48px;} .NyAboutPart1_left .NyAboutPart1_p, .NyAboutPart1_left .NyAboutPart1_p p { height:auto; line-height:24px; font-size:14px; -webkit-line-clamp:initial;} .NyAboutPart1_main .NyAboutPart1_right { width:100%; height:auto; padding:20px; float:inherit;} .NyAboutPart1_right img { position:inherit; left:inherit; top:inherit; right:inherit; bottom:inherit; left:inherit;} .NyAboutPart1_main .NyAboutPart1_data { width:100%; height:auto; position:inherit; right:inherit; bottom:inherit;} .NyAboutPart1_data ul li { width:50%;} .NyAboutPart1_data ul li img { width:72px; height:72px;} .NyAboutPart1_left i.NyAboutPart1_xs1 { width:40px; top:10px; right:10px;} .NyAboutPart1_main i.NyAboutPart1_xs2 { width:80%; left:20px;} .NyAboutPart1_data ul{padding:10px 0;} .NyAboutPart1_data ul li { padding:0 10px;} .NyAboutPart1_data ul li div { font-size:32px;margin: 0 auto 0px;} .NyAboutPart1_data ul li p { height:40px; line-height:20px; font-size:14px;} .NyAbout_part2 .NyAboutPart2_main { padding:20px;} .NyAboutPart2_main ul { max-width:inherit; border-left:0;} .NyAboutPart2_main ul li { width:100%; margin:0 auto; padding:40px 20px; border-right:0; border-bottom: 1px solid rgba(255,255,255,0.1); float:inherit;} .NyAboutPart2_main ul li .NyAboutPart2_text p { line-height:24px; font-size:18px;} .NyAboutPart2_main ul li .NyAboutPart2_text span { line-height:20px; font-size:14px;} .NyAbout_part2 .NyAboutPart2_idea { padding:40px 20px 20px;} .NyAboutPart2_idea ul li .NyAboutPart2_ideatext { width:80%;} .NyAbout_part3 {padding: 0 0 40px;} .NyAboutPart3_list ul.content-slider li .NyAboutPart3_img { height:150px; padding:10px;} .NyAboutPart3_list .lSPrev { margin:0 0 0 -70px;} .NyAboutPart3_list .lSNext { margin:0 -70px 0 0;} .NyAboutPart3_list ul.content-slider li .NyAboutPart3_name a { height:30px; line-height:30px; font-size:15px;} .NyAboutPart3_list .item { padding:0 0 10px;} .NyAboutPart3_list .lSSlideOuter .lSPager.lSpg { bottom:0;} .NyAboutPart3_list .lSSlideOuter .lSPager.lSpg > li a { width:10px; height:10px;} .NyAboutPart2_idea ul li { width:100%; margin:0 auto 20px;} .NyAboutPart2_idea ul li:nth-child(2n+2) { margin:0 auto 20px;} .NyAbout_part4 { margin:40px auto; padding:0 20px;} .NyAboutPart4_list ul li { width:100%; margin:0 auto 20px;} .NyAboutPart4_list ul li:nth-child(3n+3) { margin:0 auto;} .NyAboutPart4_list ul li .NyAboutPart4_img { height:206px;} } @media (max-width: 375px) { .NyAboutPart1_left i.NyAboutPart1_time { font-size:44px;} .NyAboutPart1_left i.NyAboutPart1_line { margin:12px 0;} .NyAboutPart2_idea ul li { padding:30px 30px 100px;} .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon1, .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon2, .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon3, .NyAboutPart2_idea ul li .NyAboutPart2_ideaicon4 { left:30px; bottom:20px;} .NyAboutPart2_main ul li .NyAboutPart2_text p { line-height: 28px; font-size: 22px;} .NyAboutPart3_list ul.content-slider li .NyAboutPart3_img { height:132px;} .NyAboutPart3_list ul.content-slider li .NyAboutPart3_name a { height:24px; line-height:24px; font-size:14px;} .NyAboutPart4_list ul li .NyAboutPart4_img { height:185px;} } @media (max-width: 320px) { .NyAbout_part1 .NyAboutPart1_main { padding:0 20px 70px;} .NyAboutPart1_data ul li { width:100%; float:inherit;} .NyAboutPart1_data ul li div { margin:0 auto 12px;} .NyAboutPart1_data ul li p { height:auto;} .NyAboutPart2_idea ul li { padding:20px 20px 100px;} .NyAboutPart2_idea ul li .NyAboutPart2_ideanum { width:100px; height:80px; line-height:80px; font-size:88px; right:20px; bottom:20px;} .NyAboutPart3_list ul.content-slider li .NyAboutPart3_img { height:106px;} .NyAboutPart4_list ul li .NyAboutPart4_img { height:154px;} .NyAboutPart1_left i.NyAboutPart1_time { font-size:36px;} } /*关于我们-发展历程 开始*/ .ly_AboutHistory { width:100%; overflow:hidden; margin:0 auto; padding:60px 0;background:#fff;} .ly_AboutHistory .lyAboutHistory_main { width:100%; overflow:hidden; margin:0 auto; padding:50px 0 100px; background:url(../img/dot1.jpg) center top repeat-y; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyAboutHistory_main i { display:block; width:12px; height:12px; overflow:hidden; margin:0 0 0 -6px; padding:0; background-color:#bebebe; border-radius:50%; position:absolute; top:0; left:50%;} .lyAboutHistory_main .lyAboutHistory_list { width:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;} .lyAboutHistory_list ul { width:100%;} .lyAboutHistory_list ul li { width:50%; height:auto; margin:60px 0 0; padding:0 25px 0 0; float:left; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyAboutHistory_list ul li:first-child { margin:0;} .lyAboutHistory_list ul li:nth-child(2n+2) { float:right; margin:60px 0 0; padding:0 0 0 25px;} .lyAboutHistory_con { width:100%; overflow:hidden; margin:0 auto; padding: 20px 40px; border:1px solid #e8e8e8; border-radius:10px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyAboutHistory_con .lyAboutHistory_text { width:100%; height:56px; overflow:hidden; line-height:28px; color:#666; font-size:16px; text-align:justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin:0; padding:0;} .lyAboutHistory_con .lyAboutHistory_time { width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:24px; margin:0 auto; padding:0;} .lyAboutHistory_list ul li em, .lyAboutHistory_list ul li:nth-child(2n+2) em { display:block; width:38px; height:24px; overflow:hidden; margin:0; padding:0; position:absolute; top:25px;} .lyAboutHistory_list ul li em { background:url(../img/dot2.png) center center no-repeat; background-size:38px 24px; right:-12px;} .lyAboutHistory_list ul li:nth-child(2n+2) em { background:url(../img/dot3.png) center center no-repeat; background-size:38px 24px; left:-12px;} .ly_AboutHistory a.ZKmore { display:block; width:160px; height:50px; overflow:hidden; line-height:50px; color:#fff; font-size:16px; text-align:center; margin:0 0 0 -80px; padding:0; background-color:#2449a4; border-radius:4px; position:absolute; bottom:0; left:50%; cursor:pointer;} .ly_AboutHistory a.ZKmore:hover { background-color:#c81610;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_AboutHistory { width:90%;} .lyAboutHistory_con { padding:20px;} .lyAboutHistory_con .lyAboutHistory_time { top:25px; right:24px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_AboutHistory { width:96%; margin:40px auto;} .lyAboutHistory_con { padding:20px;} .lyAboutHistory_con .lyAboutHistory_time { top:25px; right:24px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_AboutHistory { width:96%; margin:20px auto 40px;} .ly_AboutHistory .lyAboutHistory_main { padding:50px 0; background: url(../img/dot1.jpg) 12px top repeat-y;} .lyAboutHistory_main i { left:6px; margin:0;} .lyAboutHistory_main .lyAboutHistory_list { padding:0 0 0 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyAboutHistory_list ul li { width:100%; margin: 0 0 30px; padding:0 0 0 25px;} .lyAboutHistory_list ul li:nth-child(2n+2) { margin: 0 0 30px;} .lyAboutHistory_list ul li:first-child { margin: 0 0 30px;} .lyAboutHistory_list ul li em { left:-12px; right:inherit; background: url(../img/dot3.png) center center no-repeat;} .lyAboutHistory_con { padding:12px 20px;} .ly_AboutHistory a.ZKmore { margin:0; left:12px;} } @media (max-width: 767px) { .ly_AboutHistory { width:94%; margin:40px auto 40px;padding: 25px 0;} .ly_AboutHistory .lyAboutHistory_main { padding:5px 0 48px; background: url(../img/dot1.jpg) 12px top repeat-y;} .lyAboutHistory_main i { left:6px; margin:0;} .lyAboutHistory_main .lyAboutHistory_list { padding:0 0 0 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin-bottom:10px;} .lyAboutHistory_list ul li { width:100%; margin: 0 0 24px; padding:0 0 0 25px;} .lyAboutHistory_list ul li:nth-child(2n+2) { margin: 0 0 24px;} .lyAboutHistory_list ul li:first-child { margin: 0 0 24px;} .lyAboutHistory_list ul li em { left:-12px; right:inherit; background: url(../img/dot3.png) center center no-repeat;} .lyAboutHistory_con { padding:10px 20px;} .lyAboutHistory_con .lyAboutHistory_time { width:100%; height:35px; line-height:35px; font-size:22px;} .lyAboutHistory_con .lyAboutHistory_text { height:auto; line-height:22px; font-size:14px; -webkit-line-clamp: 10;} .ly_AboutHistory a.ZKmore { height:48px; line-height:48px; margin:0; left:12px;font-size:15px;} } @media (max-width: 320px) { .ly_AboutHistory .lyAboutHistory_main { padding:20px 0 48px;} .lyAboutHistory_list ul li { margin: 0 0 20px;} .lyAboutHistory_list ul li:nth-child(2n+2) { margin: 0 0 20px;} .lyAboutHistory_list ul li:first-child { margin: 0 0 20px;} .lyAboutHistory_con { padding:12px; border-radius:4px;} .lyAboutHistory_con .lyAboutHistory_time { left:12px; top:12px;} .lyAboutHistory_con .lyAboutHistory_text { line-height:24px; font-size:14px;} } /*关于我们-发展历程 结束*/ /*Ny_aboutus 结束*/ /*Ny_banner 开始*/ @media screen and (min-width:1921px){ .Ny_banner { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 0 0; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .Ny_banner img { display:block; width:100%; height:auto; overflow:hidden; padding:0; } .Ny_banner .NyBa_text { width:100%; max-width:1600px; height:auto; margin:0 auto; padding:0; position:absolute;top:50%;margin-top:-75px;left:50%;margin-left:-800px; z-index:1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .NyBa_text p { width:100%; overflow:hidden; line-height:52px; color:#fff; font-size:48px; font-weight:bold; margin:0 auto; padding:0;} .NyBa_text p font { color:rgba(255,255,255,0.5); font-size:36px; font-weight:bold; margin:0 0 0 20px; text-transform : uppercase} .NyBa_text em { display:block; width:60px; height:5px; overflow:hidden; margin:24px 0; padding:0; background-color:#fff;} .NyBa_text span { display:block; width:100%; max-height:64px; overflow:hidden; line-height:32px; color:#fff; font-size:18px; margin:0 auto; padding:0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;} .pub_subnav{position:absolute;width: 100%;left:0;bottom:0px;text-align:center;} .pub_subnav .w1500{width: 80%;background:rgba(0,0,0,0.52);margin:0 auto;} .pub_subnav ul{justify-content: center;display: flex;flex-direction:row;} .pub_subnav li{display:inline-block;flex: 1;} .pub_subnav li a{display:block;height:64px;line-height:64px;color:#fff;font-size:16px;float:left;padding: 0 5%;border-left:1px solid rgba(210,210,210,0.3);width: 90%;} .pub_subnav li a:hover,.pub_subnav li.cur a{background:#2449a4;transition: all 0.5s ease;color:#fff;} } @media screen and (max-width:1920px){ .Ny_banner { width:100%; height:600px; overflow:hidden; margin:0 auto; padding:240px 0 0; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .Ny_banner img { display:block; width:1920px; height:600px; overflow:hidden; margin:-300px 0 0 -960px; padding:0; position:absolute; left:50%; top:50%;} .Ny_banner .NyBa_text { width:80%; max-width:1800px; height:auto; margin:0 auto; padding:0; position:relative; z-index:1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .NyBa_text p { width:100%; overflow:hidden; line-height:52px; color:#fff; font-size:48px; font-weight:bold; margin:0 auto; padding:0;} .NyBa_text p font { color:rgba(255,255,255,0.5); font-size:36px; font-weight:bold; margin:0 0 0 20px; text-transform : uppercase} .NyBa_text em { display:block; width:60px; height:5px; overflow:hidden; margin:24px 0; padding:0; background-color:#fff;} .NyBa_text span { display:block; width:100%; max-height:64px; overflow:hidden; line-height:32px; color:#fff; font-size:18px; margin:0 auto; padding:0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;} .pub_subnav{position:absolute;width: 100%;left:0;bottom: 0px;text-align:center;} .pub_subnav .w1500{background:rgba(0,0,0,0.52);margin:0 auto;} .pub_subnav ul{justify-content: center;display: flex;flex-direction:row;} .pub_subnav li{display:inline-block;flex: 1;} .pub_subnav li a{display:block;height:64px;line-height:64px;color:#fff;font-size:16px;float:left;padding: 0 5%;border-left:1px solid rgba(210,210,210,0.3);width: 90%;} .pub_subnav li a:hover,.pub_subnav li.cur a{background:#2449a4;transition: all 0.5s ease;color:#fff;} } @media (max-width:1600px){ .Ny_banner { height:560px; padding:220px 0 0;} .Ny_banner img { display:block; width:1792px; height:560px; overflow:hidden; margin:-280px 0 0 -896px;} .Ny_banner .NyBa_text { max-width:inherit; padding:0 20px;width:90%;} } @media screen and (min-width:1440px) and (max-width:1599px) { .Ny_banner { height:500px; padding:200px 0 0;} .Ny_banner img { display:block; width:1600px; height:500px; overflow:hidden; margin:-250px 0 0 -800px;} .Ny_banner .NyBa_text { max-width:inherit; padding:0 20px;} } @media screen and (min-width:1360px) and (max-width:1439px) { .Ny_banner { height:500px; padding:200px 0 0;} .Ny_banner img { display:block; width:1600px; height:500px; overflow:hidden; margin:-250px 0 0 -800px;} .Ny_banner .NyBa_text { max-width:inherit; padding:0 20px;} } @media screen and (min-width:1280px) and (max-width:1359px) { .Ny_banner { height:440px; padding:180px 0 0;} .Ny_banner img { display:block; width:1408px; height:440px; overflow:hidden; margin:-220px 0 0 -704px;} .Ny_banner .NyBa_text { max-width:inherit; padding:0 20px;} .NyBa_text p { line-height:48px; font-size:40px;} .NyBa_text p font { font-size:32px;} .NyBa_text span { max-height:60px; line-height:30px; font-size:16px;} .NyBa_text em { width:56px; height:4px;} } @media screen and (min-width:1080px) and (max-width:1279px) { .pub_subnav{bottom: 40px;} .Ny_banner { height:440px; padding:180px 0 0;} .Ny_banner img { display:block; width:1408px; height:440px; overflow:hidden; margin:-220px 0 0 -704px;} .Ny_banner .NyBa_text { max-width:inherit; padding:0 20px;} .NyBa_text p { line-height:48px; font-size:40px;} .NyBa_text p font { font-size:32px;} .NyBa_text span { max-height:60px; line-height:30px; font-size:16px;} .NyBa_text em { width:56px; height:4px;} } @media screen and (min-width:1024px) and (max-width:1079px) { .Ny_banner { height:400px; padding:160px 0 0;} .Ny_banner img { display:block; width:1280px; height:400px; overflow:hidden; margin:-200px 0 0 -640px;} .Ny_banner .NyBa_text { max-width:inherit; padding:0 20px;} .NyBa_text p { line-height:48px; font-size:40px;} .NyBa_text p font { font-size:32px;} .NyBa_text span { max-height:60px; line-height:30px; font-size:16px;} .NyBa_text em { width:56px; height:4px;} } @media screen and (max-width:1023px) and (min-width:768px) { .Ny_banner { height:360px; padding:135px 0 0;} .Ny_banner img { display:block; width:1152px; height:360px; overflow:hidden; margin:-180px 0 0 -576px;} .Ny_banner .NyBa_text { max-width:inherit; padding:0 20px;} .NyBa_text p { line-height:40px; font-size:36px;} .NyBa_text p font { font-size:28px;} .NyBa_text span { max-height:60px; line-height:30px; font-size:15px;} .NyBa_text em { width:48px; height:3px; margin:20px 0;} .pub_subnav li a{height:45px;line-height:45px;} } @media (max-width: 767px) { .pub_subnav{bottom: 40px;} .Ny_banner { height:250px; padding:100px 0 0;} .Ny_banner img { display:block; width:800px; height:250px; overflow:hidden; margin:-125px 0 0 -400px;} .Ny_banner .NyBa_text { max-width:inherit; padding:0 20px;} .NyBa_text p { line-height:30px; font-size:28px;} .NyBa_text p font { font-size:20px; margin:0 0 0 10px;} .NyBa_text span { max-height:48px; line-height:24px; font-size:14px;} .NyBa_text em { width:40px; height:2px; margin:12px 0;} .pub_subnav li a{height:45px;line-height:45px;font-size:14px;} .Ny_banner_solution{background: #040927 url(../img/NySolution_banner.jpg) -53px 46px no-repeat;background-size: 120% 190px;} .Ny_banner_solution img{width:100%;height:100%;margin:0;left:0;top:0;display:none;} } @media (max-width: 375px) { .Ny_banner { height: 365px; /*height:240px; */ padding: 125px 0 0; /*padding:92px 0 0;*/ } .Ny_banner img { display:block; width:768px; height:240px; overflow:hidden; margin:-120px 0 0 -384px;} .Ny_banner .NyBa_text { max-width:inherit; padding:0 20px;} .NyBa_text p { line-height:30px;font-size: 26px;} .NyBa_text p font { font-size:18px; margin:0 0 0 10px;} .NyBa_text span {max-height:48px; line-height:24px; font-size:15px;} .NyBa_text em { width: 100px;height:2px; margin:10px 0;} .Ny_banner_solution{background: #040927 url(../img/NySolution_banner.jpg) -53px 46px no-repeat;background-size: 120% 190px;} .Ny_banner_solution img{width:100%;height:100%;margin:0;left:0;top:0;display:none;} } @media (max-width: 320px) { .NyBa_text p {line-height: 24px; font-size:18px;} .NyBa_text p font { font-size:14px;} } /*Ny_banner 结束*/ /*面包屑 开始*/ .Ny_mbx { width:100%; overflow:hidden; margin:0 auto; padding:20px 0;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .Ny_mbx .NyMbx_main { width:80%; max-width:1800px; height:auto; min-height:40px; margin:0 auto; padding:0 0 0 24px; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .NyMbx_main img { display:block; width:20px; height:20px; margin:0; padding:0; position:absolute; left:0; top:10px;} .NyMbx_main p { width:100%; overflow:hidden; line-height:30px; color:#999; font-size:15px; margin:0 auto; padding:5px 0;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .NyMbx_main p a { color:#666;} .NyMbx_main p a span{ color:#666;} .NyMbx_main p a:hover { color:#d73634;} .NyMbx_main p a:hover span { color:#2449a4 ;} .NyMbx_main p span { color:#999;} @media (max-width:1600px){ .Ny_mbx { padding:20px 40px;} .Ny_mbx .NyMbx_main { max-width:inherit;width: 90%;} } @media screen and (min-width:1024px) and (max-width:1599px) { .Ny_mbx { padding:20px 0;} .Ny_mbx .NyMbx_main { max-width:inherit;} } @media screen and (min-width:768px) and (max-width:1023px) { .Ny_mbx { padding:10px 0;} .Ny_mbx .NyMbx_main { max-width:inherit;} } @media (max-width: 767px) { .Ny_mbx { padding:10px 0;} .Ny_mbx .NyMbx_main { max-width:inherit;} } @media (max-width: 375px) { } @media (max-width: 320px) { } /*面包屑 结束*/ /*内页-产品中心 开始*/ .ly_NyProducts { width:100%; min-height: 480px; overflow:hidden; margin:0 auto; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .ly_NyProducts .lyNyPro_main { width:80%; max-width:1800px; height:auto; margin:0 auto 0; padding:0;} .lyNyPro_main .lyNyPro_left { width:23%; overflow:hidden; margin:0; padding:0; float:left;} .lyNyPro_main .lyNyPro_right { width:74.5%; height:auto; margin:0; padding:0; float:right;} .lyNyPro_right .lyNyPro_list { width:100%; height:auto; margin:0 auto -20px; padding:0; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .lyNyPro_list ul { width:100%; max-width:1600px; height:auto; margin:0 auto; padding:0; position:relative;} .lyNyPro_list ul li { width:32%; height:auto; margin:0 2% 20px 0; padding:10px; background-color:#fff; box-shadow:0 10px 20px rgba(20,49,49,0.1); float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .lyNyPro_list ul li:nth-child(3n+3) { margin:0 0 20px;} .lyNyPro_list ul li .NyPro_con {width:100%;height: 400px;overflow:hidden;margin:0 auto;padding:9px;border: 1px solid rgba(132, 132, 132, 0.2);position:relative;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;background: linear-gradient(#e2e5ec, #d5d5dd);} .lyNyPro_list ul li .NyPro_con .NyPro_img {width:100%;height: 330px;overflow:hidden;margin:0 auto;padding:0;} .lyNyPro_list ul li .NyPro_con .NyPro_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;} .lyNyPro_list ul li .NyPro_con .NyPro_img a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNyPro_list ul li:hover .NyPro_con .NyPro_img a img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .lyNyPro_list ul li .NyPro_con .NyPro_name {width:100%;height:auto;overflow:hidden; margin: 0px auto 0; padding:0;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .lyNyPro_list ul li .NyPro_con .NyPro_name a { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; color:#333; font-size:16px; text-align:center; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;} .lyNyPro_list ul li .NyPro_con .NyPro_name a i { display:none;} .lyNyPro_list ul li .NyPro_con .NyPro_name em {display:block;width:30px;height:2px;overflow:hidden;background-color: #2449a4 ;margin:8px auto 0;padding:0;} .lyNyPro_list ul li:hover .NyPro_con {padding:10px;border: 1px solid rgb(207, 16, 12,.09);} .lyNyPro_list ul li:hover .NyPro_con .NyPro_name { height:100%; padding: 124px 10px 10px; position:absolute; left:0; top:0; background-color: #2449a4cc;} .lyNyPro_list ul li:hover .NyPro_con .NyPro_name a { height:auto; color:#fff;} .lyNyPro_list ul li:hover .NyPro_con .NyPro_name a i { display:block; width:50px; height:50px; overflow:hidden; margin:0 auto 40px; padding:0; background:url(../img/more1.png) center center no-repeat; background-size:50px 50px;} .lyNyPro_list ul li:hover .NyPro_con .NyPro_name em { background-color:#fff;} @media (max-width:1600px){ .ly_NyProducts { padding:0 0;} .ly_NyProducts .lyNyPro_main { max-width:inherit;width: 90%;} .lyNyPro_list ul { max-width:inherit;} } @media screen and (min-width:1440px) and (max-width:1599px) { .ly_NyProducts { padding:0 0;} .ly_NyProducts .lyNyPro_main { max-width:inherit;} .lyNyPro_list ul { max-width:inherit;} .lyNyPro_list ul li .NyPro_con .NyPro_name a { font-size:15px;} } @media screen and (min-width:1360px) and (max-width:1439px) { .ly_NyProducts { padding:0 0;} .ly_NyProducts .lyNyPro_main { max-width:inherit;} .lyNyPro_list ul { max-width:inherit;} .lyNyPro_list ul li .NyPro_con .NyPro_name a { font-size:15px;} .lyNyPro_list ul li .NyPro_con { height:240px;} .lyNyPro_list ul li .NyPro_con .NyPro_img { height:180px;} .lyNyPro_list ul li:hover .NyPro_con .NyPro_name { padding:50px 10px 10px;} } @media screen and (min-width:1280px) and (max-width:1359px) { .ly_NyProducts { padding:0 0;} .ly_NyProducts .lyNyPro_main { max-width:inherit;} .lyNyPro_list ul { max-width:inherit;} .lyNyPro_list ul li .NyPro_con .NyPro_name a { font-size:15px;} .lyNyPro_list ul li .NyPro_con { height:240px;} .lyNyPro_list ul li .NyPro_con .NyPro_img { height:170px;} .lyNyPro_list ul li:hover .NyPro_con .NyPro_name { padding:60px 10px 10px;} .lyNyPro_list ul li:hover .NyPro_con .NyPro_name a i { margin:0 auto 20px;} } @media screen and (min-width:1080px) and (max-width:1279px) { .ly_NyProducts { padding:0 0;} .ly_NyProducts .lyNyPro_main { max-width:inherit;} .lyNyPro_main .lyNyPro_left { width:30%;} .lyNyPro_main .lyNyPro_right { width:66%;} .lyNyPro_list ul { max-width:inherit;} .lyNyPro_list ul li { width:48.5%; margin:0 3% 20px 0;} .lyNyPro_list ul li:nth-child(3n+3) { margin:0 3% 20px 0;} .lyNyPro_list ul li:nth-child(2n+2) { margin:0 0 20px;} .lyNyPro_list ul li .NyPro_con .NyPro_name a { font-size:15px;} .lyNyPro_list ul li .NyPro_con { height:240px;} .lyNyPro_list ul li .NyPro_con .NyPro_img { height:192px;} .lyNyPro_list ul li:hover .NyPro_con .NyPro_name { padding:60px 10px 10px;} .lyNyPro_list ul li:hover .NyPro_con .NyPro_name a i { margin:0 auto 20px;} } @media screen and (min-width:1024px) and (max-width:1079px) { .ly_NyProducts { padding:0 0;} .ly_NyProducts .lyNyPro_main { max-width:inherit;} .lyNyPro_main .lyNyPro_left { width:100%;} .lyNyPro_main .lyNyPro_right { width:100%;} .lyNyPro_right .lyNyPro_list { margin:0 auto -30px;} .lyNyPro_list ul { max-width:inherit;} .lyNyPro_list ul li { width:48.5%; margin:0 3% 30px 0;} .lyNyPro_list ul li:nth-child(3n+3) { margin:0 3% 30px 0;} .lyNyPro_list ul li:nth-child(2n+2) { margin:0 0 30px;} .lyNyPro_list ul li .NyPro_con { height:280px;} .lyNyPro_list ul li .NyPro_con .NyPro_img { height:220px;} .lyNyPro_list ul li:hover .NyPro_con .NyPro_name { padding:60px 10px 10px;} .lyNyPro_list ul li:hover .NyPro_con .NyPro_name a i { margin:0 auto 20px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyProducts { padding:0 0;} .ly_NyProducts .lyNyPro_main { max-width:inherit;} .lyNyPro_main .lyNyPro_left { width:100%;} .lyNyPro_main .lyNyPro_right { width:100%;} .lyNyPro_right .lyNyPro_list { margin:0 auto -30px;} .lyNyPro_list ul { max-width:inherit;} .lyNyPro_list ul li { width:48.5%; margin:0 3% 30px 0;} .lyNyPro_list ul li:nth-child(3n+3) { margin:0 3% 30px 0;} .lyNyPro_list ul li:nth-child(2n+2) { margin:0 0 30px;} .lyNyPro_list ul li .NyPro_con { height:280px;} .lyNyPro_list ul li .NyPro_con .NyPro_img { height:200px;} .lyNyPro_list ul li:hover .NyPro_con .NyPro_name { padding:60px 10px 10px;} .lyNyPro_list ul li:hover .NyPro_con .NyPro_name a i { margin:0 auto 20px;} } @media (max-width: 767px) { .ly_NyProducts { padding:0 0;} .ly_NyProducts .lyNyPro_main { max-width:inherit; margin:0 auto 0;} .lyNyPro_main .lyNyPro_left { width:100%;} .lyNyPro_main .lyNyPro_right { width:100%;} .lyNyPro_right .lyNyPro_list { margin:0 auto -20px;} .lyNyPro_list ul { max-width:inherit;} .lyNyPro_list ul li { width:100%; margin:0 auto 20px;} .lyNyPro_list ul li:nth-child(3n+3) { margin:0 auto 20px;} .lyNyPro_list ul li:nth-child(2n+2) { margin:0 auto 20px;} .lyNyPro_list ul li .NyPro_con { height:280px;} .lyNyPro_list ul li .NyPro_con .NyPro_img { height:220px;} .lyNyPro_list ul li:hover .NyPro_con .NyPro_name { padding:80px 10px 10px;} .lyNyPro_list ul li:hover .NyPro_con .NyPro_name a i { margin:0 auto 20px;} } @media (max-width: 375px) { .lyNyPro_list ul li .NyPro_con .NyPro_img { height:200px;} } @media (max-width: 320px) { .lyNyPro_list ul li .NyPro_con { height:240px;} .lyNyPro_list ul li .NyPro_con .NyPro_img { height:165px;} .lyNyPro_list ul li:hover .NyPro_con .NyPro_name { padding: 60px 10px 10px;} .lyNyPro_list ul li .NyPro_con .NyPro_name a { font-size: 14px;} } /*内页-产品分类 开始*/ .lyNyPro_left .h_left { width:100%; overflow:hidden;margin:0 auto 20px;} .lyNyPro_left .cp_type { background-color:#fff; } .lyNyPro_left .cp_type .hd {text-align:center;background: #2449a4 ;background-size:100% 100%;padding:20px;} .lyNyPro_left .cp_type .hd p { height:40px; line-height:40px; font-size:28px; font-weight:bold; color:#fff;} .lyNyPro_left .cp_type .hd p:before { content:''; display:inline-block; width:28px; height:28px; background:url(../img/mulu_tlt.png) center center no-repeat; margin-right:5px; vertical-align:middle; margin-top:-3px;} .lyNyPro_left .cp_type .hd span { display:block; height:20px; line-height:20px; font-size:14px; color:#fff; text-transform:uppercase;} .lyNyPro_left .cp_type .bd { border-top:0; padding:20px 10px 10px;} .lyNyPro_left .cp_type .bd ul li { margin:0 auto 10px;} .lyNyPro_left .cp_type .bd ul li.on { border:0;} .lyNyPro_left .cp_type .bd ul li p { height:60px; line-height:60px; padding:0 60px 0 0; background-color:#f7f7f7; position:relative;} .lyNyPro_left .cp_type .bd ul li p a { display:block; width:100%; padding:0 0 0 20px; overflow: hidden; line-height:60px; color:#333; font-size:16px; white-space:nowrap; text-overflow: ellipsis; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyPro_left .cp_type .bd ul li p span { display:block; width:60px; height:60px; cursor:pointer; position:absolute; top:0; right:0;background:url(../img/mulu1.png) center center no-repeat; background-size:20px 20px;} .lyNyPro_left .cp_type .bd ul li:hover p span{ background:url(../img/mulu3.png) center center no-repeat; background-size:20px 20px;} .lyNyPro_left .cp_type .bd ul li div { display:none;} .lyNyPro_left .cp_type .bd ul li.on div { display:block;} .lyNyPro_left .cp_type .bd ul li div a { display:block; height:48px; line-height:48px; color:#454545; font-size:14px; margin:0 auto 1px; padding:0 20px 0 36px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; background:#fff url(../img/icon4.png) 20px center no-repeat;} .lyNyPro_left .cp_type .bd ul li div a:first-child { border-top:0;} .lyNyPro_left .cp_type .bd ul li p:hover, .lyNyPro_left .cp_type .bd ul li.on p { background-color:#2449a4 ;} .lyNyPro_left .cp_type .bd ul li p:hover a, .lyNyPro_left .cp_type .bd ul li.on p a { color:#fff;} .lyNyPro_left .cp_type .bd ul li.on p span { background:url(../img/mulu2.png) center center no-repeat; background-size:20px 20px;} .lyNyPro_left .cp_type .bd ul li div a:hover { color:#2449a4 ; background:url(../img/icon5.png) 20px center no-repeat;} .lyNyPro_left .cp_type .bd ul a.ckqb { display:block; height:34px; line-height:34px; font-size:16px; color:#333; background:#f1f1f1; width:94%; margin:10px auto; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;cursor:pointer;} .lyNyPro_left .cp_type .bd ul a.ckqb:hover { background:#e30614; color:#fff;} @media screen and (max-width:1199px) and (min-width:1080px) { .lyNyPro_left .cp_type .bd ul li div a { padding:0 20px 0 40px;} .lyNyPro_left .cp_type .hd p{font-size:22px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .lyNyPro_left .h_left { margin:0 auto 20px;} .lyNyPro_left .cp_type { margin:0;} .lyNyPro_left .cp_type .hd p:before { display:none;} .lyNyPro_left .cp_type .hd { background:#2449a4 url(../img/down1.png) 96% center no-repeat;padding: 20px;text-align:left;overflow:hidden;} .lyNyPro_left .cp_type .hd.on { background:#2449a4 url(../img/up1.png) 96% center no-repeat;} .lyNyPro_left .cp_type .hd span { display:block; font-style:italic; float:left; height:40px; line-height:40px; font-size:16px;} .lyNyPro_left .cp_type .hd p { padding:0; display:block; font-size:24px; float:left; min-width:88px; margin:0 10px 0 0;} .lyNyPro_left .cp_type .bd { display:none;} .lyNyPro_left .cp_type .bd ul li:last-child { border:0;} .lyNyPro_left .cp_type .bd ul li p { height:60px; line-height:60px;} .lyNyPro_left .cp_type .bd ul li p a { width:90%; font-size:16px; line-height:60px;} .lyNyPro_left .cp_type .bd ul li p span { width:10%; background-size: 20px;} .lyNyPro_left .cp_type .bd ul li.on p span { background-size: 16px;} .lyNyPro_left .cp_type .bd ul li p:hover span { background-size: 16px;} .lyNyPro_left .cp_type .hd p:before { display:none;} } @media screen and (max-width:1023px) and (min-width:768px) { .lyNyPro_left .h_left { margin:0 auto 20px;} .lyNyPro_left .cp_type { margin:0;} .lyNyPro_left .cp_type .hd p:before { display:none;} .lyNyPro_left .cp_type .hd { background:#2449a4 url(../img/down1.png) 96% center no-repeat;padding: 15px 20px;text-align:left;overflow:hidden;} .lyNyPro_left .cp_type .hd.on { background:#2449a4 url(../img/up1.png) 96% center no-repeat;} .lyNyPro_left .cp_type .hd span { display:block; font-style:italic; float:left; height:40px; line-height:40px; font-size:16px;} .lyNyPro_left .cp_type .hd p { padding:0; display:block; font-size:24px; float:left; min-width:88px; margin:0 10px 0 0;} .lyNyPro_left .cp_type .bd { display:none;} .lyNyPro_left .cp_type .bd ul li:last-child { border:0;} .lyNyPro_left .cp_type .bd ul li p { height:60px; line-height:60px;} .lyNyPro_left .cp_type .bd ul li p a { width:90%; font-size:16px; line-height:60px;} .lyNyPro_left .cp_type .bd ul li p span { width:10%; background-size: 20px;} .lyNyPro_left .cp_type .bd ul li.on p span { background-size: 16px;} .lyNyPro_left .cp_type .bd ul li p:hover span { background-size: 16px;} .lyNyPro_left .cp_type .hd p:before { display:none;} } @media screen and (max-width:767px) { .lyNyPro_left .h_left { margin:0 auto 20px;} .lyNyPro_left .cp_type { margin:0;} .lyNyPro_left .cp_type .hd p:before { display:none;} .lyNyPro_left .cp_type .hd { background:#2449a4 url(../img/down1.png) 95% center no-repeat; background-size: 32px 32px; padding: 10px 20px;text-align:left;overflow:hidden;} .lyNyPro_left .cp_type .hd.on { background:#2449a4 url(../img/up1.png) 95% center no-repeat; background-size: 32px 32px} .lyNyPro_left .cp_type .hd span { display:block; font-style:italic; float:left; height:40px; line-height:40px; display:none;} .lyNyPro_left .cp_type .hd p { padding:0; display:block; font-size:20px; float:left; min-width:88px; margin:0 10px 0 0;} .lyNyPro_left .cp_type .bd { display:none;} .lyNyPro_left .cp_type .bd ul li:last-child { border:0;} .lyNyPro_left .cp_type .bd ul li p a { line-height:48px; font-size:16px;} .lyNyPro_left .cp_type .bd ul li div a { font-size:14px;} .lyNyPro_left .cp_type .bd ul li p { height:48px;line-height:48px;} .lyNyPro_left .cp_type .bd ul li div a { height:44px;line-height:44px;} .lyNyPro_left .cp_type .bd ul li p span { width:48px; height:48px;right: 10px;} .lyNyPro_left .cp_type .bd ul li.on p span { background-size: 20px;} .lyNyPro_left .cp_type .bd ul li p:hover span { background-size: 20px;} } @media screen and (max-width:320px) { .lyNyPro_left .cp_type .hd { padding:4px 4%;} .lyNyPro_left .cp_type .hd p { font-size:20px;} .lyNyPro_left .cp_type .hd span { display:none;} } /*内页-产品分类 结束*/ /*内页-产品中心 结束*/ /*换页 开始*/ .Ny_page { width:100%; height:40px; text-align:center; margin:40px auto; padding:0;} .Ny_page a { display:inline-block; width:40px; height:40px; overflow:hidden; line-height:38px; color:#666; font-size:16px; text-align:center; background-color:#fff; border:1px solid #eaeaea; margin:0 4px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .Ny_page a:hover, .Ny_page a.pnnum1 { color:#fff; background-color:#2449a4 ; border:1px solid #2449a4 ;} .Ny_page a.NyPg_prev, .Ny_page a.NyPg_next { width:60px;} .Ny_page a.NyPg_prev { background:#fff url(../img/prev1.png) center center no-repeat;} .Ny_page a.NyPg_next { background:#fff url(../img/next1.png) center center no-repeat;} .Ny_page a.NyPg_prev:hover { background:#2449a4 url(../img/prev2.png) center center no-repeat;} .Ny_page a.NyPg_next:hover { background:#2449a4 url(../img/next2.png) center center no-repeat;} @media (max-width: 767px) { .Ny_page { height:48px; margin:20px auto;} .Ny_page a { display:none;} .Ny_page a.NyPg_prev, .Ny_page a.NyPg_next { display:inline-block; width:80px; height:44px; line-height:42px;} } /*换页 结束*/ /*内页-产品列表 开始*/ .nyPro_list { width:100%; height:auto; margin:0 auto 40px; padding:0;} .nyPro_list ul li { width:100%; height:auto; margin:0 auto 20px; padding:10px; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nyPro_list ul li:hover { box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);} .nyPro_list ul li .nyProList_img { width:23%; height:240px; overflow:hidden; margin:0; padding:0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nyPro_list ul li .nyProList_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0; padding:0; background-color:#fff; position:relative;} .nyPro_list ul li .nyProList_img a img.nyPro_img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .nyPro_list ul li:hover .nyProList_img a img.nyPro_img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .nyPro_list ul li .nyProList_text { width:73%; height:240px; overflow:hidden; margin:0; padding:10px; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nyPro_list ul li .nyProList_text .nyProList_name { width:100%; overflow:hidden; margin:0 auto; padding:0;} .nyProList_text .nyProList_name a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:18px; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;} .nyProList_text .nyProList_name a:hover { color:#2449a4 ;} .nyPro_list ul li .nyProList_text .nyProList_ms { width:100%; overflow:hidden; margin:10px auto; padding:0;} .nyProList_text .nyProList_ms p { width:100%; height:48px; overflow:hidden; line-height:24px; color:#666; font-size:14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; margin:0 auto; padding:0;} .nyPro_list ul li .nyProList_text .nyProList_tips { width:100%; overflow:hidden; margin:10px auto; padding:0;} .nyProList_text .nyProList_tips dl dd { display:inline-block; height:40px; overflow:hidden; line-height:40px; color:#aaa; font-size:14px; white-space:nowrap; text-overflow: ellipsis; margin:0; padding:0 20px 0 0; float:left;} .nyProList_text .nyProList_tips dl dd span { color:#333;} .nyPro_list ul li .nyProList_text .nyProList_btn { width:100%; overflow:hidden; margin:0 auto; padding:0;} .nyProList_text .nyProList_btn a { display:block; width:130px; height:40px; overflow:hidden; line-height:38px; color:#999; font-size:14px; text-align:center; margin:0 20px 0 0; padding:0; border:1px solid #dfdfdf; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nyProList_text .nyProList_btn a:hover { color:#fff; background-color:#2449a4 ; border:1px solid #2449a4 ;} .lyNy_Xgwz { width:100%; overflow:hidden; margin:20px auto 0; padding:0;} .lyNy_Xgwz .Xgwz_tit { overflow:hidden; margin:0 auto; padding:12px 20px; background-color:#2449a4 ;} .Xgwz_tit span { display: block; height: 40px; line-height: 40px; color: #fff; font-size: 36px; font-weight: bold; text-align: center; opacity: 0.14;} .Xgwz_tit p { height: 32px; line-height: 32px; color: #fff; font-size: 26px; font-weight: bold; text-align: center; margin: -26px auto 0;} .lyNy_Xgwz .Xgwz_list { width:100%; min-height: 150px; overflow:hidden; margin:0 auto; padding:10px; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNy_Xgwz .Xgwz_list ul li { width:100%; overflow:hidden; margin:0 auto; padding:0 0 0 20px; border-bottom:1px dashed #dfdfdf; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNy_Xgwz .Xgwz_list ul li:last-child { border:0;} .lyNy_Xgwz .Xgwz_list ul li em { display: block; width: 20px; height: 20px; overflow: hidden; margin: 0; padding: 0; background: url(../img/jt2.png) center center no-repeat; position: absolute; left: 0; top: 14px;} .lyNy_Xgwz .Xgwz_list ul li:hover em { background: url(../img/jt3.png) center center no-repeat;} .lyNy_Xgwz .Xgwz_list ul li a {display:block;width: 70%;height:48px;overflow:hidden;line-height:48px;color:#333;font-size:15px;white-space:nowrap;text-overflow: ellipsis;margin:0 auto;padding:0;float: left;} .lyNy_Xgwz .Xgwz_list ul li a:hover { color:#2449a4 ;} .lyNy_Xgwz .Xgwz_list ul li span{display:block;width:28%;float:right;text-align:right;height:48px;overflow:hidden;line-height:48px;} .lyNyProDetail_con .lyNy_Xgwz .Xgwz_list { border-top:0;} @media screen and (max-width:1399px) and (min-width:1360px) { .nyPro_list ul li .nyProList_img { width:24%; height:220px;} .nyPro_list ul li .nyProList_text { width:72%; height:220px;} } @media screen and (max-width:1359px) and (min-width:1200px) { .nyPro_list ul li .nyProList_img { width:24%; height:205px;} .nyPro_list ul li .nyProList_text { width:72%; height:205px;} .nyPro_list ul li .nyProList_text .nyProList_ms, .nyPro_list ul li .nyProList_text .nyProList_tips { margin:5px auto;} } @media screen and (max-width:1199px) and (min-width:1080px) { .nyPro_list ul li .nyProList_img { width:28%; height:205px;} .nyPro_list ul li .nyProList_text { width:70%; height:205px;} .nyPro_list ul li .nyProList_text .nyProList_ms, .nyPro_list ul li .nyProList_text .nyProList_tips { margin:5px auto;} .lyNy_Xgwz .Xgwz_tit { padding:12px;} .Xgwz_tit span { font-size:34px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .nyPro_list ul li { margin:0 auto 20px;} .nyPro_list ul li .nyProList_img { width:22%; height:205px;} .nyPro_list ul li .nyProList_text { width:76%; height:205px;} .nyPro_list ul li .nyProList_text .nyProList_ms, .nyPro_list ul li .nyProList_text .nyProList_tips { margin:5px auto;} .lyNy_Xgwz { margin:20px auto 0;} .lyNy_Xgwz .Xgwz_tit { padding:10px 10px 10px 20px;} .Xgwz_tit p { display: block; height: 40px; line-height: 40px; font-size: 24px; min-width: 88px; margin: 0 10px 0 0; padding: 0; float: left;} .Xgwz_tit span { display: inline-block; height: 40px; line-height: 40px; font-size: 28px;} .lyNy_Xgwz .Xgwz_list { padding:10px 20px;} } @media screen and (max-width:1023px) and (min-width:768px) { .nyPro_list ul li { margin:0 auto 20px;} .nyPro_list ul li .nyProList_img { width:28%; height:205px;} .nyPro_list ul li .nyProList_text { width:70%; height:205px;} .nyPro_list ul li .nyProList_text .nyProList_ms, .nyPro_list ul li .nyProList_text .nyProList_tips { margin:5px auto;} .lyNy_Xgwz { margin:20px auto 0;} .lyNy_Xgwz .Xgwz_tit { padding:10px 10px 10px 20px;} .Xgwz_tit p { display: block; height: 40px; line-height: 40px; font-size: 24px; min-width: 88px; margin: 0 10px 0 0; padding: 0; float: left;} .Xgwz_tit span { display: inline-block; height: 40px; line-height: 40px; font-size: 28px;} .lyNy_Xgwz .Xgwz_list { padding:10px 20px;} } @media (max-width: 767px) { .nyPro_list ul li { margin:0 auto 20px;} .nyPro_list ul li .nyProList_img { width:100%; height:260px; margin:0 auto 10px;} .nyPro_list ul li .nyProList_text { width:100%; height:auto;} .nyProList_text .nyProList_name a { height:40px; line-height:40px; font-size:18px;} .nyPro_list ul li .nyProList_text .nyProList_ms { margin:5px auto;} .nyProList_text .nyProList_ms p { height:auto; max-height:48px; line-height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space:inherit;} .nyPro_list ul li .nyProList_text .nyProList_tips { margin:5px auto;} .nyProList_text .nyProList_tips dl dd { width:50%; height:30px; line-height:30px; margin:0; padding:0;} .nyProList_text .nyProList_tips dl dd:nth-child(2n+2) { margin:0;} .nyPro_list ul li .nyProList_text .nyProList_btn { width:100%; margin:0 auto;} .nyProList_text .nyProList_btn a { width:48%; height:40px; line-height:38px; margin:0; float:left;} .nyProList_text .nyProList_btn a:first-child { margin:0 4% 0 0;} .lyNy_Xgwz { margin:20px auto 0;} .lyNy_Xgwz .Xgwz_tit { padding:10px 10px 10px 20px;} .Xgwz_tit p { display: block; height: 40px; line-height: 40px; font-size: 20px; min-width: 88px; margin: 0 10px 0 0; padding: 0; float: left;} .Xgwz_tit span { display: inline-block; height: 40px; line-height: 40px; font-size: 24px;display:none;} .lyNy_Xgwz .Xgwz_list { padding:10px 20px;} } @media (max-width: 375px) { } @media (max-width: 320px) { .nyPro_list ul li .nyProList_img { height:240px;} .lyNy_Xgwz .Xgwz_tit { padding:6px 12px;} .Xgwz_tit span { font-size:22px;} .lyNy_Xgwz .Xgwz_list { padding:10px;} } /*内页-产品列表 结束*/ /*内页-产品详情 开始*/ .ly_NyProDetail {width: 100%;overflow:hidden;margin: 0 auto 0;padding:0;} .ly_NyProDetail .lyNyProDetail_con {width:100%;overflow:hidden;margin:0 auto;padding: 10px 0 30px;} .ly_NyProDetail .lyNyProDetail_con .lyNyProDetail_con_in{width: 80%;max-width: 1800px;margin:0 auto;position: relative;} .lyNyProDetail_con .lyNyProDetail_left {width: 23%;overflow:hidden;margin:0;padding:0;float: right;} .lyNyProDetail_con .lyNyProDetail_left.fixed{position: absolute;right: 0;} .lyNyProDetail_con .lyNyProDetail_left .h_left{background:none;} .lyNyProDetail_con .lyNyProDetail_left .cp_type{background:#fff;} /*相关文章*/ .new_Ny_Xgwz {width:100%;overflow:hidden;margin: 0 auto 20px;padding:0;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);} .new_Ny_Xgwz .Xgwz_tit {overflow:hidden;margin:0 auto;background-color: #eaeaea;} .new_Ny_Xgwz .Xgwz_tit p {text-align: left;margin:0 auto;height: 50px;background-color: #eaeaea;padding: 0 7%;line-height: 50px;font-size: 18px;color: #222;} .new_Ny_Xgwz .Xgwz_tit span {display:block;height:20px;line-height:20px;color:rgba(255, 255, 255, 0.2);font-size:24px;text-align:center;text-transform: uppercase;margin:0 auto;padding:0;display: none;} .new_Ny_Xgwz .Xgwz_list {width: 100%;min-height: 150px;overflow:hidden;margin:0 auto;padding: 0 7%;background: #fff;border-top:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .new_Ny_Xgwz .Xgwz_list ul li { width:100%; overflow:hidden; margin:0 auto; padding:0 0 0 20px; border-bottom:1px dashed #dfdfdf; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .new_Ny_Xgwz .Xgwz_list ul li:last-child { border:0;} .new_Ny_Xgwz .Xgwz_list ul li em { display: block; width: 20px; height: 20px; overflow: hidden; margin: 0; padding: 0; background: url(../img/jt2.png) center center no-repeat; position: absolute; left: 0; top: 11px;} .new_Ny_Xgwz .Xgwz_list ul li:hover em { background: url(../img/jt3.png) center center no-repeat;} .new_Ny_Xgwz .Xgwz_list ul li a { display:block; width:100%; height:44px; overflow:hidden; line-height:44px; color:#777; font-size:14px; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;} .new_Ny_Xgwz .Xgwz_list ul li a:hover { color:#2449a4 ;} .side-link {background-color:#fff;padding-bottom:40px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);} .side-tit {height:50px;background-color:#eaeaea;padding: 0 7%;line-height:50px;font-size:18px;color:#222;} .sl-item {margin-top:30px;padding:0 20px;} .sl-item i {display:block;width:90px;height:90px;border:solid 1px #eaeaea;margin:auto;border-radius:50%;background:url(../img/side-kf.png) no-repeat center center;} .sl-text {text-align:center;line-height:1;margin-top:19px;} .sl-btn {margin-top:20px;text-align: center;} .sl-btn a {display:inline-block;width:200px;height:46px;background-color:#2449a4 ;border-radius:3px;font-size:16px;line-height:46px;text-align:center;color:#fff;transition:0.3s;} .sl-btn a:hover {background-color:#2449a4 ;color:#fff;} .lyNyProDetail_con .lyNyProDetail_right {width: 75%;overflow:hidden;margin:0;padding:0;float: left;background: #fff;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);} .lyNyProDetail_right .lyNyProDetail_ConTit {margin:0 auto 30px;padding: 0;overflow: hidden;background: #ffffff;border-bottom: 1px solid #ebebeb;} .lyNyProDetail_ConTit p {overflow:hidden;color:#555;font-size:17px;box-sizing: border-box;float: left; border-bottom: 3px solid #fff; border-left: 1px solid #fff;padding: 12px 0;line-height: 36px;width: 10%;text-align: center;transition: 0.3s;/* background-color: #eaeaea; */cursor:pointer;} .lyNyProDetail_ConTit p.on{border-bottom: 3px solid #2449a4 ;background-color: #fff;color:#2449a4 ;} .lyNyProDetail_ConTit p:first-child {border-left: 0;} .lyNyProDetail_right .lyNyProDetail_ConText {width:94%;overflow:hidden;line-height: 28px;color: #555;font-size: 14px;margin:0 auto 30px;padding: 0 3%;min-height:800px;} .lyNyProDetail_ConText table{width:100%;} .lyNyProDetail_ConText img, .lyNyProDetail_ConText table, .lyNyProDetail_ConText tr, .lyNyProDetail_ConText td, .lyNyProDetail_ConText p, .lyNyProDetail_ConText span, .lyNyProDetail_ConText div, .lyNyProDetail_ConText video, .lyNyProDetail_ConText embed {/*width:auto !important;*/height:auto !important;max-width:100% !important;max-height: 100%; line-height: 28px; color: #555; font-size: 14px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;margin: 0 !important;} .NyNewsdetail_con p span, .NyNewsdetail_con span, .NyNewsdetail_con p em, .NyNewsdetail_con em { color:#565656!important; font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important; font-size:15px!important;} .lyNyProDetail_ConText table tr td p { text-indent:0!important;} .lyNyProDetail_ConText img { display:inline-block; width:auto!important; height:auto!important; max-width:100%; margin:0 auto; padding:0; text-indent:0!important;} .lyNyProDetail_right .lyNyProDetail_tlt2{padding:0 3%;margin-bottom: 20px;} .lyNyProDetail_right .lyNyProDetail_tlt2 p{position: relative;font-size: 18px;line-height: 1;color: #2449a4 ;padding-bottom: 23px;} .lyNyProDetail_right .lyNyProDetail_tlt2 p:before{content:'';display:block;position: absolute;left: 0;bottom: 0;width: 100%;height:1px;background-color: #eaeaea;} .lyNyProDetail_right .lyNyProDetail_tlt2 p:after{content:'';display:block;position: absolute;left: 0;bottom: 0;width: 70px;height: 2px;background-color: #2449a4 ;} .pdTab-box{position:relative;padding: 0 3%;padding-top: 10px;} .lyNyProDetail_right .lyNyProDetail_ConTit.tlles{position: fixed;top: 0;z-index: 999;} .pro_detail_main {height:auto;margin: 0 auto 40px;padding: 0;position: relative;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box;background: #fff;padding: 40px 2% 40px;} .pro_detail_main .pro_detail_img { width:480px; height: 480px; overflow: hidden; margin: 0; padding: 10px; border: 1px solid #eaeaea; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .pro_detail_img .pro_detail_img_main { width:100%; height: 100%; margin: 0 auto; padding: 0; position: relative;} .pro_detail_img_main img { display:block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;} .pro_detail_main .pro_detail_text {width: 46%;min-height:360px;overflow: hidden;margin: 0;padding: 0 0 80px;float: right;position:relative;} .pro_detail_text h1 { width:100%; overflow: hidden; line-height: 40px; color: #333; font-size: 30px; text-align: justify; margin: 0 auto; padding: 0;} .pro_detail_text .jyms { width:100%; height:140px; overflow:hidden; margin:20px auto; padding:20px; background-color:#f8f8f8; box-sizing: border-box;} .pro_detail_text .jyms p {width:100%;height:107px;overflow:hidden;line-height: 28px;color:#888;font-size: 15px;text-align: justify;margin:0 auto;padding:0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} .pro_detail_text .jyms p span { color:#333; font-weight: bold;} .pro_detail_text ul { width:100%; margin: 0 auto; padding: 0;} .pro_detail_text ul li { width:50%; height:40px; overflow: hidden; line-height: 40px; color: #333; font-size: 16px; text-align: justify; white-space:nowrap; text-overflow: ellipsis; margin:10px 0; padding: 0; float:left;} .pro_detail_text ul li img.dot { display:block; width:16px; height:16px; overflow:hidden; margin:12px 10px 12px 0; padding:0; float:left;} .pro_detail_text ul li img.star { display:inline-block; vertical-align:middle; margin:-4px 0 0 0;} .pro_detail_text ul li span { color:#333;} .pro_detail_text .pro_detail_btn { width:100%; height: 60px; overflow: hidden; margin: 0 auto; padding: 0; position:absolute; left:0; bottom:0;} .pro_detail_btn a { display:block; width: 48%; height: 60px; overflow: hidden; line-height: 60px; color: #fff; font-size: 22px; text-align: center; margin: 0; padding: 0; float: left;} .pro_detail_btn a.prodtl_btn1 { float:left; margin: 0 4% 0 0; background-color: #adadad;} .pro_detail_btn a.prodtl_btn2 { float:left; background-color: #2449a4 ;} .pro_detail_btn a.prodtl_btn1:hover { background-color: #333;} .pro_detail_btn a.prodtl_btn2:hover { background-color: #2449a4 ;} /**产品详情页产品图片切换**/ .prodetail_img {width: 51%;height: 440px;margin: 0;padding: 0;float:left;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box;} #preview { width:100%; margin:0; text-align:center; position:relative;} .list-h li { float:left;} #spec-n5 {width: 13%;float: left;height: 442px;overflow:hidden;} #spec-left { width:16px; height:70px; float:left; cursor:pointer; margin-top:3px;} #spec-right { width:16px; height:70px; float:left;cursor:pointer; margin-top:3px;} #spec-list { width:440px; float:left; overflow:hidden; margin-left:2px; display:inline;} #spec-list ul {} #spec-list ul li {float: none;display: block;padding:0;width: 100%; /*height: 82px;*/ height: 104px; margin: 0 0 8px 0;} #spec-list ul li:last-child {/* margin:0; */} /*#spec-list ul li:first-child p{border: 1px solid #2449a4;}*/ #spec-list ul li p { width:100%; height:100%; overflow:hidden; margin:0; padding:0; border:1px solid #dfdfdf; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} #spec-list ul li:hover p { border:1px solid #1f71c2;} #spec-list ul li img { display:block; max-width:94%; max-height:94%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;object-fit: contain;} /*jqzoom*/ .jqzoom {position:relative;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box;width:100%;height:100%;background: linear-gradient(#e2e5ec, #d5d5dd);} #preview .pic_wrap{padding:10px;width:100%;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #dfdfdf;width: 84%;height: 442px;float: right;overflow:hidden;} .jqzoom img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} .zoomdiv { z-index:100;position:absolute;top:1px;left:0px; background:url(http://www.jsacrel-pqm.com/css/i/loading.gif) #fff no-repeat center center;border:1px solid #eaeaea;display:none;text-align:center;overflow: hidden; left:104%!important; top:0!important;} .bigimg { } .jqZoomPup { width:200px!important; height:200px!important; z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;background:url(../img/mask.png) 0 0 repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;} #spec-list { position:relative; width:100%; margin:0;} #spec-list div { width:100%!important; height:70px!important; margin:0;} #ceshi {display:block;margin:auto!important;left:0;top:0;bottom:0;right:0;background: linear-gradient(#e2e5ec, #d5d5dd);} .prodetail_img a.videoIco { left:20px!important; bottom:20px!important; z-index:99!important;} .Warning { width:100%!important; height:100%!important;} /*上一篇下一篇*/ .ly_PrevNext {width: 94%;overflow:hidden;margin: 10px auto 0;padding: 20px 3% 20px;border-top: 1px solid #eaeaea;} .ly_PrevNext ul li {width:100%;overflow:hidden;line-height:20px;color:#333;font-size: 15px;margin:0 auto;padding: 8px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .ly_PrevNext ul li:last-child { margin:0 auto;} .ly_PrevNext ul li a {overflow:hidden;line-height:20px;color: #777;font-size:14px;} .ly_PrevNext ul li:hover, .ly_PrevNext ul li:hover a { color:#da3432;} /*内页-产品详情 结束*/ /*产品详情页推荐产品*/ .ny_relate_cp{width:100%;padding: 40px 0 40px;background: #fff;} .ny_relate_cp .container{width: 80%;max-width: 1800px;margin:0 auto;} .ny_relate_cp .rTit {line-height:24px;overflow:hidden;} .ny_relate_cp .rTitText {float:left;font-size:24px;padding-left:12px;background: url(../img/re-tit.png) no-repeat left center;color:#222;} .ny_relate_cp .rTitMore {float:right;font-size:14px;color:#999;} .ny_relate_cp .rTitMore span {display:inline-block;padding-right:16px;background:url(../img/h_news_more.png) no-repeat right 6px;transition:0.3s;} .ny_relate_cp .rTitMore:hover{color:#2449a4 ;} .ny_relate_cp .rTitMore:hover span {background-image:url(../img/h_news_more2.png);} .ny_relate_cp .reMain{margin-top:20px;} .ny_relate_cp .reMain ul { width:100%; max-width:1600px; height:auto; margin:0 auto; padding:0; position:relative;} .ny_relate_cp .reMain ul li { width:23.5%; height:auto; margin:0 2% 20px 0; padding:10px; background-color:#fff; box-shadow:0 0 20px rgba(20,49,49,0.1); float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .ny_relate_cp .reMain ul li:nth-child(4n+4) { margin:0 0 20px;} .ny_relate_cp .reMain ul li .NyPro_con {width:100%;height:280px;overflow:hidden;margin:0 auto;padding:9px;border: 1px solid rgba(132, 132, 132, 0.2);position:relative;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; background: linear-gradient(#e2e5ec, #d5d5dd); } .ny_relate_cp .reMain ul li .NyPro_con .NyPro_img { width:100%; height:220px; overflow:hidden; margin:0 auto; padding:0;} .ny_relate_cp .reMain ul li .NyPro_con .NyPro_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;} .ny_relate_cp .reMain ul li .NyPro_con .NyPro_img a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .ny_relate_cp .reMain ul li:hover .NyPro_con .NyPro_img a img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .ny_relate_cp .reMain ul li .NyPro_con .NyPro_name { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .ny_relate_cp .reMain ul li .NyPro_con .NyPro_name a { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; color:#333; font-size:16px; text-align:center; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;} .ny_relate_cp .reMain ul li .NyPro_con .NyPro_name a i { display:none;} .ny_relate_cp .reMain ul li .NyPro_con .NyPro_name em {display:block;width:30px;height:2px;overflow:hidden;background-color: #2449a4 ;margin:8px auto 0;padding:0;} .ny_relate_cp .reMain ul li:hover .NyPro_con {padding:10px;border: 1px solid rgb(207, 16, 12,.09);} .ny_relate_cp .reMain ul li:hover .NyPro_con .NyPro_name {height:100%;padding:80px 10px 10px;position:absolute;left:0;top:0;background-color: #2449a4de;} .ny_relate_cp .reMain ul li:hover .NyPro_con .NyPro_name a { height:auto; color:#fff;} .ny_relate_cp .reMain ul li:hover .NyPro_con .NyPro_name a i { display:block; width:50px; height:50px; overflow:hidden; margin:0 auto 40px; padding:0; background:url(../img/more1.png) center center no-repeat; background-size:50px 50px;} .ny_relate_cp .reMain ul li:hover .NyPro_con .NyPro_name em { background-color:#fff;} @media (max-width:1600px){ .ny_relate_cp .reMain ul { max-width:inherit;} .ly_NyProDetail .lyNyProDetail_con .lyNyProDetail_con_in{width:90%;} .ny_relate_cp .container{width:90%;} } @media screen and (min-width:1440px) and (max-width:1599px) { .ny_relate_cp .reMain ul { max-width:inherit;} .ny_relate_cp .reMain ul li .NyPro_con .NyPro_name a { font-size:15px;} } @media screen and (min-width:1360px) and (max-width:1439px) { .ny_relate_cp .reMain ul { max-width:inherit;} .ny_relate_cp .reMain ul li .NyPro_con .NyPro_name a { font-size:15px;} .ny_relate_cp .reMain ul li .NyPro_con { height:240px;} .ny_relate_cp .reMain ul li .NyPro_con .NyPro_img { height:180px;} .ny_relate_cp .reMain ul li:hover .NyPro_con .NyPro_name { padding:50px 10px 10px;} } @media screen and (min-width:1280px) and (max-width:1359px) { .ny_relate_cp .reMain ul { max-width:inherit;} .ny_relate_cp .reMain ul li .NyPro_con .NyPro_name a { font-size:15px;} .ny_relate_cp .reMain ul li .NyPro_con { height:240px;} .ny_relate_cp .reMain ul li .NyPro_con .NyPro_img { height:170px;} .ny_relate_cp .reMain ul li:hover .NyPro_con .NyPro_name { padding:60px 10px 10px;} .ny_relate_cp .reMain ul li:hover .NyPro_con .NyPro_name a i { margin:0 auto 20px;} .pro_detail_text ul li { margin:5px 0;} } @media screen and (min-width:1080px) and (max-width:1279px) { .ny_relate_cp .reMain ul { max-width:inherit;} .ny_relate_cp .reMain ul li { width:48.5%; margin:0 3% 20px 0;} .ny_relate_cp .reMain ul li:nth-child(3n+3) { margin:0 3% 20px 0;} .ny_relate_cp .reMain ul li:nth-child(2n+2) { margin:0 0 20px;} .ny_relate_cp .reMain ul li .NyPro_con .NyPro_name a { font-size:15px;} .ny_relate_cp .reMain ul li .NyPro_con { height:240px;} .ny_relate_cp .reMain ul li .NyPro_con .NyPro_img { height:192px;} .ny_relate_cp .reMain ul li:hover .NyPro_con .NyPro_name { padding:60px 10px 10px;} .ny_relate_cp .reMain ul li:hover .NyPro_con .NyPro_name a i { margin:0 auto 20px;} .pro_detail_text h1{font-size:22px;} .pro_detail_btn a{height:50px;line-height:50px;font-size:18px;} .lyNyProDetail_ConTit p{width:15%;} .pro_detail_text ul li { margin:5px 0;} } @media screen and (min-width:1024px) and (max-width:1079px) { .ny_relate_cp .reMain ul { max-width:inherit;} .ny_relate_cp .reMain ul li { width:48.5%; margin:0 3% 30px 0;} .ny_relate_cp .reMain ul li:nth-child(3n+3) { margin:0 3% 30px 0;} .ny_relate_cp .reMain ul li:nth-child(2n+2) { margin:0 0 30px;} .ny_relate_cp .reMain ul li .NyPro_con { height:280px;} .ny_relate_cp .reMain ul li .NyPro_con .NyPro_img { height:220px;} .ny_relate_cp .reMain ul li:hover .NyPro_con .NyPro_name { padding:60px 10px 10px;} .ny_relate_cp .reMain ul li:hover .NyPro_con .NyPro_name a i { margin:0 auto 20px;} .pro_detail_text h1{font-size:22px;} .pro_detail_btn a{height:50px;line-height:50px;font-size:18px;} .lyNyProDetail_ConTit p{width:15%;} .pro_detail_text ul li { margin:5px 0;} } @media screen and (max-width:1023px) and (min-width:768px) { .ny_relate_cp .reMain ul { max-width:inherit;} .ny_relate_cp .reMain ul li { width:48.5%; margin:0 3% 30px 0;} .ny_relate_cp .reMain ul li:nth-child(3n+3) { margin:0 3% 30px 0;} .ny_relate_cp .reMain ul li:nth-child(2n+2) { margin:0 0 30px;} .ny_relate_cp .reMain ul li .NyPro_con { height:280px;} .ny_relate_cp .reMain ul li .NyPro_con .NyPro_img { height:200px;} .ny_relate_cp .reMain ul li:hover .NyPro_con .NyPro_name { padding:60px 10px 10px;} .ny_relate_cp .reMain ul li:hover .NyPro_con .NyPro_name a i { margin:0 auto 20px;} .pro_detail_text h1{font-size:22px;} .pro_detail_btn a{height:50px;line-height:50px;font-size:18px;} .pro_detail_main{margin: 0 auto 20px;padding: 30px 2% 30px;} .prodetail_img{width:100%;margin-bottom:20px;} .pro_detail_main .pro_detail_text{width:100%;} .lyNyProDetail_con .lyNyProDetail_right{width:100%;} .lyNyProDetail_right .lyNyProDetail_ConText{min-height:inherit;} .lyNyProDetail_con .lyNyProDetail_left{width:100%;margin-top:20px;} .side-tit{padding: 0 2.5%;} .lyNyProDetail_ConTit p{width:15%;} .pro_detail_text ul li { margin:0;} } @media (max-width: 767px) { .ny_relate_cp .reMain ul { max-width:inherit;} .ny_relate_cp .reMain ul li { width:100%; margin:0 auto 20px;} .ny_relate_cp .reMain ul li:nth-child(3n+3) { margin:0 auto 20px;} .ny_relate_cp .reMain ul li:nth-child(2n+2) { margin:0 auto 20px;} .ny_relate_cp .reMain ul li .NyPro_con { height:280px;} .ny_relate_cp .reMain ul li .NyPro_con .NyPro_img { height:220px;} .ny_relate_cp .reMain ul li:hover .NyPro_con .NyPro_name { padding:80px 10px 10px;} .ny_relate_cp .reMain ul li:hover .NyPro_con .NyPro_name a i { margin:0 auto 20px;} .pro_detail_text h1{font-size:22px;line-height:32px;} .pro_detail_btn a{height:50px;line-height:50px;font-size:16px;} .pro_detail_main{margin: 0 auto 20px;padding: 30px 2% 30px;} .prodetail_img{width:100%;margin-bottom:20px;height:auto;} .pro_detail_main .pro_detail_text{width:100%;} .lyNyProDetail_con .lyNyProDetail_right{width:100%;} .lyNyProDetail_right .lyNyProDetail_ConText{min-height:inherit;} .lyNyProDetail_con .lyNyProDetail_left{width:100%;margin-top:20px;} .side-tit{padding: 0 2.5%;} #preview .pic_wrap{width:100%;float:none;height:325px;} #spec-n5{width:100%;margin-top:15px;height:auto;float:none;} #spec-list ul li{margin-right:2%;width:18.4%;float:left;height:60px;} #spec-list ul li:nth-child(5n){margin-right:0;} .lyNyProDetail_ConTit p{width:100%;padding: 5px 0 10px;} .ny_relate_cp .rTitText{font-size:20px;} .lyNyProDetail_ConTit p{width:30%;} .pro_detail_text ul li { width:100%; margin:0; font-size:15px;} } @media (max-width: 375px) { .ny_relate_cp .reMain ul li .NyPro_con .NyPro_img { height:200px;} } @media (max-width: 320px) { .ny_relate_cp .reMain ul li .NyPro_con { height:240px;} .ny_relate_cp .reMain ul li .NyPro_con .NyPro_img { height:165px;} .ny_relate_cp .reMain ul li:hover .NyPro_con .NyPro_name { padding: 60px 10px 10px;} .ny_relate_cp .reMain ul li .NyPro_con .NyPro_name a { font-size: 14px;} } /*在线留言*/ .Ny_main {width: 80%;max-width: 1800px;margin: 0 auto;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} /*Ny_order 开始*/ .Ny_order {width:100%;overflow:hidden;margin: 0 auto 80px;padding: 60px 60px 30px;background-color:#fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .Ny_order .NyOrder_top { width:100%; overflow:hidden; margin:0 auto 80px; padding:20px 20px 20px 160px; background-color:#f2f3f6; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .NyOrder_top .NyOrderTop_img { width:140px; height:140px; margin:0; padding:0; border:4px solid #fff; background-color:#fff; border-radius:50%; box-shadow:0 6px 12px rgba(20,34,49,0.1); position:absolute; left:20px; top:20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .NyOrderTop_img p { width:100%; height:100%; overflow:hidden; border-radius:50%; position:relative;} .NyOrderTop_img p img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} .NyOrder_top .NyOrderTop_text { width:100%; min-height:140px; overflow:hidden; margin:0; padding:15px 240px 15px 40px; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .NyOrderTop_text .NyOrderTop_tit { width:100%; overflow:hidden; line-height:40px; color:#2449a4 ; font-size:24px; margin:0 auto 10px; padding:0;} .NyOrderTop_text p { width:100%; overflow:hidden; line-height:30px; color:#666; font-size:15px; margin:0 auto; padding:0;} .NyOrderTop_text a.Bx_btn { display:block; width:180px; height:60px; overflow:hidden; line-height:60px; color:#fff; font-size:18px; font-weight:bold; text-align:center; margin:0; padding:0; border-radius:30px; background-color:#2449a4 ; position:absolute; top:40px; right:20px;} .NyOrderTop_text a.Bx_btn:hover { background-color:#dd2b23;} .NyOrderTop_text a.Bx_btn img { display:inline-block; width:32px; height:32px; vertical-align:middle; margin:-4px 8px 0 0; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s;} .NyOrderTop_text a.Bx_btn:hover img { margin:-4px 16px 0 0;} .Ny_order .NyOrder_msg { width:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;} .NyOrder_msg ul { width: 100%; overflow: hidden; margin: 0 auto; padding: 0;} .NyOrder_msg ul li { width: 48%; overflow: hidden; margin: 0 4% 40px 0!important; padding: 0; float:left; position:relative;} .NyOrder_msg ul li:nth-child(2n+2) { margin: 0 0 40px!important;} .NyOrder_msg ul li h4 { width: 100%!important; height: 30px!important; overflow: hidden; line-height: 30px!important; margin: 0 auto 10px; padding: 0; color: #333; font-size: 16px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;font-weight:normal;} .NyOrder_msg ul li .msg_ipt1, .NyOrder_msg ul li .msg_tara { width: 100%; overflow: hidden; margin: 0 auto; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyOrder_msg ul li .msg_ipt1, .NyOrder_msg ul li .msg_tara { width: 100%!important;} .NyOrder_msg ul li .msg_ipt1, .NyOrder_msg ul li .msg_ipt2 { height: 48px!important;} .msg_ipt1 input, .msg_tara textarea { display: block; width: 100%; overflow: hidden; line-height:30px; margin: 0; padding: 9px 20px; color: #666; font-size: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .msg_tara textarea { height:156px;} .msg_ipt12 input { height: 30px; line-height: 16px; display: block; width: 100%; overflow: hidden; margin: 0; padding: 9px 20px; color: #666; font-size: 12px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .msg_ipt1 input, .msg_ipt12 input, .msg_ipt2 input { height: 48px!important;} .msg_ipt1 input, .msg_ipt12 input, .msg_ipt2 input, .msg_tara textarea { font-size: 15px!important; background-color: #f2f3f6!important; border: none!important; outline: none!important; resize: none!important;} .NyOrder_msg ul li .msg_ipt2, .msg_ipt2 input { width: 100%!important; padding:9px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;} .NyOrder_msg ul li .msg_ipt2 { width: 120px; height: 34px; overflow: hidden; margin-right: 10px; padding: 0; float: left;} .NyOrder_msg ul li a.yzm_img {display: block; width: 120px; height: 40px; overflow: hidden; margin: 0; padding: 0; position:absolute; bottom:4px; right:4px;} .NyOrder_msg ul li a.yzm_img img { display: block; width: 100%!important; height: 100%!important;} .NyOrder_msg ul li span { display:none;} .NyOrder_msg ul li:last-child { margin:0!important; position:absolute; right:0; bottom:40px;} .NyOrder_msg ul li .msg_btn { width: 100%!important; overflow: hidden; margin: 0 auto; padding: 0;} .msg_btn input { display: block; width: 100px; height: 34px; overflow: hidden; line-height: 32px; margin: 0 15px 0 0; padding: 0; background-color: #f0f0f0; color: #333; font-size: 13px; text-align: center; border: 1px solid #ccc; float: left;} .msg_btn input {width: 48%!important;height: 60px!important;line-height: 60px!important;color: #fff!important;font-size: 18px!important;text-align: center!important;border: none!important;background-color: #2449a4 !important;cursor: pointer!important;margin:0 4% 0 0!important;} .msg_btn input:last-child { background-color: #828689!important; margin:0!important;} .msg_btn input:hover {background-color: #d92a22!important;} @media(max-width:1600px){ .Ny_order { padding:80px 80px 40px;} .Ny_main{width:90%;} } @media screen and (min-width:1440px) and (max-width:1599px) { .Ny_order { padding:80px 80px 40px;} } @media screen and (min-width:1360px) and (max-width:1439px) { .Ny_order { padding:80px 80px 40px;} } @media screen and (min-width:1280px) and (max-width:1359px) { .Ny_order { margin:40px auto; padding:40px 40px 20px;} .Ny_order .NyOrder_top { margin:0 auto 40px;} .NyOrder_top .NyOrderTop_text { padding:9px 240px 9px 40px;} .NyOrderTop_text .NyOrderTop_tit { font-size:22px;} .NyOrderTop_text p { line-height:24px; font-size:14px;} .NyOrder_msg ul li { margin: 0 4% 20px 0!important;} .NyOrder_msg ul li:nth-child(2n+2) { margin: 0 0 20px!important;} .NyOrder_msg ul li:last-child { bottom:20px;} } @media screen and (min-width:1200px) and (max-width:1279px) { .Ny_order { margin:40px auto; padding:40px 40px 20px;} .Ny_order .NyOrder_top { margin:0 auto 40px;} .NyOrder_top .NyOrderTop_text { padding:9px 240px 9px 40px;} .NyOrderTop_text .NyOrderTop_tit { font-size:22px;} .NyOrderTop_text p { line-height:24px; font-size:14px;} .NyOrder_msg ul li { margin: 0 4% 20px 0!important;} .NyOrder_msg ul li:nth-child(2n+2) { margin: 0 0 20px!important;} .NyOrder_msg ul li:last-child { bottom:20px;} } @media screen and (min-width:1080px) and (max-width:1199px) { .Ny_order { margin:40px auto; padding:40px 40px 20px;} .Ny_order .NyOrder_top { margin:0 auto 40px;} .NyOrder_top .NyOrderTop_text { padding:9px 240px 9px 40px;} .NyOrderTop_text .NyOrderTop_tit { font-size:22px;} .NyOrderTop_text p { line-height:24px; font-size:14px;} .NyOrder_msg ul li { margin: 0 4% 20px 0!important;} .NyOrder_msg ul li:nth-child(2n+2) { margin: 0 0 20px!important;} .NyOrder_msg ul li:last-child { bottom:20px;} } @media screen and (min-width:1024px) and (max-width:1079px) { .Ny_order { margin:40px auto; padding:40px 40px 20px;} .Ny_order .NyOrder_top { margin:0 auto 40px;} .NyOrder_top .NyOrderTop_text { padding:9px 240px 9px 40px;} .NyOrderTop_text .NyOrderTop_tit { font-size:22px;} .NyOrderTop_text p { line-height:24px; font-size:14px;} .NyOrder_msg ul li { margin: 0 4% 20px 0!important;} .NyOrder_msg ul li:nth-child(2n+2) { margin: 0 0 20px!important;} .NyOrder_msg ul li:last-child { bottom:20px;} } @media screen and (max-width:1023px) and (min-width:768px) { .Ny_order { margin:40px auto; padding:40px;} .Ny_order .NyOrder_top { margin:0 auto 40px; padding:20px;} .NyOrder_top .NyOrderTop_img { position:inherit; left:inherit; top:inherit; margin:0 auto 20px;} .NyOrder_top .NyOrderTop_text { padding:0 20px;} .NyOrderTop_text .NyOrderTop_tit { font-size:22px; text-align:center;} .NyOrderTop_text p { line-height:24px; font-size:14px; text-align:center;} .NyOrderTop_text a.Bx_btn { position:inherit; top:inherit; right:inherit; margin:20px auto 0;} .NyOrder_msg ul li { width:100%; margin: 0 auto 20px!important;} .NyOrder_msg ul li:nth-child(2n+2) { margin: 0 auto 20px!important;} .NyOrder_msg ul li:last-child { margin:20px auto 0!important; position:inherit; right:inherit; bottom:inherit;} } @media (max-width: 767px) { .Ny_order { margin:0 auto 20px; padding:20px;} .Ny_order .NyOrder_top { margin:0 auto 20px; padding:20px;} .NyOrder_top .NyOrderTop_img { position:inherit; left:inherit; top:inherit; margin:0 auto 20px;} .NyOrder_top .NyOrderTop_text { padding:0;} .NyOrderTop_text .NyOrderTop_tit { font-size:22px; text-align:center;} .NyOrderTop_text p { line-height:24px; font-size:14px; text-align:center;} .NyOrderTop_text a.Bx_btn { width:160px; height: 48px; line-height:48px; font-size:15px; position:inherit; top:inherit; right:inherit; margin:20px auto 0;} .NyOrderTop_text a.Bx_btn img { width:24px; height:24px;} .NyOrder_msg ul li { width:100%; margin: 0 auto 20px!important;} .NyOrder_msg ul li h4 { height: 24px!important; line-height:24px!important; font-size:14px;} .NyOrder_msg ul li:nth-child(2n+2) { margin: 0 auto 20px!important;} .NyOrder_msg ul li:last-child { margin:0 auto!important; position:inherit; right:inherit; bottom:inherit;} .msg_btn input { height:48px!important; line-height:48px!important; font-size:16px!important;} } @media (max-width: 375px) { } @media (max-width: 320px) { } /*Ny_order 结束*/ /*内页新闻资讯 开始*/ .NynewListBox{background:#fff;margin:0 auto 80px;padding-bottom:20px;} .NynewListBox ul{padding:40px 3% 1px;} .NynewListBox ul li{border-bottom:1px solid #eee;margin-bottom:40px;padding-bottom:40px;} .NynewListBox ul li .com-img{width:33%;height:233px;float:left;position: relative;overflow:hidden; /*background: #f7f7f7;*/ } .NynewListBox ul li .com-img .time{position:absolute;bottom:0px;right:0px;background:rgba(0,0,0,0.5);color:#fff;padding:10px 20px;text-align:center;} .NynewListBox ul li .com-img .time p{font-size:30px;} .NynewListBox ul li .com-img .time span{margin-bottom:5px;display:block;font-size:20px;} .NynewListBox ul li .com-img img{width:100%;height:100%;object-fit:cover;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .NynewListBox ul li .note{width:65%;float:right;position: relative;height:233px;} .NynewListBox ul li .note:after{position: absolute;left:0px;bottom:12px;width:100px;height:1px;background:#eee;content:"";} .NynewListBox ul li .note .tlt{font-size:20px;color:#333;font-weight: bold;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .NynewListBox ul li .note p{font-size:16px;margin:30px 0 40px;color:#666;height:84px;overflow: hidden;line-height:30px;} .NynewListBox ul li .note a.more{position: absolute;left:120px;bottom:5px;color:#c5c5c5;} .NynewListBox ul li a{transition:all 0.5s ease;} .NynewListBox ul li:hover .note a{color:#2449a4;} .NynewListBox ul li:hover .note:after{background:#ccc;} .NynewListBox ul li:hover .com-img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .NyFqaListBox ul li .note{width:100%;height: 160px;} .NyFqaListBox ul li .note p{height:58px;} .NyFqaListBox ul li .note .tlt:before{content:'?';display:inline-block;font-size:14px;width:20px;height:20px;color:#fff;line-height:20px;text-align:center;border-radius:100px;float:left;margin-right:10px;margin-top:0; background-color: #fa5f53;background-image: linear-gradient(120deg, #fa5f53, #fa2e19);box-shadow: 0 3px 18px rgba(234,44,24,0.3);} .NyFqaListBox2 ul li .note .tlt:before{background:url(../img/jdal_icon1.png) center center no-repeat;content:'';border-radius:0;box-shadow:none;} @media (max-width:1600px){ } @media (max-width:1500px) { } @media (max-width:1300px) { .NynewListBox ul li:last-child{margin-bottom:0;} .NynewListBox{margin: 0 auto 50px;} } @media (max-width:1080px) { .NynewListBox ul li{margin-bottom: 30px;padding-bottom: 30px;} .NynewListBox ul li .com-img{height:142px;} .NynewListBox ul li .com-img .time p{font-size:20px;} .NynewListBox ul li .com-img .time span{font-size:18px;} .NynewListBox ul li .note p{font-size:15px;margin:20px 0 16px;height:50px;line-height:24px;} .NynewListBox ul li .note{height:139px;} } @media (max-width: 767px) { .NynewListBox ul{padding: 20px 3% 1px;} .NynewListBox ul li .com-img{width:100%;height: 195px;} .NynewListBox ul li .note{width:100%;margin-top:20px;height:130px;} .NynewListBox ul li .note .tlt{font-size:18px;} .NynewListBox ul li .note p{font-size:14px;} } @media (max-width: 375px) { } @media (max-width: 320px) { } /*内页新闻资讯 结束*/ /*新闻详情 开始*/ .NyNew_detail { width:100%; overflow:hidden; margin:0 auto 40px; padding:40px; background-color:#fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .NyNew_detail h1 { width:100%; overflow:hidden; line-height:40px; color:#333; font-size:32px; text-align:center; margin:0 auto; padding:0;} .NyNew_detail .NyNewDetail_time { width:100%; height:40px; overflow:hidden; line-height:40px; color:#999; font-size:14px; text-align:center; margin:20px auto; padding: 0 0 20px; border-bottom: 1px solid #f1f1f1;} .NyNewDetail_time img { display:inline-block; width:20px; height:20px; overflow:hidden; vertical-align:middle; margin:-2px 4px 0 0; padding:0;} .NyNew_detail .NyNewDetail_ms { width:100%; overflow:hidden; margin:0 auto 30px; padding:20px; background-color:#f2f3f6; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .NyNewDetail_ms p { width:100%; height:60px; overflow:hidden; line-height:30px; color:#999; font-size:15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;} .NyNewDetail_ms p em.Mszy { display:inline-block; width:72px; height:30px; overflow:hidden; line-height:30px; color:#fff; text-align:center; border-radius:15px; margin:-3px 10px 0 0; padding:0; background-color:#2449a4; vertical-align:middle;} .NyNew_detail .NyNewDetail_con { width:100%; font-size:18px; overflow:hidden; margin:0 auto; padding:0;} .NyNewDetail_con p, .NyNewDetail_con div { width:100%; overflow:hidden; line-height:40px; color:#323232; text-align:justify; margin:0 auto; padding:0;} .NyNewDetail_con p span, .NyNewDetail_con span, .NyNewDetail_con p em, .NyNewDetail_con em { color:#666!important;} .NyNewDetail_con table tr td p { text-indent:0!important;} .NyNewDetail_con p img { display:inline-block; width:auto!important; height:auto!important; max-width:100%; margin:10px auto; padding:0; text-indent:0!important;} .Ny_prev_next { width:100%; overflow:hidden; margin:40px auto; padding:0;} .Ny_prev_next ul li { width:49%; overflow:hidden; margin:0 2% 0 0; padding:0; float:left;} .Ny_prev_next ul li:nth-child(2n+2) { margin:0;} .Ny_prev_next ul li a { display:block; width:100%; height:60px; overflow:hidden; line-height:40px; color:#333; font-size:16px; white-space: nowrap; text-overflow: ellipsis; margin:0; padding:10px 20px; background-color:#fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .Ny_prev_next ul li:nth-child(2n+2) a { text-align:right;} .Ny_prev_next ul li a:hover { color:#fff; background-color:#2449a4;} /*新闻详情 结束*/ @media screen and (width:1600px){ } @media screen and (min-width:1440px) and (max-width:1599px) { } @media screen and (min-width:1360px) and (max-width:1439px) { .NyNew_detail h1 { font-size:30px;} } @media screen and (min-width:1280px) and (max-width:1359px) { .NyNew_detail h1 { line-height:36px; font-size:28px;} } @media screen and (min-width:1200px) and (max-width:1279px) { .NyNew_detail h1 { line-height:36px; font-size:28px;} } @media screen and (min-width:1080px) and (max-width:1199px) { .NyNew_detail h1 { line-height:36px; font-size:28px;} .Ny_prev_next ul li { width:100%; margin:0 auto 20px;} .Ny_prev_next ul li:nth-child(2n+2) { margin:0 auto;} .Ny_prev_next ul li:nth-child(2n+2) a { text-align:left;} } @media screen and (min-width:1024px) and (max-width:1079px) { .NyNew_detail { padding:20px;} .NyNew_detail h1 { line-height:32px; font-size:24px;} .NyNew_detail .NyNewDetail_time { margin:10px auto;} .NyNew_detail .NyNewDetail_ms { margin:0 auto 20px;} .Ny_prev_next ul li { width:100%; margin:0 auto 20px;} .Ny_prev_next ul li:nth-child(2n+2) { margin:0 auto;} .Ny_prev_next ul li:nth-child(2n+2) a { text-align:left;} } @media screen and (max-width:1023px) and (min-width:768px) { .NyNew_detail { padding:20px;} .NyNew_detail h1 { line-height:30px; font-size:22px;} .NyNew_detail .NyNewDetail_time { margin:10px auto;} .NyNew_detail .NyNewDetail_ms { margin:0 auto 20px;} .Ny_prev_next ul li { width:100%; margin:0 auto 20px;} .Ny_prev_next ul li a { height:48px; padding:4px 20px; font-size:15px;} .Ny_prev_next ul li:nth-child(2n+2) { margin:0 auto;} .Ny_prev_next ul li:nth-child(2n+2) a { text-align:left;} } @media (max-width: 767px) { .Ny_page { height:48px; margin:20px auto;} .Ny_page a { display:none;} .Ny_page a.NyPg_prev, .Ny_page a.NyPg_next { display:inline-block; width:80px; height:44px; line-height:42px;} .NyNew_detail { margin:0 auto; padding:20px;} .NyNew_detail h1 { line-height:28px; font-size:18px;} .NyNew_detail .NyNewDetail_time { line-height:24px; margin:10px auto;padding:0;font-size: 12px;height: auto;min-height: 40px;} .NyNew_detail .NyNewDetail_ms { margin:0 auto 20px; padding:12px;} .NyNewDetail_ms p { height: auto; max-height:84px; line-height:28px; font-size:14px; -webkit-line-clamp: 3;} .NyNewDetail_ms p em.Mszy { width: 68px; height:28px; line-height:28px; font-size:14px;} .NyNewDetail_con p, .NyNewDetail_con div {} .NyNewDetail_con p span, .NyNewDetail_con span, .NyNewDetail_con p em, .NyNewDetail_con em {} .Ny_prev_next { margin:20px auto;} .Ny_prev_next ul li { width:100%; margin:0 auto 10px;} .Ny_prev_next ul li a { height:48px; padding:4px 20px; font-size:14px;} .Ny_prev_next ul li:nth-child(2n+2) { margin:0 auto;} .Ny_prev_next ul li:nth-child(2n+2) a { text-align:left;} } @media (max-width: 375px) { } @media (max-width: 320px) { } /*内页资料下载 开始*/ .NyDownListBox{background:#fff;margin:0 auto 80px;padding-bottom:20px;} .NyDownListBox ul{padding:40px 3% 1px;} .NyDownListBox ul li{border-bottom:1px solid #eee;margin-bottom:40px;padding-bottom: 18px;position:relative;} .NyDownListBox ul li span.dal-but{position:absolute;right:0;top:50%;margin-top: -30px;} .NyDownListBox ul li span.dal-but .zt-go{display: block;width:94px;height: 40px;line-height: 40px;text-align:center;background: #2449a4 ;font-size:14px;color:#fff;margin-left: 20px;transition: .3s;padding: 0 20px 0 10px;} .NyDownListBox ul li span.dal-but .zt-go:hover{background:#2449a4e3;} .NyDownListBox ul li span.dal-but .zt-go:before{content:'';display:inline-block;vertical-align:middle;background:url(../img/down_btn4.png) center center no-repeat;width:36px;height:36px;} .NyDownListBox ul li .wz{width: 70%;float: left;} .NyDownListBox ul li .wz .tlt{font-size: 20px;font-weight: bold;line-height:22px;display:block;color: #333;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;} .NyDownListBox ul li .wz .tlt:hover{color:#2449a4 ;} .NyDownListBox ul li .wz p{height:40px;line-height: 30px;overflow:hidden;font-size: 16px;color:#999;margin-top: 16px;} .NyDownListBox ul li .wz p span{margin-right: 20px;display: block;float: left;} .NyDownListBox ul li .wz p span em{float:left;} .NyDown_btn { width:100%; overflow:hidden; margin:20px auto 0; padding:0;text-align:center;} .NyDown_btn a{display:inline-block;width:160px;height:44px;overflow:hidden;line-height:44px;color:#fff;font-size:16px;text-align:center;text-indent:0;margin:0 8px;padding:0;background-color: #2449a4;} .NyDown_btn a:hover {background-color: #c01a14;} .NyDown_btn a:nth-child(2){background:#444;} .NyDown_btn a:nth-child(2):hover { background-color:#636262;} @media (max-width:1080px) { .NyDown_btn{margin: 20px auto 20px;} } @media (max-width: 767px) { .NyDownListBox ul{padding: 20px 3% 1px;} .NyDownListBox ul li{margin-bottom:20px;height:143px;} .NyDownListBox ul li .wz{width:100%;} .NyDownListBox ul li .wz .tlt{font-size:18px;} .NyDownListBox ul li .wz p{font-size:15px;margin-top: 10px;height:auto;} .NyDownListBox ul li span.dal-but{right:auto;left:0;top:auto;bottom:20px;margin-top:0;} .NyDownListBox ul li span.dal-but .zt-go{margin-left:0;} } /*内页资料下载 结束*/ /*Ny_Solution 开始*/ .Ny_Solution { width:100%; overflow:hidden; margin:0 auto; padding:0;} .Ny_Solution .NySolution_part1 { width:100%; max-width:1600px; overflow:hidden; margin:80px auto 50px; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .NySolution_part1 .NySolution_title1 { width:100%; overflow:hidden; margin:0 auto 40px; padding:0;} .NySolution_part1 .NySolution_title1 p { width:100%; overflow:hidden; line-height:40px; color:#333; font-size:32px; font-weight:bold; text-align:center; margin:0 auto 10px; padding:0;} .NySolution_part1 .NySolution_title1 span { display:block; width:100%; overflow:hidden; line-height:20px; color:#999; font-size:15px; text-align:center; margin:0 auto; padding:0;} .Ny_Solution .NySolution_part2 {width:100%;overflow:hidden;margin:0 auto;padding: 80px 0 25px;background-color:#fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .NySolution_part2 .NySolution_list2 { width:90%; max-width:1800px; overflow:hidden; margin:0 auto; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .NySolution_list2 ul li { width:100%; overflow:hidden; margin:0 auto 80px; padding:80px 0 0; position:relative;} .NySolution_list2 ul li:last-child { margin:0 auto;} .NySolution_list2 ul li .NySolutionList_name { width:auto; max-width:48%; height:auto; overflow:hidden; margin:0; padding:0; position:absolute; top:0; left:0;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_name { right:0; left:inherit;} .NySolution_list2 ul li .NySolutionList_name a {display:block;width:auto;height:80px;overflow:hidden;line-height:80px;color:#fff;font-size:26px;white-space: nowrap;text-overflow: ellipsis;margin:0;padding:0 80px;background: #2449a4;background-size:100% 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_name a {padding:0 80px;text-align:right;background: #2449a4;background-size:100% 100%;} .NySolution_list2 ul li .NySolutionList_img { width:50%; height:440px; margin:0; padding:0; position:absolute; top:0; right:0;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_img { left:0;} .NySolution_list2 ul li:hover .NySolutionList_img { box-shadow:0 10px 20px rgba(20,34,49,0.1);} .NySolution_list2 ul li .NySolutionList_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; position:relative;} .NySolution_list2 ul li .NySolutionList_img a img {display:block;width: 100%;height: 100%;margin:auto;padding:0;position:absolute;left:0;top:0;right:0;bottom:0;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;object-fit: cover;} .NySolution_list2 ul li .NySolutionList_text { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0; background-color:#f2f3f6;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con { width:50%; min-height:400px; overflow:hidden; margin:0; padding:60px 80px; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con { float:right;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms { width:100%; height:150px; overflow:hidden;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms p { width:100%; max-height:150px; overflow:hidden; /*line-height:30px;*/ line-height: 55px; color:#666; font-size:18px; text-align:justify; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con p { text-align: left;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con a {display:block;width:140px;height:40px;overflow:hidden;line-height:40px;color:#fff;font-size:14px;text-align:center;margin:0;padding:0;background-color: #2449a4;border-radius:20px;position:absolute;left:80px;bottom:80px;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con a { right:80px; left:inherit;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con a:hover {background-color: #2457d5;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con a img { display:inline-block; width:20px; height:20px; vertical-align:middle; margin:-4px 0 0 8px; padding:0; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con a:hover img { margin:-4px 0 0 16px;} @media screen and (width:1600px){ .Ny_Solution .NySolution_part1 { max-width: inherit; padding:0 40px;} .Ny_Solution .NySolution_part2 { padding:80px 0;} .NySolution_part2 .NySolution_list2 { max-width:inherit;} .NySolution_list2 ul li .NySolutionList_img { height:420px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con { min-height:380px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con a { bottom:60px;} .Ny_Solution .NySolution_part3 { max-width: inherit; padding:80px 40px 50px;} } @media screen and (min-width:1440px) and (max-width:1599px) { .Ny_Solution .NySolution_part1 { max-width: inherit; padding:0 40px;} .Ny_Solution .NySolution_part2 { padding:80px 0;} .NySolution_part2 .NySolution_list2 { max-width:inherit;} .NySolution_list2 ul li .NySolutionList_name a { padding:0 60px;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_name a { padding:0 60px;} .NySolution_list2 ul li .NySolutionList_img { height:375px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con { min-height:335px; padding:40px 60px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con a { bottom:50px; left:60px;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con a { right:60px; left:inherit;} .Ny_Solution .NySolution_part3 { max-width: inherit; padding:80px 40px 50px;} .NySolution_list3 ul li { height:85px;} } @media screen and (min-width:1360px) and (max-width:1439px) { .Ny_Solution .NySolution_part1 { max-width: inherit; padding:0 40px;} .Ny_Solution .NySolution_part2 { padding:80px 0;} .NySolution_part2 .NySolution_list2 { max-width:inherit;} .NySolution_list2 ul li .NySolutionList_name a { padding:0 60px;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_name a { padding:0 60px;} .NySolution_list2 ul li .NySolutionList_img { height:355px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con { min-height:315px; padding:40px 60px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms {height:120px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms p { max-height:120px; -webkit-line-clamp: 4;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con a { bottom:50px; left:60px;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con a { right:60px; left:inherit;} .Ny_Solution .NySolution_part3 { max-width: inherit; padding:80px 40px 50px;} .NySolution_list3 ul li { height:80px;} } @media screen and (min-width:1280px) and (max-width:1359px) { .Ny_Solution .NySolution_part1 { max-width: inherit; padding:0 40px;} .Ny_Solution .NySolution_part2 { padding:80px 0;} .NySolution_part2 .NySolution_list2 { max-width:inherit;} .NySolution_list2 ul li .NySolutionList_name a { font-size:24px; padding:0 60px;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_name a { padding:0 60px;} .NySolution_list2 ul li .NySolutionList_img { height:330px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con { min-height:295px; padding:40px 60px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms {height:120px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms p { max-height:120px; -webkit-line-clamp: 4;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con a { bottom:40px; left:60px;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con a { right:60px; left:inherit;} .Ny_Solution .NySolution_part3 { max-width: inherit; padding:80px 40px 50px;} .NySolution_list3 ul li { height:75px;} } @media screen and (min-width:1200px) and (max-width:1279px) { .Ny_Solution .NySolution_part1 { max-width: inherit; padding:0 40px;} .Ny_Solution .NySolution_part2 { padding:80px 0;} .NySolution_part2 .NySolution_list2 { max-width:inherit;} .NySolution_list2 ul li .NySolutionList_name a { font-size:24px; padding:0 40px;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_name a { padding:0 40px;} .NySolution_list2 ul li .NySolutionList_img { height:310px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con { min-height:275px; padding:30px 40px 40px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms {height:120px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms p { max-height:120px; -webkit-line-clamp: 4;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con a { bottom:40px; left:40px;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con a { right:40px; left:inherit;} .Ny_Solution .NySolution_part3 { max-width: inherit; padding:80px 40px 50px;} .NySolution_list3 ul li { height:70px;} } @media screen and (min-width:1080px) and (max-width:1199px) { .Ny_Solution .NySolution_part1 { max-width: inherit; margin:40px auto; padding:0 40px;} .NySolution_part1 .NySolution_title1 { margin:0 auto 20px;} .NySolution_part1 .NySolution_con1 { margin:0 auto 20px;} .NySolution_part1 .NySolution_title1 span { font-size:14px;} .NySolution_part1 .NySolution_con1 p { line-height:28px; font-size:14px;} .NySolutionPart1_list ul.content-slider li a.NySolutionPart1_main p { height:48px; line-height:24px; font-size:14px;} .Ny_Solution .NySolution_part2 { padding:40px 0;} .NySolution_part2 .NySolution_list2 { max-width:inherit;} .NySolution_list2 ul li { margin:0 auto 40px; padding:60px 0 0;} .NySolution_list2 ul li .NySolutionList_name a { height:60px; line-height:60px; font-size:22px; padding:0 40px;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_name a { padding:0 40px;} .NySolution_list2 ul li .NySolutionList_img { height:275px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con { min-height:240px; padding:30px 40px 40px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms {height:84px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms p { max-height:84px; line-height:28px; font-size:14px; -webkit-line-clamp:3;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con a { bottom:40px; left:40px;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con a { right:40px; left:inherit;} .Ny_Solution .NySolution_part3 { max-width: inherit; padding:40px 40px 30px;} .NySolution_part3 .NySolution_title3 { margin:0 auto 30px;} .NySolution_list3 ul li { width:23.5%; margin:0 2% 20px 0; height:98px;} .NySolution_list3 ul li:nth-child(6n+6) { margin:0 2% 20px 0;} .NySolution_list3 ul li:nth-child(4n+4) { margin:0 0 20px;} } @media screen and (min-width:1024px) and (max-width:1079px) { .Ny_Solution .NySolution_part1 { max-width: inherit; margin:40px auto; padding:0 40px;} .NySolution_part1 .NySolution_title1 { margin:0 auto 20px;} .NySolution_part1 .NySolution_title1 p { line-height:36px; font-size:30px;} .NySolution_part1 .NySolution_con1 { margin:0 auto 20px;} .NySolution_part1 .NySolution_title1 span { font-size:14px;} .NySolution_part1 .NySolution_con1 p { line-height:28px; font-size:14px;} .NySolutionPart1_list ul.content-slider li a.NySolutionPart1_main p { height:48px; line-height:24px; font-size:14px;} .Ny_Solution .NySolution_part2 { padding:40px 0;} .NySolution_part2 .NySolution_list2 { max-width:inherit;} .NySolution_list2 ul li { margin:0 auto 40px; padding:60px 0 0;} .NySolution_list2 ul li .NySolutionList_name a { height:60px; line-height:60px; font-size:22px; padding:0 40px;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_name a { padding:0 40px;} .NySolution_list2 ul li .NySolutionList_img { height:260px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con { min-height:225px; padding:30px 40px 40px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms {height:84px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms p { max-height:84px; line-height:28px; font-size:14px; -webkit-line-clamp:3;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con a { bottom:40px; left:40px;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con a { right:40px; left:inherit;} .Ny_Solution .NySolution_part3 { max-width: inherit; padding:40px 40px 30px;} .NySolution_part3 .NySolution_title3 { margin:0 auto 30px;} .NySolution_part3 .NySolution_title3 p { line-height:36px; font-size:30px;} .NySolution_list3 ul li { width:23.5%; margin:0 2% 20px 0; height:98px;} .NySolution_list3 ul li:nth-child(6n+6) { margin:0 2% 20px 0;} .NySolution_list3 ul li:nth-child(4n+4) { margin:0 0 20px;} } @media screen and (max-width:1023px) and (min-width:768px) { .Ny_Solution .NySolution_part1 { max-width: inherit; margin:40px auto; padding:0 40px;} .NySolution_part1 .NySolution_title1 { margin:0 auto 20px;} .NySolution_part1 .NySolution_title1 p { line-height:36px; font-size:30px;} .NySolution_part1 .NySolution_con1 { margin:0 auto 20px;} .NySolution_part1 .NySolution_title1 span { font-size:14px;} .NySolution_part1 .NySolution_con1 p { line-height:28px; font-size:14px;} .NySolutionPart1_list ul.content-slider li a.NySolutionPart1_main p { height:48px; line-height:24px; font-size:14px;} .Ny_Solution .NySolution_part2 { padding:40px 0;} .NySolution_part2 .NySolution_list2 { max-width:inherit;} .NySolution_list2 ul li { margin:0 auto 40px; padding:0;} .NySolution_list2 ul li .NySolutionList_name { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0; padding: 0; position: inherit; top: inherit; left: inherit;} .NySolution_list2 ul li .NySolutionList_name a { height:60px; line-height:60px; font-size:22px; text-align: center; padding:0 40px;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_name a { padding:0 40px; text-align: center;} .NySolution_list2 ul li .NySolutionList_img { width: 100%; height:auto; position:inherit; left:inherit; top:inherit; right:inherit;} .NySolution_list2 ul li .NySolutionList_img a { height:auto;} .NySolution_list2 ul li .NySolutionList_img a img { position:inherit; left:inherit; top:inherit; right:inherit; bottom:inherit;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con { width: 100%; height:auto; min-height:inherit; padding:20px 30px 30px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms {height:84px;margin-bottom:20px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms p { max-height:84px; line-height:28px; font-size:14px; -webkit-line-clamp:3; margin:0 auto 20px; text-align:center;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con p { text-align:center;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con a { position: inherit; bottom:inherit; left:inherit; margin:0 auto;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con a { right:inherit; left:inherit;} .Ny_Solution .NySolution_part3 { max-width: inherit; padding:40px 40px 20px;} .NySolution_part3 .NySolution_title3 { margin:0 auto 30px;} .NySolution_part3 .NySolution_title3 p { line-height:36px; font-size:30px;} .NySolution_list3 ul li { width:31%; margin:0 3.5% 20px 0; height:90px;} .NySolution_list3 ul li:nth-child(6n+6) { margin:0 3.5% 20px 0;} .NySolution_list3 ul li:nth-child(4n+4) { margin:0 3.5% 20px 0;} .NySolution_list3 ul li:nth-child(3n+3) { margin:0 0 20px;} } @media (max-width: 767px) { .Ny_Solution .NySolution_part1 { max-width: inherit; margin:20px auto; padding:0 20px;} .NySolution_part1 .NySolution_title1 { margin:0 auto 20px;} .NySolution_part1 .NySolution_title1 p { line-height:36px; font-size:30px; margin:0 auto 4px;} .NySolution_part1 .NySolution_con1 { margin:0 auto 20px;} .NySolution_part1 .NySolution_title1 span { font-size:14px;} .NySolution_part1 .NySolution_con1 p { line-height:24px; font-size:14px;} .NySolutionPart1_list ul.content-slider li a.NySolutionPart1_main { padding:20px 10px 30px;} .NySolutionPart1_list ul.content-slider li a.NySolutionPart1_main em { width:80px; height:80px; margin:0 auto 20px;} .NySolutionPart1_list ul.content-slider li a.NySolutionPart1_main em.icon1 { background:url(http://www.jsacrel-pqm.com/images/NySolutionPart1_icon01.png) center center no-repeat; background-size:80px 80px;} .NySolutionPart1_list ul.content-slider li a.NySolutionPart1_main em.icon2 { background:url(http://www.jsacrel-pqm.com/images/NySolutionPart1_icon02.png) center center no-repeat; background-size:80px 80px;} .NySolutionPart1_list ul.content-slider li a.NySolutionPart1_main em.icon3 { background:url(http://www.jsacrel-pqm.com/images/NySolutionPart1_icon03.png) center center no-repeat; background-size:80px 80px;} .NySolutionPart1_list ul.content-slider li a.NySolutionPart1_main em.icon4 { background:url(http://www.jsacrel-pqm.com/images/NySolutionPart1_icon04.png) center center no-repeat; background-size:80px 80px;} .NySolutionPart1_list ul.content-slider li a.NySolutionPart1_main em.icon5 { background:url(http://www.jsacrel-pqm.com/images/NySolutionPart1_icon05.png) center center no-repeat; background-size:80px 80px;} .NySolutionPart1_list ul.content-slider li a.NySolutionPart1_main em.icon6 { background:url(http://www.jsacrel-pqm.com/images/NySolutionPart1_icon06.png) center center no-repeat; background-size:80px 80px;} .NySolutionPart1_list ul.content-slider li:hover a.NySolutionPart1_main em.icon1 { background:url(http://www.jsacrel-pqm.com/images/NySolutionPart1_icon1.png) center center no-repeat; background-size:80px 80px;} .NySolutionPart1_list ul.content-slider li:hover a.NySolutionPart1_main em.icon2 { background:url(http://www.jsacrel-pqm.com/images/NySolutionPart1_icon2.png) center center no-repeat; background-size:80px 80px;} .NySolutionPart1_list ul.content-slider li:hover a.NySolutionPart1_main em.icon3 { background:url(http://www.jsacrel-pqm.com/images/NySolutionPart1_icon3.png) center center no-repeat; background-size:80px 80px;} .NySolutionPart1_list ul.content-slider li:hover a.NySolutionPart1_main em.icon4 { background:url(http://www.jsacrel-pqm.com/images/NySolutionPart1_icon4.png) center center no-repeat; background-size:80px 80px;} .NySolutionPart1_list ul.content-slider li:hover a.NySolutionPart1_main em.icon5 { background:url(http://www.jsacrel-pqm.com/images/NySolutionPart1_icon5.png) center center no-repeat; background-size:80px 80px;} .NySolutionPart1_list ul.content-slider li:hover a.NySolutionPart1_main em.icon6 { background:url(http://www.jsacrel-pqm.com/images/NySolutionPart1_icon6.png) center center no-repeat; background-size:80px 80px;} .NySolutionPart1_list ul.content-slider li a.NySolutionPart1_main p { height:48px; line-height:24px; font-size:14px;} .NySolutionPart1_list ul.content-slider { padding: 0 0 30px!important;} .Ny_Solution .NySolution_part2 { padding:20px 0;} .NySolution_part2 .NySolution_list2 { max-width:inherit;} .NySolution_list2 ul li { margin:0 auto 20px; padding:0;} .NySolution_list2 ul li .NySolutionList_name { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0; padding: 0; position: inherit; top: inherit; left: inherit;} .NySolution_list2 ul li .NySolutionList_name a { height:50px; line-height:50px; font-size:18px; text-align: center; padding:0 20px;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_name a { padding:0 40px; text-align: center;} .NySolution_list2 ul li .NySolutionList_img { width: 100%; height:auto; position:inherit; left:inherit; top:inherit; right:inherit;} .NySolution_list2 ul li .NySolutionList_img a { height:auto;} .NySolution_list2 ul li .NySolutionList_img a img { position:inherit; left:inherit; top:inherit; right:inherit; bottom:inherit;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con { width: 100%; height:auto; min-height:inherit; padding:20px 20px 20px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms {height:72px;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms p { max-height:72px; line-height:24px; font-size:14px; -webkit-line-clamp:3; margin:0 auto; text-align:center;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con p { text-align:center;} .NySolution_list2 ul li .NySolutionList_text .NySolutionList_con a { position: inherit; bottom:inherit; left:inherit; margin:20px auto 0;} .NySolution_list2 ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con a { right:inherit; left:inherit;} .Ny_Solution .NySolution_part3 { max-width: inherit; padding:20px 20px 0;} .NySolution_part3 .NySolution_title3 { margin:0 auto 30px;} .NySolution_part3 .NySolution_title3 p { line-height:36px; font-size:30px;} .NySolution_part3 .NySolution_title3 span { line-height:24px; font-size:14px;} .NySolution_list3 ul li { width:48%; margin:0 4% 20px 0; height:75px;} .NySolution_list3 ul li:nth-child(6n+6) { margin:0 4% 20px 0;} .NySolution_list3 ul li:nth-child(4n+4) { margin:0 4% 20px 0;} .NySolution_list3 ul li:nth-child(3n+3) { margin:0 4% 20px 0;} .NySolution_list3 ul li:nth-child(2n+2) { margin:0 0 20px;} } @media (max-width: 375px) { .NySolution_list3 ul li { height:68px;} } @media (max-width: 320px) { .NySolution_list3 ul li { width:47%; margin:0 6% 20px 0; height:56px;} .NySolution_list3 ul li:nth-child(6n+6) { margin:0 6% 20px 0;} .NySolution_list3 ul li:nth-child(4n+4) { margin:0 6% 20px 0;} .NySolution_list3 ul li:nth-child(3n+3) { margin:0 6% 20px 0;} .NySolution_list3 ul li:nth-child(2n+2) { margin:0 0 20px;} } /*Ny_Solution 结束*/ /*橱窗 开始*/ .NyPictureListBox ul li{width:23.5%;margin-right:2%;float:left;background:#fff;margin-bottom:30px;} .NyPictureListBox ul li:nth-child(4n){margin-right:0;} .NyPictureListBox ul li .porTbox {position:relative;overflow:hidden;height:220px;padding:10px;text-align:center;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;} .NyPictureListBox ul li .porTbox .proImg {max-width:100%;max-height:100%;transition:all .5s ease;vertical-align:middle;display: block;} .NyPictureListBox ul li .porTbox:after{content:'';display:inline-block;height:100%;width:0;vertical-align:middle;} .NyPictureListBox ul li .showBox {position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;background:rgba(0,0,0,.6);transition:all 0.5s ease;} .NyPictureListBox ul li .showBoxLink {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:60%;color:#fff;text-align:center;font-size:15px;padding:10px 0;} .NyPictureListBox ul li .showBoxLink span{height:40px;overflow:hidden;margin:0 0;display:block;line-height:20px;} .NyPictureListBox ul li .showBoxLink::before {content:'';position:absolute;top:0px;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease;} .NyPictureListBox ul li .showBoxLink::after {content:'';position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease;} .NyPictureListBox ul li .porBbox {position:relative;overflow:hidden;padding:10px 20px 10px;border:1px solid #f2f2f2;line-height:44px;} .NyPictureListBox ul li .proTitle {font-size:1rem;color:#333;overflow:hidden;text-overflow:ellipsis;position:relative;white-space:nowrap;width:100%;display: block;} .NyPictureListBox ul li .lookDetail {position:relative;display:block;color:#777;height:38px;line-height:38px;border-top:1px solid #e5e5e5;padding-top:10px;display:none;} .NyPictureListBox ul li .lookDetail:after{content:'';display:block;width:20px;height:40px;background:url(../img/next1.png) center center no-repeat;float:right;} .NyPictureListBox ul li:hover .showBox {opacity: 1;} .NyPictureListBox ul li:hover .showBoxLink::before {width: 1rem;} .NyPictureListBox ul li:hover .showBoxLink::after {width: 1rem;} .NyPictureListBox ul li .proTitle:hover {color:#2449a4 ;} .NyPictureListBox ul li .lookDetail:hover{color:#2449a4 ;} @media (max-width:1300px) { .NyPictureListBox ul li{width:32%;} .NyPictureListBox ul li:nth-child(4n){margin-right:2%;} .NyPictureListBox ul li:nth-child(3n){margin-right:0;} .NyPictureListBox ul li .porTbox{height:290px;} } @media (max-width:1080px) { .NyPictureListBox ul li{width:49%;} .NyPictureListBox ul li:nth-child(3n){margin-right:2%;} .NyPictureListBox ul li:nth-child(2n){margin-right:0;} .NyPictureListBox ul li:nth-child(4n){margin-right:0;} .NyPictureListBox ul li .porTbox{height:290px;} } @media (max-width: 767px) { .NyPictureListBox ul li{width:100%;margin-right:0;} .NyPictureListBox ul li:nth-child(3n){margin-right:0;} .NyPictureListBox ul li:nth-child(2n){margin-right:0;} .NyPictureListBox ul li:nth-child(4n){margin-right:0;} .NyPictureListBox ul li .porTbox{height:290px;} .NyPictureListBox ul li .proTitle{font-size:16px;} } @media (max-width: 375px) { } @media (max-width: 320px) { } /*橱窗 结束*/ /*Ny_contact 开始*/ .Ny_contact {width:100%;overflow:hidden;margin: 0 auto 60px;padding:0;background: #fff;} .Ny_contact .NyContact_lxfs {width:100%;height:auto;margin:40px auto;padding:0;background: #fff;} .Ny_contact .NyContact_lxfs ul{padding: 0 2%;} .NyContact_lxfs ul li { width:23.5%; height:auto; margin:0 2% 0 0; padding:0; float:left;} .NyContact_lxfs ul li:nth-child(4n+4) { margin:0;} .NyContact_lxfs ul li img { display:block; width:120px; height:120px; overflow:hidden; margin:0 auto; padding:0; position:relative; z-index:1;} .NyContact_lxfs ul li .lxfs_text { width:100%; height:auto; margin:-60px auto 0; padding:80px 40px 20px; background-color:#fff; border-radius:10px; box-shadow: 0 5px 15px #ccc; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} /*.NyContact_lxfs ul li:nth-child(1) .lxfs_text{padding:80px 40px 40px;}*/ .lxfs_text .lxfs_tit { width:100%; overflow:hidden; line-height:30px; color:#333; font-size:18px; text-align:center; margin:0 auto; padding:0;} .lxfs_text em { display:block; width:100%; height:20px; overflow:hidden; line-height:20px; color:#999; font-size:14px; text-align:center; font-style:normal; margin:0 auto; padding:0;} .lxfs_text i {display:block;width:30px;height:2px;overflow:hidden;margin:15px auto 20px;padding:0;background-color: #2449a4;} .lxfs_text p { width:100%; height:60px; overflow:hidden; line-height:30px; color:#666; font-size:18px; text-align:center; margin:0 auto; padding:0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;word-break:break-all;} .NyContact_lxfs ul li:nth-child(1) .lxfs_text p{ height:30px; line-height:20px;} .NyContact_lxfs ul li:hover .lxfs_text { box-shadow:0 10px 20px rgba(20,34,49,0.1);} .Ny_contact .NyContact_ewm {width: 96%;overflow:hidden;margin: 40px auto 0;padding:20px;background:url(../img/ewm_bg.jpg) center center no-repeat;background-size:1600px 480px;border-radius:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .NyContact_ewm .NyContact_ewmcon { width:100%; overflow:hidden; margin:0 auto; padding:60px 80px; border:1px solid rgba(255,255,255,0.1); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .NyContact_ewmcon p { width:100%; overflow:hidden; line-height:40px; color:#fff; font-size:32px; text-align:center; margin:0 auto; padding:0;} .NyContact_ewmcon span { display:block; width:100%; overflow:hidden; line-height:30px; color:#fff; font-size:16px; text-align:center; margin:10px auto; padding:0;} .NyContact_ewmcon i { display:block; width:48px; height:2px; overflow:hidden; margin:26px auto 30px; padding:0; background-color:#fff;} .NyContact_ewmcon .ewm_img { width:180px; height:180px; overflow:hidden; margin:0 auto; padding:9px; border:1px solid rgba(255,255,255,0.1); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .ewm_img em { display:block; width:160px; height:160px; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; position:relative;} .ewm_img em img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} .Ny_contact .NyContact_map {width:100%;overflow:hidden;margin: 20px auto 0;padding:20px;background-color:#fff;border-radius:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .NyContact_map .NyContactMap_main { width:100%; height:500px; overflow:hidden; margin:0 auto; padding:0;} .NyContact_top { width:100%; overflow:hidden; line-height:40px; color:#333; font-size:24px; text-align:center; margin:40px auto; padding:0;} .NyContact_top img { display:inline-block; width:30px; height:30px; vertical-align:middle; margin:-4px 6px 0 0;} .NyContact_top font {color: #2449a4;font-size:40px;font-weight:bold;} @media screen and (width:1600px){ } @media screen and (min-width:1440px) and (max-width:1599px) { /*.NyContact_lxfs ul li .lxfs_text { padding:80px 20px 20px;}*/ } @media screen and (min-width:1360px) and (max-width:1439px) { /*.NyContact_lxfs ul li .lxfs_text { padding:80px 20px 20px;}*/ } @media screen and (min-width:1280px) and (max-width:1359px) { .NyContact_lxfs ul li img { width:100px; height:100px;} /*.NyContact_lxfs ul li .lxfs_text { padding:80px 20px 20px;}*/ } @media screen and (min-width:1080px) and (max-width:1279px) { .NyContact_lxfs ul li img { width:100px; height:100px;} /*.NyContact_lxfs ul li .lxfs_text { padding:80px 20px 20px;}*/ .NyContact_ewm .NyContact_ewmcon { padding:40px 80px;} .NyContact_ewmcon p { font-size:28px; line-height:36px;} .NyContact_ewmcon span { line-height:25px; font-size:15px;} .NyContact_map .NyContactMap_main { height:440px;} } @media screen and (min-width:1024px) and (max-width:1079px) { .NyContact_lxfs ul li img { width:100px; height:100px;} .NyContact_lxfs ul li .lxfs_text { padding:80px 20px 112px;} .lxfs_text .lxfs_tit { line-height:24px; font-size:16px;} .lxfs_text i { margin:14px auto;} .lxfs_text p { height:48px; line-height:24px; font-size:14px;} .NyContact_ewm .NyContact_ewmcon { padding:40px 80px;} .NyContact_ewmcon p { font-size:28px; line-height:36px;} .NyContact_ewmcon span { line-height:25px; font-size:15px;} .NyContact_map .NyContactMap_main { height:400px;} } @media screen and (max-width:1023px) and (min-width:768px) { .Ny_contact .NyContact_lxfs { margin:40px auto 20px;} .NyContact_lxfs ul li { width:48.5%; height:auto; margin:0 3% 20px 0; padding:0; float:left;} .NyContact_lxfs ul li:nth-child(4n+4) { margin:0 3% 20px 0;} .NyContact_lxfs ul li:nth-child(2n+2) { margin:0 0 20px;} .NyContact_lxfs ul li img { width:100px; height:100px;} .NyContact_lxfs ul li .lxfs_text { padding:80px 20px 112px;} .lxfs_text .lxfs_tit { line-height:24px; font-size:16px;} .lxfs_text i { margin:14px auto;} .lxfs_text p { height:48px; line-height:24px; font-size:14px;} .Ny_contact .NyContact_ewm { background-size:1333px 400px; margin:20px auto 40px;} .NyContact_ewm .NyContact_ewmcon { padding:20px 80px;} .NyContact_ewmcon p { font-size:28px; line-height:36px;} .NyContact_ewmcon span { line-height:25px; font-size:15px;} .NyContact_map .NyContactMap_main { height:360px;} } @media (max-width: 767px) { .Ny_contact .NyContact_lxfs { margin:20px auto 0;} .NyContact_lxfs ul li { width:100%; height:auto; margin:0 auto 20px; padding:0; float:left;} .NyContact_lxfs ul li:nth-child(4n+4) { margin:0 auto 20px;} .NyContact_lxfs ul li:nth-child(2n+2) { margin:0 auto 20px;} .NyContact_lxfs ul li img { width:100px; height:100px;} .NyContact_lxfs ul li .lxfs_text { padding:80px 20px 20px;} .lxfs_text .lxfs_tit { line-height:24px; font-size:16px;} .lxfs_text i { margin:14px auto;} .lxfs_text p { height:48px; line-height:24px; font-size:14px;} .Ny_contact .NyContact_ewm { padding:12px; background-size:1333px 400px; margin:0px auto 20px;} .NyContact_ewm .NyContact_ewmcon { padding:20px;} .NyContact_ewmcon p { font-size:28px; line-height:36px;} .NyContact_ewmcon span { line-height:25px; font-size:15px;} .NyContact_ewmcon i { margin:20px auto;} .Ny_contact .NyContact_map { margin:20px auto; padding:12px;} .NyContact_map .NyContactMap_main { height:auto;} .NyContact_top { font-size:16px;} .NyContact_top font { font-size:36px; display:block;} .NyContact_top img { width: 22px; height: 22px; margin: -5px 4px 0 0;} } @media (max-width: 375px) { .NyContact_top { margin:20px auto;} } @media (max-width: 320px) { .NyContact_top font { font-size:32px;} } /*Ny_contact 结束*/ /*服务*/ /* 服务支持 */ .serfw_in{width:80%;max-width:1800px;margin:0 auto;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .serfw{width: 100%;padding: 100px 0;overflow: hidden;} .serfw-wdimg{width: 94%;background: #fafafa;padding: 54px 3%;margin-top: 48px;box-shadow: 0 0 20px rgba(0,0,0,.12);} .serfw-wd{width: 50%;float: left;padding: 0 5% 0 2%;} .serfw-wd h5, .serfw-wd h2{font-size: 40px;color: #2449a4;margin-top: 60px;} .serfw-wd h6, .serfw-wd h1{font-size: 20px;color: #333;margin: 24px 0 42px;line-height: 32px;} .serfw-wd p{font-size: 15px;color: #666;line-height: 28px;} .serfw-wd a{display: block;width: 145px;height: 40px;line-height: 40px;margin-top: 64px;background: #2449a4;border-radius: 6px;font-size: 16px;color: #fff;text-align: center;} .serfw-img{width: 42%;float: right;} .serfw-img img{width: 100%;object-fit: cover;} .sersq-list{width: 100%;} .sersq-list ul{margin-left: -1.5%;} .sersq-list li{width: 31.8333%;margin-left: 1.5%;float: left;margin-top: 0;min-height: 362px;background: #fff;text-align: center;box-shadow: 0 0 20px rgba(0,0,0,.12);} .sersq-icon{width: 100%;height: 52px;margin: 50px 0 30px;} .sersq-icon img{max-height: 100%;} .sersq-tit{width: 100%;} .sersq-tit h6, .sersq-tit h1{font-size: 24px;color: #333;} .sersq-tit i{width: 28px;height: 2px;background: #b0b0b0;display: block;margin: 20px auto;} .sersq-list{width: 100%;} .sersq-list p{width: 100%;margin: 0 auto;text-align: left;} .sersq-list p span{font-size: 15px;color: #888;line-height: 26px;padding-left: 14px;position: relative;} .sersq-list p span:after{content: "";position: absolute;width: 5px;height: 5px;border-radius: 50%;background: #333;left: 0;top: 50%;margin-top: -3px;} .sersq-list li:nth-child(1) .sersq-list p{width: 164px;} .sersq-list li:nth-child(2) .sersq-list p{width: 217px;} .sersq-list li:nth-child(3) .sersq-list p{width: 90px;} .serzb{width: 100%;padding: 100px 0 120px;background: #f5f5f5;overflow: hidden;} .serzb .pubTitle p{width: 868px;margin: 0 auto;font-size: 16px;line-height: 32px;} .serzb .pubTitle p span{color: #1f5dcb;} .serzb-list{width: 100%;} .serzb-list li{width: 12.4%;float: left;background: #fff;min-height: 265px;padding: 50px 3% 0;margin-right: 2%;text-align: center;} .serzb-list li:nth-child(5n){margin-right:0;} .serzb-list li h6, .serzb-list li h1{height: 52px;line-height: 50px;} .serzb-list li h6 img, .serzb-list li h1 img{max-height: 100%;} .serzb-list li i{width: 28px;height: 2px;background: #b0b0b0;display: block;margin: 44px auto 44px;} .serzb-list li p{font-size: 18px;color: #333;line-height: 26px;} .serzb-list li:hover h6 img{transform: rotateY(360deg);transition: all 1.2s ease;} .serzb-list li:hover h1 img{transform: rotateY(360deg);transition: all 1.2s ease;} .seraz{width: 100%;padding-top: 100px;overflow: hidden;} .seraz-list{width: 100%;background-repeat: no-repeat !important;background-size: cover !important;background-position: center !important;margin-top: 62px;background:url(../img/seranBg.jpg) center center no-repeat;background-size:cover;} .seraz-list li{width: 27.3333%;color: #fff;float: left;padding: 88px 3% 0;min-height: 460px;position:relative;} .seraz-list li:before{content:'';display:block;width:1px;height:100%;position:absolute;top:0;left:0;background:rgba(255, 255, 255, .1);} .seraz-icon{width: 100%;height: 58px;line-height: 56px;} .seraz-icon img{max-height: 100%;} .seraz-list li h6, .seraz-list li h1{font-size: 24px;margin: 38px 0 18px;} .seraz-list li p{font-size: 15px;line-height: 26px;} .serhd{width: 100%;padding: 70px 0;overflow: hidden;} .serhd-list{width: 100%;} .serhd ul{overflow:hidden;} .serhd li{width: 26%;float: left;margin-right: 2%;margin-top: 0;background: #fbfbfb;height: 230px;display: flex;align-items: center;padding: 0 3%;} .serhd li:nth-child(3n){margin-right:0;} .serhd-img{width: 124px;float: left;} .serhd-img img{max-width: 100%;} .serhd-wd{width: calc(100% - 124px);float: right;} .serhd-wd h6, .serhd-wd h1{font-size: 24px;color: #333;margin-bottom: 12px;} .serhd-wd p{font-size: 15px;color: #888;line-height: 24px;} .serwx{overflow: hidden;width: 100%;background-repeat: no-repeat !important;background-size: cover !important;background-position: center !important;padding: 100px 0 120px;} .serwx-list{width: 100%;} .serwx-list ul{margin-left: -1.5%;} .serwx-list li{width: 31.8333%;float: left;margin-left: 1.5%;margin-top: 60px;height: 240px;position: relative;border-top: 10px solid #2449a4;padding: 48px 68px 0;background: #fff url('http://www.jsacrel-pqm.com/images/gather/serWxic.png') no-repeat;overflow: hidden;background-position: bottom -30px right 20px;} .serwx-list li p{font-size: 16px;color: #888;line-height: 28px;} .serwx-list li h6, .serwx-list li h1{font-size: 24px;color: #333;margin: 12px 0;} .sersq{width: 100%;padding-bottom: 120px;} .serfw1{background:#f2f4f6;padding:50px 0 60px;} .serfw2{background: #fff;padding:50px 0 70px;} .serfw3{background:#f2f4f6;padding:70px 0 70px;} .serfw4{padding: 60px 0 0;} @media (max-width:1600px){ .serfw_in{width:90%;} } @media (max-width:1500px) { .serfw-wd{width: 53%;padding: 0 0 0 2%;} .serfw-wdimg{padding: 30px 3% 40px;} .serfw-wd h5, .serfw-wd h2{margin-top:15px;} .serzb-list li p{font-size:16px;} .serhd li{height:150px;} .serhd-wd h6, .serhd-wd h1{font-size:18px;} } @media (max-width:1300px) { } @media (max-width:1080px) { .serfw1{padding: 30px 0 40px;} .serfw-img{display:none;} .serfw-wd{width:100%;padding:0;} .serfw-wd h6, .serfw-wd h1{margin: 24px 0 22px;} .serfw-wd a{margin-top: 28px;} .serfw-wdimg{margin-top:30px;} .serfw2{padding: 30px 0 40px;} .serfw3{padding: 30px 0 40px;} .serzb-list li{width:43%;padding: 30px 3% 0;min-height: 158px;} .serzb-list li:nth-child(2n){margin-right:0;margin-bottom:20px;} .serzb-list li i{margin: 20px auto 20px;} .serzb-list li:last-child{width:94%;margin-right:0;} .serhd li{width:100%;margin-bottom:20px;} .seraz-list{margin-top:35px;} .serfw4{padding: 30px 0 0;} .serhd{padding: 30px 0;} } @media (max-width: 767px) { .serfw-wdimg{margin-top:20px;} .serfw-wd h5, .serfw-wd h2{font-size:26px;} .serfw-wdimg {padding: 12px 3% 30px;} .serfw-wd h6, .serfw-wd h1{font-size:18px;line-height:30px;} .serfw-wd p{font-size:14px;} .serfw-wd h6, .serfw-wd h1 {margin: 24px 0 12px;} .sersq-list li{width:100%;margin-right:0;min-height: 285px;margin-bottom:20px;} .sersq-icon{margin: 30px 0 20px;} .sersq-tit h6, .sersq-tit h1{font-size:20px;} .serfw2 {padding: 30px 0 20px;} .seraz-list {margin-top: 20px;} .seraz-list li{width:94%;padding: 30px 3% 0;min-height: 218px;} .seraz-list li h6, .seraz-list li h1{font-size:20px;} .seraz-list{padding: 0 0 30px;} .serhd li {height: 115px;} .serhd-img{width:80px;} .serhd-wd {width: calc(100% - 90px);} .serhd-wd p{font-size:14px;} .seraz-list li p{font-size:14px;} .serzb-list li p{font-size:14px;line-height:20px;height:40px;overflow:hidden;} } @media (max-width: 375px) { } @media (max-width: 320px) { } /*Ny_menu 开始*/.Ny_menu {width:100%;overflow:hidden;margin: 0 auto 25px;padding:0;} .Ny_menu .NyMenu_list {width:100%;max-width:1600px;margin:0 auto;padding:0;text-align:center;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .NyMenu_list a {display:inline-block;height:46px;overflow:hidden;line-height:46px;color: #fff;font-size:16px;margin: 0 10px 15px;padding:0 35px;background-color: #676666;} .NyMenu_list a:hover,.NyMenu_list a.NyMenu_on {color:#fff;background-color: #2449a4;} @media screen and (max-width:1023px) and (min-width:768px) {.Ny_menu {margin:20px auto;} } @media (max-width:767px) {.Ny_menu {margin:20px auto;} .NyMenu_list a {height:40px;line-height:40px;font-size:15px;margin:0 5px 0;padding:0 15px;} .h_news .h_news_list .pic{height:180px;} } @media (max-width:375px) {.NyMenu_list a {font-size:14px;padding:0 12px;} } @media (max-width:320px) {.NyMenu_list a {} } /*Ny_menu 结束*/