/*******新闻页面*******/
.newsBanner{
	width: 100%;
}
.newsBanner img{
	width: 100%;
}
.business{
}
/****新闻内容***/
.businessCon{
	padding-top: 30px;
	background-color: #FFFFFF;
	border-radius: 10px;
	box-shadow: 3px 3px 3px #CCCCCC;
}
.businessTitle{
	margin-left: 30px;
}
.businessTitle span{
	display: block;
	width: 120px;
	font-size: 30px;
	color: #333333;
	border-bottom: 7px solid #0084FF;
}
.businessNews{
	margin-top: 40px;
}
.businessnew{
	margin-top: 20px;
	height: 200px;
}
.businessLeft{
	padding-left: 30px;
	width: 20%;
	float: left;
	height:200px;
}
.businessLeft img{
	width: 100%;
	height:180px;
}
.businessRight{
	width: 70%;
	float: left;
	margin-left: 2%;
	border-bottom: 1px solid #CCCCCC;
}
.businessRightTitle{
	
}
.businessRightTitle span{
	color: #333333;
	font-size: 20px;
}
.businessRightCon{
	margin-top: 30px;
}
.businessRightCon span{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.businessRightCon span img{
	display: none;
}
.businessRightTime{
	margin-top: 14px;
	color: #999999;
	font-size: 16px;
}
.businessRightTime1{
	float: left;
}
.businessRightTime2{
	float: right;
}
#newsPage{
	margin-top: 30px;
	text-align: center;
}
/**新闻页面详情**/
.businessConTitle{
	text-align: center;
	font-size: 28px;
}
.businessConTime{
	text-align: center;
	font-size: 12px;
	color: #C0C0C0;
	margin-top: 10px;
}
.newsDatailsImg{
	text-align: center;
	margin-top: 20px;
}
.newsDatailsText{
	width: 90%;
	margin: 0 auto;
	margin-top: 20px;
	line-height: 40px;
	text-indent:2em;
}
.content{
	width: 90%;
	margin: 0 auto;
	margin-top: 20px;
	line-height: 40px;
	text-indent:2em;
}
.newsDatailsText  img{
	width: 40%;
	display: block;
	margin: 0 auto;
	margin-top: 10px;
}
/*******新闻页面完*********/

/****服务与支持页面开始****/
.serviceBanner{
	width: 100%;
}
.serviceBanner img{
	width: 100%;
}
/**软件下载**/
.software{
	margin-top: 20px;
	width: 100%;
}
.softTab{
	
}
#softNav{
    width: 30%;
	height: 100px;
	margin: 0 auto;
	text-align: center;
	line-height: 100px;
	background-color: #FFFFFF;
	border-radius: 10px;
}
#softNav li{
    width: 50%;
	height: 100px;
	float: left;
    border-bottom: none;
	border-radius: 10px;
}
#softNav li.active{
    background-color: #1F72EF;
	color: #FFFFFF;
}
#softNav li{
	color: #1F72EF;
	font-size: 20px;
}
.navCon{
	margin-top: 100px;
	background-color: #FFFFFF;
}
#softcontent{
    width: 100%;
	height: 650px;
	position: relative;
	border-top: none;
}
#softcontent li{
	width: 100%;
	height: 100%;
	position: absolute;
	padding: 10px;
	display: none
}
/****第一个下载框*****/
.softDownload{
	width: 30%;
	height: 280px;
	float: left;
	margin-top: -30px;
	border-radius: 20px;
	background-color: #FFFFFF;
	border: 1px solid #D0D0D0;
	margin-bottom: 40px;
	margin-right: 30px;
	box-shadow: 2px 2px 2px #CCCCCC;
}
.downloadLeft{
	width: 35%;
	border-radius: 50%;
	float: left;
	margin-top: 15%;
	margin-left: 8%;
}
.downloadLeft img{
	width: 100%;
	border-radius: 50%;
	height: 100px;
}
.downloadRight{
	width: 90%;
	float: left;
	margin: 5%;
}
.dropdownTitle{
	text-align: center;
	margin-top: 20px;
}
.dropdownTitle span{
	font-size: 20px;
	color: #333333;
}
.dropdownIntro{
	margin-top: 20px;
	height: 75px;
	padding-bottom: 20px;
}
.dropdownIntro span{
	color: #666666;
	font-size: 14px;
	line-height: 20px;
	 display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:4;
	word-break: break-all;
	overflow: hidden;
}
.dropdownButton{
	margin-top: 50px;
	text-align: right;
}
.dropdownButton .layui-btn{
	background-color: #0F75F2;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
	position: absolute;
	left: -1px;
	top: -1px;
	padding: 1px;
	width: 100%;
	height: 100%;
	background-color: #0F75F2;
}
/******软件服务*******/
.softwareFromTitle{
	text-align: center;
	margin-top: 20px;
	font-size: 22px;
}
.softwareFormName,.softwareFormTel,.softwareFormSite,.softwareFormDetails,.softwareFormEmail{
	margin-left: 30%;
	margin-top: 25px;
}
.softwareFormName  .layui-form-label{
	width: 120px;
	font-size: 16px;
	line-height: 30px;
}
.softwareFormName .layui-input{
	width: 40%;
	border-radius: 10px;
	height: 50px;
}
.softwareFormTel  .layui-form-label{
	width: 120px;
	font-size: 16px;
	line-height: 30px;
}
.softwareFormTel .layui-input{
	width: 40%;
	border-radius: 10px;
	height: 50px;
}
.softwareFormEmail  .layui-form-label{
	width: 120px;
	font-size: 16px;
	line-height: 30px;
}
.softwareFormEmail .layui-input{
	width: 40%;
	border-radius: 10px;
	height: 50px;
}
.softwareFormSite  .layui-form-label{
	width: 120px;
	font-size: 16px;
	line-height: 30px;
}
.softwareFormSite .layui-input{
	width: 40%;
	border-radius: 10px;
	height: 50px;
}
.softwareFormDetails  .layui-form-label{
	width: 110px;
	font-size: 16px;
	line-height: 30px;
}
.softwareFormDetails .layui-textarea{
	width: 70%;
	border-radius: 10px;
	height: 50px;
}
.softwareFormButton{
	margin-left: 35%;
	margin-top: 25px;
}
/**全部软件**/
.allSoftware{
	margin-top: 150px;
}
.allSoftwareTitle{
	text-align: center;
}
.softwareTitle span{
	display: block;
	position: relative;
	color: #333333;
	font-size: 36px;
}
.softwareTitle span::before, .softwareTitle span::after{
	content: '';
	position: absolute;
	top: 50%;
	width: 5%;
	height: 1px;
	background-color: #333333;
}
.softwareTitle span::before{
	left: 35%;
}
.softwareTitle span::after{
	 right: 34%; 
}
/**软件名称**/
.brand{
	height: 600px;
	margin-top: 70px;
}
.brandTop{
	margin-top: 50px;
	height: 250px;
	margin-left: 3%;
}
.brandIntro{
	width: 20%;
	height: 250px;
	margin-left: 3%;
	float: left;
	position: relative;
	background-color: #FFFFFF;
}
.brandIntroShawo{
	width: 100%;
	height: 250px;
	position: absolute;
	top: 0;
	left: 0;
	background: #9F9F9F;
	display: none;
}
.brandIntroShawo .layui-btn{
	float: right;
	margin-top: 80%;
	margin-left: 10%;
}
.brandIntroLogo{
	padding-top: 20px;
}
.brandIntroLogoImg{
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 10px;
}
.brandIntroLogo img{
	width: 100%;
}
.brandIntroTitle{
	text-align: center;
	margin-top: 20px;
}
.brandIntroTitle span{
	color: #333333;
	font-size: 30px;
	letter-spacing: 3px;
}
.brandIntroIns{
	width: 80%;
	margin-left: 10%;
	margin-top: 20px;
}
.brandIntroIns span{
	color: #666666;
	font-size: 16px;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:1;
	word-break: break-all;
	overflow: hidden;
}
