@charset "UTF-8";
/********  uweb mobile css v1.1 *********/
/****** cssrest ******/
.service-container {
    padding: 2%;
    overflow: hidden;
    background-image: url("../images/dy/bgbg.png")/*tpa=http://www.zhisochina.com/wap/images/dy/bgbg.png*/;
}
.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: 48%;
    padding: 4% 0;
    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;
}
.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: 110px;

}
.servtxt h2 {
    font-weight: 800;
    font-size: 2.5rem;
    color: #FFF;
    text-align: center;
}
.servtxt p {
    color: #000;
    font-size: 2rem;
    text-align: center;
}

.cases {
    background: #f5f6fa;
    padding: 5% 0 5%;
}
.kpimg {
	width: 80%;
	margin:auto;
}
.kpimg img{
	max-width: 100%;
}
.kpimg p {
	font-size: 1.5rem;
	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: #999;
    height: 75px;
    line-height: 15px;
    text-align: left;
    overflow: hidden;
}
.dylist { 
    overflow: hidden;
}
.dylist ul li {
    width: 45%;
    float: left;
    margin: 2% 2.5%;
}
.dylist 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;
}
.dylist ul li p {
    font-size: 1.2rem;
    color: #999;
    line-height: 15px;
    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%;

}

.index_part3 {
    width: 100%;
    background: url("../images/sg/dashbg.jpg")/*tpa=http://www.zhisochina.com/wap/images/sg/dashbg.jpg*/ repeat-y;
    background-size: 100%;
}
.index_title {
    width: 100%;
    height: 60px;
    line-height: 40px;
    position: relative;
}
.index_title_bg {
    width: 33%;
    height: 10px;
    background-color: #236FEF;
    opacity: 0.2;
    border: none;
    position: absolute;
    left: 33%;
    top: 28px;
    z-index: 2;
}
.index_title_content {
    color: #4A4A4A;
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0px;
    top: 10px;
    z-index: 3;
    text-align: center;
}
.index_des {
    font-size: 14px;
    color: #999999;
    text-align: center;
    line-height: 22px;
    width: 88%;
    margin: 0 auto 30px auto;
}
.fw_green {
    border-left: 4px solid #31CCAA;
}
.fw_red {
    border-left: 4px solid #EF4456;
}
.fw_blue {
    border-left: 4px solid #0098D7;
}
.fw_yellow {
    border-left: 4px solid #F7BB06;
}
.index_fw_one {
    width: 92%;
    margin: 15px auto;
    height: 100px;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.06);
}
.index_fw_left {
    width: 25%;
    float: left;
    padding: 18px 12px;
}
.index_fw_left img {
    width: 64px;
    height: 64px;
}
.index_fw_right {
    width: 70%;
    margin-left: 5%;
    float: left;
    padding: 10px 0px;
}
.index_fw_right_title {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    font-weight: bold;
}
.index_fw_right_content {
    font-size: 14px;
    color: #999999;
    line-height: 18px;
    padding-right: 20px;
}