/* CSS Document */

*{ padding:0; margin:0; font-family:Arial, Helvetica, sans-serif}
ul{ list-style:none}
img{ border:none}
.clear{ clear:both}
#top{ width:100%; height:3px; background-color:#e3e3e3; display:block; overflow:hidden}
#logo{ width:100%; height:80px; margin:0 auto;}
#logo img{ margin-top:3px;}
#menu{ width:100%; height:40px; background:url(../images/nav-bj.jpg) no-repeat; margin:0 auto;}
#menu ul li{ float:left; height:38px;}
#menu ul li a{ color:#000; font-size:15px; line-height:38px; text-align:center; text-decoration:none; width:141px; height:38px; display:block}
#menu ul li a:hover{width:141px; height:39px; color:#bd8d04; display:block; background:url(../images/n-li.jpg) no-repeat; margin-top:1px;}
#menu ul li #select{width:141px; height:39px; color:#bd8d04; display:block; background:url(../images/n-li.jpg) no-repeat; margin-top:1px;}
#ban{ width:100%; height:280px; background:url(../images/b-bj.jpg) no-repeat; margin:10px auto 0; }
.ban-left{ width:500px; overflow:hidden; float:left; height:240px; margin-left:20px; margin-top:35px; _margin-left:10px;}
.ban-right{ width:470px; height:280px; float:right; }
.ban-right img{ padding-top:55px;}

#imgPlay {MARGIN:1px; OVERFLOW: hidden; WIDTH:998px; ZOOM: 1; POSITION: relative; HEIGHT:278px}
#imgPlay ul{ list-style:none;}
#imgPlay .imgs IMG { WIDTH: 998px;}
#imgPlay .imgs LI {	FLOAT: left; POSITION: relative}
#imgPlay .imgs {WIDTH: 5760px}
#imgPlay .num SPAN {
DISPLAY: inline-block; BACKGROUND: url(../images/imgPlayer.png) no-repeat -19px -83px; MARGIN: 0px 2px; OVERFLOW: hidden; WIDTH: 14px; CURSOR: pointer; LINE-HEIGHT: 0; HEIGHT: 13px;  _BACKGROUND: url(imgPlayer1.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="imgPlayer1.png"); _background:none;}
#imgPlay .num SPAN.on {	BACKGROUND-POSITION: 1px -83px;_BACKGROUND: url(imgPlayer2.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="imgPlayer2.png"); _background:none;}
#imgPlay #numInner {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; POSITION: absolute; TOP: 250px; TEXT-ALIGN: center}

/* Video */
#s-kh2{ width:100%; height:270px; background:url(../images/s-k-bj2.jpg) no-repeat; margin:10px auto 0;}
.s-kh-top2{ width:100%; height:30px;}
.s-kh-top2 a{ color:#bd8d04; font-size:13px; line-height:30px; margin-left:15px;height:270px;}

.s-kh-mid2{ width:100%; height:240px;}

.s-kh-mid2-ban-left{ width:480px; overflow:hidden; float:left; height:220px; margin-left:20px; margin-top:20px; _margin-left:10px;}
.s-kh-mid2-ban-right{ width:480px; float:right; height:220px; margin-left:20px; margin-top:20px; _margin-right:10px; font-size:12px; line-height:20px; text-decoration:none}
.s-kh-mid2-ban-right img{ padding-top:55px;}


/* remark */
#s-kh3{ width:100%; height:190px; background:url(../images/s-k-bj3.jpg) no-repeat; margin:10px auto 0;}
.s-kh-top3{ width:100%; height:20px;}
.s-kh-top3 a{ color:#bd8d04; font-size:13px; line-height:30px; margin-left:15px;height:70px;}

.s-kh-mid3{ width:100%; height:190px;}

.s-kh-mid3-ban-left{ width:480px; overflow:hidden; float:left; height:190px; margin-left:20px; margin-top:20px; _margin-left:10px;font-size:12px; line-height:20px;}
.s-kh-mid3-ban-right{ width:480px; float:right; height:190px; margin-left:10px; margin-top:20px; _margin-right:10px; font-size:12px; line-height:20px; text-decoration:none}
.s-kh-mid3-ban-right img{ padding-top:55px;}






#s-kh{ width:100%; height:75px; background:url(../images/s-k-bj.jpg) no-repeat; margin:10px auto 0;}
.s-kh-top{ width:100%; height:30px;}
.s-kh-top a{ color:#bd8d04; font-size:13px; line-height:30px; margin-left:15px;}
.s-kh-mid{ width:100%; height:40px;}
#scl{ width:22px; height:22px; background:url(../images/s-l.jpg) no-repeat; float:left; cursor:pointer; overflow:hidden; margin-top:15px; display:inline; margin-left:10px;}
#scr{ width:22px; height:22px; background:url(../images/s-r.jpg) no-repeat; float:left; cursor:pointer; overflow:hidden; margin-top:15px; display:inline; margin-left:10px;}
.scroll{ width:920px; height:50px; float:left; overflow:hidden; display:inline; margin-left:10px;}
.scroll li{ padding:1px;  float:left; display:inline; margin-left:20px; margin-top:8px;}
#cp{ width:100%; height:250px; margin:10px auto 0; border:1px #dadada solid;}
.cp-title{ width:100%; height:30px; background:url(../images/cp-t.jpg) no-repeat; border-bottom:1px #dadada solid}
.cp-title a{color:#bd8d04; font-size:13px; line-height:30px; margin-left:15px; float:left; display:inline; text-decoration:none}
.cp-title a:hover{ color:#F00}
.cp-title span{ float:right; margin-top:10px; margin-right:10px; display:inline;}
#cp-mid{ width:998px; height:210px; margin-left:1px; margin-top:1px; }
.cp-m1{ width:245px; height:210px; float:left;}
.cp-m1-tp{ width:245px; height:185px;}
.cp-m1-tp img{ margin:0 auto; text-align:center; display:block;}
.cp-m1-txt{ width:245px; height:20px; margin-top:10px;}
.cp-m1-txt a{ color:#000; font-size:12px; line-height:20px; text-decoration:none}
.cp-m1-txt a:hover{ color:#F00}
.cp-li{ width:1px; height:210px; margin-left:5px; float:left; margin-top:2px; display:inline}
#foot{ width:100%; height:50px; margin:10px auto 0;}
#foot p{ color:#666; font-size:12px; line-height:23px;}
#foot span{ margin-left:10px;}

/* about */
#a-top{ width:998px; height:28px; border:1px #d6d6d6 solid; background-color:#f8f8f8; display:block; margin:20px auto 0;}
#a-top p{ line-height:28px; color:#666; font-size:12px; padding-left:10px;}
#a-top a{ color:#666; font-size:12px; text-decoration:none}
#a-top span{ color:#bd8d04; font-size:12px;}
#a-main{ width:100%; height:auto; margin:15px auto 0;border:0px #d6d6d6 solid; overflow:hidden}
#a-main h3{ color:#000; font-size:13px; padding-left:15px; height:35px; line-height:35px;}
#a-main p{ width:970px; margin:0 auto; line-height:21px; font-size:13px; color:#666; margin-bottom:20px;}

/* certificate */
.cer-img{ width:970px; margin:10px auto 0; line-height:30px;}
.cer-t1{ color:#bd8d04; font-size:14px; height:30px; line-height:30px;}
.cer-t2{ color:#666; font-size:13px;}
.cer-t3 img{ margin-bottom:20px;}

/* fair */

.fair-table{width:100%; line-height:30px; border-bottom:1px #d6d6d6 solid;border-right:1px #d6d6d6 solid; margin-bottom:20px;}
.fair-table tr{border-right:1px #d6d6d6 solid;}
.fair-table td{border-left:1px #d6d6d6 solid;border-top:1px #d6d6d6 solid;}
.fa-t1{ color:#bd8d04; height:30px; line-height:30px; font-size:13px; padding-left:20px;}
.fa-t2{ color:#333; font-size:13px; height:30px; line-height:30px; background-color:#eeeeee}
.fa-t3{ color:#666; font-size:12px; text-align:center}
.fa-t4{ color:#bd8d04; font-size:12px; text-align:center}
DIV.yellow {PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; float:right}
DIV.yellow A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none; font-size:13px;
}
DIV.yellow A:hover {BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000; BORDER-BOTTOM: #f0f0f0 1px solid; color:#898000}
DIV.yellow A:active {BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000; BORDER-BOTTOM: #f0f0f0 1px solid;font-size:13px;}
DIV.yellow SPAN.current {
	BORDER-RIGHT: #898000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #898000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #898000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #898000 1px solid; BACKGROUND-COLOR: #898000;font-size:13px;
}
DIV.yellow SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid;font-size:13px;
}



/* contact */

#cot-main{ width:100%; height:auto; margin:15px auto 0;border:0px #d6d6d6 solid; overflow:hidden}
#cot-main p{ width:100%; color:#666; font-size:12px; line-height:25px; margin-top:20px; margin-left:20px;}
#cot-left{ width:560px;  height:auto; float:left; margin-left:25px; display:inline}
.cot-tab{ width:560px; margin:10px auto 0; line-height:35px; margin-bottom:20px;}
.cot-t1{ color:#000; font-size:14px; height:30px; line-height:30px; font-weight:bold; padding-left:40px;}
.cot-t2{ color:#333; font-size:12px; text-align:right; padding-right:10px;}
.cot-k{ width:350px; height:20px; border:1px #dbdbdb solid; color:#333; font-size:12px; line-height:20px;}
.cot-k2{ width:350px; border:1px #dbdbdb solid; color:#333; font-size:12px; line-height:21px; margin-top:5px;}
#cot-right{ width:290px; height:auto; float:right; margin-right:20px; display:inline; overflow:hidden}
#cot-right h5{ color:#000; font-size:14px; height:30px; line-height:30px;}
.ct-m-r{ width:280px; height:200px; border:1px #CCCCCC solid; margin-top:10px;color:#666; font-size:12px; line-height:21px;  margin-top:7px;}
.ct-m-r ul{ margin-left:15px; margin-top:10px}
.ct-m-r ul li{ line-height:25px;}
.ct-m-r span{ color:#333; font-weight:bold; font-size:13px;}
.ct-m-r a{ color:#666; font-size:12px; text-decoration:underline;}
.ct-m-r a:hover{ color:#00a7ac}
.cot-bt1{ width:80px; height:25px; background:url(../images/bt.jpg) no-repeat; border:none; float:left; margin-left:135px; margin-top:10px; display:inline; }
.cot-bt2{ width:80px; height:25px; background:url(../images/rt.jpg) no-repeat;border:none;margin-top:10px;float:left; margin-left:15px; display:inline; }

/* product */
#p-main{ width:100%; height:auto; margin:10px auto 0; overflow:hidden}
#p-left{ width:759px; height:auto; float:left; border:1px #d6d6d6 solid;}
#p-l-top{ width:759px; height:45px; background:url(../images/p-l-t.jpg) no-repeat;}
#p-l-top a{ color:#000; font-size:13px; float:left; padding-left:10px; line-height:45px;}
#p-l-top span{ color:#666; font-size:12px; line-height:45px; float:right; margin-right:10px; _margin-top:12px;}
#p-l-mid{ width:759px; height:auto; overflow:hidden}
#p-l-m{ width:252px; height:230px; float:left; border-bottom:1px #d6d6d6 solid; border-right:1px #d6d6d6 solid;}
.p-l-m-tp{ width:252px; height:175px;}
.p-l-m-tp img{ text-align:center; margin:0 auto; display:block}
.p-l-m-txt{ width:252px; height:35px; margin-top:10px;}
.p-l-m-txt a{ color:#000; font-size:12px; text-decoration:none;}
.p-l-m-txt a:hover{ color:#F00}
.p-l-m-txt p{ color:#bd8d04; font-size:12px; line-height:23px;}
#p-l-m-f{ width:759px; height:35px; margin-top:10px; margin-bottom:10px;}

#p-right{ width:228px; height:auto; float:right;}
#p-r-menu{ width:225px; height:auto;border:1px #d6d6d6 solid;}
#p-rtop{ width:225px; height:45px; background:url(../images/p-r-t.jpg) no-repeat;}
#p-rtop a{ font-size:13px; line-height:45px; padding-left:15px; color:#bd8d04}
#p-r-nav{ width:220px; height:auto; margin-left:2px; margin-top:10px;}

#p-lx{ width:225px;height:auto;border:1px #d6d6d6 solid; margin-top:20px;}
.p-lx-top{width:225px; height:45px; background:url(../images/p-r-t.jpg) no-repeat;}
.p-lx-top a{ font-size:13px; line-height:45px; padding-left:15px; color:#bd8d04}
.p-lx-mid{ width:223px; height:130px; margin-top:10px;}
.p-lx-mid ul{ padding-left:10px; margin-top:8px;}
.p-lx-mid ul li{ margin-top:10px;}
.p-lx-mid ul li a{ color:#666; font-size:12px; text-decoration:none; margin-left:5px;}

#sl_PicShow{ width: 360px; position: relative; float:left; margin-top:15px; display:inline; margin-left:15px;}
#sl_ImgBox{ width: 360px;height: 300px;overflow: hidden;border: 0px solid #d6d6d6;}
#sl_ImgBox img{ margin-left:35px;}
.sl_SmallImgList{width:310px;margin: 10px auto; }
.sl_wrapper{float: left;display: inline;margin: 0 5px;}
#sl_ImgList div{border: 1px solid #d6d6d6; background-color: white; width: 55px; height: 55px; overflow: hidden; margin: 0 5px; display: inline; float: left;cursor: pointer;}
#sl_ImgList .active{ border: 1px solid #bd8d04;}
#sl_ImgList img{ border: 0;}
#imgList_prev, #imgList_next{ width: 10px;height: 55px;display: block; float: left;display: inline; cursor: pointer;}

#imgList_prev{ background: url(../images/left.gif) no-repeat; margin-top:5px;}
#imgList_next{background: url(../images/right.gif) no-repeat;margin-top:5px;}
#imgList_prev span, #imgList_next span{display: none;}
.clearfix{float: none;clear: both;}
.sl_zoom{float: left;position: relative;display:inline;cursor: pointer;}
.sl_zoom img{ }
div.zoomdiv{ z-index: 100; position: absolute; top: 0px !important; left: 365px !important; width: 200px; height: 200px; background: #ffffff; border: 1px solid #d6d6d6; display: none; text-align: center; overflow: hidden;}
div.jqZoomPup{z-index: 10;visibility: hidden; position: absolute; top: 0px; left: 0px; width: 50px;height: 50px; border: 1px solid #097fe1; background: #ffffff; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }
div.jqMagnifier{position: absolute; z-index:9;width: 23px; height: 23px; background: url(magnifier.png) no-repeat;top:277px;right:1px;}


#p-pg-ltp{ width: 360px;float:left; margin-top:15px; display:inline; margin-left:15px; height:300px; border:1px #0F0 solid;border: 1px solid #d6d6d6;}
#p-pg-ltp img{ margin:0 auto; text-align:center; display:block;}

#p-pg-txt{ width:350px; height:360px; float:right; margin-right:10px; display:inline; overflow:hidden;overflow: auto; overflow-x:hidden;scrollbar-arrow-color:#fff; margin-top:15px;}
#p-pg-txt p{ line-height:21px; font-size:13px; color:#666666; margin-top:10px;}

.p-pg-tab{ line-height:30px;border-bottom:1px #d6d6d6 solid;border-left:1px #d6d6d6 solid; margin-top:15px;}
.p-pg-tab tr{border-left:1px #d6d6d6 solid;}
.p-pg-tab td{border-top:1px #d6d6d6 solid;border-right:1px #d6d6d6 solid; }
.p-pg-t1{ color:#bd8d04; font-size:12px; text-align:center}
.p-pg-t2{ color:#333; font-size:12px; text-align:center}

#pro-sm{ width:750px; height:auto; margin:10px auto 0;}
.pro-sm-title{ width:750px; height:25px; border-bottom:1px #CCCCCC dashed; color:#333; font-size:14px; line-height:25px;}

.pro-sm-txt{ width:700px; height:auto; margin:10px auto 0; margin-bottom:20px;}
.pro-sm-txt p{ line-height:21px; font-size:13px; color:#666666;}


#pro-dtp{ width:auto; height:auto; margin:20px auto 0;}
/* index */

#ho-main{ width:100%; height:auto; margin:30px auto 0;}


.list_page { font-size:13px; color:#333; width:770px; height:20px; margin:5px auto 0;}
.list_page  a{ color:#898000; text-decoration:none; font-size:12px; display:block; float:left; margin-left:3px; display:inline; font-family:Verdana; border:1px #898000 solid; width:15px; height:20px; line-height:20px; text-align:center}
.list_page  a:hover{ color:#fff; display:block;background:#898989 }
.current { width:15px; height:20px;text-align:center; line-height:19px;}
.current1{ background:#898989;width:15px; height:20px;text-align:center; color:#fff; line-height:20px;}



.scroller { WIDTH:935px; height:50px; margin-right:10px;}
.scroller .section { WIDTH:935px; }
.feature { WIDTH:935px; }
.feature { POSITION: relative }
.feature A IMG { BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px;BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #ccc 1px solid ; margin-left:15px; margin-top:5px;}
.feature A:hover IMG { BORDER-RIGHT: #bd8b04 1px solid; BORDER-TOP: #bd8b04 1px solid; BORDER-LEFT: #bd8b04 1px solid; BORDER-BOTTOM: #bd8b04 1px solid }
#my-glider { POSITION: relative; margin:0 auto; }
.scroller { OVERFLOW: hidden; HEIGHT:50px }
.scroller .section { FLOAT: left; OVERFLOW: hidden; WHITE-SPACE: nowrap; HEIGHT:50px;}
.scroller .content { WIDTH: 10000px }
#prevLink { DISPLAY: block; OVERFLOW: hidden; WIDTH: 20px; TEXT-INDENT: -99999px; POSITION: absolute; TOP: 35%; HEIGHT: 20px; background-image: url(../images/glider-arrows.png); background-repeat: no-repeat; }
#nextLink { DISPLAY: block; OVERFLOW: hidden; WIDTH: 20px; TEXT-INDENT: -99999px; POSITION: absolute; TOP: 35%; HEIGHT: 20px; background-image: url(../images/glider-arrows.png); background-repeat: no-repeat; }
#prevLink:hover { BACKGROUND-POSITION: 0px -19px }
#nextLink { BACKGROUND-POSITION: -19px 0px }
#nextLink:hover { BACKGROUND-POSITION: -19px -19px }
#prevLink { LEFT: -18px }
#nextLink { RIGHT: -18px }

/* catalogue */

#cat-main{ width:998px; height:auto; margin:15px auto 0;border:1px #d6d6d6 solid; overflow:hidden}
#cat-main p{ width:100%;line-height:21px; font-size:13px; color:#666; margin-bottom:20px;}