.indexbanner{ height: auto; position: relative;}
.indexbanner img{ max-width: 100%;}



.indexTitle{ height: auto; overflow: hidden; text-align: center;position: relative; }
.indexTitle .titlehtp{ font-size: 36px; color: #3d3d3d; font-weight: bold;    margin-bottom: 5px;}

.indexTitle .titlehtp b{ color: #da261e; }
.indexTitle .abre{ height: auto; position: relative;    height:22px;}
.indexTitle p{ height: auto;  position: absolute; width: 100%; bottom:0px;z-index: 2; }
.indexTitle p span{     font-size: 14px;color: #808080;display: inline-block;background: #fff;padding: 0 13px;font-family: "Arial";}
.indexTitle em{font-style: normal; display: block; height: 1px; position: absolute;    bottom: 9px; width: 100%; z-index: 1; background: #dbdbdb;}





.dl-buy{ height: auto;  background: #fff;  margin-top: 2%;}



.buyul{ height: auto; margin-top: 2%;display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.buyul li{ float: left; margin-right: 2%; background: #fff;  width: 23%;  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    box-shadow: 0 1px 10px rgba(0,0,0,0.1); position: relative;}
.buyul li a{ height: auto; overflow: hidden; padding:9%;    display: block;    padding-bottom: 50px;}
.buyul li:last-child{ margin-right: 2%;}

.buyul li img{ display: block;margin:0 auto; max-width: 100%;transition: all 5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s; }
.buyul li .buytitle{ text-align: center;  font-size: 20px; color: #da261e; font-weight: bold; margin:8% 0px 8%;}
.buyul li p{ font-size: 14px; color: #666666; text-align: center;}
.buyul li span{ display: block; width: 114px; height: 34px; background: #da261e; line-height: 34px; text-align: center; border-radius: 30px; color: #fff; margin:15% auto 0px;    position: absolute;
    bottom: 8px;
    left: 50%;
    margin-left: -57px;}

.buyul li:hover img{ -webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);}




.dl-golab{ height: 150px; overflow: hidden; margin:3% 0px 0px; background: url(../images/golab_bg.jpg) no-repeat top center; background: :cover;}
.gobin{ height: auto; overflow: hidden; padding:3% 0px;}
.gobin p{ font-size: 16px; color: #f7e300; background: url(../images/call1.png) no-repeat left center; padding-left: 66px; font-style: italic; display:none; }
.gobin p b{ font-size: 32px;font-style: normal;}






.dl-product{ height: auto; overflow: hidden; padding:3% 0px; background: #f3f4f5;}
.dl-product .indexTitle p span{background: #f3f4f5; }

.procont{ height: auto; overflow: hidden; margin-top: 2%;}

.procont{ height: auto; overflow: hidden; margin:0 -9px;margin-top: 3%;}
.procont [class*=col-]{ padding:0 9px;}

.procont a{ display: block; overflow: hidden; height: auto;  position: relative;}
.procont a .gray{ height: 100%; width: 100%; position: absolute; top:0px; left:0px;}
.procont a .gray .titlep{ font-size: 24px; color: #333333; text-align: center; margin-top:8%;}
.procont a .gray p{ font-size: 16px; text-align: center; color: #666666; display:none;}
.procont a .gray span{ position: absolute; bottom: 0px; left:0px; width: 108px; height: 42px; background: #da261e; font-size: 18px; display: inline-block; text-align: center; line-height: 42px; color: #fff;}

.procont .pro-le a img{ display: block; height: auto; overflow: hidden; max-width: 100%;  transition: all 5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;}
.proul{ height: auto; overflow: hidden; }
.proul li{ float: left; width: 48%; margin-right: 2%; margin-bottom:3%;}
.proul li:nth-child(2n){ margin-right: 0px;}

.proul li a img{display: block; height: auto; overflow: hidden; max-width: 100%; transition: all 5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;}
.proul li a .gray span{ width: 74px; height: 30px; line-height: 30px; font-size: 13px;}
.procont .pro-le a:hover img{    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    overflow: hidden; }
.proul li:hover a img{ transform: scale(1.2);
    -webkit-transform: scale(1.2);
    overflow: hidden;}



.mse-chose{ height: auto; overflow: hidden; background: #fff; margin:3% 0px;}
.mse-chose .indexTitle span{ display: block; width: 120px; height: 6px; background: #da261e; margin:0 auto; margin-top: 10px;}

.container1 {
    margin: 0 auto;
    max-width: 1401px;
    height: auto;
     background-size: 100%;
}

.pr-u12 {margin: 20px auto;max-width: 1200px;}
.pr-u12 li {padding: 5% 0px 0px;}
.pr-left {float: left;width: 45%; margin-top: 2%;}
.pr-right {float: right;box-sizing: border-box;width: 50%;}
.pr-right img{ max-width: 100%; display: block;}
.pr-con {overflow: hidden;margin-bottom: 10%;}
.pr-con .pr-h1 {float: left;margin-right: 3%; width: 55px; height: 55px; background: #da261e; border-radius: 50%; line-height: 55px; text-align: center; font-size: 28px; font-weight: bold; font-family: "Arial"; color: #fff;}
.pr-con .pr-p {float: left;width: calc(100% - 55px - 3%);}

.pr-con .pr-p .pr-p1 {padding-bottom: 10px;border-bottom: 1px dashed #a3a3a3;color: #da261e;font-weight: 700;font-size: 26px;}
.pr-con .pr-p .pr-p1 span {margin-left: 10px;color: #888;font-weight: 400;font-size: 16px;}
.pr-con .pr-p .pr-p2 {height: auto;color: #666666;font-size: 14px; margin-top: 2%;}


.pr-u12 li .new_top{ padding:5% 0px; height: auto; overflow: hidden;padding-bottom: 6%;
    padding-top: 2%;}
.new_top .pr-left {float: right; width: 50%;}
.new_top .pr-right {float: left; width: 48%;}





                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
.mse-about{ height: auto; overflow: hidden; background: url(../images/about_bg.jpg) no-repeat center; padding:8% 0px;     background-size: 100%;}
.mse-about .aboutin{ min-height: 400px;  background: rgba(255,255,255,0.8);  padding:3%;}
.mse-about .aboutin .aboutle{ height: auto; position: relative;}
.mse-about .aboutin .aboutle img{ max-width: 100%; height: auto; position: absolute; top:-110px; right:10px;}

.mse-about .aboutin .aboutri .about_title{ font-size: 30px; color: #da261e; font-weight: bold; border-bottom: 3px solid #da261e; padding-bottom: 15px;}
.mse-about .aboutin .aboutri p{ text-indent: 1em; font-size: 14px; color: #2e2726; line-height: 28px; margin-top: 4%;}
.mse-about .aboutin .aboutri a{ font-size: 16px; color: #fff; background:#da261e; width: 160px; height: 40px; display: inline-block; float: right; line-height: 40px; margin-top: 6%; text-align: center; border-radius: 30px; border:1px solid #da261e;}
.mse-about .aboutin .aboutri a:hover{ background: #fff; color: #da261e;}


.hn-company{ height: auto; overflow: hidden; margin-top: -87px;}
.hn-company .containerr{ padding: 2% 0px; background:#fff url(../images/showed.png) no-repeat bottom left; background-size: 100%;}

.companowl{ height: auto; overflow: hidden; margin: 2% 0px 1%;}
.companowl .item a>div{ height: auto; overflow: hidden;}
.companowl .item a>div img{ display: block; overflow: hidden; max-width: 100%;margin:0 auto;    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s; }

.companowl .item a>div:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);overflow: hidden;}    
.companowl p{ text-align: center; font-size: 14px; color: #494949; margin-top: 10px;}



.newsindex{height: auto; overflow: hidden; background: #fff; margin:3% 0px;}

.hn-newle{ height: auto; overflow: hidden; padding-right: 5%;}
.hn-newle .comptitle{ height: auto; overflow: hidden;}
.hn-newle .comptitle p{ font-size: 24px; color: #333333;line-height: 24px;}
.hn-newle .comptitle p span{ font-size: 13px;}
.hn-newle .comptitle a{ float: right; font-size: 13px; color: #1c2d37;   }

.hn-newle .quesul{ height: auto; overflow: hidden; margin-top: 5%;}
.hn-newle .quesul li{ height: auto; overflow: hidden; background: #fff; margin-bottom: 3%;}
.hn-newle .quesul a{ height: auto; display: block; overflow: hidden;}
.hn-newle .quesul .quesle{ height: auto; overflow: hidden; float: left; width: 30%;}
.hn-newle .quesul .quesle img{ display: block; max-width: 100%; border:1px solid #ececec;display: block; height: auto; overflow: hidden; max-width: 100%; transition: all 5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;}

.hn-newle .quesul .quesri{ float: right; width: 69%;}
.hn-newle .quesul .quesri p{ font-size: 16px; color: #333333; margin:2% 0px;}
.hn-newle .quesul .quesri span{ font-size: 14px; color: #666666;}
.hn-newle .quesul li:hover{ background: #e1e1e1;}
.hn-newle .quesul li:hover .quesle img{transform: scale(1.2);-webkit-transform: scale(1.2);overflow: hidden;}



.hn-newri .news_nav{ height: auto; overflow: hidden; }
.hn-newri .news_nav{ height: auto; overflow: hidden;}
.hn-newri .news_nav li{ float: left;  font-size:24px; color:#333; cursor: pointer; line-height: 24px; border-left:4px solid #fff; padding-left: 15px;}
.hn-newri .news_nav li span{font-size: 13px; }
.hn-newri .news_nav li:first-child{ margin-right: 60px;}
.hn-newri .news_nav li.cur{  color:#da261e; border-color: #da261e;}
.hn-newri .news_nav a{float: right; font-size: 13px; color: #1c2d37; }


.hn-newri .newscont{ height: auto; overflow: hidden; margin-top: 5%; }
.hn-newri .newscont .newsinner{ height: auto; overflow: hidden; display: none;}
.hn-newri .newscont .newscont-top img{ display: block; max-width: 100%;}
.hn-newri .newscont .newscont-top p{ font-size: 15px; color: #333333; }
.hn-newri .newscont .newscont-top span{ font-size: 13px; color: #666666; display: block; margin:2% 0px;}
.hn-newri .newscont .newscont-top .more{ display: block; width: 134px; height: 38px; background: #da261e; text-align: center; line-height: 38px; color: #fff; font-size: 14px; float: right; margin-top: 4%;transition: all 5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;}
.hn-newri .newscont .newscont-top .more:hover{ color: #da261e; background: #fff; border:1px solid #da261e;}

.hn-newri .newscont .news-line{ height: auto; overflow: hidden; margin-top: 6%;}
.hn-newri .newscont .news-line li{ height: auto; line-height: 42px; font-size: 15px; border-bottom:1px dashed #e4e4e4; background: url(../images/star.png) no-repeat left center; padding-left: 20px;}
.hn-newri .newscont .news-line li a{ display: block; color: #333; }
.hn-newri .newscont .news-line li span{ float: right;}
.hn-newri .newscont .news-line li:hover a{ color: #da261e;}




.mse-parnet{ height: auto; overflow: hidden; padding:0px 0px 3%;}
.parowl{ height: auto; overflow: hidden; margin-top: 2%;} 
.parowl .swiper-slide{ border:1px solid #e8e8e8;   }
.parowl .swiper-slide a{ display: block; height: auto; overflow: hidden; position: relative;}
.parowl .swiper-slide a .gray{
  height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    background: rgba(0,0,0,0.75);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    opacity: 0;
  }

.parowl .swiper-slide a .gray p{

    position: absolute;
    top: 50%;
    transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);

    width: 100%;
    text-align: center;
    font-size: 20px; color: #ffffff;


}
.parowl .swiper-slide a .gray p img{ display: block;
    margin: 2% auto 0px;}


 .swiper-container {
      width: 100%;
      height: auto;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      overflow: hidden;
    }



.parowl .swiper-slide img{ display: block; height: auto; overflow: hidden;transition: all 5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s; cursor: pointer;}
.parowl .swiper-slide:hover img{  transform: scale(1.2);
    -webkit-transform: scale(1.2);
    overflow: hidden;}

.parowl .swiper-pagination{ display: none !important;}
.parowl .swiper-slide:hover a .gray{ opacity: 1;}



.swiperloop2{ display:none;}
.swiperloop1{ display:block;}








@media screen and (min-width: 769px) and (max-width: 1199px){
img{ max-width: 100%;}

}

@media screen and (min-width: 992px) and (max-width: 1199px){


}
@media screen and (min-width: 769px) and (max-width: 992px){



}


@media screen and (max-width: 768px) {
.swiperloop1{ display:none;}
.swiperloop2{ display:block;}
.indexTitle .titlehtp{ font-size: 20px;}

.buyul li img{ max-width: 65%;}
.buyul li .buytitle{ font-size: 16px; height: 44px; overflow: hidden;}
.procont{ margin:0 -3px;}
.procont [class*=col-]{ padding:0 3px;}
.procont a .gray .titlep{ font-size: 16px;}
.procont a .gray p{ font-size: 14px;}
.container1{ background: none;}
.pr-left{ width: 49%;}
.pr-con .pr-h1{ width: 40px; height: 40px; line-height: 40px; font-size:18px; }
.pr-con .pr-p .pr-p1{ font-size: 16px;}
.pr-con .pr-p .pr-p1 span{ font-size: 13px; margin-left: 4px;}
.pr-con .pr-p .pr-p2{ font-size: 12px;}
.pr-u12 li .new_top{ padding:0px;}
.pr-u12 li{ padding:1% 0px 0px;}

.hn-newle{ padding-right: 0px;}
.hn-newle .quesul .quesle{ width: 22%;}
.hn-newle .quesul .quesri{ width: 77%;}

.mse-about{ background-size:cover; }
.mse-about .aboutin .aboutle img{ position: inherit; top:0px;}
.mse-about .aboutin .aboutri .about_title{ font-size: 18px; padding-bottom: 2%;}
.mse-about .aboutin .aboutri p{ font-size: 12px; line-height: 26px;}




.dl-golab{ display: none;}

}


@media screen and (max-width: 414px) {
.indexTitle .titlehtp{ font-size: 16px; margin-bottom: 0px;}
.indexTitle p{ font-size: 12px;}
.procont{ margin-top: 3%;}
.buyul li{ width: 49%; margin-bottom: 2%;}
.buyul li:nth-child(2n){ margin-right: 0px;}
.buyul li a{ padding:2%;}
.buyul li img{ max-width: 44%;}
.buyul li .buytitle{ height: 22px;}
.buyul li p{ font-size: 12px;}
.buyul li span{ font-size: 12px; margin:5% auto;position: relative;
        left: 0px;
        bottom: 0px;}
.proul li{ margin-bottom: 6px;}
.pro-le{ margin-bottom: 6px;}
.pr-left,.pr-right,.new_top .pr-left,.new_top .pr-right{ float: none; width: 100%;}
.aboutri{ margin-top: 5%;}
.dl-buy{ margin:3% 0px;}
.hn-company{ margin: 3% 0px;}
.hn-newle .comptitle p{ font-size: 20px; line-height: 20px;}
.newsindex .row{ margin:0px;}
.newsindex .row [class*="col-"]{ padding:0px;}
.hn-newle .quesul .quesri p{ margin:0px; font-size: 14px;}
.hn-newle .quesul .quesri span{ font-size: 12px; line-height: 18px;}
.hn-newri{ margin:3% 0px;}
.hn-newri .news_nav li{font-size: 14px; line-height: 20px; }
.hn-newri .news_nav li span{ font-size: 12px;}
.hn-newri .news_nav li:first-child{ margin-right: 5%;}

.newscont-top img{ padding-right: 5px;}
.hn-newri .newscont .newscont-top p{ font-size: 13px;}
.hn-newri .newscont .newscont-top span{ font-size: 12px;}
.hn-newri .newscont .newscont-top .more{ margin-top: 0px; width: 95px; height: 30px; line-height: 30px; font-size: 12px;}
.hn-newri .newscont .news-line li{ padding-left: 11px; font-size: 14px;}
.mse-about .aboutin .aboutri a{ float: none; margin:3% auto; display: block; font-size: 14px;}


}