.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: #358cd1; width: 30px; border-radius: 20px;
}

.indexbannermob{ display: none;}


.fhDetail{ height: auto; overflow: hidden;}
.fhDetail ul{ height: auto; overflow: hidden; }
.fhDetail ul li{ float: left;  width: 25%;padding: 0px 10px;}
.fhDetail ul li:last-child{ margin-right: 0px;}
.fhDetail ul li img{ display: block; max-width: 100%; margin:0 auto;}
.fhDetail ul li p{ font-size: 18px; color:#5a5556; margin-top: 20px; text-align: center; margin-bottom: 10px;}
.fhDetail ul li b{background: url(../images/bgimgdb.jpg) repeat-x; height: 4px; width: 100%;  display: block;}


.indexTitle{ height: auto;  text-align: center;position: relative; }
.indexTitle .titlehtp{ font-size: 36px; color: #2b3e50;font-weight: bold;   }
.indexTitle .titlehtp span{color: #358cd1; }
.indexTitle b{ width: 67px; height: 2px; background: #358cd1; text-align: center; display: block; margin:10px auto 0px;}



.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: 36px; line-height: 36px; background: #f3f4f5; padding: 0px 30px; text-align: center; color: #1e1e1e; font-size: 16px; border-radius: 30px; margin:0 10px; cursor: pointer;}
.proNav .indexProwl .item.cur{ background: #2b3e50; color: #fff;}


.product_item{ height: auto; overflow: hidden;margin-top: 3%; background: #f3f4f5; padding:10px;}
.product_item .proIn{ height: auto; overflow: hidden; display: none;}
.product_item .proIn li{ float: left; width: 25%; padding: 10px;}
.product_item .proIn li a{ display: block;  height: auto; overflow: hidden;}
.product_item .proIn li .img{display: block;  height: auto; overflow: hidden; }
.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; overflow: hidden;}
.product_item .proIn li p{ text-align: center; color:#1d1d1d; font-size: 18px; margin-top: 10px;}
.product_item .proIn li:hover img{ transform: scale(1.1);
    -webkit-transform: scale(1.1);
    overflow: hidden;}
.product_item .proIn li:hover p{ color: #358cd1;}

.index-news{ height: auto; overflow: hidden; padding:54px 0px;}

.newsUl{ height: auto; overflow: hidden; margin-top: 30px;}
.newsUl li{ float: left; width: 49%; height: auto; overflow: hidden;}
.newsUl li .top{ display: flex;  flex-direction: row;}

.newsUl li .top .left{ width: 80px; text-align: center; border-left:1px solid #b7b7b7;}
.newsUl li .top .left span{ display: block;}
.newsUl li .top .left span.d{ color: #aaaaaa; font-size: 36px; line-height: 36px; font-family: "Arial"; border-bottom:1px solid #b7b7b7;}
.newsUl li .top .left span.m{ font-size: 14px; color: #818181; line-height: 33px;}
.newsUl li .top .right{ flex:1; margin-left: 26px;}
.newsUl li .top .right .title a{ font-size: 18px; color: #2c2c2c; display: block;}
.newsUl li .top .right p{ color: #626161; font-size: 14px; margin-top: 5px;}

.newsUl li .top .right .title:hover a{ color: #358cd1; }


.newsUl li .bot{ height: auto; overflow: hidden; margin-top: 5%;}
.newsUl li .bot a{ display: block;height: auto;
    overflow: hidden;}
.newsUl li .bot a img{display: block; max-width: 100%;overflow: hidden;-webkit-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;}
.newsUl li .bot a:hover img{ transform: scale(1.1);
    -webkit-transform: scale(1.1);
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.newsUl li:last-child{ float: right;}






.Global_lr{height: auto; overflow: hidden; margin-top: 3%;}
.Global_lr ul{ height: auto; overflow: hidden; margin-top: 30px;}
.Global_lr ul li{ border-right: solid 1px #e5e5e5;
    
    text-align: center;
    width: 20%;
    float: left;
    position: relative;
    transition: all .5s;}
.Global_lr ul li a{ display: block;
    height: auto;padding: 115px 0;
    overflow: hidden;
    position: relative;}

.Global_lr ul li .img img{ display: block; margin:0 auto;}
.Global_lr ul li p{ font-size: 18px; color: #202020; margin-top: 50px;}
.Global_lr ul li .gray{ height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
   
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;opacity: 0;}
.Global_lr ul li .gray img{ display: block; margin:0 auto; height: 100%;}
.Global_lr ul li .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: 30px;
    color: #ffffff;margin-top: 0px;}
.Global_lr ul li .gray b{height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    background: rgba(0,128,229,0.5);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s; }


.Global_lr ul li:hover .gray{ opacity: 1;}



@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: #358cd1; 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;}
.proNav .indexProwl .item:nth-child(3n){ margin-right: 0px;}
.product_item .proIn li{ width: 50%;}

.newsUl li{ float: none; width: 100%; margin-top: 10px;}
.newsUl li .top .right{ margin-left: 0px;}
.newsUl li .top .right .title a{ font-size: 14px;}
.newsUl li .top .right p{ font-size: 12px;}
.newsUl{ margin-top: 15px;}
.Global_lr ul li{ width: 50%; }
.Global_lr ul li:nth-child(2n){ border-right: none;}
.Global_lr ul li a{ padding:3% 0px;}
.Global_lr ul li p{ margin-top:12px; font-size: 14px;}

.Global_lr ul li .img img{ max-width: 60%;}



}