#sec-1{
	background: url(../img/c_smart/bg.jpg) no-repeat right 40%;
	background-size: cover;

	color: #fff;
}

#sec-1>div{
	background: rgba(0,0,0,0.2);
}

.platform-con > div{
	flex-direction: column;
	text-align: center;
}

.platform-con.con-3 > div {
    padding: 15% 0;
    max-width: 1420px;
}

.platform-con > div > div{
	width: 100%;
}

.img-con {
    margin-top: 30px;
}

.con-1 {
    background: #F9F9F9;
}

.con-2 {
    background: url(../img/c_smart/2-bg.jpg) no-repeat center center;
    background-size: cover;
}

.con-4 {
    background: #FFF9EA;
}

.con-5 {
    background: #f9f9f9;
}

.con-3 .text-con {
    background: none;
    padding: 0;
    box-sizing: border-box;
}

.platform-con.con-6 > div {
    max-width: 1420px;
    background: none;
}

.b-color{
	background:rgba(255,255,255,0.5);
	border-radius: 80px;
	padding: 5%;
	box-sizing: border-box;
}

.con-2 .img-con > img{
	width: 70%;
	margin: 0 auto;
}

.con-3 .text-con .text-box{
	color: #333;
}

.con-3 .img-con > img{
	width: 60%;
	margin: 0 auto;
}

.platform-con > div > div.img-con {
    width: 70%;
    margin: 30px auto 0;
}

.con-4 .img-con p,
.con-5 .img-con p,
.con-6 .img-con p{
	width: 50%;
}

.con-6 .img-con p:nth-child(3),
.con-6 .img-con p:nth-child(4){
    margin-top: 2%;
}

@media screen and (max-width:1440px) {
.platform-con > div{
    padding: 15% 0;
}
.platform-con.con-2 > div{
    padding: 15% 5%;
}
}

@media screen and (max-width:1030px) {
.text-con > h1 {
    font-size: 2em;
    line-height: 40px;
    padding: 2% 0 3%;
}
.text-box {
    padding: 0;
    font-size: 1em;
    line-height: 1.6;
}
.img-item {
    width: 100%;
    /* max-width: 420px; */
    margin: auto;
    text-align: center;
    overflow: hidden;
}
.img-item img {
width: 420px;
}

}

@media screen and (max-width:500px) {
.platform-con > div {
    padding: 15% 5%;
}
.text-con > h1 {
    font-size: 1.4em;
    line-height: 30px;
    padding: 4% 0 5%;
}
.platform-con > div > div.img-con {
    width: 95%;
    margin: 20px auto 0;
}
.img-con {
    margin-top: 20px;
}
.con-2 {
    background: url(../img/c_smart/2-bg.jpg) no-repeat center center;
    background-size: cover;
}
.b-color {
    background: rgba(0,0,0,0.5);
    border-radius: 0px;
    padding: 15% 5%;
}
.platform-con.con-2 > div {
    padding: 0;
    color: #fff;
}
.con-2 .img-con > img {
    width: 100%;
    margin: 0 auto;
}
.con-3 .img-con > img {
    width: 85%;
}
.con-4 .img-con p,
.con-5 .img-con p,
.con-6 .img-con p {
    width: 100%;
    margin-bottom: 3%;
}
.platform-con.con-3 > div {
    padding: 15% 5%;
    max-width: 100%;
}
}