/*
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 {background:#fff; font:100%/1.75em tahoma,Arial,'Microsoft Yahei','SimSun'; overflow-x:hidden;}
a {text-decoration:none; color:#555;}
a:hover {color:#E04D47;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}

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%; border-bottom:2px solid #E04D47; padding:31px 0; transition:all 0.5s ease-in 0s;}
#header.fixed {position:fixed; left:0; top:0; z-index:999; transition:all 0.5s ease-in 0s; padding:10px 0;}
.header {position:relative;}
.header,.breadcrumb,#service,.aboutUs,#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:160px; margin-right:20px; display:inline; height:auto;}
.header .logo img {display:block;
 /*width:100%; */
 height:auto;}
.header .menu {float:right; height:38px;
 /*width:750px;*/ 
 }
.header .menu ul {width:100%;}
.header .menu ul li {float:left; line-height:38px; padding:0 2px 10px; position:relative;}
.header .menu ul li a {display:block; float:left; padding:0 10px; }
.header .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:#e8f0f4; color:#fff;
 border-radius:4px;}
.header .menu ul li ul {position:absolute; left:0; top:45px; width:200px; background:#E04D47; border-radius:5px; display:none;  z-index:9;}
.header .menu ul li ul span {border-bottom:8px solid #E04D47; border-left:8px solid transparent; border-right:8px solid transparent; position:absolute; top:-9px; left:40px;}
.header .menu ul li ul li {float:none; padding:10px 15px; line-height:1.75em;}
.header .menu ul li ul li:hover {background:#e8f0f4;;color:#555;}
.header .menu ul li ul li a {float:none; clear:both;}
.header .menu ul li ul li a:hover {background:#e8f0f4;color:#555;}
.header .menu ul li ul li a{color:#fff;}

.header .language {float:right; padding-top:6.5px;}
.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;}
.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:#0293d2; color:#fff; border-radius:4px;}
/*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;background: url(../images/1002.gif) no-repeat left;}
.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:5px; float:left;    margin-left: 50px;}
.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; display:inline-block; position:absolute; top:0; left:10px;}
.swap{top:30px;}
.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:30%; background:#ddd; height:3px; border-radius:1px; margin:15px 0 15px 48px;}
#service .serviceBox .serviceBoxInfo .serviceBoxTxt {font-size:0.875em; color:#444;}
/*about*/
#aboutUs,#showcase {background:#F9F9F9; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px 0;}
.aboutUs {overflow:hidden;}
.aboutUs .allTitle {text-align:left;}
.aboutUs .aboutUsThumb {float:left; width:550px;}
.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:4px 8px; 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:1240px;display: flex;
    flex-wrap: wrap;}
.productsList ul li {width:270px; 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 h2 {font-size:0.875em; padding:10px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
/*#news*/
#news .partner {float:right; width:540px;}
#news .partner .allTitle {text-align:right;}
#news .partner ul {overflow:hidden;}
/*#news .partner ul li {float:left; width:158px; margin:10px 0 10px 20px;}*/
#news .partner ul li {
    float: left;
    width: 178px;
    height: 120px;
    /* margin: 10px 0 10px 20px; */
    border: #e8e8e8 solid 1px;
}

#news .partner ul li a {display:block;}
#news .partner ul li img {width:100%; display:block; 
/*filter:grayscale(100%); 
opacity:0.65;*/}
#news .partner ul li img:hover {opacity:0.8; filter:none;}
#news .newslist {float:left; width:610px; padding-right:50px;}
#news .newslist .newsMenu ul li {float:left;}
#news .newslist .newsBox ul li {font-size:0.75em; overflow:hidden;}
#news .newslist .newsBox ul li span {float:right; font-size:0.75em; color:#888;}
#news .newslist .newsBox ul li i {color:#E04D47; font-style:normal;}
/*showcase*/
#showcase ul.bxslider img {transition:transform 0.5s ease-in 0s;}
#showcase ul.bxslider img:hover {transform:scale(1.3,1.3); transition:transform 0.5s ease-in 0s; opacity:0.8;}
#showcase ul.bxslider li {overflow:hidden;}
/*.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 {position: relative; float: left;	width: 100%; overflow:hidden;}
.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.html") 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; padding:30px 0;}
.sidebar {float:left; width:280px;}
.sideMenu,.widget {margin-bottom:25px;}
.sideMenu h3 {background:#E04D47; font-weight:normal; color:#fff; padding:5px 20px; border-radius:4px 4px 0 0; font-size:0.875em; border-bottom:1px solid #000;}
.sideMenu a {color:#fff;}
.sideMenu a:hover {color:#fff;}
/*.sideMenu ul li a {display:block; background:#222; border-bottom:1px solid #000; border-top:1px solid #333; padding:5px 20px; font-size:0.875em;}*/
.sideMenu ul li a {display:block;
 background:#e8f0f4; 
 border-bottom:1px solid #fff;
 border-top:1px solid #e8f0f4; 
 padding:5px 20px; 
 font-size:0.875em;
 color:#555;}
.sideMenu ul li a:hover {background:#0293d2;}
.sideMenu ul li p {
    border: 1px solid #e8f0f4;
    padding: 5px 20px;
    font-size: 0.8em;
    color: #555;
}
.widget {border:1px solid #ddd; overflow:hidden;}
.widget h3 {font-size:0.9em; font-weight:normal; background:#eee; border-top:2px solid #E04D47; border-bottom:1px solid #dedede; padding:3px 20px;}
.widget ul,.widget .tagcloud,.widget .searchform {padding:5px 10px;}
.widget ul li {font-size:0.75em; border-bottom:1px solid #eee; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.widget ul li a:hover {text-decoration:underline;}
.widget img {max-width:100%; height:auto;}
.widget .textwidget {padding:10px;}
.widget p {font-size:0.875em;}
.widget .searchform {font-size:0.875em;}
.widget .searchform .screen-reader-text {color:#E04D47;}
.widget .searchform #s {border:1px solid #ddd; height:25px; line-height:25px;}
.widget .searchform #searchsubmit {border:none; background:#E04D47; color:#fff; height:25px; cursor:pointer; -webkit-appearance:none;}
.widget #calendar_wrap #wp-calendar {width:100%;}
.widget #calendar_wrap #wp-calendar caption {border:1px solid #ccc; border-bottom:none; padding:5px 0;}
.widget #calendar_wrap #wp-calendar thead {border-bottom:1px solid #ccc;}
.widget #calendar_wrap #wp-calendar thead tr {border-right:1px solid #ccc;}
.widget #calendar_wrap #wp-calendar #today {background:#E04D47; color:#fff;}
.widget h3 img {float:right; padding-top:8px;}
.widget table {width:100%; text-align:center;}
.widget table a {font-weight:bold; color:#f00;}
/*main*/
.main {float:right; width:865px;}
.main h1 {
    font-weight: normal;
    font-size: 1.5em;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.newsBox,.itemList {overflow:hidden; margin-bottom:25px;}
.newsBox h3,.itemList h3 {font-size:1em; font-weight:normal; margin-bottom:10px; border-bottom:1px solid #ddd; padding-bottom:8px; color:#E04D47; font-family:'Microsoft Yahei';}
.newsBox h3 a {color:#E04D47;}
.newsBox ul li {font-size:0.8em; color:#555; border-bottom:1px solid #eee; 
/*height:40px; line-height:40px;*/
 overflow:hidden;  margin-bottom: 10px;}
.newsBox ul li i {padding-right:5px; color:#777; font-size:0.875em;}
.newsBox ul li a {color:#555; padding-right:20px;
 font-size: 1.2em;
 
}
.newsBox ul li a:hover {text-decoration:underline; color:#E04D47;}
.newsBox ul li span {float:right; font-size:0.875em; color:#888;}
/*productsBoxMenu*/
#productsBox {padding:30px 0;}
#productsBox .productsList h3 {font-family:'Microsoft Yahei'; font-weight:normal; height:45px; line-height:45px;}
#productsBox .productsList h3 span {border-bottom:2px solid #E04D47; padding:0 10px 8px;}
/*itemList*/
.itemList ul {width:906px; overflow:hidden;}
.itemList ul li {float:left; 
/*width:260px;*/
 margin-right:42px; margin-top:20px; text-align:center;}
.itemList ul li .thumbnail {width:100%; height:auto; 
/*max-height:200px; */
max-height:231px; 
overflow:hidden; position:relative;}
.itemList ul li .thumbnail img {max-width:100%; height:auto; display:block; transition:transform 0.4s ease 0s;}
.itemList ul li h2 {height:35px; line-height:35px;font-size:0.875em; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*bxslider*/
.bx-wrapper {position: relative;  margin: 0 auto 10px;  padding: 0;  *zoom: 1;  -ms-touch-action: pan-y;  touch-action: pan-y;}
.bx-wrapper img {  max-width: 100%;  display: block; border: 1px #e8f0f4 solid;}
.bxslider {  margin: 0;  padding: 0;}
ul.bxslider {  list-style: none;}
.bx-viewport {-webkit-transform: translatez(0);}
.bx-wrapper {  -webkit-box-shadow: 0 0 5px #ccc;  box-shadow: 0 0 5px #ccc;  border: 5px solid #fff;  background: #fff;    font-size: 0.875em;
    text-align: center;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {  position: absolute;  bottom: -30px;  width: 100%;}
.bx-wrapper .bx-loading {  min-height: 50px;  background: url(../images/bx_loader.gif) center center no-repeat #fff;  height: 100%;  width: 100%;  position: absolute;  top: 0;  left: 0;  z-index: 2000;}
.bx-wrapper .bx-pager {  text-align: center;  font-size: .85em;  font-family: Arial;  font-weight: bold;  color: #666;  padding-top: 20px;}
.bx-wrapper .bx-pager.bx-default-pager a {  background: #666;  text-indent: -9999px;  display: block;  width: 10px;  height: 10px;  margin: 0 5px;  outline: 0;  border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {  background: #000;}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {  display: inline-block;  *zoom: 1;  *display: inline;}
.bx-wrapper .bx-pager-item {  font-size: 0;  line-height: 0;}
.bx-wrapper .bx-prev {  left: 10px;  background: url(../images/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {  background-position: 0 0;}
.bx-wrapper .bx-next {  right: 10px;  background: url(../images/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {  background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {  position: absolute;  top: 50%;  margin-top: -16px;  outline: 0;  width: 32px;  height: 32px;  text-indent: -9999px;  z-index: 998;}
.bx-wrapper .bx-controls-direction a.disabled {  display: none;}
.bx-wrapper .bx-controls-auto {  text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {  display: block;  text-indent: -9999px;  width: 10px;  height: 11px;  outline: 0;  background: url(../images/controls.png) -86px -11px no-repeat;  margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {  background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {  display: block;  text-indent: -9999px;  width: 9px;  height: 11px;  outline: 0;  background: url(../images/controls.png) -86px -44px no-repeat;  margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {  background-position: -86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {  text-align: left;  width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {  right: 0;  width: 35px;}
.bx-wrapper .bx-caption {  position: absolute;  bottom: 0;  left: 0;  background: #666;  background: rgba(80, 80, 80, 0.75);  width: 100%;}
.bx-wrapper .bx-caption span {  color: #fff;  font-family: Arial;  display: block;  font-size: .85em;  padding: 10px;}
/*post*/
.post h2 {font-weight:normal; font-size:1.3em; text-align:left; border-bottom:1px solid #ddd; padding-bottom:15px;margin: 15px 0;}
.post h1 {font-weight:normal; font-size:1.5em; text-align:center; border-bottom:1px solid #ddd; padding-bottom:15px;margin-bottom: 15px;}
.post .postmeta {font-size:0.75em; color:#999; text-align:center; padding:5px 0; margin-bottom:15px;}
.post .postmeta span {padding:0 3px;}
.post .entry {font-size:0.875em;  margin-bottom:15px;}
.post .entry blockquote {background:#f5f5f5; border:1px solid #ddd; padding:15px 2em; padding-bottom:0;}
.post .entry p,.post .entry blockquote {margin-bottom:15px;}
.post .entry ul,.post .entry ol {padding-left:2em; margin-bottom:15px;}
.post .entry img {width:auto !important; max-width:100% !important; height:auto !important;    float: left;
   margin-right: 10px; border: 1px #e8f0f4 solid;}
.post .entry ul li {list-style:inside disc none; margin-bottom:5px;}
.post .entry ol li {list-style:inside decimal none; margin-bottom:5px;}
.post .entry hr {border:none; border-bottom:1px solid #E04D47; margin-bottom:15px;}
.post .entry a {color:#000;}
.post .entry a:hover {text-decoration:underline;}
.post .pn {font-size:0.875em; margin-bottom:25px;}
.relatedPost,.relatedProcuts {margin-bottom:20px;}
.relatedPost h3,.commentslist h3,.relatedProcuts h3,#comment h3 {font-weight:normal; font-size:1.25em; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:15px;}
.relatedPost h3 i,.commentslist h3 i,.relatedProcuts h3 i {color:#888; font-size:0.7em; padding-right:1em;}
.relatedPost ul li {font-size:0.875em;}
.relatedPost ul li i {padding-right:1em;}
.relatedProcuts .bx-wrapper {box-shadow:none; border:0;}
/*commentslist*/
.commentslist {margin-bottom:20px;}
.commentslist ol li {clear:both; margin-top:20px; overflow:hidden; border-bottom:1px dotted #ccc; padding-bottom:10px;}
.commentslist ol li .cmtWrap {position:relative; padding-left:60px;}
.commentslist ol li .cmtWrap .gravatar {position:absolute; left:0; top:3px; width:45px; height:45px;}
.commentslist ol li .cmtWrap .gravatar img {width:100%; height:100%; border-radius:50%; transition:transform 0.4s ease 0s;}
.commentslist ol li .cmtWrap .gravatar img:hover {transform:rotateZ(360deg); transition:transform 0.4s ease 0s;}
.commentslist ol li .cmtWrap .cmtCont {font-size:0.875em; border:1px solid #eaeaea; background:#f5f5f5; padding:0 10px;}
.commentslist ol li .cmtWrap .cmtCont .cmtAuthor span {float:right; font-size:0.875em; color:#999;}
.commentslist ol li .cmtWrap .cmtCont .cmtDate {font-size:0.75em; color:#aaa; border-bottom:1px solid #eaeaea;}
.commentslist ol li .cmtWrap .cmtCont .cmtTxt {padding:10px 0;}
.commentslist ol li li {padding-left:20px; border-bottom:none;}
/*pagenavi*/
.pagenavi {clear:both; text-align:center; font-size:0.875em; margin-top:25px;}
.pagenavi a {display:inline-block; padding:0px 8px; border:1px solid #ddd; border-radius:3px; margin:0 3px;}
.pagenavi a:hover,.pagenavi a.oncurrent {color:#fff; background:#E04D47; border:1px solid #E04D47; transition:all 0.4s ease 0s;}
.pagenavi span.now-page{
padding: 0 12px;
color: #fff;
border: 1px solid #dedede;
margin-right: -3px;
display: inline-block;background:#767FBA;border-radius:3px;}
/*respond*/

/*footer*/
#footer {background:#F2F2F2; border-top:2px solid #eee;}
.footLine {border-top: 1px solid #D9D9D9;}
.footer {padding:20px 0;}
.footLeft {float:left; width:800px;}
.pageslist {margin-bottom:15px;}
.pageslist ul {overflow:hidden;}
.pageslist ul li { font-size:0.875em; margin-right:25px; display:inline;}
.pageslist ul li ul {display:none;}
.socialSns {clear:both; margin-bottom:10px;}
.socialSns a {display:inline-block; width:24px; height:24px; text-indent:-9999em; background:url(../images/icon-sns.png) no-repeat; margin-right:10px; filter: grayscale(100%); opacity:0.65;}
.socialSns a.tencent {background-position:0px -31px;}
.socialSns a.weixin {background-position:0px -62px; position:relative; cursor:pointer;}
.socialSns a.weixin img {display:none; position:absolute; bottom:30px; left:0; width:100px; height:100px;}
.socialSns a.weixin.code {opacity:1;}
.socialSns a.renren {background-position:0px -92px;}
.socialSns a.qzone {background-position:0px -123px;}
.socialSns a.facebook {background-position:0px -154px;}
.socialSns a.twitter {background-position:0px -185px;}
.socialSns a.rss {background-position:0px -216px;}
.socialSns a:hover {filter: grayscale(0); opacity:1;}
.footRight {
/*width:400px; float:left;*/ 
text-align:center;}
.footRight .phone {font-size:2em; color:#767FBA; font-family:Arial; font-style:italic; padding:10px 0;}
.footRight .phone a {color:#767FBA;}
.friendlinks ul li {display:inline; font-size:0.875em; padding:10px 10px 10px 0; color:#555;}
.footRight .phone .icon-mobile-phone {padding-right:10px; color:#aaa;}
.footRight .copyright {font-size:0.75em; color:#666;}
/*backTop*/
#backTop a{display:block; background:#E04D47; width:30px; height:30px; position:fixed; right:5px; bottom:10%; z-index:99999; cursor:pointer; border-radius:50%; color:#fff; text-align:center; line-height:27px;}
#backTop a:hover {background-color:#ED4646;}
/*screen width*/
@media only screen and (max-width:1280px){
	.header,
	.breadcrumb,
	#service,
	.aboutUs,
	#products,
	#news,
	.showcase,
	#contactUs,
	.footer,
	#container,
	#productsBox {
		width:93.75%;
	}
	.header .logo {
		width:13.333333%;
		margin-right:1.666667%;
	}
	.breadcrumb .left {
		width:75%;
	}
	.breadcrumb .left .notice {
		/*width:70%;*/
		width:50%;
	}
	#service .serviceBox {
		width:31.666667%;
		padding:0 0.833333%;
	}
	#service .serviceBox .serviceBoxInfo {
		/*width:85.789474%;*/
		width:100%;
	}
	.aboutUs .aboutUsThumb {
		width:45.833333%;
	}
	.productsList ul {
		width:103.333333%;
	}
	.productsList ul li {
		width:21.774194%;
		margin:20px 3.225806% 20px 0px;
	}
	#news .newslist {
		width:50.833333%;
		padding-right:4.166667%;
	}
	#news .partner {
		width:45%;
	}
	#news .partner ul li {
		width:29.259259%;
		height:50%;
		/*margin:10px 0px 10px 3.703704%;*/
	}
	.contactForm,
	.contactInfo {
		width:45.833333%;
	}
	.contactForm {
		padding-left:0.25%;
	}
	.contactForm .inputBox {
		width:45.454545%;
		margin-right:4.545455%;
	}
	.contactForm textarea {
		width:90.909091%;
	}
	.footLeft {
		width:58.666667%;
	}
	.footRight {
		width:41.333333%;
	}
	.pageslist ul li {
		margin-right:3.125%;
	}
	.sidebar {
		width:23.333333%;
	}
	.main {
		width:72.083333%;
	}
	.itemList ul {
		width:104.739884%;
	}
	.itemList ul li {
		width:28.697572%;
		margin-right:4.635762%;
	}
}
@media only screen and (max-width:1024px){
	#header {
		padding:20px 0;
	}
	.header .logo {
		width:160px;
		transition:all 0.4s ease 0s;
	}
	.header .menu {
		width:68.359375%;
		transition:all 0.4s ease 0s;
	}
	.header .menu ul li {		
		font-size:0.875em;
		transition:all 0.4s ease 0s;
	}
	#news .partner ul li {		
		/*margin:15px 0px 20px 3.703704%;*/
	}
}
@media only screen and (max-width:960px){
	.header .menu {
		width:64%;
		transition:all 0.4s ease 0s;
	}
	.header .menu ul li a {
		display: block;
		float: left;
		padding: 0px 6px;
		transition:all 0.4s ease 0s;
	}
	#news .newslist {
		width:100%;
		padding-right:0;
	}
	#news .partner {
		width:100%;
	}
	.footRight .phone {
		font-size:2em;
	}
}
@media only screen and (min-width:641px) and (max-width:960px){
	#news .partner ul .clear {
		clear:none;
	}
	#news .partner ul li {
		width:14.458333%;
		margin:10px 0px 10px 2.083333%;
	}
}
@media only screen and (max-width:840px){
	.header .menu {
		display:none;
	}
	.btn {
		display:block;
	}
	#nav{ height:400px;overflow-y :auto}
}
@media only screen and (max-width:768px){
	.header .logo {
		float:left;		
	}	
	.allTitle,
	.aboutUs .allTitle,
	#news .partner .allTitle,
	.showcase .allTitle {
		text-align:center;
	}
	#service {
		padding:30px 10px 0;
	}
	#service .serviceBox {
		width:100%;
		float:none;
		overflow:hidden;
		margin-bottom:30px;
	}
	.contactForm .inputBox {
		float:none;
		clear:both;
		margin-right:0;
	}
	.contactForm .text {
		width:90%;
		margin-bottom:10px;
	}
	.contactForm textarea {
		height:110px;
	}
	.footRight,
	.footLeft {
		width:100%;
		float:none;
		text-align:center;
		clear:both;
	}
	.sidebar {
		display:none;
	}
	.main {
		float:none;
		width:100%;
	}
}
@media only screen and (max-width:640px) {
	.breadcrumb .right h3 {
		display:none;
	}
	.productsList ul {
		width:106.333%;
	}
	.productsList ul li {
		width:43.5484%;
		margin:20px 6.45162% 20px 0px;
	}
	.contactForm,.contactInfo {
		float:none;
		width:100%;
		padding:0;
	}
	.contactForm textarea {
		width:90%;
		padding:10px 4%;
	}
	.productsList ul .clear {
		clear:none;
	}
	.productsList ul .clearfix {
		clear:both;
	}
}
@media only screen and (max-width:540px) {
	.aboutUs .aboutUsThumb {
		float:none;
		width:100%;
	}
	.aboutUs .aboutUsThumb img {
		width:100%;
	}
	.aboutUs .aboutUsTxt {
		clear:both;
	}
}
@media only screen and (max-width:480px) {
	.header .logo {
		width:140px;
		margin-top: 1px;
		display:inline;
	}	
	.breadcrumb .left {
		width:100%;
	}	
	.breadcrumb .right {
		display:none;
	}
	.post .postmeta {
		font-size:0.75em;
	}
}
@media only screen and (max-width:280px) {
	.breadcrumb .left h3 {
		display:none;
	}
	.breadcrumb .left .notice {
		width:90%;
	}
}

.Services {
	/*border: 1px solid #dde7fa;*/
	margin-top: 10px;
	padding: 5px 0
}

.Services .head {
	height: 35px;
	overflow: hidden;
	line-height: 40px;
	font-size: 14px;
	font-weight: 700;
	padding-left: 15px
}

.Services .cont .ct1 dl {
	height: 40px;
	border-bottom: #BDCADB dotted 1px;
	padding-left: 45px;
	line-height: 18px;
	color: #5f5f5f；
}

.Services dd {
	/*text-indent: -40px*/
}

.Services .cont .ct1 dl.tel {
	background: url(../images/tel.gif) 5px 7px no-repeat
}

.Services .cont .ct1 dl.answer {
	background: url(../images/ans.gif) 5px 7px no-repeat;
	height: 45px
}

.Services .cont .ct1 dl.send {
	background: url(../images/maill.gif) 5px 11px no-repeat
}

.Services .cont .ct1 dl .h {
	/*font-weight: 700*/
}

.Services .cont .ct1 dl .telnum {
	font-size: 16px;
	color: #F5771F;
	font-weight: 700
}

.Services .cont .ct2 {
	padding: 5px;
	line-height: 20px;
	color: #3074C1
}

.Services .cont .ct2 .img {
	height: 30px;
	line-height: 30px
}

.Services .cont .ct2 .img img {
	vertical-align: middle
}
.pinpai {
	width: 320px;
	margin: 5px 0 0 7px
}

.pinpai ul {
	list-style: none;
	width: 320px
}

.pinpai li {
	width: 150px;
	float: left;
	margin-right: 10px;
	color: #5f5f5f;
	line-height: 25px
}

.pinpai li a {
	color: #5f5f5f;
	text-decoration: none
}

.pinpai li a:hover {
	color: #dc2810;
	text-decoration: none
}
p.lable {
    background: url(../images/label.png) no-repeat left center;
    padding-left: 26px;
}
/*----------------------------  公共组件样式  ---------------------------------------*/

/******** 在线客服样式 *******/
/*客服1*/
.y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box img { display: block; 
/*width: 100%;*/
height: auto; }
.y-kefu-box01 .icon { display: block; background: url(../images/icons01.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color: #094d98; position: absolute; bottom: -12px; left: 13px; z-index: 1; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #094d98; border-color: #094d98; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #094d98; border-color: #094d98;}
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
/*咨询热线*/
.y-kefu-box01 .mobile-infos { width: 215px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color: #999; }
.y-kefu-box01 .mobile-infos p { color: #094d98; font-size: 18px; }
.right {
width: 12px;
height: 12px;
position: absolute;
right: -12px;
top: 24px;
}
.right-arrow1,
.right-arrow2 {
width: 0;
height: 0;
display: block;
position: absolute;
left: 0;
top: 0;
border-top: 6px transparent dashed;
border-right: 6px transparent dashed;
border-bottom: 6px transparent dashed;
border-left: 6px white solid;
overflow: hidden;
}
.right-arrow1 {
left: 1px;
border-left: 6px #efefef solid;
}
.right-arrow2 {
border-left: 6px white solid;
}
/*二维码*/
.y-kefu-box01 .y-ewm-box {  height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width: 94px; height: 94px; margin: 30px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color: #999; text-align: left; bottom: 0; }
.y-kefu-box01 .y-email-infos p { color: #094d98; font-size: 16px;white-space:nowrap;}
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }

.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color: #767FBA;position: absolute; top: 37px; left: 55px; z-index: 9;}
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }

/*------- 客服样式2 -------*/
.y-kefu-box02 .icon { display: block; background: url(../images/icons02.png) no-repeat; margin: 0 auto; position: relative;}
.y-kefu-box02>div { width: 48px; height: 48px; border: solid 1px #e9e9e9; margin-bottom: 6px; background-color: #fff; font-size: 13px; color: #999; position: relative;}
.y-kefu-box02>div>p { display: none; text-align: center; position: relative; top: 8px;}
.y-kefu-box02 .online-service { background-color: #ff6600; border-color: #ff6600; }
.y-kefu-box02 .online-service>p { color: #fff; }
.y-kefu-box02 .online-service>i { width: 28px; height: 28px; top: 10px; background-position: -5px -5px;}
.y-kefu-box02 .kf-mobile>i { width: 23px; height: 23px; background-position: -5px -35px; top: 12px; }
.y-kefu-box02 .kf-weChat>i { width: 22px; height: 21px; background-position: -40px -35px; top: 13px; }
.y-kefu-box02 .back-top>i { width: 20px; height: 18px; background-position: -68px -35px; top:15px; }
.y-kefu-box02 .back-top { margin-top: 25px; cursor: pointer; left: 55px;}
.y-kefu-box02>div:hover>i { display: none; }
.y-kefu-box02>div:hover>p { display: block; }

/*在线客服*/
.y-kefu-box02 .more-infos {background-color: #fff; border: solid 1px #ebebeb; position: absolute; right: 90px; box-shadow: 5px 5px 30px rgba(0,0,0,.2); display: none;}
.y-kefu-box02 .more-infos:before { content: ''; display: block; width: 352px; height: 3px; background-color: #ff6600; position: absolute; left: -1px; top: -1px; z-index: 9; }
.y-kefu-box02 .online-service-infos { width: 320px; padding: 0 15px;  top: 0; z-index: 2; }
.y-kefu-box02 .part01 { padding: 18px 0 22px 45px; border-bottom: solid 1px #e9e9e9; position: relative;}
.y-kefu-box02 .part01 p { font-size: 16px; color: #ff6600; padding-bottom: 5px; }
.y-kefu-box02 .part01 i { width: 28px; height: 26px; background-position: -40px -5px; position: absolute; left: 0; top: 18px; z-index: 2;}
.y-kefu-box02 .part02 { padding: 26px 0; }
.y-kefu-box02 .part02 li { width: 86px; float: left; position: relative; padding-left: 20px; margin-bottom: 10px; }
.y-kefu-box02 .part02 i { width: 16px; height: 16px; background-position: -5px -65px; position: absolute; left: 0; top: 0; z-index: 2; }
.y-kefu-box02 .part02 li:hover a { color: #ff6600; }
.y-kefu-box02 .part02 li:hover i { background-position: -25px -65px; }
/*客服热线*/
.y-kefu-box02 .kf-mobile-infos { width: 320px; padding: 0 15px; top: 0; }
.y-kefu-box02 .kf-mobile-infos .cont { padding: 18px 0 18px 40px; position: relative; }
.y-kefu-box02 .kf-mobile-infos .cont i { width: 23px; height: 23px; background-position: -46px -65px; position: absolute; left: 0; top: 22px; }
.y-kefu-box02 .kf-mobile-infos .cont p { font-size: 26px; color: #ff6600; }
/*关注微信*/
.y-kefu-box02 .kf-weChat-infos { width: 173px; height: 190px; top: -8px; text-align: center; }
.y-kefu-box02 .kf-weChat-infos:before { width: 175px; }
.y-kefu-box02 .kf-weChat-infos img { width: 120px; height: 120px; margin: 25px auto 5px; }

/*------- 客服样式3 -------*/
.y-kefu-box03 { width: 53px;}
.y-kefu-box03 .icon { display: block; background: url(../images/icons03.png) no-repeat; margin-left: 15px; position: absolute; }
.y-kefu-box03>div { width: 193px; height: 53px; background-color: #262626; border-top-left-radius: 3px; border-bottom-left-radius: 3px; margin-bottom: 5px; font-size: 15px; color: #fff; position: relative; left: 0; z-index: 2;}
.y-kefu-box03>div p { padding-left: 52px; line-height: 53px; }
.y-kefu-box03 .y-back-top { cursor: pointer; left: 55px;}
.y-kefu-box03 .y-back-top:hover { background-color: #ff4a00; }
.y-kefu-box03 .y-back-top i { width: 23px; height: 21px; background-position: -5px -5px; top: 16px; }
.y-kefu-box03 .y-kf-mobile { font-size: 18px; }
.y-kefu-box03 .y-kf-mobile i { width: 26px; height: 26px; background-position: -35px -5px; top: 13px; }
.y-kefu-box03 .y-kf-qq a { color: #fff; }
.y-kefu-box03 .y-kf-qq i { width: 24px; height: 24px; background-position: -5px -34px; top: 14px; }
.y-kefu-box03 .y-kf-weChat i { width: 22px; height: 22px; background-position: -35px -34px; top: 15px; }
.y-kefu-box03 .y-kf-weChat .ewm-box { width: 100%; padding-bottom: 15px; background-color: #262626; display: none; }
.y-kefu-box03 .y-kf-weChat img { width: 163px; height: 163px; margin: 0 auto; }
.y-kefu-box03 .y-kf-weChat:hover .ewm-box { display: block; }

/*------- 客服样式4 -------*/
.y-kefu-box04>div, .y-kefu-box04>a { display: block; width: 65px; font-size: 12px; color: #fff; text-align: center; border-radius: 3px;}
.y-kefu-box04 .icon { display: block; background: url(../images/icons04.png) no-repeat; margin: 0 auto 5px; }
.y-kefu-box04 .y-online-zixun,
.y-kefu-box04 .y-online-qq,
.y-kefu-box04 .y-design { 
    height: 55px; 
    padding-top: 10px;
    margin-top: 1px;
    background-color: #b2b2b2;
}
.y-kefu-box04 .y-online-zixun i { width: 27px; height: 28px; background-position: -5px -5px; }
.y-kefu-box04 .y-online-qq i { width: 20px; height: 22px; background-position: -35px -5px; }
.y-kefu-box04 .y-design i { width: 24px; height: 24px; background-position: -60px -5px; }
.y-kefu-box04 .y-free-quote { height: 80px; padding-top: 25px; margin-top: 50px; background-color: #fedd00; color: #000; }
.y-kefu-box04 .y-free-quote i { width: 33px; height: 33px; margin-bottom: 10px; margin-left: 18px; background-position: -5px -38px; }
.y-kefu-box04 .y-ewm-box { height: 42px; padding-top: 18px; background-color: #000; margin: 1px 0 11px; position: relative; }
.y-kefu-box04 .y-ewm-box>i { width: 28px; height: 28px; background-position: -44px -38px; }
.y-kefu-box04 .y-back-top { height: 42px; padding-top: 18px; background-color: #b2b2b2; cursor: pointer; position: relative; left: 70px;}
.y-kefu-box04 .y-back-top i { width: 24px; height: 24px; background-position: -5px -75px; }
.y-kefu-box04 .hver:hover { background-color: #000; }
.y-kefu-box04 .y-ewm-infos { width: 173px; height: 188px; background-color: #fff; color: #999; font-size: 13px; border: solid 1px #ebebeb; position: absolute; right: 100px; top: -135px; z-index: 2; box-shadow: 5px 5px 30px rgba(0,0,0,.1); opacity: 0;}
.y-kefu-box04 .y-ewm-infos:before { content: ''; display: block; width: 175px; height: 3px; background-color: #fedd00; position: absolute; top: -1px; left: -1px; z-index: 9; }
.y-kefu-box04 .y-ewm-infos img { width: 115px; height: 115px; margin: 25px auto 5px; }
.y-kefu-box04 .y-ewm-infos .right { top: 156px; }

/*------- 客服样式5 -------*/
.y-kefu-box05 .icon { display: block; background: url(../images/icons05.png) no-repeat; margin: 0 auto; }
.y-kefu-box05 .show-status { width: 40px; height: 110px; background-color: #f86539; font-size: 15px; color: #fff; border-radius: 3px; cursor: pointer; position: relative;}
.y-kefu-box05 .show-status i { width: 26px; height: 26px; background-position: -5px -5px; position: relative; top: -13px;  }
.y-kefu-box05 .show-status p { width: 20px; text-align: center; margin: -5px auto 0; } 
.y-kefu-box05 .hide-status { width: 112px; border: solid 1px #e3e3e3; border-radius: 10px; background-color: #fff; text-align: center; position: relative; left: 120px;}
.y-kefu-box05 .hide-status .y-close-btn { width: 31px; height: 26px; background-position: -35px -5px; position: absolute; top: -13px; left: 42px; z-index: 9; cursor: pointer;}
.y-kefu-box05 .hide-status a.y-online-qq { display: block; width: 100%; padding-top: 20px; background-color: #f8f8f8; border-bottom: solid 1px #e3e3e3; padding-bottom: 12px; font-size: 15px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.y-kefu-box05 a.y-online-qq i { width: 94px; height: 95px; background-position: -5px -70px; margin-bottom: 3px; }
.y-kefu-box05 .y-hot-online { width: 100%; padding: 8px 0; border-bottom: solid 1px #e3e3e3; font-size: 13px; color: #999; }
.y-kefu-box05 .y-hot-online em { display: block; font-size: 15px; color: #f86539; padding-top: 3px; }
.y-kefu-box05 .y-btm-box { width: 100%; height: 50px; }
.y-kefu-box05 .y-btm-box>div { width: 55px; height: 100%; }
.y-kefu-box05 .y-ewm-box { border-right: solid 1px #e3e3e3; cursor: pointer; position: relative; }
.y-kefu-box05 .y-ewm-box>i { width: 29px; height: 29px; background-position: -5px -36px; position: relative; top: 10px; } 
.y-kefu-box05 .y-back-top { cursor: pointer; }
.y-kefu-box05 .y-back-top i { width: 19px; height: 29px; background-position: -70px -5px; position: relative; top: 10px; }
.y-kefu-box05 .y-ewm-infos { width: 173px; height: 188px; background-color: #fff; color: #999; font-size: 13px; border: solid 1px #ebebeb; position: absolute; right: 80px; top: -145px; z-index: 2; box-shadow: 5px 5px 30px rgba(0,0,0,.1); opacity: 0;}
.y-kefu-box05 .y-ewm-infos:before { content: ''; display: block; width: 175px; height: 3px; background-color: #fedd00; position: absolute; top: -1px; left: -1px; z-index: 9; }
.y-kefu-box05 .y-ewm-infos img { width: 115px; height: 115px; margin: 25px auto 5px; }
.y-kefu-box05 .y-ewm-infos .right { top: 156px; }

/*------- 客服样式6 -------*/
.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:fixed; z-index:999; top:15%;right:0}
.side_content{width:0px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.side_center .custom_service p a{ text-decoration:none;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;margin-top: 14px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}


.post .entry1 {font-size:0.875em; border-bottom:1px solid #ddd; margin-bottom:15px;}
.post .entry1 blockquote {background:#f5f5f5; border:1px solid #ddd; padding:15px 2em; padding-bottom:0;}
.post .entry1 p,.post .entry1 blockquote {margin-bottom:15px;}
.post .entry1 ul,.post .entry1 ol {padding-left:2em; margin-bottom:15px;}
.post .entry1 img {width:auto !important; max-width:100% !important; height:auto !important;   
    margin-right: 10px;}
.post .entry1 ul li {list-style:inside disc none; margin-bottom:5px;}
.post .entry1 ol li {list-style:inside decimal none; margin-bottom:5px;}
.post .entry1 hr {border:none; border-bottom:1px solid #E04D47; margin-bottom:15px;}
.post .entry1 a {color:#0293d2;}
.post .entry1 a:hover {text-decoration:underline;}

.post .entry div {
    margin-bottom: 10px;
}
img.xhxc{
width:100% !important;
}
.relatedPost1 {margin-bottom:20px;}
.relatedPost1 h3,.commentslist h3,#comment h3 {font-weight:normal; font-size:1.25em; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:15px;}
.relatedPost1 h3 i,.commentslist h3 i {color:#888; font-size:0.7em; padding-right:1em;}
.relatedPost1 ul li {
    font-size:0.875em;  
	float: left;
    margin-right: 10px;
    width: 130px;}
.relatedPost1 ul li i {padding-right:1em;}
p.weight {
    font-weight: 600;
}