.ban{ width:100%; height:785px; text-align:center; background-color:#0f8efa;}
.banMain{ width:1200px; height: 710px;  margin:0 auto;  position:relative;}
.banText{ width:200px; height:710px; margin:0 auto; top:480px; right:490px; position:absolute}
.banText span{ display: block; width:155; height:50px; line-height:50px; color:#0f8efa; font-weight: 600; cursor: pointer;  font-size:18px; letter-spacing: 5px; border-radius: 8px; background: linear-gradient(to bottom, #fffefd , #a5cef0); }

.telUs{ position:absolute; top:300px; left:300px;}

.divMain{ width:100%; height:auto; margin:0 auto;}

.bigTit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:24px; font-weight: 500; margin-top:40px; letter-spacing: 7px;}
.smallTit{ width:100%; height:40px; line-height:40px; text-align:center; margin-bottom:30px;}

.picDiv{ width:1280px; height:315px; margin:0 auto 80px auto; box-shadow: 0px 0px 2px 2px #e8e8e8; }
.picDiv>div{ width:310px; height:290px; float:left; border-right:1px solid #e8e8e8; margin:15px 2px; position:relative}
.picDiv>div:last-child{  border-right:none;}

.picDiv>div li:first-child{ width:90%; height:100px; line-height:100px; text-align:center; font-size:18px;  margin:0 auto 40px auto; border-bottom:1px solid #e8e8e8; position:relative; text-indent:0;}
.picDiv>div li:first-child img{position:absolute; left:18px; top:15px;}
.picDiv>div li{ width:96%; height:40px; line-height:40px; position:relative; text-indent: 4rem; font-size:14px;}
.picDiv>div li img{ position:absolute; left:30px; top:5px;}


.diyDiv{ width:100%; height:auto; margin:40px auto;}
.diyDiv li{ width:50%; float:left; margin:50px auto; text-align:center;}
.diyDiv li span:first-child{ width:80%; height:60px; line-height:60px; font-size:24px; font-weight: 500; color:#0d90fb; margin-top:30px;}
.diyDiv li span{ width:80%; line-height:50px; margin: 0 auto; display: block; text-align:left; }

.aboutDiv{ width:100%; height:464px; background:url("../img/index-about-bg.png") no-repeat center; background-color: #e8e8e8; overflow: hidden; }

.aboutDiv .bigTit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:24px; font-weight: 500; letter-spacing: 5px; margin-top:40px;}
.aboutDiv .smallTit{ width:100%; height:40px; line-height:40px; text-align:center; margin-bottom:30px;font-size:18px}
.aboutMain{ width:1240px; height:300px; margin:40px auto 20px auto;}
.aboutMain>div{ width:401px; height:300px; margin:0 6px; background: rgb(0 0 0 / 58%); float:left;}
.aboutMain>div li{ width:360px; height:45px; line-height:45px; color:#fff; margin: 0 auto; text-align:center;}
.aboutMain>div li:first-child{ height:90px; margin-top:50px;}
.aboutMain>div li:first-child img{ margin:0 auto;}
.aboutMain>div li:first-child span{ width:100%; height:50px; line-height:50px; text-align:center; color:#fff; display: block;}


.payMain{ width:1280px; height:240px; margin:0 auto;}
.payMain li{ width:300px; height:200px; margin:0 10px; box-shadow: 0px 0px 2px 2px #e8e8e8; float:left; text-align:center;}
.payMain li:hover{ box-shadow: 0px 0px 2px 2px #0d90fb; cursor: pointer;}
.payMain li img{ margin-top:50px; margin-bottom:20px; }
.payMain li span{ width:100%; height:45px; line-height:45px; text-align:center; display: block; letter-spacing: 2px;}


.zzMain{ width:1280px; height:500px; margin:0 auto; }
.zzMain  li{ width:320px; height:500px; float:left; position:relative; text-align:center;transition: top .3s;top: 0;} 
.zzMain  li img{ position:absolute; left:15px}
.zzMain  li:nth-of-type(even) img{top:30px;}

.zzMain  li:nth-child(1):hover{ top:10px;}
.zzMain  li:nth-child(2):hover{ top:20px;}
.zzMain  li:nth-child(3):hover{ top:10px;}
.zzMain  li:nth-child(4):hover{ top:20px;}