/* ==========================================================================
   Index Page
   ========================================================================== */
.ibanner{ height:736px;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:auto 100%;text-align: center;font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}

.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-button-prev{ left:5%;}
.ibanner .swiper-button-next{ right:5%;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:0; bottom:0; margin:auto 0; background:rgb(0,0,0,0.6); width:60px; height:60px; line-height:60px; text-align:center;border-radius: 50%;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#fff; font-size:4rem;font-style: normal;}
.ibanner .ban-img{ position:absolute; width:100%; height:100%; left:0; top:0;}
.ibanner .swiper-button-prev.swiper-button-disabled,.ibanner .swiper-button-next.swiper-button-disabled{ background:rgb(0,0,0,0.4);}
/*.ibanner .swiper-slide-active .ban-img{animation: zoomIn2 8s forwards;}*/


/*产品展示*/
.sect_pro {padding: 3rem 0;overflow: hidden;position: relative;}
.cplist {padding:0;position: relative;}
.cplist  .swiper-container {padding: 20px 0 0;overflow: hidden;}
.porimg{border: none;width: auto; position: relative;margin-bottom: 15px;}
.porimg a{ display: block;padding: 10px;}
.porimg .icon{ border:none; overflow: hidden;transition:all 0.5s; background: #efefef;position: relative;box-shadow: 0 0 5px 0px #efefef;}
.porimg .icon:before {
	content:"";width: 50%;height: 64px;
	/* background: url(../img/mark.png) no-repeat left top; */
	position: absolute;top:0;left: 0;z-index: 999;display: block;
}
.porimg .icon img{-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;}
.porimg .partit{ width: 100%;padding:10px 0;transition:all 0.5s;}
.porimg .partit h3{
	color: #333;font-size: 1.6rem;
	padding: 0;line-height: 40px;
	text-align: left;font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.porimg .partit span{font-size: 1.6rem;line-height: 40px;display: inline-block;text-align: right;font-weight: bold;}
.porimg .partit p{color: #949494; font-size: 14px; line-height: 20px;text-align: left;padding: 0;}
.porimg a:hover .icon img,.porimg:hover .icon img{
	transform:scale(1.2,1.2); 
	-ms-transform:scale(1.2,1.2);  	/* IE 9 */
	-moz-transform:scale(1.2,1.2); 	/* Firefox */
	-webkit-transform:scale(1.2,1.2);  /* Safari 和 Chrome */
	-o-transform:scale(1.2,1.2); }
.porimg a:hover .partit h3,.porimg a:hover .partit span,.porimg a:hover .partit p {color: #ea917d;}
.porimg a:hover .icon {box-shadow: none;}
.porimg a:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}

.cplist .swiper-button-prev{ left:-5%;background: url(../img/icon_left.jpg) no-repeat center center; }
.cplist .swiper-button-next{ right:-5%;background: url(../img/icon_right.jpg) no-repeat center center;}
.cplist .swiper-button-prev, .cplist .swiper-button-next{ top:0; bottom:0; margin:auto 0; width:44px; height:109px; line-height:109px; text-align:center;}


/*关于我们*/
.sect_about {
	color: #fff;
	padding: 9rem 0;overflow: hidden;
	/* background-image: url(../img//pic_about.jpg); */
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center center;
}
.sect_about .aboutcon {
	padding: 0;overflow: hidden;
    /* float: right; */
    /* text-align: right; */
}
.sect_about .aboutcon img{
	display: inline-block;
	margin-top: 16%;
}

.sect_about h2 {font-size: 3rem;text-transform : uppercase;line-height: 1.8;color: #333;}
.sect_about em {display: inline-block;font-style: normal;width: 135px;height: 4px;background: #333;margin:0 0 1rem;}
.sect_about .a_content{
	font-size: 16px;
	line-height: 30px;
	text-align: left;
	text-justify: inter-ideograph;/*IE*/
	word-break: break-all;
	margin-bottom: 2rem;
	color: #333;

	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}
.sect_about a.amore{ display:block; width:155px; height:48px; line-height:48px; color:#fff; 
	text-align:center; font-size:1.8rem; background:#333333;border-radius:40px;font-weight: bold; }
.sect_about a.amore:hover{ background:#ea917d;}

/*Hot Products*/
.sect_hot {padding: 4.5rem 0;overflow: hidden;}
.sect_hot .swiper-container {padding: 20px 0;overflow: hidden;}

/*Quick Links*/
.sect_quick {	
	padding: 3% 0 18%;
	background: url(../img/quick.jpg) no-repeat top center;
	background-size: cover;
}
.sect_quick .title_1 {padding: 0;overflow: hidden;margin-bottom: 1.5rem;text-align: center;position:relative;}
.sect_quick .title_1 span {display: inline-block;color: #333;font-size:2.8rem;line-height: 2;padding: 0 30px;font-weight: bold;background: #f4f4f4;position: relative;z-index: 3;}
.sect_quick .title_1:before,.sect_quick .title_1:after {content: "";display:block;width: 100%;height: 1px;background: #fff;position: absolute;top:50%;}
.sect_quick .title_1:before {left: 0;}
.sect_quick .title_1:after {right: 0;}
.quick {padding: 0;overflow: hidden; text-align: center;}
.quick a {
	display: inline-block;padding: 0 2%;color: #fff;font-size: 16px;line-height: 15px;	
	border-right: 1px solid #333;
	
}
.quick a:hover {color: #ea917d;}

/*新闻*/
.sect_news {padding: 4rem 0;background: #fff;overflow: hidden;}
.ul-news{ list-style:none;margin:2rem auto;}
.xwimg{border: none;width: auto; position: relative;margin-bottom: 0;}
.xwimg a{ display: block;padding: 0 0 20px;background: #efefef;transition:ease-out 0.5s;}
.xwimg .icon{ border: 1 px solid;overflow: hidden;    background: #fff;transition:all 0.3s;}
.xwimg .icon img {height: auto;width: 100%;}
.xwimg .news-time{position: relative; padding-top: 20px;margin: 25px 15px 10px;padding-left: 40px;}
.xwimg .news-time span{ font-size: 14px; color: #333; position: absolute; top: 0; left: 0; display: inline-block; } 
.xwimg .news-time span b{ color: #333; width: 40px; height: 40px; line-height: 40px; display: inline-block; border:1px solid #333;font-size: 20px; text-align: center; vertical-align: top; margin-right: 10px;} 
.xwimg .news-time  h3{ font-size: 18px; line-height: 24px;font-weight: normal; height: 24px;overflow: hidden;color: #333;
text-overflow:ellipsis;
white-space: nowrap; position: relative; z-index: 1;} 
.xwimg .news-time  h3 a:hover{ color: #333;} 
.xwimg  p{ font-size: 14px; line-height: 20px;color: #333;max-height: 40px;text-align: left;margin: 0px 15px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;} 
.xwimg a:hover {background: #046eb8;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
.xwimg a:hover .icon img{transition: 1s;
	transform:scale(1.2,1.2); 
	-ms-transform:scale(1.2,1.2);  	/* IE 9 */
	-moz-transform:scale(1.2,1.2); 	/* Firefox */
	-webkit-transform:scale(1.2,1.2);  /* Safari 和 Chrome */
	-o-transform:scale(1.2,1.2); }
.xwimg a:hover span b {border:1px solid #fff;}
.xwimg a:hover span,.xwimg a:hover h3,.xwimg a:hover b,.xwimg a:hover p{color: #fff;}

/*case*/
.sect_case {padding: 0;overflow: hidden;padding-top: 20px;}
.sect_case .swiper-container {height: 100%;overflow: hidden;}
.sect_case .caseimg{border: none;width: auto; position: relative;margin-bottom: 0;}
.sect_case .caseimg a{ display: block;padding: 0;background: #efefef;transition:ease-out 0.5s;}
.sect_case .caseimg .icon{
	border:none; overflow: hidden;transition:all 0.3s;background: none;
	border: 1px solid #212531;
	background: #212531;
}
.sect_case .caseimg a{
	background: #212531;
}
.sect_case .caseimg .icon img {width: 100%;    height: 270px;object-fit: cover;}
.sect_case .mark {position: absolute;padding: 10px;overflow: hidden;left: 0;top:0;right:0;bottom: 0;background-color: rgba(51,51,51,0.6);background-image: url(../img/ma.png);background-position: center center;background-repeat: no-repeat;opacity: 0;
	transition: ease all 0.4s;
	-webkit-transition: ease all 0.4s;
	-moz-transition: ease all 0.4s;
	-o-transition: ease all 0.4s;}
.sect_case .mark i{color: #fff;font-size: 24px; position: absolute;right: 17px;width: 40px;height: 30px;}
.sect_case .mark p {position: absolute;bottom: 10px;color: #fff;font-size: 16px;}
.sect_case .caseimg a:hover .mark {animation: navBgin3 1s forwards;opacity: 1;}