.container {
	/*width: 1349px;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 85px;
	z-index: 10;
	/*background-color: pink;*/
}
.logo {
	float: left;
}
.logo_a {
	width: 142px;
	height: 64px;
	margin:12px 40px;
}
#nav_box {
	width: 468px;
	float: right;
	position: relative;
}
.nav_r {
	padding: 30px 0px;	
}
.nav_r li {
	float: left;
	padding: 0px 15px;
	font-size: 16px;
	color: #000; 
	/*transition: all 1s;*/
}
.nav_r li a {
	padding: 5px 8px;
	color: #000;
}
/*.nav_r a:hover {
	border-bottom: 2px solid #fff;	
}*/
#fly_line {
	position: absolute;
	top: 56px;
	left: 0;
	height: 2px;
	z-index: 9999;
	background-color: #000;
}
/*轮播图*/
/*.picture li a {
	display: block;
	overflow: hidden;
}*/
.picture {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.picture li {
	float: left;
	height: 100%;
	position: relative;
}
.picture li img {
    width: 100%;
	/*height: 675px;*/
}
.btn5 a {
    position: absolute;
    bottom: 10px;
    left: -153px;
}
.clearfix::before, .clearfix::after {
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
	clear: both;
		}
.clearfix {
	*zoom: 1;
		}
.picture li a {
	/*width: 700px;*/
	display: block;
}
/*.arr {
	display: none;
}
#arrLeft, #arrRight {
	position: absolute;
	width: 40px;
	height: 60px;
	background-color: rgba(0, 0, 0, .6);
	font-size: 26px;
	font-family: simsun;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	line-height: 60px;
	border-radius: 2px;
	z-index: 999;
}
#arrLeft {
	left: 10px;
}
#arrRight {
	right: 10px;
}*/
.picture ul {
	width: 9443px;
	/* height: 663px; */
	position: relative;
}
.picture ol {
	position: absolute;
	width: 240px;
	height: 25px;
	left: 50%;
	bottom: 5px;
	transform: translateX(-50%);
}
.picture ol li {
	width: 30px;
	height: 6px;
	background-color: #ccc;
	float: left;
	margin: 0 5px;
	text-align: center;
	line-height: 25px;
	color: #000;
	font-size: 14px;
	border-radius: 6px;
	cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
	not supported by any browser */
}
.picture ol li.current {
	color: #fff;
	background-color: #18affc;
}
.btn1 {
	position: absolute;
	left: 50%;
	bottom: 60px;
	transform: translateX(-50%);
}
.btnbox {
	display: block;
	width: 150px;
	height: 40px;
	font-family: "Microsoft Yahei";
	font-weight: lighter;
	line-height: 40px;
    text-align: center;
    font-size: 20px;
    border-width: 1px;
    border-style: solid;
    z-index: 5;
    color: #fff;
    border-color: #fff;
    background-color: rgb(255,255,255,.01);
}
.clearfix,.img2,.img4,.img5,.img6 {
	position: relative;
}
.btn2 {
	position: absolute;
	top: 60%;
	left: 68%;
}
.btn4,.btn6 {
	position: absolute;
	top: 50%;
	left: 68%;
}
.btn5 {
	position: absolute;
	top: 85%;
	left: 55%;
}
/*电脑软件部分*/
.main {
	width: 100%;
	height: 645px;
	background: #e5e7e8;
}
.list {
	padding: 29px 74px 20px 74px;
	font-size: 22px;
}
.ruanjian ul {
	/*float: left;*/
	width: 100%;
	/* height: 531px; */
	/* margin:8px 74px 58px 74px; */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	/*background-color: pink;*/
}
.ruanjian ul li {
	float: left;
	width: 30%;
	height: 165px;
	position: relative;
	margin: 0px 12px 12px 0px;
	background-color: #fff;
}
.btn_box_img {
	transition: all 0.5s;

}
.btn_box_img1 {
	width: 25%;
	position: absolute;
	top: 35px;
	left: 10%;	
}
.btn_box_img1 img {
	width: 100%;
}
.btn_box_img h5 {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: #000;
}
.btn_box_img h5 a {
	position: absolute;
	top: 19%;
	left: 40%;
}
.btn_box_img h5 p {
	position: absolute;
	top: 33%;
	left: 40%;
	font-size: 14px;
	color: #808080;
}
.jingling_box {
	position: absolute;
	top: 94px;
	left: 40%;
	width: 62px;
	height: 22px;
	display: flex;
    justify-content: center;
    align-items: center;
	border: 1px solid #ccc;
}
.jingling {
	display: inline-block;
	width: 19px;
	height: 18px;
	margin: 2px 5px 2px 2px;
	background: url("../image/ic_spr.png") 0px 0px; 
}
.jingling_box span {
	display: inline-block;
	line-height: 22px;
	/*padding-left: 4px;*/
	height: 22px;
	width: 30px;
	font-size: 14px;
	color: #a3a3a3;
}
.btn_box_img p {
	position: absolute;
	top: 120px;
	left: 40%;
	font-size: 11px;
    white-space: nowrap;
    color: #adadad;
    line-height: 19px;
	white-space: normal;
}
.apple {
	background: url("../image/ic_spr.png") 27px 0px;
}
.new {
	position: absolute;
	top: 15%;
	left: 62%;
}
.ruanjian ul a:hover {
	text-decoration: underline;
}
.ruanjian .btn_box_img:hover span {
	color: #0d8ef3;
}
.ruanjian .jingling_box:hover {
	border: 1px solid #0d8ef3;
}
.ruanjian .btn_box_img:hover .jingling {
	background: url("../image/ic_spr.png") 0px 18px;
}
.ruanjian .btn_box_img:hover .apple{
	background: url("../image/ic_spr.png") 27px 18px;
}
.ruanjian .btn_box_img:hover {
	box-shadow: 1px 1px 5px 6px rgb(192,192,192,.5);
	transform: scale(1.018);
	
}
/*移动软件*/
.product {
	height: 460px;
	background-color: #f6f6f6;
}
.testbox {
	width: 57px;
	height: 22px;
}
.test {
	width: 25px;
	margin: 3px 5px 2px 4px;
	background: url("../image/ic_spr.png") 99px 0px;
}
.hezi {
	position: absolute;
	top: 94px;
	left: 228px;
}
.test2 {
	background: url("../image/ic_spr.png") 138px -2px;	
}
.ruanjian .btn_box_img:hover .test {
	background: url("../image/ic_spr.png") 270px -38px;
}
.ruanjian .btn_box_img:hover .test2 {
	background: url("../image/ic_spr.png") 138px -35px;
}
/*智能软件*/
.zhineng {
	height: 296px;
	background-color: #e5e7e8;
}
.zhineng ul {
	height: 230px;
	/* margin: 8px 74px 0px 74px; */
	/*margin: 0px;*/
}
.btn_box_img3 {
	position: absolute;
	top: 0px;
	left: 0px;
}
.ruanjian ul .sale {
	
	height: 173px;
}
.ruanjian .h5 {
	position: absolute;
	top: 35px;
	left: 46%;
	text-align: center;
	width: 170px;
	height: 38px;
}
.ruanjian .h5 a {
	display: block;
}
.ruanjian .h5 span {
	display: block;
	font-size: 13px;
	font-weight: 19px;
	color: #aaa;
}
.ruanjian .buy {
	position: absolute;
	top: 105px;
	left: 46%;
	text-align: center;
	line-height: 35px;
	color: red;
	font-size: 14px;
	width: 168px;
	height: 35px;
	border: 1px solid #ccc;
}
/*<!-- footer部分 -->*/
.footer {
	height: 300px;
	text-align: center;
	color: #fff;
	background-color: #9a9d9d;
}
.footer p {
	display: block;
	padding-top: 52px;
}
.footer .www {
	display: inline-block;
	margin-top: 22px;
	/* width: 1349px; */
	height: 50px;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: center; 
}
.www span {	
	display: inline-block;
	width: 50px;
	height: 50px;
	background-color: #aeb0b0;
	border-radius: 50%;
}
.www .www1 {
	background: url(../image/w.png) 0px 0px;
}
.www .www2 {
	margin: 0px 20px;
	background: url(../image/w.png) 190px -2px;

}
.www .www3 {
	background: url(../image/w.png) 121px 0px;
}
.www .www1:hover {
	background: url(../image/w.png) 0px 52px;
}
.www .www2:hover {
	background: url(../image/w.png) 190px -74px;
}
.www .www3:hover {
	background: url(../image/w.png) 121px 52px;
}
.footer .img {
	display: none;
	position: relative;
}
.footer .img .erweima {
	position: absolute;
	top: -198px;
	left: 41%; 
	display: inline-block;
	width: 130px;
	height: 135px;
	border-radius: 5%;
	background-color: #fff;
}
.img .erweima .imga {
	margin-top: 10px;
}
.footer .img .imgb {
	position: absolute;
	top: -68px;
	left: 45%; 
	display: inline-block;
	width: 18px;
	height: 18px;
	display: flex;
	flex-direction: row;
	justify-content: center; 
	align-items: center;
}
.footer .kefu {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center; 
	align-items: center;
}
.footer .kefu a {
	margin: 40px 20px 25px 20px;
	font-size: 18px;
	color: #fff;
}
.footer .kefu a:hover {
	text-decoration: underline;
}
.footer .banquan a {
	font-size: 12px;
	color: #fff;
}
.footer .banquan {
	display: flex;
	flex-direction: row;
	justify-content: center; 
	align-items: center;
}
.footer .banquan span {
	display: inline-block;
	width: 2px;
	height: 14px;
	margin: 0px 4px 0px 4px;
	background-color: #fff;
}
.footer .end {
	display: inline-block;
	font-size: 12px;
	width: 330px;
	height: 20px;
}