/* 泰诺健专题页面 2021.9.11 */
h1,h2,h3,h4,h5,p,li,ul,a{
    margin:0; padding: 0;
    list-style: none;
    text-decoration: none;
}
a:hover{
    -webkit-filter:brightness(1.3);
    -o-filter:brightness(1.3);
    -moz-filter:brightness(1.3);
    filter:brightness(1.3);
}
.container{
    width:1210px; 
    margin: 0 auto;
}
.header-banner{
    width:1920px; height: 678px;
    left:50%;
    position: relative;
    float:left;
    margin-left:-960px;
    background-image: url("../image/banner_header.jpg");
}
.header-banner-logo{
    width:220px; height: 59px;
    display: block;
    position: relative;
    margin:0 auto;
    margin-top: 328px;
    background-image: url("../image/banner_technogym_logo.png");
    z-index: 99;
}
.floor{
    width:1210px; min-height: 10px;
    margin:0 auto;
    margin-top:80px;
    float: left;
    position: relative;
}
/* 体验店 */
.shop-title{
    width:538px; height:78px;
    float: left;
    margin-left: 117px;
    background-image: url("../image/shop_floorTitle.png");
    position: relative;
}
.shop-image{
    width:976px; height:498px;
    margin:30px auto;
    float: left;
    background-image: url("../image/shop_shopImage.jpg");
    position: relative;
    margin-left: 117px;
}
.shop-description{
    float:left;
    position: relative;
    width:976px;
    line-height: 30px;
    font-size: larger;
    margin-left: 117px;
}
.shop-adress{
    float:left;
    position: relative;
    margin-top:10px;
    width:976px;
    line-height: 30px;
    font-size: larger;
    margin-left: 117px;
    font-weight: bold;
}
/* 导航 */
.nav{
    width:1210px;  height:108px;
    margin:0 auto;
    margin-top:70px;
    float: left;
    position: relative;
}
.nav-band{
    width:1920px; height:50px;
    margin-top: 29px;
    background-color: #F4E116;
    left:50%;
    position: relative;
    float:left;
    margin-left:-960px;
}
.nav-list{
    margin:0 auto;
    width:100%; height:108px;
    float:left;
    position:absolute;
    left:0; right:0;
    list-style: none;
    z-index: 10;
}
.nav-list>li{
    width:231px; height:108px;
    float:left;
    margin-left:13px;
}
.nav-list>li>a{
    display: block;
    width:100%; height:100%;
}
.nav-list>li:nth-child(1){
    background-image: url("../image/nav_logo.png");
    margin-left:0;
}
.nav-list>li:nth-child(2){
    background-image: url("../image/nav_cardio.png");
}
.nav-list>li:nth-child(3){
    background-image: url("../image/nav_strength.png");
}
.nav-list>li:nth-child(4){
    background-image: url("../image/nav_funciton.png");
}
.nav-list>li:nth-child(5){
    background-image: url("../image/nav_personal.png");
}
.nav-list>li:hover{
    -webkit-filter:brightness(1.5);
    -o-filter:brightness(1.5);
    -moz-filter:brightness(1.5);
    filter:brightness(1.5);
}

/* 热卖 */
.hotSale-title{
    width:69px; height:499px;
    float:left;
    /* position: absolute;
    left:0; top:0; */
    background-image: url("../image/hotSale_title.png")
}

.hotSale-top{
    width: 1000px;
    height: 280px;
    float:left;
    position: relative;
    margin-left:50px;
}
.hotSale-top>li{
    width:33%; height: 280px;
    float:left;
    text-align: center;
    border-right: 1px solid #eee;
}
.hotSale-top>li:nth-last-child(1){
    border:none;
}
.hotSale-top>li>a>p{
    font-size: medium;
    color:#333;
    margin-top:15px;
}
.hotSale-bottom{
    width: 1050px;
    height: 340px;
    float:left;
    position: relative;
    border-top:6px solid #FFEB3B;
    margin-left:50px;
}
.hotSale-bottom-left{
    width:330px;
    border-right:1px solid #eee;
    float:left;
    position: relative;
}
.hotSale-bottom-right{
    width: 710px; height: 143px;
    float:left;
    position: relative;
    margin-left:5px;    
    height:172px;

}
.hotSale-bottom-right>li{
    float:left;
    width:25%;
    text-align: center;
}
.hotSale-bottom-right:nth-child(2){
    border-bottom: 1px solid #eee;  
    margin-top: 15px;

}
/* 有氧 */
.floor>h2{
    margin:0 auto;
    position: relative;
    text-align: center;
    margin-top:60px;

}
.floor>h2>p{
    font-size:medium;
    font-weight: normal;
    margin-top:30px;
    line-height: 30px;
}
.series{  
    width:100%; min-height:100px;
    position:relative;
    float:left;
    margin-top: 83px;
}
.series>h2{
    width:100%; 
    display: block;
    float:left;
    position: relative;
}
.series-half-frame{
    width:210px; height:210px; 
    border-left:6px solid #F4E116;
    border-top:6px solid #F4E116;
    position: absolute;
    left:0; right:0;
}
.series-name{
    width:100%;
    margin-left: 29px;
    margin-top: 32px;
    float:left;
    font-size:21px;
    font-weight: normal;
}
.series-description{
    margin-left: 29px;
    margin-top: 16px;
    float:left;
    font-size:medium;
    font-weight: normal;
}

/* EXCITE系列 */
.excite{
    width:1210px; min-height:206px;
    float:left;
    position: relative;
}
.excite-left{
    width: 364px; height:446px;
    float:left;
    margin-top:77px; margin-left:24px;
    text-align: center;
    border-right:1px solid #eee;
    padding-right:50px;
}
.excite-left>a{
    width: 100%; height:100%;
    display: block;
    float:left;
}
.excite-left>a>p{
    font-size: medium;
    color:#333;
    margin-top:22px;
}
.excite-right{
    width:780px; height:445px;
    float:right;
    margin-right:-20px;
    margin-top:77px;
}
.excite-right>li{
    float:left;
    text-align: center;
    width:30%; height: 223px;
    position: relative;
}
.excite-right>li>a{
    display: block;
    width: 100%; height:223px;
    text-align: center;
}
.excite-right>li>a>p{
    color:#333;
    font-size:14px;
    margin-top:-5px;

}

/* forma series */
.forma-top{
    margin-top:97px; margin-left:65px;
    float:left;
    position: relative;
}
.forma-top-img{
    width: 349px; height: 379px;
    background-image: url("../image/cardio_forma_top_left1.png") ;
    float:left;
}
.forma-top-description{
    float:left;
    width:710px; 
    margin-left:70px;
    margin-top:45px;
}
.forma-top-description>h3{
    font-size:38px;
    font-weight:normal;
}
.forma-top-description>h3>label{
    width:176px; height: 38px;
    background-image: url("../image/cardio_forma_top_right1.png");
    float:left;
    margin-top:9px;
    margin-right:25px;
}
.forma-top-description>p{
    margin-top:56px;
}
.forma-spliteLine{
    width:1210px; height:1px;
    border-bottom: 1px dashed #ddd;
    float:left;
    margin:40px auto;
    margin-top:60px;
}
.forma-list{
    width:100%; 
    float:left;
    position: relative;

}
.forma-list>li{
    float:left;
    text-align: center;
    width:19.9%; height: 223px;
    position: relative;
}
.forma-list>li>a{
    display: block;
    width: 100%; height:223px;
    text-align: center;
}
.forma-list>li>a>p{
    color:#333;
    font-size:14px;
    margin-top:5px;

}
.floor-banner{
    width:1920px; height: 550px;
    left:50%;
    position: relative;
    float:left;
    margin-left:-960px;
    margin-top:100px;
    margin-bottom:100px;
}
.floor-banner>a{
    width:1920px; height: 550px;
    display: block;
    position: relative;
    float:left;
}
.floor-banner-artis{
    background-image: url("../image/cardio_artis_banner.jpg");
}

/* strength */
.strength{
    margin-top:-50px
}
ul.strength-series{
    width: 100%;
    float:left;
    position: relative;
    margin-top:40px;
}
ul.strength-series>li{
    float:left;
    width:20%;
    padding: 25px;
}
ul.strength-series>li>a{
    float:left;
    width:100%; height:100%;
    text-align: center;
    color:#333;
}
ul.strength-series>li>a>p{
    margin-top:10px;
    font-size:14px;
    text-align: left;
    line-height: 23px;
}
.strength-bottom{
    width:100%;
    float:left; position: relative;
}
.strength-bottom-left{
    display: block;
    width:236px;
    float:left; position: relative;
    text-align: center;
    color:#333;
    border-right:1px dashed #bbb;
    padding-right:30px;
}
.strength-bottom-left:nth-child(2){
    margin-left:30px;
}
ul.strength-bottom-right{
    float:left; position:relative;
    width:608px; height:138px;
    margin-left:30px;
}
.strength-bottom-right>li{
    width:32.8%;
    float:left;
}
.strength-bottom-right>li>a>img{
    width:125px;
}
/* SKILL SERIES */
.skill{
    width: 100%;
    float:left; position:relative;

}
.skill-right-image{
    float:right;
    margin-top:77px;
}
.skill-product{
    width: 781px;
    height: 476px;
    float:left; position:relative;
    margin-top: 77px; margin-left: 24px;
    
}
.skill-product>li{
    width:33%;
    float:left;
    border-right:1px dashed #bbb;
    border-bottom:1px dashed #bbb;
    text-align: center;
    padding-bottom: 20px;
}
.skill-product>li>a>p{
    margin-top:-10px;
    font-size:14px;
    color:#333;
}
.skill-product>li:nth-child(3){
    border-right:none;

}
.skill-product>li:nth-child(4){
    border-bottom:none;
    padding-top:20px;
    padding-bottom: 0;

}
.skill-product>li:nth-child(4)>a>p,.skill-product>li:nth-child(5)>a>p{
    margin-top:5px;
}
.skill-product>li:nth-child(5){
    border:none;
    margin-top:10px;
    width:66%;
    padding-bottom: 0;
}

/* OMNIA */
.float-left{
    float:left;
}
.float-right{
    float:right;
}
.omnia-floor{
    width:100%; float:left;
    position: relative;
    margin-left:31px; margin-top:77px;

}
.omnia-floor-img{
    width: 716px; height: 352px;
    background-image: url("../image/function_omnia_1.png");
}
.omnia-floor-description{
    width:462px; height:312px;
    margin-left:30px;
}
.omnia-floor-description>h3{
    font-size:25px;
    font-weight: normal;
    margin-top: 30px;
}

.omnia-floor-description>p{
    margin:30px 0;
    line-height: 30px;
}
.omnia-floor-description>a{
    color:#333;
    float:right;
    font-weight: bold;
    font-size:14px;
}
.omnia-floor-img2{
    width: 716px; height: 352px;
    background-image: url("../image/function_omnia_2.png");    
}
.omnia-floor-img3{
    width: 716px; height: 352px;
    background-image: url("../image/function_omnia_3.png");    
}

/* personal */
.floor-banner-personal{
    background-image: url("../image/personal_title.png") ;
    height:519px;
}
.personal-kinesis{
    display: block;
    width:1210px; height: 276px;
    float:left;
    background-image: url("../image/personal_kinesis.png");
    margin-top: -20px;
}
.personal-list{
    margin-top:-10px;
}
.personal-list>li>a>p{
    margin-top:-20px;
}
.personal>.forma-spliteLine{
    margin-top:80px;
}