/************************Notice background path*********************************************/
html,body{-webkit-text-size-adjust:none;}
body{background:#e5e5e5;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 {
 
}
#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);
}
.code{ position:fixed; right:0; bottom:20%; z-index:999; width:74px; height:65px; overflow:hidden;-o-transition:all .6s; -ms-transition:all .6s; -webkit-transition:all .6s; transition:all .6s; -moz-transition:all .6s;}
.code ul li{ position:relative; width:74px; background:url(../images/code.png) no-repeat; margin-bottom:8px; cursor:pointer;}
.code ul li img{ display:none; position:absolute; top:1px; left:-224px;}
.code ul li:hover img{ display:block;}
.code ul li.li1{ height:62px; background-position:1px 0;}
.code ul li.li2{ height:93px; background-position:-82px -70px;}
.code ul li.li3{ height:77px; background-position:-82px -170px;}
.code ul li.li4{ height:77px; background-position:-82px -256px;}
.code ul li.li5{ height:62px; background-position:-83px -342px;}
.code ul li.li1:hover{ background-position:1px 0;}
.code ul li.li2:hover{ background-position:1px -70px;}
.code ul li.li3:hover{ background-position:1px -170px;}
.code ul li.li4:hover{ background-position:1px -256px;}
.code ul li.li5:hover{ background-position:0 -342px;}
.code ul li a{ display:block;height: 62px;}


.box{ position:relative; z-index:0; width:1400px; background:#fff; margin:0 auto;}
.box a:link,.box a:visited{text-decoration:none;}
.box a:hover{text-decoration:underline;}
/* header*/
.header{ width:1400px; margin:0 auto;text-align:center;}
.header .top{ width:510px; height:108px; float:left; }
.header .nav{ width:878px; float:right;  background:#af1e50; margin-top:23px; }
.header .nav ul{  text-align:center; line-height:62px;}
.header .nav ul li{ display:inline-block; margin:0 45px; }
.header .nav ul li a{ color:#fff; display:block; font-size:18px;font-family: 'century-gothic'; text-decoration:none; font-weight:bold; }
.header .nav ul li a.a:hover,.header .nav ul li.on a.a{ background:url(../images/libg.jpg) center center no-repeat;}
.header .nav ul li.other{ position:relative;}
.header .nav ul li.other dl{ display:none; position:absolute; top:62px; left:-40px;  z-index:9999; background:#af1e50; margin:0; width:184px;}
.header .nav ul li.other dl dd{ margin:0; border-bottom:1px solid #fff;}
.header .nav ul li.other dl dd a{ line-height: 35px;
    font-size: 14px;
    font-weight: normal;}
.header .nav ul li.other:hover dl{ display:block; }
/*section*/
.section{ width:1400px; margin:0 auto; background:#fff; }
.section .flash{ width:1400px; margin:0 auto; position:relative; padding-bottom:45px; background:#af1e50;  }
.section .slist{ width:508px; float:left; background:url(../images/flashbg.jpg) center center no-repeat; height:600px;}

.slideBox{ width:892px; height:600px; position:relative; float:left; }
.slideBox .hd{ position:absolute; right:0; bottom:-18px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-left:2px;  width:18px; height:18px; cursor:pointer; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:0%; top:50%; margin-top:-26px; display:block; width:31px; height:44px; background:url(../images/arrow1.png) 0 0 no-repeat;    }
.slideBox .next{ left:auto; right:0%;  background:url(../images/arrow1.png) -94px 0 no-repeat; }
 
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:892px; height:600px; display:block;  }

.slideBox1{ width:376px; height:246px; overflow:hidden; position:relative; margin-left:66px; margin-top:40px; }
.slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox1 .bd li{ zoom:1; vertical-align:middle; }
.slideBox1 .bd img{ width:376px; height:246px; display:block;  }

.slideBox2{ width:376px; height:246px; overflow:hidden; position:relative; margin-left:66px; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; }
.slideBox2 .bd img{ width:376px; height:246px; display:block;  }

.slideBox3{ width:376px; height:246px; overflow:hidden; position:relative; margin-left:66px; }
.slideBox3 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox3 .bd li{ zoom:1; vertical-align:middle; }
.slideBox3 .bd img{ width:376px; height:246px; display:block;  }

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

.section .floor{ width:1400px; margin:0 auto; text-align:center; height:1019px; background:url(../images/listbg.jpg) top center no-repeat; position:relative;}
.section .floor h1{ color:#000; font-size:25px;font-family: 'century-gothic'; font-weight:bold; padding:35px 0;}
.section .floor p{ color:#000; font-size:20px;font-family: 'Arial'; margin: 0 auto; line-height:40px;letter-spacing: 1px;}
.section .floor ul li{ display:inline-block; margin:0 30px;}
.section .floor ul li p{ font-weight:bold;}

.section .floor .but{ border-radius:20px; padding:6px 40px; border:2px solid #000; color:#000; text-decoration:none; font-size:18px; -o-transition:all .6s; margin:30px 0;
	-ms-transition:all .6s;
	-webkit-transition:all .6s;
	transition:all .6s;
	-moz-transition:all .6s; display:inline-block;}
.section .floor .but:hover{ background:#000; color:#fff;}
.section .floor .mimg{ width:968px; margin:0 auto; margin-top:30px; position:relative;}
.section .floor .mimg .a1{ display:block; position:absolute; width:185px; height:95px; top:0; left:292px;}
.section .floor .mimg .a2{ display:block; position:absolute; width:479px; height:111px; bottom:110px; left:0;}
.section .floor .mimg .a3{ display:block; position:absolute; width:272px; height:135px; top:135px; left:480px;}
.section .floor .mimg .a4{ display:block; position:absolute; width:210px; height:104px;  bottom:115px; right:0;}
.section .floor .mimg .a5{ display:block; position:absolute; width:210px; height:104px; bottom:0; right:0;}





.line{ width:1400px; height:45px; background:#af1e50;}

.section .floor1{ width:1400px; margin:0 auto; text-align:center; height:410px; background:#fee7dd; position:relative; text-align:center;}
.section .floor1 h1{ letter-spacing:5px;color:#000; font-size:25px;font-family: 'century-gothic'; font-weight:bold; padding:30px 0;}

/* 本例子css */
.picScroll-left{ width:1200px;  overflow:hidden; position:relative; margin:0 auto;}
.picScroll-left .hd{ overflow:hidden;     position: absolute;
    width: 100%;
    top: 36%; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{  width:26px; height:44px; float:left; overflow:hidden; cursor:pointer; background:url(../images/arrow.png) 0 0  no-repeat;}
.picScroll-left .hd .next{ background-position:-101px 0; float:right;  }
.picScroll-left .hd .prev:hover{background-position:0 -50px;}
.picScroll-left .hd .next:hover{background-position:-101px -50px;}

.picScroll-left .bd{   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 16px; 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:218px; height:259px; display:block; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }





/*footer*/
.footer{ width:1400px;  margin:0 auto; text-align:center;}
.footer .tit{ width:866px; margin:0 auto; height:42px; line-height:42px; font-size:22px; letter-spacing: 1px;}
.footer .tit a{ color:#000;}
.footer .lan{ background:#000; height:30px; line-height:30px; padding:10px 0; color:#fff; padding-left:120px;}
.footer .lan ul li{ border-left:1px solid #fff; float:left; font-size:18px; font-weight:bold; padding:0 46px;}
.footer .txtlist{ width:960px; margin:0 auto;}
.footer .txtlist .txt{ float:left; color:#535353; font-size:18px; margin:0 30px; margin-top:30px; line-height:30px;}
.footer .txtlist .txt a{ color:#535353;}

.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:#535353;text-decoration:none;display: block; font-size:17px;}
#prodcat_left1 li a:hover {color:#af1e50;}

.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: 1400px;margin: 20px auto;overflow: hidden;background: #ffffff; }
.frame-content-left{width: 270px;min-height: 1000px;float: left;background: #ffffff; border:1px solid #E6E6E6; margin-left:82px;}
.frame-content-left h1{ font-size:30px; color:#af1e50; text-decoration:underline; font-weight:bold; margin:25px auto; margin-left:20px; margin-bottom:0;}
.frame-content-left ul{ 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:#af1e50;}
.frame-content-right{width: 932px;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;}

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