.head{width:100%;height:360px;background:#4904BC url(/static/pc/images/do_banner.png) no-repeat;background-position:50%}
.head .banner{padding-top:60px;position:relative;z-index:9}
.head .poHead{position:absolute;width:357px;bottom:-6px;left:527px}
.head .btm1{margin:inherit;margin-top:65px}
.adBj{width:100%;height:150px;background:url(../img/adBj.png) no-repeat;background-position:50%}
.btm1{margin:0 auto;margin-top:35px;width:312px;height:50px;line-height:50px;background:linear-gradient(91.44deg,rgba(157,0,254,0.8) 0%,rgba(216,60,255,0.8) 51.23%);border-radius:4px;font-family:PingFang SC;font-weight:600;font-size:18px;text-align:center;color:#FFFFFF;text-shadow:0px 1px 1px rgba(3,23,173,0.4);cursor: pointer;}
.what .left{padding-top:88px;padding-left:70px}
.what .left .p1{position:relative;font-family:PingFang SC;font-style:normal;font-weight:600;font-size:24px;line-height:34px}
.what .left .p1 i{position:absolute;width:40px;height:4px;left:0px;bottom:-26px;background:linear-gradient(97.27deg,#9828F0 -3.46%,#7028E9 46.81%)}
.what .left .p2{margin-top:40px;width:394px;height:84px;font-family:PingFang SC;font-style:normal;font-weight:normal;font-size:14px;line-height:200%;color:#666666}
.what .right{width:311px;height:242px;margin-right:80px}
.what:hover .left{transform:scale(1.05)}
.where{position:relative;background:url(/static/pc/images/where.png) no-repeat;height:622px;background-position:50%;box-sizing:border-box;margin-bottom: 0 !important;}
.where .contion{margin-top:30px;display:flex;justify-content:space-between}
.where .contion .li{padding-top:44px;box-sizing:border-box;width:240px;height:428px;background:#FFFFFF;border-radius:4px}
.where .contion .li .img1{margin:0 auto;width:auto}
.where .contion .li .p1{height:50px;margin-top:24px;font-family:PingFang SC;font-weight:600;font-size:18px;line-height:25px;text-align:center;color:#333333}
.where .contion .li .p2{margin:0 auto;margin-top:13px;width:198px;height:132px;font-family:PingFang SC;font-size:14px;line-height:160%;color:#666666}
.where .contion .li .p3{border:1px solid #8f29ef;margin:0 auto;margin-top:52px;width:150px;height:32px;line-height:32px;border-radius:2px;font-family:PingFang SC;font-size:12px;text-align:center;color:#7028E9}
.where .contion .li:hover{background:url("../img/liBj.png") no-repeat}
.where .contion .li:hover .img1{display:none}
.where .contion .li:hover .p1{padding-top:48px;color:#fff}
.where .contion .li:hover .p2{color:#fff}
.where .contion .li:hover .p3{margin-top:58px;background:#FFFFFF;border-radius:2px;color:#7028E9}
.xukez{margin-top:20px;display:flex;justify-content:space-between}
.xukez .left{height:323px;margin-left:30px}
.xukez .right{width:615px;margin-top:15px}
.xukez .right .p1{font-family:PingFang SC;font-style:normal;font-weight:600;font-size:14px;line-height:160%;color:#333333}
.xukez .right .p2{margin-top:44px;display:flex;justify-content:space-between}
.xukez .right .p2 .li{width:160px;font-family:PingFang SC;font-weight:600;font-size:14px;line-height:160%;color:#666666;position:relative;line-height: 28px;}
.xukez .right .p2 .li img{width:auto;margin-bottom:14px}
.xukez .right .p2 .li i{position:absolute;width:1px;height:200px;right:-14px;top:0px;background:#F8F9FC}
.xukez:hover .left{transform:scale(1.05)}
.tiaojian{width:940px;margin:0 auto;margin-top:40px;display:flex;justify-content:space-between}
.tiaojian .li{width:220px;position:relative}
.tiaojian .li:hover{box-shadow:0px 4px 40px rgba(125,80,231,0.2)}
.tiaojian .li .po{position:absolute;width:160px;top:160px;left:30px;font-size:14px;line-height:20px;color:#666666}
.tiaojianBtm{margin:0 auto;margin-top:40px;border:1px solid #7028e9;width:300px;height:50px;line-height:50px;border-radius:4px;font-family:PingFang SC;font-style:normal;font-weight:600;font-size:18px;text-align:center;color:#7028E9}
.liuC{margin:0 auto;margin-top:40px;cursor:pointer;width:982px;display:flex;justify-content:space-between}
.liuC .li{width:136px;position:relative}
.liuC .li .p1{border-radius:50%;width:136px}
.liuC .li .p2{height:46px;color:#ff5bef;font-family:DINPro;font-style:normal;font-weight:bold;font-size:36px;line-height:46px;text-align:center;margin-top:5px}
.liuC .li .p3{font-family:PingFang SC;font-style:normal;font-weight:600;font-size:18px;line-height:25px;text-align:center;color:#C812E1}
.liuC .li .p32{color:#9f28f0}
.liuC .li .p33{color:#7028E9}
.liuC .li .line{width:120px;position:absolute;right:-76px;top:156px}
.liuC .li:hover .p1{box-shadow:0px 0px 20px rgba(16,92,233,0.1)}
.cailiao{background:url("../img/bg.png") no-repeat;background-position:50%;box-sizing:border-box}
.cailiao .title{color:#fff}
.cailiao .cailiaoImg{display:flex;justify-content:space-around;align-items:center}
.cailiao .cailiaoImg .po{width:346px;padding-top:20px}
.cailiao .cailiaoImg .po .li{display:flex;align-items:center;position:relative;margin-bottom:13px;font-family:PingFang SC;font-weight:600;font-size:16px;line-height:200%;color:#FFFFFF}
.cailiao .cailiaoImg .po .li .img{width:18px;height:20px;margin-right:10px}
.cailiao .cailiaoImg .po .li .down{position:absolute;width:6px;height:17.43px;bottom:-16px;left:6px}
.cailiao .cailiaoImg .left40{margin-left:40px}
.cailiao .cailiaoImg .right{width:217px}
.cailiao:hover .cailiaoImg .right{transform:scale(1.1)}
.liuc{width:996px;margin:0 auto;margin-top:40px}
.liaojie{margin:0 auto;margin-top:40px;display:flex;justify-content:space-between;align-items:center;width:940px}
.liaojie .left{width:430px;position:relative}
.liaojie .left img{box-sizing:border-box;border:2px solid #fff}
.liaojie .left .po1{position:absolute;top:0px;left:0px;padding-top:30px;padding-left:36px}
.liaojie .left .po1 .p1{font-family:PingFang SC;font-size:18px;line-height:25px;color:#333333}
.liaojie .left .po1 .btmLiao{margin-top:23px;width:152px;height:32px;line-height:32px;border-radius:2px;border:1px solid #8f29ef;font-family:PingFang SC;font-size:12px;text-align:center;color:#7028E9}
.liaojie .left:hover img{box-sizing:border-box;border:2px solid #7028e9}
.quanqiu{background:#5310BF}
.main1{margin-bottom:60px}
.main1 .title{padding-top:50px;padding-bottom:20px;font-weight:600;font-size:32px;line-height:34px;text-align:center;color:#333}
.main1 .what{padding:20px 10px;margin-top:40px;width:1200px;background:#FFFFFF;box-shadow:0px 4px 40px rgb(36,78,202,10%);border-radius:4px;display:flex;justify-content:space-between}
.miit_list{}
.miit_list li{width:350px;height:120px;float:left;margin:16px 20px;box-shadow:0px 4px 40px rgb(36,78,202,15%);border-radius:16px;transition-duration:200ms;position:relative;overflow:hidden;display:block}
.miit_list li a{height:70px;display:block;padding:10px 30px}
.miit_list li .yewuh{position:absolute;transform:rotate(45deg);left:285px;width:100px;text-align:center;font-size:14px;font-weight:600;color:#FFFFFF;background:linear-gradient(90deg,#284DBB 0%,rgba(216,60,255,0.8) 100%)}
.miit_list li:hover{transform:scale(1.03);transition-duration:200ms}
.miit_list li img{width:60px;float:left;position:relative;top:30%}
.miit_list li span{text-align:left;float:left;margin-left:30px;position:relative;top:16px}
.miit_list li span p:nth-child(1){border-bottom:10px;font-weight:bold;color:#303030;font-size:16px}
.miit_list li span p:nth-child(3){width:160px;font-size:12px;color:#989898;margin-top:8px}
.send_i{position:absolute;width:40px;height:4px;left:0px;bottom:-15px;background:linear-gradient(97.27deg,#9828F0 -3.46%,#7028E9 46.81%)}
.miit_list li .zxan{font-size:14px;color:#9828F0;margin-top:8px;display:block;position:absolute;top:80px;left:120px}
.miit_list li .fa{width:80px;float:left;position:relative;top:50%}
.ip{background:#fff;padding-top:48px;padding-bottom:48px}
.common_title{text-align:center;width:1200PX;margin:0 auto}
.common_title_t label{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid rgba(132,141,173,0.56);position:relative;top:-2px}
.common_title_t p{font-size:28px;color:#323238;display:inline-block;margin:4px 36px 0}
.common_title_t_l:after{content:'';display:inline-block;width:28px;height:0;border-bottom:1px solid rgba(132,141,173,0.56);position:absolute;left:9px;top:4px}
.common_title_t_r:before{content:'';display:inline-block;width:28px;height:0;border-bottom:1px solid rgba(132,141,173,0.56);position:absolute;left:-28px;top:4px}
.common_title_b{font-size:14px;color:#9828F0;text-align:center;margin:30px 0px}
#process .common_title_b{color:#ffffff}
.common_title.white .common_title_t p{color:#fff}
.common_title.white .common_title_b{opacity:0.5}
.common_title.white .common_title_b:after{opacity:0.3}
.commitment_content{width:100%;height:380px;background-color:#ffffff;-webkit-box-shadow:0px 0px 32.55px 2.45px rgba(30,35,64,0.11);box-shadow:0px 0px 32.55px 2.45px rgba(30,35,64,0.11);margin:40px auto;padding:9px}
.commitment_left{float:left;width:50%}
.commitment_right{float:right;width:49%}
.commitment_right > div:nth-child(1){background-color:#f2f1f9;margin-bottom:10px}
.commitment_right > div > b{font-size:18px;color:#333}
.commitment_right > div{position:relative;height:175px;border-radius:2px;padding:30px 170px 0 24px;overflow:hidden}
.commitment_right > div > p{font-size:14px;line-height:1.7;color:#888;margin-top:20px}
.commitment_right > div:nth-child(2){background-color:#f5f6f9}
.commitment_left .cn_content{position:relative;height:360px;border-radius:2px;background-color:#f2f1f9;padding:28px 170px 0 26px}
.cn_content > b{font-size:18px;color:#333}
.cn_content > p{font-size:14px;color:#888;line-height:1.714;margin-top:20px}
.conbanli{display:inline-block;width:162px;height:36px;text-align:center;line-height:36px;color:#fff;font-size:14px;margin-top:20px;margin-bottom:20px;background-color:#2fb26a;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px}
.cn_content > i{position:absolute;right:0;bottom:0}
.commitment_right > div > i{position:absolute;right:0;bottom:0}

.anli {
    background: url(/static/pc/images/bganli.png) repeat-y;
    background-position-x: 0%;
    background-position-y: 0%;
    height: 750px;
    background-position: 50%;
    box-sizing: border-box;
}
.anli .title{color: #ffffff;}

.picList{ width:1368px;margin:70px auto;}
.picList{ overflow:hidden; zoom:1; }
.picList li{ margin: 8px 50px 8px 0;float:left; _display:inline; overflow:hidden; text-align:center;  }
.picList li .pic{width: 325px; text-align:center; }
.picList li .pic img{ width:100%;display:block;}
.picList li .title{ line-height:44px;color: #FFFFFF;font-size: 18px;}

.action_main
{
    position: relative;
    background: url(/static/pc/images/action_main.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    height: 622px;
    background-position: 50%;
    box-sizing: border-box;
    margin-top: 30px;
}

.headImg{
    position: absolute;
    top: 5%;
    right: 0;
    background: url(/static/pc/images/bannertu2.png) no-repeat;
    width: 410px;
    height: 300px;
    margin-top: 25px;
    z-index: 100;
    background-size: 100% 100%;
}
.headImg img{
    width: 150px;
    margin: 30px 130px;
}
.headImg img.horizontal {
    width: 312px;
    margin: 26px 45px;
    border: 4px solid #fff;
    border-radius: 10px;
}
.gradient-text {
    background: linear-gradient(to bottom, #e4ddfb, #faf8fe);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 90px;
    font-weight: 700;
    font-family: fantasy;
    letter-spacing: 5px;
}
.liaojie .left .p1 {
    position: relative;
    bottom: 60px;
}
.liaojie .left .margin {
    margin-top: 20px;
    padding-top: 24px;
    margin-bottom: 20px;
}
.liaojie .left .p1 span {
    position: absolute;
    top: 70px;
    left: 4px;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #3A1FAA;
}
.liaojie .left .p1 i {
    position: absolute;
    width: 40px;
    height: 4px;
    left: 4px;
    bottom: -30px;
    background: linear-gradient(118.01deg, #502ED5 32.64%, #8260F8 67.36%);
}
.liaojie .left .p2 {
    font-family: PingFang SC;
    font-size: 14px;
    line-height: 200%;
    color: #666666;
}
.liaojie .right img{
    height: 290px;
}

.where .contion .left {
    height: 310px;
    margin: 0 100px;
}
.where .contion .right p{
    color: #fff;
    box-shadow: 0px 4px 40px rgba(36, 78, 202, 0.1);
    border-radius: 8px;
    padding: 10px 18px;
    box-sizing: border-box;
    font-family: PingFang SC;
    font-size: 14px;
    line-height: 200%;
}
.where .contion .right p:first-child{
    background: #5c3ade !important;
}
.where .contion .right p:not(:first-of-type){
    width: 23%;
    margin-top: 10px;
    margin-right: 15px;
    float: left;
    line-height: 20px;
    font-size: 12px;
    height: 140px;
    padding: 8px;
}
.where .contion .right p:nth-child(odd) {
    background: #28d6a2;
}
.where .contion .right p:nth-child(even) {
    background: #4d8ceb;
}
.where .contion .right p:nth-child(4n+1){
    margin-right:0px;
}
.where .contion .right p span{
    font-size: 20px;
    padding: 0 5px;
}

.why .list {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}
.why .list .li {
    width: 235px;
    height: 276px;
    position: relative;
    cursor: pointer;
}
.why .list .li img{
    width: 100%;
    height: 100%;
}

.why .list .li .whyBj {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0.8;
    transition: 0.3s all;
}
.why .list .li:first-child .whyBj{
    background: linear-gradient(90deg, #4c8aeb, #74c4fa);
}
.why .list .li:nth-child(2) .whyBj{
    background: linear-gradient(90deg, #5c3ade, #e4ddfb);
}
.why .list .li:nth-child(3) .whyBj{
    background: linear-gradient(90deg, #0dbdbd, #aff1dc);
}
.why .list .li:nth-child(4) .whyBj{
    background: linear-gradient(90deg, #f5a202, #f3c489);
}
.why .list .li:nth-child(5) .whyBj{
    background: linear-gradient(90deg, #0b11f7, #a2b0eb);
}
.why .list .li .whyIco {
    position: absolute;
    top: 60px;
    left: 68px;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #FFFFFF;
}
.why .list .li .whyIco img{
    width: 100px;
    height: 100px;
}
.why .list .li .p1 {
    position: relative;
    bottom: 90px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
}

.gray{
    background: #F8F9FC !important;
}
.cailiaoBox{
    margin-bottom: 0;
    padding-bottom: 35px;
}
.cailiao {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin-top: -30px;
}
.cailiao .left {
    position: relative;
    width: 502px;
    left: 0px;
    padding-left: 40px;
}
.cailiao .left .li {
    margin-top: 22px;
    display: flex;
    align-items: center;
    font-style: normal;
    font-size: 14px;
    line-height: 200%;
    color: #333;
}
.cailiao .left .line {
    position: absolute;
    left: 9px;
    top: 14px;
    width: 1px;
    height: calc( 100% - 50px );
    border-left: 1px dashed #333;
    margin-top: 15px;
}
.cailiao .left .li span {
    margin-right: 17px;
    position: absolute;
    left: -8px;
    background: #3A1FAA;
    padding: 1px 9px;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
}
.cailiao .right img{
    padding-top: 10px;
}
.cailiaoBox .btm1{
    margin-top: 0px;
}

.yewuList {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}
.yewu .yewuList .li {
    width: 181px;
    text-align: center;
}
.yewu .yewuList .li .ico{
    width: 150px;
    height: 150px;
    font-size: 50px;
    color: #3A1FAA;
    margin: 0 auto;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.yewu .yewuList .li .ico .fa{
    background: linear-gradient(to right, #3A1FAA, #5c3ade, #e4ddfb); /* 根据需要修改渐变色起始和结束颜色 */
    -webkit-background-clip: text; /* Safari/Chrome浏览器支持 */
    background-clip: text;
    color: transparent; /* 让文本透明，显示渐变色 */
    display: inline-block; /* 文本居中 */
    font-weight: bold; /* 可根据需要调整字体粗细 */
}
.yewu .yewuList .li:hover .ico{
    background: #faf8fe;
    color: #F8F9FC;
    box-shadow: 0px 4px 40px rgba(125, 80, 231, 0.2);
}
.yewu .yewuList .li .p1 {
    margin-top: 15px;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #333333;
}
.yewu .yewuList .li:hover .p1{
    color: #3A1FAA;
}
.quanqiuBtm {
    margin: 0 auto;
    margin-top: 40px;
    transition: 0.3s all;
    cursor: pointer;
    width: 380px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.quanqiuBtm .phone {
    display: flex;
    align-items: center;
}
.quanqiuBtm .phoneImg {
    width: 22px;
    margin-left: 24px;
    margin-right: 6px;
}
.quanqiuBtm .phoneTxt {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #666666;
}
.quanqiuBtm .phoneRed {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #3A1FAA;
}
.quanqiuBtm .phoneBtm {
    width: 100px;
    height: 50px;
    background: #3A1FAA;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    color: #FFFFFF;
}
.quanqiuBtm .phoneBtm {
    background: linear-gradient(91.44deg,rgba(157,0,254,0.8) 0%,rgba(216,60,255,0.8) 51.23%);;
}

.daili{
    text-align: center;
    color: #9da5a9;
    font-size: 14px;
    padding-bottom: 35px;
    margin-bottom: 0;
}
.daili .des{
    font-size: 16px;
    color: #333;
}
.daili .subDesc{
    font-size: 16px;
    padding: 15px 0 30px;
}
.daili p{
    line-height: 25px;
}
.daili p:last-child{
    margin-top:10px;
}
.daili p img{
    height: 350px;
    border: 1px solid #e4ddfb;
    margin-bottom: 10px;
}

.yaoban {
    position: relative;
    margin: 0 auto;
    width: 940px;
}
.yaoban .vs {
    position: absolute;
    width: 422px;
    top: 0px;
    left: 79px;
    z-index: 10;
}
.yaoban .left {
    width: 629px;
    position: relative;
    z-index: 3;
    margin-left: 40%;
}
.yaoban .left .leftPo {
    position: absolute;
    width: 550px;
    height: 420px;
    top: 76px;
    left: 150px;
}
.yaoban .left .leftPo .p2 {
    margin-bottom: 23px;
    display: flex;
    color: #666;
    align-items: center;
}
.yaoban .left .leftPo .p2 img {
    width: 15px;
    margin-right: 12px;
    height: 13px;
}
.yaoban .right {
    position: absolute;
    top: 40px;
    left: 4px;
    width: 543px;
    height: 332px;
}
.yaoban .right img{
    width: 100%;
}

.evaluating{
    padding-bottom: 50px;
    margin-bottom: 0px;
}
.evaluating .evalList{
    display: flex;
}
.evalList .left {
    width: 24%;
    height: 550px;
    background: #FFFFFF;
    border: 1px solid #E7ECFC;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 11px;

}
.evalList .left .lineBj {
    width: 610px;
    height: 8px;
    background: linear-gradient(91.44deg, #3A1FAA 0%, #e4ddfb 80%);
}
.evalList .left .IDCImg {
    margin-top: 30px;
    background: linear-gradient(to right, #3A1FAA 20%, #e4ddfb);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
.evalList .left .contionChild {
    margin: 0 23px;
    margin-top: 18px;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.contionChild .L{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.evalList .left .contionChild .line {
    width: 100%;
    height: auto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    position: relative;
    padding-left: 15px;
    margin-bottom: 20px;
}
.evalList .left .contionChild .line .fa{
    background: linear-gradient(to right, #3A1FAA 20%, #e4ddfb);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 16px;
    font-weight: 700;
}
.evalList .left .contionChild .IDCF3 {
    width: 218px;
    display: block;
    margin: 0 auto;
    max-height: 150px;
}

.liucheng ul{
    width: 400px;
    height: auto;
    float: left;
    margin: 0px 50px;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 40px rgb(36,78,202,10%);
    border-radius: 16px;
    padding-bottom: 40px;
}
.liucheng ul p {
    font-size: 20px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.liucheng ul:nth-child(1) li {
    font-size: 14px;
    color: #666666;
    text-align: center;
    line-height: 40px;
    width: 300px;
    height: 40px;
    border: 2px #e4ddfb solid;
    border-radius: 10px;
    margin: 10px auto;
}
.liucheng ul:nth-child(2) li {
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    line-height: 44px;
    width: 304px;
    height: 44px;
    background: linear-gradient(90deg, #3A1FAA, #9D00FE 80%);
    border-radius: 10px;
    margin: 10px auto;
}
.liucheng img {
    height: 30px;
    margin: 30px auto;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid black; /* 可以根据需要更改箭头的大小和颜色 */
}
.liucheng ul.single {
    float: none;
    padding-top: 1%;
    margin: 0 auto;
    width: 500px;
}
.liucheng ul.single li{
    width: 90%;
    margin-bottom: 30px;
    height: auto;
    padding: 1% 2%;
    line-height: 30px;

}

.leixing li {
    width: 350px;
    height: 300px;
    margin: 50px 20px 0 20px;
    padding: 20px 40px 10px 40px;
    float: left;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 40px rgb(36,78,202,10%);
    border-radius: 16px;
    text-align: center;
}
.leixing li img {
    height: 90px;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: 10px;
}
.leixing li p:nth-child(2) {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.leixing li p:nth-child(3) {
    width: 100%;
    font-size: 13px;
    color: #666666;
    line-height: 26px;
    margin-top: 10px;
    text-align: justify;
}
.leixing li a {
    display: block;
    width: 200px;
    height: 40px;
    margin: auto;
    background: linear-gradient(90deg, #E83233 0%, #8321E4 100%);
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
    border-radius: 6px;
    margin: 10px 40px;
    transition-duration: 500ms;
}
.leixing li a:hover {
    width: 260px;
    margin: auto;
    margin: 10px;
    transition-duration: 500ms;
    background: linear-gradient(90deg,#8321E4 0%, #E83233 100%);
}
.main1 .www {
    padding: 20px 10px;
    margin-top: 40px;
    width: 1200px;
    background: #FFFFFF;
    display: flex;
    justify-content: space-between;
}