/*banner*/
.serve-banner-box{width: 100%;height: 400px;}
.serve-banner-box .serve-bbs-img{width: 100%;height: 400px;background: url("../images/serve_01.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: 980px}
.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 0 582px;background: url("../images/index12.jpg") no-repeat left bottom;min-height: 750px}
.page-01-item{border:1px solid #ddd;padding: 45px 25px 45px 160px;position: relative;margin-bottom: 25px;position: relative;}
.page-01-item:hover{border-color:#0f5f95;}

.page-01-item i{position: absolute;left: 45px;top: 50px;width: 100px;height: 100px;background-repeat: no-repeat;background-position: center;display: block;}
.bg-01 i{background-image: url("../images/serve_02.png")}
.bg-02 i{background-image: url("../images/serve_03.png")}
.bg-03 i{background-image: url("../images/serve_04.png")}
.page-01-item h3{font-size:24px;color:#0f5f95;font-weight: bold;padding-bottom: 15px;}
.page-01-item p{line-height: 26px;text-align: left;}
.page-01-item:nth-child(2) i{top:24px}


/*page-02*/
.page-02{position: relative;width: 100%;background: #f2f4f6;padding: 60px 0 0;height: 660px;}
.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{background: #fff;min-height: 360px;margin: 60px 0;padding:60px 0 0;}
.page-02-item{float: left;width: 18%;height: 300px;text-align: center;padding: 0 3.5%}
.page-02-item i{width:100%;height: 70px;display: block;background-repeat: no-repeat;background-position: center;}
.bg-04 i{background-image: url("../images/serve_06.png")}
.bg-05 i{background-image: url("../images/serve_07.png")}
.bg-06 i{background-image: url("../images/serve_08.png")}
.bg-07 i{background-image: url("../images/serve_09.png")}
.page-02-item h3{color: #121416;font-weight: bold;padding: 25px 0 10px;font-size: 20px;position: relative;}
.page-02-item p{font-size: 16px;color: #606264;line-height: 24px;text-align: left;}
.page-02-item h3 em{display: block;width:180px;height: 38px;background: url("../images/serve_10.png") no-repeat;position: absolute;top: 28%;left: 72%;}


/*page-03*/
.page-03{position: relative;width: 100%;background: #fff;padding: 60px 0 0;height: 820px;}
.page-03 h2{font-weight: bold;color: #222;font-size: 34px;text-align: center;padding-bottom: 20px;}
.page-03 p{text-align:center;color: #666;font-size: 18px;}
.page-03-box{height: 550px;margin: 60px 0;padding:30px 760px 0 40px;background: #ecf4fa;position: relative;}
.p3b_bg{width: 720px;height: 580px;position: absolute;right: 0;top: 0;display: block;background: url("../images/serve_11.png") no-repeat right bottom }
.page-03-item{padding-top: 24px;}
.page-03-item h3{font-size: 24px;color: #0f5f95;font-weight: bold;padding-bottom: 18px;}
.page-03-item span{display: block;font-size: 18px;color: #222;font-weight: bold;padding-bottom: 10px;}
.page-03-item p{line-height: 24px;text-align: left;padding-bottom: 20px;}