section#main-inner-banner {
    width: 100%;
    height: 400px;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
}

/* 导航 */
section#main-inner > .main-inner-nav {
    height: 85px;
    background-color: rgba(244, 244, 244, 1);
}
section#main-inner > .main-inner-nav > .main-inner-nav-cont {
    width: 1320px;
    height: inherit;
    display: flex;
    justify-content: space-between;
}
section#main-inner > .main-inner-nav > .main-inner-nav-cont > .main-inner-nav-cont-left {
    display: flex;
    width: 80%;
}
section#main-inner > .main-inner-nav > .main-inner-nav-cont > .main-inner-nav-cont-left > a {
    padding: 0 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #666;
    font-size: 16px;
    position: relative;
    transition: 0.3s ease 0s;
}
section#main-inner > .main-inner-nav > .main-inner-nav-cont > .main-inner-nav-cont-left > a:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    display: block;
    background: #ccc;
    top: 50%;
    margin-top: -7px;
    right: 0px;
}
section#main-inner > .main-inner-nav > .main-inner-nav-cont > .main-inner-nav-cont-left > a:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0px;
    width: 0%;
    height: 3px;
    background-color: none;
    transition: all .3s;
}
section#main-inner > .main-inner-nav > .main-inner-nav-cont > .main-inner-nav-cont-left > a.active {
    color: #333 !important;
}

section#main-inner > .main-inner-nav > .main-inner-nav-cont > .main-inner-nav-cont-left > a.active:before {
    background-color: #09a468 !important;
    width: 80% !important;
    left: 10% !important;
}
section#main-inner > .main-inner-nav > .main-inner-nav-cont > .main-inner-nav-cont-left > a:hover:before {
    width: 80%;
    left: 10%;
    background-color: #09a468;
}
section#main-inner > .main-inner-nav > .main-inner-nav-cont > .main-inner-nav-cont-right {
    display: flex;
    align-items: center;
    color: #666;
    font-size: 14px;
}
section#main-inner > .main-inner-nav > .main-inner-nav-cont > .main-inner-nav-cont-right > a {
    color: #666;
    font-size: 14px;
}
section#main-inner > .main-inner-nav > .main-inner-nav-cont > .main-inner-nav-cont-right > .main-inner-nav-cont-right-style {
    margin: 0 5px;
}
section#main-inner > .main-inner-nav > .main-inner-nav-cont > .main-inner-nav-cont-right > a:hover {
    color: #09a468;
}
/* 导航 */
section#main-inner {
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
}
section#main-inner > .main-inner {
    width: 1320px;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}
section#main-inner > .main-inner > .main-inner-title {
    padding: 35px 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 35px;
    font-family: "Microsoft Yahei", "STXihei", sans-serif;
    border-bottom: 1px solid #eee;
}

section#main-inner > .main-inner > .main-inner-content {
    padding: 40px 0;
}

/* 新闻 */
section#main-inner > .main-inner > .main-inner-content-news {
    display: flex;
    flex-direction: column;
}
section#main-inner > .main-inner > .main-inner-content-news > a {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}
section#main-inner > .main-inner > .main-inner-content-news > a:hover {
    background-color: #dedede;
}
section#main-inner > .main-inner > .main-inner-content-news > a:hover .main-inner-content-item-right > .main-inner-content-item-right-left > span:first-child {
    color: #09a468;
}
section#main-inner > .main-inner > .main-inner-content-news > a > .main-inner-content-item-left {
    width: 25%;
}
section#main-inner > .main-inner > .main-inner-content-news > a > .main-inner-content-item-left > img {
    width: 100%;
    height: 100%;
}
section#main-inner > .main-inner > .main-inner-content-news > a > .main-inner-content-item-right {
    flex: 1;
    display: flex;
    justify-content: space-between;
    padding: 2% 3% 2% 3%;
    box-sizing: border-box;
    align-items: center;
}
section#main-inner > .main-inner > .main-inner-content-news > a > .main-inner-content-item-right > .main-inner-content-item-right-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-right: 3%;
}
section#main-inner > .main-inner > .main-inner-content-news > a > .main-inner-content-item-right > .main-inner-content-item-right-left > span:first-child {
    font-size: 24px;
    color: #333333;
}
section#main-inner > .main-inner > .main-inner-content-news > a > .main-inner-content-item-right > .main-inner-content-item-right-left > span:last-child {
    font-size: 16px;
    color: #999999;
    margin-top: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
section#main-inner > .main-inner > .main-inner-content-news > a > .main-inner-content-item-right > .main-inner-content-item-right-right {
    width: 10%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
section#main-inner > .main-inner > .main-inner-content-news > a > .main-inner-content-item-right > .main-inner-content-item-right-right > span:first-child {
    font-weight: bold;
    font-size: 54px;
    color: #333333;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
section#main-inner > .main-inner > .main-inner-content-news > a > .main-inner-content-item-right > .main-inner-content-item-right-right > span:last-child {
    font-size: 16px;
    color: #999;
}

/* news-details */
section#main-inner > .main-inner > .main-inner-content-news-details {
    display: flex;
    justify-content: space-between;
}
section#main-inner > .main-inner > .main-inner-content-news-details > .main-inner-content-news-details-left {
    width: 70%;
    background-color: #f5f5f5;
    padding: 6% 4%;
    box-sizing: border-box;
    margin-right: 5%;
    display: flex;
    flex-direction: column;
}
section#main-inner > .main-inner > .main-inner-content-news-details > .main-inner-content-news-details-left > .main-inner-content-news-details-left-top {
    width: 100%;
    display: flex;
    flex-direction: column;
}
section#main-inner > .main-inner > .main-inner-content-news-details > .main-inner-content-news-details-left > .main-inner-content-news-details-left-top > span {
    width: 100%;
    font-size: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
    text-align: center;
}
section#main-inner > .main-inner > .main-inner-content-news-details > .main-inner-content-news-details-left > .main-inner-content-news-details-left-top > .main-inner-content-news-details-left-top-cont {
    display: flex;
    justify-content: space-between;
    padding: 2% 0;
    font-size: 14px;
    color: #777777;
}
section#main-inner > .main-inner > .main-inner-content-news-details > .main-inner-content-news-details-left > .main-inner-content-news-details-left-top > .main-inner-content-news-details-left-top-cont > .main-inner-content-news-details-left-top-cont-left > span {
    margin-right: 15px;
}

section#main-inner > .main-inner > .main-inner-content-news-details > .main-inner-content-news-details-left > .main-inner-content-news-details-left-top > .main-inner-content-news-details-left-top-cont {
    padding: 3% 0;
    line-height: 25px;
}
section#main-inner > .main-inner > .main-inner-content-news-details > .main-inner-content-news-details-right {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background-color: #f5f5f5;
}
section#main-inner > .main-inner > .main-inner-content-news-details > .main-inner-content-news-details-right > span {
    height: 55px;
    background-color: rgba(51, 51, 51, 1);
    color: #fff;
    display: flex;
    align-items: center;
    padding-left: 10%;
    font-size: 20px;
}
section#main-inner > .main-inner > .main-inner-content-news-details > .main-inner-content-news-details-right > .main-inner-content-news-details-right-cont {
    /* padding: 10% 0; */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
section#main-inner > .main-inner > .main-inner-content-news-details > .main-inner-content-news-details-right > .main-inner-content-news-details-right-cont > a {
    display: flex;
    flex-direction: column;
    padding: 5%;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    border-bottom: 1px solid #d2d2d2;
}
section#main-inner > .main-inner > .main-inner-content-news-details > .main-inner-content-news-details-right > .main-inner-content-news-details-right-cont > a:last-of-type {
    border: 0;
}
section#main-inner > .main-inner > .main-inner-content-news-details > .main-inner-content-news-details-right > .main-inner-content-news-details-right-cont > a:hover span:first-child {
    color: #09a468;
}
section#main-inner > .main-inner > .main-inner-content-news-details > .main-inner-content-news-details-right > .main-inner-content-news-details-right-cont > a > span:last-child {
    margin-top: 10px;
}

/* 产品列表 */
section#main-inner > .main-inner > .main-inner-content-product {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
}
section#main-inner > .main-inner > .main-inner-content-product > a {
    width: 23%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin: 1%;
    outline: 1px solid #dedede;
}
section#main-inner > .main-inner > .main-inner-content-product > a > img{
    width: 100%;
    height: 100%;

}
section#main-inner > .main-inner > .main-inner-content-product > a > span {
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
    color: #666666;
}
section#main-inner > .main-inner > .main-inner-content-product > a:hover span {
    color: #fff;
    background-color: #09a468;
}



/* 留言 */
.subright {
    width: 98%;
    padding-bottom: 0;
    line-height: 28px;
}

.subright .t2 {
    padding-bottom: 30px;
    color: #09a468;
    font-size: 24px;
}

.subright .formData {
    padding-bottom: 20px;
}

.subright .form-group {
    margin-bottom: 20px;
}

.subright .form-control {
    display: block;
    width: 96%;
    height: 36px;
    padding: 6px 2%;
    font-size: 14px;
    line-height: 1.57142857;
    color: #76838f;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dedede;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    outline: none
}

.subright textarea {
    height: 150px !important;
    outline: none
}

.subright .btn-lg {
    padding: 10px 18px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 4px;
}

.subright .btn-block {
    display: block;
    width: 100%;
    color: #fff;
}

.subright .btn-primary {
    background-color: #09a468;
    border-color: #09a468;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border: none;
}


/* page */
.page {

    margin: 0 auto;

}

.page ul {

    display: flex;

    margin: 0 auto;

}

 .page {

    padding: 10px;

    text-align: center;

    font-size: 12px;

    line-height: 25px;

    display: flex;

 }

 .page li {

    display: flex;

    margin-right: 8px;

 }

 .page li a {

    padding: 4px 13px;

    border: 1px solid #d2d2d2;

 }

 .page li span {

    padding: 4px 13px;

    border: 1px solid #d2d2d2;

    cursor: pointer;

 }

 .page li:hover a {

    background-color: #09a468;

    border: 1px solid #09a468;

    color: #fff;

 }

 .page li.active span{

    background-color: #09a468;

    border: 1px solid #09a468;

    color: #fff;

 }
 
 /* 联系我们 */