@charset "utf-8";

/*reset*/
* {
    margin: 0;
    padding: 0;
}
html {
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: 625%;
    color: #333;
    -webkit-text-size-adjust: none;
}
body {
    max-width: 640px;
    margin: auto;
    font-size: 0;
    background: #fff;
}
p, input, textarea {
    font-size: inherit;
}
a {
    color: inherit;
    text-decoration: none;
    outline-style: none;
    border: none;
}
ul, ol, li {
    list-style: none;
}
img {
    max-width: 100%;
    border: 0 none;
}
a, button, input, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0)
}
em, i {
    font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
input:focus, textarea:focus {
    outline: none;
}
textarea {
    font-family: inherit;
    resize: none;
}
input, textarea, button, select {
    -webkit-border-radius: 0
}
input[type=submit],input[type=reset] textarea, button {
    -webkit-appearance: none;
}

/*public*/
.clearfix {
    *zoom: 1;
}
.clearfix:before, .clearfix:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.fl {
    float: left;
    display: inline-block;
}
.fr {
    float: right;
    display: inline-block;
}
.container {
    max-width: 6rem;
    margin: 0 auto;
    *zoom: 1;
}
.container:before, .container:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.img-box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.img-box img {
    vertical-align: middle;
    border: none;
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}
.col-2 {
    width: 50%;
    float: left;
    display: inline-block;
}
.col-3 {
    width: 33.33%;
    float: left;
    display: inline-block;
}
.col-4 {
    width: 25%;
    float: left;
    display: inline-block;
}
.col-5 {
    width: 20%;
    float: left;
    display: inline-block;
}

/*common*/
.mb-40 {
    margin-bottom: .40rem;
}
.common-btn {
    display: block;
    height: .70rem;
    line-height: .70rem;
    text-align: center;
    font-family: Arial;
    font-size: .20rem;
    background: #74a446;
    color: #fff;
    width: 100%;
}
.common-btn-wrap {
    width: 3.70rem;
    margin: auto;
}
.pic-group .pic-box {
    display: block;
    width: 2.90rem;
    margin-bottom: .24rem;
    float: left;
}
.pic-group .pic-box:nth-of-type(2n) {
    float: right;
}
.pic-group .pic-box .img-box {
    overflow: hidden;
    width: 2.88rem;
    height: 1.98rem;
    border: 1px solid #e1e1e1;
}
.pic-group .pic-box .img-box img {
    max-width: 100%;
    max-height: 100%;
}
.pic-group .pic-box .caption {
    height: .70rem;
    line-height: .70rem;
    text-align: center;
    color: #7e7e7e;
    font-size: .20rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.common-nav {
    margin-bottom: .45rem;
}
.common-nav .navlist {
    width: 100%;
    position: relative;
}
.common-nav .navlist .hd {
    height: .70rem;
    line-height: .70rem;
    padding: 0 .20rem;
    font-size: .22rem;
    color: #f7f7f7;
    background: #303030;
    cursor: pointer;
    position: relative;
}
.common-nav .navlist .hd .arrow {
    display: block;
    width: .24rem;
    height: .12rem;
    background: url("../images/arrow-down.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: .30rem;
    right: .20rem;
}
.common-nav .navlist .bd {
    width: 100%;
    max-width: 6.40rem;
    height: auto;
    font-size: .18rem;
    color: #333;
    background: #f5f7f9;
    display: none;
    position: absolute;
    top: .70rem;
    left: 0;
    z-index: 1000;
}
.common-nav .navlist .bd li {
    height: .60rem;
    line-height: .60rem;
    border-bottom: .01rem solid #ccc;
}
.common-nav .navlist .bd li a {
    display: block;
    padding: 0 .20rem;
}
.common-nav .navlist .bd li:hover {
    background: #575757;
    color: #f7f7f7;
}
.page {
    text-align: center;
    padding: .20rem;
    font-family: Arial;
}
.page-item {
    display: inline-block;
    height: .60rem;
    line-height: .60rem;
    width: .60rem;
    background: #b9b9b9;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    margin: 0 .04rem;
}
.page-item.active {
    background: #4d4663;
}
.page-space {
    display: inline-block;
    width: .60rem;
    font-size: .24rem;
    color: #727272;
    text-align: center;
    vertical-align: bottom;
}

/*sidebar*/
#sidebar .sidebar-wrapper {
    position: relative;
    height: 100%;
    overflow-y: auto;
    font-size: .20rem;
}
#sidebar {
    background: #18191c;
    opacity: .9;
}
#sidebar .nav {
    margin-top: 0.5rem;
    line-height: .70rem;
    list-style-type: none;
    padding: 0 .2rem;
}
#sidebar .nav a {
    display: block;
    color: #fff;
    text-decoration: none;
}

/*header*/
.header {
    height: .97rem;
    background: #fff;
    width: 100%;
    overflow: hidden;
}
.header__logo {
    width: 1.46rem;
    height: .70rem;
    margin: .12rem 0 0 .20rem;
}
.header__logo a, .header__logo a img {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.header .sidebar-toggle {
    width: .43rem;
    height: .28rem;
    margin: .40rem .20rem 0 0;
    cursor: pointer;
}
.header .sidebar-toggle img {
    display: inline-block;
    width: 100%;
    height: 100%;
}

/*banner*/
.banner img {
    width: 100%;
}

/*index_about__summary*/
.index_about__summary {
    height: 3.53rem;
    padding-top: .60rem;
    background: url("../images/index-about-border.png") no-repeat center .60rem;
    -webkit-background-size: 5.17rem 2.88rem;
    background-size: 5.17rem 2.88rem;
}
.index_about__summary .text-box {
    text-align: center;
    padding: 0 .50rem;
    height: 1.45rem;
}
.index_about__summary .text-box h4 {
    font-size: .50rem;
    line-height: .50rem;
    margin-bottom: .15rem;
    font-family: "Microsoft YaHei", sans-serif;
    color: #74a446;
}
.index_about__summary .text-box p {
    color: #9a9a9a;
    font-size: .18rem;
    line-height: .30rem;
}
.index_about__imgBox img {
    width: 100%;
}
.index_about__content {
    height: 3.15rem;
    padding-top: .60rem;
    background: url("../images/index-about-bg.jpg") no-repeat center bottom;
    -webkit-background-size: 6.40rem 4.28rem;
    background-size: 6.40rem 4.28rem;
}
.index_about__content .title {
    margin-bottom: .45rem;
}
.index_about__content .title h3 {
    font-family: "Microsoft YaHei";
    font-size: .26rem;
    font-weight: bold;
    color: #282828;
    margin-bottom: .14rem;
}
.index_about__content .title h5 {
    font-family: Arial;
    font-size: .20rem;
    font-weight: bold;
    color: #74a446;
    text-transform: uppercase;
}
.index_about__content .text {
    font-size: .20rem;
    line-height: .40rem;
    color: #888;

}

/*index_case*/
.index_case {
    padding-top: 1rem;
    padding-bottom: .85rem;
    border-bottom: .12rem solid #e8e8e8;
}
.index_case__title {
    margin-bottom: .56rem;
}
.index_case__title h3 {
    margin-bottom: .30rem;
}
.index_case__title h3 img {
    display: block;
    width: 4.22rem;
    height: .37rem;
}
.index_case__title h4 {
    font-size: .24rem;
    font-weight: bold;
}
.index_case__slide .swiper-container {
    padding-bottom: .30rem;
}
.index_case__slide .img-box {
    width: 6rem;
    height: 3.64rem;
    overflow: hidden;
}
.index_case__slide .img-box img {
    width: 100%;
    height: auto;
}
.index_case__slide .caption {
    text-align: center;
    line-height: 2;
    padding: .20rem 0;
}
.index_case__slide .caption a {
    display: inline-block;
}
.index_case__slide .caption h4 {
    font-size: .20rem;
    color: #74a446;
}
.index_case__slide .caption p {
    font-size: .13rem;
    font-family: Arial;
    color: #b0b0b0;
    text-transform: uppercase;
}
.index_case__slide .swiper-button-prev, .index_case__slide .swiper-button-next {

    height: 1.05rem;
    width: .55rem;
    top: 1.30rem;
}
.index_case__slide .swiper-button-prev {
    background: rgba(23, 19, 18, .7) url("../images/slide-prev.png") no-repeat center center;
    -webkit-background-size: .16rem .29rem;
    background-size: .16rem .29rem;
    left: 0;
}
.index_case__slide .swiper-button-next {
    background: rgba(23, 19, 18, .7) url("../images/slide-next.png") no-repeat center center;
    -webkit-background-size: .16rem .29rem;
    background-size: .16rem .29rem;
    right: 0;
}
.index_case__slide .swiper-pagination-bullets {
    padding: .10rem 0;
    bottom: 0;
}
.index_case__slide .swiper-pagination-bullet {
    border-radius: unset;
    background: #b0b0b0;
    width: .08rem;
    height: .08rem;
    margin: 0 .04rem;
}
.index_case__slide .swiper-pagination-bullet-active {
    background: #524a6a;
}
.index_case__picGroup {
    margin: .45rem 0;
}
.index_case__picGroup .pic-group .pic-box .img-box {
    height: 3.38rem;
}
.index_case__picGroup .pic-group .pic-box .img-box img {
    height: 100%;
    width: 100%;
}
.index_case__picGroup .pic-group .caption {
    color: #3e3e3e;
}

/*index_product*/
.index_product {
    padding-top: .80rem;
    padding-bottom: .75rem;
}
.index_product__title {

    text-align: center;

}
.index_product__title h3 {
    font-size: .24rem;
    color: #282828;
    font-weight: bold;
    font-family: "Microsoft YaHei", sans-serif;
    margin-bottom: .15rem;
}
.index_product__title p {
    font-size: .18rem;
    font-family: Arial;
    font-weight: bold;
    text-transform: uppercase;
    color: #524a6a;
}
.index_product__picGroup {
    margin: .50rem auto;
}

/*footer*/
.footer {
    background: #303030;
    font-size: .20rem;
    line-height: .38rem;
    color: #747474;
    text-align: center;
    padding: .20rem 0;
}

/*product*/
.product {
    padding-bottom: .50rem;
}
.product_list {
    padding-top: .20rem;
    margin-bottom: .45rem;
}

/*prov*/
.prov_show {
    border-bottom: .01rem solid #e1e1e1;
    padding-bottom: .18rem;
}
.prov_show .gallery-top .img-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 5.98rem;
    height: 4.10rem;
    border: 1px solid #e1e1e1;
}
.prov_show .gallery-thumbs {
    position: relative;
}
.prov_show .gallery-thumbs {
    padding: .40rem 0;
    width: 100%;
}
.prov_show .gallery-thumbs .swiper-container {
    width: 80%;
}
.prov_show .gallery-thumbs .swiper-slide {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 1rem !important;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.prov_show .gallery-thumbs .swiper-slide-active {
    border: .04rem solid #524a6a;
}
.prov_show .gallery-thumbs .swiper-button-prev, .prov_show .gallery-thumbs .swiper-button-next {
    width: .24rem;
    height: .45rem;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.prov_show .gallery-thumbs .swiper-button-prev {
    background: url("../images/prov_prev.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.prov_show .gallery-thumbs .swiper-button-next {
    background: url("../images/prov_next.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.prov_info {
    padding: .50rem 0;
    border-bottom: .01rem solid #e1e1e1;
}
.prov_info__name {
    margin-bottom: .20rem;
}
.prov_info__name h4 {
    font-size: .38rem;
    color: #524a6a;
}
.prov_info__name p {
    font-size: .14rem;
    line-height: .36rem;
    color: #bababa;
}
.prov_info__desc {
    font-size: .16rem;
    line-height: .32rem;
    color: #333333;
}
.prov_info__desc ul {
    display: inline-block;
}
.prov_info__desc ul:first-of-type {
    margin-right: .50rem;
}
.prov_info__desc li {
    padding-left: .24rem;
    background: url("../images/circle.png") no-repeat left center;
    -webkit-background-size: .14rem .14rem;
    background-size: .14rem .14rem;
}
.prov_detail {
    padding: .60rem 0;
    border-bottom: .01rem solid #e1e1e1;
}
.prov_detail__title {
    font-size: .22rem;
    line-height: .26rem;
    color: #524a6a;
    margin-bottom: .28rem;
}
.prov_detail__text {
    font-size: .20rem;
    line-height: .40rem;
    color: #6b6b6b;
    text-align: justify;
}


.pro-recommend {
    padding: .50rem 0;
}
.pro-recommend__title {
    font-size: .22rem;
    line-height: .26rem;
    color: #524a6a;
    margin-bottom: .42rem;
}

/*honor*/
.honor {
    padding-bottom: .60rem;
}
.honor_title {
    font-size: .24rem;
    line-height: .48rem;
    color: #595959;
    text-align: center;
    margin-bottom: .50rem;
}
.honor_list {
    margin-bottom: .35rem;
}
.honor_list .pic-group .pic-box .img-box {
    border: none;
}

/*history*/
.history {
    padding-bottom: .70rem;
}
.history_title {
    font-size: .24rem;
    line-height: .44rem;
    color: #595959;
    text-align: center;
    margin: .90rem 0 .20rem 0;

}
.history_list {
    padding: .20rem 0;
}
.history_list li {
    font-size: .18rem;
    line-height: .40rem;
    color: #595959;
    padding: .30rem 0;
    border-bottom: .01rem solid #ccc;
}
.history_list li:first-of-type {
    border-top: .01rem solid #ccc ;
}
.history_list span.year {
    font-size: .30rem;
    line-height: .44rem;
}

/*case*/
.case {
    padding-bottom: .70rem;
}
.case_title {
    font-size: .28rem;
    line-height: .44rem;
    color: #4d4663;
    text-align: center;
    padding: .20rem 0;
}
.case_list {
    margin: .30rem 0;
}

/*guide*/
.guide {
    padding-bottom: .50rem;
}
.guide_title {
    font-size: .26rem;
    line-height: .44rem;
    color: #595959;
    text-align: center;
    padding: .10rem 0;

}
.guide_content {
    font-size: .16rem;
    line-height: .32rem;
    padding: .30rem 0;
}
.guide_content img {
    display: block;
    width: 100%;
    height: auto;
}

/*contact*/
.contact {
    padding: .10rem 0;
    margin-bottom: .40rem;
}
.contact_title,.message_title {
    color: #595959;
    line-height: .44rem;
    font-size: .26rem;
    text-align: center;
}
.contact_info {
    padding: .30rem 0;
    margin-bottom: .20rem;
    font-size: .20rem;
    line-height: .40rem;
    color: #8e8e8e;
}
.contact_map {
    width: 6.40rem;
    overflow: hidden;
}
.message {
    padding: .60rem 0;
}
.message_form {
    margin-top:.40rem;
}
.message_form .form-group input,.message_form .form-group textarea {
    display: block;
    width: 100%;
    border: .01rem solid #b5b5b5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: .24rem;
    padding: .20rem;
    font-family: "Microsoft YaHei",sans-serif;
    font-size: .20rem;
    color: #000;
}
.message_form .form-group input {
    height: .72rem;
}
.message_form .form-group textarea {
    height: 2.57rem;
    resize: none;
}
.message_form .form-btn-group {
    text-align: center;
    padding: .30rem 0;
}
.message_form .form-btn-group .submit-btn {
    display: inline-block;
    width: 2.85rem;
    height: .65rem;
    outline: none;
    border: none;
    background: #74a446;
    color: #fff;
    font-size: .20rem;
    cursor: pointer;
}

/*about*/
.about-common-title {
    padding: .10rem 0;

}
.about-common-title h3 {
    font-size: .22rem;
    line-height: .28rem;
    color: ##74a446;
    font-family: "Microsoft YaHei", sans-serif;
    margin-bottom: .20rem;
}
.about-common-title .tit-img {
    display: inline-block;
    height: .73rem;
    width: auto;
}
.about-common-text {
    padding: .30rem 0;
    font-size: .22rem;
    line-height: .44rem;
    color: #747474;
}
.about-common-imgBox {
    padding: .30rem 0;
    margin-left: -.20rem;
    margin-right: -.20rem;
}
.about-common-imgBox img {
    width: 100%;
}
.about_intro,.about_scope {
    margin-bottom: .40rem;
}

/*job*/
.job {
    padding-top: .20rem;
    padding-bottom: .80rem;
}
.job_title {
    font-size: .26rem;
    line-height: .44rem;
    color: #4d4663;
    text-align: center;
}
.job_box .expand_box {
    margin: .40rem 0;
}
.job_box .expand_box .hd{
    width:100%;
    height:.7rem;
    line-height:.7rem;
    margin-top:.02rem;
    font-size:.24rem;
    text-indent:.24rem;
    color:#606060;
    background:#eee;
    cursor:pointer;
    position: relative;
}
.job_box .expand_box .hd .icon{
    display: block;
    width: .22rem;
    height: .22rem;
    position: absolute;
    right: .30rem;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/add.png") no-repeat center center;
    -webkit-background-size: .22rem auto;
    background-size: .22rem auto;
}
.job_box .expand_box .hd.on .icon {
    background: url("../images/line.png") no-repeat center center;
}
.job_box .expand_box .hd.on{
    background:#74a446;
    color:#fff;
}
.job_box .expand_box .bd{
    display:none;
}
.job_box .expand_box .bd .text_box{
    padding:.40rem .20rem;
    font-size:.20rem;
    line-height:.38rem;
    color:#6b6b6b;
    font-family: "Microsoft YaHei", sans-serif;
    background:#fff;
}

/*caseView*/
.caseView-show {
    position: relative;
}
.caseView-show-big .swiper-slide {
    height: 4.33rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.caseView-show-thumbs {
    padding: .15rem 0;
    background: rgba(21,21,21,.9);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}
.caseView-show-thumbs .swiper-container {
    width: 62.5%;
}
.caseView-show-thumbs .swiper-slide {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: .90rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.caseView-show-thumbs .swiper-slide-active {
    border: .04rem solid #524a6a;
}
.caseView_title {
    font-size: .26rem;
    line-height: 1;
    color: #524a6a;
    padding: .36rem 0;
    border-bottom: .01rem solid #d4d4d4;
}
.caseView_info {
    font-size: .20rem;
    line-height: 2;
    color: #2f2f2f;
    padding: .24rem 0;
    border-bottom: .01rem solid #d4d4d4;
}
.caseView_info .text-muted {
    color: #737373;
}
.caseView_detail {
    font-size: .20rem;
    line-height: 2;
    color: #8c8c8c;
    padding: .40rem 0;
}
.caseView_link {
    display: block;
    background: #524a6a;
    color: #fff;
    font-size: .20rem;
    height: .74rem;
    line-height: .74rem;
    text-align: center;
    margin: .30rem -0.20rem .30rem -0.20rem;
}
.caseView .pro-recommend {
    padding-bottom: .40rem;
}


.pages{
    font-size:.24rem;
    color:#fff;
    text-align:center;
}
.pages a{
    width:.6rem;
    height:.6rem;
    line-height:.6rem;
    text-align:center;
    display:inline-block;
    background:#B9B9B9;
    color:#fff;
}
.pages a.on{
    background:#4D4663;
}


.common-nav .navlist .htit99 {
    font-size: .18rem;
    height: .36rem;
    line-height:  .36rem;
    display: inline-block;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: .60rem;
    z-index: 33;
}

.index_banner img{
    width:100%;
    min-height: 4rem;
}
.index_banner .swiper-slide {
    height:4rem;
    overflow: hidden;
}
.index_banner .swiper-pagination{
    height:.10rem;
    line-height:.10rem;
    text-align:center;
    bottom:.18rem;
    position:absolute;
    z-index:4;
}
.index_banner .swiper-pagination-bullet{
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border-radius:50%;
    background:transparent;
    border:1px solid #fff;
}
.index_banner .swiper-pagination-bullet-active{
    background:#fff;
}