.head{width: 100%;height: 80px;}
.head .logo{float: left;margin-top:9px;}
.head .nav-list{float: right;}
.nav-list ul li{float: left;width: 120px;text-align: center;line-height: 60px;font-size: 16px;margin-top: 10px;}
.nav-list ul li a{color: #222;position:relative;height: 60px;line-height: 60px;display: inline-block;}
.nav-list ul li i{position:absolute;bottom: 0;left: 0;right: 0;height: 2px;background: #0f5f95;display: none;}
.nav-list ul li.active a,.nav-list ul li:hover a{color: #0f5f95;}
.nav-list ul li.active i,.nav-list ul li:hover i{display: block;}

/*banner*/
.banner-box{width: 100%;height: 720px;}
.banner-box .bbs-img{width: 100%;height: 720px;background: url("../images/banner.jpg") no-repeat center;position: relative}
.bbs-item{position: relative;width:550px;height: 540px;padding:180px 0 0 650px}
.bbs-img-01{position: absolute;top: 90px;left: -100px;}
.bbs-img-02{letter-spacing: 10px;text-align: center;font-size: 20px;color: #0f5f95;border:1px solid #0f5f95;height: 40px;line-height: 40px;border-radius: 20px;display: inline-block;padding: 0 20px 0 30px;margin-bottom: 30px;}
.bbs-img-03{font-size: 60px;color: #222;font-family:微软雅黑;font-weight: bold;margin-bottom: 10px;}
.bbs-img-04{font-size: 60px;color: #0f5f95;font-family:微软雅黑;font-weight: bold;margin-bottom: 20px;}
.bbs-img-05{font-family: Arial;font-size: 22px;color: #222;line-height:22px;padding-top: 5px;}

/*page-01*/
.page-01{position: relative;width: 100%;height:660px;background: #fff;padding: 60px 0;}
.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-top: 60px;}
.page-01-item{display: inline-block;padding: 30px;width: calc(25% - 75px);float: left;margin-right: 20px;height: 440px;background-repeat: no-repeat;background-size: cover;}
.page-01-item:nth-child(4n){margin-right: 0;}
.bg-01{background-image: url("../images/bg-01.jpg");}
.bg-02{background-image: url("../images/bg-02.jpg");}
.bg-03{background-image: url("../images/bg-03.jpg");}
.bg-04{background-image: url("../images/bg-04.jpg");}
.page-01-item i{width: 90px;height: 90px;display: block;margin: 10px 0 20px 0;}
.bg-01 i{background-image: url("../images/index01.png");}
.bg-02 i{background-image: url("../images/index02.png");}
.bg-03 i{background-image: url("../images/index03.png");}
.bg-04 i{background-image: url("../images/index04.png");}
.page-01-item h3{font-size: 24px;font-weight: bold;color: #fff;font-weight: bold;line-height: 30px;padding-bottom: 8px;}
.page-01-item p{font-size: 16px;color: #fff;line-height: 26px;text-align: left;}


/*page-02*/
.page-02{background: #f2f4f6;position: relative;width: 100%;height:720px;padding: 60px 0;}
.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-top: 60px;position: relative;margin-top: 40px;}
.page-02-item{display: inline-block;width: 32%;float: left;height:500px;background-repeat: no-repeat;background-size: cover;}
.page-02-item:nth-child(2){margin: 0 2%;position: relative}
.bg-05{background-image: url("../images/index09.jpg");}
.bg-06{background-image: url("../images/index10.jpg");}
.page-title{background: #fff;padding: 30px;font-weight: bold;position: absolute;top:-62px;left: 0;}
.page-title h3{font-size: 24px;color: #222;text-align: left;font-weight: bold;line-height: 30px;padding-bottom: 10px;}
.page-title p{color: #0f5f95;font-size: 20px;text-align: left;font-weight: bold;line-height: 24px;}
.bg-07{background: #fff;padding: 30px;width:calc(32% - 60px);height: 440px}
.bg-07 .page-title{background: #0f5f95;top: -62px;left:auto;width:400px;right: 0;padding-left: 180px;height:120px; }
.pt-circle { position: absolute;left:30px;top:30px;box-sizing: border-box;width: 123px;height: 123px;transform: rotate(130deg);transform-origin:center;}
.pt-big {width: 107px;height: 107px;border-radius: 50%;position: absolute;border:8px solid #1674b4;margin: auto;left: 0;top:0;right: 0;bottom: 0;box-sizing: border-box;}
.pt-small {width:107px;height:107px;border: 8px solid #feca5c;border-radius: 50%;position: absolute;margin: auto;left: 0;top:0;right: 0;bottom: 0;box-sizing: border-box;border-bottom-color: transparent;}
.pt-number{width: 123px;height: 123px;text-align: center;line-height: 123px;position:absolute;left: 0;top: 0;transform: rotate(-130deg);transform-origin:center;color: #feca5c;font-size: 32px;font-family: Arial}
.page-title .pt-title{font-size: 20px;color: #fff;margin-top: 18px;}
.pt-icon{width: 100%;display: block}
.pt-icon img{float: left;margin-right: 16px;}
.pt-icon img:last-child{margin-right: 0}
.bg-07 p{padding:180px 0 0 0;line-height: 30px;color: #222;text-align: left;font-size: 16px;}
/*page-03*/

.page-03{background: #fff;position: relative;width: 100%;height:780px;padding: 60px 0 50px;}
.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{background: url("../images/index11.jpg") no-repeat left top;height: 600px;margin: 60px 0;position: relative;}
.page-03-list{background: #fff;width: 540px;position: absolute;right: 0;top: 40px;padding: 50px 40px 10px;}
.page-03-item{position: relative;padding: 15px 0 15px 140px;margin-bottom: 18px;}
.page-03-item i{width: 100px;height: 100px;border-radius: 100px;position: absolute;top:4px;left: 0;}
.page-03-item:nth-child(2){padding-bottom: 10px;}
.page-03-item:nth-child(3){padding-top:0}
.page-03-item:nth-child(3) i{top:0px;}
.page-03-item h3{font-size: 20px;font-weight: bold;color: #0f5f95;padding-bottom: 10px;}
.page-03-item p{text-align: left;font-size: 16px;line-height: 24px;color:#222;}
.bg-08 i{background: url("../images/index11.png") no-repeat center;}
.bg-09 i{background: url("../images/index12.png") no-repeat center;}
.bg-10 i{background: url("../images/index13.png") no-repeat center;}

/*page-04*/
.page-04{background: #0f5f95;position: relative;width: 100%;height:570px;padding: 60px 0 0;}
.page-04 h2{font-weight: bold;color: #FFF;font-size: 34px;text-align: center;padding-bottom: 20px;}
.page-04 p{text-align:center;color: #FFF;font-size: 18px;}
.page-04-box{height:380px;margin: 60px 0;position: relative;width: 100%}
.page-04-item{float: left;width: 32%;background: #fff;height: 100%}
.page-04-item:nth-child(2){margin: 0 2%;}
.page-04-item i{background-repeat: no-repeat;background-position:center;width: 100px;height: 100px;border-radius: 100px;background-color: #0f5f95;display: block;margin: 50px auto 30px;}
.bg-11 i{background-image: url("../images/index14.png");}
.bg-12 i{background-image: url("../images/index15.png");}
.bg-13 i{background-image: url("../images/index16.png");}
.page-04-item h3{color: #222;font-size: 24px;font-weight: bold;text-align: center;padding-bottom: 15px;}
.page-04-item p{line-height: 24px;color: #666;text-align: center;font-size: 16px;}


/*page-05*/
.page-05{background: #f2f4f6;position: relative;width: 100%;height:490px;padding: 60px 0 40px;}
.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");}


/*foot*/
.foot{background: #121416;position: relative;width: 100%;padding: 22px 0 0;}
.foot-item{margin-top: 30px;float: left;width: 520px;text-align: left}
.foot-item:nth-child(2n){float: right;}
.foot-item h2{color: #fff;font-weight: bold;padding-bottom: 15px;font-size: 16px;}
.foot-item p{font-size: 14px;line-height:24px;color:#878b92; }
.foot-copyright{width: 100%;border-top:1px solid #2e3032;text-align: center;float: left;margin-top: 50px;line-height: 60px;}
.foot-copyright span{float: left;color: #888c92}
.foot-copyright a{float: right;background: url("../images/index25.png") no-repeat left center;padding-left: 30px;color: #888c92}