#partd{ width:100%; float:left; padding-bottom:2.5%; padding-top:2.5%;}
#parte{
	width:100%;
	float:left;
	 padding-top:3%; padding-bottom:3%;
	background-size:cover;
}
#partf{width:100%;
	float:left; padding-bottom:2.5%; padding-top:2.5%; background-color:#E0F2F9;}
#partb{
	width:100%;
	float:left;
	padding-top:3%;
	padding-bottom:3%;
	overflow:hidden;
	background-color:#f8f8f8;

}
#yylist{
	width:100%; 
	FLOAT: left;margin-top:2.5%;   
}
#yylist li{ list-style-type:none;}
#yylist li .tp{
	width:100%;
	float:left;
	position:relative;
	z-index:1;
	padding-bottom:35%;background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
}
#yylist li .tp img{ width:100%; display:block}
#yylist  LI .nr{ width:70%; padding:5%; float:left; position:relative;margin-left:10%; z-index:2; background-color:#fff;box-shadow:1px 8px 30px #ccc;-webkit-box-shadow:1px 8px 30px #ccc;-moz-box-shadow:1px 8px 30px #ccc; margin-top:-5%; margin-bottom:40px; }
#yylist  LI .nr h5{
	width:100%;
	float:left;
	color:#111;
	font-size:28px;
	text-align:center; font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#yylist  LI .nr .js{ width:100%; float:left; text-align:center; margin-top:2%; line-height:1.8;color:#777;font-family: Verdana, Arial, Helvetica, sans-serif;}
#yylist .owl-controls .owl-dots .owl-dot{ margin-top:1%;}
#yylist .owl-controls .owl-dots .owl-dot span{
width:20px;height:3px;margin:12px 5px; background-color:#C7C7C9;
}
#yylist .owl-controls .owl-dots .owl-dot.active span,#yylist .owl-theme .owl-dots .owl-dot:hover span{background-color:#890105;}
#yylist .owl-controls .owl-nav{ display:block; }
#yylist .owl-controls .owl-nav .owl-next,#yylist .owl-controls .owl-nav .owl-prev{ border-radius:0px;position:absolute;transition:all 0.4s ease-in-out 0s; top:25%;width:50px;height:50px; padding:0px; line-height:0px; font-size:0px;overflow:hidden;}
#yylist .owl-controls .owl-nav .owl-next{
	left:2%;
	background-image: url(left1.png);
	background-repeat: no-repeat;
	background-position: left center;	
}
#yylist .owl-controls .owl-nav .owl-next:hover{
	background-position: 100% center;
}
#yylist .owl-controls .owl-nav .owl-prev{
	right:2%;
	background-image: url(right1.png);
	background-repeat: no-repeat;
	background-position: left center}
#yylist .owl-controls .owl-nav .owl-prev:hover{background-position:100% center;}
#qalb{
	width:100%;
	float:left;  margin-top:2.5%; 
	}
#qalb UL {
	COLOR:#565656; list-style-type:none; margin-left:-2%;
}

#qalb UL LI {
	width:31.33%;
	float:left;
	margin-left:2%;
	position:relative;
	z-index:1;
	margin-bottom:1%;
	margin-top:1%;
	font-family: Verdana, Arial, Helvetica, sans-serif; cursor:pointer;
}
#qalb UL LI:after{ width:120px; height:120px; position:absolute; content:""; left:50%; transition:all 0.3s ease-in-out 0s;margin-left:-60px; top:0px; background-color:#224FA4; background:linear-gradient(to bottom,#224FA4, #0F5CB5);z-index:-1;border-radius:100%; }
#qalb UL LI:hover:after{ top:30px;}
#qalb UL LI.c4:after,#qalb UL LI.c5:after,#qalb UL LI.c6:after{ background-color:#0F5EB7;background:linear-gradient(to bottom,#0F5EB7, #058DDB);}
#qalb UL LI dd{ width:100%; float:left; margin-top:40px; margin-bottom:40px;}
#qalb UL LI dd img{ max-width:60%; margin-left:auto; margin-right:auto; display:block; transition:all 0.4s ease-in-out 0s;}
#qalb UL LI h4{ text-align:center;TEXT-OVERFLOW: ellipsis;WHITE-SPACE: nowrap; font-size:24px; float:left; width:100%; font-weight:normal; color:#000; line-height:1.8; margin-top:2.5%; margin-bottom:2.5%;	OVERFLOW: hidden;}
#qalb UL LI p{ text-align:center; color:#777;float:left; width:100%; line-height:20px; height:160px; overflow-y:auto;}
#qalb UL LI p::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color:#288FE1
}
#qalb UL LI p::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2
}

#qalb UL LI p::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 4px rgba(255,255,255, .6);
    background-color: #333;
}
#zebq{
	width:100%;float:left; background-color:#0076C3; margin-top:2%;box-shadow:0px 1px 8px #ccc;-webkit-box-shadow:0px 1px 8px #ccc;-moz-box-shadow: 0px 1px 8px #ccc;

}
#zebq ul{LIST-STYLE-TYPE: none;overflow:hidden;  margin-left:-2%;}
#zebq ul li{width:23%; text-align:center; float:left; margin-left:2%; color:#fff;text-align:center; margin-top:2%; margin-bottom:2%;}
#zebq ul li p{  margin-top:3%; line-height:25px;}
#zebq ul li h5{  padding-top:2%; }
#zebq ul li h4{ line-height:1.8; margin-top:2%;font-size:12px; font-weight:normal;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; }
#zebq ul li  span{
	margin-right:8px;
	font-weight:600;
	font-size:60px;
	font-family: "Times New Roman", Times, serif;
	line-height:1;
}
#qyhj{ width:100%;position:relative; overflow:hidden; margin-top:2.5%; float:left;}

#qyhj .swiper-slide{ width:100%; position:relative;  margin-top:50px; margin-bottom:50px;   cursor:pointer;z-index:1;position:relative; transition:all 0.4s ease-in-out 0s; }
#qyhj .swiper-slide dd{ width:100%; float:left;padding-top:70%; position:relative;overflow:hidden;}
#qyhj .swiper-slide dd h3{ width:100%; background:rgba(0,0,0,0.5); left:0px; bottom:0px; z-index:8; position:absolute;text-align:center; color:#fff; font-size:12px;}
#qyhj .swiper-slide:after{ background-color:rgba(0,0,0,0.2); content:""; width:100%; height:100%; z-index:3; position:absolute; left:0px; top:0px;transition:all 0.4s ease-in-out 0s;}
#qyhj .swiper-slide dd img{ position:absolute; left:0px; top:0px; width:100%; min-height:100%; z-index:1;transition:all 0.4s ease-in-out 0s;}
#qyhj .swiper-slide:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#qyhj .swiper-slide-active{-webkit-transform:scale(1.2); -moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2); z-index:2;}
#qyhj .swiper-slide-active:after{background-color:rgba(0,0,0,0); border:#0077C9 solid 1px; width:110%; height:110%; left:-5%; top:-5%;}
#qyhj .swiper-slide-active dd h3 { background-color:rgba(27,154,238,0.5);}
#qyhj .swiper-pagination-bullets{ bottom:0px; width:100%;}
#qyhj .swiper-pagination-bullet{ background-color:rgba(255,255,255,0.5);
	width: 10px;
	height:10px;
	opacity: 1; margin-left:2px; margin-right:2px; 
}
#qyhj .swiper-pagination-bullet-active{
	background:#12B1E9; 
}
#qyhj .swiper-button-prev,#qyhj .swiper-button-next{  width:40px; height:40px;background-color:#595959;border-radius:100%;background-size:30% auto;}
#qyhj .swiper-button-prev{ left:1%;}
#qyhj .swiper-button-next{ right:1%;}
#qyhj  .swiper-button-prev:hover,#qyhj .swiper-button-next:hover{ background-color:#0077C9;}
#ryxl{ width:100%;position:relative; float:left; margin-top:2%;}

#ryxl .swiper-slide{
	width:100%;
	position:relative;
	display:block;
	overflow:hidden;
	cursor:pointer;
	float:left;
	margin-bottom:1.5%;
	background-image: url(rga.png);
	background-repeat: no-repeat;
	background-position: center center;	background-size:100% 100%; height:400px;display: flex;
justify-content: center;
align-items: center; text-align:center;
}
#ryxl .swiper-slide img{width:70%; transition:all 0.3s ease-in-out 0s; }
#ryxl .swiper-slide:hover h3{ display:none;}
#ryxl .swiper-pagination-bullets{ bottom:0px; width:100%;}
#ryxl .swiper-pagination-bullet{ background-color:rgba(255,255,255,0.5);

	width: 10px;
	height:10px;
	opacity: 1; margin-left:2px; margin-right:2px; 
}
#ryxl .swiper-pagination-bullet-active{
	background:#0079FE; 
}
#ryxl .swiper-button-prev,#ryxl .swiper-button-next{ position:absolute; top:50%; margin-top:-35px; width:40px; height:70px;background-color:rgba(0,0,0,0.3);background-size:40% auto;border-radius:0px;}
#ryxl .swiper-button-prev{ left:-1%;}
#ryxl .swiper-button-next{ right:-1%;}
#ryxl  .swiper-button-prev:hover,#ryxl .swiper-button-next:hover{background-color:rgba(0,0,0,0.5)}
#contact{ width:100%; float:left; margin-top:2%;}
#contact ul{list-style-type:none; margin-left:-2%;}
#contact ul li{ width:48%; margin-top:1%; margin-bottom:1%; float:left; margin-left:2%; cursor:pointer;transition:all 0.4s ease-in-out 0s;}
#contact ul li:hover{box-shadow:0px 1px 8px #ccc;-webkit-box-shadow:0px 1px 8px #ccc;-moz-box-shadow: 0px 1px 8px #ccc;}
#contact ul li:hover .nrc{ background-color:#0077C9; border:#0077C9 solid 1px;background:-webkit-linear-gradient(top, #0359BB ,#0077C9);}
#contact ul li .nrc{ width:90%; padding:5%; display:block; border:#ddd solid 1px; background-color:#f4f4f4;border-radius:5px; overflow:hidden; float:left; transition:all 0.4s ease-in-out 0s; position:relative; z-index:1; }
#contact ul li .nrc dd{ width:100%; float:left; text-align:center;}
#contact ul li .nrc dd i{ width:100px; height:100px; background-color:#0077C9;border-radius:100%; font-size:40px; line-height:100px; color:#fff; transition:all 0.4s ease-in-out 0s; }
#contact ul li .nrc .bgf{ width:100%; height:100%; z-index:-1; position:absolute; left:0px; top:0px;filter: Alpha(Opacity=0);
-moz-opacity:0; 		opacity:0;transition:all 0.4s ease-in-out 0s; text-align:right;}
#contact ul li .nrc .bgf i{ font-size:350px; color:rgba(255,255,255,0.3); margin-top:5%; }
#contact ul li:hover .nrc dd i{ background-color:#fff; color:#0077C9;}
#contact ul li:hover .nrc .bgf{filter: Alpha(Opacity=100);
-moz-opacity:1; 		opacity:1;}
#contact ul li .nrc h4{ transition:all 0.4s ease-in-out 0s; 
	font-size:28px;
	color:#333;
	line-height:2;
	width:100%;
	float:left;
	 font-weight:normal; margin-top:10px; margin-bottom:10px; text-align:center;
}
#contact ul li .nrc .xq{font-family: Verdana, Arial, Helvetica, sans-serif; color:#888; line-height:25px;text-align:center; height:50px;width:100%; float:left; overflow-y:auto; transition:all 0.4s ease-in-out 0s; }
#contact ul li:hover .nrc .xq,#contact ul li:hover .nrc h4{ color:#FFFFFF}
#contact ul li .nrc .xq::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color:#288FE1
}
#contact ul li .nrc .xq::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2
}
#contact ul li .nrc .xq::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 4px rgba(255,255,255, .6);
    background-color: #333;
}
#zxly{ width:47%; float:right;}
#zxmap{
	width:50%;
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	background-image: url(box-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;background-size:cover;border-radius:5px;
}
#lynr{ width:100%; float:left; margin-top:2%;}
#sitmap{ width:100%; float:left;}
#sitmap h4{ width:100%; float:left; text-transform:capitalize; margin-top:10px; margin-bottom:10px;  font-weight:bold;  color:#333;}
#menuf { width:100%; float:left;text-align:left; }
#menuf UL {LIST-STYLE-TYPE: none;}
#menuf UL LI {
	POSITION: relative;  width:100%; float:left;TEXT-ALIGN:left;}
#menuf UL LI A {
	TEXT-ALIGN:left;
	DISPLAY: block;
	line-height:2; padding-left:15px;
	color:#333;
	transition:all 0.4s ease-in-out 0s;
	text-transform:capitalize;
	overflow:hidden;
	background-image: url(dd.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#menuf UL LI A:hover {	TEXT-DECORATION: none;
color:#0077C9;
}
#menuf UL LI OL {
width:100%; float:left;
}

#menuf UL LI OL LI {
	DISPLAY: block; FLOAT: none; background-image:none; font-weight:normal; font-size:14px;padding:0px; padding:0px;
	margin:0px; text-align:left;WIDTH:100%; border-bottom:0px; border-left:0px;
}
#menuf UL LI OL LI:after{ display:none}
#menuf UL LI OL LI A {
	text-align:left;
	text-align:left;
	DISPLAY: block;
	COLOR:#555;
	LINE-HEIGHT:2;
	background-image:url(yq.png); padding-left:45px;
	font-size:12px;
	text-transform:capitalize;
	background-repeat: no-repeat;
	background-position: 35px; center;
}
#menuf UL LI OL LI A:hover {
color:#0077C9;
}
.clear{ clear:both;}
#sitmap_1{ width:100%; padding:15px;box-sizing:content-box; box-sizing:border-box; background-color:#fff; border:#ddd solid 1px; float:left;border-radius:4px;}
#guesta .bt{
	width:100%;
	float:left;
	border-bottom:#eee solid 2px; padding-bottom:10px; margin-bottom:10px;
	font-size:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif; line-height:24px; font-weight:bold; color:#444; cursor:pointer;
}
#guesta .bt i{ float:right; line-height:24px; color:#0359BB}
#guesta{ width:100%; float:left;  overflow:hidden;  }
#guesta p{ width:100%; float:left; margin-bottom:4px; text-align:center; font-size:16px; color:#555; position:relative; text-align:left;}
#guesta p span{ color:#FF0000;}
#guesta dd{ width:100%; float:left;}
#guesta p .checkimg{ position:absolute; left:130px; cursor:pointer;top:6px; height:24px;}
#guesta input,#guesta textarea{ display:block;  outline:none;border:#ddd solid 1px; font-size:14px; outline:none;box-sizing:content-box; box-sizing:border-box;  padding:0px 1%; width:100%;}
#guesta textarea{ padding-top:5px; padding-bottom:5px; height:60px;background-color:rgba(255,255,255,0.8);}
#guesta .input1{ height:35px; color:#666;  }
#guesta .input1::-webkit-input-placeholder{ color:#666;}
#guesta .input2{  color:#666; background-color:#fff; width:120px;height:35px}
#guesta .input2::-webkit-input-placeholder{ color:#666;}
#guesta .button2{  height:28px;  width:100px;
	color:#fff;
		text-align:center;
	cursor:pointer;
	font-size:14px;
	transition:all 0.3s ease-in-out 0s;
	background-color: #555; border:0px; float:right;border-radius:3px;
}
#guesta .button2:hover{ background-color:#0077C9;}
#guesta .button3{  height:35px;  width:100%;
	color:#fff;
		text-align:center;
	cursor:pointer;
	font-size:14px;
	transition:all 0.3s ease-in-out 0s;
	background-color: #555; border:0px; float:right;border-radius:3px;
}
#guesta .button3:hover{ background-color:#0077C9;background:linear-gradient(to bottom,#0077C9, #0359BB);}
#sinngel{font-size:16px; line-height:28px; margin-top:2.5%; overflow:hidden; width:100%; float:left; color:#333;}
#sinngel  img{ max-width:96%;}
#sinngel h2{ font-size:14px; font-weight:bold; line-height:30px;color:#0077C9; font-weight:bold;}
#sinngel hr{ background-color:#0077C9; height:1px; overflow:hidden; border:0px; margin-top:10px; margin-bottom:10px;}
#sinngel  table{width:100%; }#sinngel  table td{word-wrap:break-word;word-break:break-all;}
#sinngel iframe{ moverflow:hidden;}
#sinngel  embed,#sinngel VIDEO{max-width:100%;overflow:hidden;}
#gsys{ width:100%; float:left; margin-top:3%; position:relative; z-index:1; display:block;background-color:#0077C9;}
#gsys.qy{ background-color:#f9f9f9;}
#gsys_1{width:44%; float:right; padding:8% 3%; overflow:hidden;}
#gsys .tp{
	position:absolute;
	width:50%;
	left:0px;
	height:100%;
	background-repeat: no-repeat;
	background-position: center center;background-size: cover;
}
#gsys .tp: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;}
#gsys .tp:hover: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)
}	
#gsys_1 h2{  font-weight:normal;  color:#fff; line-height:2; margin-top:4%;}
#gsys_1.qy h2{ color:#0077C9;}
#gsys_1 h3{
	color:#fff; line-height:1.8;font-weight:normal;

}
#gsys_1.qy h3{ color:#777;}
#gsys_1 h4{margin-top:4%; color:#fff; font-weight:normal;}
#gsys_1.qy h4{ color:#333;}
#gsys_1.qy p{color:#0077C9;	}
#gsys_1 p{
	color:#fff;
	line-height:1.8;
	margin-top:3%;
	font-size:16px;
	font-weight:bold;

	background-repeat: no-repeat;
	background-position: left 10%; padding-left:30px;
}
#gsys_2{ width:100%; float:left;margin-top:3%; }
#gsys_2 LI{width:100%;  text-align:center;  overflow:hidden;}
#gsys_2 LI dd{ width:100%; float:left; padding-bottom:65%;overflow:hidden; position:relative;}
#gsys_2 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; }
#gsys_2 LI:hover dd: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);
}	
#gsys_2 LI .nr h2{  line-height:2; TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;  color:#0077C9; margin-top:2%; margin-bottom:2%;}
#gsys_2 LI .nr h3{ overflow:hidden; color:#333; margin-bottom:3%;
 line-height:2;}
#gsys_2 LI img{width:100%; min-height:100%;transition:all 0.4s ease-in-out 0s; position:absolute; left:0px; top:0px; z-index:1;   }
#gsys_2 LI .nr{width:100%; text-align:center;float:left;}

#gsys_2 LI p.qt{ color:line-height:25px;
	height:25px;
	overflow:hidden;
	color:#0077C9;
	font-weight:bold;
	background-position: left center;
}
#gsys_2 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);}
	#gsys_2 LI:hover .nr h2{color:#0077C9;}
#gsys_2 .owl-controls .owl-dots .owl-dot{ margin-top:1%;}
#gsys_2 .owl-controls .owl-dots .owl-dot span{
width:10px;height:10px;margin:12px 4px; background-color:rgba(0,0,0,0.4);
}
#gsys_2 .owl-controls .owl-dots .owl-dot.active span,#gsys_2 .owl-theme .owl-dots .owl-dot:hover span{background-color:#0077C9;}
#gsys_2 .owl-controls .owl-nav{filter: Alpha(Opacity=0);transition:all 0.4s ease-in-out 0s;
-moz-opacity:0; 		opacity:0}
#gsys_2:hover .owl-controls .owl-nav{filter: Alpha(Opacity=100);
-moz-opacity:1; 		opacity:1}
#gsys_2 .owl-controls .owl-nav .owl-next,#gsys_2 .owl-controls .owl-nav .owl-prev{ position:absolute;  width:5%; top:0px; height:80%;  background:none; line-height:0px; font-size:0px;background-size:45% ;}
#gsys_2 .owl-controls .owl-nav .owl-next{ 
	left:0px;
	background-image: url(la.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#gsys_2 .owl-controls .owl-nav .owl-prev{
	right:0px;
	background-image: url(ra.png);
	background-repeat: no-repeat;
	backg
	round-position: right center;
}
#zhnl{
	width:100%;
	float:left; position:relative; margin-top:2.5%;}
#zhnl .qt{ width:68%; float:right;}
#zhnl .zd{ width:30%; position:absolute; left:0px; top:0px; height:100%; overflow:hidden; cursor:pointer;}
#zhnl .zd .bt{
	width:96%;
	text-align:left; font-weight:normal;
	position:absolute;
	bottom:0px;
	font-size:22px;
	color:#fff;
	padding:10px 2%;
	z-index:3;
	line-height:1.2;
	background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6)); transition:all 0.4s ease-in-out 0s; color:#FFF;

}
#zhnl .zd:hover .bt{ background:none;}
#zhnl .zd .bt h2,#zhnl .zd .bt p{TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; line-height:1.5;}
#zhnl .zd .bt h2{ font-size:18px;}
#zhnl .zd .bt p{
	font-size:14px;
	font-weight:bold;
	text-transform:capitalize;
	font-family: Arial, Helvetica, sans-serif;
}
#zhnl .zd .zzc{width:100%; position:absolute; left:0px; bottom:-110%; background-color:rgba(35,63,107,0.7); height:100%; z-index:2; transition:all 0.3s ease-in-out 0s;}
#zhnl .zd .zzc p{ position:absolute; left:0px; top:25%;  width:80%; padding-left:10%; padding-right:10%; line-height:20px; height:80px; overflow:hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;-webkit-box-orient: vertical;	color:#fff; font-weight:bold;}
#zhnl .zd:hover .zzc{ bottom:0px;}
#zhnl .zd img{ position:absolute; left:0px; top:0px; width:100%; min-height:100%;transition:all 0.3s ease-in-out 0s;}
#zhnl .qt  ul{LIST-STYLE-TYPE: none; margin-left:-2%;}
#zhnl .qt  ul li{ width:48%; float:left; margin-left:2%;  overflow:hidden; padding-bottom:30%; position:relative; cursor:pointer; margin-bottom:2%;}
#zhnl .qt  ul li.c4,#zhnl .qt  ul li.c3{margin-bottom:0px;}
#zhnl .qt  ul li img{ position:absolute; left:0px; top:0px; width:100%; min-height:100%;transition:all 0.3s ease-in-out 0s;}
#zhnl .qt  ul li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#zhnl .qt  ul li .bt{
	width:96%;
	text-align:left; font-weight:normal;
	position:absolute;
	bottom:0px;
	font-size:22px;
	color:#fff;
	padding:10px 2%;
	z-index:3;
	line-height:1.2;
	background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6)); transition:all 0.4s ease-in-out 0s; color:#FFF;

}
#zhnl .qt  ul li:hover .bt{ background:none;}
#zhnl .qt  ul li .bt h2,#zhnl .qt  ul li .bt p{TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; line-height:1.5;}
#zhnl .qt  ul li .bt h2{ font-size:18px;}
#zhnl .qt  ul li .bt p{
	font-size:14px;
	font-weight:bold;
	text-transform:capitalize;
	font-family: Arial, Helvetica, sans-serif;
}
#zhnl .qt  ul li .zzc{width:100%; position:absolute; left:0px; bottom:-110%; background-color:rgba(35,63,107,0.7); height:100%; z-index:2; transition:all 0.3s ease-in-out 0s;}
#zhnl .qt  ul li .zzc p{ position:absolute; left:0px; top:25%;  width:80%; padding-left:10%; padding-right:10%; line-height:20px; height:80px; overflow:hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;-webkit-box-orient: vertical;	color:#fff; font-weight:bold;}
#zhnl .qt  ul li:hover .zzc{ bottom:0px;}
@media only screen and (max-width: 1250px){#qalb UL LI h4{ font-size:20px;}#ryxl .swiper-slide{ height:350px;}#zebq ul li  span{ font-size:36px;}#zhnl .zd .bt h2,#zhnl .qt  ul li .bt h2{ font-size:16px;}#zhnl .zd .zzc p,#zhnl .qt  ul li .zzc p{ top:15%; font-size:12px;}}
@media only screen and (max-width: 1000px){#yylist  LI .nr h5{ font-size:24px;}#yylist li .tp{ padding-bottom:40%;}#qalb UL LI p{ height:200px;}#contact ul li .nrc h4{ font-size:18px;}#contact ul li .nrc dd i{ width:80px; height:80px;font-size:24px; line-height:80px; }#contact ul li .nrc .bgf i{ font-size:200px; }#contact ul li .nrc .xq p{ font-size:12px; line-height:20px;}#contact ul li .nrc .xq{ height:60px;}#ryxl .swiper-slide{ height:400px;}#zhnl .zd .bt h2,#zhnl .qt  ul li .bt h2{ font-size:14px;}#zhnl .qt  ul li .bt p,#zhnl .zd .bt p{ font-size:12px;}}
@media only screen and (max-width: 800px){#yylist  LI .nr h5{ font-size:16px; font-weight:bold;}#yylist li .tp{ padding-bottom:55%;}#yylist  LI .nr{ width:84%; padding:4%; margin-left:4%;box-shadow:1px 5px 10px #ccc;-webkit-box-shadow:1px 5px 10px #ccc;-moz-box-shadow:1px 5px 10px #ccc; margin-top:-10%; margin-bottom:20px; }#qalb UL LI p{ line-height:18px; height:180px;}#qalb UL LI h4{ font-size:16px;}#ryxl .swiper-button-prev,#ryxl .swiper-button-next{  margin-top:-25px; width:30px; height:50px;}#contact ul li .nrc h4{ font-size:16px; font-weight:bold;}#ryxl .swiper-slide{ height:330px;}#gsys_1 p{ font-size:12px;margin-top:2.5%;line-height:1.5;}#gsys_1{width:44%; padding:5% 3%; }#gsys_1 h2{ font-weight:bold;}#zhnl .zd .bt h2,#zhnl .qt  ul li .bt h2{ font-size:12px;}#zhnl .zd .zzc p,#zhnl .qt  ul li .zzc p{line-height:18px; height:54px;line-clamp:3;-webkit-line-clamp:3; font-weight:normal; top:8%}}
@media only screen and (max-width: 600px){#yylist li .tp{ padding-bottom:60%;}#qalb UL LI { width:48%; }#zebq ul li{ width:48%;}#contact ul li{ width:98%;margin-top:2%; margin-bottom:2%;}#contact ul li .nrc .xq{ height:40px;}#zxmap{width:100%; position:relative; float:left; padding-top:45%;margin-bottom:2%}#zxly{ width:100%;}#ryxl .swiper-slide{ height:250px;}}
@media only screen and (max-width: 500px){#ryxl .swiper-slide{ height:320px;}#gsys .tp{ width:100%; padding-top:60%; display:block; position:relative; float:left;}#gsys_1{width:92%; padding:4%; }}
@media only screen and (max-width: 450px){#yylist li .tp{ padding-bottom:75%;}#yylist .owl-controls .owl-nav .owl-next,#yylist .owl-controls .owl-nav .owl-prev{ top:15%;}#qalb UL LI h4{ font-size:14px; font-weight:bold}#ryxl .swiper-button-prev,#ryxl .swiper-button-next{  margin-top:-20px; width:20px; height:40px;}#contact ul li .nrc dd i{ width:60px; height:60px;font-size:24px; line-height:60px; }#contact ul li .nrc .bgf i{ font-size:150px; }#ryxl .swiper-slide{ height:280px;}}
@media only screen and (max-width: 400px){#qalb UL LI{ width:98%;}#ryxl .swiper-slide{ height:250px;}#zhnl .zd{ width:100%; position:relative; height:auto; overflow:hidden; padding-bottom:65%;}#zhnl .qt{ width:100%; margin-top:2%;}}