* {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-family: Source Han Sans CN,思源黑体,微软雅黑;
}
ul,li,h4 {list-style: none;}
body {color: #333;}
.banner {width: 100%;height: 280px;background: url(../images/banner.jpg) no-repeat center;}
.tiao {width: 100%;text-align: center;}
.tiao p{font-size: 34px;font-weight: bold;}
.tiao p span{font-size: 34px;color: #00c1cd;}
.tiao p.ci{font-size: 32px;}
.main{width: 1300px; margin: 0 auto;}



.cidvideo{padding: 30px 0;border-bottom: 1px solid #ededed;}
.cidvideo .main{width: 1300px; margin: 0 auto; display: flex; justify-content: space-between;}
.cidvideo .main .video{width: 800px; height: 455px; position: relative;}
.cidvideo .main .video img{position: absolute; top: calc(50% - 107px/2); left: calc(50% - 114px/2); z-index: 1; cursor: pointer;}
.cidvideo .main .video video{width: 100%;height: 450px;}
.cidvideo .main .text{width: 500px; text-align: center;}
.cidvideo .main .text h2{font-size: 30px;}
.cidvideo .main .text .title{margin-top: 30px; font-size: 15px; color: #1a6eee;}
.cidvideo .main .text .tag{font-size: 25px; margin-top: 5px; font-family: 黑体 !important;    font-weight: bold;}
.values{padding: 30px 0;border-bottom: 1px solid #ededed;}
.values .list{display: flex; justify-content: space-between;margin-top: 30px;}
.values .list .item{display: flex; padding: 20px 30px; background-color: #f1f1f1; width: 420px; height: 100px;}
.values .list .item img{width: 60px; height: 60px;}
.values .list .item .text{margin-left: 20px;}
.values .list .item .text h2{color: #00c1cd;font-size: 22px;}
.values .list .item .text p{margin-top: 6px; font-size: 15px;}


.dyycase{padding: 30px 0; border-bottom: 1px solid #ededed; background-color: #f1f1f1;}
.dyycase .list{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.dyycase .list .item{width: 415px;height: 235px; padding: 30px; margin-top: 30px; background-color: #04c4c4;display: flex; align-items: center; text-align: center; cursor: pointer;}
.dyycase .list .item:nth-child(odd){background-color: #2cd2d8;}
.dyycase .list .item .text{width: 100%;height: 100%;}
.dyycase .list .item .text img{width: 60px;height: 60px;}
.dyycase .list .item .text p{font-size: 26px; color: #ff0; font-weight: bold; margin-top: 10px;}
.dyycase .list .item .text span{color: #fff; font-size: 15px; margin-top: 10px; display: block;}
.dyycase .list .item video{width: 100%;}


.service{padding: 30px 0;border-bottom: 1px solid #ededed; background-color: #ededed;}
.service .list{display: flex; justify-content: space-between; background-color: #fff;margin-top: 30px; border-radius: 10px; overflow: hidden;}
.service .list .item{width: 186px; padding:20px 10px;text-align: center; cursor: pointer;transition: .5s;}
.service .list .item .tag{font-size: 20px; color: #00c1cd;font-weight: bold;transition: .5s;}
.service .list .item .image{width: 50px; height: 50px; margin: 0 auto;margin-bottom: 20px; position: relative;}
.service .list .item .image img.active{ opacity: 0;  transition: .5s; }
.service .list .item .image img{width: 100%;opacity: 1;  transition: .5s; position: absolute;  left: 0; top: 0;}
.service .list .item p{margin-top: 5px;transition: .5s; font-size: 15px; margin-top: 10px;}
.service .list .item:hover{background: #00c1cd;transition: .5s;}
.service .list .item:hover .tag,.service .list .item:hover p{color: #fff;transition: .5s;}
.service .list .item:hover .image img{ opacity: 0; transition: .5s}
.service .list .item:hover .image img.active{opacity: 1; transition: .5s}


.wrokStyle{padding: 30px 0;border-bottom: 1px solid #ededed; background-color: #ededed;}
.wrokStyle .main{display: flex; justify-content: space-between; margin-top: 30px;}
.wrokStyle .text{width: 415px; background-color: #00c1cd; color: #fff; text-align: center; padding: 20px; font-size: 28px; font-weight: bold; cursor: pointer;}
.wrokStyle .text:hover{background-color: #2dceda; }

/* .footer{width: 100%; height: 200px; background-color: #e3e3e3;}
.footer-main{width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; border-bottom: 1px solid #ddd;padding-bottom: 30px;}
.footer-left{width: 600px; padding-top: 50px;}
.footer-left h2{font-size: 47px;}
.footer-left p{font-size: 16px; color: #333;}
.footer-right{width: 600px;text-align: center; padding-top: 45px;}
.footer-right p{padding: 20px; font-size: 42px; border: 5px solid #f00; color: #333; font-weight: bold; display: inline-block;} */

.footer{width: 100%;  background-color: #e3e3e3;}
.footer-main{width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; border-bottom: 1px solid #d3d3d3;padding-bottom: 30px; padding-top: 45px;}
.footer-left{width: 600px;}
.footer-left h2{font-size: 47px;}
.footer-left p{font-size: 16px; color: #333;}
.footer-right{width: 600px;text-align: center;}
.footer-right p{padding: 20px; font-size: 42px; border: 5px solid #f00; color: #333; font-weight: bold; display: inline-block;}

.prompt{background: #e9e9e9; padding: 30px 0;}
.prompt .main{width: 1300px; margin: 0 auto; border-radius: 15px; border: 1px solid #c4c4c4; padding:30px 200px; line-height: 35px;}
.prompt .main p span{color: #f00; font-weight: bold; font-size: 19px;}
.prompt .main p b:first-child{font-weight: bold; font-size: 18px;}
.prompt .main p b{font-weight: bold; }
.prompt .main p img{margin: 0 10px; }




.gnshow{padding: 30px 0;border-bottom: 1px solid #ededed;}
.gnshow .list{display: flex; justify-content: space-between; padding-top: 30px;}
.gnshow .list .item{width: 415px;}
.gnshow .list .item video{width: 100%;}





.vipText{background: linear-gradient(90deg, #FFFAF6 0%, #FFEDDA 100%);}
.vipText .main{width: 1300px; margin: 0 auto; padding: 20px 0; display: flex; justify-content: space-between;}
.vipText .main .item{width: 250px;text-align: center; padding: 25px;}
.vipText .main .text{ font-size: 24px; color: #333; font-weight: bold; text-align: center;}
.vipText .main .text span{font-size: 15px; font-weight: 400;} 
.vipText .main .num{color: #FF3400;}
.vipText .main .num .tag{ font-size: 20px;  }
.vipText .main .num .amount{ font-size: 50px; font-weight: bold;}
.vipText .main .num .byte{ font-size: 20px;color: #333}
.vipText .main .item:nth-child(1){background: linear-gradient(90deg, #fcf2ea 0%, #FFEDDA 100%);} 
.vipText .main .item:nth-child(2){background: linear-gradient(90deg, #ffebdb 0%, #fdead6 100%);} 
.vipText .main .item:nth-child(3){background: linear-gradient(90deg, #fdead6 0%, #ffdebb 100%);} 
.vipText .main .item:nth-child(4){background: linear-gradient(90deg, #ffdebb 0%, #fdcc98 100%);} 
.vipText .main .item:nth-child(5){background: #007581;}