body {
	background: #FFFFFF;
}
.smart-top {
	width: 100%;
	height: 400px;
	background: url(/resources/shop/images/smart.png) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}
.smart-top ul {
	width: 323px;
	margin: 4% 23% auto auto;
	text-align: left;
	color: #FFFFFF;
	
}
.smart-top h2 {
	font-size: 36px;
}
.smart-top li {
	line-height: 49px;
}
.contir {
	font-size: 20px;
}
.smartnav {
	width: 100%;
	height:46px;
	background:rgba(255,255,255,1);
	box-shadow:0px 3px 6px rgba(90,90,90,0.16);
	opacity:1;
}
.smartnav-ul {
	font-size: 16px;
	width: 1200px;
	height: 46px;
	line-height: 46px;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	margin: auto;
}
.smartnav-ul li {
	margin-right: 20px;
	cursor: pointer;
	user-select:none;
}
.activeaa {
	/*border-bottom: 2px solid #209aaa;*/
}
.scenario {
	width: 1200px;
	margin: 20px auto;
	display: none;
}
.plan {
	width: 1200px;
	margin: 0 auto;
	display: none;
}
.advice {
	width: 1200px;
	margin: 0 auto;
}
.paln-title {
	font-size: 26px;
	font-family:Microsoft YaHei;
	font-weight:400;
	line-height:43px;
	color:rgba(51,51,51,1);
	opacity:1;
	text-align: center;
}
.paln-title2 {
	font-size: 12px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:#666666;
	opacity:1;
	text-align: center;
}
.paln-main {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: space-between;
}
.paln-main dl {
	margin: 60px auto 20px auto;
}
.paln-main dt {
	font-size: 16px;
	color: #333333;
}
.paln-main dd {
	font-size: 14px;
	color: #666666;
	line-height: 23px;
	
}
.paln-main dd:before {
	content: "•";
	color: #999999;
	padding-right: 10px;
}
.palnmain-right dt {
	font-size: 18px;
}
.dl {
	margin: 167px auto auto auto !important;
}
.palnmain-left {
	font-size: 14px;
	
}
.palnmain-center {
	width:633px;
	height:504px;
	background:rgba(255,255,255,1);
	box-shadow:0px 22px 40px rgba(87,87,87,0.1);
	opacity:1;
	border-radius:24px;
}
.palnmain-center img {
	margin: 10px auto auto 14%;
	background-size: 100% 100%;
}
.palnmain-right {
	
}
.application {
	margin: 20px auto;
}
.applicationimg {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: space-between;
	margin-bottom: 90px;
}
.applicationimg img {
	width:489px;
	height:427px;
	background:rgba(255,255,255,1);
	box-shadow:0px 22px 40px rgba(87,87,87,0.1);
	opacity:1;
	border-radius:24px;
	/* margin-left: 30px; */
}
.applicationimg dl {
	width: 628px;
}
.applicationimg dt {
	font-size: 20px;
	border-left: 4px solid #209aaa;
	padding-left: 8px;
	margin: 40px auto 30px auto;
}
.applicationimg dd {
	font-size: 14px;
	color: #333333;
	line-height: 40px;
}
.architecture {
	margin-top: 25px;
	background:rgba(255,255,255,1);
	box-shadow:0px 22px 40px rgba(145,145,145,0.1);
	opacity:1;
	border-radius:24px;
}
.architecture1 {
	width: 100%;
	height: 275px;
	background: url(/resources/shop/images/live5.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
}
.architecture2 {
	width: 1008px;
	height: 404px;
	background: url(/resources/shop/images/live3.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
}
.architecture3 {
	width: 1149px;
	height: 111px;
	background: url(/resources/shop/images/live6.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
}
.architecture4 {
	width: 100%;
	height: 659px;
	position: relative;
}
.adviceimg3 {
	width: 863px;
	height: 485px;
	margin: 2% auto auto 23%;
}
.plan-div {
	margin-top: 35px;
}
.plan-div1{
	width:1200px;
	/*height:659px;*/
	background:rgba(255,255,255,1);
	box-shadow:0px 22px 40px rgba(87,87,87,0.1);
	opacity:1;
	border-radius:24px;
}
.adviceimg2 {
	width: 737px;
	height: 415px;
	position: absolute;
	top: 29%;
	left: 3%;
}
.open {
	width:100%;
	height:369px;
	background:rgba(255,255,255,1);
	box-shadow:0px 22px 40px rgba(87,87,87,0.1);
	opacity:1;
	border-radius:24px;
	background: url(/resources/shop/images/advice1.png) no-repeat 17px 0px;
	background-size: 100% 100%;
}
.open-tltle {
	width: 100%;
	height: 26px;
	font-size: 20px;
	border-left: 4px solid #209aaa;
	padding-left: 22px;
	margin: 20px auto 30px auto;
}
.openimg1 {
	width: 1144px;
	height: 563px;
	background: url(/resources/shop/images/smart7.png) repeat  center;
	background-size: 100% 100%;
	margin: 0 auto;
}
.openimg2 {
	width: 1144px;
	height: 591px;
	background: url(/resources/shop/images/smart6.png) repeat  center;
	background-size: 100% 100%;
	margin: 0 auto;
}
.openimg3 {
	width: 1144px;
	height: 563px;
	background: url(/resources/shop/images/advice2.png) repeat  center;
	background-size: 100% 100%;
	margin: 0 auto;
}
.openimg4 {
	width: 1144px;
	height: 563px;
	background: url(/resources/shop/images/advice6.png) repeat  center;
	background-size: 100% 100%;
	margin: 0 auto;
}
.openimg5 {
	width: 1144px;
	height: 563px;
	background: url(/resources/shop/images/smart8.png) repeat  center;
	background-size: 100% 100%;
	margin: 0 auto;
}
.openimg6 {
	width: 1144px;
	height: 563px;
	background: url(/resources/shop/images/bobottom1.png) repeat  center;
	background-size: 100% 100%;
	margin: 0 auto;
}
.openimg7 {
	width: 1144px;
	height: 563px;
	background: url(/resources/shop/images/bobottom2.png) repeat  center;
	background-size: 100% 100%;
	margin: 0 auto;
}
.openimg8 {
	width: 1144px;
	height: 563px;
	background: url(/resources/shop/images/bobottom4.png) repeat  center;
	background-size: 100% 100%;
	margin: 0 auto;
}
.openimg9 {
	width: 1144px;
	height: 563px;
	background: url(/resources/shop/images/bobottom3.png) repeat  center;
	background-size: 100% 100%;
	margin: 0 auto;
}