.details_content {
    background: #f7f7f7;
    padding-bottom: 30px;
}
.details_content .wrap {
    width: 1220px;
    margin: 0 auto;
}
.content {
    width: 1220px;
    position: relative;
    background-color: #ffffff;
    margin: 0 auto;
}
.wyxxbox .wfjj {
    background: url(wfjjbg.png) no-repeat top center;
}
.wyxxbox .jbpt {
    background: url(jbptbg.png) no-repeat top center;
}

.wyxxbox{padding: 80px;display: flex;justify-content: space-between;}
.wyxxbox img {
    opacity: 0.6;
}
.wyxxbox > div{position: relative;padding-top: 33px;width: 28%;text-align: center;}
.wyxxbox > div .tit{display: block;height: 64px;margin-top: 22px;font-size: 23px;}
.wyxxbox > div .tit:hover {color: #333333!important;}
.wyxxbox > .jbpt .tit:hover {color: #1a56a8 !important;}
.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 24px;line-height: 28px;font-size: 16px;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;opacity: 0.6;}
.wyxxbox > div .wfjjsub2{background: url(jjlibg.png) no-repeat;margin-bottom:25px;background-size: 100% 100%;}
.wyxxbox > div .wfjjsub:hover {
    color: #1a56a8 !important;
}
.wyxxbox > div .wyxx{width: 170px;height: 46px;margin: 50px auto;line-height: 46px;border-radius: 23px;font-size: 18px;}
.wyxxbox > div .wyxx a{color: #fff;display: block;position: relative;}
.wyxxbox .jzxx{background: url(jzxxbg.png) no-repeat top center;}
.wyxxbox .wfjj{background: url(wfjjbg.png) no-repeat top center;background-image: linear-gradient(to top, #fbe9db, #fffcf7);}
.wyxxbox .jbpt{background: url(jbptbg.png) no-repeat top center;background-image: linear-gradient(to top, #c7dcff, #ebf4ff);}
.wyxxbox .swdc{background: url(jurxbj.png) no-repeat top center;background-image: linear-gradient(to top, #ffe7e2, #fff9f8);}
.wyxxbox .tsjs{background: url(tsjsbg.png) no-repeat top center;}
.wyxxbox > .wfjj .tit{height:50px}
.wyxxbox > .jbpt .tit{width:210px;margin: 0 auto 128px;text-align: justify;text-align-last: justify;height: auto;font-size: 23px;cursor: default;margin-top: 22px;}
.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: linear-gradient(to right, #4a81e0, #8dbffd);background: url(tuoyuan1.png) no-repeat;background-size: cover;}
.wyxxbox > .swdc .wyxx{background-image: url(jbrx.png);background-image: linear-gradient(to right, #da5b4f, #ff9d86);margin-top: 141px;background: url(tuoyuan2.png) no-repeat;background-size: cover;}
.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;}
.wyxxbox .jbpt:before{background-color: #846cee;background-image: linear-gradient(to right, #846cee, #98c9fe);margin:0 auto;}
.wyxxbox .swdc:before{background-color: #d72c1b;background-image: linear-gradient(to right, #d72c1b, #d72c1b);margin:0 auto;}
.wyxxbox .tsjs:before{background-color: #4898f7; background-image: linear-gradient(to right, #18B1DB, #58EDD2);}
.wyxxbox > div .wyxx a:hover{color: #fff!important;}
.wyxxbox > div:before{position: absolute;top: 0;right: 0;left: 0;height: 10px;content: "";/* display: none; */opacity: 0.6;}
.wyxxbox > div:hover{}
.wyxxbox > div:hover:before{display: block;}


@media (min-width: 0) and (max-width:768px) {
    .details_content {
    background: #ffffff;
    padding-bottom: 30px;
}
    .details_content .wrap {
    width: 100%;
    margin: 0 auto;
}
		.content {
    width: 315px;
    position: relative;
    background-color: #ffffff;
    margin: 40px auto;
}
.wyxxbox .wfjj {
    background: url(wfjjbg.png) no-repeat top center;
}
.wyxxbox .jbpt {
    background: url(jbptbg.png) no-repeat top center;
}

.wyxxbox{padding-top: 30px;display: flex;flex-direction: column;padding: 0;}
.wyxxbox img {
    opacity: 0.6;
    display: none;
}
.wyxxbox > div{position: relative;padding-top: 33px;width: 315px;height: 350px;text-align: center;margin-bottom: 10px;}
.wyxxbox > div + div{}
.wyxxbox > .swdc .tit{display: block;height: 64px;line-height: 62px;margin-top: 22px;font-size: 26px;background: url(03_01.png) 20px center no-repeat;padding-left: 50px;}
.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 24px;line-height: 28px;font-size: 16px;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;opacity: 0.6;}
.wyxxbox > div .wfjjsub2{background: url(jjlibg.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;font-size: 18px;margin-top: 120px;}
.wyxxbox > div .wyxx a{color: #fff;display: block;position: relative;}
.wyxxbox > div .wyxx a:hover{color: #fff!important;}
.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;background: url(01_01.png) 20px center no-repeat;line-height: 50px;padding-left: 40px;}
.wyxxbox > .jbpt .tit{width: auto;margin: 0 auto 40px;text-align: justify;text-align-last: auto;text-align: center;height: auto;font-size: 23px;cursor: default;background: url(02_01.png) 20px 0px no-repeat;padding-top: 4px;padding-left: 30px;margin-top: 22px;}
.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: linear-gradient(to right, #2a6ad9, #60a5fb);}
.wyxxbox > .swdc .wyxx{background-image: url(jbrx.png);background-image: linear-gradient(to right, #d83a2b, #fb7151);}
.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;}
.wyxxbox .jbpt:before{background-color: #846cee;background-image: linear-gradient(to right, #846cee, #98c9fe);margin:0 auto;}
.wyxxbox .swdc:before{background-color: #d72c1b;background-image: linear-gradient(to right, #d72c1b, #d72c1b);margin:0 auto;}
.wyxxbox .tsjs:before{background-color: #4898f7; background-image: linear-gradient(to right, #18B1DB, #58EDD2);}
.wyxxbox > div .wyxx a:hover{color: #fff!important;}
.wyxxbox > div:before{position: absolute;top: 0;right: 0;left: 0;height: 10px;content: "";/* display: none; */opacity: 0.6;}
.wyxxbox > div:hover{}
.wyxxbox > div:hover:before{display: block;}
	}