/* 全局CSS定义 */
body {  margin:0; padding:0;text-align:center;font:12px  Arial;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;}

/* 字体属性 */
.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(../images/bz.jpg) 223px 58px no-repeat; width:1000px}
.logo{ float:left; margin-top:25px; padding-left:37px}
.lan{ float:right; margin-top:64px; padding-right:16px}
.lan img{ position:relative; top:2px;}

div#nav{background:#E80000; 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:878px; clear:both; margin-left:auto; margin-right:auto; height:auto; overflow:auto}
#bottom1{ background:url(../images/bottombg.jpg) left bottom repeat-x; width:941px; clear:both; margin-left:auto; margin-right:auto; height:auto; overflow:auto}

.brandtitle{ width:689px; height:44px; background:#565656; text-align:left; margin:-48px auto 0 auto; padding:22px 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 h4 { font-size:11px ; color:#565656; margin-top:15px; margin-bottom:10px}
.su2 li p{ font-size:11px}
.reda{display:block; position:absolute;}
.reda, .reda:link, .reda:visited, .reda:hover{ color:#E80000; right:10px; bottom:12px; font-size:10px}
.sut{ width:422px; height:25px; line-height:25px;  background:#E80000; padding-left:15px; color:#fff; margin-top:15px; margin-bottom:15px; clear:both}
.sutp{ line-height:18px; color:#000; font-size:11px; 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 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:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; 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:10px; 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(../images/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(../images/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:pointer}
.hcc_nav{ background:url(../images/hcc_navbg.gif) 148px 0 repeat; width:762px; height:33px; margin:4px 0 0 0}
.hcc_nav li{ float:left; margin-right:2px; height:24px; text-align:center; padding-top:9px}

.hcc_nav_l_nomorl{width:148px;background:url(../images/hcc_nav_lbg_1.jpg); cursor:pointer}
.hcc_nav_r_nomorl{width:148px;background:url(../images/hcc_nav_rbg_1.jpg); cursor:pointer}
.hcc_nav_n_nomorl{width:152px;background:url(../images/hcc_nav_nomorlbg_1.jpg) repeat-x; cursor:pointer}
.hcc_nav_r_hover{ width:148px; background:url(../images/hcc_nav_rbg_2.jpg)}
.hcc_nav_l_hover{ width:148px; background:url(../images/hcc_nav_lbg_2.jpg)}
.hcc_nav_n_hover{ width:152px; background:url(../images/hcc_nav_nomorlbg_2.jpg) repeat-x}

.hcc_main{ clear:both; margin-top:18px; height:auto; overflow:auto}
 
.hcc_main li{ display:block; height:auto; overflow:auto;  width:760px; float:left; margin-bottom:5px}
.hccml_title{ height:62px;background:#F9FCF6; border:1px solid #E3E6E0; cursor:pointer}
.hccml_title h3{ font-size:14px; color:#000; line-height:26px; border-bottom:1px solid #D7DAD6; margin-top:4px; margin-bottom:1px}
.hccm_l{ margin:4px 0 0 0px;float:left; padding-left:4px}
.hccm_c{ float:left;margin:0 10px 0 10px; width:605px}
.hccm_c span{ display:block; float:left; line-height:30px; overflow:hidden}
.hccm_c_s1{ width:300px}
.hccm_c_s2{ width:185px}
.hccm_c_s3{ width:120px}
.hccm_btn_nomorl{ float:left; width:30px; height:41px; background:url(../images/hccm_btn_1.gif); margin-top:10px; clear:right}
.hccm_btn_hover{ float:left; width:30px; height:41px; background:url(../images/hccm_btn_2.jpg); margin-top:10px; clear:right}

.hccml_title_h{ color:#fff; border:1px solid #96A1A7; background:#96A1A7;height:62px; cursor:pointer}
.hccml_title_h h3{font-size:14px; color:#fff; line-height:26px; border-bottom:1px solid #D7DAD6; margin-top:4px; margin-bottom:1px}

.hccml_main{ width:758px; border:1px solid #B4BDC0; background:#fff; margin:0; clear:both; height:auto; overflow:auto; text-align:left; margin-bottom:3px; overflow:hidden}
.hccml_img{ display:block; float:left; width:228px; height:138px; padding:14px 0 14px 14px}
.hccml_main p{float:left; width:410px; line-height:22px; padding:14px 14px 14px 41px}
.hccml_main p img{ margin-top:10px}

#mulite_page{ width:760px; height:22px; background:url(../images/case_mulite_bg.gif) repeat-x; color:#000; margin:20px 0px}
.mp_l{ float:left; font-weight:bold; background:url(../images/mp_l.gif) left top no-repeat; padding-left:20px; padding-top:5px; height:17px}
.mp_r{ float:right; padding-top:5px; background:url(../images/mp_r.gif); width:295px; height:17px; text-align:right; padding-right:15px}
.mp_r span{ padding:0 6px 0 6px}

.case_open h1{ font-size:14px; color:#000; line-height:22px; width:500px}
.case_open .hcc_titleR{ width:100px; line-height:30px}
.case_open_img{ padding:7px; background:#C7C7C7; width:748px; margin-top:3px}
.case_open_img img{ padding-right:7px; padding-left:7px}