.str_wrap {
    overflow: hidden;
    width: 300px;
    font-size: 12px;
    line-height: 30px;
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    color: #7a7878;
    white-space: nowrap
}

.str_wrap.str_active {
    background: #f1f1f1
}

.str_move {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    cursor: move
}

.str_move_clone {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 100%;
    top: 0
}

.head_top {
    border-bottom: 1px solid #e5e5e5;
}

.head_top ul {
    float: right;
    margin-top: 4px;
}

.head_top ul li {
    display: inline-block;
}

.head_top ul a {
    display: block;
    line-height: 21px;
    font-size: 12px;
    color: #7a7878;
    width: 68px;
    text-align: center;
}

.head_logo .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.head_top ul .crm {
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}

.head_logo .logo {
    display: table;
    float: left;
}

.head_logo .logo .img {
    display: table-cell;
    vertical-align: middle;
    line-height: 134px;
}

.head_logo .img img {
    display: inline;
}

.head_logo .logo_lan {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}

.head_logo .logo_lan p {
    width: 315px;
    font-size: 2.4rem;
    font-family: PingFangSC;
    font-weight: 500;
    color: rgba(67, 146, 52, 1);
    line-height: 36px;
}

.head_logo .container {
    height: 100%;
}

.head_logo ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

.head_logo ul .qd_box {
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    height: 86px;
}

.head_logo ul .con {
    padding: 0 6px;
}

.head_logo ul .con p {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(121, 121, 121, 1);
    line-height: 20px;
}

.head_logo ul i {
    display: inline-block;
    width: 1px;
    height: 70px;
    margin: 0 0px;
    background: rgba(220, 220, 220, 1);
    opacity: 0.34;
}

.head_logo .qd_line {
    border-left: 1px solid rgba(220, 220, 220, 1);
    border-right: 1px solid rgba(220, 220, 220, 1);
}

.fix-startTop {
    z-index: 9999;
}

.head_main {
    position: relative;
    z-index: 9999;
}

.head_nav {
    position: relative;
    z-index: 9999;
    background: url(../images/head_bj.jpg) no-repeat center;
}

.head_nav .tel {
    float: left;
    line-height: 56px;
}

.head_nav .tel i {
    display: inline-block;
    width: 46px;
    height: 56px;
    vertical-align: middle;
    background: url(../images/tel.png) no-repeat center;
}

.head_nav .tel p {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(249, 249, 249, 1);
}

.head_nav .nav {
    float: right;
}

.head_nav .nav .nav_item {
    display: inline-block;
    background: url(../images/nav_icon2.png) no-repeat center right;
}

.head_nav .nav_item .nav_link {
    display: block;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 56px;
    padding: 0 13.8px;
    background: url(../images/nav_icon.jpg) no-repeat center 100px;
}

.head_nav .nav_item>a:hover,
.head_nav .nav_item>a.hover {
    background: url(../images/nav_icon.jpg) no-repeat center bottom;
}

.head_secnav {
    position: absolute;
    left: 0;
    top: 56px;
    width: 100%;
    background: rgba(15, 34, 11, 0.8);
    display: none;
    z-index: 9999;
}

.head_secnav ul {
    padding: 2% 0;
}

.head_secnav li {
    display: inline-block;
    width: 199px;
}

.head_secnav a {
    display: block;
    font-size: 1.4rem;
    color: #fff;
    padding: 10px 0;
    margin-left: -6px;
    text-align: center;
    border-right: 1px solid #ccc;
}

.head_secnav a:hover {
    color: #53b140;
}

.color .color2 a {
    color: orange;
    font-weight: bold;
}

.color .color2 a:hover {
    color: #53b140;
}

.key_words {
    padding: 15px 0;
}

.key_words .key_list {
    overflow: hidden;
    float: left;
}

.key_words .key_tit {
    line-height: 42px;
    float: left;
}

.key_words .key_tit i {
    color: #F8C208;
    font-size: 1.4rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
}

.key_words .key_tit p {
    display: inline-block;
    margin-left: -2px;
}

.key_words .key_list ul {
    text-align: left;
    float: left;
}

.key_words .key_list li {
    display: inline-block;
}

.key_words .key_list ul a {
    display: block;
    line-height: 40px;
    padding: 0 16px;
}

.key_words .search {
    width: 320px;
    height: 42px;
    float: right;
    border: 1px solid #ccc;
    border-radius: 21px;
}

.key_words .search .txt {
    width: 258px;
    padding: 0 10px;
    height: 42px;
    border: none;
    float: left;
    background: none;
}

.key_words .search .btn_sear {
    width: 60px;
    height: 42px;
    cursor: pointer;
    float: right;
    outline: none;
    border: none;
    padding: 0;
    background: url(../images/public/search.png) no-repeat center;
}

.con1200 {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.system {
    background: url(../images/system/sys_bj.jpg) no-repeat center;
}

.system .title h4 {
    text-align: center;
    color: #fff;
    font-size: 4rem;
    padding-top: 4%;
    padding-bottom: 3%;
    background: url(../images/type_icon.png) no-repeat bottom center;
}

.system .sys_box {
    width: 1200px;
    margin: 0 auto;
    margin-top: 2%;
    position: relative;
    max-width: 100%;
    height: 558px;
}

.system .sys_box ul {
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 100%;
    margin: 0 auto;
    background: url(../images/system/sys_border.png) no-repeat bottom center;
}

.system .sys_box li {
    display: inline-block;
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #fff;
    transition: all ease-in-out 0.3s;
}

.system .sys_box .table {
    display: table;
    width: 100%;
    height: 100%;
}

.system .sys_box a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    transition: all ease-in-out 0.3s;
}

.system .sys_box li .img {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    transition: all ease-in-out 0.3s;
}

.system .sys_box ul p {
    text-align: center;
    transition: all ease-in-out 0.3s;
}

.sys_box li.li1 .img {
    background: url(../images/system/s1-2.png) no-repeat center;
}

.sys_box li.li2 .img {
    background: url(../images/system/s2-2.png) no-repeat center;
}

.sys_box li.li3 .img {
    background: url(../images/system/s3-2.png) no-repeat center;
}

.sys_box li.li4 .img {
    background: url(../images/system/s4-2.png) no-repeat center;
}

.sys_box li.li5 .img {
    background: url(../images/system/s5-2.png) no-repeat center;
}

.sys_box li.li6 .img {
    background: url(../images/system/s6-2.png) no-repeat center;
}

.sys_box li.li7 .img {
    background: url(../images/system/s7-2.png) no-repeat center;
}

.sys_box li.li8 .img {
    background: url(../images/system/s8-2.png) no-repeat center;
}

.sys_box li:hover {
    background-color: #53b140;
}

.sys_box li:hover p {
    color: #fff;
}

.sys_box li.li1:hover .img {
    background: url(../images/system/s1.png) no-repeat center;
}

.sys_box li.li2:hover .img {
    background: url(../images/system/s2.png) no-repeat center;
}

.sys_box li.li3:hover .img {
    background: url(../images/system/s3.png) no-repeat center;
}

.sys_box li.li4:hover .img {
    background: url(../images/system/s4.png) no-repeat center;
}

.sys_box li.li5:hover .img {
    background: url(../images/system/s5.png) no-repeat center;
}

.sys_box li.li6:hover .img {
    background: url(../images/system/s6.png) no-repeat center;
}

.sys_box li.li7:hover .img {
    background: url(../images/system/s7.png) no-repeat center;
}

.sys_box li.li8:hover .img {
    background: url(../images/system/s8.png) no-repeat center;
}

.sys_box .li1 {
    left: 28px;
    bottom: 24px;
}

.sys_box .li8 {
    right: 28px;
    bottom: 24px;
}

.sys_box .li2 {
    left: 78px;
    bottom: 200px;
}

.sys_box .li7 {
    right: 78px;
    bottom: 200px;
}

.sys_box .li3 {
    left: 218px;
    bottom: 358px;
}

.sys_box .li6 {
    right: 218px;
    bottom: 358px;
}

.sys_box .li4 {
    left: 413px;
    bottom: 458px;
}

.sys_box .li5 {
    right: 413px;
    bottom: 458px;
}

.sys_box .box_img {
    width: 809px;
    height: 396px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.sys_box .box_img img {
    display: block;
    margin: 0 auto;
}

.index_title h1 {
    font-size: 4rem;
    font-family: 'PingFangSC';
    text-align: center;
    color: #53b140;
    padding-top: 4%;
    padding-bottom: 3%;
    background: url(../images/type_icon.png) no-repeat bottom center;
}

.index_solu {
    background: url(../images/solu_bj.png) no-repeat bottom center;
}

.index_title .sum {
    font-size: 1.8rem;
    text-align: center;
    padding: 0.8% 0;
    color: #737871;
    font-family: 'PingFangSC';
}

.solution {
    padding-top: 3%;
}

.solu_list {
    padding-top: 4%;
}

.solu_list li {
    margin-bottom: 20px;
}

.solu_list .ul1 {
    width: 280px;
    max-width: 100%;
    float: left;
    padding: 0 10px;
}

.solu_list .ul_center {
    padding: 0 0px;
}

.solu_list .ul2 {
    float: left;
    padding: 0px;
}

.solu_list a {
    display: block;
    position: relative;
    left: 0;
    top: 0;
}

.solu_list .solu_tit {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all ease-in-out 0.3s;
    background: url(../images/solu_tit_bj.png) no-repeat center bottom;
}

.solu_list .solu_tit p {
    text-align: center;
    color: #fff;
}

.solu_list .solu_tit p:first-child {
    font-size: 1.8rem;
    padding-top: 40%;
    padding-bottom: 12px;
}

.solu_list .solu_tit p:last-child {
    font-size: 1.6rem;
    padding-bottom: 24px;
}

.solu_list .solu_tit .solu_con {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.solu_list .ul2 li {
    float: left;
    padding: 0 10px;
}

.solu_list .ul3 {
    padding: 0;
}

.solu_list .ul3 li {
    float: left;
    padding: 0 10px;
}

.solu_list .solu_bor {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    opacity: 0;
    transition: all ease-in-out 0.3s;
}

.solu_list .solu_bor .solu_box {
    display: flex;
    height: 100%;
    -ms-align-items: center;
    align-items: center;
    border: 1px solid #fff;
}

.solu_list .solu_box div {
    width: 100%;
}

.solu_list .solu_box p {
    color: #fff;
    text-align: center;
    font-size: 1.8rem;
    padding: 1% 0;
}

.solu_list .solu_box p:first-child {
    color: #53b140;
}

.solu_list a:hover .solu_tit {
    opacity: 0;
}

.solu_list a:hover .solu_bor {
    opacity: 1;
}

.solu_more {
    display: block;
    width: 216px;
    line-height: 50px;
    text-align: center;
    font-size: 1.6rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 2% auto 4% auto;
    transition: all ease-in-out 0.3s;
}

.solu_more:hover {
    color: #fff;
    background-color: #53b140;
}

.service {
    background: url(../images/service_bj.jpg) no-repeat center;
}

.service .bj {
    width: 100%;
    padding-top: 6%;
    padding-bottom: 6%;
    background: rgba(0, 0, 0, 0.1);
}

.service .ser_tel {
    width: 347px;
    height: 92px;
    margin-top: 38%;
    background: url(../images/service/ser_tel.png) no-repeat center left;
}

.service .ser_tit h1 {
    text-align: center;
    font-size: 4rem;
    color: #53b140;
    padding-bottom: 33px;
    background: url(../images/type_icon.png) no-repeat bottom center;
}

.service .ser_tit .sum {
    font-size: 1.8rem;
    text-align: center;
    padding: 2.5% 0;
    color: #737871;
}

.service .ser_tel p:first-child {
    color: #fff;
    font-size: 2rem;
}

.service .ser_tel p:last-child {
    color: #fff;
    font-size: 3rem;
}

.service .ser_left {
    float: left;
    padding-top: 6%;
}

.service .ser_right {
    float: right;
    overflow: hidden;
}

.service ul a {
    display: block;
    float: left;
    width: 150px;
}

.service ul .img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.service ul p {
    text-align: center;
    padding-top: 16px;
    font-size: 1.6rem;
    color: #fff;
}

.service ul li {
    display: inline-block;
    vertical-align: top;
}

.service ul li i {
    display: block;
    float: left;
    color: #fff;
    font-family: "simsun";
    line-height: 80px;
    font-size: 3rem;
    font-style: normal;
}

.service ul li:last-child i {
    display: none;
}

.service div.icon {
    text-align: right;
}

.service div.icon2 {
    text-align: left;
}

.service div.icon i {
    display: inline-block;
    width: 150px;
    height: 80px;
    font-style: normal;
    text-align: center;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #fff;
    font-family: "simsun";
    line-height: 80px;
    font-size: 3rem;
}

.index_advan {
    background: url(../images/advan_bj.jpg) no-repeat bottom left;
}

.index_advan .advan_list {
    padding-top: 4%;
}

.index_advan .tit h2 {
    font-size: 3.6rem;
    font-family: PingFangSC;
    font-weight: 400;
    color: #737871;
}

.index_advan .tit {
    padding-bottom: 3%;
    margin-bottom: 3%;
    border-bottom: 1px solid #ccc;
    box-sizing: inherit;
}

.index_advan .tit h4 {
    font-size: 1.8rem;
    color: #bbbbbb;
    line-height: 30px;
}

.index_advan ul li {
    display: inline-block;
    margin-right: 10%;
}

.index_advan ul.ul2 li {
    margin-right: 6.7%;
}

.index_advan ul li:last-child {
    margin-right: 0;
}

.index_advan ul li p {
    text-align: center;
}

.index_advan .num i {
    font-size: 4.8rem;
    font-family: Helvetica;
    color: #f8c208;
    text-align: center;
    font-style: normal;
}

.index_advan .num .sum {
    text-align: center;
    font-size: 1.6rem;
    font-family: PingFangSC;
}

.con1320 {
    max-width: 1320px;
    margin: 0 auto;
    overflow: hidden;
}

.index_advan .advan2,
.index_advan .advan1 {
    width: 100%;
    display: table;
}

.index_advan .trus {
    display: table-cell;
    vertical-align: middle;
    padding: 1% 3%;
    width: 50%;
    box-sizing: content-box;
    background: rgba(229, 229, 229, 0.3);
}

.index_advan .img {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

.index_advan img {
    border: 10px solid #ccc;
    width: 100%;
}

.index_ho {
    margin-top: 2%;
}

.index_ho .owl-nav {
    display: none;
}

.index_ho .rvc {
    padding: 50px;
    background: rgba(255, 255, 255, 0.9);
}

.owl-theme .owl-controls .owl-nav .owl-prev {
    left: -60px;
    background: url(../images/honor_left.png) no-repeat center;
}

.owl-theme .owl-controls .owl-nav .owl-next {
    right: -60px;
    background: url(../images/honor_prv.png) no-repeat center;
}

.index_par .index_title h1 {
    color: #fff;
}

.index_par .index_title .sum {
    color: #fff;
}

.index_par ul {
    margin: 0 -15px;
    overflow: hidden;
    padding-top: 2%;
}

.index_par li {
    width: 20%;
    float: left;
    padding: 15px 15px;
}

.index_par .solu_more {
    color: #fff;
}

.index_case {
    padding-bottom: 3%;
    background: url(../images/case_bj.jpg) no-repeat center;
}

.index_case .type_ul {
    padding: 2% 0;
}

.index_case .type_ul ul {
    text-align: center;
}

.index_case .type_ul li {
    display: inline-block;
    margin: 7px;
}

.index_case .type_ul a {
    display: block;
    padding: 0 14px;
    line-height: 54px;
    color: #777777;
    border-radius: 5px;
    font-size: 1.6rem;
    background-color: #fff;
    transition: all ease-in-out 0.3s;
}

.index_case .type_ul li.on a,
.index_case .type_ul a:hover {
    color: #fff;
    background-color: #53b140;
}

.index_case .pic_list {
    display: none;
}

.index_case .pic_list:first-child {
    display: block;
}

.index_case .pic_list {
    margin: 0 -10px;
}

.index_case .pic_list ul {
    padding: 0 10px;
}

.index_case .pic_list li {
    margin-bottom: 6%;
}

.index_case .pic_list .img {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
}

.index_case .pic_list .img img {
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.index_case .pic_list h3 {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: url(../images/solu_tit_bj.png) no-repeat center bottom;
}

.index_case .pic_list h3 p {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    vertical-align: bottom;
    color: #fff;
    padding: 5% 0;
}

.index_case .pic_list a:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.index_ab .about_main {
    margin: 0 -8px;
    overflow: hidden;
    padding-top: 2%;
}

.index_ab .about_left,
.index_ab .about_right {
    padding: 0 8px;
    width: 50%;
    float: left;
}

.index_ab .about_left .comp {
    color: #666666;
    line-height: 30px;
}

.index_ab .about_left .link {
    width: 100%;
    overflow: hidden;
    padding: 6.8% 0;
}

.index_ab .about_left .link a {
    display: inline-block;
    line-height: 52px;
    text-align: center;
    color: #fff;
    background-color: #53b140;
    width: 47%;
    float: left;
    font-size: 1.6rem;
}

.index_ab .about_left .link .ab_tel {
    display: inline-block;
    width: 53%;
    float: left;
    text-align: center;
    font-size: 1.6rem;
    color: #8c8c8c;
    line-height: 50px;
    border: 1px solid #ccc;
}

.index_ab ul {
    margin: 0 -10px;
}

.index_ab li {
    padding: 0 10px;
}

.index_ab li img {
    width: 100%;
}

.index_ab .about_right .row {
    padding-top: 3%;
}

.index_news {
    margin-top: 3%;
    padding-bottom: 4%;
    background: url(../images/news_bj.jpg) no-repeat center;
}

.index_news .index_title .sum {
    color: #fff;
}

.index_news .type_list li {
    margin-right: 30px;
    display: inline-block;
}

.index_news .type_list li a {
    display: block;
    width: 146px;
    line-height: 42px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.index_news .type_list li a:hover,
.index_news .type_list li.on a {
    color: #fff;
    background-color: #53b140;
    border: 1px solid #53b140;
}

.index_news .news_type {
    margin: 0 -28px;
    overflow: hidden;
    padding-top: 2%;
}

.index_news .news_two {
    width: 56%;
    padding: 0 28px;
    float: left;
    background: url(../images/news_line.png) no-repeat right center;
}

.index_news .type_list .news_more {
    display: inline-block;
    float: right;
    padding-right: 30px;
    line-height: 42px;
    color: #fff;
    background: url(../images/honor_prv.png) no-repeat right center;
}

.index_news .type_list .news_more:hover {
    color: #53b140;
}

.index_news .news_li {
    margin-top: 5%;
}

.index_news .news_li .list {
    display: none;
}

.index_news .list ul {
    margin: 0 -9px;
}

.index_news .list li {
    padding: 0 9px;
}

.index_news .list a {
    display: block;
    padding: 20px;
    height: 100%;
    background-color: #fff;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.index_news .list h2 {
    font-size: 1.8rem;
    color: #f8c208;
    padding: 6% 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.index_news .list .sum {
    color: #757575;
    font-size: 12px;
    line-height: 24px;
    padding-bottom: 8%;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.index_news .list a:hover h2,
.index_news .list a:hover .sum {
    color: #fff;
}

.index_news .list a:hover {
    background-color: #53b140;
}

.index_news .news_three {
    float: right;
    width: 44%;
    padding: 0 28px;
}

.index_news .news_three .list2 {
    margin-top: 6.5%;
}

.index_news .list2 li {
    margin-bottom: 3%;
}

.index_news .list2 a {
    display: block;
    width: 100%;
    overflow: hidden;
}

.index_news .list2 .img {
    float: left;
    width: 32%;
}

.index_news .list2 .news_info {
    width: 68%;
    padding-left: 15px;
    float: right;
}

.index_news .list2 h2 {
    font-size: 1.6rem;
    color: #fff;
    padding: 3% 0;
}

.index_news .list2 a:hover h2 {
    color: #53b140;
}

.index_news .list2 .sum {
    font-size: 12px;
    color: #fff;
    line-height: 24px;
}

.footer {
    background-color: #fafafa;
    padding: 3% 0;
}

.footer1{
    max-width: 1460px;
    display: flex;
    margin: 0 auto;
    /*border: 1px #f00 solid ;*/
}

.footer .foo_tit {
    margin-bottom: 6%;
}

.footer .foo_tit a {
    display: block;
    font-size: 1.8rem;
    color: #53b140;
    font-weight: 500;
}

.foo_nav {
    max-width: 236px;
    float: left;
}

.foo_nav ul {
    overflow: hidden;
}

.foo_nav ul li {
    width: 50%;
    float: left;
}

.foo_nav ul a {
    display: block;
    line-height: 34px;
    font-size: 1.6rem;
    color: #666666;
    padding-left: 14px;
    background: url(../images/foo_icon.jpg) no-repeat left center;
}

.branch {
    /*display: flex;*/
    padding: 0 2.5%;
    background: url(../images/foo_line.jpg) no-repeat left center;
}
.branch ul{
    display: flex;
}

.branch li {
    display: flex;
    flex-direction: column;
    margin: 0 10px;
    align-items: center;
}

.branch li:first-child {
    margin-left: 0;
}

.branch li p {
    text-align: center;
    color: #666666;
    padding: 6% 0;
    /*font-size: 12px;*/
}
.branch li img{
    width: 100px;
    height: 100px;
}

.index_contact {
    float: right;
    padding-left: 2.5%;
    background: url(../images/foo_line.jpg) no-repeat left center;
}

.index_contact li {
    line-height: 30px;
    color: #666666;
}

.foo_center {
    border-top: 1px solid #ccc;
}

.foo_center .container {
    text-align: center;
}

.foo_center a {
    display: inline-block;
    line-height: 50px;
    color: #666666;
    padding: 0 0.5%;
}

.foo_bottom {
    overflow: hidden;
    background-color: #505150;
}

.foo_bottom .tit {
    float: left;
}

.foo_bottom .tit p {
    font-size: 1.8rem;
    color: #fff;
    line-height: 60px;
}

.foo_bottom ul {
    float: left;
}

.foo_bottom ul li {
    display: inline-block;
    background: url(../images/foo_icon2.jpg) no-repeat right center;
}

.foo_bottom ul a {
    display: block;
    line-height: 60px;
    color: #fff;
    padding: 0 12px;
}

.path {
    background-color: #f9f9f9;
    padding: 14px 0;
    line-height: 42px;
}

.path .guide {
    float: left;
    padding-left: 30px;
    background: url(../images/path.png) no-repeat left center;
}

.path .guide a {
    display: inline-block;
    line-height: 42px;
    font-size: 1.6rem;
    color: #5e5e5e;
    vertical-align: middle;
}

.path .guide .icon {
    font-family: "simsun";
    font-size: 2rem;
}

.path .guide a:last-child {
    color: #53b140;
}

.path .search {
    width: 320px;
    height: 42px;
    float: right;
    border-radius: 21px;
    background-color: #f1f1f1;
}

.path .search .txt {
    width: 258px;
    padding: 0 10px;
    height: 42px;
    border: none;
    float: left;
    background: none;
}

.path .search .btn_sear {
    width: 60px;
    height: 42px;
    cursor: pointer;
    float: right;
    outline: none;
    border: none;
    padding: 0;
    background: url(../images/public/search.png) no-repeat center;
}

.pub_left li {
    display: inline-block;
    width: 190px;
}

.pub_left a {
    display: block;
    font-size: 1.6rem;
    color: #4f4f4f;
    padding: 15px 0;
    text-align: center;
    border-right: 1px solid #ccc;
}

.typename {
    padding-top: 4%;
    padding-bottom: 34px;
    margin-bottom: 4%;
    background: url(../images/typename.png) no-repeat bottom center;
}

.typename h1 {
    text-align: center;
    font-size: 3rem;
    color: #53b140;
    font-family: PingFangSC;
}

.solu_a {
    overflow: hidden;
}

.solu_a .img_list {
    width: 50%;
    float: left;
}

.solu_a .img_list li {
    display: none;
}

.solu_a .type_con {
    float: right;
    width: 50%;
}

.solu_a .type_con .con {
    display: table;
    padding: 30px;
    min-height: 230px;
    background-color: #f6f6f6;
}

.solu_a .con div {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.6rem;
    color: #696969;
    line-height: 30px;
}

.solu_a .type_con ul {
    padding: 0 4%;
    padding-top: 6.8%;
}

.solu_a .type_con li {
    padding: 0 14px;
}

.solu_a .type_con img {
    width: 100%;
}

.mt5 {
    margin-top: 5%;
}

.solu_case ul {
    margin: 0 -4px;
}

.solu_case li a {
    display: block;
    position: relative;
}

.solu_case li .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/solu_tit_bj.png) no-repeat center bottom;
}

.solu_case li p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    padding: 3% 0;
}

.struct {
    background: url(../images/solu_bj.jpg) no-repeat center;
}

.struct .struct_box {
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
}

.struct .img_li {
    width: 100%;
    overflow: hidden;
}

.struct .img_li .img {
    width: 50%;
    float: left;
    padding: 1px;
}

.type_two {
    text-align: center;
    padding: 4% 0 2% 0;
}

.type_s {
    line-height: 24px;
}

.type_two h1 {
    display: inline-block;
    font-size: 3rem;
    color: #53b140;
    text-align: center;
    padding-left: 48px;
    padding-right: 48px;
    background: url(../images/type.png) no-repeat center left;
}

.struct .str_con {
    padding: 3%;
    min-height: 130px;
}

.struct .str_con h2 {
    font-size: 1.6rem;
    color: #53b140;
    text-align: center;
}

.struct .con1200 {
    position: relative;
}

.struct .str_con .sum {
    padding: 10px 0;
    font-size: 1.4rem;
    line-height: 24px;
}

.lr {
    position: relative;
    margin: 4% auto;
    text-align: center;
}

.lr .arrow_a {
    background: url(../images/honor_left.png) no-repeat center;
}

.lr .arrow_b {
    background: url(../images/honor_prv.png) no-repeat center;
}

.lr .arrow_a,
.lr .arrow_b {
    display: inline-block;
    width: 74px;
    height: 30px;
    cursor: pointer;
    background-color: #fff;
}

.lr .arrow_a:hover {
    background: url(../images/honor_left2.png) no-repeat center;
}

.lr .arrow_b:hover {
    background: url(../images/honor_prv2.png) no-repeat center;
}

.struct .type_two h1 {
    color: #fff;
}

.irrig .img_li {
    border: 1px solid #e3e3e3;
}

.struct .swiper-wrapper .swiper-slide,
.irrig .swiper-wrapper .swiper-slide {
    height: auto;
}

.irrig .str_con {
    padding: 3%;
    background-color: #f5f5f5;
}

.irrig .str_con h2 {
    font-size: 2rem;
    color: #53b140;
    text-align: center;
}

.irrig .con1200 {
    position: relative;
}

.irrig .struct_box {
    height: 100%;
    background-color: #f5f5f5;
}

.irrig .str_con .sum {
    padding: 10px 0;
    font-size: 1.4rem;
    line-height: 24px;
}

.irrig .lr .arrow_a {
    background: url(../images/honor_left2.png) no-repeat center;
}

.irrig .lr .arrow_b {
    background: url(../images/honor_prv2.png) no-repeat center;
}

.irrig .lr .arrow_a,
.irrig .lr .arrow_b {
    background-color: #9e9e9e;
}

.plant {
    background: url(../images/plant_bj.jpg) no-repeat center;
    padding-bottom: 4%;
}

.plant .type_two {
    padding-bottom: 2%;
}

.plant .type_s {
    padding-bottom: 3%;
}

.plant .type_s p {
    color: #636363;
    line-height: 24px;
    text-indent: 2em;
}

.install {
    margin-top: -4%;
}

.install .install_box {
    display: table;
    width: 100%;
    padding: 1px;
    background-color: #53b140;
}

.install .img {
    display: table-cell;
    vertical-align: middle;
    width: 40%;
}

.install .install_con {
    display: table-cell;
    vertical-align: middle;
    width: 60%;
    padding: 30px;
}

.install .install_con h1 {
    display: inline-block;
    font-size: 3rem;
    color: #fff;
    text-align: center;
    padding-left: 48px;
    background: url(../images/type.png) no-repeat center left;
}

.install .install_con .sum {
    padding: 2% 0;
    color: #fff;
    line-height: 40px;
    font-size: 1.6rem;
}

.install .tel {
    width: 420px;
    height: 92px;
    text-align: center;
    line-height: 88px;
    margin-top: 4%;
    background: url(../images/tel_bj.png) no-repeat center;
}

.install .tel p {
    display: inline-block;
    padding-left: 58px;
    font-size: 1.6rem;
    color: #fff;
    background: url(../images/trl_icon.png) no-repeat left center;
}

.trait_m .train_box {
    position: relative;
    margin-top: -14px;
}

.trait_m .trait_mian {
    position: absolute;
    left: 0;
    width: 100%;
    display: flex;
    height: 100%;
}

.trait_m .trait_mian ul {
    position: relative;
}

.trait_m .trait_mian .uls1 {
    width: 432px;
}

.trait_m .trait_mian .uls1 li {
    text-align: right;
}

.trait_m .trait_mian .uls1 li:first-child {
    position: absolute;
    top: 116px;
    right: 24px;
}

.trait_m .trait_mian .uls1 li:last-child {
    position: absolute;
    top: 290px;
    right: 50px;
}

.trait_m .trait_mian .uls2 {
    width: 336px;
}

.trait_m .trait_mian .uls2 li:first-child {
    position: absolute;
    top: 0px;
    width: 100%;
}

.trait_m .trait_mian .uls2 li:last-child {
    position: absolute;
    top: 470px;
    width: 100%;
}

.trait_m .trait_mian .uls3 {
    width: 432px;
}

.trait_m .trait_mian .uls3 li:first-child {
    position: absolute;
    left: 24px;
    top: 116px;
}

.trait_m .trait_mian .uls3 li:last-child {
    position: absolute;
    top: 290px;
    left: 50px;
}

.trait_m .trait_mian .uls2 li {
    text-align: center;
}

.trait_m .img {
    text-align: center;
}

.trait_m img {
    margin: 1% auto;
    padding: 3% 0;
}

.road {
    overflow: hidden;
    padding: 3% 0;
}

.road_img {
    width: 56%;
}

.road_con {
    width: 44%;
}

.road_con .road_tit {
    padding: 6% 4%;
}

.road_con .road_tit h2 {
    font-size: 2.4rem;
    color: #53b140;
}

.road_con .road_sum {
    background-color: #f8f8f8;
    padding: 4%;
}

.road_con .road_sum .sum {
    display: table;
    min-height: 134px;
}

.road_con .road_sum .sum div {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.4rem;
    color: #7e7d7d;
    line-height: 24px;
    text-indent: 2em;
}

.road_con .road_sum .picm {
    padding: 3% 0;
}

.road_con .road_sum .picm img {
    width: auto;
}

.road .lr .arrow_b {
    background: url(../images/honor_prv2.png) no-repeat center;
}

.road .lr .arrow_a {
    background: url(../images/honor_left2.png) no-repeat center;
}

.road .lr .arrow_a,
.road .lr .arrow_b {
    background-color: #9e9e9e;
}

.road .lr {
    text-align: left;
    padding: 0 4%;
    margin: 4% 0 0 0;
}

.client .swiper-slide {
    margin-top: 26px !important;
}

.client .swiper-slide a {
    display: block;
    position: relative;
}

.client .swiper-slide .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/solu_tit_bj.png) no-repeat center bottom;
}

.client .swiper-slide p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    padding: 3% 0;
}

.client .lr .arrow_b {
    background: url(../images/honor_prv2.png) no-repeat center;
}

.client .lr .arrow_a {
    background: url(../images/honor_left2.png) no-repeat center;
}

.client .lr .arrow_a,
.client .lr .arrow_b {
    background-color: #9e9e9e;
}

.process img {
    margin: 1% auto;
}

.dlid .swiper-slide a {
    display: block;
    position: relative;
}

.dlid .swiper-slide .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/solu_tit_bj.png) no-repeat center bottom;
}

.dlid .swiper-slide p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    padding: 3% 0;
}

.solu_form .mess_input input {
    display: block;
    line-height: 50px;
    font-size: 1.6rem;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 3%;
}

.solu_form .mess_info {
    width: 100%;
    overflow: hidden;
}

.solu_form .mess_input {
    width: 46%;
    float: left;
}

.solu_form .textarea {
    width: 52%;
    float: right;
}

.solu_form .textarea textarea {
    width: 100%;
    height: 266px;
    line-height: 50px;
    font-size: 1.6rem;
    padding: 0 10px;
}

.solu_form .submit {
    width: 100%;
}

.solu_form .submit input {
    display: block;
    width: 300px;
    line-height: 58px;
    text-align: center;
    color: #fff;
    margin: 4% auto;
    font-size: 2rem;
    background-color: #53b140;
}

.scenes_list ul {
    margin: 0 -7px;
}

.scenes_list li {
    padding: 0 7px;
    margin-bottom: 3%;
}

.pub_tit_shadow li a {
    display: block;
    position: relative;
}

.pub_tit_shadow li .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/solu_tit_bj.png) repeat-x center bottom;
}

.pub_tit_shadow li p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    padding: 6% 0;
}

.pub_tit_shadow div.img {
    overflow: hidden;
}

.pub_tit_shadow div.img img {
    width: 100%;
    -webkit-transition: all ease-in-out 0.8s;
    -moz-transition: all ease-in-out 0.8s;
    -ms-transition: all ease-in-out 0.8s;
    -o-transition: all ease-in-out 0.8s;
    transition: all ease-in-out 0.8s;
}

.pub_tit_shadow li a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.pub_tit_shadow li a:hover .title p {
    color: #53b140;
}

.scenes .pub_left li {
    width: 233px;
}

.road_land .road_table {
    display: table;
}

.road_land .type_con,
.road_land .img_li {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    background-color: #f6f6f6;
}

.road_land .type_con div {
    padding: 8%;
    display: inline-block;
    font-size: 1.6rem;
    color: #717171;
    line-height: 30px;
}

.road_land .img_li ul li {
    display: none;
}

.road_land .pic_li ul {
    margin: 2% -9px;
}

.road_land .pic_li li {
    padding: 0 9px;
}

.road_land .pic_li a {
    display: block;
    overflow: hidden;
}

.road_land .pic_li a img {
    -webkit-transition: all ease-in-out 0.8s;
    -moz-transition: all ease-in-out 0.8s;
    -ms-transition: all ease-in-out 0.8s;
    -o-transition: all ease-in-out 0.8s;
    transition: all ease-in-out 0.8s;
}

.road_land .pic_li a:hover img {
    transform: scale(1.1);
}

.road_case {
    background-color: #f0f0f0;
    padding: 24px;
}

.road_case .img_li {
    margin-bottom: 24px;
}

.road_case .img_li li {
    display: none;
}

.road_case .pic_li ul {
    margin: 0 -4px;
}

.road_case .img_li a {
    display: block;
    position: relative;
}

.road_case .img_li .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/solu_tit_bj.png) repeat-x center bottom;
}

.road_case .img_li p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    padding: 2% 0;
}

.road_modus .pub_tit_shadow ul {
    margin: 0 -14px;
}

.road_modus .pub_tit_shadow li {
    padding: 0 14px;
    margin-bottom: 3%;
}

.road_modus .pub_tit_shadow li p {
    font-size: 1.8rem;
}

.model_tit h2 {
    font-size: 2.4rem;
    text-align: center;
    color: #747474;
    margin-bottom: 3%;
}

.design .img_li1 {
    overflow: hidden;
    margin: 0 -6px;
}

.design .img1 {
    width: 67%;
    float: left;
    padding: 6px;
}

.design .img1 li p {
    padding: 3% 0;
}

.design .img2 {
    float: right;
    padding: 6px;
    width: 33%;
}

.design .img_li2 li a,
.design .img_li1 li a {
    border: 1px solid #ccc;
}

.design .img_li1 {
    margin-bottom: 1.5%;
}

.design .img2 li {
    margin-bottom: 6px;
}

.design .img2 li:last-child {
    margin-bottom: 0;
}

.design .img_li2 li {
    margin-bottom: 2%;
}

.design .img_li2 li p {
    padding: 2% 0;
}

.foo_mt {
    margin-top: 4%;
}

.design .des_con {
    text-align: center;
    color: #9b9b9b;
    font-size: 1.6rem;
    line-height: 30px;
}

.design_type .design_lit {
    display: flex;
    -ms-align-items: stretch;
    align-items: stretch;
    margin-bottom: 3%;
}

.design_type .design_lit .design_img {
    width: 53%;
}

.design_type .design_lit .design_img .img {
    position: relative;
}

.design_type .design_lit .design_img .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/solu_tit_bj.png) repeat-x center bottom;
}

.design_type .design_lit .design_img h3 {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    color: #fff;
}

.design_type .design_lit .design_con {
    width: 47%;
}

.swiper {
    width: 100%;
}

.design_type .design_lit .design_con {
    background-color: #f3f3f3;
    padding: 3%;
}

.design_type .design_con h2 {
    color: #9a9c9a;
    font-size: 3.6rem;
    padding-top: 10%;
}

.design_type .design_con .sum {
    text-indent: 2.3em;
    line-height: 26px;
    padding: 5% 0;
    min-height: 200px;
}

.design_type .design_con .lr {
    margin: 0;
}

.scen ul {
    -ms-align-items: stretch;
    align-items: stretch;
    margin: 0 -13px;
    overflow: hidden;
}

.scen ul li {
    padding: 0 13px;
}

.scen ul a {
    display: block;
    height: 100%;
}

.scen ul h3 {
    font-size: 1.8rem;
    color: #53b140;
}

.scen ul .con {
    padding: 6%;
    height: 100%;
    background-color: #f8f8f8;
}

.scen ul .con .sum {
    padding: 3% 0;
    line-height: 28px;
}

.design_cust li {
    margin-bottom: 3%;
}

.case_road {}

.case_road .road_left img {
    width: 100%;
}

.case_road .road_one {
    display: flex;
    -ms-align-items: stretch;
    align-items: stretch;
    margin: 0 -15px;
}

.case_road .road_left {
    width: 50%;
    padding: 0 15px;
}

.case_road .road_right {
    width: 50%;
    padding: 0 15px;
    overflow: hidden;
}

.case_road .road_ul2 {
    margin: 0 -4px;
    margin-top: 3%;
}

.road_right ul a {
    display: block;
    height: 100%;
}

.road_right ul img,
.road_right ul .img,
.road_right ul li,
.road_right ul {
    width: auto;
    max-width: 100%;
}

.road_right .type_two,
.road_right .type_two h1 {
    text-align: left;
    padding-bottom: 0;
}

.road_right .type_two h2 {
    padding: 3% 0;
    padding-left: 48px;
}

.road_right .type_two h2 p {
    display: inline-block;
    color: #9e9e9e;
    font-size: 2.6rem;
    line-height: 40px;
}

.road_right .type_two h2 a {
    display: inline-block;
    float: right;
    width: 100px;
    line-height: 40px;
    text-indent: 1em;
    background: url(../images/honor_prv2.png) no-repeat 74px center;
    background-color: #9e9e9e;
    color: #fff;
}

.road_two ul {
    margin: 0 -13px;
}

.road_two li {
    padding: 0 13px;
    margin-bottom: 3%;
}

.road_two li p {
    padding: 3% 0;
}

.case_road_read .des_con {
    text-align: center;
    color: #9b9b9b;
    font-size: 1.6rem;
    line-height: 30px;
}

.case_road_read .des_con .sum {
    padding-bottom: 1%;
}

.parti {
    padding-top: 2%;
}

.parti ul {
    display: flex;
    -ms-align-items: stretch;
    align-items: stretch;
    flex-wrap: wrap;
}

.parti ul li {
    width: 32.33%;
    margin: 8px 0.5%;
    background: #f9f9f9;
}

.parti .img {}

.parti .parti_con {
    padding: 10%;
    background: #f9f9f9;
}

.parti .parti_con h2 {
    font-size: 2rem;
    color: #53b140;
}

.parti .parti_con .sum {
    padding-top: 4%;
    line-height: 28px;
}

.strenth .str_longtitle {
    font-size: 1.6rem;
    color: #737871;
    line-height: 26px;
    text-align: center;
    margin-bottom: 3%;
}

.strenth .typename {
    margin-bottom: 2%;
}

.strenth .des_con {
    display: flex;
    width: 100%;
}

.strenth .des_con .img {
    width: 62%;
}

.strenth .des_con .sum {
    width: 38%;
    background-color: #f4f4f4;
    display: inline-flex;
    padding: 0 20px;
    font-size: 1.6rem;
    color: #8f8f8f;
    line-height: 1.8;
    justify-content: center;
    align-items: center;
}

.strenth .type_pic {
    margin: 3% 0;
}

.strenth .type_pic img {
    width: 100%;
}

.strength_case .box_img {
    display: flex;
    margin-bottom: 2%;
}

.strength_case .img {
    width: 50%;
}

.strength_case .str_con {
    width: 50%;
    padding: 4%;
    background-color: #f2f2f2;
    position: relative;
}

.strength_case .str_con h2 {
    font-size: 2.4rem;
    color: #53b140;
    text-align: center;
}

.strength_case .str_con .sum {
    color: #8f8f8f;
    font-size: 1.4rem;
    line-height: 28px;
    padding: 3% 0;
    text-align: center;
}

.strength_case .picm {
    max-width: 350px;
    margin: 0 auto;
}

.strength_case .lr {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
}

.strength_case .str_case {
    margin-bottom: 3%;
}

.conserve .bread {
    display: flex;
}

.conserve .bread .img {
    width: 58%;
}

.conserve .bread .con {
    width: 42%;
    background-color: #f2f2f2;
    display: inline-flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    padding: 4%;
    color: #9e9e9e;
    font-size: 1.6rem;
    line-height: 1.8;
}

.conserve ul {
    margin: 0 -6px;
    padding: 2% 0;
}

.conserve li {
    padding: 0 6px;
}

.rd .sum {
    font-size: 1.6rem;
    color: #8f8f8f;
    padding-top: 2%;
}

.rd .rd_ul {}

.rd .rd_ul .ul,
.rd .rd_ul ul {}

.rd .rd_ul li {
    background-color: #ececec;
}

.rd .rd_ul li a {
    display: block;
}

.rd .rd_ul ul .img {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.rd .rd_ul .ul ul {
    height: 100%;
}

.rd .rd_ul .ul li {
    padding-bottom: 8px;
    background-color: #fff;
}

.rd .rd_ul .ul a {
    height: 100%;
    display: inline-flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    background-color: #ececec;
}

.ability .type_two {
    padding-bottom: 2%;
}

.ability .tit {
    text-align: center;
    font-size: 1.6rem;
    color: #8f8f8f;
    margin-bottom: 1.5%;
}

.ability ul {
    margin: 0 -7px;
}

.ability ul li {
    padding: 0 7px;
}

.ability ul a {
    display: block;
    padding: 6px;
    border: 1px solid #ccc;
}

.ability ul img {
    width: 100%;
}

.ability .abi_two .tit {
    padding-top: 4%;
}

.stere {
    display: flex;
}

.stere .img {
    width: 56%;
}

.stere .stere_con {
    width: 44%;
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    background-color: #4e6849;
}

.stere .stere_con ul {
    width: 66%;
    padding: 28px;
    padding-bottom: 10px;
    margin: 0 -8px;
}

.stere .stere_con ul a {
    display: block;
    border-radius: 50%;
    border: 2px solid #fff;
    overflow: hidden;
}

.stere .stere_con ul li {
    padding: 0 8px;
}

.stere .stere_con .sum {
    color: #fff;
    line-height: 28px;
    width: 66%;
    padding: 28px;
}

.liti_irr li {
    padding: 0;
}

.liti_irr_con {
    background-color: #f1f1f1;
    padding: 3% 6%;
}

.liti_irr_con h2 {
    text-align: center;
    color: #53b140;
    font-size: 2.6rem;
    margin-bottom: 2%;
}

.liti_irr_con .sum {
    color: #707070;
    line-height: 28px;
}

.client .slide2 {
    margin-top: 4px !important;
}

.client .swiper-slide0 {
    margin-top: 0px !important;
}

.install_liti {
    background-color: #f0f0f0;
}

.install_liti .install_box {
    display: table;
    width: 100%;
    padding: 1px;
}

.install_liti .img {
    display: table-cell;
    vertical-align: middle;
    width: 40%;
}

.install_liti .install_con {
    display: table-cell;
    vertical-align: middle;
    width: 60%;
    padding: 30px;
}

.install_liti .install_con h1 {
    display: inline-block;
    font-size: 3rem;
    color: #53b140;
    text-align: center;
    padding-left: 48px;
    background: url(../images/type.png) no-repeat center left;
}

.install_liti .install_con .sum {
    padding: 2% 0;
    color: #8f8f8f;
    line-height: 30px;
    font-size: 1.6rem;
}

.install_liti .tel {
    width: 420px;
    height: 92px;
    text-align: center;
    line-height: 88px;
    margin-top: 4%;
    background: url(../images/tel_bj2.png) no-repeat center;
}

.install_liti .tel p {
    display: inline-block;
    padding-left: 58px;
    font-size: 1.6rem;
    color: #8f8f8f;
    background: url(../images/trl_icon2.png) no-repeat left center;
}

.trait .trait_list {
    display: flex;
    -ms-align-items: stretch;
    align-items: stretch;
    margin: 0 -8px;
}

.trait .trait_list ul,
.trait .trait_list .img {
    width: 33.33%;
    padding: 0 8px;
}

.trait ul h2 {
    font-size: 3rem;
    color: #53b140;
}

.trait ul {}

.trait ul li {
    display: flex;
    padding: 0;
    -ms-align-items: center;
    align-items: center;
}

.trait ul .fixm {
    width: 100%;
    height: 100%;
    padding-bottom: 4px;
}

.trait ul .fixm .box {
    display: inline-flex;
    height: 100%;
    padding: 0 24px;
    width: 100%;
    background-color: #f6f6f6;
    -ms-align-items: center;
    align-items: center;
}

.trait ul .sum {
    color: #848484;
    line-height: 24px;
    padding-left: 14px;
}

.type_two .sum {
    line-height: 26px;
    color: #888888;
    padding-top: 1%;
    font-size: 1.4rem;
}

.platform .bread_img {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 3%;
}

.platform2 {
    padding-bottom: 3%;
    background: url(../images/platform_bj.jpg) no-repeat center;
}

.platform3 {
    padding-top: 2%;
    padding-bottom: 3%;
    background: url(../images/platform2_bj.jpg) no-repeat center;
}

.platform3 .bread_img img {
    margin: 0 auto;
}

.platform3 .sum {
    min-height: 40px;
}

.plat_ban {
    position: relative;
    width: 100%;
}

.sec_nav {
    max-width: 1200px;
    width: 1200px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    bottom: 8%;
    display: flex;
    justify-content: center;
}

.sec_nav ul {
    padding: 0 20px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 30px;
}

.sec_nav li {
    display: inline-block;
}

.sec_nav a {
    display: block;
    padding: 0 30px;
    color: #fff;
    font-size: 1.6rem;
    line-height: 60px;
}

.sec_nav a:hover,
.sec_nav a.hover {
    color: #f8c208;
}

.join_con h2 {
    font-size: 2.1rem;
    color: #022607;
    text-align: center;
}

.join_con .long_sum {
    font-size: 1.6rem;
    color: #a3a3a3;
    text-align: center;
    line-height: 28px;
    padding: 2% 0 4% 0;
}

.join_one {
    padding-bottom: 3%;
    background: url(../images/join_bj.jpg) no-repeat center;
}

.billion h2 {
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 94px;
    width: 250px;
    margin: 0 auto;
    text-align: center;
    background-color: #53b140;
    border-radius: 20px;
    text-shadow: 2px 2px 3px #000;
    color: #e0c800;
}

.billion_bj {
    margin-bottom: 5px;
}

.billion_bj img {
    margin: 0 auto;
}

.billion ul {
    text-align: center;
    margin: 0 -8px;
}

.billion ul li {
    width: 12%;
    padding: 0 0px;
    display: inline-block;
    vertical-align: top;
}

.billion ul .img {
    padding-bottom: 14px;
    background: url(../images/shadow_pic.png) no-repeat center bottom;
}

.billion ul p {
    text-align: center;
}

.billion_slogan .slogan_line {
    text-align: center;
}

.billion_slogan {
    display: block;
    width: 100%;
    padding: 14px;
    margin: 2% auto;
    max-width: 870px;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 10px;
}

.billion_slogan .slogan_line {
    line-height: 70px;
    border: 1px dashed #53b140;
}

.billion_slogan span {
    font-size: 2.8rem;
    color: #f8c208;
    padding: 0 8px;
}

.trait .trait_list {
    display: flex;
    -ms-align-items: stretch;
    align-items: stretch;
    margin: 0 -8px;
}

.trait .trait_list ul,
.trait .trait_list .img {
    width: 33.33%;
    padding: 0 8px;
}

.innov_list {
    display: flex;
    -ms-align-items: stretch;
    align-items: stretch;
    margin: 0 -50px;
}

.innov_list>div {
    padding: 0 50px;
    width: 50%;
}

.innov_list .innov_tit {
    text-align: center;
    margin-bottom: 6%;
    margin-top: -20px;
}

.innov_list h2 {
    text-align: center;
    color: #fff;
    padding: 0 30px;
    line-height: 56px;
    display: inline-block;
    border-radius: 10px;
}

.innov_list .innov_one h2 {
    background-color: #53b140;
}

.innov_list .fixm {
    width: 100%;
    height: 100%;
    padding-bottom: 24px;
}

.innov_list .box_img {
    max-width: 113px;
    width: 100%;
}

.innov_list .box_img img {
    width: 100%;
}

.innov_list .fixm .box {
    display: flex;
    width: 100%;
    height: 100%;
    -ms-align-items: center;
    align-items: center;
}

.innov_list .innov_one .box_tit {
    background-color: #53b140;
}

.innov_list .box_tit {
    display: flex;
    justify-content: center;
    height: 100%;
    overflow: hidden;
    -ms-align-items: center;
    align-items: center;
    max-width: 134px;
    width: 100%;
}

.innov_list .flex_tit {
    text-align: center;
}

.innov_list .flex_tit p {
    font-size: 2rem;
    margin: 5px 0;
    color: #fff;
}

.innov_list .box_sum {
    display: flex;
    margin-left: 6px;
    -ms-align-items: center;
    align-items: center;
    height: 100%;
    max-width: 430px;
    width: 100%;
    background-color: #f4f4f4;
}

.innov_list .sum {
    padding: 0 30px;
    font-size: 1.6rem;
    color: #888888;
    line-height: 26px;
}

.innov_list .innov_two h2 {
    background-color: #f8c208;
}

.innov_list .innov_two .flex_tit p {
    margin: -6px 0;
}

.innov_list .innov_two .box_tit {
    background-color: #f8c208;
}

.join_solu {
    margin-top: 2%;
    padding-bottom: 3%;
    background: url(../images/join_bj3.jpg) no-repeat center;
}

.join_advan {
    background: url(../images/join_bj4.jpg) no-repeat center;
}

.join_advan .advan_li {
    display: flex;
    padding-bottom: 4%;
    justify-content: center;
}

.join_advan li {
    margin-bottom: 3%;
}

.join_advan li h2 {
    font-size: 2.4rem;
    color: #f8c208;
}

.join_advan li .sum {
    font-size: 1.6rem;
    color: #fff;
    padding: 1% 0;
}

.join_advan li.lis1 {
    margin-left: 90px;
}

.join_advan li.lis2 {
    margin-left: 60px;
}

.join_advan li.lis3 {
    margin-left: 30px;
}

.join_advan li.lis4 {
    margin-left: 0px;
}

.join_advan li.lis5 {
    margin-left: -30px;
}

.join_advan li.lis6 {
    margin-left: -60px;
}

.join_advan li.lis7 {
    margin-left: -90px;
}

.policy ul {
    text-align: center;
}

.policy ul li {
    display: inline-block;
}

.policy ul h2 {
    font-size: 1.5rem;
    color: #808080;
}

.policy .ul_one li {
    margin-right: 160px;
}

.policy .ul_one li:last-child {
    margin-right: 0;
}

.policy .img {
    width: 100%;
    margin: 10px auto;
}

.policy .img img {
    margin: 0 auto;
}

.profit li {
    padding: 0;
}

.ecology ul {
    margin: 0 -10px;
}

.ecology li {
    padding: 0 10px;
}

.ecology li .box_img {
    padding: 14% 0;
    background-color: #3d6a34;
}

.ecology li .img {
    border-radius: 50%;
    overflow: hidden;
    padding: 4px;
    width: 110px;
    background-color: #3d6235;
    border: 2px solid #4d973f;
    margin: 0 auto;
}

.ecology li .img img {
    border-radius: 50%;
    overflow: hidden;
}

.ecology li h2 {
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    padding-top: 5%;
}

.ecology .eco_con {
    padding: 10% 6%;
    height: 100%;
    overflow: hidden;
    background-color: #f5f5f5;
}

.ecology .eco_con h3 {
    text-align: center;
    color: #53b140;
    font-size: 2rem;
    padding-bottom: 6%;
}

.ecology .eco_con .content {
    color: #858585;
    line-height: 28px;
}

.cond ul {
    margin: 0 -10px;
    display: flex;
}

.cond ul li {
    width: 20%;
    -ms-align-items: stretch;
    align-items: stretch;
    float: left;
    padding: 0 10px;
}

.cond .cond_con {
    display: flex;
    -ms-align-items: center;
    align-items: center;
    overflow: hidden;
    min-height: 240px;
    padding: 0 10%;
    background-color: #26521d;
}

.cond .cond_con h2 {
    color: #fff;
    padding-bottom: 3%;
}

.cond .cond_con .sum {
    color: #fff;
}

.cond .img {}

.process ul {
    text-align: center;
}

.process li {
    display: inline-block;
}

.process li h2 {
    float: left;
    line-height: 84px;
    background-color: #53b140;
    color: #fff;
    width: 160px;
    font-size: 1.8rem;
}

.process li .img {
    float: left;
    width: 80px;
    height: 84px;
    line-height: 84px;
    text-align: center;
}

.process li .img img {
    display: inline-block;
}

.process li:last-child .img {
    display: none;
}

.process_icon .pic {
    padding-left: 90%;
    height: 62px;
    line-height: 62px;
}

.process .process_icon img {
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.process .ul2 li .img img {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.client ul {
    margin: 0 -13px;
}

.client li {
    margin-bottom: 2%;
    padding: 0 13px;
}

.client .img {
    border: 1px solid #ccc;
}

.form_design h2 {
    font-size: 1.6rem;
    color: #676767;
    padding: 3% 0;
}

.form_design .check_one h3 {
    text-align: center;
    padding: 5% 0;
    font-size: 1.6rem;
    color: #53b140;
    border: 1px solid #53b140;
}

.form_design .check_two ul {
    padding: 3%;
    border: 1px solid #ccc;
}

.form_design .check_two ul li {
    border-right: 1px solid #f2f2f2;
}

.form_design .check_two p {
    width: 70%;
    display: inline-block;
    text-align: center;
}

.form_design .check_two h3 {
    font-size: 1.6rem;
    color: #4f4f4f;
    padding: 6% 0;
}

.mess_info2 {
    margin-bottom: 9%;
}

.mess_info2 input {
    width: 32%;
    height: 55px;
    font-size: 1.6rem;
    text-indent: 14px;
}

.mess_info2 input[type="text"] {
    margin-right: 17px;
    margin-bottom: 30px;
}

.mess_info2 input[name="tel"] {
    margin-right: 0px;
}

.mess_info2 input[type="submit"] {
    display: block;
    width: 300px;
    line-height: 55px;
    background: rgba(83, 177, 64, 1);
    border-radius: 2px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    text-indent: 0px;
    margin: 0 auto;
    margin-top: 4%;
    border-color: transparent;
}

.mess_info2 .img {
    margin-bottom: 4%;
}

.mess_info2 input[name="addre"] {
    width: 100%;
    height: auto;
    padding-bottom: 10%;
    padding-top: 18px;
}

.mess_info2 .textarea textarea {
    width: 100%;
    height: 266px;
    line-height: 50px;
    font-size: 1.6rem;
    padding: 0 10px;
}

.mess_info2 .mess_input input:last-child {
    margin-right: 0;
}

.mess_info2 input[type="submit"] {
    display: block;
    width: 300px;
    line-height: 55px;
    background: rgba(83, 177, 64, 1);
    border-radius: 2px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    text-indent: 0px;
    margin: 0 auto;
    margin-top: 4%;
    border-color: transparent;
}

.lr .arrow_b:hover,
.lr .arrow_a:hover {
    background-color: #53b140;
}

.client .type_two {
    padding-bottom: 2%;
}

.client .type_s {
    padding-bottom: 1%;
}

.client .type_s p {
    color: #636363;
    line-height: 24px;
    text-indent: 2em;
}