/* <!-- 导航 --> */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.clearfix {
    zoom: 1
}

.clearboth {
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}

/* <!-- 精诚专注 --> */

.twt1 {
    width: 100%;
    margin: 0 auto;
    margin-top: 20px
}

.twt1 li {
    float: left;
    width: calc(25% - 14px);
    margin: 0 7px;
    margin-bottom: 10px;
}

.twt1 li a.img {
    display: block;
    max-height: 90px;
    height: 70px;
    text-align: center;
}

.twt1 li a.img img {
    max-width: 100%
}

.twt1 li h2 {
    text-align: center;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}

.twt1 li h2 a {
    text-align: center;
    color: #333333;
    font-size: 14px
}

.twt1 li h3 {
    text-align: center;
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    margin-top: 5px
}

.twt1 li h3 a {
    text-align: center;
    color: #666666;
    font-size: 16px
}

.cptt2 {
    color: #333333;
    text-align: center;
    font-size: 22px;
    margin: 0 auto;
    font-weight: 600;
    background: url(../images/yw.png) no-repeat center top;
    background-size: 40%
}

.cptt2 span {
    display: block;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px
}

.cptt {
    color: #333333;
    text-align: center;
    font-size: 22px;
    margin: 0 auto;
    font-weight: 600;
}

.cptt span {
    display: block;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px
}

.product-listx {
    display: block;
    margin-top: 20px
}

.product-listx li {
    float: left;
    position: relative;
    width: calc(50% - 20px);
    margin: 0 10px;
    margin-bottom: 20px;
}

.product-listx li a.img {
    display: block
}

.product-listx li a.img img {
    width: 100%;
    height: auto
}

.product-listx li h3 {
    text-align: center;
    color: #666666;
    font-size: 14px;
    line-height: 45px
}

.product-listx li h3 a {
    text-align: center;
    color: #666666;
    font-size: 14px;
    line-height: 45px
}

.cha {
    position: absolute;
    right: 10px;
    bottom: 20px
}

.cha2 {
    background: url(../images/cha.png) no-repeat center;
    color: #ffffff;
    font-size: 14px;
    margin-top: 0px;
    text-align: center;
    background-size: 30%;
    line-height: 45px;
}

.cha2 a {
    color: #ffffff;
    font-size: 14px;
    text-align: center;
}

.mess2 {
    color: #999999;
    text-align: center;
    font-size: 16px;
    margin-top: 20px
}

.mess2 a {
    color: #999999;
    text-align: center;
    font-size: 16px;
    padding: 4px 20px;
    border: 1px solid #999999;
}

.case-listx {
    margin-top: 5%
}

.case-listx li {
    width: 96%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
}

.case-listx li a.img {
    width: 50%;
    flex: auto;
}

.case-listx li a.img img {
    max-width: 100%;
    height: auto
}

.case-listx li .dac {
    width: 50%;
    flex: auto;
    max-height: 40px
}

.case-listx li .dac h2 {
    text-align: left;
    color: #333333;
    font-size: 16px;
    padding-left: 10px;
    margin-top: 10px
}

.case-listx li .dac h2 a {
    color: #333333;
    font-size: 16px
}

.case-listx li .dac span {
    display: block;
    color: #666666;
    font-size: 12px;
    line-height: 20px;
    margin-top: 5px;
    padding-left: 10px;
}

.case-listx li:nth-child(2n) {
    flex-direction: row-reverse;
}

/* <!-- 案例·荟萃 --> */
.hs {
    background: #f6f6f6;
    width: 100%;
    border-top: 1px solid #e7e7e7;
    padding-top: 5%;
    padding-bottom: 5%
}

.m2b {
    margin-top: 8px;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}

.m2b li {
    width: 32%;
    margin-right: 2%;
    float: left
}

.m2b li:nth-child(3n) {
    margin-right: 0;
}

.m2b li:nth-child(n+4) {
    margin-top: 7px;
}

.m2b li a {
    display: block;
    line-height: 2;
    width: 100%;
    border-radius: 20px;
    font-size: 16px;
    color: #666666;
    box-sizing: border-box;
    padding-left: 12px;
    position: relative;
}

.m2b li a::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background-color: #d4d4d4;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.m2b li a:hover {
    color: #2a811e;
}

.m2b li a:hover::before {
    background-color: #2a811e;
}

.tjal {
    width: 100%;
    margin: 0 auto;
    /*margin-top: 15px;*/
}

.tjal li {
    position: relative;
}

.tjal li a.img {
    display: block;
}

.tjal li a.img img {
    width: 100%;
    display: block;
}

.tjal li h2 {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    line-height: 56px;
    background: url(../images/mm.png);
    color: #fff;
    text-align: left;
    font-size: 16px
}

.tjal li h2 a {
    color: #fff;
    text-align: left;
    font-size: 16px;
    padding-left: 10px
}

.wt_tx {
    width: 96%;
    margin: 0 auto;
    margin-top: 10px
}

.m2c {
    flex-wrap: wrap;
    width: 100%;
}

.m2c li {
    width: 49%;
    float: left
}

.m2c li a {
    display: block;
    width: 100%;
}

.m2c li a img {
    width: 100%;
}

.m2c li a p {
    font-size: 14px;
    color: #332f2f;
    width: 100%;
    text-align: center;
    line-height: 2.5;
    text-overflow: ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

.m2c li:nth-child(2n) {
    float: right
}

/* <!-- 聚焦·祥云 --> */
.sortt {
    width: 96%;
    margin: 0 auto;
    border: 1px solid #14a23c;
    display: flex;
    flex-direction: row;
    margin-top: 20px;
}

.sortt li {
    border-right: 1px solid #2a811e;
    flex: auto;
    text-align: center;
    line-height: 45px;
    font-size: 16px
}

.sortt li a {
    text-align: center;
    line-height: 45px;
    color: #161616;
    font-size: 16px
}

.sortt li:last-of-type {
    border-right: none
}

.m4c {
    width: 96%;
    margin: 0 auto;
    margin-top: 15px;
}

.m4c li {
    width: 100%;
    position: relative;
}

.m4c li + li {
    margin-top: 10px;
}

.m4c-timeline {
    float: left;
    background: #fff;
    border: 1px solid #e7e7e7;
    padding: 2%
}

.m4c-timeline h1 {
    font-size: 16px;
    color: #666666;
    font-weight: 400;
    margin: 0;
    font-family: Arial;
    text-align: center;
    line-height: 25px
}

.m4c-timeline p {
    font-size: 20px;
    color: #cccccc;
    font-weight: bold;
    text-align: center;
    line-height: 35px
}

.m4c-title {
    width: 78%;
    float: right;
}

.m4c-title h1 {
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 6px;
    text-align: left;
}

.m4c-title p {
    font-size: 12px;
    color: #666666;
    width: 100%;
    overflow: hidden;
    line-height: 22px;
    height: 46px;
    overflow: hidden;
    margin-top: 5px;
    text-align: left;
}

/*祥云·服务  */
.m1b {
    width: 96%;
    margin: 0 auto;
    margin-top: 18px;
}

.m1b li {
    width: 32%;
    margin-right: 2%;
    float: left
}

.m1b li:nth-child(3n) {
    margin-right: 0;
}

.m1b li:nth-child(n+4) {
    margin-top: 7px;
}

.m1b li a {
    display: block;
    line-height: 2;
    width: 100%;
    text-align: center;
    border: 1px solid #2a811e;
    border-radius: 20px;
    font-size: 12px;
    color: #333;
}

.m1b li a:hover {
    background-color: #2a811e;
    color: #fff;
}

.m1c {
    flex-wrap: wrap;
    width: 100%;
    margin-top: 18px;
}

.m1c li {
    width: 49%;
}

.m1c li a {
    display: block;
    width: 100%;
}

.m1c li a img {
    width: 100%;
}

.m1c li a p {
    font-size: 16px;
    color: #333;
    width: 100%;
    text-align: center;
    line-height: 2.5;
}

.m1d {
    display: block;
    width: 100%;
    line-height: 2.5;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background-color: #2a811e;
    margin-top: 10px;
}

.jian3 {
    color: #333;
    text-align: left;
    font-size: 14px;
    margin-top: 10px
}

/* <!-- 公司简介 --> */
.gsjj {
    width: 96%;
    margin: 0 auto;
    margin-top: 20px
}

.gsjj img {
    width: 100%;
    text-align: center;
    height: auto;
    display: block;
}

.jian {
    width: 96%;
    margin: 0 auto;
    padding: 10px 0;
}

.jiantt {
    color: #161616;
    text-align: left;
    font-size: 16px
}

.jian2 {
    color: #666666;
    text-align: left;
    font-size: 14px;
    margin-top: 10px
}

.cha5 {
    background: #2a811e;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    width: 85%;
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 10px;
}

.cha5 a {
    color: #fff;
    font-size: 14px;
    text-align: center;
}