

.about-page .inner-about p.tits {

  font-family: poppins-regular;

  color: #666666;

  line-height: 25px;

  font-size: 18px;

  text-align: center;

}

.about-page .inner-about h2 {

  font-size: 30px;

  color: #000000;

  margin: 5px 0 30px;

  padding-bottom: 10px;

  position: relative;

  text-align: center;

  margin-bottom: 60px;

}

.about-page .inner-about h2:after {

  content: '';

  position: absolute;

  width: 50px;

  height: 2px;

  background: #2c4a95;

  left: 50%;

  margin-left: -25px;

  bottom: 0;

}

.about-page .inner-about p {

  line-height: 35px;

  color: #333333;

  margin-top: 20px;

  text-indent: 2em;
  font-size:18px;

}

.about-page .inner-score {

  width: 100%;

  padding: 50px 0;

  text-align: center;

}

.about-page .inner-score h2 {

  font-size: 36px;

  color: #2d4a96;

}

.about-page .inner-score p {

  color: #666666;

  font-size: 16px;

  margin: 5px 0;

}

.about-page .inner-equipment ul li {

  float: left;

  padding-right: 10px;

}

.about-page .inner-equipment ul li img {

  width: 100%;

}

.about-page .inner-equipment ul li p{ text-align: center; line-height: 60px; }

.about-page .inner-equipment .slick-arrow {

  display: none !important;

}

.about-page .inner-why {

  padding: 100px 0;

}

.about-page .inner-why p.tits {

  font-family: poppins-regular;

  color: #666666;

  line-height: 25px;

  font-size: 18px;

  text-align: center;

}

.about-page .inner-why h2 {

  font-size: 30px;

  color: #000000;

  margin: 5px 0 30px;

  padding-bottom: 10px;

  position: relative;

  text-align: center;

  margin-bottom: 60px;

}

.about-page .inner-why h2:after {

  content: '';

  position: absolute;

  width: 50px;

  height: 2px;

  background: #2c4a95;

  left: 50%;

  margin-left: -25px;

  bottom: 0;

}

.about-page .inner-why ul li {

  float: left;



  padding-right: 10px;

}

.about-page .inner-why ul li .why-con {

  border: 1px solid #e3e3e3;

  padding: 60px 40px 60px;

    height: 457px;

}

.about-page .inner-why ul li .why-con h3 {

  margin-bottom: 30px;

  font-size: 16px;

  color: #333333;

    text-align: center;

}

.about-page .inner-why ul li .why-con p {

  color: #666666;

  font-size: 14px;

  line-height: 25px;

  float:left;

  text-indent: 2em;

}

.about-page .inner-why ul li .why-con img{

  margin:20px auto;

}

.about-page .inner-why ul li .why-con2 img{

   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);

}

.about-page .inner-why ul .slick-arrow {

  border: 1px solid #e3e3e3;

  width: 58px;

  height: 58px;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  cursor: pointer;

  background: none;

  color: transparent;

  position: absolute;

  top: 35%;

  z-index: 10;

  outline: none;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  transition: .5s;

  background: rgba(255, 255, 255, 0.4);

  opacity: 0;

}

.about-page .inner-why ul .slick-arrow:before {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%) scale(1, 1.9);

  -moz-transform: translate(-50%, -50%) scale(1, 1.9);

  -ms-transform: translate(-50%, -50%) scale(1, 1.9);

  -o-transform: translate(-50%, -50%) scale(1, 1.9);

  transform: translate(-50%, -50%) scale(1, 1.9);

  display: block;

  color: #57564f;

  font-size: 20px;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  transition: .5s;

  line-height: 35px;

  -webkit-font-smoothing: antialiased;

  font-smoothing: antialiased;

}

.about-page .inner-why ul .slick-arrow:hover {

  background: rgba(45, 74, 150, 0.8);

}

.about-page .inner-why ul .slick-next {

  right: -6%;

}

.about-page .inner-why ul .slick-next:before {

  content: '>';

}

.about-page .inner-why ul .slick-prev {

  left: -6%;

}

.about-page .inner-why ul .slick-prev:before {

  content: '<';

}

.about-page .inner-why ul .slick-arrow {

  opacity: 1;

}

.about-page .inner-commitment {

  background: url("../images/comm.jpg") no-repeat;

  background-size: cover;

  padding: 66px 0;

  text-align: center;

}

.about-page .inner-commitment p.tits {

  font-family: poppins-regular;

  color: #ffffff;

  line-height: 25px;

  font-size: 18px;

}

.about-page .inner-commitment h2 {

  font-size: 30px;

  color: #ffffff;

  margin: 5px 0 30px;

  padding-bottom: 10px;

  position: relative;

  margin-bottom: 30px;

}

.about-page .inner-commitment h2:after {

  content: '';

  position: absolute;

  width: 50px;

  height: 2px;

  background: #2c4a95;

  left: 50%;

  margin-left: -25px;

  bottom: 0;

}

.about-page .inner-commitment p {

  color: #ffffff;

  line-height: 25px;

}



.about-page .inner-honor ul li {

  float: left;

  text-align: center;

  padding-right: 20px !important;

}

.about-page .inner-honor ul li .why-con {

  border: none;

  background: none;

  padding: 0;

  height: auto;

}

.about-page .inner-honor ul li .why-con p {

  color: #666666;

  font-size: 14px;

  line-height: 40px;

  text-align: center;

  float: none;

}

.about-page .inner-honor ul li .why-con img{height: 500px;}

.about-page .about-article h2,

.about-page .about-article h3,

.about-page .about-article h4 {

  color: #3c3c3c;

  font-family: etelkatextprobold;

}

.about-page .about-article h2 {

  font-size: 44px;

}

.about-page .about-article h4 {

  font-size: 14px;

}

.about-page .about-article p {

  color: #191919;

  font-size: 16px;

  line-height: 26px;

  margin-bottom: 36px;

}

.about-page .about-article .about-advantage {

  font-family: etelkatextprobold;

}

.about-page .about-article .about-advantage h2 {

  margin-bottom: 30px;

}

.about-page .about-article .about-advantage li {

  position: relative;

  color: #3c3c3c;

  font-size: 18px;

  padding-left: 28px;

  margin-bottom: 28px;

}

.about-page .about-article .about-advantage li:before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 17px;

  height: 17px;

  background: #109054;

  border-radius: 3px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

}

.about-page .inner-video {
  padding: 80px 0;
  background: #f8f8f8;
  margin-top: 50px;
}

.about-page .inner-video p.tits {
  font-family: poppins-regular;
  color: #666666;
  line-height: 25px;
  font-size: 18px;
  text-align: center;
}

.about-page .inner-video h2 {
  font-size: 30px;
  color: #000000;
  margin: 5px 0 30px;
  padding-bottom: 10px;
  position: relative;
  text-align: center;
  margin-bottom: 60px;
}

.about-page .inner-video h2:after {
  content: '';
  position: absolute;
  width: 50px;
  height: 2px;
  background: #2c4a95;
  left: 50%;
  margin-left: -25px;
  bottom: 0;
}

.about-page .inner-video .video-container {
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.about-page .inner-video video {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (max-width:767px) {
  .about-page .inner-honor ul li .why-con img {
  height: 200px;
}

.about-page .inner-video {
  padding: 40px 15px;
}

.about-page .inner-video .video-container {
  border-radius: 0;
  box-shadow: none;
}
}