/* czh css */
*{margin:0; padding:0;}
body{font: 12px "ËÎÌå",Verdana,Arial,"Times New Roman", Times, serif; margin:0; text-align:center;}
i,h1,h2,h3,h4,h5,h6,b{font: 14px "ËÎÌå",Verdana,Arial,"Times New Roman", Times, serif; margin:0; padding:0;}
li{list-style-type:none;}
.bgc1{background-color:#eee;}
.bgc2{background-color:none;}

.menu{padding:0 0 20px 0; color: #555;}
.menu a:link,.menu a:visited{color:#f60; text-decoration:none; font-size:12px; font-weight:bold;}
.menu a:hover,.menu a:active{color:#3399CC; text-decoration:underline; font-size:12px; font-weight:bold;}

a:link,a:visited{color:#000; text-decoration:none; font-size:12px;}
a:hover,a:active{color:#2277B0; text-decoration:underline; font-size:12px;}

.webNav a:link,.webNav a:visited{color:#103E70; text-decoration:none; font-size:12px;}
.webNav a:hover,.webNav a:active{color:#f60; text-decoration:underline; font-size:12px;}


pre{
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
word-break: break-all;
}


/* nav begin */
ol,ul,li,dl,dt,dd{ margin:0; padding:0; list-style:none;}
.topmenu{margin:0 0 0 20px; width:800px; position:relative; background:url(../images/bg04.gif) no-repeat; height:37px;}
#nav{float:left; padding:0 0 8px 15px; width:780px !important;width:780px; margin:0 0 2px 0;}
#nav ul{float:left;}
#nav ul li{position: relative; float:left; padding:0; width:97px; text-align:center;/* border-right:1px solid #fff;*/}
#nav ul li.noB{position: relative; float:left; padding:0; width:97px; text-align:center; border:none;}
#nav ul li a{display:block; text-align:center; font-size:14px; padding:12px 0 0 0; height:25px;}
#nav ul li a:link,#nav ul li a:visited{color:#fff; text-decoration:none; width:88px;}
#nav ul li a:hover,#nav ul li a:active{color:#fff; text-decoration:none; background-color:#789BD5; width:88px;}

#nav ul li.show{ background:url(../images/bg08.gif) center no-repeat;}

.smenu{float:left; padding:0 0 0 0; display:block; width:100%; color:#FFF}
#snav{clear:both;}/*clear:both;*/
#snav ol{display:none;}
#snav ol li{float:left;  padding:0 10px; border-right:1px solid #103E70;}
#snav ol li.no{border:0;}
#snav ol li a{color:#6B82A1; text-decoration:none;}
#snav ol li a:hover{color:#f60;}
#snav ol li a:active{color:#f60;}
/* nav end */

/* demo begin */
#demo{overflow:hidden; height:120px; width:614px; padding:0; margin:20px 0 0 0;}
#demo ul{margin:0; padding:0; width:6000px; text-align:center;}
#demo1{display:inline; float:left;}
#demo2{display:inline; float:left;}
#demo1 img,#demo2 img{display:inline; border:3px solid #efefef;}
#demo h2{width:99px; border:1px solid #ccc;}
#demo b{width:126px; float:left;}
#demo h1{width:126px; padding:4px 0 0 0; display:block; overflow:hidden;}
#demo h1 img{vertical-align:middle;}
/* demo end */

.mainPro{background:url(../images/bg06.gif) no-repeat; width:648px; height:156px; margin:0 0 0 5px; float:left;}
.casePic{width:648px; height:156px;  float:left;}
.casePic #demo{height:160px; width:700px;}

.mainSort{width:176px; border-left:1px solid #D7D7D7; border-right:1px solid #D7D7D7;}
.mainSort ul{width:168px;}
.mainSort li{width:163px; float:left; padding:10px 0 6px 5px; background-color:#F0F0F0; border-bottom:1px solid #D8D8D8; margin-bottom:1px; text-align:left;}
.mainSort a:link,.mainSort a:visited{color:#000; text-decoration:none; font-size:14px;}
.mainSort a:hover,.mainSort a:active{color:#f60; text-decoration:none; font-size:14px;}
.mainSort li.bgc1{background-color:#E2E2E2;}

.mainNew{width:205px;}
.mainNew li{width:200px; float:left; padding:0 0 0 5px; margin:0; border-bottom:1px dashed #ccc; text-align:left;}
.mainNew li b{width:130px; float:left; padding:4px 0 3px 0; margin:0;}
.mainNew li i{width:70px; float:left; padding:4px 0 3px 0; margin:0;}
.mainNew li.bgc1{background-color:#f5f5f5;}
.mainNew a:hover{text-decoration:none;}

/*background:url(../images/bg07_2.gif) no-repeat; */
.qq {width:97px; height:62px; padding:115px 0 0 0; position: absolute; left:0; top:0; z-index:99;}
.qq li{width:97px; float:left; padding:5px 0 2px 0; margin:0;}
.qq img{vertical-align:middle;}
.qq a:link,.qq a:visited{color:#6B82A1; text-decoration:none; font-size:12px;}
.qq a:hover,.qq a:active{color:#f60; text-decoration:none; font-size:12px;}

.copyright{color:#949494;}
.copyright .text{padding:5px 0 0 25px; line-height:20px; text-align:left;}
.copyright a:link,.copyright a:visited{color:#949494; text-decoration:none; font-size:12px;}
.copyright a:hover,.copyright a:active{color:#949494; text-decoration:underline; font-size:12px;}

.pro{width:720px; padding:0 0 20px 0; text-align:center; height:auto;}
.pro li{float:left; width:152px; padding:15px 13px 10px 13px; height:200px;}
.pro li h2{height:150px; line-height:150px; font-size:80px; border:1px solid #ccc;}
.pro img{border:none; vertical-align:middle;}
.pro h1{text-align:center; color:#3399CC; padding:10px 0 0 0;}
.show td{background-color:#f1f1f1;}

.news{width:650px; text-align:center;}
.news li{width:650px; float:left; padding:0 0 0 5px; margin:0; border-bottom:1px dashed #ccc; text-align:left;}
.news li b{width:550px; float:left; padding:8px 0 5px 0; margin:0;}
.news li i{width:100px; float:left; padding:8px 0 5px 0; margin:0; text-align:center;}
.news li.bgc1{background-color:#f5f5f5;}
.news a:hover{text-decoration:none;}

.newsTitle{font-weight:bold; border-bottom:1px solid #ccc; padding:15px 0 10px 0; text-align:center; font-size:16px;}

.case{width:650px;}
.case li{width:320px; float:left; padding:0 0 0 5px; margin:0; text-align:left;}
.case li b{width:220px; float:left; padding:8px 0 5px 0; margin:0;}
.case li i{width:100px; float:left; padding:8px 0 5px 0; margin:0; color:#FF0033;}

.textStyle{padding:60px 0 0 30px;}

.cssText{font-size:12px; color:#555; line-height:24px; padding:6px 10px 0 5px; text-align:left; width:320px;}
.cssText2{color:#555; line-height:24px; text-align:left;}

.friend{float:left; width:695px; padding:10px 0 40px 0;}
.friend li{float:left; width:180px; margin:15px 20px 10px 20px; border:1px solid #ccc;}
.friend img{border:0;}

.message input{border:1px solid #ccc;}
.message textarea{border:1px solid #ccc;}
.messageText td{padding:5px 0;}
.messageTip{padding:0 0 15px 40px; text-align:left; line-height:20px; width:650px; float:left;}

.text1{font-family: Arial, "ËÎÌå", Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0A51A1;}
.txet2{font-family: Arial, "ËÎÌå", Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-indent: 20px;}
.line1{border-bottom:1px solid #E2E2E0; height:25px; padding:0 0 0 5px;}

.pageBar{font-size:12px; clear:both; margin:2px 0 15px 0; text-align:center; letter-spacing:1px; color:#555;}
.pageBar i{color:#F95A03; font-size:12px;}
.pageBar b{font-weight:bold; font-size:12px;}
.pageBar select{font-size:12px;}
.pageBar a:link,.pageBar a:visited{color:#BB7537; text-decoration: none; font-size:12px;}
.pageBar a:hover,.pageBar a:active{color:#F95A03; text-decoration: underline; font-size:12px;}