#head_sy{ width:97%; position:fixed; left:0px; top:0px; padding:1.5%; z-index:100;background:-webkit-linear-gradient(top, rgba(0,0,0,0.8) ,rgba(0,0,0,0));}
#head_sy .logoa{ float:left;}
#head_sy .logoa img{ height:60px; display:block; margin-top:5px;}
#head_sy .nav{ float:right; background-color:rgba(88,95,100,0.4); padding:6px;}
#maina{ width:100%; float:left;}
#fddb{width:97%; position:fixed; left:0px; bottom:0px; padding:1% 1.5%; z-index:100; background-color:rgba(0,0,0,0.4)}
#fddb .bq{ float:right; color:#fff; text-align:right; margin-left:25px;}
#fddb .bq a{ color:#fff;}
#fddb .tel{
	float:left;
	text-align:left;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif; font-size:18px;
}
#fddb .tel i{ margin-right:10px; margin-left:10px; font-size:18px;}
#sydh{ float:left;}
#sydh ul{list-style-type:none;}
#sydh ul li{ width:80px; float:left; text-align:center; margin-left:1px; margin-right:1px;}
#sydh ul li i{ font-size:30px;}
#sydh ul li p{ font-size:16px; line-height:25px; margin-top:2px;}
#sydh ul li a{ color:rgba(255,255,255,0.9);}
#sydh ul li a:hover,#sydh ul li a.sec{ color:#CDA63A;}
#sydh ul li a:hover p{ }
#hyweb{
	width:100%;
	float:left;

}
#xmdh{ position:fixed; right:0.5%; top:30%;margin-top: -32px;  text-align:center; width:20px;  z-index:100;}
#xmdh ul{list-style-type:none;}
#xmdh ul li{ position:relative; margin-top:1px; margin-bottom:1px;}
#xmdh ul li dd{ width:1px; height:0px; overflow:hidden;transition:all 0.4s ease-in-out 0s; margin-left:10px; background-color:#172F6B; opacity:0;}
#xmdh ul li em{ color:#172F6B;
	width:20px;
	text-align:center;
	display:none;
	font-size:16px;
	font-style: normal;
}
#xmdh ul li span{display:inline-block; border:#172F6B solid 1px; color:#172F6B; width:8px; height:8px;border-radius:10px; }
#xmdh.lsa ul li dd{ background-color:#fff}
#xmdh.lsa ul li span{border:#fff solid 1px; color:#fff; }
#xmdh.lsa ul li em{color:#fff; }
#xmdh ul li.active span{ display:none;}
#xmdh ul li.active em{ display:block;}
#xmdh ul li.active dd{ height:50px;opacity:1;margin-top:5px; margin-bottom:5px;}
.sybg{	background-image: url(bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;background-size: cover;}
.section{ width:100%; 	background-repeat: no-repeat;
background-position: center center; display:block; background-size: cover; overflow:hidden;}

.section.bg1{
	background-image:url(bg2.jpg);
	position:relative;
	background-position: bottom;
}
.section.bg2{ background-image:url(bg3.jpg)}
.section.bg3{  background-image:url(bg4.jpg)}
.section.bg4{ background-image:url(bg5.jpg)}
.section.bg5{ background-color:#fff;}
.section.bg6{ background-image:url(bg6.jpg)}
.section.bg7{ background-color:#172F6B}
.section.bg8{background-image:url(bgal.jpg)}
#hyweb .banner{ width:100%; float:left; position:relative; z-index:1000;}
#hyweb .banner .lmf{ position:absolute; right:-10px; z-index:10001;top:35%; z-index:100;}
#hyweb .banner .ycnr{ width:500px;position:absolute;  padding:1.5%;top:30%; right:-100%; background-color:rgba(180,134,79,0.8); z-index:101;}
#gywm{ width:100%; position:absolute; top:120px; left:0px;}
#moreg{width:100%; text-align:center; position:absolute; bottom:3%; left:0px;}
#moreg a{ font-size:16px; font-weight:600;transition:all 0.4s ease-in-out 0s;background-color:#D4151A; color:#FFFFFF;display:inline-block; padding:10px 45px; line-height:1.5;border-radius:4px;}
#moreg a i{ margin-left:10px;transition:all 0.4s ease-in-out 0s;}
#moreg a:hover{ background-color:#CC0000;}
#moreg a:hover i{ margin-left:18px;}
#company{ width:100%; float:left; text-align:center;}
#company h1{ font-size:32px; color:#373634; line-height:1.8;  }
#company p{ font-size:18px; line-height:1.8; color:#555; margin-top:1%;}
#bhsz{
	width:100%; float:left; margin-top:2%; text-align:center;

}
#bhsz ul{LIST-STYLE-TYPE: none; font-size:0px; }
#bhsz ul li{display:inline-block; width:150px; padding-left:15px; padding-right:15px; border-left:#D4151A solid 3px; text-align:left;}
#bhsz ul li dd{ font-size:18px; color:#444; line-height:1.1;}
#bhsz ul li dd span{
	font-size:40px;
	font-family:'impact',Arial, Helvetica, sans-serif; font-weight:bold; color:#111; margin-right:5px;
}
#bhsz ul li p{ font-size:16px; color:#666;}
#lmnav{ margin-top:50px; width:100%;  float:left; font-size:45px; font-weight:bold; letter-spacing:5px;color:#58595B; text-align:center; line-height:1.5; margin-bottom:1%;}
#lmnav.bai{ color:#fff;}
.nTabx{
	width:100%;
	float:left;
	text-align:center; margin-bottom:1.5%;
}
.nTabx  ul{
border:0; font-size:0px; 
}
.nTabx  li{ display:inline-block;
	text-align:center;
	cursor: pointer;
	list-style-type: none;
	 border-bottom:rgba(255,255,255,0.8) solid 2px; position:relative;  text-align:center;TEXT-OVERFLOW: ellipsis; padding-left:20px; padding-right:20px;   line-height:1.8;font-size:24px; position:relative; 

}
.nTabx  li:after{ width:0px; height:2px; position:absolute; content:"";  bottom:-2px; background-color:#D4151A;transition:all 0.4s ease-in-out 0s;}
.nTabx li.active{color:#D4151A; }
.nTabx li.active:after{ left:0px;width:100%;}
.nTabx li.normal{ color:rgba(255,255,255,0.9); }
.nTabx li.normal:after{right:0px;}
.nonea{ display:none;}
#jscx{width:100%;
	float:left;
	text-align:center;   margin-top:2%;
}
#jscx ul{ list-style-type:none;margin-left:-2%;}
#jscx UL LI { width:48%; float:left; text-align:center; margin-left:2%;overflow:hidden;  cursor:pointer; position:relative;}
#jscx UL LI .nrc{ width:92%; padding:3%;display:block;}
#jscx UL LI h4{ font-weight:bold; color:rgba(0,0,0,0.0.8); font-size:24px;transition:all 0.6s ease-in-out 0s;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; text-align:center; margin-top:6px; margin-bottom:6px; line-height:1.8;text-align:center}
#jscx UL LI  p{ font-weight:normal; line-height:30px; color:rgba(0,0,0,0.0.6); text-align:center; height:90px; font-size:16px; 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;}
#jscx UL LI dd{ display:block;width:100%; padding-bottom:55%; overflow:hidden; position:relative;}
#jscx  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; }
#jscx  UL 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)
}	
#jscx ul li img{width:100%; position:absolute; left:0px; top:0px; min-height:100%;transition:all 0.6s ease-in-out 0s; }
#jscx 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);}
#prod{ width:80%; padding-left:10%; padding-right:10%; float:left; }
#prod ul{list-style-type:none;}
#prod ul li{position:relative; overflow:hidden; float:left; height:30vh;  margin-bottom:1.5%;}
#prod ul li: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)}
#prod ul li: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)
}
#prod ul li.qt{ width:31.33%; margin-left:1%; margin-right:1%;}
#prod ul li img{ width:100%; position:absolute; min-height:100%; left:0px; top:0px;transition:all 0.6s ease-in-out 0s;}
#prod ul li.c1{ width:60%; float:left;}
#prod ul li.c2{ width:38%; float:right;}
#prod ul li.c3{ width:38%; float:left;}
#prod ul li.c4{ width:60%; float:right;}
#prod ul li:hover img{transform: scale(1.1);
	-o-transform: scale(1.1) ;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);}
#ywly{ width:100%; float:left; height:100vh; position:relative;}
#ywly .bzd{ width:65%; position:absolute; right:2%; bottom:8%; z-index:10;}
#ywly .bzd img{ max-width:100%; float:right;}
#ywly .bz_device { width:100%; height:100vh; float:left;}
#ywly .swiper-container { width:100%;height:100vh;}
#ywly .swiper-container .swiper-slide {
	width:100%;
	height:100vh;
	background-image: url(bg5.jpg);
	background-repeat: no-repeat;
	background-position: center center;background-size:cover; position:relative;
}
#ywly .swiper-container .swiper-slide .nrc{ width:480px; text-align:left; position:absolute; right:0px; bottom:0px; height:80%; background-color:rgba(22,55,106,0.8); z-index:2; padding:0px 40px; padding-right:100px;)}
#ywly .swiper-container .swiper-slide h4{ font-size:24px; color:#fff; border-left:#D4151A solid 2px; padding-left:10px;line-height:1.5;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; margin-top:50px;}
#ywly .swiper-container .swiper-slide .nrc .js{ font-size:16px; line-height:1.8; margin-top:3%; margin-bottom:3%; color:rgba(255,255,255,0.5); text-align:left; overflow-y:auto; max-height:200px;}
#ywly .swiper-container .swiper-slide .nrc span{
	display:inline-block; width:31px; height:18px; margin-top:2.5%;
	background-image: url(jta.png);
	background-repeat: no-repeat;
	background-position: center center; cursor:pointer;
}
#ywly .swiper-container .swiper-slide .nrc .js::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #F5F5F5
}
#ywly .swiper-container .swiper-slide .nrc .js::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2
}

#ywly .swiper-container .swiper-slide .nrc .js::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0, .6);
    background-color: #888;
}
#bz_swiper .swiper-pagination-bullets {
	left: 0px; width: 94%; text-align:right; padding:0px 3%; bottom:10px; position: absolute; z-index: 10; display:none;
}
#bz_swiper .swiper-pagination-bullet {
	background: rgb(255, 255, 255,0.5); margin: 0px 3px; border-radius: 100%; width: 10px; height: 10px; display: inline-block; cursor: pointer;
}
#bz_swiper .swiper-pagination-bullet-active {
	background: #D4151A;
}

#ywly .tab_wrap{
	width:500px;
	position:absolute;
	height:800px;
	left:0px;
	top:50%; margin-top:-350px;
	z-index:4;
	background-image: url(ggd.png);
	background-repeat: no-repeat;
	background-position: left center;background-size:auto 80%; 
}
#ywly .bz_tab { }
#ywly .tab_wrap li{
	width:250px;
	position:absolute;
	background-image: url(yb.png);
	background-repeat: no-repeat;
	background-position: left bottom;background-size:45px; cursor:pointer;
}
#ywly .tab_wrap li:nth-of-type(1){ right:180px; top:32px;}
#ywly .tab_wrap li:nth-of-type(2){ right:40px; top:120px;}
#ywly .tab_wrap li:nth-of-type(3){ right:-20px; top:220px;}
#ywly .tab_wrap li:nth-of-type(4){ right:-45px; top:330px;}
#ywly .tab_wrap li:nth-of-type(5){ right:-35px; top:430px;}
#ywly .tab_wrap li:nth-of-type(6){ right:16px; top:530px;}
#ywly .tab_wrap li:nth-of-type(7){ right:150px; top:632px;}
#ywly .tab_wrap li dd{ float:left; width:180px; float:right;}
#ywly .tab_wrap li dd img{ max-width:70px;transition:all 0.6s ease-in-out 0s;}
#ywly .tab_wrap li dd p{ font-size:16px; line-height:1.5;transition:all 0.6s ease-in-out 0s; color:#fff; font-weight:bold;}
#ywly .tab_wrap  .tab_active dd p{ font-size:18px;}
#ywly .tab_wrap  .tab_active dd img{ 	-o-transform: scale(1.1) ;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);}
#ywly .tab_wrap .tab_active{
	background-image: url(ya.png);
	background-repeat: no-repeat;
	background-position: left bottom;background-size:45px;
}
#news{ width:100%; float:left; position:relative; display:block;}
#news_1{width:20%; float:left;}
#news_1  h3{
	font-size:42px;
	color:#555;
	line-height:1.2;
	background-image: url(s7.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:20px;
	text-transform:uppercase; font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
}
#news_1  h4{ font-size:24px; color:#333; margin-top:20px; line-height:1.8;}
#news .more{ position:absolute; left:0px; bottom:0px;transition:all 0.4s ease-in-out 0s; width:150px;   line-height:40px;border-radius:6px; background-color:#D4151A ;font-size:16px; color:#fff; font-weight:bold; text-align:center;}
#news .more i{ margin-left:12px; font-size:18px;transition:all 0.4s ease-in-out 0s;}
#news .more:hover{ background-color:#D4151A; background: linear-gradient(to right, #D4151A, #aa0000);}
#news .more:hover i{ margin-left:20px;}
#news_2{ width:75%; float:right;}
#xwlist{
	width:100%; 
	FLOAT: left; 
}
#xwlist li{ list-style-type:none;}
#xwlist  LI{  text-align:left;  transition:all 0.4s ease-in-out 0s;}

#xwlist  LI  dd{ width:42%; padding-top:30%;  overflow:hidden; position:relative; text-align:center; float:right;}
#xwlist  LI  dd img{ width:100%; min-height:100%; position:absolute; left:0px; top:0px;transition:all 0.6s ease-in-out 0s;}
#xwlist  LI:hover dd img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#xwlist  LI .nr{  float:left; width:56%;}
#xwlist  LI  h5{ font-weight:600; color:#111; line-height:1.5; 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; font-size:18px; }
	

#xwlist  LI  p{ 
	color:#999;
	 font-size:15px; text-align:left;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;  margin-top:10px; line-height:1.8;
}
#xwlist  LI:hover h5{ color:#D4151A}
#newsa{ width:100%; float:left; padding-top:2.5%; margin-top:2.5%; border-top:#333  solid 1px;}
#newsa_1{
	width:100%;
	float:left; 
	}
#newsa_1 UL {
	COLOR:#565656; list-style-type:none; margin-left:-2%;
}

#newsa_1 UL LI {
	 width:31.33%; float:left;
	line-height:22px;
	position:relative; margin-left:2%; 
	
}
#newsa_1 UL LI.zyjs{ background-image:none; line-height:26px; font-size:14px; text-align:left; color:#888; }
#newsa_1 UL LI b{ font-size:40px; color:#fff;  line-height:40px; font-weight:normal;}
#newsa_1 UL LI span{ color:#999; font-size:14px;display: -webkit-box;
-webkit-box-orient; 
text-overflow: ellipsis;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; height:40px; line-height:20px;}
#newsa_1 UL LI p{ font-size:15px; line-height:22px; height:44px; font-weight:600; 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; color:#111; margin-top:5px;}
#newsa_1 UL LI A dd {border-radius:2px; position:relative;
	text-align:center;
	cursor:pointer;
	width:70px; height:75px;
	font-weight:normal;
	  background-color:#D4151A; color:#fff;
	float:left;
	margin-right:3%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top:8px;
	line-height:32px;
	border-radius:2px;

}
#newsa_1 UL LI A dd:after{ width:100%; height:1px; background-color:#ddd; bottom:-5px; position:absolute; left:0px; content:"";}
#newsa_1 UL LI A:hover dd{
	   background: linear-gradient(to bottom,#D4151A, #aa0000); color:#fff;
}
#newsa_1 UL LI A:hover dd b{ color:#fff;}
#newsa_1 UL LI a:hover p{ color:#D4151A}

#link{ width:97%; float:left; color:#fff; line-height:1.8; margin-top:1.5%; padding:1% 1.5%; background-color:rgba(255,255,255,0.2); text-align:left; }
#link a{ color:#fff; margin-left:6px; margin-right:6px; font-size:12px;}
#hzal{width:100%;
	float:left;
	text-align:center;   margin-top:2%;
}
#hzal ul{ list-style-type:none;margin-left:-2%;}
#hzal UL LI { width:23%; float:left; text-align:center; margin-left:2%; margin-top:1%; margin-bottom:1%;overflow:hidden;  cursor:pointer; position:relative;}
#hzal UL LI:nth-of-type(1),#hzal UL LI:nth-of-type(2),#hzal UL LI:nth-of-type(3){width:31.33%;margin-left:2%; float:left;  }
#hzal UL LI dd{ width:100%; float:; position:relative; padding-top:60%; overflow:hidden;}
#hzal UL LI dd img{ position:absolute; width:100%; min-height:100%; left:0px; top:0px; border:0px; z-index:1;transition:all 0.4s ease-in-out 0s;}
#hzal UL LI:hover dd img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#hzal UL LI dd p{ position:absolute; width:95%; font-size:22px; line-height:2;
	background-image: url(al1.png);
	background-repeat: no-repeat;
	background-position: left center;background-size:cover; TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; left:0px; bottom:0px; padding:0px 2.5%; color:#fff; text-align:left; color:#fff; z-index:2;
}
#spzs{ width:100%; position:fixed; z-index:2000;top:0px; height:100%;  background-color:rgba(0,0,0,0.9);  text-align:center;}
#videoa{width:90%; margin-left:5%;   float:left;  margin-top:4%;  position:relative;}	
#videos{ width:100%; float:left; box-sizing:content-box; box-sizing:border-box; overflow:hidden;}
#videos h5{ font-size:16px; text-align:center; font-weight:bold; line-height:2; margin-bottom:12px; color:#111; border-bottom:#ddd solid 1px;}
#videos .xq{ width:100%; float:left;}
#videoa .gbf{
	width:100%;
	float:left;
	background-image: url(gb.png);
	background-repeat: no-repeat;
	background-position: right center;
	height:35px;
	cursor:pointer;
	line-height:35px;
	color:#000;
	TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;
}
#videos  iframe,#videos embed,#videos VIDEO{width:100%; max-height:650px; background-color:#000000;}