/* * PHPWEB (http://weboss.hk) * Copyright (c) 2013-2020 http://www.weboss.hk All rights reserved. * Author: 鍚村厛鐢 <510551@qq.com> */ body{ font-family: 'microsoft yahei',Arial,Helvetica, sans-serif; color: #2F2F2F; } input{ outline: none; } a{ transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; } ul{ list-style:none; padding-left: 0; } .clear{ clear: both; } .pos_rel{ position: relative; } .img-thumbnail{ transition : opacity 0.7s; } .img-thumbnail:hover, .opacity_img:hover{ opacity: 0.75; } header{ background-color: #fff; } .info{text-align:center;} /*2020-8-11*/ /*瓒呭皬灞忓箷*/ @media screen and (max-width: 767px) { } /*瓒呭皬灞忓箷*/ @media screen and (min-width: 768px) { } /*瓒呭皬灞忓箷*/ /*瓒呭皬灞忓箷*/ /*骞荤伅鐗?/ .flash img{ width: 100%; margin-top: 100px; } .flash ul.bxslider{ list-style:none; } .flash div.bx-pager{ bottom: 4%; } .flash div.bx-controls-direction{ display:none; } /*浜у搧鎼滅储*/ .left_search{ margin: 10px 0px 0px 0px; } .search_group{ border:1px solid #b9b9b9; border-radius:5px; } .search_group input.form-control{ border-radius: 0px; box-shadow: none; color: #585A5A; padding: 0px 0px 0px 15px; height: 26px; background: transparent; border: none; } .search_group input.form-control:focus{ box-shadow: none; border-color: #b2e0fb; } #search_submit{ background-color: #0066db; border-radius:3px; color:#fff; height: 28px; font-size: 16px; padding-top: 5px; margin-top: -1px; } #search_submit:hover{ color:#fff; background-color: #03b29c; cursor: pointer; } /*棣栭〉-宸︿晶鏍忕洰*/ .left_nav{ padding: 20px 15px 30px 15px; background: url(../images/left_head.jpg) no-repeat top center #0066d9; margin-top: 25px; margin-bottom: 20px; } .left_nav h3{ text-align: center; color: #fff; margin:0px 0px 4px 0px; } .left_nav p{ text-align: center; color: #fff; font-size: 14px; letter-spacing:2px; margin-bottom: 10px; } .left_nav_bg{ background: url(../images/left_nav_bg.jpg) center bottom no-repeat #fff; padding: 10px 15px 22px 15px; } .left_nav_tel{ margin: 220px 0px 0px 0px; text-align: center; color: #fff; font-size: 24px; font-weight: bold; } .left_nav_ul{ list-style:none; padding:0px; margin:15px 0px 0px 0px; padding-bottom: 10px; } .left_nav_ul > li > a{ display: block; text-decoration:none; color:#fff; font-size:15px; background-color: #0066d9; border-radius: 5px; padding:6px 0px 6px 18px; margin-bottom: 8px; } .left_nav_ul > li > a:hover, .left_nav_ul li a.left_active{ color:#fff; background-color: #03b29c; } /*棣栭〉-宸︿晶浜岀骇鏍忕洰*/ ul.left_snav_ul{ list-style:none; padding:0px; } ul.left_snav_ul > li{ margin:0px; } ul.left_snav_ul > li > a{ display: block; text-decoration:none; color:#fff; padding:5px 0px 5px 30px; background: url(../images/left_tree.gif) 20px 8px no-repeat #5f9fe6; border-radius: 5px; margin-bottom:8px; } ul.left_snav_ul > li > a:hover{ color:#fff; background-color: #03b29c; } /*鍒楄〃椤?宸︿晶鏍忕洰*/ .left_h3{ margin-top: 19px; font-size: 22px; font-weight: normal; color: #545454; line-height: 50px; border-bottom: 1px solid #ebebeb; } .left_h3 span{ display: inline-block; height: 50px; border-bottom: 1px solid #0066d9 ; } .left_column ul.left_nav_ul{ list-style:none; padding:0px; margin:15px 0px 0px 0px; padding-bottom: 10px; } .left_column ul.left_nav_ul > li{ margin-bottom: 10px; /*background: url(../images/left_li.gif) 6px 12px no-repeat;*/ border-bottom: 1px dashed #fff; position: relative; } .left_column ul.left_nav_ul > li.active .menu_head{ background-image: url(../images/libgon.png); color: #009fe7; transform: rotate(90deg); } .left_column ul.left_nav_ul > li.active a{ color: #009fe7; } .left_column ul.left_nav_ul > li.active .xlMBox dl dd a{ color: #4e5059; } .left_nav_ul .xlMBox{ display: none; } .left_nav_ul .xlMBox dl dd{ height: 35px; line-height: 35px; } .menu_head{ background: #ebf0f5 url(../images/libg.png) no-repeat center; position: absolute; height: 18px; top: 2px; width: 35px; margin-right: 8px; right: 0px; cursor: pointer; } .menu_head:hover{ background-image: url(../images/libgon.png); color: #009fe7; } .left_column ul.left_nav_ul > li:hover a{ color: #0066DB; } .left_column ul.left_nav_ul > li > a{ display: block; text-decoration:none; color:#666; font-size:14px; background:transparent; border-radius:0px; padding:6px 0px 6px 18px; margin-bottom: 0; } .left_column ul.left_nav_ul > li > a:hover, .left_column ul.left_nav_ul li a.left_active{ color: #0066DB; } .Msearch { background: #ebf0f5; padding: 35px 15px; border-bottom: 1px dashed #fbfbfb; } .Msearch .MsearchInput { position: relative; padding: 5px 45px 5px 15px; border: 1px solid #d3dce5; background: #fff; height: 34px; line-height: 34px; } .Msearch .MsearchInput input { width: 100%; border: none; padding: 0; line-height: normal; display: block; outline: none; } .Msearch .MsearchInput input{ } .Msearch .MsearchInput .btn { position: absolute; right: 0; top: 0; width: 32px; height: 32px; background: #6989aa url(../images/msearch.png) no-repeat center; display: block; } /*鍒楄〃椤?宸︿晶浜岀骇鏍忕洰*/ .left_column ul.left_snav_ul{ list-style:none; padding:0px; } .left_column ul.left_snav_ul > li{ margin-bottom: 7px; border-bottom: 1px solid #f2f2f2; background: url(../images/left_sli.gif) 15px 11px no-repeat; } .left_column ul.left_snav_ul > li > a{ display: block; text-decoration:none; color:#000; padding:5px 0px 5px 25px; background: transparent; border-radius: 25px; margin-bottom:8px; } .left_column ul.left_snav_ul > li > a:hover{ color:#03b29c; background:transparent; } /*宸︿晶鏂伴椈*/ .left_news{ clear: both; list-style:none; margin:0px; padding:0px; } .left_news li{ color:#545455; border-bottom: 1px dotted #dddddd; background: url(../images/li.png) no-repeat left 15px; line-height:21px; padding: 10px 0px; padding-left:14px; } .left_news li a{ color:#2F2F2F; } .left_news li a:hover, .left_news li a:focus{ text-decoration:none; color:#03b29c; } /*宸︿晶鑱旂郴*/ .left_contact{ margin:30px 0px 35px 0px; } .left_contact p{ clear: both; } /*棣栭〉浜у搧*/ .product_head{ margin-top: 60px; margin-bottom: 30px; } .product_head p,.product_head h2{margin:0;padding:0;} .ev-module-edit{width:100%; z-index:1;} .ev-module-edit2{width:100%;z-index:2!important;} .ev-module-edit2 P{text-align:center;line-height:28px;} .ev-module-edit h2{text-align:center;font-size:36px;font-weight:400;line-height:1.3} .ev-module-edit span{font-size:56px;color:#F7F7F7;} .ev-module-edit2 span{font-size: 26px;font-weight: bold;color: #074488;font-weight: 800;} .ev-module-edit-box{height:100%;width:100%} .product_list{ clear: both; padding: 0px; margin-right: -15px; margin-left: -15px; } .product_list2{ padding-top: 20px; } .product_img img{ margin-right: auto; margin-left: auto; display: block; max-width: 100%; height: auto; margin-bottom: 10px; padding: 0px 0px 0px 0px; } .product_list2 div.product_img{ min-height: 340px; } .product_title{ text-align: center; line-height: 30px; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; margin-bottom: 0; color: #666; } .desc{ text-align: left; height: 30px; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; color: #999; } .product_title a{ color: #2F2F2F; } .product_title a:hover{ text-decoration: none; color:#0071bf; } .center_tel{ height: 274px; background-position: center center; } /*棣栭〉-瀹㈡埛妗堜緥*/ .case_bg{ margin-top:65px; background: #f3f4f7 url(../images/k_14.jpg) no-repeat center top; overflow: hidden; } .case_head{ margin-top: 60px; margin-bottom: 30px; } .case_head h2{ font-size: 32px; color: #fff; font-weight: 800; text-align: center; margin-top: 50px; } .case_head p{ text-align: center; font-size: 18px; color: #fff; } .case_head .text{ font-size:14px; line-height:28px; } .case_list{ clear: both; padding: 25px 0px 0px 0px; margin-right: -15px; margin-left: -15px; } .case_list2{ padding-top: 20px; } .case_img{ padding-left: 15px; padding-right: 15px; min-height: 270px; } .case_img img{ margin-right: auto; margin-left: auto; display: block; width: 100%; max-width: 100%; height: auto; margin-bottom: 10px; padding: 0px 0px 0px 0px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .case_list2 div.case_img{ min-height: 220px; } .case_title{ text-align: center; } .case_title a{ color: #2F2F2F; } .case_title a:hover{ text-decoration: none; color:#0071bf; } .newplan .case_border{ border: 1px solid #ccc; height:375px; padding: 5px; margin-bottom: 25px; } .newplan .case_border a{ width: 100%; height: 180px; display: inline-block; overflow: hidden; } .newplan .case_border a:hover .opacity_img{ -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .newplan .case_border h4.tit{ padding-left:10px; padding-right:10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .newplan .case_border .case_title{ padding-left:10px; padding-right:10px; min-height: 66px; overflow: hidden; } .newplan .case_border .case_title a{ height: auto; font-size: 12px; line-height:22px; color: #777; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align: left; margin-bottom: 15px; } .newplan .case_border .date{ text-align: center; margin: 10px 0; } .newplan .case_border .com-more .sp-r { margin-left: 5px; width: 32px; height: 18px; background-position: 0 -57px; vertical-align: text-bottom; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .newplan .case_border .date a{ position: relative; z-index: 1; display: inline-block; width: 130px; height: 30px; line-height: 30px; border-radius: 15px; text-align: center; color: #074488; border: 1px solid #074488; font-size: 14px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .newplan .case_border .com-more .sp { position: relative; display: inline-block; background-image: url(../images/sprite_1.png); background-repeat: no-repeat; vertical-align: sub; } .newplan .case_border .com-more:hover, .newplan .case_border .more:hover .com-more { color: #fff; background: #074488; } .newplan .case_border .com-more:hover .sp-r { background-position: -32px -57px; } /*棣栭〉-鍥涘ぇ浼樺娍*/ .advantage_head h2{ text-align: center; margin-top: 60px; font-size: 36px; color: #0066d9; } .advantage_head p{ text-align: center; font-size: 18px; color: #666666; margin-top:8px; } .advantage_head span{ display: block; margin: 0 auto; width: 50px; height:2px; background-color: #0066d9; margin-bottom: 50px; } .advantage_left img{ width: 50%; float: left; } .advantage_left h3{ width: 50%; float: right; text-align: right; font-size: 28px; font-weight: bold; color: #0066d9; } .advantage_left h3 span{ font-weight: bold; font-size: 45px; } .advantage_left p{ font-size: 16px; width: 50%; float: right; text-align: right; color: #666666; line-height: 47px; margin-top: 15px; padding-right: 28px; background: url(../images/advantage_libg.jpg) repeat-y right 13px; } .advantage_right img{ width: 50%; float: right; } .advantage_right h3{ width: 50%; float: left; text-align: left; font-size: 28px; font-weight: bold; color: #0066d9; } .advantage_right h3 span{ font-weight: bold; font-size: 45px; } .advantage_right p{ font-size: 16px; width: 50%; float: left; text-align: left; color: #666666; line-height: 47px; margin-top: 15px; padding-left: 28px; background: url(../images/advantage_libg.jpg) repeat-y left 13px; } /*棣栭〉-鏂伴椈璧勮*/ .news_bg{ background-color: #f7f7f7; } .news_head{ margin-top: 60px; margin-bottom: 30px; } .news_head h2{ font-size: 32px; color: #074488; font-weight: 800; text-align: center; } .news_head p{ text-align: center; font-size: 18px; color: #555; margin-top:8px; } .news_h3{ background: url(../images/news_title.jpg) left bottom no-repeat; padding: 10px 0px 10px 0px; font-size: 18px; font-weight: bold; }.news_ul:hover{ background: #074488; } .news_ul:hover .news_img{ overflow: hidden; height: 195px; } .news_ul:hover .news_img img{ transform: scale(1.1); -ms-transform:scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform:scale(1.1); } .news_ul:hover .firm_con .title,.news_ul:hover .firm_con h5,.news_ul:hover .firm_con p{ color: #fff; } .news_ul .news_img img{ transition: 0.5s all; } .news_ul{ clear: both; list-style:none; margin-top:10px; padding:0px; margin-bottom:40px; background: #f5f5f4; overflow: hidden; } .news_ul li{ color:#545455; line-height:21px; } .news_ul li .firm_con{ padding:20px; } .news_ul li .firm_con .title{ color: #a3a0a1; font-size: 12px; } .news_ul li .firm_con .title span{ position: relative; padding-right: 10px; } .news_ul li .firm_con .title span:first-child:after{ content: ""; position: absolute; right: 3px; top: 2px; width: 1px; height: 80%; background: #a3a0a1; } .news_ul li .firm_con h5{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333; } .news_ul li .firm_con p{ font-size: 12px; color: #929390; } .news_ul li a{ color:#2F2F2F; } .news_ul li a:hover{ text-decoration:none; color:#0071bf; } .news_time{ float:right; } .news_img img{ width: 100%; max-width: 100%; max-height: 195px; } .news_img a{ font-weight: bold; font-size: 16px; } .news_img p{ margin-top: 12px; line-height: 26px; } .answer_ul{ clear: both; list-style:none; margin-top:5px; padding:0px; } .answer_ul li{ color:#545455; line-height:21px; padding: 7px 0px; height:80px; cursor: pointer; } .answer_ul li .new_time_box{ width: 70px; height: 70px; border-radius: 4px; border: 1px solid #e8e5e2; float: left; margin-right: 20px; } .answer_ul li .new_time_box strong{ text-align: center; display: block; font-size: 28px; line-height: 30px; margin-top: 9px; margin-bottom: 1px; font-weight: normal; } .answer_ul li .new_time_box .time{ font-size: 12px; text-align: center; } .answer_ul li a{ display: block; /*background: url(../images/ask.jpg) no-repeat left center;*/ padding-left: 28px; color:#333; font-weight:bold; } .answer_ul li:hover .new_time_box{ background: #0071BF; color: #fff; border: 1px solid #0071BF; } .answer_ul li:hover a{ color: #0071BF; } .answer_ul li p{ /*background: url(../images/answer.jpg) no-repeat left 2px;*/ line-height: 22px; color: #555; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /*棣栭〉-鍏徃绠€浠?/ .about_bg{ background:#F3F4F7; padding-bottom:80px; } .about_head{ margin-bottom: 30px; } .about_head2{ padding-top:50px; } .about_head h2{ font-size: 32px; color: #074488; font-weight: 800; text-align: center; } .about_head p{ text-align: center; font-size: 18px; color: #555; margin-top:8px; } .about_h3{ font-family: Arial; color: #0066d9; font-size: 50px; font-weight: bold; margin: 0px; } .about_p{ font-size: 16px; color: #000; padding-bottom: 20px; border-bottom: 1px solid #dadada; } .about_content{ line-height: 30px; color: #555; margin-top:20px; } .about_btn{ display: block; text-align: center; width: 140px; padding: 7px 0px; color: #fff; text-decoration: none; border-radius: 15px; background-color: #0066d9; margin-top: 20px; } .about_btn:hover,.about_btn:focus{ color: #fff; text-decoration: none; background-color: #03b29c; } .about_video{ width: 100%; } /*棣栭〉-鍚堜綔瀹㈡埛*/ .cooperation_head{ margin-top: 50px; margin-bottom: 30px; } .cooperation_head p{ text-align: center; font-size: 24px; color: #333; margin-top:8px; } .cooperation_head span{ display: block; height: 3px; background: url(../images/cooperation_title.jpg) center center no-repeat; } .cooperation_img{ padding-left: 15px; padding-right: 15px; min-height: 180px; } .cooperation_img img{ margin-right: auto; margin-left: auto; display: block; max-height: 170px; max-width: 100%; height: auto; margin-bottom: 10px; padding: 0px 0px 0px 0px; } /*鍒楄〃椤?妯箙*/ .page_bg{ margin-top: 100px; height:220px; margin-bottom: 0px; } /*鍒楄〃椤?闈㈠寘灞?/ .bread_bg{ border-bottom: 1px solid #f3f3f3; color: #03499a; } .bread_nav{ padding: 10px 0px 10px 0px; } .bread_nav span{ border-left: 8px solid #0066d9; padding-left: 8px; } .bread_nav a{ color: #03499a; } .bread_nav a:hover{ color: #0071bf; text-decoration: none; } /*鍒楄〃椤?鍙虫爮*/ .right_head{ clear: both; } .right_head h2{ height: 50px; font-size: 22px; font-weight: normal; color: #545454; line-height: 50px; border-bottom: 1px solid #ebebeb; } .right_head h2 span{ display: inline-block; height: 50px; border-bottom: 1px solid #0066d9; } .right_contents{ clear: both; padding:15px 0px 15px 0px; line-height:28px; overflow: auto; } .right_contents_h1{ margin: 0px; padding: 10px 0px; text-align: center; color: #000; font-size:24px; color:#434343; font-weight:bold; line-height: 34px; } .right_contents img { max-width: 840px; } /*鍒楄〃椤?鏂伴椈*/ .right_new{ clear: both; list-style:none; margin:0px; padding:0px 0px 20px 0px; } .right_new li{ color:#898989; /*background: url(../images/li.png) no-repeat left 18px;*/ font-size: 16px; line-height:22px; padding:25px 0px; border-bottom: 1px dashed #e3e2e2; position: relative; } .right_new2 li{ font-size: 14px; line-height:42px; padding:0px; } .right_new li a{ color:#2F2F2F; } .right_new li a:hover, .right_new li a:focus{ text-decoration:none; color:#0071bf; } .right_new_time{ float:right; } .relevant_new ul.right_new li{ font-size: 14px; } /*鏂板*/ .addnew .imgbox{ width: 30%; float: left; margin-right: 2%; overflow: hidden; height:180px; } .addnew li:before{ content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; opacity: 0; border-bottom: 1px dashed #074488; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .addnew li:hover:before{ -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .addnew .imgbox img{ max-width: none; max-height: none; width: 100%; height: 100%; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .addnew .imgbox:hover img{ -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .addnew .cate{ padding: 0 10px; display: inline-block; border: 1px solid #ddd; color: #888; border-radius: 10px; line-height: 24px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .addnew .cate:hover { color: #074488; border-color: #074488; } .addnew .tit{ margin-bottom: 10px; padding-top: 5px; font-size:18px; color: #333; } .addnew .tit:hover{ color: #005188; } .addnew .des{ margin-top: 25px; line-height: 32px; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 20px; font-size:14px; } .addnew .news_time{ float: none; color: #999; font-size: 14px; } .addnew .com-more{ float: right; z-index: 1; display: inline-block; width: 130px; height: 30px; line-height: 30px; border-radius: 15px; text-align: center; color: #074488; margin-top: 28px; border: 1px solid #074488; font-size: 14px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .addnew .com-more .sp-r { margin-left: 5px; width: 32px; height: 18px; background-position: 0 -57px; vertical-align: text-bottom; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .addnew .com-more .sp { position: relative; display: inline-block; background-image: url(../images/sprite_1.png); background-repeat: no-repeat; vertical-align: sub; } .addnew a.com-more:hover, .addnew .more:hover a.com-more { color: #fff; background: #074488; } .com-more:hover .sp-r, .more:hover .com-more .sp-r { background-position: -32px -57px; } .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{*+height:1%;} /*鍒嗛〉鏍峰紡*/ .page{ clear:both; margin:20px 0px 20px 0px; text-align: center; } .page a{ display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none } .page a:hover,.page a:focus{ font-family: Arial; font-size: 13px; border: #0071be 1px solid; padding:4px 9px;color: #fff; background-color: #0071be; } .page .current{ font-family: Arial; border: #0071be 1px solid; font-size: 13px; padding:5px 9px; color: #fff; margin: 2px; background-color: #0071be } /*浜у搧璇︾粏椤?/ .showpic_box,.proinfo_box{ margin: 30px 0px 20px 0px; } .product_h1{ margin:0px; line-height:22px; color: #333; padding-bottom:10px; border-bottom: 1px dotted #cccccc; font-size: 24px; font-weight: 600; margin-bottom: 5px; } .product_info{ list-style:none; margin-top:10px; margin-top: 20px; padding: 15px 18px; color: #666; font-size: 14px; line-height: 1.5; background: #F6F6F6; border-top: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; line-height: 180%; } /*鍖归厤浜у搧*/ .product-xg{ height:180px; width:100%; border:1px solid #eee; margin-bottom:20px;margin-top: 20px;} .product-xg h3{ width:40px; background-color:#164886; height:180px; color:#FFF; text-align:center; line-height:28px; margin:0;font-size:16px; font-weight:bold; float:left;} .product-xg h3 span{ padding-top:40px; display:inline-block;} .product-xg ul{ float:left; overflow:hidden;} .product-xg ul li{ float:1eft; width: 170px; height:170px; text-align:center; display:inline-block;margin-left:15px; overflow:hidden; padding:5px;} .product-xg ul li .pic{ height:128px; } .product-xg ul li img{ width:100%;vertical-align:middle;height:128px;} .product-xg ul .tit{ line-height:30px;} .zixun-box{margin-top: 35px; height: 54px;} .zx{display: inline-block; margin-right: 10px;height: 48px;text-align: center; font-size: 18px; line-height: 48px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;border-radius: 3px;border-radius: 3px;} .zx-qq { color: #fff; background: #074488; padding: 0 20px; } .zx-mall { color: #F19F3F; border: 1px solid #F19F3F; } .zx .ico { margin-right: 18px; } .zx-qq .ico { width: 25px; height: 24px; background: url(../images/icon_qq.png) no-repeat; display: inline-block; vertical-align: middle; } .zx-mall .ico { width: 28px; height: 24px; background: url(../images/icon_mall.png) no-repeat; } .zx-dt { padding: 0; width: 48px; height: 48px; background: url(../images/icon_dt.png) no-repeat center; border: 1px solid #ccc; } .bshare-custom a { padding-left: 19px; height: 16px; _height: 18px; text-decoration: none; zoom: 1; vertical-align: middle; cursor: pointer; color: #333; margin-right: 3px; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .bshare-custom .bshare-sinaminiblog { background: url(http://static.bshare.cn/frame/images/logos/s4/sprite/top_logos_sprite.png) no-repeat 0 -270px; *display: inline; display: inline-block; } .bshare-custom .bshare-qzone { background: url(http://static.bshare.cn/frame/images/logos/s4/sprite/top_logos_sprite.png) no-repeat 0 -234px; *display: inline; display: inline-block; } .bshare-custom .bshare-weixin { background: url(http://static.bshare.cn/frame/images/logos/s4/weixin.png) no-repeat; *display: inline; display: inline-block; } .bshare-custom .bshare-qqmb { background: url(http://static.bshare.cn/frame/images/logos/s4/sprite/top_logos_sprite.png) no-repeat 0 -198px; *display: inline; display: inline-block; } .bshare-custom .bshare-neteasemb { background: url(http://static.bshare.cn/frame/images/logos/s4/sprite/top_logos_sprite.png) no-repeat 0 -162px; *display: inline; display: inline-block; } .bshare-custom .bshare-more.more-style-addthis { background: url(http://static.bshare.cn/frame/images/logos/s4/more-style-addthis.png) no-repeat; display: inline-block; } .bshare-custom .bshare-share-count { width: 41px; background: transparent url(http://static.bshare.cn/frame/images/counter_box_18.gif) no-repeat; height: 18px; line-height: 18px !important; color: #333; text-align: center; font: bold 11px Arial,瀹嬩綋,sans-serif; zoom: 1; _padding-top: 2px; *display: inline; display: inline-block; } /*鏂颁骇鍝佹晥鏋?/ .f-r, .fr { float: right; } .prodPic{max-width: 500px;} .prodPic .big{position:relative;z-index:1;border:1px solid #e3e3e3;} .prodPic .big a{background:#fff;display:table-cell;text-align:center;vertical-align:middle;} .prodPic .big a img{vertical-align:middle;max-width:100%;max-height:100%;} .prodPic .big a{*display:block;*font-family:Arial;*line-height:1;} div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:300px;height:300px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;} div.zoomMask{position:absolute;background:url(../images/mask.png);cursor:move;z-index:1;} .prodPic .list{ overflow: hidden; position: relative; margin-top: 1px; } .prodPic .list .thumb {position: relative;z-index: 100;margin-bottom: 10px;} .prodPic .list .thumb ul li{background:none;width:76px;height:76px;position:relative;float: left;margin-top: 5px;} .prodPic .list .thumb ul li ~ li {margin-left: 8px;} .prodPic .list .thumb ul li a{display:block;width:76px;height:76px;border:1px solid #e3e3e3;text-align:center;background:#fff} .prodPic .list .thumb ul li img{max-width:100%;max-height:100%;cursor:pointer;} .prodPic .list .thumb ul li a em{display:block;width:5px;height:9px;position:absolute;right:-5px;top:35px;} .prodPic .list .thumb ul li a.selected{border-color:#074488;} .product_info p{ line-height:28px; } .product_btn{ margin-top: 25px; } #pic-page{ text-align: center; margin-top:10px; } #pic-page a{ margin: 0 2px; } #pic-page a img { width:40px; padding: 2px; border: solid #ccc 1px; margin-bottom:5px; } #pic-page a:hover img, #pic-page a.active img { border: solid #5280DD 1px; } .product_con { clear: both; border-top: 1px dotted #a9a9a9; margin:10px 0px 20px 0px; padding:20px 0px 0px 0px; line-height:26px; overflow: auto; } .photo_con { clear: both; margin:0px 0px 20px 0px; padding:10px 0px 20px 0px; line-height:26px; overflow: auto; } .product_con img, .photo_con img { max-width: 840px; } /*鎸夐挳鏍峰紡*/ .download_btn { float: right; display: block; margin: 10px 10px 20px 0px; } .page-btn { display: inline-block; float: left; background-color: #0071bf; border-radius: 0px; border: none; transition:background 0.3s; margin-right: 15px; } .page-btn:hover, .page-btn:focus { background-color:#02b29c; } .grey-btn { border-radius: 0px; border: none; background-color: #E8E8E8; } .grey-btn:hover, .grey-btn:focus { background-color: #ccc; } /*鍦ㄧ嚎鐣欒█璁㈣喘*/ .feedback { margin-top: 50px; } .form-horizontal .form-group{ margin-right: -10px; margin-left: -10px; } .codeimg{ margin: 0px 0px -10px -18px; } /*鏂板琛ㄥ崟*/ #file{display: none;} .filelabel{color: #ccc;margin-top: 25px;} .filelabel span{width: 79px;height: 25px;line-height: 25px;color: #666666;text-align: center;background: #fbfbfb; background: -moz-linear-gradient(top, #fbfbfb 0%, #eeedeb 100%); background: -webkit-linear-gradient(top, #fbfbfb 0%,#eeedeb 100%); background: linear-gradient(to bottom, #fbfbfb 0%,#eeedeb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#eeedeb',GradientType=0 ); display: inline-block;cursor: pointer;border: 1px solid #c9c5bf;border-radius: 4px;line-height: 22px;margin-right: 10px;} .productfeed .btn-primary{ background: #f7a934; background: -moz-linear-gradient(top, #f7a934 0%, #f58f37 100%); background: -webkit-linear-gradient(top, #f7a934 0%,#f58f37 100%); background: linear-gradient(to bottom, #f7a934 0%,#f58f37 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a934', endColorstr='#f58f37',GradientType=0 ); border-radius: 4px;border: 1px solid #ee852e; } .productfeed .num_unit input{ width: 75%; float: left; } .productfeed .num_unit select{ width: 20%; float: right; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; border: 1px solid #ccc; border-radius: 4px; } .personcard h6{ font-size: 16px; color: #333; margin-bottom: 25px; border-left: 3px solid #006699; margin-top: 30px; padding-left: 10px; font-weight: bold; } .personcard .ewm_img{ width: 100%; display: block; margin: 0 auto; margin-top: 20px; } .personcard .text{text-align: center;} .personcard p span{vertical-align: text-bottom;} .personcard .icon{ width: 13px; margin-right: 5px; height: auto; } .personcard .card_mp{ margin-top: 40px; min-height: 240px; margin-bottom: 20px; } .personcard .card_mp img{ width: 90%; padding: 5px; border: 1px solid #ccc; } .needbox h6{ font-size: 16px; color: #333333; position: relative; font-weight: bold; } .needbox h6:after{ content: ""; position: absolute; left: 0; top: 170%; width: 30px; height: 3px; background: #333; margin-bottom: 25px; } .need_feed p{color: #999;font-size: 14px;margin-bottom: 15px;margin-top: 20px;} .need_feed input{width: 100%;display: block;margin-bottom: 10px; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} .need_feed .yzm{ margin: 20px 0; height: 35px; } /*涓婁竴涓笅涓€涓?/ .point{ clear: both; margin:20px 0px 40px 0px; padding-bottom: 40px; line-height:22px; } .point span.to_prev{ text-align:center; } .point span.to_prev a{ color:#337AB7; } .point span.to_prev a:hover{ color: #ea042b; } .point span.to_next{ text-align:center; } .point span.to_next a{ color:#337AB7; } .point span.to_next a:hover{ color: #ea042b; } /*鏍囩鏍峰紡*/ .tags{ margin: 18px 0px 10px 0px; } .tags a{ margin: 0px 5px 8px 0px; } .tags_list{ padding: 5px 10px 100px 10px; } .tags_ul{ margin-top: 0px; } .tags_ul li{ line-height: 28px; margin-bottom: 8px; padding-bottom: 10px; } .tags_ul h3{ font-size: 14px; padding: 0px; margin: 0px; line-height: 20px; } .tags_ul p{ font-size: 13px; padding: 0px; margin: 0px; color: #777; line-height: 20px; padding-top: 8px; } /*缃戠珯鍦板浘*/ ul.ul_sitemap{ margin: 30px 0px 40px 30px; } ul.ul_sitemap li{ list-style: none; line-height: 26px; clear: both; } ul.ul_sitemap li a{ color: #7d7d7d; } li.small_li_sitemap{ clear: both; padding-left: 12px; } li.small_li2_sitemap{ float: left; padding-left: 20px; } /*鍙嬫儏閾炬帴*/ .link_box{ background-color: #1a1a1d; padding: 20px 0px 20px 0px; text-align: center; color: #999999; font-size: 13px; } .link_box a{ color: #999999; padding:0px 0px 0px 10px; font-size: 13px; } .link_box a:hover{ text-decoration: none; color: #fff; } .link_box a:last-child{ border-right:0px; } .link_box button{ display: none; } .link_title{ font-size: 13px; margin-right: -6px; } .link_title:after{ content:"锛?; } /*搴曢儴TAGS*/ .tags_box{ background-color: #1a1a1d; padding: 5px 0px 20px 0px; text-align: center; color: #999999; font-size: 13px; } .tags_box a{ color: #999999; padding:0px 2px 0px 8px; font-size: 13px; } .tags_box a:hover{ text-decoration: none; color: #fff; } .tags_box a:last-child{ border-right:0px; } .tags_box button{ display: none; } .tags_title{ font-size: 13px; margin-right: -6px; } .tags_title a{ padding:0px; } .tags_title:after{ content:"锛?; } /*鍙嬫儏閾炬帴*/ /*.link_box{ padding: 50px 0px 20px 0px; color: #999999; font-size: 13px; } .link_box a{ color: #5c6477; padding:0px 0px 0px 10px; font-size: 13px; } .link_box a:hover{ text-decoration: none; color: #fff; } .link_box a:last-child{ border-right:0px; } .link_box button{ display: none; } .link_title{ color: #5c6477; font-size: 13px; margin-right: -6px; } .link_title:after{ content:"锛?; } /*搴曢儴TAGS*/ .tags_box{ background-color: #1a1a1d; padding: 5px 0px 20px 0px; text-align: center; color: #999999; font-size: 13px; } .tags_box a{ color: #999999; padding:0px 2px 0px 8px; font-size: 13px; } .tags_box a:hover{ text-decoration: none; color: #fff; } .tags_box a:last-child{ border-right:0px; } .tags_box button{ display: none; } .tags_title{ font-size: 13px; margin-right: -6px; } .tags_title a{ padding:0px; } .tags_title:after{ content:"锛?; }*/ /*搴曢儴淇℃伅*/ footer{ margin-top: 20px; color:#9a9a9a; padding:60px 0px 0 0px; background-color: #151b27; } footer a{color:#9a9a9a;} footer a:hover{color:#9a9a9a;} .footer_logo{ max-width: 196px; } .footer_logo_text{ width: 196px; text-align: center; margin-top: 15px; padding-top: 15px; line-height: 22px; } .footer_sitemap{ color: #9a9a9a; } .footer_sitemap:hover, .footer_sitemap:focus { color: #fff; text-decoration: none; } /*搴曢儴鍒嗙被*/ footer{ margin-top: 20px; color:#9a9a9a; padding:60px 0px 40px 0px; background-color: #333333; border-top: 5px solid #0066d9; } footer a{color:#9a9a9a;} footer a:hover{color:#9a9a9a;} .footer_logo{ max-width: 196px; } .footer_logo_text{ width: 196px; text-align: center; margin-top: 15px; padding-top: 15px; border-top: 1px solid #5f5f5f; line-height: 22px; } .footer_sitemap{ color: #9a9a9a; } .footer_sitemap:hover, .footer_sitemap:focus { color: #fff; text-decoration: none; } /*搴曢儴鍒嗙被*/ .footer_menu a{ color: #9a9a9a; } .footer_menu a:hover{ color: #fff; text-decoration: none; } .footer_menu_first{ font-weight: bold; } .footer_qrcode{ max-width: 130px; } .footer_qrcode_text{ width: 130px; text-align: center; margin-top: 15px; } /* .footer_menu a{ color: #fff; } .footer_menu a:hover{ color: #fff; text-decoration: none; } .footer_menu_first{ position: relative; padding-bottom: 15px; margin-bottom: 15px; font-size: 18px; color: #FFF; font-weight: bold; } .footer_menu_first:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 12px; border-bottom: 2px solid #e2e2e2; } .footer_qrcode{ max-width: 130px; } .footer_qrcode_text{ width: 130px; text-align: center; margin-top: 5px; } */ /*搴曢儴缈昏瘧*/ .translate{ background-color: #005188; } .translate_btn{ width:130px; margin: 0 auto; padding-top:20px; } /*UEditor缂栬緫鍣ㄥ墠绔〃鏍兼牱寮?/ table{ margin-bottom:10px; border-collapse:collapse; display:table; } td,th{ padding: 5px 10px; border: 1px solid #DDD; } caption{ border:1px dashed #DDD; border-bottom:0; padding:3px; text-align:center; } th{ border-top:1px solid #BBB; background-color:#F7F7F7; } table tr.firstRow th{ border-top-width:2px; } .ue-table-interlace-color-single{ background-color: #fcfcfc; } .ue-table-interlace-color-double{ background-color: #f7faff; } td p{ margin:0; padding:0; } /*2020-8-9 淇敼bootstrap鏍峰紡*/ a:hover,a:focus{text-decoration: none !important;} .dropdown-menu{ width: 100% !important; } .nav > li,.dropdown{ position: static; } /*鏂伴椈涓績tab*/ .news-class{ padding:5px 0; margin-bottom:45px; height:45px; text-align:center;} .news-class .lis{ display:inline-block; padding:0 35px; line-height:30px; border:1px solid #aaa; margin:0 8px; border-radius:20px; background-color:#FFF; position:relative; z-index:9;} .news-class .lis{ font-size:18px; color:#333;} .news-class .line03{ height:1px; margin-top:-16px; position:relative; z-index:1; background:url(../images/lin03.png) no-repeat center;} .news-class a:hover.lis,.news-class .cur{ background-color:#074488; color:#FFF;border:1px solid #074488;} .blist{zoom:1; position:relative;padding-top:10px; padding-bottom:10px;} .blist ul{ zoom:1; } .blist .sPrev,.blist .sNext{ position:absolute; left:0; top:200px; display:block; width:26px; height:45px; background:url(../images/in_arrow.png) no-repeat 0 0;z-index: 2; } .blist .sNext{ left:auto; right:0; background-position:-26px 0; } .blist .sPrev:hover,.blist .sNext:hover{ border-color:#f60; } .index-fangan{ width: 100%; padding: 0 0 60px;} .index-fangan h5,.casebox h5{ padding-top: 30px; font-size: 20px; color: #333; padding-bottom: 20px; } .index-fangan .main_pic img,.casebox .main_pic img{width: 90%;display: block;margin: 0 auto;} .index-fangan p,.casebox p{ font-size: 14px; color: #666; line-height: 30px; padding-top: 25px; } .index-fangan li,.casebox li{ transition: 0.3s; float: left; width: 281px; height: 446px; -webkit-box-shadow:0 0px 20px rgba(0,0,0,0.2); box-shadow:0 0px 20px rgba(0,0,0,0.2); -webkit-transform:translate3d(0, -2px, 0); transform:translate3d(0, -2px, 0); margin:0 12px; background-color:#FFF; position:relative; overflow:hidden; } .casebox .swiper-slide{box-shadow: 0 0 5px 2px rgba(137,137,137,0.2);} .index-fangan .ybox{ padding:0 20px;} /*棣栭〉浜у搧*/ .index-pbg{ background-color:#f3f4f7; width:100%; height:auto;} .index-product { padding-bottom: 60px; position:relative;} .index-product-content { overflow:hidden;position:relative;padding-bottom:40px;} .index-product-content .hdbox{ float:left; width:150px;position:relative; } .index-product-content .bdbox{ float:left;position:relative;} .index-product-content .tempWrap{position:relative;} .hdbox .hover-t{padding-bottom:10px;} .hdbox .hover-t a{ font-size:24px; color:#074488;font-weight:bold;} .hdbox li{line-height:28px; } .hdbox li a{ font-size:14px; font-weight:bold;color: #666;} .hdbox li.on{} .hdbox li.on a{ font-size:18px; color:#074488; line-height:none; } .hdbox ul{ margin-bottom:15px; background:url(../images/li_b.jpg) no-repeat left bottom; padding-bottom:15px; height:220px;padding-left: 0;} .bdbox .slideBox{padding:10px; overflow:hidden;} .bdbox ul{overflow:hidden; zoom:1;width: calc(100% - 200px);float:left; _display:inline;} .bdbox ul li{float:left;width:19%;margin-right:15px; _display:inline; overflow:hidden; text-align:center; } .bdbox ul li.null-r{ margin-right:0;} .bdbox ul li .pic{ text-align:center; width:100%; height:auto;background-color:#FFF;border:1px solid #e2e3ea; overflow:hidden;} .bdbox ul li .pic img{ width:100%; display:block;} .bdbox ul li .pic a:hover img{ border-color:#999; } .bdbox ul li .title{line-height:30px; font-size:14px;text-align:center; } .bdbox ul li .title a{color: #333;font-size: 14px;} .bdbox ul li .pic img { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .bdbox ul li:hover .pic img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } /*灏鹃儴*/ .gr-cont { margin-top: 30px; } .gr-cont .des { margin-top: 10px; color: #FFF; font-size: 36px; font-family: fantasy; } .foot-focus { color: #FFF; line-height: 180%; } .foot-focus .tit { margin-top: 15px; margin-bottom: 12px; } .fwx{ position: absolute; right: 18%; bottom: -29px; } .casewarp .swiper-button-prev,.casewarp .swiper-button-next{ display: none; } /*浜у搧鍒楄〃*/ .product_list .img-thumbnail{ border: none; } .product_list .border{ border: 1px solid #ddd; margin-bottom: 20px; position: relative; } .product_list .mask{ position: absolute; left: 0; top: 102%; width: 100%; height: 100%; background: rgba(0,102,217,0.9); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .product_list .product_img{ overflow: hidden; } .product_list .imgbox{ overflow: hidden; } .product_list .mask .txt{ text-align: center; color: #fff; font-size: 14px; } .product_list .mask .intr{ padding: 10px 10px 0 10px; margin-bottom: 10px; color: #fff; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .product_list .mask ul{ overflow: hidden; list-style: decimal; list-style: none; } .product_list .addicon{ position: absolute; right: 10px; bottom: 24px; color: #aaa; transition: all 0.5s; font-size: 35px; font-family: serif; } .product_list .mask ul li{ width: 45%; float: left; padding: 5px 0 5px 2%; margin: 0; line-height: 24px; } .product_list .mask ul li a{ color: #fff; } .product_list .mask .pdt a { display: inline-block; padding: 3px 5px; margin-right: 20px; color: #fff; } .product_list .product_img:hover .mask{ top: 0; } .product_list .product_img:hover .addicon{ color: #084588; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .index_mobile .hdbox .hover-t a{ font-size: 16px; } .index_mobile .hdbox li.on a { font-size: 14px; } /*搴曢儴*/ .copyright{ background: #050b0b; height: 60px; line-height: 60px; color: #fff; font-size: 12px; } .copyright a{color: #fff;} .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .product_slider{ background: #ebf0f5; border-radius: 36px 0 0 0; overflow: hidden; margin-top: 35px; } .product_slider .left_h3{ background: #009fe7; color: #fff; padding-left: 25px; height: 72px; line-height: 72px; margin-top: 0; margin-bottom: 0; } .product_slider .left_h3 span{ border: none; } @media screen and (min-width: 992px) { /*.casebox{width: 90%;display: block;margin: 0 auto;} .casewarp{width: 95%;display: block;margin: 0 auto;}*/ } /*澶у睆骞曟牱寮?/ @media screen and (min-width: 769px) { .casewarp{ display: none; } .index_mobile{ display: none; } .logo { margin:14px 0px 0px 0px; max-width:330px; max-height: 70px; } /*瀵艰埅鏍峰紡*/ .navbar-nav > li:hover .dropdown-menu{ z-index: 20; } .navbar { margin: 0px; border:none; background-color: #fff; min-height: 100px; box-shadow: 0px 3px 4px rgba(0, 0, 0,0.1); } .navbar-nav{ float:right; } .navbar-nav > li { } .navbar-nav > li:first-child { } .navbar-nav > li:last-child { } .navbar-nav > li > a { text-align: center; } .navbar-default .navbar-nav > li > a { color: #333; padding-top: 40px; padding-bottom:40px; transition: none; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: #0066d9 url(../images/nav_hover.jpg) no-repeat center bottom; color: #fff; } .navbar-brand { display: none; } /*瀵艰埅浜岀骇鑿滃崟*/ .dropdown-menu{ border: none !important; box-shadow: none !important; padding: 0 !important; } #app_menudown, #search_btn { display:none; } .mfoot_box { display:none; } .nav_small li{ padding: 60px 0; float: left; } .nav_small li:nth-child(1){ width: 60%; background: #f5f5f5; padding: 59px 5% 50px 5%; min-height: 320px } .link-b.ico_1{background:url(../images/head09.png) no-repeat 8% center} .link-b.ico_2{background:url(../images/head07.png) no-repeat 8% center} .link-b.ico_3{background:url(../images/head14.png) no-repeat 8% center} .link-b.ico_4{background:url(../images/head101.png) no-repeat 8% center} .link-b.ico_5{background:url(../images/head10.png) no-repeat 8% center} .link-b.ico_6{background:url(../images/head102.png) no-repeat 8% center} .link-b.ico_7{background:url(../images/head103.png) no-repeat 8% center} .link-b.ico_8{background:url(../images/head104.png) no-repeat 8% center} .link-b.ico_9{background:url(../images/head08.png) no-repeat 8% center} .link-b.ico_10{background:url(../images/head17.png) no-repeat 8% center} .link-b.cur{color:#fff} .link-b.cur span{background:url(../images/head05.png) no-repeat right 8% center} .link-b.ico_1.cur{background:#0a56ae url(../images/head09_h.png) no-repeat 8% center} .link-b.ico_2.cur{background:#0a56ae url(../images/head07_h.png) no-repeat 8% center} .link-b.ico_3.cur{background:#0a56ae url(../images/head14_h.png) no-repeat 8% center} .link-b.ico_4.cur{background:#0a56ae url(../images/head101_h.png) no-repeat 8% center} .link-b.ico_5.cur{background:#0a56ae url(../images/head10_h.png) no-repeat 8% center} .link-b.ico_6.cur{background:#0a56ae url(../images/head102_h.png) no-repeat 8% center} .link-b.ico_7.cur{background:#0a56ae url(../images/head103_h.png) no-repeat 8% center} .link-b.ico_8.cur{background:#0a56ae url(../images/head104_h.png) no-repeat 8% center} .link-b.ico_9.cur{background:#0a56ae url(../images/head08_h.png) no-repeat 8% center} .link-b.ico_10.cur{background:#0a56ae url(../images/head17_h.png) no-repeat 8% center} .nav_small li:nth-child(2){ width: 40%; background: #fff; padding: 40px 13.5% 30px 6%; } .log-four { width: 25%; float: left; } .log-four .font { padding-left: 22.6%; font-size: 15px; color: #666; display: block; width: 100%; line-height: 27px; text-align: left; } .link-b.ico_105 { background: url(../images/head105.png) no-repeat 8% center; } .link-b.ico_105:hover { background: #0a56ae url(../images/head105_h.png) no-repeat 8% center; } .link-b { padding-left: 22.6%; } .link-b { width: 100%; display: block; float: left; text-align: left; font-size: 15px; color: #333; line-height: 40px; margin-bottom: 5px; transition: background .3s,color .3s; } .about_list .link-b { background-position: 5% center; } .about_list .link-b{ width: 50%; clear: none; float: left; padding: 0 !important; padding-left: 60px !important; line-height: 40px; } .product_img_list{ padding-top:15px; padding-bottom:10px!important; } .about_list .link-b:hover span{ color: #fff; background: url(../images/head05.png) no-repeat right 8% center; } .link-b.cur span { color: #fff; } .link-b span { width: 100%; padding-left:10px; display: block; font-size: 14px; color: #333; line-height:32px; } .log-four .font:hover { color: #d9271b; } .link-b.ico_105.cur { background: #0a56ae url(../images/head105_h.png) no-repeat 8% center; } .link-b.cur span { background: url(../images/head05.png) no-repeat right 8% center; } .link-b.anli{ width: 25%; clear: none; display: inline-block; float: left; } .nav_small li .content { float: left; width: 71.5%; } .nav_small li .content img{ max-width: 100%; } .nav_small li .content p { text-align: left; font-size: 14px; color: #666; line-height: 24px; margin-top: 22px; } .nav_small li .content .more { width: 155px; height: 40px; line-height: 40px; padding-left: 36px; font-size: 14px; background: #0a56ae url(../images/head05.png) no-repeat 103px center; display: block; text-align: left; color: #fff; margin-top: 15px; } } @media screen and (max-width: 1200px) { .newplan .case_border a { height: 150px; } } @media screen and (max-width: 992px) { .newplan .case_border a { height: 100px; } } /*灏忓睆骞曟牱寮?/ @media screen and (max-width: 768px) { .prodPic .list .thumb ul li,.prodPic .list .thumb ul li a{ width: 56px; height: 56px; } .product-xg h3{ width: 100%; height: 40px; line-height: 40px; } .product-xg h3 span{ padding-top: 0; } .product-xg{ height: auto; overflow: hidden; } .newplan{ padding: 15px; margin-right: 0; } .newplan .col-mm-6{ padding-right: 0; } .newplan .case_border a{ height: 120px; } .case_title { min-height: 51px; } .nav > li, .dropdown { position: relative; } .dropdown-menu li a{ text-align: left !important; } .dropdown-menu li .log-four a:nth-child(1){ padding: 5px 15px 5px 25px; color: #000; display: block; } .dropdown-menu li .log-four a:nth-child(n+2){ display: none; } .dropdown-menu li:nth-child(2),.dropdown-menu li img{ display: none; } .addnew .imgbox{ width: 100%; float: none; } .right_new li{ padding: 20px; } .right_new2 li{ font-size: 14px; line-height:42px; padding:0px; } .index_mobile{ } .swiper-wrapper{ height:auto!important; } .swiper-container{ height:auto!important; margin-bottom:40px; } .answer_ul{ margin-bottom:40px; } .hdbox ul{ margin-bottom: 0; height: auto; min-height: 180px; } .index-product-content .ulWrap ul:nth-child(n+3),.index-product-content .bdbox,.product_list .addicon,.copyright{ display: none; } .fwx{ right: 10px; } .mobile_cp ul{width: 100%;} .mobile_cp ul li{ width: 48%; margin: 1%; float: left; } .hdbox li { text-align: center; } .index-product-content .hdbox { width: 100%; } .hdbox .hover-t{ text-align: center; } .mobile_cp ul li .pic { text-align: center; width: 100%; height: auto; background-color: #FFF; border: 1px solid #e2e3ea; overflow: hidden; } .mobile_cp ul li .pic img { width: 100%; display: block; } .mobile_cp ul li .title { line-height: 30px; font-size: 14px; text-align: center; } .mobile_cp ul li .title a { color: #333; font-size: 14px; } /*2020-8-12*/ .index-product-content{ width: 100%; overflow: hidden; } .index-fangan { overflow: hidden; display: none; } .bdbox ul li{ width: 48.5%; border: 1px solid #ededed; margin-bottom: 3%; margin-right: 3%; } .casebox{padding-left: 15px !important;} .index-product-content .bdbox { margin-left: 0px; } .logo { margin:5px 0px 5px 10px; max-width:180px; max-height: 40px; } .navbar { margin: 0px; border:0px; min-height: 50px; background-color: #fff; box-shadow: 0px 3px 4px rgba(0, 0, 0,0.1); } .navbar-default .navbar-brand { color: #0066d9; font-size: 16px; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #fff; } .navbar-toggle { border:none; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border:none; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fff; } .navbar-default .navbar-toggle .icon-bar { } .navbar-default .navbar-nav { margin-top: 0px; margin-bottom: 0px; } .navbar-default .navbar-nav > li:last-child{ border: none; } .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #000; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { background-color: #0066d9; color: #fff; } #app_menudown { position: absolute; top:0px; right:0px; font-size: 16px; } #app_menudown:hover { background-color: #0066d9; } .flash img{ margin-top: 50px; } /*鎵嬫満-棣栭〉浜у搧*/ .product_head { margin-top: 20px; margin-bottom:0px; background-image: none; } .product_head h2,.product_head p { padding: 0; margin:0; } .bread_bg{ margin-top:60px; } .newplan .case_border{height:auto} .case_bg{margin-top:40px;} .ev-module-edit2{width:100%;margin:0; z-index:2;} .ev-module-edit2 P{text-align:center;line-height:28px;} .ev-module-edit h2{text-align:center;font-size:36px;font-weight:400;line-height:1.3} .ev-module-edit2 span{font-size:36px;color:#333333;} .ev-module-edit-box{height:100%;width:100%} .hidden-edit{display:none} /* .product_img_list:last-child{ display:none; } */ .center_tel,.service_cate,.xlMBox{ display:none; } .product_img { min-height: 240px; } .product_list2 div.product_img{ min-height: 240px; } .product_list{ padding-top:10px; } /*鎵嬫満-棣栭〉妗堜緥*/ .case_head h2 { margin-top: 40px; font-size: 26px; } .case_head p { font-size: 14px; margin-top:4px; } .case_img { min-height: 150px; } .case_list2 div.case_img { min-height: 150px; } /*鎵嬫満-棣栭〉鏂伴椈*/ .news_bg{ background-color: #fff; } .news_head{ margin-bottom: 0px; } .news_head h2{ margin-top: 30px; font-size: 26px; } .news_head span{ } .news_head p{ font-size: 14px; margin-top:4px; } .news_h3{ text-align: center; background: url(../images/news_title.jpg) center bottom no-repeat; padding: 10px 0px 10px 0px; margin-bottom: 20px; } .news_ul li{ color:#000; border-bottom: 1px dotted #dddddd; /*background: url(../images/li.png) no-repeat left 15px;*/ line-height:21px; padding:0px; } .news_time, .right_new_time, .news_time_p, .news_des { display: none; } .news_img img{ max-width: 100%; } .news_img a{ font-weight: normal; font-size: 14px; } /*鎵嬫満-棣栭〉鍏徃绠€浠?/ .about_bg{ background-color: #f7f7f7; padding-bottom: 50px; } .about_head{ margin-bottom: 25px; } .about_head2{ padding-top:20px; } .about_head h2{ margin-top: 35px; font-size: 26px; } .about_head span{ } .about_head p{ font-size: 14px; margin-top:8px; } .about_content{ margin-top:0px; } .about_btn{ display: block; width: 200px; margin: 0 auto; margin-top: 20px; margin-bottom: 40px; } /*鎵嬫満-棣栭〉鍚堜綔瀹㈡埛*/ .cooperation_head{ margin-top: 40px; } .cooperation_head p{ font-size: 22px; margin-top:8px; } .cooperation_img{ min-height: 100px; } .page_bg{ display: none; } .right_contents img, .product_con img, .photo_con img { max-width: 100%; } .feedback{ margin-top:20px; } .proinfo_box { margin-bottom: 80px; } #pic-page a img { width:35px; } #cmsFloatPanel{ display: none; } .point span.to_prev, .point span.to_next { text-align:left; padding-bottom: 8px; } /*鎵嬫満-搴曢儴淇℃伅*/ footer { padding-top: 40px; padding-bottom:0px; } .footer_logo, .footer_logo_text { display: none; } .footer_contact { margin-bottom:30px; } .footer_qrcode{ display: block; max-width: 110px; margin: 0 auto; margin-top: 25px; } .footer_qrcode_text { width: 130px; margin: 0 auto; margin-top: 10px; margin-bottom: 35px; } /*鎵嬫満-鍙嬫儏閾炬帴*/ .link_box { padding-left: 7px; margin-bottom: 50px; } .link_box a { display: block; border-right:0px; padding:4px 0px; } .link_title{ display: block; } .link_title:after { content:""; } .link_box button{ display: inline-block; background-color: transparent; border: none; float: right; margin-top: -20px; } .link_box button:hover, .link_box button:focus{ color: #97f3e7; } .link_list{ display: none; padding-top: 7px; } /*鎵嬫満-Tags鏍囩*/ .tags_box{ padding-left: 7px; margin-bottom: 50px; } .tags_box a{ display: block; border-right:0px; padding:4px 0px; } .tags_title{ display: block; } .tags_title:after{ content:""; } .tags_box button{ display: inline-block; background-color: transparent; border: none; float: right; margin-top: -20px; } .tags_box button:hover, .tags_box button:focus{ color: #97f3e7; } .tags_rows{ display: none; padding-top: 7px; } /*鎵嬫満-搴曢儴鎸夐挳*/ .mfoot_box{ background-color: #fafafa; } .mfoot_nav { width:25%; float:left; background-color: #fafafa; text-align:center; color:#898989; cursor:pointer; } .mfoot_nav:hover, .mfoot_nav:focus { background-color: #e4e4e4; cursor:pointer; } .mfoot_nav a { color:#898989; display:block; } .mfoot_nav a:hover, .mfoot_nav a:focus{ text-decoration:none; } .mfoot_nav span { display:block; padding:3px 0px 0px 0px; } .mfoot_share { width: 240px; padding: 5px; } .link-b.ico_3{background:none!important} } @media screen and (max-width: 767px) { .copyright_p,.index_procon{display:none;} } /*320px鍒?68px*/ @media screen and (min-width:320px) and (max-width:768px) { .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 { float: left; } .col-mm-12 { width: 100%; } .col-mm-11 { width: 91.66666667%; } .col-mm-10 { width: 83.33333333%; } .col-mm-9 { width: 75%; } .col-mm-8 { width: 66.66666667%; } .col-mm-7 { width: 58.33333333%; } .col-mm-6 { width: 50%; } .col-mm-5 { width: 41.66666667%; } .col-mm-4 { width: 33.33333333%; } .col-mm-3 { width: 25%; } .col-mm-2 { width: 16.66666667%; } .col-mm-1 { width: 8.33333333%; } } @media screen and (min-width: 992px) { .casewarp .swiper-button-prev,.casewarp .swiper-button-next{ display: block; } } @media screen and (min-width: 1200px) { .bdbox ul{ width: 1320px; } .index-product-content .bdbox{ width: 1030px; } .blist .sPrev{ left:-50px; } .blist .sNext{ right: -65px; } /*.casebox{width: 1110px;display: block;margin: 0 auto;} .casewarp{width: 1200px;display: block;margin: 0 auto;}*/ }