@charset "utf-8"; /* CSS Document */ /* 通用属性 */ * { margin:0; padding:0; list-style:none; } body { font-size:14px; color:#000; font-family:Microsoft YaHei,sans-serif; } img { border:0; vertical-align:top; image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ max-width: 100%; } html, body {width:100%;height:100%;max-width: 100%;min-width: 320px;} address, caption, cite, code, dfn, em, th, dt, var {font-style: normal;font-weight: normal;} ::-webkit-scrollbar{width: 8px;height: 8px;} ::-webkit-scrollbar-thumb{background-color: rgba(50,175,154,0.3);-webkit-transition: background-color .3s;transition: background-color .3s;} ::-webkit-scrollbar-track{background: rgba(255,252,252,.11);} /* a */ a { color:#333; text-decoration:none; } a:visited { } a:active, a:hover{text-decoration:none;color:#3eaa98;} a:focus{outline:none;text-decoration:none;} h1,h2,h3,h4,h5,h6{font-weight:normal;} h1,h2,h3,h4,h5,h6,p,ol,ul{padding: 0;margin: 0;} :focus{outline: none;} .ovfl{overflow: hidden;} .flex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:left; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .ltflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; } .lbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; } .rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .rtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; } .rbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; } .mflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .mtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .mbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .dh300s{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;} .donghua{-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} ::after, ::before {-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .dhwz{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .dhwz2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .mar0a{margin: 0 auto;} .con-fff{width:100%;height:100%;position:relative;} .bgf8{background:#f8f8f8;} .bgfff{background:#fff;} .fl {float:left;} .fr {float:right;} input { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; } textarea { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; } table {border-collapse:collapse; border-spacing:0;} table td, table th{padding: 5px 10px;border: 1px solid #ddd;} @media (min-width: 1210px){ .container{width: 1180px;} } @media (min-width: 1310px){ .container{width: 1280px;} } @media (min-width: 1410px){ .container{width: 1380px;} } @media (min-width: 1510px){ .container{width: 1480px;} } @media (min-width: 1610px){ .container{width: 1580px;} } @media (min-width: 1710px){ .container{width: 1480px;} } @media (max-width:767px) { .container{padding-left: 0px;padding-right: 0px;width: 100%;} .row{margin-left: -0px;margin-right: -0px;} } @media(max-width: 350px) { .container{padding-left: 10px;padding-right: 10px;width: 100%;} } /*内页主体内容宽度*/ .ny_container { padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto; } @media (min-width: 768px){ .ny_container {width: 750px;} } @media (min-width: 992px){ .ny_container {width: 970px;} } @media (min-width: 1200px){ .ny_container { width: 1170px;} } @media (min-width: 1310px){ .ny_container{width: 1280px;} } @media (min-width: 1410px){ .ny_container{width: 1380px;} } @media (min-width: 1510px){ .ny_container{width: 1480px;} } @media (min-width: 1610px){ .ny_container{width: 1580px;} } @media (max-width:767px) { .ny_container{padding-left: 15px;padding-right: 15px;width: 100%;} .row{margin-left: -0px;margin-right: -0px;} } @media(max-width: 350px) { .ny_container{padding-left: 10px;padding-right: 10px;width: 100%;} } /* 头部 */ header { height: 100px;position: fixed;top: 0;width: 100%;z-index: 1000;transition: all .3s;-webkit-transition: all .3s;background: rgba(39, 75, 153, 1);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); } header .top { /*! overflow: hidden; */position: relative; } header .top .k{/*! overflow: hidden; */position: absolute;display: block;height: 18px;width: 24%;right: 0;} header .top .k::after {transform: skewX(30deg); position: absolute; content: ''; display: block; top:0; right: -10px; width: 100%; height: 100%; /*! background: rgba(39, 75, 153, 1); */ } header .top .top_l {width: 380px;display: flex;overflow: hidden;vertical-align: middle;align-items: center;padding: 0px 20px;float: left;height: 100px;/*! background: white; */} header .top .top_l a { display: block; } header .top .top_l a img {max-width: 100%; vertical-align: middle;align-items: center;} header .top .top_r { float: right; background: rgba(39, 75, 153, 1);} header .top .top_r>ul { float: right; } header .top .top_r>ul>li { float: left; position: relative;} .nav>li{float: left;margin-right: 20px;position:relative;} .nav>li:last-child{margin-right: 0;} .nav>li>a{display: block;font-size: 16px;padding: 0;color: white;position: relative;line-height: 100px;margin:0 12px;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .nav>li.cur>a { color: rgba(172, 206, 34, 1); font-weight: bold;} .nav>li:hover>a { color: rgba(172, 206, 34, 1); font-weight: bold;} .nav>li:last-child>a::before{display:none;} .nav>li>a::after{content: '';position: absolute;left: 50%;right: 50%;bottom: 16px;height: 4px;background-color: rgba(172, 206, 34, 1);-webkit-transition-property: left,right;transition-property: left,right;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; } .nav>li:hover>a::after, .nav>li.cur>a::after{left: -3px;right: -3px;} #header:hover .nav>li>a::after, #header.active .nav>li>a::after{background-color: rgba(39, 75, 153, 1);} .nav>li>a:focus, .nav>li>a:hover { background: none; } header .top .top_r ul .zx .tel i{color:white;font-size:20px;float: left;} header .top .top_r ul .zx { float: right; display: flex;align-items: center; height: 100px;} header .top .top_r ul .zx .tel { float: left; padding-right: 20px; position: relative; display: flex;align-items: center;} header .top .top_r ul .zx .tel::after { width: 1px;height: 30px; display: block; position: absolute; content: ''; background: rgba(172, 206, 34, 1); right: 0px; top: -2px; } header .top .top_r ul .zx .tel img { float: left; vertical-align: middle; align-items: center; max-width: 100%; } header .top .top_r ul .zx .tel p{ display: block; float: left;font-size: 24px; color: white; font-family: 'arial'; margin-left: 10px; font-weight: bold; line-height: 28px; } header .top .top_r ul .zx .h_search {cursor: pointer; float: right; width: 30px; height: 30px; background: rgba(172, 206, 34, 1); border-radius: 50%; margin-left: 15px; } header .top .top_r ul .zx .h_search .search_icon { background: url(../images/ss.png) center no-repeat; width: 30px; height: 30px; display: block; transition: all 0.5s; } header .top .top_r ul .zx .h_search.active .search_icon { background: url(../images/xx2.png) center no-repeat; transition: all 0.5s;} input, textarea, select, button { border: 0;background: none;outline: 0;font-family: "Microsoft Yahei"; } input[type="button"], input[type="text"], input[type="submit"], select { appearance: none; -moz-appearance: none;-webkit-appearance: none; } .search_box {display:none;width:100%;background:#f3f3f3;height:86px;position:fixed;top:100px;z-index:22;left:0; border-top:1px solid #ddd;} .search_box .box {width:388px;background:#fff;float:right;height:40px;line-height:40px;margin:23px 130px 0 0;} .search_box input[type=text] {padding-left:16px;float:left;width:340px;height:40px;} .search_box button {height:40px;width:40px;background:url(../images/h-search1.png) no-repeat;background-position:center;cursor:pointer;} .header_space { width: 100%; height: 100px; display: block; } /*导航下拉*/ header .top .top_r ul li .xiala { position: absolute;background: rgba(255,255,255,1);width: 100%;top: 100px;left: 0; z-index: 999; display: none; border-top: 1px solid #ddd;z-index: 9999999;} header .top .top_r ul li .xiala .container { /*! padding:40px 120px 40px 40px; */ width: 100%;padding: 0px;} header .top .top_r ul li .xiala .container .nav2_r { float: right; width: 25%;} header .top .top_r ul li .xiala .container .nav2_r img { display: block; max-width: 100%; } header .top .top_r ul li .xiala .container .nav2_l { /*! float: left; */ /*! width: 55%; */ } header .top .top_r ul li .xiala .container .nav2_l .desc { overflow: hidden; } header .top .top_r ul li .xiala .container .nav2_l .desc .en { font-size: 30px;line-height: 40px;color: #333;} header .top .top_r ul li .xiala .container .nav2_l .desc .list { font-size: 14px;line-height: 24px;margin-top: 10px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} header .top .top_r ul li .xiala .container .nav2_l .nav-er-list { margin-top: 10px;overflow: hidden; display: block; } header .top .top_r ul li .xiala .container .nav2_l .nav-er-list a{ display: block; color: ;text-align: center;} header .top .top_r ul li .xiala .container .nav2_l .nav-er-list a span {font-size: 14px;line-height: 24px;color: #666;/*! margin-right: 40px; *//*! padding-right: 15px; *//*! transition: all 0.5s; *//*! background: url(../images/yy.png) no-repeat right center; */ } header .top .top_r ul li .xiala .container .nav2_l .nav-er-list:hover a span { color: rgba(39, 75, 153, 1); background: url(../images/yy_on.png) no-repeat right center;} header .top .top_r ul li .xiala .container .nav-box { overflow: hidden; } header .top .top_r ul li .xiala .container .nav-box>span { font-size: 22px; line-height: 40px;color: #333;overflow: hidden; display: block; } header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr { overflow: hidden; margin-top: 20px; } header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr .nav3-box { margin-bottom: 20px; overflow: hidden; padding:10px;} header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr .nav3-box:hover { background: #f9f9f9; } header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr .nav3-box a { display: block; } header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr .nav3-box a .nav3-box_l { width: 20%; float: left;} header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr .nav3-box a .nav3-box_r { float: right; width: 80%; } header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr .nav3-box a .nav3-box_r .nav3-box_r_t { font-size: 16px;line-height: 1.5;color: #333;margin-bottom: 5px; } header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr .nav3-box a .nav3-box_r .nav3-box_r_desc { font-size: 14px;line-height: 1.6;color: #999; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr>.nav3-pro { display: block; padding-left:0; } header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr>.nav3-pro a { display: block; text-align: center; } header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr>.nav3-pro a>dt { display: block; } header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr>.nav3-pro a>dt img { max-width: 100%; display: block; border:1px solid #ddd; } header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr>.nav3-pro a p { font-size: 14px; color: #454545; line-height: 3; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /*小屏幕导航*/ #m-head-nav{height: 16px;position: relative;float: right;display:none;margin-left: 20px;width: 24px; z-index: 99999;} #m-head-nav .line{width: 24px;height: 2px;background-color: white;position: absolute;left: 0px;top: 7px;} #m-head-nav .line1{margin-top: -7px;} #m-head-nav .line3{margin-top: 7px;} #m-head-nav[data-active="on"] .line1{margin-top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} #m-head-nav[data-active="on"] .line2{display: none;} #m-head-nav[data-active="on"] .line3{margin-top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);} #header:hover #m-head-nav .line, #header.active #m-head-nav .line{background-color:#28a32c;} .mm-nav-box{overflow:hidden;position: fixed;top: 0;right: 0;width: 100%;height: 100%;z-index: 99999;display: none;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);} .mm-nav-box[data-on="active"]{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);top:84px;} .mm-nav-box .mm-wrap{position: fixed;top: 0;right: 0;width: 40%;padding-bottom: 15px;z-index: 100;border-top: 1px solid rgba(0,0,0,.15);box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);} .mm-nav-box .mm-wrap:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #fff;z-index: -1;} .mm-nav-box .mm-nav .li1{margin: 0 20px;line-height: 60px;border-bottom: 1px solid rgba(0,0,0,.15);} .mm-nav-box .mm-nav .li1 .a1{display: block;color: #222222;font-size: 16px;} .mm-nav-box .mm-nav .li1.on .a1{color: #e00000;} .mm-nav-box .mm-nav .li1.on .mm-title{border-color: #e00000;} .mm-nav-box .mm-nav .li1 .mm-title{position: relative;height: 45px;line-height: 45px;} .mm-nav-box .mm-nav .li1 .mm-title .am{display:block;width:100%;height:100%;} .mm-nav-box .mm-nav .li1 .mm-title .a1{position: absolute;top: 0;left: 0;height: 100%;z-index: 10;} .mm-nav-box .mm-nav .li1 .mm-title .click{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .mm-nav-box .mm-nav .li1 .mm-title .click:after{content: "";position: absolute;top: 50%;right: 20px;width: 6px;height: 6px;border-top: 1px solid #222222;border-right: 1px solid #222222;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);margin-top: -3px;} .mm-nav-box .mm-nav .li1 .mm-title .mclick{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .mm-nav-box .mm-nav .li1 .mm-title .mclick a{display:block;width:100%;height:100%;} .mm-nav-box .mm-nav .li1.on .mm-title .click:after{border-color: #e00000;} .mm-nav-box .mm-nav .li1 .mm-innav{display: none;padding: 6px 0;} .mm-nav-box .mm-nav .li1[data-on="click"] .mm-innav{display: block;border-top: 1px solid rgba(0,0,0,.15);} .mm-nav-box .mm-nav .li1[data-on="click"] .mm-title .click:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .mm-nav-box .mm-nav .li1[data-on="click"] .a1{color:#28a32c} .mm-nav-box .mm-nav .li1 .mm-innav li{margin: 0 10px;border-bottom: 1px solid rgba(255,255,255,.4);line-height: 1;} .mm-nav-box .mm-nav .li1 .mm-innav li a{color: #222222;font-size: 14px;line-height: 1.4;display: block;padding: 6px 0;} .mm-nav-box .mm-nav .li1 .mm-innav li a:hover{color:#28a32c} .mm-nav-box .mm-nav .li1 .mm-innav li .box2{margin: 0 15px;} .mm-nav-box .mm-wrap .mmlang{padding: 0 10px;font-size: 0;display: none;} .mm-nav-box .mm-wrap .mmlang .mmitem{height: 55px;line-height: 55px;width: 50%;font-size: 14px;color: #222222;display: inline-block;*display: inline;*zoom: 1;text-align: center;} .mm-nav-box .mm-wrap .mmlang .mmitem.on{color: #e00000;} @media(max-width: 1610px) { .nav>li { margin-right: 30px; } } @media(max-width: 1510px) { .nav>li { margin-right: 20px; } } @media(max-width: 1410px) { .nav>li { margin-right: 10px; } } @media(max-width: 1310px) { .nav>li { margin-right: 5px; } header .top .top_l { width: 240px; } } @media(max-width: 1199px) { header .top .top_r ul .zx .tel { display: none; } .search_box .box { margin: 23px 20px 0 0; } } @media(max-width: 991px) { header .top .top_r>ul>li { display: none; } header .top .top_r ul .zx .tel { display: block; } .mm-nav-box { display: block; } #m-head-nav { display: block; } header { height: 84px; } .header_space{ height: 84px; } header .top .top_l { height: 84px; } header .top .top_r ul .zx { height: 84px; } .search_box { top: 84px; } } @media(max-width: 767px) { header .top .top_r ul .zx .tel { display: none; } header .top .k { height: 15px; } header .top .top_l { width: 220px; } } @media(max-width: 500px) { .search_box .box { width: 280px; } .search_box input[type=text] { width: 240px; } header { height: 60px; } .header_space{ height: 60px; } header .top .top_l { height: 60px; } header .top .top_r ul .zx { height: 60px; } header .top .top_l { width: 200px; } .search_box { top: 60px; } header .top .k { display: none; } .mm-nav-box .mm-wrap { width: 100%; } .mm-nav-box[data-on="active"] { top: 60px; } .mm-nav-box .mm-nav .li1 .mm-title .a1 { font-size: 14px; color: #454545; } .mm-nav-box .mm-nav .li1 .mm-innav li a { color: #777; } } /* 轮播图 */ #banner{position:relative;} #banner video{width:100%;display:block;} #banner .swiper-slide a{display:block;} #banner .swiper-slide img{display:block;max-width:100%;} #banner .swiper-pagination{bottom:60px;font-size:0;width: auto;left: 50%;transform: translateX(-50%);} #banner .swiper-pagination-bullet{width:8px;height:8px;opacity:1;border-radius: 50%;background:rgb(255 255 255 / 100%);position:relative;margin:0 16px;} #banner .swiper-pagination-bullet-active{ background: rgba(39, 75, 153, 1); position: relative;} #banner .swiper-pagination-bullet-active::after { position: absolute; content: ''; width: 30px; height: 30px; display: block; top: -11px; left: -11px; border:3px solid #fff; border-radius: 50%; } #banner .swiper-button-prev, #banner .swiper-button-next{width:46px;height:46px;background:url(../images/page/ban-jt.png) no-repeat center left;border:1px solid #fff;border-radius:50%;transition:all .3s;-webkit-transition:all .3s;} #banner .swiper-button-prev{left:-80px;} #banner .swiper-button-next{right:-80px;transform: rotate(180deg);} #banner:hover .swiper-button-prev{left:80px;} #banner:hover .swiper-button-next{right:80px;} #banner .swiper-button-prev:hover, #banner .swiper-button-next:hover{background:url(../images/page/ban-jt.png) no-repeat center left -46px #fff;box-shadow: 0 0 3px 0px rgb(200 200 200 / 80%);} @media (max-width: 1400px){ #banner .swiper-button-prev{left:60px;} #banner .swiper-button-next{right:60px;} } @media (max-width: 767px){ #banner .swiper-pagination{bottom:20px;} #banner .swiper-pagination-bullet{border:none;} #banner .swiper-button-prev, #banner .swiper-button-next{display:none;} } @media (max-width: 450px){ #banner .swiper-pagination{bottom: 5px;padding:8px;} #banner .swiper-pagination-bullet{width:8px;height:8px;margin:0 5px;} } /* 首页标题 */ .title{text-align: left; display: block;} .title img{max-width:300px;} .title h2{font-size: 38px;color: #444;font-weight: bold; /*! margin-top: -42px; */ position: relative; z-index: 2;margin: 20px 0px;} .title p{text-transform: uppercase; color: rgba(62,170,152,0.2); font-size: 66px; position: relative; z-index: 1; font-weight: bold;} @media(max-width: 1510px) { .title h2 { font-size: 42px; } } @media(max-width: 1410px) { .title h2 { font-size: 40px; } .title p { font-size: 58px; } } @media(max-width: 991px) { .title { text-align: center; } } @media(max-width: 767px) { .title h2 { font-size: 36px;margin-top: -36px; } .title p { font-size: 48px; } } @media(max-width: 500px) { #banner .swiper-pagination-bullet-active::after { display: none; } .title p { font-size: 36px; } .title h2 { font-size: 26px;margin-top: 20px; } } /*放大效果*/ .fangda { width: 145px; line-height: 42px; border-radius: 25px; background: #3eaa98; text-align: center;display: block; font-size: 16px; color: #fff; margin-top: 15px; position: relative; overflow: hidden; transition: all 0.5s;} .fangda em { content: ""; position: absolute; display: block; transition: all .6s;width: 100%; height: 0;border-radius: 50%; left: 50%;top: 50%; padding-top: 100%; transform: translateX(-50%) translateY(-50%); -webkit-animation: wave 1.3s infinite;animation: wave 1.3s infinite; z-index: 1; } @-webkit-keyframes wave{0%{background:rgba(255,255,255,.8);transform:translateX(-50%) translateY(-50%) scale(0)}to{background:transparent;transform:translateX(-50%) translateY(-50%) scale(1)}} @keyframes wave{0%{background:rgba(0,0,0,.25);transform:translateX(-50%) translateY(-50%) scale(0)}to{background:transparent;transform:translateX(-50%) translateY(-50%) scale(1)}} /*产品系列*/ #product { background: #f5f5f5; display: block; padding:75px 0 80px 0; } #product .product_nr { margin-top: 55px; padding:0 8px; } #product .product_nr .cate_box { display: flex; } #product .pror .pro1{display: flex;} #product .pror .pro1 .proad{width:60%;text-align: center;} #product .pror .pro1 .proad img{/*! height: 445px; */} #product .product_nr .cate_box .cate_left { flex: 1; margin-right: 13px; } #product .product_nr .cate_box .cate_left a { display: block; border-radius: 10px; background: #fff; transition: all 0.5s;} #product .product_nr .cate_box .cate_left a:hover { box-shadow: 0px 0px 10px 0px rgba(62,170,152,0.3); } #product .product_nr .cate_box .cate_left a .t { display: block; overflow: hidden;padding:90px 32px 0px 68px; } #product .product_nr .cate_box .cate_left a .t .t_l { float: left; display: block; } #product .product_nr .cate_box .cate_left a .t .t_l h3 { font-size: 36px; font-weight: bold; color: rgba(39, 75, 153, 1); } #product .product_nr .cate_box .cate_left a .t .t_l p { font-size: 20px; display: block; color: #666666; line-height: 2; margin-top: 6px; } #product .product_nr .cate_box .cate_left a .t .t_r { float: right; display: block; } #product .product_nr .cate_box .cate_left a .t .t_r dt { display: block; position: relative; } #product .product_nr .cate_box .cate_left a .t .t_r dt::after { position: absolute; content: ''; width: 100%; height: 100%; display: block;border: 12px solid rgba(255,255,255,0); border-top-color: #3eaa98; border-right-color: #3eaa98;left: 0;top: 0; border-radius: 50%; -webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;transition: all .8s ease-in-out;} #product .product_nr .cate_box .cate_left a:hover .t .t_r dt::after { -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);border-color: #3eaa98; } #product .product_nr .cate_box .cate_left a .t .t_r dt img { display: block; max-width: 100%; border-radius: 50%; border:4px solid rgba(39, 75, 153, 1);} #product .product_nr .cate_box .cate_left a .b { display: block;margin-top: 50px; padding-left: 30px; } #product .product_nr .cate_box .cate_left a .b dt { display: block; } #product .product_nr .cate_box .cate_left a .b dt img { max-width: 100%; display: block; position: relative; bottom: 20px;} #product .product_nr .cate_box .cate_right { flex: 1; } #product .product_nr .cate_box .cate_right .cate_2 { height: 50%; border-radius: 10px; } #product .product_nr .cate_box .cate_right .cate_2:first-child { padding-bottom: 10px; } #product .product_nr .cate_box .cate_right .cate_2 a { display: block; position: relative; overflow: hidden; padding:53px 20px 35px 55px; background: #fff;height: 100%;border-radius: 10px; transition: all 0.5s;} #product .product_nr .cate_box .cate_right .cate_2 a:hover { box-shadow: 0px 0px 8px 0px rgba(62,170,152,0.2); } #product .product_nr .cate_box .cate_right .cate_2 a .t { } #product .product_nr .cate_box .cate_right .cate_2 a .t_l { float: left;display: block; width: 34%; } #product .product_nr .cate_box .cate_right .cate_2 a .t_r { float: right;display: block; width:66%; } #product .product_nr .cate_box .cate_right .cate_2 a .t_r dt { position: absolute; width: 110px; height: 110px; display: block;right: 30px;top: 30px; z-index: 9;} #product .product_nr .cate_box .cate_right .cate_2 a .t_r dt::after { position: absolute; content: ''; width: 100%; height: 100%; display: block;border: 8px solid rgba(255,255,255,0); border-top-color: #3eaa98; border-right-color: #3eaa98;left: 0;top: 0; border-radius: 50%; -webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;transition: all .8s ease-in-out; } #product .product_nr .cate_box .cate_right .cate_2 a:hover .t_r dt::after { -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);border-color: #3eaa98; } #product .product_nr .cate_box .cate_right .cate_2 a .t_r .b { float: right; } #product .product_nr .cate_box .cate_right .cate_2 a .t_r .b img { max-width: 100%; } #product .product_nr .cate_box .cate_right .cate_2 a .t_r dt img { display: block; max-width: 100%; border-radius: 50%; border:4px solid rgba(39, 75, 153, 1);} #product .product_nr .cate_box .cate_right .cate_2 a .t_l h3 { font-size: 36px; font-weight: bold; color: rgba(39, 75, 153, 1); text-overflow: ellipsis; white-space: nowrap;overflow: hidden;} #product .product_nr .cate_box .cate_right .cate_2 a .t_l p { font-size: 20px; display: block; color: #666666; line-height: 2; margin-top: 6px; } #product .product_nr .cate_box .cate_right .cate_2:last-child a .t_r { width: 50% } #product .product_nr .cate_box .cate_right .cate_2:last-child a .t_l { width: 50%; } #product a:hover .fangda { margin-left: 20px; } @media(max-width: 1510px) { #product { padding: 45px 0 50px 0; } #product .product_nr { padding:0px; } #product .product_nr .cate_box .cate_left a .t { padding: 70px 32px 0px 38px; } #product .product_nr .cate_box .cate_left a .t .t_l h3 { font-size: 34px; } #product .product_nr .cate_box .cate_left a .t .t_l p { font-size: 18px; } #product .product_nr .cate_box .cate_left a .t .t_r dt { width: 200px; } #product .product_nr .cate_box .cate_left a .t .t_r dt::after { border: 10px solid rgba(255,255,255,0);border-top-color: #3eaa98;border-right-color: #3eaa98; } #product .product_nr .cate_box .cate_right .cate_2 a .t_l h3 { font-size: 34px; } #product .product_nr .cate_box .cate_right .cate_2 a .t_l p { font-size: 18px; } } @media(max-width: 1410px) { #product .product_nr { margin-top: 35px; } #product .product_nr .cate_box .cate_left a .t .t_l h3 { font-size: 30px; } #product .product_nr .cate_box .cate_left a .t .t_l p { font-size: 16px; } #product .product_nr .cate_box .cate_right .cate_2 a .t_l h3 { font-size: 30px; } #product .product_nr .cate_box .cate_right .cate_2 a .t_l p { font-size: 16px; } #product .product_nr .cate_box .cate_right .cate_2 a .t_r dt::after { border: 6px solid rgba(255,255,255,0); border-top-color: #3eaa98; border-right-color: #3eaa98; } } @media(max-width: 1310px) { #product { padding: 35px 0 40px 0; } #product .product_nr .cate_box .cate_left a .t .t_l h3 { font-size: 28px; } #product .product_nr .cate_box .cate_left a .t .t_l p { font-size: 14px; } #product .product_nr .cate_box .cate_right .cate_2 a .t_l p { font-size: 14px; } #product .product_nr .cate_box .cate_right .cate_2 a .t_l h3 { font-size: 28px; } #product .product_nr .cate_box .cate_left a .t .t_r dt { width: 180px; } } @media(max-width: 1199px) { #product .product_nr .cate_box .cate_left a .t { padding: 50px 22px 0px 28px; } #product .product_nr .cate_box .cate_left a .t .t_r dt { width: 160px; } #product .product_nr .cate_box .cate_right .cate_2 a { padding: 33px 20px 25px 35px; } #product .product_nr .cate_box .cate_right .cate_2 a .t_l { width: 37%; } #product .product_nr .cate_box .cate_right .cate_2 a .t_r { width: 63%; } } @media(max-width: 991px) { #product .product_nr .cate_box { display: block; } #product .product_nr .cate_box .cate_left { display: block; width: 100%; margin-right:0px; margin-bottom:20px; } #product .product_nr .cate_box .cate_left a .t { padding-top: 80px; } #product .product_nr .cate_box .cate_right .cate_2:first-child { padding-bottom: 0px; margin-bottom: 20px; } #product .product_nr .cate_box .cate_right .cate_2 a .t_l { margin-top: 30px; } } @media( max-width: 767px) { #product .product_nr .cate_box .cate_left a .b { margin-top: 0px;} #product .product_nr .cate_box .cate_left a .t { padding-top: 50px; } #product .product_nr .cate_box .cate_right .cate_2:first-child a .t_l { float: right; margin-top: 0; } #product .product_nr .cate_box .cate_right .cate_2:first-child a .t_r { float: left; } #product .product_nr .cate_box .cate_right .cate_2:first-child a .t_r dt { right: 230px; } #product .product_nr .cate_box .cate_right .cate_2:first-child a {padding: 23px 15px 35px 0px; } } @media(max-width: 500px) { #product { padding:20px 0 20px 0;; } #product .product_nr { margin-top: 25px; } #product .product_nr .cate_box .cate_left a .t { padding: 30px 15px 0px 15px; } #product .product_nr .cate_box .cate_left a .t .t_l h3 { font-size: 22px; } #product .fangda { font-size: 14px; width: 120px; } #product .product_nr .cate_box .cate_left a .t .t_r dt { width: 110px; } #product .product_nr .cate_box .cate_left a .t .t_r dt img { border: 2px solid rgba(39, 75, 153, 1); } #product .product_nr .cate_box .cate_left a .t .t_r dt::after { border: 6px solid rgba(255,255,255,0);border-top-color: #3eaa98; border-right-color: #3eaa98; } #product .product_nr .cate_box .cate_left a .b { margin-top: 30px; } #product .product_nr .cate_box .cate_right .cate_2 a { padding: 23px 15px 35px 15px; } #product .product_nr .cate_box .cate_right .cate_2 a .t_l p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #product .product_nr .cate_box .cate_right .cate_2 a .t_l h3 { font-size: 22px; } #product .product_nr .cate_box .cate_right .cate_2 a .t_r dt { width: 80px; height: 80px; right: 20px; top: 50%; } #product .product_nr .cate_box .cate_right .cate_2 a .t_r dt::after { border: 4px solid rgba(255,255,255,0);border-top-color: #3eaa98;border-right-color: #3eaa98; } #product .product_nr .cate_box .cate_right .cate_2 a .t_r dt img { border: 2px solid rgba(39, 75, 153, 1); } #product .product_nr .cate_box .cate_right .cate_2:first-child a .t_r dt { right: 150px; } } @media(max-width: 350px) { #product .product_nr .cate_box .cate_left a .t .t_r dt { width: 80px; } #product .product_nr .cate_box .cate_left a .b { margin-top: 0px; } #product .product_nr .cate_box .cate_left a .t .t_l h3 { font-size: 18px; } #product .fangda { line-height: 2.5; } #product .product_nr .cate_box .cate_right .cate_2 a .t_l h3 { font-size: 18px; } } /*核心优势*/ #advantage { padding:0px; display: block;/*! overflow: hidden; */ position: relative; z-index: 1; background: url(../images/ysbg.jpg)no-repeat center /cover; } #advantage .advantage_nr { display: flex; /*! overflow: hidden; */ } #advantage .advantage_nr .advantage_btn { /*! flex: 1; */ padding-top: 70px; width: 60%;display: flex;align-items: center;flex-wrap: wrap;padding: 0px 40px 0px 0px;} #advantage .advantage_nr .advantage_btn a p{margin-top:5px;} #advantage .advantage_nr .advantage_btn a { display: block; margin-bottom:18px; padding:0px;/*! width: 60px; *//*! height: 60px; */text-align: center;/*! line-height: 60px; *//*! border: 1px solid white; */border-radius: 50%;color: white;margin: 20px 80px;margin: ;/*! display: flex; *//*! justify-items: center; */} #advantage .advantage_nr .advantage_btn a img{/*! max-height: 40px; *//*! max-width: 40px; */display: inline-block;margin-top: 10px;border: 1px solid white;border-radius: 50%;padding: 10px;width: 70px;height: 70px;} #advantage .advantage_nr .advantage_btn a .box { display: flex; align-items: center; background: #fff; border-radius: 100px; position: relative; transition: all 0.5s; overflow:hidden; } #advantage .advantage_nr .advantage_btn a .box::after { content: '';display: block;position: absolute;width: 0;height: 100%;border-radius: 100px;top: 0;left: 0;background: #3eaa98;transition: all .5s ease; z-index: 1; } #advantage .advantage_nr .advantage_btn a .box dt { flex: 0.35; position: relative; z-index: 2;} #advantage .advantage_nr .advantage_btn a .box dt img { max-width: 110px; display: block; border:4px solid #bbbbbb; border-radius: 50%; transition: all 0.5s;} #advantage .advantage_nr .advantage_btn a .box .desc { flex: 0.65; position: relative; z-index: 2;} #advantage .advantage_nr .advantage_btn a .box .desc p { font-size: 24px; font-weight: bold; color: #444444; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #advantage .advantage_nr .advantage_btn a .box .desc span { font-size: 14px; color: #999999; display: block; line-height: 2;width: 90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #advantage .advantage_nr .advantage_btn a.on .box::after { width: 100%;} #advantage .advantage_nr .advantage_btn a.on .box dt img { border:4px solid #3eaa98;transform: rotate(360deg); } #advantage .advantage_nr .advantage_btn a.on .box .desc p { color: #fff; } #advantage .advantage_nr .advantage_btn a.on .box .desc span { color: #fff; } #advantage .advantage_nr ul { /*! flex: 1; */ background: #274b99b8;width: 40%;margin-top: -80px;padding: 30px;} #advantage .advantage_nr ul li { padding-left: 73px; padding-right: 73px; display: none; } #advantage .advantage_nr ul li:first-child {display: block; } #advantage .advantage_nr ul li .box_desc { display: block; } #advantage .advantage_nr ul li .box_desc .t { display: block; overflow: hidden;} #advantage .advantage_nr ul li .box_desc .t .t_l { float: left; display: block; font-size: 76px; font-weight: bold; font-family: 'arial'; color: #fff;line-height: normal; } #advantage .advantage_nr ul li .box_desc .t .t_r { float: left; display: block; margin-top: 22px; margin-left: 15px;} #advantage .advantage_nr ul li .box_desc .t .t_r p { font-size: 42px; font-weight: bold; color: #3eaa98; display: block; } #advantage .advantage_nr ul li .box_desc .t .t_r span { padding-left: 24px; padding-right: 24px; display:inline-block; line-height: 35px; background: #bad618; color: #fff; font-size: 18px;} #advantage .advantage_nr ul li .box_desc .list { font-size: 16px; display: block; color: white; margin-top: 35px; line-height: 2; } #advantage .advantage_nr ul li .box_desc a { width: 168px; display: block; line-height: 52px; text-align: left; padding-left: 35px; border-radius: 4px; font-size: 18px; color: #fff; background: rgba(172, 206, 34, 1); position: relative; margin-top: 40px; } #advantage .advantage_nr ul li .box_desc a::after {position: absolute; content: ''; width: 15px; height: 16px; display: block; background: url(../images/right.png)no-repeat center; top: 50%; transform: translateY(-50%); right: 35px; } @media(max-width: 1510px) { #advantage { padding:50px 0 130px 0; } #advantage .advantage_nr ul li { padding-left: 50px;padding-right: 50px; } #advantage .advantage_nr ul li .box_desc .t .t_l { font-size: 106px; } #advantage .advantage_nr ul li .box_desc .t .t_r p { font-size: 36px; } #advantage .advantage_nr ul li .box_desc .t .t_r span { font-size: 16px; } #advantage .advantage_nr ul li .box_desc .t .t_r { margin-top: 10px;margin-left: 10px; } #advantage .advantage_nr .advantage_btn a .box .desc p { font-size: 22px; } #advantage .advantage_nr .advantage_btn a .box .desc { padding-left: 15px; } #advantage .advantage_nr .advantage_btn a .box .desc span { width: 80%; } #advantage .advantage_nr ul li .box_desc .list { margin-top: 20px; font-size: 14px; } #advantage .advantage_nr ul li .box_desc a { margin-top: 30px; } } @media(max-width: 1410px) { #advantage .advantage_nr .advantage_btn a .box .desc span { width: 70%; } } @media(max-width: 1310px) { #advantage .advantage_nr ul li { padding-left: 30px; padding-right: 30px; } #advantage .advantage_nr ul li .box_desc a { font-size: 16px;padding-left: 40px; } #advantage .advantage_nr .advantage_btn a .box .desc p { font-size: 18px; } #advantage .advantage_nr .advantage_btn a .box .desc span { width: 60%; } #advantage .advantage_nr ul li .box_desc .t .t_r p { font-size: 30px; } #advantage .advantage_nr ul li .box_desc .t .t_r { margin-top: 15px; } #advantage { padding: 50px 0 100px 0 } } @media(max-width: 1199px) { #advantage { padding: 30px 0 80px 0; } #advantage .advantage_nr .advantage_btn { flex: 0.6; } #advantage .advantage_nr ul { flex: 0.4; } #advantage .advantage_nr .advantage_btn a { } #advantage .advantage_nr ul li { padding-left: 15px; } #advantage .advantage_nr ul li .box_desc .t .t_l { font-size: 90px; } } @media(max-width: 991px) { #advantage .advantage_nr { display: block; } #advantage .advantage_nr .advantage_btn { display: block; overflow: hidden; width: 100%; } #advantage .advantage_nr .advantage_btn a .box { display: block; border-radius: 0px;} #advantage .advantage_nr .advantage_btn a .box dt { display: none; } #advantage .advantage_nr .advantage_btn a .box .desc { width: 100%; display: block;padding-top: 15px; padding-bottom: 15px; padding-right: 15px;} #advantage .advantage_nr .advantage_btn a .box::after { border-radius: 0px; } #advantage .advantage_nr .advantage_btn a .box .desc span { width: 100%; } #advantage .advantage_nr ul { width: 100%; display: block; margin-top: 20px; } } @media(max-width: 767px) { #advantage .advantage_nr .advantage_btn a { /*! width: 50%; */ float: left; } #advantage .advantage_nr .advantage_btn a:nth-child(odd) { padding-right: 8px; padding-left: 0px; } #advantage .advantage_nr .advantage_btn a:nth-child(even) { padding-left: 8px; padding-right: 0px; } #advantage .advantage_nr .advantage_btn { padding-top: 30px; } #advantage { padding-bottom: 40px; } #advantage .advantage_nr ul li { padding-left: 10px; } } @media(max-width: 500px) { #advantage .advantage_nr .advantage_btn a .box .desc { padding-top: 10px; padding-bottom: 10px; } #advantage .advantage_nr .advantage_btn a .box .desc p { font-size: 17px; } #advantage .advantage_nr .advantage_btn a { margin-bottom: 10px; } #advantage .advantage_nr .advantage_btn a:nth-child(odd) { padding-right: 5px; padding-left: 0px; } #advantage .advantage_nr .advantage_btn a:nth-child(even) { padding-left: 5px; padding-right: 0px; } #advantage .advantage_nr ul li .box_desc .t .t_l { font-size: 80px; } #advantage .advantage_nr ul li .box_desc .t .t_r p { font-size: 24px; } #advantage .advantage_nr ul li .box_desc .t .t_r span { font-size: 14px; line-height: 2;padding-left: 14px; padding-right: 14px; } #advantage .advantage_nr ul li .box_desc .t .t_r { margin-top: 8px; } #advantage .advantage_nr ul li { padding-right: 0px; } } @media(max-width: 350px) { #advantage .advantage_nr .advantage_btn a .box .desc span { font-size: 12px; } #advantage .advantage_nr ul li .box_desc a { font-size: 14px;line-height: 3;width: 150px; } } /*成功案例*/ #case { display: block;padding-top: 60px; padding-bottom: 125px; position: relative; background: #f5f5f5; } #case .case_bg { position: absolute; top: -50px; left: 0; z-index: 2;} #case .case_bg img { display: block; max-width: 100%; } #case .case_box { display: block; overflow: hidden; position: relative;z-index: 3; } #case .case_box .box_l { text-align: left; } #case .case_box .box_l .case_t {text-align: left; display: block; } #case .case_box .box_l .case_t p {margin: 35px auto;width: 90px;font-size: 20px;line-height: 24px;transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);font-size: 66px;color: #fff;font-weight: bold;text-transform: uppercase; float: left;} #case .case_box .box_l .case_t span { float: left; width: 50px; font-size: 48px; color: #fff; font-weight: bold; line-height: 50px;} #case .case_box .box_r { display: block; position: relative; } #case .case_box .box_r .box_r_nr { display: block; } #case .case_box .box_r .box_r_nr .case_btn { display: block; overflow: hidden; margin-bottom: 35px;} #case .case_box .box_r .box_r_nr .case_btn a { width: 168px;line-height: 52px; display: block; border-radius: 5px; text-align: center; background: #fff; display: inline-block; margin-right: 26px; font-size: 18px; color: #999999; } #case .case_box .box_r .box_r_nr .case_btn a.on { background: #3eaa98; color: #fff; } /*#case .case_box .box_r .case_imgbox ul { display: none; }*/ /*#case .case_box .box_r .case_imgbox ul:first-child { display: block; }*/ #case .case_box .box_r .case_imgbox ul li { display: block; } #case .case_box .box_r .case_imgbox ul li a { display: block; } #case .case_box .box_r .case_imgbox ul li a img { max-width: 100%; display: block; } #case .case_box .box_r .case_imgbox ul li a .desc { padding:34px 37px 0; } #case .case_box .box_r .case_imgbox ul li a .desc .t { font-size: 24px; font-weight: bold; color: #444444; display: block; } #case .case_box .box_r .case_imgbox ul li:hover a .desc .t { color: rgba(172, 206, 34, 1); } #case .case_box .box_r .case_imgbox ul li a .desc .list { font-size: 14px; color: #999999; display: block; line-height: 1.6; margin-top: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; } #case .case_box .box_r .case_imgbox ul li a .desc span { margin-top: 20px; font-size: 14px; color: #999999; display: block; overflow: hidden; } #case .case_box .box_r .case_imgbox ul li:hover a .desc span{ color: #666; } #case .case_box .box_r .owl-prev, #case .case_box .box_r .owl-next { position: absolute; width: 58px; height: 58px; display: block; bottom: 0; left: -200px; z-index: 9; border-radius: 50%; border:2px solid #fff; text-indent: -9999999px; background-image: url(../images/case_ico.png); background-repeat: no-repeat; background-color: rgba(255,255,255,0.2); background-position: center; transition: all 0.5s;} #case .case_box .box_r .owl-prev { bottom: 95px; } #case .case_box .box_r .owl-next { bottom: 25px; transform: rotate(180deg);} #case .case_box .box_r .owl-prev:hover, #case .case_box .box_r .owl-next:hover { box-shadow: 0px 0px 8px 0px rgba(255,255,255,0.4); background-color: rgba(62,170,152,1); border:2px solid #3eaa98; } @media(max-width: 1810px) { #case .case_bg img { max-width: 75%; } #case .case_box .box_r .owl-prev, #case .case_box .box_r .owl-next { left: -130px; } #case .case_box .box_r .owl-prev { bottom: 215px; } #case .case_box .box_r .owl-next { bottom: 145px; } } @media(max-width: 1710px) { #case .case_bg img { max-width: 75%; } #case .case_box .box_r .owl-prev, #case .case_box .box_r .owl-next { left: -130px; } #case .case_box .box_r .owl-prev { bottom: 215px; } #case .case_box .box_r .owl-next { bottom: 145px; } } @media(max-width: 1610px) { #case .case_bg img { max-width: 70%; } } @media(max-width: 1510px) { #case .case_bg img { max-width: 67%; } #case { padding-bottom: 100px; } } @media(max-width: 1410px) { #case .case_bg img { max-width: none; } #case .case_bg { width: 230px;display: block;overflow: hidden;height: 600px; } #case .case_box .box_l .case_t span { font-size: 40px; } #case .case_box .box_l .case_t p { font-size: 58px; } #case {padding-bottom: 70px; } } @media(max-width: 1310px) { #case .case_bg { width: 200px; height: 550px; } #case .case_box .box_l { padding-left: 0px; } #case .case_box .box_r .owl-prev { bottom: 185px; } #case .case_box .box_r .owl-next { bottom: 115px; } #case .case_box .box_r .case_imgbox ul li a .desc { padding: 24px 20px 0; } #case .case_box .box_r .case_imgbox ul li a .desc .t { font-size: 20px; } } @media(max-width: 1199px){ #case .case_bg { width: 170px; } #case .case_box .box_r .owl-prev { bottom: 135px; } #case .case_box .box_r .owl-next { bottom: 65px; } } @media(max-width: 767px) { #case { padding-bottom: 30px; padding-top: 30px;} #case .case_bg { display: none; } #case .case_box .box_r { display: block; padding-left: 0px; padding-right: 0px; margin-top: 30px; } #case .case_box .box_r .box_r_nr .case_btn { text-align: center; } } @media(max-width: 500px) { #case .case_box .box_r .box_r_nr .case_btn { margin-bottom: 15px; } #case .case_box .box_r .box_r_nr .case_btn a { width: 140px; line-height: 3; margin-right:0px; font-size: 14px; margin-bottom: 15px;} #case .case_box .box_r .box_r_nr .case_btn a:last-child { margin-left:5px; } #case .case_box .box_r .box_r_nr .case_btn a:first-child { margin-right:5px; } #case .case_box .box_r .case_imgbox ul li a .desc .t { font-size: 18px; } } /*视频中心*/ #update_itera .up_it {position: relative;height: 200vh;} #update_itera .up_it {display: flex;width: 100%;justify-content: center;align-items: center;} #update_itera .up_it_video {position: relative;min-height: 300px;width: 100vw;height: 100vh;/*left: 0;*/top: 0;max-height: 100vh;overflow: hidden;-webkit-transition: ease 0.6s;-moz-transition: ease 0.6s;-o-transition: ease 0.6s;transition: ease 0.6s;display: flex;justify-content: center;} #update_itera .up_it_video img{max-width: 100%;} .max_767px {display: none;} #update_itera .up_it_video video {object-fit: cover;width: 100%;} #update_itera .back_black {position: absolute;background-color: rgba(0, 0, 0, 0.3);top: 0px;left:0px;width: 100%;text-align: center;display: none;min-height: 300px;height: 100%;} #update_itera .back_black_f {display: flex;height: 100%;width: 100%;justify-content: center;align-items: center;} #update_itera .back_black .ti1 {font-size: 48px;color: #fff;line-height: 48px;margin-bottom: 32px;} #update_itera .back_black .ti2 {font-size: 18px;color: #fff;line-height: 18px;margin-bottom: 60px;} #update_itera .back_black_f a { width: 200px; display: block; line-height: 58px; border-radius: 35px; background-color: #3eaa98; margin:0 auto; color: #ffffff;font-size: 20px; text-align: left; } #update_itera .back_black_f a span { float: left; overflow: hidden; margin-top:15px; margin-left:33px; margin-right: 10px;} #update_itera .back_black_f a span img { display: block; max-width: 100%; } #update_itera .back_black .butten_blu {width: 160px;height: 48px;margin: auto;} .butten_blu {background-color: #2575d5;border-radius: 24px;display: flex;justify-content: center;align-items: center;} .bu_ti {color: #fff;cursor: pointer;font-size: 16px;} .arr_r_w {width: 18px;height: 8px;margin-left: 9px;position: relative;left: 0px;-webkit-transition: left .8s;-moz-transition: left .8s;-o-transition: left .8s;transition: left .8s;} @media(max-width: 767px) { .max_767px { display: block; } #update_itera .back_black .ti1 { font-size: 36px; margin-bottom: 15px;} #update_itera .back_black .ti2 { font-size: 16px; margin-bottom: 50px; } } @media(max-width: 500px) { #update_itera .back_black .ti1 { font-size: 28px; } #update_itera .back_black .ti2{ font-size: 16px; margin-bottom: 20px; padding-left: 15px; padding-right: 15px; line-height: 1.6;} #update_itera .back_black_f a { line-height: 45px; font-size: 16px; width: 180px;} #update_itera .back_black_f a span img { max-width: 90%; } #update_itera .back_black_f a span { margin-top: 11px; } } /*公司简介*/ #about { overflow: hidden;background: #fff;position: relative; z-index: 2; padding-top: 105px; padding-bottom: 60px;} #about .about_nr { display: flex; overflow: hidden; } #about .about_nr .box_l { /*! flex: 0.5; */padding-right: 20px; padding-left: 0; } #about .about_nr .box_r { /*! /*! flex: 0.; */ /*! *\/ */ } #about .about_nr .box_l .flex { width: 100%; height: 100%;} #about .about_nr .box_l .flex .desc {height: 112px; margin-top: 50px; font-size: 16px; color: #999999; line-height: 1.8; display: block; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden; } #about .about_nr .box_l .flex a { width: 168px;display: block;line-height: 52px;text-align: left;padding-left: 35px;border-radius: 4px;font-size: 18px;color: #fff;background: #3eaa98;position: relative;margin-top: 40px; } #about .about_nr .box_l .flex a::after { position: absolute;content: '';width: 15px;height: 16px;display: block;background: url(../images/right.png)no-repeat center;top: 50%;transform: translateY(-50%);right: 35px; } #about .about_nr .box_r { padding-left: 0px; padding-right: 0px; position: relative;padding: 40px;} #about .about_nr .box_r .desc{line-height: 30px;margin-top:50px} #about .about_nr .box_r::after { /*! position: absolute; */ /*! content: ''; */ /*! width: 80px; */ /*! height: 80px; */ /*! border-radius: 50%; */ /*! background: #fff; */ /*! left: -40px; */ /*! top:50%; */ /*! transform: translateY(-50%); */ /*! z-index: 9; */ /*! box-shadow: 0px 0px 6px 0px rgba(62,170,152,0.4); */ } #about .about_nr .box_r::before { /*! position: absolute; */ /*! content: ''; */ /*! width: 4px; */ /*! height: 4px; */ /*! background: #d5d5d5; */ /*! top:50%; */ /*! transform: translateY(-50%); */ /*! z-index: 10; */ } #about .about_nr .box_r .swiper-button-next, #about .about_nr .box_r .swiper-button-prev { width: 24px; height: 24px; display: block; position: absolute; background: url(../images/about_ico.png)no-repeat center; z-index: 10; top: 52%; } #about .about_nr .box_r .swiper-button-next { left: -28px; } #about .about_nr .box_r .swiper-button-prev {left: 5px; transform: rotate(180deg); } #about .about_nr .box_r .swiper-button-next:hover, #about .about_nr .box_r .swiper-button-prev:hover { background: url(../images/about_ico_on.png)no-repeat center; } #about .about_nr .box_r .swiper-container { position: static; } #about .about_nr .box_r .swiper-pagination { display: none; } @media(max-width: 1510px) { #about .about_nr .box_l { padding-right: 100px; } } @media(max-width: 1410px) { #about .about_nr .box_r .swiper-button-next, #about .about_nr .box_r .swiper-button-prev { top:53%; } } @media(max-width: 1310px) { #about .about_nr .box_l .flex a { font-size: 16px;padding-left: 40px; } } @media(max-width: 1199px) { #about .about_nr .box_l { padding-right: 50px; } #about .about_nr .box_l .flex .desc { font-size: 14px; margin-top: 30px; height: auto;} #about .about_nr .box_l .flex a { margin-top: 20px; } } @media(max-width: 991px) { #about { padding-top: 65px; } #about .about_nr .box_l .flex .title { text-align: left; } #about .about_nr .box_l .flex .title p { font-size: 48px; } #about .about_nr .box_l .flex .title h2 { font-size: 36px; } #about .about_nr .box_l .flex a { display: none; } #about .about_nr .box_r .swiper-button-next, #about .about_nr .box_r .swiper-button-prev { top: 55%; } } @media(max-width: 767px) { #update_itera .up_it_video video { display: none; } #about .about_nr { display: block; } #about { padding-top: 35px; padding-bottom: 30px;} #about .about_nr .box_l { display: block; overflow: hidden; width: 100%; margin-bottom:30px; padding-right: 0px; } #about .about_nr .box_r::after { display: none; } #about .about_nr .box_r::before { display: none; } #about .about_nr .box_r .swiper-button-next, #about .about_nr .box_r .swiper-button-prev { display: none; } #about .about_nr .box_r .swiper-pagination { display: block; } #about .about_nr .box_r .swiper-pagination .swiper-pagination-bullet-active { background: #3eaa98; } } @media(max-width: 500px) { #about .about_nr .box_l .flex .title h2 { font-size: 26px; } #about .about_nr .box_l .flex .title p{ font-size: 36px; } #about .about_nr .box_l .flex .desc { height: 100px; } } /*数字滚动*/ #scroll { background: #fff;position: relative; z-index: 2; padding-bottom: 80px;} #scroll .number{ display:block;} #scroll .number .stat-items { text-align: center; display: block; } #scroll .number .stat-items .stat-items-t { font-size: 60px; color: #3eaa98; font-weight: bold; line-height: 1;} #scroll .number .stat-items .stat-items-unit { font-size: 16px; color: #3eaa98;line-height: normal; } #scroll .number .stat-items p { line-height: normal; display: block; font-size: 16px; color: #888888; } #scroll .number .stat-items .stat-items-t-box {} #scroll .number .stat-items .stat-items-t{ position: relative; } #scroll .number .stat-items .stat-items-t::after { position: absolute; content: ''; width: 35px; height: 35px; display: block; top: 17px; right:-80px; } #scroll .number .stat-items:nth-child(1) .stat-items-t::after { background: url(../images/number_ico01.png)no-repeat center / contain; } #scroll .number .stat-items:nth-child(2) .stat-items-t::after { background: url(../images/number_ico02.png)no-repeat center / contain; } #scroll .number .stat-items:nth-child(3) .stat-items-t::after { background: url(../images/number_ico03.png)no-repeat center / contain; } #scroll .number .stat-items:nth-child(4) .stat-items-t::after { background: url(../images/number_ico04.png)no-repeat center / contain; } @media(max-width: 1510px) { #scroll .number .stat-items .stat-items-t { font-size: 52px; } #scroll .number .stat-items .stat-items-t::after { right: -65px; } #scroll { padding-bottom: 50px; } } @media(max-width: 1310px) { #scroll .number .stat-items .stat-items-t::after { width: 30px; height: 30px; } } @media(max-width: 1199px) { #scroll .number .stat-items .stat-items-t::after { display: none; } #scroll .number .stat-items .stat-items-t { font-size: 40px; } } @media(max-width: 767px) { #scroll { padding-bottom: 30px; } #scroll .number .stat-items { margin-bottom: 20px; } } @media(max-width: 500px) { #scroll .number .stat-items .stat-items-t { font-size: 32px; } #scroll .number .stat-items p { font-size: 14px; line-height: 2; } #scroll { padding-bottom: 0px; } } /*荣誉资质*/ #honor { overflow: hidden; background: #f5f5f5; display: block; position: relative; z-index: 2; padding-top: 70px; padding-bottom: 85px; } #honor .honor_nr { display: block;margin-top: 45px; } #honor .honor_nr ul { display: block; } #honor .honor_nr ul a { display: block;/*! padding-top: 40px; */ /*! padding-left: 12px; */ /*! padding-right: 12px; */ background: #fff; padding-bottom: 15px; display: flex;align-items: center;padding: 20px;justify-content: center;} #honor .honor_nr ul a img { display: block; /*! border:1px solid #eee; */ /*! max-width: 80px; */height: 80px;} #honor .honor_nr ul a p { font-size: 16px; color: #666666; line-height: 3; text-align: center; display: block; margin:10px 0 0;margin-left: 10px;} #honor .honor_nr ul a:hover p { color: rgba(172, 206, 34, 1); } #honor .honor_nr ul .owl-nav .owl-prev, #honor .honor_nr ul .owl-nav .owl-next { position: absolute;width: 58px;height: 58px;display: block;top: 50%;transform: translateY(-50%);z-index: 9;border-radius: 50%;border: 2px solid #d5d5d5;text-indent: -9999999px;background-image: url(../images/honer_ico.png);background-repeat: no-repeat;background-color: rgba(255,255,255,0.2);background-position: center;transition: all 0.5s; } #honor .honor_nr ul .owl-nav .owl-prev:hover, #honor .honor_nr ul .owl-nav .owl-next:hover { background-image: url(../images/honer_ico_on.png); background-color: rgba(172, 206, 34, 1); border: 2px solid rgba(172, 206, 34, 1);} #honor .honor_nr ul .owl-nav .owl-prev { left: -65px; transform: rotate(180deg); } #honor .honor_nr ul .owl-nav .owl-next { right: -65px; } @media(max-width: 1510px) { #honor { padding-top: 50px; padding-bottom: 65px; } #honor .honor_nr ul a { padding-top: 30px;padding-left: 37px;padding-right: 37px; } #honor .honor_nr ul a p { line-height: 2; } #honor .honor_nr .owl-nav { display: none; } } @media(max-width: 991px) { #honor { padding-top: 30px;padding-bottom: 45px; } } @media(max-width: 500px) { #honor .honor_nr { margin-top: 25px; } #honor .honor_nr ul a { padding-top: 15px;padding-left: 17px;padding-right: 17px; } #honor { padding-top: 20px;padding-bottom: 25px; } } /*服务范围*/ #city { background: url(../images/city_bg.png)no-repeat center #edf4f4; display: block; overflow: hidden; position: relative; z-index: 2; } #city .city_nr { overflow: hidden; padding-top: 35px; display: flex; flex-direction: row-reverse;} #city .city_nr .city_l { flex: 0.6; } #city .city_nr .city_l dt { display: block; } #city .city_nr .city_l dt img { display: block; max-width: 100%; } #city .city_nr .city_r { flex: 0.4; } #city .city_nr .city_r .flex { width: 100%; height: 100%;-webkit-justify-content: left; } #city .city_nr .city_r .flex .desc { margin-top: 80px; display: block; overflow: hidden; } #city .city_nr .city_r .flex .desc ul { display: block; overflow: hidden;} #city .city_nr .city_r .flex .desc ul li {padding-left: 25px; font-size: 18px; color: #666666; line-height: 2; position: relative;} #city .city_nr .city_r .flex .desc ul li::after { width: 14px; height: 14px; display: block; position: absolute; content: ''; border-radius: 50%; border:3px solid #3eaa98; left: 2px; top: 50%; transform: translateY(-50%);} #city .city_nr .city_r .flex a { width: 168px;display: block;line-height: 52px;text-align: left;padding-left: 20px;border-radius: 4px;font-size: 18px;color: #fff;background: #3eaa98;position: relative;margin-top: 40px; } #city .city_nr .city_r .flex a::after { position: absolute;content: '';width: 15px;height: 16px;display: block;background: url(../images/right.png)no-repeat center;top: 50%;transform: translateY(-50%);right: 15px; } @media(max-width: 1510px) { #city .city_nr .city_r .flex { padding-left: 5%; } } @media(max-width: 1310px) { #city .city_nr .city_r .flex a { font-size: 16px; } #city .city_nr .city_r .flex a::after { right: 25px; } } @media(max-width: 1199px) { #city .city_nr .city_r .flex .desc ul li { font-size: 14px; } #city .city_nr .city_r .flex .desc { margin-top: 50px; } } @media(max-width: 991px) { #city .city_nr .city_r .flex .title { text-align: left; } #city .city_nr .city_r .flex .title p { font-size: 48px; } #city .city_nr .city_r .flex .title h2 { font-size: 36px; } #city .city_nr .city_r .flex .desc { margin-top: 20px; } #city .city_nr .city_r .flex a { margin-top: 20px; } } @media(max-width: 767px) { #city .city_nr { display: block; width: 100%; overflow: hidden; position: relative;z-index: 1; padding-bottom: 60px;} #city { padding-top: 60px; position: relative;} #city .city_nr .city_r { position: relative; z-index: 3; width: 100%; display: block;} #city .city_nr .city_l { width: 100%; display: block;position: absolute;z-index: 2;left: 0;bottom: 0; } #city .city_nr .city_r .flex .title p { color: rgba(62,170,152,0.4); } #city .city_nr .city_r .flex .title h2 { color: #333; } #city .city_nr .city_r .flex .desc ul li { color: #444; background: #f5f5f5; margin-bottom: 10px; padding-right: 20px; } } @media(max-width: 500px) { #city .city_nr .city_r .flex .title p { font-size: 36px; } #city .city_nr .city_r .flex .title h2 { font-size: 26px; } #city {padding-top: 20px; } #city .city_nr .city_r .flex .desc ul li { font-size: 13px; } #city .city_nr .city_r .flex a { font-size: 14px; line-height: 3; width: 150px; } } /*新闻资讯*/ #news { overflow: hidden; background: #fff; display: block; position: relative; z-index: 2; padding-top: 50px; padding-bottom: 45px; } #news .news_t { overflow: hidden; display: block; } #news .news_t .title { float: left; display: block; } #news .news_t .news_btn { float: right; display: block; padding-top: 50px;} #news .news_t .news_btn a { width: 168px;line-height: 52px;display: block;border-radius: 5px;text-align: center;background: #eeeeee;display: inline-block;margin-left: 26px;font-size: 18px;color: #999999; } #news .news_t .news_btn a.on { background: #3eaa98; color: #fff; } #news .news_nr { display: block; margin-top: 55px; position: relative;} #news .news_nr .box_r_nr { display: block; } #news .news_nr .box_r_nr ul { display: block; } #news .news_nr .box_r_nr ul li { display: block; padding:0 30px;} #news .news_nr .box_r_nr ul li a { display: block; } #news .news_nr .box_r_nr ul li a img { max-width: 100%; display: block; } #news .news_nr .box_r_nr ul li a .desc { padding:20px 10px; display: block; } #news .news_nr .box_r_nr ul li a .desc .t { font-size: 24px; color: #666666; line-height: 2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #news .news_nr .box_r_nr ul li:hover a .desc .t { color: rgba(172, 206, 34, 1); } #news .news_nr .box_r_nr ul li a .desc .list { font-size: 16px; color: #999999; line-height: 1.6; display: block; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;margin-top: 10px;margin-bottom: 20px;} #news .news_nr .box_r_nr ul li a .desc span { text-align: left;font-size: 14px; color: #999999; display: block; } #news .news_nr .box_r_nr ul li:hover a .desc span { color: #454545; } #news .news_nr .box_r_nr ul .owl-nav .owl-prev, #news .news_nr .box_r_nr ul .owl-nav .owl-next { position: absolute;width: 58px;height: 58px;display: block;top: 35%;z-index: 9;border-radius: 50%;border: 2px solid #d5d5d5;text-indent: -9999999px;background-image: url(../images/honer_ico.png);background-repeat: no-repeat;background-color: rgba(255,255,255,0.2);background-position: center;transition: all 0.5s; } #news .news_nr .box_r_nr ul .owl-nav .owl-prev:hover, #news .news_nr .box_r_nr ul .owl-nav .owl-next:hover { background-image: url(../images/honer_ico_on.png);background-color: rgba(172, 206, 34, 1);border: 2px solid rgba(172, 206, 34, 1); } #news .news_nr .box_r_nr ul .owl-nav .owl-prev { left: -65px; transform: rotate(180deg); } #news .news_nr .box_r_nr ul .owl-nav .owl-next { right: -65px; } @media(max-width: 1510px) { #news .news_nr .box_r_nr ul li { padding:0 20px; } } @media(max-width: 1410px) { #news .news_nr .box_r_nr ul li a .desc .t { font-size: 20px; } #news .news_nr .box_r_nr ul .owl-nav { display: none; } } @media(max-width: 1199px) { #news { padding-top: 40px; padding-bottom: 35px; } #news .news_nr { margin-top: 35px; } #news .news_nr .box_r_nr ul li { padding: 0 15px; } #news .news_nr .box_r_nr ul li a .desc .t { font-size: 18px; } } @media(max-width: 991px) { #news .news_t .title{ text-align: left; margin-top: 25px;} #news .news_t .title p { font-size: 48px; } #news .news_t .title h2 { font-size: 36px; } } @media(max-width: 767px) { #news .news_t .title { display: block; float: none; width: 100%; overflow: hidden;margin-top: 0px; text-align: center; } #news .news_t .news_btn { float: none; padding-top: 30px; text-align: center; } } @media(max-width: 500px) { #news .news_t .title p { font-size: 36px; } #news .news_t .title h2 { font-size: 26px; } #news { padding-top: 20px;padding-bottom: 25px; } #news .news_t .news_btn a { width: 140px; line-height: 3; margin-left:0px; font-size: 14px; } #news .news_t .news_btn a:last-child { margin-left:5px; } #news .news_t .news_btn a:first-child { margin-right:5px; } #news .news_nr .box_r_nr ul li { padding:0 5px; } #news .news_nr .box_r_nr ul li a .desc .t { font-size: 16px; } #news .news_nr .box_r_nr ul li a .desc .list { font-size: 14px; } } /* 图片封面动画 */ .white, .whites{position: relative;overflow: hidden;} .white::after, .whites::after{content: '';cursor: pointer;position: absolute;left: -120%;top: 0;width: 100%;height: 100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);transition: unset;} .white:hover::after{left: 120%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;} /* 底部 */ footer { overflow: hidden; background: rgba(42, 59, 66, 1);padding-top: 50px; padding-bottom: 20px; position: relative; z-index: 2; /*! border-top: 2px solid #3eaa98; */ } footer .footer_nr { overflow: hidden; padding-bottom: 60px; } footer .footer_l { padding-left: 0; } footer .footer_l .footer_nav { overflow: hidden; } footer .footer_l .footer_nav .footerlogo img{max-width:500px;} footer .footer_l .footer_nav .fooinfo{margin-top:20px;color:white;line-height: 30px;} footer .footer_l .footer_nav ul {text-align: left; overflow: hidden; margin-right: 80px; float: left; } footer .footer_l .footer_nav ul:last-child {margin-right: 0px; } footer .footer_l .footer_nav ul li>a { display: block; } footer .footer_l .footer_nav ul li>a>span { font-size: 16px; color: #666666; margin-bottom: 20px; display: block; } footer .footer_l .footer_nav ul li>.nav-er-box { overflow: hidden; } footer .footer_l .footer_nav ul li>.nav-er-box .nav-er-list { display: block; } footer .footer_l .footer_nav ul li>.nav-er-box .nav-er-list a { display: block;margin-bottom: 5px; } footer .footer_l .footer_nav ul li>.nav-er-box .nav-er-list a span { font-size: 14px; color: #aaaaaa; line-height: 2; display: block; } footer .footer_l .footer_nav ul li>.nav-er-box .nav-er-list a:hover span { color: #3eaa98; } footer .footer_r { overflow: hidden; padding-left: 0px; } footer .footer_r .footer_r_r { padding-left: 0px; padding-right: 0px; } footer .footer_r .footer_r_r .footer_r_tel_desc { margin-top: 35px; text-align: center;} footer .footer_r .footer_r_r .footer_r_tel_desc p { font-size: 26px; font-weight: bold; color: white; } footer .footer_r .footer_r_r .footer_r_tel_desc em { font-size: 14px; color: #999999; } footer .footer_r .footer_r_r a { display: block; width: 220px; height: 48px; line-height: 48px; text-align: center; border-radius: 30px; margin-top: 20px; font-size: 14px; color: #fff; padding-left: 30px; background: url(../images/footkf_on.png)no-repeat 20px #274b99; transition: all 0.5s; margin:20px auto 0 auto; } footer .footer_r .footer_r_r a:hover { background: url(../images/footkf_on.png)no-repeat 20px #bad618; color: #fff; } footer .footer_r .footer_r_l { float: right; text-align: center;} footer .footer_r .footer_r_l img { width: 140px; display: block; margin:0 auto; border:1px solid #ddd; } footer .footer_r .footer_r_l p { font-size: 14px; display: block; margin-top: 10px; color: #aaaaaa; } footer .icp { overflow: hidden; margin-top: 10px; border-top:1px solid #d5d5d5; padding-top: 10px; } footer .icp .icp_nr { font-size: 12px; color: #aaaaaa; line-height: 2; display: block; text-align: center;} footer .icp .icp_nr a { font-size: 12px; color: #aaaaaa;} footer .icp .icp_nr a:hover { color: rgba(39, 75, 153, 1); } footer .icp .icp_add { font-size: 12px; color: rgba(39, 75, 153, 1); line-height: 2; display: block; } @media(max-width: 1610px) { footer .footer_l .footer_nav ul { margin-right: 70px; } } @media(max-width: 1510px) { footer .footer_r .footer_r_r .footer_r_tel_desc { margin-top: 0px; } footer .footer_l .footer_nav ul { margin-right:60px; } } @media(max-width: 1410px) { footer .footer_l .footer_nav ul { margin-right:50px; } } @media(max-width: 1310px) { footer .footer_l .footer_nav ul { margin-right:35px; } footer .footer_r { padding-right: 0px; } footer .footer_r .footer_r_r .footer_r_tel_desc p { font-size: 22px; } footer .footer_r .footer_r_r a { background: #274b99; width: 190px; text-align: center; padding:0; } } @media(max-width: 1199px) { footer .footer_l .footer_nav ul { margin-right: 25px; } } @media(max-width: 991px) { footer .footer_l .footer_nav ul { margin-right: 15px; } footer .footer_l .footer_nav ul:last-child { display: none; } footer .footer_r .footer_r_r a { width: 175px; } footer .footer_nr { padding-bottom: 30px; } } @media(max-width: 767px) { footer { padding-bottom: 65px; } } @media(max-width: 500px) { footer .footer_r .footer_r_l img { width: 100px; } footer .footer_r .footer_r_r .footer_r_tel_desc p { font-size: 18px; } footer .footer_r .footer_r_r a { width: 140px; font-size: 12px; height: auto; line-height: 3; } footer { padding-top: 30px; } footer .footer_nr { padding-bottom: 10px; } } /*友情链接*/ .link { overflow: hidden;display: block; line-height: 2;} .link .flink span { font-size: 14px; color: #aaaaaa; display: inline-block; float: left;} .link .flink .flink_nr { overflow: hidden; display: inline-block; float: left; width: 90%;} .link .flink a { font-size: 14px; color: #aaaaaa; margin-right:10px; display: inline-block; } @media(max-width: 1199px) { .link .flink .flink_nr { width: 85%; } } @media(max-width: 991px) { .link .flink .flink_nr { width: 80%; } } /* 手机底部按钮 */ .footer-bottom{overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background: #274b99;text-align: center;} .footer-bottom a{display: inline-block;padding: 7px 0;color: #fff;} .footer-bottom a i{font-size: 16px;display: block;} /* 在线客服 */ .diyos {position: fixed;width: 54px;right: 0;top: 50%;z-index: 100;} .diyos ul{position:relative;list-style: none;margin: 0;padding: 0;} .diyos ul li {width: 54px;height: 54px;background: rgb(39, 75, 153);float: left;position: relative;border-top:1px solid #333;z-index:1;} .diyos ul li:first-child{ border-top:0;} .diyos ul li .sidebox, .diyos ul li .semail {position: absolute;width: 54px;height: 54px;top: 0;right: 0;color: #fff;font-size:14px;line-height:54px;overflow: hidden;background:rgba(39, 75, 153, 1);} .diyos ul li .sidetop {width: 54px;height: 54px;line-height: 54px;display: inline-block;} .diyos ul li.sideewm {width: 54px;height: 54px;line-height: 54px;display: inline-block;} .diyos ul li .sideewmshow{width: 130px;position:absolute; top:0; left:-131px; z-index:120; display:none;max-width:none;border: 1px solid #e5e5e5;} .diyos ul li.sideewm:hover .sideewmshow{ display:block;} .diyos ul li img {float: left;} /*内页面包屑*/ .mbx { position: absolute; left: 0; bottom: 0; line-height: 40px; background: rgba(0,0,0,0.3); display: block; z-index: 9; width: 100%; overflow: hidden;} .crumbs{padding-left:18px;background:url(../images/bread.png) no-repeat left center;line-height:40px;float:left;color:#fff;} .crumbs a{color:#fff;} .crumbs a:hover{color:#fff;} .pro_location { margin-bottom: 0px; } /* 内页导航 */ #location { height: 70px; display: block; text-align: center; background: #f5f5f5;} #location ul { display: block; text-align: center; } #location ul li { display: inline-block; } #location ul li a { display: block; padding:0 60px; font-size: 16px; color: #333; text-align: center; line-height: 68px; border:1px solid #ddd; border-right: none; margin-right: -5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #location ul li:last-child a { border-right:1px solid #ddd; } #location ul li.cur a,#location ul li:hover a { background: rgba(172, 206, 34, 1); border-top:1px solid rgba(172, 206, 34, 1); border-bottom:1px solid rgba(172, 206, 34, 1); color: #fff;} @media(max-width: 1199px) { #location { height: 50px; } #location ul li a { padding: 0 30px; font-size: 14px; line-height: 48px; } } @media(max-width: 767px) { #location { display: block; height: auto; } #location ul { display: flex;flex-wrap: wrap;align-content: flex-start;} #location ul li { flex: 1;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;} #location ul li a { padding:0; margin:0; border: none; } } @media(max-width: 500px) { .mbx { height: 35px; } .crumbs { line-height: 35px; font-size: 12px; } #location ul { display: block; width: 100%; } #location ul li { float: left; display: block; width: 25%; border: none; } #location ul li.cur a, #location ul li:hover a { border: none; border-right: 1px solid rgba(172, 206, 34, 1); border-bottom: 1px solid rgba(172, 206, 34, 1); } #location ul li:last-child a { border: none; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;} #location ul li a { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } #location ul li:nth-child(5) a { border-left: 1px solid #ccc; } #location .container { padding-left: 0px; padding-right: 0px; } } /* 内页banner */ .nybanner>div{background-position: center;background-repeat: no-repeat;background-size: cover;} @media (max-width: 1329px){ .nybanner>div{height: 420px !important;} } @media (max-width: 1199px){ .nybanner>div{height: 360px !important;} } @media (max-width: 991px){ .nybanner>div{height: 320px !important;} } @media (max-width: 767px){ .nybanner>div{height: 280px !important;} } @media (max-width: 700px){ .nybanner>div{height: 240px !important;} } @media (max-width: 580px){ .nybanner>div{height: 175px !important;} } @media (max-width: 420px){ .nybanner>div{height: 150px !important;} } @media (max-width: 374px){ .nybanner>div{height: 130px !important;} } /* 内页样式 */ #inside{padding-bottom:30px;padding-left:10px;padding-right:10px;overflow:hidden;} .bgf5{background:#f5f5f5;} .nocontect{background-image: url(../images/page/error.png);background-repeat: no-repeat;background-position: 10px 10px;height: 100px;padding-top: 40px;padding-left: 120px;font-size: 14px;margin-bottom:20px;} @media (max-width:767px) { #inside{padding-bottom:30px;} } /* 内页产品导航 */ #pronav{width: 100%;background: #e8e8e8;text-align: center;margin-bottom:20px;} .pronav-a{line-height: 80px;display:flex;overflow:hidden;} .pronav-a a{flex:1;font-size:16px;color:#333;} .pronav-a a.cur, .pronav-a a:hover{background:#3eaa98;color:#fff;} @media (max-width:1509px) { .pronav-a{display:block;} .pronav-a a{display:inline-block;padding:0 14px;} } @media (max-width:1409px) { .pronav-a a{padding:0 13px;font-size:15px;} } @media (max-width:1309px) { .pronav-a{line-height:60px;} .pronav-a a{padding:0 11px;font-size:14px;} } @media (min-width:768px) and (max-width:1199px) { .pronav-a a{display:block;float:left;width:16.66%;} } @media (max-width:767px) { .pronav-a a{display:block;float:left;width:25%;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} } @media (max-width:500px) { .pronav-a{line-height:40px;} } /* 内页单页面标题 */ #nytitle{text-align: center;padding:0 10px;margin:30px 0;} #nytitle h1{font-size: 36px;color: #353535;font-weight:bold;} #nytitle p{color: #999;font-size: 16px;margin-top: 10px;text-transform:uppercase;} @media only screen and (max-width: 500px){ #nytitle{margin-bottom:20px;} #nytitle h1{font-size: 24px;} #nytitle p{font-size: 14px;} } /* 内页单页面内容 */ .nyshow{width:100%;} .nyshow-til{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;margin:20px 0;} .nyshow-til>h1, .nyshow-til>h2{float: left;padding-right:15px;text-indent: 25px;height: 40px;line-height: 40px;border-bottom: 2px #3eaa98 solid;color: #3eaa98;font-size: 18px;font-weight: bold;position:relative;} .nyshow-til>h1::before, .nyshow-til>h2::before{content:'';position:absolute;left:0;top:50%;margin-top: -15px;width:6px;height:30px;background:#3eaa98;} .nyshowdesc{font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:40px;min-height:300px;} .nyshowdesc p{margin:5px 0;} .nyshowdesc img{max-width:100%;height:auto !important;} .block-shadow{height: 200px;-webkit-box-shadow: 0 10px 20px 0 rgba(50,50,50,.20);box-shadow: 0 10px 20px 0 rgba(50,50,50,.20);-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;} .block-shadow:hover{box-shadow: 0 10px 20px 0 rgba(0,125,255,.5);} .radius-md{border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} .icon-sm{width: 60px;display: inline-block;text-align: center;} .icon-sm em{font-size: 30px;line-height: 30px;} .icon-content{overflow: hidden;} .icon-content h5{font-weight: bold;font-size: 18px;line-height: 25px;color: #1a1a1a;margin-top: 10px;margin-bottom: 10px;} @media (max-width:767px) { .nyshowdesc{font-size:14px;line-height:1.6;margin-bottom:20px;min-height:100px;} .nyshowdesc h1{font-size:30px;} .nyshowdesc h2{font-size:24px;} .nyshowdesc h3{font-size:18px;} .nyshowdesc h4{font-size:14px;} .block-shadow{height:auto;} } /* 内页项目 */ #nyitem{padding-bottom:30px;border-bottom:4px solid #3eaa98;} #nyitem ul>li{padding:0 10px;margin-bottom:20px;} #nyitem ul>li a{display:block;} .ser-img{position:relative;overflow:hidden;} .ser-bg{position:absolute;left:0;top:0;width:100%;height:100%;background: transparent repeat-x bottom;} .ser-img i{position:absolute;left:50%;top:150%;width:60px;height:60px;transform:translate(-50%, -50%);transition: all .3s;} #nyitem ul>li p{font-size:24px;color:#444;line-height:40px;text-align:center;padding:0 10px;} #nyitem ul>li a:hover .ser-bg{background:url(../images/ser-bg.png) repeat-x bottom;} #nyitem ul>li a:hover .ser-img i{top:50%;} #nyitem ul>li a:hover p{font-weight:bold;color:#00a041;} @media only screen and (max-width:767px){ #nyitem ul>li p{font-size:16px;line-height:30px;} } @media only screen and (max-width:500px){ #nyitem ul>li{margin-bottom:10px;} } /* 内页关于我们 */ .brank_con{font-size: 16px;line-height: 1.8;color: #333;} .brank_con>.cpcon h4{color: #3eaa98;font-weight: bold;font-size: 20px;line-height: 1.8;} .brank_con>.cpcon{padding:50px 0;overflow: hidden;} .brank_con>.cpcon:last-child{margin-bottom: 0;} .brank_con>.cpcon:nth-child(odd){background: transparent;} .brank_con>.cpcon:nth-child(odd) .cpcon_img{float: right;} .brank_con>.cpcon:nth-child(even){background: #f5f5f5;} .brank_con>.cpcon>h3{text-align: center;font-size: 36px;margin-bottom: 50px;} .brank_con>.cpcon .cpcon_img img{max-width: 100%;height:auto!important;display: block;margin:0 auto;} .brank_con>.cpcon .cpcon_txt{padding-top: 15px;padding-bottom: 15px;} @media (max-width: 767px){ .brank_con{font-size: 14px;line-height: 1.6;} .brank_con>.cpcon{padding:20px 0;} .brank_con>.cpcon>h3{font-size: 24px;margin-bottom: 20px;} } /* 内页服务网点 */ #nypoint{padding-bottom:30px;} #nypoint ul li{float:left;width:33.33%;padding:15px;} #nypoint ul li a{display: block;border: 1px solid #fff;background: #e9f1f1;text-align: center;border-radius: 10px;} #nypoint ul li a span{display: inline-block;line-height: 28px;font-size: 16px;color: #666;padding-left: 35px;background: url(../images/scity-x.png) no-repeat left;margin: 20px 0;} #nypoint ul li a:hover{border-color:#3eaa98;} #nypoint ul li a:hover span{color:#3eaa98;background:url(../images/scity-xx.png) no-repeat left;} .nypo-l{width:50%;height:500px;float:left;overflow-y:scroll;} .nypo-r{width:50%;height:500px;float:right;overflow:hidden;position:relative;} .nypo-r img{position:absolute;left:50%;transform:translateX(-50%);} @media (max-width: 1199px){ #nypoint ul li{padding:10px;} #nypoint ul li a span{margin:16px 0;} } @media (max-width: 991px){ #nypoint ul li{width:50%;} } @media (max-width: 600px){ #nypoint ul li{width:33.33%;} .nypo-r{width:100%;height:auto;} .nypo-r img{position:relative;height:250px;} .nypo-l{width:100%;overflow:hidden;height:auto;} } @media (max-width: 500px){ #nypoint ul li{width:50%;} .nypo-r img{height:150px;} } .nyshowdesc>.nyject{overflow:hidden;background: #f5f5f5;} .nyshowdesc>.nyject .nyject_img{overflow:hidden;} .nyshowdesc>.nyject .nyject_img img{transition: 0.5s;} .nyshowdesc>.nyject .nyject_txt{padding:20px 50px;} .nyshowdesc>.nyject .nyject_txt h4{color:#333;font-size:24px;margin-bottom:20px;font-weight:bold;} .nyshowdesc>.nyject .nyject_txt p{font-size:16px;color:#666;} .nyshowdesc>.nyject:hover .nyject_img img{transform: scale(1.1);} @media (min-width:768px) { .nyshowdesc>.nyject{display:flex;align-items: center;} .nyshowdesc>.nyject:nth-child(even){flex-direction: row-reverse;} .nyshowdesc>.nyject .nyject_img, .nyshowdesc>.nyject .nyject_txt{flex:50%;} } @media (max-width:767px) { .nyshowdesc>.nyject .nyject_txt{padding:20px;} } @media (max-width:500px) { .nyshowdesc>.nyject .nyject_txt{padding:15px;} .nyshowdesc>.nyject .nyject_txt h4{font-size:20px;margin-bottom:10px;} .nyshowdesc>.nyject .nyject_txt p{font-size:14px;} } /* 留言模块Message */ #nymessage{padding:50px 0;background:url(../images/nymessagebg.jpg) no-repeat center / cover;} #nymessage h4{color:#3eaa98;} #nymessage form{overflow:hidden;margin-top:50px;} #nymessage form label{font-weight:normal;text-align:none ! important; white-space: nowrap; } #nymessage .nymessage-h6{text-align:left;} @media (max-width:767px) { #nymessage{padding:30px 0;} #nymessage h4{font-size:16px;line-height:1.4;} #nymessage form{margin-top:30px;} #nymessage form>div[class^="col-"]{padding:0 5px;} } #nycommon{padding:30px 0;background:#f8f8f8;} /* 热门标签 */ .nycomtag{line-height: 40px;border-bottom: 1px #ccc solid;overflow:hidden;} .nycomtag>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #3eaa98 solid;color: #3eaa98;font-size: 18px;font-weight: bold;background:url(../images/page/ny-objs.png) no-repeat left;} .nycomtag>a{float:right;} .ghtag{padding-left:22px;background:url(../images/page/ghtag.png) no-repeat left;} #tagac{margin-top:10px;} #tagac>a{font-size: 14px;color: #797979;line-height: 25px;display: inline-block;background-color: #fff;border-radius: 30px;padding: 0 14px;margin-top: 14px;box-shadow: 1px 4px 16px 0px rgb(30 168 57 / 20%);margin-right: 10px;transition: all ease 0.3s;} #tagac>a:hover{background-color: #3eaa98;color: #fff;} /* 推荐新闻 */ .nyhotnews{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;} .nyhotnews>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #3eaa98 solid;color: #3eaa98;font-size: 18px;font-weight: bold;background:url(../images/page/nyhotnewico.png) no-repeat left;} .nyhotnews-list{margin-top:10px;overflow:hidden;} .nyhotnews-list li{font-size: 14px;line-height: 30px;background: url(../images/page/iyuan.png) no-repeat left;background-size: 8px;box-sizing:border-box;} .nyhotnews-list li a{float:left;width:calc(100% - 90px);color:#333;} .nyhotnews-list li span{float:right;color:#666;} .nyhotnews-list li:hover{background: url(../images/page/iyuan_on.png) no-repeat left;background-size: 8px;} .nyhotnews-list li:hover a{color:#3eaa98;} /*视频列表*/ .nyvideo-ul{overflow:hidden;} .nyvideo-ul li{width:33.33%;float:left;padding:0 10px;margin-bottom:20px;box-sizing:border-box;} .nyvideo-div a{display:block;border:1px solid #ddd;padding:2px;overflow:hidden;} .nyvideo-div a img{display:block;max-width: 100%;width: 311px;} .nyvideo-div a.nyvideo-a{padding:0 10px;border:none;line-height:25px;text-align:center;} .nyvideo-div:hover a{border-color:#3eaa98;color:#3eaa98;} /*视频详情*/ .showvideo-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;} .showvideo-top>h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;} .showvideo-time{text-align:center;} .showvideo-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;} .showvideo-time span:last-child{margin-right:0;} .showvideo-mp{margin:20px 0;text-align:center;} .showvideo-mp video, .showvideo-mp iframe{width:800px;max-width:100%;} .showvideo-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .showvideo-con img{max-width:100%;height:auto !important;} /*下载列表*/ .nydown-list{margin-bottom:20px;} .nydown-list table{width:100%;text-align:center;} .nydown-list table thead{background:#3eaa98;color:#fff;font-size:16px;line-height:2;} .nydown-list table tbody{line-height:1.6} .nydown-list table tbody tr td{color:#666;} .nydown-list table tbody tr td:first-child{color:#333;} /*下载详情*/ .showdown-top{margin-bottom:20px;} .showdown-top>h1{font-size: 18px;margin-bottom:10px;color:#333;font-weight:bold;padding-left:20px;} .showdown-top>ul{padding:10px;background:#f6f6f6;} .showdown-top>ul>li{border-bottom: 1px solid #eee;font-size:12px;color:#666;margin-bottom:5px;line-height:20px;} .showdown-top>ul>li:last-child{margin-bottom:0;} .showdown-top>ul>li>span{padding: 0px 10px;margin-right: 5px;} .showdown-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .showdown-con img{max-width:100%;height:auto !important;} /*图片列表*/ .nyimg-ul{overflow:hidden;} .nyimg-ul li {margin-bottom:20px;padding:0 10px;} .nyimg-ul li .nyimg-div {background:#fff;padding:7px;border:1px solid #D9D9D9;} .nyimg-ul li .nyimg-div a {display:block;overflow:hidden;} .nyimg-ul li .nyimg-div img {margin:0 auto;-webkit-transition:1s;-moz-transition:1s;transition:1s;width:100%;} .nyimg-ul li .nyimg-a{padding:0 5px;margin-top:9px;line-height:40px;display:block;background:#EFEFEF;font-size:14px;color:#333;text-align:center;} .nyimg-ul li:hover .nyimg-a {color:#ffffff !important;} .nyimg-ul li:hover .nyimg-div img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .nyimg-ul li:hover .nyimg-a {background:#3eaa98;color:#fff;} @media (max-width:767px){ .nyimg-ul li .nyimg-a{line-height:32px;} } /*图片详情*/ .showimg-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;} .showimg-top h1{line-height: 1.5;color: #333;text-align: center;font-size:30px; margin-top: 20px;} .showimg-top span{margin-right: 10px;font-size: 14px;color: #a3afb7;} .showimg-img{margin-top: 25px;margin-bottom: 15px;text-align:center;} .showimg-img img{max-width: 100%;height:auto !important; border:1px solid #ddd;} .ctitle{margin-bottom:15px;} .ctitle h3{padding-left:20px;background: url(../images/page/dt-7.gif) no-repeat left center;line-height:30px;border-bottom: 1px dotted #ccc;color:#666;font-size:16px;font-weight:bold;} .showimg-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 16px;font-weight: 300;padding: 0 10px;border-bottom: 1px solid #F0F2F5;padding-bottom: 20px;} .showimg-con img{max-width: 100%;height:auto !important;} .showimg-page{overflow: hidden;margin-left:-10px;margin-right:-10px;margin-bottom:20px;} .showimg-page>div[class^="col-"]{padding: 0 10px;} .showimg-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .showimg-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} .showimg-right{border-left:1px solid #f0f2f5;} @media (max-width:767px){ .showimg-left{padding:0;} .showimg-top h1{font-size: 20px;} .showimg-con{font-size:14px !important;} .showimg-page a{padding:8px;} } /* 右侧栏目信息 */ .nybusiness{margin-bottom: 20px;} .nybusiness>p{font-size: 16px;color: #3eaa98;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(../images/ny-objs.png) no-repeat left;} .nybusiness a{margin-bottom:10px;display:block;position:relative;} .nybusiness a:last-child{margin-bottom:0;} .nybusiness-img{overflow:hidden;} .nybusiness a p{position:absolute;left:0;bottom:0;background: rgba(0,0,0,.5);width:100%;line-height:30px;padding:0 10px;text-align:center;color:#fff;} .nybusiness a:hover p{background: rgba(0,153,255,.5);} .hotnews{} .hotnews p{font-size: 16px;color: #3eaa98;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(../images/ny-news.png) no-repeat left;} .hotnews a{display: block;font-size: 14px;line-height: 30px;padding-left: 15px;background:url(../images/iyuan.png) no-repeat left;background-size:8px;} .hotnews a:hover{background: url(../images/iyuan_on.png) no-repeat left;color: #3eaa98;} /*新闻列表*/ .nynews-ul { display: block; } .nynews-ul li.nynews-li {padding:0 10px 10px;margin-bottom:20px;cursor:pointer;} .nynews-img {padding:0;overflow:hidden;border:1px solid #f3f3f3;} .nynews-img a {display:block;} .nynews-img img {width:100%;transition:.8s} .nynews-ul li.nynews-li:hover img {transform:scale(1.02);} .nynews-date {color:#333;line-height:20px;font-size:12px;} .nynews-date span {color:#4d4c51;} .nynews-date img {margin:4px 6px 0 0;float:left;} .nynews-date p {float:left;margin:0;} .nynews-date i {margin-right:5px;} .nynews-con h3 {font-size:18px;font-weight:bold;color:#3b3c3c;text-transform:uppercase;line-height:32px;letter-spacing:1px;margin-top:0px;margin-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .nynews-con h3 a {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;} .nynews-ul li.nynews-li:hover h3 a {color:#3eaa98;} .nynews-con {background-color:#f9f9f9;padding-top:16px;padding-bottom:18px;} .nynews-con p.nynews-desp {color:#8d8d8d;font-size:14px;line-height:23px;margin:10px 0;height:46px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .nynews-con a.nynews-more {position:relative;left:0;color:#ffffff;font-size:15px;padding:7px;background:#3eaa98;margin-top:10px;width:120px;display:block;border-radius:20px;float:left;text-align:center;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;} .nynews-con a.nynews-more:hover {background:#FF7A0E;left:10px;color:#ffffff !important;} @media (max-width:991px) { #nynewslist>.container {padding-left:5px;padding-right:5px;} .nynews-ul li.nynews-li {padding:0 5px 4px;margin-bottom:14px;} } @media (max-width:767px) { .nynews-con h3 {font-size:16px;font-weight:bold} .nynews-con {padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 12px;} .nynews-con p.nynews-desp{margin: 2px 0 8px;} } /*新闻详情*/ .shownews-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;} .shownews-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;} .shownews-time{text-align:center;} .shownews-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;} .shownews-time span:last-child{margin-right:0;} .shownews-con{font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .shownews-con img{max-width:100%;height:auto !important;} .shownews-page{overflow: hidden;margin-left:-10px;margin-right:-10px;margin-bottom:20px;} .shownews-page>div[class^="col-"]{padding: 0 10px;} .shownews-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .shownews-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} @media (max-width:767px){ .shownews-top h1{font-size: 20px;} .shownews-con{font-size:14px !important;line-height: 1.6;} .shownews-page a{padding:8px;} } /* 招聘模块Nyjoblist*/ .nyjoblist-ul{overflow: hidden;} .nyjoblist-ul li{margin-bottom: 20px;border-bottom: 1px solid #dedede;} .nyjoblist-ul li .nyjoblist-top{padding: 20px;position: relative;overflow:hidden;} .nyjoblist-ul li .nyjoblist-top h3{color: #333;font-size: 20px;font-weight: bold;padding-bottom: 10px;} .nyjoblist-ul li .nyjoblist-top span{padding-right: 20px;color: #999;} .nyjoblist-ul li .nyjoblist-top p{color:#666;margin:10px 0;} .nyjoblist-ul li .nyjoblist-top>a{float:left;padding:10px 25px;background:#3eaa98;border-radius:20px;color:#fff;margin-right:10px;} .nyjoblist-ul li .nyjoblist-top>a+a{margin-right:0;} .nyjoblist-ul li .nyjoblist-top>a:hover{background:#ffc531;color:#333;} @media (max-width:767px) { .nyjoblist-ul li .nyjoblist-top{padding:10px;} } .showjob-left{padding-bottom:30px;} .showjob-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:10px;} .showjob-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 30px;} .showjob-list{overflow:hidden;margin-bottom:30px;} .showjob-list li{width:50%;float:left;padding:5px 10px;background: url(../images/dt-0.png) no-repeat left top 13px;} .showjob-list li span{float: left;margin-right: 10px;color: #999;} .showjob-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 16px;font-weight: 400;padding: 10px 0;} .showjob-con img{max-width: 100%;height:auto !important;} .showjob-more{} .showjob-page{padding-top: 20px;padding-bottom:20px;overflow: hidden;} .showjob-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .showjob-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} @media (max-width:767px){ .showjob-top h1{ font-size:20px;} .showjob-top h2{ font-size:16px;} .showjob-con{padding:0;font-size:14px !important} .showjob-left{padding: 0;} .showjob-page>div[class^="col-"]{padding: 0 10px;} } /* 产品列表 */ /*产品详情*/ .showpro-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:20px;} .showpro-top h1{line-height: 1.5;color: #333;text-align: center;font-size:30px;} .showpro-top span{margin-right: 10px;font-size: 14px;color: #a3afb7;} .showpro-img{margin-bottom:20px;} .sp-thumbs a:link, .sp-thumbs a:visited{width:140px;height:93px;} @media (max-width:767px){ .showpro-top h1{font-size: 20px;} .showpro-imgbox{padding:0;} } /*产品参数*/ .nyproshow-info{line-height:1.8;color:#666;margin-bottom:20px;} .showpro-tel{overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;} .showpro-telx{float:left;line-height:40px;} .showpro-telx img{float:left;margin-right:12px;} .showpro-telcon{float:left;} .showpro-telcon p{float:left;color:#666;margin-bottom:0;} .showpro-telcon span{float:left;color:#333;font-size:24px;font-family: arial;} .showpro-tel a{float:right;display:block;line-height:40px;padding:0 20px;background:#3eaa98;color:#fff;} .showpro-tel a i{margin-right:5px;} .showpro-tel a:hover{background:#034ad8;} .showpro-con{margin-top: 20px;} .showpro-con ul{border-bottom: 1px solid #ccc;line-height: 40px;margin-bottom: 10px;overflow:hidden;} .showpro-con ul li{text-align: center;padding:0 24px;font-size: 16px;background: #e6e6e6;color:#333;float: left;margin-right: 10px;cursor: pointer;} .showpro-con ul li.on{background: #3eaa98;color:#fff;} .showpro-con ul li:last-child{margin-right: 0;} .showpro-details{font-size: 16px;line-height: 1.8;overflow: hidden;} .showpro-details .showpro-det{display:none;min-height:200px;} .showpro-details div{margin-bottom: 10px;} .showpro-details p{margin: 5px 0;} .showpro-details img{max-width: 100%;height:auto !important;} .showpro-details video{max-width: 100%;height:auto !important;} @media (max-width:767px){ .showpro-details{font-size: 14px;line-height: 1.6;} } /*相关产品*/ .nyaboutpro{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;} .nyaboutpro>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #3eaa98 solid;color: #3eaa98;font-size: 18px;font-weight: bold;background:url(../images/nyaboutproico.png) no-repeat left;} #abprolist{margin:20px 0;} #abprolist li{padding:0 10px;} #abprolist li a{display:block;} #abprolist li a .abpro-img{padding:2px;border:1px solid #ccc;} #abprolist li a .abpro-img img{display:block;max-width:100%;} #abprolist li a p{margin-top:5px;line-height:30px;height:30px;text-align:center;background:#ccc;padding:0 10px;color:#333;} #abprolist li a:hover .abpro-img{border-color:#3eaa98;} #abprolist li a:hover p{background:#3eaa98;color:#fff;} /* 标签 */ .pro_key {line-height: 35px;font-size: 15px;color: #333;font-weight: bold;} .pro_key a{font-size: 14px;background: #9e9c9c;padding: 2px 6px;color:#fff;font-weight: normal;text-decoration: none;} .pro_key a:hover{background:#3eaa98;} /* 分享按钮 */ .jiathis{padding-top:10px;height:35px;line-height:30px;border-top:1px dotted #ccc; text-align:right; position:relative; color:#666;margin-bottom:20px;} .jiathis .jiathis_txt{float: left;} /* 上下页按钮 */ .ny-page{overflow: hidden;margin-bottom:30px;} .ny-pagea{width:50%;float:left;padding:0 10px;box-sizing:border-box;} .ny-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .ny-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} /* 搜索模块 */ .nysearch-ul{overflow: hidden;} .nysearch-ul li.nysearch-li{padding: 0 0 15px 0;margin-bottom: 25px;border-bottom: 1px dashed #333;overflow:hidden;} .nysearch-til>a{line-height: 14px;color: #fff;vertical-align: baseline;white-space: nowrap;display: inline-block;background: #3eaa98;margin-right: 5px;position: relative;top:0;padding: 4px 6px;} .nysearch-til>a .nysearch-arrow{position: absolute;width: 0;height: 0;vertical-align: top;top: 7px;right: -4px;border-left: 4px solid #000;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left-color: #3eaa98;} .nysearch-til>a:hover{background:#333;} .nysearch-til>a:hover .nysearch-arrow{border-left-color:#333;} .nysearch-til>h2{display: inline;font-size: 19px;margin: 0;font-weight: bold;position: relative;top: 1px;line-height: 25px;} .nysearch-con p.nysearch-desp{color: #666;font-size: 14px;line-height: 23px;margin: 5px 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .nysearch-date {color: #333;line-height: 20px;font-size: 12px;} .nysearch-date span{color: #999;} .nysearch-date p{float: left;margin: 0;} .nysearch-date i{margin-right: 5px;} .nysearch-con a.nysearch-more{position:relative;left:0;color: #ffffff;font-size: 13px;width:100px;height:30px;line-height:30px;background: #999;margin-top: 10px;display: block;border-radius: 20px;float:left;text-align: center;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;} .nysearch-con a.nysearch-more:hover{background: #3eaa98;left:10px;} /*联系我们*/ .product-inlist{background-color:#f6f6f6;} .contact_meg {float:right;width:50%;height:510px;z-index:3;background:#f6f6f6;} .meg_con .title2 {font-size:28px;color:#333333;max-width:510px;margin-bottom:24px;margin-top:35px;font-weight:bold;} .meg_con .tel {padding:13px 0;border-top:solid 1px #333;border-bottom:solid 1px #333;color:#333;max-width:510px;font-size:30px;} .meg_con .tel img {display:inline-block;} .meg_con .megs {margin-top:20px;font-size:15px;line-height:36px;} .meg_con {width:100%;z-index:3;padding-left:8%;padding-right:4%;box-sizing:border-box;} .my-map {margin:0 auto;width:50%;height:510px;float:left;} .amap-container {height:100%;} @media only screen and (max-width:1199px) { .meg_con {width:100%;position:unset;padding-left:5%;box-sizing:border-box;} .meg_con .title2, .meg_con .tel{max-width: initial;width: 100%;} .contact_meg {width:100%;float:none;height:auto;padding-bottom:40px} .my-map {margin:0 auto;width:100%;height:400px;float:none;} } @media only screen and (max-width:991px) { .product-inlist>div{margin-bottom: 0 !important;} .product-inlist{margin-bottom: 0;} } @media only screen and (max-width:768px) { .meg_con .title2 {margin-bottom:16px;margin-top:20px;font-size:24px;} .meg_con .megs {font-size:14px;line-height:30px;} .meg_con .tel {padding:10px 0;font-size:20px;} .meg_con .tel img {width:26px;} .meg_con .megs {margin-top:10px;} .meg_con .tel img {width:20px;margin-bottom:0;} .meg_con .title2 {font-size:22px;} .product-inlist {margin-top:10px;} } /*翻页样式*/ .metpager_1{ text-align:center;} .metpager_2{ text-align:center;} .metpager_3{ text-align:center;} #flip{line-height: 25px;} .digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;} .digg4 .disabledfy{ font-family: Tahoma, Verdana;} .metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009;} .metpager_4 a:hover { border:1px solid #009; color:#000;} .metpager_4 a:active {border:1px solid #009; color:#000;} .metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#FFFFFF; text-decoration:none;} .metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd;} .metpager_5 a,.metpager_5 span.miy{ border:1px solid #ccdbe4; padding:2px 8px 2px 8px; color:#3eaa98; display: inline-block; } .metpager_5 a:hover { border:1px solid #3eaa98; color:#fff; background-color:#3eaa98;} .metpager_5 a:active {border:1px solid #009; color:#000;} .metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#fff; background:#3eaa98; border:1px solid #3eaa98; text-decoration:none;display: inline-block;} .metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#999;display: inline-block;} .metpager_6{ color:#ff6500; } .metpager_6 a,.metpager_6 span.miy{ border:1px solid #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(../images/page/page6.jpg);} .metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;} .metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;} .metpager_7 a,.metpager_7 span.miy{ border:1px solid #2c2c2c; padding:2px 5px 2px 5px; background:url(../images/page/page7.gif) #2c2c2c; color:#fff;} .metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../images/page/page7_2.gif) #aad83e;} .metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(../images/page/page7_2.gif) #aad83e;} .metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(../images/page/page7_2.gif) #aad83e; text-decoration:none;} .metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;} .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;} .metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} .metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} @media (max-width:767px){ .digg4>span:nth-child(-n+2){display:none;} } /*公司简介单页面*/ #ny_about_1 { display: block; overflow: hidden; padding:50px 0; } #ny_about_1 .ny_about_1_box { display: flex; } #ny_about_1 .ny_about_1_box .box_l { width: 60%; display: flex;align-items: center;padding: 20px;} #ny_about_1 .ny_about_1_box .box_l dt { display: block; overflow: hidden; margin:10px;} #ny_about_1 .ny_about_1_box .box_l dt img { display:block; max-width: 100%; } #ny_about_1 .ny_about_1_box .box_r { width: 40%;padding: 20px;} #ny_about_1 .ny_about_1_box .box_r .flex { width: 100%; height: 100%; } #ny_about_1 .ny_about_1_box .box_r .flex .box_r_nr { display: block; padding:0px;} #ny_about_1 .ny_about_1_box .box_r .flex .box_r_nr .box_t { text-align: left; display: block; margin-bottom: 40px;} #ny_about_1 .ny_about_1_box .box_r .flex .box_r_nr .box_t p { font-size: 44px;font-weight: bold;color: rgba(39, 75, 153, 1);display: block;margin-bottom: 5px;line-height: 1; letter-spacing: -2px; } #ny_about_1 .ny_about_1_box .box_r .flex .box_r_nr .box_t span { font-size: 22px;color: #333;opacity: 1;display: block; margin-top: 20px;} #ny_about_1 .ny_about_1_box .box_r .flex .box_r_nr .box_t em { font-size: 24px;color: #333;margin-top: 20px; display: block; } #ny_about_1 .ny_about_1_box .box_r .flex .box_r_nr .desc { margin-bottom: 35px; } #ny_about_1 .ny_about_1_box .box_r .flex .box_r_nr .desc:last-child { margin-bottom:0px; } #ny_about_1 .ny_about_1_box .box_r .flex .box_r_nr .desc span { font-size: 20px;color: rgba(39, 75, 153, 1);margin: 0 0 6px; display: block;} #ny_about_1 .ny_about_1_box .box_r .flex .box_r_nr .desc .list { font-size: 14px; line-height: 30px; color: #5f5f5f; margin-top: 5px; display: block; } #ny_about_1 .ny_about_1_1_box { display: flex; flex-direction: row-reverse; } #ny_about_1 .ny_about_1_1_box .box_l { flex: 1; } #ny_about_1 .ny_about_1_1_box .box_l dt { display: block; overflow: hidden; } #ny_about_1 .ny_about_1_1_box .box_l dt img { display:block; max-width: 100%; } #ny_about_1 .ny_about_1_1_box .box_r { flex: 1; } #ny_about_1 .ny_about_1_1_box .box_r .flex { width: 100%; height: 100%; } #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr { display: block; padding:0 10% 0 0;} #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .box_t { text-align: left; display: block; margin-bottom: 40px;} #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .box_t p { font-size: 44px;font-weight: bold;color: rgba(39, 75, 153, 1);display: block;margin-bottom: 5px;line-height: 1; letter-spacing: -2px; } #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .box_t span { font-size: 32px;color: #333;opacity: 1;display: block; } #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .box_t em { font-size: 24px;color: #333;margin-top: 20px; display: block; } #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .desc { margin-bottom: 35px; } #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .desc .list { font-size: 14px; line-height: 1.6; color: #5f5f5f; margin-top: 5px; display: block; } #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .number{ display:block;} #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .number .stat-items { text-align: center; display: block; } #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .number .stat-items .stat-items-t { font-size: 40px; color: #3eaa98; font-weight: bold; line-height: 1;} #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .number .stat-items .stat-items-unit { font-size: 14px; color: #3eaa98;line-height: normal; } #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .number .stat-items p { line-height: normal; display: block; font-size: 14px; color: #888888; line-height: 2; text-align: left; } #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .number .stat-items .stat-items-t-box { text-align: left; } #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .number .stat-items .stat-items-t{ position: relative; } #ny_about_2 { background: #f5f5f5; overflow: hidden; display: block; padding:50px 0 70px 0; } #ny_about_2 .ny_about_2_t,#ny_about_3 .ny_about_2_t{ text-align: left; display: block; } #ny_about_2 .ny_about_2_t p,#ny_about_3 .ny_about_2_t p { font-size: 44px;font-weight: bold;color: rgba(39, 75, 153, 1);display: block;margin-bottom: 5px;line-height: 1;letter-spacing: -2px; text-transform: uppercase;} #ny_about_3 .picitem{ margin-top: 40px; display: flex; align-items: center; } #ny_about_3 .picitem>div:nth-child(1){width:23%;margin-right:2%;} #ny_about_3 .picitem>div:nth-child(1) img,#ny_about_3 .picitem>div:nth-child(3) img{ width: 340px;height: 228px;} #ny_about_3 .picitem>div:nth-child(2){width:50%;} #ny_about_3 .picitem>div:nth-child(3){width:23%;margin-left:2%;} #ny_about_3 .picitem>div p:nth-child(2){margin-top:20px;} #ny_about_2 .ny_about_2_t span,#ny_about_3 .ny_about_2_t span{ font-size: 22px;color: #333;opacity: 1;display: block; margin-top: 20px;} #ny_about_2 .ny_about_2_nr { overflow: hidden; margin-top: 40px; display: block; } #ny_about_2 .ny_about_2_nr .box { display: flex;flex-wrap: wrap; } #ny_about_2 .ny_about_2_nr .box .list {width: 33.333%; /*! height: 920px; */ padding: 0 20px; max-height: 293px;overflow: hidden;} #ny_about_2 .ny_about_2_nr .box .list .item { display: flex;flex-direction: column;/*! height: 100%; */ cursor: pointer;} #ny_about_2 .ny_about_2_nr .box .list:nth-child(3n-1) .item { flex-direction: column-reverse; } #ny_about_2 .ny_about_2_nr .box .list .item .img { width: 100%;overflow: hidden;position: relative; } #ny_about_2 .ny_about_2_nr .box .list .item .img img { max-width: 100%; display: block; } #ny_about_2 .ny_about_2_nr .box .list .item .img1 { margin-bottom: 30px; /*! height: 50%; */ } #ny_about_2 .ny_about_2_nr .box .list .item .img2 { height: 84%; position: relative;} #ny_about_2 .ny_about_2_nr .box .list:nth-child(3n-1) .item .img2 { margin-bottom: 30px; } #ny_about_2 .ny_about_2_nr .box .list:nth-child(3n-1) .item .img1 { margin-bottom: 0px; } #ny_about_2 .ny_about_2_nr .box .list .item .img2 .default-mask { position: absolute;z-index: 1;width: 100%;height: 60px;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.7);padding: 0 38px;display: flex;justify-content: space-between;align-items: center;transition: 0.3s; } #ny_about_2 .ny_about_2_nr .box .list .item .img2 .default-mask .name { color: #fff;font-size: 24px;font-weight: bold; } #ny_about_2 .ny_about_2_nr .box .list .item .img2 .default-mask .loc { font-size: 16px;color: #fff; } #ny_about_2 .ny_about_2_nr .box .list .item .img2 .hover-mask { position: absolute;z-index: 1;width: 100%;height: 100%;left: 0;top: 0;background: rgba(49, 175, 154, 0.8);padding: 0 60px;display: flex;flex-direction: column;justify-content: center;opacity: 0;transform: translateY(20px);transition: 0.3s; } #ny_about_2 .ny_about_2_nr .box .list .item .img2 .hover-mask h4 { font-size: 32px; color: #fff; margin: 0 0 5px; letter-spacing: -1px; font-weight: bold; text-transform: uppercase;} #ny_about_2 .ny_about_2_nr .box .list .item .img2 .hover-mask .loc { margin: 0 0 78px;font-size: 26px;color: #fff; } #ny_about_2 .ny_about_2_nr .box .list .item .img2 .hover-mask .name { font-size: 20px;color: #fff;margin: 0 0 24px; } #ny_about_2 .ny_about_2_nr .box .list .item .img2 .hover-mask ul li { font-size: 14px; color: #fff; margin: 0 0 6px; } #ny_about_2 .ny_about_2_nr .box .list .item .img2:hover .hover-mask { opacity: 1; transform: translateY(0); } #ny_about_2 .ny_about_2_nr .box .list .item .img2:hover .default-mask { opacity: 0; transform: translateY(20px); } #ny_about_3 { padding:50px 0; display: block; overflow: hidden; } #ny_about_3 .ny_about_3_box { display: flex; } #ny_about_3 .ny_about_3_box .box_l { flex: 0.7; } #ny_about_3 .ny_about_3_box .box_l .flex { padding:0; width: 100%; height: 100%; } #ny_about_3 .ny_about_3_box .box_l .flex .box_r_nr { overflow: hidden; display: block; } #ny_about_3 .ny_about_3_box .box_l .flex .box_r_nr .box_t { text-align: left;display: block;margin-bottom: 40px;} #ny_about_3 .ny_about_3_box .box_l .flex .box_r_nr .box_t p { font-size: 44px;font-weight: bold;color: rgba(39, 75, 153, 1);display: block;margin-bottom: 5px;line-height: 1; letter-spacing: -2px; text-transform:uppercase; } #ny_about_3 .ny_about_3_box .box_l .flex .box_r_nr .box_t span { font-size: 32px;color: #333;opacity: 1;display: block; } #ny_about_3 .ny_about_3_box .box_l .flex .box_r_nr .desc { margin-top: 30px; overflow: hidden;display: block; } #ny_about_3 .ny_about_3_box .box_l .flex .box_r_nr .desc span { font-size: 22px;color: #333; display: block; } #ny_about_3 .ny_about_3_box .box_l .flex .box_r_nr .desc .list { font-size: 14px;color: #666;line-height: 2; } #ny_about_3 .ny_about_3_box .box_r { flex: 0.3; } #ny_about_3 .ny_about_3_box .box_l .flex .box_r_nr .desc2 { margin-top: 30px; overflow: hidden; display: block; } #ny_about_3 .ny_about_3_box .box_l .flex .box_r_nr .desc2 span { font-size: 16px;color: #fff;display: inline-block;border-radius: 30px;background: rgba(39, 75, 153, 1);margin: 0 0 12px;padding: 8px 18px; } #ny_about_3 .ny_about_3_box .box_l .flex .box_r_nr .desc2 .list2 { font-size: 14px;color: #666;line-height: 2; } #ny_about_3 ul { overflow: hidden; display: flex; margin-top: 40px;flex-wrap: wrap;} #ny_about_3 ul li { flex: 1; width: 25%; padding: 0 13px; } #ny_about_3 ul li .item { display: block;background-color: #f5f5f5;width: 100%;border-radius: 3px;padding: 40px 40px; overflow: hidden;} #ny_about_3 ul li .item .shu {float: left;align-items: center;} #ny_about_3 ul li .item .shu span {font-size: 24px;color: #fff;background-color: rgba(39, 75, 153, 1);display: flex;align-items: center;justify-content: center;font-weight: bold;width: 45px;height: 45px;border-radius: 50%;margin-right: 20px;margin-top: 6px;} #ny_about_3 ul li .item .shu i {display: block;width: calc(100% - 80px);height: 1px;background-color: #e5e8eb;} #ny_about_3 ul li .item .desc { float: left; } #ny_about_3 ul li .item .desc strong {font-size: 22px;margin-bottom: 5px;font-weight: bold;display: block;color: #444;} #ny_about_3 ul li .item .desc p {font-size: 16px;color: #666;line-height: 1;} #ny_about_4 { padding:50px 0; display: block; background: url(../images/ny_about9.jpg)no-repeat center; overflow: hidden; } #ny_about_4 .ny_about_4_t { text-align: left; display: block; } #ny_about_4 .ny_about_4_con{margin-top:40px;display:flex;align-items:cneter;flex-wrap:wrap;} #ny_about_4 .ny_about_4_con .abou4img{flex:1;margin:20px;} #ny_about_4 .ny_about_4_t p { font-size: 44px;font-weight: bold;color: rgba(39, 75, 153, 1);display: block;margin-bottom: 5px;line-height: 1;letter-spacing: -2px; text-transform: uppercase;} #ny_about_4 .ny_about_4_t span { font-size: 22px;color: #333;opacity: 1;display: block; margin-top: 20px;} #ny_about_4 .ny_about_4_nr { display: block; position: relative; margin-top: 20px; } #ny_about_4 .ny_about_4_nr li { padding: 46px 20px 32px;transition: ease .5s;background: transparent; cursor: pointer; } #ny_about_4 .ny_about_4_nr li img { max-width: 100%; display: block; } #ny_about_4 .ny_about_4_nr li h4 { position: relative;padding-bottom: 13px;} #ny_about_4 .ny_about_4_nr li h4::after { position: absolute;content: "";width: 100%;height: 2px;background: #3eaa98;bottom: 0;left: 0; } #ny_about_4 .ny_about_4_nr li h4 span { display: inline-block;font-size: 30px;color: #222;line-height: 30px; } #ny_about_4 .ny_about_4_nr li h4 em { display: inline-block;font-size: 16px;line-height: 30px;color: #222; } #ny_about_4 .ny_about_4_nr li .abt4-img { overflow: hidden; margin-top: 30px; } #ny_about_4 .ny_about_4_nr li .abt4-img img { max-width: 100%;display: block; } #ny_about_4 .ny_about_4_nr li .abt4-p { margin-top: 14px;font-size: 14px;line-height: 1.8;color: #666;position: relative;padding-left: 16px; height: 80px; display: block; } #ny_about_4 .ny_about_4_nr li .abt4-p::after { position: absolute;content: "";width: 6px;height: 6px;border-radius: 50%;background: rgba(39, 75, 153, 1);left: 0;top: 12px; } #ny_about_4 .ny_about_4_nr li:hover { background: #fff; box-shadow: 0 0 13px rgba(0,0,0,.2);} #ny_about_4 .ny_about_4_nr .swiper-container { padding:15px 0; } #ny_about_5 { padding:50px 0; display: block;overflow: hidden; } #ny_about_5 .ny_about_5_t { text-align: center; display: block; } #ny_about_5 .ny_about_5_t p { font-size: 44px;font-weight: bold;color: rgba(39, 75, 153, 1);display: block;margin-bottom: 5px;line-height: 1;letter-spacing: -2px; text-transform: uppercase;} #ny_about_5 .ny_about_5_t span { font-size: 32px;color: #333;opacity: 1;display: block; } #ny_about_5 .ny_about_5_nr { display: block; position: relative; margin-top: 40px; } #ny_about_5 .ny_about_5_nr li { display: block; } #ny_about_5 .ny_about_5_nr li a { display: block; padding:20px 20px 0 20px; border:1px solid #eee; transition: all 0.3s;} #ny_about_5 .ny_about_5_nr li a img { max-width: 100%; display: block; } #ny_about_5 .ny_about_5_nr li a p { font-size: 16px;color: #666666;line-height: 2;text-align: center;display: block;margin: 0px 0 15px 0; } #ny_about_5 .ny_about_5_nr .owl-nav { display: none; } #ny_about_5 .ny_about_5_nr li:hover a { border:1px solid #3eaa98; } #ny_about_5 .ny_about_5_nr li:hover a p { color: #3eaa98; } #ny_about_6 { padding:50px 0; display: block; background: white; } #ny_about_6 .ny_about_6_t { text-align: left; display: block; } #ny_about_6 .ny_about_6_t p { font-size: 44px;font-weight: bold;color: rgba(39, 75, 153, 1);display: block;margin-bottom: 5px;line-height: 1;letter-spacing: -2px; text-transform: uppercase;} #ny_about_6 .ny_about_6_t span { font-size: 22px;color: #333;opacity: 1;display: block; margin-top: 20px;} #ny_about_6 .ny_about_6_nr { display: block; position: relative; margin-top: 40px;} #ny_about_6 .ny_about_6_nr .par{display: flex;align-items: center;flex-wrap:wrap} #ny_about_6 .ny_about_6_nr .par .parimg{width:23%;background: white;height: 100px;overflow: hidden;margin:0.5%;display:flex;justify-content:center;align-items: center;padding: 10px;box-sizing: border-box;border: 1px solid #eee;} #ny_about_6 .ny_about_6_nr .swiper-slide a{ display: block; } #ny_about_6 .ny_about_6_nr .swiper-slide a .img { background-color: #fff;overflow: hidden;position: relative;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_about_6 .swiper-container { padding:20px; } #ny_about_6 .ny_about_6_nr .swiper-slide a .img img{ filter: grayscale(100%); max-width: 100%; display: block; transition: all 0.5s; } #ny_about_6 .ny_about_6_nr .swiper-slide a:hover .img img { filter: grayscale(0%); } #ny_about_6 .ny_about_6_nr .swiper-slide a:hover .img { box-shadow: 0 2px 10px rgba(62, 170, 152, 0.4); } #ny_about_6 .ny_about_6_nr .swiper-slide a:hover .img img { transform: scale(1.05); } @media(max-width: 1410px) { #ny_about_1 .ny_about_1_box .box_r .flex .box_r_nr .box_t p { font-size: 36px; } #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .box_t p{ font-size: 36px; } #ny_about_2 .ny_about_2_t p { font-size: 36px; } #ny_about_3 .ny_about_3_box .box_l .flex .box_r_nr .box_t p{ font-size: 36px; } #ny_about_4 .ny_about_4_t p { font-size: 36px; } #ny_about_5 .ny_about_5_t p{ font-size: 36px; } #ny_about_6 .ny_about_6_t p{ font-size: 36px; } #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .number .stat-items .stat-items-t { font-size: 30px; } /*#ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .number .stat-items p { font-size: 12px; }*/ #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .number .stat-items { padding-right: 0px; } #ny_about_1 .ny_about_1_box .box_r .flex .box_r_nr .box_t { margin-bottom: 30px; } #ny_about_1 .ny_about_1_box .box_r .flex .box_r_nr .desc { margin-bottom: 25px; } #ny_about_2 .ny_about_2_nr .box .list { height: 750px; } #ny_about_2 .ny_about_2_nr .box .list .item .img2 .hover-mask { padding:0 30px; } #ny_about_3 ul li .item { padding: 40px 20px; } #ny_about_4 .ny_about_4_nr li { padding-left: 5px; padding-right: 5px;} } @media(max-width: 1310px) { #ny_about_1 .ny_about_1_box .box_r .flex .box_r_nr { padding:0 5%; } #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr { padding: 0 5% 0 0; } #ny_about_2 .ny_about_2_nr .box .list { height: 685px;padding: 0 10px; } #ny_about_2 .ny_about_2_nr .box .list .item .img2 .hover-mask h4 { font-size: 28px; } #ny_about_3 ul li .item { padding: 40px 10px; } #ny_about_3 ul li .item .shu span { margin-right: 10px; } #ny_about_6 .swiper-container { padding:0; } } @media(max-width: 1199px) { #ny_about_1 .ny_about_1_box { margin-bottom:25px; } #ny_about_1 .ny_about_1_box .box_r .flex .box_r_nr .box_t p { font-size: 22px; } #ny_about_1 .ny_about_1_box .box_r .flex .box_r_nr .box_t span { font-size: 18px; } #ny_about_1 .ny_about_1_box .box_r .flex .box_r_nr .desc span { font-size: 16px; } #ny_about_1 .ny_about_1_box .box_l dt { display: flex;vertical-align: middle;height: 100%; align-items: center; } #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .box_t p { font-size: 30px; } #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .box_t span { font-size: 24px; } #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .number .stat-items .stat-items-t { font-size: 24px; } #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .number .stat-items p { font-size: 12px; } #ny_about_2 .ny_about_2_nr .box .list { height: 595px; } #ny_about_2 .ny_about_2_nr .box .list .item .img2 .hover-mask h4 { font-size: 20px; } #ny_about_2 .ny_about_2_nr .box .list .item .img2 .hover-mask .loc { font-size: 22px;margin: 0 0 35px; } #ny_about_2 .ny_about_2_nr .box .list .item .img2 .hover-mask .name { font-size: 18px; margin: 0 0 14px; } #ny_about_2 .ny_about_2_nr .box .list .item .img2 .hover-mask { padding: 0 15px; } #ny_about_2 .ny_about_2_nr .box .list .item .img2 .default-mask .name { font-size: 20px; } #ny_about_2 .ny_about_2_nr .box .list .item .img2 .default-mask .loc { font-size: 14px; } #ny_about_3 .ny_about_3_box .box_l { width: 70%; } #ny_about_3 .ny_about_3_box .box_r { width: 30%; } #ny_about_3 .ny_about_3_box { overflow: hidden; } #ny_about_3 ul li { padding: 0 7px; } #ny_about_3 ul li .item .desc p { font-size: 14px; } #ny_about_3 ul li .item .desc strong { font-size: 17px; } #ny_about_3 ul li .item .shu span { font-size: 20px; width: 35px; height: 35px; } } @media(max-width: 991px) { #ny_about_1 { padding:30px 0; } #ny_about_1 .ny_about_1_box { display: block; width: 100%; } #ny_about_1 .ny_about_1_box .box_l { display: block; width: 100%; } #ny_about_1 .ny_about_1_box .box_r { display: block; width: 100%; } #ny_about_1 .ny_about_1_box .box_r .flex .box_r_nr { padding: 5%; } #ny_about_1 .ny_about_1_1_box { display: block; width: 100%; } #ny_about_1 .ny_about_1_1_box .box_l{ display: block; width: 100%; } #ny_about_1 .ny_about_1_1_box .box_r{ display: block; width: 100%; } #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr { padding: 5%; } #ny_about_2 .ny_about_2_nr .box .list .item .img1 { display: block; } #ny_about_2 .ny_about_2_nr .box .list { height: auto; } #ny_about_2 .ny_about_2_nr .box .list .item .img2 { height: 100%; } #ny_about_2 .ny_about_2_nr .box .list:nth-child(3n-1) .item { flex-direction:row; } #ny_about_2 .ny_about_2_nr .box .list .item { height: auto; } #ny_about_2 .ny_about_2_nr .box .list .item .img2 .hover-mask { padding: 0 10px; } #ny_about_2 .ny_about_2_nr .box .list .item .img2 .default-mask { padding: 0 10px; } #ny_about_2 .ny_about_2_nr .box .list .item .img2 .hover-mask h4 { display: none; } #ny_about_2 .ny_about_2_nr .box .list .item .img2 .hover-mask .loc { display: none; } #ny_about_2 { padding: 30px 0 30px 0; padding: 5% 3%;} #ny_about_3 ul { display: block; width: 100%; } #ny_about_3 ul li { width: 50%; float: left; margin-bottom: 15px; } #ny_about_4 { padding:30px 0; padding: 5% 3%;} } @media(max-width: 767px) { #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .number .stat-items { margin-bottom: 15px; } #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr .number .stat-items p { font-size: 14px; } #ny_about_2 .ny_about_2_t p { font-size: 22px; } #ny_about_2 .ny_about_2_t span { font-size: 18px; } #ny_about_2 .ny_about_2_nr .box { display: block; width: 100%; } #ny_about_2 .ny_about_2_nr .box .list { display: block; width: 100%; } #ny_about_2 .ny_about_2_nr .box .list:nth-child(3n-1) .item .img2 { margin-bottom: 0px; } #ny_about_2 .ny_about_2_nr .box .list .item { margin-bottom: 20px; } #ny_about_3 { padding: 30px 0; padding: 5% 3%;} #ny_about_3 .ny_about_3_box { display: block; width: 100%; } #ny_about_3 .ny_about_3_box .box_l { display: block; width: 100%; } #ny_about_3 .ny_about_3_box .box_r { display: none; } #ny_about_3 .ny_about_3_box .box_l .flex .box_r_nr .box_t p{ font-size: 30px; } #ny_about_3 .ny_about_3_box .box_l .flex .box_r_nr .box_t span { font-size: 24px; } #ny_about_3 .ny_about_3_box .box_l .flex .box_r_nr .desc span { font-size: 18px; } #ny_about_4 .ny_about_4_nr li { padding-top: 26px; } #ny_about_4 .ny_about_4_nr li .abt4-p { height: auto; } #ny_about_4 .ny_about_4_nr li h4 span { font-size: 24px; } #ny_about_4 .ny_about_4_t p { font-size: 22px; } #ny_about_4 .ny_about_4_t span { font-size: 16px; } #ny_about_5 { padding: 30px 0; } #ny_about_6 { padding:30px 0; padding: 5% 3%;} #ny_about_6 .ny_about_6_t p { font-size: 22px; } #ny_about_6 .ny_about_6_t span{ font-size: 18px; } #ny_about_6 .ny_about_6_nr { margin-top: 20px; } #ny_about_5 .ny_about_5_t p { font-size: 30px; } #ny_about_5 .ny_about_5_t span { font-size: 24px; } } @media(max-width: 500px) { #ny_about_1 .ny_about_1_box .box_r .flex .box_r_nr { padding:5% 3%; } #ny_about_1 .ny_about_1_1_box .box_r .flex .box_r_nr{ padding:5% 3%; } #ny_about_2 .ny_about_2_nr { margin-top: 20px; } #ny_about_1 { padding-bottom: 0px; } #ny_about_3 ul li .item { padding: 15px 10px; } #ny_about_3 ul li:nth-child(odd) { padding-left: 0px; } #ny_about_3 ul li:nth-child(even) { padding-right: 0px; } #ny_about_3 .ny_about_3_box .box_l .flex {padding: 0 0 0 0; } } /*案例列表页*/ #ny_case_list { padding:50px 0; display: block; overflow: hidden; } #ny_case_list .ny_case_list-ul { display: block; overflow: hidden; } #ny_case_list .ny_case_list-ul li { display: block; overflow: hidden; margin-bottom: 30px; } #ny_case_list .ny_case_list-ul li a { display: block; overflow: hidden; background: #f7f7f7; } #ny_case_list .ny_case_list-ul li a dt { display: block; overflow: hidden; } #ny_case_list .ny_case_list-ul li a dt img { max-width: 100%; display: block; transition: all 0.3s;} #ny_case_list .ny_case_list-ul li:hover a dt img { transform: scale(1.1); } #ny_case_list .ny_case_list-ul li a .desc { padding:30px; display: block; } #ny_case_list .ny_case_list-ul li a .desc .t { font-size: 22px;color: #262626;display: block;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-weight: bold;} #ny_case_list .ny_case_list-ul li:hover a .desc .t { color: rgba(39, 75, 153, 1); } #ny_case_list .ny_case_list-ul li a .desc .list { color: #666666;font-size: 14px;line-height: 24px;margin-bottom: 20px;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; } #ny_case_list .ny_case_list-ul li a .desc span { width: 120px;height: 45px;border: 1px solid #999;color: #999;display: flex;justify-content: center;align-items: center;position: relative;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;font-size: 14px; } #ny_case_list .ny_case_list-ul li:hover a .desc span { background:rgba(39, 75, 153, 1); color: #fff; border: 1px solid rgba(39, 75, 153, 1); } @media(max-width: 991px) { #ny_case_list .ny_case_list-ul li { padding:0 10px; margin-bottom: 20px;} #ny_case_list .ny_case_list-ul li a .desc { padding:20px; } #ny_case_list .ny_case_list-ul li a .desc .t { font-size: 18px; } } @media(max-width: 767px) { #ny_case_list { padding:20px 0; } #ny_case_list .ny_case_list-ul li:nth-child(odd) { padding-left: 0px; } #ny_case_list .ny_case_list-ul li:nth-child(even) { padding-right: 0px; } } @media(max-width: 500px) { #ny_case_list .ny_case_list-ul li { width: 100%; display: block; padding:0; } } /*案例详情*/ #ny_case_desc { padding:50px 0; display: block; } .ny_case_show { display: block; } .ny_case_show .show_info { padding: 53px 95px 65px 53px;display: flex;flex-wrap: wrap;justify-content: space-between;background-color: #f7f7f7; margin-bottom: 40px;} .ny_case_show .show_info .show_info_l { flex: 0.5; width: 50%;} .ny_case_show .show_info .show_info_l dt { display: block; } .ny_case_show .show_info .show_info_l dt img { max-width: 100%; display: block; } .ny_case_show .show_info .show_info_r { flex: 0.5; width: 50%;} .ny_case_show .show_info .show_info_r .flex1 { width: 100%; height: 100%; display: flex; align-items: center; padding-left: 5%;} .ny_case_show .show_info .show_info_r .flex1 .font { display: block; overflow: hidden;} .ny_case_show .show_info .show_info_r .flex1 .font strong { font-size: 30px;color: #262626;display: block;margin-bottom: 24px; } .ny_case_show .show_info .show_info_r .flex1 .font .t { font-size: 16px; line-height: 26px; color: #666666; } .ny_case_show .show_info .show_info_r .flex1 .font .labelbox { display: flex;flex-wrap: wrap;margin-top: 30px; } .ny_case_show .show_info .show_info_r .flex1 .font .labelbox .list1 { margin-right: 20px; background: #fff;margin-bottom: 15px;padding: 8px 12px;border: 1px solid #fff; color: #454545; } .ny_case_show .show_info .show_info_r .flex1 .font .but { margin-top: 40px;display: flex;flex-wrap: wrap; } .ny_case_show .show_info .show_info_r .flex1 .font .but li:first-child { display: flex;align-items: center;justify-content: center;width: 224px;height: 50px;background-color: #262626;color: #fff;font-size: 22px;margin-right: 10px;font-weight: bold;border-radius: 3px; } .ny_case_show .show_info .show_info_r .flex1 .font .but li:first-child span { display: block;height: 20px;margin-right: 8px;overflow: hidden; } .ny_case_show .show_info .show_info_r .flex1 .font .but li:first-child span img { height: 100%; display: block; float: left; } .ny_case_show .show_info .show_info_r .flex1 .font .but li:nth-child(2) { display: flex;align-items: center;justify-content: center;border-radius: 3px;width: 130px;height: 50px;background-color: rgba(39, 75, 153, 1);color: #fff; } .ny_case_show .show_info .show_info_r .flex1 .font .but li:nth-child(2) a { display: block; color: #fff; } @media(max-width: 1310px) { .ny_case_show .show_info { padding: 33px 75px 45px 33px; } } @media(max-width: 1199px) { .ny_case_show .show_info .show_info_r .flex1 .font strong { font-size: 24px; margin-bottom: 14px; } .ny_case_show .show_info .show_info_r .flex1 .font .labelbox { margin-top: 15px; } .ny_case_show .show_info .show_info_r .flex1 .font .but { margin-top: 20px; } .ny_case_show .show_info .show_info_l { display: flex; vertical-align: middle; align-items: center; } } @media(max-width: 991px) { #ny_case_desc { padding:30px 0; } .ny_case_show .show_info { display: block; width: 100%; padding:20px 20px 30px;} .ny_case_show .show_info .show_info_l { display: block; width: 100%; } .ny_case_show .show_info .show_info_r { display: block; width: 100%; } .ny_case_show .show_info .show_info_r .flex1 { padding:5%; } } @media(max-width: 767px) { #ny_case_desc { padding:20px 0; } #ny_case_desc .ny_container { padding-left: 10px; padding-right: 10px; } .ny_case_show .show_info { padding: 15px 15px 20px; } .ny_case_show .show_info .show_info_r .flex1 .font strong { font-size: 18px; } .ny_case_show .show_info .show_info_r .flex1 .font .t { font-size: 14px; } .ny_case_show .show_info .show_info_r .flex1 .font .labelbox .list1 { margin-right: 10px; margin-bottom: 10px; } .ny_case_show .show_info .show_info_r .flex1 .font .but li:first-child { font-size: 18px; } } /*留言弹窗*/ .mc_modal {display: none;position: fixed;top: 0;left: 0;z-index: 99999;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);} .mc_modal_container {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .mc_modal_close {position: absolute;right: 15px;top: 15px;font-size: 20px;font-weight: bold;cursor: pointer;z-index: 10; color: #fff;} .mc_modal_content {width: 800px;padding:40px 20px;max-width: calc(100vw - 40px);max-height: calc(100vh - 80px);overflow: auto;background: rgba(50,175,154,1);} .mc_modal_content .mc_modal_content_l { overflow: hidden; } .mc_modal_content .mc_modal_content_l .t1 { font-size: 24px; font-weight: bold; color: #fff; text-align: center; display: block; } .mc_modal_content .mc_modal_content_l .nr_t { overflow: hidden; margin-top: 30px; } .mc_modal_content .mc_modal_content_l .nr_t .nr_t_l { padding-left: 0px; } .mc_modal_content .mc_modal_content_l .nr_t .nr_t_l dt { padding-left: 0px; padding-right: 0px; } .mc_modal_content .mc_modal_content_l .nr_t .nr_t_l dt img { max-width: 100%; display: block; margin:0 auto; } .mc_modal_content .mc_modal_content_l .nr_t .nr_t_l dt em { font-size: 16px; line-height: 2; color: #fff; text-align: center; display: block; } .mc_modal_content .mc_modal_content_l .nr_t .nr_t_b { padding-left: 0px; } .mc_modal_content .mc_modal_content_l .nr_t .nr_t_b .dizhi { padding-left: 15px; display: block; font-size: 17px; color: #fff; font-weight: bold; } .mc_modal_content .mc_modal_content_l .nr_t .nr_t_b ul { margin-top: 10px; } .mc_modal_content .mc_modal_content_l .nr_t .nr_t_b ul li { margin-bottom: 5px; } .mc_modal_content .mc_modal_content_l .nr_t .nr_t_b ul li p.c-title2 { display: inline-block; font-size: 14px; color: #fff;line-height: 2; } .mc_modal_content .mc_modal_content_l .nr_t .nr_t_b ul li p.c-text { display: inline-block; font-size: 16px; color: #fff; line-height: 24px;} .mc_modal_content .mc_modal_content_l .nr_b { overflow: hidden;padding-left: 15px;padding-right: 15px; margin-top: 20px; } form .c-text2 {padding: 45px 0 25px;font-size: 22px;line-height: 32px;} form .c-box {display: flex;align-items: flex-start;margin: 0 -5px;} form .c-box .c-wrap {padding: 0 5px 10px;width: 50%;} form .c-box .c-wrap input {color: #fff; padding: 0 20px;width: 100%;height: 50px;line-height: 48px;border: 1px solid rgba(255,255,255,0.4);} form .c-box2 {display: flex;align-items: flex-start;} form .c-box2 input {color: #fff; padding: 0 20px;width: -webkit-calc(100% - 150px);width: calc(100% - 150px);height: 50px;line-height: 48px;border: 1px solid rgba(255,255,255,0.4);} form .c-box2 button {border: 0;font-family: inherit;font-size: inherit;color: inherit;background: transparent;width: 150px;font-weight: bold;line-height: 50px;color: #333;background: #fff;cursor: pointer; color: rgba(172, 206, 34, 1); font-size: 16px;} .c-right .c-title {position: relative;padding-top: 54px;padding-bottom: 35px;font-size: 44px;line-height: 54px;border-bottom: 1px solid rgba(255,255,255,0.2); font-weight: bold;} form .c-box .c-wrap input::-webkit-input-placeholder{ color:rgba(255,255,255,0.7); font-size: 14px; } form .c-box .c-wrap input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:rgba(255,255,255,0.7);; font-size: 14px; } form .c-box .c-wrap input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */color:rgba(255,255,255,0.7);; font-size: 14px; } form .c-box .c-wrap input::-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:rgba(255,255,255,0.7);; font-size: 14px; } form .c-box2 input::-webkit-input-placeholder{ color:rgba(255,255,255,0.7); font-size: 14px; } form .c-box2 input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:rgba(255,255,255,0.7);; font-size: 14px; } form .c-box2 input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */color:rgba(255,255,255,0.7);; font-size: 14px; } form .c-box2 input::-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:rgba(255,255,255,0.7);; font-size: 14px; } /*案例详情*/ #ny_case_desc .show_desc{ display: block; } #ny_case_desc .show_desc .show_desc_box { display: flex; align-items: flex-start; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_l { width: 65%;background-color: #f7f7f7;padding: 26px 43px 43px;padding-bottom: 25px; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_l .show_desc_box_l_t { display: block;padding-left: 10px;border-left: 4px solid rgba(39, 75, 153, 1);font-size: 20px;color: rgba(39, 75, 153, 1);font-weight: bold; line-height: 1; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_l .show_desc_box_l_nr { margin-top: 15px; display: block; overflow: hidden; line-height: 1.8;font-size: 15px; color: #666; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_l .show_desc_box_l_nr img { max-width: 100%; display: block; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_r { width: 35%; position: sticky; top: 110px; padding-left: 40px;} #ny_case_desc .show_desc .show_desc_box .show_desc_box_r .box_r_box { background-color: #f7f7f7; display: block; overflow: hidden;} #ny_case_desc .show_desc .show_desc_box .show_desc_box_r .box_r_box .box_r_box_t { width: 100%;display: flex;align-items: center;justify-content: center;height: 75px;background-color: rgba(39, 75, 153, 1);font-weight: bold;margin-bottom: 40px;color: #fff;font-size: 20px; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_r .box_r_box .box_r_box_nr { overflow: hidden; display: block; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_r .box_r_box .box_r_box_nr ul { overflow: hidden; display: block; width: 100%; padding: 0px 30px 0 30px;} #ny_case_desc .show_desc .show_desc_box .show_desc_box_r .box_r_box .box_r_box_nr ul li { padding:0px; display: block; overflow: hidden; margin-bottom: 20px; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_r .box_r_box .box_r_box_nr ul li a { display: block; overflow: hidden; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_r .box_r_box .box_r_box_nr ul li a dt { padding:0px; display: block; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_r .box_r_box .box_r_box_nr ul li a dt img { display: block; max-width: 100%; border:1px solid #eee; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_r .box_r_box .box_r_box_nr ul li a .desc { padding-right: 0px; display: block; padding-top: 15px; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_r .box_r_box .box_r_box_nr ul li a .desc .t { font-size: 16px;color: #454545;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 2; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_r .box_r_box .box_r_box_nr ul li a .desc .list { font-size: 14px;color: #999999;line-height: 1.6;text-overflow: ellipsis;-o-ellipsis-lastline: ;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_l .pro_key { margin-top: 10px; margin-bottom: 10px; font-size: 17px; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_l .pro_key a { background: #fff; color: #666;padding: 4px 8px; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_l .pro_key a:hover { background: rgba(39, 75, 153, 1); color: #fff; } @media(max-width: 1199px) { #ny_case_desc .show_desc .show_desc_box .show_desc_box_r .box_r_box .box_r_box_nr ul { padding:0 15px; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_r .box_r_box .box_r_box_nr ul li a .desc { padding-top: 0px; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_r .box_r_box .box_r_box_nr ul li a .desc .list { -webkit-line-clamp: 2; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_l { padding: 26px 23px; } } @media(max-width: 991px) { #ny_case_desc .show_desc .show_desc_box { display: block; width: 100%; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_l { width:100%; display: block; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_r { width:100%; display: block; margin-top:30px; padding-left: 0px;} #ny_case_desc .show_desc .show_desc_box .show_desc_box_r .box_r_box .box_r_box_t { height: 55px; font-size: 18px; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_r .box_r_box .box_r_box_nr ul li { padding:0 5px; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_r .box_r_box .box_r_box_nr ul li a { background: #fff; display: block; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_r .box_r_box .box_r_box_nr ul li a .desc { padding:10px; } } @media(max-width: 767px) { #ny_case_desc .show_desc .show_desc_box .show_desc_box_l { padding: 20px 15px; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_l .show_desc_box_l_nr { font-size: 14px; } } @media(max-width: 350px) { #ny_case_desc .show_desc .show_desc_box .show_desc_box_r .box_r_box .box_r_box_t { font-size: 17px; margin-bottom: 20px; } #ny_case_desc .show_desc .show_desc_box .show_desc_box_r .box_r_box .box_r_box_nr ul { padding: 0 5px; } } /*新闻列表*/ /*.nynews-ul {overflow:hidden;}*/ .nynews-ul li.nynews-li {padding:0 10px 10px;margin-bottom:20px;cursor:pointer;} .nynews-img {padding:0;overflow:hidden;border:1px solid #f3f3f3;} .nynews-img a {display:block;} .nynews-img img {width:100%;transition:.8s} .nynews-ul li.nynews-li:hover img {transform:scale(1.02);} .nynews-date {color:#333;line-height:20px;font-size:12px;} .nynews-date span {color:#4d4c51;} .nynews-date img {margin:4px 6px 0 0;float:left;} .nynews-date p {float:left;margin:0;} .nynews-date i {margin-right:5px;} .nynews-con h3 {font-size:18px;font-weight:bold;color:#3b3c3c;text-transform:uppercase;line-height:32px;letter-spacing:1px;margin-top:0px;margin-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .nynews-con h3 a {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;} .nynews-ul li.nynews-li:hover h3 a {color:rgba(172, 206, 34, 1);} .nynews-con {background-color:#f9f9f9;padding-top:16px;padding-bottom:18px;} .nynews-con p.nynews-desp {color:#8d8d8d;font-size:14px;line-height:23px;margin:10px 0;height:46px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .nynews-con a.nynews-more {position:relative;left:0;color:#ffffff;font-size:15px;padding:7px;background:rgba(172, 206, 34, 1);margin-top:10px;width:120px;display:block;border-radius:20px;float:left;text-align:center;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;} .nynews-con a.nynews-more:hover {background:#FF7A0E;left:10px;color:#ffffff !important;} @media (max-width:991px) { #nynewslist>.container {padding-left:5px;padding-right:5px;} .nynews-ul li.nynews-li {padding:0 5px 4px;margin-bottom:14px;} } @media (max-width:767px) { .nynews-con h3 {font-size:16px;font-weight:bold} .nynews-con {padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 12px;} .nynews-con p.nynews-desp{margin: 2px 0 8px;} } .nynews-ul .news_list { overflow: hidden; margin-top: 30px; margin-bottom: 20px;} .nynews-ul .news_list .news_list_l { padding-left:0px; padding-right: 0px; float: left; width: 37%; } .nynews-ul .news_list .news_list_l a { display: block; position: relative;} .nynews-ul .news_list .news_list_l a dt { display: block; } .nynews-ul .news_list .news_list_l a dt img { max-width: 100%; display: block; } .nynews-ul .news_list .news_list_l a .news_list_l_t { width: 100%;height: 62px;overflow: hidden;background: rgba(0,0,0,0.8) url(../images/news-blue-back.png) no-repeat left center;position: absolute;bottom: 0;left: 0; } .nynews-ul .news_list .news_list_l a .news_list_l_t::after { position: absolute; content: ''; width: 0%; height: 100%; display: block; background: rgba(172, 206, 34, 1); transition: all 0.5s; left: 0; top: 0; z-index: 1;} .nynews-ul .news_list .news_list_l a:hover .news_list_l_t::after { width: 100%; } .nynews-ul .news_list .news_list_l a .news_list_l_t .time{height: 62px;font-family: arial;color: #fff;float: left; position: relative; z-index: 2;} .nynews-ul .news_list .news_list_l a .news_list_l_t .time .day{font-size: 24px;line-height: 30px;padding-top: 5px;text-indent: 28px;} .nynews-ul .news_list .news_list_l a .news_list_l_t .time .year{font-size: 15px;text-indent: 16px;} .nynews-ul .news_list .news_list_l a .news_list_l_t .tit{float: left;margin-left: 8%;line-height: 62px;min-height: 62px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-size: 17px;color: #fff;width: 76%; position: relative; z-index: 2;} .nynews-ul .news_list .news_list_r { padding-right: 0px; padding-left: 20px; float: left; width: 63%;} .nynews-ul .news_list .news_list_r a { overflow: hidden; display: block; margin-bottom: 20px;} .nynews-ul .news_list .news_list_r a .pic {width: 27%;overflow: hidden;float: left;} .nynews-ul .news_list .news_list_r a .pic img { max-width: 100%; display: block; } .nynews-ul .news_list .news_list_r a .desc{width: 73%;float: right;padding-left: 20px;padding-top: 18px;} .nynews-ul .news_list .news_list_r a .desc .tit{font-size: 17px;color: #333333;line-height: 24px;min-height: 24px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;transition: all .5s ease;} .nynews-ul .news_list .news_list_r a:hover .desc .tit { color: rgba(172, 206, 34, 1); } .news-top .right .item-list:hover .Info .tit{color: #2b72ad;transition: all .5s ease;} .nynews-ul .news_list .news_list_r a .desc .time{font-family: arial;font-size: 15px;color: #777777;margin: 12px 0;} .nynews-ul .news_list .news_list_r a .desc .sub{font-size: 15px;color: #666666;line-height: 25px;min-height: 50px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .nynews-ul .news_list .news_list_r a .desc .jt{display: block;height: 12px;margin-top: 15px;background: url(../images/news-jt.png) no-repeat left center;} @media screen and (max-width: 1440px){.nynews-ul .news_list .news_list_r a .desc .time{margin: 6px 0;}.nynews-ul .news_list .news_list_r a .desc .jt{margin-top: 10px;}} .nynews-ul .news_list .news_list_r a:first-child{margin-bottom: 19px;border-bottom: 1px solid #eeeeee;padding-bottom: 20px; } .nynews-ul li{width: 100%;overflow: hidden;padding: 36px 49px 0 31px;background: #f4f6f8; margin-bottom: 15px;transition: all .5s ease;} .nynews-ul li:last-child { margin-bottom: 25px } .nynews-ul li:hover{background: #f4f6f8;box-shadow: 0px 0px 10px 0 rgba(50, 175, 154, .4);transition: all .5s ease;} .nynews-ul li .time-box{width: 90px;float: left;background: rgba(172, 206, 34, 1);font-family: arial;color: #fff;text-align: center;padding: 7px 0 7px;} .nynews-ul li .time-box .day{font-size: 48px;line-height: 50px;} .nynews-ul li .time-box .year{font-size: 15px;line-height: 25px;} .nynews-ul li .content{width: 92.275862068%;float: right;overflow: hidden;/* border-bottom: 1px solid #d3d5d6; */padding-bottom: 35px;} .nynews-ul li .content hr{float: left;width: 1px;height: 90px;background: #e5e6e6;padding: 0;margin: 0;} .nynews-ul li .content .Info{width: 78%;float: left;margin-left: 20px;} .nynews-ul li .content .Info .tit{font-size: 18px;font-weight: bold;line-height: 25px;color: #333333;min-height: 25px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;transition: all .5s ease;} .nynews-ul li:hover .content .Info .tit{color: rgba(172, 206, 34, 1);transition: all .5s ease;} .nynews-ul li .content .Info .key{font-size: 14px;color: #888888;line-height: 25px;margin: 14px 0;} .nynews-ul li .content .Info .sub{font-size: 15px;color: #555555;line-height: 28px;min-height: 56px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .nynews-ul li .content .Pic{width: 16%;float: right;overflow: hidden; } .nynews-ul li .content .Pic img{display: block;width: 100%;transform: scale(1);transition: all .5s ease;} .nynews-ul li:hover .content .Pic img{transform: scale(1.12);transition: all .5s ease;} @media(max-width:1331px) { .nynews-ul .news_list .news_list_r a:first-child { margin-bottom: 10px;padding-bottom: 10px;} .nynews-ul .news_list .news_list_r a .desc { padding-top:10px;} .nynews-ul li .content { width:88%;} .nynews-ul .news_list .news_list_l a .news_list_l_t .tit { width:65%;} .nynews-ul .news_list { margin-top: 0px; } } @media(max-width:1199px) { .nynews-ul .news_list .news_list_r a .desc .sub { -webkit-line-clamp: 1; min-height:auto;} .nynews-ul .news_list .news_list_l a .news_list_l_t .tit { width:65%;} } @media(max-width:991px) { .nynews-ul .news_list .news_list_r a .pic { width:35%;} .nynews-ul .news_list .news_list_r a .desc {width:64%; } .nynews-ul li .content { width:84%;} .nynews-ul li .content .Info { width:70%;} .nynews-ul li .content .Pic{ width:25%;} .nynews-ul .news_list .news_list_l { width: 41%; } .nynews-ul .news_list .news_list_r { width: 55%; } .nynews-ul .news_list .news_list_r a .desc .time { display: none; } } @media(max-width:767px) { .nynews-ul .news_list .news_list_l { width:100%;} .nynews-ul .news_list .news_list_r { width:100%; padding-left:0; padding-top:15px;} .nynews-ul .news_list .news_list_r a .pic { width:40%;} .nynews-ul .news_list .news_list_r a .desc {width:60%; } .nynews-ul .news_list .news_list_r a .desc .jt { display:none;} .nynews-ul .news_list { margin-top: 0px;} .nynews-ul li .time-box { display:none;} .nynews-ul li { padding:10px 10px;} .nynews-ul li .content hr { display:none;} .nynews-ul li .content { width:100%; padding-bottom:0;} .nynews-ul li .content .Info { width:60%; margin-left:0px; padding-right:10px;} .nynews-ul li .content .Pic {width:40%;} .nynews-ul li .content .Info .tit { font-size:16px; font-weight:normal;} .nynews-ul li .content .Info .key { display:none;} .nynews-ul li .content .Info .sub { font-size:14px;} } @media(max-width: 500px) { .ny_news_list { padding-left:0px !important; padding-right: 0px !important;} .nynewslist .ny_container{ padding-left:10px; padding-right: 10px;} .nynews-ul .news_list .news_list_l a .news_list_l_t .tit { font-size: 16px; } } /*新闻详情*/ .shownews_bg { padding-left: 0!important; padding-right: 0!important; background-color: #f9fcfe; } .shownews-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px; margin-top: 30px;} .shownews-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;} .shownews-time{text-align:center;} .shownews-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;} .shownews-time span:last-child{margin-right:0;} .shownews-con{font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .shownews-con h2 { font-size:18px; color:#333; line-height:2; font-weight:bold;} .shownews-con img{max-width:100%;height:auto !important; display: block; margin:0 auto;} .shownews-page{overflow: hidden;margin-left:-10px;margin-right:-10px;margin-bottom:20px;} .shownews-page>div[class^="col-"]{padding: 0 10px;} .shownews-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .shownews-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} @media (max-width:767px){ .shownews-top h1{font-size: 20px;} .shownews-con{font-size:14px !important;line-height: 1.6;} .shownews-page a{padding:8px;} .shownews-top { margin-top: 0px; } .shownews_bg .ny_container { padding-left: 10px; padding-right: 10px; } } .nyshow_shownews {padding-top: 40px; padding-bottom: 30px;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;} .nyshow .nyshow_shownews_l { padding-left: 0px; display: block; padding:20px; background: #fff; border:1px solid #eee;} /*最新文章*/ .nyshow .nyshow_shownews_r { overflow: hidden; padding-right: 0px;position: sticky;top: 90px;} .nyshow .nyshow_shownews_r .new_title { padding-right: 0px; padding-left: 5px; } .nyshow .nyshow_shownews_r .new_news { /*! margin-top: 30px; */ overflow: hidden; padding-right: 0; padding-left: 5px; } .nyshow .nyshow_shownews_r .new_news .new_news_t { line-height: 40px;border-bottom: 1px #ccc solid;overflow: hidden; } .nyshow .nyshow_shownews_r .new_news .new_news_t h3 { float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px rgba(172, 206, 34, 1) solid;color: rgba(172, 206, 34, 1);font-size: 18px;font-weight: bold;background: url(../images/page/ny-objs.png) no-repeat left; } .nyshow .nyshow_shownews_r .new_news ul { overflow: hidden; margin-top: 20px; } .nyshow .nyshow_shownews_r .new_news ul li { overflow: hidden; margin-bottom: 20px; } .nyshow .nyshow_shownews_r .new_news ul li a { display: block; } .nyshow .nyshow_shownews_r .new_news ul li a dt { padding-left: 0; padding-right: 0; } .nyshow .nyshow_shownews_r .new_news ul li a dt img { max-width: 100%; display: block; } .nyshow .nyshow_shownews_r .new_news ul li a .desc { display: block; padding-top: 15px; padding-right: 0;} .nyshow .nyshow_shownews_r .new_news ul li a .desc .t { font-size: 16px; color: #454545; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 2;} .nyshow .nyshow_shownews_r .new_news ul li a .desc .list { font-size: 14px;color: #999999;line-height: 1.6;text-overflow: ellipsis;-o-ellipsis-lastline: ;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; } /*推荐文章*/ .nyshow .nyshow_shownews_r .featured_news { margin-top: 0px; overflow: hidden; padding-right: 0; padding-left: 5px; } .nyshow .nyshow_shownews_r .featured_news .featured_news_t { line-height: 40px;border-bottom: 1px #ccc solid;overflow: hidden; } .nyshow .nyshow_shownews_r .featured_news .featured_news_t h3 { float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px rgba(172, 206, 34, 1) solid;color: rgba(172, 206, 34, 1);font-size: 18px;font-weight: bold;background: url(../images/page/ny-objs.png) no-repeat left; } .nyshow .nyshow_shownews_r .featured_news ul { overflow: hidden; margin-top: 20px;} .nyshow .nyshow_shownews_r .featured_news ul li { overflow: hidden; margin-bottom: 10px;} .nyshow .nyshow_shownews_r .featured_news ul li:nth-child(odd) { padding-left: 0; padding-right: 5px; } .nyshow .nyshow_shownews_r .featured_news ul li:nth-child(even) { padding-right: 0; padding-left: 5px;} .nyshow .nyshow_shownews_r .featured_news ul li a { display: block; position: relative;} .nyshow .nyshow_shownews_r .featured_news ul li a dt { display: block; } .nyshow .nyshow_shownews_r .featured_news ul li a dt img { max-width: 100%; display: block; } .nyshow .nyshow_shownews_r .featured_news ul li a .t { position: absolute; left: 0; bottom: 0; width: 100%; line-height: 2; font-size: 14px; padding-left: 10px; padding-right: 10px; font-size: 14px; color: #fff; background: rgba(0,0,0,0.4); text-overflow: ellipsis; white-space: nowrap;overflow: hidden; } @media(max-width:1199px) { .nyshow .nyshow_shownews_r .featured_news ul li:nth-child(odd) { padding-left: 5px; padding-right: 5px; } .nyshow .nyshow_shownews_r .featured_news ul li:nth-child(even) { padding-right: 5px; padding-left: 5px;} .nyshow .nyshow_shownews_r { padding-left:0px;} } @media(max-width:767px) { .nyshow_shownews{ padding-left:5px; padding-right:5px; padding-top:20px; padding-bottom:0px;} .nyshow .nyshow_shownews_r .new_news ul li { padding:0 5px 10px 5px;} .nyshow .nyshow_shownews_l { padding:15px 10px; } } /*联系我们页面*/ { display: block; overflow: hidden; } .box1_box { display: block; overflow: hidden; padding:80px 0;} .box1_box .box1_box_nr { display: flex; } .box1_box .box1_box_nr .box1_box_nr_l { width: 30%; } .box1_box .box1_box_nr .box1_box_nr_l .t { padding-top: 0px; } .box1_box .box1_box_nr .box1_box_nr_l .t p { font-size: 44px;font-weight: bold;color: rgba(39, 75, 153, 1);display: block;margin-bottom: 5px;line-height: 1;letter-spacing: -2px; } .box1_box .box1_box_nr .box1_box_nr_l .t span { font-size: 32px;color: #333;opacity: 1;display: block; position: relative;} .box1_box .box1_box_nr .box1_box_nr_l .t span::after { content: "";position: absolute;width: 40px;height: 3px;background: rgba(39, 75, 153, 1);left: 0;bottom: -20px; } .box1_box .box1_box_nr .box1_box_nr_r { width: 70%; } .box1_box .box1_box_nr .box1_box_nr_r .connect_btn { display: block; } .box1_box .box1_box_nr .box1_box_nr_r .connect_btn a { display: inline-block;font-size: 22px;line-height: 1em;color: #454545;font-weight: bold; margin-right: 40px;} .box1_box .box1_box_nr .box1_box_nr_r .connect_btn a.on { color: rgba(172, 206, 34, 1); } .box1_box .box1_box_nr .box1_box_nr_r .box1_box_nr_r_nr { display: block; overflow: hidden; margin-top:50px; } .box1_box .box1_box_nr .box1_box_nr_r .imgbox { display: none; } .box1_box .box1_box_nr .box1_box_nr_r .imgbox:first-child { display: block; } .box1_box .box1_box_nr .box1_box_nr_r .imgbox li { display: block;float: left;width: 22%; position: relative; padding-left: 5%; } .box1_box .box1_box_nr .box1_box_nr_r .imgbox li:last-child { width: 34%; } .box1_box .box1_box_nr .box1_box_nr_r .imgbox li p { font-size: 16px;color: #999;margin: 0 0 10px; } .box1_box .box1_box_nr .box1_box_nr_r .imgbox li span { font-size: 18px;color: #333; display: block; overflow: hidden;} .box1_box .box1_box_nr .box1_box_nr_r .imgbox li:last-child span { height: 50px; } .box1_box .box1_box_nr .box1_box_nr_r .imgbox li::after { width: 35px; height: 35px; display: block; position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); background: #000; } .box1_box .box1_box_nr .box1_box_nr_r .imgbox li:nth-child(1)::after { background: url(../images/ny_connect_ico01.png)no-repeat center / contain; } .box1_box .box1_box_nr .box1_box_nr_r .imgbox li:nth-child(2)::after { background: url(../images/ny_connect_ico02.png)no-repeat center / contain; } .box1_box .box1_box_nr .box1_box_nr_r .imgbox li:nth-child(3)::after { background: url(../images/ny_connect_ico03.png)no-repeat center / contain; } .box1_box .box1_box_nr .box1_box_nr_r .imgbox li:nth-child(4)::after { background: url(../images/ny_connect_ico041.png)no-repeat center / contain; } @media(max-width: 1510px) { .box1_box .box1_box_nr .box1_box_nr_l { width: 25%; } .box1_box .box1_box_nr .box1_box_nr_r { width: 75%; } } @media(max-width: 1410px) { .box1_box .box1_box_nr .box1_box_nr_l .t p { font-size: 32px; } .box1_box .box1_box_nr .box1_box_nr_l { width: 20%; } .box1_box .box1_box_nr .box1_box_nr_r { width: 80%; } .box1_box .box1_box_nr .box1_box_nr_r .imgbox li { padding-left:4%; } } @media(max-width: 1310px) { .box1_box { padding: 60px 10px; } .box1_box .box1_box_nr .box1_box_nr_r .imgbox li span { font-size: 16px; } .box1_box .box1_box_nr .box1_box_nr_l { width: 24%; } .box1_box .box1_box_nr .box1_box_nr_r { width: 76%; } } @media(max-width: 1199px) { .box1_box .box1_box_nr .box1_box_nr_l .t p { font-size: 28px; } .box1_box .box1_box_nr .box1_box_nr_l .t span { font-size: 26px; } .box1_box .box1_box_nr { display: block; width: 100%; } .box1_box .box1_box_nr .box1_box_nr_l { width: 100%; display: block; text-align: center; margin-bottom: 60px; } .box1_box .box1_box_nr .box1_box_nr_l .t span::after { left: 50%; transform: translateX(-50%); } .box1_box .box1_box_nr .box1_box_nr_r { width: 100%; display: block; } .box1_box .box1_box_nr .box1_box_nr_r .connect_btn { text-align: center; } .box1_box .box1_box_nr .box1_box_nr_r .connect_btn a { margin:0 20px; } } @media(max-width: 991px) { .box1_box { padding:30px 0; } .box1_box .box1_box_nr .box1_box_nr_l { margin-bottom: 50px; } .box1_box .box1_box_nr .box1_box_nr_r .connect_btn a { font-size: 18px; } .box1_box .box1_box_nr .box1_box_nr_r .imgbox li { width: 50%; margin-bottom: 30px; padding-left: 6%; } .box1_box .box1_box_nr .box1_box_nr_r .imgbox li:last-child { width: 50%; } } @media(max-width: 767px) { .box1_box .box1_box_nr .box1_box_nr_r .imgbox li { padding-left: 10%; } .box1_box .box1_box_nr .box1_box_nr_l .t p { font-size: 26px; } .box1_box .box1_box_nr .box1_box_nr_l .t span { font-size: 24px; } .box1_box .box1_box_nr .box1_box_nr_r .imgbox li:last-child { width: 100%; } .box1_box .box1_box_nr .box1_box_nr_r .box1_box_nr_r_nr { margin-top: 20px; } } @media(max-width: 500px) { .box1_box .box1_box_nr .box1_box_nr_r .imgbox li { display: block; width: 100%; padding-left: 15%; } .ny_container { padding-left: 10px; padding-right: 10px; } .box1_box .box1_box_nr .box1_box_nr_r .box1_box_nr_r_nr { padding-left: 20px; } } /*在线留言*/ #lx_nymessage .mess_1 input{ background:none; outline:none; border:1px solid #ccc;} #lx_nymessage .mess_1 input:focus{ border:none;} .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { outline: 0px auto -webkit-focus-ring-color; outline-offset: 0px; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 0px auto -webkit-focus-ring-color; outline-offset: 0px; } #lx_nymessage { background-color: #f6f6f6; padding:70px 0;} .form-horizontal { overflow: hidden; margin-top: 40px; } #lx_nymessage p {font-size: 44px;font-weight: bold;color: rgba(39, 75, 153, 1);display: block;margin-bottom: 5px;line-height: 1;letter-spacing: -2px;text-transform: uppercase;text-align: center;} #lx_nymessage span { font-size: 32px;color: #333;opacity: 1;display: block;text-align: center;} .form-horizontal .form-group {margin-bottom: 10px; position: relative;} .form-control { padding: 0px; margin: 0px; border: none; } #lx_nymessage .mess_1 { margin: 0 -5px; display: flex; flex-wrap: wrap; align-items: flex-start; padding-left: 0px; padding-right: 0px; } #lx_nymessage .mess_1 .form-group { margin-bottom: 10px; position: relative; width: 50%; padding: 0 5px; } #lx_nymessage .mess_1 .form-group input { padding: 0 20px; width: 100%; height: 80px; line-height: 80px; background: #fff; font-size: 16px; border:none; border-radius: 0px; } .form-horizontal .form-group { margin-left: 0px !important; margin-right:0px !important;} .form-horizontal .form-group .mess_2_2 { padding-left: 0px; padding-right: 0px; } #lx_nymessage textarea { width: 100%;height: 200px;padding: 25px 20px;line-height: 26px; background: #fff; overflow-y: auto;font-size: 16px; } .btn-default { width: 20%; line-height: 40px; text-align: center; font-size: 16px; color: #333; background-color: #dadde3; border: none; border-radius: 0;} .btn-default:hover { color: #333; background-color: #dadde3; } .btn-default:first-child { background-color: rgba(172, 206, 34, 1); color: #fff; margin-right: 20px; } #lx_nymessage .mess_2 { padding-left: 0px; padding-right:10px; } #lx_nymessage .mess_3 { margin-top: 25px; overflow: hidden;} #lx_nymessage .mess_3 .mess_3_3 { padding-left: 0px; padding-right: 0px; } .btn-default:first-child:hover { background: rgba(172, 206, 34, 1); color: #fff; } #lx_nymessage .mess_1 .form-group input::-webkit-input-placeholder{ color:#999; font-size: 16px; } #lx_nymessage .mess_1 .form-group input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; font-size: 16px; } #lx_nymessage .mess_1 .form-group input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */color:#999; font-size: 16px; } #lx_nymessage .mess_1 .form-group input::-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; font-size: 16px; } #lx_nymessage textarea::-webkit-input-placeholder{ color:#999; font-size: 16px; } #lx_nymessage textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; font-size: 16px; } #lx_nymessage textarea::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */color:#999; font-size: 16px; } #lx_nymessage textarea::-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; font-size: 16px; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102,175,233,.6); box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102,175,233,.6); } .form-control { box-shadow: inset 0 0px 0px rgba(0,0,0,.075); } @media(max-width: 1310px) { #lx_nymessage p { font-size: 36px; } #lx_nymessage { padding: 50px 0; } .form-horizontal { padding:0 10px; } } @media(max-width: 767px) { #lx_nymessage h4 { font-size: 24px; } #lx_nymessage .mess_1 .form-group { width: 100%; } #lx_nymessage .mess_1 { padding-left: 0px; padding-right: 0px; } #lx_nymessage .mess_1 .form-group input { line-height: 46px; height: 46px; } .mess_2_2 { padding-left: 0px;padding-right: 0px; } #lx_nymessage textarea { height: 140px; } .btn-default { width: 40%; } .mess_3_3 { padding-left: 0px;padding-right: 0px; } #lx_nymessage p { font-size: 26px; } #lx_nymessage span { font-size: 24px; } .form-horizontal { padding:0; } #lx_nymessage .mess_1 .form-group input::-webkit-input-placeholder{ color:#999; font-size: 14px; } #lx_nymessage .mess_1 .form-group input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; font-size: 14px; } #lx_nymessage .mess_1 .form-group input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */color:#999; font-size: 14px; } #lx_nymessage .mess_1 .form-group input::-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; font-size: 14px; } #lx_nymessage textarea::-webkit-input-placeholder{ color:#999; font-size: 14px; } #lx_nymessage textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; font-size: 14px; } #lx_nymessage textarea::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */color:#999; font-size: 14px; } #lx_nymessage textarea::-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; font-size: 14px; } .btn-default { font-size: 14px; } .box1_box .box1_box_nr .box1_box_nr_r .imgbox li p { font-size: 14px; margin-bottom: 5px; } .box1_box .box1_box_nr .box1_box_nr_r .imgbox li span { font-size: 14px; } } /*人才招聘*/ #box2 { padding:70px 0; display: block; overflow: hidden; } #box2 .box2_t { text-align: center; display: block; padding-bottom:40px; } #box2 .box2_t p { font-size: 44px;font-weight: bold;color: rgba(39, 75, 153, 1);display: block;margin-bottom: 5px;line-height: 1;letter-spacing: -2px;text-transform: uppercase;text-align: center; } #box2 .box2_t span { font-size: 32px;color: #333;opacity: 1;display: block;text-align: center; } .recruitListBox_t { text-align: center; display: block; margin:0 0 40px 0; } .recruitListBox_t p { font-size: 30px;line-height: 60px;color: #333;text-align: center; } .recruitListBox_t span { margin-top: 30px;overflow: hidden;font-size: 16px;color: #454545;line-height: 2;text-align: center; } .recruitListBox {overflow: hidden;} .recruitTitle {height: 60px;line-height: 60px;background: #ffffff;margin-bottom: 20px;} .recruitTitle .text {color: #444444;font-size: 0;font-weight: bold;overflow: hidden;} .recruitTitle .text span {width: 14.2857%;display: inline-block;padding-left: 60px;font-size: 16px;box-sizing: border-box;-webkit-box-sizing: border-box;} .recruitTitle .text span.xq {float: right;display: inline;text-align: right;padding-right: 60px;} .recruitListDl {overflow: hidden;} .recruitListDl dd {overflow: hidden;margin-bottom: 20px;} .recruitListDl dd .recruitT {overflow: hidden;height: 60px;line-height: 60px;cursor: pointer;transition: all .3s;-webkit-transition: all .3s;} .recruitListDl dd .recruitT .text {background: #f5f5f5;font-size: 0;color: #666666;overflow: hidden;font-size: 16px;font-weight: bold;} .recruitListDl dd .recruitT .text span.recruitIcon {font-weight: bold;font-size: 20px;text-align: center;background: url(../images/right_on.png)no-repeat center right 60px;background-size: 8px 14px;transition: all 0.3s;-webkit-transition: all 0.3s;} .recruitListDl dd:hover .recruitT .text span.recruitIcon {background: url(../images/righth.png)no-repeat center right 60px;background-size: 8px 14px;} .recruitListDl dd.active .recruitT .text span.recruitIcon {background: url(../images/xia.png)no-repeat center right 60px;background-size: 14px 8px;} .recruitListDl dd .recruitT .text span.xq {float: right;display: inline;text-align: right;padding-right: 60px;} .recruitListDl dd .recruitT .text span {width: 50%;display: inline-block;height: 60px;overflow: hidden;padding-left: 60px;font-size: 16px;box-sizing: border-box;-webkit-box-sizing: border-box;} .recruitListDl dd .recruitT .text span.money {color: #e89214;} .recruitListDl dd.active .recruitT .text span.money {color: #fff;} .recruitListDl dd .recruitC {overflow: hidden;font-size: 14px;color: #999999;display: none;background: #f5f5f5;} .recruitText {overflow: hidden;margin: 20px 60px 0;border-bottom: 1px solid #f5f5f5;} .recruitText .rectext {font-size: 14px;color: #666666;line-height: 26px;} .recruitBtn {overflow: hidden;padding:0 60px 40px 60px;} .recruitBtn a {display: inline-block;height: 50px;line-height: 50px;float: left;border-radius: 4px;overflow: hidden;padding: 0 48px;background: rgba(172, 206, 34, 1);font-size: 16px;color: #FFF;transition: all .3s;-webkit-transition: all .3s;font-weight: bold;} .recruitBtn a:hover {border-radius: 10px;} .recruitTitleUl {overflow: hidden;padding: 15px 60px;box-sizing: border-box;-webkit-box-sizing: border-box;border-bottom: 1px solid #d9ebe2;} .recruitTitleUl li {width: 25%;float: left;display: inline;height: 40px;line-height: 40px;overflow: hidden;} .recruitTitleUl li .title1 {font-size: 16px;color: #555555;margin-right: 20px;font-weight: bold;} .recruitTitleUl li .info {font-size: 16px;color: #999999;} .recruitListDl dd:hover .recruitT .text, .recruitListDl dd.active .recruitT .text, .recruitListDl dd:hover .recruitT .text span.money {background: rgba(172, 206, 34, 1);color: #FFF;} @media(max-width: 1310px) { #box2 { padding: 50px 0; } .recruitListBox { padding:0 10px; } } @media(max-width: 992px) { .recruitTitleUl li { width: 50%; } } @media(max-width: 767px) { #box2 .box2_t p { font-size: 26px; } #box2 .recruitListBox { padding:0; } #box2 .box2_t span { font-size: 24px; } #box2 .box2_t { padding-bottom: 20px; } .recruitTitleUl { padding:10px 25px; } .recruitTitleUl li .info { font-size: 14px; } .recruitTitleUl li .title { font-size: 14px; font-weight: normal; margin-right: 0px; } .recruitText { margin:20px 25px 0; } .recruitBtn { padding: 25px; } .recruitListDl dd .recruitT .text span { padding-left: 25px; } .recruitListDl dd .recruitT .text span.xq { padding-right: 25px; } .recruitListDl dd .recruitT .text span.recruitIcon { background: url(../images/right_on.png)no-repeat center right 25px; } .recruitListDl dd:hover .recruitT .text span.recruitIcon {background: url(../images/righth.png)no-repeat center right 25px;} .recruitListDl dd.active .recruitT .text span.recruitIcon { background: url(../images/xia.png)no-repeat center right 25px; } .recruitTitleUl li .title1 { font-size: 14px; margin-right: 10px; } #box2 .recruitBtn { padding-top: 0px; } #box2 { padding:30px 0; } } /*产品列表*/ #ny_pro_list { display: block; overflow: hidden; padding:50px 0; background-color: #f9f9f9; } #ny_pro_list dl { display: block; overflow: hidden; } #ny_pro_list dl dd { display: block; overflow: hidden; margin-top: 30px; } #ny_pro_list dl dt { display: block; overflow: hidden; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; } #ny_pro_list dl dt a {display: block; overflow: hidden;} #ny_pro_list dl dt a span { font-size: 32px;font-weight: bold;line-height: 40px;color: rgb(39, 75, 153); display: block;} #ny_pro_list dl dt a em { font-size: 16px;display: block;color: #666666;line-height: 2;display: block; } #ny_pro_list dl dd .box { display: block; overflow: hidden; margin-bottom:30px; } #ny_pro_list dl dd .box:nth-child(even) { padding-right: 0px; } #ny_pro_list dl dd .box:nth-child(odd) { padding-left: 0px; } #ny_pro_list dl dd .box a { display: flex; } #ny_pro_list dl dd .box a .box_l { flex: 0.55; position: relative;} #ny_pro_list dl dd .box a .box_l p { position: absolute;writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ top: 0;left: 0;bottom: 0;width: 40px;background-color: rgba(172, 206, 34, 1);font-size: 15px;line-height: 40px;color: #fff;text-transform: uppercase;text-align: center;letter-spacing: .02em;visibility: visible;opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition: all .3s ease-out; letter-spacing: 2px;border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5; border-left:1px solid #f5f5f5; } #ny_pro_list dl dd .box a .box_l img { max-width: 100%; display: block; border:1px solid #f5f5f5;} #ny_pro_list dl dd .box a .box_r { flex: 0.45; background: #f5f5f5;} #ny_pro_list dl dd .box a .box_r .box_flex { display: flex; width: 100%; height: 100%; } .nypro-ul{overflow:hidden; margin:0 -20px; margin-top: 30px; margin-bottom: 30px;} .nypro-ul li{margin-bottom:35px; width: 33.33%; padding:0 20px; float: left; } .nypro-ul li a{display:block;position:relative;overflow:hidden;/*! background: #fff; */ /*! padding-bottom: 30px; */} .nypro-ul li a .nypro-img { padding:20px; display: block; } .nypro-ul li a .nypro-img img { max-width: 100%; display: block; border:1px solid #ddd; } .nypro-ul li a p{line-height:40px;color:#333;text-align:center;font-size:16px;padding:0 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .nypro-ul li a:hover p{color:rgba(172, 206, 34, 1);} #ny_pro_list .font { padding: 0 20px;} #ny_pro_list .font .tit {font-size: 20px;font-weight: bold;padding-bottom: 10px;border-bottom: 2px solid #ddd;color: #454545;margin-bottom: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #ny_pro_list .font p {font-size: 14px;color: #666666;line-height: 24px;display: block;margin-bottom: 30px;} #ny_pro_list .font .but {display: flex;align-items: center;justify-content: center;width: 114px;height: 40px;position: relative;} #ny_pro_list .font .but strong {font-size: 16px;color: #666;position: relative;z-index: 2; font-weight: normal;} #ny_pro_list .font .but i {display: block;height: 14px;overflow: hidden;position: relative;margin-left: 14px;z-index: 2;} #ny_pro_list .font .but i img {float: left;height: 100%;} #ny_pro_list .font .but i img:nth-child(2n) {display: none;} #ny_pro_list .font .but::before {content: "";display: block;position: absolute;top: 0;left: 0;width: 30%;height: 100%;z-index: 1;background-color: #eaeff8;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;} #ny_pro_list li:hover .img img { transform: scale(1.04);} #ny_pro_list li:hover .font .tit {color: rgba(172, 206, 34, 1);border-color: rgba(172, 206, 34, 1);} #ny_pro_list li:hover .font .but strong {color: #fff;} #ny_pro_list li:hover .font .but i img:nth-child(1) { display: none;} #ny_pro_list li:hover .font .but i img:nth-child(2) {display: block;} #ny_pro_list li:hover .font .but::before {width: 100%; background-color: rgba(172, 206, 34, 1);} #ny_pro_list .font .showproductli_info { display: block; overflow: hidden; font-size: 14px;color: #888;line-height: 24px;display: block;margin: 15px 0; /*! text-overflow: ellipsis; *//*! overflow: hidden; */ /*! white-space: nowrap; */} #ny_pro_list .font .showproductli_info .canshu { /*! text-overflow: ellipsis; *//*! overflow: hidden; */ /*! white-space: nowrap; */ height: 120px;} @media(max-width: 1199px) { .nypro-ul li { padding:0 10px; margin-bottom: 20px; } #ny_pro_list { padding:30px 0; } #ny_pro_list dl dt a span { font-size: 28px; } } @media(max-width: 991px) { .nypro-ul li { width: 50%; } } @media(max-width: 767px) { #ny_pro_list dl dt a span { font-size: 24px; } #ny_pro_list dl dt a em { font-size: 14px; } #ny_pro_list .font .tit { font-size: 17px; } #ny_pro_list .font .showproductli_info { margin:10px 0; } } @media(max-width: 500px) { .nypro-ul li { width: 100%; } #ny_pro_list .font .but strong { font-size: 14px; } #ny_pro_list { padding: 20px 0; } } /*产品详情*/ #product_desc { display: block;padding: 50px 0;background-color: #f9f9f9; } #product_desc .box1 { display: block;overflow: hidden; } #product_desc .box1 .box1_nr { padding: 53px 95px 65px 53px;display: flex;flex-wrap: wrap;justify-content: space-between;background-color: #fff; } #product_desc .box1 .box1_nr .box1_l { display: flex;flex-wrap: wrap;position: relative;justify-content: space-between;width: 50%; height: 460px;} #product_desc .box1 .box1_nr .box1_l .nav { width: 16.5%; height: 90%;padding-left: 0;margin-bottom: 0;list-style: none; } #product_desc .box1 .box1_nr .box1_l .nav .product_info-section1-nav { height: 100%; } #product_desc .box1 .box1_nr .box1_l .nav .img { width: 100%;position: relative;display: flex;align-items: center;justify-content: center;height: 100%;border: 1px solid #dbdbdb;cursor: pointer;overflow: hidden; } #product_desc .box1 .box1_nr .box1_l .nav .on .img { border: 1px solid rgba(172, 206, 34, 1); } #product_desc .box1 .box1_nr .box1_l .nav .img img { height: 86%;object-fit: cover; } #product_desc .box1 .box1_nr .box1_l .cent { width: 80%;height: 100%; } #product_desc .box1 .box1_nr .box1_l .cent .img { display: flex;align-items: center;justify-content: center;height: 100%;overflow: hidden;border: 1px solid #dbdbdb; } #product_desc .box1 .box1_nr .box1_l .cent .img img { height: 100%;width: 100%;object-fit: cover;-webkit-transition: all .3s linear;transition: all .3s linear;object-fit: contain;} #product_desc .box1 .box1_nr .box1_l .qie { position: absolute;bottom: 0;left: 0;width: 17%;display: flex; } #product_desc .box1 .box1_nr .box1_l .qie .pro-prev, #product_desc .box1 .box1_nr .box1_l .qie .pro-next { display: block;width: 45%;height: 20px;outline: none;pointer-events: auto!important; } #product_desc .box1 .box1_nr .box1_l .qie .pro-prev { background: #d4d4d4 url(../images/top.png) no-repeat;background-position: center;background-size: auto 6px;left: 0; } #product_desc .box1 .box1_nr .box1_l .qie .pro-next { background: #d4d4d4 url(../images/b.png) no-repeat;background-position: center;background-size: auto 6px;right: 0; } #product_desc .box1 .box1_nr .box1_l .qie .pro-prev:hover { background: rgba(172, 206, 34, 1) url(../images/top.png) no-repeat;background-position: center;background-size: auto 6px;left: 0; } #product_desc .box1 .box1_nr .box1_l .qie .pro-next:hover { background: rgba(172, 206, 34, 1) url(../images/b.png) no-repeat; background-position: center;background-size: auto 6px;right: 0;} #product_desc .box1 .box1_nr .box1_r { width: 46%;display: flex; align-items: center; } #product_desc .box1 .box1_nr .box1_r .flex_box { display: block; width: 100%;} #product_desc .box1 .box1_nr .box1_r .flex_box strong { font-size: 30px;color: #262626;display: block;margin-bottom: 24px; } .box1 .box1_nr .box1_r .flex_box .t { font-size: 16px;line-height: 26px;color: #666666; } #product_desc .box1 .box1_nr .box1_r .flex_box .labelbox { display: flex;flex-wrap: wrap;margin-top: 30px; } #product_desc .box1 .box1_nr .box1_r .flex_box .labelbox .list1 { margin-right: 20px; background: #fff;margin-bottom: 15px;padding: 8px 12px;border: 1px solid #ddd; color: #454545; } #product_desc .box1 .box1_nr .box1_r .flex_box .but { margin-top: 40px;display: flex;flex-wrap: wrap; } #product_desc .box1 .box1_nr .box1_r .flex_box .but li:first-child { display: flex;align-items: center;justify-content: center;width: 224px;height: 50px;background-color: #262626;color: #fff;font-size: 22px;margin-right: 10px;font-weight: bold;border-radius: 3px; } #product_desc .box1 .box1_nr .box1_r .flex_box .but li:first-child span { display: block;height: 20px;margin-right: 8px;overflow: hidden; } #product_desc .box1 .box1_nr .box1_r .flex_box .but li:first-child span img { height: 100%; display: block; float: left; } #product_desc .box1 .box1_nr .box1_r .flex_box .but li:nth-child(2) { display: flex;align-items: center;justify-content: center;border-radius: 3px;width: 130px;height: 50px;background-color: rgba(39, 75, 153, 1);color: #fff; } #product_desc .box1 .box1_nr .box1_r .flex_box .but li:nth-child(2) a { display: block; color: #fff; } #product_desc .box2 { display: block; margin-top: 40px; } #product_desc .box2 .box2_nr { display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start; } #product_desc .box2 .box2_nr .box2_nr_l { width: 69%; background: #fff;} #product_desc .box2 .box2_nr .box2_nr_l .product_desc_t { background-color: #fff;height: 75px;display: flex;flex-wrap: wrap;border-bottom: 2px solid #e9e9e9;} #product_desc .box2 .box2_nr .box2_nr_l .product_desc_t a { display: flex;align-items: center;justify-content: center;height: calc(100% + 2px);color: #262626;font-size: 22px;padding: 0 34px; } #product_desc .box2 .box2_nr .box2_nr_l .product_desc_t a.on { background-color: rgba(39, 75, 153, 1);color: #fff; } #product_desc .box2 .box2_nr .box2_nr_l .nr { width: 100%;padding: 35px;background-color: #fff;min-height: 300px;} #product_desc .box2 .box2_nr .box2_nr_l .nr .imgbox { display: none; overflow: hidden; } #product_desc .box2 .box2_nr .box2_nr_l .nr .imgbox:first-child { display: block; } #product_desc .box2 .box2_nr .box2_nr_l .nr .imgbox:nth-child(2) { overflow: auto;} #product_desc .box2 .box2_nr .box2_nr_r { width: 28%;position: sticky;top: 100px; margin-left: 40px; background: #fff; } #product_desc .box2 .box2_nr .box2_nr_l .nr .imgbox::-webkit-scrollbar-thumb { background-color: rgba(60,189,170,0.6);-webkit-transition: background-color .3s;transition: background-color .3s; } #product_desc .box2 .box2_nr .box2_nr_l .nr .imgbox { line-height: 1.8;font-size: 15px;color: #666; } #product_desc .box2 .box2_nr .box2_nr_l .nr .imgbox:first-child img { max-width: 100%; display: block; } #product_desc .box2 .box2_nr .box2_nr_l .fenye { padding:10px 35px;display: block; overflow: hidden; } #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_t { background-color: rgba(172, 206, 34, 1);height: 75px;display: flex;align-items: center;justify-content: center;width: 100%;font-size: 22px;color: #fff; } #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr { background-color: #fff;padding: 35px 40px;text-align: center;overflow: hidden; } #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr li { display: block; margin-bottom: 20px; } #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr li a { display: block; } #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr li a img { max-width: 100%; display: block; border: 1px solid #eee; transition: all 0.3s;} #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr li a h3 { transition: all 0.3s; font-size: 18px; color: #262626; display: block; line-height: 2; margin-top: 10px; text-align: center; padding:0 20px; text-overflow: ellipsis; white-space: nowrap;overflow: hidden; } #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr li:hover a img { border: 1px solid rgba(172, 206, 34, 1); } #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr li:hover a h3 { color: rgba(172, 206, 34, 1); } #product_desc .box3 { display: block; margin-top: 50px; } #product_desc .box3 .box3_nr { background-color: #fff;padding-top: 60px;padding-bottom: 50px;} #product_desc .box3 .box3_nr .box3_nr_t { display: block;padding-bottom: 40px;border-bottom: 2px solid #e9e9e9;text-align: center;margin-bottom: 50px; } #product_desc .box3 .box3_nr .box3_nr_t p { font-weight: bold;display: block;font-size: 36px;color: rgba(172, 206, 34, 1); } #product_desc .box3 .box3_nr .box3_nr_t span { font-size: 16px;color: #262626;opacity: 0.5; } #product_desc .box3 .box3_nr .box3_nr_box { padding: 0 50px; } #product_desc .box3 .box3_nr .box3_nr_box .owl-nav { display: none; } #product_desc .box3 .box3_nr .box3_nr_box li { display: block; overflow: hidden; } #product_desc .box3 .box3_nr .box3_nr_box li a { display: block; overflow: hidden; } #product_desc .box3 .box3_nr .box3_nr_box li a img { display: block; border:1px solid #eee; max-width: 100%; } #product_desc .box3 .box3_nr .box3_nr_box li a .t { padding-top: 25px;margin-top: 20px;border-top: 2px solid #ddd;text-align: center; } #product_desc .box3 .box3_nr .box3_nr_box li a .t strong { display: block;color: #333;line-height: 1;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 20px;font-size: 22px; font-weight: bold;} #product_desc .box3 .box3_nr .box3_nr_box li a .t span { display: flex;align-items: center;justify-content: center;color: #262626;font-size: 14px;opacity: 0.5; } #product_desc .box3 .box3_nr .box3_nr_box li a .t span i { display: block;margin-left: 10px;height: 12px; } #product_desc .box3 .box3_nr .box3_nr_box li a .t span i img { height: 12px;float: left; width: auto; max-width: auto; } #product_desc .box3 .box3_nr .box3_nr_box li:hover a .t strong { color: rgba(172, 206, 34, 1); } @media(max-width: 1710px) { #product_desc .box1 .box1_nr .box1_l { height: 430px; } } @media(max-width: 1610px) { #product_desc .box1 .box1_nr .box1_l { height: 400px; } } @media(max-width: 1510px) { #product_desc .box1 .box1_nr .box1_l { height: 370px; } } @media(max-width: 1410px) { #product_desc .box1 .box1_nr { padding: 53px 65px 45px 33px; } #product_desc .box1 .box1_nr .box1_l { height: 355px; } #product_desc .box2 .box2_nr .box2_nr_r { margin-left:0px; } } @media(max-width: 1310px) { #product_desc .box1 .box1_nr .box1_l { height: 322px; } } @media(max-width: 1199px) { #product_desc .box1 .box1_nr { padding:40px 30px; } #product_desc .box1 .box1_nr .box1_l { height: 274px; } #product_desc .box1 .box1_nr .box1_r .flex_box strong { font-size: 24px; } #product_desc .box1 .box1_nr .box1_r .flex_box .but { margin-top:20px;} #product_desc .box2 .box2_nr .box2_nr_l .product_desc_t a { font-size: 18px; } #product_desc .box3 .box3_nr { padding-top: 40px; padding-bottom: 30px; } #product_desc .box3 .box3_nr .box3_nr_t p { font-size: 26px; } #product_desc .box3 .box3_nr .box3_nr_box li a .t strong { font-size: 20px; } #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_t { font-size: 18px; } #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr li a h3 { font-size: 16px; } } @media(max-width: 991px) { #product_desc .box1 .box1_nr .box1_l { height: auto; width: 100%; } #product_desc .box1 .box1_nr .box1_l .nav { width: 100%;height: 116px;order: 1; margin-top:20px;} #product_desc .box1 .box1_nr .box1_l .cent { height: auto; width: 100%; } #product_desc .box1 .box1_nr { display: block; width: 100%; } #product_desc .box1 .box1_nr .box1_r { width: 100%; } #product_desc .box1 .box1_nr .box1_r .flex_box { padding-top: 30px; } #product_desc .box1 .box1_nr .box1_l .qie { width: 100%; } #product_desc .box1 .box1_nr .box1_l .qie .pro-prev, #product_desc .box1 .box1_nr .box1_l .qie .pro-next { width: 20px;height: 40px; margin-top: -75px; background: #d4d4d4 url(../images/lt1.png) no-repeat; background-position: center; background-size: auto 14px;} #product_desc .box1 .box1_nr .box1_l .qie .pro-prev:hover { background: rgba(172, 206, 34, 1) url(../images/lt1.png) no-repeat; background-position: center; background-size: auto 14px; } #product_desc .box1 .box1_nr .box1_l .qie .pro-next { transform: rotate(-180deg);} #product_desc .box1 .box1_nr .box1_l .qie .pro-next:hover { background: rgba(172, 206, 34, 1) url(../images/lt1.png) no-repeat; background-position: center; background-size: auto 14px; } #product_desc .box1 .box1_nr .box1_l .cent .img img { width: auto; height: auto; max-width: 100%; } #product_desc .box2 .box2_nr { display: block; width: 100%; } #product_desc .box2 .box2_nr .box2_nr_l { display: block; width: 100%; margin-bottom: 20px; } #product_desc .box2 .box2_nr .box2_nr_r { display: block; width: 100%;} #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr ul{ display: flex; width: 100%;} #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr ul li { flex: 1; padding:0 10px; width: 33.333%; } #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr { padding: 15px 20px; } #product_desc .box3 { margin-top: 30px; } } @media(max-width: 767px) { #product_desc { padding:20px 0; } #product_desc .box1 .box1_nr { padding: 15px 10px; } #product_desc .box1 .box1_nr .box1_l .nav { height: 78px;margin-top: 10px; } #product_desc .box1 .box1_nr .box1_l .qie .pro-prev, #product_desc .box1 .box1_nr .box1_l .qie .pro-next { margin-top: -58px; } #product_desc .box1 .box1_nr .box1_r .flex_box strong { font-size: 20px; } .box1 .box1_nr .box1_r .flex_box .t { font-size: 14px; line-height: 1; } #product_desc .box1 .box1_nr .box1_r .flex_box .but li:first-child { font-size: 18px; } #product_desc .box1 .box1_nr .box1_r .flex_box .but { margin-top: 10px; } #product_desc .box2 .box2_nr .box2_nr_l .product_desc_t { height: 45px; } #product_desc .box2 .box2_nr .box2_nr_l .nr { padding:15px; } #product_desc .box2 .box2_nr .box2_nr_l .fenye { padding: 10px 15px; } #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_t { height: 45px; } #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_t { font-size: 16px; } #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr ul { display: block; } #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr ul li { display: block; width: 100%; padding:0; } #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr { padding: 15px 10px; } #product_desc .box3 .box3_nr { padding-top: 20px; padding-bottom: 20px; } #product_desc .box3 .box3_nr .box3_nr_t { padding-bottom: 20px;border-bottom: 1px solid #e9e9e9;margin-bottom: 20px; } #product_desc .box3 .box3_nr .box3_nr_t p { font-size: 20px; } #product_desc .box3 .box3_nr .box3_nr_t span { font-size: 14px; } #product_desc .box3 .box3_nr .box3_nr_box { padding: 0 20px; } #product_desc .box3 .box3_nr .box3_nr_box li a .t strong { font-size: 17px; margin-bottom: 10px;} #product_desc .box3 .box3_nr .box3_nr_box li a .t { padding-top: 15px;margin-top: 15px; } } @media(max-width: 500px) { #location ul li a { padding:0 5px; } #product_desc .container { padding-left: 10px;padding-right: 10px; } #product_desc .box1 .box1_nr .box1_r .flex_box strong { font-size: 17px; } #product_desc .box1 .box1_nr .box1_r .flex_box .labelbox .list1 { font-size: 12px; margin-right: 10px; margin-bottom: 10px;} #product_desc .box1 .box1_nr .box1_r .flex_box .labelbox { margin-top: 15px; } #product_desc .box1 .box1_nr .box1_l .nav { height: 66px; } } /*厨余垃圾处理解决方案单页面*/ #ny_solution1 { display: block; overflow: hidden; padding:50px 0 0; } #ny_solution1 .ny_s_title { text-align: center; display: block; } #ny_solution1 .ny_s_title p { font-size: 44px;font-weight: bold;color: rgba(39, 75, 153, 1);display: block;margin-bottom: 5px;line-height: 1;letter-spacing: -2px;text-transform: uppercase; } #ny_solution1 .ny_s_title h3 { font-size: 32px; color: #333; opacity: 1; display: block; } #ny_solution1 .ny_s_nr1 { display: block; overflow: hidden; margin:20px 0 30px 0;} #ny_solution1 .ny_s_nr1 .ny_s_nr1_box { margin-top:50px; display: flex;align-items: center;flex-wrap: wrap;padding: 50px 0;background: #f6f7f9; position: relative;} #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info { height: 100%;display: flex;justify-content: center;flex-direction: column;padding: 0 0 0 65px;position: relative;width: 37%; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info h4 { font-size: 36px;color: rgba(39, 75, 153, 1);font-weight: bold;margin: 0 0 3px; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info .des { position: relative;font-size: 34px;color: #333;margin: 0 0 78px; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info .des::after { content: "";position: absolute;width: 56px;height: 4px;background: rgba(39, 75, 153, 1);left: 0;bottom: -40px; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info .checksec { display: flex; margin: 0 0 45px; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info .item { display: flex;align-items: center;margin: 0 20px 0 0; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info .item img { width: 23px; margin: 0 6px 0 0; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info .item span { font-size: 20px; color: #333; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info .smdes { font-size: 14px;color: rgba(51, 51, 51, 0.5); } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info_r{ position: relative;width: 63%;overflow: hidden; padding-right: 50px;} #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info_r .info_r_nr { display: block; background: #fff; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info_r .info_r_nr table td, #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info_r .info_r_nr table th { padding:11px 15px; text-align: center;} #ny_solution1 .ny_s_nr2 { margin-top: 50px; display: block; overflow: hidden; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr { display: block; margin-top:50px; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box { display: flex; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item { flex: 1; position: relative; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item img { width: 100%;} #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask { position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);display: flex;align-items: center;justify-content: center;flex-direction: column;color: #fff;text-align: center;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask p { font-size: 23px; color: #fff; font-weight: bold; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask span { color: #fff; display: block;font-size: 18px;margin-top: 15px;opacity: 0.5;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask { position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);display: flex;align-items: center;justify-content: center;flex-direction: column;color: #fff;text-align: center;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;opacity: 0;} #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask p { font-size: 23px; display: block; color: #fff; font-weight: bold;} #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask .desc { padding: 0 7%;width: 100%;font-size: 15px;line-height: 1.6;margin-top: 20px;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask a { margin-top: 40px;align-items: center;justify-content: center;background-color: #fff;color: rgba(172, 206, 34, 1);font-size: 16px;border-radius: 40px;width: 142px;height: 42px;text-align: center;line-height: 42px; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item:hover .mask { opacity: 0; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item:hover img { } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item:hover .hover-mask { opacity: 1;background-color: rgba(50, 175, 154, 0.85);} #ny_solution1 .ny_s_nr3 { margin-top: 70px; display: block; overflow: hidden; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr { display: block; margin-top: 50px; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr .ny_s_nr3_btn { display: flex; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr .ny_s_nr3_btn a { flex: 1;background: #f2f2f2;transition: 0.3s;height: 60px;display: flex;justify-content: center;align-items: center;font-size: 20px;color: #333; border-right: 1px solid #fff; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr .ny_s_nr3_btn a:last-child { border-right:none; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr .ny_s_nr3_btn a.on { background: rgba(39, 75, 153, 1);color: #fff; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul { display: block; margin-top:40px; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(1) { text-align: center; display: block; margin:0 auto; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(1) img { display: block; max-width: 100%; margin:0 auto; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) { display: block; overflow: hidden;} #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box { display: flex; align-items: center;} #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_l { width: 40%; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_l p {font-size: 16px;color: #666;line-height: 1.8; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_l .t { font-size: 26px;color: #333;margin: 20px 0 0; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_l span { font-size: 16px;color: #454545;line-height: 1.8; margin-top: 10px; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_r { width: 60%; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_r dt { display: block; overflow: hidden; text-align: right; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_r dt img { display: block; max-width: 100%; float: right; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(3) { text-align: center; display: block; margin:0 auto; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(3) img { display: block; max-width: 100%; margin:0 auto; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(4) { text-align: center; display: block; margin:0 auto; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(4) img { display: block; max-width: 100%; margin:0 auto; } #ny_solution1 .ny_s_nr4 { display: block; overflow: hidden; margin-top: 60px;} #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr { display: block; width: 100%; margin:0 auto; margin-top: 50px; position: relative; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-container {display: block; width: 95%; margin:0 auto; position: static;} #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item { display: flex; background: #f7f7f7; align-items: center; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_l { width: 50%; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_l dt { display: block; overflow: hidden; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_l dt img { max-width: 100%; display: block; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r { width: 50%; padding-left:5%; padding-right: 6%; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .t { display: block;font-size: 26px;margin-bottom: 36px; font-weight: bold; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .desc { font-size: 16px;color: #666666;line-height: 1.8; margin-bottom: 30px; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r a { width: 120px;height: 45px;border: 2px solid #030f21;color: #030f21;display: flex;justify-content: center;align-items: center;position: relative;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;font-size: 16px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r a:hover { background-color: rgba(172, 206, 34, 1);border-color: rgba(172, 206, 34, 1); color: #fff; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-next,#ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev { width: 50px;height: 60px;border: 1px solid rgba(172, 206, 34, 1);border-radius: 3px;background: url(../images/fagt.png) no-repeat center;background-size: 11px 20px; transition: all 0.3s;} #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-next:hover,#ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev:hover { background: url(../images/fagt_on.png) no-repeat center rgba(172, 206, 34, 1);background-size: 11px 20px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev { transform: rotate(180deg); } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr_par { display: block; position: relative; width: 95%; margin:0 auto;} #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a{ display: block; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a .img { background-color: #fff;overflow: hidden;position: relative;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-container { padding:20px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a .img img{ filter: grayscale(100%); max-width: 100%; display: block; transition: all 0.5s; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a:hover .img img { filter: grayscale(0%); } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a:hover .img { box-shadow: 0 2px 10px rgba(62, 170, 152, 0.4); } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a:hover .img img { transform: scale(1.05); } #ny_solution1 .ny_s_nr5 { margin:40px 0 0; background: #f7f7f7; padding:50px 0 50px 0;} #ny_solution1 .ny_s_nr5 .box3_nr_box { padding: 0 30px; margin-top: 45px; } #ny_solution1 .ny_s_nr5 .box3_nr_box .owl-nav { display: none; } #ny_solution1 .ny_s_nr5 .box3_nr_box li { display: block; overflow: hidden; } #ny_solution1 .ny_s_nr5 .box3_nr_box li a { display: block; overflow: hidden; } #ny_solution1 .ny_s_nr5 .box3_nr_box li a img { display: block; border:1px solid #eee; max-width: 100%; } #ny_solution1 .ny_s_nr5 .box3_nr_box li a .t { padding-top: 25px;margin-top: 20px;border-top: 2px solid #ddd;text-align: center; } #ny_solution1 .ny_s_nr5 .box3_nr_box li a .t strong { display: block;color: #333;line-height: 1;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 20px;font-size: 22px; font-weight: bold;} #ny_solution1 .ny_s_nr5 .box3_nr_box li a .t span { display: flex;align-items: center;justify-content: center;color: #262626;font-size: 14px;opacity: 0.5; } #ny_solution1 .ny_s_nr5 .box3_nr_box li a .t span i { display: block;margin-left: 10px;height: 12px; } #ny_solution1 .ny_s_nr5 .box3_nr_box li a .t span i img { height: 12px;float: left; width: auto; max-width: auto; } #ny_solution1 .ny_s_nr5 .box3_nr_box li:hover a .t strong { color: rgba(172, 206, 34, 1); } @media(max-width: 1610px) { #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-next{ right: 0; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev { left: 0; } } @media(max-width: 1199px) { #ny_solution1 { padding:40px 0 0; } #ny_solution1 .ny_s_title p { font-size: 34px; } #ny_solution1 .ny_s_title h3 { font-size: 28px; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box { margin-top: 40px; padding-top: 40px; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info { padding-left: 30px; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info h4 { font-size: 26px; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info .des { font-size: 24px; margin-bottom: 45px;} #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info .des::after { bottom: -25px; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info .item span { font-size: 16px; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info .checksec { margin-bottom: 25px; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info_r { padding-right: 25px; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info_r .info_r_nr table td span, #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info_r .info_r_nr table th span { font-size: 15px !important; } #ny_solution1 .ny_s_nr2 { margin-top: 30px; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask p { font-size: 18px; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask span { font-size: 14px; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask a { display: none; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask .desc { font-size: 14px; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask p { font-size: 18px; } #ny_solution1 .ny_s_nr3 { margin-top: 50px; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr .ny_s_nr3_btn a { font-size: 16px; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_l .t { font-size: 22px; } #ny_solution1 .ny_s_nr4 { margin-top: 40px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r { padding-left: 3%; padding-right: 3%; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .t { font-size: 20px; margin-bottom: 15px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .desc { font-size: 14px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r a { font-size: 14px; } #ny_solution1 .ny_s_nr5 .box3_nr_box li a .t strong { font-size: 18px; } #ny_solution1 .ny_s_nr5 { padding: 40px 0 40px 0; } } @media(max-width: 991px) { #ny_solution1 .ny_s_title p { font-size: 30px; } #ny_solution1 .ny_s_title h3 { font-size: 24px; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box { display: block; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info h4 { font-size: 22px; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info .des { font-size: 18px; margin-bottom: 30px; line-height: 2; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info { display: block; width: 100%; text-align: center; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info .checksec { display: none; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info .smdes { display: none; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info .des::after { display: none; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info_r { display: block; width: 100%; padding:0 15px; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr { margin-top: 30px; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask { display: none; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask { padding:0 10px; } #ny_solution1 .ny_s_nr2 { margin-top: 0; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr .ny_s_nr3_btn a { font-size: 14px;height: 45px; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr { margin-top: 30px; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_l p { font-size: 14px; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_l .t { font-size: 20px; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_l span { font-size: 14px; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul { margin-top: 20px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r a { border:1px solid #030f21; height: 40px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .desc { margin-bottom: 15px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .t { font-size: 17px; } #ny_solution1 .ny_s_nr5 .box3_nr_box { padding: 0; margin-top: 25px; } } @media(max-width: 767px) { #ny_solution1 { padding-top: 20px; } #ny_solution1 .ny_s_title p { font-size: 24px; } #ny_solution1 .ny_s_title h3 { font-size: 22px; } #ny_solution1 .container {padding-left: 10px; padding-right: 10px; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box { margin-top: 20px;padding-top: 20px; } #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info_r { padding: 0 10px;} #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info_r .info_r_nr table td span, #ny_solution1 .ny_s_nr1 .ny_s_nr1_box .info_r .info_r_nr table th span { font-size: 14px !important; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box { display: block; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item { width: 33.33%; float: left; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask p { font-size: 16px; } #ny_solution1 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask span { font-size: 12px; margin-top: 5px; } #ny_solution1 .ny_s_nr3 { margin-top: 30px; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr .ny_s_nr3_btn a { text-overflow: ellipsis;overflow: hidden; white-space: nowrap; padding: 0 5px; display: block; line-height: 45px;} #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box { display: block; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_l { display: block; width: 100%; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_r { width: 100%;display: block; } #ny_solution1 .ny_s_nr3 .ny_s_nr3_nr ul li:nth-child(2) .imgbox_box .box_l .t { font-size: 16px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item { display: block; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_l { width: 100%; display: block; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r { width: 100%; display: block; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-next, #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev { display: none; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r { padding:6% 3%; min-height: 213px; } #ny_solution1 .ny_s_nr4 .ny_s_nr4_nr { margin-top: 30px; } #ny_solution1 .ny_s_nr5 { margin-top: 20px; padding-top: 20px; } } /*污泥处理解决方案单页面*/ #ny_solution2 { display: block; overflow: hidden; padding:50px 0 0; } #ny_solution2 .ny_s_title { text-align: center; display: block; } #ny_solution2 .ny_s_title p { font-size: 44px;font-weight: bold;color: rgba(39, 75, 153, 1);display: block;margin-bottom: 5px;line-height: 1;letter-spacing: -2px;text-transform: uppercase; } #ny_solution2 .ny_s_title h3 { font-size: 32px; color: #333; opacity: 1; display: block; } #ny_solution2 .ny_s_nr1 { display: block; overflow: hidden; margin:20px 0 30px 0;} #ny_solution2 .ny_s_nr1 .ny_s_nr1_box { margin-top:50px; display: flex;align-items: center;flex-wrap: wrap;padding: 50px 0;background: #f6f7f9; position: relative;} #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info { height: 100%;display: flex;justify-content: center;flex-direction: column;padding: 0 0 0 65px;position: relative;width: 37%; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info h4 { font-size: 36px;color: rgba(39, 75, 153, 1);font-weight: bold;margin: 0 0 3px; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info .des { position: relative;font-size: 34px;color: #333;margin: 0 0 78px; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info .des::after { content: "";position: absolute;width: 56px;height: 4px;background: rgba(39, 75, 153, 1);left: 0;bottom: -40px; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info .checksec { display: flex; margin: 0 0 45px; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info .item { display: flex;align-items: center;margin: 0 20px 0 0; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info .item img { width: 23px; margin: 0 6px 0 0; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info .item span { font-size: 20px; color: #333; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info .smdes { font-size: 14px;color: rgba(51, 51, 51, 0.5); } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info_r{ position: relative;width: 63%;overflow: hidden; padding-right: 50px;} #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info_r .info_r_nr { display: block; background: #fff; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info_r .info_r_nr table td, #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info_r .info_r_nr table th { padding:11px 15px; text-align: center;} #ny_solution2 .ny_s_nr2 { margin-top: 50px; display: block; overflow: hidden; } #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr { display: block; margin-top:50px; } #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box { display: flex; } #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item { flex: 1; position: relative; } #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item img { width: 100%;} #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask { position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);display: flex;align-items: center;justify-content: center;flex-direction: column;color: #fff;text-align: center;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask p { font-size: 23px; color: #fff; font-weight: bold; } #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask span { color: #fff; display: block;font-size: 18px;margin-top: 15px;opacity: 0.5;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask { position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);display: flex;align-items: center;justify-content: center;flex-direction: column;color: #fff;text-align: center;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;opacity: 0;} #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask p { font-size: 23px; display: block; color: #fff; font-weight: bold;} #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask .desc { padding: 0 7%;width: 100%;font-size: 15px;line-height: 1.6;margin-top: 20px;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask a { margin-top: 40px;align-items: center;justify-content: center;background-color: #fff;color: rgba(172, 206, 34, 1);font-size: 16px;border-radius: 40px;width: 142px;height: 42px;text-align: center;line-height: 42px; } #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item:hover .mask { opacity: 0; } #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item:hover img { } #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item:hover .hover-mask { opacity: 1;background-color: rgba(50, 175, 154, 0.85);} #ny_solution2 .ny_s_nr3 { margin-top: 70px; display: block; overflow: hidden; } #ny_solution2 .ny_s_nr3 .ny_s_title { text-align: left; } #ny_solution2 .ny_s_nr3 .ny_s_nr3_box { display: flex; align-items: center;} #ny_solution2 .ny_s_nr3 .ny_s_nr3_box .box_l { width: 25%; } #ny_solution2 .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn { display: block; margin-top: 40px; } #ny_solution2 .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn a { display: block; background: #f2f2f2;transition: 0.3s;font-size: 20px;color: #333; line-height: 50px; margin-bottom: 15px; text-align: center; } #ny_solution2 .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn a.on { background: rgba(39, 75, 153, 1);color: #fff; } #ny_solution2 .ny_s_nr3 .ny_s_nr3_box .box_r { width: 75%; padding-left: 5%; } #ny_solution2 .ny_s_nr3 .ny_s_nr3_box .box_r img { display: block; max-width: 100%; } #ny_solution2 .ny_s_nr3 .ny_s_nr3_box .box_r .list p { font-size: 16px;color: #666;line-height: 1.8; } #ny_solution2 .ny_s_nr3 .ny_s_nr3_box .box_r li table td, #ny_solution2 .ny_s_nr3 .ny_s_nr3_box .box_r li table th { padding: 0px 0px;} #ny_solution2 .ny_s_nr3 .ny_s_nr3_box .box_r li table td p { padding: 9px 15px; text-align: center; font-size: 14px; color: #454545; } #ny_solution2 .ny_s_nr4 { display: block; overflow: hidden; margin-top: 60px;} #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr { display: block; width: 100%; margin:0 auto; margin-top: 50px; position: relative; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-container {display: block; width: 95%; margin:0 auto; position: static;} #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item { display: flex; background: #f7f7f7; align-items: center; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_l { width: 50%; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_l dt { display: block; overflow: hidden; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_l dt img { max-width: 100%; display: block; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r { width: 50%; padding-left:5%; padding-right: 6%; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .t { display: block;font-size: 26px;margin-bottom: 36px; font-weight: bold; color: #333; text-overflow: ellipsis; white-space: nowrap;overflow: hidden; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .desc { font-size: 16px;color: #666666;line-height: 1.8; margin-bottom: 30px; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r a { width: 120px;height: 45px;border: 2px solid #030f21;color: #030f21;display: flex;justify-content: center;align-items: center;position: relative;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;font-size: 16px; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r a:hover { background-color: rgba(172, 206, 34, 1);border-color: rgba(172, 206, 34, 1); color: #fff; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-next,#ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev { width: 50px;height: 60px;border: 1px solid rgba(172, 206, 34, 1);border-radius: 3px;background: url(../images/fagt.png) no-repeat center;background-size: 11px 20px; transition: all 0.3s;} #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-next:hover,#ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev:hover { background: url(../images/fagt_on.png) no-repeat center rgba(172, 206, 34, 1);background-size: 11px 20px; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev { transform: rotate(180deg); } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr_par { display: block; position: relative; width: 95%; margin:0 auto;} #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a{ display: block; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a .img { background-color: #fff;overflow: hidden;position: relative;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-container { padding:20px; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a .img img{ filter: grayscale(100%); max-width: 100%; display: block; transition: all 0.5s; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a:hover .img img { filter: grayscale(0%); } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a:hover .img { box-shadow: 0 2px 10px rgba(62, 170, 152, 0.4); } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a:hover .img img { transform: scale(1.05); } #ny_solution2 .ny_s_nr5 { margin:40px 0 0; background: #f7f7f7; padding:50px 0 50px 0;} #ny_solution2 .ny_s_nr5 .box3_nr_box { padding: 0 30px; margin-top: 45px; } #ny_solution2 .ny_s_nr5 .box3_nr_box .owl-nav { display: none; } #ny_solution2 .ny_s_nr5 .box3_nr_box li { display: block; overflow: hidden; } #ny_solution2 .ny_s_nr5 .box3_nr_box li a { display: block; overflow: hidden; } #ny_solution2 .ny_s_nr5 .box3_nr_box li a img { display: block; border:1px solid #eee; max-width: 100%; } #ny_solution2 .ny_s_nr5 .box3_nr_box li a .t { padding-top: 25px;margin-top: 20px;border-top: 2px solid #ddd;text-align: center; } #ny_solution2 .ny_s_nr5 .box3_nr_box li a .t strong { display: block;color: #333;line-height: 1;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 20px;font-size: 22px; font-weight: bold;} #ny_solution2 .ny_s_nr5 .box3_nr_box li a .t span { display: flex;align-items: center;justify-content: center;color: #262626;font-size: 14px;opacity: 0.5; } #ny_solution2 .ny_s_nr5 .box3_nr_box li a .t span i { display: block;margin-left: 10px;height: 12px; } #ny_solution2 .ny_s_nr5 .box3_nr_box li a .t span i img { height: 12px;float: left; width: auto; max-width: auto; } #ny_solution2 .ny_s_nr5 .box3_nr_box li:hover a .t strong { color: rgba(172, 206, 34, 1); } @media(max-width: 1710px) { #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-next{ right: 0; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev { left: 0; } } @media(max-width: 1199px) { #ny_solution2 { padding:40px 0 0; } #ny_solution2 .ny_s_title p { font-size: 34px; } #ny_solution2 .ny_s_title h3 { font-size: 28px; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box { margin-top: 40px; padding-top: 40px; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info { padding-left: 30px; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info h4 { font-size: 26px; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info .des { font-size: 24px; margin-bottom: 45px;} #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info .des::after { bottom: -25px; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info .item span { font-size: 16px; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info .checksec { margin-bottom: 25px; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info_r { padding-right: 25px; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info_r .info_r_nr table td span, #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info_r .info_r_nr table th span { font-size: 15px !important; } #ny_solution2 .ny_s_nr2 { margin-top: 20px; } #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask { display: none; } #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask p { font-size: 18px; } #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask span { font-size: 14px; } #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr { margin-top: 30px; } #ny_solution2 .ny_s_nr3 { margin-top: 40px; } #ny_solution2 .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn a { font-size: 16px; } #ny_solution2 .ny_s_nr4 { margin-top: 30px; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r { padding-left: 3%; padding-right: 3%; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .t { font-size: 20px; margin-bottom: 15px; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .desc { font-size: 14px; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r a { font-size: 14px; } #ny_solution2 .ny_s_nr5 .box3_nr_box li a .t strong { font-size: 18px; } } @media(max-width: 991px) { #ny_solution2 .ny_s_title p { font-size: 30px; } #ny_solution2 .ny_s_title h3 { font-size: 24px; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box { display: block; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info { padding-left: 0px; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info h4 { font-size: 22px; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info .des { font-size: 18px; margin-bottom: 30px; line-height: 2; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info { display: block; width: 100%; text-align: center; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info .checksec { display: none; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info .smdes { display: none; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info .des::after { display: none; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info_r { display: block; width: 100%; padding:0 15px; } #ny_solution2 .ny_s_nr3 .ny_s_nr3_box { display: block; } #ny_solution2 .ny_s_nr3 .ny_s_nr3_box .box_l { text-align: center; display: block; width: 100%; } #ny_solution2 .ny_s_nr3 .ny_s_title { text-align: center; } #ny_solution2 .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn { display: flex; } #ny_solution2 .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn a { flex: 1; border-right: 1px solid #fff;} #ny_solution2 .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn a:last-child { border-right:none; } #ny_solution2 .ny_s_nr3 .ny_s_nr3_box .box_r { width: 100%; padding-left: 0; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-next, #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev { display: none; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r a { border:1px solid #030f21; height: 40px; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .desc { margin-bottom: 15px; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .t { font-size: 17px; } } @media(max-width: 767px) { #ny_solution2 { padding-top: 20px; } #ny_solution2 .ny_s_title p { font-size: 24px; } #ny_solution2 .ny_s_title h3 { font-size: 22px; } #ny_solution2 .container {padding-left: 10px; padding-right: 10px; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box { margin-top: 20px;padding-top: 20px; } #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info_r { padding: 0 10px;} #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info_r .info_r_nr table td span, #ny_solution2 .ny_s_nr1 .ny_s_nr1_box .info_r .info_r_nr table th span { font-size: 14px !important; } #ny_solution2 .ny_s_nr2 { margin-top: 0px; } #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box { display: block; } #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item { display: block; width: 25%; float: left; } #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask p { font-size: 16px; } #ny_solution2 .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask span { font-size: 14px; } #ny_solution2 .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn { margin-top: 20px; } #ny_solution2 .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn a { padding:0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item { display: block; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_l { width: 100%; display: block; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r { width: 100%; display: block; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-next, #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev { display: none; } #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r { padding:6% 3%; min-height: 213px;} #ny_solution2 .ny_s_nr4 .ny_s_nr4_nr { margin-top: 30px; } #ny_solution2 .ny_s_nr3 .ny_s_nr3_box .box_r .list p { font-size: 14px; } #ny_solution2 .ny_s_nr5 { margin-top: 20px; padding-top: 20px; } #ny_solution2 .ny_s_nr5 .box3_nr_box { padding:0; margin-top: 25px;} } /*真空导排解决方案单页面*/ #ny_solution3 { display: block; overflow: hidden; padding:50px 0; } #ny_solution3 .ny_s_title { text-align: center; display: block; } #ny_solution3 .ny_s_title p { font-size: 44px;font-weight: bold;color: rgba(39, 75, 153, 1);display: block;margin-bottom: 5px;line-height: 1;letter-spacing: -2px;text-transform: uppercase; } #ny_solution3 .ny_s_title h3 { font-size: 32px; color: #333; opacity: 1; display: block; } #ny_solution3 .ny_solution3_1 { display: block; margin-top: 20px; overflow: hidden; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box { display: flex; justify-content: space-between; align-items: center;} #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_l { width: 420px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_l .ny_s_title { text-align: left; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r { flex: 0 0 1014px;min-width: 1014px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r .t { display: block;font-size: 22px;color: #333; font-weight: bold; margin-bottom: 10px;} #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r .list { display: block; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r .list p { font-size: 15px;color: #666;line-height: 1.8; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r .icobox { display: block; overflow: hidden; margin-top: 40px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r .icobox .box_row{ display: flex; flex-wrap: wrap; margin: 0 -27px;} #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r .icobox .box_row .box-col {flex: 0 0 14.28%;min-width: 14.28%;padding: 0 27px;} #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r .icobox .box_row .box-col .itemico { width: 100%;height: 85px;border-radius: 10px;border: 1px solid #c8c8c8;display: flex;justify-content: center;align-items: center;margin: 0 0 12px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r .icobox .box_row .box-col .itemico img { width: 45%;vertical-align: middle; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r .icobox .box_row .tit { font-size: 16px;color: #333;text-align: center; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_img { display: flex;align-items: flex-start;flex-wrap: wrap;margin: 0 -5px -10px; margin-top: 50px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_img li { width: 20%;margin: 0 5px 10px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_img li { flex: 1; position: relative; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_img li img { width: 100%;} #ny_solution3 .ny_solution3_1 .ny_solution3_1_img li .mask { position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);display: flex;align-items: center;justify-content: center;flex-direction: column;color: #fff;text-align: center;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_img li .mask p { font-size: 22px; color: #fff; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_img li .mask span { color: #fff; display: block;font-size: 18px;margin-top: 15px;opacity: 0.5;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_img li .hover-mask { position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);display: flex;align-items: center;justify-content: center;flex-direction: column;color: #fff;text-align: center;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;opacity: 0;} #ny_solution3 .ny_solution3_1 .ny_solution3_1_img li .hover-mask p { font-size: 23px; display: block; color: #fff; font-weight: bold;} #ny_solution3 .ny_solution3_1 .ny_solution3_1_img li .hover-mask .desc { padding: 0 7%;width: 100%;font-size: 15px;line-height: 1.6;margin-top: 20px;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_img li .hover-mask a { margin-top: 40px;align-items: center;justify-content: center;background-color: #fff;color: rgba(172, 206, 34, 1);font-size: 16px;border-radius: 40px;width: 142px;height: 42px;text-align: center;line-height: 42px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_img li:hover .mask { opacity: 0; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_img li:hover img { } #ny_solution3 .ny_solution3_1 .ny_solution3_1_img li:hover .hover-mask { opacity: 1;background-color: rgba(50, 175, 154, 0.85);} #ny_solution3 .ny_solution3_2 { display: block; overflow: hidden; margin:50px 0; background: #f7f7f7; padding:60px 0; } #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr { display: block;overflow: hidden; margin-top: 50px; } #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box { display: flex; justify-content: space-between;} #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .nr_box_l { width: 49.5%; background: #fff; padding-left: 3%; padding-right: 3%;} #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .img { display: block; margin:30px 0 45px 0; position: relative;} #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .img1::after { position: absolute; content: ''; width: 161px; height: 184px; display: block; background: url(../images/v3.png)no-repeat center; right: -135px; top: 50%; transform: translateY(-50%); z-index: 2;} #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .img img { max-width: 100%; display: block; } #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .t { width: 240px; line-height: 70px; background: #eee; margin:0 auto; text-align: center; display: block; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .t p { font-size: 26px; color: #333; font-weight: bold; } #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .t p.p { color: rgba(172, 206, 34, 1); } #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .list { display: flex; justify-content: space-between; margin-bottom: 25px; background: #f0f1f3; border-radius: 10px; padding:15px 5%; align-items: center; } #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .list:hover { background: rgba(172, 206, 34, 1); } #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .list.list2 { flex-direction: row-reverse; } #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .list.list2:hover { background: #666; } #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .list .ico { display: block; position: relative; width: 55px; height: 53px; } #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .list .ico img { max-width: 100%; display: block; } #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .list .ico .img12 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; display: none; } #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .list:hover .ico .img11 { display: none; } #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .list:hover .ico .img12 { display: block; } #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .list .desc { display: block; width: 85%; font-size: 15px; color: #444; line-height: 1.6;} #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .list:hover .desc { color: #fff; } #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .nr_box_r { width: 49.5%; background: #fff; padding-left: 3%; padding-right: 3%; } #ny_solution3 .ny_s_nr3 { margin-top: 70px; display: block; overflow: hidden; } #ny_solution3 .ny_s_nr3 .ny_s_title { text-align: left; } #ny_solution3 .ny_s_nr3 .ny_s_nr3_box { display: flex; align-items: center;} #ny_solution3 .ny_s_nr3 .ny_s_nr3_box .box_l { width: 25%; } #ny_solution3 .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn { display: block; margin-top: 40px; } #ny_solution3 .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn a { display: block; background: #f2f2f2;transition: 0.3s;font-size: 20px;color: #333; line-height: 50px; margin-bottom: 15px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #ny_solution3 .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn a.on { background: rgba(39, 75, 153, 1);color: #fff; } #ny_solution3 .ny_s_nr3 .ny_s_nr3_box .box_r { width: 75%; padding-left: 5%; } #ny_solution3 .ny_s_nr3 .ny_s_nr3_box .box_r img { display: inline-block; max-width: 49%; } #ny_solution3 .ny_s_nr3 .ny_s_nr3_box .box_r .list { font-size: 17px;color: #454545;line-height: 1.8; margin-top: 20px; } #ny_solution3 .ny_s_nr5 { margin:40px 0 0; background: #f7f7f7; padding:50px 0 50px 0;} #ny_solution3 .ny_s_nr5 .box3_nr_box { padding: 0 30px; margin-top: 45px; } #ny_solution3 .ny_s_nr5 .box3_nr_box .owl-nav { display: none; } #ny_solution3 .ny_s_nr5 .box3_nr_box li { display: block; overflow: hidden; } #ny_solution3 .ny_s_nr5 .box3_nr_box li a { display: block; overflow: hidden; } #ny_solution3 .ny_s_nr5 .box3_nr_box li a img { display: block; border:1px solid #eee; max-width: 100%; } #ny_solution3 .ny_s_nr5 .box3_nr_box li a .t { padding-top: 25px;margin-top: 20px;border-top: 2px solid #ddd;text-align: center; } #ny_solution3 .ny_s_nr5 .box3_nr_box li a .t strong { display: block;color: #333;line-height: 1;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 20px;font-size: 22px; font-weight: bold;} #ny_solution3 .ny_s_nr5 .box3_nr_box li a .t span { display: flex;align-items: center;justify-content: center;color: #262626;font-size: 14px;opacity: 0.5; } #ny_solution3 .ny_s_nr5 .box3_nr_box li a .t span i { display: block;margin-left: 10px;height: 12px; } #ny_solution3 .ny_s_nr5 .box3_nr_box li a .t span i img { height: 12px;float: left; width: auto; max-width: auto; } #ny_solution3 .ny_s_nr5 .box3_nr_box li:hover a .t strong { color: rgba(172, 206, 34, 1); } @media(max-width: 1610px) { #ny_solution3 .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn a { font-size: 16px; } } @media(max-width: 1510px) { #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r { flex: 0 0 914px; min-width: 914px; } } @media(max-width: 1410px) { #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r { flex: 0 0 814px; min-width: 814px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r .icobox .box_row .box-col { padding:0 17px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r .icobox .box_row { margin:0 -17px; } } @media(max-width: 1310px) { #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r { flex: 0 0 714px; min-width: 714px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r .icobox .box_row .box-col { padding:0 7px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r .icobox .box_row { margin:0 -7px; } #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .img1::after { right: -112px; } } @media(max-width: 1199px) { #ny_solution3 { padding:20px 0 0; } #ny_solution3 .ny_s_title p { font-size: 34px; } #ny_solution3 .ny_s_title h3 { font-size: 28px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r { flex: 0 0 614px; min-width: 614px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r .icobox .box_row .box-col { min-width: 17.28%; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r .list p { font-size: 14px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_img { margin-top: 30px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_img li .mask p { font-size: 18px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_img li .hover-mask .desc { font-size: 14px; } #ny_solution3 .ny_solution3_2 { margin:40px 0; padding: 40px 0;} #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .list .desc { font-size: 14px; } #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .img1::after { width: 130px; height: 149px; background-size: 100%; right: -99px;} #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .list .desc { width: 80%; } #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .t p { font-size: 22px; } #ny_solution3 .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn a { padding:0 10px; } #ny_solution3 .ny_s_nr5 { margin:30px 0 0;padding: 30px 0 30px 0; } #ny_solution3 .ny_s_nr5 .box3_nr_box li a .t strong { font-size: 18px; } } @media(max-width: 991px) { #ny_solution3 .ny_s_title p { font-size: 30px; } #ny_solution3 .ny_s_title h3 { font-size: 24px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box { display: block; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_l { width: 100%;display: block; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_l .ny_s_title { margin-bottom: 20px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_img li .hover-mask { display: none; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r .icobox .box_row .box-col { min-width: 15.28%; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r .icobox { margin-top: 20px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_img li .mask p { font-size: 14px; } #ny_solution3 .ny_solution3_2 .ny_solution3_2_nr .nr_box .list .ico { width: 40px; height: 39px; } } @media(max-width: 767px) { #ny_solution3 .container { padding-left: 10px;padding-right: 10px; } #ny_solution3 .ny_solution3_1 { margin-top: 0px; } #ny_solution3 .ny_s_title p { font-size: 24px; } #ny_solution3 .ny_s_title h3 { font-size: 22px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_l .ny_s_title { text-align: center; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r { display: block; width: 100%; min-width:auto; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r .t { font-size: 17px; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_box .box_r .icobox { display: none; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_img { display: block; } #ny_solution3 .ny_solution3_1 .ny_solution3_1_img li { width: 33.33%; float: left; margin:0; } /*VS*/ .g-vs{padding:20px 0;background:#f4f4f4; margin-top: 20px;} .g-vs-top{position:relative;margin-top:15px;} .g-vs-top img{max-width:100%;display:block;margin:0 auto;} .g-vs-top .g-vs-p1{position:absolute;top:50%;transform:translateY(-60%);width:30%;left:5%;text-align:center;color:#fff;font-size:1.1rem;} .g-vs-top .g-vs-p2{position:absolute;top:50%;transform:translateY(-60%);width:30%;right:5%;text-align:center;color:#fff;font-size:1.1rem;} .g-vs-box{margin-top:10px;padding:5px;} .g-vs-con{width:50%;float:left;padding:5px;} .g-vs-img{border: 5px solid rgba(200,200,200,0.5);border-radius:5px;margin-bottom:10px;} .g-vs-img img{max-width:100%;display:block;} .g-vs-con p{font-size:1rem;color:#666;line-height:1.6;text-align:left; font-weight: normal;} #ny_solution3 .ny_s_nr5 .box3_nr_box { padding: 0; margin-top: 25px; } #ny_solution3 .ny_s_nr3 { margin-top: 20px; } #ny_solution3 .ny_s_nr3 .ny_s_nr3_box { display: block; } #ny_solution3 .ny_s_nr3 .ny_s_nr3_box .box_l { display: block; width: 100%; } #ny_solution3 .ny_s_nr3 .ny_s_title { text-align: center; } #ny_solution3 .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn { margin-top: 20px; } #ny_solution3 .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn a { font-size: 14px; line-height: 40px; margin-bottom: 10px; } #ny_solution3 .ny_s_nr3 .ny_s_nr3_box .box_r { width:100%; padding-left: 0%; } #ny_solution3 .ny_s_nr3 .ny_s_nr3_box .box_r img { display: block; width: 100%; max-width: 100%; } #ny_solution3 .ny_s_nr3 .ny_s_nr3_box .box_r .list { font-size: 14px; } } /*真空导排解决方案修改*/ #ny_solution3_xg { display: block; overflow: hidden; } #ny_solution3_xg .ny_s_title { text-align: center; display: block; } #ny_solution3_xg .ny_s_title p { font-size: 44px;font-weight: bold;color: rgba(39, 75, 153, 1);display: block;margin-bottom: 5px;line-height: 1;letter-spacing: -2px;text-transform: uppercase; } #ny_solution3_xg .ny_s_title h3 { font-size: 32px; color: #333; opacity: 1; display: block; } #ny_solution3_xg .ny_s_xg_1 { padding:50px 0; } #ny_solution3_xg .ny_xg_1_box { width: 100%; overflow:hidden; margin-top: 50px;} #ny_solution3_xg .ny_xg_1_box .item { display: flex;flex-wrap: wrap;align-items: center; flex-direction: row-reverse;} #ny_solution3_xg .ny_xg_1_box .item .img { width: 60%; } #ny_solution3_xg .ny_xg_1_box .item .img img { max-width: 100%; display: block; float: right; } #ny_solution3_xg .ny_xg_1_box .item .desc{ width: 40%; padding-right: 3%; } #ny_solution3_xg .ny_xg_1_box .item .desc .t { font-size: 34px;font-weight: bold;color: rgba(39, 75, 153, 1);display: block;margin-bottom: 5px;line-height: 1.2;letter-spacing: -2px;text-transform: uppercase; } #ny_solution3_xg .ny_xg_1_box .item .desc .tit { font-size: 28px;color: #333;opacity: 1;display: block; } #ny_solution3_xg .ny_xg_1_box .item .desc .list { font-size: 16px;color: #666;line-height: 1.7;padding-bottom: 24px;height:300px; overflow-y: auto; margin-top: 20px;} #ny_solution3_xg .ny_s_xg_2 { background: #f7f7f7; display: block; padding:50px 0; } #ny_solution3_xg .ny_s_xg_2 .ny_xg_2_box { margin-top: 50px; display: flex; flex-wrap:wrap;} #ny_solution3_xg .ny_s_xg_2 .ny_xg_2_box li { width: 33.33%; padding: 0 15px; margin-bottom:30px; } #ny_solution3_xg .ny_s_xg_2 .ny_xg_2_box li p { background: #fff; height: 160px;padding:10%; font-size: 16px; color: #454545; line-height: 1.8; transition: all 0.3s;} #ny_solution3_xg .ny_s_xg_2 .ny_xg_2_box li p:hover { box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); background: rgba(172, 206, 34, 1); color: #fff;} #ny_solution3_xg .ny_s_xg_2 .ny_s_title2 { text-align: left; } #ny_solution3_xg .ny_s_xg_2 .ny_s_title2 p { font-size: 36px; } #ny_solution3_xg .ny_s_xg_2 .ny_s_nr3_box { display: flex; align-items: center; margin-top: 30px;} #ny_solution3_xg .ny_s_xg_2 .ny_s_nr3_box .box_l { width: 23%; } #ny_solution3_xg .ny_s_xg_2 .ny_s_nr3_box .box_r { width: 77%; padding-left: 15px; padding-right: 15px; padding-top: 2%; background: #fff;} #ny_solution3_xg .ny_s_xg_2 .ny_s_nr3_box .box_r .img { display: flex; align-items: center; } #ny_solution3_xg .ny_s_xg_2 .ny_s_nr3_box .box_r .img img { display:block; } #ny_solution3_xg .ny_s_xg_2 .ny_s_nr3_box .box_r .img img:first-child { width: 75%; } #ny_solution3_xg .ny_s_xg_2 .ny_s_nr3_box .box_r .desc { padding-bottom: 20px; } #ny_solution3_xg .ny_s_xg_2 .ny_s_nr3_box .box_r .desc .t { font-size: 22px;color: #333;margin-bottom: 10px; } #ny_solution3_xg .ny_s_xg_2 .ny_s_nr3_box .box_r .desc .list { font-size: 16px; color: #666; line-height: 1.8; display: block; } #ny_solution3_xg .ny_s_nr2 { margin-top: 50px; display: block; overflow: hidden; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr { display: block; margin-top:50px; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box { display: flex; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item { flex: 1; position: relative; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item img { width: 100%;} #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask { position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);display: flex;align-items: center;justify-content: center;flex-direction: column;color: #fff;text-align: center;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask p { font-size: 23px; color: #fff; font-weight: bold; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask span { color: #fff; display: block;font-size: 18px;margin-top: 15px;opacity: 0.5;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask { position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);display: flex;align-items: center;justify-content: center;flex-direction: column;color: #fff;text-align: center;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;opacity: 0;} #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask p { font-size: 23px; display: block; color: #fff; font-weight: bold;} #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask .desc { padding: 0 7%;width: 100%;font-size: 15px;line-height: 1.6;margin-top: 20px;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask a { margin-top: 40px;align-items: center;justify-content: center;background-color: #fff;color: rgba(172, 206, 34, 1);font-size: 16px;border-radius: 40px;width: 142px;height: 42px;text-align: center;line-height: 42px; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item:hover .mask { opacity: 0; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item:hover img { } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item:hover .hover-mask { opacity: 1;background-color: rgba(50, 175, 154, 0.85);} #ny_solution3_xg .ny_solution3_2 { display: block; overflow: hidden; margin:60px 0 50px 0; background: #f7f7f7; padding:60px 0; } #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr { display: block;overflow: hidden; margin-top: 50px; } #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box { display: flex; justify-content: space-between;} #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .nr_box_l { width: 49.5%; background: #fff; padding-left: 3%; padding-right: 3%;} #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .img { display: block; margin:30px 0 45px 0; position: relative;} #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .img1::after { position: absolute; content: ''; width: 161px; height: 184px; display: block; background: url(../images/v3.png)no-repeat center; right: -135px; top: 50%; transform: translateY(-50%); z-index: 2;} #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .img img { max-width: 100%; display: block; } #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .t { width: 240px; line-height: 70px; background: #eee; margin:0 auto; text-align: center; display: block; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .t p { font-size: 26px; color: #333; font-weight: bold; } #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .t p.p { color: rgba(172, 206, 34, 1); } #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .list { display: flex; justify-content: space-between; margin-bottom: 25px; background: #f0f1f3; border-radius: 10px; padding:15px 5%; align-items: center; } #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .list:hover { background: rgba(172, 206, 34, 1); } #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .list.list2 { flex-direction: row-reverse; } #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .list.list2:hover { background: #666; } #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .list .ico { display: block; position: relative; width: 55px; height: 53px; } #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .list .ico img { max-width: 100%; display: block; } #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .list .ico .img12 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; display: none; } #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .list:hover .ico .img11 { display: none; } #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .list:hover .ico .img12 { display: block; } #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .list .desc { display: block; width: 85%; font-size: 15px; color: #444; line-height: 1.6;} #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .list:hover .desc { color: #fff; } #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .nr_box_r { width: 49.5%; background: #fff; padding-left: 3%; padding-right: 3%; } #ny_solution3_xg .ny_s_nr3 { margin-top: 80px; margin-bottom: 10px; display: block; overflow: hidden; } #ny_solution3_xg .ny_s_nr3 .ny_s_title { text-align: left; } #ny_solution3_xg .ny_s_nr3 .ny_s_nr3_box { display: flex; align-items: center;} #ny_solution3_xg .ny_s_nr3 .ny_s_nr3_box .box_l { width: 25%; } #ny_solution3_xg .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn { display: block; margin-top: 40px; } #ny_solution3_xg .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn a { display: block; background: #f2f2f2;transition: 0.3s;font-size: 20px;color: #333; line-height: 50px; margin-bottom: 15px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #ny_solution3_xg .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn a.on { background: rgba(39, 75, 153, 1);color: #fff; } #ny_solution3_xg .ny_s_nr3 .ny_s_nr3_box .box_r { width: 75%; padding-left: 5%; } #ny_solution3_xg .ny_s_nr3 .ny_s_nr3_box .box_r img { display: inline-block; max-width: 49%; } #ny_solution3_xg .ny_s_nr3 .ny_s_nr3_box .box_r .list { font-size: 17px;color: #454545;line-height: 1.8; margin-top: 20px; } #ny_solution3_xg .ny_s_xg_5 { padding:70px 0 0; display: block; overflow: hidden; } #ny_solution3_xg .ny_s_xg_5 .ny_s_xg_5_box { margin-top: 50px; display: block; } #ny_solution3_xg .ny_s_xg_5 .ny_s_xg_5_box .cont { margin: 0 -20px;display: flex;flex-wrap: wrap;} #ny_solution3_xg .ny_s_xg_5 .ny_s_xg_5_box .cont .item { padding: 0 20px;margin-bottom: 40px;width: 33.33%; } #ny_solution3_xg .ny_s_xg_5 .ny_s_xg_5_box .cont .item .box { display: block;width: 100%;border: 1px solid #eeeeee;padding: 20px 30px;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_solution3_xg .ny_s_xg_5 .ny_s_xg_5_box .cont .item .box img { max-width: 100%; display: block; } #ny_solution3_xg .ny_s_xg_5 .ny_s_xg_5_box .cont .item .box .cont1 { padding: 24px 0; } #ny_solution3_xg .ny_s_xg_5 .ny_s_xg_5_box .cont .item .box .cont1 span { text-overflow: ellipsis;white-space: nowrap;display: block;overflow: hidden;margin-bottom: 24px;line-height: 1;color: #333;font-size: 20px;font-weight: bold; } #ny_solution3_xg .ny_s_xg_5 .ny_s_xg_5_box .cont .item .box .cont1 p{ font-size: 14px;color: #666;line-height: 25px;height: 55px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; } #ny_solution3_xg .ny_s_nr5 { margin:40px 0 0; background: #f7f7f7; padding:50px 0 50px 0;} #ny_solution3_xg .ny_s_nr5 .box3_nr_box { padding: 0 30px; margin-top: 45px; } #ny_solution3_xg .ny_s_nr5 .box3_nr_box .owl-nav { display: none; } #ny_solution3_xg .ny_s_nr5 .box3_nr_box li { display: block; overflow: hidden; } #ny_solution3_xg .ny_s_nr5 .box3_nr_box li a { display: block; overflow: hidden; } #ny_solution3_xg .ny_s_nr5 .box3_nr_box li a img { display: block; border:1px solid #eee; max-width: 100%; } #ny_solution3_xg .ny_s_nr5 .box3_nr_box li a .t { padding-top: 25px;margin-top: 20px;border-top: 2px solid #ddd;text-align: center; } #ny_solution3_xg .ny_s_nr5 .box3_nr_box li a .t strong { display: block;color: #333;line-height: 1;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 20px;font-size: 22px; font-weight: bold;} #ny_solution3_xg .ny_s_nr5 .box3_nr_box li a .t span { display: flex;align-items: center;justify-content: center;color: #262626;font-size: 14px;opacity: 0.5; } #ny_solution3_xg .ny_s_nr5 .box3_nr_box li a .t span i { display: block;margin-left: 10px;height: 12px; } #ny_solution3_xg .ny_s_nr5 .box3_nr_box li a .t span i img { height: 12px;float: left; width: auto; max-width: auto; } #ny_solution3_xg .ny_s_nr5 .box3_nr_box li:hover a .t strong { color: rgba(172, 206, 34, 1); } @media(max-width:1510px) { #ny_solution3_xg .ny_xg_1_box .item .img { width: 55%; } #ny_solution3_xg .ny_xg_1_box .item .desc { width: 45%; } } @media(max-width: 1410px) { #ny_solution3_xg .ny_xg_1_box .item .desc .list { font-size: 14px; } } @media(max-width: 1310px) { #ny_solution3_xg .ny_s_xg_5 { padding-top: 50px; } } @media(max-width: 1610px) { #ny_solution3_xg .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn a { font-size: 16px; } } @media(max-width: 1510px) { #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_box .box_r { flex: 0 0 914px; min-width: 914px; } } @media(max-width: 1410px) { #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_box .box_r { flex: 0 0 814px; min-width: 814px; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_box .box_r .icobox .box_row .box-col { padding:0 17px; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_box .box_r .icobox .box_row { margin:0 -17px; } } @media(max-width: 1310px) { #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_box .box_r { flex: 0 0 714px; min-width: 714px; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_box .box_r .icobox .box_row .box-col { padding:0 7px; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_box .box_r .icobox .box_row { margin:0 -7px; } #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .img1::after { right: -112px; } #ny_solution3_xg .ny_s_xg_2 .ny_s_nr3_box .box_l { width: 26%; } #ny_solution3_xg .ny_s_xg_2 .ny_s_nr3_box .box_r { width: 74%; } #ny_solution3_xg .ny_s_xg_2 .ny_s_nr3_box .box_r .desc .list { font-size: 14px; } #ny_solution3_xg .ny_s_xg_5 .ny_s_xg_5_box .cont .item .box { padding:20px 20px 0; } #ny_solution3_xg .ny_s_xg_2 .ny_s_nr3_box .box_r .img img:first-child { width: 63%; } #ny_solution3_xg .ny_s_xg_5 .ny_s_xg_5_box .cont .item:nth-child(n+4) { margin-bottom: 0; } } @media(max-width: 1199px) { #ny_solution3_xg { padding:20px 0 0; } #ny_solution3_xg .ny_s_title p { font-size: 34px; } #ny_solution3_xg .ny_s_title h3 { font-size: 28px; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_box .box_r { flex: 0 0 614px; min-width: 614px; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_box .box_r .icobox .box_row .box-col { min-width: 17.28%; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_box .box_r .list p { font-size: 14px; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_img { margin-top: 30px; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_img li .mask p { font-size: 18px; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_img li .hover-mask .desc { font-size: 14px; } #ny_solution3_xg .ny_solution3_2 { margin:40px 0; padding: 40px 0;} #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .list .desc { font-size: 14px; } #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .img1::after { width: 130px; height: 149px; background-size: 100%; right: -99px;} #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .list .desc { width: 80%; } #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .t p { font-size: 22px; } #ny_solution3_xg .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn a { padding:0 10px; } #ny_solution3_xg .ny_s_nr5 { margin:30px 0 0;padding: 30px 0 30px 0; } #ny_solution3_xg .ny_s_nr5 .box3_nr_box li a .t strong { font-size: 18px; } #ny_solution3_xg .ny_xg_1_box .item { display: block; } #ny_solution3_xg .ny_xg_1_box .item .img { width: 100%; } #ny_solution3_xg .ny_xg_1_box .item .img img { float: none;max-width: none; width: 100%; } #ny_solution3_xg .ny_xg_1_box .item .desc { width: 100%; padding-top: 3%; padding-left: 3%; } #ny_solution3_xg .ny_xg_1_box .item .desc .list { height: 240px; } #ny_solution3_xg .ny_s_xg_1 { padding:30px 0; } #ny_solution3_xg .ny_s_xg_2 .ny_xg_2_box li p { font-size: 15px; height: 140px; } #ny_solution3_xg .ny_s_xg_2 .ny_xg_2_box li { padding: 0 10px; margin-bottom: 20px; } #ny_solution3_xg .ny_s_xg_2 .ny_s_nr3_box { display: block; } #ny_solution3_xg .ny_s_xg_2 .ny_s_nr3_box .box_l { display: block; width: 100%; } #ny_solution3_xg .ny_s_xg_2 .ny_s_nr3_box .box_r { display: block; width: 100%; margin-top: 30px;} #ny_solution3_xg .ny_s_xg_2 .ny_s_title2 { text-align: center; } #ny_solution3_xg .ny_s_xg_5 .ny_s_xg_5_box .cont .item { padding:0 10px; margin-bottom: 20px; } #ny_solution3_xg .ny_s_xg_5 .ny_s_xg_5_box .cont .item .box .cont1 span { font-size: 18px; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask p { font-size: 20px; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask span { font-size: 14px; } #ny_solution3_xg .ny_s_nr2 { margin-top: 30px; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask p { font-size: 18px; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask span { font-size: 14px; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask a { display: none; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask .desc { font-size: 14px; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask p { font-size: 18px; } } @media(max-width: 991px) { #ny_solution3_xg .ny_s_title p { font-size: 30px; } #ny_solution3_xg .ny_s_title h3 { font-size: 24px; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_box { display: block; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_box .box_l { width: 100%;display: block; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_box .box_l .ny_s_title { margin-bottom: 20px; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_img li .hover-mask { display: none; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_box .box_r .icobox .box_row .box-col { min-width: 15.28%; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_box .box_r .icobox { margin-top: 20px; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_img li .mask p { font-size: 14px; } #ny_solution3_xg .ny_solution3_2 .ny_solution3_2_nr .nr_box .list .ico { width: 40px; height: 39px; } #ny_solution3_xg .ny_xg_1_box .item .desc .t { font-size: 26px; } #ny_solution3_xg .ny_xg_1_box .item .desc .tit { font-size: 22px; } #ny_solution3_xg .ny_xg_1_box { margin-top:30px; } #ny_solution3_xg .ny_s_xg_2 .ny_xg_2_box li p { font-size: 14px; } #ny_solution3_xg .ny_s_xg_2 .ny_s_nr3_box .box_r .img img:first-child { width: 55%; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr { margin-top: 30px; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .hover-mask { display: none; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask { padding:0 10px; } #ny_solution3_xg .ny_s_nr2 { margin-top: 30px; } } @media(max-width: 767px) { #ny_solution3_xg .container { padding-left: 10px;padding-right: 10px; } #ny_solution3_xg .ny_solution3_1 { margin-top: 0px; } #ny_solution3_xg .ny_s_title p { font-size: 24px; } #ny_solution3_xg .ny_s_title h3 { font-size: 22px; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_box .box_l .ny_s_title { text-align: center; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_box .box_r { display: block; width: 100%; min-width:auto; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_box .box_r .t { font-size: 17px; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_box .box_r .icobox { display: none; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_img { display: block; } #ny_solution3_xg .ny_solution3_1 .ny_solution3_1_img li { width: 33.33%; float: left; margin:0; } /*VS*/ .g-vs{padding:20px 0;background:#f4f4f4; margin-top: 20px;} .g-vs-top{position:relative;margin-top:15px;} .g-vs-top img{max-width:100%;display:block;margin:0 auto;} .g-vs-top .g-vs-p1{position:absolute;top:50%;transform:translateY(-60%);width:30%;left:5%;text-align:center;color:#fff;font-size:1.1rem;} .g-vs-top .g-vs-p2{position:absolute;top:50%;transform:translateY(-60%);width:30%;right:5%;text-align:center;color:#fff;font-size:1.1rem;} .g-vs-box{margin-top:10px;padding:5px;} .g-vs-con{width:50%;float:left;padding:5px;} .g-vs-img{border: 5px solid rgba(200,200,200,0.5);border-radius:5px;margin-bottom:10px;} .g-vs-img img{max-width:100%;display:block;} .g-vs-con p{font-size:1rem;color:#666;line-height:1.6;text-align:left; font-weight: normal;} #ny_solution3_xg .ny_s_nr5 .box3_nr_box { padding: 0; margin-top: 25px; } #ny_solution3_xg .ny_s_nr3 { margin-top: 20px; } #ny_solution3_xg .ny_s_nr3 .ny_s_nr3_box { display: block; } #ny_solution3_xg .ny_s_nr3 .ny_s_nr3_box .box_l { display: block; width: 100%; } #ny_solution3_xg .ny_s_nr3 .ny_s_title { text-align: center; } #ny_solution3_xg .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn { margin-top: 20px; } #ny_solution3_xg .ny_s_nr3 .ny_s_nr3_box .box_l .ny_s_nr3_btn a { font-size: 14px; line-height: 40px; margin-bottom: 10px; } #ny_solution3_xg .ny_s_nr3 .ny_s_nr3_box .box_r { width:100%; padding-left: 0%; } #ny_solution3_xg .ny_s_nr3 .ny_s_nr3_box .box_r img { display: block; width: 100%; max-width: 100%; } #ny_solution3_xg .ny_s_nr3 .ny_s_nr3_box .box_r .list { font-size: 14px; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box { display: block; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item { width: 33.33%; float: left; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask p { font-size: 16px; } #ny_solution3_xg .ny_s_nr2 .ny_s_nr2_nr .ny_s_nr2_nr_box .item .mask span { font-size: 12px; margin-top: 5px; } #ny_solution3_xg .ny_s_xg_1 { padding-top: 20px;padding-bottom: 0; } #ny_solution3_xg .ny_xg_1_box .item .desc .t { font-size: 22px; } #ny_solution3_xg .ny_xg_1_box .item .desc .tit { font-size: 20px; } #ny_solution3_xg .ny_xg_1_box .item .desc .list { height: auto; } #ny_solution3_xg .ny_s_xg_2 { padding:30px 0; } #ny_solution3_xg .ny_s_xg_2 .ny_xg_2_box { margin-top: 25px; } #ny_solution3_xg .ny_s_xg_2 .ny_xg_2_box li { width: 50%;padding: 0 5px;margin-bottom: 10px; } #ny_solution3_xg .ny_s_xg_2 .ny_s_title2 p { font-size: 24px; } #ny_solution3_xg .ny_s_xg_2 .ny_s_nr3_box .box_r .img { display: block; } #ny_solution3_xg .ny_s_xg_2 .ny_s_nr3_box .box_r .img img:first-child { width: 100%; display: block; } #ny_solution3_xg .ny_s_xg_5 { padding-top: 30px; } #ny_solution3_xg .ny_s_xg_5 .ny_s_xg_5_box { margin-top: 20px; } #ny_solution3_xg .ny_s_xg_5 .ny_s_xg_5_box .cont { margin:0 -10px; } #ny_solution3_xg .ny_s_xg_5 .ny_s_xg_5_box .cont .item { width: 50%; padding: 0 5px; margin-bottom: 10px;} #ny_solution3_xg .ny_s_xg_5 .ny_s_xg_5_box .cont .item .box { padding: 10px 10px 0; } #ny_solution3_xg .ny_s_xg_5 .ny_s_xg_5_box .cont .item .box .cont1 span{ font-size: 16px; margin-bottom: 14px; } #ny_solution3_xg .ny_s_xg_5 .ny_s_xg_5_box .cont .item .box .cont1 { padding:14px 0; } } #ny_solution3_xg .ny_s_nr4 { display: block; overflow: hidden; margin-top: 60px;} #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr { display: block; width: 100%; margin:0 auto; margin-top: 50px; position: relative; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-container {display: block; width: 95%; margin:0 auto; position: static;} #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item { display: flex; background: #f7f7f7; align-items: center; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_l { width: 50%; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_l dt { display: block; overflow: hidden; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_l dt img { max-width: 100%; display: block; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r { width: 50%; padding-left:5%; padding-right: 6%; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .t { display: block;font-size: 26px;margin-bottom: 36px; font-weight: bold; color: #333; text-overflow: ellipsis; white-space: nowrap;overflow: hidden; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .desc { font-size: 16px;color: #666666;line-height: 1.8; margin-bottom: 30px; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r a { width: 120px;height: 45px;border: 2px solid #030f21;color: #030f21;display: flex;justify-content: center;align-items: center;position: relative;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;font-size: 16px; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r a:hover { background-color: rgba(172, 206, 34, 1);border-color: rgba(172, 206, 34, 1); color: #fff; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-button-next,#ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev { width: 50px;height: 60px;border: 1px solid rgba(172, 206, 34, 1);border-radius: 3px;background: url(../images/fagt.png) no-repeat center;background-size: 11px 20px; transition: all 0.3s;} #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-button-next:hover,#ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev:hover { background: url(../images/fagt_on.png) no-repeat center rgba(172, 206, 34, 1);background-size: 11px 20px; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev { transform: rotate(180deg); } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr_par { display: block; position: relative; width: 95%; margin:0 auto;} #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a{ display: block; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a .img { background-color: #fff;overflow: hidden;position: relative;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr_par .swiper-container { padding:20px; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a .img img{ filter: grayscale(100%); max-width: 100%; display: block; transition: all 0.5s; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a:hover .img img { filter: grayscale(0%); } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a:hover .img { box-shadow: 0 2px 10px rgba(62, 170, 152, 0.4); } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr_par .swiper-slide a:hover .img img { transform: scale(1.05); } @media(max-width: 1610px) { #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-button-next{ right: 0; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev { left: 0; } } @media(max-width: 1199px) { #ny_solution3_xg .ny_s_nr4 { margin-top: 40px; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r { padding-left: 3%; padding-right: 3%; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .t { font-size: 20px; margin-bottom: 15px; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .desc { font-size: 14px; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r a { font-size: 14px; } } @media(max-width: 991px) { #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r a { border:1px solid #030f21; height: 40px; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .desc { margin-bottom: 15px; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r .t { font-size: 17px; } } .yanfatc{display: flex;align-items: center;flex-wrap: wrap;margin: 20px 0px;} .yanfatc>div{width:25%;} .yanfatc .yanfat{width:40%;line-height: 30px;padding: 20px;box-sizing: border-box;} .yanfatc .yanfat .p1{ font-size: 44px; font-weight: bold; color: rgba(39, 75, 153, 1); } .yanfatc .yanfat .p2{ font-size: 22px; color: #333; opacity: 1; display: block; margin-top: 20px; margin: 50px 0px; } .yanfatc .yanfat .desc{line-height: 40px;} .yanfatc .yanfat .p3{ line-height: 30px; padding:20px; } .yanfatc .yanfac:nth-child(2){ width:58%; margin: 0px 1%; display: flex; align-items: center; } .yanfatc .yanfac:nth-child(3){ width:28%; margin: 0px 1%; } .yanfatc .yanfac:nth-child(4){width:15%} .yanfatc .yanfac{text-align: center;} .yanfatc .yanfac img{/*! max-height: 240px; */width: 100%;} .icp {display: flex;align-items: center;margin: 20px 0px;} .icp .icptitle{width:20%;font-size: 44px;font-weight: bold;color: rgba(39, 75, 153, 1);} .icp .icpright{width:100%;display: flex;align-items: center;} .icp .icpright img{width:100%;} .icp .icpright>div{flex:1;margin:0px 20px;} @media(max-width: 767px) { #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item { display: block; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_l { width: 100%; display: block; } #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-wrapper .item .item_r { width: 100%; display: block; padding-top: 3%; padding-bottom: 3%; min-height: 212px;} #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-button-next, #ny_solution3_xg .ny_s_nr4 .ny_s_nr4_nr .swiper-button-prev { display: none; } .icp{flex-wrap:wrap} .icp .icptitle{width:100%;font-size: 22px;text-align:center;margin:20px 0px;} .icp .icpright{width:100%;} } .zkdp { padding:20px 0; display: block; overflow: hidden; } .zkdp .box { display: flex;flex-direction: row-reverse; justify-content: space-between;} .zkdp .box .img { width: 30%; } .zkdp .box .img2 { width: 50%; } .zkdp .box .desc { width: 65%; } .zkdp .box .desc2 { width: 50%; }