@charset "utf-8";
/*COMMON*/
.bg-color-f4f{background-color:#f4ffe5;}
.bg-color-d6f{background-color:#d6f8ef;}
.bg-color-fff1dc{background-color:#fff1dc;}
.bg-color-fff0f0{background-color:#fff0f0;}
.Tit-bg-color-7bb{background-color:#7bbb36;}
.Tit-bg-color-54a{background-color:#54adca;}
.Tit-bg-color-e2a{background-color:#e2a246;}
.Tit-bg-color-e57{background-color:#e57566;}
/*ARTICLE*/
.about-inline .about_line5{
    width: 125px;
}
.about-inline .about_line6{
    width: 150px;
}
.about-inline .about_line7{
    width: 175px;
}
.about-inline .about-content{
	margin-top:25px;
}
.about-inline .about-title{
	margin-top:40px;
	font-size:26px;
}
.about_eshian_left{
    margin-right: 50px;
}

.about-space>p{
    margin-bottom: 25px;
}
.about-space>p>a{
    text-decoration:none;
    color:#e7680a;
}
.about-space>p>a:hover{
    text-decoration:none;
    color:#e7680a;
}
.about-space>p .about_subsystem_tit{
    display: inline-block;
    font-size: 20px;
    color: #238604;
}
.about-space>p .about_subsystem_tit:before{
    height: 100%;
    width: 20px;
    border: 20px solid #ccc;
    border-radius: 50%;
}
.advantageBox{
    height: 113px;
    width: 95%;
    position: relative;
    padding-left: 40px;
    margin-bottom: 25px;
}
.advantageBox .advantageCon{
    width: 100%;
    height: 113px;
    padding-top: 43px;
    padding-left: 60px;
    padding-right: 10px;
    font-size: 16px;
    color: #000;
    font-family: "microsoft yahei"
}
.advantageBox .advantageTit{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -40px;
    width:80px;
    height: 80px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    line-height: 80px;
    text-align: center;
    font-size: 24px;
    color:#fff;
    font-family: "microsoft yahei"
}
.advantageBox .advantageCode{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width:110px;
}
.advantageBox .advantageCode>img{
    width: 100%;
	height: 100%;
	padding: 5px;
}
@media screen and (max-width: 1200px){
    .advantageBox .advantageCon{
        padding-top: 35px;
    }
}
@media screen and (min-width: 991px){
	.subsystem_box p{
		margin-top:40px;
		font-size:16px;
	}
	.about_eshian_right{
	    margin-left: 120px;
	}
	.about_eshian_right{
	    margin-left: 100px;
	}
}
@media screen and (min-width: 991px) and (max-width:1200px){
	.advantageBox .hasCode{
	    padding-right: 120px;
	}
}
@media screen and (min-width: 768px) and (max-width:991px){
	.subsystem_box p{
		font-size:16px;
	}
	.about_eshian_right{
	    margin-left: 50px;
	}
}
@media screen and (max-width: 767px){
    .advantageBox{
        width: 100%;
        height: 100%;
    }
    .advantageBox .hasCode{
        padding-right: 10px;
    }
    .advantageBox .advantageTit{
        top: 16.5px;
        margin-top: 0;
    }
    .advantageCode-iphone{
        text-align: center;
        margin-top: 35px;
    }
    .advantageCode-iphone>img{
    	width:95px;
    	height:auto;
    }
}

.about_act{
    position: relative;
    height: 242px;
}
.about_act img{
    height: 100%;
    width: 100%;
}
.about_act .about_actTit{
    position: absolute;
    text-align: center;
}
.about_act .about_actTit .actTit_bt{
    font-size: 22px;
    color: #000;
}
.about_act .about_actTit .actTit_sbt{
    font-size: 18px;
    color: #000;
}
.about_act .about_actTit1{
    top: 65%;
    left: 3%;
}
.about_act .about_actTit2{
    top: 13%;
    left: 16%
}
.about_act .about_actTit3{
    top: 65%;
    left: 31.5%;
}
.about_act .about_actTit4{
    top: 13%;
    left: 46%;
}
.about_act .about_actTit5{
    top: 65%;
    left: 60.5%;
}
.about_act .about_actTit6{
    top: 13%;
    left: 75%;
}
.about_act .about_actTit7{
    top: 65%;
    left: 90%;
}
@media screen and (min-width: 1200px){
    .container_act{
        width: 970px;
    }
    .about_act{
        height: 255px;
    }
}
@media screen and (min-width: 991px){
    .container_act .about-content{
        padding-bottom: 50px;
    }  
}
@media screen and (max-width: 991px) and (min-width: 768px){
    .about_act{
        height: 195px;
    }
    .about_act .about_actTit .actTit_bt{
        font-size: 18px;
        color: #000;
    }
    .about_act .about_actTit .actTit_sbt{
        font-size: 16px;
        color: #000;
    }
    .about_act .about_actTit1{
        top: 62%;
        left: 2%;
    }
    .about_act .about_actTit2{
        top: 12%;
        left: 15%
    }
    .about_act .about_actTit3{
        top: 62%;
        left: 30.5%;
    }
    .about_act .about_actTit4{
        top: 12%;
        left: 45%;
    }
    .about_act .about_actTit5{
        top: 62%;
        left: 59.5%;
    }
    .about_act .about_actTit6{
        top: 12%;
        left: 74.5%;
    }
    .about_act .about_actTit7{
        top: 62%;
        left: 89%;
    }
}
@media screen and (max-width: 767px){
    .about_act{
        height: auto;
    }
    .about_act .about_actTit{
        position: static;
        text-align: left;
        margin-bottom: 15px;
        text-align: center;
    }
    .about_act .about_actTit .process-num{
        display: inline-block !important;
    }
    .about_act .about_actTit .actTit_bt{
        display: inline-block;
        font-size: 18px;
        color: #000;
    }
    .about_act .about_actTit .actTit_sbt{
        display: inline-block;
        font-size: 18px;
        color: #000;
    }
}