@charset "utf-8";
/*
*/
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead,figure {
border: 0;
font-size: 14px;
font-style: inherit;
font-weight: inherit;
outline: 0;
padding: 0;
margin: 0;
vertical-align: baseline;
}
body{
font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, '瀹嬩綋';
background-color: #ffffff;
color:#333;
}
ul,li,ol {
list-style: none;
background: transparent;
margin-bottom:0;
}
a,a:focus{
text-decoration: none;
color: #333;
}
a:hover{
color: #781b76;
text-decoration: none;
}
a,button,input{
outline: none;
}
select.search-select,option {
border:none;
outline: none;
}
img {
max-width: 100%;
height: auto;
vertical-align: top;
-ms-interpolation-mode: bicubic;
border: 0;
}
textarea{
resize: vertical;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
/* WebKit browsers */
color: #666;
}
input:-moz-placeholder, textarea:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #666;
}
input::-moz-placeholder, textarea::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #666;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #666;
}
.alignleft {
display:inline;
float:left;
margin-right:1.625em;
}
.alignright {
display:inline;
float:right;
margin-left:1.625em;
}
.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto;
}
.fafafa {
background-color: #fafafa;
}
embed,
iframe,
object {
max-width: 100%;
margin:auto;
display:block;
}
table{
margin:15px auto;
border-collapse:collapse;
border:1px solid #aaa;
width:100%;
}
table th {
vertical-align:baseline;
padding:5px 15px 5px 6px;
background-color:#3F3F3F;
border:1px solid #3F3F3F;
text-align:left;
color:#fff;
}
table td {
vertical-align: middle;
padding: 10px;
border:1px solid #aaa;
}
table tr:nth-child(odd) {
background-color:#F5F5F5;
}
table tr:nth-child(even) {
background-color:#fff;
}
#header{
position:relative;
}
#header .top-header {
height: 40px;
line-height: 40px;
background: #fff;
border-bottom: solid 1px #e5e5e5;
}
.header-logo{
display: table;
float:left;
height:100px;
max-width:60%;
}
.header-right{
float:right;
}
.header-phone p{
color: #781b76;
font-size: 18px;
}
.header-phone p i{
margin-right:5px;
}
.logo-url{
display: table-cell;
vertical-align: middle;
}
.logo-url img{
vertical-align: middle;
width:auto;
display:inline-block;
max-height:60px;
}
.header-menu{
background:#f5f5f5;
}
.header-menu>ul>li{
float:left;
position:relative;
height: 54px;
line-height: 54px;
width:10%;
text-align:center;
}
.header-menu>ul>li.current-menu-item>a,.header-menu>ul>li.current-post-parent>a,.header-menu>ul>li.current-product-parent>a{
color: #fff;
background: #781b76;
z-index:99;
}
.header-menu>ul>li>a{
display:block;
font-size: 16px;
position: relative;
color: #111;
}
.header-menu>ul>li:hover>a{
background-color:#781b76;
color:#fff;
}
#slider{position:relative;}
#slider .owl-dots{
position: absolute;
width: 100%;
bottom: 0px;
}
.sea-key,.sea-key a{margin-right:10px;color:#999;}
.search-con form {
position: relative;
width: 100%;
border: solid 1px #e5e5e5;
}
.search-select{
float:left;
height: 32px;
line-height: 32px;
background: #781b76;
color: #fff;
border: none;
padding: 0 5px;
}
.search-input{
border:none;
height: 32px;
line-height: 32px;
background: none;
width: 200px;
color: #111;
padding-left: 10px;
}
.search-con form button {
position: absolute;
right: 1%;
top: 20%;
background: none;
border: none;
color: #111;
font-size: 18px;
line-height: 1;
}
.section-head{
position:relative;
overflow:hidden;
z-index:9;
}
.section-head h2{
color: #781b76;
font-size: 22px;
font-weight:bold;
}
.section-head h2:after,.section-head h2:before {
content: "";
border-top: 1px solid #f5f5f5; /* 涓婅竟妗 --鏁堟灉鍥句腑鐨勬í绾垮氨鏄繖閲岀殑涓婅竟妗 */
display: block;
position: absolute;
width: 10%;
top: 11px; /* 杩欓噷鐨則op鍊积 鏍囬鐨刴argin + 瀛椾綋澶у皬/2 锛?/
}
.section-head h2:before {
left: 32%; /* 宸﹀亸绂 */
}
.section-head h2:after {
right: 32%; /* 鍙冲亸绂 == 宸﹀亸绂 */
}
.section-head p{
color:#fff;
margin: 20px auto 0;
max-width: 700px;
}
.section-head a.btn-more{
display: inline-block;
white-space: nowrap;
padding: 10px 30px;
background-color:#43B66B;
color: #fff;
font-weight: bold;
border-radius: 20px;
}
.youshi{
position: relative;
}
.youshi .section-head h2{color:#fff;}
.iabt_btn li{
color:#fff;
text-align: center;
position: relative;
z-index: 2;
}
.iabt_btn li .number-box {
font-size: 20px;
display: block;
font-weight: bold;
}
.iabt_btn li .number-text {
padding-top: 10px;
display:inline-block;
}
.pro-cat {
text-align: center;
}
.filters li {
display: inline-block;
margin: 0 18px;
}
.filters li span{
display: inline-block;
white-space: nowrap;
padding: 10px 20px;
position: relative;
cursor: pointer;
background-color: #fafafa;
border-radius: 20px;
}
.btn-more a{
display: inline-block;
white-space: nowrap;
padding: 10px 30px;
background-color: #43B66B;
color: #fff;
font-weight: bold;
border-radius: 20px;
}
.filters li.on span {
background-color:#43B66B;
color: #fff;
font-weight: bold;
}
.pro-list .pro-item ,.news-list .news-con{
display: none;
}
.pro-list .on ,.news-list .on {
display: block;
}
.pro-list ul li a {
display: block;
padding: 20px;
box-shadow: 0 15px 40px 0px rgba(22,35,49,.15);
background: #fff;
border-radius: 10px;
transition: all .2s linear;
}
.pro-list ul li a h3{
font-size:16px;
font-weight: 600;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align:center;
}
.news-img a {
display: inline-block;
max-width: 100%;
}
.news-img p{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 10px;
text-align: center;
color: #fff;
background: #111111;
}
.news-con ul{
overflow:hidden;
}
.news-con ul li a{
display:block;
border-top: solid 1px #dedede;
overflow:hidden;
padding: 20px 0;
}
.news-con ul li:nth-child(n+9) a{
border-bottom: solid 1px #dedede;
}
.news-con ul li a h3{
float:left;
max-width:70%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.news-con ul li a span{
float:right;
}
#gallery-1 img{padding:10px;border:none !important;}
.entry-des p{
margin-bottom:10px;
}
.case-con div a,.case-list ul li a{
position: relative;
display: block;
}
.case-con p,.case-list ul li a p{
padding: 10px;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
text-align: center;
color: #fff;
background-color: rgba(0,0,0,0.6);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* 搴曢儴鏍峰紡 */
#footer {
color: #666;
background: #111111;
}
#footer h3 {
font-size: 18px;
color: #ffffff;
margin: 0px 0px 15px;
}
#footer ul li a {
color: #888888;
display:block;
line-height:2;
}
#footer ul li a:hover {
color: #ffffff;
}
#footer .copyr {
border-top: 1px solid #1b1b1b;
}
#footer p a {
color: #666;
}
.friend-link span {
margin-right: 16px;
}
.friend-link a {
font-size: 12px;
line-height: 18px;
margin-right: 16px;
margin-bottom: 10px;
display: inline-block;
color: #666;
}
.friend-link a:hover{
color:#fff;
}
#footer .copyr p {
text-align: center;
padding:0 15px;
}
#footer .tel {
color: #888888;
line-height:2;
}
#footer .tel p strong {
font-size: 22px;
color: #fff;
}
.content iframe,.content embed{
max-width: 100%;
margin: auto;
display: block;
}
/* 渚ц竟鏍忔牱寮 */
.content {
padding: 20px;
background-color:#fff;
}
.sidebar .case-con li:last-child{
margin-bottom:0 !important;
}
.sidebar aside{
margin-bottom:20px;
padding: 20px;
background-color:#fff;
}
.sidebar aside:last-child{
margin-bottom:0;
}
.sidebar .widget-title{
border-bottom: #eee 1px solid;
margin-bottom:10px;
}
.sidebar .widget-title h3{
font-size: 18px;
padding-bottom: 10px;
display: inline-block;
border-bottom: #781b76 2px solid;
}
.sidebar ul.menu li{
background:#eee;
margin-bottom:10px;
}
.sidebar aside ul.menu li a {
display: block;
padding: 10px 0 10px 20px;
}
.sidebar ul.menu li.current-menu-item{
background:#781b76;
}
.sidebar ul.menu li.current-menu-item a{
font-weight:bold;
color:#fff;
}
.widget_recent_entries ul{
margin-top:15px;
}
.widget_recent_entries ul li {
margin-bottom: 10px;
position: relative;
}
.widget_recent_entries ul li a {
height: 20px;
line-height: 20px;
display: block;
overflow: hidden;
}
.widget_recent_entries ul li a:before {
display: inline-block;
vertical-align: 2px;
width: 5px;
height: 5px;
background: #781b76;
border-radius: 50%;
-webkit-border-radius: 50%;
margin-right: 10px;
content: "";
}
.textwidget p{
line-height:2;
}
.entry-meta{
overflow:hidden;
border-bottom: #eee 1px solid;
margin-bottom:20px;
}
.entry-meta h1 {
font-weight: 800;
font-size: 18px;
color: #781b76;
padding-bottom: 10px;
display: inline-block;
border-bottom: #781b76 2px solid;
}
.entry-meta p {
clear:both;
color: #999999;
margin-top:15px;
}
.crumbs a,.crumbs {
padding: 20px 0;
color: #999999;
}
.cp-child {
overflow: hidden;
}
.cp-child .children{
display:none;
}
.cp-child li {
float: left;
margin: 0 10px 20px 0;
}
.cp-child li a {
padding: 8px 15px;
border: 1px solid #dcdcdc;
border-radius: 16px;
-webkit-border-radius: 16px;
display: inline-block;
}
.cp-child li a:hover{
background: #781b76;
color: #fff;
border: 1px solid #781b76;
}
.content-list li{
padding: 20px;
border: 1px dotted #ddd;
background: #fff;
}
.content-list li h2 a{
display:inline-block;
font-size:18px;
float:left;
color:#111;
}
.content-list li:hover h2 a{
color:#781b76;
}
.content-list li h2{
margin-bottom: 15px;
overflow: hidden;
line-height:1.42;
}
.content-list li span{
float:right;
color:#999;
}
.content-list li p{
color: #999999;
}
.entry-content p{
margin-bottom:1em;
font-size: 16px;
line-height: 1.75;
}
.entry-content a{
color: #890e45;
}
.entry-content div{
margin-bottom:1em;
max-width: 100%;
font-size: 16px;
}
.entry-content h2 {
font-size: 20px;
font-weight: bold;
margin: 20px 0px 15px;
}
.entry-content h2:first-child{
margin: 0px 0px 15px;
}
.entry-content h3 {
font-size: 18px;
font-weight: bold;
margin: 20px 0px 15px;
}
.entry-content h4 {
font-size: 18px;
font-weight: bold;
margin: 20px 0px 15px;
}
.entry-content h3:first-child{
margin: 0px 0px 15px;
}
.entry-content ul {
list-style: disc;
margin: 15px 0 15px 30px;
}
.entry-content ul li {
list-style: disc;
font-size: 16px;
line-height: 1.6;
}
.entry-content ol {
list-style: decimal;
margin: 15px 0 15px 30px;
}
.entry-content ol li {
list-style: decimal;
font-size: 16px;
line-height: 1.6;
}
.entry-content blockquote {
border-left: 5px solid #eee;
margin: 20px;
padding: 5px 10px;
clear: both;
}
.gallery .gallery-item{
padding:10px;
}
.gallery .gallery-item img{
border: none !important;
}
div.wp-caption{
max-width:100%;
}
p.wp-caption-text,dd.wp-caption-text{
text-align: center;
margin-top: 10px;
font-weight: bold;
font-size:16px;
}
.single-header{
margin-bottom:10px;
border-bottom: 1px dotted #cccccc;
}
.single-header h1 {
font-size: 22px;
line-height: 1.4;
font-weight: bold;
}
.single-header .single-meta {
overflow: hidden;
padding: 10px;
color: #999999;
}
.single-header div {
display: inline-block;
margin-right: 10px;
}
.single-meta .crumbs{
line-height: 36px;
}
#nav-single div{
height: 30px;
line-height: 30px;
overflow: hidden;
}
/* 浜у搧涓績鏍峰紡寮€濮 */
.product-info{
border-bottom: solid 1px #dedede;
padding-bottom: 20px;
}
.product-info h1{
font-size: 22px;
font-weight: bold;
color: #111;
line-height: 1.42;
}
.product-info .bdsharebuttonbox {
float: left !important;
}
.product-main h3{
font-weight: 800;
font-size: 18px;
padding: 10px 0;
}
.cp-cat,.cp-cat a ,.cp-des h3{
font-size: 16px;
font-weight: bold;
color: #323232;
}
.cp-des p{
line-height: 2;
color: #999999;
}
.cp-con .bdsharebuttonbox {
display:inline-block;
float: left !important;
}
.navigation {
text-align: center;
display:block;
}
.navigation a,
.navigation span {
display: inline-block;
border: 1px solid #fafafa;
padding: 10px 20px;
margin: 0 1px;
background: #fff;
}
.navigation .current {
background: #781b76;
color: #fff;
text-decoration: none;
border: 1px solid #781b76;
}
.screen-reader-text{
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
/* 浜у搧涓績鏍峰紡缁撴潫 */
.cp-xg h3 {
font-size: 18px;
font-weight: bold;
margin-bottom:20px;
}
.wpcf7 label,.wpcf7 input,.wpcf7 textarea{
width:100%;
border: #781b76 1px solid;
}
.wpcf7-submit{
background: #781b76;
border: none;
padding: 10px 30px;
color: #fff;
font-size: 16px;
}
.single-info {
color: #999999;
border-bottom: 1px dashed #ddd;
padding-bottom: 20px;
margin: 20px 0;
overflow: hidden;
}
.no4 p{
font-size: 18px;
color: #111;
font-weight: bold;
margin-bottom:20px
}
.no4 ul li {
background-color: #781b76;
display: inline-block;
padding: 10px 20px;
margin-left: 10px;
border-radius: 20px;
}
.no4 ul li a{
color: #fff;
display: inline-block;
}
.rtbar{ display:none; position:fixed; top:200px; right:0; width:50px; height:203px; z-index:10;}
.rtbar li{ width:62px; height:50px; z-index:20; }
.rtbar li.rtbar1,.rtbar li.rtbar4{ position:absolute; left:0;}
.rtbar li.rtbar1{ top:0; width:172px; }
.rtbar li.rtbar2{ position:absolute; top:51px; left:0;width:126px;}
.rtbar li.rtbar3{ position:absolute; top:102px; left:0; width:126px; }
.rtbar li.rtbar4{ top:153px;}
.rtbar4{ position:absolute; top:102px; left:0;}
.rtbar li a{ display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#93d03a; opacity:0.8; border-radius:6px;}
.rtbar li a .fa{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;font-size: 24px;}
.rtbar li a:hover{ background-color:#781b76; opacity:1;}
.apply {
display: none;
}
.apply a {
font-size: 20px;
width: 50%;
text-align: center;
height: 50px;
line-height: 50px;
display: inline-block;
float: left;
color: #fff;
}
.apply a.bm-phone {
background-color: #f5643f;
}
.apply a.bm-form {
background-color: #ed740b;
}
.apply a i {
margin-right: 10px;
}