.wrap1{ overflow: hidden;}
.wrap1-1{ width: 100%; padding-top:50px;}
.wrap1-1 a{ width: 25%; padding: 20px; background: #f3f3f3; float:left;}
.wrap1-1 a:first-child{ border-top: none;}
.wrap1-1 h4{ font-size: 14px; line-height: 1; padding-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wrap1-1 .little{line-height: 20px; font-size: 12px; color: #999999; overflow: hidden;}

.wrap1-2{ width: 100%; vertical-align: top; overflow: hidden; position: relative;}
.swiper1{ width: 100%; height: 100%; position: relative; left: 50%; margin-left: -629px;}
.swiper1 .swiper-slide{ width: 100%; height: 100%; position: relative;}
.swiper1 .swiper-slide img{
	width:100%;}
.swiper-page{ height: 10px; line-height: 1; position: absolute; right: 20px; bottom: 20px;}
.swiper-pagination-switch{ width: 10px; height: 10px; display: inline-block; margin-left: 5px; background: #97999e; position: relative; z-index: 5; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius:100%;}
.swiper-active-switch{  background: #e60012;}

.wrap2{ padding: 70px 0 100px;}

.Xtitle{ text-align: center;}
.Xtitle .titleImg img{ height: 100%;}
.Xtitle .little{ color: #666666; padding-top: 20px;font-size:1.666rem;}

.pic-box1{ width: 100%; max-width: 1308px; padding: 18px 10px 0; margin: 0 auto;}
.pic-box1 .list{ width: 22.515%; display: block; float: left; margin: 2.484% 1.242% 0;}
.pic-box1 img{ width: 100%;}
.pic-box1 .txt-box{ background: #f8f8f8; padding: 20px;}
.pic-box1 .title{ font-size: 1.666rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pic-box1 .text{ height: 6rem; line-height: 2; box-sizing: initial; padding-top: 10px; color: #666666; overflow: hidden;}
.pic-box1 .bot{ color: #e60012; padding-top: 20px;}

.tab-box1{ width: 100%; max-width: 1264px; margin: 0 auto; text-align: center; padding-top: 35px;}
.tab-pane1 .list{ width: 100px; height: 36px; line-height: 36px; display: inline-block; font-size: 1.166rem; font-weight: bold; cursor: pointer;}
.tab-pane1 .current{ background: #e60012; color: #FFFFFF;}
.tab-content1{ padding-top: 30px; margin: 0 auto; max-width: 948px;}
.tab-content1 .list{ display: none;}
.tab-content1 .list:first-child{ display: block;}
.tab-content1 a{ display: inline-block; border: 1px solid #DDDDDD; margin: 9px;}

.product-1{ padding-top: 45px;}
.product-1-fl{ width: 705px; box-sizing: border-box; background: #FFFFFF; float: left;}
.product-1-fl .pic{ width: 320px; display: table-cell; overflow: hidden;}
.product-1-fl .pic img{ width: 100%;}
.product-1-fl .txtBox{ padding: 35px; display: table-cell; vertical-align: top;}
.product-1-fl .txtBox .hot{ width: 52px; height: 24px; line-height: 24px; text-align: center; font-size: 13px; color: #e60012; display: inline-block; margin-bottom: 15px; border: 1px solid #e60012; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius:24px;}
.product-1-fl .txtBox h3{ height: 5.833rem; font-size: 2rem; line-height: 2.9166rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product-1-fl .txtBox .time{ color: #CCCCCC; padding-top: 5px;}
.product-1-fl .txtBox .text{ height: 8rem; line-height: 2; padding-top: 20px; box-sizing: initial; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.product-1-fl .txtBox .bot{ padding-top: 50px; color: #e60012;}
.product-1-fr{ width: 470px; float: right;}
.product-1-fr .list{ display: block; margin-bottom: 30px;}
.product-1-fr .pic{ width: 150px; height: 110px; overflow: hidden;}
.product-1-fr .pic img{ width: 100%;}
.product-1-fr .txtBox{ width: 320px; padding-left: 20px; box-sizing: border-box;}
.product-1-fr .txtBox h3{ font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.product-1-fr .txtBox .text{ height: 40px; box-sizing: initial; color: #666666; line-height: 20px; padding-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product-1-fr .txtBox .time{ color: #CCCCCC; padding-top: 15px;}
.news_more{
	padding-top:30px;
	text-align:center;}
.news_more a{
	display:inline-block;
	width:158px;
	height:38px;
	line-height:38px;
	border:1px solid #ddd;}
.pic-box2 .box .list{ max-width: 312px; height:230px;}
@media screen and (max-width: 1200px){
	.product-1{}
	.product-1-fl{ float: none; margin: 0 auto;}
	.product-1-fr{ width: 705px; float: none; margin: 30px auto 0;}
	.product-1-fr .txtBox{ width: 535px;}
	.product-1-fr .list{background: #FFFFFF;}
	.product-1-fr .txtBox .time{ padding-top: 9px;}
}
@media screen and (max-width: 768px){
	.wrap1-1{ display: none;}
	.wrap1-2{ width: 100%; display: block;}
	.swiper1{ width: 100%; height: auto; position: relative; left: 0; margin-left: 0;}
	.swiper1 img{ width: 100%;}
	.wrap2{ padding: 35px 10px 50px;}
	.product-1-fl{ width: 100%;}
	.product-1-fr{ width: 100%;}
	.product-1-fr .txtBox{ width: 450px;}
}
@media screen and (max-width: 654px){
	.pic-box1{ padding-top: 25px;}
	.pic-box1 .list{ width: 45.03%; margin: 4.968% 2.484% 0;}
	.product-1-fl .pic{ width: 200px;}
	.product-1-fl .txtBox{ padding: 10px; position: relative;}
	.product-1-fl .txtBox h3{ font-size: 1rem; height: 1.5rem; line-height: 1.5rem; font-weight: bold; -webkit-line-clamp: 1;}
	.product-1-fl .txtBox .text{ padding-top: 10px; height: 4.5rem; -webkit-line-clamp: 3; line-height: 1.5rem;}
	.product-1-fl .txtBox .bot{ padding-top: 0; position: absolute; left: 10px; bottom: 10px;}
	.product-1-fr .txtBox{ width: 270px;}
}
@media screen and (max-width: 450px){
	.Xtitle .titleImg{ height: 40px;}
	.pic-box1{ width: 100%; max-width: 290px; padding: 0;}
	.pic-box1 .title{ font-size: 1.3rem;}
	.pic-box1 .txt-box{ padding: 10px;}
	.pic-box1 .list{ width: 100%; margin: 15px 0 0;}
	.product-1{ padding-top: 25px;}
	.product-1-fl .pic{ display: block;}
	.product-1-fl .txtBox{ display: block;}
	.product-1-fl .txtBox .bot{ position: relative; left: auto; bottom: auto; padding-top: 15px;}
	.product-1-fr .txtBox{ width: 100%; padding:10px 0 0;}
}
@media screen and (max-width: 340px){
	.tab-content1 a{ margin: 5px;}
}