/*bootstrap*/

.container {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1230px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right:0;
  margin-left:0;
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 3rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/*animate*/
.htmleaf{
	margin: 0 auto;
	overflow: hidden;
}

.fullimg{ max-width: 96%;}

.dt_bg{ background: #f2f2f2;}
p{ text-align: justify;}


body{ background:#f9f9f9; font-size:0.875rem; line-height:1.5;}

.zp_fnav{ display: none;}
@media (min-width: 576px) {
	.zp_fnav{ position: fixed; width: 140px; height: auto; right: 30px; bottom: 120px; background:var(--dingyi); color: #ffffff; display: flex;  flex-direction: column; align-items: center; justify-content: center; padding: 40px 0px; border-radius: 30px;}
	.zp_fnav p{ font-size: 16px; font-weight: bold; margin-bottom: 10px; padding: 0px 10px; text-align: center; letter-spacing: -1px;}
	.zp_fnav li{ margin-top: 14px; padding: 0px 10px; width: 100%; box-sizing: border-box;}
	.zp_fnav li a{ display: block; width: 100%; border: 1px solid #ffffff; height: 23px; line-height: 21px; border-radius: 11.5px; text-align: center; color: #ffffff;}
	.zp_fnav img{ margin-top: 20px; display: block; border: 2px solid #FFFFFF;}
}


.zp_bar{ line-height: 1.27; display: flex; flex-direction: column; align-items:center; justify-content:center; font-weight: bold; color: #000000; padding-bottom:8px; position: relative;}
.zp_bar span{ color: var(--dingyi); display: inline-block; text-transform: uppercase; }
.zp_bar::after{ content: "";position: absolute; bottom: 0px; left: 50%; margin-left: -42px; width: 84px; height: 3px; background: var(--dingyi);}

.zp_bar2{ line-height: 1;font-weight: bold;position: relative; width: 100%;}
.zp_bar2 span{color: var(--dingyi); display: inline-block; background: #ffffff; padding-right: 15px; position: relative; z-index: 1;}
.zp_bar2::after{ content: "";position: absolute; top: 50%; right: 0; margin-top: -0.5px; width: 100%; height: 1px; background: var(--dingyi);}


.zp_wbox{ background: #ffffff; padding: 10px 10px;}
@media (min-width: 576px) {
	.zp_wbox{ padding: 25px 20px 20px 20px;}
}
@media (min-width: 768px) {
	.zp_wbox{padding: 35px 30px 30px 30px;}
}
@media (min-width: 992px) {
	.zp_wbox{padding: 45px 50px 50px 50px;}
}
@media (min-width: 1230px) {
	.zp_wbox{ padding: 55px 60px 60px 60px;}
}
.pd-lr0{ padding-left: 0px; padding-right: 0px;}

.zp_text{ line-height: 2; text-align: center;}
.zp_text p{ text-indent: 2em;}


.zp_rw{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.zp_rw li{ width: 48%; font-size: 12px; text-align: center; background: var(--dingyi); color: #ffffff; border-bottom-right-radius: 20px; padding-bottom: 3px;line-height: 1.416;}
.zp_rw li .img{ width: 90%; height: auto;background: #F9F9F9;margin: 0px auto;}
.zp_rw li .img img{ width:auto; height: auto;  display: block; }
.zp_rw li b{ font-size: 16px; display: block; line-height: 2;}
.zp_rw li p{ text-align: center; font-size: 14px; }
.zp_rw li span{ display:block;}
@media (min-width: 576px) {
	.zp_rw li{ width: 30%;}
}
@media (min-width: 992px) {
	.zp_rw li{ width: 28%;}
}
@media (min-width: 1230px) {
	.zp_rw li{ width: 13.6%;}
}

.zp_kp{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.zp_kp li{ width: 100%; position: relative; background:#f9f9f9;  display: flex; flex-direction: column; align-items:flex-start; justify-content: flex-start; box-sizing: border-box; padding: 35px 45px 30px 24px;margin-top: 10px; transition: all linear 0.5s;}
.zp_kp li:hover{ background:var(--dingyi); color: #ffffff;}
.zp_kp li:first-child{ margin-top: 0px;}
.zp_kp li::after{ content: ""; position: absolute; border-width: 0px 40px 40px 0px; border-color: transparent #ffffff; top: 0px; right: 0px; width: 0px; height: 0px; border-style: solid;}
.zp_kp li .kp_tit{ line-height: 1.66666; width: 100%; background-image:url(../img/zp_ic_t1a.png); background-position: right  top 30%; background-size: auto 40px; background-repeat: no-repeat;transition: background-image linear 0.5s;}
.zp_kp li:hover .kp_tit{background-image:url(../img/zp_ic_t1.png);}
.zp_kp li:nth-child(2) .kp_tit{background-image:url(../img/zp_ic_t2a.png);}
.zp_kp li:nth-child(2):hover .kp_tit{background-image:url(../img/zp_ic_t2.png);}
.zp_kp li:last-child .kp_tit{background-image:url(../img/zp_ic_t3a.png);}
.zp_kp li:last-child:hover .kp_tit{background-image:url(../img/zp_ic_t3.png);}
.kp_tit span{ display: block; line-height: 1;}
.kp_tit p{ width: 100%; padding-bottom: 14px; border-bottom: 2px solid var(--dingyi);transition: border-bottom linear 0.5s;font-weight: bold;}
.zp_kp li:hover .kp_tit p{border-bottom: 2px solid #ffffff; }
.kp_con{ line-height: 2;}
@media (min-width: 768px) {
	.zp_kp li{ }
	.zp_kp li::after{border-width: 0px 30px 30px 0px;}
	
	.kp_tit p{ }

}
@media (min-width:992px) {
	.zp_kp li{ width: 31%;margin-top: 0px;padding: 10px;}
	.zp_kp li::after{border-width: 0px 40px 40px 0px;}
	
	.kp_tit p{ height: 3.33332em; box-sizing: content-box;}
	.zp_kp .fts18{ font-size: 16px;}
}
@media (min-width: 1230px) {
	.zp_kp li{ width: 30.5%;padding: 35px 45px 30px 24px;}
	.zp_kp li::after{border-width: 0px 70px 70px 0px;}
	.zp_kp li .kp_tit{background-size: auto 53px;}
	.zp_kp .fts18{ font-size: 18px;}
}



.zp_imgs{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.zp_imgs img{ width: auto; height:auto;  max-width: 100%; margin-left: auto; margin-right: auto;}
@media (min-width: 1230px) {
	.zp_imgs img{ margin-left: 0px; margin-right: 0px;}
}

.zp_gz{ display: flex; flex-direction: row; justify-content: space-between; align-items:stretch;text-align: center; flex-wrap: wrap;}
.zp_gz .gz_tit{ min-width: 78px;}
.zp_gz .gz_tit img{ margin-bottom: 3px; width: 45px; margin-left: auto; margin-right: auto;}
.zp_gz .gz_con{ width: 100px; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; margin-left: 30px; text-align: left;}
.zp_gz .gz_m{ width: 100%;}
.zp_gz .gz_m img{ margin: 15px auto 0px auto;}
.zp_btns a{ display: inline-block; line-height: 2; padding: 0px 20px; background: var(--dingyi); color: #ffffff; margin-right: 15px; border-radius: 8px;}
@media (min-width: 576px) {
	.zp_gz .gz_m{ margin-left: 30px; width: auto;}
	.zp_gz .gz_m img{ margin: 0px;}
}
@media (min-width: 768px) {
	.zp_gz .gz_tit img{ margin-bottom: 3px; width: auto;}
	.zp_gz .gz_con{margin-left: 80px;}
	.zp_btns a{padding: 0px 30px;margin-right: 25px;}
}


.uploadbg,form{ display: none;}
.uploadbg {position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.6);width: 100%;height: 100%;}
#uploadbox {
	position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 101;
	border: #E0E0E0 6px solid;border-radius: 10px;
}
#uploadbox .dbody {background: #fff;}
#uploadbox .dhead {
    background: #F0F0F0;border-bottom: #E7E7EB 1px solid;padding-left: 16px;font-size: 15px;line-height: 32px;height: 32px;font-weight: bold;
    cursor: move;-moz-user-select: none;-khtml-user-select: none;user-select: none;
}
#uploadbox .dhead span {float: right;cursor: pointer;display: block;width: 32px;height: 32px;background: url(/admin/image/close.gif) no-repeat center center;}
#uploadbox .dbox {box-sizing: border-box;padding: 20px 20px 0 20px;display: flex;flex-flow: column;list-style: none;}
#uploadbox .dbox li {font-size: 16px;margin-bottom: 20px;}
#uploadbox .dbox li.btnlist {display: flex;flex-flow: row;justify-content: flex-start;}
#uploadbox .dbox li.btnlist input {margin-right: 20px;}
.btn-blue {background: #007AFF;border: #1E74D0 1px solid; color: #FFFFFF;}
.btn-normal {display: inline-block;width: 96px;height: 32px;line-height: normal !important;padding: 0;text-align: center;cursor: pointer;}

.newslist{width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 10px 10px 0px 10px; box-sizing: border-box;}
.newslist li{ width: 100%; font-size: 12px; padding: 3px 0px 3px 8px; background: url(../img/dot_3.png) no-repeat left center; background-size: 3px 3px;}
.newslist li a{ display: block; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
@media (min-width: 768px) {
	.newslist{padding: 15px 15px 0px 15px;}
	.newslist li{width: 48%;font-size: 14px; }
}
@media (min-width: 1230px) {
	.newslist{padding: 30px 30px 0px 30px;}
	.newslist li{ font-size: 16px;padding: 5px 0px 5px 10px;background-size: 5px 5px;}
}