@charset "UTF-8";

.l-content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    font-family: "Microsoft YaHei", Helvetica, Simsun, Simhei, Arial, sans-serif;
    color: #000;
    overflow: hidden;
}

.l-content a {
    text-decoration: none;
}

.l-content img {
    border: 0;
	display: inline-block;
}

ul,
ol {
    list-style: none;
}

.l-content i {
    font-style: normal;
}

.l-content * {
    margin: 0;
    padding: 0;
    line-height: 1;
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
}
.l-content .rel{position: relative;}

.l-content .font-f{font-family: Arial, Helvetica, sans-serif;}

.l-content .video{background: url(../images/img_01.jpg) no-repeat top center; height: 660px;}

.l-content .video video{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 71px;
  height: 540px;
}

.l-content .product{background: url(../images/img_16.jpg) no-repeat top center; height: 539px;}

.l-content .product ul{display: flex; flex-wrap: wrap; padding: 25px 65px;}

.l-content .product li{width: 334px; height: 509px; background: url(../images/pro_01.png) no-repeat center; margin: 5px; padding: 1px; box-sizing: border-box; position: relative;}

.l-content .product li:nth-child(2){background-image: url(../images/pro_02.png);}

.l-content .product li:nth-child(3){background-image: url(../images/pro_03.png);}

.l-content .product li>div{margin: 63px 0 0 21px; width: 290px;}

.l-content .product li .product-title{font-weight: bold; font-size: 22px; line-height: 28px; margin: 0 0 0 20px;}

.l-content .product li .price{margin-top: 190px; border-bottom: 1px solid #dddddd; font-weight: bold; padding-bottom: 7px; margin-bottom: 7px;}

.l-content .product li .price>div{display: flex; align-items: center;}

.l-content .product li .price .price-title{display: block; width: 50px;}

.l-content .product li .price b{font-size: 32px; color: #dd0000; font-family: Arial, Helvetica, sans-serif;}

.l-content .product li p{height: 26px; line-height: 26px; font-size: 16px; color: #666666;}

.l-content .product li a{position: absolute; left: 3px; top: 1px; padding: 450px 18px 15px 18px;}

.l-content .product li:hover{opacity: .85;}

.l-content .product li a img:hover{transform: scale(0.95);}

.l-content .product-more{background: url(../images/img_18.jpg) no-repeat top center; height: 213px; text-align: center;}

.l-content .product-more img{margin-top: 45px; transition: all .4s;}

.l-content .product-more a:hover img{transform: scale(0.95);}

.l-content .recommend {height: 404px; background: url(../images/img_18.jpg) no-repeat top center; padding: 0 40px;}

.l-content .recommend ul{display: flex; flex-wrap: wrap; justify-content: space-around; padding-top: 30px;}

.l-content .recommend li{width: 540px; height: 300px;}

.l-content .recommend li a{display: block; overflow: hidden;}

.l-content .recommend li a img{transition: all .4s;}

.l-content .recommend li a:hover img{transform: scale(1.03);}