.top-box{background: url(../img/banner.png)no-repeat top center;height:650px;}
.top-box .header{width:100%;top:0;left:0;padding-bottom:10px;}
.top-box .logo{float:left;padding-top:10px;}
.top-box .logo img{width:60px}
.top-box .menu{float:right;}
.top-box .menu li{float:left;padding:0 20px;color:#fff;padding-top:30px;font-size: 18px;border-top:3px solid #30a2cd;}
.top-box .menu .active{border-top:3px solid #ffcc00;color:#fc0}
.top-box .menu li a:link{color:#fff}
.top-box .menu li a:visited{color:#fff}
.top-box .menu li img{width:18px}

.top-box .txt-box{margin-top:100px;}
.top-box .txt-box h1{font-size: 60px;color:#fff;}
.top-box .txt-box h2{font-size: 36px;color:#fff;}
.top-box .txt-box .line{border-bottom: 5px solid #fff;display: inline-block;width:100px;padding-top:20px;}
.top-box .txt-box .jj{width:400px;color:#c7e7f2;font-size: 16px;text-align: left;display: inline-block;padding-top:20px;}
.top-box .txt-box .detail-btn{display: inline-block;background: #347cb0;border-radius: 200px;margin-top:30px;padding:10px 40px;color:#fff}

.content-box{margin:100px 0 130px 0;text-align: center;}
.content-box .pic-box{padding-top:50px;}
.content-box h2{font-size: 48px;background: linear-gradient(-45deg, #3db3c5, #274685);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 700;font-family: "Poppins"}
.content-box .line{border-bottom: 5px solid #fc0;display: inline-block;width:60px;padding-top:20px;}
.content-box .product {margin-top:50px;}
.content-box .product li{float:left;width:20%;padding:0 50px;box-sizing: border-box;}
.content-box .product .icon-box{display: inline-block;background: #347cb0;width: 100px;height: 100px;border-radius: 200px;text-align: center;color:#fff;box-shadow: 0 20px 30px #ccc;line-height: 100px;font-size: 48px;}
.content-box .product h3{margin-top:30px;text-align: center;color: #000;font-size: 18px;}
.content-box .titletxt{padding:10px 0;font-size: 18px;color:#999}
.content-box .product .js{color:#666;margin-top: 30px;}
.content-box .jj{margin-top:50px;line-height: 30px;font-size: 16px;width: 1020px;}

.app-box{background: linear-gradient(to bottom,#75cbe7,#1691c3);padding:100px 0;}
.app-box .txt-box{float:left;width:620px}
.app-box .txt-box h2{font-size: 48px;color:#fff;font-weight: 700;font-family: "Poppins"}
.app-box .pic-box{float:right;width:530px;padding-top:10px;padding-bottom: 30px;}
.app-box .titletxt{padding:10px 0;font-size: 18px;color:#c7e7f2}
.app-box .line{border-bottom: 5px solid #fff;display: inline-block;width:60px;padding-top:20px;}
.app-box .content {margin-top:30px}
.app-box .content p{padding:10px 0;color:#fff;line-height:24px}
.app-box .content span{font-weight: bold;}
.app-box .more{display: inline-block;background: #347cb0;border-radius: 200px;margin-top:30px;padding:10px 40px;color:#fff}

.plan-box{margin:100px 0 130px 0;text-align: center;}
.plan-box h2{font-size: 48px;background: linear-gradient(-45deg, #3db3c5, #274685);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 700;font-family: "Poppins"}
.plan-box .line{border-bottom: 5px solid #fc0;display: inline-block;width:60px;padding-top:20px;}
.plan-box .titletxt{padding:10px 0;font-size: 18px;color:#999}
.plan-box .content{margin-top:50px;}
.plan-box .content li{float:left;width:575px;background: #fff url(../img/plan_1.png) no-repeat right bottom;box-shadow: 0 0 30px #eee;padding:40px;box-sizing: border-box;text-align: left;}
.plan-box .content li:last-child{float:right;background: #fff url(../img/plan_2.png) no-repeat right bottom;}
.plan-box .content .num{color:#1a5a77;font-size: 16px;font-family: "Poppins";font-weight: bold;letter-spacing:3px}
.plan-box .content h3{padding:10px 0;font-size: 24px; color:#000}
.plan-box .content p{color:#999;padding:2px 0}

.department-box{background: linear-gradient(to bottom,#75cbe7,#1691c3);padding:100px 0;}
.department-box .txt-box{float:right;width:620px;padding-top:20px}
.department-box .txt-box h2{font-size: 48px;color:#fff;font-weight: 700;font-family: "Poppins"}
.department-box .pic-box{float:left;width:530px;padding-bottom: 30px;}
.department-box .titletxt{padding:10px 0;font-size: 18px;color:#c7e7f2}
.department-box .line{border-bottom: 5px solid #fff;display: inline-block;width:60px;padding-top:20px;}
.department-box .content {margin-top:30px}
.department-box .content p{padding:10px 0;color:#fff;line-height:24px}
.department-box .content span{font-weight: bold;}
.department-box .more{display: inline-block;background: #347cb0;border-radius: 200px;margin-top:30px;padding:10px 40px;color:#fff}

.company-box{margin:100px 0 130px 0;text-align: center;}
.company-box h2{font-size: 48px;background: linear-gradient(-45deg, #3db3c5, #274685);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 700;font-family: "Poppins"}
.company-box .line{border-bottom: 5px solid #fc0;display: inline-block;width:60px;padding-top:20px;}
.company-box .titletxt{padding:10px 0;font-size: 18px;color:#999}
.company-box .content{margin-top:50px;line-height: 24px;width:1020px}
.company-box .content p{margin-top:50px}
.company-box .content .more{display: inline-block;background: #347cb0;border-radius: 200px;margin-top:30px;padding:10px 40px;color:#fff}


.bottom-box{background: linear-gradient(to right,#1691c3,#75cbe7);padding:30px 0 0 0}
.bottom-box .logo{padding-right:30px;float:left;}
.bottom-box .txt{padding-left:30px;border-left:1px solid #c7e7f2;float:left;color:#fff}
.bottom-box .txt p{padding:5px 0}
.bottom-box  .copy-box{padding:20px;text-align: center;background: rgba(0, 0, 0, 0.2);margin-top:30px;color:rgba(255, 255, 255, 0.5)}

.contact .pic-box{float:left;width:400px;}
.contact .txt{float:right;width:750px;text-align: left;padding-top:50px;}
.contact .txt h3{font-size:30px;padding-top:80px}
.contact .txt p{margin-top:20px;font-size: 18px;}