:root {
	--text-write: #ffffff;
	--text-gray: #666666;
	--text-black: #333333;
	--text-red: #D91517
}

::selection {
	color: var(--text-write);
	background-color: var(--text-red)
}

.header {
	width: 100%;
	z-index: 99;
	height: 4.75rem
}

.header i.globe {
	border-radius: 20px;
	border: 1px solid var(--text-write);
	color: var(--text-write);
	line-height: 30px;
	width: 30px;
	display: block;
	font-size: 13px;
	text-align: center;
	font-style: normal;
	position: absolute;
	top: 25px;
	right: 5%
}

.header-w i.globe {
	border: 1px solid #9f9f9f;
	color: #333
}

.header i.globe:hover {
	border: 1px solid var(--text-write);
	color: var(--text-write);
	font-weight: 700
}

.header-w i.globe:hover {
	border: 1px solid var(--text-red);
	color: var(--text-red)
}

.nav-menu .nav-list .active>a {
	color: var(--text-write);
	font-weight: 700
}

.pros-nav a.active {
	border-bottom: .1875rem solid var(--text-red)
}

.header-w {
	background-color: var(--text-write);
	box-shadow: 0 1px 0 rgb(0 0 0 / 6%)
}

.header-w .nav-menu .nav-list .active>a,
.header-w .nav-menu .nav-list a:hover {
	color: var(--text-red)
}

.nav-line {
	background-color: var(--text-write)
}

.header-w .nav-line {
	background-color: var(--text-red)
}

.nav-menu {
	height: 4.75rem;
	line-height: 4.75rem
}

.nav-menu .nav-list.hover>li>.nav-dropdown {
	top: 76px;
	margin-left: -35px
}

.nav-menu .nav-list.hover>li>.nav-dropdown .nav-dropdown {
	top: 80px;
	visibility: hidden
}

.nav-menu .nav-list li {
	margin: 0 .1875rem
}

.header .nav-list a:hover {
	color: var(--text-write)
}

.nav-menu .nav-list a {
	height: 3.75rem;
	line-height: 3.75rem;
	color: var(--text-write)
}

.header-w .nav-menu .nav-list a {
	height: 3.75rem;
	line-height: 3.75rem;
	color: #333
}

.search-header {
	margin-top: 33px;
	color: var(--text-write);
	position: relative
}

.header-w .search-header {
	margin-top: 33px;
	color: #333
}

.search-header i {
	font-size: 20px
}

.logo-header {
	margin-top: .65rem
}

.bg-Yunnan-red {
	background: var(--text-red);
	color: var(--text-write)
}

.am-form {
	position: absolute;
	width: 392px;
	background-color: var(--text-write);
	height: 76px;
	top: -34px;
	left: -314px;
	box-shadow: 0 0 6px #e9e9e9;
	display: none;
	z-index: 999;
	transition: ease .25s
}

.am-form input {
	background-color: #ececec;
	color: #bababa;
	border: none;
	padding: 10px;
	border-radius: 20px;
	height: 35px;
	width: 310px;
	margin: 20px 10px 20px 20px
}

#search-h {
	position: absolute;
	right: 76px;
	top: 26px;
	color: #666;
	font-size: 20px
}

#error {
	font-size: 20px;
	color: #999
}

.footer {
	background-color: #f3f3f3;
	border-top: .1875rem solid var(--text-red);
	padding: 30px 0;
	color: #333
}

.footer a {
	color: #333;
	position: relative
}

.footer a::after {
	content: "";
	position: absolute;
	bottom: -9px;
	left: 0;
	height: 2px;
	transition: ease .3s;
	background-color: var(--text-red);
	visibility: hidden;
	width: 0
}

.footer a:hover {
	color: var(--text-red)
}

.footer a:hover::after {
	opacity: 1;
	visibility: visible;
	width: 100%
}

.copyright {
	color: var(--text-write);
	background-color: #282828;
	padding: 1.25rem
}

.copyright a {
	color: var(--text-write);
	margin: 0 10px
}

.wx {
	width: 370px
}

.tit-wrap {
	font-size: 18px;
	margin-bottom: 20px;
	margin-left: 20px
}

.wechat-wrap {
	text-align: center;
	width: 100px;
	display: inline-block;
	margin-left: 20px;
	font-size: 16px
}

.wx img {
	display: block;
	margin-bottom: 10px;
	width: 100px
}

#footer-menu img {
	margin-bottom: 4.44rem
}

#footer-menu i {
	margin-right: .66rem;
	font-size: 18px
}

#footer-menu p {
	font-size: 13px
}

.news-index-ul li:hover .time-square {
	background-color: #ffeaea
}

.news-index-ul li:hover .news-index-com h4,
.news-index-ul li:hover .time-square {
	color: var(--text-red);
	cursor: pointer
}

.news-index-ul li:hover .news-index-com p {
	color: #333;
	cursor: pointer
}

.link-server-wrap {
	width: 170px;
	display: inline-block;
	float: left;
	margin: 0 8px
}

.link-server-wrap:first-child {
	margin-left: 28px
}

.link-server-wrap:last-child {
	width: 85px;
	margin-right: 0
}

.link-server-wrap:nth-child(2) ul li:nth-child(7) {
	margin-right: 20px
}

.link-server-wrap .tit-wrap {
	margin-left: 0
}

.link-server-wrap ul li {
	display: inline-block;
	float: left;
	margin-bottom: 20px;
	margin-right: 33px
}

#menu-location-footer {
	background: url(../images/xian.png) center no-repeat;
	width: 720px;
	padding: 0 15px
}

#menu-location-footer ul li a {
	font-size: 13px;
	color: #666
}

.img-responsive {
	display: inline-block;
	height: auto;
	max-width: 100%
}

.paging a.active,
.paging a:hover {
	background-color: var(--text-red);
	color: var(--text-write)
}

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

.banner-s-img img {
	vertical-align: bottom;
	max-width: 100%
}

.paging li.active a {
	border: none;
	color: var(--text-write);
	background-color: var(--text-red)
}

.iconss {
	background: url(../images/css_sprites.png) no-repeat
}

.position {
	font-size: 16px;
	line-height: 30px;
	margin: 20px 0;
	color: #999
}

.position a:last-child {
	color: #333
}

.position a {
	color: #999
}

.sj{
	display: none;
}
@media screen and (max-width:1366px) {
	.w1200 {
		width: 1160px;
		margin: 0 auto
	}

	.nav-menu .nav-list a {
		font-size: 1rem;
		padding: 0 .357143rem
	}

	.logo-header {
		width: 21.428571rem
	}

	.logo-header img {
		width: 100%
	}

	.nav-menu .nav-list li {
		margin: 0 .285714rem
	}

	.header-w .search-header,
	.search-header {
		margin-top: 1.785714rem
	}

	.search-header i {
		font-size: 1.142857rem
	}

	.header i.globe {
		top: 1.285714rem;
		line-height: 1.785714rem;
		width: 1.785714rem
	}

	#search-h {
		right: 4.142857rem;
		top: 2.571429rem;
		font-size: 1.142857rem
	}

	.am-form {
		top: -2.428571rem;
		left: -17.5rem;
		width: 19.285714rem
	}

	.am-form input {
		height: 2.142857rem;
		width: 14.285714rem;
		margin: 2.142857rem .714286rem 1.428571rem 1.428571rem
	}

	.solution-index {
		padding: 1.428571rem 0
	}
}
@media screen and (max-width: 768px){
	:root {
		font-size: calc(100vw / 828);
	}

	* {
		margin: 0;
		padding: 0;
	}
	.sj{display: block}
	.pc{display: none}

	body {
		width: 100%;
		background: #f3f3f3;
	}

	.fz-24 {
		font-size: 24rem;
	}

	.bg-white {
		background: #ffffff;
	}

	.header-sj {
		width: 100%;
		height: 120rem;
		background-color: #161c2b;
		opacity: 0.9;
		position: fixed;
	}
	.header-c{
		width: 100%;
		height: 120rem;
		background-color: #161c2b;
		opacity: 0.9;
		position: relative;
	}
	.logo-i img {
		display: block;
		padding: 20rem;
		width: 250rem;
	}
	.banner-sj{
		padding-top: 120rem;
	}
	.banner-sj img {
		width: 100%;
		display: block;
	}
section{padding: 0}

	.juying-cloud-description p {
		padding: 20rem;
		line-height: 56rem;
		font-size: 28rem;
		color: #666666;
		text-indent: 2em;
	}

	.juying-cloud-description img {
		width: 788rem;
		margin: 50rem auto;
		display: block;
	}

	.tit-H {
		text-align: center;
		font-size: 48rem;
		color: #20273c;
		margin-bottom: 15rem;
	}

	.juying-cloud-description {
		padding: 50rem 0;
	}

	.juying-cloud-performance {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		margin: 50rem auto;
	}

	.cloud-project {
		width: 370rem;
		background-color: #e4f4ff;
		margin-bottom: 40rem;
	}

	.cloud-project img {
		width: 350rem;
	}

	.iot-platform-navigation {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-around;
		font-size: 28rem; /* margin-top: 50rem; */
		margin: 50rem 20rem;
	}

	.iot-pn.active {
		color: #3C78FF;
	}

	.iot-pc img {
		width: 380rem;
		text-align: center;
		margin: 0 auto;
		display: block;

	}

	.iot-platform-content {
		margin: 0 20rem 50rem;
	}

	.iot-pc p {
		font-size: 28rem;
		line-height: 50rem;
		padding-top: 40rem;
		color: #333;
		text-indent: 2em;
		padding-bottom: 40rem;
	}

	.footer-sj {
		width: 100%;
		height: 512rem;
		background-color: #212733;
	}
	.ft-three-sj {display: flex;justify-content: space-evenly;padding: 30rem;
		font-size: 28rem;}

	.ft-three-d {width: 192rem;text-align: center;color: #fff;}

	.ft-three-e {width: 192rem;text-align: center;color: #fff;}
	.ft-three-e img,.ft-three-d img{
		width: 192rem;
	}
	.footer-sj p {text-align: center;color: #fff;    font-size: 30rem;}
	.lmenu{
		background: url("../images/nav_icon_menu.png") no-repeat;
		width: 40rem;
		height: 40rem;
		position: absolute;
		right: 10rem;
		top: 35rem;
	}
	.rmenu{
		position: fixed;
		right: -100%;
		background: rgba(255, 255, 255, 0.9);
		display: inline-block;
		top: 120rem;
		min-width: 410rem;
		z-index: 1200;
		overflow: hidden;
		overflow-y: auto;
		text-align: center;
	}
	.menu-active {
		right: 0;
	}
	.rmenu ul li{
		line-height: 60rem;
		font-size: 30rem;

	}
	.rmenu ul li a{
		color: #333;
		text-decoration: none;
	}
	.rmenu ul li a.active{
		color: #398ffd;
		text-decoration: none;
	}
	.cover {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.cover-item {
		width: 250rem;
		height: 250rem;
		margin: 20rem 9.5rem;
	}

	.cover-item img {
		width: 100%;
		display: block;
	}

	.cover::after {
		content: '';
		width: 33%;
		display: block;
	}
	.ggsh {
		padding-top: 150rem;
		padding: 150rem 70rem 20rem;
		font-size: 28rem;
		line-height: 50rem;
		word-wrap: break-word;
		color: #333;
	}

	.ggsh h1 {font-weight: 700;font-size: 50rem;line-height: 60rem;}
	.index-ii-ls {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.ii-item {
		width: 46%;
		text-align: center;
		color: #666!important;
		background: #FFF!important;
		padding-bottom: 30rem;
		margin-bottom: 25rem;
	}
	.index-ii-ls:after{
		content: '';
		display: block;
		width: 46%;
	}
	.ii-item.bgcs {
		color: #fff!important;
		background: #ff6a00!important;
	}

	.bgcs a {
		color: #fff!important;
		background: #ff6a00!important;
	}

	.ii-item a {
		color: #666;
	}
	.index-info {
		line-height: 45rem;
		padding: 25rem;
		font-weight: 400;
		color: #999;
		text-indent: 2em;
	}
}