@charset "utf-8";
.owl-theme .owl-controls{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:14px;height:14px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
.banner-container{width:100%;position:relative}
.banner{width:100%}
.products-container{width:100%;padding:80px 0 50px 0}
.products{width:1600px;margin:0 auto}
.pro_pic{width:100%;margin-top:2.5%}
.pro_list{width:100%;height:auto;padding:3%;padding-bottom:0;background:#f5f5f5;border-radius:5px;overflow:hidden;transition:all .4s ease-out}
.pro_list .img{width:100%;padding-top:75%;position:relative;overflow:hidden}
.pro_list .img img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;display:block;transition:all .4s ease-out}
.pro_list .text{width:100%;padding:0 5px;overflow:hidden}
.pro_list .text h5{line-height:50px;color:#444;font-size:16px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .4s ease-out}
.pro_list:hover{background:#44BDBB}
.pro_list:hover .img img{transform:scale(1.1)}
.pro_list:hover .text h5{color:#fff}
.pro_pic .swiper-container{padding-bottom:50px!important}
.pro_pic .swiper-pagination{bottom:10px}
.pro_pic .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%;background:#44BDBB;opacity:0.8;vertical-align:middle;position:relative}
.pro_pic .swiper-pagination-bullet:after{content:"";width:20px;height:20px;position:absolute;left:50%;top:50%;background:transparent;border:2px solid #44BDBB;border-radius:100%;margin-top:-10px;margin-left:-10px;opacity:0;transform:scale(0);transition:all .5s}
.pro_pic .swiper-pagination-bullet-active{opacity:1}
.pro_pic .swiper-pagination-bullet-active:after{opacity:1;transform:scale(1)}
.pro_pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 16px}
.pinpai-container{
	width:100%;
	padding:80px 0 80px 0;
	background-size:cover;
	background-position:center center!important;
	background-repeat: no-repeat;
}
.pinpai{width:1600px;margin:0 auto}
.pinpai_center{width:100%;margin-top:0px}
.pinpai_center .about_kr_text{padding-top:30px;color:#ffffff;font-size:18px;line-height:40px;text-align:center}
.pinpai_center ul{width:100%;height:auto;overflow:hidden}
.pinpai_center ul li{width:25%;float:left;border-right:1px dashed #b4d6f6;text-align:center}
.pinpai_center ul li h5{font-size:30px;color:#fff;font-family:'impact'}
.pinpai_center ul li h5 span{font-size:50px;color:#fff;font-family:'impact'}
.pinpai_center ul li h6{font-size:18px;color:#fff}
.pinpai_center ul li:last-child{border-right:0px}
.video_click{display:block;width:100%;height:auto;overflow:hidden;margin:40px 0;cursor:pointer}
.video_click h5{width:82px;height:82px;overflow:hidden;margin:0 auto}
.video_click h6{font-size:16px;color:#fff;text-align:center;padding-top:10px}
.video_click h6 span{border-bottom:1px solid #fff;display:inline-block}
.case-container{
	width:100%;
	background-size:cover!important;
	height:100%;
	background-position:center center!important;
	padding:80px 0 50px;
	background-image: url(../images/tk.jpg);
	background-repeat: no-repeat;
}
.case{width:1600px;margin:0 auto}
.case-center{width:100%;height:auto;margin-top:50px}
.case-center .swiper-container{padding-bottom:50px!important}
.case-center .swiper-pagination{bottom:10px}
.case-center .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%;background:#fff;opacity:0.8;vertical-align:middle;position:relative;transition:all .5s}
.case-center .swiper-pagination-bullet:after{content:"";width:20px;height:20px;position:absolute;left:50%;top:50%;background:transparent;border:2px solid #fff;border-radius:100%;margin-top:-10px;margin-left:-10px;opacity:0;transform:scale(0);transition:all .5s}
.case-center .swiper-pagination-bullet-active{opacity:1}
.case-center .swiper-pagination-bullet-active:after{opacity:1;transform:scale(1)}
.case-center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 16px}
.case_list{width:100%;height:auto;overflow:hidden}
.case_list ul{margin-left:-2%}
.case_list ul li{width:23%;margin-left:2%;background-color:#fff;border-radius:3px;margin-bottom:2%;overflow:hidden;padding:15px;float:left}
.case_list ul li .img{width:100%;padding-top:75%;position:relative;overflow:hidden}
.case_list ul li .img img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;display:block;transition:all .4s ease-out}
.case_list ul li:hover .img img{transform:scale(1.1)}
.case_list ul li .text{width:100%;height:auto;padding:15px 0 5px 0;overflow:hidden}
.case_list ul li .text h5{height:30px;line-height:30px;font-size:16px;color:#444;padding-right:19px;background:url("../images/pro_jian4.png") right no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .4s ease-out}
.case_list ul li .text h6{line-height:30px;font-size:14px;color:#999;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding-top:5px}
.case_list ul li:hover .text h5{color:#1D60AD;background:url("../images/pro_jian5.png") right no-repeat}
.case_list ul li:first-child{width:48%}
.news-container{width:100%;padding:80px 0 80px 0}
.news{width:1600px;margin:0 auto}
.news-title{width:100%;height:auto;overflow:hidden;text-align:center;margin-top:20px}
.news-title ul li{display:inline-block;font-size:16px;color:#1D60AD;font-weight:normal; line-height:2.5;padding:0 20px;cursor:pointer;transition:all .4s ease-out; border:#ddd solid 1px; background-color:#f4f4f4; margin:5px;}
.news-title ul li:hover,.news-title ul li.cur{color:#fff; border:#1D60AD solid 1px; background-color:#1D60AD;}
.news-title ul a{text-align:center;padding:0 20px;font-size:16px;color:#888;font-weight:normal}
.news-title ul a:hover{color:#1D60AD}
.news-list{display:none}
.news-list.active{display:block;animation:hideIndex .5s;-moz-animation:hideIndex .5s;-webkit-animation:hideIndex .5s;-o-animation:hideIndex .5s}
.news-center{width:100%;margin-top:50px;overflow:hidden}
.news-left{width:50%;float:left;height:auto;overflow:hidden;padding-right:10px}
.news-left .img{width:100%;height:456px;overflow:hidden}
.news-left .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out}
.news-left:hover .img img{transform:scale(1.1)}
.news-left .text{width:100%;background-color:#f5f5f5;padding:30px;position:relative}
.news-left .text h5{font-size:18px;color:#444;padding-right:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:30px;line-height:30px;transition:all .4s ease-out}
.news-left .text h6{font-size:14px;color:#999;line-height:30px;height:90px;padding-right:100px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.news-left:hover .text h5{color:#1D60AD}
.news-time{width:90px;height:90px;background-color:#1D60AD;padding:8px;font-size:38px;color:#fff;text-align:center;position:absolute;right:30px;top:30px}
.news-time span{display:block;font-size:12px;color:#fff;text-align:center}
.news-right{width:50%;float:left;padding-left:10px;overflow:hidden}
.news-right ul li{width:100%;height:auto;margin-bottom:3px;background-color:#f5f5f5;padding:32px;overflow:hidden}
.news-right ul li .text{width:66%;float:left;padding-right:30px;overflow:hidden}
.news-right ul li .text h4{font-size:18px;color:#444;height:30px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .4s ease-out}
.news-right ul li .text h5{font-size:14px;color:#888;line-height:30px;height:60px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:15px 0}
.news-right ul li .text h6{font-size:14px;color:#555;font-family:'Arial'}
.news-right ul li:hover .text h4{color:#1D60AD}
.news-right ul li .img{width:34%;float:left;height:146px;overflow:hidden}
.news-right ul li .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out}
.news-right ul li:hover .img img{transform:scale(1.1)}
.news-video{width:100%;margin-top:50px;overflow:hidden}
.news-video ul{margin-left:-2%}
.news-video ul li{margin-left:2%;float:left;margin-bottom:2%;position:relative;height:319px;width:31.333%;overflow:hidden}
.news-video ul li img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out}
.news-video ul li:hover img{transform:scale(1.1)}
.news-video ul li i{position:absolute;width:42px;height:42px;left:50%;top:50%;margin-left:-21px;margin-top:-21px;background:url("../images/video2.png") no-repeat center center}
.news-video ul li p{position:absolute;width:100%;font-size:20px;color:#fff;bottom:1px;text-align:center}
.news-more{width:140px;background-color:#44BDBB;border-radius:30px;height:44px;line-height:44px;color:#fff;font-size:14px;margin:0 auto;margin-top:30px;transition:all .4s ease-out}
.news-more:hover{background-color:#1D60AD}
.news-more a{display:block;text-align:center}
#news{ width:100%;margin-top:2%; }
#news li {list-style-type:none;}
#news .owl-controls .owl-dots .owl-dot{ margin-top:1%;}
#news .owl-controls .owl-dots .owl-dot span{
width:12px;height:12px;margin:12px 4px; background-color:rgba(0,0,0,0.4);
}
#news .owl-controls .owl-dots .owl-dot.active span,#news .owl-theme .owl-dots .owl-dot:hover span{background-color:#1D60AD;}
#news .owl-controls .owl-nav .owl-next,#news .owl-controls .owl-nav .owl-prev{ position:absolute; background:none; top:25%;border-radius:10px; width:50px;height:50px; line-height:0px; font-size:0px;border:rgba(255,255,255,0) solid 2px;}
#news .owl-controls .owl-nav .owl-next{ 
	left:-80px;
	background-repeat: no-repeat;
	background-position: center center; background-image:url(../images/l3.png)
}
#news .owl-controls .owl-nav .owl-next:hover,#news .owl-controls .owl-nav .owl-prev:hover{ border:#1D60AD solid 2px;}
#news .owl-controls .owl-nav .owl-prev{
	right:-80px;
	background-repeat: no-repeat;
	background-position:center center; background-image:url(../images/l4.png)
}
#newsa{ width:100%; float:left; position:relative; }
#newsa .tpa{
	width:100%; position:relative; padding-top:60%; overflow:hidden; background-color:#CCC

}
#newsa .tpa:before{transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid rgba(255,255,255,0);
	z-index: 100; }
#newsa:hover .tpa:before {
	top: 3%;
	left: 3%;
	right: 3%;
	bottom: 3%;
	border: 1px solid rgba(255,255,255,0.5);background-color:rgba(0,0,0,0.1);
}
#newsa .tpa img{ width:100%; display:block; position:absolute; left:0px; top:0px; min-height:100%;transition:all 0.4s ease-in-out 0s; }
#newsa:hover .tpa img{transform: scale(1.1) rotate(3deg);
	-o-transform: scale(1.1) rotate(3deg);
	-webkit-transform: scale(1.1) rotate(3deg);
	-moz-transform: scale(1.1) rotate(3deg);
	-ms-transform: scale(1.1) rotate(3deg);}
	#gsys_2 LI:hover .nr h2{color:#1D60AD;}

#newsa .nra{ width:100;% float:left;}
#newsa .nra .js{ width:100%; float:left;  padding: 5%; background-color:#F9F9F9;}
#newsa .nra .js h4{ font-size:14px; color:#1D60AD; line-height:1.8; margin-top:5px; margin-bottom:5px; font-weight:normal;}
#newsa .nra .js h2{ font-size:16px; font-weight:bold;color:#333;  line-height:2;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;margin-bottom:5px;  }
#newsa:hover .nra .js h4,#newsa:hover .nra .js h2,#newsa:hover .nra .js p,#newsa:hover .nra   .js span{ color:#fff}
#newsa:hover .nra .js{ background-color:#1D60AD;}
#newsa .nra   .js span{ display:inline-block;
	line-height:30px;
	border-radius:2px;
	color:#1D60AD;
	transition:all 0.4s ease-in-out 0s;
	font-style: normal; margin-top:4%; font-size:16px;}
#newsa .nra   .js p{ overflow:hidden; 
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;-webkit-box-orient: vertical; color:#999999; font-size:16px; line-height:25px; height:75px;   text-align:left;}
#newsa .nra  .js span i{ margin-right:8px; line-height:30px;color:#1D60AD;transition:all 0.6s ease-in-out 0s;}
#newsa:hover .nra  .js span i{ color:#fff; margin-right:12px;}
.news-video >ul>li>a>p{background:black;opacity:0.8}
.contain-1400{max-width:98%;margin:0 auto}
.indpro{width:100%;background:#f5f5f5;padding:80px 0 40px 0}
.indpro-menu{width:100%;font-size:0;text-align:center;margin:30px 0 46px;user-select:none}
.indpro-menu li{display:inline-block;vertical-align:top;border-bottom:1px solid #d9e0ea;padding:0 0px}
.indpro-menu-link{height:48px;display:block;position:relative}
.indpro-menu-link span{display:inline-block;vertical-align:middle;height:28px;line-height:28px; overflow:hidden;}
.indpro-menu-link span{font-size:16px;color:#444;font-weight:700;margin-left:12px;transition:all .4s ease}
.indpro-menu li span i{ width:30px; text-align:center;}
.indpro-menu-link::after{content:"";position:absolute;width:0%;height:2px;background:#1d60ad;left:0;bottom:-1px;right:0;margin:0 auto;transition:all .4s ease}
.indpro-menu-link.active span,.indpro-menu-link:hover span{color:#1d60ad}
.indpro-menu-link.active::after{width:100%}
.indpro-loop{width:100%}
.indpro-items{width:100%;display:none}
.indpro-items.active{display:block;animation:hideIndex .5s;-moz-animation:hideIndex .5s;-webkit-animation:hideIndex .5s;-o-animation:hideIndex .5s}
@keyframes hideIndex{0%{opacity:0;transform:translateY(50px)}
100%{opacity:1;transform:translateY(0)}
}
.indpro-ul{margin:-2% 0 0 -2%}
.indpro-link{display:block;align-items:center;position:relative;transition:all .4s ease;margin:2% 0 0 2%;justify-content:center;width:23%;float:left;background:#fff;box-shadow:0 2px 12px 2px rgba(29,32,136,0.1);overflow:hidden}
.indpro-link .img{width:100%;padding-top:75%;position:relative;overflow:hidden}
.indpro-link .img img{width:100%;min-height:100%;position:absolute;left:0;top:0;object-fit:cover;display:block;transition:all .6s ease}
.indpro-cont{position:absolute;transform:scale(0.8);opacity:0;transition:all .6s ease;z-index:4;width:92%;padding:0 20px;height:90%;background:rgba(30,112,196,0.80);display:flex;flex-direction:column;justify-content:center;text-align:center;color:#fff}
.indpro-cont h2{font-size:18px;font-weight:700;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.indpro-cont p{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.indpro-link:hover .indpro-cont{transform:scale(1);opacity:1}
.indpro-ul .text{padding:20px;background-color:#f5f5f5;overflow:hidden}
.indpro-ul .text h6{height:30px;line-height:30px;font-size:16px;color:#444;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:url('../images/pro_jian4.png') right center no-repeat;padding-right:20px;transition:all .4s ease}
.indpro-ul:hover .text h6{color:#1D60AD;background:url('../images/pro_jian5.png') right center no-repeat}
.indpro-link img:hover{transform:scale(1.1)}
.indtab-link p{font-size:14px;line-height:22px}
.indser-ul{height:auto;margin-top:1px}
.indser{padding:68px 0}
.indser-list{margin-top:44px}
.indser-link{width:50%;margin-top:-1px}
.indpro-menu li{padding:0 12px}
.indpro-menu-link{height:42px}
.indpro-cont{width:94%;padding:16px 20px;height:auto;bottom:0%;opacity:1;transform:scale(1)}
.indrel-cont{width:100%}
.indrel-rel{margin-left:0;width:100%;margin:20px 0}
.indget-rel{width:100%}
.indget-cont{width:100%;padding-left:0;margin:20px 0}
.indget-input{max-width:360px}
.indget-img{left:auto;right:0}
.indnews-main{width:100%}
.indnews-items{width:100%;margin-top:20px}
.indcall-img{width:100px;left:20px}
.indcall{padding:0px 20px 0 144px}
.indcall-cont h2{font-size:20px}
.indnews{padding-bottom:68px}
.indnews-main img{height:240px}
.indapp-cont h2 a,.indapp-cont h2 span{display:block}
.indapp-cont h2 span{margin-left:0;margin-top:8px}
#sgal{width:100%; display:block; clear:both;
	text-align:center;  overflow:hidden; margin-top:2%;
}
#sgal ul{ list-style-type:none;margin-left:-2%;}
#sgal UL LI { width:31.33%; float:left; text-align:center; margin-left:2%;overflow:hidden; margin-top:1%; margin-bottom:1%; cursor:pointer; position:relative;}
#sgal UL LI p{ background-color:rgba(0,0,0,0.6); color:#fff; text-align:center; z-index:11; width:100%; padding:1.5%;line-height:1.8;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;left:0px;bottom:0px; display:block; position:absolute; font-size:16px;transition:all 0.6s ease-in-out 0s;}
#sgal UL LI .js{padding:1.5%;position:absolute;left:0px;bottom:-300px;color:#fff; text-align:center;background-color:rgba(0,0,0,0.6);transition:all 0.6s ease-in-out 0s; color:#fff; width:97%; height:97%; overflow:hidden; }
#sgal UL LI .js h4{ text-align:center; font-size:16px; line-height:2; TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; margin-top:15%;}
#sgal UL LI .js span{ display:block; line-height:20px; text-align:left; font-size:14px; height:60px; overflow:hidden;overflow:hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#sgal UL LI dd{ display:block;width:100%; float:left; padding-bottom:70%; overflow:hidden; position:relative;transition: all 0.5s;}
#sgal UL LI dd:before{transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid rgba(255,255,255,0);
	z-index: 100; background-color:rgba(0,0,0,0.1)}
#sgal ul li img{width:100%; position:absolute; left:0px; top:0px; min-height:100%;transition:all 0.6s ease-in-out 0s; }
#sgal UL LI:hover img{	transform: scale(1.1) rotate(3deg);
	-o-transform: scale(1.1) rotate(3deg);
	-webkit-transform: scale(1.1) rotate(3deg);
	-moz-transform: scale(1.1) rotate(3deg);
	-ms-transform: scale(1.1) rotate(3deg);}
#sgal UL LI:hover dd:before {
	top: 3%;
	left: 3%;
	right: 3%;
	bottom: 3%;
	border: 1px solid rgba(255,255,255,0.5);
}
#sgal UL LI:hover p{ bottom:3%; left:3%; width:94%;}
#sgal UL LI:hover .js{ bottom:0px; }
#myys{
	width:100%; clear:both;
	display:block; position:relative; background-color:#F2FAFD; margin-top:2.5%;
}

#myys li{ width:100%; float:left;}


#myys   .owl-dots{ width:100%; position:absolute; left:0px; bottom:2px;}
#myys  .owl-controls .owl-dots .owl-dot{}
#myys  .owl-controls .owl-dots .owl-dot span{width:15px;height:5px;margin:2px; background-color:#fff; border:#1D60AD solid 1px;transition:all 0.4s ease-in-out 0s;}
#myys  .owl-controls .owl-dots .owl-dot.active span,#myys .cpfl .owl-theme .owl-dots .owl-dot:hover span{background-color:#1D60AD; width:30px;}
#ztcp{ width:100%; float:left; position:relative; display:block; }
#ztcp .tpa{
	width:50%;
	position:absolute;
	left:0px;
	top:0px;
	height:100%; overflow:hidden;

}
#ztcp .tpa.ra{ right:0px; left:auto;}
#ztcp .tpa img{ width:100%; display:block; min-height:100%;transition:all 0.4s ease-in-out 0s; }
#ztcp .tpa:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);}
#ztcp .nra{ width:50%; float:right;}
#ztcp .nra.la{ float:left;}
#ztcp .nra .js{ width:80%; float:left; padding: 15% 10%;}
#ztcp .nra .js h4{ font-size:40px; color:#1D60AD; line-height:1.5;}
#ztcp .nra .js h5{
	font-size:17px;
	color:#888; font-weight:normal;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif; margin-top:1%; margin-bottom:2%;
}
#ztcp .nra .js p{ padding-left:24px; font-size:16px;
	color:#555;
	line-height:2.2;
	background-image: url(../images/up.png);
	background-repeat: no-repeat;
	background-position: left 10px;
}