@charset "UTF-8";

.application-top .tit .j-down {
  width: auto;
  padding: 0 30px;
  position: relative;
}

.application-top .tit .j-down:before {
  position: absolute;
  width: 20px;
  height: 20px;
  background-size: 100%;
  content: "";
  left: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/dn.png) no-repeat center;
  background-size: 100%;
}

/*2021-7-16*/
.join-bot .joinbot-tit.jactive .li:nth-child(n+2) {
  margin-left: 8px;
}

.application-con .words table td {
  padding: 0 !important;
  background: transparent !important;
  border: 1px solid #e6e6e6 !important;
  height: 54px;
}

.application-con .words table tr:nth-child(2n) {
  background: #fafafa;
}

.application-con .words table thead tr {
  background: #adc067;
  color: #fff;
  height: 54px !important;
}

/* .application-con .words table tr:nth-child(1) {
  background: #adc067;
  color: #fff;
  height: 54px !important;
} */

.application-con .words table tr:nth-child(1) td {
  border-color: #e6e6e6 !important;
}

/*2021-7-16*/
.bocweb-header .header .s-box .li .langs {
  color: #333;
  font-size: 16px;
}

.bocweb-header .header .s-box .li .langs:hover {
  color: #3d81a8;
  font-size: 16px;
}

.m-header .uibox .langs {
  color: #333;
  font-size: 16px;
  line-height: .5rem;

}

.pr-listbox.pr-listbox0 .pagination {
  margin-top: .6rem;
}

.m-header .uibox2 {
  margin-right: 15px;
}

.searchsbox {
  line-height: 30px;

}

.searchsbox .btnsbox {
  line-height: 30px;
  height: 30px;
  display: inline-block;
  padding: 0 5px;
  color: #fff;
  background: #3d81a8;
}

.pcbox {
  display: block;
}

.con-text,
.text-con {
  color: #666;
}

.about-contact {
  position: relative;
}

.inside2 .about-hbox {

  width: 100%;
  top: 72px;
}

.pr-listbox .pr-top .ul .okl .i {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;

}

.pr-listbox.proli-listfixed .arrangements table th {
  height: auto;
  word-break: break-word;
}

.pr-listbox.proli-listfixed .arrangements table tr:nth-child(2n) {
  background: #e2e1e1;
}

.about-bottit {
  padding: 1rem .5rem .8rem 0;
  line-height: 1.5;
  font-size: 16px;
}

.slwdz-butns .butns-top span {
  display: none;
}

.application-actives .applicationdetails .arrangements tbody th {
  text-align: center;
}


.application-con .words ul,
.application-con .words ol {
  /*padding-left: 3em;*/
}

.application-con .words ul[style *="list-style-type: disc;"],
.application-con .words ol[style *="list-style-type: disc;"] {
  padding-left: 4em;
}

.application-con .words ul[style *="list-style-type: square;"],
.application-con .words ol[style *="list-style-type: square;"] {
  padding-left: 2em;
}

.tdsul ul[style *="list-style-type: disc;"] li,
.tdsul ol[style *="list-style-type: disc;"] li,
.application-con .words ul[style *="list-style-type: disc;"] li,
.application-con .words ol[style *="list-style-type: disc;"] li {
  position: relative;
  list-style: none;
}

.tdsul ul[style *="list-style-type: square;"] li,
.tdsul ol[style *="list-style-type: square;"] li,
.application-con .words ul[style *="list-style-type: square;"] li,
.application-con .words ol[style *="list-style-type: square;"] li {
  position: relative;
  list-style: none;
}

.tdsul ul[style *="list-style-type: disc;"] li:after,
.tdsul ol[style *="list-style-type: disc;"] li:after,
.application-con .words ul[style *="list-style-type: disc;"] li:after,
.application-con .words ol[style *="list-style-type: disc;"] li:after {
  width: .5em;
  height: .5em;
  left: 0;
  top: 0;
  content: "";
  border-radius: 50%;
  position: absolute;
  left: -1em;
  top: .8em;
  background: #3d81a8;
}

.tdsul ul[style *="list-style-type: square;"] li:after,
.tdsul ol[style *="list-style-type: square;"] li:after,
.application-con .words ul[style *="list-style-type: square;"] li:after,
.application-con .words ol[style *="list-style-type: square;"] li:after {
  width: .5em;
  height: .5em;
  left: 0;
  top: 0;
  content: "";
  position: absolute;
  left: -1em;
  top: .8em;
  background: #3d81a8;

}


.tdsul ul[style *="list-style-type: disc;"],
.tdsul ol[style *="list-style-type: disc;"] {
  padding-left: 4em;
}

.tdsul ul[style *="list-style-type: square;"],
.tdsul ol[style *="list-style-type: square;"] {
  padding-left: 2em;
}


.bocweb-header .nav-li.k .nav-bot {
  top: 100px;
}

.bd_weixin_popup {
  box-sizing: content-box;
}

.km8 .wordsbox {
  position: relative;
}

.km8 .wordsbox .words2 {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  margin-top: 0;
  opacity: 0;
  transition: .5s ease-in-out;

}

.itemsi .i {
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  color: #666;
  margin-right: 2%;
  text-decoration: underline;
}

.itemsi .i:hover {
  color: #3d81a8;

}

.application-bot .img {
  display: block;
}

.km8 .wordsbox .words2 .p {
  padding-right: 3%;
}

.application-bot .items .words2 .p:after {
  display: none;
}

.application-bot .items .words2 .p .a {
  display: block;
  border-bottom: 1px solid #c2c2c2;
}

.application-bot .items .words2 .h {
  background: #3d81a8;
  padding: 5px 5%;
  display: block;
  color: #fff;
  height: auto;
}

.application-bot .items .li:hover .words2 {
  background: #f2f2f2;
}

.application-bot .items .li:hover .words1 {
  opacity: 0;
}

.application-bot .items .li:hover .words2 {
  opacity: 1;
  transition: .5s ease-in-out;
}

.proli-listfixed .listbox1 {
  position: fixed;
  background: #ffffff;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  left: 0;
  top: 0;
  z-index: 30;
  padding: 20px;
  z-index: 100;
}

.zhankai {
  cursor: pointer;
}

.pro-fixed-menu .ul .li .li-bot {
  display: none;
}

.ft200 {
  font-size: 16px;
}

.drawing-list .items .p {
  font-size: 13px;
}

.contact-box .contact-left .list .li .li-bot {
  display: none;
  font-size: 14px;
  line-height: 20px;
  height: 40px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: none;
  margin-top: 8px;

}

.contact-box .contact-left .list .li .li-bot .i {
  color: #000;
  transition: .5s ease-in-out;
}

.contact-box .contact-left .list .li .li-bot .i.active {
  color: #3d81a8;
  transition: .5s ease-in-out;
}

.contact-box .contact-left .list .li.active .li-bot {
  display: block;
  height: auto;
  overflow: visible;
}

body.cur,
html.cur {
  overflow: hidden;
}

.slwdz-butns {
  position: absolute;
  top: 100px;
  right: 0;
  width: 18.5rem;
  background: #3d81a8;
  transform: translateY(-200%);
  transition: .5s ease-in-out;
  opacity: 0;
  z-index: -1;
}

.s-ytop {
  overflow-y: auto;
}

.slwdz-butns.active {
  transform: translateY(0);
  transition: .5s ease-in-out;
  opacity: 1;
  z-index: 24;

}

.dw {
  padding: 5% 0;
}

.dw .i img {
  display: block;
  margin: 0 auto;
  max-width: 80%;
}

.dw .i:nth-child(n+2) {
  margin-top: 5%;
}

.tgxt {
  /*margin-bottom: .6rem;*/
}

.s-ytopbox {
  /*min-width: 1100px;*/
}

.ybot-ul .ul {
  font-size: 0;
}

.ybot-ul .ul {
  /*border:1px dashed #cccccc;*/
  /*padding: .5rem;*/
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
}

.txgh {
  /*margin-bottom: .5rem;*/
  /*margin-top: .4rem;*/
  color: #007c8c;
}

.ybot-ul .ul .i {
  font-size: 16px;
  color: #218293;
  height: 38px;
  line-height: 38px;
  border: 1px solid #b9b9b9;
  border-radius: 3px;
  padding: 0 .4rem;
  display: inline-block;
  vertical-align: middle;
  /*margin-right: .3rem;*/
  cursor: pointer;
  /*margin-bottom: 10px;*/
  transition: .5s ease-in-out;
}

.ybot-ul .ul .i:hover,
.ybot-ul .ul .i.active {
  color: #ffffff;
  border-color: #3d81a8;
  background: #3d81a8;
  transition: .5s ease-in-out;
}

.s-ybot .ybot-ul {
  position: relative;
  padding-left: 75px;
  min-height: 38px;
  margin-top: .2rem;

}

.products-top {
  border: 1px solid #e3e3e3;
  padding: .2rem .5rem;
  margin-bottom: .8rem;
}

.s-ybot .ybot-ul .submit {
  width: 62px;
  height: 38px;
  border-radius: 5px;
  background: #cccccc;
  font-size: 13px;
  color: #ffffff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: .5s ease-in-out;
}

.s-ybot .ybot-ul .submit:hover {
  transition: .5s ease-in-out;
  background: #3d81a8;
}

.s-yleft,
.s-yleft {
  /*width: 49%;*/
  float: left;
  display: block;
  font-size: 0;
}

.s-yleft:nth-child(2) {
  margin-left: 2%;
}

.s-yleft .liitems .li {
  /*line-height: 12px;*/
  /*margin:7px 0;*/
  line-height: 15px;
  padding: 2px 0;
  padding-right: 2%;
  padding-left: 15px;
  position: relative;
  cursor: pointer;
  min-width: 60px;

}

.s-yleft .items {
  overflow-y: auto;
}

.s-yleft .liitems .box {
  height: 100%;
  overflow-y: auto;
  font-size: 12px;
}

.s-yleft .liitems .box::-webkit-scrollbar {
  width: 1px;
  height: 1px
}

.s-yleft .liitems .box::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

.s-yleft .liitems .box::-webkit-scrollbar-thumb:window-inactive {
  background-color: #ccc;
}

.s-yleft .liitems .box::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #ccc;
}

.s-yleft .liitems .li50 {
  width: 50%;
  float: left;
  overflow-y: auto;
  height: 100%;
  padding: 0 3%;
}

.s-yleft .liitems .li.active:after {
  background: url(../img/k0.png) no-repeat center;
  background-size: 100%;
}

.s-yleft .liitems .li:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: #eeeeee;
  left: 0;
  top: 5px;

}

.s-yleft .items .li:nth-child(1) {
  margin-top: 20px;
}

.s-yleft .items .li {
  overflow: hidden;
}

.s-yleft .items .li .l {
  float: left;
}

.s-yleft .items .li .r {
  float: right;
  /*width: 85px;*/
}

.s-yleft .liitems {
  position: relative;
}

.s-ytop {
  padding-top: 10px;
}

.s-yleft .itbio .ft200 {
  /*position: absolute;*/
  /*line-height: 24px;*/
  /*left: 0;*/
  /*top: -12px;*/
  /*background: #fafafa;*/
  text-align: left;
  /*font-weight: bold;*/
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
  text-align: center;
}

.s-yleft .liitems .li:nth-child(2n+1) {
  margin-left: 0;
}

.s-yleft .items,
.s-yleft .liitems {
  /*float: left;*/
  display: inline-block;
  /*background:#ffffff;*/
  height: 190px;
  padding: .1rem;
  /*border:1px solid #ededed;*/
  box-sizing: border-box;
  vertical-align: top;
}

.s-yleft .items:nth-child(1),
.s-yleft .liitems:nth-child(1) {
  padding-left: 0;
}

.s-yleft .itbio:nth-child(n+2) {
  border-left: 1px solid #ededed;

}

.s-yleft .items {
  border: none;
}

.s-yleft .items {
  /*min-width: 260px;*/
}

.s-yleft .liitems {
  /*min-width: 120px;*/
}

.s-yleft .items .li {
  padding: 5px 0;
  line-height: 20px;
}

.s-yleft .items input {
  width: 45px;
  height: 20px;
  background: #eeeeee;
  padding-left: 5px;
  margin-right: 10px;

}

.s-yleft .items .li {
  font-size: 0;
}

.s-yleft .items .li .hk {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  margin-left: 10px;
}

.s-yleft .items .li .r {
  /*width: 100px;*/

}

.s-yleft .items .li .hk:nth-child(1) {
  margin-left: 0;
}

.s-yleft .itbio:nth-child(n+2) {
  /*margin-left: 10px;*/
}

.header .head {
  position: relative;
  z-index: 28;
}

.slwdz-butns .butns-top {
  height: 50px;
  position: relative;

}

.slwdz-butns .butns-top span {
  position: absolute;
  /*display: block;*/

  width: 15px;
  height: 15px;
  cursor: pointer;
  background: url(../img/jpg/k12.png) no-repeat center;
  background-size: 100%;
  right: .75rem;
  top: 50%;
  transform: translateY(-50%);
}

.slwdz-butns .butns-bots .items {
  float: left;
  width: 50%;
  display: block;
  font-size: 14px;
  color: #fff;
  border: 1px solid #ccc;
  /*border:1px solid #3a2969;*/
  line-height: 1.5;
  padding: .5rem 1rem;
  transition: .5s ease-in-out;
}

.slwdz-butns .butns-bots .items:hover,
.slwdz-butns .butns-bots .items.active {
  background: #fff;
  border-color: #fff;
  color: #222222;
  transition: .5s ease-in-out;
}

.slwdz-butns .butns-bots .items:hover .img img,
.slwdz-butns .butns-bots .items.active .img img {
  transition: .5s ease-in-out;
}

.slwdz-butns .butns-bots .items:hover .img .i1,
.slwdz-butns .butns-bots .items.active .img .i1 {
  opacity: 1;
}

.slwdz-butns .butns-bots .items:hover .img .i0,
.slwdz-butns .butns-bots .items.active .img .i0 {
  opacity: 0;
}

.slwdz-butns .butns-bots .items .img img {
  transition: .5s ease-in-out;
}

.slwdz-butns .butns-bots .items .img {
  position: relative;
}

.slwdz-butns .butns-bots .items .img .i1 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.slwdz-butns .butns-bots .items .span {
  margin-top: 2.125rem;
}

.mbox {
  display: none;
}

.pc768 {
  display: block;
}

.m768 {
  display: none;
}

.pd50 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.tc {
  text-align: center;
}

.w75 {
  max-width: 85%;
}

.tips-fixed .tips-input input::-webkit-input-placeholder {
  color: #333;
}

.tips-fixed .tips-input input:-moz-placeholder {
  color: #333;
}

.tips-fixed .tips-input input::-moz-placeholder {
  color: #333;
}

.tips-fixed .tips-input input:-ms-input-placeholder {
  color: #333;
}

.tips-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, .5);
  display: none;
  z-index: 110;
}

.tips-fixed .tips-input {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  max-width: 500px;

  line-height: 40px;
  background: #ffffff;
  padding: 0 10px;
  /*overflow: hidden;*/
  padding: 1.25rem .75rem;

}

.tips-fixed .tips-input .input-tit {
  text-align: center;
  font-size: 20px;
  color: #222222;
  line-height: 1.2;
  margin-bottom: .5rem;
}

.tips-fixed .tips-input .close {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 10px;
  cursor: pointer;
  right: 10px;
  background: url(../img/cha.png) no-repeat center;
  background-size: 100%;
}

.tips-fixed .tips-input .input {
  position: relative;
  height: 40px;
  overflow: hidden;
  color: #ffffff;
  padding-left: 85px;

}

.tips-fixed .tips-input .input.active {
  padding: 0;
}

.tips-fixed .tips-input .input.active input {
  width: 100%;
}

.tips-fixed .tips-input input[type=text] {
  padding-left: 5px;
  color: #333;
}

.tips-fixed .tips-input span {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  color: #222222;
}

.tips-fixed .tips-input .input:nth-child(n+2) {
  margin-top: 15px;
}

.tips-fixed .tips-input input[type=text] {
  width: 100%;
  height: 100%;
  background: #eeeeee;
}

.tips-fixed .tips-input input[type=button],
.tips-fixed .tips-input input[type=submit] {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100px;
  background: #3d81a8;
  color: #ffffff;
}

/*icon鐎涙ぞ缍?/
@font-face {
  font-family: 'icon/iconfont';
  src: url("icon/iconfont.eot");
  src: url("icon/iconfont.eot?#iefix") format("embedded-opentype"), url("icon/iconfont.woff2") format("woff2"), url("icon/iconfont.woff") format("woff"), url("icon/iconfont.ttf") format("truetype"), url("icon/iconfont.svg#iconfont") format("svg");
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.f-l {
  overflow: hidden;
}

.f-l .f-img {
  width: 220px;
  float: right;
}

.f-l .f-word {
  width: calc(100% - 220px);
  float: left;
  padding-right: 1.1rem;

}

.j-down {
  width: 145px;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  background: #3d81a8;
  display: inline-block;
  vertical-align: middle;
}

.j-down:hover {
  color: #ffffff;
}

.j-down span,
.j-down i {
  display: inline-block;
  vertical-align: middle;
}

.tdetail .i-box {
  font-size: 0;
  padding-bottom: .6rem;
  padding-top: .5rem;

}

.tdetail .i-box .i {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  text-align: center;
  color: #666666;
  width: 260px;
}

.tdetail .txt2 {
  font-size: 18px;
  color: #000000;
  font-weight: bold;
  padding-top: .5rem;
  padding-bottom: .4rem;
  line-height: 1;

}

.j-img img {
  max-width: 70%;

}

.tdetail-tit {
  line-height: 1;
  font-size: 30px;
  font-weight: bold;
  color: #3d81a8;
  padding-left: 55px;
  position: relative;
  margin-bottom: .75rem;
}

.tdetail-tit:after {
  position: absolute;
  width: 45px;
  height: 2px;
  background: #3d81a8;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.tdetail .i-box .i .span {
  margin-top: 15px;
  line-height: 1.2;
}

.tdetail .i-box .i:nth-child(n+2) {
  margin-left: 15px;
}

/*pagination */
.pagination {
  font-size: 0;
  text-align: center;
}

.pagination a {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #666666;
  font-family: Arial;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  text-align: center;
  margin: 0 3px;
  transition: .5s ease-in-out;
}

.pagination a:hover,
.pagination a.active {
  color: #fff;
  background: #3d81a8;
  transition: .5s ease-in-out;
}

.pagination .prev,
.pagination .next {
  position: relative;
  font-family: "iconfont" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pagination .prev:before {
  content: "\e608";
}

.pagination .next:before {
  content: "\e671";
}

.ttop {
  position: fixed;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  background: #333333;
  border-radius: 50%;
  right: 1.25rem;
  bottom: 2.25rem;
  display: none;
  cursor: pointer;
}

.ttop:hover {
  background: #3d81a8;
}

/*閺備即妞堢拠锔藉剰*/
.news-details-bot {
  margin-top: 1.5rem;
}

.news-details-bot a {
  display: block;
  color: #666;
}

.news-details-bot .left-prev a {
  font-size: 15px;
  line-height: 25px;
  transition: .5s ease-in-out;
  height: 25px;
  overflow: hidden;
}

.news-details-bot .left-prev a:hover {
  color: #3d81a8;
  transition: .5s ease-in-out;
}

.news-details-bot .back {
  font-size: 14px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 48px;
  transition: .5s ease-in-out;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #eaeaea;
  position: relative;
  font-family: "iconfont" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #343434;
}

.news-details-bot .back:before {
  content: "\e625";
}

.news-details-bot .back:hover {
  background: #3d81a8;
  color: #fff;
  transition: .5s ease-in-out;
}

.news-details-bot .left-prev {
  width: calc(100% - 230px);
}

.search-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: #f5f5f5;
  display: none;
  z-index: 20;
}

.search-alert {
  position: fixed;
  z-index: 100;
  /*background-color: #222;*/
  background-color: rgba(0, 0, 0, .8);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.search-alert input::-webkit-input-placeholder {
  color: #fff;
}

.search-alert input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
}

.search-alert input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
}

.search-alert input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}

.search-alert .cent-form {
  opacity: 0;
  -webkit-transform: translate(0, 40px);
  -ms-transform: translate(0, 40px);
  transform: translate(0, 40px);
  -webkit-transition: all .5s;
  transition: all .5s;
}

.cgl .close,
.search-alert .close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 38px;
  right: 2.6%;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background: url(../img/i301.png) no-repeat center;
  background-size: 100%;
}

.v-videofixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4);
  padding: 0 !important;
}

.v-videofixed {
  z-index: 110;
}

.drawinginfobox-fixed .close {
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
  background: url(../img/i301.png) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  z-index: 30;

}

.v-videofixed .swiper-container,
.v-videofixed .videobox .items,
.v-videofixed .videobox .box {
  height: 100%;
}

.wel-recommend .img {
  text-align: center;
}

.v-videofixed.wel-recommend .img img {
  max-height: 100%;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;

}

.v-videofixed.wel-recommend .items:hover img {
  transform: none;
}

.v-videofixed .videobox {
  width: 70%;
  /*background:#ffffff;*/
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  /*max-width: 500px;*/
  height: 80%;
}

.v-videofixed .videobox .items {
  position: relative;
}

.v-videofixed .videobox .word {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #666;
  left: 0;
  text-align: center;
  padding: 10px;

}


.search-alert .cent-form:before {
  color: #fff;
  font-size: 30px;
  position: absolute;
  left: 0;
  height: 17px;
  width: 17px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/ico01.png) no-repeat center;
  background-size: 95%;
  /*content: "";*/
}

.search-alert .close:before {
  font-size: 30px;
  top: 0;
  left: 0;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.search-alert .cent-form {
  position: absolute;
  width: 94.8%;
  left: 2.6%;
  top: 50%;
  height: 80px;
  margin-top: -63px;
  border-bottom: 1px solid #515151;
}

.search-alert .cent-form:before {
  color: #fff;
  font-size: 30px;
  position: absolute;
  left: 0;
  height: 50px;
  top: 50%;
  margin-top: -35px;
}

.search-alert .cent-form .tex {
  border: none;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  width: 100%;
  color: #f3b907;
  background: none;
  padding-left: 80px;
  padding-right: 140px;
  text-align: left;
}

.search-alert .cent-form .sub-butn {
  border: none;
  height: 60px;
  font-size: 32px;
  line-height: 60px;
  color: #fff;
  text-align: right;
  background: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 140px;
  text-align: center;
}

.search-alert {
  -webkit-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: -webkit-transform .3s .5s;
  transition: transform .3s .5s;
}

.search-alert.active {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
}

.search-alert.active .cent-form {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all .5s .3s;
  transition: all .5s .3s;
}

.news-detailsbox {
  font-size: 18px;
  line-height: 2;
  padding-top: 2.125rem;
  padding-bottom: 2.5rem;
  text-align: justify;
}

.news-detailsbox .detailsbox-tit {
  text-align: center;
  font-size: 0;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid #e3e3e3;
}

.news-detailsbox .detailsbox-tit .tit {
  width: 690px;
  font-size: .75rem;
  margin: 0 auto;
  line-height: 1.125rem;
  color: #000000;
}

.news-detailsbox .detailsbox-tit .time {
  font-size: 14px;
  line-height: 1;
  position: relative;
  padding-left: 28px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 0.4rem;
}

.news-detailsbox .detailsbox-tit .time:after {
  width: 16px;
  height: 16px;
  content: "";
  background: url(../img/a1.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.news-detailsbox .detailsbox-center {
  padding-top: 1.125rem;
  padding-bottom: 1.625rem;
  border-bottom: 1px solid #e3e3e3;
}

.news-detailsbox .detailsbox-center .span {
  text-align: center;
  font-size: 16px;
  color: #666666;
  text-transform: uppercase;
}

.news-detailsbox .dc-right {
  position: relative;
}

.news-detailsbox .dc-right .rf {
  padding: 1.25rem 0.925rem 1.5rem 1.125rem;
  width: 375px;
  position: absolute;
  right: 0;
  top: 2rem;
  background: #fff;
}

.news-detailsbox .dc-right .itbox {
  padding-top: 0.75rem;
  border-top: 1px solid #ececec;
  margin-top: 0.625rem;
}

.news-detailsbox .dc-right .tit {
  font-size: 24px;
  line-height: 1;
  color: #000000;
}

.news-detailsbox .dc-right .li {
  font-size: 16px;
  color: #666666;
  line-height: 24px;
  transition: .5s ease-in-out;
  padding-left: 30px;
  position: relative;
  display: block;
}

.news-detailsbox .dc-right .li:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background: #cccccc;
  border-radius: 50%;
  left: 0;
  top: 10px;
  transition: .5s ease-in-out;
}

.news-detailsbox .dc-right .li:hover {
  transition: .5s ease-in-out;
}

.news-detailsbox .dc-right .li:hover:before {
  background: #3d81a8;
  transition: .5s ease-in-out;
}

.news-detailsbox .dc-right .li:nth-child(n+2) {
  margin-top: 0.375rem;
}

.news-detailsbox .dc-left {
  width: 950px;
}

.scr-bar {
  overflow-y: auto;
}

.scr-bar::-webkit-scrollbar {
  width: 4px;
}

.scr-bar::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

.scr-bar::-webkit-scrollbar-thumb {
  background-color: #4ebb1a;
}

.scr-bar::-webkit-scrollbar-thumb:window-inactive {
  background-color: #adc067;
}

.scr-bar::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #adc067;
}

input,
select,
textarea {
  border: none;
  outline: none;
  background: none;
}

select {
  -webkit-appearance: none;
  background: url(../img/a5.png) no-repeat 90%;
}

textarea {
  resize: none;
}

.fa {
  background: #fafafa;
}

@media screen and (max-width: 1360px) {
  .join-bot .joinbot-tit.jactive .li:nth-child(n+2) {
    margin-left: 0;
  }

  .join-bot .joinbot-tit.jactive .li {
    margin-right: 5px;
  }

  .join-bot .joinbot-tit.jactive .li:last-child {
    margin-right: 0;
  }

}

@media screen and (max-width: 1024px) {
  .join-bot .joinbot-tit.jactive .li {
    margin-right: 0;
  }

  .join-bot .joinbot-tit.jactive .li:nth-child(n+2) {
    margin-left: 0;
    margin-right: 0;
  }

  .pcbox {
    display: none;
  }

  .mbox {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .pr-listbox.pr-listbox0 .pagination {
    margin-top: .3rem;
  }

  .about-bottit {
    padding: .4rem .2rem .3rem 0;
    font-size: .24rem;
  }

  .itemsi .i {
    font-size: .26rem;
  }

  .proli-listfixed .listbox1 {
    padding: .3rem;
  }

  .drawinginfobox-fixed .close {
    width: 20px;
    height: 20px;
  }

  .j-img img {
    max-width: 100%;
  }

  .con-text span {
    white-space: normal !important;
  }

  .tips-fixed .tips-input {
    width: 90%;
    max-width: 100%;
    line-height: .8rem;
    padding: .45rem;
    border-radius: .1rem;

  }

  .tips-fixed .tips-input .input-tit {
    font-size: .3rem;
  }

  .tips-fixed .tips-input .input {
    height: .8rem;

  }

  .tips-fixed .tips-input .input {
    padding-left: 1.4rem;
  }

  .tips-fixed .tips-input span {
    font-size: .24rem;
    width: 1.4rem;
  }

  .ybot-ul .ul .i {
    font-size: .24rem;
    height: .6rem;
    line-height: .6rem;
    padding: 0 .1rem;
    margin-right: .08rem;
  }

  .s-ybot .ybot-ul .submit {
    position: static;
    transform: translateY(0%);
    margin-bottom: .3rem;
  }

  .ybot-ul .ul {
    padding: .2rem;
  }

  .tips-fixed .tips-input input[type=submit] {
    width: 1.2rem;
    font-size: .24rem;
  }

  .s-ybot .ybot-ul {
    padding-left: 0;
  }

  .tips-fixed {
    font-size: .24rem;
  }

  .s-yleft .items,
  .s-yleft .liitems {
    padding: .25rem .2rem;
  }

  .products-top {
    padding: .2rem .3rem;
    margin-bottom: .5rem;
  }

  .tgxt {
    /*margin-bottom: .5rem;*/
    font-size: .3rem;
  }

  .txgh {
    /*margin-top: .35rem;*/
    /*margin-bottom: .4rem;*/
  }




  .pc768 {
    display: none;
  }

  .f-l .f-word {
    width: 100%;
    padding: 0;
    margin-bottom: .3rem;
  }

  .f-l .f-img {
    width: 100%;

  }

  .w75 {
    max-width: 100%;
  }

  .v-videofixed .videobox {
    width: 90%;
  }

  .v-videofixed .videobox .word {
    font-size: .24rem;
    line-height: 1.3;
  }

  .drawing-list .list {
    padding-bottom: .4rem;
  }

  .m768 {
    display: block;
  }

  .pagination a {
    font-size: .2rem;
    line-height: .6rem;
    height: .6rem;
    width: .6rem;
    margin: 0 .05rem;
  }

  .pd50 {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }

  .search-alert .cent-form .tex {
    font-size: 14px;
    height: .8rem;
    line-height: .8rem;
    padding-left: .6rem;
    padding-right: 1.4rem;
  }

  .search-alert .cent-form {
    height: .9rem;
    margin-top: -.65rem;
  }

  .search-alert .cent-form .sub-butn {
    height: .6rem;
    font-size: .32rem;
    line-height: .6rem;
    width: 1.4rem;
  }
}

@keyframes anim2 {
  from {
    -webkit-clip-path: circle(1% at 50% 50%);
    clip-path: circle(1% at 50% 50%);
  }

  to {
    -webkit-clip-path: circle(100% at 50% 50%);
    clip-path: circle(100% at 50% 50%);
  }
}

@keyframes anim {
  from {
    -webkit-clip-path: circle(100% at 50% 50%);
    clip-path: circle(100% at 50% 50%);
  }

  to {
    -webkit-clip-path: circle(1% at 50% 50%);
    clip-path: circle(1% at 50% 50%);
  }
}

@keyframes acolor {
  0% {
    color: #ccc;
  }

  40% {
    color: #56418f;
  }

  66% {
    color: #ccc;
  }

  100% {
    color: #afd489;
  }
}

.secwen {
  opacity: 0;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  transition: opacity 0.45s linear 0.1s, -webkit-filter 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.45s linear 0.1s, filter 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s, transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.45s linear 0.1s, filter 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s, transform 1s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-filter 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.6s, -webkit-transform 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.secwen.animate {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.animate.add1 {
  transition-delay: .1s;
}

.animate.add2 {
  transition-delay: .2s;
}

.animate.add3 {
  transition-delay: .3s;
}

.animate.add4 {
  transition-delay: .4s;
}

.animate.add5 {
  transition-delay: .5s;
}

.animate.add6 {
  transition-delay: .6s;
}

.animate.add7 {
  transition-delay: .7s;
}

.animate.add8 {
  transition-delay: .8s;
}

.animate.add9 {
  transition-delay: .9s;
}

.animate.add10 {
  transition-delay: 1.0s;
}

.animate.add11 {
  transition-delay: 1.1s;
}

.wel-banner .words br {
  display: none;
}

img {
  max-width: 100%;
}

/*touch-acion:  pan-y ;*/
body {
  font-size: 14px;
  color: #666666;
  line-height: 1.7;
}

.w1400 {
  width: 1400px;
  margin: 0 auto;
}

/*閺備即妞?/
.con-banner .images {
  height: 13.75rem;
}

.newslist-select {
  font-size: 0;
}

.newslist-select .items {
  display: inline-block;
  font-size: 16px;
  color: #b3b2b2;
  width: 300px;
  height: 68px;
  vertical-align: middle;
}

.newslist-select .inputbox {
  border: 1px solid #dcdcdc;
  position: relative;
}

.newslist-select .inputbox input[type=text] {
  width: 100%;
  height: 100%;
  padding-left: 28px;
  padding-right: 40px;
}

.newslist-select .inputbox input[type=submit] {
  width: 20px;
  height: 20px;
  background: url(../img/search.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  right: 22px;
  top: 0;
  bottom: 0;
  margin: auto;
  text-indent: -999px;
  overflow: hidden;
}

.newslist-select .selectbox {
  font-size: 20px;
  color: #fff;
  background: #3d81a8;
}

.newslist-select .selectbox select {
  width: 100%;
  height: 100%;
  padding-left: 30px;
  padding-right: 40px;
  -webkit-background: url(../img/a0.png) no-repeat 90%;
}

.newslist-select .selectbox select option {
  color: #ccc;
}

.w1410 {
  width: 1410px;
  margin: 0 auto;
}

.news-list {
  padding-top: 1.3rem;
  padding-bottom: 1.825rem;
}

.news-list .newslist {
  padding-top: 1.125rem;
  padding-bottom: 1.25rem;
}

.news-list .newslist-top {
  font-size: 0;
  padding: 0 0.25rem;
}

.news-list .newslist-top .items2 .tit {
  height: 72px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.news-list .newslist-top .items1 .tit {
  height: 36px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.news-list .newslist-top .items {
  width: 48%;
  display: block;
  display: inline-block;
  vertical-align: top;
  margin-left: 4%;
  font-size: 12px;
  color: #fff;
  position: relative;
}

.news-list .newslist-top .items:nth-child(2n+1) {
  margin-left: 0;
}

.news-list .newslist-top .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}

.news-list .newslist-top .items img {
  transition: .5s ease-in-out;
}

.news-list .newslist-top .items .words {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 1rem 1.5rem 1.1rem 1rem;
}

.news-list .newslist-top .items .images {
  overflow: hidden;
  position: relative;
}

.news-list .newslist-top .items .images:after {
  position: absolute;
  content: "";
  background: url(../img/newsbg.png) no-repeat bottom;
  background-size: cover;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
}

.news-list .newslist-top .items .tit {
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  word-break: break-all;
}

.news-list .newslist-top .items .time {
  line-height: 1;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 15px;
}

.news-list .newslist-top .items .p {
  line-height: 30px;
  font-size: 18px;
  height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.news-list .newslist-top .items .more {
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #efefef;
  font-size: 14px;
  color: #666666;
  margin-top: 1.2rem;
  transition: .5s ease-in-out;
}

.news-list .newslist-top .items2 {
  background: #fff;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.7);
  border: 1px solid #ebebeb;
}

.news-list .newslist-top .items2 .images {
  opacity: 0;
}

.news-list .newslist-top .items2:hover .more {
  background: #3d81a8;
  color: #fff;
  border-color: #fff;
  transition: .5s ease-in-out;
}

.news-list .newslist-top .items2 .words {
  height: 100%;
}

.news-list .newslist-top .items2 .time {
  margin-top: .5rem;
}

.news-list .newslist-bot {
  font-size: 0;
  margin-top: 1rem;
  position: relative;
  margin-bottom: 1.25rem;
}

.news-list .newslist-bot a {
  margin-bottom: 22px;
  background: #fff;
  border: 1px solid #eeeeee;
  width: 100%;
  display: block;
  padding: 1.25rem 1rem;
  padding-bottom: 1.625rem;
}

.news-list .newslist-bot .words {
  padding-top: .75rem;
}

.news-list .newslist-bot .tit {
  font-size: 20px;
  font-weight: bold;
  color: #776165;
  line-height: 32px;
  height: 64px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.news-list .newslist-bot .p {
  font-size: 15px;
  line-height: 28px;
  color: #666666;
  height: 56px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 0.375rem;
}

.news-list .newslist-bot .time {
  line-height: 1;
  font-size: 13px;
  color: #666666;
  font-family: Arial;
}

.news-list .newslist-bot .images {
  overflow: hidden;
  margin-top: 0.65rem;
}

.news-list .newslist-bot .images img {
  transition: .5s ease-in-out;
}

.news-list .newslist-bot .items {
  display: inline-block;
  font-size: 15px;
  vertical-align: top;
  padding: 0 5px;
  position: relative;
}

.news-list .newslist-bot .items .it:after {
  position: absolute;
  content: "";
  width: 0;
  height: 4px;
  background: #adc067;
  left: 0;
  top: 0;
  transition: .5s ease-in-out;
}

.news-list .newslist-bot .items:hover .it:after {
  width: 100%;
  transition: .5s ease-in-out;
}

.news-list .newslist-bot .items:hover .tit {
  transition: .5s ease-in-out;
  color: #3d81a8;
}

.news-list .newslist-bot .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}

/*閸忓厖绨幋鎴滄粦*/
.about-tit .tit {
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
  background: #3d81a8;
  color: #fff;
  margin: 0 auto;
}

.about-tit .txt {
  font-size: .75rem;
  line-height: 1rem;
  font-weight: bold;
  text-align: center;
  color: #3d81a8;
  /*margin-top: 0.7rem;*/
}

.introduction {
  width: 1085px;
  margin: auto;
  padding-top: 1.675rem;
  padding-bottom: 2.25rem;
  font-size: 16px;
  line-height: 30px;
}

.introduction-words {
  padding-top: 1.125rem;
}

.introduction-words .items:nth-child(n+2) {
  margin-top: 1rem;
}

.introduction-words .items .tit {
  font-size: 20px;
  color: #776165;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 0.25rem;
}

.introduction-words .items .list .ibox {
  margin-top: 5px;
}

.introduction-words .items .list .i {
  position: relative;
  padding-left: 28px;
}

.introduction-words .items .list .i:after {
  position: absolute;
  content: "";
  left: 0;
  top: 10px;
  width: 7px;
  height: 7px;
  background: #adc067;
  border-radius: 50%;
}

.introduction-words .items .itbox {
  font-size: 0;
  margin-top: 20px;
}

.introduction-words .items .itbox .li {
  border: 1px dashed #d9d9d9;
  width: 155px;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
  height: 130px;
  text-align: center;
  padding: 0 .75rem;
  padding-top: 0.625rem;
}

.introduction-words .items .itbox .li .txt {
  font-size: 14px;
  line-height: 20px;
  margin-top: 12px;
}

.introduction-words .items .itbox .li .num {
  font-size: 1rem;
  line-height: 1;
}

.introduction-words .items .itbox .li:nth-child(n+2) {
  margin-left: .75rem;
}

/*娴间椒绗熺挧鍕窛*/
.qualification {
  background: #ededed;
  padding: 2rem 0;
}

.qualification .list {
  overflow-y: auto;
  height: 720px;
  width: 1005px;
  margin: 0 auto;
  margin-top: 1.125rem;
}

.qualification .list .items {
  border-top: 1px solid #d5d5d5;
  padding-top: 1rem;
  padding-bottom: 0.875rem;
}

.qualification .list .items .item-left {
  width: 355px;
  font-size: 30px;
  color: #776165;
  line-height: 1;
  font-weight: bold;
  font-family: "FuturaBT Heavy";
}

.qualification .list .items .item-left span {
  font-size: 18px;
  font-family: "PingFang SC";
  display: inline-block;
  vertical-align: middle;
}

.qualification .list .items .item-right {
  width: calc(100% - 355px);
}

.qualification .list .items .item-right .w {
  line-height: 32px;
  color: #333333;
  font-size: 18px;
}

.qualification .list .items .item-right .more {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 14px;
  color: #3d81a8;
  line-height: 1.2;
  margin-top: 0.625rem;
}

.qualification .list .items .item-right .more:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #3d81a8;
  left: 0;
  bottom: 0;
}

.qualification .list::-webkit-scrollbar {
  width: 4px;
}

.qualification .list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

.qualification .list::-webkit-scrollbar-thumb {
  background-color: #adc067;
}

.qualification .list::-webkit-scrollbar-thumb:window-inactive {
  background-color: #adc067;
}

.qualification .list::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #adc067;
}

/*閸欐垵鐫嶉崢鍡欌柤*/
.history-list {
  width: 1000px;
  margin: 0 auto;
  margin-top: 1.125rem;
  position: relative;
  padding-top: 1.25rem;
}

.history-list .list {
  padding-bottom: 2.175rem;
}

.history-list .wen {
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  padding-top: 1.375rem;
  padding-bottom: .5rem;
}

.history-list .wen .time {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2;
  color: #776165;
}

.history-list .wen .line {
  background: #776165;
  width: 20px;
  height: 2px;
  margin-top: 0.625rem;
  margin-bottom: .5rem;
}

.history-list .i {
  overflow: hidden;
}

.history-list .spanmore {
  margin: 0 auto;
  font-size: 14px;
  margin: 0 auto;
  width: 175px;
  height: 50px;
  line-height: 50px;
  background: #3d81a8;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 3;
  cursor: pointer;
}

.history-list:before {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #d3d3d3;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  z-index: 1;
}

.history-list:after {
  content: "";
  width: 1px;
  height: 100%;
  background: #dfdfdf;
  left: 0;
  right: 0;
  background: #dfdfdf;
  position: absolute;
  margin: auto;
  top: 0;
  z-index: 0;
}

.history-list .img,
.history-list .wen {
  width: 50%;
  zoom: 1;
}

.history-list .img:before,
.history-list .wen:before {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: ".";
}

.history-list .img {
  padding-bottom: 1.075rem;
  position: relative;
}

.history-list .img span {
  display: block;
  width: 1px;
  height: 1.075rem;
  position: absolute;
  background: #e6e6e6;
}

.history-list .img span:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background: #3d81a8;
  border-radius: 50%;
  bottom: -2px;
  left: -2px;
  z-index: 2;
}

.history-list .img.fl:after {
  right: 0;
  bottom: 0;
}

.history-list .img.fl span {
  right: 60%;
  bottom: 0;
}

.history-list .img.fr:after {
  left: 0;
  bottom: 0;
}

.history-list .img.fr span {
  left: 60%;
  bottom: 0;
}

.history-list .img:after {
  content: "";
  width: 60%;
  height: 1px;
  background: #e6e6e6;
  position: absolute;
}

.history-list .fl .i {
  float: left;
}

.history-list .fl .w {
  float: left;
}

.history-list .fr .i {
  float: right;
}

.history-list .fr .w {
  float: right;
}

.history-list .i {
  width: 400px;
}

.history-list .w {
  width: 420px;
}

.history {
  padding-top: 2.05rem;
  padding-bottom: 1.8rem;
}

/*娴间椒绗熼弬鍥у*/
.culture-top .items {
  width: 49%;
  margin-left: 2%;
  float: left;
  background: #adc067;
}

.culture-top .items .left,
.culture-top .items .right {
  height: 305px;
}

.culture-top .items .left {
  width: 230px;
  position: relative;
}

.culture-top .items .left img {
  width: 122px;
  height: 122px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  background: #afd489;
}

.culture-top .items .right {
  width: calc(100% - 230px);
  background: #fff;
  border-bottom: 4px solid #afd489;
  font-size: 16px;
  color: #666666;
  padding: 1rem 1.75rem 1.5rem 1.25rem;
  overflow-y: auto;
}

.culture-top .items .right .tit {
  line-height: 1.2;
  font-size: 24px;
  color: #776165;
}

.news-list .newslist-top .items2 .tit,
.culture-bot .items .tit span {
  color: #776165;
}

.culture-top .items .right .p {
  line-height: 30px;
  margin-top: 0.625rem;
}

.culture-top .items:nth-child(2n+1) {
  margin-left: 0;
}

.culture-bot {
  margin-top: 1rem;
}

.culture-bot .items {
  float: left;
  border: 1px solid #d2d2d2;
  width: 24%;
  margin-left: 1.3333333333%;
  height: 450px;
  overflow-y: auto;
  padding: 1.125rem 1rem;
}

.culture-bot .items .p {
  font-size: 16px;
  color: #666;
  line-height: 30px;
}

.culture-bot .items .tit {
  font-size: 24px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #333333;
  margin-bottom: 0.375rem;
  line-height: 1;
}

.culture-bot .items .tit span {
  position: relative;
  z-index: 2;
}

.culture-bot .items .tit:after {
  content: "";
  position: absolute;
  height: 4px;
  width: 100%;
  background: #adc067;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.culture-bot .items:nth-child(4n+1) {
  margin-left: 0;
}

.culture {
  background: #ededed;
  padding-top: 1.5rem;
  padding-bottom: 1.875rem;
}

.culture .about-tit .p {
  font-size: 16px;
  line-height: 30px;
  width: 1000px;
  text-align: center;
  margin: 0 auto;
  margin-top: .75rem;
  margin-bottom: 1.625rem;
}

/*閸忓厖绨幋鎴滄粦*/
/**/
.tit-p {
  font-size: 16px;
  color: #666666;
  line-height: 30px;
}

.serves-01 {
  padding-top: 1.875rem;
  padding-bottom: 2.25rem;
}

.serves-01 .tit-p {
  text-align: center;
  margin-top: 0.625rem;
}

.serves-01 .pw {
  font-size: 14px;
  color: #999999;
  padding-left: calc(105px + .1rem);
}

.serves-01 .in-bot {
  text-align: center;
  font-size: 0;
  margin-top: 2rem;
}

.serves-01 .in-bot input {
  display: inline-block;
  width: 175px;
  height: 50px;
  border: 1px solid #d5d5d5;
  color: #333333;
  transition: .5s ease-in-out;
  font-size: 14px;
  margin: 0 7px;
}

.serves-01 .in-bot input:hover {
  color: #fff;
  border-color: #3d81a8;
  background: #3d81a8;
  transition: .5s ease-in-out;
}

.serves-01 .inputbox {
  margin-top: 1.625rem;
  font-size: 16px;
  color: #666666;
}

.serves-01 .inputbox span {
  color: #3d81a8;
}

.serves-01 .inputbox .span {
  width: 105px;
  float: left;
  text-align: right;
  padding-right: .1rem;
}

.serves-01 .inputbox .it {
  float: left;
}

.serves-01 .inputbox .it2 {
  margin-left: .7rem;
}

.serves-01 .inputbox .it2 .span {
  width: auto;
}

.serves-01 .inputbox .it2 .input {
  width: auto;
  padding-left: 10px;
}

.serves-01 .inputbox .input {
  width: calc(100% - 105px);
  float: right;
  height: 60px;
}

.serves-01 .inputbox .input.tv {
  height: auto;
}

.serves-01 .inputbox .items {
  width: 50%;
  line-height: 60px;
  float: left;
  overflow: hidden;
  margin-bottom: 20px;
}

.serves-01 .inputbox .items input,
.serves-01 .inputbox .items select,
.serves-01 .inputbox .items textarea {
  height: 60px;
  border: 1px solid #d5d5d5;
  padding-left: .5rem;
}

.serves-01 .inputbox .items .selects,
.serves-01 .inputbox .items input {
  width: 450px;
}

.serves-01 .inputbox .items select {
  width: 180px;
}

.serves-01 .inputbox .items textarea {
  border: 1px solid #d5d5d5;
  width: 450px;
  height: 195px;
  display: inline-block;
  vertical-align: top;
}

.serves-02 {
  padding-top: 1rem;
  padding-bottom: 2.625rem;
  background: #ededed;
}

.serves-02 .serves2-list {
  margin-top: .8rem;
  height: 805px;
  overflow: hidden;
  overflow-y: auto;
}

.serves-02 table {
  table-layout: fixed;
  width: 100%;
  font-size: 16px;
  font-weight: normal;
  color: #666666;
}

.serves-02 table th {
  height: 60px;
  padding: 2px;
  line-height: 24px;
}

.serves-02 table th:nth-child(1) {
  width: 180px;
  /*background:#fff;*/
}

.serves-02 table th:nth-child(1)[rowspan] {
  /*background:#fff;*/

}

.serves-02 table th {
  font-weight: normal;
  word-break: break-all;
}

.serves-02 table th:nth-child(n+2) {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.serves-02 table th:last-child {
  width: 25%;
}

.serves-02 table thead th {
  color: #fff;
  font-size: 18px;
  background: #888;
}

.serves-02 table tbody tr:nth-child(2n+1) {
  background: #fff;
}

.serves-02 table tbody tr:nth-child(2n+2) {
  background: #ededed;
}

.serves-02 table tbody th {
  border: 1px solid #d9d9d9;
}

.tmore {
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  margin: 0 auto;
  font-size: 1.125rem;
  color: #3d81a8;
  cursor: pointer;
  display: none;
  animation: acolor 1s infinite linear .3s;
}

.serves-03 {
  padding-top: 2.25rem;
  padding-bottom: 1.75rem;
}

.serves03 .list {
  font-size: 0;
  padding-bottom: 0.875rem;
  margin-top: 0.9rem;
}

.serves03 .list .items-top {
  line-height: 55px;
  height: 55px;
  color: #fff;
  font-size: 20px;
  padding: 0 10px;
  text-align: center;
}

.serves03 .list .items-bot {
  padding: 0.875rem 1.5rem 1rem 0.875rem;
}

.serves03 .list .items-bot .t {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  line-height: 1.2;
  padding-bottom: .5rem;
  border-bottom: 1px solid #eaeaea;
}

.serves03 .list .items-bot .p {
  padding-top: .5rem;
}

.serves03 .list .items-bot .p .i {
  line-height: 20px;
  position: relative;
  padding-left: 40px;
}

.serves03 .list .items-bot .p .i:nth-child(n+2) {
  margin-top: .5rem;
}

.serves03 .list .items-bot .p .i img {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
}

.serves03 .items {
  width: 49%;
  display: inline-block;
  font-size: 16px;
  color: #666666;
  margin-left: 2%;
  background: #fff;
  margin-bottom: 0.875rem;
  vertical-align: top;
}

.serves03 .items:nth-child(2n+1) {
  margin-left: 0;
}

.serves03 .tit {
  font-size: 0;
}

.serves03 .tit .span {
  width: 180px;
  height: 62px;
  line-height: 62px;
  background: #3d81a8;
  color: #fff;
  text-align: center;
  font-size: 0;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

.serves03 .tit .span span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}

.serves03 .tit .span i {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url(../img/a4.png) no-repeat center;
  background-size: 100%;
  margin-right: 8px;
}

.serves03 .tit .select {
  width: 258px;
  height: 62px;
  border: 1px solid #d9d9d9;
  margin-left: 7px;
  display: inline-block;
  vertical-align: middle;
}

.serves03 .tit .select select {
  width: 100%;
  height: 100%;
  color: #333333;
  font-size: 16px;
  padding-left: 25px;
}

/*鐠愩劑鍣?/
.quality-box {
  padding-top: .8rem;
  padding-bottom: 2.625rem;
}

.quality-box .quality-fl {
  width: 350px;
}

.quality-box .gc {
  display: inline-block;
  vertical-align: middle;
}

.quality-box .quality-fl.gj {
  display: inline-block;
  vertical-align: middle;
  width: auto;

}

.quality-box .quality-fl .input {
  position: relative;
  width: 280px;
  height: 60px;
  background: #fff;
  font-size: 16px;
  color: #999999;
  margin: 0 auto;
  margin-bottom: 10px;
}

.quality-box .quality-fl .input input {
  height: 100%;
}

.quality-box .quality-fl .input input[type=text] {
  width: 100%;
  height: 100%;
  padding-left: 18px;
  padding-right: 35px;
}

.quality-box .quality-fl .input input[type=submit] {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  background: url(../img/i4.png) no-repeat center;
  background-size: 100%;
  text-indent: -999px;
}

.quality-box .quality-fl .items {
  color: #666;
  display: block;
  line-height: 52px;
  height: 52px;
  transition: .5s ease-in-out;
}

.quality-box .quality-fl .items:hover,
.quality-box .quality-fl .items.active {
  background: #3d81a8;
  transition: .5s ease-in-out;
  color: #fff;
}

.quality-box .quality-fl .fl-list {
  background: #f2f2f2;
  padding: .6rem 0;
  border: 1px solid #e6e6e6;
}

.quality-box .quality-fl .fl-list .items {
  padding: 0 0.85rem;
}

.quality-box .quality-fl .fl-list .items a {
  color: #333;
}

.quality-box .quality-fl .items:hover a,
.quality-box .quality-fl .items.active a {
  color: #ffffff;
}

.quality-box .quality-fl .fl-list span {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
}

.quality-box .quality-fr {
  width: calc(100% - 460px);
}

.quality-box .quality-fr .quality-con {
  width: 1148px;
  max-width: 90%;
}

.quality-tit {
  font-size: .75rem;
  line-height: 1.2;
  color: #333333;
  font-weight: bold;
}

.quality-01 .tit-smil {
  font-size: 0.6rem;
  color: #776165;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: .5rem;
  margin-top: 20px;
}

.quality-01 .tit-smil:nth-child(1) {
  margin-top: 0;
}

.quality-01 .itemsbox {
  margin-top: .75rem;
}

.quality-01 .li {
  display: block;
  height: 1.95rem;
  line-height: 1.95rem;
  color: #333333;
  font-size: 0.45rem;
  background: #fff;
  width: 48%;
  margin-left: 4%;
  margin-bottom: 10px;
  float: left;
  border: 1px solid #ebebeb;
  padding-left: 25px;
  padding-right: 75px;
  word-break: break-all;
  position: relative;
  transition: .5s ease-in-out;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.quality-01 .li:hover {
  background: #3d81a8;
  color: #fff;
  transition: .5s ease-in-out;
}

.quality-01 .li:hover:after {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: transparent;
  transition: .5s ease-in-out;
}

.quality-01 .li:after {
  content: "\e62e";
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: .75rem;
  text-align: center;
  background: #fafafa;
  position: absolute;
  right: 0.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  transition: .5s ease-in-out;
}

.quality-01 .li:nth-child(2n+1) {
  margin-left: 0;
}

.drawing .selectbox {
  font-size: 16px;
  color: #333333;
  padding-top: .75rem;
}

.drawing .selectbox .tit {
  line-height: 1.1;
  margin-bottom: 15px;
}

.drawing .selectbox select {
  width: 560px;
  padding-left: 25px;
  background-color: #fcfcfc;
  height: 60px;
  border: 1px solid #e6e6e6;
  background-position: 95%;
}

.drawing-list {
  /*padding-top: 1rem;*/
}

.drawing-list .list {
  font-size: 0;
  padding-bottom: 1.125rem;
}

.drawing-list .items .img {
  height: 5rem;
  line-height: 5rem;
  text-align: center;

}

.drawing-list .items .img img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
}

.drawing-list .items {
  display: inline-block;
  font-size: 16px;
  color: #333333;
  background: #ffffff;
  border: 1px solid #ebebeb;
  margin-bottom: 14px;
  vertical-align: top;
  width: 24%;
  margin-left: 1.3333333333%;
  padding: 0.6rem;
  text-align: center;
}

.drawing-list .items .words {
  word-break: break-all;
  font-size: 16px;
  line-height: 24px;
  min-height: 48px;
  margin-top: 0.375rem;
}

.drawing-list .items:nth-child(4n+1) {
  margin-left: 0;
}

/*鐠愩劑鍣?/
.con-text,
.text-con {
  color: #333333;
  font-size: 16px;
}

.application-bot .tit {
  color: #666;
}

.greempro .quality-tit {
  margin-bottom: .75rem;
}

.greempro .text-con {
  width: 850px;
  margin-bottom: .75rem;
}

.greempro .table th {
  border: 1px solid #e6e6e6;
}

.greempro .table th:nth-child(1) {
  width: 260px;
}

.greempro .table thead {
  height: 70px;
  line-height: 70px;
  font-size: 18px;
  color: #fff;
  background: #adc067;
}

.greempro .table tbody tr:nth-child(2n+1) {
  background: #ffffff;
}

.greempro .table tbody tr:nth-child(2n+2) {
  background: #fafafa;
}

.greempro .table tbody th {
  height: 70px;
  padding: .25rem 1.125rem;
  font-size: 16px;
  font-weight: normal;
  text-align: inherit;
}

.target-list {
  font-size: 0;
}

.target-list .items {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #666666;
  background: #fcfcfc;
  border: 1px solid #e6e6e6;
  width: 24%;
  margin-left: 1.3333333333%;
  height: 160px;
  margin-bottom: 0.6rem;
  text-align: center;
  padding: .5rem;
  padding-top: 1rem;
}

.target-list .items .t {
  line-height: 25px;
}

.target-list .items:nth-child(4n+1) {
  margin-left: 0;
}

.target-list .items .span {
  line-height: 1.1;
  color: #3d81a8;
  font-size: 18px;
  font-family: Arial;
  margin-bottom: 0.25rem;
}

.target-list .items .span span {
  font-size: 1.1rem;
}

.safety.quality-01 .tit-smil {
  margin-bottom: 0.325rem;
}

.safety .img {
  width: 45px;
  height: 45px;
  margin-bottom: .5rem;
}

.safety.quality-01 .itemsbox {
  margin-top: 1.25rem;
}

.control .itembox {
  font-size: 0;
}

.control .itembox .items {
  font-size: 16px;
  /*font-size: .4rem;*/
  display: inline-block;
  vertical-align: top;
  width: 15%;
  margin-left: 2%;
  /*border: 1px solid #e6e6e6;*/
  text-align: center;
  height: 150px;
  padding-top: 0.625rem;
  position: relative;
}

.control .itembox .items:after {
  position: absolute;
  content: "";
  /*width: .6rem;*/
  /*height: .5rem;*/
  width: 1.8rem;
  height: 1.2rem;
  background: url(../img/jt.png) no-repeat center;
  background-size: 100%;
  top: 35px;
  left: -36px;
}

.control .itembox .items:nth-child(1):after {
  display: none;
}

.control .itembox .items:after {
  position: absolute;
}

.control .itembox .items:nth-child(6n+1) {
  margin-left: 0;
}

.control .itembox .items .span {
  line-height: 1.2;
  margin-top: 0.375rem;
}

.control .itembox .items .i {
  /*width: 1.625rem;*/
  /*height: 1.625rem;*/
  width: 65px;
  height: 65px;
  margin: 0 auto;
  border-radius: 50%;
  background: #adc067;
}

.control .quality-tit {
  margin-bottom: .75rem;
}

.control.quality-01 .itemsbox {
  margin-top: 1.125rem;
}

.control .btwen {
  font-size: 14px;
  color: #999999;
  line-height: 1.5;
  margin-top: 1.125rem;
}

.control .text {
  line-height: 2;
  margin-top: 1rem;
}

.management {
  color: #666666;
}

.management .quality-tit {
  margin-bottom: .75rem;
}

.management .tit {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  margin-bottom: .5rem;
}

.initiatives .words {
  line-height: 40px;
}

.initiatives-list {
  font-size: 0;
  margin-top: 0.875rem;
}

.initiatives-list .items {
  font-size: 16px;
  width: 48.5%;
  margin-left: 3%;
  display: inline-block;
  text-align: center;
  border: 1px solid #e6e6e6;
  vertical-align: top;
  margin-bottom: .75rem;
  padding: 0.625rem 1rem 0.875rem 1rem;
  min-height: 236px;
}

.initiatives-list .items:nth-child(2n+1) {
  margin-left: 0;
}

.initiatives-list .items .img {
  width: 1.45rem;
  height: 1.45rem;
  background: #adc067;
  border-radius: 50%;
  margin: 0 auto;
}

.initiatives-list .items .t {
  color: #333333;
  font-weight: bold;
  line-height: 1.2;
  font-size: 20px;
  margin-top: .5rem;
}

.initiatives-list .items .p {
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: .5rem;
}

/*header*/
.bocweb-header {
  line-height: 100px;
  position: relative;
  height: 100px;
  width: 100%;
}

.bocweb-header:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 4px;
  background: #dcdcdc;
  left: 0;
  top: 0;
}

.bocweb-header .header {
  position: relative;
}

.bocweb-header .header .bocweb-logo {
  width: 260px;
  position: absolute;
  left: 0;
  top: 0;
}

.bocweb-header .header .s-box {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0;
}

.bocweb-header .header .s-box .li {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  line-height: 1;
}

.bocweb-header .header .s-box .li:nth-child(n+2) {
  margin-left: 0.9rem;
}

.bocweb-header .header .s-box .li a {
  background: transparent;
  padding: 0;
  margin: 0;
}

.bocweb-header .header .s-box .span {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  transition: .5s ease-in-out;
}

.bocweb-header .header .s-box .span:hover {
  transition: .5s ease-in-out;
}

.bocweb-header .header .s-box .sousuo {
  background: url(../img/i24.png) no-repeat center;
  background-size: 100%;
  cursor: pointer;
}

.bocweb-header .header .s-box .sousuo:hover {
  background: url(../img/i26.png) no-repeat center;
  background-size: 100%;
}

.bocweb-header .header .s-box a.fx.span {
  background: url(../img/i25.png) no-repeat center;
  background-size: 100%;
}

.bocweb-header .header .s-box a.fx.span:hover {
  background: url(../img/i27.png) no-repeat center;
  background-size: 100%;
}

.bocweb-header .header .s-box .iconfont {
  font-size: 22px;
  color: #ffffff;
}

.bocweb-header .header .s-box .btn {
  width: 75px;
  height: 20px;
  background: url(../img/btn.png) no-repeat center;
  background-size: 100%;
  cursor: pointer;
}

.bocweb-header .bocweb-nav {
  font-size: 0;
  text-align: center;
}

.bocweb-header .nav-li {
  display: inline-block;
  font-size: 18px;
  /*font-weight: bold;*/
  color: #222222;
  vertical-align: middle;
}

.bocweb-header .nav-li.k {
  position: relative;
}

.bocweb-header .nav-li.k .nav-bot {
  position: absolute;
  z-index: 10;
  width: 200px;
  padding: 20px 10px;
  background: #eee;
  text-align: left;
  left: 0;
}

.bocweb-header .nav-li.k .nav-bot a {
  display: block;
  color: #666;
  font-size: 14px;
  /*background: #ffffff;*/
  line-height: 1.5;
  padding: 10px 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition: .5s ease-in-out;
}

.bocweb-header .nav-li.k .nav-bot a.active,
.bocweb-header .nav-li.k .nav-bot a:hover {
  background: #3d81a8;
  color: #fff;
  transition: .5s ease-in-out;
}

.bocweb-header .nav-li .nav-top {
  padding: 0 1rem;
  box-sizing: border-box;
  position: relative;
  display: block;
}

.bocweb-header .nav-li .nav-top.active:after,
.bocweb-header .nav-li .nav-top:hover:after {
  width: 100%;
  transition: .5s ease-in-out;
  opacity: 1;
}

.bocweb-header .nav-li .nav-top:after {
  position: absolute;
  content: "";
  width: 0;
  height: 4px;
  background: #ab377a;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  transition: .5s ease-in-out;
}

.bocweb-header .nav-li .nav-top {
  color: #222222;
  transition: .5s ease-in-out;
}

.bocweb-header .nav-li .nav-top:hover,
.bocweb-header .nav-li .nav-top.active {
  transition: .5s ease-in-out;
  color: #ab377a;
}

.bocweb-header .nav-li .nav-bot {
  display: none;
}

/*header*/
/*footer*/
.bocweb-footer {
  background: #494949;
  font-size: 14px;
  overflow: hidden;
}

.bocweb-footer .bocweb-footer-top {
  padding-top: 1.75rem;
  padding-bottom: 1.325rem;
}

.bocweb-footer .bocweb-footer-bot {
  background: #333333;
  line-height: 110px;
  height: 110px;
}

.bocweb-footer .bocweb-footer-bot a {
  font-size: 14px;
  color: #808083;
  transition: .5s ease-in-out;
  display: inline-block;
}

.bocweb-footer .bocweb-footer-bot a:nth-child(n+2) {
  margin-left: 0.9rem;
}

.bocweb-footer .bocweb-footer-bot a:hover {
  transition: .5s ease-in-out;
  color: #fff;
}

.bocweb-footer .cont-fr {
  width: calc(100% - 1010px);
  position: relative;
  min-height: 270px;
  padding-left: 2.375rem;
  font-size: 14px;
  color: #fafafa;
  line-height: 1.1;
}

.bocweb-footer .cont-fr .t-02 {
  font-size: 14px;
  color: #c2c2c2;
  /*font-family: Arial;*/
  margin-top: 13px;
}

.bocweb-footer .cont-fr .bdshare {
  margin-top: 0.875rem;
  font-size: 0;
}

.bocweb-footer .cont-fr .bdshare a {
  padding: 0;
  margin: 0;
  font-size: 14px;
  display: inline-block;
  width: 1.5rem;
  text-align: center;
  line-height: 1.5rem;
  height: 1.5rem;
  background: #5e5e5e;
  margin-right: 10px;
  color: #ffffff;
  font-size: .75rem;
}

.bocweb-footer .cont-fr .t-ul:nth-child(n+2) {
  margin-top: 0.625rem;
}

.bocweb-footer .cont-fr:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 1px;
  height: 270px;
  background: rgba(255, 255, 255, 0.25);
}

.bocweb-footer .itembox {
  font-size: 0;
}

.bocweb-footer .itembox .items {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  padding-right: 1%;
}

.bocweb-footer .itembox .li {
  line-height: 30px;
}

.bocweb-footer .itembox .ul-top {
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: .5rem;
}

.bocweb-footer .itembox a {
  color: #b8b8b8;
  display: block;
}

.bocweb-footer .itembox a:hover {
  color: #ffffff;
}

.bocweb-footer .itembox .ul2 {
  margin-top: 1.25rem;
}

.bocweb-footer .itembox .items1 {
  width: 230px;
}

.bocweb-footer .itembox .items2 {
  width: 145px;
}

.bocweb-footer .itembox .items3 {
  width: 140px;
}

.bocweb-footer .itembox .items4 {
  width: 145px;
}

.bocweb-footer .itembox .items5 {
  width: 190px;
}

.bocweb-footer .itembox .items6 {
  width: 155px;
}

.about-contact {
  text-align: center;
}

.about-contact .about-contact-tit,
.about-contact .about-contact-txt {
  font-size: 0;
}

.about-contact .items {
  display: inline-block;
  font-size: 16px;
  color: #333;
  vertical-align: top;
}

.about-contact .about-contact-tit {
  border-bottom: 1px solid #e4e4e4;
  line-height: 72px;
  background: #ffffff;
}

.about-contact .about-contact-tit .items {
  color: #333333;
  width: 200px;
  text-align: center;
  border-right: 1px solid #e9e9e8;
  transition: .5s ease-in-out;
}

.about-contact .about-contact-tit .items:hover,
.about-contact .about-contact-tit .items.active {
  color: #fff;
  background: #3d81a8;
  transition: .5s ease-in-out;
}

.about-contact .about-contact-tit .items:hover:after,
.about-contact .about-contact-tit .items.active:after {
  opacity: 0;
}

.about-contact .about-contact-tit .items:nth-child(1) {
  border-left: 1px solid #e9e9e8;
}

.about-contact .about-contact-txt {
  line-height: 60px;
  border-bottom: 1px solid #e4e4e4;
  background: rgba(255, 255, 255, .5);
}

.about-contact .about-contact-txt .items {
  padding: 0 1.125rem;
  position: relative;
}

.about-contact .about-contact-txt .items:after {
  width: 1px;
  height: 17px;
  background: #d2d2d2;
  content: "";
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.about-contact .about-contact-txt .items:nth-child(n+2):after {
  opacity: 1;
}

.about-contact .about-contact-txt .items:hover span:after,
.about-contact .about-contact-txt .items.active span:after {
  opacity: 1;
  transition: .5s ease-in-out;
}

.about-contact .about-contact-txt .items span {
  display: block;
  position: relative;
}

.about-contact .about-contact-txt .items span:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  background: #3d81a8;
  left: 0;
  bottom: -1px;
  opacity: 0;
  transition: .5s ease-in-out;
}

.environment img {
  width: 100%;
}

.environment-bot {
  font-size: 0;
}

.environment-bot .items {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - (75rem/40))/4);
  margin-left: 0.625rem;
  font-size: 0.4rem;
  color: #000000;
}

.environment-bot .items:nth-child(4n+1) {
  margin-left: 0;
}

.environment-bot .items .span {
  font-size: 0.4rem;
  line-height: 1.25rem;
  height: 1.25rem;
  text-align: center;
}

.environment-top .left {
  width: 23.5%;
  /*width: calc((100% - (75rem/40))/4);*/
}

.environment-top .span {
  font-size: 0.4rem;
  line-height: 1.25rem;
  height: 1.25rem;
  color: #000000;
  text-align: center;
}

.environment-top .right {
  /*width: calc((100% - (25rem/40))/ 4 * 3);*/
  width: 74.5%;
  font-size: 0;
}

.environment-top .right .img {
  overflow: hidden;
}

.environment-top .right .items {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - (50rem/40))/3);
  margin-left: 0.625rem;
}

.environment-top .right .items:nth-child(3n+1) {
  margin-left: 0;
}

.inside-box {
  padding-top: 66px;
  padding-bottom: 2.125rem;
}

.inside-box .bocweb-footer .cont-fr .bdshare a {
  color: #8fe352;
}

.inside-box .tmore {
  margin-top: 0.375rem;
}

.life .life-list {
  font-size: 0;
}

.life .life-list .items {
  display: inline-block;
  vertical-align: top;
  width: 31%;
  margin-left: 3.5%;
  font-size: 16px;
}

.life .life-list .items .img {
  overflow: hidden;
}

.life .life-list .items .img img {
  transition: .5s ease-in-out;
}

.life .life-list .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}

.life .life-list .items:nth-child(3n+1) {
  margin-left: 0;
}

.life .life-list .items .words {
  padding-top: 0.625rem;
  padding-bottom: 1.375rem;
}

.life .life-list .items .tit {
  font-size: 24px;
  line-height: 34px;
  height: 34px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #776165;
}

.life .life-list .items .txt {
  font-size: 16px;
  line-height: 30px;
  height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #666666;
  margin-bottom: .75rem;
  margin-top: 0.375rem;
}

.life .life-list .items .time {
  line-height: 1;
  font-size: 14px;
  color: #999999;
}

.development-list {
  position: relative;
  min-height: 8.5rem;
  padding-bottom: 0.5rem;
}

.development-list .img {
  overflow: hidden;
  width: 500px;
}

.development-list .img img {
  transition: .5s ease-in-out;
}

.development-list .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}

.development-list .itemsb {
  position: relative;
  display: block;
}

.development-list .words {
  width: 845px;
  padding-right: 0.75rem;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
}

.development-list .words .tit {
  font-size: 24px;
  line-height: 34px;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 34px;
  color: #776165;
}

.development-list .words .tbox {
  padding-top: 0.375rem;
  padding-bottom: 0.575rem;
}

.development-list .words .p {
  line-height: 30px;
  height: 120px;
  font-size: 16px;
  color: #666666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-bottom: 2%;
}

.development-list .words .p * {
  display: block;
}

.development-list .words .txt {
  font-size: 18px;
  color: #000000;
  line-height: 24px;
  height: 24px;
  /*padding-left: 45px;*/
  padding-left: 0 !important;
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 0.425rem;
}

.development-list .words .txt:after {
  width: 35px;
  height: 2px;
  position: absolute;
  content: "";
  background: #000000;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: none;
}

.development-list .items {
  padding: 1.25rem 0;
}

.development-list .items:nth-child(n+2) {
  border-top: 1px solid #e1e1e1;
}

.development-list .items:nth-child(1) {
  padding-top: 0;
}

.welfare-top {
  text-align: center;
}

.welfare-top .tit {
  font-size: .75rem;
  line-height: 1.2;
  font-weight: bold;
  color: #3d81a8;
}

.welfare-top .txt {
  line-height: 30px;
  color: #666666;
  margin-top: 0.625rem;
}

.welfare-list {
  padding-top: 1.125rem;
  font-size: 0;
}

.welfare-list .items {
  display: inline-block;
  border: 1px solid #d9d9d9;
  width: calc((100% - 17px)/2);
  margin-left: 17px;
  padding-top: 1.25rem;
  padding-bottom: 0.875rem;
  text-align: center;
  vertical-align: top;
  margin-top: 17px;
}

.welfare-list .items .text-con {
  width: 75%;
  margin: 0 auto;
  padding-top: 0.625rem;
}

.welfare-list .items .img {
  width: 3.75rem;
  height: 3.75rem;
  margin: 0 auto;
}

.welfare-list .items .txt {
  line-height: 30px;
  height: 90px;
  color: #666;
}

.welfare-list .items .tit {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: .5rem;
  color: #776165;
}

.welfare-list .items:nth-child(2n+1) {
  margin-left: 0;
}

.join-top {
  font-size: 0;
}

.video-fixed .videoboxs .box iframe {
  width: 100%;
  height: 100%;

}

.join-top .items {
  display: inline-block;
  width: calc((100% - 1rem)/2);
  margin-left: 1rem;
  position: relative;
  vertical-align: top;
  cursor: pointer;
}

.join-top .items .img {
  overflow: hidden;
}

.join-top .items.video {
  position: relative;

}

.join-top .items.video .iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;

}

.join-top .items.video .iframe iframe {
  width: 100%;
  height: 100%;
  display: none;
}

.join-top .items img {
  transition: .5s ease-in-out;
}

.join-top .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}

.join-top .items img {
  width: 100%;
}

.join-top .items.video .span {
  padding-left: 0;
}

.join-top .items.video .tv {
  padding-left: 110px;
  position: relative;
  line-height: 45px;
}

.join-top .items.video .tv:after {
  position: absolute;
  content: "";
  width: 45px;
  height: 45px;
  left: 1.25rem;
  top: 0;
  bottom: 0;
  background: url(../img/i33.png) no-repeat center;
  background-size: 100%;
  margin: auto;
}

.join-top .items .span {
  font-size: 18px;
  color: #ffffff;
  position: absolute;
  bottom: 0;
  width: 100%;
  bottom: 0;
  padding: 0.75rem 1.25rem;
}

.join-top .items .span span {
  font-size: 24px;
  font-family: Tahoma;
}

.join-top .items .img {
  position: relative;
}

.join-top .items .img:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/i32.png) no-repeat bottom;
  background-size: cover;
}

.join-top .items:nth-child(2n+1) {
  margin-left: 0;
}

.join-bot {
  padding-top: 1.875rem;
}

.join-bot .joinbot-tit {
  font-size: 0;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: .2rem;
}

.join-bot .joinbot-tit .li {
  font-size: 16px;
  color: #000000;
  display: inline-block;
  line-height: 46px;
  width: 160px;
  height: 46px;
  border: 1px solid #e4e4e4;
  text-align: center;
  border-bottom: none;
  cursor: pointer;
  transition: .5s ease-in-out;
  /*max-width: 20%;*/
}

.join-bot .joinbot-tit .li:hover,
.join-bot .joinbot-tit .li.active {
  color: #ffffff;
  background: #3d81a8;
  border-color: #3d81a8;
  transition: .5s ease-in-out;
}

.join-button {
  width: 175px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  background: #3d81a8;
  cursor: pointer;
  display: block;
  position: relative;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.campus.serves-01 .inputbox.ac .join-button {
  width: 160px;
  height: 55px;
  line-height: 55px;

}

.join-button.active:after {
  opacity: 1;
}

.join-button:after {
  position: absolute;
  content: "\e626";
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #3d81a8;
  opacity: 0;
  left: -30px;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 18px;
  animation: animation-1 2s linear 1s infinite alternate;
}

.join-button:hover {
  color: #fff;
}

.joinbot-list .join-button {
  margin-top: 1.75rem;
}

.joinbot-list .tr {
  display: block;
  padding: 0 0.75rem;
  font-size: 0;
}

.joinbot-list .th {
  display: inline-block;
  vertical-align: middle;
}

.joinbot-list .dz {
  text-align: center;
}

.joinbot-list .join-thead {
  background: #adc067;
  line-height: 55px;
  border: 1px solid #e5e5e5;
  color: #fff;
}

.joinbot-list .join-thead .th {
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
}

.joinbot-list .join-tbody .th {
  /*line-height: 55px;*/
  line-height: 1.5;
  padding: 10px 0;
  font-size: 14px;
  color: #999999;
}

.joinbot-list .join-tbody .tr {
  border: 1px solid #e5e5e5;
}

.joinbot-list .join-tbody .tr:nth-child(2n+1) {
  background: #ffffff;
}

.joinbot-list .th {
  width: calc((100% - 450px)/2);
}

.joinbot-list .td-last.th {
  width: 150px;
  text-align: center;
}

.joindetails-box .annniu {
  margin-top: 0;
}

.joindetails-box .tit-20 {
  font-size: 20px;
  margin-bottom: .5rem;
}

.joindetails-box .tit {
  margin-bottom: .75rem;
}

.joindetails-box .words:nth-child(n+2) {
  margin-top: .75rem;
}

.campus.serves-01 .inputbox {
  margin-top: 0;
  color: #000000;
}

.campus.serves-01 .inputbox.ac .items {
  /*width: auto;*/
  /*float: none;*/
  /*display: inline-block;*/
  /*vertical-align: top;*/
  /*margin: 0 1%;*/
  width: auto;
  padding-right: 1.5%;

}

.joindetails-box .campus.serves-01 .inputbox.ac .annniu {
  display: inline-block;
  vertical-align: top;
  margin: 0 1%;

}

.campus.serves-01 .inputbox .items {
  width: 33.33%;
  position: relative;
}

.campus.serves-01 .inputbox .items .input {
  overflow: hidden;
}

.campus.serves-01 .inputbox .items span {
  position: absolute;
  right: 0;
  top: 0;
}

.campus.serves-01 .inputbox .items input,
.campus.serves-01 .inputbox .items select {
  width: 340px;
  box-sizing: border-box;
}

.campus.serves-01 .inputbox .items .button {
  cursor: pointer;
  width: 160px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  float: left;
  position: relative;
  background: #3d81a8;
  color: #ffffff;
}

.campus.serves-01 .inputbox .items .button span {
  display: inline-block;
  position: static;
  color: #ffffff;
}

.campus.serves-01 .inputbox .items .fileinp {
  margin-left: 10px;
}

.campus.serves-01 .inputbox .items .k .fileinp {
  position: absolute;
  left: 103%;
  color: #666;
  top: 0;
  margin-left: 0;
}

.campus.serves-01 .inputbox .items .k {
  overflow: visible;
}

.campus.serves-01 .inputbox .items .button input {
  border: none;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.process {
  position: relative;
  padding-bottom: 1.05rem;
}

.process .process-images {
  height: 515px;
}

.process .process-words {
  text-align: center;
  font-size: 0;
  padding: 3.2rem 0;
}

.process .process-words .items {
  display: inline-block;
  background: #ffffff;
  width: 15%;
  margin-left: 2%;
  font-size: 16px;
  color: #000000;
  padding: 1.375rem 0.1rem;
  vertical-align: top;
}

.process .process-words .items:nth-child(2n+2) {
  margin-top: 1.5rem;
}

.process .process-words .items .span {
  line-height: 1.2;
  margin-top: 0.375rem;
}

.process .process-words .items:nth-child(6n+1) {
  margin-left: 0;
}

.arrangements {
  padding-top: 1.75rem;
  padding-bottom: 1.925rem;
}

.applicationdetails2.arrangements {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.arrangements table {
  width: 100%;
}

/* .arrangements th {
  font-weight: normal;
  height: 40px;
  text-align: left;
  padding-left: 5px;
}

.arrangements thead {
  color: #fff;
  background: #adc067;
  font-size: 16px;
}

.arrangements thead th {
  height: 50px;
  border: 1px solid #b2dea6;
  text-align: center;
}

.arrangements tbody tr {
  font-size: 13px;
  color: #666666;
}

.arrangements tbody tr:nth-child(2n+2) {
  background: #fff;
}

.arrangements tbody th {
  border: 1px solid #f0f0f0;
} */

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

.contact {
  padding: 1rem 2rem;
  /*padding: 1.625rem 4.25rem;*/
  padding-bottom: 1rem;
}

.contact-box {
  position: relative;
}

.contact-box .contact-left {
  width: calc(100% - (1215rem/40));
  padding-right: 2.75rem;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.contact-box .contact-left .tit {
  font-size: .75rem;
  font-weight: bold;
  line-height: 1rem;
  color: #776165;
  padding-bottom: 1rem;
}

.contact-box .contact-left .list {
  height: calc(100% - 2rem);
  overflow-y: auto;
  font-size: 16px;
  line-height: 26px;
  color: #666666;
  padding-right: 1.625rem;
}

.contact-box .contact-left .list::-webkit-scrollbar {
  width: 4px;
}

.contact-box .contact-left .list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

.contact-box .contact-left .list::-webkit-scrollbar-thumb {
  background-color: #3d81a8;
}

.contact-box .contact-left .list::-webkit-scrollbar-thumb:window-inactive {
  background-color: #3d81a8;
}

.contact-box .contact-left .list::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #3d81a8;
}

.contact-box .contact-left .list .li {
  cursor: pointer;
  padding: .5rem 0;
}

.contact-box .contact-left .list .li:hover,
.contact-box .contact-left .list .li.active {
  color: #3d81a8;
}

.contact-box .contact-left .list .li:nth-child(n+2) {
  border-top: 1px solid #e0e0e0;
}

.contact-box .contact-left .list .li:nth-child(1) {
  padding-top: 0;
}

.contact-box .contact-right {
  /*width: 30.375rem;*/
  /*height: 16.25rem;*/
  width: 35rem;
  height: auto;
}

.contact-box .contact-right .map {
  position: relative;
}

.contact-box .contact-right .map img {
  width: 100%;
}

.contact-box .contact-right .map .i img {
  /*width: 65%;*/
}

.contact-box .contact-right .map .buttons {
  line-height: 1;
}

.contact-box .contact-right .map .pb {
  padding-right: 0.5rem;
  font-size: 12px;
  color: #ffffff;
  font-family: Arial;
}

.contact-box .contact-right .map .swiper-pagination {
  position: static;
  display: inline-block;
  left: .5rem;
  bottom: 0;
  z-index: 4;
  padding: 0 .5rem;
  line-height: 1;
  height: 6px;
}

.contact-box .contact-right .map .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #a79cc5;
  opacity: 1;
}

.contact-box .contact-right .map .swiper-pagination .swiper-pagination-bullet:nth-child(n+2) {
  margin-left: 10px;
}

.contact-box .contact-right .map .swiper-pagination .swiper-pagination-bullet-active {
  background: #ffffff;
}

.contact-box .contact-right .map.animate .maptit-li {
  max-height: 80%;
  overflow: hidden;
}

.contact-box .contact-right .map .maptit {
  position: absolute;
  right: 8.5rem;
  bottom: 4.25rem;
  background: #726593;
  width: 350px;
  /*min-height: 250px;*/
  padding-bottom: .5rem;
  transition: 1.6s ease-in-out;
  transform: translateY(0);
}

.contact-box .contact-right .map .maptit .items {
  padding: .5rem;
  padding-bottom: 0.25rem;
}

.contact-box .contact-right .map .maptit .tit {
  font-size: 18px;
  line-height: 26px;
  /*max-height: 56px;*/
  font-weight: bold;
  color: #ffffff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 10px;
}

.contact-box .contact-right .map .maptit .p {
  margin-bottom: 10px;
  font-size: 12px;
  color: #fff;
  line-height: 1.3;

}

/*妫ｆ牠銆?/
.wel-serves .wordsbox .recommendmore span {
  transition: .5s ease-in-out;
}

.wel-serves .wordsbox:hover .recommendmore span {
  transform: translateX(10px);
  transition: .5s ease-in-out;
}

.welmore {
  font-size: 0;
  color: #3d81a8;
  width: 198px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  background: #ffffff;
  transition: .5s ease-in-out;
}

.welmore b,
.welmore span {
  transition: .2s ease-in-out;
}

.welmore b {
  font-weight: normal;
  font-size: 12px;
  vertical-align: middle;
}

.welmore span {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 6px;
  background: url(../img/i41.png) no-repeat center;
  background-size: 100%;
  margin-left: 0.325rem;
}

.welmore:hover {
  color: #ffffff;
  background: #3d81a8;
  transition: .5s ease-in-out;
}

.welmore:hover b,
.welmore:hover span {
  transition: .2s ease-in-out;
}

.welmore:hover span {
  background: url(../img/k4.png) no-repeat center;
  background-size: 100%;
}

.news-more {
  font-size: 0;
  color: #333333;
  width: 160px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #434343;
  display: block;
  transition: .5s ease-in-out;
}

.news-more b {
  font-weight: normal;
  font-size: 16px;
  vertical-align: middle;
}

.news-more:hover {
  color: #ffffff;
  background: #adc067;
  border-color: #adc067;
  transition: .5s ease-in-out;
}

.news-more:hover span {
  background: url(../img/i46.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}

.news-more span {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 8px;
  background: url(../img/i45.png) no-repeat center;
  background-size: 100%;
  margin-left: 0.475rem;
  transition: .5s ease-in-out;
}

.recommendmore {
  font-size: 0;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  background: #3d81a8;
}

.recommendmore b {
  font-weight: normal;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}

.recommendmore span {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 6px;
  background: url(../img/i44.png) no-repeat center;
  background-size: 100%;
  margin-left: 0.325rem;
}

.aboutmore {
  font-size: 0;
  width: 235px;
  height: 54px;
  line-height: 52px;
  text-align: center;
  border: 1px solid #fdfefe;
  font-size: 14px;
  color: #ffffff;
  display: block;
  transition: .5s ease-in-out;
}

.aboutmore b {
  font-weight: normal;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}

.aboutmore span {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 6px;
  background: url(../img/i44.png) no-repeat center;
  background-size: 100%;
  margin-left: 0.325rem;
}

.aboutmore:hover {
  color: #fff;
  background: #776165;
  border-color: #776165;
  transition: .5s ease-in-out;
}

.aboutmore:hover span {
  background: url(../img/i44.png) no-repeat center;
  background-size: 100%;
}

.wel-banner .items {
  display: block;
  position: relative;
}

.wel-banner .images {
  height: 15.5rem;
}

.wel-banner .buts {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  bottom: 2rem;
  width: 100%;
  left: 0;
  z-index: 5;
}

.wel-banner .buts .swiper-pagination {
  width: 100%;
  font-size: 14px;
  color: #ffffff;
}

.wel-banner .buts .swiper-pagination .swiper-pagination-bullet {
  line-height: 1;
  padding: 0 0.45rem;
  padding-top: 0.375rem;
  background: transparent !important;
  position: relative;
  text-align: center;
  width: auto;
  height: auto;
}

.wel-banner .buts .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  background: url(../img/i42.png) no-repeat center;
  background-size: 100%;
}

.wel-banner .buts .swiper-pagination .swiper-pagination-bullet:after {
  width: 12px;
  height: 12px;
  content: "";
  top: -6px;
  left: 0;
  right: 0;
  margin: auto;
  background: url(../img/i43.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  opacity: 1;
}

.wel-banner .words {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  color: #ffffff;
  padding: 3.75rem 3.25rem 3.625rem 3.25rem;
}

.wel-banner .words .tit {
  font-family: Arial;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
}

.wel-banner .words .txt {
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  line-height: 28px;
  margin-top: 0.375rem;
}

.wel-banner .words .line {
  background: #ffffff;
  width: 33px;
  height: 2px;
  margin: .5rem 0;
}

.wel-banner .words .t {
  font-size: 1.05rem;
  line-height: 1.2;
  margin-bottom: 1.25rem;
}

.wel-pro-list {
  background: url(../img/i17.jpg) no-repeat center;
  background-size: cover;
  padding: 0 2.2rem;
  padding-top: .85rem;
  padding-bottom: .45rem;
}

.wel-pro-list .ul {
  font-size: 0;
}

.wel-pro-list .prolist {
  padding: .8rem 0;
  position: relative;
}

.wel-pro-list .prolist:nth-child(1) {
  padding-top: 0;
  z-index: 3;
}

.wel-pro-list .tit {
  font-size: .8rem;
  line-height: 1;
  color: #3d81a8;
  margin-bottom: 0.625rem;
  padding: 0 19px;

}

.wel-pro-list .line {
  padding: 0 25px;
}

.wel-pro-list .line span {
  display: block;
  width: 100%;
  height: 1px;
  background: #dddddd;
}

.wel-pro-list .li {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  color: #666666;
  width: 20%;
  padding-right: 1%;
  position: relative;
}

.wel-pro-list .li .li-bot {
  font-size: 16px;
  line-height: 1.6;
  position: absolute;
  left: 0;
  top: 100%;
  padding-top: .75rem;
  width: 100%;
  z-index: 3;
  display: none;
}

.wel-pro-list .li .li-bot .box {
  background: #fff;
  padding: .5rem;
  border-radius: 5px;
  /*max-height: 220px;*/
  /*overflow-y:auto;*/
}

.wel-pro-list .li .li-bot .i {
  padding: 0 5%;
  transition: .5s ease-in-out;
}

.wel-pro-list .li .li-bot .i:hover {
  color: #ab377a;
  transition: .5s ease-in-out;
}

.wel-pro-list .li .li-top {
  line-height: 35px;
  height: 35px;
  overflow: hidden;
  padding-left: 19px;
  position: relative;
}

.wel-pro-list .li .li-top:hover .span:after,
.wel-pro-list .li .li-top.active .span:after {
  transition: .5s ease-in-out;
  opacity: 1;
}

.wel-pro-list .li .li-top:hover:after,
.wel-pro-list .li .li-top:hover:before,
.wel-pro-list .li .li-top.active:after,
.wel-pro-list .li .li-top.active:before {
  opacity: 1;
  transition: .5s ease-in-out;
}

.wel-pro-list .li .li-top .span {
  height: 100%;
  display: inline-block;
  position: relative;
  transition: .5s ease-in-out;
}

.wel-pro-list .li .li-top:hover .span {
  transition: .5s ease-in-out;
  color: #ab377a;
}

.wel-pro-list .li .li-top .span:after {
  content: "";
  width: 100%;
  opacity: 0;
  height: 1px;
  background: #3d81a8;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  transition: .5s ease-in-out;
}

.wel-pro-list .li .li-top:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #3d81a8;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #f3f3f3;
  z-index: 2;
  opacity: 0;
}

.wel-pro-list .li .li-top:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #3d81a8;
  position: absolute;
  left: 9px;
  bottom: -8px;
  margin: auto;
  transform: rotate(-45deg);
  opacity: 0;
}

.wel-pro-list .li a {
  display: block;
  color: #666666;
}

.recommend-swiper {
  position: relative;
}

.wel-tit {
  text-align: center;
  font-size: 1.05rem;
  color: #000000;
  line-height: 1.2;
}

.wel-recommend {
  padding-top: 1.25rem;
  padding-bottom: 1rem;
}

.wel-recommend .wel-tit {
  margin-bottom: .7rem;
  color: #3d81a8;
}

.wel-recommend .words {
  border: 1px solid #b7b7b7;
  border-top: none;
  padding: 0.875rem;
  padding-bottom: 3rem;
  position: relative;
  font-size: 14px;
  /*color: #000000;*/
  color: rgba(0, 0, 0, .8);
}

.wel-recommend .items {
  display: block;
  padding: 1px;
}

.wel-recommend .items:hover img {
  transform: scale3d(1.05, 1.05, 1);
  transition: .5s ease-in-out;
}

.wel-recommend .items:hover .recommendmore {
  background: #adc067;
  transition: .5s ease-in-out;
}

.wel-recommend .img {
  overflow: hidden;
}

.wel-recommend .img img {
  transition: .5s ease-in-out;
}

.wel-recommend .tit {
  font-size: 30px;
  line-height: 40px;
  /*color: #000000;*/
  color: rgba(0, 0, 0, .8);
  font-family: Arial;
  height: 40px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.wel-recommend .txt {
  font-size: 20px;
  /*color: #000000;*/
  color: rgba(0, 0, 0, .8);
  line-height: 30px;
  height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 15px;
}

.wel-recommend .p {
  line-height: 26px;
  height: 78px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.wel-recommend .recommendmore {
  right: 0;
  bottom: 45px;
  position: absolute;
  transition: .5s ease-in-out;
}

.wel-recommend .swiper-button-prev,
.wel-recommend .swiper-button-next {
  padding: 0;
  width: 2rem;
  height: 2rem;
  border: 1px solid #e2e2e2;
  background: transparent;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 1.2rem;
  line-height: 2rem;
  text-align: center;
  color: #828282;
  transition: .5s ease-in-out;
}

.wel-recommend .swiper-button-prev:hover,
.wel-recommend .swiper-button-next:hover {
  color: #ffffff;
  background-color: #3d81a8;
  border-color: #3d81a8;
  transition: .5s ease-in-out;
}

.wel-serves .img {
  height: 16rem;
}

.wel-serves .images {
  position: relative;
  line-height: 16rem;
}

.wel-serves .wordsbox {
  display: block;
  width: 550px;
  height: 260px;
  background: #adc067;
  margin-top: -200px;
  position: relative;
  padding: 1.2rem 1rem;
  padding-right: 2rem;
  box-shadow: 15px 12px 50px 20px rgba(38, 11, 112, 0.3);
}

.wel-serves .wordsbox .txt {
  font-size: 14px;
  color: #fff;
  line-height: 25px;
  height: 50px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.wel-serves .wordsbox .txt span {
  font-size: 14px !important;
}

.wel-serves .wordsbox .recommendmore {
  margin-top: 1rem;
  line-height: 1;
  height: auto;
  width: auto;
  display: inline-block;
  background: #adc067;
}

.wel-serves .wordsbox .tit {
  font-size: 0.7rem;
  line-height: 1;
  color: #ffffff;
  margin-bottom: 0.625rem;
}

.wel-serves .wordsbox0 {
  padding-right: 0.7rem;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.wel-serves .wordsbox0 .wordsbox {
  z-index: 3;
}

.wel-serves .words {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
}

.wel-serves .words .text {
  font-size: 24px;
  line-height: 1.2;
  color: #ffffff;
  padding-top: 5rem;
}

.wel-serves .words .text .txt {
  text-indent: 2px;
  letter-spacing: 3px;
}

.wel-serves .words .text .tit {
  font-size: 1.3rem;
  margin-bottom: .75rem;
}

.wel-news {
  position: relative;
  padding-top: calc((110rem/40) + 30px);
  /*padding-top: calc((110rem/40) + 80px);*/
}

.wel-news .welnews-top .left {
  line-height: 1;
}

.wel-news .welnews-top .right {
  width: 765px;
}

.wel-news .welnews-top .right .txt {
  font-size: 16px;
  color: #666666;
  line-height: 30px;
}

.wel-news .welnews-top .en {
  font-size: 1.2rem;
  color: #3d81a8;
}

.wel-news .welnews-top .cn {
  font-size: 0.9rem;
  font-weight: bold;
  /*color: #222222;*/
  color: rgba(0, 0, 0, .8);
  margin-top: 10px;
}

.wel-news .welnews-bot {
  margin-top: 2rem;
  font-size: 0;
  padding-bottom: 2.75rem;
}

.wel-news .welnews-bot .items {
  font-size: 14px;
  color: #666666;
  display: inline-block;
  vertical-align: top;
  width: 22%;
  margin-left: 4%;
  border: 1px solid #3d81a8;
  padding: 0.875rem;
  line-height: 1.2;
  padding-bottom: 1.75rem;
  transition: .5s ease-in-out;
}

.wel-news .welnews-bot .items:nth-child(4n+1) {
  margin-left: 0;
}

.wel-news .welnews-bot .items:hover {
  border-color: #adc067;
  color: #ffffff;
  background: #adc067;
  transition: .5s ease-in-out;
}

.wel-news .welnews-bot .items:hover .time {
  color: #ffffff;
  transition: .5s ease-in-out;
}

.wel-news .welnews-bot .items:hover .welmore b {
  color: #fff;
  transition: .5s ease-in-out;
}

.wel-news .welnews-bot .items:hover .welmore span {
  background: url(../img/k4.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}

.wel-news .welnews-bot .items .time {
  font-size: 16px;
  color: #666666;
  transition: .5s ease-in-out;
}

.wel-news .welnews-bot .items .tit {
  font-size: 18px;
  line-height: 30px;
  height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: bold;
  margin-top: 1.25rem;
  margin-bottom: 0.325rem;
}

.wel-news .welnews-bot .items .p {
  font-size: 14px;
  line-height: 30px;
  height: 120px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.wel-news .welnews-bot .items .welmore {
  width: auto;
  height: auto;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  margin-top: 1.125rem;
  font-size: 16px;
  color: #3d81a8;
  background: transparent;
}

.wel-news .welnews-bot .items .welmore span {
  transition: .5s ease-in-out;
}

.wel-news .welnews-bot .items .welmore b {
  font-size: 16px;
  transition: .5s ease-in-out;
}

.wel-news .welnews {
  position: relative;
  z-index: 2;
}

.wel-news .welnews .news-more {
  margin-top: 0.875rem;
}

.wel-news .list {
  font-size: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.wel-news .list .li {
  display: inline-block;
  background: #fff;
  width: 16.6666666667%;
  vertical-align: top;
  height: 100%;
  border-right: 1px solid #f1f1f1;
}

.wel-news .list .li:nth-child(n+1) {
  border-left: 1px solid #f1f1f1;
}

.welabout {
  position: relative;
}

.welabout .images {
  position: relative;
}

.welabout .words {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #ffffff;
}

.welabout .text {
  padding-top: 4rem;
  width: 870px;
  margin: 0 auto;
}

.welabout .text .en {
  font-size: 26px;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 0.375rem;
}

.welabout .text .cn {
  line-height: 1;
  font-size: 44px;
  color: #ffffff;
}

.welabout .text .line {
  height: 3px;
  width: 30px;
  margin: 0 auto;
  background: #ffffff;
  margin-top: .75rem;
  margin-bottom: 0.625rem;
}

.welabout .text .p {
  line-height: 32px;
  font-size: 16px;
  height: 96px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.welabout .aboutmore {
  margin: 0 auto;
  margin-top: 1.5rem;
}

.welabout .img {
  height: 19.45rem;
}

.welnews-images {
  position: absolute;
  left: 0;
  bottom: 1rem;
  max-width: 90%;
  z-index: 0;
}

.wel-about {
  padding-bottom: 2rem;
}

.wel-about .w-words {
  position: relative;
  z-index: 3;
  height: 228px;
  background: #ffffff;
  margin-top: -114px;
  font-size: 0;
  padding: 25px 0;
  box-shadow: 15px 12px 50px 20px rgba(0, 0, 0, 0.08);
}

.wel-about .w-words .items {
  font-size: 14px;
  color: #666666;
  width: 33.33%;
  display: inline-block;
  height: 100%;
  padding-left: 1.375rem;
  padding-right: 0.5rem;
}

.wel-about .w-words .items:nth-child(n+2) {
  border-left: 1px solid #d2d2d2;
}

.wel-about .w-words .items:hover .tit {
  color: #3d81a8;
  transition: .5s ease-in-out;
}

.wel-about .w-words .items:hover .tit:after {
  opacity: 1;
  transition: .5s ease-in-out;
}

.wel-about .w-words .items .tit {
  font-size: 24px;
  line-height: 34px;
  height: 34px;
  font-weight: bold;
  /*color: #222222;*/
  /*color:rgba(0,0,0,.8);*/
  color: #776165;
  display: inline-block;
  overflow: hidden;
  transition: .5s ease-in-out;
  padding-right: 48px;
  position: relative;
}

.wel-about .w-words .items .tit:after {
  position: absolute;
  content: "";
  background: url(../img/i52.png) no-repeat center;
  background-size: 100%;
  right: 0;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transition: .5s ease-in-out;
}

.wel-about .w-words .items .txt {
  line-height: 25px;
  height: 50px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: .75rem;
}

.applicationfl-list .li {
  display: block;
}

.quality-box .quality-fl .applicationfl-list.fl-list .input {
  margin-bottom: .25rem;
}

.quality-box .quality-fl .applicationfl-list.fl-list span {
  line-height: 26px;
  font-weight: bold;
  padding: 10px 0;
  position: relative;
  padding-right: 1.875rem;
}

.quality-box .quality-fl .applicationfl-list.fl-list .items {
  height: auto;
  line-height: 1.5;
  font-size: 16px;
  cursor: pointer;
}

.quality-box .quality-fl .applicationfl-list.fl-list .listone .item {
  display: none;
}

.quality-box .quality-fl .applicationfl-list.fl-list .listone .item.cur {
  display: block;
}

.quality-box .quality-fl .applicationfl-list.fl-list .listtwo .item.cur {
  display: none;
}



.quality-box .quality-fl .applicationfl-list.fl-list .items b {
  font-weight: normal;
  color: #7d7d7d;
  width: 15px;
  height: 8px;
  text-align: center;
  line-height: 8px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 12px;
  margin: auto;
  color: #666;
  transform: rotate(90deg);
  transition: .5s ease-in-out;
}

.quality-box .quality-fl .applicationfl-list.fl-list .items b:before {
  content: "\e6b2";
}

.quality-box .quality-fl .applicationfl-list.fl-list .item-bot {
  padding: 0 1.75rem;
  display: none;
}

.quality-box .quality-fl .applicationfl-list.fl-list .item-bot .li {
  line-height: 1.3;
  padding: 10px 0;
  border-bottom: 1px dashed #c2c2c2;
  font-size: 16px;
  color: #666666;
}

.application-top .tit {
  line-height: 1.2;
  font-size: 0.9rem;
  font-weight: bold;
}

.application-top .txt {
  line-height: 27px;
  margin-top: .5rem;
}

.quality-box .quality-fl .applicationfl-list.fl-list .items.active span,
.quality-box .quality-fl .applicationfl-list.fl-list .items:hover span {
  border-bottom-color: transparent;
}

.quality-box .quality-fl .applicationfl-list.fl-list .items:hover b,
.quality-box .quality-fl .applicationfl-list.fl-list .active.items b {
  color: #ffffff;
  transition: .5s ease-in-out;
  transform: rotate(0);
}

.application-con .join-bot {
  margin-top: 0.625rem;
  padding-top: 0;
  height: 46px;
  margin-bottom: 1.5rem;
}

.application-con .join-bot .joinbot-tit {
  margin-bottom: 0;
}

.application-con .txt0 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #3d81a8;
}

.application-con .words {
  /*margin-top: 0.375rem;*/
}

.application-con .words table {
  width: 100%;
}

.applicationdetails .arrangements {
  padding: 0;
  margin-top: 0.875rem;
}

.applicationdetails .arrangements tbody th {
  min-width: 120px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.applicationdetails th a {
  color: #666666;
  display: inline-block;
  line-height: 1.2;
  /*padding-bottom: 5px;*/
  border-bottom: 1px solid transparent;
  transition: .5s ease-in-out;
  vertical-align: middle;
}

.applicationdetails th a:hover {
  color: #3d81a8;
  border-bottom: 1px solid #3d81a8;
  /*border-bottom: 1px solid #514486;*/
  transition: .5s ease-in-out;
}

.applicationdetails .apli:nth-child(n+2) {
  margin-top: 1.25rem;
}

.application-bot {
  padding-top: 1.25rem;
}

.application-bot .tit {
  font-size: .75rem;
  font-weight: bold;
  line-height: 1.2;
}

.application-bot .pwo {
  margin-top: .5rem;
}

.application-bot .list:nth-child(n+2) {
  margin-top: 1.375rem;
}

.application-bot .img {
  overflow: hidden;
}

.application-bot .img img {
  transition: .5s ease-in-out;
}

.application-bot .items {
  font-size: 0;
  margin-top: .75rem;
}

.application-bot .items .li:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}

.application-bot .items .words {
  padding-top: .5rem;
  padding-bottom: 0.875rem;
}

.application-bot .items .h {
  font-size: 22px;
  /*color: #333333;*/
  line-height: 32px;
  height: 32px;
  font-weight: bold;
  margin-bottom: .5rem;
}

.application-bot .items .p {
  line-height: 33px;
  position: relative;
  color: #666;
  padding-left: 20px;
  position: relative;
}

.application-bot .items .p a {
  color: #666;
}

.application-bot .items .p:after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3d81a8;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.application-bot .items .li {
  width: 32%;
  margin-left: 2%;
  display: inline-block;
  vertical-align: top;
  color: #666666;
  font-size: 16px;
}

.application-bot .items .li:nth-child(3n+1) {
  margin-left: 0;
}

.quality-box .quality-fr .quality-con,
.greempro .text-con {
  max-width: 100%;
}

.quality-box .quality-fl .input {
  max-width: 90%;
}

.process .process-words .img {
  width: 60px;
  height: 60px;
  margin: 0 auto;
}

.serves03 {
  margin-top: 1.375rem;
}

.pro-fixed-menu {
  position: absolute;
  top: 100px;
  width: 100%;
  left: 0;
  background: #eeeeee;
  z-index: 10;
  padding: .6rem .8rem;
  text-align: left;
  min-height: calc(70vh - 100px);
  padding-bottom: 30px;
}

.pro-fixed-menu .ul {
  font-size: 0;
}

.pro-fixed-menu.b .ul {
  width: 20%;
}

.pro-fixed-menu.b .ul .li {
  width: 100%;
}

.pro-fixed-menu.b .ul .li .li-bot {
  left: 20%;
  width: 60%;
  /*width: 80%;*/
}

.pro-fixed-menu.b .ul .li .i {
  /*width: 23%;*/
  /*margin-left: 2%;*/
}

.pro-fixed-menu .ul .li {
  font-size: 16px;
  color: #666666;
  /*display: inline-block;*/
  /*vertical-align: top;*/
  /*width: 20%;*/
  /*padding-right: 2%;*/
}

.pro-fixed-menu .ul .li:nth-child(n+6) {
  /*margin-top: 2.25rem;*/
}

.pro-fixed-menu .ul .li .li-top {
  font-size: 16px;
  color: #3d81a8;
  /*font-weight: bold;*/
  line-height: 35px;
  /*margin-bottom: .75rem;*/
}

.pro-fixed-menu .ul {
  width: 40%;
  border-right: 1px solid rgba(0, 0, 0, .05);
  overflow: hidden;
}

.pro-fixed-menu .ul .li {
  width: 100%;
  /*float: left;*/
  cursor: pointer;
  line-height: 2;
  /*margin-bottom: .5rem;*/
}

.pro-fixed-menu .ul .li .li-bot {
  position: absolute;
  left: 40%;
  top: 0;
  width: 60%;
  padding: 0 5%;
}


.fixedmenu {
  position: relative;
}

.pro-fixed-menu .ul .li .li-top a {
  padding: 0 25px;

}

.pro-fixed-menu .ul .li .li-top,
.pro-fixed-menu .ul .li .li-top a {
  /*color: #3d81a8;*/
  color: #666;
  /*padding: 5%;*/
  display: block;
}

.pro-fixed-menu .ul .li .li-top.active,
.pro-fixed-menu .ul .li .li-top.active a,
.pro-fixed-menu .ul .li .li-top:hover,
.pro-fixed-menu .ul .li .li-top:hover a {
  /*color: #3d81a8;*/
  color: #ffffff;
  background: #3d81a8;
}

.pro-fixed-menu .ul .li .li-bot {
  /*overflow: hidden;*/
  height: 45vh;
  overflow-y: auto;
}

.pro-fixed-menu .ul .li .i {
  color: #666666;
  display: block;
  line-height: 35px;
  padding: 0 2%;
  /*float: left;*/

  /*transition: .5s ease-in-out;*/
}

.pro-fixed-menu .ul .li .i.active,
.pro-fixed-menu .ul .li .i:hover {
  color: #ffffff;
  background: #3d81a8;
  /*transition: .5s ease-in-out;*/
}

.pro-fixed-menu.b0 .ul .li .i {
  padding-right: 2%;
  /*width: 36%;*/
  /*margin-left:14%; */
  width: 33.33%;
  float: left;
}

.pro-fixed-menu .ul .li .i:hover {
  /*color: #3d81a8;*/
  /*transition: .5s ease-in-out;*/
}

.pul .pli {
  padding-left: 27px;
  position: relative;
  line-height: 26px;
  margin: 5px 0;
}

.pul .pli:after {
  position: absolute;
  width: 10px;
  height: 10px;
  content: "";
  left: 0;
  top: 10px;
  background: url(../img/i54.png) no-repeat center;
  background-size: 100%;
}

.application-top {
  color: #666;
}

.pro-txt {
  line-height: 1.5;
  font-size: 24px;
  font-weight: bold;
  margin-top: 0.25rem;
}

.applicationdetails .arrangements {
  overflow-x: auto;
}

.pro-txt0 {
  font-size: .75rem;
  font-weight: bold;
  color: #666;
  line-height: 1.2;
  margin-bottom: .75rem;
}

.pr-listbox .arrangements {
  padding: 0;
  overflow-y: auto;
}

.pr-listbox .arrangements table {
  width: auto;
  min-width: 100%;
  table-layout:fixed;
}

.pr-listbox .arrangements table .span {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 6px;
  background: url(../img/a5.png) no-repeat center;
  background-size: 100%;
}

.pr-listbox .arrangements thead th {
  border: 1px solid #d9d9d9;
}

.pr-listbox .arrangements thead {
  background: #e0e4df;
  border-top: 3px solid #afd489;
  font-size: 13px;
  color: #000000;
}

.pr-listbox .pr-top {
  font-size: 0;
  overflow-x: auto;
}

.pr-listbox .pr-top .ul {
  display: inline-block;
  vertical-align: top;
  /*width: 11.1111111111%;*/
  width: 90px;
  font-size: 12px;
  line-height: 18px;
  border: 1px solid #e6e6e6;
  /*padding: 5px 7px;*/
  height: 200px;
  overflow-y: auto;
}

.pr-listbox .pr-top .ul .okl {
  font-size: 13px;
  line-height: 50px;
  height: 50px;
  overflow: hidden;
  margin-bottom: 5px;
  text-align: center;
  background: #e0e4df;
  border-top: 3px solid #afd489;
  /*font-size: 16px;*/
  color: #000000;
}

.pr-listbox .pr-top .ul .libox {
  overflow-y: auto;
  padding: 5px;
  height: calc(100% - 55px);
  /*height: calc(100% - 55px);*/
}

.pr-listbox .listboxbx0 .pr-top .ul .libox {
  height: calc(100% - 10px);
}

.pr-listbox .pr-top .ul .libox {
  /*overflow: hidden;*/
}

.pr-listbox .pr-top .ul .li {
  padding-left: 19px;
  word-break: break-word;
  position: relative;
}

.pr-listbox .pr-top .ul .li a {
  color: #666;
}

.pr-listbox .pr-top .ul .li a:hover {
  color: #3d81a8;
}

.pr-listbox .pr-top .ul .li.on:after {
  background: url(../img/k2.png) no-repeat center;
  background-size: 100%;
}

.pr-listbox .pr-top .ul .li.active:after {
  background: url(../img/k0.png) no-repeat center;
  background-size: 100%;
}

.pr-listbox .pr-top .ul .li:after {
  width: 12px;
  position: absolute;
  height: 12px;
  content: "";
  left: 0;
  top: 3px;
  margin: auto;
  background: url(../img/k1.png) no-repeat center;
  background-size: 100%;
}

.pr-listboxt .join-bot {
  padding-top: 0;
}

.listbox2 .kuang {
  width: 22px;
  height: 22px;
  border: 1px solid #bfc2be;
  margin: 0 auto;
}

.listbox2 .kuang.active {
  background: url(../img/k3.png) no-repeat center;
  background-size: 100%;
}

.listbox2 tr th:nth-child(1) {
  /*  padding: 0 1.25rem;
  max-width: 120px;*/

  padding: 0 .2rem;
  max-width: 120px;
  word-break: break-all;
  width: 25%;
}

.listbox2 tr th:nth-child(2) {
  width: 32%;
}

.inside2 .about-hbox {
  /*height: 64px;*/
  z-index: 10;
}

.inside2 .about-hbox .about-contact-txt {
  display: none;
}

body.wk .inside-box {
  /*padding-top:0!important;*/
}

body.ovh .m-header .uibox .sousuo0 {
  display: none;
}

.quality-box .quality-fl .applicationfl-list.fl-list .item-bot .li {
  transition: .5s ease-in-out;
}

.quality-box .quality-fl .applicationfl-list.fl-list .item-bot .li:hover,
.quality-box .quality-fl .applicationfl-list.fl-list .item-bot .li.active {
  transition: .5s ease-in-out;
  color: #ab377a;
}

.img-l {
  position: relative;
}

.img-l img {
  position: absolute;
  right: 3%;
  top: 0;
  bottom: 0;
  margin: auto;
  max-height: 80%;
}

.serves-01 .inputbox .items.erwe input {
  width: 100% !important;
}

.serves-01 .inputbox .items.erwe {
  /*width: 65%;*/
}

img.w100 {
  width: 100%;
}

.wel-recommend.k {
  padding-top: 0;
}

.pr-listbox .pr-top .ul .li {
  cursor: pointer;
}

.pr-listbox .arrangements table .thboxy {
  cursor: pointer;
}

.pr-listbox .arrangements table .thboxy.active .span {
  transform: rotate(180deg);
}

.m-header {
  height: 45px;
  width: 100%;
  background: #ffffff;
  position: relative;
  z-index: 100;
}

.m-header.cur {
  position: absolute;
}

.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
}

.m-header .w-header {
  position: relative;
  padding: 0 20px;
  padding-right: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 4;
  height: 45px;
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.1);
  background: #fff;
}

.m-header .welcome-a {
  float: left;
  width: 50%;
  height: 100%;
  line-height: 48px;
  position: relative;
}

.m-header .welcome-a img {
  max-height: 100%;
  height: 50%;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.m-header .search-cover {
  float: right;
  width: 35px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .uio {
  float: right;
  height: 100%;
  width: 65px;
}

.m-header .uibox {
  width: 31px;
  height: 31px;
  /*background:url(../img/p27.png) no-repeat center;*/
  background-size: 100%;
  margin-top: 7px;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}

.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;
  font-size: 12px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.m-header .nav-btn {
  position: absolute;
  right: 17px;
  top: 50%;
  width: 31px;
  height: 30px;
  vertical-align: middle;
  cursor: pointer;
  margin-top: -18px;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333333;
  left: 0;
  border-radius: 4px;
}

.m-header .nav-btn .line1 {
  top: 6px;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 16px;
}

.m-header .nav-btn .line3 {
  bottom: 1px;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 6px;
}

.m-header .nav-btn.active .line {
  background: #fff;
}

.icon-sousuo {
  cursor: pointer;
  text-align: center;
  width: 80px;
  border-left: 1px solid #e1e1e1;
  margin-left: 105px;
  font-size: 20px;
}

.icon-sousuo:hover {
  color: #059ea0;
}

body.ovh .m-header .w-header {
  background: #3d81a8;
}

body.ovh .m-header .welcome-a {
  display: none;
}

.m-header .sub-menu {
  width: 100%;
  height: 100%;
  padding: 14px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 44px;
  /*background-color: rgba(255, 255, 255, 1);*/
  background: #3d81a8;
  z-index: 10;
  color: #666;
  overflow-y: auto;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 3%;
  box-sizing: border-box;
}

.m-header .sub-menu li .sub-tit .tu-box {
  padding: 13px 0;
  box-sizing: border-box;
  position: relative;
}

.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%;
  box-sizing: border-box;
  line-height: 33px;
  color: #fff;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}

.m-header .sub-menu .tit a {
  color: #fff;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%;
  line-height: 33px;
  color: #fff;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on.on .btn-v {
  background: url(../img/img6.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 20px;
  width: 20px;
  float: right;
  margin-right: 16px;
  margin-top: 0;
  background: url(../img/img5.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 1.5%;
  display: none;
}

.m-header .sub-menu .sec-list p {
  background-size: 8px auto;
  height: 43px;
  line-height: 43px;
  font-size: 13px;
  box-sizing: border-box;
}

.m-header .sub-menu .sec-list p:nth-child(1) {
  border-top: none;
}

.m-header .sub-menu .sec-list a {
  padding-left: 21px;
  color: #fff;
  display: block;
}

@media screen and (max-width: 1600px) {
  .join-bot {
    padding-top: 62px;
  }

  .inside2 .about-hbox {
    top: 60px;
  }

  .news-list .newslist-top .items2 .time {
    font-size: 13px;
  }

  .pro-fixed-menu .ul .li .i {
    /*line-height: 1.2;*/
  }

  .join-bot .joinbot-tit .li {
    width: 4rem;
    font-size: 14px;
  }

  .tdetail-tit {
    font-size: .75rem;
  }

  .application-con .txt0 {
    font-size: .6rem;
  }

  .pro-txt {
    font-size: .6rem;
  }

  .pro-fixed-menu .ul .li:nth-child(n+6) {
    /*margin-top: 2rem;*/
  }

  .pro-fixed-menu {
    /*padding: 2rem 3rem;*/
  }


  /*鏂伴椈*/
  .w1410 {
    width: 87.5%;
  }

  .w1400 {
    width: 87.5%;
  }

  .news-detailsbox .dc-left {
    width: 68%;
  }

  .news-detailsbox .detailsbox-tit .tit {
    width: 80%;
  }

  .news-detailsbox .dc-right .rf {
    width: 100%;
  }

  .news-detailsbox .dc-right {
    width: 28%;
  }

  .news-detailsbox .dc-right .tit {
    font-size: 0.6rem;
  }

  .news-list .newslist-top .items {
    width: 49%;
    margin-left: 2%;
  }

  .news-list .newslist-top .items .tit {
    font-size: 0.6rem;
    line-height: 0.9rem;
  }

  .news-list .newslist-top .items1 .tit {
    height: .9rem;
  }

  .news-list .newslist-top .items2 .tit {
    height: 1.8rem;
  }

  .news-list .newslist-top .items .time {
    margin-bottom: 0.375rem;
  }

  .news-list .newslist-top .items .p {
    font-size: 0.45rem;
    line-height: .8rem;
    height: 1.6rem;
  }

  .news-list .newslist-top .items .more {
    font-size: 0.35rem;
    line-height: 1rem;
    height: 1rem;
    width: 3rem;
  }

  .news-list .newslist-bot .tit {
    font-size: 0.5rem;
    line-height: 0.8rem;
    height: 1.6rem;
  }

  /*鏂伴椈*/
  .quality-box .quality-fr {
    width: calc(100% - 400px);
  }

  .about-contact .about-contact-tit .items {
    width: 5rem;
  }

  .about-contact .about-contact-tit {
    line-height: 60px;
  }

  .development-list .img {
    width: 36%;
  }

  .development-list .words {
    width: 60%;
  }

  .development-list .words .tit {
    font-size: 20px;
    line-height: 30px;
    height: 30px;
  }

  .development-list .words .p {
    line-height: 28px;
    font-size: 15px;
    height: 112px;
  }

  .development-list .words .txt {
    font-size: 16px;
    line-height: 20px;
    height: 20px;
    padding-left: 40px;
  }

  .development-list .words .txt:after {
    width: 30px;
  }

  .development-list .items {
    padding: 1rem 0;
  }

  .welfare-list .items .text-con {
    width: 88%;
  }

  .contact-box .contact-right {
    width: 28rem;
  }

  .contact-box .contact-left {
    width: calc(100% - 28rem);
    padding-right: 2rem;
  }

  /*棣栭〉*/
  .wel-banner .words {
    padding: 3rem 2.5rem 2.875rem 2.5rem;
  }

  .wel-banner .words .txt {
    font-size: 16px;
    line-height: 1.6;
  }

  .wel-pro-list {}

  .wel-pro-list .li {
    font-size: 16px;
  }

  .wel-recommend .tit {
    font-size: .75rem;
    line-height: 1rem;
    height: 1rem;
  }

  .wel-recommend .txt {
    font-size: .5rem;
    line-height: .75rem;
    height: .75rem;
  }

  .wel-recommend .p {
    font-size: 13px;
    line-height: 20px;
    height: 60px;
  }

  .wel-recommend .recommendmore {
    bottom: 1.125rem;
  }

  .wel-serves .wordsbox {
    display: block;
    width: 16.7rem;
    height: 7.25rem;
    margin-top: -5.25rem;
  }

  .wel-serves .words .text {
    font-size: .6rem;
  }

  .wel-news {
    position: relative;
    padding-top: 4.5rem;
  }

  .wel-news .welnews-bot .items .tit {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
  }

  .wel-news .welnews-bot .items .p {
    line-height: 20px;
    height: 80px;
  }

  .welabout .text .p {
    font-size: 15px;
    line-height: 30px;
    height: 90px;
  }

  .welabout .text .cn {
    font-size: 1.1rem;
  }

  .wel-about .w-words {
    height: 5.7rem;
    padding: 0.625rem 0;
    margin-top: -2.85rem;
    /*box-shadow: 0px -16px 30px 20px rgba(0, 0, 0, 0.03) inset;*/
  }

  .wel-about .w-words .items .tit {
    font-size: .6rem;
    line-height: .75rem;
    height: .75rem;
  }

  .wel-about .w-words .items .txt {
    font-size: 13px;
    line-height: 20px;
    height: 40px;
    margin-bottom: .3rem;
  }

  .wel-about .w-words .items .i {
    width: 1rem;
    height: 1rem;
  }

  .wel-about {
    padding-bottom: 1.35rem;
  }

  .welabout .aboutmore {
    margin-top: 1.1rem;
  }

  .campus.serves-01 .inputbox .items input,
  .campus.serves-01 .inputbox .items select {
    width: 95%;
  }

  .serves-01.k .inputbox .input {
    float: left;
    width: calc(100% - 130px);
  }

  .serves-01.k .inputbox .it2 {
    margin-left: 0;
  }

  .serves-01.k .inputbox .it {
    width: 50%;
    position: relative;
  }

  .serves-01.k .inputbox .it span {
    position: absolute;
    right: 0;
    top: 0;
  }

  .serves-01.k .inputbox .it2 .span {
    width: 135px;
  }

  .serves-01.k .inputbox .it2 .input {
    width: calc(100% - 135px);
  }

  .serves-01.k .inputbox .items select {
    width: 90%;
  }

  .serves-01.k .inputbox .input {
    width: calc(100% - 110px);
  }

  .serves-01 .inputbox .items textarea,
  .serves-01.k .inputbox .items input {
    width: 90%;
  }

  .serves-01.k .inputbox .it2 .input {
    width: calc(100% - 135px);
  }

  .serves-01 .inputbox .items {
    line-height: 50px;
  }

  .serves-01 .inputbox .input {
    height: auto;
  }

  .culture-top .items .right .p {
    line-height: 1.6;
  }

  .culture-top .items .left img {
    width: 100px;
    height: 100px;
  }

  .culture-top .items .left {
    width: 200px;
  }

  .culture-top .items .right {
    width: calc(100% - 200px);
    padding: .6rem 1.2rem 1.1rem 1rem;
  }

  .culture-bot .items .p {
    line-height: 1.6;
  }

  .culture .about-tit .p {
    max-width: 90%;
  }

  .listboxbx {
    overflow-y: auto;
  }

  .listboxbx .pr-top {}

  .listboxbx .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #3d81a8;
  }

  .listboxbx .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
  .listboxbx .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background: #3d81a8;
  }
}

@media screen and (max-width: 1550px) {
  .contact-box .contact-right {
    width: 26rem;
  }

  .contact-box .contact-left {
    width: calc(100% - 26rem);
    padding-right: 1.6rem;
  }

  .contact {
    padding: 1.3rem 3.4rem;
    padding-bottom: 1rem;
  }

  .serves-01 .inputbox .items input,
  .serves-01 .inputbox .items select {
    height: 50px;
    line-height: 50px;
  }

  .campus.serves-01 .inputbox .items .button {
    line-height: 50px;
    height: 50px;
  }

  .join-top .items.video .tv:after {
    width: 35px;
    height: 35px;
  }

  .join-top .items.video .tv {
    padding-left: 90px;
  }


  .wel-serves .wordsbox {
    box-shadow: 10px 8px 35px 15px rgba(38, 11, 112, 0.3);
  }

  .wel-news .welnews-bot {
    margin-top: 1.5rem;
    padding-bottom: 2rem;
  }

  .wel-news .welnews-top .right .txt {
    font-size: 14px;
    line-height: 25px;
  }

}

@media screen and (max-width: 1450px) {
  .slwdz-butns {
    top: 80px;
  }

  .bocweb-header .nav-li.k .nav-bot {
    top: 80px;
  }

  .bocweb-header {
    line-height: 80px;
    height: 80px;
  }

  .pro-fixed-menu {
    top: 80px;
  }

  .wel-news {
    padding-top: 3.5rem;
  }

  .wel-serves .wordsbox {
    height: 6.5rem;
    padding: 1rem .75rem;
  }

  .wel-tit {
    font-size: .95rem;
  }

  .join-top .items .span span {
    font-size: 20px;
  }

  .join-top .items .span {
    font-size: 16px;
  }

  /*鏂伴椈*/
  .news-detailsbox .dc-right .li {
    font-size: 14px;
    line-height: 1.5;
  }

  .news-detailsbox {
    font-size: 15px;
    line-height: 1.8;
  }

  .news-detailsbox .dc-right .li {
    padding-left: 20px;
  }

  /*鏂伴椈*/
  .bocweb-footer .itembox {
    width: 80%;
  }

  .bocweb-footer .itembox .items {
    width: 15%;
  }

  .bocweb-footer .itembox .items1 {
    width: 20%;
  }

  .bocweb-footer .cont-fr {
    width: 20%;
    font-size: 14px;
    min-height: 6.75rem;
    padding-left: 2rem;
  }

  .bocweb-footer .itembox .li {
    line-height: 26px;
  }

  .bocweb-footer .cont-fr .t-02 {
    /*font-size: 15px;*/
  }

  .bocweb-footer .bocweb-footer-bot {
    line-height: 90px;
    height: 90px;
  }

  .about-contact .items {
    font-size: 14px;
  }

  .life .life-list .items {
    width: 32%;
    margin-left: 2%;
    font-size: 14px;
  }

  .life .life-list .items:nth-child(3n+1) {
    margin-left: 0;
  }

  .life .life-list .items .tit {
    font-size: 20px;
    line-height: 30px;
    height: 30px;
  }

  .life .life-list .items .txt {
    font-size: 14px;
    line-height: 28px;
    height: 56px;
  }

  .development-list .words .p {
    font-size: 14px;
    /*line-height: 1.8;*/
  }

  .development-list .words .tit {
    font-size: 16px;
  }

  .development-list .words .txt {
    font-size: 15px;
  }

  .welfare-list .items .txt {
    font-size: 14px;
    line-height: 25px;
    height: 75px;
  }

  .welfare-list .items .tit {
    font-size: 18px;
  }

  .joindetails-box .tit-20 {
    font-size: 16px;
  }

  .words-box {
    font-size: 14px;
    line-height: 1.6;
  }

  .contact-box .contact-right .map .maptit {
    right: 5rem;
    bottom: 3rem;
  }

  .wel-news .welnews-bot .items {
    width: 24%;
    margin-left: 1.3333333333%;
  }

  .wel-news .welnews-top .right {
    width: calc(100% - 350px);
  }

  .quality-box .quality-fl {
    width: 280px;
  }

  .quality-box .quality-fr {
    width: calc(100% - 320px);
  }

  .bocweb-header .nav-li .nav-top {
    padding: 0 .75rem;
  }

  .pro-fixed-menu .ul .li .li-top {
    /*font-size: 15px;*/
  }

  .pro-fixed-menu .ul .li .i {
    font-size: 15px;
  }

  .application-bot .items .h {
    font-size: 0.55rem;
    line-height: 1.5;
    height: auto;
  }
}

@media screen and (max-width: 1399px) {
  .contact-box .contact-left {
    width: calc(100% - 23rem);
    padding-right: 1rem;
  }

  .contact-box .contact-right {
    width: 23rem;
  }
}

@media screen and (max-width: 1300px) {
  .bocweb-header .header .s-box .li:nth-child(n+2) {
    margin-left: .5rem;
  }

  .bocweb-footer .itembox .items {
    font-size: 12px;
  }

  .bocweb-footer .itembox .ul-top {
    font-size: 15px;
  }

  .bocweb-footer .cont-fr .t-02 {
    /*font-size: 16px;*/
  }

  .welabout .text {
    max-width: 85%;
  }

  .introduction {
    width: 80%;
  }

  .serves-01.w1400 {
    width: 95%;
  }

  .bocweb-header .header .bocweb-logo {
    width: 200px;
  }

  .pr-listbox .arrangements thead {
    font-size: 14px;
  }

  .arrangements tbody tr {
    font-size: 13px;
  }
}

@media screen and (max-width: 1200px) {
  .contact-box .contact-left .list {
    font-size: 14px;
    padding-right: 1rem;
  }

  .bocweb-header .nav-li {
    font-size: 16px;
  }

  .contact-box .contact-left .list .li .li-bot {
    font-size: 12px;
    line-height: 18px;
    height: 36px;
    margin-top: 2px;
  }

  .contact-box .contact-left {
    padding-right: 0;
  }

  .introduction {
    line-height: 1.6;
  }

  .history-list {
    width: 90%;
  }

  .qualification .list {
    max-width: 90%;
  }

  .qualification .list .items .item-left {
    width: 200px;
  }

  .qualification .list .items .item-right {
    width: calc(100% - 200px);
  }

  .qualification .list .items .item-right .w {
    font-size: 16px;
    line-height: 1.6;
  }

  .application-bot .items .h {
    font-size: 16px;
  }

  .application-bot .items .p {
    font-size: 14px;
    line-height: 2;
  }

  .application-bot .items .li {
    width: 49%;
  }

  .application-bot .items .li img {
    width: 100%;
  }

  .application-bot .items .li:nth-child(3n+1) {
    margin-left: 2%;
  }

  .application-bot .items .li:nth-child(2n+1) {
    margin-left: 0;
  }
}

@media screen and (max-width: 1100px) {
  .contact {
    padding: .6rem 2rem;
    padding-bottom: 1rem;
  }
}

@media screen and (max-width: 1024px) {
  .wel-banner .words {
    display: none;
  }

  .news-detailsbox img {
    width: auto !important;
    height: auto !important;
    display: block;

  }

  .contact-box .contact-left {
    margin-top: 20px;
  }

  .quality-box .quality-fl .applicationfl-list.fl-list .item-bot .li {
    padding: 5px 0;
  }

  .quality-box .quality-fr {
    margin-top: 20px;
  }

  .tdetail-tit {
    font-size: 18px;
  }

  .application-con .txt0 {
    font-size: 16px;
  }

  .pro-txt {
    font-size: 16px;
  }

  .con-text,
  .text-con {
    font-size: 14px;
  }

  .pr-listbox .arrangements {
    min-height: 400px;
  }




  .listboxbx .pr-top {
    /*width: 180%;*/
  }

  .application-con .join-bot .joinbot-tit.fixed {
    top: 46px;
    width: 100%;
  }

  /*鏂伴椈*/
  .news-detailsbox .dc-left {
    width: 100%;
  }

  .news-detailsbox .dc-right .rf {
    position: relative;
    top: auto;
    right: auto;
  }

  .news-detailsbox .dc-right {
    width: 100%;
    margin-top: 1rem;
  }

  .news-list .newslist-top .items {
    width: 100%;
    margin-left: 0;
  }

  .newslist-select .items {
    width: 200px;
    height: 50px;
    font-size: 16px;
  }

  .culture .about-tit .p {
    max-width: 100%;
    width: 90%;
    font-size: 14px;
    line-height: 1.6;
  }

  .culture .about-tit .p br {
    display: none;
  }

  .culture-top .items .right .p {
    font-size: 14px;
  }

  .culture-top .items .right .tit {
    font-size: 20px;
  }

  .culture-top .items {
    width: 100%;
    margin-left: 0;
    margin-bottom: 2%;
  }

  .culture-bot .items {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }

  .culture-bot .items:nth-child(4n+1) {
    margin-left: 2%;
  }

  .culture-bot .items:nth-child(2n+1) {
    margin-left: 0;
  }

  /*鏂伴椈*/
  /*鐜*/
  .environment-top .left {
    width: 100%;
  }

  .environment-top .right {
    width: 100%;
  }

  .environment-bot .items,
  .environment-top .right .items {
    width: 49%;
    margin-left: 2%;
  }

  .environment-bot .items:nth-child(4n+1),
  .environment-top .right .items:nth-child(4n+1) {
    margin-left: 2%;
  }

  .environment-bot .items:nth-child(3n+1),
  .environment-top .right .items:nth-child(3n+1) {
    margin-left: 2%;
  }

  .environment-bot .items:nth-child(2n+1),
  .environment-top .right .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .environment-bot .items .span,
  .environment-top .span {
    font-size: 15px;
    line-height: 40px;
    height: 40px;
  }

  /*鐜*/
  .life .life-list .items {
    width: 49%;
    margin-left: 2%;
  }

  .life .life-list .items:nth-child(3n+1) {
    margin-left: 2%;
  }

  .life .life-list .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .life .life-list .items .tit {
    font-size: 16px;
    line-height: 24px;
    height: 24px;
  }

  .life .life-list .items .txt {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
  }

  .development-list .img {
    width: 100%;
  }

  .development-list .img img {
    width: 100%;
  }

  .development-list .words {
    width: 100%;
    position: static;
  }

  .development-list .words .p {
    /*height: auto !important;*/
    line-height: 20px;
    height: 80px;
  }

  .contact-box .contact-left,
  .contact-box .contact-right {
    width: 100%;
    float: none;
    display: block;
    position: static;
  }

  .contact-box .contact-left .list {
    height: 320px;
  }

  .contact-box .contact-right {
    height: 15rem;
  }

  .wel-news .welnews-bot .items {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }

  .wel-news .welnews-bot .items:nth-child(4n+1) {
    margin-left: 2%;
  }

  .wel-news .welnews-bot .items:nth-child(2n+1) {
    margin-left: 0%;
  }

  .wel-news .welnews-top .right {
    width: 100%;
    margin-top: 25px;
  }

  .wel-pro-list {
    padding: 0 1rem;
    padding-top: .6rem;
    padding-bottom: 0.3rem;


  }

  .wel-pro-list .li {
    width: 33%;
  }

  .wel-recommend .swiper-button-next {
    right: 0;
  }

  .wel-recommend .swiper-button-prev {
    left: 0;
  }

  .campus.serves-01 .inputbox .items {
    width: 50%;
  }

  .serves-01 .inputbox {
    font-size: 14px;
  }

  .process .process-words .items {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 2%;
  }

  .process .process-words .items:nth-child(6n+1) {
    margin-left: 2%;
  }

  .process .process-words .items:nth-child(3n+1) {
    margin-left: 0;
  }

  .process .process-images {
    height: auto;
  }

  .process .process-words .items:nth-child(2n+2) {
    margin-top: 0;
  }

  .process .process-words .items:nth-child(3n+2) {
    margin-top: 1.5rem;
  }

  .quality-box .quality-fl,
  .quality-box .quality-fr,
  .quality-box .quality-fl .fl-list {
    width: 100%;
  }

  .quality-box .quality-fl .list-bot {
    display: none;
  }

  .quality-box .quality-fl .list-top .items {
    color: #fff;
    background: #3d81a8;
  }

  .quality-box .quality-fl .input {
    width: 90%;
  }

  .quality-box .quality-fl .fl-list {
    position: relative;
  }

  .quality-box .quality-fl .fl-list .list {
    position: relative;
  }

  .quality-box .quality-fl .list-bot {
    position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
    z-index: 2;
  }

  .quality-box .quality-fl .list-bot .items {
    background: #fff;
  }

  .quality-box .quality-fl .list-bot .items.active,
  .quality-box .quality-fl .list-bot .items:hover {
    background: #3d81a8;
  }

  .serves-01.k .inputbox .items {
    width: 100%;
  }

  .serves-01.k .inputbox .items.erwe {
    width: 92%;
  }

  .serves-02 table th:nth-child(1) {
    width: 120px;
  }

  .serves03 .items {
    width: 100%;
    margin-left: 0;
  }

  /**/
  .history-list .w {
    width: 90%;
  }

  .history-list .i {
    width: 80%;
  }

  .history-list .wen {
    font-size: 14px;
    line-height: 1.6;
  }

  .history-list .wen .time {
    font-size: 18px;
  }

  .bocweb-footer .itembox {
    display: none;
  }

  .bocweb-footer .cont-fr {
    width: 100%;
    min-height: 0;
    padding-left: 0;
    position: relative;
  }

  .bocweb-footer .cont-fr .km {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0 !important;
  }

  .bocweb-footer .bocweb-footer-bot {
    height: auto;
    line-height: 1.5;
    padding-top: .7rem;
    padding-bottom: .8rem;
    font-size: .24rem;
  }

  .bocweb-footer .cont-fr .t-ul:nth-child(n+2) {
    margin-top: .5rem;
  }

  .bocweb-footer .cont-fr:after {
    display: none;
  }

  .bocweb-footer-bot .fight {
    display: none;
  }

  .bocweb-footer-bot .left {
    width: 100%;
    text-align: center;
  }

  .bocweb-footer .cont-fr .bdshare {
    margin-top: 13px;
  }

  .bocweb-footer .cont-fr .bdshare a {
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .4rem;
  }

  .bocweb-footer .cont-fr {
    font-size: .2rem;
  }

  .bocweb-footer .cont-fr .t-02 {
    font-size: .24rem;
  }

  .quality-body .quality-box .quality-fl .list-top .items {
    background: url(../img/a5a.png) #3d81a8 no-repeat 90%;
  }

  .quality-box .quality-fr .quality-con {
    width: auto;
  }

  .quality-box .quality-fl {
    position: relative;
    z-index: 10;
  }

  .tdetail .i-box .i {
    width: 33%;
  }

  .tdetail .i-box .i:nth-child(n+2) {
    margin-left: 1%;
  }

  .tdetail .i-box .i .span {
    font-size: .24rem;
  }
}

.proli-listfixed .listbox1 .close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  background: url(../img/close.png) no-repeat center;
  background-size: 90%;

}

@media screen and (min-width: 1451px) {
  .search-alert {
    top: 100px;
    position: absolute;
    left: auto;
    right: 2.6%;
  }
}

@media screen and (min-width: 1450px) {
  .search-alert {
    top: 100px;
  }
}

@media screen and (min-width: 1024px) {

  .contact-box .contact-right .map .maptit-li {
    margin: 0 !important;
    margin-left: -4% !important;
  }

  .inside2 .about-hbox {
    position: absolute;
    left: 0;
    width: 100%;
    /*top: 72px;*/
  }

  .about-contact:hover .about-hbox {
    opacity: 1;
  }

  .inside2 .about-hbox {
    /*display: block!important;*/
    opacity: 0;
  }

  .inside2 .about-hbox.in {
    /*display: none!important;*/
    opacity: 0;
  }


  .search-alert {
    height: 70px;
    top: 80px;
    width: 16rem;
    background: rgba(255, 255, 255, .8);
    color: #666;
    position: absolute;
    left: auto;
    right: 2.6%;

  }

  .cgl .close,
  .search-alert .close {
    width: 20px;
    height: 20px;
  }

  .search-alert .cent-form .tex {
    padding-left: 0;
    padding-right: 1.5rem;
  }

  .search-alert .cent-form .tex {
    color: #666;
    height: 70px;
  }

  .search-alert .cent-form .tex::-webkit-input-placeholder {
    color: #666;
  }

  .search-alert .cent-form .tex:-moz-placeholder {
    color: #666;
  }

  .search-alert .cent-form .tex::-moz-placeholder {
    color: #666;
  }

  .search-alert .cent-form .tex:-ms-input-placeholder {
    color: #666;
  }

  .search-alert .cent-form {
    border-bottom: none;

  }

  .search-alert .close {
    top: 25px;
    background: url(../img/png/ico_07.png) no-repeat center;
    background-size: 100%;
  }

  .search-alert .cent-form .sub-butn {
    width: 20px;
    height: 20px;
    background: url(../img/png/search.png) no-repeat center;
    background-size: 100%;
    padding: 0;
    margin-top: 25px;
    text-indent: -999px;
    overflow: hidden;
    margin-right: 25px;
  }


  .search-alert * {
    color: #666 !important;
  }

  .search-alert .cent-form {
    position: static;
    height: 100%;
    margin-top: 0;
    padding-left: 1rem;
  }


}

@media screen and (max-width: 767px) {
  .contact-box .contact-right .map.animate .maptit-li {
    width: 100%;
    position: static;
    transform: translate(0, 0);
  }

  .contact-box .contact-right .mbox img {
    opacity: 0;
    display: none;
  }

  .applicationdetails2.arrangements {
    padding-top: .2rem;
    padding-bottom: .2rem;
  }

  .contact-box .contact-left {
    margin-top: .5rem;
  }

  .quality-box .quality-fl .applicationfl-list.fl-list .item-bot .li {
    padding: .1rem 0;
  }

  .serves-01 .inputbox .items input,
  .serves-01 .inputbox .items select,
  .serves-01 .inputbox .items textarea {
    padding-left: .2rem;
  }

  .contact-box .contact-right .map .maptit .p {
    font-size: .2rem;
    line-height: 1.2;
  }

  .development-list .words .p {
    font-size: .24rem;
    line-height: .35rem;
    height: 1.4rem;
  }

  .application-bot .list:nth-child(n+2) {
    margin-top: 1rem;
  }

  .control .itembox .items:after {
    width: .6rem;
    left: 0;
    height: .4rem;
    top: .5rem;
  }

  .drawing-list .items .img {
    height: 2rem;
    line-height: 2rem;
  }

  .drawing-list .items {
    min-height: auto;
  }

  .campus.serves-01 .inputbox .items .button {
    width: 2rem;

    font-size: .24rem;
  }

  .pr-listbox .arrangements {
    min-height: 6rem;
    opacity: 1;
    transform: none;
    height: auto;
  }

  .tdetail .i-box {
    padding-bottom: .24rem;
    padding-top: .2rem;

  }

  .applicationdetails .arrangements {
    margin-top: .35rem;
  }

  .tdetail .txt2 {
    font-size: .28rem;
    padding-top: .3rem;
    padding-bottom: .16rem;
    line-height: 1.2;
  }

  .tdetail-tit {
    font-size: .32rem;
    margin-bottom: .3rem;
  }

  .application-con .join-bot .joinbot-tit.fixed {
    top: .8rem;
    left: 0;
  }

  .application-con .join-bot {
    /*height: .75rem;*/
    height: auto;
  }

  .m-header {
    height: .8rem;
  }

  .campus.serves-01 .inputbox .items span {
    position: static;
  }

  .serves03 .list .items-bot .p .i {
    padding-left: .45rem;
  }

  .serves-02 .serves2-list {
    overflow: auto;
  }

  .serves-02 .serves2-list table {
    width: 100%;
  }

  .serves-02 .w1400 {
    width: 93%;
  }

  .serves-01 .pw {
    font-size: .24rem;
  }

  .serves03 .list .items-top {
    font-size: .3rem;
    line-height: .6rem;
    height: .6rem;
  }

  .serves-02 table th {
    line-height: 1.6;
  }

  .w1400 {
    /*width: 90%;*/
    width: calc(100% - 1rem);
  }

  .serves-01.k .inputbox .it span {
    position: static;
  }

  .search-alert .close {
    width: 20px;
    height: 20px;
  }

  .aboutmore {
    width: 2.4rem;
    height: .55rem;
    line-height: .55rem;
  }

  .aboutmore b {
    font-size: .24rem;
  }

  .aboutmore span {
    width: .2rem;
    height: .1rem;
  }

  .welabout .text .p {
    line-height: .34rem;
    font-size: .24rem;
    height: 1.02rem;
  }

  .wel-about .w-words .items .i {
    width: .55rem;
    height: .55rem;
  }

  .wel-about .w-words .items .i img {
    width: 100%;
  }

  /**/
  .m-header .w-header {
    padding: 0 .3rem;
    height: .8rem;
  }

  .m-header .welcome-a {
    width: 40%;
  }

  .m-header .uibox {
    width: .5rem;
    height: .5rem;
    margin-top: .15rem;
  }

  .m-header .uio {
    width: 1rem;
  }

  .m-header .nav-btn {
    right: .3rem;
    width: .5rem;
    height: .5rem;
    margin-top: -.25rem;
  }

  .m-header .nav-btn .line {
    /*height: .04rem;*/
  }

  .m-header .sub-menu {
    top: .8rem;
  }

  .m-header .nav-btn.hover .line {
    left: 0;
  }

  .m-header .nav-btn .line1 {
    top: .1rem;
  }

  .m-header .nav-btn .line2 {
    top: .27rem;
  }

  .m-header .nav-btn .line3 {
    bottom: .01rem;
  }

  /**/
  .quality-box .quality-fl .list-bot .items {
    line-height: .75rem;
    height: .75rem;
    font-size: .24rem;
  }

  .pr-listbox .arrangements.k table {
    width: 150%;
  }

  .pr-listbox.pr-listbox0 .arrangements.k table {
    width: 100%;
  }

  .pr-listbox .arrangements.mk table {
    width: 250%;
  }

  .listboxbx .pr-top {
    /*width: 300%;*/
  }

  .pr-listbox .pr-top .ul {
    line-height: .35rem;
    font-size: .24rem;
  }

  .pr-listbox .pr-top .ul .li:after {
    width: .15rem;
    height: .15rem;
  }

  .pr-listbox .pr-top .ul .li {
    padding-left: .3rem;
  }

  .join-bot .joinbot-tit .li span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.3;
  }

  .pro-txt0 {
    font-size: .3rem;
    margin-bottom: .4rem;
  }

  .applicationdetails .arrangements tbody th {
    min-width: 0;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .pul .pli {
    padding-left: .3rem;
    line-height: .35rem;
  }

  .pro-txt {
    font-size: .28rem;
    line-height: .4rem;
    margin-top: .1rem;
  }

  .pul .pli:after {
    width: .1rem;
    height: .1rem;
    top: .1rem;
  }

  .arrangements th {
    height: .8rem;
  }

  .listbox2 tr th {
    font-size: .2rem;
  }

  .listbox2 tr th:nth-child(1),
  .listbox2 tr th:nth-child(2) {
    padding: 0 .2rem;
    width: 30%;
  }

  .pr-listbox .arrangements thead {
    font-size: .24rem;
  }

  .m-header .sub-menu .sec-list p {
    line-height: 2;
    height: auto;
  }

  .listbox2 .kuang {
    width: .4rem;
    height: .4rem;
  }

  .quality-box .quality-fl .applicationfl-list.fl-list .item-bot {
    padding: .4rem .5rem;
  }

  .application-con .join-bot .joinbot-tit {
    margin-bottom: .6rem;
  }

  .applicationdetails {
    margin-top: .35rem;
  }

  .applicationdetails .apli:nth-child(n+2) {
    margin-top: .5rem;
  }

  .application-con .txt0 {
    font-size: .28rem;
  }

  .arrangements thead th {
    height: .8rem;
  }

  .application-con .join-bot {
    margin-top: 0.25rem;
    margin-bottom: .6rem;
  }

  .bocweb-footer .bocweb-footer-top {
    padding-top: .65rem;
    padding-bottom: .8rem;
  }

  .application-bot .items .p {
    font-size: .2rem;
    line-height: 1.5;
    padding-left: .3rem;
  }

  .application-bot .items .p:after {
    width: .08rem;
    height: .08rem;
  }

  .application-top .txt {
    margin-top: .2rem;
  }

  .application-bot .items .li {
    width: 100%;
    margin-left: 0 !important;
  }

  .application-bot .items .words {
    padding-top: 0.2rem;
    padding-bottom: 0.35rem;
    margin-top: 0;
  }

  .quality-box .quality-fl .applicationfl-list.fl-list .item-bot .li {
    font-size: .24rem;
    line-height: 1.5;
  }

  .application-bot .items .h {
    font-size: .26rem;
    margin-bottom: .2rem;
  }

  .application-bot .items {
    margin-top: .3rem;
  }

  .application-bot {
    padding-top: .6rem;
  }

  .application-bot .tit {
    font-size: .3rem;
  }

  .quality-box .quality-fl .applicationfl-list.fl-list span {
    font-size: .28rem;
    line-height: 1.5;
    padding: .1rem 0;
    padding-right: 0.75rem;
  }

  .culture {
    padding-top: 1.1rem;
    padding-bottom: 0.75rem;
  }

  .culture .about-tit .p {
    font-size: .24rem;
  }

  .culture-top .items .left {
    width: 100%;
  }

  .application-top .tit {
    font-size: .36rem;
  }

  .culture-top .items .right {
    width: 100%;
    padding: 0.24rem 0.48rem 0.44rem 0.4rem;
  }

  .culture-top .items .right .p {
    margin-top: 0.25rem;
    font-size: .24rem;
  }

  .culture-top .items .right .tit {
    font-size: .28rem;
  }

  .culture .about-tit .p {
    margin-top: .3rem;
    margin-bottom: 0.65rem;
  }

  .culture-bot .items {
    width: 100%;
    margin-left: 0 !important;
    height: auto;
    padding: 0.45rem 0.4rem;
  }

  .culture-top .items .left,
  .culture-top .items .right {
    height: auto;
  }

  .culture-top .items .left {
    padding: .2rem 0;
  }

  .culture-top .items .left img {
    position: static;
    display: block;
    margin: 0 auto;
    width: 1.5rem;
    height: 1.5rem;
  }

  .culture-bot .items .tit {
    font-size: .3rem;
    margin-bottom: .15rem;
  }

  .culture-bot .items .p {
    font-size: .24rem;
  }

  .history {
    padding-top: 0.82rem;
    padding-bottom: 0.72rem;
  }

  .history-list .list {
    padding-bottom: 0.87rem;
  }

  .history-list {
    margin-top: 0.45rem;
    padding-top: 0.5rem;
  }

  .history-list .wen .line {
    margin-top: 0.25rem;
    margin-bottom: 0.2rem;
  }

  .history-list .img span {
    height: 0.43rem;
  }

  .history-list .img {
    padding-bottom: 0.43rem;
  }

  .history-list .wen {
    padding-top: 0.55rem;
    padding-bottom: 0.2rem;
  }

  .serves-01.k .inputbox .it2 .input,
  .serves-01.k .inputbox .input {
    width: calc(100% - 1.6rem);
  }

  .serves-01.k .inputbox .it {
    width: 100%;
  }

  .serves-01 .inputbox .items {
    margin-bottom: .2rem;
  }

  .serves-01.k .inputbox .it2 {
    margin-top: .2rem;
  }

  .serves-01.k .inputbox .it2 .span {
    width: 1.6rem;
  }

  .serves03 .list .items-bot .t {
    padding-bottom: .2rem;
    font-size: .26rem;
  }

  .serves03 .items {
    margin-bottom: 0.35rem;
  }

  .serves-02 table th:nth-child(1) {
    width: .8rem;
  }

  .serves-01 .in-bot input {
    font-size: .2rem;
    height: .75rem;
    width: 2rem;
  }

  .serves-01 .inputbox .items textarea {
    height: 2rem;
  }

  .serves03 .list .items-bot .p .i:nth-child(n+2) {
    margin-top: .2rem;
  }

  .serves-01 .inputbox .it2 .input {
    padding-left: 0;
  }

  .serves03 .tit .select select {
    padding-left: .25rem;
    font-size: .22rem;
  }

  .serves03 .tit .span {
    width: 2rem;
    height: .75rem;
    line-height: .75rem;
  }

  .serves03 .tit .select {
    width: 2.8rem;
    height: .75rem;
  }

  .serves03 .tit .span i {
    width: .3rem;
    height: .3rem;
  }

  .serves-03 {
    padding-top: 0.9rem;
    padding-bottom: 0.7rem;
  }

  .serves03 .list .items-bot .p .i {
    font-size: .22rem;
    line-height: .3rem;
  }

  .serves03 .tit .span span {
    font-size: .2rem;
  }

  .tit-p {
    font-size: .24rem;
    line-height: 1.8;
  }

  .serves03 .list .items-bot .p .i img {
    width: .3rem;
    height: .3rem;
  }

  .serves-01 .tit-p {
    margin-top: .25rem;
  }

  .serves-01 .inputbox {
    margin-top: 0.65rem;
  }

  .serves-02 .serves2-list {
    margin-top: 0.45rem;
    height: 8rem;
  }

  .serves-02 table thead th {
    font-size: .22rem;
    line-height: 1.3;
    padding: .15rem 0;
  }

  .serves-02 table th {
    font-size: .22rem;
    padding: 0.15rem 0;
  }

  .serves-02 {
    padding-top: 0.75rem;
    padding-bottom: 1.05rem;
  }

  .serves-01.k .inputbox .it2 .span {
    line-height: 1.5;
  }

  .serves-01 .in-bot {
    margin-top: .8rem;
  }

  /**/
  .campus.serves-01 .inputbox .items {
    width: 100%;
  }

  .serves-01 .inputbox .items {
    line-height: .8rem;
  }

  .serves-01 .inputbox .input {
    height: .8rem;
  }

  .serves-01 .inputbox .items input,
  .serves-01 .inputbox .items select {
    line-height: .8rem;
    height: .8rem;
  }

  .serves-01 .pw {
    padding-left: 1.6rem;
  }

  .serves-01 .inputbox {
    font-size: .24rem;
  }

  .serves-01 .inputbox .span {
    width: 1.6rem;
  }

  .serves-01 .inputbox .input {
    float: left;
    width: calc(100% - 1.8rem);
  }

  .serves-01 {
    padding-top: 0.75rem;
    padding-bottom: 0.9rem;
  }

  .campus.serves-01 .inputbox .items .button {
    line-height: .8rem;
    height: .8rem;
  }

  /*鏂伴椈*/
  .news-detailsbox {
    font-size: .24rem;
    padding-top: 0.85rem;
    padding-bottom: 1rem;
  }

  .news-detailsbox .detailsbox-tit .tit {
    font-size: .3rem;
    line-height: 1.6;
  }

  .news-detailsbox .detailsbox-tit .tit {
    width: 100%;
  }

  .news-detailsbox .detailsbox-tit .time {
    font-size: .2rem;
    margin-top: .16rem;
  }

  .news-detailsbox .detailsbox-tit {
    padding-bottom: .28rem;
  }

  .news-detailsbox .detailsbox-center {
    padding-top: 0.45rem;
    padding-bottom: 0.65rem;
  }

  .news-detailsbox .detailsbox-center .span {
    font-size: .24rem;
  }

  .news-details-bot {
    margin-top: .6rem;
  }

  .news-detailsbox .dc-right {
    margin-top: .4rem;
  }

  .news-detailsbox .dc-right .rf {
    padding: 0.5rem 0.37rem 0.6rem 0.45rem;
  }

  .news-detailsbox .dc-right .tit {
    font-size: .3rem;
  }

  .news-detailsbox .dc-right .itbox {
    padding-top: 0.5rem;
    border-top: 1px solid #ececec;
    margin-top: 0.4rem;
  }

  .news-details-bot .back {
    width: .8rem;
    height: .8rem;
    line-height: .8rem;
    font-size: .24rem;
  }

  .news-details-bot .left-prev {
    width: calc(100% - 1rem);
  }

  .news-details-bot .left-prev a {
    font-size: .24rem;
    line-height: .4rem;
    height: .4rem;
  }

  .news-detailsbox .dc-right .li {
    font-size: .24rem;
  }

  .news-detailsbox .detailsbox-tit .time:after {
    width: .24rem;
    height: .24rem;
  }

  .news-detailsbox .detailsbox-tit .time {
    padding-left: .3rem;
  }

  .news-list .newslist-top .items .words {
    padding: 0.375rem 0.6375rem 0.45rem 0.4125rem;
  }

  .news-list .newslist-top .items .tit {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }

  .news-list .newslist-top .items1 .tit {
    height: .36rem;
  }

  .news-list .newslist-top .items2 .tit {
    height: 0.72rem;
  }

  .news-list .newslist-top .items2 .time {
    font-size: .2rem;
    margin-top: .2rem;
  }

  .news-list .newslist-top .items .time {
    margin-bottom: 0.15rem;
  }

  .news-list .newslist-top .items .p {
    font-size: .2rem;
    line-height: .3rem;
    height: .6rem;
  }

  .news-list .newslist-top .items .more {
    font-size: 0.2rem;
    line-height: .6rem;
    height: .6rem;
    margin-top: .2rem;
    width: 1.8rem;
  }

  .news-list .newslist-bot a {
    padding: 0.5rem 0.4rem;
    padding-bottom: 0.65rem;
  }

  .news-list .newslist-bot .images {
    margin-top: 0.26rem;
  }

  .news-list .newslist-bot .tit {
    font-size: 0.2rem;
    line-height: 0.35rem;
    height: .7rem;
  }

  .news-list .newslist-bot .words {
    padding-top: .3rem;
  }

  .news-list .newslist-bot .p {
    font-size: .2rem;
    line-height: .32rem;
    height: .64rem;
    margin-top: .1rem;
  }

  .news-list .newslist-bot {
    margin-top: .4rem;
    margin-bottom: .6rem;
  }

  .news-list .newslist {
    padding-top: 0.45rem;
    padding-bottom: 0.5rem;
  }

  .news-list {
    padding-top: 0.52rem;
    padding-bottom: 0.73rem;
  }

  .newslist-select .items {
    width: 3rem;
    height: .8rem;
    font-size: .24rem;
  }

  .news-list .newslist-bot .time {
    font-size: .2rem;
  }

  /*鏂伴椈*/
  /*鐜*/
  .about-contact .about-contact-tit .items {
    width: 25%;
    line-height: .8rem;
    height: .8rem;
    font-size: .28rem;
  }

  .about-contact .about-contact-tit {
    line-height: 1;
  }

  .about-contact .about-contact-txt .items {
    padding: 0;
    font-size: .24rem;
    width: 20%;
  }

  .about-contact .about-contact-txt {
    line-height: .7rem;
    height: .7rem;
  }

  .inside-box {
    padding-top: 0.73rem;
    padding-bottom: 0.85rem;
  }

  .environment-bot .items .span,
  .environment-top .span {
    font-size: .22rem;
    line-height: .6rem;
    height: .6rem;
  }

  .tmore {
    width: .65rem;
    height: .65rem;
    line-height: .65rem;
    font-size: .5rem;
  }

  .inside-box .tmore {
    margin-top: .15rem;
  }

  .life .life-list .items .words {
    padding-top: 0.25rem;
    padding-bottom: 0.55rem;
  }

  .life .life-list .items {
    width: 100%;
    margin-left: 0%;
  }

  .life .life-list .items:nth-child(3n+1) {
    margin-left: 0%;
  }

  .life .life-list .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .life .life-list .items .tit {
    font-size: .28rem;
    line-height: .4rem;
    height: .4rem;
  }

  .life .life-list .items .txt {
    font-size: .24rem;
    line-height: .35rem;
    height: .7rem;
    margin-bottom: 0.3rem;
    margin-top: 0.3758 0.4rem;
  }

  .development-list .words .tit {
    font-size: .3rem;
    line-height: 1.5;
    display: block;
    overflow: visible;
    height: auto;
  }

  .development-list .words .txt {
    font-size: .26rem;
    line-height: .4rem;
    height: .4rem;
    padding-left: .5rem;
    margin-top: 0.17032rem;
  }

  .development-list .words .txt:after {
    width: .35rem;
  }

  .development-list .items {
    padding: .5rem 0;
  }

  .development-list .items:nth-child(1) {
    padding-top: 0;
  }

  .development-list .words .tbox {
    padding-top: 0.15rem;
    padding-bottom: 0.23rem;
  }

  .welfare-top .tit {
    font-size: .36rem;
  }

  .welfare-top .txt br {
    display: none;
  }

  .welfare-list .items {
    width: 100%;
    margin-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.35rem;
    margin-top: 2%;
  }

  .welfare-list .items .img {
    width: 1.5rem;
    height: 1.5rem;
  }

  .welfare-list .items .text-con {
    padding-top: 0.25rem;
  }

  .welfare-list .items .tit {
    margin-bottom: .2rem;
    font-size: .28rem;
  }

  .welfare-list .items .txt {
    font-size: .24rem;
    line-height: 1.5;
    height: auto;
  }

  .welfare-top .txt {
    font-size: .24rem;
    line-height: 1.6;
  }

  .welfare-list {
    padding-top: 0.45rem;
  }

  .welfare-top .txt {
    margin-top: 0.25rem;
  }

  .joindetails-box .tit {
    margin-bottom: .3rem;
    font-size: .36rem;
  }

  .joindetails-box .tit-20 {
    font-size: .28rem;
    margin-bottom: .2rem;
  }

  .join-button {
    width: 2rem;
    height: .8rem;
    line-height: .8rem;
    font-size: .24rem;
  }

  .ttop {
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .4rem;
    right: 0.5rem;
    bottom: 0.9rem;
  }

  .contact-box .contact-right {
    height: auto;
  }

  .contact {
    padding: .3rem .5rem;
  }

  .contact-box .contact-right .map .maptit {
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 2.9rem;
    height: 2.7rem;
    min-height: 0;
  }

  .contact-box .contact-right .map .swiper-pagination {
    left: .2rem;
    padding: 0 .2rem;
  }

  .contact-box .contact-right .map .maptit .items {
    padding: .2rem;
    padding-bottom: .1rem;
  }

  .contact-box .contact-right .map .maptit .tit {
    font-size: .24rem;
    line-height: .35rem;
    height: .35rem;
  }

  .contact-box .contact-right .map .pb {
    font-size: .2rem;
    padding-right: .2rem;
  }

  .contact-box .contact-right .map .swiper-pagination .swiper-pagination-bullet {
    width: .1rem;
    height: .1rem;
  }

  .contact-box .contact-left .tit {
    font-size: .36rem;
    line-height: 1.2;
    padding-bottom: .4rem;
  }

  .contact-box .contact-left .list {
    font-size: .24rem;
    padding-right: .4rem;
  }

  .contact-box .contact-left .list .li {
    padding: .2rem 0;
  }

  .contact-box .contact-right .map .swiper-pagination .swiper-pagination-bullet:nth-child(n+2) {
    margin-left: .1rem;
  }

  .wel-pro-list .li .li-bot {
    display: none !important;
  }

  .wel-pro-list .li {
    width: 50%;
  }

  .wel-banner .words {
    padding: 0.6rem 0.5rem 0.575rem 0.5rem;
    display: none;
  }

  .wel-banner .words .tit {
    font-size: .72rem;
  }

  .wel-banner .words .txt {
    font-size: .2rem;
    line-height: .3rem;
    margin-top: .15rem;
  }

  .wel-banner .words .t {
    font-size: .42rem;
    line-height: .52rem;
    margin-bottom: 0;
  }

  .wel-banner .words .welmore {
    display: none;
  }

  .wel-banner .words .line {
    margin: .2rem 0;
  }

  .wel-banner .buts {
    bottom: .6rem;
  }

  .wel-banner .buts .swiper-pagination .swiper-pagination-bullet {
    padding: 0 0.18rem;
    padding-top: 0.15rem;
  }

  .wel-pro-list {
    padding: 0 .5rem;
    padding-top: .6rem;
    padding-bottom: 0.65rem;
  }

  .wel-pro-list .tit {
    font-size: .5rem;
    color: #333333;
    margin-bottom: .25rem;
    padding: 0;
  }

  .wel-pro-list .li .li-top {
    padding: 0;
  }

  .wel-pro-list .li .li-top:before {
    display: none;
  }

  .wel-pro-list .li .li-top .span:after,
  .wel-pro-list .li .li-top:after {
    display: none;
  }

  .wel-pro-list .li .li-top {
    font-size: .26rem;
    line-height: .7rem;
    height: .7rem;
  }

  .wel-pro-list .prolist {
    padding: .4rem 0;
  }

  .wel-recommend .wel-tit {
    font-size: .5rem;
    margin-bottom: .45rem;
  }

  .wel-recommend {
    padding-top: .8rem;
    padding-bottom: .95rem;
  }

  .wel-recommend .swiper-button-prev,
  .wel-recommend .swiper-button-next {
    width: .5rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .3rem;
  }

  .wel-recommend .words {
    padding: 0.5rem;
    padding-bottom: .7rem;
  }

  .wel-recommend .tit {
    font-size: .44rem;
    line-height: .5rem;
    height: .5rem;
  }

  .wel-recommend .txt {
    font-size: .3rem;
    line-height: .4rem;
    height: .4rem;
  }

  .wel-recommend .items {
    padding: 1px;
  }

  .wel-recommend .p {
    line-height: .36rem;
    font-size: .22rem;
    height: 1.08rem;
  }

  .wel-recommend .recommendmore {
    display: none;
  }

  .wel-serves .img {
    height: 6.4rem;
  }

  .wel-serves .wordsbox0 {
    padding: 0;
  }

  .wel-serves .wordsbox0 .wordsbox {
    width: 100%;
    height: auto;
    margin-top: -.8rem;
    padding: 0.6rem 0.5rem;
    padding-right: 0.95rem;
  }

  .wel-serves .wordsbox .recommendmore {
    display: none;
  }

  .wel-serves .words .text {
    padding-top: 2rem;
  }

  .wel-serves .words .text .tit {
    font-size: .52rem;
    margin-bottom: .3rem;
  }

  .wel-serves .words .text {
    font-size: .24rem;
    line-height: 1.2;
  }

  .wel-serves .wordsbox .tit {
    font-size: .4rem;
    margin-bottom: .32rem;
  }

  .wel-serves .wordsbox .txt {
    font-size: .24rem;
    line-height: .34rem;
    height: 1.02rem;
    -webkit-line-clamp: 3;
  }

  .wel-news {
    padding-top: 3.15rem;
  }

  .wel-news .welnews-top .en {
    font-size: .48rem;
  }

  .wel-news .welnews-top .cn {
    font-size: .5rem;
    margin-top: .1rem;
  }

  .wel-news .welnews-top .right .txt {
    font-size: .24rem;
    line-height: .34rem;
  }

  .wel-news .welnews .news-more {
    margin-top: .6rem;
    display: none;
  }

  .wel-news .welnews-bot .items {
    width: 100%;
    margin-left: 0 !important;
    padding: .4rem .5rem .65rem .35rem;
  }

  .wel-news .welnews-bot {
    margin-top: .6rem;
    padding-bottom: .65rem;
  }

  .welnews-images {
    display: none;
  }

  .wel-news .list {
    display: none;
  }

  .wel-news .welnews-bot .items .time {
    font-size: .22rem;
  }

  .wel-news .welnews-bot .items .tit {
    font-size: .4rem;
    line-height: .5rem;
    height: 1rem;
    margin-top: .35rem;
    margin-bottom: .35rem;
    color: #333333;
  }

  .wel-news .welnews-bot .items .p {
    font-size: .24rem;
    line-height: .34rem;
    height: 1.02rem;
  }

  .wel-news .welnews-bot .items .welmore {
    display: none;
  }

  .wel-news .welnews-bot .items {
    margin-bottom: .4rem;
  }

  .welabout .text {
    width: auto;
    padding-top: 1.6rem;
  }

  .wel-about .w-words {
    height: auto;
  }

  .welabout .img {
    height: 7.8rem;
  }

  .wel-about .w-words .items {
    width: 100%;
  }

  .wel-about .w-words .items:nth-child(n+2) {
    border-left: 0;
  }

  .welabout .text .en {
    font-size: .26rem;
    margin-bottom: .15rem;
  }

  .welabout .text .cn {
    font-size: .5rem;
  }

  .welabout .text .line {
    margin-top: .4rem;
    margin-bottom: .45rem;
  }

  .wel-about .w-words .items {
    padding: 0;
    font-size: .24rem;
  }

  .wel-about .w-words .items .txt {
    font-size: .24rem;
    line-height: .34rem;
    height: 1.02rem;
    -webkit-line-clamp: 3;
  }

  .wel-about .w-words .items .tit {
    font-size: .36rem;
    line-height: 1;
    height: auto;
  }

  .wel-about .w-words {
    padding: 0;
    margin-top: -.85rem;
  }

  .wel-about .w-words .items {
    padding: .4rem .6rem .3rem .4rem;
  }

  .wel-banner .words .fr {
    float: left;
  }

  .wel-banner .words br {
    display: block;
  }

  .introduction {
    width: 90%;
    font-size: .24rem;
    padding-top: 0.67rem;
    padding-bottom: 0.9rem;
  }

  .introduction-words .items .tit {
    font-size: .3rem;
    line-height: 1.2;
    height: auto;
  }

  .serves03 {
    margin-top: 0.55rem;
  }

  .about-tit .txt {
    font-size: .36rem;
    line-height: 1.5;
    /*margin-top: 0.25rem;*/
  }

  .introduction-words {
    padding-top: .45rem;
  }

  .about-tit .tit {
    width: 1.5rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .2rem;
  }

  .introduction-words .items .itbox .li .num {
    font-size: .4rem;
  }

  .introduction-words .items .itbox .li .txt {
    font-size: .2rem;
    line-height: .3rem;
    margin-top: .1rem;
  }

  .introduction-words .items .itbox .li:nth-child(n+2) {
    margin-left: 0;
  }

  .introduction-words .items .itbox .li {
    width: 33%;
    height: auto;
    padding: 0.25rem 0.3rem;
  }

  .introduction-words .items:nth-child(n+2) {
    margin-top: .4rem;
  }

  .serves03 .list .items-bot {
    padding: 0.35rem 0.6rem 0.4rem 0.35rem;
    height: 255px;
  }

  .join-top .items {
    width: 100%;
    margin-left: 0;
  }

  .join-top .items:nth-child(n+2) {
    margin-top: .4rem;
  }

  .join-top .items .span {
    font-size: .24rem;
    padding: 0.3rem .5rem;
  }

  .serves03 .list {
    padding-bottom: 0.35rem;
    margin-top: 0.36rem;
  }

  .serves03 .list .items-bot .p {
    padding-top: .2rem;
  }

  .join-top .items.video .tv:after {
    width: .5rem;
    height: .5rem;
    left: .3rem;
  }

  .join-top .items.video .tv {
    padding-left: 1rem;
  }

  .join-top .items .span span {
    font-size: .3rem;
  }

  .join-bot {
    padding-top: 0.75rem;
  }

  .join-bot .joinbot-tit {
    /*margin-bottom: .45rem;*/
  }

  .joinbot-list .tr {
    padding: 0 .3rem;
  }

  .joinbot-list .join-button {
    margin-top: 0.7rem;
  }

  .joinbot-list .join-thead .th {
    font-size: .28rem;
    line-height: 1.3;
    padding: .3rem 0;
  }

  .joinbot-list .join-tbody .th {
    line-height: 1.2;
    font-size: .24rem;
    padding: .25rem .05rem;
  }

  .joinbot-list {
    overflow-x: auto;
  }

  .join-table {
    padding-bottom: .5rem;
  }

  .join-bot .joinbot-tit .li {
    font-size: .2rem;
    line-height: .75rem;
    height: .75rem;
    /*width: 20%;*/
    border-bottom: 1px solid #e4e4e4;
    width: 25%;
  }

  .join-bot .joinbot-tit {
    border-bottom: none;
  }

  .joinbot-list .td-last.th {
    width: 20%;
  }

  .joinbot-list .th {
    width: 20%;
    word-break: break-word;
  }

  .words-box {
    font-size: .24rem;
  }

  .joindetails-box .words:nth-child(n+2) {
    margin-top: .4rem;
  }

  .development-list .words {
    padding-right: 0;
  }

  .process .process-words .items {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }

  .process .process-words .items:nth-child(3n+1) {
    margin-left: 2%;
  }

  .process .process-words .items:nth-child(2n+1) {
    margin-left: 0%;
  }

  .process .process-images {
    height: auto;
  }

  .process .process-words .items:nth-child(2n+2) {
    margin-top: 0;
  }

  .process .process-words .items:nth-child(3n+2) {
    margin-top: 0;
  }

  .process .process-words {
    padding: 1.28rem 0;
  }

  .process .process-words .items {
    padding: 0.55rem 0.04rem;
  }

  .process .process-words .img {
    width: .6rem;
    height: .6rem;
    margin: 0 auto;
  }

  .process .process-words .items .span {
    font-size: .24rem;
    line-height: 1.5;
    margin-top: .15rem;
  }

  .arrangements {
    padding-top: 0.7rem;
    padding-bottom: 0.77rem;
  }

  .arrangements thead {
    font-size: .24rem;
  }

  .arrangements tbody tr {
    font-size: .24rem;
  }

  .arrangements {
    overflow-x: auto;
  }

  .arrangements table {
    width: 200%;
  }

  .quality-box {
    padding-top: 0.65rem;
    padding-bottom: 1.05rem;
  }

  .quality-box .quality-fl .fl-list {
    padding: .42rem 0;
  }

  .quality-box .quality-fl .input {
    height: .7rem;
    font-size: .24rem;
  }

  .quality-tit {
    font-size: .32rem;
  }

  .quality-01 .tit-smil {
    font-size: .28rem;
  }

  .quality-con {
    margin-top: .35rem;
  }

  .quality-01 .itemsbox {
    margin-top: .3rem;
  }

  .quality-01 .li:after {
    width: .6rem;
    height: .6rem;
    font-size: .3rem;
    line-height: .6rem;
    right: .2rem;
  }

  .drawing-list .items .words {
    font-size: .24rem;
    line-height: .4rem;
    margin-top: .15rem;
    min-height: .8rem;
  }

  .drawing-list {
    /*padding-top: .4rem;*/
  }

  .quality-01 .li {
    width: 100%;
    margin-left: 0;
    height: 0.78rem;
    line-height: 0.78rem;
    font-size: 0.22rem;
  }

  .drawing-list .items {
    font-size: .24rem;
    padding: 0.24rem;
  }

  .drawing-list .items {
    width: 49%;
    margin-left: 2%;
  }

  .drawing-list .items:nth-child(4n+1) {
    margin-left: 2%;
  }

  .drawing-list .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .drawing .selectbox select {
    width: 80%;
    height: .75rem;
  }

  .quality-box .quality-fl .input input[type=submit] {
    width: .3rem;
    height: .3rem;
    right: .15rem;
  }

  .drawing .selectbox {
    font-size: .24rem;
  }

  .greempro .table tbody th {
    padding: .1rem .4rem;
    font-size: .24rem;
  }

  .greempro .table th:nth-child(1) {
    width: auto;
  }

  .greempro .table thead {
    font-size: .28rem;
  }

  .con-text,
  .text-con {
    font-size: .24rem;
  }

  .greempro .quality-tit {
    margin-bottom: .3rem;
  }

  .greempro .text-con {
    width: 100%;
    margin-bottom: .3rem;
  }

  .quality-box .quality-fl .fl-list .items {
    padding: 0 0.34rem;
  }

  .target-list .items .span span {
    font-size: .44rem;
  }

  .target-list .items {
    font-size: .24rem;
    width: 49%;
    margin-left: 2%;
    height: auto;
    margin-bottom: 0.24rem;
    padding: 0.2rem;
    padding-top: 0.4rem;
  }

  .target-list .items:nth-child(4n+1) {
    margin-left: 2%;
  }

  .target-list .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .target-list .items .t {
    line-height: .32rem;
  }

  .safety.quality-01 .itemsbox {
    margin-top: 0.5rem;
  }

  .safety .img {
    width: .5rem;
    height: .5rem;
    margin-bottom: .2rem;
  }

  .control .itembox .items .i {
    width: 0.65rem;
    height: 0.65rem;
  }

  .control .itembox .items .i img {
    width: 100%;
  }

  .control .itembox .items .span {
    font-size: .24rem;
    margin-top: .15rem;
  }

  .control .itembox .items {
    height: auto;
    width: 32%;
    margin-left: 2%;
    margin-bottom: 2%;
    padding: .3rem 0;
  }

  .control .itembox .items:nth-child(6n+1) {
    margin-left: 2%;
  }

  .control .itembox .items:nth-child(3n+1) {
    margin-left: 0;
  }

  .control .btwen {
    font-size: .2rem;
    margin-top: .42rem;
  }

  .control .text {
    margin-top: .4rem;
  }

  .management .tit {
    font-size: .28rem;
    line-height: 1.5;
    margin-bottom: .2rem;
  }

  .initiatives .words {
    line-height: 2;
  }

  .management .quality-tit {
    margin-bottom: .3rem;
  }

  .initiatives-list .items {
    font-size: .24rem;
    width: 100%;
    margin-left: 0;
    margin-bottom: .3rem;
    padding: 0.25rem 0.4rem 0.35rem 0.4rem;
    min-height: 0;
  }

  .initiatives-list .items .img {
    width: 0.58rem;
    height: 0.58rem;
  }

  .initiatives-list .items .t {
    font-size: .3rem;
    margin-top: .2rem;
  }

  .initiatives-list .items .p {
    margin-top: .2rem;
    font-size: .24rem;
    line-height: 1.6;
  }

  .history-list .i {
    width: 90%;
  }

  .history-list .wen .time {
    font-size: .28rem;
  }

  .history-list .wen {
    font-size: .24rem;
  }

  .history-list .spanmore {
    width: 1.8rem;
    height: .75rem;
    line-height: .75rem;
    font-size: .24rem;
  }

  .qualification {
    padding: .8rem 0;
  }

  .qualification .list .items {
    padding-bottom: 0.35rem;
    padding-top: .4rem;
  }

  .qualification .list {
    width: auto;
    width: 90%;
    max-width: 100%;
    margin-top: 0.45rem;
  }

  .qualification .list .items .item-right,
  .qualification .list .items .item-left {
    width: 100%;
  }

  .qualification .list .items .item-left {
    margin-bottom: .25rem;
    font-size: .36rem;
  }

  .qualification .list .items .item-left span {
    font-size: .24rem;
  }

  .qualification .list .items .item-right .w {
    font-size: .24rem;
  }

  .qualification .list .items .item-right .more {
    margin-top: 0.25rem;
    font-size: .2rem;
  }
}

/*# sourceMappingURL=style.css.map */



.contact-box .contact-right .map .maptit {
  position: static;
}

@keyframes myfirst {
  0% {
    transform: scale(0);
    opacity: 1
  }

  100% {
    transform: scale(3);
    opacity: 0
  }
}

.contact-box .contact-right .map .maptit-li {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.contact-box .contact-right .map .maptit-li {
  margin-left: -6%;
  margin-top: 6%;
}

.contact-box .contact-right .map .maptit-li.maptit-li1 {
  /*margin-left: -15%;*/
  /*margin-top: 0;*/
}

.contact-box .contact-right .map .dianbox .dian {
  position: absolute;
  width: .3rem;
  height: .3rem;
  max-width: 10px;
  max-height: 10px;
  border-radius: 50%;
  background: #726593;

}

.contact-box .contact-right .map .dianbox .dian:after {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  opacity: 0;
}

.contact-box .contact-right .map .dianbox .dian.active:after {
  opacity: 1;
}

.contact-box .contact-right .map .dianbox .dian.active span {
  background: #726593;
}

.contact-box .contact-right .map .dianbox .dian span {
  width: 400%;
  height: 400%;
  display: block;
  background: rgba(79, 57, 139, .2);
  border-radius: 50%;
  /*animation: myfirst 2s infinite linear 1s;*/
  /*transform: scale(0);*/
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.contact-box .contact-right .map .dianbox .dian1 {
  top: 6.35rem;
  left: 4.2rem;
}

.contact-box .contact-right .map .dianbox .dian1 span {
  width: 800%;
  height: 800%;
}

/*.contact-box .contact-right .map .dianbox .dian2{
  top: 5.625rem;
  right: 7.8rem;
}*/
.contact-box .contact-right .map .dianbox .dian2 {
  top: 35%;
  right: 28%;
}

/*.contact-box .contact-right .map .dianbox .dian3{
  top: 6.625rem;
  right: 5.3rem;
}*/

/*.contact-box .contact-right .map .dianbox .dian4{
  top:6.875rem;
  right:6rem;
}*/
.contact-box .contact-right .map .dianbox .dian3 {
  top: 8rem;
  right: 6.2rem;
}

.contact-box .contact-right .map .dianbox .dian4 {
  top: 8rem;
  right: 7rem;
}

.contact-box .contact-right .map .dianbox .dian5 {
  top: 45%;
  right: 26%;
}

.contact-box .contact-right .map .dianbox .dian7 {
  top: 9.5rem;
  right: 7.5rem;
}

/*.contact-box .contact-right .map .dianbox .dian5{
  top:7rem;
  right:7.75rem;
}*/
/*.contact-box .contact-right .map .dianbox .dian6{
  top: 7.2rem;
  right: 6.3rem;
}*/
.contact-box .contact-right .map .dianbox .dian6 {
  top: 9rem;
  right: 6.8rem;
}

/*.contact-box .contact-right .map .dianbox .dian7{
  top:8.125rem;
  right:6.8rem;
}*/
/*.contact-box .contact-right .map .dianbox .dian8{
    top: 7.98rem;
    right: 5.8rem;
}*/
.contact-box .contact-right .map .dianbox .dian8 {
  top: 8.7rem;
  right: 7.5rem;
}

.contact-box .contact-right .map .maptit {
  /*width: 7.25rem;*/
  /*min-height: 5.125rem;*/
  width: 11.25rem;
  /*min-height: 6rem;*/
}

.contact-box .contact-right .map .maptit-li {
  z-index: 5;
}

.contact-box .contact-right .map .maptit .tit {
  font-size: .45rem;
  line-height: .65rem;
  /*height: 1.3rem;*/
}

/* 2023.5.9 */

.zhankai {
  width: max-content;
  padding: .2rem .5rem;
  border: 1px solid #e4e4e4;
  transition: all .3s;
}

.zhankai div {
  display: inline-block;
  width: 24px;
  margin-right: 5px;
}

.zhankai div img {
  max-width: 100%;
}

.zhankai p {
  color: #666666;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  transition: all .3s;
}

.zhankai:hover {
  background-color: #afd489;
  border-color: #afd489;
}

.zhankai:hover div {
  filter: brightness(100);
}

.zhankai:hover p {
  color: #fff;
}

.arrangements .table-head {
  background: #e0e4df;
  border-top: 3px solid #afd489;
  font-size: 13px;
  color: #000000;
}

.arrangements th {
  width: 90px;
  height: 50px;
  text-align: center;
  font-weight: normal;
  padding-left: 5px;
  font-size: 13px;
  color: #000;
  border: 1px solid #f0f0f0;
}

.arrangements td {
  font-weight: normal;
  height: 40px;
  text-align: left;
  padding-left: 5px;
  font-size: 13px;
  color: #666;
  border: 1px solid #f0f0f0;
}

.applicationdetails td a {
  color: #666666;
  display: inline-block;
  line-height: 1.2;
  border-bottom: 1px solid transparent;
  transition: .5s ease-in-out;
  vertical-align: middle;
}

.pr-listbox.proli-listfixed .arrangements table td {
  height: auto;
  word-break: break-word;
}

.application-con .words table thead tr th {
  color: #fff;
}

@media screen and (max-width: 1650px) {
  .contact-box .contact-right .map .maptit {
    width: 9rem;

  }

  .contact-box .contact-right .map .maptit-li,
  .contact-box .contact-right .map .maptit-li.maptit-li1 {
    margin-left: -10%;
  }
}

@media screen and (max-width: 767px) {
  .contact-box .contact-right .map.animate .maptit-li {
    max-height: 100%;
  }

  .contact-box .contact-right .map .maptit .p {
    margin-bottom: .1rem;
  }


  .contact-box .contact-right .map .dianbox .dian {
    width: .12rem;
    height: .12rem;
  }

  .contact-box .contact-right .map .dianbox .dian span {
    width: 200%;
    height: 200%;
  }

  .contact-box .contact-right .map .dianbox .dian1 {
    top: 2.5rem;
    left: 2.1rem;
  }

  .contact-box .contact-right .map .dianbox .dian1 span {
    width: 450%;
    height: 450%;
  }

  .contact-box .contact-right .map .dianbox .dian2 {
    top: 2.5rem;
    right: 3.9rem;
  }

  .contact-box .contact-right .map .dianbox .dian3 {
    top: 3.3rem;
    right: 2.6rem;
  }

  .contact-box .contact-right .map .dianbox .dian4 {
    top: 3.4rem;
    right: 3rem;
  }

  .contact-box .contact-right .map .dianbox .dian5 {
    top: 3.5rem;
    right: 3.7rem;
  }

  .contact-box .contact-right .map .dianbox .dian6 {
    top: 3.6rem;
    right: 3.1rem;
  }

  .contact-box .contact-right .map .dianbox .dian7 {
    top: 4rem;
    right: 3.4rem;
  }

  .contact-box .contact-right .map .dianbox .dian8 {
    top: 4rem;
    right: 3rem;
  }

  .contact-box .contact-right .map .maptit {
    /*width: 5rem;*/
    width: 100%;
    min-height: 2.5rem;
    height: auto;
    padding-bottom: .2rem;
  }

  .contact-box .contact-right .map .maptit .tit {
    font-size: .2rem;
    line-height: .35rem;
    height: .35rem;
    /*height: .7rem;*/
    margin-bottom: .1rem;
  }

  .contact-box .contact-right .map .i img {
    /*width: 50%;*/
  }

  .contact-box .contact-right .map .maptit-li {
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
}

.ytable {
  display: flex;
}

.xiaz {
  width: max-content;
  padding: .2rem .5rem;
  border: 1px solid #e4e4e4;
  transition: all .3s;
  margin-left: 20px;
  display: block;
}

.xiaz div {
  display: inline-block;
  width: 24px;
  margin-right: 5px;
}

.xiaz div svg {
  max-width: 100%;
  transform: translateY(5px);
  fill: #3d81a8;
}

.xiaz p {
  color: #666666;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  transition: all .3s;
}

.xiaz:hover {
  background-color: #afd489;
  border-color: #afd489;
}

.xiaz:hover div svg {
  fill: #afd489;
}

.xiaz:hover div {
  filter: brightness(100);
}

.xiaz:hover p {
  color: #fff;
}

.pro-fixed-menu.b .ul .li .y-li-bot {
  width: 30%;
}

.pro-fixed-menu.b .ul .li .li-bot .twoli .three {
  position: absolute;
  left: 100%;
  top: 0;
  min-width: 50%;
  display: none;
}

.pro-fixed-menu .ul .li .li-bot {
  overflow: initial;
}

.pro-fixed-menu .ul .li .is {
  color: #666666;
  display: block;
  line-height: 35px;
  padding: 0 2%;
  width: 100%;

}

.pro-fixed-menu .ul .li .is:hover {
  color: #ffffff;
  background: #3d81a8;
  /* transition: .5s ease-in-out; */
}

.quality-box .quality-fl .applicationfl-list.fl-list .item-bot {
  padding: 0 1rem;
}

.quality-box .quality-fl .applicationfl-list.fl-list .item-bot .three {
  padding: 0 0.5rem;
  display: none;
}

.quality-box .quality-fl .applicationfl-list.fl-list .item-bot .three .lis {
  line-height: 1.3;
  padding: 10px 0;
  font-size: 14px;
  color: #666666;
  display: block;
}
.quality-box .quality-fl .applicationfl-list.fl-list .item-bot .three .lis.active{
  color: #007c8c;
}
.quality-box .quality-fl .applicationfl-list.fl-list .twoitem a{
  position: relative;
}
.quality-box .quality-fl .applicationfl-list.fl-list .twoitem b {
  font-weight: normal;
  color: #7d7d7d;
  width: 15px;
  height: 8px;
  text-align: center;
  line-height: 8px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 12px;
  margin: auto;
  color: #666;
  transform: rotate(90deg);
  transition: .5s ease-in-out;
}

.quality-box .quality-fl .applicationfl-list.fl-list .twoitem b:before {
  content: "\e6b2";
}

.quality-box .quality-fl .applicationfl-list.fl-list .twoitem:hover b, .quality-box .quality-fl .applicationfl-list.fl-list .active.twoitem b {
  transition: .5s ease-in-out;
  transform: rotate(0);
}
.quality-box .quality-fl .applicationfl-list.fl-list .item-bot .three .lis:hover{
  color: #007c8c;
}