/*
Theme Name:zbuniversal
Theme URI: http://moyublog.com
*/
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin:0; padding:0;}
body {font:100%/1.75em tahoma,Arial,'Microsoft Yahei','SimSun'; }
a {text-decoration:none; color:#555;}
a:hover {color:#E04D47;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;display: block;}

.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


img.alignleft {float:left; margin:0 15px 15px 0;}
img.aligncenter {display:block; margin:0 auto;}
img.alignright {float:right; margin:0 0 15px 15px;}
/*searchbar*/
#simplemodal-container {background:rgba(0,0,0,.6); position:fixed; left:0; top:0; width:100%; height:100%; color:#fff; padding:12px 12px 40px; z-index:999; display:none;}
#searchbar {display:none; width:300px; height:100px; position:fixed; top:50%; margin-top:-50px; left:50%; margin-left:-150px;  background-color:#767FBA; padding:8px; text-transform:uppercase; font-size:0.875em; text-align: center; z-index:1000;}
#searchbar p {margin-bottom:10px; color:#fff;}
#searchbar form input {text-transform: none; border: medium none; background:#fff; color: #333; height: 30px;}
#searchbar .submit {cursor:pointer; -webkit-appearance:none;}
/*header*/
#header {background:#fff; width:100%;top:0;}
#header.fixed {position:relative; left:0; top:0; z-index:999; transition:all 0.5s ease-in 0s; padding-top:10px;}
.header {position:relative;}
.header,.breadcrumb,#service,#products,#news,.showcase,#contactUs,.footer,#container,#productsBox{width:1200px; margin:0 auto;}
.header .searchBtn {background:url(../images/search.png) no-repeat center 12px; width:40px; height:36px; float:right; margin-top:1px; display:inline-block; cursor:pointer;}
.header .searchBtn a {display:block; width:40px; height:36px;}
.header .logo {float:left; width:300px; margin:20px 20px 15px 0px; display:inline; height:auto;}
.header .logo img {display:block; width:100%; height:auto;}
 .menu {margin:0 auto; height:55px; width:1000px;}
.menu ul {width:100%;border-top:1px solid #ccc;}
 .menu ul li {float:left; line-height:54px; position:relative;border-left:1px solid #0054A7;}
 .menu ul li a {display:block; float:left; padding:0 20px;font-size: 18px;font-weight: bold;color: #fff;}
 .menu ul li a:hover,.header .menu ul li a.on,.header .menu ul li.current-menu-item a,.header .menu ul li.current-post-parent a,.header .menu ul li a.onclick {background:#fff; color:#0054A7;}
 .menu ul li ul {position:absolute; left:0; top:45px; width:200px; background:#fff; border-radius:5px; display:none;  z-index:99;}
 .menu ul li ul span {border-bottom:8px solid #fff; border-left:8px solid transparent; border-right:8px solid transparent; position:absolute; top:-9px; left:40px;}
 .menu ul li ul li {float:none; padding:10px 15px; line-height:1.75em;}
.menu ul li ul li:hover {background:#0054A7;color:#fff !important;}
 .menu ul li ul li a {float:none; clear:both;}
 .menu ul li ul li a:hover {background:#0054A7;color:#fff;}
.menu ul li ul li a,.header .menu ul li ul li a.on {color:#0054A7;}
.header .language {float:right;margin-right: 10px;font-size: 0.7em;}
.header .language span {display:inline-block; float:left; width:25px; height:25px; background:#929292; color:#fff; text-align:center; line-height:25px; font-size:0.875em; border-radius:50%; margin-left:5px; cursor:pointer;}
.header .language span a {display:block; width:25px; height:25px; border-radius:50%; color:#fff;}
.header .language span.on {background:#E04D47;}
.header_top{width:820px;float:left;}
.btn {float:right; height:22px; line-height:22px; color:#E04D47; cursor:pointer; padding-top:7px; font-size:1.25em; display:none;}
.btn span {float:left; font-size:0.875em; padding-right:2px;}
.btn i {font-size:1.25em;}
.current {background:#fff; color:#0054A7 !important;}
.header_top .header_toptitle{float:left;margin-left:50px;margin-top: 49px;width: 336px;background-image: url(/uploads/toubu.jpg);height: 59px;}
.header_top .header_toptitle .header_toptitlefont1{font-size:28px;color: red;}
.header_top .header_toptitle .header_toptitlefont2{font-size:19px;color: red;}
.header_top  .header_topright{float: right;margin-top: 49px;width: 382px;background-image: url(/uploads/dh.jpg);height: 50px;}
.header_top  .header_topright .header_toprightspan{color:#0054A7;float: left;font-size:30px;margin-left:8px;margin-top: 32px;}
.header_top  .header_topright .header_toprightfont{font-size:22px;color:#666;float: left; margin-left: 10px;margin-top:33px;}
.socialSns_rss{
	display: inline-block;
    width:50px;
    height:50px;
    text-indent: -9999em;
    background: url(../img/icon-tel.png) no-repeat;
    opacity: 0.65;
	float: left;
    margin-top: 17px;
	background-size: cover;	
}
/*nav*/
#nav {position:fixed; height:100%; background:#E04D47; width:0; left:0; top:0; z-index:1000; color:#fff; font-size:0.875em; overflow:hidden;}
#nav a {color:#fff; display:block; width:90%; padding-left:10%; border-bottom:1px solid #d04D47; border-top:1px solid #ED4646; line-height:3em;}
#nav ul li li a{padding-left:20%; width:80%;}
#nav ul li a:hover {background:#ED4646;}
/*breadcrumb*/
#breadcrumb {background:#F2F2F2; height:30px; border-bottom:1px solid #E4E4E4; line-height:30px; width:100%; clear:both; overflow:hidden;}
.breadcrumb .left {float:left; width:900px;}
.breadcrumb .left h3,.breadcrumb .right h3 {font-weight:normal; font-size:0.75em; background:url(../images/arrow-right.png) no-repeat right center; padding-right:20px; float:left;}
.breadcrumb .left .notice {float:left; font-size:0.75em; padding:0px 5px; height:30px; position:relative; line-height:30px; overflow: hidden; width:80%;}
.newsList,.swap{line-height:30px;left:10px;}
.breadcrumb .left .notice a:hover {text-decoration:underline;}
.breadcrumb .right {float:right;}
.breadcrumb .right .weibo {padding:4px 5px 0; width:67px; float:left;}
/*allTitle*/
.allTitle {margin-bottom:30px;}
.allTitle span{background:#E04D47; padding:3px 10px; color:#fff; font-size:1em; border-radius:5px;}
/*service*/
#service,#products,#news,#contactUs {background:#fff; padding:30px 10px; overflow:hidden;}
#service {padding:30px 10px 0;}
#service .serviceBox {float:left; position:relative; width:380px; padding:0 10px 30px;}
#service .serviceBox i {float:left; color:#E04D47; letter-spacing:0.5em;}
#service .serviceBox .serviceBoxInfo {float:left; width:326px;}
#service .serviceBox .serviceBoxInfo h3 {font-weight:normal; font-size:1em; line-height:1em;}
#service .serviceBox .serviceBoxInfo h3 a {color:#000;}
#service .serviceBox .serviceBoxInfo .line {width:20%; background:#ddd; height:3px; border-radius:1px; margin:15px 0 15px 48px;}
#service .serviceBox .serviceBoxInfo .serviceBoxTxt {font-size:0.75em; color:#444;}

/*about*/


#aboutUs,#showcase {background:#F9F9F9; border-top:1px solid #ddd; padding:30px 0;}
.aboutUs{width:600px;float:left}
.aboutUs {overflow:hidden;}
.aboutUs .allTitle {text-align:left;}
.aboutUs .aboutUsThumb {float:left; width:375px;}
.aboutUs .aboutUsThumb img {width:95%; height:auto;}
.aboutUs .aboutUsTxt {font-size:0.875em;}
.aboutUs .aboutUsTxt p {margin-bottom:15px;}
.aboutUs .aboutUsTxt p.more {text-align:right;}
.aboutUs .aboutUsTxt p.more a{padding:3px 10px; background:#E04D47; color:#fff; font-size:0.875em; border-radius:4px;}
.aboutUs .aboutUsTxt p.more a:hover {opacity:0.9;}
/*products*/
#products {border-bottom:1px solid #ddd;}
.productsMenu,#news .newslist .newsMenu ul,.productsBoxMenu ul {overflow:hidden; margin-bottom:20px;}
.productsMenu ul li,#news .newslist .newsMenu ul li,.productsBoxMenu ul li {float:left; color: #5C5C5C; padding:8px 12px; background:#EEE; margin:5px 10px 5px 0; display:inline; font-size:1em; border-radius:3px; cursor:pointer;}
.productsMenu ul li.on,#news .newslist .newsMenu ul li.on,.productsBoxMenu ul li.on {background:#E04D47; color:#fff;}
.productsBoxMenu ul li.on a{ color:#fff;}
.productsAll .hide,#news .newslist .newsBox .hide {display:none;}
.productsList {clear:both; overflow:hidden;}
.productsList ul {overflow:hidden; width:100%;display: flex;
    flex-wrap: wrap;}
.productsList ul li {width:265px; float:left; margin:20px 40px 20px 0;}
.productsList ul li .productsThumb {width:100%; height:auto; max-height:245px; overflow:hidden; position:relative;}
.productsList ul li .productsThumb img {width:100%; height:auto; display:block;}
.onBackground {background:rgba(224, 77, 71, 0.4); width:100%; height:100%; position:absolute; left:0; top:0; display:none;}
.onBackground a {display:block; width:100%; height:100%; color:#fff; font-size:2.25em;}
.productsList ul li .productsThumb  .onBackground span {display:block; width:40px; height:40px; background:#E04D47; text-align:center; line-height:35px; position:absolute; top:50%; left:50%; margin-left:-20px; margin-top:-20px; border-radius:5px; opacity:0.9; color:#fff}
.productsList ul li p {font-size:0.875em; padding:10px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
/*#news*/

/*.showcase .allTitle {text-align:right;}*/
/*contactUs*/
#contactUs .allTitle {text-align:center;}
.contactForm {width:550px; float:left; overflow:hidden; padding-left:3px;}
.contactForm input {border:none;}
.contactForm input[type="text"]:hover,.contactForm input[type="email"]:hover,#contactUs .contactForm input[type="text"]:focus,.contactForm input[type="email"]:focus,.contactForm textarea:hover,.contactForm textarea:focus {border:1px solid #E04D47; box-shadow:0px 0px 3px #E04D47; transition:all 0.4s ease-in 0s;}
.contactForm .inputBox {float:left; width:250px; margin-right:25px; display:inline;}
.contactForm label {display:block; margin-bottom:5px; color:#555;}
.contactForm .text {border:1px solid #ddd; height:25px; padding:10px 4%; width:92%; margin-bottom:20px; transition:all 0.4s ease-in 0s;font-size:0.875em; font-family:'Microsoft Yahei';}
.contactForm textarea {clear:both; border:1px solid #ddd; padding:10px; width:503px; height:140px; transition:all 0.4s ease-in 0s;font-size:0.875em; font-family:'Microsoft Yahei';}
.contactForm .wpcf7-submit {background:#E04D47; color:#fff; cursor:pointer; padding:10px; margin-top:20px; transition:background 0.4s ease-in 0s; font-size:0.875em; font-family:'Microsoft Yahei'; -webkit-appearance:none;}
.contactForm .wpcf7-submit:hover{background:#5C5C5C; transition:background 0.4s ease-in 0s;}
.contactInfo {width:550px; float:right;}
.contactInfo h3 {font-weight:normal; font-size:1em; margin-bottom:20px;}
.contactInfo .contactTxt {font-size:0.875em; color:#555; margin-bottom:20px;}
.contactInfo .contactTxt ul li {line-height:2.5em; font-size:1.125em; letter-spacing:1px;}
.contactInfo .contactTxt ul li i {padding-right:10px; color:#E04D47;}
.contactInfo .contactTxt ul li a {color:#E04D47;}
/*banner*/
#banner {width:100%; overflow:hidden; height:auto;}
#banner img {width:100%; height:auto; display:block;}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child {position: relative; display: block; float: left;}
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0;}
.rslides_container {float: left;width: 100%;background-image: url(/templets/jiuding/img/chanping.jpg);height: 357px;top: 192px;}
.centered-btns_nav {z-index: 3;	position: absolute;	-webkit-tap-highlight-color: rgba(0,0,0,0);	top: 50%; left: 0; opacity: 0.7;	text-indent: -9999px;overflow: hidden;	text-decoration: none;	height: 61px;width: 38px;background: transparent url("../images/arrow.gif") no-repeat left top;margin-top: -45px;}
.centered-btns_nav:active {opacity: 1.0;}
.centered-btns_nav.next {left: auto;	background-position: right top;	right: 0;}
.transparent-btns_nav {z-index: 3;position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);	top: 0;	left: 0;display: block;	background: #fff;opacity: 0;filter: alpha(opacity=1);width: 48%;text-indent: -9999px;overflow: hidden;height: 91%;}
.transparent-btns_nav.next {left: auto;	right: 0;}
.large-btns_nav {z-index: 3;	position: absolute;	-webkit-tap-highlight-color: rgba(0,0,0,0);	opacity: 0.6;text-indent: -9999px;overflow: hidden;	top: 0;	bottom: 0;	left: 0;background: #000 url("../images/themes.gif") no-repeat left 50%;width: 38px;}
.large-btns_nav:active {	opacity: 1.0;}
.large-btns_nav.next {left: auto;background-position: right 50%;	right: 0;}
.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {outline: none;}
.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {text-align: center;position: absolute;	bottom: 5%;	width: 100%;z-index: 9;}
.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {display: inline;	float: none;_float: left;*float: left;	margin-right: 5px;}
.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {text-indent: -9999px;overflow: hidden;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;	background: #ccc;background: rgba(255,255,255, .8);	display: inline-block;	_display: block;	*display: block;-webkit-box-shadow: inset 0 0 2px 0 rgba(255,255,255, .9);-moz-box-shadow: inset 0 0 2px 0 rgba(255,255,255, .9);box-shadow: inset 0 0 2px 0 rgba(255,255,255, .9);	width: 9px;height: 9px;}
.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {background: #222;background: rgba(224,77,71, 1);	-webkit-box-shadow: inset 0 0 2px 0 rgba(224,77,71, 1);	-moz-box-shadow: inset 0 0 2px 0 rgba(224,77,71, 1);box-shadow: inset 0 0 2px 0 rgba(224,77,71, 1);}
/*container*/
#container {overflow:hidden;}
.content {
    width: 980px;
    margin: 0 auto;
    padding: 10px 0 20px;
}
.questionlist {
    position: relative;
    margin-bottom: 10px;
    padding: 18px 20px;
    border-radius: 2px;
    background-color: #fff;
}
.sort-lst li {
    position: relative;
    border-bottom: 1px solid #f5f5f5;
}
.sort-lst li a{line-height: 43px;display: block;overflow: hidden;padding: 0 4px;font-size: 14px;}
.sort-lst li span {font-size: 14px;line-height: 43px;
    position: absolute;
    top: 0;
    right: 4px;
    color: #a3a3a3;
}
#footer {
    background: #e6e6e6;
    padding: 20px 0;
}
.copyright {
    font-size: 0.75em;
    color: #666;
    text-align: center;
}
.pagination-wrapper {
    clear: both;
    padding: 1em 0 2em 0;
    text-align: center;
}
.pagination {
    display: inline-block;
    font-size: 12px;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
    list-style: none;
    display: inline;
    line-height: 1em;
    text-decoration: none;
    border: 1px solid #ddd;
    border-left-width: 0;
}
.pagination li:first-child {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px;
}
.pagination li a {
    display: inline-block;
    padding: .5em .8em;
    background-color: #f9f9f9;
    color: #999;
}
.bread {
    font-size: 14px;
    color: #9eadb6;
    width: 1200px;
    margin: 0 auto;
}
.conseo {width:1200px; float:left;font-size: 14px;color: #DEDDDD;}
.seo_title {width: 100px;float: left;}
.seojscon {;overflow: hidden;width:1100px;float:left;}
.seojscon ul li { width: auto;float: left;margin-right: 20px;}
.seojscon ul li a{color: #DEDDDD;}