@charset "utf-8"; * { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box } ul li { list-style:none } a { text-decoration:none } .clear { clear:both } img { padding:0; margin:0; border:0 } .clearfix:before, .clearfix:after { content:" "; display:table } .clearfix:after { clear:both } body { font-family:"微软雅黑"; font-size:14px } header { width:100%; margin:0 auto; position:relative } .pctop { display:block; background-color:#019cde; line-height:41px } .pctop_fl { float:left; } .pctop_fl dl{ float:left; background:url(/uploads/image/eimages/topli.png) no-repeat right center; } .pctop_fl dl a{ color:#fff; font-size:12px; padding:0px 15px; } .pctop_fl .select{ position:relative; float:left; margin:0 10px; } .pctop_fl .select dt{ height:19px; line-height:19px; display:inline-block; color: #fff; background:url(/uploads/image/eimages/jian.png) no-repeat right center; padding-right:20px; font-size:12px; cursor:pointer; margin-right:15px; position:relative; z-index:999; font-weight:normal; } .pctop_fl .select dt img{ margin-right:15px; } .pctop_fl .select dd{ position:absolute; left:-25px; top:40px; border-left:1px solid #019cde; border-right:1px solid #019cde; border-bottom:1px solid #019cde; background:#fff; display:none; z-index: 999; } .pctop_fl .select dd ul{ padding:4px; width:130px; max-height:250px; overflow:auto; } .pctop_fl .select dd ul li a{ line-height:25px; display:block; padding:0 8px; color: #bababa; text-align: left; } .pctop_fl .select dd ul li a:hover{ color: #009cde; } .pctop_fr{ float:right; } /*pcsearch*/ .column{ float:left; } .searchform{ } #demo-b input { outline: none; } #demo-b input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%; } #demo-b input::-webkit-search-decoration, #demo-b input::-webkit-search-cancel-button { display: none; /* remove the search and cancel icon */ } /* search input field */ #demo-b input[type=search] { background:#0a78bc url(/uploads/image/eimages/search-icon.png) no-repeat 11px center; padding: 0px 14px 0px 14px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; border: solid 1px #0a78bc; } #demo-b input[type=search]:focus { width: 130px; background-color: #009cde; border-color: #0a78bc; -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5); -moz-box-shadow: 0 0 5px rgba(109,207,246,.5); box-shadow: 0 0 5px rgba(109,207,246,.5); } /* placeholder */ #demo-b input:-moz-placeholder { color: #999; } #demo-b input::-webkit-input-placeholder { color: #999; } /* demo b */ #demo-b input[type=search] { width: 15px; padding-left: 10px; color: transparent; cursor: pointer; } #demo-b input[type=search]:hover { background-color: #009cde; } #demo-b input[type=search]:focus { width: 130px; padding-left: 32px; color: #fff; background-color: #009cde; cursor: auto; } #demo-b input:-moz-placeholder { color: transparent; } #demo-b input::-webkit-input-placeholder { color: transparent; } .pctop_fr a{ float:left; } .pctop_fr a img{ width:100%; } .daohang { display:block; width:100%; margin:0 auto; height:80px; clear:both } .yx { float:left; } .yx a { display:block; padding-top:10px; } .yx img { width:100%; height:auto; } .navdaohang { float:right; margin-top:20px; } .menupc li { line-height:40px; float:left; text-align:center; position:relative; margin-left: 20px; } .menupc li a { display:block; color:#282828; text-transform:capitalize; width:210px; font-size:16px; background:#fff url(/uploads/image/eimages/navli.png) no-repeat right center; border:2px solid #d9d9d9; border-radius:20px; transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s; } .menupc li a:hover { color:#fff; border:2px solid #e74c3c; border-radius:20px; background:#e74c3c url(/uploads/image/eimages/navli_h.png) no-repeat right center; } .menupc li:hover a { color:#fff; border:2px solid #e74c3c; border-radius:20px; background:#e74c3c url(/uploads/image/eimages/navli_h.png) no-repeat right center; } .menupc li .current { color:#fff; border:2px solid #e74c3c; border-radius:20px; background:#e74c3c url(/uploads/image/eimages/navli_h.png) no-repeat right center; } .menupc .menu1{ position:static; } .menupc .prostyle{ background-color:#e74c3c; position: absolute; display:none; left: 0; overflow: hidden; z-index: 999; width:100%; padding:20px 0px; } .menupc .prostyle .description{ position: static; } .menupc .prostyle .description h3{ padding:0; border: 0; border-radius: 0px; background: none; line-height:30px; color:#fff; font-size: 14px; } .menupc .prostyle .description p{ line-height:20px; color:#ffa39a; font-size:12px; text-align:left; } .menupc .prostyle .description a{ color:#fff; padding:0; border: 0; border-radius: 0px; background: none; font-size:12px; text-align:left; } .menupc .prostyle .description a:hover{ text-decoration:underline; color:#ffa39a; } .menupc .prostyle .pro{ position: static; border-right:1px dotted #ffa39a; } .menupc .prostyle .pro h3{ line-height:30px; } .menupc .prostyle .pro h3 a{ color:#fff; text-align:center; padding:0; border: 0; border-radius: 0px; background: none; font-size: 14px; width:100%; } .menupc .prostyle .pro h3 a:hover{ color:#ffa39a; background:none; } .menupc .prostyle .pro .procon{ margin-top:5px; } .menupc .prostyle .pro .procon p{ background: no-repeat left center; text-align: center; } .menupc .prostyle .pro .procon p a{ color:#ffa39a; font-size:12px; line-height:25px; padding:0; border: 0; border-radius: 0px; background: none; font-size: 14px; width:100%; } .menupc ul { background-color:#e74c3c; position:absolute; display:none; left:0; overflow:hidden; z-index:999; width:100% } .menupc ul li { float:none; position:static; text-align:center; background:0; line-height:35px; width:100%; margin-left:0px; } .menupc ul li a { display:block; font-size:14px; position:static; border:none!important; color:#fff!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 10px; border-radius:0!important; background:none !important; } .menupc ul li a:hover { background-color:#b93325!important; border:0; border-radius:0; } .menupc ul li:hover a { border-radius:0; border:0; } .menupc ul li .current { border-radius:0; border:0; background-color:#b93325!important; } .menupc .subnav { display:block; } /*手机导航*/ .phone-nav { position:absolute; font-size:30px; right:15px; top:0px; line-height:80px; display:none; color:#666; } .header a[href="#page"] { display:none!important; } .mm-opened .header a[href="#page"] { display:block!important; } .mm-opened .header a[href="#mmenu"] { display:none!important; } #mmenu { z-index:9999; } #mmenu li .home-search { float:left; margin-left:20px; width:90%; background-color:#fff; padding-left:0; overflow:hidden; margin-top:10px; position:relative } #mmenu li .home-search .keyword { text-align:left; border:0; box-shadow:0; border-radius:0; width:86%; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -mz-border-radius:0; font-size:14px; color:#999; line-height:20px; vertical-align:top; padding:6px 86px 6px 10px; -webkit-appearance:none; background-color:#fff; border:1px solid #ccc } #mmenu li .home-search .keyword:focus { transition:border linear .2s, box-shadow linear .5s; -moz-transition:border linear .2s, -moz-box-shadow linear .5s; -webkit-transition:border linear .2s, -webkit-box-shadow linear .5s; outline:0; border:1px solid #0a78bc; } #mmenu li .home-search .btn-sub { top:0; border:0; right:0; color:#e20008; width:42px; height:34px; line-height:34px; text-align:center; position:absolute; cursor:pointer; border-radius:0; background:#0a78bc url(/uploads/image/eimages/search.png) no-repeat center center; } .container-fluid { margin-left:auto; margin-right:auto; padding:0 15px; } @media(max-width:1200px) { .pctop{ display:none; } .phone-nav { display:block; } .navdaohang { display:none; } } .home-solution { width:100%; margin:0 auto; margin-top:35px; } .solution_con{ overflow:hidden; } .solution_con li{ margin-bottom:30px; overflow:hidden; } .solution_con li a{ display:block; } .homecontainer { position:relative; width:100%; height:250px; overflow:hidden; padding:0; } .front { width:100%; height:100%; position:absolute; transition: transform 0.7s 0.10s ease-in-out; z-index:2; } .fronttxt{ position:absolute; overflow:hidden; width:100%; top:1px; } .fronttxt img{ max-width:100%; height:auto; display:block; margin-left:auto; margin-bottom: 10px; } .fronttxt p{ background:url(/uploads/image/eimages/bai.jpg) no-repeat 15px top; font-size:16px; color:#fff; padding-top: 8px; padding-left:15px; } .fronttxt span{ font-size:16px; color:#fff; text-transform:uppercase; padding-left:15px; } .frontimg img { max-width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; } .back { position:absolute; width:100%; height:100%; padding-left:18%; background-color:#fff; } .back p{ color:#939393; line-height:22px; margin-bottom:10px; } .back ul{ margin-left:10px; } .back li{ line-height:22px; margin-bottom:0px; background:url(/uploads/image/eimages/sol_li.jpg) no-repeat left center; padding-left:10px; } .back li a{ color:#009cde; font-size:12px; } .back a:hover { color:#e74c3c; text-decoration:underline; } .homecontainer:hover > .front { transform:translatex(-88%) } @media only screen and (min-device-width : 769px) and (max-device-width : 883px) { .homecontainer .back p { display:none } } .home-aboutnews{ width:100%; margin:0 auto; margin-bottom:35px; } .aboutnews{ border:1px solid #e7e7e7; background-color:#f8f8f8; border-radius:15px; padding-top:25px; overflow:hidden; } .aboutnews_fl{ margin-bottom:25px; overflow:hidden; padding-left: 25px; padding-right: 0; } .index_title{ margin-bottom:20px; overflow:hidden; } .index_title p{ float:left; color:#000; font-size:18px; } .index_title p em{ font-size:16px; color:#009cde; font-style:normal; } .index_title span{ float:right; } .index_title span a{ font-size:12px; color:#009cde; line-height:30px; } .aboutnews_fl_con{ overflow:hidden; } .about_img{ overflow:hidden; padding:0; margin-bottom:20px; } .about_img img{ display:block; max-width:100%; height:auto; margin-left:auto; margin-right:auto; } .about_txt{ } .about_txt p{ text-indent:2em; line-height:22px; color:#6f6f6f; font-size:12px; } .aboutnews_fc{ display:block; margin-bottom:25px; overflow:hidden; } .aboutnews_fc img{ display:block; max-width:100%; height:auto; margin-left:auto; margin-right:auto; } .aboutnews_fr{ margin-bottom:25px; overflow:hidden; padding-left: 0; padding-right: 25px; } .aboutnews_fr_top{ margin-bottom:14px; overflow:hidden; border-bottom:1px dashed #cfcfcf; } .aboutnews_fr_top a{ display:block; } .news_img{ margin-bottom:15px; overflow:hidden; padding:0; } .news_img img{ width:100%; height:auto; padding:5px; border:1px solid #edeff2; } .news_txt{ margin-bottom:15px; overflow:hidden; } .news_txt h3{ font-size:14px; color:#010101; margin-bottom:10px; overflow:hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_txt p{ line-height:22px; color:#7c7c7c; font-size:12px; } .news_txt p span{ color:#009cde; } .aboutnews_fr_top a:hover .news_txt h3{ color:#009cde; } .aboutnews_fr_bottom{ } .aboutnews_fr_bottom li{ line-height:22px; padding:1px 0px; overflow:hidden; } .aboutnews_fr_bottom li a{ display:block; font-size:12px; color:#6f6f6f; } .aboutnews_fr_bottom li a p{ float:left; background:url(/uploads/image/eimages/newsli.jpg) no-repeat left center; padding-left:12px; width:80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .aboutnews_fr_bottom li a span{ float:right; } .aboutnews_fr_bottom li a:hover p{ color:#009cde; background:url(/uploads/image/eimages/newsli_h.jpg) no-repeat left center; } .aboutnews_fr_bottom li a:hover span{ color:#009cde; } footer{ width:100%; margin:0 auto; } .footer1{ width:100%; margin:0 auto; background-color:#545454; overflow:hidden; padding-top:25px; } .footer1_fl{ margin-bottom:25px; overflow:hidden; } .footer1_title{ margin-bottom:10px; overflow:hidden; } .footer1_title p{ float:left; font-size:16px; color:#fff; } .footer1_title p span{ color:#009cde; } .footer1_fl_con{ overflow:hidden; } .messageform .ms{ margin-bottom:6px; overflow:hidden; position:relative; z-index:99; background-color:#383838; } .ms label{ float: left; position:absolute; left:15px; top: 0px; color:#969696; line-height: 45px; } .ms label img{ margin-right:12px; } .ms input{ width: 100%; padding-left:100px; line-height: 44px; border: 1px solid #5e5e5e; font-size: 14px; color:#969696; background:none; } .ms input:focus{ border:1px solid #009cde; } .ms textarea{ width: 100%; padding-left:100px; border: 1px solid #5e5e5e; font-size: 14px; color:#969696; padding-top:10px; } .ms textarea:focus{ border:1px solid #009cde; } .footer1_fc{ margin-bottom:25px; overflow:hidden; } .footer1_fc_con{ overflow:hidden; margin-top: 20px; } .footer1_fc_con h3{ color:#b6b6b6; font-size:14px; font-weight:normal; background:url(/uploads/image/eimages/tel.png) no-repeat left center; padding-left:30px; line-height:25px; } .footer1_fc_con span{ color:#22bcfe; font-size:30px; font-weight:bold; } .footer1_fc_con p{ color:#fff; line-height:25px; margin-top: 10px; } .footer1_fr{ margin-bottom:25px; overflow:hidden; margin-top: 50px; } .footer1_fr img{ display:block; max-width:100%; height:auto; margin-left:auto; margin-right:auto; } .footer2{ width:100%; margin:0 auto; background-color:#383838; overflow:hidden; padding:20px 0px; } .footer2 p{ color:#9f9f9f; line-height:25px; font-size:14px; text-align:center; } /*关于我们*/ .inner_banner{ width:100%; margin:0 auto; } .inner_banner img{ width:100%; height:auto; } .inner-main{ width:100%; margin:0px auto; } .inner_main_fl{ overflow:hidden; margin-top:20px; } .inner_main_fls{ margin-bottom:22px; overflow:hidden; } .inner_fl_title{ background-color:#009cde; padding:12px 17px; overflow:hidden; color:#fff; border-radius:5px 5px 0px 0px; margin-bottom:1px; } .inner_fl_title p{ float:left; color:#fff; font-size:16px; background:url(/uploads/image/eimages/titilep.jpg) no-repeat left center; padding-left:17px; line-height:26px; } .inner_fl_title span{ float:right; } .inner_fl_con{ overflow:hidden; } .inner_fl_con li{ margin-bottom:1px; } .inner_fl_con li a{ display:block; line-height:30px; padding:5px 0px; color:#3a3a3a; background-color:#ececec; border-left:6px solid #e0e0e0; font-size:14px; padding-left: 28px; } .inner_fl_con li a:hover{ color:#fff; background-color:#e74c3c; border-left:6px solid #b93325; } .inner_fl_con li .current{ color:#fff; background-color:#e74c3c; border-left:6px solid #b93325; } /*产品左侧分类*/ .system_log{ margin-bottom:1px; overflow:hidden; } .system_log dt{ position:relative; cursor: pointer; background-color:#ececec; border-left:6px solid #e0e0e0; padding:5px 0px 5px 30px; font-weight:normal; line-height:30px; overflow:hidden; } .system_log dt:hover { color:#fff; background-color:#e74c3c; border-left:6px solid #b93325; } .menu_choice{ color:#fff; background-color:#e74c3c; border-left:6px solid #b93325; } .menu_chioces{ color:#fff !important; } .system_log dt a{ font-size:14px; color: #3a3a3a; } .system_log dt a:hover{ color:#fff; } .system_log dd{ position:relative; } .system_log dd a { display:block; background:#f4f4f4 url(/uploads/image/eimages/profl_li.jpg) no-repeat 36px center; color:#666; font-size:14px; padding:6px 0px 6px 50px; line-height:22px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .system_log dd a:hover{ color:#666; background:#f4f4f4 url(/uploads/image/eimages/profl_li.jpg) no-repeat 16px center; } .inner_main_fr{ margin-bottom:30px; overflow:hidden; margin-top:20px; } .inner_fr_title{ border-bottom:1px solid #ebebeb; padding-bottom:8px; overflow:hidden; } .inner_fr_title p{ float:left; color:#000; font-size:18px; line-height:25px; } .inner_fr_title span{ float:right; line-height:25px; color:#42403e; background:url(/uploads/image/eimages/home.jpg) no-repeat left center; padding-left:25px; font-size:12px; } .inner_fr_title span a{ color:#42403e; font-size:12px; } .inner_fr_title span em{ color:#e74c3c; font-style:normal; } .inner_fr_about{ line-height:25px; color:#6f6f6f; margin:40px auto; overflow:hidden; } .inner_fr_about div{ overflow:hidden; } .inner_fr_about img{ margin-right: auto; margin-left: auto; max-width: 100%; height: auto; display:block; } /*联系我们*/ .inner_fr_contact{ line-height:30px; color:#6f6f6f; margin:40px auto; overflow:hidden; } .inner_fr_contact img{ margin-right: auto; margin-left: auto; max-width: 100%; height: auto; display:block; } /*招贤纳才*/ .inner_fr_job{ margin:20px auto; overflow:hidden; } .inner_fr_job li{ border-bottom: 1px dashed #ccc; overflow:hidden; line-height:30px; } .inner_fr_job li a{ display:block; color:#6f6f6f; } .inner_fr_job li a p{ float:left; background: url(/uploads/image/eimages/fl_bottomli.jpg) no-repeat left center; padding-left:15px; width:80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inner_fr_job li a span{ float:right; } .inner_fr_job li a:hover{ color:#009cde; } .inner_fr_job li a:hover p{ background: url(/uploads/image/eimages/fl_bottomli_h.jpg) no-repeat left center; } /*分页*/ .pagev{ text-align:center; padding:10px 0px; color:#666; clear:both; } .pagev span{ height:24px; line-height:24px; padding:0px 9px; display: inline-block; margin: 0 4px!important; } .fonts{ color:#fff; background-color:#009cde; border:1px solid #009cde; } .pagev span a{ background-color:#fff; color:#666; border:1px solid #d9d9d9; line-height:24px; padding:0px 9px; display: inline-block; text-decoration:none; margin:1.5em 0; } .pagev span a:hover{ color:#fff; background-color:#009cde; border:1px solid #009cde; } /*招贤纳才详情*/ .inner_fr_jobshow{ margin:40px auto; overflow:hidden; } .show_title{ text-align: center; border-bottom: 1px dashed #ddd; padding-bottom: 10px; } .show_title h3{ color: #009cde; font-size: 18px; font-weight: bold; padding-bottom: 10px; font-weight:normal; } .show_title span{ color:#828384; margin:0px 10px; } .show_content{ margin:20px auto; line-height:25px; color:#6f6f6f; padding:0px 10px; } .show_content img{ margin-right: auto; margin-left: auto; max-width: 100%; height: auto; } .show_back{ padding-top:20px; text-align: center; } .show_back a{ text-decoration: none; color: #646464; padding-left: 20px; background:url(/uploads/image/eimages/return.jpg) no-repeat left center; } .show_back a:hover{ text-decoration: none; color: #009cde; } /*新闻中心*/ .inner_main_title{ width:100%; margin:0 auto; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; overflow:hidden; } .inner_title{ overflow:hidden; padding:15px 0px; } .inner_title p{ float:left; color:#000; font-size:18px; line-height:25px; } .inner_title span{ float:right; line-height:25px; color:#42403e; background:url(/uploads/image/eimages/home.jpg) no-repeat left center; padding-left:25px; font-size:12px; } .inner_title span a{ color:#42403e; font-size:12px; } .inner_title span em{ color:#e74c3c; font-style:normal; } .inner_main_con{ margin:25px auto; overflow:hidden; } .inner_con_news{ margin:20px auto; overflow:hidden; } .inner_con_newstop{ margin-bottom:20px; overflow:hidden; } .inner_newstop_fl{ margin-bottom:20px; overflow:hidden; } .block_home_slider { position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; behavior: ; /*半透明兼容*/ text-align: center; line-height: 0px; margin-right: auto; margin-left: auto; } .block_home_slider .slide {position:relative;} .block_home_slider .flex-direction-nav a {width:50px; height:48px; margin-top:-27px; display:block; position:absolute; bottom:0; text-indent:-9000px;} .block_home_slider .flex-direction-nav a.flex-prev {left:0px; background:url(/uploads/image/eimages/newsl.jpg) no-repeat left top;} .block_home_slider .flex-direction-nav a.flex-next {left:50px; background:url(/uploads/image/eimages/newsr.jpg) no-repeat right top;} .block_home_slider .flex-control-paging {display:inline-block;position: absolute;bottom: 10px;z-index: 888;} .block_home_slider .flex-control-paging li { margin: 0px 5px; padding: 0px; float: left; overflow: hidden; list-style-type: none; } .block_home_slider .flex-control-paging li a {width:0px; height:0px; display:block; background: no-repeat; text-indent:-9000px; cursor:pointer;} .block_home_slider .flex-control-paging li a.flex-active {background-position:right top;} .block_home_post_feature {width:300px;} .block_home_post_feature p {padding-bottom:0px;} .flexslider {margin: 0; padding: 0;} .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; list-style-type: none; } /* hide the slides before the js is loaded. avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .inner_newstop_fr{ margin-bottom:20px; overflow:hidden; } .inner_newstop_fr li{ overflow:hidden; margin-bottom:15px; } .inner_newstop_fr li a{ display:block; background-color:#efeef0; padding:15px 20px; overflow:hidden; } .inner_newstop_fr a h3{ color:#161616; font-weight:normal; font-size:14px; } .inner_newstop_fr a em{ color:#bababa; font-size:12px; font-style:normal; } .inner_newstop_fr a p{ color:#646668; font-size:12px; line-height:22px; } .inner_newstop_fr a p span{ color:#000; } .inner_newstop_fr a:hover{ background-color:#e84c3d; } .inner_newstop_fr a:hover h3{ color:#fff; } .inner_newstop_fr a:hover em{ color:#fff; } .inner_newstop_fr a:hover p{ color:#fff; } .inner_newstop_fr a:hover p span{ color:#fff; } .inner_con_newsbottom{ overflow:hidden; } .inner_con_newsbottom li{ margin-bottom:20px; border-bottom:1px dashed #d1d1d1; overflow:hidden; } .inner_con_newsbottom li a{ display:block; } .news_date{ overflow:hidden; background-color:#efeef0; border-radius: 8px; text-align: center; padding: 5px 15px 10px 15px; color:#4f4f4f; margin:0px 15px 20px 15px; } .news_date p{ font-size:36px; font-weight:bold; border-bottom:1px solid #c7c7c8; margin-bottom: 10px; } .news_date span{ font-size:18px; } .news_content{ margin-bottom:20px; overflow:hidden; padding:0; } .news_content h3{ font-size:16px; font-weight:normal; color:#000; background:url(/uploads/image/eimages/ititle.jpg) no-repeat bottom left; line-height:25px; padding-bottom: 5px; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_content p{ line-height:25px; color:#979797; } .news_content p span{ color:#e84c3d; } .news_tb{ margin-bottom:20px; overflow:hidden; background:url(/uploads/image/eimages/jt.jpg) no-repeat center center; height:46px; margin-top: 30px; } .inner_con_newsbottom li a:hover .news_date{ background-color:#019dd6; color:#fff; } .inner_con_newsbottom li a:hover .news_date p{ border-bottom:1px solid #4ebbe2; } .inner_con_newsbottom li a:hover .news_content h3{ color:#019dd6; } .inner_con_newsbottom li a:hover .news_tb{ background:url(/uploads/image/eimages/jt_h.jpg) no-repeat center center; } /*新闻详情*/ .inner_con_newsshow{ margin:20px auto; overflow:hidden; } /*企业责任*/ .inner_con_qyzr{ margin:20px auto; overflow:hidden; } .inner_con_qyzr p{ line-height:25px; color:#6f6f6f; margin-bottom:30px; } .qyzr_xq li{ margin-bottom:20px; overflow:hidden; } .qyzr_xq li a{ display:block; } .qyzr_xq li a img{ max-width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; } .qyzr_xq li a h3{ text-align:center; margin-top:20px; color:#6f6f6f; } .qyzr_xq li a:hover h3{ color:#019dd6; } /*员工健康*/ .inner_con_title{ margin-bottom:30px; overflow:hidden; text-align:center; } .inner_con_title h3{ color:#000; font-size:30px; font-weight:bold; text-transform:uppercase; background:url(/uploads/image/eimages/ititle.jpg) no-repeat bottom center; padding-bottom:15px; } .inner_con_danye{ margin:20px auto; overflow:hidden; line-height:30px; color:#6f6f6f; } .inner_con_danye img{ max-width:100%; height:auto; margin-left:auto; margin-right:auto; } /*环保*/ .inner_con_env{ margin:20px auto; overflow:hidden; } .inner_con_env li{ border-bottom: 1px dashed #ccc; overflow:hidden; line-height:30px; } .inner_con_env li a{ display:block; color:#6f6f6f; } .inner_con_env li a p{ float:left; background: url(/uploads/image/eimages/fl_bottomli.jpg) no-repeat left center; padding-left:15px; width:80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inner_con_env li a span{ float:right; } .inner_con_env li a:hover{ color:#009cde; } .inner_con_env li a:hover p{ background: url(/uploads/image/eimages/fl_bottomli_h.jpg) no-repeat left center; } /*质量体系*/ .inner_con_quality{ margin:20px auto; overflow:hidden; } .inner_con_quality li{ margin-bottom:30px; overflow:hidden; } .inner_con_quality a{ display:block; } .inner_con_quality li a img{ width:100%; border:1px solid #009cde; box-shadow: 0px 5px 10px #c5c5c5; } .inner_con_quality li a p{ text-align: center; font-size: 16px; color: #6f6f6f; line-height:30px; overflow: hidden; padding-top:15px; } .inner_con_quality li a:hover img{ width:100%; border:1px solid #009cde; box-shadow: 0px 5px 10px #009cde; } .inner_con_quality li a:hover p{ color:#009cde; } /*专家专栏*/ .inner_con_zjzl{ margin:20px auto; overflow:hidden; } .inner_con_zjzl li{ position:relative; overflow:hidden; } .inner_con_zjzl li a{ display:block; } .zjzl_img{ overflow:hidden; border:1px solid #dbdbdb; padding:5px; } .zjzl_img img{ width:100%; height:auto; transform: translatez(0px); transition: transform 1s ease 0s; } .zjzl_stop{ position:absolute; z-index:999; background:url(/uploads/image/eimages/stop.png) no-repeat 50%; left:0; top:0; width: 100%; height: 100%; } .inner_con_zjzl li a p{ font-size:16px; color:#6f6f6f; padding-top:15px; text-align:center; } .inner_con_zjzl li a:hover p{ color:#009cde; } .inner_con_zjzl li a:hover .zjzl_img{ border:1px solid #009cde; } .inner_con_zjzl li a:hover .zjzl_img img{ transform: scale(1.15, 1.15); transition: transform 1s ease 0s; } /*专家专栏详情*/ .inner_con_zjzlshow{ margin:20px auto; overflow:hidden; } /*设计支持*/ .menulist{ background-color:#f9f9f9; padding:10px 34px 20px 34px; overflow:hidden; } .menulist li{ border-bottom:1px dashed #d0d0d0; } .menulist li a{ border:none; background-color:inherit; color:#999; background:url(/uploads/image/eimages/menulist_li.png) no-repeat left center; padding-left:17px; } .menulist li a:hover{ border:none; background-color:inherit; color:#009cde; background:url(/uploads/image/eimages/menulist_lih.png) no-repeat left center; } .menulist li .current{ border:none; background-color:inherit; color:#009cde; background:url(/uploads/image/eimages/menulist_lih.png) no-repeat left center; } .inner_fr_support{ margin:20px auto; overflow:hidden; line-height:30px; color:#6f6f6f; } .inner_fr_support img{ margin-right: auto; margin-left: auto; max-width: 100%; height: auto; display:block; } /*文件资料*/ .inner_fr_download{ margin:20px auto; overflow:hidden; } .inner_fr_download li{ border-bottom: 1px dashed #ccc; overflow:hidden; line-height:30px; } .inner_fr_download li a{ display:block; color:#6f6f6f; padding:5px 0px; overflow:hidden; } .inner_fr_download li a p{ float:left; background: url(/uploads/image/eimages/quali.jpg) no-repeat left center; padding-left:15px; width:80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inner_fr_download li a span{ float:right; } .inner_fr_download li a:hover{ color:#009cde; } /*资质荣誉*/ .inner_fr_honor{ margin:20px auto; overflow:hidden; } .inner_fr_honor li{ overflow:hidden; } .inner_fr_honor a{ display:block; } .inner_fr_honor li a img{ width:100%; border:1px solid #009cde; box-shadow: 0px 5px 10px #c5c5c5; } .inner_fr_honor li a p{ text-align: center; font-size: 16px; color: #6f6f6f; line-height:30px; overflow: hidden; padding:15px 0px; } .inner_fr_honor li a:hover img{ width:100%; border:1px solid #009cde; box-shadow: 0px 5px 10px #009cde; } .inner_fr_honor li a:hover p{ color:#009cde; } /*产品*/ .inner_fr_pro{ margin:20px auto; overflow:hidden; } .inner_pro_txt{ margin-bottom:30px; overflow:hidden; } .inner_pro_txt h3{ font-size:14px; color:#000; font-weight:normal; line-height:25px; } .inner_pro_txt p{ font-size:12px; color:#6f6f6f; line-height:25px; } .inner_pro_con li{ overflow:hidden; } .inner_pro_con li a{ display:block; } .ipro_img{ margin-bottom:25px; overflow:hidden; border-radius:5px; padding:0; transform: translatez(0px); transition: transform 1s ease 0s; } .ipro_img img{ width:100%; height:auto; } .ipro_txt{ margin-bottom:25px; overflow:hidden; } .ipro_txt h3{ font-size:14px !important; color:#009cde !important; font-weight:normal !important; background:url(/uploads/image/eimages/ititle.jpg) no-repeat bottom left; padding-bottom:6px; margin-bottom:10px; } .ipro_txt p{ font-size:12px; line-height:25px; color:#6f6f6f; } .ipro_txt p span{ color:#009cde; } .inner_pro_con li a:hover .ipro_img img{ transform: scale(1.15, 1.15); transition: transform 1s ease 0s; } /*产品列表页面*/ .inner_fr_prolist{ margin:20px auto; overflow:hidden; } .prolist1{ margin-bottom:30px; overflow:hidden; } .prolist1 h3{ font-size:14px; color:#000; line-height:25px; font-weight:normal; } .prolist1 p{ line-height:25px; color:#6f6f6f; font-size:12px; } .prolist2{ margin-bottom:30px; overflow:hidden; } .prolist2 h3{ font-size:14px; color:#000; line-height:25px; font-weight:normal; } .prolist2_con{ line-height:25px; color:#6f6f6f; font-size:12px; } .prolist3{ margin-bottom:30px; overflow:hidden; } .prolist3 h3{ font-size:14px; color:#000; line-height:25px; font-weight:normal; } .prolist3_con{ line-height:25px; color:#6f6f6f; font-size:12px; } .prolist4{ margin-bottom:30px; overflow:hidden; } .prolist4 h3{ font-size:14px; color:#000; line-height:25px; font-weight:normal; } .prolist4_con{ line-height:25px; color:#6f6f6f; font-size:12px; } .prolist5{ margin-bottom:30px; overflow:hidden; } .prolist5 h3{ font-size:14px; color:#000; font-weight:normal; } .prolist5_con{ margin:10px auto; overflow:hidden; } .prolist5_con li{ overflow:hidden; } .prolist5_con li a{ display:block; } .prolist5_con li a:hover .ipro_img img{ transform: scale(1.15, 1.15); transition: transform 1s ease 0s; } .prolist6{ margin:10px auto; overflow:hidden; } .prolist6 p{ line-height:25px; color:#000; font-size:18px; margin-bottom:20px; border-bottom:1px solid #ebebeb; overflow:hidden; padding-bottom:10px; } /*产品详情*/ .inner_fr_proshow{ margin:20px auto; overflow:hidden; } /*市场*/ .inner_con_market{ margin:20px auto; overflow:hidden; } .inner_con_market p{ line-height:25px; color:#6f6f6f; margin-bottom:30px; } .market_xq li{ margin-bottom:20px; overflow:hidden; } .market_xq li a{ display:block; } .market_xq li a img{ max-width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; border-radius:5px; } .market_xq li a h3{ text-align:center; margin-top:20px; color:#6f6f6f; } .market_xq li a:hover h3{ color:#019dd6; } /* fixed-bar */ .fixed-bar .icon,.fixed-bar .consult-list .tel-icon{background: no-repeat;} .fixed-bar .icon{display:block;position:absolute;top:50%;left:50%;width:23px;height:12px;overflow:hidden;margin:-18px 0 0 -12px;background-position:right -220px;text-indent:-999em;} .fixed-bar{position:fixed;right:0;bottom:65px;z-index:50;_position:absolute;_bottom:auto;_top:expression(eval(document.documentelement.scrolltop document.documentelement.clientheight-this.offsetheight-(parseint(this.currentstyle.margintop,10)||0)-(parseint(this.currentstyle.marginbottom,10)||0))-30);} .fixed-bar .gotop{position:relative;z-index:1;display:block;width:68px;height:36px;overflow:hidden;margin:-1px 0 0;padding:32px 0 0;border:1px solid #e6e6e6;border-top:1px dashed #eaeaea;background-color:#fff;color:#666;font:normal 14px/36px "microsoft yahei","\5fae\8f6f\96c5\9ed1";text-align:center;} .fixed-bar .share{height:68px;overflow:hidden;margin:-1px 0 0;border:1px solid #e6e6e6;} .fixed-bar .gotop:hover{z-index:10;border-color:#2acb6b;background-color:#2acb6b;color:#fff;text-decoration:none;} .fixed-bar .gotop:hover .icon{background-position:right -251px;} .fixed-bar .consult-box{border:1px solid #e6e6e6;} .fixed-bar .consult-box .consult-header{position:relative;height:36px;margin:-1px -1px 0;background:#2acb6b;} .fixed-bar .consult-box .consult-title{color:#fff;font:normal 16px/36px "microsoft yahei","\5fae\8f6f\96c5\9ed1";text-align:center;} .fixed-bar .consult-box .icon{display:none;top:0;left:-28px;width:28px;height:36px;overflow:hidden;margin:0;background-position:-80px -530px;cursor:pointer;} .fixed-bar .consult-box .icon:hover{background-position:-110px -530px;} .fixed-bar .consult-list{margin:0 2px -1px;padding:9px 0;border-bottom:1px dashed #eaeaea;} .fixed-bar .consult-list li{padding:6px 0 6px 23px;color:#666;font:normal 12px/24px "microsoft yahei","\5fae\8f6f\96c5\9ed1";} .fixed-bar .consult-list span,.fixed-bar .consult-list a{float:left;line-height:24px;} .fixed-bar .consult-list span{padding-right:10px;} .fixed-bar .consult-list img{vertical-align:top;} .fixed-bar .wide-bar{width:134px;background:#fff;} .fixed-bar .wide-bar .share .bds_more{width:148px;_width:146px;background-position:-252px -568px;} .fixed-bar .wide-bar .share .bds_more:hover{background-position:-354px -568px;} .fixed-bar .wide-bar .gotop{width:132px;} .fixed-bar .consult-list .tel-icon{margin-left:-15px;padding:0 0 0 20px;background-position:-591px -264px;} @media(max-width:320px) { .inner_fr_job li a p{ width:50% !important; } .inner_con_env li a p{ width:50% !important; } .inner_fr_download li a p{ width:50% !important; } } @media(max-width:414px) { .footer1_fr{ margin-bottom:25px; overflow:hidden; margin-top:0px; } .inner_fr_title p{ float:none; margin-bottom:8px; } .inner_fr_title span{ float:none; } .inner_fr_job li a p{ width:60%; } .inner_con_env li a p{ width:60%; } .inner_fr_download li a p{ width:60%; } } @media(max-width:768px) { .aboutnews_fc{ display:none; } .aboutnews_fl{ padding-left:15px; padding-right:15px; } .aboutnews_fr{ padding-left:15px; padding-right:15px; } } @media(max-width:1200px) { .aboutnews_fr_bottom li a p{ width:70%; } .footer1_fc_con span{ font-size:20px; } .inner_fr_about img{ display:block; margin-right: auto; margin-left: auto; max-width: 100%; height: auto; } .inner_fr_contact img{ margin-right: auto; margin-left: auto; max-width: 100%; height: auto; display:block; } .show_content img{ display:block; margin-right: auto; margin-left: auto; max-width: 100%; height: auto; } .news_date{ margin:0 0 20px 0; } .news_content{ padding:0px 15px; } .inner_con_danye img{ display:block; max-width:100%; height:auto; margin-left:auto; margin-right:auto; } .ipro_img{ padding:0px 15px; } }