

.shadow img{ display: block; max-width: 100%; margin: 0 auto;}
.swiperloop1 img{ display: block; max-width: 100%; margin:0 auto;}
.swiperloop1 .swiper-pagination-bullet {
    background: #fff;
}

.swiperloop1 .swiper-pagination-bullet-active {
    background: #ee1d23; width: 30px; border-radius: 20px;
}

.indexbannermob{ display: none;}





.indexTitle{ height: auto;  text-align: center;position: relative; }
.indexTitle .titlehtp{ font-size: 36px; color: #fff;font-weight: bold;   }
.indexTitle .titlehtp span{color: #ee1d23; }


.indexTitle .subTitle{ height: auto; overflow: hidden; position: relative; color: #808080; font-family: Arial; }
.indexTitle .subTitle b{ width: 100%; height: 1px; background: #808080; position: absolute; top:10px; left: 0px;}
.indexTitle .subTitle i{ text-align: center; font-style: normal;
    background: #fff;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    top: 0px;
    z-index: 1;
}



.index-product{height: auto; overflow: hidden; padding-top:54px; }
.proNav{ height: auto; overflow: hidden; margin-top: 3%;}
.proNav .indexProwl{ text-align: center;;}
.proNav .indexProwl .item{ display: inline-block;  height: 45px; line-height: 45px; background: #dddddd; padding: 0px 30px; text-align: center; color: #000; font-size: 16px; border-radius: 30px; margin:0 5px; cursor: pointer;}
.proNav .indexProwl .item.cur{ background: #000000; color: #fff;}


.product_item{ height: auto; margin-top: 3%;  padding:10px;}
.product_item .proIn{ height: auto;  display: none;}
.product_item .proIn li{ float: left; width: 33%; padding: 10px;}
.product_item .proIn li a{ display: block;  height: auto; }
.product_item .proIn li .img{display: block;  height: auto;background: #fff; }
.product_item .proIn li img{ display: block; max-width: 100%; margin:0 auto;    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;      -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;}
.product_item .proIn li p{ text-align: center; color:#000000; font-size: 20px; margin-top: 5%; font-weight: bold;}
.product_item .proIn li span{ display: block; text-align: center; font-size: 18px; color: #404040; margin-top: 20px;}
.product_item .proIn li:hover img{    -webkit-box-shadow: 3px 3px 20px #888888;
    -moz-box-shadow: 3px 3px 20px #888888;
    box-shadow: 3px 3px 20px #888888;
    top: -10px;}
.product_item .proIn li:hover p{ color: #ee1d23;}

.news{ height: auto; overflow: hidden; margin:2% 0px 3%;}
.dongtai{ height: auto; overflow: hidden;}
.dt-left{ float: left;width: 64%; border:1px solid #d6d6d6;}
.dt-left .new{height: 57px; line-height: 57px; width: 100%; background: #ededed;}
.dt-left .new a{ line-height:57px; font-size: 18px; color: #333333; width: 50%; float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-left: 32px; }
.dt-left .new a.active{ display:block; background: #252525; color:#fff;}
.brandContent1{ display: none; height: auto;}
.brand-top{ overflow: hidden; padding:14px;}
.bt-left{ float: left; width: 32%;height: auto;}
.bt-left img{ display: block; max-width: 100%;}
.bt-right{ float: right; width:66%;height: auto;}
.bt-right .nestitle{ font-size: 18px; margin-bottom: 10px;}
.bt-right .nestitle a{color: #333333; }


.bt-p{ font-size: 14px; color: #666666; overflow: hidden; line-height: 25px;}
.brand-bottom{ height: auto; padding:20px; padding-top: 0; overflow: hidden;}
.brand-ul li{line-height: 33px; float: left; width: 50%; background: url(../images/fang.png) no-repeat left center; padding-left:10px;}
.brand-ul li a{ color: #333333; font-size: 14px;}
.brand-ul li:hover a{ color: #ee1d23;}

.dt-right1{ float: right; width: 35%; border:1px solid #d6d6d6;}
.dt-right1 .scro-left{ float: left; width: 99px; background: #252525; color: #fff; font-size: 20px; text-align: center; padding:4% 0px;}
.dt-right1 .scro-left i{ display: block; font-style: normal;}
.dt-right1 .scro-right{ float: right; width: calc(100% - 99px);}

.newsbox{ height: auto; overflow: hidden;  padding:0 20px;}
.faqol{ height: auto; overflow: hidden; }
.faqol li{ height: auto; }
.faqol li a{ height: auto; overflow: hidden; padding: 5% 0px; border-bottom: 1px dashed #bababa; display: block; }
.faqol li h3{display:block;color:#333333;font-size:14px;width:100%;height:auto;overflow:hidden;line-height:21px;margin-bottom:8px;padding-left:25px;position:relative; overflow: hidden;}
.faqol li h3::before{content:"Q";display:inline-block;width:20px;height:20px;background:#ee2222;color:#fff;text-align:center;line-height:18px;position:absolute;left:0;top:0; font-size: 12px;color:#fff; border-radius: 50%;}
.faqol li p{display:block;font-size:14px;width:100%;height:auto;overflow:hidden;line-height:22px;padding-left:25px;position:relative; overflow: hidden; color: #666666;}
.faqol li p:before{content:"A";display:inline-block;width:20px;height:20px;background:#848484;color:#fff;text-align:center;line-height:18px;position:absolute;left:0;top:0;font-size: 12px;color:#fff;border-radius: 50%;}
.faqol li:last-child{ border-bottom: none;}



.application{ height: auto; overflow: hidden; position: relative; margin-top: 2%;}

.applicTitle{ width: 100%; height: auto; background:rgba(0,0,0,0.2); position: absolute; top:0px; left:0px; padding:30px 0px; }
.applicTitle .indexTitle .subTitle i{ background:url(../images/appLine.png) no-repeat center; color: #808080; font-size: 14px;display: block;}
.applicTitle .indexTitle .subTitle b{ display: none;}
.applicMain{ height: auto; overflow: hidden;}
.applicMain .appliIn{height: auto; overflow: hidden; display: none; }
.appliIn a{ display: block;}
.appliIn a img{ display: block; max-width: 100%; width: 100%;}

.appUl{ height: auto; overflow: hidden; background: #3b3b3b;}
.appUl li{float: left; width: 13.6%;   cursor: pointer;
    box-sizing: border-box; padding:20px 0px; color: #fff;}
.appUl li img{ display: block; margin:0 auto; max-width: 100%;}
.appUl li p{ text-align: center; font-size: 16px; margin-top: 20px;}

.appUl li.cur{ background: #212020; }


.parnet{ height: auto; overflow: hidden; background: #eef2f5; padding: 3% 0px;}
.parnet .indexTitle .titlehtp{ color: #ee1d23;}
.parnet .indexTitle .subTitle i{ background: #eef2f5; }
.parnet ul{ height: auto; overflow: hidden; margin-top: 3%;}
.parnet ul li{ float: left; width: 12%; margin-right: 0.5%; cursor: pointer; margin-bottom: 0.5%;}
.parnet ul li:nth-child(8n){ margin-right: 0px;}
.parnet ul li .img{ height: auto; overflow: hidden; }
.parnet ul li .img img{ display: block; max-width: 100%;-webkit-transition: all .8s;width: 100%;
    -moz-transition: all .8s;
    -o-transition: all .8s;   }

.parnet ul li:hover .img img{transform: scale(1.2);
    -webkit-transform: scale(1.2);
    overflow: hidden; }



@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) {

.proNav .indexProwl{ display: flex; flex-direction:row;}
.proNav .indexProwl .item{ font-size: 14px;}




}


@media screen and (max-width: 414px) {

.index-recommond .box{ float: none !important; width: 100%; margin-bottom: 3.5%;}

.indexbannermob{ display: block;}
.indexbanner{ display: none;}


.swiperloop3 img{ display: block; max-width: 100%;}
.swiperloop3 .swiper-pagination-bullet {
    background: #fff;
}

.swiperloop3 .swiper-pagination-bullet-active {
    background: #ee1d23; width: 30px; border-radius: 20px;
}



.indexTitle .titlehtp{ font-size: 20px;}
.fhDetail ul li img{ max-width: 63%;}
.fhDetail ul li p{ font-size: 12px;}
.proNav .indexProwl{ flex-wrap:wrap;  }
.proNav .indexProwl .item{ padding: 0px; width: 32%;margin: 0px; margin-bottom: 10px; margin-right: 1%; font-size: 13px; height: 35px; line-height: 35px;}
.proNav .indexProwl .item:nth-child(3n){ margin-right: 0px;}
.product_item .proIn li{ width: 50%; padding: 0px; margin-top: 5%;}
.product_item .proIn li p{ font-size: 16px;}
.product_item .proIn li span{ font-size: 16px; margin-top: 2%;}
.appUl li p{ font-size: 12px;}
.appUl li img{ max-width: 62%;}





.dt-left{ float: none; width: 100%;}
.dt-right1{float: none; width: 100%; margin-top: 2%;    height: auto;
    overflow: hidden; }

.dt-left .new a{ font-size: 14px; padding-left: 0px; text-align: center;}
.bt-right .nestitle{ font-size: 14px;}
.bt-p{ font-size: 12px;}
.parnet ul li{ width: 32.8%;margin-right: 0.5%;}
.parnet ul li:nth-child(3n){ margin-right:0px;}
.parnet ul li:nth-child(8n){ margin-right: 0.5%;}
}

