@charset "utf-8";
#dhtel{position:fixed; z-index:99999;top:0;width:100%; margin:0 auto; height:100px; background:#00000030 none repeat 0 0 !important;/*实现FF背景透明，文字不透明*/
 background:#00426290 ;_filter:Alpha(opacity=90);filter:Alpha(opacity=90); /*实现FF背景透明，文字不透明*/ border-bottom:1px solid #cccccc30;
/*实现IE背景透明filter:Alpha(opacity=70);*/}
.dhtel-right{ float:right;  width:60%; margin-right:2%;}
.dhtel-right a{color:#fff;}
.dhtel-right-1 ,.dhtel-right-2{ float:right; overflow:hidden; color:#fff; font-size:18px; font-weight:500; line-height:100px; }
.dhtel-right-1 a ,.dhtel-right-2 a {color:#fff;}
.dhtel-right-1 a:hover ,.dhtel-right-2 a:hover{color:#d4d4d4;}
				
/*导航 浮动*/
#mynav{  position:fixed; z-index:999999;top:100px;width:100%; margin:0 auto; height:85px; background:#00000030 none repeat 0 0 !important;/*实现FF背景透明，文字不透明*/
 background:#00426290 ;_filter:Alpha(opacity=90);filter:Alpha(opacity=90); /*实现FF背景透明，文字不透明*/
/*实现IE背景透明filter:Alpha(opacity=70);*/}

.maxw{ }
.naver{position:relative;z-index:30;overflow:visible; position:sticky;top:50px;z-index:100;}

.navl{width:100%;margin:0 auto;height:85px; text-align:center; padding:0 6%;}
.navleft{width:30%;float:left; align-items: center;display: flex; height:100px;}
.navleft a {align-items: center;}
.navleft a img{align-items: center; text-align:left; width:100%;}

.navleftlogo{width:30%;float:left; align-items: center;display: flex; height:100px;}
.navleftlogo a {align-items: center;}
.navleftlogo a img{align-items: center; text-align:left; width:100%;}


.navright{width:90%; margin:0 auto; float:right;}
.navright ul{width:100%; margin:0 auto;}
.navright ul a{color:#fff;}
.navright ul li.navli{float:left;width:16.6%;cursor:pointer; }
.navl .navright ul li a{ color:#000; font-size:20px; font-weight:500;}
.navright ul li.navli:hover{background:#fff;transition:all .7s;}
.navright ul li.navli:hover a.nava{color:#000;transition:all .3s;}
.navright ul li.navli a.nava{display:block;width:100%;font-size:22px;text-align:center;height:85px;line-height:85px;z-index:50; color:#fff;}

.navpro{position:absolute;top:85px;left:0;z-index:999;overflow:hidden;color:#000;width:100%;display:none;}
.navpro a{ color:#000000;}
.navpro a:hover{color:#004262;transition:all .3s;}

.navnew{position:absolute;top:85px;left:0;z-index:999;overflow:hidden;color:#000;width:100%;display:none;}
.navnew a{color:#fff;}
.navnew a:hover{color:#004262;transition:all .3s;}

.navabt{position:absolute;top:85px;left:0;z-index:999;overflow:hidden;color:#000;width:100%;display:none;}
.navabt a{color:#fff;}
.navabt a:hover{color:#004262;transition:all .3s;}

.navappn{position:absolute;top:85px;left:0;z-index:999;overflow:hidden;color:#000;width:100%;display:none;}
.navappn a{color:#fff;}
.navappn a:hover{color:#004262;transition:all .3s;}

.navtel{position:absolute;top:85px;left:0;z-index:999;overflow:hidden;color:#000;width:100%;display:none;}
.navtel a{color:#fff;}
.navtel a:hover{color:#004262;transition:all .3s;}

.navpro{background:#ffffff;overflow:hidden;padding:30px 5%;}

.navpro .ul{ width:85%; margin-left:10%; margin-right:5%;overflow:hidden;}
.navpro .ul dl{float:left;width:33%; overflow:hidden;}
.navpro .ul dl dt{float:left;width:100%;overflow:hidden;}
.navpro .ul dl dd{float:left;width:100%;overflow:hidden; text-align:left;}
.navpro .ul dl dt a{font-size:26px;line-height:56px;margin-bottom:0px;}
.navpro .ul dl dd a , .navpro ul dl a{color:#000;}
.navpro .ul dl dd a{line-height:30px;height:30px;  font-size:22px; width:100%; font-weight:100; color:#000;}
.navpro .ul dl dt a {color:#004262;transition:all .3s;font-size:26px; float:left; font-weight: bolder;}

.navpro dl dt a:hover , .navpro dl dd a:hover{color:#004262;transition:all .3s;font-size:24px; font-weight: bolder;}

.nptopnew{background:#ffffff;overflow:hidden;padding:30px 5%;}

.nptopnew ul li{width:25%; text-align:center;}
.nptopnew ul li.navlistnew{margin-left:0;}
.nptopnew ul li dl dt{font-size:18px;line-height:28px;margin-bottom:32px;}
.nptopnew ul li dl dd{line-height:20px;height:40px;}

.nptopapp{background:#ffffff;overflow:hidden;padding:30px 5%;}

.nptopapp ul li{width:25%; text-align:center;}
.nptopapp ul li dl dt{font-size:18px;line-height:28px;margin-bottom:32px;}
.nptopapp ul li dl dd{line-height:20px;height:40px;}

.nptoptel{background:#ffffff;overflow:hidden;padding:30px 20%;}
.nptoptel ul li{width:100%; text-align:center;}
.nptoptel ul li dl dt{font-size:18px;line-height:28px;margin-bottom:32px;}
.nptoptel ul li dl dd{line-height:20px;height:40px;}

.navabout{width:100%; display: flex;}
.navabout li{ display:block; box-sizing:border-box; float:left; margin:0.4%; overflow:hidden; }
.navabout li {	-webkit-border-radius: .1rem;	-moz-border-radius: .1rem;	border-radius: .1rem;	overflow: hidden;	position: relative;}
.navabout li:not(:last-child) {	margin-right: .3rem;}
.nav_list_show li a {display: block; overflow: hidden}
.navabout li .img{width:100%;-webkit-border-radius:.9rem;-moz-border-radius: .9rem;	border-radius: .9rem;background: #FFF;position: relative;overflow: hidden}
.navabout .img::after {	content: '';position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);	width: 100%;height: 100%;
	box-sizing: border-box;	border: 1px solid transparent;	-webkit-border-radius: .1rem;	border-radius: .1rem;}
.navabout li .img:before {content: "";display: block;	padding-bottom: 64%}
.navabout .img img {	position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);	width: 100%;height: 100%;object-fit: cover}
.navabout .txt {	margin-top: 0.16rem;	text-align: center;}
.navabout .txt p {	font-size:18px;	color: #555;	overflow: hidden;	}
.navabout .txt p:hover{color: #009ad3;}

.navabout li:hover .img::after {	width: calc(100% - .98rem);	height: calc(100% - .98rem);	border-color: #FFF;}
.navabout li:hover .img img {	width: 110%;	height: 110%;}
.navabout li :hover p {	color:#009ad3;}
.navabout li .img::after,
.navabout li .img img {	-webkit-transition: all .5s ease;	transition: all .5s ease}
.navabout .nlb {line-height:35px; margin:0 auto; width:80%;  display:inline;overflow:hidden;}


.navlxwm{width:100%; display: flex;}
.navlxwm li{ display:block; box-sizing:border-box; float:left; margin:0.4%; overflow:hidden; }
.navlxwm li {	-webkit-border-radius: .1rem;	-moz-border-radius: .1rem;	border-radius: .1rem;	overflow: hidden;	position: relative;}
.navlxwm li:not(:last-child) {	margin-right: .3rem;}
.nav_list_show li a {display: block; overflow: hidden}
.navlxwm li .img{width:100%;-webkit-border-radius:.9rem;-moz-border-radius: .9rem;	border-radius: .9rem;background: #FFF;position: relative;overflow: hidden}
.navlxwm .img::after {	content: '';position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);	width: 100%;height: 100%;
	box-sizing: border-box;	border: 1px solid transparent;	-webkit-border-radius: .1rem;	border-radius: .1rem;}
.navlxwm li .img:before {content: "";display: block;	padding-bottom: 64%}
.navlxwm .img img {	position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);	width: 100%;height: 100%;object-fit: cover}
.navlxwm .txt {	margin-top: 0.16rem;	text-align: center;}
.navlxwm .txt p {	font-size:18px;	color: #555;	overflow: hidden;	}
.navlxwm .txt p:hover{color: #009ad3;}

.navlxwm li:hover .img::after {	width: calc(100% - .98rem);	height: calc(100% - .98rem);	border-color: #FFF;}
.navlxwm li:hover .img img {	width: 110%;	height: 110%;}
.navlxwm li :hover p {	color:#009ad3;}
.navlxwm li .img::after,
.navlxwm li .img img {	-webkit-transition: all .5s ease;	transition: all .5s ease}
.navlxwm .nlb {line-height:35px; margin:0 auto; width:80%;  display:inline;overflow:hidden;}
@media only screen and (max-width:1190px)
{
.dhtel-right{ float:right;  width:60%; margin-right:2%;}
.dhtel-right-1 ,.dhtel-right-2{ float:right; overflow:hidden; color:#fff; font-size:18px;  font-weight:300; line-height:100px;}

}

@media only screen and (max-width:768px)
{#mynav{ }
.navright{ display:none;}


.navleft{width:67%;float:left; align-items: center;display: flex;}
.navleft a {align-items: center;}
.navleft a img{align-items: center; text-align:left;}

.navleftlogo{display:none;}
#dhtel{position:fixed; z-index:99999;top:0;width:100%; margin:0 auto; height:50px; background:#00000030 none repeat 0 0 !important;/*实现FF背景透明，文字不透明*/
 background:#063b5490 ;_filter:Alpha(opacity=90);filter:Alpha(opacity=90); /*实现FF背景透明，文字不透明*/ border-bottom:1px solid #cccccc30;
/*实现IE背景透明filter:Alpha(opacity=70);*/}
.dhtel-right{ text-align:center;  width:100%;}
.dhtel-right-1 ,.dhtel-right-2{  overflow:hidden; color:#fff; font-size:18px;  font-weight:500; line-height:50px; margin:0 1%;}
.dhtel-right-1 a:hover ,.dhtel-right-2 a:hover{color:#004262;}

.navright ul li.navli a.nava{display:block;width:100%;font-size:16px;text-align:center;height:85px;line-height:85px;z-index:50; color:#fff; }

#mynav{  position:fixed; z-index:999999;top:50px;width:100%; margin:0 auto; height:85px; background:#00000030 none repeat 0 0 !important;/*实现FF背景透明，文字不透明*/
 background:#00426290 ;_filter:Alpha(opacity=90);filter:Alpha(opacity=90); /*实现FF背景透明，文字不透明*/
/*实现IE背景透明filter:Alpha(opacity=70);*/}

}
@media only screen and (max-width:1024px)
{.navright ul li.navli a.nava{display:block;width:100%;font-size:18px;text-align:center;height:85px;line-height:85px;z-index:50; color:#fff;}
}
@media only screen and (max-width:1240px)
{.navright ul li.navli a.nava{display:block;width:100%;font-size:20px;text-align:center;height:85px;line-height:85px;z-index:50; color:#fff;}
}
@media only screen and (max-width:600px)
{#mynav{height:80px; }
.naver{position:relative;z-index:30;overflow:visible; position:sticky;top:0;z-index:100;}
.navl{width:100%;margin:0 auto;height:80px; text-align:center; padding:0 6%;}
.navright{ display:none;}
.navright{ display:none;}
.navleft{width:80%;float:left; align-items: center;display: flex; height:55px;}
.navleft a {align-items: center;}
.navleft a img{align-items: center; text-align:left; }
.navright ul li.navli a.nava{display:block;width:100%;font-size:16px;text-align:center;height:55px;line-height:45px;z-index:50; color:#fff;}

}






.banner-wrap{margin:0 auto;overflow:hidden;z-index:20}
.banner{width:100%;background:#fff;}
.banner .ui-carousel-item a{display:block;width:100%;}
.banner .ui-carousel-item a img{}
.banner .ui-carousel-page{bottom:25px;z-index:100;}
.banner .ui-carousel-page li{height:10px;width:10px;border-radius:10px;transition:all 1s}
.banner .ui-carousel-page li.active{width:40px;}
.ui-carousel-prev,.ui-carousel-next{width:140px;}
.ui-carousel-prev-icon,.ui-carousel-next-icon{background:rgba(0,0,0,.2);width:60px;height:60px;padding:20px;border-radius:50%;font-size:24px;position:relative;}
.ui-carousel-next-icon:after{display:block;position:absolute;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");width:20px;height:20px;top:20px;left:20px;}
.ui-carousel-prev-icon:after{display:block;position:absolute;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");width:20px;height:20px;top:20px;left:20px;}