body, html { margin: 0px; padding: 0px; font-family: "微软雅黑"; font-size: 14px; line-height: 1.46; color: #393939; } .nei_banner{ text-align:center; margin-bottom: 10px; } .wrap { position: relative; } .conten_title{ text-align: center; font-size: 18px; } .pro_img{ width: 100%; text-align: center; } .pro_img img{ width: 450px; } .centered-btns_nav { position: absolute; top: 50%; z-index: 2; width: 38px; height: 61px; transition: .5s; margin-top: -40px; line-height: 200px; background-image: url(../images/arrow.gif); overflow: hidden; opacity: .1; } .centered-btns_nav:hover{ opacity: .7; } .next { right: 0; background-position: right 0; } .centered-btns_nav:active { opacity: 1; } .centered-btns_tabs { margin-top: 15px; text-align: center; font-size: 0; position: absolute; list-style-type: none; width: 100%; z-index: 99; bottom: 15px; } .centered-btns_tabs li { display: inline-block; margin: 0 3px; *display: inline; *zoom: 1; } .centered-btns_tabs a { display: inline-block; width: 10px; height: 10px; border-radius: 50%; line-height: 20px; background-color: rgba(0, 0, 0, .3); background-color: #ccc\9; overflow: hidden; *display: inline; *zoom: 1; } .centered-btns_here a{ background-color: rgba(0, 0, 0, .9); } body { overflow-x: hidden; } img, table{ max-width: 100%; /* height: auto !important; */ } table, td { border: 1px solid #ccc; } .noproduct { display: none; padding: 0 20px; } .noproduct.active { display: block; } .noproduct h5 { font-size: 20px; color: #101010; margin-bottom: 10px; font-weight: bold; } .noproduct p { font-size: 16px; margin-bottom: 10px; color: #262626; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p { line-height: 1.46; font-family: "微软雅黑"; margin: 0px; padding: 0px; max-width: 100%; } a:link, a:visited { color: #555; text-decoration: none; } ul { padding: 0px; margin: 0; height: auto; overflow: hidden; } ul li { list-style: none; } a:hover, a:active, a:focus { text-decoration: none; } .clear { display: block; clear: both; } .clearfix { zoom: 1; } .clearfix::after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } /*在线咨询 开始*/ #floatDivBoxs { width: 170px; background: #fff; position: fixed; top: 194px; right: 0; z-index: 999; } #floatDivBoxs .floatDtt { width: 100%; height: 45px; line-height: 45px; background: #0068b7; color: #fff; font-size: 18px; text-indent: 22px; position: relative; } #floatDivBoxs .floatDqq { padding: 0 14px; } #floatDivBoxs .floatDqq li { height: 45px; line-height: 45px; font-size: 15px; border-bottom: 1px solid #e3e3e3; padding: 0 0 0 50px; } #floatDivBoxs .floatDtxt { font-size: 18px; color: #333; padding: 12px 14px; margin: 5px 0; background: #dcdcdc; } #floatDivBoxs .floatDtel { padding: 0 0 15px 10px; } #floatDivBoxs .floatDtel img { display: block; } #floatDivBoxs .floatDbg { width: 100%; height: 20px; background: #0068b7; box-shadow: -2px 0 3px rgba(0, 0, 0, 0.25); } .floatShadow { background: #fff; box-shadow: -2px 0 3px rgba(0, 0, 0, 0.25); } #rightArrow { width: 50px; height: 45px; background: url(../images/online_arrow.jpg) no-repeat; position: fixed; top: 194px; right: 170px; z-index: 999; } #rightArrow a { display: block; height: 45px; } @font-face { font-family: 'iconfont_footer'; /* project id 325027 */ src: url('//at.alicdn.com/t/font_cfzl3onswxdjwcdi.eot'); src: url('../fonts/font_cfzl3onswxdjwcdi.eot') format('embedded-opentype'), url('../fonts/font_cfzl3onswxdjwcdi.woff') format('woff'), url('../fonts/font_cfzl3onswxdjwcdi.ttf') format('truetype'), url('../fonts/font_cfzl3onswxdjwcdi.svg#iconfont') format('svg'); } .iconfont_footer { font-family: iconfont_footer; font-style: normal; } @font-face { font-family: 'iconfont'; /* project id 513870 */ src: url('../fonts/font_513870_84rxkewapx6iggb9.eot'); src: url('../fonts/font_513870_84rxkewapx6iggb9.eot') format('embedded-opentype'), url('../fonts/font_513870_84rxkewapx6iggb9.woff') format('woff'), url('../fonts/font_513870_84rxkewapx6iggb9.ttf') format('truetype'), url('../fonts/font_513870_84rxkewapx6iggb9.svg#iconfont') format('svg'); } .iconfont { font-family: iconfont; font-style: normal; } .ImRow1 { background: #fff; line-height: 34px; } a.im, a:hover.im { text-decoration: none; color: #333; font-size: 13px; } .ImFooter { height: 177px; background: url(../images/im_04.png) no-repeat; } ol, ul { margin-bottom: 0px; } .footer_m, .m_footer { display: none; } /*在线咨询 结束*/ /*返回顶部 开始*/ .returnTop { position: fixed; right: 0; bottom: 50px; /* bottom: 50px; */ z-index: 99998; cursor: pointer; width: 48px; height: 48px!important; text-align: center; white-space: normal; font-size: 14px; line-height: 16px; padding: 10px; color: #fff; opacity: 1; display: inline-block; background: url(../images/ss.png) no-repeat -36px center #666; } /*返回顶部 结束*/ /*新闻内页*/ .conten { padding: 20px; overflow: hidden; background: #f3f3f3; } } .conten_title { display: block; text-align: center; font-size: 18px; font-weight: 600; color: #686868; } .conten_bianji { display: block; text-align: center; padding: 10px; margin-bottom: 10px; border-bottom: 1px dashed #b8b8b8; } .conten_bianji span { display: inline-block; font-size: 14px; color: #b8b8b8; margin: 0px 10px; } .conten_bianji span p { display: inline-block; color: #b8b8b8; } .conten_info p { color: #8C8C8C; font-size: 14px; line-height: 1.8; } .conten .bdshare-button-style0-16 { text-align: left; margin: 10px 0; } .conten_tag span { display: inline-block; font-size: 14px; color: #8c8c8c; padding: 8px 0; } .conten_tag { display: block; padding: 2px 0; text-align: left; } .conten_tag a { margin-left: 5px; padding: 8px; color: #8C8C8C; border-radius: 5px; font-size: 12px; transition: .6s; display: inline-block; } .conten_tag a:hover { background: #0068b7; color: #fff; } .conten .bdshare-button-style0-16 a { float: none !important; } .conten_page { display: block; margin-top: 10px; text-align: left; border-top: 1px solid #8c8c8c; padding-top: 10px; } .conten_page p { display: block; margin-bottom: 10px; font-size: 16px; color: #8c8c8c; } .conten_page p a { font-size: 14px; color: #8c8c8c; } .conten_article_other, .conten_case_other { display: block; } .conten_article_other h5, .conten_case_other h5 { font-size: 16px; font-weight: 300; color: #666; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #8C8C8C; } .conten_article_other ul li { display: block; width: 48%; float: left; padding-bottom: 10px; margin-bottom: 10px; transition: .5s; border-bottom: 1px solid #DCDCDC; } .conten_article_other ul li:nth-child(odd) { margin-right: 4%; } .conten_article_other ul li a { display: block; width: 80%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 12px; transition: .5s; color: #8c8c8c; } .conten_article_other ul li:hover { border-bottom: 1px solid #0068b7; } .conten_article_other ul li:hover a { color: #0068b7; } .conten_article_other ul li font { font-size: 12px; color: #8c8c8c; display: block; width: 20%; float: right; text-align: right; } .conten_case_other ul li { display: block; width: 24%; float: left; } .conten_case_other ul li h6 { overflow: hidden; border: 1px solid #DCDCDC; transition: .8s; } .conten_case_other ul li img { transition: .8s; } .conten_case_other ul li p a { display: block; padding: 5px 0; text-align: center; transition: .8s; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #8C8C8C; z-index: 1; } .conten_case_other ul li p a::before { content: " "; position: absolute; z-index: -1; width: 100%; height: 100%; background: #0068b7; left: 0; bottom: -100%; transition: .8s; } .conten_case_other ul li:nth-of-type(2) { margin: 0 1.333%; } .conten_case_other ul li:nth-of-type(3) { margin: 0 1.333% 0 0; } .conten_case_other ul li:hover h6 { border: 1px solid #0068b7; } .conten_case_other ul li:hover img { transform: scale(1.1); } .conten_case_other ul li:hover p a { color: #fff; } .conten_case_other ul li:hover p a::before { bottom: 0; } /*产品内页开始*/ .product_main { display: block; } .product_main p { line-height:18px; } .product_main_list { display: block; } .product_main_list ul li { display: block; width: 32.3333%; float: left; margin: 0 0 10px 0; } .product_main_list ul li:nth-child(3n+2) { margin: 0 1.5% 10px 1.5%; } .product_main_list ul li p { display: block; overflow: hidden; border: 1px solid #9e9e9e; border-bottom: 0; transition: .6; } .product_main_list ul li p img { width: 100%; transition: .6s; } .product_main_list ul li span { display: block; } .product_main_list ul li span a { display: block; padding: 5px 0; font-size: 14px; border: 1px solid #9e9e9e; border-top: 0; color: #fff; transition: .6s; background: #123A9A; text-overflow: ellipsis; text-align: center; overflow: hidden; white-space: nowrap; } .product_main_list ul li:hover p { border: 1px solid #123A9A; border-bottom: 0; } .product_main_list ul li:hover p img { transform: scale(1.08); } .product_main_list ul li:hover span a { border: 1px solid #123A9A; border-top: 0; background: #fff; color: #123A9A; } .info_product { display: block; } .info_product_r { width: 55%; float: left; } .info_product_l { text-align: center; width: 45%; float: left; padding: 0px 30px 0 0; } .info_product_l ul { text-align: center; } .info_product_l ul li { display: inline-block; } .info_product_l ul li img { width: 50px; height: 50px; margin: 0 3px; } .info_product_l img { border: 1px solid #CCC; } .info_product_r ul li { display: block; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #8C8C8C; } .info_product_r .bdshare-button-style1-16 { padding: 0px; border-bottom: 0px; text-align: left; } .info_product_r ul li:last-of-type { border-bottom: 0; } .info_product_r ul li, .info_product_r ul li b, .info_product_r ul li a { font-size: 14px; color: #8C8C8C; line-height: 1.46; } .info_product_conten, .other_product { display: block; margin-top: 10px; } .info_product_con , p{ line-height;1.8px; font-size:20px; } .info_product_conten h5, .other_product h5 { display: block; padding: 10px 0; font-size: 18px; margin-bottom: 10px; border-bottom: 1px solid #8C8C8C; margin-bottom: 10px; } .info_product_conten .infp_product_con { padding: 0 10px; color: #8C8C8C; } .other_product ul li { display: block; width: 24%; margin-right: 1%; float: left; margin-bottom: 10px; } .other_product ul li p { display: block; overflow: hidden; } .other_product ul li p img { width: 100%; height: 150px; transition: .6s; } .other_product ul li span { display: block; } .other_product ul li span a { padding: 5px 0; font-size: 14px; display: block; transition: .6s; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; color: #8C8C8C; } .other_product ul li:hover p img { transform: scale(1.08); } .other_product ul li:hover span a { background: #0068b7; color: #fff; } .info_product_btn { display: block; margin-top: 10px; } .info_product_btn a { padding: 15px; font-size: 14px; color: #fff; } .info_product_btn a:first-of-type { border-radius: 5px 0 0 5px; } .info_product_btn a:last-of-type { border-radius: 0 5px 5px 0; } /*tag页面*/ .tag_main { display: block; } .tag_main h2 { display: inline-block; font-size: 18px; font-weight: bold; padding: 10px 0; width: 60px; text-align: center; background: #0068b7; color: #fff; margin-bottom: 10px; } .tag_main ul li { float: left; margin: 0 18px 18px 0; } .tag_main ul li a { padding: 0 11px; height: 34px; line-height: 34px; border: 1px solid #cfcfcf; font-size: 14px; display: block; color: #888; text-align: center; float: left; } /*网站地图 开始*/ .lisitemap { float: left; list-style: none } .content_map { display: block; margin-bottom: 10px; } .content_map p { display: block; padding: 0 0 10px 0; border-bottom: 2px solid #0068b7; font-size: 16px; margin-bottom: 10px; color: #8C8C8C; } .content_map ul { display: block; } .content_map ul li { display: inline-block; margin-left: 20px; margin-bottom: 5px; } .content_map ul li a { display: block; border: 1px solid #DCDCDC; color: #8C8C8C; font-size: 14px; transition: .6s; padding: 5px; } .content_map ul li a:hover { background: #0068b7; color: #fff; border: 1px solid #0068b7; } /*在线留言 开始*/ .m_footer_info, .m_footer { display: none; } /*头部*/ .header_meta { display: block; background: #cbcbcb; height: 40px; } .header_meta_l { display: block; width: 70%; float: left; line-height: 40px; font-size: 14px; color: #898989; } .header_meta_l a, .header_meta_l font, .header_meta_l b { font-size: 14px; color: #898989; } .header_meta_r { display: block; width: 30%; float: right; text-align: right; } .header_meta_r a { display: inline-block; margin-left: 10px; font-size: 14px; line-height: 40px; color: #898989; } header { padding: 30px 0; } .logo { display: block; width: 65%; float: left; } .logo a { display: inline-block; float: left; } .logo_wel { display: inline-block; float: left; padding-left: 25px; margin-left: 25px; border-left: 1px solid #878787; } .logo_wel h5 { letter-spacing:3; margin-bottom: 1px; color: #0068b7; line-height: 2; font-weight: bold; font-size: 14px; } .logo_wel p { letter-spacing:2; font-size: 12px; color: #3d3d3d; line-height: 2; font-weight: bold; } .header_tel { display: inline-block; float: right; text-align: right; } nav { display: block; overflow: hidden; height: 50px; background: #0068b7; } nav ul li { display: inline-block; } nav ul li a { display: block; font-size: 15px; color: #fff !important; height: 50px; line-height: 50px; padding: 0px 48px; transition: .5s; position: relative; overflow: hidden; z-index: 1; } nav ul li:hover a, nav ul li.active a { background: #2979e9; } /*在线留言 开始*/ .ask_main { display: block; } .ask_main h5 { display: block; font-size: 18px; color: #666; margin-bottom: 10px; } .guestbook_info { display: block; margin-bottom: 10px; } .guestbook_info span { display: block; font-size: 14px; color: #8C8C8C; margin-bottom: 10px; } .guestbook_sub { display: block; margin-top: 10px; text-align: right; } /*首页板块 开始*/ .main_top { padding: 17px 0; } .main_top_box { display: block; padding: 0 10px; box-shadow: 0px 2px 20px 0px #ccc; } .main_top_l { display: block; width: 70%; float: left; } .main_top_l span { display: block; width: 13%; float: left; line-height: 48px; font-size: 14px; color: #ff0000; } .main_top_l span img { margin-right: 10px; } .main_top_l_box { width: 87%; float: left; overflow: hidden; height: 48px; } .main_top_l_box ul { position: relative; } .main_top_l_box ul li { display: block; height: 48px; } .main_top_l_box ul li a { display: block; height: 48px; line-height: 48px; font-size: 14px; color: #7d7d7d; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: .5s; } .main_top_l_box ul li a:hover { color: #ff0000; } .main_top_r { width: 25%; float: right; padding: 10px 0; } .main_top_text { width: 156px; height: 28px; line-height: 28px; border: 1px solid #0068b7; font-size: 12px; color: #9e9e9e; text-indent: 5px; float: right; outline: none; } .main_top_btn { width: 50px; margin-left: 5px; float: right; height: 28px; line-height: 28px; text-align: center; padding: 0; font-size: 12px; color: #fff; border: 1px solid #0068b7; background: #0068b7; transition: .5s; } .main_top_btn:hover { color: #A7A7A7; background: #fff; } .index_product { display: block; padding: 30px 0; background: url(../images/index_product_bg.jpg) repeat left top; } .in_pro_l { width: 20%; float: left; box-shadow: 0 2px 20px 0 #ccc; } .in_pro_l h5 { height: 50px; text-align: center; background: #0068B7; font-size: 20px; line-height: 50px; font-weight: bold; color: #fff; } .in_pro_l ul { padding: 10px 17px; background: #fff; overflow: inherit; height: 593px; } .in_pro_l ul li { display: none; margin-bottom: 10px; background: url(../images/in_pro_l_li_bg.jpg) repeat-x left top; transition: .5s; position: relative; } .in_pro_l ul li:nth-of-type(1), .in_pro_l ul li:nth-of-type(2), .in_pro_l ul li:nth-of-type(3), .in_pro_l ul li:nth-of-type(4), .in_pro_l ul li:nth-of-type(5), .in_pro_l ul li:nth-of-type(6), .in_pro_l ul li:nth-of-type(7), .in_pro_l ul li:nth-of-type(8), .in_pro_l ul li:nth-of-type(9), .in_pro_l ul li:nth-of-type(10), .in_pro_l ul li:nth-of-type(11), .in_pro_l ul li:nth-of-type(12), .in_pro_l ul li:nth-of-type(13), .in_pro_l ul li:nth-of-type(14), .in_pro_l ul li:nth-of-type(15){ display: block; } .in_pro_l ul li .in_pro_l_nav { position: absolute; display: block; width: 500px; overflow: hidden; min-height: 0; height: 0; transition: .8s; right: -534px; padding: 0; z-index: 99; top: 0; background: #ededed; } .in_pro_l ul li .in_pro_l_nav p, .main_l_category ul li .main_l_category_nav p,{ display: block; margin-bottom: 10px; } .main_l_category_nav{ margin-bottom: 10px; } .in_pro_l ul li .in_pro_l_nav p span, .main_l_category ul li .main_l_category_nav p span{ font-weight: bold; font-size: 14px; } .in_pro_l ul li .in_pro_l_nav a { font-size: 12px; color: #070707; margin-right: 15px; margin-bottom: 5px; display: inline-block; } .in_pro_l ul li:hover .in_pro_l_nav { min-height: 200px; height: auto; padding: 15px; border: 1px solid #080808; } .in_pro_l ul li>a { display: block; overflow: hidden; position: relative; border: 1px solid #cdcdcd; transition: .3s; padding-left: 33px; line-height: 33px; z-index: 1; } .in_pro_l ul li:hover { background: none; } .in_pro_l ul li:hover a::before { background: #fff; border: 1px solid #fff; } .in_pro_l ul li:hover a::after { left: 0; } .in_pro_l ul li:last-of-type { margin-bottom: 0; } .in_pro_r { width: 80%; float: left; padding-left: 30px; } .in_pro_r_title { height: 50px; background: #0068B7; padding: 0 20px; } .in_pro_r_title span { width: 50%; float: left; line-height: 50px; font-size: 18px; color: #fff; } .in_pro_r_title a { width: 50%; float: right; text-align: right; line-height: 50px; font-size: 14px; color: #fff; } .in_pro_r_main ul li { width: 32.33%; float: left; margin-top: 15px; } .in_pro_r_main ul li:nth-child(3n+2) { margin: 15px 1.5% 0; } .in_pro_r_main ul li h5 { overflow: hidden; position: relative; } .in_pro_r_main ul li h5 img { transition: .8s; height: 250px; } .in_pro_r_main ul li p a { display: block; padding: 10px 0; transition: .8s; position: relative; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 12px; z-index: 1; color: #373737; } .in_pro_r_main ul li p a::before{ content: " "; position: absolute; width: 100%; height: 100%; background: #0068B7; left: 0; top: -100%; transition: .8s; z-index: -1; } .in_pro_r_main ul li:hover img { transform: scale(1.1); } .in_pro_r_main ul li:hover p a { color: #fff; } .in_pro_r_main ul li:hover p a::before{ top: 0; } .index_title { display: block; text-align: center; margin-bottom: 30px; } .index_title h5 { font-size: 30px; color: #584c4c; line-height: 1; } .index_title p { font-size: 16px; color: #acacac; padding: 12px 0; } .index_title font { display: inline-block; width: 48px; height: 3px; background: #0068B7; } .index_about { padding: 30px 0; } .in_about_l { width: 40%; float: left; } .in_about_r { width: 60%; float: left; padding-left: 30px; font-size: 14px; color: #747474; line-height: 1.86; } .index_advan { display: block; padding: 50px 0; background: url(../images/index_advan_bg.jpg) no-repeat center; } .in_advan_title { text-align: center; margin-bottom: 50px; } .in_advan_title h5 { font-size: 36px; color: #0068B7; font-weight: bold; margin-bottom: 15px; line-height: 1; } .in_advan_title p { font-size: 20px; font-weight: bold; color: #0068B7; line-height: 1; } .in_advan_main { padding: 55px 0; } .in_advan_main ul { overflow: inherit; } .in_advan_main ul li { width: 17%; margin-left: 3.75%; position: relative; height: 120px; float: left; background: #0068B7; text-align: center; padding: 0 10px; transition: .8s; border: 1px solid #0068B7; } .in_advan_main ul li::after { content: " "; position: absolute; transition: .5s; top: -55px; left: 0; border-bottom: 55px solid #0068B7; border-left: 93.5px solid transparent; border-right: 93.5px solid transparent; } .in_advan_main ul li::before { content: " "; transition: .5s; position: absolute; left: 0; bottom: -55px; border-top: 55px solid #0068B7; border-left: 93.5px solid transparent; border-right: 93.5px solid transparent; } .in_advan_main ul li h5 { font-size: 22px; font-weight: bold; color: #fff; margin: 10px 0; transition: .5s; } .in_advan_main ul li p { font-size: 12px; color: #c3dcff; transition: .5s; line-height: 1.68; } .in_advan_main ul li:hover { transform: rotateY(360deg); } .in_advan_main ul li:first-of-type { margin-left: 0; } .index_solu { display: block; padding: 30px 0; background: #F0F0F0; } .in_solu_main ul li { display: block; width: 30%; float: left; background: #fff; border: 1px solid #d9d9d9; margin-top: 15px; } .in_solu_main ul li:nth-child(3n+2) { margin: 15px 5% 0; } .in_solu_main ul li h3 { overflow: hidden; border-bottom: 1px solid #D9D9D9; } .in_solu_main ul li img { transition: .8s; } .in_solu_main ul li:hover img { transform: scale(1.1); } .in_solu_main ul li span { padding: 15px; display: block; } .in_solu_main ul li span a { display: block; text-overflow: ellipsis; font-size: 16px; color: #0068B7; overflow: hidden; white-space: nowrap; margin-bottom: 8px; } .in_solu_main ul li span p { font-size: 14px; color: #484848; line-height: 1.68; } .index_reason { background: #0068B7; } .in_reason_main { padding: 50px 0; padding-left: 50%; background: url(../images/in_reason_bg.png) no-repeat 10px center; } .in_reason_main h5 { font-size: 20px; font-weight: bold; color: #fff; margin-bottom: 40px; } .in_reason_main p { font-size: 14px; color: #fff; line-height: 1.68; margin-bottom: 40px; } .in_reason_main span { display: block; } .in_reason_main span a { display: inline-block; padding: 12px 34px; transition: .8s; font-size: 14px; color: #000000; background: #ffc938; border: 1px solid #ffc938; } .in_reason_main span a:hover { color: #FFC938; background: transparent; } .in_reason_main span a:first-of-type { margin-right: 25px; } .index_news { padding: 30px 0 0px 0; } .in_news_list { display: block; width: 48%; float: left; } .in_news_list h4 { height: 50px; background: #0068B7; font-size: 16px; color: #fff; line-height: 50px; padding: 0 20px; } .in_news_list h4 img { margin-right: 10px; } .in_news_list:first-of-type { margin-right: 4%; } .in_news_list_box { display: block; border: 1px solid #ececec; border-top: 0; } .in_news_list_time { display: block; width: 30%; float: left; border-right: 1px solid #ECECEC; padding: 10px 25px 15px; } .in_news_list_time span { display: block; padding: 7px 0; position: relative; transition: .8s; font-size: 14px; color: #6c6c6c; padding-left: 18px; border-bottom: 1px solid #e6e6e6; } .in_news_list_time span.active { color: #1C8DD6; } .in_news_list_time span.active::before { border-left: 8px solid #0068B7; } .in_news_list_time span::before { content: " "; position: absolute; left: 0; top: 11px; width: 0; height: 0; display: block; border-left: 8px solid #7f7f7f; border-top: 5px solid transparent; border-bottom: 5px solid transparent; transition: .8s; } .in_news_list_info { display: block; width: 70%; float: left; padding: 22px; } .in_news_list_info h4 img { margin-right: 10px; } .in_news_list_li ul li { display: none; } .in_news_list_li ul li.active { display: block; } .in_news_list_li ul li h5 a { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 18px; color: #232323; } .in_news_list_li ul li samp { margin: 20px 0; display: inline-block; width: 35px; height: 2px; background: #ffcd45; } .in_news_list_li ul li p { display: block; font-size: 14px; line-height: 1.68; color: #777777; margin-bottom: 20px; } .in_news_list_li ul li font a { display: inline-block; padding: 13px 22px; border-radius: 5px; background: #FFCD45; font-size: 14px; color: #232323; } /*首页板块 结束*/ .footer_nav { display: block; padding: 15px 0; text-align: center; margin-bottom: 5px; border-bottom: 1px dashed #66a4d4; } .footer_nav ul li { display: inline-block; } .footer_nav ul li a { display: block; padding: 8px 20px; font-size: 15px; position: relative; color: #fff; } .footer_nav ul li a::before { content: " "; position: absolute; right: 0; top: 12px; width: 1px; height: 15px; background: #fff; } .footer_nav ul li:last-of-type a::before { display: none; } footer { display: block; padding: 30px 0; background: #0068b7; } .footer_info { display: block; width: 100%; float: left; text-align: left; margin-left:20px; } .footer_info h5 { font-size: 16px; font-weight: bold; color: #fff; } .footer_info p { font-size: 14px; margin-top: 16px; color: #fff; } .footer_info a, .footer_info b, .footer_info font, .footer_info strong, .footer_info span { font-size: 14px; color: #fff; } .footer_er { text-align: center; width: 40%; float: right; } .footer_er img { margin: 0 15px; } .index_links { padding: 15px 0 10px; background: #dcdcdc; } .index_links span, .index_links a { display: inline-block; margin-right: 5px; margin-bottom: 5px; font-size: 14px; color: #8c8c8c; } /*内页板块 开始*/ .main { display: block; padding: 0 0 30px; } .main_l { display: block; width: 20%; float: left; } .main_l_category, .main_l_case { display: block; } .main_l_category h5 { height: 50px; text-align: center; background: #0068B7; font-size: 20px; line-height: 50px; font-weight: bold; color: #fff; } .main_l_category ul { padding: 10px 17px; background: #f0f0f0; overflow: inherit; } .main_l_category ul li { display: block; margin-bottom: 10px; background: url(../images/in_pro_l_li_bg.jpg) repeat-x left top; transition: .5s; position: relative; } .main_l_category ul li .main_l_category_nav { position: absolute; display: block; width: 500px; overflow: hidden; min-height: 0; height: 0; transition: .8s; right: -534px; padding: 0; z-index: 99; top: 0; background: #EDEDED; } .main_l_category ul li .main_l_category_nav p{ margin-bottom: 10px; } .main_l_category ul li .main_l_category_nav a { font-size: 12px; color: #070707; display: inline-block; margin-right: 15px; margin-bottom: 5px; } .main_l_category ul li:hover .main_l_category_nav { min-height: 200px; height: auto; border: 1px solid #080808; padding: 15px; } .main_l_category ul li>a { display: block; overflow: hidden; position: relative; border: 1px solid #cdcdcd; transition: .8s; padding-left: 33px; line-height: 33px; z-index: 1; } .main_l_category ul li:hover { background: none; } .main_l_category ul li:hover a::before { background: #fff; border: 1px solid #fff; } .main_l_category ul li:hover a::after { left: 0; } .main_l_category ul li:last-of-type { margin-bottom: 0; } .main_l_case h4 { height: 50px; background: #0068b7; font-size: 20px; color: #fff; font-weight: bold; text-align: center; line-height: 50px; } .main_l_case ul { background: #f0f0f0; padding: 15px; } .main_l_case ul li { display: block; padding: 10px 0; border-bottom: 1px solid #e6e6e6; } .main_l_case ul li h5 a { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; color: #555555; line-height: 16px; transition: .8s; } .main_l_case ul li h5 a font { display: inline-block; width: 16px; height: 16px; background: #aeaeae; text-align: center; line-height: 16px; color: #fff; margin-right: 7px; font-size: 12px; transition: .8s; } .main_l_case ul li p { display: block; height: 0; overflow: hidden; transition: .8s; } .main_l_case ul li.active a { color: #0068b7; } .main_l_case ul li.active a font { background: #0068b7; color: #fff; } .main_l_case ul li.active p { height: 127px; margin-top: 10px; } main_l_contact {padding:15px;} .main_l_contact h4 { display: block; padding: 20px 0; background: url(../images/main_l_contact_img.jpg) no-repeat 30px center #0068b7; padding-left: 70px; } .main_l_contact h4 font { display: block; font-size: 14px; color: #fff; margin-bottom: 5px; } .main_l_contact h4 b { display: block; font-size: 20px; color: #fff; } .main_l_contact ul { background: #f0f0f0; padding: 15px; } .main_l_contact ul li { display: block; margin-bottom: 6px; font-size: 12px; line-height: 1.5; color: #777777; } .main_l_contact ul li:last-of-type { margin-bottom: 0; } .main_r { display: block; width: 80%; float: left; padding-left: 30px; } .pos { display: block; height: 37px; padding: 0 20px; overflow: hidden; background: #0068b7; margin-bottom: 15px; } .pos_l { display: block; width: 30%; float: left; line-height: 37px; font-size: 16px; color: #fff; } .pos_r { display: block; width: 70%; float: right; text-align: right; font-size: 14px; color: #fff; overflow: hidden; line-height: 37px; } .pos_r a, .pos_r b, .pos_r font, .pos_r span { font-size: 14px; color: #fff; } .product ul li { width: 32.33%; float: left; margin-top: 15px; } .product ul li:nth-child(3n+2) { margin: 15px 1.5% 0; } .product ul li h5 { overflow: hidden; } .product ul li h5 img { transition: .8s; width: 280px; height: 250px; } .product ul li p a { display: block; padding: 10px 0; background: #0068B7; border: 1px solid #0068B7; transition: .8s; position: relative; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 12px; color: #fff; } .product ul li:hover img { transform: scale(1.1); } .product ul li:hover p a { background: transparent; color: #0068B7; } .about ul li { display: block; width: 19%; margin-right: 1.25%; float: left; margin-bottom: 15px; } .about ul li:nth-child(4n+4) { margin-right: 0; } .about ul li h5 { border: 1px solid transparent; overflow: hidden; transition: .8s; } .about ul li h5 img { transition: .8s; } .about ul li p a { font-size: 14px; display: block; text-align: center; text-overflow: ellipsis; white-space: nowrap; padding: 5px 0; overflow: hidden; color: #737373; transition: .8s; } .about ul li:hover h5 { border: 1px solid #0068B7; } .about ul li:hover h5 img { transform: scale(1.1); } .about ul li:hover p a { color: #0068B7; } .function { display: block; margin-top: 20px; text-align: right; } .function a { display: inline-block; padding: 5px; margin-left: 5px; border: 1px solid #c1c1c1; } .function a.active, .function a:hover { background: #0068b7; color: #fff; } .function font { color: #8c8c8c; padding: 5px; } .page { display: block; padding: 20px; background: #f3f3f3; } .page_title { display: block; text-align: left; font-size: 18px; font-weight: bold; color: #686868; margin-bottom: 15px; } .page_text { font-size: 14px; color: #686868; line-height: 1.68; margin-bottom: 20px; } .page_img { margin-bottom: 20px; text-align: center; } .list { display: block; padding: 0 15px; background: #f3f3f3; } .list ul li { display: block; padding: 15px 0; border-bottom: 1px dashed #dadada; } .list_time { display: block; width: 10%; float: left; text-align: center; padding: 10px 0; background: #0068b7; } .list_time h5 { font-size: 30px; color: #fff; margin-bottom: 5px; } .list_time p { font-size: 14px; color: #fff; } .list_info { width: 87%; float: right; } .list_info h5 { margin-bottom: 10px; } .list_info h5 a { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px; color: #000; } .list_info p { font-size: 14px; color: #898989; line-height: 1.68; } .main_t_news { display: block; padding: 25px 0; } .main_t_title { display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #9a9a9a; font-size: 16px; font-weight: bold; color: #555555; position: relative; } .main_t_title::before { content: " "; position: absolute; width: 65px; height: 2px; background: #e21001; bottom: -1px; left: 0; z-index: 1; } .main_t_news_main { margin-top: 10px; } @media screen and (min-width: 1024px) { .main_t_news_main li { display: block; width: 32.33%; float: left; padding: 10px 0; margin-bottom: 10px; border-bottom: 1px dashed #cdcdcd; padding-left: 20px; position: relative; } } @media screen and (max-width: 1024px) { .main_t_news_main li { display: block; width: 100%; float: left; padding: 10px 0; margin-bottom: 10px; border-bottom: 1px dashed #cdcdcd; padding-left: 20px; position: relative; } } .main_t_news_main ul li:nth-child(3n+2) { margin: 0 1.5% 10px; } .main_t_news_main ul li::before { position: absolute; content: " "; width: 6px; height: 6px; background: #000000; transform: rotateZ(45deg); left: 5px; top: 15px; transition: .8s; } .main_t_news_main ul li a { display: block; font-size: 12px; width: 65%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: .8s; color: #898989; } .main_t_news_main ul li font { display: block; width: 35%; float: right; text-align: right; font-size: 12px; color: #898989; } .main_t_news_main ul li:hover::before { transform: rotateZ(315deg); background: #0068b7; } .main_t_news_main ul li:hover a { color: #0068b7; } .main_t_bg { background: #f3f3f3; } .main_t_product { display: block; padding: 25px 0; } .main_t_product_main { margin-top: 10px; } .main_t_product_main ul li { display: block; width: 19%; margin-right: 1.25%; float: left; } .main_t_product_main ul li h5 { border: 1px solid #0068b7; overflow: hidden; } .main_t_product_main ul li h5 img { transition: .8s; height: 150px; width: 100%; } .main_t_product_main ul li p a { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px; color: #929292; text-align: center; padding: 10px 0; position: relative; z-index: 1; transition: .8s; } .main_t_product_main ul li p a::before { content: " "; position: absolute; width: 100%; height: 100%; left: 0; bottom: -100%; background: #0068b7; z-index: -1; transition: .8s; } .main_t_product_main ul li:hover img { transform: scale(1.1); } .main_t_product_main ul li:hover a { color: #fff; } .main_t_product_main ul li:hover a::before { bottom: 0; } .main_t_product_main ul li:last-of-type { margin-right: 0; } .case { display: block; } .case ul li { display: block; margin-bottom: 15px; padding: 15px; background: #f3f3f3; } .case_img { width: 30%; float: left; border: 1px solid #DCDCDC; overflow: hidden; } .case_img img { transition: .8s; } .case_info { width: 70%; float: left; padding-left: 30px; } .case_info h5 a { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px; color: #000; } .case_info span { display: block; font-size: 14px; color: #b7b7b7; margin: 5px 0; } .case_info p { font-size: 14px; color: #5d5d5d; line-height: 1.68; } .case_info font { margin-top: 10px; display: block; text-align: right; } .case_info font a { display: inline-block; padding: 5px 30px; border: 1px solid #ffc938; color: #fff; background: #ffc938; font-size: 12px; transition: .8s; } .case ul li:hover .case_img { border: 1px solid #0068b7; } .case ul li:hover .case_img img { transform: scale(1.1); } .case ul li:hover .case_info h5 a { color: #0068b7; } .case ul li:hover .case_info font a { background: #fff; color: #ffc938; } .contact { display: block; padding: 25px; overflow: hidden; width: 100%; background: #F3F3F3; } .contact h5 { font-size: 16px; color: #3e3e3e; margin-bottom: 10px; } .contact p { font-size: 14px; color: #898989; margin-bottom: 10px; } .map_box { width: 100%; border: 2px solid #0068b7; margin: 20px 0; } /*内页板块 结束*/ @media only screen and (min-width: 320px) and (max-width: 1023px) { .header_meta, .logo_wel, #rightArrow, #floatDivBoxs, .main_top, .centered-btns_nav, .centered-btns_tabs, .main_l_category ul li:first-of-type{ display: none; } .main_l_category ul li .main_l_category_nav{ margin: 0; } .main_l_category ul li .main_l_category_nav a{ margin: 0; } nav { height: auto; } nav ul li { width: 25%; float: left; border: 1px solid #fff; } nav ul li a { height: 36px; padding: 0; display: block; text-align: center; line-height: 36px; } header { padding: 5px 0; } .logo { width: 50%; } .header_tel { width: 45%; padding: 0; } body { padding-bottom: 50px; } .m_footer { display: block; } .m_foot_btn { width: 20%; float: left; height: 50px; display: block; padding-top: 5px; line-height: 1; text-align: center; border-right: 1px solid #fff; } .m_foot_btn:last-of-type { border-right: 0; } .m_foot_btn i { color: #fff; display: block; font-size: 20px; margin-bottom: 5px; } .m_foot_btn span { display: block; text-align: center; color: #fff; font-size: 12px; } .m_footer { display: block; height: 50px; position: fixed; bottom: 0px; width: 100%; left: 0px; background: #0068b7; z-index: 999; border-top: 1px solid #fff; } footer { padding: 15px; } .footer_info { width: 100%; } .footer_info p { font-size: 12px; line-height: 1.68; margin-top: 5px; } .main { padding: 0 0 10px; } .main_l { width: 100%; margin-bottom: 10px; } .main_l_category { margin-bottom: 0; overflow-x: auto; } .main_l_category ul { padding: 10px 5px; } .main_l_category ul li a { padding-left: 0; padding: 0 10px; display: inline-block; } .main_l_category ul li a::before, .main_l_category ul li a::after { display: none; } .main_l_category ul li { width: auto; margin-top: 0; float: left; margin: 0 10px 0 0; background: none; } .main_l_category ul li .main_l_category_nav { position: relative; display: inline-block; height: 35px; background: none; right: 0; width: auto; } .info_product_l { width: 100%; padding: 0 0 15px; } .main_l_category ul li .main_l_category_nav a { line-height: 35px; color: #666; } .main_l_category h5, .main_l_case, .main_l_contact { display: none; } .pos { padding: 0 5px; height: auto; margin-bottom: 10px; } .pos_l { display: none; } .pos_r { width: 100%; text-align: left; overflow: hidden; line-height: 1.65; padding: 7px 0; } .main_r { width: 100%; padding-left: 0; } .page_title { margin-bottom: 15px; } .page, .contact, .ask, .conten { padding: 15px 5px; } .main_t_news, .main_t_product { display: none; } .list { padding: 10px 5px; } .list ul li { padding: 10px 0; } .list_time { width: 20%; } .list_info { width: 77%; } .list_info p { height: 44px; overflow: hidden; } .function { margin-top: 10px; } .product_btn { margin: 10px 0; } .product_list ul li, .other_product ul li { width: 48%; margin: 1% !important; } .product_list ul li p a { font-size: 12px; padding: 5px 0; } .case ul li { padding: 10px 5px; margin-bottom: 10px; } .case_img { width: 40%; } .case_info { width: 60%; padding-left: 3%; } .case_info font { display: none; } .case_info span { font-size: 12px; margin: 2px 0; } .case_info p { font-size: 12px; height: 40px; overflow: hidden; } .info_product_r { width: 100%; margin-bottom: 10px; } .conten_bianji { padding: 10px 5px; } .index_product { padding: 0 0 15px; } .case_info h5 a { font-size: 14px; } .in_pro_l, .in_pro_r_title a, .index_title p, .in_about_l, .index_advan, .footer_nav, .footer_er, .index_links { display: none; } .in_pro_r_title span { width: 100%; font-size: 16px; text-align: center; line-height: 36px; } .in_pro_r_title { height: 36px; } .in_pro_r, .in_about_r { width: 100%; padding-left: 0; } .in_about_r { padding: 0 1%; } .in_pro_r_main ul li, .in_solu_main ul li { width: 48%; margin: 1% !important; display: none; } .in_pro_r_main ul li:nth-of-type(1), .in_pro_r_main ul li:nth-of-type(2), .in_pro_r_main ul li:nth-of-type(3), .in_pro_r_main ul li:nth-of-type(4), .in_solu_main ul li:nth-of-type(1), .in_solu_main ul li:nth-of-type(2), .in_solu_main ul li:nth-of-type(3), .in_solu_main ul li:nth-of-type(4) { display: block; } .index_about, .index_solu, .index_news { padding: 15px 0; } .index_title { margin-bottom: 15px; } .index_title h5 { font-size: 20px; margin-bottom: 10px; } .index_solu { background: #F0F0F0; } .in_solu_main ul li h3 { margin-bottom: 10px; box-shadow: none; } .in_solu_main ul li span a { margin-bottom: 5px; } .in_solu_main ul li span p { height: 50px; overflow: hidden; } .in_reason_main { padding: 25px 1%; background: #0068B7; } .in_reason_main h5, .in_reason_main p { margin-bottom: 10px; } .in_news_list_time span { font-size: 12px; } .in_news_list_time { padding: 10px 0; } .in_news_list_info { padding: 10px; } .in_news_list_li ul li samp { margin: 10px 0; } .in_news_list_li ul li p { margin-bottom: 10px; } .in_news_list_li ul li font a { padding: 8px 13px; font-size: 12px; } .in_news_list { width: 98%; margin: 0 1% !important; } .footer_info a, .footer_info b, .footer_info font, .footer_info strong, .footer_info span { font-size: 12px; } .in_reason_main span a { padding: 10px 20px; } .in_reason_main span a:first-of-type { margin-right: 15px; } .product ul li, .about ul li { width: 48%; margin: 1% !important; } } @media only screen and (min-width: 1024px) and (max-width: 1400px) { .main_top_l span { width: 15%; } .main_top_l_box { width: 85%; } .in_pro_l ul { height: 645px; } .in_about_r { padding-left: 8px; line-height: 1.5; } .in_advan_main ul li::after, .in_advan_main ul li::before { display: none; } .in_advan_main { padding: 15px 0; } .in_news_list_time { padding: 10px 20px 15px; } nav ul li a { padding: 0 30px; } .case_info p { height: 48px; overflow: hidden; } .main_l_contact h4 { background: url(../images/main_l_contact_img.jpg) no-repeat 10px center #0068B7; padding-left: 45px; } }