.yuan25 {
  border-radius: 10px;
}
.guang img {
  max-width: 100%;
}
.gg2 {
  background-color: #f6f6f6;
  margin-top: 5px;
  border-radius: 10px;
}
.gg2_ti {
  background-image: url("../images/lanbj.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 14px 9px 7px;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  color: #fff;
  background-color: #fff;
  align-items: center
}
.gg2_ti a {
  font-size: 12px;
}
.gg2_nr {
  padding: 12px 10px;
  box-sizing: border-box;
}
.gg2_nr p {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1px;
  margin-bottom: 10px;
}
.gg2_nr p.nobo {
  border-bottom: none !important;
  margin-bottom: 1px !important;
}
.baizi {
  color: #fff;
}
.hui-yuan-lia-biao .hui-yuan-lia-biao-l {
  width: 77% !important;
}
.hui-yuan-lia-biao .hui-yuan-lia-biao-r {
  width: 20% !important;
}
/*-------------------------------------
   Columns - qhd-content & qhd-module
-------------------------------------*/
.qhd-content .column:after, .qhd-module .column:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  min-height: 0;
  visibility: hidden;
  *zoom: 1;
}
.qhd-content .column, .qhd-module .column {
  width: 100%;
}
.qhd-content .column .col-2-1, .qhd-content .column .col-3-1, .qhd-content .column .col-4-1, .qhd-content .column .col-4-2, .qhd-content .column .col-5-1, .qhd-content .column .col-3-2, .qhd-content .column .col-4-3, .qhd-content .column .col-5-2, .qhd-content .column .col-5-3, .qhd-content .column .col-5-4, .qhd-module .column .col-2-1, .qhd-module .column .col-3-1, .qhd-module .column .col-4-1, .qhd-module .column .col-4-2, .qhd-module .column .col-5-1, .qhd-module .column .col-3-2, .qhd-module .column .col-4-3, .qhd-module .column .col-5-2, .qhd-module .column .col-5-3, .qhd-module .column .col-5-4 {
  float: left;
  min-height: 1px;
  height: auto !important;
  _height: 1px;
}
/* default marg-per3 margin right 3% */
.qhd-content .column .col-2-1, .qhd-module .column .col-2-1 {
  width: 48.5%;
  margin-right: 3%;
}
.qhd-content .column .col-3-1, .qhd-module .column .col-3-1 {
  width: 31.3333%;
  margin-right: 3%;
}
.qhd-content .column .col-4-1, .qhd-module .column .col-4-1 {
  width: 22.75%;
  margin-right: 3%;
}
.qhd-content .column .col-5-1, .qhd-module .column .col-5-1 {
  width: 17.6%;
  margin-right: 3%;
}
.qhd-content .column .col-3-2, .qhd-module .column .col-3-2 {
  width: 65.6666%;
  margin-right: 3%;
}
.qhd-content .column .col-4-2, .qhd-module .column .col-4-2 {
  width: 48.5%;
  margin-right: 3%;
}
.qhd-content .column .col-4-3, .qhd-module .column .col-4-3 {
  width: 74.25%;
  margin-right: 3%;
}
.qhd-content .column .col-5-2, .qhd-module .column .col-5-2 {
  width: 38.2%;
  margin-right: 3%;
}
.qhd-content .column .col-5-3, .qhd-module .column .col-5-3 {
  width: 58.8%;
  margin-right: 3%;
}
.qhd-content .column .col-5-4, .qhd-module .column .col-5-4 {
  width: 79.4%;
  margin-right: 3%;
}
/*margin right 0%*/
.qhd-content .marg-per0 > .col-2-1, .qhd-module .marg-per0 > .col-2-1 {
  width: 50%;
  margin-right: 0;
}
.qhd-content .marg-per0 > .col-3-1, .qhd-module .marg-per0 > .col-3-1 {
  width: 33.3333%;
  margin-right: 0;
}
.qhd-content .marg-per0 > .col-4-1, .qhd-module .marg-per0 > .col-4-1 {
  width: 25%;
  margin-right: 0;
}
.qhd-content .marg-per0 > .col-5-1, .qhd-module .marg-per0 > .col-5-1 {
  width: 20%;
  margin-right: 0;
}
.qhd-content .marg-per0 > .col-3-2, .qhd-module .marg-per0 > .col-3-2 {
  width: 66.6666%;
  margin-right: 0;
}
.qhd-content .marg-per0 > .col-4-2, .qhd-module .marg-per0 > .col-4-2 {
  width: 50%;
  margin-right: 0;
}
.qhd-content .marg-per0 > .col-4-3, .qhd-module .marg-per0 > .col-4-3 {
  width: 75%;
  margin-right: 0;
}
.qhd-content .marg-per0 > .col-5-2, .qhd-module .marg-per0 > .col-5-2 {
  width: 40%;
  margin-right: 0;
}
.qhd-content .marg-per0 > .col-5-3, .qhd-module .marg-per0 > .col-5-3 {
  width: 60%;
  margin-right: 0;
}
.qhd-content .marg-per0 > .col-5-4, .qhd-module .marg-per0 > .col-5-4 {
  width: 80%;
  margin-right: 0;
}
/*margin right 2%*/
.qhd-content .marg-per2 > .col-2-1, .qhd-module .marg-per2 > .col-2-1 {
  width: 49%;
  margin-right: 2%;
}
.qhd-content .marg-per2 > .col-3-1, .qhd-module .marg-per2 > .col-3-1 {
  width: 32%;
  margin-right: 2%;
}
.qhd-content .marg-per2 > .col-4-1, .qhd-module .marg-per2 > .col-4-1 {
  width: 23.5%;
  margin-right: 2%;
}
.qhd-content .marg-per2 > .col-5-1, .qhd-module .marg-per2 > .col-5-1 {
  width: 18.4%;
  margin-right: 2%;
}
.qhd-content .marg-per2 > .col-3-2, .qhd-module .marg-per2 > .col-3-2 {
  width: 66%;
  margin-right: 2%;
}
.qhd-content .marg-per2 > .col-4-2, .qhd-module .marg-per2 > .col-4-2 {
  width: 49%;
  margin-right: 2%;
}
.qhd-content .marg-per2 > .col-4-3, .qhd-module .marg-per2 > .col-4-3 {
  width: 74.5%;
  margin-right: 2%;
}
.qhd-content .marg-per2 > .col-5-2, .qhd-module .marg-per2 > .col-5-2 {
  width: 38.8%;
  margin-right: 2%;
}
.qhd-content .marg-per2 > .col-5-3, .qhd-module .marg-per2 > .col-5-3 {
  width: 59.2%;
  margin-right: 2%;
}
.qhd-content .marg-per2 > .col-5-4, .qhd-module .marg-per2 > .col-5-4 {
  width: 79.6%;
  margin-right: 2%;
}
/*margin right 4%*/
.qhd-content .marg-per4 > .col-2-1, .qhd-module .marg-per4 > .col-2-1 {
  width: 48%;
  margin-right: 4%;
}
.qhd-content .marg-per4 > .col-3-1, .qhd-module .marg-per4 > .col-3-1 {
  width: 30.6667%;
  margin-right: 4%;
}
.qhd-content .marg-per4 > .col-4-1, .qhd-module .marg-per4 > .col-4-1 {
  width: 22%;
  margin-right: 4%;
}
.qhd-content .marg-per4 > .col-5-1, .qhd-module .marg-per4 > .col-5-1 {
  width: 16.8%;
  margin-right: 4%;
}
.qhd-content .marg-per4 > .col-3-2, .qhd-module .marg-per4 > .col-3-2 {
  width: 65.3333%;
  margin-right: 4%;
}
.qhd-content .marg-per4 > .col-4-2, .qhd-module .marg-per4 > .col-4-2 {
  width: 48%;
  margin-right: 4%;
}
.qhd-content .marg-per4 > .col-4-3, .qhd-module .marg-per4 > .col-4-3 {
  width: 74%;
  margin-right: 4%;
}
.qhd-content .marg-per4 > .col-5-2, .qhd-module .marg-per4 > .col-5-2 {
  width: 37.6%;
  margin-right: 4%;
}
.qhd-content .marg-per4 > .col-5-3, .qhd-module .marg-per4 > .col-5-3 {
  width: 58.4%;
  margin-right: 4%;
}
.qhd-content .marg-per4 > .col-5-4, .qhd-module .marg-per4 > .col-5-4 {
  width: 79.2%;
  margin-right: 4%;
}
/*margin right 5%*/
.qhd-content .marg-per5 > .col-2-1, .qhd-module .marg-per5 > .col-2-1 {
  width: 47.5%;
  margin-right: 5%;
}
.qhd-content .marg-per5 > .col-3-1, .qhd-module .marg-per5 > .col-3-1 {
  width: 30%;
  margin-right: 5%;
}
.qhd-content .marg-per5 > .col-4-1, .qhd-module .marg-per5 > .col-4-1 {
  width: 21.25%;
  margin-right: 5%;
}
.qhd-content .marg-per5 > .col-5-1, .qhd-module .marg-per5 > .col-5-1 {
  width: 16%;
  margin-right: 5%;
}
.qhd-content .marg-per5 > .col-3-2, .qhd-module .marg-per5 > .col-3-2 {
  width: 65%;
  margin-right: 5%;
}
.qhd-content .marg-per5 > .col-4-2, .qhd-module .marg-per5 > .col-4-2 {
  width: 47.5%;
  margin-right: 5%;
}
.qhd-content .marg-per5 > .col-4-3, .qhd-module .marg-per5 > .col-4-3 {
  width: 73.75%;
  margin-right: 5%;
}
.qhd-content .marg-per5 > .col-5-2, .qhd-module .marg-per5 > .col-5-2 {
  width: 37%;
  margin-right: 5%;
}
.qhd-content .marg-per5 > .col-5-3, .qhd-module .marg-per5 > .col-5-3 {
  width: 58%;
  margin-right: 5%;
}
.qhd-content .marg-per5 > .col-5-4, .qhd-module .marg-per5 > .col-5-4 {
  width: 79%;
  margin-right: 5%;
}
.qhd-content .column .last, .qhd-module .column .last {
  margin-right: 0;
  *float: right;
  *clear: right;
}
.m-0 {
  margin: 0 !important
}
.m-1 {
  margin: .25rem !important
}
.m-2 {
  margin: .5rem !important
}
.m-3 {
  margin: 1rem !important
}
.m-4 {
  margin: 1.5rem !important
}
.m-5 {
  margin: 3rem !important
}
.m-auto {
  margin: auto !important
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important
}
.mx-1 {
  margin-right: .25rem !important;
  margin-left: .25rem !important
}
.mx-2 {
  margin-right: .5rem !important;
  margin-left: .5rem !important
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}
.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important
}
.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important
}
.mt-0 {
  margin-top: 0 !important
}
.mt-1 {
  margin-top: .25rem !important
}
.mt-2 {
  margin-top: .5rem !important
}
.mt-3 {
  margin-top: 1rem !important
}
.mt-4 {
  margin-top: 1.5rem !important
}
.mt-5 {
  margin-top: 3rem !important
}
.mt-auto {
  margin-top: auto !important
}
.me-0 {
  margin-right: 0 !important
}
.me-1 {
  margin-right: .25rem !important
}
.me-2 {
  margin-right: .5rem !important
}
.me-3 {
  margin-right: 1rem !important
}
.me-4 {
  margin-right: 1.5rem !important
}
.me-5 {
  margin-right: 3rem !important
}
.me-auto {
  margin-right: auto !important
}
.mb-0 {
  margin-bottom: 0 !important
}
.mb-1 {
  margin-bottom: .25rem !important
}
.mb-2 {
  margin-bottom: .5rem !important
}
.mb-3 {
  margin-bottom: 1rem !important
}
.mb-4 {
  margin-bottom: 1.5rem !important
}
.mb-5 {
  margin-bottom: 3rem !important
}
.mb-auto {
  margin-bottom: auto !important
}
.ms-0 {
  margin-left: 0 !important
}
.ms-1 {
  margin-left: .25rem !important
}
.ms-2 {
  margin-left: .5rem !important
}
.ms-3 {
  margin-left: 1rem !important
}
.ms-4 {
  margin-left: 1.5rem !important
}
.ms-5 {
  margin-left: 3rem !important
}
.ms-auto {
  margin-left: auto !important
}
.p-0 {
  padding: 0 !important
}
.p-1 {
  padding: .25rem !important
}
.p-2 {
  padding: .5rem !important
}
.p-3 {
  padding: 1rem !important
}
.p-4 {
  padding: 1.5rem !important
}
.p-5 {
  padding: 3rem !important
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important
}
.px-1 {
  padding-right: .25rem !important;
  padding-left: .25rem !important
}
.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}
.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important
}
.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important
}
.py-27 {
  padding-top: .75rem !important;
  padding-bottom: .75rem !important
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important
}
.pt-0 {
  padding-top: 0 !important
}
.pt-1 {
  padding-top: .25rem !important
}
.pt-2 {
  padding-top: .5rem !important
}
.pt-3 {
  padding-top: 1rem !important
}
.pt-4 {
  padding-top: 1.5rem !important
}
.pt-5 {
  padding-top: 3rem !important
}
.pe-0 {
  padding-right: 0 !important
}
.pe-1 {
  padding-right: .25rem !important
}
.pe-2 {
  padding-right: .5rem !important
}
.pe-3 {
  padding-right: 1rem !important
}
.pe-4 {
  padding-right: 1.5rem !important
}
.pe-5 {
  padding-right: 3rem !important
}
.pb-0 {
  padding-bottom: 0 !important
}
.pb-1 {
  padding-bottom: .25rem !important
}
.pb-2 {
  padding-bottom: .5rem !important
}
.pb-3 {
  padding-bottom: 1rem !important
}
.pb-4 {
  padding-bottom: 1.5rem !important
}
.pb-5 {
  padding-bottom: 3rem !important
}
.ps-0 {
  padding-left: 0 !important
}
.ps-1 {
  padding-left: .25rem !important
}
.ps-2 {
  padding-left: .5rem !important
}
.ps-3 {
  padding-left: 1rem !important
}
.ps-4 {
  padding-left: 1.5rem !important
}
.ps-5 {
  padding-left: 3rem !important
}
.gap-0 {
  gap: 0 !important
}
.gap-1 {
  gap: .25rem !important
}
.gap-2 {
  gap: .5rem !important
}
.gap-3 {
  gap: 1rem !important
}
.gap-4 {
  gap: 1.5rem !important
}
.gap-45 {
  gap: 2rem !important
}
.gap-5 {
  gap: 3rem !important
}

.font-155 {
  font-size: 1.55rem
}

.font-145 {
  font-size: 1.45rem
}
.font-135 {
  font-size: 1.35rem
}
.font-125 {
  font-size: 1.25rem
}
.font-120 {
  font-size: 1.2rem
}
.font-115 {
  font-size: 1.15rem
}
.font-110 {
  font-size: 1.1rem
}
.font-105 {
  font-size: 1.05rem
}
.font-100 {
  font-size: 1rem
}
.font-80 {
  font-size: .8rem
}
.font-85 {
  font-size: .85rem
}
.font-90 {
  font-size: .9rem
}
.font-95 {
  font-size: .95rem
}
.lead {
  font-weight: 300 !important;
  text-decoration: underline !important;
  color: #B7B7B7 !important;
  line-height: 2 !important;
  transition: all .4s ease;
}
.lead:hover {
  color: #666 !important
}
/* 多列图文 */
.portfolio-list {
  min-height: 20px;
}
.portfolio-list li {
  margin-bottom: 25px;
  text-align: center;
}
.portfolio-list-summary li {
  text-align: left;
}
.portfolio-img {
  margin-bottom: 10px;
  overflow: hidden;
}
.portfolio-img a {
  position: relative;
}
.portfolio-img a, .portfolio-img img {
  width: 100%;
  display: block;
  overflow: hidden;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.huang{color:#EDB542}

.portfolio-img .opacity-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  cursor: pointer;
  background-color: #000;
  opacity: 0;
  filter: alpha(opacity=0);
  _height: expression((this.parentElement.clientHeight) +'px');
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.portfolio-img .icon-zoom {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  background: url(../imagesicon-zoom.png) no-repeat center;
}
.portfolio-img .icon-video {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  background: url(../images/icon-video.png) no-repeat center;
}
.portfolio-img a:hover .opacity-overlay {
  filter: alpha(opacity=70);
  opacity: 0.7;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.portfolio-img a:hover img {
  transform: scale(1.2, 1.2) rotate(10deg);
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.portfolio-item:hover img, .product-item:hover img, .scrollable-item:hover img {
  transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.product-item {
  position: relative;
}
.product-list li {
  margin-bottom: 25px;
  text-align: center;
}
.product-item .portfolio-img {
  overflow: hidden;
  position: relative;
  margin-bottom: 13px;
}
.product-item .portfolio-text {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  text-align: center;
  width: 100%;
  height: 100%;
  color: #fff;
}
.product-item .portfolio-text h2 {
  margin: 80px 20px 20px;
  line-height: normal;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
}
.product-list .col-2-1 .product-item .portfolio-text h2 {
  margin-top: 180px;
}
.product-list .col-3-1 .product-item .portfolio-text h2 {
  margin-top: 80px;
}
.product-list .col-4-1 .product-item .portfolio-text h2 {
  margin-top: 60px;
}
.product-list .col-5-1 .product-item .portfolio-text h2 {
  margin-top: 40px;
}
.product-list .col-5-1 .product-item .portfolio-text .icon-detail {
  width: 30px;
  height: 30px;
}
.product-item .portfolio-text .icon-detail {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 41px;
  height: 41px;
  background: url(../images/icon-detail.gif) no-repeat center;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  -moz-transition: -moz-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
}
.product-item .portfolio-text .icon-detail span {
  display: none;
}
.product-item .portfolio-text .price {
  color: #fff;
  margin-bottom: 20px;
}
.product-item a:hover .portfolio-text {
  display: block;
}
.product-item .portfolio-text:hover .icon-detail {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.product-item .opacity-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  cursor: pointer;
  background-color: #e92525;
  opacity: 0;
  filter: alpha(opacity=0);
  _height: expression((this.parentElement.clientHeight) +'px');
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.product-item a:hover .opacity-overlay {
  filter: alpha(opacity=90);
  opacity: 0.9;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.link-setion {
  position: relative;border-radius: 10px;overflow: hidden
}
.link-setion a {
  display: block;
}
.link-setion .link-img img {
   display: block;
  max-width: 100%;
}
.link-setion .link-img-noimg {
  min-height: 230px;
  height: auto !important;
  _height: 230px;
  background-color: #dd5189;
}
.link-name-default {
 position: absolute;
    left: 15px;top: 10px;
    opacity: 1;
    filter: alpha(opacity = 100);
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: calc(100% - 35px);
    height: calc(100% - 15px);
}

.sxjz{display: flex; align-items: center}
.linno{    line-height:0px;}
.cu{font-weight: bold}

.link-name-default h3 {
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  line-height: normal;
}
.link-setion-text {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 10;
  color: #fff;
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.link-setion-text h3 {
  margin: 0 20px 15px;
  margin-top: -25px;
  font-size: 22px;
  font-weight: normal;
  color: #fff;
  line-height: normal;
  transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  -webkit-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
}
.link-setion-text p {
  margin: 0 20px 15px;
  margin-top: -55px;
  font-size: 13px;
  font-weight: normal;
  color: #fff;
  line-height: normal;
  transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  -webkit-transition: all 0.35s ease-out;
  -ms-transition: all 0.35s ease-out;
}
.link-setion-text .link-more {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-top: 15px;
  padding: 3px 15px;
  border: 1px solid #fff;
  font-size: 13px;
}
.link-setion .opacity-overlay {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  background: #004f99;
  opacity: 0;
  filter: alpha(opacity=0);
  _height: expression((this.parentElement.clientHeight) +'px');
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.link-setion a:hover .link-setion-text h3 {
  margin-top: 0px;
}
.link-setion a:hover .link-setion-text p {
  margin-top: 0px;
}
.link-setion a:hover .opacity-overlay {
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.module-full-screen-more { float:none; clear:both; margin-top:0px;text-align:center;width: 185px;}
.module-full-screen-more a { display:inline-block; *display:inline; *zoom:1; line-height:34px; padding:0 15px; border:1px solid #3A96D7; color:#fff; transition:all 0.5s ease 0s;background-color:#3A96D7;border-radius: 5px; }
.module-full-screen-more a:hover, .module-full-screen-more a:active { background-color:#005db4; border-color:#005db4; color:#fff; text-decoration:none;border-radius: 5px; }

.module-full-screen-more2 { float:none; clear:both; margin-top:0px;text-align:center;}
.module-full-screen-more2 a { display:inline-block; *display:inline; *zoom:1; line-height:45px; padding:0 25px; border:1px solid #F2B300; color:#333; transition:all 0.5s ease 0s;background-color:#F2B300;border-radius: 25px; }
.module-full-screen-more2 a:hover, .module-full-screen-more2 a:active { background-color:#F2B300; border-color:#F2B300; color:#fff; text-decoration:none;border-radius: 25px; }

.pin25{padding: 25px;box-sizing: border-box;}
.pin20{padding: 20px;box-sizing: border-box;}
.pin15{padding: 15px;box-sizing: border-box;}
.element {
  /* 从上到下的线性渐变 */
  background: linear-gradient(to bottom, #E2E6F3, #F8F8FC);
  /* 或者可以简写成：background: linear-gradient(#E2E6F3, #F8F8FC); */
  /* 因为默认方向就是从上到下 */
}
.yuan10{border-radius: 5px;}
/*分页*/
.pager {text-align: center; margin: 20px 0;}
.pager ul {display: flex; flex-wrap: wrap; justify-content: center}
.pager ul li {display: inline-block;}
.pager ul li a {padding: 5px 15px; border: #dddddd solid 1px; margin-left: -1px; display: inline-block;}
.pager ul li a:hover {border-color: #70c4f3; background-color: #70c4f3; }
.pager ul .active a {border: #0061b0 solid 1px; display: inline-block; background-color: #0061b0; color: #fff;}
.pager ul a:not([href]):not([class]):hover {border: #dddddd solid 1px; background-color: #fff}
.pager ul .active a:hover {color: #fff; border: #0061b0 solid 1px !important; background-color: #0061b0 !important}
@media screen and (max-width: 767px) {
    
.nofel{display: block !important}    

    .wapno{display: none !important}    
    .poo{    position: relative !important;}    
.wrap {
    width: 100%;
    margin: 0 auto;
}    
    
    
    .column .col-2-1, .column .col-3-1, .column .col-4-1, .column .col-4-2, .column .col-5-1, .column .col-3-2, .column .col-4-3, .column .col-5-2, .column .col-5-3, .column .col-5-4 {
        width: 100% !important;
        margin-right: 0 !important;
    }
}