/************************Notice background path*********************************************/
/*******初始化********/
html,body{-webkit-text-size-adjust:none;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#fff;}
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,table,tr,td{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
.clear{ zoom:1;}
.clear:after{ content:""; clear:both; display:block; overflow:hidden;}

/********************/
#scrollUp {
  bottom: 20px;
  right: 10px;
  height: 42px;
  width: 42px;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 36px;
  color: white;
  text-align: center;
  border-radius: 10px;
  text-decoration: none;
  z-index: 999;
  -webkit-transition: -webkit-transform opacity 0.2s ease-out;
  -moz-transition: -moz-transform opacity 0.2s ease-out;
  -o-transition: -o-transform opacity 0.2s ease-out;
  transition: transform opacity 0.2s ease-out;
}
#scrollUp .icon {
  vertical-align: middle;
  display: table;
  width: 29px;
  height: 28px;
  background: url(../images/scroll.png);
  margin: 7px auto;
  z-index: 999;
}
#scrollUp:hover {
  background-color: rgba(0, 0, 0, 0.75);
  *background: #000000;
  background: #000000\9;
  filter:filter:alpha(opacity=0.75);
}
.owl-dots{ display:none !important;}

.row{padding: 0px;margin: 0px;}
/*-------------------       header      ---------------------------*/
#header{ background:#fff;}	
#header .companyName {
	float: left;
	width: 30%;
}
#header .navbar {
	float: right;
	width: 42%;
}
.companyName img {
	max-width: 328px;
}
.navbar-default {
	border: 0px;
	background: #fff;
}
.navbar {
	border-radius: 0px;
	margin: 0;
	position:absolute;
	bottom: 15px;
	right:0;
	z-index: 99;
	width: 100%;
}
.nav-justified {
	width: 100%;
}
.nav>li>a {
	padding: 0;
	line-height:25px;
}
.container{ position:relative;}
.nav li{border-right:1px solid #000; padding:0 10px;}
.nav a{
	color: #000;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	font-size: 18px;
    font-family: 'Arial';
}
.nav li:hover a,.nav li.on a {
	color: #ab9159;
	background:none;
}
.nav li:last-child{ border:none;}
.bx-clone{ display:none;}
section .flash{ width:100%; max-width:1700px; overflow:hidden; margin:0 auto; text-align:center;position:relative;}
section .flash .ftxt{ position:absolute; top:32%; right:15%; width:27%; z-index:10;}
section .flash .ftxt img{ width:100%; max-width:446px;}
section .flash .line{ width:100%;  position: absolute; bottom: 6%;  z-index:999;}
section .flash .line .main{  max-width:1150px; margin:0 auto; background:rgba(255,255,255,0.5); height:5px;}
section .flash .line .main .block{ width:33.333%; height:5px; background:rgba(255,255,255,1);}

#show{position:relative;background:#ececec; padding: 68px 0px;}
#show img{ width:100%;}
#show .row div{ margin-bottom:0; position:relative;}
#show .row-padding{padding-bottom: 40px;}
#show .col-lg-3,#show .col-lg-6,#show .col-lg-12{padding-right: 0px;padding-left: 0px;}
#show .but{font-family: 'dejavuserifcondensed-bold'; font-size:14px;  color:#000; position:absolute; right:16%; bottom:20%;}
#show .but:hover{ color:#ad9737;}

#show .but1{font-family: 'dejavuserifcondensed-bold'; font-size:14px;  color:#000; position:absolute; left:16%; bottom:20%;}
#show .but1:hover{ color:#ad9737;}

#show .but3{font-family: 'dejavuserifcondensed-bold'; font-size:14px;  color:#000; position:absolute; left:33%; bottom:9%;}
#show .but3:hover{ color:#ad9737;}

#show .but4{font-family: 'dejavuserifcondensed-bold'; font-size:14px;  color:#000; position:absolute; left:33%; top:40%;}
#show .but4:hover{ color:#ad9737;}

#prodcat_left1 { 
	width: 100%;
	padding: 10px 0;
	font-size: 1.167em;
	min-height: 700px;
}
#prodcat_left1 li {
	width: 90%;
	padding: 0 5%;
	text-align: center;
	margin: 7px auto;
	background:#fff;
}
#prodcat_left1 li a, #prodcat_left1 li a:visited {
	color: #000;
	padding: 10px 5px;
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
}
#prodcat_left1 li:hover {
}
#prodcat_left1 li ul li {
	border-bottom: 1px dashed #000;

}
#prodcat_left1 li ul li a {
	font-size: 16px !important;
}
#show .showcase {
	width: 100%;
	height: 247px;
	background: url(../images/showcaseBg.png) no-repeat center top;
}
#show p.showcaseBtn {
	padding-left: 100px;
	padding-top: 60px;
}
#show p.showcaseBtn, #show p.showcaseBtn span, #show p.showcaseBtn a {
	display: block;
	width: 466px;
}
#show p.showcaseBtn span {
	background: #F5F5F5;
	height: 90px;
	font-size: 4.67em;
	line-height: 90px;
	font-family: 'Times New Roman';
}
#show p.showcaseBtn a, #show p.showcaseBtn a:visited {
	background: #ffffff;
	height: 30px;
	font-size: 1em;
	line-height: 30px;
	color: #464646;
	font-family: 'Arial';
}
#show .showPic a {
	display: block;
	width: 100%;
	position: relative;
	text-decoration: none;
	overflow: hidden;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.viewmore{display: block;color: #fff;background: #6B575D;padding: 10px 0px;width: 97%;font-size: 1em;text-decoration: none;opacity: 0;filter:filter:alpha(opacity=0); -moz-opacity:0; position: absolute;bottom: 0px;}
.vmActive{opacity: 1;filter:filter:alpha(opacity=1); -moz-opacity:1; transition: all 0.5s;-webkit-transition:all 0.5s;}
.thumbnail{margin: 0;}
.thumbnail p{width: 100%;}
.thumbnail img{width: 100%;height: auto;}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover{border-color: #372F3E;}


#footer{background:url(../images/foot.jpg) top center repeat; width:100%; padding:50px 0; color:#fff; font-size:16px;}
#footer h1{ font-size:18px;}
#footer a{ color:#fff;}
#frame{min-height: 900px;}

#frame {
	background: #fff;
	min-height: 900px;
}
#frame .showText {
	background: #dcdcdc;
	color: #000;
}
#frame .showText .text1 {
	font-size: 1.75em;
	line-height: 25px;
	color: #00479d;
	font-weight: bold;
	background: #fff;
}
#frame .row-padding {
	margin:30px 0px;
}
/******************************frame global *****************************/
.righttitle{ color:#000; font-weight:normal; line-height:40px;font-size: 1.4em;border-bottom: 1px solid #ccc;}
.righttitle a, .righttitle a:visited{color:#000; text-decoration:none;}
.righttitle a:hover{color:#de261b; text-decoration:none;}
.col-margin-bottom{margin-bottom: 10px; height:275px;}


.banner2,.banner3{width: 100%; margin:10px auto; text-align:center;}
.banner2 img,.banner3 img{width: 100%;}
.banner3{ margin-top:30px;}

#proshow ul { text-align:center; margin-top:30px;}
#proshow ul li{ display:inline-block; padding:0 15px; color:#fff; background:#000; margin:0 10px; line-height:40px;}
#proshow ul li a{ color:#fff; display:block; text-decoration:none;font-size: 1.8em;}
#proshow ul li:hover{ color:#fff; background:#bfbfbf;}

#prodcat .catImg{}
#prodcat img{ border:1px solid #C6C6C6;}
#prodcat .catImg a img{ border:1px solid #C6C6C6;}
#prodcat .catName{display: block;width: 100%;}
#prodcat .catTotal{display: block;width: 100%;}
#prodcat .catName a,#prodcat .catName a:visited{color: #000;display: inline-block;height: 30px;line-height: 30px;font-size: 16px;}

#productList ul{font-size: 1.67em;}
#productList .total-product{width:100%; text-align:center;}
#productList .page-list{width:100%; text-align:center;}

#page_no_list span{ margin:0 5px;}
.page_list_a{padding:4px 8px; background-color:#eee;}
.page_list_a:hover{ background-color: #000000;}
.pagelist_hover{xbackground-color:#ccc; xborder:1px #000 solid;}
.page_list_a_bold{padding:4px 8px; color: #fff; background-color: #000000; font-weight:bold;}

#productDetail .furtherdetail-image p{transition: all 0.5s;overflow: hidden;width: 100%;height: 100%;display: block; }
#productDetail .furtherdetail-image img{width: 100%;height: auto;transition: all 0.5s;}
#productDetail .furtherdetail-image p:hover img{transform: scale(1.1);transition: all 0.5s;}
#productDetail .productName,#productDetail .productCode{font-size:18px;padding: 10px 0px;}
#productList .productContent,#productDetail .productContent{font-size:1.4em;padding: 5px 0px;color: #000;word-break:break-all;word-wrap:break-word;}
#productDetail .product-detail-btn{width:100%;z-index: 999;}
#productDetail .product-detail-btn li{width: 100%;text-align: center;margin: 5px 0px;}
#productDetail .product-detail-btn li a,#productDetail .product-detail-btn li a:visited,.plist-send-btn,.plist-send-btn:visited{width: 100%;display: block;height: 50px;text-align: center;line-height: 50px;font-size: 16px;color: #8F8F8F;background: #F1F1F1;text-transform: uppercase;}
#productDetail .product-detail-btn li a:hover{color: #fff;background: #999;}
#productDetail .addNow{margin:20px 0px;text-align: center;}
#productDetail .addNow input{width: 100%;overflow: hidden;}
.listStyle{border: 1px solid #ccc;padding: 10px;}
.plist-total{height: 50px;line-height: 50px;font-size: 1.33em;}

/****************************** enquiry ******************************/
.form_max{position: relative; width: 70%;margin: 20px auto;border:3px solid #666666;padding: 5px;}
.enquiry_form_color {width: 100%;}
#ta{width:100%;}
.list{width: 100%;}
.style1{width: 100%;}
.style2{width: 90%;}
.style6{font-weight: bold;color: #000;}
/************************************************************/
.row-content{width:960px;margin: 0 auto;}
.row-Title{display: block;width: 100%;text-align: center;position: relative;padding: 20px 0px;}

/***************aboutus page************************/
#aboutus .aboutusInfo{font-size: 1.33em;line-height: 30px; }

/***************contactus page************************/
#contactus{ color: #000;word-break:break-all;word-wrap:break-word;}
#contactus .contactInfo{font-size: 1.33em;line-height: 30px;}
#contactus a,#contactus a:visited{color: #000;}
#contactus .map{width: 100%;height: 400px;}

#aboutus h1,#contactus h1{ color:#000; font-weight:normal; line-height:40px;border-bottom: 1px solid #ccc;font-size: 1.67em;}

@font-face { 
  font-family: 'itcavantgardestd-demi'; /* 字体名称,可自己定义 */ 
   src: url('fonts/itcavantgardestd-demi.eot');
   src: local('itcavantgardestd-demi Bk BT'),
        local('itcavantgardestd-demi'),
        url('fonts/itcavantgardestd-demi.woff') format('woff'),
        url('fonts/itcavantgardestd-demi.ttf') format('truetype'),
        url('fonts/itcavantgardestd-demi.svg#fontName') format('svg');
}
.nfoot{ color:#000; font-size:16px; line-height:30px; font-family: 'itcavantgardestd-demi'; font-weight:normal; padding:20px 0;margin-top:15px;}
.nfoot a{ color:#000;}

#show .div{ overflow:hidden;}
#show .div img{
       -o-transition:all .6s; -ms-transition:all .6s; -webkit-transition:all .6s; transition:all .6s; -moz-transition:all .6s; overflow:hidden;}
#show .div:hover img{ }
	
	
.butt{ width:100px; margin:0 auto; display:inline-block; text-align:center; font-size:20px; font-weight:bold; padding: 5px 10px;
    margin-top: 65px; color:#000; text-decoration:none; border-bottom:1px solid #000; border-top:1px solid
#000;-o-transition:all .6s; -ms-transition:all .6s; -webkit-transition:all .6s; transition:all .6s; -moz-transition:all .6s;}
.butt:hover{ text-decoration:none; background:#ab9159; color:#fff;}

@media (min-width: 1000px){
	#about{ margin-top:127px;}
	#list .other img{ padding-top:5%; padding-right:5%; width: 98% !important;}
	#list .other1 img{ padding-bottom:5%; padding-left:5%;}

	}

@media (max-width: 1200px){
	#show .picBg{width: 50%; }
	#show .showText{width: 50%; }
	#show .showPic{margin-bottom: 10px;}
	.viewmore{width: 98%;}
	.nfoot{ font-size:18px;}
#header .navbar{ width:46%;}


}
@media (max-width: 1000px){
	section .ltxt p { font-size:2.5em;}
#header .navbar { margin-top: 20px; width: 100%;}
.companyName img{ height:60px;}
#header .navbar{width: 60%;}
#show .but{ font-size:12px; bottom:18%; right:14%;}
#show .but1{ font-size:12px; bottom:18%; left:15%;}
#show .but3{ font-size:12px; left:30%;}
#show .but4{ font-size:12px; left:30%;}
		}
@media (max-width: 900px){
	#about .about{ text-align:center;}
#about .about .aboutl{ display:none;}
#about .about .aboutr{ float:none; position:relative; width:100%;}
.flash .rflash{ display:none;}
section .click{ width:18%;}
.nfoot{ font-size:16px;}
	}
@media (min-width: 768px){
	.navbar-default{ background:none;}
.nav a{ font-size:14px;}
.pull-left, #prodcat_left1 {
    min-height: auto;
}
	}

@media (max-width: 768px){
 
	.mb{ margin-bottom:15px;}
	#header{}	
.nav>li>a{ line-height:35px;}
#header{ margin-top:10px;}
#header .companyName{ margin:0;}
#prodcat_left1{ min-height:auto;}
.nav-justified {
	width: 100%;
}
#show p.showcaseBtn {
	padding-left: 0px;
	padding-top: 60px;
	margin: 0 auto;
}
.menuIcon {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 30px;
	cursor: pointer;
}
#header .navbar {
    position: static;
	 margin-bottom:10px;
	width: 100%;
	height: 100%;
	padding: 20px 0px;
	z-index: 9999;
	display: none;
filter:filter:alpha(opacity=0.8);
	background: rgba(55,47,62,0.8);
}
.nav a {
	color: #fff;
	font-weight: bold;
}
.nav li:hover a,.nav li.on a {
	color: #000;
	background:#fff;
}


.companyName {
	width: 40%;
}
.companyName img {
	height:60px;
}
.moblie_menu {
	position: absolute;
	right: 2%;
	top: 13px;
	width: 40px;
	height: 30px;
	border: 1px solid #ccc;
	border-radius: 5px;
	cursor: pointer;
	transition: all ease-in-out 0.3s;
	background: rgba(255,255,255,0.2);
	z-index: 100
}
.moblie_menu span {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -1px;
	width: 20px;
	height: 2px;
	background-color: #666;
	transition: background ease-in-out 0.3s;
}
.moblie_menu span::before, .moblie_menu span::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	left: 0;
	background-color: #666;
	transition: transform ease-in-out 0.3s;
}
.moblie_menu span::before {
	top: -6px;
}
.moblie_menu span::after {
	bottom: -6px;
}
.onmenu {
	background-color: #eee;
}
.onmenu span {
	background-color: #eee;
}
.onmenu span::before, .onmenu span::after {
	background-color: #e60012;
}
.onmenu span::before {
	transform: rotate(45deg);
	top: 0;
}
.onmenu span::after {
	transform: rotate(-45deg);
	bottom: 0;
}
	.nfoot{ font-size:14px;}
	#show p.showcaseBtn{padding-left: 0px;padding-top: 60px;margin: 0 auto;}

	section .ltxt,section .rimg{ float:none; width:100%;}
	section .click{ position: static; width:30%; float:right;max-height: 53px;    max-width: 248px;margin: 10px 0;}

	
}
@media (max-width: 640px){

	#show{background: #fff;padding: 20px 0px;}
	#show .row-padding{padding-bottom: 20px;}


	#show p.showcaseBtn{display: block;width: 80%;}
	#show p.showcaseBtn span,#show p.showcaseBtn a{display: block;width: 100%;}
	#show p.showcaseBtn span{font-size: 2.67em;}
}
@media (max-width: 420px){
#show .but{ font-size:12px; bottom:15%; right:12%;}
#show .but1{ font-size:12px; bottom:15%; left:12%;}
#show .but3{ font-size:12px; left:27%;}
#show .but4{ font-size:12px; left:27%;}
}
@media (max-width: 480px){
	#frame .row-padding{margin: 20px 0;}
}
@media (max-width: 330px){
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom:16% !important;}
}