/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td , button{margin:0;padding:0;}
body{text-align:center; background: #cecece; color:#a9a9a9; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-bottom:30px;}
ul,li{list-style:none}
img{ border:0}
.clearit{ clear:both; height:0; overflow:hidden}
.wrap{ width:930px; background:#fff; padding:7px; margin:23px auto 0 auto; text-align:left;  position:relative}
.wrap .top{
	height:53px;
	overflow:hidden;
	background-color: #0076B8;
}
.wrap .menu{float:right; padding:10px 0 0 30px; width:460px; overflow:hidden }
.wrap .menu ul{zoom:1;width:700px}
.wrap .menu ul li{float:left;padding-right:5px;color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; line-height:18px;padding:0 18px}
.wrap .menu ul li.line{border-left:1px solid #a38094; width:0px; overflow:hidden; height:13px; padding:0; margin-top:10px}
.noborder{ border:none!important}
.wrap .menu ul li a{color:#fff; height:35px; float:left; overflow:hidden; text-decoration:none; display:block; line-height:12px; padding:11px 0 0 0; white-space:nowrap}
.wrap .menu ul li a span{display:none}
.wrap .menu ul li a:hover{ padding:8px 0 0 0; background:url(images/menubg.gif) center bottom no-repeat;}
.wrap .menu ul li a:hover span{ text-align:center;color:#e4c927;display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}
.wrap .menu ul li a.on{ padding:8px 0 0 0;background:url(images/menubg.gif) center bottom no-repeat;}
.wrap .menu ul li a.on span{ text-align:center;color:#e4c927;display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}
.wrap .logo{ width:295px; height:48px; padding:4px 0 0 10px; float:left}


body
    {
        scrollbar-face-color: #ecf0f4;  
        scrollbar-shadow-color: #ecf0f4; 
        scrollbar-highlight-color: #FFffff; 
        scrollbar-3dlight-color: #b8c6d1; 
        scrollbar-darkshadow-color: #b8c6d1; 
        scrollbar-track-color: #eef2f6; 
        scrollbar-arrow-color: #7d8d9a; 
    }

.wrap .menu_item{height:0;text-align:center; overflow:hidden; position:absolute; z-index:11;}
.wrap .menu_item ul{ float:left;zoom:1; overflow:hidden; height:20px; background:#575757; padding-top:10px; display:none; border:none!important; border-right:1px solid #575757;}
.wrap .menu_item ul li{ float:left; padding:0 10px; font-family:Arial, Helvetica, sans-serif;}
.wrap .menu_item ul li a{ color:#efefef; text-decoration:none; white-space:nowrap}
.wrap .menu_item ul li a span{ color:#575757}
.wrap .menu_item ul li a:hover{ color:#fff;}
.wrap .menu_item ul li a:hover span{color:#fff}

.ul3{ line-height:25px; padding:50px 0 0 50px; width:510px;}
.ul3 li{color:#000000; border-bottom:1px dashed #ccc; height:25px;}
.ul3 li a{ text-decoration:none; color:#666666}
.ul3 li a:hover{ text-decoration:underline; color:#000;}
.ul3 li span.time3{color:#FF9900; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px;}

.title3{font-weight:bold; padding:50px 0 0 0; text-align:center; color:#4b042c; font-size:14px;}
.addtime{font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999999; text-align:center}
.content3{color:#747474;line-height:20px; margin:10px 0 0 0; border:1px solid #d7d7d7; padding:30px;}
.content3 a{ color:#666666; text-decoration:none}
.content3 a:hover{ text-decoration:underline}
.content3 img{margin:0 2px -3px 0;}


.wrap .banner{height:252px; background:#efefef; position:relative; overflow:hidden}
.wrap .main{ padding:10px 5px}
.wrap .main .left{height:160px; width:280px; float:left}
.wrap .main .left .HotEstate .tabs{height:162px; position:relative}
.wrap .main .middle{ padding:0 6px; float:left; width:390px;}
.wrap .main .right{ padding:0 8px; float:left; width:222px;}
.wrap .main .right .rightline{ border-left:1px solid #dcdcdc; padding:0 0 0 15px; height:160px;}
.wrap .main .right .rightline li{ padding:8px 0 0 0;}
.wrap .main .right .jrj{height:58px; background:url(images/123.png) 0 -17px no-repeat;}
.wrap .main .right .jrj .jrja{background:#fffdd2; width:88px; float:right; height:58px;}
.wrap .main .right .jrj .jrja ul{ padding:5px 0 0 12px}
.wrap .main .right .jrj .jrja ul li{background:url(images/list.gif) no-repeat 0 4px; padding:0px 14px;}
.wrap .main .right .jrj .jrja ul li a{ color:#ee8100; text-decoration:none}
.wrap .main .right .jrj .jrja ul li a:hover{ text-decoration:underline}
.wrap .main .right .jrjlist ul{ padding:8px 0 0 0}
.wrap .main .right .jrjlist ul li{ border-bottom:1px dashed #dcdcdc; line-height:22px; background:url(images/list2.gif) 0 6px no-repeat; padding-left:15px; height:22px; padding-top:2px;white-space:nowrap; text-overflow:ellipsis;overflow:hidden;display:block;width:260px; height:22px;}
.wrap .main .right .jrjlist ul li a{ color:#7e7e7e; text-decoration:none}
.wrap .main .right .jrjlist ul li a:hover{  text-decoration:underline}
.wrap .main .right .btn { background:url(images/btn.gif) 2px 10px no-repeat; height:80px;}
.wrap .main .right .btn ul li{ float:left}
.wrap .main .right .btn ul li a{ display:block; width:65px; height:80px;}


.wrap .main .title {padding:0 0 4px 5px;}
.wrap .main .hasborder { border-bottom:1px solid #d3d3d3}
.wrap .main .title .titleF{padding-right:5px;color:#4b042c; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; line-height:18px;}
.wrap .main .title .titleF3{padding:0 5px 0 10px;color:#4b042c; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; line-height:18px;}
.wrap .main .title .titleF2{ color:#a2a2a2; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; border-left:1px solid #a2a2a2; padding-left:5px;}
.more{float:right; display:block; background:url(images/more.gif) 0 6px no-repeat; width:35px; height:22px;}
.list{ font-family:"ËÎÌå"; line-height:20px; padding:6px 0 18px 0}
.list a{color:#6e6e6e; text-decoration:none}
.list a:hover{ text-decoration:underline}
.list ul li{ border-bottom:1px dashed #dbdcde; padding:2px 0 0 2px;}
.list ul li a{white-space:nowrap; text-overflow:ellipsis;overflow:hidden;display:block;width:270px; height:22px;}
.list ul li .time{ color:#a2a2a2; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px}
.tabspic{overflow:hidden;height:156px; width:265px; border:1px solid #d3d3d3}
.fontGa{ color:#999999}
.footer { clear:both}
.footer .fl{ float:left;width:85px; height:50px; padding:0 0 0 15px}
.footer .fr{float:left;height:50px; width:820px; padding:9px 0 0 8px}
.footer .fr .frg{background:url(images/footer.gif) #aeaeae right no-repeat; height:27px; }
.footer .fr .frg ul{ padding:8px 10px}
.footer .fr .frg ul li{background:url(images/list3.gif) 2px 1px no-repeat; float:left; padding:0 15px}
.footer .fr .frg ul li a{ text-decoration:none; color:#dfdfdf}
.footer .fr .frg ul li a:hover{ text-decoration:underline; color:#fff}
.footer .fr .copyright { padding:6px 0 0 10px}
.footer .fr .copyright .w1{ padding:0 110px 0 0 }
.footer .fr .copyright .w2{ padding:0 0 0 240px  }
#fW_Controls,{ position:absolute; z-index:2; bottom:10px; right:30px}
#fW_Controls A {font-weight: bold; font-size: 14px; background: url(images/btnFeatureHover.gif) no-repeat; float: left; width: 30px; color: white; padding-top: 6px; height: 24px; text-align: center; text-decoration:none}
#fW_Controls A.activeSlide { background-position: 0px -30px; color: #9fc8c5}
#fW_Controls A:hover { background-position: 0px -30px; color: #9fc8c5}

#fW_Controls2,{ position:absolute; z-index:2; bottom:1px; right:13px; }
#fW_Controls2 A {padding:1px 0 0 2px;font-weight: bold; background:url(images/tabsc.gif) 2px 0 no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; color:#969696; font-size: 8px; float: left; width: 15px;height: 12px; text-align: center; text-decoration:none}
#fW_Controls2 A.activeSlide { background-position: 2px -15px; color: #fff}
#fW_Controls2 A:hover { background-position:2px -15px; color: #fff}

.main_2 {zoom:1}
.main_2 .left_2{float:left; width:258px; height:618px}
.main_2 .right_2{float:left; width:650px; font-family:Arial, Helvetica, sans-serif; padding:0 0 20px 0; color:#6d6d6d}
.main_2 .right_2 ul.alllist{ padding:30px 0 0 30px}
.main_2 .right_2 ul.sublist li{ line-height:20px; padding:0 0 0 80px; width:420px; color:#6d6d6d}
.main_2 .right_2 ul.sublist li a{ text-decoration:none; color:#6d6d6d;white-space:nowrap; text-overflow:ellipsis;overflow:hidden;display:block;width:350px; height:22px;}
.main_2 .right_2 ul.sublist li a:hover{color:#ff8b02; text-decoration:underline}
.main_2 .right_2 .more_2 a{color:#ff8b02!important; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px}
.main_2 .right_2 ul.sublist li.title_2 { width:520px; color:#4c032e; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; line-height:18px; padding:0 0 10px 20px; height:14px;background:url(images/list5.gif)  100px 4px no-repeat}
.main_2 .right_2 ul.sublist li.title_2 span{background:url(images/list4.gif) #fff 0 1px no-repeat; float:left; padding:0 10px 0 20px;}
.main_2 .right_2 ul.sublist .time2{ float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px}
.main_2 .right_2 ul.sublist .text{  color:#6d6d6d;Height:58px; width:360px; overflow:hidden; margin:0 0 10px 0}
.main_2 .right_2 ul.sublist .text img{ display:none}
.main_2 .right_2 ul.sublist .text a{ display:inline}
.main_2 .right_2 ul.sublist .text img{ margin:0 2px -3px 0;}

.ht{position:absolute; top:30px; left:0px; width:196px; border:1px solid #ccc; background:#fff; height:140px; display:none; overflow-y:scroll}
.ht a{ display:block; height:20px; border-bottom:1px dotted #ccc; padding:4px 0 0 4px; color:#666666; text-decoration:none;width:170px;white-space:nowrap; text-overflow:ellipsis;overflow:hidden; }
.ht a:hover{ background:#0000CC; color:#fff;}


/*common left menu*/
#left{width:250px;float:left;margin:3px 6px 6px 0px !important;margin:3px 6px 6px 3px;}
	.columnAbout{background:url(aboutIMAGE.jpg) right 3px no-repeat;}
	.columnContact{background:url(contactIMAGE.jpg) right 3px no-repeat;}
	.columnCases{
}
	.columnSuperior, .columnJoinus, columnTraining, .columnFlow{}

#left h2{margin-top:2px;height:34px;}
	#left .aboutTitle{background:url(left.title.about.gif) left center no-repeat;}
	#left .contactTitle{background:url(left.contact.title.gif) left center no-repeat;}
	#left .contactTitle1{background:url(left.title.contact.gif) left center no-repeat;}
	#left .serviceTitle{background:url(left.title.support.gif) left center no-repeat;}
	#left .solutionTitle{background:url(left.title.solution.gif) left center no-repeat;}
	#left .partnerTitle{background:url(left.title.partner.gif) left center no-repeat;}
	#left .newsTitle{background:url(left.news.title.gif) left center no-repeat;}
#left .caseTitle{background:url(left_case_title.gif) left center no-repeat;}
#left h2 span{display:none;}
#left ul{background:#f2f2f2 url(left_bg.gif) left center repeat-y;padding:0px;}
#left ul li{text-align:left;text-indent:30px;background:url(line01.gif) left bottom no-repeat;padding-right:2px;}
#left ul li a{color:#333;text-decoration:none;display:block;height:28px;line-height:28px;background:url(arrow02.gif) 18px center no-repeat;}
#left ul li .on{background:#e6e4e4;background:#dedede url(arrow02-on.gif) 18px center no-repeat;}
#left ul li a:hover{color:#000;text-decoration:none;background:#dedede url(arrow02-on.gif) 18px center no-repeat;}
#left ul li a span{color:#b6b1b1;}
#left ul li .sub{color:#666;text-indent:35px;background:url(arrow03.gif) 24px center no-repeat;}
#left ul li .sub:hover{background:#dedede url(arrow03-on.gif) 24px center no-repeat;}
#left ul li .subon{background:#e6e4e4;text-indent:35px;background:#dedede url(arrow03-on.gif) 24px center no-repeat;}
#left ul li .subon:hover{background:#dedede url(arrow03-on.gif) 24px center no-repeat;}
#left .btm{height:10px;background:url(left_btm.gif) left top no-repeat;}
#left .sub-contact{padding:10px 0 10px 35px;background:#f2f2f2 url(left_bg.gif) left center repeat-y;text-align:left;}
#left .sub-contact strong{color:#df0000;}
#left .sub-contact a{color:#515151;text-decoration:none;}
#left .sub-contact a:hover{color:#000;text-decoration:underline;}
#left .sub-contact img{margin:5px auto;}

#left .sub-contact .sub-img{margin:15px 0;}


#right{width:638px;float:right;margin:2px 6px 6px 0 !important;margin:2px 3px 6px 0;}
#right h2{
	text-align:left;
	padding:15px 0 8px 8px;
	background:url(line02.gif) left bottom no-repeat;
	font-size: 18px;
	font-weight: bolder;
}
#right .words{padding:18px 18px;float:left;}
#right .wordsTXT{float:left;width:650px;text-align:left;color:#4d4d4d;padding:0 10px 15px 20px;line-height:180%;background:url(line02.gif) left bottom no-repeat;}
#right .wordsTXT a{color:#333333;}
#right .content{padding:15px 20px;float:left;width:615px;text-align:left;color:#4d4d4d;line-height:180%;}