.swiperJT{ position: absolute;top: 50%;line-height: 40px;margin-top: -20px;z-index: 3;font-size: 30px;cursor: pointer;color: #aaa;}
.swiper1-prev{ left: 245px;}
.swiper1-next{right: 25px;}
.banner .swiper-pagination{text-align: right;width: auto;right: 15px;}
.banner .swiper-pagination-bullet-active{background: #333;}
.banner img{display: block;width: 100%;}
.banner .swiper-slide{overflow: hidden;}

.width102{ width: 102%;}
.width101{ width: 101%;}
.width1015{ width: 101.5%;}
.flexfour .spec_banner{background:#a7a5b1;width:18.2%;height:auto;}
.flexfour .spec_banner ul{padding:2%;}
.flexfour .spec_banner a:hover{color:#fff;}
.flexfour dd{width: 25.9%;margin-right: 1%;margin-top: 1%;}
.flexfour11 dd{width: 24%;margin-right: 1%;margin-top: 1%;}
/* .flexfour ul{padding-left: 10px;} */
.flexfour li:before{
	top: 4px;
    left: 2px;
    width: 73px;
    height: 0.5px;
    position: absolute;
    content: "";
    background: #afaeb7;
}
.flexfour li:after{
	top: 0px;
    left: 0px;
    width: 0.5px;
    height: 84px;
    position: absolute;
    content: "";
    background: #afaeb7;
}
/* .flexfour ul li:first-child:before {
    display:none;
} */
.flexfour ul li:nth-child(1):before,li:nth-child(2):before,li:nth-child(3):before {
    display:none;
}
.flexfour ul li:nth-child(1):after,li:nth-child(4):after{
    display:none;
}

.flexfour li{
	position: relative;
	float: left;
	width: 32.3%;
	padding: 7% 0;
	/* border:1px solid #c7c6ce; */
}
.flexfour li a{display: block;padding-top: 5%;text-overflow: ellipsis;text-align:center;color: #ebebff;/* opacity: .8;  */font-size:12px;cursor: pointer; }
.flexfour li a:honver{color:#c9151e;}
.flexfour i{display: block;margin: 0 auto 2px;font-size: 20px;}
.flexfour dd>a{display: block;position: relative;color: #fff;}
.flexfour dd>a:before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.65);}
.flexfour dd .ct{position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;line-height: 1.2; text-align: center;/*padding:99px;*/}

.flexfour11 li a{display: block;padding-top: 5%;text-overflow: ellipsis;text-align:center;color: #fff;/* opacity: .8;  */font-size:12px;cursor: pointer; }
.flexfour11 li a:honver{color:#c9151e;}
.flexfour11 i{display: block;margin: 0 auto 2px;font-size: 17px;}
.flexfour11 dd>a{display: block;position: relative;color: #fff;}
.flexfour11 dd>a:before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.65);}
.flexfour11 dd .ct{position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;line-height: 1.2; text-align: center;/*padding:99px;*/}


.flexfour1 dd{width: 24%;margin-right: 1%;margin-top: 1%;}
.flexfour1 ul{padding-left: 10px;}
.flexfour1 li{position: relative;float: left;width: 23%;height:60px;padding: 5% 4%;}
.flexfour1 li a{display: block;padding-top: 5%;text-overflow: ellipsis;text-align:center;color: #fff;/* opacity: .8;  */font-size:12px;cursor: pointer; }
.flexfour1 i{display: block;margin: 0 auto 2px;font-size: 17px;}
.flexfour1 dd>a{display: block;position: relative;color: #fff;}
.flexfour1 dd>a:before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.65);}
.flexfour1 dd .ct{position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;line-height: 1.2; text-align: center;/*padding:99px;*/}


.flexfour2 ul{padding-left: 10px;}
.flexfour2 li a{display: block;text-overflow: ellipsis;text-align:center;color: #000;/* opacity: .8;  */cursor: pointer; }
.flexfour2 li a:hover{color:#c9151e;}
.flexfour2 i{display: block;margin: 0 auto 2px;font-size: 17px;}
.flexfour2 dd>a{display: block;position: relative;color: #fff;}
.flexfour2 dd>a:before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.65);}
.flexfour2 dd .ct{position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;line-height: 1.2; text-align: center;/*padding:99px;*/}




/* .flexfour dd .ct{position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;line-height: 1.2; text-align: center;background: rgba(0,0,0,.45);padding:10px;} */
.colorebca00{color:#ebca00}
.tuijianSwiper{ padding: 5px 0 0 0;margin-top: -5px;}
.tjArrow i{display: inline-block;vertical-align: top;line-height: 24px;width: 24px;text-align: center;border: 1px solid #aaa;color: #888;margin-left: 5px;cursor: pointer;}
.mainPages{background: #f5f5f5;}
.colorlogo{color: #ab1018;}
.fiveFlex dd{ width: 18.5%;margin: 0 1.5% 1.5% 0;background: #fff;}
.fiveFlex dd>a{display: block;text-align: center;padding: 5px 0 10px 0;position: relative;}
.fiveFlex dd:before{top: 0; position: absolute;left: 0;width: 0;content: '';height: 4px;background: #A20025;transition: .5s;}
.fiveFlex .lrPad{ padding: 0 15px;}
.imgSf img{width: 100%;}
.pdList{ padding-left: 18.5%;position: relative;}
.pdList dd{ width: 23.5%;margin-left: 1.5%;margin-bottom: 1.5%;background: #fff;}
.pdList dd>a{display: block;text-align: center;padding-bottom: 20px;}
.pdList dd .imgSf{ padding: 0;margin-bottom: 15px;}
.pdList dt{ position: absolute;left: 0;top: 0;bottom: 2.25%;width: 18.5%;}
.pdList dt>a{display: block;width: 100%;height: 100%;background-size: cover !important;}

.brick-list, .brick-promo-list {margin: 0; padding: 0;list-style-type: none;}
.pdList .brick-item {position: relative; z-index: 1; float: left; width: 100%; margin-bottom: 20px;background: #fff; -webkit-transition: all .2s linear;transition: all .2s linear;}
.brick-promo-list a {display: block;width: 100%; height: 100%;}
.brick-promo-list .brick-item-m img { height: 300px;}
.brick-promo-list img { width: 100%;}


.hengfu .logs{margin: 0 20px 10px 0;max-width: 60%;}
.sixPart{ position: relative;padding-top: 49%;}
.sixPart dd{ position: absolute;}
.sixPart dd>a{display: block;width: 100%;height: 100%;background-size: cover !important;position: relative;}
.sixPart dd>a:before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';background: rgba(0,0,0,.67);}
.sixPart .d1{left: 0;top: 0;width: 66.1%;height: 28.74%;}
.sixPart .d2{right: 0;top: 0;width: 33.33%;height: 64.45%;}
.sixPart .d3{left: 0;top: 29.76%;width: 32.5%;height: 34.76%;}
.sixPart .d4{left: 33.08%;top: 29.76%;width: 33%;height: 34.76%;}
.sixPart .d5{left: 0;bottom: 0;width: 32.5%;height: 34.52%;}
.sixPart .d6{right: 0;bottom: 0;left: 33.08%;height: 34.52%;}
.sixPart dd .txt{position: absolute;font-size: 15px; left: 0;right: 0;text-align: center;color: #fff;text-transform: uppercase;top: 50%;transform: translate(0,-50%);webkit-transform: translate(0,-50%);}
.sixPart dd .txt i{padding: 0 9px;position: relative;top: -1px;}
.hengfu img{width: 100%;display: block;}

a em{ color: #f73131;}

@media only screen and (min-width:1060px ) {
	.flexfour dd .ct,.flexfour dd>a:before,.fiveFlex dd,.pdList dd,.sixPart dd>a:before,.tjArrow i{transition: .5s;}
	.flexfour dd:hover>a:before,.flexfour dd:hover .ct{background: rgba(171,16,24,.65);}
	.headProduct:hover{right: 0;}
	
	.fiveFlex dd:hover:before{width: 100%;}
	.fiveFlex dd:hover{box-shadow: 0 0 25px -12px rgba(0,0,0,.5);transform: translate(0,-5px);-webkit-transform: translate(0,-5px);}
	.pdList dd:hover{box-shadow: 0 0 25px -12px rgba(0,0,0,.5);transform: translate(0,-2px);-webkit-transform: translate(0,-2px);}
	.pdList .brick-item:hover{box-shadow: 0 0 25px -12px rgba(0,0,0,.5);transform: translate(0,-2px);-webkit-transform: translate(0,-2px);}
	.hovers:hover .iconfont{color: #C9151E;}
	.sixPart dd>a:hover:before{background: #ab1018;}
	.tjArrow i:hover{border-color: #C9151E;color: #C9151E;}
}

@media only screen and (max-width:1060px ) {
	.swiper1-prev{ left: 2%;}
	.swiper1-next{right: 2%;}
	.zhiliang {font-size: 14px;}
	.flexfour dd{ width: 24%;margin: 1% 1% 0 0}
	.flexfour .spec_banner{background:#a7a5b1;width:24%;height:auto;}
	.flexfour li:before{top: 0px;left: 7px;width: 65px;height: 1px;position: absolute;content: "";background: #c7c6ce;}
	.flexfour li:after{top: 10px; left: 0px;width: 1px;height: 49px; position: absolute; content: "";  background: #c7c6ce;}	
	.flexfour li{position: relative;float: left;width: 33.3%;padding: 3% 0;}
}



@media only screen and (max-width:767px ) {
	.flexfour {margin-bottom: 2.5%;}
	.width101 {width: 101.5%;}
	.flexfour dd{ width: 48.5%;margin: 1.5% 1.5% 0 0}
	.flexfour .spec_banner{background:#a7a5b1;width:48.5%;height:auto;}
	.flexfour li:before{top: 0px;left: 15px;width: 65px;height: 1px;position: absolute;content: "";background: #c7c6ce;}
	.flexfour li:after{top: 10px; left: 2px;width: 1px;height: 54px; position: absolute; content: "";  background: #c7c6ce;}	
	.flexfour li{position: relative;float: left;width: 33.3%;padding: 4% 0;}
	.fiveFlex dd,.pdList dd{ width: 48.5%;}
	.fiveFlex dd:nth-child(5){display: none;}
	.pdList dt{display: none;}
	.pdList{position: relative;width: 101.5%;padding: 0;}
	.pdList dd{ margin: 0 1.5% 1.5% 0;}
	.flexfour dd .ct{line-height: 1.5;}
	.fiveFlex dd>a{ padding: 0 0 10px 0;}
	.pdList dd>a{ padding-bottom: 20px;}
	.shareApp>a{ font-size: 30px;}
	.sixPart dd .txt i,.sixPart dd .txt .en{display: none;}
	.sixPart{ padding-top: 68%;}
	.banner img{max-width: 120%;position: relative;width: 120%;left: -20%;}
	.swiperJT{font-size: 24px;display: none;}
	.banner .swiper-pagination{ left: 0;right: 0;text-align: center;bottom: 6px;}
	.hengfu{overflow: hidden;}
	.hengfu img{max-width: 150%;position: relative;width: 150%;}
}


@media only screen and (max-width:480px ) {
	.pdList dd .imgSf{ padding: 0;}
	.flexfour .spec_banner{background:#a7a5b1;width:48.5%;height:auto;}
	.flexfour li:before{top: 0px;left: 0px;width: 61.5px;height: 1px;position: absolute;content: "";background: #c7c6ce;}
	.flexfour li:after{top: 0px; left: .5px;width: 1px;height: 54px; position: absolute; content: "";  background: #c7c6ce;}	
	.flexfour li{position: relative;float: left;width: 33.3%;padding: 0 0;}
}