html,body{-webkit-text-size-adjust:none;}
body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; background:#fff;}
a,p{margin:0; padding:0;}
ul,li{margin:0; padding:0; list-style:none;}
img {border:0;}
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }

.box{width:100%;; margin:0 auto; position:relative; z-index:0;}
.box a:link,.box a:visited{text-decoration:none;}
 
/*-------------------       header      ---------------------------*/
.col-margin-bottom{ margin-top:15px;}
#frame{ min-height:500px; margin-top:20px;}

#header {

    width: 100%;


}
#header .container{ background:#fff;position:relative;}
#header .companyName {
	float: left;
	width: 30%;
}


#header .navbar {
	position:absolute;
	right:0;
	bottom:0;
	width: 70%;
	background:#a0a0a0;
	padding:2.5% 0;
	border-radius:0 20px 20px 0;
	text-align:right;
}
.companyName img {
	width:100%;
	max-width: 349px;
}
.navbar-default {
	border: 0px;
 
}
.navbar {
	border-radius: 0px;
	margin: 0;
 
	z-index: 99;
	width: 100%;
}
.nav-justified {
	width: 100%;
}
.nav>li>a {
	padding: 0;
 
	padding:  0 15px;
}

.container{ position:relative;}
.nav li{ }
.nav a{
	color: #fff;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	font-size: 20px;
    font-family: 'calibri';
	background:none;
}
.nav li:hover a,.nav li.on a,.navbar-default .navbar-nav>li>a:hover {
	color: #000;
}

.section {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.flash{ position:relative; z-index:9;}
.flash img{ width:100%;}
 

.banner{ width:1200px; margin:0 auto;}

.section .floor{ width:100%; position:relative; margin:3% auto;}
.section .floor .container{ max-width:1130px; padding:3%; border:2px solid #c9a26b; border-radius:5%;}
.section .floor .container .limg{ float:left; width:54%; position:relative; }
.section .floor .container .rimg{ float:right; width:44%; }
.section .floor .container .rimg1{ margin-bottom:3%; position:relative;}
.section .floor .container .rimg2{ position:relative;}
.section .floor img{ width:100%;}
.section .floor .txt{ position:absolute; top:5%; left:6%;}
.section .floor .txt h1{ color:#000; font-size:35px;font-family: 'davidbd'; font-weight:bold; margin-left:10%; margin-bottom:10%; display:block;}
.section .floor .txt a{ color:#7e6b5a; font-family:"calibri"; font-size:20px;}
.section .floor .container .rimg a{ color:#fff;}
.section .floor .txt a:hover{ color:#000;}
 
 

.section .floor1{ text-align:center; background:url(../images/prolist.jpg) top center repeat-y; padding:4% 0; }
.section .floor1 h1{ color:#000; font-size:35px;font-family: 'davidbd'; font-weight:bold;}
.section .floor1 h1 em{ color:#00561f; font-style:normal;}
.section .floor1 p{ color:#8b8a8a; font-family:"Arial"; font-size:20px; padding: 8px 0;}
.section .floor1 .prolist{ margin-top:20px;}
.section .floor1 .prolist a{ text-decoration:none; color:#a0a0a0; font-family:"calibri"; font-size:20px;}
.section .floor1 .prolist a:hover{ color:#000;}
.section .floor1 .prolist img{ width:100%;}

.section .floor2{ text-align:center; padding:5% 0; }
.section .floor2 h1{ color:#000; font-size:35px;font-family: 'davidbd'; font-weight:bold; padding:3% 0; text-align:center; background:url(../images/h1bg.jpg) center center no-repeat;background-size: contain;display: block;}
.section .floor2 p{ color:#a0a0a0; font-family:"calibri"; font-size:18px; line-height:25px;}
 

.footer{ width:100%; background:#5e6a55; font-family:'Arial'; font-size:18px; color:#fff; line-height:40px; margin-top:5%;  }    
.footer .container{ max-width:880px; 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) left center no-repeat; margin:0 50px;}  
.footer span.mail{ background:url(../images/icon2.png) left center no-repeat;}
.footer span.add{ background:url(../images/icon4.png) left center no-repeat;}

/*
.flexslider { position: relative; height: 772px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat;}
.slides { position: relative; z-index: 1;}
.slides li { height: 772px;}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(images/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}

JS图片轮换*/
/*.sliderWrap{ position:absolute; top:0px; left:0px;}*/
/*翻屏广告*/
/*
.sliderBanner{ position: relative; overflow:hidden; width:1000px; height:772px;  }
.sliderBanner ul li { float: left;width:1000px; height:772px;   }
.sliderBanner ol{ position:absolute; right:415px; bottom:0px; list-style-type:none; padding:6px 0;display:none;}
.sliderBanner ol li{ display:inline-block; *display:inline; zoom:1; width:16px; height:16px; margin-right:5px; background: url(../images/point.jpg) no-repeat 0 0; cursor:pointer;}
.sliderBanner ol li.active{ background: url(../images/point_activ.jpg) no-repeat 0 0;}
*/

.a3{display: block;width: 100%;height: 100%;}
.a3 img{width: 100%;height: auto;}
.aboutUs{display: none;}


.link1{position:absolute;top:22px;left:356px;z-index:15;}
.link1-1{display:block;_display:inline-block;width:285px;height:203px;}
.link2{position:absolute;top:22px;left:807px;z-index:15;}
.link2-1{display:block;_display:inline-block;width:134px;height:203px;}


.profileaa {
  position:absolute;
  top:60px;
  left:62px;
  width:290px;
  font-size:13px;
  font-weight:bold;
  font-family:Calibri;
  color:#816849;
  line-height:21px;
}
.profileaa a:link,.profileaa a:visited{color:#816849;}

.prodcat_left1{position:absolute; top:50px; left:75px;font-size:12px;}
#prodcat_left1{font-family:"Microsoft YaHei",微软雅黑;font-weight:bold;}
#prodcat_left1 li{line-height:30px;}
#prodcat_left1 li a,#prodcat_left1 li a:visited {
	font-size:16px; 
  color:#87170B;
  text-decoration:none;
  display:inline;
}
#prodcat_left1 li a:hover {
  color:#B47F3D;
}

#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;
  -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;
}
#scrollUp:hover {
  background-color: rgba(0, 0, 0, 0.75);
}

.ctn{position: relative;left: 0px;top: 0px; width:1000px; background:#ffffff; overflow: hidden;}
.frame_content{position: relative; width:1000px; background:#fff; min-height:1184px;overflow: hidden;}
.frame_left{position: relative;float:left; width:290px; background:#ffffff; min-height:900px;}
.frame_right{position: relative;float:left; width:710px; background:#ffffff; min-height:900px;}

 
 
  /****************************** global ******************************/
.rightcontent{width:90%; padding:80px 0px; margin:auto;overflow: hidden;} /* right content*/
.rightcontent a, .rightcontent a:visited{color:#000; text-decoration:none;}
.rightcontent a:hover{color:#D60000; text-decoration:none;}
.righttitlebg{width: 100%;} /*right content head bgcolor*/
.righttitle{ color:#000; font-weight:normal; height:30px;line-height: 30px;}
.righttitle a, .righttitle a:visited{color:#000; text-decoration:none; font-size:16px;}
.righttitle a:hover{color:#D60000; text-decoration:none;}
.righttitle:before,.righttitle:after{clear: both;}

.content_box{width: 100%;height: auto;overflow: hidden;margin: 0 auto;}
.loopimg img{border:1px #ccc solid;}
.bottom_loop_div{width:48%;margin: 1%;float: left;} /*bottom product box*/
.catimg{width:100%;margin: 0 auto; text-align:center;}
.catna{width: 100%;text-align: center;overflow: hidden;}
.cat-name{width: 100%;margin: 0 auto;overflow: hidden;}
.cattotal{width: 100%;text-align: center;overflow: hidden;}

.rightinfo{width: 100%;margin: 0 auto; line-height:20px; padding:10px 0px;}
.product_show{width: 100%;margin: 0 auto;}
.m_product_box{width:100%; padding: 20px 0px; border-bottom:1px #999 dashed;overflow: hidden;}
.product-list-left{float:left;width:30%;text-align:center;}
.show_photo{width:90%;margin: 0 auto;}/*width of m_photo box*/
.show_photo img{width:100%; height: auto;}
.product-list-middle{float:left;width:48%;text-align:left;}
.show_photo_detail{margin-left:0px; margin-right:0px;}/*width of m_photo detaile box*/
.product-list-right{float:left;width:20%;text-align:right;}
.product-list-right li{padding-top: 30px;}
.btn_box a, .btn_box a:visited, .btn_box a:hover{color:red; text-decoration:none;}
.page_list_a{padding:2px 2px 2px 2px; xbackground-color:#eee; xborder:1px #000 solid;}
.pagelist_hover{xbackground-color:#ccc; xborder:1px #000 solid;}
.page_list_a_bold{padding:2px 2px 2px 2px; font-weight:bold;}
.righttitle-left{float:left; width:70%;text-align:left;}
.righttitle-right{float:right; width:28%;text-align:right; padding-right:2%;}

.product-infomation{width:100%; font-size:14px; margin:10px auto;text-align: center;}
.product-img-l{padding:5px;  text-align:center}
.product-link{height:22px; width:300px; margin:0 auto;}
.product-detail-btn{width:50%;padding-top:20px;margin: 0 auto;overflow: hidden;}
.product-detail-btn li{width: 33.3333%;float: left;text-align: center;}

.product-list-bottom{width: 100%; height:25px; line-height:25px;margin:10px 0px;}
.total-product{ width:100%; }
.page-list{ width:100%; text-align:right;}
.enquiry-btn{float:left; width:30%; text-align:right;}


.form_max{position: relative; width: 90%;margin: 20px auto;border:3px solid #666666;padding: 1px;}
.enquiry_form_color {width: 100%;}
#ta{width:100%;}
.list{width: 100%;}
.style1{width: 100%;}
.style2{width: 90%;}
.style6{font-weight: bold;color: #000;}
#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: 20px;
	padding: 10px 0px;
}
#productList .productContent, #productDetail .productContent {
	font-size: 18px;
	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;
}


 @media (min-width: 1000px) {

}
 @media (min-width: 1200px){
.nav>li>a{ }
	 }
 @media (max-width: 1200px) {
  #header .companyName{ width:30%;}
 #header .navbar{ width:70%}
.nav>li>a{padding: 10px 13px;}
.section .floor .al{ padding-left:7%;}
.section .floor .ar{ padding-right:7%;}
.viewmore {
	width: 98%;
}
}
@media (max-width: 1000px) {
.section .floor .two .mar-bottom {
    margin-bottom: 10.5%;
}
 
 
.about .atxt,.about .aimg{ float:none; width:100%;}
.about .aimg{ height:490px;}
 
}
@media (min-width: 992px){

	}
@media (max-width: 992px) {
.section .floor .two .mar-bottom {
    margin-bottom: 13.5%;
}

#about .about {
	text-align: center;
}
#prodcat_left1,#frame{ min-height:auto;}

 
#about .about .aboutl {
	display: none;
}
#about .about .aboutr {
	float: none;
	position: relative;
	width: 100%;
}
.flash .rflash {
	display: none;
}
section .click {
	width: 18%;
}
}
@media (min-width: 768px) {


.pull-left, #prodcat_left1 {
    min-height: auto;
}
 
.navbar-nav{ margin-right:5%; }	
}
 @media (max-width: 768px) {
.nav li:hover a, .nav li.on a{color: #e60012;}
.section .floor .container .limg,.section .floor .container .rimg{ float:none; width:100%;}
.section .floor .txt h1,.section .floor2 h1{ margin-left:0;font-size: 23px;}
.section .floor .txt a{font-size: 16px;}

.footer span{ display:block; margin-bottom:10px;}
.footer .container{ padding:30px 15px;}
.footer span.fax{ margin:0; margin-bottom:10px;}
.section .floor2 p {
    font-size: 16px;
    line-height: 20px;
}
.footer { font-size:15px;    line-height: 30px;}
	 .footer span img{ width:30px;}
	 #header{ position:relative;}
	 .section .floor1 h1{ font-size:20px;}
.section .floor .two .mar-bottom,.section .floor div {
    margin-bottom: 10px;
}
.dropdown-menu3{ left:5%; width:90% !important; height:auto !important;}
.dropdown-menu1, .dropdown-menu2{ top:100%; left:5%; position:static; width:90% !important; z-index:99; height:auto !important;}
	 .bx-wrapper{ width:100% !important; float:none;}
	 .bxslider img{ max-width:768px !important;}
	 #prodcat_left3,#prodcat_left2{ position:static;}
 
#header .companyName{ margin:0;}
.nav-justified {
	width: 100%;
}
.nav>li>a{ font-size:18px;line-height: 20px;}
.footer ul li.line:before{ display:none;}
.footer ul li{ 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 {

	width: 100%;
	height: 100%;
	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:hover {
	color: #e60012;
	background:#fff;
}
.nav li.on a{}
.navbar-nav{ margin:0; }

.companyName {
	width: 50%;
}
.companyName img {
	height:65px;
	width:auto;
}
.moblie_menu {
	position: absolute;
	right: 6%;
	top: 25px;
	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;
}
.footer .main .le{ margin-right:0;}
.footer .main span{ display:block;}
.footer ul{ padding-top:20px;}
.footer p.p{ padding-bottom:20px;}
}
@media (max-width: 640px) {
.showlist ul li,.floor1 .b1,.floor1 .b2,.floor1 .b3,.floor1 .b4,.floor1 .b5,.floor1 .b6{ width:90%; margin:0 auto; margin-right:auto !important; text-align:center; float:none;}
.showlist ul li img{ width:100%;}
.showlist ul li{ margin-bottom:20px;}
.floor1 li{ margin-bottom:20px !important;}

#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;
}
.slick-slide img{ max-width:inherit;}
.section .floor1 p{ font-size:16px; padding-top:10px;}
 
}
@media (max-width: 390px) {
}