.floatleft { float: left }
.floatright { float: right }
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
a:focus { outline: 0px solid }
img {
    max-width: 100%;
    height: auto;
}
.fix { overflow: hidden }
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin: 0 0 15px;
}
body { font-family:"微软雅黑"; background:url(../images/bg_02.png) repeat;}



.header-area {
}
.header-area a {
    color: #888;
}
.user-menu ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.user-menu li {
    display: inline-block;
}
.user-menu li a {
    display: block;
    font-size: 13px;
    padding: 10px 2px;
	color:#2bb0b5;
	font-weight:bolder;
}
.user-menu li a i.fa {
    margin-right: 5px;
}

.header-right ul.list-inline {
    margin: 0;
    text-align: right;
}
.header-right ul.list-inline li a {
    display: block;
    padding: 9px;
}
.header-right ul.list-inline li ul a {
    padding: 5px 15px;
}
.header-right ul.list-inline li ul {
    border: medium none;
    border-radius: 0;
    left: 50%;
    margin-left: -50px;
    min-width: 100px;
    text-align: center;
}

.mainmenu-area {
	background:url(../images/dh_02.png) no-repeat center;
font-family:"微软雅黑";
text-transform: uppercase;
width: 100%;
z-index: 999;}

.mainmenu-area .area_right{ height:85px;}

.logo{
	padding-top:15px; text-align: left;
}
.logo img{ width:80%;}
.shopping-item {
    border: 1px solid #ddd;
    float: right;
    font-size: 18px;
    margin-top: 40px;
    padding: 10px;
    position: relative;
}
.shopping-item a {
    color: #666;
}
.cart-amunt {
    color: #1abc9c;
    font-weight: 700;
}
.product-count {
    background: none repeat scroll 0 0 #1abc9c;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    height: 20px;
    padding-top: 2px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -10px;
    width: 20px;
}
.shopping-item i.fa {
    margin-left: 15px;
}


.shopping-item:hover {
    background: none repeat scroll 0 0 #1abc9c;
    border-color: #1abc9c;
}
.shopping-item:hover a {
    color: #fff;text-decoration: none
}
.shopping-item:hover .cart-amunt {
    color: #fff;
}
.shopping-item:hover .product-count {
    background: none repeat scroll 0 0 #000;
}


.mainmenu-area ul.navbar-nav li a {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
	background:#2bb0b5; text-decoration:none; padding:0px; margin:30px 10px 10px; display:inline-block; 
}

.mainmenu-area ul.navbar-nav li:hover a, .mainmenu-area ul.navbar-nav li.active a { border-bottom:1px solid #fff;background:#2bb0b5;}
.mainmenu-area .nav > li > a:focus {color: #000}

.slider-area {clear: both}
.slider-area, .promo-area, .brands-area, .maincontent-area, .footer-top-area, .product-widget-area, .product-breadcroumb-area, .single-product-area {position: relative;overflow: hidden}
.zigzag-bottom {}
.slide-text-wrapper {
  height: 370px;
}
.slide-text-wrapper {
  display: table;width: 100%;
}

.slide-text {display: table-cell;vertical-align: middle}

.zigzag-bottom {
background: none repeat scroll 0 0 #1abc9c;
bottom: -80px;
height: 165px;
left: -5%;
position: absolute;
transform: rotate(3deg);
width: 108%;
z-index: 9;
}

.slide-bg {
  height:370px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;background-position: center;background-size: cover
}
.slide-bg:after {

  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}
.slide-one {background-image: url(../images/banner1.jpg)}
.slide-two {background-image: url(../images/banner2.jpg)}
.slide-three {background-image: url(../images/banner3.jpg)}
.slide-fore {background-image: url(../images/banner4.jpg)}
.slide-text {color: #fff;font-size: 18px;font-weight: 200}
.slide-text h2 {
  font-size: 45px;font-weight: 200
}
.slide-qh{ position:absolute; height:50px; top:50%; width:80%; left:10%;}
.slide-qh .prev,
.slide-qh .next {
		background:#fff;opacity: 0.5;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; width:40px; height:40px; font-size:30px; text-align:center; text-decoration:none; color:#000;  border-radius: 10px; line-height:35px;
}
.slide-qh .prev:hover,
.slide-qh .next:hover {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
.slide-qh .prev {
float:left;
}
.slide-qh .next { float:right;

}
.slide-content {position: relative;z-index: 9;padding: 30px}
.slide-content:before {
  background: none repeat scroll 0 0 #000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}


.readmore {
    background: none repeat scroll 0 0 #1abc9c;
    color: #fff;
    border: 1px solid #1abc9c;
    display: inline-block;
    font-size: 20px;
    margin-top: 15px;
    padding: 10px 20px;
    text-transform: uppercase;
}


.readmore:hover {background: #222;text-decoration: none;color: #fff;border: 1px solid #fff}


.promo-area {
  background:#fff url(../images/bgdh_03.jpg) no-repeat center; background-position:1530px 20px;
  color: #fff;
  padding: 30px 0px;
}

.brands-area {


  padding: 0px 0 20px;
}

.promo-area .zigzag-bottom, .brands-area .zigzag-bottom{background: #fff}
.single-promo {
    border: 1px solid #17a78b;
    font-size: 25px;
    font-weight: 200;
    padding:0px;
    text-align: center;
}
.single-promo img{ max-width:100%;}
.single-promo i {
  font-size: 50px;
}

.single-promo:hover {color: #fff;background: #222;border-color: #222;}

.section-title {
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 10px;
  margin-top: 20px;
  color:#444343;
  text-align: center;
}
.lead1{ text-align:center; color:#a7a7a7; text-transform:uppercase;}
.bg-wi{ background:#fff;}

.product-f-image {
    position: relative;
	min-height:230px;
}
.product-hover {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;overflow: hidden;border: 1px solid #ddd;
}
.product-hover:after {
  background: none repeat scroll 0 0 #000;
  content: "";
  height: 100%;
  left: -100%;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;transition: .4s;
}
.product-hover a {
    background: none repeat scroll 0 0 #2bb0b5;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 16px;
    left: 10%;
    margin: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #2bb0b5;
    width: 80%;z-index: 99;transition: .4s;
}
.product-hover a:hover {
  background: #000;
  text-decoration: none;border-color: #444;
}
.product-carousel-price ins {
  color: #2bb0b5;
  font-weight: 700;
  margin-right: 5px;
  text-decoration: none;
}
.product-hover a i.fa {
    margin-right: 5px;
}
.product-hover a.add-to-cart-link {top: -25%;}
.product-hover a.view-details-link { bottom: -25%;}
.single-product h2 {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 10px;
    margin-top: 15px;
}


.single-product h2 a {
    color: #444343;
}
.single-product p{ font-size:12px; color:#727171;}

.single-product {
  overflow: hidden;
}
.single-product:hover {}
.single-product:hover .product-hover a.add-to-cart-link {top: 32%;}
.single-product:hover .product-hover a.view-details-link {bottom: 32%;}
.single-product:hover .product-hover:after{left: 0}


.product-carousel {
  padding-top: 40px;
  padding-bottom:20px;
}
.latest-product .owl-nav {
  position: absolute;
  right: 0;
  top: 0;
}

.latest-product .owl-nav div, .related-products-wrapper .owl-nav div {
  border: 1px solid #2bb0b5;
  color: #2bb0b5;
  display: inline-block;
  margin-left: 15px;
  padding: 1px 10px;
}
.latest-product .owl-nav div:hover, .brand-wrapper .owl-nav div:hover, .related-products-wrapper .owl-nav div:hover {color: #222;border-color: #222}
.brand-list { padding:0px 34px;}
.brand-list .owl-nav {
  position: absolute;
  right: 0;
  top: 0;
}
.brand-wrapper .owl-nav div {
  border: 1px solid #2bb0b5;
  color: #2bb0b5;
  display: inline-block;
  margin-left: 15px;
  padding: 1px 10px;
}

.maincontent-area {}
.mainqy-area{ background:url(../images/sanx_85.jpg) no-repeat center; height:325px; text-align:center; padding-top:90px; color:#fff;}
.mainqy-area h1{ font-size:45px;}
.mainqy-area h4{ line-height:1.6em;}
.product-wid-title {
  font-family: raleway;
  font-size: 30px;
  font-weight: 100;
  margin-bottom: 40px;
}


.single-wid-product {
    margin-bottom: 31px;
    overflow: hidden;
}
.product-thumb {
    float: left;
    height: 90px;
    margin-right: 15px;
    width: 100px;
}
.single-wid-product h2 {
    font-size: 18px;
    margin-bottom: 12px;
}
.product-wid-rating {
    color: #ffc808;
    margin-bottom: 10px;
}
.product-wid-price ins {
    color: #1abc9c;
    font-weight: 700;
    margin-right: 10px;
    text-decoration: none;
}
.single-wid-product h2 a {
    color: #222;
}
.single-wid-product h2 a:hover, .single-product h2 a:hover {
    color: #2bb0b5;
}
.wid-view-more {
    background: none repeat scroll 0 0 #1abc9c;
    color: #fff;
    padding: 3px 15px;
    position: absolute;
    right: 10px;
    top: 3px;
}
.wid-view-more:hover {color: #fff;background-color: #222;text-decoration: none}
.single-product-widget {
    position: relative;
}
.product-widget-area {
  margin-top: 30px;
  padding-top:30px;
  padding-bottom:70px;
  background:#fff;
}
.product-widget-area .zigzag-bottom{background: #333}
.footer-top-area {background: none repeat scroll 0 0 #2bb0b5;
color: #fff;
padding: 35px 0 50px;}


.footer-bottom-area {background: #000;color: #fff}
.footer-about-us span {
  color: #fff;
}
.footer-wid-title {
  font-family: raleway;
  font-size: 24px;
  font-weight: 600;
}

.footer-about-us h2 {
	padding-top:40px;
  font-size:24px;
  margin-bottom:5px;
}
.footer-about-us h6 {
  font-weight: 600;
  font-size:13px;
}
.footer-about-us p{ font-size:12px; color:#fff;}
.footer-about-us p a{ color:#fff;}
.footer-menu .foot-tit{ background:url(../images/sanx_122.png) no-repeat left center; padding-left:35px; margin-bottom:10px;}
.footer-menu .foot-tit span{ text-transform:uppercase; color:#fff; font-size:12px;}
.footer-menu .foot-tit b{ font-weight:normal; font-size:18px; color:#fff;}
.footer-menu p{ color:#fff; font-size:13px; line-height:22px; padding-left:20px; margin-bottom:2px;}
.footer-menu p.foot-add{ background:url(../images/sanx_126.png) no-repeat left center;}
.footer-menu p.foot-fax{ background:url(../images/sanx_130.png) no-repeat left center;}
.footer-menu p.foot-eml{ background:url(../images/sanx_134.png) no-repeat left center;}



.footer-social a {
  background: none repeat scroll 0 0 #1abc9c;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  height: 40px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-top: 5px;
  text-align: center;
  width: 40px;border: 1px solid #1abc9c;
}

.footer-social a:hover {background-color: #222;border-color: #666}

.footer-social {margin-top: 20px}


.newsletter-form input[type="email"] {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
}
.newsletter-form input[type="submit"] {
    background: none repeat scroll 0 0 #1abc9c;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 7px 20px;
    text-transform: uppercase;border: 1px solid #1abc9c;
}
.newsletter-form input[type="submit"]:hover {background: #222;border-color: #666}
.newsletter-form {
    margin-top: 25px;
}
a {color: #444343}
a:hover, a:focus {color: #444343}
.footer-bottom-area {
  background: none repeat scroll 0 0 #000;
  color: #fff;
  padding-bottom: 40px;
}


.slide-bulletz {
    bottom: 30px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 99;
}
ol.slide-indicators {
left: inherit;
list-style: outside none none;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}
ol.slide-indicators li {
background: none repeat scroll 0 0 #2bb0b5;
border: medium none;
border-radius: 0;
cursor: pointer;
display: inline-block;
height: 10px;
margin: 0 0 0 5px;
width: 10px;
}
ol.slide-indicators li.active {
background: none repeat scroll 0 0 #fff;
height: 10px;
margin: 0 0 0 5px;
width: 10px;
}


.carousel.carousel-fade .item { transition: opacity 1s ease-in-out;}
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

.footer-card-icon {
  font-size: 30px;
  text-align: right;
}

.copyright > p {
  margin: 10px 0 0;
}
.fr{ text-align:right;}
.product-big-title-area { padding:40px 0px;}
.product-bit-title .subnotice{ color:#2bb0b5;}
.product-bit-title span{}
.product-bit-title h2 {
  font-family: raleway;
  font-size: 50px;
  font-weight: 200;
  margin: 0;
  padding: 50px 0;color: #fff;
}

.single-product-area .zigzag-bottom {background-color: #333333}

.single-product-area {
  padding: 10px 0 30px;
}
.pro-border{ border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5; float:left;}
.product-list{ padding-top:30px; min-height:600px;}
.sidebar-title {
    color: #fff; line-height:50px;
    font-size: 22px; font-weight:200; margin-bottom:0px;
	background:url(../images/product_07.png) no-repeat center bottom; text-align:center; height:62px;

}
.sidebar-di{background:url(../images/product_22.png) no-repeat center bottom; text-align:center; height:15px;}
.single-sidebar {
    margin-bottom: 20px; padding:0px 20px;
}
input[type="text"], input[type="password"], input[type="email"], textarea {
    border: 1px solid #ddd;
    padding: 10px;
}
input[type="submit"], button[type=submit] {
    background: none repeat scroll 0 0 #1abc9c;
    border: medium none;
    color: #fff;
    padding: 11px 20px;
    text-transform: uppercase;
}
input[type="submit"]:hover, button[type=submit]:hover {background-color: #222}
.single-sidebar input[type="text"] {
    margin-bottom: 10px;
    width: 100%;
}
.thubmnail-recent {
    margin-bottom: 30px;
    overflow: hidden;
}
.recent-thumb {
    float: left;
    height: auto;
    margin-right: 15px;
    width: 63px;
}
.thubmnail-recent > h2 {
    font-size: 20px;
    margin-bottom: 10px;
}
.thubmnail-recent > h2 a {
    color: #222;
}
.product-sidebar-price > ins {
    color: #1abc9c;
    font-weight: 700;
    margin-right: 10px;
    text-decoration: none;
}
.single-sidebar > ul {
    list-style: outside none none;
    margin: 0; background:#fff;
    padding: 0; border-left:7px solid #43bbc0;  border-right:6px solid #43bbc0; 
}
.single-sidebar > ul.lxwm li{ background:none; font-size:12px; padding:10px 5px;}
.single-sidebar li {
    border-bottom: 1px solid #f1f1f1;
    padding: 10px; overflow:hidden; background:url(../images/product_14.png) no-repeat 90% center;
}
.single-sidebar li span{ color:#e33b3b;}
.single-sidebar li:hover{ background:url(../images/product_11.png) no-repeat 90% center;}
.single-sidebar a {
	padding-left:5px;
}
.product-breadcroumb {
    margin-bottom: 20px;
}
.product-breadcroumb > a {
    margin-right: 31px;
    position: relative;
}
.product-breadcroumb > a::before {
    content: "/";
    position: absolute;
    right: -20px;
    top: 2px;
}
.product-breadcroumb > a:last-child::before {
    display: none;
}
.product-main-img {
    margin-bottom: 20px;
}
.product-gallery {
    margin-bottom: 25px;
    margin-left: -15px;
    overflow: hidden;
}
.product-gallery img {
    height: auto;
    margin-left: 15px;
    width: 76px;
}
.product-name {
    font-size: 25px;
    margin-bottom: 20px;
}
.product-inner-price {
    margin-bottom: 25px;
}
.product-inner-price > ins {
    color: #1abc9c;
    font-weight: 700;
    margin-right: 10px;
    text-decoration: none;
}
.quantity {
    float: left;
    margin-right: 15px;
}
.quantity input[type="number"] {
    border: 1px solid #1abc9c;
    padding: 5px;
    width: 50px;
}
.add_to_cart_button {
    background: none repeat scroll 0 0 #1abc9c;
    border: medium none;
    color: #fff;
    padding: 6px 25px;display: inline-block
}
.add_to_cart_button:hover {background-color: #222;color: #fff;text-decoration: none}
form.cart {
    margin-bottom: 25px;
}
.product-inner-category {
    margin-bottom: 30px;
}
.product-tab {
    border-bottom: 1px solid #ddd;
    list-style: outside none none;
    margin: 0 0 30px;
    padding: 0;
    text-align: center;
}
.product-tab li {
    display: inline-block;
}
.product-tab li.active {
    background: none repeat scroll 0 0 #1abc9c;
}
.product-tab li.active a {
    color: #fff;
}
.product-tab li a {
    color: #222;
    display: block;
    font-size: 16px;
    padding: 10px 30px;
}
.product-tab li a:hover {
    text-decoration: none;
}
.product-tab li a:focus {
    text-decoration: none;
}
.tab-content h2 {
    font-size: 20px;
}
.tab-content {
    margin-bottom: 30px;
}
.submit-review label {
    display: block;
}
.submit-review input[type="text"], .submit-review input[type="email"], .submit-review textarea {
    margin-bottom: 20px;
    width: 100%;
}
.rating-chooser {
    margin-bottom: 30px;
}
.rating-chooser p {
    font-weight: 700;
}
.rating-wrap-post {
    font-size: 20px;
}

.submit-review textarea {
    height: 105px;
}

.related-products-wrapper {
  margin-top: 30px;
}
.related-products-title {color: #3dc6ab;
font-size: 25px;
margin-bottom: 30px;
text-transform: uppercase;}

.related-products-wrapper .owl-nav {
  position: absolute;
  right: 0;
  top: -56px;
}



table.shop_table {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-bottom: 50px;
    width: 100%;
}
table.shop_table th, table.shop_table td {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 15px;
    text-align: center;
}
table.shop_table th {
    background: none repeat scroll 0 0 #f4f4f4;
    font-size: 15px;
    text-transform: uppercase;
}
td.product-thumbnail img {
    height: auto;
    width: 70px;
}
td.product-name {
    font-size: 18px;
}
div.quantity input.plus, div.quantity input.minus {
    background: none repeat scroll 0 0 #1abc9c;
    border: medium none;
    color: #fff;
    height: 25px;
    line-height: 15px;
    width: 25px;
}
td.product-quantity div.quantity {
    float: none;
    margin: 0;
}
td.actions div.coupon {
    float: left;
}
.cart-collaterals {
    overflow: hidden;
}
.cross-sells {
    float: left;
    margin-right: 3%;
    width: 57%;
}
.cart_totals {
    float: right;
    margin-bottom: 50px;
    width: 40%;
}
.cart-collaterals h2 {
    color: #1abc9c;
    font-size: 25px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
div.cart-collaterals ul.products {
    list-style: outside none none;
    margin: 0 0 0 -30px;
    padding: 0;
}
div.cart-collaterals ul.products li.product {
    float: left;
    margin-left: 30px;
    position: relative;
    width: 198px;
}
.cart_totals table {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width: 100%;
}
.cart_totals table th, .cart_totals table td {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px;
}
.cart_totals table th {
    background: none repeat scroll 0 0 #f4f4f4;
}
.onsale {
}
div.cart-collaterals ul.products li.product .onsale {
    background: none repeat scroll 0 0 #1abc9c;
    color: #fff;
    padding: 5px 10px;
    position: absolute;
    right: 0;
}
div.cart-collaterals ul.products li.product h3 {
    color: #333;
    font-size: 20px;
    margin-top: 15px;
}
div.cart-collaterals ul.products li.product .price {
    color: #333;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
}
.price > ins {
}
div.cart-collaterals ul.products li.product .price ins {
    color: #1abc9c;
    font-weight: 700;
    margin-left: 10px;
    text-decoration: none;
}



.woocommerce-info {
    background: none repeat scroll 0 0 #f4f4f4;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 15px;
}
.col2-set {
    margin-left: -30px;
    overflow: hidden;
}
.col-1, .col-2 {
    float: left;
    margin-left: 30px;
    width: 360px;
}
#customer_details label {
    display: block;
    margin: 0 0 5px;
}
#customer_details input[type="text"], #customer_details textarea, .shipping_calculator input[type=text] {
    margin-bottom: 10px;
    width: 100%;
}
#customer_details h3 {
    color: #1abc9c;
    font-size: 20px;
    text-transform: uppercase;
}
.create-account {
    background: none repeat scroll 0 0 #f4f4f4;
    margin-bottom: 50px;
    padding: 15px;
}
#order_review_heading {
    color: #1abc9c;
    font-size: 20px;
    text-transform: uppercase;
}
#payment ul.payment_methods {
    list-style: outside none none;
    margin: 0 0 30px;
    padding: 0;
}
#payment ul.payment_methods li {
    margin-bottom: 15px;
}
a.about_paypal {
    font-size: 12px;
    margin-left: 15px;
}


#customer_details select, .shipping_calculator select {
  border: 1px solid #ddd;
  margin-bottom: 15px;
  padding: 10px;
  width: 100%;
}


table.shop_table td.product-remove a {
  display: inline-block;
  padding: 0 5px 2px;
  text-transform: uppercase;
}


table.shop_table td.product-remove a:hover {color: #fff;background: red;text-decoration: none}
table.shop_table td.product-name a{color: #222;}
table.shop_table td.product-name a:hover {color: #1ABC9C;text-decoration: none}
div.quantity input.plus:hover, div.quantity input.minus:hover {background-color: #222}
div.cart-collaterals ul.products li.product a:hover h3 {color: #1ABC9C}
div.cart-collaterals ul.products li.product a:hover {text-decoration: none}

div.cart-collaterals ul.products li.product:hover .add_to_cart_button{background-color: #222}


.cart-collaterals .shipping_calculator {
  float: right;
  width: 40%;
}


#login-form-wrap, #coupon-collapse-wrap {
    background: none repeat scroll 0 0 #f4f4f4;
    margin-bottom: 30px;
    padding: 25px;
}
#login-form-wrap label {
    display: block;
    margin-bottom: 5px;
}
#login-form-wrap input[type="text"], #login-form-wrap input[type="password"] {
    margin-bottom: 10px;
    width: 250px;
}
#login-form-wrap input[type="submit"] {
    margin-bottom: 15px;
}

.single-shop-product .product-upper{ width:100%;  max-height:230px; text-align:center;}

.single-shop-product h2 {
    font-size: 14px; text-align:center;
    margin: 10px 0; font-weight:normal;
}
.product-option-shop {
    margin-top: 15px;
}

.single-shop-product {margin-bottom: 30px}

.pagination > li > a, .pagination > li > span {
  color: #1abc9c;
}

.portfolio-item {
  padding: 0;
  margin: 0;
}
.portfolio-item .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding:0px;
  margin: 0 0px 20px 0;
  position: relative;
}
.portfolio-item img {
  width: 100%; max-height:200px;
}
.portfolio-item h5 {
  background: #fff;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;
  background:#000;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
  font-size:18px; color:#b3b5b9;
}
.portfolio-item .overlay .preview i img{ width:60%;}
.portfolio-item:hover .overlay {
opacity: 0.5;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;
}




.gallery {
	display: block;
	padding: 0;
	margin: 0;
	float: left
}
.gallery .desc {
	margin: 15px
}
.gallery .preview {
	margin: 15px;
	display: block;
	position: relative
}
.gallery .preview .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms
}
.gallery .preview .links {
	width: 104px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -52px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translate(0, -50px);
	-moz-transform: translate(0, -50px);
	-ms-transform: translate(0, -50px);
	-o-transform: translate(0, -50px);
	transform: translate(0, -50px);
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms
}
.gallery .preview .links>a {
	width: 50px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	text-align: center;
	background: #fff;
	color: #b6b8bc;
	text-shadow: 0 1px rgba(0,0,0,0.3);
	font-size: 18px;
	margin: 0 1px
}
.gallery .preview:hover .overlay, .gallery .preview:hover .links {
	opacity: 1;
	filter: alpha(opacity=100)
}
.gallery .preview:hover .links {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.gallery .preview .links .icon-eye-open img{ width:50%;}

.modal {
	border: 0
}
.modal#loginForm {
	width: 600px;
	margin-left: -300px
}
.modal .modal-header {
	border: 0;
	padding: 20px 20px 0
}
.modal .modal-header>h4 {
	font-weight: 300;
	font-size: 14px;
	color: #848484;
	text-transform: uppercase;
	margin: 0
}
.modal .modal-body {
	padding: 20px
}
.modal input[type="text"], .modal input[type="password"] {
	padding: 5px 10px;
	min-height: 30px;
	width: 130px;
	margin-right: 10px
}
.modal .icon-remove {
	color: #848484;
	position: absolute;
	right: -5px;
	top: -5px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	display: block;
	background: #ebebeb;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	cursor: pointer
}
.modal button {
	margin-left: 10px;
	border: 0
}
.leadt{ text-align:center; position:relative; height:30px;}
.leadt span{ border-top:1px solid #b7b7b7; width:220px; position:absolute; top:10px; left:50%; margin-left:-110px;}
.leadt img{ position:absolute; z-index:20; left:50%; margin-left:-12px; top:2px;}
.leadt2{ text-align:center; position:relative; height:80px;}
.leadt2 span{ border-top:1px solid #b7b7b7; width:260px; position:absolute; top:30px; left:50%; margin-left:-130px;}
.leadt2 b{ position:absolute; top:20px; z-index:20; margin-left:-70px; background:url(../images/bg_02.png) repeat; }
.leadt2 b a{ background:#2bb0b5; margin:10px; padding:10px 20px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; color:#fff; text-transform:uppercase;}

.Per{ margin:15px 0px 30px; text-align:center; padding:20px 20px; color:#444343;}
.Per .per-img{ text-align:center; height:70px;}
.Per h5{ padding-bottom:10px; padding-top:5px; font-size:15px;}
.Per p{ font-size:12px; line-height:24px;}
.Per .per-img.per-i1{ background:url(../images/tubiao/shili-1-2.png) no-repeat center;}
.Per .per-img.per-i2{ background:url(../images/tubiao/shili-2-2.png) no-repeat center;}
.Per .per-img.per-i3{ background:url(../images/tubiao/shili-3-2.png) no-repeat center;}
.Per .per-img.per-i4{ background:url(../images/tubiao/shili-4-2.png) no-repeat center;}
.Per .per-img.per-i5{ background:url(../images/tubiao/shili-5-2.png) no-repeat center;}
.Per:hover{ background:#2bb0b5; color:#fff;}
.Per:hover .per-img.per-i1{ background:url(../images/tubiao/shili-1-1.png) no-repeat center;}
.Per:hover .per-img.per-i2{ background:url(../images/tubiao/shili-2-1.png) no-repeat center;}
.Per:hover .per-img.per-i3{ background:url(../images/tubiao/shili-3-1.png) no-repeat center;}
.Per:hover .per-img.per-i4{ background:url(../images/tubiao/shili-4-1.png) no-repeat center;}
.Per:hover .per-img.per-i5{ background:url(../images/tubiao/shili-5-1.png) no-repeat center;}

.pro_qh{ padding:10px; background:#fff; border-bottom:1px solid #d8d9da;}

.about-jj{ padding:20px 0px;}
.brand-about{ padding-top:20px;}
.brand-about .about-img{ text-align:center; padding-bottom:10px;}
.brand-about .about-tit{ padding-top:20px;}
.brand-about .about-tit h4{ position:relative; font-size:15px;}
.brand-about .about-tit p{ line-height:28px; font-size:12px; text-indent:2em;}
.brand-about .about-tit h4 span{ border-bottom:3px solid #2bb0b5; width:90px; display:block; float:left; position:absolute; left:0px; bottom:-8px;}
.about-rr{  padding:20px;}
.about-rr h4{ font-size:15px;}

.newslist{ list-style:none; padding:0px; margin:0px;}
.newslist li{ line-height:40px; background:url(../images/sanx_118.jpg) no-repeat left center; border-bottom:1px dashed #dad9d9; padding-left:15px;}
.newslist li a{ color:#444343; font-size:15px;}
.newslist li a:hover{ color:#2bb0b5;}
.newslist li span{ font-size:14px; float:right; margin-right:15px;}
.news-img{ margin:0px 0px 40px; padding:10px;}
.news-img img{ width:100%;}
.news-n{ margin:20px;}
.news_tit{ border-bottom:1px solid #2bb0b5; color:#2bb0b5; font-size:20px; line-height:60px;}


.ylink{ padding:10px 0px;}
.ylink p{ margin:0px;}
.ylink a{ padding:0 10px;}

/*分页样式*/
.page_info{text-align:center;margin-top:10px; color:#333;margin-bottom:40px;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;margin-bottom:40px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}

/*列表内容页*/
.listConts{line-height:26px;color:#666;}
.listConts .title{font-size:24px;text-align:center;line-height:40px;color:#000;}
.listConts .info{width:380px;height:27px;line-height:28px;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#666;}
.listConts .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}
.listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;}
.listConts .info .small{font-size:10px;padding-right:3px;}
.listConts .info .big{color:#003ba6;padding-left:3px;}
.listConts .desc{margin:20px 0 15px;padding:5px 10px;line-height:20px; float:right; height:230px;}
.listConts .showimg{margin:20px 0;text-align:center;}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;font-size:14px; width:100%; float:left; height:24px;}
.listConts .author{text-align:right;color:#999;}
.preNext{ width:100%; float:left;}
.preNext ul{ list-style:none;}
#textarea{ float:left; width:100%;}
.an_cont{ float:right; margin-right:60px;}
.an_cont a{ background:#2bb0b5; padding:10px 25px; color:#fff; -webkit-box-shadow: 5px 5px 5px #ccc;  -moz-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; font-size:16px;}
/*大图样式*/
.picarr{position:relative;margin:20px auto;}
.picarr .picture{width:100%;text-align:center;}
.picarr .picture a{display:none;}
.picarr .picture a span{ width:400px; height:270px;display:table-cell; vertical-align:middle; text-align:center;}
.picarr .picture a .case-img4{max-width:400px; max-height:270px;}
.picarr .preview{margin:20px;padding:5px;background:#eef3fa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; list-style:none; float:left; width:95%;}
.picarr .preview li{float:left;margin:4px;}
.picarr .preview li a{width:58px;height:45px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:35px;*font-family:Arial;}
.picarr .preview li a .case-img0{vertical-align:middle;width:58px;height:45px;}
.picarr .preview li.current a{border:1px solid #000;}


/*Top按钮*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
.tbox{width:50px;float:right;position:fixed;right:10px;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*解决IE6下不兼容 position:fixed 的问题*/
.tbox #gotop{width:50px;height:50px;background:url(../images/news_07.jpg) no-repeat 0 0;display:block;}

.case-img1{ width:200px; max-height:245px;}
.case-img2{ float:left;}
.case-img3{ width:80%; max-height:500px;}
.subCont{ line-height:30px;}


/*留言栏目*/
.w80{ width:80%; margin:0 auto;}
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px; height:30px;}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888; height:30px;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:center;}
.msg_btn_area a{display:inline-block;padding:5px 50px;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold; -webkit-box-shadow: 5px 5px 5px #c5c5c5;  -moz-box-shadow: 5px 5px 5px #c5c5c5; box-shadow: 5px 5px 5px #c5c5c5;

    background: -moz-linear-gradient(left, #65c6c9 0%, #239094 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65c6c9), color-stop(100%,#239094));
    background: -webkit-linear-gradient(left, #65c6c9 0%,#239094 100%);
    background: -o-linear-gradient(left, #65c6c9 0%,#239094 100%);
    background: -ms-linear-gradient(left, #65c6c9 0%,#239094 100%);
    background: linear-gradient(to right, #65c6c9 0%,#239094 100%);

}
.msg_btn_area a:hover{text-decoration:none;}
.msgflag{margin-left:4px;font-size:12px;color:#900;}
.cul{ background:#fff url(../images/cult_07.jpg) no-repeat bottom center; height:800px; background-size:100%;}


.cul-list{ height:400px; padding:40px;}
.cul-list item{ background:#fff;}
.cul-list h3{ color:#2bb0b5;}
.cul-list p{ color:#222222; font-size:16px;}
.cul-an{ height:330px; width:100%;}
/*在线客服*/
*html{background-image:url(about:blank);background-attachment:fixed;}
.kf{width:127px;border:1px solid #51b5f0;position:fixed;top:45%;right:0;background:url(../images/kf_ico.png) no-repeat 7px 10px #1a98d5;min-height:50px;_height:auto!important;_height:50px;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||130)-(parseInt(this.currentStyle.marginBottom,10)||130)));}
.kf_r{margin-left:37px;background:#16a2dd;color:#fff;text-align:center;padding:10px 0 10px;}
.kf_r img{margin-bottom:5px;}


/*右侧在线客服*/
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul{margin:0;padding:0; list-style:none;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
