/************************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; border-top:15px solid #ee8710; border-bottom:4px solid #ee8710;}	
#header .companyName {
	width: 100%; border-bottom:4px solid #ee8710;
}
#header .container{ min-height:45px;}
#header .navbar {
	float: right;
	width: 80%; 
}
.companyName img {
	max-width: 481px;
}
.navbar-default {
	border: 0px;
	background: #fff;
}
.navbar {
	border-radius: 0px;
	margin: 0;
	position:absolute;
	bottom: 0;
	right:0;
	z-index: 99;
	width: 100%;
}
.nav-justified {
	width: 100%;
}
.nav>li>a {
	padding: 0 8px;
	line-height:45px;
}
.container{ position:relative;}
.nav li{  padding:0 15px; position:relative;}
.nav li:before{ position:absolute; content:""; width:1px; height:20px; background:#000; right:0; top:12.5px;}
.nav li span{ display:inline-block;}
.nav a{
	color: #000;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	font-size: 20px;
    font-family: 'Arial';
}
.nav li:hover a,.nav li.on a {
	color: #fff;
	background:#ee8710 !important;
	background:none;
}
.nav li:last-child{ border:none;}

.bxslider li a{ position:absolute; right:10%; bottom:8%; color:#221815; font-size:25px; font-family: 'calibri'; padding-right:15px; background:url(../images/icon.png) right center no-repeat; text-decoration:none;}
.bxslider li a:hover{ color:#ffaf35; background:url(../images/iconh.png) right center no-repeat;}
.bxslider li .main{ position:absolute;  width:100%; top:0; left:0;}
.bxslider li .main .container{height:100%; text-align:left; }
.bxslider li .main .container .txt{ padding:15px 50px; font-family:"Arial"; font-weight:bold; font-style:italic; margin-top:20%; background:#ee8710; color:#fff; font-size:22px; display:inline-block;}

.bx-clone{ display:none;}
section .flash{ width:100%; overflow:hidden; margin:0 auto; text-align:center;position:relative;}
 

section .floor{ margin:35px auto;}
section .floor .container{ max-width:1050px;}
section .floor .ltxt{ width:51%; float:left;}
section .floor .rimg{ width:47%; float:right;}   
section .floor h1{ font-size: 30px; font-family: 'Arial'; font-weight:bold; color:#000; margin-bottom:25px;}
section .floor p{font-size: 16px; font-family: 'Arial'; color:#959595; line-height:26px;}
section .floor .ltxt img,section .floor .rimg img{ width:100%;}
section .floor .ltxt .img{ position:relative; margin-top:10px;}
section .floor .ltxt .img span{ position:absolute; bottom:10%; right:5%; color:#ff8900; font-size:20px; font-weight:bold; text-align:right;}
section .floor p.p{ text-align:right;}
section .floor p.p a{ color:#ee8710; text-decoration:none; padding-right:15px; background:url(../images/icon1.jpg) right -20px no-repeat;}
section .floor p.p a:hover{ color:#000; text-decoration:none; background:url(../images/icon1.jpg) right 1px no-repeat;}


section .floor1 .container{ max-width:1050px;}
section .floor1 .container .main{ border-bottom:5px solid #ee8710; }
section .floor1 h1{ font-size: 30px; font-family: 'Arial'; font-weight:bold; color:#000; display:block; border-bottom:6px solid #ee8710;}
.owl-carousel .owl-item p{ text-align:center; margin-top:5px;}
.owl-carousel .owl-item p a{ display:block; text-decoration:none; color:#fff; background:#ee8710; line-height:30px; font-size:17px;}
.owl-prev{  position:absolute; top:50%; left:-40px;}
.owl-next{  position:absolute; top:50%; right:-40px;}
section .floor1 .txt{ line-height:22px; font-size:16px; color:#959595; font-family: 'Arial'; margin:20px 0;}
#prodcat_left2{ padding-bottom:8px;}
 




#show{position:relative;background:url(../images/showbg.jpg) center center no-repeat; padding: 68px 0px;}
#show img{ width:100%;}
#show .row div{ margin-bottom:10px;}
#show .row-padding{padding-bottom: 40px;}
#show .col-lg-3,#show .col-lg-6,#show .col-lg-12{padding-right: 5px;padding-left: 5px;}

#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 {
	  background: #ccc;

}
#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: #ee8710; width:100%; height:40px; margin-top:40px;}
#footer p{ line-height:40px; font-size:18px; color:#fff; font-family:"arial";}

 
#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: 16px;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;}


.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-wrap: break-word;
    word-break: normal;}
#productDetail .product-detail-btn{width:100%;z-index: 999;}
#productDetail .product-detail-btn li{width: 60%;text-align: center;margin: 5px auto;}
#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: 60%;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{-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);}
	
	
.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:#007C59; 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:60%;}


}
@media (max-width: 1000px){
 
.companyName img{ height:60px;}
#header .navbar{width: 70%;}

		}
@media (max-width: 980px){
	#productDetail .addNow input,#productDetail .product-detail-btn li{ width:100%;}
	#about .about{ text-align:center;}
#about .about .aboutl{ display:none;}
#about .about .aboutr{ float:none; position:relative; width:100%;}
section .floor .rimg{width: 52%;}
section .floor .ltxt{width: 46%;}
section .floor h1{ margin-bottom: 0px;}
section .floor p,section .floor .ltxt .img span{ font-size: 14px; line-height: 20px;}
	}
@media (min-width: 768px){
	.navbar-default{ background:none;}
.nav a{ font-size:16px;}
.pull-left, #prodcat_left1 {
    min-height: auto;
}
	}

@media (max-width: 768px){
	
section .floor h1,section .floor1 h1{ font-size:20px; margin-bottom:10px;}
section .floor p{ font-size:16px;}
.nav-justified>.dropdown .dropdown-menu{ left:0; width:100%;}
.dropdown-menu>li>a:hover{ background:none !important;}
.bxslider li a{ font-size:15px;}
.owl-controls{ display:none !important;}
.bxslider li .main .container .txt{font-size: 12px;margin-top: 1%;font-weight: 100; padding:10px;}
section .floor .ltxt,section .floor .rimg{ float:none; width:100%; margin-bottom:15px;}
.bx-wrapper .bx-pager.bx-default-pager a{width: 30px !important;}
.nav>li>a{ line-height:35px; font-size:16px !important;}
#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: 7px;
	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: 480px){
	#frame .row-padding{margin: 20px 0;}
}
@media (max-width: 390px){
}