@charset "utf-8";
/* CSS Document */

*{padding: 0; margin: 0;}
body{ overflow-x: hidden;}
img{ border:none; font-size: 0; }
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
a{ text-decoration: none; color: black;display: inline-block; }
li{ list-style: none; }

.banner{width:100%;position: relative;}
.banner img{width:100%;position: relative;}
.banner h3{font-size:50px;font-weight:bold;color:#fff;position:absolute;top:300px;left:9vw;text-shadow: 3px 3px 7px #333;}
.banner dd{font-size:24px;font-weight:bold;color:#fff;position:absolute;top:370px;left:9vw;text-shadow: 3px 3px 7px #333;}

/*产品*/
.product{margin:60px auto 100px auto;width:80vw;height:auto;overflow: hidden;}
.product h3{text-align:center;color:#000;font-size:36px;padding-bottom:30px;}

.product dl{padding:0;margin:0 auto 40px auto;overflow: hidden;width: 516px;}
.product dl dt{float:left;margin: 0 15px;}
.product dl dt a.active{background: #58c6fb;color: #fff;}
.product dl dt a{font-size:16px;color:#333;padding: 5px 15px;background: #ddd;}

.product ul{padding:0;margin:0;}
.product ul li{float:left;width:19%;margin-right:2%;box-shadow: 0 0 16px 0 rgba(33,86,178,.28);margin-bottom:2%;padding:0 1%;}
.product ul li h4{text-align:center;color:#000;font-size:16px;padding-bottom:30px;}
.product ul li img{width:100%;transition: all .3s ease;}
.product ul li:hover img{transform: scale(1.02);}

@media (max-width:760px){
.banner h3 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 80px;
    left: 9vw;
    text-shadow: 3px 3px 7px #333;
}
.banner dd {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 113px;
    left: 9vw;
    text-shadow: 3px 3px 7px #333;
}
.product h3 {
    text-align: center;
    color: #000;
    font-size: 20px;
    padding-bottom: 30px;
}
.product {
    margin: 25px auto 100px auto;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.product dl {
    padding: 0;
    margin: 0 auto 15px auto;
    overflow: hidden;
    width: 100%;
}
.product dl dt {
    float: left;
    margin: 0px 18px;
    margin-bottom: 20px;
}
.product ul li {
    float: left;
    width: 46%;
    margin-right: 2%;
    box-shadow: 0 0 16px 0 rgba(33,86,178,.28);
    margin-bottom: 2%;
    padding: 0 0%;
    margin-left: 2%;
}
.product {
    margin: 25px auto 100px auto;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 16vw;
}
}