@charset "utf-8";
/* CSS Document */
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0;font-family:Arial, Helvetica, sans-serif}
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif;  }
body { line-height: 1.5; background: #000 }
.bgcolor{ background-color:#f5f5f5;}
.container-fluid{ padding:0;}
.fl{ float:left}
.fr{ float:right}
.cl{ clear:both}
.fix:after{display:block;content:"clear";height:0;clear:both;visibility:hidden}
.w{ width: 1200px; margin: 0 auto; }

a{ text-decoration: none; color:#7d7d7d}
.h100{ height: 80px; }
.h50{ height: 50px; }
.header{position:fixed; width:100%; z-index:10000; background:#000 url(../images/bg.jpg);}
.header .fr li{ float: left; text-transform:capitalize }
.header .fr { padding: 10px 0; }
.header .fr li a{margin: 0 20px; color: #b5acad; display: block; line-height: 50px; height: 50px ; text-transform:uppercase}
.header .fr li a:hover{ color: #bca674;border-bottom: 1px solid #bca674;  }
.header .fr li .cur{ color: #bca674; border-bottom: 1px solid #bca674; line-height: 50px; height: 50px;}

.headpic{ height:180px; background:url(../images/picbg.jpg) center center no-repeat;}
* { margin: 0; padding: 0;}
/* flexslider */
.flexslider{position:relative;height:570px;overflow:hidden;background:url(../Images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:570px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.pro4{ background:url(../images/pro4.jpg) center center no-repeat; height:300px;}
.flex-control-nav li{display:inline-block;width:14px; float:left;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; cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../Images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../Images/next.png) center center no-repeat;}
.index-tit{ background: url(../images/titbg.png) center center no-repeat; height:140px; margin:50px 0 30px 0;}
.index-tit h3{ font-size: 36px; font-weight: bold; display: block; text-align:center; line-height:140px; color:#876f3b;}
.index-tit h3 span{ color:#b8af9d; padding-left:10px;}
.index-tit-con{ font-size:20px; color:#e3e3e2; text-indent:2em; text-align:center}

.index-photo{ overflow:hidden; position:relative; height:450px; margin-top:50px; }
.index-photo li{ position:absolute; display:block;   background-color:#999; overflow:hidden}
.index-photo img{transition:1s all; -webkit-transition:1s all;}
.index-photo img:hover{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-moz-:scale(1.1,1.1);}
.index-photo-1{ width:240px; height:220px; left:0; top:0;}
.index-photo-2{ width:240px; height:220px; left:250px; top:0;}
.index-photo-3{ width:490px; height:220px; left:0; top:230px; }
.index-photo-4{ width:450px; height:450px; left:500px; }
.index-photo-5{ width:240px; height:450px; left:960px; top:0;}
.centerbg{ background:url(../images/centerbg.png) center center no-repeat; height:10px;}
.pro1{ background:url(../images/pro1.jpg) center center no-repeat; height:300px; margin-top:70px;}
.pro2{ background:url(../images/pro2.jpg) center center no-repeat; height:500px; margin-top:70px;}
.pro3{ background:url(../images/pro3.jpg) center center no-repeat; height:500px; margin-top:70px;}
.pro4{ background:url(../images/pro4.jpg) center center no-repeat; height:310px; margin-top:70px;}
.pro5{ background:url(../images/pro5.jpg) center center no-repeat; height:310px; margin-top:70px;}
.prolist{ overflow:hidden; margin-top:40px;}
.prolist li{ float:left; width:25%; overflow:hidden}
.prolist li a{ display:block; border:1px solid #7d7d7d; padding:5px; margin:30px 30px 0px 0;}
.prolist li img{ width:100%;}
.prolist li span{ display:block; line-height:25px; height:50PX; width:100%; text-align:center; text-transform:capitalize; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.prolist li a:hover{ border:1px solid #cc0000; background-color:#cc0000}
.prolist li a:hover span{ color:#FFF}

.aboutcon{ background:#f7f7f7; border-top:10px solid #efefef; padding-bottom:50px;}

.footer{ border-top:1px solid #7d7d7d; margin-top:50px;}
.fnav{ text-align:center;}
.fnav a{ display:inline; padding:0 20px; line-height:50px; text-transform:uppercase}
.footercon{ text-align:center; color:#7d7d7d}
.position,.position a{ color:#7d7d7d; line-height:50px; text-transform:lowercase}
.aboutcon{color:#7d7d7d; line-height:30px; font-size:16px;}
.proleft{ float:left; width:250px;}
.proleft h3{ text-transform:capitalize; display:block; height:30px; line-height:30px; padding-left:10px; background-color:#000;}
.proleft li{ display:block; margin-top:5px;}
.proleft li a{  text-transform:capitalize; display:block; height:30px; line-height:30px; padding-left:10px; background-color:#dddddd;}
.proleft li a:hover{ background-color:#cc0000; color:#FFF}
.proleft li .cur{ background-color:#cc0000; color:#FFF}

.prolist1{ overflow:hidden; width:900px; float:right;}
.prolist1 li{ float:left; width:33%; overflow:hidden}
.prolist1 li a{ display:block; border:1px solid #7d7d7d; padding:5px; margin:0px 10px 10px 0;}
.prolist1 li img{ width:100%;}
.prolist1 li span{ display:block; line-height:25px; width:100%; text-align:center; text-transform:capitalize}
.prolist1 li a:hover{ border:1px solid #cc0000; background-color:#cc0000}
.prolist1 li a:hover span{ color:#FFF}

.product{ text-align:center; float:right; width:900px;}
.product img{display:block; width:650px; margin:10px auto}

.pcon{ text-align:center; float:right; width:900px;}

.lanrenzhijia{ width:454px; height:auto; margin:0 auto; overflow:hidden;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ background:url(../images/loading.gif) no-repeat center center;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:452px;height:430px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:450px;height:339px;border:1px solid #DFDFDF; padding:1px;}
.spec-scroll{clear:both;margin-top:5px;width:452px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:422px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.procontent{ margin:30px auto; overflow:hidden}
.procontent .fl{ float:left; width:460px;}
.procontent .fr{ width:700px;}
.procontent .fr h1{ display:block; font-size:24px; color:#333; height:50px;}
.proc{ border-top:1px solid #dddddd; padding-top:10px; line-height:27px; font-size:14px;}
.procc{ line-height:23px; padding-top:10px;}
.otherpro{ overflow:hidden}
.otherpro h3{ background-color:#eeeeee; font-size:14px; padding-left:20px; line-height:35px;}
.otherpro ul{ padding-top:20px;}
.otherpro li{ float:left; margin-right:20px;  width:220px;}
.otherpro li img{ border:1px solid #dddddd;  width:220px;}
.otherpro li span{ display:block; line-height:25px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.otherpro li a:hover img{border:1px solid #cc0000;}


.index-tit1{ background: url(../images/titbg1.png) center center no-repeat; height:140px; margin:50px 0 30px 0;}
.index-tit1 h3{ font-size: 36px; font-weight: none; display: block; text-align:center; line-height:140px; color:#555555; text-transform:uppercase}
.index-tit1 h3 span{ color:#818181; padding-left:10px;}


.pagelist{ height:50px; line-height:50px; text-align:center}
.pagelist a{ border:1px solid #dddddd; padding:5px 10px; margin-left:5px;}
.nolink{ border:1px solid #dddddd; padding:5px 10px; margin-left:5px;}
.pagelist font{ background:#cc0000; color:#fff; padding:5px 10px; margin-left:5px;}


.picshow {
	MARGIN: 0px auto; WIDTH: 1000px;  overflow:hidden;
}

#picarea {
	MARGIN: 0px auto; WIDTH: 1000px;
}
#bigpicarea {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 650px; HEIGHT: 488px; OVERFLOW: hidden
}
.image {
	TEXT-ALIGN: center
}
.image IMG {
	MARGIN: 0px auto; 
}
#bigpicarea .word {
	TEXT-ALIGN: center; HEIGHT: 50px; COLOR: #333
}
#bigpicarea .word H3 {
	TEXT-ALIGN: center; LINE-HEIGHT: 48px; HEIGHT: 48px; COLOR: #333; FONT-SIZE: 14px
}
#bigpicarea .ui-els-hide {
	DISPLAY: none
}
#thumbs {
	LIST-STYLE-TYPE: none; MARGIN: 30px auto; HEIGHT: 110px
}
* HTML #thumbs {
	HEIGHT: 100%
}
#thumbs LI {
	MARGIN: 0px 7px; WIDTH: 90px; DISPLAY: inline; FLOAT: left; margin-bottom:10px;
}
#thumbs UL {
	MARGIN-TOP: 3px
}
#thumbs LI.last_img {
	MARGIN-RIGHT: 4px
}
#thumbs LI.first {
	MARGIN: 25px 10px 0px 15px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer
}
#thumbs LI.last {
	MARGIN: 25px 10px 0px 15px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer
}
#thumbs LI A {
	BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid; WIDTH: 90px; DISPLAY: block; FONT-SIZE: 0px; BORDER-TOP: #fff 2px solid; BORDER-RIGHT: #fff 2px solid; height:68px;
}
#thumbs LI A:hover {
	BORDER-BOTTOM: #000 2px solid; BORDER-LEFT: #000 2px solid; BORDER-TOP: #000 2px solid; BORDER-RIGHT: #000 2px solid
}
#thumbs LI A.current {
	BORDER-BOTTOM: #f8ae0f 2px solid; BORDER-LEFT: #f8ae0f 2px solid; BORDER-TOP: #f8ae0f 2px solid; BORDER-RIGHT: #f8ae0f 2px solid
}
#thumbs LI.first IMG {
	
}
#thumbs LI.last IMG {
	
}
.bigbtnPrev {
	Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 186px; CURSOR: pointer; LEFT: 0px
}
.bigbtnNext {
	Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 186px; CURSOR: pointer; RIGHT: 0px
}
#big_play_prev {
	BACKGROUND-IMAGE: url(../images/leftbig.png); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/leftbig.png')
}
#big_play_next {
	BACKGROUND-IMAGE: url(../images/rightbig.png); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/rightbig.png')
}
#smallpicarea {
	MARGIN: 0px auto; WIDTH: 1000px; PADDING-TOP: 20px
}
#faqbox { color:#333}
#faqbox input{ border:1px solid #333; height:25px; line-height:25px; padding:0 10px;}
#faqbox .faqline{ line-height:2em; height:35px; text-align:left; margin-bottom:10px;}
#faqbox .faqline .faqtit{  width:100px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content{ line-height:2em; height:120px; text-align:left}
#faqbox .Content  .faqtit{  width:100px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content textarea { height:100px;}