/* CSS Document */
body,
div,
p,
a,
table,
textarea,
form,
input,
img,
ul,
li,
h1,
h2,
dl,
dd,
dt,
figure,
em,
i,
u {
	margin: 0;
	padding: 0;
	font-family: 微软雅黑, arial;
	list-style: none;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
}

button:focus {
	outline: 0
}




body {
	transition: all 0.2s ease-in-out 0s;
	word-break: break-all;
	margin: 0 auto;
	background: #fff;
}

* {
	margin: 0;
	padding: 0
}

a {color:#333; text-decoration:none;}
a:hover {color:#00a0e9; text-decoration:none; transition: all 0.2s linear;}


img {
	border: none;
}

select,
textarea,
input,
button {
	background: #fff;
	-webkit-appearance: none;
	font-family: 微软雅黑, arial;
}



.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 1px;
	width: 100%;
}


.clear1 {
	margin: 0px;
	padding: 0px;
	clear: both;
	line-height: 0px;
	clear: both;
	font-size: 0px;
	height: 10px;
}
.com {width:90%; margin:0 auto; height:80px; line-height:80px; font-size:32px; font-weight:bold;}


/*轮播图*/

.slider{width: 100%; margin-top:66px; height: 550px; overflow: hidden;}
.slider .w1200{position: absolute;top: 0;left: 10%;transform: translateX(-50%);height: 100%;z-index: 3;}
.slider ul li{width: 100%;height: auto;position: relative;}
.slider ul li:after{content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.slider ul li .slider-txt{position: absolute;top: 20%;left: 100px;z-index: 5;color: #FFFFFF;width: 700px;}
.slider ul li .slider-txt .title{font-size: 62px;letter-spacing: 5px;padding-bottom: 20px; text-align: left;}
.slider ul li .slider-txt .sub-title{font-size: 22px;color: #FFFFFF;padding-bottom: 70px;}
.slider .arrow{position: absolute;width: 1500px;height: 58px;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 3;}
.slider .swiper-button-next{background-image: url(../images/arrow-right.png);width: 30px;height: 58px;background-size:30px 58px;right: -30px;}
.slider .swiper-button-prev{background-image: url(../images/arrow-left.png);width: 30px;height: 58px;background-size:30px 58px;left: -30px;}
@media (max-width: 768px) {
.slider{display: none;}
	}

/*特色服务*/
.services{width: 1200px; margin:0 auto; margin-top:20px;}
.services ul{display: flex;justify-content: space-between;width: 100%; flex-wrap:wrap;}
.services ul li{margin-top:30px; width: 23%;height: 265px;background: #FFFFFF;border-radius: 15px;text-align: center;padding: 30px 50px;box-shadow: 0px 0px 5px rgba(200,200,200,.3);transition: all .3s;}
.services ul li:hover{transition: all .3s;transform: translateY(-10px);}
.services ul li img{display: inline-block;height: 65px;}
.services ul li p.title{font-size: 20px;color: #555;padding: 20px 0 10px 0; font-weight: bold;}
.services ul li p.desc{font-size: 15px;color: #888;line-height: 30px;}

@media (max-width: 768px) {
.services{width: 90%; margin:0 auto; margin-top:20px;}
.services ul{display: flex;justify-content: space-between;width: 100%; flex-wrap:wrap;}
.services ul li{margin-top:20px; width: 100%;height: 265px;background: #FFFFFF;border-radius: 15px;text-align: center;padding: 20px 20px;box-shadow: 0px 0px 5px rgba(200,200,200,.3);transition: all .3s;}
.services ul li:hover{transition: all .3s;transform: translateY(-10px);}
.services ul li img{display: inline-block;height: 65px;}
.services ul li p.title{font-size: 20px;color: #333;padding: 20px 0 10px 0; font-weight: bold;}
.services ul li p.desc{font-size: 15px;color: #666; line-height: 30px;}
}


/*资讯列表*/
.newslist{width: 1200px; margin:0 auto; margin-top:0; min-height: 800px;}
.newslist ul{display: flex;justify-content: space-between;width: 100%; flex-wrap:wrap;}
.newslist a {display: inline-block; width: 100%;}
.newslist ul li{position: relative; margin-top:30px; width: 100%;height: 100px;background: #FFFFFF;border-radius: 15px;text-align: left; padding: 30px 50px;box-shadow: 0px 0px 5px rgba(200,200,200,.3);transition: all .3s;}
.newslist ul li:hover{transition: all .3s;transform: translateY(-10px);}
.newslist ul li img{display: inline-block;height: 100px;border-radius:5px;}
.newslist .newstitle{font-size: 20px;color: #555; padding: 0px 0 10px 0; font-weight: bold;}
.newslist .newsdesc{font-size: 15px;color: #888; line-height: 25px; width: 1000px;}
.newslist .go .iconfont{position: absolute; right:65px; top:55px; font-size: 50px; color: #FFF;transition: all .3s;}
.newslist ul li:hover .go .iconfont{transition: all .3s; transform: translateX(20px); font-size: 50px; color: #00A0E9; }
.newsimg {float:left; width:120px;}

@media (max-width: 768px) {
.newslist{width: 95%; margin:0 auto;  margin-top:5px; min-height: 500px;}
.newslist ul{width:100%; margin: 0 auto;}
.newslist a {display: inline-block; width: 100%;}
.newslist ul li{margin-top:10px; width: 96%; height: 70px;   border-radius: 5px; background: #FFFFFF; text-align: left; padding: 2%;box-shadow: 0px 0px 0px rgba(200,200,200,.3);transition: all .3s;}
.newslist ul li:hover{transition: all .3s;transform: translateY(-5px);}
.newslist ul li img{display: inline-block; height: 70px; border-radius:5px;}
.newslist .newstitle{ font-size: 16px;color: #333; padding: 0; font-weight: bold;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newslist .newsdesc{font-size: 12px;color: #888; line-height: 20px; width: 73%; height: 40px; overflow: hidden;}
.newslist .go .iconfont{position: absolute; right:20px; top:38px; font-size: 20px; color: #00A0E9;transition: all .3s; display:none;}
.newslist ul li:hover .go .iconfont{transition: all .3s; transform: translateX(5px); font-size: 20px; color: #00A0E9; }
.newsimg {float:left; width:80px; height:80px; overflow: hidden;}
}



.topview {position: fixed; top: 0; height:65px; border-bottom: 1px #ddd solid; background-color:rgba(255,255,255,0.97); width:100%; z-index: 9;}
.logo {width: 200px; float: left; padding-top:10px; margin-left:5%}
.logo img {height:40px;}

@media (max-width: 768px) {
.topview {position: static;  height:50px; border-bottom: 1px #ddd solid; background-color:rgba(0,0,0,0.97); width:100%; z-index: 9;}
.logo {float: left; padding-top:5px; margin-left:5%}
.logo img {height:35px;}
	}
	
.nav {float:left}
.nav li {float:left; line-height: 65px;}
.nav li a {color:#333; display: block; padding:0 20px; font-size: 16px; text-decoration:none; line-height:65px;}
.nav li a:hover {color:#00a0e9; text-decoration:none; transition: all 0.2s linear;}
.topright {float:right; margin-right: 5%; text-align: right; line-height: 65px; color: #333; font-size: 16px;}
.tel {display: none;}
@media (max-width: 768px) {
.nav {display: none;}
.topright {display: none;}
.tel {display: block; float:right; margin-right: 5%; text-align: right; line-height: 50px;}
.tel a {color: #00A0E9; font-size: 16px;}
	}
	
	
.title {width:90%; margin:0 auto; text-align: center; font-size:32px; padding-top:30px;}
.desc {width:90%; margin:0 auto; text-align: center; font-size:16px; color:#666; padding-top:20px;}
@media (max-width: 768px) {
.title {width:90%; margin:0 auto; text-align: center; font-size:28px; padding-top:30px; font-weight:bold;}
.desc {width:90%; margin:0 auto; text-align: center; font-size:16px; line-height: 30px; color:#666; padding-top:20px;}
	}
.btnview {width:100%; margin: 0 auto; text-align: center; margin-top:50px;}
.btn {width:200px; line-height: 45px; border-radius: 5px; border:none;-webkit-appearance: none; color: #00A0E9; font-size: 18px; border:1px #00A0E9 solid; display:inline-block}
.btn:hover {background:#00A0E9; transition: all .3s; color:#fff; cursor:pointer;}

.footview {width:90%; margin: 0 auto;  margin-top:50px; position: relative;}
.footview a {color:#888}
.footview a:hover {color:#00a0e9; text-decoration:none; transition: all 0.2s linear;}
@media (max-width: 768px) {
.footview {width:90%; margin: 0 auto;  margin-top:0px; position: relative;}
.footview p {font-size:12px; line-height:23px;}
.footview a {color:#888;font-size:12px;}
.footview a:hover {color:#00a0e9;font-size:12px; text-decoration:none; transition: all 0.2s linear;}
	}
.wx {display:none;}
@media (max-width: 768px) {
.wx {width:100%; margin-top:20px;  text-align: center; color: #00A0E9; display:block}
.wx img {width: 30%;}
.btnview {display:none;}
	}
	
.mainview {width:90%; margin:0 auto; margin-top:20px;}
.leftbox {width:75%; float: left; background: #fff;}
.leftbox_main {width:90%; margin:0 auto;}
.leftbox_main h1 {font-size:28px; font-weight: bold; padding-top:30px; color: #333;}
.leftbox_main .time {font-size:14px; color:#666; line-height: 40px; height: 60px; border-bottom: 1px #eee solid; width: 100%;}
.leftbox_main .nr {padding-top:20px; padding-bottom:20px; font-size: 16px;}
.leftbox_main .nr p {padding-top:20px; font-size: 16px; line-height: 30px;}
.leftbox_main .nr p a {font-size: 16px; line-height: 30px; font-weight:bold;color: #00A0E9;}
.leftbox_main .nr p img{max-width:100%}
.rightbox {width:24%; float:right; background: #fff;}
.rightbox_main {width:90%; margin:0 auto;}

@media (max-width: 768px) {
.mainview {width:100%; margin:0 auto;}
.leftbox {width:100%; float: left; background: #fff;}
.rightbox {display: none;}
	}

.dhtitle {font-size:16px; color:#333; font-weight: bold; line-height: 40px; height: 40px; padding-top:20px; border-bottom: 1px #eee solid; width: 100%;}
.rbox_1_2 {padding:20px 0;}
.rbox_1_2 li {width:100%; height:35px; overflow:hidden; clear:both;}
.rbox_1_2 a {line-height:35px; font-size:14px;}
.rbox_1_2 a:hover {line-height:35px; font-size:14px; color:#00A0E9; text-decoration: none;}
.top1 {width:20px; height:20px; margin-right:10px; background:#f4f4f4; display:inline-block; text-align:center; border-radius:3px; color:#333; line-height:20px;}
.top3 {width:20px; height:20px; margin-right:10px;background:#00A0E9; display:inline-block; text-align:center; border-radius:3px; color:#fff; line-height:20px;}

.banner {width:100%; height:250px; margin-top:65px;
	animation: colorbg 20s;
	-moz-animation: colorbg 20s;
	/* Firefox */
	-webkit-animation: colorbg 20s;
	/* Safari 和 Chrome */
	-o-animation: zong 2s;
	animation-iteration-count: infinite;
}
.bannertitle {text-align:center; padding-top:60px; font-size:30px;  color:#fff; width:1200px; margin:0 auto;}
.banner .sub {text-align:center; padding-top:20px; font-size:16px;  color:#fff; width:800px; margin:0 auto; line-height:30px;}

@keyframes colorbg {
	0% {
		background:#00a0e9 url('https://www.nbzlkc.com/images/bannerbg.png') center right no-repeat; background-size:30%;
	}
	30% {
		background:#885bfe url('https://www.nbzlkc.com/images/bannerbg.png') center right no-repeat; background-size:30%;
	}
		60% {
		background:#333 url('https://www.nbzlkc.com/images/bannerbg.png') center right no-repeat; background-size:30%;
	}
	100% {
		background:#00a0e9 url('https://www.nbzlkc.com/images/bannerbg.png') center right no-repeat; background-size:30%;
	}
}

@media (max-width: 768px) {
.banner {display:none}
	}
	
	
	.side{position:fixed;width:78px;right:0;top:50%;margin-top:-100px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#00a0e9;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#00a0e9;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:-79px;background-image:url(../images/wx.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0; background-size:90%; background-color:#fff}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#00a0e9}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#00a0e9}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li.qqonline .qqBox.son{width:240px;height:78px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0px;background:#00a0e9}
.side ul li.qqonline .qqBox dd{display:block;height:78px;overflow:hidden;padding-left:15px;line-height:24px;font-size:18px}
.side ul li.qqonline .qqBox dd a{float:left;margin-left:20px;height:78px;line-height:78px;}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}

@media (max-width: 768px) {
.side {display:none}
}