@charset "UTF-8";
/* CSS Document */


.header {width: auto; height: auto; padding: 35px 0;}
.header .flex {display: -ms-flex; display: flex; align-items: center; justify-content: space-between;}
.header .logo {font-size: 0;}
.header .logo a {display: block;}
.header .logo img {height: 40px;}
.header .right {display: -ms-flex; display: flex; align-items: center;}
.header .language {margin-right: 20px; background: #fff; border-radius: 4px; position: relative;}
.header .language .tit {width: auto; height: 40px; background: url("../images/header-language.png") no-repeat 15px center / auto 20px;}
.header .language .tit a {display: block; width: auto; height: 40px; line-height: 40px; font-size: 14px; color: #999999; padding: 0 45px; position: relative;}
.header .language .tit a:after {content: ''; display: block; width: 14px; height: 8px; position: absolute; right: 15px; top: 50%; margin-top: -4px; background: url("../images/header-arrow.png") no-repeat center / 100% 100%;}
.header .language .txt {min-width: 100%; height: auto; position: absolute; left: 0; top: 100%; background: #fff; border-radius: 0 0 4px 4px; padding-bottom: 5px;}
.header .language .txt ul li {width: auto; height: auto; line-height: 30px;}
.header .language .txt ul li a {display: block; font-size: 14px; color: #666; padding: 0 15px 0 45px; white-space: nowrap;}
.header .language .txt {display: none;}
.header .language:hover {border-radius: 4px 4px 0 0;}
.header .language:hover .tit a:after {transform: rotate(180deg);}
.header .language:hover .txt {display: block;}
.header .email {margin-right: 20px; background: #fff; border-radius: 4px;}
.header .email a {display: block; width: auto; height: 40px; line-height: 40px; font-size: 14px; color: #999999; background: url("../images/header-email.png") no-repeat 15px center / auto 20px; padding: 0 15px 0 45px;}
.header .search {height: 40px; background: #fff; border-radius: 4px; overflow: hidden;}
.header .search input.inp {width: 180px; height: 40px; float: left; box-sizing: border-box; padding: 0 15px;}
.header .search input.btn {display: block; width: 40px; height: 40px; float: left; border-radius: 4px; background: url("../images/header-search.png") #138559 no-repeat center / 20px 20px; cursor: pointer;}
.header .menu {font-size: 0; display: none;}
.header .menu a {display: block; width: 40px; height: 40px; background: #fff; border-radius: 4px; box-sizing: border-box; padding: 10px;}
.header .menu img {width: 20px; height: 20px;}

.fixedMenus {width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; display: none;}
.fixedMenus .mask {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .7); z-index: 2;}
.fixedMenus .wrap {display: -ms-flex; display: flex; justify-content: flex-end; width: 100%; height: 100%;}
.fixedMenus .main {width: 300px; height: 100%; background: #fff; position: relative; z-index: 20;}
.fixedMenus .main .close {position: absolute; right: 0; top: 0; z-index: 20; font-size: 0;}
.fixedMenus .main .close a {display: block; width: auto; height: auto; padding: 20px;}
.fixedMenus .main .close img {width: 16px; height: 16px;}
.fixedMenus .main .search {width: 100%; height: auto; position: absolute; left: 0; top: 0; background: rgba(255, 255, 255, .95); box-sizing: border-box; padding: 60px 20px 20px 20px;}
.fixedMenus .main .search .box {width: auto; height: 40px; background: #f5f5f5; border-radius: 6px; position: relative;}
.fixedMenus .main .search .box input.inp {display: block; width: 100%; height: 40px; font-size: 14px; color: #333; box-sizing: border-box; padding: 0 55px 0 15px;}
.fixedMenus .main .search .box input.btn {display: block; width: 40px; height: 40px; position: absolute; right: 0; top: 0; cursor: pointer; background: url("../images/header-search-black.png") no-repeat center / 20px 20px; z-index: 20;}
.fixedMenus .main .scroll {width: 100%; height: 100%; overflow: auto;}
.fixedMenus .main .scroll .list {padding: 120px 20px 20px 20px;}
.fixedMenus .main .scroll .list ul li {width: auto; height: auto; background: url("../images/borgrayb.png") repeat-x bottom / 1px 1px;}
.fixedMenus .main .scroll .list ul li a {display: block; width: auto; height: auto; padding: 15px 5px; font-size: 15px; color: #999; position: relative;}
.fixedMenus .main .scroll .list ul li a:after {content: ''; display: block; width: 8px; height: 14px; position: absolute; right: 0; top: 50%; margin-top: -7px; opacity: .5; background: url("../images/inmore.png") no-repeat right center / 8px 14px;}
.fixedMenus .main .scroll .list ul li.on a {color: #0c784f; font-weight: bold;}
.fixedMenus.show {display: block;}


.footer {background: #fff; border-radius: 6px; padding: 20px; width: 100%; box-sizing: border-box; display: -ms-flex; display: flex; justify-content: space-between; align-items: center;}
.footer .copy {-ms-flex: 1; flex: 1; font-size: 14px; line-height: 30px; color: #999; font-weight: bold;}
.footer .copy span {display: inline-block;}
.footer .tact {font-size: 0; overflow: hidden;}
.footer .tact .item {float: left; margin-left: 20px;}
.footer .tact .item a {display: block;}
.footer .tact .item img {width: 50px;}


.menubar {width: auto; height: 50px; background: #138559; border-radius: 6px;}
.menubar ul {display: -ms-flex; display: flex;}
.menubar ul li {-ms-flex: 1; flex: 1; position: relative;}
.menubar ul li:before {content: ''; display: block; width: 1px; height: 14px; background: #28b880; position: absolute; left: -1px; top: 50%; margin-top: -7px;}
.menubar ul li:first-child:before {display: none;}
.menubar ul li .tit a {display: block; width: auto; height: auto; line-height: 50px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; position: relative; z-index: 20;}
.menubar ul li:first-child .tit a {border-radius: 6px 0 0 6px;}
.menubar ul li:last-child .tit a {border-radius: 0 6px 6px 0;}
.menubar ul li .txt {width: 100%; height: auto; position: absolute; left: 0; top: 100%; background: #208359; z-index: 999; display: none;}
.menubar ul li .txt .item a {display: block; line-height: 40px; text-align: center; font-size: 16px; color: #fff;}
.menubar ul li .txt .item a:hover {background: #54a082;}
.menubar ul li:hover .txt {display: block;}
.menubar ul li.on .tit a {background: #0c784f;}
.menubar ul li.on:before {display: none;}


.banner {font-size: 0;}
.banner .swiper-slide img {width: 100%; border-radius: 6px;}
.banner .swiper-pagination {font-size: 0; line-height: 0; bottom: 20px;}
.banner .swiper-pagination .swiper-pagination-bullet {width: 15px; height: 6px; background: #fff; opacity: 1; border-radius: 3px;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #138559;}

.intitle {width: auto; height: auto; display: -ms-flex; display: flex; justify-content: space-between; align-items: center;}
.intitle .name {font-size: 18px; font-weight: bold; color: #333333;}
.inmore {font-size: 14px; color: #999999; font-weight: bold;}
.inmore a {color: #999999; display: block; position: relative; background: url("../images/inmore.png") no-repeat right center / auto 14px; padding-right: 15px;}

.inabout {width: 412px; height: 200px; float: left; margin-right: 10px; background: #fff; box-sizing: border-box; padding: 20px; border-radius: 6px;}
.inabout .intitle {padding-bottom: 15px;}
.inabout-content {word-break: break-all; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; color: #333333; line-height: 30px;}

.inslide {width: 314px; height: 200px; float: left; margin-right: 10px; font-size: 0;}
.inslide .swiper-slide a {display: block;}
.inslide .swiper-slide img {width: 314px; height: 200px; border-radius: 6px;}
.inslide .swiper-pagination {font-size: 0; line-height: 0; bottom: 0; background: rgba(0, 0, 0, .5); padding: 15px 0; text-align: right; border-radius: 0 0 6px 6px;}
.inslide .swiper-pagination .swiper-pagination-bullet {width: 10px; height: 10px; background: #fff; opacity: 1; margin: 0 10px 0 0;}
.inslide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #138559;}

.innews {width: 454px; height: 200px; float: left; background: #fff; border-radius: 6px; padding: 20px; box-sizing: border-box;}
.innews-tabs {display: -ms-flex; display: flex; align-items: center; justify-content: space-between;}
.innews-tabs .tabs {width: auto; display: -ms-flex; display: flex; align-items: center;}
.innews-tabs .tabs .item {cursor: pointer; font-size: 16px; font-weight: bold; color: #333333; margin-right: 25px;}
.innews-tabs .tabs .item:last-child {margin-right: 0;}
.innews-tabs .tabs .item.on {font-size: 18px; color: #138559;}
.innews-list {width: auto; height: auto; font-size: 14px; line-height: 30px; padding-top: 15px;}
.innews-list li {position: relative; padding-right: 90px;}
.innews-list li .name {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; padding-left: 15px;}
.innews-list li .name:before {content: ''; display: block; width: 5px; height: 5px; position: absolute; left: 0; top: 50%; margin-top: -2.5px; background: #333; border-radius: 50%;}
.innews-list li .name a {color: #333333;}
.innews-list li .name:hover a {color: #007443;}
.innews-list li .name:hover:before {background: #007443;}
.innews-list li .date {position: absolute; right: 0; top: 0; color: #999999;}

.inprotype {width: auto; height: auto;}
.inprotype .swiper-slide {width: auto; height: auto; margin-right: 13px;}
.inprotype .swiper-slide:last-child {margin-right: 0;}
.inprotype .swiper-slide a {display: block; width: 290px; height: 125px; border-radius: 9px; box-sizing: border-box; position: relative; padding-left: 115px; padding-right: 40px;}
.inprotype .swiper-slide .icon {width: 115px; height: 100%; position: absolute; left: 0; top: 0; font-size: 0; display: -ms-flex; display: flex; justify-content: center; align-items: center;}
.inprotype .swiper-slide .icon img {width: 64px; height: 64px;}
.inprotype .swiper-slide .text {display: -ms-flex; display: flex; width: 100%; height: 100%; -ms-flex-direction: column; flex-direction: column; justify-content: center; color: #fff; font-weight: bold;}
.inprotype .swiper-slide .text .cn {font-size: 18px;}
.inprotype .swiper-slide .text .en {font-size: 14px; padding-top: 5px;}
.inprotype .swiper-button-next,
.inprotype .swiper-button-prev {width: 40px; height: 40px; margin-top: -20px; background-size: 100% 100%;}
.inprotype .swiper-button-next:after,
.inprotype .swiper-button-prev:after {display: none;}
.inprotype .swiper-button-next {background-image: url("../images/inprotype-next.png");}
.inprotype .swiper-button-prev {background-image: url("../images/inprotype-prev.png");}





.incase {background: #fff; border-radius: 6px; padding: 20px;}
.incase-list {width: 100%; overflow: hidden;}
.incase-list ul {width: calc(100% + 33px); overflow: hidden;}
.incase-list ul li {width: 25%; height: auto; float: left; box-sizing: border-box; padding-top: 20px; padding-right: 33px;}
.incase-list ul li .box {display: block;}
.incase-list ul li .box .img {font-size: 0;}
.incase-list ul li .box .img img {width: 100%; border-radius: 6px;}
.incase-list ul li .box .txt {text-align: center; font-size: 14px; color: #333333; font-weight: bold; padding-top: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}




.insupport {background: #fff; border-radius: 6px; padding: 20px;}
.insupport-list {width: 100%; overflow: hidden;}
.insupport-list ul {width: calc(100% + 70px); overflow: hidden;}
.insupport-list ul li {width: 50%; height: auto; float: left; box-sizing: border-box; padding-top: 30px; padding-right: 70px;}
.insupport-list ul li .box {display: block;}
.insupport-list ul li .box .tit {font-size: 18px; font-weight: bold; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 15px; position: relative;}
.insupport-list ul li .box .tit:before {content: ''; display: block; width: 6px; height: 6px; background: #138559; position: absolute; left: 0; top: 50%; margin-top: -3px;}
.insupport-list ul li .box .tit:after {content: ''; display: block; width: 8px; height: 14px; background: url("../images/inmore-black.png") no-repeat center / 100% 100%; position: absolute; right: 0; top: 50%; margin-top: -7px;}
.insupport-list ul li .box .tag {font-size: 0; padding: 10px 15px 0 15px;}
.insupport-list ul li .box .tag span {display: inline-block; font-size: 14px; color: #007443; font-weight: bold; border: 1px solid #007443; border-radius: 3px; line-height: 18px; padding: 0 8px;}



.nban {font-size: 0;}
.nban img {width: 100%; border-radius: 6px;}
.nmain {background: #fff; border-radius: 6px;}
.nmain-l {width: 240px; height: auto; float: left;}
.nmain-r {width: calc(100% - 240px); height: auto; float: left; background: url("../images/borgrayl.png") repeat-y left / 1px 1px;}
.nmain.noLeft .nmain-r {width: auto; float: none; background: none;}
.nmenus {width: auto; height: auto;}
.nmenus .name {width: auto; height: 60px; line-height: 60px; text-align: center; background: #138559; border-radius: 6px 0 0 0; font-size: 20px; font-weight: bold; color: #fff;}
.nmenus .list {width: auto; height: auto;}
.nmenus .list ul li {width: auto; height: auto;}
.nmenus .list ul li a {display: block; width: auto; height: auto; line-height: 50px; font-size: 16px; color: #333333; position: relative; padding: 0 20px;}
.nmenus .list ul li a:after {content: ''; display: block; width: 8px; height: 14px; font-size: 0; line-height: 0; position: absolute; right: 20px; top: 50%; margin-top: -7px; background: url("../images/inmore.png") no-repeat center / 100% 100%;}
.nmenus .list ul li a.on {color: #138559; background: #ececec;}
.nmenus .list ul li a.on:after {background: url("../images/inmore-green.png") no-repeat center / 100% 100%;}

.nmain-title {width: 100%; height: 60px; background: url("../images/borgrayb.png") repeat-x bottom / 1px 1px; box-sizing: border-box; overflow: hidden; padding: 0 30px;}
.nmain-title .name {float: left; width: auto; height: 60px; position: relative; line-height: 60px; font-size: 20px; font-weight: bold; color: #333333;}
.nmain-title .name:after {content: ''; display: block; width: 100%; height: 3px; background: #138559; font-size: 0; line-height: 0; position: absolute; left: 0; bottom: 0; z-index: 20;}
.nmain-title .location {width: auto; height: 60px; float: right; line-height: 60px; font-size: 14px; color: #666666;}

.nmenus-mobile {display: none; overflow: inherit;}
.nmenus-s {width: auto; height: auto; background: #fff; border-radius: 6px;}
.nmenus-s .name {width: auto; height: 50px; line-height: 50px; text-align: center; font-size: 18px; font-weight: bold; color: #fff; background: #138559; border-radius: 6px 6px 0 0;}
.nmenus-s .list {width: auto; height: 50px; position: relative;}
.nmenus-s .list .tit {width: auto; height: auto;}
.nmenus-s .list .tit a {display: block; width: auto; height: auto; line-height: 50px; padding: 0 20px; font-size: 14px; color: #138559; position: relative;}
.nmenus-s .list .tit a:after {content: ''; display: block; width: 14px; height: 8px; font-size: 0; line-height: 0; position: absolute; right: 20px; top: 50%; margin-top: -4px; background: url("../images/nmenus.png") no-repeat center / 100% 100%;}
.nmenus-s .list .txt {display: none; position: absolute; left: 0; top: 100%; background: #fff; width: 100%; z-index: 999; box-shadow: 0 2px 4px rgba(0, 0, 0, .1); border-radius: 0 0 6px 6px; overflow: auto; max-height: 200px;}
.nmenus-s .list .txt .item {width: auto; height: auto;}
.nmenus-s .list .txt .item a {display: block; width: auto; height: 50px; line-height: 50px; font-size: 14px; color: #666; padding: 0 20px;}
.nmenus-s .list .txt .item a.on {background: #ececec; color: #138559;}
.nmenus-s.show {border-radius: 6px 6px 0 0;}
.nmenus-s.show .list .txt {display: block;}
.nmenus-s.show .list .tit a:after {transform: rotate(180deg);}


.comPageBar {width: auto; height: auto; text-align: center; font-size: 0; padding: 40px 0; background: url("../images/borgrayt.png") repeat-x top / 1px 1px;}
.comPageBar .box {display: inline-block; overflow: hidden;}
.comPageBar .box a,
.comPageBar .box b,
.comPageBar .box span {display: block; float: left; width: auto; min-width: 40px; height: 40px; line-height: 40px; text-align: center; box-sizing: border-box; padding: 0 5px; background: #ececec; border-radius: 3px; position: relative; margin: 0 5px; font-size: 16px; color: #333333;}
.comPageBar .box span {margin: 0; background: none;}
.comPageBar .box b {background: #138559; font-weight: normal; color: #fff;}
.comPageBar .box a.prev:before,
.comPageBar .box a.next:before {content: ''; display: block; width: 10px; height: 20px; position: absolute; left: 50%; margin-left: -5px; top: 50%; margin-top: -10px; background: url("../images/pages.png") no-repeat center / 20px 20px;}
.comPageBar .box a.prev:before {background-position: left;}
.comPageBar .box a.next:before {background-position: right;}


.comConPage {width: auto; height: auto; text-align: center; font-size: 0; padding: 40px 0; background: url("../images/borgrayt.png") repeat-x top / 1px 1px;}
.comConPage .box {display: inline-block; overflow: hidden;}
.comConPage .box a {display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; background: #ececec; border-radius: 3px; margin: 0 5px; float: left; font-size: 16px; color: #666666;}
.comConPage .box a:hover {background: #138559; color: #fff;}



.nabout-content {padding: 30px; font-size: 16px; color: #666666; line-height: 30px;}
.nabout-content .group {padding: 15px 0;}
.nabout-content .group:first-child {padding-top: 0;}
.nabout-content .group:last-child {padding-bottom: 0;}
.nabout-stit {width: auto; height: auto; background: url("../images/nabout-stit.png") no-repeat left center / auto 16px; font-size: 16px; font-weight: bold; color: #333333; padding-left: 24px;}
.nabout-stxt {padding-top: 10px;}

.nabout-organization {text-align: center; font-size: 0; padding: 50px;}

.nabout-honor {width: auto; height: auto;}
.nabout-honor ul {overflow: hidden; padding: 15px;}
.nabout-honor ul li {width: 33.333%; height: auto; float: left; box-sizing: border-box; padding: 15px;}
.nabout-honor ul li .box .img {font-size: 0; padding: 4px; border: 1px solid #eee;}
.nabout-honor ul li .box .img img {width: 100%;}
.nabout-honor ul li .box .txt {text-align: center; font-size: 16px; line-height: 20px; color: #333333; padding-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}



.ncase ul {overflow: hidden; padding: 15px;}
.ncase ul li {width: 25%; height: auto; float: left; box-sizing: border-box; padding: 15px;}
.ncase ul li .box {display: block;}
.ncase ul li .box .img {font-size: 0;}
.ncase ul li .box .img img {width: 100%; border-radius: 6px;}
.ncase ul li .box .txt {text-align: center; font-size: 14px; color: #333333; font-weight: bold; padding-top: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}



.ncontact {width: auto; height: auto; padding: 50px 30px; overflow: hidden;}
.ncontact-map {width: 50%; height: auto; float: left; font-size: 0;}
.ncontact-map img {width: 100%;}
.ncontact-con {width: 50%; height: auto; float: left; box-sizing: border-box; padding-left: 30px;}
.ncontact-con .tit {font-size: 30px; font-weight: bold; color: #138559;}
.ncontact-con .txt {font-size: 16px; line-height: 36px; color: #333333; padding-top: 30px;}
.ncontact-con .txt a {color: #ff6600;}


.nnews {width: auto; height: auto; padding: 15px 30px;}
.nnews .group {padding: 15px 0;}
.nnews .group .box {display: -ms-flex; display: flex; align-items: center;}
.nnews .group .box .img {width: 240px; height: auto; font-size: 0; margin-right: 20px;}
.nnews .group .box .img img {width: 100%;}
.nnews .group .box .con {-ms-flex: 1; flex: 1; min-width: 0;}
.nnews .group .box .con .tit {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; font-weight: bold; color: #333333;}
.nnews .group .box .con .note {font-size: 14px; color: #999999; padding-top: 10px;}
.nnews .group .box .con .txt {font-size: 14px; color: #999999; margin-top: 10px; line-height: 24px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.nnews .group .box .con .more {padding-top: 10px;}
.nnews .group .box .con .more span {display: inline-block; line-height: 28px; border: 1px solid #eee; position: relative; padding: 0 25px 0 10px; font-size: 14px; color: #999999;}
.nnews .group .box .con .more span:after {content: ''; display: block; width: 6px; height: 10px; font-size: 0; line-height: 0; position: absolute; right: 10px; top: 50%; margin-top: -5px; background: url("../images/news-more.png") no-repeat center / 100% 100%;}



.nnewscon {width: auto; height: auto; padding: 30px;}
.nnewscon-title {font-size: 24px; font-weight: bold; color: #333333; padding: 20px 0; text-align: center;}
.nnewscon-note {font-size: 16px; color: #999999; text-align: center;}
.nnewscon-content {font-size: 16px; color: #666666; line-height: 30px; padding-top: 30px;}



.nproduct {width: auto; height: auto; padding: 15px 30px;}
.nproduct .group {padding: 15px 0;}
.nproduct .group .box {display: -ms-flex; display: flex; align-items: center;}
.nproduct .group .box .img {width: 140px; height: auto; font-size: 0; margin-right: 20px; border: 1px solid #eee;}
.nproduct .group .box .img img {width: 100%;}
.nproduct .group .box .con {-ms-flex: 1; flex: 1; min-width: 0;}
.nproduct .group .box .con .tit {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; font-weight: bold; color: #333333;}
.nproduct .group .box .con .txt {font-size: 14px; color: #999999; margin-top: 10px; line-height: 24px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.nproduct .group .box .con .btn {padding-top: 28px;}
.nproduct .group .box .con .btn span {display: inline-block; line-height: 28px; border: 1px solid #eee; position: relative; padding: 0 25px 0 10px; font-size: 14px; color: #999999;}
.nproduct .group .box .con .btn span:after {content: ''; display: block; width: 6px; height: 10px; font-size: 0; line-height: 0; position: absolute; right: 10px; top: 50%; margin-top: -5px; background: url("../images/news-more.png") no-repeat center / 100% 100%;}


.nprocon {padding: 50px 30px;}
.nprocon-intro {text-align: center;}
.nprocon-intro .tit {font-size: 24px; font-weight: bold; color: #333333;}
.nprocon-intro .img {font-size: 0;}
.nprocon-intro .img img {max-width: 200px;}
.nprocon-cons {padding-top: 20px;}
.nprocon-cons .item {padding-top: 30px;}
.nprocon-cons .item .tit {background: #f3f3f3;}
.nprocon-cons .item .tit span {display: inline-block; line-height: 40px; background: url("../images/procon-tit.png") #138559 no-repeat 15px center / auto 14px; padding: 0 30px 0 35px; font-size: 16px; font-weight: bold; color: #fff;}
.nprocon-cons .item .txt {font-size: 14px; line-height: 24px; color: #999999; padding-top: 15px;}