/*=== 标题==*/
.title { padding-top: 5rem; text-align: center; position: relative; z-index: 0; }
.title s { display: block; ; position: absolute; z-index: 1; left: 50%; margin-left: -1.3rem; top: 8.5rem; width: 2.6rem; height: 0.25rem; background: #F4680F; }
.title h2 { font-size: 1.875rem; font-weight: 700; }
.title p { color: #888; font-size: 1.125rem; margin-top: 1rem; }
/*=== 定制开发==*/
.cus-section01 { background-color: #ffffff; }
.cus-section01 ul { padding: 2rem 0 3.75rem; }
.cus-section01 ul li { width: 25%; float: left; color: #666; }
.cus-section01 h3 { font-size: 1.25rem; color: #333; }
.page_cus .banner { background: url("../images/banner_about.jpg") no-repeat top center; background-size: cover; }
.page_cus .thumbnail { text-align: center; }
.page_cus .thumbnail>img { width: 13rem; height: auto; }
.page_cus .thumbnail .caption { padding-left: 2.5rem; padding-right: 2.5rem; margin-top: 0.5rem; text-align: center; }
.page_cus .thumbnail .caption p { margin-top: 0.4rem; text-align: center; }
.cus-section02 { background: linear-gradient(0deg,rgba(255,107,1,1),rgba(254,135,54,0.8)); }
.cus-section02 .title h2 { color: #fff; }
.cus-section02 .title p { color: rgba(225,225,225,1) }
.cus-section02 ul { padding: 2rem 0 3.75rem; }
.cus-section02 ul li { width: 50%; margin-top: 2rem; float: left; }
.page_cus .media { width: 90%; margin: 0 auto; background-color: rgba(225,225,225,0.2); border-radius: 0.5rem; padding: 1rem; }
.page_cus .media_left { position: absolute; }
.page_cus .media_left .icon {
  width:4.5rem;height:4.5rem;position:absolute;top:0.6rem;left:1rem;z-index:20;border-radius:5rem;color:white;text-align:center;line-height:4.5rem;background:#ffb334;background:-webkit-linear-gradient(right top,#fecd62,#ff9500);/* Safari 5.1 - 6.0 */
  background:-o-linear-gradient(bottom left,#fecd62,#ff9500);/* Opera 11.1 - 12.0 */
  background:-moz-linear-gradient(bottom left,#fecd62,#ff9500);/* Firefox 3.6 - 15 */
  background:linear-gradient(to bottom left,#fecd62,#ff9500);
}
.page_cus .media_left .icon .iconfont { font-size: 2.4rem; }
.page_cus .media_left .order {
  width:2.87rem;height:2.87rem;position:absolute;top:2.8rem;left:4.5rem;font-size:1.25rem;border-radius:5rem;color:white;text-align:center;line-height:2.87rem;background:#6f74e1;background:-webkit-linear-gradient(left bottom,#4e54c8,#8f94fb);/* Safari 5.1 - 6.0 */
  background:-o-linear-gradient(top right,#4e54c8,#8f94fb);/* Opera 11.1 - 12.0 */
  background:-moz-linear-gradient(top right,#4e54c8,#8f94fb);/* Firefox 3.6 - 15 */
  background:linear-gradient(top right,#4e54c8,#8f94fb);
}
.page_cus .media_body { margin-left: 9rem; color: #fff; }
.page_cus .media_body h3 { font-weight: bolder; }
.page_cus .media_body p { color: rgba(225,225,225,0.9); }
.cus-section03 { padding-bottom: 5rem; }
.cus-section03 ul li { width: 20%; margin-top: 1.5rem; text-align: center; margin-bottom: 1.5rem; float: left; }
.cus-section03 ul li p { text-align: center; margin-top: 0.5rem; }
.page_cus .icon_bj { width: 100px; height: 100px; margin: 0 auto; background: url("../images/dingzhi/f3_icon.png") no-repeat; background-size: 500px auto; }
.page_cus .icon_bj.icon_1 { background-position: 0 0; }
.page_cus .icon_bj.icon_2 { background-position: -100px 0; }
.page_cus .icon_bj.icon_3 { background-position: -200px 0; }
.page_cus .icon_bj.icon_4 { background-position: -300px 0; }
.page_cus .icon_bj.icon_5 { background-position: -400px 0; }
.page_cus .icon_bj.icon_6 { background-position: 0 -100px; }
.page_cus .icon_bj.icon_7 { background-position: -100px -100px; }
.page_cus .icon_bj.icon_8 { background-position: -200px -100px; }
.page_cus .icon_bj.icon_9 { background-position: -300px -100px; }
.page_cus .icon_bj.icon_10 { background-position: -400px -100px; }
@media screen and (max-width:750px) {
  .fixbth,.fixed { display: none; }
  .title { padding-top: 2rem; }
  .title h2 { font-size: 1.25rem; }
  .title p { font-size: 1rem; }
  .title s { top: 7.5rem; }
  .showbox { display: block; }
  .showbox .pull-left { display: none; }
  .function .list .itm { width: 100%; }
  .showimg { display: none }
  /*=== 我们的优势 ==*/
  .cus-section01 ul li { width: 50%; }
  .page_cus .thumbnail>img { width: 7rem; height: auto; }
  .page_cus .thumbnail .caption { padding: 0rem  0.5rem 0.5rem 0.5rem; }
  .cus-section02 ul li { width: 100%; margin-top: 1rem; }
  .page_cus .media { width: 90%; }
  .page_cus .media_left .icon { width: 2.5rem; height: 2.5rem; line-height: 2.5rem; left: 0; top: 0; }
  .page_cus .media_left .icon .iconfont { font-size: 1.6rem; }
  .page_cus .media_left .order { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; left: 2rem; top: 1rem; font-size: 1rem; }
  .page_cus .media_body { margin-left: 4rem; }
  .cus-section03 ul li { width: 25%; margin-top: 0.5rem; text-align: center; margin-bottom: 1rem; }
  .page_cus .icon_bj { width: 50px; height: 50px; background-size: 250px auto; }
  .page_cus .icon_bj.icon_1 { background-position: 0 0; }
  .page_cus .icon_bj.icon_2 { background-position: -50px 0; }
  .page_cus .icon_bj.icon_3 { background-position: -100px 0; }
  .page_cus .icon_bj.icon_4 { background-position: -150px 0; }
  .page_cus .icon_bj.icon_5 { background-position: -200px 0; }
  .page_cus .icon_bj.icon_6 { background-position: 0 -50px; }
  .page_cus .icon_bj.icon_7 { background-position: -50px -50px; }
  .page_cus .icon_bj.icon_8 { background-position: -100px -50px; }
  .page_cus .icon_bj.icon_9 { background-position: -150px -50px; }
  .page_cus .icon_bj.icon_10 { background-position: -200px -50px; }
  .cus-section03 ul li p { display: block; padding: 0 0.5rem; line-height: 1.5rem; font-size: 0.875rem; }
}