.title {
	width: 100%;
}

.nav {
	width: 1200px;
}

.logo {
	width: 300px;
	height: 80px;
	line-height: 50px;
	background: url(../img/logo2.png) no-repeat center;
}

.logo1 {
	width: 300px;
	height: 80px;
	border: #000000 solid 1px;
}

.navli {
	width: 800px;
	padding-left: 200px;
	margin-top: 10px;
}

.navli li {
	text-align: center;
	line-height: 60px;
	font-weight: bold;
	font-size: 15px;
	width: 20%;
	float: left;
}

.navli li:hover {
	text-decoration: none;
	color: #007AFF;
	cursor: pointer;
}

@media screen and (max-width: 900px) {
	.mobile {
		display: block;
	}

	.pc {
		display: none;
	}
}

@media screen and (min-width: 900px) {
	.mobile {
		display: none;
	}

	.pc {
		display: block;
	}
}

.mobile {}

.mobiletop {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.6);

}

.banner img {
	width: 100%;
}

.banner {}

.navs {
	padding: 0 10px;
	display: none;
}

.nuvbuttn {
	cursor: pointer;
	margin-left: 320px;
}

.navs li {
	color: #FFFFFF;
	line-height: 30px;
	border-bottom: black 1px dashed;
}

.fuwu {
	width: 100%;
	text-align: center;

	padding: 40px;
}

.mrjn {
	margin-top: 100px;
}

.fuwu li {
	width: 100%;
}

.fuwu li:nth-child(1) {
	text-align: center;
	font-size: 30px;
	line-height: 10px;
}

.fuwu li:nth-child(1) p {
	color: #007AFF;
}

.fuwu li:nth-child(1) span {
	font-size: 13px;
	color: #333333;
}

.fuwu li:nth-child(2) {
	margin-top: 20px;
	font-size: 22px;
	color: #000000;

}

@media screen and (max-width: 900px) {
	.fuwu li:nth-child(2) {
		font-size: 10px;
	}

	.fuwu li:nth-child(1) {
		font-size: 17px;
	}
}

.row div {
	margin: 0 auto;
}

.container {
	margin: 0 auto;
}

.iconimg img {
	margin: 0 auto;

}

.iconimg {
	width: 358px;
	height: 213px;
}

.icontexttop p {
	text-align: center !important;
	border-bottom: #0063E6 solid 3px;
	width: 90px;
	margin: 0 auto;
	font-weight: bold;
}

.icontextbatoon p {
	text-align: center;
}

.gywm {
	padding-top: 100px;
	width: 100%;
	text-align: center;
	/* border: #000000 solid 1px; */
	padding: 70px 20px;
}

.gywm p {
	color: #007AFF;
	font-size: 25px;
	line-height: 20px;
}

.blck {
	margin-top: 100px;
	width: 100%;
	/* border: #000000 solid 1px; */
	background-color: #81caca;
}

.gywm span {
	color: #FFFFFF;
}

.container {
	padding: 0 !important;
}

.gywm p:nth-of-type(2) {
	color: #FFFFFF !important;
	margin-top: 20px;
	line-height: 30px;
}

.gywm button {
	margin-top: 20px;
	width: 150px;
	height: 50px;
	border-radius: 50px;
	background-color: #007AFF;
	font-size: 13px;
	color: #FFFFFF;
}

@media screen and (max-width: 900px) {
	.gywm p:nth-of-type(2) {
		font-size: 16px !important;
	}
}

.cahnpin {
	padding-top: 50px;
	color: black;
	text-align: center;
}


.cahnpin p {
	color: #0063E6;
	font-size: 25px;
	font-weight: bold;
}

@media screen and (max-width: 900px) {
	.gywm button {
		width: 100px;
		line-height: 20px;
		height: 35px;
	}
}

.icons img {
	width: 8vh;
	margin: 0 auto;
}

.icons {
	padding: 20px;
}

.icons {
	position: relative;
	width: 20vh;
	height: 25vh;
	margin-top: 10px;
	background: url(../img/five-sys-bg-01.png) repeat center;
	background-size: 100% 100%;
	font-size: 80%;
}

.icons:nth-child(2) {
	background: url(../img/five-sys-bg-02.png) repeat center !important;
}

.icontitle {
	padding: 10px 0 20px 0;
}

.icontitle p {
	top: 40%;
	left: 25%;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 3px;
}

.iconsbottons {
	text-align: center;
	color: #FFFFFF;
	line-height: 6px;
}

.iconsbottons p {
	text-align: center;
}


3.icons img {
	padding-top: 10px;
	position: absolute;
	left: 35%;
	width: 30%;
}

.mrj {
	padding: 20px;
}

;

.chanpin {
	width: 1200px;
	color: red;
	border: #000000 solid 1px;
}

.chanpin li:hover {
	animation: pulse 1s;
}

.chanpin li {
	float: left;
	margin-left: 9px;
}

.w1200 {
	width: 1200px;
	margin: 0 auto;

}

.pcicons {
	margin-left: 10px;
	width: 378px;
	height: 340px;
}

.chanpin li:nth-child(2) {
	background: url(../img/five-sys-bg-02.png) no-repeat center;
}

.chanpin li:nth-child(1) {
	background: url(../img/five-sys-bg-01.png) no-repeat center;
}

.chanpin li:nth-child(3) {
	background: url(../img/five-sys-bg-03.png) no-repeat center;
}

.chanpin li:nth-child(4) {
	background: url(../img/five-sys-bg-04.png) no-repeat center;
	margin-left: 200px;
}

.chanpin li:nth-child(5) {
	background: url(../img/five-sys-bg-05.png) no-repeat center;
	margin-left: 20px;
}

.youshi {
	text-align: center;
}

.youshi p {
	font-size: 30px;
	color: #d9d9d9;
}

.pcicons {}

.pciconstop {
	width: 100px;
	margin: 50px auto 30px;
}

.pctitlle p {
	color: #FFFFFF;
	font-size: 25px;
	text-align: center;
	font-weight: bold;
}

.pccontetn {
	color: #FFFFFF;
	text-align: center;
}

.row div {
	/* border: #FF0000 solid 1px; */
}

.xindong {
	height: 100px;
	width: 100%;
	background-color: #69cccb;
	color: #FFFFFF;
	line-height: 100px;
	font-size: 20px;
}


.xindongtext {
	width: 1200px;
}

.xindongtext li {
	float: left;
}

.xindong li:nth-child(2) {
	margin-left: 650px;
}

.xindong li:nth-child(2) button {
	width: 150px;
	height: 45px;
	text-align: center;
	border: solid 1px #FFFFFF;
	font-size: 15px;
	background-color: #69cccb;
	transition: color 1s, background-color 1s;
}

.xindong li:nth-child(2) button:hover {
	color: #69CCCB;
	background-color: #FFFFFF;

}

.pcbeijing {
	width: 100%;
	height: 700px;
	background: url(../img/bg1.jpg) repeat center;
}

.pcyoushititle {
	margin: 0 auto;
	width: 250px;
	text-align: center;
}

.pcyoushititle p {
	font-size: 29px;
	color: #D9D9D9;
}

.pcyoushipic {
	position: relative;
	width: 1200px;
	height: 80vh;
}

.pczuo img {

	width: 700px;
	height: 700px;

}

.pcyou {
	position: absolute;
	right: 0;
	top: 80px;
	width: 500px;
	height: 100%;

}

.pcyou li {
	position: relative;
	height: 209px;

}

.biaoti {
	position: absolute;
	top: 5px;
	right: 50%;
	font-size: 20px;
	font-weight: bold;
	color: #5a5a5ax;
	text-align: center;
}

.neirong {
	padding: 30px 80px 0 0;
	font-size: 16px;
	text-align: center;
	color: #5a5a5a;
}

.youshimobile img {
	width: 100%;
}

.biaotimobile {
	position: absolute;
	right: 50%;
	top: 30%;
	font-size: 18px;
	color: #5a5a5ax;
	text-align: center;

}

.youshineirongmobile li {
	position: relative;
	height: 100px;
	padding: 30px;

}

.neirongmobile {
	padding: 10px 10px 0 0;
	font-size: 16px;
	text-align: center;
	color: #5a5a5a;
}

.xiabiao {
	margin: 0 auto;
	width: 12vh;
	height: 20px;
	border-top: #028BCF solid 3px;
}

.hezuo li {
	float: left;
	line-height: 40px;
	font-size: 30px;
	margin-left: 17px;
	/* margin: 0 auto; */
}

.hezuo ul {
	padding: 100px 0;
}

.hezuo {
	margin: 0 auto;
	width: 410px;
	margin-top: 100px;

}

.hezuologo img {
	margin: 0 auto;
}

.hezuologo:hover {
	animation: pulse 1s;
}

.futter {
	width: 100%;
	margin-top: 100px;
	background-color: #81caca;
}

.futter {
	text-align: center;
}

.iconimg:hover {
	animation: pulse 1s;
}

.futtertel {
	position: absolute;
	top: 10px;
	width: 100%;
}

.futerzuo li {
	position: relative;
	height: 7vh;
	/* text-align: center; */
}

.futerzuo {
	padding: 0 10px;
}

.futericon {
	padding-top: 10px;
	display: inline-block;
}

.futtertel {
	color: #FFFFFF;
	font-size: 20px;
	padding-left: 10%;
}

.erweima {
	border: #FFFFFF solid 9px;
	width: 100px;
	height: 100px;
	background: url(../img/WechatIMG79.jpeg) no-repeat center;
	background-size: cover;
}

.lans {
	width: 100%;
	background-color: #91c8c9;
}

.mr {
	margin-top: 40px;
}

.gzerweima {
	width: 300px;
	height: 100px;
	background: url(../img/扫码_搜索联合传播样式-白色版.png) no-repeat center;
	background-size: cover;
}

.beianhan {
	width: 100%;
	height: 100%;
	background-color: #CDCDCD;
	color: #FFFFFF;
	text-align: center;
	line-height: 28px;
}
.beianhan li{
	position: relative;
}
.beianhan img{display: inline-block;
}