/*banner*/
.serve-banner-box{width: 100%;height: 400px;}
.serve-banner-box .serve-bbs-img{width: 100%;height: 400px;background: url("../images/about.jpg") no-repeat center;position: relative}
.serve-bbs-item{text-align: center;font-size: 30px;font-weight: bold;color: #fff;padding-top: 150px;position: relative}
.serve-bbs-img-01{position: relative;padding-bottom:25px;font-size: 30px;}
.serve-bbs-img-01 i{position:absolute;left: 50%;bottom: 0;height: 4px;width:50px;background-color:#fff;margin-left: -30px;}
.serve-bbs-img-02{padding-top: 20px;font-size: 18px;}


/*page-01*/
.page-01{position: relative;width: 100%;background: #fff;padding: 60px 0 0;height: 500px}
.page-01 h2{font-weight: bold;color: #222;font-size: 34px;text-align: center;padding-bottom: 20px;}
.page-01 p{text-align:center;color: #666;font-size: 18px;}
.page-01-box{padding: 60px 0;}
.page-01-item-left{float: left;width: 470px;}
.page-01-item-right{float: right;width: 670px;}
.page-01-item-right h2{text-align: left;}
.page-01-item-right h2 .pir-01{font-size: 34px;color: #0f5f95;font-weight: bold;padding-right: 16px;}
.page-01-item-right h2 .pir-02{font-size: 36px;color: #222;font-family: Arial;}
.page-01-item-right h3{font-size: 18px;color: #666;padding-bottom: 40px;}
.page-01-item-right p{font-size: 16px;text-align: left;color: #222;line-height:30px;padding-bottom: 20px;}
.page-01-box{padding: 60px 0;}
.page-01-box a{background-position: center;background-repeat: no-repeat;width:calc(25% - 17px);height: 136px;border:1px solid #ddd;display: inline-block;float: left;margin:0 20px 20px 0;}
.page-01-box a:nth-child(4n){margin-right: 0;}
.page-01-box a.pb-01{background-image: url("../images/about_03.jpg")}
.page-01-box a.pb-02{background-image: url("../images/about_04.jpg")}
.page-01-box a.pb-03{background-image: url("../images/about_05.jpg")}
.page-01-box a.pb-04{background-image: url("../images/about_06.jpg")}
.page-01-box a.pb-05{background-image: url("../images/about_07.jpg")}
.page-01-box a.pb-06{background-image: url("../images/about_08.jpg")}
.page-01-box a.pb-07{background-image: url("../images/about_09.jpg")}
.page-01-box a.pb-08{background-image: url("../images/about_10.jpg")}


/*page-02*/
.page-02{position: relative;width: 100%;background: #f2f4f6;padding:0;height: 760px}
.page-02 h2{font-weight: bold;color: #222;font-size: 34px;text-align: center;padding-bottom: 20px;}
.page-02 p{text-align:center;color: #666;font-size: 18px;}
.page-02-box{padding:50px 130px 20px;}
.input-box{color: #222;margin-bottom: 30px;float: left;width:calc(50% - 35px);height: 44px;line-height: 44px;border:1px solid #ddd;background-color: #fff;padding: 0 10px;font-size: 16px;}
.input-box:nth-child(2n){float: right;}

.input-box::placeholder,.textarea-box::placeholder{
    color:#999;
}
.input-box:hover,.textarea-box:hover,.textarea-box:focus,.textarea-box:active{outline: none;border-color: #0f5f95;box-shadow: none}

.textarea-box{font-family: 微软雅黑;font-size:16px;border:1px solid #ddd;background-color: #fff;line-height: 24px;width:calc(100% - 23px);height: 180px;padding: 10px;margin-bottom: 30px;}


.button-btn{color: #222;font-size: 16px;color: #fff;background-color: #0f5f95;width: 160px;text-align: center;line-height: 44px;border-radius: 4px;margin: 0 auto;display: block;}

.page-03-box{border-top:1px solid #ddd;padding: 50px 0;margin-top: 50px;text-align: center}
.page-03-box p{line-height:30px;color: #666;font-size: 14px;}


/*page-05*/
.page-05{background: #f2f4f6;position: relative;width: 100%;height:490px;padding: 60px 0 0;}
.page-05 h2{font-weight: bold;color: #222;font-size: 34px;text-align: center;padding-bottom: 20px;}
.page-05 p{text-align:center;color: #666;font-size: 18px;}
.page-05-box{height: 250px;margin: 60px 0;position: relative;width: 100%}
.page-05-item{float: left;width: calc(25% - 15px);margin:0 20px 20px 0;min-height: 260px;background-color: #fff;}
.page-05-item:nth-child(4n){margin-right: 0;}
.page-05-item i{width: 100%;height: 140px;background-repeat: no-repeat;background-position: center;display: block;}
.page-05-item h3{padding: 20px 20px 10px;font-size: 18px;font-weight: bold;color: #111113;}
.page-05-item p{text-align: left;font-size: 14px;color: #666;padding: 0 20px 15px;line-height: 22px}
.bg-15 i{background-image: url("../images/index17.png");}
.bg-16 i{background-image: url("../images/index18.png");}
.bg-17 i{background-image: url("../images/index19.png");}
.bg-18 i{background-image: url("../images/index20.png");}
.bg-19 i{background-image: url("../images/index21.png");}
.bg-20 i{background-image: url("../images/index22.png");}
.bg-21 i{background-image: url("../images/index24.png");}
.bg-22 i{background-image: url("../images/index23.png");}