#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:#fff; opacity:0;}
#xmdh ul li em{ color:#fff;
	width:20px;
	text-align:center;
	display:none;
	font-size:14px;
	font-style: normal;
}
#xmdh ul li span{display:inline-block; border:#fff solid 1px; color:#fff; width:8px; height:8px;border-radius:10px; }
#xmdh.lsa ul li dd{ background-color:#171B62}
#xmdh.lsa ul li span{border:#171B62 solid 1px; color:#fff; }
#xmdh.lsa ul li em{color:#171B62; }
#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-color:#343F51;
	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(img/abg.jpg);
	position:relative;
	background-position: center bottom;
	background-repeat: no-repeat;
}
.section.bg2{
	background-image:url(img/bg2.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;	position:relative;
}
.section.bg2 .lc{ width:100%; position:absolute; z-index:1; left:0px; bottom:0px;}
.section.bg2 .lc img{ width:100%; display:block;}
.section.bg2 #lmbt{ position:absolute; left:0px; top:80px;}
.section.bg3{
	background-image:url(img/bg3.jpg)
}
.section.bg4{ background-color:#BECFE3;}
.section.bg5{ background-color:#F2F2F2}
.section.bg7{
	background-color:#172F6B;
	background-image: url(img/fbg.jpg);
	background-repeat: repeat;
	background-position: center top;
}

#gywm{ width:100%; float:left; position:relative; z-index:1;}
#gywm .zzc{ width:72%; position:absolute; right:0px; top:0px; z-index:-1; height:95%;box-shadow: 0px 1px 8px #777;-webkit-box-shadow: 0px 1px 8px #888;-moz-box-shadow: 0px 1px 8px #777; background-color:#0469A6;}
#moreg{width:100%; float:left; margin-top:2%; border-top:rgba(255,255,255,0.9) solid 1px;  }
#moreg a{ font-size:16px; font-weight:600;transition:all 0.4s ease-in-out 0s;background-color:rgba(255,255,255,0.8); color:#0469A6;display:inline-block; padding:10px 35px; margin-top:2%;line-height:1.2;border-radius:50px;}
#moreg a i{ margin-left:10px;transition:all 0.4s ease-in-out 0s;}
#moreg a:hover{ background-color:#fff;}
#moreg a:hover i{ margin-left:18px;}
#company{ width:100%; float:left;}
#company .lmt{ width:100%; float:left;color:#014493}
#company .lmt h1{  letter-spacing:3px; line-height:1.5;}
#company .lmt p{
	line-height:1.2;
	font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;
}
#company .nrzs{ width:100%; float:left;  position:relative; margin-top:1%; padding-bottom:6%;}
#company .nrzs .zt{ width:46%; box-sizing:content-box; box-sizing:border-box;background-color:#fff; padding:25px; position:absolute; left:0px; top:2%; min-height:100%;box-shadow: 0px 1px 8px #555;-webkit-box-shadow: 0px 1px 8px #555;-moz-box-shadow: 0px 1px 8px #555; }
#company .nrzs .zsq{ width:51%; float:right;}
#gsjs{ width:100%; float:left; color:#fff;  padding-bottom:2.5%;}
#gsjs p{ line-height:1.8;}
#gsjs p img{ max-width:100%; display:block;}
#gsjs p.z1{margin-top:2.5%; font-weight:bold;}
#slzs{ width:100%; float:left; overflow:hidden; }
#zebq{
	width:100%;
	float:left;margin-top:2%
	}
#zebq ul{LIST-STYLE-TYPE: none;overflow:hidden; }
#zebq ul li{width:25%; text-align:center; float:left; 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;}
#zebq ul li  span{
	margin-right:8px;
	font-weight:600;
	font-size:60px;
	font-family: "Times New Roman", Times, serif;
	line-height:1;
}
#lmbt{ color:#fff;width:100%; text-align:center; float:left; margin-bottom:2.5%;}
#lmbt h1{ letter-spacing:3px; line-height:1.5;}
#lmbt p{
	line-height:1.6; 
	
}
#lmbt p.en{text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;}
#lmbt.ys h1{color:#234990}
#lmbt.ys p{ color:#888;}
#lmbt.ys p.en{color:#1A1A1A}
#lczs{
	width:100%;
	position:absolute;
	left:0px;
	bottom:0px;
	background-image: url(img/yh.png);
	background-repeat: no-repeat;
	background-position: center bottom; background-size:100% auto;
}
#lczs .tp{ width:100%; display:block; position:relative; float:left; margin-top:-120px;}
#fzlc{
	width:100%;
	float:left; margin-top:8.5%; margin-bottom:24%;
	}
#fzlc ul{LIST-STYLE-TYPE: none;}
#fzlc ul li{width:18%; float:left;  color:#fff; margin-left:1%; margin-right:1%; padding-left:15px;box-sizing:content-box; box-sizing:border-box; border-left: dotted 1px #fff; position:relative; }
#fzlc ul li.c1{ margin-top:0px;}
#fzlc ul li.c2{ margin-top:-5%;}
#fzlc ul li.c3{ margin-top:-7.5%;}
#fzlc ul li.c4{ margin-top:-7.2%;}
#fzlc ul li.c5{ margin-top:-4.8%;}
#fzlc ul li:after{ width:12px; height:12px; background-color:#fff; position:absolute; content:""; left:-6px; bottom:0px;border-radius:100%; }
#fzlc ul li h1{ line-height:1.8;}
#fzlc ul  li p{ line-height:20px; font-size:14px; font-weight:bold; margin-top:10px; height:100px;overflow:hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 5;
    -webkit-line-clamp: 5;-webkit-box-orient: vertical; margin-bottom:20px;}
#fzlc ul li.c5 p{ font-size:24px; font-weight:bold;}
#lcnr{ width:100%; float:left; margin-top:0.5%;}
#lcnr img{ display:block; width:100%; }
#zhnl{
	width:100%;
	float:left; position:relative;}
#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;}
#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-size:cover; position:relative; z-index:1;
}
#ywly .swiper-container .swiper-slide .bgt{
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	background-position: center bottom;background-size:cover; z-index:-1;
}
#ywly .swiper-container .swiper-slide .wznr{width:100%; position:absolute; text-align:center; left:0px; top:25%;  z-index:1;  
}

#ywly .swiper-container .swiper-slide .wznr .js{ width:100%; display:none; float:left;  text-align:center; color:#FFFFFF; overflow:hidden;}
#ywly .swiper-container .swiper-slide .wznr h5{
	color:#fff;
	line-height:2;
	text-shadow: 1px 2px 8px #000;
	text-transform:uppercase;font-weight:normal; letter-spacing:2px;
	}
#ywly .swiper-container .swiper-slide .wznr h4{   letter-spacing:4px; line-height:1.5;text-shadow: 1px 2px 8px #000; }
#ywly .swiper-container .swiper-slide .wznr p{ font-weight:normal;  margin-top:10px; line-height:1.8;text-shadow: 1px 2px 8px #000;} 
#ywly .swiper-container .swiper-slide .wznr span{display:inline-block;  color:#fff; text-align:center; text-transform:uppercase; cursor:pointer; padding-left:25px; padding-right:25px;border-radius:4px; background-color:#234990; line-height:2;  font-weight:normal; margin-top:2%;}
#ywly .swiper-container .swiper-slide .wznr span i{ margin-left:12px;}
#ywly .swiper-container .swiper-slide .wznr span:hover{ background-color:#006CB3;}
#ywly .swiper-container .swiper-slide-active .wznr .js{ display:block;}
#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{
	position:absolute; width:250px;
	height:100%;
	left:2%;
	top:0px; 
	z-index:2; border-left:rgba(255,255,255,0.6) dotted 1px;

}
#ywly .tab_wrap .lmc{ width:100%; left:0px; top:0px; top:35%;	position:absolute;}
#ywly .bz_tab { }
#ywly .tab_wrap li{ width:100%; cursor:pointer; float:left;  margin-top:4%; margin-bottom:4%; position:relative;}
#ywly .tab_wrap li:after{ display:none; width:10px; height:10px; background-color:#fff; position:absolute; content:""; left:-5px; top:50%; margin-top:-5px;border-radius:100%;}
#ywly .tab_wrap li:before{ width:10px; height:1px; border-bottom:rgba(255,255,255,0.6) dotted 1px; position:absolute; content:""; left:0px; top:50%;margin-top:-1px; transition:all 0.4s ease-in-out 0s; }
#ywly .tab_wrap li  p{ padding-left:15px; line-height:1.5;transition:all 0.6s ease-in-out 0s; color:#fff; transition:all 0.4s ease-in-out 0s;text-shadow: 1px 2px 8px #000;}
#ywly .tab_wrap  .tab_active  p{font-weight:bold; padding-left:30px;}

#ywly .tab_wrap  li.tab_active:after{ display: block;
}
#ywly .tab_wrap  li.tab_active:before{width:25px;border-bottom:rgba(255,255,255,0.6)  solid 1px;}
#news_1{
	width:100%;
	float:left; margin-top:-1%;
	}
#news_1 ul{LIST-STYLE-TYPE: none; margin-left:-2%;}
#news_1 ul li{width:48%; float:left; margin-left:2%; padding:20px 25px; margin-top:1%; margin-bottom:1%; background-color:#fff;box-sizing:content-box; box-sizing:border-box;  position:relative; }
#news_1 ul li dd{ font-size:14px; line-height:1.8; color:#333333;}
#news_1 ul li h1{ line-height:2; color:#111;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;}
#news_1 ul li p{overflow:hidden; font-size:14px; 
    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:1.5; color:#888; padding-right:70px; position:relative; margin-top:5px;}
#news_1 ul li p i{ position:absolute; right:0px; bottom:0px; width:40px; height:40px; line-height:40px; text-align:center; border:#666 solid 1px; color:#666; font-size:14px;}
#news_1 ul li:hover p i{ border:#234990 solid 1px; background-color:#224891; color:#fff;}
#news_1 ul li:hover h1{color:#224891}
#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;}