@charset "utf-8";
* {padding:0;margin:0;}
html, body {
	height:100%;
	font-size:12px;font:12px Arial, Helvetica, sans-serif;
	/*font-size:12px;
	font-family: 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;*/
	
	clear:both;
	width:450px;
	height:10px;
	float: left;
}

#cboth {
	clear:both;
	width:450px;
	height:10px;
	float: left;
}
#cbothss {
	clear:both;
	background-color:#8AABBB;
	height:5px;
}
#cboths {
	clear:both;
	background-color:#CCCCCC;
	height:5px;
	margin-top:20px;
}

#cbo{
	clear:both;
	background-color:#8AABBB;
	height:5px;
	margin-top:20px;
	
}
#cbot{
	clear:both;
	background-color:#CCCCCC;
	height:5px;
	margin-top:0px;
}


.font1{font-size:19px; color:red;}
.font2{font-size:14px; color:blue;}
.font3{font-size:13px; color:red;}
.zhaoshang { margin-left: 110px;}
.kaihu{ margin-left:160px;}
.daili{ margin-left: 145px;}
.rexian{ margin-left: 80px;}

/*//------------------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.gif) no-repeat;
}
#header #company{
    width:294px;
	height:38px;
	background:#CCC url(../images/chainall.jpg) no-repeat;
	float:left;
	margin-top:12px;
}
#header #hotlin
{
	width:447px;
	height:45px;
	float:right;
	margin-top:13px;
	margin-left:0;
}
#header #hotline{
    /*width:222px;*/
	width:447px;
	height:45px;
	/*background:url(../images/hotline.jpg) no-repeat;*/
	background:url(../images/hotline.jpg) no-repeat;
	float:right;
	margin-top:13px;
	margin-left:0;
}
#hotliess{width:125px;height:45px;margin-top:10px; size:inherit;float:left;}
#hotliness{width:131px;margin-top:10px; size:inherit;float:left;}
#hotlinesss{width:39px;size:inherit;float:left; margin-left:9px; margin-top:12px;}

#header #hotlines
{
float:right;
     margin:0 auto;
	/*width:222px;*/
	width:465px;
	height:45px;
	background:url(../images/hotline.jpg) no-repeat;
	
	margin-top:13px;
	margin-left:70px; 
}
#youbqudian
{
	margin-top:15px;
}
#youbqudian
{
	margin-top:-7px;
}
#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:900px;
	/*width:960px;*/
	/* 去掉菜单新加样式margin-left */
	margin-left:40px;
	height:38px;
	padding:0 3px 0 3px;
}
.mainmenu li {
	display:block;
	width:106px;
	height:38px;
	line-height:38px;
	float:left;
	/* 去掉菜单新加样式margin-right */
	margin-right: 5px;
}
.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;}
#yunping_bnt{ background:url(../images/menu_bg.jpg) no-repeat 0 -342px;}
#yunpingt_bnt{ background:url(../images/menu_bg.jpg) no-repeat 0 -380px;}

#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;}
#yunping_bnt:hover{background:url(../images/menu_bg.jpg) no-repeat -106px -342px;cursor:hand;}
#yunpingt_bnt:hover{background:url(../images/menu_bg.jpg) no-repeat -106px -380px;cursor:hand;}*/


#home{ background:url(../images/menu_yunpingt.jpg) no-repeat;}
#products{ background:url(../images/menu_yunpingt.jpg) no-repeat 0 -38px;}
#solution{ background:url(../images/menu_yunpingt.jpg) no-repeat 0 -76px;}
#iCallSDK{ background:url(../images/menu_yunpingt.jpg) no-repeat 0 -114px;}
#buyhelp{ background:url(../images/menu_yunpingt.jpg) no-repeat 0 -152px;}
#cases{ background:url(../images/menu_yunpingt.jpg) no-repeat 0 -190px;}
#faq { background:url(../images/menu_yunpingt.jpg) no-repeat 0 -228px;}
#download { background:url(../images/menu_yunpingt.jpg) no-repeat 0 -266px;}


#home:hover{background:url(../images/menu_yunpingt.jpg) no-repeat -106px 0;cursor:hand;}
#products:hover{background:url(../images/menu_yunpingt.jpg) no-repeat -106px -38px;cursor:hand;}
#solution:hover{background:url(../images/menu_yunpingt.jpg) no-repeat -106px -76px;cursor:hand;}
#iCallSDK:hover{background:url(../images/menu_yunpingt.jpg) no-repeat -106px -114px;cursor:hand;}
#buyhelp:hover{background:url(../images/menu_yunpingt.jpg) no-repeat -106px -152px;cursor:hand;}
#cases:hover{background:url(../images/menu_yunpingt.jpg) no-repeat -106px -190px;cursor:hand;}

#faq:hover{background:url(../images/menu_yunpingt.jpg) no-repeat -106px -228px;cursor:hand;}
#download:hover{background:url(../images/menu_yunpingt.jpg) no-repeat -106px -266px;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;
	text-align:center;
	width:210px;
	/*border:#00CC00 solid 1px;*/
}

#banner_right b{
	color:#666;
	font-size:14px;
	display:block;
	height:25px;
	line-height:25px;
	margin-left:20px;
	margin-top: 10px;
}


#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 35px 12px;
	text-align:center;
	border-bottom:#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;
	
}

#iCall{
	width:700px;
	height:140px;
	background:url(../images/test4.jpg) no-repeat 0 center;
	border:#990000  solid 0px;
}

#Property{
	width:700px;
	height:140px;
	
	border:#990000  solid 0px;
}

#iCallTelAgents{
    width:700px;
	height:100px;
	background:url(../images/test2.jpg) no-repeat 0 center;
	/*margin-top:20px;*/
	border:#990000  solid 0px;
}
/*
#AutoCall{
	width:700px;
	height:120px;
	background:url(../images/test1.jpg) no-repeat 0 center;
	margin-top:20px;
	border:red solid 1px;
}*/

#AutoCallPhone {
    width:700px;
	height:90px;
	background:url(../images/test1.jpg) no-repeat 0 center;
    margin-top:20px;
}

#iCallOut {
    width:700px;
	height:140px;
	background:url(../images/test3.jpg) no-repeat 0 center;
	margin-top:0px;
	border:#990000  solid 0px;
}

#iACPCall{
    width:700px;
	height:100px;
	background:url(../images/test1.jpg) no-repeat 0 center;
	margin-top:0px;
	border:#990000  solid 0px;
}


#iCall p,#iCallTelAgents p,#AutoCall p,#AutoCallPhone p,#iCallOut p,#iACPCall p{
	display:block;
	line-height:20px;
	font-size:12px;
	color:#666;
	width:540px;
	float:right;
	/*border:#990000  solid 0px;*/
}
#iCall span,#iCallTelAgents span,#AutoCall span,#AutoCallPhone span,#iCallOut span,#iACPCall span{
	display:block;
	line-height:20px;
	width:540px;
	float:right;
	background:url(../images/dot.jpg) no-repeat 440px 7px;
	/*border: #FF6666  solid 0px;*/
}
#iCall span a,#iCallTelAgents span a,#AutoCall span a,#AutoCallPhone span a ,#iCallOut span a ,#iACPCall span a{
	font-size:12px;
	color:#7A2401;
	margin-left:450px;
	/*padding-left:410px;*/
}
#iCall span a:hover,#iCallTelAgents 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,#iCallTelAgents h1,#AutoCall h1,#iCallOut h1,#iACPCall h1,#AutoCallPhone h1{
	width:540px;
	height:30px;
	font-size:14px;
	float:right;
	text-indent:-9999px;
	/*border: #FF6666  solid 0px;*/
}
#iCall h1 a,#iCallTelAgents h1 a,#AutoCall h1 a,#AutoCallPhone h1 a,#iCallOut h1 a,#iACPCall h1 a{
	display:block;
	width:540px;
	height:30px;
	line-height:30px;
}
#iCall h1{background:url(../images/con2000.jpg) no-repeat 0 5px;}
#iCallTelAgents h1{background:url(../images/iCallTelAgents.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;}
#AutoCallPhone h1{background:url(../images/AutoCalli.jpg) no-repeat 0 5px;}


#HotApp{
	width:960px;
	height:223px;
	background:url(../images/con_top.jpg) repeat-x;
	border:#86B7E1 1px solid;
	margin:0 auto;
}
#HotApp_T{
	width:545px;
	/* 698px*/
	height:32px;
	line-height:32px;
	background:#255384 url(../images/con_top.jpg) repeat-x;
	border-bottom:#006 2px solid;
}
#HotApp_T1{
	width:415px;
	/* 698px620  545  75*/
	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_T1 h1{
	width:167px;
	height:32px;
	line-height:32px;
	font-size:14px;
	color:#FFF;
	padding-left:10px;
	background:#255384;
}

#HotApp_L{
	float:left;
	width:400px;
	height:185px;
/*	border:#006699 2px solid;*/
}
/*#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_T .appmore,#HotApp_T1 .appmore{
	display:block;
	float:right;
	width:50px;
	height:30px;
	line-height:30px;
	margin-top:-30px;
	color:#7A2401;
}

#HotApp_L .appmore,#HotApp_R .appmore,#HotApp_R_1 .appmore {
	display:block;
	float:right;
	width:50px;
	height:30px;
	line-height:30px;
	margin-top:-30px;
	color:#7A2401;
}
#HotApp_T span a:hover,#HotApp_T1 span a:hover,#HotApp_L span a:hover,#HotApp_R span a:hover,#HotApp_R_1 span a:hover{
	text-decoration:underline;
	font-weight:bold;
}
#HotApp_L p{
	width:395px;
	line-height:18px;
	margin-left:12px;
	margin-top:5px;
	color:#999;
	text-indent:2em;
}
#HotApp_L ul{
	display:block;
	width:400px;
	margin-top:10px;
	margin-left:35px;
}
#HotApp_L li{
	display:block;
	float:left;
	width:160px;
	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:176px;
	margin-left:15px;
	background:#D9D9D9;
	margin-top:8px;
}
#HotApp_R{
	float:left;
	margin-left:30px;
	width:270px;
	height:185px;
}
#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:240px;
	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;}

#HotApp_R_1{
	float:left;
	margin-left:30px;
	width:500px;
	height:185px;
/*	border:#CCC 1px solid;*/
}

#HotApp_R_1 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_1 ul{ margin-top:5px;}
#HotApp_R_1 li{
	display:block;
	width:450px;
	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;
	color:#666;
}
#HotApp_R_1 li a{ color:#666;}
#HotApp_R_1 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 #link1_1 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;}


.LnavTitle{
	width:200px;
	height:33px;
	line-height:33px;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	margin-top:5px;
	margin-left:5px;
	padding-left:20px;
	margin-bottom:2px;
	background:url(images/tb.gif) no-repeat 8px center;
	color:#1D5278;
	background-color:#FFFFFF;
}

#link1{
	width:238px;
	height:335px;
	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{
	width:238px;
	height:120px;
	border:#86B7E1 1px solid;
	float:right;
	margin-top:8px;
}
#link1 h1,#link2 h1,#link1_1 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:180px;}
#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;
	padding-bottom: 10px;
}
#address span{
    color: #009D4B;
    font-weight: bold;
}

#tellink {
	color:#666;
	padding-top:10px;
	height:25px;
	text-align:center;
}

#tellink a{
	color:#369;
}

#tellink a:hover
{
	color:#F90;
	text-decoration:underline;
}
#tellink span{
    color: #009D4B;
    font-weight: bold;
}

.totop {
    width:41px;
    height:18px;
    bottom: 30px;
    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;
}

#youqianlj
{
width:960px; height:45px; margin:0 auto; line-height:20px;
}
#youqianlj div 
{color:#0B3462;}


#youqianlj a:hover
{
color:#CC6600;
text-decoration:underline;
}
#youqianlj a
{
color:#666666;
}