header .nav-con {
    background:#fff;
    box-shadow:0 1px 10px 0 rgba(0,0,0,.12)
}
header .nav-con .menu .list .item:hover a {
    font-weight:400;
    opacity:1;
    color:#00A4FF
}
header .nav-con .menu .list .item a {
    color:#666
}
header .nav-con .menu .list .down {
    position:absolute;
    width:180px;
    left:-44px;
    top:25px;
    text-align:center;
    font-size:32px;
    line-height:0;
    opacity:1;
    display:none;
    color:#fff;
    z-index:99
}
header .nav-con .menu .list .down .drop {
    position:relative;
    top:-11px;
    left:-10px;
    width:100%;
    height:100%;
    background:#fff;
    box-shadow:0 2px 10px 0 rgba(0,0,0,.08);
    border-radius:4px;
    text-align:left;
    padding:0 21px
}
header .nav-con .menu .list .down .drop li {
    font-size:16px;
    font-weight:400;
    line-height:53px;
    border-top:1px solid #f6f6f6
}
header .nav-con .menu .list .down .drop li:first-child {
    border:0
}
header .nav-con .menu .list .down .drop li:hover a {
    color:#00a4ff
}
header .nav-con .menu .list .down .drop li a {
    color:#666
}
header .nav-con .menu .list .down .drop .active a {
    color:#00a4ff
}
header .nav-con .menu .list .active a {
    font-weight:400;
    opacity:1;
    color:#00A4FF
}
header .nav-con .button {
    color:#fff;
    background:#00A4FF;
    width:140px;
    height:40px;
    line-height:40px
}
header .banner {
    text-align:center;
    position:relative;
    background-size:100% 100%;
    width:100%
}
header .banner .des {
    padding:60px 0;
    text-align:center
}
header .banner .des h1 {
    color:#333
}
header .banner .des p {
    margin-top:29px;
    color:#333
}
header .banner .des .button-con {
    margin-top:40px;
    text-align:center
}
header .banner .des .button-con .button {
    width:160px;
    height:46px;
    line-height:46px;
    font-size:16px;
    color:#fff;
    background:#00A4FF
}
section {
    padding-top:80px !important;
    padding-bottom:80px !important;
}
section .container {
    width:1204px;
    text-align:center;
    margin:0 auto
}
section .title {
    font-size:34px;
    font-weight:300;
    color:#333
}
section .des {
    font-size:16px;
    font-weight:400;
    color:#666;
    margin-top:17px
}
.select .price .item {
    width:226px;
    background:#fff;
    box-shadow:0 1px 10px 0 rgba(0,0,0,.08);
    border-radius:10px;
    display:inline-block;
    margin-right:10px;
    overflow:hidden
}
.select .price .item:last-child {
    margin-right:0
}
.select .price .item .cate {
    width:100%;
    height:183px;
    padding-top:61px;
    text-align:center
}
.select .price .item .cate h5 {
    font-size:20px;
    font-weight:400;
    color:#fff;
    margin-bottom:26px
}
.select .price .item .cate p {
    font-size:14px;
    font-weight:400;
    color:#fff;
    line-height:24px
}
.select .price .item .function ul {
    height:163px;
    list-style:disc inside;
    padding-left:35px;
    text-align:left;
    padding-top:15px
}
.select .price .item .function ul li {
    margin-top:15px;
    font-size:14px;
    color:#333;
    font-weight:300;
}
.select .price .item .button {
    width:140px;
    height:40px;
    border-radius:4px;
    margin:0 auto;
    font-size:16px;
    font-weight:400;
    color:#fff;
    line-height:40px;
    margin-bottom:42px;
    margin-top: 20px;
    cursor:pointer
}
.select .price .price-1 .cate {
    background:-webkit-linear-gradient(130deg,#076992,#c1c6c9);
    background:-o-linear-gradient(130deg,#076992,#c1c6c9);
    background:linear-gradient(130deg,#076992,#c1c6c9)
}
.select .price .price-1 .button {
    background:-webkit-linear-gradient(130deg,#076992,#c1c6c9);
    background:-o-linear-gradient(130deg,#076992,#c1c6c9);
    background:linear-gradient(130deg,#076992,#c1c6c9)
}
.select .price .price-2 .cate {
    background:-webkit-linear-gradient(40deg,#0497ff,#5eb6f5);
    background:-o-linear-gradient(40deg,#0497ff,#5eb6f5);
    background:linear-gradient(130deg,#0497ff,#5eb6f5)
}
.select .price .price-2 .button {
    background:-webkit-linear-gradient(40deg,#0497ff,#5eb6f5);
    background:-o-linear-gradient(40deg,#0497ff,#5eb6f5);
    background:linear-gradient(130deg,#0497ff,#5eb6f5)
}
.select .price .price-3 .cate {
    background:-webkit-linear-gradient(40deg,#614df6,#b7b5f7);
    background:-o-linear-gradient(40deg,#614df6,#b7b5f7);
    background:linear-gradient(130deg,#614df6,#b7b5f7)
}
.select .price .price-3 .button {
    background:-webkit-linear-gradient(40deg,#6856f6,#7f72f6);
    background:-o-linear-gradient(40deg,#6856f6,#7f72f6);
    background:linear-gradient(130deg,#6856f6,#7f72f6)
}
.select .price .price-4 .cate {
    background:-webkit-linear-gradient(40deg,#ffb64b,#ffeaa1);
    background:-o-linear-gradient(40deg,#ffb64b,#ffeaa1);
    background:linear-gradient(130deg,#ffb64b,#ffeaa1)
}
.select .price .price-4 .button {
    background:-webkit-linear-gradient(40deg,#ffb64b,#ffeaa1);
    background:-o-linear-gradient(40deg,#ffb64b,#ffeaa1);
    background:linear-gradient(130deg,#ffb64b,#ffeaa1)
}
.select .price .price-5 .cate {
    background:-webkit-linear-gradient(40deg,#f45651,#ff8a88);
    background:-o-linear-gradient(40deg,#f45651,#ff8a88);
    background:linear-gradient(130deg,#f45651,#ff8a88)
}
.select .price .price-5 .button {
    background:-webkit-linear-gradient(40deg,#f55b57,#fb817e);
    background:-o-linear-gradient(40deg,#f55b57,#fb817e);
    background:linear-gradient(130deg,#f55b57,#fb817e)
}
.why ul {
    margin-top:40px
}
.why ul li {
    width:279px;
    height:201px;
    text-align:center;
    display:inline-block
}
.why ul li div {
    width:79px;
    height:79px;
    display:inline-block;
    line-height:79px;
    margin-top:35px
}
.why ul li div img {
    vertical-align:middle;
    width: 45px;
}
.why ul li p {
    margin-top:29px
}
.why ul li:hover {
    background:#fff;
    box-shadow:0 2px 10px 0 rgba(0,164,255,.2)
}
.table .left-nav {
    width:80px;
    position:fixed;
    top:260px;
    left:50%;
    margin-left:-695px;
    z-index:100px;
    border-right:1px solid #EAEAEA;
    display:none
}
.table .left-nav ul {
    width:100%;
    padding:6px 0 30px
}
.table .left-nav ul li {
    margin-top:24px;
    position:relative;
    left:9px;
    cursor:pointer
}
.table .left-nav ul li p {
    font-size:13px;
    font-weight:400;
    color:#999;
    display:inline-block
}
.table .left-nav ul li span {
    display:none
}
.table .left-nav ul .active p {
    color:#00a4ff
}
.table .left-nav ul .active span {
    width:11px;
    height:11px;
    background:#00a4ff;
    border-radius:50%;
    margin-left:13px;
    display:inline-block
}
.table .top-nav {
    position:fixed;
    width:100%;
    top:0;
    left:0;
    z-index:88
}
.table .top-nav .warp {
    width:1200px;
    height:140px;
    background:#fff;
    box-shadow:0 1px 10px 0 rgba(0,0,0,.06);
    margin:0 auto
}
.table .top-nav .warp .tit {
    width:28%;
    padding-left: 20px;
    line-height:140px;
    font-size:20px;
    font-weight:400;
    color:#333;
    float:left
}
.table .top-nav .warp .banben {
    width:14.4%;
    float:left
}
.table .top-nav .warp .banben h5 {
    font-size:20px;
    font-weight:400;
    color:#333;
    margin-top:30px;
    text-align:center
}
.table .top-nav .warp .banben div {
    width:124px;
    height:40px;
    border-radius:4px;
    font-size:16px;
    font-weight:400;
    color:#fff;
    text-align:center;
    cursor:pointer;
    line-height:40px;
    margin:0 auto;
    margin-top:20px
}
.table .top-nav .warp .banben .banben-1 {
    background:-webkit-linear-gradient(130deg,#076992,#c1c6c9);
    background:-o-linear-gradient(130deg,#076992,#c1c6c9);
    background:linear-gradient(130deg,#076992,#c1c6c9)
}
.table .top-nav .warp .banben .banben-2 {
    background:-webkit-linear-gradient(40deg,#0497ff,#5eb6f5);
    background:-o-linear-gradient(40deg,#0497ff,#5eb6f5);
    background:linear-gradient(130deg,#0497ff,#5eb6f5)
}
.table .top-nav .warp .banben .banben-3 {
    background:-webkit-linear-gradient(40deg,#6856f6,#7f72f6);
    background:-o-linear-gradient(40deg,#6856f6,#7f72f6);
    background:linear-gradient(130deg,#6856f6,#7f72f6)
}
.table .top-nav .warp .banben .banben-4 {
    background:-webkit-linear-gradient(40deg,#ffb64b,#ffeaa1);
    background:-o-linear-gradient(40deg,#ffb64b,#ffeaa1);
    background:linear-gradient(130deg,#ffb64b,#ffeaa1)
}
.table .top-nav .warp .banben .banben-5 {
    background:-webkit-linear-gradient(40deg,#f55b57,#fb817e);
    background:-o-linear-gradient(40deg,#f55b57,#fb817e);
    background:linear-gradient(130deg,#f55b57,#fb817e)
}
.table .content ul {
    width:100%;
    position:relative;
    height:680px;
    overflow:hidden
}
.table .content ul .hide {
    border-bottom:0;
    width:100%;
    background:-webkit-linear-gradient(rgba(255,255,255,0),#fff);
    background:-o-linear-gradient(rgba(255,255,255,0),#fff);
    background:linear-gradient(rgba(255,255,255,0),#fff);
    height:151px;
    bottom:0;
    left:0;
    position:absolute
}
.table .content ul li {
    border-bottom:1px solid #EAEAEA;
    width:100%;
    overflow:hidden
}
.table .content ul li .cate {
    width:28%;
    text-align:left;
    padding-left:20px;
    float:left
}
.table .content ul li .banben {
    width:14.4%;
    text-align:center;
    float:left
}
.table .content ul .menu {
    padding-bottom:40px;
    font-size:20px;
    font-weight:400;
    color:#333
}
.table .content ul .title {
    text-align:left;
    padding-left:20px;
    line-height:58px
}
.table .content ul .title h6 {
    font-size:16px;
    font-weight:700;
    color:#00A4FF;
    line-height:45px
}
.table .content ul .detial {
    line-height:58px
}
.table .content ul .detial .cate {
    font-size:16px;
    font-weight:500;
    color:#333
}
.table .content ul .detial .banben {
    font-size:14px;
    font-weight:300;
    color:#333
}
.table .content ul .detial .banben img {
    width:18px;
    vertical-align:middle;
    position:relative;
    top:-2px;
    transform:scale(0.8);
    -ms-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -webkit-transform:scale(0.8);
    -o-transform:scale(0.8)
}
.table .content .show-btn {
    width:161px;
    height:40px;
    background:#fcfcfc;
    border:1px solid #00a4ff;
    border-radius:4px;
    line-height:40px;
    font-size:16px;
    font-weight:400;
    color:#00a4ff;
    text-align:center;
    margin:0 auto;
    margin-top:50px;
    cursor:pointer
}