/*第一屏广告*/
.banner{
    /*padding-top: 130px;*/
    width: 100%;
    position: relative;
}
.img100 img {
    width: 100%;
    vertical-align: bottom;
}
.swiper-btn-style div {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
    cursor: pointer;
}
.swiper-btn-style .swiper-btn-left {
    left: -50px;
    background-image: url("../images/btn1.png");
}
.swiper-btn-style .swiper-btn-right {
    right: -50px;
    background-image: url("../images/btn2.png");
}
.swiper-container:hover .swiper-btn-left {
    left: 70px;
}
.swiper-container:hover .swiper-btn-right {
    right: 70px;
}
.swiper-btn-style .swiper-btn-left:hover {
    background-image: url("../images/btn1-1.png");
}
.swiper-btn-style .swiper-btn-right:hover {
    background-image: url("../images/btn2-1.png");
}
.banner .pagination1.pagination-style {
    position: absolute;
    bottom: 5%;
    text-align: center;
    z-index: 4;
}
.swiper-pagination-bullets.pagination-style .swiper-pagination-bullet-active {
    background: #ff0008 !important;
}
.swiper-pagination-bullets.pagination-style .swiper-pagination-bullet {
    width: 40px;
    height: 5px;
    opacity: 1;
    background: #fff;
    margin: 0 15px;
    border-radius: 5px;
}
@media (max-width:820px) {
    .banner {
        /*padding-top: 55px;*/
    }
}

.main {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
    position: relative;
    z-index: 5;
}
/*关于我们*/
.par1{
    padding: 40px 0 80px 0;
    position: relative;
}
.par1 .about_l{
    float: left;
    width: 50%;
    padding: 0;
    position: relative;
}
.par1 .about_r{
    float: right;
    width: 48%;
    padding:0;
    position: relative;
}
.par1 .about_l .img100 {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
}
.par1 .about_l .i7 {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    background-image: url("../images/i7.png");
}
.par1 .about_l:hover .i7 {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    background-image: url("../images/i7-1.png");
}
.par1 .title {
    font-size: 28px;
    color: #333;
    text-align: center;
    margin: 50px 0 100px 0;
    position: relative;
    font-weight: bold;
}
.par1 .title:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid;
    border-color: #e76515e0 transparent transparent;
}
.par1 .title:after {
    content: "";
    position: absolute;
    width: 152px;
    height: 3px;
    background-color: #e76515e0;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}
.par1 .about_r .about_txt{font-size: 16px;line-height: 40px;color:#404040;height:390px;
    overflow: hidden;}
.more {
    width: 150px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #aba8a8;
    display: block;
    margin: 80px auto 0;
    background: #fff;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
    box-shadow: 0 3px 10px rgb(222 222 222);
}
.more span {
    display: inline-block;
    width: 40px;
    height: 38px;
    line-height: 38px;
    background: url(../images/index_more.png) no-repeat #e76515;
}
.more:hover {
    background: #e76515;
    color: #fff;
    text-indent: 10px;
}

@media (max-width:820px) {
    .par1{padding: 40px 0 40px 0;}
    .par1 .about_l{width: 100%;}
    .par1 .about_r{width: 100%;}
    .par1 .title{margin: 0 0 60px 0;}
}

/*产品分类*/
.par2{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url(../images/index_pr.jpg) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 200px 0 200px 0px;
}

.par2 .trade-box-list {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 85%;
    margin: auto;
}
.par2 .title {
    font-size: 28px;
    color: #fff;
    text-align: center;
    margin: 0 0 100px 0;
    position: relative;
    font-weight: bold;
    margin-top: -100px;
}
.par2 .title:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid;
    border-color: #e76515e0 transparent transparent;
}
.par2 .title:after {
    content: "";
    position: absolute;
    width: 152px;
    height: 3px;
    background-color: #e76515e0;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}
.par2 .trade-box-item {
    width: 48%;
    text-align: center;
    position: relative;
    padding: 200px 0 200px 0;
    background: no-repeat center;
    /*background-size: 100% auto;*/
    float: left;
}
.par2 .trade-box-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.6);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.par2 .trade-box-item a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.par2 a, .par2 button, .par2 input, .par2 textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.par2 .item-logo {
    margin: 0 auto;
    display: block;
}
.par2 .trade-box-item .item-logo {
    position: relative;
    margin-top: 120px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.par2 .item-logo img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.par2 .item-title {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 20px 0;
    position: relative;
}
.par2 .item-title:before {
    content: "";
    position: relative;
    display: block;
    width: 20px;
    border-bottom: 2px solid #fff;
    margin: 0 auto 20px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.par2 .item-text {
    position: relative;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    /*opacity: 0;*/
    margin-top: 10px;
}
.par2 .item-text p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px;
    padding: 0 30px 0 30px;
    text-align: left;
    line-height: 32px;
    text-align: center;
}
.par2 .item01 {
    background-image: url(../images/icon-at01.jpg);
}
.par2 .item02 {
    background-image: url(../images/icon-at02.jpg);
    float: right;
}

.par2 .trade-box-item:hover .item-text {
    display: block;
    opacity: 1;
    margin-top: 0;
}
.par2 .trade-box-item:hover:before {
    background-color: #e76515e0;
}
.par2 .trade-box-item:hover .item-logo {
    margin-top: 80px;
}
.par2 .trade-box-item:hover .item-title:before {
    opacity: 0;
    margin-bottom: 0;
}
@media (max-width:820px) {
.par2{padding: 100px 0 100px 0px;}
.par2 .title{margin-top: -50px;}
.par2 .trade-box-item{
    width: 100%;
    padding: 150px 0 150px 0;
    margin-bottom: 10px;
}
.par2 .trade-box-list {width: 100%;}
.par2 .trade-box-item .item-logo{margin-top: 20px;width: 80%;}
.par2 .item-logo img{width: 20%}
    .par2 .item-title{font-size: 16px;padding: 10px 0;}
.par2 .item-text{}
    .par2 .trade-box-item:hover .item-logo {
        margin-top: 10px;
    }
}
@media (max-width:750px) {
    .par2 .trade-box-item .item-logo{margin-top: 40px;width: 80%;}
}

/*厂区展示*/
.par3{padding-top: 40px;padding-bottom: 40px;}
.par3 .title {
    font-size: 28px;
    color: #333;
    text-align: center;
    margin: 50px 0 100px 0;
    position: relative;
    font-weight: bold;
}
.par3 .title:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid;
    border-color: #e76515e0 transparent transparent;
}
.par3 .title:after {
    content: "";
    position: absolute;
    width: 152px;
    height: 3px;
    background-color: #e76515e0;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}
.par3.slick-prev, .par3.slick-next{color: #0f0f0f;}
.par3 .slick-prev:before, .slick-next:before{color: #e76515!important;}
.par3 .slick-prev, .par3 .slick-next{height: 50px;width: 50px;}
.par3 .slick-prev:before, .par3 .slick-next:before{font-size: 50px;}
.par3 .slick-next {right: -100px;}
.par3 .slick-prev {left: -100px;}
.par3 .img_box{width: 100%;}
.par3 .img_box .img{padding: 2%;}
.par3 .img_box .text{background-color: #e76515;padding: 10px 0 10px 0; text-align: center;color: #ffffff;}
.par3 .img_box img{width: 100%;}
@media (max-width:820px) {
.par3 .title {margin:20px 0 50px 0;}
    .par3 .slick-prev, .par3 .slick-next{height: 20px;width:20px;}
    .par3 .slick-prev:before, .par3 .slick-next:before{font-size: 20px;}
.par3 .slick-next {right: -15px;}
.par3 .slick-prev {left: -15px;}
}
/*新闻中心*/
.par4{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #dbdbdb;
    /*background: url(../images/index_news.jpg) center center no-repeat;*/
    /*background-size: cover;*/
    /*background-attachment: fixed;*/
    padding: 200px 0 100px 0;
}
.par4 .title {
    font-size: 28px;
    color: #333;
    text-align: center;
    margin: 0 0 100px 0;
    position: relative;
    font-weight: bold;
    margin-top: -100px;
}
.par4 .title:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid;
    border-color: #e76515e0 transparent transparent;
}
.par4 .title:after {
    content: "";
    position: absolute;
    width: 152px;
    height: 3px;
    background-color: #e76515e0;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.news_area{width: 100%;height: auto;overflow: hidden;background: #ffffffe6;}
.news_show{width: 40%;height: auto;overflow: hidden;margin-right: 20px;float: left;}
.show_item{position: relative;}
.show_item a{display: block;height: auto;overflow: hidden;}
.show_img{width: 100%;font-size: 0px;height: 480px;overflow: hidden;}
.show_img img{width: 100%;min-height: 475px;}
.show_intro{width: 100%;height: auto;overflow: hidden;padding: 8px 100px 8px 20px;background: rgba(0,0,0,.5);color: #fff;position: absolute;bottom: 0;left: 0;}
.show_time{line-height: 20px;height: 20px;overflow: hidden;}
.show_bt{line-height: 24px;height: 24px;overflow: hidden;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;}
.swiper-pagination-show{position: absolute;bottom: 22px;z-index: 3;right: 16px;}
.swiper-pagination-show li{position: relative;}
.swiper-pagination-show li span{display: block;margin: 0px 7px;width: 14px;height: 14px;overflow: hidden;filter:alpha(opacity=100);opacity: 1;float: left;background: url(../images/hd_show.png) center center no-repeat;background-size: 100%!important;transition: 400ms;border-radius: 0px;}
.swiper-pagination-show li span.swiper-pagination-bullet-active{background: url(../images/hd_show_h.png) center center no-repeat!important;transition: 400ms;}
.swiper-button-prev-show,.swiper-button-next-show{width:12%;height: 80px;position: absolute;top: 50%;margin-top: -52px;background-size: 100%!important;}
.swiper-button-prev-show{left: 0px;background: url(../images/prev_show.png) left center no-repeat!important;transition: 400ms;}
.swiper-button-next-show{right: 0px;background: url(../images/next_show.png) right center no-repeat!important;transition: 400ms;}
.swiper-button-prev-show:hover{background: url(../images/prev_show_h.png) left center no-repeat!important;}
.swiper-button-next-show:hover{background: url(../images/next_show_h.png) right center no-repeat!important;}

.news_data{ width: 58%;padding: 0 20px;float: right;}
.news_data ul{}
.news_data ul li{padding: 20px 0;border-bottom: 1px solid #e6e6e6;}
.news_data ul li:last-child{border-bottom: none;}
.news_data ul li a{}
.news_item{}
.news_item a{display: block;height: auto;overflow: hidden;position: relative;height: 78px;overflow: hidden;}
.news_time{width: 88px;height: 100%;background: #ea7831;color: #fff;position: absolute;left: 0;top: 0;text-align: center;}
.news_d{font-size: 30px;line-height: 36px;height: 36px;overflow: hidden;margin-top: 10px;}
.news_m{line-height: 24px;height: 24px;overflow: hidden;}
.news_intro{width: 100%;height: auto;overflow: hidden;padding-left: 104px;}
.news_bt{font-size: 16px;line-height: 24px;height: 24px;margin-bottom: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: 400ms;}
.news_nr{line-height: 24px;height: 48px;overflow: hidden;color: #808080;transition: 400ms;}
.news_item a:hover .news_bt{color: #ea7831;font-weight: bold;}
.news_item a:hover .news_nr{color: #ea7831;}
@media (max-width:820px) {
    .news_show{width: 100%;}
    .news_data{width: 100%;padding: 0;}
    .news_data ul li {
        padding: 14px 5px;
    }
    .news_item a {
        height: 68px;
    }
    .news_time {
        width: 70px;
    }
    .news_d {
        margin-top: 10px;
        font-size: 24px;
        line-height: 28px;
        height: 28px;
    }
    .news_m {
        font-size: 13px;
        line-height: 24px;
        height: 24px;
        overflow: hidden;
    }
    .news_intro {
        padding-left: 84px;
    }
    .news_bt {
        font-size: 15px;
        line-height: 22px;
        height: 22px;
        margin-bottom: 4px;
    }
    .news_nr {
        line-height: 22px;
        height: 44px;
    }
    .show_img img{
        min-height: 270px;
    }
}
.btn {
    height: 3px;
    position: relative;
    margin-top: 50px
}
.btn.active::after {
    -webkit-transform: rotateX(180deg) translateX(-50%);
    -moz-transform: rotateX(180deg) translateX(-50%);
    transform: rotateX(180deg) translateX(-50%)
}
.btn::before {
    content: '';
    position: absolute;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    top: 0;
    background-color: #ea7831;
    height: 100%
}
.btn::after {
    position: absolute;
    content: '';
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid #ea7831;
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    cursor: pointer;
    display: block;
    top: 0;
    z-index: 60
}
.seo {
    background-color: #ffffff;
 padding-top: 20px;
    padding-bottom: 20px;
    color: #606060;
    position: relative;
    z-index: 30
}
.seo .type {
    line-height: 46px;
    margin-bottom: 20px;
    position: relative
}
.seo .type a {
    position: absolute;
    right: 0;
    font-size: 16px
}
.seo .type a span {
    font-size: 20px;
    vertical-align: middle
}
.seo .type .item {
    width: 130px;
    background-color: #fff;
    text-align: left;
    font-size: 16px;
    cursor: pointer
}
.seo .type .item.active {
    color: #222
}
.seo .type .item+.item {
    margin-left: 15px
}
.seo .list {
    line-height: 30px
}
.seo .list .item a {
    display: inline-block;
    padding-right: 25px
}
.seo .list .item a:hover {
    text-decoration: underline;
    color: #333
}
@media (max-width:820px) {
    .seo{display: none;}
}


@media screen and (max-width: 850px) {
  .show_img {
      height: 360px;
  }
}