@charset "utf-8";
body {-webkit-text-size-adjust:none; margin:0; padding:0; width:100%; background:#ffffff url(../images/bg.jpg) top repeat-x;}
html { padding:0; margin:0;}
section{display:block}
ol, ul, li {
	list-style: none;
}

div, li, ul, h1,h2,h3,h4,h5,h6,td,span,p {font-family: verdana, arial, System;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:955px; margin:0 auto;}

/********** header **********/
.header {  background: url(../images/header_bg.gif) top repeat-x;}

.block_header {margin:0 auto; width:980px; height:143px;}
.top_menu { float:right; padding:4px 10px; font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; line-height:1.6em;}
.top_menu a { font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; text-decoration:none;}
.top_menu a:hover {text-decoration:underline;}

/* logo */
.logo { float:left; padding:0; margin:40px 0 0 0px; width:178px;}

.error_title {font-family: arial, System; color:#5e5e5e; font-size: 28px; line-height:50px}
.error_title_en {font-family: arial, System; color:#5e5e5e; font-size: 16px; line-height:20px}
.error_2 {font-family: arial, System; color:#5e5e5e; font-size: 16px; line-height:20px}

.link_normal_button {cursor:pointer; font-family: verdana, arial, System; font-size: 14px; color: #ffffff; margin-top:20px; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px; background:#fa8f04; border:1px solid #c65901; text-decoration: none;}
.link_normal_button:hover {color: #333333; background:#eff3f4; border:1px solid #bfbebe; text-decoration: none;}

.nav {float:left; padding-bottom:24px; margin-right:20px;}
.nav a,.nav .current{padding-right:1px; float:left;}
.nav  a,.nav .current{display:block;position:relative; width:32px; height:32px;font:normal 12px Tahoma, Geneva, sans-serif;color:#fff;line-height:32px;background:#129acc;text-decoration:none;text-align:center}
.nav .current, .nav  a:hover{background:#696969}
.nav .current{padding:0}

/* menu */	
.top_phone { padding:0; margin:30px 0 0 0; width:550px; float:right; height:32px; font-size:30px; text-align:right}

.block {display:block}
.right {float:right}
.left {float:left}
.div_20h {width:100%; height:20px}
.split_5px {width:100%; height:5px;}
.split_10px {width:100%; height:10px;}
.split_13px {width:100%; height:13px;}
.split_17px {width:100%; height:17px;}
.split_25px {width:100%; height:25px}
.split_30px {width:100%; height:30px}
.split_50px {width:100%; height:50px}
.margin-top {margin-top:15px;}
.margin-bottom {margin-bottom:15px;}
.clear {clear:both}
.txt_left {text-align:left}
.no_mar_pad {margin:0px auto; padding:0px auto}

/*顶部导航*/
.top_red_bar_container {width:100%; height:80px; background:#ffffff;}
.top_red_bar {width:1000px; height:80px;}
.welcome {width:50%; color:#333333; font-size:12px;}
.login_join {width:160px; font-size:12px; color:#a3a3a3; line-height:30px; text-align:center}
.hot_line_box {width:50%; color:#333333; font-size:12px; line-height:30px; text-align:right;}
.hot_line {width:100%; color:#333333; font-size:12px; line-height:30px; text-align:right; margin-top:3px;}
.search_input {padding:8px; width:200px; line-height:18px; font-size:14px; color:#333333; text-align:left; border-right:0px; border-left:1px solid #cccccc; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc}
.search_btn {width:34px; height:34px; background:#cccccc url('/images/new_search_btn.png') no-repeat 4px 4px;}

.login_join a {font-family: "微软雅黑","宋体", arial, System; color:#dfdede; font-size: 12px; line-height:30px; text-decoration: none;}
.login_join a:hover {color:#fbe063; text-decoration: underline;}

.top_nav_container {height:70px; width:100%; background: url('../images/nav_bg2.jpg') repeat-x left top;}
.top_nav_bar {width:1000px; height:70px;}
.top_nav {width:100%; height:70px; padding-left:30px;}

.main_nav_btn {display:block; float:left; font-family: verdana, arial, System; color:#ffffff; font-size: 16px; line-height:35px; margin-top:14px; margin-bottom:25px; margin-left:10px; margin-right:10px; padding-left:15px; padding-right:15px; padding-top:4px; padding-bottom:5px; text-decoration: none;}
.main_nav_btn:hover {color:#ffffff; background:#fcb02d; text-decoration: none; border-radius:3px 3px 3px 3px;}

#page_home #btn_01, #page_about #btn_02, #page_product #btn_03, #page_download #btn_04, #page_service #btn_05, #page_contact #btn_06, #page_recharge #btn_07, #page_gl #btn_08{
	display:block;
	float:left;
	font-family: verdana, arial, System;
	background:#fcb02d;
	color:#ffffff;
	font-size: 16px;
	line-height:35px;
	padding-left:15px;
	padding-right:15px;
	padding-top:4px;
	padding-bottom:5px;
	margin-top:14px;
	margin-bottom:25px;
	text-decoration: none;
	border-radius:3px 3px 3px 3px;
}
/*--顶部导航 结束--*/



/*-- 底部 --*/
.white_box {width:980px; padding-top:10px; padding-bottom:10px;}
.bottom_box {width:100%; background:#7993cb url('../images/bottom_bg.jpg') repeat-x left top; padding-bottom:20px}
.bottom_title {width:100%; color:#fbbe05; font-weight:bold; font-size:14px; line-height:40px; margin-bottom:10px; border-bottom:1px solid #acc3f3}
.bottom_txt {font-size:11px; line-height:20px; color:#ffffff}
.bottom_txt a {font-size: 11px; color:#ffffff; line-height:25px; text-decoration: none;}
.bottom_txt a:hover {color:#393939; text-decoration: underline;}
/*-- 底部 结束 --*/

.distributor_btn {line-height:40px; text-align:center; font-size:18px; font-weight:normal; margin-left:0px; margin-right:10px; background:#f3a704; color:#ffffff; text-decoration: none;}
.distributor_btn:hover {line-height:40px; text-align:center; font-size:18px; font-weight:normal; margin-left:0px; margin-right:10px; background:#2d9bc8; color:#ffffff; text-decoration: none;}

.link_intro {width:95%; line-height:25px; background:url('/images/a_link.gif') no-repeat left 7px; padding-left:20px;font-size: 14px; color:#1196d4; line-height:25px; text-decoration: none;}
.link_intro:hover {color:#393939; text-decoration: underline;}


#page_home #m1, #page_about #m2, #page_product #m3, #page_download #m4, #page_service #m5, #page_contact #m6 {color:#fff; background:url(../images/l_menu.gif) no-repeat  right top;}
#page_home #m1 span, #page_about #m2 span, #page_product #m3 span, #page_download #m4 span, #page_service #m5 span, #page_contact #m6 span {color:#fff; background:url(../images/r_menu.gif) no-repeat  left top;}

.main {margin:0 auto;width:100%; position:relative;}
#content{padding:0px;}
.wrapper {width:100%;}
.col2{ width:100%; float:left; padding-left:0pxm; cursor: pointer;}
.home_news_box div {font-size:11px; font-family:arial; line-height:18px}
.up, .down{position:absolute;z-index:2;bottom:15px;right:0px;width:32px;height:32px;display:block}
.up{right:35px;background:url(../images/marker_up.png) 0 0 no-repeat}
.down{background:url(../images/marker_down.png) 0 0 no-repeat}
.up:hover, .down:hover{background-position:bottom}

.testimonials{width:100%; position:relative; z-index:1; height:330px; overflow:hidden; padding:0px auto;}
#testimonials div{background:url(../images/bg_testimonials.jpg) 0px bottom no-repeat #f5f5f5; height:220px; margin:0px; padding:20px 25px 45px 25px}
#testimonials span{display:block;padding:5px 0 0 10px; font-weight:bold; font-family:verdana; font-size:11px;}
.testimonials li{height:330px;}

.TD_gray_bold {font-family: Arial,System; font-size:12px; line-height:22px; font-weight:bold; color:#4e4d4d}
.TD_bold_blue {font-family: Arial,System; font-size:12px; line-height:22px; font-weight:bold; color:#30628d}
.TD_dotted_bottom {border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px dotted #b6b5b5}
.TD_solid_bottom{border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px solid #dfdfdf}
.TD_content {font-family: Arial,System; font-size:12px; line-height:20px; color:#4d4c4c}
.link_resource {font-family: Arial,System;font-size:14px;color:#4d4c4c;text-decoration: none;line-height: 25px;}
.link_resource:hover {color: #237ea4; text-decoration: underline;}
.TD_content_title {font-family: Cambria,Times New Roman,Arial,System; font-size:22px; line-height:35px; color:#4d4c4c; font-weight:bold;}

.quick_link {font-family: Arial,System;font-size:12px;color:#333333;text-decoration: none;line-height: 25px;}
.quick_link:hover {color: #237ea4; text-decoration: underline;}

/********** slider **********/
.slider { background: url(../images/java_bg.gif) top repeat-x;  margin:0 auto; padding:20px 0; height:370px;}
.slider2 { background: url(../images/java_bg_2.gif) top repeat-x;  margin:0 auto; padding:20px 0; height:82px;}
.slider2 h2 { width:500px; float:left; font:bold 40px Arial, Helvetica, sans-serif; color:#4b4b4b; padding:10px 0 0 50px; margin:0;} 
.slider2 p { width:200px; float:right; font: normal 18px Arial, Helvetica, sans-serif; color:#4b4b4b; padding:15px 0 0 0;}
.slider2 .top {width:980px; margin:0 auto; padding:0;}
/*simple text*/
.simple { width:980px; margin:10px auto; padding:0;}
.simple h2 { width:400px; float:left; font:bold 40px Arial, Helvetica, sans-serif; color:#4b4b4b; padding:10px 0 0 30px; margin:0;}
.simple .text { font:normal 12px Arial, Helvetica, sans-serif; color:#858585; width:200px; float: right; margin:10px 0; padding:0;}
.slider div.slice1 { margin:0 auto; width:980px; padding-top:1px;}
.slider div.slice1 div.slice2 { margin:0 auto; padding:1px; width:943px;}
.slider div div div { margin:0; padding:0px 0 0 45px; width:935px; height:374px; border:0;}
.slider div div div p.img { float:right; padding:0px; margin:0px;}
.slider div div div h2 {  font:bold 30px verdana, Arial, Helvetica, sans-serif; color:#4b4b4b; margin:0; margin:0; padding:35px 0 10px 0; line-height:1.2em;}
.slider div div div p {font:normal 14px verdana, Arial, Helvetica, sans-serif; color:#858585; margin:0; margin:0; line-height:1.8em;}

/********** block index **********/
.body { background: #ffffff; padding:0; margin:0 0 30px 0;}
.body h2 { font:bold 24px Arial, Helvetica, sans-serif; color:#2c2c2c; border-bottom:1px solid #cccccc; padding:5px 10px;}
.body h4 { font:bold 24px Arial, Helvetica, sans-serif; color:#2c2c2c;}
.body h3 { font:bold 18px Arial, Helvetica, sans-serif; color:#8d8d8d;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#8d8d8d; line-height:1.8em;}
.body em { font:italic 12px Arial, Helvetica, sans-serif; color:#797979; line-height:1.8em; padding:10px 0 0 10px;}
.body_resize { width:1000px; margin:0 auto; padding:5px; background:#fff; border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8;}
/*Welcome*/
.Welcome { width:545px; border-right:1px solid #d8d8d8; margin:5px auto; padding:10px 20px; float: left;   }
.Welcome ul {line-height:1.8em; list-style:none; margin:20px auto 20px auto; padding:10px 10px;}
.Welcome li {line-height:1.8em; background:url(../images/body_ul_li.gif) left no-repeat; padding:5px 0 5px 20px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#2c2c2c;}
.Welcome li strong { color:#a63812; font:bold 11px Arial, Helvetica, sans-serif;}
.Welcome .fount { background:url(../images/%27%27.gif) top left no-repeat;}

.Welcome p {color:#333333;}
.Welcome span { font:bold 14px Arial, Helvetica, sans-serif; color:#2c2c2c;}
.Welcome .imgs { float:left; margin:5px 5px; padding:5px 5px;}
.Welcome .bloga {cursor:pointer; width:155px; float:left; margin-top:2px; margin-left:28px; margin-right:28px; margin-bottom:30px; padding:2px 2px;}
.Welcome .bloga p.p_p {margin:0px; line-height:18px;}
.Welcome span {display:block; font: bold 14px Arial, Helvetica, sans-serif; padding-top:10px; padding-bottom:5px; color:#2c2c2c;}
.Welcome .bloga img { float: left; margin:5px 0 10px; padding:5px 0;}
.Welcome .bloga a {width:80%; float:left; border-top:1px solid #d7d7d7; background: url(../images/a_link.gif) no-repeat left 12px; padding:10px 0 10px 20px; font:bold  11px Arial, Helvetica, sans-serif; color:#0098b6;}
.Welcome p .line { border-left:3px solid #666; margin:0; padding:0;}
/*navigation*/
.navigation {width:280px;  margin: 5px auto; padding:10px 20px; float: left;}
.navigation ul { margin:0; padding:0;}
.navigation li { list-style:none; background:url(../images/navigation.gif) left no-repeat; border-bottom:1px solid #d9d9d9; padding:10px 0 10px 20px; margin:0;}
.navigation li a { font:normal 11px Arial, Helvetica, sans-serif; color:#2c2c2c; text-decoration:none; padding:10px 0;}
.navigation li a:hover {font:normal 11px Arial, Helvetica, sans-serif; color:#066d59; text-decoration: underline;}
.navigation span { font:bold 11px Arial, Helvetica, sans-serif; color:#959595;}
/*Services*/
.Services { width:250px; margin:15px 10px; padding:5px 10px; float:left;}
.Services h2 { font:bold 14px Arial, Helvetica, sans-serif; color:#2c2c2c; border-bottom:1px solid #dbdbdb; padding:7px 10px; margin:0;}
.Services p { font:normal 11px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:0; margin:5px 5px;}
.Services img { float:left; padding:0; margin:5px 5px;}
/*Portfolio*/
.Portfolio { width:590px; margin:10px 5px; float:left; padding:5px 10px;}
.Portfolio h2 { font:bold 14px Arial, Helvetica, sans-serif; color:#2c2c2c; border-bottom:1px solid #dbdbdb; padding:7px 10px; margin:0 0 10px 0;}
.Portfolio img { margin:5px 5px; padding:0; float:left;}
.Portfolio p { font:normal 11px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 10px; margin:0 0 0 20px;}
.Portfolio span {font:bold 14px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 5px; margin:0;}
.Portfolio a { margin:5px 5px; padding:0; float:none;}
.Portfolio_bottom { width:590px; margin:10px 5px; float:left; padding:5px 10px;}
.Portfolio_bottom p { font:bold 12px Arial, Helvetica, sans-serif; color:#aeaeae; padding:0; margin:0;}
.Portfolio_bottom a { font:bold 12px Arial, Helvetica, sans-serif; color:#aeaeae; padding:5px 5px; margin:0; float:none;}
.Portfolio_bottom a:hover { font:bold 12px Arial, Helvetica, sans-serif; color:#2c2c2c; padding:5px 5px; margin:0;}
/*BoX*/

.Box4 {width:350px;  margin:5px auto; padding:10px 20px; float: right;}
.Box4 div { font: normal 14px Arial, Helvetica, sans-serif; color:#333333; line-height:20px;}

.Box2 {width:350px;  margin:5px auto; padding:10px 20px; float: right;}
.Box2 p {color:#333333}
.Box2 td {font-family: Arial,System; font-size:14px; line-height:20px; color:#333333; border-bottom: 1px solid #dfdfdf}
.Box { width:350px;  margin:5px auto;  float: right;}
.box_a {background:url(../images/a_link.gif) left no-repeat; padding:0 0 0 20px; font: bold  12px Arial, Helvetica, sans-serif; color:#0098b6;}
.Box .link { font:bold 11px Arial, Helvetica, sans-serif; color:#0098b6; text-decoration:underline; float: none; background:none; padding:0;}
.Box .clients { background:url(../images/bg_clients.gif) top no-repeat; padding: 5px 40px; margin:10px 0;}
.Box .clients a { background:none; text-decoration:none; font:bold italic 12px Arial, Helvetica, sans-serif; color:#505050;}
.Box em { font:italic 11px Arial, Helvetica, sans-serif; color:#505050;}
.Box img { float:left; margin:5px 5px; padding:0;}
.Box strong { color:#2c2c2c;}
.Box p { font: normal 11px Arial, Helvetica, sans-serif; color:#545454; line-height:1.8em;}
.Box2 div { font: normal 14px Arial, Helvetica, sans-serif; color:#333333; line-height:1.8em;}

.Box3 { width:255px;  margin:5px auto; padding:10px 20px; float: left;}
.Box3 td {font-family: Arial,System; font-size:12px; line-height:20px; color:#4d4c4c; border-bottom: 1px solid #dfdfdf}
.Box3 div { font: normal 12px Arial, Helvetica, sans-serif; color:#545454; line-height:1.8em;}
.pc_link {display:block; float:left; width:100%; font-weight:bold; line-height:35px; padding-left:10px; padding-right:10px; font-size:14px; color:#333333; text-align:left; text-decoration: none; border-bottom: 1px solid #dfdfdf}
.pc_link:hover {display:block; float:left; width:100%; background:#f3f4f4; color:#333333; line-height:35px; text-align:left; text-decoration: none; border-bottom: 1px solid #dfdfdf}

.pc_link_sub {display:block; float:left; width:100%; line-height:35px; padding-left:10px; padding-right:10px; font-size:12px; color:#333333; text-align:left; text-decoration: none; border-bottom: 1px dotted #dfdfdf}
.pc_link_sub:hover {display:block; float:left; width:100%; background:#f3f4f4; color:#333333; line-height:35px; text-align:left; text-decoration: none; border-bottom: 1px dotted #dfdfdf}

.pc_link_current {background:#f3f4f4; color:#6680bb}
.psc_link_current {background:#f3f4f4; color:#fc8a2d}

/********** contact form **********/
#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:100%; 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 select { width:440px; border:1px solid #dcdcdc; margin:5px 0; padding:5px 2px; height:30px; background:#f5f5f5;}
#contactform textarea { width:440px; border:1px solid #dcdcdc; margin:10px 0; padding:2px; background:#f5f5f5;}
#contactform li.buttons1 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;}

/********** footer **********/
.footer { background: #ededed; border-top:1px solid #c3c3c3; padding:0; height:79px;}
.footer .resize p.footer_logo { float:left; width:49%; padding:0; margin:0;}
.footer .resize div { padding:15px 0 0 0; float:right; width:40%; color:#676767; font:normal 12px Arial, Helvetica, sans-serif; text-align:left;}
.footer .resize div p { float:left; padding:0; margin:0;}
.footer .resize div img { float:left;}
.footer .resize div a { color:#676767; font:normal 12px Arial, Helvetica, sans-serif; padding:0 5px;}
.text_left { text-align:right;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #d9d9d9; padding:0; margin:5px 0; background:none;}