/* 动态效果 */

[class*="anim"]:hover,
[class*="anim"] * {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}

/* 鼠标经过时字体颜色变化*/
.animhover:hover {
  color: #4B84F7 !important;
}

/*特殊放大*/
.aninlarge:hover {
  transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

/* 鼠标经过时背景色变化*/
.animbtn:hover {
  color: #fff !important;
  background-color: #4B84F7 !important;
  border-color: #4B84F7 !important;
}

/* 鼠标经过时放大*/
.animlarge:hover {
  transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
}

/* 鼠标经过时图片放大 */
.animenlarge:hover img {
  transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
}

/* 鼠标经过时旋转*/
.animrotate:hover {
  transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}

.animrota {
  transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}

/* 鼠标经过时图片旋转 */
.animrevolve:hover img {
  transform: rotate(-360deg);
  -o-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  -moz-transform: rotate(-360deg);
  -webkit-transform: rotate(-360deg);
}

/* 鼠标经过时边框阴影变化*/
.animbsh:hover {
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
}

/* 鼠标经过时上移*/
.animmove:hover {
  transform: translate(0, -10px);
  -o-transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  -moz-transform: translate(0, -10px);
  -webkit-transform: translate(0, -10px);
}

.animmover:hover {
  transform: translate(10px, 0px);
  -o-transform: translate(10px, 0px);
  -ms-transform: translate(10px, 0px);
  -moz-transform: translate(10px, 0px);
  -webkit-transform: translate(10px, 0px);
}

/* 鼠标经过时高亮*/
.animfilter:hover {
  filter: brightness(1.15);
}

/* 动态效果end */

/**/
a {
  text-decoration: none !important;
}

.wd32 {
  width: 32%;
}

.wd48 {
  width: 48%;
}

.wd67 {
  width: 67%;
}

.wd83 {
  width: 83%;
}

.ht50 {
  height: 50%;
}

.px20 {
  padding: 20px;
}

.ptb10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ptb20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.plr20 {
  padding-left: 20px;
  padding-right: 20px;
}

.mt100 {
  margin-top: 100px;
}

.mr0 {
  margin-right: 0 !important;
}

.mr40 {
  margin-right: 40px;
}

.mb15 {
  margin-bottom: 15px;
}

.colbfb {
  color: #bfbfbf;
}

.bg1b2 {
  background-color: #1b243a;
}

.bg1e1 {
  background-color: #1e1e1e;
}

.bgtr {
  background-color: transparent !important;
}

.bgff9a02 {
  background: #ff9a02;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

.bshadow {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}

.icons {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

/* 首页-特色馆 开始 */
.sy-tab {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.sy-tab .layui-tab-title {
  position: absolute;
  top: 18px;
  left: calc(50% - 160px);
}

.sy-tab .layui-tab-content {
  top: 60px;
}

.sy-tab .layui-nav-item {
  width: 125px;
  height: 35px;
  display: inline-block;
  background: url(../images/rehu.png) no-repeat;
  background-size: 100% 100%;
  font-size: 16px;
  color: #def2f5;
  text-align: center;
  line-height: 32px;
}

.sy-tab .layui-this {
  background: url(../images/check.png) no-repeat;
  background-size: 100% 100%;
}

.sy-tab .layui-this::after {
  display: none;
}

.sy-tab .layui-tab-item {
  width: 100%;
  height: 490px;
}

.htx120 {
  height: 120px;
}

.header-logo {
  width: 330px;
  height: auto;
}

.header-nav > li {
  margin-left: 35px;
}

.logo-li {
  height: 120px;
  line-height: 120px;
}

.header-nav > .this > a {
  color: #4B84F7;
}

.header-nav > li:hover > a {
  color: #4B84F7;
}

.col165 {
  color: #4B84F7;
}

.col165:hover {
  color: #4B84F7;
}

.bg165 {
  background-color: #4B84F7;
}

.htx80 {
  height: 80px;
}

.lh8 {
  line-height: 80px;
}

.dfg-nav {
  background: url(../images/dfg-icon.png) no-repeat;
  background-position-y: bottom;
  background-position-x: 340px;
  background-size: 602px 346px;
}

.header-nav li > div {
  display: none;
}

.header-nav li:hover > div {
  display: block;
  z-index: 999;
}

.banner {
  width: 100%;
  height: 490px;
  background-size: 100% 100%;
}

.banner-input {
  height: 50px;
  line-height: 50px;
  padding-left: 27px;
  border-radius: 5px;
  font-size: 16px;
}

.banner-input::placeholder {
  color: #bdc2c7;
}

.banner-btn {
  height: 50px;
  line-height: 50px;
  width: 156px;
  right: 0;
}

.wdx220 {
  width: 220px;
}

.wdx260 {
  width: 260px;
}

.tsg-banner {
  background: url(../images/new-banner1.png) no-repeat;
  background-size: 1920px 100%;
  background-position-x: center;
}

.dfg-banner {
  background: url(../images/new-banner2.png) no-repeat;
  background-size: 1920px 100%;
  background-position-x: center;
}

.cyl-banner {
  background: url(../images/sy-banner-1.png) no-repeat;
  background-size: 1920px 100%;
  background-position-x: center;
}

.banner .tsg-banner .animfilter {
  width: 120px;
}

.banner-tab {
  height: 54px;
}

.banner-tab .layui-nav-item {
  width: 50% !important;
  height: 54px;
  line-height: 54px;
}

.m0 {
  margin: 0 !important;
}

.banner-tab .layui-this {
  color: #1156a3;
  font-weight: bold;
}

.banner-tab .layui-this:after {
  position: absolute;
  left: 0;
  top: auto;
  bottom: 3px;
  content: "";
  width: 100%;
  height: 3px !important;
  border: none;
  background-color: #1156a3;
}

.tab-list img {
  max-width: 21px;
  max-height: 21px;
  display: inline-block;
  margin-right: 16px;
  vertical-align: center;
}

.tab-list li img:nth-of-type(1) {
  display: inline-block;
}

.tab-list li img:nth-of-type(2) {
  display: none;
}

.tab-list li:hover img:nth-of-type(1) {
  display: none;
}

.tab-list li:hover img:nth-of-type(2) {
  display: inline-block;
}

.pop-menu .layui-tab-item li,
.pop-menu .layui-tab-item li a {
  height: 41px;
  line-height: 41px;
}

.pop-menu .layui-tab-item li:hover,
.pop-menu .layui-tab-item li:hover > a {
  background-color: #ebf4fd;
  color: #4B84F7 !important;
  height: 45px;
  line-height: 45px;
}

.pl25 {
  padding-left: 25px;
}

.layui-tab-item.layui-show {
  display: none !important;
}

.layui-tab-item.item-show {
  display: block !important;
}

.wdx60 {
  width: 60px;
}

.htx60 {
  height: 60px;
}

.wdx105 {
  width: 105px;
}

.htx36 {
  height: 36px;
}

.lh36 {
  line-height: 36px;
}

.bg6a3 {
  background-color: #1156a3;
}

.bor6a3 {
  border: 1px solid #1156a3;
}

.col6a3 {
  color: #1156a3;
}

.col6a3:hover {
  color: #1156a3;
}

.borbtme8 {
  border-bottom: 1px solid #e8e8e8;
}

.htx50 {
  height: 50px;
}

.lh50 {
  line-height: 50px;
}

.bgf18 {
  background-color: #f18101;
}

.bg4cc {
  background-color: #4cc1b9;
}

.htx390 {
  height: 390px;
}

.lst-btn {
  padding-left: 24px;
}

.lst-btn img {
  max-width: 44px;
}

.htx35 {
  height: 35px;
}

.wdx325 {
  width: 325px;
}

.bgcheck {
  background: url(../images/check.png) no-repeat;
  background-size: 100% 100%;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 32px;
}

.bgcheck:hover {
  color: #fff;
}

.bgrehu {
  background: url(../images/rehu.png) no-repeat;
  background-size: 100% 100%;
  font-size: 16px;
  color: #def2f5;
  text-align: center;
  line-height: 32px;
}

.bgrehu:hover {
  color: #def2f5;
}

.htx70 {
  height: 40px;
}

.wdx170 {
  width: 170px;
}

.bg-new {
  background: url(../images/new.png) no-repeat;
  background-size: 100% 100%;
}

.colc71 {
  color: #c71b17;
}

.lh70 {
  line-height: 70px;
}

.bgebf {
  background-color: #ebf4fd;
}

.index-list {
  margin-left: 45px;
}

.index-list .swiper-slide {
  height: 70px;
}

.swiper-ul li {
  float: left;
  color: #a6c7e8;
  position: relative;
  height: 70px;
}

.swiper-ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #a6c7e8;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: -15px;
  top: calc(50% - 2.5px);
}

.swiper-ul li a {
  width: 430px;
  display: inline-block;
  height: 70px;
  line-height: 70px;
}

.tit-nav {
  height: 54px;
  /* background: url(../images/title.png) no-repeat; */
  background-size: contain 10px;
  background-position-y: center;
  border-bottom: 3px solid #4B84F7;
}

.mt45 {
  margin-top: 45px;
}

.tit-nav .title {
  width: 250px;
  height: 54px;
  padding: 0 50px;
  background: url(../images/titlenav.png) no-repeat;
  background-size: 100% 100%;
}

.tit-nav .title .col165 {
  color: #fff;
}

.tit-nav a.bore6 {
  border: none;
}

.tit-nav a.lh40 {
  line-height: 54px;
  text-align: right;
}

.tit-nav a.col333 {
  color: #4B84F7;
}

.tit-nav .title img {
  width: 41px;
}

.wdx160 {
  width: 160px;
}

.htx40 {
  height: 40px;
}

.lh40 {
  line-height: 40px;
}

.bore6 {
  border: 1px solid #e6e6e6;
}

.demo-list .layui-nav-item {
  width: 143px;
}

.demo-list .layui-nav-item + li {
  margin-left: 1px;
}

.demo-list .layui-this,
.demo-list li:hover {
  background-color: #4B84F7;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  width: 144px;
}

.demo-list .layui-this:after {
  display: none;
}

.bgf3f {
  background-color: #f3f5f9;
}

.wdx245 {
  width: 245px;
}

.htx365 {
  height: 365px;
}

.p22 {
  padding: 22px;
}

.htx24 {
  height: 24px;
}

.lh24 {
  line-height: 24px;
}

.bordd8 {
  border: 1px solid #dd852e;
}

.coldd8 {
  color: #dd852e;
}

.borcd2 {
  border: 1px solid #459cd2;
}

.colcd2 {
  color: #459cd2;
}

.bor59a {
  border: 1px solid #59af8a;
}

.col59a {
  color: #59af8a;
}

.plr10 {
  padding-left: 10px;
  padding-right: 10px;
}

.wdx310 {
  width: 310px;
}

.htx300 {
  height: 300px;
}

.bgf7f {
  background-color: #f7f8fa;
}

.borlfe5 {
  border-left: 1px solid #e5e5e5;
}

.ptb5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.swiper-button-prev {
  width: 32px;
  height: 32px;
  background-color: #4B84F7;
  border-radius: 50%;
  left: -10px;
}

.swiper-button-next {
  width: 32px;
  height: 32px;
  background-color: #4B84F7;
  border-radius: 50%;
  right: -10px;
}

.wdx640 {
  width: 640px;
}

.htx130 {
  height: 130px;
}

.wdx265 {
  width: 265px;
}

.wdx20 {
  width: 20px;
}

.wdx30 {
  width: 30px;
}

.htx30 {
  height: 30px;
}

.bor1be {
  border: 1px solid #6891be;
}

.bortopdashe0 {
  border-top: 1px dashed #e0e0e0;
}

.cg-tit {
  height: 26px;
  line-height: 26px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 4px;
  background-color: #539fed;
  top: -13px;
}

.wdx80 {
  width: 80px;
}

.pp-bor {
  border: 1px solid #e6e6e6;
}

.flex {
  display: flex;
}

.plr25 {
  padding-left: 25px;
  padding-right: 25px;
}

.animshow:hover .bg165 {
  transform: translate(0, -120px);
  -o-transform: translate(0, -120px);
  -ms-transform: translate(0, -120px);
  -moz-transform: translate(0, -120px);
  -webkit-transform: translate(0, -120px);
}

.bgf2 {
  background-color: #f2f2f2;
}

.through > li {
  position: absolute;
  top: 30px;
}

.through > li:nth-of-type(2) {
  left: 230px;
  width: 540px;
}

.through > li:nth-of-type(3) {
  left: 790px;
}

.through > li:nth-of-type(4) {
  right: 0px;
  width: 100px;
}

.through > li > h4 {
  font-family: MicrosoftYaHei-Bold;
  font-size: 14px;
  font-weight: 800;
  font-stretch: normal;
  line-height: 14px;
  letter-spacing: 0px;
  color: #333333;
  padding-bottom: 20px;
}

.through > li > h5 {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 32px;
  letter-spacing: 0px;
  color: #333333 !important;
}

.summer {
  position: absolute;
  top: 0px;
  left: 245px;
}

.summer > h5 {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 32px;
  letter-spacing: 0px;
  color: #333333 !important;
}

.adress {
  font-family: ArialMT;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 50px;
  letter-spacing: 0px;
  color: #ffffff;
  text-align: center;
  border-top: 1px solid #a2a2a5;
  width: 100%;
  bottom: 0;
}

.wdx205 {
  width: 205px;
}

.bgeb {
  background-color: #ebebeb;
}

.ul-zfbm li {
  border-bottom: 1px solid #fff;
}

.htx110 {
  height: 110px;
}

.wdx240 {
  width: 240px;
}

.wdx130 {
  width: 130px;
}

/*首页end*/
.col000:hover {
  color: #4B84F7;
}

.wd560 {
  width: 560px;
}

.itemgrow1 {
  flex-grow: 1;
}

.col666:hover {
  color: #4B84F7;
}

.bgf2 {
  background: #f2f2f2;
}

.bgimg {
  background: url("../../../common/image/contactus-bg.png") no-repeat fixed;
  background-size: cover;
}

.subtitle {
  font-size: 26px;
  font-weight: bold;
  padding: 20px 25px;
  color: #4B84F7;

  position: relative;
}

.subtitle:after {
  content: "";

  position: absolute;
  width: 9px;
  height: 23px;
  background-color: #4B84F7;
  top: 27px;
  left: 0;
}

.layui-btn {
  background: #4B84F7;
}

.layui-laydate .layui-laydate-content .layui-this {
  background-color: #4B84F7 !important;
}

.conform .layui-form-label {
  padding: 5px 15px;
}

.layui-inline-time {
  display: inline-block;
  width: 365px;
  border: 1px solid #e8e8e8;
  background: #f8f8f8;
  height: 34px;
  position: relative;
}

.layui-inline-time .layui-input {
  position: absolute;
  height: 32px;
  width: 165px;
  border: none;
  border-right: 1px solid #e8e8e8;
}

.layui-inline-time .input-left {
  left: 0;
}

.layui-inline-time .input-right {
  left: 200px;
  border-left: 1px solid #e8e8e8;
}

.layui-inline-time .layui-form-mid {
  position: absolute;
  left: 180px;
  top: -5px;
}

.layui-inline-time .iconleft {
  color: #6d6d6d;
  position: absolute;
  left: 140px;
  top: 8px;
  font-size: 16px;
}

.layui-inline-time .iconright {
  color: #6d6d6d;
  position: absolute;
  left: 337px;
  top: 8px;
  font-size: 16px;
}

.zhstitem {
  padding: 30px 35px;
  border-bottom: 2px solid #f2f2f2;
  background: #fff;
}

.zhstitem-img {
}

.zhstitem-img .ofzm {
  width: 200px;
  height: 126px;
  overflow: hidden;
}

.zhstitem-img img {
  width: 200px;
  height: 126px;
  cursor: pointer;
}

.zhstitem-imgtip {
  color: #f6f6f6;
  font-size: 14px;
  background: url(../images/daybg.png) no-repeat;
  width: 136px;
  height: 32px;
  line-height: 30px;
  position: absolute;
  padding-left: 12px;
  top: 0px;
  left: -7px;
}

.zhstitem-txt {
  padding-left: 30px;
}

.layui-laypage-btn {
  border: 1px solid #4B84F7 !important;
  color: #4B84F7;
  border-radius: 4px;
}

footer {
  box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.08);
}

/*对接成果*/
.befor-tit {
  position: relative;
  text-indent: 24px;
}

.befor-tit::before {
  content: "";
  width: 9px;
  height: 22px;
  top: 50%;
  margin-top: -11px;
  background-color: #4B84F7;
  display: inline-block;
  position: absolute;
  left: 0;
}

.htx150 {
  height: 150px;
}

.cg-tit2 {
  background-color: #dae6f3;
  top: 0;
  border-radius: 0px 0px 4px 4px;
  height: 25px;
  line-height: 25px;
}

.col4f7 {
  color: #4f759d;
}

.pt25 {
  padding-top: 25px;
}

/*对接成果 end*/

/* 需求详情 */
.colorg {
  color: #eb6d06;
}

.mt20 {
  margin-top: 20px;
}

.wdx380 {
  width: 380px;
}

.bgf7 {
  background: #f7f8fa;
}

.linkblue {
  color: #1d75d4;
}

.linkblue:hover {
  color: #4f759d;
}

.demo-list .layui-nav-item {
  padding: 0;
  font-size: 18px;
}

.demo-list .layui-tab-bar {
  display: none;
}

/* .demo-list .layui-this{
    color: #1e53d9;
    font-weight: bold;
    position: relative;
} */
.demo-list > .layui-tab-title > .layui-this::after {
  background-color: #4B84F7;
  height: 3px;
  top: auto;
  bottom: 0 !important;
  box-sizing: content-box;
}

.mt35 {
  margin-top: 35px;
}

.p35 {
  padding: 35px;
}

.layui-tab-title.layui-tab-title2 {
  padding: 20px 0 0px 35px;
  height: auto;
}

.demo-list .layui-tab-title2 .layui-nav-item {
  padding: 0 5px;
  margin-right: 50px;
  width: auto;
  font-size: 18px;
  padding-bottom: 5px;
  border-radius: 0;
}

.demo-list .layui-tab-title2 .layui-this {
  color: #000;
  font-weight: bold;
  position: relative;
  background: none;
  border-bottom: 3px solid #1e53d9;
}

.expimg-wrap {
  margin-top: 20px;
}

.expimg-wrap .expimg {
  width: 120px;
  height: 120px;
  margin-right: 20px;
  cursor: pointer;
}

.expimg-wrap .expimg img {
  width: 100%;
  height: 100%;
  display: block;
}

.layui-table th {
  background: #e8f0f9;
  padding: 15px;
  font-size: 16px;
}

.layui-table td {
  padding: 15px;
  font-size: 16px;
}

/* 图片放大效果 */

/* 供方市场 */
.conform .layui-form-label {
  line-height: normal;
}

.chobox {
  margin-top: 3px;
  margin-left: 20px;
  width: calc(100% - 140px);
}

.chobox label {
  margin-right: 10px;
}

.chobox .layui-form-radio {
  margin-top: 0;
}

.chobox .layui-unselect .layui-icon {
  display: none;
}

.chobox .layui-form-radio .layui-anim.layui-icon {
  color: #71a0d3;
  font-size: 16px;
}

.chobox .layui-form-radio div,
.chobox .layui-form-checkbox span {
  color: #333;
  font-size: 16px;
  padding: 0 14px;
  margin-left: -20px;
  position: relative;
  border-radius: 5px;
}

.chobox .layui-form-radioed div,
.chobox .layui-form-radio div:hover,
.chobox .layui-form-checked span,
.chobox .layui-form-checkbox span:hover {
  background-color: #71a0d3;
  color: #fff;
}

.chobox .layui-form-checkbox {
  margin-top: 0 !important;
  margin-left: -26px;
  margin-right: 10px;
  padding-right: 10px;
}

.chobox .layui-form-checkbox span {
  display: block;
  line-height: 28px;
}

.plr30 {
  padding-left: 30px;
  padding-right: 30px;
}

.sortbox {
  height: 60px;
  line-height: 60px;
}

.sortbox li {
  padding-right: 46px;
}

.sortbox li.on span,
.sortbox li:hover * {
  color: #4B84F7;
}

.sortbox i {
  color: #8a8e99;
  right: 30px;
}

.sortbox i.on {
  color: #252b3a;
}

.sortbox .fa-sort-asc {
  top: 42%;
}

.sortbox .fa-sort-desc {
  top: 42%;
}

.lists > div.wrap {
  margin-left: -20px;
}

.lists > div.wrap .bgfff {
  margin-left: 20px;
  margin-bottom: 20px;
}

.gfsc > a {
  width: 244px;
  padding: 23px 21px;
}

.gfsc .pic {
  width: 200px;
  height: 200px;
}

.gfsc .pic img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

/* 供方市场end */

/* 供应详情 */
.col1d75 {
  color: #1d75d4;
}

.bor1658 {
  border: 1px solid #4B84F7;
}

.plr35 {
  padding-left: 35px;
  padding-right: 35px;
}

.pro-info {
  width: 890px;
}

.pro-pic {
  width: 280px;
}

.pro-info .pic-top {
  height: 280px;
}

.pro-info .swiper-slide {
  background-size: cover;
  background-position: center;
}

.pro-info .pic-thumbs {
  height: 64px;
  margin-top: 10px;
}

.pic-thumbs .swiper-slide-thumb-active {
  border: 1px solid #4B84F7;
}

.pro-pic + div {
  width: calc(100% - 320px);
}

.pro-info .tag span {
  height: 24px;
  line-height: 22px;
  border-radius: 5px;
}

.pro-info .layui-btn {
  width: 120px;
  height: 36px;
  line-height: 36px;
  border-radius: 5px;
}

.icon-message {
  width: 17px;
  height: 17px;
  background-image: url(../images/icon-message.png);
}

.shop-info {
  width: 345px;
  height: 354px;
  padding-left: 35px;
  border-left: 1px solid #e2e2e2;
}

.shop-info .pic {
  width: 200px;
  height: 93px;
}

.shop-info p {
  height: 146px;
  line-height: 25px;
  margin-top: 20px;
}

.gy-details {
  width: 900px;
}

.gtitle-1 {
  height: 65px;
  line-height: 65px;
}

.gtitle-1 h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 4px;
  background-color: #4B84F7;
}

.gy-details h5:before {
  content: "";
  position: absolute;
  top: 17%;
  left: -20px;
  width: 10px;
  height: 16px;
  background: url(../images/icon-subtitle.png) no-repeat 0 center;
}

.gy-content * {
  font-size: inherit;
}

.gy-content img {
  width: auto;
  max-width: 100%;
  margin: 10px auto;
}

.gy-content li:before {
  content: "";
  position: absolute;
  top: 44%;
  left: -20px;
  width: 5px;
  height: 5px;
  border-radius: 2px;
  background-color: #b3b3b3;
}

.guess-box {
  width: 380px;
  margin-left: 20px;
}

.guess-box a.flex {
  padding: 15px 0;
  border-bottom: 1px dashed #ddd;
}

.guess-box .pic {
  width: 90px;
  height: 90px;
}

.guess-box .txts {
  width: calc(100% - 90px);
  padding-left: 20px;
}

.guess-box a:hover h5 {
  color: #4B84F7;
}

.refresh {
  height: 60px;
  line-height: 60px;
}

/* 供应详情end */

/* 纺织产业链视图 */

.wdx165 {
  width: 165px;
}

.wdx780 {
  width: 780px;
}

.htx270 {
  height: 270px;
}

.bor369 {
  border: 1px solid #3695ed;
}

.bordash369 {
  border: 1px dashed #3695ed;
}

.wdx120 {
  width: 120px;
}

.wdx25 {
  width: 25px;
}

.wdx150 {
  width: 150px;
}

.col3b5 {
  color: #3b5171;
}

.plr18 {
  padding-left: 18px;
  padding-right: 18px;
}

.mlr7 {
  margin-left: 7px;
  margin-right: 7px;
}

.plr12 {
  padding-left: 12px;
  padding-right: 12px;
}

.bg418 {
  background-color: #418ee3;
}

.bgecf {
  background-color: #ecf3ff;
}

.col295 {
  color: #29549d;
}

.bgfee {
  background-color: #fee5b9 !important;
}

.coldc4 {
  color: #dc4901 !important;
}

.bgf6f9 {
  background-color: #f6f9ff;
}

.views .show:hover {
  background-color: #fee5b9;
  color: #dc4901;
}

.bore2 {
  border: 1px solid #e2e2e2;
}

.borbtme2 {
  border-bottom: 1px solid #e2e2e2;
}

.wdx320 {
  width: 320px;
}

.bgf4f {
  background-color: #f4f5f9;
}

.tx-nav input {
  width: 100%;
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  font-size: 14px;
  text-indent: 15px;
}

.tx-nav input::placeholder {
  color: #cccccc;
}

.htx90 {
  height: 90px;
}

.bg1f8 {
  background-color: #ebf1f8;
}

.col527 {
  color: #527aa5;
}

.plr8 {
  padding-left: 8px;
  padding-right: 8px;
}

.borradius4 {
  border-radius: 4px;
}

.views .scroll::-webkit-scrollbar {
  width: 10px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}

.views .scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.15);
}

/*滚动条里面轨道*/
.views .scroll::-webkit-scrollbar-track {
  border-radius: 0;
  background: #fff;
}

.screen-full {
  background: url(../images/full-ico.png) no-repeat;
  width: 19px;
  height: 19px;
  background-size: 100% 100%;
  background-position-y: center;
}

.screen-restore {
  background: url(../images/tuichu.png) no-repeat;
  width: 19px;
  height: 19px;
  background-size: 100% 100%;
  background-position-y: center;
}

.btn-screen i {
  margin-right: 7px;
  font-size: 20px;
  color: #4B84F7;
}

.imblock {
  display: block !important;
}

.tx-nav {
  display: none;
}

.need-shownav > div:nth-of-type(1) {
  padding-left: 13vw !important;
  padding-top: 10vh !important;
}

/* 纺织产业链视图 end */
.tx-nav1 {
  display: none;
}

.tx-nav2 {
  display: none;
}

.tx-nav3 {
  display: none;
}

.tx-nav4 {
  display: none;
}

.tx-nav5 {
  display: none;
}

.tx-nav6 {
  display: none;
}

.tx-nav7 {
  display: none;
}

.tx-nav8 {
  display: none;
}

.tx-nav9 {
  display: none;
}

/* 物流信息 */
.wlxx > div {
  width: 420px;
  padding: 30px 25px;
  background-repeat: no-repeat;
  background-position: calc(100% - 30px) calc(100% - 30px);
}

.wlxx-hy {
  background-image: url(../images/icon-wlxx-1.png);
}

.wlxx-ky {
  background-image: url(../images/icon-wlxx-2.png);
}

.wlxx-ly {
  background-image: url(../images/icon-wlxx-3.png);
}

.wlxx-whp {
  background-image: url(../images/icon-wlxx-4.png);
}

.wlxx-ll {
  background-image: url(../images/icon-wlxx-5.png);
}

.wlxx-qt {
  background-image: url(../images/icon-wlxx-6.png);
}

.wlxx > div:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  opacity: 0;
  width: 100%;
  border-bottom: 2px solid #4B84F7;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.wlxx > div:hover:after {
  bottom: 0;
  opacity: 1;
}

.wlxx > div:hover h5 a {
  color: #4B84F7;
}

.lists .wrap .choice {
  height: 80px;
}

.lists .wrap .choice .prt:before {
  content: "";
  position: absolute;
  top: calc(50% - 22px);
  left: 0;
  height: 44px;
  border-left: 1px solid #e5e5e5;
}

/* 物流信息end */

/* 需方市场 */
.xfsc > a {
  width: 310px;
  padding: 23px;
}

.xfsc > a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  opacity: 0;
  width: 100%;
  border-bottom: 2px solid #4B84F7;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.xfsc > a:hover:after {
  bottom: 0;
  opacity: 1;
}

.lists .txts .flex-start .ellipsis {
  width: calc(100% - 70px);
}

.lists .choice p span {
  margin-right: 2px;
}

.lists2 > div.wrap {
  margin-left: -20px;
}

.lists2 > div.wrap .bgfff {
  margin-left: 20px;
  margin-bottom: 30px;
}

.lists2 > div.wrap .bgfff:nth-child(even){
  margin-left: 30px;
}

.lists2 .wrap .choice {
  height: 80px;
}

.lists2 .wrap .choice .prt:before {
  content: "";
  position: absolute;
  top: calc(50% - 22px);
  left: 0;
  height: 44px;
  border-left: 1px solid #e5e5e5;
}

.lists2 .txts .flex-start .ellipsis {
  width: calc(100% - 70px);
}

.lists2 .choice p span {
  margin-right: 2px;
}

/* 需方市场end */

/* 需求发布 */
.xq-left {
  width: 897px;
  border-right: 1px solid #e2e2e2;
}

.pr60 {
  padding-right: 60px;
}

.ml0 {
  margin-left: 0 !important;
}

.xq-left .layui-form {
  padding-left: 26px;
}

.xq-left .layui-form * {
  font-size: 16px;
}

.xq-left .layui-form-item {
  width: 100%;
  margin-bottom: 20px;
}

.xq-left .layui-form-item:after {
  content: none;
}

.xq-left .layui-form-label {
  float: none;
  width: 100%;
  color: #333;
  text-align: left;
}

.xq-left .layui-form-item .layui-inline {
  width: 390px;
  margin-right: 0;
}

.xq-left .layui-input-inline {
  float: none;
  width: 100%;
  margin-right: 0;
  position: relative;
}

.layui-form-select dl dd.layui-this {
  background-color: #4B84F7;
}

.xq-left .layui-input.icon-date {
  width: 280px;
  background: url(../images/icon-date.png) no-repeat calc(100% - 20px) center;
}

.layui-form-radio > i:hover,
.layui-form-radioed > i {
  color: #4B84F7;
}

.xq-left .layui-form-radio {
  margin: 0;
  padding-right: 0;
}

.xq-left .layui-input:disabled {
  cursor: not-allowed;
  background-color: #f2f2f2;
}

.xq-left .dateOpt {
  top: 0;
  left: 0;
  width: 280px;
  height: 38px;
  opacity: 0;
  z-index: -1;
}

.xq-left .dateOpt .layui-form-radio {
  width: 100%;
}

.layui-input::-webkit-input-placeholder {
  color: #bec2c9;
}

.layui-input::-ms-input-placeholder {
  color: #bec2c9;
}

.layui-input:-ms-input-placeholder {
  color: #bec2c9;
}

.layui-input::-moz-placeholder {
  color: #bec2c9;
}

.layui-input:-moz-placeholder {
  color: #bec2c9;
}

.layui-input::placeholder {
  color: #bec2c9;
}

.xq-left .layui-input.amount {
  width: 280px;
}

.xq-left .layui-input.unit {
  width: 100px;
}

.layui-upload .layui-btn {
  color: #8591a0;
  width: 120px;
  height: 120px;
  border-radius: 3px;
  border: 1px solid #ddd;
}

.layui-upload .layui-btn .layui-icon {
  display: block;
  line-height: normal;
  margin-right: 0;
}

.layui-upload .layui-upload-img {
  width: 120px;
  height: 120px;
  margin-left: 10px;
  border-radius: 3px;
  border: 1px solid #ddd;
}

.layui-upload .icon-close {
  top: -10px;
  right: -10px;
  width: 26px;
  height: 26px;
  background-image: url(../images/icon-close-img.png);
}

.xq-left .layui-form-item.flex-center .layui-btn {
  width: 200px;
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
}

.xq-right {
  width: calc(100% - 897px);
  padding-left: 20px;
}

.xq-right .chart1 {
  width: 200px;
  height: 200px;
  margin: 20px auto;
}

.xq-right .fulfil {
  padding-left: 27px;
  padding-right: 16px;
}

.fulfil > div {
  border-bottom: 1px dashed #e0e0e0;
}

.fulfil .complete p {
  color: #333;
}

.fulfil .icon-ok {
  width: 18px;
  height: 18px;
  background-image: url(../images/icon-ok.png);
}

.fulfil .complete .icon-ok {
  background-image: url(../images/icon-ok-on.png);
}

/* 需求发布end */

/* 看企业 */
.banner-kqy {
  height: 340px;
  background: url(../images/banner-kqy.jpg) no-repeat;
  background-size: 100% 100%;
}

.banner-tip {
  font-size: 48px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding-top: 70px;
}

.layui-tab-title3 {
  padding-left: 490px !important;
}

.demo-list .layui-tab-title3 .layui-nav-item {
  padding: 8px 35px;
}

.demo-list .layui-tab-title3 .layui-nav-item.layui-this {
  color: #4B84F7;
}

.bluetip {
  font-size: 14px;
  padding: 5px 10px;
  color: #527aa5;
  background-color: #ebf1f8;
  border-radius: 4px;
}

.pl35 {
  padding-left: 35px;
}

.qyimg {
  border: 1px solid #e8e8e8;
  overflow: hidden;
  width: 200px;
  height: 90px;
}

.qyimg .ofzm {
  width: 200px;
  height: 90px;
  overflow: hidden;
}

.qyimg .ofzm img {
  width: 200px;
  height: 90px;
}

.animbsh:hover .qytitle {
  color: #4B84F7;
}

.subradio {
  display: block;
  padding-left: 103px;
}

.subradio-chobox {
  background-color: #f6f6f6;
  display: none;
  border-radius: 4px;
  line-height: 40px;
  padding: 0 20px;
}

.htx335 {
  height: 335px;
}

.gfsc .btnblue {
  height: 40px;
  background-color: #4B84F7;
  border-radius: 4px;
  font-size: 14px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 199px;
  color: #fff;
  border: none;
  cursor: pointer;
  display: none;
}

.gfsc .animbsh:hover .btnblue {
  display: block;
}

.gfsc2 > a {
  width: 48%;
  height: 350px;
  padding: 23px 35px;
  border: 1px solid #E9E9E9;
}

.gfsc2 > a .ofzm img{
  width: 100px;
  margin-left: -20px;
}

.gfsc2 .pic {
  width: 100%;
}

.gfsc2 .pic img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

.gfsc2 .btnblue {
  height: 40px;
  background-color: #4B84F7;
  border-radius: 4px;
  font-size: 14px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 199px;
  color: #fff;
  border: none;
  cursor: pointer;
  display: none;
}

.gfsc2 .animbsh:hover .btnblue {
  display: block;
}

.server-list div{
  padding: 3px 8px;
  color: #fff;
  background: #000;
  margin-right: 8px;
  font-size: 14px;
  border-radius: 5px;
}

.server-list .server-color-org{
  background: #F29236;
}
.server-list .server-color-pink{
  background: #FF8D8D;
}
.server-list .server-color-green{
  background: #34A219;
}
.server-list .server-color-blue{
  background: #36A7F2;
}

/* 搜索结果 */
.searechform {
  border: solid 2px #4B84F7;
  border-radius: 5px;
  width: 900px;
}

.searechform .btnblue {
  width: 150px;
  height: 50px;
  background-color: #4B84F7;
  border-radius: 0px 3px 3px 0px;
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-size: 18px;
}

.searechform input {
  border: none;
  font-size: 16px;
}

.advanced-btn {
  width: 150px;
  height: 50px;
  line-height: 48px;
  margin-left: 20px;
  border-radius: 5px;
  background-color: #f5faff;
}

.demo-list-no .layui-tab-title {
  border: none !important;
}

.demo-list-no .layui-tab-title .layui-this {
  color: #4B84F7;
}

.searchout-tip {
  height: 40px;
  background-color: #f6f6f6;
  line-height: 40px;
  padding-left: 15px;
  margin-top: 25px;
  font-size: 16px;
  color: #666;
}

.search-out .style1 .pic {
  border: solid 1px #e8e8e8;
  width: 110px;
  height: 110px;
}

.search-out .style1 {
  cursor: pointer;
}

.search-out .style2 .pic {
  border: solid 1px #e8e8e8;
  width: 174px;
  height: 80px;
}

.search-out .style2 {
  cursor: pointer;
}

/* 展会详情 */
.zhxq-tabcont {
  padding: 0 10px;
}

.zhxq-tabcont p {
  font-size: 16px;
  color: #333;
  line-height: 30px;
  margin-top: 10px;
}

.zhxq-tabcont h3 {
  line-height: 80px;
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
}

.zhxq-tabcont p b {
  font-weight: bold;
}

.msglink {
}

.msglink .msglink-txt {
  font-size: 18px;
  color: #333;
  line-height: 40px;
  width: 900px;
}

.ht40 {
  line-height: 40px;
}

.msglink:hover .msglink-txt {
  color: #4B84F7;
}

/* 通知公告详情 */
.tz-content {
  padding-left: 60px;
  padding-right: 60px;
}

.tz-content * {
  font-size: inherit;
}

.font a {
  padding: 0 17px;
}

.font a + a.prt:before {
  content: "";
  position: absolute;
  top: 30%;
  left: 0;
  height: 15px;
  border-left: 1px solid #d8d8d8;
}

.tz-details {
  font-size: 16px;
  line-height: 32px;
  padding-bottom: 100px;
}

.tz-details p {
  color: #333;
  text-indent: 2rem;
  margin-bottom: 20px;
}

/* 通知公告详情end */

/* 供应详情+企业主页 */
.wdx280 {
  width: 280px;
}

.small-img > .active {
  border: 1px solid #4B84F7;
}

.ml40 {
  margin-left: 40px;
}

.leave-mes {
  width: 17px;
  height: 17px;
  background: url(../images/leave-mes.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: center;
  position: relative;
  top: 3px;
}

.ptb35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.plr35 {
  padding-left: 35px;
  padding-right: 35px;
}

.ellipsis-six {
  display: -webkit-box;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  -webkit-box-orient: vertical;
}

.wdx900 {
  width: 900px;
}

.borbtm-tit {
  border-bottom: 4px solid #4B84F7;
}

.ml35 {
  margin-left: 35px;
}

.lh60 {
  line-height: 60px;
}

.bortope5 {
  border-top: 1px solid #e5e5e5;
}

.right-p {
  background: url(../images/right-165.png) no-repeat;
  background-size: 10px auto;
  background-position-y: center;
  text-indent: 20px;
}

.plr60 {
  padding-left: 60px;
  padding-right: 60px;
}

.gyxq-ul li {
  position: relative;
  text-indent: 20px;
  margin-top: 20px;
}

.gyxq-ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #b3b3b3;
  display: inline-block;
  border-radius: 1px;
  position: absolute;
  left: 0;
  top: calc(50% - 2.5px);
}

.htx105 {
  height: 105px;
}

.wdx110 {
  width: 110px;
}

.borbomdsh {
  border-bottom: 1px dashed #dddddd;
}

.bg489 {
  background-color: rgba(73, 155, 207, 0.15);
}

.col489 {
  color: #489bcf;
}

.bgea6 {
  background-color: rgba(234, 101, 56, 0.15);
}

.colea6 {
  color: #ea6538;
}

.bgde8 {
  background-color: rgba(222, 132, 46, 0.15);
}

.colde8 {
  color: #de842e;
}

.wdx450 {
  width: 450px;
}

.htx46 {
  height: 46px;
}

.lh46 {
  line-height: 46px;
}

.borddd {
  border: 1px solid #dddddd;
}

.borrgtddd {
  border-right: 1px solid #dddddd;
}

.wdx50 {
  width: 50px;
}

.borbtme0 {
  border-bottom: 1px solid #e0e0e0;
}

.qy-show {
  position: absolute;
  top: 40px;
  background-color: #fff;
}

.qy-show li {
  width: 100%;
  display: inline-block;
}

.qy-list .this {
  background-color: #2478b8;
}

.qy-list a:hover {
  background-color: #2478b8;
}

.pt50 {
  padding-top: 50px;
}

.qy-list .layui-this {
  background-color: #4B84F7;
  color: #fff;
}

.qy-list .layui-this::after {
  display: none;
}

.qy-list .layui-nav-item {
  line-height: 60px !important;
}

.qy-list .layui-nav-item img {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 30px;
  top: calc(50% - 12px);
  display: none;
}

.qy-list .layui-this img {
  display: block;
}

.p50 {
  padding: 50px;
}

.mt50 {
  margin-top: 50px;
}

.wdx180 {
  width: 180px;
}

.htx125 {
  height: 125px;
}

.qy-select {
  border: none;
  font-size: 14px;
  color: #666;
  border-right: 1px solid #dddddd;
  width: 120px;
  position: absolute;
  top: 15px;
  left: 1px;
  text-align: center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../images/qy-arrow.png) no-repeat;
  background-position: 100px center;
}

/* 供应详情+企业主页end */

.btnblueact {
  background: #4B84F7;
  color: #fff;
  padding: 3px 15px;
  border-radius: 5px;
}

/* 首页新版 */
.header-logo.pic {
  width: 607px;
  height: 61px;
}

header .layui-input {
  width: 420px;
  height: 48px;
  padding-left: 12px;
  border-radius: 5px;
  border: solid 1px #d5d5d5;
}

header .search-icom {
  top: 0;
  right: 0;
  width: 56px;
  height: 48px;
  background-color: #4B84F7;
  background-size: 20px 20px;
  background-image: url(../images/icon-search.png);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

header .fb-btn {
  width: 160px;
  height: 48px;
  margin-left: 14px;
  border-radius: 5px;
  background-color: #f18101;
}

.fb-btn .icon-fb {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background-image: url(../images/icon-fb.png);
}

header .navs {
  height: 60px;
  background-color: #4B84F7;
}

#pop-menu {
  width: 210px;
  margin-right: 20px;
  background-color: #025ebc;
}

header .navs .layui-nav-item {
  width: 130px;
}

header .layui-nav .layui-nav-item:hover:after {
  content: "";
  position: absolute;
  top: auto;
  height: 5px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

header .layui-nav > .layui-this:after,
header .layui-nav > .layui-nav-item:hover:after {
  width: 56%;
  left: 22%;
  bottom: 1px;
  background-color: #fff;
}

header .layui-nav .layui-nav-item.no:after {
  height: 0;
}

header .navs .layui-nav-item > a {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  height: 60px;
  padding: 0 17px;
}

header .navs a.flex-center {
  display: flex;
}

.icon-nav {
  width: 18px;
  height: 18px;
  margin-right: 20px;
  background-image: url(../images/icon-nav.png);
}

header .navs .layui-nav-item > div {
  top: 59px;
  z-index: 1000;
  display: none;
}

.index-pop-menu {
  left: -5px;
  width: calc(100% + 10px);
  height: 239px;
}

.index-pop-menu:before {
  content: "";
  position: absolute;
  top: -8px;
  left: calc(50% - 8px);
  width: 16px;
  height: 8px;
  background: url(../images/icon-arrow.png) no-repeat center;
}

.index-pop-menu ul {
  padding-top: 10px;
}

.navs .index-pop-menu li a {
  color: #333;
  font-weight: normal;
  line-height: 42px;
}

.navs .index-pop-menu li:hover a {
  color: #4B84F7;
  line-height: 45px;
  background-color: #ebf4fd;
}

header .layui-nav-bar {
  height: 0;
}

.fixed-nav {
  position: fixed;
  top: calc(50% - 250px);
  right: 0;
  background-color: #f0f0f5;
  width: 78px;
  text-align: center;
  z-index: 100;
  border: 1px solid rgb(235, 233, 233);
}

.fixed-nav > div {
  padding: 20px;
  border-bottom: 1px solid #dedde0;
  cursor: pointer;
}

.fixed-nav > div:last-child {
  border: none;
}

.fixed-nav .this {
  background-color: #dedde0;
}

.second-nav {
  top: 0;
  left: 0;
  width: 182px;
  z-index: 1;
  display: none;
  padding-left: 2px;
}

.second-li {
  background-color: rgba(255, 255, 255, 0.92);
}

.second-li > h5 {
  color: #444;
  height: 54px;
  line-height: 54px;
  border-bottom: 1px solid #dcdcdc;
}

.second-li li a {
  color: #666 !important;
}

.tab-list > li:hover .second-nav {
  display: block;
  left: 210px;
  z-index: 1001;
}

.wl-model {
  padding: 20px;
  background-color: rgb(14, 13, 13, 0.8);
  top: 30px;
  left: 80%;
  width: 300px;
  z-index: 999;
  border-radius: 10px;
  display: none;
}

.wl-model p {
  color: rgba(255, 255, 255, 0.8);
}

.wl-model i {
  top: -20px;
  font-size: 30px;
}

.show-model:hover .wl-model {
  display: block;
}

.fixed-nav {
  display: none;
}

.zczx > div {
  height: 200px;
  padding-left: 30px;
  padding-right: 30px;
}

.zczx .hotline {
  width: 320px;
  background-image: url(../images/bg-hotline.jpg);
}

.zczx-center {
  width: 620px;
  background-color: #e7f3ff;
}

.zczx-center .swiper-pagination {
  width: calc(100% - 60px);
  height: 60px;
  border-bottom: 1px solid #ddd;
}

.zczx-center .swiper-pagination-bullet {
  width: auto;
  height: auto;
  line-height: 60px;
  opacity: 1;
  background-color: transparent !important;
}

.zczx-center .swiper-pagination div + div {
  margin-left: 40px;
}

.zczx-center .swiper-pagination-bullet-active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 4px;
  background-color: #4B84F7;
}

.zczx-center .swiper-pagination-bullet-active p {
  color: #4B84F7;
  font-weight: bold;
}

.zczx-center .swiper-container {
  margin-top: 90px;
}

.zczx-center-list {
  margin-left: -2%;
}

.zczx-center-list li {
  min-width: 14.66%;
  margin-left: 2%;
  margin-bottom: 24px;
}

.zczx-center-list li:before {
  content: "";
  position: absolute;
  top: 49%;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #c8c8c8;
}

.wdbox {
  width: 320px;
  background-image: url(../images/bg-wd.jpg);
}

.wdbox .layui-btn {
  width: 102px;
  height: 32px;
  line-height: 32px;
  background-color: #f96d18;
}

.zcwj .layui-tab {
  height: 242px;
  border: 1px solid #e6e6e6;
  box-shadow: none;
}

.zcwj .layui-tab-title {
  width: 178px;
  height: 240px;
  background-color: #f8f8f8;
  border-bottom: 0;
  border-right: 1px solid #e6e6e6;
}

.zcwj .layui-tab-title li {
  color: #000;
  font-size: 18px;
  display: block;
  margin-left: 0;
  margin-right: 0;
  line-height: 60px;
}

.zcwj .layui-tab-title .layui-this {
  color: #4B84F7;
  margin-top: -1px;
  margin-bottom: -1px;
}

.zcwj .layui-tab-title .layui-this:after {
  width: calc(100% + 1px);
  height: 100%;
  border-left: 6px solid #4B84F7;
  border-right-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom-color: #e6e6e6;
}

.zcwj .layui-tab-title li:nth-last-child(1).layui-this:after {
  border-bottom: 0;
}

.zcwj .layui-tab-content {
  width: calc(100% - 178px);
  padding: 20px 30px;
}

.zcwj .zcwj-lists > div + div {
  margin-top: 5px;
}

.zcwj .zcwj-lists a {
  line-height: 36px;
  width: calc(100% - 200px);
}

.zcwj .zcwj-lists em {
  width: 56px;
  height: 22px;
  line-height: 20px;
  text-align: center;
  color: #4B84F7;
  border: 1px solid;
}

.swiper-pagination-new .swiper-pagination-bullet {
  width: 35px;
  height: 7px;
  background-color: #cfd1d4;
  border-radius: 0px;
}

.swiper-pagination-new .swiper-pagination-bullet-active {
  background-color: #4B84F7 !important;
}

.notice .swiper-container {
  width: 436px;
  height: 40px;
}

.pop-menu {
  left: 0;
  height: 474px;
}

.navs .pop-menu .layui-tab-item a {
  padding: 0;
  color: #333 !important;
  font-weight: normal;
}

.xq-left .zd-input {
  width: 390px;
  height: 38px;
}

.zd-cascader-node.in-active-path span {
  color: #4B84F7;
}

.advanced-box {
  display: none;
}

.advanced-box .layui-form .layui-form-label {
  width: 110px;
  font-size: 14px;
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}

.advanced-box .condition {
  width: 230px;
}

.advanced-box label > .layui-input {
  width: 260px;
}

.advanced-box .layui-form-radio {
  margin-right: 60px;
}

.advanced-box .layui-inline-time {
  top: -5px;
  left: 100px;
  position: absolute;
}

.advanced-box .layui-inline-time .layui-form-mid {
  top: -3px;
  left: 176px;
}

.layui-layer .layui-layer-btn0 {
  width: 112px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  border-radius: 5px;
  border-color: #4B84F7 !important;
  background-color: #4B84F7 !important;
}

@media screen and (min-width: 1920px) {
  .banner .layui-tab-item {
    background-size: 100% 100%;
  }
}

/* 需求匹配弹窗 */
.modal-xuqiu {
  width: 560px;
  height: 550px;
  overflow: hidden;
}

.modal-xuqiu .h3tit {
  text-align: center;
  padding: 10px;
  font-weight: bold;
}

.modal-xuqiu .demo-list .layui-tab-title2 .layui-nav-item {
  font-size: 18px !important;
  line-height: 28px;
  color: #333;
}

.modal-xuqiu .demo-list .layui-tab-title2 .layui-nav-item:hover {
  background: none;
}

.modal-xuqiu .demo-list .layui-tab-title2 .layui-nav-item.layui-this {
  color: #4B84F7;
}

.modal-xuqiu .imgxq {
  border: solid 1px #e0e0e0;
  width: 136px;
  height: 121px;
}

.bore76 {
  border: 1px solid #e76531;
  color: #e76531;
}

.bor6d5 {
  border: 1px solid #6d5adb;
  color: #6d5adb;
}

.col0d {
  color: #4B84F7;
}

a.col0d:hover {
  color: #333;
}

.inban4 {
  position: relative;
}

.inban3 {
  position: relative;
}

.modal-xuqiu .swiper-button-prev {
  position: absolute;
  top: 110% !important;
  left: 280px;
  background: none;
  width: 27px;
  height: 11px;
}

.modal-xuqiu .swiper-button-next {
  position: absolute;
  top: 110% !important;
  left: 330px;
  background: none;
  width: 27px;
  height: 11px;
}

.modal-xuqiu .swiper-button-prev:hover {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.modal-xuqiu .swiper-button-next:hover {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.modal-xuqiu .btn-modal-blue {
  width: 85px;
  line-height: 26px;
  background-color: #4B84F7;
  border-radius: 5px;
  border: solid 1px #4B84F7;
}

.modal-xuqiu .layui-border-black {
  line-height: 26px;
  width: 85px;
  color: #999999;
  background: none;
  border-radius: 5px;
  border: solid 1px #999999;
  margin-left: 32px;
}

.modal-xuqiu .layui-progress {
  background-color: #c5e2ff;
  border-radius: 3px;
  height: 6px;
}

.jindunum {
  position: absolute;
  color: #4B84F7;
  font-size: 14px;
  width: 50px;
  height: 50px;
  right: -50px;
  top: -5px;
  text-align: center;
}

#jindunumspan {
  color: #4B84F7;
  font-size: 14px;
}

/* 专精特新馆 */
.col0d6e {
  color: #4B84F7 !important;
}

.col254e {
  color: #254e76 !important;
}

.banner-kqy {
  background-position: center;
}

.wdx1200 {
  width: 1200px;
}

p.infor {
  height: 141px;
  line-height: 34px;
  padding: 16px 80px;
  background-image: url(../images/bg-infor.png);
}

.title-2 div.icons {
  width: 495px;
  height: 21px;
}

.title-2-left {
  background-image: url(../images/title-left.png);
}

.title-2 h3 {
  width: 310px;
  height: 47px;
  line-height: 47px;
  padding-left: 5px;
  background-size: cover;
  background-image: url(../images/bg-title-2.png);
}

.title-2-right {
  background-image: url(../images/title-right.png);
}

.background {
  min-height: 200px;
}

.background .hr-box {
  top: 90px;
  left: 0;
}

.hr-box hr {
  background-color: transparent;
}

.hr-1 {
  width: 1090px;
  border-bottom: 4px solid #e5eaef;
}

.hr-2 {
  width: 200px;
  border-bottom: 4px dashed #e5eaef;
}

.background .swiper-container {
  padding: 30px 40px 10px;
}

.background .data {
  width: 186px;
  height: 38px;
  line-height: 38px;
  border-radius: 20px;
  background-color: #e7f1fb;
}

.background .dot {
  width: 38px;
  height: 38px;
  margin-top: 14px;
  background-image: url(../images/icon-dot.png);
}

.background .swiper-slide .bshadow {
  height: 150px;
  line-height: 26px;
  text-align: left;
  margin-top: 10px;
  padding: 20px 30px;
}

.background .sw-btn-1 {
  width: 21px;
  height: 34px;
  top: calc(50% + 57px);
  background-color: transparent;
}

.background .swiper-button-prev {
  left: 0;
  background-image: url(../images/arrow-1-left.png);
}

.background .swiper-button-next {
  right: 0;
  background-image: url(../images/arrow-1-right.png);
}

.zjtx-box .wrap {
  margin-top: 30px;
  margin-left: -30px;
}

.zjtx-box .flex .flex {
  width: calc(50% - 30px);
  height: 182px;
  margin-left: 30px;
  margin-bottom: 20px;
  padding: 30px 36px;
  border: 1px solid #e6e6e6;
}

.zjtx-box .pic {
  width: 59px;
  height: 68px;
  margin-right: 30px;
}

.zjtx-box .pic + div {
  width: calc(100% - 90px);
}

.zjtx-box .flex p.ofzm {
  height: 96px;
}

.ent-list .intro {
  line-height: 26px;
  margin-top: 30px;
  padding: 5px 70px;
}

.intro:before,
.intro:after {
  content: "";
  position: absolute;
  width: 31px;
  height: 26px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.intro:before {
  top: 0;
  left: 0;
  background-image: url(../images/icon-quote-left.png);
}

.intro:after {
  right: 0;
  bottom: 0;
  background-image: url(../images/icon-quote-right.png);
}

.intro a.pat {
  right: 70px;
  bottom: 5px;
}

.ent-list .bor {
  height: 362px;
  border-color: #e6e6e6 !important;
}

.ent-list .ent-box {
  padding: 0 33px 42px;
}

.ent-list .ent-box + .ent-box {
  border-left: 1px solid #e6e6e6;
}

.ent-box .pic {
  height: 170px;
}

.ent-box .pic + h5 {
  height: 42px;
}

.ent-box .suspension {
  top: 100%;
  left: 0;
  opacity: 0;
  z-index: -10;
  padding: 30px 13px;
  background-color: rgba(6, 103, 204, 0.9);
}

.ent-box:hover .suspension {
  top: 0;
  opacity: 1;
  z-index: 3;
}

.suspension p {
  height: 216px;
}

.suspension .layui-btn {
  width: 180px;
  height: 32px;
  line-height: 32px;
  margin: 20px auto 0;
  display: block;
  background-color: #fff;
}

.see-all .layui-btn {
  width: 200px;
  height: 40px;
  line-height: 38px;
  border: 1px solid #b5b5b5;
}

/* 首台套 */
.col6d5a {
  color: #6d5adb;
}

.cole765 {
  color: #e76531;
}

.bor0d6e {
  border: 1px solid #4B84F7;
}

.bor6d5a {
  border: 1px solid #6d5adb;
}

.bore765 {
  border: 1px solid #e76531;
}

.first-box .chobox label {
  padding-bottom: 12px;
}

.information-box {
  height: 340px;
  padding: 30px 36px;
}

.information-box .infor-cp {
  width: 71.7%;
}

.infor-cp .pic {
  width: 280px;
  height: 280px;
  margin-right: 30px;
}

.infor-cp .txts {
  width: calc(100% - 310px);
  padding-right: 42px;
}

.infor-jg {
  width: 28.3%;
  padding-left: 36px;
  border-left: 1px solid #e2e2e2;
}

.infor-jg .pic {
  width: 100%;
  height: 100px;
}

.infor-jg:hover .layui-btn {
  opacity: 1;
  color: #fff !important;
  background-color: #4B84F7 !important;
}

.layui-laypage a,
.layui-laypage span {
  font-size: 16px;
}

.layui-laypage input {
  font-size: 16px;
}

.layui-laypage .layui-laypage-btn {
  width: 64px;
  line-height: 27px;
}

/* 软件馆 */
.banner-label + .banner-label {
  margin-left: 10px;
}

.banner-label .layui-input {
  height: 48px;
  width: 360px;
  font-size: 16px;
  padding-left: 30px;
  color: #c2d5ea;
  border-color: #5a93cf;
  background-color: rgba(66, 134, 204, 0.7);
}

.banner-label .layui-unselect {
  width: 280px;
}

.banner-label .layui-input::placeholder {
  color: #c2d5ea;
}

.banner-label .layui-edge {
  border-top-color: #c2d5ea;
}

.banner-label .layui-form-select dd {
  font-size: 16px;
}

.banner-label .search-icom {
  top: 13px;
  right: 20px;
  width: 22px;
  height: 22px;
  background-image: url(../images/icon-search.png);
}

.software-box {
  min-height: 900px;
  background: url(../images/bg-software.png) no-repeat center 0;
}

.software-left {
  align-items: flex-start;
}

.software-right {
  align-items: flex-end;
}

.software-box .rj-item {
  width: 340px;
  height: 190px;
  padding: 0 34px;
  box-shadow: 0 0 16px 0 rgba(9, 65, 123, 0.15);
}

.rj-item:hover {
  background-color: #4B84F7;
}

.rj-item + .rj-item {
  margin-top: 40px;
}

.software-left .rj-item:first-child,
.software-left .rj-item:last-child {
  margin-left: 40px;
}

.software-right .rj-item:first-child,
.software-right .rj-item:last-child {
  margin-right: 40px;
}

.rj-item .rj-icon {
  width: 54px;
  height: 54px;
}

.rj-icon .icons {
  width: 100%;
  height: 100%;
}

.rj-icon .bai {
  display: none;
}

.rj-item:hover .rj-icon .icons {
  display: none;
}

.rj-item:hover .rj-icon .bai {
  display: block;
}

.rj-item:hover h5 {
  color: #fff;
}

.rj-item .arrow {
  width: 34px;
  height: 9px;
  background-image: url(../images/arrow-2-right.png);
}

.rj-item:hover .arrow {
  background-image: url(../images/arrow-2-right-bai.png);
}

/* 企业技术中心馆 */
.jszx-box {
  height: 520px;
}

.jszx-left {
  width: 390px;
  padding: 34px 43px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.jszx-left p.ofzm {
  height: 125px;
}

.jszx-left .layui-btn {
  width: 130px;
  height: 36px;
  line-height: 33px;
  margin: 20px auto 0;
  border: 1px solid #fff;
}

.jszx-sqy {
  background-image: url(../images/bg-jszx-sqy.jpg);
}

.jszx-gjqy {
  background-image: url(../images/bg-jszx-gjqy.jpg);
}

.jscx-gj {
  background-image: url(../images/bg-jscx-gj.jpg);
}

.jszx-right {
  width: calc(100% - 390px);
}

.jszx-right .jszx-qy {
  padding: 0 40px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.jszx-right .jszx-qy:nth-child(1),
.jszx-right .jszx-qy:nth-child(2),
.jszx-right .jszx-qy:nth-child(3) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.jszx-right .jszx-qy:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  background-color: #fff;
  z-index: 5;
}

.jszx-qy .pic {
  height: 120px;
}

.jszx-qy:hover .pic {
  height: 70px;
}

.jszx-qy h5 {
  margin-top: 30px;
}

.jszx-qy:hover h5 {
  margin-top: 20px;
}

.jszx-qy .jszx-btn {
  display: none;
}

.jszx-qy:hover .jszx-btn {
  display: flex;
}

.jszx-qy .layui-btn {
  width: 110px;
  height: 29px;
  line-height: 26px;
  border: 1px solid #4B84F7;
  background-color: #f4f8fd;
}

.jszx-qy .layui-btn .icons {
  width: 20px;
  height: 21px;
  margin-right: 5px;
}

.jszx-qy .icon-1 {
  background-image: url(../images/icon-btn-1.png);
}

.jszx-qy .icon-2 {
  background-image: url(../images/icon-btn-2.png);
}

/* 单项冠军馆 */
.pt5 {
  padding-top: 5px;
}

.pt60 {
  padding-top: 60px;
}

.title-3 .layui-this:after {
  content: "";
  position: absolute;
  left: calc(50% - 30px);
  bottom: -16px;
  width: 60px;
  height: 5px;
  border-radius: 5px;
  background-color: #4B84F7;
}

.count-list > div {
  width: 293px;
  height: 133px;
}

.bg-count-1 {
  background-color: #0d72f7;
  background-image: linear-gradient(to right, #0d72f7, #299afa);
}

.bg-count-2 {
  background-color: #00b5e9;
  background-image: linear-gradient(to right, #00b5e9, #40d9f2);
}

.bg-count-3 {
  background-color: #0bda8b;
  background-image: linear-gradient(to right, #0bda8b, #2de9ae);
}

.bg-count-4 {
  background-color: #3f6694;
  background-image: linear-gradient(to right, #3f6694, #5e7ba3);
}

.guide-box {
  width: 604px;
  height: 380px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 47px 33px;
  position: relative;
  border-radius: 10px;
}

.guide-box:before {
  content: "";
  position: absolute;
  top: 36px;
  left: 30px;
  width: 47px;
  height: 39px;
  background: url(../images/icon-quote-left-2.png) no-repeat center;
}

.guide-1 {
  box-shadow: 0 0 16px 0 rgba(13, 110, 210, 0.35);
  background: url(../images/bg-guide-1.png) no-repeat center;
}

.guide-2 {
  background-color: #fff;
  box-shadow: 0 0 16px 0 rgba(221, 221, 221, 0.7);
}

.guide-box p {
  z-index: 2;
  line-height: 29px;
}

.guide-box p.ofzm {
  max-height: 174px;
}

.title-3 .layui-nav-item {
  color: #bbb;
  font-size: 26px;
  font-weight: bold;
  padding: 0 30px;
}

.title-3 li + .layui-nav-item:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  height: 23px;
  border-left: 2px solid #d8d8d8;
}

.title-3 .layui-nav-item:after {
  top: auto;
  bottom: -20px;
}

.title-3 .layui-nav-item.layui-this {
  color: #4B84F7;
  font-size: 32px;
}

.gj-list {
  margin-top: 90px;
  margin-left: -27px;
}

.gj-box {
  height: 209px;
  width: calc(33.33% - 27px);
  margin-left: 27px;
}

.gj-box .pic {
  width: 100%;
  height: 120px;
}

.gj-box h5 {
  padding: 20px 0;
}

.sheng-list {
  margin-top: 70px;
  margin-left: -16px;
  padding-bottom: 10px;
}

.sheng-box {
  width: calc(50% - 16px);
  height: 162px;
  margin-left: 16px;
  margin-bottom: 16px;
  padding: 30px 22px;
}

.sheng-tag {
  top: 30px;
  left: 22px;
  z-index: 10;
  width: 70px;
  height: 23px;
  line-height: 23px;
  padding-left: 8px;
  background-image: url(../images/bg-tag.png);
}

.sheng-box .pic {
  width: 216px;
  height: 100px;
  border: 1px solid #e8e8e8;
}

.sheng-box .txts {
  width: 350px;
}

.sheng-box .txts p {
  margin-top: 17px;
  background-position: 0 center;
  background-repeat: no-repeat;
}

.icon-area {
  background-image: url(../images/icon-area.png);
}

.icon-contact {
  background-image: url(../images/icon-contact.png);
}

/* 龙头企业馆 */
.banner-kqy .intro {
  line-height: 26px;
  margin-top: 60px;
  padding: 5px 70px;
}

.leader-box {
  background-image: url(../images/bg-leader.png);
}

.leader-box .rj-item {
  width: 223px;
  height: 159px;
  padding-left: 26px;
  padding-right: 20px;
}

.leader-box .rj-item + .rj-item {
  margin-top: 36px;
}

.leader-middle .rj-item + .rj-item {
  margin-top: 90px;
}

.leader-box .rj-item h5 {
  width: 124px;
}

/* 软件馆-企业库 */
.pb160 {
  padding-bottom: 160px;
}

.library-box {
  top: -160px;
  margin-bottom: -100px;
}

.title-5 {
  height: 70px;
  line-height: 70px;
}

.title-5 h3.prt {
  display: inline-block;
}

.title-5 h3.prt:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 4px;
  background-color: #4B84F7;
}

.company-box {
  height: 160px;
  padding: 30px 36px;
}

.company-box .pic {
  width: 216px;
  height: 100px;
}

.company-box .txts {
  width: calc(100% - 240px);
}

.company-box:hover h5 {
  color: #4B84F7;
}

.company-box .txts p.icons {
  background-position-x: 0;
}

.icon-product {
  background-image: url(../images/icon-product.png);
}

/* 软件馆-案例详情 */
.colb3c7 {
  color: #b3c7dc !important;
}

.detail-page {
  min-height: 270px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100% 270px;
}

.detail-box {
  height: 345px;
  padding-left: 38px;
  padding-right: 38px;
}

.detail-box .pic {
  width: 450px;
  height: 270px;
}

.detail-box .txts {
  width: calc(100% - 487px);
}

.detail-box .logo {
  width: 64px;
  height: 64px;
  margin-right: 16px;
  border-radius: 100%;
}

.detail-box .logo img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

.detail-box .txts .icons {
  background-position-x: 0;
}

.icon-dw {
  background-image: url(../images/icon-sw-dw.png);
}

.icon-lx {
  background-image: url(../images/icon-sw-lx.png);
}

.detail-box .txts p span {
  width: calc(100% - 106px);
  display: inline-block;
}

.detail-tab .layui-tab-title {
  height: 70px;
  padding: 0 38px;
}

.detail-tab .layui-tab-title li {
  color: #666;
  font-size: 16px;
  line-height: 70px;
  padding: 0;
}

.detail-tab .layui-tab-title li + li {
  margin-left: 60px;
}

.detail-tab .layui-tab-title li:hover,
.detail-tab .layui-tab-title .layui-this {
  color: #4B84F7;
  font-weight: bold;
}

.detail-tab .layui-tab-title .layui-this:after {
  height: 70px;
  border-width: 4px;
  border-color: #4B84F7;
}

.detail-tab .layui-tab-item {
  padding: 70px 38px;
}

.title-6 {
  background: url(../images/icon-title-1.png) no-repeat 0 center;
}

/* 软件馆-软件产品详情 */
.col1152 {
  color: #1152b4;
}

.bge4ee {
  background-color: #e4eefb;
}

.detail-probox .pic {
  width: 271px;
}

.detail-probox .txts {
  width: calc(100% - 310px);
}

.pro-mark span {
  height: 25px;
  min-width: 62px;
  padding: 0 16px;
  margin-right: 16px;
}

.icon-person {
  background-image: url(../images/icon-person.png);
}

.icon-phone {
  background-image: url(../images/icon-phone.png);
}

/* 软件馆-企业详情 */
.borf0f0 {
  border: 1px solid #f0f0f0;
}

.detail-entbox {
  height: 292px;
}

.detail-entbox .pic {
  width: 290px;
  height: 216px;
}

.detail-entbox .txts {
  width: calc(100% - 325px);
}

.detail-entbox .ent-type {
  top: 5px;
  right: 0;
  color: #7b8dbb;
}

.title-5 .col000 {
  color: #000;
}

.main-pro .swiper-container {
  margin: 0 38px;
}

.main-pro .swiper-slide .pic {
  width: 220px;
  height: 220px;
}

.sw-btn-2 {
  border-radius: 0;
  background-position: center;
  background-repeat: no-repeat;
}

.main-pro .sw-btn-2 {
  width: 30px;
  height: 68px;
  background-color: rgba(0, 0, 0, 0.4);
}

.swiper-button-prev.sw-btn-2 {
  left: 0;
  background-image: url(../images/arrow-1-left.png);
}

.swiper-button-next.sw-btn-2 {
  right: 0;
  background-image: url(../images/arrow-1-right.png);
}

.classic-case .sw-btn-2 {
  width: 30px;
  height: 68px;
  top: calc(50% - 26px);
  background-color: rgba(0, 0, 0, 0.4);
}

/* 企业技术中心馆-列表 */
.ent-js {
  margin-left: -20px;
}

.ent-js .entjs-box {
  width: calc(50% - 20px);
  height: 150px;
  padding: 0 36px;
  border: 1px solid transparent;
}

.ent-js .entjs-box:hover {
  border-color: #e6e6e6;
}

.entjs-box .pic {
  width: 222px;
  height: 92px !important;
  margin-right: 20px;
}

.entjs-box .txts {
  width: calc(100% - 242px);
}

.entjs-box h5 {
  margin-top: 0 !important;
}

.entjs-box .jszx-btn {
  display: flex;
  width: 230px;
}

/* 龙头企业库 */
.leader-entbox {
  height: 220px;
}

.leader-entbox .sheng-tag {
  left: 36px;
  width: 106px;
  height: 24px;
  line-height: 24px;
  background-image: url(../images/bg-tag-2.png);
}

.leader-entbox .pic {
  height: 162px;
}

.leader-entbox .icon-area {
  top: 4px;
  right: 0;
}

.icon-renyuan {
  background-size: 16px 17px;
  background-image: url(../images/icon-renyuan.png);
}

.icon-yishou {
  background-size: 17px 13px;
  background-image: url(../images/icon-yishou.png);
}

.leader-entbox .icon-product {
  background-size: 18px;
  background-position-y: 2px;
}

/* 纺织产业链-新 */
.bigbox {
  display: flex;
  width: 1000px;
  height: 270px;
  margin: 20px auto;
}

.chain-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 164px;
  height: 270px;
  background-color: #f6f9ff;
  border: solid 1px #3695ed;
  margin-right: 40px;
}

.chain-right1 {
  display: flex;
  flex-direction: column;
  height: 270px;
  justify-content: space-between;
}

.chain-right {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 164px;
  height: 120px;
  background-color: #f6f9ff;
  border: solid 1px #3695ed;
}

.chain-bottom {
  display: flex;
  margin: 60px auto;
  width: 1000px;
}

.chain-bottom1 {
  margin-right: 40px;
  width: 150px;
  height: 120px;
  background-color: #f6f9ff;
  border: solid 1px #3695ed;
}

.boxsam h2 {
  line-height: 220px;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  font-stretch: normal;
  letter-spacing: 0;
  color: #3b5171;
}

.huaq {
  text-align: center;
  width: 140px;
  height: 220px;
  background-color: #ffffff;
  border: dashed 1px #3695ed;
}

.huaq span {
  font-size: 16px;
  line-height: 50px;
  color: #29549d;
  font-weight: 400;
  letter-spacing: 0;
}

.huaq1 {
  position: relative;
  /* width: 118px;
        height: 50px;
        background-color: #ecf3ff; */
  /* margin: 10px 11px; */
}

.dw {
  position: absolute;
  width: 86px;
  height: 30px;
  background-color: #418ee3;
  left: 28px;
  top: -44px;
}

.dw span {
  color: #fff;
  font-size: 16px;
  line-height: 30px;
}

.txl {
  width: 118px;
  height: 50px;
  margin: 28px 11px 10px;
  background-color: #ecf3ff;
}

.txl1 {
  width: 118px;
  height: 50px;
  margin-bottom: 10px;
  margin-left: 11px;
  margin-right: 11px;
  cursor: pointer;
  background-color: #ecf3ff;
}

.txl2 {
  width: 118px;
  height: 50px;
  margin-bottom: 10px;
  margin-left: 11px;
  margin-right: 11px;
  background-color: #ecf3ff;
}

.txl:hover,
.txl1:hover,
.txl2:hover,
.boottomm2:hover {
  cursor: pointer;
  background-color: #fee5b9;
}

.txl:hover span,
.txl1:hover span,
.txl2:hover span,
.boottomm2:hover span {
  color: #dc4901;
}

.fuzuan {
  color: #29549d;
  font-size: 16px;
  text-align: center;
  line-height: 80px;
  width: 140px;
  height: 80px;
  background-color: #ffffff;
  border: dashed 1px #3695ed;
}

.fuzuan span {
  color: #29549d;
  font-size: 16px;
}

.bottom2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 80px;
  background-color: #ffffff;
  border: dashed 1px #3695ed;
}

.bottomd2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 164px;
  height: 120px;
  background-color: #f6f9ff;
  border: solid 1px #3695ed;
  margin-right: 40px;
}

.xie {
  font-size: 16px;
  color: #29549d;
  line-height: 82px;
}

.boottomm2 {
  width: 118px;
  height: 50px;
  background-color: #ecf3ff;
  text-align: center;
}

.boottomm2 span {
  width: 33px;
  height: 15px;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 50px;
  letter-spacing: 0px;
  color: #29549d;
}

.xxi {
  color: #3b5171;
  font-size: 22px;
  text-align: center;
  line-height: 117px;
  font-weight: 700;
}

.Dashed {
  position: absolute;
  display: flex;
  width: 112px;
  height: 8px;
  margin: 0 auto;
  /* margin-top: 22px; */
}

.Dashed .center {
  position: relative;
  top: -102px;
  left: 0px;
  width: 96px;
  height: 5px;
  border-bottom: dashed 2px #46537e;
}

.Dashed .lefty,
.Dashed .righty {
  position: relative;
  top: -102px;
  left: 0px;
  width: 8px;
  height: 8px;
  background-color: #46537e;
}

.DashedBottom {
  position: absolute;
  display: flex;
  width: 112px;
  height: 8px;
  margin: 0 auto;
}

.DashedBottom .center1 {
  margin: auto;
  position: relative;
  top: 106px;
  left: 0px;
  width: 96px;
  height: 5px;
  border-bottom: dashed 2px #46537e;
}

.DashedBottom .leftyr,
.DashedBottom .rightyr {
  position: relative;
  top: 108px;
  left: 0px;
  width: 8px;
  height: 8px;
  background-color: #46537e;
}

.boxsam {
  width: 150px;
  height: 270px;
  background-color: #f6f9ff;
  border: solid 1px #369;
}

.boxsam h2 {
  text-align: center;
  font-weight: 700;
  font-family: MicrosoftYaHei-Bold;
  font-size: 22px;

  color: #3b5171;
}

.Dashedb {
  position: absolute;
  display: flex;
  width: 112px;
  height: 8px;
  margin: 0 auto;
}

.Dashedb .centerb {
  position: relative;
  top: 20px;
  left: 24px;
  width: 96px;
  height: 5px;
  border-bottom: dashed 2px #46537e;
}

.Dashedb .leftyb,
.Dashedb .rightyb {
  position: relative;
  top: 20px;
  left: 24px;
  width: 8px;
  height: 8px;
  background-color: #46537e;
}

.Dashedbr {
  position: absolute;
  display: flex;
  width: 112px;
  height: 8px;
  margin: 0 auto;
}

.Dashedbr .centerbr {
  position: relative;
  top: 91px;
  left: 24px;
  width: 96px;
  height: 5px;
  border-bottom: dashed 2px #46537e;
}

.Dashedbr .leftybr,
.Dashedbr .rightybr {
  position: relative;
  top: 91px;
  left: 24px;
  width: 8px;
  height: 8px;
  background-color: #46537e;
}

.boxsamr {
  border: solid 1px #3695ed;
}

.jiatof {
  position: absolute;
}

.jiato {
  position: relative;
  top: 129px;
  left: 363px;
  width: 25px;
  height: 22px;
  /* background-color: red; */
}

.jiatof1 {
  position: absolute;
}

.jiato1 {
  position: relative;
  top: -107px;
  left: 159px;
  width: 25px;
  height: 22px;
  /* background-color: red; */
}

.jiatof2 {
  position: absolute;
}

.jiato2 {
  position: relative;
  top: -178px;
  left: 159px;
  width: 25px;
  height: 22px;
  /* background-color: red; */
}

.jiatof3 {
  position: absolute;
}

.jiato3 {
  position: relative;
  top: -35px;
  left: 159px;
  width: 25px;
  height: 22px;
  /* background-color: red; */
}

.jiatof4 {
  position: absolute;
}

.jiato4 {
  position: relative;
  top: 2px;
  left: 105px;
  width: 25px;
  height: 22px;
  /* background-color: red; */
}

@media screen and (max-width: 1920px) {
  .banner-kqy {
    background-size: 1920px 100%;
  }

  .detail-page {
    background-size: 1920px 270px;
  }

  .banner-dhg .swiper-slide {
    background-size: 1920px 707px !important;
  }
}

/* 新版首页 */
.new-nav {
  background-color: #fff;
}

.new-nav .layui-nav-item a {
  color: #000;
  font-weight: bold;
  font-size: 18px;
  padding: 0 12px;
}

.new-nav .layui-nav-item a:hover {
  color: #1659a1;
}

.new-nav .layui-nav-item.this a {
  color: #1659a1;
}

.new-search {
  display: inline-block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #eff1f4;
  text-align: center;
  line-height: 44px !important;
}

.new-search img {
  width: 18px;
  height: 18px;
  display: inline-block;
}

.new-swiper-pagination .swiper-pagination-bullet-active {
  background-color: #5cd6ff !important;
  width: 13px;
  height: 13px;
  border-radius: 50%;
}

.new-swiper-pagination .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #ffffff;
}

.new-pay {
  width: 635px;
  height: 130px;
  border-radius: 10px 35px;
  padding-left: 37px;
  overflow: hidden;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}

.col0f5 {
  color: #0f58ac;
}

.cold43 {
  color: #d43030;
}

.new-payico {
  width: 265px;
  height: 68px;
  border-radius: 10px 0 0 10px;
  padding: 0 18px 0 24px;
  background-image: linear-gradient(90deg, #0f58ac 0%, #4b8edb 100%);
}

.parket-icon {
  background: url(../images/parket-icon.png);
  width: 98px;
  height: 24px;
  text-align: center;
  line-height: 24px;
}

.none-bar .layui-nav-item {
  line-height: 42px !important;
}

.none-bar .layui-nav-item:hover::after {
  display: none !important;
}

.new-pay-2 {
  background-image: url(../images/bg-pay2.png);
  background-size: 100% 100%;
}

.new-pay-1 {
  background-image: url(../images/bg-pay1.png);
  background-size: 100% 100%;
}

.hot-ico {
  background-image: linear-gradient(90deg, #eb4744 0%, #eb2f26 100%);
  border: none !important;
  color: #fff !important;
  padding-left: 9px !important;
}

.pic-lable {
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
  border: 1px solid #4b88c9;
  border-radius: 6px;
  color: #1659a1;
  font-size: 14px;
  margin-right: 14px;
}

.col1659a0 {
  color: #1659a0;
}

.new-tsg {
  width: 503px;
  height: 100%;
  border-radius: 8px;
  background: url(../images/new-bg-tsg.png);
  background-size: 100% 100%;
  border: 1px solid #279ff3;
}
.fz-Industrialchain {
  width: 70px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: auto;
}
.fz-Industrialchain2 {
  width: 120px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: auto;
}
.tsg-left {
  width: 118px;
  height: 100%;
  background-image: linear-gradient(
    180deg,
    #1b9ef5 0%,
    #55a4ec 75%,
    #68a6e8 100%
  );
  border-radius: 0px;
}

.pt15 {
  padding-top: 15px;
}

.tsg-link {
  width: 355px;
}

.tsg-link .li {
  display: inline-block;
  width: 104px;
  line-height: 34px;
}

.tsg-link a {
  padding: 0 3px 2px;
  box-sizing: border-box;
  border-bottom: 2px solid transparent;
}

.tsg-link .li a:hover {
  border-bottom-color: #279ff3;
}

.new-dqg {
  width: 425px;
  height: 100%;
  background: url(../images/new-bg-dqg.png);
  background-size: 100% 100%;
  border-radius: 8px;
  border: solid 1px #3dc7ad;
}

.fz-list a {
  border-bottom: 2px solid transparent;
  padding: 0 3px 2px;
}

.fz-list a:hover {
  border-bottom-color: #e59217;
}

.dqg-left {
  width: 118px;
  height: 100%;
  background-image: linear-gradient(180deg, #5fde92 0%, #36c2b2 100%);
  border-radius: 0px;
}

.new-cyl {
  width: 322px;
  height: 100%;
  background: url(../images/new-bg-cyl.png);
  background-size: 100% 100%;
  border-radius: 8px;
  border: solid 1px #e59217;
}

.cyl-left {
  width: 118px;
  height: 100%;
  background-image: linear-gradient(180deg, #ff8c00 0%, #df861d 100%);
  border-radius: 0px;
}

.new-tit {
  position: relative;
  text-indent: 25px;
}

.new-tit::before {
  content: "";
  position: absolute;
  width: 9px;
  height: 21px;
  background-color: #1659a1;
  border-radius: 4px;
  left: 0;
  top: calc(50% - 10.5px);
}

.colb01 {
  color: #b01313;
}

.new-sclist {
  height: 500px;
}

.new-sclist .layui-nav-item {
  width: 100%;
  height: 45px;
  line-height: 45px;
  display: block !important;
  padding: 0;
  text-align: left;
  padding-left: 24px;
  font-size: 18px;
  color: #fff;
  font-weight: normal !important;
}

.new-sclist .layui-this::after {
  display: none !important;
}

.sclist-left {
  width: 200px;
  height: 100%;
  padding: 17px 12px;
  background-color: #1659a1;
}

.sclist-left .layui-this {
  background-color: #fff;
  height: 45px;
  line-height: 45px;
  color: #1659a1;
  font-weight: bold !important;
}

.sclist-right {
  width: 1070px;
  height: 100%;
}

.new-sclist .layui-nav-item img {
  max-width: 21px;
  max-height: 23px;
  width: auto;
  height: auto;
  display: inline-block;
  position: relative;
  top: -2px;
}

.new-sclist .layui-nav-item img:nth-of-type(2) {
  display: none;
}

.new-sclist .layui-nav-item.layui-this img:nth-of-type(1) {
  display: none;
}

.new-sclist .layui-nav-item.layui-this img:nth-of-type(2) {
  display: inline-block;
}

.wdx340 {
  width: 340px;
}

.htx235 {
  height: 235px;
}

.sc-list {
  background-color: #ffffff;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  border: solid 1px #e3e3e3;
  margin-right: 25px;
  margin-bottom: 30px;
}

.sc-list:nth-of-type(3n) {
  margin-right: 0;
}

.sc-list-nav {
  background-color: #f2f4f5;
  height: 158px;
}

.nav-btm {
  position: relative;
  padding-top: 35px;
}

.nav-btm::after {
  position: absolute;
  content: "";
  width: 28px;
  height: 2px;
  background-color: #383838;
  border-radius: 0px;
  bottom: -20px;
  left: calc(50% - 14px);
}

.sc-list-nav span {
  display: inline-block;
  border-radius: 4px;
  border: solid 1px #98a7b5;
  padding: 4px 8px;
}

.pat-company {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.08);
  z-index: 999;
  vertical-align: middle;
  text-align: center;
  line-height: 48px;
  top: 140px;
  right: 33px;
}

.pat-company img {
  max-width: 44px;
  display: inline-block;
}

.shop {
  background-color: #fff;
  z-index: 99;
  top: 0;
  left: 0;
  border-radius: 4px;
  border: solid 1px #dfe6ed;
  padding-top: 10px;
  opacity: 0;
}

.shop img {
  width: 152px;
  margin: 0 auto;
}

.animshop:hover {
  border: 1px solid #1659a1;
}

.animshop:hover .shop {
  opacity: 1;
}

.new-btnmore {
  width: 200px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #4B84F7;
}

.new-btnmore:hover {
  background-color: #4B84F7;
  color: #fff;
}

.xq-list {
  width: 790px;
}

.xq-list .layui-nav-item {
  padding: 0 15px;
  height: 32px;
  line-height: 32px;
  margin-right: 30px;
}

.xq-list .layui-nav-item.layui-this {
  background-color: #1659a1;
  color: #fff;
}

.wdx300 {
  width: 300px;
}

.htx295 {
  height: 295px;
}

.xq-list {
  border-radius: 8px;
  margin-right: calc(100px / 3);
}

.xq-list:nth-of-type(4n) {
  margin-right: 0;
}

.p25 {
  padding: 25px;
}

.animdock-list {
  width: 635px;
  height: 136px;
  background-color: #ffffff;
  border-radius: 8px;
  border: solid 1px #dedede;
  padding: 25px 0;
  overflow: hidden;
}

.wdx500 {
  width: 500px;
}

.wdx135 {
  width: 135px;
}

.borlft-e0 {
  border-left: 1px solid #e0e0e0;
}

.dock-give {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #f5faff;
  border-radius: 8px;
  border: solid 1px #2d76c4;
  color: #2d76c4;
}

.align-start {
  align-items: flex-start !important;
}

.dock-need {
  width: 40px;
  height: 40px;
  background-color: #ebf7f6;
  border-radius: 8px;
  border: solid 1px #179990;
  color: #179990;
}

.animdock-list:hover {
  border: 1px solid #1659a1;
}

.animservice-list > div {
  width: 86px;
  height: 85px;
  background-image: linear-gradient(0deg, #dce7f7 0%, #d9e7ff 100%);
  border-radius: 20px;
  vertical-align: middle;
  line-height: 85px;
  text-align: center;
}

.animservice-list > div img {
  max-height: 36px;
  max-width: 42px;
  width: auto;
  height: auto;
  display: inline-block;
}

.animservice-list > div img:nth-of-type(2),
.animservice-list:hover > div img:nth-of-type(1) {
  display: none;
}

.pb70 {
  padding-bottom: 70px;
}

.animservice-list:hover > div {
  background-image: none;
  background-color: #1659a1;
  border-radius: 20px;
}

.animservice-list:hover p {
  color: #1659a1;
  font-weight: bold;
}

.animservice-list:hover > div img:nth-of-type(2) {
  display: inline-block;
}

.pb45 {
  padding-bottom: 45px;
}

.animenterprise-list {
  width: 244px;
  height: 99px;
  background-color: #ffffff;
  border-radius: 4px;
  border: solid 1px #cccccc;
  text-align: center;
  line-height: 99px;
  margin-top: 20px;
}

.animenterprise-list:hover {
  border: 1px solid #1659a1;
}

.animenterprise-list img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.wdx630 {
  width: 630px;
}

.htx470 {
  height: 470px;
}

.animdock-tit {
  padding: 3px 8px;
  background-color: #2d76c4;
}

.animproposal .layui-tab-title {
  height: auto;
}

.animproposal .layui-nav-item {
  padding: 0;
  line-height: 66px;
  margin-right: 30px;
  position: relative;
}

.animproposal .layui-nav-item:hover {
  color: #4B84F7;
  font-weight: bold;
}

/* .animproposal .layui-nav-item:hover::after{
    position: absolute;
    content: '';
    top: auto!important;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
	background-color: #4B84F7;
} */
.animproposal .layui-nav-item:last-child {
  margin-right: 0;
}

.borbtm-eb {
  border-bottom: 1px solid #ebebeb;
}

.animproposal .layui-nav-item.layui-this {
  color: #4B84F7;
  font-weight: bold;
}

.animproposal .layui-nav-item.layui-this::after {
  position: absolute;
  content: "";
  top: auto !important;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #4B84F7;
}

.animproposal-ul li {
  padding-left: 23px;
  line-height: 34px;
  position: relative;
}

.animproposal-ul li::before {
  position: absolute;
  width: 7px;
  height: 7px;
  content: "";
  border-radius: 50%;
  left: 0;
  top: 20px;
  background-color: #cccccc;
}

.animproposal-ul li:hover a span:nth-of-type(1) {
  color: #1659a1;
}

.mt0 {
  margin-top: 0 !important;
}

.animproposal-rgt a {
  min-width: 95px;
  padding-left: 12px;
  position: relative;
  margin-top: 20px;
}

.animproposal-rgt a:hover {
  color: #1659a1;
}

.animproposal-rgt a::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #cccccc;
  border-radius: 50%;
  left: 0;
  top: calc(50% - 3px);
}

.new-tel {
  width: 632px;
  height: 120px;
  border-radius: 8px;
  background-size: 100% 100%;
}

.col709 {
  color: #7094c9;
}

.tel-href {
  background-color: #b6d4ff;
  color: #4B84F7;
  padding: 9px 21px;
  border-radius: 18px;
}

.search-nav {
  position: absolute;
  border-top: 3px solid #1659a1;
  padding: 15px 0;
  z-index: 99;
  display: none;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}

.wdx750 {
  width: 750px;
}

.search-input {
  height: 44px;
  background-color: #ffffff;
  border-radius: 22px;
  border: solid 1px #e0e0e0;
}

.search-input input::placeholder {
  color: #999;
}

.new-pop-menu {
  padding: 20px 0;
  z-index: 999;
  top: 83px;
  width: 100%;
  height: auto;
}

.new-pop-menu a {
  font-weight: normal !important;
  line-height: 44px;
}

.new-pop-menu:before {
  content: "";
  position: absolute;
  top: -8px;
  left: calc(50% - 8px);
  width: 16px;
  height: 8px;
  background: url(../images/icon-arrow.png) no-repeat center;
}

.layui-nav-item:hover .anim {
  transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}

.search-btn {
  width: 104px;
  height: 44px;
  line-height: 44px;
  background-color: #0c478e;
  border: solid 1px #1659a1;
  border-radius: 0 22px 22px 0;
}

.hot-list {
  color: #1659a1;
  padding: 6px 12px;
  background-color: #ebf3fa;
  border-radius: 6px;
  margin-right: 14px;
}

.category-list {
  z-index: 99;
  left: 0;
  display: none;
}

.category-list .layui-tab-title {
  height: 50px;
}

.category-list .layui-nav-item {
  line-height: 50px;
  padding: 0 20px;
  position: relative;
}

.category-list .layui-nav-item::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 16px;
  background-color: #a3a3a3;
  right: 0;
  top: calc(50% - 8px);
}

.category-list .layui-nav-item:last-child::before {
  display: none;
}

.category-list .layui-this {
  color: #1659a1;
}

.category-list .layui-this::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 4px;
  background-color: #1659a1;
  top: auto;
  bottom: 0;
  left: calc(50% - 15px);
}

.category-list .layui-tab-item > div > div {
  min-width: 60px;
  margin-right: 70px;
}

.category-list .layui-tab-item > div > div:last-child {
  margin-right: 0;
}

.category-list .layui-tab-item > div a {
  line-height: 26px;
}

/* 分类查询 */

.category-seabtn {
  width: 160px;
  height: 44px;
  background-color: #0b3466;
  font-size: 16px;
  line-height: 38px;
  color: #fff;
  position: absolute;
  right: 0;
  bottom: -74px;
  border-radius: 0 0 10px 10px;
  text-align: center;
  cursor: pointer;
}

/* btnsear.png */

.banner-wrap {
  width: 100%;
  margin: 0 auto;
  height: 320px;
}

.banner333 {
  position: absolute;
  top: 0;
  width: 2557px;
  left: calc(50% - 1278px);
}

/* 企业介绍 */
.pr100 {
  padding-right: 100px;
}

.bg1659 {
  background-color: #1659a1;
}

.bg65b0 {
  background-color: rgba(101, 176, 93, 0.15);
}

.col4B84F7.befor-tit::before {
  background-color: #4B84F7;
}

.borradius10 {
  border-radius: 10px;
}

.qy-kuang {
  background-size: 20px;
  background: url(../images/bg-qy-1.png) no-repeat right 20px bottom 20px;
}

.star-pro .swiper-slide {
  padding: 40px 50px 80px;
}

.star-pro .pic {
  width: 358px;
  height: 270px;
}

.star-pro .pic img {
  width: 100%;
}

.star-pro .txts {
  width: calc(100% - 420px);
}

.star-pro .col666:hover {
  color: #666;
}

.qy-kuang .layui-btn {
  height: 30px;
  line-height: 29px;
  padding: 0 16px;
}

.star-pro .swiper-pagination {
  bottom: 30px;
}

.star-pro .swiper-pagination span {
  color: #4B84F7;
  font-size: 16px;
  padding: 0 16px;
}

.sw-btn-3 {
  width: 28px;
  height: 23px;
  border-radius: 5px;
}

.star-pro .sw-btn-3 {
  top: auto;
  bottom: 28px;
  z-index: 20;
}

.star-pro .swiper-button-prev {
  left: 44%;
  color: #4B84F7;
  border: 1px solid #4B84F7;
  background-color: transparent;
}

.star-pro .swiper-button-next {
  right: 44%;
  color: #fff;
}

.survey-box p.icons {
  height: 31px;
  line-height: 31px;
  padding-left: 52px;
  background-position-x: 0;
}

.icon-qy-1 {
  background-image: url(../images/icon-qy-1.png);
}

.icon-qy-2 {
  background-image: url(../images/icon-qy-2.png);
}

.icon-qy-3 {
  background-image: url(../images/icon-qy-3.png);
}

.brands-list {
  padding: 20px 30px;
}

.brands-box .pic {
  width: 252px;
  height: 182px;
}

.brands-box:hover .pic {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
}

.view-btn {
  left: 0;
  bottom: -100px;
  height: 100px;
  opacity: 0;
  z-index: -3;
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0.9) 20%,
    rgba(255, 255, 255, 0)
  );
}

.brands-box:hover .view-btn {
  bottom: 0;
  opacity: 1;
  z-index: 3;
}

.view-btn .layui-btn {
  width: 181px;
  height: 34px;
  line-height: 34px;
  margin: 46px auto 0;
  display: block;
  opacity: 1;
}

.brands-box:hover h5 {
  color: #4B84F7;
}

.brands-list .sw-btn-4 {
  margin-top: -46px;
}

.brands-list .swiper-button-next {
  right: 10px;
}

.brands-list .swiper-button-prev {
  left: 10px;
}

/* 企业信息 */
.plr54 {
  padding-left: 54px;
  padding-right: 54px;
}

.bgf0f {
  background-color: #f0f0f0;
}

.qy-kuang-2 {
  background-color: #fff;
  background-position-y: 20px;
  background-image: url(../images/bg-qy-2.png);
}

.qy-infor {
  padding: 40px 35px 0;
}

.qy-infor .layui-table tr:hover {
  background-color: transparent;
}

.qy-infor .layui-table td {
  line-height: 26px;
  border-color: #ccc;
  border-width: 0.5px;
  padding: 12px 20px 12px 30px;
}

.qy-infor .title-3 {
  width: 166px;
}

.honor .swiper-container {
  width: 1020px;
}

.qy-kuang-2 .swiper-container {
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}

.honor .swiper-container {
  width: 1020px;
}

.honor .pic {
  width: 283px;
  height: 200px;
}

.qy-kuang-2 .swiper-slide:hover .pic {
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
}

.qy-kuang-2 .swiper-slide:hover h5 {
  color: #4B84F7;
}

.qy-kuang-2 .swiper-slide:hover .view-btn {
  bottom: 0;
  opacity: 1;
  z-index: 3;
}

.qy-kuang-2 .view-btn .layui-btn {
  margin-top: 40px;
}

.sw-btn-4 {
  width: 28px;
  height: 28px;
  background-color: #ccc;
}

.honor .sw-btn-4 {
  margin-top: -46px;
}

.qy-kuang-2 .swiper-button-next {
  right: 60px;
}

.qy-kuang-2 .swiper-button-prev {
  left: 60px;
}

.device .swiper-container {
  width: 870px;
}

.device .pic {
  width: 363px;
  height: 255px;
}

/* 企业产品 */
.gfsc .pro-box {
  width: 244px;
  padding: 25px;
}

.recom {
  top: 0;
  left: 0;
  z-index: 10;
  width: 52px;
  height: 52px;
  line-height: 34px;
  padding-left: 5px;
  background: url(../images/bg-recom.png) no-repeat center;
}

.pro-box .flex-start.wrap {
  height: 60px;
}

.pro-box .flex-start.wrap span {
  margin-right: 15px;
  margin-bottom: 7px;
}

.pro-box .layui-btn {
  left: 25px;
  bottom: -40px;
  opacity: 0;
  width: 194px;
  height: 40px;
  line-height: 40px;
}

.pro-box:hover .layui-btn {
  bottom: 25px;
  opacity: 1;
}

.swiper-item {
  width: calc(100% - 118px);
  padding-left: 30px;
}

.swiper-item .swiper-slide .li {
  width: 33%;
  line-height: 34px;
  display: block;
}

.swiper-item .swiper-slide .li a {
  padding: 0 3px 2px;
  border-bottom: 2px solid transparent;
}

.swiper-item .swiper-slide .li a:hover {
  border-bottom-color: #3dc7ad;
}

/* 德化馆 */
.col1d38 {
  color: #1d385f;
}

.col465e {
  color: #465e80;
}

.banner-dhg .swiper-slide {
  height: 707px;
  background-position-y: 0;
  background-size: 100% auto;
}

.dhg-box {
  left: calc((100% - 1300px) / 2);
  bottom: 3%;
  width: 1300px;
  height: 354px;
  padding: 10px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.7);
}

.dhg-box > div {
  padding: 0 52px;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #3d89e5;
  background-size: 232px 185px;
  background-repeat: no-repeat;
  background-position: right 37px bottom 27px;
  background-image: url(../images/bg-ceramics.jpg);
}

.dhg-box p + p {
  -webkit-line-clamp: 5;
  line-clamp: 5;
  padding-right: 186px;
}

.dhg-box .layui-btn {
  color: #1659a1;
  width: 118px;
  height: 24px;
  line-height: 24px;
  background: url(../images/bg-btn.png) no-repeat center;
}

.title-7 h3 {
  width: 397px;
  height: 51px;
  padding-right: 10px;
  background-size: 100% 100%;
  background-image: url(../images/bg-title.png);
}

.view-box {
  width: 382px;
  height: 472px;
  background: url(../images/bg-view.png) no-repeat center;
}

.view-box + .view-box {
  margin-left: calc((100% - 1146px) / 2);
}

.view-head {
  top: 16px;
  left: calc((100% - 220px) / 2);
  width: 220px;
  height: 46px;
  background: url(../images/bg-view-head.png);
}

.view-content {
  height: 100%;
  padding: 81px 51px 44px;
}

.view-content .view-item {
  width: 100%;
  height: 50px;
}

.view-content .view-item:hover {
  color: #895706;
  background-color: #eacfa3;
}

.dhg-content .layui-btn {
  width: 180px;
  height: 40px;
  line-height: 38px;
  color: #1659a1;
  border: 1px solid #1659a1;
}

.feature-box {
  height: 460px;
  padding-top: 90px;
  background: url(../images/bg-feature.jpg) no-repeat center;
  background-size: 100% 100%;
}

.ts-item {
  width: 166px;
  height: 286px;
  display: block;
  padding: 40px 57px;
  background: url(../images/bg-tsitem.png) no-repeat center;
}

.ts-item + .ts-item {
  margin-left: 254px;
}

.ts-item.active {
  transform: scale(1.2);
}

.ts-item .icon-block {
  left: calc((100% - 138px) / 2);
  bottom: 16px;
  width: 138px;
  height: 138px;
  background: url(../images/bg-icons.png) no-repeat center;
}

.ts-item .icons {
  width: 39px;
  height: 39px;
}

.ts-item.active .icons {
  width: 55px;
  height: 55px;
}

.icon-tsitem-1 {
  background-image: url(../images/icon-tsitem-1.png);
}

.icon-tsitem-2 {
  background-image: url(../images/icon-tsitem-2.png);
}

.icon-tsitem-3 {
  background-image: url(../images/icon-tsitem-3.png);
}

.gycp-lists {
  margin-left: -22px;
}

.cp-item {
  width: 242px;
  height: 322px;
  margin-left: 22px;
  margin-bottom: 22px;
}

.cp-item .pic {
  width: 200px;
  height: 200px;
}

.cp-item h5 {
  height: 48px;
}

.behalf-box {
  height: 660px;
  background: url(../images/bg-behalf.jpg) no-repeat center;
  background-size: 100% 100%;
}

.behalf-lists {
  margin-left: -20px;
}

.behalf-item {
  width: 310px;
  height: 180px;
  margin-left: 20px;
  margin-bottom: 20px;
  padding: 26px 40px;
}

.behalf-item .pic {
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
}

/* 德化馆_产业视图 */
.col8957 {
  color: #895706;
}

.bgeacf {
  background-color: #eacfa3;
}

.dhg-container {
  top: -130px;
  margin-bottom: -70px;
}

.industry-view.views .view-box {
  width: 342px;
  background-size: 100% 100%;
}

.industry-view.views .view-box + .view-box {
  margin-left: calc((100% - 1026px) / 2);
}

.industry-view.views .view-head {
  left: calc((100% - 180px) / 2);
  width: 180px;
  background-size: 100% 100%;
}

.industry-view .tx-nav .layui-btn {
  top: 0;
  right: 0;
  width: 40px;
  height: 36px;
  padding: 0;
  background-color: #4B84F7;
}

.viewScreen .scroll {
  height: 62vh !important;
}

/* 德化馆_企业列表 */
.banner-txt {
  padding-top: 86px;
}

.banner-txt h3 {
  font-family: "思源黑体", "Microsoft YaHei", sans-serif;
}

/* 三明馆 */

.banner-sm-banner {
  height: 360px;
  background: url(../images/bg-SanmingHall.jpg) no-repeat center;
  padding-top: 56px;
}

.banner-sm-titlemask {
  width: 1241px;
  height: 242px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}

.banner-sm-titlemask h1 {
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 50px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 10px;
  color: #ffffff;
  padding-bottom: 24px;
}

.banner-sm-mask {
  height: 151px;
  background-color: #15375b;
  opacity: 0.7;
}

.banner-sm-mask p {
  padding: 30px 41px 32px 37px;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #fffefe;
}

.sm-buttonan {
  margin: 50px auto;
  width: 180px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 20px;
  border: solid 1px #ffffff;
  color: #1659a1;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
}

.sm-buttonan1 {
  margin: 50px auto;
  width: 180px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #3568a8;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  color: #1659a1;
}

.sm-buttonan1:hover {
  background-color: #5178ae;
  color: #fff;
  border: 1px solid #5178ae;
}

.sm-Industryoverview {
  width: 1303px;
  margin: auto;
  height: 755px;
  background-color: #fff;
}

.Industry-sm {
  text-align: center;
}

.Industry-sm h1 {
  text-align: center;
  padding-top: 74px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  color: #000000;
  margin-bottom: 29px;
}

.industryimg {
  height: 16px;
  width: 554px;
  display: inline-block;
  margin-bottom: 20px;
}

.industryimg img {
  width: 100%;
  height: 100%;
}

.industryimgtext {
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 21px;
  letter-spacing: 0px;
  color: #333333;
}

.detail-tab .layuism {
  padding-left: 80px;
}

.layuism .layui-nav-item {
  margin-right: 102px;
}

.detail-tab .layuism li {
  width: 90px;
  height: 18px;
  font-family: MicrosoftYaHei;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
}

.detail-tab .layuism li:nth-child(1)::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  background-image: url(../images/Steelindustry.png);
  width: 25px;
  height: 22px;
}

.detail-tab .layuism li:nth-child(2)::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  background-image: url(../images/Newmaterialindustry.png);
  background-size: cover;
  width: 25px;
  height: 22px;
}

.detail-tab .layuism li:nth-child(3)::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  background-image: url(../images/materialsindustry.png);
  background-size: cover;
  width: 25px;
  height: 22px;
}

.detail-tab .layuism li:nth-child(4)::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  background-image: url(../images/textileindustry.png);
  background-size: cover;
  width: 25px;
  height: 22px;
}

.detail-tab .layuism li:nth-child(5)::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  background-image: url(../images/medicalbox.png);
  background-size: cover;
  width: 25px;
  height: 22px;
}

.smindustrybox {
  margin-top: 30px;
}

.smindustry {
  display: flex;
  justify-content: space-between;
}

.smindustryimg {
  width: 610px;
  height: 380px;
}

.smindustrytext {
  width: 649px;
  height: 380px;
  background-color: #ffffff;
  box-shadow: 0px 2px 15px 0px rgba(3, 36, 86, 0.15);
  border-radius: 10px;
}

.sm-Industrduction {
  font-family: MicrosoftYaHei-Bold;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 21px;
  letter-spacing: 0px;
  color: #1659a1;
  margin: 70px 0 19px 46px;
  font-weight: 700;
}
.xm-videobox {
  position: absolute;
  padding-right: 5px;
  top: 44px;
  right: 6px;
  width: 350px;
  border-radius: 5px;
  /* background: url(../../default/images/video-banner.png) ; */
  background-color: #c6eeff;
}
.xm-videobox video {
  padding-left: 15px;
  padding-bottom: 5px;
}
.xm-videoboxtitle {
  position: relative;
  top: 10px;
}
.video_close {
  font-size: 16px;
  top: 14px;
  right: 2px;
  cursor: pointer;
}
.sm-Industrduction::before {
  content: "";
  width: 4px;
  height: 18px;
  background-color: #1659a1;
  border-left: 4px solid #1659a1;
  margin-right: 9px;
}

.sm-industrytextbott {
  margin-left: 46px;
  margin-right: 39px;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #666666;
}

.sm-industrytextbott p {
  display: block;
  height: 270px;
  /* color: hotpink; */
  /*1. 超出的部分隐藏 */
  overflow: hidden;
  /*2. 文字用省略号替代超出的部分 */
  text-overflow: ellipsis;
  /* 3. 弹性伸缩盒子模型显示 */
  display: -webkit-box;
  /* 4. 限制在一个块元素显示的文本的行数 */
  -webkit-line-clamp: 9;
  /* 5. 设置或检索伸缩盒对象的子元素的排列方式 */
  -webkit-box-orient: vertical;
}

.zd-leadingindustry .detail-tab .layui-tab-item {
  padding: 0 !important;
}

.sm-industriaproduct {
  margin: auto;
  height: 988px;
  background-image: url(../images/bgindustriaproduct.png);
}

.sm-industriaproduct .sm-industitle {
  width: 1303px;
  margin: 0 auto;
}

.sm-industriaproduct .sm-industitle h2 {
  padding-top: 59px;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  color: #ffffff;
  z-index: 9999;
}

.sm-industitleimg {
  height: 16px;
  width: 554px;
  display: inline-block;
  margin-top: 29px;
  margin-bottom: 40px;
  color: #fff;
  z-index: 9999;
}

.sm-industitleimg img {
  width: 100%;
  height: 100%;
}

.sm-product {
  width: 1300px;
  height: 662px;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between;
    align-content: space-between  ; */
  justify-content: space-between;
}

.sm-produntsp {
  width: 240px;
  height: 320px;
  background-color: #fff;
  padding: 21px 20px 25px 20px;
  transition: 0.3s;
}

.sm-produntsp:hover {
  transition: 0.3s;
  transform: scale(1.05);
}

.sm-produntspbox {
  width: 200px;
  height: 200px;
}

.sm-produntspbox img {
  width: 100%;
  height: 100%;
}

.sm-produntspbox h4 {
  width: 253px;
  padding: 25px 71px 17px 0;
  color: #333333;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sm-produntspbox p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #999999;
}

.sm-ehalfofenterprises {
  height: 745px;
  margin-bottom: 50px;
  /* background-color: #00b5e9; */
}

.sm-ehalfofentitle {
  text-align: center;
  padding: 74px 0 29px 0;
}

.sm-ehalfofentitle h2 {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  color: #000000;
}

.sm-ehalfofimg {
  height: 16px;
  width: 554px;
  display: inline-block;
  margin-top: 29px;
  margin-bottom: 33px;
}

.sm-ehalfofimg img {
  width: 100%;
  height: 100%;
}

.sm-Corporatecompanies {
  width: 1300px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.sm-Corporatebox {
  text-align: center;
  width: 310px;
  height: 180px;
  background-color: #ffffff;
  border: solid 1px #dddddd;
  padding: 19px 37px 11px 33px;
  transition: 0.3s;
}

.sm-Corporateimg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 110px;
}

.sm-Corporateimg img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

.sm-Corporatebox h4 {
  margin-top: 10px;
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: normal;
  font-stretch: normal;
  line-height: 21px;
  letter-spacing: 0px;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 宁德馆 */
.sm-ningdeHall {
  height: 340px;
  background-image: url(../images/sm-ningdebanner.png);
  /* background-repeat:no-repeat;设置背景不重复 */
  background-size: cover;
  /*	此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。*/
}

.sm-ningdetitle {
  text-align: center;
}

.sm-ningdetitle h1 {
  padding-top: 85px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 42px;
  font-weight: 700;
  line-height: 46px;
  letter-spacing: 0px;
  color: #ffffff;
}

.sm-detailsbox {
  width: 1300px;
  height: 320px;
  position: relative;
  margin: 0 auto;
}

.sm-details {
  width: 1300px;
  height: 320px;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 107px;
  left: 0px;
}

.sm-detailsleft {
  width: 250px;
  height: 368px;
  background-color: #1659a1;
  position: absolute;
  top: -78px;
  left: 20px;
  padding-left: 41px;
}

.sm-detailstitle {
  padding-top: 66px;
  font-size: 48px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 0.1;
}

.sm-detailstitlegy {
  position: relative;
  top: -4px;
  font-size: 34px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #ffffff;
}

.sm-rizontalline {
  width: 60px;
  height: 4px;
  margin-top: 44px;
  margin-bottom: 112px;
}

.sm-Industryoverview .detail-tab .layui-tab-item {
  padding: 0 !important;
}

.sm-learnmore {
  display: block;
  position: relative;
  z-index: 9999;
  width: 160px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-radius: 19px;
  border: solid 1px #ffffff;
  font-size: 16px;
  color: #fff;
}

.sm-ningdeDetails {
  height: 236px;
  width: 960px;
  margin-left: 301px;
  padding-top: 30px;
}

.sm-ningdeDetails p {
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 29px;
  letter-spacing: 0px;
  color: #666666;
  text-indent: 24px;
}

.sm-productionprice {
  margin-top: 27px;
  width: 960px;
  height: 100px;
  display: flex;
  /* background-color: red; */
}

.sm-productbox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 128px;
  height: 100%;
}

.sm-productbox div:nth-child(1) {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #999999;
}

.sm-productbox div:nth-child(2) {
  font-family: Arial-BoldMT;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #0e64c0;
  margin: 10px 0;
}

.sm-productbox div:nth-child(3) {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #ff7f21;
}

.sm-productbox1 {
  margin-left: 57px;
  margin-right: 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 148px;
  height: 100%;
}

.sm-productbox1 div:nth-child(1) {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #999999;
}

.sm-productbox1 div:nth-child(2) {
  font-family: Arial-BoldMT;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #0e64c0;
  margin: 10px 0;
}

.sm-productbox1 div:nth-child(3) {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #ff7f21;
}

.sm-productbox2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 150px;
  margin-right: 38px;
  height: 100%;
}

.sm-productbox2 div:nth-child(1) {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #999999;
}

.sm-productbox2 div:nth-child(2) {
  font-family: Arial-BoldMT;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #0e64c0;
  margin: 10px 0;
}

.sm-productbox2 div:nth-child(3) {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #ff7f21;
}

.sm-productbox3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 128px;
  height: 100%;
  margin-right: 61px;
}

.sm-productbox3 div:nth-child(1) {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #999999;
}

.sm-productbox3 div:nth-child(2) {
  font-family: Arial-BoldMT;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #0e64c0;
  margin: 10px 0;
}

.sm-productbox3 div:nth-child(3) {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #ff7f21;
}

.sm-productbox4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 204px;
  height: 100%;
}

.sm-productbox4 div:nth-child(1) {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #999999;
}

.sm-productbox4 div:nth-child(2) {
  font-family: Arial-BoldMT;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #0e64c0;
  margin: 10px 0;
}

.sm-productbox4 div:nth-child(3) {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0px;
  color: #ff7f21;
}

.sm-Industrialsystem {
  height: 918px;
  background-color: #fff;
}

.sm-Industrialsybox {
  position: relative;
  margin: 0 auto;
  width: 1300px;
  height: 918px;
  /* background-color: red; */
  text-align: center;
  padding-top: 288px;
}

.sm-Industrialsybox h1 {
  font-family: MicrosoftYaHei-Bold;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 21px;
  letter-spacing: 0px;
  color: #000000;
  padding-bottom: 9px;
  font-weight: 700;
  /* border-bottom: 2px solid #48C2F9; */
}

.sm-Industrialsybox span {
  display: inline-block;
  width: 56px;
  height: 6px;
  background-color: #1659a1;
  border-radius: 3px;
  margin-top: 16px;
}

.sm-lithiumnewenergy {
  margin-top: 64px;
  width: 858px;
  height: 404px;
  display: flex;
}

.sm-lithiunmimgsy {
  width: 104px;
  height: 404px;
  margin-right: 3px;
}

.sm-lithiunmimgsy p {
  width: 15px;
  margin: 44px auto;
  font-size: 22px;
  color: #fff;
}

.Biomedicalindustry {
  width: 445px;
  height: 480px;
  position: absolute;
  right: 3px;
  top: 370px;
  background-color: red;
  background-image: url(../images/sm-Biomedicine.png);
  padding-left: 38px;
  padding-right: 34px;
}

.Biomedicalindustry h2 {
  padding-top: 58px;
  padding-bottom: 35px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #ffffff;
}

.Biomedicalindustry p {
  width: 373px;
  height: 268px;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 28px;
  letter-spacing: 0px;
  color: #ffffff;
  text-indent: 2rem;
  text-align: justify;
}

.sm-lithiumnewenergy div:nth-child(1) {
  background-image: url(../images/sm-Industria1.png);
}

.sm-lithiumnewenergy div:nth-child(2) {
  background-image: url(../images/sm-Industria2.png);
}

.sm-lithiumnewenergy div:nth-child(3) {
  background-image: url(../images/sm-Industria3.png);
}

.sm-lithiumnewenergy div:nth-child(4) {
  background-image: url(../images/sm-Industria4.png);
}

.sm-lithiumnewenergy div:nth-child(5) {
  background-image: url(../images/sm-Industria5.png);
}

.sm-lithiumnewenergy div:nth-child(6) {
  background-image: url(../images/sm-Industria6.png);
}

.sm-lithiumnewenergy div:nth-child(7) {
  background-image: url(../images/sm-Industria7.png);
}

.sm-lithiumnewenergy div:nth-child(8) {
  background-image: url(../images/sm-Industria8.png);
}

.sm-Industryoverview .detail-tab .layui-tab-title .layui-this123:after {
  position: relative;
  left: 0;
  height: 40px;
  white-space: nowrap;
  font-size: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

.sm-industrialproductd {
  height: 950px;
  background-color: #ebeff4;
}

.sm-viewallbutton {
  margin: 36px auto;
  width: 180px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #3568a8;
  text-align: center;
  line-height: 40px;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #1659a1;
}

.sm-industrialprtitle {
  text-align: center;
}

.sm-industrialprtitle h1 {
  font-family: MicrosoftYaHei-Bold;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #000000;
  padding-top: 64px;
  padding-bottom: 10px;
  font-weight: 700;
}

.sm-industrialprtitle span {
  display: inline-block;
  width: 56px;
  height: 6px;
  background-color: #1659a1;
  border-radius: 3px;
}

.sm-industrialproductbox {
  margin: 23px auto;
  display: flex;
  flex-wrap: wrap;
  width: 1300px;
  height: 664px;
  justify-content: space-between;
  align-content: space-between;
}

.sm-industrialnine {
  width: 240px;
  height: 320px;
  background-color: #fff;
  padding: 20px 20px 14px 20px;
}

.sm-industrialnine img {
  width: 200px;
  height: 200px;
}

.sm-industrialnine h4 {
  margin-top: 14px;
  width: 183px;
  height: 40px;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 21px;
  letter-spacing: 0px;
  color: #333333;
  margin-bottom: 18px;
  display: -webkit-box;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.sm-industrialnine span {
  display: inline-block;
  width: 185px;
  height: 23px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 21px;
  letter-spacing: 0px;
  color: #999999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sm-onbehalfofenterprises {
  height: 835px;
  background-color: #fff;
}

.sm-onbehalfofentitle {
  text-align: center;
}

.sm-onbehalfofentitle h1 {
  padding-top: 73px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 36px;
  font-weight: 700;
  color: #000000;
}

.sm-onbehalfofentitle span {
  display: inline-block;
  width: 57px;
  height: 6px;
  background-color: #1659a1;
  border-radius: 3px;
}

.sm-onbehalfofentbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  margin: 31px auto;
  width: 1300px;
  height: 540px;
}

.sm-onbehalfofentprdut {
  padding: 19px 23px 11px 23px;
  width: 310px;
  height: 250px;
  background-color: #ffffff;
  border: solid 1px #dddddd;
}

.sm-onbehalfofentprdut img {
  width: 264px;
  height: 120px;
}

.sm-onbehalfofentprdut h4 {
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 21px;
  letter-spacing: 0px;
  color: #333333;
  padding-bottom: 12px;
  border-bottom: dashed 1px #d2d2d2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sm-onbehalfofentprdut p {
  width: 220px;
  height: 43px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  color: #999999;
}

.sm-Industryddy {
  padding-top: 19px;
}

.sm-viewonbehalfbutton {
  margin: 8px auto;
  width: 180px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #3568a8;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  text-align: center;
  color: #1659a1;
}

.layui-this123 {
  border-bottom-style: none;
}

.detail-tab .whai {
  padding-left: 70px;
}

.whai {
  margin-right: 30px !important;
}

.whai:nth-child(1) {
  width: 200px !important;
}

.whai:nth-child(n + 2) {
  width: 150px !important;
}

/* 南平馆 */
.np-banner-sm-banner {
  height: 340px;
  background: url(../images/np-bannerbanner.png) no-repeat center;
}

.jn-banner-sm-banner {
  height: 500px;
  margin-top: -30px;
  background: url(../images/save-energy-banner.png) no-repeat center;
  background-size: 100% 100%;
}

.np-banner-sm-titlemask h1 {
  text-align: center;
  padding: 54px 0 25px 0;
  font-size: 50px;
  font-weight: 700;
  color: #ffffff;
}

.np-banner-sm-mask {
  margin: auto;
  width: 1241px;
  height: 125px;
  background-color: #15375b;
  opacity: 0.7;
}

.np-banner-sm-mask p {
  z-index: 9999;
  padding: 30px 40px 30px 36px;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #fff;
}


.np-Industryoverview {
  margin: auto;
  width: 1300px;
  height: 545px;
  background-color: #fff;
}

.np-Industryoverview h1 {
  padding-top: 75px;
  padding-bottom: 40px;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  color: #000000;
}

.np-primemoverbox {
  height: 307px;
  display: flex;
  justify-content: space-between;
}

.np-primemover {
  padding-left: 26px;
  padding-right: 30px;
  width: 422px;
  height: 307px;
  background: url(../images/npbasicstryoverview.png) no-repeat center;
}

.np-primemover h4 {
  padding: 31px 0 24px 57px;

  font-weight: 700;
  font-family: MicrosoftYaHei-Bold;
  font-size: 22px;
  color: #1659a1;
}

.np-foodprocessing {
  display: flex;
}

.np-foodprocessing div:nth-child(1),
.np-foodprocessing div:nth-child(2),
.np-foodprocessing div:nth-child(3),
.np-foodprocessing div:nth-child(4) {
  /* width: 87px; */
  padding: 0 10px 0 10px;
  height: 29px;
  border-radius: 4px;
  border: solid 1px #1659a1;
  font-size: 16px;
  line-height: 29px;
  text-align: center;
  color: #1659a1;
  margin-right: 6px;
}

.np-primemoveritest {
  margin-top: 23px;
  width: 364px;
  height: 87px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #333333;
}

.np-industryintroduction {
  margin-top: 28px;
  display: flex;
  text-align: center;
  line-height: 37px;
}

.np-industryintroduction div:nth-child(1) {
  width: 95px;
  height: 37px;
  line-height: 33px;
  background-color: #1659a1;
  border-radius: 19px;
  border: solid 1px #1659a1;
  margin-right: 13px;
  color: #fefefe;
  font-size: 16px;
}

.np-industryintroduction div:nth-child(2) {
  width: 95px;
  height: 37px;
  line-height: 33px;
  border-radius: 19px;
  border: solid 1px #1659a1;
  color: #1659a1;
  font-size: 16px;
}

.np-newindustries {
  text-align: center;
  display: flex;
}

.np-newindustries div:nth-child(1) {
  margin-right: 6px;
  padding: 0 10px 0 10px;
  height: 29px;
  line-height: 29px;
  border-radius: 4px;
  border: solid 1px #1659a1;
  font-size: 16px;
  color: #1659a1;
}

.np-newindustries div:nth-child(2) {
  margin-right: 6px;
  width: 154px;
  height: 29px;
  border-radius: 4px;
  border: solid 1px #1659a1;
  line-height: 29px;
  font-size: 16px;
  color: #1659a1;
}

.np-newindustries div:nth-child(3) {
  width: 87px;
  height: 29px;
  border-radius: 4px;
  border: solid 1px #1659a1;
  line-height: 29px;
  font-size: 16px;
  color: #1659a1;
}

.np-industrialproductbox {
  height: 950px;
  background: url(../images/banenrindustrialproduct.png) no-repeat center;
}

.np-industrialproduct {
  margin: auto;
  width: 1300px;
}

.np-industrialproduct h1 {
  padding-top: 64px;
  padding-bottom: 39px;
  font-weight: 700;
  text-align: center;
  font-size: 40px;
  color: #000000;
}

.np-product {
  width: 1300px;
  height: 662px;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between;
   align-content: space-between  ; */
  justify-content: space-between;
}

.np-produntsp {
  width: 240px;
  height: 320px;
  background-color: #fff;
  padding: 21px 20px 14px 20px;
}

.np-produntspbox {
  width: 200px;
  height: 200px;
}

.np-produntspbox img {
  width: 100%;
  height: 100%;
}

.np-produntspbox h4 {
  width: 249px;
  height: 51px;
  padding: 9px 71px 17px 0;
  color: #333333;
  font-size: 16px;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.np-produntspbox p {
  margin-top: 13px;
  font-size: 14px;
  color: #999999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.np-enterprisedisplay {
  height: 746px;
  background-color: #fff;
}

.np-enterprisedisplay h1 {
  padding-top: 75px;
  padding-bottom: 40px;
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 40px;
  font-weight: 700;
  color: #000000;
}

.np-enterprisebox {
  width: 1300px;
  margin: auto;
}

.np-viewall {
  margin: auto;
  margin-top: 35px;
  width: 180px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  border: solid 1px #3568a8;
  text-align: center;
  color: #1659a1;
  font-size: 16px;
}

.np-enterprisebigbox {
  display: flex;
  flex-wrap: wrap;
}

.np-enterprisebox1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 208px;
  height: 219px;
  background: url(../images/np-leadingenterprises.png) no-repeat center;
}

.np-imgnn {
  width: 273px;
  height: 219px;
  background-color: #ffffff;
  border: solid 1px #dddddd;
}

.np-enterprisebox1 span {
  padding-top: 130px;
  padding-bottom: 18px;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  color: #ffffff;
}

.np-enterprisebox1gd {
  width: 78px;
  height: 29px;
  background-color: #ffffff;
  border-radius: 15px;
  border: 1px solid #fff;
  background: url(../images/np-enterprisebox1gd.png) no-repeat center;
  text-align: center;
  line-height: 29px;
  font-size: 14px;
  color: #fff;
}

.np-enterprisebox6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 208px;
  height: 219px;
  background: url(../images/np-enterprises.png) no-repeat center;
}

.np-enterprisebox6 span {
  padding-top: 129px;
  padding-bottom: 18px;
  font-size: 20px;
  color: #333333;
}

.np-enterprisebox6gd {
  width: 78px;
  height: 29px;
  line-height: 29px;
  text-align: center;
  color: #999999;
  font-size: 14px;
  border-radius: 15px;
  border: 1px solid #000;
}

.imgnn {
  padding: 26px 30px;
}

.imgnn h4 {
  padding-top: 10px !important;
}

.np-imgnn2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  height: 70% !important;
  margin-bottom: 10px;
}

.np-imgnn2 img {
  width: auto !important;
  max-width: 100%;
  max-height: 100%;
}

.np-enterprisebox2img {
  padding-top: 62px;
  padding-left: 69px;
  padding-bottom: 20px;
  height: 140px;
}

.np-imgnn h4 {
  color: #333333;
  font-size: 16px;
  /* text-align: center; */
  padding: 0 34px 0 34px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.np-enterprisebox2img img {
  width: 135px;
}

.np-enterprisebox3img {
  padding-top: 31px;
  padding-left: 76px;
}

.np-enterprisebox4 h4,
.np-enterprisebox3 h4 {
  padding-top: 13px;
  color: #333333;
  font-size: 16px;
  text-align: center;
}

.np-enterprisebox3img img {
  width: 122px;
  height: 122px;
}

.np-enterprisebox4img {
  padding-top: 55px;
  padding-left: 97px;
  width: 150px;
  height: 150px;
}

.np-enterprisebox5 h4 {
  padding-top: 11px;
  color: #333333;
  font-size: 16px;
  text-align: center;
}

.np-enterprisebox4mg img {
  width: 100px;
  height: 93px;
}

.np-enterprisebox5img {
  padding-top: 31px;
  padding-left: 76px;
}

.np-enterprisebox7 h4 {
  padding-top: 46px;
  color: #333333;
  font-size: 16px;
  text-align: center;
}

.np-enterprisebox5img img {
  width: 115px;
  height: 79px;
}

.np-enterprisebox6img {
  padding-top: 31px;
  padding-left: 76px;
}

.np-enterprisebox8 h4 {
  padding-top: 46px;
  color: #333333;
  font-size: 16px;
  text-align: center;
}

.np-enterprisebox6img img {
  width: 115px;
  height: 79px;
}

.np-enterprisebox7img {
  padding-top: 31px;
  padding-left: 76px;
}

.np-enterprisebox9 h4 {
  padding-top: 46px;
  color: #333333;
  font-size: 16px;
  text-align: center;
}

.np-enterprisebox7img img {
  width: 115px;
  height: 79px;
}

.np-enterprisebox8img {
  padding-top: 31px;
  padding-left: 76px;
}

.np-enterprisebox10 h4 {
  padding-top: 46px;
  color: #333333;
  font-size: 16px;
  text-align: center;
}

.np-enterprisebox8img img {
  width: 115px;
  height: 79px;
}

.np-entercheckall {
  margin: 40px auto;
  text-align: center;
  width: 180px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  border: solid 1px #3568a8;
  font-size: 16px;
  color: #1659a1;
}

/*主导产业体系  */
.zd-leadingindustry {
  margin: auto;
  width: 1315px;
  height: 2565px;
  background-color: #fff;
}

.zd-leadingindustry h1 {
  font-size: 40px;
  color: #000000;
  text-align: center;
  font-weight: 700;
  padding-top: 75px;
}

.zd-layui-tab-title {
  text-align: center;
  border-bottom-style: none;
  position: relative;
  top: -20px;
  left: 0px;
}

.zd-layui {
  border: none;
}

.zd-detail-tab .zd-layui-tab-title li {
  color: #333333;
  line-height: 96px;
  font-size: 22px;
}

.zd-lingstbanner {
  margin-top: 25px;
  display: flex;
}

.zd-foodprocessing {
  position: relative;
  top: 0px;
  left: -2px;
  margin-top: 27px;
  width: 646px;
  height: 356px;
  background-color: #1659a1;
  padding: 60px 0 0 29px;
  background: url(../images/zd-goodsporudt.png) no-repeat center;
}

.zd-foodprocessing h2 {
  font-size: 22px;
  color: #ffffff;
}

.zd-foodprocessing p {
  padding-top: 27px;
  width: 592px;
  height: 161px;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: 0px;
  color: #ffffff;
}

.zd-processingdetails {
  margin-top: 78px;
}

.zd-processingdetai1 p:nth-child(odd) {
  font-size: 20px;
  font-weight: 700;

  line-height: 21px;
  letter-spacing: 0px;
  color: #333333;
}

.zd-processingdetai1 p {
  padding-top: 28px;
  padding-bottom: 40px;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #333333;
}

/* 手风琴 */
.main-group {
  margin-top: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sfq_content {
  width: 1300px;
  height: 330px;
  display: flex;
  align-items: center;
}

.item-group {
  display: flex;
  align-items: center;
  height: 390px;
  position: relative;
  width: 290px;
  overflow: hidden;
  transition: all 0.4s;
}

.item-group .title {
  width: 128px;
  color: #fff;
  position: absolute;
  cursor: pointer;
  z-index: 1;
  transition: all 0.7s ease 0s;
}

.item-group .title div {
  width: 105px;
  height: 404px;
}

.item-group:nth-child(1) .title div {
  background: url("../images/锂电新能源-小.png");
}

.item-group:nth-child(1) .desc div {
  background: url("../images/锂电新能源-大.png") no-repeat;
}

.item-group:nth-child(2) .title div {
  background: url("../images/不锈钢新材料-小.png");
}

.item-group:nth-child(2) .desc div {
  background: url("../images/不锈钢新材料-大.png") no-repeat;
}

.item-group:nth-child(3) .title div {
  background: url("../images/新能源汽车-小.png");
}

.item-group:nth-child(3) .desc div {
  background: url("../images/新能源汽车-大.png") no-repeat;
}

.item-group:nth-child(4) .title div {
  background: url("../images/铜材料-小.png");
}

.item-group:nth-child(4) .desc div {
  background: url("../images/铜材料-大.png") no-repeat;
}

.item-group:nth-child(5) .title div {
  background: url("../images/电机电器-小.png");
}

.item-group:nth-child(5) .desc div {
  background: url("../images/电机电器-大.png") no-repeat;
}

.item-group:nth-child(6) .title div {
  background: url("../images/食品加工-小.png");
}

.item-group:nth-child(6) .desc div {
  background: url("../images/食品加工-大.png") no-repeat;
}

.item-group:nth-child(7) .title div {
  background: url("../images/合成革-小.png");
}

.item-group:nth-child(7) .desc div {
  background: url("../images/合成革-大.png") no-repeat;
}

.item-group:nth-child(8) .title div {
  background: url("../images/冶金特钢-小.png");
}

.item-group:nth-child(8) .desc div {
  background: url("../images/冶金特钢-大.png") no-repeat;
}

.item-group:nth-child(9) .title div {
  background: url("../images/生物医药-小.png");
}

.item-group:nth-child(9) .desc div {
  background: url("../images/生物医药-大.png") no-repeat;
}

.item-group .desc {
  width: 100%;
  height: 100%;
}

.desc-text-top {
  padding-top: 58px;
  padding-bottom: 35px;
  font-size: 22px;
  text-align: center;
  line-height: 24px;
  letter-spacing: 0px;
  color: #ffffff;
}

.desc-text-bot {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #ffffff;
  text-indent: 2rem;
  text-align: justify;
  padding: 0 36px;
  line-height: 28px;
}

.item-group .desc div {
  background-size: cover !important;
  width: 467px;
  height: 100%;
}

.item-group.self {
  width: 100%;
  height: 480px;
}

.item-group.self .title {
  display: none;
}

.item-group-text {
  width: 22px;
  height: 100%;
  font-size: 22px;
  text-align: left;
  margin-left: 50%;
  transform: translateX(-50%);
  padding-top: 44px;
  color: #fff;
}

/* 莆田馆 */
.banner-pt-banner {
  height: 342px;
  background: url(../images/banner-pt.jpg) no-repeat center;
}

.banner-pt-mask {
  position: relative;
  margin-top: 150px;
  opacity: 1;
  background-color: #fff;
}

.banner-pt-mask p {
  color: #666666;
  line-height: 30px;
}

.banner-pt-mask p::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 8px;
  left: 0;
  bottom: 0;
  background-color: #1659a1;
}

.Industry-pt h1 {
  padding-top: 130px;
  margin-bottom: 14px;
  color: #1659a1;
}

.pt-Industryoverview {
  background: none;
  height: 680px;
}

.pt-industryimg {
  display: inline-block;
  margin-bottom: 25px;
}

.pt-gkbg {
  background: url(../images/gk-bg.png) no-repeat top;
}

.gk-wrapper {
  position: relative;
}

.gk-box {
  position: absolute;
  right: 0;
  top: 16px;
  width: 650px;
  padding: 15px 43px;
  box-sizing: border-box;
  height: 360px;
  margin-right: 20px;
}

.gk-box p {
  text-indent: 2rem;
  line-height: 30px;
  font-size: 16px;
  font-family: MicrosoftYaHei;
}

.gk-ul {
  margin-top: 48px;
  grid-template-columns: 170px 170px 170px;
  grid-template-rows: 66px 66px;
  display: grid;
  gap: 26px;
}

.gk-ul li {
  cursor: pointer;
  border-radius: 5px;
  border: 2px solid #9aa1a9;
  gap: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gk-ul li span {
  font-size: 16px;
}

.gk-li-img {
  width: 21px;
  height: 23px;
  background: url(../images/traf-gray.png) no-repeat center;
}

.gk-li-img1 {
  background: url(../images/port-gray.png) no-repeat center;
}

.gk-li-img2 {
  background: url(../images/culture-gray.png) no-repeat center;
}

.gk-li-img3 {
  background: url(../images/shengtai-gray.png) no-repeat center;
}

.gk-li-img4 {
  background: url(../images/gongyi-gray.png) no-repeat center;
}

.gk-li-img5 {
  background: url(../images/ren-gray.png) no-repeat center;
}

.gk-box-p {
  height: 120px;
  overflow: hidden;
  display: none;
}

.gk-box-p1 {
  display: block;
}

.gk-ul-li1 {
  border-color: #1659a1;
  background-color: #e3effb;
}

.gk-ul-li1 .gk-li-img {
  background: url(../images/traf-blue.png) no-repeat center;
}

.gk-ul-li2 .gk-li-img {
  background: url(../images/port-blue.png) no-repeat center;
}

.gk-ul-li3 .gk-li-img {
  background: url(../images/culture-blue.png) no-repeat center;
}

.gk-ul-li4 .gk-li-img {
  background: url(../images/shengtai-blue.png) no-repeat center;
}

.gk-ul-li5 .gk-li-img {
  background: url(../images/gongyi-blue.png) no-repeat center;
}

.gk-ul-li6 .gk-li-img {
  background: url(../images/ren-blue.png) no-repeat center;
}

.gk-ul li:nth-child(1):hover .gk-li-img {
  background: url(../images/traf-blue.png) no-repeat center;
}

.gk-ul li:nth-child(2):hover .gk-li-img1 {
  background: url(../images/port-blue.png) no-repeat center;
}

.gk-ul li:nth-child(3):hover .gk-li-img2 {
  background: url(../images/culture-blue.png) no-repeat center;
}

.gk-ul li:nth-child(4):hover .gk-li-img3 {
  background: url(../images/shengtai-blue.png) no-repeat center;
}

.gk-ul li:nth-child(5):hover .gk-li-img4 {
  background: url(../images/gongyi-blue.png) no-repeat center;
}

.gk-ul li:nth-child(6):hover .gk-li-img5 {
  background: url(../images/ren-blue.png) no-repeat center;
}

.gk-ul li:hover {
  border-color: #1659a1;
  background-color: #e3effb;
}

.Industry-pt .cp-gk {
  padding-top: 46px;
}

.Industry-pt1 {
  padding-top: 0;
}

.cp-content {
  width: 1303px;
  margin: auto;
}

.cp-content p {
  padding: 0 50px;
  text-indent: 2rem;
  line-height: 30px;
  font-size: 16px;
  font-family: MicrosoftYaHei;
}

.cp-sort {
  display: flex;
  margin-top: 45px;
  gap: 58px;
}

.cp-sort-left {
  gap: 20px;
  grid-template-columns: 120px 120px 120px 120px;
  grid-template-rows: 120px 120px 120px;
  display: grid;
}

.cp-sort-left li {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  box-shadow: 0px 2px 15px 0px rgba(3, 36, 86, 0.15);
  border-radius: 4px;
}

.cp-sort-left li:hover {
  background-color: #1659a1;
}

.sort-icon1 {
  background: url(../images/xie-white.png) no-repeat bottom !important;
}

.cp-sort-left li:nth-child(1):hover p {
  background: url(../images/xie-white.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(2):hover p {
  background: url(../images/shiping-white.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(3):hover p {
  background: url(../images/gongyi-white.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(4):hover p {
  background: url(../images/gongneng-white.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(5):hover p {
  background: url(../images/xinxi-white.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(6):hover p {
  background: url(../images/xinnengyuan-white.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(7):hover p {
  background: url(../images/zhuanbei-white.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(8):hover p {
  background: url(../images/jiangkang-white.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(9):hover p {
  background: url(../images/shuzi-white.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(10):hover p {
  background: url(../images/haiyang-white.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(11):hover p {
  background: url(../images/lvse-white.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(12):hover p {
  background: url(../images/lvyou-white.png) no-repeat bottom;
}

.cp-sort-left li p {
  width: 35px;
  height: 29px;
}

.cp-sort-left li:nth-child(1) p {
  background: url(../images/xie.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(2) p {
  background: url(../images/shiping.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(3) p {
  background: url(../images/gongyim.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(4) p {
  background: url(../images/gongneng.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(5) p {
  background: url(../images/xinxi.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(6) p {
  background: url(../images/xinnengyuan.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(7) p {
  background: url(../images/zhuanbei.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(8) p {
  background: url(../images/jiangkang.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(9) p {
  background: url(../images/shuzi.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(10) p {
  background: url(../images/haiyang.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(11) p {
  background: url(../images/lvse.png) no-repeat bottom;
}

.cp-sort-left li:nth-child(12) p {
  background: url(../images/lvyou.png) no-repeat bottom;
}

.a1 {
  background: url(../images/xie-white.png) no-repeat bottom !important;
}

.a2 {
  background: url(../images/shiping-white.png) no-repeat bottom !important;
}

.a3 {
  background: url(../images/gongyi-white.png) no-repeat bottom !important;
}

.a4 {
  background: url(../images/gongneng-white.png) no-repeat bottom !important;
}

.a5 {
  background: url(../images/xinxi-white.png) no-repeat bottom !important;
}

.a6 {
  background: url(../images/xinnengyuan-white.png) no-repeat bottom !important;
}

.a7 {
  background: url(../images/zhuanbei-white.png) no-repeat bottom !important;
}

.a8 {
  background: url(../images/jiangkang-white.png) no-repeat bottom !important;
}

.a9 {
  background: url(../images/shuzi-white.png) no-repeat bottom !important;
}

.a10 {
  background: url(../images/haiyang-white.png) no-repeat bottom !important;
}

.a11 {
  background: url(../images/lvse-white.png) no-repeat bottom !important;
}

.a12 {
  background: url(../images/lvyou-white.png) no-repeat bottom !important;
}

.cp-sort-left li:hover span {
  color: #fff !important;
}

.cp-sort-right {
  display: none;
  flex: 1;
}

.cp-sort-right1 {
  display: block;
}

.title-table {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 15px;
  border-bottom: 2px solid #b0b0b0;
}

.title-table-ul {
  display: flex;
  gap: 10px;
}

.itle-table-h1 {
  font-size: 22px;
  font-weight: 600;
}

.title-table-ul li {
  border: 1px solid transparent;
  box-sizing: border-box;
  border-radius: 30px;
  cursor: pointer;
  box-sizing: border-box;
  padding: 5px 15px;
  font-size: 16px;
}

.title-table-ul li:hover {
  border: 1px solid #1b5da3;
  background-color: #e3effb;
  color: #1659a1;
}

.title-table-ul .active {
  border: 1px solid #1b5da3;
  background-color: #e3effb;
  color: #1659a1;
}

.active1 {
  display: block !important;
}

.content-table p {
  display: none;
  padding: 0;
}

.content-table {
  padding-top: 33px;
  height: 348px;
  background: url(../images/bg-mother.png) no-repeat bottom;
}

.sort-text {
  margin-top: 20px;
  font-size: 16px;
}

.pt-industriaproduct {
  height: 914px;
  background: none;
}

.pt-buttonan {
  color: #7290bd;
  border-color: #7290bd;
}

.pt-ehalfofenterprises1 {
  margin: auto;
  height: 780px;
  padding-top: 25px;
  margin-bottom: 0;
  background: url(../images/qy-bg.png) no-repeat center;
}

.Industry-pt .cp-gk1 {
  padding-top: 46px;
}

.pt-ehalfofenterprises2 .cp-gk {
  padding-top: 20px;
}

.pt-ehalfofenterprises2 {
  margin-top: 60px;
  height: 530px;
  background: url(../images/canye-bg.png) no-repeat center;
}

.canye {
  width: 1303px;
  margin: auto;
  display: flex;
  gap: 40px;
}

.canye-item {
  cursor: pointer;
  transition: 0.3s;
  flex: 1;
}

.pt-industriaproduct .sm-product a {
  transition: 0.3s;
  border: 1px solid #e2e2e2;
}

.pt-industriaproduct .sm-product a:hover {
  transform: scale(1.05);
}

.pt-product {
  gap: 20px;
}

.canye-item:hover {
  transform: scale(1.05);
}

/* 泉州馆 */
.banner-qz-banner {
  height: 340px;
  background: url(../images/banner-qz-banner.png) no-repeat center;
}

.title-qz-title {
  text-align: center;
  padding-top: 108px;
  color: #ffffff;
  font-size: 50px;
  font-weight: 700;
}

.mask-qz-zhebox {
  width: 1300px;
  position: relative;
  margin: 0 auto;
}

.mask-qz-zhe {
  width: 1300px;
  height: 213px;
  margin: 0 auto;
  position: absolute;
  top: 67px;
  background-color: #ffffff;
  box-shadow: 0px 2px 15px 0px rgba(3, 36, 86, 0.15);
  border-radius: 10px;
  padding: 62px 81px 60px 65px;
}

.mask-qz-zhe span {
  width: 1154px;
  height: 91px;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  color: #333333;
}

.qz-Industrialsytem {
  height: 842px;
  background: url(../images/qz-Industrialsytem.png) no-repeat bottom;
}

.qz-Industrialsytem h2 {
  padding-top: 188px;
  font-weight: 700;
  text-align: center;
  font-size: 40px;
  line-height: 21px;
  color: #000000;
}

.qz-footwearbox {
  width: 1303px;
  margin: 40px auto;
}

.qz-footwearbox .detail-tab .layuism li::before {
  background-image: none;
  margin-left: 0;
  content: none;
}

.detail-qz .layui-tab-title li + li {
  margin-left: 0px;
}

.detail-qz .layuism {
  padding-left: 200px;
}

.detail-qz .layuism .layui-nav-item {
  margin-right: 60px;
}

.detail-qz .layui-tab-item {
  padding: none !important;
  padding-top: 45px;
}

.qz-paskpagsebox {
  /* background-color: red; */
  /* display: flex; */
  /* justify-content: space-between; */
}

.qz-paskleft {
  width: 647px;
  height: 519px;
  position: relative;
  top: 37px;
}

.qz-paskleft img {
  width: 100%;
  height: 100%;
}

.qz-paskright {
  position: relative;
  left: 563px;
  top: -406px;
  padding: 44px 48px 0 56px;
  width: 740px;
  height: 425px;
  background-color: #ffffff;
  box-shadow: 0px 3px 20px 0px rgba(55, 87, 120, 0.2);
}

.qz-paskrighttitle {
  font-size: 28px;
  font-weight: 700;
  color: #000000;
}

.qz-paskrightspan {
  padding-top: 9px;
  display: block;
  width: 38px;
  height: 5px;
  border-bottom: 5px solid #4B84F7;
}

.qz-paskrightjs {
  display: none;
  padding-top: 20px;
  width: 623px;
  height: 77px;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #666666;
}

.qz-paskright .active1 {
  display: block;
}

.qz-introductionbox {
  /* background-color: red;
  width: 200px;
  height: 109px; */
  margin-top: 93px;
  display: flex;
  justify-content: space-between;
}

.qz-introductionbox123 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  position: relative;
  width: 100px;
  align-items: center;
}

.qz-introductionitem {
  width: 64px;
  height: 65px;
  border: dashed 1px #4B84F7;
  /* opacity: 0.35; */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.qz-introductionitem-1 {
  background: url("../images/icon/worblue1.png") no-repeat center center;
  background-color: #fff;
}

.active123 .qz-introductionitem-1 {
  background: url("../images/icon/workwhrie1.png") no-repeat center center;
  background-color: #5178ae;
}

.qz-introductionitem-2 {
  background: url("../images/icon/worblue2.png") no-repeat center center;
  background-color: #fff;
  /* background-size: cover; */
}

.active123 .qz-introductionitem-2 {
  background: url("../images/icon/workwhrie2.png") no-repeat center center;
  background-color: #5178ae;
  /* background-size: cover; */
}

.qz-introductionitem-3 {
  background: url("../images/icon/worblue3.png") no-repeat center center;
  background-color: #fff;
}

.active123 .qz-introductionitem-3 {
  background: url("../images/icon/workwhrie3.png") no-repeat center center;
  background-color: #5178ae;
}

.qz-introductionitem-4 {
  background: url("../images/icon/worblue4.png") no-repeat center center;
  background-color: #fff;
}

.active123 .qz-introductionitem-4 {
  background: url("../images/icon/workwhrie4.png") no-repeat center center;
  background-color: #5178ae;
}

.qz-introductionitem-5 {
  background: url("../images/icon/worblue5.png") no-repeat center center;
  background-color: #fff;
}

.active123 .qz-introductionitem-5 {
  background: #4B84F7 url("../images/icon/workwhrie5.png") no-repeat center
    center;
  background-color: #5178ae;
}

.active123 .qz-introductionitem {
  opacity: 1;
  border: none;
  width: 70px;
  height: 65px;
}

.active123 .qz-introductiontitle {
  color: #4B84F7;
}

.qz-introductionitemimg2:hover {
  background: url(../images/qz-bgbg2.png);
}

.qz-introductionitemimg2 {
  background: url(../images/officeob2.png);
}

.qz-introductionitemimg3:hover {
  background: url(../images/qz-bgbg3.png) no-repeat center;
}

.qz-introductionitemimg3 {
  background: url(../images/officeob3.png) no-repeat center;
}

.qz-introductionitemimg4:hover {
  background: url(../images/qz-bgbg4.png) no-repeat center;
}

.qz-introductionitemimg4 {
  background: url(../images/officeob4.png) no-repeat center;
}

.qz-introductionitemimg5:hover {
  width: 37px;
  height: 37px;
  /* background: url(../images/qz-bgbg5.png) no-repeat center ; */
  background: url(../images/officeob5.png) no-repeat center;
}

.qz-introductionitemimg5 {
  background: url(../images/officeob5.png) no-repeat center;
}

.qz-footwearbox .detail-tab .layui-tab-item {
  padding: 0 !important;
}

/* .qz-paskright .active123 {
    background-color: #4B84F7;
    opacity: 0.8;
} */

.qz-introductiontitle {
  margin-top: 13px;
  text-align: center;
  /* width: 70px; */
  height: 14px;
  font-size: 14px;
  color: #666666;
  /* display: flex;
    justify-content: center;
    flex-direction: column; */
}

.qz-introductionbox123:hover .qz-introductiontitle {
  color: #5178ae;
}

.qz-introductionbox123:hover .down-arrow {
  display: block;
}

.active123 .down-arrow {
  display: block;
}

.down-arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  left: 50%;
  top: -15px;
  transform: translateX(-50%);
  display: none;
}

.qz-introductionitemimg {
  /* padding: 13px; */
  width: 39px;
  height: 39px;
  background: url("../images/officeob1.png") no-repeat;
}

.qz-introductionitemimg img {
  width: 100%;
  height: 100%;
}

.qz-Industrialbox {
  width: 1300px;
  height: 644px;
  margin: auto;
}

.qz-Industrialbox h2 {
  text-align: center;
  padding-top: 170px;
  padding-bottom: 100px;
  font-size: 40px;
  font-weight: 700;
  color: #000000;
}

.qz-Industrial1 {
  width: 280px;
  height: 180px;
  margin-right: 134px;
  transition: 0.3s;
}

.qz-Industrial1 img {
  width: 100%;
  height: 100%;
}

.qz-Industrialboxbig {
  display: flex;
}

.qz-Industrialboxbig div:nth-child(3) {
  margin-top: 26px;
}

.qz-Industrialboxbig2 {
  display: flex;
}

.qz-Industrial1poa {
  position: relative;
  top: -73px;
  margin-left: 199px;
}

.qz-Industrial1poatwo {
  position: relative;
  top: -73px;
  margin-left: 155px;
}

.qz-iscountbox {
  height: 344px;
  background: url(../images/qz-iscountbanner.png) no-repeat center;
}

.qz-iscountonebox {
  display: flex;
  align-items: center;
  width: 1300px;
  height: 344px;
  margin: auto;
}

.itemleft {
  width: 402px;
  height: 174px;
  background-color: #ffffff;
  border-radius: 10px;
  margin-left: 213px;
  padding-right: 37px;
  display: flex;
  justify-content: space-between;
}

.itemleft div:nth-child(1) {
  font-size: 26px;
  color: #333333;
  font-weight: 700;
  padding-left: 35px;
  padding-top: 48px;
}

.itemleft div:nth-child(2) {
  width: 126px;
  /* height: 183px; */
}

.itemleft div:nth-child(2) img {
  width: 100%;
  height: 100%;
}

.itemright {
  width: 402px;
  height: 174px;
  background-color: #ffffff;
  border-radius: 10px;
  margin-left: 69px;
  display: flex;
  justify-content: space-between;
}

.leftbutton {
  margin-top: 19px;
  width: 96px;
  height: 34px;
  background-color: #ffffff;
  border-radius: 17px;
  border: solid 1px #4B84F7;
  text-align: center;
  line-height: 34px;
  color: #1659a1;
  font-size: 14px;
}

.leftbutton:hover {
  background-color: #5178ae;
  color: #fff;
  border: 1px solid #5178ae;
}

.itemright div:nth-child(1) {
  font-size: 26px;
  color: #333333;
  font-weight: 700;
  padding-left: 35px;
  padding-top: 48px;
}

.itemright div:nth-child(2) {
  margin-top: 65px;
  width: 246px;
  height: 100px;
}

.itemright div:nth-child(2) img {
  width: 100%;
  height: 100%;
}

.qz-productbox {
  height: 1103px;
  width: 1302px;
  margin: auto;
  background-color: #fff;
}

.qz-productbox h2 {
  text-align: center;
  padding-top: 186px;
  color: #000000;
  font-weight: 700;
  font-size: 40px;
}

.qz-productItembox {
  margin-top: 39px;
  height: 676px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.qz-productItem {
  padding: 21px 21px 0 21px;
  width: 310px;
  height: 328px;
  background-color: #ffffff;
  border: solid 1px #dddddd;
  transition: 0.3s;
}

.qz-productItemimg {
  width: 268px;
  height: 200px;
  border: solid 1px #ececec;
}

.qz-productItemimg img {
  width: 100%;
  height: 100%;
}

.qz-productItem .qz-producttitle {
  color: #333333;
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.qz-productItem p {
  font-size: 14px;
  color: #999999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.qz-productItembutton {
  margin-top: 50px;
  width: 180px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #3568a8;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: #1659a1;
}

.qz-ehalfofenterprises {
  height: 644px !important;
  background: url(../images/qz-ehalfofenterprisesbanner.png) no-repeat top;
}

/* 医药馆 */
.medicinebanner-banner {
  /* width: 1920px; */
  height: 340px;
  background: url(../images/medicinebanner-banner.png) no-repeat center;
}

.medicinebanner-banner h2 {
  text-align: center;
  padding-top: 105px;
  color: #ffffff;
  font-size: 42px;
  font-weight: 700;
}

.medicine-marsk {
  position: relative;
  padding: 35px 52px 43px 48px;
  color: #333333;
  font-size: 16px;
  line-height: 30px;
  top: 120px;
  margin: auto;
  width: 1300px;
  height: 124px;
  background-color: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.09);
  border-bottom: 8px solid #1659a1;
}

.mde-Industryfocus {
  height: 762px;
  background-color: #fafafa;
}

.mode-grorevenuebox {
  margin-top: 40px;
  width: 1300px;
  height: 160px;
  display: flex;
  justify-content: space-between;
}

.mode-grorevItem {
  padding: 20px;
  width: 302px;
  height: 160px;
  background-color: #ffffff;
  border-radius: 10px;
  text-align: center;
}

.mode-grorevItem div:nth-child(1) {
  color: #666666;
  font-size: 18px;
}

.mode-grorevItem div:nth-child(2) {
  margin: 10px 0;
  color: #1659a1;
  font-size: 36px;
  font-weight: 700;
  position: relative;
  display: inline;
  z-index: 99;
}

.mode-grorevItem div:nth-child(2)::before {
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  left: -5px;
  width: 20px;
  height: 20px;
  z-index: 98;
  background: url(../images/Circle.png) no-repeat;
}

.mode-grorevItem div:nth-child(3) {
  color: #fe7f20;
  font-size: 18px;
}

.mde-Industryfocus h2 {
  text-align: center;
  padding-top: 126px;
  color: #1659a1;
  font-size: 36px;
  font-weight: 700;
}

.mde-Industrybox {
  margin: 50px auto;
  width: 1300px;
  height: 467px;
}

.mde-Industryonebox {
  display: flex;
  justify-content: space-between;
  margin-right: 56px;
}

.mde-Industryleft {
  width: 589px;
  height: 266px;
}

.mde-Industryleft .mde-Industrylefth2 {
  color: #333333;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 19px;
}

.mde-Industryleft span {
  display: block;
  width: 604px;
  height: 224px;
  font-size: 16px;
  line-height: 26px;
  color: #333333;
}

.mde-Industryright {
  width: 582px;
  height: 266px;
  background-color: #dce9f4;
  border-radius: 5px;
}

.mde-directories {
  height: 1059px;
  background-color: #ffffff;
  background: url(../images/mde-directoriesbanner.png) no-repeat center;
}

.mde-directories h2 {
  font-size: 36px;
  font-weight: 700;
  color: #1659a1;
  text-align: center;
  padding-top: 62px;
}

.mde-directoriesboxx {
  width: 1300px;
  margin: 44px auto;
}

.mytabs {
  width: 1300px;
  display: flex;
}

.mytabs .tab {
  cursor: pointer;
  text-align: center;
  color: #333;
  margin-right: 112px;
  width: 191px;
  height: 60px;
  line-height: 60px;
  background-color: #ffffff;
  border-radius: 30px;
  border: solid 1px #999999;
  font-size: 24px;
  color: #999999;
}

.mytabs .active {
  cursor: default;
  background-color: #1659a1;
  border-radius: 30px;
  color: #fff;
}

.content .item {
  display: none;
}

.content .item:first-of-type {
  display: block;
}

.equipmententerprisesbox {
  margin-top: 29px;
  width: 1300px;
  display: flex;
  justify-content: space-between;
  /* height: 100px;
    background-color: red; */
}

.equipmententerleft {
  height: 710px;
  width: 510px;
  /* background-color: red; */
}

.equipmententerright {
  width: 770px;
  height: 710px;
  /* background-color: red; */
}

.equipmententerleft .topimg {
  width: 510px;
  height: 398px;
  background-color: #ffffff;
}

.equipmententerleft .bottomtest {
  margin-top: 16px;
  width: 510px;
  height: 398px;
  padding: 44px 48px 0 46px;

  background: url(../images/equipmentbt.png) no-repeat;
}

.equipmententerleft .bottomtest span {
  display: block;
  font-size: 20px;
  color: #fff;
  width: 416px;
}

.equipmententerrightbox {
  display: flex;
  width: 770px;
  height: 170px;
  background-color: #fff;
  margin-bottom: 10px;
}

.equipmententerrightbox:hover {
  border-bottom: 6px solid #195ba2;
}

.equipmententerrightbox .equipmentright {
  background: url(../images/equipmentright.png) no-repeat center;
}

.equipmententerrightbox:hover .equipmentright {
  background: url(../images/leftbutttright.png) no-repeat center;
}

.equipmententerrightimg {
  margin: 15px 14px 21px 15px;
  width: 220px;
  height: 134px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.equipmententerright .left {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60% !important;
  height: 100% !important;
  margin-bottom: 10px;
}

.equipmententerright .left img {
  /* width: 100%;
  height: 100%; */
  width: auto !important;
  max-width: 100%;
  max-height: 100%;
}

.equipmententerright .right .righth2 {
  font-size: 18px;
  color: #333333;
  padding: 0 !important;
  margin-top: 27px;
  font-weight: 700;
}

.equipmententerrightbox:hover .righth2 {
  color: #195ba2 !important;
}

.equipmententerrighttext {
  width: 464px;
  font-size: 16px;
  color: #666666;
  margin-top: 16px;
}

.equipmentrightbox {
  display: flex;
  justify-content: flex-end;
}

.equipmentright {
  width: 28px;
  height: 16px;
}

.equipmentright:hover {
  background: url();
}

.equipmententerrightbox11 {
  border-bottom: none;
}

.equipmententbutton {
  margin: 42px auto;
  width: 180px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #1659a1;
  color: #1659a1;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
}

.equipmententbutton:hover {
  background-color: #5178ae;
  color: #fff;
  border: 1px solid #5178ae;
}

.mode-medicalporducs {
  height: 959px;
}

.mode-medicalporducs h2 {
  color: #1659a1;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  padding-top: 71px;
  padding-bottom: 50px;
}

.mode-medicalpordbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 1300px;
  height: 665px;
  margin: auto;
}

.mode-medicalpordbox .modeItembox {
  width: 240px;
  height: 320px;
  background-color: #ffffff;
  border: solid 2px #ededed;
  transition: 0.3s;
}

.modeItembox .modeItemboximg {
  width: 200px;
  height: 200px;
  margin: 20px 20px 0 20px;
}

.modeItembox .modeItemboximg img {
  width: 100%;
  height: 100%;
}

.modeItembox span {
  padding: 0 10px;
  background-color: #ffffff;
  border-radius: 3px;
  border: solid 1px #57a4d5;
}

.modeItembottombox {
  margin-left: 21px;
}

.modeItembottombox .modetitle {
  color: #333333;
  font-size: 16px;
  margin-bottom: 15px;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modetitlespp {
  color: #999999;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.footermodebutton {
  margin: 35px auto;
  width: 180px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #1659a1;
  color: #1659a1;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
}

.qz-footwearbox .detail-qz .layuism {
  /* width: 1415px; */
  text-align: center;
  padding-left: 34px !important;
}

.qz-Industrial1:hover {
  cursor: pointer;
  transform: scale(1.05);
  transition: 0.3s;
}

.qz-Industrial1123:hover {
  cursor: pointer;
  transition: 0.3s;
  transform: scale(1.05);
}

.leftbutton:hover {
  border: 1px solid #000;
}

.sm-buttonan1:hover {
  border: 1px solid #000;
}

.sm-Corporatebox:hover {
  cursor: pointer;
  transition: 0.3s;
  transform: scale(1.05);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  border: solid 1px #dddddd;
}

.equipmententbutton:hover {
  border: 1px solid #000;
}

.mode-medicalpordbox .modeItembox:hover {
  cursor: pointer;
  transition: 0.3s;
  transform: scale(1.05);
}

/* 平潭馆 */
.pintan-banner {
  height: 339px;
  background: url(../images/pintanbanner.png) no-repeat center;
}

.pintan-banner h1 {
  padding-top: 97px;
  font-size: 50px;
  color: #fff;
  text-align: center;
}

.pintan-veralleconomic {
  position: relative;
  /* width: 1302px; */
  height: 1169px;
  margin: auto;
}

.pintantabox {
  padding-top: 40px;
  width: 362px;
}

.pintantabox .tab {
  cursor: pointer;
  width: 256px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #333;
  background: url(../images/pintanattitudewhirte.png) no-repeat;
}

.pintantabox .active {
  color: #fff;
  background: url(../images/pintanattitude.png) no-repeat center;
}

.pintancontent .item {
  display: none;
}

.pintancontent .item:first-of-type {
  display: block;
}

.pingtan-int {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -100px;
}

.pintan-economicsbox {
  padding: 53px 66px 0px 48px;
  width: 945px;
  height: 342px;
  background-color: #ffffff;
  box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.07);
  transform: translateY(-26px);
}

.pintan-economics {
  display: flex;
  justify-content: space-between;
}

.pintan-economics .ptleft {
  width: 578px;
}

.pintan-economics .ptleft h1 {
  font-size: 26px;
  font-weight: 700;
  color: #333333;
}

.pintan-economics .ptleft span {
  margin-top: 19px;
  display: block;
  width: 162px;
  height: 1px;
  line-height: 24px;
  background-color: #e0e0e0;
}

.pintan-economicstest {
  margin-top: 31px;
  width: 578px;
  height: 134px;
  line-height: 24px;
}

.pintan-economicstest p {
  font-size: 14px;
  color: #666666;
}

.pintan-economics .pintanright {
  width: 207px;
  height: 238px;
}

.pintan-economics .pintanright img {
  width: 100%;
  height: 100%;
}

.pintanindustrybox {
  margin-top: 77px;
}

.pintanindustrybox h1 {
  text-align: center;
  font-weight: 700;
  font-size: 40px;
  color: #000000;
}

.pintantab {
  display: flex;
  justify-content: center;
  margin-left: 115px;
}

.pintantab .tab {
  margin-top: 67px;
  cursor: pointer;
  padding-bottom: 14px;
  text-align: center;
  font-size: 18px;
  color: #333333;
  margin-right: 90px;
}

.pintantab .tabhover:nth-child(1)::before {
  width: 19px;
  height: 19px;
  content: "";
  position: absolute;
  vertical-align: middle;
  margin-top: 3px;
  margin-left: -30px;
  background: url(../images/pintan-circuitblue1.png) no-repeat center !important;
}

.pintantab .tab:nth-child(1)::before {
  content: "";
  position: absolute;
  vertical-align: middle;
  margin-top: -1px;
  margin-left: -30px;
  width: 26px;
  height: 23px;
  background: url(../images/pintan-circuit1.png) no-repeat center;
}

.pintantab .tabhover:nth-child(2)::before {
  width: 22px;
  height: 19px;
  content: "";
  position: absolute;
  vertical-align: middle;
  margin-top: 3px;
  margin-left: -30px;
  background: url(../images/pintan-circuitblue2.png) no-repeat center !important;
}

.pintantab .tab:nth-child(2)::before {
  content: "";
  position: absolute;
  vertical-align: middle;
  margin-top: -1px;
  margin-left: -30px;
  width: 22px;
  height: 19px;
  background: url(../images/pintan-circuit2.png) no-repeat center;
}

.pintantab .tabhover:nth-child(3)::before {
  width: 24px;
  height: 19px;
  content: "";
  position: absolute;
  vertical-align: middle;
  margin-top: -1px;
  margin-left: -30px;
  background: url(../images/pintan-circuitblue3.png) no-repeat center !important;
}

.pintantab .tab:nth-child(3)::before {
  content: "";
  position: absolute;
  vertical-align: middle;
  margin-left: -30px;
  width: 22px;
  height: 23px;
  background: url(../images/pintan-circuit3.png) no-repeat center;
}

.pintantab .tabhover:nth-child(4)::before {
  width: 22px;
  height: 19px;
  content: "";
  position: absolute;
  vertical-align: middle;
  margin-top: 3px;
  margin-left: -30px;
  background: url(../images/pintan-circuitblue4.png) no-repeat center !important;
}

.pintantab .tab:nth-child(4)::before {
  content: "";
  position: absolute;
  vertical-align: middle;
  margin-left: -30px;
  margin-top: -1px;
  width: 26px;
  height: 23px;
  background: url(../images/pintan-circuit4.png) no-repeat center;
}

.pintantab .activejj {
  font-size: 18px;
  color: #4B84F7;
  font-weight: 700;
  border-bottom: 3px solid #4B84F7;
}

.pintantabcontent1234 {
  /* width: 1300px; */
  height: 127px;
  text-align: center;
}

.pintantabcontent1234 .itemtwo {
  display: none;
}

.pintantabcontent1234 .itemtwo:first-of-type {
  display: block;
}

.leftdoublecomabox {
  display: flex;
  width: 1300px;
  height: 127px;
  padding: 35px 49px 0 47px;
  margin: 0 auto;
}

.leftdoublecomabox div:nth-child(1) {
  width: 24px;
  height: 21px;
  background: url(../images/leftdoublecoma.png) no-repeat center;
}

.leftdoublecomabox div:nth-child(2) {
  width: 1100px;
  padding-left: 17px;
  padding-right: 20px;
  font-size: 16px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.leftdoublecomabox div:nth-child(2):hover {
  overflow: visible;
  z-index: 9999;
}

.leftdoublecomabox div:nth-child(3) {
  width: 24px;
  height: 21px;
  background: url(../images/rightdoublecoma.png) no-repeat center;
}

.pintanbanerruzi {
  /* height: 486px; */
  background: url(../images/pintandianbanner.png) no-repeat center;
}

.pintanbanerruzibox {
  width: 1300px;
  height: 486px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  padding-top: 83px;
}

.pintanbanerruzibox .leftbox {
  width: 390px;
  height: 200px;
  display: none;
}

.pintanbanerruzibox .show {
  display: block;
}

.pintanbanerruzibox .leftbox h1 {
  color: #ffffff;
  font-size: 28px;
}

.pintanbanerruzibox .leftbox h2 {
  padding-top: 19px;
  color: #ffffff;
  font-size: 28px;
}

.pintanbanerruzibox .leftbox .content {
  padding-top: 44px;
  width: 394px;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
}

.pintanbanerruzibox .rightbox {
  width: 809px;
  height: 200px;
}

.pintanbanerruzibox .rightbox .rightboxleft {
  margin-right: 18px;
  width: 38px;
  height: 38px;
  cursor: pointer;
}

.pintanbanerruzibox .rightbox .rightboxrgiht {
  width: 38px;
  height: 38px;
}

.rightboxright11 {
  cursor: pointer !important;
}

.fuzhou-rightbox {
  display: flex;
}

.fuzhou-logobox {
  display: flex;
  justify-content: space-between;
}

.fuzhou-logobox .logoItem {
  margin-top: 42px;
  width: 241px;
  height: 240px;
  background-color: #ffffff;
}

.fuzhou-logobox .logoActive {
  border: solid 6px #fea027;
}

.pintan-productbox {
  margin-top: 75px;
  height: 565px;
}

.pintan-productbox h1 {
  color: #000000;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
}

.pintan-commoditybox {
  padding-top: 39px;
  width: 1300px;
  margin: auto;
}

.pintan-commoditybox .itembox {
  display: flex;
  justify-content: space-between;
}

.pintan-commoditybox .itembox .item11 {
  padding: 13px 27px 13px 23px;
  width: 302px;
  height: 320px;
  border: solid 1px #dddddd;
  transition: 0.3s;
  cursor: pointer;
}

.pintan-commoditybox .itembox .item11:hover {
  cursor: pointer;
  transition: 0.3s;
  transform: scale(1.05);
}

.pintanfooterbutton:hover {
  background-color: #5178ae;
  color: #fff;
}

.pintan-representativefobutton:hover {
  cursor: pointer;
  background-color: #5178ae;
  color: #fff;
}

.pintan-commoditybox .itembox .item11 .itemimg {
  width: 252px;
  height: 200px;
}

.pintan-commoditybox .itembox .item11 .itemimg img {
  width: 100%;
  height: 100%;
}

.pintan-commoditybox .itembox .item11 h4 {
  color: #333333;
  font-size: 16px;
  padding-top: 13px;
  padding-bottom: 35px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pintan-commoditybox .itembox .item11 p {
  color: #999999;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pintanfooterbutton {
  width: 180px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #3568a8;
  margin: 40px auto;
  text-align: center;
  line-height: 40px;
  color: #1659a1;
  font-size: 16px;
}

.pintan-representative {
  height: 882px;
  background: url(../images/pintan-representativebaner.png) no-repeat center;
}

.pintan-representative h1 {
  font-weight: 700;
  color: #000000;
  font-size: 40px;
  text-align: center;
  padding-top: 64px;
  padding-bottom: 36px;
}

.pintan-represbox {
  width: 1300px;
  margin: auto;
}

.pintanrepresboxItembox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 582px;
}

.pintan-represbox .represboxItem {
  width: 416px;
  height: 277px;
  background-color: #ffffff;
  transition: 0.3s;
}

.pintan-represbox .represboxItem:hover {
  cursor: pointer;
  transition: 0.3s;
  transform: scale(1.05);
}

.ifuzhou-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  height: 50% !important;
  margin-bottom: 10px;
}

.ifuzhou-item img {
  width: auto !important;
  max-width: 100%;
  max-height: 100%;
}

.represboxItem div:nth-child(2) {
  text-align: center;
  color: #333333;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-bottom: 21px;
}

.represboxItem p {
  padding-left: 27px;
  width: 403px;
  height: 37px;
  color: #999999;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.pintan-representativefobutton {
  margin: 51px auto;
  text-align: center;
  line-height: 40px;
  color: #1659a1;
  font-size: 16px;
  width: 180px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #3568a8;
}

.pintanbanerruzibj {
  background: url(../images/pintandianbanner.png) no-repeat center;
}

/* 福州馆 */
.fuzhou-banner {
  height: 340px;
  background: url(../images/fuzhou-banner.png) no-repeat center;
}

.fuzhou-banner h1 {
  font-weight: 700;
  font-size: 42px;
  text-align: center;
  color: #ffffff;
  padding-top: 143px;
}

.fuzhou-Industryoverview {
  height: 806px;
  background: url(../images/fuzhou-Industbanner.png) no-repeat center;
}

.fuzhou-Industryovebox {
  width: 1300px;
  height: 806px;
  margin: auto;
  padding-top: 50px;
}

.fuzhou-Industryh2 {
  margin: auto;
  width: 328px;
  height: 64px;
  line-height: 64px;
  background: url(../images/fuzhou-Industh2img.png) no-repeat center;
}

.fuzhou-Industryh2 h2 {
  margin-top: 50px;
  text-align: center;
  font-weight: 700;
  color: #1659a1;
  font-size: 36px;
}

.fuzhou-epresentative {
  margin-top: 55px;
  padding-left: 120px;
  padding-right: 51px;
  height: 255px;
}

.fuzhou-epresentativeboxbox {
  display: flex;
  flex-wrap: wrap;
}

.fuzhou-epresentativebox {
  width: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-right: 60px;
  transition: 0.3s;
}

.fuzhou-epresentativebox:hover .fuzhou-circle {
  cursor: pointer;
  transition: 0.3s;
  transform: scale(1.05);
}

.fuzhou-circle {
  padding: 14px;
  width: 70px;
  height: 70px;
  background-color: #fafafa;
  border: solid 2px #1659a1;
  border-radius: 50%;
}

.fuzhou-epresspan {
  padding-top: 15px;
  padding-bottom: 56px;
  font-size: 16px;
  color: #333333;
}

.optimizationbox {
  margin-top: 69px;
  display: flex;
  justify-content: space-between;
}

.optimizationbox .ontinuousItem {
  padding: 30px 30px 0 30px;
  width: 412px;
  height: 260px;
  background-color: #ffffff;
  border-radius: 5px;
}

.optimizationbox .ontinuousItem:hover {
  border: solid 2px #1659a1;
}

.optimizationbox .ontinuousItem:hover h1 {
  color: #1659a1;
}

.optimizationbox .ontinuousItem h1 {
  color: #333333;
  font-size: 18px;
  font-weight: 700;
}

.optimizationbox .ontinuousItem span {
  margin-top: 29px;
  display: block;
  color: #666666;
  font-size: 16px;
  width: 352px;
  height: 136px;
  line-height: 24px;
}

.fuzhou-Productovicomy {
  height: 926px;
}

.fuzhou-productItembox123 {
  width: 1300px;
  margin: auto;
  margin-top: 50px;
}

.fuzhou-productItembox {
  height: 670px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: 20px;
}

.fuzhou-productItembox .itembox {
  padding: 20px 28px 0px 22px;
  width: 250px;
  height: 320px;
  background-color: #ffffff;
  border: solid 2px #ededed;
  transition: 0.3s;
}

.fuzhou-productItembox .itembox:hover {
  cursor: pointer;
  transition: 0.3s;
  transform: scale(1.05);
}

.fuzhou-productItembox .itembox .itemboximg {
  width: 200px;
  height: 200px;
}

.fuzhou-productItembox .itembox h4 {
  padding-top: 15px;
  padding-bottom: 25px;
  font-size: 16px;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fuzhou-productItembox .itembox p {
  font-size: 14px;
  color: #999999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fuzhou-chakanbutton {
  margin: auto;
  text-align: center;
  width: 180px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  border: solid 1px #1659a1;
  color: #1659a1;
  font-size: 16px;
}

.fuzhou-chakanbutton:hover {
  background-color: #5178ae;
  color: #fff;
}

.fuzhou-representative {
  padding-top: 50px;
  height: 722px;
  background: url(../images/fuzhou-representativebaner.png) no-repeat center;
}

.fuzhou-representativeh2 {
  margin: auto;
  width: 328px;
  height: 64px;
  line-height: 64px;
  background: url(../images/fuzhou-Industh2img.png) no-repeat center;
}

.fuzhou-representativeh2 h2 {
  text-align: center;
  font-weight: 700;
  color: #1659a1;
  font-size: 36px;
}

.fuzhou-representbox123 {
  margin-top: 50px;
}

.fuzhou-representbox {
  margin: auto;
  width: 1300px;
  height: 340px;
  display: flex;
  flex-wrap: wrap;
  background-color: #ffffff;
}

.fuzhou-representbox .representboxitem {
  padding: 36px 12px 0 0px;
  width: 325px;
  height: 170px;
}

.fuzhou-representbox .representboxitem .representboxitemimg {
  padding-left: 13px;
  width: 300px;
  height: 100px;
  overflow: hidden;
}

.fuzhou-representbox .representboxitem .representboxitemimg img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}

.fuzhou-representbox .representboxitem .representboxitemimg img:hover {
  transform: scale(1.1);
  /* 变形：缩放，放大比例(1.1) */
  overflow: hidden;
  /* 溢出隐藏 */
}

.fuzhou-representbox .representboxitem .representboxitemimgh4 {
  width: 325px;
  height: 35px;
  background-color: #666666;
  opacity: 0.8;
  text-align: center;
  line-height: 35px;
  color: #ffffff;
  font-size: 16px;
  display: none;
}

.fuzhou-representbox .representboxitem:hover .representboxitemimgh4 {
  display: block;
}

.fuzihou-representboxitembutton {
  width: 180px;
  height: 41px;
  border-radius: 20px;
  border: solid 1px #1659a1;
  text-align: center;
  line-height: 41px;
  color: #1659a1;
  font-size: 16px;
  margin-top: 29px;
}

.fuzihou-representboxitembutton:hover {
  cursor: pointer;
  background-color: #5178ae;
  color: #fff;
}

.fuzhou-epresentatimg {
  width: 40px;
  height: 40px;
}

.fuzhou-epresentatimg img {
  width: 100%;
  height: 100%;
}

/* 漳州馆 */
.Zhangzhou-version {
  width: 1300px;
  margin: auto;
}

.Zhangzhou-banner {
  height: 340px;
  background: url(../images/Zhangzhoubanner.png) no-repeat center;
}

.Zhangzhou-banner h1 {
  text-align: center;
  padding-top: 144px;
  color: #fff;
  font-size: 42px;
  font-weight: 700;
}

.Zhangzhou-introduce {
  position: relative;
  top: 96px;
  padding: 32px 50px 0px 50px;
  height: 130px;
  width: 1300px;
  background-color: #fff;
  border-bottom: 10px solid #1659a1;
}

.Zhangzhou-introduce span {
  width: 1200px;
  height: 65px;
  color: #333;
  font-size: 16px;
  line-height: 24px;
}

.Zhangzhou-omparativeadvantage {
  height: 552px;
  background-color: #fff;
}

.Zhangzhou-rectanglebox {
  width: 1300px;
  height: 35px;
  margin-top: 146px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Zhangzhou-rectangleft {
  width: 30px;
  height: 30px;
  background: url(../images/Zhangzhourectangle.png);
}

.Zhangzhou-rectangright {
  width: 30px;
  height: 30px;
  background: url(../images/Zhangzhourectangle.png);
}

.Zhangzhou-rectanglebox .Zhangzhou-youshi {
  font-weight: 700;
  color: #1659a1;
  font-size: 36px;
  padding-left: 18px;
  padding-right: 16px;
}

.Zhangzhou-comparebox {
  margin-top: 22px;
  width: 1300px;
  height: 460px;
  background-color: #f6f8fc;
  border-radius: 5px;
}

.traffictab {
  display: flex;
  justify-content: space-between;
  width: 1300px;
  padding-left: 50px;
}

.traffictab .tab {
  margin-top: 67px;
  cursor: pointer;
  padding-bottom: 14px;
  text-align: center;
  font-size: 20px;
  color: #999999;
  margin-right: 20px;
  /* padding-left: 39px; */
  padding-left: 10px;
  padding-right: 10px;
}

.traffictab .activetraffic {
  font-size: 24px;
  color: #1659a1;
  font-weight: 700;
  border-bottom: 3px solid #4B84F7;
}

.traffictabcontent123 .itemtraffic {
  display: none;
}

.traffictabcontent123 .itemtraffic:first-of-type {
  display: block;
}

.Zhangzhou-transportation {
  padding: 27px 0px 0 50px;
  display: flex;
  justify-content: space-between;
}

.Zhangzhou-transportation .left {
  width: 466px;
  height: 290px;
}

.Zhangzhou-transportation .right {
  margin-top: 52px;
  width: 725px;
  height: 197px;
}

.Zhangzhou-transportation .right1 {
  margin-top: 52px;
  width: 725px;
  height: 197px;
  padding-right: 32px;
}

.Zhangzhou-transportation .right1 div:nth-child(1) {
  color: #333333;
  font-size: 18px;
}

.Zhangzhou-transportation .right1 div:nth-child(2) {
  color: #333333;
  font-size: 18px;
}

.Zhangzhou-transportation .right div:nth-child(1) {
  width: 686px;
  height: 49px;
  line-height: 30px;
  color: #333333;
  font-size: 18px;
}

.Zhangzhou-transportation .right div:nth-child(1)::before {
  content: "";
  position: absolute;
  vertical-align: middle;
  margin-top: 3px;
  margin-left: -44px;
  width: 36px;
  height: 32px;
  background-size: 36px 32px;
  background: url(../images/ailwayblac.png) no-repeat center;
}

.Zhangzhou-transportation .right div:nth-child(2) {
  margin-top: 42px;
  width: 674px;
  height: 49px;
  line-height: 30px;
  color: #333333;
  font-size: 18px;
}

.Zhangzhou-transportation .right div:nth-child(2)::before {
  content: "";
  position: absolute;
  vertical-align: middle;
  margin-top: 3px;
  margin-left: -44px;
  width: 36px;
  height: 32px;
  background-size: 36px 32px;
  background: url(../images/ailwaychuan.png) no-repeat center;
}

.Zhangzhou-transportation .right div:nth-child(3) {
  margin-top: 40px;
  width: 674px;
  height: 49px;
  line-height: 30px;
  color: #333333;
  font-size: 18px;
}

.Zhangzhou-transportation .right div:nth-child(3)::before {
  content: "";
  position: absolute;
  vertical-align: middle;
  margin-top: 3px;
  margin-left: -44px;
  width: 36px;
  height: 32px;
  background-size: 36px 32px;
  background: url(../images/ailwayfeij.png) no-repeat center;
}

.Zhangzhou-Manufacturing {
  height: 641px;
  background: url(../images/Manufacturing.png) no-repeat center;
}

.Zhangzhou-rectanglebox2 {
  padding-top: 54px;
  padding-bottom: 60px;
  width: 1300px;
  height: 35px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Zhangzhou-rectangle {
  width: 1300px;
  margin: auto;
}

.Zhangzhou-rectanglebox2 .Zhangzhou-youshi {
  font-weight: 700;
  font-size: 36px;
  padding-left: 18px;
  padding-right: 16px;
  color: #ffff;
}

.Zhangzhou-leveindustria {
  margin: auto;
  width: 1300px;
  background-color: #ffffff;
  border-radius: 5px;
  opacity: 0.9;
  height: 422px;
}

.levelindustria {
  padding-left: 57px;
  display: flex;
  width: 1300px;
  border-bottom: 5px solid #1659a1;
}

.levelindustria .tab {
  height: 74px;
  line-height: 74px;
  cursor: pointer;
  font-size: 30px;
  color: #333333;
  margin-right: 82px;
}

.levelindustria .activetrafficleve {
  font-size: 30px;
  color: #1659a1;
  font-weight: 700;
}

.levelindustriacontent123 .leveitem123 {
  display: none;
}

.levelindustriacontent123 .leveitem123:first-of-type {
  display: block;
}

.petrochemicals {
  /* display: flex;
 width: 1300px; */
}

.petrochemicals .tab {
  height: 70px;
  line-height: 70px;
  cursor: pointer;
  text-align: center;
  font-size: 24px;
  color: #666666;
}

.petrochemicals .activepetrochemicals {
  position: relative;
  font-size: 24px;
  color: #ffffff;
  font-weight: 700;
  background-color: #4a88cc;
}

/* .petrochemicals .activepetrochemicals::before {
  content: '';
  position: absolute;
  width: 23px;
	height: 17px;
  right: 47%;
  background: url(../images/icon/down-arrow.png) no-repeat center;
  background-size: 100% 100%;
} */
.petrochemicalscontent123 .item {
  display: none;
}

.petrochemicalscontent123 .item:first-of-type {
  display: block;
}

.Zhanzhou-petrochemicalsbox {
  display: flex;
}

.Zhanzhou-petroleft {
  width: 302px;
  height: 70px;
}

.Zhanzhou-petroright {
  width: 998px;
  height: 350px;
  background-color: #4a88cc;
  border-radius: 0px 0px 5px 0px;
  opacity: 0.7;
}

.Zhanzhou-petrorightconetnt {
  padding-top: 32px;
  padding-left: 45px;
  padding-right: 64px;
}

.Zhanzhou-petrorightconetnttest {
  height: 300px;
  line-height: 30px;
  font-size: 18px;
  color: #fff;
  overflow: hidden;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
}

.Zhanzhou-petrorightconetnt h1 {
  font-size: 24px;
  color: #ffffff;
  padding-bottom: 20px;
}

.Zhanzhou-petrorightconetnt p {
  font-size: 18px;
  color: #ffffff;
  padding-bottom: 46px;
}

.Zhanzhou-petrorightconetnt .Zhanzhou-petrorighttest1 {
  color: #ffffff;
  font-size: 18px;
  line-height: 30px;
}

.Zhanzhou-petrorightconetnt .Zhanzhou-petrorighttest2 {
  color: #ffffff;
  font-size: 18px;
  width: 935px;
  height: 168px;
}

.Zhangzhou-development {
  height: 749px;
}

.Zhangzhou-development .Zhangzhou-rectanglebox2 {
  padding-bottom: 90px !important;
  padding-top: 64px !important;
}

.Zhangzhou-development .Zhangzhou-youshi {
  color: #1659a1;
}

.Zhangzhou-economicdevelopment {
  display: flex;
  margin: auto;
  width: 1300px;
  height: 512px;
  background-color: #00b5e9;
}

.Zhangzhou-economicdevelopmentleft {
  position: relative;
  padding: 92px 55px 0 45px;
  width: 280px;
  height: 512px;
  background-color: #f6f8fc;
}

.Zhangzhou-economicdevelopmentleft div:nth-child(1) {
  font-size: 72px;
  font-weight: 700;
  color: #dadce0;
}

.Zhangzhou-economicdevelopmentleft div:nth-child(2) {
  /* width: 120px; */
  /* height: 66px; */
  font-weight: 700;
  font-size: 30px;
  color: #333;
}

.Zhangzhou-economicdevelopmentleft div:nth-child(3) {
  height: 148px;
  margin-top: 26px;
  width: 181px;
  font-size: 18px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.Zhangzhou-economicdevelopmentcenter {
  position: relative;
  padding: 92px 77px 0px 398px;
  width: 744px;
  height: 512px;
  background-color: #1659a1;
}

.Zhangzhou-economicdevelopmentcenter div:nth-child(2) {
  color: #ffffff;
  font-size: 72px;
  font-weight: 700;
}

.Zhangzhou-economicdevelopmentcenter div:nth-child(3) {
  color: #ffffff;
  font-size: 30px;
  width: 301px;
}

.Zhangzhou-economicdevelopmentcenter div:nth-child(4) {
  margin-top: 62px;
  color: #ffffff;
  font-size: 18px;
  width: 295px;
}

.Zhangzhou-economicdevelopmentright {
  position: relative;
  padding: 92px 43px 0 56px;
  width: 280px;
  height: 512px;
  background-color: #f6f8fc;
}

.Zhangzhou-economicdevelopmentright div:nth-child(1) {
  color: #dadce0;
  font-size: 72px;
  font-weight: 700;
}

.Zhangzhou-economicdevelopmentright div:nth-child(2) {
  color: #333;
  font-weight: 700;
  font-size: 30px;
}

.Zhangzhou-economicdevelopmentright div:nth-child(3) {
  height: 148px;
  margin-top: 22px;
  color: #666666;
  font-size: 18px;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.Zhangzhou-economicdevelopmentimg {
  position: absolute;
  top: -25px;
  left: 52px;
  width: 316px;
  height: 506px;
  background-color: #ffffff;
}

.Zhangzhou-economicdevelopmentimg img {
  width: 100%;
  height: 100%;
}

.Zhangzhou-economicdevelopmenleftarrow {
  cursor: pointer;
  position: absolute;
  z-index: 999;
  right: -12%;
  top: 52%;
  width: 60px;
  height: 60px;
}

.Zhangzhou-economicdevelopmenrighttarrow {
  cursor: pointer;
  position: absolute;
  z-index: 999;
  right: 89%;
  top: 52%;
  width: 60px;
  height: 60px;
}

.Zhangzhou-elementguarantee {
  height: 501px;
  background: url(../images/Zhangzhou-elementguaranteebanner.png) no-repeat
    center;
}

.Zhangzhou-efficientbox {
  margin: auto;
  width: 1300px;
  height: 501px;
}

.Zhangzhou-policybox {
  padding: 0 53px 0 55px;
  width: 1300px;
  height: 201px;
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
}

.Zhangzhou-policyboxitem {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-self: center;
  align-items: center;
  width: 273px;
  height: 201px;
}

.Zhangzhou-policyboxitem .Zhangzhou-policyboxitemimg {
  /* display: flex;
 justify-content: center; */
  width: 77px;
  height: 71px;
  margin-bottom: 20px;
}

.Zhangzhou-policyboxitem:hover .Zhangzhou-policyboxitemimg {
  cursor: pointer;
  transform: scale(1.05);
  transition: 0.3s;
}

.Zhangzhou-policyboxitem h4 {
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
}

.Zhangzhou-policytest {
  margin-top: 21px;
  height: 65px;
  line-height: 24px;
  font-size: 16px;
  color: #ffffff;
  width: 273px;
}

.Zhangzhou-representativproducts {
  /* height: 933px; */
  background-color: #fff;
}

.Zhangzhou-productlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
  margin-top: 52px;
  width: 1308px;
  height: 674px;
  margin-bottom: 20px;
}

.Zhangzhou-productItem {
  padding: 20px 25px 0 25px;
  width: 300px;
  height: 320px;
  background-color: #ffffff;
  border: solid 2px #ededed;
  transition: 0.3s;
}

.Zhangzhou-productItem:hover {
  transition: 0.3s;
  transform: scale(1.05);
}

.Zhangzhou-productItemimg {
  width: 250px;
  height: 230px;
  background-color: #1659a1;
}

.Zhangzhou-productItemimg img {
  width: 100%;
  height: 100%;
  background-color: #1659a1;
}

.Zhangzhou-productItem h4 {
  margin-top: 15px;
  color: #333333;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.Zhangzhou-productItem p {
  margin-top: 3px;
  color: #999999;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.Zhangzhou-productbutton {
  margin-top: 40px;
  margin: auto !important;
  width: 180px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  border: solid 1px #1659a1;
  text-align: center;
  color: #1659a1;
  font-size: 16px;
}

.Zhangzhou-productbutton:hover {
  background-color: #5178ae;
  color: #fff;
}

/* 龙岩馆 */
.longyan-banner {
  height: 351px;
  background: url(../images/longyan-banner.png) no-repeat center;
}

.longyan-banner h1 {
  padding-top: 79px;
  text-align: center;
  font-size: 52px;
  font-weight: 700;
  color: #fff;
}

.longyan-marskbox {
  position: relative;
  width: 1301px;
  margin: auto;
}

.longyan-marsk {
  position: absolute;
  top: 138px;
  padding: 39px 68px 0 65px;
  width: 1301px;
  height: 200px;
  background-color: #ffffff;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
  border-bottom: 10px solid #1659a1;
}

.longyan-marsk span {
  display: block;
  width: 1167px;
  height: 107px;
  color: #333333;
  font-size: 16px;
  line-height: 30px;
}

.longyan-Industryoverview {
  height: 916px;
}

.longyan-Industryoverview h1 {
  padding-top: 192px;
  color: #000000;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
}

.longyan-introduction {
  margin: 29px auto 60px auto;
  width: 1300px;
  height: 595px;
}

.longyan-introduction span {
  display: block;
  text-align: center;
  color: #333333;
  font-size: 16px;
}

.longyanpetrochemicals {
  display: flex;
  justify-content: space-between;
  padding: 0 62px 0 158px;
  width: 1300px;
}

.longyanpetrochemicals .tab {
  margin-top: 38px;
  cursor: pointer;
  padding-bottom: 14px;
  padding-left: 62px;
  padding-right: 39px;
  text-align: center;
  font-size: 18px;
  color: #333333;
  margin-right: 60px;
  /* border-bottom: 3px solid #4296ef; */
}

.longyanpetrochemicals .longyanactivepetrochemicals123 {
  font-size: 18px;
  color: #1659a1;
  font-weight: 700;
  border-bottom: 3px solid #4296ef;
}

.longyanpetrochemicals .tab:nth-child(1)::before {
  content: "";
  position: absolute;
  width: 22px;
  height: 21px;
  background: url(../images/longyanenterprise.png) no-repeat center;
  margin-left: -30px;
  vertical-align: middle;
}

.longyanpetrochemicals .longyanactivepetrochemicals123:nth-child(1)::before {
  content: "";
  position: absolute;
  width: 22px;
  height: 21px;
  background: url(../images/longyanenterpriseblue.png) no-repeat center;
  margin-left: -30px;
  vertical-align: middle;
}

.longyanpetrochemicals .tab:nth-child(2)::before {
  content: "";
  position: absolute;
  width: 22px;
  height: 21px;
  background: url(../images/longyanstrategy.png) no-repeat center;
  margin-left: -30px;
  vertical-align: middle;
}

.longyanpetrochemicals .longyanactivepetrochemicals123:nth-child(2)::before {
  content: "";
  position: absolute;
  width: 22px;
  height: 21px;
  background: url(../images/longyanstrategyblue.png) no-repeat center;
  margin-left: -30px;
  vertical-align: middle;
}

.longyanpetrochemicals .tab:nth-child(3)::before {
  content: "";
  position: absolute;
  width: 22px;
  height: 21px;
  background: url(../images/longyantask.png) no-repeat center;
  margin-left: -30px;
  vertical-align: middle;
}

.longyanpetrochemicals .longyanactivepetrochemicals123:nth-child(3)::before {
  content: "";
  position: absolute;
  width: 22px;
  height: 21px;
  background: url(../images/longyantaskblue.png) no-repeat center;
  margin-left: -30px;
  vertical-align: middle;
}

.longyanpetrochemicalscontent123 {
  /* background-color: #6DAC26;
    height: 200px;
    line-height: 200px;
    text-align: center; */
}

.longyanpetrochemicalscontent123 .longyanitem {
  display: none;
}

.longyanpetrochemicalscontent123 .longyanitem:first-of-type {
  display: block;
}

.longyan-newsmaterials {
  padding: 45px 39px 0 66px;
  margin-top: 30px;
  height: 470px;
  background: url(../images/longyan-newsmaterialsbanner.png) no-repeat center;
}

.longyan-newsmatbox {
  display: flex;
  justify-content: space-between;
}

.longyan-newsmatleft {
  width: 300px;
  height: 382px;
}

.longyan-newsmatleft .longyan-newsp {
  width: 180px;
  height: 39px;
  border: 1px solid #fff;
  border-radius: 20px;
  text-align: center;
  font-size: 16px;
  line-height: 39px;
  color: #fff;
  margin-bottom: 31px;
}

.longyan-length {
  display: inline-block;
  margin-top: 55px;
  color: #ffffff;
  font-size: 36px;
  font-weight: 700;
}

.longyan-length span {
  display: inline-block;
  color: #ffffff;
  opacity: 0.56;
  font-size: 24px;
}

.longyan-newsmatright {
  padding: 45px 40px 0 38px;
  width: 670px;
  height: 380px;
  background-color: #ffffff;
  box-shadow: 0px 2px 15px 0px rgba(3, 36, 86, 0.15);
  border-radius: 10px;
}

.longyan-newsmatright h3 {
  color: #1659a1;
  font-size: 18px;
  font-weight: 700;
}

.longyan-newsmatright h3::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 18px;
  background-color: #1659a1;
  margin-left: -13px;
  margin-top: 4px;
}

.longyan-newsrightcontnt {
  padding-top: 20px;
  width: 592px;
  height: 226px;
  color: #666;
  font-size: 16px;
  line-height: 30px;
}

.longyan .tabtwo {
  height: 39px;
  line-height: 39px;
  padding: 0 50px;
  margin-bottom: 31px;
  font-size: 18px;
  color: #333333;
  border-radius: 20px;
  border: solid 1px #ffffff;
  color: #fff;
  cursor: pointer;
}

.longyan .longyanactivepetrochemicals {
  font-size: 18px;
  background-color: #ffffff;
  border-radius: 20px;
  color: #1659a1;
  font-weight: 700;
}

.longyancontent123 {
  width: 670px;
  height: 380px;
  background-color: #ffffff;
  box-shadow: 0px 2px 15px 0px rgba(3, 36, 86, 0.15);
  border-radius: 10px;
}

.longyancontent123 .longyanitem {
  display: none;
}

.longyancontent123 .longyanitem:first-of-type {
  display: block;
}

.longayan-productbanner {
  background: url(../images/longayan-productbanner.png) no-repeat center;
}

.longyansm-buttonan:hover {
  background-color: #1659a1;
  border-radius: 20px;
  color: #fff;
}

/* 风力发电设备 */

.characteristicwindpower-banner {
  height: 340px;
  background: url(../images/characteristicwindpower-banner.png) no-repeat center;
}

.characteristicwindpower-banner h1 {
  font-size: 50px;
  padding-top: 104px;
  color: #fff;
  font-weight: 700;
  text-align: center;
}

.characteristicwindpower-seach {
  position: relative;
  top: 41px;
}

.characteristicwindpower-box {
  width: 1300px;
  margin: 91px auto 0 auto;
}

.characteristicwindpower-seachpng {
  position: absolute;
  width: 15px;
  height: 15px;
  /* background-color: #aaaaaa; */
  /* opacity: 0.5; */
  top: 10px;
  right: 16px;
}

.characteristicwindpower-seachpng img {
  width: 100%;
  height: 100%;
}

/* 新装备馆 */
.characteristic-newsbanner {
  background: url(../images/characteristic-newsbanner.png) no-repeat center;
}

.characteristic-hidagarebox {
  margin: 58px auto 0 auto;
  width: 1300px;
  height: 880px;
}

.characteristic-hidaitembox {
  height: 754px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.characteristic-hidaitem:nth-child(1) {
  background: url(../images/characteristic-hidaitem1.png) no-repeat center;
  background-size: 100% 100%;
  width: 295px;
  height: 365px;
  background-size: contain;
  border-radius: 40px;
}

.characteristic-hidaitem:nth-child(2) {
  background: url(../images/characteristic-hidaitem2.png) no-repeat center;
  background-size: 100% 100%;
  width: 295px;
  height: 365px;
  background-size: contain;
  border-radius: 40px;
}

.characteristic-hidaitem:nth-child(3) {
  background: url(../images/characteristic-hidaitem3.png) no-repeat center;
  background-size: 100% 100%;
  width: 295px;
  height: 365px;
  background-size: contain;
  border-radius: 40px;
}

.characteristic-hidaitem:nth-child(4) {
  background: url(../images/characteristic-hidaitem4.png) no-repeat center;
  background-size: 100% 100%;
  width: 295px;
  height: 365px;
  background-size: contain;
  border-radius: 40px;
}

.characteristic-hidaitem:nth-child(5) {
  background: url(../images/characteristic-hidaitem5.png) no-repeat center;
  background-size: 100% 100%;
  width: 295px;
  height: 365px;
  background-size: contain;
  border-radius: 40px;
}

.characteristic-hidaitem:nth-child(6) {
  background: url(../images/characteristic-hidaitem6.png) no-repeat center;
  background-size: 100% 100%;
  width: 295px;
  height: 365px;
  background-size: contain;
  border-radius: 40px;
}

.characteristic-hidaitem:nth-child(7) {
  background: url(../images/characteristic-hidaitem7.png) no-repeat center;
  background-size: 100% 100%;
  width: 295px;
  height: 365px;
  background-size: contain;
  border-radius: 40px;
}

.characteristic-hidaitem:nth-child(8) {
  background: url(../images/characteristic-hidaitem8.png) no-repeat center;
  background-size: 100% 100%;
  width: 295px;
  height: 365px;
  background-size: contain;
  border-radius: 40px;
}

.characteristic-hidaitem:nth-child(1):hover {
  width: 295px;
  height: 365px;
  color: #ffffff;
  background: url(../images/characteristic-hidaitem1h.png) no-repeat center;
  border-radius: 40px;
}

.characteristic-hidaitem:nth-child(2):hover {
  width: 295px;
  height: 365px;
  color: #ffffff;
  background: url(../images/hidaitem2h.png) no-repeat center;
  border-radius: 40px;
}

.characteristic-hidaitem:nth-child(3):hover {
  width: 295px;
  height: 365px;
  color: #ffffff;
  background: url(../images/hidaitem3h.png) no-repeat center;
  border-radius: 40px;
}

.characteristic-hidaitem:nth-child(4):hover {
  width: 295px;
  height: 365px;
  color: #ffffff;
  background: url(../images/hidaitem4h.png) no-repeat center;
  border-radius: 40px;
}

.characteristic-hidaitem:nth-child(5):hover {
  width: 295px;
  height: 365px;
  color: #ffffff;
  background: url(../images/hidaitem5h.png) no-repeat center;
  border-radius: 40px;
}

.characteristic-hidaitem:nth-child(6):hover {
  width: 295px;
  height: 365px;
  color: #ffffff;
  background: url(../images/hidaitem6h.png) no-repeat center;
  border-radius: 40px;
}

.characteristic-hidaitem:nth-child(7):hover {
  width: 295px;
  height: 365px;
  color: #ffffff;
  background: url(../images/hidaitem7h.png) no-repeat center;
  border-radius: 40px;
}

.characteristic-hidaitem:nth-child(8):hover {
  width: 295px;
  height: 365px;
  color: #ffffff;
  background: url(../images/hidaitem8h.png) no-repeat center;
  border-radius: 40px;
}

.characteristic-hidayuanh4 {
  text-align: center;
  padding-top: 219px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  color: #000000;
}

/* 新技术、新产品馆 */
.newproduct-banner {
  height: 340px;
  background: url(../images/newproduct-banner.png) no-repeat center;
}

.newproduct-banner h1 {
  text-align: center;
  padding-top: 87px;
  color: #fff;
  font-size: 42px;
  font-weight: 700;
}

.newproduct-banner-contnet {
  margin: 30px auto 0 auto;
  padding: 22px 64px 0 52px;
  width: 1300px;
  height: 90px;
  background-color: #1c1d20;
  border-radius: 5px;
  opacity: 0.45;
}

.newproduct-banner-contnet span {
  font-size: 16px;
  color: #fff;
  line-height: 24px;
}

.newtechniquebox1 {
  width: 1300px;
  height: 150px;
  margin: auto;
  position: relative;
}

.newtechniquebox {
  width: 1300px;
  height: 160px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: -48px;
}

.newtechniqueleft {
  padding: 29px 50px 0 41px;
  width: 635px;
  height: 160px;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  background: url(../images/newtechniqueleft.png) no-repeat center;
}

.newtechniqueleft h4 {
  color: #333333;
  font-size: 18px;
  font-weight: 700;
}

.newtechniqueleft span {
  display: block;
  padding-top: 21px;
  color: #666666;
  font-size: 16px;
  line-height: 24px;
}

.companyinformation {
  padding-bottom: 30px;
}

.windpower-footer-page {
  width: 1300px;
  margin: 30px auto 38px auto;
}

.newtechniqcompany {
  display: flex;
  flex-wrap: wrap;
  gap: 33px;
  margin: 36px auto 30px auto;
  width: 1300px;
}

.newtechniqcompanyitem {
  padding: 17px 20px 0 20px;
  width: 300px;
  height: 320px;
  background-color: #ffffff;
  border-radius: 5px;
}

.newtechniqcompanyitem h4 {
  font-weight: 700;
  color: #333333;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.newcoutntrybox {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.newcoutntryboxleft {
  padding: 0 13px;
  height: 25px;
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #57a4d5;
  text-align: center;
  line-height: 25px;
  color: #57a4d5;
  font-size: 14px;
}

.newcoutntryboxright {
  width: 50px;
  height: 16px;
}

.newcotyconetbox {
  margin-top: 19px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 196px;
  width: 100%;
}

.newcotyconetitem {
  padding-top: 13px;
  width: 120px;
  height: 88px;
  background-color: #f8f9fd;
  border-radius: 5px;
}

.newcotyconetitemcotnet {
  text-align: center;
}

.newcotyconetitemcotnetest {
  margin-top: 15px;
  text-align: center;
}

/* 特色企业详情 */
.characteristic-deatilsexq {
  background-color: #f8f9fd;
}

.characteristic-deatilscompanybox {
  margin-top: 27px;
  display: flex;
  justify-content: space-between;
}

.characteristic-deatilscompanybox .comyanyleft h2 {
  font-size: 30px;
  font-weight: 700;
  color: #1659a1;
}

.characteristic-deatilscompanybox .comysnyright {
  cursor: pointer;
  margin-top: 5px;
  margin-right: 10px;
  padding-left: 43px;
  line-height: 40px;
  color: #ffffff;
  font-size: 18px;
  width: 130px;
  height: 40px;
  background-color: #1659a1;
  border-radius: 5px;
  background: url(../images/characteristic-deatilscompan.png) no-repeat center;
}

.characteristic-countentbox {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
}

.characteristic-countentitem {
  padding-top: 16px;
  padding-left: 65px;
  width: 294px;
  height: 80px;
  background-color: #f8f9fd;
  border-radius: 5px;
}

.characteristic-logobox {
  display: flex;
}

.characteristic-logoleftimg {
  display: flex;
  align-items: center;
  justify-content: center;
}

.characteristic-logoleftimg img {
  width: auto !important;
  max-width: 100%;
  max-height: 100%;
}

.characteristic-logoleft {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: #fff;
}

.characteristic-logoright {
  padding-left: 9px;
}

.characteristic-detailsjx {
  margin: 60px auto 0 auto;
  width: 1300px;
  padding-bottom: 30px;
  background-color: #ffffff;
}

.characteristic-detailsjx h4 {
  padding: 11px 0 29px 60px;
  color: #1659a1;
  font-size: 24px;
  font-weight: 700;
}

.characteristic-detailsjx h4::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 24px;
  background-color: #1659a1;
  vertical-align: middle;
  margin-left: -28px;
  margin-top: 5px;
}
/* 
.characteristic-detailsjx div {
  padding-left: 61px;
  width: 1248px;
  min-height: 169px;
  display: block;
  font-size: 18px;
  line-height: 30px;
  color: #666666;
} */

.characteristic-latertthree {
  margin: 20px auto 0 auto;
  width: 1300px;
  background-color: #ffffff;
  padding-bottom: 30px;
}

.characteristic-latertthree h4 {
  padding-left: 60px;
  padding-top: 18px;
  color: #1659a1;
  font-size: 24px;
  font-weight: 700;
}

.characteristic-latertthree h4::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 24px;
  background-color: #1659a1;
  vertical-align: middle;
  margin-left: -28px;
  margin-top: 5px;
}

.characteristic-latertthreepybox {
  padding: 0 59px;
  margin-top: 24px;
}

.characteristic-latertthreepy {
  padding-bottom: 5px;
  font-size: 18px;
  color: #666666;
}

.characteristic-basicnformation {
  margin: 20px auto 0 auto;
  width: 1300px;
  padding-bottom: 30px;
  background-color: #ffffff;
}

.characteristic-basicnformation h4 {
  padding-left: 60px;
  padding-top: 18px;
  color: #1659a1;
  font-size: 24px;
  font-weight: 700;
}

.characteristic-basicnformation h4::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 24px;
  background-color: #1659a1;
  vertical-align: middle;
  margin-left: -28px;
  margin-top: 5px;
}

.characteristic-productnamebox {
  padding: 17px 35px 0 35px;
  display: flex;
}

.characteristic-productname {
  text-align: center;
  width: 606px;
  height: 50px;
  line-height: 50px;
  background-color: #f8f9fd;
  color: #333333;
  font-size: 18px;
}

.characteristic-productnamejiek {
  padding: 0 35px;
  display: flex;
}

.characteristic-productjeik {
  width: 606px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #666666;
  font-size: 18px;
  background-color: #ffffff;
  border: solid 1px #eff1f4;
}

.characteristic-nnovativetechnology {
  padding-bottom: 30px;
  margin: 20px auto 0 auto;
  width: 1300px;
  background-color: #ffffff;
}

.characteristic-nnovativetechnology h4 {
  padding-left: 60px;
  padding-top: 18px;
  color: #1659a1;
  font-size: 24px;
  font-weight: 700;
}

.characteristic-nnovativetechnology h4::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 24px;
  background-color: #1659a1;
  vertical-align: middle;
  margin-left: -28px;
  margin-top: 5px;
}

.characteristic-nnovativetebox {
  width: 1230px;
  height: 50px;
  line-height: 17px;
  background-color: #f8f9fd;
  margin-left: 35px;
  margin-top: 17px;
  padding-top: 17px;
  padding-left: 28px;
  color: #333333;
  font-size: 20px;
}

.characteristic-nnovativetetestxq {
  padding-top: 23px;
  padding-left: 61px;
  padding-right: 45px;
  display: flex;
  justify-content: space-between;
}

.characteristic-nnovativetetestxq div:nth-child(1) {
  width: 837px;
  color: #666666;
  font-size: 18px;
  line-height: 30px;
}

.characteristic-nnovativetetestxq div:nth-child(2) {
  width: 300px;
  height: 250px;
}

.characteristic-nnovativetetestxq img{
  margin-left: 50px;
}

/*xiamen*/
.xiamen-banner {
  height: 369px;
  overflow: visible;
}

.xmcontainer {
  width: 1200px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.xiamen-instrobox {
  width: 1200px;
  left: 50%;
  margin-left: -600px;
  bottom: -35px;
}

.borderbox {
  box-sizing: border-box;
}

.btn-radius10 {
  border-radius: 10px;
}

.bgf9 {
  background-color: #f9f9f9;
}

.xmg-title {
  background: url(../images/title-xm.png) bottom center no-repeat;
  min-width: 195px;
  line-height: 77px;
}

.xm-gycp {
  background: url(../images/xm-gycp-bg.jpg) no-repeat;
  height: 892px;
  background-size: cover;
}

.xm-cyfw {
  background: url(../images/xm-cyfw-bg.jpg) no-repeat;
  height: 418px;
  background-size: cover;
}

.xm-cybox1 {
  width: 284px;
  height: 235px;
  background-color: #fff;
}

.xm-cybox1 img {
  width: 100%;
  height: 127px;
}

.xm-cybox2 {
  width: 284px;
  height: 490px;
  background-color: #fff;
}

.xm-cybox2 img {
  width: 100%;
  height: 305px;
}

.xm-cybox1 .txt {
  height: 40px;
  overflow: hidden;
}

.xm-cybox1:hover .txt {
  height: 160px;
  overflow: hidden;
}

.xm-cybox2 .txt {
  height: 340px;
  overflow: hidden;
}

.xm-cybox2:hover .txt {
  height: 160px;
  overflow: hidden;
}

.xm-cybox1:hover,
.xm-cybox2:hover {
  background-color: #25b0ed;
}

.xm-cybox1:hover img,
.xm-cybox2:hover img {
  display: none;
}

.xm-cybox1:hover p,
.xm-cybox2:hover p {
  color: #fff;
}

.xm-dbqybox {
  width: calc((100% - 60px) / 4);
  height: 166px;
  margin-right: 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
  background-color: #fff;
}

.xm-dbqybox:nth-child(4n + 4) {
  margin-right: 0;
}

.xm-dbqybox .pic {
  width: 100%;
  height: 88px;
  overflow: hidden;
}

.xm-dbqybox:hover {
  box-shadow: 0 0 10px 3px rgb(0 0 0 / 10%);
}

.xm-cyffbox .pic {
  border-radius: 10px;
  width: 128px;
  height: 128px;
  background-color: #e2f7ff;
}

.xm-cyffbox .pic img {
  width: auto;
}

.xm-gycpbox {
  width: calc((100% - 140px) / 5);
  height: 260px;
  margin-right: 35px;
  margin-bottom: 20px;
  background-color: #fff;
}

.xm-gycpbox:nth-child(5n + 5) {
  margin-right: 0;
}

.xm-gycpbox .pic {
  width: 100%;
  height: 155px;
  overflow: hidden;
}

.xm-gycptab .item {
  height: 46px;
  line-height: 35px;
  padding: 0 20px;
  cursor: pointer;
}

.xm-gycptab .item.on {
  background: url(../images/tab-xmgycp.png) center top no-repeat;
  color: #fff;
}

.xm-gycptabcon {
  display: none;
}

.pop-bg {
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 12;
  position: fixed;
}

.xm-popbox {
  width: 909px;
  height: 506px;
  top: 12%;
  left: 50%;
  margin-left: -455px;
  position: fixed;
  z-index: 13;
}

.xm-close {
  width: 30px;
  height: 30px;
  top: calc(12% + 516px);
  left: 50%;
  margin-left: -15px;
  position: fixed;
  z-index: 13;
}

.xm-close:hover {
  opacity: 0.8;
}

.xm-poplist {
  width: calc((100% - 50px) / 3);
  margin-right: 25px;
}

.xm-poplist:nth-child(3n + 3) {
  margin-right: 0;
}

.xm-poplist .pic {
  width: 100%;
  height: 129px;
  overflow: hidden;
}

.xmpop-frm {
  display: none;
}

.banner-xclg {
  height: 340px;
  background: url("../images/banner.png") no-repeat center;
  font-family: SourceHanSerifCN-Heavy;
  padding-top: 109px;
  font-size: 50px;
}

.xclg-jj {
  font-family: SourceHanSansCN-Normal;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
  text-align: center;
  margin-top: 45px;
}

.xclg-dbqy {
  height: 984px;
  width: 100%;
  background: url(../images/xclg-xc.png);
}

.xclg-xcby {
  width: 1297px;
  height: 199px;
  background: url(../images/xclg-xcby.png);
  margin: 0 auto;
  position: relative;
}

.xcby-wz {
  color: white;
  position: absolute;
  top: 120px;
  right: 150px;
  font-size: 20px;
  /* color: white; */
}

.sm-hqzc-box {
  margin-top: 46px;
  width: 424px;
  height: 380px;
  background: url(../images/xclg=hqzc.png) no-repeat;
  box-shadow: 0px 5px 26px 5px rgba(3, 36, 86, 0.08);
  position: relative;
  padding: 36px 30px 0;
}

.sm-hqzc-box:hover {
  transition: 0.5s;
  transform: scale(1.02);
}

.hqzc-itembox {
  width: 100%;
  height: 41px;
  background-color: #1659a1;
  opacity: 0.08;
}

.hqzc-itembox-title {
  width: 100%;
  height: 100%;
  position: relative;
  color: #1659a1;
  font-weight: 700;
  top: -41px;
  width: 100%;
  height: 41px;
  font-size: 18px;
  line-height: 41px;
  left: 7px;
}

.hqzc-itembox-content {
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  margin-top: -10px;
}

.hqzc-itembox-bottom {
  color: #b0b0b0;
  font-size: 14px;
  position: absolute;
  line-height: 20px;
  top: 284px;
  width: 363px;
}

.xclg-boxafter {
  position: relative;
}

.xclg-box1::after {
  content: "";
  width: 54px;
  height: 1px;
  border-color: #025ebc;
  position: absolute;
  z-index: 99;
  left: 175px;
  bottom: 15px;
  border-top: 2px solid #3e79dc;
}

.xclg-box2::after {
  content: "";
  width: 54px;
  height: 1px;
  border-color: #025ebc;
  position: absolute;
  z-index: 99;
  left: 175px;
  top: 15px;
  border-top: 2px solid #3e79dc;
}

.xclg-box3::after {
  content: "";
  width: 1px;
  height: 36px;
  border-color: #025ebc;
  position: absolute;
  z-index: 99;
  left: 130px;
  top: 180px;
  border-left: 2px solid #3e79dc;
}

.xclg-box3::before {
  content: "";
  width: 1px;
  height: 36px;
  border-color: #025ebc;
  position: absolute;
  z-index: 99;
  left: 130px;
  bottom: 180px;
  border-left: 2px solid #3e79dc;
}

.xclg-box4::after {
  content: "";
  width: 1px;
  height: 90px;
  border-color: #025ebc;
  position: absolute;
  z-index: 99;
  left: 130px;
  top: 180px;
  border-left: 2px solid #3e79dc;
}

.xclg-box4::before {
  content: "";
  width: 1px;
  height: 90px;
  border-color: #025ebc;
  position: absolute;
  z-index: 99;
  left: 130px;
  bottom: 180px;
  border-left: 2px solid #3e79dc;
}

.xclg-box5::after {
  content: "";
  width: 1px;
  height: 36px;
  border-color: #025ebc;
  position: absolute;
  z-index: 99;
  left: 130px;
  top: 180px;
  border-left: 2px solid #3e79dc;
}

.xclg-box5::before {
  content: "";
  width: 1px;
  height: 36px;
  border-color: #025ebc;
  position: absolute;
  z-index: 99;
  left: 130px;
  bottom: 180px;
  border-left: 2px solid #3e79dc;
}

.xclg-box6::after {
  content: "";
  width: 54px;
  height: 1px;
  border-color: #025ebc;
  position: absolute;
  z-index: 99;
  right: 175px;
  bottom: 15px;
  border-top: 2px solid #3e79dc;
}

.xclg-box7::after {
  content: "";
  width: 54px;
  height: 1px;
  border-color: #025ebc;
  position: absolute;
  z-index: 99;
  right: 175px;
  top: 15px;
  border-top: 2px solid #3e79dc;
}

.sm-xclg {
  display: flex;
  width: 1300px;
  margin: 0 auto;
}

.sm-xclg a {
  margin-right: 14px;
}

.rjgxb {
  width: 1300px;
  height: 200px;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  margin: 0 auto;
  position: relative;
  top: -100px;
  border-bottom: 8px #1659a1 solid;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
  /* padding-right: 30px; */
}

.rjgxb img {
  width: 175px;
  height: 165px;
  margin-right: 40px;
}

.rjgxb div {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 0px;
  color: #666666;
}

.rjbxg-content {
  width: 100%;
  background-color: white;
  height: 670px;
  padding-top: 165px;
}

.rjbxg-content h3 {
  font-size: 25px;
  font-weight: 700;
  font-family: MicrosoftYaHei-Bold;
  text-align: center;
  margin-bottom: 50px;
}

.rjbxg-contentbox {
  width: 1300px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.rjbxg-leftitembox.rjbxg-box1,
.rjbxg-leftitembox.rjbxg-box4 {
  position: relative;
  right: -100px;
  margin-bottom: 40px;
}

.rjbxg-rightitembox.rjbxg-box5,
.rjbxg-rightitembox.rjbxg-box8 {
  position: relative;
  left: -100px;
  margin-bottom: 40px;
}

.rjbxg-rightitembox.rjbxg-box6,
.rjbxg-rightitembox.rjbxg-box7 {
  position: relative;
  left: 0px;
  margin-bottom: 40px;
}

.rjbxg-leftitembox.rjbxg-box2,
.rjbxg-leftitembox.rjbxg-box3 {
  position: relative;
  right: 0px;
  margin-bottom: 40px;
}

.rjbxg-leftitembox .text {
  font-size: 14px;
  font-weight: 700;
  margin-right: 15px;
}

.rjbxg-rightitembox .text {
  font-size: 14px;
  font-weight: 700;
  margin-left: 15px;
}

.rjbxg-leftitembox {
  justify-content: right;
  width: 100%;
}

.rjbxg-rightitembox {
  width: 100%;
  justify-content: left;
}

.rjg-rjcyhj {
  width: 100%;
  height: 800px;
  background-color: #f5f8fc;
}

.rjg-rjcyhj-content {
  width: 1300px;
  text-align: center;
  margin: 0 auto;
  padding-top: 70px;
}

.rjg-rjcyhj-content h3 {
  font-weight: 700;
  font-size: 25px;
}

.rjg-title {
  background: url(../images/icon-rjtitle.png) no-repeat;
  width: 208px;
  height: 42px;
  background-size: 100% 100%;
  color: #4a6683;
  line-height: 42px;
  font-size: 18px;
}

.rjg-title.active {
  background: url(../images/titleActive.png) !important;
  color: #ffffff;
  font-weight: 600;
}

.rjg-dqyscy {
  width: 1300px;
  margin: 0 auto;
  padding-top: 42px;
  display: flex;
}

.dqyscy-left {
  width: calc(286px + 286px + 33px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.dqyscy-left .box {
  width: 286px;
  height: 110px;
  padding: 14px;
  position: relative;
}

.dqyscy-left .box.active {
  background-color: #ffffff;
  box-shadow: 0px 0px 12px 0px rgba(3, 35, 70, 0.15);
  border-radius: 10px;
}

.dqyscy-left .box.active .box-title {
  background-color: #1659a1;
  color: white;
  font-weight: 600;
}

.dqyscy-left .box-title {
  display: inline-block;
  padding: 4px 15px;
  background-color: #d3def0;
  border-radius: 14px;
  margin-bottom: 11px;
  color: #1659a1;
  font-size: 15px;
  /* font-weight: 600 */
}

.dqyscy-right #map {
  width: 700px;
  height: 520px;
}

.dqyscy-left .box.active::after {
  content: "";
  width: 11px;
  height: 14px;
  position: absolute;
  left: -25px;
  top: 22px;
  background: url(../images/icon-rjgactive.png);
}

.rjg-yxqyml {
  width: 100%;
  height: 480px;
  background: url(../images/rjg-yxqyml.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 65px;
}

.rjg-yxqyml-content {
  width: 1300px;
  margin: 0 auto;
  text-align: center;
  padding-top: 45px;
  display: flex;
  justify-content: space-between;
}

.rjg-yxqyml h3 {
  color: white;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
}

.rjg-yxqyml-item {
  background: url(../images/rjg-yxqyml-bg.png);
  width: 310px;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.rjg-yxqyml-item div {
  color: #1659a1;
  font-size: 18px;
  font-weight: 600;
}

.rjg-yxqyml-item:hover {
  transform: scale(1.02);
  transition: all 2s;
}

.rjg-yxqyml-gd {
  margin: auto;
  text-align: center;
  width: 180px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  border: solid 2px #ffffff;
  color: white;
  font-size: 16px;
}

.rjg-yxqyml-gd:hover {
  border-color: rgb(21, 89, 161);
  background-color: #5178ae;
  color: #fff;
}

.rjtsmc {
  width: 581px;
  height: 537px;
  background-color: #ffffff;
  box-shadow: 0px 0px 12px 0px rgba(3, 35, 70, 0.15);
  border-radius: 10px;
  padding: 35px 40px;
}

.tsmc-text {
  font-family: MicrosoftYaHei-Bold;
  font-size: 18px;
  font-weight: 600;
  color: #1659a1;
  margin-top: 30px;
}

.tsmc-content {
  margin-top: 20px;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  color: #666666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.rjg-rjtsmc-gd {
  width: 150px;
  height: 42px;
  border-radius: 21px;
  border: solid 1px #1659a1;
  color: #1659a1;
  line-height: 42px;
  text-align: center;
  margin: 0 auto;
  font-weight: 600;
}

.rjtsmc:hover .rjg-rjtsmc-gd {
  background-color: #1659a1;
  color: white;
}

.rjyeq-item {
  width: 1300px;
  height: 366px;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px 0px rgba(3, 35, 70, 0.12);
  border-radius: 10px;
}

.rjyeq-item img {
  width: 480px;
  height: 366px;
}

.rjyeq-item_right {
  padding: 35px 39px;
  width: 100%;
}

.rjyeq-item_right h5 {
  font-size: 20px;
  font-weight: 600;
  color: #1659a1;
  text-align: center;
}

.QRcode {
  position: absolute;
  z-index: 999;
  display: none;
  /* top: 20px; */
  animation-name: fadeIn;
  /*动画名称*/
  animation-duration: 1s;
  /*动画持续时间*/
  animation-iteration-count: 1;
  /*动画次数*/
  animation-delay: 0s;
  /*延迟时间*/
}

/* .rjbxg-leftitembox.rjbxg-box1:hover {
  background-color: #1152b4;
}

.rjbxg-leftitembox.rjbxg-box1:hover .icons {
  background: url(../images/icon-item-1-bai.png) !important;
} */

@keyframes fadeIn {
  0% {
    opacity: 0;
    /*初始状态 透明度为0*/
  }

  50% {
    opacity: 0;
    /*中间状态 透明度为0*/
  }

  100% {
    opacity: 1;
    /*结尾状态 透明度为1*/
  }
}

/* 工艺美术馆 */
.msg-banner {
  width: 100%;
  height: 689px;
  background: url(../images/msg-banner.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 196px;
}

.msg-banner-title {
  width: 219px;
  height: 186px;
  margin: 0 auto;
  margin-bottom: 97px;
}

.msg-banner-text {
  margin: 0 auto;
  width: 1200px;
  height: 137px;
  color: #000;
  line-height: 22px;
  text-indent: 2em;
}

.msg-gypl {
  background: url(../images/msg-gypl.png);
  width: 100%;
  height: 915px;
  padding-top: 64px;
  /* opacity: 0.8; */
}

.msg-gypl-title {
  width: 302px;
  height: 80px;
  margin: 0 auto;
}

.msg-gypl-content {
  margin: 60px auto 0;
  display: flex;
  width: 1200px;
  flex-wrap: wrap;
  /* justify-content: space-evenly; */
}

.msg-gypl-item {
  width: 191px;
  height: 324px;
  background-size: 191px 324px;
  text-align: center;
  padding-top: 230px;
  /* justify-content: end; */
  cursor: pointer;
}

.msg-gypl-item.item1 {
  background: url(../images/msg-sss.png);
}

.msg-gypl-item.item2 {
  background: url(../images/msg-qsd.png);
  margin-left: 25px;
}

.msg-gypl-item.item3 {
  background: url(../images/msg-mgd.png);
  margin-left: 25px;
}

.msg-gypl-item.item4 {
  background: url(../images/msg-gytc.png);
  margin-left: 25px;
}

.msg-gypl-item.item5 {
  background: url(../images/msg-jz.png);
  margin-left: 25px;
}

.msg-gypl-item.item6 {
  background: url(../images/msg-qy.png);
  margin-left: 108px;
}

.msg-gypl-item.item7 {
  background: url(../images/msg-gdjj.png);
  margin-left: 25px;
}

.msg-gypl-item.item8 {
  background: url(../images/msg-zbss.png);
  margin-left: 25px;
}

.msg-gypl-item.item9 {
  background: url(../images/msg-td.png);
  margin-left: 25px;
}

.msg-gypl-item.item10 {
  background: url(../images/msg-qt.png);
  margin-left: 25px;
}

.msg-gypl-item div {
  font-size: 22px;
  color: #873118;
  font-family: STKaitiSC-Black;
}

.msg-gymsds {
  width: 100%;
  height: 1178px;
  background: url(../images/msg-gymsds.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 63px;
}

.msg-gymsds-text {
  width: 343px;
  height: 81px;
  margin: 0 auto;
}

.msg-gymsds-list {
  width: 1200px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 60px;
  position: relative;
  cursor: pointer;
}

.msg-gymsds-list .item:hover {
  transform: scale(1.05);
  transition: all 0.7s;
}

.msg-gymsds-list .item {
  width: 220px;
  height: 382px;
  background: url(../images/msgds-bg.png);
  padding: 21px 15px 0 15px;
  text-align: center;
  margin-left: 20px;
}

.msg-gymsds-list .item:nth-child(n + 8) {
  margin-top: 20px;
}

.msg_item_img {
  /* width: ;/ */
  width: 100%;
  height: 243px;
  overflow: auto;
}

.msg_list_gd {
  display: block;
  margin: 0 auto;
  width: 132px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border: 1px solid #b28479;
  background-color: #cfc4b4;
  margin-top: 65px;
  font-size: 16px;
}

.gymsmds-left {
  position: absolute;
  width: 55px;
  height: 55px;
  background: url(../images/msg-left.png);
  left: -90px;
  top: 50%;
  transform: translateY(-50%);
}

.gymsmds-right {
  position: absolute;
  width: 55px;
  height: 55px;
  background: url(../images/msg-right.png);
  right: -90px;
  top: 50%;
  transform: translateY(-50%);
}

.msg-gymsds-list .item:hover .msg_item_img {
}

/* 大师详情 */
.msg-ds-xq {
  width: 1300px;
  height: 289px;
  margin: 0 auto;
  background: url(../images/msg-xq-bg.png) no-repeat;
  background-size: 100% 100%;
  /* opacity: 0.73;/ */
  padding: 44px 34px;
  display: flex;
}

.headportrait {
  width: 158px;
  height: 202px;
  border-radius: 10px;
}

.msg-xq-zysj {
  padding-top: 17px;
  width: 100%;
  background: url(../images/msg-gymsds.png) no-repeat;
  background-size: 100% 100%;
  padding-bottom: 100px;
}

.dsxq-zysj {
  margin: 0 auto;
  width: 1300px;
  height: 349px;
  background: url(../images/msg-xq-bg.png) no-repeat;
  background-size: 100% 100%;
  padding: 42px 37px;
}

.msg-xq-dbzp {
  width: 1300px;
  height: 1017px;
  background: url(../images/list_boder_bg.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  margin-top: 17px;
  padding: 40px 20px;
}

.msg-xq-dbzp-item {
  width: 236px;
  height: 359px;
  padding: 30px 22px;
  text-align: center;
  background: url(../images/msglist.png) no-repeat;
  margin-left: 16px;
}

.msg-xq-dbzp-item:hover {
  transform: scale(1.05);
  transition: all 0.7s;
  cursor: pointer;
}

.msg-xq-dbzp-item:nth-child(5n - 4) {
  margin-left: 0 !important;
}

.msg-xq-dbzp-item:nth-child(n + 6) {
  /* margin-left: 0 !important; */
  margin-top: 20px;
}

/* 大师列表 */
.msg-list-banner {
  width: 100%;
  height: 551px;
  background: url(../images/msg-daslist-.png) no-repeat;
  background-size: 100% 100%;
}

.msg-list-banner_title {
  margin: 0 auto;
  margin-top: 60px;
  width: 1300px;
  height: 159px;
  background: url(../images/msg-dslb-banner_title.png) no-repeat;
  background-size: 100% 100%;
  padding: 30px 37px;
}

.msgdslb {
  margin: 0 auto;
  margin-top: 16px;
  width: 1300px;
  height: 307px;
  background: url(../images/msg-xq-bg.png) no-repeat;
  background-size: 100% 100%;
}

.ds_search {
  height: 38px;
  width: 38px;
  cursor: pointer;
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #b28479;
}

.dslist {
  margin: 0 auto;
  margin-top: 17px;
  width: 1300px;
  margin: auto;
  margin-top: 20px;
  background: url(../images/list_boder_bg.png) no-repeat;
  height: 1020px;
  background-size: 100% 100%;
  padding: 40px 30px;
}

.dslist_list {
  display: flex;
  flex-wrap: wrap;
}

.dslist_item {
  width: 234px;
  height: 395px;
  background: url(../images/dslist_item.png);
  background-size: 100% 100%;
  padding: 30px 20px;
  text-align: center;
  margin-left: 17px;
  /* margin-top: 15px; */
}

.dslist_item:hover {
  transform: scale(1.05);
  transition: all 0.7s;
  cursor: pointer;
}

.dslist_item:nth-child(n + 6) {
  margin-top: 15px !important;
}

.dslist_item:nth-child(5n - 4) {
  margin-left: 0 !important;
}

.dslist_item img {
  width: 191px;
  height: 245px;
  border-radius: 10px;
}

/* 细分品味 */
.xf_list_banner_title {
  display: flex;
  gap: 40px;
  height: auto;
  height: 289px;
  padding: 30px 56px;
}
.xf_list_banner_left {
  width: 158px;
}
.xf_list_banner_left img {
  width: 100%;

  border-radius: 10px;
}
.xfdslb {
  height: auto;
  background: none;
}
.dist_bg {
  background: url(../images/detail_bg_big.png);
  background-size: 100% 100%;
}
.xflist {
  /* background: none; */
  height: 408px;
  padding: 24px 36px;

  background: url(../images/border_detail.png) no-repeat;
  background-size: 100% 100%;
}
.xflist_item {
  transition: 0.1s;
  cursor: pointer;
  width: 236px;
  margin: 0;
  height: 360px;
}
.xflist_item:hover {
  transform: scale(1.01);
}
.xflist_item img {
  width: 100%;
  height: auto;
}
.xfdslist_list {
  gap: 30px;
}
.dslist_item_right {
  /* display: flex; */

  margin-left: auto;
  width: 430px;
  padding: 10px;
}
.dslist_item_right img {
  width: 103px;
  height: 76px;
  margin: auto;
}
/* 作品详情 */
.wrok_detail {
  height: 580px;
  background: url(../images/work_banner_bg.png) no-repeat;
  background-size: 100% 100%;

  padding-top: 64.5px;
}
.wrok_detail_banner {
  display: flex;
  gap: 40px;
  width: 1300px;
  height: 447px;
  padding: 43px 30px;
  box-sizing: border-box;
  background-color: #fff;
  margin: auto;
  background: url(../images/pink_bg_work.png) no-repeat;

  background-size: 100% 100%;
}
.wrok_detail_left {
  width: 276px;
  height: 360px;
  background: url(../images/detail_left_bg.png) no-repeat;
  padding: 32px 22px;
  text-align: center;
}
.wrok_detail_left img {
  border-radius: 10px;
  width: 230px;
  height: 295px;
}
.detail_author_left img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.wrok_detail_right {
  padding-top: 24px;
  flex: 1;
}
.wrok_detail_right .name {
  font-weight: 600;
  font-size: 18px;
}

.detail_author {
  display: flex;
  align-items: center;
  gap: 14px;

  margin: 20px 0;
}

.countdown span {
  width: 59px;
  height: 51px;
  background-color: #4B84F7;
  border-radius: 4px;
  color: #fff;
  font-family: Impact;
  font-size: 38px;
  text-align: center;
  margin: 0 8px;
}

.countdown h5 {
  font-family: MicrosoftYaHei;
  font-size: 22px;
  color: #4B84F7;
}

#popup {
  position: absolute;
  top: 41%;
  left: 27%;
  z-index: 999;
  background: #fff;
  display: none;
  transition: 0.5s;
}

#signinpop {
  position: absolute;
  top: 30%;
  left: 10%;
  z-index: 999;
  display: none;
}

#mask {
  display: none;
}

.icon-img {
  width: 19px;
  height: 19px;
  display: inline-block;
}

.icon-img-gray {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.region-selection li {
  width: 66px;
  height: 40px;
  border-radius: 4px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 16px;
  border: none;
  cursor: pointer;
}
.region-selection .active {
  background: #4B84F7;
  color: #fff;
  outline: none;
}

.region-selection .active a {
  color: #fff;
}

.region-selection li:nth-child(1) {
  margin-left: -5px;
  cursor: default;
  color: #fff;
}

/* .region-selection li:focus{
  background: #4B84F7;
  color: #fff;
  outline: none;
} */

::-webkit-input-placeholder {
  /* WebKit browsers，webkit内核浏览器 */
  color: #b3b3b3;
  font-size: 16px;
}

.activityList {
  width: 49%;
  cursor: pointer;

  margin-top: 18px;
}

.activityList:nth-child(2n) {
  margin-left: 25px;
}

.activityList span {
  display: block;

  overflow: hidden;
  text-overflow: ellipsis; /* 超出部分省略号 */
  word-break: break-all; /* break-all(允许在单词内换行。) */
  display: -webkit-box; /* 对象作为伸缩盒子模型显示 */
  -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
  -webkit-line-clamp: 2; /* 显示的行数 */
  max-height: 80rpx; /* 设置最大高度，根据行高，要几行乘以几倍 */
}
.activityList p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.band-small span {
  background: #ff9a02;
  color: #fff;
  width: 150px;
  font-size: 15px;
  padding: 1px 0;
  position: absolute;
  transform: rotate(45deg);
  left: -35px;
  top: 10px;
  text-align: center;
}

.band-small {
  overflow: hidden;
  position: absolute;
  width: 60px;
  height: 60px;
  top: -15px;
  right: -203px;
}

.band-big span {
  background: #ff9a02;
  color: #fff;
  width: 150px;
  font-size: 15px;
  padding: 1px 0;
  position: absolute;
  transform: rotate(45deg);
  left: -35px;
  top: 10px;
  text-align: center;
}

.band-big {
  overflow: hidden;
  position: absolute;
  width: 60px;
  height: 60px;
  top: -15px;
  right: -15px;
}

.red-point {
  width: 8px;
  height: 8px;
  background: red;
  top: 1px;
  right: 1px;
}

.swiper-child-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.swiper-child-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
/* 特色食品馆 */
.tsfoods-banner {
  height: 440px;
  background: url(../images/ts_foods_bg.png) no-repeat center;
}
.tsfoods-banner h1 {
  text-align: center;
  padding-top: 126px;
  color: #fff;
  font-size: 90px;
  font-weight: bold;
  color: #1f6c3e;
}
.tsfoods-banner h1 span {
  font-size: 72px;
}
.tsfoods-introduce::before {
  content: "";
  position: absolute;
  width: 13px;
  height: 108px;

  left: 0;
  top: 0;
  border-radius: 4px 0px 0px 4px;
  background: url(../images/ts_col.png) no-repeat;
}
.tsfoods-introduce {
  position: relative;
  top: 156px;
  margin: auto;
  padding: 10px 45px;
  width: 964px;
  min-height: 108px;
  background-color: #e6f2eb;
  border-radius: 4px;
}
.tsfoods-introduce span {
  width: 887px;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0px;
  color: #333333;
  display: block;
}
.tsfoods-overview h2 {
  text-align: center;
  margin-top: 141px;
}
.tsfoods-overview h2 span {
  font-size: 36px;
  padding-bottom: 10px;
  letter-spacing: 0px;
  color: #333333;
  border-bottom: 4px solid #8dcd58;
}
.tsfoods-overview-content {
  display: flex;
  justify-content: space-between;
  width: 1300px;
  min-height: 262px;
  background: url(../images/tsoverview_bg.png) no-repeat;
  background-size: 100% 100%;
  margin: auto;
  margin-top: 43px;
  padding: 137px 30px 37px;
  box-sizing: border-box;
  gap: 75px;
}
.ts_overview_item {
  width: 27.333%;
  position: relative;
}
.ts_overview_item img {
  position: absolute;
  left: 18px;
  width: 37px;
  height: 28px;
  top: -92px;
}
.ts_overview_item span {
  display: block;
  font-size: 16px;
  width: 304px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #5d5d5d;
}
.directory_item_link:hover {
  background-color: #1659a1;
}
.tsfoods_title {
  padding-bottom: 14px;
  text-align: center;
}
.tsfoods_title span {
  font-size: 36px;
  font-weight: bold;
  padding-bottom: 10px;
  letter-spacing: 0px;
  color: #333333;
  border-bottom: 4px solid #8dcd58;
}
.tsfoods_directory {
  height: 1242px;
  padding: 68px 0;
  margin-top: 80px;
  box-sizing: border-box;
  background-color: #f4f4f4;
}
.tsfoods_directory_content {
  display: flex;
  justify-content: space-between;
  margin-top: 76px !important;
}
.tsfoods_w1300 {
  width: 1300px;
  margin: auto;
}

.tsfoods_directory_item {
  position: relative;
  width: 269px;
  height: 543px;
  padding: 0 13px;
  box-sizing: border-box;
  border-radius: 10px;
}

.tsfoods_directory_item:nth-child(1) {
  background: url(../images/tsfoods_tea.png) no-repeat;
  background-size: 100% 100%;

}
.tsfoods_directory_item:nth-child(2) {
  background: url(../images/tsfoods_tea1.png) no-repeat;
  background-size: 100% 100%;
 
}
.tsfoods_directory_item:nth-child(3) {

  background: url(../images/tsfoods_tea1.png) no-repeat;
  background-size: 100% 100%;
}
.tsfoods_directory_item:nth-child(4) {

  background: url(../images/tsfoods_tea2.png) no-repeat;
  background-size: 100% 100%;
}
.directory_item_active .directory_item_box{
  display: block;
}
.directory_item_active1 .directory_item_box{
  display: block;
}
.directory_item_active2 .directory_item_box{
  display: block;
}
.directory_item_active3 .directory_item_box{
  display: block;
}
.directory_item_eng_1 , .directory_item_eng_2 {
  color: #ffffff;
  font-size: 18px;
}
.directory_item_active .directory_item_title_box{
  display: none;
}
.directory_item_active1 .directory_item_title_box{
  display: none;
}
.directory_item_active2 .directory_item_title_box{
  display: none;
}
.directory_item_active3 .directory_item_title_box{
  display: none;
}
.directory_item_active {
  padding: 0 45px;
  width: 462px;
  background: url(../images/tsfoods_tea_active.png) no-repeat!important;
  background-size: 100% 100%;
  padding: 0 45px;
}
.directory_item_active1 {
  padding: 0 45px;
  width: 462px;
  background: url(../images/tsfoods_tea_active1.png) no-repeat!important;
  background-size: 100% 100%;
  padding: 0 45px;
}
.directory_item_active2 {
  padding: 0 45px;
  width: 462px;
  background: url(../images/tsfoods_tea_active2.png) no-repeat!important;
  background-size: 100% 100%;
  padding: 0 45px;
}
.directory_item_active3 {
  padding: 0 45px;
  width: 462px;
  background: url(../images/tsfoods_tea_active3.png) no-repeat!important;
  background-size: 100% 100%;
  padding: 0 45px;
}
.directory_item_title {
  font-size: 24px;
  color: #fff;
  margin-top: 154px;
}
.directory_item_box{
  display: none;
}
.directory_item_content {
  width: 374px;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  margin-top: 30px;
}
.directory_item_link {
  position: absolute;
  display: block;
  width: 130px;

  height: 44px;
  line-height: 44px;
  font-size: 16px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  text-align: center;
  border-radius: 20px;
  border: solid 1px #ffffff;
  margin-top: 20px;
}
.directory_item_link:hover {
  color: #fff;
  opacity: 0.8;
}
.tsfoods-company {
  flex-wrap: wrap;
  margin-top: 44px;
  gap: 17px;
}
.tsfoods_directory1 {
  padding: 64px 0 69px;
}
.tsfoods_directory1_content {
  flex-wrap: wrap;
  margin-top: 76px;
  gap: 25px;
}
.tsfoods_directory1_content a:hover .tsfoods_directory_item1 {
  border: solid 2px #57a4d5;
}
.tsfoods_directory_item1 {
  width: 240px;
  height: 320px;
  padding: 19px 20px 14px;
  cursor: pointer;
  background-color: #ffffff;
  border-radius: 10px;
  border: solid 2px #ededed;
}
.tsfoods_directory_item1 img {
  width: 100%;
}
.tsfoods_directory_item1 h3 {
  font-size: 16px;
  margin: 8px 0;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.tsfoods_directory_item1 p {
  font-size: 14px;
  margin-top: 10px;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.directory_item_link1 {
  display: block;
  width: 160px;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  color: #1659a1;
  text-align: center;
  border-radius: 22px;
  border: solid 1px #1659a1;
  margin: auto;
  margin-top: 35px;
}
.directory_item_link1:hover {
background-color: #1659a1;
color: #fff;
}
.tsfoods_directory_item1_tags {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.tsfoods_directory_item1_tags span {
  padding: 4px 8px;
  color: #57a4d5;
  border-radius: 4px;
  border: solid 1px #57a4d5;
}

.tsfoods_chobox .layui-form-radio div {
  padding: 3px 15px;
}
.tsfoods_chobox {
  width: auto;
}
.tsfoods_directory1 .tsfoods_chobox .layui-form-radioed div {
  background-color: #5ea669;
  border-radius: 16px;
  transition: 0.1s;
  color: #fff;
}
.tsfoods_chobox .layui-form-radioed div,
.tsfoods_chobox .layui-form-radio div:hover,
.tsfoods_chobox .layui-form-checked span,
.tsfoods_chobox .layui-form-checkbox span:hover {
  background-color: #5ea669;
  border-radius: 16px;
  transition: 0.1s;
  color: #fff;
}

.tsfoods-search {
  position: relative;
  float: right;
  display: inline-flex;
  width: 390px;
  align-items: center;
  height: 32px;
  border-radius: 16px;
}
.tsfoods-search-btn{
  cursor: pointer;
  position: absolute;
  right: 18px;
}
.tsfoods-search-btn img{
  width: 18px;
  height: 18px;
}
.tsfoods_list {
  width: 422px;
	height: 188px;
	background-color: #ffffff;
	border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tsfoods_list img {
  display: block;
  border: 0;
  width: auto;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
.tsfoods_continer {
  display: flex;
  flex-wrap: wrap;
  gap: 17px;
}
.tsfoods_list:hover {
  background: url(../../../ffcsmodule/default/images/tsfoods_list_bg.png)no-repeat;
  background-size: 100% 100%;
}

/* 长乐馆 */

.banner-cl-banner {
  height: 360px;
  background: url(../images/changle-banner.png) no-repeat center;
  padding-top: 56px;
}

.banner-cl-titlemask {
  width: 1241px;
  height: 242px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}

.banner-cl-titlemask h1 {
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 50px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 10px;
  color: #ffffff;
  padding-top: 100px;
  padding-bottom: 24px;
}

.changle-hall-info{
  width: 1241px;
  margin: 0 auto;
  padding: 30px 41px 35px 37px;
  background-color: #fff;
  box-shadow: 0px 2px 15px 0px rgba(3, 36, 86, 0.15);
  position: absolute;
  top: 250px;
}

.changle-hall-info p{
  font-size: 16px;
}

.cl-Industryoverview {
  width: 1303px;
  margin: 0 auto 70px;
  height: 755px;
  background-color: #fff;
}

.Industry-cl {
  text-align: center;
}

.Industry-cl h1 {
  text-align: center;
  padding-top: 74px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  color: #000000;
  margin-bottom: 29px;
}

.cl-industryimg {
  height: 16px;
  width: 554px;
  display: inline-block;
  margin-bottom: 20px;
}

.cl-industryimg img {
  width: 100%;
  height: 100%;
}

.cl-Industryoverview-info{
  font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 21px;
	letter-spacing: 0px;
	color: #333333;
}

.cl-Industryoverview-info span{
  font-family: MicrosoftYaHei;
	font-size: 16px;
	color: #1659a1;
}

.cl-Industryoverview-info-box .box-item{
  width: 420px;
  height: 272px;
}

.cl-Industryoverview-info-box .box-item:hover{
  cursor: pointer;
}

.cl-Industryoverview-info-box .box-item:hover .item-title{
  display: none;
}

.cl-Industryoverview-info-box .box-item:hover .box-hidden{
  display: block;
}

.cl-Industryoverview-info-box .box-hidden{
  display: none;
  background-color: rgba(110,170,230,0.8);
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.cl-Industryoverview-info-box .box-hidden h3{
  font-size: 18px;
	color: #ffffff;
  text-align: center;
  padding-bottom: 24px;
  padding-top: 45px;
}

.cl-Industryoverview-info-box .box-item .item-title{
  width: 100%;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
	border-radius: 0px 0px 10px 10px;
  color: #fff;
  position: absolute;
  bottom: 0;
}

/* .cl-Industryoverview-info-box .box-item1 h3{
	font-size: 18px;
	color: #ffffff;
  text-align: center;
  padding-bottom: 24px;
} */

.cl-Industryoverview-info-box .box-item p{
  height: 150px;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
  padding-left: 27px;
  padding-right: 25px;
  padding-bottom: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cl-Industryoverview-info-box .box-type1{
  background-image: url(../images/cl-view-1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.cl-Industryoverview-info-box .box-type2{
  background-image: url(../images/cl-view-2.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.cl-Industryoverview-info-box .box-type3{
  background-image: url(../images/cl-view-3.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.cl-ab{
  display: block;
  width: 180px;
  height: 40px;
  border-radius: 20px;
  margin: 50px auto;
}

.cl-buttonan {
  width: 180px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 20px;
  border: solid 1px #3568a8;
  color: #1659a1;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
}

.cl-buttonan:hover {
  background-color: #5178ae;
  color: #fff;
  border: 1px solid #5178ae;
}

.cl-industriaproduct {
  margin: auto;
  height: 988px;
  background-image: url(../images/clbg-industriaproduct.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.cl-industriaproduct .cl-industitle {
  width: 1303px;
  margin: 0 auto;
}

.cl-industriaproduct .cl-industitle h2 {
  padding-top: 59px;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  color: #ffffff;
  z-index: 9999;
}

.cl-industitleimg {
  height: 16px;
  width: 554px;
  display: inline-block;
  margin-top: 29px;
  margin-bottom: 40px;
  color: #fff;
  z-index: 9999;
}

.cl-industitleimg img {
  width: 100%;
  height: 100%;
}

.cl-product {
  width: 1300px;
  height: 662px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cl-produntsp {
  width: 240px;
  height: 320px;
  background-color: #fff;
  padding: 21px 20px 25px 20px;
  transition: 0.3s;
}

.cl-produntsp:hover {
  transition: 0.3s;
  transform: scale(1.05);
}

.cl-produntspbox {
  width: 200px;
  height: 200px;
}

.cl-produntspbox img {
  width: 100%;
  height: 100%;
}

.cl-produntspbox h4 {
  width: 253px;
  padding: 25px 35px 17px 0;
  color: #333333;
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cl-produntspbox p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #999999;
}

.cl-ehalfofenterprises {
  height: 745px;
  margin-bottom: 50px;
  /* background-color: #00b5e9; */
}

.cl-ehalfofentitle {
  text-align: center;
  padding: 74px 0 29px 0;
}

.cl-ehalfofentitle h2 {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0px;
  color: #000000;
}

.cl-ehalfofimg {
  height: 16px;
  width: 554px;
  display: inline-block;
  margin-top: 29px;
  margin-bottom: 33px;
}

.cl-ehalfofimg img {
  width: 100%;
  height: 100%;
}

.cl-Corporatecompanies {
  width: 1300px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 20px
}

.cl-Corporatebox {
  text-align: center;
  width: 310px;
  height: 180px;
  background-color: #ffffff;
  border: solid 1px #dddddd;
  padding: 19px 37px 11px 33px;
  transition: 0.3s;
}

.cl-Corporateimg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 110px;
}

.cl-Corporateimg img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

.cl-Corporatebox h4 {
  margin-top: 10px;
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: normal;
  font-stretch: normal;
  line-height: 21px;
  letter-spacing: 0px;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.spinningweavingcontinar {
  height: 496px;
  background: url(../images/spinningweaving.png) no-repeat;
  background-size: 100% 100%;
}
.spinningweavingcontinar h2 {
  text-align: center;
  padding: 140px 0  55px 0 ;
  font-size: 64px;
  color: #ffffff;
  font-weight: 700;
}
.spinning_details {
  padding: 26px 39px 33px 39px;
  margin: 0 auto;
  width: 1172px;
	height: 132px;
	background-color: #f7f9fb;
	border-radius: 10px;
	opacity: 0.87;

  
}
.spinning_details p { 
  text-indent: 2em;
  color: #252525;
  font-size: 16px;
  line-height: 28px;
}

.threellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.spinning_wx {
  width: 1300px;
  margin: 0 auto;
}
.spinning_rdbox {
  height: 769px;
  background: url(../images/spinning_rdbox1.png) no-repeat;
  background-size: 100% 100%;
  
}
.spinning_ttconiar {
  margin: 61px 0 41px 0;
  display: flex;
  justify-content: center;
  align-items: center;
} 
.spinning_line {
  width: 81px;
	height: 1px;
	background-color: #2991fa;
}
.spinning_title {
  margin: 0 19px;
  font-size: 32px;
  color: #2991fa;
  font-weight: 700;
}
.spinning_ttbox {
  display: flex;
  justify-content: space-between;
}
.spinning_content1 {
  padding: 20px 20px 29px 20px;
  width: 545px;
	height: 518px;
	background-color: #ffffff;
	box-shadow: 0px -21px 70px 0px 
		rgba(0, 0, 0, 0.06);
}
.spinning_content1:hover .spinning_content1title {
  color: #2991fa;
}
.spinning_contentimg {
  width: 505px;
	height: 358px;
}
.spinning_contentimg img{
  width:100%;
	height:100%;
}
.spinning_content1title {
  padding: 29px 0 22px 0;
  font-size: 18px;
  font-weight: 700;
  height: 34px;
  color: #494949;
}
.spinning_content1info {
  margin-top: 18px;
  font-size: 16px;
  color: #7e7e7e;
  line-height: 26px;
}

.twoellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.oneellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.spinning_itemconitar  {
  padding: 20px 18px 20px 20px;
  width: 735px;
	height: 159px;
	background-color: #ffffff;
	box-shadow: 0px -21px 70px 0px 
		rgba(0, 0, 0, 0.06);
    margin-bottom: 20px;
}
.spinning_content2img {
  margin-right: 18px;
  width: 215px;
	height: 119px;
}
.spinning_content2img img{
  width: 100%;
	height: 100%;
}
.spinning_content2_tit {
  height: 21px;
  color: #494949;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 20px;
}
.spinning_content2_info {
  margin-top: 15px;
  font-size: 16px;
  color: #7e7e7e;
  line-height: 26px;
}
.spinning_content2_time {
  padding-top: 10px;
  font-size: 16px;
  color: #7e7e7e;
}
.spinning_content2_test {
  flex: 1;
}
.spinning_itemconitar:hover .spinning_content2_tit {
color: #2991fa;
}
.spinning_itemconitar:hover {
  cursor: pointer;
  border-bottom: 4px solid #2991fa;

}
.spinning_btn {
  margin: 20px auto 80px auto;
  text-align: center;
  line-height: 40px;
  width: 151px;
	height: 40px;
	background-color: #ffffff;
	border-radius: 20px;
	border: solid 1px #2991fa;
}
.spinning_btn:hover{
  cursor: pointer;
  color: #fff;
  background-color: #2991fa;
}
.spinning_bottombox {
  padding-top: 40px;
  height: 961px;
  background: url(../images/spinning_rdbox2.png) no-repeat;
  background-size: 100% 100%;
}
.spinning_tab {
  display: flex;
  height: 88px;
  line-height: 88px;
	background-color: #ffffff;
}
.spinning_lx {
  font-weight: 700;
  padding-left: 29px;
  font-size: 18px;
  color: #000000;
}
.spinning_itemtba {
  padding: 0 20px;
  cursor: pointer;
  margin: 0 35px;
  font-size: 18px;
  color: #666666;
}
.spinning_tabcontent {
  display: flex;
  align-items: center;
}
.spinning_itemtbaactive {
  cursor: pointer;
  padding: 0 20px;
  background-color: #2991fa;
	border-radius: 20px;
  height: 40px;
  line-height: 40px;
  color: #fff;
}
.spinning_itemtba:hover{
  cursor: pointer;
  padding: 0 20px;
  background-color: #2991fa;
	border-radius: 20px;
  height: 40px;
  line-height: 40px;
  color: #fff;
}
.spinning_productbox {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.spinning_productitme {
  display: flex;
  padding: 20px 25px 20px 20px;
  width: 640px;
	height: 190px;
	background-color: #ffffff;
  margin-bottom: 20px;
}
.spinning_productimg {
  margin-right: 27px;
	width: 216px;
	height: 150px;
}
.spinning_productimg img{
	width: 100%;
	height: 100%;
}
.spinning_produccontnet {
  flex: 1;
}
.spinning_productitle {
  color: #333333;
  font-size: 18px;
  font-weight: 700;
}
.spinning_producemp {
  margin: 18px 0 16px 0;
  color: #7e7e7e;
  font-size: 16px;
}
.spinning_producinfo {
  line-height: 24px;
  color: #7e7e7e;
  font-size: 16px;
}
.spinning_productitme:hover .spinning_productitle  {
  
  color: #2991fa;
}

.supplycourse_wx {
  width: 1300px;
  margin: 0 auto;
}
.supplycourseContinar h4 {
  font-weight: 700;
  font-size: 24px;
  color: #333333;
  height: 83px;
  line-height: 83px;
}
.supply_bewteen {
  display: flex;
  justify-content: space-between;
}
.supply_video{
  position: relative;
  overflow: hidden;
  width: 934px;
	height: 461px;
}
.supply_videodirectory {
  width: 344px;
	height: 461px;
	background-color: #ffffff;
}
.supply_videodirectory h5 {
  padding-left: 25px;
  font-size: 18px;
  color: #333333;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid  #d3d3d3;
  margin-bottom: 14px;
}
.supply_videodirecymulu {
  cursor: pointer;
  padding-left: 15px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  color: #333333;
  margin-bottom: 5px;
}
.supply_videodirectbox {
  padding: 0 11px 0 13px;
}
.supply_videodirecyActivemulu {
  position: relative;
  padding-left: 32px;
  background-color:#dcecff;
  color: #3f95fd;
}
.supply_videodirecyActivemulu::before{ 
  content: '';
  position: absolute;
  left: 12px;
  top: 10px;
  width: 14px;
	height: 16px;
  background: url(../images/playing.gif) no-repeat;
  background-size: 100% 100%;
}
.supply_tabcontinar {
margin-top: 20px;
}
.supply_tab-content {
  /* display: flex;
  width: 934px;
	height: 52px; */
	background-color: #ffffff;
}
.supply_tab-item {
  font-size: 18px;
  text-align: center;
  width: 174px;
  height: 52px;
  line-height: 52px;
  color: #333333;
}
.jz_active7 .supply_tab-itemActive {
  background-color: #3f95fd;
  color: #fff;
}
.supply_kccontent {
  margin: 20px 0 31px 0;
  padding: 29px 40px 0 30px;
  width: 934px;
	/* height: 637px; */
  background-color: #ffffff;
}
.supply_kcbtab1box {
  height: 637px;
}
.supply_kcbtab2box {
  padding-bottom: 100px;
}
.supply_kcbt1019 {
  margin-right: 8px;
  font-weight: 700;
  color: #333;
  font-size: 18px;
}
.supply_kcbt1020 {
  color: #333;
  font-size: 18px;
}
.supply_kcbt1023 {
  line-height: 32px;
  font-weight: 700;
  color: #333;
  font-size: 18px;
}
.supply_tabrighttj {
  width: 344px;
	height: 709px;
	background-color: #ffffff;
}
.supply_tabrighttj h5 {
  font-size: 18px;
  color: #333333;
  height: 57px;
  line-height: 57px;
  padding-left: 24px;
  border-bottom: 1px solid #d3d3d3;
}
.supply_righyyjnox {
  padding: 0 24px;
}
.supply_righyyitemimg{
  padding: 11px 0 15px 0;
  width: 296px;
	height: 154px;
	border-radius: 4px;
}
.supply_righyyitemimg{ 
  width: 100%;
  height: 100%;
}
.supply_righyyitemtest {
  padding-left: 14px;

  padding-bottom: 16px;
  border-bottom: 1px solid #e8e8e8;
}
.supply_righyyitemtest p{
  color: #000000;
  font-size: 16px;
}
.supply_righyyitem:hover .supply_righyyitemtest p{
  cursor: pointer;
  color: #3f95fd;
}
.jz_content-pdf {
  cursor: pointer;
  color: #3f95fd;
  font-size: 18px;
  padding-bottom: 10px;
  text-decoration: underline;
}
.supply_kcpltitle {
  color: #3f95fd;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.supply_kcplnum {
  color: #999999;
  font-size: 12px;
  margin-left: 7px;
}
.supply_commentphotn {
  margin-right: 15px;
  width: 48px;
	height: 48px;
}
.supply_commentphotn img{
  width: 100%;
  height: 100%;
 }
 .supply_commenttitle {
  flex: 1;
  color: #666666;
  font-size: 16px;
 }
 .supply_commenboxaimenter {
  padding-top: 25px;
  align-items: center;
 }
 .supply_commenpftitle {
  color: #999999;
  font-size: 14px;
 }
 .supply_commenpfcotinar {
  margin-left: 10px;
  display: flex;
 }
 .supply_commentinyspotActive {
  width: 20px;
	height: 20px;
  background: url(../images/supply_commentinyspotActive.png) no-repeat !important;
  background-size: 100% 100%;
 }
 .supply_commentinyspot {
  margin-right: 6px;
  width: 20px;
	height: 20px;
  background: url(../images/supply_commentinyspot.png) no-repeat;
  background-size: 100% 100%;
 }
 .supply_commenpfinfo {
  margin: 19px 0;
  color: #333333;
  font-size: 16px;
 }
 .supply_commenpfdate {
  color: #999999;
  font-size: 14px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dddddd;
 }
 .supply_commetfbtt {
  color: #3f95fd;
  font-size: 20px;
  font-weight: 700;
  margin: 28px 0 33px 0;
 }
 .supplu_fbpf {
  color: #999999;
  font-size: 14px;
  margin-right: 38px;
 }

.supply_commetinput {
  padding-top: 16px;
  padding-left: 15px;
  margin-top: 22px;
  width: 863px;
	height: 114px;
	background-color: #ffffff;
	border-radius: 8px;
	border: solid 1px #e8e8e8;
  font-size: 16px;
}
.supply_commetinput::placeholder{ 
  padding-top: 3px;
  padding-left: 5px;
}
.supply_commetinputbtn {
  cursor: pointer;
  margin-top: 20px;
  float: right;
  width: 129px;
	height: 48px;
	background-color: #3f95fd;
	border-radius: 8px;
  text-align: center;
  line-height: 48px;
  font-size: 18px;
  color: #fff;
}
.supply_commetinputbtn:hover{
  color: #000;
 }

 .clo3f95fd {
  color: #3f95fd;
 }

 .befor-tit10 {
  position: relative;
  text-indent: 24px;
 }
.befor-tit10::before {
  content: "";
  width: 9px;
  height: 22px;
  top: 50%;
  margin-top: -11px;
  background-color: #3f95fd;
  display: inline-block;
  position: absolute;
  left: 0;
}
.achievementserachimg {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
	height: 24px;
}
.achievementserachbox {
  position: relative;
}
.achievementserachimg img{
  width: 1100%;
  height: 100%;
 }
 .gbh_comptoparro {
  cursor: pointer;
  margin-bottom: 3px;
  width: 0;
  height: 0;
  border: 6.5px solid transparent;
  border-bottom-color: #dddddd;
 }
 .gbh_compbottomarro {
  cursor: pointer;
  width: 0;
  height: 0;
  border: 6.5px solid transparent;
  border-top-color: #dddddd;
 }
 .gbh_industryjbox {
  position: absolute;
  top: 26%;
  right: 25px;
 }
 .gbh_industryitem {
  padding-left: 20px;
 }
 .gbh_industry10cit {
  width: 107px;
position: relative;
 }
 .gbh_industrytab {
  display: flex;
  height: 56px;
  line-height: 56px;
 }
 .gbh_industrytitle {
  font-size: 16px;
  color: #999;
 }
 .supplycourse_productlist {
  width: 420px;
	height: 280px;
	background-color: #ffffff;
	border-radius: 10px;
  margin-bottom: 18px;
 }
 .supplycourse_productlist:hover .supplycourse_productitl p {
  color: #00b5e9;
  }
 .supplycourse_productimg {
  width: 420px;
	height: 215px;
	background-color: #90cbff;
	border-radius: 10px 10px 0px 0px;
 }
 .supplycourse_productimg img{
  width: 100%;
  height: 100%;
 }
 .supplycourse_productitl {
  height: 65px;
  line-height: 65px;
 
  padding-left: 20px;

 }
 .supplycourse_productitl p{
  font-size: 16px;
  color: #000000;
  }
  .supplycourse_productcontinar {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  /* 课程详情 */
  
  .Coursedetails_topcontent {
  padding-top: 44px;
  padding-bottom: 41px;
  }
  .Coursedetails_topbox {
    display: flex;
   padding: 28px 34px 0 30px;    
    height: 357px;
	background-color: #ffffff;
  }
  .Coursedetails_left {
    margin-right: 26px;
    width: 545px;
    height: 289px;
  }
  .Coursedetails_left img {
    width: 100%;
    height: 100%;
  }
  .Coursedetails_right h5 {
    height: 31px;
    color: #000000;
    font-size: 24px;
    font-weight: 700;
  }
  .Coursedetails_rightinfo{
    text-indent: 2em;
    margin: 22px 0;
    font-size: 18px;
    color: #666666;
    line-height: 33px;
  }
  .Coursedetails_right {
    flex: 1;
  }
.Coursedetails_rightbtn {
  border-radius: 4px;
  width: 200px;
	height: 46px;  
  font-size: 14px;
  text-align: center;
  line-height: 46px;
  color: #ffff;
  background-color: #3f95fd;
}
.Coursedetails_rightbtn:hover{
  cursor: pointer;
  color: #000;
 }
 .fiveellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.Coursedetails_centerbox{
  display: flex;
  margin-top: 19px;
}
.Coursedetails_ztitle {
  padding-left: 30px;
  width: 776px;
  height: 52px;
  display: flex;
  align-items: center;
	background-color: #deedff;
}
.Coursedetails_ztmulucontinar{
  padding-left: 31px;
  width: 776px;
	height: 658px;
	background-color: #ffffff;
}
.Coursedetails_ztitleimg {
  width: 31px;
	height: 31px;
}
.Coursedetails_ztitleimg img{
  width: 100%;
  height: 100%;
}
.Coursedetails_ztitlename {
  font-weight: 700;
  margin-left: 15px;
  color: #3f95fd;
  font-size: 22px;
}
.Coursedetails_zjtest{
  font-size: 20px;
  height: 69px;
  line-height: 68px;
  color: #333333;
}
.Coursedetails_zjtestActive {
  color: #3f95fd;
}
.Coursedetails_zjright {
  width: 492px;
  margin-left: 30px;
}
.Coursedetails_ztitle2 {
  padding-left: 24px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 52px;
	background-color: #deedff;
}
.Coursedetails_zt1019 {
  display: flex;
  align-items: center;
  height: 152px;
	background-color: #ffffff;
}
.Coursedetails_zt1019img {
  margin: 0 27px 0 32px;
  width: 88px;
	height: 88px;
}
.Coursedetails_zt1019img  img{
  width: 100%;
  height: 100%;
}
.Coursedetails_zt1019rightcont {
  flex: 1;
}
.Coursedetails_zt1019jianj {
  width: 295px;
  color: #666666;
  font-size: 16px;
}
.Coursedetails_zt1019rightcont h5{
  font-weight: 700;
  font-size: 20px;
  color: #333333;
}
.Coursedetails_ztlexzj {
  margin: 6px 0 4px 0;
  font-weight: 700;
  font-size: 18px;
  color: #333333;
}
.Coursedetails_kczycont {
  height: 133px;
	background-color: #ffffff;
}
.Coursedetails_kczybox {
  height: 133px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.Coursedetails_kczynoname {
  padding-top: 13px;
  color: #d7d7d7;
  font-size: 16px;
}
.Coursedetails_kczynoimg img {
  width: 64px;
	height: 72px;
}
.Coursedetails_pfemcotianr {
  padding: 0 31px 0 28px;
  width: 492px;
	height: 269px;
	background-color: #ffffff;
}
.Coursedetails_pfemimg {
  width: 48px;
	height: 48px;
}
.Coursedetails_pfemimg img{
  width: 100%;
  height: 100%;
}
.Coursedetails_pfemtopbox{
  height: 89px;
  display: flex;
  align-items: center;
}
.Coursedetails_pfememprise {
  flex: 1;
  margin: 0 15px;
  color: #666666;
  font-size: 16px;
}
.Coursedetails_pfcontiartimebox {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom:1px solid #dddddd ;
}
.Coursedetails_pfcontiartimebox div:nth-child(1){
  width: 340px;
  color: #333333;
  font-size: 16px;
}
.Coursedetails_pfcontiartimebox div:nth-child(2){
  color: #999999;
  font-size: 14px;
}

/* 课程首页 */
.Coursehome_banner {
  width: 100%;
  height: 440px;
  background: url(../images/Coursehome_banner.png) no-repeat;
  background-size: 100% 100%;
}
.Coursehome_conent {
  padding-top: 68px;
  height: 1315px;
}
.Coursehome_title_flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.Coursehome_title_bg {
  width: 28px;
  height: 21px;
  background: url(../images/Coursehome_titlebg.png) no-repeat;
  background-size: 100% 100%;
}
.Coursehome_title_name {
  font-size: 30px;
  color: #000000;
  font-weight: 700;
  margin: 0 15px;
}
.Coursehome_title_english {
  color: #848484;
  font-size: 16px;
  text-align: center;
  margin-top: 16px ;
}



.accordion_continar {
  margin-top: 68px;
  margin-bottom: 70px;
  display: flex;
  justify-content: space-between;
}
.Coursehomeitem {
  padding: 30px 24px 0 32px;
  transition: .3s;
  width: 200px;
	height: 271px;
	border-radius: 10px;
  float: left;
}

.Coursehomeitem:nth-child(1) {
  background: url(../images/Coursehome_1.png) no-repeat;
  background-size: 100% 100%; 


}

.Coursehomeitem:nth-child(2) {
background: url(../images/Coursehome_2.png) no-repeat;
background-size: 100% 100%; 
}

.Coursehomeitem:nth-child(3) {
  background: url(../images/Coursehome_3.png) no-repeat;
  background-size: 100% 100%; 
}

.Coursehomeitem:nth-child(4) {
  background: url(../images/Coursehome_4.png) no-repeat;
  background-size: 100% 100%; 
}

.Coursehomeitem:nth-child(5) {
  background: url(../images/Coursehome_5.png) no-repeat;
  background-size: 100% 100%; 
}

.accordion_continar .Coursehomebig:nth-child(1){
  background: url(../images/Coursehome_active1.png) no-repeat;
  background-size: 100% 100%; 
 }
 .accordion_continar .Coursehomebig:nth-child(2){
  background: url(../images/Coursehome_active2.png) no-repeat;
  background-size: 100% 100%; 
 }
  .accordion_continar .Coursehomebig:nth-child(3){
  background: url(../images/Coursehome_active3.png) no-repeat;
  background-size: 100% 100%; 
 }
 .accordion_continar .Coursehomebig:nth-child(4){
  background: url(../images/Coursehome_active4.png) no-repeat;
  background-size: 100% 100%; 
 }
 .accordion_continar .Coursehomebig:nth-child(5){
  background: url(../images/Coursehome_active5.png) no-repeat;
  background-size: 100% 100%; 
 }
.Coursehomebig {
  width: 416px;
  height: 271px;
}

.Coursehomebig img {
  display: none;
  height: 271px;
}
.Coursehomeitem_title {
  color: #7789a2;
  font-size: 22px;
  padding-bottom: 24px;
}
.Coursehomeitem_border {
  width: 56px;
	height: 5px;
	background-color: #afd8ff;
	border-radius: 2px;
}
.Coursehomeitem_titleff {
  color: #fff;
  font-size: 22px;
  padding-bottom: 24px;
}
.Coursehomeitem_borderff {
  width: 56px;
	height: 5px;
	background-color: #fff;
	border-radius: 2px;
}
.Coursehomeitem_contentff {
  font-size: 18px;
  color: #ffffff;
  width: 360px;
  height: 72px;
  margin: 23px 0 33px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.Coursehomeitem_btnff {
  cursor: pointer;
  font-size: 16px;
  color: #ffffff;
} 
.Coursehomeitem_btnff:hover{
  color: #000;
 }
 /* 手风琴控制显示 */
.Coursehomebig .Coursehomeitem_content{
 display: none;
}
.Coursehomebig  .Coursehomeitem_Active_content{
  display: block !important;
 }
.Coursehome_procuctcontinar {
  margin-top: 67px;
 display: flex;
 gap: 20px;
}
.Coursehome_procuctitem {
  width: 420px;
	height: 485px;
	background-color: #ffffff;
	border-radius: 10px;
}
.Coursehome_procuctiimg {
  width: 420px;
	height: 215px;
	border-radius: 10px 10px 0px 0px;
}
.Coursehome_procucttitle{
  margin: 29px 0 20px 0;
  color: #000000;
  font-size: 18px;
  font-weight: 700;
}
.Coursehome_procuctcontianrbox {
  padding-left: 20px;
  padding-right: 17px;
}
.Coursehome_procucttbt {
  margin-bottom: 18px;
  color: #000000;
  font-size: 16px;
}
.Coursehome_procucttinfo {
  margin-bottom: 25px;
  color: #000000;
  font-size: 16px;
}
.Coursehome_procucttbtn {
 margin: 0 auto;
  width: 170px;
	height: 50px;
	background-image: linear-gradient(90deg, 
		#328dfc 0%, 
		#77bafd 100%);
	border-radius: 10px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 50px;
}
.Coursehome_procucttbtn:hover {
  cursor: pointer;
  color: #000;
 }
 .forellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.Coursehome_procutckqbtn{
  margin: 50px  auto 63px auto;
  text-align: center;
  line-height: 40px;
  width: 150px;
	height: 40px;
	background-color: #ffffff;
	border-radius: 20px;
	border: solid 1px #2f86f5;
}
.Coursehome_procutckqbtn:hover{
  cursor: pointer;
  color: #fff;
  background-color: #2f86f5;
 }