/* ==========================================================================
   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;}
.proimg{border: none;width: auto; position: relative;margin-bottom: 15px;}
.proimg a{ display: block;padding: 10px;}
.proimg .icona{ border:1px solid #ebebeb; overflow: hidden;transition:all 0.5s; background: #fff;position: relative;box-shadow: 0 0 5px 0px #efefef;}
.proimg .icona .ppic {width: 100%;height: 0;padding-bottom: 100%;position: relative;overflow: hidden;}
.proimg .icona .ppic p {position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition-duration: .8s;padding: 0;}
.proimg .icona .ppic p img {width: 100%;height: 100%;object-fit: contain;}
.proimg .icona: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: none;}
.proimg .icona img{-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;}
.proimg .partit{ width: 100%;padding:10px 0;transition:all 0.5s;}
.proimg .partit h3 {color: #333;font-size: 1.6rem;padding: 0;line-height: 40px;text-align: left;font-weight: bold;}
.proimg .partit span{font-size: 1.6rem;line-height: 40px;display: inline-block;text-align: right;font-weight: bold;}
.proimg .partit p{color: #949494; font-size: 14px; line-height: 20px;text-align: left;padding: 0;}
.proimg a:hover .icona img,.proimg:hover .icona 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); }
.proimg a:hover .partit h3,.proimg a:hover .partit span,.proimg a:hover .partit p {color: #004b98;}
.proimg a:hover .icona {box-shadow: none;}
.proimg 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 {padding: 13rem 0;overflow: hidden;/*background: url(../img/pic_about.jpg) no-repeat center center;*/background: #f3f7fa;}
.sect_about .aboutcon {padding: 0;overflow: hidden;}
.sect_about h2 {color: #333;font-size: 3rem;text-transform : uppercase;line-height: 1.8;}
.sect_about em {display: block;font-style: normal;width: 135px;height: 4px;background: #333;margin:0 0 1rem;}
.sect_about .a_content{color: #333;font-size: 16px;line-height: 30px;text-align: justify;text-justify: inter-ideograph;/*IE*/word-break: break-all;margin-bottom: 2rem;}
.sect_about a.amore{ display:block; width:155px; height:48px; line-height:48px; color:#fff; text-align:center; font-size:1.8rem; background:#333;border-radius:40px;font-weight: bold; }
.sect_about a.amore:hover{ background:#004b98;}

.sect_about .aboutpic {padding: 54px 0 0;overflow: hidden;text-align: center;}
.sect_about .aboutpic img {max-width: 100%;max-height: 100%;}


/*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.5rem 0;background: url(../img/quick.jpg) no-repeat top center;height: 415px;}
.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: #a2a2a2;position: absolute;top:50%;}
.sect_quick .title_1:before {left: 0;}
.sect_quick .title_1:after {right: 0;}
.quick {padding: 0;overflow: hidden;}
.quick a {display: inline-block;padding: 0 10px;color: #333;font-size: 16px;line-height: 25px;}
.quick a:hover {color: #004b98;}

/*新闻*/
.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 .icona { border:none; overflow: hidden;transition:all 0.3s;background: none;width: 100%;}
.xwimg .icona .ppic {width: 100%;height: 0;padding-bottom: 52%;position: relative;overflow: hidden;}
.xwimg .icona .ppic p {position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition-duration: .8s;padding: 0;}
.xwimg .icona .ppic img {width: 100%;height: 100%;object-fit: cover;}
.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  .xwp{ 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: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
.xwimg a:hover .icona 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 #004b98;}
.xwimg a:hover span,.xwimg a:hover h3,.xwimg a:hover b{color: #004b98;}

/*case*/
.sect_case {padding: 0;overflow: hidden;}
.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 .icona{ border:none; overflow: hidden;transition:all 0.3s;background: none;width: 100%;}
.sect_case .caseimg .icona .ppic {width: 100%;height: 0;padding-bottom: 83%;position: relative;overflow: hidden;}
.sect_case .caseimg .icona .ppic p {position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition-duration: .8s;padding: 0;}
.sect_case .caseimg .icona img {width: 100%;height: 100%;object-fit: contain;}
.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;}