maincontentbg.intro {
  background: url(../images/01.png);
  display: block;
  /* height: auto; */
  /* min-height: 100%; */
  height: 100%;
  max-height: 100%;
}

maincontent.intro {
  display: block;
  width: 1400px;
  margin: 0 auto;
  height: 100%;
  color: #333;
  overflow: hidden;
}

maincontent.intro navtop {
  padding: 10px 0 0 250px;
  margin: 20px auto 0;
  height: 50px;
  letter-spacing: 2px;
}

maincontent.intro pagecontent {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: calc(100% - 50px);
}

maincontent.intro .sty_homepage_tab {
  width: 100%;
}

maincontent.intro .sty-order-con {
  display: flex;
  margin-top: 20px;
  height: 100%;
}

maincontent.intro tab-content-des {
  display: block;
  color: #333;
  line-height: 25px;
  text-indent: 2em;
  margin: 20px 0;
}

maincontent.intro .sty-order-right {
  width: 100%;
  letter-spacing: 2px;
  overflow: scroll;
  /* background: #fff; */
  /* padding: 0 10px; */
}

introcontent {
  width: 98%;
  display: block;
  box-shadow: 0px 2px 8px #caced7;
  background: #fff;
  padding: 20px 30px 40px 20px;
  margin-left: 20px;
  margin-top: 3px;
  letter-spacing: 0px;
}

maincontent.intro .sty-order-right introcontent {
  display: block;
  box-shadow: 0px 2px 8px #caced7;
  background: #fff;
  /* padding: 20px 10px; */
}

maincontent.intro .sty-order-right::-webkit-scrollbar {
  display: none;
}

introcontent tab-content-head {
  margin: 0;
}

intro {
  display: block;
}

intro-item {
  display: block;
  width: 100%;
  height: auto;
}

intro-item intro-item-head {
  display: block;
  width: 100%;
  height: 30px;
  margin: 20px 0 10px 0;
}

intro-item-head intro-num {
  display: inline-block;
  width: 32px;
  height: 30px;
  background: #3963c5;
  color: #fff;
  padding: 6px 5px 5px 5px;
  border-left: 1px solid #3963c5;
  border-bottom: 1px solid #3963c5;
  border-top: 1px solid #3963c5;
  vertical-align: middle;
  letter-spacing: 1px;
  margin-top: 0px;
}

intro-item-head intro-name {
  border-right: 1px solid #6e91e3;
  display: inline-block;
  border-top: 1px solid #6e91e3;
  border-bottom: 1px solid #6e91e3;
  padding: 4px 10px;
  vertical-align: middle;
  color: #3963c5;
  background: #fff;
  font-weight: bold;
}

intro-item-content {
  display: block;
  height: auto;
  border-left: 2px dashed #6e91e3;
  margin-left: 15px;
}

intro-des {
  display: block;
  padding-left: 25px;
  padding-top: 15px;
  line-height: 25px;
  color: #333;
}

intro-item-content.intro-bglx {
  position: relative;
  height: 394px;
}

intro-item-content p {
  margin: 0;
  padding: 0;
  line-height: 25px;
}

intro-item-content.intro-bglx intro-img {
  width: 240px;
  height: 180px;
  display: inline-block;
  background: url(../images/intro/tree.png) no-repeat;
  position: absolute;
  top: 32%;
  bottom: 0;
  left: 30%;
  right: 0;
}

intro-item-content.intro-bglx .bglx {
  width: 100%;
  margin: 0;
  padding: 0;
  vertical-align: top;
  display: inline-block;
}

bglx-item {
  display: block;
  position: absolute;
}

bglx-item-line {
  display: block;
  position: absolute;
}

bglx-item .dot {
  vertical-align: top;
  display: inline-block;
  margin-top: 3px;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #333;
  border-radius: 50% 50%;
  margin-right: 6px;
  position: relative;
}

bglx-item .dot::before {
  margin-left: 4px;
  vertical-align: top;
  position: absolute;
  top: -3px;
}

bglx-item.cx {
  width: 280px;
  left: 103px;
  top: 35px;
}

bglx-item-line.cx-line {
  left: 103px;
  width: 289px;
  height: 2px;
  top: 191px;
  background: #62a889;
}

bglx-item.cx .dot::before {
  content: '1';
}

bglx-item.spbg {
  width: 414px;
  left: 585px;
  top: 39px;
  border-bottom: none;
}

bglx-item-line.spbg-line {
  left: 512px;
  width: 2px;
  height: 105px;
  background: #409ddc;
  top: 38px;
}

bglx-item.spbg .dot::before {
  content: '2';
  margin-left: 4px;
  top: -3px;
}

bglx-item.cxzqbg {
  width: 218px;
  left: 103px;
  top: 218px;
  border-bottom: none;
}

bglx-item-line.cxzqbg-line {
  left: 329px;
  width: 2px;
  height: 117px;
  background: #72a769;
  top: 234px;
}

bglx-item.cxzqbg .dot::before {
  content: '3';
  margin-left: 4px;
  top: -3px;
}

bglx-item.fmjcxbg {
  width: 400px;
  left: 583px;
  top: 252px;
  border-bottom: none;
}

bglx-item-line.fmjcxbg-line {
  left: 486px;
  width: 499px;
  height: 2px;
  background: #2d7bb0;
  top: 227px;
}

bglx-item.fmjcxbg .dot::before {
  content: '4';
  margin-left: 4px;
  top: -3px;
}

bglx-item p.title {
  font-weight: 600;
  color: #333;
  font-weight: bold;
  line-height: 25px;
  font-size: 18px;
  margin: 10px 0;
}

bglx-item .desc {
  margin-bottom: 16px;
}

intro-item-content.cxlc-tab,
intro-item-content.fwlc-tab {
  width: 100%;
  height: 200px;
}

intro-item-content.cxlc-tab intro-cxlc-tab {
  background: url(../images/intro/tab.png) no-repeat;
  background-position: bottom left;
  display: block;
  height: 180px;
  margin-left: 46px;
  position: relative;
}

intro-item-content.fwlc-tab intro-fwlc-tab {
  background: url(../images/intro/tab-old.png) no-repeat;
  background-position: bottom left;
  display: block;
  height: 140px;
  margin-left: 46px;
  position: relative;
}

intro-cxlc-tab span,
intro-fwlc-tab span {
  font-weight: bold;
  letter-spacing: 2px;
  position: absolute;
  text-align: center;
}

intro-cxlc-tab span.one {
  width: 120px;
  left: 2px;
  bottom: 25px;
}

intro-fwlc-tab span.one {
  width: 120px;
  left: 24px;
  bottom: -20px;
}

intro-cxlc-tab span.two {
  width: 136px;
  text-align: center;
  left: 126px;
  top: 40px;
}

intro-fwlc-tab span.two {
  width: 115px;
  text-align: center;
  left: 193px;
  top: 35px;
}

intro-cxlc-tab span.three {
  width: 93px;
  text-align: center;
  left: 285px;
  bottom: 25px;
}

intro-fwlc-tab span.three {
  width: 120px;
  text-align: center;
  left: 352px;
  bottom: -20px;
}

intro-cxlc-tab span.four {
  width: 90px;
  text-align: center;
  left: 430px;
  top: 56px;
}

intro-fwlc-tab span.four {
  width: 79px;
  text-align: center;
  left: 538px;
  top: 35px;
}

intro-cxlc-tab span.five {
  width: 110px;
  text-align: center;
  left: 562px;
  bottom: 25px;
}

intro-fwlc-tab span.five {
  width: 110px;
  text-align: center;
  left: 684px;
  bottom: 0px;
}

intro-cxlc-tab span.six {
  top: 55px;
  width: 120px;
  text-align: center;
  left: 700px;
}

intro-fwlc-tab span.six {
  top: 53px;
  width: 120px;
  text-align: center;
  left: 836px;
}

intro-cxlc-tab span.seven {
  width: 145px;
  text-align: center;
  left: 835px;
  bottom: 25px;
}

table.intro {
  width: 98%;
  letter-spacing: 2px;
  margin: 20px 0 20px 25px;
}

table.intro td,
table.intro th {
  border: 1px solid #bdbcbc;
  vertical-align: middle;
  padding: 15px 15px;
}
table.intro th.sty_search_purpose {
  width: 300px;
}
table.intro td.sty_left {
  text-align: left;
}

table.intro td.letterSpacing {
  letter-spacing: 0px;
}

table.intro th {
  color: #3963c5;
  font-weight: bold;
  border-top: 2px solid #3963c5;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-left: 1px solid #dedede;
  padding: 10px 0;
}

table.intro tr {
  padding: 10px 0;
  line-height: unset;
}

table.intro th.xmzt {
  width: 120px;
}

table.intro th.bjcl {
  width: 202px;
}

table.intro th.bglx {
  width: 200px;
}

table.intro tbody > tr:nth-child(odd) {
  background: #eee;
}

table.intro tbody > tr:nth-child(even) {
  background: #fff;
}

table.intro.sfbz {
  width: 700px;
}

table.cx-tjcl-table tbody > tr:nth-child(odd) {
  background: #fff;
}

table.cx-tjcl-table tbody > tr.first,
table.cx-tjcl-table tbody > tr.four {
  background: #eee;
}
table.cx-tjcl-table tr td {
  vertical-align: top;
}
intro-tip {
  display: block;
  margin: 10px 0 0px 15px;
  vertical-align: top;
  line-height: 25px;
  letter-spacing: 0px;
}

intro-tip span {
  display: inline-block;
}

intro-tip tip-img {
  display: block;
  margin: 20px 0 20px 15px;
  line-height: 25px;
  vertical-align: middle;
  width: 25px;
}

intro-tip .tip-img {
  height: 100%;
  width: 20px;
  height: 100%;
  vertical-align: top;
  margin-right: 5px;
}

intro-tip .tip-img img {
  vertical-align: middle;
}

intro-tip .tip-des {
  width: calc(100% - 25px);
}

/* 知识产权检索 */

.intro-zs-bglx {
  height: 700px;
  position: relative;
}

.intro-zs-bglx intro-img {
  background: url(../images/intro/zs-tree.png) no-repeat;
  width: 216px;
  height: 658px;
  margin: 0 auto;
  display: block;
  vertical-align: top;
}

.intro-zs-bglx bglx-item.one {
  width: 350px;
  position: absolute;
  top: 100px;
  left: 90px;
}

.intro-zs-bglx bglx-item.one .dot::before {
  content: '1';
  margin-left: 4px;
  top: -3px;
}

.intro-zs-bglx bglx-item.two {
  width: 350px;
  position: absolute;
  top: 260px;
  left: 90px;
}

.intro-zs-bglx bglx-item.two .dot::before {
  content: '2';
  margin-left: 4px;
  top: -3px;
}

.intro-zs-bglx bglx-item.three {
  width: 350px;
  position: absolute;
  top: 510px;
  left: 90px;
}

.intro-zs-bglx bglx-item.three .dot::before {
  content: '3';
  margin-left: 4px;
  top: -3px;
}

.intro-zs-bglx bglx-item.four {
  width: 365px;
  position: absolute;
  top: 15px;
  left: 690px;
}

.intro-zs-bglx bglx-item.four .dot::before {
  content: '4';
  margin-left: 4px;
  top: -3px;
}

.intro-zs-bglx bglx-item.five {
  width: 365px;
  position: absolute;
  top: 195px;
  left: 690px;
}

.intro-zs-bglx bglx-item.five .dot::before {
  content: '5';
  margin-left: 4px;
  top: -3px;
}

.intro-zs-bglx bglx-item.six {
  width: 365px;
  position: absolute;
  top: 350px;
  left: 690px;
}

.intro-zs-bglx bglx-item.six .dot::before {
  content: '6';
  margin-left: 4px;
  top: -3px;
}

.intro-zs-bglx bglx-item.seven {
  width: 365px;
  position: absolute;
  top: 505px;
  left: 690px;
}

.intro-zs-bglx bglx-item.seven .dot::before {
  content: '7';
  margin-left: 4px;
  top: -2px;
}

.cx-table .intro-zs-table td {
  text-align: left;
  padding: 15px 15px;
}

.intro-zs-table td.sty-center {
  text-align: center;
}

/* 课程研究 */

intro-title {
  border: 1px solid #8c7b70;
  width: 216px;
  height: 34px;
  background: #8c7b70;
  line-height: 34px;
  display: block;
  text-align: center;
  border-radius: 30px;
  color: #fff;
  font-weight: bold;
  margin: 0 auto;
}

maincontent.intro .intro-yj tab-content-des {
  margin: 20px;
  line-height: 25px;
}

yj-zscqzx {
  display: block;
  width: 100%;
  height: auto;
}

yj-item-con {
  margin-left: 40px;
  display: block;
  color: #000;
  border-bottom: 1px dashed #ff8561;
  padding-bottom: 20px;
}

yi-item-ul {
  display: flex;
  margin: 20px 0;
}

yj-item-li {
  display: block;
}

yj-item-li.left {
  width: 500px;
  margin-right: 37px;
}

yj-item-li.right {
  width: 500px;
}

yj-item {
  display: flex;
  width: 100%;
}

yj-item yj-left {
  display: block;
  width: 55px;
  height: 55px;
  margin-top: -5px;
}

yj-item yj-left img {
  width: 100%;
  height: 100%;
}

yj-item yj-right {
  width: calc(100% - 55px);
  display: block;
  padding-left: 15px;
}

yj-item yj-right yj-right-top {
  display: block;
}

yj-item yj-right-top .p-title {
  font-weight: bold;
  margin: 10px 0;
  color: #000;
  font-size: 20px;
}

yj-item yj-right-top .p-des {
  font-size: 14px;
}

yj-item yj-right yj-right-bottom {
  display: block;
  /* margin: 10px 0; */
  line-height: 25px;
}

yj-item yj-right-bottom .span-title {
  font-weight: bold;
  font-size: 14px;
}

yj-item yj-right-bottom.one {
  margin-top: 2px;
  /* margin-top: 7px; */
}

yj-item yj-right-bottom.two {
  /* margin-top: 7px; */
}

yj-item yj-right-bottom.three {
  margin-top: 0px;
}

yj-item yj-right-bottom.five {
  margin-top: 28px;
}

yj-item yj-right-bottom.seven {
  margin-top: 25px;
}

yj-hyjszx {
  display: block;
  width: 100%;
  height: auto;
}

yj-hyjszx intro-title {
  margin-top: 40px;
  margin-bottom: 30px;
  background: #576ca7;
  border: 1px solid #576ca7;
}

yj-right-bottom.nine {
  margin-top: 0px;
}

yj-right-bottom.twelve {
  margin-top: 0px;
}

yj-right-bottom.fourteen {
  margin-top: 20px;
}

yj-hyjszx yj-item-con {
  padding: 0;
  border: none;
}