#partd{ width:100%; float:left; padding-bottom:2%;}
#parte{
	width:100%;
	float:left;
		background-image: url(bgbg.jpg);
	background-repeat: no-repeat;
	background-position: center center; padding-top:2.5%; padding-bottom:2.5%;
	background-size:cover;
}
#partf{width:100%;
	float:left; padding-top:2.5%; padding-bottom:2.5%; background-color:#F5F5F5;}
#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:#f4f4f4; 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; }
#zebq ul li{width:20%; padding:3% 2.5%;text-align:center; float:left; overflow:hidden;  margin-left:-1px; position:relative; z-index:1;  color:#fff; text-align:center; }
#zebq ul li img{ position:absolute; right:10%; bottom:25%; max-width:80%; z-index:-1;filter: Alpha(Opacity=20);-moz-opacity:0.2; opacity:0.2;}
#zebq ul li p{ color:#666; font-size:16px; margin-top:6%; text-transform:capitalize;}
#zebq ul li h5{ font-size:24px;   color:#CD1A2C; position:relative; padding-bottom:10%; }
#zebq ul li h5:after{ width:30%; left:35%; background-color:#CD1A2C; height:4px; position:absolute; bottom:0px; content:"";}
#zebq ul li  span{ margin-right:8px;
	font-size:38px;
	font-weight:normal;color:#CD1A2C;
	font-family: Arial, Helvetica, sans-serif; line-height:1;
}
#qyhj{ width:100%;position:relative; overflow:hidden; }

#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: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:#000 solid 1px; width:110%; height:110%; left:-5%; top:-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:#CD1A2C;}
#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:#CD1A2C; border:#CD1A2C solid 1px;background:-webkit-linear-gradient(top, #cc0000 ,#CD1A2C);}
#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:#CD1A2C;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:#CD1A2C;}
#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:24px;
	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{color:#888; line-height:25px; font-size:16px;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:43%; float:right;}
#zxmap{
	width:55%;
	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:#CD1A2C;
}
#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:#CD1A2C;
}
.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;}
@media only screen and (max-width: 1250px){#qalb UL LI h4{ font-size:20px;}#ryxl .swiper-slide{ height:350px;}}
@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;}#zebq ul li p{ font-size:14px; line-height:25px; height:50px;}#zebq ul li h5{ font-size:18px;}#zebq ul li  span{ font-size:26px;}#zebq ul li h5:after{ height:2px;}#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:14px; line-height:20px;}#contact ul li .nrc .xq{ height:50px; font-size:14px;}#ryxl .swiper-slide{ height:400px;}}
@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;}}
@media only screen and (max-width: 600px){#yylist li .tp{ padding-bottom:60%;}#qalb UL LI { width:48%; }#zebq ul li{ width:45%;}#contact ul li{ width:98%;margin-top:2%; margin-bottom:2%;}#contact ul li .nrc .xq{ height:40px; font-size:12px;}#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;}}
@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;}}