/************************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;}
.btit{ text-align:center;}
.btit h1{ font-size:40px; margin:2% 0;}
.btit span{ margin:0 10px;}

.dow p a{ font-size:24px; font-weight:bold;}
.dow img{ max-width:30px;}
/*-------------------       header      ---------------------------*/
#header{  background:#f2e9e7; text-align:center; }	
#header .companyName {width: 100%; }
#header .main{  }
#header .container{ min-height:60px; text-align:left;}
#header .navbar {
	float: none;
	width: 100%; 
}
.companyName img {
	max-width: 387px;
}
.navbar-default {
	border: 0px;
	background: #9e9787;
}
.navbar {
	border-radius: 0px;
	margin: 0;
	position:static;
	bottom: 0;
	right:0;
	z-index: 99;
	width: 100%;
}
.nav-justified {
	width: 100%;
 
}
.nav>li>a {
	padding: 8px 22px;
	line-height:40px;
}
#header .container{ position:relative; }
.nav li{   position:relative;display: inline-block;} 
 
 
.nav a{
	color: #fff;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	font-size: 20px;
    font-family: '微软雅黑';
}
.nav li:hover a,.nav li.on a {
	color: #fff;
	background:#595143;
}
.nav li:hover,.nav li.on {
	color: #313131;
}
.nav li:last-child{ border:none;}

.nav .ul1{ position:relative;cursor:pointer;}
.nav .ul1 li{cursor:pointer;}
.nav .ul2{ position:absolute; top:100%; left:0; width:100%;z-index: 999;}
.nav .ul2,.nav .ul3{ display:none;}
 
.nav .ul2{ background:#a0a9a9; color:#fff;}
.nav .ul2 li:hover a, .nav .ul2 li a {
    color: #fff;
    background: none;
    border-radius: 0; font-size:18px;
}
.nav .ul2 li{ display:block;}
.nav .ul2 li a{line-height: 35px;}
.nav .ul2 .ul3 a{ font-size:18px; line-height:30px; text-decoration:none;}
.nav .ul2 a.a{ display:block; }
.nav .ul2 li:hover a.a{background:#828c8c;}
.nav .ul3 li,.nav .ul3 li a{ display:block;}
.nav .ul3 li:hover a{background:#828c8c;}
.nav .ul2 li{ border-bottom:1px dashed #fff; cursor:pointer;}

 


section .flash{ width:100%; overflow:hidden; margin:0 auto; text-align:center;position:relative; text-align:center; background:url(../images/flash.jpg) center center no-repeat;padding: 10% 0; }
section .flash img{ width:100%; max-width:490px;}
 


section .floor{ padding:3% auto; background:url(../images/bg.jpg) center center no-repeat; text-align:center }
section .floor .container{}
section .floor .txtmain{    display: inline-block;
    background: #f0d9af;
    padding: 5%;}
section .floor h1{ font-size:33px; color:#1a1a1a; font-weight:bold; position:relative; display:inline-block; margin-bottom:5%;}
section .floor h1:before{ content:""; width:100%; height:13px; background:#91553e; z-index:-1; bottom:-1px; left:0; position:absolute;}
section .floor p{font-size: 22px; color:#1a1a1a; line-height:45px; text-align: left; }
section .floor p.a{ margin-top:8%; text-align:center;}
section .floor p.a a{ background:#a2956a;color:#fff;padding:8px 8%; text-decoration:none;}
section .floor p.a a:hover{ background:#91553e}
 


section .floor1{ margin-bottom:5%;}
section .floor .container{ padding:0; font-weight:bold;}
section .floor1 .ftit{ text-align:center; margin:4% 0; }

section .floor1 h1{ font-size:33px; color:#91553e; font-weight:bold; position:relative; display:inline-block;}
section .floor1 h1:before{ content:""; width:100%; height:13px; background:#a2956a; z-index:-1; bottom:-1px; left:0; position:absolute;}
section .floor1 a{	font-size: 18px; color:#a0a9a9;  line-height:25px; text-decoration:none;  font-weight:bold;}
section .floor1 a:hover{ color:#9091a0;}
 
section .floor1 ul li{ width:31.2%; float:left;margin:0 1%; margin-bottom:2%; }
section .floor1 ul li img{ width:100%;}
section .floor1 ul li:nth-child(odd) {
	 
}


 
.homevideo video{ width:100%;}
 

.banner{ text-align:center; padding:6% 0; margin-bottom:5%;}
.banner h1{ font-size:35px; color:#fff; font-weight:bold; position:relative; display:inline-block;z-index: 999; display:none;}
.banner h1:before{ content:""; width:100%; height:13px; background:#aa674e; z-index:-1; bottom:-1px; left:0; position:absolute;}
.banner h1.h1,.banner h1.h2,.banner h1.h3,.banner h1.h4,.banner h1.h5{}

.footer{ width:100%; background:#90887f;  font-size:21px; color:#fff; line-height:40px;  }    
.footer .container{ max-width:1100px; margin:0 auto; padding:60px 0; }
 
.footer span{ padding-left:45px; display:inline-block}
.footer span.tel{ background:url(../images/icon1.png) left center no-repeat;}
.footer span.fax{     background: url(../images/icon3.png) 37px center no-repeat;
    margin: 0 50px;
    border-left: 1px solid;
    border-right: 1px solid;
    padding-right: 49px;
    padding-left: 81px;}  
.footer span.mail{ background:url(../images/icon2.png) left center no-repeat;}
.footer span.add{ background:url(../images/icon4.png) left center no-repeat;} 
 
 


#aboutus h1{ margin:0; padding:0; font-size:25px;}
#aboutus img{ width:100%; max-width:1000px;}
#aboutus h2{ font-size:20px; font-weight:bold; color:#000; }
#aboutus p{ text-align:left;}


 
#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;}
 
#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: 100%;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: 40px;text-align: center;line-height: 40px;font-size: 14px; text-decoration:none;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: 18px;line-height: 30px;}
#contactus a,#contactus a:visited{color: #000;}
#contactus .map{width: 100%;height: 400px;}

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

@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:58%;}


}
@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){
 
.pull-left, #prodcat_left1 {
    min-height: auto;
}
	}

@media (max-width: 768px){
.nav li{ display:block;}
section .floor h1,section .floor1 h1,section .floor3 h1,#aboutus h1{ font-size:20px; }
section .floor .container {
    padding: 0 15px;
    font-weight: bold;
}
section .flash img {
    width: 80%;
  
}
section .floor h1{padding-left: 5%;margin-left: 0;}
section .floor .limg img{ width:100%;}
section .floor p{ font-size:16px; line-height:30px;}
section .floor .limg,section .floor .rtxt,section .floor1 ul li{ float:none; width:100%;        margin: 0;
        margin-bottom: 15px;}
section .floor1 ul li:nth-child(odd) {
    margin-right: 0;
}
section .floor1 .topimg img{ margin-bottom: 3%;}
section .floor1 .limg .pro2 img,section .floor1 .limg div.pro2 p,section .floor1 .rimg .pro3 img,section .floor1 .rimg .pro3 p{ width:100%;}
section .floor1 .rimg .pro4{ width:100%; position:inherit; margin-top:15px;}
section .floor1 .rimg .pro3{margin-top: 15px;}
section .floor1 div p a,section .floor1 .rimg .pro4 a,#aboutus h2{ font-size:18px;}
 
.footer .flist,.footer .rlist{ float:none; width:96%; margin:0 2%;}
.footer .flist ul li em{ width:15%;}
.footer h1{ font-size:19px;}
.footer p,section .floor3 p{ font-size:16px;}
.footer span.fax{         margin: 0;
        border: 0;
        padding: 0;
        background: url(../images/icon3.png) left center no-repeat;
        padding-left: 45px;}
		
.footer .container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px 0;
}
.footer span{ display:block;}
section .flash .kuang .txt{position: inherit;  right: auto; top: auto; width: 100%;}
section .floor .ltxt{ float:none; width:100%; margin:15px 0;}
 
.nav>li>a{ line-height:35px; font-size:16px !important;}
 
#header .companyName{ margin:0;}
#prodcat_left1{ min-height:auto;}
.nav-justified {
	width: 100%;    margin-top: 21px;
}
#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: #a0a9a9;
}
.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: 15px;
	top: 12px;
	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: #000;
	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: #000;
	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){
}