/*content-box*/
.content-box {position: relative;width: 100%; padding: 20px 0;display: block;}
.content-box .contact{display: flex;justify-content: space-between;padding-top:20px;}
.content-box .contact ul li{padding:10px 0;}
.content-box .contact ul li:first-child{font-size: 1.6rem;font-weight: bold;}
.content-box .contact ul li:nth-child(4){font-size: 2rem;color:#0c63d0;font-family: "BarlowCondensed-SemiBold";letter-spacing: 3px;}
.content-box .contact .rcode{margin-top:1rem;margin-right: 5rem;}
.content-box .contact .rcode span{display: block;text-align: center;}
.content-box .guestbook{padding-top: 4rem;}

.form_gb {
  width: 100%;
}

.form_gb .row {
  display: flex;
}

.form_gb .groupbox {
  display: flex;
  padding: .9375rem;
  width: 33.333%;
}

.form_gb .groupbox .group {
  border: 1px solid #ededed;
  display: flex;
  padding: 0 0 0 1.625rem;
  width: 100%;
  position: relative;
  align-items: flex-start;
}

.form_gb .groupbox .group .span {
  white-space: nowrap;
  line-height: 3.9375rem;
  font-size: 1.125rem;
  color: #a3a3a3;
}

.form_gb .groupbox .yzm img {
  height: 100%;
}

.form_gb input {
  height: 3.9375rem;
  width: 100%;
  color: #262626;
  font-size: 1.125rem;
}

.form_gb .btnbox {
  width: calc(100% - 345px);
}

.form_gb textarea {
  width: 100%;
  height: 100%;
  font-size: 1.125rem;
  padding-top: 1.125rem;
  color: #262626;
}

.form_gb .btn_tijiao {
  position: relative;
  z-index:0;
  display: block;
  width: 13.4375rem;
  height: 3.9375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.125rem;
  border-radius: 4px;
  background: #0c63d0;
  border: 0;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
}
.form_gb .btn_tijiao:before {
    content: ""; display:block;
    width:0;
    height: 100%; background:#31bdec;
    position: absolute; z-index:-1;
    right: 0;
    top: 0;
    -webkit-transition: .38s cubic-bezier(.4,0,.2,1);
    transition: .38s cubic-bezier(.4,0,.2,1);
    border-radius: 3px;
}
.form_gb .btn_tijiao:hover:before { width:100%; right:auto; left:0;}

.content-box .company_map{padding: 6rem 0 10rem 0;}
.company_map .map{text-align: center;padding:0 20px;}
.company_map .map img{width:100%;cursor: pointer;}

.class-container{background: url(../images/s_about_bg.png) center bottom no-repeat}

.b_title{max-width: 1620px;padding: 0 10px;margin: 0 auto;text-align: center;margin-bottom: 4rem;}
.b_title i {display: block; width: 55px; height: 3px; background: #0e64b1; margin-top: 1.5rem; margin:0 auto;}
.b_title h3{display: block;font-size: 1.875rem;color: #3e3e3e;font-weight: bold;padding:20px 0;}
.b_title span{display: block;color: #888;}

@media (max-width: 992px){
	.content-box {box-sizing: border-box;padding-top:0;}
	.content-left,.content-right{width: 100%;}
	.content-left .content video{width: 100%;}
  .form_gb .row:last-child .groupbox:first-child{width:40%;}
  .form_gb .row:last-child .groupbox:last-child{width:25%;}  
  .form_gb .groupbox .yzm img{height: 51px;}
}
@media (max-width: 576px){
	.b_title{margin-bottom: 40px;}
  .content-left h3{font-size: 20px;}
	.content-left .d-image{width: 100%;}
	.content-left .d-info{width: 100%;padding-top: 20px;}
	.content-left .d-info h4{font-size: 22px;}
	.content-left .d-info span{font-size: 18px;}
  .class-box .menu .menu_left{display: flex;justify-content: space-around;}
  .class-box .menu .menu_left a{padding:10px 12px;font-size: 16px;margin-right: 0;}
  .content-box .contact .rcode {margin-top: 0;margin-right: 0; }
  .content-box .contact ul{margin-right: 20px;}
  .content-box .contact ul li:first-child{font-size: 1.5rem;}
  .content-box .contact ul li {padding: 5px 0; }
  .form_gb .row {display: flex;flex-direction: column;}
  .form_gb .groupbox{width: 100%;}
  .form_gb .row:last-child .groupbox:first-child{width:100%;}
  .form_gb .row:last-child .groupbox:last-child{display: none;}
}