.zt_blank_20{ clear:both; height:20px;}
.zt_blank_50{ clear:both; height:50px;}
.zt_blank_80{ clear:both; height:80px;}
.clear{ clear:both;}
.zt_bg1{background-color: var(--hui_color);}


/* 数据 */
.shuju_box{padding-top: 0px;}
.shuju_box ul li{float: left; width: 33%; text-align: center; color: #6FA2E9;}
.shuju_box ul li .num{font-size: 48px; font-weight: bold;}
.shuju_box ul li .txt{font-size: 18px;}

/*精选案例*/
.i_case_bg{overflow:hidden;padding:80px 0;}
.i_more{display:block; width:170px; margin:0 auto;  color:#fff; font-size:14px; text-align:center; height:48px; line-height:48px; border:1px solid #1c2ead;border-radius:30px;transition:all 0.3s; margin-top:3%; margin-bottom:1%; background: linear-gradient(to right, #1c2ead, #233ded);}
.i_more span{ position: relative; left:-8%;}
.i_more svg{ left:63%; display: block; position: relative; top: -50%; transform: translateY(-50%);}
.i_more:hover{ color:#fff; text-indent:5px;}
.i_case{ margin-top:4%; position:relative; }

.i_case:after{ position:absolute; content:""; right:-72px; top:22px; width:34px; height:29px;}
.i_case ul li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%; overflow:hidden; background:#fff; border-radius:4px;transition:all 0.3s;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);}
.i_case ul li:nth-child(4n+0){ margin-right:0;}
.i_case ul li:hover{box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);}
.i_case ul li .imgs{ overflow:hidden; position:relative; padding-top:63.2%;}
.i_case ul li .imgs img{ width:100%; display:block; height:100%; position:absolute; top:0; left:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_case ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_case ul li .imgs .mask{ position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.5); opacity:0; transition: all 0.5s ease;}
.i_case ul li .imgs .mask dt{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 5; width: 36px; height: 36px;}
.i_case ul li .imgs .mask dd{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 5; width: 120px; height: 120px;}
.i_case ul li:hover .imgs .mask{ opacity:1;}
.i_case ul li:hover .imgs .mask dd img{-webkit-transform:rotate(360deg);animation:rotation 10s linear infinite;-moz-animation:rotation 10s linear infinite;-webkit-animation:rotation 10s linear infinite;-o-animation:rotation 10s linear infinite;}
@-webkit-keyframes rotation{
	from{-webkit-transform:rotate(0deg);}
	to{-webkit-transform:rotate(360deg);}
}
.i_case ul li .txts{ width:100%; margin:0 auto; overflow:hidden; background-color: var(--hui_color);}
.i_case ul li .txts .h3{font-weight:normal; padding:0 10px; height:44px; line-height:44px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:14px;transition:all 0.3s;color:#333;}
.i_case li:hover .txts .h3{ background:var(--aColor); color:#fff;}

.i_case ul li .imgs::before {
  background: rgba(255,255,255,.3);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  right: 51%;
  top: 0;
  opacity: 1;
  z-index: 9;
  pointer-events: none;
  -webkit-transition: all .5s linear;
  transition: all .5s linear
}

.i_case ul li .imgs:hover::before {
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all .5s linear;
  transition: all .5s linear
}

.i_case ul li .imgs::after {
  background: rgba(255,255,255,.3);
  bottom: 50%;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: all .6s linear;
  transition: all .6s linear
}

.i_case ul li .imgs:hover::after {
  top: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all .6s linear;
  transition: all .6s linear
}

@keyframes myfirst
{
    from {transform:translateY(-10PX);}
    to {transform: translateY(10px);}
}
@-webkit-keyframes myfirst
{
    from {transform:translateY(-10PX);}
    to {transform: translateY(10px);}
}
@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}


.ztBox{overflow:hidden;padding:50px 0;}
.zt_comm_bg{ background:url(/template/default/index/images/zt_comm_bg.png) top center no-repeat; background-position: center 80px; }
.zt_bg2{ background:url(/template/default/index/images/caochang/cc_3_bg.png) top center no-repeat; background-size: cover; background-position: center bottom; }
.zt_bg3{ background:url(/template/default/index/images/yangguangpao/ygp_3_bg.png) top center no-repeat; background-size: cover; background-position: center center; }
.zt_bg4{ background:url(/template/default/index/images/aimini/aimini_bg.png) top center no-repeat; background-size: cover; background-position: center center; }
.zt_bg5{ background:url(/template/default/index/images/zhongkao/zk_5_bg.png) top center no-repeat; background-size: cover; background-position: center center; }
.ztBox .ztRow{clear:both; width:96%;max-width:1300px;margin:0 auto;text-align:left;zoom:1;word-wrap: break-word; }
.ztBox .ztRow .zt_t{ text-align:center; color:#333333; margin-bottom: 3%; position: relative;}
.ztBox .ztRow .zt_t .h3{ font-weight:bold; line-height:42px; margin-bottom: 20px; position: relative; z-index: 10;}
.ztBox .ztRow .zt_t .p{ color:#e3e9f3; font-size:60px; height: 60px; overflow: hidden; line-height:60px; clear:both; width: 100%; margin: 0 auto; position: absolute; top: -7px; z-index: 9;}
.ztBox .ztRow .zt_t .info{ font-size:16px; line-height:24px; color:#666666; margin-top: 2%;}
/* 服务人群 */
.ztBox .ztRow .zk_1_items{clear:both; width:100%; margin:0 auto; margin-top: 20px;}
.ztBox .ztRow .zk_1_items ul li{ float:left; width:33.33%; text-align:center; }
.ztBox .ztRow .zk_1_items ul li .img img{ width:50%; margin:0 auto;}
.ztBox .ztRow .zk_1_items ul li:hover .img img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.ztBox .ztRow .zk_1_items ul li .text{ clear: both; }
.ztBox .ztRow .zk_1_items ul li .text h3{ font-size:18px; font-weight:bold; line-height:30px; color:#333333; margin-top: 10px; margin-bottom: 10px;}
.ztBox .ztRow .zk_1_items ul li .text .info{ font-size:14px; line-height:24px; color:#666666; width: 80%; margin: 0 auto; background-color: #e1e1e1; border-radius: 30px; padding: 10px 0; height: 70px;}
.ztBox .ztRow .zk_1_items ul li:hover .text .info{ background-color: var(--aColor); color: #ffffff;}

/* 支持项目 */
.zk_2_bg{ background:url(/template/default/index/images/zhongkao/zk_2_bg.png) #eaf1ff bottom center no-repeat;  height: 891px;}
.ztBox .ztRow .zk_2_items{clear:both; width:100%; margin:0 auto; margin-top: 20px;}
.ztBox .ztRow .zk_2_items ul li{ float:left; width:20%; text-align:center; margin-top: 20px; }
.ztBox .ztRow .zk_2_items ul li .img img{ width:50%; margin:0 auto;}
.ztBox .ztRow .zk_2_items ul li:hover .img img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}


.ztBox .ztRow .zk_2_items ul li .text h3{ font-size:18px; font-weight: normal; line-height:30px; color:#333333; margin-top: 10px; margin-bottom: 10px;}
.ztBox .ztRow .zk_num_box{clear:both; width:100%; margin:0 auto; margin-top: 20px; height: 700px;}

/* 产品优势 */
.ztBox .ztRow .zk_3_items{clear:both; width:100%; margin:0 auto; margin-top: 20px; text-align: center;}
.ztBox .ztRow .zk_3_items .img img{ width:100%; margin:0 auto;}

/* 产品优势 */
.ztBox .ztRow .about_3_items{clear:both; width:100%; margin:0 auto; margin-top: 20px; text-align: center;}
.ztBox .ztRow .about_3_items .img img{ width:100%; margin:0 auto;}

/* 配套硬件 */
.ztBox .ztRow .zk_4_items{clear:both; width:100%; margin:0 auto; margin-top: 20px; text-align: center;}
.ztBox .ztRow .zk_4_items .img img{ width:100%; margin:0 auto;}
.ztBox .ztRow .zk_4_items .text{ text-align: left; font-size: 14px; padding: 10px 0;}

.ztBox .ztRow .zk_5_items ul li{ float:left; width:22%; margin-right: 3%; text-align:center; margin-top: 20px; height: 280px; border: 3px solid #1c2eac; border-radius: 20px;}
.ztBox .ztRow .zk_5_items ul li .img img{ width:40%; margin:10px auto; margin-top: 20px;}
.ztBox .ztRow .zk_5_items ul li .text h3{ font-size:24px; font-weight: normal; line-height:40px; color:#333333; margin-bottom: 10px; border-bottom: 2px solid #1c2eac; width: 70%; margin: 0 auto; }
.ztBox .ztRow .zk_5_items ul li .text .info{ font-size:14px; line-height:24px; color:#666666; width: 80%; margin: 0 auto;  padding: 10px;}
.ztBox .ztRow .zk_5_items ul li:hover{ background-color: var(--aColor);}
.ztBox .ztRow .zk_5_items ul li:nth-child(4n+0){ margin-right:0;}

.ztBox .ztRow .ygp_box{ height: 55vh;display: flex; justify-content: center; align-items: center; position: relative;}
.ztBox .ztRow .ygp_box .c1{position: absolute; width: 65%; -webkit-transform:rotate(360deg);animation:rotation 20s linear infinite;-moz-animation:rotation 20s linear infinite;-webkit-animation:rotation 20s linear infinite;-o-animation:rotation 20s linear infinite;}
@-webkit-keyframes rotation{
	from{-webkit-transform:rotate(0deg);}
	to{-webkit-transform:rotate(360deg);}
}
.ztBox .ztRow .ygp_box .c2{position: absolute; font-size: 48px;}
.ztBox .ztRow .ygp_box .items_1{position: absolute; top: 10vh; left: 10vh; border-radius: 12px; border:1px solid  #69c294; height: 12vh; width: 25vh; overflow: hidden; background-color: #f7fffc;}
.ztBox .ztRow .ygp_box .items_2{position: absolute; top: 10vh; right: 10vh;border-radius: 12px; border:1px solid  #4dc3c7; height: 12vh; width: 25vh; overflow: hidden; background-color: #f7fffc;}
.ztBox .ztRow .ygp_box .items_3{position: absolute; top: 32vh; left: 10vh; border-radius: 12px; border:1px solid  #69c294; height: 12vh; width: 25vh; overflow: hidden; background-color: #f7fffc;}
.ztBox .ztRow .ygp_box .items_4{position: absolute; top: 32vh; right: 10vh;border-radius: 12px; border:1px solid  #4dc3c7; height: 12vh; width: 25vh; overflow: hidden; background-color: #f7fffc;}
.ztBox .ztRow .ygp_box .items_1 .items_tit, .ztBox .ztRow .ygp_box .items_3 .items_tit{ height: 50px; width: 100%; line-height: 50px; background-color: #69c294; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #fff; font-size: 18px; padding-left: 20px;}
.ztBox .ztRow .ygp_box .items_1 .items_con, .ztBox .ztRow .ygp_box .items_3 .items_con{ padding: 20px; font-size: 16px;}
.ztBox .ztRow .ygp_box .items_2 .items_tit, .ztBox .ztRow .ygp_box .items_4 .items_tit{ height: 50px; width: 100%; line-height: 50px; background-color: #4dc3c7; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #fff; font-size: 18px; padding-left: 20px;}
.ztBox .ztRow .ygp_box .items_2 .items_con, .ztBox .ztRow .ygp_box .items_4 .items_con{ padding: 20px; font-size: 16px;}
.ztBox .ztRow .ygp_box .items_1:hover, .ztBox .ztRow .ygp_box .items_2:hover, .ztBox .ztRow .ygp_box .items_3:hover, .ztBox .ztRow .ygp_box .items_4:hover { background-color: #e5f5ef;}
.ztBox .ztRow .ygp_box .items_1:hover .items_tit, .ztBox .ztRow .ygp_box .items_3:hover  .items_tit{ background-color: #5cb386;}
.ztBox .ztRow .ygp_box .items_2:hover .items_tit, .ztBox .ztRow .ygp_box .items_4:hover  .items_tit{ background-color: #42b5b9;}

.ztBox .ztRow .ygp_1_items{clear:both; width:100%; margin:0 auto; margin-top: 20px;}
.ztBox .ztRow .ygp_1_items ul li{ float:left; width:33.33%; text-align:center;}
.ztBox .ztRow .ygp_1_items ul li .img img{ width:88%; margin:0 auto;  border-top-left-radius: 8px; border-top-right-radius: 8px;}
.ztBox .ztRow .ygp_1_items ul li .text{ clear: both; }
.ztBox .ztRow .ygp_1_items ul li .text .info{ font-size:18px; line-height:24px; color:#3581ff; width: 88%; margin: 0 auto; background-color: #ecfffd; padding: 15px 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; height: 190px;}
.ztBox .ztRow .ygp_1_items ul li .text .info p{ font-size: 20px; line-height: 24px; margin-top: 20px; padding: 0 10px;}
.ztBox .ztRow .ygp_1_items ul li:hover .text .info{ background-color: #ecfafb;}
.ztBox .ztRow .ygp_1_items ul li .text .info img{width: 20%;}

.ztBox .ztRow .ygp_jj_box{ height: 55vh;display: flex; justify-content: center; align-items: center; position: relative;}
.ztBox .ztRow .ygp_jj_box .c1{position: absolute; width: 12%; animation: myfirst linear 2s infinite alternate; -webkit-animation: myfirst linear 2s infinite alternate; left: 30%;}
.ztBox .ztRow .ygp_jj_box .c2{position: absolute; width: 13%; animation: myfirst linear 4s infinite alternate; -webkit-animation: myfirst linear 4s infinite alternate; right: 30%;}

.ztBox .ztRow .cc_box{ height: 55vh;display: flex; justify-content: center; align-items: center; position: relative;}
.ztBox .ztRow .cc_box .c1{position: absolute; width: 15%; animation: myfirst linear 2s infinite alternate; -webkit-animation: myfirst linear 2s infinite alternate;}
.ztBox .ztRow .cc_box .items_1{position: absolute; top: 10%; left: 5%;}
.ztBox .ztRow .cc_box .items_2{position: absolute; top: 30%; left: 5%;}
.ztBox .ztRow .cc_box .items_3{position: absolute; top: 50%; left: 5%;}
.ztBox .ztRow .cc_box .items_4{position: absolute; top: 70%; left: 5%;}
.ztBox .ztRow .cc_box .items_5{position: absolute; top: 10%; right: -5%;}
.ztBox .ztRow .cc_box .items_6{position: absolute; top: 30%; right: -5%;}
.ztBox .ztRow .cc_box .items_7{position: absolute; top: 50%; right: -11%;}
.ztBox .ztRow .cc_box .items_1 img,.ztBox .ztRow .cc_box .items_2 img,.ztBox .ztRow .cc_box .items_3 img,.ztBox .ztRow .cc_box .items_4 img,.ztBox .ztRow .cc_box .items_5 img,.ztBox .ztRow .cc_box .items_6 img,.ztBox .ztRow .cc_box .items_7 img{ width: 75%;}
.ztBox .ztRow .cc_box .items_1:hover img, .ztBox .ztRow .cc_box .items_2:hover img, .ztBox .ztRow .cc_box .items_3:hover img, .ztBox .ztRow .cc_box .items_4:hover img, .ztBox .ztRow .cc_box .items_5:hover img, .ztBox .ztRow .cc_box .items_6:hover img, .ztBox .ztRow .cc_box .items_7:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.ztBox .ztRow .cc_1_items{clear:both; width:100%; margin:0 auto; margin-top: 20px;}
.ztBox .ztRow .cc_1_items ul li{ float:left; width:25%; text-align:center;}
.ztBox .ztRow .cc_1_items ul li .img img{ width:88%; margin:0 auto;  border-top-left-radius: 8px; border-top-right-radius: 8px;}
.ztBox .ztRow .cc_1_items ul li .text{ clear: both; }
.ztBox .ztRow .cc_1_items ul li .text .info{ font-size:14px; line-height:24px; color:#fff; width: 88%; margin: 0 auto; background-color: var(--mColor); padding: 15px 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.ztBox .ztRow .cc_1_items ul li:hover .text .info{ background-color: var(--aColor);}


.ztBox .ztRow .mini_1_items{clear:both; width:100%; margin:0 auto; margin-top: 20px;}
.ztBox .ztRow .mini_1_items ul li{ float:left; width:50%; text-align:left;}
.ztBox .ztRow .mini_1_items ul li h3{ font-size:24px; font-weight: normal; line-height:40px; color:#333333; margin-bottom: 10px;}
.ztBox .ztRow .mini_1_items ul li .img img{ width:95%; margin:0 auto; }

.ztBox .ztRow .mini_6_items{clear:both; width:100%; margin:0 auto; margin-top: 20px;}
.ztBox .ztRow .mini_6_items ul li{ float:left; width:33.33%; text-align:center; margin-bottom: 40px;}
.ztBox .ztRow .mini_6_items ul li .img img{ width:95%; margin:0 auto;}
.ztBox .ztRow .mini_6_items ul li:hover .img img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.ztBox .ztRow .mini_6_items ul li .text{ clear: both; }

.ztBox .ztRow .mini_6_items ul li .text .info{ font-size:16px; line-height:20px; color:#666666; width: 60%; margin: 0 auto; background-color: #e1e1e1; border-radius: 20px; padding: 10px 0; margin-top: 20px;}
.ztBox .ztRow .mini_6_items ul li:hover .text .info{ background-color: var(--aColor); color: #ffffff;}


.ztBox .ztRow .tcs_1_items{clear:both; width:100%; margin:0 auto; margin-top: 20px;}
.ztBox .ztRow .tcs_1_items ul li{ float:left; width:25%; text-align:center; }
.ztBox .ztRow .tcs_1_items ul li .img img{ width:50%; margin:0 auto;}
.ztBox .ztRow .tcs_1_items ul li:hover .img img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.ztBox .ztRow .tcs_1_items ul li .text{ clear: both; }
.ztBox .ztRow .tcs_1_items ul li .text h3{ font-size:18px; font-weight:bold; line-height:30px; color:#333333; margin-top: 10px; margin-bottom: 10px;}
.ztBox .ztRow .tcs_1_items ul li .text .info{ font-size:14px; line-height:24px; color:#666666; width: 80%; margin: 0 auto; background-color: #e1e1e1; border-radius: 30px; padding: 10px 0; height: 70px;}
.ztBox .ztRow .tcs_1_items ul li:hover .text .info{ background-color: var(--aColor); color: #ffffff;}

.ztBox .ztRow .tcs_2_items{clear:both; width:100%; margin:0 auto; margin-top: 20px;}
.ztBox .ztRow .tcs_2_items ul li{ float:left; width:33.33%; text-align:center; margin-top: 50px;}
.ztBox .ztRow .tcs_2_items ul li .img img{ width:80%; margin:0 auto;}
.ztBox .ztRow .tcs_2_items ul li:hover .img img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.ztBox .ztRow .tc_2_items ul li{ float:left; width:22%; margin-right: 16%; text-align:center; margin-top: 20px; height: 280px; border: 3px solid #1c2eac; border-radius: 20px;}
.ztBox .ztRow .tc_2_items ul li .img img{ width:35%; margin:10px auto; margin-top: 40px;}
.ztBox .ztRow .tc_2_items ul li .text h3{ font-size:24px; font-weight: normal; line-height:40px; color:#333333; margin-bottom: 10px; border-bottom: 2px solid #1c2eac; width: 70%; margin: 0 auto; }
.ztBox .ztRow .tc_2_items ul li .text .info{ font-size:14px; line-height:24px; color:#666666; width: 80%; margin: 0 auto;  padding: 10px;}
.ztBox .ztRow .tc_2_items ul li:hover{ background-color: rgba(28,46,172,.2);}
.ztBox .ztRow .tc_2_items ul li:nth-child(3n+0){ margin-right:0;}

.ztBox .ztRow .mini_9_items{clear:both; width:100%; margin:0 auto; margin-top: 20px;}
.ztBox .ztRow .mini_9_items ul li{ float:left; width:16.6%; margin-right: 0; text-align:center; margin-top: 20px;}
.ztBox .ztRow .mini_9_items ul li .img img{ width:80%; margin:10px auto; margin-top: 20px;}
.ztBox .ztRow .mini_9_items ul li:hover .img img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.ztBox .ztRow .ydwb_1_items{clear:both; width:100%; margin:0 auto; margin-top: 20px;}
.ztBox .ztRow .ydwb_1_items ul li{ float:left; width:16.6%; margin-right: 0; text-align:center; margin-top: 20px;}
.ztBox .ztRow .ydwb_1_items ul li .img img{ width:80%; margin:10px auto; margin-top: 20px;}
.ztBox .ztRow .ydwb_1_items ul li:hover .img img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.ztBox .ztRow .ydwb_2_items{clear:both; width:100%; margin:0 auto; margin-top: 20px;}
.ztBox .ztRow .ydwb_2_items ul li{ float:left; width:100%; margin-right: 0; text-align:center; margin-top: 20px; position: relative;}
.ztBox .ztRow .ydwb_2_items ul li .img img{ width:80%; margin-top: 20px;position: relative;}
.ztBox .ztRow .ydwb_2_items ul li .icon{position: absolute;}
.ztBox .ztRow .ydwb_2_items ul li .icon img{ width:65%;}
.ztBox .ztRow .ydwb_2_items ul li .icon_left{ left: 14%; top: 36%;}
.ztBox .ztRow .ydwb_2_items ul li .icon_right{ right: 27.5%;  top: 36%;}
.ztBox .ztRow .ydwb_2_items ul li .text{ clear: both; position: absolute; top: 28%; width: 45%;}
.ztBox .ztRow .ydwb_2_items ul li .left{ left: 29%; text-align: left;}
.ztBox .ztRow .ydwb_2_items ul li .right{ right: 42%; text-align: right;}
.ztBox .ztRow .ydwb_2_items ul li .text h3{ font-size:24px; font-weight: normal; line-height:40px; color:#333333; margin-bottom: 10px;}
.ztBox .ztRow .ydwb_2_items ul li .text .info{ font-size:16px; line-height:24px; color:#666666;}


.ztBox .ztRow .ydwb_3_items{clear:both; width:100%; margin:0 auto; margin-top: 20px;}
.ztBox .ztRow .ydwb_3_items ul li{ float:left; width:50%; margin-right: 0; text-align:center; margin-top: 20px; position: relative;}
.ztBox .ztRow .ydwb_3_items ul li .left{ left: 39%; text-align: left;}
.ztBox .ztRow .ydwb_3_items ul li .img img{ width:90%; margin-top: 20px;position: relative;}
.ztBox .ztRow .ydwb_3_items ul li .text{ clear: both; position: absolute; top: 28%; width: 50%;}
.ztBox .ztRow .ydwb_3_items ul li .text h3{ font-size:24px; font-weight: normal; line-height:40px; color:#333333; margin-bottom: 10px;}
.ztBox .ztRow .ydwb_3_items ul li .text .info{ font-size:16px; line-height:24px; color:#666666;}


.ztBox .ztRow .tdp_2_items ul li{ float:left; width:22%; margin-right: 16%; text-align:center; margin-top: 20px; height: 280px; border: 3px solid #4f70bf; border-radius: 20px;}
.ztBox .ztRow .tdp_2_items ul li .img img{ width:30%; margin:10px auto; margin-top: 20px;}
.ztBox .ztRow .tdp_2_items ul li .text h3{ font-size:24px; font-weight: normal; line-height:40px; color:#333333; margin-bottom: 10px; border-bottom: 2px solid #4f70bf; width: 70%; margin: 0 auto; }
.ztBox .ztRow .tdp_2_items ul li .text .info{ font-size:14px; line-height:24px; color:#666666; width: 80%; margin: 0 auto;  padding: 10px;}
.ztBox .ztRow .tdp_2_items ul li:hover{ background-color: rgba(28,46,172,.2);}
.ztBox .ztRow .tdp_2_items ul li:nth-child(3n+0){ margin-right:0;}

.ztBox .ztRow .abtou_sm{clear:both; width:100%; margin:0 auto; margin-top: 20px;}
.ztBox .ztRow .abtou_sm .left{ float: left; width: 45%;}
.ztBox .ztRow .abtou_sm .right{ float: right; width: 55%;}
.ztBox .ztRow .abtou_sm .left ul li{ font-size: 18px; margin-bottom: 20px; border: 1px solid #d5d5d5; padding: 5px;  border-radius: 20px; background-color: #f5f5f5;}
.ztBox .ztRow .abtou_sm .right ul li{ float: left; width: 50%; text-align: center;}
.ztBox .ztRow .abtou_sm .right ul li.img img{ width:80%;}


.hxjs{ height: 55vh;display: flex; justify-content: center; align-items: center; position: relative;}
.hxjs .c1{position: absolute; animation: myfirst2 linear 2s infinite alternate; -webkit-animation: myfirst2 linear 2s infinite alternate;}
.hxjs .c2{position: absolute;}
.hxjs_tit{color: #fff;}
.hxjs_p{color: #2d4ceb;}
@keyframes myfirst2
{
    from {transform:translateY(-10PX);}
    to {transform: translateY(10px);}
}
@-webkit-keyframes myfirst2
{
    from {transform:translateY(-10PX);}
    to {transform: translateY(10px);}
}
.hxjs .items_1{position: absolute; top: 0vh; left: 0vh;}
.hxjs .items_2{position: absolute; top: 0vh; right: -10vh;}
.hxjs .items_3{position: absolute; top: 28vh; left: 0vh;}
.hxjs .items_4{position: absolute; top: 28vh; right: -10vh;}

.hxjs .items_1 img,.hxjs .items_2 img,.hxjs .items_3 img,.hxjs .items_4 img{ width: 80%;}
.hxjs .items_1:hover img,.hxjs .items_2:hover img,.hxjs .items_3:hover img,.hxjs .items_4:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}



@media screen and (max-width: 2560px)  {

  .hxjs .items_1{position: absolute; top: 0vh; left: -1vh;}
  .hxjs .items_2{position: absolute; top: 0vh; right: -10vh;}
  .hxjs .items_3{position: absolute; top: 28vh; left: -1vh;}
  .hxjs .items_4{position: absolute; top: 28vh; right: -10vh;}
    
}

@media screen and (max-width: 1920px)  {
  .hxjs .items_1{position: absolute; top: 0vh; left: -1vh;}
  .hxjs .items_2{position: absolute; top: 0vh; right: -5vh;}
  .hxjs .items_3{position: absolute; top: 28vh; left: -1vh;}
  .hxjs .items_4{position: absolute; top: 28vh; right: -5vh;}
}
  
@media screen and (max-width: 1660px) {
  .hxjs{ height: 55vh;}
  .hxjs .items_1{position: absolute; top: 0vh; left: -1vh;}
  .hxjs .items_2{position: absolute; top: 0vh; right: -8vh;}
  .hxjs .items_3{position: absolute; top: 28vh; left: -1vh;}
  .hxjs .items_4{position: absolute; top: 28vh; right: -8vh;}
  .hxjs .items_1 img,.hxjs .items_2 img,.hxjs .items_3 img,.hxjs .items_4 img{ width: 80%;}
}

@media screen and (max-width: 1440px) {
  .ztBox .ztRow .cc_box .items_1{top: 2%; left: 5%;}
  .ztBox .ztRow .cc_box .items_2{top: 26%; left: 5%;}
  .ztBox .ztRow .cc_box .items_3{top: 50%; left: 5%;}
  .ztBox .ztRow .cc_box .items_4{top: 74%; left: 5%;}
  .ztBox .ztRow .cc_box .items_5{top: 2%; right: -4%;}
  .ztBox .ztRow .cc_box .items_6{top: 26%; right: -4%;}
  .ztBox .ztRow .cc_box .items_7{top: 50%; right: -10%;}
  .ztBox .ztRow .cc_box .items_1 img,.ztBox .ztRow .cc_box .items_2 img,.ztBox .ztRow .cc_box .items_3 img,.ztBox .ztRow .cc_box .items_4 img,.ztBox .ztRow .cc_box .items_5 img,.ztBox .ztRow .cc_box .items_6 img,.ztBox .ztRow .cc_box .items_7 img{ width: 65%;}


  .ztBox .ztRow .abtou_sm .left{ width: 45%;}
  .ztBox .ztRow .abtou_sm .right{ width: 55%;}
  .ztBox .ztRow .abtou_sm .left ul li{ font-size: 18px; margin-bottom: 20px; }
  .ztBox .ztRow .abtou_sm .right ul li{ width: 50%;}
  .ztBox .ztRow .abtou_sm .right ul li.img img{ width:80%;}

  .hxjs{ height: 55vh;}
  .hxjs .items_1{position: absolute; top: 0vh; left: -1vh;}
  .hxjs .items_2{position: absolute; top: 0vh; right: -12vh;}
  .hxjs .items_3{position: absolute; top: 28vh; left: -1vh;}
  .hxjs .items_4{position: absolute; top: 28vh; right: -12vh;}
  .hxjs .items_1 img,.hxjs .items_2 img,.hxjs .items_3 img,.hxjs .items_4 img{ width: 80%;}

}

@media screen and (max-width: 1260px) {

  .ztBox .ztRow .abtou_sm .left{ width: 45%;}
  .ztBox .ztRow .abtou_sm .right{ width: 55%;}
  .ztBox .ztRow .abtou_sm .left ul li{ font-size: 18px; margin-bottom: 26px; }
  .ztBox .ztRow .abtou_sm .right ul li{ width: 50%;}
  .ztBox .ztRow .abtou_sm .right ul li.img img{ width:80%;}

  .hxjs{ height: 50vh;}
  .hxjs .items_1{position: absolute; top: 0vh; left: 1vh;}
  .hxjs .items_2{position: absolute; top: 0vh; right: -8vh;}
  .hxjs .items_3{position: absolute; top: 28vh; left: 1vh;}
  .hxjs .items_4{position: absolute; top: 28vh; right: -8vh;}
  .hxjs .items_1 img,.hxjs .items_2 img,.hxjs .items_3 img,.hxjs .items_4 img{ width: 70%;}

}

@media screen and (max-width: 1180px) {


  .ztBox .ztRow .cc_box{height: 55vh;}
  .ztBox .ztRow .cc_box .c1{ width: 20%;}
  .ztBox .ztRow .cc_box .items_1{top: 7vh; left: 1vh;}
  .ztBox .ztRow .cc_box .items_2{top: 17vh; left: 1vh;}
  .ztBox .ztRow .cc_box .items_3{top: 27vh; left: 1vh;}
  .ztBox .ztRow .cc_box .items_4{top: 37vh; left: 1vh;}
  .ztBox .ztRow .cc_box .items_5{top: 7vh; right: -11vh;}
  .ztBox .ztRow .cc_box .items_6{top: 17vh; right: -11vh;}
  .ztBox .ztRow .cc_box .items_7{top: 27vh; right: -17vh;}
  .ztBox .ztRow .cc_box .items_1 img,.ztBox .ztRow .cc_box .items_2 img,.ztBox .ztRow .cc_box .items_3 img,.ztBox .ztRow .cc_box .items_4 img,.ztBox .ztRow .cc_box .items_5 img,.ztBox .ztRow .cc_box .items_6 img,.ztBox .ztRow .cc_box .items_7 img{ width: 60%;}


  .ztBox .ztRow .abtou_sm .left ul li{ font-size: 18px; margin-bottom: 10px; }
}

@media screen and (max-width: 1024px) {


  .ztBox .ztRow .cc_box{height: 55vh;}
  .ztBox .ztRow .cc_box .c1{ width: 20%;}
  .ztBox .ztRow .cc_box .items_1{top: 7vh; left: 1vh;}
  .ztBox .ztRow .cc_box .items_2{top: 17vh; left: 1vh;}
  .ztBox .ztRow .cc_box .items_3{top: 27vh; left: 1vh;}
  .ztBox .ztRow .cc_box .items_4{top: 37vh; left: 1vh;}
  .ztBox .ztRow .cc_box .items_5{top: 7vh; right: -11vh;}
  .ztBox .ztRow .cc_box .items_6{top: 17vh; right: -11vh;}
  .ztBox .ztRow .cc_box .items_7{top: 27vh; right: -17vh;}
  .ztBox .ztRow .cc_box .items_1 img,.ztBox .ztRow .cc_box .items_2 img,.ztBox .ztRow .cc_box .items_3 img,.ztBox .ztRow .cc_box .items_4 img,.ztBox .ztRow .cc_box .items_5 img,.ztBox .ztRow .cc_box .items_6 img,.ztBox .ztRow .cc_box .items_7 img{ width: 60%;}

  .ztBox .ztRow .ydwb_2_items ul li .img img{ width:80%;}
  .ztBox .ztRow .ydwb_2_items ul li .icon img{ width:65%;}
  .ztBox .ztRow .ydwb_2_items ul li .icon_left{ left: 13%; top: 35%;}
  .ztBox .ztRow .ydwb_2_items ul li .icon_right{ right: 26.5%;  top: 35%;}
  .ztBox .ztRow .ydwb_2_items ul li .text{top: 25%; }
  .ztBox .ztRow .ydwb_2_items ul li .left{ left: 30%;}
  .ztBox .ztRow .ydwb_2_items ul li .right{ right: 43%;}
  .ztBox .ztRow .ydwb_2_items ul li .text h3{ font-size:20px; margin-bottom: 0;}
  .ztBox .ztRow .ydwb_2_items ul li .text .info{ font-size:14px; line-height: 20px;}


  .ztBox .ztRow .ydwb_3_items ul li{ width:50%;}
  .ztBox .ztRow .ydwb_3_items ul li .left{ left: 39%; text-align: left;}
  .ztBox .ztRow .ydwb_3_items ul li .img img{ width:90%;}
  .ztBox .ztRow .ydwb_3_items ul li .text{  top: 28%; width: 50%;}
  .ztBox .ztRow .ydwb_3_items ul li .text h3{ font-size:20px; line-height:30px; margin-bottom: 0;}
  .ztBox .ztRow .ydwb_3_items ul li .text .info{ font-size:16px; line-height:24px;}

  .ztBox .ztRow .abtou_sm .left ul li{ font-size: 16px; margin-bottom: 18px; }

  .hxjs{ height: 78vh;}
  .hxjs .c1{ width: 70%;}
  .hxjs .items_1{top: 0vh; left: 14vh;}
  .hxjs .items_2{top: 20vh; right: 14vh;}
  .hxjs .items_3{top: 40vh; left: 14vh;}
  .hxjs .items_4{top: 60vh; right: 14vh;}
  .hxjs .items_1 img,.hxjs .items_2 img,.hxjs .items_3 img,.hxjs .items_4 img{ width: 100%;}

}

@media screen and (max-width: 960px) {
  .ztBox .ztRow .zt_t .p {font-size: 36px;}
  .ztBox .ztRow .zk_3_items .img img{ width:100%;}
  .ztBox .ztRow .zk_5_items ul li{ width: 48%; margin-right: 2%;}
  .ztBox .ztRow .zk_5_items ul li .img img{ width:30%;}
  .ztBox .ztRow .zk_5_items ul li:nth-child(2n+0){ margin-right:0;}

  .ztBox .ztRow .tc_2_items ul li{ width: 22%; margin-right: 15%;}
  .ztBox .ztRow .tc_2_items ul li .img img{ width:30%;}
  .ztBox .ztRow .tc_2_items ul li:nth-child(3n+0){ margin-right:0;}

  .ztBox .ztRow .ygp_box{height: 30vh;}
  .ztBox .ztRow .ygp_box .c1{ width: 90%;}
  .ztBox .ztRow .ygp_box .c2{position: absolute; font-size: 28px;}
  .ztBox .ztRow .ygp_box .items_1{top: 0vh; left: 0vh; height: 10vh; width: 18vh;}
  .ztBox .ztRow .ygp_box .items_2{top: 0vh; right: 0vh; height: 10vh; width: 18vh;}
  .ztBox .ztRow .ygp_box .items_3{top: 18vh; left: 0vh; height: 10vh; width: 18vh;}
  .ztBox .ztRow .ygp_box .items_4{top: 18vh; right: 0vh; height: 10vh; width: 18vh;}
  .ztBox .ztRow .ygp_box .items_1 .items_tit, .ztBox .ztRow .ygp_box .items_3 .items_tit{ height: 36px; line-height: 36px;font-size: 16px; padding-left: 10px;}
  .ztBox .ztRow .ygp_box .items_1 .items_con, .ztBox .ztRow .ygp_box .items_3 .items_con{ padding: 10px; font-size: 14px;}
  .ztBox .ztRow .ygp_box .items_2 .items_tit, .ztBox .ztRow .ygp_box .items_4 .items_tit{ height: 36px; line-height: 36px; font-size: 16px; padding-left: 10px;}
  .ztBox .ztRow .ygp_box .items_2 .items_con, .ztBox .ztRow .ygp_box .items_4 .items_con{ padding: 10px; font-size: 14px;}

  .ztBox .ztRow .cc_box{height: 55vh;}
  .ztBox .ztRow .cc_box .c1{ width: 30%;}
  .ztBox .ztRow .cc_box .items_1{top: 5vh; left: 1vh;}
  .ztBox .ztRow .cc_box .items_2{top: 13vh; left: 1vh;}
  .ztBox .ztRow .cc_box .items_3{top: 21vh; left: 1vh;}
  .ztBox .ztRow .cc_box .items_4{top: 29vh; left: 1vh;}
  .ztBox .ztRow .cc_box .items_5{top: 5vh; right: -18vh;}
  .ztBox .ztRow .cc_box .items_6{top: 13vh; right: -18vh;}
  .ztBox .ztRow .cc_box .items_7{top: 21vh; right: -23vh;}
  .ztBox .ztRow .cc_box .items_1 img,.ztBox .ztRow .cc_box .items_2 img,.ztBox .ztRow .cc_box .items_3 img,.ztBox .ztRow .cc_box .items_4 img,.ztBox .ztRow .cc_box .items_5 img,.ztBox .ztRow .cc_box .items_6 img,.ztBox .ztRow .cc_box .items_7 img{ width: 50%;}

  .ztBox .ztRow .ygp_jj_box .c1{ width: 25%; left: 20%;}
  .ztBox .ztRow .ygp_jj_box .c2{ width: 25%; right: 20%;}

  .ztBox .ztRow .mini_6_items ul li .text .info {font-size: 14px;}

  .ztBox .ztRow .mini_9_items ul li{ width: 33.3%; margin-right: 0;}
  .ztBox .ztRow .mini_9_items ul li .img img{ width:60%;}

  .ztBox .ztRow .ydwb_1_items ul li{ width: 33.3%; margin-right: 0;}
  .ztBox .ztRow .ydwb_1_items ul li .img img{ width:60%;}

  .ztBox .ztRow .ydwb_3_items ul li{ width:50%;}
  .ztBox .ztRow .ydwb_3_items ul li .left{ left: 37%; text-align: left;}
  .ztBox .ztRow .ydwb_3_items ul li .img img{ width:90%;}
  .ztBox .ztRow .ydwb_3_items ul li .text{  top: 25%; width: 53%;}
  .ztBox .ztRow .ydwb_3_items ul li .text h3{ font-size:18px; line-height:26px; margin-bottom: 0;}
  .ztBox .ztRow .ydwb_3_items ul li .text .info{ font-size:14px; line-height:20px;}

  .ztBox .ztRow .tdp_2_items ul li{ width: 29%; margin-right: 5%;}
  .ztBox .ztRow .tdp_2_items ul li .img img{ width:30%;}
  .ztBox .ztRow .tdp_2_items ul li .text h3{ font-size:18px;}
  .ztBox .ztRow .tdp_2_items ul li:nth-child(3n+0){ margin-right:0;}

  .ztBox .ztRow .abtou_sm .left ul li{ font-size: 16px; margin-bottom: 10px; }

  .hxjs{ height: 40vh;}
  .hxjs .c1{ width: 30%;}
  .hxjs .items_1{top: 5vh; left: 0vh;}
  .hxjs .items_2{top: 5vh; right: -18vh;}
  .hxjs .items_3{top: 20vh; left: 0vh;}
  .hxjs .items_4{top: 20vh; right: -18vh;}
  .hxjs .items_1 img,.hxjs .items_2 img,.hxjs .items_3 img,.hxjs .items_4 img{ width: 55%;}

}

@media screen and (max-width: 780px) {


    /* 数据 */
    .shuju_box{padding-top: 20px;}
    .shuju_box ul li{padding: 20px 0;}
    .shuju_box ul li .num{font-size: 36px; font-weight: bold;}
    .shuju_box ul li .txt{font-size: 14px;}

  .ztBox .ztRow .cc_box{height: 40vh;}
  .ztBox .ztRow .cc_box .c1{ width: 30%;}
  .ztBox .ztRow .cc_box .items_1{top: 5vh; left: 0vh;}
  .ztBox .ztRow .cc_box .items_2{top: 12vh; left: 0vh;}
  .ztBox .ztRow .cc_box .items_3{top: 19vh; left: 0vh;}
  .ztBox .ztRow .cc_box .items_4{top: 26vh; left: 0vh;}
  .ztBox .ztRow .cc_box .items_5{top: 5vh; right: -19vh;}
  .ztBox .ztRow .cc_box .items_6{top: 12vh; right: -19vh;}
  .ztBox .ztRow .cc_box .items_7{top: 19vh; right: -24vh;}
  .ztBox .ztRow .cc_box .items_1 img,.ztBox .ztRow .cc_box .items_2 img,.ztBox .ztRow .cc_box .items_3 img,.ztBox .ztRow .cc_box .items_4 img,.ztBox .ztRow .cc_box .items_5 img,.ztBox .ztRow .cc_box .items_6 img,.ztBox .ztRow .cc_box .items_7 img{ width: 50%;}

  .ztBox .ztRow .ygp_jj_box .c1{ width: 30%; left: 20%;}
  .ztBox .ztRow .ygp_jj_box .c2{ width: 30%; right: 20%;}

  .ztBox .ztRow .tcs_1_items ul li{ width:50%;  margin-bottom: 20px;}
  .ztBox .ztRow .tcs_1_items ul li .img img{ width:50%;}
  .ztBox .ztRow .tcs_1_items ul li .text h3{ font-size:14px; margin: 0;}


  .ztBox .ztRow .tcs_2_items ul li{ width:50%; margin-top: 10px;}
  .ztBox .ztRow .tcs_2_items ul li .img img{ width:88%;}

  .ztBox .ztRow .tc_2_items ul li{ width: 25%; margin-right: 10%;}
  .ztBox .ztRow .tc_2_items ul li .img img{ width:30%;}
  .ztBox .ztRow .tc_2_items ul li:nth-child(3n+0){ margin-right:0;}

  .ztBox .ztRow .mini_9_items ul li{ width: 33.3%; margin-right: 0;}
  .ztBox .ztRow .mini_9_items ul li .img img{ width:60%;}

  .ztBox .ztRow .ydwb_1_items ul li{ width: 33.3%; margin-right: 0;}
  .ztBox .ztRow .ydwb_1_items ul li .img img{ width:60%;}

  .ztBox .ztRow .tdp_2_items ul li{ width: 29%; margin-right: 5%;}
  .ztBox .ztRow .tdp_2_items ul li .img img{ width:30%;}
  .ztBox .ztRow .tdp_2_items ul li .text h3{ font-size:16px;}
  .ztBox .ztRow .tdp_2_items ul li:nth-child(3n+0){ margin-right:0;}

  .ztBox .ztRow .abtou_sm .left ul li{ font-size: 14px; margin-bottom: 10px; }

}

@media screen and (max-width: 720px) {


  .ztBox .ztRow .ygp_box{height: 30vh;}
  .ztBox .ztRow .ygp_box .c1{ width: 90%;}
  .ztBox .ztRow .ygp_box .c2{position: absolute; font-size: 28px;}
  .ztBox .ztRow .ygp_box .items_1{top: 0vh; left: 0vh; height: 10vh; width: 18vh;}
  .ztBox .ztRow .ygp_box .items_2{top: 0vh; right: 0vh; height: 10vh; width: 18vh;}
  .ztBox .ztRow .ygp_box .items_3{top: 18vh; left: 0vh; height: 10vh; width: 18vh;}
  .ztBox .ztRow .ygp_box .items_4{top: 18vh; right: 0vh; height: 10vh; width: 18vh;}
  .ztBox .ztRow .ygp_box .items_1 .items_tit, .ztBox .ztRow .ygp_box .items_3 .items_tit{ height: 36px; line-height: 36px;font-size: 16px; padding-left: 10px;}
  .ztBox .ztRow .ygp_box .items_1 .items_con, .ztBox .ztRow .ygp_box .items_3 .items_con{ padding: 10px; font-size: 14px;}
  .ztBox .ztRow .ygp_box .items_2 .items_tit, .ztBox .ztRow .ygp_box .items_4 .items_tit{ height: 36px; line-height: 36px; font-size: 16px; padding-left: 10px;}
  .ztBox .ztRow .ygp_box .items_2 .items_con, .ztBox .ztRow .ygp_box .items_4 .items_con{ padding: 10px; font-size: 14px;}


  .ztBox .ztRow .cc_box{height: 45vh;}
  .ztBox .ztRow .cc_box .c1{ width: 30%;}
  .ztBox .ztRow .cc_box .items_1{top: 7vh; left: 0vh;}
  .ztBox .ztRow .cc_box .items_2{top: 15vh; left: 0vh;}
  .ztBox .ztRow .cc_box .items_3{top: 23vh; left: 0vh;}
  .ztBox .ztRow .cc_box .items_4{top: 31vh; left: 0vh;}
  .ztBox .ztRow .cc_box .items_5{top: 7vh; right: -19vh;}
  .ztBox .ztRow .cc_box .items_6{top: 17vh; right: -19vh;}
  .ztBox .ztRow .cc_box .items_7{top: 27vh; right: -24vh;}
  .ztBox .ztRow .cc_box .items_1 img,.ztBox .ztRow .cc_box .items_2 img,.ztBox .ztRow .cc_box .items_3 img,.ztBox .ztRow .cc_box .items_4 img,.ztBox .ztRow .cc_box .items_5 img,.ztBox .ztRow .cc_box .items_6 img,.ztBox .ztRow .cc_box .items_7 img{ width: 50%;}

  .ztBox .ztRow .ygp_jj_box .c1{ width: 30%; left: 20%;}
  .ztBox .ztRow .ygp_jj_box .c2{ width: 30%; right: 20%;}

  .ztBox .ztRow .tcs_1_items ul li{ width:50%;  margin-bottom: 20px;}
  .ztBox .ztRow .tcs_1_items ul li .img img{ width:50%;}
  .ztBox .ztRow .tcs_1_items ul li .text h3{ font-size:14px; margin: 0;}

  .ztBox .ztRow .tcs_2_items ul li{ width:50%; margin-top: 10px;}
  .ztBox .ztRow .tcs_2_items ul li .img img{ width:88%;}

  .ztBox .ztRow .tc_2_items ul li{ width: 25%; margin-right: 10%;}
  .ztBox .ztRow .tc_2_items ul li .img img{ width:30%;}
  .ztBox .ztRow .tc_2_items ul li:nth-child(3n+0){ margin-right:0;}

  .ztBox .ztRow .mini_9_items ul li{ width: 33.3%; margin-right: 0;}
  .ztBox .ztRow .mini_9_items ul li .img img{ width:60%;}

  .ztBox .ztRow .ydwb_1_items ul li{ width: 33.3%; margin-right: 0;}
  .ztBox .ztRow .ydwb_1_items ul li .img img{ width:60%;}

  .ztBox .ztRow .ydwb_2_items ul li .img img{ width:100%;}
  .ztBox .ztRow .ydwb_2_items ul li .icon img{ width:45%;}
  .ztBox .ztRow .ydwb_2_items ul li .icon_left{ left: 2%; top: 40%;}
  .ztBox .ztRow .ydwb_2_items ul li .icon_right{ right: 19%;  top: 40%;}
  .ztBox .ztRow .ydwb_2_items ul li .text{top: 30%; }
  .ztBox .ztRow .ydwb_2_items ul li .left{ left: 30%;}
  .ztBox .ztRow .ydwb_2_items ul li .right{ right: 43%;}
  .ztBox .ztRow .ydwb_2_items ul li .text h3{ font-size:18px; line-height: 20px; margin-bottom: 0;}
  .ztBox .ztRow .ydwb_2_items ul li .text .info{ font-size:14px; line-height: 20px;}

  .ztBox .ztRow .abtou_sm .left ul li{ font-size: 14px; margin-bottom: 10px; }

  .hxjs{ height: 78vh;}
  .hxjs .c1{ width: 70%;}
  .hxjs .items_1{top: 0vh; left: 14vh;}
  .hxjs .items_2{top: 20vh; right: 14vh;}
  .hxjs .items_3{top: 40vh; left: 14vh;}
  .hxjs .items_4{top: 60vh; right: 14vh;}
  .hxjs .items_1 img,.hxjs .items_2 img,.hxjs .items_3 img,.hxjs .items_4 img{ width: 100%;}

}

@media screen and (max-width: 640px) {
    .ztBox .ztRow .cc_1_items ul li{ width:50%; margin-bottom: 20px;;}
    .ztBox .ztRow .cc_1_items ul li .text .info{ font-size:14px; }

    .ztBox .ztRow .zk_2_items ul li .text h3{ font-size: 14px;}
    .ztBox .ztRow .zk_3_items .img img{ width:100%;}

    .ztBox .ztRow .zk_5_items ul li{ width: 47%; margin-right: 3%;}
    .ztBox .ztRow .zk_5_items ul li .img img{ width:30%;}
    .ztBox .ztRow .zk_5_items ul li:nth-child(2n+0){ margin-right:0;}

    /*精选案例*/
   .i_more{ height:32px; line-height:32px; font-size:14px;}
   .i_case ul li{ width:49%;}
   .i_case ul li:nth-child(3n+0){ margin-right:2%;}
   .i_case ul li:nth-child(2n+0){ margin-right:0;}

    /* 数据 */
    .shuju_box{padding-top: 20px;}
    .shuju_box ul li{padding: 20px 0;}
    .shuju_box ul li .num{font-size: 22px; font-weight: bold;}
    .shuju_box ul li .txt{font-size: 14px;}

    .ztBox .ztRow .ygp_box{height: 30vh;}
    .ztBox .ztRow .ygp_box .c1{ width: 90%;}
    .ztBox .ztRow .ygp_box .c2{position: absolute; font-size: 28px;}
    .ztBox .ztRow .ygp_box .items_1{top: 0vh; left: 0vh; height: 10vh; width: 18vh;}
    .ztBox .ztRow .ygp_box .items_2{top: 0vh; right: 0vh; height: 10vh; width: 18vh;}
    .ztBox .ztRow .ygp_box .items_3{top: 18vh; left: 0vh; height: 10vh; width: 18vh;}
    .ztBox .ztRow .ygp_box .items_4{top: 18vh; right: 0vh; height: 10vh; width: 18vh;}
    .ztBox .ztRow .ygp_box .items_1 .items_tit, .ztBox .ztRow .ygp_box .items_3 .items_tit{ height: 36px; line-height: 36px;font-size: 16px; padding-left: 10px;}
    .ztBox .ztRow .ygp_box .items_1 .items_con, .ztBox .ztRow .ygp_box .items_3 .items_con{ padding: 10px; font-size: 14px;}
    .ztBox .ztRow .ygp_box .items_2 .items_tit, .ztBox .ztRow .ygp_box .items_4 .items_tit{ height: 36px; line-height: 36px; font-size: 16px; padding-left: 10px;}
    .ztBox .ztRow .ygp_box .items_2 .items_con, .ztBox .ztRow .ygp_box .items_4 .items_con{ padding: 10px; font-size: 14px;}


  .ztBox .ztRow .cc_box{height: 40vh;}
  .ztBox .ztRow .cc_box .c1{ width: 30%;}
  .ztBox .ztRow .cc_box .items_1{top: 4vh; left: 0vh;}
  .ztBox .ztRow .cc_box .items_2{top: 11vh; left: 0vh;}
  .ztBox .ztRow .cc_box .items_3{top: 18vh; left: 0vh;}
  .ztBox .ztRow .cc_box .items_4{top: 25vh; left: 0vh;}
  .ztBox .ztRow .cc_box .items_5{top: 4vh; right: -22vh;}
  .ztBox .ztRow .cc_box .items_6{top: 14vh; right: -22vh;}
  .ztBox .ztRow .cc_box .items_7{top: 24vh; right: -27vh;}
  .ztBox .ztRow .cc_box .items_1 img,.ztBox .ztRow .cc_box .items_2 img,.ztBox .ztRow .cc_box .items_3 img,.ztBox .ztRow .cc_box .items_4 img,.ztBox .ztRow .cc_box .items_5 img,.ztBox .ztRow .cc_box .items_6 img,.ztBox .ztRow .cc_box .items_7 img{ width: 40%;}

  .ztBox .ztRow .ygp_jj_box .c1{ width: 30%; left: 20%;}
  .ztBox .ztRow .ygp_jj_box .c2{ width: 30%; right: 20%;}

  .ztBox .ztRow .tcs_1_items ul li{ width:50%;  margin-bottom: 20px;}
  .ztBox .ztRow .tcs_1_items ul li .img img{ width:50%;}
  .ztBox .ztRow .tcs_1_items ul li .text h3{ font-size:14px; margin: 0;}

  .ztBox .ztRow .tcs_2_items ul li{ width:50%; margin-top: 10px;}
  .ztBox .ztRow .tcs_2_items ul li .img img{ width:88%;}

  .ztBox .ztRow .mini_9_items ul li{ width: 33.3%; margin-right: 0;}
  .ztBox .ztRow .mini_9_items ul li .img img{ width:75%;}

  .ztBox .ztRow .ydwb_1_items ul li{ width: 33.3%; margin-right: 0;}
  .ztBox .ztRow .ydwb_1_items ul li .img img{ width:75%;}

  .ztBox .ztRow .ydwb_2_items ul li .img img{ width:100%;}
  .ztBox .ztRow .ydwb_2_items ul li .icon img{ width:32%;}
  .ztBox .ztRow .ydwb_2_items ul li .icon_left{ left: 1%; top: 40%;}
  .ztBox .ztRow .ydwb_2_items ul li .icon_right{ right: 17%;  top: 40%;}
  .ztBox .ztRow .ydwb_2_items ul li .text{top: 27%; width: 55%;}
  .ztBox .ztRow .ydwb_2_items ul li .left{ left: 25%;}
  .ztBox .ztRow .ydwb_2_items ul li .right{ right: 40%;}
  .ztBox .ztRow .ydwb_2_items ul li .text h3{ font-size:16px; line-height: 20px; margin-bottom: 0;}
  .ztBox .ztRow .ydwb_2_items ul li .text .info{ font-size:12px; line-height: 20px;}


  .ztBox .ztRow .tdp_2_items ul li{ width: 80%; margin: 10px 10%;}
  .ztBox .ztRow .tdp_2_items ul li .img img{ width:30%;}
  .ztBox .ztRow .tdp_2_items ul li .text h3{ font-size:20px;}
  .ztBox .ztRow .tdp_2_items ul li:nth-child(3n+0){ margin-right:0;}

  .ztBox .ztRow .abtou_sm .left{ width: 57%;}
  .ztBox .ztRow .abtou_sm .right{ width: 43%;}
  .ztBox .ztRow .abtou_sm .left ul li{ font-size: 18px; margin-bottom: 26px; }
  .ztBox .ztRow .abtou_sm .right ul li{ width: 100%;}
  .ztBox .ztRow .abtou_sm .right ul li.img img{ width:60%;}


  .hxjs{ height: 78vh;}
  .hxjs .c1{ width: 70%;}
  .hxjs .items_1{top: 0vh; left: 14vh;}
  .hxjs .items_2{top: 20vh; right: 14vh;}
  .hxjs .items_3{top: 40vh; left: 14vh;}
  .hxjs .items_4{top: 60vh; right: 14vh;}
  .hxjs .items_1 img,.hxjs .items_2 img,.hxjs .items_3 img,.hxjs .items_4 img{ width: 100%;}
}

@media screen and (max-width: 520px) {
    .ztBox .ztRow .cc_1_items ul li{ width:50%; margin-bottom: 20px;;}
    .ztBox .ztRow .cc_1_items ul li .text .info{ font-size:14px; }

    /* 数据 */
    .shuju_box{padding-top: 20px;}
    .shuju_box ul li{padding: 20px 0;}
    .shuju_box ul li .num{font-size: 22px; font-weight: bold;}
    .shuju_box ul li .txt{font-size: 14px;}

    .ztBox .ztRow .ygp_box{height: 30vh;}
    .ztBox .ztRow .ygp_box .c1{ width: 90%;}
    .ztBox .ztRow .ygp_box .c2{position: absolute; font-size: 28px;}
    .ztBox .ztRow .ygp_box .items_1{top: 2vh; left: 0vh; height: 10vh; width: 16vh;}
    .ztBox .ztRow .ygp_box .items_2{top: 2vh; right: 0vh; height: 10vh; width: 16vh;}
    .ztBox .ztRow .ygp_box .items_3{top: 18vh; left: 0vh; height: 10vh; width: 16vh;}
    .ztBox .ztRow .ygp_box .items_4{top: 18vh; right: 0vh; height: 10vh; width: 16vh;}
    .ztBox .ztRow .ygp_box .items_1 .items_tit, .ztBox .ztRow .ygp_box .items_3 .items_tit{ height: 36px; line-height: 36px;font-size: 16px; padding-left: 10px;}
    .ztBox .ztRow .ygp_box .items_1 .items_con, .ztBox .ztRow .ygp_box .items_3 .items_con{ padding: 10px; font-size: 14px;}
    .ztBox .ztRow .ygp_box .items_2 .items_tit, .ztBox .ztRow .ygp_box .items_4 .items_tit{ height: 36px; line-height: 36px; font-size: 16px; padding-left: 10px;}
    .ztBox .ztRow .ygp_box .items_2 .items_con, .ztBox .ztRow .ygp_box .items_4 .items_con{ padding: 10px; font-size: 14px;}

    .ztBox .ztRow .ygp_jj_box .c1{ width: 30%; left: 20%;}
    .ztBox .ztRow .ygp_jj_box .c2{ width: 30%; right: 20%;}

    .ztBox .ztRow .tcs_1_items ul li{ width:50%;  margin-bottom: 20px;}
    .ztBox .ztRow .tcs_1_items ul li .img img{ width:50%;}
    .ztBox .ztRow .tcs_1_items ul li .text h3{ font-size:14px; margin: 0;}

    .ztBox .ztRow .tcs_2_items ul li{ width:50%; margin-top: 10px;}
    .ztBox .ztRow .tcs_2_items ul li .img img{ width:88%;}


    .hxjs{ height: 78vh;}
    .hxjs .c1{ width: 70%;}
    .hxjs .items_1{top: 0vh; left: 14vh;}
    .hxjs .items_2{top: 20vh; right: 14vh;}
    .hxjs .items_3{top: 40vh; left: 14vh;}
    .hxjs .items_4{top: 60vh; right: 14vh;}
    .hxjs .items_1 img,.hxjs .items_2 img,.hxjs .items_3 img,.hxjs .items_4 img{ width: 100%;}
}

@media screen and (max-width: 480px) {
    .ztBox .ztRow .zk_1_items ul li{ width:33.33%; }
    .ztBox .ztRow .zk_1_items ul li .img img{ width:50%;}
    .ztBox .ztRow .zk_1_items ul li .text h3{ font-size:16px; }
    .ztBox .ztRow .zk_1_items ul li .text .info{ font-size:12px;height: 100px; border-radius: 10px; padding: 0; overflow: hidden;}

    .ztBox .ztRow .zk_2_items ul li{ width:25%; }
    .ztBox .ztRow .zk_2_items ul li .img img{ width:50%;}
    .ztBox .ztRow .zk_2_items ul li .text h3{ font-size:16px;}

    .ztBox .ztRow .zk_5_items ul li{ width: 46%; margin-right: 3%;}
    .ztBox .ztRow .zk_5_items ul li .img img{ width:30%;}
    .ztBox .ztRow .zk_5_items ul li:nth-child(2n+0){ margin-right:0;}

    .ztBox .ztRow .cc_1_items ul li{ width:50%; margin-bottom: 20px;;}
    .ztBox .ztRow .cc_1_items ul li .text .info{ font-size:14px; }

    /*精选案例*/
    .i_case ul li .txts .h3{ font-size:14px; height:28px; line-height:28px;}
    .i_case ul li .txts .p{ font-size:12px; line-height:20px; height:40px;}
    .i_case ul li .txts em{ margin-bottom:12px; margin-top:12px; height:20px; line-height:20px;}


    /* 数据 */
    .shuju_box{padding-top: 0;}
    .shuju_box ul li{padding: 10px 0; width: 100%;}
    .shuju_box ul li .num{font-size: 42px; font-weight: bold;}
    .shuju_box ul li .txt{font-size: 18px;}

    .ztBox .ztRow .ygp_box{height: 30vh;}
    .ztBox .ztRow .ygp_box .c1{ width: 90%;}
    .ztBox .ztRow .ygp_box .c2{position: absolute; font-size: 28px;}
    .ztBox .ztRow .ygp_box .items_1{top: -2vh; left: 0vh; height: 14vh; width: 18vh;}
    .ztBox .ztRow .ygp_box .items_2{top: -2vh; right: 0vh; height: 14vh; width: 18vh;}
    .ztBox .ztRow .ygp_box .items_3{top: 18vh; left: 0vh; height: 14vh; width: 18vh;}
    .ztBox .ztRow .ygp_box .items_4{top: 18vh; right: 0vh; height: 14vh; width: 18vh;}
    .ztBox .ztRow .ygp_box .items_1 .items_tit, .ztBox .ztRow .ygp_box .items_3 .items_tit{ height: 36px; line-height: 36px;font-size: 16px; padding-left: 10px;}
    .ztBox .ztRow .ygp_box .items_1 .items_con, .ztBox .ztRow .ygp_box .items_3 .items_con{ padding: 10px; font-size: 14px;}
    .ztBox .ztRow .ygp_box .items_2 .items_tit, .ztBox .ztRow .ygp_box .items_4 .items_tit{ height: 36px; line-height: 36px; font-size: 16px; padding-left: 10px;}
    .ztBox .ztRow .ygp_box .items_2 .items_con, .ztBox .ztRow .ygp_box .items_4 .items_con{ padding: 10px; font-size: 14px;}

    .ztBox .ztRow .cc_box{height: 40vh;}
    .ztBox .ztRow .cc_box .c1{ width: 30%;}
    .ztBox .ztRow .cc_box .items_1{top: 4vh; left: 0vh;}
    .ztBox .ztRow .cc_box .items_2{top: 11vh; left: 0vh;}
    .ztBox .ztRow .cc_box .items_3{top: 18vh; left: 0vh;}
    .ztBox .ztRow .cc_box .items_4{top: 25vh; left: 0vh;}
    .ztBox .ztRow .cc_box .items_5{top: 4vh; right: -33vh;}
    .ztBox .ztRow .cc_box .items_6{top: 14vh; right: -33vh;}
    .ztBox .ztRow .cc_box .items_7{top: 24vh; right: -41vh;}
    .ztBox .ztRow .cc_box .items_1 img,.ztBox .ztRow .cc_box .items_2 img,.ztBox .ztRow .cc_box .items_3 img,.ztBox .ztRow .cc_box .items_4 img{ width: 40%;}
    .ztBox .ztRow .cc_box .items_5 img,.ztBox .ztRow .cc_box .items_6 img,.ztBox .ztRow .cc_box .items_7 img{ width: 33%;}

    .ztBox .ztRow .ygp_jj_box .c1{ width: 30%; left: 20%;}
    .ztBox .ztRow .ygp_jj_box .c2{ width: 30%; right: 20%;}

    .ztBox .ztRow .ygp_1_items ul li .text .info{  height: 150px;}
    .ztBox .ztRow .ygp_1_items ul li .text .info p{ font-size: 16px; line-height: 24px; margin-top: 20px;}
    .ztBox .ztRow .ygp_1_items ul li:hover .text .info{ background-color: #ecfafb;}
    .ztBox .ztRow .ygp_1_items ul li .text .info img{width: 30%;}

    .ztBox .ztRow .mini_6_items ul li{ width:50%; margin-bottom: 20px;}
    .ztBox .ztRow .mini_6_items ul li .img img{ width:95%;}
    .ztBox .ztRow .mini_6_items ul li .text h3{ font-size:16px; }
    .ztBox .ztRow .mini_6_items ul li .text .info{ font-size:12px; padding: 0; overflow: hidden; margin-top: 10px;}

    .ztBox .ztRow .tcs_1_items ul li{ width:50%;  margin-bottom: 20px;}
    .ztBox .ztRow .tcs_1_items ul li .img img{ width:50%;}
    .ztBox .ztRow .tcs_1_items ul li .text h3{ font-size:14px; margin: 0;}

    .ztBox .ztRow .tcs_2_items ul li{ width:50%;  margin-top: 10px;}
    .ztBox .ztRow .tcs_2_items ul li .img img{ width:88%;}

    .ztBox .ztRow .tc_2_items ul li{ width: 28%; margin-right: 5%; height: 26vh;}
    .ztBox .ztRow .tc_2_items ul li .img img{ width:30%;}
    .ztBox .ztRow .tc_2_items ul li:nth-child(3n+0){ margin-right:0;}

    .ztBox .ztRow .ydwb_2_items ul li .img img{ width:100%;}
    .ztBox .ztRow .ydwb_2_items ul li .icon img{ width:32%;}
    .ztBox .ztRow .ydwb_2_items ul li .icon_left{ left: -2%; top: 40%;}
    .ztBox .ztRow .ydwb_2_items ul li .icon_right{ right: 15%;  top: 40%;}
    .ztBox .ztRow .ydwb_2_items ul li .text{top: 27%; }
    .ztBox .ztRow .ydwb_2_items ul li .left{ left: 30%;}
    .ztBox .ztRow .ydwb_2_items ul li .right{ right: 43%;}
    .ztBox .ztRow .ydwb_2_items ul li .text h3{ font-size:16px; line-height: 20px; margin-bottom: 0;}
    .ztBox .ztRow .ydwb_2_items ul li .text .info{ font-size:12px; line-height: 20px;}

    .ztBox .ztRow .ydwb_3_items ul li{ width:100%;}
    .ztBox .ztRow .ydwb_3_items ul li .left{ left: 37%; text-align: left;}
    .ztBox .ztRow .ydwb_3_items ul li .img img{ width:90%;}
    .ztBox .ztRow .ydwb_3_items ul li .text{  top: 28%; width: 53%;}
    .ztBox .ztRow .ydwb_3_items ul li .text h3{ font-size:18px; line-height:26px; margin-bottom: 0;}
    .ztBox .ztRow .ydwb_3_items ul li .text .info{ font-size:14px; line-height:20px;}

    .ztBox .ztRow .tdp_2_items ul li{ width: 94%; margin: 10px 3%;}
    .ztBox .ztRow .tdp_2_items ul li .img img{ width:30%;}
    .ztBox .ztRow .tdp_2_items ul li .text h3{ font-size:20px;}
    .ztBox .ztRow .tdp_2_items ul li:nth-child(3n+0){ margin-right:0;}

    .ztBox .ztRow .abtou_sm .left{ width: 100%;}
    .ztBox .ztRow .abtou_sm .right{ width: 100%;}
    .ztBox .ztRow .abtou_sm .left ul li{ font-size: 16px; margin-bottom: 10px; }
    .ztBox .ztRow .abtou_sm .right ul li{ width: 50%; text-align: center;}
    .ztBox .ztRow .abtou_sm .right ul li.img img{ width:90%;}


    .hxjs{ height: 78vh;}
    .hxjs .c1{ width: 70%;}
    .hxjs .items_1{top: 0vh; left: 14vh;}
    .hxjs .items_2{top: 20vh; right: 14vh;}
    .hxjs .items_3{top: 40vh; left: 14vh;}
    .hxjs .items_4{top: 60vh; right: 14vh;}
    .hxjs .items_1 img,.hxjs .items_2 img,.hxjs .items_3 img,.hxjs .items_4 img{ width: 100%;}

}

@media screen and (max-width: 420px) {

    .ztBox .ztRow .zk_1_items ul li{ width:33.33%; }
    .ztBox .ztRow .zk_1_items ul li .img img{ width:50%;}
    .ztBox .ztRow .zk_1_items ul li .text h3{ font-size:16px; }
    .ztBox .ztRow .zk_1_items ul li .text .info{ font-size:12px;height: 100px; border-radius: 10px; padding: 0; overflow: hidden;}

    .ztBox .ztRow .zk_2_items ul li{ width:25%; }
    .ztBox .ztRow .zk_2_items ul li .img img{ width:65%;}
    .ztBox .ztRow .zk_2_items ul li .text h3{ font-size:16px;}

    .ztBox .ztRow .cc_1_items ul li{ width:50%; margin-bottom: 20px;}
    .ztBox .ztRow .cc_1_items ul li .text .info{ font-size:14px; }

    /* 数据 */
    .shuju_box{padding-top: 0;}
    .shuju_box ul li{padding: 10px 0; width: 100%;}
    .shuju_box ul li .num{font-size: 42px; font-weight: bold;}
    .shuju_box ul li .txt{font-size: 18px;}

    .ztBox .ztRow .ygp_box{height: 30vh;}
    .ztBox .ztRow .ygp_box .c1{ width: 90%;}
    .ztBox .ztRow .ygp_box .c2{position: absolute; font-size: 28px;}
    .ztBox .ztRow .ygp_box .items_1{top: -2vh; left: 0vh; height: 14vh; width: 18vh;}
    .ztBox .ztRow .ygp_box .items_2{top: -2vh; right: 0vh; height: 14vh; width: 18vh;}
    .ztBox .ztRow .ygp_box .items_3{top: 18vh; left: 0vh; height: 14vh; width: 18vh;}
    .ztBox .ztRow .ygp_box .items_4{top: 18vh; right: 0vh; height: 14vh; width: 18vh;}
    .ztBox .ztRow .ygp_box .items_1 .items_tit, .ztBox .ztRow .ygp_box .items_3 .items_tit{ height: 30px; line-height: 30px;font-size: 16px; padding-left: 10px;}
    .ztBox .ztRow .ygp_box .items_1 .items_con, .ztBox .ztRow .ygp_box .items_3 .items_con{ padding: 10px; font-size: 14px;}
    .ztBox .ztRow .ygp_box .items_2 .items_tit, .ztBox .ztRow .ygp_box .items_4 .items_tit{ height: 30px; line-height: 30px; font-size: 16px; padding-left: 10px;}
    .ztBox .ztRow .ygp_box .items_2 .items_con, .ztBox .ztRow .ygp_box .items_4 .items_con{ padding: 10px; font-size: 14px;}

    .ztBox .ztRow .cc_box{height: 40vh;}
    .ztBox .ztRow .cc_box .c1{ width: 30%;}
    .ztBox .ztRow .cc_box .items_1{top: 4vh; left: 0vh;}
    .ztBox .ztRow .cc_box .items_2{top: 11vh; left: 0vh;}
    .ztBox .ztRow .cc_box .items_3{top: 18vh; left: 0vh;}
    .ztBox .ztRow .cc_box .items_4{top: 25vh; left: 0vh;}
    .ztBox .ztRow .cc_box .items_5{top: 4vh; right: -35vh;}
    .ztBox .ztRow .cc_box .items_6{top: 14vh; right: -35vh;}
    .ztBox .ztRow .cc_box .items_7{top: 24vh; right: -43vh;}
    .ztBox .ztRow .cc_box .items_1 img,.ztBox .ztRow .cc_box .items_2 img,.ztBox .ztRow .cc_box .items_3 img,.ztBox .ztRow .cc_box .items_4 img{ width: 40%;}
    .ztBox .ztRow .cc_box .items_5 img,.ztBox .ztRow .cc_box .items_6 img,.ztBox .ztRow .cc_box .items_7 img{ width: 35%;}


    .ztBox .ztRow .ygp_jj_box .c1{ width: 30%; left: 20%;}
    .ztBox .ztRow .ygp_jj_box .c2{ width: 30%; right: 20%;}

    .ztBox .ztRow .ygp_1_items ul li .text .info{ height: 130px;}
    .ztBox .ztRow .ygp_1_items ul li .text .info p{ font-size: 14px; margin-top: 10px;}
    .ztBox .ztRow .ygp_1_items ul li:hover .text .info{ background-color: #ecfafb;}
    .ztBox .ztRow .ygp_1_items ul li .text .info img{width: 35%;}

    .ztBox .ztRow .mini_6_items ul li{ width:50%; margin-bottom: 20px;}
    .ztBox .ztRow .mini_6_items ul li .img img{ width:95%;}
    .ztBox .ztRow .mini_6_items ul li .text h3{ font-size:16px; }
    .ztBox .ztRow .mini_6_items ul li .text .info{ font-size:12px; padding: 0; overflow: hidden; margin-top: 10px;}

    .ztBox .ztRow .tcs_1_items ul li{ width:50%;  margin-bottom: 20px;}
    .ztBox .ztRow .tcs_1_items ul li .img img{ width:50%;}
    .ztBox .ztRow .tcs_1_items ul li .text h3{ font-size:14px; margin: 0;}

    .ztBox .ztRow .tcs_2_items ul li{ width:50%;  margin-top: 10px;}
    .ztBox .ztRow .tcs_2_items ul li .img img{ width:88%;}

    .ztBox .ztRow .tc_2_items ul li{ width: 28%; margin-right: 5%; height: 32vh;}
    .ztBox .ztRow .tc_2_items ul li .img img{ width:30%;}
    .ztBox .ztRow .tc_2_items ul li:nth-child(3n+0){ margin-right:0;}


    .ztBox .ztRow .ydwb_2_items ul li .img img{ width:100%;}
    .ztBox .ztRow .ydwb_2_items ul li .icon img{ width:32%;}
    .ztBox .ztRow .ydwb_2_items ul li .icon_left{ left: -2%; top: 40%;}
    .ztBox .ztRow .ydwb_2_items ul li .icon_right{ right: 14%;  top: 40%;}
    .ztBox .ztRow .ydwb_2_items ul li .text{top: 27%; }
    .ztBox .ztRow .ydwb_2_items ul li .left{ left: 30%;}
    .ztBox .ztRow .ydwb_2_items ul li .right{ right: 43%;}
    .ztBox .ztRow .ydwb_2_items ul li .text h3{ font-size:16px; line-height: 20px; margin-bottom: 0;}
    .ztBox .ztRow .ydwb_2_items ul li .text .info{ font-size:12px; line-height: 20px;}

    .ztBox .ztRow .ydwb_3_items ul li{ width:100%;}
    .ztBox .ztRow .ydwb_3_items ul li .left{ left: 37%; text-align: left;}
    .ztBox .ztRow .ydwb_3_items ul li .img img{ width:90%;}
    .ztBox .ztRow .ydwb_3_items ul li .text{  top: 28%; width: 53%;}
    .ztBox .ztRow .ydwb_3_items ul li .text h3{ font-size:18px; line-height:26px; margin-bottom: 0;}
    .ztBox .ztRow .ydwb_3_items ul li .text .info{ font-size:14px; line-height:20px;}   

    .ztBox .ztRow .tdp_2_items ul li{ width: 94%; margin: 10px 3%;}
    .ztBox .ztRow .tdp_2_items ul li .img img{ width:30%;}
    .ztBox .ztRow .tdp_2_items ul li .text h3{ font-size:18px;}
    .ztBox .ztRow .tdp_2_items ul li:nth-child(3n+0){ margin-right:0;}

    .ztBox .ztRow .abtou_sm .left{ width: 100%;}
    .ztBox .ztRow .abtou_sm .right{ width: 100%;}
    .ztBox .ztRow .abtou_sm .left ul li{ font-size: 16px; margin-bottom: 10px; }
    .ztBox .ztRow .abtou_sm .right ul li{ width: 50%; text-align: center;}
    .ztBox .ztRow .abtou_sm .right ul li.img img{ width:90%;}

    .hxjs{ height: 78vh;}
    .hxjs .c1{ width: 70%;}
    .hxjs .items_1{top: 0vh; left: 14vh;}
    .hxjs .items_2{top: 20vh; right: 14vh;}
    .hxjs .items_3{top: 40vh; left: 14vh;}
    .hxjs .items_4{top: 60vh; right: 14vh;}
    .hxjs .items_1 img,.hxjs .items_2 img,.hxjs .items_3 img,.hxjs .items_4 img{ width: 100%;}
}

@media screen and (max-width: 380px) {
    .ztBox .ztRow .cc_1_items ul li{ width:50%; margin-bottom: 20px;;}
    .ztBox .ztRow .cc_1_items ul li .text .info{ font-size:14px; }

    .ztBox .ztRow .zk_2_items ul li .text h3{ font-size:14px;}

    /* 数据 */
    .shuju_box{padding-top: 20px;}
    .shuju_box ul li{padding: 20px 0;}
    .shuju_box ul li .num{font-size: 32px; font-weight: bold;}
    .shuju_box ul li .txt{font-size: 14px;}

    .ztBox .ztRow .ygp_box .items_1{top: -2vh; left: 0vh; height: 15vh; width: 20vh;}
    .ztBox .ztRow .ygp_box .items_2{top: -2vh; right: 0vh; height: 15vh; width: 20vh;}
    .ztBox .ztRow .ygp_box .items_3{top: 18vh; left: 0vh; height: 15vh; width: 20vh;}
    .ztBox .ztRow .ygp_box .items_4{top: 18vh; right: 0vh; height: 15vh; width: 20vh;}


    .ztBox .ztRow .cc_box{height: 40vh;}
    .ztBox .ztRow .cc_box .c1{ width: 25%;}
    .ztBox .ztRow .cc_box .items_1{top: 4vh; left: 2vh;}
    .ztBox .ztRow .cc_box .items_2{top: 11vh; left: 2vh;}
    .ztBox .ztRow .cc_box .items_3{top: 18vh; left: 2vh;}
    .ztBox .ztRow .cc_box .items_4{top: 25vh; left: 2vh;}
    .ztBox .ztRow .cc_box .items_5{top: 4vh; right: -50vh;}
    .ztBox .ztRow .cc_box .items_6{top: 14vh; right: -50vh;}
    .ztBox .ztRow .cc_box .items_7{top: 24vh; right: -59vh;}
    .ztBox .ztRow .cc_box .items_1 img,.ztBox .ztRow .cc_box .items_2 img,.ztBox .ztRow .cc_box .items_3 img,.ztBox .ztRow .cc_box .items_4 img{ width: 38%;}
    .ztBox .ztRow .cc_box .items_5 img,.ztBox .ztRow .cc_box .items_6 img,.ztBox .ztRow .cc_box .items_7 img{ width: 30%;}


    .ztBox .ztRow .ygp_jj_box .c1{ width: 30%; left: 20%;}
    .ztBox .ztRow .ygp_jj_box .c2{ width: 30%; right: 20%;}

    .ztBox .ztRow .mini_6_items ul li{ width:50%; margin-bottom: 20px;}
    .ztBox .ztRow .mini_6_items ul li .img img{ width:95%;}
    .ztBox .ztRow .mini_6_items ul li .text h3{ font-size:16px; }
    .ztBox .ztRow .mini_6_items ul li .text .info{ font-size:12px; padding: 0; overflow: hidden; margin-top: 10px;}


    .ztBox .ztRow .tcs_1_items ul li{ width:50%;  margin-bottom: 20px;}
    .ztBox .ztRow .tcs_1_items ul li .img img{ width:50%;}
    .ztBox .ztRow .tcs_1_items ul li .text h3{ font-size:14px; margin: 0;}

    .ztBox .ztRow .tcs_2_items ul li{ width:50%;  margin-top: 10px;}
    .ztBox .ztRow .tcs_2_items ul li .img img{ width:88%;}

    .ztBox .ztRow .tc_2_items ul li{ width: 27%; margin-right: 5%; height: 32vh;}
    .ztBox .ztRow .tc_2_items ul li .img img{ width:30%;}
    .ztBox .ztRow .tc_2_items ul li:nth-child(3n+0){ margin-right:0;}

    .ztBox .ztRow .mini_9_items ul li{ width: 33.3%; margin-right: 0;}
    .ztBox .ztRow .mini_9_items ul li .img img{ width:75%;}

    .ztBox .ztRow .ydwb_1_items ul li{ width: 33.3%; margin-right: 0;}
    .ztBox .ztRow .ydwb_1_items ul li .img img{ width:75%;}


  .ztBox .ztRow .ydwb_2_items ul li .img img{ width:100%;}
  .ztBox .ztRow .ydwb_2_items ul li .icon img{ width:32%;}
  .ztBox .ztRow .ydwb_2_items ul li .icon_left{ left: -3%; top: 40%;}
  .ztBox .ztRow .ydwb_2_items ul li .icon_right{ right: 13%;  top: 40%;}
  .ztBox .ztRow .ydwb_2_items ul li .text{top: 27%; width: 50%;}
  .ztBox .ztRow .ydwb_2_items ul li .left{ left: 25%;}
  .ztBox .ztRow .ydwb_2_items ul li .right{ right: 40%;}
  .ztBox .ztRow .ydwb_2_items ul li .text h3{ font-size:14px; line-height: 20px; margin-bottom: 0;}
  .ztBox .ztRow .ydwb_2_items ul li .text .info{ font-size:12px; line-height: 20px;}

  .ztBox .ztRow .ydwb_3_items ul li{ width:100%;}
  .ztBox .ztRow .ydwb_3_items ul li .left{ left: 37%; text-align: left;}
  .ztBox .ztRow .ydwb_3_items ul li .img img{ width:90%;}
  .ztBox .ztRow .ydwb_3_items ul li .text{  top: 27%; width: 53%;}
  .ztBox .ztRow .ydwb_3_items ul li .text h3{ font-size:18px; line-height:26px; margin-bottom: 0;}
  .ztBox .ztRow .ydwb_3_items ul li .text .info{ font-size:14px; line-height:20px;}

  .ztBox .ztRow .tdp_2_items ul li{ width: 94%; margin: 10px 3%;}
  .ztBox .ztRow .tdp_2_items ul li .img img{ width:30%;}
  .ztBox .ztRow .tdp_2_items ul li .text h3{ font-size:18px;}
  .ztBox .ztRow .tdp_2_items ul li:nth-child(3n+0){ margin-right:0;}


  .ztBox .ztRow .abtou_sm .left{ width: 100%;}
  .ztBox .ztRow .abtou_sm .right{ width: 100%;}
  .ztBox .ztRow .abtou_sm .left ul li{ font-size: 16px; margin-bottom: 10px; }
  .ztBox .ztRow .abtou_sm .right ul li{ width: 50%; text-align: center;}
  .ztBox .ztRow .abtou_sm .right ul li.img img{ width:90%;}

  .hxjs{ height: 78vh;}
  .hxjs .c1{ width: 70%;}
  .hxjs .items_1{top: 0vh; left: 14vh;}
  .hxjs .items_2{top: 20vh; right: 14vh;}
  .hxjs .items_3{top: 40vh; left: 14vh;}
  .hxjs .items_4{top: 60vh; right: 14vh;}
  .hxjs .items_1 img,.hxjs .items_2 img,.hxjs .items_3 img,.hxjs .items_4 img{ width: 85%;}
  
}