@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;} /* 设置滚动条的样式 */ ::-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;} input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} textarea {  -webkit-appearance: none;}    .button{ border-radius: 0; }  /*headtop 开始 */ .ly_headtop { width:100%; height:40px; overflow:hidden; margin:0 auto; padding:0; background-color:#f5f5f5;} .ly_headtop .lyht_main { width:1200px; height:40px; overflow:hidden; margin:0 auto; padding:0;} .lyht_main .lyht_fl { width:50%; height:40px; overflow:hidden; line-height:40px; color:#797979; font-size:14px; white-space:nowrap; text-overflow: ellipsis; float:left;} .lyht_main .lyht_fr { width:50%; height:40px; overflow:hidden; line-height:40px; color:#797979; font-size:14px; text-align:right; float:right;} .lyht_fl img { display:block; width:20px; height:20px; overflow:hidden; margin:10px 4px 10px 0; padding:0; float:left;} .lyht_fl a { color:#797979;} .lyht_fr a { display:inline-block; color:#797979; margin:0; padding:0 10px;} .lyht_fl a:hover, .lyht_fr a:hover { color:#1f4d98;} .lyht_fr em { display:inline-block; width:1px; height:15px; overflow:hidden; margin:-2px 0 0; padding:0; vertical-align:middle; background-color:#dfdfdf;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_headtop .lyht_main { width:90%;} } @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 结束 */ /*头部 开始*/ .ly_top { width:100%; height:auto; margin:0 auto; padding:0; background-color:#fff; position:relative;} .ly_top .lytop_main { width:1200px; height:110px; margin:0 auto; padding:0; position:relative; overflow:hidden;} .lytop_main .ly_logo { height:70px; overflow:hidden; margin:20px 0; padding:0; float:left;} .ly_logo a { display:block; width:490px; height:70px; overflow:hidden; margin:0 20px 0 0; padding:0; float:left;} .ly_logo a img { display:block; width:100%; height:auto; margin:0; padding:0;} .ly_logo .logo_text { height:50px; overflow:hidden; margin:5px 0; padding:5px 0 5px 20px; border-left:1px solid #dfdfdf; float:left;} .logo_text p { height:30px; line-height:30px; color:#3e3e3e; font-size:24px; font-weight:bold; margin:0; padding:0;} .logo_text span { display:block; height:20px; line-height:20px; color:#797979; font-size:15px; text-align:center; margin:0; padding:0;} .lytop_main .ly_tel { height:50px; overflow:hidden; margin:30px 0; padding:0 0 0 50px; background:url(/images/tel1.png) left center no-repeat; background-size:40px 40px; float:right;} .ly_tel span { display:block; height:20px; line-height:20px; color:#565656; font-size:15px; margin:0; padding:0;} .ly_tel p { height:30px; line-height:30px; color:#c3062c; font-size:30px; font-weight:bold; margin:0; padding:0;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_top .lytop_main { width:90%; padding:0 5%;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_top .lytop_main { width:96%; height:100px; padding:0 2%;} .lytop_main .ly_logo { margin:15px 0;} .ly_logo a { margin:0 15px 0 0;} .ly_logo .logo_text { padding:5px 0 5px 15px;} .lytop_main .ly_tel { margin:25px 0;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_top .lytop_main { width:96%; height:100px; padding:0 2%;} .lytop_main .ly_logo { height:64px; margin:18px 0;} .ly_logo a { width:450px; height:64px; margin:0;} .ly_logo .logo_text { display:none; padding:5px 0 5px 15px;} .lytop_main .ly_tel { margin:25px 0;} .ly_tel p { font-size:28px;} } @media (max-width: 767px) { .ly_top { width:94%; padding:0 3%; box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);} .ly_top .lytop_main { width:100%; height:60px;} .lytop_main .ly_logo { height:44px; margin:8px 0; width:90%;} .ly_logo a { width:auto; height:100%; margin:0;} .ly_logo a img { width:auto; max-height:100%; max-width:100%;} .ly_logo .logo_text { display:none;} .lytop_main .ly_tel { display:none;} } /*导航栏 开始*/ .ly_nav { width:100%; height:70px; margin:0 auto; padding:0; background-color:#1f4d98;} .ly_nav li, .ly_nav a { text-decoration: none; list-style: none;} .ly_nav ::-webkit-scrollbar { display: none;} .ly_nav .nav_list { width:1200px; margin:0 auto; -webkit-box-sizing: border-box; box-sizing: border-box;} .ly_nav .nav_list > ul > li { display:inline-block; width:13.8%; position: relative; list-style: none; padding:0; text-align:center; background:url(/images/nav_line.jpg) center right no-repeat; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ly_nav .nav_list > ul > li:last-child { background:none;} .ly_nav .nav_list > ul > li:hover { background-color: rgba(0, 0, 0, 0.2);} .ly_nav .nav_list > ul > li > a { display: inline-block; line-height: 70px; color: #fff; font-size: 16px; padding: 0; margin: 0; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ly_nav .nav_list > ul > li:hover, .ly_nav .nav_list > ul > li.active { background-color: rgba(0,0, 0, 0.2);} .ly_nav .nav_list > ul > li:hover > a, .ly_nav .nav_list > ul > li.active > a { color: #fff;} .ly_nav .nav_list > ul > li i { display:inline-block; width:20px; height:20px; background:url(/images/down.png) center center no-repeat; background-size:10px 10px; vertical-align:middle; cursor:pointer; margin:0;} .ly_nav .nav_list > ul > li i.cur{ background:url(/images/up.png) center center no-repeat; background-size:10px 10px; text-decoration:none;} .ly_nav .nav_list > ul > li ul { display:none; position:absolute; left:0; top:70px; z-index:99999; width:100%; overflow:hidden; background-color:#fff; box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);} .ly_nav .nav_list > ul > li ul li { width:100%; overflow:hidden; margin:0 auto; padding:0;} .ly_nav .nav_list > ul > li ul li a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:14px; text-align:center; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;} .ly_nav .nav_list > ul > li ul li a:hover { color:#fff; background-color:#1f4d98;} .ly_nav .nav_menu { display: none;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_nav {height:60px;} .ly_nav .nav_list { width:90%;} .ly_nav .nav_list > ul > li > a { line-height:60px; color: #fff; font-size:15px;} .ly_nav .nav_list > ul > li:hover, .ly_nav .nav_list > ul > li.active, .ly_nav .nav_list > ul > li ul li a:hover { background-color: rgba(0, 0, 0, 0.2);} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_nav { height:56px;} .ly_nav .nav_list { width:96%;} .ly_nav .nav_list > ul > li > a { line-height:56px; color: #fff; font-size:15px;} .ly_nav .nav_list > ul > li:hover, .ly_nav .nav_list > ul > li.active, .ly_nav .nav_list > ul > li ul li a:hover { background-color: rgba(0, 0, 0, 0.2);} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_nav { height:56px;} .ly_nav .nav_list { width:96%;} .ly_nav .nav_list > ul > li > a { line-height:56px; color: #fff; font-size:15px;} .ly_nav .nav_list > ul > li:hover, .ly_nav .nav_list > ul > li.active, .ly_nav .nav_list > ul > li ul li a:hover { background-color: rgba(0, 0, 0, 0.2);} } @media (max-width: 767px) { .ly_nav { height:0; margin:0;} .ly_nav .nav_list { width: 60%; height: 100%; margin:0; padding: 0; position:fixed; top: 0; left: -100%; z-index: 9999; transition: 0.5s; -webkit-transition: 0.5s;} .ly_nav .nav_list ul { width:60%; height:100%; background-color: #fff; position:relative; z-index:9999;} .ly_nav .nav_list .nav_mask { width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6); position:absolute; left:0; top:0; z-index:9998;} .ly_nav .nav_list ul > li { width: 100%; overflow: hidden; margin:0 auto; padding:0; background:none; box-sizing:border-box; position:relative;} .ly_nav .nav_list > ul > li:hover, .ly_nav .nav_list > ul > li.active { background-color: #1f4d98;} .ly_nav .nav_list ul > li a { display:block; width: 100%; line-height:60px; color:#333; font-size:16px; text-align:left; padding:0 60px 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ly_nav .nav_list > ul > li i { display:block; width:60px; height:60px; background-size:14px 14px; position:absolute; top:0; right:0; background:url(/images/down2.png) center center no-repeat; background-size:14px 14px;} .ly_nav .nav_list > ul > li i.cur { background-size:14px 14px;} .ly_nav .nav_list > ul > li ul { width:100%; overflow:hidden; position:inherit; left:inherit; top:inherit; background-color:#f8f8f8; box-shadow:none;} .ly_nav .nav_menu { display: block; width:24px; padding: 10px 7px; background-color:#fff; border: 1px solid #ccc; border-radius:2px; margin: 0; position:absolute; top:10px; right:3%;} .ly_nav .nav_menu span { display: block; width: 24px; height: 2px; background-color: #ccc; border-radius: 1px;} .ly_nav .nav_menu span + span { margin-top: 6px;} .ly_nav .open { width:100%; overflow: auto; left: 0%;} .ly_nav .nav_menu:active { background-color:#1f4d98; border: 1px solid #1f4d98;} .ly_nav .nav_menu:active span { background-color:#fff;} } /*导航栏 结束*/ /*头部 结束*/ /* banner 开始 */ .apple-banner { width: 100%; height: 560px; overflow: hidden;} .apple-banner .swiper-container { width: 100%; height: 560px;} .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.6) url(/images/arrows1.png) center center no-repeat; left: 20px;} .apple-banner .swiper-button-next span { background: rgba(0,0,0,0.6) 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: .6;} /*分页器*/ .apple-banner .swiper-pagination{ top:auto; bottom:24px; background:none;} .apple-banner .swiper-pagination-bullet { display: inline-block; width: 12px; margin: 0 6px; cursor: pointer; background: none; border-radius:0; opacity: 1; border-radius:6px;} .apple-banner .swiper-pagination-bullet span { width: 12px; height: 12px; display: block; background: rgba(255, 255, 255, 0.5); border-radius:50%;} .apple-banner .swiper-pagination-bullet-active span{ background-color: #fff;} .apple-banner .autoplay .swiper-pagination-bullet-active span{ background: rgba(255,255,255,0.5);} .apple-banner .swiper-pagination-bullet i{ background-color: #fff; height: 12px; transform:scaleX(0); transform-origin: 0; display: block;} .apple-banner .autoplay .firsrCurrent i{ transition:transform 2.9s linear; transform:scaleX(1); border-radius:6px;} .apple-banner .autoplay .current i{ transition:transform 4s linear; transform:scaleX(1); border-radius:6px;} .apple-banner .autoplay .replace span{ background-color:#fff;} @media screen and (max-width:1199px) and (min-width:1080px) { .apple-banner { height: 500px;} .apple-banner .swiper-container { height: 500px;} .apple-banner .swiper-container .swiper-button-prev, .apple-banner .swiper-container .swiper-button-next { width:10%;} } @media screen and (max-width:1079px) and (min-width:1024px) { .apple-banner { height: 400px;} .apple-banner .swiper-container { height: 400px;} .swiper-container .swiper-button-prev, .apple-banner .swiper-container .swiper-button-next { width:10%;} } @media screen and (max-width:1023px) and (min-width:768px) { .apple-banner { height: 300px;} .apple-banner .swiper-container { height: 300px;} .apple-banner .swiper-container .swiper-button-prev, .apple-banner .swiper-container .swiper-button-next { width:10%;} } @media (max-width: 767px) { .apple-banner { height: 130px;} .apple-banner .swiper-container { height: 130px;} .apple-banner .swiper-container .swiper-button-prev, .apple-banner .swiper-container .swiper-button-next { width:10%;} .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-button-next span { right:10px;} .apple-banner .swiper-pagination { bottom:12px;} .apple-banner .swiper-pagination-bullet { width:10px; height:10px; margin:0 5px;} .apple-banner .swiper-pagination-bullet span { width:10px; height:10px;} .apple-banner .swiper-pagination-bullet i { height:10px;} } /* banner 结束 */ /*热门关键词&搜索 开始*/ .ly_hotkw_search { width:100%; height:70px; margin:0 auto; padding:0; background-color:#fff; box-shadow:0 4px 8px rgba(0, 0, 0, 0.1); position:relative; z-index:9;} .ly_hotkw_search .hotkw_search { width:1200px; height:100%; overflow:hidden; margin:0 auto; padding:15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .hotkw_search .hotkw_left { float:left; width:66%; height:40px; overflow:hidden; line-height:40px; color:#797979; font-size:14px; white-space:nowrap; text-overflow: ellipsis; margin:0; padding:0;} .hotkw_search .hotkw_left span { color:#32353a;} .hotkw_search .hotkw_left a { color:#797979;} .hotkw_search .hotkw_left a:hover { color:#1f4d98;} .hotkw_search .search_right { float:right; width:30%; height:40px; 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;} .hotkw_search .search_right .sc_ipt { width:100%; height:40px; overflow:hidden; margin:0; padding:0;} .search_right .sc_ipt input { display:block; width:100%; height:40px; overflow:hidden; line-height:38px; color:#777; font-size:14px; white-space:nowrap; text-overflow: ellipsis; border:1px solid #dfdfdf; border-right:0; background:#fff url(/images/sc_btn.png) 9px 9px no-repeat; outline:none; margin:0; padding:0 9px 0 39px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .hotkw_search .search_right .sc_btn { width:80px; height:40px; overflow:hidden; margin:0; padding:0; position:absolute; top:0; right:0;} .search_right .sc_btn input { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:16px; text-align:center; background-color:#cf2333; border:none; outline:none; cursor:pointer;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_hotkw_search .hotkw_search { width:90%; padding:15px 0;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_hotkw_search .hotkw_search { width:96%; padding:15px 0;} .hotkw_search .hotkw_left { width:62%;} .hotkw_search .search_right { width:36%;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_hotkw_search { height:110px; margin:0 auto;} .ly_hotkw_search .hotkw_search { width:96%; padding:10px 0;} .hotkw_search .hotkw_left { width:100%;} .hotkw_search .search_right { width:100%;} } @media (max-width: 767px) { .ly_hotkw_search { height:auto; margin:0 auto; padding:0; background-size:100% 20px;} .ly_hotkw_search .hotkw_search { width:100%; padding:10px 3% 12px;} .hotkw_search .hotkw_left { width:100%; height:auto; max-height:48px; line-height:24px; margin:0 auto 10px; white-space:inherit;} .hotkw_search .search_right { width:100%;} } /*热门关键词&搜索 结束*/ /*首页-大标题 开始*/ .ly_title { width:100%; max-width:1200px; overflow:hidden; margin:0 auto 30px; padding:0;} .ly_title p { width:100%; height:40px; overflow:hidden; line-height:40px; color:#1f4d98; font-size:32px; font-weight:bold; text-align:center; margin:0 auto 8px; padding:0;} .ly_title p font { color:#34313a;} .ly_title span { display:block; width:100%; height:auto; overflow:hidden; line-height:24px; color:#797979; font-size:14px; text-align:center; margin:0 auto; padding:0;} .ly_title1 p, .ly_title1 p font, .ly_title1 span { color:#fff;} .ly_title0 { width:100%; height:40px; overflow:hidden; margin:0 auto 30px; padding:0 0 10px; border-bottom:1px solid #dfdfdf;} .ly_title0 p { display:inline-block; height:40px; line-height:40px; color:#1f4d98; font-size:26px; font-weight:bold; margin:0 10px 0 0; padding:0 0 0 40px; background:url(/images/mulu_tlt.png) left center no-repeat; float:left;} .ly_title0 span { display:inline-block; height:40px; line-height:40px; color:#797979; font-size:16px; margin:0; padding:0; float:left;} .ly_title0 a { display:inline-block; height:40px; line-height:40px; color:#797979; font-size:14px; margin:0; padding:0; float:right;} .ly_title0 a:hover { color:#1f4d98;} @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:1024px) { } @media screen and (max-width:1023px) and (min-width:768px) { .ly_title { margin:0 auto 20px;} .ly_title0 { margin:0 auto 20px;} } @media (max-width: 767px) { .ly_title { margin:0 auto 20px;} .ly_title p { height:32px; line-height:32px; font-size:24px;} .ly_title span { line-height:20px;} .ly_title0 { height:32px; margin:0 auto 20px;} .ly_title0 p { height:32px; line-height:32px; font-size:22px; padding:0 0 0 32px; background-size:24px 24px;} .ly_title0 span { height:32px; line-height:32px; font-size:14px;} .ly_title0 a { height:32px; line-height:32px;} } /*首页-大标题 结束*/ /*首页-产品中心 开始*/ .ly_idxPro { width:100%; overflow:hidden; margin:0 auto 60px; padding:60px 0 30px; background-color:#f9f9f9;} .ly_idxPro .lyIdxPro_main { width:1200px; overflow:hidden; margin:0 auto; padding:0;} .lyIdxPro_main .lyIdxPro_left { width:25%; overflow:hidden; margin:0; padding:0; float:left;} .lyIdxPro_main .lyIdxPro_right { width:72%; overflow:hidden; margin:0; padding:0; float:right;} .lyIdxPro_right .lyIdxPro_list { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyIdxPro_list ul li { width:31%; overflow:hidden; margin:0 3.5% 30px 0; padding:0; float:left;} .lyIdxPro_list ul li:nth-child(3n+3) { margin:0 0 30px;} .lyIdxPro_list ul li .lyIdxPro_img { width:100%; height:270px; overflow:hidden; margin:0 auto 6px; padding:0;} .lyIdxPro_list ul li .lyIdxPro_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; border:1px solid #dfdfdf; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyIdxPro_list ul li .lyIdxPro_img a img.idxPro_img { display:block; max-width:90%; max-height:90%; 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;} .lyIdxPro_list ul li:hover .lyIdxPro_img a img.idxPro_img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .lyIdxPro_list ul li .lyIdxPro_name { width:100%; height:50px; overflow:hidden; margin:0 auto; padding:0;} .lyIdxPro_list ul li .lyIdxPro_name a { display:block; width:100%; height:50px; overflow:hidden; line-height:50px; color:#fff; font-size:16px; text-align:center; white-space:nowrap; text-overflow: ellipsis; background-color:#b8b8b8; margin:0 auto;padding:0 3%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .lyIdxPro_list ul li:hover .lyIdxPro_name a { background-color:#204e99;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_idxPro { width:90%; padding:60px 5% 30px;} .ly_idxPro .lyIdxPro_main { width:100%;} .lyIdxPro_list ul li .lyIdxPro_img { height:230px; margin:0 auto 4px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_idxPro { width:96%; margin:0 auto 40px; padding:40px 2% 10px;} .ly_idxPro .lyIdxPro_main { width:100%;} .lyIdxPro_main .lyIdxPro_left { width:100%; margin:0 auto 30px;} .lyIdxPro_main .lyIdxPro_right { width:100%; margin:0 auto;} .lyIdxPro_list ul li .lyIdxPro_img { height:304px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_idxPro { width:96%; margin:0 auto 40px; padding:40px 2% 20px;} .ly_idxPro .lyIdxPro_main { width:100%;} .lyIdxPro_main .lyIdxPro_left { width:100%; margin:0 auto 20px;} .lyIdxPro_main .lyIdxPro_right { width:100%; margin:0 auto;} .lyIdxPro_list ul li { margin:0 3.5% 20px 0;} .lyIdxPro_list ul li:nth-child(3n+3) { margin:0 0 25px;} .lyIdxPro_list ul li .lyIdxPro_img { height:228px;} } @media (max-width: 767px) { .ly_idxPro { width:94%; margin:0 auto 40px; padding:40px 3% 20px;} .ly_idxPro .lyIdxPro_main { width:100%;} .lyIdxPro_main .lyIdxPro_left { width:100%; margin:0 auto 20px;} .lyIdxPro_main .lyIdxPro_right { width:100%; margin:0 auto;} .lyIdxPro_list ul li { width:48%; margin:0 4% 20px 0;} .lyIdxPro_list ul li:nth-child(3n+3) { margin:0 4% 20px 0;} .lyIdxPro_list ul li:nth-child(2n+2) { margin:0 0 20px;} .lyIdxPro_list ul li .lyIdxPro_img { height:186px;} .lyIdxPro_list ul li .lyIdxPro_name a { height:44px; line-height:44px; font-size:15px;} } /*产品分类 开始*/ .lyIdxPro_left .h_left { width:100%; overflow:hidden; background-color:#fff; margin:0;} .lyIdxPro_left .cp_type {} .lyIdxPro_left .cp_type .hd { text-align:center; background-color:#204e99; padding:20px;} .lyIdxPro_left .cp_type .hd p { height:32px; line-height:32px; font-size:26px; font-weight:bold; color:#fff;} .lyIdxPro_left .cp_type .bd { border:2px solid #204e99; border-top:0; padding:10px;} .lyIdxPro_left .cp_type .bd ul li { border-bottom:1px dashed #dfdfdf;} .lyIdxPro_left .cp_type .bd ul li.on { border:0; margin-bottom:1px;} .lyIdxPro_left .cp_type .bd ul li p { height:60px; line-height:60px;} .lyIdxPro_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;} .lyIdxPro_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;} .lyIdxPro_left .cp_type .bd ul li div { background:#fafafa; display:none;} .lyIdxPro_left .cp_type .bd ul li div a { display:block; height:48px; line-height:48px; color:#797979; font-size:14px; border-top:1px dashed #dfdfdf; padding:0 20px 0 36px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; background:url(/images/icon4.png) 20px center no-repeat;} .lyIdxPro_left .cp_type .bd ul li div a:first-child { border-top:0;} .lyIdxPro_left .cp_type .bd ul li p:hover, .lyIdxPro_left .cp_type .bd ul li.on p { background-color:#1f4d98; border-radius: 4px;} .lyIdxPro_left .cp_type .bd ul li p:hover a, .lyIdxPro_left .cp_type .bd ul li.on p a { color:#fff; text-align:center;} .lyIdxPro_left .cp_type .bd ul li p:hover span { background:url(/images/mulu2.png) center center no-repeat;} .lyIdxPro_left .cp_type .bd ul li.on p span { background:url(/images/mulu3.png) center center no-repeat;} .lyIdxPro_left .cp_type .bd ul li div a:hover { color:#1f4d98; background:url(/images/icon5.png) 20px center no-repeat;} .lyIdxPro_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;} .lyIdxPro_left .cp_type .bd ul a.ckqb:hover { background:#1f4d98; color:#fff;} @media screen and (max-width:1199px) and (min-width:1080px) { .lyIdxPro_left .cp_type .bd ul li p { height:56px; line-height:56px;} .lyIdxPro_left .cp_type .bd ul li p a { line-height:56px;} .lyIdxPro_left .cp_type .bd ul li div a { padding:0 20px 0 40px;} .lyIdxPro_left .cp_type .bd ul li div a { background:url(/images/icon2.png) 24px center no-repeat;} .lyIdxPro_left .cp_type .bd ul li div a:hover { color:#1f4d98; background:url(/images/icon3.png) 24px center no-repeat;} } @media screen and (max-width:1079px) and (min-width:768px) { .lyIdxPro_left .cp_type { margin:0;} .lyIdxPro_left .cp_type .hd p:before { display:none;} .lyIdxPro_left .cp_type .hd { background:#204e99 url(/images/down1.png) 94% center no-repeat;padding: 10px 3%;text-align:left;overflow:hidden;} .lyIdxPro_left .cp_type .hd.on { background:#204e99 url(/images/up1.png) 94% center no-repeat;} .lyIdxPro_left .cp_type .hd span { display:block; font-style:italic; float:left; height:40px; line-height:40px;} .lyIdxPro_left .cp_type .hd p { padding:0; display:block; float:left; min-width:88px; margin:0 10px 0 0; font-size:24px;} .lyIdxPro_left .cp_type .bd { display:none;} .lyIdxPro_left .cp_type .bd ul li:last-child { border:0;} .lyIdxPro_left .cp_type .bd ul li p { height:52px; line-height:52px;} .lyIdxPro_left .cp_type .bd ul li p a { font-size:16px; line-height:52px;} .lyIdxPro_left .cp_type .bd ul li p span { background-size: 20px;} .lyIdxPro_left .cp_type .bd ul li.on p span { background-size: 20px;} .lyIdxPro_left .cp_type .bd ul li p:hover span { background-size: 20px;} } @media screen and (max-width:767px) { .lyIdxPro_left .cp_type { margin:0;} .lyIdxPro_left .cp_type .hd p:before { display:none;} .lyIdxPro_left .cp_type .hd { background:#204e99 url(/images/down1.png) 94% center no-repeat;padding: 10px 3%;text-align:left;overflow:hidden;} .lyIdxPro_left .cp_type .hd.on { background:#204e99 url(/images/up1.png) 94% center no-repeat;} .lyIdxPro_left .cp_type .hd span { display:block; font-style:italic; float:left; height:40px; line-height:40px;} .lyIdxPro_left .cp_type .hd p { padding:0; display:block; font-size:22px; float:left; min-width:88px; margin:0 10px 0 0;} .lyIdxPro_left .cp_type .bd { display:none;} .lyIdxPro_left .cp_type .bd ul li:last-child { border:0;} .lyIdxPro_left .cp_type .bd ul li p a { line-height:48px; font-size:16px;} .lyIdxPro_left .cp_type .bd ul li div a { font-size:14px;} .lyIdxPro_left .cp_type .bd ul li p { height:48px;line-height:48px;} .lyIdxPro_left .cp_type .bd ul li div a { height:44px;line-height:44px;} .lyIdxPro_left .cp_type .bd ul li p span { background-size: 20px;} .lyIdxPro_left .cp_type .bd ul li.on p span { background-size: 20px;} .lyIdxPro_left .cp_type .bd ul li p:hover span { background-size: 20px;} } /*产品分类 结束*/ /*首页-产品中心 结束*/ /*首页-关于我们 开始*/ .ly_idxAbout { width:1200px; overflow:hidden; margin:60px auto; padding:0;} .ly_idxAbout .idxAbout_main { width:100%; overflow:hidden; margin:0 auto; padding:0;} .idxAbout_main .idxAbout_img { width:51%; overflow:hidden; margin:0; padding:0; float:left;} .idxAbout_img img { display:block; width:100%; overflow:hidden; margin:0; padding:0;} .idxAbout_main .idxAbout_text { width:45%; overflow:hidden; margin:0; padding:0; float:right;} .idxAbout_text .idxAbout_con { width:100%; overflow:hidden; margin:0 auto; padding:0;} .idxAbout_con .idxAbout_name { width:100%; overflow:hidden; color:#1f4d98; font-size:30px; font-weight:bold; margin:0 auto 40px; padding:0; height:40px;} .idxAbout_con .idxAbout_xq { width:100%; max-height:240px; overflow:hidden; line-height:30px; color:#565656; font-size:15px; text-align:justify; text-indent:2em; margin:0 auto; padding:0; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; text-overflow: ellipsis;} .idxAbout_con .idxAbout_xq p{ line-height:35px;} .idxAbout_con a { display:block; width:140px; height:40px; overflow:hidden; line-height:38px; color:#fff; font-size:14px; text-align:center; background-color:#cc252f; margin:52px 0 0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .idxAbout_con a:hover { color:#fff; background-color:#1f4d98;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_idxAbout { width:90%;} .idxAbout_main .idxAbout_img { width:50%;} .idxAbout_main .idxAbout_text { width:46%;} .idxAbout_con .idxAbout_name { margin:0 auto 30px; font-size:28px;} .idxAbout_con p { max-height:210px; -webkit-line-clamp: 7;} .idxAbout_text ul.idxAbout_tb li img { max-width:100px;} .idxAbout_con a { margin:30px 0 0;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_idxAbout { width:96%; margin:40px auto;} .idxAbout_main .idxAbout_img { width:50%;} .idxAbout_main .idxAbout_text { width:46%;} .idxAbout_con .idxAbout_name { margin:0 auto 30px; font-size:28px;} .idxAbout_con p { max-height:210px; -webkit-line-clamp: 7;} .idxAbout_con a { margin:30px 0 0;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_idxAbout { width:96%; margin:40px auto;} .idxAbout_main .idxAbout_img { width:100%; margin:0 auto 20px; padding:0; text-align:center;} .idxAbout_img img { display:inline-block; width: auto; max-width:100%;} .idxAbout_main .idxAbout_text { width:100%;} .idxAbout_con .idxAbout_name { text-align:center; font-size:24px; margin:0 auto 20px;} .idxAbout_con p { max-height:320px; -webkit-line-clamp: 8; text-align:center;} .idxAbout_con a { margin:20px auto 0;} } @media (max-width: 767px) { .ly_idxAbout { width:94%; margin:40px auto;} .idxAbout_main .idxAbout_img { width:100%; margin:0 auto 20px; padding:0; text-align:center;} .idxAbout_img img { display:inline-block; width: auto; max-width:100%;} .idxAbout_main .idxAbout_text { width:100%;} .idxAbout_con .idxAbout_name { text-align:center; font-size:24px; margin:0 auto 20px;} .idxAbout_con p { max-height:320px; -webkit-line-clamp: 8; text-align:center;} .idxAbout_con a { margin:20px auto 0;} } /*首页-关于我们 结束*/ /*首页-成功案例 开始*/ .ly_idxCase { width:100%; overflow:hidden; margin:0 auto; padding:60px 0; background:#335998 url(/images/case_bg.jpg) center center no-repeat; background-size: 1920px 560px;} .ly_idxCase .lyIdxCase_main { width:1200px; overflow:hidden; margin:0 auto; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyIdxCase_main .lyIdxCase_list { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyIdxCase_list ul li { width:32%; height:295px; overflow:hidden; margin:0 2% 0 0; padding:0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyIdxCase_list ul li:nth-child(3) { margin:0;} .lyIdxCase_list ul li a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; position:relative;} .lyIdxCase_list ul li a img { display:block; max-width:100%; 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;} .lyIdxCase_list ul li a:hover img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .lyIdxCase_list ul li a span { display:block; width:100%; height:44px; overflow:hidden; line-height:44px; color:#fff; font-size:16px; text-align:center; white-space:nowrap; text-overflow: ellipsis; margin:0; padding:0; background-color:rgba(0, 0, 0, 0.5); position:absolute; bottom:0; padding:0 3%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .lyIdxCase_list ul li a:hover span { background-color:#1f4d98;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_idxCase .lyIdxCase_main { width:90%;} .lyIdxCase_list ul li { height:248px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_idxCase { padding:40px 0;} .ly_idxCase .lyIdxCase_main { width:96%;} .lyIdxCase_list ul li { height:240px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_idxCase { padding:40px 0;} .ly_idxCase .lyIdxCase_main { width:96%;} .lyIdxCase_list ul li { height:180px;} .lyIdxCase_list ul li a span { height:40px; line-height:40px; font-size:15px;} } @media (max-width: 767px) { .ly_idxCase { padding:40px 0;} .ly_idxCase .lyIdxCase_main { width:94%;} .lyIdxCase_list ul li { width:100%; height:auto; overflow:hidden; margin:0 auto 20px;} .lyIdxCase_list ul li a { height:auto;} .lyIdxCase_list ul li a img { width:100%; height:auto; position:inherit;} .lyIdxCase_list ul li a span { height:40px; line-height:40px; font-size:15px;} } /*首页-成功案例 结束*/ /*首页-公司新闻 开始*/ .lyIdxNew_listr { float:right;} .lyIdxNew_listl { float:left;} .ly_idxNews { width:1200px; height:auto; margin:60px auto 40px; padding:0;} .ly_idxNews .lyIdxNew_list { width:50%; height:auto; margin:0 auto; padding:0;} .lyIdxNew_list ul li { width:99%; height:120px; margin:0 2% 24px 0; padding:0 24px 0 160px; background-color:#ececec; float:left; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyIdxNew_list ul li:nth-child(2n+2) { margin:0 0 24px;} .lyIdxNew_list ul li:hover { background-color:#fafafa; box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);} .lyIdxNew_list ul li .lyIdxNew_time { width:160px; height:120px; overflow:hidden; margin:0; padding:20px; background:url(/images/NyNew_Timebg1.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;} .lyIdxNew_list ul li:hover .lyIdxNew_time { background:url(/images/NyNew_Timebg2.png) 0 0 no-repeat; background-size:100% 100%;} .lyIdxNew_list ul li .lyIdxNew_time span { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:22px; margin:0 auto; padding:0;} .lyIdxNew_list ul li .lyIdxNew_time p { width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:32px; font-weight:bold; margin:0 auto; padding:0;} .lyIdxNew_list ul li .lyIdxNew_text { width:100%; overflow:hidden; margin:0 auto; padding:16px 0;} .lyIdxNew_list ul li .lyIdxNew_text .lyIdxNew_name { width:100%; height:32px; overflow:hidden; line-height:32px; white-space:nowrap; text-overflow: ellipsis; margin:0 auto 8px; padding:0;} .lyIdxNew_list ul li .lyIdxNew_text .lyIdxNew_name a { color:#32353a; font-size:18px;} .lyIdxNew_list ul li .lyIdxNew_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;} .lyIdxNew_list ul li:hover .lyIdxNew_text .lyIdxNew_name a { color:#1f4d98;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_idxNews { width:90%;} .lyIdxNew_list ul li { margin:0 2% 20px 0; padding:0 20px 0 160px;} .lyIdxNew_list ul li:nth-child(2n+2) { margin:0 0 20px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_idxNews { width:96%; margin:40px auto 20px;} .lyIdxNew_list ul li { width:100%; margin:0 auto 20px; padding:0 20px 0 160px;} .lyIdxNew_list ul li:nth-child(2n+2) { margin:0 auto 20px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_idxNews { width:96%; margin:40px auto 20px;} .lyIdxNew_list ul li { margin:0 auto 20px;} .lyIdxNew_list ul li { width:100%; margin:0 auto 20px; padding:0 20px 0 160px;} .lyIdxNew_list ul li:nth-child(2n+2) { margin:0 auto 20px;} } @media screen and (max-width:1023px){.ly_idxNews .lyIdxNew_list{width:100%;} .lyIdxNew_list ul li { width:100%;} } @media (max-width: 767px) { .ly_idxNews { width:94%; margin:40px auto 20px;} .lyIdxNew_list ul li { width:100%; height:100px; margin:0 auto 20px; padding:0 20px 0 120px;} .lyIdxNew_list ul li .lyIdxNew_time { width:120px; height:100px; padding:15px 12px;} .lyIdxNew_list ul li .lyIdxNew_time span { height:30px; line-height:30px; font-size: 20px;} .lyIdxNew_list ul li .lyIdxNew_time p { font-size:28px;} .lyIdxNew_list ul li .lyIdxNew_text { padding:10px 0;} .lyIdxNew_list ul li .lyIdxNew_text .lyIdxNew_name { height:28px; line-height:28px; margin:0 auto 4px;} .lyIdxNew_list ul li:nth-child(2n+2) { margin:0 auto 20px;} } /*首页-公司新闻 结束*/ /*首页-友情链接 开始*/ .ly_Links { width:100%; overflow:hidden; margin:0 auto; padding:20px 0; background-color:#f2f2f2;} .ly_Links .lyLinks_main { width:1200px; min-height:40px; overflow:hidden; margin:0 auto; padding:0 0 0 180px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyLinks_main .Lk_tit { height:40px; overflow:hidden; line-height:40px; color:#333333; font-size:16px; margin:0; padding:0 0 0 32px; background:url(/images/lk_icon.png) left center no-repeat; position:absolute; left:0; top:0;} .lyLinks_main .Lk_list { width:100%; overflow:hidden; line-height:40px; color:#999; font-size:14px; margin:0; padding:0;} .lyLinks_main .Lk_list a { display:inline-block; height:40px; line-height:40px; color:#777; font-size:14px; margin:0 20px 0 0; padding:0;} .lyLinks_main .Lk_list a:hover { color:#1f4d98;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_Links .lyLinks_main { width:90%;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_Links .lyLinks_main { width:96%;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_Links .lyLinks_main { width:96%; padding:0;} .lyLinks_main .Lk_tit { position:inherit; font-size:18px;} } @media (max-width: 767px) { .ly_Links .lyLinks_main { width:94%; padding:0;} .lyLinks_main .Lk_tit { position:inherit; font-size:18px;} } /*首页-友情链接 结束*/ /*底部 开始*/ .ly_foot { width:100%; margin:0 auto; padding:0; background-color:#243853;} .ly_foot .ly_Ftmain { width:100%; overflow:hidden; margin:0 auto; padding:40px 0; border-bottom:1px solid #132031;} .ly_Ftmain .ly_Ftcon { width:1200px; overflow:hidden; margin:0 auto; padding:0;} .ly_Ftcon .ly_FtLeft { width:34%; overflow:hidden; margin:0 3.5% 0 0; padding:0; float:left;} .Ft_tit { width:100%; overflow:hidden; line-height:30px; color:#fff; font-size:18px; margin:0 auto 20px; padding:0;} .ly_FtLeft ul li { width:100%; overflow:hidden; line-height:24px; color:rgba(255, 255, 255, 0.9); font-size:14px; margin:0; padding:8px 0 8px 32px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ly_FtLeft ul li img { display:block; width:24px; height:24px; overflow:hidden; margin:0; padding:0; position:absolute; left:0; top:8px;} .ly_Ftcon .ly_FtCenter { width:34%; margin:0 3.5% 0 0; padding:0 3.5%; border-left:1px solid rgba(255, 255, 255, 0.1); border-right:1px solid rgba(255, 255, 255, 0.1); float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ly_FtCenter ul li { width:50%; overflow:hidden; margin:0; padding:0; float:left;} .ly_FtCenter ul li a { display:block; height:40px; line-height:40px; color:rgba(255, 255, 255, 0.9); font-size:14px; margin:0; padding:0;} .ly_FtCenter ul li a:hover { color:#fff;} .ly_Ftcon .ly_FtRight { width:25%; overflow:hidden; margin:0; padding:0; float:left;} .ly_FtRight p { width:100%; overflow:hidden; line-height:24px; color:rgba(255, 255, 255, 0.9); font-size:14px; margin:0 auto 20px; padding:0;} .ly_FtRight .ly_FtEwm { width:100%; overflow:hidden; margin:0 auto; padding:0;} .ly_FtEwm img { display:inline-block; width:108px; height:108px; overflow:hidden; margin:0 20px 0 0; padding:0; vertical-align:bottom;} .ly_FtEwm span { display:inline-block; line-height:24px; color:rgba(255, 255, 255, 0.9); font-size:14px;} .ly_foot .ly_FtBottom { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0; border-top:1px solid #324c71;} .ly_foot .ly_FtBottom .FtBottom_mid { width:1200px; height:auto; overflow:hidden; margin:0 auto; padding:10px 0;} .FtBottom_mid .Ft_Copy, .FtBottom_mid .Ft_Supp { line-height:30px; color:rgba(255, 255, 255, 0.9); font-size:14px;} .FtBottom_mid .Ft_Copy a, .FtBottom_mid .Ft_Supp a { color:rgba(255, 255, 255, 0.9);} .FtBottom_mid .Ft_Copy a:hover, .FtBottom_mid .Ft_Supp a:hover { color:#fff;} .FtBottom_mid .Ft_Copy { width:70%; float:left;} .FtBottom_mid .Ft_Supp { width:30%; float:right; text-align:right;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_Ftmain .ly_Ftcon, .ly_foot .ly_FtBottom .FtBottom_mid { width:90%;} .ly_FtRight p { margin:0 auto 10px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_Ftmain .ly_Ftcon, .ly_foot .ly_FtBottom .FtBottom_mid { width:96%;} .FtBottom_mid .Ft_Copy, .FtBottom_mid .Ft_Supp { width:100%; text-align:left;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_Ftmain .ly_Ftcon, .ly_foot .ly_FtBottom .FtBottom_mid { width:96%;} .ly_Ftmain .ly_FtLeft { width:100%; margin:0 auto 40px; padding: 0 0 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);} .ly_Ftmain .ly_FtCenter { width:50%; margin:0; padding:0 4% 0 0; border-left:0;} .ly_Ftmain .ly_FtRight { width:50%; padding:0 0 0 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ly_FtRight .Ft_tit, .ly_FtRight p { text-align:center;} .ly_FtEwm img { display:block; margin:0 auto; padding:0;} .ly_FtEwm span { display:block; text-align:center; margin:10px auto 0; padding:0;} .ly_FtEwm span br { display:none;} .FtBottom_mid .Ft_Copy, .FtBottom_mid .Ft_Supp { width:100%; text-align:center;} } @media (max-width: 767px) { .ly_Ftmain .ly_Ftcon, .ly_foot .ly_FtBottom .FtBottom_mid { width:94%;} .ly_Ftmain .ly_FtLeft { width:100%; margin:0 auto 20px;} .Ft_tit { text-align:center;} .ly_Ftmain .ly_FtCenter { width:100%; margin:0 auto 20px; padding:20px 0; border-left:0; border-right:0; border-top:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1);} .ly_FtCenter ul li a { text-align:center;} .ly_Ftmain .ly_FtRight { width:100%; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ly_FtRight p { text-align:center;} .ly_FtEwm img { display:block; margin:0 auto; padding:0;} .ly_FtEwm span { display:block; text-align:center; margin:10px auto 0; padding:0;} .ly_FtEwm span br { display:none;} .FtBottom_mid .Ft_Copy, .FtBottom_mid .Ft_Supp { width:100%; text-align:center;} } /*底部 结束*/ /*ny_banner 开始*/ .ny_banner { width:100%; height:300px; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; 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 { width:1200px; 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:#1f4d98;} .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, .ny_title1 { width:100%; overflow:hidden; margin:0 auto 30px; padding:0;} .ny_title p, .ny_title1 p { width:100%; height:30px; overflow:hidden; line-height:30px; color:#32353a; font-size:28px; text-align:center; margin:0 auto; padding:0;} .ny_title p i, .ny_title1 p i { display:inline-block; width:120px; height:1px; overflow:hidden; margin:-2px 20px 0; padding:0; vertical-align:middle; background-color:#dfdfdf;} .ny_title1 p { color:#fff;} .ny_title1 p i { background-color:rgba(255, 255, 255, 0.9);} .ly_Gsjj { width:1200px; overflow:hidden; margin:0 auto 60px; padding:0;} .lyGsjj_main { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyGsjj_main .lyGsjj_img { width:100%; overflow:hidden; margin:0 auto 30px; padding:0;} .lyGsjj_img img { display:block; width:auto!important; height:auto!important; max-width:100%; margin:0 auto; padding:0;} .lyGsjj_main .lyGsjj_text { width:100%; overflow:hidden; margin:0 auto; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyGsjj_text .lyGsjj_name { width:100%; overflow:hidden; color:#333; font-size:24px; text-align:center; margin:0 auto 30px; padding:0;} .lyGsjj_name em { display:block; width:60px; height:2px; overflow:hidden; margin:10px auto 0; padding:0; background-color:#d12135;} .lyGsjj_text p { width:100%; overflow:hidden; line-height:30px; color:#787878; font-size:15px; text-align:justify; text-indent:2em; 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:#1f4d98;} .lyGsjj_main ul li .lyGsjj_num { width:100%; height:80px; overflow:hidden; line-height:80px; color:#1f4d98; 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:#1f4d98; 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:#1f4d98;} .lyGsjj_main ul li p { width:100%; overflow:hidden; line-height:24px; color:#787878; font-size:14px; text-align:center; margin:0 auto; padding:0;} .lyGsjj_main ul li:hover p { color:#fff;} @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_text p { text-align:center; text-indent:0;} } @media screen and (max-width:1023px) and (min-width:768px) { .ny_title, .ny_title1 { margin:0 auto 20px;} .ly_Gsjj { width:96%; margin:0 auto 40px;} .lyGsjj_main .lyGsjj_img { margin:0 auto 20px;} .lyGsjj_text p { text-align:center; text-indent:0;} } @media (max-width: 767px) { .ny_title, .ny_title1 { margin:0 auto 20px;} .ny_title p i, .ny_title1 p i { width:60px; margin:-2px 10px 0;} .ly_Gsjj { width:94%; margin:0 auto 40px;} .lyGsjj_main .lyGsjj_img { margin:0 auto 20px;} .lyGsjj_text p { text-align:center; text-indent:0;} } /*关于我们-公司简介 结束*/ /*关于我们-企业文化 开始*/ .ly_AboutQywh { width:100%; overflow:hidden; margin:0 auto; padding:60px 0; background:#f6f6f8 url(/images/AboutQywh_bg.jpg) center center no-repeat; background-size:100% 100%;} .ly_AboutQywh .lyAboutQywh_main { width:1200px; overflow:hidden; margin:0 auto; padding:0;} .lyAboutQywh_main ul li { width:22%; overflow:hidden; margin:0 4% 0 0; padding:0; float:left;} .lyAboutQywh_main ul li:last-child { margin:0;} .lyAboutQywh_main ul li .AboutQywh_img { width:96px; height:96px; overflow:hidden; margin:0 auto; padding:0;} .lyAboutQywh_main ul li .AQywh1 { background:url(/images/AQywh_icon01.png) center center no-repeat;} .lyAboutQywh_main ul li .AQywh2 { background:url(/images/AQywh_icon02.png) center center no-repeat;} .lyAboutQywh_main ul li .AQywh3 { background:url(/images/AQywh_icon03.png) center center no-repeat;} .lyAboutQywh_main ul li .AQywh4 { background:url(/images/AQywh_icon04.png) center center no-repeat;} .lyAboutQywh_main ul li:hover .AQywh1 { background:url(/images/AQywh_icon1.png) center center no-repeat;} .lyAboutQywh_main ul li:hover .AQywh2 { background:url(/images/AQywh_icon2.png) center center no-repeat;} .lyAboutQywh_main ul li:hover .AQywh3 { background:url(/images/AQywh_icon3.png) center center no-repeat;} .lyAboutQywh_main ul li:hover .AQywh4 { background:url(/images/AQywh_icon4.png) center center no-repeat;} .lyAboutQywh_main ul li .AboutQywh_text { width:100%; overflow:hidden; line-height:30px; color:#333; font-size:18px; font-weight:bold; text-align:center; margin:20px auto 10px; padding:0;} .lyAboutQywh_main ul li:hover .AboutQywh_text { color:#1f4d98;} .lyAboutQywh_main ul li p { width:100%; overflow:hidden; line-height:28px; color:#666; font-size:14px; text-align:center; margin:0 auto; padding:0;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_AboutQywh .lyAboutQywh_main { width:90%;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_AboutQywh .lyAboutQywh_main { width:96%;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_AboutQywh { padding:40px 0 20px;} .ly_AboutQywh .lyAboutQywh_main { width:96%;} .lyAboutQywh_main ul li { width:48%; margin:0 4% 20px 0;} .lyAboutQywh_main ul li:nth-child(2n+2) { margin:0 0 20px;} } @media (max-width: 767px) { .ly_AboutQywh { padding:40px 0 20px; background-size:cover;} .ly_AboutQywh .lyAboutQywh_main { width:94%;} .lyAboutQywh_main ul li { width:100%; margin:0 auto 20px;} .lyAboutQywh_main ul li:last-child { margin:0 auto;} } /*关于我们-企业文化 结束*/ /*荣誉资质-公司简介 开始*/ .ly_AboutHonor { width:100%; overflow:hidden; margin:0 auto; padding:60px 0; background-color:#f3f3f3;} .lyAboutHonor_list { width:1200px; height:auto; margin:0 auto; padding:0 60px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .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%; height:220px; background-color:#fff; 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:hover .pic 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;} .ny_honor_scoll .content-slider li .lyAboutHonor_text { display:block; width:100%; height:60px; overflow:hidden; line-height:40px; color:#333; font-size:16px; white-space:nowrap; text-overflow: ellipsis; margin:1px auto 0; padding:10px 50px 10px 15px; background-color:#fff; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .ny_honor_scoll .content-slider li .lyAboutHonor_text em { display:block; width:40px; height:40px; overflow:hidden; margin:0; padding:0; background:url(/images/jt5.png) center center no-repeat; position:absolute; top:10px; right:10px;} .ny_honor_scoll .content-slider li:hover .lyAboutHonor_text { background-color:#35589a; color:#fff;} .ny_honor_scoll .content-slider li:hover .lyAboutHonor_text em { background:url(/images/jt6.png) center center no-repeat;} @media screen and (max-width:1199px) and (min-width:1080px) { .lyAboutHonor_list { 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) { .lyAboutHonor_list { 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 { padding:40px 0;} .lyAboutHonor_list { width:96%; margin:0 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 { padding:40px 0;} .lyAboutHonor_list { width:94%; margin:0 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 { width:1200px; 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.5% 30px 0; padding:0; float:left;} .lyNyPro_list ul li:nth-child(3n+3) { margin:0 0 30px;} .lyNyPro_list ul li .lyIdxPro_img { width:100%; height:270px; overflow:hidden; margin:0 auto 6px; padding:0;} .lyNyPro_list ul li .lyIdxPro_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; border:1px solid #dfdfdf; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyPro_list ul li .lyIdxPro_img a img.idxPro_img { display:block; max-width:90%; max-height:90%; 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 a img.idxPro_img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .lyNyPro_list ul li .lyIdxPro_name { width:100%; height:50px; overflow:hidden; margin:0 auto; padding:0;} .lyNyPro_list ul li .lyIdxPro_name a { display:block; width:100%; height:50px; overflow:hidden; line-height:50px; color:#fff; font-size:16px; text-align:center; white-space:nowrap; text-overflow: ellipsis; background-color:#b8b8b8; margin:0 auto; padding:0;} .lyNyPro_list ul li:hover .lyIdxPro_name a { background-color:#204e99;} @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:230px; margin:0 auto 4px;} } @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;} .lyNyPro_main .lyNyPro_right { width:100%; margin:0 auto;} .lyNyPro_list ul li .lyIdxPro_img { height:304px;} } @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;} .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 25px;} .lyNyPro_list ul li .lyIdxPro_img { height:228px;} } @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;} .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:186px;} .lyNyPro_list ul li .lyIdxPro_name a { height:44px; line-height:44px; font-size:15px;} } /*内页-成功案例 开始*/ .ly_NyCase { width:100%; min-height: 480px; overflow:hidden; margin:0 auto 60px; padding:0;} .ly_NyCase .lyNyCase_main { width:1200px; height:auto; margin:0 auto; padding:0;} .lyNyCase_main .lyNyCase_list { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyNyCase_list ul li { width:31%; overflow:hidden; margin:0 3.5% 30px 0; padding:0; float:left;} .lyNyCase_list ul li:nth-child(3n+3) { margin:0 0 30px;} .lyNyCase_list ul li .lyIdxCase_img { width:100%; height:284px; overflow:hidden; margin:0 auto 6px; padding:0;} .lyNyCase_list ul li .lyIdxCase_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; border:1px solid #dfdfdf; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyCase_list ul li .lyIdxCase_img a img.idxCase_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;} .lyNyCase_list ul li:hover .lyIdxCase_img a img.idxCase_img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .lyNyCase_list ul li .lyIdxCase_name { width:100%; height:50px; overflow:hidden; margin:0 auto; padding:0;} .lyNyCase_list ul li .lyIdxCase_name a { display:block; width:100%; height:50px; overflow:hidden; line-height:50px; color:#fff; font-size:16px; text-align:center; white-space:nowrap; text-overflow: ellipsis; background-color:#b8b8b8; margin:0 auto; padding:0;} .lyNyCase_list ul li:hover .lyIdxCase_name a { background-color:#204e99;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_NyCase { width:90%; padding:0 5%;} .ly_NyCase .lyNyCase_main { width:100%;} .lyNyCase_list ul li .lyIdxCase_img { height:230px; margin:0 auto 4px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyCase { width:96%; margin:0 auto 50px; padding:0 2%;} .ly_NyCase .lyNyCase_main { width:96%;} .lyNyCase_list ul li .lyIdxCase_img { height:230px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyCase { width:96%; margin:0 auto 40px; padding:0 2%;} .ly_NyCase .lyNyCase_main { width:100%;} .lyNyCase_list ul li { margin:0 3.5% 20px 0;} .lyNyCase_list ul li:nth-child(3n+3) { margin:0 0 25px;} .lyNyCase_list ul li .lyIdxCase_img { height:174px;} } @media (max-width: 767px) { .ly_NyCase { width:94%; margin:0 auto 40px; padding:0 3%;} .ly_NyCase .lyNyCase_main { width:100%;} .lyNyCase_list ul li { width:48%; margin:0 4% 20px 0;} .lyNyCase_list ul li:nth-child(3n+3) { margin:0 4% 20px 0;} .lyNyCase_list ul li:nth-child(2n+2) { margin:0 0 20px;} .lyNyCase_list ul li .lyIdxCase_img { height:144px; margin:0 auto 4px;} .lyNyCase_list ul li .lyIdxCase_name { height:44px;} .lyNyCase_list ul li .lyIdxCase_name a { height:44px; line-height:44px; font-size:15px;} } /*内页-产品分类 开始*/ .lyNyPro_left .h_left { width:100%; overflow:hidden; background-color:#fff; margin:0 0 30px;} .lyNyPro_left .cp_type {} .lyNyPro_left .cp_type .hd { text-align:center; background-color:#204e99; padding:20px;} .lyNyPro_left .cp_type .hd p { height:32px; line-height:32px; font-size:26px; font-weight:bold; color:#fff;} .lyNyPro_left .cp_type .bd { border:2px solid #204e99; border-top:0; padding:10px;} .lyNyPro_left .cp_type .bd ul li { border-bottom:1px dashed #dfdfdf;} .lyNyPro_left .cp_type .bd ul li.on { border:0; margin-bottom:1px;} .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:#fafafa; display:none;} .lyNyPro_left .cp_type .bd ul li div a { display:block; height:48px; line-height:48px; color:#797979; font-size:14px; border-top:1px dashed #dfdfdf; padding:0 20px 0 36px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; background:url(/images/icon4.png) 20px center no-repeat;} .lyNyPro_left .cp_type .bd ul li div a:first-child { border-top:0;} .lyNyPro_left .cp_type .bd ul li p:hover, .lyNyPro_left .cp_type .bd ul li.on p { background-color:#1f4d98; border-radius: 4px;} .lyNyPro_left .cp_type .bd ul li p:hover a, .lyNyPro_left .cp_type .bd ul li.on p a { color:#fff; text-align:center;} .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:#1f4d98; background:url(/images/icon5.png) 20px center no-repeat;} .lyNyPro_left .cp_type .bd ul a.ckqb { display:block; height:34px; line-height:34px; font-size:16px; color:#333; background:#f1f1f1; width:94%; margin:10px auto; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;cursor:pointer;} .lyNyPro_left .cp_type .bd ul a.ckqb:hover { background:#1f4d98; color:#fff;} @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:#1f4d98; background:url(/images/icon3.png) 24px center no-repeat;} } @media screen and (max-width:1079px) and (min-width:768px) { .lyNyPro_left .h_left { margin:0 0 20px;} .lyNyPro_left .cp_type { margin:0;} .lyNyPro_left .cp_type .hd p:before { display:none;} .lyNyPro_left .cp_type .hd { background:#204e99 url(/images/down1.png) 94% center no-repeat;padding: 10px 3%;text-align:left;overflow:hidden;} .lyNyPro_left .cp_type .hd.on { background:#204e99 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; min-width:88px; margin:0 10px 0 0;} .lyNyPro_left .cp_type .bd { display:none;} .lyNyPro_left .cp_type .bd ul li:last-child { border:0;} .lyNyPro_left .cp_type .bd ul li p { height: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:767px) { .lyNyPro_left .h_left { margin:0 0 20px;} .lyNyPro_left .cp_type { margin:0;} .lyNyPro_left .cp_type .hd p:before { display:none;} .lyNyPro_left .cp_type .hd { background:#204e99 url(/images/down1.png) 94% center no-repeat;padding: 12px 3%;text-align:left;overflow:hidden;} .lyNyPro_left .cp_type .hd.on { background:#204e99 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; min-width:88px; margin:0 10px 0 0;} .lyNyPro_left .cp_type .bd { display:none;} .lyNyPro_left .cp_type .bd ul li:last-child { border:0;} .lyNyPro_left .cp_type .bd ul li p a { line-height:48px; font-size:16px;} .lyNyPro_left .cp_type .bd ul li div a { font-size:14px;} .lyNyPro_left .cp_type .bd ul li p { height:48px;line-height:48px;} .lyNyPro_left .cp_type .bd ul li div a { height:44px;line-height:44px;} .lyNyPro_left .cp_type .bd ul li p span { 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;} } /*内页-产品分类 结束*/ /*内页-产品中心 结束*/ /*内页-产品列表 开始*/ .nyPro_list { width:100%; height:auto; margin:0 auto; padding:0 0 0.1px;} .nyPro_list ul li { width:100%; height:auto; margin:0 auto 30px; padding:20px; background-color:#fff; border:1px solid #dfdfdf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nyPro_list ul li:hover { border:1px solid #fff; box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);} .nyPro_list ul li .nyProList_img { width:20%; height:158px; overflow:hidden; margin:0; padding:0; background-color:#fff; float:left; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nyPro_list ul li .nyProList_img a img.nyPro_img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .nyPro_list ul li:hover .nyProList_img a img.nyPro_img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .nyPro_list ul li .nyProList_img a i.nyPro_mask { display:none; width:100%; height:100%; overflow:hidden; margin:0; padding:0; background:rgba(24, 67, 122, 0.6) url(/images/eye.png) center center no-repeat; position:relative; left:0; top:0; z-index:2;} .nyPro_list ul li:hover .nyProList_img a i.nyPro_mask { display:block;} .nyPro_list ul li .nyProList_text { width:76%; height:158px; overflow:hidden; margin:0; padding:0; float:right;} .nyPro_list ul li .nyProList_text .nyProList_name { width:100%; overflow:hidden; margin:0 auto; padding:0;} .nyProList_text .nyProList_name a { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; color:#32353a; font-size:18px; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;} .nyProList_text .nyProList_name a:hover { color:#1f4d98;} .nyPro_list ul li .nyProList_text .nyProList_ms { width:100%; overflow:hidden; margin:0 auto; padding:0;} .nyProList_text .nyProList_ms p { width:100%; height:48px; overflow:hidden; line-height:24px; color:#797979; font-size:14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; margin:0 auto; padding:0;} .nyPro_list ul li .nyProList_text .nyProList_tips { width:100%; overflow:hidden; margin:3px auto; padding:0;} .nyProList_text .nyProList_tips dl dd { display:inline-block; height:40px; overflow:hidden; line-height:40px; color:#aaa; font-size:14px; white-space:nowrap; text-overflow: ellipsis; margin:0; padding:0 10px 0 0; float:left;} .nyProList_text .nyProList_tips dl dd span { color:#32353a;} .nyPro_list ul li .nyProList_text .nyProList_btn { width:100%; overflow:hidden; margin:0 auto; padding:0;} .nyProList_text .nyProList_btn a { display:block; width:88px; height:34px; overflow:hidden; line-height:32px; color:#aaa; font-size:14px; text-align:center; margin:0 20px 0 0; padding:0; border:1px solid #dfdfdf; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nyProList_text .nyProList_btn a:first-child { color:#fff; background-color:#2c64a1; border:1px solid #2c64a1;} .nyProList_text .nyProList_btn a:hover { color:#fff; background-color:#1f4d98; border:1px solid #1f4d98;} .lyNy_Xgwz { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyNy_Xgwz .Xgwz_tit { overflow:hidden; margin:0 auto; padding:20px; background-color:#204e99;} .Xgwz_tit p { height:32px; line-height:32px; color:#fff; font-size:26px; font-weight:bold; text-align:center; margin:0 auto; padding:0;} .Xgwz_tit span { display:block; height:20px; line-height:20px; color:#fff; font-size:14px; text-align:center; text-transform: uppercase; margin:0 auto; padding:0;} .lyNy_Xgwz .Xgwz_list { width:100%; min-height: 150px; overflow:hidden; margin:0 auto; padding:0 19px; border:1px solid #dfdfdf; border-top:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNy_Xgwz .Xgwz_list ul li { width:100%; overflow:hidden; margin:0 auto; padding:0 0 0 20px; border-bottom:1px dashed #dfdfdf; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNy_Xgwz .Xgwz_list ul li:last-child { border:0;} .lyNy_Xgwz .Xgwz_list ul li em { display: block; width: 20px; height: 20px; overflow: hidden; margin: 0; padding: 0; background: url(/images/jt2.png) center center no-repeat; position: absolute; left: 0; top: 14px;} .lyNy_Xgwz .Xgwz_list ul li:hover em { background: url(/images/jt3.png) center center no-repeat;} .lyNy_Xgwz .Xgwz_list ul li a { display:block; width:100%; height:48px; overflow:hidden; line-height:48px; color:#32353a; font-size:15px; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;} .lyNy_Xgwz .Xgwz_list ul li a:hover { color:#1f4d98;} @media screen and (max-width:1199px) and (min-width:1080px) { } @media screen and (max-width:1079px) and (min-width:1024px) { .lyNy_Xgwz { margin:20px auto;} .nyPro_list ul li { margin:0 auto 20px;} .lyNy_Xgwz .Xgwz_tit{ padding:10px 3%;} .Xgwz_tit p{ font-size:24px; text-align:left;} } @media screen and (max-width:1023px) and (min-width:768px) { .lyNy_Xgwz { margin:20px auto;} .nyPro_list ul li { margin:0 auto 20px; padding: 20px;} .lyNy_Xgwz .Xgwz_tit{ padding:10px 3%; } .Xgwz_tit p{ font-size:24px;text-align:left;} } @media (max-width: 767px) { .nyPro_list ul li { margin:0 auto 20px; padding:20px;} .nyPro_list ul li .nyProList_img { width:100%; height:300px; margin:0 auto 20px;} .nyPro_list ul li .nyProList_text { width:100%; height:auto;} .nyProList_text .nyProList_name a { height:40px; line-height:40px; font-size:18px;} .nyProList_text .nyProList_ms p { height:auto; max-height:48px; line-height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space:inherit;} .nyPro_list ul li .nyProList_text .nyProList_tips { margin:10px auto;} .nyProList_text .nyProList_tips dl dd { width:48%; height:30px; line-height:30px; margin:0 4% 0 0; padding:0;} .nyProList_text .nyProList_tips dl dd:nth-child(3){ width:100%;} .nyProList_text .nyProList_tips dl dd:nth-child(2n+2) { margin:0;} .nyPro_list ul li .nyProList_text .nyProList_btn { width:100%; margin:0 auto;} .nyProList_text .nyProList_btn a { width:48%; height:40px; line-height:38px; margin:0; float:left;} .nyProList_text .nyProList_btn a:first-child { margin:0 4% 0 0;} .lyNy_Xgwz { margin:20px auto;} .lyNy_Xgwz .Xgwz_tit { padding:10px 3%;} .Xgwz_tit p { padding: 0; display: block; font-size: 22px; float: left; line-height: 40px; height:40px; min-width: 88px; margin: 0 10px 0 0;} .Xgwz_tit span { display: block; font-style: italic; float: left; height: 40px; line-height: 40px; display:none;} } /*内页-产品列表 结束*/ /*内页-新闻中心&技术文章 开始*/ .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 20px 0 160px; background-color:#ececec; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyNew_list ul li:hover { background-color:#fafafa; box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);} .lyNyNew_list ul li .lyNyNew_time { width:160px; height:120px; overflow:hidden; margin:0; padding:20px; background:url(/images/NyNew_Timebg1.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;} .lyNyNew_list ul li:hover .lyNyNew_time { background:url(/images/NyNew_Timebg2.png) 0 0 no-repeat; background-size:100% 100%;} .lyNyNew_list ul li .lyNyNew_time span { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:22px; margin:0 auto; padding:0;} .lyNyNew_list ul li .lyNyNew_time p { width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:32px; 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; white-space:nowrap; text-overflow: ellipsis; margin:0 auto 8px; padding:0;} .lyNyNew_list ul li .lyNyNew_text .lyNyNew_name a { color:#32353a; font-size:18px;} .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 a { color:#1f4d98;} @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) { .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:120px; height:100px; padding:15px 12px;} .lyNyNew_list ul li .lyNyNew_time span { height:30px; line-height:30px; font-size: 20px;} .lyNyNew_list ul li .lyNyNew_time p { font-size:28px;} .lyNyNew_list ul li .lyNyNew_text { padding:10px 0;} .lyNyNew_list ul li .lyNyNew_text .lyNyNew_name { height:28px; line-height:28px; margin:0 auto 4px;} } /*内页-新闻中心&技术文章 结束*/ /*分页样式 开始*/ #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: #18427e; color: #ffffff; } #fengye a.pnnum1 { background: #18427e; color: #ffffff; } #fengye input { display: inline-block; padding: 0 5px; background-color: #18427e; 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 15px;} } /*分页样式 结束*/ /*内页-新闻详情&文章详情 开始*/ .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;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .ly_NyNewsdetail .NyNewsdetail_con { width:100%; overflow:hidden; margin:0 auto; padding:0; line-height:30px; color:#565656; font-size:15px; text-align:justify;} .NyNewsdetail_con p { width:100%; overflow:hidden; line-height:30px; color:#565656; font-size:15px; text-align:justify; 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; width:auto!important; 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:20px; color:#565656; font-size:14px; margin:0 auto 20px; padding:10px 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:20px; color:#565656; font-size:14px;} .ly_PrevNext ul li:hover { color:#fff; background-color:#18427e;} .ly_PrevNext ul li:hover a { color:#fff;} @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;} } /*内页-新闻详情&文章详情 结束*/ /*内页-在线留言 开始*/ .ly_NyOrder { width:1200px; overflow:hidden; margin:0 auto 60px; padding:0;} .ly_msg { width: 100%; overflow: hidden; margin: 0 auto; 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: 160px!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) top 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: #204e99!important; cursor: pointer!important;} .msg_btn input:last-child { background-color: #bbb!important;} .msg_btn input:hover { background-color:#1f4d98!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:12%!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: 88%!important;} } @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 { display:none!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: 100%!important; float:inherit!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 { float:inherit!important;} .ly_msg ul li span { display:block;} .ly_msg ul li .msg_ipt2, .msg_ipt2 input{ width:150px !important;} } /*内页-在线留言 结束*/ /*内页-联系我们 开始*/ .ly_NyContact { width:1200px; overflow:hidden; margin:0 auto 60px; padding:0;} .ly_NyContact .lyNyContact_main { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyNyContact_main .lyNyContact_lxfs { width:100%; overflow:hidden; margin:0 auto 30px; padding:0;} .lyNyContact_lxfs ul { border-left:1px solid #dfdfdf; border-top:1px solid #dfdfdf;} .lyNyContact_lxfs ul li { width:33.333333%; overflow:hidden; margin:0; padding:60px 30px 30px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .lyNyContact_lxfs ul li img { display:block; width:130px; height:130px; overflow:hidden; margin:0 auto 30px; padding:0;} .lyNyContact_lxfs ul li span { display:block; width:100%; overflow:hidden; color:#797979; font-size:14px; text-align:center; margin:0 auto 10px; padding:0;} .lyNyContact_lxfs ul li p { width:100%; height:60px; overflow:hidden; line-height:30px; color:#333; font-size:16px; text-align:center; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; margin:0 auto; padding:0;} .lyNyContact_lxfs ul li:nth-child(1) p { font-size: 20px; } .lyNyContact_lxfs ul li:nth-child(2) p { font-size: 20px; } .lyNyContact_main .lyNyContact_ewm { width:100%; overflow:hidden; margin:0 auto 30px; padding:60px 0; background:#fff url(/images/NyContact_ewmbg.jpg) center center no-repeat; background-size:100%;} .lyNyContact_ewm p { width:100%; overflow:hidden; line-height:40px; color:#fff; font-size:32px; text-align:center; margin:0 auto; padding:0;} .lyNyContact_ewm span { display:block; width:100%; overflow:hidden; line-height:30px; color:#fff; font-size:16px; text-align:center; margin:0 auto; padding:0;} .lyNyContact_ewm .ewm_img { width:160px; height:160px; overflow:hidden; margin:30px auto 0; padding:0;} .lyNyContact_ewm .ewm_img img { display:block; width:100%; height:100%; margin:0 auto; padding:0;} .lyNyContact_main .lyNyContact_map { width:100%; overflow:hidden; margin:0; padding:0; float:right;} .lyNyContact_map .lyNyContact_Mapmain { width:100%; height:380px; overflow:hidden; margin:0 auto; padding:9px; background-color:#fff; border:1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} @media screen and (max-width:1199px) and (min-width:1080px) { .ly_NyContact { width:90%;} } @media screen and (max-width:1079px) and (min-width:1024px) { .ly_NyContact { width:96%; margin:0 auto 50px;} .lyNyContact_lxfs ul li { padding:50px 25px 25px;} .lyNyContact_lxfs ul li img { margin:0 auto 25px;} .lyNyContact_lxfs ul li p { height:50px; line-height:25px; font-size:15px;} } @media screen and (max-width:1023px) and (min-width:768px) { .ly_NyContact { width:96%; margin:0 auto 40px;} .lyNyContact_main .lyNyContact_lxfs { margin:0 auto 20px;} .lyNyContact_lxfs ul li { padding:40px 20px 20px;} .lyNyContact_lxfs ul li img { margin:0 auto 20px;} .lyNyContact_lxfs ul li p { height:40px; line-height:20px; font-size:14px;} .lyNyContact_main .lyNyContact_map { width:100%; margin:0 auto;} .lyNyContact_map .lyNyContact_Mapmain { height:380px;} } @media (max-width: 767px) { .ly_NyContact { width:94%; margin:0 auto 40px;} .lyNyContact_main .lyNyContact_lxfs { margin:0 auto 20px;} .lyNyContact_lxfs ul li { width:100%; padding:40px 20px;} .lyNyContact_lxfs ul li img { width:120px; height:120px; margin:0 auto 20px;} .lyNyContact_lxfs ul li p { height:auto; line-height:32px; font-size:16px;} .lyNyContact_main .lyNyContact_ewm { background-size:190%;} .lyNyContact_main .lyNyContact_map { width:100%; margin:0 auto;} .lyNyContact_map .lyNyContact_Mapmain { height:380px;} } /*内页-联系我们 结束*/ /*内页-荣誉资质 开始*/ .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:235px; 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:hover a.NyHonor_img 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:48px; overflow:hidden; line-height:48px; color:#fff; font-size:15px; text-align:center; white-space:nowrap; text-overflow: ellipsis; background-color:#b8b8b8; margin:4px auto 0; padding:0;} .lyNyHonor_list ul li:hover a.NyHonor_name { color:#fff; background-color:#1f4d98;} @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;} } /*内页-荣誉资质 结束*/ /*内页-产品详情 开始*/ .ly_NyProDetail { width:1200px; overflow:hidden; margin:0 auto 60px; padding:0;} .ly_NyProDetail .lyNyProDetail_con { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyNyProDetail_con .lyNyProDetail_left { width:25%; overflow:hidden; margin:0; padding:0; float:left;} .lyNyProDetail_con .lyNyProDetail_right { width:72%; overflow:hidden; margin:0; padding:0; float:right;} .lyNyProDetail_right .lyNyProDetail_ConTit { margin:0 auto 30px; padding:0 0 0 5px; border-bottom:1px solid #dfdfdf;} .lyNyProDetail_ConTit p { width:80px; height:48px; overflow:hidden; line-height:48px; color:#32353a; font-size:20px; text-align:center; margin:0 0 -1px; padding:0 19px; border:1px solid #dfdfdf; border-bottom:1px solid #fff;} .lyNyProDetail_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 { width:auto !important;height:auto !important;max-width:100% !important;max-height: 100%; line-height: 28px; color: #555; font-size: 14px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;margin: 0 !important;} .NyNewsdetail_con p span, .NyNewsdetail_con span, .NyNewsdetail_con p em, .NyNewsdetail_con em { color:#565656!important; font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important; font-size:15px!important;} .lyNyProDetail_ConText table tr td p { text-indent:0!important;} .lyNyProDetail_ConText img { display:inline-block; width:auto!important; height:auto!important; max-width:100%; margin:0 auto; padding:0; text-indent:0!important;} @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 .lyNyProDetail_right { width:100%;} .lyNyProDetail_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 .lyNyProDetail_right { width:100%;} .lyNyProDetail_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 .lyNyProDetail_right { width:100%;} .lyNyProDetail_right .lyNyProDetail_ConTit { margin:0 auto 20px; padding:0;} .lyNyProDetail_right .lyNyProDetail_ConText { max-height:99999999999999999999999px;} .lyNyProDetail_ConText div { max-height:99999999999999999999999px;} } .pro_detail_main { width:100%; height:auto; margin: 0 auto 40px; padding: 0; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .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:50%; height:30px; overflow: hidden; line-height: 30px; color: #888; font-size: 15px; text-align: justify; white-space:nowrap; text-overflow: ellipsis; margin: 10px auto; padding: 0; float:left;} .pro_detail_text ul li img { display:block; width:16px; height:16px; overflow:hidden; margin:7px 4px 7px 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: 60px; overflow: hidden; line-height: 60px; color: #fff; font-size: 22px; text-align: center; margin: 0; padding: 0; float: left;} .pro_detail_btn a.prodtl_btn1 { float:left; margin: 0 4% 0 0; background-color: #204e99;} .pro_detail_btn a.prodtl_btn2 { float:left; background-color: #4a4a4a;} .pro_detail_btn a.prodtl_btn1:hover { background-color: #18427e;} .pro_detail_btn a.prodtl_btn2:hover { background-color: #2a2a2a;} /**产品详情页产品图片切换**/ .prodetail_img { width:44%; height: 440px; margin: 0; padding: 0; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} #preview { width:100%; margin:0; text-align:center; position:relative;} .list-h li { float:left;} #spec-n5 { width: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:360px; 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(/css/i/loading.gif) #fff no-repeat center center;border:1px solid #eaeaea;display:none;text-align:center;overflow: hidden; left:104%!important; top:0!important;} .bigimg { } .jqZoomPup { width:200px!important; height:200px!important; z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;background:url(/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: 25px auto;} .prodetail_img { width:100%; height:auto; margin:0 0 20px;} #preview { width:100%;} .jqzoom { width:100%;height: 285px;} .pro_detail_main .pro_detail_text { width:100%;padding-top:0;height: auto;min-height:260px; padding-bottom:48px;} .pro_detail_text h1 { font-size:22px; line-height:32px;} .pro_detail_text .jyms { margin: 10px auto; padding: 12px 16px; 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: 20px auto;} .prodetail_img { width:100%; height:auto; margin:0 auto 20px;} #preview { width:100%;} .jqzoom { width:100%;height: 285px;} .pro_detail_main .pro_detail_text { width:100%; padding-top:0; height: auto;min-height:260px; padding-bottom:48px;} .pro_detail_text h1 { font-size:22px; line-height:32px;} .pro_detail_text .jyms { margin: 10px auto;padding: 12px;height:auto;} .pro_detail_text ul { overflow:hidden; margin: 10px auto;} .pro_detail_text ul li { font-size:14px; margin: 4px 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;} .pro_detail_text ul li{ width:100%;} } /*内页-产品详情 结束*/ /*右侧漂浮 开始*/ .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;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; width:50%;} .client-2 .my-kefu-right {width:20px;} .client-2 .my-kefu-tel-main {background:#204e99;color:#fff;height:56px;width:247px;padding:9px 0 6px;float:left;} .client-2 .my-kefu-main {background:#204e99;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:55px;border-radius:55px; height:40px;} .my-kefu-main{background: #009240 !important;} .client-2 li a p{ display:none;} .client-2 .my-kefu-ftop i { margin: 0px 0 0 12px;} .client-2 .my-kefu-ftop{ margin-top:10px;} .client-2 .my-kefu-tel i {margin: 5px 0 0 15px;} .client-2 .my-kefu-qq{ display:none;} } /*右侧漂浮 结束*/ @media (max-width:767px) { #KFRightScreen { display:none!important;} .client-2 .my-kefu-qq{ display:none;} } @media (min-width:1199px) { #c_detail_wrap #new-div .zoom-caret{display:none !important;} } #c_detail_wrap img,#c_detail_wrap p,#c_detail_wrap span,#c_detail_wrap div,#c_detail_wrap video,#c_detail_wrap embed{height:auto !important;max-width:100% !important;max-height: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;word-break: normal;} #c_detail_wrap #new-div{overflow-x: hidden;overflow-y: hidden;width: 100%;position:relative;} #c_detail_wrap #new-div .zoom-caret{display:block;position: absolute;top: 10px;right: 5px;font-size: 50px;color: #a7a5a5;z-index: 2;padding: 0;margin: 0;opacity: .3;} #c_detail_wrap #new-div table{transform-origin: left top;border-collapse: collapse;max-width: none!important;width: auto;} #c_detail_wrap #new-div table td{padding: 3px;border: 1px solid #ccc;} #c_detail_wrap #new-div table td img{max-width:90% !important;} #c_detail_wrap #new-div.on{overflow:scroll; width: 100%;} #c_detail_wrap #new-div.on .zoom-caret{display:none;} /*设置滚动条样式*/ #c_detail_wrap #new-div::-webkit-scrollbar {height:2px;}/* 滚动槽 */ #c_detail_wrap #new-div::-webkit-scrollbar-track {background-color:#f0f0f0;border-radius:0px;}/* 滚动条滑块 */ #c_detail_wrap #new-div::-webkit-scrollbar-thumb {background-color:#bfbfbf;} #c_detail_wrap #new-div::-webkit-scrollbar-thumb:window-inactive {background-color:#3c3c3c;} @media (max-width:880px) { #c_detail_wrap img,#c_detail_wrap p,#c_detail_wrap span,#c_detail_wrap div,#c_detail_wrap video,#c_detail_wrap embed{width:auto !important;height:auto !important;max-width:100% !important;max-height: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;word-break: normal;} } #qb_collection_img_mask{display:none !important;} /* FILE ARCHIVED ON 03:03:06 Dec 02, 2021 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 11:46:25 Mar 02, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.568 exclusion.robots: 0.031 exclusion.robots.policy: 0.018 esindex: 0.011 cdx.remote: 4.916 LoadShardBlock: 94.397 (3) PetaboxLoader3.datanode: 132.2 (4) load_resource: 106.555 PetaboxLoader3.resolve: 35.946 */