
.add_con{background: #f2f2f2;/* padding-bottom: 6%; */}
.add_tit{margin-top: 1.5%;}
.add_tit h3{font-size: 19px;color: #333;line-height: 30px;padding: 1% 0 0.5%;}
.rec_list li,.pl_con,.rec_con,.list_con li{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.clear{ clear: both; zoom: 1; }



.list_con{ margin-left: -1%; }
.list_con li{ width: 24%; overflow: hidden; display: block; float: left; margin-left: 1%; margin-bottom: 2%; margin-top: 1%; background: #fff; }
.list_con li:hover,.rec_con:hover{ box-shadow: 0 0 26px rgba(0,0,0,0.15); }
.rec_list{ width: 101%; margin-left: -0.5% !important; }
.rec_list .swiper-wrapper,.rec_list .swiper-slide,.pl_con .swiper-wrapper,.pl_con .swiper-slide{ height: auto !important; }
.rec_con{ background: #fff; margin: 4% 2.5% 7%; padding: 15% 0 7%; }
.rec_img{ width: 61%; margin: 0 auto; }
.rec_img img{width: 50%;}
.rec_tit,.rec_con p,.rec_con span{font-size: 15px;color: #333;line-height: 28px;text-align: center;overflow: hidden;display: block;}
.rec_tit{ padding-top: 7%; }
.rec_tit:hover{ color: #333; }
.rec_con p{ color: #e81320; }
.rec_arrow{ width: 34px; height: 22px; top: 50%; margin-top: -12px; font-family: '宋体'; font-weight: bold; font-size: 16px; color: #b0b0b0; line-height: 22px; text-align: center; border: 1px solid #e0e0e0; }
.rec_left{ right: 35px; }
.rec_right{ right: 0; }
.rec_arrow:hover{ color: #e81320; }
.add_con h2{padding: 2% 0;font-size: 28px;color: #333;line-height: 34px;text-align: center;font-weight: bold;}



.pl_list li{ padding: 3.2% 0 2%; }

.pl_main1 h3{ color: #ffac13; }
.pl_main2 h3{ color: #83c44e; }
.pl_main3 h3{ color: #e53935; }
.pl_main4 h3{ color: #2196f3; }

.pl_list h3{padding-bottom: 4%;font-size: 16px;line-height: 32px;text-align: center;font-weight: bold;}
.pl_tit{font-size: 20px;color: #333;line-height: 34px;text-align: center;}
.pl_pro{padding-top: 1%;padding-bottom: 3%;font-size: 14px;color: #505050;line-height: 26px;text-align: center;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pl_pri{padding-bottom: 6%;font-size: 14px;color: #d4d4d4;line-height: 26px;text-align: center;}
.pl_img{ height: 74px; }
.pl_img img{height: 104%;display: block;margin: 0 auto;}
.pl_tit:hover,.pl_pri:hover{color: #333;}
.pl_pro:hover{color: #333;}
.pl_con{ padding: 0 0 18%; }
.pl_con .swiper-slide div{ padding: 0 10%; }
.pl_con .pagination{ width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; }
.pl_con .swiper-pagination-switch{ width: 6px; height: 6px; border-radius: 50%; margin: 0 2%; background: #b0b0b0; border: 2px solid #fff; display: inline-block; _display: inline; *zoom: 1; }
.pl_con .swiper-pagination-switch.swiper-active-switch{ background: #fff; border-color: #e81320; }
.pl_con .arrow-left,.pl_con .arrow-right{ width: 20px; height: 48px; position: absolute; top: 50%; margin-top: -24px; }
.pl_con .arrow-left{ opacity: 0; left: 0; background: url("../images/pl_left.jpg"/*tpa=/images/pl_left.jpg*/) left top no-repeat; }
.pl_con .arrow-right{ opacity: 0; right: 0; background: url("../images/pl_right.jpg"/*tpa=/images/pl_right.jpg*/) left top no-repeat; }
.pl_con .arrow-left:hover{ background: url("../images/pl_left2.jpg"/*tpa=/images/pl_left2.jpg*/) left top no-repeat; }
.pl_con .arrow-right:hover{ background: url("../images/pl_right2.jpg"/*tpa=/images/pl_right2.jpg*/) left top no-repeat; }
.pl_list li:hover .arrow-left,.pl_list li:hover .arrow-right{ opacity: 1; }



.vid_list li{ background: #fff; }
.vid_img i{ width: 36px; height: 24px; position: absolute; left: 20px; bottom: 10px; background: url("../images/vid_icon.png"/*tpa=/images/vid_icon.png*/) left top no-repeat; }
.vid_img:hover i{ background: url("../images/vid_icon2.png"/*tpa=/images/vid_icon2.png*/) left top no-repeat; }
.vid_img img{ width: 100%; }
.vid_tit{font-size: 17px;color: #333;line-height: 30px;text-align: center;}
.vid_list p{font-size: 14px;color: #c5c5c5;line-height: 30px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.vid_list div{padding: 5% 4% 8%;}


.vid_img i{ transition: all 0.1s linear 0s; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; }
.vid_img i,.pl_con .swiper-pagination-switch,.pl_con .arrow-left,.pl_con .arrow-right{ transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.list_con li,.rec_con:hover{ transition: all 0.25s linear 0s; -webkit-transition: all 0.25s linear 0s; -moz-transition: all 0.25s linear 0s; -o-transition: all 0.25s linear 0s; }


@media screen and (max-width:1200px) {
	 .pl_img{ height: 64px; }
	 .add_tit h3{ font-size: 20px; }
	 .add_con h2{ font-size: 26px; }
}

@media screen and (max-width:758px) {
	.list_con{ margin-left: -4%; }
	.list_con li{ width: 46%; margin-left: 4%; margin-bottom: 4%; }
	.pl_img{ height: 54px; }
	.pl_list li{ }
	.add_tit h3{font-size: 14px;}
	.add_con h2{font-size: 16px;}
	.pl_tit,.vid_tit{ font-size: 16px; }
	.pl_pro,.vid_list p{ font-size: 14px; line-height: 22px; }
	.pl_con .swiper-pagination-switch{ width: 4px; height: 4px; margin: 0 1%; }
	.rec_list{ width: 104%; margin-left: -2% !important; }
	.rec_con{ margin: 0 4%; }
	.rec_main{ overflow: hidden; }
}


/**- 20180522 -**/
.nshow1{ position: relative; height: 520px; margin-top: 1%; }
.nshow2{ display: none; }
.nshow1 .swiper-container{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; }
.nshow1 .swiper-slide {
    -webkit-perspective: 100%;
    -moz-perspective: 100%;
    -ms-perspective: 100%;
    perspective: 100%;
    position: relative;
  }
.pic, .pic div{
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.pic{
    position: absolute;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    left: 50%;
    top: 0;
    margin-left: -600px;
    background-repeat: no-repeat !important;
    background-position: 100% !important;
}
.pic div{
    position: absolute;
    width: 200px;
    height: 200px;
}
.new-product{ margin-left: -1.6%; margin-top: 2%; }
.new-product a{ width: 48.4%; margin-left: 1.6%; transition: all 0s linear 0s; -webkit-transition: all 0s linear 0s; -moz-transition: all 0s linear 0s; -o-transition: all 0s linear 0s; }
.new-product img{ width: 100%; }
.new-banner .arrow-left,.new-banner .arrow-right{ width: 100px; height: 100px; z-index: 12; position: absolute; top: 50%; margin-top: -50px; }
.new-banner .arrow-left{ left: 50%; margin-left: -600px; background:url("../images/prev.png"/*tpa=/images/prev.png*/) center center no-repeat; background-size: 30% auto; }
.new-banner .arrow-right{right: 50%; margin-right: -600px; background:url("../images/next.png"/*tpa=/images/next.png*/) center center no-repeat; background-size: 30% auto; }

@media screen and (max-width:1200px) {
	.nshow1{ display: none; }
	.nshow2{ display: block; }
	.new-banner{ padding: 0 20px; box-sizing: border-box; }
	.new-banner img{ width: 100%; }
	.new-banner .arrow-left{ left: 2%; margin-left: 0; }
	.new-banner .arrow-right{ right: 2%; margin-right: 0; }
}

@media screen and (max-width:758px){
	.new-banner{padding: 0 15px;margin-top: 15px;}
	.new-banner .arrow-left,.new-banner .arrow-right{ width: 40px; height: 40px; margin-top: -20px; }
	.new-banner .arrow-left{ left: 15px; }
	.new-banner .arrow-right{ right: 15px; }
	.new-product{ margin-left: 0; }
	.new-product a{ width: 100%; margin-left: 0; margin-bottom: 2.2%; }

}