@charset "UTF-8";

.l-content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
	font-family: "思源黑体CN","Microsoft YaHei", Simsun, Simhei;
    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;
	box-sizing: border-box;
}

.l-content .font-f{font-family: Arial, Helvetica, sans-serif;}
.l-content .l-btn{display: inline-block; width: auto!important; height: auto!important;}
.l-content .l-btn img{transition: all .3s;}
.l-content .l-btn img:hover{transform: scale(.95);}
.l-content .l-pro:hover{transform: translateY(-10px);}
.l-content .rel{position: relative;}
.l-content .abl{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 50px;}
.l-content .flex{display: flex; align-items: center; justify-content: center;}
.l-content .flex-wrap{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}

.l-content .banner_img{position: absolute; right: 0; top: 0; animation: act 0.9s ease ;}

@keyframes act{
	from{transform: translate3d(400px,-260px,0);}
	to{transform: translate3d(0,0,0);}
}

/*  */
.l-content .activity-con{padding: 0 70px 0 80px; justify-content: space-between; padding-top: 30px;}
.l-content .activity-con-l div{font-size: 22px; box-sizing: border-box; color: #FFFFFF; display: flex;}
.l-content .activity-con-l div>b{line-height: 32px; width: 95px; margin-right: 5px; font-weight: normal;}
.l-content .activity-con-l div p{line-height: 32px; width: 500px;}
.l-content .activity-more {margin-top: 30px;}
.l-content .activity-con-r{padding-bottom: 20px;}

/*  */
.l-content .title{padding: 0 118px 0 370px; justify-content: space-between;}
.l-content .title span{font-size: 60px; color: #ffcc00;}
.l-content .title p{color: #FFFFFF; font-size: 30px; text-align: center; line-height: 34px; width: 320px;}
.l-content .title p i{line-height: 34px;}
.l-content .title p b{font-size: 50px; font-weight: bold; color: #FFCC00;}

/*  */
.l-content .kinds{align-items: flex-start; padding: 38px 25px;}
.l-content .kinds li{width: 25%; padding: 0 20px;}
.l-content .kinds li span{font-size: 25px; font-weight: bold; margin-bottom: 6px; display: block;}
.l-content .kinds li p{font-size: 20px; line-height: 24px;}

/*  */
.l-content .mind{justify-content: space-between; align-items: flex-start; padding: 37px 60px 0 75px;}
.l-content .mind-l{width: 41%;}
.l-content .mind-r{width: 44.7%;}
.l-content .mind>div>div{margin-bottom: 15px;}
.l-content .mind-tit{font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 10px;}
.l-content .mind-line img{width: 100%;}
.l-content .mind-text{font-size: 25px; align-items: flex-start; justify-content: flex-start;}
.l-content .mind-text span{width: 26px; height: 30px; display: flex; align-items: center;}
.l-content .mind-text span img{width: 26px; height: 25px;}
.l-content .mind-text p{line-height: 30px;}
.l-content .mind-pic{ margin-left: 28px; margin-bottom: 25px!important;}

/*  */
.l-content .product {padding: 20px 53px;}
.l-content .product li{width: 50%; padding: 16px 0 20px;}
.l-content .product-flag{position: absolute; left: 6px; top: 17px;}
.l-content .product-pic{width: 280px; padding: 90px 0 0 74px;}
.l-content .product-pic img{transition: all .3s;}
.l-content .product-r{width: 267px;}
.l-content .product-title{font-size: 28px; margin-bottom: 8px; line-height: 32px;}
.l-content .product-specs p{line-height: 20px; font-size: 16px;}
.l-content .product-specs span{line-height: 20px; display: inline-block;}
.l-content .product-specs span:first-child{width: 135px;}
.l-content .product-price{margin: 30px 0 8px; font-size: 17px;}
.l-content .product-price span{font-size: 38px; font-weight: bold; color: #dd0000; margin: 0 3px;}
.l-content .product li:nth-child(2n){padding-left: 40px;}
.l-content .product li:nth-child(2n) .product-flag{position: absolute; left: 39px; top: 17px;}
.l-content .product li:nth-child(2n) .product-r{width: 267px; padding-left: 20px;}
.l-content .product li:hover .product-pic img{transform: scale(1.07);} 

/*  */
.l-content .mating{justify-content: flex-start; padding: 40px 40px 55px;}
.l-content .mating p{font-size: 45px; width: 100%; line-height: 56px;}
.l-content .mating b{display: block; line-height: 56px;}

/*  */
.l-content .activity {padding: 16px 49px 0;}
.l-content .activity dl{margin: 0; width: 100%; color: #FFFFFF;}
.l-content .activity dt{margin: 2px 0 10px;}
.l-content .activity dd{display: flex; font-size: 18px; padding: 0 6px;}
.l-content .activity dd span,.l-content .activity dd p,.l-content .activity dd p i{line-height: 28px;}
.l-content .activity dd span{width: 21px; height: 28px; line-height: 28px; margin-right: 5px; color: #000000; background: url(../images/dot.png) no-repeat center; display: block; text-align: center; font-family: Arial, Helvetica, sans-serif;}
.l-content .activity dd p{flex: 1;}
.l-content .activity dd p a{color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; text-decoration: underline;}
.l-content .activity dd p a:hover{text-decoration: none;}

/*  */
.l-content .contact{padding: 22px 55px 0;}
.l-content .contact ul{justify-content: space-between;}
.l-content .contact li p{margin-bottom: 12px; font-size: 24px; letter-spacing: 3px; font-weight: bold; color: #FFFFFF;}