@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%;}
.l-content .flex{display: flex; align-items: center; justify-content: center;}

.l-content .title{color: #ffcc00; font-size: 38px; line-height: 50px;}

/*  */
.l-content .activity-con .activity-box{flex-wrap: wrap; padding: 14px 0 19px;}
.l-content .activity-con dl{padding: 0 250px 0 90px; margin: 0; width: 100%;}
.l-content .activity-con dd{display: flex; font-size: 24px; padding-bottom: 0px;}
.l-content .activity-con dd>b{line-height: 38px; font-weight: normal;}
.l-content .activity-con dd p{line-height: 38px; flex: 1;}
.l-content .activity-con dd p i{line-height: 38px;}
.l-content .activity-more {text-align: center;}

.l-content .title2{color: #FFFFFF; font-size: 60px; line-height: 76px; padding-bottom: 20px;}
.l-content .title3{color: #ffcc00; font-size: 45px; line-height: 50px; display: block; width: 100%;}
	
/*  */
.l-content .assembly{justify-content: space-between; padding: 35px 45px 5px;}
.l-content .assembly-pic p{margin-left: 20px; margin-right: 32px;}
.l-content .assembly-pic span{display: block; margin-bottom: 20px; text-align: center;}

/*  */
.l-content .space{
	flex-direction: row-reverse; 
	justify-content: space-between; 
	padding: 35px 70px 10px 97px;
}
.l-content .space p{font-size: 25px; line-height: 34px; color: #FFFFFF; margin-right: 40px;}
.l-content .space span{display: block; border-bottom: 1px solid #FFFFFF; padding-bottom: 13px; margin-bottom: 12px;}

/*  */
.l-content .test{justify-content: space-between; padding: 0 38px 5px;}
.l-content .test p{margin-right: 0px;}
.l-content .test-pic{flex-wrap: wrap; flex: 1; padding-left: 142px;}
.l-content .test-txt{justify-content: space-between; align-items: flex-start; margin-top: 8px; width: 100%;}
.l-content .test-ps{position: absolute; bottom: 0; color: #FFFFFF; left: 225px; font-size: 13px; line-height: 16px;}
.l-content .test .title2{padding-top: 22px;}
.l-content .test .title3{padding-bottom: 10px;}

/*  */
.l-content .case{justify-content: space-between; padding: 0 45px;}
.l-content .case .title2{width: 26%; text-align: center;}
.l-content .case .title3{width: 65%; text-align: center; line-height: 56px; padding-bottom: 15px;}

/*  */
.l-content .product{flex-wrap: wrap; padding: 25px 40px 20px;}
.l-content .product ul{justify-content: space-between; width: 100%;}
.l-content .product li{
	background: url(../images/pro_bg01.png) no-repeat center; 
	width: 271px; 
	height: 540px; 
	padding: 75px 13px 0;
}
.l-content .product li:nth-child(2){background-image: url(../images/pro_bg02.png);}
.l-content .product li:nth-child(3){background-image: url(../images/pro_bg03.png);}
.l-content .product li:last-child{background-image: url(../images/pro_bg04.png);}
.l-content .product-title{font-size: 25px; font-weight: bold; color: #FFFFFF; line-height: 32px;}
.l-content .product-pic{height: 180px;}
.l-content .product-price p{
	height: 40px; 
	line-height: 40px; 
	display: flex; 
	font-size:20px; 
	font-weight: bold;
	color: #FFFFFF;
}
.l-content .product-price p:first-child{border-bottom: 1px solid #666666;}
.l-content .product-price span,
.l-content .product-price i{line-height: 40px;}
.l-content .product-price span{font-size: 32px; color: #dd0000;}

.l-content .product-specs{margin: 10px 0 20px;}
.l-content .product-specs span{width: 100%; height: 23px; display: block; line-height: 23px;}
.l-content .product-specs .product-specs-form{justify-content: space-around; text-align: center; width: 100%;}
.l-content .product-specs .product-specs-form p i,
.l-content .product-specs .product-specs-form p span{height: 24px; line-height: 24px;}

.l-content .product .l-pro{position: relative;}
.l-content .product .l-pro>a{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.l-content .pro1 .product-specs .product-specs-form p:first-child{width: 28%;}
.l-content .pro1 .product-specs .product-specs-form p:nth-child(2){width: 37%;}
.l-content .pro1 .product-specs .product-specs-form p:last-child{flex: 1;}

.l-content .pro2 .product-specs .product-specs-form p:first-child{width: 50%;}
.l-content .pro2 .product-specs .product-specs-form p:last-child{flex: 1;}

.l-content .pro3 .product-specs .product-specs-form p:first-child{width: 50%;}
.l-content .pro3 .product-specs .product-specs-form p:last-child{flex: 1;}

.l-content .pro4 .product-specs .product-specs-form p:first-child{width: 23%;}
.l-content .pro4 .product-specs .product-specs-form p:nth-child(2){width: 44%;}
.l-content .pro4 .product-specs .product-specs-form p:last-child{flex: 1;}

.l-content .pro_ps{width: 100%; color: #FFFFFF; font-size: 16px;}

/*  */
.l-content .activity {padding: 0 43px;}
.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: 30px;}
.l-content .activity dd span{width: 21px; height: 30px; line-height: 30px; margin-right: 3px; 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;}
