/* Write your styles */
iframe, body, div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, blockquote, th, td {
  list-style: none;
}
body {
  font-family: "Microsoft Yahei";
  background: #faf6ff;
  font-size: 17px;
}
@media only screen and (max-width: 768px) {}
/*header style*/
.topwrapwrap {
  width: 100%;
  background: url("https://www.e-works.net.cn/imageshome/topbg.jpg") repeat-x;
  border-bottom: 1px solid #7F7F7F;
}
.topwrap {
  width: 1200px;
  height: 38px;
  line-height: 38px;
  padding: 0px 0px;
  font-size: 14px;
  color: #7D8184;
  overflow: hidden;
}
.qlink {
  width: 534px;
}
.qlink a {
  padding-right: 21px;
  text-decoration: none;
  font-size: 14px;
}
.qlink a:link, .qlink a:visited {
  color: #5E5E5E;
}
.qlink a:hover {
  color: #f60;
}
.tl {
  text-align: left;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.mag {
  margin: 0px auto;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.foot {
  height: 120px;
  padding-top: 20px;
  padding-bottom: 10px;
  background: #230b4f;
  font-size: 12px;
}
.foot ul {
  margin-bottom: 0.5rem;
}
.foot a, .foot li {
  color: #FFF;
}
.foot a:link, .foot a:visited {
  text-decoration: none;
}
.foot a:hover {
  text-decoration: underline;
}
/*header style end*/
/*Ã¦â€°â€¹Ã¦Å“ÂºÃ§â€°Ë†*/
header, footer {
  display: block;
  clear: all;
}
.headbox {
  clear: both;
  overflow: hidden;
  min-width: 320px;
  *zoom: 1;
  display: block;
}
.logoarea {
  clear: both;
  height: 48px;
  overflow: hidden;
  color: #ebebeb;
  * zoom: 1;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  background-image: url(https://m.e-works.net.cn/images/top_bg1.png);
  background-repeat: repeat-x;
  background-position: center bottom;
  padding-bottom: 2px;
  position: relative;
}
.logoarea a {
  color: #ebebeb;
}
.logoarea a:link, .logoarea a:visited {
  color: #ebebeb;
  text-decoration: none;
}
.logoarea a:hover {
  color: #FFF;
  text-decoration: underline;
}
.head_l {
  height: 48px;
  width: 58px;
  cursor: pointer;
  float: left;
  left: 0px;
  z-index: 999;
  position: absolute;
  top: 0px;
  text-align: center;
  padding-top: 12px;
}
.head_l img {
  height: 32px;
  width: 32px;
}
.head_r {
  height: 42px;
  width: 42px;
  cursor: pointer;
  top: 0px;
  right: 0px;
  z-index: 999;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  padding-top: 10px;
}
.head_r img {
  height: 24px;
  width: 24px;
}
.head_c {
  height: 36px;
  padding-top: 10px;
  text-align: center;
  color: #e6e6e6;
  padding-left: 15px;
}
.head_c h1 {
  font-size: 21px;
  line-height: 36px;
  vertical-align: bottom;
}
.head_c img {
  margin-top: 7px;
  height: 26px;
  width: 87px;
  vertical-align: top;
}
.layout-footer {
  display: block;
}
footer {
  clear: both;
  height: auto;
  line-height: 24px;
  text-align: center;
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 0;
  padding-top: 8px;
  font-size: 1.8em;
  background-color: #230b4f;
}
footer a {
  display: inline-block;
}
footer a:link, footer a:visited {
  text-decoration: none;
  color: #e6e6e6;
}
footer a:hover {
  text-decoration: underline;
  color: #e6e6e6;
}
footer p {
  padding-bottom: 3px;
  padding-top: 3px;
  color: #a7a7a7;
}
footer .f16 {
  font-size: 0.4em;
}
.fwn {
  padding-bottom: 5px;
  padding-top: 5px;
  color: #a7a7a7;
  font-weight: normal;
}
.htop a:link, .htop a:visited {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: block;
  text-align: center;
  border: 1px solid #5E5E5E;
  line-height: 24px;
  background-color: #5E5E5E;
  color: #e6e6e6;
  width: 100px;
  margin-right: auto;
  margin-left: auto;
}
.htop a:hover {
  color: #e6e6e6;
  text-decoration: none;
  background-color: #31a9de;
  border: 1px solid #31a9de;
}
.head_l_2 {
  height: 48px;
  width: 50px;
  cursor: pointer;
  float: left;
  left: 48px;
  z-index: 999;
  position: absolute;
  top: 0px;
  text-align: center;
  padding-top: 20px;
}
.head_l_2 img {
  height: 32px;
  width: 32px;
}
.newmob .head_l {
  height: 48px;
  width: auto;
  cursor: pointer;
  float: left;
  left: 10px;
  z-index: 999;
  position: absolute;
  top: 0px;
  text-align: center;
  padding-top: 6px;
}
.newmob .head_l img {
  margin-bottom: 9px;
  height: auto;
  width: 90px;
  padding-right: 10px;
}
.newmob .head_l h1 {
  font-size: 1.2em;
  vertical-align: bottom;
  line-height: 36px;
}
.newmob .head_r_userimg {
  height: 42px;
  width: 42px;
  top: 0px;
  right: 64px;
  z-index: 999;
  position: absolute;
  text-align: center;
  padding-top: 20px;
}
.newmob .head_r_userimg img {
  height: 24px;
  width: 24px;
  border-radius: 50%
}
.newmob .head_r_userimg_none {
  height: 42px;
  width: 42px;
  top: 0px;
  right: 64px;
  z-index: 999;
  position: absolute;
  text-align: center;
  padding-top: 20px;
}
.newmob .head_r_userimg_none img {
  height: 24px;
  width: 24px;
}
.head_r_ss {
  height: 42px;
  width: 42px;
  cursor: pointer;
  top: 0px;
  right: 32px;
  z-index: 999;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  padding-top: 10px;
}
.head_r_ss img {
  height: 24px;
  width: 24px;
}
.head_r_con {
  height: 42px;
  width: 42px;
  cursor: pointer;
  top: 0px;
  right: 64px;
  z-index: 999;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  padding-top: 10px;
}
.head_r_con img {
  height: 24px;
  width: 24px;
}
hr {
  width: 100%;
  border: 0;
  height: 1px;
  background: #333;
  background-image: linear-gradient(to right, #CCC, #CCC);
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 15px;
  margin-left: auto;
}
/*Ã¦â€°â€¹Ã¦Å“ÂºÃ§â€°Ë† end*/
/****************main*************************/
.p15 {
  padding: 15px 0;
}
.mt1 {
  margin-top: 1.2rem;
}
.mt2 {
  margin-top: 2rem;
}
.mt3 {
  margin-top: 3rem;
}
.mb30 {
  margin-bottom: 30px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb2 {
  margin-bottom: 2rem;
}
.mt4 {
  margin-top: 4rem;
}
.mt5 {
  margin-top: 5rem;
}
.color-w {
  color: #FFF;
}
.bg-gray {
  background: #EEE;
}
.no-p {
  padding: 0;
  margin: 0;
}
.no-pl {
  padding-left: 0.2rem;
  margin: 0;
}
.no-p2 {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}
.gray {
  color: #666;
}
.fwhite {
  color: #FFF;
}
.no_p {
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 769px) { /*pc*/
  .am-container {
    box-sizing: revert;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .am-container .am-g {
    margin: 0 auto;
    width: 100%;
  }
  .am-container-s {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    max-width: 980px;
  }
}
@media only screen and (max-width: 768px) {
  .am-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
  .am-container .am-g, .am-container .am-g [class*="am-u-"] {
    padding: 0;
    margin: 0;
  }
  .am-container-s {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
}
.p15 {
  padding: 15px 0;
}
.mt1 {
  margin-top: 1%;
}
.mt2 {
  margin-top: 2rem;
}
.mt3 {
  margin-top: 3rem;
}
.mt4 {
  margin-top: 4rem;
}
.mb30 {
  margin-bottom: 30px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb2 {
  margin-bottom: 2%;
}
.color-w {
  color: #fff;
}
.bg-gray {
  background: #EFEFEF;
}
.bg-gray2 {
  background: #F6F6F6;
}
.no-p {
  padding: 0;
  margin: 0;
}
.no-pl {
  padding-right: 0;
}
.blue {
  color: #3D67D1;
}
.red {
  color: #F00 !important;
}
.no_mb {
  margin-bottom: 0rem !important;
}
.no_mt {
  margin-top: 0rem !important;
}
.green {
  color: #090;
}
.orange {
  color: #FF6600;
}
.tl {
  text-align: left !important;
  padding-left: 1rem;
  color: #0765CC;
}
.tc {
  text-align: center;
}
/************banner*******************/
.banner {
  text-align: center;
  position: relative;
}
.date {
  background: rgb(2, 10, 31);
  padding: 4px;
  font-size: 1rem;
  position: absolute;
  bottom: 3%;
  left: 2%;
  color: #DDD;
  z-index: 99;
}
@media only screen and (max-width: 768px) { /*Ã¦â€°â€¹Ã¦Å“ÂºÃ§Â«Â¯*/
  .banner {
    background-size: 100% 100%;
    height: auto;
    overflow: hidden;
  }
  .banner .btn {
    position: absolute;
    left: 5%;
    bottom: 2%;
    width: 30%;
  }
  .banner .am-btn {
    font-size: 1.5rem;
    padding: 4px;
  }
}
/*Ã¥Â¯Â¼Ã¨Ë†ÂªÃ¨ÂÅ“Ã¥Ââ€¢*/
.nav {
  background: #0a184e url(../images/nav_bg1.jpg) repeat-x;
  margin-bottom: 4%;
  padding-top: 1px;
  height: 49px;
  line-height: 49px;
}
.nav .am-container {
  width: 1200px;
  margin: 0 auto;
}
.nav a:hover {
  color: #00c3ff;
}
.nav li {
  float: left;
  font-size: 18px;
  color: #fff;
  line-height: 45px;
  padding: 0 40px;
  border-right: 1px solid #253693;
}
.nav li a {
  color: #fff;
}
.scrollspy-nav a.am-active {
  color: #00c3ff;
  font-weight: 700;
  padding-bottom: 10px;
}
.btn-m a {
  height: 38px;
  width: 150px;
  text-align: center;
  font-size: 1.7rem;
  font-weight: bold;
  color: #00c3ff;
}
.btn-m a:hover {
  color: #FFFFFF;
  background: #00c3ff;
}
@media only screen and (max-width: 768px) { /*Ã¦â€°â€¹Ã¦Å“ÂºÃ§Â«Â¯*/
  .am-sticky-placeholder {
    margin-top: 0;
  }
  .nav-m {
    height: 82px;
    padding-bottom: 2em;
  }
  .nav-m ul {
    height: 44px;
  }
  .nav-m li {
    float: left;
    width: 33.333%;
    text-align: center;
    font-size: 14px;
  }
  .nav-m li a:link, .nav-m li a:visited {
    height: 40px;
    line-height: 36px;
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #3747a4;
  }
  .nav-m li a:hover {
    color: #ff8483;
    text-decoration: none;
  }
  .nav_01_01 {
    height: 40px;
    width: 100%;
    margin-top: 1px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background: #0a184e url(../images/nav_bg1.jpg) repeat-x;
  }
  /*Ã¦â€“Â°Ã§Å¡â€žmenu*/
  .nav-menu {
    background: #0a184e url(../images/nav_bg1.jpg) top repeat-x;
  }
  .scrollspy-nav {
    top: 0;
    z-index: 100;
    width: 100%;
    padding: 0 10px;
  }
  .scrollspy-nav ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .scrollspy-nav li {
    display: inline-block;
    list-style: none;
    width: 32%;
    padding: 2px 0;
    text-align: center;
    border-right: solid 1px #3747a4;
  }
  .scrollspy-nav li a {
    color: #FFFFFF;
    font-size: 1.4rem;
    margin-bottom: 1px;
    text-align: center;
  }
}
.tit {
  background: url("../images/tit.png") center no-repeat;
  text-align: center;
  color: #fff;
  font-weight: 550;
}
@media only screen and (min-width: 769px) { /*pc*/
  .tit {
    margin: 45px auto;
    height: 96px;
    line-height: 100px;
    font-size: 42px;
    color: #fff;
    background-size: 26%;
  }
}
@media only screen and (max-width: 768px) { /*h5*/
  .tit {
    margin: 15px auto;
    height: 48px;
    line-height: 48px;
    font-size: 20px;
    color: #fff;
    background-size: 44%;
  }
  .nav_pc {
    display: none;
  }
}
@media only screen and (max-width: 320px) { /*Ã¦â€°â€¹Ã¦Å“ÂºÃ§Â«Â¯*/
  .tit h1 {
    font-size: 2.0rem;
  }
  .tit1 h1 {
    font-size: 2.0rem;
  }
}
/************Ã¨Â¯â€žÃ©â‚¬â€°Ã¨Æ’Å’Ã¦â„¢Â¯**************/
.background {
  padding-bottom: 1%;
}
.background-info {
  height: auto;
  overflow: hidden;
  text-align: justify;
}
.background-info p {
  line-height: 2.6rem;
  margin: 10px 0;
  color: #000;
  text-indent: 2em;
}
.background-info p img {
  padding-top: 10px;
  padding-bottom: 10px;
}
.background-info strong {
  color: #f7be3c;
}
@media only screen and (min-width: 769px) { /*pcÃ§Â«Â¯*/
  .background-info {
    padding: 0 2px;
    color: #000;
    margin-top: -10px;
  }
}
@media only screen and (max-width: 768px) { /*Ã¦â€°â€¹Ã¦Å“ÂºÃ§Â«Â¯*/
  .background {
    padding-top: 16px;
  }
  .background img {
    margin-bottom: 0;
  }
  .background-info p {
    font-size: 1.4rem;
    line-height: 170%;
  }
}
@media only screen and (max-width: 320px) { /*Ã¦â€°â€¹Ã¦Å“ÂºÃ§Â«Â¯*/
  .background-info p {
    font-size: 1.4rem;
    line-height: 160%;
  }
}
/*Ã¨Â¯â€žÃ©â‚¬â€°Ã¤Â»Â·Ã¥â‚¬Â¼*/
.value {
  margin-bottom: 3rem;
  background: #07070a url("../images/bg1.jpg") right top repeat-y;
}
.value .value-left {
  background: url("../images/value-bg.png") no-repeat;
  height: 542px;
  width: 300px;
  float: left;
}
.value .value-left .v-tit {
  font-size: 2.4rem;
  color: #ececec;
  width: 100px;
  line-height: 160%;
  position: absolute;
}
.value .value-left .v-tit.v1 {
  position: absolute;
  left: 25%;
  margin-top: 2.5%;
}
.value .value-left .v-tit.v2 {
  position: absolute;
  left: 21%;
  margin-top: 11.5%;
}
.value .value-left .v-tit.v3 {
  position: absolute;
  left: 25.5%;
  margin-top: 20.5%;
}
.value .value-right .v-txt {
  display: grid;
  gap: 0; /*Ã©â€”Â´Ã¨Â·Â*/ grid-template-columns: 202px auto;
  justify-content: space-between;
  align-items: center;
}
.v-txt h2 {
  font-size: 2.2rem;
  line-height: 35px;
  text-align: center;
  color: #e7d5ff;
  font-weight: normal;
  background: #07070a url(../images/icon_book.png) center no-repeat;
  padding-top: 41px;
  height: 150px;
  margin: 0;
}
.v-txt p {
  line-height: 41px;
  text-align: left;
  border: 1px solid #4e2682;
  display: block;
  padding-left: 50px;
  height: 135px;
  padding-top: 25px;
  color: #fff;
}
@media only screen and (max-width: 768px) { /*Ã¦â€°â€¹Ã¦Å“ÂºÃ§Â«Â¯*/
  .value .am-panel-default > .am-panel-hd {
    color: #ececec;
    background-color: #4f2887;
    border-color: #63154d;
  }
  .value .am-panel {
    margin-bottom: 20px;
    background-color: transparent;
    color: #fff;
  }
  .value .am-panel-title {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 320px) { /*Ã¦â€°â€¹Ã¦Å“ÂºÃ§Â«Â¯*/
  .value .am-panel-title {
    font-size: 1.5rem;
  }
}
/*Ã©Â¦â€“Ã¥Â±Å Ã§â€ºâ€ºÃ¥â€ Âµ*/
.f-all .tit2 {
  font-size: 2.8rem;
  color: #00c3ff;
  font-weight: 600;
  text-align: center;
  margin-bottom: 1em;
}
.first-info {
  border: solid 1px #3747a4;
  border-radius: 10px;
  padding: 2%;
  height: auto;
  overflow: hidden;
}
.first-info {
  border: none;
  padding: 0;
  margin: 22px 0 30px;
}
.first-info.no-border h2 {
  margin-bottom: 1em;
}
.first-info h2 {
  font-size: 2.3rem;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
}
.first-info p {
  color: #eee;
  font-size: 1.6rem;
}
.f-box {
  height: 537px;
  overflow: hidden;
  overflow-y: auto;
}
.first-info .f-mb {
  margin-bottom: 2em;
}
.first-info .f-img2 {
  margin-top: 4%;
}
.first-info .f-p {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 180%;
}
.f-txt {
  border: solid 1px #3747a4;
  border-radius: 10px;
  padding: 2%;
  height: auto;
  overflow: hidden;
  margin-right: 1.5%;
  width: 32.3%;
  margin-bottom: 2em;
}
.f-txt-2 {
  border: 1px solid #4e2682;
  border-radius: 10px;
  padding: 3%;
  margin-right: 1.5%;
  width: 49%;
  height: 418px;
}
.f-txt-2 p {
  font-size: 1.6rem;
  font-weight: 600;
}
.am-figure-default img {
  border: none;
}
.am-figure-default {
  margin: 0;
}
@media only screen and (max-width: 768px) { /*Ã¦â€°â€¹Ã¦Å“ÂºÃ§Â«Â¯*/
  .first {
    margin-bottom: 10%;
  }
  .f-all .tit2 {
    font-size: 2.0rem;
    line-height: 160%;
  }
  .f-box {
    overflow-x: auto;
  }
  .f-box img {
    width: 480px;
  }
  .first-info {
    margin: 15px 0 5px;
  }
  .first-info h2 {
    font-size: 1.7rem;
    width: auto;
    margin-bottom: 5px;
  }
  .first-info p {
    font-size: 1.3rem;
    line-height: 180%;
    margin: 0;
    margin-bottom: 10px;
  }
  .f-txt, .f-txt-2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 1em;
  }
  .f-txt.pt3 img, .f-txt-2.pt3 img {
    padding-top: 0;
  }
  .f-txt-2 p {
    font-size: 1.5rem;
    line-height: 160%;
  }
  .first-info .f-p {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 160%;
  }
  .am-pureview-slider .pinch-zoom-container {
    background: #000000;
  }
  .am-pureview-slider .am-pinch-zoom {
    background: #000000;
  }
  .am-pureview-slider img {
    background: #000000;
  }
  .am-pureview-slider img.am-img-loaded {
    background: #000000;
  }
}
@media only screen and (max-width: 320px) { /*Ã¦â€°â€¹Ã¦Å“ÂºÃ§Â«Â¯*/
  .f-all .tit2 {
    font-size: 1.7rem;
  }
}
.jb_list {
  text-align: center;
  font-size: 20px;
  margin-top: 18px;
  padding: 0;
}
.jb_list .jb_photo {
  width: 80px;
  display: block;
  margin: 5px auto;
}
.wy_title {
  font-size: 1.6rem;
  text-align: left;
  display: block;
  margin-bottom: 20px;
}
@media only screen and (min-width: 769px) { /*PC*/
  .jb_list {
    line-height: 40px;
  }
  .jb_list:nth-child(4) .jb_photo, .jb_list:nth-child(5) .jb_photo, .jb_list:nth-child(6) .jb_photo, .jb_list:nth-child(7) .jb_photo {
    margin: 36px auto 5px;
  }
  .selection-info {
    line-height: 240%;
  }
  .selection-img {
    padding: 4.3% 0;
  }
}
@media only screen and (max-width: 768px) { /*Ã¦â€°â€¹Ã¦Å“ÂºÃ§Â«Â¯*/
  .selection-info .s-fl strong {
    font-size: 16px;
  }
  .selection {
    margin-bottom: 10%;
  }
  .jb_list {
    font-size: 16px;
  }
  .selection-info {
    margin-bottom: 4%;
    font-size: 1.4rem;
    padding: 4%;
    line-height: 170%;
  }
  .selection-info h2 {
    font-size: 1.8rem;
  }
  .jb_list:nth-child(4) .jb_photo {
    margin: 36px auto 5px;
  }
}
@media only screen and (max-width: 320px) { /*Ã¦â€°â€¹Ã¦Å“ÂºÃ§Â«Â¯*/
  .selection-info {
    font-size: 1.3rem;
  }
}
/*Ã¨Â¯â€žÃ©â‚¬â€°Ã¨Â¿â€¡Ã§Â¨â€¹Ã¨Â¯Â´Ã¦ËœÅ½*/
.process {
  margin-bottom: 4%;
}
.process-info {
  margin-bottom: 30px;
  border: solid 1px #3747a4;
  border-radius: 10px;
  padding: 2%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.process-info h2 {
  color: #8d73dd;
  font-size: 2.0rem;
}
.process-info p {
  line-height: 180%;
  margin: 10px 0;
  color: #EEE;
}
.process-info p strong {}
.process-info p a {
  color: #fff;
}
.process-info p a:hover {
  color: #fff;
  text-decoration: underline
}
@media only screen and (max-width: 768px) { /*Ã¦â€°â€¹Ã¦Å“ÂºÃ§Â«Â¯*/
  .process {
    margin-bottom: 10%;
  }
  .process-info {
    padding: 4%;
  }
  .process-info p {
    font-size: 1.4rem;
    padding: 1%;
  }
}
/*Ã¨Â¯â€žÃ©â‚¬â€°Ã¦Â¡â€ Ã¦Å¾Â¶*/
.category {
  margin-bottom: 4em;
}
@media only screen and (max-width: 768px) { /*Ã¦â€°â€¹Ã¦Å“ÂºÃ§Â«Â¯*/
  .category {
    margin-bottom: 2em;
  }
}
/*Ã¨Â¯â€žÃ©â‚¬â€°Ã¨Â¦ÂÃ§Â´Â */
.element-info {
  height: auto;
  overflow: hidden;
  margin-bottom: 4%;
  border: solid 1px #3747a4;
  border-radius: 10px;
  padding: 2%;
}
.element-info p {
  font-size: 1.8rem;
  font-weight: normal;
  text-align: left;
  text-indent: 4rem;
}
.element-info ul {
  width: 49%;
  font-size: 1.6rem;
  display: block;
}
.element-info ul li {
  height: 70px;
  vertical-align: middle;
  padding: 2% 3%;
  background-color: rgba(55, 71, 164, 0.4);
  margin-bottom: 10px;
}
.element-info ul li.l1 {
  background-color: rgba(48, 17, 105, 0.5);
}
@media only screen and (min-width: 769px) { /*pcÃ§Â«Â¯*/
  .dec_dsz {
    background-color: rgba(12, 28, 88, 0.6);
    padding-top: 60px;
    height: 219px;
  }
  .dec_dsz strong {
    text-align: right;
    display: block;
    font-size: 20px;
  }
  #category {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 768px) { /*Ã¦â€°â€¹Ã¦Å“ÂºÃ§Â«Â¯*/
  .element-info p {
    font-size: 1.5rem;
  }
  .element-info ul {
    width: 100%;
    padding-left: 0;
    margin-bottom: 1em;
  }
  .element-info ul li {
    height: auto;
    font-size: 1.4rem;
  }
}
/*Ã¦Å Â¥Ã¥ÂÂ*/
.about {
  margin-bottom: 2%;
}
.about-info {
  height: auto;
  overflow: hidden;
  margin-bottom: 3%;
}
.about-info p {
  font-size: 1.8rem;
  color: #000000;
  text-indent: 2em;
  line-height: 200%;
  margin-bottom: 3%;
}
.about-info strong {
  font-size: 2.2rem;
}
.btn {
  text-align: center;
  margin-bottom: 1em;
  padding-top: 3em;
}
.btn a {
  width: 30%;
  padding: 1%;
  font-size: 2.2rem;
  font-weight: bold;
}
.ab-contact {
  border-radius: 10px;
  padding: 15px;
  background: #4e2784;
  color: #fff;
  overflow: hidden;
}
.ab-c-txt {
  float: left;
  width: 80%;
  line-height: 200%;
}
.ab-c-txt a {
  color: #fff;
}
.ab-c-txt a:hover {
  text-decoration: underline;
}
.ab-c-wx {
  width: 20%;
  float: right;
}
.ab-c-wx img {
  width: 100%;
}
@media only screen and (min-width: 769px) { /*pc*/
  .ab-contact {
    position: absolute;
    right: 30px;
    bottom: 30px;
  }
}
@media only screen and (max-width: 768px) { /*h5*/
  .about-info {
    padding-bottom: 0;
  }
  .about-info p {
    line-height: 160%;
    font-size: 1.5rem;
    font-weight: 500;
  }
  .about-info strong {
    font-size: 1.6rem;
  }
  .am-container .am-g .ab-contact {
    width: 100%;
    margin-bottom: 6%;
    padding: 5%;
  }
  .ab-c-txt {
    float: left;
    width: 75%;
    font-size: 1.5rem;
    line-height: 180%;
  }
  .ab-c-wx {
    width: 25%;
    float: right;
  }
  .btn {
    text-align: center;
    margin-top: 0;
    padding-top: 1em;
  }
  .btn a {
    width: 100%;
    padding: 1%;
    font-size: 20px;
  }
}
@media only screen and (max-width: 320px) { /*Ã¦â€°â€¹Ã¦Å“ÂºÃ§Â«Â¯*/
  .about-info p {
    line-height: 160%;
    font-size: 1.4rem;
  }
  .about-info strong {
    font-size: 1.5rem;
  }
  .btn a {
    font-size: 16px;
  }
}
/*Ã¥â€¦Â³Ã¤ÂºÅ½e-works*/
.ab-div {
  padding-top: 2em;
}
.ab-div .am-container {
  max-width: 1180px;
}
.ab-div h1 {
  font-size: 2.2rem;
  color: #ececec;
  border-bottom: solid 1px #00c3ff;
  padding-bottom: 8px;
  width: 138px;
}
.ab-box {
  margin-bottom: 2em;
}
.ab-box img {
  border-radius: 8px;
}
.ab-box p {
  font-size: 1.6rem;
  text-indent: 2em;
  line-height: 180%;
  color: #CCCCCC;
}
.ab-box-1 {
  height: auto;
  overflow: hidden;
  margin-bottom: 4%;
  font-weight: 600;
}
.ab-box-1 img {
  border-radius: 50%;
  float: right;
}
@media only screen and (max-width: 768px) { /*Ã¦â€°â€¹Ã¦Å“ÂºÃ§Â«Â¯*/
  .ab-div h1 {
    font-size: 1.8rem;
    width: 118px;
  }
  .ab-box p {
    font-size: 1.4rem;
    line-height: 160%;
  }
  .ab-box img {
    margin-bottom: 1em;
  }
  .ab-box-1 img {
    border-radius: 50%;
    float: none;
    text-align: center;
    width: 120px;
    margin-bottom: 1em;
  }
  .ab-box-1 .am-u-sm-12 {
    width: 100%;
    text-align: center;
  }
}
.pxfc p {
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  background-color: rgba(12, 28, 88, 0.5);
  padding: 10px;
}
.pxzd {
  background-color: rgba(12, 28, 88, 0.5);
  font-size: 17px;
  line-height: 22px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 769px) { /*pcÃ§Â«Â¯*/
  .pxzd {
    line-height: 46px;
    padding: 30px 0 30px 20px;
  }
  .pxzd strong {
    font-size: 20px;
    color: #00c3ff;
  }
}
@media only screen and (max-width: 768px) { /*Ã¦â€°â€¹Ã¦Å“ÂºÃ§Â«Â¯*/
  .pxzd {
    padding: 15px 0;
    font-size: 14px;
    margin-bottom: 20px;
  }
  .pxfc p {
    font-size: 17px;
  }
}
.c_blue {
  color: #5b9bd5;
}
/*å¾é›†æ–¹å‘*/
.zjfx h2 {
  background: linear-gradient(225deg, #522888, #0f1c47);
  border-radius: 8px;
  line-height: 57px;
  text-align: center;
  color: #fff;
  font-size: 24px;
}
.zjfx .zjfc_con .zjfc_list {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 769px) { /*pc*/
  .zjfx .am-container {
    width: 1140px;
  }
  .zjfx .zjfc_con {
    display: grid;
    gap: 24px;
    grid-template-columns: 556px auto;
  }
  .zjfx .zjfc_con .zjfc_list {
    padding: 28px;
  }
}
@media only screen and (max-width: 768px) { /*h5*/
  .zjfx h2 {
    font-size: 16px;
  }
  .zjfx .zjfc_con .zjfc_list {
    margin-bottom: 12px;
  }
}
/*å¾é›†å†…å®¹*/
.zjnr_list {
  border: 1px solid #8148cf;
  text-align: center;
  margin-bottom: 20px;
}
.zjnr_list h2 {
  background: linear-gradient(225deg, #522888, #0f1c47);
  color: #fff;
  line-height: 52px;
  font-weight: normal;
  font-size: 24px;
}
.zjnr_list p {
  color: #000;
  font-size: 17px;
  padding: 0 14px;
}
@media only screen and (min-width: 769px) { /*pc*/
  .zjnr_list p {
    height: 70px;
  }
  .zjnr h3 {
    padding: 0 15px;
  }
  .conlist2 .zjnr_list p {
    height: 97px;
  }
}
@media only screen and (max-width: 768px) { /*h5*/
  .zjnr_list h2 {
    font-size: 16px;
  }
}
/*æ´»åŠ¨è¿‡ç¨‹*/
.pxgc {
  margin-bottom: 3rem;
  background: #07070a url(../images/bg1.jpg) right top repeat-y;
}
.btn_Registration {
  display: block;
  width: 30%;
  padding: 1%;
  font-size: 2.2rem;
  font-weight: bold;
  color: #fff;
  background-color: #4e2784;
  border-radius: 40px;
  line-height: 42px;
  outline: none;
  text-align: center;
  margin: 0 auto;
} /* Write your styles */
.btn_Registration:hover, .btn_Registration:visited {
  color: #fff;
}
@media only screen and (min-width: 769px) { /*pc*/
  .bg2 {
    background: url(../images/bg2.png) center top no-repeat;
  }
}
@media only screen and (max-width: 768px) { /*h5*/
  .btn_Registration {
    margin-bottom: 15px;
    width: 100%;
    font-size: 16px;
  }
  .value .am-container .f-txt-2 {
    padding: 15px;
    margin-bottom: 10px;
  }
}
.history_img {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 15px;
}
.selection-info, .selection-img {
  border: solid 1px #3747a4;
  border-radius: 10px;
  padding: 6% 4% 4% 4%;
  height: auto;
  overflow: hidden;
  color: #eee;
  font-size: 1.6rem;
}
.selection-img img {
  margin: 0 auto;
}
.am-collapse {
  display: block;
}
/*奖项设置*/
.award .supplier {
  border: 1px solid #9038b1;
  border-radius: 70px;
  padding: 20px 0 20px 30px;
}
.supplier .icon {
  float: left;
  margin-right: 20px;
}
.award .info h1 {
  color: #9038b1;
  font-size: 30px;
}
.award .info p {
  color: #0a0a0a;
  font-size: 26px;
}
.brief em {
  color: #9038b1;
  font-style: normal;
}
.award {
  margin: 15px 0;
}
@media only screen and (min-width: 769px) {
  .award .supplier {
    width: 31%;
    height: 140px;
    margin-right: 26px;
  }
  #award .f-all {
    background: #fff;
    border-radius: 30px;
    padding: 50px 10px 50px 50px;
    margin-bottom: 80px;
  }
  .brief {
    font-size: 20px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 768px) {
  #award .icon {
    width: 15%;
    margin-right: 10px;
  }
  #award .info p {
    font-size: 16px;
    margin: 0;
  }
  #award .info h1 {
    font-size: 18px;
    margin: 0;
  }
  #award .supplier {
    padding: 10px 0 10px 18px;
    margin-bottom: 10px;
  }
}