@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;
}

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

.l-content h1 a{display: block;}
/*  */
.l-content .activity {background: url(../images/img_02.jpg) no-repeat top center; height: 330px; padding: 0 335px 0 217px; box-sizing: border-box;}
.l-content .activity-txt{flex: 1; padding-top: 8px;}
.l-content .activity-txt p{font-weight: bold; font-size: 22px; line-height: 33px; }
.l-content .activity-txt p:nth-of-type(6){margin-top: 5px;}
.l-content .activity-txt span{font-weight: normal; font-size: 18px;}
.l-content .activity-txt b{color: #0F218B;}
.l-content .activity-btn{margin: 30px 0 0 110px;}
.l-content .activity-btn p:first-child{margin-left: -10px;}
.l-content .activity-btn span{font-weight: bold; color: #0F218B; border: 1px solid #0F218B; border-radius: 40px; padding: 1px 10px 2px;}
.l-content .activity-btn a{display: inline-block; margin-top: 7px;}
.l-content .activity-btn a img{transition: all .3s;}
.l-content .activity-btn a:hover img{transform: scale(.95);}

.l-content .product-title{position: relative;}
.l-content .product-title a{position: absolute; top: 0; left: 20px; width: 88%; height: 94%;}
.l-content .product-title:hover{transform: translateY(-10px);}
.l-content .product-title a:hover img{transform: scale(1.05);}

/* 1 */
.l-content .product-01{background: url(../images/img_08.jpg) no-repeat left center; height: 420px; padding: 17px 27px 17px 15px; box-sizing: border-box; display: flex;}
.l-content .product-01 .product-title{background: url(../images/pic_01.png) no-repeat left center; width: 295px; height: 407px; box-sizing: border-box; padding: 130px 16px 25px 20px; display: flex; align-items: center; justify-content: center;}

.l-content .product-01 ul{display: flex; flex: 1; box-sizing: border-box; height: 384px;}
.l-content .product-01 ul li{width: 25%; padding: 0 15px 20px 0; height: 100%; text-align: center;}
.l-content .product-01 ul li>div{background-color: #FFFFFF; box-shadow: 3px 7px 12px #777777; height: 100%; padding: 10px; box-sizing: border-box; position: relative;}
.l-content .product-01 ul li>div .pro_tit{font-weight: bold; font-size: 24px; padding: 12px 0 20px; height: 50px;}
.l-content .product-01 ul li>div .pro_tit span{font-weight: normal; font-size: 18px; display: block; line-height: 30px;}
.l-content .product-01 ul li>div .price{font-size: 22px; font-weight: bold; margin: 45px 0 7px;}
.l-content .product-01 ul li>div .price span{font-size: 36px; color: #DD0000; font-weight: bold;}
.l-content .product-01 ul li>div>p{display: flex; align-items: center; justify-content: center;}
.l-content .product-01 ul li>div .deliver{background-color: #0F218B; height: 24px; color: #FFFFFF;}
.l-content .product-01 ul li>div .model{background-color: #CCCCCC; height: 30px;}
.l-content .product-01 ul li>div a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.l-content .product-01 ul li>div:hover{transform: translateY(-10px);}

/* 2 */
.l-content .product-02{background: url(../images/img_09.jpg) no-repeat left center; height: 419px; padding: 17px 27px 17px 15px; box-sizing: border-box; display: flex;}
.l-content .product-02 .product-title{background: url(../images/pic_02.png) no-repeat left center; width: 295px; height: 407px; box-sizing: border-box;padding: 80px 16px 20px 30px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.l-content .product-02 .product-title>div{ text-align: center;}
.l-content .product-02 .product-title p{width: 100%; margin-bottom: 10px; font-size: 20px;}

.l-content .product-02 ul{display: flex; flex: 1; box-sizing: border-box; height: 384px;}
.l-content .product-02 ul li{width: 25%; padding: 0 15px 0 0; height: 100%; text-align: center;}
.l-content .product-02 ul li>div{background-color: #FFFFFF; box-shadow: 3px 7px 12px #777777; height: 100%; padding: 10px; box-sizing: border-box; position: relative;}
.l-content .product-02 ul li>div .pro_tit{font-weight: bold; font-size: 24px; padding: 12px 0 20px; height: 50px;}
.l-content .product-02 ul li>div .pro_tit span{font-weight: normal; font-size: 18px; display: block; line-height: 30px;}
.l-content .product-02 ul li>div .price{font-size: 22px; font-weight: bold; margin: 45px 0 7px;}
.l-content .product-02 ul li>div .price span{font-size: 36px; color: #DD0000; font-weight: bold;}
.l-content .product-02 ul li>div>p{display: flex; align-items: center; justify-content: center;}
.l-content .product-02 ul li>div .deliver{background-color: #0F218B; height: 24px; color: #FFFFFF;}
.l-content .product-02 ul li>div .model{background-color: #CCCCCC; height: 30px;}
.l-content .product-02 ul li>div a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.l-content .product-02 ul li>div:hover{transform: translateY(-10px);}

/* 3 */
.l-content .product-03{background: url(../images/img_09.jpg) no-repeat left center; height: 419px; padding: 17px 27px 17px 15px; box-sizing: border-box; display: flex;}
.l-content .product-03 .product-title{background: url(../images/pic_03.png) no-repeat left center; width: 295px; height: 407px; box-sizing: border-box;padding: 80px 16px 20px 30px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.l-content .product-03 .product-title>div{ text-align: center;}
.l-content .product-03 .product-title p{width: 100%; margin-bottom: 10px; font-size: 20px;}

.l-content .product-03 ul{display: flex; flex: 1; box-sizing: border-box; height: 384px;}
.l-content .product-03 ul li{width: 25%; padding: 0 15px 0 0; height: 100%; text-align: center;}
.l-content .product-03 ul li>div{background-color: #FFFFFF; box-shadow: 3px 7px 12px #777777; height: 100%; padding: 10px; box-sizing: border-box; position: relative;}
.l-content .product-03 ul li>div .pro_tit{font-weight: bold; font-size: 24px; padding: 12px 0 20px; height: 50px;}
.l-content .product-03 ul li>div .pro_tit span{font-weight: normal; font-size: 18px; display: block; line-height: 30px;}
.l-content .product-03 ul li>div .price{font-size: 22px; font-weight: bold; margin: 45px 0 7px;}
.l-content .product-03 ul li>div .price span{font-size: 36px; color: #DD0000; font-weight: bold;}
.l-content .product-03 ul li>div>p{display: flex; align-items: center; justify-content: center;}
.l-content .product-03 ul li>div .deliver{background-color: #0F218B; height: 24px; color: #FFFFFF;}
.l-content .product-03 ul li>div .model{background-color: #CCCCCC; height: 30px;}
.l-content .product-03 ul li>div a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.l-content .product-03 ul li>div:hover{transform: translateY(-10px);}

/* 4 */
.l-content .product-04{background: url(../images/img_10.jpg) no-repeat left center; height: 419px; padding: 17px 27px 17px 15px; box-sizing: border-box; display: flex;}
.l-content .product-04 .product-title{background: url(../images/pic_04.png) no-repeat left center; width: 295px; height: 407px; box-sizing: border-box; padding: 90px 16px 25px 20px; display: flex; align-items: center; justify-content: center;}

.l-content .product-04 ul{display: flex; flex: 1; box-sizing: border-box; height: 384px;}
.l-content .product-04 ul li{width: 25%; padding: 0 15px 0 0; height: 100%; text-align: center;}
.l-content .product-04 ul li>div{background-color: #FFFFFF; box-shadow: 3px 7px 12px #777777; height: 100%; padding: 10px; box-sizing: border-box; position: relative;}
.l-content .product-04 ul li>div .pro_tit{font-weight: bold; font-size: 24px; padding: 12px 0 20px; height: 50px;}
.l-content .product-04 ul li>div .pro_tit span{font-weight: normal; font-size: 18px; display: block; line-height: 30px;}
.l-content .product-04 ul li>div .price{font-size: 22px; font-weight: bold; margin: 45px 0 7px;}
.l-content .product-04 ul li>div .price span{font-size: 36px; color: #DD0000; font-weight: bold;}
.l-content .product-04 ul li>div>p{display: flex; align-items: center; justify-content: center;}
.l-content .product-04 ul li>div .deliver{background-color: #0F218B; height: 24px; color: #FFFFFF;}
.l-content .product-04 ul li>div .model{background-color: #CCCCCC; height: 30px;}
.l-content .product-04 ul li>div a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.l-content .product-04 ul li>div:hover{transform: translateY(-10px);}

/* 5 */
.l-content .product-05{background: url(../images/img_11.jpg) no-repeat left center; height: 418px; padding: 17px 27px 17px 15px; box-sizing: border-box; display: flex;}
.l-content .product-05 .product-title{background: url(../images/pic_05.png) no-repeat left center; width: 295px; height: 407px; box-sizing: border-box;padding: 82px 21px 15px 35px; display: flex; flex-wrap: wrap; position: inherit;}
.l-content .product-05 .product-title a{position: inherit;}
.l-content .product-05 .product-title a:last-child img{margin: 15px 0 0 55px;}

.l-content .product-05 ul{display: flex; flex: 1; box-sizing: border-box; height: 384px;}
.l-content .product-05 ul li{width: 25%; padding: 0 15px 0 0; height: 100%; text-align: center;}
.l-content .product-05 ul li>div{background-color: #FFFFFF; box-shadow: 3px 7px 12px #777777; height: 100%; padding: 10px; box-sizing: border-box; position: relative;}
.l-content .product-05 ul li>div .pro_tit{font-weight: bold; font-size: 24px; padding: 0px 0 30px; height: 62px;}
.l-content .product-05 ul li>div .pro_tit span{font-weight: normal; font-size: 18px; display: block; line-height: 30px;}
.l-content .product-05 ul li>div .price{font-size: 22px; font-weight: bold; margin: 35px 0 7px;}
.l-content .product-05 ul li>div .price span{font-size: 36px; color: #DD0000; font-weight: bold;}
.l-content .product-05 ul li>div>p{display: flex; align-items: center; justify-content: center;}
.l-content .product-05 ul li>div .deliver{background-color: #0F218B; height: 24px; color: #FFFFFF;}
.l-content .product-05 ul li>div .model{background-color: #CCCCCC; height: 30px;}
.l-content .product-05 ul li>div a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.l-content .product-05 ul li>div:hover{transform: translateY(-10px);}

/*  */
.l-content .pro-more{background:url(../images/img_13.jpg) no-repeat left center; height: 214px; text-align: center; padding-top: 86px; box-sizing: border-box;}
.l-content .pro-more a img{transition: all .3s;}
.l-content .pro-more a:hover img{transform: scale(.95);}

/*  */
.l-content .detailed{background:url(../images/img_14.jpg) no-repeat left center; height: 308px; box-sizing: border-box; padding: 80px 70px 0 70px; }
.l-content .detailed dd{font-size: 18px; line-height: 30px; display: flex; align-items: flex-start; font-weight: normal;}
.l-content .detailed dd i{width: 16px; display: inline-block;line-height: 32px;}
.l-content .detailed dd span{display: inline-block; line-height: 32px;}
.l-content .detailed dd b{font-weight: normal;}

/*  */
.l-content .floor{background: url(../images/img_15.jpg) no-repeat left center; height: 409px; box-sizing: border-box; position: relative;}
.l-content .floor a{display: block; color: #FFFFFF; font-size: 24px; width: 100%; height: 100%;}
.l-content .floor-0{background: url(../images/floor_00.png) no-repeat left center; width: 160px; height: 58px; position: absolute; left: 85px; top: 303px;}
.l-content .floor-1{background: url(../images/floor_01.png) no-repeat left center; width: 160px; height: 58px; position: absolute; right: 91px; top: 241px;}
.l-content .floor-2{background: url(../images/floor_02.png) no-repeat left center; width: 160px; height: 58px; position: absolute; left: 85px; top: 164px;}
.l-content .floor-3{background: url(../images/floor_03.png) no-repeat left center; width: 160px; height: 58px; position: absolute; right: 91px; top: 101px;}

.l-content .floor-0:hover,.l-content .floor-2:hover{transform: translateX(10px);}
.l-content .floor-1:hover{transform: translateX(-10px);}
.l-content .floor-3:hover{transform: translate3d(-10px,10px,0) ;}

/*  */
.l-content .contact{background:url(../images/img_17.jpg) no-repeat left center; height: 240px;}
.l-content .contact a{display: inline-block; margin: 135px 0 0 60px;}
.l-content .contact a img{transition: all .3s;}
.l-content .contact a:hover img{transform: scale(.95);}