@charset "utf-8";
/* CSS Document */

.fl{float: left;}
.fr{float: right;}
.Conter{width: 94%;margin: 0 auto; padding-top: 0.41rem;}

@font-face{
    font-family: 'QUEEN';
    src : url('../fonts/agencyr.ttf');
}

/* Title */
.Title{text-align: center;padding: .781rem 0 .469rem;}
.Title h2{font-size: .45rem;color: #333;font-weight: normal;}
.Title h3{font-size: .469rem;font-weight: normal;color: #333;padding-top: .17rem;text-transform: uppercase;}
.Title p{text-transform: uppercase;font-size: .109rem;color: #666;-webkit-transform: scale(.54,0.74);font-family: "QUEEN";}

.Title02 h2,.Title02 h3{color: #fff;}

.Title em{font-size: .25rem;color: #666;text-align: center;line-height: .5rem;margin-top: 0.25rem;display: block;}
/* Title End */

/* Banner */
.banner{width: 100%;position: relative;}
.banner img{width: 100%;display: block;}
/* Banner End */

/* Brand */
.Brand{background: url(../images/brandbg.jpg) no-repeat top / cover;padding-bottom: .859rem;}

.BrandTop{background: url(../images/brand05.png) no-repeat top;height: 4.1rem;background-size: 100%;margin-top: .469rem;}
.BrandTop a{display: block;width: 2.344rem;height: .469rem;margin: 0 auto;padding-top: 1rem;}
.BrandTop a img{display: block;width: 100%;}
.BrandTop p{font-size: .313rem;color: #fff;text-align: center;line-height: .5rem;padding-top: .75rem;}
.BrandTop p.p01{padding-top: .6rem;}

.BrandBot{padding-top: .2rem;}
.BrandBot ul li{float: left;width: 50%;border-left: 1px #8c8b8b dotted;box-sizing: border-box;text-align: center;margin-top: .625rem;height: 2rem;}
.BrandBot ul li:nth-child(2n+1){border-left: none;}
.BrandBot ul li span{display: block;width: .9rem;height: .9rem;margin: 0 auto;padding: .15rem 0;}
.BrandBot ul li span img{display: block;width: 100%;}
.BrandBot ul li h3{font-size: .42rem;color: #333;font-weight: normal;}
.BrandBot ul li p{font-size: .32rem;color: #333;padding-top: .15rem;}
/* Brand End */

/* Product */
.Product{background: url(../images/productreviewsbg.jpg) center;padding-bottom: 1.406rem;}

.ProductTop{margin-top: .156rem;/*background-color: #fff;padding: .3rem;*/}
.ProductImg{margin: 0 auto;position: relative;}
.ProductImg ul li{float: left;}
.ProductImg ul li>a{display: block;padding:.3rem;background:#fff;}
.ProductImg ul li a img{display: block;width: 100%;}


.ProductBox{text-align: center;height: .703rem;line-height: .703rem;background: rgba(0,0,0,0.5);position: absolute;    top: 6.6rem;width: 93.5%;left: 0;margin-left: 3.2%;}
.ProductBox span{width: .156rem;height: .156rem;background-color: #fff;border-radius: 50%;display: inline-block;margin-left: .1rem;}
.ProductBox span:first-child{margin-left: 0;}
.ProductBox span.on{background-color: #dcbc83;}

.ProductBot{padding:0 .3rem;padding-top: .469rem;text-align: center;;}
.ProductBot h3{font-weight: normal;}
.ProductBot h3 a{font-size: .375rem;color: #fff;}
.ProductBot p{font-size: .219rem;color: #fff;line-height: .5rem;padding-top: .313rem;}
/* Product End */

/* Strength */
.Strength{background: url(../images/strengthbg.jpg) no-repeat center / cover;height: 11.578rem;}

.StrengthCon{width: 6rem;}
.StrengthCon ul li{text-align: right;margin-top: .5rem;}
.StrengthCon ul li:first-child{margin-top: 0;}
.StrengthCon ul li h3{font-size: .45rem;color: #000;font-weight: normal;}
.StrengthCon ul li h3 i{width: .156rem;height: 1px;background-color: #333;display: inline-block;vertical-align: middle;margin-left: .4rem;}
.StrengthCon ul li p{font-size: .25rem;color: #000;margin-top: .1rem;line-height:  .5rem;}
/* Strength End */

/* Training */
.TrainingCon span{display: block;}
.TrainingCon span img{width: 100%;display: block;}
.TrainingBox{margin-top: .625rem;position: relative;}
.TrainingBox a{display: inline-block;width: 2.8rem;height: .8rem;border:1px #666 solid;text-indent: .2rem;background: url(../images/training.png) no-repeat 1.9rem / 27%;line-height:  .8rem;vertical-align:  middle;font-size: .25rem;color: #666;}
.TrainingText{width: 6.3rem;height: 3.5rem;background-color: rgba(69,66,81,.9);position: absolute;top: -2.65rem;right: 0;}
.TrainingText p{font-size: .25rem;color: #fff;line-height: .5rem;text-indent: .2rem;}
.TrainingText p.p1{padding-top: .5rem;}
/* TrainingCon End */

/* Mode */
.Mode{background: url(../images/modebg.jpg) center;padding-bottom: 1.3rem;margin-top: .859rem;}

.ModeCon ul li{float: left;width: 48%;margin-left: 2%;height: 6.5rem;background-color: #fff;margin-bottom: 2%;}
.ModeCon ul li.li02,.ModeCon ul li.li04{top: .547rem;position: relative;}
.ModeCon ul li span{display: block;}
.ModeCon ul li span img{width: 100%;display: block;}
.ModeCon ul li:nth-child(2n+1){margin-left: 0;}
.ModeCon ul li h3{font-size: .375rem;color: #333;font-weight: normal;padding: .469rem .4rem 0;}
.ModeCon ul li p{font-size: .281rem;color: #666;line-height: .45rem;margin-top: .156rem;padding: 0 .4rem;}
/* Mode End */

/* Times */
.Times{background: url(../images/productreviewsbg.jpg) center;padding: .4rem 0 .859rem;border-bottom: .234rem #ececec solid;position: relative;}

.TimesBox{background-color: #fff;padding-bottom: 1rem;}

.TimesText{width: 35%;background: url(../images/phone.png) no-repeat left;background-size: 20%;padding-left: 1rem;margin: .5rem 1.8rem 0;}
.TimesText h3{font-size: .391rem;color: #fff;font-weight: normal;}
.TimesText h3 a{font-size: .391rem;color: #fff;font-weight: normal;}
.TimesText h3 em{display: block;margin-bottom: .1rem;}

.Times span{display: block;width: 3.141rem;height: 3.094rem;position: absolute;bottom: 6%;right: 5%;}
.Times span img{display: block;width: 100%;}

.TimesBox ul li{width: 7.55rem;height: .859rem;border:1px #ddd solid;margin: 0 auto .2rem;line-height: .859rem;/* padding: .2rem; */text-indent: .3rem;}
.TimesBox ul li.li01{background: url(../images/name.jpg) no-repeat right / 20%;}
.TimesBox ul li.li02{background: url(../images/phone02.jpg) no-repeat right / 20%;}
.TimesBox ul li input{border: none;outline: none;height: 0.6rem;line-height: 0.6rem;}
.TimesBox ul li textarea{resize: none;border: none;outline: none;width:  7rem;height: 1.7rem;}
.TimesBox .submin{width: 8rem;height: .859rem;background-color: #363636;display: block;text-align: center;line-height: .859rem;color: #fff;margin: 0 auto;}
.TimesBox ul li.li03{height: 2rem;padding-top: .2rem;}
/* Times End */