@charset "utf-8";
/* CSS Document */
/*this is css comment*/
body,p,ul,dl,dt,dd,ol,h1,h2,h3,h4,span,strong,img{ margin:0; padding:0}
img{ border:0; vertical-align:middle}
a{font-size:13px;color:#444;text-decoration:none;}
li{ list-style:none}
p{ text-indent:2em; font-size:13px;color:#444;}
body{ background-color:#F4F4F4}
/*css start*/
#header,#nav,#banner,#main{ width:950px; margin:0 auto}
#tou{ background:url(../images/bg.jpg) repeat-x; height:147px;}
#logo{ float:left; padding-top:20px}
#login{ float:right;}
#login span{ padding:0 5px}
#login a,#login{ color:#FFF; font-size:12px;}
/*===nav====*/
#nav{ clear:both; padding-top:25px;zoom:1}
#nav a{ font-size:14px; display:block;}
.navlist{ height:40px ; line-height:40px;}
.navlist li{float:left;position:relative; _display:inline; text-align:center;}
.navlist li a:hover{color:#000}
.navlist li a{text-decoration:none; color:#fff;  display:block; outline:none}
.subnav{ width:102px; border:1px solid #ccc; position:absolute; z-index:9999;top:40px; left:0; display:none}
.navlist li .subnav li{ width:102px; background:#74130D; border-bottom:1px solid #ccc; float:left; margin:0; line-height:30px; height:30px;}
.navlist li .subnav li a:hover{ background-color:#B01B14; background-image:none}
.navlist li .subnav li a:hover{ color:#fff;}
/*===nav end====*/
/*===banner====*/
#bann{ background:url(../images/bannerbg.jpg); height:340px}
/*===banner end====*/
/*index.html main*/
#mainleft{ width:665px; float:left}
#mainleft h1{ background:url(../images/left_class_bg.gif) no-repeat; width:665px; }
.leftabout{ padding:15px 0}
.leftabout p{ line-height:24px; display:block}
.picad{ margin-top:20px}
.picad li{ float:left; margin-left:8px}
.picad li img{ width:180px; height:144px}
#right h1,#mainleft h1{height:40px; line-height:40px; text-align:center; font-size:14px; color:#FFF}
#right{ width:260px; float:right}
#right h1{ background:url(../images/right_class_bg.png) no-repeat; width:260px;}
.fenlei li{ background:url(../images/news_arrow.gif) no-repeat left center; padding-left:18px; margin-left:20px;line-height:24px; display:block;border-bottom:#ccc 1px dashed}
.fenlei{ margin:15px 0 35px 0}
.context{ margin-top:20px;}
.context p{ margin-top:8px;}
#footer{ clear:both; overflow:hidden;zoom:1; padding:25px 0}
.xian{ border-top:#999 2px solid; margin-bottom:15px;}
.ff{ font-size:13px; font-family:Verdana, Geneva, sans-serif}
/*left nav*/
.m20{ margin:10px 0 20px 0}
.menu ul li.hide{ border-bottom:1px dotted #999; width:140px; margin-top:8px;display:block; text-indent:1.5em;position:relative}
.menu{ position:relative; z-index:9999;}
.menu ul li a,.menu ul li a:visited {display:block;overflow:hidden; color:#505050; }
.menu ul.fenlei li.hide ul li{float:none;position:relative; background-color:#9C1F19; width:100px; text-indent:0em; text-align:center; border-bottom:1px solid #ccc; height:25px; line-height:25px;margin-top:0px; background-image:none;}
.menu ul li ul li a{ color:#FFF}
.menu ul li ul {display: none; margin-top:0;}
.menu ul li.hide ul a{margin-left:0; padding-left:0; background:none; color:#FFF}
/* specific to non IE browsers */
.menu ul li:hover ul {display:block; position:absolute; top:0; left:-110px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute;left:-139px; top:0;}
/*index.html gun dong*/
#demo {
overflow:hidden;
width:640px; margin-left:12px;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
/*fenye page*/
#page{ margin:50px auto;clear:both;}
.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{ overflow:hidden;zoom:1; width:665px; margin:0 auto;}
.list{ overflow:hidden;zoom:1; width:600px; margin:0 auto;}
.mar20{ margin-top:30px}
.list li{ margin-top:10px;}
.bla{ margin-top:30px}
.bla a{ font-size:12px;}
/*newslist.html*/
.n_list{ width:620px; margin-left:20px}
.n_list li{ background:url(../images/list_03.jpg) no-repeat left center; text-indent:1.5em; overflow:hidden; margin-top:10px; line-height:24px; border-bottom:1px dashed #ccc;}
.n_list li a{ float:left; color:#222;width:370px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; font-size:13px; float:left}
.n_list li span{ float:right; font-size:13px}
/*news.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; margin-top:20px}
.news h3{ font-size:15px;}
.newscon p{ line-height:24px; display:block}
#page1{ margin-top:20px}
/*productxq.html*/
.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{ text-align: center; border: 1px solid #ccc; padding:3px}
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:180px;
        height:144px;
}
.xiangqing{ clear:both; width:700px; margin:0 auto; padding:20px 0}
.xiangqing h3{ font-size:15px}
/*product.html*/
.leftpic{ margin:18px 0 0 20px}
/*message.html*/
.STYLE2{ font-size:14px}
.form1{ border:1px solid #ccc}
/*video.html*/
.leftvideo{ margin:15px 0 0 5px}
.shipin{ margin-top:10px}
/*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}
.chan_list{ margin-top:10px;}