article {
    padding: 60px 0 10px;
    background: no-repeat center center/cover;
}

.common-main {
    padding: 12px;
}

.common-en {
    padding-top: 10px;
    font: 400 18px/30px '微软雅黑';
    color: #049570;
    text-align: center;
    text-transform: uppercase;
}

.common-detail {
    padding-left: 2px;
    font: 400 14px/18px '微软雅黑';
    color: #84898f;
    letter-spacing: 2px;
    text-align: center;
}

.common-ch {
    padding-bottom: 10px;
    font: bold 18px/36px '微软雅黑';
    color: #049570;
    text-align: center;
}

.common-box {
    min-height: 420px;
    margin: 0 4px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
}

@media (min-width: 1200px) {
    article {
        padding: 135px 0 100px;
    }

    .common-main {
        width: 1200px;
        margin: 0 auto;
        padding: 0 60px;
    }

    .common-en {
        padding: 0 0 10px;
        font: 400 30px/36px '微软雅黑';
        color: #049570;
        text-align: center;
        text-transform: uppercase;
    }

    .common-detail {
        padding-left: 2px;
        font: 400 16px/30px '微软雅黑';
        color: #84898f;
        letter-spacing: 2px;
        text-align: center;
        background: url(../images/com_line.png) no-repeat center center;
    }

    .common-ch {
        padding: 20px 0;
        font: bold 21px/30px '微软雅黑';
        color: #049570;
        text-align: center;
    }

    .common-box {
        margin: 0;
        padding: 0;
        background: rgba(255, 255, 255, 0.6);
    }
}

@media (min-width: 1480px) {}


/* 二级导航 */

.common-nav {
    padding:10px 2px;
}

.common-nav ul {
    display: flex;
    flex-wrap: wrap;
    border-radius: 15px;
}

.common-nav ul li {
    width: 50%;
    padding: 4px;
}

.common-nav ul li a {
    display: block;
    font: 400 16px/30px "微软雅黑";
    color: #fff;
    text-align: center;
    background:#049570;
    border-radius: 20px;
}


@media (min-width: 1200px) {
    .common-nav {
        padding: 0 0 20px;
    }

    .common-nav ul {
        display: flex;
        justify-content: center;
    }

    .common-nav ul li {
        width: 180px;
        padding: 0 15px;
    }

    .common-nav ul li a {
        display: block;
        font: 400 14px/36px "微软雅黑";
        text-align: center;
        color: #fff;
        background: #049570;
        border-radius: 20px;
    }

    .common-nav ul li a:hover {
        color: #fff;
        background: #ffb400;
    }

   

/* 二级底部 */
.public {
    display: none;
}

@media (min-width: 1200px) {
    .public {
        display: block;
        height: 180px;
        background: url(../images/public_bg.png) no-repeat center center;
    }

    .public-main {
        display: flex;
        justify-content: space-between;
        width: 1200px;
        margin: 0 auto;
        padding: 20px 40px 0;
    }

    .public-left {
        width: 360px;
    }

    .public-name {
        padding: 0 0 10px;
    }

    .public-adress {
        font: 400 14px/24px '微软雅黑';
        color: #fff;
    }

    .public-logo {
        display: flex;
        align-items: center;
    }

    .public-right {
        position: relative;
        width: 420px;
        padding-right: 200px;
    }

    .public-nav-name {
        font: bold 18px/30px '微软雅黑';
        color: #fff;
        text-align: right;
    }

    .public-nav ul {
        display: flex;
        flex-wrap: wrap;
    }

    .public-nav li {
        width: 33.3%;
        padding: 10px 0 10px 10px;
    }

    .public-nav li a {
        display: block;
        font: 400 14px/20px '微软雅黑';
        color: #fff;
        text-align: right;
    }

    .public-ewm {
        position: absolute;
        right: 0;
        top: 0;
        padding-left: 20px;
        border-left: 1px solid rgba(255, 255, 255, 0.5);
    }

    .public-ewm img {
        width: 140px;
    }
}

/* 网站页脚 */

footer {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 10px 0;
    font: 400 14px/20px "微软雅黑";
    background: #000;
}

footer p {
    padding: 0 5px;
    color: #fff;
    text-align: center;
}

footer a {
    padding: 0 5px;
    color: #fff;
    text-align: center;
}

@media (min-width: 1200px) {
    footer {
        display: flex;
        justify-content: center;
        font: 400 14px/36px "微软雅黑";
    }

    footer p {
        padding: 0 10px;

        color: #fff;
    }

    footer a {
        color: #fff;
    }
}


/* 网站翻页 */

.pages {
    display: flex;
    justify-content: center;
    padding: 10px 0;
    text-align: center;
    color: #2a4347;
}

.pages-left {
    display: none;
}

.pages-right {
    display: flex;
}

.pages-right a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    margin: 0 1px;
    font: 400 14px/30px "微软雅黑";
    color: #000;
    background: #fff;
    border-radius: 5px;
}

.pages-right a.page-num {
    background: #ffcc00;
}

.pages-right a:first-child,
.pages-right a:last-child {
    display: none;
}

@media (min-width: 1200px) {
    .pages {
        justify-content: space-between;
        padding: 40px 0 0;
    }

    .pages-left {
        display: block;
        padding: 0 10px;
        font: 400 14px/30px "微软雅黑";
        background: #fff;
        border-radius: 5px;
    }

    .pages-right a:first-child,
    .pages-right a:last-child {
        display: flex;
        width: auto;
        padding: 0 12px;
        justify-content: center;
        align-items: center;
    }

    .pages-right a:hover {
        background: #ffcc00;
    }
}


.inner {}

.inner-title {
    padding: 0 0 10px 0;
    font: bold 16px/30px "微软雅黑";
    color: #000;
    text-align: center;
}

.inner-p p {
    font: 400 14px/24px "微软雅黑";
    color: #000;
    text-align: justify;
}

.inner-p p  {
    width: 100%;
}
.inner-p  img{
    width: 100%;
}
@media (min-width: 1200px) {
    .common-box{
        padding: 30px;
    }
    .inner {
        padding: 25px 50px 50px;
        background:rgba(255, 255, 255, 0.9);
    }

    .inner-title {
        padding: 0 0 20px;
        font: bold 20px/30px "微软雅黑";
    }

    .inner-p p {
        font: 400 16px/30px "微软雅黑";
    }
}





.pics {}

.pics ul {
    display: flex;
    flex-wrap: wrap;
}

.pics ul li {
    width: 50%;
    padding: 4px;
}

.pics li a {
    position: relative;
    display: block;
    overflow: hidden;
}

.pics a i {
    display: block;
    background: #acafb9;
}

.pics a i img {
    width: 100%;
}

.pics a p {
    font: bold 16px/36px '微软雅黑';
    color: #1e6f72;
    text-align: center;
}

.pic-li-plus {
    position: absolute;
    left: 0;
    bottom: 34px;
    width: 100%;
    text-align: center;
    opacity: 0;
}

@media (min-width: 1200px) {
    .pics {
        padding: 10px;
    }

    .pics ul li {
        width: 25%;
        padding: 0 10px 10px;
    }

    .pics li a {
        position: relative;
        display: block;
        overflow: hidden;
        padding-top: 10px;
    }

    .pic-li-bg {
        background: #d7d7d7;
    }

    .pics a i {
        display: block;
        background: #acafb9;
        transform-origin: center 0;
        transition: 0.6s;
    }

    .pics a p {
        margin-top: 10px;
        font: bold 18px/30px '微软雅黑';
        color: #1e6f72;
        text-align: center;
        transition: 0.6s;
    }

    .pic-li-plus {
        bottom: -34px;
        width: 100%;
        text-align: center;
        opacity: 0;
        transition: 0.6s;
    }

    .pics li a:hover i {
        transform: translate3d(0, -15px, 0) scale(0.75);
    }

    .pics li a:hover p {
        color: #000;
        transform: translate3d(0, -90px, 0);
    }

    .pics li a:hover .pic-li-plus {
        opacity: 1;
        transform: translate3d(0, -85px, 0);
    }
}


/* 产品详情 */
.pic-er {
    padding: 15px;
}

.pic-er-left img {
    width: 100%;
}

.pic-er-title {
    margin: 15px 0;
    border-bottom: 1px solid #1e6f72;
}

.pic-er-title span {
    display: block;
    width: 96px;
    font: 400 16px/36px '微软雅黑';
    color: #fff;
    text-align: center;
    background: #049570;
}

.pic-er-info {
    font: 400 14px/24px '微软雅黑';
    color: #000;
}

.pic-detail-title {
    margin: 30px 0 15px;
    border-bottom: 1px solid #1e6f72;
}

.pic-detail-title span {
    display: block;
    width:96px;
    font: 400 16px/36px '微软雅黑';
    text-align: center;
    color: #fff;
    background: #049570;
}

.pic-er-detail {
    min-height: 150px;
    font: 400 14px/24px '微软雅黑';
    color: #666;
}

@media (min-width: 1200px) {
    .pic-er {
        padding: 60px;
        background: url(../images/pic_er_logo.png) no-repeat right 99%;
    }

    .pic-er-line {
        display: flex;
        justify-content: space-between;
    }

    .pic-er-left {
        width: 432px;
    }

    .pic-er-left img {
        width: 100%;
    }

    .pic-er-right {
        width: 445px;
    }

    .pic-er-title {
        margin: 30px 0;
        border-bottom: 1px solid #1e6f72;
    }

    .pic-er-title span {
        display: block;
        width: 136px;
        font: 400 18px/42px '微软雅黑';
        color: #fff;
        text-align: center;
        background: #049570;
    }

    .pic-er-info {
        font: 400 14px/24px '微软雅黑';
        color: #000;
    }

    .pic-detail-title {
        margin: 50px 0 30px;
        border-bottom: 1px solid #1e6f72;
    }

    .pic-detail-title span {
        display: block;
        width: 136px;
        font: 400 18px/42px '微软雅黑';
        text-align: center;
        color: #fff;
        background: #049570;
    }

    .pic-er-detail {
        min-height: 150px;
        padding: 0 10px;
        font: 400 14px/24px '微软雅黑';
        color: #666;
    }
}



article {
    padding: 60px 0 10px;
    background: no-repeat center center/cover;
}

.common-main {
    padding: 12px;
}

.common-en {
    padding-top: 10px;
    font: 400 18px/30px '微软雅黑';
    color: #049570;
    text-align: center;
    text-transform: uppercase;
}

.common-detail {
    padding-left: 2px;
    font: 400 14px/18px '微软雅黑';
    color: #84898f;
    letter-spacing: 2px;
    text-align: center;
}

.common-ch {
    padding-bottom: 10px;
    font: bold 18px/36px '微软雅黑';
    color: #049570;
    text-align: center;
}

.common-box {
    min-height: 420px;
    margin: 0 4px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
}

@media (min-width: 1200px) {
    article {
        padding: 135px 0 100px;
    }

    .common-main {
        width: 1200px;
        margin: 0 auto;
        padding: 0 60px;
    }

    .common-en {
        padding: 0 0 10px;
        font: 400 30px/36px '微软雅黑';
        color: #049570;
        text-align: center;
        text-transform: uppercase;
    }

    .common-detail {
        padding-left: 2px;
        font: 400 16px/30px '微软雅黑';
        color: #84898f;
        letter-spacing: 2px;
        text-align: center;
        background: url(../images/com_line.png) no-repeat center center;
    }

    .common-ch {
        padding: 20px 0;
        font: bold 21px/30px '微软雅黑';
        color: #049570;
        text-align: center;
    }

    .common-box {
        margin: 0;
        padding: 0;
        background: rgba(255, 255, 255, 0.6);
    }
}

@media (min-width: 1480px) {}


/* 二级导航 */

.atlas {}

.atlas ul {
    display: flex;
    flex-flow: wrap;
}

.atlas li {
    width: 100%;
    padding: 4px;
}

.atlas li a {
    display: block;
    color: #000;
    text-align: center;
}

.atlas li i {
    display: block;
    border: 2px solid #fff;
}

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

.atlas li p {
    position: relative;
    font: 400 14px/36px "微软雅黑";
    text-align: center;
    color: #000;
    background: #fff;
    border: 1px solid #eee;
    border-top: 0;
}

@media (min-width: 1200px) {
    .atlas{
        padding: 15px;
    }
    .atlas ul {
        padding: 0;
    }

    .atlas li {
        width: 33.3%;
        padding: 5px;
    }

    .atlas li a {
        position: relative;
    }

    .atlas li i {
        display: block;
        overflow: hidden;
    }

    .atlas li i img {
        transition: 0.6s;
    }

    .atlas li p {
        position: relative;
        font: 400 16px/36px "微软雅黑";
        border: 0;
    }

    .atlas li a:hover img {
        transform: scale(1.1);
    }

    .atlas li a:hover p {
        color: #fff;
        background: #3a3738;
    }
}
	
	
body:after {
  content:
          url("../images/btn_left.png") 
          url("../images/btn_right.png");
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: fixed;
  left: 0;
  top: 50%;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  transform: translate3d(0, -50%, 0);
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url("../images/btn_left.png")  left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url("../images/btn_right.png")  right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  height: 24px;
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 100%;
  float: left;
  text-align: center;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  /* padding-bottom: 1em; */
  font-size: 12px;
  text-align: center;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}	

	
	
	
.news {
    padding:10px 15px;
}

.news ul li {
    padding: 5px 0;
}

.news ul a {
    display: block; 
    background: rgba(255, 255, 255, 0.9);
}


.new-li-img img {
    width: 100%;
}

.new-li-font {
    padding: 10px;
    color: rgba(0, 0, 0, 0.7);
}

.new-li-title {
    overflow: hidden;
    font: bold 16px/30px '微软雅黑';
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
}

.new-li-time {
    padding: 5px 0;
    font: 400 14px/18px '微软雅黑';
}

.new-li-p {
    height: 48px;
    overflow: hidden;
    font: 400 14px/24px '微软雅黑';
}

@media (min-width: 1200px) {
    .news {
        width: 1000px;
        margin: 0 auto;
        padding: 50px;
    }

    .news ul li {
        padding: 20px 0;
    }

    .news ul a {
        display: flex;
        transition: 0.6s;
    }

    .new-li-img {
        width: 350px;
    }

    .new-li-img img {
        width: 100%;
    }

    .new-li-font {
        width: 650px;
        padding: 30px;
        color: rgba(0, 0, 0, 0.7);
        background: #fff url(../images/new_li_bg.png) no-repeat 0 0/0 100%;
        transition: 0.5s;
    }

    .new-li-title {
        overflow: hidden;
        font: bold 20px/32px '微软雅黑';
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #000;
    }

    .new-li-time {
        padding: 9px 0;
        font: 400 14px/18px '微软雅黑';
    }

    .new-li-p {
        height: 60px;
        overflow: hidden;
        font: 400 16px/30px '微软雅黑';
    }

    .news ul a:hover .new-li-font {
        color: #fff;
        background-size: 100% 100%;
    }

    .news ul a:hover .new-li-title {
        color: #fff;
    }

    .pages {
        padding: 20px 40px;
    }
}


/* 新闻详情 */

.new-er {}

.new-er-title {
    text-align: center;
}

.new-er-name {
    font: bold 16px/24px "微软雅黑";
    color: #333;
}

.new-er-time {
    font: 400 14px/24px "微软雅黑";
    color: #999;
}

.new-er-p p {
    margin-bottom: 10px;
    font: 400 14px/24px "微软雅黑";
    color: #333;
    text-align: justify;
}

.new-er-p p img {
    max-width: 100%;
}

@media (min-width: 1200px) {
    .new-er {
        padding: 50px 150px;
        background: rgba(255, 255, 255, 0.9);
    }

    .new-er-title {
        position: relative;
        margin: 0 0 10px;
        padding: 0 0 10px;
        color: #fff;
        text-align: left;
        border-bottom: 1px solid #333;
    }

    .new-er-name {
        color: #333;
    }

    .new-er-time {
        position: absolute;
        right: 0;
        top: 0;
        color: #333;
    }

    .new-er-p p {
        font: 400 16px/30px "微软雅黑";
        color: #333;
    }
}