@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.wrapper{width:1000px; margin:0 auto;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
img{border:none;}
a{text-decoration:none;}
ul{list-style:none;}
.margin_top{margin-top:10px;}
.margin_top20{margin-top:20px;}
input{border:1px solid #ccc;}
textarea{border:1px solid #ccc;}
body{background: url(../images/bg.jpg) repeat-x scroll center top #FFFFFF;}

/*header*/
#header{background:url(../images/top.jpg) repeat; height:100px;}
#logo{margin-top:20px; float:left;}
#login{width:205px; height:22px;font-size:12px; margin-top:20px; float:right;}
#login a{color:#333; float:left; margin:0 5px 0 5px; font-size:12px;}
#login span{float:left; color:#fff;}

/*nav*/
#nav{background:url(../images/navbg.jpg) repeat; width:1000px; height:34px; line-height:34px; text-align:center;}
.navlist li{float:left; position:relative;}
.navlist li:hover{background:url(../images/navbg.jpg) reat;}
.navlist li a{color:#fff; display:block; font-size:12px;}
.navlist1{position:absolute; left:0; top:34px; z-index:999; display:none;}
.navlist1 li{width:100%; background:#fff; border-bottom:1px solid #eee; height:34px; line-height:34px; overflow:hidden;}
.navlist1 li a{color:#000;}
.navlist1 li:hover{background:url(../images/navbg.jpg) repeat; }
.navlist1 li a:hover{background:url(../images/navbg.jpg) repeat; display:block; font-size:12px; color:#fff;}

/*main*/
#main{background:url(../images/mid.jpg) no-repeat; border:1px solid #ccc; border-bottom:none; width:998px; margin:0 auto;margin-top:10px; overflow:hidden;}
.main{background:url(../images/mbg.jpg) no-repeat; height:220px;}
/*foucs*/
#foucs{width:1000px; height:296px; margin:1px 0 1px 0;}
.mainbox{overflow:hidden; position:relative;}
.flashbox{overflow:hidden;position:relative;}
.imagebox{position:relative; right:20px; z-index:9999;}
.bitdiv{display:inline-block;width:18px;height:18px;margin:0 10px 10px 0px;cursor:pointer;float:right;}
.defimg{background-image:url(../images/02.png)}
.curimg{background-image:url(../images/01.png)}

/*menu*/
.indexme{font-family:arial, sans-serif; width:180px; height:150px; position:relative;font-size:12px; z-index:9999; margin:17px 0 0 20px;}
.indexme ul li a, .menu ul li a:visited {display:block; width:144px;color:#333; height:26px; line-height:26px; font-size:12px; overflow:hidden; padding:0 8px;}
.indexme ul {padding:0; margin:0; }
.indexme ul li {float:left; position:relative;}
.indexme ul li ul {display: none;}
.lbgs{background:url(../images/ic1.jpg) no-repeat 0 9px; text-indent:15px; width:180px; height:29px;}
/* specific to non IE browsers */
.indexme ul li:hover a{color:red;}
.indexme ul li:hover ul{display:block; position:absolute; top:0; left:170px; width:170px;border-bottom:#FFF 1px dotted;}
.indexme ul li{}
.indexme ul li:hover ul li a.hide{background:#867349; color:#333; border-bottom:#FFF 1px dotted; border-left:#FFF 1px solid;}
.indexme ul li:hover ul li:hover a.hide{background:#867349; color:#fff; border-bottom:#FFF 1px dotted; border-left:#FFF 1px solid;}
.indexme ul li:hover ul li ul{display: none;border-left:#FFF 1px dotted;}
.indexme ul li:hover ul li a{display:block; background:#777; color:#333; border-bottom:#FFF 1px dotted; border-left:#FFF 1px solid;}
.indexme ul li:hover ul li a:hover{background:#867349; color:#fff;border-bottom:#FFF 1px dotted; border-left:#FFF 1px solid;}
.indexme ul li:hover ul li:hover ul{display:block; position:absolute; left:160px; top:0;}


/*left*/
.lefts{width:260px; height:180px; float:left; margin:15px 0 0 15px;}
.t02{background:url(../images/ic3.jpg) no-repeat 0 2px; text-indent:10px; border-bottom:1px solid #ccc; color:#333; height:25px; line-height:20px;}
#left{width:218px;}
#leftnav{width:218px; float:left;}
.title{background:url(../images/t01.jpg) no-repeat; width:218px; height:35px; line-height:35px;}
.title h2{background:url(../images/dian.jpg) no-repeat right; color:#fff; padding-left:15px;text-align:left; font-size:12px; font-weight:normal;}
.asidnav{width:218px; background:#fff;}
/*menu*/
.menu{font-family:arial, sans-serif; width:180px; height:150px; position:relative; margin:0 auto; font-size:12px; padding:15px 0 45px 0; z-index:9999;}
.menu ul li a, .menu ul li a:visited {display:block; width:144px;color:#333; height:26px; line-height:26px; font-size:12px; overflow:hidden; padding:0 8px;}
.menu ul {padding:0; margin:0; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
.lbg{background:url(../images/dot2.jpg) no-repeat; width:170px; height:29px; padding:0 5px; margin-bottom:7px;}
/* specific to non IE browsers */
.menu ul li:hover a{color:red;}
.menu ul li:hover ul{display:block; position:absolute; top:0; left:170px; width:170px;border-bottom:#FFF 1px dotted;}
.menu ul li{}
.menu ul li:hover ul li a.hide{background:#867349; color:#333; border-bottom:#FFF 1px dotted; border-left:#FFF 1px solid;}
.menu ul li:hover ul li:hover a.hide{background:#867349; color:#fff; border-bottom:#FFF 1px dotted; border-left:#FFF 1px solid;}
.menu ul li:hover ul li ul{display: none;border-left:#FFF 1px dotted;}
.menu ul li:hover ul li a{display:block; background:#777; color:#333; border-bottom:#FFF 1px dotted; border-left:#FFF 1px solid;}
.menu ul li:hover ul li a:hover{background:#867349; color:#fff;border-bottom:#FFF 1px dotted; border-left:#FFF 1px solid;}
.menu ul li:hover ul li:hover ul{display:block; position:absolute; left:160px; top:0;}

/*leftext*/
#leftext{width:218px; float:left; text-align:center;}
.cuscon{padding:10px 0;}
.cuscon p{color:#333; line-height:22px; font-size:12px; text-align:left; padding-left:20px;}

/*right*/
.rights{width:679px; float:right;}
#right{width:730px; margin:5px 30px 0 0; overflow:hidden;}
.title1{background:url(../images/t02.jpg) no-repeat; height:38px;}
.title1 h2{padding:10px 0 0 34px; color:#333;}
.title1 .right{margin:13px 15px 0 0;}
.crumbs{float:right; font-size:12px; margin:10px 5px 0 0;}
.crumbs a{color:#333; font-size:12px; margin:0 5px;}
.cmp{color:#333;}
.cmps{height:200px; overflow:hidden;}
.cmps p{text-indent:2em; font-size:12px; line-height:26px; padding:0 10px;}
#colee_left{overflow:hidden; padding:15px; height:160px; overflow:hidden;}
.picshow{width:490px; float:left; margin:15px 0 0 0;}
#demo{margin-top:20px;}
#demo img{width:180px; height:120px; margin:0 3px; border:1px solid #ccc;}
.imgshow{margin:38px 0 0 47px; float:left; width:139px;}
.imgshow img{margin-bottom:18px; display:block;}

/*footer*/
#footer{background:url(../images/footer.jpg); height:77px; color:#333; text-align:center; line-height:26px; padding-top:20px;}
#footer a{color:#333; font-size:12px; margin:0 5px 0 5px;}
#footer p{font-size:12px;}

/*cmp*/
.cmpcon{padding:10px;}
.cmpcon p{text-indent:2em; font-size:12px; line-height:26px; padding:0 10px;}

/*news*/
/*list*/
.list{padding:10px 10px 0 10px;}
.list ul{font-size:12px;}
.list ul li{height:30px; line-height:30px; background:url(../images/ic2.png) no-repeat 10px 13px; text-indent:20px; border-bottom:1px dotted #ccc; overflow:hidden;}
.list ul li a{color:#434343;font-size:12px;}
.list ul li a:hover{color:#867349;}
.list ul li .right{font-size:12px;}
/*page*/
.page{margin:20px 0 10% 30%; text-align:center;}
.page a{width:20px; height:20px; line-height:20px; background:#888; float:left; margin:3px; color:#fff; text-align:center; font-size:12px;}
.page a:hover{background:#867349;}
.page a.se{background:#867349; color:#fff;}
.page a.none{background:none; width:auto; margin:5px 5px 0 5px; color:#434343;}

/*details*/
.caption{border-bottom:1px dotted #ccc; text-align:center; height:30px; line-height:30px; padding-top:20px;}
.caption h1{font-size:16px; color:#333;float:left; margin-left:40%;} 
.content .right{margin:10px 0 10px 0; font-size:12px;}
.content p{margin-bottom:10px; line-height:24px;}
.point{color:#434343; line-height:24px; margin:10px 0 20px 0;}
.point p{text-indent:0;}
.point a{color:#867349;font-size:12px;}

/*prds*/
.prlist{}
.prlist dl{width:200px; height:190px; float:left; margin:5px 17px 0 17px; overflow:hidden;  text-align:center;}
.prlist dt{}
.prlist dd{text-align:center; font-size:12px; margin-top:10px; color:#333;}
.prlist img{width:200px; height:150px; margin-top:13px;}

/*prdts*/
.prdts .left img{margin:10px;}
.prdts .left p{line-height:24px; text-indent:0;}
.prdcon{border-top:1px dotted #ccc; padding:20px 0 20px 0;}
.prdcon p{line-height:26px;}

/*music*/
.music{width:773px; overflow:hidden;}
.music .bofang{margin-top:20px; margin-left:-125px;}
.music .muslist{text-align:center;  margin-top:40px; }
.music .muslist ul{width:600px; margin-left:10%;}
.music .muslist ul li{border-bottom:#CCC 1px dotted; height:30px; padding:0 15px; line-height:25px;}
.music .muslist ul li span{float:left; margin-right:20px;}
.music .muslist ul li span a{color:#434343; font-size:12px;}
.music .muslist ul li span a:hover{color:#91942d;}
.music .muslist ul li img{float:right; height:18px; margin-top:5px; }

/*video*/
div#productquery {margin: 0px 5px 10px 20px; text-align: center; float: left; }
div#productquery a{color:#333;}
div#productquery div.fang { padding: 3px; text-align: center; border: 1px solid #eee; }
div#productquery div.picFit { overflow: hidden; }
.picFit { /*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;vertical-align:middle; /*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size: 149px;*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/width:118px;height:187px;}
.picFit img {/*设置图片垂直居中*/vertical-align:middle;}

/*cus*/
.cus{width:755px; color:#434343; overflow:hidden; padding-top:15px;}
.cus p{line-height:1.8em; font-size:12px; text-indent:0;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}