@charset "utf-8"; body{ margin:0px auto; padding:0px; font-family:"microsoft Yahei","宋体"; font-size:14px; background:#f1e8cf URL(../images/bg.jpg) center 562px repeat-x; color:#333; line-height:23px;} ul,li{ list-style:none; margin:0px; padding:0px;} a{ color:#333; text-decoration:none;} a:hover{ text-decoration:underline;} .top{ clear:both; display:block; width:100%; height:113px; background:#f6efde URL(../images/top.jpg) center top no-repeat;} /* index menu */ .menu{ clear:both; display:block; width:100%; height:49px; line-height:49px; background:#c40001 URL(../images/menu.jpg) left top repeat-x; overflow:hidden; } .menu ul{ clear:both; display:block; width:1000px; margin:0px auto;} .menu ul li{ float:left;} .menu ul li a{ font-size:16px; color:#FFF; display:block; width:110px; text-align:center;} .menu ul li .on{ background:#a00;} /* banner style start */ .banner{ clear:both; display:block; width:100%; height:400px; overflow:hidden; position:relative; } .menuBottom{ clear:both; display:block; width:100%; height:35px; position:absolute; left:0px; top:0px; background:URL(../images/top.png) left top repeat-x; z-index:10000;} /* mainbanner */ .mainbanner{height:400px;overflow:hidden; position:relative; } .mainbanner_window{left:50%;width:1440px;height:400px;overflow:hidden;margin-left:-720px;position:absolute;} .mainbanner_window ul{width:999999px;height:400px;position:relative;} .mainbanner_window li{ width:1440px;height:400px;text-align:center;font-size:0px;float:left;display:inline;} .mainbanner_list{left:50%; bottom:5px;width:500px;height:30px;margin-left:-35px;position:absolute;} .mainbanner_list li{width:15px;height:15px; margin:0px 3px; overflow:hidden;float:left;display:inline;z-index:20;} .mainbanner_list li img{ z-index:100;} .mainbanner_list a{background:#ccc;width:15px;height:15px;line-height:15px;overflow:hidden;text-align:center;color:rgb(255, 255, 255);font-size:12px;font-weight:700;float:left;display:inline-block; border: 1px solid #ccc; } .mainbanner_list li.active a{background:#333; border: 1px solid #333; text-decoration:none;} .mainbanner_list li a:hover{background:#333; border: 1px solid #333; text-decoration:none;} /* copy right */ .myBottom{ clear:both; background:#c40001; color:#FFF; text-align:center; padding:10px 0px;} .myBottom a{ color:#fff;} .bottomMargin{ clear:both; display:block; height:25px; overflow:hidden; background:URL(../images/top.png) left top repeat-x;} /* content style */ .indexContent{ clear:both; display:block; width:1000px; margin:25px auto 15px;} /* left style */ .left{ float:left; width:235px; overflow:hidden;} .leftTit{ clear:both; display:block; width:100%; height:121px; font-size:24px; font-weight:bold; color:#FFF; padding-left:10px; overflow:hidden; line-height:120px; background:URL(../images/left.jpg) left top no-repeat;} .leftTit span{ clear:both; display:block; width:100%; font-size:16px; color:#d73237; height:30px; line-height:30px; overflow:hidden; margin-top:-40px; } .leftList{ clear:both; display:block; background:#bf0101; padding:15px 0px;} .leftList li{ clear:both; display:block; height:40px; line-height:40px; margin:0px 20px; border-bottom:1px solid #e08483; font-size:16px;} .leftList li a{ color:#FFF;} .leftList li:hover{ background:#FFF URL(../images/leftIcon.jpg) 5px 50% no-repeat; text-indent:1em; } .leftList li:hover a{ color:#C00;} .leftLink{ clear:both; display:block; margin-top:15px;} .leftLink img{ border:0px; width:100%; border-top:2px solid #C00;} /* right style */ .right{ float:right; width:730px;} .location{ clear:both; display:block; height:40px; line-height:50px; border-bottom:1px solid #C00; text-indent:2.5em; background:URL(../images/location.jpg) left top no-repeat; font-size:16px; font-weight:bold; overflow:hidden; color:#C00; margin-bottom:20px;} .location span{ float:right; font-size:12px; color:#C00; font-weight:normal;} .location span a{ color:#C00;} .proPic{ clear:both; display:block; margin:10px 0px; text-align:center;} .proPic img{ border:0px; max-width:700px;} .subContent{ clear:both; display:block; margin:15px 0px; } .preNext{ clear:both; display:block; padding:10px 0px; border-top:1px solid #C00;} .page{ clear:both; display:block; padding:10px 0px;} .clear{ clear:both; display:block;} /* product style */ .proList{ clear:both;} .proList ul{ margin:0px; padding:0px;} .proList li{ float:left; width:220px; display:block; margin:5px 10px;} .proList li div{ display:table-cell; width:220px; height:200px; text-align:center; vertical-align:middle; margin:12px; _margin:10px 3px; overflow:hidden; } .proList li a{ color:#c00; font-size:16px;} .proList li img{ border:0px; max-width:220px; max-height:200px; _height:200px; vertical-align:middle;} /*.proList li img:hover{ border:2px solid #C00; max-width:216px; max-height:196px;}*/ .proList li span{ clear:both; display:block; text-align:center; font-size:12px;} /* news style */ .newsList{ clear:both;} .newsList li{ text-indent:1.5em; background:URL(../images/newsIcon.png) left 50% no-repeat; line-height:28px; height:28px; overflow:hidden;} .newsList li span{ float:right; } .title{ clear:both; display:block; text-align:center; font-size:16px; font-weight:bold;} .info{ clear:both; display:block; height:30px; line-height:30px; text-align:center;} .newsContent{ clear:both; border:1px solid #ced0cf; padding:10px; background:#FFF;} .newsContent li{ text-indent:1.5em; background:URL(../images/newsIcon.jpg) left 10px no-repeat; border-bottom:1px dashed #CCC; line-height:26px; height:26px; overflow:hidden;} .newsContent li span{ float:right; margin-right:10px;} .pro{ clear:both; border:1px solid #ced0cf; margin-bottom:10px; border:1px solid #ced0cf; background:#FFF;} /* scroll start */ .grow { width:680px; margin:0px auto; overflow:hidden; } .grow2 { width:auto; height:auto; font-size:14px; float:left; overflow:hidden; } .grow2 li{ float:left; margin:0px 6px; text-align:center; list-style:none; padding:0px; } .grow2 li p{ margin:0px; padding:0px; display:block; clear:both; } .grow2 li span{ clear:both; display:block;} .grow img{ height:140px; margin-top:12px; border:1px solid #CCC; padding:1px; } .scroll{ width:400%; } /* scroll end */ #dituContent{width:670px;height:550px;border:#ccc solid 1px;} .contactImg{ float:right;}