/*通用*/
* { margin: 0; padding: 0;}
body { color: #777; font-size: 14px; font-family: "微软雅黑", "宋体", "Arial"; }
a img { border: none; }
a { color: #555; text-decoration: none; }
a:hover { text-decoration: underline; }
ul { zoom:1;}
li { list-style: none; vertical-align: top; }
.clear { clear: both; }
.h10 { height: 10px; }
.w1200 { width: 1200px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
/*header*/
.header{ width:1200px; margin:0 auto; height:100px; background:url(../images/index0_02.jpg); overflow:hidden; position:relative;}
.header img.logo{ position:absolute; left:0; bottom:0;}
.header img.tel{ position:absolute; right:0; bottom:0;}


.topnav{ position:absolute; top:0; right:0;}
.topnav a{ padding:5px ; font-size:12px; }
/*mainnav*/
.mainnav{ width:1200px; margin:0 auto; background:url(../images/index1_08.png); height:59px; line-height:59px; text-align:center;}
.mainnav a{ padding:0 50px; color:#333; font-size:14px; font-weight:bold; display:inline-block; background:url(../images/index1_10.png) no-repeat left bottom;}
.mainnav a:hover{ text-decoration:none; color:#FE0002;}
/*banner*/
.banner{ width:1200px; height:312px; overflow:hidden; margin:0 auto; position:relative;}
.banner .bd li{ width:1200px; height:312px; text-align:center; overflow:hidden;}
.banner .hd { position:absolute; right:10px; bottom:10px;}
.banner .hd ul{ height:20px; width:100px;}
.banner .hd li{ height:20px; width:20px; background:#BBBBBB; float:left; margin-left:10px; cursor:pointer;}
.banner .hd li.on{ background:#E96938;}

/*main*/
.main{ width:1200px; margin:10px auto; overflow:hidden; }
.main .m1{ height:190px; background:url(../images/index1_15.png); overflow:hidden; margin-bottom:20px; padding-top:57px;}
.main .maboutus{ width:400px; float:left; height:188px;}
.main .maboutus p{ padding:10px; font-size:12px; line-height:24px;}
.main .maboutus p img{ margin-right:10px; margin-bottom:5px;}
.main .maboutus a.more{ color:#e00; padding:0 10px;}
/*news*/
.main .mnews{ width:400px; float:left; height:188px;}
.main .mnews ul{ padding:10px; overflow:hidden;}
.main .mnews li{ height:28px; line-height:28px; font-size:12px; width:370px; list-style-type:square; list-style-position:inside; color:#f30; position:relative;}
.main .mnews li .date{ position:absolute; right:0; color:#999;}
/*contact us*/
.main .mcontactus{ width:400px; height:188px; float:left; background:url(../images/index1_06.jpg) no-repeat right bottom;}
.main .mcontactus p{ text-indent:10px; line-height:24px; font-size:12px;}
/*.mproducts*/
.mproducts{ height:204px; background:url(../images/index1_18.png); border:1px solid #e9e9e9;}
.mproducts p.more{ height:60px; line-height:60px; text-align:right; background:url(../images/index1_17.png) no-repeat;}
.mproducts p.more a{ padding-right:10px; font-size:12px;}
.mproducts ul{ overflow:hidden; padding:10px; padding-right:0; width:1160px;}
.mproducts li{ float:left; width:196px; height:130px; text-align:center;}
/*footer*/
.footer{ text-align:center; background:url(../images/index1_43.jpg); height:93px; padding-top:30px; font-size:12px; line-height:24px;}
#gotop { display: block; background: url(../images/gotop.gif); width: 31px; height: 31px; position: fixed; right: 10px; bottom: 40px; cursor: pointer; }