/*bannerk开始*/
.banner{
    width: 100%;
    height: 678px;
    position: relative;
}
.banner .imgList{
    width: 100%;
    height: 678px;
    position: relative;
    max-width: 1920px;
    overflow: hidden;
    margin: 0 auto;
}
.banner .imgList li{
    float: left;
    width: 100%;
    height: 678px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.banner .imgList li a{
    width: 100%;
    height: 678px;
    position: absolute;
    background-size:cover !important ;
}
.banner .btnList{
    width: 466px;
    height: 74px;
    position: absolute;
    left: 50%;
    margin-left: -233px;
    bottom: 20px;
}
.banner .btnList li{
    width: 74px;
    height: 74px;
    float: left;
    margin-right: 20px;
    cursor: pointer;
    margin-right: 24px;
    overflow: hidden;
}
.banner .btnList li {
    display: block;
    position: relative;
}
.banner .btnList li  img{
    position: absolute;
    top: 0;
    left: 0;
}.banner .btnList li.current  img{
     top: -74px;
     left: 0;
     position: absolute;
 }

.leftBtn,.rightBtn{
    width: 70px;
    height: 121px;
    position: absolute;
    top: 50%;
    margin-top: -60px;
    background: url(../../images/ftgw/leftBtn.png) no-repeat;
    cursor: pointer;
    display: none;
}
.leftBtn{
    left: 35px;
}
.rightBtn{
    right: 35px;
    background: url(../../images/ftgw/rightBtn.png) no-repeat;
}
.banner:hover .leftBtn,.banner:hover .rightBtn{
    display: block;
}
/*product开始*/
.product .container{
    padding-top: 50px;
}
.product .nav{
    height: 84px;
    width: 1028px;
    margin: 0 auto;
}
.product .nav li{
    float: left;
    width: 257px;
}
.product .nav li a{
    display: block;
    width: 200px;
    height: 60px;
    background: #efefef;
    position: relative;
    color:#333;
}
.product .nav li a i{
    width: 21px;
    display: block;
    height: 60px;
   
    margin-left: 55px;
    float: left;
}
.product .nav li.current a,.product .nav li:hover a{
    background: #d80935;
}
.product .nav li.current a b,.product .nav li:hover a b{
    color:#fff;
}

.product .nav li a b{
    display:block;
    height: 60px;
    line-height: 60px;
    float: left;
}
.product .nav li a em{
    position: absolute;
    width: 21px;
    height: 10px;
    left: 50%;
    margin-left: -10.5px;
    bottom: -10px;
    background: red;
    display: none;
}
.product .shop{

}
.product .shop ul{


}
.product .shop ul li{
    float: left;
}
.product .shop ul li a{
    display: block;
    background: #efefef;
    width: 390px;
    height: 320px;
    text-align: center;
    position: relative;
    color: #333;
}
.product .shop ul li a i{
    position: absolute;
    left: 5px;
    top: 0px;
   
    width: 67px;
    height: 67px;
}
.product .shop ul li a img{
    margin-top: 5px;
}
.product .shop ul li a h3{
    height: 32px;
    line-height: 32px;
    font-size: 18px;
}
.product .shop ul li a p{
    font-size: 14px;
    padding: 5px 20px;
    text-align: left;
    color:#666;
}





.ft-wrap {
    width: 100%;
    overflow: hidden;
}
.h-mTop67 {
    margin-top: 67px;
}
.ft-wrap .ft-inner {
    width: 1200px;
    margin: 50px auto 0;
}
.ft-wrap .ft-inner .ft-box .ft-nav ul {
    text-align: center;
}
.ft-wrap .ft-inner .ft-box .ft-nav ul li {
    display: inline-block;
    width: 209px;
    height: 57px;
    line-height: 57px;
    margin: 0 2px;
    border-radius: 4px;
}
li {
    list-style: outside none none;
}
.ft-wrap .ft-inner .ft-box .ft-nav ul li.all a.active, .ft-wrap .ft-inner .ft-box .ft-nav ul li.hot a.active, .ft-wrap .ft-inner .ft-box .ft-nav ul li.new a.active, .ft-wrap .ft-inner .ft-box .ft-nav ul li.test a.active {
    background: #d80935;
    color: #fff;
}
.ft-wrap .ft-inner .ft-box .ft-nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    background: #F1F1F1;
    font-size: 16px;
    color: #636363;
    position: relative;
}
.ft-wrap .ft-inner .ft-box .ft-nav ul li.all a.active i {
    height: 13px;

}
.ft-wrap .ft-inner .ft-box .ft-nav ul li.all a i {
    height: 13px;
}
.ft-wrap .ft-inner .ft-box .ft-nav ul li a i {
    display: inline-block;
    width: 13px;
    height: 14px;
    margin-top: -2px;
    vertical-align: middle;
}
.ft-wrap .ft-inner .ft-box .ft-con .item  .ft-more a i {
    position: absolute;
    left: 5px;
    top: 0px;
    width: 67px;
    height: 67px;
}
.ft-wrap .ft-inner .ft-box .ft-nav ul li.hot a i {
    background: url(../../images/ftgw/pn-ico-hot.png) no-repeat;
}
.ft-wrap .ft-inner .ft-box .ft-nav ul li.new a i {
    background: url(../../images/ftgw/pn-ico-new.png) no-repeat;
}
.ft-wrap .ft-inner .ft-box .ft-nav ul li.test a i {
    background: url(../../images/ftgw/pn-ico-test.png) no-repeat;
}
.ft-wrap .ft-inner .ft-box .ft-nav ul li.all a.active i {
    height: 13px;
    background: url(../../images/ftgw/pn-ico-allon.png) no-repeat;
}
.ft-wrap .ft-inner .ft-box .ft-nav ul li.all a i {
    height: 13px;
    background: url(../../images/ftgw/pn-ico-all.png) no-repeat;
}
.ft-wrap .ft-inner .ft-box .ft-nav ul li a i {
    /* display: inline-block; */
    width: 13px;
    height: 14px;
    margin-top: -2px;
    vertical-align: middle;
}

.ft-wrap .ft-inner .ft-box .ft-con .ft-list .item a .hover{
    width: 372px;
    height: 223px;
    position: absolute;
    left: 5px;
    top: 5px;
    opacity: 0;
    background: rgba(235,0,59,.9);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 10;
}
.ft-wrap .ft-inner .ft-box .ft-con .ft-list .item a:hover .hover{
    opacity: 0.8;
}
.ft-wrap .ft-inner .ft-box .ft-con .ft-list .item a .hover .ft-ewm{
    float: left;
    width: 164px;
    margin-left: 0px;
    opacity: 0;
    margin-top: 38px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.ft-wrap .ft-inner .ft-box .ft-con .ft-list .item a:hover .hover .ft-ewm{
    margin-left: 22px;
    opacity: 1;
}
.ft-wrap .ft-inner .ft-box .ft-con .ft-list .item a .hover .ft-ewm img{
    display: block;
    width: 125px;
    height: 125px;
    margin: 0 auto;
}
.ft-wrap .ft-inner .ft-box .ft-con .ft-list .item a .hover .ft-ewm p{
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-top: 10px;
}
.ft-wrap .ft-inner .ft-box .ft-con .ft-list .item a .hover .ft-more{
    width: 144px;
    height: 36px;
    float: right;
    margin-top: 82px;
    border: 1px solid #fff;
    border-radius: 19px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    margin-right: 0;
    opacity: 0;
}
.ft-wrap .ft-inner .ft-box .ft-con .ft-list .item a:hover .hover .ft-more{
    margin-right: 32px;
    opacity: 1;
}
.ft-wrap .ft-inner .ft-box .ft-con .ft-list .item a .hover .ft-more i{
    width: 14px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    background: url(../../images/ftgw/pn-ico-jt.png) no-repeat;
}
.ft-wrap .ft-inner .ft-box .ft-con .hot a i {
    background: url(../../images/ftgw/pn-li-hot.png) no-repeat;
}
.ft-wrap .ft-inner .ft-box .ft-con .new a i {
    background: url(../../images/ftgw/pn-li-new.png) no-repeat;
}
.ft-wrap .ft-inner .ft-box .ft-con .test a i {
    background: url(../../images/ftgw/pn-li-test.png) no-repeat;
}

.ft-wrap .ft-inner .ft-box .ft-nav ul li.hot a i {
    background: url(../../images/ftgw/pn-ico-hot.png) no-repeat;
}
.ft-wrap .ft-inner .ft-box .ft-nav ul li.new a i {
    background: url(../../images/ftgw/pn-ico-new.png) no-repeat;
}
.ft-wrap .ft-inner .ft-box .ft-nav ul li.test a i {
    background: url(../../images/ftgw/pn-ico-test.png) no-repeat;
}
.ft-wrap .ft-inner .ft-box .ft-nav ul li.all a.active i {
    height: 13px;
    background: url(../../images/ftgw/pn-ico-allon.png) no-repeat;
}
.ft-wrap .ft-inner .ft-box .ft-nav ul li.all a i {
    height: 13px;
    background: url(../../images/ftgw/pn-ico-all.png) no-repeat;
}
i, em {
    font-style: normal;
}
.ft-wrap .ft-inner .ft-box .ft-nav ul li a span {
    display: inline-block;
}
.ft-wrap .ft-inner .ft-box .ft-nav ul li a.active em {
    display: block;
}
.ft-wrap .ft-inner .ft-box .ft-nav ul li a em {
    display: none;
    width: 21px;
    height: 10px;
    position: absolute;
    left: 50%;
    margin-left: -10.5px;
    bottom: -10px;

}


.ft-wrap .ft-inner .ft-box .ft-con .ft-list {
    width: 1200px;
    margin: 20px 0;
    overflow: hidden;
}
.ft-wrap .ft-inner .ft-box .ft-con .ft-list .item {
    width: 382px;
    height: 315px;
    overflow: hidden;
    background: #F5F6F3;
    float: left;
    margin: 8px 9px;
}
.ft-wrap .ft-inner .ft-box .ft-con .ft-list .item a {
    width: 382px;
    height: 228px;
    display: block;
    overflow: hidden;
    position: relative;

}
.ft-wrap .ft-inner .ft-box .ft-con .ft-list .item a .hover {
    width: 372px;
    height: 223px;
    position: absolute;
    left: 5px;
    top: 5px;
    opacity: 0;
    background: rgba(235,0,59,.9);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 10;
}

.ft-wrap .ft-inner .ft-box .ft-con .ft-list .item a .icon {
    width: 67px;
    height: 67px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;

}
.ft-wrap .ft-inner .ft-box .ft-con .ft-list .item a img {
    display: block;
    width: 372px;
    height: 223px;
    
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	text-align: center;
	margin: auto;
}
img {
    border-style: none;
    vertical-align: top;
    max-width: 100%;
    height: auto;
}
.ft-wrap .ft-inner .ft-box .ft-con .ft-list .item figcaption {
    width: 382px;
    height: 87px;
    display: block;
    overflow: hidden;
  
}
.ft-wrap .ft-inner .ft-box .ft-con .ft-list .item figcaption h3 {
    width: 362px;
    margin: 0 auto;
    font-size: 18px;
    color: #000;
    padding: 0 5px;
    line-height: 1.8;
    text-align: center;
    font-weight: normal;
}
.ft-wrap .ft-inner .ft-box .ft-con .ft-list .item figcaption h6 {
    width: 362px;
    margin: 0 auto;
    font-size: 14px;
    color: #6e6d6d;
    padding: 0 5px;
    font-weight: normal;
}