@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: 678px;}

.l-content .video .cont{background: url(../images/img_02.jpg) no-repeat bottom center; height: 678px;}

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

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

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

.l-content .product li{width: 345px; height: 301px; 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:nth-child(4){background-image: url(../images/pro_04.png);}

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

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

.l-content .product li>div{margin: 32px 0 0 117px; width: 222px;}

.l-content .product li dl{margin-bottom: 13px;}

.l-content .product li dt{font-weight: bold; font-size: 20px; line-height: 28px; margin-bottom: 8px;}

.l-content .product li dd{font-size: 16px; font-weight: bold;}

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

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

.l-content .product li p:nth-of-type(4) i{font-style: normal; letter-spacing: 3px;}

.l-content .product li a{position: absolute; left: 1px; top: 1px; padding: 253px 35px 9px 125px;}

.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 ul{display: flex; flex-wrap: wrap; }

.l-content .recommend li{width: 400px; height: 240px;}

.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);}