@charset "UTF-8";
/********  uweb mobile css v1.1 *********/
/****** cssrest ******/
.service-container {
    padding: 2%;
    overflow: hidden;
}
.titles {
    text-align: center;
}
.titles h2 {
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 2%;
}
.titles p {
    font-size: 1.5rem;
    color: #616161;
    margin-bottom: .9rem;
}
.service-container ul li {
    width: 98%;
    padding: 4% 0;
    margin-left: 1%;
    margin-bottom: 3.2%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.serv02 {
    background: #44b088;
}
.serv05 {
    background: #f76c17;
}
.serv03 {
    background: #e93257;
}
.serv01 {
    background: #9c55c7;
}
.serv04 {
    background: #4490b0;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.servbox {
    width: 85%;
    overflow: hidden;
    margin: 0 auto;
    height: auto!important;
}
.service-container ul li img {
    width: 30%;
}
.servtxt {

    height:50px;

}
.servtxt h2 {
    font-weight: 400;
    font-size: 1.3rem;
    margin-top: 5%;
    color: #fff;
    line-height: 200%;
}

.cases {
    background: #f5f6fa;
    padding: 5% 0 5%;
}
.kpimg {
	width: 95%;
	margin:auto;
}
.kpimg img{
	max-width: 100%;
}
.kpimg p {
	font-size: 1.6rem;
	margin-top: 2%;
	margin-left: 35%;
}
.xinxi{
	background: #f5f6fa;
    padding: 5% 0 5%;
}
.xinxi .title {
    text-align: center;
}
.xinxi .title h2 {
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 2%;
}
.xinxi .title p {
    font-size: 1.5rem;
    color: #616161;
    margin-bottom: .9rem;
} 
.xinxilist {
    overflow: hidden;
}
.xinxilist ul li {
    width: 45%;
    float: left;
    margin: 2% 2.5%;
}
.xinxilist ul li h2 {
    font-size: 1.3rem;
    font-weight: 400;
    height: 30px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}
.xinxilist ul li p {
    font-size: 1.2rem;
    color: #616161;
    height: 30px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
}
.caselist {
    overflow: hidden;
}
.swiper-container2 {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform,-webkit-transform;
    box-sizing: content-box;
}
.swiper-mfs img{
	width: 45%;
	float: left;
	margin-left: 5%;
}
.swiper-mfs p{
	width: 45%;
	float:left;
    font-size: 1.6rem;
    margin-left: 2%;
    margin-top: 10%;

}