/*.container {
  width: 1000px;
  margin: 0 auto;
}*/

.container {
    padding-top: 76px;
}


/*header*/

.nav-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}

.header {
    width: 100%;
    padding-left: 300px;
    background-color: #fff;
    color: #fff;
}

.header .logo {
    float: left;
    margin-left: -300px;
    padding: 16px 0;
    overflow: hidden;
    width: 300px;
}

.header .logo a {
    width: 200%;
}

.scroll-nav .header .logo {
    padding: 10px 0;
}

.header .logo img {
    height: 40px;
    transition: all .5s;
}

.scroll-nav .header .logo img {
    height: 26px;
}

.header .nav {
    float: right;
    width: 100%;
}

.header .nav>ul {
    float: right;
}

.nav>ul>li {
    float: left;
    margin: 0 3px;
    font-size: 14px;
    line-height: 70px;
    position: relative;
    text-align: center;
}

.scroll-nav .nav>ul>li {
    line-height: 48px;
}

.nav>ul>li>.menu {
    position: absolute;
    top: 100%;
    background: #f8f8f8;
    z-index: 12;
    left: 0;
    right: 0;
}

.nav .menu>li>a {
    color: #666;
    display: block;
    padding: 8px 0;
    line-height: 2em;
}

.nav .menu>li>a:hover {
    color: #d10303;
}

.system .menu>li>a:hover {
    color: #e01d66;
}

.eco-partner .menu>li>a:hover {
    color: #54ab14;
}

.investor .menu>li>a:hover {
    color: #2262d7;
}

.newsTrends .menu>li>a:hover {
    color: #00afd3;
}

.about .menu>li>a:hover {
    color: #2b9ef6;
}

.system.active .menu>li.clicked>a {
    color: #e01d66;
}

.eco-partner.active .menu>li.clicked>a {
    color: #54ab14;
}

.investor.active .menu>li.clicked>a {
    color: #2262d7;
}

.newsTrends.active .menu>li.clicked>a {
    color: #00afd3;
}

.about.active .menu>li.clicked>a {
    color: #2b9ef6;
}

.nav>ul>li>.menu {
    display: none;
}


/*.nav>ul>li:hover>.menu{
  display: block;
}*/

.animated-fast {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInUpMenu {
    from {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpMenu {
    from {
        opacity: 0;
        visibility: hidden;
        /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        visibility: visible;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpMenu {
    -webkit-animation-name: fadeInUpMenu;
    animation-name: fadeInUpMenu;
}

.nav>ul>li>a {
    padding: 8px 20px;
    background: none;
    color: #545454;
    border-radius: 30px;
    transition: 0.5s all;
}

.nav>ul>li>a:hover {
    color: #fff;
}

.home>a:hover {
    background-color: #ef3e28;
    background: -webkit-linear-gradient(-173deg, #f02849 0%, #ef3e28 100%);
    background: -moz-linear-gradient(-173deg, #f02849 0%, #ef3e28 100%);
    background: -o-linear-gradient(-173deg, #f02849 0%, #ef3e28 100%);
    background: linear-gradient(-173deg, #f02849 0%, #ef3e28 100%);
}

.system>a:hover {
    background-color: #f43252;
    background: -webkit-linear-gradient(1deg, #ec2e56 0%, #f43252 100%);
    background: -moz-linear-gradient(1deg, #ec2e56 0%, #f43252 100%);
    background: -o-linear-gradient(1deg, #ec2e56 0%, #f43252 100%);
    background: linear-gradient(1deg, #ec2e56 0%, #f43252 100%);
}

.eco-partner>a:hover {
    background-color: #81cc2e;
    background: -webkit-linear-gradient(1deg, #81b03a 0%, #81cc2e 100%);
    background: -moz-linear-gradient(1deg, #81b03a 0%, #81cc2e 100%);
    background: -o-linear-gradient(1deg, #81b03a 0%, #81cc2e 100%);
    background: linear-gradient(1deg, #81b03a 0%, #81cc2e 100%);
}

.duty>a:hover {
    background-color: #fa5a28;
    background: -webkit-linear-gradient(1deg, #ff3716 0%, #fa5a28 100%);
    background: -moz-linear-gradient(1deg, #ff3716 0%, #fa5a28 100%);
    background: -o-linear-gradient(1deg, #ff3716 0%, #fa5a28 100%);
    background: linear-gradient(1deg, #ff3716 0%, #fa5a28 100%);
}

.investor>a:hover {
    background-color: #00a2ff;
    background: -webkit-linear-gradient(14deg, #4383ff 0%, #00a2ff 100%);
    background: -moz-linear-gradient(14deg, #4383ff 0%, #00a2ff 100%);
    background: -o-linear-gradient(14deg, #4383ff 0%, #00a2ff 100%);
    background: linear-gradient(14deg, #4383ff 0%, #00a2ff 100%);
}

.newsTrends>a:hover {
    background-color: #4ecfff;
    background: -webkit-linear-gradient(1deg, #00daee 0%, #4ecfff 100%);
    background: -moz-linear-gradient(1deg, #00daee 0%, #4ecfff 100%);
    background: -o-linear-gradient(1deg, #00daee 0%, #4ecfff 100%);
    background: linear-gradient(1deg, #00daee 0%, #4ecfff 100%);
}

.about>a:hover {
    background-color: #4ebeff;
    background: -webkit-linear-gradient(1deg, #0cb0fe 0%, #4ebeff 100%);
    background: -moz-linear-gradient(1deg, #0cb0fe 0%, #4ebeff 100%);
    background: -o-linear-gradient(1deg, #0cb0fe 0%, #4ebeff 100%);
    background: linear-gradient(1deg, #0cb0fe 0%, #4ebeff 100%);
}

.home.active>a {
    color: #d10303;
}

.system.active>a {
    color: #e01d66;
}

.eco-partner.active>a {
    color: #54ab14;
}

.duty.active>a {
    color: #df3c2a;
}

.investor.active>a {
    color: #2262d7;
}

.newsTrends.active>a {
    color: #00afd3;
}

.about.active>a {
    color: #2b9ef6;
}


/*.system.active>.menu>li.active>a{
  color: #d10303;
}*/


/*banner*/

.banner {
    position: relative;
    overflow: hidden;
    height: 400px;
}

.banner ul .item {
    height: auto;
    width: 100%;
}

.item .item-text {
    position: absolute;
    width: 1200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    font-size: 50px;
}

.item .text-spacing {
    letter-spacing: 20px;
}

.banner .item:hover img {
    transform: scale(1.1);
}

.banner .item img {
    transition: all 0.5s ease-in-out;
}

.banner ul .cover {
    /*position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-color: pink;*/
}

.banner ul .cover img {
    width: 100%;
    display: block;
}

.banner .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #fff;
}

.banner .item-text .banner-text {
    position: relative;
    letter-spacing: 6px;
}

.banner .item-text .banner-text:before,
.banner .item-text .banner-text:after {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 3px;
    top: 50%;
}

.banner .item-text .banner-text:after {
    right: 440px;
}

.banner .item-text .banner-text:before {
    left: 440px;
}

.arrow.pre {
    left: 5%;
}

.arrow.next {
    right: 5%;
}

.carousel ol {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%);
}

.carousel ol li {
    list-style: none;
    display: inline-block;
    width: 20px;
    height: 6px;
    border-radius: 5px;
    background-color: #ccc;
}

.carousel ol li.active {
    background-color: #fff;
}


/*company*/

.company {
    background-color: #fff;
    text-align: center;
    padding: 5em 0;
    /*padding: 80px;*/
}

.company .logo img {
    height: 100px;
    /*padding: 80px;*/
}


/*partner*/

.partner {
    /* background-color: #3fab3f;
    padding: 30px;
    color: #fff;
    background: url('../img/partner.jpg') center 0px no-repeat;
    background-size: cover; */
}

.partner .title {
    padding: 42px;
    text-align: center;
    background-color: #60b314;
    background: -webkit-linear-gradient(178deg, #8ad31b 0%, #60b314 100%);
    background: -moz-linear-gradient(178deg, #8ad31b 0%, #60b314 100%);
    background: -o-linear-gradient(178deg, #8ad31b 0%, #60b314 100%);
    background: linear-gradient(178deg, #8ad31b 0%, #60b314 100%);
}

.partner .title span {
    font-size: 30px;
    position: relative;
}

.partner .title span:before,
.partner .title span:after {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(255, 255, 255, .35);
    width: 140px;
    height: 3px;
    top: 50%;
}

.partner .title span:before {
    left: 160px;
}

.partner .title span:after {
    right: 160px;
}

.partner .partner-msg {
    /*float: left;
  width: 50%;
  position: relative;*/
    display: inline-block;
}

.partner .contact {
    padding-top: 40px;
    text-align: center;
}

.partner-msg .partner-img {
    /*float: left;*/
    position: relative;
}

.partner-text span {
    position: absolute;
    color: #78a153;
    font-size: 20px;
}

.partner-text span.technology {
    top: 43px;
    left: 248px;
}

.partner-text span.valley {
    top: 43px;
    right: 266px;
}

.partner-text span.institute {
    z-index: 2;
    top: 80px;
    right: 184px;
    color: #4f7f33;
}

.partner-text span.room {
    top: 126px;
    right: 92px;
}

.partner-text span.garden {
    top: 304px;
    right: 262px;
}

.partner-text span.swimming-pool {
    top: 304px;
    left: 220px;
}

.partner-msg img {
    transition: all .2s;
}

.partner-msg img.after {
    height: 400px;
}

.partner-msg img.three-div {
    position: absolute;
    height: 90px;
}

.partner-msg img.second-div {
    position: absolute;
    z-index: 1;
    height: 90px;
}

.partner-msg img.first-div {
    position: absolute;
    z-index: 2;
    /*height: 80px;*/
    top: 104px;
    right: 326px;
}

.partner-msg img.atsk,
.partner-msg img.bl,
.partner-msg img.ke,
.partner-msg img.dq {
    height: 100px;
}

.partner-msg img.cicp,
.partner-msg img.yojo,
.partner-msg img.atsk {
    right: 404px;
}

.partner-msg img.cicp,
.partner-msg img.empty {
    top: 70px;
}

.partner-msg img.yojo,
.partner-msg img.yskd {
    top: 160px;
}

.partner-msg img.atsk,
.partner-msg img.bl {
    top: 226px;
}

.partner-msg img.yskd,
.partner-msg img.bl {
    right: 128px;
}

.partner-msg img.jsyl {
    top: 116px;
    right: 422px;
}

.partner-msg img.ke {
    top: 194px;
    right: 422px;
}

.partner-msg img.empty {
    right: 140px;
}

.partner-msg img.hongying {
    top: 116px;
    right: 214px;
}

.partner-msg img.dq {
    top: 194px;
    right: 214px;
}

.partner .content {
    padding: 78px 0 60px 0;
    text-align: center;
}

.partner .content ul {
    width: 250px;
    color: #e4e4e4;
    line-height: 2em;
    padding: 50px 0;
}

.partner .contact-btn {
    display: inline-block;
    font-size: 18px;
    padding: 8px 20px;
    color: #333;
    background-color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0px 1px 2px 0.05px rgba(0, 95, 9, 0.61);
    -moz-box-shadow: 0px 1px 2px 0.05px rgba(0, 95, 9, 0.61);
    -ms-box-shadow: 0px 1px 2px 0.05px rgba(0, 95, 9, 0.61);
    -o-box-shadow: 0px 1px 2px 0.05px rgba(0, 95, 9, 0.61);
    box-shadow: 0px 1px 2px 0.05px rgba(0, 95, 9, 0.61);
}


/*news*/

.news {
    background-color: #fff;
    text-align: center;
    padding-bottom: 96px;
}

.news .title {
    color: #666;
    /*margin-top: 110px;*/
    padding: 110px 0 80px 0;
    text-align: center;
}

.news .title span {
    font-size: 30px;
    position: relative;
}

.news .title span:before,
.news .title span:after {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, .1);
    width: 140px;
    height: 3px;
    top: 50%;
}

.news .title span:before {
    left: 160px;
}

.news .title span:after {
    right: 160px;
}

.banner-news .item-img img {
    display: block;
    height: 130px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width: 100%;
}

.banner-news .item-img,
.banner-news .item-new {
    width: 50%;
    float: left;
}

.banner-news .item-img {
    padding-right: 40px;
    position: relative;
}

.item-img .news-img {
    float: right;
    -webkit-box-shadow: 0px 0px 2px 0.05px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 2px 0.05px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0px 0px 2px 0.05px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 0px 2px 0.05px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 2px 0.05px rgba(0, 0, 0, 0.3);
    position: relative;
    width: 328px;
    height: 218px;
}

.newsP01,
.newsP02 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
}

.news-img .item-newtitle {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /* top: 0; */
    background-color: #fff;
    text-align: center;
    font-size: 20px;
    color: #0077cf;
    padding: 16px 0;
    height: 88px;
    transition: all .5s;
}

.news-img .item-newtitle:hover {
    color: #fff;
    height: 100%;
    padding: 80px 0;
    background-color: #0077cf;
}

.banner-news .item-new {
    text-align: left;
    width: 50%;
    padding-left: 2px;
}

.banner-news .news-list {
    width: 460px;
    float: left;
}

.banner-news {
    position: relative;
}

.banner-news .arrow {
    position: absolute;
    top: 50%;
    font-size: 30px;
    color: #ccc;
    margin-top: -28px;
}

.banner-news .arrow .pre {
    left: 5%;
}

.banner-news .arrow .next {
    right: 5%;
}

.item-new .new-time {
    font-size: 16px;
    color: #797878;
    padding-right: 24px;
}

.item-new .new-content {
    font-size: 16px;
    color: #2e2e2e;
}

.item-new ul li {
    padding: 11px 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-new ul li:last-child {
    border-bottom: none;
}

.item-new .new-content.active {
    color: #0077cf;
}

.item-new ul>li>a:hover span {
    color: #0077cf;
}

.item-new .load-more {
    display: inline-block;
    border: 1px solid #ddd;
    width: 100%;
    font-size: 16px;
    color: #0077cf;
    padding: 8px 0;
    text-align: center;
}

.item-new .load-more:hover {
    color: #002e7b;
}


/*product-desc*/

.product-desc {
    background: #b4248d;
    background: -webkit-linear-gradient(90deg, #c93957 0%, #b4248d 100%);
    background: -moz-linear-gradient(90deg, #c93957 0%, #b4248d 100%);
    background: -o-linear-gradient(90deg, #c93957 0%, #b4248d 100%);
    background: linear-gradient(90deg, #c93957 0%, #b4248d 100%);
    height: 200px;
    text-align: center;
}

.product-desc .desc>ul {
    width: 960px;
    margin: 0 auto;
}

.product-desc .desc>ul>li {
    float: left;
    /*width: 292px;
  height: 240px;*/
    overflow: hidden;
}

.product-desc .desc>ul>li img {
    width: 240px;
}

.product-item a {
    display: inline-block;
    position: relative;
}

.product-item a>span {
    display: block;
    position: absolute;
    background-color: transparent;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    transition: all .35s ease-in-out;
}

.product-item a:hover>span {
    /*width: 100%;
  height: 100%;*/
    width: 240px;
    height: 202px;
    left: 0;
    margin-top: -101px;
    background-color: rgba(255, 255, 255, .2);
}

.product-item a ul {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    color: #fff;
    line-height: 1;
    margin-top: -51px;
}

.product-item .text-md {
    font-size: 16px;
}

.product-item .num-lg {
    font-size: 40px;
}

.product-item .text-lg {
    font-size: 28px;
}


/*footer*/

.footer {
    background-color: #dcdddd;
    /*padding: 35px 0 60px 0;*/
    text-align: center;
}

.footer .footer-container {
    padding: 20px 0;
    width: 1000px;
    margin: 0 auto;
}

.friendlink {
    float: left;
}

.friendlink dl {
    margin-right: 66px;
    float: left;
    line-height: 26px;
    text-align: left;
}

.friendlink dl dt {
    color: #808080;
    font-size: 14px;
    line-height: 32px;
}

.friendlink dl dd {
    color: #666;
    font-size: 12px;
}

.share-link {
    float: right;
}

.share-link .share-icon {
    float: left;
}

.share-link .share-icon li {
    margin-left: 36px;
}

.share-link li {
    float: left;
}

.share-link .code {
    float: left;
    /* padding-left: 30px; */
}

.share-link .weixin {
    float: left;
    padding-top: 50px;
}

.code>img {
    width: 230px;
}

.copyright-box {
    background-color: #898989;
    padding: 15px 0;
}

.copyright {
    width: 1000px;
    margin: 0 auto;
    color: #fff;
}

.copyright>p {
    float: left;
}

.copyright>span {
    float: right;
    /*width: 140px;*/
    text-align: center;
}


/*logo origin*/

.partner-img .hongying,
.partner-img .beiliao,
.partner-img .yskd,
.partner-img .dingqi {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
}

.partner-img .cicp,
.partner-img .jsyl,
.partner-img .yojo,
.partner-img .korredu,
.partner-img .atsk {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
}