﻿/*1*/
.system-box{padding: 0.35rem 0 0.3rem 0;background: #fff;}
.zt-head{text-align:center;}
.zt-head .sub{font-size: 0.3rem; font-size: 0.2rem;}
.zt-head h2{ font-size: 0.32rem;text-align:center;color: #333333;margin-bottom: 0.1rem;}
.zt-head span.xian{ display: block;margin: 0 auto; width: 1rem;height: 1px;background: #a2a5ab;margin-bottom: 0.2rem;}
.system,.benefits{overflow: hidden;padding: 0.2rem;}
.system .system-img{    width: 100%;float: left;margin-right: 0.2rem;}
.system .system-img img{width: 100%;}
.system .system-title{    width: 100%;float: left;font-size:0.26rem;color: #666;}
.benefits-box{padding: 0.35rem 0 0.3rem 0;background:#f5f5f6;}
.benefits-info ul li{overflow: hidden;    height: 0.8rem;}
.benefits-info ul li .benefits-info-img{float: left; width: 0.6rem; margin-bottom: 0.1rem;margin-right: 0.1rem;}
.benefits-info ul li .benefits-info-title{font-size: 0.26rem;  height: 0.5rem;    color: #333;}
.zt3-flow{background:url(../img/zt3_bg_1.png) no-repeat center bottom;}
.zt3-flow .zt-head {padding-top: 0.35rem}
.zt3-flow .zt-head h2,.zt3-flow .zt-head{color: #fff;}
.zt3-flow .zt-head span.xian{background: #fff;}
.zt3-flow .flow{    margin: 0 0.2rem;padding-top: .32rem;padding-bottom: 0.35rem;}
/*2*/
.role{margin-top: 0.2rem;}
.role-box{padding: 0.35rem 0 0.3rem 0;background:#f5f5f6;}
.role-box ul{    overflow: hidden;padding: 0 0.2rem;}
.role-box ul li{    width: 1.68rem;margin-bottom: 0.1rem;background: #fff; float: left;margin-left: 0.1rem;  }
.role-box ul li:nth-child(1),.role-box ul li:nth-child(5){margin-left: 0;}
.role ul li .role-img{ padding-top: 0.24rem;}
.role ul li .role-title{ text-align: center;    font-size: 0.24rem;    margin: 0.3rem 0;   padding: 0 0.15rem;    height: 1.4rem;}
.role ul li .role-img img{    display: block; width: 1.14rem;height: 1.14rem;text-align: center;margin: 0 auto;}
/*3*/
.service{margin-top: 0.2rem;}
.service ul{overflow: hidden;}
.service ul li{    float: left;    width: 25%;margin-bottom: 0.2rem;}
.service ul li .service-img{   text-align: center;height: 1.14rem;margin-bottom: 0.12rem;} 
.service ul li .service-img img {width: 1.14rem;height: 1.14rem;}
.service ul li .service-title{font-size: 0.24rem;text-align: center;color: #333;line-height: 0.4rem;padding: 0 0.15rem;}
.benefit-box{ background: url(../img/zt1_bg_1.jpg) no-repeat center top;padding-top:0.2rem;    background-color: #fff;}
.benefit-box .zt-head,.benefit-box .zt-head h2{color: #fff;}
.benefit{margin-top: 0.32rem;}
.benefit ul {overflow: hidden;padding: 0 0.2rem;}
.benefit ul li{    width: 1.68rem; margin-bottom: 0.1rem;background: #fff;float: left;margin-left: 0.1rem;}
.benefit ul li:nth-child(1){margin-left: 0;}
.benefit ul li .benefit-img {    padding-top: 0.24rem;}
.benefit ul li .benefit-img img{    display: block;width: 1.14rem; height: 1.14rem;text-align: center;margin: 0 auto;}
.benefit ul li .benefit-title{    text-align: center;font-size: 0.24rem; margin: 0.3rem 0; height: 1rem; padding: 0 0.15rem;}
.advantage-box{    padding: 0.35rem 0 0.3rem 0;background: #fff;}
.advantage ul li{width:1.6rem;height: 188px;float: left;margin-left: 0.23rem;}
.advantage ul li .advantage-img{    position: relative; top: 0.5rem;}
.advantage ul li:nth-child(1){background: url(../img/zt1_bg_2.png) no-repeat center bottom;    margin-left: 0;}
.advantage ul li:nth-child(2){background: url(../img/zt1_bg_3.png) no-repeat center bottom;}
.advantage ul li:nth-child(3){background: url(../img/zt1_bg_4.png) no-repeat center bottom;}
.advantage ul li:nth-child(4){background: url(../img/zt1_bg_5.png) no-repeat center bottom;}
.advantage{    padding-bottom: 0.32rem;}
.advantage ul{overflow: hidden; padding: 0 0.2rem;}
.advantage ul li .advantage-title{    text-align: center;color: #fff;    position: relative;top: 0.5rem;}
.advantage ul li .advantage-title .title{    font-size: 0.28rem;height: 0.56rem;}
.advantage ul li .advantage-title .sub{font-size: 0.24rem; margin: 0.2rem 0;padding: 0 0.15rem;}
.advantage ul li .advantage-img img{margin: 0 auto;    display: block;    width: 1rem;height: 1rem;}
.five .five-title ul li .five-title-info .sub{    color: #666;font-size: 0.26rem;margin-bottom: 0.1rem;}
/*6*/
/*.standard-box{padding-top: 0.32rem;padding-bottom: 0.2rem;background: #f5f5f6;}
.standard{overflow: hidden;    padding: 0 0.2rem;}
.standard li{    width: 30.6%;height:1.6rem;border: 2px solid #95b5e0;overflow: hidden;float: left;margin-right: 0.2rem;}
.standard li .standard-title{    text-align: center;font-size:0.14rem;color: #666;}
.standard li:nth-child(3){margin-right: 0;}
.standard li .standard-img{width: 2rem;}
.standard li img:nth-child(1){width: 100%;}
.standard li:nth-child(1){border: none;}
.standard li:nth-child(2) .standard-img{background: url(../img/zt2_2.png) no-repeat center bottom;}
.standard li:nth-child(3) .standard-img{background: url(../img/zt2_3.png) no-repeat center bottom;}*/
.standard-box{padding-top: 0.32rem;padding-bottom: 0.2rem;background: #f5f5f6;}
.standard{overflow: hidden;padding: 0 0.2rem;height: 100%;display: flex;align-items:stretch;}
.standard li{width: 30.6%;border: 2px solid #95b5e0;overflow: hidden;text-align:center;/*float:left;*/margin-right: 0.2rem;}
.standard li img{display: block;width: 40%;height: auto;margin: 0.2rem auto;}
.standard li:nth-child(3){margin-right: 0;}
/*.standard li .standard-img{width: 2rem;}*/
.standard li:nth-child(1) img{width: 100%;height: 100%;margin: 0 auto;}
.standard li:nth-child(1){border: none;}
/*.standard li:nth-child(2) .standard-img{background: url(../img/zt2_2.png) no-repeat center bottom;}
.standard li:nth-child(3) .standard-img{background: url(../img/zt2_3.png) no-repeat center bottom;}*/
.standard li div.standard-title{ font-size: 0.24rem;padding: 0 0.1rem 0.1rem 0.1rem;}
.five-box{background-color: #fff;}
.five-box .zt-head{padding-top: 0.35rem;}
.five{    overflow: hidden;padding: 0.32rem 0.2rem;}
.five .five-title ul li .five-title-img{    float: left;margin-bottom: 0.1rem;margin-right: 0.1rem;}
.five .five-title ul li .five-title-img img{width: 0.8rem;height:0.8rem;}
.five .five-title ul li {overflow: hidden;    margin: 0.1rem 0;}
.five .five-title ul li .five-title-info .title{     color: #333;font-weight: 600;font-size: 0.3rem;line-height: 0.42rem;}
.materials-box{ background: #f5f5f6;}
.materials-box .zt-head{padding-top: 0.35rem;}
.materials ul{overflow: hidden;    padding: 0 0.2rem;    margin-top: 0.2rem;}
.materials ul li{ float: left;width:100%;    margin-bottom: 0.2rem;overflow: hidden;    background: #0199e4;    padding: 0.2rem 0;}
.materials ul li .materials-title .title{ font-size: 0.3rem; color: #fff;    margin-bottom: 0.1rem;}
.materials ul li .materials-title .xian{    width: 10%;height: 2px;background: #fff;    margin-left: 1rem;}
.materials ul li .materials-title .sub{ font-size: 0.26rem; color: #fff;    margin-top: 0.1rem;}
.materials ul li .materials-img-1{background: url(../img/zt2_4.png) no-repeat center center;    background-size: 0.6rem;}
.materials ul li .materials-img-2{background: url(../img/zt2_5.png) no-repeat center center;    background-size: 0.6rem;}
.materials ul li .materials-img-3{background: url(../img/zt2_6.png) no-repeat center center;    background-size: 0.6rem;}
.materials ul li .materials-img{    width: 1rem;height:2rem;float: left;line-height: 2rem;}
/*7*/
.project-box{    padding: 0.35rem 0 0.3rem 0;background: #fff;}
.project ul{    overflow: hidden;padding: 0 0.2rem;    margin-top: 0.2rem;}
.project-title{    color: #333; font-weight: 600;    font-size: 0.24rem;    line-height: 0.3rem;}
.project-sub{color: #666;  font-size: 0.2rem;    margin-bottom: 0.1rem;}