.wyxxbox{padding-top: 30px;}
.wyxxbox > div{float: left; position: relative; padding-top: 33px; width: 23%; text-align: center; transition: ease all .3s;}
.wyxxbox > div + div{margin-left: 180px;}
.wyxxbox > div .tit{display: block;height: 64px; margin-top: 22px; font-size: 26px;}
.wyxxbox > div .tit i{font-style: normal;font-size: 19px;display: block;}
.wyxxbox > div .sub{display: block;margin-top: 52px;margin-bottom: 58px;font-size: 18px;}
.wyxxbox > div .wfjjsub{position: relative;;display: block;margin: 19px auto;width: 220px;padding: 10px 32px 10px 18px;line-height: 28px;font-size: 18px;;text-align: left;;background: url(jjlibg.png) no-repeat;box-sizing: border-box;    background-size: 100% 100%;}
.wyxxbox > div .wfjjsub::after{position: absolute;content: '';right: -7px;top: 50%;margin-top: -18px;width: 36px;height: 36px;background:url(enter_ico.png) no-repeat;}
.wyxxbox > div .wfjjsub2{background: url(jjlibg1.png) no-repeat;margin-bottom:25px;background-size: 100% 100%;}
.wyxxbox > div .wyxx{width: 170px;height: 46px;margin: 50px auto;line-height: 46px;border-radius: 23px;background: url(xxbg1.png) no-repeat;}
.wyxxbox > div .wyxx a{color: #fff;display: block;}
.wyxxbox .jzxx{background: url(jzxxbg.png) no-repeat top center;}
.wyxxbox .wfjj{background: url(wfjjbg.png) no-repeat top center;}
.wyxxbox .jbpt{background: url(jbptbg.png) no-repeat top center;}
.wyxxbox .swdc{background: url(jurxbj.png) no-repeat top center;}
.wyxxbox .tsjs{background: url(tsjsbg.png) no-repeat top center;}
.wyxxbox > .wfjj .tit{height:50px}
.wyxxbox > .jbpt .tit{width:210px;margin:0 auto 120px;text-align: justify;text-align-last: justify;height: auto;font-size: 23px;cursor: default;}
.wyxxbox .jbpt .sub{margin-top:25px;margin-bottom: 53px;}
.wyxxbox .swdc .sub,
.wyxxbox .tsjs .sub{margin-top: 52px;margin-bottom: 58px;}
.wyxxbox > .jbpt .wyxx{background-image: url(sswf.png);}
.wyxxbox > .swdc .wyxx{background-image: url(jbrx.png);}
.wyxxbox > .tsjs .wyxx{background-image: url(xxbg4.png);}
.wyxxbox .jzxx:before{background-color: #4ba0ff; background-image: linear-gradient(to right, #4ba0ff, #77e9fa);margin:0 auto;width:99%;}
.wyxxbox .wfjj:before{background-color: #ffa53c; background-image: linear-gradient(to right, #ffa53c, #ffc051);margin:0 auto;width:99%;}
.wyxxbox .jbpt:before{background-color: #846cee; background-image: linear-gradient(to right, #846cee, #98c9fe);margin:0 auto;width:99%;}
.wyxxbox .swdc:before{background-color: #d72c1b; background-image: linear-gradient(to right, #d72c1b, #d72c1b);margin:0 auto;width:99%;}
.wyxxbox .tsjs:before{background-color: #4898f7; background-image: linear-gradient(to right, #18B1DB, #58EDD2);}
.wyxxbox > div .wyxx a:hover{color: #fff;}
.wyxxbox > div:before{position: absolute; top: 0; right: 0; left: 0; height: 10px; content: ""; display: none;}
.wyxxbox > div:hover{margin-top: -30px; padding-bottom: 30px;}
.wyxxbox > div:hover:before{display: block;}


@media (max-width:1480px){
    .wyxxbox > div{width: 23.5%;}
    .wyxxbox > div + div{margin-left: 1.33%;}
    .wyxxbox > div .tit{font-size: 22px;}
    .wyxxbox > div .tit i{font-size: 16px;}
    .wyxxbox > div .wfjjsub{font-size: 16px;background-size: 100% 100%;width: 190px;padding-right:18px;}
	.wyxxbox > div .wfjjsub::after{right:-20px;}
	.wyxxbox .jbpt .sub{margin-top:40px;}
}
@media (max-width:1220px){
    .wyxxbox > div{float: left; width: 40%; margin-right: 5%; margin-left: 5% !important; margin-bottom: 30px; background-size: cover !important;}
}
@media (max-width:992px){
  .wyxxbox{padding-top: 15px;}
  .wyxxbox > div:hover{margin-top: -15px; padding-bottom: 15px;}
}
@media (max-width:768px){
    .jzxxbox .loginbox ul{margin-top: 20px;}

    .wyxxbox > div{width: 100%; margin-right: 0; margin-left: 0 !important;}
}