@charset "utf-8";
.centerwrap{  width:1280px;  margin:0 auto;}
header{padding:45px 0;background:#ffffff;text-align:left;margin-left:60px;}
footer{text-align:center;border-top:1px solid #999;padding:20px 0 40px 0;color:#666;font-size:20px;line-height:40px;font-weight:normal;}
.logo{position:relative;}
.homebtn{position:relative;float:right;margin-right:50px;z-index:1;}
.mailbtn{position:relative;float:right;margin-right:50px;z-index:1;}
.bannerbox{position:relative;}
.bannerbg{position:relative;z-index:0;opacity:0;}
.bannerlist{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.bannerlist img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition: all 1s ease-in-out;}
.bannerlist img.on{z-index:2;opacity:1;}
.bannericons{position:absolute;bottom:6%;left:0;width:100%;z-index:2;text-align:center;}
.bannericons span.icon{display:inline-block;height:14px;width:14px;margin:0 10px;border:1px solid #cdced0;background:#ffffff;border-radius: 8px;overflow:hidden;cursor: pointer;}
.bannericons span.icon span{display:block;height:10px;width:10px;border-radius: 5px;overflow:hidden;margin:2px;}
.bannericons span.icon.on span{background:#cdced0;}
.contentlist{position:relative;padding:0 45px;}
.contentline{position:relative;padding:50px 0;border-bottom:4px dotted #cccccc;}
.contentline:last-child{border-bottom:0;}
.contentitem{position:relative;width:50%;float:left;text-align:center;}
.contentbox{position:relative;text-align:center;padding:15px 0;margin:40px 0 15px 0;}
.contentbox img{position:relative;z-index:1;}
.contentbox .bg{z-index:0;position:absolute;top:0;left:50%;transform:translateX(-50%); width:214px;height:214px;border-radius:107px;}
.bg01{background:#f8c6bd;}
.bg02{background:#fee9aa;}
.bg03{background:#d7e9c3;}
.bg04{background:#c0e4f2;}
.bg05{background:#b0c0e2;}
.bg06{background:#91c7ad;}
.bg07{background:#b4e58c;}
.bg08{background:#ffb6c7;}

.contenttext{padding:0 60px;}
.contenttext .des{color:#444;font-size:20px;line-height:30px;padding:10px 0;letter-spacing: 1px;}
.contenttext .tag{font-size:18px;line-height:30px;}
.text01{color:#f88573;}
.text02{color:#fcd339;}
.text03{color:#aace8e;}
.text04{color:#69c4e1;}
.text05{color:#538acb;}
.text06{color:#22925a;}
.text07{color:#69c818;}
.text08{color:#ff6e8c;}
.linebtn{width:90px;border-radius:5px;background:#46c864;color:#fff;text-align:center;font-size:14px;line-height:24px;margin:20px auto;vertical-align: bottom;}
.linebtn i{margin-left:5px;font-size:16px;line-height:24px;}


/*手機板*/
/*手機板*/
@media screen and (max-width: 1280px){
  .centerwrap{  width:100%;  margin:0 auto;}
  .bannerbg{position:relative;z-index:0;opacity:0;max-width:100%;}
}
@media screen and (max-width: 820px){
  .centerwrap{  width:100%;  margin:0 auto;}
  header{padding:5vw 0;background:#ffffff;text-align:left;margin-left:5vw;}
  footer{padding:4vw 0 6vw 0;font-size:2.8vw;line-height:6vw;}
  .logo{max-height:6vw;}
  .homebtn{float:right;margin-right:5vw;max-height:6vw;}
  .mailbtn{float:right;margin-right:5vw;max-height:6vw;}
  .bannerbg{position:relative;z-index:0;opacity:0;max-width:100%;}
  .bannericons span.icon{display:inline-block;height:3vw;width:3vw;margin:0 1vw;border:1px solid #cdced0;background:#ffffff;border-radius: calc(1.5vw +1px);overflow:hidden;}
  .bannericons span.icon span{display:block;height:2.2vw;width:2.2vw;border-radius: 1.1vw;overflow:hidden;margin:0.4vw;}
  .contentlist{position:relative;padding:0 8vw;}
  .contentline{position:relative;padding:0;border-bottom:0;}
  .contentline:last-child{border-bottom:0;border-bottom:0;}
  .contentitem{position:relative;width:100%;float:none;padding:15vw 0;text-align:center;border-bottom:4px dotted #cccccc;}
  .contentline:last-child .contentitem:nth-last-child(2){border-bottom:0;}
  .contentitem img{max-width:100%;}
  .contentbox{position:relative;text-align:center;padding:3vw 0;margin:8vw 0 1vw 0;}
  .contentbox img{position:relative;z-index:1;max-width:70%;}
  .contentbox .bg{z-index:0;position:absolute;top:0;left:50%;transform:translateX(-50%); width:50vw;height:50vw;border-radius:25vw;}
  .contenttext{padding:0 5vw;}
  .contenttext .des{color:#000;font-size:4.6vw;line-height:8vw;padding:2vw 0;}
  .contenttext .tag{font-size:4vw;line-height:8vw;}
  .linebtn{padding:2vw;}
}