@charset "utf-8";

/* 初始化 ：开始----------------------------------------------------------------------------------------------------------------------------------------------------- */

:root {

  --bs-light:#f8f9fa;

  --bs-dark:#212529;

  

  --bs-111:#111;

  --bs-222:#222;

  --bs-333:#333;

  --bs-444:#444;

  --bs-555:#555;

  --bs-666:#666;

  --bs-777:#777;

  --bs-888:#888;

  --bs-999:#999;

  

  --bs-aaa:#aaa;

  --bs-bbb:#bbb;

  --bs-ccc:#ccc;

  --bs-ddd:#ddd;

  --bs-eee:#eee;



  --bs-fff:rgba(255,255,255,1);

  --bs-fff01:rgba(255,255,255,0.1);

  --bs-fff02:rgba(255,255,255,0.2);

  --bs-fff03:rgba(255,255,255,0.3);

  --bs-fff04:rgba(255,255,255,0.4);

  --bs-fff05:rgba(255,255,255,0.5);

  --bs-fff06:rgba(255,255,255,0.6);

  --bs-fff07:rgba(255,255,255,0.7);

  --bs-fff08:rgba(255,255,255,0.8);

  --bs-fff09:rgba(255,255,255,0.9);



  --bs-000:rgba(0,0,0,1);

  --bs-00001:rgba(0,0,0,0.1);

  --bs-00002:rgba(0,0,0,0.2);

  --bs-00003:rgba(0,0,0,0.3);

  --bs-00004:rgba(0,0,0,0.4);

  --bs-00005:rgba(0,0,0,0.5);

  --bs-00006:rgba(0,0,0,0.6);

  --bs-00007:rgba(0,0,0,0.7);

  --bs-00008:rgba(0,0,0,0.8);

  --bs-00009:rgba(0,0,0,0.9);





  --bs-red:rgba(220,53,69,1);

  --bs-red01:rgba(220,53,69,0.1);

  --bs-red02:rgba(220,53,69,0.2);

  --bs-red03:rgba(220,53,69,0.3);

  --bs-red04:rgba(220,53,69,0.4);

  --bs-red05:rgba(220,53,69,0.5);

  --bs-red06:rgba(220,53,69,0.6);

  --bs-red07:rgba(220,53,69,0.7);

  --bs-red08:rgba(220,53,69,0.8);

  --bs-red09:rgba(220,53,69,0.9);

  

  

  --bs-secondary:rgba(2,170,83,1);

  --bs-secondary01:rgba(2,170,83,0.1);

  --bs-secondary02:rgba(2,170,83,0.2);

  --bs-secondary03:rgba(2,170,83,0.3);

  --bs-secondary04:rgba(2,170,83,0.4);

  --bs-secondary05:rgba(2,170,83,0.5);

  --bs-secondary06:rgba(2,170,83,0.6);

  --bs-secondary07:rgba(2,170,83,0.7);

  --bs-secondary08:rgba(2,170,83,0.8);

  --bs-secondary09:rgba(2,170,83,0.9);



  --bs-success:#198754;

  --bs-success01:rgba(14,254,143,0.1);

  --bs-success02:rgba(14,254,143,0.2);

  --bs-success03:rgba(14,254,143,0.3);

  --bs-success04:rgba(14,254,143,0.4);

  --bs-success05:rgba(14,254,143,0.5);

  --bs-success06:rgba(14,254,143,0.6);

  --bs-success07:rgba(14,254,143,0.7);

  --bs-success08:rgba(14,254,143,0.8);

  --bs-success09:rgba(14,254,143,0.9);

  --bs-success000:rgba(0,120,64,1);



  --bs-info:rgba(13,202,240,1);

  --bs-info01:rgba(13,202,240,0.1);

  --bs-info02:rgba(13,202,240,0.2);

  --bs-info03:rgba(13,202,240,0.3);

  --bs-info04:rgba(13,202,240,0.4);

  --bs-info05:rgba(13,202,240,0.5);

  --bs-info06:rgba(13,202,240,0.6);

  --bs-info07:rgba(13,202,240,0.7);

  --bs-info08:rgba(13,202,240,0.8);

  --bs-info09:rgba(13,202,240,0.9);



  --bs-warning:#ffc107;

  --bs-danger:#dc3545;

  --bs-blue:#0d6efd;

  --bs-indigo:#6610f2;

  --bs-purple:#6f42c1;

  --bs-pink:#d63384;

  --bs-orange:#fd7e14;

  --bs-yellow:#ffc107;

  --bs-green:#198754;

  --bs-teal:#20c997;

  --bs-cyan:#0dcaf0;

  --bs-gray:#6c757d;

  --bs-gray-dark:#343a40;

  --bs-primary:#0d6efd;

  

  --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

  --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;

  --bs-gradient:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));

  --animate-duration: 1600ms;

  --animate-delay: 0.9s;

}

html,body {

  font-size: 16px;

  background-color: var(--bs-fff);

  color: var(--bs-dark);

}

body {
  font-family:'Microsoft Yahei',"pingfang SC","helvetica neue","arial","hiragino sans gb","microsoft yahei ui","microsoft yahei","simsun","sans-serif!important"; 
  max-width: 1920px;margin: 0 auto;
  background-color: var(--bs-fff);

}
body * {font-variant: normal;box-sizing:border-box}/*该行是为了html2canvas.js的理想实现而添加*/
br {display: none;}
.ellipsis,.ellipsis1 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ellipsis2 {overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis3 {
  overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/
    text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
    display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    -webkit-line-clamp: 3;/*用来限制在一个块元素显示的文本的行数。*/
    -webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
}

.ellipsis4 {

  overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/

    text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/

    display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/

    -webkit-line-clamp: 4;/*用来限制在一个块元素显示的文本的行数。*/

    -webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/

}

.ellipsis5 {

  overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/

    text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/

    display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/

    -webkit-line-clamp: 5;/*用来限制在一个块元素显示的文本的行数。*/

    -webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/

}

a {

  text-decoration:none;

  color: #333;

}

a:hover {

  color: var(--bs-red);

}

.aligncenter {text-align: center;width: auto;}




.h1,h1 {font-size:3rem;}
h2,.h2 {font-size: 2rem;margin-top: 3rem;margin-bottom: 2rem;}
h3,.h3 {font-size: 1.7rem;margin-top: 2.6rem;margin-bottom: 1.8rem;}
h4,.h4 {font-size: 1.4rem;margin-top: 2.2rem;margin-bottom: 1.6rem;}
h5,.h5 {font-size: 1.2rem;margin-top: 2rem;margin-bottom: 1.6rem;}
h6,.h6 {font-size: 1.125rem;margin-top: 1.8rem;margin-bottom: 1.5rem;}
@media screen and (max-width:767px) {
  .h1,h1 {font-size:1.6rem;}
  h2,.h2 {font-size: 1.5rem;margin-top: 2.6rem;margin-bottom: 2rem;}
  h3,.h3 {font-size: 1.4rem;margin-top: 2.4rem;margin-bottom: 1.8rem;}
  h4,.h4 {font-size: 1.3rem;margin-top: 2.2rem;margin-bottom: 1.6rem;}
  h5,.h5 {font-size: 1.2rem;margin-top: 2rem;margin-bottom: 1.6rem;}
  h6,.h6 {font-size: 1rem;margin-top: 1.8rem;margin-bottom: 1.5rem;}
}








.dongjie {width: 100% !important;height: 100vh !important;overflow: hidden;}

.q-fs-14 {font-size: 0.875rem;}/*14px字体大小*/

.q-fs-12 {font-size: 0.75rem;}/*12px字体大小*/

.bg-light {background-color: var(--bs-light);}

.bg-fff {background-color: var(--bs-fff);}



.card {border-radius: 0.5rem;overflow: hidden;}

.card .img {display: block;border-top-left-radius: 1rem;border-top-right-radius: 1rem;}



@media (max-width:575px) {

  .container {padding-left: 0.9375rem;padding-right: 0.9375rem;}

}


/*WordPress网站前后台样式一致配置：开始**************************************************************/

/**
 * 为了使得后台编辑的可视化与网站前台保持一致，
 * 我们必须这样做，将html :where(.wp-block)的边距样式归零
 * */
html :where(.wp-block) {margin-bottom: 0;margin-top: 0;}
html :where(.wp-block.wp-block-post-title) {margin-bottom: 1.5rem;}
p {margin-bottom: 1rem;}
p.wp-block {margin-bottom: 1rem;}

/**
 * 因为使用WordPress系统默认块编辑工具，
 * 网站前台必然使用css样式表：
 * http://*****.com/wp-includes/css/dist/block-library/style.min.css
 * 该样式表内有 :where(.wp-block-columns) {margin-bottom: 1.75em;}
 * 但是后台编辑器中没有
 * */
:where(.wp-block-columns) {margin-bottom: 1.75em;}
html :where(.wp-block.wp-block-columns) {margin-bottom: 1.75em;}
.wp-block-columns .wp-block-columns {margin-bottom: 1rem;}
/*@media (max-width:1199px) {
  :where(.wp-block-columns) {margin-bottom: 1rem;}
  html :where(.wp-block.wp-block-columns) {margin-bottom: 1rem;}
}*/

/**
 * 因为有些小白可能因为某些原因，造成编辑器底部光标打不出来，
 * 所以，在编辑器底部加一个内边距，可以防止这种情况
 * 因为只要在编辑器界面内空白处点击，光标就会出现
 * */
/*.wp-block-post-content {padding-bottom: 50px;}*/

/**
 * 无论如何都不可以将.editor-styles-wrapper设置为padding: 0;
 * */
.editor-styles-wrapper {
  padding-bottom: 2rem;
 /* font-size: 14px;*/ /* 设置你想要的字体大小 */
}


/**
 * 经过对wp-block样式的归零，编辑器的标题与正文部分太贴近了，
 * 我们增加一些间距，方便视图是必要的，而且这个样式需要高优先级
 * */
/*.wp-block-post-title {margin-bottom: 30px !important;}*/


/*
:where(.editor-styles-wrapper) .wp-align-wrapper {
    max-width: 1060px;
}
:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide {
    max-width: 1060px
}
.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2 {
    max-width: 1060px;
}*/


html :where(.wp-block) {max-width:1060px; }
.wp-block-columns :where(.wp-block) {max-width:none;}
html :where(.wp-block)[data-align=wide] {max-width:1400px; }
html :where(.wp-block)[data-align=full] {max-width:none; }
html :where(.wp-block)[data-align=full] table {width: 100%;}
html :where(.wp-block)[data-align=full] table td {/*font-size: 16px;*/}


:where(.wp-block-columns.has-background) {padding: 1.5rem 1rem;}
:where(.wp-block-columns.has-background .wp-block-columns.has-background) {padding:  1.5rem 1rem;}
.wp-block-columns.has-background .wp-block-columns.has-background {padding:  1.5rem 1rem;}
@media (min-width:992px) {
  :where(.wp-block-columns.has-background) {padding: 2rem 3rem;}
  :where(.wp-block-columns.has-background .wp-block-columns.has-background) {padding: 2rem 3rem;}
  .wp-block-columns.has-background .wp-block-columns.has-background {padding: 2rem 3rem;}
}


/*文章正文块：样式*/
.bodytext {line-height: 1.8;text-align: justify;}
.bodytext > * {margin-left: auto;margin-right: auto;}
.bodytext .alignwide {max-width: 1400px;margin-left: auto;margin-right: auto;}
.bodytext .alignfull {max-width: none;margin-left: auto;margin-right: auto;}
.wp-block-columns {justify-content: center;}


@media (max-width:1199px) {
  :where(.wp-block-columns.is-layout-flex) {gap: 1rem;}
}
/*@media (max-width:575px) {
  .bodytext {font-size: 1.14rem;}
}*/
/*:where(.wp-block-columns.has-background) {padding: 1.6rem;}*/

table {max-width: 100%;width:auto;border:1px solid var(--bs-tr00001);font-size: 0.875rem;}
table tr td {border:1px solid var(--bs-tr00001);padding:10px!important;}
table tr td[class^="cx-"] {width: 70px;}
table tr {background-color: var(--bs-trred01);}
table tr:nth-child(2n) {background-color: var(--bs-trinfo01);}
table tr:hover {background-color: var(--bs-info);}

/*WordPress网站前后台样式一致配置：结束**************************************************************/


/* bodytext 文章正文样式 ：开始 --------------------- */

/*:where(.wp-block-columns) {
  margin-bottom: 0;
}*/

/* 第二部分：自定义样式：开始 */

@media (min-width: 600px) and (max-width: 992px) {

  .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {

        width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*0.66667)

    }

    .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {

        width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*0.75)

    }

    

    .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {

        width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*0.8)

    }

    .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {

        width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*0.83333)

    }

    .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {

        width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*0.85714)

    }

    .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {

        width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*0.875)

    }

    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {

        width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*0.66667)

    }

    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2), .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image) {

        width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*0.5)

    }

    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child {

        width: 100%

    }



}

@media  (max-width: 576px) {

  .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {

        width: 100%

    }

    .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {

        width: 100%

    }

    

    .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {

        width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*0.8)

    }

    .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {

        width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*0.83333)

    }

    .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {

        width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*0.85714)

    }

    .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {

        width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*0.875)

    }

    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {

        width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*0.66667)

    }

    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2), .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image) {

        width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*0.5)

    }

    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child {

        width: 100%

    }

}



/*@media (min-width: 600px) {

 

    

    .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {

        width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*0.66667)

    }

    .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {

        width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*0.75)

    }

    .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {

        width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*0.8)

    }

    .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {

        width: calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*0.83333)

    }

    .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {

        width: calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*0.85714)

    }

    .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {

        width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*0.875)

    }

    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {

        width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*0.66667)

    }

    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2), .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image) {

        width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*0.5)

    }

    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child {

        width: 100%

    }

}*/





.bodytext {line-height: 1.8;text-align: justify;}
.bodytext a {color: var(--bs-red);}
.bodytext img {display: block;margin:0 auto;width: auto;height: auto;max-width: 100%;overflow: hidden;}
.bodytext ul {width: 100%;}
.bodytext table {max-width: 100%;}
.bodytext table td {border: 1px solid var(--bs-dark);}

/*.bodytext table td {padding: 10px;}*/


/*
.bodytext h2 {display: table;max-width: 100%; position: relative;padding-bottom: 0.5rem;padding-top: 0.5rem; margin: 1rem 0 1.2rem;font-size:160%;padding-left: 16px;border-left: 6px solid var(--bs-red);}
.bodytext h2 a {color: var(--bs-red);}
.bodytext h3 {font-size: 120%;display: table;padding: 16px;background-color: var(--bs-00006);position: relative;color: var(--bs-fff);}
.bodytext h3 {color: var(--bs-fff);}
.bodytext h4 {font-size: 100%;padding-left: 16px;border-left: 6px solid var(--bs-00006);font-weight: 600;}
.bodytext h5 {font-size: 100%;padding-left: 16px;position: relative;font-weight: 600;}
.bodytext h5:before {content: "";display: block;width: 6px;height: 6px;border-radius: 3px;background-color: var(--bs-00006);position: absolute;left: 0;top: 7px;z-index: 1;}
.bodytext h6 {font-size: 100%;padding-left: 16px;position: relative;}
.bodytext h6:before {content: "*";display: block;color: var(--bs-00006);line-height: 1;color: var(--bs-000); position: absolute;left: 0;top: 3px;z-index: 1;}

.bodytext > h2 {margin: 3.2rem 0 2.5rem !important;}
.bodytext > h3 {margin: 3rem 0 2.5rem !important;}
.bodytext > h4 {margin: 2.5rem 0 2rem !important;}
.bodytext > h5 {margin: 2rem 0 1.5rem !important;}
.bodytext > h6 {margin: 2rem 0 1rem !important;}

.mainart .bodytext h2 {border-left: 6px solid var(--bs-success);}

@media (min-width:768px) and (max-width:991px) {
  .bodytext h2 {font-size: 140%;}
}
@media (min-width:576px) and (max-width:767px) {
  .bodytext h2 {font-size: 140%;padding-bottom: 0;padding-top: 0;}
}
@media (max-width:575px) {
  .bodytext h2 {font-size: 120%;padding-bottom: 0;padding-top: 0;}
  .bodytext > h2 {margin: 2.5rem 0 2rem !important;}
  .bodytext h3 {font-size: 106%;padding: 10px;}
  .bodytext > h3 {margin: 2rem 0 1.5rem !important;}
  .bodytext > h4 {margin: 1.5rem 0 1rem !important;}
  .bodytext > h5 {margin: 1.5rem 0 1rem !important;}
  .bodytext > h6 {margin: 1rem 0 1rem !important;}
}
*/







/* 第二部分：自定义样式：结束 */





/* bodytext 文章正文样式 ：结束 ------------------------------------------------------------------------------------------------------------------------------------------------ */







/* 内容页详情页通用 ：开始------------------------------ */

article {background-color: var(--bs-fff);}

article h1 {line-height: 1.4;text-align: justify;}

@media (min-width:1400px) and (max-width:1700px) {}

@media (min-width:1200px) and (max-width:1399px) {}

@media (min-width:992px) and (max-width:1199px) {}

@media (min-width:768px) and (max-width:991px) {

}

@media (min-width:576px) and (max-width:767px) {

}

/*@media (max-width:575px) {

  article {background-color: var(--bs-light);}

  article h1 {font-size: 1.3rem !important;}

  article h1.fs-3 {font-size: 1.3rem !important;}

}*/



/* 内容页详情页通用 ：开始--------------------------- */



/* 初始化 ：开始----------------------------------------------------------------------------------------------------------------------------------------------------- */











/*网站主导航 mainhead :开始----------------------------------------------------------------------------------------------------------------------------------------------------------------*/



.ding-header {position: relative;}

.ding-header .mainhead-header {position: absolute;left: 0;top: 0;z-index: 9999;width: 100%;background-color: var(--bs-fff08);}



.mainhead {display: flex;flex-wrap: wrap; width: 100%;justify-content: space-between;position: relative;}

.mainhead .l {display: flex;flex-wrap: wrap;justify-content: left;}

.mainhead .logo {display: flex;justify-content: space-between;align-items: center;}

.mainhead .logo a {display: block;width: auto;height:50px; }
.mainhead .logo a span {display: block;width: auto;height: 100%;}
.mainhead .logo a img {display: block;width: auto;height: 100%;margin: 0;}

.mainhead nav .nav-bg {display: none;}

.mainhead nav > ul {width: 100%;height: 100%; display: flex;flex-wrap: wrap;}

.mainhead nav > ul > li {display: flex;/*flex-grow: 1;flex-shrink: 1;*/ justify-content: center;align-items: center;position: relative;}

.mainhead nav > ul > li > a {display: flex;height: 100%; justify-content: center;align-items: center; position: relative;padding: 10px 14px;}

.mainhead nav > ul > li > a:after {

  content: "";display: none;width: 100%;

  height: 3px;background-color: var(--bs-dark);

  position: absolute;left: 0;bottom: 0;z-index: 1;

}

.mainhead nav > ul > li > a.hover:after {display: block;}

@media (min-width:1200px) {

 

  .mainhead nav > ul > li.current-menu-item > a {color: var(--bs-red);}

}



.mainhead nav > ul > li > ul {

  display: none;

  grid-template-columns: repeat(3,1fr);

  grid-gap: 20px;

  padding: 20px;

  background-color: var(--bs-success);

  color: var(--bs-fff);

  list-style: none; 

  position: absolute;

  left: 0;top:100%;z-index: 1111; 

  box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.1);



}

.mainhead nav > ul > li > ul > .prenav {display: none;}

.mainhead nav > ul > li > ul > li {

  float: left;line-height: 1.4;

   width: auto;min-width: 200px;

   padding:0 10px; /*background-color: var(--bs-light);*/

   overflow: hidden;white-space: nowrap;text-overflow: ellipsis;/*禁止折行*/

 }

.mainhead nav > ul > li > ul > li a {color: var(--bs-fff);} 

.mainhead nav > ul > li > ul > li > ul {

  list-style: none;

  padding-left: 0;

}

.mainhead nav > ul > li > ul > li > ul > li {

  line-height: 1.4;padding:5px 0; 

  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;/*禁止折行*/

}

.mainhead nav > ul > li > ul > li > ul > li:first-child {padding-top: 10px;}

.mainhead .r {display: flex;justify-content: right;align-items: center;gap: 1rem;}

.mainhead .r > * {padding: 10px 0;}

.mainhead .tel {color: var(--bs-danger);}

.mainhead .tel a {display: flex;align-items: center;justify-content: center; color: var(--bs-danger);}

.mainhead .tel svg {display: inline-block; width: 34px !important;height: auto !important;fill: var(--bs-danger);margin-right: 6px;}

.mian-nav-tb {display: none;width: 26px;height: 26px;padding: 0;}

.mian-nav-tb svg {display: inline-block; width: 100% !important;height: auto !important;fill: var(--bs-dark);}

@media (min-width:1400px) and (max-width:1515px) {

  .mainhead .r {display: none;}

}



@media (min-width:1200px) and (max-width:1399px) {

  .mainhead .l {width: 100%; justify-content: center;}

  .mainhead nav {width: 100%;flex-basis: 100%;}

  .mainhead nav > ul {justify-content: center;}

  .mainhead .r {width: 100%; justify-content: center;}

  .mainhead .r > * {padding: 5px 0 15px;}

  .mainhead nav > ul > li > a {padding: 5px 10px 15px;}

  .mainhead nav > ul > li > ul {width: 100%;grid-template-columns: repeat(5,1fr);}

  .mainhead nav > ul > li {position: static;}

  .mainhead nav {position: relative;}

}

@media (min-width:992px) and (max-width:1199px) {

  .mainhead .l {width: 100%; justify-content: center;}

  .mainhead nav {width: 100%;flex-basis: 100%;}

  .mainhead nav > ul {justify-content: center;}

  .mainhead .r {width: 100%; justify-content: center;}

  .mainhead .r > * {padding: 5px 0 15px;}

  .mainhead nav > ul > li > a {padding: 5px 10px 15px;}

  .mainhead nav > ul > li > ul {width: 100%;grid-template-columns: repeat(4,1fr);}

  .mainhead nav > ul > li {position: static;}

  .mainhead nav {position: relative;}



}

@media (min-width:768px) and (max-width:991px) {



  .mainhead nav {width: 100%;flex-basis: 100%;box-shadow: 0 100px 100px var(--bs-000);}

  .mainhead nav > ul {padding-bottom: 10px;}

  .mainhead nav > ul > li {padding: 5px 14px;}

  .mainhead nav > ul > li > a {padding: 0;}


  .mainhead .tel svg {width: 100% !important;border-radius: 25px;margin-right: 0;}

  .mainhead .tel span {display: none;}



}

@media (max-width:991px) {

  .mainhead .logo a {height: 40px;margin-left: 14px;}

  .mainhead nav {display: none;}

  .mainhead nav .nav-bg {display: none;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);}

  .mainhead nav {width: 100%;overflow:hidden; flex-basis: 100%;position: absolute;left: 0;top: 100%;z-index: 333;font-size: 1.15rem;}

  .mainhead nav * {font-size: 1rem;}

  .mainhead nav > ul {display: none;overflow-y:scroll; justify-content: start;padding: 10px 20px 80px;background-color: var(--bs-light);position: absolute;left: 0;top: 0;z-index: 444;}

  .mainhead nav > ul:after {content: "";display: block;width: 100%;flex-basis: 100%;}

  .mainhead nav > ul > li {

    padding: 14px 0;width: 100%;flex-basis: 100%;

    gap: 0;flex-wrap: nowrap;

    justify-content:space-between;align-items: center;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    position: static;

    

  }

  .mainhead nav > ul > li:last-child {border-bottom: 0;}

   .mainhead nav > ul > li > .nextnav {

    flex-basis: 40%;min-width: 10%; max-width: 40%;height: 16px;

    margin-right: 10px;

    background: url(../img/you-y-10.png);

    background-repeat: no-repeat;

    background-size: 16px;

    background-position: right 0 top -80px;

    position: relative;z-index: 1;

   }

  

  .mainhead nav > ul > li > a {

    padding: 0;flex-basis: 60%;max-width: 60%; justify-content: start;

    position: relative;z-index: 11;

  }

  .mainhead nav > ul > li > ul {

    display: block;

    width: 100%;grid-gap:0;

    padding: 10px 20px 80px;

    position: absolute;left: -1200px;top: 0;z-index: 555;

    box-shadow: none;

    grid-template-columns:repeat(1, 1fr);

  }

  .mainhead .prenav {

    display: none;width: 40px;height: 40px; margin-bottom: 0;

    position: absolute;right: 120px; top: 1.5rem;z-index: 666;

    background: url(../img/fanhui-y-10.png);

    background-repeat: no-repeat;

    background-size: 100% auto;

    background-position: left 0 top -240px;



  }

  .mainhead nav > ul > li > ul > li {

    display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center;

    padding: 0;width: 100%;padding: 14px 0;border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    position: relative;

  }

  .mainhead nav > ul > li > ul > li:last-child {border-bottom: 0;}

  .mainhead nav > ul > li > ul > li:after {

    content: "";display: block;width: 16px;height: 16px;

    position: absolute;right: 10px;top: 0;z-index: 1000;

    margin-top: 18px;

    background: url(../img/you-y-10-fff.png);

    background-repeat: no-repeat;

    background-size: 100% auto;

    background-position: right 0 top -80px;



  }

  .mainhead nav > ul > li > ul > li > a {width: 100%;flex-basis: 100%;position: relative;z-index: 1003;}

  .mainhead nav > ul > li > ul > li > ul {width: 100%;flex-basis: 100%;}

  .mainhead .r {padding-right: 14px;}

  .mainhead .r > * {padding-top: 5px;padding-bottom: 0;margin-top:0;}

  .mainhead .tel a {width: 24px;height: 24px;border-radius: 12px;padding: 4px;border: 1px dashed var(--bs-red);}

  .mainhead .tel svg {width: 100% !important;padding: 0;margin-right:0; }

  .mainhead .tel span {display: none;}

  .mian-nav-tb {display: flex;right: 3%;align-items: center;justify-content: center;}



}



@media (max-width:575px) {
    .mainhead .logo a {height: 30px;margin-left: 14px;}

  .mainhead .r > * {padding-top: 0;padding-bottom: 0;margin-top:0;}

  .mian-nav-tb {margin-top: 0.5rem;padding: 3px;right: 5%;top: 0;}


  .mainhead .tel a {width: 24px;height: 24px;border-radius: 12px;padding: 4px;}

  .mainhead .prenav {width: 32px;height: 32px;top: 0.5rem;background-position: left 0 top -192px;margin-top: 4px;right: 25%;}

}



/*网站主导航 mainhead :结束----------------------------------------------------------------------------------------------------------------------------------------------------------------*/









/*banner-600-swiper-slide-oneimg :开始----------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*轮播图*/

.q-swiper {

  width: 100%;

  overflow: hidden;

  position: relative;

  width: 100%;height:auto;

  z-index: 111;

}

.q-swiper .swiper-container {width: 100%;height: 100%;}

.q-swiper .swiper-slide img{
  width:100%;
  height:auto;
  min-height:100%;
  transition:1s linear 2s;
  transform:scale(1.1,1.1);
}
.q-swiper  .swiper-slide-active img,.swiper-slide-duplicate-active img{
  transition:6s linear;
  transform:scale(1,1);
} 

.q-swiper .swiper-pagination {bottom: 30px;}

.q-swiper .swiper-pagination-bullet {width: 50px; height: 4px;border-radius:2px;margin: 0 10px !important;box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);background-color: var(--bs-fff);opacity:0.6;}

.q-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--bs-fff);
  opacity: 1;
}

@media (min-width:576px) and (max-width:767px) {
  .q-swiper .swiper-pagination-bullet {width: 30px; height: 2px;border-radius: 1px;margin: 0 5px !important;}
}

@media (max-width:575px) {
  .q-swiper .swiper-pagination-bullet {width: 30px; height: 2px;border-radius: 0;margin: 0 3px !important;}
}



/*banner-600-swiper-slide-oneimg :结束----------------------------------------------------------------------------------------------------------------------------------------------------------------*/







/* q-index-section-h-s1 首页--块区域的标题：开始--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



.q-index-section-h-s1 p {opacity: 0.8;}





/* q-index-section-h-s1 首页--块区域的标题：开始--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/







/* q-grid-list-col4 网格布局 列表样式：开始 ------------------------------------------------------------------------------------------------------------------------------------------------------------*/



.q-index-gongcheng {position: relative;}

.q-index-cailiao {background-color: var(--bs-fff);}



.q-grid-list-col4 {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 1rem;}

ul.q-grid-list-col4 {list-style: none; }



.q-grid-list-col4 .card {width: 100%; height: 100%;}

.q-grid-list-col4 .card:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

/*.q-grid-list-col4 .card.shadow {box-shadow:none !important;}*/

.q-grid-list-col4 .card > a {height: 220px;}

.q-grid-list-col4 .card > a img {display: block;width: 100%;height: 100%;object-fit: cover;} 

.q-grid-list-col4 .card .card-title {font-size: 1rem;}

.q-grid-list-col4 .card-img-top img {display: block;width: 100%;height: 100%;object-fit: cover;}

.q-grid-list-col4 .card-body .jiage {color: var(--bs-red);}

.q-grid-list-col4 .card-text {opacity: 0.8;}

.q-grid-list-col4 .chang {display: table;padding: 2px 5px;border-radius: 0.25rem;border: 1px solid var(--bs-success);  font-size: 0.75rem;color: var(--bs-success);opacity: 0.8;}

.q-grid-list-col4 .guige {display: table;padding: 2px 5px;border-radius: 0.25rem;border: 1px solid var(--bs-red); font-size: 0.75rem;color: var(--bs-red);opacity: 0.8;}





#q-grid-gap-y20 {grid-row-gap: 20px !important;}





@media (min-width:1400px) and (max-width:1700px) {

  .q-grid-list-col4 .card > a {height: 200px;}

}

@media (min-width:1200px) and (max-width:1399px) {

  .q-grid-list-col4 .card > a {height: 160px;}

}

@media (min-width:992px) and (max-width:1199px) {

  .q-grid-list-col4 .card > a {height: 120px;}

}

@media (min-width:768px) and (max-width:991px) {

  .q-grid-list-col4 {grid-template-columns: repeat(2, calc(50% - 10px));grid-gap: 20px;}

  .q-grid-list-col4 .card > a {height: 200px;}

}

@media (min-width:576px) and (max-width:767px) {



  .q-grid-list-col4 {grid-template-columns: repeat(2, calc(50% - 5px));grid-gap: 10px;}

  .q-grid-list-col4 .card > a {height: 160px;}

}

@media (max-width:575px) {

  .q-grid-list-col4 {grid-template-columns: repeat(2, calc(50% - 5px));grid-gap: 10px;}

  .q-grid-list-col4 .card > a {height: 120px;}

 /* .q-grid-list-col4 .card {display: flex;gap: 14px;flex-wrap: nowrap;flex-direction: row;}

  .q-grid-list-col4 .card > a {flex-basis: auto;width: 120px;height: 90px;flex-grow: 0;flex-shrink: 0;}

  .q-grid-list-col4 .card .card-body {flex-basis: auto;width: auto;padding: 0;}*/

  

  .q-grid-list-col4 .card .card-title {font-size: 100%;}



  .q-grid-list-col4.q-m-col1 {grid-template-columns: repeat(1, 1fr);grid-gap: 20px;}

  .q-grid-list-col4.q-m-col1 li {padding-bottom: 20px;border-bottom: 1px dashed var(--bs-00002);}

  .q-grid-list-col4.q-m-col1 .card {flex-direction: row;overflow: hidden;gap: 14px;}

  .q-grid-list-col4.q-m-col1 .card.shadow {box-shadow: none !important;}

  .q-grid-list-col4.q-m-col1 .card .card-title {font-size: 1.15rem;}

  .q-grid-list-col4.q-m-col1 .card .card-body p {display: none;}

  .q-grid-list-col4.q-m-col1 .card > a {flex-basis: auto;width: 120px;max-height: 90px;overflow: hidden; flex-grow: 0;flex-shrink: 0;border-radius: 0.5rem;border-bottom-right-radius: 0;}

  .q-grid-list-col4.q-m-col1 .card .card-title.text-center {text-align: left !important;}

  /*.q-grid-list-col4.q-m-col1 .card .card-title {font-size: 1.15rem;}*/

}



/* q-grid-list-col4 网格布局 列表样式：开始 ------------------------------------------------------------------------------------------------------------------------------------------------------------*/







/* q-grid-list-col2 网格布局 列表样式：开始 ------------------------------------------------------------------------------------------------------------------------------------------------------------*/



.q-index-gongcheng {position: relative;}

/*.q-index-gongcheng .container {background-image: linear-gradient(to bottom right,#0dfb80 40%,var(--bs-info),var(--bs-light ));}

.q-index-gongcheng .q-index-section-h-s1 {color: var(--bs-fff);}*/





.q-grid-list-col2 {display: grid;grid-template-columns: repeat(2, calc(50% - 20px));grid-gap: 40px;}

ul.q-grid-list-col2 {list-style: none; }



.q-grid-list-col2 .card {height: 100%;}

.q-grid-list-col2 .card:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

.q-grid-list-col2 .card .card-title {font-size: 1.15rem;}

.q-grid-list-col2 .card-img-top {height: 300px;overflow: hidden;}

.q-grid-list-col2 .card-img-top img {display: block;width: 100%;height: 100%;object-fit: cover;}

.q-grid-list-col2 .card-body .jiage {color: var(--bs-red);}

.q-grid-list-col2 .card-text {opacity: 0.6;}



#q-grid-gap-y20 {grid-row-gap: 20px !important;}

/*.more {opacity: 0.2;transition: opacity 0.5s;}

.more:hover {opacity: 1;}*/



@media (min-width:1400px) and (max-width:1700px) {}

@media (min-width:1200px) and (max-width:1399px) {}

@media (min-width:992px) and (max-width:1199px) {}

@media (min-width:768px) and (max-width:991px) {

  .q-grid-list-col2 {grid-template-columns: repeat(1, 1fr);grid-gap: 20px;}

}

@media (min-width:576px) and (max-width:767px) {

  .q-grid-list-col2 {grid-template-columns: repeat(1, 1fr);grid-gap: 20px;}

}

@media (max-width:575px) {

  .q-grid-list-col2 .card-img-top {height: 160px;}

  .q-grid-list-col2 {grid-template-columns: repeat(1, 1fr);grid-gap: 16px;}

  .q-grid-list-col2 .card .card-title {font-size: 100%;}

  .q-grid-list-col2.q-m-col1 .card .card-title {font-size: 1.15rem;}

}



/* q-grid-list-col2 网格布局 列表样式：开始 ------------------------------------------------------------------------------------------------------------------------------------------------------------*/











/* q-index-qin 服务特色：开始 -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */



.q-index-qin {display: flex;flex-wrap: nowrap; justify-content: center;align-items: center;background-color: var(--bs-success);color: var(--bs-fff);padding: 0 3%;}

.q-index-qin .tiao {display: flex;align-items: center;justify-content: center; flex-basis: auto;width: 20%;transition: background-color 0.5s,width 0.5s;}

.q-index-qin .tiao .box {display:grid;grid-template-columns: repeat(1, 1fr); padding: 0 40px;}

.q-index-qin .tiao .box .img {display: flex;justify-content: center;align-items:center; }

.q-index-qin .tiao .box .img svg {display: inline-block;width: 50px !important;height: auto !important; fill: var(--bs-fff);opacity: 0.1;transition: opacity 0.3s;}

.q-index-qin .tiao .box .img .name {letter-spacing: 10px;text-indent:10px;padding-left: 10px;line-height: 1;}

.q-index-qin .tiao .box .text {text-align: center;opacity: 0.8;}



@media (min-width:992px) {

  .q-index-qin .tiao.hover {background-color:var(--bs-dark);width: 21%;} 

  .q-index-qin .tiao.hover .box .img svg {opacity: 1;}

}

  



@media (min-width:1400px) and (max-width:1700px) {}

@media (min-width:1200px) and (max-width:1399px) {

  .q-index-qin .tiao .box .img .name {letter-spacing:6px;text-indent: 6px;}

}

@media (min-width:992px) and (max-width:1199px) {

  .q-index-qin {padding: 0;}

  .q-index-qin .tiao .box {padding: 0 20px;}

  .q-index-qin .tiao .box .img svg {width: 40px !important;}

  .q-index-qin .tiao .box .img .name {letter-spacing:6px;text-indent: 6px;padding-left: 0;}

}

@media (min-width:768px) and (max-width:991px) {

  .q-index-qin {display: grid;grid-template-columns: repeat(1, 1fr);padding: 0;overflow: hidden;}

  .q-index-qin .tiao {display: block; width: 100%;padding: 0 50px;}

  .q-index-qin .tiao .box {padding: 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px dashed var(--bs-fff03);}

  .q-index-qin .tiao:last-child .box {border-bottom: 0;}

  .q-index-qin .tiao .box .img svg {width: 50px !important;opacity: 1;}



  .q-index-qin .tiao .box .text {text-align: right;}

  .q-index-qin .tiao .box .text p {display: inline-block;}

  .q-index-qin .tiao .box .text p:last-child {margin-left: 16px;}

}

@media (min-width:576px) and (max-width:767px) {

  .q-index-qin {display: grid;grid-template-columns: repeat(1, 1fr);padding: 0;overflow: hidden;}

  .q-index-qin .tiao {display: block; width: 100%;padding: 0 50px;}

  .q-index-qin .tiao .box {padding: 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px dashed var(--bs-fff03);}

  .q-index-qin .tiao:last-child .box {border-bottom: 0;}

  .q-index-qin .tiao .box .img svg {width: 40px !important;opacity: 1;}



  .q-index-qin .tiao .box .text {text-align: right;}

  .q-index-qin .tiao .box .text p {display: inline-block;}

  .q-index-qin .tiao .box .text p:last-child {margin-left: 10px;}

}

@media (max-width:575px) {

  .q-index-qin {display: grid;grid-template-columns: repeat(1, 1fr);padding: 0;overflow: hidden;}

  .q-index-qin .tiao {display: block; width: 100%;padding: 0 20px;}

  .q-index-qin .tiao .box {padding: 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px dashed var(--bs-fff03);}

  .q-index-qin .tiao:last-child .box {border-bottom: 0;}

  .q-index-qin .tiao .box .img svg {width: 34px !important;opacity: 1;}

  .q-index-qin .tiao .box .img .name {font-size: 140%;letter-spacing:3px;text-indent: 3px;padding-left: 6px;}



  .q-index-qin .tiao .box .text {text-align: right;}

}





/* q-index-qin 服务特色：开始 -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */











/* q-flex-s1 弹性布局 PC单行 样式：开始-------------------------------------------------------------------------------------------------------------------------------------------------------------- */



.q-flex-s1 {display: flex;flex-wrap: nowrap; justify-content: space-between; gap:0;background-color: var(--bs-secondary02);}

.q-flex-s1 .box {display: flex;flex-basis: auto;width: 33%;background-color: var(--bs-secondary01); transition: width 1s,background-color 0.5s;}





.q-flex-s1 .box .nbox {width: auto;padding: 0 50px;}



@media (min-width:992px) {

  .q-flex-s1 .box.hover {background-color: transparent;}

  .q-flex-s1 .box:first-child {justify-content: end;width: 50%;}

  .q-flex-s1 .box:nth-child(2) {justify-content: center;}

  .q-flex-s1 .box:last-child {width: 50%;}



  .q-flex-s1 .box.hover:first-child {width: 52%;}

  .q-flex-s1 .box.hover:nth-child(2) {width: 35%;}

  .q-flex-s1 .box.hover:last-child {width: 52%;}

}



@media (min-width:1400px) and (max-width:1700px) {}

@media (min-width:1200px) and (max-width:1399px) {}

@media (min-width:992px) and (max-width:1199px) {

  .q-flex-s1 .box {width: 40%;}

  .q-flex-s1 .box.hover:nth-child(2) {width: 42%;}

  .q-flex-s1 .box .nbox {padding: 0 20px;}

}

@media (min-width:768px) and (max-width:991px) {

  .q-flex-s1 {flex-wrap: wrap;background-color: transparent;}

  .q-flex-s1 .box {width: 100%;border-radius: 0.5rem;overflow:hidden;margin-bottom: 20px;box-shadow: 0 0.5rem 1rem var(--bs-00003);background-color: var(--bs-fff);}

  .q-flex-s1 .box:last-child {margin-bottom: 0;}

  .q-flex-s1 .box .nbox {width: 100%;display: flex;justify-content: space-between;align-items: center;}

}

@media (min-width:576px) and (max-width:767px) {

  .q-flex-s1 {flex-wrap: wrap;background-color: transparent;}

  .q-flex-s1 .box {width: 100%;border-radius: 0.5rem;overflow:hidden;margin-bottom: 20px;box-shadow: 0 0.5rem 1rem var(--bs-00003);background-color: var(--bs-fff);}

  .q-flex-s1 .box:last-child {margin-bottom: 0;}

  .q-flex-s1 .box .nbox {width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 0 30px;}



}

@media (max-width:575px) {

  .q-flex-s1 {flex-wrap: wrap;background-color: transparent;}

  .q-flex-s1 .box {width: 100%;border-radius: 0.5rem;overflow:hidden;margin-bottom: 20px;box-shadow: 0 0.5rem 1rem var(--bs-00003);background-color: var(--bs-fff);}

  .q-flex-s1 .box:last-child {margin-bottom: 0;}

  .q-flex-s1 .box .nbox {width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 0 20px;gap: 20px;}

  .q-flex-s1 .box .nbox .link {flex-basis: auto;width: 90px;flex-grow: 0;flex-shrink: 0;}

}



/* q-flex-s1 弹性布局 PC单行 样式：结束-------------------------------------------------------------------------------------------------------------------------------------------------------------- */







/* q-index-section-x-two :开始------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.q-index-section-x-two {display: flex;flex-wrap: nowrap;position: relative;background-color: var(--bs-success02);}

.q-index-section-x-two .img {flex-basis: auto; width: 50%;min-height: 700px;overflow: hidden;}

.q-index-section-x-two .img img {display: block;width: 100%;height: 100%;object-fit: cover;}



.q-index-section-x-two .text {flex-basis: auto; width: 50%;}

.q-index-section-x-two .text .x-two-box {width: 80%;}

.q-index-section-x-two .text .x-two-box .swiper-wrapper {display: flex;flex-wrap: wrap;}

.q-index-section-x-two .text .x-two-box .swiper-wrapper > div {position: relative;flex-basis: auto;width: 100%;}

.q-index-section-x-two .text .x-two-box .swiper-wrapper > div .card {position: relative;left: 0;top: 0;z-index: 1;transition: box-shadow 0.8s,background-color 0.8s,color 0.8s,left 0.8s;overflow: hidden;}

.q-index-section-x-two .text .x-two-box .swiper-wrapper > div .card-text {opacity: 0.9;}



@media (min-width:1200px) {

  .q-index-section-x-two .text .x-two-box .swiper-wrapper > div .card:after {

    content: "";width: 70px;height: 70px;

    position: absolute;right:10%; top: 10px;z-index: 1;

    background-image: url(../img/yanfa-y-4.png);background-size: 100% auto;background-repeat: no-repeat;background-position: left 0 top 0;

  }

  .q-index-section-x-two .text .x-two-box .swiper-wrapper > div:nth-child(2) .card:after {background-position: left 0 top -70px;}

  .q-index-section-x-two .text .x-two-box .swiper-wrapper > div:nth-child(3) .card:after {background-position: left 0 top -140px;}

  .q-index-section-x-two .text .x-two-box .swiper-wrapper > div:nth-child(4) .card:after {background-position: left 0 top -210px;}

  .q-index-section-x-two .text .x-two-box .swiper-wrapper > div.hover .card:after {display: block;}

  .q-index-section-x-two .text .x-two-box .swiper-wrapper > div.hover .card {box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.3);background-color: var(--bs-success);color: var(--bs-fff);left: -20px;}

  .q-index-section-x-two .text .x-two-box .swiper-wrapper > div.hover .card a {color: var(--bs-fff);}

}



@media (max-width:1199px) {

  .q-index-section-x-two {border-radius: 0.5rem;overflow: hidden;}

  .q-index-section-x-two .img {display: none;}

  .q-index-section-x-two .text {width: 100%;}

  .q-index-section-x-two .q-index-section-h-s1 {text-align: center;}

  .q-index-section-x-two .text .x-two-box .swiper-wrapper {flex-wrap: nowrap;}

  .q-index-section-x-two .text .x-two-box .swiper-wrapper > div {width: 100%;height: 100%;}

  .q-index-section-x-two .text .x-two-box .swiper-wrapper > div .card {

    flex-basis: auto;width: 100%;

    box-shadow: none !important;border-radius: 0 !important;

    border-radius: 0.5rem !important;overflow: hidden;

  }



  .q-index-section-x-two .swiper {width: 100% !important;height: auto;padding-bottom: 40px;}

  .q-index-section-x-two .swiper-slide {

    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

  }

  .q-index-section-x-two .swiper .swiperimg {display: block;width: 100%; height: 200px;overflow: hidden;}

  .q-index-section-x-two .swiper-slide img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

  }

  .q-index-section-x-two .swiper-pagination-bullet {width: 50px;height: 4px;border-radius: 2px;}

  .q-index-section-x-two .swiper-pagination-bullet-active {background-color: var(--bs-success);}

  

}



@media (min-width:992px) and (max-width:1199px) {}

@media (min-width:768px) and (max-width:991px) {}

@media (min-width:576px) and (max-width:767px) {

  .q-index-section-x-two .swiper-pagination-bullet {width: 30px;height: 2px;border-radius: 1px;}

}

@media (max-width:575px) {

  .q-index-section-x-two .swiper-pagination-bullet {width: 30px;height: 2px;border-radius: 1px;}



  /*.q-index-section-x-two .text {width: 100%;height: 100%;background-color: var(--bs-success); display: flex;flex-basis: auto;align-items: center;justify-content: center; position: absolute;right: 0;top: 0;z-index: 1;}



  .q-index-section-x-two .q-index-section-h-s1 {text-align: center;color: var(--bs-fff);}

  .q-index-section-x-two .text .x-two-box {width: 100%; margin-right: auto;margin-left: auto;}

  .q-index-section-x-two .text .x-two-box .swiper-wrapper > div.hover .card {left: 0;background-color: var(--bs-fff);color: var(--bs-dark);}*/

}



/* q-index-section-x-two :结束------------------------------------------------------------------------------------------------------------------------------------------------------------- */





/* q-index-zixun 新闻资讯 ：开始----------------------------------------------------------------------------------------------------------------------------------------------------------- */



.q-index-zixun {}

.q-index-zixun ul {list-style: none;display: grid;grid-template-columns: repeat(2, calc(50% - 40px));grid-gap: 40px 80px;}

.q-index-zixun ul li {width: 100%;position:relative;}



.q-index-zixun ul li .box {width: 100%;display: flex;flex-wrap: nowrap; gap: 20px;justify-content: space-between;}

.q-index-zixun ul li .box .img {flex-basis: auto;width: 40%;flex-grow: 0;flex-shrink: 0; height: 180px;overflow: hidden;}

.q-index-zixun ul li .box .img a {display: block;width: 100%;height: 100%;border-radius: 0.5rem;border-bottom-right-radius:0; overflow: hidden; position: relative;}

.q-index-zixun ul li .box .img a small {position: absolute;right: 16px;bottom: 16px;z-index: 1;font-style: italic;color: var(--bs-fff);}

.q-index-zixun ul li .box img {display: block;width: 100%;height: 100%;object-fit: cover;}

.q-index-zixun ul li .box .text {flex-basis: auto;width: 60%; position: relative;}

.q-index-zixun ul li .box .text p {opacity: 0.8;}

.q-index-zixun ul li .box .text .title {font-size: 1.15rem;}

.q-index-zixun ul li .box .text .time {opacity: 0.8;}

.q-index-zixun ul li .box .link {position: absolute;right: 10%;bottom: 10%;z-index: 1;}

.q-index-zixun ul li .box .link .btn {font-size: 90%;}



@media (min-width:1400px) and (max-width:1700px) {}

@media (min-width:1200px) and (max-width:1399px) {}

@media (min-width:992px) and (max-width:1199px) {

  .q-index-zixun ul {grid-gap: 40px;}

  .q-index-zixun ul li .box .img {height: 135px;}

  .q-index-zixun ul li .box .text p {display: none;}

}

@media (min-width:768px) and (max-width:991px) {

  .q-index-zixun ul {grid-template-columns: repeat(1, 1fr);grid-gap: 20px;}

  .q-index-zixun ul li .box .img {width: 240px;}

}

@media (min-width:576px) and (max-width:767px) {

  .q-index-zixun ul {grid-template-columns: repeat(1, 1fr);grid-gap: 20px;}

  .q-index-zixun ul li .box {gap: 10px;}

  .q-index-zixun ul li .box .img {width: 200px;height: 150px;}

  .q-index-zixun ul li .box .text p {display: none;}

}

@media (max-width:575px) {

  .q-index-zixun ul {grid-template-columns: repeat(1, 1fr);grid-gap: 20px;}

  .q-index-zixun ul li {padding-top: 20px;border-top: 1px dashed var(--bs-00002);}

  .q-index-zixun ul li .box .img {width: 120px;height: 90px;}

  .q-index-zixun ul li .box .img a {position: static;}

  .q-index-zixun ul li .box .img a small {right: 76px;bottom: 0;color: var(--bs-00006);padding: 0.2rem 0.6rem;}

  .q-index-zixun ul li .box .text {width: auto;}

  /*.q-index-zixun ul li .box .text .title {font-size: 100%;}*/

  .q-index-zixun ul li .box .text p {display: none;}

  .q-index-zixun ul li .box {gap: 10px;}

  .q-index-zixun ul li .box .link {position: static;padding-right: 0;}

  .q-index-zixun ul li .box .link .btn {padding: 0.2rem 0.6rem;font-size: 0.75rem;}

  

  

}



/* q-index-zixun 新闻资讯 ：开始----------------------------------------------------------------------------------------------------------------------------------------------------------- */





/* footer ：开始----------------------------------------------------------------------------------------------------------------------------------------------------------- */



footer {background-color:var(--bs-secondary01);background-image: linear-gradient( var(--bs-success01), var(--bs-secondary01) ); border-top: 5px solid var(--bs-success);}

footer a {}



/*footer .container * {opacity: 0.9;}*/

/*footer .container a:hover {opacity:1;color:var(--bs-fff); }*/

footer .f-nav {width: 100%;display: flex;flex-wrap: nowrap;justify-content: space-between;line-height: 2;gap: 10px;}

footer .f-nav > li {min-width: 15%;}

footer .f-nav > li > a {display: block;border-bottom: 1px solid var(--bs-gray);padding-bottom: 10px;margin-bottom: 10px;padding-right: 20px;font-size: 1.15rem;}

footer .f-nav > li > ul {list-style: none;padding-left: 0;opacity: 0.9;}

footer .f-nav > li > ul > li {}



footer .text-p span {display: inline-block; margin-right: 10px;}



footer .r-footer {height: 100%;display: flex;flex-direction:column;justify-content: space-between;align-items: center;}

footer .r-footer .erweima {text-align: center;}

footer .r-footer .erweima .img {display: inline-block; width: 160px;height: 160px;}

footer .r-footer .erweima .img img {display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 0.5rem;overflow: hidden;box-shadow: 10px -10px 0 rgba(0, 0, 0, 0.3);}

footer .r-footer .erweima .text {}



footer .r-footer .f-logo {display: flex;justify-content: center;align-items: center;width: 100%;}

footer .r-footer .f-logo img {flex-basis: auto;max-width: 80%;}



footer .youlian {line-height: 2;margin-top: 40px;padding-top: 20px; border-top: 1px solid var(--bs-gray);position: relative;padding-left: 90px;}

footer .youlian .name {position: absolute;left: 0;top: 20px;z-index: 1;}

footer .youlian ul {padding-left: 0;width: 100%; list-style: none;}

footer .youlian ul li {display: inline-block;margin-right: 10px;}





@media (min-width:1400px) and (max-width:1700px) {}

@media (min-width:1200px) and (max-width:1399px) {}

@media (min-width:992px) and (max-width:1199px) {

  footer .youlian ul {margin-top: 0;}

}

@media (min-width:768px) and (max-width:991px) {

  footer .r-footer .f-logo img {max-width: 200px;}

  footer .r-footer {height: auto;min-height: 320px;}

  footer .youlian {padding-left: 0;padding-top: 10px;}

  footer .youlian .name {width: 100%;position: static;font-size: 1.15rem;line-height: 50px; }

  footer .youlian ul {}

}

@media (min-width:576px) and (max-width:767px) {

  footer .f-nav {display: block;}

  footer .f-nav > li {width: 100%;margin-bottom: 14px;position: relative;border-bottom: 1px solid var(--bs-gray );}

  footer .f-nav > li > a {display: inline-block;width: auto;border-bottom: 0;margin-bottom: 0;}

  footer .f-nav > li > .tb {width: 20px;height: 20px;position: absolute;right: 0;top: 6px;z-index: 1;background-image: url(../img/you-y-10.png);background-size: 100% auto;background-repeat: no-repeat;background-position: left 0 top -100px;}

  footer .f-nav > li > ul {display: none; padding: 0 0 10px;}

  footer .r-footer .f-logo img {max-width: 200px;}

  footer .youlian {padding-left: 0;padding-top: 10px;margin-top:2rem;line-height: 40px;}

  footer .youlian .name {width: 100%;position: static;font-size: 1.15rem;line-height: 50px;}

  footer .youlian .tb {width: 20px;height: 20px;position: absolute;right: 0;top: 25px;z-index: 1;background-image: url(../img/you-y-10.png);background-size: 100% auto;background-repeat: no-repeat;background-position: left 0 top -100px;}

  footer .youlian ul {display: none;}

}

@media (max-width:575px) {

  footer .f-nav {display: block;}

  footer .f-nav > li {width: 100%;margin-bottom: 14px;position: relative;border-bottom: 1px solid var(--bs-gray );}

  footer .f-nav > li > a {display: inline-block;width: auto;border-bottom: 0;margin-bottom: 0;font-size: 100%;}

  footer .f-nav > li > .tb {width: 20px;height: 20px;position: absolute;right: 0;top: 6px;z-index: 1;background-image: url(../img/you-y-10.png);background-size: 100% auto;background-repeat: no-repeat;background-position: left 0 top -100px;}

  footer .f-nav > li > ul {display: none; padding: 0 0 10px;}

  footer .r-footer .erweima .img {width: 100px;height: 100px;}

  footer .r-footer .f-logo img {max-width: 160px;}

  footer .r-footer .f-logo {border-top: 1px solid var(--bs-gray);padding-top: 20px;}

  footer .youlian {padding-left: 0;padding-top: 10px;margin-top: 20px;line-height: 40px;}

  footer .youlian .name {width: 100%;position: static;line-height: 40px;}

  footer .youlian .tb {width: 20px;height: 20px;position: absolute;right: 0;top: 20px;z-index: 1;background-image: url(../img/you-y-10.png);background-size: 100% auto;background-repeat: no-repeat;background-position: left 0 top -100px;}

  footer .youlian ul {display: none;}

}



/* footer ：结束----------------------------------------------------------------------------------------------------------------------------------------------------------- */







/* q-type 封面头部：开始----------------------------------------------------------------------------------------------------------- ------------------------------*/



.q-type {width: 100%;height: 300px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}

.q-type .text {

  width: 100%;height: 100%;

  display: flex;justify-content: center;align-items: center; 

  position: absolute;left: 0;top: 0;z-index: 1;

  background-color: rgba(0, 0, 0, 0.3);color: var(--bs-fff);

  text-align: center;

  padding: 0 10%;

}

.q-type .text .box {flex-basis: auto;}

.q-type .text .title {position: relative;}

.q-type .text .title:after {content: "";display: block;width: 20%;height: 3px;background-color: var(--bs-success);position: absolute;left: 40%;bottom: 0;z-index: 1;box-shadow: 0 0 10px rgba(255, 255, 255, 1.0);}



/* q-type 封面头部：结束----------------------------------------------------------------------------------------------------------- ------------------------------*/





/* q-type-nav 封面下级分类：开始------------------------------------------------------------------------------------------------------------------------------------------- */



.q-type-nav {}

.q-type-nav .box {width: 100%;}

.q-type-nav .box ul {display: grid;grid-template-columns: repeat(8, 1fr);grid-gap: 20px;text-align: center;line-height: 2.4;}



.q-type-nav .box ul li a {display: block;height: 100%;border-radius: 0.25rem;overflow: hidden;background-color: var(--bs-light);position: relative;}

.q-type-nav .box ul li a:before {content: "→";display: block;position: absolute;left: 3px;top: 0;z-index: 1;color: var(--bs-fff);}

.q-type-nav .box ul li.hover a {background-color: var(--bs-success);color: var(--bs-fff);}



@media (min-width:1400px) and (max-width:1700px) {}

@media (min-width:1200px) and (max-width:1399px) {}

@media (min-width:992px) and (max-width:1199px) {

  .q-type-nav .box ul {grid-template-columns: repeat(6, 1fr);}

}

@media (min-width:768px) and (max-width:991px) {

  .q-type-nav .box ul {grid-template-columns: repeat(5, 1fr);}

}

@media (min-width:576px) and (max-width:767px) {

  .q-type {height: 200px;}

  .q-type-nav .box ul {grid-template-columns: repeat(4, 1fr);grid-gap: 10px;}

}

@media (max-width:575px) {

  .q-type-nav .box ul li a {font-size: 100%;}

  .q-type {height: 160px;}

  .q-type-nav .box ul {grid-template-columns: repeat(4, 1fr);grid-gap: 2px;}

  .q-type-nav .box ul li a:before {display: none;}

}

@media (max-width:332px) {

  .q-type-nav .box ul {grid-template-columns: repeat(3, 1fr);grid-gap: 2px;}

  .q-type-nav .box ul li a:before {display: none;}

}



/* q-type-nav 封面下级分类：结束------------------------------------------------------------------------------------------------------------------------------------------- */











/* 文章封面/列表页：q-wenzhang-list-nav ：开始--------------------------------------------------------------------------------------------------------------------------------------- */



.q-wenzhang-list-nav li {line-height:3;margin-bottom: 10px;border-radius: 0.25rem;text-align: center;overflow: hidden;}

.q-wenzhang-list-nav li a {display: block;width: 100%;height: 100%;background-color: var(--bs-light);transition: background-color 0.5s,color 0.5s;}

.q-wenzhang-list-nav li a:hover {background-color: var(--bs-success);color: var(--bs-fff);}

@media (min-width:1400px) and (max-width:1700px) {}

@media (min-width:1200px) and (max-width:1399px) {}

@media (min-width:992px) and (max-width:1199px) {

  .q-wenzhang-list-nav {display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 20px;}

  .q-wenzhang-list-nav li {margin-bottom:0;line-height: 2.4;}

}

@media (min-width:768px) and (max-width:991px) {

  .q-wenzhang-list-nav {display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 20px;}

  .q-wenzhang-list-nav li {margin-bottom:0;line-height: 2.4;}

}

@media (min-width:576px) and (max-width:767px) {

  .q-wenzhang-list-nav {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 10px;}

  .q-wenzhang-list-nav li {margin-bottom:0;line-height: 2.4;}

}

@media (max-width:575px) {

  .q-wenzhang-list-nav {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 2px;}

  .q-wenzhang-list-nav li {margin-bottom:0;line-height: 2.4;}

}

@media (max-width:332px) {

  .q-wenzhang-list-nav {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 2px;}

  .q-wenzhang-list-nav li {margin-bottom:0;line-height: 2.4;}

}



/* 文章封面/列表页：q-wenzhang-list-nav ：结束--------------------------------------------------------------------------------------------------------------------------------------- */







/* 文章封面/列表页：单元样式 q-wenzhang-box ：开始--------------------------------------------------------------------------------------------------------------------------------------- */



.q-wenzhang-list-body {padding: 0 10px;}

.q-wenzhang-list-body li.py-4:first-child {padding-top: 0 !important;}

/*.q-wenzhang-list-body li.py-4:last-child {padding-bottom: 0 !important;}

.q-wenzhang-list-body li.border-bottom:last-child {border-bottom: 0 !important;}*/



.q-wenzhang-box {width: 100%;}

.q-wenzhang-box .time {text-align: right;}

.q-wenzhang-box .text {color: var(--bs-00006);}

.q-wenzhang-box .text p span {color: var(--bs-red);}

.q-wenzhang-box .title {font-size: 1.15rem;}

.q-wenzhang-box .title a span {color: var(--bs-red);}





.q-wenzhang-box .hasoneimg .text {padding-left: 20px;}

.q-wenzhang-box .hasoneimg .title {padding-left: 20px;}

.q-wenzhang-box .hasoneimg {position: relative;width: 100%; height: 160px; padding-left: 213px;}

.q-wenzhang-box .hasoneimg .img {width: 213px;height: 100%; overflow: hidden;position: absolute;left: 0;top: 0;z-index: 1;}

.q-wenzhang-box .hasoneimg .img a {display: block;width: 100%;height: 100%; border-radius: 0.5rem;border-bottom-right-radius: 0; overflow: hidden;}

.q-wenzhang-box .hasoneimg .img img {display: block;width: 100%;height: 100%;object-fit: cover;}





.q-wenzhang-box .hasthreeimg .img {width: 100%;max-height: 160px;overflow: hidden;}

.q-wenzhang-box .hasthreeimg .img a {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 10px;}

.q-wenzhang-box .hasthreeimg .img a img {display: block;width: 100%;height: 100%;object-fit: cover;}











@media (min-width:1400px) and (max-width:1700px) {}

@media (min-width:1200px) and (max-width:1399px) {}

@media (min-width:992px) and (max-width:1199px) {

  .q-wenzhang-list-body {padding: 0;}

}

@media (min-width:768px) and (max-width:991px) {

  .q-wenzhang-list-body {padding: 0;}

}

@media (min-width:576px) and (max-width:767px) {

  .q-wenzhang-list-body {padding: 0;}

  .q-wenzhang-box .hasoneimg {height: 140px;padding-left: 186px;}

  .q-wenzhang-box .hasoneimg .img {width: 186px;}

}

@media (max-width:575px) {

  .q-wenzhang-list-body {padding: 0;}

  .q-wenzhang-box .hasoneimg {padding-left: 0;height: auto;}



  

  .q-wenzhang-box .hasoneimg .title {padding-left: 0;float: left;width: 100%;}

  .q-wenzhang-box .hasoneimg .img {position: static;float: left;width: 34%;}



  .q-wenzhang-box .hasoneimg .text {padding-left: 14px;width: 66%;float: left;}



}

@media (max-width:332px) {

  .q-wenzhang-list-body {padding: 0;}

}







/* 文章封面/列表页：单元样式 q-wenzhang-box ：结束--------------------------------------------------------------------------------------------------------------------------------------- */













/* 列表页页码：yema ：开始--------------------------------------------------------------------------------------------------------------------------------------- */



.yema {width: 100%;font-size: 100%;display: flex;justify-content: center;align-items: center;gap: 16px;list-style: none;}

.yema li {list-style: none;flex-basis: auto; min-width: 40px;border:1px solid #eee;text-align: center;line-height: 2;padding: 0 10px; background-color: var(--bs-fff);border-radius: 0.25rem;overflow: hidden;transition:background-color 0.5s,color 0.5s; }

.yema li a {display: block;width: 100%;height: 100%; transition: color 0.5s;position: relative;left: 0;top: 0;z-index: 1;}

.yema li:hover {background-color: var(--bs-success);color: var(--bs-fff);}

.yema li:hover a {color: var(--bs-fff);}



.yema li:last-child {display: none;}

@media (max-width:575px) {



}





/* 列表页页码：yema ：开始--------------------------------------------------------------------------------------------------------------------------------------- */





/* aside : h3样式：开始--------------------------------------------------------------------------------------------------------------------------------------- */



aside h3 {padding-left: 10px;border-left: 6px solid var(--bs-success);}



/* aside : h3样式：结束--------------------------------------------------------------------------------------------------------------------------------------- */











/* aside : aside-tuwen-col2 图文样式2（PC双列）：开始--------------------------------------------------------------------------------------------------------------------------------------- */



.aside-tuwen-col2 {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 0.6rem;}

.aside-tuwen-col2 .card-body {padding: 0.7rem;}

@media (min-width:1400px) and (max-width:1700px) {}

@media (min-width:1200px) and (max-width:1399px) {}

@media (min-width:992px) and (max-width:1199px) {

  .aside-tuwen-col2 {grid-template-columns: repeat(3, 1fr);}

}

@media (max-width:991px) {
    .aside-tuwen-col2 {grid-template-columns: repeat(2, 1fr);}
}

@media (min-width:576px) and (max-width:767px) {

}

@media (max-width:575px) {

}

@media (max-width:332px) {

}



/* aside : aside-tuwen-col2 图文样式2（PC双列）：开始--------------------------------------------------------------------------------------------------------------------------------------- */
























/* 站内站头部导航 innersitehead :开始--------------------------------------------------------------------------------------------------------------------------------------------------- */







.innersite-h3 {border-left: 6px solid var(--bs-success);padding-left: 10px;}



.innersitehead {background-color: var(--bs-fff);}

.innersitehead .s1 {

  font-size: 80%;

  background-color: var(--bs-light);

  display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;

  /*box-shadow: 0 0 10px var(--bs-00003);*/

}



.innersitehead .s1 .l {display: flex;gap: 10px; flex-basis: auto;}



.innersitehead .s1 .l ul {list-style: none;display: flex;flex-wrap: wrap; justify-content: center;align-items: center;}

.innersitehead .s1 .l ul li {padding: 0 10px;}

.innersitehead .s1 .l ul li a {opacity: 0.8;}

.innersitehead .s1 .l ul li a:hover {opacity: 1;}

.innersitehead .s1 .r {flex-basis: auto;display: flex;gap: 20px;}

.innersitehead .s1 .r .gs-name {flex-basis: auto; opacity: 0.8;}

.innersitehead .s1 .r .tel {flex-basis: auto;}

.innersitehead .s1 .r .tel > a {display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;gap: 6px;color: var(--bs-red);}

.innersitehead .s1 .r .tel svg {display: inline-block;width: 20px;height: 20px;fill: var(--bs-red);}







.innersitehead .s3 .c1 {display: flex;flex-wrap: nowrap;gap: 60px; justify-content: space-between;align-items: center;}

.innersitehead .s3 .c1 .logo {flex-basis: auto;flex-grow: 0;flex-shrink: 0;}

.innersitehead .s3 .c1 .logo a {display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;-o-align-items: center;-webkit-align-items: center;-moz-align-items: center; height: 50px;width: auto; overflow: hidden;}

.innersitehead .s3 .c1 .logo a img {display: inline-block;width: auto;height: 100%;}

.innersitehead .s3 .c1 .logo a span {display: inline-block;line-height: 1;position: relative;margin-top: 0; margin-left: 13px;color: var(--bs-red);margin-bottom: 0;}

.innersitehead .s3 .c1 .logo a span:before {

  content: "";display: block;width: 4px;height: 4px;border-radius: 2px;

  background-color: var(--bs-gray);

  position: absolute;left: -12px;top: 50%;z-index: 1;

  margin-top: -2px;

}

.innersitehead .s3 .c1 nav {flex-basis: auto;width:100%; }

.innersitehead .s3 .c1 nav ul {display: grid;grid-template-columns: repeat(10, 1fr);grid-gap: 10px;text-align: center;}



.innersitehead .s3 .nav-btn-bg {display: none; width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.6);position: absolute;left: 0;top: 100%;z-index: 1111;}

.innersitehead .s3 .nav-btn { width: 30px;height: 30px;position: absolute;right: 24%;top: 1.5rem;z-index: 11;fill: var(--bs-gray);margin-top: 5px;}

.innersitehead .s3 .nav-btn svg {display: inline-block;width: 100%;height: auto;}



.innersitehead .s3 .nav-btn1 {

  width: 30px;height: 30px;margin-top: 5px;

  position: absolute;right: 18%;top: 1.5rem;z-index: 1;

}

.innersitehead .s3 .nav-btn1 svg {display: inline-block;width: auto;height: 100%;fill: var(--bs-gray);}

.innersitehead .s3 .nav-btn1-bg {display: none; width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.6);position: absolute;left: 0;top: 100%;z-index: 1111;}









@media (min-width:1400px) and (max-width:1700px) {}

@media (min-width:1200px) and (max-width:1399px) {

  .innersitehead .s3 .c1 nav ul {grid-template-columns: repeat(8, 1fr);}

}

@media (min-width:992px) and (max-width:1199px) {

  .innersitehead .s1 {position: relative;}

  .innersitehead .s1 .l {display: none; position: absolute;left: 0;top: 100%;z-index: 2222;background-color: var(--bs-light);flex-basis: 100%;width: 100%;justify-content: center;}

  .innersitehead .s1 .l ul {padding-top: 10px;padding-bottom: 10px;font-size:1rem;}

  .innersitehead .s1 .l ul li a {color: var(--bs-dark);line-height: 2;}

  .innersitehead .s3 .c1 nav ul {grid-template-columns: repeat(6, 1fr);}

}

@media (min-width:768px) and (max-width:991px) {

  .innersitehead {position: relative;}

  .innersitehead .s1 {

    display: none;

    font-size: 100%; color: var(--bs-dark);

    flex-wrap: wrap; 

    position: absolute;left: 0;top: 100%;z-index: 2222;

    background-color: var(--bs-light);

    flex-basis: 100%;width: 100%;

    justify-content: center;

  }

  .innersitehead .s1 .l {flex-basis: auto;width: 100%;}

  .innersitehead .s1 a {color: var(--bs-dark);}

  .innersitehead .s1 .r .tel {color: var(--bs-red);width: 100%;}

  .innersitehead .s1 .r .tel a {color: var(--bs-red);}

  .innersitehead .s1 .r .tel svg {fill: var(--bs-red);}

  .innersitehead .s1 .r {width: 100%;justify-content: center;flex-wrap: wrap;gap: 10px;padding-bottom: 10px;margin-top: 30px;}

  .innersitehead .s1 .r .gs-name {width: 100%;text-align: center;}



  .innersitehead .s1 .l ul {justify-content: start;}

  .innersitehead .s1 .l ul li {flex-basis: 20%;padding: 0;text-align: center;}

  .innersitehead .s1 .l ul li a {color: var(--bs-dark);line-height: 2;}

  .innersitehead .s3 .c1 nav ul {grid-template-columns: repeat(4, 1fr);}

  .innersitehead .s3 .c1 .logo a {height: 40px;}

  .innersitehead .s3 {position: relative;}

  .innersitehead .s3 .c1 nav {

    display: none; 

    position: absolute;left: 0;top: 100%;z-index: 2222;

    background-color: var(--bs-light);

    padding: 10px;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);

  }

}

@media (min-width:576px) and (max-width:767px) {

  .innersitehead {position: relative;}

  .innersitehead .s1 {

    display: none;

    font-size: 100%; color: var(--bs-dark);

    flex-wrap: wrap; 

    position: absolute;left: 0;top: 100%;z-index: 2222;

    background-color: var(--bs-light);

    flex-basis: 100%;width: 100%;

    justify-content: center;

  }

  .innersitehead .s1 .l {flex-basis: auto;width: 100%;}

  .innersitehead .s1 a {color: var(--bs-dark);}

  .innersitehead .s1 .r .tel {color: var(--bs-red);width: 100%;}

  .innersitehead .s1 .r .tel a {color: var(--bs-red);}

  .innersitehead .s1 .r .tel svg {fill: var(--bs-red);}

  .innersitehead .s1 .r {width: 100%;justify-content: center;flex-wrap: wrap;gap: 10px;padding-bottom: 10px;margin-top: 30px;}

  .innersitehead .s1 .r .gs-name {width: 100%;text-align: center;}



  .innersitehead .s1 .l ul {justify-content: start;font-size:1rem;}

  .innersitehead .s1 .l ul li {flex-basis: 20%;padding: 0;text-align: center;}

  .innersitehead .s1 .l ul li a {color: var(--bs-dark);line-height: 2;}

  .innersitehead .s3 .c1 nav ul {grid-template-columns: repeat(4, 1fr);}

  .innersitehead .s3 .c1 .logo a {height: 40px;}

  .innersitehead .s3 {position: relative;}

  .innersitehead .s3 .c1 nav {

    display: none; 

    position: absolute;left: 0;top: 100%;z-index: 2222;

    background-color: var(--bs-light);

    padding: 10px;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);

  }

  .innersitehead .s3 .nav-btn {right: 26%;}

}

@media (max-width:575px) {

  .innersitehead {position: relative;}

  .innersitehead .s1 {

    display: none;

    font-size: 100%; color: var(--bs-dark);

    flex-wrap: wrap; 

    position: absolute;left: 0;top: 100%;z-index: 2222;

    background-color: var(--bs-light);

    flex-basis: 100%;width: 100%;

    justify-content: center;

  }

  .innersitehead .s1 .l {flex-basis: auto;width: 100%;}

  .innersitehead .s1 a {color: var(--bs-dark);}

  .innersitehead .s1 .r .tel {color: var(--bs-red);width: 100%;}

  .innersitehead .s1 .r .tel a {color: var(--bs-red);}

  .innersitehead .s1 .r .tel svg {fill: var(--bs-red);}

  .innersitehead .s1 .r {width: 100%;justify-content: center;flex-wrap: wrap;gap: 10px;padding-bottom: 10px;margin-top: 20px;}

  .innersitehead .s1 .r .gs-name {width: 100%;text-align: center;}



  .innersitehead .s1 .l ul {justify-content: start;font-size:1rem;}

  .innersitehead .s1 .l ul li {flex-basis: 25%;padding: 0;text-align: center;}

  .innersitehead .s1 .l ul li a {color: var(--bs-dark);line-height: 2;}

  .innersitehead .s1 .nav-btn {padding: 3px;}

  .innersitehead .s3 .c1 nav ul {grid-template-columns: repeat(4, 1fr);}

  .innersitehead .s3 .c1 .logo a span {font-size: calc(1.25rem + .6vw);line-height: 40px;top:2px;}

  .innersitehead .s3 .c1 .logo a {height: 40px;}

  .innersitehead .s3 {position: relative;}

  .innersitehead .s3 .c1 nav {

    display: none; 

    position: absolute;left: 0;top: 100%;z-index: 2222;

    background-color: var(--bs-light);

    padding: 10px;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);

  }

  .m-none {display: none;}

  .innersitehead .s3 .nav-btn {padding: 5px;display: flex;align-items: center;right: 15%;top: 0.5rem;}

  .innersitehead .s3 .nav-btn1 {padding: 5px;display: flex;align-items: center;right: 5%;top: 0.5rem;}



}









/* 站内站头部导航 innersitehead :结束--------------------------------------------------------------------------------------------------------------------------------------------------- */















/* 面包屑导航 :开始------------------------------------------------------------------------------------------------------------------------------------------------ */

.xie-sec {background-color: var(--bs-light);}

.xie-sec-red {background-color: var(--bs-red);}



.xie {opacity: 0.8;display: flex;flex-wrap: nowrap;align-items: center;justify-content: start;}

.xie .tb {display: inline-flex;align-items: center;justify-content: start; margin-right: 8px;width: 19px;height: 19px;}

.xie .tb svg {display: inline-block;width: 100%;height: auto;}

.xie-success .tb svg {fill: var(--bs-gray);}

.xie-red {overflow: hidden;color: var(--bs-white);}
.xie-red .tb svg {fill: var(--bs-white);}
.xie-red a {color: var(--bs-white);}
.xie-red a:hover {color: var(--bs-white);}




/* 面包屑导航 :开始------------------------------------------------------------------------------------------------------------------------------------------------ */



/**站内站 材料列表页 SEO标题 list head ：开始 -------------------------------------------------------------------------------------------- */



.listhead {display: flex;flex-wrap: wrap;align-items: center;justify-content: start;gap: 0.5rem;}

.listhead div {display: table;float: left;padding-right: 0.5rem;border-right: 1px solid var(--bs-00003);}

.listhead h1 {display: table;float: left;line-height: 1.4;}



/**站内站 材料列表页 SEO标题 list head ：开始 -------------------------------------------------------------------------------------------- */













/* 站内站 art 产品内容页 --- art-swiper :开始------------------------------------------------------------------------------------------------------------ */





.art-swiper {

  width: 100%;

  overflow: hidden;

  position: relative;

  width: 100%;height: auto;

  z-index: 111;

  border-radius: 0.5rem;

}

.art-swiper .swiper {width: 100%;height: 100%;}

.art-swiper .swiper-slide {

  text-align: center;

  /* Center slide text vertically */

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  background-size: cover;

  background-position: center;

}

.art-swiper .swiper1 {height: auto;padding-right: 30px;padding-left: 30px; box-sizing: border-box;}

.art-swiper .swiper2 {height: auto;padding-bottom: 10px;}



.art-swiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

.art-swiper .swiper1 .swiper-slide {width: 25%;height: 100%;opacity: 0.4;}

.art-swiper .swiper1 .swiper-slide-thumb-active {opacity: 1;}



.art-swiper .swiper1 .swiper-button-next {width: 20px;height: 100%; top: auto;bottom: 0; right: 0; background-color: var(--bs-00003);}

.art-swiper .swiper1 .swiper-button-next:after {width: 100%;color:var(--bs-red);font-size: 160%;text-align: center;}

.art-swiper .swiper1 .swiper-button-lock {display: flex;}



.art-swiper .swiper1 .swiper-button-prev {width: 20px;height: 100%; top: auto;bottom: 0; left: 0; background-color: var(--bs-00003);}

.art-swiper .swiper1 .swiper-button-prev:after {width: 100%;color:var(--bs-red);font-size: 160%;text-align: center;}





.art-swiper .swiper2 .swiper-pagination {display: none; }

.art-swiper .swiper2 .swiper-pagination-bullet {width: 30px;height: 4px;border-radius: 0;background-color: var(--bs-fff);}

.art-swiper .swiper2 .swiper-pagination-bullet-active {background-color: var(--bs-red);}



@media (max-width:992px) {



  .art-swiper .swiper2 {padding-bottom: 0;}

  .art-swiper .swiper1 {display: none;}

  .art-swiper .swiper2 .swiper-pagination {display: block;bottom: 6%;}

}



@media (max-width:575px) {

  .art-swiper {border-bottom-right-radius: 0;border-bottom-left-radius: 0;}

}



/* 站内站 art 产品内容页 --- art-swiper :结束------------------------------------------------------------------------------------------------------------ */



/* 站内站 art 产品内容页 --- jiage 和 shuxing:开始------------------------------------------------------------------------------------------------------------ */







.q-gc-img {width: 100%;border-radius: 0.5rem;overflow: hidden;}

.q-gc-img img {display: block; width: 100% !important;height: auto;}



.q-cp-art-head {width: 100%;height: 100%;position: relative;padding-left: 20px;}



.q-cp-art-head .fw {display: flex;flex-wrap: wrap;gap: 10px; align-items: center;opacity: 0.7; border-bottom:1px dashed var(--bs-00003);padding-bottom: 10px;}

.q-cp-art-head .fw span {display: inline-block;}



.q-cp-art-head .sx .box {background-color: var(--bs-light);display: flex; gap: 14px;height: 40px;line-height: 40px; border-radius:20px;padding: 0 3px;align-items: center;}

.q-cp-art-head .sx .box svg {display: inline-block;width: 34px;height: 34px;padding: 4px;border: 1px solid var(--bs-00001);border-radius: 17px; fill: var(--bs-red);}

.q-cp-art-head .sx .box .text {display: inline-block;color: var(--bs-00006);padding-right: 20px;}



.mainart svg {fill: var(--bs-success) !important;}



.q-cp-art-head .tel {color: var(--bs-red);}

.q-cp-art-head .tel a {color: var(--bs-red);}





.q-cp-art-head .tiyan {display: flex;gap: 10px;justify-content: start;}

.q-cp-art-head .tiyan > a {display: inline-block; flex-basis: auto;width: 30%;}





.q-cp-art-head .jiage {position: relative;}

.q-cp-art-head .jiage ul li {width: 33.3333%;float: left;margin-bottom: 20px;}

.q-cp-art-head .jiage .biaojia {color: #da251d;line-height: 1;}

.q-cp-art-head .jiage .biaojia span {display: inline-block;margin-left: 10px;}

.q-cp-art-head .jiage .qiliang {opacity: 0.8;}



.q-cp-art-head .shuxing li {position: relative;padding-left: 100px;line-height: 1.8;}

.q-cp-art-head .shuxing li div.name {position: absolute;left: 0;top: 0;z-index: 1;padding-right: 6px;opacity: 0.7;}

.q-cp-art-head .shuxing li div.name:after {content: "";display: block;width: 1px;height: 8px;background-color: #888;position: absolute;right: -8px;top: 10px;z-index: 2;}

.q-cp-art-head .shuxing li div.text {display: table;}

.q-cp-art-head .shuxing li div.text span {display: inline-block;margin: 0 10px; }

.q-cp-art-head .shuxing li div.text a {display: inline-block;margin-right: 10px;}

@media (max-width:991px) {

  .q-cp-art-head {padding-left: 0;}

  .q-gc-img {border-bottom-right-radius:0;border-bottom-left-radius:0; }

}

@media (max-width:768px) {

  .q-cp-art-head {background-color: var(--bs-fff);border-radius: 0.5rem; border-top-left-radius: 0;border-top-right-radius: 0;}

  .q-cp-art-head .fw {gap: 3px;font-size: 0.875rem;}

  .q-cp-art-head .sx .box {font-size: 0.875rem;}

  .q-cp-art-head .tel {text-align: center;}

  .q-cp-art-head .tiyan {justify-content: space-between;}

  .q-cp-art-head .jiage .biaojia.fs-5 {font-size: 100% !important}

}





/* 站内站 art 产品内容页 --- jiage 和 shuxing :结束------------------------------------------------------------------------------------------------------------ */





/* 站内站 art 产品内容页 --- q-cp-art-body:开始------------------------------------------------------------------------------------------------------------ */



.q-cp-art-body {padding-right: 20px;}

.q-cp-art-body .t {background-color: var(--bs-red);position: relative;color: var(--bs-fff);height: 50px;text-indent: 20px;line-height: 50px;}

.q-cp-art-body .t:before {

  content: "";display: block;

  position: absolute;left: 0;top: 100%;z-index: 1;

  width: 20px;height: 10px;box-sizing: border-box;

  border-top: 5px solid var(--bs-dark);

  border-left: 10px solid transparent;

  border-bottom: 5px solid transparent;

  border-right: 10px solid var(--bs-dark);

}

.q-cp-art-body .t:after {

  content: "";display: block;

  position: absolute;right: 0;top: 0;z-index: 1;

  width: 50px;height: 100%;

  border-right: 25px solid var(--bs-fff);

  border-top: 25px solid transparent;

  border-bottom: 25px solid transparent;

}



.mainart .t {background-color: var(--bs-success) !important;}





.q-cp-art-body .other {border-top: 1px dashed var(--bs-gray);}

.q-cp-art-body .other ul {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 1rem;}



@media (max-width:1199px) {

  .q-cp-art-body {padding-right: 0;}

}



@media (min-width:1400px) and (max-width:1700px) {}

@media (min-width:1200px) and (max-width:1399px) {}

@media (min-width:992px) and (max-width:1199px) {

  .q-cp-art-body .other ul {grid-template-columns: repeat(3, 1fr);}

}

@media (min-width:768px) and (max-width:991px) {

  .q-cp-art-body .other ul {grid-template-columns: repeat(3, 1fr);}

}

@media (min-width:576px) and (max-width:767px) {

  .q-cp-art-body .other ul {grid-template-columns: repeat(2, 1fr);grid-gap: 10px;}

}

@media (max-width:575px) {

  .q-cp-art-body {background-color: var(--bs-fff);border-radius: 0.5rem;}

  .q-cp-art-body .other ul {grid-template-columns: repeat(2, 1fr);grid-gap: 10px;}

}







/* 站内站 art 产品内容页 --- q-cp-art-body:结束------------------------------------------------------------------------------------------------------------ */



/* 站内站 art 产品内容页 --- art-aside：tag块:开始------------------------------------------------------------------------------------------------------------ */

.art-aside-tag {width: 100%;background-color: var(--bs-light); border-radius: 0.25rem;box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.05);}

@media (max-width:1199px) {

  .art-aside-tag {background-color: transparent;box-shadow: none;border-radius:0; }

}





/* 站内站 art 产品内容页 --- art-aside：tag块:结束------------------------------------------------------------------------------------------------------------ */





/* 站内站 art 产品内容页 --- art-aside：公司块:结束------------------------------------------------------------------------------------------------------------ */





/* 站内站 art 产品内容页 --- art-aside：文章列表块:开始------------------------------------------------------------------------------------------------------------ */

.art-aside-wz {width: 100%;display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 10px;}

.art-aside-wz li {padding-left:16px;position: relative;}

.art-aside-wz li:before {

  content: "";display: block;width: 4px;height: 4px;border-radius: 2px;

  background-color: var(--bs-00006);

  position: absolute;left: 0;top: 10px;z-index: 1;

  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);

}

@media (min-width:992px) and (max-width:1199px) {

  .art-aside-wz {grid-template-columns: repeat(2, 1fr);grid-gap: 10px 20px;}

}

@media (min-width:768px) and (max-width:991px) {

  .art-aside-wz {grid-template-columns: repeat(2, 1fr);grid-gap: 10px 20px;}

}



/* 站内站 art 产品内容页 --- art-aside：文章列表块:结束------------------------------------------------------------------------------------------------------------ */









/* 页面底部标签列样式：q-c-bottom-s1 :开始--------------------------------------------------------------------------------------------------------------------------------------------------- */



.q-c-bottom-s1 {width: 100%;}

.q-c-bottom-s1 ul {display: flex;flex-wrap: wrap;gap: 10px;}

.q-c-bottom-s1 ul:after {content: "";display: block;width: 100%;}

.q-c-bottom-s1 ul li {flex-basis: auto;flex:auto;height:40px; }

.q-c-bottom-s1 ul li a {

  display: block; 

  padding: 0 16px;

  height:40px;line-height:40px;border-radius:20px;

  border:1px solid var(--bs-red);

  background-color: transparent;color: var(--bs-red);

  transition:background-color 0.3s,color 0.3s; 

}

.q-c-bottom-s1 ul li a:hover {background-color: var(--bs-red);color: var(--bs-fff);}



@media (min-width:992px) and (max-width:1199px) {



}

@media (min-width:768px) and (max-width:991px) {


  .q-c-bottom-s1 ul li a {

    border:0;

    background-color: var(--bs-light);color: var(--bs-dark);

  }

  .q-c-bottom-s1 ul {height: auto;overflow-y: scroll;}


}

@media (min-width:576px) and (max-width:767px) {



  .q-c-bottom-s1 {height: 100%;}

  .q-c-bottom-s1 ul li a {

    border:0;

    background-color: var(--bs-light);color: var(--bs-dark);

  }

  .q-c-bottom-s1 ul {height: auto;overflow-y: scroll;}


}

@media (max-width:575px) {


  .q-c-bottom-s1 {width: 100%; height: 100%;}

  .q-c-bottom-s1 ul li a {

    border:0;

    background-color: var(--bs-light);color: var(--bs-dark);

  }

  .q-c-bottom-s1 ul {height: auto;padding: 16px;overflow-y: scroll;}


}





/* 页面底部标签列样式：q-c-bottom-s1 :开始--------------------------------------------------------------------------------------------------------------------------------------------------- */





/* 封面页h3样式 :开始------------------------------------------------------------------------------------------------------------------------------------------------ */



.q-type-tuijian-h3 {position: relative;}

.q-type-tuijian-h3:before {

  content: "";display: block;width: 60px;height: 4px;

  position: absolute;left: -100px;top: 50%;z-index: 1;margin-top: -2px;

  background-image: linear-gradient(to right ,transparent ,var(--bs-red));

}

.q-type-tuijian-h3:after {

  content: "";display: block;width: 60px;height: 4px;

  position: absolute;right: -100px;top: 50%;z-index: 1;margin-top: -2px;

  background-image: linear-gradient(to left,transparent,var(--bs-red));

}



@media (min-width:1400px) and (max-width:1700px) {}

@media (min-width:1200px) and (max-width:1399px) {}

@media (min-width:992px) and (max-width:1199px) {}

@media (min-width:768px) and (max-width:991px) {

  .q-type-tuijian-h3:before {left: -80px;}

  .q-type-tuijian-h3:after {right: -80px;}

}

@media (min-width:576px) and (max-width:767px) {

  .q-type-tuijian-h3:before {left: -80px;}

  .q-type-tuijian-h3:after {right: -80px;}

}

@media (max-width:575px) {

  .q-type-tuijian-h3:before {width: 50px; left: -70px;}

  .q-type-tuijian-h3:after {width: 50px; right: -70px;}

}



/* 封面页h3样式 :开始------------------------------------------------------------------------------------------------------------------------------------------------ */











/* 技术栏目 - 文章页页面:开始------------------------------------------------------------------------------------------------------------ */



.q-js-wenzhang {padding-left: 20px;}

.q-js-wenzhang .bodytext {border-bottom: 1px dashed var(--bs-00003);}



.q-js-head {position: relative;}

.q-js-head:after {content: "";display: block;width: 110px;height: 3px;background-color: var(--bs-success);position: absolute;left: 0;bottom: 0;z-index: 1;}



.q-js-head .bannerimg {width: 100%;height: 360px;border-radius: 0.25rem;overflow: hidden;}

.q-js-head .bannerimg img {display: block;width: 100%;height: 100%;object-fit: cover;}

.q-js-head .fu {display: flex;flex-wrap: nowrap;gap: 20px;opacity: 0.6;}



.q-js-nextpre {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 20px;}



@media (max-width:1199px) {

  .q-js-wenzhang {padding-left: 0;}

}

@media (max-width:575px) {

  .q-js-wenzhang {background-color: var(--bs-fff);border-radius: 0.5rem;}

  .q-js-head .bannerimg {height: 200px;}

  .q-js-nextpre {grid-template-columns: repeat(1, 1fr);grid-gap: 16px;}

}







/* .q-art-jishu-list :开始 ------ */



.q-art-jishu-list li {margin-bottom: 10px;border-radius: 0.25rem;overflow: hidden;}

.q-art-jishu-list li a {display: block;width: 100%;height: 100%;background-color: var(--bs-light);transition: background-color 0.5s,color 0.5s;padding: 10px 14px;}

.q-art-jishu-list li a:hover {background-color: var(--bs-success);color: var(--bs-fff);}

.q-art-jishu-list li.hover a {background-color: var(--bs-success);color: var(--bs-fff);}

 



.q-js-leimu .box {display: flex;gap: 16px;justify-content: space-between;align-items: center;}

.q-js-leimu .name {display: flex;gap: 10px;justify-content: start;align-items: center;font-weight: bold;color: var(--bs-success);}

.q-js-leimu .name svg {display: inline-block;width: 20px;height: 20px;fill: var(--bs-success);}

.q-js-leimu .name span {display: inline-block;}



.q-js-leimu .js-btn {width: auto;height: 100%;display: flex;justify-content: center;align-items: center; }

.q-js-leimu .js-btn svg {display: inline-block;width: 40px;height:40px;fill: var(--bs-success);}



@media (min-width:992px) and (max-width:1199px) {



  .q-art-jishu-list {position: fixed;left: -1000px;top: 0;z-index: 222; width: 70%;height: 100vh; background-color: var(--bs-fff);padding: 20px;overflow-y: scroll;}

  .q-js-leimu .js-btn-bg {display: none; width: 100%;height: 100vh;position: fixed;left: 0;top: 0;z-index: 111;background-color: var(--bs-00006);}

}

@media (min-width:768px) and (max-width:991px) {



  .q-art-jishu-list {position: fixed;left: -1000px;top: 0;z-index: 222; width: 70%;height: 100vh; background-color: var(--bs-fff);padding: 20px;overflow-y: scroll;}

  .q-js-leimu .js-btn-bg {display: none; width: 100%;height: 100vh;position: fixed;left: 0;top: 0;z-index: 111;background-color: var(--bs-00006);}

}

@media (min-width:576px) and (max-width:767px) {



  .q-art-jishu-list {position: fixed;left: -1000px;top: 0;z-index: 222; width: 70%;height: 100vh; background-color: var(--bs-fff);padding: 20px;overflow-y: scroll;}

  .q-js-leimu .js-btn-bg {display: none; width: 100%;height: 100vh;position: fixed;left: 0;top: 0;z-index: 111;background-color: var(--bs-00006);}

}

@media (max-width:575px) {

  

  .q-art-jishu {border-radius: 0.5rem;background-color: var(--bs-fff);}

  .q-art-jishu-list {position: fixed;left: -1000px;top: 0;z-index: 222; width: 70%;height: 100vh; background-color: var(--bs-fff);padding: 20px;overflow-y: scroll;}

  .q-js-leimu {background-color: var(--bs-fff);border-radius: 0.5rem;}

  .q-js-leimu .js-btn-bg {display: none; width: 100%;height: 100vh;position: fixed;left: 0;top: 0;z-index: 111;background-color: var(--bs-00006);}

}



/* .q-art-jishu-list :开始 ----- */



/* 技术栏目 - 文章页页面:结束------------------------------------------------------------------------------------------------------------ */











/* 通用文章 - 文章页页面:开始------------------------------------------------------------------------------------------------------------ */


.q-t-head .fu {display: flex;flex-wrap: nowrap;gap: 20px;opacity: 0.6;}
.q-t-body {width: 100%;}
.q-t-body .bodytext {border-bottom: 1px dashed var(--bs-00003);}
/*【应用于post文章】修改：覆盖bootstrap移动端*/
@media (max-width: 1199px) {
    .q-t-head h1, .q-t-head .h1 {
      font-size: calc(1.125rem + 1.5vw);
    }
    .q-t-body h2, .q-t-body .h2 {
      font-size: calc(1.1rem + 0.9vw);
    }

    .q-t-body h3, .q-t-body .h3 {
      font-size: calc(1.025rem + 0.6vw);
    }

    .q-t-body h4, .q-t-body .h4 {
      font-size: calc(1rem + 0.3vw);
    }
    .q-t-body h5, .q-t-body .h5 {
      font-size: 1.25rem;
    }

    .q-t-body h6, .q-t-body .h6 {
      font-size: 1rem;
    }
}






.q-t-other {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 10px 20px;}

.q-t-other li {position: relative;padding-left: 16px;}

.q-t-other li:before {

  content: "";display: block;width: 4px;height: 4px;border-radius: 2px;

  background-color: var(--bs-00006);

  position: absolute;left: 0;top: 10px;z-index: 1;

  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);

}







@media (min-width:576px) and (max-width:767px) {

  .q-t-other {grid-template-columns: repeat(1, 1fr);grid-gap: 10px;}

}



@media (max-width:575px) {

  .q-t-other {grid-template-columns: repeat(1, 1fr);grid-gap: 10px;}

}







/* 通用文章 - 文章页页面:结束------------------------------------------------------------------------------------------------------------ */









/* 色卡体验 - 展示swiper ：开始 ------------------------------------------------------------------------------------------------------------ */



.seka {width: 100%;overflow: hidden;}



.skswiper {width: 100%;position: relative;overflow: hidden;}

.skswiper .swiper {width: 100%;height: 100%;}

.skswiper .swiper-slide {

        width: 100%;

        height: 100%;

        /* Center slide text vertically */

        display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

        align-items: center;

        background-image: url(../img/img/1553.jpg);

        background-size: cover;

        background-position: center;background-repeat: no-repeat;



      }



.skswiper .swiper-slide img {

        display: block;

        width: 100%;

        height: 100%;

        object-fit: cover;

      }



.skswiper .swiper-pagination {bottom: 8%;}

.skswiper .swiper-pagination-bullet {

  width: 10px;height: 10px;border-radius: 5px;background-color: var(--bs-success);opacity: 0.8;

  border: 1px solid var(--bs-fff);

  transition: width 0.5s;

}

.skswiper .swiper-pagination-bullet-active {background-color: var(--bs-success);width: 50px;}

.skswiper .sehao {

  width: 140px;height: 80px;display: flex;flex-wrap: nowrap; justify-content: center;align-items: center;gap: 6px;

  position: absolute;right: 0;top: 7%;z-index: 1;

  background-color: var(--bs-fff);

  border-top-left-radius: 1rem;

  border-bottom-left-radius: 1rem;

  overflow: hidden;

}

.skswiper .sehao .img {width: 18px;height: 18px;flex-basis: auto;flex-grow: 0;flex-shrink: 0;}

.skswiper .sehao .img img {display: block;width: 100%;height: 100%;object-fit: cover;}

.skswiper .sehao .text {flex-basis: auto;}





.skfu {display: none; position: fixed;left: 0;top: 0;z-index: 2;width: 100%;height: auto;box-shadow: 0 14px 0 var(--bs-fff);}

.skfu .swiper {width: 100%;height: 100%;}

.skfu .swiper-slide {

        width: 100%;

        height: 100%;

        /* Center slide text vertically */

        display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

        align-items: center;

      }

.skfu .swiper-slide img {

        display: block;

        width: 100%;

        height: 100%;

        object-fit: cover;

      }

.skfu .swiper-pagination {bottom: 8%;}

.skfu .swiper-pagination-bullet {

  width: 10px;height: 10px;border-radius: 5px;background-color: var(--bs-success);opacity: 0.8;

  border: 1px solid var(--bs-fff);

  transition: width 0.5s;

}

.skfu .swiper-pagination-bullet-active {background-color: var(--bs-success);width: 50px;}



.skfu .sehao {

  width: 140px;height: 80px;display: flex;flex-wrap: nowrap; justify-content: center;align-items: center;gap: 6px;

  position: absolute;right: 0;top: 7%;z-index: 1111;

  background-color: var(--bs-fff);

  border-top-left-radius: 1rem;

  border-bottom-left-radius: 1rem;

  overflow: hidden;

}

.skfu .sehao .img {width: 18px;height: 18px;flex-basis: auto;flex-grow: 0;flex-shrink: 0;}

.skfu .sehao .img img {display: block;width: 100%;height: 100%;object-fit: cover;}

.skfu .sehao .text {flex-basis: auto;}







.skul {width: 100%;}

.skul ul {width: 100%;height: 648px;overflow-y: scroll;padding-right: 20px; display: grid;grid-template-columns: repeat(10, 1fr);grid-gap: 10px 3px;}

.skul ul li .img {width: 100%;height: 38px;}

.skul ul li .text {text-align: center;}

.skul ul li:hover,.skul ul li.hover {cursor: pointer;}

.skul ul li:hover .text small,.skul ul li.hover .text small {border-bottom: 1px solid var(--bs-red);color: var(--bs-red);}

.skul ul li img {display: block;width: 100%;height: 100%;object-fit: cover;}



@media (min-width:1400px) and (max-width:1700px) {

  .skul ul {height: 422px; grid-template-columns: repeat(8, 1fr);}

}

@media (min-width:1200px) and (max-width:1399px) {

  .skul ul {height: 278px; grid-template-columns: repeat(6, 1fr);}

  .skswiper .sehao {width: 120px;height: 60px;font-size: 80%;}

  .skfu .sehao {width: 120px;height: 60px;font-size: 80%;}

}

@media (min-width:992px) and (max-width:1199px) {

  .skul ul {height: auto;padding-right: 0;}

  .skswiper .sehao {width: 120px;height: 60px;font-size: 80%;}

  .skfu .sehao {width: 120px;height: 60px;font-size: 80%;}

}

@media (min-width:768px) and (max-width:991px) {

  .skul ul {height: auto;padding-right: 0;}

  .skswiper .sehao {width: 120px;height: 50px;font-size: 80%;}

  .skfu .sehao {width: 120px;height: 50px;font-size: 80%;}

}

@media (min-width:576px) and (max-width:767px) {

  .skul ul {height: auto;padding-right: 0;grid-template-columns: repeat(6, 1fr);}

  .skswiper .sehao {width: 120px;height: 50px;font-size: 80%;}

  .skfu .sehao {width: 120px;height: 50px;font-size: 80%;}

}

@media (max-width:575px) {

  .skul ul {height: auto;padding-right: 0;display:flex;flex-wrap:wrap;gap:10px 3px; }

  .skul ul li {flex: auto;flex-basis: auto;width: 16%;}

  .skul ul:after {content: "";display: block;width: 100%;}

  .skswiper .swiper-pagination-bullet {

    width: 6px;height: 6px;border-radius: 3px;

  }

  .skswiper .swiper-pagination-bullet-active {width: 20px;}

  .skswiper .sehao {width: 100px;height: 30px;font-size: 80%;}

  .skswiper .sehao .img {border-radius: 9px;overflow: hidden;}

  .skfu .sehao {width: 100px;height: 30px;font-size: 80%;}

  .skfu .sehao .img {border-radius: 9px;overflow: hidden;}

  .skfu .swiper-pagination-bullet {

    width: 6px;height: 6px;border-radius: 3px;

  }

  .skfu .swiper-pagination-bullet-active {width: 20px;}



}







/* 色卡体验 - 展示swiper ：开始 ------------------------------------------------------------------------------------------------------------ */





/*tag*/

.tagtitle {position: relative;}

.tagtitle h1 {line-height: 1.4;}

.tagtitle h1 span {color: var(--bs-red);}

.tagtitle:after {content: "";display: block;width: 100px;height: 3px;background-color: var(--bs-success);position: absolute;left: 0;bottom: 0;z-index: 1;}

@media (max-width:575px) {

  .tagtitle h1 {font-size: 1.3rem !important;}

  .tagtitle:after {width: 60px;}

}






:where(.wp-block-columns.is-layout-flex) {
    gap: 1rem;
}