@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#ebebeb; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#4e4e4e;}
html { padding:0; margin:0;}
.clr { clear:both; padding:0; margin:0; background:none;}
.top12{ margin-top:12px;}
.top18{ margin-top:18px;}
ul,li{ margin:0px; padding:0px;}
img{ border:0;}
a{ text-decoration: none; color:#4e4e4e}
a:hover{ color: #cc0000; text-decoration: underline;}
ul,li,p,h1,h2,h3 {margin:0px; padding:0px;}
.sns_color{ color:#0094c3}
.mall_color{ color:#f77a07}
.im_color{ color:#508d0c}
.passport_color{ color:#06ac87}
.si_color{ color:#da1316}
a.view_color,a.view_color:hover{ color:#ff5a00}
a.demo_color,a.demo_color:hover{ color:#d8080b}
a.down_color,a.down_color:hover{ color:#508d0c}
a.doc_color,a.doc_color:hover{ color:#0296c4}

/* main */
.headbg {width:100%; padding:0; margin:0 auto; background:url(../images/headbg.gif) #ebebeb  top center repeat-x}
.main {width:100%; padding:0; margin:0 auto; background:url(../images/news_bg.gif) bottom repeat-x}

/* header */
.header {padding:0; margin:0 auto; }

.block_header {margin:0 auto; width:986px; padding:0; background:url(../images/slide_t_bg.gif) bottom repeat-x;}
/* logo */
.logo a{ float:left; padding:0; margin:42px 0 0 0; display:block; width:235px; height:69px; background:url(../images/logo.gif)}
/* search */
.search { padding:35px 0 0 0; margin:0; float:right; width:340px;}
.search form { display:block; float:right; padding:0; background: url(../images/search_bg_r.gif) right top no-repeat;}
.search span { display:block; float:left; background: url(../images/search_bg.gif) left top no-repeat; width:260px; padding:4px 0 0 10px; height:38px;}
.search form .keywords { line-height:14px; float:left; border:0; width:250px; padding:9px 0; height:14px; background:none; margin:0; font:normal 14px Arial, Helvetica, sans-serif; color:#9c9c9c;}
.search form .button { float:left; margin:12px 10px 10px 2px; padding:0;}
/* menu */	
.menu { float:right; padding:15px 0 0 0; margin:0; width:550px; height:35px;}
.menu ul { text-align:right; padding:0; margin:0; list-style:none; height:35px;}
.menu ul li { float:left; margin:0; padding:0 1px; height:35px;}
.menu ul li a { float:left; margin:0; padding:13px 0 8px; *padding:13px 0 7px; _padding:14px 0 7px; color:#5c8783; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:13px 15px 8px; *padding:13px 15px 7px; _padding:14px 15px 7px; background:none; word-break:keep-all; }
/*.menu ul li a:hover { background:url(../images/r_menu.gif) right no-repeat;}
.menu ul li a:hover span { background:url(../images/l_menu.gif) left no-repeat;}*/
.menu ul li a.active { background:url(../images/r_menu.gif) right no-repeat;}
.menu ul li a.active span { background:url(../images/l_menu.gif) left no-repeat; *background:url(../images/l_menu.gif) left 0px no-repeat; _background:url(../images/l_menu.gif) left no-repeat;}

/* slider */
.slide_top,.slide_t_l,.slide_t_r{ font-size:0px;}
.slide_top{ width:986px; _margin-top:-2px; height:3px;} 
.slide_t_l,.slide_t_r{ width:3px; height:3px; margin:0px; padding:0px;}
.slide_t_l{ background:url(../images/slide_t_l.gif); float:left}
.slide_t_r{ background:url(../images/slide_t_r.gif); float:right}

.slider_top { margin:0 auto; padding:0; }
.slide{ width:984px; height:290px; margin:0 auto; border-left:1px #cbd5d8 solid; border-right:1px #cbd5d8 solid; background:url(../images/slide_bg.gif);}
/* header_text */
.header_text { margin:0 auto; padding:19px 0 0 0; height:261px; width:982px; border-left:1px #fff solid; border-right:1px #fff solid;}
.header_text .div { width:860px; padding:0; margin:0 auto;}
.header_text img.screen { float:left; margin:0; padding:0;}
.header_text .div .left1 { float:right; width:475px; padding:20px 0 0 0; margin:0;}
.header_text .div .left1 img { float:left; margin:0; padding:0;}
.header_text p { font: normal 12px Arial, Helvetica, sans-serif; line-height:24px; padding:5px 10px 20px 0; margin:0;}
.header_text .div .left1 .text{ width:350px; padding-top:16px; height:18px; padding-left:12px; text-align:left; margin:0}
.header_text .div .left1 label{ font: normal 12px Arial, Helvetica, sans-serif; color:#fff; padding:1px 2px 0 2px; line-height:36px; background:#4e4e4e}
.header_text .div .left1 span{ margin:0 0 0 123px; display:block; padding:10px 0 0 0; *padding:12px 0 0 0;}
.header_text .div .left1 span a{ font:normal 12px "宋体"; color:#38928a; text-decoration:none; margin-left:8px; float:left}
.header_text .div .left1 h2 { width:100%; height:50px; margin:0px 0px 3px 0px; padding:0;}
/* news */
.news{ width:986px; height:50px; padding:0; margin:0 auto; background:url(../images/news_line.gif);}
.block_news{ width:982px; height:50px; padding:0; margin:0 auto; background:url(../images/block_news_bg.gif); border-left:1px #fff solid; border-right:1px #fff solid;}

.box{ width:986px; height:auto; margin-left:auto; margin-right:auto}
.box_left{ width:575px; padding-top:20px; float:left;}
.box_right{ width:305px; padding-top:20px; float:right;}
.sol_left{ width:615px; padding-top:20px; float:left;}
.sol_right{ width:265px; padding-top:20px; float:right;}
.box_t,.box_t_l,.box_t_r,.box_b,.box_b_l,.box_b_r,.text2_t,.text2_t_l,.text2_t_r,.text2_b,.text2_b_l,.text2_b_r{ font-size:0px; margin:0px; padding:0px;}
.box_t{ width:986px; height:3px; background:url(../images/box_t_bg.gif) repeat-x;}
.box_t_l{ float:left; width:4px; height:3px; background:url(../images/box_t_l.gif) no-repeat;}
.box_t_r{ float:right; width:4px; height:3px; background:url(../images/box_t_r.gif) no-repeat;}
.block_box{ width:986px; height:auto; background:url(../images/box_bg.gif) repeat-y;}
.box_b{ width:986px; height:3px; background:url(../images/box_b_bg.gif) repeat-x;}
.box_b_l{ float:left; width:4px; height:3px; background:url(../images/box_b_l.gif);}
.box_b_r{ float:right; width:4px; height:3px; background:url(../images/box_b_r.gif);}
.box p{ padding:0px; margin:0px; }

.box_02 { width:956px; padding:15px; *padding-bottom:5px; _padding-bottom:0px;}
.box_02 ul li{ /*width:160px;*/ padding-top:6px; height:75px; padding-left:78px; padding-right:5px; text-align:left; color:#6e6e6e; line-height:20px; float:left; list-style:none; border-left:#dfdfdf 1px solid}
.box_02 p{ line-height:32px;}
.box_02 ul li a{ margin-right:12px;}
.box_02 ul li .title{ font-weight:bold; font-size:16px; color:#4e4e4e; text-decoration:none}
.box_02 ul li.iwebsns{ background:url(../images/iwebsns.gif) 20px 20px no-repeat;}
.box_02 ul li.iwebshop{ background:url(../images/iwebshop.gif) 22px 20px no-repeat; width:200px;}
.box_02 ul li.iwebim{ background:url(../images/iwebim.gif) 22px 25px no-repeat;}
.box_02 ul li.iwebpassport{ background:url(../images/iwebpassport.gif) 20px 20px no-repeat;}

.box_03 { width:926px; padding:0px 30px;}
.box_03 img{ float:left; }
.box_03 h2{ font-size:14px; line-height:20px; padding:0 0 10px 0; margin:0px; border-bottom:#dfdfdf 1px solid;}

.superpower{ width:575px; margin:10px 0 0 0; padding:0px; float:left}
.superpower p{ width:280px; height:105px; padding:15px 0 0 13px; line-height:28px; float:left}
.sol{ width:575px; margin:0px; padding:0px; float:left}
.sol ul li{ height:110px; margin:0px; padding:0px;  background: url(../images/libg_bt.gif) repeat-x bottom; list-style:none}
.sol ul li h3{ float:right; width:480px; font-size:14px; padding:20px 0 8px;}
.sol ul li p{ float:right; width:480px; line-height:24px;}

.tags,.members{ width:305px; margin:5px 0 0 0; padding:0px; float:right}
.block_tags{ width:303px; padding:12px 1px; text-align:left}
.block_tags span{ margin-right:14px; line-height:28px;}
.block_members{ width:305px; padding:14px 0 0 1px;}
.block_members ul li{ padding:9px; width:58px; height:58px; text-align:center; list-style:none; float:left}
.block_members ul li img{ width:55px; height:55px;}
.block_exp a,.block_exp p,.guide p{ padding-left:12px; background:url(../images/hot_icon.gif) 0 12px no-repeat; line-height:34px; border-bottom:#ddd 1px solid; display:block}
.block_exp span{ float:right; color:#aaa}

/* footer */
.footer { padding:0;  margin:15px 0 0 0; height:80px; background:#d7d7d7 url(../images/footer_bg.gif) repeat-x;}
.block_footer { width:980px; margin:0 auto; padding:12px 0 0 0; }
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#6d6d6d; margin:0; padding:0; padding-top:10px;}
.footer span{ margin:0 10px;}
.footer span a { font:normal 12px Arial, Helvetica, sans-serif; color:#6d6d6d; text-decoration:none; margin:0;}
.footer img{ margin:0px; padding:0px;}
.footer .leftt { text-align:left; width:500px; margin:0; padding:10px 0 0 5px; float:left;} 
.footer .rightt { text-align:right; width:145px; margin:0; padding:15px 5px 0 0; float:right;} 
.footer .rightt a{ width:145px; height:26px; display:block; margin:4px 0 0 0; padding:0; background:url(../images/logo_02.gif)}
.footer a:hover{ color: #cc0000; text-decoration: underline;}


/***************************************************************************************************************************/
.top_bg2 { background:url(../images/top_bg2.gif) repeat-x; margin:0; padding:0; height:27px}
.header_text2 { margin:0 auto; padding:0; height:90px; width:984px; background: url(../images/header_text2_bg.gif) top repeat-x; border-left:1px solid #cdd7d9; border-right:1px solid #cdd7d9;}
.header_text2 h2 { padding:0 30px 0 30px; margin:0; font:32px "黑体"; line-height:90px; color:#5c8783; float:left}
.header_text2 img { float:right; margin:27px 20px 0 0; padding:0;}
.block_text2{ margin:0 auto; width:982px; border-left:1px #fff solid; border-right:1px #fff solid;}
.text2_t{ width:986px; _margin-top:-2px; height:3px;} 
.text2_t_l{ width:3px; height:3px; background:url(../images/slide_t_l.gif); float:left}
.text2_t_r{ width:3px; height:3px; background:url(../images/slide_t_r.gif); float:right}
.text2_b{ width:986px; margin:0 auto; height:3px; background:url(../images/text2_b_bg.gif) repeat-x;}
.text2_b_l{ float:left; width:3px; height:3px; background:url(../images/text2_b_l.gif);}
.text2_b_r{ float:right; width:3px; height:3px; background:url(../images/text2_b_r.gif);}

.products,.extend{ width:575px; margin:5px 0 0 0; padding:0px; float:left}
.solution{ width:615px; margin:5px 0 0 0; padding:0px; float:left}
.solution ul li,.products ul li{ height:110px; margin:0px; padding:0px; background: url(../images/libg_bt.gif) repeat-x bottom;list-style:none}
.solution ul li h3{ float:right; width:520px; font-size:14px; padding:20px 0 8px;}
.products ul li h3{ float:right; width:480px; font-size:14px; padding:20px 0 8px;}
.solution ul li p{ float:right; width:520px; line-height:24px;}
.products ul li p{ float:right; width:480px; line-height:24px;}

.extend ul li{ height:128px; margin:0px; padding:0px;  background: url(../images/libg_bt.gif) repeat-x bottom; list-style:none}
.extend ul li h3{ float:right; width:480px; font-size:14px; padding:20px 0 8px;}
.extend ul li p{ float:right; width:480px; line-height:24px;}
.extend ul li span{ color:#999;}
.extend ul li span a{ margin:0 8px; line-height:28px; color:#999;}
.extend ul li span a:hover{color: #cc0000; text-decoration: underline;}

/***********************************************************************************************************************/
/*CSS quotes style pagination*/

.quotes { margin:10px 0 20px; _margin:-10px 0 0; padding:3px; text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left;
}
.quotes a,.quotes a:hover,.quotes span.current,.quotes span.disabled{ margin:0 3px; padding:2px 8px;}
.quotes a {	border:#4e4e4e 1px solid; color: #4e4e4e; blr:expression(this.onFocus=this.blur())}
.quotes a:hover,.quotes span.current {
	border: #4e4e4e 1px solid; color:#fff; background:#4e4e4e; text-decoration:none;
}
.quotes a:active { border: #a0a0a0 1px solid;}
.quotes span.current { font-weight:bold;}
.quotes span.disabled {	border: #ddd 1px solid; color: #ccc;}
/***********************************************************************************************************************/
.b { font-weight:bold; }
.tutorial_menu { width: 920px; padding: 0; margin: 0px auto;}
.tutorial_menu_t { width: 920px; height:24px; padding: 0 0 4px 0; margin:0; border-bottom: 1px solid #D6D6D6;}
.tutorial_menu_t_p { font-size:14px;	float:left;	padding: 3px 0 0 0;	margin: 8px 0 0 0;}
.tutorial_menu_list,.tutorial_menu_list_f  { width: 920px; height:28px; padding: 2px 0 2px 0; margin: 0; border-bottom: 1px solid #D6D6D6;}
.tutorial_menu_list_l {	width: 38px; float:left; padding: 0; margin: 0;}
.tutorial_menu_list_l p { padding: 0; margin: 7px 0 0 0;}
.tutorial_menu_list_r {	width: 882px; float:left; padding: 0; margin: 0;}
.tutorial_menu_list_r li{ display: inline;}
.tutorial_menu_list_r li a,.tutorial_menu_list_z_r li a{ float:left; padding: 7px 16px 6px 16px; margin: 0 1px 0 0;}
.tutorial_menu_list_r li a:hover,.tutorial_menu_list_r li .current,.tutorial_menu_list_z_r li a:hover,.tutorial_menu_list_z_r li .current{ color: #D40000;}
.tutorial_menu_list_z {	width: 882px; height:28px; padding: 2px 0 2px 38px;	margin: -1px 0 0 0; border-bottom: 1px solid #D6D6D6; border-top: 1px solid #E3E3E3;}
.tutorial_menu_list_z_l { width: 57px; float:left; padding: 0; margin: 0; text-align:center;}
.tutorial_menu_list_z_l p {	padding: 0;	margin: 7px 0 0 0;}
.tutorial_menu_list_z_r { width: 825px;	float:left;	padding: 0;	margin: 0;}
.tutorial_menu_list_z_r li{ display: inline;}
.my_right_menu_bt {	background: url(../images/my_right_menu_bt.gif) no-repeat right top; display: block; width: 92px; height: 22px;	padding:6px 0 0 0; 	color: #fff; font-weight: bold; text-align:center; float:right;}

.box_04{ padding:20px 0 15px 0;}
/*************************************************************************************************************************/
.downloads{ width:926px; padding:0px 30px;}
.downloads_left{ width:660px; line-height:32px; text-align:left; padding:15px 0 20px; _padding:15px 0 10px 0; font-size:12px; float:left}
.downloads_left .ver { width:100%; padding:0px; margin:0px;}
.downloads_left h2{ font-size:16px; border-bottom:#ccc 1px dashed; text-indent:0px; line-height:36px; padding:0px; margin:0 0 10px 0;}
.downloads_left strong{ font-size:12px; text-align:left; border:0; padding:0px; margin:0px;}
.downloads_left label{ color:#aaa}
.downloads_left ul{ width:50%; text-indent:24px; padding:0; margin:0px; float:left}
.downloads_left ul li{ list-style:none; text-align:left; padding-left:15px; background:url(../images/icon_down.gif) 24px 12px no-repeat; }
.downloads_left a{border-bottom: 1px dashed; margin-right:8px;}
.downloads_left a:hover{border-bottom:#cc0000 1px solid; text-decoration:none ; margin-right:8px;}
.downloads_right{ width:225px; padding-top:20px; float:right;}
.downloads_right ul li{ font-size:14px; padding:0; line-height:38px; border-bottom:#ddd 1px solid; list-style:none;}
.downloads_right ul li a{ padding-left:24px; background:url(../images/down_li.gif) 2px 11px no-repeat; display:block;}
.downloads_right ul li a:hover{ padding-left:24px; background:url(../images/down_li_hover.gif) 2px 11px no-repeat;}

.guide ul li{ padding:0; line-height:32px; border-bottom:#ddd 1px solid; list-style:none;}
.guide ul li a{ padding-left:12px; background:url(../images/hot_icon.gif) 2px 11px no-repeat; display:block;}
.guide ul li a:hover{ background:url(../images/hot_icon.gif) 2px 11px no-repeat;}
/*************************************************************************************************************************/
.about{ padding:10px 0; }
.about p{line-height:26px;}
/**********************************************************/
#ngo_logo li {float:left;list-style-type:none;padding:15px 12px;}
/****************************************************************************/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#2c2c2c; text-transform:capitalize;}
#contactform label span { display:block; font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:440px; border:1px solid #dcdcdc; margin:5px 0; padding:5px 2px; height:16px; background:#f5f5f5;}
#contactform textarea { width:440px; border:1px solid #dcdcdc; margin:10px 0; padding:2px; background:#f5f5f5;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
/****************************************************************************/