﻿@charset "utf-8";
/* CSS Document */
#mainNav{  font-size:13px; color: #C00;/*background-image:url(../images/navIcon.jpg);*/ background-repeat:no-repeat; line-height:16px; width:960px; margin:10px 0px; font-family:"微软雅黑"}
#mainNav a:link,#mainNav a:visited{ color: #C00; text-decoration:none}
#mainNav a:hover{ color:#c00; text-decoration:none}

/*.desTitle{ font-size:14px; line-height:36px; height:36px; background:url(../images/desTitleLine.gif) bottom no-repeat; color:#333; font-weight:bold; padding-left:17px; margin:16px 0;}*/
.desTitle {
	line-height:25px;
	font-size:14px;
	margin-top:10px;
	margin-bottom:10px;
	height:30px;
	background:url(../images/desTitleLine.gif) bottom no-repeat;
}
.desTitle span {
	color:#C00;
	font-weight:bold;
	float:left;
}
#desTitleIcon {
	width:25px; 
	height:20px;
	float:left;
	line-height:24px;
	margin-top:0px;
	background:url(../images/desTitleIcon.jpg) bottom no-repeat;
}

.desStruPic{ text-align:center}
.desTextTitle{font-size:15px; font-weight:bold; color:#C00; line-height:24px;margin:10px 18px}
.desTextTitle2{font-size:14px; font-weight:700; line-height:24px;margin:10px 18px 5px 18px}
.desText{ font-size:14px; color:#333; line-height:24px; margin:0 18px}
.desText span{ color:#006295; font-weight:bold}
.desText span.toVideo{ font-weight:100; text-decoration:underline; cursor:pointer}
.desText span.toVideo:hover{ color:#c00}
.desText table{ margin-bottom:5px;}
.desText table tr{ background-color:#fff}
.desText table td{ padding:0 10px}
.desTitleName{ width:200px; float:left; background-image:url(../images/desTitleIcon.jpg); background-repeat:no-repeat; background-position:0 10px; padding-left:24px}



#funcName{ font-family:"微软雅黑"; font-size:24px; font-weight:bold; line-height:24px; text-align:center; color:#333; padding-top:30px; padding-bottom:14px;}
.desFuncPic{ text-align:center}

#left{ width:204px; float:left}
.leftTitle{ line-height:30px; height:30px; background-image:url(../images/proIcon.jpg); background-repeat:no-repeat; background-color:#C00; background-position:10px; font-family:"微软雅黑"; font-size:16px; color:#FFF; font-weight:bold; padding-left:40px}
.proCate{ line-height:30px; background-color:#ebebeb; font-size:14px; color:#030303; font-weight:bold; padding-left:8px}
#left ul{ margin:0; padding:0; list-style-type:none}
#left ul li{}
#left ul li a{ display:block; background-color:#f8f8f8; line-height:30px; padding-left:40px}
#left ul li a.aOn{ background-image:url(../images/proArrow.jpg); background-color:#d6d6d6; background-repeat:no-repeat; background-position:14px}
#left ul li a:link,#left ul li a:visited{ color:#646464; text-decoration:none}
#left ul li a:hover{ color:#C00;}
#left ul li a.aOn:link,#left ul li a.aOn:visited{ color:#000; text-decoration:none}
#left ul li a.aOn:hover{ color:#C00;}

#right{ width:960px; float:right;}
#bottomBtn{ text-align:center; background-image:url(../images/btnDivBg.jpg); background-repeat:repeat-x; padding-top:20px;}
#bottomBtn1{ text-align:center; padding-top:20px;}
#bottomBtn2{ text-align:center; background-image:url(../images/btnDivBg.jpg); background-repeat:repeat-x; padding-top:20px;}
#bottomBtn input{ width:160px; height:35px; border:0; margin:0; padding:0; background-image:url(../images/syBtn.jpg); cursor:pointer}
#bottomBtn #syBtn{ width:160px; height:35px; border:0; margin:0; padding:0; background-image:url(../images/syBtn.jpg); cursor:pointer}
#bottomBtn1 div{ margin-top:10px;}
#bottomBtn1 #syBtn1{ width:120px; height:27px; border:0; margin:0; padding-top:10px; background-image:url(../images/syBtn1.jpg); cursor:pointer}
#bottomBtn2 #syBtn2{ width:155px; height:40px; border:0; margin:0; padding-top:10px; background-image:url(../images/btn_sy.jpg); cursor:pointer}
#bottomBtn #xzBtn{ width:160px; height:35px; border:0; margin:0; padding:0; background-image:url(../images/xzBtn.jpg); cursor:pointer}
#bottomBtn1 #xzBtn1{ width:120px; height:27px; border:0; margin:0; padding:0; background-image:url(../images/xzBtn1.jpg); cursor:pointer}
#bottomBtn2 #xzBtn2{ width:155px; height:40px; border:0; margin:0; padding:0; background-image:url(../images/btn_xz.jpg); cursor:pointer}
#bottomBtn #gmBtn{ width:160px; height:35px; border:0; margin:0; padding:0; background-image:url(../images/gmBtn.jpg); cursor:pointer}
#bottomBtn1 #gmBtn1{ width:120px; height:27px; border:0; margin:0; padding:0; background-image:url(../images/gmBtn1.jpg) ; cursor:pointer}
#bottomBtn2 #gmBtn2{ width:155px; height:40px; border:0; margin:0; padding:0; background-image:url(../images/btn_gm.jpg); cursor:pointer}
.priceTable{ margin-left:24px}

.priceTable td{ padding-left:10px}

.pricePrdNameDiv{margin-bottom:5px;}
.pricePrdNameDiv span{color:#000;margin-left:24px;}
/*js下载本地安装包*/
    #xiazaidiv{
	position:absolute;
	left:50%;
	width:498px;
	margin-left:-249px;
	z-index:100;
	height:320px;
	background-color:#FFF;
	border:1px solid #CCC
}
.xiazaibendi{ padding:5px 0px 5px 23px; font-weight:bold; font-size:16px; color:#333; background:url(../images/titledise.jpg) repeat; border-bottom:1px solid #CCC; line-height:24px;width:475px;}
.xiazaibendi img{ float:right; margin-top:0px;margin-right:0px;}
#danjiban{border-bottom: 1px solid #CCC; height:117px; display:block; width:498px; }
#xaizaititle{margin-top:26px; margin-left:25px; font-size:14px; font-weight:bold; color:#069;}
#xaizaititle label{ color:#F00; font-weight:lighter;}
#xaizaiText{ margin-top:12px; padding-left:50px; }
#xiazaibtn{ margin:auto; width:80px; padding-top:24px; }
#wangluoban{height:134px; display:block; width:498px; }

/*导航分页开始*/
ul, li {
list-style-type: none;
margin: 0;
padding: 0;
word-wrap: break-word;
word-break: normal;
}
#menu{
width:960px;
height:33px;
background-color:#65abdf;
/*background: url(../images/titlecolor.jpg) repeat;*/
	}
.menu_list {
padding-left:5px;
}
.menu_list li {
float: left;
text-align: center;
line-height: 33px;
width: 90px;
height: 33px;
margin-right:10px;
display: inline;
color:#FFF;
font-weight:bold;
cursor:pointer;
font-size:14px;
margin-top:5px;
}
.menu_list li.menu_on {
background: url(../images/titleW.jpg) repeat ;
display: block;
width: 90px;
line-height: 33px;
height:33px;
color:#000;
margin-top:0px;
padding-top:4px;
}
.text1{ 
padding:10px 5px 10px 0px;
line-height:24px;
font-size:13px;
text-indent:2em;
margin-top:20px;
}
.shuoming{
margin-top:30px;
color: #006295;
font-weight: bold;
font-size: 13px;
line-height: 24px;
	}	
.shuoming1{
margin-top:30px;
color: #006295;
font-weight: bold;
font-size: 13px;
line-height: 24px;
	}
.shuoming1 span{
	margin-left:24px;
	}
.wendatext{
font-size: 13px;
color: #333;
line-height: 24px;
margin-bottom: 10px;
background:url(../images/desTitleLine.gif) bottom no-repeat;
padding-left:24px;
	}
.wendatext span{
	color:#006295;
	font-weight:bold;}
.morendiv{min-height:535px; width:100%; overflow-y:auto;}
.yincangdiv{ display:none;min-height:535px; width:100%; overflow-y:auto;}
.text1 span.toVideo:hover {
color: #c00;
}
.text1 span.toVideo {
font-weight: 100;
text-decoration: underline;
cursor: pointer;
}
.text1 span {
color: #006295;
font-weight: bold;
}	
.biaoti{
line-height: 25px;
font-size: 14px;
margin-top: 10px;
margin-bottom: 10px;
height: 30px;
background: url(../images/desTitleLine.gif) bottom no-repeat;
	}
.biaoti span{
color: #C00;
font-weight: bold;
float: left;
	}
.divExpand {
float:left;	
margin-top: 25px;
margin-bottom: 10px;
width:146px;
height:400px;
border: 1px solid #d5d5d5;
}
.Expand_list ul{
	width:133px;
	}

Expand_list{
	padding:10px 12px 10px 1px;
	}
.divExpand li {
width:100px;
display: block;
line-height: 22px;
margin: 4px 2px;
padding-left: 28px;
background-image: url(../images/aBg1.jpg);
cursor:pointer;
}	
.divExpand .list_on  {
background-image: url(../images/aBg.jpg);
color: #000;
}
#mainRight {
width: 794px;
margin-left: 18px;
float: left;

}
.rightDes {
padding: 15px 0px 20px 18px;
color: #333;
line-height: 24px;
font-size: 14px; 

}
.morenmokuai{
	display:block;}
.mokuaiyincang{
	display:none;
	}
	
.desBigTitle {
	font-size:20px;
	text-align:center;
	font-weight:bold;
	line-height:50px;
	margin-top:10px;
	margin-bottom:0px;
	background-position:bottom;
	background-repeat:no-repeat;
}
.CateDes{ line-height:24px; color:#666; font-size:14px}
	
/*导航分页结束*/

a{ text-decoration:none; }
#main_Left {
float:left;	
margin-top: 25px;
margin-bottom: 10px;
width:186px;
height:600px;
border: 1px solid #d5d5d5;
overflow:hidden;
font-size:14px;
}
#main_Left_list ul{
	width:133px;
	}

.main_Left_list{
	padding:10px 12px 10px 0px;
	}
#main_Left li {
width:100px;
display: block;
line-height: 22px;
/*background: url(../images/sanjiao2.jpg) left no-repeat;*/
cursor:pointer;
width:186px;
}	
#main_Left .list_on  {
background: url(../images/sanjiao1.jpg) left no-repeat;
color: #000;
}
#main_Left .list_on1  {
background: url(../images/sanjiao3.jpg) left no-repeat;
color: #000;
}
#main_Left .list_on2  {
background: url(../images/sanjiao4.jpg) left no-repeat;
color: #000;
}
.one li{padding:10px 0 0 0;}

.two{width:186px; }
.two li{}
.two li a{padding-left:30px; width:180px; display:block; background-image: url(../images/aBg1.jpg);}

.three{
display:none;
}
.three li{ margin-left:24px;}
.three li a{padding-left:30px;  display:block; background-image: url(../images/aBg1.jpg);}
/*.three{
padding-left:20px;
display:none;
}	*/	
#mainRight {
width: 754px;
margin-left: 18px;
float: left;

}
#RightTitle {
	margin-left: 18px;
	margin-top:15px;
	width: 754px;
	float: left;
	font-size:24px;
	text-align:center;
	font-weight:bold;
	line-height:50px;
	margin-bottom:10px;
	background-image:url(../images/rightTitleBottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

.leftTitledh {
background-color: #9f9c9b;
color: #FFF;
font-size: 14px;
line-height: 22px;
border-bottom: 1px solid #d5d5d5;
font-weight: bold;
width:186px;
}
.leftTitledh img {
float: left;
}
.leftTitledh a{ display:block;}


#main_Left .dianji{background-image: url(../images/aBg2.jpg);color: #cc0001;}
.leftTitledh a{ color:#fff}
.three a{ color:#333;}
.two a{ color:#333;}
#shiyongjiazhi{font-size:14px; color:#333; line-height:24px; margin:0 18px}

.bigTitleClass {
	font-family: "微软雅黑";
	font-size: 18px;
	font-weight:bold;
	color: #C00;
	margin: 20px auto 15px 10px;
}

.captionClass {
	background-image: url(../images/xuxian.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align:center;  
	font-size:20px; 
	font-weight:bold; 
	color:#C00;
	font-family: "微软雅黑";
	padding-bottom:10px;
}

#modNav {float:left; font-size:13px; width:600px; color:#C00; margin-top:11px;}
#modNav a {color: #C00}
#ret {float:right; font-size:13px; text-align:right; margin-top:10px;}
#ret a {color:#069;}
.daohang{width:960px; border-bottom:1px solid #999999; float: left;background-repeat: repeat-x;background-position: bottom;padding-bottom:5px;}
.daohang1{width:960px; float: left;background-repeat: repeat-x;background-position: bottom; display: none;}
#logo {
	display: none;
}

#banner {
	margin-top: 20px;
}
#fanhui{margin:30px auto; font-size:13px; text-align:center; font-family: "微软雅黑"; }
#fanhui a {color:#C00; font-weight:bold;}
#aboutM5 {background-color:#CC0001;color:#FFF;	font-size:18px;line-height:28px;	border-bottom:1px solid #d5d5d5;	font-weight:bold;	width:202px; margin-top:0px; height:28px;}
/*底部模块  包括试用、下载按钮模块*/
#buttomDiv {width:960px; margin-left:auto; margin-right:auto;}
/*------*/

/*---------------------------M5产品使用样式--------------------------------------*/
.desTitleClass {
	font-family: "微软雅黑";
	font-size: 18px;
	color: #cc0000;
	background-image: url(../images/xuxian.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 960px;
	margin: 50px auto 10px;
	padding-bottom: 8px;
	padding-left: 0px;
}
.desTitleClass  img {vertical-align:middle;margin-right:8px; border:none;}
.desValue {
	width: 960px;
	font-size: 14px; 
	color: #333; 
	line-height: 24px; 
	text-indent: 2em;
	margin-top: 25px;
}
.desValue span {font-family: "宋体";	font-size: 14px; font-weight: bold; color: #006295;}

.proDescribe {font-size:14px; color:#333; line-height:24px; text-indent:2em;}

.td_bg_color {background-color:#F6F6F6;}   /*表格背景颜色*/

/*模块介绍  表格*/
#moduleTable table{background-color:#E4E4E4;jerry:expression(cellSpacing="1"); border-collapse:separate; border-spacing:1px; width:100%; cursor:pointer;}
#moduleTable table tr {background-color:#FFF;}
#moduleTable td {font-family:"微软雅黑"; font-size:16px; color:#006295; text-align:center; height:40px; line-height:40px; width:20%;}
#moduleTable td:hover {color:#F00; text-decoration:none;}

#pro_point li {float:left; margin-right:10px; *margin-right:4px;}

/*商贸业ERP和大财务浮动块的样式*/
.oval-speech {
	position:relative;
	padding:20px;
	vertical-align:middle;
	color:#fff; 
	background:#075698;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
	background:-moz-linear-gradient(#2e88c4, #075698);
	background:-o-linear-gradient(#2e88c4, #075698);
	background:-ms-linear-gradient(#2e88c4, #075698);
	-webkit-border-top-left-radius:250px 90px;
	-webkit-border-top-right-radius:250px 90px;
	-webkit-border-bottom-right-radius:250px 90px;
	-webkit-border-bottom-left-radius:250px 90px;
	-moz-border-radius:250px / 90px;
	border-radius:250px / 90px;
}
.oval-speech:before {
	content:"";
	position:absolute;
	z-index:1;
	bottom:-20px;
	right:50%;
	height:20px;
	border-right:60px solid #075698;
	background:#075698;
	-webkit-border-bottom-right-radius:80px 50px;
	-moz-border-radius-bottomright:80px 50px;
	border-bottom-right-radius:80px 50px;
	-webkit-transform:translate(0, -2px);
	-moz-transform:translate(0, -2px);
	-ms-transform:translate(0, -2px);
	-o-transform:translate(0, -2px);
	transform:translate(0, -2px);
}
.oval-speech:after {
	content:"";
	position:absolute;
	z-index:1;
	bottom:-20px;
	right:50%;
	width:40px;
	height:20px;
	background:#fff;
	-webkit-border-bottom-right-radius:50px 50px; 
	-moz-border-radius-bottomright:50px 50px; 
	border-bottom-right-radius:50px 50px; 
	-webkit-transform:translate(-20px, -2px);
	-moz-transform:translate(-20px, -2px);
	-ms-transform:translate(-20px, -2px);
	-o-transform:translate(-20px, -2px);
	transform:translate(-20px, -2px);
}
#proFeature p {text-indent:2em;}

/*#market_border {border:solid 2px #FE7E00; padding-bottom:20px;} */      /*目标市场 边框*/
/*目标市场 标题*/
/*.target_market {margin:20px auto 10px;width:920px;font-family:"微软雅黑";	font-size:18px;color:#006295;background:url(../../images/xuxian.jpg) repeat-x bottom;padding-bottom:8px;}*/
#trial {background-image:url(../images/btn_sy.jpg); width:155px; height:40px; position:absolute; right:2px; top:100px; z-index:100; cursor:pointer;}
/*---------------------------M5产品使用样式--------------------------------------*/

.desTextM5{ font-size:13px; color:#333; line-height:24px; margin-bottom:10px;}
.desTextM5 span{ color:#006295; font-weight:bold}
.desTextM5 span.toVideo{ font-weight:100; text-decoration:underline; cursor:pointer}
.desTextM5 span.toVideo:hover{ color:#c00}
.desTextM5 table tr{ background-color:#fff}
.desTextM5 table td{ padding:0 10px}
.desTextM5 a:link,.desText a:visited{ color:#006295; text-decoration:underline}
.desTextM5 a:hover{ color:#cc0000; text-decoration:underline}
.offer {font-weight: bold; font-size: 14px; font-family: "微软雅黑"; color: #5194c8
; margin-bottom: 5px;}     /*关于报价*/
.offer img {margin-right: 8px; vertical-align: middle;}
.offer span {font-family: '宋体';font-size: 13px;color:#333;font-weight:lighter;}
.desTextM5 table {
	background: #a5b0b8;
	jerry: expression(cellSpacing="1");
	order-collapse: separate;
	border-spacing: 1px;
	width: 100%;
	line-height: 24px;
	font-size: 12px;
}

.desTextM5 table th {
	background-color: #d5edff;
	text-align: center
}

#btn {
	width: 155px;
	height: 42px;
	background: url(../images/btn_sy.jpg) no-repeat;
	border: 0px;
	cursor: pointer;
	float: left;
	margin-left: 360px;
}

.side {
	float: right;
	color: #1074c0;
	font-size: 12px;
	margin-top: 22px;
	width: 210px;
}

.side .guild {
	background: url(http://www.318.com.cn/images/address-book-open.png) no-repeat left;
	padding-left: 20px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
	float: right;
}

.side .download {
	background: url(http://www.318.com.cn/images/download.png) no-repeat left;
	padding-left: 20px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
	float: right;
	display: none;
}

.price {
	clear: both;
	color: #1074c0;
	margin-top: 2em;
	cursor: pointer;
	background: url(http://www.318.com.cn/images/document-template.png) no-repeat left bottom;
	padding-left: 18px;
}