@charset "utf-8";

/*  head  */

.pc-nav {
    position: fixed;
    padding: 10px 70px 0 50px;
    height: 110px;
    width: 100%;
    z-index: 99;
    transition: all linear .5s;
    zoom: .9;
}

.pc-nav ul {
    display: inline-block;
    margin-top: 26px;
}

.pc-nav li {
    float: left;
}

.pc-nav li a {
    display: block;
    font-size: 18px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
}

.pc-nav li a:hover,
.pc-nav li a.active {
    background-color: #7fbe26;
    border-radius: 20px;
}

.pc-nav .logo img {
    transition: all linear .5s;
}

.is-fixed {
    background-color: rgba(0, 0, 0, .5);
    transition: all linear 1s;
}

.is-fixed.pc-nav .logo img {
    width: 50%;
    transition: all linear .5s;
}

.pc-nav .nav-right {
    width: 170px;
    color: #fff;
    margin-top: 26px;
}

.nav-right a {
    display: inline-block;
    margin-left: 10px;
}

.nav-right a img {
    transition: all linear .5s;
}

.nav-right a:hover img {
    transform: rotate(180deg);
    transition: all linear .5s;
}


/*  foot   */

.foot {
    background-color: #7fbe26;
    padding: 40px 0 100px;
}

.foot-link {
    padding-top: 55px;
}

.foot-link a {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    text-align: center;
    margin-left: 18px;
    letter-spacing: 12px;
}

.foot-link a:last-child {
    letter-spacing: 0;
}

.foot-link img {
    display: block;
    margin-bottom: 7px;
}

.foot-b {
    border-top: 3px solid #99cb51;
    padding-top: 30px;
    margin-top: 30px;
}

.foot-b dl {
    float: left;
    width: 18%;
}

.foot-b dl:last-child {
    float: right;
    width: 10%;
}

.foot-b dl a {
    font-size: 16px;
    color: #fff;
}

.foot-b dt {
    margin-bottom: 15px;
}

.foot-b dd {
    line-height: 30px;
}
.foot-b a:hover {
  padding-left: 15px;
}

.bottom {
    background-color: #66981e;
    padding: 20px 0 15px;
    color: #fff;
    line-height: 22px;
}

.bottom a {
    color: #fff;
}

.bottom a,
.bottom span {
    display: inline-block;
    margin: 0 4px;
}

.bottom .b-icon {
    background: url(../images/b.jpg) left center no-repeat;
    padding-left: 22px;
}


/*   index   */

.c-bg {
    height: 100px;
    background: url(../images/c-bg.jpg) top left repeat-x;
}

.title h2 {
    font-size: 30px;
    color: #7fbe26;
    margin-bottom: 25px;
}

.title .title-line {
    display: block;
    width: 50px;
    height: 3px;
    margin: 0 auto;
    background-color: #7fbe26;
}

.title.title-w h2 {
    color: #fff;
}

.title.title-w .title-line {
    background-color: #fff;
}

.full-nav {
    background-color: #eee;
    border-top: 1px solid #ddd;
    padding: 35px 0;
    font-size: 18px;
    color: #7fbe26;
}

.full-nav span {
    background: url(../images/arrow-right-bg.png) center right no-repeat;
    padding-right: 26px;
}

.full-nav a {
    color: #000;
    margin-left: 35px;
}

.full-nav.full-nav-news {
    background: none;
    border-top: 1px solid #666;
}

.full-nav.full-nav-news a {
    color: #fff;
}
.full-nav a:hover {
  color: #7fbe26;
}

.more {
    background: url(../images/arrow-right.png) center right no-repeat;
    padding-right: 24px;
    font-size: 14px;
    color: #555;
}

.more:hover {
    background: url(../images/arrow-right-bg.png) center right no-repeat;
    color: #7fbe26;
}

.swiper-banner .swiper-button-next,
.swiper-banner .swiper-button-prev {
    width: auto;
}

.swiper-banner .swiper-button-prev:after,
.swiper-banner .swiper-rtl .swiper-button-next:after,
.swiper-banner .swiper-button-next:after,
.swiper-banner .swiper-rtl .swiper-button-prev:after {
    content: '';
    width: 50px;
    height: 50px;
}

.swiper-banner .swiper-button-prev:after,
.swiper-banner .swiper-rtl .swiper-button-next:after {
    background: url(../images/left-btn.png) center center no-repeat;
}

.swiper-banner .swiper-button-next:after,
.swiper-banner .swiper-rtl .swiper-button-prev:after {
    background: url(../images/right-btn.png) center center no-repeat;
}

.swiper-banner .swiper-pagination-bullet {
    width: 18px;
    height: 18px;
    background-color: #fff;
    opacity: 1;
    margin: 0 15px !important;
}

.swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #7fbe26;
}

.about-area {
    padding: 50px 0 90px;
}

.about-area .about-box {
    margin-top: 60px;
}

.about-box .about-box-left {
    padding-right: 30px;
}

.about-box .about-box-right {
    padding-left: 30px;
    font-size: 18px;
    color: #525252;
    line-height: 35px;
}

.about-box-right .arc {
    padding-bottom: 60px;
}

.develop-area {
    padding: 50px 0 0;
    background-image: url(../images/dev-bg.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 840px;
    position: relative;
}

.develop-logo {
    margin: 20px 0 60px;
}

.develop-area li {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
    margin-bottom: 70px;
    cursor: pointer;
    transition: all .5s;
}

.develop-area li:after {
    content: '';
    width: 1px;
    height: 50px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 8px;
}

.develop-area li:nth-child(3n):after {
    width: 0;
    height: 0;
}

.develop-area li:hover {
    color: #7fbe26;
    transition: all .5s;
}

.product-area,
.partner-area {
    padding: 50px 0;
}

.product-area ul {
    margin-top: 45px;
    font-size: 0;
}

.product-area li {
    margin-bottom: 25px;
}

.product-area li .scale-img {
   padding: 15px;
}

.product-area li a {
    display: block;
    background-color: #eee;
    border-radius: 10px;
    padding-top: 40px;
}

.product-area li:nth-child(5) {
    margin-top: -100px;
}

.product-area li:nth-child(odd) a {
    height: 550px;
}

.product-area li:nth-child(even) a {
    height: 450px;
}

.product-area li h2 {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    transition: all .5s;
}

.product-area li:nth-child(odd) h2 {
    margin-top: 70px
}

.product-area li:nth-child(even) h2 {
    margin-top: 30px;
}
.product-area li a:hover h2 {
  color: #7fbe26;
  transition: all .5s;
}
.product-area li a:hover .scale-img img {
  transform: scale(1.1);
}

.news-area {
    padding: 50px 0 0;
    background-image: url(../images/news-bg.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.news-area .news-item {
    padding: 40px 0;
}

.news-item a {
    display: block;
}

.news-item img,
.news-item .scale-img {
    border-radius: 8px;
}

.news-item .news-title {
    font-size: 20px;
    color: #fff;
    line-height: 25px;
    margin-top: 20px;
    -webkit-line-clamp: 2;
    transition: all 1s;
}

.news-item .arc {
    font-size: 16px;
    color: #ccc;
    margin-top: 14px;
    line-height: 19px;
    -webkit-line-clamp: 3;
    transition: all 1s;
}

.news-item-right li {
    margin-bottom: 10px;
}

.news-item-right li .news-title {
    margin-top: 10px;
}
.news-item a:hover .news-title, .news-item a:hover .arc {
  color: #7fbe26;
  transition: all 1s;
}
.news-item a:hover .scale-img img {
  transform: scale(1.1);
}

.partner-area {
    background-color: #f5f5f5;
}

.partner-area ul {
    margin-top: 45px;
}

.partner-area li {
    padding: 0;
    border: 1px solid #ddd;
    margin-left: -1px;
    margin-top: -1px;
}

.partner-area li img {
    height: 149px;
}


/*  单页  */

.inn-nav {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    display: flex;
    background: rgba(0, 0, 0, .4);
}

.inn-nav a {
    flex: 1;
    padding: 40px 0 30px;
    font-size: 24px;
    color: #fff;
}

.inn-nav a:hover,
.inn-nav a.active {
    background-color: #7fbe26;
}

.location {
    padding-top: 60px;
    font-size: 18px;
    color: #444;
}

.location a {
    color: #444;
}

.location span {
    color: #7fbe26;
}

.content {
    padding: 60px 0;
}

.content .partner-area {
    background: none;
    padding: 0;
}

.content .sub-title {
    font-size: 30px;
    color: #7fbe26;
}

.content .arc {
    font-size: 18px;
    color: #525252;
    line-height: 35px;
}

.cul-list li {
    border-bottom: 1px solid #ebebeb;
    height: 150px;
    display: flex;
    align-items: center;
}

.cul-list li .cul-left {
    width: 120px;
}

.cul-list li .cul-right {
    flex: 1;
}

.cul-right h2 {
    font-size: 30px;
    color: #7fbe26;
}

.cul-right h4 {
    font-size: 18px;
    color: #525252;
    margin-top: 16px;
}

.zc-left {
    padding-right: 45px;
}

.lc-line {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #bfde92;
    left: 50%;
}

.lc-list {
    margin-top: 100px;
    padding-bottom: 40px;
}

.lc-list li {
    margin-bottom: 45px;
    cursor: pointer;
    transition: all .5s;
}

.lc-list li .lc-area {
    width: 50%;
    position: relative;
}

.lc-list li:nth-child(odd) .lc-area {
    float: right;
    padding-left: 40px;
}

.lc-list li:nth-child(odd) .lc-area::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/i4.png) center center no-repeat;
    left: -9px;
}

.lc-list li:nth-child(even) .lc-area {
    float: left;
    text-align: right;
    padding-right: 40px;
}

.lc-list li:nth-child(even) .lc-area::after {
    content: '';
    position: absolute;
    width: 14px;
    height: 1px;
    background-color: #7fbe26;
    right: 0;
    top: 12px;
}

.lc-list li h3 {
    font-size: 30px;
    color: #333;
    transition: all .5s;
}

.lc-list li h2 {
    font-size: 30px;
    color: #7fbe26;
    transition: all .8s;
    margin: 15px 0 10px;
}

.lc-list li p {
    color: #525252;
    font-size: 18px;
    transition: all 1s;
}

.lc-list li:hover h3 {
    color: #7fbe26;
    transition: all .5s;
    transform: translate(-15px, 0);
}
.lc-list li:hover h2 {
    color: #7fbe26;
    transition: all .8s;
    transform: translate(-15px, 0);
}
.lc-list li:hover p {
    color: #7fbe26;
    transition: all 1s;
    transform: translate(-15px, 0);
}

.h-list {
    font-size: 0;
}

.h-list li {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 40px;
    padding: 0 5px;
    cursor: pointer;
}

.h-list li h2 {
    padding-top: 25px;
    font-size: 18px;
    color: #444;
    transition: all .5s;
}
.h-list li:hover .scale-img img {
    transform: scale(1.1);
}
.h-list li:hover h2 {
    color: #7fbe26;
    transition: all .5s;
    font-weight: 600;
}

.zl-list li {
    font-size: 18px;
    color: #525252;
    margin: 0 0 40px;
    padding-left: 22px;
    position: relative;
}

.zl-list li::before {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    border-radius: 50%;
    background-color: #7fbe26;
    top: 10px;
}

.contact-left {
    width: 330px;
    border-right: 1px solid #eee;
}

.contact-center {
    width: 475px;
    padding-left: 50px;
    border-right: 1px solid #eee;
}

.contact-center .contact-item {
    display: flex;
    align-items: center;
    line-height: 240%;
    font-size: 18px;
    color: #525252;
}

.contact-item.contact-item-first {
    margin-bottom: 10px;
}

.contact-item.contact-item-first img {
    margin-right: 10px;
}

.contact-item.contact-item-first h3 {
    font-size: 22px;
    color: #444;
}

.contact-item.contact-item-first h2 {
    font-size: 36px;
    font-weight: bold;
    color: #7fbe26;
    margin-top: 10px;
}

.contact-item .contact-item-img {
    width: 35px;
}

.contact-right.foot-link {
    padding-right: 30px;
    padding-top: 15px;
}

.contact-right.foot-link a {
    color: #444;
}

.map {
    height: 470px;
    margin-top: 60px;
}


/*  产品列表  */

.pro-list li {
    margin-bottom: 50px;
}

.pro-list li a {
    display: block;
}

.pro-list li .pro-img {
    height: 450px;
    background-color: #eee;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pro-list li img {
    max-width: 100%;
}

.pro-list li .pro-title {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    padding-top: 40px;
    transition: all .5s;
}

.pro-list li .arc {
    font-size: 16px;
    color: #888;
    line-height: 120%;
    margin-top: 20px;
    -webkit-line-clamp: 2;
    height: 42px;
}

.pro-list li:hover .pro-title {
    color: #7fbe26;
    transition: all .5s;
}

.inn-more {
    display: block;
    width: 100%;
    height: 67px;
    background-color: #eee;
    margin-top: 30px;
    line-height: 67px;
    font-size: 18px;
    color: #000;
    border-radius: 10px;
}

.inn-more:hover {
    background-color: #7fbe26;
    color: #fff;
}

.pro-params {
    background-color: #eee;
    padding: 80px 0 70px;
    margin-top: 45px;
}

.pro-params h2 {
    font-size: 30px;
    color: #7fbe26;
    margin-bottom: 25px;
}

.pro-params p {
    font-size: 18px;
    color: #525252;
    line-height: 170%;
}

.pro-detail {
    padding: 70px 0;
}

.pro-info .pro-info-title {
    font-size: 30px;
    color: #7fbe26;
    margin-bottom: 30px;
}

.pro-info .arc {
    font-size: 18px;
    color: #525252;
    line-height: 34px;
    margin-bottom: 50px;
}

.pages {
    display: flex;
}

.pages a {
    display: flex;
    align-items: center;
    flex: 1;
    width: 50%;
    height: 112px;
    background-color: #eee;
    padding-left: 35px;
    font-size: 18px;
    color: #525252;
    padding-right: 20px;
}

.pages .pages-pre {
    margin-right: 5px;
}

.pages .pages-next {
    margin-left: 5px;
}

.pages a:hover {
    background-color: #7fbe26;
    color: #fff;
}

.pages img {
    max-width: 52px;
}

.pages span {
    flex: 1;
    -webkit-line-clamp: 2;
    padding-right: 30px;
}

.pro-rec {
    background-color: #f5f5f5;
    padding: 90px 0 70px;
}

.pro-rec ul {
    margin-top: 60px;
}


/*  新闻列表   */

.news-box {
    background-color: #f4f4f4;
    padding: 50px 0 90px;
}

.news-list li {
    padding: 40px 35px;
    margin-bottom: 40px;
    background-color: #fff;
    transition: all .5s;
}

.news-list a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.news-list .news-list-left {
    width: 472px;
}

.news-list-left img,
.news-list-left.scale-img {
    border-radius: 8px;
}

.news-list .news-list-right {
    flex: 1;
    margin-left: 50px;
}

.news-list-right h2 {
    font-size: 30px;
    color: #000;
    -webkit-line-clamp: 2;
    margin-bottom: 35px;
    line-height: 120%;
}

.news-list-right h4 {
    font-size: 16px;
    color: #aaa;
    padding-left: 23px;
    background: url(../images/i8.png) left center no-repeat;
}

.news-list-right .arc {
    font-size: 18px;
    color: #525252;
    line-height: 32px;
    -webkit-line-clamp: 2;
    margin-top: 18px;
    margin-bottom: 50px;
}

.news-list li .more {
    transition: all .5s;
}

.news-box .news-list li:hover {
    background-color: #7fbe26;
    transition: all .5s;
}

.news-box .news-list li:hover h2,
.news-box .news-list li:hover h4,
.news-box .news-list li:hover .arc,
.news-box .news-list li:hover .more {
    color: #fff;
}

.news-list li:hover .scale-img img {
    transform: scale(1.1);
}

.news-list li:hover .more {
    margin-left: 20px;
    background: url(../images/arrow-right-bg.png) center right no-repeat;
    color: #7fbe26;
    transition: all .5s;
}

.news-inn-title {
    font-size: 36px;
    color: #000;
    padding-top: 30px;
}

.news-inn-time {
    font-size: 16px;
    color: #aaa;
    padding: 40px 0;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 50px;
}

.news-inn-time span {
    padding-left: 23px;
    background: url(../images/i8.png) left center no-repeat;
}

.news-content .pages {
    margin-top: 50px;
}

.news-content .pages img {
    max-width: 120px;
}

.join-area {
    padding: 90px 0 100px;
    background-color: #f8f8f8;
}

.join {
    width: 100%;
    overflow-x: hidden;
    padding-bottom: 50px;
    background-color: #fff;
}

.panel-head {
    height: 70px;
    line-height: 70px;
    background-color: #7fbe26;
    padding-left: 85px;
    padding-right: 55px;
    font-size: 18px;
    color: #fff;
}

.panel-group .panel-item {
    display: block;
    float: left;
}

.panel-group .w1 {
    width: 300px;
}

.panel-group .w2 {
    width: 260px;
}

.panel-group .w3 {
    width: 360px;
}

.panel-group .w4 {
    width: 190px;
}

.panel-group .w5 {
    width: auto;
}

.panel-group .panel {
    margin-left: 85px;
    margin-right: 55px;
}

.panel-group .panel .panel-heading {
    padding: 25px 0;
    font-size: 16px;
    color: #444;
}

.panel-group .panel-body {
    padding: 50px 30px;
    background-color: #f7f7f7;
    border-top: none !important;
}

.panel-body h2 {
    color: #7fbe26;
    font-size: 18px;
    margin: 20px 0 15px;
}

.panel-body p {
    font-size: 16px;
    color: #444;
    margin-bottom: 10px;
}

.panel-title a {
    position: relative;
    transition: all .5s;
    display: block;
}

.panel-title a.collapsed::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    height: 22px;
    background: url(../images/arrow-up.png) right center no-repeat;
    transform: rotate(180deg);
    transition: all .5s;
}

.panel-title a::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    height: 22px;
    background: url(../images/arrow-up.png) right center no-repeat;
    transform: rotate(360deg);
    transition: all .5s;
}

.common-hidden{
    display: none;
}

.common-show{
    display: block!important;
}

@media (min-width: 1260px) {
    .container {
        width: 1260px;
        clear: both;
        margin: 0 auto;
        zoom: .9;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 1260px) {
    .container {
        width: 100%;
        zoom: .9;
        padding-left: 15px;
        padding-right: 15px;
    }
    .c-bg {
        height: 50px;
    }
    .inn-nav {
        position: relative;
        display: block;
    }
    .inn-nav a {
        padding: 10px 15px;
        font-size: 16px;
        display: inline-block;
    }
    .contact-left,
    .contact-center,
    .contact-right {
        width: 100%;
        border: none;
        border-bottom: 1px solid #aaa;
        padding: 30px 0;
    }
    .contact-right.foot-link {
        padding-right: 0;
    }
    .panel-group .w1 {
        width: 20%;
        padding-right: 5px;
    }
    .panel-group .w2 {
        width: 20%;
        padding-right: 5px;
    }
    .panel-group .w3 {
        width: 35%;
        padding-right: 5px;
    }
    .panel-group .w4 {
        width: 15%;
        padding-right: 5px;
    }
    .panel-group .w5 {
        width: 10%;
    }
}

@media (max-width: 992px) {
    .content,
    .about-area,
    .full-nav,
    .develop-area li,
    .news-item-right,
    .foot,
    .pro-rec,
    .pro-params,
    .news-box,
    .join-area {
        padding: 25px 0;
    }
    .panel-head {
        padding: 0 15px;
    }
    .panel-group .panel {
        margin: 0 15px;
    }
    .location {
        padding-top: 30px;
    }
    .pro-detail {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .about-area .about-box,
    .news-item-right,
    .news-content .pages {
        margin-top: 15px;
    }
    .develop-area, .news-area {
        height: auto;
        background-attachment: inherit;
    }
    .develop-area li {
        margin-bottom: 15px;
    }
    .develop-area li {
        border-bottom: 1px solid #fff;
    }
    .develop-area li:after {
        width: 0;
    }
    .product-area li:nth-child(5) {
        margin-top: 0;
    }
    .pages {
        display: block;
        width: 100%;
    }
    .pages a {
        width: 100%;
    }
    .pages .pages-pre {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .pages .pages-next {
        margin-left: 0;
    }
    .lc-list li h2,
    .lc-list li h3 {
        font-size: 16px;
    }
    .lc-list li p {
        font-size: 14px;
    }
    .news-list li {
        padding: 0;
    }
    .news-list a {
        display: block;
        padding: 15px;
    }
    .news-list .news-list-left {
        width: 100%;
    }
    .news-list .news-list-right {
        margin: 15px 0 0;
    }
    .news-list-right h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .news-list-right .arc {
        font-size: 16px;
        margin: 15px 0;
        line-height: 140%;
    }
    .news-inn-time {
        padding: 15px 0;
        margin-bottom: 15px;
    }
    .panel-group .panel-body {
        padding: 15px;
    }
    .panel-head {
        display: flex;
        line-height: 140%;
        align-items: center;
    }
    .join {
        padding-bottom: 25px;
    }
    .map {
        height: 400px;
    }
    .full-nav {
      text-align: left;
    }
    .full-nav a {
      white-space: nowrap;
      margin-left: 15px;
    }
}

@media (max-width: 768px) {
    .pro-params h2 {
        margin-top: 30px;
    }
    .h-list li h2 {
        padding-top: 15px;
    }
    .h-list li {
        margin-bottom: 15px;
    }
    .foot-t {
      text-align: center;
    }
    .foot-t img.pull-left {
      float: none !important;
    }
    .foot-link {
      width: 100%;
    }
    .foot-link a {
      width: 33.33%;
      margin: 0;
      padding: 15px;
      letter-spacing: 0;
      display: block;
      float: left;
    }
}