@charset "utf-8"; /* CSS Document */ /**common**/ *{ margin:0; padding:0;} 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:14px/1.5 Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif;} table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:14px;} ol,ul {list-style:none;} li { list-style-type:none;} img { vertical-align:middle;border:0;} h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:normal;} address,cite,code,em,th,i { 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;} a:visited { text-decoration:none;} a:hover { text-decoration:none;} a:active { text-decoration:none;} .fl { float:left;} .fr { float:right;} .midmarg{ width:96%; max-width:1200px; margin:0 auto;} /* 设置滚动条的样式 */ ::-webkit-scrollbar { width:4px;}/* 滚动槽 */ ::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0px;}/* 滚动条滑块 */ ::-webkit-scrollbar-thumb { background-color:#0a1a3e;} ::-webkit-scrollbar-thumb:window-inactive { background-color:#0a1a3e;} /*headtop 开始 */ .ly_headtop { width:100%; height:45px; overflow:hidden; margin:0 auto; padding:0;border-bottom: 1px solid #ededed;} .ly_headtop .lyht_main { width:1200px; height:45px; overflow:hidden; margin:0 auto; padding:0;} .lyht_main .lyht_fl { background:url(../images/headtophome.png) left center no-repeat; padding-left:25px; width:50%; height:45px; overflow:hidden; line-height:45px; color:#888; font-size:14px; white-space:nowrap; text-overflow: ellipsis; float:left;} .lyht_main .lyht_fr { width:40%; height:45px; overflow:hidden; line-height:45px; color:#888; font-size:14px; text-align:right; float:right;} .lyht_fl a { color:#888;} .lyht_fr a { display:inline-block; color:#888; margin:0; padding:0 10px;} .lyht_fr em { display:inline-block; width:1px; height:15px; overflow:hidden; margin:-2px 0 0; padding:0; vertical-align:middle; background-color:#888;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_headtop .lyht_main { width:96%;} } @media screen and (max-width:1079px) and (min-width:768px) { .ly_headtop .lyht_main { width:96%;} } @media screen and (max-width:767px) { .ly_headtop { display:none;} } /*headtop 结束 */ /**lff_top**/ .ly_top { width:100%;-webkit-box-shadow: 0 5px 4px rgba(0,0,0,.2);box-shadow: 0 5px 4px rgba(0,0,0,.15);z-index: 99999;position: relative;background: #fff;} .ly_top .ly_top_in{ height: 110px; padding: 0;} .ly_top .top_logo { width:280px; height: 110px; overflow: hidden; margin: 0 0 0; padding: 0; float: left;} .ly_top .ly_tel { height:50px; overflow:hidden; margin:30px 0; padding:0 0 0 50px; background:url(../images/tel.png) left center no-repeat; background-size:40px 40px; float:right;} .ly_tel span { display:block; height:20px; line-height:20px; color:#555; font-size:16px; margin:0; padding:0;} .ly_tel p {height: 30px;line-height: 30px;color: #0f0f0f;font-size: 22px;font-weight: bold;margin: 0;padding: 0;} /**lff_nav**/ .ly_nav { width:59%;float:right; margin: 0 auto; padding: 0;} .navigation { padding:0; list-style:none;} .navigation li { float:left;position:relative;width:16.285%;text-align:center;} .navigation li a { display:inline-block; height: 110px; line-height: 110px; margin: 0; padding:0; text-decoration:none; text-align:center; text-transform:uppercase; color:#555; font-size: 15px;text-align: center;position:relative;} .navigation li i{display:inline-block;vertical-align:middle;width:8px;height:5px;background:url(../images/nav_jt1.png) center center no-repeat;margin-left:5px;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;} .navigation li:hover, .navigation li a:hover, .navigation li.nav_on a { color:#c51003;} .navigation li:hover i{background:url(../images/nav_jt2.png) center center no-repeat;-webkit-transform: rotate(180deg);transform: rotate(180deg);} .navigation li.nav_on:after{content:'';display:block;width:60%;height:2px;background:#c51003;position:absolute;bottom:0;left:50%;margin-left:-30%;} .navigation li .nav2{display:none;position:absolute;top:66px;left:-10px;width:100%;padding:10px 10px;z-index:9999999;box-shadow: 0px 1px 3px rgba(0,0,0,0.1);background:#fff;margin-top: 10px;} .navigation li:hover .nav2{ display:block;} .navigation li .nav2 a{display:block;width:100%;height:30px;line-height:30px;color:#555;font-size:14px;} .navigation li .nav2 a:hover{color:#c30d23;} .navigation ul { position:absolute; left:0; top: 48px; display:none; margin:0; padding:0; list-style:none; z-index: 999; background-color: #fff; border-top: 2px solid #e20100;} .navigation ul li { width:120px; float:left; border-top:none;} .navigation ul li:nth-child(even) { background-color:#f5f6f8;} .navigation ul a { display:block; height:40px; line-height: 40px; padding:0; color:#4e607b; font-size: 12px; font-weight: normal; text-decoration:none; border-top:none;} .navigation ul a:hover { color:#fff; background-color: #fe0100;} .web_nav{display:none;width:100%; height: 40px;line-height:40px;color:#fff;font-size:16px;margin:0 auto;font-weight:bold;} .btn-menu {display:block;float:right;position:relative;background:transparent;cursor:pointer;padding: 27px 0;width:26px;height:16px;-webkit-transition:all ease .238s;-moz-transition:all ease .238s;transition:all ease .238s;} .btn-menu:before,.btn-menu:after,.btn-menu span {background-color:#c30d23;-webkit-transition:all ease .238s;-moz-transition:all ease .238s;transition:all ease .238s;} .btn-menu:before,.btn-menu:after {content:'';position:absolute;top:0;height:2px;width:100%;left:0;top:50%;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;} .btn-menu span {position:absolute;width:100%;height:2px;left:0;top:50%;overflow:hidden;text-indent:200%;} .btn-menu:before {-webkit-transform:translate3d(0,-7px,0);transform:translate3d(0,-7px,0);} .btn-menu:after {-webkit-transform:translate3d(0,7px,0);transform:translate3d(0,7px,0);} .btn-menu.active span {opacity:0;} .btn-menu.active:before {background-color:#c30d23;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);} .btn-menu.active:after {background-color:#c30d23;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);} @media screen and (max-width:1199px) and (min-width:1080px) { .navigation{width:96%;position:relative;z-index:9999999;} .navigation li a{height:55px;line-height:55px;} .ly_nav{width:100%;float:none;} .navigation li .nav2{top:50px;} } @media screen and (max-width:1079px) and (min-width:768px) { .ly_top{height:auto;} .ly_top .top_logo a img{max-width:96%;display:inline-block;vertical-align:top;} .ly_top{height: auto;top:0;} .ly_top .top_tel{display:none;} .ly_top .top_logo{height:auto;float:left;} .ly_top .top_logo a{display:block;width:100%;text-align:center;} .ly_top .top_logo a img{max-width:96%;display:inline-block;vertical-align:top;} .ly_top .top_logo img{margin-top:0;} .btn-menu{padding: 35px 0;} .web_nav{width:96%;} .navigation{width:96%;position:relative;z-index:9999999;} .navigation li a{height:55px;line-height:55px;} .ly_nav{width:100%;float:none;} .navigation li .nav2{top:50px;} } @media (max-width:767px){ .btn-menu {padding: 27px 0; height:32px;} .navigation{width:104%;display:none;margin-left:-2%;top: 88px;position:absolute;} .navigation li{width:100%;background:#f1f1f1;border-bottom:1px solid #ffffff;} .navigation li a{color:#515671;height:46px;line-height:46px;background:#f1f1f1; display: block;} .navigation li i{content:'';display:block;float:right;width:20%;height:40px;line-height:40px;background:url(../images/nav_jt1.png) center center no-repeat;position:absolute;top:0;right:0;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: rotate(0deg);transform: rotate(0deg);} .navigation li.on i{background:url(../images/nav_jt2.png) center center no-repeat;-webkit-transform: rotate(0deg);transform: rotate(0deg);} .navigation li .nav2{position:static;top:0;left:0;width:100%;background: #f1f1f1;padding: 10px 0;} .navigation li .nav2 a{height:40px;line-height:40px;} .navigation li.nav_on:after{width:20%;margin-left:-10%;display:none;} .ly_top .top_logo{margin-top: 0;height:auto;} .ly_top .ly_tel{ display:none;} .web_nav{ display:block;} .ly_top .top_logo img{ max-width:80%;} .ly_nav{ width:100%; float:none;} .ly_top .ly_top_in{ height:90px;} .navigation li:hover i{-webkit-transform: rotate(0deg);transform: rotate(0deg);} } @media (max-width:767px){ .ly_top .top_logo{ width:260px;} } /**banner**/ .apple-banner { width: 100%; height: 665px; overflow: hidden;z-index:999;} .apple-banner .swiper-container { width: 100%; height: 665px;} .apple-banner .swiper-button-prev,.apple-banner .swiper-button-next { width: 8%; height: 100%; top:0; background:none;} .apple-banner .swiper-button-prev { left:0;} .apple-banner .swiper-button-next { right:0;} .apple-banner .swiper-button-prev:hover span,.swiper-button-next:hover span{ opacity: 1;} .apple-banner .swiper-pagination{ top:auto; bottom:20px; background:none;} .apple-banner .swiper-pagination-bullet { display: inline-block; width: 12px; height:12px;margin: 0 3px; cursor: pointer; background: none;opacity: 1;} .apple-banner .swiper-pagination-bullet span { width: 100%; height: 100%; display: block;} .apple-banner .swiper-pagination-bullet i{ background-color: #fff; width: 100%; height: 100%;display: block;border-radius: 50%;} .apple-banner .swiper-pagination-bullet.current i,.apple-banner .swiper-pagination-bullet.swiper-pagination-bullet-active i,.apple-banner .swiper-pagination-bullet.swiper-pagination-bullet-active.firsrCurrent i{background: #e43437;} @media screen and (max-width:1199px) and (min-width:1080px) { .apple-banner {height: 360px; } .apple-banner .swiper-container { height: 360px;} } @media screen and (max-width:1079px) and (min-width:768px) { .apple-banner {height: 300px; } .apple-banner .swiper-container { height: 300px;} .apple-banner .swiper-button-prev, .apple-banner .swiper-button-next{top:22px;} } @media (max-width:767px) { .apple-banner {height:180px;} .apple-banner .swiper-container { height: 180px;} .apple-banner .swiper-button-prev,.apple-banner .swiper-button-next{display:none !important;} .apple-banner .swiper-pagination{bottom:10px;} .apple-banner .swiper-pagination-bullet{width:8px;height:8px;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px;} } /*banner END*/ /*banner底部*/ .lff_datudi{ height:138px; width:100%; background:#f7f7f7;} .lff_datudi ul{overflow: hidden;} .lff_datudi ul li{ width:52%; float:left;border-right: 1px solid #fff;} .lff_datudi ul li:nth-of-type(2){width:44%; border-right:none; float:right;} .lff_datudi ul li .ind_biaoti{ width:40%;padding: 35px 0; border-right:1px solid #fff; float:left;} .lff_datudi ul li .ind_biaoti P{font-size:30px; font-weight:bold; color:#333;letter-spacing:5px;} .lff_datudi ul li .ind_biaoti span{ font-size:13px; font-weight:normal;text-transform:uppercase;color: #666; letter-spacing: 1px;} .lff_datudi ul li .ind_miaosu{ width:58%;padding: 35px 0; float:right; text-align:center;} .lff_datudi ul li .ind_miaosu p{font-size:22px;color:#c51003;letter-spacing:5px; padding: 5px 0 7px 0;} .lff_datudi ul li .ind_miaosu i{ padding: 4px 10px; color:#333; font-size:14px; margin-right:1.5%; background:#e2e2e2;border-radius:5px} .lff_datudi ul li .search_right { float:right; width:100%; height:55px; overflow:hidden; margin:0; padding:0 80px 0 0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;border-bottom: 1px solid #dfdfdf;margin-top: 11px;} .lff_datudi ul li .search_right .sc_ipt { width:100%; height:55px; overflow:hidden; margin:0; padding:0;} .lff_datudi ul li .search_right .sc_ipt input { display:block; width:100%; height:55px; overflow:hidden; line-height:53px; color:#777; font-size:14px; white-space:nowrap; text-overflow: ellipsis; border:none;background: none;outline:none; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lff_datudi ul li .search_right .sc_btn { width:80px; height:55px; overflow:hidden; margin:0; padding:0; position:absolute; top:0; right:0;} .lff_datudi ul li .search_right .sc_btn input { display:block; width:100%; height:55px; overflow:hidden; line-height:55px; font-size:0; text-align:center; border:none; outline:none; cursor:pointer;background:url(../images/sousuo.png) right center no-repeat;} .lff_datudi ul li .hotkw_left{width: 100%;height: 55px;overflow: hidden;line-height: 55px;color: #797979;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;margin: 0;padding: 0;} .lff_datudi ul li .hotkw_left span{color: #333;font-size: 12px;} @media (max-width:1199px) { .lff_datudi ul li:nth-of-type(1){ display:none;} .lff_datudi ul li:nth-of-type(2){ width:100%;} .lff_datudi{ height:110px;} } @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:768px) { } @media (max-width:767px) { } /**首页产品展示**/ .ly_show {width:100%; padding: 34px 0 40px;background:#fff;} .hd{margin-bottom:25px; text-align:center;} .hd .tltbt{width:100%;float:left;font-size:30px;font-weight:bold;color:#333;position:relative; text-align:center;} .hd .tltbt:after{content:'';display:block;width:80px;height:3px;background:#e43437;position:absolute;bottom:-1px;left:50%;margin-left: -40px;} .hd .tltbt i{height: 1px;width: 30%; margin: 0 auto;background: #f6f6f6; display: block; margin-top: 15px;} .hd span{ color:#999; font-size:15px;line-height: 55px;} .ny_content .show_list ul li .show_pro_img{} .ny_content .show_list ul li p{background: #fff;padding:8px 0; text-align:center;} .ny_content .show_list .show_pro_img span{height:210px;} .ly_show .show_list { width:100%;margin: 0; padding: 0;background: #ffffff;} .show_list ul li {width:32.4%;margin: 0 1.4% 14px 0; float: left;background: #f6f6f6;} @media (min-width:768px) { .show_list ul li:nth-child(3n){margin-right:0;} } .show_list ul li>div{/*box-shadow: 0px 0px 0px 1px #e0e0e0;*/} .show_list ul li a { display:block;margin: 0 auto; padding: 0 15px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .show_list ul li .show_pro_img{-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;padding: 11px;} .show_pro_img span{ display:block; width:100%; height:270px; overflow: hidden; margin: 0 auto; padding: 0; position: relative;background:#fff;} .show_pro_img span a:after{content:'';display:block;opacity:0; width:100%;height:100%;background:rgba(0,0,0,.5) url(../images/prochak.png) 10% center no-repeat;position:absolute;top:0;left:0;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;} .show_list ul li:hover .show_pro_img span a:after{opacity:1;background:rgba(0,0,0,.5) url(../images/prochak.png) center center no-repeat; z-index:222;} .show_pro_img span img { display:block; max-width: 95%; max-height: 95%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;} .show_list ul li>div .wz{padding-bottom:25px;} .show_list ul li p.pro_name{ width:98%; height: 50px; overflow: hidden; line-height:50px; color: #333; font-size: 14px; text-align: center; margin: 0 auto 0; padding: 0 1% 10px;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;} .show_list ul li p.pro_name a{color: #333; font-size: 20px; font-weight:bold;overflow: hidden; text-overflow: ellipsis; white-space:nowrap; position:relative;} .show_list ul li p.pro_name a:after{content:'';display:block;width:28px;height:3px;background:#777777;position:absolute;bottom:-1px;left:50%;margin-left: -14px;} .show_list ul li p.desc{font-size:14px;color:#999;line-height:22px;padding: 0 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 42px;} .show_list ul li>div:hover .show_pro_img{ background:#b0b0b0;} .show_list ul li>div:hover .wz{background:#b0b0b0;} .show_list ul li>div:hover p a{ color:#fff; font-weight: bold;} .show_list ul li>div:hover p a:after{ background:#fff;} .show_list ul li>div:hover p{color:#fff;background: #b0b0b0;} .show_list ul li>div:hover img{transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1);} .show_list ul li .hei {width:100%;height:270px;background:#000;position:absolute;left:0;top:0;filter:alpha(opacity=70);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;display:none;} .show_list ul li .Detail {position:absolute;left:50%;margin-left:-25px;top:50%;margin-top:-42px;width: 60px;height: 60px;display:block;background:url(../images/prochak.png) center center no-repeat;font-size:16px;text-align:center;line-height:160px;color:#fff;display:none;} .show_list ul li:hover .Detail {display:block;} .show_list ul li:hover .hei {display:block;} @media screen and (max-width:1079px) and (min-width:768px) { .show_pro_img span,.show_list ul li .hei{ height:200px;} .show_list ul li p.pro_name a{ font-size:16px;} } @media (max-width:767px) { .show_list ul li{ width:49%; margin-right:2%;} .show_list ul li:nth-child(2n){margin-right:0;} .show_pro_img span,.show_list ul li .hei{ height:180px;} .show_list ul li p.pro_name a{ font-size:16px;} .hd .tltbt{ font-size:24px;} } /*首页关于我们*/ .lff_about{ width:100%;background:url(../images/aboutbg.jpg) no-repeat; padding:90px 0;} .lff_about .aboutzt{ z-index:3;} .lff_about .aboutzt .tit1{ width:100%; height:74px; margin:0 auto;background:url(../images/aboutbt.png) center center no-repeat; } .lff_about .aboutzt .tit2{ font-size:30px; color:#fff; text-align:center;margin-top: -56px;} .lff_about .aboutzt .tit3{ width:50px; height:5px; background:#c51003;margin: 25px auto;} .lff_about .aboutzt .aboutnrz{ width:40%;height: 360px;} .lff_about .aboutzt .aboutnrz img{ max-width:100%;height:100%;} .lff_about .aboutzt .aboutnry{ width:60%; background:#fff; height:360px; padding:45px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color: #666;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} .lff_about .aboutzt .aboutnry .h_d{ font-size:22px;color: #333;} .lff_about .aboutzt .aboutnry .desc{ line-height:30px;overflow: hidden; margin-top:20px;height: 143px;overflow: hidden;} .lff_about .aboutzt .aboutnry a{border:1px solid #999; color:#666; display: block;width: 140px;height: 40px;font-size: 14px;text-align: center;line-height: 40px;margin-top: 35px;} .lff_about .aboutzt .aboutnry a:hover{ background:#e43437;border:1px solid #e43437; color:#fff;} .lff_about .aboutsd{ width:100%;background-color:rgba(50,50,52,0.8);margin-top: -130px;padding: 156px 0 26px 0;} .lff_about .aboutsd ul li{ width:25%; border-left:1px solid #3c3b3b; float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; color:#fff; position:relative; text-align: center; padding: 30px 0;} .lff_about .aboutsd ul li:nth-of-type(4){border-right:1px solid #3c3b3b; } .lff_about .aboutsd ul li:hover{ background-color:#c1020a;} .lff_about .aboutsd ul li p{ font-size:30px; font-weight:bold;} .lff_about .aboutsd ul li i{ background-color:#c1020a; border-radius: 50%;width: 20px; height: 20px;display: block; text-align:center; position:absolute;top: 25px;left: 56%;} @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:768px) { .lff_about .aboutzt .aboutnrz{ display:none;} .lff_about .aboutzt .aboutnry{ width:100%;} .lff_about .aboutzt .aboutnry .h_d{ text-align:center;} .lff_about .aboutzt .aboutnry a{ margin:35px auto 0;} } @media (max-width:767px) { .lff_about .aboutzt .aboutnrz{ display:none;} .lff_about .aboutzt .aboutnry{ width:100%;padding:20px; height:auto;} .lff_about{ padding:50px 0;} .lff_about .aboutzt .tit1{ background-size:100%;} .lff_about .aboutsd ul li{ width:50%;padding: 15px; margin-bottom: 15px;} .lff_about .aboutsd ul li i{top: 15px; left: 59%;} .lff_about .aboutzt .aboutnry a{ width:100%;margin: 30px 0 5px 0;} .lff_about .aboutzt .aboutnry .desc{ margin-top:10px;} .lff_about .aboutsd ul li:nth-of-type(1),.lff_about .aboutsd ul li:nth-of-type(3){border-left:0;} .lff_about .aboutsd ul li:nth-of-type(4){border-right:0;} } /*首页新闻文章*/ .lff_indnew{ width:100%; background:#f6f6f6;padding: 34px 0 40px;} .lff_indnew .news_bd{overflow:hidden;} .lff_indnew .news_bd .news_tj{width:49%;float:left;} .lff_indnew .news_bd .news_tj p i{padding: 3px 23px;background: #e72327;border-radius: 13px;color: #fff; float:left;} .lff_indnew .news_bd .news_tj .news_tj_img a{display:block;width:100%;height:318px;overflow:hidden;text-align:center;background:#ffffff;border-bottom:1px solid #f5f5f5;} .lff_indnew .news_bd .news_tj .news_tj_img a img{max-width: 100%; max-height:100%;vertical-align:middle;transition-duration: 3s;-ms-transition-duration: 3s;-moz-transition-duration: 3s;-webkit-transition-duration: 3s;} .lff_indnew .news_bd .news_tj .news_tj_img a:hover img{transform: scale(1.1,1.1);opacity: 0.5;} .lff_indnew .news_bd .news_tj .news_tj_img a .iblock {display:inline-block;height:100%;width:0;vertical-align:middle} .lff_indnew .news_bd .news_tj .news_tj_con{background:#ffffff;padding: 10px 20px 15px;} .lff_indnew .news_bd .news_tj p a{display:block;width:66%;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;font-size:16px;color:#555;height:35px;line-height:29px; float:left; margin-left:3%;} .lff_indnew .news_bd .news_tj p a:hover{color:#e72327;} .lff_indnew .news_bd .news_tj p em{display:block;font-size:14px;color:#999;background:#ffffff; float:right;line-height: 30px;} .lff_indnew .news_bd .news_tj span{display:block;font-size:14px;color:#999;line-height:22px;background:#ffffff;clear:both;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height: 45px;} .lff_indnew .news_bd .news_tj_san{background: #ffffff; padding: 10px 20px 15px; margin-top:11px;} .lff_indnew .news_bd .news_tj_san li{background:url(../images/indwenz.jpg) left center no-repeat;height: 38px;line-height: 38px;padding-left: 15px;} .lff_indnew .news_bd .news_tj_san li:hover{box-shadow: 0 2px 5px rgba(0,0,0,.11);padding: 0 10px 0 25px;background: url(../images/indwenz.jpg) 10px center no-repeat;} .lff_indnew .news_bd .news_tj_san li:hover a{ color:#e72327;} .lff_indnew .news_bd .news_tj_san li a{ width:75%; color:#555;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block; float:left;} .lff_indnew .news_bd .news_tj_san li time{ float:right; color:#999;} .lff_indnew .news_bd .wenz_si{width:48%;float:right;} .lff_indnew .news_bd .wenz_si li{background:#ffffff;padding:21px;margin-bottom:22px;position:relative;} .lff_indnew .news_bd .wenz_si li .news_time{position:absolute;width:100px;text-align:center;background:#adadad;padding:10px 0;overflow:hidden;} .lff_indnew .news_bd .wenz_si li .news_time p{font-size:24px;font-weight:bold;color:#fff;} .lff_indnew .news_bd .wenz_si li .news_time p:after{content: '';display: block;width: 17px;height: 2px;background: #fff;position: absolute;left:41%;} .lff_indnew .news_bd .wenz_si li .news_time span{font-size:14px;color:#fff;line-height: 26px;} .lff_indnew .news_bd .wenz_si li .news_con{padding-left:110px;} .lff_indnew .news_bd .wenz_si li .news_con p{font-size:16px;color:#555;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;line-height: 30px;} .lff_indnew .news_bd .wenz_si li .news_con p a{color:#555;} .lff_indnew .news_bd .wenz_si li .news_con span{display:block;font-size:14px;color:#999;line-height:22px;padding-top:11px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height: 44px;} .lff_indnew .news_bd .wenz_si li:hover{box-shadow: 0 9px 8px rgba(0,0,0,.11);} .lff_indnew .news_bd .wenz_si li:hover .news_time{background:#e72327;} .lff_indnew .news_bd .wenz_si li:hover .news_con p a{color:#e72327;} @media screen and (max-width:1079px) and (min-width:768px) { .lff_indnew .news_bd .news_tj p i{ display:none;} .lff_indnew .news_bd .news_tj p a{ margin-left:0;} .lff_indnew .news_bd .wenz_si li{ margin-bottom:26px;} .lff_indnew .news_bd .news_tj_san li:hover a{ width:60%;} } @media (max-width:767px) { .lff_indnew .news_bd .news_tj,.lff_indnew .news_bd .wenz_si{ width:100%;} .lff_indnew .news_bd .wenz_si{ margin-top:24px;} .lff_indnew .news_bd .news_tj .news_tj_img a{ height:218px;} .lff_indnew .news_bd .wenz_si li{ margin-bottom:10px;} .lff_indnew .news_bd .news_tj_san li:hover a{ width:60%;} .lff_indnew .news_bd .news_tj p i{ padding:3px 13px;} .lff_indnew .news_bd .news_tj p a{ width:55%;} } @media (max-width:320px) { .lff_indnew .news_bd .news_tj_san li a{ width:60%;} .lff_indnew .news_bd .news_tj p i{ display:none;} .lff_indnew .news_bd .news_tj p a{ margin-left:0;} } /* 底部信息*/ footer .footjc{background:#333; padding:0 0 25px 0;} footer .footjczt{overflow: hidden;} footer .footnav{ border-bottom:1px solid #434343; padding:20px 0;overflow: hidden; margin-bottom:15px;} footer .footnav a{color:#fff; width: 12.5%;display: block;float: left;text-align: center;font-size: 16px;} footer .footnav a:hover{ color:rgba(255,255,255,.8);} footer .footjczt ul{ width:68.3%;} footer .footjczt ul li{ width:50%; float:left; color:#9a9a9a; margin-top:25px; min-height:48px;} footer .footjczt ul li span{padding-left:55px; font-size: 16px;} footer .footjczt ul li p{ font-weight:bold;padding-left:55px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} footer .footjczt ul li:nth-of-type(1){background:url(../images/footico1.png) left top no-repeat;} footer .footjczt ul li:nth-of-type(2){background:url(../images/footico2.png) left top no-repeat;} footer .footjczt ul li:nth-of-type(3){background:url(../images/footico3.png) left top no-repeat;} footer .footjczt ul li:nth-of-type(4){background:url(../images/footico4.png) left top no-repeat;} footer .footjczt .fr{ margin-top:25px;} footer .footjczt dl dt{ float:left;} footer .footjczt dl dt p{width: 15px;background: #484848;float: left;color: #a0a0a0; height:108px;padding:0 10px;} footer .footjczt dl dt:nth-of-type(2){ margin-left:10px;} footer .footjczt dl dt:nth-of-type(2) p{ line-height:17px;} footer .footjczt .footjbxx{ margin-top:25px;} footer .footjczt .footjbxx,footer .footjczt .footjbxx .Ft_Copy a, footer .footjczt .footjbxx .Ft_Supp a{color:#a0a0a0;} footer .footjczt .footjbxx .Ft_Supp { line-height:30px;font-size:14px;} footer .footjczt .footjbxx .Ft_Copy a:hover, footer .footjczt .footjbxx .Ft_Supp a:hover { color:#fff;} footer .footjczt .footjbxx .Ft_Copy { width:68.3%; float:left;} footer .footjczt .footjbxx .Ft_Supp { width:31.7%; float:right; text-align:right;} @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:768px) { footer .footjczt ul{ width:100%;margin-bottom: 40px;} footer .footjczt .fr{ width:350px; margin:0 auto 15px; float:none; overflow:hidden;} footer .footjczt dl dt:nth-of-type(2){ margin-left:60px;} } @media (max-width:767px){ footer .footnav{ margin-bottom:30px;} footer .footnav a{ width:25%;line-height: 40px;} footer .footjczt ul{ width:100%;margin-bottom: 20px; border-bottom: 1px solid #434343; display:none;} footer .footjczt ul li{width:100%; margin-top:0;margin-bottom: 15px;} footer .footjczt .footjbxx .Ft_Copy,footer .footjczt .footjbxx .Ft_Supp{ width:100%; text-align:center;} footer .footjczt .fr{ width:90%; margin:0 auto;} footer .footjczt dl dt:nth-of-type(2){ margin-left:30px;} } @media (max-width:375px){ footer .footjczt .fr{ width:94%;} footer .footjczt dl dt:nth-of-type(2){ margin-left:0;} footer .footjczt .fr{ float:none;} } /*友情链接*/ .indlink{background:#19191c;overflow:hidden;} .indlink img{ margin-top:-3px;} .indlink span{ color:#fff; font-size:15px;background:#484848; border-radius: 0 0 10px 10px; width:120px; height:40px; line-height:40px; display:block; text-align:center;} .indlink .Lk_list{ margin:15px 0 20px 0;} .indlink .Lk_list a{ color:#a0a0a0; line-height:30px;padding: 0 10px;} .indlink .Lk_list a:hover{color:#fff;} /*ny_banner 开始*/ .ny_banner { width:100%; height:300px; overflow:hidden; margin:0 auto; padding:0;position:relative;} .ny_banner img { display:block; width:1920px; height:300px; overflow:hidden; margin:-150px 0 0 -960px; padding:0; position:absolute; left:50%; top:50%;} @media screen and (max-width:1199px) and (min-width:1080px) { .ny_banner { height:250px;} .ny_banner img { width:1600px; height:250px; margin:-125px 0 0 -800px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ny_banner { height:220px;} .ny_banner img { width:1408px; height:220px; margin:-110px 0 0 -704px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ny_banner { height:200px;} .ny_banner img { width:1280px; height:200px; margin:-100px 0 0 -640px;} } @media (max-width: 767px) { .ny_banner { height:120px;} .ny_banner img { width:768px; height:120px; margin:-60px 0 0 -384px;} } /*ny_banner 结束*/ /*面包屑 开始*/ .ly_crumb {overflow:hidden; margin:20px auto; padding:0 0 0 24px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ly_crumb img { display:block; width:20px; height:20px; overflow:hidden; margin:0; padding:0; position:absolute; left:0; top:10px;} .ly_crumb p { width:100%; height:40px; overflow:hidden; line-height:40px; color:#545454; font-size:14px; white-space:nowrap; text-overflow: ellipsis; margin:0; padding:0;} .ly_crumb p a { color:#545454;} .ly_crumb p a:hover { color:#e43437;} .ly_crumb p span { color:#797979;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_crumb { width:90%;} } @media screen and (max-width:1079px) and (min-width:768px) { .ly_crumb { width:96%;} .ly_crumb p { height:auto;} } @media (max-width: 767px) { .ly_crumb { width:94%;} .ly_crumb p { height:auto; line-height:24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space:inherit; padding:8px 0 0;} } /*内页-关于我们 开始*/ .ly_NyAboutus { width:100%; min-height: 480px; overflow:hidden; margin:0 auto; padding:0;} /*关于我们-公司简介 开始*/ .ny_title { width:100%; overflow:hidden; margin:0 auto 30px; padding:0;} .ny_title span { display:block; width:100%; height:36px; overflow:hidden; line-height:36px; color:#e3e3e3; font-size:32px; font-weight:bold; text-align:center; margin:0 auto 8px; padding:0;} .ny_title p { width:100%; height:30px; overflow:hidden; line-height:30px; color:#32353a; font-size:24px; text-align:center; margin:0 auto; padding:0;} .ny_title p i { display:inline-block; width:120px; height:1px; overflow:hidden; margin:-2px 20px 0; padding:0; vertical-align:middle; background-color:#dfdfdf;} .ly_Gsjj {overflow:hidden; margin:0 auto 50px; padding:0;} .lyGsjj_main { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyGsjj_main .lyGsjj_img { width:50%; overflow:hidden; margin:12px 40px 20px 0; padding:0; float:left;} .lyGsjj_img img { display:block; width:100%; height:auto; margin:0; padding:0;} .lyGsjj_main .lyGsjj_text { width:100%; margin:5px 0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyGsjj_text p { line-height:30px; color:#787878; font-size:15px; text-align:justify; word-break: break-all; margin:0 auto; padding:0;} .lyGsjj_text p span, .lyGsjj_text p em { color:#787878!important; font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important; font-size:14px!important; font-style:normal!important; font-weight:normal!important;} .lyGsjj_main ul { margin:40px auto 0;} .lyGsjj_main ul li { width:25%; overflow:hidden; margin:0; padding:25px 0; border-left:1px solid #e6e6e6; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyGsjj_main ul li:nth-child(4) { border-right:1px solid #e6e6e6;} .lyGsjj_main ul li:hover { border:none; background-color:#e43437;} .lyGsjj_main ul li .lyGsjj_num { width:100%; height:80px; overflow:hidden; line-height:80px; color:#e43437; font-size:64px; text-align:center; margin:0 auto; padding:0;} .lyGsjj_main ul li .lyGsjj_num em { display:inline-block; width:20px; height:20px; overflow:hidden; line-height:20px; color:#fff; font-size:14px; text-align:center; background-color:#e43437; border-radius:50%; vertical-align:top; margin:0; padding:0;} .lyGsjj_main ul li:hover .lyGsjj_num { color:#fff;} .lyGsjj_main ul li:hover .lyGsjj_num em { background-color:#fff; color:#e43437;} .lyGsjj_main ul li p { width:100%; overflow:hidden; line-height:24px; color:#c00307; font-size:14px; text-align:center; margin:0 auto; padding:0;} .lyGsjj_main ul li:hover p { color:#fff;} .lyGsjj_main .aboutsd{ width:100%;} .lyGsjj_main .aboutsd ul li{ width:25%; border-left:1px solid #e6e6e6; float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; color:#747879; position:relative; text-align: center; padding: 40px 0;} .lyGsjj_main .aboutsd ul li:nth-of-type(4){border-right:1px solid #e6e6e6; } .lyGsjj_main .aboutsd ul li:hover{ background-color:#c1020a;} .lyGsjj_main .aboutsd ul li:hover span{ color:#fff;} .lyGsjj_main .aboutsd ul li p{ font-size:50px;line-height:60px;} .lyGsjj_main .aboutsd ul li i{ background-color:#c1020a; border-radius: 50%;width: 22px; height: 22px;display: block; text-align:center; position:absolute;top: 35px;left: 60%;color: #fff;} .lyGsjj_main .aboutsd ul li:nth-of-type(1) i{left:56%;} .lyGsjj_main .aboutsd ul li:nth-of-type(3) i{left:58%;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_Gsjj { width:90%;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_Gsjj { width:96%;} .lyGsjj_main .lyGsjj_img { width:100%; margin:0 auto 20px; text-align:center;} .lyGsjj_img img { display:inline-block; width:auto; max-width:100%;} .lyGsjj_main .lyGsjj_text { width:100%; margin:0 auto; padding:0;} .lyGsjj_text p { text-align:center; text-indent:0;} } @media screen and (max-width:1023px) and (min-width:768px) { .ny_title { margin:0 auto 20px;} .ly_Gsjj { width:96%; margin:0 auto 40px;} .lyGsjj_main .lyGsjj_img { width:100%; margin:0 auto 20px; text-align:center;} .lyGsjj_img img { display:inline-block; width:auto; max-width:100%;} .lyGsjj_main .lyGsjj_text { width:100%; margin:0 auto; padding:0;} .lyGsjj_text p {text-indent:0;} } @media (max-width: 767px) { .ny_title { margin:0 auto 20px;} .ny_title span { height: auto; line-height:32px; font-size:30px;} .ny_title p i { width:80px;} .ly_Gsjj { width:94%; margin:0 auto 40px;} .lyGsjj_main .lyGsjj_img { width:100%; margin:0 auto 20px; text-align:center;} .lyGsjj_img img { display:inline-block; width:auto; max-width:100%;} .lyGsjj_main .lyGsjj_text { width:100%; margin:0 auto; padding:0;} .lyGsjj_text p {text-indent:0;} .lyGsjj_main ul { margin:20px auto 0;} .lyGsjj_main ul li { width:50%; margin:0 0 20px; padding:20px 0;} .lyGsjj_main ul li:nth-child(2n+2) { border-right:0;} .lyGsjj_main .aboutsd ul li{ width:50%;padding: 15px; margin-bottom: 15px;} .lyGsjj_main .aboutsd ul li i{top: 15px; left:64%;} .lyGsjj_main .aboutsd ul li:nth-of-type(1),.lyGsjj_main .aboutsd ul li:nth-of-type(3){border-left:0;} .lyGsjj_main .aboutsd ul li:nth-of-type(4){border-right:0;} } /*关于我们-公司简介 结束*/ /*厂房展示-公司简介 开始*/ .ly_Workshop { width:100%; overflow:hidden; margin:50px auto; padding:50px 0; background-color:#f8f8f8;} .ly_Workshop .lyWorkshop_main { overflow:hidden; padding:0;} .lyWorkshop_main .lyWorkshop_con { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyWorkshop_con p { width:100%; overflow:hidden; line-height:30px; color:#797979; font-size:15px; text-align:justify; margin:0 auto 25px; padding:0;} .lyWorkshop_con ul li { width:23.5%; height:210px; overflow:hidden; margin:0 2% 0 0; padding:0; float:left; position:relative;} .lyWorkshop_con ul li:nth-child(4) { margin:0;} .lyWorkshop_con ul li 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;} .lyWorkshop_con ul li:hover img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_Workshop .lyWorkshop_main { width:90%;} .lyWorkshop_con ul li { height:180px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_Workshop .lyWorkshop_main { width:96%;} .lyWorkshop_con ul li { height:174px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_Workshop { margin:40px auto; padding:40px 0;} .ly_Workshop .lyWorkshop_main { width:96%;} .lyWorkshop_con p { margin:0 auto 20px;} .lyWorkshop_con ul li { height:130px;} } @media (max-width: 767px) { .ly_Workshop { margin:40px auto; padding:40px 0;} .ly_Workshop .lyWorkshop_main { width:94%;} .lyWorkshop_con p { margin:0 auto 20px;} .lyWorkshop_con ul li { width:49%; height:140px; margin:0 2% 12px 0 0;} .lyWorkshop_con ul li:nth-child(2) { margin:0 0 12px;} } /*厂房展示-公司简介 结束*/ /*荣誉资质-公司简介 开始*/ .ly_AboutHonor {overflow:hidden; margin:50px auto; padding:0 60px; min-height:150px;} .lyAboutHonor_list { width:100%; height:auto; margin:0 auto; padding:0;} .ny_honor_scoll { width:100%; padding:0;} .ny_honor_scoll .item { position:relative;} .ny_honor_scoll .lSPrev, .ny_honor_scoll .lSNext { background:url(../images/prev01.png) center center no-repeat; width:40px; height:40px; position:absolute; left:-60px; top:50%; margin-top:-20px;cursor:pointer;} .ny_honor_scoll .lSNext { left:auto; right:-60px; background:url(../images/next01.png) center center no-repeat;} .ny_honor_scoll .lSPrev:hover { background:url(../images/prev02.png) center center no-repeat;} .ny_honor_scoll .lSNext:hover { background:url(../images/next02.png) center center no-repeat;} .ny_honor_scoll .content-slider{ width:100%; overflow:hidden;} .ny_honor_scoll .content-slider li .pic { display:block;width:100%;float:left;height:250px;border:1px solid #DDDDDD;text-align:center;position:relative;overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .ny_honor_scoll .content-slider li .pic img { max-width:95%;max-height:95%;vertical-align:middle;-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;transition: all .25s;} .ny_honor_scoll .content-slider li .pic .iblock { display:inline-block;height:100%;width:0;vertical-align:middle} .ny_honor_scoll .content-slider li .pic:hover img { transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);} .ny_honor_scoll .lSPager { display:none;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_AboutHonor { width:90%; padding:0 5%;} .ny_honor_scoll { padding: 0 0 0;} .ny_honor_scoll .item { overflow: hidden;} .ny_honor_scoll .lSPrev, .ny_honor_scoll .lSNext { display:none;} .ny_honor_scoll .content-slider li .pic { height:200px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_AboutHonor { width:96%; padding:0 2%;} .ny_honor_scoll { padding: 0 0 0;} .ny_honor_scoll .item { overflow: hidden;} .ny_honor_scoll .lSPrev, .ny_honor_scoll .lSNext { display:none;} .ny_honor_scoll .content-slider li .pic { height:260px;} .lSAction { display:none;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_AboutHonor { width:96%; margin:40px auto; padding:0 2%;} .ny_honor_scoll { padding: 0 0 0;} .ny_honor_scoll .item { overflow: hidden;} .ny_honor_scoll .lSPrev, .ny_honor_scoll .lSNext { display:none;} .ny_honor_scoll .content-slider li .pic { height:250px;} .lSAction { display:none;} } @media (max-width: 767px) { .ly_AboutHonor { width:94%; margin:40px auto; padding:0 3%;} .ny_honor_scoll { padding: 0;} .ny_honor_scoll .item { overflow: hidden;} .ny_honor_scoll .content-slider li .pic { height:150px;} .lSAction { display:none;} } /*荣誉资质-公司简介 结束*/ /*内页-关于我们 结束*/ /*内页-产品中心 开始*/ .ly_NyProducts { width:100%; min-height: 480px; overflow:hidden; margin:0 auto 60px; padding:0;} .ly_NyProducts .lyNyPro_main {height:auto; margin:0 auto; padding:0;} .lyNyPro_main .lyNyPro_left { width:25%; overflow:hidden; margin:0; padding:0; float:left;} .lyNyPro_main .lyNyPro_right { width:72%; height:auto; margin:0; padding:0; float:right;} .lyNyPro_right .lyNyPro_list { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyNyPro_list ul li { width:31%; overflow:hidden; margin:0 3% 30px 0; padding:1%; float:left;border: 1px solid #dfdfdf;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .lyNyPro_list ul li:nth-child(3n+3) { margin:0 0 30px;} .lyNyPro_list ul li .lyIdxPro_img {height: 224px;} .lyNyPro_list ul li .lyIdxPro_img img.idxPro_img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNyPro_list ul li:hover .lyIdxPro_img { border:0;} .lyNyPro_list ul li:hover .lyIdxPro_img img.idxPro_img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} /*.lyNyPro_list ul li .lyIdxPro_img a.idxPro_mask { display:none; width:100%; height:100%; overflow:hidden; margin:0; padding:0; background-color:rgba(0, 0, 0, 0.6); position:relative; left:0; top:0; z-index:2;} .lyNyPro_list ul li .lyIdxPro_img a.idxPro_mask img { display:block; width:72px; height:72px; margin:-36px 0 0 -36px; padding:0; position:absolute; left:50%; top:50%;}*/ .lyNyPro_list ul li .lyIdxPro_img .idxPro_mask{ width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff;border-bottom: 0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:block;} .lyNyPro_list ul li .lyIdxPro_img .idxPro_mask:after{content:'';display:block;opacity:0; width:100%;height:100%;background:rgba(0,0,0,.5) url(../images/eye.png) 10% center no-repeat;position:absolute;top:0;left:0;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;z-index: 222;} .lyNyPro_list ul li:hover .lyIdxPro_img .idxPro_mask:after{opacity:1;background:rgba(0,0,0,.5) url(../images/eye.png) center center no-repeat;} .lyNyPro_list ul li:hover .lyIdxPro_img a.idxPro_mask { display:block;} .lyNyPro_list ul li .lyIdxPro_name { width:100%;margin:0 auto; padding:0;border-top: 3px solid #f4f4f4;} .lyNyPro_list ul li .lyIdxPro_name a { display:block; width:100%; height:45px; overflow:hidden; line-height:45px; color:#333; font-size:15px; text-align:center; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;} .lyNyPro_list ul li:hover .lyIdxPro_name a { color:#e43437;} .lyNyPro_list ul li .lffIdxPro_name p{ text-align:center;padding: 0 10%;} .lyNyPro_list ul li .lffIdxPro_name p a{color:#fff;line-height: 40px;height: 40px;} .lyNyPro_list ul li:hover .lffIdxPro_name p a{color:#fff;} .lyNyPro_list ul li .lffIdxPro_name p:nth-of-type(1){ background:#e43437;} .lyNyPro_list ul li .lffIdxPro_name p:nth-of-type(2){ background:#333;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_NyProducts { width:90%; padding:0 5%;} .ly_NyProducts .lyNyPro_main { width:100%;} .lyNyPro_list ul li .lyIdxPro_img { height:200px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyProducts { width:96%; margin:0 auto 50px; padding:0 2%;} .ly_NyProducts .lyNyPro_main { width:100%;} .lyNyPro_main .lyNyPro_left { width:100%; margin:0 auto 25px;} .lyNyPro_main .lyNyPro_right { width:100%; margin:0 auto;} .lyNyPro_list ul li .lyIdxPro_img { height:220px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyProducts { width:96%; margin:0 auto 40px; padding:0 2%;} .ly_NyProducts .lyNyPro_main { width:100%;} .lyNyPro_main .lyNyPro_left { width:100%; margin:0 auto 20px;} .lyNyPro_main .lyNyPro_right { width:100%; margin:0 auto;} .lyNyPro_list ul li { margin:0 3.5% 20px 0;} .lyNyPro_list ul li:nth-child(3n+3) { margin:0 0 20px;} .lyNyPro_list ul li .lyIdxPro_img { height:190px;} } @media (max-width: 767px) { .ly_NyProducts { width:94%; margin:0 auto 40px; padding:0 3%;} .ly_NyProducts .lyNyPro_main { width:100%;} .lyNyPro_main .lyNyPro_left { width:100%; margin:0 auto 20px;} .lyNyPro_main .lyNyPro_right { width:100%; margin:0 auto;} .lyNyPro_list ul li { width:48%; margin:0 4% 20px 0;} .lyNyPro_list ul li:nth-child(3n+3) { margin:0 4% 20px 0;} .lyNyPro_list ul li:nth-child(2n+2) { margin:0 0 20px;} .lyNyPro_list ul li .lyIdxPro_img { height:155px;} } @media (max-width: 320px) { .lyNyPro_list ul li .lffIdxPro_name p:nth-of-type(1){ width:100%; padding:0;} .lyNyPro_list ul li .lffIdxPro_name p:nth-of-type(2){ display:none;} } /*内页-产品分类 开始*/ .lyNyPro_left .h_left { width:100%; overflow:hidden; margin:0;} .lyNyPro_left .cp_type { margin:0 0 24px;} .lyNyPro_left .cp_type .hd { text-align:center; background-color:#333333; padding:20px; margin-bottom:0;} .lyNyPro_left .cp_type .hd p { height:40px; line-height:40px; font-size:28px; font-weight:bold; color:#fff;} .lyNyPro_left .cp_type .hd span { display:block; height:20px; line-height:20px; font-size:14px; color:#fff; text-transform:uppercase;font-style:italic;} .lyNyPro_left .cp_type .bd { background-color:#f0f0f0;min-height: 100px;} .lyNyPro_left .cp_type .bd ul li { border-bottom:1px solid #dfdfdf;} .lyNyPro_left .cp_type .bd ul li p { height:60px; line-height:60px;} .lyNyPro_left .cp_type .bd ul li p a { display:block; width:80%; padding:0 0 0 20px; overflow: hidden; line-height:60px; color:#333; font-size:16px; white-space:nowrap; text-overflow: ellipsis; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyPro_left .cp_type .bd ul li p span { display:block; width:20%; height:100%; background:url(../images/mulu1.png) center center no-repeat; cursor:pointer; float:left;} .lyNyPro_left .cp_type .bd ul li div { background:#f0f0f0; display:none;} .lyNyPro_left .cp_type .bd ul li div a { display:block; height:60px; line-height:60px; color:#797979; font-size:15px; border-top:1px solid #e7e5e5; padding:0 24px 0 48px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;background:url(../images/icon2.png) 32px center no-repeat;} .lyNyPro_left .cp_type .bd ul li div a:first-child { border-top:0;} .lyNyPro_left .cp_type .bd ul li p:hover, .lyNyPro_left .cp_type .bd ul li.on p { background-color:#e43437;} .lyNyPro_left .cp_type .bd ul li p:hover a, .lyNyPro_left .cp_type .bd ul li.on p a { color:#fff;} .lyNyPro_left .cp_type .bd ul li p:hover span { background:url(../images/mulu2.png) center center no-repeat;} .lyNyPro_left .cp_type .bd ul li.on p span { background:url(../images/mulu3.png) center center no-repeat;} .lyNyPro_left .cp_type .bd ul li div a:hover { color:#e43437; background:url(../images/icon3.png) 32px center no-repeat;} .lyNyPro_left .cp_type .bd ul a.ckqb { display:block; height:34px; line-height:34px; font-size:16px; color:#333; background:#f1f1f1; width:94%; margin:10px auto; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;cursor:pointer;} .lyNyPro_left .lfjswz{ margin-top:10px;} .lyNyPro_left .cp_type .bd ul a.ckqb:hover { background:#e43437; color:#fff;} .lyNyPro_left .cp_type .bd .pro_ckqb{ display: block;height: 34px;line-height: 34px; font-size: 16px; color: #fff;background: #e43437; width: 100%; text-align: center;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; cursor: pointer;} .lyNyPro_left .cp_type .xgwenzhang a{display:block; height:45px; line-height:45px; color:#797979; font-size:14px; border-top:1px solid #e7e5e5; padding:0 24px 0 27px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;background:url(../images/icon2.png) 10px center no-repeat;} .lyNyPro_left .cp_type .xgwenzhang a:hover { color:#e43437; background:url(../images/icon3.png) 10px center no-repeat;} @media screen and (max-width:1199px) and (min-width:1080px) { .lyNyPro_left .cp_type .bd ul li p { height:56px; line-height:56px;} .lyNyPro_left .cp_type .bd ul li p a { line-height:56px;} .lyNyPro_left .cp_type .bd ul li div a { padding:0 20px 0 40px;} .lyNyPro_left .cp_type .bd ul li div a { background:url(../images/icon2.png) 24px center no-repeat;} .lyNyPro_left .cp_type .bd ul li div a:hover { color:#e43437; background:url(../images/icon3.png) 24px center no-repeat;} } @media screen and (max-width:1079px) { .lyNyPro_left .cp_type .bd ul{border-top: 1px solid #ee7e84;} } @media screen and (max-width:1079px) and (min-width:1024px) { .lyNyPro_left .cp_type { margin:0 auto 25px;} .lyNyPro_left .cp_type .hd p:before { display:none;} .lyNyPro_left .cp_type .hd { background:#e43437 url(../images/down1.png) 94% center no-repeat;padding: 10px 2%;text-align:left;overflow:hidden;} .lyNyPro_left .cp_type .hd.on { background:#e43437 url(../images/up1.png) 94% center no-repeat;} .lyNyPro_left .cp_type .hd span { display:block; font-style:italic; float:left; height:52px; line-height:52px;} .lyNyPro_left .cp_type .hd p { padding:0; display:block; font-size:24px; float:left;line-height:52px; min-width:88px; margin:0 10px 0 0;} .lyNyPro_left .cp_type .bd { display:none;} .lyNyPro_left .cp_type .bd ul li p { height:52px; line-height:52px;} .lyNyPro_left .cp_type .bd ul li p a { width:90%; font-size:16px; line-height:52px;} .lyNyPro_left .cp_type .bd ul li p span { width:10%; background-size: 20px;} .lyNyPro_left .cp_type .bd ul li.on p span { background-size: 16px;} .lyNyPro_left .cp_type .bd ul li p:hover span { background-size: 16px;} .lyNyPro_left .cp_type .hd p:before { display:none;} } @media screen and (max-width:1023px) and (min-width:768px) { .lyNyPro_left .cp_type { margin:0;} .lyNyPro_left .cp_type .hd p:before { display:none;} .lyNyPro_left .cp_type .hd { background:#e43437 url(../images/down1.png) 94% center no-repeat;padding: 10px 2%;text-align:left;overflow:hidden;} .lyNyPro_left .cp_type .hd.on { background:#e43437 url(../images/up1.png) 94% center no-repeat;} .lyNyPro_left .cp_type .hd span { display:block; font-style:italic; float:left; height:52px; line-height:52px;} .lyNyPro_left .cp_type .hd p { padding:0; display:block; font-size:24px; float:left;line-height:52px; min-width:88px; margin:0 10px 0 0;} .lyNyPro_left .cp_type .bd { display:none;} .lyNyPro_left .cp_type .bd ul li p { height:52px; line-height:52px;} .lyNyPro_left .cp_type .bd ul li p a { width:90%; font-size:16px; line-height:52px;} .lyNyPro_left .cp_type .bd ul li p span { width:10%; background-size: 20px;} .lyNyPro_left .cp_type .bd ul li.on p span { background-size: 16px;} .lyNyPro_left .cp_type .bd ul li p:hover span { background-size: 16px;} .lyNyPro_left .cp_type .hd p:before { display:none;} } @media screen and (max-width: 1079px) and (min-width: 768px){ .lyNyPro_left .h_left {margin: 0 0 20px;} } @media screen and (max-width:767px) { .lyNyPro_left .cp_type { margin:0;} .lyNyPro_left .cp_type .hd p:before { display:none;} .lyNyPro_left .cp_type .hd { background:#e43437 url(../images/down1.png) 94% center no-repeat;padding: 10px 3%;text-align:left;overflow:hidden;} .lyNyPro_left .cp_type .hd.on { background:#e43437 url(../images/up1.png) 94% center no-repeat;} .lyNyPro_left .cp_type .hd span { display:block; font-style:italic; float:left; height:40px; line-height:40px;} .lyNyPro_left .cp_type .hd p { padding:0; display:block; font-size:22px; float:left;line-height:40px; min-width:88px; margin:0 10px 0 0;} .lyNyPro_left .cp_type .bd { display:none;} .lyNyPro_left .cp_type .bd ul li p a { line-height:48px; font-size:16px;} .lyNyPro_left .cp_type .bd ul li div a { font-size:14px;} .lyNyPro_left .cp_type .bd ul li p { height:48px;line-height:48px;} .lyNyPro_left .cp_type .bd ul li div a { height:44px;line-height:44px;} .lyNyPro_left .cp_type .bd ul li p span { background-size: 20px;} .lyNyPro_left .cp_type .bd ul li.on p span { background-size: 20px;} .lyNyPro_left .cp_type .bd ul li p:hover span { background-size: 20px;} .lyNyPro_list ul li .lffIdxPro_name p{ padding:0 7%;} } @media screen and (max-width:375px) { .lyNyPro_list ul li .lffIdxPro_name p{ padding:0 5%;} } /*内页-产品分类 结束*/ /*内页-产品中心 结束*/ /*内页产品详情上面图片切换*/ .pro_detail_main { width:100%; height:auto; margin: 0 auto 30px; padding: 0; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .pro_detail_main .pro_detail_img { width:480px; height: 480px; overflow: hidden; margin: 0; padding: 10px; border: 1px solid #eaeaea; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .pro_detail_img .pro_detail_img_main { width:100%; height: 100%; margin: 0 auto; padding: 0; position: relative;} .pro_detail_img_main img { display:block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;} .pro_detail_main .pro_detail_text { width:53%; min-height:360px; overflow: hidden; margin: 0; padding: 0 0 80px; float: right; position:relative;} .pro_detail_text h1 { width:100%; overflow: hidden; line-height: 40px; color: #32353a; font-size: 30px; text-align: justify; margin: 0 auto; padding: 0;} .pro_detail_text .jyms { width:100%; height:140px; overflow:hidden; margin:20px auto; padding:20px; background-color:#f8f8f8; box-sizing: border-box;} .pro_detail_text .jyms p { width:100%; height:100px; overflow:hidden; line-height:25px; color:#888; font-size:14px; text-align: justify; margin:0 auto; padding:0;} .pro_detail_text .jyms p span { color:#333; font-weight: bold;} .pro_detail_text ul { width:100%; margin: 20px auto; padding: 0;} .pro_detail_text ul li { width:100%; height:30px; overflow: hidden; line-height: 30px; color: #888; font-size: 15px; text-align: justify; white-space:nowrap; text-overflow: ellipsis; margin: 0 auto 10px; padding: 0; float:left;} .pro_detail_text ul li img { display:block; width:4px; height:6px; overflow:hidden; margin:11px 8px 11px 0; padding:0; float:left;} .pro_detail_text ul li span { color:#333;} .pro_detail_text .pro_detail_btn { width:100%; height: 60px; overflow: hidden; margin: 0 auto; padding: 0; position:absolute; left:0; bottom:0;} .pro_detail_btn a { display:block; width: 48%; height: 54px; overflow: hidden; line-height: 54px; color: #fff; font-size: 18px; text-align: center; margin: 0; padding: 0; float: left;} .pro_detail_btn a.prodtl_btn1 { float:left; margin: 0 4% 0 0; background-color: #333;} .pro_detail_btn a.prodtl_btn2 {float:left;background-color: #e43437;} .pro_detail_btn a.prodtl_btn1:hover { background-color: #525252;} .pro_detail_btn a.prodtl_btn2:hover {background-color: #f45e2b;} /**产品详情页产品图片切换**/ .prodetail_img { width:44%; height: 456px; margin: 0; padding: 0; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} #preview { width:100%; margin:0; text-align:center; position:relative;} .list-h li { float:left;} #spec-n5 { width:100%; height:70px; padding-top:10px; overflow:hidden;} #spec-left { width:16px; height:70px; float:left; cursor:pointer; margin-top:3px;} #spec-right { width:16px; height:70px; float:left;cursor:pointer; margin-top:3px;} #spec-list { width:440px; float:left; overflow:hidden; margin-left:2px; display:inline;} #spec-list ul {} #spec-list ul li { float:left; display:inline; padding:0; width:18.4%; height:70px; margin:0 2% 0 0;} #spec-list ul li:last-child { margin:0;} #spec-list ul li p { width:100%; height:100%; overflow:hidden; margin:0; padding:0; border:1px solid #dfdfdf; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} #spec-list ul li:hover p { border:1px solid #1f71c2;} #spec-list ul li img { display:block; max-width:94%; max-height:94%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} /*jqzoom*/ .jqzoom { position:relative; width:100%; height:375px; overflow:hidden; padding:0; border:1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .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(i/loading.gif) #fff no-repeat center center;border:1px solid #eaeaea;display:none;text-align:center;overflow: hidden; left:104%!important; top:0!important;} .bigimg { } .jqZoomPup { width:200px!important; height:200px!important; z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;background:url(../images/mask.png) 0 0 repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;} #spec-list { position:relative; width:100%; margin:0;} #spec-list div { width:100%!important; height:70px!important; margin:0;} #ceshi { display:block; margin:auto!important; left:0; top:0; bottom:0; right:0;} .prodetail_img a.videoIco { left:20px!important; bottom:20px!important; z-index:99!important;} .Warning { width:100%!important; height:100%!important;} @media screen and (max-width:1199px) and (min-width:1080px) { .pro_detail_main { width:100%; padding:0;} .prodetail_img { width:45%; position:inherit;float: left;} #preview, #spec-n5, #spec-list, .jqzoom { width:100%;} .pro_detail_main .pro_detail_text { width:52%;} .pro_detail_text .pro_detail_btn { width:100%;} .zoomdiv { left:104%!important;} } @media screen and (max-width:1079px) and (min-width:1024px) { } @media screen and (max-width:1023px) and (min-width:768px) { .pro_detail_main { width:100%; margin: 24px auto;} .prodetail_img { width:100%; height:auto;} #preview { width:100%;} .jqzoom { width:100%;height: 285px;} .pro_detail_main .pro_detail_text { width:100%;padding-top:28px;height: auto;min-height:260px; padding-bottom:60px;} .pro_detail_text h1 { font-size:22px; line-height:32px;} .pro_detail_text .jyms { margin: 10px auto;padding: 12px 20px;height:auto;} .pro_detail_text ul { overflow:hidden; margin: 10px auto;} .pro_detail_text ul li { font-size:14px; margin: 6px auto;} .pro_detail_text .pro_detail_btn { height:48px;} .pro_detail_btn a { height:48px; line-height:48px; width:48%; font-size:16px;} .pro_detail_btn a.prodtl_btn1 { margin: 0 4% 0 0;} #spec-n5 { width:100%;} #spec-list { width:100%;} .zoomdiv,.jqZoomPup { display:none !important;} } @media (max-width:767px) { .pro_detail_main { width:100%; margin: 24px auto;} .prodetail_img { width:100%; height:auto;} #preview { width:100%;} .jqzoom { width:100%;height: 285px;} .pro_detail_main .pro_detail_text { width:100%;padding-top:24px;height: auto;min-height:260px; padding-bottom:60px;} .pro_detail_text h1 { font-size:22px; line-height:32px;} .pro_detail_text .jyms { margin: 10px auto;padding: 12px 20px;height:auto;} .pro_detail_text ul { overflow:hidden; margin: 10px auto;} .pro_detail_text ul li { font-size:14px; margin: 6px auto;} .pro_detail_text .pro_detail_btn { height:48px;} .pro_detail_btn a { height:48px; line-height:48px; width:48%; font-size:16px;} .pro_detail_btn a.prodtl_btn1 { margin: 0 4% 0 0;} #spec-n5 { width:100%;} #spec-list { width:100%;} .zoomdiv,.jqZoomPup { display:none !important;} } /*内页产品详情*/ .lyNyPro_right .lyNyProDetail_ConTit {margin:0 auto 30px;border-bottom: 1px solid #dfdfdf;} .lyNyProDetail_ConTit p {height:45px;overflow:hidden;line-height:34px;color:#333;font-size:24px;} .lyNyPro_right .lyNyProDetail_ConText { width:100%; overflow:hidden; line-height: 28px; color: #555; font-size: 14px; margin:0 auto 30px; padding:0;} .lyNyProDetail_ConText img, .lyNyProDetail_ConText table, .lyNyProDetail_ConText tr, .lyNyProDetail_ConText td, .lyNyProDetail_ConText p, .lyNyProDetail_ConText span, .lyNyProDetail_ConText div, .lyNyProDetail_ConText video, .lyNyProDetail_ConText embed {height:auto !important;max-width:100% !important;max-height: 100%; line-height: 28px; color: #555; font-size: 14px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;} .NyNewsdetail_con p span, .NyNewsdetail_con span, .NyNewsdetail_con p em, .NyNewsdetail_con em { color:#565656!important; font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important; font-size:15px!important;} .lyNyProDetail_ConText table tr td p { text-indent:0!important;} .lyNyProDetail_ConText img { display:inline-block; height:auto!important; max-width:100%; margin:0 auto; padding:0; text-indent:0!important;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_NyProDetail { width:90%;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyProDetail { width:96%; margin:0 auto 50px;} .lyNyProDetail_con .lyNyProDetail_left, .lyNyProDetail_con .lyNyPro_right { width:100%;} .lyNyPro_right .lyNyProDetail_ConTit { margin:0 auto 25px; padding:0;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyProDetail { width:96%; margin:0 auto 40px;} .lyNyProDetail_con .lyNyProDetail_left, .lyNyProDetail_con .lyNyPro_right { width:100%;} .lyNyPro_right .lyNyProDetail_ConTit { margin:0 auto 20px; padding:0;} } @media (max-width: 767px) { .ly_NyProDetail { width:94%; margin:0 auto 40px;} .lyNyProDetail_con .lyNyProDetail_left, .lyNyProDetail_con .ny_right { width:100%;} .lyNyPro_right .lyNyProDetail_ConTit { margin:0 auto 20px; padding:0;} .lyNyPro_right .lyNyProDetail_ConText { max-height:99999999999999999999999px;} .lyNyProDetail_ConText div { max-height:99999999999999999999999px;} } /*内页产品列表页右侧产品列表*/ .lyNyPro_right .ny_prolist_list li{transition:all .3s;margin-bottom:30px;} .lyNyPro_right .ny_prolist_list li .pro_wrap {display:block;overflow:hidden;margin:0 auto;padding: 20px;border:1px solid #eaeaea;background-color:#fff;} .lyNyPro_right .ny_prolist_list li .pro_wrap:hover {border: 1px solid #e43437;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_img {display:block;width: 22%;height: 160px;overflow:hidden;margin: 0 3% 0 0;float:left;text-align:center;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_img img { max-width:95%; max-height:95%;vertical-align:middle; webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_img .iblock {display:inline-block;height:100%;width:0;vertical-align:middle} .lyNyPro_right .ny_prolist_list li:hover .pro_img img{-webkit-transform: scale(1.05) rotate(0deg) translateY(0);-ms-transform: scale(1.05) rotate(0deg) translateY(0);transform: scale(1.05) rotate(0deg) translateY(0);} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_text {width: 60%;overflow:hidden;float:left;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_text a.tlt { display:block;width:100%; height:30px;line-height:30px; color:#222; font-size:18px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .lyNyPro_right .ny_prolist_list li .pro_wrap:hover .pro_text a.tlt {color: #e43437;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_text p {width:100%;height: 50px;overflow:hidden;line-height:24px;color:#999;font-size:14px;margin-top: 5px;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_text .others{color: #828282;font-size: 14px;line-height:30px;margin-top:30px;overflow: hidden;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_text .others i{font-style: normal;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_text .others span{display:block;float:left;margin-right:15px;height:30px;line-height:30px;padding:0 15px 0 32px;background: #f1f1f1;font-size:14px;max-width: 238px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;margin-bottom:10px;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_text .others span.cs1{background:#f1f1f1 url(../images/cs1.png) no-repeat 10px center;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_text .others span.cs2{background:#f1f1f1 url(../images/cs2.png) no-repeat 10px center;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_text .others span.cs3{background:#f1f1f1 url(../images/cs3.png) no-repeat 10px center;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_ck {display:block;width: 14%;height: 40px;line-height: 40px;color:#fff;font-size:14px;text-align:center;background-color: #e43437;margin: 55px 0;float:right;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_ck img {display:inline-block;width: 25px;height: 7px;overflow:hidden;padding:0;vertical-align: middle;margin: 0px 0 0 8px;} @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:768px) { .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_text{width: 75%;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_ck{display:none;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_text .others span{max-width: 120px;} } @media screen and (max-width:767px) { .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_img{width:30%;height:160px;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_img img {max-width: 100%; max-height: 100%;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_text{width: 67%;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_ck{display:none;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_text a.tlt{font-size:15px;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_text p{margin-top:0;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_text .others{margin-top:8px;height:auto;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_text .others span{padding: 0 2%;margin-bottom:6px;} .lyNyPro_right .ny_prolist_list li .pro_wrap .pro_text .others span.cs1,.lyNyPro_right .ny_prolist_list li .pro_wrap .pro_text .others span.cs2,.lyNyPro_right .ny_prolist_list li .pro_wrap .pro_text .others span.cs3{background:#f1f1f1;} } /*内页-新闻中心&技术文章 开始*/ .ly_NyNews { width:100%; min-height: 480px; height:auto; margin:0 auto 60px; padding:0;} .ly_NyNews .lyNyNew_main { width:1200px; height:auto; margin:0 auto; padding:0;} .lyNyNew_main .lyNyNew_list { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyNyNew_list ul li { width:100%; height:120px; margin:0 auto 30px; padding:0 160px 0 160px; background-color:#f2f2f2; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyNew_list ul li:hover { background-color:#e43437; box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);} .lyNyNew_list ul li .lyNyNew_time { width:120px; height:80px; overflow:hidden; margin:0; margin:20px; background:#adadad;position:absolute; left:0; top:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center;} .lyNyNew_list ul li:hover .lyNyNew_time { background:#a6171b;} .lyNyNew_list ul li .lyNyNew_more {width: 120px;height: 40px; line-height:40px;overflow: hidden; margin: 0;margin: 40px 20px;background: #adadad;position: absolute;right: 0;top: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;text-align: center;} .lyNyNew_list ul li .lyNyNew_more a{color:#fff;} .lyNyNew_list ul li:hover .lyNyNew_more { background:#a6171b;} .lyNyNew_list ul li .lyNyNew_time span { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:18px; margin:0 auto; padding:0;} .lyNyNew_list ul li .lyNyNew_time span:after {content: '';display: block; width: 17px;height: 2px;background: #fff;position: absolute;left: 41%;} .lyNyNew_list ul li .lyNyNew_time p { width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:26px; font-weight:bold; margin:0 auto; padding:0;} .lyNyNew_list ul li .lyNyNew_text { width:100%; overflow:hidden; margin:0 auto; padding:16px 0;} .lyNyNew_list ul li .lyNyNew_text .lyNyNew_name { width:100%; height:32px; overflow:hidden; line-height:32px; font-size:18px; white-space:nowrap; text-overflow: ellipsis; margin:3px auto; padding:0;} .lyNyNew_list ul li .lyNyNew_text .lyNyNew_name a{color:#333; } .lyNyNew_list ul li .lyNyNew_text p { width:100%; height:48px; overflow:hidden; line-height:24px; color:#797979; font-size:14px; margin:0 auto; padding:0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .lyNyNew_list ul li:hover .lyNyNew_text .lyNyNew_name,.lyNyNew_list ul li:hover .lyNyNew_text .lyNyNew_name a,.lyNyNew_list ul li:hover .lyNyNew_text p{ color:#fff;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_NyNews .lyNyNew_main { width:90%;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyNews { margin:0 auto 50px;} .ly_NyNews .lyNyNew_main { width:96%;} .lyNyNew_list ul li { margin:0 auto 25px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyNews { margin:0 auto 40px;} .ly_NyNews .lyNyNew_main { width:96%;} .lyNyNew_list ul li { margin:0 auto 20px;} } @media (max-width: 767px) { .lyNyNew_list ul li .lyNyNew_more{ display:none;} .ly_NyNews { margin:0 auto 40px;} .ly_NyNews .lyNyNew_main { width:94%;} .lyNyNew_list ul li { height:100px; margin:0 auto 20px; padding:0 20px 0 120px;} .lyNyNew_list ul li .lyNyNew_time { width:80px; height:60px; padding:1px 0;} .lyNyNew_list ul li .lyNyNew_time span { height:25px; line-height:25px; font-size:16px;} .lyNyNew_list ul li .lyNyNew_time p { font-size:20px;} .lyNyNew_list ul li .lyNyNew_text { padding:10px 0;} .lyNyNew_list ul li .lyNyNew_text .lyNyNew_name { height:28px; line-height:28px; font-size:18px; margin:0 auto 4px;} } /*内页-新闻中心&技术文章 结束*/ /*内页-新闻详情&文章详情 开始*/ .ly_NyNewsdetail { width:1200px; overflow:hidden; margin:0 auto 60px; padding:0;} .ly_NyNewsdetail .NyNewsdetail_title { width:100%; overflow:hidden; line-height:32px; color:#32353a; font-size:24px; font-weight:bold; text-align:center; margin:0 auto 30px; padding:0;} .ly_NyNewsdetail .NyNewsdetail_tips { width:100%; height:auto; overflow:hidden; line-height:20px; color:#aaa; font-size:14px; text-align:center; margin:0 auto 30px; padding:10px; background-color:#f5f5f5;} .ly_NyNewsdetail .NyNewsdetail_con { width:100%; overflow:hidden; margin:0 auto; padding:0; line-height:30px; color:#565656; font-size:15px; text-align:justify;} .ly_NyNewsdetail .NyNewsdetail_con table,.ly_NyNewsdetail .NyNewsdetail_con img, ly_NyNewsdetail .NyNewsdetail_con video, ly_NyNewsdetail .NyNewsdetail_con embed { height:auto !important;max-width:100% !important;max-height: 100%; line-height: 28px; color: #555; font-size: 14px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;} .NyNewsdetail_con p { width:100%; overflow:hidden; line-height:30px; color:#565656; font-size:15px; text-indent:2em; margin:0 auto; padding:0;} .NyNewsdetail_con p span, .NyNewsdetail_con span, .NyNewsdetail_con p em, .NyNewsdetail_con em { color:#565656!important; font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important; font-size:15px!important;} .NyNewsdetail_con table tr td p { text-indent:0!important;} .NyNewsdetail_con img { display:inline-block; height:auto!important; max-width:100%; margin:0 auto; padding:0; text-indent:0!important;} .ly_PrevNext { width:100%; overflow:hidden; margin:30px auto 0; padding:0;} .ly_PrevNext ul li { width:100%; overflow:hidden; line-height:40px; color:#565656; font-size:14px; margin:0 auto 20px; padding:0 20px; background-color:#f1f1f1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ly_PrevNext ul li:last-child { margin:0 auto;} .ly_PrevNext ul li a { overflow:hidden; line-height:40px; color:#565656; font-size:14px; margin:0 auto; padding:0;} .ly_PrevNext ul li:hover { color:#fff; background-color:#e43437;} .ly_PrevNext ul li:hover a { color:#fff;} .lyNyDowndetail_btn { width:100%; overflow:hidden; margin:30px auto 0; padding:0; text-align:center;} .lyNyDowndetail_btn a { display:inline-block; width:160px; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:15px; text-align:center; background-color:#13427a; margin:0 15px; padding:0;} .lyNyDowndetail_btn a:hover { background-color:#e43437;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_NyNewsdetail { width:90%;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyNewsdetail { width:96%; margin:0 auto 50px;} .ly_NyNewsdetail .NyNewsdetail_title, .ly_NyNewsdetail .NyNewsdetail_tips { margin:0 auto 25px;} .ly_PrevNext { margin:25px auto 0;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyNewsdetail { width:96%; margin:0 auto 40px;} .ly_NyNewsdetail .NyNewsdetail_title, .ly_NyNewsdetail .NyNewsdetail_tips { margin:0 auto 20px;} .ly_PrevNext { margin:20px auto 0;} } @media (max-width: 767px) { .ly_NyNewsdetail { width:94%; margin:0 auto 40px;} .ly_NyNewsdetail .NyNewsdetail_title, .ly_NyNewsdetail .NyNewsdetail_tips { margin:0 auto 20px;} .ly_PrevNext { margin:20px auto 0;} .ly_NyNewsdetail .NyNewsdetail_con { max-height:9999999999999999px;} .NyNewsdetail_con div { max-height:9999999999999999px; line-height:30px; color:#565656; font-size:15px; text-align:justify;} } /*内页-新闻详情&文章详情 结束*/ /*分页样式 开始*/ #fengye { text-align: center; margin: 30px auto 0; color: #555; font-size:14px;} #fengye a { display: inline-block; padding: 0 10px; background: #ddd; height: 30px; line-height: 30px; text-align: center; margin: 0 5px; border-radius: 2px; color: #555; font-size:14px;} #fengye a:hover { background: #e43437; color: #ffffff; } #fengye a.pnnum1 { background: #e43437; color: #ffffff; } #fengye input { display: inline-block; padding: 0 5px; background-color: #e43437; width: 40px !important; height: 30px !important; line-height: 30px; text-align: center; margin: 0 5px; color: #fff; cursor: pointer; border: 0; outline:none;} #fengye .p_input { display: inline-block; padding: 0 5px; background: #ddd; height: 30px; line-height: 30px; text-align: center; margin: 0 5px; color: #555; cursor: default;} @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:1024px) { #fengye { margin:25px auto 0;} } @media screen and (max-width:1023px) and (min-width:768px) { #fengye { margin: 20px auto 0;} } @media (max-width: 767px) { #fengye { margin:20px auto 0; font-size:0;} #fengye input, #fengye .p_input { display:none;} #fengye a { height: 40px; line-height: 40px; padding: 0 20px;} } /*分页样式 结束*/ /*内页联系我们*/ .ly_contact { width:100%; overflow:hidden; margin:10px auto 50px; padding:0;} .ly_contact .lxfs { width:100%; overflow:hidden; margin:70px auto 70px; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;} .lxfs ul li { width:25.333333%;overflow:hidden; margin:0; padding:0 4% 20px; float:left;position:relative; } .lxfs ul li:nth-child(2n):before{content:'';width:1px;background:#dededd;height:100%;position:absolute;top:0;left:0;} .lxfs ul li:nth-child(2n):after{content:'';width:1px;background:#dededd;height:100%;position:absolute;top:0;right:0;} .lx_icon { width:90px; height:90px; overflow:hidden; margin:0 auto 20px; padding:0;text-align:center; background:#f8f8f8; border-radius:60px;} .lx_icon img{max-width:100%:max-height:100%;vertical-align:middle;} .lx_icon .iblock {display:inline-block;height:100%;width:0;vertical-align:middle} .lxfs ul li span { display:block;width:100%; height:20px; overflow:hidden; line-height:20px; color:#484848; font-size:20px;font-weight:bold; text-align:center; margin:0 auto 25px; padding:0;} .lxfs ul li p { width:100%; overflow:hidden; line-height:26px; color:#555; font-size:18px; font-family:"Arial"; text-align:center; margin:0 auto; padding:0;word-wrap: break-word; word-break: normal;} .lxfs ul li:nth-child(1) p{font-size:20px;} .lxfs ul li:nth-child(2) p{font-size:20px;} .lx_ewm { width:100%; height:440px; overflow:hidden; margin:40px auto; padding:0; background:url(../images/bg_weixin.jpg) center center no-repeat; background-size:cover;} .lx_ewm span {display:block; width:100%;height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:32px; text-align:center; margin:80px auto 0; padding:0;} .lx_ewm p { width:100%; height:30px; overflow:hidden; line-height:30px; color:#fff; font-size:16px; text-align:center; margin:0 auto; padding:0;} .lx_ewm img { display:block; width:160px; height:160px; overflow:hidden; margin:40px auto; padding:0;} .lx_dz { width:97%; overflow:hidden; margin:50px auto 0; padding:1%;border:1px solid #d9d9d9;} .lx_dz .dz_map { width:100%; overflow:hidden;height:350px;margin:0 auto;} @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:768px) { .ly_contact .lxfs{margin: 40px auto 0px;} .lx_ewm span{font-size:24px;} } @media screen and (max-width:767px) { .ly_contact .lxfs{margin: 40px auto 0px;} .lx_ewm span{font-size:24px;margin: 40px auto 0;} .lxfs ul li{width:100%;border:1px solid #dedede;box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;margin-bottom:20px;padding: 20px;} .lxfs ul li:nth-child(2n):before{display:none;} .lxfs ul li:nth-child(2n):after{display:none;} .lx_ewm{margin: 20px auto;height: 360px;} } /*内页-在线留言 开始*/ .ly_NyOrder { width:1200px; overflow:hidden; margin:0 auto 60px; padding:0;} .ly_msg { width: 100%; overflow: hidden; margin: 0 auto!important; padding: 0;} .ly_msg h3 { display: none!important;} .ly_msg ul { width: 100%; overflow: hidden; margin: 0 auto; padding: 0;} .ly_msg ul li { width: 100%; overflow: hidden; line-height: 44px; margin: 0 auto 30px!important; padding: 0; color: #999; font-size: 14px;} .ly_msg ul li:last-child { margin:0 auto!important;} .ly_msg ul li h4 { width: 12%!important; height: 44px!important; overflow: hidden; line-height: 44px!important; margin: 0; padding: 0 12px 0 0; color: #333; font-size: 14px; text-align: right; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara { width: 83%; overflow: hidden; margin: 0; padding-right: 20px; background: url(../images/tb_img.png) top right no-repeat; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_ipt12, .ly_msg ul li .msg_tara { width: 88%!important; font-family: Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-seri!important;} .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_ipt12, .ly_msg ul li .msg_ipt2 { height: 44px!important; background: url(../images/tb_img.png) right center no-repeat!important;} .ly_msg ul li .msg_ipt12 { width: 83%; height: 34px; overflow: hidden; margin: 0; padding-right: 20px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .msg_ipt1 input, .msg_tara textarea { display: block; width: 100%; overflow: hidden; margin: 0; padding: 8px 15px; color: #666; font-size: 12px; border: 1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .msg_ipt12 input { height: 34px; line-height: 16px; display: block; width: 100%; overflow: hidden; margin: 0; padding: 8px 15px; color: #666; font-size: 12px; border: 1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .msg_ipt1 input, .msg_ipt12 input, .msg_ipt2 input { height: 44px!important; font-family: Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-seri !important;} .msg_ipt1 input, .msg_ipt12 input, .msg_ipt2 input, .msg_tara textarea { font-size: 14px!important; background-color: #f8f8f8!important; border: none!important; font-family: Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-seri!important; outline: none!important; resize: none!important;} .ly_msg ul li .msg_ipt1 #selPvc { height: 44px!important; line-height: 44px!important; color: #666!important; font-size: 14px!important; background-color: #f8f8f8!important; border: none!important; padding: 0 15px!important; outline: none!important; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;} .ly_msg ul li .msg_ipt2, .msg_ipt2 input { width: 180px!important;} .ly_msg ul li .msg_ipt2 { width: 120px; height: 34px; overflow: hidden; margin-right: 10px; padding: 0; float: left;} .ly_msg ul li a.yzm_img {display: block; width: 90px; height: 34px; overflow: hidden; margin: 0; padding-right: 20px; background: url(../images/tb_img.png) center right no-repeat; float: left;} .ly_msg ul li a.yzm_img { width: 120px!important; height: 44px!important; background: url(../images/tb_img.png) right center no-repeat!important;} .ly_msg ul li a.yzm_img img { display: block; width: 100%!important; height: 100%!important;} .ly_msg ul li .msg_btn { width: 83%; overflow: hidden; margin: 0 auto; padding: 0; float: left;} .ly_msg ul li .msg_btn { width: 88%!important;} .msg_btn input { display: block; width: 100px; height: 34px; overflow: hidden; line-height: 32px; margin: 0 15px 0 0; padding: 0; background-color: #f0f0f0; color: #333; font-size: 13px; text-align: center; border: 1px solid #ccc; float: left;} .msg_btn input { width: 160px!important; height: 44px!important; line-height: 44px!important; color: #fff!important; font-size: 15px!important; text-align: center!important; border: none!important; background-color: #e43437!important; cursor: pointer!important;} .msg_btn input:last-child { background-color: #bbb!important;} .msg_btn input:hover { background-color:#e43437!important;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_NyOrder { width:90%;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyOrder { width:96%; margin:0 auto 50px;} .ly_msg ul li { margin: 0 auto 25px!important;} .ly_msg ul li .msg_ipt2, .msg_ipt2 input { width: 140px!important;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyOrder { width:96%; margin:0 auto 40px;} .ly_msg ul li { margin: 0 auto 20px!important;} .ly_msg ul li h4 { width:13%!important;} .ly_msg ul li .msg_ipt12, .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara, .ly_msg ul li .msg_btn { width: 87%!important;} .ly_msg ul li span{ display:none;} } @media (max-width: 767px) { .ly_NyOrder { width:94%; margin:0 auto 40px;} .ly_msg ul li { margin: 0 auto 20px!important;} .ly_msg ul li h4 { width:auto!important; height: 36px!important; line-height: 36px!important; text-align:left!important; font-size:16px; background: url(../images/tb_img.png) center right no-repeat;display: none;} .ly_msg ul li:last-child h4 { display:none;} .ly_msg ul li .msg_ipt12, .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara, .ly_msg ul li .msg_btn { width: 100%!important; background:none!important; padding:0!important;} .msg_btn input { width:48%!important; margin:0 4% 0 0!important;} .msg_btn input:last-child { margin:0!important;} .ly_msg ul li a.yzm_img { background:none!important; padding:0!important;} .ly_msg ul li span{ display:none;} } /*内页-在线留言 结束*/ /*内页-荣誉资质 开始*/ .ly_NyHonor { width:1200px; height:auto; margin:0 auto 60px; padding:0;} .ly_NyHonor .lyNyHonor_list { width:100%; height:auto; margin:0 auto; padding:0;} .lyNyHonor_list ul li { width:23.5%; height:auto; margin:0 2% 30px 0; padding:0; float:left;} .lyNyHonor_list ul li:nth-child(4n+4) { margin:0 0 30px;} .lyNyHonor_list ul li a.NyHonor_img { display:block; width:100%; height:240px; overflow:hidden; margin:0 auto; padding:0; border:1px solid #dfdfdf; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .lyNyHonor_list ul li:hover a.NyHonor_img { border:1px solid #fff; box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);} .lyNyHonor_list ul li a.NyHonor_img 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;} .lyNyHonor_list ul li a.NyHonor_img:hover img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .lyNyHonor_list ul li a.NyHonor_name { display:block; width:100%; height:32px; overflow:hidden; line-height:32px; color:#333; font-size:15px; text-align:center; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:8px 0 0;} .lyNyHonor_list ul li:hover a.NyHonor_name { color:#e43437;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_NyHonor { width:90%;} .lyNyHonor_list ul li a.NyHonor_img { height:200px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyHonor { width:96%; margin:0 auto 50px;} .lyNyHonor_list ul li { width:32%; margin:0 2% 20px 0;} .lyNyHonor_list ul li:nth-child(4n+4) { margin:0 2% 20px 0;} .lyNyHonor_list ul li:nth-child(3n+3) { margin:0 0 20px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyHonor { width:96%; margin:0 auto 40px;} .lyNyHonor_list ul li { width:32%; margin:0 2% 20px 0;} .lyNyHonor_list ul li:nth-child(4n+4) { margin:0 2% 20px 0;} .lyNyHonor_list ul li:nth-child(3n+3) { margin:0 0 20px;} .lyNyHonor_list ul li a.NyHonor_img { height:200px;} } @media (max-width: 767px) { .ly_NyHonor { width:94%; margin:0 auto 40px;} .lyNyHonor_list ul li { width:48%; margin:0 4% 20px 0;} .lyNyHonor_list ul li:nth-child(4n+4), .lyNyHonor_list ul li:nth-child(3n+3) { margin:0 4% 20px 0;} .lyNyHonor_list ul li:nth-child(2n+2) { margin:0 0 20px;} .lyNyHonor_list ul li a.NyHonor_img { height:166px;} } /*内页-荣誉资质 结束*/ /*右侧漂浮 开始*/ .client-2 {position:fixed;right:-170px;top:50%;z-index:99999;} .client-2 li a {text-decoration:none;} .client-2 li {margin-top:1px;clear:both;height:71px;position:relative;} .client-2 li i {background:url(../images/fx.png) no-repeat;display:block;width:30px;height:27px;margin: 4px auto 0;text-align:center;} .client-2 li p {height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;} .client-2 .my-kefu-qq i {background-position:4px 5px;} .client-2 .my-kefu-tel i {background-position:0 -21px;} .client-2 .my-kefu-liuyan i {background-position:4px -53px;} .client-2 .my-kefu-weixin i {background-position:-34px 4px;} .client-2 .my-kefu-weibo i {background-position:-30px -22px;} .client-2 .my-kefu-ftop {display:none;} .client-2 .my-kefu-ftop i {width:33px;height:35px;background-position:-27px -51px;} .client-2 .my-kefu-left {float:left;width:77px;height:47px;position:relative;} .client-2 .my-kefu-tel-right {font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;} .client-2 .my-kefu-right {width:20px;} .client-2 .my-kefu-tel-main {background:rgba(228,52, 55,1); color:#fff;height:56px;width:247px;padding:9px 0 6px;float:left;} .client-2 .my-kefu-main {background:#e43437;width:97px;height:56px;position:relative;padding:9px 0 6px;float:left;} .client-2 .my-kefu-weixin-pic {position:absolute;left:-130px;top:-24px;display:none;z-index:333;} .my-kefu-weixin-pic img {width:115px;height:115px;} @media (max-width:880px) { .my-kefu-liuyan,.my-kefu-weixin,.my-kefu-tel-right{display:none;} .client-2{right:0;} .client-2 li{ height:61px; position: static;} .client-2 .my-kefu-tel-main,.client-2 .my-kefu-main{ width:60px;border-radius: 60px; height:45px;} .client-2 .my-kefu-tel-main {background:rgba(228,52, 55,0.93);} .my-kefu-main{background:rgba(85,85, 85,0.93) !important;} .client-2 li a p{ display:none;} .client-2 .my-kefu-ftop i { margin: 4px 0 0 14px;} .client-2 .my-kefu-ftop{ margin-top:10px;} .client-2 .my-kefu-tel i {margin: 8px 0 0 18px;} } /*右侧漂浮 结束*/ @media (max-width:767px) { #KFRightScreen { display:none!important;} .client-2{ top:70%;} } #qb_collection_img_mask{display:none !important;}