body {
	margin: 0;
	padding: 0;
	font: 15px/26px Helvetica Neue Light, tahoma, Arial, Helvetica, sans-serif;
	color: #333;
}
ul, li, p, h3 {margin: 0; padding: 0;}
img{vertical-align: middle;border: 0;}
*{margin:0; padding:0;}


@media (min-width: 1199px) { 
	.Nav-container {
		height: 65px;
		color:#333;
		background: #fff;
		position: relative; 
		z-index: 10000;
	}

	.Nav-mobilestyle {
		display: none;
	}

	.softlist ul { display:none; }

	.Nav-container .nav-line {
		border-bottom:1px solid #fff; 
	}
	
	.Nav-container .Nav-Top {
		width: 1200px;
		margin: 0 auto;
		height: 65px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.Nav-Top .logo {
		width: 145px;
		height: 45px;
	}
	.Nav-Top .nav-text {
		height: 65px;	
		display: flex;
		font-size:17px;
	}
	.Nav-Top .nav-text ul {
		display: flex;
	
	}
	.Nav-Top .nav-text ul li { 
		list-style: none;
		text-align:center; 
		line-height:65px;  
		position:relative; 
		cursor:pointer;
		padding: 0 23px;
		transition:all 0.5s; 
		-webkit-transition:all 0.5s;  
		-moz-transition:all 0.5s;
	}
	.Nav-Top .nav-text ul li::after {
		content: '';
		background: url(../nav-style/nav-img01-nineteen.svg);
		display: block; /* 将生成的内容变成块级元素 */
		width: 12px; /* 设置图片宽度 */
		height: 7px; /* 设置图片高度 */
		position: absolute; /* 使用绝对定位 */
		top: 50%; /* 距离顶部的距离 */
		right: 5px; /* 距离左侧的距离 */
		transform: translateY(-50%);
	}
	
	.Nav-Top .nav-text ul li:nth-child(2)::before {
		content: '';
		background: url(../nav-style/new-ai.png);
		display: block;
		width: 37px;
		height: 15px;
		position: absolute;
		top:8px;
		left: 40px;
	}
	
	.Nav-Top .nav-text ul li:nth-child(4)::after {
		content: '';
		background: url(../nav-style/nav-img03-nineteen.png);
		width: 1px; /* 设置图片宽度 */
		height: 13px; /* 设置图片高度 */
		position: absolute; /* 使用绝对定位 */
		top: 50%; /* 距离顶部的距离 */
		right: 0px;
	}
	
	.Nav-Top .nav-text ul li:nth-child(4) a {
		color: #333;
		text-decoration: none;
	}
	
	.Nav-Top .nav-text ul li:nth-child(4) a:hover {
		color: #AA3939;
	}

	.Nav-Top .nav-text ul li:nth-child(6) {
		width: 46px;
		height: 56px;
	}
	
	.Nav-Top .nav-text ul li:nth-child(6)::after {
	   display:none;
	}
	
	.Nav-container .Nav-ListDiv {
		display: none;
		width: 100%;
		padding-bottom: 20px;
	}
	
	.backgr1 {
		background-color: #5875df;
	}
	
	.backgr2 {
		background-color: #3eaaf2;
	}
	
	.backgr3 {
		background-color: #38b397;
	}
	
	.backgr4 {
		background-color: #b0d77a;
	}
	
	.background1 {
		background-color: #5875df;
	}
	
	.background2 {
		background-color: #3eaaf2;
	}
	
	.background3 {
		background-color: #38b397;
	}
	
	.background4 {
		background-color: #b0d77a;
	}
	
	.Nav-container .Nav-ListDiv .soft-content {
		display: flex;
		justify-content: space-between;
		width: 1200px;
		margin: 0 auto;
		border-bottom: 1px solid #fff;
		padding:50px 30px;
	}
	.soft-content .photo {
		width: 500px;
		height: 300px;
	}
	
	.soft-content .text {
		width: 600px;
		min-height: 300px;
		color: #fff;
	}
	
	.soft-content .text h3 {
		font-size: 23px;
		color: #fff;
		padding: 25px 0 15px;
	}
	
	.soft-content .text p {
		font-size: 17px;
		color: #fff;
		line-height: 24px;
		padding-bottom: 10px;
	}
	.soft-content .text ul { 
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 15px;
	}
	
	.soft-content .text ul li { 
		list-style: none;
		min-width: 150px;
		background: url(../nav-style/nav-img07w-nineteen.png) left center no-repeat;
		padding: 10px 0 10px 25px; 
		margin: 0 20px 0 0;
	}
	
	.soft-content .text ul li a {
		color: #fff;
		text-decoration: none;
		border-bottom:#fff dashed 1px ;
	}
	
	.soft-content .text .Buy {
		width: 200px;
		height: 40px;
		color: #fff;
		text-align: center;
		margin: 0 auto;
		line-height: 39px;
		font-size: 15px;
		cursor: pointer;
		-moz-border-radius: 5px;
		/* Gecko browsers */
		-webkit-border-radius: 5px;
		/* Webkit browsers */
		border-radius: 5px;
		/* W3C syntax */
		background-clip: padding-box;
		border: 1px solid #fff;
		display: inline-block;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
	}
	
	.soft-content .text .Buy:hover {
		color: #fff;
		text-decoration: none;
		background: #ff9d00;
		border: 1px solid #ff9d00;
		background-clip: padding-box;
		background-clip: padding-box;
	}
	
	.saletext {
		width: 100%;
		text-align: center;
		color: #fff;
		padding: 20px 0 0;
	}
	.saletext p {
		font-size: 17px;
	}
	
	.saletext p a {
		color: #fff;
		text-decoration: underline;
	}
	
	.saletext p a:hover {
		color: #fff;
		text-decoration: none;
	}
	
	.Nav-container .Nav-ListDiv .soft-seo {
		display: flex;
		justify-content: space-between;
		width: 1200px;
		margin: 0 auto;
		border-bottom: 1px solid #fff;
		padding:50px 0px;
	}
	
	.soft-seo .col {
		width: 23%;
		min-width: 278px;
		margin: 0 10px;
		padding: 30px 0 0;
		float: left;
		text-align: center;
		-moz-border-radius: 5px;
		/* Gecko browsers */
		-webkit-border-radius: 5px;
		/* Webkit browsers */
		border-radius: 5px;
		/* W3C syntax */
		display: inline-block;
		border: 1px solid #fff;
		color: #fff;
	}
	
	.soft-seo .col h3 {
		font-size: 23px;
		color: #fff;
		padding: 25px 0 15px;
	}
	
	.soft-seo .col p {
		padding: 0px 10px 35px;
	}
	.soft-seo .col:hover {
		border: 1px solid #fff;
		background: #fff;
	}
	
	.soft-seo .col:hover h3 {
		color: #666;
	}
	
	.soft-seo .col:hover p {
		color: #666;
	}
	
	.Nav-container .Nav-ListDiv .Cent {
		padding-bottom: 30px;
		margin: 40px 0 0;
		padding-top: 10px;
		display: flex;
		justify-content:center;
	}
	
	.Nav-container .Nav-ListDiv .Cent img {
		width: 51px;
		height: 51px;
		display: block;
		padding: 0 20px 0 0;
	}
	
	.Nav-container .Nav-ListDiv .Cent p {
		color: #fff;
	}
	
	.Nav-container .Nav-ListDiv .Cent p i {
		display: block;
		font-style: normal;
	}
	
	.Nav-container .Nav-ListDiv .Cent p a {
		color: #fff;
		text-decoration: underline;
	}
}

@media (max-width: 1199px) {
	.Nav-container {
		display: none;
	}

	.Nav-mobilestyle {
		background: #fff;
		padding: 15px 2%;
		border-bottom: 1px solid #f4f4f4;
		height: 60px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}	

	.Nav-mobilestyle .logo {
		width: 145px;
		height: 45px;
	}

	.Nav-mobilestyle .more {
		width: 50px;
		height: 50px;
		cursor: pointer;
		padding: 10px 0 0;
	}

	.Nav-mobilestyle .menu_show {
		background: url(../index-wap-img/nav-jt02.png) no-repeat;
	}

	.Nav-mobilestyle .menu_down {
		background: url(../index-wap-img/nav-jt01.png) no-repeat;
	}
	
	.softlist {  position: absolute; top: 76px; left: 0; z-index: 100;  width: 100%; display: none; transition: display 0.5s ease; }
	.softlist ul {  border-top: 1px solid #f4f4f4;  background: #fff;  display:block; }
	.softlist ul li {  padding: 10px; border-bottom: 1px solid #f4f4f4; font-size: 21px; padding: 20px 0 20px 85px; height: 50px; line-height: 50px;  }
	.softlist ul li:nth-child(1) { background: url(../../index-wap-img/nav-dr01.png) 2% center no-repeat; }
	.softlist ul li:nth-child(2) { background: url(../../index-wap-img/nav-vc01.png) 2% center no-repeat; }
	.softlist ul li:nth-child(3) { background: url(../../index-wap-img/nav-mt01.png) 2% center no-repeat; }
	.softlist ul li:nth-child(4) { background: url(../../index-wap-img/nav-by01.png) 2% center no-repeat; }
	.softlist ul li:nth-child(5) { background: url(../../index-wap-img/nav-sp01.png) 2% center no-repeat; }
    .softlist ul li:nth-child(6) { background: url(../../index-wap-img/nav-bk01.png) 2% center no-repeat; }
	.softlist ul a { color: #333; text-decoration: none; }

}

/*--------------------------------------------footer start--------------------------------------*/
.footer-container { background: #515153; color: #b3b3b3;  }
.footer-details {width: 1200px; margin: 0 auto;    }
.footer-top{display: flex;justify-content: space-between;border-bottom: 1px solid #636365;padding: 30px 0 30px;}
.company-introduce { width: 25%;  }
.company-introduce p { padding: 15px 0 0; }
.footer-one { width: 14%; padding: 25px 0 0 2%; }
.footer-one h3 { font-size: 19px;  color: #fff;font-weight:normal; }
.footer-one ul {  padding: 12px 0 0; }
.footer-one ul li { padding: 3px 0;list-style: none; }
.footer-one ul li a { color: #b3b3b3;text-decoration: none;  }
.footer-one ul li a:hover{text-decoration: underline;}
.footer-contact { width: 27%; padding: 25px 0 0;  }
.footer-contact h3 { font-size: 19px; padding: 0 0 10px 0;font-weight: normal; }
.footer-contact .join-box {margin: 15px 0 0;display: flex;align-items: center; }
.footer-contact .join-box input{width:190px;line-height: 26px;padding-left: 5px; background:#5f5f60; outline:none; border:none; font-size:15px; color:#b3b3b3;}
.footer-contact .join-box button{background:#00b4ff;cursor: pointer;border: none;line-height:26px;color: #fff;font-size: 15px; padding: 0 5px;}
.footer-contact .share { padding: 20px 0 0; }
.footer-contact .share h4 {margin: 0 10px 0 0;font-weight: normal; }
.footer-contact .share img { margin: 0 8px; }
.footer-bottom{ padding:15px 0; color: #b3b3b3;text-align:center; line-height:23px;}
.footer-bottom p a { color:#b3b3b3; text-decoration:none;}
.footer-bottom p a:hover { text-decoration:underline; /* color:#6a7480; */}
.footer-bottom p i { display:block; height:40px; line-height:38px; font-style:normal;}
.footer-bottom h6 { font-size:13px; padding:8px 100px 0; font-weight:400; margin: 0;}
.footer-bottom .footer-bottom-links{display: flex;justify-content: center;align-items: center;padding: 10px 0 5px;}
.footer-bottom .footer-bottom-links .flag-container{display:inline-block;cursor: pointer;padding-left: 5px;position: relative;}
.flag-container .flag-country{border:1px dashed #979798;border-radius: 5px;position:absolute;bottom: 2px;left: 11px;background: #515153;display: none;}
.flag-container .flag-country ul li{list-style: none;line-height: 30px;}
.flag-container .flag-country ul li a{color: #fff;text-decoration: none;transition: all .3s;display: block; padding: 0 15px;border-radius: 5px;}
.flag-container .flag-country ul li a:hover{background: #fff;color:#979798;}
/*--------------------------------------------footer end--------------------------------------*/



@media (max-width: 1200px) {
	.footer-details {width:auto;}
}

@media (max-width: 979px) {


	/* footer start */
	.footer-top{flex-wrap: wrap; padding-left: 10px;}
	.footer-one{width: 20%;}
	.footer-contact{width: 40%; padding-left: 10px;}
	.footer-bottom h6{padding: 8px 20px 0;}
	/* footer end */
}

@media (max-width: 767px) {




	/* footer start */
	.footer-top{padding-right: 10px;}
	.company-introduce,.footer-one{width: auto;}
	.footer-contact{width: auto;}
	/* footer end */

}

@media (max-width: 479px) {


	/* footer start */
	.footer-bottom h6{padding: 8px 10px 0;}
	/* footer end */
}