arset "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 {
    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;
}

/*public*/
.clearfix {
    *zoom: 1;
    padding: 0;
}
.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;
}
.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;
}
.wrapper-border {
    border-bottom: .14rem solid #c2bfbf;
}

/*sidebar*/
#sidebar .sidebar-wrapper {
    position: relative;
    height: 100%;
    overflow-y: auto;
    font-size: .20rem;
}
#sidebar {
    background:#2bb2b4;
    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: 1.2rem;
    background: #fff;
    width: 100%;
    overflow: hidden;
}
.header__logo {
    width: 2.24rem;
    height: .65rem;
    margin: .3rem 0 0 .34rem;
}
.header__logo a, .header__logo a img {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.header .sidebar-toggle {
    width: .45rem;
    height: .38rem;
    margin: .45rem .20rem 0 0;
    cursor: pointer;
}
.header .sidebar-toggle img {
    display: inline;
    width: 100%;
    height: 100%;
}

/*banner*/
.banner img {
    width: 100%;
}
.banner .swiper-pagination {
    height: .16rem;
    text-align: center;
    bottom: .15rem;
    position: absolute;
    z-index: 4;
}
.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    width: .16rem;
    height: .16rem;
    background:#2bb2b4;
    opacity: 1;
    margin: 0 .10rem;
    position: relative;
}
.banner .swiper-pagination-bullet-active:after {
    content: '';
    display: block;
    width: .10rem;
    height: .10rem;
    border: .01rem solid #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    background:#2bb2b4;
}

/*index-product*/
.index-product {
    margin-top: .95rem;
    margin-bottom: .20rem;
}
.index-product__list {
    width: 5.70rem;
    margin: auto;
    background: #fff;
}
.index-product__item .text-box {
    width: 1.90rem;
    height: 1.85rem;
    text-align: center;
    color: #846f53;
    position: relative;
}
.index-product__item:nth-of-type(1) .text-box {
    background: url("../images/pro-icon01.png") no-repeat center .80rem;
    -webkit-background-size: .80rem auto;
    background-size: .80rem auto;
}
.index-product__item:nth-of-type(2) .text-box {
    background: url("../images/pro-icon02.png") no-repeat center .44rem;
    -webkit-background-size: .76rem auto;
    background-size: .76rem auto;
}
.index-product__item:nth-of-type(3) .text-box {
    background: url("../images/pro-icon03.png") no-repeat center .68rem;
    -webkit-background-size: .67rem auto;
    background-size: .67rem auto;
}
.index-product__item .text-box h3 {
    font-size: .22rem;
}
.index-product__item:nth-of-type(1) .text-box h3 {
    padding-top: .20rem;
    color: #79613f;
}
.index-product__item:nth-of-type(2) .text-box h3 {
    padding-top: 1.30rem;
}
.index-product__item:nth-of-type(3) .text-box h3 {
    padding-top: .20rem;
}
.index-product__item .text-box:after {
    content: "";
    display: block;
    border-width: .16rem .08rem;
    border-style: solid;
    position: absolute;
    left: 50%;
    margin-left: -0.04rem;
    z-index: 3;
}
.index-product__item:nth-of-type(1) .text-box:after,.index-product__item:nth-of-type(3) .text-box:after {
    border-color: #fff transparent transparent transparent;
    top: 100%;
}
.index-product__item:nth-of-type(2) .text-box:after {
    border-color: transparent transparent #fff transparent;
    bottom: 100%;
}
.index-product__item .pic-box {
    width: 1.90rem;
    height: 1.85rem;
}
.index-product__item .pic-box .img-box {
    width: 1.90rem;
    height: 1.85rem;
}
.index-product__link:hover img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.index-product .more-btn {
    display: block;
    height: .75rem;
    width: .75rem;
    background: url("../images/more-btn.png") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    margin: .30rem auto 0;
    cursor: pointer;
    position: relative;
}
.index-product .more-btn:before {
    content: '';
    display: block;
    height: .40rem;
    width: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    margin: auto;
    background: #36292a;
    z-index: 1;
}

/*index-about*/
.index-about {
    height: 5.12rem;
    width: 100%;
    background: url("../images/index-about-bg.jpg") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.index-about__content1, .index-about__content2 {
    width: 50%;
    height: 1.80rem;
    color: #a3a3a3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.index-about__content1 {
    padding: .10rem .20rem 0 .20rem;
}
.index-about__content2 {
    padding: .30rem;
    margin-left: 50%;
    text-align: center;
}
.index-about__content1 h2, .index-about__content2 h2 {
    font-size: .28rem;
    line-height: .20rem;
}
.index-about__content1 h2 span, .index-about__content2 h2 span {
    color: #c8a95d;
}
.index-about__content1 h3, .index-about__content2 h3 {
    font-family: Times, "Times New Roman", serif;
    font-size: .18rem;
    line-height: .18rem;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
}
.index-about__content1 h3 {
    padding-top: .10rem;
}
.index-about__content2 h3 {
    padding-top: .20rem;
}
.index-about__content1 h3:before, .index-about__content2 h3:before {
    content: '';
    display: block;
    width: .55rem;
    height: .02rem;
    background: #c8a95d;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.index-about__content2 h3:before {
    margin: auto;
}
.index-about__content1 p, .index-about__content2 p {
    font-size: .18rem;
    line-height: .30rem
}

/*index-news*/
.common-htitle-news {
    height: 1rem;
    background: url("../images/htitle-news.png") no-repeat center top;
    -webkit-background-size: auto .55rem;
    background-size: auto .55rem;
    text-align: center;
    margin: .40rem 0;
}
.common-htitle-news h2 {
    font-size: .30rem;
    line-height: .30rem;
    padding-top: .70rem;
}
.index-news__list .swiper-container {
    padding-bottom: .50rem;
}
.index-news__list .swiper-pagination {
    height: .14rem;
    text-align: center;
    bottom: .10rem;
    position: absolute;
    z-index: 4;
}
.index-news__list .swiper-pagination-bullet {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    width: .14rem;
    height: .14rem;
    background: #36292a;
    opacity: 1;
    margin: 0 .04rem;
    position: relative;
    -webkit-transition: all .8s linear;
    -moz-transition: all .8s linear;
    -ms-transition: all .8s linear;
    -o-transition: all .8s linear;
    transition: all .8s linear;
}
.index-news__list .swiper-pagination-bullet-active {
    width: .62rem;
    border-radius: .07rem;
}
.index-news__link .pic-box {
    width: 2.76rem;
    height: 2.12rem;
    background: #f1f1f1;
    margin: 0 auto;
}
.index-news__link .pic-box .img-box {
    width: 2.76rem;
    height: 2.12rem;
}
.index-news__link .text-box {
    width: 2.76rem;
    height: 3.12rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f1f1f1;
    font-size: .16rem;
    padding: 0 .15rem;
    position: relative;
    margin: 0 auto;
}
.index-news__link .text-box .time {
    font-size: .18rem;
    color: #333;
    font-family: "Microsoft Yahei";
    height: .60rem;
    line-height: .60rem;
    width: 2.25rem;
    border-bottom: .01rem solid #a5a5a5;
    margin-bottom: .24rem;
}
.index-news__link .text-box .tit {
    font-size: .22rem;
    color: #000;
    margin-bottom: .36rem;
}
.index-news__link .text-box .desc {
    font-size: .16rem;
    color: #000;
    line-height: .28rem;
    width: 2.25rem;
}
.index-news__link .text-box .more-btn {
    display: block;
    width: 1rem;
    height: .32rem;
    line-height: .32rem;
    text-align: center;
    font-size: .16rem;
    color: #333;
    border: .01rem solid #333;
    border-radius: .16rem;
    position: absolute;
    left: .15rem;
    bottom: .15rem;
    z-index: 3;
}

/*index-contact*/
.index-contact {
    min-height: 5.65rem;
    background: url("../images/index-contact-bg.jpg") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.index-contact__title {
    height: 2rem;
    text-align: center;
}
.index-contact__title h2 {
    font-size: .30rem;
    color: #322d29;
    line-height: .60rem;
    padding-top: 1.30rem;
}
.index-contact__info {
    text-align: center;
    height: 1.20rem;
}
.index-contact__info .hint {
    padding-top: .20rem;
    padding-bottom: .16rem;
    font-size: .16rem;
}
.index-contact__info .call {
    font-size: .30rem;
    font-weight: bold;
    font-style: italic;
}
.index-contact__form .form-group label {
    display: inline-block;
    width: .55rem;
    height: .42rem;
    line-height: .42rem;
    font-size: .20rem;
    float: left;
}
.index-contact__form .form-group input, .index-contact__form .form-group textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(54, 42, 42, .40);
    font-size: .16rem;
    padding: .16rem;
    border: none;
    outline: none;
}
.index-contact__form .form-group input {
    width: 2.35rem;
    height: .42rem;
    line-height: .42rem;
    margin-bottom: .15rem;
}
.index-contact__form .form-group textarea {
    width: 5.45rem;
    height: 1.20rem;
    margin-bottom: .20rem;
}
.index-contact__form .submit-btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 2.10rem;
    height: .35rem;
    margin: auto;
    border: none;
    outline: none;
    color: #f4f4f4;
    background: #362a2a;
    font-size: .18rem;
    text-align: center;
}

/*.footNav*/
.footNav {
    height: 1.23rem;
    background: url("../images/foot-nav.jpg") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.footNav__link {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    height: 100%;
    float: left;
    padding-top: .30rem;
}
.footNav__link h4 {
    font-size: .28rem;
    font-family: "Microsoft Yahei";
    color: #362a2a;
    line-height: .40rem;
}
.footNav__link h5 {
    font-size: .16rem;
    line-height: .24rem;
    font-family: Arial;
    color: #959393;
    text-transform: uppercase;
}
.footNav__link:nth-of-type(1) {
    padding-left: 1.30rem;
}
.footNav__link:nth-of-type(2) {
    padding-left: 1.40rem;
}

/*footer*/
.footer {
    padding: .24rem .20rem .12rem .20rem;
    margin-bottom: 1.3rem;
    text-align: center;
    font-size: .16rem;
    line-height: .30rem;
    color: #333333;
    background: #fff;
}


/*footFix*/
.footFix {
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 6.40rem;
    width: 100%;
    height: 1.30rem;
    background:#2bb2b4;
}
.footFix ul li {
    width: 25%;
    float: left;
    height: 1.30rem;
    color: #eee;
    font-size: .18rem;
    font-weight: bold;
    text-align: center;
}
.footFix ul li.icon01 {
    background: url("../images/icon01.png") no-repeat center .30rem;
    -webkit-background-size: .60rem .55rem;
    background-size: .60rem .55rem;
}
.footFix ul li.icon02 {
    background: url("../images/icon02.png") no-repeat center .30rem;
    -webkit-background-size: .60rem .55rem;
    background-size: .60rem .55rem;
}
.footFix ul li.icon03 {
    background: url("../images/icon03.png") no-repeat center .30rem;
    -webkit-background-size: .60rem .55rem;
    background-size: .60rem .55rem;
}
.footFix ul li.icon04 {
    background: url("../images/icon04.png") no-repeat center .30rem;
    -webkit-background-size: .60rem .55rem;
    background-size: .60rem .55rem;
}
.footFix ul li > a {
    display: block;
    width: 100%;
    padding-top: .90rem;
}


/*news*/
.news {
    padding-bottom:.20rem;
}
.news-list__item {
    border-bottom: 1px solid #aaa;
    margin-bottom: .30rem;
    padding: 0 .20rem .20rem .20rem;
    overflow: hidden;
}
.news-list__item .pic-box {
    float: left;
    width: 2.17rem;
    height: 1.42rem;
}
.news-list__item .pic-box .img-box {
    width: 2.17rem;
    height: 1.42rem;
    padding: .05rem;
    border: .01rem solid #c8c8c8;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.news-list__item .content-box {
    float: left;
    width: 3.20rem;
    margin-left: .10rem;
}
.news-list__item .content-box .tit {
    font-size: .18rem;
    line-height: .30rem;
    color: #333;
}
.news-list__item .content-box .text {
    font-size: .14rem;
    color: #9e9e9e;
    line-height: .24rem;
    margin-bottom: .04rem;
}
.news-list__item .content-box .more {
    color: #8b8b8b;
    font-size: .14rem;
    font-family: "Microsoft Yahei";
    height: .30rem;
    line-height: .30rem;
    display: inline-block;
}
.news-list__item>a:hover .tit {
    color: #cb180e;
    font-weight: bold;
}


/*pages*/
.pages {
    text-align: center;
    padding: .30rem 0;
}
.pages .pages-box {
    display: inline-block;
}
.pages .pages-box  a {
    width: .40rem;
    height: .40rem;
    line-height: .40rem;
    background: #b3b3b3;
    color: #fff;
    font-size: .20rem;
    text-align: center;
    display: inline-block;
    border-radius: .05rem;
    margin: 0 .10rem;
    float: left;
    font-family: '宋体';
    font-weight: bold;
}
.pages .pages-box  a:hover {
    background: #362a2a;
}
.pages .pages-box  select {
    width: .70rem;
    height: .40rem;
    font-size: .16rem;
    float: left;
    display: inline-block;
    margin-left: .50rem;
    border-radius: .05rem;
    outline: none;
    border-color: #b3b3b3;
}


/*news_view*/
.news_view {
    padding-bottom: .30rem;
}
.news_view__content {
    padding-top: .10rem;
    padding-bottom: .40rem;
    margin-bottom: .40rem;
    border-bottom: .01rem solid #ccc;
}
.news_view__content .title {
    text-align: center;
    margin-bottom: .10rem;
}
.news_view__content .title h3 {
    font-size: .20rem;
    color: #646464;
    margin-bottom: .05rem;
}
.news_view__content .title p {
    font-size: .14rem;
    color:#b2b2b2;
}
.news_view__content .text {
    font-size: .16rem;
    color: #6f6f6f;
    line-height: .28rem;
}
.news_view__content .text img {
    width: 100%;
}
.news_view__nav {
    font-size: .14rem;
    color: #939393;
    position: relative;
}
.news_view__nav p {
    margin-bottom: .14rem;
}
.news_view__nav em {
    color: #333;
}
.news_view__nav a.back {
    width: .80rem;
    height: .40rem;
    line-height: .40rem;
    text-align: center;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}


/*case*/
.case {
    padding-bottom:.15rem;
}
.common-htitle-case {
    height: 1rem;
    background: url("../images/htitle-case.png") no-repeat center top;
    -webkit-background-size: auto .55rem;
    background-size: auto .55rem;
    text-align: center;
    margin: .40rem 0;
}
.common-htitle-case h2 {
    font-size: .30rem;
    line-height: .30rem;
    padding-top: .70rem;
}
.type-nav {
    text-align: center;
    padding:.10rem 0;
}
.type-nav__link {
    display: inline-block;
    height: .30rem;
    line-height: .30rem;
    width: 1.05rem;
    text-align: center;
    color: #ffffff;
    background: #221816;
    font-size: .16rem;
    margin: 0 .12rem;
}
.type-nav__link.on,.type-nav__link:hover {
    background: #dc690e;
}
.case-list {
    width: 6.14rem;
    margin: .20rem auto 0;
}
.case-list .pic-group .pic-box {
    display: block;
    width:2.92rem;
    margin-bottom:.20rem;
    float:left;
}
.case-list .pic-group .pic-box:nth-of-type(2n) {
    float:right;
}
.case-list .pic-group .pic-box .img-box {
    width:2.92rem;
    height:2.08rem;
    overflow:hidden;
}
.case-list .pic-group .pic-box .caption {
    height:.40rem;
    line-height:.40rem;
    text-align:center;
    color:#636363;
    font-size:.18rem;
}


/*case_view*/
.case_view__info {
    width:5.6rem;
    margin: .10rem auto;
    padding-bottom:.15rem;
}
.case_view__info .pic-box{
    width: 5.6rem;
    height: 5.6rem;

}
.case_view__info .pic-box .img-box {
    height:5.6rem;
    width:5.6rem;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid #eee;
}
.case_view__info .text-box{
    line-height:.32rem;
    font-size:.18rem;
    color:#333;
}
.case_view__info .text-box h4{
    height:.68rem;
    line-height:.68rem;
    width:5rem;
    border-bottom:1px solid #333;
    margin-bottom: .20rem;
    font-size:.25rem;
}
.case_view__show {
    background:#e4e4e4;
    padding:.30rem .15rem 0;
}
.case_view__show .big-img img {
    width:100%;
}
.case_view__other {
    background:#e4e4e4;
}
.case_view__other h3{
    height:.50rem;
    line-height:.50rem;
    font-size:.26rem;
    color:#333;
    padding:0 .15rem;
    border-bottom:.01rem solid #333;
    margin-bottom:.16rem;
}
.other-case-slide {
    width:6.10rem;
    margin:auto;
}
.other-case-slide .swiper-slide{
    text-align:center;
    width:50%;
}
.other-case-slide .swiper-slide .pic-box{
    display:inline-block;
    width: 3rem;
    height:2rem;
    position:relative;
}
.other-case-slide .swiper-slide .img-box{
    width: 3rem;
    height:2rem;
}
.other-case-slide .swiper-slide .pic-box .mask{
    width: 3rem;
    height:2rem;
    display:inline-block;
    line-height:2rem;
    text-align:center;
    position:absolute;
    left:0;
    top:0;
    background:rgba(0,0,0,.5);
    font-size:.18rem;
    color:#fff;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity:0;
    filter: alpha(opacity=0);
}
.other-case-slide .swiper-slide .pic-box:hover .mask{
    opacity:1;
    filter: alpha(opacity=100);
}
.other-case-slide .swiper-btn{
    text-align:right;
    padding:.20rem 0;
}
.other-case-slide .swiper-btn span{
    width:.50rem;
    height:.32rem;
    line-height:.32rem;
    font-size:.20rem;
    display:inline-block;
    color:#fff;
    background:#362a2a;
    text-align:center;
    border-radius:.05rem;
    cursor:pointer;
    font-family:"Microsoft Yahei", sans-serif;
    margin-right:.10rem;
}


/*net*/
.net {
    padding-bottom:.40rem;
}
.common-htitle-net {
    height: 1rem;
    background: url("../images/htitle-net.png") no-repeat center top;
    -webkit-background-size: auto .55rem;
    background-size: auto .55rem;
    text-align: center;
    margin: .40rem 0;
}
.common-htitle-net h2 {
    font-size: .30rem;
    line-height: .30rem;
    padding-top: .70rem;
}
.net-query__title h3{
    height:.75rem;
    line-height:.75rem;
    text-align:center;
    font-size:.20rem;
    color:#322d2a;
    background:#e9e9e9;
}
.net-query__form{
    padding:.40rem .20rem;
    text-align:center;
}
.net-query__form .distpicker{
    display:inline-block;
}
.net-query__form select{
    width:1.75rem;
    height: .45rem;
    border:1px solid #d2d2d2;
    font-size:.18rem;
    color:#000;
    text-indent:15px;
}
.net-query__form span{
    height:45px;
    line-height:45px;
    display:inline-block;
    font-size:15px;
    color:#626262;
    margin-right:18px;
}
.net-query__form .submit-btn{
    display:inline-block;
    width: 1.35rem;
    height: .40rem;
    line-height:.40rem;
    text-align:center;
    background:#dfa75c;
    color:#fff;
    font-size: .18rem;
    outline:none;
    border:none;
    cursor:pointer;
    margin-top:-20px;
}
.net-query__result {
    background:#e9e9e9;
    padding:.20rem .35rem ;
}
.net-query__result .result-list  {
     padding:.15rem 0;
}
.net-query__result .result-list dd {
    font-size:.20rem;
    line-height:.36rem;
}
.map_box .map_list{

}
.net-query__result .result-list dt{
    font-size:.18rem;
    padding-left:.60rem;
    height:.60rem;
    background:url('../images/map-bg.png') no-repeat left center;
    -webkit-background-size:.38rem .42rem;
    background-size:.38rem .42rem;
    margin-top:.15rem;
}
.net-query__result .result-list dt p{
    line-height:.25rem;
    padding:.05rem 0;
}
.net-query__result .result-list dt a{
    display:inline-block;
    color:#dc690e;
}


/*contact*/
.contact {
    padding-bottom: .30rem;
}
.common-htitle-contact {
    height: 1rem;
    background: url("../images/htitle-contact.png") no-repeat center top;
    -webkit-background-size: auto .55rem;
    background-size: auto .55rem;
    text-align: center;
    margin: .40rem 0;
}
.common-htitle-contact h2 {
    font-size: .30rem;
    line-height: .30rem;
    padding-top: .70rem;
}
.contact__map{
   width: 100%;
    overflow-x: hidden;
}
.contact__box{
    width: 4.50rem;
    margin: 0 auto;
}
.contact__box h3{
    font-size:.28rem;
    color:#584c4a;
    padding: .40rem .20rem;
}
.contact__box ul li{
    font-size:.20rem;
    color:#584c4a;
    height:.52rem;
    line-height: .26rem;
    padding: .15rem 0 0 .65rem;
    margin-bottom: .30rem;
}
.contact__box ul li.t1{
    background:url('../images/contact_tag2.png') no-repeat left top;
    background-size: .52rem .52rem;
}
.contact__box ul li.t2{
    background:url('../images/contact_tag3.png') no-repeat left top;
    background-size: .52rem .52rem;
}
.contact__box ul li.t3{
    background:url('../images/contact_tag1.png') no-repeat left top;
    background-size: .52rem .52rem;
}
.messages{
    text-align:center;
}
.messages .htit{
    width:2.5rem;
    height:1.10rem;
    display:inline-block;
    background:url('../images/contact_tit.png') no-repeat center center;
    background-size: 2.40rem 1.06rem;
    margin:.40rem 0;
}
.messages .htit h3{
    font-size:.28rem;
    color:#dc690e;
}
.messages .htit p{
    font-size:.30rem;
    color:#584c4a;
    margin-top:.15rem;
}
.messages h5{
    font-size:.16rem;
    color:#8f8f8f;
    width: 4rem;
    margin: 0 auto .20rem;
    line-height:.25rem;
    position:relative;
    padding-bottom: .18rem;

}
.messages h5 i{
    width:.26rem;
    height:.01rem;
    display:inline-block;
    background:#ccc;
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-13px;
}
.messages_box input.text{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:2.80rem;
    height:.50rem;
    border:.01rem solid #ccc;
    display:inline-block;
    margin: 0 .10rem;
    font-size:.18rem;
    padding: .15rem;

}
.messages_box input.t1{
    background:url('../images/cf_bg1.jpg') no-repeat 2.45rem center;
    background-size: .26rem .25rem;
}
.messages_box input.t2{
    background:url('../images/cf_bg2.jpg') no-repeat 2.45rem center;
    background-size: .22rem .24rem;
}
.messages_box textarea{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:.15rem;
    width: 5.80rem;
    height:2rem;
    font-size:.18rem;
    border:.01rem solid #ccc;
    background:url('../images/cf_bg4.jpg') no-repeat 5.45rem .15rem;
    background-size: .25rem .22rem;
}
.messages_box p{
    padding:.10rem 0;
}
.messages_box input.submit{
    width:3rem;
    height:.50rem;
    line-height:.50rem;
    text-align:center;
    background:#848484;
    border:none;
    font-size: .18rem;
    color:#fff;
    font-family: "Microsoft Yahei";
    margin:.20rem auto 0;
    display:block;
    cursor:pointer;
}
.messages_box input.submit:hover{
    background:#797878;
}


/*join*/
.join1{
    padding:.50rem 0;
    background:#ebebeb;
}
.join1 .text_box{
    font-size:.18rem;
    color:#333;
    line-height:.30rem;
    width:5rem;
    font-family: "Microsoft Yahei", sans-serif;
    margin:0 auto;
    text-align: justify;
}
.join1 .text_box h4{
    font-size:.30rem;
    color:#7c704f;
    text-align:center;
    margin-bottom:.30rem;
}
.join2{
    background:#fff;
    padding-top: .40rem;
}
.join2 h3{
    font-size:.40rem;
    color:#7c704f;
    height:.80rem;
    line-height:.80rem;
    text-align:center;
    background:url('../images/join_tit.png') no-repeat center center;
    background-size: 3.79rem .72rem;
}
.join2 .join2_box{
    height:11.50rem;
    width: 100%;
    background: url('../images/join_bg.jpg') no-repeat center center;
    background-size: cover;
    position:relative;
}
.join2 .join2_box .text1,
.join2 .join2_box .text2{
    width:3rem;
    height:1.9rem;
    padding:.15rem;
    background:#333;
    font-size:.14rem;
    line-height:.26rem;
    color:#fff;
}
.join2 .join2_box .text1 h4,
.join2 .join2_box .text2 h4{
    font-size:.22rem;
    color:#b9a160;
    margin-bottom:.10rem;
}
.join2 .join2_box .text1{
    position:absolute;
    left:.30rem;
    top: 3.57rem;
}
.join2 .join2_box .text2{
    position:absolute;
    left:.30rem;
    bottom:.74rem;
}
.join3 .htit{
    height:2.78rem;
    width:100%;
    background:url('../images/join-tit-bg.jpg') no-repeat center center;
    background-size: cover;
    font-size:.25rem;
    color:#b9a160;
    text-align:center;
}
.join3 .htit h3{
    font-size:.35rem;
    padding: .25rem;
    margin-top:.35rem;
    display:inline-block;
}
.join3 .join3_box{
    width:100%;
    height:6.30rem;
}
.join3 .join3_box img{
    width:100%;
    height:100%;
}
.join4{
    padding-bottom:.30rem;
    padding-top: .50rem;
    background:#ebebeb;
}
.join4 h3{
    height:60px;
    line-height:60px;
    font-size:.35rem;
    color:#7c704f;
    text-align:center;
}
.join4 .form_box p{
    padding: .10rem 0;
}
.join4 .form_box label{
    height:.40rem;
    line-height:.40rem;
    font-size:.18rem;
    color:#333;
    display: inline-block;
}
.join4 .form_box label i{
    color:#e36d03;
}
.join4 .form_box span{
    width:2.90rem;
    display:inline-block;
}
.join4 .form_box input.text{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:.45rem;
    width: 100%;
    border:.01rem solid #333;
    background: #ebebeb;
    border-radius:.05rem;
    text-indent:.15rem;
    font-size: .16rem;
}
.join4 .form_box textarea{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
    height:1.90rem;
    background: #ebebeb;
    border:.01rem solid #333;
    border-radius:.05rem;
    padding:.15rem;
    font-size: .16rem;
}
.join4 .form_box p.btn-group {
    text-align: center;
    margin-top: .25rem;
}
.join4 .form_box input.reset{
    width:1.20rem;
    height:.45rem;
    border:none;
    background:#7c704f;
    color:#fff;
    font-size:.18rem;
    cursor:pointer;
    border-radius:.05rem;
    margin-right:.20rem;
}
.join4 .form_box input.submit{
    width:1.18rem;
    height:.43rem;
    border: .01rem solid #333;
    background:#ebebeb;
    color:#333;
    font-size:.18rem;
    cursor:pointer;
    border-radius:.05rem;
}


/*service*/
.common-htitle-service {
    height: 1rem;
    background: url("../images/htitle-service.png") no-repeat center top;
    -webkit-background-size: auto .55rem;
    background-size: auto .55rem;
    text-align: center;
    margin: .40rem 0;
}
.common-htitle-service h2 {
    font-size: .30rem;
    line-height: .30rem;
    padding-top: .70rem;
}
.service .htext{
    width: 5.83rem;
    margin: 0 auto .10rem;
    text-align:center;
}
.service .htext img {
    width: 100%;
}
.service_box .list_box .text_box{
    min-height: 4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: .25rem;
    padding-top: 1.65rem;
}
.service_box .list_box.box1 .text_box{
    background:url('../images/service_bg1.png') no-repeat center .30rem;
    -webkit-background-size: 2.76rem 2.11rem;
    background-size: 2.76rem 2.11rem;
}
.service_box .list_box.box2 .text_box{
    background:url('../images/service_bg2.png') no-repeat center .30rem;
    -webkit-background-size: 2.86rem 2.11rem;
    background-size: 2.86rem 2.11rem;
}
.service_box .list_box.box3 .text_box{
    background:url('../images/service_bg3.png') no-repeat center .30rem;
    -webkit-background-size: 2.86rem 2.12rem;
    background-size: 2.86rem 2.12rem;
}
.service_box .list_box .text_box .text{
    width:4.85rem;
    margin: auto;
    font-size:.18rem;
    color:#333;
    line-height:.32rem;
}
.service_box .list_box .text_box .text h4{
    font-size:.49rem;
    color:#342929;
    padding:.30rem 0;
    text-align: center;
}
.service_box .list_box .img_box img{
    width:100%;
    display: block;
}


/*about*/
.common-htitle-about {
    height: 1rem;
    background: url("../images/htitle-about.png") no-repeat center top;
    -webkit-background-size: auto .55rem;
    background-size: auto .55rem;
    text-align: center;
    margin: .40rem 0;
}
.common-htitle-about h2 {
    font-size: .30rem;
    line-height: .30rem;
    padding-top: .70rem;
}
.about_box{
    position:relative;
}
.about_box .list_box{
    padding-bottom: .40rem;
    position:relative;
}
.about_box .list_box .tit{
    width:1.10rem;
    height:3.50rem;
    display:inline-block;
    position:absolute;
    top: .30rem;
}
.about_box .list_box .tit1{
    background:url('../images/about_t1.png') no-repeat center center;
    -webkit-background-size:.98rem 3.53rem;
    background-size: .98rem 3.53rem;
    left:0;
    top:0;
}
.about_box .list_box .tit2{
    background:url('../images/about_t2.png') no-repeat center center;
    -webkit-background-size: 1.06rem 3.42rem;
    background-size: 1.06rem 3.42rem;
    right:0;
}
.about_box .list_box .tit3{
    background:url('../images/about_t3.png') no-repeat center center;
    -webkit-background-size: 1.08rem 3.43rem;
    background-size: 1.08rem 3.43rem;
    left:0;
}
.about_box .list_box .text_box{
    width:4.70rem;
    display:inline-block;
    float:left;
    font-size:.18rem;
    color:#333;
    line-height:.30rem;
    margin-top:.40rem;
}
.about_box .list_box .img-box{
    width: 4.70rem;
    height: 3rem;
    display:inline-block;
    float:right;
}
.about_box .list_box.box1{
    border-bottom:.01rem solid #333;
}
.about_box .list_box.box1 .img-box{
    width: 5.70rem;
    height: 4.40rem;
    text-align:right;
    margin-right: .40rem;
    background:url('../images/about_bg.png') no-repeat left bottom;
    -webkit-background-size: 5.40rem 3.85rem;
    background-size: 5.40rem 3.85rem;
}
.about_box .list_box.box1 .img-box img{
    width:5.35rem;
    height:3.85rem;
}
.about_box .list_box.box1 .text_box{
    width:4.30rem;
    margin-left: 1.45rem;
    margin-bottom: .85rem;
    margin-top: .60rem;
}
.about_box .list_box.box2{
    border-bottom: .01rem solid #333;
    padding-left: .50rem;
}
.about_box .list_box.box2 .text_box{
    float:left;
    margin-bottom: .20rem;
}
.about_box .list_box.box2 .img-box{
    float:left;
}
.about_box .list_box.box3{
    padding-right: .40rem;
}
.about_box .list_box.box3 .text_box{
    float:right;
    margin-bottom: .20rem;
}
.about_box .list_box.box3 .img-box{
    float:right;
}
.about2{
    width:100%;
    height:7.48rem;
    background:url('../images/about2_bg.jpg') no-repeat center center;
    -webkit-background-size:6.40rem 7.48rem;
    background-size:6.40rem 7.48rem;
}
.about2 .htit{
    padding:.70rem 0 .30rem;
    text-align:center;
    color:#fff;
}
.about2 .htit em{
    font-size:.42rem;
    display:block;
    margin-bottom:.05rem;
}
.about2 .htit i{
    width:1.20rem;
    height:.10rem;
    display:inline-block;
    background:url('../images/about_tit.png') no-repeat center center;
    -webkit-background-size: 1.20rem .10rem;
    background-size: 1.20rem .10rem;
}
.about2 .htit h3{
    font-size:.30rem;
    line-height:.60rem;
}
.about2 .htit p{
    font-size:.16rem
}
.about2_tag {
    text-align: center;
    margin-top: .20rem;
}
.about2_tag img {
    width: 5.82rem;
    height: 4rem;
    display: inline-block;
}
.about3 .text_box{
    height: 5.18rem;
    background:url('../images/about3_bg.jpg') no-repeat top center;
    background-size:6.40rem,5.18rem;
    -webkit-background-size:6.40rem,5.18rem;
    padding-top: .60rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .20rem;
    line-height:.36rem;
    color:#322d29;
    text-align: justify;
}
.about3 .text_box .title {
    height: 1rem;
    background: url("../images/htitle-advantage.png") no-repeat center top;
    -webkit-background-size: auto .55rem;
    background-size: auto .55rem;
    text-align: center;
}
.about3 .text_box .title  h2 {
    font-size: .30rem;
    line-height: .30rem;
    padding-top: .70rem;
}
.about3 .text_box .text {
    padding: .20rem .65rem;
}
.about3 .img_box img {
    display: block;
    width: 100%;
}


/*product*/
.pro {
    background:#f1f1f1;
}
.common-htitle-product {
    height: 1rem;
    background: url("../images/htitle-product.png") no-repeat center top;
    -webkit-background-size: auto .55rem;
    background-size: auto .55rem;
    text-align: center;
    margin: .40rem 0;
}
.common-htitle-product  h2 {
    font-size: .30rem;
    line-height: .30rem;
    padding-top: .70rem;
}
.pro_nav .navlist{
    display:inline-block;
    float:left;
    position:relative;
    width:1.8rem;
    height:.35rem;
    
    background:#362a2a;
    margin-right: .20rem;
    margin-bottom:.30rem
}

.pro_nav .navlist .hd{
    width:1.8rem;
    height:.35rem;
    line-height:.35rem;
    text-align:center;
    cursor:pointer;
    background:url('../images/angle.png') no-repeat right 0.05rem center;
    -webkit-background-size: .08rem .08rem;
    background-size: .08rem .08rem;
    font-size:.13rem;
    color:#fff;
}
.pro_nav .navlist .hd.on{
    background:#dc690e url('../images/angle.png') no-repeat right 0.05rem center;
    -webkit-background-size: .08rem .08rem;
    background-size: .08rem .08rem;
}
.pro_nav .navlist .bd{
    background:#a5a2a2;
    width:1.8rem;
    height:auto;
    position:absolute;
    top:.35rem;
    display:none;
    z-index: 100;
    font-size:.14rem;
    color:#fff;
}
.pro_nav .navlist:nth-of-type(4n) .bd{
    right:0;
}
.pro_nav .navlist .bd li{
    height:.35rem;
    line-height:.35rem;
    border-bottom: .01rem solid #ccc;
    text-align:center;
}
.pro_nav .navlist .bd li:hover{
    background:#362a2a;
}
.pro_nav .navlist .bd li a{
    display:block;
}
.pro_form{
    margin-bottom:.20rem;
}
.pro_form span{
    display:inline-block;
    margin:0 .10rem;
}
.pro_form input.text{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:3.88rem;
    height:.44rem;
    border:.01rem solid #c3c3c3;
    border-radius:.05rem;
    padding:.16rem;
    background:#f1f1f1 url('../images/pro_bd3.png') no-repeat 3.55rem center;
    background-size: .21rem .21rem;
    -webkit-background-size: .21rem .21rem;
    font-size:.16rem;
}
.pro_form input.submit{
    width:.75rem;
    height:.44rem;
    line-height:.44rem;
    border-radius:.05rem;
    background:#362a2a;
    text-align:center;
    color:#f5f5f5;
    font-size:.16rem;
    outline:none;
    border:none;
    font-family: "Microsoft YaHei";
    cursor:pointer;
}
.pro-list .pic-group .pic-box {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    display: block;
    width:2.86rem;
    margin-bottom:.20rem;
    padding:.10rem;
    float:left;
    text-align:center;
    background:#fff;
}
.pro-list .pic-group .pic-box:hover{
    -webkit-box-shadow: .03rem .03rem .05rem #ccc;
    -moz-box-shadow: .03rem .03rem .05rem #ccc;
    box-shadow: .03rem .03rem .05rem #ccc;
}
.pro-list .pic-group .pic-box:nth-of-type(2n) {
    float:right;
}
.pro-list .pic-group .pic-box .img-box {
    width:2.66rem;
    height:2.48rem;
    overflow:hidden;
}
.pro-list .pic-group .pic-box .caption {
    height:.60rem;
    line-height:.20rem;
    text-align:center;
    color:#333;
    font-size:.16rem;
}
.pro-list .pic-group .pic-box .caption h4{
    font-size:.18rem;
    color:#dc690e;
    line-height:.40rem;
}


/*prov*/
.prov .prov_box{
    padding:0 .20rem;
    margin:0 auto .40rem;
}
.prov .pro_form{
    text-align:center;
}
.prov .pro_form input.text{
    background:#fff url('../images/pro_bd3.png') no-repeat 3.55rem center;
    background-size: .21rem .21rem;
    -webkit-background-size: .21rem .21rem;
}
.prov .prov_box .pic-box{
    width:5.60rem;
    height:5.40rem;
    text-align:center;
}
.prov .prov_box .pic-box .img-box{
    width:5.60rem;
    height:5.40rem;
}
.prov .prov_box .btn-group {
    overflow:hidden;
}
.prov .prov_box .btn-group a{
    line-height:.36rem;
    display:inline-block;
    padding:0 .04rem;
    font-size:.20rem;
    color:#7e7e7e;
        font-weight: bold;

}
.prov .prov_box .text_box{
    width:5rem;
    margin-left:.20rem;
}
.prov .prov_box .text_box h3{
    height:.60rem;
    line-height:.60rem;
    font-size:.24rem;
    font-weight:bold;
}
.prov .prov_box .text_box .text{
    border-top:.01rem solid #aaa;
    border-bottom:.01rem solid #aaa;
    font-size: .16rem;
    color:#7e7e7e;
    line-height: .28rem;
    padding: .15rem 0;
    margin-bottom: .15rem;
}
.prov .prov_box .text_box .list{
    padding:.05rem 0;
}
.prov .prov_box .text_box .list span{
    width:1rem;
    height:.36rem;
    line-height:.36rem;
    font-size:.18rem;
    color:#333;
    font-weight:bold;
    float:left;
    display:inline-block;
}
.prov .prov_box .text_box .list p{
    display:inline-block;
    width:3.90rem;
    min-height:.36rem;
    font-size:.18rem;
    color:#7e7e7e;
    line-height:.36rem;
    float:right;
}
.btn-720 {
    width:1.90rem;
    height:.36rem;
    line-height:.36rem;
    display:inline-block;
    font-size:.15rem;
    position:relative;
    color:#fff;
    font-weight:normal;
    text-indent:.50rem;
    background:#333 url('../images/720.png') no-repeat 15px center;
    -webkit-background-size:.21rem .24rem;
    background-size:.21rem .24rem;
    border-radius:.30rem;
}
.btn-720 img{
    width:1.30rem;
    height: 1.30rem;
    position:absolute;
    left:.35rem;
    top:.40rem;
    display:none;
    border:1px solid #333;
}
.share{
    padding:.15rem;
    border-top:.01rem solid #aaa;
    margin-top:.15rem;
}
.share .bdsharebuttonbox{
    display:inline-block;
    float:left;
}
.share .back-btn{
    float:right;
    height:.30rem;
    line-height:.30rem;
    width:.90rem;
    display:inline-block;
    text-align:center;
    font-size: .18rem;
    border: .01rem solid #939393;
    color:#939393;
    border-radius: .20rem;
    margin-top:.05rem;
}
.prov_slide {
    background:#cecdcd;
    padding:.20rem .14rem ;
}
.prov_slide h3 {
    font-size:.24rem;
    line-height:.80rem;
    height:.80rem;
}
.prov-swiper img {
    width:100%;
}
.enlarge-swiper-container {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index: 1000;
    background: rgba(30,30,30,.9);
}
.enlarge-swiper-container .swiper-slide  {
    position:relative;
}
.enlarge-swiper-container .swiper-slide img  {
    position:absolute;
    display:inline-block;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    max-width:94%;
    min-width:50%;
    height:auto;
}
.enlarge-swiper-container .swiper-pagination-bullet {
    background: #fff;
}
.enlarge-swiper-container .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}