/************************Notice background path*********************************************/
html,body{-webkit-text-size-adjust:none;}
body{background:#ffce54;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:1135px; margin:0 auto; background:url(../images/flash.jpg) top center no-repeat; padding-top:18px; padding-left:65px; }
.header .top{ width:273px; height:130px; margin-top:42px; }
.header .main{ width:273px; float:left;}
.header .nav{ width:197px;  margin-left:6px; border-left:2px solid #6a3906; border-bottom:2px solid #6a3906; padding-bottom:24px;}
.header .nav ul{  text-align:center; line-height:51px; padding-top:18px;}
.header .nav ul li{ display:block; width:178px; height:51px; background:url(../images/li1.png) 0 0 no-repeat; margin-bottom:12px; }
.header .nav ul li.li1{  background:url(../images/li2.png) 0 0 no-repeat; }
.header .nav ul li a{ color:#fff; font-size:18px; font-family: 'Arial'; text-decoration:none;}
.header .nav ul li a:hover,.header .nav ul li.on a{ color:#6a3906;}
.header .txt{ width:400px; margin-top:105px; float:left; font-family:"Arial";}
.header .txt h1{ font-size:29px; color:#00a0e9;}
.header .txt h2{ font-size:45px; font-weight:bold; color:#492704;}
.header .txt p{ color:#59493f; line-height:22px; font-size:16px;}
.header .txt .but{ text-align:right; margin-top:15px;}
.header .txt .but a{-o-transition:all .6s; -ms-transition:all .6s; -webkit-transition:all .6s; transition:all .6s; -moz-transition:all .6s; width:160px; height:160px; display:inline-block; background:url(../images/all.png) 0 -170px no-repeat;}
.header .txt .but a:hover{ display:inline-block; background:url(../images/all.png) 0 0 no-repeat;}
/*section*/
.section{ width:1200px; margin:0 auto; background:#fff; }
 

.slideBox{ width:339px; height:563px; float:left; margin-left:40px; position:relative;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:339px; height:563px; display:block;  }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left: -250px; bottom: 72px; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/arrow.png) 0 0 no-repeat; }
.slideBox .next{ left: -200px; bottom: 72px; background:url(../images/arrow.png) -42px 0 no-repeat; }

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

.section .floor{ width:1200px; margin:0 auto; padding:25px 0; position:relative; text-align:center; background:#fdede8;}
.section .floor ul li{ display:inline-block; width:315px; margin:0 18px;}
.section .floor a{-o-transition:all .6s; background:#50b9e0; padding:7px; border-radius:54px;
	-ms-transition:all .6s; -webkit-border-radius:54px; -moz-border-radius:54px; -ms-border-radius:54px;
	-webkit-transition:all .6s;
	transition:all .6s;
	-moz-transition:all .6s; display:inline-block; margin-top:15px;}
.section .floor a span{ display:inline-block; color:#fff; font-size:17px; font-family:"itc";border-radius:20px; padding:7px; border:1px dashed #fff; text-decoration:none; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px;}
.section .floor a.a{ background:#ffb700;}
.section .floor a.b{ background:#ff7b1f;}
 

.section .floor a:hover{ background:#ffb700;}
.section .floor a.a:hover{ background:#ff7b1f;}
.section .floor a.b:hover{ background:#50b9e0;}


.section .floor1{ width:1200px; margin:0 auto; padding:40px 0; position:relative; background:url(../images/aboutbg.jpg) top left no-repeat;}
.section .floor1 .txt{ margin:50px 0 0 80px; width:475px;}
.section .floor1 .txt h1{ font-family:"Arial"; color:#fff; font-size:30px; font-weight:bold;}
.section .floor1 .txt p{ font-family:"Arial"; color:#fff; font-size:18px; margin:35px 0;}
.section .floor1 .txt .a{ text-align:right;}
.section .floor1 .txt a{ color:#fff; text-decoration:none;font-family:"Arial"; color:#fff; font-size:18px; padding-right:13px; background:url(../images/jt.jpg) right 6px no-repeat;}
.section .floor1 .txt a:hover{ color:#000;  background:url(../images/jt1.jpg) right 6px no-repeat;}
.section .floor1 .block{ position:absolute; top:32px; left:564px; cursor:pointer;}
.section .floor1 .block1{ position:absolute; bottom:32px; right:40px; cursor:pointer; }
.section .floor1 .block img,.section .floor1 .block1 img{-o-transition:all .6s;-webkit-transition:all .6s;
	transition:all .6s;
	-moz-transition:all .6s;}
.section .floor1 .block:hover img,.section .floor1 .block1:hover img{transform:rotate(360deg);
-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); }


.section .floor2{ width:1200px; margin:0 auto; padding:20px 0; position:relative; background:url(../images/probg.jpg) top center no-repeat;}
.section .floor2 .txt{ margin:50px 0 0 80px; width:422px; float:left;}
.section .floor2 .txt h1{ font-family:"Arial"; color:#fff; font-size:30px; font-weight:bold;}
.section .floor2 .txt p{ font-family:"Arial"; color:#fff; font-size:18px; margin:35px 0;}
/* 本例子css */
.picScroll-left{ width:680px; float:right; position:relative; }
.picScroll-left .hd{ position:absolute; left: -128px; bottom: 84px;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ width:33px; height:33px; display:inline-block; margin:0 10px; cursor:pointer; background:url(../images/arrow.png) 0 0 no-repeat;  overflow:hidden; cursor:pointer; }
.picScroll-left .hd .next{ background-position:-42px 0;  }
 
.picScroll-left .bd{ }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:222px; height:360px; display:block; }
 
 
/*footer*/
.footer{ width:1200px; margin:0 auto; background:#40220f; padding:60px 0; color:#fff; font-size:19px; line-height:40px; text-align:center;}
.footer span.other{ margin:0 70px;}
 

.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.html);margin: 0 auto;}
#prodcat_left1{font-size:14px;}
#prodcat_left1 li{}
#prodcat_left1 li a,#prodcat_left1 li a:visited {color:#535353;text-decoration:none;display: block; font-size:17px;}
#prodcat_left1 li a:hover {color:#6b3906;}

.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.html);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: 600px;float: left;background: #ffffff; border:1px solid #E6E6E6; margin-left:80px;}
.frame-content-left h1{ font-size:30px; color:#6b3906; text-decoration:underline; font-weight:bold; margin:25px auto; margin-left:20px;}
.frame-content-left li ul{ margin-left:0px;}
#prodcat_left1{ margin-left:20px;}
.frame-content-left #prodcat_left1 {
    padding: 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:#6b3906;}
.frame-content-right{width: 732px;min-height:700px; margin-left:20px;float: left;background: #ffffff;}

#prodcat_left1 #prodcat_left2 li:after{ display:none;}
#prodcat_left1 > li:hover #prodcat_left2{ display:block;}
#prodcat_left1 #prodcat_left2 li{ padding:0; border-bottom:1px solid #535353;}
#prodcat_left1 #prodcat_left2{ display:none; margin: 10px 0;    padding: 0;}


.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;}