/* CSS Document */

*{ margin:0; padding:0;}
body{ font-size:12px; background:url(../images/index_01.gif) repeat-x;background-color: #c7c7c7;}
img{ border:0;}
a{ text-decoration:none;}
.clear{ display:block;}
.Lfloat{ float:left;}
.Rfloat{ float:right;}
ul{ list-style-type:none;}

.content{ width:1002px; margin:0 auto; background-color:#FFFFFF;}

.top{height:544px; background:url(../images/index_01.gif) repeat-x;}

.toptitle{height:123px;}
.TOPTITLEL{ WIDTH:665PX; height:100PX; padding-top:22PX; padding-left:35PX;}
.TOPTITLER{ WIDTH:302PX;}
.TOPTITLERONE{ height:35PX ; line-height:35PX; padding-top:10PX; }
.TOPTITLERONE P,.TOPTITLERONE P A{ color:#333333; text-align:right; }
.TOPTITLERONE P{ padding-right:30PX;}
.TOPTITLERTWO{ height:61PX; padding-top:16PX;}

.banner{ height:47px; line-height:47px;  width:1002px; margin-bottom:6px;}
.banner ul{ margin:0 auto; width:896px; }
.banner ul li{ height:47px; line-height:47px; color:#FFFFFF; font-weight:900; font-size:14px; background:url(../images/index_08.gif) right no-repeat; float:left; width:112px; text-align:center; }
.banner ul li a{ display:block;color:#FFFFFF; font-weight:900; font-size:14px;}
.banner ul li a:hover{ color:#000000;}


.middle{ width:1002px; height:233px; background:  url(../images/index_20.gif) repeat-x; background-color:#FFFFFF;}
.middleOneL{ width:265px; height:233px;}
.middleOneL img,.middleThreeR IMG,.middleOneL01 img{ margin-top:12px; margin-left:5px;}


.middle01{ width:1002px; height: auto; background:  url(../images/index_20.gif) repeat-x #FFFFFF; }
.middleOneL01{ width:245px; height:auto;_height:auto;background:  url(../images/index_20.gif) repeat-x #FFFFFF; }
.middleOneL01 ul{ margin-top:20px; text-align:center; margin-bottom:20px;}
.middleOneL01 ul li{ height:38px; line-height:38px; font-weight:900; color:#3a3a3a; font-size:14px; text-align:center; width:158px; background: url(../images/about_38.jpg) no-repeat; margin:0 auto;}
.middleOneL01 ul li a{font-weight:900; color:#3a3a3a; font-size:14px;}
.middleOneL01 ul li a:hover{ color:#000000;}


.middleTwoL01,.product{ width:756PX;  background:#fff;border-left:1px  solid  #b2b2b2; _height:480px;min-height:480px;}
.product ul{ margin-top:15px;}
.product ul li{ float:left;  width:167px; text-align:center;margin-left:15px; margin-bottom:10px;}
.product ul li .border01{ float:left;  width:167px; height:127px; display:table-cell; text-align:center; text-align:center;margin-left:15px; margin-bottom:10px;}
.product ul li p { width:167px; display:block; height:20px; line-height:20px; overflow:hidden;}
.product ul li p a{ text-align:center; margin:0 auto; color:#666666; width:167px;}
.product ul li p a:hover{ text-decoration:underline;}

.middleTwoL01 P,.product p{  color:#666666; line-height:22px; padding-left:15px; padding-right:15px;}
.middleTwoL01 h4{color:#666666; line-height:30px; height:30px; font-weight:400; font-size:12px; margin-left:30px;}
.middleTwoL01 ul{ margin-top:15PX;}
.middleTwoL01 ul li{ background:url(../images/listone.gif) no-repeat left; text-indent:28px; background-position:18px; height:26px; line-height:26px; border-bottom:1PX   dotted  #999999;}
.middleTwoL01 ul li span{color:#1098c9; font-family:Arial, Helvetica, sans-serif; margin-left:100px; float:right; padding-right:20px;}
.middleTwoL01 ul li  a{ color:#464646;}

.title{ font-size:14px; font-weight:900; color:#000000; background: url(../images/titile-ABOUT.gif) no-repeat left #dedede; height:30PX; line-height:30PX; text-indent:13px;}


.middleTwoL{ width:430PX; height:190PX; margin-top:30px;}
.middleTwoLOne{ width:23px; height:190px;}
.middleTwoLThree{width:26px; height:190px;}
.middleTwoLTwo{ width:381px; height:190px; background:url(../images/MIDDLE-bj.gif) repeat-x;}
.middleTwoLTwo p {height:20px; line-height:20px; width:167px; overflow:hidden;}
.middleTwoLTwo p a{ font-size:14px; color:#2d2d2d; }
.middleTwoLTwo p a:hover,.contactoneR a:hover{ color:#1098c9;}


.middleThreeR{ width:295px; height:233px;}
.middleThreeR ul{ margin-top:18px;}
.middleThreeR ul li{ background:url(../images/listone.gif) no-repeat left; text-indent:28px; background-position:18px; height:22px; line-height:22px;}
.middleThreeR ul li  a{ color:#464646;}
.middleThreeR ul li span,.middleThreeR ul li  a:hover,.linksOne a:hover{color:#1098c9;}
.middleThreeR ul li span{ font-family:Arial, Helvetica, sans-serif; margin-right:5px; float:right;}

.second{ height:225px; background-color:#FFFFFF; width:1002PX;}
.contact{  width:250px;}

.contactone{ background-color:#dedede; height:30px; width:98% margin-left:5px;}
.contactoneL{ font-weight:900; font-size:14px; color:#FFFFFF; text-indent:7px; height:30px; line-height:30px; width:42%; background:url(../images/index_28.gif) no-repeat;}
.contactoneR,.contactoneR a{ color:#000000; font-family:Arial, Helvetica, sans-serif;height:30px; line-height:30px; text-align:right; font-size:10px;}
.contactoneR{ text-align:right; width:122PX; padding-right:5PX;}
.contact h4{ color:#404040; line-height:20px; font-weight:300; font-size:12px; padding-left:15px; padding-right:5px;}

.about{ width:425px;margin-left:10px; margin-right:10px;}
.aboutone{ width:425px; height:195px;}
.aboutLeft{ width:146px; height:170px; margin-top:25px; margin-left:5px;}
.aboutLeft img{ border:6px  solid #d2d2d2;}
.aboutRight{ width:256px; height:165px; margin-top:30px; line-height:21px; color:#4c4c4c; margin-left:8px; font-size:13px;}

.online{ width:302px; height:225px; margin-right:5px;}
.txt{ width:172px; height:20px; border:1px  solid #b4d2d7;}
.online p{ padding-left:40px; color:#404040; line-height:28px; height:28px;}
.online p textarea{ width:172px; height:50px;border:1px  solid #b4d2d7;}
.btn{ background: url(../images/btn.gif) no-repeat; border:0px; width:81px; height:33px;}

.middleTwoL01 textarea{ width:500px; height:150px;border:1px  solid #b4d2d7;}



.border02{ border:1px solid #c0eaf9; margin-left:15px; margin-bottom:10px;}
.border01{ border:1px solid #c0eaf9;}
.border03{ border:1px solid #b2b2b2; margin-left:15px; margin-bottom:10px;}

.links{ width:1002px; height:160px; background-color:#FFFFFF;}
.linksOne{ height:30px;background:url(../images/index_37.gif) no-repeat left #dedede; line-height:30px; text-align:right; padding-right:10px; color:#000000; margin-right:5px;}
.linksOne a{color:#000000;}


.foot{ width:1002px; height:85px; background: url(../images/index_48.gif) repeat-x;}
.foot p{ height:21px; line-height:21px; color:#4d4d4d; text-align:center;}

/*ºáÏò¶þ¼¶²Ëµ¥*/
body { font-family: Verdana; font-size: 12px; line-height: 1.5; }
img { border-style: none; }
a { color: #000; text-decoration: none; }
a:hover { color:#666666;}
#menu {  border-bottom:none; margin-left:40px; margin-top:20px; }
#menu ul { list-style: none; margin: 0px; padding: 0px; text-align:left;}
#menu ul li { height: 32px; background: url(../images/about_38.jpg) no-repeat; padding-left:40px; line-height: 32px;  position:relative; margin-bottom:10px; font-size:14px; font-weight:900;}
#menu ul li ul li { width:110px; height: 30px; border:1px solid #c4e6f2; background:none; padding-left:40px; line-height: 30px;  position:relative;  font-size:14px; font-weight:900; background-color: #e2f6fd; margin-bottom:0px;}
#menu ul li ul { display:none; position: absolute; left: 158px; top: 0px; width:100px; }
#menu ul li.current ul { display:block;}
#menu ul li:hover ul { display:block;}


.left_content{ padding:12px; line-height:24px;}