.homea{background: url(../images/abg.jpg) repeat left center;padding: 0 0 .8rem}
.homea .aleft{width: 68%;padding-right: 25%;background: url(../images/a1.jpg) no-repeat right .47rem;padding-top: .5rem}
.homea .aleft .slog img{height: .5rem}
.homea .aleft .txt{margin-top: .3rem;margin-bottom: .5rem}
.homea .aleft .txt p{margin-bottom: .15rem; font-size: 17px !important;line-height: 1.8em}
.homea .aleft .inp{width: 3.3rem;height: .52rem;border: none;position: relative;z-index: 3;padding: 0 .15rem;border-radius: 0}
.homea .aleft .sub{width: 1.25rem;height: .52rem;border: none;background: url(../images/ser.svg)#969be5 no-repeat .2rem center;border-radius: 0;background-size: .25rem .25rem ;color: #fff;padding-left: .3rem;position: relative;z-index: 3}
.homea .aleft .wza a{background:#df97d2;display: block;height: .52rem;width: 1.1rem;line-height: .55rem;text-align: center;color: #fff }
.homea .aleft .wza a i{font-size: .24rem;vertical-align: -.03rem;margin-right: .05rem}
.homea .aleft .wza a:before{border:1px solid #df97d2 }
.homea .aleft .wza a:after{border:1px solid #df97d2 }

.homea .aleft .haser:before{border:1px solid #969be5 }
.homea .aleft .haser:after{border:1px solid #969be5 }


.homea .aright{width: 32%;margin-top: -1.25rem}
.homea .aright ul li{background: #a7abe4;color: #fff;height: 1.25rem;padding-right: .6rem;border-bottom: 1px solid #7d80ab;border-top: 1px solid #c6c8ed}
.homea .aright ul li:hover .txt h4{color: #fec586}
.homea .aright ul li .ico{width: .95rem}
.homea .aright ul li .ico img{height: .35rem;margin:  0 auto;}
.homea .aright ul li .txt{width:calc(100% -  .95rem)}
.homea .aright ul li .txt h4{font-size: .22rem;text-shadow: 1px 1px 0 rgba(0,0,0,.3);margin-bottom: .1rem;color: #fff}
.homea .aright ul li .txt p{font-size: .14rem}
.homea .aright ul li:nth-child(2n){background: #9397dc}
.homea .aright ul li:nth-child(1){border-top: 0}
.homea .aright ul li:last-child{border-bottom: 0}

.homeb .aleft{width: 37%;position: relative;padding-bottom: .2rem}
.homeb .aleft .intit{margin-bottom: 0;height: 1.1rem;padding-top: .3rem;padding-right: .3rem}
.homeb .aleft .intit .more{padding-top: .1rem}
.homeb .aleft:after{content: ''; width:7.8rem;height: calc(100% - 1.1rem);position: absolute;right: 0;bottom:0;background: url(../images/bbg1.jpg) no-repeat center;background-size: cover;z-index: 0}
.homeb .aleft ul li{color: #fff;padding: .2rem 0;border-top: 1px solid rgba(255,255,255,.3)}
.homeb .aleft ul li .pic{    height: 3rem;
    margin-bottom: .25rem;
    margin-top: .25rem;}
.homeb .aleft ul li .pic img{display: none}
.homeb .aleft ul li .txt{padding-right: .4rem}
.homeb .aleft ul li .txt a{color: #fff}
.homeb .aleft ul li a:hover{color: #fec586}
.homeb .aleft ul li .txt h4{margin-bottom: .1rem}
.homeb .aleft ul li:nth-child(1) {padding-top: 0;border-top: 0}
.homeb .aleft ul li:nth-child(1) h4{font-size: .18rem}
.homeb .aleft ul li p{font-size: .15rem;line-height: 1.7em;opacity: .8;}
.homeb .aleft ul li time{font-size: .15rem;opacity: .8;display: block;margin-top: .1rem}

.homeb .aright{width: 63%;position: relative;}
.homeb .aright:after{content: ''; width:11.4rem;height: 100%;position: absolute;left: 0;top:0;background: url(../images/bbg2.jpg) no-repeat center;background-size: cover;z-index: 0}
.homeb .aright .tabnav{margin-bottom: .3rem}
.homeb .aright .tabnav li{width: calc(100% / 3);height: 2.55rem;cursor: pointer;position: relative;}
.homeb .aright .tabnav li:after{content: '';width: 0;height: 0;border: .15rem solid transparent;position: absolute;left: 50%;transform: translateX(-50%);bottom: -.26rem}
.homeb .aright .tabnav li .txt{width:2.1rem;margin: 0 auto;text-align: center;color: #fff;padding: .25rem .1rem;position: relative;}
.homeb .aright .tabnav li .txt:before{width: 15px;height: 24px;background: url(../images/sq1.png) no-repeat center;content: '';display: block;top:0;left: 0;position: absolute}
.homeb .aright .tabnav li .txt:after{width: 15px;height: 24px;background: url(../images/sq2.png) no-repeat center;content: '';display: block;bottom:0;right: 0;position: absolute}
.homeb .aright .tabnav li.on{box-shadow: 0 5px 10px rgba(0,0,0,.2)}
.homeb .aright .tabnav li .txt h4{font-size: .24rem;margin-bottom: .1rem}
.homeb .aright .tabnav li .txt span{font-size: .14rem;display: block;}
.homeb .aright .tabnav li:nth-child(1){background-image: url(../images/bc1.png);background-color: #000}
.homeb .aright .tabnav li:nth-child(1).on:after{border-top-color: #8489df}
.homeb .aright .tabnav li:nth-child(2).on:after{border-top-color: #e095ca}
.homeb .aright .tabnav li:nth-child(1) .txt{background: rgba(88,93,175,.25);}
.homeb .aright .tabnav li:nth-child(2) .txt{background: rgba(161,71,136,.25);}
.homeb .aright .tabnav li:nth-child(3) .txt{background: rgba(190,126,55,.25);}
.homeb .aright .tabnav li:nth-child(1).on .txt{background: rgba(88,93,175,1);}
.homeb .aright .tabnav li:nth-child(2).on .txt{background: rgba(161,71,136,1);}
.homeb .aright .tabnav li:nth-child(3).on .txt{background: rgba(190,126,55,1)}
.homeb .aright .tabnav li:nth-child(3).on:after{border-top-color: #FAB163}
.homeb .aright .tabnav li:nth-child(2){background-image: url(../images/bc2.png);background-color: #000}
.homeb .aright .tabnav li:nth-child(3){background-image: url(../images/bc3.png);background-color: #000}
.homeb .aright .swiper-slide ul{padding-left: .4rem}
.homeb .aright .swiper-slide ul li{line-height: .8rem;border-bottom: 1px solid rgba(255,255,255,.5);position: relative;color: #fff;padding-right: 1rem;font-size: .18rem}
.homeb .aright .swiper-slide ul li:last-child{border-bottom: 0}
.homeb .aright .swiper-slide ul li span{position: absolute;top:0;right: 0;font-size: .15rem}
.homeb .aright .swiper-slide ul li a{color: #fff;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.homeb .aright .swiper-slide ul li a:hover{color:#fec586}



.homec{padding: .6rem 0}
.homec .aleft{width: 28%;}
.homec .aleft .pic{height: 2.05rem}
.homec .aleft .pic img{display: none;}
.homec .aleft  .txt{padding: .5rem .3rem;background: url(../images/cbg1.jpg) repeat bottom center;;min-height: 3.1rem}
.homec .aleft  .txt h4{color: #fff;font-size: .18rem;margin-bottom: .2rem;text-align: center}
.homec .aleft  .txt  .desc{line-height: 1.8em;color: #fff;font-size: .15rem}
.homec .aleft  .txt h4 span:before{content: '';width: .8rem;height: 4px;background:url(../images/ll.png);display: inline-block;vertical-align: .05rem ;margin-right: .15rem}
.homec .aleft  .txt h4 span:after{content: '';width: .8rem;height: 4px;background:url(../images/ll.png);display: inline-block;vertical-align: .05rem;margin-left: .15rem }
.homec .aright{width: 72%;position: relative;padding-bottom: 18px;padding-right: 10px;position: relative;}
.homec .aright:before{content: '';display:block;height: 18px;width: 99%;background: #6b70bc;position: absolute;left: 4px;bottom: 0;transform: skewX(25deg);z-index: 1}
.homec .aright:after{content: '';display:block;height:100%;width: 10px;background: #848ae1;position: absolute;top:0;right: 0;;z-index: 0}
.homec .aright .item ul li{float: left;width: 24%;position: relative;margin-right: 1%}
.homec .aright .item ul li{padding: 0 .28rem 0 .15rem;line-height: .45rem;margin-bottom: .1rem;border-radius: 0 .2rem 0 .2rem}
.homec .aright .item ul li a{position: relative;}
.homec .aright .item ul li:hover{background: #848ae1}
.homec .aright .item ul li:hover a{color: #fff}
.homec .aright .item ul li:before{content: '';position: absolute;top:50%;transform: translateY(-50%);left: 0;width: .06rem;height: .06rem;border-radius: 50%;border: 2px solid #848ae1 }
.homec .aright .item ul li:after{content: "\e9f2";font-family: "iconfont" !important;position: absolute;right:.15rem;top:50%;transform: translateY(-50%);font-size: .22rem;color: #fff;opacity: 0;visibility: hidden;}
.homec .aright .item ul li:hover:after{opacity: 1;visibility: inherit;}

.homec .aright .item{padding: .35rem}
.homec .aright .tabnav{padding: .35rem .35rem 0}
.homec .aright .tabnav li{cursor: pointer;background: #df97d2;color: #fff;width: 31%;height: 1.1rem;position: relative;}
.homec .aright .tabnav li:after{content: '';width: 0;height: 0;border: .15rem solid transparent;position: absolute;left: 50%;transform: translateX(-50%);bottom: -.26rem;border-top-color: #df97d2}
.homec .aright .tabnav li.on{background: #9499e5}
.homec .aright .tabnav li.on:after{border-top-color: #9499e5}

.homec .aright .tabnav li i{display: block;position: relative;width: .6rem;height: .6rem;border-radius: 50%;background: rgba(255,255,255,.3);margin: 0 auto;line-height: .6rem;color: #fff;font-size: .3rem;text-shadow: 2px 3px 5px rgba(0,0,0,.3);text-align: center}
.homec .aright .tabnav li i:after{content: '';width: .72rem;height: .72rem;border-radius: 50%;border:1px solid  rgba(255,255,255,.3);position: absolute;left: 50%;top:50%;transform: translateX(-50%) translateY(-50%)}
.homec .aright .tabnav li h4{font-size: .18rem;color: #fff;transition: .3s;margin-bottom: .08rem}
.homec .aright .tabnav li .txt span{font-size: .12rem}
.homec .aright .tabnav li:hover i:before{transform: rotateY(360deg);transition: .5s;display: inline-block;}
.homec .aright .tabnav li div.flex{padding: 0 .2rem}
.homec .aright .tabnav li div .txt{width: calc(100% - .8rem)}




.homed{background: url(../images/dbg1.jpg) repeat center top;}
.homed .aleft{width: 60%;padding: .4rem 0 .1rem}
.homed .aleft time{color: #56509f}
.homed .aleft .picnews {margin-bottom: .5rem}
.homed .aleft .picnews .txt{width: 46%;}
.homed .aleft .picnews .txt h4{margin:  .15rem 0 .15rem;line-height: 1.6em;font-size: .18rem}
.homed .aleft .picnews .txt p{line-height: 1.8em;color: #777;font-size: .15rem}
.homed .aleft .picnews .pic{width: 50%;height: 2.5rem}
.homed .aleft ul li{width: 48%;margin-bottom: .3rem}
.homed .aleft ul li h4{margin-bottom: .1rem}
.homed .aleft ul li time{font-size: .15rem;padding-left: .1rem}
.homed .aright{width: 40%;position: relative;padding-left: .5rem}
.homed .aright:after{content: ''; width:7.4rem;height: 90%;position: absolute;left: 1rem;bottom:0;background: url(../images/dbg3.jpg) no-repeat center;background-size: cover;z-index: 0}
.homed .aright ul li{width: calc(50% - .1rem);height: 2.5rem;color: #fff;position: relative;text-align: center;margin-right: .1rem;margin-bottom: .14rem}
.homed .aright ul li:before{content: '';display:block;height: .14rem;width: 100%;background: #6b70bc;position: absolute;left: .03rem;bottom: -.14rem;transform: skewX(25deg);}
.homed .aright ul li:after{content: '';display:block;height: calc(100% + .14rem);width: .1rem;background: #6b70bc;position: absolute;top: .0rem;right: -.1rem;;z-index: 0}
.homed .aright ul li:nth-child(1){background: #9499e5}
.homed .aright ul li:nth-child(2){background: #fbb263}
.homed .aright ul li:nth-child(3){background: #df97d2}
.homed .aright ul li i{display: block;position: relative;width: .96rem;height: .96rem;border-radius: 50%;background: rgba(255,255,255,.3);margin: 0 auto;line-height: .96rem;color: #fff;font-size: .4rem;margin-bottom: .3rem;text-shadow: 2px 3px 5px rgba(0,0,0,.3)}
.homed .aright ul li i:after{content: '';width: 1.1rem;height: 1.1rem;border-radius: 50%;border:1px solid  rgba(255,255,255,.3);position: absolute;left: 50%;top:50%;transform: translateX(-50%) translateY(-50%)}
.homed .aright ul li h4{font-size: .24rem;color: #fff;transition: .3s}
.homed .aright ul li:hover h4{letter-spacing: .1em}
.homed .aright ul li:hover i:before{transform: rotateY(360deg);transition: .5s;display: inline-block;}


.homee{padding-top: .5rem}
.homee .ztList{padding-bottom: .6rem}
.homee .item{margin: 5px;background: url(../images/linebg.png) no-repeat center;height: 1.6rem;padding: .3rem}
.homee .item:hover{margin: 5px;background: url(../images/linebgon.png) no-repeat center;}
.homee .item:hover a{color: #fff}
.homee .item:hover time{color: #fff}
.homee .item h4{line-height: 1.6em;margin-top: .1rem;position: relative;z-index: 3}
.homee .item time{color: #56509f }
.homee .item time:before{content: '';display: inline-block;height: 2px;width: 0;background: #fbb263;vertical-align: .05rem;transition: .3s}
.homee .item:hover time:before{width: .4rem}
.homee .swiper-pagination-bullets{bottom: 0;font-family: 'KochoStd'}
.homee .swiper-pagination-bullets .swiper-pagination-bullet{ height: auto;
  background:transparent;opacity: 1;transition: .3s;margin: 0 .1rem;
  position: relative;font-size: .16rem;height: .22rem;line-height: .22rem;color: #666}
.homee .swiper-pagination-bullets .swiper-pagination-bullet:before{content: '';display: inline-block;height: 1px;
width: 0;background: #d76ba6;top:.11rem; position: absolute;left: .15rem;transition: .3s}
.homee .swiper-pagination-bullets .swiper-pagination-bullet:after{content: '';display: inline-block;height: 1px;
width: 0;background: #d76ba6;top:.11rem;position: absolute;right:.15rem;transition: .3s}
.homee .swiper-pagination-bullets .swiper-pagination-bullet-active {opacity: 1;margin: 0 .38rem;color: #d76ba6}
.homee .swiper-pagination-bullets .swiper-pagination-bullet-active:before{width: .35rem;}
.homee .swiper-pagination-bullets .swiper-pagination-bullet-active:after{width: .35rem;}

.homef{padding: .6rem 0 .9rem}
.homef .aleft{width: 33%;}
.homef ul li{width: 1.9rem;height: 2.05rem;background: url(../images/linebg.png) repeat center;}
.homef ul li:hover{background: url(../images/linebgon.png) repeat center;color: #fff}
.homef ul li .code{margin: 0 auto;text-align: center;max-width: 1.2rem;padding-top: .35rem}
.homef ul li .code img{margin: 0 auto;margin-bottom: .05rem}
.homef ul li .code p{line-height: 1.2em}
.homef ul li:nth-child(1){margin-bottom: .55rem}
.homef ul li:nth-child(2){margin-bottom: .55rem}
.homef .aright{width: 60%;position: relative;background: url(../images/linebg.png) repeat center;padding: .4rem}
.homef .aright .item .pic{width: 52%;position: relative;min-height: 3.8rem}
.homef .aright .item .txt{width: 48%;position: relative;padding-left: .35rem}
.homef .aright .item .txt time{color: #56509f}
.homef .aright .item .txt h4{font-size: .18rem;line-height: 1.6em;margin-top: .2rem;margin-bottom: .15rem}
.homef .aright .item .txt p{color: #777;line-height: 2em;font-size: .15rem}

.spbor{position: relative;}
.spbor:before{position: absolute;left: -5px;top:-5px;width: calc(100% + 4px);height: calc(100% + 4px);border: 1px solid #56509f;content: '';z-index: 0}
.spbor:after{position: absolute;right: -5px;bottom:-5px;width: calc(100% + 4px);height: calc(100% + 4px);border: 1px solid #56509f;content: '';z-index: 0}

.intit{margin-bottom: .4rem}
.intit span{font-size: .32rem;}
.intit .more{}
.intit .more a:hover{background: url(../images/linebgon.png) no-repeat center;color: #fff }
.intit .more a:hover i:before{background: #fff }
.intit .more a:hover i:after{background: #fff }
.intit .more a{display: block;width: 1.6rem;height: .32rem;color:#56509f;line-height: .32rem;text-align: center }
.intit .more a i:before{content: '';width: .3rem;height: 1px;background:#56509f;display: inline-block;vertical-align: .05rem ;margin-right: .05rem}
.intit .more a i:after{content: '';width: .3rem;height: 1px;background:#56509f;display: inline-block;vertical-align: .05rem;margin-left: .05rem }


@media screen and (max-width: 980px){
  .homea .aleft{width: 100%;margin-bottom: .4rem;padding-right: 0}
  .homea .aleft .txt{font-size: .18rem}
  .homea .aleft .wza{display: none}
  .homea .aleft form{width: 100%}
  .homea .aleft .inp{width: calc(100% - 1.25rem)}
  .homea .aright ul li .txt p{font-size: .16rem}
  .homea .aleft{background-size: 35% auto}
  .homea .aright{width: 100%;margin-top: 0}
  .homeb .aleft{width: 100%;margin-bottom: .4rem}
  .homeb .aright{width: 100%;padding-bottom: .4rem}
  .homeb .aleft:after{width: 100%}
  .homeb .aright:after{width: 100%}
  .homeb .aright .swiper-slide ul{padding: 0 .4rem}
  .homeb .aleft ul li .txt{padding: 0 .4rem}
  .homeb .aleft ul li:nth-child(1) h4{font-size: .22rem}
  .homeb .aleft ul li h4{font-size: .19rem}
  .homeb .aleft ul li p{font-size: .16rem}
  .homeb .aright .swiper-slide ul li{font-size: .2rem}
  .homeb .aright .tabnav li .txt{width: 90%;margin: 0 auto}
  .homeb .aright .tabnav li{height: 2rem}

  .homec .aleft{width: 100%;}
  .homec .aleft .txt{min-height: inherit;}
  .homec .aleft .txt h4{font-size: .24rem}
  .homec .aleft .pic{height: 40vw}
  .homec .aleft .txt .desc{font-size: .18rem}
  .homec .aright{width: 100%;margin-top: 0}
  .homec .aright .tabnav{padding: .35rem 0 0}
  .homec .aright .item ul li{width: 32.33333%;font-size: .18rem}
  .homec .aright .tabnav li{height: auto;padding: .3rem 0}
  .homec .aright .tabnav li div .txt{width: 100%;text-align: center}
  .homec .aright .tabnav li div .ico{width: 100%;margin-bottom: .2rem}
  .homec .aright .tabnav li h4{font-size: .22rem}
  .homed .aleft{padding-bottom: .3rem}
  .homed .aleft{width: 100%;}
  .homed .aleft .picnews .txt h4{font-size: .2rem}
  .homed .aleft .picnews .txt p{font-size: .16rem}
  .homed .aleft ul li h4{font-size: .18rem}
  .homed .aright{width: 100%;padding-left: 0;padding-bottom:.8rem}
  .homed .aright ul li{width: calc(33.3333333% - .1rem)}
  .homed .aright:after{display: none}
  .homee .item h4{font-size: .18rem}
  .homef .aright .item .txt h4{font-size: .2rem}
  .homef .aleft{width: 100%;}
  .homef .aright{width: 100%;}
  .homef ul li .code{padding-top: .25rem;max-width: 100%}
}

@media screen and (max-width: 640px){
  .footer .fta .ftlogo img{height: .6rem;}
  .homeb .aleft ul li .pic{height: 42vw}
  .homeb .aright .tabnav li .txt span{display: none}
  .homeb .aright .tabnav li .txt h4{margin-bottom: 0}
  .homeb .aright .tabnav li{height: 1.6rem}
  .homeb .aleft ul li .txt,.homeb .aright .swiper-slide ul {
    padding: 0 .2rem;
}
.homeb .aright .swiper-slide ul li{line-height: 1.5em;padding: .2rem 0}
.homeb .aright .swiper-slide ul li span{position: static;display: block;margin-left: .1rem}
.homec .aright .tabnav li .txt span{display: none}
.homec .aright .tabnav li h4{min-height: .5rem;margin-bottom: 0}
.homec .aright .tabnav li div.flex{padding: 0 .1rem}
.homec .aright .item ul li{width: 49%}
.homec .aright .item{padding: .35rem .15rem}
.homec .aright{padding-right: 0;}
.homec .aright:after{display: none}
.homec .aright:before{left: 0;transform: none;height: 10px}
.homed .aleft{padding-top: .5rem}
.homed .aleft .picnews .pic{width: 100%;order: 1;margin-bottom: .2rem;height: 45vw}
.homed .aleft .picnews .txt{width: 100%;order: 2}
.homed .aleft ul li{width: 100%}
.homed .aright ul li{height: 2.2rem}
.homed .aright ul li h4{font-size: .22rem}
.homee .item{margin: 8px}
.homef .aleft{margin-bottom: .5rem}
.homef .aright .item .pic{width: 100%;margin-bottom: .2rem;height: 50vw;min-height: inherit;}
.homef .aright .item .txt{width: 100%;padding: 0 }
}