@charset "utf-8";
/* CSS Document */
/*this is css comment*/
body,p,ul,dl,dt,dd,ol,h1,h2,h3,h4,span,strong,img,object,embed,param,label,form,input,textarea{ margin:0; padding:0}
img{ border:0; vertical-align:middle}
a{font-size:14px;color:#666;text-decoration:none;}
li{ list-style:none}
p{ text-indent:2em; font-size:13px; color:#303030}
/*css start*/
#header,#nav,#banner,#content,#footer{ width:1002px; margin:0 auto}
#header{ margin-bottom:20px; overflow:hidden;zoom:1}
#logo{ float:left}
#login{ float:right; margin-top:25px; margin-right:15px}
#nav{ clear:both}
.leftnav,.middnav,.rightnav{ float:left}
.leftnav,.rightnav{ width:49px; height:46px}
.middnav{ background:url(../images/mnav.jpg) repeat-x center center; height:46px; width:904px; line-height:46px}
.navlist li{ float:left; background:url(../images/li.gif) no-repeat right center; text-align:center;position:relative;}
.navlist li a:hover{ background:url(../images/menu_now.gif) no-repeat center center; display:block; width:102px} 
.navlist li a{ color:#FFF;}
.navlist1{position:absolute; left:0; top:43px; z-index:999;display:none; }
.navlist1 li{ width:102px; background:url(../images/menu_now.gif) no-repeat; border-bottom:1px solid #fff; height:35px; line-height:35px; border-radius:0;}
.navlist1 li a{ display:block}
.navlist1 li a:hover{ background:#b83442;}
#banner{ clear:both; width: 1002px; height: 230px;}
/*index.html*/
#content{ background:url(../images/x01.jpg) repeat-y left center;overflow:hidden;zoom:1}
#leftmain{ float:left; width:242px;}
.leftshow h1{ background:url(../images/top.png) no-repeat; width:242px; height:75px; font-size:15px; font-weight:500; color:#fff; text-indent:3em; padding-top:11px;}
.con{ margin:15px 0 30px 0}
.con p{ margin-bottom:8px;margin-left:11px}
#leftext{ width:242px; margin-top:15px}
#leftext h2{ font-size:14px; background:url(../images/left.jpg) no-repeat; width:211px; height:32px; line-height:32px; margin-left:10px; font-weight:500; color:#FFF; text-indent:2.5em}
/*left nav*/
.leftshow li.hide{ background:url(../images/ss.jpg) no-repeat left center; margin-left:45px; text-indent:1.5em; margin-bottom:5px; line-height:24px;}
.leftshow ul li a{ font-size:13px}
.leftshow ul li.hide{ border-bottom:1px dotted #999; width:140px;display:block;position:relative;}
.menu{ position:relative; z-index:999}
.menu ul li a,.menu ul li a:visited {display:block;overflow:hidden; color:#505050; }
.menu ul li ul li{float:left;position:relative; background-color:#5BB04B; width:130px; text-align:center; border-bottom:1px solid #FFF;line-height:24px; display:block;}
.menu ul li ul {display: none; margin-top:0; text-indent:0}
.menu ul li ul li ul li{ border-left:#fff 1px solid;}
.leftshow .menu ul li.hide ul a{ color:#fff;margin-left:0; padding-left:0; background:none}
/* specific to non IE browsers */
.menu ul li:hover ul {display:block; position:absolute; top:0; left:120px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:130px; top:0;}
/*left nav end*/
#right{ float:right; width:760px;}
#rightext h1,#rightpic h1{ background:url(../images/top_002.png) no-repeat; height:38px; width:760px; font-size:15px; font-weight:500; color:#FFF; line-height:38px; text-indent:1.7em}
.about dt{ float:left;
    /*width:150px;*/
    margin:10px 10px 10px 10px}
.about dd{
    /*float:right; */
    /*width:525px;*/
    margin:10px;
}
.about dd p{ line-height:150%; display:block}
#rightpic{ clear:both;padding-top:10px;overflow:hidden;zoom:1}
.rightad{ margin-top:10px; margin-left:25px; overflow:hidden; margin-bottom:15px}
.rightad li{ float:left; margin-left:10px;}
.rightad li img{ width:200px; height:150px}
#footer{ background:url(../images/1274323059.jpg) no-repeat;}
#footer p{ line-height:24px; display:block; font-family:Verdana, Geneva, sans-serif}
#footer p a{ color:#333; font-size:13px}
.subnav{ padding:18px 0 20px 0}
/*pic js*/
#demo {
background: #FFF;
overflow:hidden;
width:720px; margin-left:20px
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
/*about.html*/
.img img{ margin-left:10px; margin-top:30px}
.subabout{ margin:30px 25px 40px 25px;}
.subabout p{ line-height:170%; display:block; margin-top:10px}
/*content.html*/
.contect{ margin:30px 30px 0 30px; overflow:hidden;zoom:1}
.contect dt{ float:left; width:334px; line-height:180%; margin-top:20px; margin-left:30px}
.contect dd{ float:right; width:323px;}
/*liucheng.html*/
.liucheng{ padding:30px 20px 30px 30px} 
.liucheng dl{ overflow:hidden;zoom:1; margin-bottom:30px}
.liucheng dl dt{ float:left; width:140px; }
.liucheng dl dd{ float:right; width:570px; line-height:160%; display:block}
/*message.html*/
#f1{ margin:20px 0}
.STYLE2{ font-size:14px}
#f1 input,#f1 textarea{ border:#ccc 1px solid}
/*sheshi.html*/
.sheshi li img{ width:140px; height:105px;border:1px solid #ccc; padding:3px;} 
.sheshi{ padding:30px 0;overflow:hidden;zoom:1; margin-left:10px}
.sheshi ul{ float:left; margin-left:30px; margin-bottom:15px; text-align:center}
.sheshi ul li{ margin-top:10px}
.sheshi ul a{ font-size:13px;}
/*xiangmu.html*/
.xiangmu{ margin:20px 0}
.xiangmu p{ line-height:25px; display:block;}
.qit{ margin:10px 0; font-size:14px; text-indent:2em}
/*fenye page*/
#page{ margin:50px auto;}
.page{ margin:0 10px;}
.page a{ color:#fff; background:#aaa; width:20px; height:20px; margin:0 3px;  text-align:center; line-height:20px; display:inline-block;}
.page a:hover{background:#666;}
/*music.html*/
.music_en{ overflow:hidden;zoom:1; width:680px; margin:0 auto;}
.mar20{ margin-top:30px}
.list li{ margin-top:10px}
.bla{ margin-top:30px}
.bla a{ font-size:12px;}
/*video.html*/
.tex{ overflow:hidden; margin:0 auto; width:750px}
#productquery{}
.product{ overflow:hidden}

/*videoxq.html*/
.next1{ clear:both}
.next1 p{ margin-top:10px}
#wrapper #productquery{ margin-top:30px;}
input{ border:1px solid #ccc;}
textarea{border:1px solid #ccc;}
.STYLE2{ font-size:13px}
/*subnews.html*/
#bg2{ border-top: 1px dotted #ccc; margin:30px 0; text-align:right; height:30px; padding-top:5px;}
.jiathis_style{ position: absolute; right:0px; top:25px;}
.news{ position:relative}
.news h3{ font-size:15px;}
#page1{ clear:both; line-height:25px; display:block; margin:15px 0}
.con_new p{ line-height:24px; display:block}
/*news.html*/
.news{ margin-top:20px}
.new_list{ width:700px; margin-left:20px; font-size:13px; margin:0 auto}
.new_list li{ background:url(../images/list_03.jpg) no-repeat left center; text-indent:2em; overflow:hidden;zoom:1; line-height:30px; display:block; border-bottom:1px dashed #ccc}
.new_list li a{ float:left; color:#222;width:370px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; font-size:13px}
.new_list li span{ float:right;}
/*pro_xiang.html*/
.chan_list{ margin:20px 0}
.chan_list dl{ width:650px;overflow:hidden; margin:0 auto}
.chan_list dt{ float:left;}
.chan_list dd{ float:right; width:230px; margin-top:50px}
.chan_list p{ line-height:150%; margin-top:10px}
div#productquery{margin:0px 11px 10px 10px; text-align: center; float: left; }
div#productquery div.fang{padding: 3px; text-align: center; border: 1px solid #ccc; }
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;
}
.xiangqing{ clear:both; width:700px; margin:0 auto; padding:20px 0}
.xiangqing h3{ font-size:15px}
/*APP map*/
.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}