@charset "utf-8";
* {padding:0;margin:0;}
html, body {height:100%;font-size:12px;font:12px Arial, Helvetica, sans-serif;}
ul {list-style:none;}
img {border:none;}
a {text-decoration:none;color:#000;border:none;outline:none;}
.cboth {clear:both;width:960px;height:10px;}
/*//------------------header.css-----------------------------//*/
#header {
	width:960px;
	height:106px;
	margin:0 auto;
}
#headertop{
	width:960px;
	height:58px;
	padding-top:10px;
	margin:0 auto;
}
#header #logo{
	width:128px;
	height:58px;
	float:left;
	margin-left:3px;
	background:url(../images/logo.jpg) no-repeat;
}
#header #company{
    width:294px;
	height:38px;
	background:#CCC url(../images/chainall.jpg) no-repeat;
	float:left;
	margin-top:12px;
}
#header #hotline{
    width:267px;
	height:41px;
	background:url(../images/hotline.jpg) no-repeat;
	float:left;
	margin-top:8px;
	margin-left:55px;
}
#header #top_nav{
	float:right;
	padding-right:3px;
}
#header #top_nav h1{
	display:block;
	color:#999;
	font-weight:normal;
	font-size:12px;
	float:left;
	margin-top:35px;
}
#header #top_nav h1 a{color:#999;}
#header #top_nav h1 a:hover{color:#F63;}

.menu{
	position:relative;
	width:960px;
	height:38px;
	z-index:200;
	background:url(../images/menu.jpg) no-repeat;
}
.mainmenu{
	width:960px;
	height:38px;
	padding:0 3px 0 3px;
}
.mainmenu li {
	display:block;
	width:106px;
	height:38px;
	line-height:38px;
	float:left;
}
.mainmenu li a {
	display:block;
	width:106px;
	height:38px;
	line-height:38px;
	text-indent:-9999px;
}
#home_bnt{ background:url(../images/menu_bg.jpg) no-repeat;}
#products_bnt{ background:url(../images/menu_bg.jpg) no-repeat 0 -38px;}
#solution_bnt{ background:url(../images/menu_bg.jpg) no-repeat 0 -76px;}
#iCallSDK_bnt{ background:url(../images/menu_bg.jpg) no-repeat 0 -114px;}
#buyhelp_bnt{ background:url(../images/menu_bg.jpg) no-repeat 0 -152px;}
#cases_bnt{ background:url(../images/menu_bg.jpg) no-repeat 0 -190px;}
#partner_bnt{ background:url(../images/menu_bg.jpg) no-repeat 0 -228px;}
#aboutus_bnt{ background:url(../images/menu_bg.jpg) no-repeat 0 -266px;}
#contact_bnt{ background:url(../images/menu_bg.jpg) no-repeat 0 -304px;}
#home_bnt:hover{background:url(../images/menu_bg.jpg) no-repeat -106px 0;cursor:hand;}
#products_bnt:hover{background:url(../images/menu_bg.jpg) no-repeat -106px -38px;cursor:hand;}
#solution_bnt:hover{background:url(../images/menu_bg.jpg) no-repeat -106px -76px;cursor:hand;}
#iCallSDK_bnt:hover{background:url(../images/menu_bg.jpg) no-repeat -106px -114px;cursor:hand;}
#buyhelp_bnt:hover{background:url(../images/menu_bg.jpg) no-repeat -106px -152px;cursor:hand;}
#cases_bnt:hover{background:url(../images/menu_bg.jpg) no-repeat -106px -190px;cursor:hand;}
#partner_bnt:hover{background:url(../images/menu_bg.jpg) no-repeat -106px -228px;cursor:hand;}
#aboutus_bnt:hover{background:url(../images/menu_bg.jpg) no-repeat -106px -266px;cursor:hand;}
#contact_bnt:hover{background:url(../images/menu_bg.jpg) no-repeat -106px -304px;cursor:hand;}

.submenu {
	display:none;
	position:absolute;
	float:left;
	width:160px;
	overflow:hidden;
}
.submenu li{
	background:#A2ADB6 url(../images/arrow.gif) no-repeat 10px 0;
	display:block;
	float:left;
	width:158px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
}
.submenu li a{
	color:#036;
	font-size:14px;
	width:118px;
	height:30px;
	line-height:30px;
	text-align:left;
	padding-left:40px;
	display:block;
	text-indent:0;
}
.submenu li:hover{background:#A2ADB6 url(../images/arrow.gif) no-repeat 10px 0;}
.submenu li a:hover{background:#4698ca url(../images/arrow.gif) no-repeat 10px -33px;color:#FFF;}
/*//------------------banner.css-----------------------------//*/
#banner{
	width:960px;
	height:245px;
	margin:0 auto;
	margin-top:5px;
	border-top:#069 3px solid;
	border-bottom:#069 3px solid;
}
.banner_left{
    position:relative;
	width:720px;
	height:245px;
	overflow:hidden;
	float:left;
	background:#86B7E1;
}
.banner_left #banner_show {
    width: 720px;
	height: 245px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    position: absolute;
}
.banner_left #banner_show li {
    float: left;
    height:245px;
}
.banner_left #banner_show li img {
    display: block;
    overflow-x: hidden;
    overflow-y: hidden;
}
#banner_nav {
    background:url(../images/wxs.jpg) repeat-x;
    bottom:10px;
    right:10px;
    position:absolute;
}
#banner_nav li {
    color: #3D3D3D;
    cursor: pointer;
    float: left;
    height: 20px;
    width: 25px;
    line-height: 20px;
	overflow:hidden;
    text-align: center;
    white-space: nowrap;
}
#banner_nav li a{
	display:block;
	width:25px;
	height:20px;
	line-height:20px;
}
#banner_nav li:hover, #banner_nav li.active {
    background:url(../images/xs.jpg) repeat-x;
    color:#3D3D3D;
}
/*//////////////////////////////////////////////////////////////*/
#banner_right{
	width:240px;
	height:235px;
	background:#E3E3E3;
	float:left;
	padding-top:10px;
}
#banner_right p{
	color:#666;
	font-size:12px;
	display:block;
	height:25px;
	line-height:25px;
	margin-left:20px;
}
#banner_right strong{
	display:block;
	width:200px;
	height:35px;
	background:url(../images/tel.gif) no-repeat;
	text-indent:-9999px;
	margin-left:20px;
}
#banner_right span{
	display:block;
	width:200px;
	height:53px;
	background:url(../images/online.jpg) no-repeat;
	text-indent:-9999px;
	margin-left:20px;
}
#banner_right span:hover{
	background:url(../images/online1.jpg) no-repeat;
	cursor:hand;
}
#banner_right span a{
	display:block;
	width:200px;
	height:40px;
	line-height:40px;
}
#banner_right #email{
	height:30px;
	width:210px;
	margin-left:12px;
	background:url(../images/mail.gif) no-repeat 50px 12px;
	text-align:center;
	border-top:#999 1px solid;
}
#banner_right #email a{
	height:30px;
	line-height:30px;
	font-size:13px;
	padding-left:30px;
	color:#666;
	text-decoration:underline;
}
#banner_right #email a:hover{
	color:#036;
	font-weight:bold; 
}
/*//------------------contens.css-----------------------------//*/
#contents{
	width:960px;
	margin:0 auto;
	margin-top:10px;
}
#con_left{
	width:700px;
	float:left;
}

#iCall{
	width:700px;
	height:100px;
	background:url(../images/test2.jpg) no-repeat 0 center;
}
#AutoCall{
	width:700px;
	height:100px;
	background:url(../images/iods2.jpg) no-repeat 0 center;
	margin-top:20px;
}
#AutoCallPhone {
    width:700px;
	height:90px;
	background:url(../images/iods21.jpg) no-repeat 0 center;
    margin-top:10px;
}

#iCallOut {
    width:700px;
	height:100px;
	background:url(../images/icallout.jpg) no-repeat 0 center;
	margin-top:10px;
}

#iACPCall{
    width:700px;
	height:130px;
	background:url(../images/iacp.jpg) no-repeat 0 center;
	margin-top:10px;
}

#iCall p,#AutoCall p,#AutoCallPhone p,#iCallOut p,#iACPCall p{
	display:block;
	line-height:20px;
	font-size:12px;
	color:#666;
	width:520px;
	float:right;
}
#iCall span,#AutoCall span,#AutoCallPhone span,#iCallOut span,#iACPCall span{
	display:block;
	line-height:20px;
	width:520px;
	float:right;
	background:url(../images/dot.jpg) no-repeat 410px 7px;
}
#iCall span a,#AutoCall span a,#AutoCallPhone span a ,#iCallOut span a ,#iACPCall span a{
	font-size:12px;
	color:#7A2401;
	margin-left:12px;
	padding-left:410px;
}
#iCall span a:hover,#AutoCall span a:hover ,#AutoCallPhone span a:hover,#iCallOut span a:hover,#iACPCall span a:hover{
	font-weight:bold;
	text-decoration:underline;
}
#iCall h1,#AutoCall h1,#iCallOut h1,#iACPCall h1{
	width:520px;
	height:40px;
	font-size:14px;
	float:right;
	text-indent:-9999px;
}
#iCall h1 a,#AutoCall h1 a,#AutoCallPhone h1 a,#iCallOut h1 a,#iACPCall h1 a{
	display:block;
	width:520px;
	height:30px;
	line-height:30px;
}
#iCall h1{background:url(../images/con2000.jpg) no-repeat 0 5px;;}
#AutoCall h1{background:url(../images/iODS1.jpg) no-repeat 0 5px;}
#iCallOut h1 {background:url(../images/iCallOuti.jpg) no-repeat 0 5px;}
#iACPCall h1{background:url(../images/iACPcall.jpg) no-repeat 0 5px;}

#HotApp{
	width:698px;
	height:273px;
	background:url(../images/con_top.jpg) repeat-x;
	border:#86B7E1 1px solid;
	margin-top:20px;
}
#HotApp_T{
	width:698px;
	height:32px;
	line-height:32px;
	background:#255384 url(../images/con_top.jpg) repeat-x;
	border-bottom:#006 2px solid;
}
#HotApp_T h1{
	width:167px;
	height:32px;
	line-height:32px;
	font-size:14px;
	color:#FFF;
	padding-left:10px;
	background:#255384;
}
#HotApp_L{
	float:left;
	width:290px;
	height:239px;
}
#HotApp_L h1{
	width:150px;
	height:30px;
	line-height:30px;
	font-size:14px;
	margin-left:12px;
	margin-top:15px;
	padding-left:30px;
	background:url(../images/arrow5.jpg) no-repeat 0 6px;
}
#HotApp_L .appmore,#HotApp_R .appmore {
	display:block;
	float:right;
	width:50px;
	height:30px;
	line-height:30px;
	margin-top:-30px;
	color:#7A2401;
}
#HotApp_L span a:hover,#HotApp_R span a:hover{
	text-decoration:underline;
	font-weight:bold;
}
#HotApp_L p{
	width:270px;
	line-height:18px;
	margin-left:12px;
	margin-top:5px;
	color:#999;
	/*text-indent:2em;*/
}
#HotApp_L ul{
	display:block;
	width:250px;
	margin-top:10px;
	margin-left:35px;
}
#HotApp_L li{
	display:block;
	float:left;
	width:100px;
	height:26px;
	line-height:26px;
	padding-left:25px;
    background:url(../images/icon.gif) no-repeat 0 5px;
}
#HotApp_L li a{ color:#666;}
#HotApp_L li a:hover{color:#C60; text-decoration:underline; font-weight:bold;}
#HotApp_C{
	float:left;
	width:1px;
	height:166px;
	margin-left:15px;
	background:#D9D9D9;
	margin-top:62px;
}
#HotApp_R{
	float:left;
	margin-left:30px;
	width:345px;
	height:239px;
}
#HotApp_R h1{
	width:150px;
	height:30px;
	line-height:30px;
	font-size:14px;
	margin-left:10px;
	margin-top:15px;
	padding-left:30px;
	background:url(../images/arrow5.jpg) no-repeat 0 6px;
}
#HotApp_R ul{ margin-top:5px;}
#HotApp_R li{
	display:block;
	width:300px;
	height:28px;
	line-height:28px;
	margin-left:8px;
	padding-left:25px;
    background: url(../images/dot.jpg) no-repeat 3px 10px;
	border-bottom:#CCC 1px dashed;
}
#HotApp_R li a{ color:#666;}
#HotApp_R li a:hover{color:#C60; text-decoration:underline; font-weight:bold;}

/*--------------------------------------------------------------*/
#con_right{
	width:240px;
	float:right;
}
#con_right ul{
	margin-top:3px;
}
#NewsTitle{
	float:right;
	width:45px;
	height:30px;
	margin-top:-30px;
	margin-right:5px;
}
#NewsTitle a img{
	display:block;
	width:45px;
	height:30px;
	margin:0;
	padding:0;
}
#con_right #link1 li{
	display:block;
	width:224px;
	height:26px;
	line-height:26px;
	background:#D4DDEE;
	margin-left:3px;
	margin-top:1px;
	padding-left:8px;
}
#con_right #link2 li{
	display:block;
	width:107px;
	height:26px;
	line-height:26px;
	background:#D4DDEE;
	margin-top:1px;
	padding-left:8px;
}
#link_left,#link_right{
	float:left;
	width:115px;
	height:113px;
}

#link_left{margin-left:3px;}
#link_right{margin-left:2px;}

#link1{
	width:238px;
	height:270px;
	border:#86B7E1 1px solid;
	float:right;
}
#link1 a:hover{
	color:#C60;
    text-decoration:underline;
}
#link1 img {
	display:block;
	margin-top:3px;
	margin-left:3px;
}
#link2{
	width:238px;
	height:143px;
	border:#86B7E1 1px solid;
	float:right;
	margin-top:8px;
}
#link2 a:hover{
	color:#C60;
    text-decoration:underline;
	font-weight:bold;
}
#link3,#twocode{
	width:238px;
	height:120px;
	border:#86B7E1 1px solid;
	float:right;
	margin-top:8px;
}
#twocode{
	height:200px;
	background:#EBEBEB url(../images/twocode.png) no-repeat center;
}
#link1 h1,#link2 h1{
	width:228px;
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#666;
	padding-left:10px;
	background:url(../images/con_top.jpg) repeat-x;
}
#link3 h1{
	width:232px;
	height:114px;
	margin-left:3px;
	margin-top:3px;
	text-indent:-9999px;
	background:url(../images/mailbox.jpg) no-repeat;
}
#link3 h1 a{
	display:block;
	width:232px;
	height:114px;
}
#link3 h1 a:hover{cursor:hand;}
/*//------------------footer.css-----------------------------//*/
#footer{
	width:100%;
	margin-top:5px;
	background:url(../images/ft-bg.gif) repeat-x;
}
#ft_links{
	position:relative;
	width:960px;
	height:30px;
	margin:0 auto;
	top:8px;
}
#ft_links ul{ margin-left:100px;}
#ft_links li {
	top:10px;
	padding-right:8px;
	float:left;
	position:relative;
	color:#333;
}
#ft_links a {
	color:#036;
	font-size:13px;
}
#ft_links a:hover {
	color:#F60;
	text-decoration:underline;
    font-weight: bold;
}
#ft_text{
	position:relative;
	width:960px;
	margin:0 auto;
	top:10px;
}
#copyright {
	color:#666;
	padding-top:5px;
	text-align:center;
}
#copyright a{color:#666;}
#address{
	color:#666;
	padding-top:10px;
	height:25px;
	text-align:center;
}
#address span{
    color: #009D4B;
    font-weight: bold;
}
.totop {
    width:41px;
    height:18px;
    bottom: 10px;
    position:fixed;
    right:17px;
    z-index:300;
	/*bottom:expression(eval(document.body.scrollTop + 10));*/
}
.totop a {
    display:block;
    width:41px;
    height:18px;
    background:url(../images/backtop.gif) no-repeat;
    overflow-x:hidden;
    overflow-y:hidden;
    text-indent:-9999px;
}