/* CSS Documentf */

body{ margin:0; padding:0; border:0;}
*{ margin:0; padding:0; border:0;}
html, body, div, span, p, a, font, img, center ,dl, dt, dd, ol, ul, li,
form, table, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0;}
ol, ul{ list-style:none;}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:none;}
html,body{ width:100%;}
body{ color:#333; font:12px "ËÎÌå"; background:url(../images/body_bg.jpg) top repeat-x #eef2fb;}
.clearfix{ clear:both; overflow:hidden; height:0;}
/*--------------------fzm------------------------------*/

#top{ margin:0 auto; width:1002px; height:89px; background:url(../images/top.jpg) no-repeat;}
#top span{float:right;}

#nav{ width:1002px; height:52px; text-align:center; line-height:52px; margin:0 auto; background:url(../images/nav.jpg) center no-repeat;}
#nav ul li{ float:left; text-align:center; line-height:52px; font-size:14px; font-family:"΢ÈíÑźÚ"; padding:0 5px; color:#fff;}
#nav ul li a{ color:#fff; display: inline-block; width: 100px;}
#nav ul li a:hover {color:#fff; background: url(about:blank) #396; height: 52px; line-height: 52px;}

#banner{ margin:0 auto; width:100%; height:350px; background:url(../images/banner.jpg) center no-repeat;}
#slider {    width:100%; /* important to be same as image width */
    height: 350px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
}
#slider img{  border: 0px;left: 0;  margin-left: 0;}
#sliderContent {
    width: 100%; /* important to be same as image width or wider */
    position: absolute;
    top: 0;
    margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
    display: none;
    width: 100%;
    height:600px;
    left: 0;
    margin-left: 0;
}
.sliderImage img{
    float: left;
    position: relative;
    left: 0;
    margin-left: 0;
}
.sliderImage span {
    position: absolute;
    font: 14px ΢ÈíÑźÚ,sans-serif;
    padding: 1px 9px;
    width:100%;
    height:58px;
    line-height: 46px;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    color: #fff;
    display: none;
letter-spacing:0.3mm;
}
.clear {
 clear: both;
}
.sliderImage span strong {
    font-size: 80%;
}
.top {
 top: 0;
 left: 0;
}
.bottom {
 bottom: 0;
    left: 0;
}
ul {
 list-style-type: none;
}

.pn3{ height:30px; line-height:19px; font-size:14px; font-weight:bold; padding:8px 0 0 38px; background:url(../images/pn3_bg.jpg) center no-repeat;}
.pn3 a{ color:#000;}
.pn4{ height:30px; line-height:30px; padding:10px 10px 0 24px; font-size:14px; font-family:"ËÎÌå"; font-weight:bold; background:url(../images/pn4_bg.jpg) 0px 16px no-repeat; border-bottom:1px solid #0066cc;}
.pn4 span{ float:right; color:#b67138;}
.pn4 span a{ color:#b67138;}

.pn5{ height:39px; line-height:36px; padding-left:38px; font-size:14px; font-family:"ËÎÌå"; font-weight:bold; background:url(../images/pn5_bg.jpg) no-repeat;}


.pn6{ height:30px; line-height:30px; padding:10px 10px 0 30px; font-size:14px; font-family:"ËÎÌå"; font-weight:bold; background:url(../images/pn4_bg.jpg) 6px 16px no-repeat; border-bottom:1px solid #0066cc;}
.pn6 span{ float:right; color:#b67138;}
.pn6 span a{ color:#b67138;}


#box{ margin:0 auto; width:1002px; height:auto;}
#container{ margin:0 auto; width:1002px; padding-bottom:4px; background:#e5e5e5;}
.container{ margin:0 auto; width:982px;}
#left{ float:left; width:250px;}
.left1{ width:248px; float:left; margin:0 auto; border:1px solid #CCC; background:#fff; margin-top:10px; padding-bottom:4px;}
.left2{ width:248px; float:left; margin:0 auto; border:1px solid #CCC; background:#fff; margin-top:4px;}
.left2 ul{ width:198px; padding:6px 20px; margin:0 auto;}
.left2 ul li{ line-height:24px; border-bottom:1px dashed #b37a0d; padding-left:20px; background:url(../images/dot1.jpg) 6px 9px no-repeat;}

.left3{ width:248px; float:left; margin:0 auto; border:1px solid #CCC; background:#fff; margin-top:4px;}
.left3 ul{ width:198px; padding:6px 20px; margin:0 auto; background:url(../images/contact.jpg) bottom right no-repeat;}
.left3 ul li{ line-height:24px;}

#xiaoshou{ float:left; width:250px; height:84px; background:url(../images/xiaoshou.jpg) center no-repeat; }



ul,h5{margin:0;padding:0;list-style:none;}
#levelmenu{margin:8px 0 0 0px;}
#levelmenu div.unit ul{width:206px;border:solid 1px #1A5189;border-top:none; /*padding:8px 0 8px 40px;*/}
#levelmenu h5{width:248px;height:25px;line-height:26px;overflow:hidden;background:#06c;text-indent:22px;font-weight:normal;color:#fff;margin:0;font-size:100%;cursor:default;}
#levelmenu div.unit ul{display:none;line-height:23px;}
#levelmenu div.current ul{display:block;}
#levelmenu div.current ul li{ width:200px; border-bottom:1px dashed #CCCCCC;}
#levelmenu div.current ul li a{color:#333;text-decoration:none;}
#levelmenu div.current ul li a:hover{text-decoration:underline;}
#levelmenu div.current h5{background-position:left bottom; font-weight:bold;}
#levelmenu h5 a{color:#fff;}



#right{ float:right; width:720px; background:url(../images/right_bg.jpg) top repeat-x #fff;}
.rightL{ float:left; width:440px; padding-left:10px;}
.l1{ float:left; width:440px;}
.l1 p{ text-indent:2em; float:left; padding:6px 2px 6px 6px; line-height:20px;}
.l1 p img{ float:left; padding:0 6px 0 0;}

.l2{ width:440px; float:right;}
.l2 ul{ padding:8px 0 0 0;}
.l2 ul li{ line-height:26px; padding-left:14px; background:url(../images/dot2.jpg) 2px 9px no-repeat; /*border-bottom:1px dashed #a86d23;*/}
.l2 ul li span{ float:right;}

.rightR{ float:right; width:250px; padding-right:10px; margin-top:10px;}
.r1{ width:250px; float:right; padding-bottom:10px;}
.r1 ul{ padding:8px 0 0 0;}
.r1 ul li{ line-height:26px; padding-left:14px; background:url(../images/dot3.jpg) 4px 9px no-repeat; border-bottom:1px dashed #a86d23;}

.r2{ width:250px; float:right; padding-bottom:10px;}
.r2 ul{ padding:8px 0 0 0; height:180px; background:url(../images/contact.jpg) bottom right no-repeat;}
.r2 ul li{ line-height:24px; padding-left:14px;}

.cen3{ width:700px; margin:0 auto;}
.products{ margin:0 auto; width:700px; height:172px;}
.products ul li{ float:left; display:block; padding:6px; text-align:center;}
.products ul li img{width:178px; height:133px; border:1px solid #ccc;}
#demo{ width:700px; height:172px; overflow:hidden;}
#demo ul{ width:1920px;height:165px; overflow:hidden;}
#demo ul li{ width:180px; height:165px;}
#demo ul li img{ padding-bottom:4px;}
#indemo{ width:999%;}
#indemo,#demo1,#demo2{ float:left; display:inline;}








.footer{ width:100%; background:url(../images/footer_bg.jpg) top repeat-y #0066cc; color:#eee;  text-align:center; line-height:30px;}
.footer a{ color:#999;}
#footer{padding:10px 0 10px 0; width:100%; margin:0 auto;}
#footer1{padding:0 0 10px 0; width:100%; margin:0 auto;}

/*------------------f-------------------*/
.pn1{ border-bottom:1px solid #ccc; margin:0 15px;}
.pn1{ font-weight:bold; text-align:center; font-size:14px; line-height:50px; color:#000;}
.pn2{ line-height:20px; margin:10px 5px; text-indent:2em; letter-spacing:1px; color:#000;}
.pn2 p{ line-height:20px; margin:10px 5px; text-indent:2em; letter-spacing:1px; color:#000;}

.time{ text-align:center; color:#ccc; padding-top:10px;}
.filp1{ line-height:32px; padding-left:10px; height:32px; font-size:16px; color:#000;}
.pn12 img{ text-align:center; max-width:90%; width:auto !important; width:90%; height:400px; margin:12px 0;}
.pn12{ text-align:center;}

.filp1 span{ padding-left:30px;}

.filp1 p{ color:#000;}
.filp1 a{ color:#000; padding:0 5px;}
.filp2{ font-weight:bold; background:#eee; padding:2px 15px;}
.filp2 span{ float:right; font-weight:normal;}
.filp2 a{ padding:1px 4px; margin:0 5px; color:#777;}
.filp2 a:hover{ border:none; text-decoration:none; color:#fff; padding:3px 9px;}
.filp3{ line-height:25px; padding-left:15px; margin:10px; color:#000; border-top:1px dashed #ccc; padding-top:5px;}
.filp3 a{color:#000;}
.filp3 a:hover{color:#000;}
.filp4{ line-height:25px; padding-left:15px; margin:10px; color:#000; border-top:1px dashed #ccc; padding-top:5px;}
.filp4 a{color:#000;}
.filp4 a:hover{color:#000;}

#products img{ display:block; margin:0 auto; width:192px; height:155px; border:1px solid #ccc;}
#products ul{ margin-top:10px;}
#products ul li{ float:left; width:192px; height:200px; overflow:hidden; margin:10px; padding:0px 10px; display:inline; text-align:center; overflow:hidden;}
#products ul li span{ padding-top:3px; line-height:23px; text-align:center;}
#products ul li a{ color:#000;}
#news ul{ margin:10px;}
#news ul li{ line-height:38px; font-size:14px; color:#000; padding-left:25px; border-bottom:1px dashed #ccc; background:url(../images/dot.jpg) 5px no-repeat;}
#news ul li a{ color:#000;}
#news ul li span{ float:right;}

.filp1{ text-align:center;}
.filp1 a{ text-align:center;}
/*----------------liuyan---f-------------*/
#right .nr ul{ padding-top:20px;}
#right .nr li{ padding-left:20px; margin-top:10px; height:30px; position:relative; background:url(../images/line.jpg) no-repeat 0 bottom;}
#right .nr li a:hover{ color:#FFA605; text-decoration:underline;}
#right .nr li span{ position:absolute; right:0; top:0; color:#999;}
#gbooklist {
	width: 98%;
	text-align:center;
}
#gbooklist .faq  ,
#gbooklist .reply
{
	text-align:left;
	width: 98%;
	word-wrap: break-word; 
	word-break: break-all;
}
#gbooklist .faq{
	margin-bottom:15px;
}
#gbooklist .faqtit,
#gbooklist .faqcon
{
padding-left:5px;
}

#gbooklist .faqtit{
background:#66CCFF;
color:#000000;
font-size:14px;
}

#gbooklist .reply{
	border: 1px dashed #FF0000;
	width:95%;
	margin-bottom:10px;
	margin-left:5px;
	padding:3px;
}
.pageNavi{border:none;}
#faqbox {}
#faqbox .faqline{ line-height:2em; height:35px; text-align:left}
#faqbox .faqline .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content{ line-height:2em; height:120px; text-align:left}
#faqbox .Content  .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content textarea { height:100px;}