/*=== 标题==*/
.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; }
}