/*主色皮肤 */
/*辅色皮肤*/
/*按钮箭头背景色*/
/*导航条半透明rgba样式*/
/*线*/
/*未选中字体颜色*/
/* 选中字体颜色-（原色调-不变）*/
/* end 导航*/
/*内页 侧栏公共样式*/
/*子页面背景色*/
/* search */
/* footer */
/* */
/* function*/
/* function*/
.about-section {
  position: relative;
  z-index: 10;
  padding-bottom: 150px;
}
.about-section .container {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 60px;
  *zoom: 1;
}
.about-section .container:before,
.about-section .container:after {
  content: "";
  display: table;
}
.about-section .container:after {
  clear: both;
}
.about-section .container .main {
  width: 920px;
  margin-left: 30px;
  float: left;
}
.about-section .container .main .main-container {
  position: relative;
  *zoom: 1;
}
.about-section .container .main .main-container:before,
.about-section .container .main .main-container:after {
  content: "";
  display: table;
}
.about-section .container .main .main-container:after {
  clear: both;
}
.about-section .container .main .main-container .aboutpro {
  width: 348px;
  height: 348px;
  float: left;
  margin-right: 35px;
  position: relative;
}
.about-section .container .main .main-container .aboutpro img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 20;
}
.about-section .container .main .main-container .aboutpro .rect {
  width: 84px;
  height: 84px;
  z-index: 10;
  position: absolute;
  left: -10px;
  bottom: -10px;
  background: #0068b7;
}
.about-section .container .main .main-container .title {
  width: 100%;
  background: #0068b7;
  z-index: 50;
}
.about-section .container .main .main-container .title h3 {
  font-size: 28px;
  height: 66px;
  line-height: 66px;
  color: #0068b7;
  text-transform: uppercase;
}
.about-section .container .main .main-container .aboutdes {
  width: 890px;
  background: #f9f9f9;
  margin-left: 30px;
  padding-bottom: 100px;
  position: relative;
  z-index: 1;
}
.about-section .container .main .main-container .aboutdes p,.about-section .container .main .main-container .aboutinfo {
  font-size: 16px;
  line-height: 30px;
  padding: 0 10px;
}
.about-section .container .main .main-container .aboutdes p span {
  font-weight: bold;
}
.about-section .container .main .main-container .aboutdes p:first-child {
  padding-top: 125px;
}
.about-section .container .main .main-container .aboutdes p:last-child {
  padding-top: 35px;
}
@media screen and (max-width: 1200px) {
  .about-section .container .main {
    width: 70.66%;
  }
  .about-section .container .main .main-container .title {
    width: 50.04%;
  }
  .about-section .container .main .main-container .title h3 {
    font-size: 19px;
  }
  .about-section .container .main .main-container .aboutdes {
    width: 96.73%;
    margin-left: 28px;
  }
}
@media screen and (max-width: 990px) {
  .about-section .container .main {
    width: 100%;
    margin-left: 0;
  }
  .about-section .container .main .main-container .aboutdes {
    margin-left: 25px;
  }
}
@media screen and (max-width: 768px) {
  .about-section .container .main .main-container .aboutpro {
    float: none;
    margin-right: 0;
    margin: 0 auto;
  }
  .about-section .container .main .main-container .aboutpro .rect {
    display: none;
  }
  .about-section .container .main .main-container .aboutinfo .title {
    display: none;
  }
  .about-section .container .main .main-container .aboutinfo .aboutdes {
    width: 100%;
    margin: 0;
  }
  .about-section .container .main .main-container .aboutinfo .aboutdes p:first-child {
    padding-top: 35px;
  }
}