.top-box{pading:10px 0;}
.top-box .header{background:#fff;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;padding-top:30px;font-size: 18px;border-top:3px solid #fff;font-weight: bold;}
.top-box .menu .active{border-top:3px solid #ffcc00;color:#fc0}
.top-box .menu li a:link{color:#3075a1}
.top-box .menu li a:visited{color:#3075a1}
.top-box .menu li img{width:18px}

.banner-box{background: url(../img/sub_banner.png)no-repeat center;height:150px;}
.banner-box .name{color:#fff;font-size: 48px;padding-top:25px;font-weight: bold;}
.banner-box p{color:#fff;letter-spacing: 5px;}
.banner-box a{color:#fff}


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"}
.line{border-bottom: 5px solid #fc0;display: inline-block;width:60px;padding-top:20px;}
.titletxt{padding:10px 0;font-size: 18px;color:#999}

.company-box{margin:100px 0 130px 0;text-align: center;}
.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}

.department-box{margin:100px 0 130px 0;text-align: center;}
.department-box .content{margin-top:50px}
.department-box .txt-box{float:right;width:620px;padding-top:20px;text-align: left;}
.department-box .txt-box h2{font-size: 48px;font-weight: 700;font-family: "Poppins"}
.department-box .pic-box{float:left;width:530px;padding-bottom: 30px;}
.department-box .txt-box p{padding:20px 0;font-size: 16px;line-height:28px}
.department-box .txt-box span{font-weight: bold;}

.product-box {margin:100px 0 130px 0;text-align: center;}
.product-box .content{margin-top:50px}
.product-box li{float:left;width:20%;padding:0 50px;box-sizing: border-box;}
.product-box .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;}
.product-box h3{margin-top:30px;text-align: center;color: #000;font-size: 18px;}
.product-box .titletxt{padding:10px 0;font-size: 18px;color:#999}
.product-box .js{color:#666;margin-top: 30px;}
.product-box .jj{margin-top:50px;line-height: 30px;font-size: 16px;width: 1020px;}

.plan-box {margin:100px 0 130px 0;text-align: center;}
.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}

.contact {margin-top:50px}
.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;}

.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)}