html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height: 1.42857143;
font-size: 16px;min-width: 320px;background: #fff;color: #333;padding-top: 50px;}
h1{font-size:2em;margin:.67em 0;padding:0 0; }
div,ul,li,dt,dd,dl,h2,h3,h4,span,p{ margin:0 0; list-style:none}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;overflow:visible;}
a{-webkit-text-decoration-skip:objects;background-color:transparent;}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
audio:not([controls]){display:none;height:0;}
img{border-style:none;vertical-align: middle;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html [type=button],/* 1 */
[type=reset],[type=submit]{-webkit-appearance:button;}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:.35em .75em .625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}
textarea{overflow:auto;}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
summary{display:list-item;}
article,aside,footer,header,nav,section,figcaption,figure,main,details,/* 1 */
menu{display:block;}
pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
audio,video,canvas{display:inline-block;}
template,[hidden]{display:none;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #333;text-decoration: none;}
a:hover {color: #3396fb;}
ul {margin: 0;list-style: none;padding: 0;}
img{max-width:100%;}
.clear{clear:both;h}
.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}

.img-cover {overflow: hidden;position: relative;}
.img-cover span {display: block;width: 100%;background: no-repeat center / cover;-webkit-transition: all 0.5s;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}

.container {
  width: 100%;margin: 0 auto;
}

@media (min-width:640px) {
  .container {
    max-width: 640px
  }
}

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

@media (min-width:1024px) {
  .container {
    max-width: 1024px
  }
}

@media (min-width:1280px) {
  .container {
    max-width: 1280px
  }
}

@media (min-width:1536px) {
  .container {
    max-width: 1280px;
  }
}

/* .container {padding: 0 15px;width: 1200px;margin: 0 auto;} */

.kf{width:208px;position:fixed;/* right: 20px; */right:-208px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:999;}
.kt-top{height:40px;line-height:40px;background:url(../images/kefu.png) 12px center no-repeat #3396fb;-ms-background-size:auto 20px;background-size:auto 20px;padding-left:46px;font-size: 16px;color:#fff;}
.kt-top span:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.kt-top span{width:18px;height:16px;float:right;position:relative;margin:10px 10px 0 0;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;}
.kt-top span b{width:100%;height:2px;background:#fff;display:block;position:absolute;top:50%;left:0;}
.kt-top span b:first-child{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
.kt-top span b:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.kf .con{overflow:hidden;background:#fff;}
.kf .qq li{height:36px;line-height:36px;border-bottom:#f5f5f5 solid 1px;padding-left:16px;}
.kf .qq li a{height:36px!important;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:initial;display:block;}
.kf .qq li a img{padding-right:6px;}
.kf .con h5{height:26px;line-height:26px;margin-top:12px;background:url(../images/lianxi.png) 16px center no-repeat;padding-left:45px;color:#666;font-size: 16px;margin-bottom: 0;}
.kf .contact{margin-top:1px;height: auto;}
.kf .contact p{height:26px;line-height:26px;color:#666;font-size: 16px;padding-left:22px;margin: 0;}
.kf .contact p:nth-child(2n){padding-left:32px;}
.kf .con h5.qr-icon{background:url(../images/erweima.png) 16px center no-repeat;}
.kf .con .qr{margin-top:10px;padding-left:40px;}
.kf .con .qr img{width:110px;height:110px;}
.kf .backTop{width:100%;height:40px;margin-top:10px;background:url(../images/huidaodingbu.png) center center no-repeat #3396fb;background-size:18px auto;cursor:pointer;}
.kf-side{padding:18px 10px 10px;background:#3396fb;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);left:-34px;cursor:pointer;}
.kf-side b{display:block;color:#fff;line-height:18px;font-size: 16px;font-weight:400;}
.kf-side span.arrow{width:12px;height:12px;background:url(../images/jt-1.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;display:block;margin-top:10px;}
.kf-side span.on{background:url(../images/jt-2.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;}

.header {position: fixed;z-index: 100;left: 0;top: 0;width: 100%;background-color: #fff;}
.header .logo {float: left;height: 50px;line-height: 50px;text-align: left;}
.header .tool {float: right;line-height: 50px;font-size: 0;}
.header .tool a {display: inline-block;vertical-align: middle;font-size: 16px;line-height: 24px;padding: 0 15px;border: 1px solid #3396fb;color: #3396fb;border-radius: 3px;margin-left: 10px;}
.header .tool a:last-child {background-color: #3396fb;color: #fff;}
.header .nav {font-size: 0;text-align: center;margin: 5px 20px 5px 20px;}
.header .nav li {display: inline-block;vertical-align: middle;position:relative;margin:0 3px;width:100px; }
.header .nav li a {display: block;font-size: 16px;line-height: 40px;position: relative; padding:0 0px;}
// .header .nav li.active{color: #fff; background-color:#3396fb}
.header .nav li .arr {float: right;height: 40px;width: 40px;position: relative;display: none;z-index: 1;}
.header .nav li .arr:after {content: '';border-top: 2px solid #ccc;border-left: 2px solid #ccc;box-sizing: content-box;
display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;
bottom: 0;-webkit-transform: rotate(135deg);transform: rotate(135deg);right: 15px;
}
.header .nav li.active a,.header .nav li.open a,.header .nav li a:hover {
  color: #fff; background-color:#3396fb;border-radius:20px;transform: scale(1.05);
  background-image: linear-gradient(to right, #3b82f6, #2563eb);
  color: #ffffff;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
              0 4px 6px -4px rgba(0, 0, 0, 0.1),
              0 4px 15px rgba(59, 130, 246, 0.4);
}
/* Ìí¼Ó¹âÔÎЧ¹û */
/* .header .nav li.active::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, #3b82f6, #60a5fa, #93c5fd, #3b82f6);
    border-radius: inherit;
    z-index: -1;
    opacity: 0.7;
    filter: blur(4px);
    animation: rotate 2s linear infinite;
  } */
.header .nav .dropdown-box {position: absolute;left: 0;width: 120px;top: 100%;z-index: 10;
	background-color: #fff;padding: 30px 0;border-top: 1px solid #eee;display: none;}

.header .nav .dropdown-box a {display: block;color: #333 !important;line-height: 20px;padding: 0 20px;font-weight: bold;}
.header .nav .dropdown-box a:hover {color: #3396fb !important;}
.header .nav li.open .dropdown-box {display: block;}
.menu-btn {display: none;padding: 6px 0;float: right;margin-left: 15px;}
.menu-btn:before,.menu-btn:after,.menu-btn span {display: block;height: 2px;background-color: #3396fb;content: '';}
.menu-btn:before {width: 24px;}
.menu-btn:after {width: 18px;margin-left: 6px;}
.menu-btn span {width: 12px;margin: 6px 0 6px 12px;}

.banner .swiper-slide img {display: block;width: 100%;height: auto;}
.banner .swiper-pagination {bottom: 30px;}

.yunu-link {padding: 20px 0;}
.yunu-link h4 {border-bottom: 1px solid #ddd;margin: 0;font-size: 18px;color: #3396fb;padding-bottom: 15px;}
.yunu-link h4 small {text-transform: uppercase;font-size: 16px;font-weight: normal;color: #999;}
.yunu-link ul {margin-left: -20px;}
.yunu-link li {float: left;margin-left: 20px;margin-top: 20px;}

.footer-fix {box-shadow: 0 0 10px rgba(0,0,0,0.2);position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;z-index: 10;display: none;}
.footer-fix li {float: left;width: 20%;}
.footer-fix li a {display: block;text-align: center;padding: 7px 0;font-size: 12px;line-height: 1;}
.footer-fix li i {display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}
.footer-fix li i.i1 {background-image: url(../images/f_01.png);}
.footer-fix li i.i2 {background-image: url(../images/f_02.png);}
.footer-fix li i.i3 {background-image: url(../images/f_03.png);}
.footer-fix li i.i4 {background-image: url(../images/f_04.png);}

.section {padding: 30px 0px;}
.section-title {margin-bottom: 50px;text-align: center;font-size: 30px;}
.section-title p {margin: 10px 0 0;font-size: 16px;}
.section-sub {padding: 50px 0;}
.section-title h4{font-size:24px;}
.in-what {margin: 15px 0 0 0px;}
.in-what li {float: left;width: calc(25% - 24px);margin:10px 10px;
	border:2px solid #dbeafe;
	border-radius:10px;
	background-color:#f9fafb;
	transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s;
}
.in-what li .wrap {margin: 20px 20px;}
.in-what li .img-center {height: 80px;line-height: 80px; text-align: left;}
.in-what li h4 {margin: 10px 0 0;text-align: left;font-size: 18px; font-weight:;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.in-what li p {margin: 15px 0 0;text-align: justify;color: #777; font-size: 16px;}
.in-what-1 li p {text-align: center;}
.in-what li:hover {
  --tw-translate-y: -.25rem;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #000),var(--tw-ring-shadow, 0 0 #000),var(--tw-shadow);
}

.in-yinx {
  /* border:1px solid #dbeafe;
  border-radius:10px;
  transform: translateY(-0.25rem);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.06),
              0 4px 6px -4px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease; */
  background-color:#ffffff;
   -webkit-transition: all 0.5s;
  transition: all 0.5s;
  box-shadow: 1px 10px 15px -3px rgba(0, 0, 0, 0.06);
  border: 1px solid #c7defd;
  border-radius: 1rem;

}
.in-yinx li {float: left;width: 50%;}
.in-yinx li .wrap {margin: 15px 30px;text-align: center;

}
.in-yinx li .num {font-size: 26px;line-height: 1; color:#2563eb; font-weight:bold;}
.in-yinx li .num small {font-size: 16px;position: relative;display: inline-block;}
.in-yinx li .num small:after {position: absolute;bottom: 100%;content: '';left: 0;width: 9px;height: 22px;
background: url(../images/zeng.gif) no-repeat center / contain;margin-bottom: 10px;}
.in-yinx li.down .num small:after {background-image: url(../images/jiang.gif);}
.in-yinx li h4 {margin: 20px 0 0;font-size: 16px;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.in-yinx li p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 15px 0 0;color: #3396fb;}
.in-yinx li p strong {font-size: 18px;}

.in-yinz {

  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  box-shadow: 1px 10px 15px -3px rgba(0, 0, 0, 0.06);
  border: 1px solid #fff;
  border-radius: 1rem;
  padding:20px 10px;
}
.in-yinz h3{font-size:24px;line-height:40px; text-align:center;}
.in-yinz li {float: left;width: 50%;}
.in-yinz li .wrap {
  margin: 15px 30px;text-align: center;
}
.in-yinz li .num {font-size: 24px;line-height: 1;  font-weight:bold;}
.in-yinz li .num small {font-size: 16px;position: relative;display: inline-block;}
.in-yinz li h4 {font-size: 16px;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.in-yinz li p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 15px 0 0;color: #3396fb;}
.in-yinz li p strong {font-size: 18px;}

.bgbai{background-color:#ffffff;}
.numch{color:#dc2626;}
.numcb{color:#fff;}
.bglv{background-color:#3cb484;}
.box-bglv{background: linear-gradient(to right, #22c55e, #059669);color:#fff;}
.box-bglan{background: linear-gradient(to right, #eff6ff, #f0fdf4);}

.free-form {padding: 50px 0;text-align: center;font-size: 0;background: url(../images/bghome.png) no-repeat center / cover;color: #fff;}
.free-form input::-webkit-input-placeholder {color: #fff;opacity: 0.6;}
.free-form input:-moz-placeholder {color: #666;opacity: 0.6;}
.free-form input::-moz-placeholder {color: #666;opacity: 0.6;}
.free-form input:-ms-input-placeholder {color: #666;opacity: 0.6;}
.free-form input {display: inline-block;color: #fff;background-color: rgba(255,255,255,0.3);font-size: 16px;padding: 12px 15px;border: 1px solid #fff;border-bottom-left-radius: 5px;border-top-left-radius: 5px;width: 330px;vertical-align: middle;}
.free-form button {width: 138px;height: 48px;font-size: 16px;background-color: #fff;border: 1px solid #fff;cursor: pointer;color: #3396fb;display: inline-block;vertical-align: middle;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.free-form-1 {background-image: url(../images/di_bg_10.png);padding: 80px 0;}

.in-yiny .item {float: left;width: 50%;}
.in-yiny .wrap {margin: 20px 40px;border-radius: 10px;overflow: hidden;}
.in-yiny .tit {line-height: 50px;font-size: 28px; font-weight:bold;}
.in-yiny .text {padding:20px 0px;}
.in-yiny .text p {margin: 0;font-size: 16px;line-height: 1.8; }
.in-yiny .text .t {margin-top: 15px;font-weight: bold;font-size: 16px;}
.in-yiny .text .t a{color: #3396fb;}
.in-yiny .item:last-child .wrap {border-color: #3396fb;}
.in-yiny .item:last-child .tit {background-color: #3396fb;}
.in-yiny .item:last-child .text .t {color: #3396fb;}
.in-yiny .name p {margin: 0;font-size: 12px;line-height: 1.5; }

.hb-yiny .item {float: left;width: 50%;}
.hb-yiny .wrap {margin: 20px 40px;border-radius: 10px;overflow: hidden;}
.hb-yiny .tit {line-height: 50px;font-size: 28px; font-weight:bold;}
.hb-yiny .text {padding:20px 0px;}
.hb-yiny .text p {margin: 0;font-size: 16px;line-height: 1.8;background: url(../images/hb_16.jpg) no-repeat center left; text-indent:20px;}
.hb-yiny .text .t {margin-top: 15px;font-weight: bold;font-size: 16px;}
.hb-yiny .text .t a{color: #3396fb;}

.hb-yinz {

  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  box-shadow: 1px 10px 15px -3px rgba(0, 0, 0, 0.06);
  /* border: 1px solid #fff; */
  border-radius: 1rem;
  padding:20px 10px;
}
.hb-yinz h3{font-size:24px;line-height:40px; text-align:center;}
.hb-yinz li {float: left;width: 50%;}
.hb-yinz li .wrap {
  margin: 15px 30px;text-align: center;
}
.hb-yinz li .num {font-size: 24px;line-height: 1;  font-weight:bold;}
.hb-yinz li .num small {font-size: 16px;position: relative;display: inline-block;}
.hb-yinz li h4 {font-size: 16px;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hb-yinz li p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 15px 0 0;color: #3396fb;}
.hb-yinz li p strong {font-size: 18px;}

.hb-yinx {

  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  box-shadow: 1px 10px 15px -3px rgba(0, 0, 0, 0.06);
  /* border: 1px solid #fff; */
  border-radius: 1rem;
  padding:20px 10px;
}
.hb-yinx h3{font-size:24px;line-height:40px; text-align:center;}
.hb-yinx li {float: left;width: calc(50% - 20px); margin:10px 10px;background-color:#fff; border-radius:10px;}
.hb-yinx li .wrap {
  margin: 15px 30px;text-align: center;
}
.hb-yinx li .num {font-size: 24px;line-height: 1;  font-weight:bold;}
.hb-yinx li .num small {font-size: 16px;position: relative;display: inline-block;}
.hb-yinx li h4 {font-size: 16px;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hb-yinx li p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 15px 0 0;color: #3396fb;}
.hb-yinx li p strong {font-size: 18px;}



.audio {margin: -25px 0 0 -25px;}
.audio li {float: left;width: 20%;}
.audio li a {display: block;margin: 25px 0 0 25px;}
.audio li .voice {display: none;}
.audio li .img-cover {padding-top: 50%;}
.audio li a:hover .img-cover i {display: block;}

.more-big {margin: 40px auto 0;display: block;border: 1px solid #3396fb;color: #3396fb;text-align: center;line-height: 44px;width: 180px;font-size: 16px;}
.more-big:hover {background-color: #3396fb;color: #fff;}

.footer {background-color: #061430;color: #d1d5db;padding-top: 50px; margin-top:40px;}
.footer p {margin: 0;}
.footer a {color: #d1d5db;}
.footer a:hover {color: #fff;}
.footer-copy {margin-top: 50px;text-align: center;font-size: 16px;padding: 15px 0;background-color: #202c46;}
.footer-info {float: left;width: 500px;font-size: 0; margin-right:50px;}
.footer-info .logo {text-align: left;}
.footer-info p {font-size: 16px;}
.footer-info .ewm {color: #fff;font-size: 18px;font-weight: bold;margin-bottom: 30px;}
.footer-info .ewm span {}
.footer dl {float: left;width: 150px;}
.footer dt {color: #fff;font-size: 18px;font-weight: bold;margin-bottom: 30px;}
.footer dd {margin: 0;}
.footer dd p {margin: 5px 0 0;}
.footer dl.ca {float: right;width: 280px;}
.footer dl.ca p span{display:block;}
.footer dl.ca p{padding-left:20px; background: url(../images/canvas_16.jpg) no-repeat left 4px;}

.layer-form {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 101;display: none;}
.layer-form .close {position: absolute;right: 10px;top: 10px;width: 24px;height: 24px;background: url(../images/x.png) no-repeat center / contain;}
.layer-form .close:hover {background-image: url(../images/x2.png);}
.layer-form .mask {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;opacity: 0.4;content: '';}
.contact-form {position: absolute;left: 50%;top: 50%;background-color: #fff;padding: 30px;width: 420px;z-index: 2;border-radius: 10px;margin: -210px 0 0 -240px;}
.contact-form .tit {font-size: 30px;text-align: center;color: #3396fb;}
.contact-form .tit p {margin: 0;font-size: 16px;color: #333;}
.contact-form .form-group {overflow: hidden;border: 1px solid #ddd;margin-top: 15px;border-radius: 5px;}
.contact-form .form-label {float: left;line-height: 30px;width: 80px;padding: 7px 0 7px 10px;text-align: right;}
.contact-form .form-label span {color: red;margin-right: 2px;}
.contact-form .form-content {margin-left: 100px;padding: 7px 10px 7px 0;font-size: 0;}
.contact-form .form-control {border: 0;background-color: transparent;padding: 0;line-height: 30px;font-size: 16px;width: 100%;display: block;}
.contact-form select.form-control {height: 30px;}
.contact-form .form-submit {display: block;width: 100%;background-color: #3396fb;color: #fff;border: 0;padding: 0;cursor: pointer;outline: none;height: 44px;font-size: 18px;border-radius: 5px;}
.contact-form .yzm {position: relative;padding-right: 140px;}
.contact-form .yzm-pic {height: 30px;position: absolute;right: 10px;top: 7px;width: 120px;}

.banner-sub {}

.prd-item {margin: 0;width: 550px;}
.prd-item dt {}
.prd-item dd {margin: 0 0 0 600px;padding-top: 50px;}
.prd-item dd h4 {margin: 0 0 20px;font-size: 24px;}
.prd-item dd h4:after {content: '';display: block;margin-top: 20px;width: 40px;height: 4px;background-color: #3396fb;}
.prd-item dd p {margin: 0;font-size: 16px;line-height: 1.8;color: #666;text-align: justify;}
.pr_b {background-color: #f6f9fd;}
.pr_b .prd-item dt {float: right;}
.pr_b .prd-item dd {margin: 0 600px 0 0;}

.contact-box{width: 550px;margin: 0px auto 50px; }
.cont-title{margin: 10px 0px;padding: 20px 0; text-align: center;}
.cont-title h1{font-size: 2.25rem;
  line-height: 2.5rem;}
.bg-primary-500 {
  height:4px;
  background-color:#2766ec;
  width:100px;
  margin:0px auto 20px;
  border-radius: 9999px;
}
.about-item,.contact-item {padding: 30px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	box-shadow: 0px 10px 15px -3px rgba(0,29,76,0.12);
  // --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
  // --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  // box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
  // border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
  border: 1px solid #c7defd;
  border-radius: 1rem;
}
.ab_t {padding: 20px;}
.ab-title {margin-bottom: 0px;font-size: 30px;padding: 10px 20px;font-weight:bold;}
.ab-title small{display:inline-block;font-weight: normal;margin-right:5px; vertical-align:middle;}
.ab-title p {margin: 10px 0 0;font-size: 18px; line-height:32px; text-indent:2em;color:#555;}
.ab-title .ab-text p{margin: 0px 0 0;font-size: 16px; line-height:32px; text-indent:2em;font-weight:normal;}
.ab-sub {padding: 50px 0;}

.contact-item dl {
	margin: 20px 0px 50px;
}
.contact-item dt {
	float: left;width: 50px;
	margin: 5px 0 0 0px;
}
.contact-item dd {margin: 0 0 0 70px;padding-top: 0px;}
.contact-item dd h3{font-size:16px; color:#333;margin:0;padding:0; line-height:28px; font-weight:normal;}
.contact-item dd h4 {margin: 0 0 20px;font-size: 24px;}
.contact-item dd h4:after {content: '';display: block;margin-top: 20px;width: 40px;height: 4px;background-color: #3396fb;}
.contact-item dd p {margin: 0;font-size: 16px;line-height: 1.8;color: #666;text-align: justify;}
.ct_b {background-color: #f6f9fd;}
.ct_b .prd-item dt {float: right;}
.ct_b .prd-item dd {margin: 0 600px 0 0;}

.more-adv {margin-top: -40px;}
.more-adv li {float: left;width: 16.666666%;}
.more-adv li .wrap {margin-top: 40px;}
.more-adv li .text {text-align: center;margin: 20px 0 0;}
.more-adv li .text h4 {margin: 0;font-size: 18px;}

.anq {margin: 0 -40px;}
.anq li {float: left;width: 25%;}
.anq li .wrap {background: url(../images/anquan1.png) no-repeat center 0;margin: 0 40px;}
.anq li .tit {line-height: 70px;text-align: center;color: #fff;font-size: 20px;}
.anq li .text {padding: 30px 20px 20px;}
.anq li .text .img-center {height: 44px;line-height: 44px;}
.anq li .text p {margin: 20px 0 0;text-align: justify;height: 122px;font-size: 16px;line-height: 1.525;color: #666;}
.anq li:nth-child(even) .wrap {background-image: url(../images/anquan2.png);}

.hz {margin: 0;}
.hz dt {float: left;width: 450px;}
.hz dd {margin-left: 550px;padding-top: 50px;}
.hz dd p {margin: 0 0 10px;font-size: 24px;color: #666;text-align: justify;line-height: 1.8;background: url(../images/dianz.png) no-repeat 0 12px;padding-left: 30px;}

.about-1 {font-size: 16px;line-height: 1.8;color: #374151; padding:10px 20px;}
.about-1 p {text-indent: 2em;}

.about-2 {margin: 30px 10px 30px;}
.about-2 li {float: left;width: 25%;text-align: center;}
.about-2 li a {display: block;margin: 10px 0px 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 70px;color: #fff;font-size: 18px;}
.about-2 li a:hover {font-size: 22px;}

.about-3 {margin: 0 200px;position: relative;overflow: hidden;}
.about-3:before {position: absolute;left: 150px;border-left: 2px dashed #a6a9ae;height: 100%;top: 0;content: '';}
.about-3:after {position: absolute;left: 141px;top: 0;content: '';background: url(../images/icon_jiantou.png) no-repeat center;width: 20px;height: 24px;}
.about-3 dl {margin: 0;position: relative;}
.about-3 dt {font-size: 24px;color: #307EFF;font-weight: bold;position: relative;text-align: right;padding-right: 20px;width: 100px;}
.about-3 dt:after {position: absolute;content: '';right: 0;top: 50%;background-color: #307EFF;border-radius: 50%;width: 8px;height: 8px;margin-top: -4px;}
.about-3 dd {margin: 30px 0 40px 155px;position: relative;padding-left: 40px;}
.about-3 dd span {float: left;color: #307EFF;position: absolute;padding-right: 20px;top: 0;right: 100%;line-height: 25px;}
.about-3 dd span:after {position: absolute;content: '';right: 0;top: 50%;background-color: #307EFF;border-radius: 50%;width: 8px;height: 8px;margin-top: -4px;}
.about-3 dd p {margin: 0;font-size: 18px;}

.about-4 {margin: 15px 0px;padding: 10px 20px;}
.about-4 .wrap {margin: 0px 0px 20px;padding: 30px;
	 /* -webkit-transition: all 0.5s;transition: all 0.5s;box-shadow: 5px 9px 18px 2px rgba(0,29,76,0.12); */
}
.about-4 .text {margin-top: 0px;}
.about-4 .text .name {font-weight: bold;font-size: 18px;}
.about-4 .text .name small {display:inline-block;font-weight: normal;margin-right:5px; vertical-align:middle;}

.about-4 .text p,.about-4 .text br {text-align: justify;line-height: 2;font-size: 16px;color: #777;overflow: hidden;margin-left:30px;}
.about-4 ul{margin:0px 0px;}
.about-4 li{float:left;margin:0px 20px; width:calc(33.3333% - 40px );padding:0px 10px;}
.about-4 li:first-child{margin-left:-20px;}
.about-4 li:last-child{margin-right:-20px;}
.about-4 li p{text-indent:15px;}
.kuang{border-radius: .75rem;border-style:solid;border-width:1px;}
.k-gb-1{border-color:#bfdbfe;  background-color:#eff6ff; }
.k-gb-2{border-color:#bbf7d0;  background-color:#f0fdf4; }
.k-gb-3{border-color:#e9d5ff;  background-color:#faf5ff; }
.k-gb-1 p{background: url(../images/bu_36.png) no-repeat left 12px;}
.k-gb-2 p{background: url(../images/bu_37.png) no-repeat left 12px;}
.k-gb-3 p{background: url(../images/bu_38.png) no-repeat left 12px;}
.mtb-10{margin-bottom:10px;}
.mrb-10{margin-bottom:10px;}
.mrb-10 small{margin-right:10px;}
.text-a{text-align:center;}
.k-gb-4{border-color:#dbeafe;  background-color:#f6f9fc; }
.k-gb-4 p{background: url(../images/bu_07.jpg) no-repeat left 8px;}
.kuang2{border-radius: .75rem;border-style:solid;border-width:1px;}

.about-7 {margin: 15px 0px;padding: 10px 20px;}
.about-7 .wrap {margin: 0px 0px 20px;padding: 30px;
   /* -webkit-transition: all 0.5s;transition: all 0.5s;box-shadow: 5px 9px 18px 2px rgba(0,29,76,0.12); */
}
.about-7 .text {margin-top: 0px;}
.about-7 .text .name {font-weight: bold;font-size: 18px;}
.about-7 .text .name small {display:inline-block;font-weight: normal;margin-right:5px; vertical-align:middle;}

.about-7 .text p {text-align: justify;line-height:34px;font-size: 16px;color: #777;overflow: hidden;}
.about-7 ul{margin:0px 0px;}
.about-7 li{float:left;margin:0px 20px; width:calc(33.3333% - 50px );padding:0px 10px;}
.about-7 li:first-child{margin-left:0px;}
.about-7 li:last-child{margin-right:-20px;}
.about-7 li p{text-indent:25px;}



.about-5 {margin: 0px 0px 10px;}
.about-5 li {float: left;width:calc(33.3333% - 62px); margin: 10px 10px; padding:20px; border-radius:20px;border:1px solid #dbeafe;
   -webkit-transition: all 0.5s;transition: all 0.5s;box-shadow: 2px 3px 6px 1px rgba(0,29,76,0.12);
}
.about-5 li a {display: block;margin: 0px 0px 0px;
  white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 30px;color: #000;font-size: 18px;font-weight:bold;}
.about-5 li a{font-size: 16px;}

.about-6{margin:0px 30px;}
.about-6 li{float: left;width:calc(40% - 42px); margin: 0px 0px; padding:20px 20px; height:120px; border:1px solid #fff;}
.about-6 li.kuang1{border-radius: .75rem;border:1px solid #dbeafe;  background-color:#eff6ff; }
.about-6 li.txt-r{text-align:right; }
.about-6 li.txt-l{text-align:left; }

.about-6 li.apl-1{float: left;width:calc(18% - 42px);background: url(../images/ab_28.jpg) repeat-y center;border-radius: 0rem;}
.about-6 li.apl-2{}
.about-6 li h3{ margin:0;padding:0;color:#2563eb;font-size: 1.5rem;
  line-height: 36px;font-weight: 700;}
.about-6 li h4{ margin:0;padding:0;color:#222;font-size: 1.125rem;
  line-height: 32px;font-weight: 600;}
.about-6 li p{color:#666;line-height:28px; font-size:16px;}

.pro-1 {margin: 0px 0px 10px;}
.pro-1 li {float: left;width:calc(33.3333% - 62px); margin: 10px 10px; padding:0px 0px 10px; border-radius:20px;border:1px solid #dbeafe;
   -webkit-transition: all 0.5s;transition: all 0.5s;box-shadow: 2px 3px 6px 1px rgba(0,29,76,0.12);overflow:hidden;
   height:500px;
}
.pro-1 li img{max-width:100%;}
.pro-1 li h3{line-height: 36px;color: #000;font-size: 18px;font-weight:bold; padding:20px 20px 10px;}
.pro-1 li p{padding:0px 20px; font-size: 16px;line-height:28px;color:#666;height:90px; overflow:hidden;}

.pro-1 li:hover{
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  transform: translateY(-4px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}


.zs {position: relative;padding: 0 50px;}
.zs .img-center {height: 240px;line-height: 240px;}
.zs .swiper-pagination {position: static;text-align: center;font-size: 0;margin-top: 15px;display: none;}
.zs .swiper-pagination-bullet {margin: 0 5px;}

.lanmu {border-bottom: 2px solid #ddd;font-size: 0;text-align: center;}
.lanmu a {display: inline-block;vertical-align: middle;line-height: 50px;font-size: 18px;margin: 0 30px -2px;border-bottom: 2px solid transparent;}
.lanmu a.active {border-color: #3396fb;color: #3396fb;}

.list-4 li a {display: block;overflow: hidden;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #ddd;}
.list-4 li .img-center {float: left;width: 270px;}
.list-4 li .text {margin-left: 300px;}
.list-4 li .text h4 {margin: 0;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-4 li .text p {margin: 10px 0 0;color: #666;line-height: 1.8;height: 105px;overflow: hidden;}
.list-4 li .text span {display: block;margin-top: 20px;font-size: 12px;color: #999;}

.pages {margin: 40px 0 0;text-align: center;font-size: 0;}
.pages a {display: inline-block;font-size: 16px;line-height: 35px;padding: 0 14px;margin: 5px;background-color: #f5f5f5;border-radius: 3px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.pages a:hover,.pages a.active {background-color: #3396fb;color: #fff;}

.news-title {border-bottom: 1px dashed #ccc;padding-bottom: 20px;margin-bottom: 20px;}
.news-title h1 {margin: 0;font-size: 24px;font-weight: normal;}
.news-title p {margin: 10px 0 0;font-size: 0;}
.news-title p span {display: inline-block;vertical-align: middle;margin-right: 20px;font-size: 16px;color: #777;}
.news-content {line-height: 1.8;margin-bottom: 30px;}
.news-content img {max-width: 100% !important;width: auto !important;height: auto !important;}
.news-exp {border-top: 1px dashed #ccc;padding-top: 20px;overflow: hidden;}
.news-exp a {float: left;width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-exp a:last-child {text-align: right;}


.box-item {padding: 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  box-shadow: 0px 10px 15px -3px rgba(0,29,76,0.12);
  // --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
  // --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  // box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
  // border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
  border-width: 2px;
  border-style:solid;
  border-radius: 1rem;
}

.aq-what {margin: 15px 0 0 0px;}
.aq-what li{float: left;margin:10px 10px;
  text-align:center;
}
.aq-what li .wrap {margin: 20px 20px;}
.aq-what li .img-center {height: 80px;line-height: 80px; }
.aq-what li h4 {margin: 10px 0 0;font-size: 18px; font-weight:;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.aq-what li p {margin: 15px 0 0;color: #777; font-size: 16px;}
.aq-what-1 li p {}
.aq-what-2 li{background-color:#fef2f2;border-radius:10px;}
.aq-what-2 li .small{display:block; width:45px; height:45px;border-radius:50%;background-color:#fee2e2;
  font-size:30px;line-height:45px;color:#dc2626;margin:15px auto;
}

.hb-what {margin: 15px 0 0 0px;}
.hb-what li{float: left;margin:10px 10px;
  text-align:center;
}
.hb-what li .wrap {margin: 20px 20px;}
.hb-what li .img-center {height: 80px;line-height: 80px; }
.hb-what li h4 {margin: 10px 0 0;font-size: 28px; font-weight:;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#16a34a;}
.hb-what li p {margin: 15px 0 0;color: #777; font-size: 16px;}
.hb-what-2 li{background-color:#f0fdf4;border-radius:10px;}
.hb-what-2 li .small{display:block; width:45px; height:45px;border-radius:50%;background-color:#dcfce7;
  font-size:30px;line-height:45px;color:#16a34a;margin:15px auto;
}

.hb-what-3 h3{ text-align:center;font-size:22px;line-height:50px;}
.hb-what-3 li{background-color:#effdf4;border-radius:10px;border:1px solid #dcfce7;}

.hb-what-3 li:hover{
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  transform: translateY(-4px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.hb-what-4 li{background-color:#f4fcf7;border-radius:10px; text-align:left;}
.hb-what-4 li .small{display:block; width:45px; height:45px;border-radius:50%;background-color:#dcfce7;
  font-size:30px;line-height:45px;color:#16a34a;margin:15px auto;
}
.hb-what-4 li dl{margin:15px 0px 0px;}
.hb-what-4 li dl dt{float:left;width:50%;text-align:left;}
.hb-what-4 li dl dd{float:right;width:50%;text-align:right;}
.hb-what-5 li{border-radius:10px; text-align:left;}
.hb-what-5 li .small{display:block;
  font-size:1.5rem;line-height:2rem;margin:0px auto;
}

.hb-what-6 li{border-radius:10px; text-align:center;}
.hb-what-6 li .small{display:block;
  font-size:1.5rem;line-height:2rem;margin:0px auto;
}

.hb-what-7 li{border-radius:10px; text-align:left;}
.hb-what-7 li .small{display:block;
  font-size:1.5rem;line-height:2rem;margin:0px auto;
}
.hb-what-7 li p{color:#fff;}

.hb-what-8 li{border-radius:10px; text-align:left;}
.hb-what-8 li .small{display:block;
  font-size:1.5rem;line-height:2rem;margin:0px auto;
}

.pbgimg p{background: url(../images/hb_02.png) no-repeat left 5px; padding-left:24px;}

.fz-what {margin: 15px 0 0 0px;}
.fz-what li{float: left;margin:10px 10px;
  text-align:center;
}
.fz-what li .wrap {margin: 20px 20px;}
.fz-what li .img-center {height: 80px;line-height: 80px; }
.fz-what li h4 {margin: 10px 0 0;font-size: 28px; font-weight:;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#16a34a;}
.fz-what li p {margin: 0px 0 0;color: #777; font-size: 16px;}

.liw1 li{width: calc(100% - 24px);}
.liw2 li{width: calc(50% - 24px);}
.liw3 li{width: calc(33.3333% - 24px);}
.liw4 li{width: calc(25% - 24px);}
.liw4-2 li{width: calc(25% - 24px);}
.liw3-2 li{width: calc(33.3333% - 24px);}
/* .aq-what li:hover {
  --tw-translate-y: -.25rem;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #000),var(--tw-ring-shadow, 0 0 #000),var(--tw-shadow);
}
 */

.anquan-4 {margin: 15px 0px;}
.anquan-4 .wrap {margin: 0px 0px 20px;padding: 30px;
   /* -webkit-transition: all 0.5s;transition: all 0.5s;box-shadow: 5px 9px 18px 2px rgba(0,29,76,0.12); */
}
.anquan-4 .text {margin-top: 0px;}
.anquan-4 .text .name {font-weight: bold;font-size: 18px;}
.anquan-4 .text .name small {display:inline-block;font-weight: normal;margin-right:10px; vertical-align:middle;}

.anquan-4 .text p,.anquan-4 .text br {text-align: justify;line-height: 36px;font-size: 16px;color: #777;overflow: hidden;}
.anquan-4 ul{margin:0px 0px;}
.anquan-4 li{float:left;margin:0px 10px 40px; width:calc(50% - 24px );}
/* .anquan-4 li:nth-child(2n+1){margin-left:-20px;}
.anquan-4 li:nth-child(2n){margin-right:-20px;} */
.anquan-4 li p{text-indent:30px; }
.aqkuang{border-radius: .75rem;border-style:solid;border-width:2px;}

.aqkuang2{border-radius: .75rem;border-style:solid;border-width:2px; }

/*缩略图*/
#ifocus {
      display: block;
      align-items: flex-start;
      gap: 20px;
      max-width: 1200px;
      margin: 0 auto;
      position: relative;
    }

    #ifocus_pic {
      width: 100%;
      height: 500px;
      overflow: hidden;
      border: 1px solid #ccc;
      position: relative;
      border-radius:10px;
    }

    #ifocus_piclist {
      position: relative;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    #ifocus_piclist li {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: opacity 0.5s ease;
    }
    #ifocus_piclist li h3{position: absolute;bottom:10px; line-height:36px;opacity:1;left:20px;color:#fff;}

    #ifocus_piclist li.active {
      opacity: 1;
    }

    #ifocus_piclist img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius:10px;
    }

    /* 左右箭头样式 */
    .arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 40px;
      height: 40px;
      background: rgba(0, 0, 0, 0.5);
      color: white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      font-size: 20px;
      z-index: 10;
      opacity: 1;
      transition: opacity 0.3s;
      user-select: none;
    }

    #ifocus_pic:hover .arrow {
      opacity: 1;
    }

    .prev {
      left: 15px;
    }

    .next {
      right: 15px;
    }

    .arrow:hover {
      background: rgba(0, 0, 0, 0.8);
    }

    #ifocus_btn {
      display: inline-block;
      flex-direction: column;
      gap: 8px;
      margin-top: 10px;
    }

    #ifocus_btn li {
      cursor: pointer;
      opacity: 0.7;
      transition: opacity 0.3s;
      width:calc(100% / 5 - 20px);
      margin:0px 10px;
      float:left;
    }

    #ifocus_btn li:hover,
    #ifocus_btn li.current {
      opacity: 1;
    }

    #ifocus_btn img {
      width: 80px;
      height: 60px;
      object-fit: cover;
      border: 2px solid transparent;
      border-radius:10px;
    }

    #ifocus_btn li.current img {
      border-color: #007bff;
    }
@media screen and (max-width: 960px) {
    .header {padding: 10px 0;position: fixed;border-bottom: 0;}
    /* .header .tool {display: none;} */
    .header .logo {height: 30px;padding: 0;line-height: 30px;float: none;}
    .header .nav {display: none;margin: 10px -15px 0;text-align: left;float: none;}
    .header .nav li {display: block;border-top: 1px solid #eee;margin: 0;}
    .header .nav li .arr {display: block;}
    .header .nav li a {border-bottom: 0;padding: 0 15px;font-size: 16px;line-height: 40px;}
    .header .nav li a:after {display: none;}
    .header .nav li a span {opacity: 1;}
    .header .nav li.open .arr:after {border-color: #3396fb;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
    .header .nav .dropdown-box {position: static;width: auto;margin: 0;text-align: left;background-color: #f9f9f9;padding: 0;border-top: 1px solid #eee;}
    .header .nav .dropdown-box p {display: block;border-top: 1px solid #eee;border-left: 0;}
    .header .nav .dropdown-box p:first-child {border: 0;}
    .header .nav .dropdown-box a {padding: 0;line-height: 40px;font-weight: normal;}
    .menu-btn {display: block;}
}
@media screen and (max-width: 640px) {
.liw3-2 li{width: calc(100% - 24px);}
}

@media screen and (max-width: 780px) {
    body {padding: 50px 0;}

    .kf {display: none;}

    #ifocus {
      max-width: 780px;
    }

    #ifocus_pic {
      height: 300px;
    }

    #ifocus_btn li {
      width:calc(100% / 3- 20px);
    }
    #ifocus_btn img {
      width: 80px;
      height: 40px;
      object-fit: cover;
      border: 2px solid transparent;
      border-radius:10px;
    }

    .header {padding: 10px 0;position: fixed;border-bottom: 0;}
    /* .header .tool {display: none;} */
    .header .logo {height: 30px;padding: 0;line-height: 30px;float: none;}
    .header .nav {display: none;margin: 10px 0px 0;text-align: left;float: none;}
    .header .nav li {display: block;border-top: 1px solid #eee;margin: 0 auto;width: 90%;}
    .header .nav li .arr {display: block;}
    .header .nav li a {border-bottom: 0;padding: 0 15px;font-size: 16px;line-height: 40px;}
    .header .nav li a:after {display: none;}
    .header .nav li a span {opacity: 1;}
    .header .nav li.open .arr:after {border-color: #3396fb;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
    .header .nav .dropdown-box {position: static;width: auto;margin: 0;text-align: left;background-color: #f9f9f9;padding: 0;border-top: 1px solid #eee;}
    .header .nav .dropdown-box p {display: block;border-top: 1px solid #eee;border-left: 0;}
    .header .nav .dropdown-box p:first-child {border: 0;}
    .header .nav .dropdown-box a {padding: 0;line-height: 40px;font-weight: normal;}
    .menu-btn {display: block;}

    .banner .swiper-pagination {bottom: 10px;}

    .footer-fix {display: block;}

    .section,.section-sub {padding: 20px 10px;}
    .section-title {font-size: 20px;margin-bottom: 20px;}
    .section-title p {font-size: 16px;margin-top: 5px;}

    .in-what li {width: calc(50% - 24px);
    }

    .in-what li .wrap {margin-left: 15px;}
    .in-what li h4 {font-size: 16px;margin-top: 15px;}
    .in-what li p {font-size: 12px;margin-top: 5px;
    	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 51px;}
    .in-what li .img-center {height: 60px;line-height: 60px;}

    .in-yinx {padding:30px 10px;}
    .in-yinx li {width: 50%;}
    .in-yinx li .wrap {margin-left: 15px;}
    .in-yinx li .num {font-size: 38px;}
    .in-yinx li .num small {font-size: 16px;}
    .in-yinx li .num small:after {margin-bottom: 5px;width: 5px;height: 11px;}
    .in-yinx li h4 {margin-top: 10px;font-size: 16px;}
    .in-yinx li p {margin-top: 0;font-size: 12px;}
    .in-yinx li p strong {font-size: 16px;}

    .free-form input {box-sizing: border-box;width: 70%;font-size: 16px;padding: 8px 12px;}
    .free-form button {width: 30%;height: 38px;}

    .in-yiny {margin-top: -20px;}
    .in-yiny .item {width: 100%;}
    .in-yiny .wrap {margin: 20px 0 0;}
    .in-yiny .tit {line-height: 44px;font-size: 18px;}
    .in-yiny .text {padding: 15px;}
    .in-yiny .text p {font-size: 16px;}
    .in-yiny .text .t {margin-top: 10px;font-size: 16px;}


    .audio {margin: -15px 0 0 -15px;}
    .audio li {width: 50%;}
    .audio li a {margin: 15px 0 0 15px;}

    .more-big {line-height: 40px;width: 140px;}

    .footer {padding:30px 20px 0px ;}
    .footer-info {float: none;width: auto;text-align: center; margin-right:0px;}
    .footer-info .logo {text-align: center;height: 40px;line-height: 40px;}
    .footer dl {display: none;}
    .footer-copy {margin-top: 30px;}



    .contact-form {width: 250px;padding: 15px;margin-left: -140px;}
    .layer-form .close {width: 18px;height: 18px;}
    .contact-form .tit {font-size: 20px;}
    .contact-form .tit p {font-size: 12px;}
    .contact-form .yzm {padding-right: 90px;}
    .contact-form .yzm-pic {width: 70px;}

    .banner-sub {}
    .prd-item dt {float: none !important;width: auto;}
    .prd-item dd {margin: 0 !important;padding-top: 20px;}
    .prd-item dd h4 {margin-bottom: 15px;font-size: 16px;}
    .prd-item dd h4:after {margin-top: 15px;width: 30px;}
    .prd-item dd p {font-size: 16px;}

    .more-adv {margin-top: -15px;}
    .more-adv li {width: 25%;}
    .more-adv li .img-center {height: 40px;line-height: 40px;}
    .more-adv li .text {margin-top: 10px;}
    .more-adv li .text h4 {font-size: 16px;}
    .more-adv li .wrap {margin-top: 15px;}

    .anq {margin: -15px 0 0;}
    .anq li {width: 100%;}
    .anq li .wrap {width: 240px;margin: 15px auto 0;}

    .hz dt {float: none;width: auto;}
    .hz dd {margin: 0;padding-top: 20px;}
    .hz dd p {font-size: 16px;background-size: auto 12px;background-position: 0 8px;padding-left: 20px;margin: 10px 0 0;}

    .about-1 {font-size: 16px;}

    .about-2 {margin-top: 10px;}
    .about-2 li {width: 50%;}
    .about-2 li a {line-height: 44px;font-size: 16px;}

    .about-3 {margin: 0;}
    .about-3:before {left: 110px;}
    .about-3:after {left: 101px;}
    .about-3 dt {font-size: 16px;width: 70px;}
    .about-3 dd {margin: 15px 0 20px 115px;padding-left: 20px;}
    .about-3 dd p {font-size: 16px;line-height: 25px;}

    .about-4{margin: 0px 0px;
      padding: 10px 0px;
    }
    .about-4 li .text p {height: auto;}
    .about-5 li {float: left;width:calc(100% - 62px);}
    .pro-1 li {float: left;width:calc(100% - 62px); }

    .about-4 li{float:left;margin:0px 0px 20px; width:calc(100% - 22px );padding:0px 10px;}
    .about-4 li:first-child{margin-left:0px;}
    .about-4 li:last-child{margin-right:0px;}
    .about-7 {margin: 0px 0px;padding: 10px 0px;}
    .about-7 .wrap {margin: 0px 0px 20px;padding:20px 10px;
       /* -webkit-transition: all 0.5s;transition: all 0.5s;box-shadow: 5px 9px 18px 2px rgba(0,29,76,0.12); */
    }

    .about-7 li{float:left;margin:0px 0px 20px; width:calc(100% - 22px );padding:0px 10px;}
    .about-7 li:first-child{margin-left:0px;}
    .about-7 li:last-child{margin-right:0px;}

    .about-6{margin:0px 10px;}
    .about-6 li{float: left;width:calc(43% - 32px);  padding:20px 15px; height:150px; border:1px solid #fff;}
    .about-6 li.kuang1{border-radius: .75rem;border:1px solid #dbeafe;  background-color:#eff6ff; }
    .about-6 li.txt-r{text-align:right; }
    .about-6 li.txt-l{text-align:left; }

    .about-6 li.apl-1{float: left;width:calc(5% - 32px);background: url(../images/ab_28.jpg) repeat-y center;border-radius: 0rem;}
    .about-6 li.apl-2{}
    .about-6 li h3{ font-size: 1.3rem; line-height: 32px;}
    .about-6 li h4{font-size: 1.0rem;line-height: 28px;}
    .about-6 li p{line-height:24px; font-size:16px;}


    .zs {padding: 0;}
    .zs .img-center {height: 220px;line-height: 220px;}
    .zs .swiper-pagination {display: block;}
    .zs .swiper-button-prev,.zs .swiper-button-next {display: none;}

    .lanmu {display: none;}

    .list-4 li a {padding-bottom: 20px;margin-bottom: 20px;}
    .list-4 li .img-center {float: none;width: auto;}
    .list-4 li .text {margin: 15px 0 0;}
    .list-4 li .text h4 {font-size: 16px;}
    .list-4 li .text p {height: auto;}
    .list-4 li .text span {margin-top: 10px;}

    .pages {margin-top: 20px;}
    .pages a {font-size: 12px;line-height: 30px;padding: 0 12px;}

    .news-title {padding-bottom: 10px;margin-bottom: 10px;}
    .news-title h1 {font-size: 18px;}
    .news-title p span {font-size: 12px;margin-right: 10px;}
    .news-content {margin-bottom: 20px;}
    .news-exp {padding-top: 10px;font-size: 12px;}
    .liw2 li{width: calc(100% - 24px);}
    .liw3 li{width: calc(100% - 24px);}
    .liw4 li{width: calc(100% - 24px);}
    .liw4-2 li{width: calc(50% - 24px);}
    .hb-yiny .item {
      width: 100%;
    }
    .anquan-4 li {
      width: calc(100% - 28px );
    }
    /* .anquan-4 li{float:left;margin:0px 20px 40px; width:calc(50% - 28px );padding:0px 10px;} */
    /* .anquan-4 li:nth-child(2n+1){margin:0px 20px 20px;}
    .anquan-4 li:nth-child(2n){margin:0px 20px 20px;} */
}



.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:ËÎÌå}
.text-secondary{ text-align:center; padding:20px 0}

.ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}
.ab_img p{text-wrap: inherit !important;}
.ab_img p span{text-wrap: inherit !important;}

.aqk-gb-1{border-color:#fecaca;  }
.aqk-gb-2{border-color:#bfdbfe;  }
.aqk-gb-3{border-color:#bbf7d0;  }
.aqk-gb-4{border-color:#e9d5ff;  }
.aqk-gb-1 p{background: url(../images/aq_20.jpg) no-repeat left center;}
.aqk-gb-2 p{background: url(../images/aq_22.jpg) no-repeat left center;}
.aqk-gb-3 p{background: url(../images/aq_30.jpg) no-repeat left center;}
.aqk-gb-4 p{background: url(../images/aq_32.jpg) no-repeat left center;}

.box-b{border-color:#fecaca;}
.box-b2{border-color:#fecaca;}
.hbbox-b{border-color:#dcfce7;}
.hbbox-b2{border-color:#bbf7d0;}
.hbbox-b3{border-color:#dbeafe;}
.hbbox-b0{border-color:none;}
.hbbox-bhui{border-color:#eee;}
.bg-bl{border-left-width:4px;border-left-style:solid;border-radius: 10px;}
.bg-bl-1{border-left-width:1px;border-left-style:solid;border-radius: 10px;}
.bg-c-1{border-left-color:#eab308;background-color: #fefce8;}
.bg-c-2{border-left-color:#3b82f6;background-color: #eff6ff;}
.bg-c-3{border-left-color:#22c55e;background-color: #f0fdf4;}
.bg-c-4{border-left-color:#a855f7;background-color: #faf5ff;}
.bg-c-5{border-left-color:#eab308;background-color: #fefce8;}
.bg-c-6{border-left-color:#eab308;background-color: #fefce8;}
.bg-c-7{border-left-color:#eab308;background-color: #fefce8;}
.bg-c-8{border-left-color:#eab308;background-color: #fefce8;}

.aqkuang:hover,.aqkuang2:hover;.hbkuang:hover,.hbkuang2:hover{
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  transform: translateY(-4px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.hbkuang{border-radius: .75rem;border-style:solid;border-width:2px; background-color:#fff;}
.hbkuang2{border-radius: .75rem;}

.hbk-gb-1{border-color:#fecaca;  }
.hbk-gb-2{border-color:#bfdbfe;  }
.hbk-gb-3{border-color:#bbf7d0;  }
.hbk-gb-4{border-color:#e9d5ff;  }
.hbk-gb-1 p{background: url(../images/aq_20.jpg) no-repeat left center;}
.hbk-gb-2 p{background: url(../images/hb_31.jpg) no-repeat left center;}
.hbk-gb-3 p{background: url(../images/hb_28.jpg) no-repeat left center;}
.hbk-gb-4 p{background: url(../images/aq_32.jpg) no-repeat left center;}

.imgbg-4 p{background: url(../images/bu_37.png) no-repeat left 10px; text-indent:16px;}
.box-bw-0{border-width:0px; }
.box-bw-1{border-width:1px; }
.box-bw-2{border-width:2px; }

.h-t li{height:220px; overflow:hidden;}
.leading-relaxed {
  line-height:1.625;
}
.leading-tight {
  line-height:1.25
}
.text-blue-600 {

  color:rgb(37,99,235)
}
.text-blue-800 {

  color:rgb(30,64,175)
}
.text-emerald-600 {

  color:rgb(5,150,105)
}
.text-gray-300 {

  color:rgb(209,213,219)
}
.text-gray-400 {

  color:rgb(156,163,175)
}
.text-gray-500 {

  color:rgb(107,114,128)
}
.text-gray-600 {

  color:rgb(75,85,99)
}
.text-gray-700 {

  color:rgb(55,65,81)
}
.text-gray-800 {

  color:rgb(31,41,55)
}
.text-gray-900 {

  color:rgb(17,24,39)
}
.text-green-100 {

  color:rgb(220,252,231)
}
.text-green-600 {

  color:rgb(22,163,74)
}
.text-green-700 {
  color:rgb(21,128,61)
}
.text-green-800 {

  color:rgb(22,101,52)
}
.text-orange-600 {

  color:rgb(234,88,12)
}
.text-primary-400 {

  color:rgb(96,165,250)
}
.text-primary-500 {

  color:rgb(59,130,246)
}
.text-primary-600 {

  color:rgb(37,99,235)
}
.text-purple-600 {

  color:rgb(147,51,234)
}
.text-purple-800 {

  color:rgb(107,33,168)
}
.text-red-500 {

  color:rgb(239,68,68)
}
.text-red-600 {

  color:rgb(220,38,38)
}
.text-teal-600 {

  color:rgb(13,148,136)
}
.text-white {

  color:rgb(255,255,255)
}
.text-yellow-800 {
  color:rgb(133,77,14)
}
.text-yellow-600 {
  color:rgb(202,138,4)
}
.text-yellow-700 {
  color:rgb(161,98,7)
}

.space-x-1>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right:calc(.25rem * var(--tw-space-x-reverse));
  margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-2>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right:calc(.5rem * var(--tw-space-x-reverse));
  margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-3>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right:calc(.75rem * var(--tw-space-x-reverse));
  margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-4>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right:calc(1rem * var(--tw-space-x-reverse));
  margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-y-2>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.5rem * var(--tw-space-y-reverse))
}
.space-y-3>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.75rem * var(--tw-space-y-reverse))
}
.space-y-4>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}
.space-y-6>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(2rem * var(--tw-space-y-reverse))
}
.rounded {
  border-radius:.25rem
}
.rounded-2xl {
  border-radius:1rem
}
.rounded-full {
  border-radius:9999px
}
.rounded-lg {
  border-radius:.5rem
}
.rounded-xl {
  border-radius:10px;
}
.border-amber-200 {
  border-color:rgb(253,230,138);
}
.border {
  border-width:1px
}
.border-2 {
  border-width:2px
}
.border-4 {
  border-width:4px
}
.border-b {
  border-bottom-width:1px
}

.border-l-4 {
  border-left-width:4px
}
.border-t {
  border-top-width:1px
}
.border-solid {
  border-style:solid
}
.border-dashed {
  border-style:dashed
}
.border-blue-100 {

  border-color:rgb(219,234,254)
}
.border-blue-200 {

  border-color:rgb(191,219,254)
}
.border-blue-500 {

  border-color:rgb(59,130,246)
}
.border-emerald-200 {

  border-color:rgb(167,243,208)
}
.border-gray-100 {

  border-color:rgb(243,244,246)
}
.border-gray-200 {

  border-color:rgb(229,231,235)
}
.border-gray-300 {

  border-color:rgb(209,213,219)
}
.border-gray-800 {

  border-color:rgb(31,41,55)
}
.border-green-100 {

  border-color:rgb(220,252,231)
}
.border-green-200 {

  border-color:rgb(187,247,208)
}
.border-green-500 {

  border-color:rgb(34,197,94)
}
.border-primary-100 {

  border-color:rgb(219,234,254)
}
.border-primary-500 {

  border-color:rgb(59,130,246)
}
.border-purple-200 {

  border-color:rgb(233,213,255)
}
.border-red-100 {

  border-color:rgb(254,226,226)
}
.border-red-200 {

  border-color:rgb(254,202,202)
}
.border-teal-200 {

  border-color:rgb(153,246,228)
}
.border-transparent {
  border-color:transparent
}
.border-white {

  border-color:rgb(255,255,255)
}
.border-l-blue-500 {

  border-left-color:rgb(59 130 246)
}
.border-l-green-500 {

  border-left-color:rgb(34 197 94)
}
.border-l-purple-500 {

  border-left-color:rgb(168 85 247)
}
.border-l-yellow-500 {

  border-left-color:rgb(234 179 8)
}
.border-opacity-30 {
  --tw-border-opacity: .3
}
.bg-black {

  background-color:rgb(0,0,0)
}
.bg-blue-100 {

  background-color:rgb(219,234,254)
}
.bg-blue-50 {
  background-color:rgb(239,246,255)
}
.bg-blue-500 {

  background-color:rgb(59,130,246)
}
.bg-blue-600 {

  background-color:rgb(37,99,235)
}
.bg-emerald-100 {

  background-color:rgb(209,250,229)
}
.bg-emerald-50 {

  background-color:rgb(236,253,245)
}
.bg-emerald-500 {

  background-color:rgb(16,185,129)
}
.bg-gray-100 {

  background-color:rgb(243,244,246)
}
.bg-gray-200 {

  background-color:rgb(229,231,235)
}
.bg-gray-50 {
  background-color:rgb(249,250,251)
}
.bg-gray-800 {

  background-color:rgb(31,41,55)
}
.bg-gray-900 {

  background-color:rgb(17,24,39)
}
.bg-green-100 {

  background-color:rgb(220,252,231)
}
.bg-green-50 {

  background-color:rgb(240,253,244)
}
.bg-green-500 {
  height:4px;
  background-color:#22c55e;
  width:100px;
  margin:0px auto 20px;
  border-radius: 9999px;
}
.bg-amber-50 {
  background-color:rgb(255,251,235)
}
.bg-primary-100 {

  background-color:rgb(219,234,254)
}
.bg-primary-200 {

  background-color:rgb(191,219,254)
}
.bg-primary-50 {

  background-color:rgb(239,246,255)
}
.bg-primary-500 {

  background-color:rgb(59,130,246)
}
.bg-primary-600 {

  background-color:rgb(37,99,235)
}
.bg-purple-100 {

  background-color:rgb(243,232,255)
}
.bg-purple-50 {

  background-color:rgb(250,245,255)
}
.bg-red-100 {

  background-color:rgb(254,226,226)
}
.bg-red-50 {

  background-color:rgb(254,242,242)
}
.bg-red-500 {

  background-color:rgb(239,68,68)
}
.bg-teal-100 {

  background-color:rgb(204,251,241)
}
.bg-teal-50 {

  background-color:rgb(240,253,250)
}
.bg-white {

  background-color:rgb(255,255,255)
}
.bg-white\/95 {
  background-color:#fffffff2
}
.bg-yellow-50 {

  background-color:rgb(254,252,232)
}
.bg-opacity-0 {
  --tw-bg-opacity: 0
}
.bg-opacity-20 {
  --tw-bg-opacity: .2
}
.bg-opacity-50 {
  --tw-bg-opacity: .5
}
.bg-opacity-70 {
  --tw-bg-opacity: .7
}
.bg-opacity-90 {
  --tw-bg-opacity: .9
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-blue-50 {
  --tw-gradient-from: #eff6ff;
  --tw-gradient-to: rgba(239, 246, 255, 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-500 {
  --tw-gradient-from: #3b82f6;
  --tw-gradient-to: rgba(59, 130, 246, 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-50 {
  --tw-gradient-from: #f9fafb;
  --tw-gradient-to: rgba(249, 250, 251, 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-50 {
  --tw-gradient-from: #f0fdf4;
  --tw-gradient-to: rgba(240, 253, 244, 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-500 {
  --tw-gradient-from: #22c55e;
  --tw-gradient-to: rgba(34, 197, 94, 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary-50 {
  --tw-gradient-from: #eff6ff;
  --tw-gradient-to: rgba(239, 246, 255, 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-red-50 {
  --tw-gradient-from: #fef2f2;
  --tw-gradient-to: rgba(254, 242, 242, 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-white {
  --tw-gradient-from: #ffffff;
  --tw-gradient-to: rgba(255, 255, 255, 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-white {
  --tw-gradient-to: rgba(255, 255, 255, 0);
  --tw-gradient-stops: var(--tw-gradient-from), #ffffff var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-blue-600 {
  --tw-gradient-to: #2563eb;
}

.to-emerald-50 {
  --tw-gradient-to: #ecfdf5;
}

.to-emerald-600 {
  --tw-gradient-to: #059669;
}

.to-gray-50 {
  --tw-gradient-to: #f9fafb;
}

.to-green-50 {
  --tw-gradient-to: #f0fdf4;
}

.to-orange-50 {
  --tw-gradient-to: #fff7ed;
}

.to-primary-50 {
  --tw-gradient-to: #eff6ff;
}

.to-red-50 {
  --tw-gradient-to: #fef2f2;
}
.object-contain {
  -o-object-fit:contain;
  object-fit:contain
}
.object-cover {
  -o-object-fit:cover;
  object-fit:cover
}
.p-1 {
  padding:.25rem
}
.p-2 {
  padding:.5rem
}
.p-3 {
  padding:.75rem
}
.p-4 {
  padding:1rem
}
.p-5 {
  padding:1.25rem
}
.p-6 {
  padding:1.5rem
}
.p-8 {
  padding:2rem
}
.px-2 {
  padding-left:.5rem;
  padding-right:.5rem
}
.px-3 {
  padding-left:.75rem;
  padding-right:.75rem
}
.px-4 {
  padding-left:1rem;
  padding-right:1rem
}
.px-6 {
  padding-left:1.5rem;
  padding-right:1.5rem
}
.px-8 {
  padding-left:2rem;
  padding-right:2rem
}
.py-1 {
  padding-top:.25rem;
  padding-bottom:.25rem
}
.py-12 {
  padding-top:3rem;
  padding-bottom:3rem
}
.py-16 {
  padding-top:4rem;
  padding-bottom:4rem
}
.py-2 {
  padding-top:.5rem;
  padding-bottom:.5rem
}
.py-20 {
  padding-top:5rem;
  padding-bottom:5rem
}
.py-3 {
  padding-top:.75rem;
  padding-bottom:.75rem
}
.py-4 {
  padding-top:1rem;
  padding-bottom:1rem
}
.py-6 {
  padding-top:1.5rem;
  padding-bottom:1.5rem
}
.pl-8 {
  padding-left:2rem
}
.pr-8 {
  padding-right:2rem
}
.pt-20 {
  padding-top:5rem
}
.pt-4 {
  padding-top:1rem
}
.pt-6 {
  padding-top:1.5rem
}
.pt-8 {
  padding-top:2rem
}
.text-left {
  text-align:left
}
.text-center {
  text-align:center
}
.text-right {
  text-align:right
}

.items-start {
  align-items:flex-start
}
.items-center {
  align-items:center
}
.justify-start {
  justify-content:flex-start
}
.justify-end {
  justify-content:flex-end
}
.justify-center {
  justify-content:center
}
.justify-between {
  justify-content:space-between
}
.bg6{background: linear-gradient(to bottom, #ffffff, #f0fdf4);}
.bg2{background: linear-gradient(to bottom, #ffffff, #fef2f2);}
.bg3{background: linear-gradient(to bottom, #ffffff, #f9fafb);}
.bg4{background: linear-gradient(to right, #22c55e, #059669);}
.hb-bgc1{background: linear-gradient(to right, #2563eb, #16a34a);}
.hb-bgc2{background: linear-gradient(to right, #3a75e5, #2ea963);}
.box-bg1{background-color:#fef3f1;}
.box-bg0{background-color:#fff;}

.bgr-1{border-radius:10px;}

.bg5{background: linear-gradient(to right, #eff6ff, #f0fdf4);}
.hbbg-img1{background: url(../images/hb_40.jpg) no-repeat center left;padding-left:40px;}
.hbbg-img2{background: url(../images/hb_43.jpg) no-repeat center left;padding-left:40px;}
.hbbg-img3{background: url(../images/hb_45.jpg) no-repeat center left;padding-left:40px;}

.hbbg-img1 h4,.hbbg-img2 h4,.hbbg-img3 h4{font-size:16px;line-height:1.8;}
.linear{width:100%;height:1px; background-color:#eee;}
.progress-container {
      background-color: #f0f0f0;
      border-radius: 10px;
      overflow: hidden;
    }
.progress-bar {
      width: 0%;
      height: 10px;
      border-radius: 10px;
      transition: width 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 16px;
}
.jdbgc1{background-color: #22c55e;}
.jdbgc2{background-color: #9333ea;}
.jdbgc3{background-color: #3b82f6;}

.hbbgc1{background-color: #eefdf4;}
.hbbgc2{background-color: #eff8fd;}
.hbbgc3{background-color: #fffbeb;}
.mx-auto {
  margin-left:auto;
  margin-right:auto
}
.-mt-1 {
  margin-top:-.25rem
}
.mb-1 {
  margin-bottom:.25rem
}
.mb-10 {
  margin-bottom:2.5rem
}
.mb-12 {
  margin-bottom:3rem
}
.mb-16 {
  margin-bottom:4rem
}
.mb-2 {
  margin-bottom:.5rem
}
.mb-3 {
  margin-bottom:.75rem
}
.mb-4 {
  margin-bottom:1rem
}
.mb-6 {
  margin-bottom:1.5rem
}
.mb-8 {
  margin-bottom:2rem
}
.ml-16 {
  margin-left:4rem
}
.ml-2 {
  margin-left:.5rem
}
.ml-6 {
  margin-left:1.5rem
}
.mr-3 {
  margin-right:.75rem
}
.mr-4 {
  margin-right:1rem
}
.mr-16 {
  margin-right:4rem
}
.mt-0\.5 {
  margin-top:.125rem
}
.mt-1 {
  margin-top:.25rem
}
.mt-16 {
  margin-top:4rem
}
.mt-2 {
  margin-top:.5rem
}
.mt-4 {
  margin-top:1rem
}
.mt-6 {
  margin-top:1.5rem
}
.mt-8 {
  margin-top:2rem
}
.text-left {
  text-align:left
}
.text-center {
  text-align:center
}
.text-right {
  text-align:right
}
.text-2xl {
  font-size:1.5rem;
  line-height:2rem
}
.text-3xl {
  font-size:1.875rem;
  line-height:2.25rem
}
.text-4xl {
  font-size:2.25rem;
  line-height:2.5rem
}
.text-lg {
  font-size:1.125rem;
  line-height:1.75rem
}
.text-sm {
  font-size:.875rem;
  line-height:1.25rem
}
.text-xl {
  font-size:1.25rem;
  line-height:1.75rem
}
.text-xs {
  font-size:.75rem;
  line-height:1rem
}
.text-xm {
  font-size:1rem;
  line-height:1.5rem
}

.font-bold {
  font-weight:700
}
.font-medium {
  font-weight:500
}
.font-semibold {
  font-weight:600
}
.box-w260{width:260px; margin:10px auto 0px;}
.m-w1{margin:10px 10px;}
.block {
  display: block
}

.flex {
  display: flex
}

.inline-flex {
  display: inline-flex
}

.grid {
  display: grid
}

.hidden {
  display: none
}

.h-1 {
  height: .25rem
}

.h-1\.5 {
  height: .375rem
}

.h-10 {
  height: 2.5rem
}

.h-12 {
  height: 3rem
}

.h-14 {
  height: 3.5rem
}

.h-16 {
  height: 4rem
}

.h-2 {
  height: .5rem
}

.h-20 {
  height: 5rem
}

.h-3 {
  height: .75rem
}

.h-4 {
  height: 1rem
}

.h-48 {
  height: 12rem
}

.h-5 {
  height: 1.25rem
}

.h-6 {
  height: 1.5rem
}

.h-7 {
  height: 1.75rem
}

.h-72 {
  height: 18rem
}

.h-8 {
  height: 2rem
}

.h-96 {
  height: 24rem
}

.h-full {
  height: 100%
}

.max-h-0 {
  max-height: 0px
}

.max-h-64 {
  max-height: 16rem
}

.max-h-96 {
  max-height: 24rem
}

.max-h-\[90vh\] {
  max-height: 90vh
}

.max-h-full {
  max-height: 100%
}

.min-h-screen {
  min-height: 100vh
}

.w-1 {
  width: .25rem
}

.w-1\.5 {
  width: .375rem
}

.w-10 {
  width: 2.5rem
}

.w-12 {
  width: 3rem
}

.w-14 {
  width: 3.5rem
}

.w-16 {
  width: 4rem
}

.w-2 {
  width: .5rem
}

.w-20 {
  width: 5rem
}

.w-3 {
  width: .75rem
}

.w-4 {
  width: 1rem
}

.w-5 {
  width: 1.25rem
}

.w-5\/12 {
  width: 41.666667%
}

.w-6 {
  width: 1.5rem
}

.w-7 {
  width: 1.75rem
}

.w-72 {
  width: 18rem
}

.w-8 {
  width: 2rem
}

.w-96 {
  width: 24rem
}

.w-full {
  width: 100%
}

.min-w-0 {
  min-width: 0px
}

.max-w-2xl {
  max-width: 42rem
}

.max-w-3xl {
  max-width: 48rem
}

.max-w-4xl {
  max-width: 56rem
}

.max-w-6xl {
  max-width: 72rem
}

.max-w-7xl {
  max-width: 80rem
}

.max-w-full {
  max-width: 100%
}

.flex-1 {
  flex: 1 1 0%
}

.flex-shrink-0 {
  flex-shrink: 0
}

.flex-grow {
  flex-grow: 1
}
.overflow-hidden {
  overflow: hidden
}

.overflow-y-auto {
  overflow-y: auto
}
.pagination {
    height:34px;
    display:block;
    padding:0;
    margin:0 auto;
    text-align:center;
}
.pagination li {
     display:inline-block;
    float:left;
    padding:0 12px;
    line-height:32px;
    font-size:12px;
    border:1px solid #dddddd;
    margin-right:5px;
}
.pagination li a {
    /* float:left; */
    display:block;
    height:32px;
    color:#555555;
    text-decoration:none;
}
.pagination li a:hover {
    background:#f5f5f5;
    color:#0099ff;
}
.pagination li.thisclass {
    background:#f76f0c;
    color:#fff;
}
.pagination li.thisclass a,
.pagination li.thisclass a:hover {
    background:transparent;
    border-color:#f76f0c;
    color:#fff;
    cursor:default;
}
.morebg{width:100px;background-color:#16a34a; border-radius:5px; margin:0px auto;color:#fff;line-height:36px;display:block;text-align:center;font-size: 16px;}
.morebg:hover{background-color:#117e39;color:#fff; }