/* AB模板网 整站模板下载 */ /* 模板：Www.AdminBuy.Cn */ /* 仿站：Fang.AdminBuy.Cn */ /* 素材：Sc.AdminBuy.Cn */ /* js特效：js.AdminBuy.Cn */ /* 在线工具 Tool.Adminbuy.Cn */ /* QQ：9490489 */ *{padding:0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} html{} body{color: #333;} body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:15px/1.5 Microsoft Yahei,微软雅黑,Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif;} table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:15px;} ol,ul {list-style:none;} li { list-style-type:none;} img { vertical-align:middle;border:0;} address,cite,code,em,th{ font-weight:normal; font-style:normal;} .clear { clear:both; *zoom:1;} .clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";} a {text-decoration:none; color:#333;cursor:pointer;} a:visited { text-decoration:none;} a:hover { text-decoration:none;} a:active { text-decoration:none;} .fl { float:left;} .fr { float:right;} @font-face {font-family: "Youshebiaotihei";src: url(../fonts/youshebiaotihei.ttf);} @font-face {font-family: "impact";src: url(../fonts/impact.ttf);} /* 设置滚动条的样式 */ ::-webkit-scrollbar-track { background-color:#ddd; width:1px; border-radius:0px;}/* 滚动条滑块 */ ::-webkit-scrollbar-thumb { background-color:#1e7be8;} ::-webkit-scrollbar-thumb:window-inactive { background-color:#1e7be8;} /* 按钮样式去除*/ input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} textarea { -webkit-appearance: none;} input{ border-radius: 0; } .w1400{width:1400px;margin:0 auto;} @media screen and (max-width:1440px){ .w1400{ width:94%;} } @media screen and (max-width:1080px){ .w1400{ width:94%;} header .top_two .logo img{ height:53px !important} } /**top start**/ header .top_two{ width:100%; height:98px; background:#fff;box-shadow: 0 0 10px rgb(0,0,0,.1);z-index: 99;position: relative;} header .top_two .w1400{height:100%;} header .top_two .logo{ float:left; margin-top:14px; width:430px;} header .top_two .logo a{ display:flex; align-items:center; height:70px;} header .top_two .logo img{ height:56px; width:auto; -ms-flex:0 0 auto; flex:0 0 auto;} header .top_two .logo .logo-txt{ margin-left:16px; display:block;} header .top_two .logo .logo-txt em{ display:block; font-style:normal; font-size:17px; font-weight:bold; color:#1a2233; letter-spacing:.2px; line-height:1.2; white-space:nowrap;} header .top_two .logo .logo-txt i{ display:block; font-style:normal; font-size:9px; color:#8d9aae; letter-spacing:.3px; margin-top:4px; line-height:1.2; white-space:nowrap;} header .top_two .w1400 nav {width: 60%; margin:0;padding:0;float:right;} .menu_open { display: none;} header .top_two .w1400 nav ul.nav_ul{ margin:0 auto; padding:0; display: flex;} header .top_two .w1400 nav ul .nav_item { position: relative; margin:0; padding:30px 2%; -webkit-flex:1; -ms-flex:1; -moz-flex:1;} header .top_two .w1400 nav ul .nav_item:last-child{ padding-right:0;} .nav_item > a {display: block;width: 100%;height: 100%;line-height:38px;color: #555;font-size: 18px;text-align: center;-webkit-transition: all .4s;transition: all .4s; position:relative;} .nav_item:hover > a, .nav_item > a.navon {color: #fff; background:#1e7be8;} .nav_item_open { width: 140%; height: auto; position: absolute; left: -10%; top: 100px; z-index: 10; background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0, 12, 49, 0.1); border-radius: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(34px); transform: translateY(34px); -webkit-transition: all .4s; transition: all .4s; overflow: hidden; } .ny_top .nav_item_open { background-color:#fff;} .nav_item:hover .nav_item_open { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);} .subopen { display: none; } .nav_item2 { width: 100%;} .nav_item2 a { display: block; width:100%; height:44px; overflow:hidden; line-height:44px; padding: 0 10px; color: #666; font-size: 15px; white-space:nowrap; text-overflow: ellipsis; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .ny_top .nav_item2 a { color:#565656;} .nav_item2:hover a { background-color: #1e7be8; color: #fff;} .hcover { display: none;} @media screen and (max-width:1299px){ header .top_two .logo{ margin-top:16px;width:340px;} .nav_item > a { font-size:16px;} header .top_two .w1400 .top_ss{ float:right;width: calc(42% - 240px); margin-top:35px;} } @media screen and (max-width:1080px){ header .top_two{ height:80px;} header .top_two .w1400{ position:relative;} header .top_two .logo{ margin-top:7px;} header .top_two .w1400 nav { width:100%; height:auto; position:absolute; left:-100%; background:#fff;} header .top_two .w1400 nav ul li{ width:100%;} header .top_two .w1400 nav ul .nav_item{ padding:0;} header .top_two .w1400 nav ul .nav_item:last-child{ padding:0;} .menu_open { display: block; float: right; width: 40px; height: 40px; padding: 5px 0; border: 1px solid #eaeaea; position: fixed; top: 20px; right: 3%; box-sizing: border-box; z-index: 999999; cursor: pointer } .menu_open i { height: 2px; width: 50%; background-color: #1e7be8; display: block; margin: 5px auto; } .menu_open:active { background-color: #1e7be8; border: 1px solid #1e7be8; } .menu_open:active i { background-color: #fff; } .nav { width: 50%; height: 100%; position: fixed; top: 0; left: -50%; z-index: 9999999;background-color: #1e7be8;} .hcover { display: block; width: 50%; height: 100%; background: rgba(0,0,0,.5); position: fixed; right: -50%; top: 0; z-index: 9999999; } .nav_ul { margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding-top: 10px; text-align: left; display:block !important;} .nav_item { float: none; margin: 0; width: 100%; height: 70px; position: relative; padding:0;} .nav_item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(255,255,255,.2);} .nav_item > a { display: block; height: 70px; line-height: 70px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; font-size: 18px; color: #fff !important; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .nav_item > a:active { background-color: #0065a4; } .nav_item > a:after { display: none; } .nav_item > a:hover, .nav_item > a.navon {background: #1e7be8;} .nav_item:hover > a em, .nav_item > a.navon em{ display:none;} .nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 100%; height: 100%; display: block; } .nav_item i:after { content: ''; display: block; width: 8px; height: 8px; margin-bottom: -4px; border: 1px solid rgba(255,255,255,.5); border-top: 0; border-left: 0; position: absolute; bottom: 50%; right: 22px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .nav_item_open { width: 50%; height: 100%; margin: 0; box-shadow: none; background-color: #1e7be8; border-radius: 0; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -50%; top: 0; border-top: none; } .subopen { display: block; } .subopen a { display: block; overflow: hidden; margin: 0; padding: 15px; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: rgba(255,255,255,.8); background: rgba(0,0,0,.1); text-indent: 30px; position: relative; } .subopen a:before { content: ''; display: block; width: 8px; height: 8px; position: absolute; bottom: 50%; left: 22px; margin-bottom: -4px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid rgba(255,255,255,.5); border-right: 0; border-bottom: 0; } .nav_item2 { position: relative; } .nav_item2 a { width: 100%; display: block; line-height: 30px; height: 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; margin: 0; padding: 10px; white-space: nowrap; text-overflow: ellipsis; color: #fff; font-size: 16px; } .nav_item2:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(255,255,255,.2); } header .top_two .w1400 .top_ss{ float:right; margin-right:60px;width: calc(100% - 340px); margin-top:20px;} header .top_two .w1400 .top_ss .sr{height:40px; line-height:40px;} header .top_two .w1400 .top_ss .tj{ height:40px;} } @media screen and (max-width:1024px){ .menu_open { right:3%;} } @media screen and (max-width:768px){ .menu_open{ top:20px;} header .top_two .w1400 .top_ss{ width:100%; margin:0 0 10px;} header .top_two .logo{ width:280px;margin-top:14px;} } @media screen and (max-width:319px){ header .top_two{ height:60px;} header .top_two .logo{ width:200px; margin-top:11px;} .menu_open{ top:10px;} } /**top end**/ /* banner 开始 */ .apple-banner { width: 100%;overflow: hidden;} .apple-banner .swiper-container { width: 100%;} /* 图片框：1920 宽时框高 750（原 600），其它宽度按 1920:750 等比缩放。 图片 object-fit:cover 铺满；居左对齐是为了「图片比例比框更扁时只裁右边」， 保证左侧文案（一站式供应链服务…）永远不被切掉。按 1920x750 出图则完全不裁。 */ .apple-banner .swiper-container .swiper-slide { height:auto; overflow:hidden; aspect-ratio: 1920 / 750;} .apple-banner .swiper-container .swiper-slide img{ display:block; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:left center; object-position:left center;} .apple-banner .swiper-container .swiper-button-prev, .apple-banner .swiper-container .swiper-button-next { width: 15%; height: 100%; top:0; background:none; margin:0;} .apple-banner .swiper-container .swiper-button-prev { left:0;} .apple-banner .swiper-container .swiper-button-next { right:0;} .apple-banner .swiper-button-prev span, .apple-banner .swiper-button-next span { display:block; width: 64px; height: 64px; position: absolute; top: 50%; margin-top:-32px; border-radius: 100%; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease;} .apple-banner .swiper-button-prev span { background: rgba(0,0,0,0.3) url(../images/arrows1.png) center center no-repeat; left: 20px;} .apple-banner .swiper-button-next span { background: rgba(0,0,0,0.3) url(../images/arrows2.png) center center no-repeat; right:20px;} .apple-banner .swiper-button-prev:hover span, .apple-banner .swiper-button-next:hover span{ opacity: .7;} /*分页器*/ .apple-banner .swiper-pagination{ top:auto; bottom:40px !important;left:50%!important; transform:translateX(-50%); display: flex;display: -webkit-flex;align-items: center;justify-content: center;} .apple-banner .swiper-pagination-bullet { display: inline-block; width:40px; height:10px; border-radius: 10px; margin: 0 6px; cursor: pointer; background:#fff; opacity: 1;transition: all .4s ease;} .apple-banner .autoplay .swiper-pagination-bullet-active{background:#1e7be8;} @media screen and (max-width:767px){ .apple-banner .swiper-button-prev span, .apple-banner .swiper-button-next span { width:44px; height:44px; background-size:44px 44px;} .apple-banner .swiper-button-prev span { left:10px;} .apple-banner .swiper-pagination { bottom:20px !important;} .apple-banner .swiper-pagination-bullet {width:28px; height:7px; margin: 0 3px;} } /* 手机端同样走 1920:750 等比缩放（不裁图）：390 宽 -> 152 高，375 -> 146 高。 原先这里按 250/240/230/215 固定高度并左右裁图，2026-11-06 按要求改为等比。 */ @media screen and (max-width:600px){ .apple-banner .swiper-container .swiper-slide { aspect-ratio: 1920 / 750;} .apple-banner .swiper-container .swiper-slide img{ position:static; transform:none;} } /* banner 结束 */ /*热门关键词&搜索 开始*/ .ly_hotkw_search { width: 100%; height: 78px; margin: 0 auto; padding: 0; background-color: #1e7be8; position: relative; z-index: 9; } .ly_hotkw_search .hotkw_search { height: 100%; overflow: hidden; margin: 0 auto; padding: 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .hotkw_search .hotkw_left { float: left; width: 66%; height: 50px; overflow: hidden; color: #fff; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; margin: 0; padding: 0;margin-top:22px; } .hotkw_search .hotkw_left span { color: #fff; font-size:18px; font-weight: bold; display: inline-block;margin-left: 7px;} .hotkw_search .hotkw_left a { display: inline-block; color: #fff; border-right: 1px solid rgba(255,255,255,.2); padding: 0 12px; text-align: center; } .hotkw_search .search_right { float: right; width:26%; height: 38px; overflow: hidden; margin: 20px 0 0 0; padding: 0 68px 0 0; position: relative;} .hotkw_search .search_right .sc_ipt { width: 100%; height:38px; overflow: hidden; margin: 0; padding: 0; } .hotkw_search .search_right .sc_ipt input { display: block; width: 100%; height:38px; overflow: hidden; line-height:38px; color: #ccc; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;border-right: 0; outline: none; margin: 0; padding: 0 9px 0 17px; border:none; border-radius:20px 0 0 20px;} .hotkw_search .search_right .sc_btn { width: 80px; height:38px; overflow: hidden; margin: 0; padding: 0; position: absolute; top: 0; right: 0; } .hotkw_search .search_right .sc_btn input { display: block; width: 100%; height: 38px; overflow: hidden; line-height: 50px; color: #fff; font-size: 18px; text-align: center; background: #000 url(../images/ssico.png) center no-repeat; border: none; outline: none; cursor: pointer; border-radius: 0; font-weight: bold;border-radius:0 20px 20px 0; } .ny_hotkw_search{width: 100%; height: 90px; margin: 0 auto; padding: 0; background-color: #ffffff; position: relative; z-index: 9; border-bottom:1px solid #ddd;} .ny_hotkw_search .nyhotkw_left{ width:65%; float:left; height:55px; margin-top:35px;} .ny_hotkw_search p { font-size:16px; color:#666;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .ny_hotkw_search p a{ color: #666;} .ny_hotkw_search p img.Crumb { display:inline-block; width:18px; height:18px; vertical-align:middle; margin:-2px 6px 0 0;} .ny_hotkw_search p img.CrumbJt { display:inline-block; width:12px; height:12px; vertical-align:middle; margin:-2px 8px 0;} .ny_hotkw_search .search_right { float: right; width: 30%; height: 50px; overflow: hidden; margin: 20px 0 0 0; padding: 0 68px 0 0; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ny_hotkw_search .search_right .sc_ipt { width: 100%; height: 50px; overflow: hidden; margin: 0; padding: 0; } .ny_hotkw_search .search_right .sc_ipt input { display: block; width: 100%; height: 50px; overflow: hidden; line-height: 50px; color: #ccc; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; border: 1px solid #ccc; border-right: 0; outline: none; margin: 0; padding: 0 9px 0 17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ny_hotkw_search .search_right .sc_btn { width: 80px; height: 50px; overflow: hidden; margin: 0; padding: 0; position: absolute; top: 0; right: 0; } .ny_hotkw_search .search_right .sc_btn input { display: block; width: 100%; height: 50px; overflow: hidden; line-height: 50px; color: #fff; font-size: 18px; text-align: center; background-color: #06a6d8; border: none; outline: none; cursor: pointer; border-radius: 0; font-weight: bold; } @media screen and (max-width:1023px) and (min-width:768px) { .hotkw_search .hotkw_left { display: none; } .hotkw_search .search_right { width: 100%; } .hotkw_search .search_right .sc_btn { width: 150px; } .ny_hotkw_search{ height:auto; padding: 0 0 25px;} .ny_hotkw_search .nyhotkw_left{ width:100%; margin-top:20px; height:40px;} .ny_hotkw_search .search_right{ width:100%; margin:0;} } @media screen and (max-width:767px) { .hotkw_search .hotkw_left { display: none; } .hotkw_search .search_right { width: 100%; margin: 15px 0 0 0;} .ly_hotkw_search{ height:68px;} .ny_hotkw_search .nyhotkw_left{ width:100%; margin-top:15px; height:35px;} .ny_hotkw_search .search_right{ width:100%; margin:0;} .ny_hotkw_search p{ font-size:14px;} .ny_hotkw_search .search_right .sc_ipt { height: 45px; } .ny_hotkw_search .search_right .sc_ipt input{ height:45px; line-height:45px; font-size:15px;} .ny_hotkw_search .search_right .sc_btn { height: 45px; } .ny_hotkw_search .search_right .sc_btn input { height: 45px; line-height: 45px; } .ny_hotkw_search .search_right .sc_btn input { font-size: 16px; } } /*热门关键词&搜索 结束*/ /*首页推荐产品*/ .abtjpro{ background:#edf0f7; min-height:630px; margin-top:90px; position:relative;} .abbigbt{ text-align:center; position:absolute; top:-34px; left:50%; transform:translateX(-50%);} .abbigbt p{color:#e7eaf1; font-size:76px; line-height:78px;font-family:impact; text-transform:uppercase;margin-bottom: -36px;} .abbigbt span{ font-size:34px; font-weight:bold;} .abtjpro:before{ content:""; display:block; width:1100px; height:92px; background:url(../images/indbkbg.png) center top no-repeat; margin:0 auto;} .abtjpro:after{ content:""; display:block; width:1100px; height:92px; background:url(../images/indbkbg.png) center top no-repeat;position:absolute; bottom:0; left:50%; transform:translateX(-50%) rotate(180deg);} .abtjpro .swiper-container2{ margin:65px 0 0; position:relative; z-index:9; overflow:hidden;} .abtjpro ul{} .abtjpro ul li{ background:#fff; width:23.5%; padding:16px; float:left; transition: all .4s ease;} .abtjpro ul li .pic{ display:block; width:100%; height:236px; position:relative; background:#fff;} .abtjpro ul li .pic img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;} .abtjpro ul li .name{ display:block; width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; border-top:1px solid #eee; padding-top:5px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .abtjpro ul li .yctext{ height:0; overflow:hidden; transition: all .4s ease;} .abtjpro ul li .yctext p{ width:100%; height:48px; line-height:24px;color:#fff; font-size:15px; text-align:center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .abtjpro ul li .more{ display:block; width:34px; height:34px; margin:10px auto 0; border-radius:50%; background:#fff url(../images/morejt.png) center no-repeat; font-size:0;} .abtjpro ul li:hover{ background:#1e7be8;background: linear-gradient(139deg, #5bbaf0 10%, #1e7be8);} .abtjpro ul li:hover .name{ color:#fff; font-weight:bold;} .abtjpro ul li:hover .yctext{ height:100px;} @media screen and (max-width:1399px) { .abtjpro{ min-height:532px;} .abbigbt p{ font-size:66px;} .abbigbt span{ font-size:30px;} .abtjpro .swiper-container2{ margin:45px 0 0;} .abtjpro ul li .pic{ height:210px;} .abtjpro:before,.abtjpro:after{ width:800px; height:75px; background-size:100%;} } @media screen and (max-width:1199px) { .abtjpro{min-height: 490px;} .abtjpro .abbigbt{ top:-44px;} .abbigbt p{ font-size:60px;} .abtjpro .swiper-container2{margin: 30px 0 0;} .abtjpro ul li .pic{ height:200px;} .abtjpro:before,.abtjpro:after{ width:700px;} } @media screen and (max-width:1079px) { .abtjpro {min-height: 480px;} .abtjpro ul li{ padding:10px;} .abtjpro ul li .yctext{ display:none;} } @media screen and (max-width:767px) { .abtjpro{ min-height:300px; margin-top:0; padding:10px 0 25px; overflow:hidden;} .abbigbt { position:static; transform:none;} .abbigbt p{ font-size:50px;} .abbigbt span{ font-size:24px;} .abtjpro .swiper-container2{ margin:20px 0 0;} .abtjpro ul li .name{ font-size:15px; height:40px; line-height:40px;} .abtjpro:before,.abtjpro:after{ display:none;} } @media screen and (max-width:500px) { .abtjpro ul li .pic{ height:150px;} } /*首页产品展示*/ /* 永迪定制：预留顶部空间，避免超大英文标题被上方蓝色热搜栏挡住（2026-11-05 客户要求再下移 80px） */ .abprobox{ position:relative; margin-top:120px;} .abprobox .martop{ margin:97px 0 50px; overflow:hidden;} .abprobox .proright{width: calc(100% - 345px); float:right;} .abprobox .proright ul li{ width:48.8%; margin-right:2.4%; float:left; box-shadow: inset 0 0 0 5px #f7f6f6; background: #fff; padding:24px; margin-bottom:24px; overflow:hidden;position:relative;transition: all .4s ease;} .abprobox .proright ul li:nth-child(2n){ margin-right:0;} .abprobox .proright ul li::before, .abprobox .proright ul li::after { box-sizing: inherit; content: '';position: absolute;width: 100%; height: 100%;top: 0;left: 0;} .abprobox .proright ul li::before { border-top: 5px solid #1e7be8; border-bottom: 5px solid #1e7be8;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transform-origin:left; transform-origin:left;} .abprobox .proright ul li::after {border-left: 5px solid #1e7be8;border-right: 5px solid #1e7be8; -webkit-transform: scale3d(1, 0, 1);transform: scale3d(1, 0, 1);-webkit-transform-origin:bottom; transform-origin:bottom;} .abprobox .proright ul li:hover::before, .abprobox .proright ul li:hover::after {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;} .abprobox .proright ul li .text{ width:40%; float:left;position:relative; z-index:2;} .abprobox .proright ul li .text .name{ font-size:20px; height:60px; line-height:30px; margin:10px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all .4s ease;} .abprobox .proright ul li:hover .text .name{ color:#1e7be8;} .abprobox .proright ul li .text p{ font-size:14px; color:#999; line-height:24px; height:72px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .abprobox .proright ul li .text .more{ display:block; width:108px; height:32px;line-height:32px; border-radius:20px;background:#1e7be8;background: linear-gradient(155deg, #5bbaf0 10%, #1e7be8); text-align:center; color:#fff; margin-top:20px;transition: all .4s ease;} .abprobox .proright ul li:hover .text .more{background:#1e7be8;background: linear-gradient(-155deg, #5bbaf0 10%, #1e7be8); } .abprobox .proright ul li .pic{ display:block;width:56%; height:220px; float:right; position:relative; z-index:2; overflow:hidden;} .abprobox .proright ul li .pic img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%;transition: all .4s ease;} .abprobox .proright ul li:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);} @media screen and (max-width:1399px){ .abprobox .abbigbt {top: -24px;} .abprobox .martop {margin: 97px 0 35px;} .abprobox .proright{width: calc(100% - 285px);} } @media screen and (max-width:1079px){ .abprobox .martop{ margin:87px 0 15px;} .abprobox .proright{width:100%; margin-top:25px;} } @media screen and (max-width:767px) { .abprobox{ margin-top:0; padding:10px 0 0;} .abprobox .martop { margin:20px 0 10px;} .abprobox .proright{margin-top:20px;} .abprobox .proright ul li{ width:100%; margin-right:0; margin-bottom:10px;} } @media screen and (max-width:500px) { .abprobox .proright ul li{ width:48.5%; margin-right:3%; padding:10px;} .abprobox .proright ul li .pic{ width:100%; height:130px;} .abprobox .proright ul li .text{width:100%;} .abprobox .proright ul li .text .name{ font-size:15px; line-height:24px; height:24px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; margin:10px 0 0; text-align:center;} .abprobox .proright ul li .text p,.abprobox .proright ul li .text .more{ display:none;} } /*产品分类 开始*/ .proleft { width:305px; overflow:hidden; float:left;} .proleft .cp_type{background-color:#1e7be8; padding:26px 0 0;} .cp_type .hd { width:100%; height:auto; margin:0 auto 26px; padding:0 30px;text-align:center;position:relative;} .proleft .cp_type .hd:before{ content:""; display: block; background:url(../images/flbtbg1.png) left no-repeat; width:89px; height:165px; position:absolute; left:0; top:-26px;} .proleft .cp_type .hd:after{content:""; display: block; background:url(../images/flbtbg2.png) left no-repeat; width:119px; height:179px; position:absolute; right:0; bottom:-25px;} .cp_type .hd p { width:100%; color:#fff; font-size:40px; font-weight:bold; text-transform:uppercase;} .cp_type .hd p img { display:block; width:28px; height:28px; margin:2px 10px 2px 0; padding:0; float:left;} .cp_type .hd span { display:block;color:#fff; font-size:24px;} .cp_type .hd i { display:none;} .cp_type .hd em{ display:block; width:30px; height:5px; background:rgba(255,255,255,.3);margin:5px auto;} .cp_type .bd{ position:relative; z-index:2;} .cp_type .bd ul{background:#222; overflow:hidden;min-height: 200px;} .cp_type .bd ul li {border-bottom:0px solid rgba(255,255,255,.3); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} /* 永迪定制：分类项改为「名称 + 型号说明」两行，说明取自栏目「描述」字段 [nav:description] */ .cp_type .bd ul li p { height:auto; padding:15px 0 13px;width: 88%; margin: 0 auto;position:relative; border-bottom:1px solid rgba(255,255,255,.3);} .cp_type .bd ul li:last-child p{ border-bottom:0;} .cp_type .bd ul li.on:last-child p{ border-bottom:1px solid rgba(255,255,255,.3);} .cp_type .bd ul li p a { display:block;width: calc(100% - 40px); line-height:24px; padding:0; overflow: hidden;color:#fff; font-size:17px; white-space:nowrap; text-overflow: ellipsis; float:left;} /* 型号说明：12px 半透明白，最多两行，保证 6 个分类行高一致 */ .cp_type .bd ul li p em.catdesc { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; width:calc(100% - 40px); min-height:30px; overflow:hidden; margin:5px 0 0; padding:0; clear:both; color:rgba(255,255,255,.4); font-size:12px; line-height:15px; font-style:normal; font-weight:normal; -webkit-transition:color .4s; transition:color .4s;} .cp_type .bd ul li:hover p em.catdesc, .cp_type .bd ul li.on p em.catdesc { color:rgba(255,255,255,.62);} .cp_type .bd ul li p span { display:block; width:40px; height:100%; background:url(../images/mulu0.png) center center no-repeat; cursor:pointer; position:absolute; top:0; right:-5px;} .cp_type .bd ul li div { display:none;} .cp_type .bd ul li div a { display:block; height:40px; line-height:40px; color:rgba(255,255,255,.5); font-size:15px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;width: 88%;margin: 0 auto; padding:0 10px;} .cp_type .bd ul li div a:first-child { margin-top:15px;} .cp_type .bd ul li:last-child div a:last-child { margin-bottom:15px;} .cp_type .bd ul li div a i { display:block; width:4px; height:4px; margin:13px 6px 13px 0; padding:0; border:1px solid #999; border-radius:50%; float:left;} .cp_type .bd ul li div a:hover i { border:1px solid #1e7be8;} .cp_type .bd ul li p:hover a, .cp_type .bd ul li.on p a { color:#1e7be8;} .cp_type .bd ul li p:hover span { background:url(../images/mulu1.png) center center no-repeat;} .cp_type .bd ul li.on p span { background:url(../images/mulu2.png) center center no-repeat;} .cp_type .bd ul li div a:hover { color:#1e7be8;} .cp_type .bd ul li div a:hover:before{ background-position:0 -10px;} .cp_type .bd ul a.ckqb { display:block; height:34px; line-height:34px; font-size:16px; color:#333; background:#f1f1f1; width:92%; margin:10px auto; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;cursor:pointer;} .cp_type .bd ul a.ckqb:hover { background:#1e7be8; color:#fff;} .ProAll { width:100%; height:auto;border-top: 1px solid #eee;margin-top: 12px;} .ProAll a { display:block; width:100%; height:58px; line-height:58px; overflow:hidden; color:#333; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0 30px; position:relative;} .ProAll a i { display:block; width:40px; height:100%; margin:0; padding:0; background:url(../images/mulu0.png) center center no-repeat; position:absolute; top:0; right:15px;} .ProAll a:hover { background:#1e7be8; color:#fff;} .ProAll a:hover i { background:url(../images/mulu1.png) center center no-repeat;} .cp_type .mlphone{ width:100%; background:#1e7be8; text-align:center; padding:30px 0 40px;} .cp_type .mlphone span{ color:#fff; font-size:20px; text-transform:uppercase;} .cp_type .mlphone p{color:#fff; font-size:30px; font-weight:bold; margin:2px 0 16px;} .cp_type .mlphone .allpro{ display:block; width:112px; height:37px; margin:0 auto;line-height:37px; text-align:center; color:#fff; font-size:15px; background:#222; transition: all .4s ease;} /* 永迪定制：hover 时按钮改白底蓝字，避免与蓝色面板同色"消失" */ .cp_type .mlphone .allpro:hover{background: #fff; color:#1e7be8;} @media screen and (max-width:1399px){ .proleft{ width:255px;} .cp_type .hd{margin: 0 auto 20px; padding:0 20px;} .cp_type .hd p{font-size:30px;} .cp_type .hd span{font-size:20px;} .cp_type .bd ul li p{ height:auto; padding:13px 0 11px;} .cp_type .bd ul li p a{ line-height:22px;} .cp_type .bd ul li div a{height: 40px;line-height: 40px;} .ProAll a{font-size: 15px; padding: 0 20px;} .ProAll a i{ right:5px;} } @media screen and (max-width:1079px){ .proleft{ width:100%;} .proleft .cp_type{ padding:10px 0 1px;} .cp_type .hd{ position:relative; padding:0 30px; text-align:left;margin: 0 auto 10px;} .proleft .cp_type .hd:before,.proleft .cp_type .hd:after{ display:none;} .cp_type .hd i{ display:block; width: 40px;height: 40px; margin: 0; padding: 0;background: rgba(255,255,255,0.3) url(../images/mulu3.png) center center no-repeat; position: absolute;top:-3px;right:30px;} .cp_type .hd.on i{background: rgba(255,255,255,0.3) url(../images/mulu4.png) center center no-repeat;} .cp_type .hd p,.cp_type .hd em{ display:none;} .cp_type .hd span{ font-size:22px; font-weight:bold;} .cp_type .bd {display: none;} .cp_type .bd ul li p a{font-size: 16px;} .cp_type .bd ul li p span{} .ProAll a{font-size: 16px; padding: 0 30px;} .ProAll a i{ right:15px;} .cp_type .mlphone{ display:none;} } @media screen and (max-width:767px){ .cp_type .hd{padding:0 20px;} .cp_type .hd p,.NyXgwz_Title p{ font-size:20px;} .cp_type .hd i{ right:20px;width: 34px;height: 34px;top:-1px;} .cp_type .hd span{ font-size:20px;} .cp_type .bd ul li p{ height:auto; padding:13px 0 11px;} .cp_type .bd ul li p a{ line-height:22px;} .cp_type .bd ul li p em.catdesc{ font-size:11.5px; line-height:14px; min-height:28px;} } /*产品分类 结束*/ /*首页横幅*/ .ab_heng{ width:100%; position:relative;} .ab_heng img.hf{ width:100%;} .ab_heng .cont{ width:1130px; max-width:90%;position:absolute; margin:auto; top:50%; transform:translateY(-50%);left:0; right:0;} .ab_heng .cont p{ font-size:50px; font-weight:bold; color:#fff; float:left; max-width:70%;} .ab_heng .cont span{font-size:16px;color:#fff; text-transform:uppercase;float:left;max-width:70%;} .ab_heng .cont .zxzx{ display:block; width:198px; height:64px; background: url(../images/zxbtn.png) center no-repeat; float:right; font-size:18px; line-height:64px; padding-left:40px;margin-top: -54px;transition: all .4s ease;} .ab_heng .cont .zxzx:hover{ color:#1e7be8;} @media screen and (max-width:1399px){ .ab_heng .cont p{ font-size:34px;} .ab_heng .cont span{ display:none;} .ab_heng .cont .zxzx{ margin-top:0;} } @media screen and (max-width:1079px){ .ab_heng .cont .zxzx{width:150px; height:48px; line-height:48px; background-size:cover;font-size: 16px;padding-left: 30px;} } @media screen and (max-width:767px){ .ab_heng{ display:none;} } /*首页关于我们*/ .ababout{ padding:70px 0 90px; overflow:hidden;} .ababout .abbigbt{ position:static; transform:none;} .ababout .abcont{ margin-top:30px; min-height:200px;} .ababout .abcont,.ababout .abcont p,.ababout .abcont span{ font-size:16px; color:#666; line-height:30px;} .ababout .abmore{ display:block; width:184px; height:50px; margin:40px auto 60px;line-height:50px; background:#e7eaf1; border-radius:30px; font-size:18px; position:relative; padding-left:40px;transition: all .4s ease;} .ababout .abmore:after{ content:''; display:block; width:40px; height:40px; border-radius:50%; background:#fff url(../images/morejt.png) center no-repeat;position:absolute; right:5px; top:5px;} .ababout .abmore:hover{ color:#fff; background:#1e7be8;} .ababout ul.data{overflow:hidden;} .ababout ul.data li{ width:33.3333%; float:left; border-right:1px solid #eee; text-align:center; font-size:20px; color:#999;} .ababout ul.data li:last-child{ border-right:0;} .ababout ul.data li em{ font-size:56px;font-family:impact; position:relative; color:#333;} .ababout ul.data li span{ font-size:22px; position:absolute;color:#fff; width:38px; height:38px; border-radius:50%; text-align:center; line-height:38px; background:#1e7be8;} @media screen and (max-width:1399px){ .ababout { padding: 50px 0 80px;} .ababout .abcont{ margin-top:20px;} .ababout .abmore{margin: 30px auto 40px;} .ababout ul.data li{ font-size:18px;} .ababout ul.data li em{ font-size:46px;} .ababout ul.data li span{ font-size:16px;} } @media screen and (max-width:1079px){ .ababout {padding: 30px 0 70px;} .ababout .abcont{ margin-top:15px;} .ababout .abmore{ width:144px; height:40px; line-height:40px; font-size:16px; padding-left:38px;padding-left: 30px;} .ababout .abmore:after{ width:30px; height:30px;} .ababout ul.data li{font-size:16px;} .ababout ul.data li em{ font-size:40px;} } @media screen and (max-width:767px){ .ababout {padding:0;} .ababout .abcont { margin-top: 15px; max-height:312px; overflow-y:scroll;} .ababout .abcont, .ababout .abcont p, .ababout .abcont span{ font-size:15px; line-height:24px;} .ababout .abmore{margin:15px auto 25px;} .ababout ul.data{ display:none;} } /*首页新闻*/ .abnew{ background:url(../images/indnew_bg.jpg) center no-repeat; min-height:500px; position:relative;background-size: cover;} .abnew:before{ content:""; display:block; width:1100px; height:92px; background:url(../images/indbkbg.png) center top no-repeat; margin:0 auto;} .abnew:after{ content:""; display:block; width:1100px; height:92px; background:url(../images/indbkbg.png) center top no-repeat;position:absolute; bottom:0; left:50%; transform:translateX(-50%) rotate(180deg);} .abnew ul{ width:100%; overflow:hidden; margin-top:68px;min-height: 200px;} .abnew ul li{ width:48.8%; background:#fff; padding:34px; float:left; margin-right:2.4%; margin-bottom:30px;transition: all .4s ease; position:relative; cursor:pointer;} .abnew ul li:nth-child(2n){ margin-right:0;} .abnew ul li:hover{background:#1e7be8;} .abnew ul li .left{ width:116px; float:left;border-right:1px solid #eee;} .abnew ul li .left span{ font-size:34px; line-height:36px; font-weight:bold; color:#000;transition: all .4s ease;} .abnew ul li:hover .left span{ color:#fff;} .abnew ul li .left p{ width:84px; height:30px; line-height:30px; color:#fff; text-align:center; font-size:16px; background:#1e7be8; margin:7px 0;transition: all .4s ease;} /* 永迪定制：hover 底色变蓝后，日期标签改白底蓝字，不再与卡片同色 */ .abnew ul li:hover .left p{ color:#1e7be8; background:#fff;} .abnew ul li .right{width: calc(100% - 148px); float:right;} .abnew ul li .right a{ display:block; font-size:20px; margin-bottom:5px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;} .abnew ul li:hover .right a{color:#fff;} .abnew ul li .right .ms{ font-size:15px; color:#999; line-height:24px; height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;transition: all .4s ease;} .abnew ul li:hover .right .ms{color:rgba(255,255,255,.5);} .abnew .abmore{ display:block; width:184px; height:50px; margin:20px auto 160px;line-height:50px; background:#fff; border-radius:30px; font-size:18px; position:relative; z-index:9; padding-left:40px;transition: all .4s ease;} .abnew .abmore:after{ content:''; display:block; width:40px; height:40px; border-radius:50%; background:#1e7be8 url(../images/morejt2.png) center no-repeat;position:absolute; right:5px; top:5px;transition: all .4s ease;} .abnew .abmore:hover:after{ background:#1e7be8 url(../images/morejt.png) center no-repeat;} .abnew .height{ height:1px;} @media screen and (max-width:1399px) { .abnew .abbigbt {top: -44px;} .abnew:before,.abnew:after{ width:800px; height:75px; background-size:100%;} .abnew ul{ margin-top:50px;} .abnew .abmore{margin: 10px auto 120px;} } @media screen and (max-width:1199px) { .abnew:before,.abnew:after{ width:700px;} .abnew ul{ margin-top:30px;} .abnew ul li{ padding:20px; margin-bottom:20px;} .abnew ul li .left{ width:106px;} .abnew ul li .right{width:calc(100% - 128px);} .abnew .abmore{margin: 10px auto 100px;} } @media screen and (max-width:1079px) { .abnew{min-height:300px;} .abnew ul li{ padding:15px;} .abnew ul li .left{ width:90px;} .abnew ul li .left span{ font-size:30px;} .abnew ul li .left p{ width:74px; font-size:15px;margin:3px 0 7px;} .abnew ul li .right { width: calc(100% - 106px);} .abnew ul li .right a{font-size:17px;} .abnew .abmore{ width:144px; height:40px; line-height:40px; font-size:16px; padding-left:38px;padding-left: 30px;} .abnew .abmore:after{ width:30px; height:30px;} } @media screen and (max-width:767px) { .abnew{ padding:10px 0; overflow:hidden;} .abnew:before,.abnew:after{ display:none;} .abnew .abbigbt p{ color:rgba(255,255,255,.1);} .abnew .abbigbt span{ color:#fff;} .abnew ul{ margin-top:23px;} .abnew ul li{ padding:20px; width:100%; margin-right:0; margin-bottom:10px;} .abnew .abmore{margin: 10px auto 15px;width:144px; height:40px; line-height:40px; font-size:16px; padding-left:28px;} .abnew .abmore:after{ width:30px; height:30px;} } @media screen and (max-width:500px) { .abnew ul li{ padding:15px;} .abnew ul li .left{ width:75px;} .abnew ul li .left span{ font-size:24px;} .abnew ul li .left p{width:64px; font-size:14px;margin:0 0 7px;} .abnew ul li .right { width: calc(100% - 86px);} .abnew ul li .right a{ font-size:16px;} .abnew ul li .right .ms{ font-size:14px; line-height:20px; height:40px;} } /*首页技术文章*/ .ab_article{ background:#fff; position:relative; margin-bottom:70px;} .ab_article .swiper-container3{ padding-top:100px; overflow:hidden;min-height: 200px;} .ab_article ul li{ width:31%;float:left; padding:20px;box-shadow: inset 0 0 0 4px #f7f6f6;overflow:hidden; position:relative;transition: all .4s ease;} .ab_article ul li:nth-child(3n){margin-right:0;} .ab_article ul li::before, .ab_article ul li::after { box-sizing: inherit; content: '';position: absolute;width: 100%; height: 100%;top: 0;left: 0;} .ab_article ul li::before { border-top: 4px solid #1e7be8; border-bottom: 4px solid #1e7be8;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transform-origin:left; transform-origin:left;} .ab_article ul li::after {border-left: 4px solid #1e7be8;border-right: 4px solid #1e7be8; -webkit-transform: scale3d(1, 0, 1);transform: scale3d(1, 0, 1);-webkit-transform-origin:bottom; transform-origin:bottom;} .ab_article ul li:hover::before, .ab_article ul li:hover::after {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;} .ab_article ul li .name{ margin:0 0 25px; overflow:hidden; position:relative; z-index:2;} .ab_article ul li a{ display:block;width: calc(100% - 28px); float:left; font-size:20px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .ab_article ul li:hover a{ color:#1e7be8;} .ab_article ul li i{ display:block; width:20px; height:20px; border-radius:50%; background:#333 url(../images/morejt2.png) center no-repeat; float:right; background-size:70%;margin-top: 5px;} .ab_article ul li:hover i{background:#1e7be8 url(../images/morejt2.png) center no-repeat;background-size:70%;} .ab_article ul li .ms{ font-size:15px; color:#999; line-height:24px; height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; } .ab_article ul li .artfot{ width:100%; height:30px; line-height:30px; text-align:right; font-size:16px; color:#999; margin-top:35px; background:url(../images/artico.png) left center no-repeat;} .ab_article .abmore{ display:block; width:184px; height:50px;line-height:50px; margin:50px auto 0;background:#e7eaf1; border-radius:30px; font-size:18px; position:relative; padding-left:40px;transition: all .4s ease;} .ab_article .abmore:after{ content:''; display:block; width:40px; height:40px; border-radius:50%; background:#1e7be8 url(../images/morejt2.png) center no-repeat;position:absolute; right:5px; top:5px;transition: all .4s ease;} .ab_article .abmore:hover{ color:#fff; background:#1e7be8;} .ab_article .abmore:hover:after{background:#fff url(../images/morejt.png) center no-repeat;} @media screen and (max-width:1399px){ .ab_article{margin-bottom:60px;} .ab_article .abbigbt{top: -24px} .ab_article .swiper-container3{ padding-top:95px;} .ab_article .abmore{margin: 30px auto 0;} } @media screen and (max-width:1199px){ .ab_article .abbigbt{top: -34px} .ab_article .swiper-container3{ padding-top:85px;} } @media screen and (max-width:1079px){ .ab_article{margin-bottom:40px;} .ab_article .swiper-container3{ padding-top:77px;} .ab_article ul li .name{ margin:0 0 15px;} .ab_article ul li .artfot{ margin-top:25px; font-size:15px; background-size:20px;} .ab_article .abmore{ width:144px; height:40px; line-height:40px; font-size:16px; padding-left:38px;padding-left: 30px;} .ab_article .abmore:after{ width:30px; height:30px;} } @media screen and (max-width:767px){ .ab_article{margin-bottom:25px; padding-top:10px;} .ab_article .swiper-container3{ padding-top:22px;} .ab_article ul li .name{ margin:0 0 10px;} .ab_article ul li a{font-size:17px;} .ab_article .abmore{ margin-top:20px;} } /*友情链接*/ .link{ width:100%; background:#1e7be8;} .link .w1400{display: -webkit-flex;display: flex;flex-wrap: wrap;} .link .left{ width:168px;line-height:80px; float:left; background:#1e7be8; color:#000; font-size:20px; font-weight:bold;display:flex; display: -webkit-flex;justify-content: center; align-items: center;} .link .left img{ margin-right:5px;} .link .right{width: calc(100% - 168px); float:left; padding:26px 0;} .link .right a{ color:#fff; float:left; padding:0 20px; font-size:16px; line-height:28px;} @media screen and (max-width:767px){ .link{ padding:20px 0 15px; overflow:hidden;} .link .w1400{display:block !important;} .link .left{ width:100%; height:45px; font-size:16px;} .link .left img{ width:26px;} .link .right{ width:100%; padding:10px 0 0;} .link .right a{ font-size:15px; line-height:28px; padding:0 5px;} } /*footer*/ footer{ background:#242424; overflow:hidden;} footer .footup{ width:100%;} footer .footup ul{width:60%; float:left;display: -webkit-flex;display: flex;flex-wrap: wrap;} footer .footup ul li{ float:left; width:30%; padding:60px 0 60px 46px;position:relative;} footer .footup ul li:before{ content:""; width:1px; height:100%; background:#3a3a3a; position:absolute; left:0; top:0;} footer .footup ul li:after{content:""; display:block; width:41px; height:41px; background:#242424 url(../images/footli2.png) center no-repeat; border:1px solid #3a3a3a; border-radius:50%; position:absolute; left:-21px; top:60px; z-index:2;} footer .footup ul li:nth-of-type(1){ width:40%;} footer .footup ul li:nth-of-type(1):after{background:#242424 url(../images/footli1.png) center no-repeat;} footer .footup ul li:nth-of-type(3):after{background:#242424 url(../images/footli3.png) center no-repeat;} footer .footup ul li p{ width:100%; font-size:20px; color:#fff;} footer .footup ul li a{ display:block;width:100%; font-size:16px; color:rgba(255,255,255,.3); margin-top:18px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; transition: all .4s ease;} footer .footup ul li a:hover{ color:#fff;} footer .footup ul li a:nth-of-type(1){ margin-top:35px;} footer .footewm{float:right; text-align:center; margin-top:60px;margin-right:60px;} footer .footewm .ewmjpg{ width:166px; height:166px; background:#fff; border-radius:5px; position:relative;} footer .footewm .ewmjpg img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;} footer .footewm p{ font-size:16px; color:#fff; margin-top:22px;} footer .foot_copy { width:100%; overflow:hidden; border-top:1px solid #3a3a3a;} footer .foot_copy_main p { height:70px; line-height:70px; color:rgba(255,255,255,.3);margin:0; padding:0; font-size:16px; margin-right:60px;} footer .foot_copy_main p a{color:rgba(255,255,255,.3);font-size:16px;} footer .foot_copy_main p a:hover { color:#fff;} @media screen and (max-width:1199px){ footer .footup ul{ width:70%;} footer .footewm,footer .foot_copy_main p { margin-right:0;} } @media screen and (max-width:1079px){ footer .footup ul li{ padding:40px 0 40px 40px;} footer .footup ul li p{ font-size:18px;} footer .footup ul li a{ font-size:15px; margin-top:10px;} footer .footup ul li a:nth-of-type(1) {margin-top: 20px;} footer .footup ul li:after{ width:37px; height:37px; top:35px;} footer .footewm{margin-top:40px;} footer .footewm .ewmjpg{ width:150px; height:150px;} footer .footewm p{ font-size:15px;margin-top:12px;} footer .foot_copy{ padding:15px 0;} footer .foot_copy_main p {font-size:15px; float:left; height:30px; line-height:30px;} footer .foot_copy_main p a{font-size:15px;} } @media screen and (max-width:767px){ footer .footup ul{ display:none;} footer .footewm{ margin:25px 0; float:none;} footer .footewm .ewmjpg{ margin:0 auto;} footer .foot_copy_main p{ float:none; text-align:center; height:auto; line-height:26px;} } /*NyBanner 开始*/ /* 永迪定制：内页 banner 为「实景图背景」模式（20261105s 恢复图片显示）。 图片来自后台「基础内容 > 内容栏目 > 修改 > 栏目大图」，字段 [sort:pic]。 下方 CSS 渐变只作兜底：当栏目大图为空（如二级栏目 dram/lpddr...）时顶上， 避免出现空白条。*/ .NyBanner { width:100%; height:450px; overflow:hidden; margin:0 auto; padding:0; position:relative; background-color:#050b16; background-image: radial-gradient(78% 130% at 50% -12%, rgba(37,99,235,.34) 0%, rgba(37,99,235,0) 64%), radial-gradient(48% 88% at 4% 108%, rgba(30,123,232,.24) 0%, rgba(30,123,232,0) 72%), radial-gradient(48% 88% at 96% 108%, rgba(30,123,232,.18) 0%, rgba(30,123,232,0) 72%), linear-gradient(104deg, rgba(130,180,255,0) 38%, rgba(130,180,255,.06) 50%, rgba(130,180,255,0) 62%), linear-gradient(180deg, #0b1e3c 0%, #071427 50%, #04080f 100%); border-bottom:1px solid rgba(120,170,255,.12);} /* 网格纹理：图片模式下会跟照片打架，默认关闭；只给「无图兜底」用 */ .NyBanner:before { content:none;} /* 左侧压暗：标题已改为左对齐，所以遮罩从「中央聚光」改成「左侧渐隐」， 文字压在深的一侧、右侧照片保持通透。后期若自己加了蒙版可再减。 */ .NyBanner:after { content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; pointer-events:none; background:linear-gradient(90deg, rgba(4,10,20,.62) 0%, rgba(4,10,20,.34) 30%, rgba(4,10,20,.10) 56%, rgba(4,10,20,0) 78%);} /* 图片层：object-fit:cover 保证 1920×250 的容器永远按宽铺满，只裁上下、不裁左右 */ .NyBanner img.nyBa_Img { display:block; width:100%; height:100%; margin:0; padding:0; position:absolute; left:0; top:0; -o-object-fit:cover; object-fit:cover; -o-object-position:center center; object-position:center center; z-index:0;} /* 横幅文字容器：宽度对齐页面 1400 栅格（94% + 上限 1400）， 左边缘与下方白色导航条里的「产品中心」tab 左边线一致。 */ .NyBanner .NyBa_Con { z-index:2; width:94%; max-width:1400px; height:auto; margin:0; padding:0; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyBa_Con p { width:100%; height:auto; line-height:40px; color:#fff; font-size:36px; font-weight:bold; text-align:left; margin:0 auto; padding:0;} .NyBa_Con i { display:block; width:40px; height:3px; margin:10px 0 15px; padding:0; background-color:#1e7be8;} .NyBa_Con span { display:block; width:100%; height:auto; line-height:30px; color:rgba(255,255,255,0.7); font-size:24px; text-align:left; margin:0 auto; padding:0;text-transform: uppercase;} @media (max-width:1680px) { } @media (max-width:1600px) { } @media (max-width:1440px) { /* 此断点下白色导航条由「1400 居中」变成「左右各内缩 60」，横幅容器跟着改，保持左边线一致 */ .NyBanner .NyBa_Con { width:calc(100% - 120px);} .NyBa_Con p { line-height:36px; font-size:32px;} .NyBa_Con span { font-size:20px;} .NyBa_Con i { margin:10px 0;} } @media (max-width:1366px) { } @media (max-width:1280px) { .NyBa_Con p { line-height:32px; font-size:30px;} .NyBa_Con span { line-height:20px; font-size:18px;} .NyBa_Con i { height:2px;} } @media (max-width:1200px) { } @media (max-width:1080px) { .NyBa_Con p { line-height:30px; font-size:26px;} .NyBa_Con span { font-size:16px;} } @media (max-width:1024px) { /* 平板横屏：内页 banner 450 -> 400，避免占屏过高 */ .NyBanner { height:400px;} } @media (max-width:800px) { .NyBanner { height:340px;} /* 手机/平板：banner 变高后 cover 裁到图中间（浅色区），白字对比度不够， 这里把小屏的左→右渐隐加深一档，保证标题可读 */ .NyBanner:after { background:linear-gradient(90deg, rgba(4,10,20,.80) 0%, rgba(4,10,20,.58) 34%, rgba(4,10,20,.28) 66%, rgba(4,10,20,.08) 100%);} } @media (max-width:767px) { .NyBanner {height:280px;} .NyBa_Con p { font-size:24px;} .NyBa_Con span { font-size:14px;} .NyBa_Con i { width:30px; margin:5px 0;} } @media (max-width:414px) { .NyBanner { height:240px;} } @media (max-width:375px) { .NyBanner { height:220px;} } @media (max-width:320px) { .NyBanner { height:190px;} .NyBa_Con p { font-size:22px;} } /*NyBanner 结束*/ /*NyCrumb 开始*/ .NyCrumb { width:100%; height:auto; margin:0 auto 58px; padding:0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyCrumb .NyCrumb_Main { width:1400px; height:70px; margin:0 auto; padding:0; background-color:#fff; position:relative; } .NyCrumb_Main ul { float:left;} .NyCrumb_Main ul li { height:70px; float:left; position:relative;} .NyCrumb_Main ul li em { display:block; width:1px; height:18px; margin:26px auto; padding:0; background-color:#ddd;} .NyCrumb_Main ul li a { display:block; width:auto; height:70px; overflow:hidden; line-height:70px; color:#333; font-size:20px; font-weight:bold; margin:0; padding:0 60px;} .NyCrumb_Main ul li.NyActive a, .NyCrumb_Main ul li:hover a { background-color:#1e7be8; color:#fff;} .NyCrumb_Main p { width:auto; max-width:72%; height:70px; overflow:hidden; line-height:50px; color:#333; font-size:16px; white-space:nowrap; text-overflow: ellipsis;float:right;padding: 10px 28px 10px 0;} .NyCrumb_Main p img.Crumb { display:inline-block; width:18px; height:18px; vertical-align:middle; margin:-2px 6px 0 0;} .NyCrumb_Main p img.CrumbJt { display:inline-block; width:12px; height:12px; vertical-align:middle; margin:-2px 8px 0;} .NyCrumb_Main p a { color:#333;} .NyCrumb_Main p a:hover { color:#1e7be8;} .NyCrumb_Main p span { color:#999;} @media (max-width:1440px) { .NyCrumb { margin:0 auto 40px;} .NyCrumb .NyCrumb_Main { width:100%; height:60px;} .NyCrumb_Main ul li { height:60px;} .NyCrumb_Main ul li a { height:60px; line-height:60px; font-size:18px; padding:0 40px;} .NyCrumb_Main p { height:60px; line-height:40px; font-size:15px;} .NyCrumb_Main ul li em { margin:21px auto;} } @media (max-width:1200px) { .NyCrumb_Main ul li a { padding:0 30px;} .NyCrumb_Main p { font-size:14px;} } @media (max-width:1024px) { .NyCrumb { margin:0 auto 30px;} .NyCrumb_Main ul li a { font-size:16px;} } @media (max-width:800px) { .NyCrumb { margin:0 auto 25px;} .NyCrumb .NyCrumb_Main { height:50px;} .NyCrumb_Main ul li { height:50px;} .NyCrumb_Main ul li a { height:50px; line-height:50px; padding:0 20px;} .NyCrumb_Main p { height:50px; padding:5px 15px 5px 0;} .NyCrumb_Main p img.CrumbJt { margin:-2px 6px 0;} .NyCrumb_Main ul li em { margin:16px auto;} } @media (max-width:767px) { .NyCrumb { margin:0 auto 16px;} .NyCrumb .NyCrumb_Main { height:auto;} .NyCrumb_Main ul { width:100%; border-bottom:1px solid #f0f0f0; float:inherit;} .NyCrumb_Main ul li a { font-size:15px;} .NyCrumb_Main p { width:100%; max-width:100%; height:auto; line-height:30px; margin:0 auto; padding:10px 12px;} } /*NyAboutus标题 开始*/ .ly_Title1 { width:100%; overflow:hidden; margin:0 auto 40px; padding:0;} .ly_Title1 p { width:100%; height:40px; line-height:40px; color:#333; font-size:36px; font-weight:bold; text-align:center; margin:0 auto; padding:0;} .ly_Title2 p { color:#fff;} .ly_Title1 span { display:block; width:144px; height:13px; margin:17px auto 0; padding:0; background:url(../images/line01.png) center center repeat-x;} .ly_Title1 span i { display:block; width:13px; height:13px; margin:0 auto; padding:0; background-color:#1e7be8;} @media (max-width:1440px) { .ly_Title1 { margin:0 auto 30px;} .ly_Title1 p { height:36px; line-height:36px; font-size:32px;} .ly_Title1 span { width:128px; height:9px; margin:15px auto 0;} .ly_Title1 span i { width:9px; height:9px;} } @media (max-width:1280px) { .ly_Title1 p { height:32px; line-height:32px; font-size:30px;} .ly_Title1 span { width:120px;} } @media (max-width:1200px) { .ly_Title1 p { font-size:28px;} } @media (max-width:1080px) { .ly_Title1 p { height:30px; line-height:30px; font-size:26px;} .ly_Title1 span { margin:10px auto 0;} } @media (max-width:767px) { .ly_Title1 { margin:0 auto 20px;} .ly_Title1 p { height:30px; line-height:30px; font-size:24px;} .ly_Title1 span { width:96px; height:5px; margin:5px auto 0;} .ly_Title1 span i { width:5px; height:5px;} } @media (max-width:320px) { .ly_Title1 p { font-size:22px;} } /*NyAboutus标题 结束*/ /*NyAboutus 开始*/ .NyAboutus { width:100%; height:auto; min-height:320px; margin:0 auto; padding:0;} .NyTitle { width:100%; height:auto; margin:0 auto 40px; padding:0;} .NyTitle p { width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:36px; font-weight:bold; text-align:center; margin:0 auto 10px; padding:0;} .NyTitle i { display:block; width:143px; height:13px; overflow:hidden; margin:0 auto; padding:0; background:url(../images/line04.png) center center no-repeat;} .NyTitle1 p { color:#fff;} .NyAboutus .NyAboutus_Profile { width:100%; height:auto; margin:0 auto; padding:80px 0; background-color:#edf0f7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyAboutus_Profile .NyAboutus_Con { width:1400px; height:auto; margin:0 auto; padding:0;} .NyAboutus_Con .NyAboutus_Img { width:47%; height:auto; margin:0; padding:40px 40px 40px 0; background:url(../images/nyabbg.png) 250px 0 no-repeat; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* 永迪定制：图片框固定 4:3 比例，高度随宽度自动算，任何屏幕都不变比例 → 图永不裁切（原为各断点写死 390/370/350…180px） */ .NyAboutus_Img p { display:block; width:100%; height:auto; aspect-ratio:4 / 3; overflow:hidden; margin:0; padding:0; background-color:#fff; position:relative;} .NyAboutus_Img p img { display:block; width:100%; height:100%; overflow:hidden; object-fit:cover; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} .NyAboutus_Con .NyAboutus_Text { width:53%; height:470px; margin:0; padding:40px; background-color:#333; float:right; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyAboutus_Text em { display:block; width:100%; height:auto; line-height:64px; color:rgba(255,255,255,0.04); font-family: "RobotoBold"; font-size:72px; font-style:normal; margin:0 auto; padding:0;} .NyAboutus_Text .NyAb_Name { width:100%; height:auto; line-height:36px; color:#fff; font-size:28px; font-weight:bold; margin:-20px auto 40px; padding:0;} .NyAboutus_Text .NyAb_Ms { width:100%; height:auto; max-height:240px; overflow-y:scroll; line-height:30px; color:rgba(255,255,255,0.45); font-size:16px; text-indent:2em; word-break:break-all; text-align:justify; margin:0 auto; padding:0 20px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyAboutus_Text .NyAb_Ms::-webkit-scrollbar { width:3px;} .NyAboutus_Text .NyAb_Ms p { line-height:30px; color:rgba(255,255,255,0.45); font-size:16px; text-indent:2em; word-break:break-all; text-align:justify; margin:0 auto; padding:0;} .NyAboutus_Text i { display:block; width:3px; height:80%; margin:0; padding:0; background-color:#1e7be8; position:absolute; left:0; top:0;} /* 永迪定制：企业文化改为深色科技感底（原为亮蓝建筑图 nyabbg1.png，与首页 banner 深色调统一） */ .NyAboutus .NyAboutus_Culture { width:100%; height:auto; margin:0 auto; padding:80px 0; position:relative; background-color:#08111f; background-image: radial-gradient(900px 420px at 50% -6%, rgba(30,123,232,.26), rgba(30,123,232,0) 70%), radial-gradient(760px 420px at 8% 108%, rgba(46,137,255,.16), rgba(46,137,255,0) 70%), radial-gradient(760px 420px at 96% 96%, rgba(30,123,232,.13), rgba(30,123,232,0) 70%), linear-gradient(rgba(120,170,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(120,170,255,.055) 1px, transparent 1px); background-size: auto, auto, auto, 64px 64px, 64px 64px; background-position: center top, center bottom, center bottom, center center, center center; background-repeat: no-repeat, no-repeat, no-repeat, repeat, repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyAboutus .NyAboutus_Culture .ly_Title1 span{ background:linear-gradient(to right, rgba(255,255,255,.20), rgba(255,255,255,.20)) center center/100% 1px no-repeat;} .NyAboutus .NyAboutus_Culture .ly_Title1 span i{ background:#2e89ff; -webkit-box-shadow:0 0 14px rgba(46,137,255,.85); box-shadow:0 0 14px rgba(46,137,255,.85);} .NyAboutus_Culture .NyAbCulture_Main { width:1400px; height:auto; margin:0 auto; padding:0;} .NyAbCulture_Main ul li { width:23.5%; height:auto; margin:0 2% 0 0; padding:60px 40px; float:left; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color:rgba(255,255,255,.055); border:1px solid rgba(140,180,255,.16); border-radius:2px; -webkit-box-shadow:0 18px 40px rgba(0,0,0,.30); box-shadow:0 18px 40px rgba(0,0,0,.30);} .NyAbCulture_Main ul li:nth-child(4) { margin:0;} .NyAbCulture_Main ul li:hover { background-color:rgba(30,123,232,.20); border-color:rgba(70,150,255,.70);} .NyAbCulture_Main ul li i { display:block; width:90px; height:90px; overflow:hidden; margin:0 auto 20px; padding:0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;} .NyAbCulture_Main ul li i.AbIco1 { background: url(../images/abico1.png) center center no-repeat; background-size:100% 100%;} .NyAbCulture_Main ul li i.AbIco2 { background: url(../images/abico2.png) center center no-repeat; background-size:100% 100%;} .NyAbCulture_Main ul li i.AbIco3 { background: url(../images/abico3.png) center center no-repeat; background-size:100% 100%;} .NyAbCulture_Main ul li i.AbIco4 { background: url(../images/abico4.png) center center no-repeat; background-size:100% 100%;} .NyAbCulture_Main ul li:hover i.AbIco1 { background: url(../images/abico01.png) center center no-repeat; background-size:100% 100%;} .NyAbCulture_Main ul li:hover i.AbIco2 { background: url(../images/abico02.png) center center no-repeat; background-size:100% 100%;} .NyAbCulture_Main ul li:hover i.AbIco3 { background: url(../images/abico03.png) center center no-repeat; background-size:100% 100%;} .NyAbCulture_Main ul li:hover i.AbIco4 { background: url(../images/abico04.png) center center no-repeat; background-size:100% 100%;} .NyAbCulture_Main ul li p { width:100%; height:auto; line-height:30px; color:#fff; font-size:24px; text-align:center; margin:0 auto; padding:0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;} .NyAbCulture_Main ul li em { display:block; width:50px; height:2px; margin:10px auto 20px; padding:0; background: url(../images/line05.png) center center no-repeat; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;} .NyAbCulture_Main ul li span { display:block; width:100%; height:50px; overflow:hidden; line-height:25px; color:rgba(255,255,255,.60); font-size:15px; text-align:center; margin:0 auto; padding:0; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;} .NyAbCulture_Main ul li:hover span { color:rgba(255,255,255,0.92);} /* 永迪定制：企业文化卡片 hover 反白（主色改蓝后原模板黄底深字配色失效） */ .NyAbCulture_Main ul li:hover p { color:#fff;} .NyAbCulture_Main ul li:hover em { background:none; background-color:rgba(255,255,255,0.45); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .NyAbCulture_Main ul li:hover { box-shadow:0 14px 40px rgba(30,123,232,0.35);} .NyAboutus .NyAboutus_Honor { width:100%; height:auto; margin:0 auto; padding:80px 0; background-color:#edf0f7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyAboutus_Honor .NyAboutusHonor_Main { width:1400px; height:auto; margin:0 auto; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyAboutusHonor_Main .NyAboutusHonor_List { width:100%; height:auto; min-height:240px;padding:0 70px; position:relative;} .NyAboutusHonor_List .swiper-container03 { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0; position:relative;} .NyAboutusHonor_List .swiper-container03 .swiper-slide { height:auto; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyAboutusHonor_List .swiper-container03 .swiper-slide .NyAboutusHonor_Img { width:100%; height:240px; overflow:hidden; margin:0 auto 10px; padding:0; background-color:#fff; box-shadow:0 0 0 rgba(0,0,0,0.06); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyAboutusHonor_List .swiper-container03 .swiper-slide:hover .NyAboutusHonor_Img { box-shadow:0 0 10px rgba(0,0,0,0.06);} .NyAboutusHonor_List .swiper-container03 .swiper-slide .NyAboutusHonor_Img a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;} .NyAboutusHonor_List .swiper-container03 .swiper-slide .NyAboutusHonor_Img a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyAboutusHonor_List .swiper-container03 .swiper-slide:hover .NyAboutusHonor_Img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} .NyAboutusHonor_List .swiper-container03 .swiper-slide a.NyAboutusHonor_Name { display:block; width:100%; height:40px; overflow:hidden; line-height:30px; color:#333; font-size:20px; font-weight:bold; text-align:center; white-space:nowrap; text-overflow:ellipsis; margin:0 auto;border-bottom:1px solid #e6e6e6;} .NyAboutusHonor_List .swiper-container03 .swiper-slide:hover a.NyAboutusHonor_Name { color:#1e7be8; border-bottom:1px solid #1e7be8;} .NyAboutusHonor_List .swiper-button-prev3, .NyAboutusHonor_List .swiper-button-next3 { width:40px!important; height:40px!important; margin:-20px 0 0!important; border-radius:50%; position:absolute; top:50%!important; bottom:0!important; opacity:1; cursor:pointer;} .NyAboutusHonor_List .swiper-button-prev3 { background:url(../images/prev01.png) center center no-repeat; left:0;} .NyAboutusHonor_List .swiper-button-next3 { background:url(../images/next01.png) center center no-repeat; right:0;} .NyAboutusHonor_List .swiper-button-prev3:hover { background:url(../images/prev02.png) center center no-repeat;} .NyAboutusHonor_List .swiper-button-next3:hover { background:url(../images/next02.png) center center no-repeat;} @media (max-width:1450px) { .NyAboutus .NyAboutus_Profile { padding:60px;} .NyAboutus_Profile .NyAboutus_Con { width:100%;} .NyAboutus_Con .NyAboutus_Text { height:450px;} .NyAboutus_Text em { line-height:60px; font-size:68px;} .NyAboutus .NyAboutus_Culture { padding:60px;} .NyAboutus_Culture .NyAbCulture_Main { width:100%;} .NyAbCulture_Main ul li { padding:60px 30px;} .NyAboutus .NyAboutus_Honor { padding:60px;} .NyAboutus_Honor .NyAboutusHonor_Main { width:100%;} .NyAboutusHonor_Main .NyAboutusHonor_List { margin:0; padding:0 60px;} .NyAboutusHonor_List .swiper-container03 .swiper-slide .NyAboutusHonor_Img { height:240px;} } @media (max-width:1366px) { .NyAboutus_Con .NyAboutus_Text { height:430px;} .NyAboutus_Text em { line-height:50px; font-size:60px;} .NyAboutus_Text .NyAb_Name { line-height:32px; font-size:26px; margin:-20px auto 30px;} .NyAboutus_Text .NyAb_Ms { font-size:15px;} } @media (max-width:1280px) { .NyAboutus_Con .NyAboutus_Text { height:410px;} .NyAboutus_Text em { line-height:48px; font-size:54px;} .NyAboutus_Text .NyAb_Name { line-height:30px; font-size:24px; margin:-20px auto 20px;} .NyAbCulture_Main ul li { padding:50px 25px;} .NyAboutusHonor_List .swiper-container03 .swiper-slide .NyAboutusHonor_Img { height:200px;} } @media (max-width:1200px) { .NyAboutus .NyAboutus_Profile { padding:60px 40px;} .NyAboutus_Con .NyAboutus_Img { padding:30px 30px 30px 0;} .NyAboutus_Con .NyAboutus_Text { height:380px; padding:30px;} .NyAboutus_Text .NyAb_Ms { max-height:208px; line-height:26px; font-size:14px;} .NyAboutus .NyAboutus_Culture { padding:60px 40px;} .NyAbCulture_Main ul li { padding:40px 20px;} .NyAbCulture_Main ul li span { height:48px; line-height:24px; font-size:14px;} .NyAboutus .NyAboutus_Honor { padding:60px 40px;} .NyAboutusHonor_Main .NyAboutusHonor_List { min-height:180px; margin:0; padding:0 40px;} .NyAboutusHonor_List .swiper-container03 .swiper-slide .NyAboutusHonor_Img { height:200px;} } @media (max-width:1080px) { .NyAboutus_Con .NyAboutus_Text { height:360px;} .NyAboutus_Text .NyAb_Ms { max-height:192px; line-height:24px;} .NyAbCulture_Main ul li { padding:30px 20px;} .NyAbCulture_Main ul li i { width:80px; height:80px;} .NyAbCulture_Main ul li p { font-size:22px;} .NyAboutusHonor_List .swiper-container03 .swiper-slide .NyAboutusHonor_Img { height:240px;} .NyAboutusHonor_List .swiper-container03 .swiper-slide a.NyAboutusHonor_Name { font-size:18px;} } @media (max-width:1024px) { .NyAboutus .NyAboutus_Profile { padding:40px;} .NyAboutus_Con .NyAboutus_Text { height:340px;} .NyAboutus_Text em { line-height:44px; font-size:50px;} .NyAboutus_Text .NyAb_Name { font-size:22px;} .NyAboutus .NyAboutus_Culture { padding:40px;} .NyAbCulture_Main ul li { padding:30px 15px;} .NyAbCulture_Main ul li i { width:70px; height:70px;} .NyAbCulture_Main ul li p { font-size:20px;} .NyAbCulture_Main ul li span { height:44px; line-height:22px;} .NyAboutus .NyAboutus_Honor { padding:40px;} } @media (max-width:800px) { .NyAboutus .NyAboutus_Profile { padding:40px 20px;} .NyAboutus_Con .NyAboutus_Img { width:100%; margin:0 auto; padding:20px 20px 20px 0; float:inherit;} .NyAboutus_Con .NyAboutus_Text { width:100%; height:auto; margin:0 auto; padding:20px; float:inherit;} .NyAboutus_Text i { width:60%; height:3px; left:inherit; right:0;} .NyAboutus_Text .NyAb_Ms { padding:0; max-height:inherit; display:inherit; text-overflow: inherit; -webkit-line-clamp: inherit; -webkit-box-orient: inherit;min-height: 200px;} .NyAboutus_Text .NyAb_Ms::-webkit-scrollbar { width:0;} .NyAboutus .NyAboutus_Culture { padding:40px 20px;} .NyAbCulture_Main ul li i { width:60px; height:60px;} .NyAbCulture_Main ul li p { font-size:18px;} .NyAbCulture_Main ul li span { height:60px; line-height:20px; -webkit-line-clamp:3;} .NyAboutusHonor_List .swiper-container03 .swiper-slide .NyAboutusHonor_Img { height:180px; margin:0 auto;} } @media (max-width:767px) { .NyAboutus .NyAboutus_Profile { padding:30px 12px;} .NyAboutus_Con .NyAboutus_Img { padding:12px 12px 12px 0; background:url(../images/nyabbg.png) 80px 0 no-repeat;} .NyAboutus .NyAboutus_Culture { padding:20px 12px;} .NyAbCulture_Main ul li { width:48.5%; height:auto; margin:0 3% 12px 0; padding:40px 12px 20px;} .NyAbCulture_Main ul li:nth-child(4) { margin:0 3% 12px 0;} .NyAbCulture_Main ul li:nth-child(2n+2) { margin:0 0 12px 0;} .NyAboutus .NyAboutus_Honor { padding:20px 12px;} .NyAboutusHonor_Main .NyAboutusHonor_List { margin:0 auto; padding:0;} .NyAboutusHonor_List .swiper-container03 .swiper-slide .NyAboutusHonor_Img { height:140px;} .NyAboutusHonor_List .swiper-container03 .swiper-slide a.NyAboutusHonor_Name { font-size:16px;} .NyAboutusHonor_List .swiper-button-prev3, .NyAboutusHonor_List .swiper-button-next3 { display:none;} } @media (max-width:375px) { .NyAboutus_Con .NyAboutus_Img { background:url(../images/nyabbg.png) 60px 0 no-repeat;} .NyAboutusHonor_List .swiper-container03 .swiper-slide a.NyAboutusHonor_Name { padding:5px 0; font-size:15px;} } @media (max-width:320px) { .NyAboutus_Con .NyAboutus_Img { background:url(../images/nyabbg.png) 40px 0 no-repeat;} .NyAboutus_Text em { line-height:32px; font-size:40px;} .NyAboutus_Text .NyAb_Name { font-size:20px;} .NyAbCulture_Main ul li { width:100%; height:auto; margin:0 auto 12px; padding:20px 12px;} .NyAbCulture_Main ul li:nth-child(2n+2), .NyAbCulture_Main ul li:nth-child(4) { margin:0 auto 12px;} .NyAbCulture_Main ul li span { height:40px; line-height:20px; -webkit-line-clamp:2;} .NyAboutusHonor_List .swiper-container03 .swiper-slide .NyAboutusHonor_Img { height:220px;} .NyAboutusHonor_List .swiper-container03 .swiper-slide a.NyAboutusHonor_Name { padding:10px 0; font-size:18px;} } /*NyAboutus 结束*/ /*NyDown 开始*/ .NyDown { width:100%; overflow:hidden; margin:0 auto; padding:80px 0; background-color:#edf0f7;} .NyDown .NyDown_Main { width:1400px; height:auto; margin:0 auto; padding:0; min-height:320px;} .NyDown_Main .NyDown_List { width:100%; height:auto; margin:0 auto; padding:0;} .NyDown_List ul li { width:48.5%; height:auto; margin:0 3% 30px 0; padding:0 100px 0 0; background-color:#fff; box-shadow:0 0 0 rgba(0,0,0,0); float:left; position:relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyDown_List ul li:nth-child(2n+2) { margin:0 0 30px;} .NyDown_List ul li:hover { box-shadow:0 0 10px rgba(0,0,0,0.06);} .NyDown_List ul li .NyDown_Btn { width:100px; height:100px; margin:0; padding:0; border-left:1px solid #e6e6e6; position:absolute; top:0; right:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyDown_List ul li .NyDown_Btn a { display:block; width:100px; height:100px; margin:0 auto; padding:25px 0;} .NyDown_List ul li .NyDown_Btn a i.DwIco { display:block; width:50px; height:50px; margin:0 auto; padding:0; background:url(../images/down.png) center center no-repeat; background-size:100% 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyDown_List ul li:hover .NyDown_Btn { border-left:1px solid #1e7be8;} .NyDown_List ul li:hover .NyDown_Btn a i.DwIco { background:url(../images/down1.png) center center no-repeat; background-size:100% 100%;} .NyDown_List ul li .NyDown_Text { width:100%; height:100px; overflow:hidden; margin:0; padding:15px 20px;} .NyDown_List ul li .NyDown_Text a.NyDown_Name { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:20px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; margin:0 auto 6px; padding:0 0 0 13px; position:relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; } .NyDown_List ul li .NyDown_Text a.NyDown_Name i { display:block; width:3px; height:20px; margin:0; padding:0; background-color:#1e7be8; position:absolute; left:0; top:10px;} .NyDown_List ul li .NyDown_Text span { display:block; width:100%; height:24px; overflow:hidden; line-height:24px; color:#999; font-size:14px; margin:0 auto; padding:0;} .NyDown_List ul li .NyDown_Text span img { display:block; width:18px; height:18px; margin:2px 6px 2px 0; padding:0; float:left;} .NyDown_List ul li:hover .NyDown_Text a.NyDown_Name { color:#1e7be8;} .DownABtn a { display:block; width:160px; height:44px; line-height:44px; color:#fff; font-size:16px; margin:20px auto 0; padding:0 33px; background:#1e7be8 url(../images/down2.png) 104px 8px no-repeat; background-size:28px 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .DownABtn a:hover { background-color:#666;} @media (max-width:1440px) { .NyDown { padding:60px;} .NyDown .NyDown_Main { width:100%;} .NyDown_Main #fengye { margin:30px auto 0;} } @media (max-width:1200px) { .NyDown { padding:60px 40px;} .NyDown_List ul li .NyDown_Text a.NyDown_Name { font-size:18px;} .NyDown_List ul li .NyDown_Text a.NyDown_Name i { height:18px; top:11px;} } @media (max-width:800px) { .NyDown { padding:40px 20px;} .NyDown_List ul li { width:100%; height:auto; margin:0 auto 20px; float:inherit;} .NyDown_List ul li:nth-child(2n+2) { margin:0 auto 20px;} .NyDown_Main #fengye { margin:20px auto 0;} } @media (max-width:767px) { .NyDown { padding:30px 12px;} .NyDown_List ul li { width:100%; height:auto; margin:0 auto 20px; padding:0 60px 0 0; float:inherit;} .NyDown_List ul li:nth-child(2n+2) { margin:0 auto 20px;} .NyDown_List ul li .NyDown_Text { height:80px; padding:10px 12px;} .NyDown_List ul li .NyDown_Text a.NyDown_Name { height:36px; line-height:36px; margin:0 auto;} .NyDown_List ul li .NyDown_Text a.NyDown_Name i { top:9px;} .NyDown_List ul li .NyDown_Btn { width:60px; height:80px;} .NyDown_List ul li .NyDown_Btn a { width:60px; height:80px; padding:20px 0;} .NyDown_List ul li .NyDown_Btn a i.DwIco { width:40px; height:40px;} .NyDown_Main #fengye { margin:0 auto;} } @media (max-width:375px) { .NyDown_List ul li .NyDown_Text a.NyDown_Name { font-size:16px;} } @media (max-width:320px) { } /*NyDown 结束*/ /*分页样式 开始*/ #fengye { margin:40px auto 0; color:#666; font-size:15px; text-align:center;} #fengye a { display:inline-block; padding:0 15px; background-color:#fff; height:30px; line-height:30px; text-align: center; margin:0 5px; border-radius:2px; color:#666; font-size:14px; border:1px solid #ddd;} #fengye a:hover { background-color:#1e7be8; color:#fff; border:1px solid #1e7be8;} #fengye a.pnnum1 { background-color:#1e7be8; color:#fff; border:1px solid #1e7be8;} #fengye input { display:inline-block; padding:0 5px; background-color:#1e7be8; width:40px!important; height:30px!important; line-height:30px; text-align:center; border-radius:2px; margin:0 5px; color:#fff; cursor:pointer; border:0; outline:none;} #fengye .p_input { display:inline-block; padding:0 5px; background-color:#fff; width:40px!important; height:30px; line-height:28px; text-align:center; margin:0 5px; color:#555; font-size:14px; cursor:default; border:1px solid #efefef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} @media (max-width:1440px) { #fengye { margin:30px auto 0;} } @media (max-width:1079px) { #fengye { margin:25px auto 0;} } @media (max-width:767px) { #fengye { margin:8px auto 0; font-size:0;} #fengye .p_input, #fengye input { display:none;} } @media (max-width:320px) { #fengye a { padding:0 10px;} } /*分页样式 结束*/ /*内页成功案例*/ .Nycase{ width:100%; overflow:hidden; margin:0 auto; padding:80px 0; background-color:#edf0f7;} /*lyNy_video 开始*/ .case_main{width:100%; height:auto; min-height:400px; margin:0 auto; padding:60px 3%; background:#fff; border-top:10px solid #1e7be8;} .case_main ul li { width:31%; height:auto; margin:0 3.5% 50px 0; padding:0; background-color:#eceef0; float:left; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .case_main ul li:nth-child(3n+3) { margin:0 0 50px;} .case_main ul li .lyNyVideo_img { width:100%; height:300px; margin:0 auto; padding:0; cursor:pointer; position:relative;} .case_main ul li .lyNyVideo_img a { display: block; width: 100%; height: 100%; margin:0 auto; padding:0; position: relative;} .case_main ul li .lyNyVideo_img a img { display:block; width:100%; height:100%; object-fit:cover; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} .case_main ul li .lyNyVideo_img a:after { display:block; width:53px; height:54px; background:url(../images/case_icon.png) center center no-repeat; background-size:contain; position:absolute; bottom:-5%; right:5%; z-index:1; content:'';} .case_main ul li .lyNyCase_img a:after { background:url(../images/ck_icon.png) center center no-repeat;} .case_main ul li .lyNyVideo_text { padding:20px;} .ny_honor ul li .lyNyVideo_text{ text-align:center;} .case_main ul li .lyNyVideo_text a.VideoName { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#303030; font-size:22px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; margin:0 auto; padding:0;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .ny_honor ul li .lyNyVideo_text a.VideoName{margin:0 auto 10px;} .case_main ul li:hover{box-shadow:0 10px 20px rgba(0,0,0,0.4);} .case_main ul li:hover .lyNyVideo_text a.VideoName { color:#0592d7;} .case_main ul li .lyNyVideo_text p { width:100%; height:48px; overflow:hidden; line-height:24px; color:#999; font-size:14px; margin:10px auto 15px; padding:0; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;} .case_main ul li .lyNyVideo_text a.VideoBtn { display:inline-block; width:auto; height:40px; overflow:hidden; line-height:40px; color:#999; background:#eceef0; font-size:15px; text-align:center; margin:0 auto; padding:0 30px; border:1px solid #ddd; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .case_main ul li .lyNyVideo_text a.CaseBtn i { background:url(../images/jt1.png) center center no-repeat;} .case_main ul li:hover .lyNyVideo_text a.VideoBtn { color:#fff; border:1px solid #eceef0;background: linear-gradient(to right, #1e7be8, #2dbcfe);} .case_main ul li:hover .lyNyVideo_text a.CaseBtn i { background:url(../images/jt0.png) center center no-repeat; margin:-3px 0 0 15px;} @media (max-width:1440px) { .Nycase{padding:60px 0;} .case_main ul li .lyNyVideo_img { height:280px;} } @media (max-width:1366px) { .case_main ul li .lyNyVideo_img { height:270px;} } @media (max-width:1280px) { .case_main{padding: 40px 3%;} .case_main ul li .lyNyVideo_img { height:250px;} } @media (max-width:1200px) { .case_main ul li .lyNyVideo_img { height:240px;} } @media (max-width:1080px) { .case_main ul li { width:31.333333%; height:auto; margin:0 3% 40px 0; padding:0;} .case_main ul li:nth-child(3n+3) { margin:0 0 40px;} .case_main ul li .lyNyVideo_img { height:220px;} .case_main ul li .lyNyVideo_text { padding:15px 20px 20px;} .case_main ul li .lyNyVideo_text a.VideoName { font-size:18px;} .case_main ul li .lyNyVideo_text p { margin:5px auto 15px;} } @media (max-width:1024px) { .case_main{ padding:30px 3%;} .case_main ul li { width:31.333333%; height:auto; margin:0 3% 30px 0; padding:0;} .case_main ul li:nth-child(3n+3) { margin:0 0 30px;} .case_main ul li .lyNyVideo_img { height:210px;} } @media (max-width:800px) { .case_main ul li { width:48.5%; height:auto; margin:0 3% 30px 0; padding:0;} .case_main ul li:nth-child(3n+3) { margin:0 3% 30px 0;} .case_main ul li:nth-child(2n+2) { margin:0 0 30px;} .case_main ul li .lyNyVideo_img { height:230px;} } @media (max-width: 767px) { .Nycase{ padding:25px 0;} .case_main {padding:20px 3%;} } @media (max-width: 425px) { .case_main ul li { width:100%; height:auto; margin:0 auto 20px; padding:0; float: inherit;} .case_main ul li:nth-child(2n+2), .case_main ul li:nth-child(3n+3) { margin:0 auto 20px;} .case_main ul li .lyNyVideo_img { height:230px;} .case_main ul li .lyNyVideo_text a.VideoBtn { padding:0 20px;} .case_main ul li .lyNyVideo_img { height:220px;} } @media (max-width: 375px) { .case_main ul li .lyNyVideo_img { height:220px;} } @media (max-width: 320px) { .case_main ul li .lyNyVideo_img { height:200px;} } /*lyNy_video 结束*/ /*产品列表页*/ .nyprobox .cp_type .bd ul{ background:#fff;min-height: 200px;} .nyprobox .cp_type .bd ul li p{border-bottom: 1px solid rgba(0,0,0,.1);} .nyprobox .cp_type .bd ul li.on:last-child p{border-bottom: 1px solid rgba(0,0,0,.1);} .nyprobox .cp_type .bd ul li p a{ color:#333;} .nyprobox .cp_type .bd ul li p:hover a, .nyprobox .cp_type .bd ul li.on p a { color: #1e7be8;} /* 浅色侧栏下的型号说明：深灰，选中时转品牌蓝 */ .nyprobox .cp_type .bd ul li p em.catdesc{ color:rgba(0,0,0,.42);} .nyprobox .cp_type .bd ul li:hover p em.catdesc, .nyprobox .cp_type .bd ul li.on p em.catdesc{ color:rgba(30,123,232,.9);} .nyprobox .cp_type .bd ul li div a{color:#999;} .nyprobox .cp_type .bd ul li div a:hover{color:#1e7be8;} .nyprobox .cp_type .bd ul li div a.on2{color:#1e7be8;} .nyprobox .xxwz{ margin-top:36px;} .nyprobox .xxwz .bd ul li p:before{ content:""; display:block; width:3px; height:24px; background:#1e7be8; float:left; margin-top:0;} .nyprobox .xxwz .bd ul li p a{width: calc(100% - 15px); float:right;} @media (max-width:1079px) { .nyprobox .xxwz{ margin:15px 0;} } @media (max-width:767px) { .nyprobox .cp_type .hd span{ font-size:18px;} .nyprobox .cp_type .hd i{ top:-3px;} .nyprobox .cp_type .bd ul{ min-height:150px;} .nyprobox .xxwz .bd ul li p:before{height:20px;margin-top:18px;} } .nyprobox .nyright{ width: calc(100% - 345px);float: right;} .nyprobox .nyprori ul li { width:100%; height:auto; margin:0 auto 30px; padding:20px; background-color:#fff; box-shadow:0 0 0 rgba(0,0,0,0.06); position:relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .nyprobox .nyprori ul li:hover { box-shadow:0 0 20px rgba(0,0,0,0.06);} .nyprobox .nyprori ul li .NyProlist_Img { width:28.5%; height:200px; overflow:hidden; margin:0; padding:0; float:left;} .nyprobox .nyprori ul li .NyProlist_Img a { display:block; width:100%; height:100%; overflow:hidden; margin:0; padding:0; background-color:#fff; border:1px solid #eee; position:relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nyprobox .nyprori ul li .NyProlist_Img a img { display:block; max-width:100%; max-height:100%; overflow:hidden; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .nyprobox .nyprori ul li:hover .NyProlist_Img a { border:1px solid #1e7be8;} .nyprobox .nyprori ul li:hover .NyProlist_Img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} .nyprobox .nyprori ul li .NyProlist_Text { width:71.5%; height:auto; overflow:hidden; margin:0; padding:15px 15px 25px 30px; float:right; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .nyprobox .nyprori ul li .NyProlist_Text .NyProlist_Name { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0;} .nyprobox .nyprori ul li .NyProlist_Text .NyProlist_Name a { display:block; width:100%; height:38px; overflow:hidden; line-height:38px; color:#333; font-size:20px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .nyprobox .nyprori ul li:hover .NyProlist_Text .NyProlist_Name a { color:#1e7be8;} .nyprobox .nyprori ul li .NyProlist_Text .NyProlist_Ms { width:100%; height:auto; overflow:hidden; margin:10px auto 20px; padding:0;} .nyprobox .nyprori ul li .NyProlist_Text .NyProlist_Ms p { width:100%; height:56px; overflow:hidden; line-height:28px; color:#999; font-size:16px; word-break:break-all; text-align:justify; margin:0 auto; padding:0; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .nyprobox .nyprori ul li .NyProlist_Text .NyProlist_Tags { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0;} .nyprobox .nyprori ul li .NyProlist_Text .NyProlist_Tags dl { width:100%; height:auto; margin:0 auto; padding:0;} .nyprobox .nyprori ul li .NyProlist_Text .NyProlist_Tags dl dd { display:block; width:auto; max-width:40%; height:36px; overflow:hidden; line-height:36px; color:#999; font-size:14px; white-space:nowrap; text-overflow:ellipsis; margin:0 2% 0 0; padding:0 15px; background-color:#edf0f7; position:relative; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .nyprobox .nyprori ul li .NyProlist_Text .NyProlist_Tags dl dd:nth-child(3) { margin:0;} .nyprobox .nyprori ul li .NyProlist_Text .NyProlist_Tags dl dd img { display:inline-block; width:16px; height:16px; vertical-align:middle; margin:-2px 4px 0 0; padding:0;} .nyprobox .nyprori ul li a.NyProlist_More { display:block; width:50px; height:50px; margin:0; padding:0; position:absolute; right:0; bottom:0; opacity:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .nyprobox .nyprori ul li a.NyProlist_More img { display:block; width:100%; height:100%; margin:0; padding:0;} .nyprobox .nyprori ul li:hover a.NyProlist_More { opacity:1;} @media (max-width:1399px) { .nyprobox .nyright {width: calc(100% - 285px); float: right;} .nyprobox .nyprori ul li .NyProlist_Img { height:194px;} .nyprobox .nyprori ul li .NyProlist_Text .NyProlist_Ms p { height:50px; line-height:25px; font-size:15px;} .nyprobox .nyprori ul li .NyProlist_Text .NyProlist_Tags dl dd { margin:0 15px 0 0;} } @media (max-width:1250px) { .nyprobox .nyprori ul li .NyProlist_Text .NyProlist_Tags dl dd{margin: 0 10px 0 0;padding: 0 10px; font-size:13px;} .nyprobox .nyprori ul li .NyProlist_Text .NyProlist_Tags dl dd img{ display:none;} } @media (max-width:1079px) { .nyprobox .nyright{ width:100%;margin-top: 15px;} .nyprobox .nyprori ul li { margin:0 auto 20px; padding:20px;} .nyprobox .nyprori ul li .NyProlist_Img { height:200px;} .nyprobox .nyprori ul li .NyProlist_Text { padding:5px 10px 0 20px;} .nyprobox .nyprori ul li .NyProlist_Text .NyProlist_Ms p { height:48px; line-height:24px; font-size:14px;} .nyprobox .nyprori ul li .NyProlist_Text .NyProlist_Tags dl dd { max-width:48%; height:30px; line-height:30px; margin:0 2% 5px 0;font-size:14px;} } @media (max-width:767px) { .nyprobox .nyprori ul li { margin:0 auto 10px; padding:10px;} .nyprobox .nyprori ul li .NyProlist_Img { width:100%; height:250px; margin:0 auto; padding:0; float:inherit;} .nyprobox .nyprori ul li .NyProlist_Text { width:100%; margin:0 auto; padding:10px 0; float:inherit;} .nyprobox .nyprori ul li .NyProlist_Text .NyProlist_Name a{ font-size:18px;} .nyprobox .nyprori ul li .NyProlist_Text .NyProlist_Ms{ display:none;} .nyprobox .nyprori ul li .NyProlist_Text .NyProlist_Tags dl dd { width:100%; max-width:100%; margin:10px auto 0;padding: 0 15px; float:inherit;} .nyprobox .nyprori ul li .NyProlist_Text .NyProlist_Tags dl dd:nth-child(3) { margin:10px auto 0;} .nyprobox .nyprori ul li a.NyProlist_More { width:30px; height:30px;} } @media (max-width:320px) { .nyprobox .nyprori ul li .NyProlist_Img { height:200px;} } /*内页产品中心*/ .nyprobox .nyprocont ul li{ width:48.8%; margin-right:2.4%; float:left; box-shadow: inset 0 0 0 5px #e7ebf3;background: #fff; padding:24px; margin-bottom:24px; overflow:hidden;position:relative;transition: all .4s ease;} .nyprobox .nyprocont ul li:nth-child(2n){ margin-right:0;} .nyprobox .nyprocont ul li::before, .nyprobox .nyprocont ul li::after { box-sizing: inherit; content: '';position: absolute;width: 100%; height: 100%;top: 0;left: 0;} .nyprobox .nyprocont ul li::before { border-top: 5px solid #1e7be8; border-bottom: 5px solid #1e7be8;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transform-origin:left; transform-origin:left;} .nyprobox .nyprocont ul li::after {border-left: 5px solid #1e7be8;border-right: 5px solid #1e7be8; -webkit-transform: scale3d(1, 0, 1);transform: scale3d(1, 0, 1);-webkit-transform-origin:bottom; transform-origin:bottom;} .nyprobox .nyprocont ul li:hover::before, .nyprobox .nyprocont ul li:hover::after {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;} .nyprobox .nyprocont ul li .text{ width:40%; float:left;position:relative; z-index:2;} .nyprobox .nyprocont ul li .text .name{ font-size:20px; height:60px; line-height:30px; margin:10px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all .4s ease;} .nyprobox .nyprocont ul li:hover .text .name{ color:#1e7be8;} .nyprobox .nyprocont ul li .text p{ font-size:14px; color:#999; line-height:24px; height:72px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .nyprobox .nyprocont ul li .text .more{ display:block; width:108px; height:32px;line-height:32px; border-radius:20px;background:#1e7be8;background: linear-gradient(155deg, #5bbaf0 10%, #1e7be8); text-align:center; color:#fff; margin-top:20px;transition: all .4s ease;} .nyprobox .nyprocont ul li:hover .text .more{background:#1e7be8;background: linear-gradient(-155deg, #5bbaf0 10%, #1e7be8); } .nyprobox .nyprocont ul li .pic{ display:block;width:56%; height:220px; float:right;position:relative; z-index:2;overflow:hidden;} .nyprobox .nyprocont ul li .pic img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%;transition: all .4s ease;} .nyprobox .nyprocont ul li:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);} @media screen and (max-width:1079px){ .nyprobox .nyprocont ul li{ width:49%; margin-right:2%; margin-bottom:15px;} } @media screen and (max-width:767px) { .nyprobox .nyprocont ul li{ width:100%; margin-right:0; margin-bottom:10px;} } @media screen and (max-width:500px) { .nyprobox .nyprocont ul li{ width:48.5%; margin-right:3%; padding:10px;} .nyprobox .nyprocont ul li .pic{ width:100%; height:130px;} .nyprobox .nyprocont ul li .text{width:100%;} .nyprobox .nyprocont ul li .text .name{ font-size:15px; line-height:24px; height:24px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; margin:10px 0 0; text-align:center;} .nyprobox .nyprocont ul li .text p,.nyprobox .nyprocont ul li .text .more{ display:none;} } /*NyOrder 开始*/ .NyOrder .NyOrder_Main { width:100%;padding:40px; background-color:#fff;} .NyOrder_Main .NyOrder_Left { width:28%; height:660px; overflow:hidden; margin:0; padding:60px 40px; background:#1e7be8; background-size:320px 220px; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyOrder_Left .NyOrder_Img { width:170px; height:170px; margin:0 auto 40px; padding:7px 0; background-color:rgba(0,0,0,0.05); border-radius:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyOrder_Img img { display:block; width:150px; height:150px; margin:0 auto; padding:0; border:8px solid rgba(0,0,0,0.05); border-radius:50%;margin-top: 3px; -o-object-fit:cover; object-fit:cover;} .NyOrder_Left p { width:100%; height:auto; line-height:40px; color:#fff; font-size:28px; margin:0 auto 15px; padding:0;} .NyOrder_Left span { display:block; width:100%; height:auto; line-height:30px; color:rgba(255,255,255,0.65); font-size:16px; word-break:break-all; text-align:justify; margin:0 auto; padding:0;} .NyOrder_Left .NyOrder_Btn { width:100%; height:auto; margin:60px auto 0; padding:0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyOrder_Btn a { display:block; width:100%; height:52px; overflow:hidden; line-height:52px; color:#fff; font-size:16px; text-align:center; margin:0 auto; padding:0; background-color:#333; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyOrder_Btn a img { display:inline-block; width:20px; height:20px; vertical-align:middle; margin:-2px 10px 0 0; padding:0;} .NyOrder_Btn a:hover { background-color:#202020;} .NyOrder_Main .NyOrder_Right { width:72%; height:auto; overflow:hidden; margin:0; padding:0 40px 0 0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyOrder_Right #ly_msg.ly_msg { width:100%!important; height:auto!important; margin:0 auto!important; padding:0!important;} .NyOrder_Right #ly_msg.ly_msg h3 { display:none!important;} .NyOrder_Right #ly_msg.ly_msg ul { width:100%!important; overflow:hidden!important; margin:0 auto!important; padding:0!important;} .NyOrder_Right #ly_msg.ly_msg ul li h4, .NyOrder_Right #ly_msg.ly_msg ul li h4.xh { display:none!important;} .NyOrder_Right #ly_msg.ly_msg ul li { width:100%!important; height:auto!important; overflow:hidden!important; line-height:inherit!important; color:inherit!important; font-size:inherit!important; margin:0 0 25px!important; padding:0!important; clear:inherit!important;} .NyOrder_Right #ly_msg.ly_msg ul li:last-child { margin:0 auto!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt1, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12, .NyOrder_Right #ly_msg.ly_msg ul li .msg_tara { width:100%!important; height:auto!important; margin:0!important; padding:0!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt1 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { display:block!important; width:100%!important; height:60px!important; line-height:60px; color:#666; font-size:16px; margin:0!important; padding:0 20px!important; background-color:#f9f9f9!important; border:0!important; outline:none!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { padding:0 20px 0 16px!important;} .NyOrder_Right #ly_msg.ly_msg ul li .c_yzm { margin:0 10px 0 0!important; padding:0!important; float:left!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input { width:240px!important; margin:0 10px 0 0!important; float:left!important;} .NyOrder_Right #ly_msg.ly_msg ul li a.yzm_img { display:block!important; width:120px!important; height:40px!important; margin:10px 0!important; padding:0!important; float:left!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { line-height:60px!important; color:#999!important; font-size:16px!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_tara textarea, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt0 textarea { display:block!important; width:100%!important; height:150px!important; line-height:30px; color:#aaa; font-size:16px; margin:0!important; padding:15px 20px!important; background-color:#f9f9f9!important; border:0!important; outline:none!important; resize:none!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_btn { width:100%!important; height:auto!important; overflow:hidden!important; margin:0!important; padding:0!important; float:inherit!important;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input { width:200px!important; height:60px!important; overflow:hidden!important; line-height:60px!important; color:#fff!important; font-size:16px!important; text-align:center!important; background-color:#333!important; margin:0 20px 0 0!important; padding:0!important; border:none!important; cursor:pointer!important;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input:hover { background-color:#202020!important;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input.msg_btn1 { background-color:#1e7be8!important;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input.msg_btn1:hover { background-color:#1e7be8!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 { width:100%!important;} @media (max-width:1280px) { .NyOrder_Main .NyOrder_Left { height:600px;} .NyOrder_Left p { font-size:26px;} .NyOrder_Left font { font-size:20px;} .NyOrder_Left span { font-size:15px; line-height:25px;} .NyOrder_Btn a { height:50px; line-height:50px;} .NyOrder_Right #ly_msg.ly_msg ul li:last-child { margin:30px auto 0!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt1 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { height:50px!important; line-height:50px; font-size:15px;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_tara textarea, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt0 textarea { height:145px!important; line-height:25px; font-size:15px; padding:10px 20px;} .NyOrder_Right #ly_msg.ly_msg ul li a.yzm_img { margin:5px 0!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { line-height:50px!important; font-size:15px!important;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input { height:50px!important; line-height:50px!important;} } @media (max-width:1200px) { .NyOrder .NyOrder_Main { padding:30px;} .NyOrder_Main .NyOrder_Left { padding:60px 30px;} .NyOrder_Left p { line-height:36px;} .NyOrder_Left .NyOrder_Btn { padding:0 30px;} .NyOrder_Main .NyOrder_Right { padding:0 30px 0 0;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input { width:200px!important;} } @media (max-width:1080px) { .NyOrder .NyOrder_Main { padding:25px;} .NyOrder_Main .NyOrder_Left { height:560px; padding:50px 25px; background-size:280px 160px;} .NyOrder_Left p { line-height:32px; font-size:24px;} .NyOrder_Left span { line-height:24px; font-size:14px;} .NyOrder_Left .NyOrder_Btn { margin:50px auto 0; padding:0 25px;} .NyOrder_Main .NyOrder_Right { padding:0 25px 0 0;} .NyOrder_Right #ly_msg.ly_msg ul li { margin:0 0 20px!important;} .NyOrder_Right #ly_msg.ly_msg ul li:last-child { margin:20px auto 0!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt1 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { font-size:14px;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_tara textarea, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt0 textarea { height:140px!important; line-height:24px; font-size:14px;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input { width:180px!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { font-size:14px!important;} } @media (max-width:1024px) { .NyOrder_Main .NyOrder_Left { width:30%; height:590px;} .NyOrder_Main .NyOrder_Right { width:70%;} .NyOrder_Right #ly_msg.ly_msg ul li .c_yzm { height:50px; float:inherit!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { display:block; width:100%; line-height:30px!important;} } @media (max-width:800px) { .NyOrder .NyOrder_Main { padding:20px;} .NyOrder_Main .NyOrder_Left { width:100%; height:auto; margin:0 auto 20px; padding:40px; float:inherit;} .NyOrder_Left .NyOrder_Img { float:left; margin:0 40px 0 0;} .NyOrder_Left p { line-height:30px; font-size:24px; margin:8px auto 2px;} .NyOrder_Left span { margin:10px auto 0;} .NyOrder_Left .NyOrder_Btn { width:200px; margin:20px 0 0; padding:0; float:left;} .NyOrder_Main .NyOrder_Right { width:100%; margin:0 auto; padding:0; float:inherit;} .NyOrder_Right #ly_msg.ly_msg ul li .c_yzm { height:50px; float:left!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { display:inline-block; width:auto; line-height:50px!important;} } @media (max-width:767px) { .NyOrder .NyOrder_Main { padding:12px;} .NyOrder_Main .NyOrder_Left { padding:20px;} .NyOrder_Left .NyOrder_Img { width:106px; height:106px; margin:0 20px 0 0; padding:4px 0;} .NyOrder_Img img { width:90px; height:90px; border:4px solid rgba(0,0,0,0.05);} .NyOrder_Left p { line-height:24px; font-size:18px; margin:0 auto 2px;} .NyOrder_Left span { line-height:20px;} .NyOrder_Left .NyOrder_Btn { width:100%; margin:20px auto 0; float:inherit;} .NyOrder_Btn a { height:40px; line-height:40px; font-size:15px;} .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(1), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(3), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(5) { width:100%!important; margin:0 auto 20px!important; float:inherit!important;} .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(2), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(4), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(6) { width:100%!important; margin:0 auto 20px!important; float:inherit!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt1 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { padding: 0 12px!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input { width:160px!important;} .NyOrder_Right #ly_msg.ly_msg ul li .c_yzm { height:50px; float:inherit!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { display:block; width:100%; line-height:24px!important; margin:10px auto 0;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input { width:48%!important; margin:0!important; float:left;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input.msg_btn1 { margin:0 4% 0 0!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_tara textarea, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt0 textarea { padding:10px 12px!important;} } @media (max-width:320px) { .NyOrder_Left .NyOrder_Img { float:inherit; margin:0 auto 20px;} .NyOrder_Left p { text-align:center;} .NyOrder_Left span { text-align:center;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input { width:130px!important;} } /*NyOrder 结束*/ /*产品详细页 开始*/ .NyProDetail .NyProDetail_Main { width:100%; height:auto; margin:60px auto; padding:20px; background-color:#fff;} .NyProDetail_Main .NyProDetail_Img { width:38%; height:auto; margin:0; padding:0; float:left;} #preview { width:100%; margin:0; text-align:center; position:relative;} .list-h li { float:left;} #spec-n5 { width:100%; height:88px; margin-top:10px; overflow:hidden;} #spec-left { width:16px; height:88px; float:left; cursor:pointer; margin-top:3px;} #spec-right { width:16px; height:88px; float:left;cursor:pointer; margin-top:3px;} #spec-list { width:440px; float:left; overflow:hidden; margin-left:2px; display:inline;} #spec-list ul {} #spec-list ul li { float:left; display:inline; padding:0; width:23.5%; height:88px; margin:0 2% 0 0;} #spec-list ul li:nth-child(4) { margin:0;} #spec-list ul li p { width:100%; height:100%; overflow:hidden; margin:0; padding:0; background-color:#fff; border:1px solid #e5e5e5; position:relative;} #spec-list ul li:hover p { border:1px solid #1e7be8;} #spec-list ul li img { display:block; max-width:92%; max-height:94%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} /*jqzoom*/ .jqzoom { position:relative; width:100%; height:350px; overflow:hidden; padding:0; background-color:#fff;} .jqzoom img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} .zoomdiv { z-index:100;position:absolute;top:1px;left:0px; background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #eaeaea;display:none;text-align:center;overflow: hidden; left:102%!important; top:0!important;} .jqZoomPup { width:200px!important; height:200px!important; z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;} #spec-list { position:relative; width:100%; margin:0;} #spec-list div { width:100%!important; height:70px!important; margin:0;} #ceshi { display:block; margin:auto!important; left:0; top:0; bottom:0; right:0;} .NyProDetail_Img a.videoIco { left:20px!important; bottom:20px!important; z-index:99!important;} .Warning { width:100%!important; height:100%!important;} .NyProDetail_Main .NyProDetail_Text { width:62%; height:auto; margin:0; padding:40px 20px 0 40px; float:right; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Text .NyProDetail_Name { width:100%; height:auto; min-height:40px; max-height:80px; overflow:hidden; line-height:40px; color:#333; font-size:30px; font-weight:bold; word-break:normal; overflow-wrap:break-word; position:relative; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:0 auto 40px; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Text .NyProDetail_Ms { width:100%; height:auto; overflow:hidden; margin:0 auto 20px; padding:0 0 30px; border-bottom:1px solid #e5e5e5; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Text .NyProDetail_Ms span { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; color:#333; font-size:18px; margin:0 auto 10px; padding:0;} .NyProDetail_Text .NyProDetail_Ms span img { display:block; width:20px; height:20px; margin:5px 10px 5px 0; padding:0; float:left;} .NyProDetail_Text .NyProDetail_Ms p { width:100%; height:auto; max-height:56px; overflow:hidden; line-height:28px; color:#999; font-size:16px; word-break:break-all; text-align:justify; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:0 auto; padding:0;} .NyProDetail_Text .NyProDetail_Tags { width:100%; height:auto; margin:0 auto; padding:0;} /* 永迪定制：去掉 max-width:30% 限制（这是「产品型号过长被省略」的原因）， 现在只剩 3 项，按内容自然宽度排一行，型号完整显示；只在超过整行时才走省略号兜底 */ .NyProDetail_Tags dl { overflow:hidden;} .NyProDetail_Tags dl dd { width:auto; max-width:100%; height:40px; overflow:hidden; line-height:40px; color:#999; font-size:16px; white-space:nowrap; text-overflow:ellipsis; margin:0 4% 0 0; padding:0; float:left;} .NyProDetail_Tags dl dd:nth-child(4) { margin:0;} .NyProDetail_Tags dl dd i { display:block; width:6px; height:6px; margin:16px 10px 16px 0; padding:0; border:1px solid #1e7be8; border-radius:50%; float:left;} .NyProDetail_Text .NyProDetail_Btm { width:100%; height:60px; overflow:hidden; margin:40px auto 0; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Btm a { display:block; width:auto; height:60px; overflow:hidden; margin:0 40px 0 0; padding:0; background-color:#edf0f7; border-radius:30px; float:left;} .NyProDetail_Btm a.Btn01 i { display:block; width:60px; height:60px; margin:0; padding:6px; background-color:rgba(100,46,137,0.05); border-radius:50%; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Btm a.Btn01 i em { display:block; width:48px; height:48px; margin:0; padding:0; background:#1e7be8 url(../images/ico11.png) center center no-repeat; background-size:30px 30px; border-radius:50%;} .NyProDetail_Btm a.Btn01 span { display:block; width:auto; height:60px; line-height:40px; color:#1e7be8; font-size:20px; font-weight:bold; margin:0; padding:10px 30px 10px 20px; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Btm a.Btn02 { margin:0;} .NyProDetail_Btm a.Btn02 i { display:block; width:60px; height:60px; margin:0; padding:6px; background:rgba(51,51,51,0.05); border-radius:50%; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Btm a.Btn02 i em { display:block; width:48px; height:48px; margin:0; padding:0; background:#333333 url(../images/ico12.png) center center no-repeat; background-size:30px 30px; border-radius:50%;} .NyProDetail_Btm a.Btn02 span { display:block; width:auto; height:60px; line-height:40px; color:#333333; font-size:24px; font-weight:bold; margin:0; padding:10px 30px 10px 20px; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Con { width:100%; overflow:hidden; margin:0 auto; padding:40px; background-color:#fff; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Con .NyProDetail_Tit { width:100%; height:auto; margin:0 auto 30px; padding:0; border-bottom:1px solid #e6e6e6;} .NyProDetail_Con .NyProDetail_Tit span { display:block; width:auto; height:40px; overflow:hidden; line-height:38px; color:#1e7be8; font-size:18px; font-weight:bold; margin:0; padding:0; border-bottom:2px solid #1e7be8; float:left;} .NyProDetail_Con .NyProDetail_Tit a { display:block; width:auto; height:40px; overflow:hidden; line-height:38px; color:#333; font-size:18px; font-weight:bold; margin:0 0 0 60px; padding:0; border-bottom:2px solid #fff; float:left;} .NyProDetail_Con .NyProDetail_Tit a:hover { color:#1e7be8; border-bottom:2px solid #1e7be8;} .NyProDetail_Con .ProDetailText { width:100%;} .ProDetailText img, .ProDetailText table, .ProDetailText tr, .ProDetailText td, .ProDetailText p, .ProDetailText span, .ProDetailText div, .ProDetailText video, .ProDetailText embed { width:auto !important;height:auto !important;max-width:100% !important;max-height: 100%;white-space:normal;word-break:break-all; text-align:justify;overflow: hidden;} .ProDetailText table tr td p { text-indent:0!important;} .ProDetailText img { display:inline-block; width:auto!important; height:auto!important; max-width:100%; margin:0 auto; padding:0; text-indent:0!important;} .NyPro_PrevNext { width:100%; height:auto; margin:30px auto 0; padding:7px 30px; background-color:#1e7be8; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyPro_PrevNext p { width:42%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:16px; white-space:nowrap; text-overflow:ellipsis; margin:0; padding:0; position:relative; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyPro_PrevNext p a { line-height:40px; color:#fff; font-size:16px;} .NyPro_PrevNext p.NyProPrev { padding:0 0 0 30px;} .NyPro_PrevNext p.NyProNext { padding:0 30px 0 0; text-align:right;} .NyPro_PrevNext p img { display:block; width:20px; height:20px; margin:0; padding:0; position:absolute; top:10px;} .NyPro_PrevNext p.NyProPrev img { left:0;} .NyPro_PrevNext p.NyProNext img { right:0;} .NyPro_PrevNext a.NyProAll { display:block; width:16%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:16px; text-align:center; margin:0; padding:0; float:left;} .NyPro_PrevNext a.NyProAll img { display:inline-block; width:20px; height:20px; vertical-align:middle; margin:-2px 10px 0 0; padding:0;} .OdrTitle { width:100%; height:auto; margin:0 auto 30px; padding:0;} .OdrTitle p { width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:30px; font-weight:bold; text-align:center; margin:0 auto 10px; padding:0;} .OdrTitle i { display:block; width:128px; height:13px; overflow:hidden; margin:0 auto; padding:0; background:url(../images/line04.png) center center no-repeat;} .NyProOrder_Main { width:100%; height:auto; margin:60px auto 0; padding:0; position:relative;} .NyProOrder_Main #ly_msg.ly_msg { width:100%!important; height:auto!important; margin:0 auto!important; padding:0!important;} .NyProOrder_Main #ly_msg.ly_msg h3 { display:none!important;} .NyProOrder_Main #ly_msg.ly_msg ul { width:100%!important; overflow:hidden!important; margin:0 auto!important; padding:0!important;} .NyProOrder_Main #ly_msg.ly_msg ul li h4, .NyProOrder_Main #ly_msg.ly_msg ul li h4.xh { display:none!important;} .NyProOrder_Main #ly_msg.ly_msg ul li { width:100%!important; height:auto!important; overflow:hidden!important; line-height:inherit!important; color:inherit!important; font-size:inherit!important; margin:0 0 25px!important; padding:0!important; clear:inherit!important;} .NyProOrder_Main #ly_msg.ly_msg ul li:last-child { margin:25px auto 0!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt1, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt12, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_tara { width:100%!important; height:auto!important; margin:0!important; padding:0!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt1 input, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt12 input, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2 input, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { display:block!important; width:100%!important; height:60px!important; line-height:60px; color:#666; font-size:16px; margin:0!important; padding:0 20px!important; background-color:#fff!important; border:0!important; outline:none!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyProOrder_Main #ly_msg.ly_msg ul li .c_yzm { margin:0 10px 0 0!important; padding:0!important; float:left!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2 input { width:200px!important; margin:0 10px 0 0!important; float:left!important;} .NyProOrder_Main #ly_msg.ly_msg ul li a.yzm_img { display:block!important; width:120px!important; height:40px!important; margin:10px 0!important; padding:0!important; float:left!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2>span { line-height:60px!important; color:#999!important; font-size:16px!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_tara textarea, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt0 textarea { display:block!important; width:100%!important; height:150px!important; line-height:30px; color:#666; font-size:16px; margin:0!important; padding:15px 20px!important; background-color:#fff!important; border:0!important; outline:none!important; resize:none!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_btn { width:100%!important; height:auto!important; overflow:hidden!important; margin:20px 0 0!important; padding:0!important; float:inherit!important;} .NyProOrder_Main #ly_msg.ly_msg .msg_btn input { width:200px!important; height:60px!important; overflow:hidden!important; line-height:60px!important; color:#fff!important; font-size:16px!important; text-align:center!important; background-color:#333!important; margin:0 30px 0 0!important; padding:0!important; border:none!important; cursor:pointer!important; float:left;} .NyProOrder_Main #ly_msg.ly_msg .msg_btn input:hover { background-color:#1e7be8!important;} .NyProOrder_Main #ly_msg.ly_msg .msg_btn input.msg_btn1 { background-color:#1e7be8!important;} .NyProOrder_Main #ly_msg.ly_msg .msg_btn input.msg_btn1:hover { background-color:#1e7be8!important; color:333;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2 { width:100%!important;} @media (max-width:1440px) { .NyProDetail .NyProDetail_Main{margin: 40px auto;} .NyProDetail_Tags dl dd { margin:0 30px 0 0;} .NyProDetail_Con{ padding:30px;} .NyProOrder_Main{margin: 40px auto 0;} } @media (max-width:1366px) { .NyProDetail_Main .NyProDetail_Img { width:40%;} .jqzoom { height:340px;} #spec-n5 { height:80px;} #spec-list ul li { height:80px;} .NyProDetail_Main .NyProDetail_Text { width:60%;} .NyProDetail_Text .NyProDetail_Name { font-size:26px; margin:0 auto 30px;} .NyProDetail_Text .NyProDetail_Ms span { font-size:16px;} .NyProDetail_Text .NyProDetail_Ms p { max-height:50px; line-height:25px; font-size:15px;} .NyProDetail_Tags dl dd { width:48.5%; max-width:inherit; font-size:15px; margin:0 3% 0 0;} .NyProDetail_Tags dl dd:nth-child(2n+2) { margin:0;} .NyProDetail_Btm .NyProDetail_Tel span { font-size:14px;} .NyPro_PrevNext a.NyProAll, .NyPro_PrevNext p a{ font-size:15px;} .NyProOrder_Main #ly_msg.ly_msg ul li .c_yzm { width:auto!important;} } @media (max-width:1280px) { .NyProDetail_Main .NyProDetail_Img { width:42%;} .NyProDetail_Main .NyProDetail_Text { width:58%; padding:20px 20px 0 40px;} .NyProDetail_Text .NyProDetail_Name { margin:0 auto 20px;} .NyProDetail_Text .NyProDetail_Btm { margin:30px auto 0;} .NyProDetail_Btm a { margin:0 30px 0 0;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt1 input, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt12 input, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2 input, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { height:50px!important; line-height:50px!important; font-size:15px;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_tara textarea, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt0 textarea { height:145px!important; line-height:25px; font-size:15px; padding:10px 20px!important;} .NyProOrder_Main #ly_msg.ly_msg ul li a.yzm_img { margin:5px 0!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2>span { font-size:15px!important; line-height:50px!important;} .NyProOrder_Main #ly_msg.ly_msg .msg_btn input { height:50px!important; line-height:50px!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_btn { left:20px;} } @media (max-width:1200px) { .NyProDetail_Main .NyProDetail_Img { width:40%;} .NyProDetail_Main .NyProDetail_Text { width:60%; padding:20px 20px 0 40px;} .NyProDetail_Text .NyProDetail_Ms { margin:0 auto 15px; padding:0 0 20px;} .NyProDetail_Text .NyProDetail_Btm { height:50px; margin:20px auto 0;} .NyProDetail_Btm a { height:50px;} .NyProDetail_Btm a.Btn01 i, .NyProDetail_Btm a.Btn02 i { width:50px; height:50px; padding:4px;} .NyProDetail_Btm a.Btn01 i em, .NyProDetail_Btm a.Btn02 i em { width:42px; height:42px;} .NyProDetail_Btm a.Btn01 span { height:50px; padding:5px 30px 5px 20px; font-size:18px;} .NyProDetail_Btm a.Btn02 span { height:50px; padding:5px 30px 5px 20px; font-size:22px;} .jqzoom { height:300px;} #spec-n5 { height:72px;} #spec-list ul li { height:72px;} .NyProDetail_Con { padding:20px;} .NyProDetail_Con .NyProDetail_Tit { margin:0 auto 20px;} .NyProDetail_Con .NyProDetail_Tit a { margin:0 0 0 40px;} } @media (max-width:1079px) { .NyProDetail_Text .NyProDetail_Name { min-height:36px; max-height:72px; line-height:36px; font-size:24px;} .NyProDetail_Text .NyProDetail_Ms { padding:0 0 15px;} .NyProDetail_Text .NyProDetail_Ms p { max-height:48px; line-height:24px; font-size:14px;} .NyProDetail_Tags dl dd { height:30px; line-height:30px; font-size:14px;} .NyProDetail_Tags dl dd i { margin:11px 8px 11px 0;} .NyProDetail .NyProDetail_Main { margin:40px auto;} .nyprobox .nyproxxcont{ margin-top:0;} .NyProDetail_Con .NyProDetail_Tit { margin:0 auto 20px;} .NyProOrder_Main { margin:40px auto 0;} .NyProOrder_Main #ly_msg.ly_msg .msg_btn input { width: 160px!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .c_yzm { height:50px;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2>span { display:block; width:100%; line-height:30px!important; padding:10px 0; font-size:14px!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_btn { margin:0!important;} .jqzoom { height:280px;} #spec-n5 { height:66px;} #spec-list ul li { height:66px;} } @media (max-width:1024px) { .NyProDetail .NyProDetail_Main{margin: 30px auto;} .NyProDetail_Btm a{ margin-right:15px;} .NyProDetail_Btm a.Btn01 span{padding: 5px 20px 5px 10px; font-size:18px;} .NyProDetail_Btm a.Btn02 span{padding: 5px 20px 5px 10px; font-size:18px;} } @media (max-width:880px) { .NyProDetail_Con .proshowParameter table td{ width:74% !important;} } @media (max-width:800px) { .NyProDetail .NyProDetail_Main{margin: 25px auto;} .NyProDetail_Main .NyProDetail_Img { width:100%; margin:0 auto 20px; padding:0; float:inherit;} .jqzoom { height:480px;} #spec-n5 { height:100px;} #spec-list ul li { height:100px;} .zoomdiv { display:none!important;} .NyProDetail_Main .NyProDetail_Text { width:100%; margin:0 auto; padding:0; float:inherit;} .NyProDetail_Text .NyProDetail_Ms { margin:20px auto;} .NyProDetail_Text .NyProDetail_Name { font-size:24px;} .NyProDetail_Content .NyProDetail_Right { width:100%; margin:0 auto; padding:0; float:inherit;} .NyProDetail_Content .NyProDetail_Left { width:100%; margin:0 auto; padding:0; float:inherit;} .NyProOrder_Main #ly_msg.ly_msg ul li:last-child { margin:20px auto 0!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_btn { width:100%!important; position:inherit; left:inherit; bottom:inherit;} .NyProOrder_Main #ly_msg.ly_msg .msg_btn input { margin:0 20px 0 0!important;} .NyPro_PrevNext { padding:5px 20px;} } @media (max-width:767px) { .NyProDetail .NyProDetail_Main { margin:20px auto; padding:12px;} .NyProDetail_Con .NyProDetail_Tit { margin:0 auto 20px;} .NyProDetail_Con .ProDetailText { margin:0 auto;} .ProDetailText div, .ProDetailText p { margin:0 auto 10px;} .jqzoom { height:260px;} #spec-n5 { height:66px;} #spec-list ul li { height:66px;} .NyProDetail_Text .NyProDetail_Name { min-height:32px; max-height:64px; line-height:32px; font-size:22px; margin:0 auto 15px;} .NyProDetail_Text .NyProDetail_Name i { height:22px; top:5px;} .NyProDetail_Text .NyProDetail_Ms { margin:0 auto 15px; padding:0 0 15px;} .NyProDetail_Text .NyProDetail_Ms p { height:auto; max-height:72px; line-height:24px; font-size:14px;} .NyProDetail_Tags dl dd { width:100%; margin:0 auto; padding:4px 0; float:inherit;} .NyProDetail_Text .NyProDetail_Btm { height:auto; margin:15px auto 0;} .NyProDetail_Btm a { margin:0 12px 12px 0;} .NyProDetail_Btm a.Btn01 span { padding:5px 20px 5px 10px;} .NyProDetail_Btm a.Btn02 span { padding:5px 20px 5px 10px;} .NyProDetail_Con .NyProDetail_Tit a { margin:0 0 0 20px;} .NyPro_PrevNext { margin:20px auto 0; padding:10px 20px;} .NyPro_PrevNext p { width:100%; font-size:14px; text-align:left; padding:0;} .NyPro_PrevNext p a{ font-size:14px;} .NyPro_PrevNext p.NyProNext { text-align:left; padding:0 0 0 30px;} .NyPro_PrevNext p.NyProNext img { right: inherit; left:0;} .NyPro_PrevNext a.NyProAll { width:100%; font-size:14px; text-align:left;} .NyProOrder_Main { margin:20px auto 0;} .NyProOrder_Main .NyProOrder_Left { padding:0; margin:0 auto 20px;} .NyProOrder_Title p { line-height:36px; font-size:26px;} .NyProOrder_Title i { height:3px; margin:7px 0 10px;} .NyProOrder_Title span { line-height:24px; font-size:16px;} .NyProOrder_Main #ly_msg.ly_msg ul li { margin:0 auto 10px!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2 input { width:160px!important;} .NyProOrder_Main #ly_msg.ly_msg .msg_btn input { width:48%!important; margin:0!important;} .NyProOrder_Main #ly_msg.ly_msg .msg_btn input.msg_btn1 { margin: 0 4% 0 0!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2>span { line-height: 24px!important; font-size: 14px!important; padding:10px 0 0;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt1 input, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt12 input, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2 input, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { font-size:14px;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_tara textarea, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt0 textarea { font-size:14px; height: 140px!important; line-height: 24px;} .NyProOrder_Main #ly_msg.ly_msg ul li:last-child { margin: 20px auto 0!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .c_yzm { float:inherit!important;} } @media (max-width:375px) { .jqzoom { height:240px;} #spec-n5 { height:60px;} #spec-list ul li { height:60px;} } @media (max-width:320px) { .jqzoom { height:210px;} #spec-n5 { height:52px;} #spec-list ul li { height:52px;} .NyProDetail_Btm .NyProDetail_Tel img { position:inherit; left:inherit; top:inherit; margin:0 auto 10px;} .NyProDetail_Btm .NyProDetail_Tel span, .NyProDetail_Btm .NyProDetail_Tel p { text-align:center;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2 input { width: 130px!important;} } /*NyProDetail 结束*/ /*NyNews 开始*/ .NyNews_Main { width:100%; height:auto; min-height:320px; margin:0 auto; padding:0;} .NyNews_Main .NyNews_List { width:100%; height:auto; margin:0 auto; padding:0;} .NyNews_List ul li { width:48%; height:auto; margin:0 4% 30px 0; padding:0 0 0 100px; position:relative; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyNews_List ul li:nth-child(2n+2) { margin:0 0 30px;} .NyNews_List ul li .NyNews_Time { width:100px; height:100px; margin:0; padding:20px 0; background-color:#e7ebf3; position:absolute; left:0; top:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyNews_List ul li .NyNews_Time em { display:block; width:100%; height:20px; overflow:hidden; line-height:20px; color:#999; font-size:16px; font-style:normal; text-align:center; margin:0 auto; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyNews_List ul li .NyNews_Time span { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:32px; font-weight:bold; font-style:normal; text-align:center; margin:0 auto; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyNews_List ul li:hover .NyNews_Time { background-color:#1e7be8;} .NyNews_List ul li:hover .NyNews_Time em { color:rgba(255,255,255,0.65);} .NyNews_List ul li:hover .NyNews_Time span { color:#fff;} .NyNews_List ul li .NyNews_Text { width:100%; height:auto; overflow:hidden; margin:0; padding:25px 30px; background-color:rgba(51,51,51,0); position:relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyNews_List ul li .NyNews_Text a.NyNews_Name { display:block; width:100%; height:32px; overflow:hidden; line-height:32px; color:#333; font-size:20px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; margin:0 auto 14px; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyNews_List ul li .NyNews_Text p { width:100%; height:84px; overflow:hidden; line-height:28px; color:#999; font-size:16px; word-break:break-all; text-align:justify; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin:0 auto; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyNews_List ul li:hover .NyNews_Text { background-color:rgba(51,51,51,1);} .NyNews_List ul li:hover .NyNews_Text a.NyNews_Name { color:#fff;} .NyNews_List ul li:hover .NyNews_Text p { color:rgba(255,255,255,0.45);} .NyNews_List ul li .NyNews_Text a.NyNews_More { display:block; width:50px; height:50px; margin:0; padding:0; position:absolute; right:-50px; bottom:-50px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyNews_List ul li .NyNews_Text a.NyNews_More img { display:block; width:50px; height:50px; margin:0; padding:0;} .NyNews_List ul li:hover .NyNews_Text a.NyNews_More { right:0; bottom:0;} /* 整卡点击热区：覆盖日期块 + 文字块（含空白处与右下角箭头），点击任意位置都进详情 */ .NyNews_List ul li .NyNews_Cover { display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:6; text-indent:-9999px; font-size:0; overflow:hidden; color:transparent; background:transparent; outline:none;} .NyNews_List ul li .NyNews_Cover:focus-visible { box-shadow:0 0 0 2px #1e7be8 inset;} /*NyNewDetail 开始*/ .newdetailbd .Nycase{ padding-bottom:0;} .NyNewDetail { width:100%;min-height:320px; overflow:hidden;} .NyNewDetail .NyNewDetail_Main { width:100%; height:auto; min-height:320px; margin:0 auto 60px; padding:0;} .NyNewDetail_Main .NyNewDetail_Name { width:100%; height:auto; overflow:hidden; line-height:40px; color:#333; font-size:30px; margin:0 auto 15px; padding:0;} .NyNewDetail_Main .NyNewDetail_Tips { width:100%; height:30px; overflow:hidden; line-height:30px; color:#999; font-size:16px; padding-bottom: 45px; margin:0 auto 30px; border-bottom:1px solid #e6e6e6;} .NyNewDetail_Tips span { display:inline-block; height:30px; line-height:30px; color:#999; font-size:16px; margin:0 40px 0 0; padding:0;} .NyNewDetail_Tips span img { display:block; width:16px; height:16px; margin:7px 10px 7px 0; padding:0; float:left;} .NyNewDetail_Main .NyNewDetail_Content { width:100%; height:auto; overflow:hidden; line-height:28px!important;word-break:break-all; text-align:justify; } .NyNewDetail_Main .NyNewDetail_Content .caseDetailpic{ text-align:center;} .NyNewDetail_Main .NyNewDetail_Content .caseDetailpic img{ max-width:70% !important; margin:0 auto 20px;} .NyNewDetail_Content div, .NyNewDetail_Content p, .NyNewDetail_Content span, .NyNewDetail_Content font, .NyNewDetail_Content em { width:100%; height:auto; overflow:hidden;word-break:break-all; text-align:justify;line-height:28px!important;} .NyNewDetail_Content img { display:inline-block; width:auto!important; max-width:100%!important; height:auto!important;} .NyPrevNext { width:100%; height:auto; margin:0 auto; padding:0; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyPrevNext ul { width:1400px; margin:0 auto;} .NyPrevNext ul li { width:100%; height:auto; min-height:100px; overflow:hidden; line-height:40px; color:#999; font-size:18px; margin:0; padding:30px 0 30px 120px; position:relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyPrevNext ul li:nth-child(1) { border-bottom:1px solid #e6e6e6;} .NyPrevNext ul li i { display:block; width:100px; height:40px; overflow:hidden; line-height:40px; color:#666; font-size:18px; font-style:normal; text-align:center; background-color:#f5f5f5; border-radius:20px; margin:0; padding:0; position:absolute; left:0; top:30px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyPrevNext ul li a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:18px; white-space:nowrap; text-overflow: ellipsis; margin:0; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyPrevNext ul li:hover i { color:#fff; background-color:#1e7be8;} .NyPrevNext ul li:hover a { color:#1e7be8; text-decoration:underline;} /*NyNewDetail 结束*/ @media (max-width:1440px) { .NyNews_List ul li { width:48.5%; margin:0 3% 20px 0; padding:0 0 0 90px;} .NyNews_List ul li:nth-child(2n+2) { margin:0 0 20px;} .NyNews_List ul li .NyNews_Time { width:90px; height:90px; padding:18px 0;} .NyNews_List ul li .NyNews_Time em { height:18px; line-height:18px; font-size:14px; margin:0 auto 4px;} .NyNews_List ul li .NyNews_Time span { height:32px; line-height:32px; font-size:28px;} .NyNews_List ul li .NyNews_Text { padding:15px 20px 20px;} .NyNews_List ul li .NyNews_Text a.NyNews_Name { height:30px; line-height:30px; margin:0 auto 10px;} .NyNews_List ul li .NyNews_Text p { height:75px; line-height:25px; font-size:15px;} .NyNewDetail .NyNewDetail_Main { width:100%; margin:60px auto 45px;} .NyNewDetail_Main .NyNewDetail_Name { font-size:28px;} .NyNewDetail_Main .NyNewDetail_Tips { font-size:15px;} .NyNewDetail_Tips span { font-size:15px; margin:0 30px 0 0;} .NyNewDetail_Main .NyNewDetail_Content { line-height:25px!important;} .NyNewDetail_Content div, .NyNewDetail_Content p, .NyNewDetail_Content span, .NyNewDetail_Content font, .NyNewDetail_Content em { line-height:25px!important;} .NyNewDetail_Content img { margin:0 0 10px;} .NyPrevNext { padding:0 60px;} .NyPrevNext ul { width:100%;} .NyPrevNext ul li { min-height:80px; padding:20px 0 20px 120px;} .NyPrevNext ul li i { top:20px;} } @media (max-width:1366px) { .NyNewDetail_Main .NyNewDetail_Name { font-size:26px;} } @media (max-width:1200px) { .NyNews_List ul li { padding:0 0 0 80px;} .NyNews_List ul li .NyNews_Time { width:80px; height:80px; padding:15px 0;} .NyNews_List ul li .NyNews_Time em { height:20px; line-height:20px; font-size:14px; margin:0 auto;} .NyNews_List ul li .NyNews_Time span { height:30px; line-height:30px; font-size:26px;} .NyNews_List ul li .NyNews_Text { padding:12px 20px 20px;} .NyNews_List ul li .NyNews_Text a.NyNews_Name { font-size:18px; margin:0 auto 6px;} .NyNews_List ul li .NyNews_Text p { height:72px; line-height:24px; font-size:14px;} .NyNews_List ul li .NyNews_Text a.NyNews_More { width:40px; height:40px; right:-40px; bottom:-40px;} .NyNews_List ul li .NyNews_Text a.NyNews_More img { width:40px; height:40px;} .NyNewDetail .NyNewDetail_Main { width:100%; margin:0 auto 50px;} .NyNewDetail_Main .NyNewDetail_Name { font-size:24px; margin:0 auto 10px;} .NyNewDetail_Main .NyNewDetail_Tips { font-size:14px; margin:0 auto 20px; padding:0 0 35px;} .NyNewDetail_Tips span { font-size:14px; margin:0 30px 0 0;} .NyNewDetail_Content img { margin:0 0 10px;} .NyPrevNext { padding:0 40px;} .NyPrevNext ul li { min-height:80px; font-size:16px; padding:20px 0 20px 110px;} .NyPrevNext ul li a { font-size:16px;} .NyPrevNext ul li i { width:90px; font-size:16px;} } @media (max-width:800px) { .NyNews_List ul li { width:100%; margin:0 auto 20px; float:inherit;} .NyNews_List ul li:nth-child(2n+2) { margin:0 auto 20px;} .NyNews_List ul li .NyNews_Text p { height:auto; max-height:48px; -webkit-line-clamp:2;} .NyNews_Main #fengye { margin:20px auto 0;} .NyNewDetail .NyNewDetail_Main { width:100%; margin:40px auto 30px;} .NyNewDetail_Main .NyNewDetail_Name { line-height:32px; font-size:22px; margin:0 auto 10px;} .NyPrevNext { padding:0 20px;} .NyPrevNext ul li { font-size:16px; padding:20px 0 20px 100px;} .NyPrevNext ul li a { font-size:16px;} .NyPrevNext ul li i { width:80px; font-size:14px;} } @media (max-width:767px) { .NyNews .NyNews_Main { min-height:inherit;} .NyNews_List ul li { margin:0 auto 12px;} .NyNews_List ul li:nth-child(2n+2) { margin:0 auto 12px;} .NyNews_List ul li .NyNews_Text { padding:10px 20px 10px 12px;} .NyNews_List ul li .NyNews_Text a.NyNews_More { width:32px; height:32px; right:-32px; bottom:-32px;} .NyNews_List ul li .NyNews_Text a.NyNews_More img { width:32px; height:32px;} #fengye { margin:8px auto 0; font-size:0;} #fengye .p_input, #fengye input { display:none;} .NyNewDetail .NyNewDetail_Main { width:100%; min-height:inherit; margin:0 auto 20px;} .NyNewDetail_Main .NyNewDetail_Name { line-height:30px; font-size:20px; margin:0 auto 10px;} .NyNewDetail_Tips span { margin:0 20px 0 0;} .NyPrevNext { padding:0 12px;} .NyPrevNext ul li { font-size:16px; padding:20px 0 20px 92px;} .NyPrevNext ul li a { font-size:16px;} .NyPrevNext ul li i { width:80px; font-size:14px;} .NyNewDetail_Main .NyNewDetail_Content .caseDetailpic img{ max-width:100% !important; margin:0 auto 10px;} } @media (max-width:375px) { .NyNews_List ul li { min-height:40px; padding:40px 0 0;} .NyNews_List ul li .NyNews_Time { width:auto; height:40px; padding:0 12px;} .NyNews_List ul li .NyNews_Time em { display:inline-block; width:auto; height:40px; line-height:40px; margin:0 10px 0 0;} .NyNews_List ul li .NyNews_Time span { display:inline-block; width:auto; height:40px; line-height:40px; font-size:20px;} .NyNews_List ul li .NyNews_Text { padding:10px 12px;} .NyNews_List ul li .NyNews_Text a.NyNews_Name { font-size:16px;} .NyPrevNext ul li { min-height:56px; line-height:32px; font-size:14px; padding:12px 0 12px 80px;} .NyPrevNext ul li a { height:32px; line-height:32px; font-size:14px;} .NyPrevNext ul li i { width:68px; height:32px; line-height:32px; font-size:14px; top:12px;} } @media (max-width:320px) { .NyNewDetail_Main .NyNewDetail_Name { line-height:26px; font-size:18px;} #fengye a { padding:0 10px;} } /*NyNews 结束*/ /*NyContactUs 开始*/ .NyContactUs { width:100%;} .NyContactUs .NyContactUs_Infor {height:auto; margin:0 auto 40px;} .NyContactUs_Infor .NyContactUsInfor_Main { width:100%; height:auto; margin:0 auto; padding:0;} .NyContactUsInfor_Main .NyContactUsInfor_Img { width:100%; height:350px; margin:0 auto; padding:0; position:relative;} .NyContactUsInfor_Img img.contactImg { display:block; width:100%; height:100%; object-fit:cover; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} .NyContactUsInfor_Img .contactText { width:50%; height:100%; overflow:hidden; margin:0; padding:100px 20% 100px 60px; background: url(../images/contactbg.png) 0 0 no-repeat; background-size:100% 100%; position:absolute; left:0; top:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .contactText p { width:100%; height:auto; line-height:36px; color:#fff; font-size:24px; font-weight:bold; word-break:break-all; margin:0 auto; padding:0;} .contactText i { display:block; width:50px; height:2px; margin:10px 0 40px; padding:0; background: url(../images/line06.png) 0 0 no-repeat;} .contactText span { display:block; width:100%; height:auto; line-height:30px; color:rgba(255,255,255,0.85); font-size:16px; margin:0 auto; padding:0;} .contactText em { display:block; width:80px; height:80px; margin:0; padding:0; background: url(../images/xs.png) center center no-repeat; background-size:100% 100%; position:absolute; top:50px; right:40%;} .NyContactUsInfor_Main .NyContactUsInfor_Con { width:100%; height:auto; margin:0 auto; padding:40px 0; background-color:#fff;} .NyContactUsInfor_Con .NyContactUs_Ewm { width:25%; height:200px; overflow:hidden; margin:0; padding:20px 40px; border-right:1px solid #e6e6e6; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyContactUs_Ewm span { display:block; width:130px; height:130px; overflow:hidden; margin:0 auto 10px; padding:4px; border:1px solid #e6e6e6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyContactUs_Ewm span img { display:block; width:120px; height:120px; margin:0 auto; padding:0;} .NyContactUs_Ewm p { width:100%; height:auto; line-height:20px; color:#999; font-size:16px; text-align:center; margin:0 auto; padding:0;} .NyContactUsInfor_Con .NyContactUs_Lxfs { width:75%; height:200px; overflow:hidden; margin:0; padding:42px 0; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyContactUs_Lxfs ul li { width:33.333333%; height:auto; margin:0; padding:0 20px; border-right:1px solid #e6e6e6; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyContactUs_Lxfs ul li:nth-child(3) { border:0;} .NyContactUs_Lxfs ul li img { display:block; width:44px; height:44px; margin:0 auto 20px; padding:0;} .NyContactUs_Lxfs ul li span { display:block; width:100%; height:auto; line-height:30px; color:#333; font-size:18px; text-align:center; margin:0 auto; padding:0;} .NyContactUs_Lxfs ul li p { width:100%; height:auto; max-height:48px; overflow:hidden; line-height:24px; color:#999; font-size:18px; text-align:center; word-break:break-all; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:0 auto; padding:0;} .NyContactUs .NyContactUs_Map {height:auto; background:#fff; padding:15px;} .NyMap { width:100%; height:500px; overflow:hidden; margin:0 auto;} .NyMap .dz_map { width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0;} .NyMap .dz_map #container { height:120%;} @media (max-width:1440px) { .NyContactUs_Infor .NyContactUsInfor_Main { width:100%;} .contactText em { top:40px; right:30%;} .NyContactUs .NyContactUs_Infor { margin:0 auto 30px;} .NyContactUsInfor_Main .NyContactUsInfor_Con { padding:30px 0;} .NyContactUsInfor_Con .NyContactUs_Ewm { padding:20px;} .NyContactUs_Lxfs ul li span { font-size:16px;} .NyContactUs_Lxfs ul li p { font-size:16px;} .NyMap { height:440px;} } @media (max-width:1366px) { .NyContactUsInfor_Main .NyContactUsInfor_Img { height:320px;} .NyContactUsInfor_Img .contactText { padding:80px 15% 80px 60px;} .contactText span { line-height:25px; font-size:15px;} .contactText em { width:72px; height:72px;} .NyContactUs_Ewm p { font-size:15px;} .NyMap { height:400px;} } @media (max-width:1280px) { .NyContactUsInfor_Main .NyContactUsInfor_Img { height:300px;} .contactText em { width:70px; height:70px; top:30px; right:20%;} .NyContactUsInfor_Con .NyContactUs_Ewm { height:220px; padding:30px;} .NyContactUsInfor_Con .NyContactUs_Lxfs { height:220px; padding:52px 0;} .NyMap { height:380px;} } @media (max-width:1200px) { .NyContactUsInfor_Main .NyContactUsInfor_Img { height:260px;} .NyContactUsInfor_Img .contactText { padding:60px 12% 60px 40px;} .contactText p { line-height:32px; font-size:22px;} .contactText span { line-height:24px; font-size:14px;} .contactText i { margin:10px 0 30px;} .NyContactUsInfor_Con .NyContactUs_Ewm { height:200px; padding:20px;} .NyContactUs_Ewm p { line-height:20px; font-size:14px;} .NyContactUsInfor_Con .NyContactUs_Lxfs { height:200px; padding:40px 0;} .NyContactUs_Lxfs ul li span { font-size:16px;} .NyContactUs_Lxfs ul li p { font-size:15px;} .NyMap { height:360px;} } @media (max-width:1079px) { .NyContactUsInfor_Img .contactText { width:56%;} .NyMap { height:340px;} } @media (max-width:800px) { .NyContactUsInfor_Main .NyContactUsInfor_Img { height:240px;} .NyContactUsInfor_Img .contactText { width:65%; padding:50px 12% 50px 40px;} .contactText em { width:60px; height:60px; top:30px; right:20%;} .NyContactUsInfor_Main .NyContactUsInfor_Con { padding:20px 0;} .NyContactUsInfor_Con .NyContactUs_Ewm { width:100%; height:auto; margin:0 auto; padding:20px; border:0; float:inherit;} .NyContactUsInfor_Con .NyContactUs_Lxfs { width:100%; height:auto; margin:0 auto; padding:20px; float:inherit;} .NyContactUs_Lxfs ul li span { font-size:15px;} .NyContactUs_Lxfs ul li p { font-size:15px;} .NyMap { height:300px;} } @media (max-width:767px) { .NyContactUsInfor_Main .NyContactUsInfor_Img { height:180px;} .NyContactUsInfor_Img .contactText { width:100%; padding:30px 12% 30px 20px;} .NyContactUs_Ewm p { line-height:30px; font-size:16px;} .contactText em { width:50px; height:50px; top:30px; right:20%;} .contactText p { line-height:30px; font-size:20px;} .contactText i { margin:10px 0 20px;} .NyContactUs .NyContactUs_Infor { margin:0 auto 20px;} .NyContactUsInfor_Con .NyContactUs_Ewm { width:100%; height:auto; margin:0 auto; padding:20px 20px; float:inherit;} .NyContactUsInfor_Con .NyContactUs_Lxfs { width:100%; height:auto; margin:0 auto; padding:0 20px; float:inherit;} .NyContactUs_Lxfs ul li { width:100%; margin:0 auto; padding:20px 0; border-right:0; border-bottom:1px solid #e6e6e6; float:inherit;} .NyContactUs_Lxfs ul li img { margin:0 auto 10px;} .NyContactUs_Lxfs ul li span { font-size:16px;} .NyContactUs_Lxfs ul li p { font-size:18px;} .NyContactUs .NyContactUs_Map{ padding:10px;} .NyMap { height:300px;} } @media (max-width:375px) { .contactText p { font-size:18px;} } @media (max-width:320px) { } /*NyContactUs 结束*/ /*NyHonor 开始*/ .NyHonor_Main .NyHonor_List { width:100%; height:auto; margin:0 auto; padding:0;} .NyHonor_List ul li { width:23.5%; height:auto; margin:0 2% 40px 0; padding:0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyHonor_List ul li:nth-child(4n+4) { margin:0 0 40px;} .NyHonor_List ul li .NyHonor_Img { width:100%; height:240px; overflow:hidden; margin:0 auto 10px; padding:0; background-color:#fff; box-shadow:0 0 0 rgba(0,0,0,0.06); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyHonor_List ul li:hover .NyHonor_Img { box-shadow:0 0 10px rgba(0,0,0,0.06);} .NyHonor_List ul li .NyHonor_Img a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;} .NyHonor_List ul li .NyHonor_Img a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyHonor_List ul li:hover .NyHonor_Img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} .NyHonor_List ul li a.NyHonor_Name { display:block; width:100%; height:40px; overflow:hidden; line-height:30px; color:#333; font-size:20px; font-weight:bold; text-align:center; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; border-bottom:1px solid #e6e6e6;} .NyHonor_List ul li:hover a.NyHonor_Name { color:#1e7be8; border-bottom:1px solid #1e7be8;} @media (max-width:1440px) { .NyHonor_List ul li .NyHonor_Img { height:220px;} .NyHonor_Main #fengye { margin:30px auto 0;} } @media (max-width:1280px) { .NyHonor_List ul li .NyHonor_Img { height:200px;} } @media (max-width:1200px) { .NyHonor_List ul li { margin:0 2% 30px 0;} .NyHonor_List ul li:nth-child(4n+4) { margin:0 0 30px;} .NyHonor_List ul li .NyHonor_Img { height:200px;} .NyHonor_Main #fengye { margin:35px auto 0;} } @media (max-width:1079px) { .NyHonor_List ul li { margin:0 2% 30px 0;} .NyHonor_List ul li:nth-child(4n+4) { margin:0 0 30px;} .NyHonor_List ul li .NyHonor_Img { height:180px;} .NyHonor_List ul li a.NyHonor_Name { font-size:18px;} .NyHonor_Main #fengye { margin:40px auto 0;} } @media (max-width:1024px) { .NyHonor_List ul li .NyHonor_Img { height:170px;} } @media (max-width:800px) { .NyHonor_List ul li { width:31.333333%; margin:0 3% 25px 0;} .NyHonor_List ul li:nth-child(4n+4) { margin:0 3% 25px 0;} .NyHonor_List ul li:nth-child(3n+3) { margin:0 0 20px;} .NyHonor_List ul li .NyHonor_Img { height:180px; margin:0 auto;} .NyHonor_Main #fengye { margin:20px auto 0;} } @media (max-width:767px) { .NyHonor_List ul li { width:48.5%; margin:0 3% 20px 0;} .NyHonor_List ul li:nth-child(3n+3), .NyHonor_List ul li:nth-child(4n+4) { margin:0 3% 20px 0;} .NyHonor_List ul li:nth-child(2n+2) { margin:0 0 20px;} .NyHonor_List ul li .NyHonor_Img { height:150px;} .NyHonor_List ul li a.NyHonor_Name { font-size:16px;} .NyHonor_Main #fengye { margin:0 auto;} } @media (max-width:375px) { .NyHonor_List ul li .NyHonor_Img { height:140px;} .NyHonor_List ul li a.NyHonor_Name { padding:5px 0; font-size:15px;} } @media (max-width:320px) { .NyHonor_List ul li { width:100%; margin:0 auto 20px; float:inherit;} .NyHonor_List ul li:nth-child(2n+2), .NyHonor_List ul li:nth-child(3n+3), .NyHonor_List ul li:nth-child(4n+4) { margin:0 auto 20px;} .NyHonor_List ul li .NyHonor_Img { height:220px;} .NyHonor_List ul li a.NyHonor_Name { padding:10px 0; font-size:18px;} } /*NyHonor 结束*/ /*在线客服*/ /* 永迪定制：2026-11-06 改为页面上下居中（原 top:20% 偏上） */ .kfView4{background-color: #1e7be8;border: 2px solid #1e7be8;position: fixed;width: 80px;top:50%;transform:translateY(-50%);right: 10px;text-align: center;display: block;-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1);box-shadow: 0 6px 12px rgba(0,0,0,0.1);border-radius: 12px;font-size: 12px;z-index: 999;} /* 永迪定制：去掉顶部耳机头像钮，只保留 置顶 / 电话 / 微信 三项 */ .kfView4 ul{margin: 0;padding: 6px 0;color:#fff;} .kfView4 ul li{position: relative;} .kfView4 ul li + li{border-top: 1px solid rgba(255,255,255,.18);} .kfView4 ul li a{display: block;color: #FFF;text-decoration: none;overflow: hidden;height: auto;width: 100%;padding: 40px 0 12px; background: url(../images/kefu-tb.png) no-repeat top center;} .kfView4 ul li a:hover{background-color: rgba(255,255,255,.14);} .kfView4 ul li a.kf{display: block;padding: 10px 0} .kfView4 ul li a.kefu-tel{background-position: center -79px} .kfView4 ul li a.kefu-wx{background-position: center -218px} .kfView4 ul li a.kefu_top{background-position: center -15px;border-radius: 10px 10px 0 0} .kfView4 ul li a.kefu_top:hover{background-color: rgba(255,255,255,.14)} .kefu:hover ul li a{display: block} /* 永迪定制：气泡宽度改为自适应 + 不再动画 width，避免出现"一个字一换行" */ .kfView4 ul li p{ position: absolute; top:-72px; right: 82px; width:auto; max-width:220px; font-size: 14px; line-height: 22px; text-align: left; color:#fff; background: #1e7be8; display: block; opacity: 0; visibility: hidden; -webkit-transform: translateX(10px); transform: translateX(10px); -webkit-transition: opacity .25s ease, -webkit-transform .25s ease, visibility .25s; transition: opacity .25s ease, transform .25s ease, visibility .25s; overflow: hidden;z-index: 201; padding:12px 14px; white-space: nowrap; border-radius: 6px; -webkit-box-shadow: 0 6px 16px rgba(30,123,232,.28); box-shadow: 0 6px 16px rgba(30,123,232,.28);} .kfView4 ul li a.kefu-tel + p{ top:0;} .kfView4 ul li:hover p{ opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0);} .kfView4 ul li .wechat p {} /*在线客服*/ @media (max-width:800px) { .kfView4 { width:60px; border-radius:8px; right:2px; top:50%; transform:translateY(-50%);} .kfView4 ul { padding:0;} .kfView4 ul li:first-child { display:none;} .kfView4 ul li p { display:none!important;} .kfView4 ul li a { font-size:12px; padding:38px 0 10px;} } @media (max-width: 767px) { #KFRightScreen { display:none!important;} } /*ly_Foot 结束*/ /* ===== 右下角自动应答沟通窗（2026-11-06） ===== 桌面默认展开、可收起成圆形按钮；手机端默认收起，避免遮挡内容 */ .kfCard{ position:fixed; right:100px; bottom:26px; width:344px; height:476px; background:#fff; border-radius:14px; overflow:hidden; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; flex-direction:column; -webkit-box-shadow:0 12px 34px rgba(9,26,52,.20); box-shadow:0 12px 34px rgba(9,26,52,.20); z-index:1000; opacity:1; visibility:visible; -webkit-transform:none; transform:none; -webkit-transition:opacity .26s ease, visibility .26s ease, -webkit-transform .26s ease; transition:opacity .26s ease, visibility .26s ease, transform .26s ease;} .kfCard.isMin{ opacity:0; visibility:hidden; pointer-events:none; -webkit-transform:translateY(14px) scale(.94); transform:translateY(14px) scale(.94);} .kfCard_hd{ -webkit-box-flex:0; -webkit-flex:0 0 auto; flex:0 0 auto; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; padding:12px 44px 12px 14px; position:relative; background-color:#1e7be8; background-image:linear-gradient(135deg,#1e7be8 0%,#155bb0 100%);} .kfCard_ava{ -webkit-box-flex:0; -webkit-flex:0 0 auto; flex:0 0 auto; width:38px; height:38px; overflow:hidden; margin-right:10px; border-radius:50%; background-color:#0b1e3c; border:2px solid rgba(255,255,255,.55);} .kfCard_ava img{ display:block; width:100%; height:100%; -o-object-fit:cover; object-fit:cover;} .kfCard_tit{ color:#fff; font-size:15px; font-weight:bold; line-height:19px;} .kfCard_tit i{ display:block; font-style:normal; font-size:11px; font-weight:normal; line-height:14px; color:#c9e0ff; margin-top:2px;} .kfCard_tit i:before{ content:""; display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background-color:#5ef2a0; vertical-align:middle;} .kfCard_min{ display:block; position:absolute; right:9px; top:9px; width:24px; height:24px; border-radius:50%; background-color:rgba(255,255,255,.20); cursor:pointer;} .kfCard_min:hover{ background-color:rgba(255,255,255,.34);} .kfCard_min:before{ content:""; display:block; position:absolute; left:7px; top:11px; width:10px; height:2px; border-radius:2px; background-color:#fff;} /* 消息区 */ .kfChat_body{ -webkit-box-flex:1; -webkit-flex:1 1 auto; flex:1 1 auto; overflow-y:auto; overflow-x:hidden; padding:14px 12px 4px; background-color:#f6f8fc; -webkit-overflow-scrolling:touch;} .kfMsg{ max-width:86%; padding:9px 12px; margin:0 0 10px; border-radius:10px; font-size:13px; line-height:20px; word-break:break-word; text-align:left; white-space:pre-line;} .kfMsg.bot{ background-color:#fff; color:#333; border:1px solid #e6ecf5; border-top-left-radius:2px; -webkit-box-shadow:0 1px 3px rgba(15,40,80,.05); box-shadow:0 1px 3px rgba(15,40,80,.05);} .kfMsg.me{ background-color:#1e7be8; color:#fff; margin-left:auto; border-top-right-radius:2px;} .kfMsg img{ display:block; width:120px; height:120px; margin:6px 0 2px; border-radius:6px; background-color:#fff;} .kfMsg a{ color:#1e7be8; text-decoration:underline;} .kfMsg.me a{ color:#fff;} .kfTyping i{ display:inline-block; width:5px; height:5px; margin:0 2px 0 0; border-radius:50%; background-color:#9fb0c6; -webkit-animation:kfDot 1s infinite ease-in-out; animation:kfDot 1s infinite ease-in-out;} .kfTyping i:nth-child(2){ -webkit-animation-delay:.15s; animation-delay:.15s;} .kfTyping i:nth-child(3){ -webkit-animation-delay:.3s; animation-delay:.3s;} @-webkit-keyframes kfDot{0%,80%,100%{-webkit-transform:scale(.6);opacity:.5}40%{-webkit-transform:scale(1);opacity:1}} @keyframes kfDot{0%,80%,100%{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}} /* 快捷问题 */ .kfChat_quick{ -webkit-box-flex:0; -webkit-flex:0 0 auto; flex:0 0 auto; padding:8px 10px 0; background-color:#fff; border-top:1px solid #eef2f8; overflow-x:auto; white-space:nowrap;} .kfChat_quick a{ display:inline-block; height:26px; line-height:24px; padding:0 10px; margin:0 6px 8px 0; border-radius:13px; font-size:12px; color:#1e7be8; background-color:#f2f7ff; border:1px solid #d9e8fb; text-decoration:none;} .kfChat_quick a:hover{ background-color:#e3efff; color:#155bb0; text-decoration:none;} /* 输入区 */ .kfChat_in{ -webkit-box-flex:0; -webkit-flex:0 0 auto; flex:0 0 auto; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; padding:8px 10px 10px; background-color:#fff;} .kfChat_in input{ -webkit-box-flex:1; -webkit-flex:1 1 auto; flex:1 1 auto; width:100%; height:36px; line-height:36px; margin:0; padding:0 12px; border:1px solid #dfe7f2; border-radius:18px; font-size:13px; color:#333; background-color:#f7f9fc; outline:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none;} .kfChat_in input:focus{ border-color:#1e7be8; background-color:#fff;} .kfChat_send{ -webkit-box-flex:0; -webkit-flex:0 0 auto; flex:0 0 auto; display:block; height:36px; line-height:36px; margin-left:8px; padding:0 16px; border-radius:18px; font-size:13px; color:#fff; background-color:#1e7be8; text-decoration:none; cursor:pointer;} .kfChat_send:hover{ background-color:#155bb0; color:#fff; text-decoration:none;} /* 收起后的小圆钮 */ .kfCard_fab{ display:none; position:fixed; right:100px; bottom:26px; width:56px; height:56px; border-radius:50%; background-color:#1e7be8; background-image:linear-gradient(135deg,#1e7be8 0%,#155bb0 100%); -webkit-box-shadow:0 8px 22px rgba(30,123,232,.45); box-shadow:0 8px 22px rgba(30,123,232,.45); z-index:1000; text-decoration:none; cursor:pointer;} .kfCard.isMin + .kfCard_fab{ display:block;} .kfCard_fab:before{ content:""; display:block; position:absolute; left:15px; top:16px; width:22px; height:16px; border-radius:6px; background-color:#fff;} .kfCard_fab:after{ content:""; display:block; position:absolute; left:18px; top:31px; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #fff;} .kfCard_fab:hover{ background-image:linear-gradient(135deg,#2b88f2 0%,#1e7be8 100%);} @media (max-width:1079px){ /* 侧栏客服条在这个宽度以下隐藏，沟通窗可以贴右 */ .kfCard{ right:22px;} .kfCard_fab{ right:22px;} } @media (max-width:767px){ .kfCard{ left:12px; right:12px; bottom:14px; width:auto; height:60vh; max-height:520px;} .kfCard_fab{ right:14px; bottom:16px; width:50px; height:50px;} .kfCard_fab:before{ left:13px; top:14px; width:20px; height:15px;} .kfCard_fab:after{ left:16px; top:28px;} } /* AB模板网新增分页样式 www.admibnuy.cn */ .pagebar { padding:20px; overflow:hidden; clear:both} .pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; } .pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 8px 10px; margin: 0 2px; border-radius: 3px; line-height:100% } .pagination span { color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 3px; } .pagination a:hover { color: #333; border: 1px solid #333; } .pagination a.page-num-current { color: #fff; background: #333; border: 1px solid #333; } .pagination .st{ font-family:宋体} .text-secondary{ text-align:center; padding:20px 0} .ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;} .ab_img p{text-wrap: inherit !important; line-height: 28px;} .ab_img p span{text-wrap: inherit !important;} /* ===== 永迪定制：客户案例三列栅格（纯 CSS，不依赖 Swiper，避免 loop 克隆重复卡片） ===== */ .ab_article .case-row{ padding-top:100px; overflow:hidden; } .ab_article .case-row li{ width:31.5%; margin-right:2.75%; float:left; padding:26px 26px 22px; background:#fff; box-shadow: inset 0 0 0 4px #f7f6f6; position:relative; min-height:210px; transition: all .4s ease; box-sizing:border-box;} .ab_article .case-row li:nth-child(3n){ margin-right:0; } .ab_article .case-row li:nth-child(3n+1){ clear:both; } .ab_article .case-row li .name{ margin:0 0 18px; overflow:hidden; } .ab_article .case-row li .ms{ -webkit-line-clamp:3; height:auto; max-height:72px;} .ab_article .case-row li .artfot{ margin-top:26px; padding-left:26px;} @media screen and (max-width:1079px){ .ab_article .case-row{ padding-top:80px; } .ab_article .case-row li{ width:48.5%; margin-right:3%; } .ab_article .case-row li:nth-child(3n){ margin-right:3%; } .ab_article .case-row li:nth-child(2n){ margin-right:0; } .ab_article .case-row li:nth-child(3n+1){ clear:none; } .ab_article .case-row li:nth-child(2n+1){ clear:both; } } @media screen and (max-width:767px){ .ab_article .case-row{ padding-top:22px; } .ab_article .case-row li{ width:100%; margin-right:0 !important; margin-bottom:16px; min-height:0; } .ab_article .case-row li:nth-child(2n+1){ clear:both; } } /* ===== 永迪定制：页脚（品牌信息 + 导航 + 二维码） ===== */ footer.site-foot{ background:#1b2233; } footer.site-foot .ft-top{ display:flex; flex-wrap:wrap; padding:56px 0 46px; } footer.site-foot .ft-brand{ width:40%; padding-right:40px; box-sizing:border-box; } footer.site-foot .ft-name{ font-size:22px; color:#fff; font-weight:bold; letter-spacing:.5px;} footer.site-foot .ft-en{ font-size:12px; color:#5f728f; letter-spacing:1.2px; margin:6px 0 22px;} footer.site-foot .ft-line{ font-size:14px; color:#a8b4c6; line-height:26px; padding-left:0;} footer.site-foot .ft-line i{ font-style:normal; display:inline-block; min-width:44px; color:#5f728f;} footer.site-foot .ft-col{ width:21%; padding-right:20px; box-sizing:border-box; } footer.site-foot .ft-t{ font-size:17px; color:#fff; margin-bottom:20px; } footer.site-foot .ft-col li{ line-height:30px; } footer.site-foot .ft-col li a{ font-size:14px; color:#a8b4c6; transition:color .3s;} footer.site-foot .ft-col li a:hover{ color:#4f9bff; } footer.site-foot .ft-qr{ width:18%; text-align:center; } footer.site-foot .ft-qrbox{ width:118px; height:118px; margin:0 auto 12px; background:#fff; padding:6px; border-radius:6px; box-sizing:border-box;} footer.site-foot .ft-qrbox img{ width:100%; height:100%; object-fit:contain; display:block;} footer.site-foot .ft-qr p{ font-size:14px; color:#a8b4c6; } footer .foot_copy{ background:#151b29; } footer .foot_copy_main{ padding:18px 0; font-size:13px; color:#66748c;} footer .foot_copy_main a{ color:#66748c;} footer .foot_copy_main a:hover{ color:#4f9bff;} @media screen and (max-width:1079px){ footer.site-foot .ft-brand{ width:100%; padding-right:0; margin-bottom:30px;} footer.site-foot .ft-col{ width:33.33%; } footer.site-foot .ft-qr{ width:33.33%; text-align:left;} footer.site-foot .ft-qrbox{ margin:0 0 12px;} } @media screen and (max-width:767px){ footer.site-foot .ft-top{ padding:30px 0 24px;} footer.site-foot .ft-brand{ margin-bottom:22px;} footer.site-foot .ft-name{ font-size:18px;} footer.site-foot .ft-line{ font-size:13px; line-height:24px;} footer.site-foot .ft-col{ width:50%; margin-bottom:18px;} footer.site-foot .ft-qr{ width:50%;} footer.site-foot .ft-qrbox{ width:96px; height:96px;} footer.site-foot .ft-t{ font-size:15px; margin-bottom:12px;} } /* ===== 永迪定制：首页关于我们正文可读性 ===== */ .ababout .abcont{ max-width:1060px; margin:34px auto 0; } .ababout .abcont p,.ababout .abcont span{ font-size:15.5px; line-height:32px; color:#6a7482;} @media screen and (max-width:767px){ .ababout .abcont{ margin-top:20px;} .ababout .abcont p,.ababout .abcont span{ font-size:14px; line-height:26px;} } /* ===== 永迪定制：移动端修正（客服悬浮条遮挡、banner 高度、卡片标题两行） ===== */ @media screen and (max-width:1079px){ .kfView4{ display:none !important; } } @media screen and (max-width:767px){ .abprobox .proright ul li{ padding:14px; } .abprobox .proright ul li .text .name{ height:46px; line-height:23px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-align:left; margin:12px 0 0;} } /* ===== 永迪定制：内页移动端 banner 与列表卡片 ===== */ @media screen and (max-width:767px){ .NyBanner .NyBa_Con{ width:calc(100% - 24px); padding:0; box-sizing:border-box; } .NyBa_Con p{ font-size:24px; line-height:32px; } .NyBa_Con i{ margin:8px 0 10px;} .NyBa_Con span{ font-size:14px; line-height:20px; letter-spacing:2px;} .nyprobox .nyprocont ul li{ width:100%; margin-right:0 !important; padding:16px;} .nyprobox .nyprocont ul li .text{ width:100%; } .nyprobox .nyprocont ul li .text .name{ font-size:16px; line-height:24px; height:48px; margin:12px 0 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .nyprobox .nyprocont ul li .text .yctext{ height:auto; } .nyprobox .nyprocont ul li .text .yctext p{ display:block; max-height:44px; } } /* ===== 永迪定制：荣誉资质静态卡片 ===== */ .NyAboutus_Honor .honor-grid{ display:flex; flex-wrap:wrap; justify-content:center; } .NyAboutus_Honor .honor-item{ width:260px; margin:0 20px 24px; } .NyAboutus_Honor .honor-img{ width:100%; height:300px; background:#fff; border:1px solid #e6e6e6; padding:10px; box-sizing:border-box; display:flex; align-items:center; justify-content:center;} .NyAboutus_Honor .honor-img img{ max-width:100%; max-height:100%; object-fit:contain; display:block;} .NyAboutus_Honor .honor-name{ text-align:center; font-size:16px; color:#333; line-height:40px;} @media screen and (max-width:767px){ .NyAboutus_Honor .honor-item{ width:44%; margin:0 3% 18px;} .NyAboutus_Honor .honor-img{ height:220px;} .NyAboutus_Honor .honor-name{ font-size:14px;} } /* ===== 永迪定制：新闻/案例详情正文可读性 ===== */ .NyNewDetail_Main .NyNewDetail_Content, .NyNewDetail_Content.ab_img{ max-width:900px; font-size:16px; line-height:32px; color:#555; } .NyNewDetail_Content p{ margin:0 0 16px; line-height:32px; } .NyNewDetail_Main .NyNewDetail_Name{ max-width:900px; } .NyNewDetail_Main .NyNewDetail_Tips{ max-width:900px; } @media screen and (max-width:767px){ .NyNewDetail_Main .NyNewDetail_Content,.NyNewDetail_Content.ab_img{ font-size:15px;} .NyNewDetail_Content p{ line-height:28px; margin-bottom:12px;} } /* ===== 永迪定制：页脚 logo + 公司名排版（logo 左缘与地址/电话/邮箱左对齐） ===== */ footer.site-foot .ft-head{ display:flex; align-items:center; margin-bottom:18px;} footer.site-foot .ft-logo{ height:46px; width:auto; display:block; -ms-flex:0 0 auto; flex:0 0 auto;} footer.site-foot .ft-tit{ margin-left:14px; min-width:0;} footer.site-foot .ft-head .ft-name{ font-size:22px; line-height:1.25;} footer.site-foot .ft-head .ft-en{ margin:6px 0 0;} @media screen and (max-width:1299px){ footer.site-foot .ft-head .ft-name{ font-size:20px;} } @media screen and (max-width:767px){ footer.site-foot .ft-head{ margin-bottom:14px;} footer.site-foot .ft-logo{ height:38px;} footer.site-foot .ft-tit{ margin-left:10px;} footer.site-foot .ft-head .ft-name{ font-size:17px;} footer.site-foot .ft-head .ft-en{ font-size:10px; letter-spacing:.6px; margin-top:4px;} } @media screen and (max-width:414px){ footer.site-foot .ft-head .ft-name{ font-size:15px;} footer.site-foot .ft-head .ft-en{ font-size:9px;} } /* ===== 永迪定制：头部 logo + 公司名 响应式收缩 ===== */ @media screen and (max-width:1080px){ header .top_two .logo{ width:calc(100% - 76px);} header .top_two .logo a{ height:auto;} header .top_two .logo .logo-txt{ margin-left:12px;} header .top_two .logo .logo-txt em{ font-size:15px;} header .top_two .logo .logo-txt i{ font-size:8px; letter-spacing:0;} } @media screen and (max-width:767px){ header .top_two .logo img{ height:44px !important;} header .top_two .logo .logo-txt em{ font-size:14px;} header .top_two .logo .logo-txt i{ font-size:7.5px;} } @media screen and (max-width:479px){ header .top_two .logo img{ height:40px !important;} header .top_two .logo .logo-txt em{ font-size:13px; letter-spacing:0;} header .top_two .logo .logo-txt i{ display:none;} } /* ===== 永迪定制：联系我们 - 公司位置地图 + 在线留言 ===== */ .NyContactMap{ width:100%; margin:0 auto; padding:40px 0 0;} .NyContactMap .ly_Title1{ margin-bottom:30px;} .NyContactMap_Box{ width:100%; background:#fff; padding:15px; border-radius:14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .NyContactMap_Box #container{ width:100%; height:394px; border-radius:10px; overflow:hidden; background:#e9edf5 url(../images/contactimg.jpg) center center no-repeat; background-size:cover;} .NyContactMap .amap-info-content{ padding:8px 12px;} .NyContactMap .amap-info-content .title1{ line-height:22px; color:#1e7be8; font-size:14px; font-weight:bold;} .NyContactMsg{ width:100%; margin:0 auto; padding:60px 0 0;} .NyContactMsg .ly_Title1{ margin-bottom:30px;} @media screen and (max-width:1080px){ .NyContactMap_Box #container{ height:340px;} .NyContactMsg{ padding:40px 0 0;} } @media screen and (max-width:767px){ .NyContactMap{ padding:20px 0 0;} .NyContactMap_Box{ padding:10px; border-radius:10px;} .NyContactMap_Box #container{ height:260px;} .NyContactMap .ly_Title1, .NyContactMsg .ly_Title1{ margin-bottom:20px;} .NyContactMsg{ padding:30px 0 0;} } @media screen and (max-width:479px){ .NyContactMap_Box #container{ height:220px;} }