/* 全局CSS定义 */

body {  margin:0; padding:0;text-align:center;font:13px  Verdana,Arial,Times;background:#fff url(../images/bbg.gif) left bottom repeat-x;color:#5E5E5E}

div,form,img,ul,ol,li,dl,dt,dd,p { margin: 0; padding: 0; border: 0}

li{ list-style:none;}

h1,h2,h3,h4,h5,h6,input { margin:0; padding:0;}

table,td,tr,th{ font-size:12px;}

h2{ color:#036; text-align:left; font-size:12px; line-height:24px;}

h2 a:link{ color:#036; text-decoration:underline;}

h2 a:visited{ color:#036; text-decoration:underline;}

h2 a:hover{ color:#f60; text-decoration:none;}

h3{ line-height:240%; font-size:14px;}



/* 链接颜色 */

a:link { color: #5E5E5E; text-decoration:none;}

a:visited { color: #5E5E5E;text-decoration:none;}

a:hover { color: #0E0E0E; text-decoration:underline;}

a:active { color: #5E5E5E;}


a.maillink,a.maillink:visited{ color:#ffffff; font-size:12px; text-decoration:underline}
a.maillink:hover{ color:#FF0000; background-color:none;}

a.maillink1,a.maillink1:visited{ color:#ff0000; font-size:12px; text-decoration:underline}
a.maillink1:hover{ color:#000000; background-color:none;}

/* 字体属性 */

.redFont_b,a.redFont_b:link,a.redFont_b:visited{ color:#333333; font-size:11px;}

a.redFont_b:hover{ background-color:#99171B; color:#FFFFFF}

.redFont,a.redFont:link,a.redFont:visited{ color:Red; }

.greenFont,a.greenFont:link,a.greenFont:visited{color:#115A07;}

.blackFont,a.blackFont:link,a.blackFont:visited{ color:#000}

.cBlue,a.cBlue:link,a.cBlue:visited{ color:#1f3a87;}

.cBlack,a.cBlack:link,a.cBlack:visited{ color:#000;}

.eFont, a.eFont:link{ font-size:11px;font-family:arial}



/* 通用样式 */

.clear_both{ clear:both; height:0px;}



#info{ height:93px; background:url(bz.jpg) 223px 58px no-repeat; width:1000px}

.logo{ float:left; margin-top:25px; padding-left:37px}

.lan{ float:right; margin-top:65px; padding-right:16px;}

.lan img{ position:relative; top:2px;}



div#nav{background:#99171B; clear:both;}

#nav ul{height:151px; overflow:auto; width:904px; margin:auto; background:url(../images/navbg2.gif) 0px top repeat-x}

#nav ul.one{height:229px; overflow:auto; width:904px; margin:auto; background:url(../images/navbg3.gif) 0px top repeat-x}

#nav ul.one li{height:229px;}

#nav ul li{ font-size:0px; line-height:0px; float:left; width:128px; height:151px; margin-left:1px; text-align:left}

#nav ul li a{display:block; width:91px; height:12px; margin-top:22px; margin-left:19px;background-image: url(../images/navbg.gif); background-repeat:no-repeat}

#nav ul li a span{ float:left;display:block;filter:alpha(opacity=0); opacity:0;width:91px; height:12px}

.n1{background-position: center -12px}

.n2{background-position: center -36px}

.n3{background-position: center -60px}

.n4{background-position: center -84px}

.n5{background-position: center -108px}

.n6{background-position: center -132px}

.n7{background-position: center -156px}



.copy{float:left; padding-bottom:18px; width:277px}

.icp{float:left; margin-left:200px; width:80px; margin-top:3px}

.rss{ float:right}

#bottom{ background:url(../images/bottombg.jpg) left bottom repeat-x; width:890px; clear:both; margin-left:auto; margin-right:auto; height:auto; overflow:auto;}

#bottom1{ background-color:#99171B; width:890px; color:#FFF;clear:both; margin-left:auto; margin-right:auto; height:auto; overflow:auto; padding:5px 0 5px 0}



.brandtitle{ width:689px; height:64px; background:#565656; text-align:left; margin:-88px auto 0 auto; padding:32px 0 0 100px; position:relative}

.brand_main{ width:660px; margin:0 auto;  height:auto; overflow:auto; padding:40px 0 40px 0}

.brand_main li{ float:left; margin-bottom:40px; width:165px}

.solutionu{width:900px; margin:-75px auto 0 auto;text-align:left; }

.solutionu li{ background:#565656 url(../images/arrow.gif) 178px 93px no-repeat; width:192px; height:126px; padding-right:10px; float:left; margin-left:4px; margin-right:4px; padding-left:14px; position:relative}

.solutionu li h3{ font:bold 14px arial; color:#fff; margin-top:16px; margin-bottom:35px}

.solutionu a, .solutionu a:link, .solutionu a:visited, .solutionu a:visited{ color:#fff; display:block; position:absolute; top:70px; left:16px}

.solution_main{ width:888px; margin:0 auto; text-align:left; height:auto; overflow:auto; margin-bottom:40px; clear:both;}

.su2{ width:888px; margin:16px auto 30px auto; height:auto; overflow:auto}

.su2 li{ width:209px; position:relative; float:left; text-align:left; height:226px; padding:5px; line-height:18px; padding-left:8px}

.su2 li.bbg{ background:#F2F2F2;}

.su2 li.us{}

.su2 li.us img{ margin-top:-4px;}

.su2 li h4 { font-size:12px ; color:#565656; margin-top:15px; margin-bottom:10px}

.su2 li p{ font-size:12px}

.reda{display:block; position:absolute;}

.reda, .reda:link, .reda:visited, .reda:hover{ color:#E80000; right:10px; bottom:12px; font-size:12px}

.sut{ width:422px; height:25px; line-height:25px;  background:#000000; padding-left:15px; color:#fff; margin-top:15px; margin-bottom:15px; clear:both}

.sutp{ line-height:18px; color:#000; font-size:12px; border-bottom:1px solid #F2F2F2; padding-bottom:18px}

.more7{ width:888px; background:#F2F2F2; height:18px; text-align:right}

.more7a{ display:inline; position:static; padding-right:10px}

.so1{ width:931px; margin:-141px auto auto auto; position:relative; clear:both; padding-bottom:50px}

.so2{ width:275px; float:left; text-align:left; margin-top:90px;}

.sor li{ background:url(../images/sor_bg01.gif) no-repeat; width:275px; height:40px; line-height:40px; margin-bottom:5px;}

.sor li.on a:link,.sor li.on a:visited{ background:url(../images/sor_bg02.gif) no-repeat; width:275px; height:40px; line-height:40px; color:#FFFFFF}

.sor li a:link,.sor li a:visited{ width:275px; height:40px; text-indent:39px; display:block; color:#000; text-decoration:none;}

.sor li a:active,.sor li a:hover{ background:url(../images/sor_bg02.gif) no-repeat; color:#FFFFFF; text-decoration:none;}

.sotitle{ width:219px; height:89px; background:#565656 url(../images/so1bg.gif) 10px 23px no-repeat; font-size:14px; color:#fff; font-weight:bold; line-height:89px; padding-left:56px; margin-bottom:5px;}

.solution_rc{ border:1px solid #cfcecf; background: #f5f5f5 url(../images/sor_bg03.gif) repeat-x bottom; position:relative; width:233px; padding:10px 20px 30px 20px ; text-align:center;}

.solution_rc ul{text-align:left; padding-left:15px;}

.solution_rc li{ list-style:disc; line-height:20px}

.solution_rc h2{ color:#000; padding-bottom:20px;}

.solution_rc span{ display:block; font-size:14px; font-weight:bold; color:#000;}

.solution_more{ position:absolute; bottom:15px; right:10px;}

.solution_view{ width:647px; padding-left:9px; float:left; text-align:left; font-family:Verdana,Arial,Times; font-size:13px; color:#3a3a3a; line-height:18px;}

.solution_banner{ margin-bottom:18px;}

.solution_view_main{ margin-left:15px;}

.solution_title{padding-bottom:14px;}

.solution_li1{ border-bottom:1px solid #dbdbdb; margin-bottom:10px; padding-bottom:10px;}

.solution_li2{ color:#999999}

.solution_li3{ color:#000; padding-top:10px}

.solution_span1{ font-size:12px; position:relative; top:-3px;}

.solution_h3a{color:#3a3a3a; margin:15px 0px 5px 0px; line-height:18px;}

.solution_view ul.one li{list-style-type: disc;list-style-position: inside;}

.solution_view li a:link,.solution_view li a:visited{color:#e80000; text-decoration:underline}

.solution_links{ padding-left:36px}

.solution_links a:link,.solution_links a:visited{ color:#e80000; text-decoration:underline}

.solution_view1 strong{ display:block; padding:10px 0px 5px 0px;}

.advantage{ position:relative}



.service_content{ margin:-112px auto 0px auto; width:858px; position:relative; text-align:left; clear:both; margin-bottom:20px}

.service_content h1{ font-family:Tahoma; font-size:14px; color:#000000; font-weight:bold; padding:5px 0px; border-bottom:1px solid #cccccc;}

.service_content li{ width:183px; border-right:1px solid #eeeeee; margin:10px 0px 20px 0px; float:left; padding:0px 15px; color:#757575; font-size:11px; font-family:Arial, Helvetica, sans-serif; height:180px;}

.service_content li.one{ border:none;}

.service_content li h2{ font-size:12px; color:#000000; font-weight:bold; margin-bottom:5px; padding-left:15px; background:url(../images/service_content_bg01.gif) no-repeat left center;}

.service_content li p{ padding-left:15px; line-height:18px;}



.join_banner{ margin-top:-9px}

.join_main{ width:986px; margin:auto; text-align:left; padding:0 0 15px 0; height:auto; overflow:auto; margin-bottom:34px}

.join_main li{ float:left; width:476px; height:auto; overflow:auto; margin:12px 5px 0 6px}

.join_main li h4{ height:29px; background:url(join_li_bg.jpg) repeat-x; line-height:29px; font-size:11px; color:#000; background:url(../images/joinus_li_a_bg.gif) no-repeat; font-weight:normal}

.join_main li h4 a,.join_main li h4 a:hover,.join_main li h4 a:visited{color:#000}

.join_main p{ line-height:20px;  color:#1C1C1C; padding:20px 10px 20px 10px; border-bottom:1px solid #E5E5E5; font-size:11px;}

.join_main img{ display:block; float:right; padding:8px 0 22px 0}

.jm_title{ padding:0 55px 0 25px; font-weight:bold}



.alert_main{ width:800px; background:url(alert_main_bg.jpg) left top repeat-x; text-align:center; position:absolute;padding:26px 0 26px 0; border:4px solid #000; color:#000}

.alert_main h2{ width:772px; height:23px; background:url(../images/alert_main_title_bg.gif); padding:10px 0 0 20px; margin:auto; text-align:left; position:relative}

.alert_main h3{ text-align:left; color:#000; font-size:14px; margin-left:35px}

.alert_main table {  margin-left:36px; text-align:left; width:762px}

.alert_lab{ width:70px; color:#000}

.alert_input{ width:260px; padding-bottom:3px}

.alert_input input{ width:270px; height:19px; border:1px solid #E5E5E5; line-height:19px; color:#333; font-size:12px}

.alert_area textarea{border:1px solid #d8d8d8; height:90px; width:650px; overflow:auto; font-size:12px}

.btn_box{ padding-top:18px}

.btn_box img{padding-right:12px; cursor:pointer}

.closeBtn{ cursor:pointer; display:block; position:absolute; right:12px; top:-18px}



.fsBtn{ width:141px; height:23px; background:url(../images/btnbg2.jpg); border:0px; font-family:arial; color:#000; float:right; margin-top:9px; margin-right:3px}

/*case*/

.hcase_container{width:776px; text-align:left; height:auto; overflow:auto;margin:0px auto 20px;padding:0px}

.hcase_sidebar{ float:left; width:224px;  text-align:left}

.hc_title{ background:url(../images/hc_title.gif) repeat-x; height:35px; text-align:left}

.hcs_title{ width:224px}

.hcc_title{ width:776px}

.hcs_title h1{ float:left; background: url(../images/hcs_titleL.gif) 0 top no-repeat; height:27px; padding:8px 0 0 24px}

.hcs_titleR{ float:right; width:20px; height:35px; background:url(../images/hcs_titleR.gif) right top no-repeat}

.hcc_title h1{ float:left; background:url(../images/hcc_titleL.gif) 0 top no-repeat; height:29px; padding:6px 0 0 20px}

.hcc_titleR{ float:right; width:23px; height:35px; background:url(../images/hcc_titleR.gif) right top no-repeat}



.hcs_main{ background:#DCDDDD; width:193px; margin:4px 0 0 16px; text-align:center}

.hcs_prebtn{ background:url(../images/hcs_prebtnbg.gif) no-repeat; padding:9px 0 0 0}

.hcs_prebtn span{ cursor:pointer;display:block; height:21px; width:21px; background:url(../images/hcs_btn.gif); background-position:0px 0px;}

.hcs_nextbtn span{ cursor:pointer;display:block; height:21px; width:21px; background:url(../images/hcs_btn.gif); background-position:-22px 0px;}

.hcs_nextbtn{ background:url(../images/hcs_nextbtnbg.gif) bottom no-repeat; padding:0 0 9px 0}

.hcs_prebtn img,.hcs_nextbtn img{ cursor: