@charset "utf-8";
* { margin:0; padding:0; }
html {
    height: 100%;
    width: 100%;
}
.catalog-product-compare-index > div { min-width:600px;}

body          {
	font-size:13px;
	line-height:20px;
	text-align:left;
	min-width:320px;
	position:relative;
	-webkit-text-size-adjust: none;
	transition:all 1000ms;
}
body > .wrapper { position:relative;}
.wrapper-tail{}

img           { border:0; vertical-align:middle; max-width:100%; }

a             { text-decoration:none; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
a:hover       { text-decoration:underline;}
a:focus 	  { text-decoration:none; outline:0;}
.form-control:focus {
         		 }

/* Headings */
h1            { font-size:20px; font-weight:normal; line-height:1.15; margin-bottom:0px; }
h2            { font-size:18px; font-weight:normal; line-height:1.25;margin-bottom:7px;}
h3            { font-size:16px; font-weight:bold; line-height:1.25; margin-bottom:7px;}
h4            { font-size:14px; font-weight:bold; margin-bottom:7px; }
h5            { font-size:12px; font-weight:bold; margin-bottom:7px;}
h6            { font-size:11px; font-weight:bold; margin-bottom:7px;}

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; border:1px solid #ddd!important;  }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal;}
tr{ border-top: 1px solid #ddd;}

/* Content */
strong        { font-weight:bold; }
address       { font-style:normal; margin-bottom:5px;}
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }

/* Lists */
ul,ol         { list-style:none; }
.products-list{ padding-top:20px;}
/* Tools */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
/*.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }*/
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
.calendar 	  {z-index: 1;}
.fl{ float:left;}
.fr{ float:right;}
.mr10{ margin-right:10px;}
.mr5{ margin-right:5px;}
.mr15{ margin-right:15px;}
.mb20{ margin-bottom:20px;}
.mt20{ margin-top:20px;}
.mt10{ margin-top:10px;}
/*tophead*/

.top-head{ background: #A32859; padding: 10px 0px; color:#fff; font-family: 'Merriweather Sans', sans-serif; vertical-align: baseline; z-index:11; position:relative;}
.top-language{ text-align:right;}
.lang-list{ position:relative;}
.lang-list ul{ position:absolute; top:30px; right:0; border:1px solid #ddd; border-top:none; padding:10px 20px; display:none; background:#fff;}
.lang-list ul li a{ line-height:20px;}
.lang-list ul li{ margin-bottom:5px; text-align:left;}
.lang-list ul li a img{ float:left; margin-right:5px; margin-top:5px;}
.select-label-name{}
.lan-icon{ font-weight:normal; cursor:pointer;}
@media (width:768px){
	.top-txt{ float:left; display:inline; width:70%;}
	.top-language{ float:right; display:inline; width:25%;}
}

.navcon{ background:#323232;}
.navcon .navbar{ margin-bottom:0;}
.navcon .navbar a{ color:#fff; font-size:16px;}
.navcon .navbar ul li.open a{ color:#333!important;}
.navcon .navbar ul li.open a:hover{ color:#A32859;}
.navcon .navbar a:hover{ color:#A32859;}
.navcon .navbar-toggle{ border:none; color:#fff; font-size:20px;}
.navcon .icon-bar{ background:#fff;}

.phone-vbar{ width:100%; height:50px;}
.phone-tophead{ background:#323232; width: 100%; max-width: 100%; line-height: 20px; font-weight:normal; font-size:24px; color: #fff; left: 0; top: 0; z-index: 999; height: 50px; border-bottom: 1px solid #232323; position:fixed; _position:absolute; top:0;}
.swipe-control{ float: left; border-right: 1px solid #232323; height: 50px; padding: 10px 30px; cursor: pointer; position: relative; z-index: 9999;}
.swipe-search{  float: right; border-left: 1px solid #232323; height: 50px; padding: 10px 30px; cursor: pointer; position: relative; z-index: 9999;}
.swipe-nav{ position:absolute; background:#323232; top:50px; z-index:999; transition:all 1000ms; border-right: 1px solid #232323; width:172px;}
.active-swipe{ left:0!important;}
.swipe-nav ul li a{ font-size:14px; color:#fff; display:block; font-weight: bold; line-height: 26px; padding: 10px 20px 11px; position: relative; border-bottom: 1px solid #232323;}

.swipe-nav ul{ margin-bottom:0; width:173px;}
.s-searchcon{ width:100%; padding:0 20px; position:absolute; top:50px; z-index:9; opacity:0; transition:all 1000ms;}
.s-search-body{ background: #FBFBFB; padding: 6px 112px 6px 6px; border: 1px solid #ddd; position: relative; }
.s-search-body .button{ position:absolute; right:6px; top:6px; width:100px; border:none; height:34px; background:#A32859; border-radius:3px; font-weight:normal; font-size:18px;}
.input-text{ border:none;}
.active-search{ opacity:1; top:60px;}

.logo-search{ padding:17px 0 22px 0;}
.search{ margin-top:11px;}
.search .form-control-feedback{ color:#333; width:auto; border:none; background:none; cursor:pointer; margin-top:2px;}
.search .form-group{ margin-bottom:0;}
/*tophead*/

.pecent-project{ padding-bottom:40px;}
.span-btn{ display:none;!important; cursor:pointer; font-size:16px;}

.carousel-control{ background-image:none!important;}
.carousel-control a span{ color:#fff;}
.carousel-control a:hover span{ color:#333;}

/*footer*/
.footercon{ background: #453F41; padding:10px 0px; text-align:center; color:#fff;}
.bread-path{ padding:10px 0;}
.bread-path .breadcrumb{ background:none; margin-bottom:0; padding-left:10px;}
.bread-path .home-icon{ color:#333; margin-top:10px; padding-left:20px;}
.navcon .navbar-collapse{ padding:0;}
.navcon .navbar-brand{ color:#fff!important;}

.contact-content{ padding:5px; color:#333;}
.search input{ height:44px;}
.search button{ top:3px;}
.slide-body{ background:#fff; padding:10px 0;}
@media (min-width:768px) and (max-width:992px) {
	.left-part{ margin-bottom:20px;}
}
@media (min-width:768px) {
.slide-body{ display:block!important;}
}
@media (max-width:767px) {
.navcon .navbar ul li.open a{ color:#A32859;}
.navcon .navbar ul li.open ul.dropdown-menu li a{ color:#fff!important;}
.navcon .navbar ul li.open ul.dropdown-menu li a:hover{ color:#A32859;}
.span-btn{ display:block!important;}
.slide-body{ display:none;}
.bread-path{ padding:10px;}
.navcon .navbar-collapse{ padding:0 15px;}

.product-img-box{ float:none; margin:0 auto;}
.product-shop{ width:100%; padding-top:20px; margin-bottom:20px;}
}

/**contact us**/

.m-content{ height:auto; overflow:hidden;}
.contact-item{ border:1px solid #ddd; border-bottom:10px solid #e6e7eb; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px; padding:25px; padding-bottom:15px; font-size:12px; margin-bottom:15px;}
.contact-item .top{ font-size:18px; font-weight:700; margin-bottom:10px;}
.contact-item .top span{ font-weight:normal; font-size:12px; color:#666; padding-left:15px;}
.contact-item .body li{ line-height:25px; position:relative; overflow:hidden;}
.contact-item .body li span{ display:inline-block; width:auto; float:left;}
.contact-item .body li .s-right{ position:relative; overflow:hidden;}
.s-right1{position:relative; overflow:hidden;}





/*三级菜单*/
.third-menu{ display:none;}
.dropdown-third{ position:relative; background:#fff; padding:5px; padding-right:20px;}
.dropdown-third:hover{ background:#e1e1e1;}
.dropdown-third>a:hover{ background:none!important;}
.dropdown-third>a{ font-size:14px;}
.third-menu li{ line-height:25px; padding:5px 20px; min-width:200px;}
.third-menu li:hover{ background:#e1e1e1;}
.third-menu{ position:absolute; top:0px; left:100%; background:#fff; z-index:1; padding:10px 0; border:1px solid #e1e1e1; border-left:none; box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.navcon .navbar .third-menu li a:hover{ color:#459ADB!important;}
.third-btn{ float:right; cursor:pointer; position:absolute; right:10px; top:12px; font-size:12px;}


/*公用左侧伸缩菜单*/
.categorynav-con{ padding:15px 0;}
.nav-title span.glyphicon{ display:inline-block; font-size:12px;
font-weight:normal; position:absolute; top:11px; left:0; margin-left:18px;}
.nav-title{padding:8px 15px; padding-left:25px; cursor:pointer; height:auto; overflow:hidden; position:relative;}
.panels-body{ padding-left:25px;}
.panels-body{ display:none;}
.nav-title a{ margin-left:18px; float:left;}
.contact-content{ padding:10px;}
.single-con{ margin-bottom:20px;}

/** 左侧contact us**/
.slide-block .call-content{ padding:5px;}
.call-content li {
  margin-bottom: 5px;
}
.call-content li span {
  font-weight: 700;
  padding-right: 5px;
}

/* box */
.box{width:370px;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:top;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:42px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
/*.tb-s310, .tb-s310 a{height:370px;width:370px;}*/
.tb-s310, .tb-s310 img{/*max-height:290px;max-width:290px;*/}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:40px;width:40px;}
.tb-booth{/*border:1px solid #CDCDCD;*/position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:40px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}