/************************Notice background path*********************************************/
html,body{-webkit-text-size-adjust:none;}
body{background:#e5c79a;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
body,a,p,div,ol,ul,li,span,img,h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
li{list-style:none;}
a{text-decoration: none;}
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
img{border:0;}

#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);
}

.box{ position:relative; z-index:0; width:1200px; background:#fff; margin:0 auto;}
.box a:link,.box a:visited{text-decoration:none;}
.box a:hover{text-decoration:underline;}
/* header*/
.header{ width:1200px; margin:0 auto; background:#cee9f2; text-align:center;}
.header .top{ width:1200px; height:112px; background:#fff; text-align:center;}
.header .nav{ width:1200px; margin:0 auto; background:#f1ece4; height:65px; padding:16px 0;}
.header .nav ul{ width:1026px; margin:0 auto; text-align:center; height:65px; line-height:65px; border:1px solid #8f6a40;}
.header .nav ul li{ display:inline-block; margin:0 50px;}
.header .nav ul li a{ color:#959595; padding:0 16px; font-size:20px;font-family: '微软雅黑'; display:block; height:60px;}
.header .nav ul li a:hover,.header .nav ul li.on a{ color:#896236; border-bottom: 5px solid #896236; text-decoration:none;}
/*section*/
.section{ width:1200px; margin:0 auto; background:#fff; padding-bottom:2px;}
.section .flash{ width:1200px; margin:0 auto; margin-top:40px; height:1077px; position:relative; background:url(../images/flash.jpg) top center no-repeat; position:relative;}
.section .flash .about{ position:absolute; left:75px; bottom:0; width:500px; height:653px; background:url(../images/about.png) left top no-repeat;}
.section .flash .about p{ width:423px; margin:0 auto; margin-top:278px; font-size:19px; line-height:30px; color:#000; text-align:justify; text-justify:inter-ideograph;}
.section .flash .slidelist{ width:466px; height:622px; background:#fff; position:absolute; right:70px; top:311px; padding:22px 22px 16px 22px; border:1px solid #EBEBEB; box-shadow:0 0 10px #ccc;}


.slideBox{ width:459px; margin:0 auto; height:538px; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:164px; bottom:-30px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:16px;  width:11px; height:11px; line-height:11px; text-align:center; background:url(../images/dot.png) 0 -12px no-repeat; cursor:pointer; }
.slideBox .hd ul li.on{ background:url(../images/dot.png) 0 0 no-repeat; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:459px; height:538px; display:block;  }
.section .flash .slidelist .button{ width:210px; margin:0 auto; height:45px; font-size:25px; line-height:45px; text-align:center; background:#362e2b; color:#fff; margin-top:40px; display:block;-o-transition:all .6s; -ms-transition:all .6s; -webkit-transition:all .6s; transition:all .6s; -moz-transition:all .6s;}
.section .flash .slidelist .button:hover{ background:#666; color:#fff; text-decoration:none;}

.section .banner{ width:1170px; margin:0 auto; margin-top:70px; height:180px; position:relative;}
.section .banner .list1{ position:absolute; left:0; top:0;}
.section .banner .list2{ position:absolute; right:0; bottom:0;}

.section .proshow{ width:1170px; margin:0 auto; margin-top:42px; height:1075px; position:relative;}
.section .proshow .tit{ position:absolute; top:0; left:0;}
.section .proshow .img1{ position:absolute; top:0; left:483px; width:297px; height:380px; overflow:hidden;}
.section .proshow .img2{ position:absolute; top:0; left:798px; width:297px; height:380px; overflow:hidden;}
.section .proshow .img3{ position:absolute; top:130px; left:138px; width:327px; height:505px; overflow:hidden;}
.section .proshow .img4{ position:absolute; top:403px; right:114px; width:327px; height:464px; overflow:hidden;}
.section .proshow .img5{ position:absolute; top:655px; left:77px; width:291px; height:373px; overflow:hidden;}
.section .proshow .img6{ position:absolute; top:655px; left:387px; width:328px; height:421px; overflow:hidden;}

.section .proshow .click{ width:233px; height:238px;display:block; position:absolute; top:400px; left:484px;}
.section .proshow .click a{ display:block; width:233px; height:238px; color:#fff; background:url(../images/click.jpg) center center no-repeat;}
.section .proshow .click a:hover{background:url(../images/clickafter.jpg) center center no-repeat;}

.section .floor{ width:1170px; margin:0 auto; height:571px; background:url(../images/fbg.png) center center no-repeat; position:relative;}
.section .floor .img1{ position:absolute; left:73px; top:45px;}
.section .floor .img2{ position:absolute; left:279px; top:46px;}
.section .proshow .img1 img,.section .proshow .img2 img,.section .proshow .img3 img,.section .proshow .img4 img,.section .proshow .img5 img,.section .proshow .img6 img{-o-transition:all .6s;
	-ms-transition:all .6s;
	-webkit-transition:all .6s;
	transition:all .6s;
	-moz-transition:all .6s;}
.section .proshow .img1 img:hover,.section .proshow .img2 img:hover,.section .proshow .img3 img:hover,.section .proshow .img4 img:hover,.section .proshow .img5 img:hover,.section .proshow .img6 img:hover{-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);}

/*footer*/
.footer{ width:1200px; height:118px; padding:52px 0; margin:0 auto; background:#896236; margin-top:60px;}
.footer .main{ width:938px; margin:0 auto; border-bottom:2px dashed #fff; padding-bottom:15px;}
.footer .main p{ float:left; margin-left:55px; line-height:30px; color:#fff; font-size:18px; letter-spacing:1px;}
.footer .main p.color{ color:#e5c79a;}
.footer a{ color:#fff;}
.footer p.big{ font-size:20px; color:#fff; text-align:center; margin-top:15px;}

.headmenu{ position:absolute;top:95px;left:172px; }
#headmenu{position: relative;left: 0px;top: 0px;font-size:12px;font-weight:bold;}
#headmenu li{ float:left; margin:0px 10px; }
#headmenu li a,#headmenu li a:visited { color:#666666;text-decoration:none; }
#headmenu li a:hover{ color:#ce2e83; }


/*Product List*/
.prodcat_left1{position:relative;top:35px;left:0px;width: 224px;height: 353px;background: url(../images/category.png);margin: 0 auto;}
#prodcat_left1{font-size:14px;}
#prodcat_left1 li{}
#prodcat_left1 li a,#prodcat_left1 li a:visited {color:#959595;text-decoration:none;display: block; font-size:17px;}
#prodcat_left1 li a:hover {color:#896236;}

.profile {position:absolute;top:300px;left:16px;width:236px;font:normal 12px/24px 'Arial';color: #909090;text-align: justify;}
.profile a:link,.profile a:visited{color:white;}

.contactus{position:relative;top:0px;left:0px;z-index:15;font:bold 12px/18px 'Arial';}
.contactus a:link,.contactus a:visited{color: #000}

.frame-header{position: relative;left: 0px;top: 0px;width: 1000px;height: 201px; margin: 0 auto;background: url(../images/frame_01.jpg);overflow: hidden;}
.frame-content{position: relative;width: 1200px;margin: 0 auto;overflow: hidden;background: #ffffff; margin-top:20px;}
.frame-content-left{width: 270px;min-height: 1000px;float: left;background: #ffffff; border:1px solid #E6E6E6; margin-left:84px;}
.frame-content-left h1{ font-size:30px; color:#836F6C; text-decoration:underline; font-weight:bold; margin:25px auto; margin-left:20px;}
.frame-content-left ul{ margin-left:20px;}
.frame-content-left ul li{ font-weight:bold; line-height:30px; margin-bottom:20px; padding-left:20px; position:relative;}
.frame-content-left ul li:after{ position:absolute; content:""; left:0; top:0; width:3px; height:30px; background:#C7A3A5;}
.frame-content-right{width: 736px;min-height: 1000px; margin-left:20px;float: left;background: #ffffff;}


.boxStyle{display:-webkit-box; 
-webkit-box-orient:horizontal; 
-webkit-box-pack:center; 
-webkit-box-align:center; 
display:-moz-box; 
-moz-box-orient:horizontal; 
-moz-box-pack:center; 
-moz-box-align:center; 
display:-o-box; 
-o-box-orient:horizontal; 
-o-box-pack:center; 
-o-box-align:center; 
display:-ms-box; 
-ms-box-orient:horizontal; 
-ms-box-pack:center; 
-ms-box-align:center; 
display:box; 
box-orient:horizontal; 
box-pack:center; 
box-align:center;}