/* 轮播 */
.lunbo .swiper-slide{position: relative;}
.banner_tu{width: 100%;}
.banner_zi{max-width: 840px;width: 90%;position: absolute;top: 20%;transform: translate(-50%);left: 50%;}
.jiantou_box{position: relative;overflow: initial;z-index: 11;}
.lunbo .swiper-button-prev{background-image: none;right: 70px;bottom: 15px;left: auto;top: auto;}
.lunbo .swiper-button-next{background-image: none;right: 20px;bottom: 15px;left: auto;top: auto;}
.lunbo .swiper-pagination-bullets{bottom: 15px;}
.lunbo .swiper-pagination-bullet{width: 15px;height: 15px;}
.lunbo .swiper-pagination-bullet-active{background-color: #fff;}
.lunbo .swiper-button-next, .swiper-button-prev{width: 44px;height: 27px;}

/* 新品发布 & 新闻资讯 */
.xinnew{padding: 50px 15px;}
.xinnew .w1520{overflow: initial;}
.xinnew::after{content: '';display: block;clear: both;}
.xinnew_title{border-bottom: 1px solid #A5A8AF;padding: 20px 0;margin-bottom: 25px;}
.xinnew_title span{line-height: 36px;font-size: 32px;font-weight: bold;color: #242B3D;}
.xinpin{width: 60%;float: left;}
.xinpin_li::after{content: '';display: block;clear: both;}
.xinpin_li_li{width: 32%;margin-right: 2%;float: left;box-shadow: 0 0 8px 2px #EBECF0;}
.xinpin_li_li:last-child{margin-right: 0;}
.xinpin_li_li > a > img{width: 100%;height: 210px;object-fit: cover;}
.xinpin_li_li_box{padding: 20px;}
.xinpin_li_li .xinpin_li_li_title{font-size: 20px;color: #242B3D;font-weight: bold;margin: 0 0 30px;}
.xinpin_li_li_xinhao{font-size: 14px;color: #242B3D;border-bottom: 1px solid #E5E5E5;position: relative;padding: 5px 0;display: block;}
.xinpin_li_li_xinhao span{width: 0;height: 1px;position: absolute;bottom: 0;left: 0;background-color: #242B3D;}
.xinpin_li_li_xinhao:hover span{width: 100%;}
.xinpin_li_li_box_gengduo{
    /*width: 140px;*/
    width: 100%;
    height: 40px;line-height: 40px;display: inline-block;font-size: 14px;color: #fff;background-color: #242B3D;
    /*margin-top: 30px;*/
    position: relative;overflow: hidden;}
.xinpin_li_li_box_gengduo img{display: inline-block;position: relative;top: -3px;}
.xinpin_li_li_box_gengduo div{z-index: 4;position: absolute;left: 20px;}
.xinpin_li_li_box_gengduo span{width: 0;height: 100%;left: -5%;position: absolute;background: #ff4655;z-index: 3;-webkit-transition: 0.3s ease-out all;transition: 0.3s ease-out all;-webkit-transform: skewX(-10deg);transform: skewX(-10deg);}
.xinpin_li_li_box_gengduo:hover span{width: 110%;}
.new{width: 35%;float: right;}
.new_li_tu{background-color: #242B3D;position: relative;margin-bottom: 15px;}
.new_li_tu img{height: 100%;margin: 0 auto;}
.new_li_tu p{width: 100%;;height: 50px;line-height: 50px;padding: 0 15px;position: absolute;bottom: 0;left: 0;background-color: rgb(255, 255, 255, .5);color: #242B3D;}
.new_li_tu:hover p{background-color: #242B3D;color: #fff;}
.new_li_list li{margin-bottom: 5px;}
.new_li_list li:last-child{margin-bottom: 0;}
.new_li_list li:hover a{color: #ff4655;}
.new_li_list a{width: calc(100% - 120px);font-size: 16px;color: #242B3D;display: inline-block;}
.new_li_list span{width: 100px;float: right;color: #242B3D;}
@media screen and (max-width: 950px) {
	.xinpin{width: 100%;}
	.new{width: 100%;}
}
@media screen and (max-width: 650px) {
	.xinpin_li_li{width: 100%;margin-bottom: 15px;}
}
@media screen and (max-width: 500px) {
	.xinnew{padding: 20px 15px;}
	.xinpin{width: 100%;}
	.xinnew_title span{font-size: 24px;line-height: 30px;}
	.xinnew_title{padding: 12px 0;}
	.new_li_tu{margin-bottom: 25px;}
	.xinnew_title{margin-bottom: 20px;}
	.new_li_list li{margin-bottom: 20px;}
}

/* 产品中心 */
.chanpin{background: url(../img/bac4.jpg) #F8F8F8 no-repeat center;}
.chanpin::after{content: '';display: block;clear: both;}
.com_title{position: relative;height: 220px;padding: 50px 0;}
.com_title div{z-index: 3;position: relative;top: 35px;}
.com_title_bg{height: 120px;font-size: 120px;position: absolute;left: 50%;transform: translate(-50%);z-index: 1;color: #DADADA;font-weight: bold;line-height: 120px;text-transform: uppercase;}
.com_title_xian{width: 80px;height: 4px;display: inline-block;background-color: #242B3D;}
.com_title_zi{font-size: 36px;color: #242B3D;font-weight: bold;margin-bottom: 10px;}
.chanpin_li{max-width: 1720px;width: 100%;float: right;margin-bottom: 90px;}
.chanpin_bg{width: 100%;}
.chanpin_bg_li{max-width: 1300px;width: 100%;background-color: #242B3D;padding-left: 150px;}
.chanpin_bg_top{padding: 45px 0;}
.chanpin_bg_top::after{content: '';display: block;clear: both;}
.chanpin_bg_top span{width: 400px;height: 40px;line-height: 40px;font-size: 40px;color: #fff;font-weight: bold;margin-right: 30px;float: left;}
.chanpin_bg_top_sousuo{width: calc(100% - 590px);display: inline-block;float: left;}
.chanpin_bg_top_sousuo input{width: calc(100% - 90px);height: 40px;float: left;padding: 0 20px;}
.chanpin_bg_top_sousuo input::placeholder{color: #959DBC;}
.chanpin_bg_top_sousuo button{width: 90px;height: 40px;line-height: 40px;background-color: #959DBC;color: #fff;border: none;font-size: 18px;}
.chanpin_bg_top .com_gengduo{width: 160px;line-height: 40px;color: #959DBC;display: inline-block;float: left;}
.chanpin_bg_nav::after{content: '';display: block;clear: both;}
.chanpin_bg_nav li{padding: 0 4%;height: 50px;line-height: 50px;float: left;font-size: 22px;color: #fff;font-weight: bold;cursor: pointer;}
.chanpin_bg_btn{background-color: #fff;color: #242B3D !important;box-shadow: 0 0 10px 3px inset #F8F7F6;}
.chanpin_bg_sw{margin-left: 150px;overflow: hidden;background-color: #fff;display: none;}
.chanpin_bg_sw .swiper-slide{width: 25%;}
.chanpin_li_list{padding: 0 35px 30px;}
.chanpin_li_list > img{width: 100%;padding: 70px 0;}
.chanpin_li_list p{font-size: 20px;color: #242B3D;font-weight: bold;margin-bottom: 10px;}
.chanpin_li_list a{color: #666666;}
@media screen and (max-width: 1100px) {
	.chanpin_bg_nav li{font-size: 18px;}
}
@media screen and (max-width: 950px) {
	.chanpin_bg_li{padding-left: 15px;padding-right: 15px;}
	.chanpin_bg_sw{margin-left: 15px;margin-right: 15px;}
}
@media screen and (max-width: 900px) {
	.chanpin_bg_top span{width: 100%;margin-bottom: 25px;margin-right: 0;}
	.chanpin_bg_top_sousuo{width: calc(100% - 160px);}
	.chanpin_bg_top_sousuo input{width: calc(100% - 90px);}
	.chanpin_li_list{padding: 0 15px 10px;}
}
@media screen and (max-width: 700px) {
	.com_title_bg{font-size: 80px;}
}
@media screen and (max-width: 500px) {
	.chanpin_bg_top_sousuo{width: 100%;margin-bottom: 10px;}
	.com_title_bg{font-size: 50px;}
	.com_title{padding: 30px 0;height: 170px;}
	.chanpin_bg_top{padding: 25px 0 15px;}
	.chanpin_bg_top span{font-size: 28px;margin-bottom: 15px;}
	.chanpin_bg_top .com_gengduo{text-align: left;}
}

/* 产品应用 */
.yingyong{background: url(../img/bac2.jpg) #CACBCE no-repeat;}
.yingyong .com_title_bg{color: #F1F1F1;}
.yingyong_p{max-width: 820px;width: 100%;margin: -50px auto 80px;font-size: 18px;color: #1F2233;letter-spacing: 2px;line-height: 32px;}
.yingyong_main{padding-bottom: 80px;}
.yingyong_main::after{content: '';display: block;clear: both;}
.yingyong_li_li{width: 15%;height: 260px;margin-right: 2%;float: left;background: url(../img/bac6.jpg) no-repeat;background-size: 100% 100%;padding: 50px 15px 0;cursor: pointer;}
.yingyong_li_li:last-child{margin-right: 0;}
.yingyong_li_li p{font-size: 26px;color: #333333;font-weight: bold;}
.yingyong_li_li > div{width: 40px;height: 4px;background-color: #263C92;margin: 20px auto 70px;}
.yingyong_main .com_gengduo{width: 100%;color: #666666;background-color: #fff;padding: 0 20px;}
.yingyong_li_li:hover{background: url(../img/bac3.jpg) no-repeat;background-size: 100% 100%;}
.yingyong_li_li:hover p{color: #fff;}
.yingyong_li_li:hover > div{background-color: #fff;}
.yingyong_li_li span{background-color: #1F2233;}
.yingyong_li_li:hover span{width: 110%;}
.yingyong_li_li:hover .xinpin_li_li_box_gengduo div{color: #fff;}
@media screen and (max-width: 1120px) {
	.yingyong_li_li{width: 32%;margin: 0 2% 2% 0;}
	.yingyong_li_li:nth-child(3n+3){margin-right: 0;}
}
@media screen and (max-width: 900px) {
	.yingyong .com_title_bg{font-size: 80px;}
}
@media screen and (max-width: 600px) {
	.yingyong .com_title_bg{font-size: 50px;}
	.yingyong_p{margin: -30px auto 20px;}
	.yingyong_main{padding-bottom: 50px;}
}
@media screen and (max-width: 550px) {
	.yingyong_li_li{width: 100%;margin-bottom: 15px;margin-right: 0;}
}





