﻿/* 通用默认样式-------------------------------------- */
body { background:url(../images/top_bg.jpg) top repeat-x; background-color:#FFFFFF; margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;}
td {font-family:'宋体';font-size: 12px;color:#666666;line-height:24px;WORD-WRAP: break-word}
div {font-family:'宋体';font-size: 12px;color:#666666;line-height:24px;WORD-WRAP: break-word}
A:link   {font-family:'宋体';font-size:12px;color:#666666;text-decoration: none;}
A:visited{font-family:'宋体';font-size:12px;color:#666666;text-decoration: none;}
A:hover  {font-family:'宋体';font-size:12px;color:#bc0000;text-decoration: none;}
A:active {font-family:'宋体';font-size:12px;color:#bc0000;text-decoration: none;}
p{ padding:0; margin:0;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}


.clear{	margin:0; padding:0; line-height:1px; font-size:1px; height:0; clear:both; display:block;}

.box{ width:100%; float:left;}
.top { width:100%; float:left; text-align:center;}
.top .head{ width:980px; margin:0px auto; text-align:left;}
.top .head .nav{ float:left; height:28px; width:100%; line-height:28px; overflow:hidden; color:#a3a2a2;}
.top .head .nav A:link   {color:#fff; padding-right:10px;}
.top .head .nav A:visited{color:#fff; padding-right:10px;}
.top .head .nav A:hover  {color:#ccc; padding-right:10px;}
.top .head .nav A:active {color:#ccc; padding-right:10px;}
.top .head .nav .left,.top .head .nav .right{width:50%; float:left; color:#fff}
.top .head .nav .right{ text-align:right;}

.top .head .logo{ float:left; height:93px; width:100%; overflow:hidden; background:url(../images/logo.jpg) top left no-repeat;}
.top .head .logo .search{ width:212px; height:27px; background:#990000; float:right; margin-top:40px; margin-right:10px; overflow:hidden; background:url(../images/search_01.jpg) no-repeat;}
.top .head .logo .search .left{float:left; width:138px; height:27px; background:url(../images/search_02.jpg) no-repeat 6px; padding-left:26px;}
.top .head .logo .search .right{float:right; width:48px; height:27px; background-color:#99FF00}

#navigation {LIST-STYLE-TYPE: none; float:right; margin:0px; padding:0px;width:525px; }
#navigation LI {FLOAT: left; POSITION: relative; TEXT-ALIGN: center;width:75px; float:left;}
.nav_li {float:left; margin:0px;}
.nav_li A:link,.nav_li A:visited{display:block; font-family:'微软雅黑'; font-size:14px; color:#333;text-align:center;text-decoration:none; height:93px; line-height:93px;}
.nav_li A:hover  ,.nav_li A:active,.nav_li a.on{background:#e00817; color:#fff}

.banner { width:100%; height:315px; margin:0px auto 17px; float:left; text-align:center; border-top:1px solid #cccccc; background:#eeeeee; border-bottom:1px solid #ccc}

.main { width:100%; float:left; text-align:center;}
.main .content{ width:1000px; margin:0px auto; }
.main .content .left{ width:272px; float:left;}
.inabout{ width:291px; float:right; overflow:hidden;}
.inabout .top{ float:left; width:291px; height:31px; background:url(../images/in_01.jpg);}
.inabout .top .title{ float:left; font-size:14px; color:#333333; font-weight:bold; padding:5px 0 0 35px;}
.inabout .top .more{ float:right; padding:8px 14px 0 0;}
.inabout .con { float:left; border:1px #d4d4d4 solid; width:289px; height:280px; background:url(../images/in_pic.jpg) center 17px no-repeat;}
.inabout .con p{ padding:105px 20px 0 17px; line-height:22px; text-align:left; text-indent:2em;}
.inabout .con p A:link   {font-family:'宋体';font-size:12px;color:#bc0000;text-decoration: none;}
.inabout .con p A:visited{font-family:'宋体';font-size:12px;color:#bc0000;text-decoration: none;}

.incase{ width:272px; height:242px; float:left; overflow:hidden; margin-top:17px;}
.incase .top{ float:left; width:100%; height:31px; background:url(../images/in_03.jpg); }
.incase .top .title{ float:left; font-size:14px; color:#333333; font-weight:bold; padding:5px 0 0 35px;}
.incase .top .more{ float:right; padding:8px 14px 0 0;}
.incase .con{ float:left; border:1px #d4d4d4 solid; width:270px; height:209px;}
.incase .con .case{ width:246px; height:193px; float:left; margin-top:16px; margin-left:12px; display:inline; overflow: hidden;}
.incase .con .case p{width:246px; margin-right:12px; float:left; text-align:center; line-height:35px;}


.main .content .right{ width:720px; float:right;}
.topmain{ width:100%; float:left;}
.innews{ width:418px; height:320px; float:left; overflow:hidden;}
.innews .top{ float:left; width:100%; height:31px; background:url(../images/in_02.jpg);}
.innews .top ul{ float:left; width:156px; margin:3px 0px 0px 10px; padding:0px; display:inline;}
.innews .top ul li{ float:left; margin:0px; padding:0px; list-style-type:none; width:78px; height:28px; overflow:hidden;}
.innews .top ul li A:link {font-size:14px; font-weight:bold; color:#333333; line-height:32px;}
.innews .top ul li A:visited {font-size:14px; font-weight:bold; color:#333333; line-height:32px;}

.innews .top .more{ float:right; padding:8px 14px 0 0;}
.innews .con{ float:left; border:1px #d4d4d4 solid; width:416px; height:280px;}

.innews .con .newsview { width:392px; float:left; margin-left:15px; text-align:left; margin-top:15px; display:inline;}
.innews .con .newsview .left{ float:left; width:110px;}
.innews .con .newsview .right{ float:right; width:267px; text-align:left;}
.innews .con .newsview .right .title{ font-size:14px; color:#bc0000;}
.innews .con .newsview .right p{ line-height:19px; text-align:left; text-indent:2em; padding-top:5px;}
.innews .con .newsview .right p A:link   {font-family:'宋体';font-size:12px;color:#bc0000;text-decoration: none;}
.innews .con .newsview .right p A:visited{font-family:'宋体';font-size:12px;color:#bc0000;text-decoration: none;}

.innews .con .newslist { width:387px; float:left; margin-left:15px; text-align:left; margin-top:15px; display:inline;}
.innews .con .newslist .in_news{ clear:both;height:28px; background:url(../images/line.jpg) bottom repeat-x; margin:0px;}
.innews .con .newslist .in_news_left{float:left;list-style-type:none;padding:3px 0px 0px 15px;background:url(../images/in_news_title.jpg) 5px 13px no-repeat;}
.innews .con .newslist .in_news_right{ float:right; font-family:Arial, Helvetica, sans-serif; color:#999999; padding-top:3px; font-size:11px;}

.inpro{ width:272px; height:320px; float:left; overflow:hidden;}
.inpro .top{ float:left; width:100%; height:31px; background:url(../images/in_03.jpg);}
.inpro .top .title{ float:left; font-size:14px; color:#333333; font-weight:bold; padding:5px 0 0 35px;}
.inpro .top .more{ float:right; padding:8px 14px 0 0;}
.inpro .con{ float:left; border:1px #d4d4d4 solid; width:270px; height:280px;overflow:hidden;}
.inpro .con ul{ margin-top:10px; margin-left:8px; padding:0px; float:left; width:220px; display:inline;}
.inpro .con ul li{ width:249px; float:left; margin:10px auto 0px; padding:0px; height:48px; list-style-type:none; text-align:left;}
.inpro .con ul li a{ width:189px; height:48px; padding-left:60px; line-height:48px; display:block; float:left; background:url(../images/nav.jpg) no-repeat center; font-size:14px; font-family:'微软雅黑'}
.inpro .con ul li a:hover{ background:url(../images/nav2.jpg) no-repeat; color:#fff}


.bottommain{ width:718px; float:left;}
.gundong{ width:100%; height:242px; float:left; overflow:hidden; margin-top:17px;}
.gundong .top{ float:left; width:100%; height:31px; background:url(../images/in_04.jpg);}
.gundong .top .title{ float:left; font-size:14px; color:#333333; font-weight:bold; padding:5px 0 0 35px;}
.gundong .top .more{ float:right; padding:8px 14px 0 0;}
.gundong .con{ float:left; border:1px #d4d4d4 solid; width:716px; height:209px;}
.gundong .con ul{ float:left; width:630px; margin:30px 0 0 22px; padding:0px; display:inline;}
.gundong .con ul li{ float:left; margin:0px; padding:0px; list-style-type:none; width:128px; margin-right:25px; display:inline;}
.gundong .con ul li img{ border:0px; width:128px; height:128px;}
.gundong .con ul li p{ float:left; width:128px; text-align:center; line-height:40px; font-size:14px;}

.foot {width:100%;float:left; text-align:center; margin-top:25px; border-top:5px solid #d50d00; background:#323232; border-bottom:1px solid #404040}
.foot .bottom{ width:980px; height:100px; margin:0px auto;}

.foot2 A:link   {color:#c9c9c9;}
.foot2 A:visited{color:#c9c9c9;}
.foot2 A:hover  {color:#fff;}
.foot2 A:active {color:#fff;}
.foot2{ background:#1c1c1c; border-top:1px solid #000; float:left;width:100%; padding:10px 0px;  text-align:center; color:#fff}

.foot .bottom .copyright{ width:980px; float:left; text-align:center; padding-top:12px; font-family:Arial, Helvetica, sans-serif,'宋体';}




.main .content .aboutleft{ width:220px; float:left;}
.leftnav{ width:220px; float:left; overflow:hidden;}
.leftnav .top{ float:left; width:220px; height:31px; background:url(../images/about_01.jpg);}
.leftnav .top .title{ float:left; font-size:14px; color:#333333; font-weight:bold; padding:5px 0 0 35px; font-family:Arial, Helvetica, sans-serif,'宋体';}
.leftnav .con {float:left; border:1px #d4d4d4 solid; width:218px;text-align:left;}

#subNav {CLEAR: both; DISPLAY: inline; FLOAT: left; WIDTH:207px; margin:0px; padding:0px; margin-left:6px; margin-top:20px; margin-bottom:20px; padding-bottom:15px}
#subNav UL {DISPLAY: inline;margin:0px; padding:0px; LIST-STYLE-TYPE: none;FLOAT: left;  WIDTH:207px;}
#subNav UL LI {DISPLAY: inline;margin:0px; padding:0px; FLOAT: left;  WIDTH:207px;  margin-bottom:10px;}
#subNav UL LI A {DISPLAY: block; line-height:27px; FLOAT: left; BACKGROUND-IMAGE: url(../images/l_bg_01.jpg); background-position:center;BACKGROUND-REPEAT: no-repeat;
padding-left:57px;
width:150px; HEIGHT:27px; TEXT-DECORATION: none;
}

.main .content .aboutleft .leftpic{ float:left; padding-top:10px;}

.main .content .aboutright{ width:744px; float:right;}
.about{ width:744px; float:left; overflow:hidden;}
.about .top{ float:left; width:744px; height:31px; background:url(../images/about_02.jpg);}
.about .top .title{ float:left; font-size:14px; color:#333333; font-weight:bold; padding:5px 0 0 35px;}
.about .top .link{ float:right; padding:5px 10px 0 0;}
.about .con{
height:auto!important;
height:400px;
min-height:400px;
float:left; border:1px #d4d4d4 solid; width:742px;
}
.about .con .text {float:left; width:700px; padding-left:20px; padding-top:20px; padding-bottom:20px; text-align:left; overflow:hidden;}

.about .con .text .news { width:100%; float:left; text-align:left;}
.about .con .text .news li{ clear:both;height:35px; background:url(../images/line.jpg) bottom repeat-x; margin:0px; list-style-type:none;}
.about .con .text .news .news_left{float:left;list-style-type:none;padding:7px 0px 0px 15px;background:url(../images/in_news_title.jpg) 5px 17px no-repeat;}
.about .con .text .news .news_right{ float:right; font-family:Arial, Helvetica, sans-serif; color:#999999; padding-top:7px; font-size:11px;}

.about .con .text .product { width:700px; float:left; text-align:left;}
.about .con .text .product li{ margin:0px; list-style-type:none; height:232px; width:202px; margin-bottom:10px; float:left; margin-right:47px;}
.about .con .text .product li .pro{float:left; border:1px #dddddd solid; width:200px; height:200px;}
.about .con .text .product li p{ width:202px; float:left; height:30px; line-height:30px; text-align:center;}
.about .con .text .product img{width:200px; height:200px; border:0px;}

.pages{ width:100%; float:left; padding-top:30px; padding-bottom:20px; font-size:12px; }
.pages span{ display:block; height:20px; float:left; line-height:19px;}
.pages .page,.pages .pageon{ border:1px solid #dbdbdb; margin-right:3px;vertical-align:middle;color:#000000}
.pages .page a:link,.pages .page a:visited{ color:#000000; display:block;  height:100%; padding:0px 6px; float:left}
.pages .page a:hover,.pages .page a:active{ color:#fff; background:#4ca218}
.pages .pageon{color:#fff; background:#4ca218;display:block; padding:0px 6px; margin-right:3px;}
.pages .page2{display:block; padding:0px 6px;border:1px solid #dbdbdb; margin-right:10px;margin-left:10px;  }
.pages .page1{}
.pages .page1 input{ height:20px;height:20px;border:1px solid #dbdbdb; background:none; color:#717171; font-size:11px}
.pages .page1 #pages{ width:30px; height:18px;border-right:0px ; text-align:center; margin-left:10px}

.feedback input[type='text']{ border:1px solid #666; background:#fff; height:25px; line-height:25px; padding:0px 10px}
.feedback textarea{border:1px solid #666;}