.iconfont{font-size: inherit;line-height: 1;-webkit-text-stroke-width:0;}
a,div{-webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out;}
a:hover { text-decoration:none; color: #0c7ddd;}
#skip{height: 0; overflow: hidden;}
.row2 { border: none; background-color:#FFF; overflow:hidden;}
.row2 { -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out;}
/*-----------------------------------------控件------------------------------------*/
* { list-style-type:none;}
body { background-color: #f5fbff;}
/* 标签 */
.label { line-height:16px;}
.label-primary { background-color:#42a5f5;}
.label-success { background-color:#66bb6a;}
.label-warning { background-color:#ffa726;}
.label-info { background-color:#26c6da;}
.txt1line { -webkit-box-orient:vertical; box-orient:vertical; display:-webkit-box !important; display:box !important; -webkit-line-clamp:1;}
.txt2line { -webkit-box-orient:vertical; box-orient:vertical; display:-webkit-box !important; display:box !important; -webkit-line-clamp:2;}

.banner-sty1 { width: 100%; height: 610px; background: url("banner-img1.jpg") no-repeat center top;}
.dashiji { background: linear-gradient(120deg, #0745fa, #0cb7fa); width: 100%; height: 370px; margin-top: 10px; overflow: hidden;}
.dasj-bt { width: 980px; height: 140px; margin: 10px auto 0px auto; background: url("dasj-btbj1.png") no-repeat left 60px;}
.dasj-bt img { display: block; margin: 0px auto;}
.zt-jdt { width: 100%; height: 345px; background-color: #ff0000; margin-top: 30px;}
		.hiSlider { overflow:hidden; width:100%; margin:0px; padding:0px;}
		.hiSlider-item { float:left;}
		.hiSlider-item img { display: block; width: 100%; height: 360px;}
.ztbt-div1 { width: 100%; height: 35px; background-color: #dce2f0; margin-top:30px;}
.ztbt-div1 span { display: block; float: left;}
.ztbt-div1 span img { display: block; width: 159px; height: 35px;}
.ztbt-div1 a { display: block; float: right; font-size: 14px; color: #0095f1; line-height: 35px; margin-right: 10px;}
.tt-div { width: 100%; height: auto; padding: 0; overflow: hidden; margin-top: 20px;}
.tt-div a { line-height: 22px; overflow: hidden; font-size: 20px; font-weight: bold; text-align: left; text-overflow: ellipsis; white-space: nowrap;}
.tt-div p { font-size: 14px; line-height: 22px; margin-top: 12px; color: #666; margin: 10px 0px 0px 0px;}
.ztlist-div { width:100%; overflow:hidden; margin-top:15px;}
.ztlist-div ul { padding:0px; margin:0px;}
.ztlist-div ul li { width:100%; height:40px; line-height: 40px; white-space:nowrap; text-overflow:ellipsis;overflow:hidden; font-size:16px; background: url("dd.jpg") no-repeat left center; text-indent: 15px;}
.ztlist-div ul li a {width:80%; color:#333;}
.ztlist-div ul li a:hover { color:#0c7ddd;}
.ztlist-div ul li span{ width: 20%; float: right; color: #666; font-size: 14px; text-align: right;}
.ztbt-div2 { margin: 0px 15px; height: 60px; background: url("line1.jpg") repeat-x left 28px; text-align: center; margin-top: 20px;}
.ztbt-div2 span { display: inline-block; background-color: #fff; font-size: 30px; color: #20cec4; font-weight: bold; line-height: 60px; padding: 0px 50px;}
.ztbt-div2 span b { color: #0e7cdb;}
.ztbt-div2 a {display: inline-block;background-color:#eff1f2;padding-left:9px;padding-right:9px;font-size:14px;color:#0095f1;line-height: 35px;float:right;margin-top:10px;}
.ztbt-div3 { margin: 0px 15px; height: 45px; overflow: hidden; background: url("line1.jpg") repeat-x left 28px; text-align: center; margin-top: 20px;}
.ztbt-div3 span { display: inline-block; background-color: #fff; font-size: 30px; color: #20cec4; font-weight: bold; line-height: 60px; padding: 0px 50px;}
.ztbt-div3 span b { color: #0e7cdb;}
/*服务业集聚区按钮*/
.Button_a{ width:30%; height: auto; background: url("anniu_bj.png") repeat; float: left;padding: 20px 42px; margin-right: 5px; margin-top: 40px;}
.Button_a img{ width: 70px; height: 70px; margin: auto auto;}
.Button_a span{ display: block; color: #0ebcb7; font-size: 18px; font-weight: bold; text-align: center; }
.Button_b{ width: 62%; height: auto; float: left; margin-top: 52px;}
.Button_b ul{ margin: 0; padding: 0}
.Button_b ul li{ width:auto; float: left; margin-top: 8px; margin-left: 20px; cursor:pointer;}
.Button_b ul li a{ float: left; font-size: 16px; color: #fff;}
.Button_b ul li a:hover{ color: #ffffff !important;}
#main2 { background: url("bj_jjq.jpg") no-repeat center 80px; height: 330px;}
/*品牌推介切换*/
.tab2{width:60%; float: right;height:52px; position: absolute;top:-45px; right: 15px; }
.tab2 ul{margin:0;padding:0;}
.tab2 li{float:left;padding:0 30px;height:52px;line-height:52px; text-align: right; cursor:pointer;font-size: 16px; color: #0d7cdb }
.tab2 li.now{font-weight:bold; color: #FFFFFF}
.tab1 li span,.tab2 li i,.tab2 li span { height: 52px; display: block; float: left }
.tab2 li i {float: left; display: none;}
.tab2 li i img{ float: left;}
.tab2 li.now i { display: block;}
.tab2 li.now span { background: url("lm_bj_xx.png") repeat-x }
.tablist2{width:100%;height:300px; float: right; margin-top: 20px; padding:0px;font-size:14px;line-height:24px;display:none; }
.block{display:block;}
.tablist2 h3{ font-size: 16px; text-align: center;}
.tablist2 a h3{ color: #4B4A4A}
.tablist2 img{ width: 100%; height: 160px;}
.more2{  line-height: 30px; background: #eee; color: #1B354F; text-align: center;cursor:pointer; margin-top: 10px;}
.more2 a{ color: #333;}
.fuwuztc-div { width: 501px; overflow: hidden; margin: 10px auto 0px auto;}
.fuwuztc-div ul { padding: 0px; margin: 0px;}
.fuwuztc-div ul li { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; margin-top: 8px;}
.yylist-div { width: 100%; overflow: hidden; margin-top: 20px;}
.yylist-div ul { padding: 0px; margin: 0px -10px;}
.yylist-div ul li { width: 50%; float: left; padding: 0px 10px;}
.yylist-div ul li a { display: block; width: 100%;}
.yylist-div ul li a img { display: block; width: 100%; height: 160px;}
.yylist-div ul li a p { font-size: 16px; color: #333333; text-align: center; padding: 0px 15px; margin-top: 5px;}

.text-slider { margin: 0px 20px; text-align: center; position: relative;}
.text-container { height: 180px; position: relative; overflow: hidden;}
.text-item { position: absolute; width: 100%; height: 180px; display: flex; justify-content: space-between; align-items: center; font-size: 24px; color: #ffffff; opacity: 0; transition: opacity 0.5s ease, transform 0.5s ease; transform: translateY(20px); flex-direction: column;}
.text-item.active { opacity: 1; transform: translateY(0);}
.text-item h1 { font-size: 28px; padding: 0px 80px; line-height: 37px; height: 74px; display: flex; flex-direction: column; justify-content: center; margin: 0px;}
.text-item p { font-size: 22px;}
.controls { display: flex; justify-content: center; justify-content: space-between; position: relative; margin-top: -100px;}
button { border: none; cursor: pointer; transition: background-color 0.3s; width: 30px; height: 55px;}
button.prev-btn { background: url("left-icon1.png") no-repeat; background-size: 100% 100%;}
button.next-btn { background: url("right-icon1.png") no-repeat; background-size: 100% 100%;}
.toggle-auto { background-color: #2196F3; }
.toggle-auto:hover { background-color: #0b7dda;}
.indicator { display: flex; justify-content: flex-start; margin-top: -80px; gap: 20px; position: absolute; border-bottom: #8ad7f9 solid 1px; width: 80%; margin-left: 10%;}
.dot { width: 14px; height: 14px; border-radius: 50%; background-color: #0a86fa; cursor: pointer; position: relative; margin-bottom: -7px; border: #ffffff solid 2px;}
.dot.active { background-color: #ffffff; }
/* 添加动画效果的类 */
.dot-move-right {
	animation: moveRight 0.3s ease forwards;
}

@keyframes moveRight {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(40px); /* 点与点之间的间距是22px */
	}
}