/* product */
 .hq-product {position: relative;}
 .hq-product-list {width: 100%;margin: auto;overflow: hidden;text-align: center;font-size: 0;padding:1% 0 5% 0;}
 .product-item{position: relative;width:32.4%;margin:0 1.4% 1.4% 0;overflow: hidden;text-align: center;float: left;}
 .product-item.mr0 {margin:0 0 1.4% 0;}
 .product-item a{display: block;overflow: hidden;background: #fff;padding: 5%;}
 .product-item .item {overflow: hidden;background: #fff;padding: 5%;}
 .product-item .img{position: relative;overflow: hidden;}
 .product-item .img .enname {font-size:60px;text-transform: uppercase;position: absolute;overflow: hidden;left: 0;top: 10%;width: 100%;z-index: 3;color: #000;font-weight: bold;opacity: 0;}
 .product-item .txt{color: #b8b8b8;margin-top: 3rem;}
 .product-item .txt h3{font-size: 20px;text-transform: uppercase;padding-bottom: 15px;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
 .product-item .txt h4{font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;margin-top: 0rem;white-space: nowrap;text-overflow: ellipsis;display: block;}
 .product-item a:hover .img .enname{opacity: .1;z-index: 15;}
 .product-item a:hover .txt h3,.product-item a:hover .txt h4{color: #18397C;}
 .product-item .item-hover {position: absolute;display:block;z-index:1;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;background: rgba(0,0,0,.5);text-align: center;transition:all .4s ease;}
 .product-item .item-hover ul {display: table;width: 100%;height: 100%;}
 .product-item .item-hover ul li{display: table-cell;vertical-align: middle;}
 .product-item .item-hover a{color: #000;padding:7px 10px;display: inline-block;margin: 2%;}
 .product-item .item-hover a.v1{}
 .product-item .item-hover a span{font-size: 14px;display: inline-block;vertical-align: middle;margin-right: 10px;color: #cf001b;}
 .product-item .item-hover a i{background: url("../upload/vv1.png") no-repeat;width: 15px;height: 15px;display: inline-block;vertical-align: middle;}
 .product-item .item:hover .item-hover {display: block;z-index:30;opacity: 1;}
 .product-item.mb0 {margin-bottom: 0;}
 .img-center {
    display: block;
    width: auto;
    height: auto;
    /* position: absolute; */
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    margin: auto;
    transition: all 0.3s linear;
}
.product-item a:hover .img-center {
	transform: scale(1.1)
}
.img-block {
    display: block;
    width: 100%;
    height: auto;
}

.page {
	width: 100%;
	text-align: center;
}
.page-list {
	font-size: 0;
}
.page-list a {
	display: inline-block;
	vertical-align: top;
	padding: 0px 10px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	margin-bottom: 5px;
	margin-right: 15px;
	text-align: center;
	font-family: arial;
	font-size: 16px;
	color: #999999;
	background: #fff;
	background: #dfdfdf;
	/* border-radius: 50%; */
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.page-list a:last-child {
	margin-right: 0;
}

.page-list a .ic2 {
	display: none;
}

.page-list a:hover .ic1 {
	display: none;
}

.page-list a:hover .ic2 {
	display: block;
}

.page-list a.fyprev,
.page-list a.fynext{
	font-size: 0;
	padding: 0;
}
.page-list a.fyprev:hover,
.page-list a.fynext:hover{
	background: none;
}
.page-list a.fyprev img, .page-list a.fynext img{
	max-width: 100%;
}
.page-list a:hover,
.page-list a.on {
	color: #FFFFFF;
	border: none;
	background: #18397C;
}

/* detai */
.pro-head {
    background: #fff;
    padding: 30px;
}

.mySwiper-propay {
    width: 50%;
    float: left;
}

.mySwiper-propay .swiper-slide {
    cursor: url(../images/saf.cur),auto;
}

.mySwiper-propay .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.mySwiper-propay .swiper-pagination-bullet-active {
    background: #18397C;
}

.mySwiper-propay .swiper-button-black {
    background-size: 16px auto;
    opacity: .8;
}

.pro-head-r {
    width: 46%;
    float: right;
}

.pro-head-r h1 {
    font-size: 30px;
}

.pro-head-r .info {
    font-size: 14px;
    color: #18397C;
    padding-top: 15px;
}

.pro-head-r .note {
    margin-top: 15px;
    font-size: 16px;
    color: #666;
    line-height: 2;
    /* white-space: pre-wrap; */
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.pro-head-r .gobuy {
    margin-top: 30px;
}

.pro-head-r .gobuy a {
    display: inline-block;
    background: #18397C;
    color: #fff;
    padding: 10px 40px;
}

.pro-head-r .gobuy a img {
	margin-right: 5px;
}

.product-other {width: 100%;margin:4% auto 0 auto;overflow: hidden;}
.product-other .list3 {padding:2% 0 0;overflow: hidden;}

.titles h3 {
    font-size: 30px;
}

.titles h4 {
    font-size: 20px;
    text-transform: uppercase;
    opacity: .2;
    padding-top: 20px;
    margin-top: 0;
}

@media screen and (max-width:1024px) {
    .hq-product-list {
        padding: 0;
        margin-bottom: 2rem;
    }
    .product-item {
        width: 50%;
        padding: 0 1.4%;
        margin: 0;
        margin-bottom: 1rem;
    }
    .product-item.mr0 {
        margin: 0 0 1rem 0;
    }
    .page-list a{
		min-width: 45px;
	    height: 45px;
	    line-height: 45px;
	}
	.page-list a.fyprev,
	.page-list a.fynext{
		width: 45px;
	}

    /* detail */
    .pro-head {
        padding: 0;
        border-top: 1px solid #eee;
    }
    .mySwiper-propay {
        width: auto;
        float: none;
        background: #fff;
    }

    .pro-head-r {
        width: 100%;
        float: none;
        padding: 1.5rem;
    }
    .pro-head-r h1 {
        font-size: 18px;
    }

    .pro-head-r .info {
        font-size: 12px;
    }

    .pro-head-r .note {
        font-size: 12px;
    }

    .mySwiper-propay .swiper-button-black {
        background-size: 12px auto;
    }

    .pro-head-r .gobuy {
        margin-top: 10px;
    }

    .pro-head-r .gobuy a {
        font-size: 12px;
        padding: 5px 20px;
    }

	.pro-head-r .gobuy a img {
		width: 25px;
	}

    .titles h3 {
        font-size: 20px;
    }

    .titles h4 {
        font-size: 16px;
    }

    .product-other .list3 {
        margin: 0 -1.4%;
    }

    .product-other .product-item:last-child {
        display: none;
    }

    .product-item .img .enname {
        font-size: 24px;
    }

	.product-item .txt {
		margin-top: 1rem
	}

	.product-item .txt h3 {
		font-size: 18px;
	}
}

@media screen and (max-width: 768px) {
    .page-list a{
		min-width: 40px;
	    height: 40px;
	    line-height: 40px;
	}
	.page-list a.fyprev,
	.page-list a.fynext{
		width: 40px;
	}
	.product-item .txt h4 {
		margin-top: 0;
		margin-bottom: 0;
		font-size: 14px;
		-webkit-line-clamp: 1;
	}
}

@media screen and (max-width:540px) {
    .page-list a{
		min-width: 36px;
		height: 36px;
		line-height: 36px;
		margin-right: 10px;
	}
	.page-list a.fyprev, 
	.page-list a.fynext{
		width: 36px;
	}
}