*{ margin:0; padding:0; border:0;} input{margin:1px; padding:1px; border:1px;}
.container{ width:980px; margin:0 auto; background:#FFF;} 
ul{ border: medium none; line-height: normal; list-style-type: none; clear:both; } 
li{ font-size:12px; } body { text-align:center; background:#FFF; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333; } a{ text-decoration:none; color:#1054A7; font-size:12px; } a:hover { text-decoration:underline; } 
#main .midd{margin:0 2px;}
#head .banner{ background:url(../images/banner_top.jpg) no-repeat; width:737px; height:125px;text-align:left;font-size:24px; font-weight:bold; }  #head .banner .text{ float:left; margin-top:30px; margin-left:30px;}#head .banner .text h1{ font-size:30px; line-height:0.8em;}
.lft{ float:left} .rit{ float:right} h2{ font-weight:normal; float:left; color:#FFFFFE; font-size:14px; } 
h2 a{ font-weight:normal; float:left; color:#FFFFFE; font-size:14px; text-decoration:none; } 
h1{ font-weight: bold; color:#333; font-size:20px; margin:8px auto; } h1 a{ font-weight: bold; color:#333; font-size:20px; margin:8px auto; text-decoration:none; } .more{ margin-top:10px; float:right; } .more_2{ margin-top:-4px; float:right; } 
.clear{ border-top:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%; } /* End hide from IE-mac */ .red {color: #930} 
.gray {color: #aaa} #head{ width:100%; height:153px;} #head .banner{ width:737px; height:125px; } 
#head .logo{ width:243px; height:115px; padding-top:10px;}#head .logo img,#head .subnav img{vertical-align: middle;} #head .nav{ width:737px; height:23px; background: url(../images/bg_nav.gif) repeat-x; text-align:center; padding-top:5px; color:#FFF;} #head .nav a{ color:#FFF; } #head .subnav{ width:242px; height:28px; background:#000; color:#FFF;} #head .subnav ul{ margin:0 auto; width:220px; } #head .subnav li{ width:65px; float:left; height:23px; } 
.pad5{ padding-top:5px; height:23px;} #main { width:100%; clear:both; margin:8px auto; } #main2 { width:100%; clear:both; margin:8px auto; } #main .left{ width:267px; } #main .middle{ width:483px; } #main .right{ width:224px; }
 #main2 .left{ width:750px; float:left; } #main2 .right{ width:228px; float:right; } .box{ border:1px solid #DEDEDE;} .title{ font-size:14px; font-weight:bold;} .gg{padding:6px; background: url(../images/bg_orange3.jpg) repeat-x bottom; margin-bottom:5px;} .gg .title{ border:1px solid #DC6B00; background:url(../images/bg_orange.gif) repeat-x; height:26px; margin:5px;}
 .gg .title .text{ padding-left:10px; padding-top:6px; text-align:left; color:#FFF; height:20px; } .gg .title .more{ margin:6px; } .gg ul{ margin-top:8px;} 
 .gg li{ text-align:left; padding-left:10px; height:2em;} .gg span{ float:right; width:88px; margin-right:3px;} .zl{ padding:6px; background: url(../images/bg_orange3.jpg) repeat-x bottom; margin-bottom:5px;} 
 .zl .title{ border:1px solid #BB0500; background:url(../images/bg_red.gif) repeat-x; height:26px; margin:5px; } .zl .title .text{ padding-left:10px; padding-top:6px; text-align:left; color:#FFF; height:20px; } 
 .zl .title .more{ margin:6px; } .zl ul{ margin-top:8px;} .zl li{ text-align:left; padding-left:10px; height:2em;} .zl span{ float:right; width:88px; margin-right:3px;} .ad1{ margin:0 auto; width:250px;} 
 .ad1 li{ float:left; margin:1px;} .about{ width:480px; margin-bottom:5px;} .about .title{ background:url(../images/bg_white.gif) repeat-x; height:28px; margin:5px; } .about .title .text{ background: url(../images/icon_white1.gif) no-repeat; padding-left:30px; padding-top:8px; text-align:left; color:#FE4F00; height:20px; } 
 .about .text2{ width:467px; clear:both;} .about .text2 .lft{ text-indent:2em; text-align:left; line-height:1.8em; width:296px;} .midbtn { width:477px;} .cor{ width:478px;} 
 .cor .all{ padding:0px auto; background:url(../images/cor_mid.gif);} .cor .all .title{ margin:0px auto; width:463px; background:url(../images/bg_white.gif) repeat-x; height:28px; } .cor .all .title .text{ background: url(../images/icon_white2.gif) no-repeat; padding-left:30px; padding-top:8px; text-align:left; color:#000; height:20px; } .cor .all .text2{ width:457px; clear:both;} .cor .all .text2 .lft{ text-indent:2em; text-align:left; line-height:1.8em; width:296px;} #showpic{ clear:both; margin:0 auto; border:1px solid #000; width:435px; background:#06185A;} #showpic ul{ clear:none; margin:5px;} #showpic li{ text-align:right; clear:both; margin:2px auto; width:69px; } .login{ background:#FFF9E9; padding:10px; } .login p{ clear:both; text-align:left; margin:2px; } .login input{ padding-top:4px; border:1px #000 solid; height:16px;} .btnarea{ clear:both; background: #FBCB8C; padding:6px; margin-bottom:5px;} .btnarea img{ margin:2px;} .down{ clear:both; background:url(../images/bg_glwj.jpg) no-repeat; width:225px; height:272px } .down .title { height:60px;} 
 .down .title .text{ padding-top:20px; padding-left:76px; color:#FFF;} .down .title .more{ margin-top:20px; margin-right:7px;} .down ul{ margin:10px 20px;} .down li{ text-align:left; padding-left:17px; background: url(../images/icon_blue.gif) no-repeat left; line-height:2em;} .bannermid{ margin:4px auto;}
  #main2 .news{ clear:both; width:743px; margin-bottom:5px; background:url(../images/bg_main2news.gif) repeat-x bottom; } #main2 .news .title{ background:url(../images/bg_white.gif) repeat-x; height:28px; margin:5px; } #main2 .news .title .text{ background: url(../images/icon_white.gif) no-repeat; padding-left:40px; padding-top:8px; text-align:left; color:#000; height:20px; } #main2 .news .text2{ width:95%; margin:3px auto;} 
  #main2 .news .text2 ul{ width:300px; clear:none; margin:5px;} #main2 .news .text2 li{ text-align:left; clear:both; line-height:2em; } #main2 .service{ clear:both; width:743px; margin-bottom:5px; } #main2 .service .title{ background:url(../images/bg_orange2.gif) repeat-x; border:1px #CD7708 solid; height:26px; margin:5px; } #main2 .service .title .text{ padding-left:20px; padding-top:8px; text-align:left; color:#000; height:20px; } #main2 .service .text2{ width:95%; margin:3px auto;} #main2 .service .text2 ul{ width:220px; clear:none; margin:5px;}
   #main2 .service .text2 li{ text-align:left; clear:both; line-height:2em; } #main2 .service h1{ font-size:14px; font-weight:bold; color:#F13030; clear:both; text-align:left;}
    .online{ width:223px; border-bottom:5px solid #69757B; background:url(../images/bg_online.gif); margin-bottom:6px;} .online .title{ background:url(../images/bg_zxsx.gif) no-repeat; width:173px; height:25px; color:#FD813C; text-align:left; padding-left:50px; padding-top:12px; } .online ul{ color:#FFF; margin-top:8px;} .online li{ text-align:left; padding-left:10px; height:2em;} .online span{ float:right; width:88px; margin-right:3px;} 
	.sales{ width:223px; background:#F2F6F8; margin-bottom:6px;} 
	.sales .title{ border:1px #B1770B solid; background:url(../images/bg_yellow.gif) repeat-x; width:223px; height:26px; text-align:left; } .sales ul{ color:#00567F; margin-top:8px;} 
	.sales li{ text-align:left; background:url(../images/icon_orange34.gif) no-repeat; padding-left:20px; padding-top:2px; height:2em;} .test{ width:223px; background:#F2F6F8; margin-bottom:6px;} 
	.test .title{ border:1px #9EA036 solid; background:url(../images/bg_green.gif) repeat-x; width:223px; height:26px; text-align:left; } .test ul img{ border:1px solid #0090C6; float:left;} .test span{ width:93px; float:right;} .test ul{ padding:3px 2px; color:#000; } .test li{ margin:3px auto; color:#666; text-align:left; clear:both;} 
	#btm{ clear:both; background:url(../images/bg_btm.gif) repeat-x; height:87px;} 
	#btm .text{ padding-top:20px; margin:0 auto; width:500px;}
.louyu{ clear:both; width:100%; margin-bottom:5px; } .wtitle .title{ background:url(../images/bg_white.gif) repeat-x; height:28px; margin:5px; } .wtitle .title .text{ background: url(../images/icon_white.gif) no-repeat; padding-left:40px; padding-top:8px; text-align:left; color:#000; height:20px; } .louyu .text2{ width:98%; margin:3px auto;} 
 .louyu .text2 .lft{ width:480px; clear:none; margin:5px auto;}
.louyu .text2  .lft li {	font-size: 14px;font-weight: bold;	background: url(../images/li_2.gif) no-repeat left;	float: left;line-height: 2.7em;	margin: 0 10px; padding-left:15px; text-align:center; display:block; width:80px;}
 .louyu .text2 .rit ul{ width:420px; margin:5px auto; text-align:center}
.louyu .text2  .rit li {	font-size: 14px;font-weight: bold;	float: left;line-height: 2.7em;
width:140px; margin:0 auto; letter-spacing:1em;}.louyu .text2  .rit .flash{ clear:both; margin:0 auto}
.ad3{ width:100%; clear:both;} .ad3 .left{ float:left; width:48%;}.ad3 .right{ float:right; width:48%;}
.ad3 p{ word-spacing:0.4em;line-height:2em}.ad3  p img{ margin:0 3px;}
#bst1,#bst2,#bst3 { clear:both}
#bst1 .left{ float:left; width:176px; background:#FFF9E9;}#bst2 .left{ float:left; width:176px; background:#FBCB8C;line-height:2em}#bst2 .left p{width:156px;} #bst1 .right{ float:right; width:780px;} #bst2 .right{ float:right; width:760px; background:#FBCB8C}#bst1 .right ul{ clear:none;}
#bst2 .right .pic{float:left; width:288px;} #bst2 .right li{float:left;} #bst2 .right p{clear:both; text-align:center; margin-top:4px;}
#bst2 .right ul{margin-right:20px; clear:none;}
#bst1 .right .b1{ width:49%} #bst1 .right .text2{ clear:both; width:760px;} #bst1 .right .text2 .pic{ float:left; width:120px;}  #bst1 .right .text2 li{ clear:both; text-align:left; background:url(../images/li_4.gif) no-repeat 0 6px; padding-left:14px; line-height:1.8em; overflow:hidden;width:222px;}
#bst1 .right .title{clear:both; width:760px;}#bst1 .right .title .tabbtn02, #bst1 .right .title .tabbtn01{width:61px;height:18px;
padding-top:6px;background:url(../images/bg_menu1.gif) no-repeat 0 3px;
}#bst1 .right .title li{ float:left;}#bst1 .right .title .tabbtn02 a{
cursor: pointer;color:#E64600;
}#bst1 .right .title .tabbtn01 a{
cursor: pointer;color:#06721D;
}#bst3 .left,#bst3 .mid{float:left;width:32%;margin:0 3px;}#bst3 .right{float:right;width:30%;line-height:2em;color:#047B15;font-weight:bold;}#bst3 .right .ee{margin:16px auto;clear:both}
#bst3 .left li{float:left;width:135px;}#bst3 .left ul{width:290px;margin:3px auto;}
.middle {
	clear: both;
	margin:5px auto;
}
.middle .left {
	width: 189px; 
	height: 700px;
	float:left;
	background: #fff4d7;
	padding: 6px;
}
.middle .left .pic{margin:5px auto;}
.middle .main{
	width: 662px;
	background: #FFF9E9;
	height: 700px;
	padding:6px 50px;
	text-align:left;
	line-height:2em;
}
.middle .main2{	width:750px;
	padding:6px;
	text-align:left;
	line-height:2em;
	background:none;}
.middle .main .xwym-text2{clear:both; text-align:center}
#ss{height:410px;}
.middle  .left ul{padding-left:15px;}
.middle  .left li{background:url(../images/point1.gif) no-repeat; padding-top:4px;}
.middle .main h1{font-size:16px;text-align:center}
.main3{clear:both;}.main3 .left1{width:503px} .main3 .right1{width:234px;height:356px;background:url(../images/bg_4.jpg) no-repeat;}.main3 .top{background:#f4f4f4; clear:both; width:98%; margin:3px auto; padding:10px;} .main3 .top .left2{width:126px;}.main3 .top .right2{width:340px}.main3 .btm{clear:both; width:98%; margin:3px auto; }.main3 .btm .left2{width:198px; padding-top:130px;}.main3 .left1 .btm  ul{width:211px;clear:none;margin-top:50px}.main3 .left1 .btm li{padding-left:14px; background: url(../images/point2.gif) no-repeat 0 8px;line-height:2em;}
.hidden{display:none}
.floatLeft{ float:left}
.floatRight{ float:right}
.textLeft{ text-align:left;}
.textCenter{ text-align:center}
.clearBoth{ clear:both;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.blank1{margin:0 auto;height:1px; font-size:1px;}
.blank5{margin:0 auto; height:5px; font-size:1px; clear:both;}
.blank10{margin:0 auto; height:10px; font-size:1px; clear:both;}
.grayBorder{border:1px solid #dedede;}
.lefttitle_gray{height:28px; background: url(../images/banner_bg01.gif) repeat-x top;clear:both}
.left_3dshow{margin-right:15px; padding:10px; height:600px;border:1px solid #dedede;width:620px!important; width /* */:642px; height:600px!important; height /* */:622px; padding-top:5px;}
.title_font2{ background: url(../images/banner_grayL.gif) no-repeat left top; padding-left:30px; height:28px;color: #000; font-size:14px; font-weight:bold; padding-top:5px; }
.right_3dshow{width:323px;  height:620px;}
.right_01_3dshow{border:1px solid #dedede; padding:5px; padding-bottom:10px;}
.title_yellow{ background:url(../images/banner_bg02.gif) repeat-x top; border:1px solid #dc6b00;height:23px!important; height /**/:26px;}
.title_font{ padding-top:3px; padding-left:30px;  color: #FFFFFF; font-size:14px; font-weight:bold; background:url(../images/banner_orangeL.jpg) no-repeat left;}
.video{height:215px; border:2px #081525 solid; width:286px!important; width:/**/290px; margin-left:10px;}
.play{background:url(../images/button_play.gif) no-repeat center center; height:40px;}
.videoBox{ height:171px;}
.videoFont{background:#383838; border-bottom:#616161 solid 4px;width:290px!important; width:/**/294px; margin-left:10px; vertical-align:middle; text-align:center; padding-top:3px; height:22px!important; height /**/:25px;}
.yellow12{ color:#ffff00;}
.right_02_3dshow{border:1px solid #dedede padding:5px; background:#fff9e9; text-align:center;}
.loginContainer{padding:10px;border:1px solid #dedede;width:960px!important; width /**/:980px; height:350px!important; height /**/:372px;}
.main4{padding:10px;clear:both;width:98%; margin:4px auto;}
.leftLogin{ float:left; width:440px; margin-right:10px;}
.rightImg{ width:508px; height:312px; float:right; background:url(../images/banner_right.jpg) no-repeat bottom;}
.loginFont{ vertical-align:middle;border:2px solid #ffc458; background:#fff9e9; color:#e40000; font-size:14px; font-weight:bold; padding:10px 0; height:20px!important; height /**/:35px}
.loginArea{ background: url(../images/banner_leftBG.gif) repeat-x bottom; height:257px!important; height /**/:267px;}
.loginAreaFont{ float:left; color:#5a7b8a; font-size:14px; font-weight:bold; margin-left:20px;}
.rightCompanyName{ font-size:16px; font-weight:bold; color:#6b6b6b; padding:30px 0 0 30px; text-align:left;}
.leftList{ width:188px!important;width /**/:200px; padding:5px; float:left; margin-right:18px; background:#fff4d7;border:1px solid #dedede;height:488px!important;height /**/:500px;}
.rightImages{ float:right;border:1px solid #dedede; background:#fff9e9; width:760px!important; width /**/:762px;height:418px!important;height /**/:420px;}
.rightImages .txfw{ height:168px;}
.line_2 {height: 12px;clear: both;margin: 5px auto;}
.rightImages .txfw .text { clear:both; margin-top:5px;}
.rightImages .txfw .text .pic{ float:left;} .rightImages .m2 .pic img{ border:1px #009FE7 solid}
.rightImages .txfw .text p{ float:right; line-height:2em; text-align:left; text-indent:2em; padding-top:10px; width:310px;}
.rightImages .m2{ clear:both; background:#fff; margin:3px auto; padding:6px; height:218px}.rightImages .m2 h2{text-align:left; line-height:1em; padding:5px; color:#FE8300; clear:both}.rightImages .m2 p{
clear:both; text-align:left; line-height:2em; padding:5px;}
.rightImages .m2 .left2,.rightImages .m2 right2{ width:364px;}
.rightImages .m3{padding:6px; clear:both; background:#FFFFFF; text-align:left; }
.rightImages .m3 img{ border:1px solid #ccc; margin:2px}
.menuList{ text-align:left; padding:15px 0 15px 15px;}
.menuList ul{ margin-left:15px;}
.menuList li{ background:url(../images/icon_orange.gif) no-repeat left; padding-left:15px;}
.listImages01 li{ display:inline;}
.listImages01 li img{margin:25px; border:1px solid #94928c; padding:2px;}
.listImages02 li{ display:inline;}
.listImages02 li img{margin:6px; border:1px solid #94928c; padding:2px;}