.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}
#video{ width:100%; height:100vh; float:left; position:relative; display:block;min-width:1250px; }
#video VIDEO{object-fit: fill; width:100%;height:100vh;}
#video .zzc{ background-color:rgba(0,0,0,0.2); z-index:1; width:100%; height:100%; position:absolute; left:0px; top:0px;}
#lmbt{
	width:100%;
	float:left;
	text-align:center;
	overflow:hidden; position:relative;

}
#lmbt span{ position:absolute; z-index:2; right:0px; top:50%; line-height:25px; font-size:14px;}
#lmbt span a{ color:#666;}
#lmbt span a i{ margin-left:12px;}
#lmbt span a:hover{ color:#00b6fc;}
#lmbt .bt{ float:left; width:100%;text-align:center;}
#lmbt .bt dd{
	font-size:42px;
	line-height:1.5;
	color:#222222;
 
}
#lmbt .bt p{ line-height:20px;
	font-size:16px;
	text-align:center;
	color:#666;
 margin-top:10px;
}
#pro{ width:100%; float:left;}
#prolist{
	width:100%; 
	FLOAT: left;
}
#prolist li{ list-style-type:none;}
#prolist  LI{  text-align:left;  transition:all 0.4s ease-in-out 0s;}

#prolist  LI  dd{ width:100%; height:400px; overflow:hidden; text-align:center;}
#prolist  LI  img{width:100%; display:block; min-height:400px;transition:all 0.6s ease-in-out 0s;}
#prolist  LI:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#prolist  LI  h5{ font-weight:600; color:#fff; text-align:center; font-weight:normal;height:55px; line-height:55px; TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;   font-size:18px; background-color:#00b6fc}
	
#prolist  LI  h5 span{ margin-left:10px;}
#prolist  LI:hover h5{ color:#fff; background-color:#028ec4;}
#prolist .owl-controls .owl-dots .owl-dot{ margin-top:1%;}
#prolist .owl-controls .owl-dots .owl-dot span{
width:30px;height:3px;margin:12px 5px; background-color:#C7C7C9;
}
#prolist .owl-controls .owl-dots .owl-dot.active span,#prolist .owl-theme .owl-dots .owl-dot:hover span{background-color:#00b6fc;}
#yyly{ width:100%; float:left;min-width:1250px; }

#yylist{
	width:100%; 
	FLOAT: left; position:relative; padding-top:30px;
}
#yylist li{ list-style-type:none;}
#yylist  LI{text-align:left;  transition:all 0.4s ease-in-out 0s; cursor:pointer;}

#yylist  LI  dd{ width:100%; height:24vw; overflow:hidden; text-align:center; position:relative;}
#yylist  LI  .img1{width:100%; display:block; min-height:24vw;transition:all 0.6s ease-in-out 0s;}
#yylist  LI:hover .img1{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);transition:all 0.6s ease-in-out 0s;}
#yylist  LI  .zzc{ position:absolute; left:0px; top:0px; z-index:1; width:100%; height:100%;background-color:rgba(0,0,0,0.3);}
#yylist  LI  .zzc h5{  margin-top:10vw; text-align:center; font-size:18px; color:#fff; font-weight:normal;}
#yylist  LI  .zzc h5 img{ display:block; margin-left:auto; margin-right:auto; margin-bottom:15px;}
#yylist  LI:hover .zzc{background-color:rgba(0,182,252,0.8);}
#yylist .owl-controls { position:absolute; left:50%; margin-left:-240px; top:-30px; width:480px; }
#yylist .owl-controls .owl-dots .owl-dot{ margin-top:1%;}
#yylist .owl-controls .owl-dots .owl-dot span{border-radius:12px;
width:10px;height:10px;margin:0px 5px; border:#00b6fc solid 1px; background-color:#fff;
}
#yylist .owl-controls .owl-dots .owl-dot.active span,#yylist .owl-theme .owl-dots .owl-dot:hover span{background-color:#00b6fc;}
#yylist .owl-controls .owl-nav .owl-next,#yylist .owl-controls .owl-nav .owl-prev{ position:absolute; padding:0px; border-radius:30px;top:-7px; width:30px;height:30px; line-height:30px; color:#00b6fc;background-color:#eee;}
#yylist .owl-controls .owl-nav .owl-next:hover,#yylist .owl-controls .owl-nav .owl-prev:hover{background-color:#00b6fc; color:#fff;}
#yylist .owl-controls .owl-nav .owl-next i,#yylist .owl-controls .owl-nav .owl-prev i{ text-align:center; line-height:28px;font-size:18px; }

#yylist .owl-controls .owl-nav .owl-next{ 
	left:0px; 
	
}
#yylist .owl-controls .owl-nav .owl-prev{
	right:0px;
	
}
#zebq{
	width:92%;
	float:left; padding:0px 4%;

}
#zebq ul{LIST-STYLE-TYPE: none;}
#zebq ul li{width:23%; padding:8%  5%; float:left;  color:#fff; text-align:center; border-right:1px solid #fff;}
#zebq ul li:last-child{ border-right:0px;}
#zebq li h5{ font-size:26px; font-weight:normal; display:block; text-align:center; line-height:120px;  color:#fff; position:relative;}
#zebq li h5 span{
	font-size:110px;
	color:#fff;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
#zebq li h5 i{ position:absolute; top:-45px; right:12%;
	font-size:18px;
	color:#fff;
	font-style: normal;
}
#zebq li h4 { font-size:18px; color:#fff; font-weight:normal; line-height:1.5;}
#zebq li p{ font-size:24px; margin-top:50px;  color:#fff; text-align:center }
#zebq li p img{ margin-bottom:25px;}
#company .nr{width:43%; float:right; }
#company .nr dd{
	font-size:30px;
	color:#000;
	font-family: "impact",Arial, Helvetica, sans-serif; line-height:35px; height:35px; overflow:hidden; margin-top:30px;
}

#company{ width:100%; float:left;  overflow:hidden;}
#company .nrc{ width:100%; float:oeft;}
#company .nrc dd{ font-size:20px; text-align:left; border-bottom:#ccc solid 1px; padding-bottom:8px; font-weight:600; color:#00b6fc; margin-bottom:12px;}
#company .nrc p{ text-align:left; line-height:30px; font-size:16px; color:#666;}
#company .nrc A.more{margin-top:15px;
	display:inline-block;
	padding-left:30px;
	padding-right:30px;
	line-height:35px;
	font-size:16px;
	border-radius:2px;
	color:#00b6fc; border:#00b6fc solid 1px;
	transition:all 0.2s ease-in-out 0s;
}
#company  .nrc A.more:hover {
	 border:#00b6fc solid 1px; color:#fff; background-color:#00b6fc;
}
#zzlist{width:100%;
	float:left;
	text-align:center; 
}
#zzlist ul{ list-style-type:none; margin-left:-1.5%; }
#zzlist UL LI { width:23.5%; float:left; background-color:#fff; margin-left:1.5%; margin-top:15px; margin-bottom:15px; box-shadow: 0px 1px 8px #999;-webkit-box-shadow: 0px 1px 8px #999;-moz-box-shadow: 0px 1px 8px #999;}
#zzlist ul li img{ width:100%; min-height:190px;transition:all 0.6s ease-in-out 0s; display:block; margin-left:auto; margin-right:auto;}
#zzlist UL LI dd{ width:100%; height:190px; float:left;  overflow:hidden;  text-align:center;  background-color:#fff;}
#zzlist UL LI:hover{box-shadow: 0px 1px 8px #777;-webkit-box-shadow: 0px 1px 8px #777;-moz-box-shadow: 0px 1px 8px 777;}
#zzlist UL LI:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#zzlist UL LI .zzc{ width:100%;position:absolute;left:0px; bottom:0px; height:40px; z-index:10; transition:all 0.4s ease-in-out 0s; background-color:rgba(0,0,0,0.6); overflow:hidden;}

#zzlist UL LI .zzc p{ text-align:center; color:#fff; font-size:16px;  line-height:40px; overflow:hidden;transition:all 0.4s ease-in-out 0s; }
#zzlist UL LI .zzc span{display:inline-block; border:#fff solid 1px; padding:5px 25px; font-size:14px; color:#fff; margin-top:30px;}
#zzlist UL LI:hover .zzc{ height:100%;}
#zzlist UL LI:hover .zzc p{ margin-top:25%; font-size:20px; font-weight:bold;}
#pplist{width:100%;
	float:left;
	text-align:center; 
}
#pplist ul{ list-style-type:none; margin-left:-1px; }
#pplist UL LI { width:12.2%; padding:6px 0px; float:left; border:#ddd solid 1px; margin-bottom:1px; background-color:#fff; margin-left:1px;}
#pplist ul li img{ max-width:95%; height:60px;transition:all 0.6s ease-in-out 0s; display:block; margin-left:auto; margin-right:auto;}
#pplist UL LI dd{ width:100%; height:60px; float:left;  overflow:hidden;  text-align:center;  background-color:#fff;}
#pplist UL LI p{ color:#555; font-size:14px; height:25px; margin-top:8px;width:100%; float:left;line-height:25px; TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; }
#pplist UL LI:hover{ border:#00b6fc solid 1px;}
#gg{
	width:100%;
	float:left;
	overflow:hidden;
	min-width:1250px;
	padding-top:2%;
	color:#fff;
	padding-bottom:2%;
	background-color:#00b6fc;
	text-align:center;
	background-repeat: no-repeat;
	background-position: center center;
}
#gg dd{ font-size:36px; line-height:40px; }
#gg p{ font-size:16px; line-height:50px;}	
#gg span{display:inline-block; padding-left:25px; line-height:55px; background-color:#00b6fc;  padding-right:25px; border:#ee0000 solid 1px; font-size:16px;}
#gg span em{
	font-size:42px;display:inline; font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif; letter-spacing:1px;
	font-style: normal;
}
#rylist{
	width:100%; 
	FLOAT: left;
}
#rylist li{ list-style-type:none;}
#rylist  LI{  text-align:left;  transition:all 0.4s ease-in-out 0s;border:#ddd solid 1px; background-color:#fff;}

#rylist  LI  dd{height:300px; overflow:hidden; text-align:center;  padding:2%; width:96%;}
#rylist  LI  img{ max-width:100%; display:block; margin-left:auto; margin-right:auto; height:300px;transition:all 0.6s ease-in-out 0s;}
#rylist  LI:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#rylist  LI  h5{ font-weight:600; color:#555; text-align:center; font-weight:normal;height:45px; line-height:45px; TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;   font-size:16px; background-color:#f1f1f1;}
	
#rylist  LI  h5 span{ margin-left:10px;}
#rylist  LI:hover h5{ color:#fff; background-color:#00b6fc;}
#rylist  LI:hover { border:#00b6fc solid 1px;}
#rylist .owl-controls .owl-dots .owl-dot{ margin-top:1%;}
#rylist .owl-controls .owl-dots .owl-dot span{
width:30px;height:3px;margin:12px 5px; background-color:#C7C7C9;
}
#rylist .owl-controls .owl-dots .owl-dot.active span,#rylist .owl-theme .owl-dots .owl-dot:hover span{background-color:#00b6fc;}
#newslist{
	width:100%; 
	FLOAT: left;
}
#newslist li{ list-style-type:none;}
#newslist  LI{  text-align:left; float:left;  transition:all 0.4s ease-in-out 0s;margin-bottom:10px; background-color:#fff; border:#ddd solid 1px;}

#newslist  LI  dd{ width:30%; height:125px; overflow:hidden; text-align:center; float:left;}
#newslist  LI  img{width:100%; display:block; min-height:125px;transition:all 0.6s ease-in-out 0s;}
#newslist  LI:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#newslist  LI .nr{ padding:2%; float:right; width:66%;}
#newslist  LI  h5{ font-weight:600; color:#333; height:30px; line-height:30px; TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;   font-size:16px; }
	
#newslist  LI p.sj{ color:#6E6E6E; font-size:13px; line-height:20px; margin-bottom:5px;}
#newslist  LI  p.js{ margin:0px;
	color:#6E6E6E;
	 font-size:14px; text-align:left;overflow:hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; line-height:20px; height:40px;
}
#newslist  LI .nr span{ width:110px; height:35px; margin-top:10px; margin-bottom:15px; text-align:center; display:block; z-index:1; float:right; overflow:hidden; color:#fff; background-color:#435061; line-height:35px; font-size:14px; position:relative;}
#newslist  LI .nr span:after{ left:-200px; top:0px; width:100%; height:100%; z-index:-1; background-color:#00b6fc; content:""; position:absolute;transition:all 0.4s ease-in-out 0s;}
#newslist  LI .nr span i{ margin-left:8px; line-height:35px; transition:all 0.4s ease-in-out 0s; }
#newslist  LI .nr span:hover:after{ left:0px;}
#newslist  LI .nr span:hover i{ margin-left:15px;}
#newslist  LI:hover{ box-shadow: 0px 1px 10px #999;-webkit-box-shadow: 0px 1px 10px #999;-moz-box-shadow: 0px 1px 10px #999; }
#newslist  LI:hover h5{ color:#00b6fc}
#newslist .owl-controls .owl-dots .owl-dot{ margin-top:1%;}
#newslist .owl-controls .owl-dots .owl-dot span{
width:30px;height:3px;margin:12px 5px; background-color:#C7C7C9;
}
#newslist .owl-controls .owl-dots .owl-dot.active span,#newslist .owl-theme .owl-dots .owl-dot:hover span{background-color:#00b6fc;}
#more{ width:100%; float:left; margin-top:25px; text-align:center;}
#more A{
width:150px; height:50px; margin-top:20px; text-align:center;display:inline-block; z-index:1; overflow:hidden; color:#fff; background-color:#00b6fc; line-height:50px; font-size:16px; position:relative;
}
#more A:after{ left:-200px; top:0px; width:100%; height:100%; z-index:-1; background-color:#028ec4; content:""; position:absolute;transition:all 0.4s ease-in-out 0s;}
#more A i{ margin-left:8px; line-height:50px; transition:all 0.4s ease-in-out 0s; }
#more A:hover:after{ left:0px;}
#more A:hover i{ margin-left:15px;}
#link{ width:99.8%; border:#ddd solid 1px; padding:1px; float:left; background-color:#fff; margin-top:25px;}
#link_1{
		height:50px; padding:0px 20px;
	float:left;
	line-height:25px;
	font-size:14px;
	text-align:center;
	color:#FFFFFF;background-color:#00b6fc;

}
#link_1 p{
	font-weight:bold;
	font-family: "Times New Roman", Times, serif; text-transform:uppercase;
}
#link_2{  padding-left:1%; padding-right:1%;float:left; line-height:25px;}
#link_2 a{ margin-left:8px; margin-right:8px;}
@media only screen and (max-width: 1500px){#yylist  LI  dd{  height:400px;} #yylist  LI  .img1{min-height:400px;}}
@media only screen and (max-width: 1300px){#pplist UL LI{ width:16.2%;}#prolist  LI  dd{  height:340px;} #prolist  LI  img{min-height:340px;}#yylist  LI  dd{  height:350px;} #yylist  LI  .img1{min-height:350px;}#rylist  LI  dd{  height:260px;} #rylist  LI  img{height:260px;}}